pixelplay 1.0.5 → 1.0.7

package/dist/index.mjs

@@ -22409,6 +22409,1558 @@ function CountryFlag({
   );
 }
 
+// ../../app/ui-kit/pixelplay-ui/shared/config/tokens.ts
+var colors = {
+  // ── Semantic / role colors ────────────────────────────────────────────────
+  // Curated shades for their specific UI role (slightly tuned vs. raw palette).
+  // brand → purple family  |  error → red family  |  warning → amber family
+  // success → green family  |  neutral base → gray
+  brand: {
+    25: "#FCFAFF",
+    50: "#F9F5FF",
+    100: "#F4EBFF",
+    200: "#E9D7FE",
+    300: "#D6BBFB",
+    400: "#B692F6",
+    500: "#9E77ED",
+    600: "#7F56D9",
+    700: "#6941C6",
+    800: "#53389E",
+    900: "#42307D",
+    950: "#26145A",
+    975: "#160C34"
+  },
+  error: {
+    25: "#FFFBFA",
+    50: "#FEF3F2",
+    100: "#FEE4E2",
+    200: "#FECDCA",
+    300: "#FDA29B",
+    400: "#F97066",
+    500: "#F04438",
+    600: "#D92D20",
+    700: "#B42318",
+    800: "#912018",
+    900: "#7A271A",
+    950: "#4C1108",
+    975: "#2B0904"
+  },
+  warning: {
+    25: "#FFFCF5",
+    50: "#FFFAEB",
+    100: "#FEF0C7",
+    200: "#FEDF89",
+    300: "#FEC84B",
+    400: "#FDB022",
+    500: "#F79009",
+    600: "#DC6803",
+    700: "#B54708",
+    800: "#93370D",
+    900: "#7A2E0E",
+    950: "#491A06",
+    975: "#291003"
+  },
+  success: {
+    25: "#F6FEF9",
+    50: "#ECFDF3",
+    100: "#D1FADF",
+    200: "#A6F4C5",
+    300: "#6CE9A6",
+    400: "#32D583",
+    500: "#12B76A",
+    600: "#039855",
+    700: "#027A48",
+    800: "#05603A",
+    900: "#054F31",
+    950: "#03301E",
+    975: "#021C11"
+  },
+  // ── Neutrals ──────────────────────────────────────────────────────────────
+  gray: {
+    25: "#FDFDFD",
+    50: "#FAFAFA",
+    100: "#F5F5F5",
+    200: "#E9EAEB",
+    300: "#D5D7DA",
+    400: "#A4A7AE",
+    500: "#717680",
+    600: "#535862",
+    700: "#414651",
+    800: "#252B37",
+    900: "#101828",
+    950: "#090E18",
+    975: "#05080E"
+  },
+  slate: {
+    25: "#FCFCFE",
+    50: "#F8FAFC",
+    100: "#F1F5F9",
+    200: "#E2E8F0",
+    300: "#CBD5E1",
+    400: "#94A3B8",
+    500: "#64748B",
+    600: "#475569",
+    700: "#334155",
+    800: "#1E293B",
+    900: "#0F172A",
+    950: "#090D19",
+    975: "#05070E"
+  },
+  zinc: {
+    25: "#FAFAFB",
+    50: "#FAFAFA",
+    100: "#F4F4F5",
+    200: "#E4E4E7",
+    300: "#D4D4D8",
+    400: "#A1A1AA",
+    500: "#71717A",
+    600: "#52525B",
+    700: "#3F3F46",
+    800: "#27272A",
+    900: "#18181B",
+    950: "#0E0E10",
+    975: "#080809"
+  },
+  stone: {
+    25: "#FAFAF9",
+    50: "#FAFAF9",
+    100: "#F5F5F4",
+    200: "#E7E5E4",
+    300: "#D6D3D1",
+    400: "#A8A29E",
+    500: "#78716C",
+    600: "#57534E",
+    700: "#44403C",
+    800: "#292524",
+    900: "#1C1917",
+    950: "#110F0D",
+    975: "#090807"
+  },
+  // ── Reds & oranges ────────────────────────────────────────────────────────
+  red: {
+    25: "#FFF5F5",
+    50: "#FEF2F2",
+    100: "#FEE2E2",
+    200: "#FECACA",
+    300: "#FCA5A5",
+    400: "#F87171",
+    500: "#EF4444",
+    600: "#DC2626",
+    700: "#B91C1C",
+    800: "#991B1B",
+    900: "#7F1D1D",
+    950: "#4C1111",
+    975: "#2B0909"
+  },
+  orange: {
+    25: "#FFFAF5",
+    50: "#FFF6ED",
+    100: "#FFEAD5",
+    200: "#FDDCAB",
+    300: "#FEB273",
+    400: "#FD853A",
+    500: "#FB6514",
+    600: "#EC4A0A",
+    700: "#C4320A",
+    800: "#9C2A10",
+    900: "#7E2410",
+    950: "#4C1509",
+    975: "#2B0C05"
+  },
+  amber: {
+    25: "#FFFDF5",
+    50: "#FFFBEB",
+    100: "#FEF3C7",
+    200: "#FDE68A",
+    300: "#FCD34D",
+    400: "#FBBF24",
+    500: "#F59E0B",
+    600: "#D97706",
+    700: "#B45309",
+    800: "#92400E",
+    900: "#78350F",
+    950: "#471E07",
+    975: "#280F03"
+  },
+  yellow: {
+    25: "#FEFEF2",
+    50: "#FEFCE8",
+    100: "#FEF9C3",
+    200: "#FEF08A",
+    300: "#FDE047",
+    400: "#FACC15",
+    500: "#EAB308",
+    600: "#CA8A04",
+    700: "#A16207",
+    800: "#854D0E",
+    900: "#713F12",
+    950: "#44250A",
+    975: "#261505"
+  },
+  // ── Greens ────────────────────────────────────────────────────────────────
+  lime: {
+    25: "#FBFFE7",
+    50: "#F7FEE7",
+    100: "#ECFCCB",
+    200: "#D9F99D",
+    300: "#BEF264",
+    400: "#A3E635",
+    500: "#84CC16",
+    600: "#65A30D",
+    700: "#4D7C0F",
+    800: "#3F6212",
+    900: "#365314",
+    950: "#20320C",
+    975: "#121C06"
+  },
+  green: {
+    25: "#F2FDF5",
+    50: "#F0FDF4",
+    100: "#DCFCE7",
+    200: "#BBF7D0",
+    300: "#86EFAC",
+    400: "#4ADE80",
+    500: "#22C55E",
+    600: "#16A34A",
+    700: "#15803D",
+    800: "#166534",
+    900: "#14532D",
+    950: "#0C321B",
+    975: "#061C0F"
+  },
+  emerald: {
+    25: "#F3FDF8",
+    50: "#ECFDF5",
+    100: "#D1FAE5",
+    200: "#A7F3D0",
+    300: "#6EE7B7",
+    400: "#34D399",
+    500: "#10B981",
+    600: "#059669",
+    700: "#047857",
+    800: "#065F46",
+    900: "#064E3B",
+    950: "#032F23",
+    975: "#021A13"
+  },
+  teal: {
+    25: "#F0FCFB",
+    50: "#F0FDFA",
+    100: "#CCFBF1",
+    200: "#99F6E4",
+    300: "#5EEAD4",
+    400: "#2DD4BF",
+    500: "#14B8A6",
+    600: "#0D9488",
+    700: "#0F766E",
+    800: "#115E59",
+    900: "#134E4A",
+    950: "#0A302E",
+    975: "#061C1A"
+  },
+  // ── Blues ─────────────────────────────────────────────────────────────────
+  cyan: {
+    25: "#F0FEFF",
+    50: "#ECFEFF",
+    100: "#CFFAFE",
+    200: "#A5F3FC",
+    300: "#67E8F9",
+    400: "#22D3EE",
+    500: "#06B6D4",
+    600: "#0891B2",
+    700: "#0E7490",
+    800: "#155E75",
+    900: "#164E63",
+    950: "#0C2F3C",
+    975: "#071A22"
+  },
+  blueLight: {
+    25: "#F5FBFF",
+    50: "#F0F9FF",
+    100: "#E0F2FE",
+    200: "#B9E6FE",
+    300: "#7CD4FD",
+    400: "#36BFFA",
+    500: "#0BA5EC",
+    600: "#0086C9",
+    700: "#026AA2",
+    800: "#065986",
+    900: "#0B4A6F",
+    950: "#062C43",
+    975: "#031826"
+  },
+  blue: {
+    25: "#F5FAFF",
+    50: "#EFF8FF",
+    100: "#D1E9FF",
+    200: "#B2DDFF",
+    300: "#84CAFF",
+    400: "#53B1FD",
+    500: "#2E90FA",
+    600: "#1570EF",
+    700: "#175CD3",
+    800: "#1849A9",
+    900: "#194185",
+    950: "#0E2669",
+    975: "#08153B"
+  },
+  blueGray: {
+    25: "#FCFCFD",
+    50: "#F8F9FC",
+    100: "#EAECF5",
+    200: "#D5D9EB",
+    300: "#AFB5D9",
+    400: "#717BBC",
+    500: "#4E5BA6",
+    600: "#3E4784",
+    700: "#363F72",
+    800: "#293056",
+    900: "#101323",
+    950: "#090B15",
+    975: "#05060B"
+  },
+  // ── Purples & pinks ───────────────────────────────────────────────────────
+  indigo: {
+    25: "#F5F8FF",
+    50: "#EEF4FF",
+    100: "#E0EAFF",
+    200: "#C7D7FE",
+    300: "#A4BCFD",
+    400: "#8098F9",
+    500: "#6172F3",
+    600: "#444CE7",
+    700: "#3538CD",
+    800: "#2D31A6",
+    900: "#2D3282",
+    950: "#1B1F52",
+    975: "#10122F"
+  },
+  violet: {
+    25: "#FAFAFF",
+    50: "#F5F3FF",
+    100: "#EDE9FE",
+    200: "#DDD6FE",
+    300: "#C4B5FD",
+    400: "#A78BFA",
+    500: "#8B5CF6",
+    600: "#7C3AED",
+    700: "#6D28D9",
+    800: "#5B21B6",
+    900: "#4C1D95",
+    950: "#2D1159",
+    975: "#190932"
+  },
+  purple: {
+    25: "#FAFAFF",
+    50: "#F4F3FF",
+    100: "#EBE9FE",
+    200: "#D9D6FE",
+    300: "#BDB4FE",
+    400: "#9B8AFB",
+    500: "#7A5AF8",
+    600: "#6938EF",
+    700: "#5925DC",
+    800: "#4A1FB8",
+    900: "#3E1C96",
+    950: "#25105A",
+    975: "#140932"
+  },
+  fuchsia: {
+    25: "#FEF8FF",
+    50: "#FDF4FF",
+    100: "#FAE8FF",
+    200: "#F5D0FE",
+    300: "#F0ABFC",
+    400: "#E879F9",
+    500: "#D946EF",
+    600: "#C026D3",
+    700: "#A21CAF",
+    800: "#86198F",
+    900: "#701A75",
+    950: "#430F46",
+    975: "#250827"
+  },
+  pink: {
+    25: "#FEF6FB",
+    50: "#FDF2FA",
+    100: "#FCE7F6",
+    200: "#FCCEEE",
+    300: "#FAA7E0",
+    400: "#F670C7",
+    500: "#EE46BC",
+    600: "#DD2590",
+    700: "#C11574",
+    800: "#9E165F",
+    900: "#851651",
+    950: "#4F0C30",
+    975: "#2C071A"
+  },
+  rose: {
+    25: "#FFF5F6",
+    50: "#FFF1F3",
+    100: "#FFE4E8",
+    200: "#FECDD6",
+    300: "#FEA3B4",
+    400: "#FD6F8E",
+    500: "#F63D68",
+    600: "#E31B54",
+    700: "#C01048",
+    800: "#A11043",
+    900: "#89123E",
+    950: "#520A25",
+    975: "#2E0514"
+  }
+};
+var textScale = {
+  xl: { fontSize: "1.25rem", lineHeight: "1.875rem", letterSpacing: "0em" },
+  // 20px / 30px
+  lg: { fontSize: "1.125rem", lineHeight: "1.75rem", letterSpacing: "0em" },
+  // 18px / 28px
+  md: { fontSize: "1rem", lineHeight: "1.5rem", letterSpacing: "0em" },
+  // 16px / 24px
+  sm: { fontSize: "0.875rem", lineHeight: "1.25rem", letterSpacing: "0em" },
+  // 14px / 20px
+  xs: { fontSize: "0.75rem", lineHeight: "1.125rem", letterSpacing: "0em" }
+  // 12px / 18px
+};
+var fontSizes = {
+  xs: textScale.xs.fontSize,
+  sm: textScale.sm.fontSize,
+  md: textScale.md.fontSize,
+  lg: textScale.lg.fontSize,
+  xl: textScale.xl.fontSize
+};
+
+// ../../app/ui-kit/pixelplay-ui/shared/config/themes/rosewood.ts
+var rosewoodLightTheme = {
+  // Surfaces — warm blush tones
+  surface: colors.rose[25],
+  "surface-dim": colors.rose[50],
+  "surface-bright": "#FFFFFF",
+  "surface-container-lowest": "#FFFFFF",
+  "surface-container-low": colors.rose[25],
+  "surface-container": colors.rose[50],
+  "surface-container-high": colors.rose[100],
+  "surface-container-highest": colors.rose[200],
+  // Content
+  "on-surface": colors.stone[900],
+  "on-surface-variant": colors.stone[600],
+  "inverse-surface": colors.stone[900],
+  "inverse-on-surface": colors.rose[25],
+  // Primary — rich rosewood pink (600 for contrast against blush surfaces)
+  primary: colors.red[400],
+  "on-primary": "#FFFFFF",
+  "primary-container": colors.rose[100],
+  "on-primary-container": colors.rose[800],
+  "inverse-primary": colors.rose[300],
+  // Secondary — deep burgundy
+  secondary: colors.red[700],
+  "on-secondary": "#FFFFFF",
+  "secondary-container": colors.rose[200],
+  "on-secondary-container": colors.red[900],
+  // Tertiary — dusty rose gold
+  tertiary: colors.pink[400],
+  "on-tertiary": "#FFFFFF",
+  "tertiary-container": colors.pink[100],
+  "on-tertiary-container": colors.pink[800],
+  // Utility
+  outline: colors.rose[300],
+  "outline-variant": colors.rose[200],
+  scrim: "rgba(68,44,46,0.4)",
+  shadow: "rgba(68,44,46,0.08)",
+  // Feedback
+  error: colors.error[500],
+  "on-error": "#FFFFFF",
+  "error-container": colors.error[100],
+  "on-error-container": colors.error[800],
+  success: colors.success[500],
+  "on-success": "#FFFFFF",
+  "success-container": colors.success[100],
+  "on-success-container": colors.success[800],
+  warning: colors.warning[500],
+  "on-warning": "#FFFFFF",
+  "warning-container": colors.warning[100],
+  "on-warning-container": colors.warning[800],
+  info: colors.blue[500],
+  "on-info": "#FFFFFF",
+  "info-container": colors.blue[100],
+  "on-info-container": colors.blue[800],
+  // States
+  "surface-tint": colors.rose[200],
+  "state-hover": "rgba(68,44,46,0.06)",
+  "state-focus": "rgba(68,44,46,0.10)",
+  "state-pressed": "rgba(68,44,46,0.10)",
+  "state-dragged": "rgba(68,44,46,0.14)",
+  "state-disabled": "rgba(68,44,46,0.38)",
+  // Categorical
+  "graphic-1": colors.pink[400],
+  "graphic-2": colors.red[700],
+  "graphic-3": colors.warning[500],
+  "graphic-4": colors.success[500],
+  "graphic-5": colors.orange[500],
+  "graphic-6": colors.error[500],
+  "graphic-7": colors.blue[500],
+  "graphic-8": colors.pink[600],
+  "graphic-9": colors.amber[500],
+  "graphic-10": colors.slate[500],
+  "on-graphic": "#FFFFFF",
+  "graphic-1-container": colors.pink[50],
+  "graphic-2-container": colors.red[50],
+  "graphic-3-container": colors.warning[50],
+  "graphic-4-container": colors.success[50],
+  "graphic-5-container": colors.orange[50],
+  "graphic-6-container": colors.error[50],
+  "graphic-7-container": colors.blue[50],
+  "graphic-8-container": colors.pink[50],
+  "graphic-9-container": colors.amber[50],
+  "graphic-10-container": colors.slate[50],
+  "on-graphic-1-container": colors.pink[800],
+  "on-graphic-2-container": colors.red[800],
+  "on-graphic-3-container": colors.warning[800],
+  "on-graphic-4-container": colors.success[800],
+  "on-graphic-5-container": colors.orange[800],
+  "on-graphic-6-container": colors.error[800],
+  "on-graphic-7-container": colors.blue[800],
+  "on-graphic-8-container": colors.pink[800],
+  "on-graphic-9-container": colors.amber[800],
+  "on-graphic-10-container": colors.slate[800],
+  // Status
+  "status-positive": colors.success[500],
+  "status-warning": colors.warning[500],
+  "status-negative": colors.red[700],
+  "status-neutral": colors.stone[400],
+  // Progress
+  "progress-track": colors.rose[200],
+  "progress-indicator": colors.red[700],
+  "progress-buffer": colors.pink[400],
+  // Scales
+  "scale-low": colors.success[500],
+  "scale-medium": colors.warning[500],
+  "scale-high": colors.red[700],
+  // Infrastructure
+  "graphic-outline": colors.rose[300],
+  "graphic-divider": colors.rose[200],
+  "graphic-label": colors.stone[600],
+  "graphic-marker": colors.red[700],
+  // Overlays
+  "graphic-hover": colors.rose[100],
+  "graphic-muted": colors.rose[200],
+  "annotation-line": colors.stone[400]
+};
+var rosewoodDarkTheme = {
+  // Surfaces — deep burgundy-charcoal
+  surface: colors.stone[900],
+  "surface-dim": colors.stone[950],
+  "surface-bright": colors.stone[800],
+  "surface-container-lowest": colors.stone[950],
+  "surface-container-low": colors.stone[900],
+  "surface-container": colors.stone[800],
+  "surface-container-high": colors.stone[700],
+  "surface-container-highest": colors.stone[600],
+  // Content
+  "on-surface": colors.rose[25],
+  "on-surface-variant": colors.rose[300],
+  "inverse-surface": colors.rose[25],
+  "inverse-on-surface": colors.stone[900],
+  // Primary — warm pink lighter for dark bg
+  primary: colors.rose[200],
+  "on-primary": colors.stone[900],
+  "primary-container": colors.stone[700],
+  "on-primary-container": colors.rose[200],
+  "inverse-primary": colors.red[700],
+  // Secondary
+  secondary: colors.rose[300],
+  "on-secondary": colors.red[950],
+  "secondary-container": colors.red[900],
+  "on-secondary-container": colors.rose[200],
+  // Tertiary
+  tertiary: colors.pink[300],
+  "on-tertiary": colors.pink[950],
+  "tertiary-container": colors.pink[800],
+  "on-tertiary-container": colors.pink[100],
+  // Utility
+  outline: colors.stone[600],
+  "outline-variant": colors.stone[700],
+  scrim: "rgba(255,255,255,0.1)",
+  shadow: "rgba(0,0,0,0.3)",
+  // Feedback
+  error: colors.error[400],
+  "on-error": colors.error[900],
+  "error-container": colors.error[950],
+  "on-error-container": colors.error[100],
+  success: colors.success[400],
+  "on-success": colors.success[900],
+  "success-container": colors.success[950],
+  "on-success-container": colors.success[100],
+  warning: colors.warning[400],
+  "on-warning": colors.warning[900],
+  "warning-container": colors.warning[950],
+  "on-warning-container": colors.warning[100],
+  info: colors.blue[400],
+  "on-info": colors.blue[900],
+  "info-container": colors.blue[950],
+  "on-info-container": colors.blue[100],
+  // States
+  "surface-tint": colors.rose[200],
+  "state-hover": "rgba(254,219,208,0.08)",
+  "state-focus": "rgba(254,219,208,0.12)",
+  "state-pressed": "rgba(254,219,208,0.12)",
+  "state-dragged": "rgba(254,219,208,0.16)",
+  "state-disabled": "rgba(255,245,243,0.38)",
+  // Categorical
+  "graphic-1": colors.pink[300],
+  "graphic-2": colors.rose[300],
+  "graphic-3": colors.warning[400],
+  "graphic-4": colors.success[400],
+  "graphic-5": colors.orange[400],
+  "graphic-6": colors.error[400],
+  "graphic-7": colors.blue[400],
+  "graphic-8": colors.pink[400],
+  "graphic-9": colors.amber[400],
+  "graphic-10": colors.slate[400],
+  "on-graphic": "#FFFFFF",
+  "graphic-1-container": colors.pink[950],
+  "graphic-2-container": colors.rose[950],
+  "graphic-3-container": colors.warning[950],
+  "graphic-4-container": colors.success[950],
+  "graphic-5-container": colors.orange[950],
+  "graphic-6-container": colors.error[950],
+  "graphic-7-container": colors.blue[950],
+  "graphic-8-container": colors.pink[950],
+  "graphic-9-container": colors.amber[950],
+  "graphic-10-container": colors.slate[950],
+  "on-graphic-1-container": colors.pink[100],
+  "on-graphic-2-container": colors.rose[100],
+  "on-graphic-3-container": colors.warning[100],
+  "on-graphic-4-container": colors.success[100],
+  "on-graphic-5-container": colors.orange[100],
+  "on-graphic-6-container": colors.error[100],
+  "on-graphic-7-container": colors.blue[100],
+  "on-graphic-8-container": colors.pink[100],
+  "on-graphic-9-container": colors.amber[100],
+  "on-graphic-10-container": colors.slate[100],
+  // Status
+  "status-positive": colors.success[400],
+  "status-warning": colors.warning[400],
+  "status-negative": colors.rose[300],
+  "status-neutral": colors.stone[500],
+  // Progress
+  "progress-track": colors.stone[700],
+  "progress-indicator": colors.rose[200],
+  "progress-buffer": colors.stone[600],
+  // Scales
+  "scale-low": colors.success[400],
+  "scale-medium": colors.warning[400],
+  "scale-high": colors.rose[300],
+  // Infrastructure
+  "graphic-outline": colors.stone[600],
+  "graphic-divider": colors.stone[700],
+  "graphic-label": colors.rose[300],
+  "graphic-marker": colors.rose[200],
+  // Overlays
+  "graphic-hover": colors.stone[700],
+  "graphic-muted": colors.stone[700],
+  "annotation-line": colors.stone[500]
+};
+var rosewoodTheme = {
+  label: "Rosewood",
+  description: "Elegant fashion & retail",
+  swatch: colors.rose[200],
+  light: rosewoodLightTheme,
+  dark: rosewoodDarkTheme,
+  globals: {
+    "--radius-xs": "0.5rem",
+    "--radius-sm": "0.625rem",
+    "--radius-md": "0.875rem",
+    "--radius-lg": "1.25rem",
+    "--radius-xl": "1.5rem",
+    "--radius-2xl": "2rem",
+    "--radius-3xl": "2.5rem",
+    "--radius-4xl": "3rem",
+    "--font-sans": "'JetBrains Mono', 'Courier New', monospace",
+    "--font-heading": "'JetBrains Mono', 'Courier New', monospace",
+    "--font-body": "'JetBrains Mono', 'Courier New', monospace",
+    "--font-weight-normal": "400",
+    "--font-weight-medium": "500",
+    "--font-weight-semibold": "600",
+    "--font-weight-bold": "700",
+    // ── Typography scale (standard sizes) ──
+    "--text-xs": "0.75rem",
+    "--text-xs--line-height": "1.125rem",
+    "--text-sm": "0.875rem",
+    "--text-sm--line-height": "1.25rem",
+    "--text-base": "1rem",
+    "--text-base--line-height": "1.5rem",
+    "--text-lg": "1.125rem",
+    "--text-lg--line-height": "1.75rem",
+    "--text-xl": "1.25rem",
+    "--text-xl--line-height": "1.875rem",
+    "--text-2xl": "1.5rem",
+    "--text-2xl--line-height": "2rem",
+    "--text-3xl": "1.875rem",
+    "--text-3xl--line-height": "2.375rem",
+    "--text-4xl": "2.25rem",
+    "--text-4xl--line-height": "2.75rem",
+    "--letter-spacing-normal": "0em",
+    "--letter-spacing-tight": "-0.02em",
+    "--shadow-xs": "0 1px 4px 0 rgba(68,44,46,0.04)",
+    "--shadow-sm": "0 2px 8px -1px rgba(68,44,46,0.06)",
+    "--shadow-md": "0 4px 16px -2px rgba(68,44,46,0.06)",
+    "--shadow-lg": "0 8px 28px -4px rgba(68,44,46,0.06)",
+    "--shadow-xl": "0 16px 44px -6px rgba(68,44,46,0.06)",
+    "--shadow-2xl": "0 24px 60px -8px rgba(68,44,46,0.06)"
+  }
+};
+
+// ../../app/ui-kit/pixelplay-ui/shared/config/themes/botanica.ts
+var botanicaLightTheme = {
+  // Surfaces — warm olive-cream
+  surface: colors.yellow[25],
+  "surface-dim": colors.yellow[100],
+  "surface-bright": "#FFFFFF",
+  "surface-container-lowest": "#FFFFFF",
+  "surface-container-low": colors.yellow[50],
+  "surface-container": colors.yellow[100],
+  "surface-container-high": colors.yellow[200],
+  "surface-container-highest": colors.lime[200],
+  // Content
+  "on-surface": colors.emerald[950],
+  "on-surface-variant": colors.emerald[700],
+  "inverse-surface": colors.emerald[950],
+  "inverse-on-surface": colors.lime[50],
+  // Primary — deep herb green
+  primary: colors.emerald[700],
+  "on-primary": "#FFFFFF",
+  "primary-container": colors.emerald[200],
+  "on-primary-container": colors.emerald[950],
+  "inverse-primary": colors.emerald[400],
+  // Secondary — spicy orange-red
+  secondary: colors.orange[500],
+  "on-secondary": "#FFFFFF",
+  "secondary-container": colors.orange[100],
+  "on-secondary-container": colors.orange[900],
+  // Tertiary — earthy olive
+  tertiary: colors.lime[600],
+  "on-tertiary": "#FFFFFF",
+  "tertiary-container": colors.lime[100],
+  "on-tertiary-container": colors.lime[900],
+  // Utility
+  outline: colors.emerald[300],
+  "outline-variant": colors.emerald[200],
+  scrim: "rgba(26,58,42,0.4)",
+  shadow: "rgba(26,58,42,0.10)",
+  // Feedback
+  error: colors.error[600],
+  "on-error": "#FFFFFF",
+  "error-container": colors.error[100],
+  "on-error-container": colors.error[800],
+  success: colors.success[600],
+  "on-success": "#FFFFFF",
+  "success-container": colors.success[100],
+  "on-success-container": colors.success[800],
+  warning: colors.warning[600],
+  "on-warning": "#FFFFFF",
+  "warning-container": colors.warning[100],
+  "on-warning-container": colors.warning[800],
+  info: colors.blue[600],
+  "on-info": "#FFFFFF",
+  "info-container": colors.blue[100],
+  "on-info-container": colors.blue[800],
+  // States
+  "surface-tint": colors.emerald[700],
+  "state-hover": "rgba(26,58,42,0.06)",
+  "state-focus": "rgba(26,58,42,0.10)",
+  "state-pressed": "rgba(26,58,42,0.10)",
+  "state-dragged": "rgba(26,58,42,0.14)",
+  "state-disabled": "rgba(26,58,42,0.38)",
+  // Categorical
+  "graphic-1": colors.emerald[700],
+  "graphic-2": colors.orange[500],
+  "graphic-3": colors.lime[600],
+  "graphic-4": colors.success[600],
+  "graphic-5": colors.warning[500],
+  "graphic-6": colors.error[600],
+  "graphic-7": colors.blue[600],
+  "graphic-8": colors.green[600],
+  "graphic-9": colors.orange[600],
+  "graphic-10": colors.teal[600],
+  "on-graphic": "#FFFFFF",
+  "graphic-1-container": colors.emerald[50],
+  "graphic-2-container": colors.orange[50],
+  "graphic-3-container": colors.lime[50],
+  "graphic-4-container": colors.success[50],
+  "graphic-5-container": colors.warning[50],
+  "graphic-6-container": colors.error[50],
+  "graphic-7-container": colors.blue[50],
+  "graphic-8-container": colors.green[50],
+  "graphic-9-container": colors.orange[50],
+  "graphic-10-container": colors.teal[50],
+  "on-graphic-1-container": colors.emerald[800],
+  "on-graphic-2-container": colors.orange[800],
+  "on-graphic-3-container": colors.lime[800],
+  "on-graphic-4-container": colors.success[800],
+  "on-graphic-5-container": colors.warning[800],
+  "on-graphic-6-container": colors.error[800],
+  "on-graphic-7-container": colors.blue[800],
+  "on-graphic-8-container": colors.green[800],
+  "on-graphic-9-container": colors.orange[800],
+  "on-graphic-10-container": colors.teal[800],
+  // Status
+  "status-positive": colors.success[600],
+  "status-warning": colors.warning[600],
+  "status-negative": colors.error[600],
+  "status-neutral": colors.emerald[400],
+  // Progress
+  "progress-track": colors.emerald[200],
+  "progress-indicator": colors.emerald[700],
+  "progress-buffer": colors.emerald[400],
+  // Scales
+  "scale-low": colors.success[600],
+  "scale-medium": colors.warning[600],
+  "scale-high": colors.error[600],
+  // Infrastructure
+  "graphic-outline": colors.emerald[300],
+  "graphic-divider": colors.emerald[200],
+  "graphic-label": colors.emerald[700],
+  "graphic-marker": colors.orange[500],
+  // Overlays
+  "graphic-hover": colors.emerald[50],
+  "graphic-muted": colors.emerald[200],
+  "annotation-line": colors.emerald[400]
+};
+var botanicaDarkTheme = {
+  // Surfaces — dark forest
+  surface: colors.emerald[975],
+  "surface-dim": colors.emerald[975],
+  "surface-bright": colors.emerald[900],
+  "surface-container-lowest": colors.emerald[975],
+  "surface-container-low": colors.emerald[950],
+  "surface-container": colors.emerald[900],
+  "surface-container-high": colors.green[900],
+  "surface-container-highest": colors.green[800],
+  // Content
+  "on-surface": colors.emerald[50],
+  "on-surface-variant": colors.emerald[300],
+  "inverse-surface": colors.emerald[50],
+  "inverse-on-surface": colors.emerald[950],
+  // Primary
+  primary: colors.emerald[300],
+  "on-primary": colors.emerald[950],
+  "primary-container": colors.emerald[900],
+  "on-primary-container": colors.emerald[200],
+  "inverse-primary": colors.emerald[700],
+  // Secondary
+  secondary: colors.orange[400],
+  "on-secondary": colors.orange[950],
+  "secondary-container": colors.orange[900],
+  "on-secondary-container": colors.orange[100],
+  // Tertiary
+  tertiary: colors.lime[400],
+  "on-tertiary": colors.lime[950],
+  "tertiary-container": colors.lime[900],
+  "on-tertiary-container": colors.lime[100],
+  // Utility
+  outline: colors.emerald[600],
+  "outline-variant": colors.emerald[800],
+  scrim: "rgba(255,255,255,0.1)",
+  shadow: "rgba(0,0,0,0.3)",
+  // Feedback
+  error: colors.error[400],
+  "on-error": colors.error[950],
+  "error-container": colors.error[900],
+  "on-error-container": colors.error[100],
+  success: colors.success[400],
+  "on-success": colors.success[950],
+  "success-container": colors.success[900],
+  "on-success-container": colors.success[100],
+  warning: colors.warning[400],
+  "on-warning": colors.warning[950],
+  "warning-container": colors.warning[900],
+  "on-warning-container": colors.warning[100],
+  info: colors.blue[400],
+  "on-info": colors.blue[950],
+  "info-container": colors.blue[900],
+  "on-info-container": colors.blue[100],
+  // States
+  "surface-tint": colors.emerald[300],
+  "state-hover": "rgba(110,231,183,0.08)",
+  "state-focus": "rgba(110,231,183,0.12)",
+  "state-pressed": "rgba(110,231,183,0.12)",
+  "state-dragged": "rgba(110,231,183,0.16)",
+  "state-disabled": "rgba(236,253,245,0.38)",
+  // Categorical
+  "graphic-1": colors.emerald[300],
+  "graphic-2": colors.orange[400],
+  "graphic-3": colors.lime[400],
+  "graphic-4": colors.success[400],
+  "graphic-5": colors.warning[400],
+  "graphic-6": colors.error[400],
+  "graphic-7": colors.blue[400],
+  "graphic-8": colors.green[400],
+  "graphic-9": colors.orange[400],
+  "graphic-10": colors.teal[400],
+  "on-graphic": "#FFFFFF",
+  "graphic-1-container": colors.emerald[950],
+  "graphic-2-container": colors.orange[950],
+  "graphic-3-container": colors.lime[950],
+  "graphic-4-container": colors.success[950],
+  "graphic-5-container": colors.warning[950],
+  "graphic-6-container": colors.error[950],
+  "graphic-7-container": colors.blue[950],
+  "graphic-8-container": colors.green[950],
+  "graphic-9-container": colors.orange[950],
+  "graphic-10-container": colors.teal[950],
+  "on-graphic-1-container": colors.emerald[100],
+  "on-graphic-2-container": colors.orange[100],
+  "on-graphic-3-container": colors.lime[100],
+  "on-graphic-4-container": colors.success[100],
+  "on-graphic-5-container": colors.warning[100],
+  "on-graphic-6-container": colors.error[100],
+  "on-graphic-7-container": colors.blue[100],
+  "on-graphic-8-container": colors.green[100],
+  "on-graphic-9-container": colors.orange[100],
+  "on-graphic-10-container": colors.teal[100],
+  // Status
+  "status-positive": colors.success[400],
+  "status-warning": colors.warning[400],
+  "status-negative": colors.error[400],
+  "status-neutral": colors.emerald[500],
+  // Progress
+  "progress-track": colors.emerald[800],
+  "progress-indicator": colors.emerald[300],
+  "progress-buffer": colors.emerald[600],
+  // Scales
+  "scale-low": colors.success[400],
+  "scale-medium": colors.warning[400],
+  "scale-high": colors.error[400],
+  // Infrastructure
+  "graphic-outline": colors.emerald[600],
+  "graphic-divider": colors.emerald[800],
+  "graphic-label": colors.emerald[300],
+  "graphic-marker": colors.orange[400],
+  // Overlays
+  "graphic-hover": colors.emerald[900],
+  "graphic-muted": colors.emerald[800],
+  "annotation-line": colors.emerald[500]
+};
+var botanicaTheme = {
+  label: "Botanica",
+  description: "Nature-inspired cooking & lifestyle",
+  swatch: colors.emerald[700],
+  light: botanicaLightTheme,
+  dark: botanicaDarkTheme,
+  globals: {
+    "--radius-xs": "0.25rem",
+    "--radius-sm": "0.375rem",
+    "--radius-md": "0.5rem",
+    "--radius-lg": "0.75rem",
+    "--radius-xl": "1rem",
+    "--radius-2xl": "1.25rem",
+    "--radius-3xl": "1.5rem",
+    "--radius-4xl": "2rem",
+    "--font-sans": "'Inter', 'Helvetica Neue', Arial, sans-serif",
+    "--font-heading": "'Inter', 'Helvetica Neue', Arial, sans-serif",
+    "--font-body": "'Inter', 'Helvetica Neue', Arial, sans-serif",
+    "--font-weight-normal": "400",
+    "--font-weight-medium": "500",
+    "--font-weight-semibold": "600",
+    "--font-weight-bold": "700",
+    // ── Typography scale (geometric sans — standard sizes, moderate leading) ──
+    "--text-xs": "0.75rem",
+    "--text-xs--line-height": "1.125rem",
+    "--text-sm": "0.875rem",
+    "--text-sm--line-height": "1.25rem",
+    "--text-base": "1rem",
+    "--text-base--line-height": "1.5rem",
+    "--text-lg": "1.125rem",
+    "--text-lg--line-height": "1.75rem",
+    "--text-xl": "1.25rem",
+    "--text-xl--line-height": "1.875rem",
+    "--text-2xl": "1.5rem",
+    "--text-2xl--line-height": "2rem",
+    "--text-3xl": "1.875rem",
+    "--text-3xl--line-height": "2.375rem",
+    "--text-4xl": "2.25rem",
+    "--text-4xl--line-height": "2.75rem",
+    "--letter-spacing-normal": "0.005em",
+    "--letter-spacing-tight": "-0.02em",
+    "--shadow-xs": "0 1px 2px 0 rgba(26,58,42,0.08)",
+    "--shadow-sm": "0 2px 4px -1px rgba(26,58,42,0.10)",
+    "--shadow-md": "0 3px 10px -2px rgba(26,58,42,0.10)",
+    "--shadow-lg": "0 6px 20px -4px rgba(26,58,42,0.12)",
+    "--shadow-xl": "0 12px 32px -6px rgba(26,58,42,0.12)",
+    "--shadow-2xl": "0 20px 48px -8px rgba(26,58,42,0.14)"
+  }
+};
+
+// ../../app/ui-kit/pixelplay-ui/shared/config/themes/inkwell.ts
+var inkwellLightTheme = {
+  // Surfaces — pure white / cool gray
+  surface: "#FFFFFF",
+  "surface-dim": colors.gray[100],
+  "surface-bright": "#FFFFFF",
+  "surface-container-lowest": "#FFFFFF",
+  "surface-container-low": colors.gray[50],
+  "surface-container": colors.gray[100],
+  "surface-container-high": colors.gray[200],
+  "surface-container-highest": colors.gray[300],
+  // Content — near black
+  "on-surface": colors.gray[950],
+  "on-surface-variant": colors.gray[700],
+  "inverse-surface": colors.gray[900],
+  "inverse-on-surface": colors.gray[50],
+  // Primary — deep purple (editorial ink)
+  primary: colors.violet[600],
+  "on-primary": "#FFFFFF",
+  "primary-container": colors.violet[100],
+  "on-primary-container": colors.violet[900],
+  "inverse-primary": colors.violet[300],
+  // Secondary — muted charcoal
+  secondary: colors.gray[700],
+  "on-secondary": "#FFFFFF",
+  "secondary-container": colors.gray[200],
+  "on-secondary-container": colors.gray[900],
+  // Tertiary — editorial red accent
+  tertiary: colors.red[600],
+  "on-tertiary": "#FFFFFF",
+  "tertiary-container": colors.red[100],
+  "on-tertiary-container": colors.red[900],
+  // Utility
+  outline: colors.gray[300],
+  "outline-variant": colors.gray[200],
+  scrim: "rgba(0,0,0,0.5)",
+  shadow: "rgba(0,0,0,0.15)",
+  // Feedback
+  error: colors.error[600],
+  "on-error": "#FFFFFF",
+  "error-container": colors.error[100],
+  "on-error-container": colors.error[800],
+  success: colors.success[600],
+  "on-success": "#FFFFFF",
+  "success-container": colors.success[100],
+  "on-success-container": colors.success[800],
+  warning: colors.warning[600],
+  "on-warning": "#FFFFFF",
+  "warning-container": colors.warning[100],
+  "on-warning-container": colors.warning[800],
+  info: colors.blue[600],
+  "on-info": "#FFFFFF",
+  "info-container": colors.blue[100],
+  "on-info-container": colors.blue[800],
+  // States
+  "surface-tint": colors.violet[600],
+  "state-hover": "rgba(0,0,0,0.06)",
+  "state-focus": "rgba(0,0,0,0.10)",
+  "state-pressed": "rgba(0,0,0,0.10)",
+  "state-dragged": "rgba(0,0,0,0.14)",
+  "state-disabled": "rgba(0,0,0,0.38)",
+  // Categorical
+  "graphic-1": colors.violet[600],
+  "graphic-2": colors.red[600],
+  "graphic-3": colors.gray[700],
+  "graphic-4": colors.success[600],
+  "graphic-5": colors.warning[600],
+  "graphic-6": colors.blue[600],
+  "graphic-7": colors.purple[600],
+  "graphic-8": colors.teal[600],
+  "graphic-9": colors.orange[600],
+  "graphic-10": colors.blueGray[600],
+  "on-graphic": "#FFFFFF",
+  "graphic-1-container": colors.violet[50],
+  "graphic-2-container": colors.red[50],
+  "graphic-3-container": colors.gray[100],
+  "graphic-4-container": colors.success[50],
+  "graphic-5-container": colors.warning[50],
+  "graphic-6-container": colors.blue[50],
+  "graphic-7-container": colors.purple[50],
+  "graphic-8-container": colors.teal[50],
+  "graphic-9-container": colors.orange[50],
+  "graphic-10-container": colors.blueGray[50],
+  "on-graphic-1-container": colors.violet[800],
+  "on-graphic-2-container": colors.red[800],
+  "on-graphic-3-container": colors.gray[800],
+  "on-graphic-4-container": colors.success[800],
+  "on-graphic-5-container": colors.warning[800],
+  "on-graphic-6-container": colors.blue[800],
+  "on-graphic-7-container": colors.purple[800],
+  "on-graphic-8-container": colors.teal[800],
+  "on-graphic-9-container": colors.orange[800],
+  "on-graphic-10-container": colors.blueGray[800],
+  // Status
+  "status-positive": colors.success[600],
+  "status-warning": colors.warning[600],
+  "status-negative": colors.red[600],
+  "status-neutral": colors.gray[400],
+  // Progress
+  "progress-track": colors.gray[200],
+  "progress-indicator": colors.violet[600],
+  "progress-buffer": colors.violet[300],
+  // Scales
+  "scale-low": colors.success[600],
+  "scale-medium": colors.warning[600],
+  "scale-high": colors.red[600],
+  // Infrastructure
+  "graphic-outline": colors.gray[300],
+  "graphic-divider": colors.gray[200],
+  "graphic-label": colors.gray[700],
+  "graphic-marker": colors.violet[600],
+  // Overlays
+  "graphic-hover": colors.violet[50],
+  "graphic-muted": colors.gray[200],
+  "annotation-line": colors.gray[400]
+};
+var inkwellDarkTheme = {
+  // Surfaces — pure dark editorial
+  surface: colors.gray[950],
+  "surface-dim": colors.gray[975],
+  "surface-bright": colors.gray[800],
+  "surface-container-lowest": colors.gray[975],
+  "surface-container-low": colors.gray[950],
+  "surface-container": colors.gray[900],
+  "surface-container-high": colors.gray[800],
+  "surface-container-highest": colors.gray[700],
+  // Content
+  "on-surface": colors.gray[50],
+  "on-surface-variant": colors.gray[400],
+  "inverse-surface": colors.gray[50],
+  "inverse-on-surface": colors.gray[950],
+  // Primary
+  primary: colors.violet[300],
+  "on-primary": colors.violet[950],
+  "primary-container": colors.violet[800],
+  "on-primary-container": colors.violet[100],
+  "inverse-primary": colors.violet[600],
+  // Secondary
+  secondary: colors.gray[400],
+  "on-secondary": colors.gray[900],
+  "secondary-container": colors.gray[700],
+  "on-secondary-container": colors.gray[100],
+  // Tertiary
+  tertiary: colors.red[400],
+  "on-tertiary": colors.red[950],
+  "tertiary-container": colors.red[900],
+  "on-tertiary-container": colors.red[100],
+  // Utility
+  outline: colors.gray[600],
+  "outline-variant": colors.gray[700],
+  scrim: "rgba(255,255,255,0.1)",
+  shadow: "rgba(0,0,0,0.4)",
+  // Feedback
+  error: colors.error[400],
+  "on-error": colors.error[950],
+  "error-container": colors.error[900],
+  "on-error-container": colors.error[100],
+  success: colors.success[400],
+  "on-success": colors.success[950],
+  "success-container": colors.success[900],
+  "on-success-container": colors.success[100],
+  warning: colors.warning[400],
+  "on-warning": colors.warning[950],
+  "warning-container": colors.warning[900],
+  "on-warning-container": colors.warning[100],
+  info: colors.blue[400],
+  "on-info": colors.blue[950],
+  "info-container": colors.blue[900],
+  "on-info-container": colors.blue[100],
+  // States
+  "surface-tint": colors.violet[300],
+  "state-hover": "rgba(196,181,253,0.08)",
+  "state-focus": "rgba(196,181,253,0.12)",
+  "state-pressed": "rgba(196,181,253,0.12)",
+  "state-dragged": "rgba(196,181,253,0.16)",
+  "state-disabled": "rgba(250,250,250,0.38)",
+  // Categorical
+  "graphic-1": colors.violet[300],
+  "graphic-2": colors.red[400],
+  "graphic-3": colors.gray[400],
+  "graphic-4": colors.success[400],
+  "graphic-5": colors.warning[400],
+  "graphic-6": colors.blue[400],
+  "graphic-7": colors.purple[400],
+  "graphic-8": colors.teal[400],
+  "graphic-9": colors.orange[400],
+  "graphic-10": colors.blueGray[400],
+  "on-graphic": "#FFFFFF",
+  "graphic-1-container": colors.violet[950],
+  "graphic-2-container": colors.red[950],
+  "graphic-3-container": colors.gray[900],
+  "graphic-4-container": colors.success[950],
+  "graphic-5-container": colors.warning[950],
+  "graphic-6-container": colors.blue[950],
+  "graphic-7-container": colors.purple[950],
+  "graphic-8-container": colors.teal[950],
+  "graphic-9-container": colors.orange[950],
+  "graphic-10-container": colors.blueGray[950],
+  "on-graphic-1-container": colors.violet[100],
+  "on-graphic-2-container": colors.red[100],
+  "on-graphic-3-container": colors.gray[100],
+  "on-graphic-4-container": colors.success[100],
+  "on-graphic-5-container": colors.warning[100],
+  "on-graphic-6-container": colors.blue[100],
+  "on-graphic-7-container": colors.purple[100],
+  "on-graphic-8-container": colors.teal[100],
+  "on-graphic-9-container": colors.orange[100],
+  "on-graphic-10-container": colors.blueGray[100],
+  // Status
+  "status-positive": colors.success[400],
+  "status-warning": colors.warning[400],
+  "status-negative": colors.red[400],
+  "status-neutral": colors.gray[500],
+  // Progress
+  "progress-track": colors.gray[700],
+  "progress-indicator": colors.violet[300],
+  "progress-buffer": colors.violet[700],
+  // Scales
+  "scale-low": colors.success[400],
+  "scale-medium": colors.warning[400],
+  "scale-high": colors.red[400],
+  // Infrastructure
+  "graphic-outline": colors.gray[600],
+  "graphic-divider": colors.gray[700],
+  "graphic-label": colors.gray[400],
+  "graphic-marker": colors.violet[300],
+  // Overlays
+  "graphic-hover": colors.violet[800],
+  "graphic-muted": colors.gray[700],
+  "annotation-line": colors.gray[500]
+};
+var inkwellTheme = {
+  label: "Inkwell",
+  description: "Bold editorial & news",
+  swatch: colors.violet[600],
+  light: inkwellLightTheme,
+  dark: inkwellDarkTheme,
+  globals: {
+    "--radius-xs": "0px",
+    "--radius-sm": "0px",
+    "--radius-md": "2px",
+    "--radius-lg": "2px",
+    "--radius-xl": "4px",
+    "--radius-2xl": "4px",
+    "--radius-3xl": "4px",
+    "--radius-4xl": "4px",
+    "--font-sans": "'Space Grotesk', 'Helvetica Neue', Arial, sans-serif",
+    "--font-heading": "'Space Grotesk', 'Helvetica Neue', Arial, sans-serif",
+    "--font-body": "'Space Grotesk', 'Helvetica Neue', Arial, sans-serif",
+    "--font-weight-normal": "400",
+    "--font-weight-medium": "500",
+    "--font-weight-semibold": "600",
+    "--font-weight-bold": "700",
+    // ── Typography scale (editorial — tighter body, punchy display headings) ──
+    "--text-xs": "0.6875rem",
+    "--text-xs--line-height": "1rem",
+    "--text-sm": "0.8125rem",
+    "--text-sm--line-height": "1.25rem",
+    "--text-base": "0.9375rem",
+    "--text-base--line-height": "1.375rem",
+    "--text-lg": "1.0625rem",
+    "--text-lg--line-height": "1.5rem",
+    "--text-xl": "1.25rem",
+    "--text-xl--line-height": "1.75rem",
+    "--text-2xl": "1.625rem",
+    "--text-2xl--line-height": "2rem",
+    "--text-3xl": "2.125rem",
+    "--text-3xl--line-height": "2.5rem",
+    "--text-4xl": "2.75rem",
+    "--text-4xl--line-height": "3.25rem",
+    "--letter-spacing-normal": "0em",
+    "--letter-spacing-tight": "-0.025em",
+    "--shadow-xs": "0 1px 2px 0 rgba(0,0,0,0.14)",
+    "--shadow-sm": "0 1px 3px 0 rgba(0,0,0,0.18)",
+    "--shadow-md": "0 2px 6px -1px rgba(0,0,0,0.20)",
+    "--shadow-lg": "0 4px 12px -2px rgba(0,0,0,0.22)",
+    "--shadow-xl": "0 8px 24px -4px rgba(0,0,0,0.22)",
+    "--shadow-2xl": "0 12px 36px -6px rgba(0,0,0,0.24)"
+  }
+};
+
+// ../../app/ui-kit/pixelplay-ui/shared/config/theme-tokens.ts
+var lightTheme = {
+  // Surfaces
+  surface: colors.gray[25],
+  "surface-dim": colors.gray[100],
+  "surface-bright": "#FFFFFF",
+  "surface-container-lowest": "#FFFFFF",
+  "surface-container-low": colors.gray[50],
+  "surface-container": colors.gray[100],
+  "surface-container-high": colors.gray[200],
+  "surface-container-highest": colors.gray[300],
+  // Content
+  "on-surface": colors.gray[900],
+  "on-surface-variant": colors.gray[600],
+  "inverse-surface": colors.gray[800],
+  "inverse-on-surface": colors.gray[50],
+  // Primary (brand = purple family)
+  primary: colors.brand[600],
+  "on-primary": "#FFFFFF",
+  "primary-container": colors.brand[200],
+  "on-primary-container": colors.brand[800],
+  "inverse-primary": colors.brand[300],
+  // Secondary (violet)
+  secondary: colors.violet[500],
+  "on-secondary": "#FFFFFF",
+  "secondary-container": colors.violet[100],
+  "on-secondary-container": colors.violet[800],
+  // Tertiary (teal accent)
+  tertiary: colors.teal[500],
+  "on-tertiary": "#FFFFFF",
+  "tertiary-container": colors.teal[100],
+  "on-tertiary-container": colors.teal[800],
+  // Utility
+  outline: colors.gray[300],
+  "outline-variant": colors.gray[200],
+  scrim: "rgba(0,0,0,0.4)",
+  shadow: "rgba(0,0,0,0.08)",
+  // Feedback
+  error: colors.error[500],
+  "on-error": "#FFFFFF",
+  "error-container": colors.error[100],
+  "on-error-container": colors.error[800],
+  success: colors.success[500],
+  "on-success": "#FFFFFF",
+  "success-container": colors.success[100],
+  "on-success-container": colors.success[800],
+  warning: colors.warning[500],
+  "on-warning": "#FFFFFF",
+  "warning-container": colors.warning[100],
+  "on-warning-container": colors.warning[800],
+  info: colors.blue[500],
+  "on-info": "#FFFFFF",
+  "info-container": colors.blue[100],
+  "on-info-container": colors.blue[800],
+  // States
+  "surface-tint": colors.brand[500],
+  "state-hover": "rgba(0,0,0,0.08)",
+  "state-focus": "rgba(0,0,0,0.12)",
+  "state-pressed": "rgba(0,0,0,0.12)",
+  "state-dragged": "rgba(0,0,0,0.16)",
+  "state-disabled": "rgba(0,0,0,0.38)",
+  // Categorical — 10 perceptually distinct hues
+  "graphic-1": colors.brand[500],
+  // purple
+  "graphic-2": colors.blue[500],
+  // blue
+  "graphic-3": colors.teal[500],
+  // teal
+  "graphic-4": colors.success[500],
+  // green
+  "graphic-5": colors.warning[500],
+  // amber
+  "graphic-6": colors.error[500],
+  // red
+  "graphic-7": colors.indigo[500],
+  // indigo
+  "graphic-8": colors.pink[500],
+  // pink
+  "graphic-9": colors.amber[500],
+  // yellow-amber
+  "graphic-10": colors.cyan[500],
+  // cyan
+  "on-graphic": "#FFFFFF",
+  // Categorical containers — very light bg ([50]) + mid-tone icon/text ([600])
+  "graphic-1-container": colors.brand[50],
+  "graphic-2-container": colors.blue[50],
+  "graphic-3-container": colors.teal[50],
+  "graphic-4-container": colors.success[50],
+  "graphic-5-container": colors.warning[50],
+  "graphic-6-container": colors.error[50],
+  "graphic-7-container": colors.indigo[50],
+  "graphic-8-container": colors.pink[50],
+  "graphic-9-container": colors.amber[50],
+  "graphic-10-container": colors.cyan[50],
+  "on-graphic-1-container": colors.brand[600],
+  "on-graphic-2-container": colors.blue[600],
+  "on-graphic-3-container": colors.teal[600],
+  "on-graphic-4-container": colors.success[600],
+  "on-graphic-5-container": colors.warning[600],
+  "on-graphic-6-container": colors.error[600],
+  "on-graphic-7-container": colors.indigo[600],
+  "on-graphic-8-container": colors.pink[600],
+  "on-graphic-9-container": colors.amber[600],
+  "on-graphic-10-container": colors.cyan[600],
+  // Status
+  "status-positive": colors.success[600],
+  "status-warning": colors.warning[500],
+  "status-negative": colors.error[600],
+  "status-neutral": colors.gray[400],
+  // Progress
+  "progress-track": colors.gray[200],
+  "progress-indicator": colors.brand[500],
+  "progress-buffer": colors.brand[300],
+  // Scales
+  "scale-low": colors.success[300],
+  "scale-medium": colors.warning[400],
+  "scale-high": colors.error[500],
+  // Infrastructure
+  "graphic-outline": colors.gray[300],
+  "graphic-divider": colors.gray[200],
+  "graphic-label": colors.gray[600],
+  "graphic-marker": colors.brand[600],
+  // Overlays
+  "graphic-hover": colors.brand[100],
+  "graphic-muted": colors.gray[200],
+  "annotation-line": colors.gray[400]
+};
+var darkTheme = {
+  // Surfaces
+  surface: colors.gray[900],
+  "surface-dim": "#080D14",
+  "surface-bright": colors.gray[800],
+  "surface-container-lowest": "#080D14",
+  "surface-container-low": colors.gray[900],
+  "surface-container": colors.gray[800],
+  "surface-container-high": colors.gray[700],
+  "surface-container-highest": colors.gray[600],
+  // Content
+  "on-surface": colors.gray[50],
+  "on-surface-variant": colors.gray[400],
+  "inverse-surface": colors.gray[100],
+  "inverse-on-surface": colors.gray[900],
+  // Primary
+  primary: colors.brand[400],
+  "on-primary": "#000000",
+  "primary-container": colors.brand[900],
+  "on-primary-container": colors.brand[100],
+  "inverse-primary": colors.brand[600],
+  // Secondary
+  secondary: colors.violet[400],
+  "on-secondary": colors.violet[900],
+  "secondary-container": colors.violet[800],
+  "on-secondary-container": colors.violet[100],
+  // Tertiary
+  tertiary: colors.teal[400],
+  "on-tertiary": "#000000",
+  "tertiary-container": colors.teal[900],
+  "on-tertiary-container": colors.teal[100],
+  // Utility
+  outline: colors.gray[600],
+  "outline-variant": colors.gray[700],
+  scrim: "rgba(255,255,255,0.1)",
+  shadow: "rgba(0,0,0,0.3)",
+  // Feedback
+  error: colors.error[400],
+  "on-error": colors.error[900],
+  "error-container": colors.error[800],
+  "on-error-container": colors.error[100],
+  success: colors.success[400],
+  "on-success": colors.success[900],
+  "success-container": colors.success[800],
+  "on-success-container": colors.success[100],
+  warning: colors.warning[400],
+  "on-warning": colors.warning[900],
+  "warning-container": colors.warning[800],
+  "on-warning-container": colors.warning[100],
+  info: colors.blue[400],
+  "on-info": colors.blue[900],
+  "info-container": colors.blue[800],
+  "on-info-container": colors.blue[100],
+  // States
+  "surface-tint": colors.brand[400],
+  "state-hover": "rgba(255,255,255,0.08)",
+  "state-focus": "rgba(255,255,255,0.12)",
+  "state-pressed": "rgba(255,255,255,0.12)",
+  "state-dragged": "rgba(255,255,255,0.16)",
+  "state-disabled": "rgba(255,255,255,0.38)",
+  // Categorical
+  "graphic-1": colors.brand[400],
+  "graphic-2": colors.blue[400],
+  "graphic-3": colors.teal[400],
+  "graphic-4": colors.success[400],
+  "graphic-5": colors.warning[400],
+  "graphic-6": colors.error[400],
+  "graphic-7": colors.indigo[400],
+  "graphic-8": colors.pink[400],
+  "graphic-9": colors.amber[400],
+  "graphic-10": colors.cyan[400],
+  "on-graphic": "#FFFFFF",
+  // Categorical containers — very dark bg + light text
+  "graphic-1-container": colors.brand[950],
+  "graphic-2-container": colors.blue[950],
+  "graphic-3-container": colors.teal[950],
+  "graphic-4-container": colors.success[950],
+  "graphic-5-container": colors.warning[950],
+  "graphic-6-container": colors.error[950],
+  "graphic-7-container": colors.indigo[950],
+  "graphic-8-container": colors.pink[950],
+  "graphic-9-container": colors.amber[950],
+  "graphic-10-container": colors.cyan[950],
+  "on-graphic-1-container": colors.brand[100],
+  "on-graphic-2-container": colors.blue[100],
+  "on-graphic-3-container": colors.teal[100],
+  "on-graphic-4-container": colors.success[100],
+  "on-graphic-5-container": colors.warning[100],
+  "on-graphic-6-container": colors.error[100],
+  "on-graphic-7-container": colors.indigo[100],
+  "on-graphic-8-container": colors.pink[100],
+  "on-graphic-9-container": colors.amber[100],
+  "on-graphic-10-container": colors.cyan[100],
+  // Status
+  "status-positive": colors.success[400],
+  "status-warning": colors.warning[400],
+  "status-negative": colors.error[400],
+  "status-neutral": colors.gray[500],
+  // Progress
+  "progress-track": colors.gray[700],
+  "progress-indicator": colors.brand[400],
+  "progress-buffer": colors.brand[700],
+  // Scales
+  "scale-low": colors.success[400],
+  "scale-medium": colors.warning[400],
+  "scale-high": colors.error[400],
+  // Infrastructure
+  "graphic-outline": colors.gray[600],
+  "graphic-divider": colors.gray[700],
+  "graphic-label": colors.gray[400],
+  "graphic-marker": colors.brand[400],
+  // Overlays
+  "graphic-hover": colors.brand[800],
+  "graphic-muted": colors.gray[700],
+  "annotation-line": colors.gray[500]
+};
+var designThemes = {
+  rosewood: rosewoodTheme,
+  botanica: botanicaTheme,
+  inkwell: inkwellTheme
+};
+function tokensToVarBlock(tokens) {
+  return Object.entries(tokens).map(([key, value]) => `  --${key}: ${value};`).join("\n");
+}
+function globalsToVarBlock(globals) {
+  return Object.entries(globals).map(([key, value]) => `  ${key}: ${value};`).join("\n");
+}
+function generateThemeCSS() {
+  const blocks = [];
+  const entries = Object.entries(designThemes);
+  const [, firstTheme] = entries[0];
+  const firstLightVars = tokensToVarBlock(firstTheme.light);
+  const firstGlobals = globalsToVarBlock(firstTheme.globals);
+  const firstDarkVars = tokensToVarBlock(firstTheme.dark);
+  const rootBlock = [firstLightVars, firstGlobals].filter(Boolean).join("\n");
+  blocks.push(`:root {
+${rootBlock}
+}`);
+  blocks.push(`.dark {
+${firstDarkVars}
+${firstGlobals}
+}`);
+  for (const [name, theme] of entries) {
+    const lightVars = tokensToVarBlock(theme.light);
+    const globalsVars = globalsToVarBlock(theme.globals);
+    const darkVars = tokensToVarBlock(theme.dark);
+    const lightBlock = [lightVars, globalsVars].filter(Boolean).join("\n");
+    blocks.push(`[data-design-theme="${name}"] {
+${lightBlock}
+}`);
+    blocks.push(
+      `[data-design-theme="${name}"].dark {
+${darkVars}
+${globalsVars}
+}`
+    );
+  }
+  return blocks.join("\n\n");
+}
+
 // src/index.ts
 var PIXELPLAY_VERSION = "1.0.3";
 export {
@@ -22481,8 +24033,11 @@ export {
   Tooltip,
   TooltipTrigger,
   cn,
+  darkTheme,
+  generateThemeCSS,
   getFileExtColor,
   getFileExtLabel,
+  lightTheme,
   useToast
 };
 //# sourceMappingURL=index.mjs.map