Lukas
064af16f95
- Render persistent damage tags before the "+" button, not after - Use insertion order for conditions on the row instead of definition order - Differentiate Undetected condition (EyeClosed/slate) from Invisible (Ghost/violet) - Use purple for void persistent damage to distinguish from violet conditions Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
108 lines
1.4 KiB
TypeScript
108 lines
1.4 KiB
TypeScript
import type { LucideIcon } from "lucide-react";
|
|
import {
|
|
Anchor,
|
|
ArrowDown,
|
|
Ban,
|
|
BatteryLow,
|
|
BrainCog,
|
|
CircleHelp,
|
|
CloudFog,
|
|
Drama,
|
|
Droplet,
|
|
Droplets,
|
|
EarOff,
|
|
Eclipse,
|
|
Eye,
|
|
EyeClosed,
|
|
EyeOff,
|
|
Flame,
|
|
FlaskConical,
|
|
Footprints,
|
|
Gem,
|
|
Ghost,
|
|
Hand,
|
|
Heart,
|
|
HeartCrack,
|
|
HeartPulse,
|
|
Link,
|
|
Moon,
|
|
Orbit,
|
|
PersonStanding,
|
|
ShieldMinus,
|
|
ShieldOff,
|
|
Siren,
|
|
Skull,
|
|
Snail,
|
|
Snowflake,
|
|
Sparkle,
|
|
Sparkles,
|
|
Sun,
|
|
Sword,
|
|
TrendingDown,
|
|
Wind,
|
|
Zap,
|
|
ZapOff,
|
|
} from "lucide-react";
|
|
|
|
export const CONDITION_ICON_MAP: Record<string, LucideIcon> = {
|
|
Anchor,
|
|
ArrowDown,
|
|
Ban,
|
|
BatteryLow,
|
|
BrainCog,
|
|
CircleHelp,
|
|
CloudFog,
|
|
Drama,
|
|
Droplet,
|
|
Droplets,
|
|
EarOff,
|
|
Eclipse,
|
|
Eye,
|
|
EyeClosed,
|
|
EyeOff,
|
|
Flame,
|
|
FlaskConical,
|
|
Footprints,
|
|
Gem,
|
|
Ghost,
|
|
Hand,
|
|
Heart,
|
|
HeartCrack,
|
|
HeartPulse,
|
|
Link,
|
|
Moon,
|
|
Orbit,
|
|
PersonStanding,
|
|
ShieldMinus,
|
|
ShieldOff,
|
|
Siren,
|
|
Skull,
|
|
Snail,
|
|
Snowflake,
|
|
Sparkle,
|
|
Sparkles,
|
|
Sun,
|
|
Sword,
|
|
TrendingDown,
|
|
Wind,
|
|
Zap,
|
|
ZapOff,
|
|
};
|
|
|
|
export const CONDITION_COLOR_CLASSES: Record<string, string> = {
|
|
neutral: "text-muted-foreground",
|
|
pink: "text-pink-400",
|
|
amber: "text-amber-400",
|
|
orange: "text-orange-400",
|
|
purple: "text-purple-400",
|
|
gray: "text-gray-400",
|
|
violet: "text-violet-400",
|
|
yellow: "text-yellow-400",
|
|
slate: "text-slate-400",
|
|
green: "text-green-400",
|
|
lime: "text-lime-400",
|
|
indigo: "text-indigo-400",
|
|
sky: "text-sky-400",
|
|
red: "text-red-400",
|
|
};
|