@zendir/ui 0.5.0 → 0.6.1

package/dist/tokens/themes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"themes.js","names":[],"sources":["../../src/tokens/themes.ts"],"sourcesContent":["/**\r\n * @zendir/ui — Semantic themes (Layer 1).\r\n *\r\n * Each theme maps semantic roles (background, text, border, accent, status,\r\n * semantic, interactive) onto concrete values. The nebula theme is fully\r\n * palette-aligned — it references the Layer 0 primitives in\r\n * src/tokens/palettes. The astro / hybrid / purple-hue / transparent themes\r\n * predate the palette system and keep their original literal values until\r\n * design migrates them onto endorsed scales.\r\n *\r\n * Status colors are immutable across every theme — always `astroStatus`\r\n * (operator-grade severity must never shift with the visual theme).\r\n *\r\n * These definitions are consumed by two surfaces:\r\n *   • ThemeProvider (runtime) — resolves the active variant into CSS vars.\r\n *   • src/tokens/index.ts (build) — emits the static tokens.css stylesheet.\r\n * The shared token shapes live in ../react/theme/types so neither surface\r\n * has to pull in the other.\r\n */\r\n\r\nimport type {\r\n  ThemeTokensBase,\r\n  ThemeFocus,\r\n  ThemeAnimation,\r\n  LayoutTokens,\r\n} from \"../react/theme/types\";\r\nimport {\r\n  ultraviolet,\r\n  electricBlue,\r\n  zendirNeutral,\r\n  astroStatus,\r\n} from \"./palettes\";\r\nimport {\r\n  green as twGreen,\r\n  yellow as twYellow,\r\n  red as twRed,\r\n} from \"./palettes/tailwind\";\r\n\r\n// ============================================================================\r\n// Animation Tokens (Shared)\r\n// ============================================================================\r\n\r\nexport const animationTokens: ThemeAnimation = {\r\n  fast: \"all 150ms cubic-bezier(0.4, 0, 0.2, 1)\",\r\n  normal: \"all 250ms cubic-bezier(0.4, 0, 0.2, 1)\",\r\n  slow: \"all 400ms cubic-bezier(0.4, 0, 0.2, 1)\",\r\n  spring: \"all 300ms cubic-bezier(0.34, 1.56, 0.64, 1)\",\r\n  easing: {\r\n    default: \"cubic-bezier(0.4, 0, 0.2, 1)\",\r\n    in: \"ease-in\",\r\n    out: \"ease-out\",\r\n    inOut: \"ease-in-out\",\r\n  },\r\n  duration: {\r\n    instant: 0,\r\n    fast: 150,\r\n    normal: 250,\r\n    slow: 400,\r\n  },\r\n};\r\n\r\nexport const animationTokensReduced: ThemeAnimation = {\r\n  fast: \"all 0.01ms linear\",\r\n  normal: \"all 0.01ms linear\",\r\n  slow: \"all 0.01ms linear\",\r\n  spring: \"all 0.01ms linear\",\r\n  easing: animationTokens.easing,\r\n  duration: { instant: 0, fast: 0, normal: 0, slow: 0 },\r\n};\r\n\r\n// ============================================================================\r\n// Focus Tokens\r\n// ============================================================================\r\n\r\nexport const focusTokensDark: ThemeFocus = {\r\n  color: \"#4dacff\",\r\n  width: \"2px\",\r\n  offset: \"2px\",\r\n  ring: \"0 0 0 2px #4dacff\",\r\n  style: {\r\n    outline: \"2px solid #4dacff\",\r\n    outlineOffset: \"2px\",\r\n  },\r\n};\r\n\r\nexport const focusTokensLight: ThemeFocus = {\r\n  color: \"#0066cc\",\r\n  width: \"2px\",\r\n  offset: \"2px\",\r\n  ring: \"0 0 0 2px #0066cc\",\r\n  style: {\r\n    outline: \"2px solid #0066cc\",\r\n    outlineOffset: \"2px\",\r\n  },\r\n};\r\n\r\nexport const focusTokensPurpleHue: ThemeFocus = {\r\n  color: \"#8b5cf6\",\r\n  width: \"2px\",\r\n  offset: \"2px\",\r\n  ring: \"0 0 0 2px #8b5cf6\",\r\n  style: {\r\n    outline: \"2px solid #8b5cf6\",\r\n    outlineOffset: \"2px\",\r\n  },\r\n};\r\n\r\n// ============================================================================\r\n// Shadow Tokens\r\n// ============================================================================\r\n\r\nexport const shadowsDark = {\r\n  none: \"none\",\r\n  sm: \"0 1px 2px rgba(0, 0, 0, 0.3)\",\r\n  md: \"0 4px 8px rgba(0, 0, 0, 0.4)\",\r\n  lg: \"0 8px 16px rgba(0, 0, 0, 0.5)\",\r\n  xl: \"0 16px 32px rgba(0, 0, 0, 0.6)\",\r\n  glow: (color: string) => `0 0 20px ${color}40, 0 0 40px ${color}20`,\r\n};\r\n\r\nexport const shadowsLight = {\r\n  none: \"none\",\r\n  sm: \"0 1px 2px rgba(0, 0, 0, 0.1)\",\r\n  md: \"0 4px 8px rgba(0, 0, 0, 0.15)\",\r\n  lg: \"0 8px 16px rgba(0, 0, 0, 0.2)\",\r\n  xl: \"0 16px 32px rgba(0, 0, 0, 0.25)\",\r\n  glow: (color: string) => `0 0 20px ${color}30, 0 0 40px ${color}15`,\r\n};\r\n\r\n// ============================================================================\r\n// Layout Tokens (Shared)\r\n// Semantic layout spacing based on 4px grid. Shared across all themes.\r\n// ============================================================================\r\n\r\nexport const layoutTokens: LayoutTokens = {\r\n  card: {\r\n    padding: \"16px\", // 4 × 4px\r\n    gap: \"24px\", // 6 × 4px  — desktop grid gap (matches outer padding)\r\n    gapCompact: \"16px\", // 4 × 4px  — mobile grid gap\r\n    heading: {\r\n      iconSize: 18, // default card header icon (px) — matches ISS/Telemetry card header size\r\n      iconSizeCompact: 16, // compact (e.g. chart inline header)\r\n      titleFontSize: \"1rem\", // card titles (ISS, Telemetry, Mission) — reduced from 1.125rem\r\n      titleFontSizeChart: \"0.875rem\", // chart titles (Power Trends) — slightly smaller\r\n      titleFontWeight: 500,\r\n      gap: 8, // gap between icon and title (px)\r\n    },\r\n  },\r\n  section: {\r\n    headerPaddingBottom: \"8px\", // 2 × 4px\r\n    headerMarginBottom: \"0px\",\r\n    contentPaddingTop: \"8px\", // 2 × 4px\r\n  },\r\n  form: {\r\n    fieldGap: \"12px\", // 3 × 4px  — between stacked fields\r\n    inlineGap: \"12px\", // 3 × 4px  — between side-by-side fields\r\n    groupPadding: \"12px\", // 3 × 4px  — inside grouped containers\r\n    groupGap: \"12px\", // 3 × 4px  — within group items\r\n    labelGap: \"3px\", // label text ↔ tooltip icon\r\n  },\r\n  surface: {\r\n    padding: \"12px\", // 3 × 4px\r\n    borderRadius: \"12px\", // 3 × 4px\r\n    gap: \"8px\", // 2 × 4px\r\n  },\r\n};\r\n\r\n// ============================================================================\r\n// Astro UX Dark Theme\r\n// ============================================================================\r\n\r\nexport const astroThemeDark: ThemeTokensBase = {\r\n  colors: {\r\n    background: {\r\n      base: \"#101923\",\r\n      surface: \"#1b2d3e\",\r\n      elevated: \"#243b53\",\r\n      overlay: \"rgba(16, 25, 35, 0.95)\",\r\n    },\r\n    border: {\r\n      default: \"#2b659b\",\r\n      muted: \"#172635\",\r\n      focus: \"#4dacff\",\r\n    },\r\n    text: {\r\n      primary: \"#ffffff\",\r\n      secondary: \"#b7c5d3\",\r\n      tertiary: \"#8fa4b7\",\r\n      muted: \"#8fa4b7\",\r\n      inverse: \"#1b2d3e\",\r\n    },\r\n    status: { ...astroStatus },\r\n    semantic: {\r\n      success: \"#56f000\",\r\n      warning: \"#fce83a\",\r\n      error: \"#ff3838\",\r\n      info: \"#4dacff\",\r\n    },\r\n    accent: {\r\n      primary: \"#4dacff\",\r\n      secondary: \"#56f000\",\r\n      tertiary: \"#a371f7\",\r\n    },\r\n    interactive: {\r\n      default: \"#4dacff\",\r\n      hover: \"#92cbff\",\r\n      active: \"#0066cc\",\r\n      disabled: \"#6b7280\",\r\n    },\r\n  },\r\n  spacing: {\r\n    xxs: \"2px\",\r\n    xs: \"4px\",\r\n    sm: \"8px\",\r\n    smd: \"12px\",\r\n    md: \"16px\",\r\n    mdl: \"20px\",\r\n    lg: \"24px\",\r\n    xl: \"32px\",\r\n    xxl: \"48px\",\r\n  },\r\n  borderRadius: {\r\n    none: \"0\",\r\n    xs: \"1px\",\r\n    sm: \"2px\",\r\n    md: \"4px\",\r\n    lg: \"8px\",\r\n    xl: \"12px\",\r\n    full: \"9999px\",\r\n  },\r\n  elementSize: {\r\n    sm: \"28px\",\r\n    md: \"36px\",\r\n    lg: \"44px\",\r\n  },\r\n  typography: {\r\n    /**\r\n     * Font families per AstroUXDS specification\r\n     * @see https://www.astrouxds.com/foundations/typography/\r\n     */\r\n    fontFamily: {\r\n      /** Primary font: Roboto with comprehensive system fallbacks */\r\n      primary:\r\n        '\"Roboto\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif',\r\n      /** Heading font: Roboto per AstroUXDS (matches primary). */\r\n      heading:\r\n        '\"Roboto\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif',\r\n      /** Monospace font: Roboto Mono for data/code with system fallbacks */\r\n      mono: '\"Roboto Mono\", \"SF Mono\", \"Consolas\", \"Liberation Mono\", monospace',\r\n    },\r\n    // Astro UX Display Styles\r\n    // https://www.astrouxds.com/foundations/typography/\r\n    display: {\r\n      1: {\r\n        fontSize: \"3.75rem\",\r\n        fontWeight: 300,\r\n        letterSpacing: \"-0.5px\",\r\n        lineHeight: \"4.375rem\",\r\n      },\r\n      2: {\r\n        fontSize: \"3rem\",\r\n        fontWeight: 400,\r\n        letterSpacing: \"0\",\r\n        lineHeight: \"3.5rem\",\r\n      },\r\n    },\r\n    // Astro UX Heading Styles\r\n    heading: {\r\n      1: {\r\n        fontSize: \"2.125rem\",\r\n        fontWeight: 400,\r\n        letterSpacing: \"0.25px\",\r\n        lineHeight: \"2.5rem\",\r\n      },\r\n      \"1Bold\": {\r\n        fontSize: \"2.125rem\",\r\n        fontWeight: 700,\r\n        letterSpacing: \"0.25px\",\r\n        lineHeight: \"2rem\",\r\n      },\r\n      2: {\r\n        fontSize: \"1.5rem\",\r\n        fontWeight: 400,\r\n        letterSpacing: \"0\",\r\n        lineHeight: \"1.75rem\",\r\n      },\r\n      3: {\r\n        fontSize: \"1.25rem\",\r\n        fontWeight: 500,\r\n        letterSpacing: \"0.15px\",\r\n        lineHeight: \"1.5rem\",\r\n      },\r\n      4: {\r\n        fontSize: \"1.25rem\",\r\n        fontWeight: 300,\r\n        letterSpacing: \"0.15px\",\r\n        lineHeight: \"1.5rem\",\r\n      },\r\n      5: {\r\n        fontSize: \"1.125rem\",\r\n        fontWeight: 400,\r\n        letterSpacing: \"0\",\r\n        lineHeight: \"1.5rem\",\r\n      },\r\n      6: {\r\n        fontSize: \"1.125rem\",\r\n        fontWeight: 300,\r\n        letterSpacing: \"0\",\r\n        lineHeight: \"1.5rem\",\r\n      },\r\n    },\r\n    // Astro UX Body Styles\r\n    body: {\r\n      1: {\r\n        fontSize: \"1rem\",\r\n        fontWeight: 400,\r\n        letterSpacing: \"0.5px\",\r\n        lineHeight: \"1.5rem\",\r\n      },\r\n      \"1Bold\": {\r\n        fontSize: \"1rem\",\r\n        fontWeight: 700,\r\n        letterSpacing: \"0.5px\",\r\n        lineHeight: \"1.5rem\",\r\n      },\r\n      2: {\r\n        fontSize: \"0.875rem\",\r\n        fontWeight: 400,\r\n        letterSpacing: \"0.5px\",\r\n        lineHeight: \"1.25rem\",\r\n      },\r\n      \"2Bold\": {\r\n        fontSize: \"0.875rem\",\r\n        fontWeight: 700,\r\n        letterSpacing: \"0.5px\",\r\n        lineHeight: \"1.25rem\",\r\n      },\r\n      3: {\r\n        fontSize: \"0.75rem\",\r\n        fontWeight: 400,\r\n        letterSpacing: \"0\",\r\n        lineHeight: \"1rem\",\r\n      },\r\n      \"3Bold\": {\r\n        fontSize: \"0.75rem\",\r\n        fontWeight: 700,\r\n        letterSpacing: \"0\",\r\n        lineHeight: \"1rem\",\r\n      },\r\n    },\r\n    // Astro UX Control Body Styles\r\n    control: {\r\n      1: {\r\n        fontSize: \"1rem\",\r\n        fontWeight: 400,\r\n        letterSpacing: \"0.5px\",\r\n        lineHeight: \"1.25rem\",\r\n      },\r\n      \"1Bold\": {\r\n        fontSize: \"1rem\",\r\n        fontWeight: 700,\r\n        letterSpacing: \"0.5px\",\r\n        lineHeight: \"1.25rem\",\r\n      },\r\n    },\r\n    // Legacy convenience tokens (rem-based for Astro compliance)\r\n    // Note: Use Typography component for new code\r\n    fontSize: {\r\n      micro: \"0.5625rem\", // 9px - very tight spaces\r\n      xxs: \"0.625rem\", // 10px - compact labels (xs in old system)\r\n      xs: \"0.625rem\", // 10px - compact (kept for backward compatibility)\r\n      sm: \"0.75rem\", // 12px (Body 3)\r\n      base: \"0.875rem\", // 14px (Body 2)\r\n      md: \"0.875rem\", // 14px (Body 2)\r\n      lg: \"1rem\", // 16px (Body 1)\r\n      xl: \"1.25rem\", // 20px (Heading 3/4)\r\n      xxl: \"1.5rem\", // 24px (Heading 2)\r\n      xxxl: \"2.125rem\", // 34px (Heading 1)\r\n    },\r\n    /**\r\n     * Font weights per AstroUXDS specification\r\n     * Only 300, 400, 500, 700 are officially supported\r\n     * @see https://www.astrouxds.com/foundations/typography/\r\n     */\r\n    fontWeight: {\r\n      light: 300,\r\n      normal: 400,\r\n      medium: 500,\r\n      /** @deprecated Use medium (500) instead - Astro spec only supports 300, 400, 500, 700 */\r\n      semibold: 500, // Changed from 600 to 500 for Astro compliance\r\n      bold: 700,\r\n    },\r\n    lineHeight: {\r\n      tight: \"1.25rem\",\r\n      normal: \"1.5rem\",\r\n      relaxed: \"1.75rem\",\r\n    },\r\n    letterSpacing: {\r\n      tight: \"-0.5px\",\r\n      normal: \"0\",\r\n      wide: \"0.5px\",\r\n    },\r\n  },\r\n  shadows: shadowsDark,\r\n  animation: animationTokens,\r\n  focus: focusTokensDark,\r\n  layout: layoutTokens,\r\n};\r\n\r\n// ============================================================================\r\n// Astro UX Light Theme\r\n// ============================================================================\r\n\r\nexport const astroThemeLight: ThemeTokensBase = {\r\n  colors: {\r\n    background: {\r\n      base: \"#eaeef4\",\r\n      surface: \"#f5f8fc\",\r\n      elevated: \"#ffffff\",\r\n      overlay: \"rgba(234, 238, 244, 0.95)\",\r\n    },\r\n    border: {\r\n      default: \"#2b659b\",\r\n      muted: \"#d1d5db\",\r\n      focus: \"#0066cc\",\r\n    },\r\n    text: {\r\n      primary: \"#1b2d3e\",\r\n      secondary: \"#51667c\",\r\n      tertiary: \"#556a7c\", // WCAG AA: 4.81:1 on #eaeef4, 5.24:1 on #f5f8fc, 5.61:1 on #fff (was #8fa4b7 → 2.25:1 FAIL)\r\n      muted: \"#556a7c\", // WCAG AA compliant (was #8fa4b7)\r\n      inverse: \"#ffffff\",\r\n    },\r\n    status: { ...astroStatus },\r\n    semantic: {\r\n      success: \"#56f000\",\r\n      warning: \"#fce83a\",\r\n      error: \"#ff3838\",\r\n      info: \"#4dacff\",\r\n    },\r\n    accent: {\r\n      primary: \"#0066cc\",\r\n      secondary: \"#56f000\",\r\n      tertiary: \"#7c3aed\",\r\n    },\r\n    interactive: {\r\n      default: \"#0066cc\",\r\n      hover: \"#0052a3\",\r\n      active: \"#003d7a\",\r\n      disabled: \"#a4abb6\",\r\n    },\r\n  },\r\n  spacing: astroThemeDark.spacing,\r\n  borderRadius: astroThemeDark.borderRadius,\r\n  elementSize: astroThemeDark.elementSize,\r\n  typography: astroThemeDark.typography,\r\n  shadows: shadowsLight,\r\n  animation: animationTokens,\r\n  focus: focusTokensLight,\r\n  layout: layoutTokens,\r\n};\r\n\r\n// ============================================================================\r\n// Hybrid Theme (Zendir Background + Astro Status + Purple Accents)\r\n// Modern, award-winning design with Zendir purple personality\r\n// ============================================================================\r\n\r\nexport const hybridTheme: ThemeTokensBase = {\r\n  colors: {\r\n    background: {\r\n      base: \"#09090b\",\r\n      surface: \"rgba(24, 24, 27, 0.98)\",\r\n      elevated: \"rgba(39, 39, 42, 0.98)\",\r\n      overlay: \"rgba(0, 0, 0, 0.85)\",\r\n    },\r\n    border: {\r\n      default: \"rgba(139, 92, 246, 0.3)\", // Purple tint\r\n      muted: \"rgba(63, 63, 70, 0.5)\",\r\n      focus: \"#8b5cf6\", // Zendir purple\r\n    },\r\n    text: {\r\n      primary: \"#ffffff\",\r\n      secondary: \"#a1a1aa\",\r\n      tertiary: \"#8e8e96\", // WCAG AA: 6.12:1 on #09090b, 5.45:1 on #18181b, 4.58:1 on #27272a (was #71717a → 4.07:1 FAIL)\r\n      muted: \"#8e8e96\", // WCAG AA compliant (was #71717a)\r\n      inverse: \"#09090b\",\r\n    },\r\n    // Astro UXD Status Colors (unchanged for compliance)\r\n    status: { ...astroStatus },\r\n    semantic: {\r\n      success: \"#56f000\",\r\n      warning: \"#fce83a\",\r\n      error: \"#ff3838\",\r\n      info: \"#8b5cf6\", // Purple for info\r\n    },\r\n    // Zendir Purple Accent Palette\r\n    accent: {\r\n      primary: \"#8b5cf6\", // Vibrant purple\r\n      secondary: \"#a78bfa\", // Light purple\r\n      tertiary: \"#7c3aed\", // Deep purple\r\n    },\r\n    interactive: {\r\n      default: \"#8b5cf6\",\r\n      hover: \"#a78bfa\",\r\n      active: \"#7c3aed\",\r\n      disabled: \"#52525b\",\r\n    },\r\n  },\r\n  spacing: astroThemeDark.spacing,\r\n  borderRadius: {\r\n    none: \"0\",\r\n    xs: \"2px\",\r\n    sm: \"4px\",\r\n    md: \"6px\",\r\n    lg: \"10px\",\r\n    xl: \"14px\",\r\n    full: \"9999px\",\r\n  },\r\n  elementSize: astroThemeDark.elementSize,\r\n  typography: astroThemeDark.typography,\r\n  shadows: {\r\n    ...shadowsDark,\r\n    glow: (color: string) =>\r\n      `0 0 20px ${color}50, 0 0 40px ${color}25, 0 4px 12px ${color}20`,\r\n  },\r\n  animation: animationTokens,\r\n  focus: focusTokensPurpleHue,\r\n  layout: layoutTokens,\r\n};\r\n\r\n// ============================================================================\r\n// Purple-Hue Theme - Full Purple Personality\r\n// Award-winning dark theme with purple accents\r\n// ============================================================================\r\n\r\nexport const purpleHueTheme: ThemeTokensBase = {\r\n  colors: {\r\n    background: {\r\n      base: \"#0a0a0f\",\r\n      surface: \"rgba(18, 18, 28, 0.98)\",\r\n      elevated: \"rgba(28, 28, 42, 0.98)\",\r\n      overlay: \"rgba(0, 0, 0, 0.9)\",\r\n    },\r\n    border: {\r\n      default: \"rgba(139, 92, 246, 0.25)\",\r\n      muted: \"rgba(55, 48, 82, 0.5)\",\r\n      focus: \"#8b5cf6\",\r\n    },\r\n    text: {\r\n      primary: \"#fafafa\",\r\n      secondary: \"#a1a1aa\",\r\n      tertiary: \"#8e8e96\", // WCAG AA: 6.08:1 on #0a0a0f, 5.02:1 on elevated (was #71717a → 4.05:1 FAIL)\r\n      muted: \"#8e8e96\", // WCAG AA compliant (was #71717a)\r\n      inverse: \"#0a0a0f\",\r\n    },\r\n    // Astro UXD Status Colors (for compliance)\r\n    status: { ...astroStatus },\r\n    semantic: {\r\n      success: \"#56f000\",\r\n      warning: \"#fce83a\",\r\n      error: \"#ff3838\",\r\n      info: \"#a78bfa\",\r\n    },\r\n    // Zendir Purple Accent Palette\r\n    accent: {\r\n      primary: \"#8b5cf6\", // Vibrant purple\r\n      secondary: \"#a78bfa\", // Light purple\r\n      tertiary: \"#7c3aed\", // Deep purple\r\n    },\r\n    interactive: {\r\n      default: \"#8b5cf6\",\r\n      hover: \"#a78bfa\",\r\n      active: \"#7c3aed\",\r\n      disabled: \"#52525b\",\r\n    },\r\n  },\r\n  spacing: astroThemeDark.spacing,\r\n  borderRadius: {\r\n    none: \"0\",\r\n    xs: \"2px\",\r\n    sm: \"4px\",\r\n    md: \"6px\",\r\n    lg: \"10px\",\r\n    xl: \"14px\",\r\n    full: \"9999px\",\r\n  },\r\n  elementSize: astroThemeDark.elementSize,\r\n  // Same typography as hybrid (Astro UX font stack with full fallbacks) for consistent card font across themes\r\n  typography: astroThemeDark.typography,\r\n  shadows: {\r\n    ...shadowsDark,\r\n    glow: (color: string) =>\r\n      `0 0 25px ${color}60, 0 0 50px ${color}30, 0 4px 16px ${color}25`,\r\n  },\r\n  animation: animationTokens,\r\n  focus: {\r\n    ...focusTokensPurpleHue,\r\n  },\r\n  layout: layoutTokens,\r\n};\r\n\r\n// ============================================================================\r\n// Nebula Theme — palette-native dark theme.\r\n//\r\n// The first theme wired end-to-end onto the Layer 0 primitives: Prussian\r\n// Slate (zendirNeutral) surfaces + text, Ultraviolet accent/interactive,\r\n// Astro UXDS status, and Tailwind + Electric Blue semantic colors.\r\n// ============================================================================\r\n\r\n// The nebula surface spec defines two stops that sit between Neutral ramp\r\n// values (deeper than neutral-950 reads on OLED, between 900 and 800 for\r\n// elevation). They are part of the Nebula surface spec, not the ramp.\r\nconst nebulaBase = \"#070A18\"; // --bg\r\nconst nebulaElevated = \"#121B36\"; // --surface-2 / --border-subtle\r\n\r\nexport const nebulaTheme: ThemeTokensBase = {\r\n  colors: {\r\n    background: {\r\n      base: nebulaBase,\r\n      surface: zendirNeutral[900], // --surface-1\r\n      elevated: nebulaElevated,\r\n      overlay: \"rgba(7, 10, 24, 0.9)\", // nebulaBase @ 90%\r\n    },\r\n    border: {\r\n      default: zendirNeutral[800], // --border / --surface-3\r\n      muted: nebulaElevated, // --border-subtle\r\n      focus: ultraviolet[500],\r\n    },\r\n    text: {\r\n      primary: zendirNeutral[50], // --text\r\n      secondary: zendirNeutral[300], // --text-2\r\n      tertiary: zendirNeutral[400], // --text-3\r\n      muted: zendirNeutral[500], // --text-4\r\n      inverse: nebulaBase,\r\n    },\r\n    // Astro UXDS status colors — operator-grade severity, kept immutable.\r\n    status: { ...astroStatus },\r\n    semantic: {\r\n      success: twGreen[500],\r\n      warning: twYellow[500],\r\n      error: twRed[500],\r\n      info: electricBlue[500],\r\n    },\r\n    // Ultraviolet accent ramp.\r\n    accent: {\r\n      primary: ultraviolet[500],\r\n      secondary: ultraviolet[400],\r\n      tertiary: ultraviolet[600],\r\n    },\r\n    interactive: {\r\n      default: ultraviolet[500],\r\n      hover: ultraviolet[400],\r\n      active: ultraviolet[700],\r\n      disabled: zendirNeutral[600], // --text-5\r\n    },\r\n  },\r\n  spacing: astroThemeDark.spacing,\r\n  borderRadius: {\r\n    none: \"0\",\r\n    xs: \"2px\",\r\n    sm: \"4px\",\r\n    md: \"7px\",\r\n    lg: \"10px\",\r\n    xl: \"14px\",\r\n    full: \"9999px\",\r\n  },\r\n  elementSize: astroThemeDark.elementSize,\r\n  typography: astroThemeDark.typography,\r\n  shadows: {\r\n    ...shadowsDark,\r\n    glow: (color: string) =>\r\n      `0 0 25px ${color}60, 0 0 50px ${color}30, 0 4px 16px ${color}25`,\r\n  },\r\n  animation: animationTokens,\r\n  focus: {\r\n    ...focusTokensPurpleHue,\r\n  },\r\n  layout: layoutTokens,\r\n};\r\n\r\n// ============================================================================\r\n// Transparent Purple-Hue Theme - Glassmorphic Panels\r\n// Optimized for glass card overlays with transparent backgrounds\r\n// ============================================================================\r\n\r\nexport const transparentTheme: ThemeTokensBase = {\r\n  colors: {\r\n    background: {\r\n      // Highly transparent backgrounds for glass effect\r\n      base: \"rgba(8, 12, 20, 0.95)\",\r\n      surface: \"rgba(15, 20, 35, 0.85)\",\r\n      elevated: \"rgba(25, 35, 55, 0.80)\",\r\n      overlay: \"rgba(0, 0, 0, 0.75)\",\r\n    },\r\n    border: {\r\n      // Purple accent borders (Zendir brand)\r\n      default: \"rgba(139, 92, 246, 0.25)\",\r\n      muted: \"rgba(139, 92, 246, 0.15)\",\r\n      focus: \"#8b5cf6\",\r\n      // Thin faded card border with purple hint\r\n      fadedBoxShadow:\r\n        \"inset 0 1px 0 rgba(139, 92, 246, 0.12), inset 0 -1px 0 rgba(0, 0, 0, 0.05), inset 1px 0 0 rgba(139, 92, 246, 0.06), inset -1px 0 0 rgba(139, 92, 246, 0.06)\",\r\n    },\r\n    text: {\r\n      primary: \"#f0f4f8\",\r\n      secondary: \"#94a3b8\",\r\n      tertiary: \"#7b8da1\", // WCAG AA: 5.71:1 on base, 5.34:1 on elevated (was #64748b → 3.66:1 FAIL)\r\n      muted: \"#7b8da1\", // WCAG AA compliant (was #64748b)\r\n      inverse: \"#0f172a\",\r\n    },\r\n    // Astro UXD Status Colors\r\n    status: { ...astroStatus },\r\n    semantic: {\r\n      success: \"#56f000\",\r\n      warning: \"#fce83a\",\r\n      error: \"#ff3838\",\r\n      info: \"#8b5cf6\",\r\n    },\r\n    // Purple accent (matching hybrid theme for consistency)\r\n    accent: {\r\n      primary: \"#8b5cf6\", // Vibrant purple\r\n      secondary: \"#a78bfa\", // Light purple\r\n      tertiary: \"#7c3aed\", // Deep purple\r\n    },\r\n    interactive: {\r\n      default: \"#8b5cf6\", // Purple for interactive elements\r\n      hover: \"#a78bfa\", // Light purple on hover\r\n      active: \"#7c3aed\", // Deep purple on active\r\n      disabled: \"#475569\",\r\n      // Purple-hue transparent backgrounds for buttons/inputs (transparent + transparent-bold)\r\n      transparentDefault: \"rgba(139, 92, 246, 0.12)\",\r\n      transparentHover: \"rgba(139, 92, 246, 0.32)\",\r\n      transparentInputBg: \"rgba(139, 92, 246, 0.08)\",\r\n    },\r\n  },\r\n  spacing: astroThemeDark.spacing,\r\n  borderRadius: {\r\n    none: \"0\",\r\n    xs: \"2px\",\r\n    sm: \"4px\",\r\n    md: \"8px\",\r\n    lg: \"12px\",\r\n    xl: \"16px\",\r\n    full: \"9999px\",\r\n  },\r\n  elementSize: astroThemeDark.elementSize,\r\n  // Same typography as hybrid for consistent card font across themes\r\n  typography: astroThemeDark.typography,\r\n  shadows: {\r\n    ...shadowsDark,\r\n    // Enhanced glow shadows for glass effect\r\n    glow: (color: string) =>\r\n      `0 0 30px ${color}50, 0 0 60px ${color}25, 0 4px 20px rgba(0,0,0,0.4)`,\r\n  },\r\n  animation: animationTokens,\r\n  focus: {\r\n    color: \"#8b5cf6\", // Purple focus ring\r\n    width: \"2px\",\r\n    offset: \"2px\",\r\n    ring: \"0 0 0 2px #8b5cf6\",\r\n    style: {\r\n      outline: \"2px solid #8b5cf6\",\r\n      outlineOffset: \"2px\",\r\n    },\r\n  },\r\n  layout: layoutTokens,\r\n};\r\n\r\n// ============================================================================\r\n// Transparent Minimal Theme - Ultra-clean glassmorphic panels\r\n// Extremely subtle borders, minimal visual noise, clean dark surfaces\r\n// ============================================================================\r\n\r\nexport const transparentMinimalTheme: ThemeTokensBase = {\r\n  colors: {\r\n    background: {\r\n      // Same as transparent theme\r\n      base: \"rgba(8, 12, 20, 0.95)\",\r\n      surface: \"rgba(15, 20, 35, 0.85)\",\r\n      elevated: \"rgba(25, 35, 55, 0.80)\",\r\n      overlay: \"rgba(0, 0, 0, 0.75)\",\r\n    },\r\n    border: {\r\n      // Accent-colored borders for minimal theme (Zendir purple)\r\n      default: \"rgba(139, 92, 246, 0.25)\",\r\n      muted: \"rgba(139, 92, 246, 0.15)\",\r\n      focus: \"#8b5cf6\",\r\n      // Subtle card border using accent color\r\n      fadedBoxShadow:\r\n        \"inset 0 1px 0 rgba(139, 92, 246, 0.1), inset 0 -1px 0 rgba(0, 0, 0, 0.1), inset 1px 0 0 rgba(139, 92, 246, 0.05), inset -1px 0 0 rgba(139, 92, 246, 0.05)\",\r\n    },\r\n    text: {\r\n      primary: \"#f0f4f8\",\r\n      secondary: \"#94a3b8\",\r\n      tertiary: \"#7b8da1\", // WCAG AA: 5.71:1 on base, 5.34:1 on elevated (was #64748b → 3.66:1 FAIL)\r\n      muted: \"#7b8da1\", // WCAG AA compliant (was #64748b)\r\n      inverse: \"#0f172a\",\r\n    },\r\n    // Astro UXD Status Colors\r\n    status: { ...astroStatus },\r\n    semantic: {\r\n      success: \"#56f000\",\r\n      warning: \"#fce83a\",\r\n      error: \"#ff3838\",\r\n      info: \"#8b5cf6\",\r\n    },\r\n    // Purple accent (matching transparent theme for consistency)\r\n    accent: {\r\n      primary: \"#8b5cf6\", // Vibrant purple\r\n      secondary: \"#a78bfa\", // Light purple\r\n      tertiary: \"#7c3aed\", // Deep purple\r\n    },\r\n    interactive: {\r\n      default: \"#8b5cf6\", // Purple for interactive elements\r\n      hover: \"#a78bfa\", // Light purple on hover\r\n      active: \"#7c3aed\", // Deep purple on active\r\n      disabled: \"#475569\",\r\n      // Purple-hue transparent backgrounds for buttons/inputs (same as transparent theme)\r\n      transparentDefault: \"rgba(139, 92, 246, 0.12)\",\r\n      transparentHover: \"rgba(139, 92, 246, 0.32)\",\r\n      transparentInputBg: \"rgba(139, 92, 246, 0.08)\",\r\n    },\r\n  },\r\n  spacing: astroThemeDark.spacing,\r\n  borderRadius: {\r\n    none: \"0\",\r\n    xs: \"2px\",\r\n    sm: \"4px\",\r\n    md: \"8px\",\r\n    lg: \"12px\",\r\n    xl: \"16px\",\r\n    full: \"9999px\",\r\n  },\r\n  elementSize: astroThemeDark.elementSize,\r\n  // Same typography as hybrid for consistent card font across themes\r\n  typography: astroThemeDark.typography,\r\n  shadows: {\r\n    ...shadowsDark,\r\n    // Same glow as transparent theme\r\n    glow: (color: string) =>\r\n      `0 0 30px ${color}50, 0 0 60px ${color}25, 0 4px 20px rgba(0,0,0,0.4)`,\r\n  },\r\n  animation: animationTokens,\r\n  focus: {\r\n    color: \"#8b5cf6\", // Purple focus ring\r\n    width: \"2px\",\r\n    offset: \"2px\",\r\n    ring: \"0 0 0 2px #8b5cf6\",\r\n    style: {\r\n      outline: \"2px solid #8b5cf6\",\r\n      outlineOffset: \"2px\",\r\n    },\r\n  },\r\n  layout: layoutTokens,\r\n};\r\n"],"mappings":"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"}