@zendir/ui 0.7.0 → 0.8.0

package/dist/react/theme/ThemeProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.js","names":[],"sources":["../../../src/react/theme/ThemeProvider.tsx"],"sourcesContent":["/**\n * @zendir/ui - Theme Provider\n *\n * Enterprise-grade theming system supporting Astro UX Design System and Zendir themes.\n * Full Tier 3 compliance with official Astro tokens (dark + light themes).\n *\n * Features:\n * - Multiple theme variants (Zen Hybrid default, astro, purple-hue, transparent)\n * - Light and dark modes\n * - Animation tokens with reduced-motion support\n * - Focus ring styles for accessibility\n * - CSS variable injection\n * - Local storage persistence\n */\n\nimport React, {\n  createContext,\n  useContext,\n  useState,\n  useEffect,\n  useMemo,\n  ReactNode,\n} from \"react\";\nimport {\n  astroThemeDark,\n  astroThemeLight,\n  hybridTheme,\n  purpleHueTheme,\n  nebulaTheme,\n  transparentTheme,\n  transparentMinimalTheme,\n} from \"../../tokens/themes\";\nimport {\n  computeBorderTokens,\n  type ThemeVariant,\n  type ThemeMode,\n  type ThemeColors,\n  type ThemeTokens,\n  type ThemeAnimation,\n  type ThemeFocus,\n  type LayoutTokens,\n  type BorderTokens,\n} from \"./types\";\n\n// Theme type shapes and derived-token helpers live in ./types so the token\n// build (which imports the theme definitions) never pulls in this provider.\n// Re-exported here to preserve the long-standing `@zendir/ui` import surface.\nexport type {\n  ThemeVariant,\n  ThemeMode,\n  ThemeColors,\n  ThemeTokens,\n  ThemeAnimation,\n  ThemeFocus,\n  LayoutTokens,\n  BorderTokens,\n};\n\nfunction adjustHexBrightness(hex: string, factor: number): string {\n  const normalized = hex.replace(\"#\", \"\").trim();\n  const expanded =\n    normalized.length === 3\n      ? normalized\n          .split(\"\")\n          .map((ch) => ch + ch)\n          .join(\"\")\n      : normalized;\n\n  if (!/^[0-9a-fA-F]{6}$/.test(expanded)) {\n    return hex;\n  }\n\n  const clamp = (value: number) =>\n    Math.max(0, Math.min(255, Math.round(value)));\n  const r = clamp(parseInt(expanded.slice(0, 2), 16) * factor);\n  const g = clamp(parseInt(expanded.slice(2, 4), 16) * factor);\n  const b = clamp(parseInt(expanded.slice(4, 6), 16) * factor);\n\n  const toHex = (value: number) => value.toString(16).padStart(2, \"0\");\n  return `#${toHex(r)}${toHex(g)}${toHex(b)}`;\n}\n\n// ============================================================================\n// Theme Context\n// ============================================================================\n\nexport interface ThemeContextValue {\n  theme: ThemeVariant;\n  mode: ThemeMode;\n  tokens: ThemeTokens;\n  prefersReducedMotion: boolean;\n  /** Custom accent color override (null = use theme default) */\n  accentColor: string | null;\n  setTheme: (theme: ThemeVariant) => void;\n  setMode: (mode: ThemeMode) => void;\n  toggleMode: () => void;\n  /** Override the accent color for the current theme */\n  setAccentColor: (color: string | null) => void;\n}\n\nconst ThemeContext = createContext<ThemeContextValue | undefined>(undefined);\n\nexport interface ThemeProviderProps {\n  children: ReactNode;\n  /** Default theme variant */\n  theme?: ThemeVariant;\n  /** Alias for `theme` */\n  defaultVariant?: ThemeVariant;\n  /** Default color mode */\n  mode?: ThemeMode;\n  /** Alias for `mode` */\n  defaultMode?: ThemeMode;\n  /** Persist preferences to localStorage */\n  persist?: boolean;\n}\n\n// ============================================================================\n// Scrollbar Styling System\n// ============================================================================\n// Generates global CSS for thin, elegant, theme-aware scrollbars.\n//\n// Features:\n// - Ultra-thin (6px) scrollbar tracks with soft border radius\n// - Accent-colored thumb with hover/active brightness shifts\n// - Semi-transparent track that blends into the surface\n// - Auto-hide behaviour on modern browsers (overlay mode)\n// - Firefox support via scrollbar-width / scrollbar-color\n// - WCAG 2.1 AA compliant: sufficient contrast, respects reduced-motion\n// - Smooth transitions (disabled when prefers-reduced-motion)\n// - Scoped .zendir-scroll utility class for individual containers\n// ============================================================================\n\n/**\n * Converts a hex color to an rgba string helper.\n * Accepts 3/6/8-char hex codes (#rgb, #rrggbb, #rrggbbaa).\n */\nfunction hexToRgba(hex: string, alpha: number): string {\n  const clean = hex.replace(\"#\", \"\");\n  let r: number, g: number, b: number;\n  if (clean.length === 3) {\n    r = parseInt(clean[0] + clean[0], 16);\n    g = parseInt(clean[1] + clean[1], 16);\n    b = parseInt(clean[2] + clean[2], 16);\n  } else {\n    r = parseInt(clean.slice(0, 2), 16);\n    g = parseInt(clean.slice(2, 4), 16);\n    b = parseInt(clean.slice(4, 6), 16);\n  }\n  return `rgba(${r}, ${g}, ${b}, ${alpha})`;\n}\n\nfunction buildScrollbarCSS(\n  tokens: ThemeTokens,\n  mode: ThemeMode,\n  reducedMotion: boolean,\n): string {\n  const accent = tokens.colors.accent.primary;\n  const _surface = tokens.colors.background.surface; // eslint-disable-line @typescript-eslint/no-unused-vars -- reserved for future scrollbar track customisation\n  const _base = tokens.colors.background.base; // eslint-disable-line @typescript-eslint/no-unused-vars -- reserved for future scrollbar corner styling\n  const isLight = mode === \"light\";\n\n  // Thumb colors: accent-tinted, low opacity at rest, stronger on hover/active\n  const thumbRest = isLight ? hexToRgba(accent, 0.28) : hexToRgba(accent, 0.35);\n  const thumbHover = isLight\n    ? hexToRgba(accent, 0.48)\n    : hexToRgba(accent, 0.55);\n  const thumbActive = isLight\n    ? hexToRgba(accent, 0.64)\n    : hexToRgba(accent, 0.72);\n\n  // Track: nearly invisible surface blend\n  const trackColor = isLight\n    ? hexToRgba(accent, 0.04)\n    : hexToRgba(accent, 0.06);\n  const trackHover = isLight ? hexToRgba(accent, 0.08) : hexToRgba(accent, 0.1);\n\n  const transition = reducedMotion\n    ? \"none\"\n    : \"background-color 200ms ease, width 200ms ease, opacity 200ms ease\";\n  const thumbRadius = \"9999px\"; // pill shape\n\n  // Firefox colors (two-value syntax: thumb track)\n  const ffThumb = thumbRest;\n  const ffTrack = trackColor;\n\n  return `\n/* ═══════════════════════════════════════════════════════════════════════════\n   Zendir Scrollbar System — Thin · Elegant · Theme-Connected\n   ═══════════════════════════════════════════════════════════════════════════ */\n\n/* ── Firefox ────────────────────────────────────────────────────────────── */\n*,\n.zendir-scroll {\n  scrollbar-width: thin;\n  scrollbar-color: ${ffThumb} ${ffTrack};\n}\n\n/* ── Webkit / Blink (Chrome, Edge, Safari, Opera) ───────────────────────── */\n\n/* Global thin scrollbar */\n::-webkit-scrollbar {\n  width: 6px;\n  height: 6px;\n  background: transparent;\n}\n\n/* Track — nearly invisible, subtle on hover */\n::-webkit-scrollbar-track {\n  background: ${trackColor};\n  border-radius: ${thumbRadius};\n  margin: 2px;\n}\n::-webkit-scrollbar-track:hover {\n  background: ${trackHover};\n}\n\n/* Thumb — accent-tinted pill */\n::-webkit-scrollbar-thumb {\n  background: ${thumbRest};\n  border-radius: ${thumbRadius};\n  border: 1px solid transparent;\n  background-clip: padding-box;\n  transition: ${transition};\n  min-height: 32px;\n}\n::-webkit-scrollbar-thumb:hover {\n  background: ${thumbHover};\n  border-color: transparent;\n  background-clip: padding-box;\n}\n::-webkit-scrollbar-thumb:active {\n  background: ${thumbActive};\n  border-color: transparent;\n  background-clip: padding-box;\n}\n\n/* Corner — where horizontal & vertical scrollbars meet */\n::-webkit-scrollbar-corner {\n  background: transparent;\n}\n\n/* ── Utility class: zendir-scroll ────────────────────────────────────────\n   Apply to individual containers for scoped thin scrollbar.\n   Also enables overlay behaviour where supported.\n   e.g. <div className=\"zendir-scroll\" style={{overflow:'auto'}}>…</div>\n   ─────────────────────────────────────────────────────────────────────── */\n.zendir-scroll {\n  overflow: auto;\n  overflow: overlay; /* Chrome / Edge: auto-hide scrollbar */\n}\n.zendir-scroll::-webkit-scrollbar {\n  width: 5px;\n  height: 5px;\n}\n.zendir-scroll::-webkit-scrollbar-track {\n  background: transparent;\n  border-radius: ${thumbRadius};\n}\n.zendir-scroll::-webkit-scrollbar-thumb {\n  background: ${thumbRest};\n  border-radius: ${thumbRadius};\n  transition: ${transition};\n}\n.zendir-scroll::-webkit-scrollbar-thumb:hover {\n  background: ${thumbHover};\n}\n.zendir-scroll::-webkit-scrollbar-thumb:active {\n  background: ${thumbActive};\n}\n\n/* ── Utility: zendir-scroll--hidden ─────────────────────────────────────\n   Hides scrollbar visually but keeps scroll behaviour (accessible).\n   Content remains scrollable via mouse wheel / touch / keyboard.\n   ─────────────────────────────────────────────────────────────────────── */\n.zendir-scroll--hidden {\n  overflow: auto;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n}\n.zendir-scroll--hidden::-webkit-scrollbar {\n  display: none;\n}\n\n/* ── Focus-visible: keyboard users can still scroll with focus ─────────── */\n.zendir-scroll:focus-visible {\n  outline: 2px solid ${accent};\n  outline-offset: -2px;\n  border-radius: ${tokens.borderRadius.md};\n}\n\n/* ── Reduced Motion: disable scrollbar transitions ─────────────────────── */\n@media (prefers-reduced-motion: reduce) {\n  ::-webkit-scrollbar-thumb,\n  .zendir-scroll::-webkit-scrollbar-thumb {\n    transition: none !important;\n  }\n}\n\n/* ── High Contrast Mode: ensure scrollbar is visible ───────────────────── */\n@media (forced-colors: active) {\n  ::-webkit-scrollbar-thumb {\n    background: ButtonText !important;\n  }\n  ::-webkit-scrollbar-track {\n    background: Canvas !important;\n  }\n}\n`.trim();\n}\n\n/**\n * useScrollbarStyles — returns inline React.CSSProperties for a\n * scrollable container that matches the current Zendir theme.\n *\n * Use when you need programmatic control rather than the\n * `zendir-scroll` CSS class.\n *\n * @example\n * ```tsx\n * const scrollStyle = useScrollbarStyles();\n * <div style={{ maxHeight: 400, ...scrollStyle }}>…</div>\n * ```\n */\nexport function useScrollbarStyles(): React.CSSProperties {\n  const { tokens, mode } = useTheme();\n  return useMemo((): React.CSSProperties => {\n    const accent = tokens.colors.accent.primary;\n    const isLight = mode === \"light\";\n    const thumbColor = isLight\n      ? hexToRgba(accent, 0.28)\n      : hexToRgba(accent, 0.35);\n    const trackColor = isLight\n      ? hexToRgba(accent, 0.04)\n      : hexToRgba(accent, 0.06);\n    return {\n      // Firefox\n      scrollbarWidth: \"thin\" as const,\n      scrollbarColor: `${thumbColor} ${trackColor}`,\n      overflow: \"auto\",\n    };\n  }, [tokens, mode]);\n}\n\n/**\n * ThemeProvider - Enterprise theme context provider\n *\n * Provides theme tokens, mode switching, and accessibility features\n * to all child components.\n *\n * @example\n * ```tsx\n * <ThemeProvider theme=\"hybrid\" mode=\"dark\">  // Zen (Hybrid) is the default\n *   <App />\n * </ThemeProvider>\n * ```\n */\nexport function ThemeProvider({\n  children,\n  theme: themeProp,\n  defaultVariant,\n  mode: modeProp,\n  defaultMode: defaultModeProp,\n  persist = true,\n}: ThemeProviderProps): React.ReactElement {\n  const defaultTheme = themeProp ?? defaultVariant ?? \"hybrid\";\n  const defaultMode = modeProp ?? defaultModeProp ?? \"dark\";\n  // Initialize theme from localStorage or defaults\n  const [theme, setThemeState] = useState<ThemeVariant>(() => {\n    if (persist && typeof window !== \"undefined\") {\n      const saved = localStorage.getItem(\"zendir-ui-theme\");\n      if (\n        saved === \"astro\" ||\n        saved === \"zendir\" ||\n        saved === \"hybrid\" ||\n        saved === \"nebula\" ||\n        saved === \"purple-hue\" ||\n        saved === \"transparent\" ||\n        saved === \"transparent-bold\" ||\n        saved === \"transparent-minimal\"\n      ) {\n        return saved as ThemeVariant;\n      }\n    }\n    return defaultTheme;\n  });\n\n  const [mode, setModeState] = useState<ThemeMode>(() => {\n    if (persist && typeof window !== \"undefined\") {\n      const saved = localStorage.getItem(\"zendir-ui-mode\");\n      if (saved === \"light\" || saved === \"dark\") {\n        return saved;\n      }\n    }\n    return defaultMode;\n  });\n\n  // Detect reduced motion preference\n  const [prefersReducedMotion, setPrefersReducedMotion] = useState(false);\n\n  useEffect(() => {\n    if (typeof window === \"undefined\") return;\n\n    const mediaQuery = window.matchMedia(\"(prefers-reduced-motion: reduce)\");\n    setPrefersReducedMotion(mediaQuery.matches);\n\n    const handler = (e: MediaQueryListEvent) =>\n      setPrefersReducedMotion(e.matches);\n    mediaQuery.addEventListener(\"change\", handler);\n    return () => mediaQuery.removeEventListener(\"change\", handler);\n  }, []);\n\n  // Theme setters\n  const setTheme = (newTheme: ThemeVariant) => {\n    setThemeState(newTheme);\n    if (persist && typeof window !== \"undefined\") {\n      localStorage.setItem(\"zendir-ui-theme\", newTheme);\n    }\n  };\n\n  const setMode = (newMode: ThemeMode) => {\n    setModeState(newMode);\n    if (persist && typeof window !== \"undefined\") {\n      localStorage.setItem(\"zendir-ui-mode\", newMode);\n    }\n  };\n\n  const toggleMode = () => {\n    setMode(mode === \"dark\" ? \"light\" : \"dark\");\n  };\n\n  // Accent color override\n  const [accentColor, setAccentColorState] = useState<string | null>(() => {\n    if (persist && typeof window !== \"undefined\") {\n      return localStorage.getItem(\"zendir-ui-accent\") || null;\n    }\n    return null;\n  });\n\n  const setAccentColor = (color: string | null) => {\n    setAccentColorState(color);\n    if (persist && typeof window !== \"undefined\") {\n      if (color) {\n        localStorage.setItem(\"zendir-ui-accent\", color);\n      } else {\n        localStorage.removeItem(\"zendir-ui-accent\");\n      }\n    }\n  };\n\n  // Get theme tokens (card border styles computed so all cards use theme-driven borders)\n  const tokens = useMemo((): ThemeTokens => {\n    // If light mode is selected, always use Astro Light theme (unified light mode)\n    // regardless of the selected theme variant\n    const base =\n      mode === \"light\"\n        ? astroThemeLight\n        : theme === \"astro\"\n          ? astroThemeDark\n          : theme === \"hybrid\"\n            ? hybridTheme\n            : theme === \"nebula\"\n              ? nebulaTheme\n              : theme === \"transparent\" || theme === \"transparent-bold\"\n                ? transparentTheme\n                : theme === \"transparent-minimal\"\n                  ? transparentMinimalTheme\n                  : purpleHueTheme;\n    const isTransparent =\n      theme === \"transparent\" ||\n      theme === \"transparent-bold\" ||\n      theme === \"transparent-minimal\";\n    const isMinimal = theme === \"transparent-minimal\";\n\n    // For transparent-minimal: use visible accent-colored borders.\n    // For other transparent themes: use subtle fadedBoxShadow.\n    // Accent overrides are intentionally scoped to transparent variants only,\n    // so switching to Astro/Hybrid/Purple-Hue restores each theme's native accent.\n    const resolvedAccent =\n      isTransparent && accentColor\n        ? {\n            primary: accentColor,\n            secondary: adjustHexBrightness(accentColor, 1.2),\n            tertiary: adjustHexBrightness(accentColor, 0.85),\n          }\n        : base.colors.accent;\n\n    const accentPrimary = resolvedAccent.primary;\n    const accentBorderMuted = `${accentPrimary}40`; // 25% opacity\n    const accentBorderDefault = `${accentPrimary}66`; // 40% opacity\n    const accentFadedBoxShadow = `inset 0 1px 0 ${hexToRgba(accentPrimary, 0.12)}, inset 0 -1px 0 rgba(0, 0, 0, 0.05), inset 1px 0 0 ${hexToRgba(accentPrimary, 0.06)}, inset -1px 0 0 ${hexToRgba(accentPrimary, 0.06)}`;\n\n    const cardStyle = isMinimal\n      ? { border: `1px solid ${accentBorderMuted}` }\n      : isTransparent\n        ? { border: \"none\" as const, boxShadow: accentFadedBoxShadow }\n        : { border: `1px solid ${base.colors.border.muted}` };\n    const cardStyleDashed = isMinimal\n      ? { border: `1px dashed ${accentBorderMuted}` }\n      : isTransparent\n        ? { border: \"none\" as const, boxShadow: accentFadedBoxShadow }\n        : { border: `1px dashed ${base.colors.border.muted}` };\n    const cardStyleDefault = isMinimal\n      ? { border: `1px solid ${accentBorderDefault}` }\n      : isTransparent\n        ? { border: \"none\" as const, boxShadow: accentFadedBoxShadow }\n        : { border: `1px solid ${base.colors.border.default}` };\n    // Compute border tokens from the resolved theme colors\n    const resolvedColors: ThemeColors = {\n      ...base.colors,\n      accent: resolvedAccent,\n      border: {\n        ...base.colors.border,\n        cardStyle,\n        cardStyleDashed,\n        cardStyleDefault,\n      },\n    };\n\n    return {\n      ...base,\n      colors: resolvedColors,\n      borders: computeBorderTokens(resolvedColors),\n    } as ThemeTokens;\n  }, [theme, mode, accentColor]);\n\n  // Apply CSS variables to document\n  useEffect(() => {\n    if (typeof document === \"undefined\") return;\n\n    const root = document.documentElement;\n    const {\n      colors,\n      typography,\n      spacing,\n      borderRadius,\n      animation,\n      focus,\n      shadows,\n    } = tokens;\n\n    // Theme attributes. tokens.css keys its variable blocks on the VARIANT\n    // via [data-theme=\"<variant>\"] and the mode via [data-mode=\"light\"], so\n    // data-theme must carry the variant and data-mode the light/dark mode —\n    // otherwise the static --zendir-* CSS variables never leave the default\n    // (hybrid) block. data-variant is retained for backward compatibility.\n    root.setAttribute(\"data-theme\", theme);\n    root.setAttribute(\"data-mode\", mode);\n    root.setAttribute(\"data-variant\", theme);\n\n    // Background colors\n    root.style.setProperty(\"--color-background-base\", colors.background.base);\n    root.style.setProperty(\n      \"--color-background-surface\",\n      colors.background.surface,\n    );\n    root.style.setProperty(\n      \"--color-background-elevated\",\n      colors.background.elevated,\n    );\n    root.style.setProperty(\n      \"--color-background-overlay\",\n      colors.background.overlay,\n    );\n\n    // Border colors\n    root.style.setProperty(\"--color-border\", colors.border.default);\n    root.style.setProperty(\"--color-border-muted\", colors.border.muted);\n    root.style.setProperty(\"--color-border-focus\", colors.border.focus);\n\n    // Text colors\n    root.style.setProperty(\"--color-text-primary\", colors.text.primary);\n    root.style.setProperty(\"--color-text-secondary\", colors.text.secondary);\n    root.style.setProperty(\"--color-text-tertiary\", colors.text.tertiary);\n    root.style.setProperty(\"--color-text-inverse\", colors.text.inverse);\n\n    // Status colors\n    root.style.setProperty(\"--color-status-normal\", colors.status.normal);\n    root.style.setProperty(\"--color-status-standby\", colors.status.standby);\n    root.style.setProperty(\"--color-status-caution\", colors.status.caution);\n    root.style.setProperty(\"--color-status-serious\", colors.status.serious);\n    root.style.setProperty(\"--color-status-critical\", colors.status.critical);\n    root.style.setProperty(\"--color-status-off\", colors.status.off);\n\n    // Interactive colors\n    root.style.setProperty(\n      \"--color-interactive-default\",\n      colors.interactive.default,\n    );\n    root.style.setProperty(\n      \"--color-interactive-hover\",\n      colors.interactive.hover,\n    );\n    root.style.setProperty(\n      \"--color-interactive-active\",\n      colors.interactive.active,\n    );\n    root.style.setProperty(\n      \"--color-interactive-disabled\",\n      colors.interactive.disabled,\n    );\n\n    // Accent colors\n    root.style.setProperty(\"--color-accent-primary\", colors.accent.primary);\n    root.style.setProperty(\"--color-accent-secondary\", colors.accent.secondary);\n    root.style.setProperty(\"--color-accent-tertiary\", colors.accent.tertiary);\n\n    // Typography\n    root.style.setProperty(\n      \"--font-family-heading\",\n      typography.fontFamily.heading || typography.fontFamily.primary,\n    );\n    root.style.setProperty(\n      \"--font-family-primary\",\n      typography.fontFamily.primary,\n    );\n    root.style.setProperty(\"--font-family-mono\", typography.fontFamily.mono);\n\n    // Spacing (full scale so CSS and layout can pull from SDK)\n    root.style.setProperty(\"--spacing-xxs\", spacing.xxs);\n    root.style.setProperty(\"--spacing-xs\", spacing.xs);\n    root.style.setProperty(\"--spacing-sm\", spacing.sm);\n    root.style.setProperty(\"--spacing-smd\", spacing.smd);\n    root.style.setProperty(\"--spacing-md\", spacing.md);\n    root.style.setProperty(\"--spacing-mdl\", spacing.mdl);\n    root.style.setProperty(\"--spacing-lg\", spacing.lg);\n    root.style.setProperty(\"--spacing-xl\", spacing.xl);\n    root.style.setProperty(\"--spacing-xxl\", spacing.xxl);\n\n    // Border radius\n    root.style.setProperty(\"--radius-sm\", borderRadius.sm);\n    root.style.setProperty(\"--radius-md\", borderRadius.md);\n    root.style.setProperty(\"--radius-lg\", borderRadius.lg);\n    root.style.setProperty(\"--radius-xl\", borderRadius.xl);\n\n    // Animation (respect reduced motion)\n    const motionMultiplier = prefersReducedMotion ? 0 : 1;\n    root.style.setProperty(\n      \"--animation-fast\",\n      prefersReducedMotion ? \"none\" : animation.fast,\n    );\n    root.style.setProperty(\n      \"--animation-normal\",\n      prefersReducedMotion ? \"none\" : animation.normal,\n    );\n    root.style.setProperty(\n      \"--animation-slow\",\n      prefersReducedMotion ? \"none\" : animation.slow,\n    );\n    root.style.setProperty(\n      \"--duration-fast\",\n      `${animation.duration.fast * motionMultiplier}ms`,\n    );\n    root.style.setProperty(\n      \"--duration-normal\",\n      `${animation.duration.normal * motionMultiplier}ms`,\n    );\n    root.style.setProperty(\n      \"--duration-slow\",\n      `${animation.duration.slow * motionMultiplier}ms`,\n    );\n\n    // Focus\n    root.style.setProperty(\"--focus-ring-color\", focus.color);\n    root.style.setProperty(\"--focus-ring-width\", focus.width);\n    root.style.setProperty(\"--focus-ring-offset\", focus.offset);\n\n    // Shadows\n    root.style.setProperty(\"--shadow-sm\", shadows.sm);\n    root.style.setProperty(\"--shadow-md\", shadows.md);\n    root.style.setProperty(\"--shadow-lg\", shadows.lg);\n    root.style.setProperty(\"--shadow-xl\", shadows.xl);\n\n    // Apply base styles to body\n    document.body.style.backgroundColor = colors.background.base;\n    document.body.style.color = colors.text.primary;\n    document.body.style.fontFamily = typography.fontFamily.primary;\n  }, [tokens, theme, mode, prefersReducedMotion]);\n\n  // ──────────────────────────────────────────────────────────────────────────\n  // Scrollbar Styles — thin, elegant, theme-connected, fully accessible\n  // ──────────────────────────────────────────────────────────────────────────\n  const scrollbarCSS = useMemo(\n    () => buildScrollbarCSS(tokens, mode, prefersReducedMotion),\n    [tokens, mode, prefersReducedMotion],\n  );\n\n  const value: ThemeContextValue = useMemo(\n    () => ({\n      theme,\n      mode,\n      tokens,\n      prefersReducedMotion,\n      accentColor,\n      setTheme,\n      setMode,\n      toggleMode,\n      setAccentColor,\n    }),\n    [theme, mode, tokens, prefersReducedMotion, accentColor],\n  );\n\n  // Global reduced-motion rule — ensures ALL animations and transitions across\n  // every Zendir component respect the OS preference (WCAG 2.3.3).\n  // Uses 0.01ms (not 0) so animation-end events still fire correctly.\n  const reducedMotionCSS = `@media (prefers-reduced-motion: reduce) {\n  *, *::before, *::after {\n    animation-duration: 0.01ms !important;\n    animation-iteration-count: 1 !important;\n    transition-duration: 0.01ms !important;\n    scroll-behavior: auto !important;\n  }\n}`;\n\n  return (\n    <ThemeContext.Provider value={value}>\n      <style\n        data-zendir-scrollbar=\"\"\n        dangerouslySetInnerHTML={{ __html: scrollbarCSS }}\n      />\n      <style\n        data-zendir-reduced-motion=\"\"\n        dangerouslySetInnerHTML={{ __html: reducedMotionCSS }}\n      />\n      {children}\n    </ThemeContext.Provider>\n  );\n}\n\n/**\n * useTheme - Access theme context\n *\n * @throws Error if used outside ThemeProvider\n *\n * @example\n * ```tsx\n * const { tokens, mode, toggleMode } = useTheme();\n * ```\n */\nexport function useTheme(): ThemeContextValue {\n  const context = useContext(ThemeContext);\n  if (!context) {\n    throw new Error(\"useTheme must be used within a ThemeProvider\");\n  }\n  return context;\n}\n\n/**\n * useThemeTokens - Access only theme tokens (for memoization)\n */\nexport function useThemeTokens(): ThemeTokens {\n  return useTheme().tokens;\n}\n"],"mappings":"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"}
+{"version":3,"file":"ThemeProvider.js","names":[],"sources":["../../../src/react/theme/ThemeProvider.tsx"],"sourcesContent":["/**\r\n * @zendir/ui - Theme Provider\r\n *\r\n * Enterprise-grade theming system supporting Astro UX Design System and Zendir themes.\r\n * Full Tier 3 compliance with official Astro tokens (dark + light themes).\r\n *\r\n * Features:\r\n * - Multiple theme variants (Zen Hybrid default, astro, purple-hue, transparent)\r\n * - Light and dark modes\r\n * - Animation tokens with reduced-motion support\r\n * - Focus ring styles for accessibility\r\n * - CSS variable injection\r\n * - Local storage persistence\r\n */\r\n\r\nimport React, {\r\n  createContext,\r\n  useContext,\r\n  useState,\r\n  useEffect,\r\n  useMemo,\r\n  ReactNode,\r\n} from \"react\";\r\nimport {\r\n  astroThemeDark,\r\n  astroThemeLight,\r\n  hybridTheme,\r\n  purpleHueTheme,\r\n  nebulaTheme,\r\n  transparentTheme,\r\n  transparentMinimalTheme,\r\n} from \"../../tokens/themes\";\r\nimport {\r\n  computeBorderTokens,\r\n  type ThemeVariant,\r\n  type ThemeMode,\r\n  type ThemeColors,\r\n  type ThemeTokens,\r\n  type ThemeAnimation,\r\n  type ThemeFocus,\r\n  type LayoutTokens,\r\n  type BorderTokens,\r\n} from \"./types\";\r\n\r\n// Theme type shapes and derived-token helpers live in ./types so the token\r\n// build (which imports the theme definitions) never pulls in this provider.\r\n// Re-exported here to preserve the long-standing `@zendir/ui` import surface.\r\nexport type {\r\n  ThemeVariant,\r\n  ThemeMode,\r\n  ThemeColors,\r\n  ThemeTokens,\r\n  ThemeAnimation,\r\n  ThemeFocus,\r\n  LayoutTokens,\r\n  BorderTokens,\r\n};\r\n\r\nfunction adjustHexBrightness(hex: string, factor: number): string {\r\n  const normalized = hex.replace(\"#\", \"\").trim();\r\n  const expanded =\r\n    normalized.length === 3\r\n      ? normalized\r\n          .split(\"\")\r\n          .map((ch) => ch + ch)\r\n          .join(\"\")\r\n      : normalized;\r\n\r\n  if (!/^[0-9a-fA-F]{6}$/.test(expanded)) {\r\n    return hex;\r\n  }\r\n\r\n  const clamp = (value: number) =>\r\n    Math.max(0, Math.min(255, Math.round(value)));\r\n  const r = clamp(parseInt(expanded.slice(0, 2), 16) * factor);\r\n  const g = clamp(parseInt(expanded.slice(2, 4), 16) * factor);\r\n  const b = clamp(parseInt(expanded.slice(4, 6), 16) * factor);\r\n\r\n  const toHex = (value: number) => value.toString(16).padStart(2, \"0\");\r\n  return `#${toHex(r)}${toHex(g)}${toHex(b)}`;\r\n}\r\n\r\n// ============================================================================\r\n// Theme Context\r\n// ============================================================================\r\n\r\nexport interface ThemeContextValue {\r\n  theme: ThemeVariant;\r\n  mode: ThemeMode;\r\n  tokens: ThemeTokens;\r\n  prefersReducedMotion: boolean;\r\n  /** Custom accent color override (null = use theme default) */\r\n  accentColor: string | null;\r\n  setTheme: (theme: ThemeVariant) => void;\r\n  setMode: (mode: ThemeMode) => void;\r\n  toggleMode: () => void;\r\n  /** Override the accent color for the current theme */\r\n  setAccentColor: (color: string | null) => void;\r\n}\r\n\r\nconst ThemeContext = createContext<ThemeContextValue | undefined>(undefined);\r\n\r\nexport interface ThemeProviderProps {\r\n  children: ReactNode;\r\n  /** Default theme variant */\r\n  theme?: ThemeVariant;\r\n  /** Alias for `theme` */\r\n  defaultVariant?: ThemeVariant;\r\n  /** Default color mode */\r\n  mode?: ThemeMode;\r\n  /** Alias for `mode` */\r\n  defaultMode?: ThemeMode;\r\n  /** Persist preferences to localStorage */\r\n  persist?: boolean;\r\n}\r\n\r\n// ============================================================================\r\n// Scrollbar Styling System\r\n// ============================================================================\r\n// Generates global CSS for thin, elegant, theme-aware scrollbars.\r\n//\r\n// Features:\r\n// - Ultra-thin (6px) scrollbar tracks with soft border radius\r\n// - Accent-colored thumb with hover/active brightness shifts\r\n// - Semi-transparent track that blends into the surface\r\n// - Auto-hide behaviour on modern browsers (overlay mode)\r\n// - Firefox support via scrollbar-width / scrollbar-color\r\n// - WCAG 2.1 AA compliant: sufficient contrast, respects reduced-motion\r\n// - Smooth transitions (disabled when prefers-reduced-motion)\r\n// - Scoped .zendir-scroll utility class for individual containers\r\n// ============================================================================\r\n\r\n/**\r\n * Converts a hex color to an rgba string helper.\r\n * Accepts 3/6/8-char hex codes (#rgb, #rrggbb, #rrggbbaa).\r\n */\r\nfunction hexToRgba(hex: string, alpha: number): string {\r\n  const clean = hex.replace(\"#\", \"\");\r\n  let r: number, g: number, b: number;\r\n  if (clean.length === 3) {\r\n    r = parseInt(clean[0] + clean[0], 16);\r\n    g = parseInt(clean[1] + clean[1], 16);\r\n    b = parseInt(clean[2] + clean[2], 16);\r\n  } else {\r\n    r = parseInt(clean.slice(0, 2), 16);\r\n    g = parseInt(clean.slice(2, 4), 16);\r\n    b = parseInt(clean.slice(4, 6), 16);\r\n  }\r\n  return `rgba(${r}, ${g}, ${b}, ${alpha})`;\r\n}\r\n\r\nfunction buildScrollbarCSS(\r\n  tokens: ThemeTokens,\r\n  mode: ThemeMode,\r\n  reducedMotion: boolean,\r\n): string {\r\n  const accent = tokens.colors.accent.primary;\r\n  const _surface = tokens.colors.background.surface; // eslint-disable-line @typescript-eslint/no-unused-vars -- reserved for future scrollbar track customisation\r\n  const _base = tokens.colors.background.base; // eslint-disable-line @typescript-eslint/no-unused-vars -- reserved for future scrollbar corner styling\r\n  const isLight = mode === \"light\";\r\n\r\n  // Thumb colors: accent-tinted, low opacity at rest, stronger on hover/active\r\n  const thumbRest = isLight ? hexToRgba(accent, 0.28) : hexToRgba(accent, 0.35);\r\n  const thumbHover = isLight\r\n    ? hexToRgba(accent, 0.48)\r\n    : hexToRgba(accent, 0.55);\r\n  const thumbActive = isLight\r\n    ? hexToRgba(accent, 0.64)\r\n    : hexToRgba(accent, 0.72);\r\n\r\n  // Track: nearly invisible surface blend\r\n  const trackColor = isLight\r\n    ? hexToRgba(accent, 0.04)\r\n    : hexToRgba(accent, 0.06);\r\n  const trackHover = isLight ? hexToRgba(accent, 0.08) : hexToRgba(accent, 0.1);\r\n\r\n  const transition = reducedMotion\r\n    ? \"none\"\r\n    : \"background-color 200ms ease, width 200ms ease, opacity 200ms ease\";\r\n  const thumbRadius = \"9999px\"; // pill shape\r\n\r\n  // Firefox colors (two-value syntax: thumb track)\r\n  const ffThumb = thumbRest;\r\n  const ffTrack = trackColor;\r\n\r\n  return `\r\n/* ═══════════════════════════════════════════════════════════════════════════\r\n   Zendir Scrollbar System — Thin · Elegant · Theme-Connected\r\n   ═══════════════════════════════════════════════════════════════════════════ */\r\n\r\n/* ── Firefox ────────────────────────────────────────────────────────────── */\r\n*,\r\n.zendir-scroll {\r\n  scrollbar-width: thin;\r\n  scrollbar-color: ${ffThumb} ${ffTrack};\r\n}\r\n\r\n/* ── Webkit / Blink (Chrome, Edge, Safari, Opera) ───────────────────────── */\r\n\r\n/* Global thin scrollbar */\r\n::-webkit-scrollbar {\r\n  width: 6px;\r\n  height: 6px;\r\n  background: transparent;\r\n}\r\n\r\n/* Track — nearly invisible, subtle on hover */\r\n::-webkit-scrollbar-track {\r\n  background: ${trackColor};\r\n  border-radius: ${thumbRadius};\r\n  margin: 2px;\r\n}\r\n::-webkit-scrollbar-track:hover {\r\n  background: ${trackHover};\r\n}\r\n\r\n/* Thumb — accent-tinted pill */\r\n::-webkit-scrollbar-thumb {\r\n  background: ${thumbRest};\r\n  border-radius: ${thumbRadius};\r\n  border: 1px solid transparent;\r\n  background-clip: padding-box;\r\n  transition: ${transition};\r\n  min-height: 32px;\r\n}\r\n::-webkit-scrollbar-thumb:hover {\r\n  background: ${thumbHover};\r\n  border-color: transparent;\r\n  background-clip: padding-box;\r\n}\r\n::-webkit-scrollbar-thumb:active {\r\n  background: ${thumbActive};\r\n  border-color: transparent;\r\n  background-clip: padding-box;\r\n}\r\n\r\n/* Corner — where horizontal & vertical scrollbars meet */\r\n::-webkit-scrollbar-corner {\r\n  background: transparent;\r\n}\r\n\r\n/* ── Utility class: zendir-scroll ────────────────────────────────────────\r\n   Apply to individual containers for scoped thin scrollbar.\r\n   Also enables overlay behaviour where supported.\r\n   e.g. <div className=\"zendir-scroll\" style={{overflow:'auto'}}>…</div>\r\n   ─────────────────────────────────────────────────────────────────────── */\r\n.zendir-scroll {\r\n  overflow: auto;\r\n  overflow: overlay; /* Chrome / Edge: auto-hide scrollbar */\r\n}\r\n.zendir-scroll::-webkit-scrollbar {\r\n  width: 5px;\r\n  height: 5px;\r\n}\r\n.zendir-scroll::-webkit-scrollbar-track {\r\n  background: transparent;\r\n  border-radius: ${thumbRadius};\r\n}\r\n.zendir-scroll::-webkit-scrollbar-thumb {\r\n  background: ${thumbRest};\r\n  border-radius: ${thumbRadius};\r\n  transition: ${transition};\r\n}\r\n.zendir-scroll::-webkit-scrollbar-thumb:hover {\r\n  background: ${thumbHover};\r\n}\r\n.zendir-scroll::-webkit-scrollbar-thumb:active {\r\n  background: ${thumbActive};\r\n}\r\n\r\n/* ── Utility: zendir-scroll--hidden ─────────────────────────────────────\r\n   Hides scrollbar visually but keeps scroll behaviour (accessible).\r\n   Content remains scrollable via mouse wheel / touch / keyboard.\r\n   ─────────────────────────────────────────────────────────────────────── */\r\n.zendir-scroll--hidden {\r\n  overflow: auto;\r\n  -ms-overflow-style: none;\r\n  scrollbar-width: none;\r\n}\r\n.zendir-scroll--hidden::-webkit-scrollbar {\r\n  display: none;\r\n}\r\n\r\n/* ── Focus-visible: keyboard users can still scroll with focus ─────────── */\r\n.zendir-scroll:focus-visible {\r\n  outline: 2px solid ${accent};\r\n  outline-offset: -2px;\r\n  border-radius: ${tokens.borderRadius.md};\r\n}\r\n\r\n/* ── Reduced Motion: disable scrollbar transitions ─────────────────────── */\r\n@media (prefers-reduced-motion: reduce) {\r\n  ::-webkit-scrollbar-thumb,\r\n  .zendir-scroll::-webkit-scrollbar-thumb {\r\n    transition: none !important;\r\n  }\r\n}\r\n\r\n/* ── High Contrast Mode: ensure scrollbar is visible ───────────────────── */\r\n@media (forced-colors: active) {\r\n  ::-webkit-scrollbar-thumb {\r\n    background: ButtonText !important;\r\n  }\r\n  ::-webkit-scrollbar-track {\r\n    background: Canvas !important;\r\n  }\r\n}\r\n`.trim();\r\n}\r\n\r\n/**\r\n * useScrollbarStyles — returns inline React.CSSProperties for a\r\n * scrollable container that matches the current Zendir theme.\r\n *\r\n * Use when you need programmatic control rather than the\r\n * `zendir-scroll` CSS class.\r\n *\r\n * @example\r\n * ```tsx\r\n * const scrollStyle = useScrollbarStyles();\r\n * <div style={{ maxHeight: 400, ...scrollStyle }}>…</div>\r\n * ```\r\n */\r\nexport function useScrollbarStyles(): React.CSSProperties {\r\n  const { tokens, mode } = useTheme();\r\n  return useMemo((): React.CSSProperties => {\r\n    const accent = tokens.colors.accent.primary;\r\n    const isLight = mode === \"light\";\r\n    const thumbColor = isLight\r\n      ? hexToRgba(accent, 0.28)\r\n      : hexToRgba(accent, 0.35);\r\n    const trackColor = isLight\r\n      ? hexToRgba(accent, 0.04)\r\n      : hexToRgba(accent, 0.06);\r\n    return {\r\n      // Firefox\r\n      scrollbarWidth: \"thin\" as const,\r\n      scrollbarColor: `${thumbColor} ${trackColor}`,\r\n      overflow: \"auto\",\r\n    };\r\n  }, [tokens, mode]);\r\n}\r\n\r\n/**\r\n * ThemeProvider - Enterprise theme context provider\r\n *\r\n * Provides theme tokens, mode switching, and accessibility features\r\n * to all child components.\r\n *\r\n * @example\r\n * ```tsx\r\n * <ThemeProvider theme=\"hybrid\" mode=\"dark\">  // Zen (Hybrid) is the default\r\n *   <App />\r\n * </ThemeProvider>\r\n * ```\r\n */\r\nexport function ThemeProvider({\r\n  children,\r\n  theme: themeProp,\r\n  defaultVariant,\r\n  mode: modeProp,\r\n  defaultMode: defaultModeProp,\r\n  persist = true,\r\n}: ThemeProviderProps): React.ReactElement {\r\n  const defaultTheme = themeProp ?? defaultVariant ?? \"hybrid\";\r\n  const defaultMode = modeProp ?? defaultModeProp ?? \"dark\";\r\n  // Initialize theme from localStorage or defaults\r\n  const [theme, setThemeState] = useState<ThemeVariant>(() => {\r\n    if (persist && typeof window !== \"undefined\") {\r\n      const saved = localStorage.getItem(\"zendir-ui-theme\");\r\n      if (\r\n        saved === \"astro\" ||\r\n        saved === \"zendir\" ||\r\n        saved === \"hybrid\" ||\r\n        saved === \"nebula\" ||\r\n        saved === \"purple-hue\" ||\r\n        saved === \"transparent\" ||\r\n        saved === \"transparent-bold\" ||\r\n        saved === \"transparent-minimal\"\r\n      ) {\r\n        return saved as ThemeVariant;\r\n      }\r\n    }\r\n    return defaultTheme;\r\n  });\r\n\r\n  const [mode, setModeState] = useState<ThemeMode>(() => {\r\n    if (persist && typeof window !== \"undefined\") {\r\n      const saved = localStorage.getItem(\"zendir-ui-mode\");\r\n      if (saved === \"light\" || saved === \"dark\") {\r\n        return saved;\r\n      }\r\n    }\r\n    return defaultMode;\r\n  });\r\n\r\n  // Detect reduced motion preference\r\n  const [prefersReducedMotion, setPrefersReducedMotion] = useState(false);\r\n\r\n  useEffect(() => {\r\n    if (typeof window === \"undefined\") return;\r\n\r\n    const mediaQuery = window.matchMedia(\"(prefers-reduced-motion: reduce)\");\r\n    setPrefersReducedMotion(mediaQuery.matches);\r\n\r\n    const handler = (e: MediaQueryListEvent) =>\r\n      setPrefersReducedMotion(e.matches);\r\n    mediaQuery.addEventListener(\"change\", handler);\r\n    return () => mediaQuery.removeEventListener(\"change\", handler);\r\n  }, []);\r\n\r\n  // Theme setters\r\n  const setTheme = (newTheme: ThemeVariant) => {\r\n    setThemeState(newTheme);\r\n    if (persist && typeof window !== \"undefined\") {\r\n      localStorage.setItem(\"zendir-ui-theme\", newTheme);\r\n    }\r\n  };\r\n\r\n  const setMode = (newMode: ThemeMode) => {\r\n    setModeState(newMode);\r\n    if (persist && typeof window !== \"undefined\") {\r\n      localStorage.setItem(\"zendir-ui-mode\", newMode);\r\n    }\r\n  };\r\n\r\n  const toggleMode = () => {\r\n    setMode(mode === \"dark\" ? \"light\" : \"dark\");\r\n  };\r\n\r\n  // Accent color override\r\n  const [accentColor, setAccentColorState] = useState<string | null>(() => {\r\n    if (persist && typeof window !== \"undefined\") {\r\n      return localStorage.getItem(\"zendir-ui-accent\") || null;\r\n    }\r\n    return null;\r\n  });\r\n\r\n  const setAccentColor = (color: string | null) => {\r\n    setAccentColorState(color);\r\n    if (persist && typeof window !== \"undefined\") {\r\n      if (color) {\r\n        localStorage.setItem(\"zendir-ui-accent\", color);\r\n      } else {\r\n        localStorage.removeItem(\"zendir-ui-accent\");\r\n      }\r\n    }\r\n  };\r\n\r\n  // Get theme tokens (card border styles computed so all cards use theme-driven borders)\r\n  const tokens = useMemo((): ThemeTokens => {\r\n    // If light mode is selected, always use Astro Light theme (unified light mode)\r\n    // regardless of the selected theme variant\r\n    const base =\r\n      mode === \"light\"\r\n        ? astroThemeLight\r\n        : theme === \"astro\"\r\n          ? astroThemeDark\r\n          : theme === \"hybrid\"\r\n            ? hybridTheme\r\n            : theme === \"nebula\"\r\n              ? nebulaTheme\r\n              : theme === \"transparent\" || theme === \"transparent-bold\"\r\n                ? transparentTheme\r\n                : theme === \"transparent-minimal\"\r\n                  ? transparentMinimalTheme\r\n                  : purpleHueTheme;\r\n    const isTransparent =\r\n      theme === \"transparent\" ||\r\n      theme === \"transparent-bold\" ||\r\n      theme === \"transparent-minimal\";\r\n    const isMinimal = theme === \"transparent-minimal\";\r\n\r\n    // For transparent-minimal: use visible accent-colored borders.\r\n    // For other transparent themes: use subtle fadedBoxShadow.\r\n    // Accent overrides are intentionally scoped to transparent variants only,\r\n    // so switching to Astro/Hybrid/Purple-Hue restores each theme's native accent.\r\n    const resolvedAccent =\r\n      isTransparent && accentColor\r\n        ? {\r\n            primary: accentColor,\r\n            secondary: adjustHexBrightness(accentColor, 1.2),\r\n            tertiary: adjustHexBrightness(accentColor, 0.85),\r\n          }\r\n        : base.colors.accent;\r\n\r\n    const accentPrimary = resolvedAccent.primary;\r\n    const accentBorderMuted = `${accentPrimary}40`; // 25% opacity\r\n    const accentBorderDefault = `${accentPrimary}66`; // 40% opacity\r\n    const accentFadedBoxShadow = `inset 0 1px 0 ${hexToRgba(accentPrimary, 0.12)}, inset 0 -1px 0 rgba(0, 0, 0, 0.05), inset 1px 0 0 ${hexToRgba(accentPrimary, 0.06)}, inset -1px 0 0 ${hexToRgba(accentPrimary, 0.06)}`;\r\n\r\n    const cardStyle = isMinimal\r\n      ? { border: `1px solid ${accentBorderMuted}` }\r\n      : isTransparent\r\n        ? { border: \"none\" as const, boxShadow: accentFadedBoxShadow }\r\n        : { border: `1px solid ${base.colors.border.muted}` };\r\n    const cardStyleDashed = isMinimal\r\n      ? { border: `1px dashed ${accentBorderMuted}` }\r\n      : isTransparent\r\n        ? { border: \"none\" as const, boxShadow: accentFadedBoxShadow }\r\n        : { border: `1px dashed ${base.colors.border.muted}` };\r\n    const cardStyleDefault = isMinimal\r\n      ? { border: `1px solid ${accentBorderDefault}` }\r\n      : isTransparent\r\n        ? { border: \"none\" as const, boxShadow: accentFadedBoxShadow }\r\n        : { border: `1px solid ${base.colors.border.default}` };\r\n    // Compute border tokens from the resolved theme colors\r\n    const resolvedColors: ThemeColors = {\r\n      ...base.colors,\r\n      accent: resolvedAccent,\r\n      border: {\r\n        ...base.colors.border,\r\n        cardStyle,\r\n        cardStyleDashed,\r\n        cardStyleDefault,\r\n      },\r\n    };\r\n\r\n    return {\r\n      ...base,\r\n      colors: resolvedColors,\r\n      borders: computeBorderTokens(resolvedColors),\r\n    } as ThemeTokens;\r\n  }, [theme, mode, accentColor]);\r\n\r\n  // Apply CSS variables to document\r\n  useEffect(() => {\r\n    if (typeof document === \"undefined\") return;\r\n\r\n    const root = document.documentElement;\r\n    const {\r\n      colors,\r\n      typography,\r\n      spacing,\r\n      borderRadius,\r\n      animation,\r\n      focus,\r\n      shadows,\r\n    } = tokens;\r\n\r\n    // Theme attributes. tokens.css keys its variable blocks on the VARIANT\r\n    // via [data-theme=\"<variant>\"] and the mode via [data-mode=\"light\"], so\r\n    // data-theme must carry the variant and data-mode the light/dark mode —\r\n    // otherwise the static --zendir-* CSS variables never leave the default\r\n    // (hybrid) block. data-variant is retained for backward compatibility.\r\n    root.setAttribute(\"data-theme\", theme);\r\n    root.setAttribute(\"data-mode\", mode);\r\n    root.setAttribute(\"data-variant\", theme);\r\n\r\n    // Background colors\r\n    root.style.setProperty(\"--color-background-base\", colors.background.base);\r\n    root.style.setProperty(\r\n      \"--color-background-surface\",\r\n      colors.background.surface,\r\n    );\r\n    root.style.setProperty(\r\n      \"--color-background-elevated\",\r\n      colors.background.elevated,\r\n    );\r\n    root.style.setProperty(\r\n      \"--color-background-overlay\",\r\n      colors.background.overlay,\r\n    );\r\n\r\n    // Border colors\r\n    root.style.setProperty(\"--color-border\", colors.border.default);\r\n    root.style.setProperty(\"--color-border-muted\", colors.border.muted);\r\n    root.style.setProperty(\"--color-border-focus\", colors.border.focus);\r\n\r\n    // Text colors\r\n    root.style.setProperty(\"--color-text-primary\", colors.text.primary);\r\n    root.style.setProperty(\"--color-text-secondary\", colors.text.secondary);\r\n    root.style.setProperty(\"--color-text-tertiary\", colors.text.tertiary);\r\n    root.style.setProperty(\"--color-text-inverse\", colors.text.inverse);\r\n\r\n    // Status colors\r\n    root.style.setProperty(\"--color-status-normal\", colors.status.normal);\r\n    root.style.setProperty(\"--color-status-standby\", colors.status.standby);\r\n    root.style.setProperty(\"--color-status-caution\", colors.status.caution);\r\n    root.style.setProperty(\"--color-status-serious\", colors.status.serious);\r\n    root.style.setProperty(\"--color-status-critical\", colors.status.critical);\r\n    root.style.setProperty(\"--color-status-off\", colors.status.off);\r\n\r\n    // Interactive colors\r\n    root.style.setProperty(\r\n      \"--color-interactive-default\",\r\n      colors.interactive.default,\r\n    );\r\n    root.style.setProperty(\r\n      \"--color-interactive-hover\",\r\n      colors.interactive.hover,\r\n    );\r\n    root.style.setProperty(\r\n      \"--color-interactive-active\",\r\n      colors.interactive.active,\r\n    );\r\n    root.style.setProperty(\r\n      \"--color-interactive-disabled\",\r\n      colors.interactive.disabled,\r\n    );\r\n\r\n    // Accent colors\r\n    root.style.setProperty(\"--color-accent-primary\", colors.accent.primary);\r\n    root.style.setProperty(\"--color-accent-secondary\", colors.accent.secondary);\r\n    root.style.setProperty(\"--color-accent-tertiary\", colors.accent.tertiary);\r\n\r\n    // Typography\r\n    root.style.setProperty(\r\n      \"--font-family-heading\",\r\n      typography.fontFamily.heading || typography.fontFamily.primary,\r\n    );\r\n    root.style.setProperty(\r\n      \"--font-family-primary\",\r\n      typography.fontFamily.primary,\r\n    );\r\n    root.style.setProperty(\"--font-family-mono\", typography.fontFamily.mono);\r\n\r\n    // Spacing (full scale so CSS and layout can pull from SDK)\r\n    root.style.setProperty(\"--spacing-xxs\", spacing.xxs);\r\n    root.style.setProperty(\"--spacing-xs\", spacing.xs);\r\n    root.style.setProperty(\"--spacing-sm\", spacing.sm);\r\n    root.style.setProperty(\"--spacing-smd\", spacing.smd);\r\n    root.style.setProperty(\"--spacing-md\", spacing.md);\r\n    root.style.setProperty(\"--spacing-mdl\", spacing.mdl);\r\n    root.style.setProperty(\"--spacing-lg\", spacing.lg);\r\n    root.style.setProperty(\"--spacing-xl\", spacing.xl);\r\n    root.style.setProperty(\"--spacing-xxl\", spacing.xxl);\r\n\r\n    // Border radius\r\n    root.style.setProperty(\"--radius-sm\", borderRadius.sm);\r\n    root.style.setProperty(\"--radius-md\", borderRadius.md);\r\n    root.style.setProperty(\"--radius-lg\", borderRadius.lg);\r\n    root.style.setProperty(\"--radius-xl\", borderRadius.xl);\r\n\r\n    // Animation (respect reduced motion)\r\n    const motionMultiplier = prefersReducedMotion ? 0 : 1;\r\n    root.style.setProperty(\r\n      \"--animation-fast\",\r\n      prefersReducedMotion ? \"none\" : animation.fast,\r\n    );\r\n    root.style.setProperty(\r\n      \"--animation-normal\",\r\n      prefersReducedMotion ? \"none\" : animation.normal,\r\n    );\r\n    root.style.setProperty(\r\n      \"--animation-slow\",\r\n      prefersReducedMotion ? \"none\" : animation.slow,\r\n    );\r\n    root.style.setProperty(\r\n      \"--duration-fast\",\r\n      `${animation.duration.fast * motionMultiplier}ms`,\r\n    );\r\n    root.style.setProperty(\r\n      \"--duration-normal\",\r\n      `${animation.duration.normal * motionMultiplier}ms`,\r\n    );\r\n    root.style.setProperty(\r\n      \"--duration-slow\",\r\n      `${animation.duration.slow * motionMultiplier}ms`,\r\n    );\r\n\r\n    // Focus\r\n    root.style.setProperty(\"--focus-ring-color\", focus.color);\r\n    root.style.setProperty(\"--focus-ring-width\", focus.width);\r\n    root.style.setProperty(\"--focus-ring-offset\", focus.offset);\r\n\r\n    // Shadows\r\n    root.style.setProperty(\"--shadow-sm\", shadows.sm);\r\n    root.style.setProperty(\"--shadow-md\", shadows.md);\r\n    root.style.setProperty(\"--shadow-lg\", shadows.lg);\r\n    root.style.setProperty(\"--shadow-xl\", shadows.xl);\r\n\r\n    // Apply base styles to body\r\n    document.body.style.backgroundColor = colors.background.base;\r\n    document.body.style.color = colors.text.primary;\r\n    document.body.style.fontFamily = typography.fontFamily.primary;\r\n  }, [tokens, theme, mode, prefersReducedMotion]);\r\n\r\n  // ──────────────────────────────────────────────────────────────────────────\r\n  // Scrollbar Styles — thin, elegant, theme-connected, fully accessible\r\n  // ──────────────────────────────────────────────────────────────────────────\r\n  const scrollbarCSS = useMemo(\r\n    () => buildScrollbarCSS(tokens, mode, prefersReducedMotion),\r\n    [tokens, mode, prefersReducedMotion],\r\n  );\r\n\r\n  const value: ThemeContextValue = useMemo(\r\n    () => ({\r\n      theme,\r\n      mode,\r\n      tokens,\r\n      prefersReducedMotion,\r\n      accentColor,\r\n      setTheme,\r\n      setMode,\r\n      toggleMode,\r\n      setAccentColor,\r\n    }),\r\n    [theme, mode, tokens, prefersReducedMotion, accentColor],\r\n  );\r\n\r\n  // Global reduced-motion rule — ensures ALL animations and transitions across\r\n  // every Zendir component respect the OS preference (WCAG 2.3.3).\r\n  // Uses 0.01ms (not 0) so animation-end events still fire correctly.\r\n  const reducedMotionCSS = `@media (prefers-reduced-motion: reduce) {\r\n  *, *::before, *::after {\r\n    animation-duration: 0.01ms !important;\r\n    animation-iteration-count: 1 !important;\r\n    transition-duration: 0.01ms !important;\r\n    scroll-behavior: auto !important;\r\n  }\r\n}`;\r\n\r\n  return (\r\n    <ThemeContext.Provider value={value}>\r\n      <style\r\n        data-zendir-scrollbar=\"\"\r\n        dangerouslySetInnerHTML={{ __html: scrollbarCSS }}\r\n      />\r\n      <style\r\n        data-zendir-reduced-motion=\"\"\r\n        dangerouslySetInnerHTML={{ __html: reducedMotionCSS }}\r\n      />\r\n      {children}\r\n    </ThemeContext.Provider>\r\n  );\r\n}\r\n\r\n/**\r\n * useTheme - Access theme context\r\n *\r\n * @throws Error if used outside ThemeProvider\r\n *\r\n * @example\r\n * ```tsx\r\n * const { tokens, mode, toggleMode } = useTheme();\r\n * ```\r\n */\r\nexport function useTheme(): ThemeContextValue {\r\n  const context = useContext(ThemeContext);\r\n  if (!context) {\r\n    throw new Error(\"useTheme must be used within a ThemeProvider\");\r\n  }\r\n  return context;\r\n}\r\n\r\n/**\r\n * useThemeTokens - Access only theme tokens (for memoization)\r\n */\r\nexport function useThemeTokens(): ThemeTokens {\r\n  return useTheme().tokens;\r\n}\r\n"],"mappings":"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"}

package/dist/react/theme/config.js.map

@@ -1 +1 @@
-{"version":3,"file":"config.js","names":[],"sources":["../../../src/react/theme/config.ts"],"sourcesContent":["/**\n * @zendir/ui - Theme Configuration\n *\n * Easy configuration for default theme settings.\n * Import and use in your app root to set defaults.\n */\n\nimport type { ThemeVariant, ThemeMode } from \"./ThemeProvider\";\n\nexport interface ThemeConfig {\n  /** Default theme variant */\n  defaultTheme?: ThemeVariant;\n  /** Default theme mode */\n  defaultMode?: ThemeMode;\n  /** Persist theme selection to localStorage */\n  persist?: boolean;\n}\n\n/**\n * Default theme configuration\n *\n * Available themes:\n * - 'hybrid' - Zen (Hybrid): default; Astro status colors with purple accents\n * - 'astro' - Astro UX (U.S. Space Force) compliant theme\n * - 'purple-hue' - Zen (Purple Hue) theme with modern aesthetics\n * - 'transparent' / 'transparent-bold' / 'transparent-minimal' - Glassmorphic themes\n */\nexport const DEFAULT_THEME_CONFIG: ThemeConfig = {\n  defaultTheme: \"hybrid\", // Zen (Hybrid) is the default\n  defaultMode: \"dark\",\n  persist: true,\n};\n\n/**\n * Get theme configuration from environment or use defaults\n */\nexport function getThemeConfig(): ThemeConfig {\n  // Allow override via environment variable or build-time config\n  if (typeof window !== \"undefined\") {\n    const envTheme = (window as any).__ZENDIR_UI_THEME__;\n    if (\n      envTheme === \"astro\" ||\n      envTheme === \"purple-hue\" ||\n      envTheme === \"hybrid\" ||\n      envTheme === \"nebula\"\n    ) {\n      return {\n        ...DEFAULT_THEME_CONFIG,\n        defaultTheme: envTheme,\n      };\n    }\n  }\n\n  return DEFAULT_THEME_CONFIG;\n}\n\n/**\n * Set default theme at build/runtime\n *\n * @example\n * ```tsx\n * // In your app root\n * import { setDefaultTheme } from '@zendir/ui/react/theme/config';\n *\n * // Zen (Hybrid) is the default; override if needed:\n * setDefaultTheme('hybrid');\n * setDefaultTheme('purple-hue');\n * setDefaultTheme('astro');\n * ```\n */\nexport function setDefaultTheme(theme: ThemeVariant): void {\n  if (typeof window !== \"undefined\") {\n    (window as any).__ZENDIR_UI_THEME__ = theme;\n    // Also update localStorage if persist is enabled\n    localStorage.setItem(\"zendir-ui-theme\", theme);\n  }\n}\n"],"mappings":";;;;;;;;;;AA2BA,IAAa,uBAAoC;CAC/C,cAAc;CACd,aAAa;CACb,SAAS;AACX;;;;AAKA,SAAgB,iBAA8B;CAE5C,IAAI,OAAO,WAAW,aAAa;EACjC,MAAM,WAAY,OAAe;EACjC,IACE,aAAa,WACb,aAAa,gBACb,aAAa,YACb,aAAa,UAEb,OAAO;GACL,GAAG;GACH,cAAc;EAChB;CAEJ;CAEA,OAAO;AACT;;;;;;;;;;;;;;;AAgBA,SAAgB,gBAAgB,OAA2B;CACzD,IAAI,OAAO,WAAW,aAAa;EACjC,OAAgB,sBAAsB;EAEtC,aAAa,QAAQ,mBAAmB,KAAK;CAC/C;AACF"}
+{"version":3,"file":"config.js","names":[],"sources":["../../../src/react/theme/config.ts"],"sourcesContent":["/**\r\n * @zendir/ui - Theme Configuration\r\n *\r\n * Easy configuration for default theme settings.\r\n * Import and use in your app root to set defaults.\r\n */\r\n\r\nimport type { ThemeVariant, ThemeMode } from \"./ThemeProvider\";\r\n\r\nexport interface ThemeConfig {\r\n  /** Default theme variant */\r\n  defaultTheme?: ThemeVariant;\r\n  /** Default theme mode */\r\n  defaultMode?: ThemeMode;\r\n  /** Persist theme selection to localStorage */\r\n  persist?: boolean;\r\n}\r\n\r\n/**\r\n * Default theme configuration\r\n *\r\n * Available themes:\r\n * - 'hybrid' - Zen (Hybrid): default; Astro status colors with purple accents\r\n * - 'astro' - Astro UX (U.S. Space Force) compliant theme\r\n * - 'purple-hue' - Zen (Purple Hue) theme with modern aesthetics\r\n * - 'transparent' / 'transparent-bold' / 'transparent-minimal' - Glassmorphic themes\r\n */\r\nexport const DEFAULT_THEME_CONFIG: ThemeConfig = {\r\n  defaultTheme: \"hybrid\", // Zen (Hybrid) is the default\r\n  defaultMode: \"dark\",\r\n  persist: true,\r\n};\r\n\r\n/**\r\n * Get theme configuration from environment or use defaults\r\n */\r\nexport function getThemeConfig(): ThemeConfig {\r\n  // Allow override via environment variable or build-time config\r\n  if (typeof window !== \"undefined\") {\r\n    const envTheme = (window as any).__ZENDIR_UI_THEME__;\r\n    if (\r\n      envTheme === \"astro\" ||\r\n      envTheme === \"purple-hue\" ||\r\n      envTheme === \"hybrid\" ||\r\n      envTheme === \"nebula\"\r\n    ) {\r\n      return {\r\n        ...DEFAULT_THEME_CONFIG,\r\n        defaultTheme: envTheme,\r\n      };\r\n    }\r\n  }\r\n\r\n  return DEFAULT_THEME_CONFIG;\r\n}\r\n\r\n/**\r\n * Set default theme at build/runtime\r\n *\r\n * @example\r\n * ```tsx\r\n * // In your app root\r\n * import { setDefaultTheme } from '@zendir/ui/react/theme/config';\r\n *\r\n * // Zen (Hybrid) is the default; override if needed:\r\n * setDefaultTheme('hybrid');\r\n * setDefaultTheme('purple-hue');\r\n * setDefaultTheme('astro');\r\n * ```\r\n */\r\nexport function setDefaultTheme(theme: ThemeVariant): void {\r\n  if (typeof window !== \"undefined\") {\r\n    (window as any).__ZENDIR_UI_THEME__ = theme;\r\n    // Also update localStorage if persist is enabled\r\n    localStorage.setItem(\"zendir-ui-theme\", theme);\r\n  }\r\n}\r\n"],"mappings":";;;;;;;;;;AA2BA,IAAa,uBAAoC;CAC/C,cAAc;CACd,aAAa;CACb,SAAS;AACX;;;;AAKA,SAAgB,iBAA8B;CAE5C,IAAI,OAAO,WAAW,aAAa;EACjC,MAAM,WAAY,OAAe;EACjC,IACE,aAAa,WACb,aAAa,gBACb,aAAa,YACb,aAAa,UAEb,OAAO;GACL,GAAG;GACH,cAAc;EAChB;CAEJ;CAEA,OAAO;AACT;;;;;;;;;;;;;;;AAgBA,SAAgB,gBAAgB,OAA2B;CACzD,IAAI,OAAO,WAAW,aAAa;EACjC,OAAgB,sBAAsB;EAEtC,aAAa,QAAQ,mBAAmB,KAAK;CAC/C;AACF"}

package/dist/react.js

@@ -82,7 +82,7 @@ import { PowerOverviewChart, generateSamplePowerData } from "./react/charts/unif
 import { useChartStream, useWebSocketStream } from "./react/charts/unified/useChartStream.js";
 import { dispatchToGroup, exportGroupAsCSV, exportGroupAsImages, getGroupCharts, hideGroupTooltip, resetGroupZoom, showGroupTooltip, syncZoomRange, useChartSync } from "./react/charts/unified/sync.js";
 import { GroundTrackMap } from "./react/charts/GroundTrackMap.js";
-import { CARTO_ATTRIBUTION, ESRI_WORLD_IMAGERY_ATTRIBUTION, OSM_ATTRIBUTION, TILE_PRESETS, getBasemapAttribution } from "./react/charts/groundTrackMapLeafletTiles.js";
+import { CANVAS_LABEL_TILES, CARTO_ATTRIBUTION, ESRI_CANVAS_ATTRIBUTION, ESRI_WORLD_IMAGERY_ATTRIBUTION, OSM_ATTRIBUTION, TILE_PRESETS, getBasemapAttribution } from "./react/charts/groundTrackMapLeafletTiles.js";
 import { ObjectInventoryPanel, recommendedFlyDistance } from "./react/panels/ObjectInventoryPanel.js";
 import { LayerControlPanel } from "./react/panels/LayerControlPanel.js";
 import { PLANETS, auToKm, estimateOrbitalPeriod, estimateOrbitalVelocity, getPlanet, normalizePlanetName } from "./react/types.js";
@@ -97,4 +97,4 @@ import { LinkBudgetCard } from "./react/visualizations/LinkBudgetCard.js";
 import { ThermalHeatmapCard } from "./react/visualizations/ThermalHeatmapCard.js";
 import { PropulsionCard } from "./react/visualizations/PropulsionCard.js";
 import { SensorFootprintCard } from "./react/visualizations/SensorFootprintCard.js";
-export { ASTRO_DATA_VIZ_COLORS, AccessCard, ActivityPlanner, AntennaPattern3DChart, AppBar, AreaChart, AstroChart, AttitudeChart, AttitudeHistory3DChart, BREAKPOINTS, Badge, Bar3DChart, BarChart, Body1, Body2, Body3, Box, BoxPlotChart, BubbleChart, Button, CARD_ACCENT_COLORS, CARTO_ATTRIBUTION, CATEGORY_ICONS, CATEGORY_LABELS, CHAT_RESPONSE_JSON_PROMPT, CHAT_RESPONSE_MCP_TOOL, CHAT_RESPONSE_TOOL_SCHEMA, CHAT_RESPONSE_YAML_PROMPT, CHAT_STATUS_RULES_PROMPT, CandlestickChart, Capture, CardAccentProvider, CardHeader, CategoryPalette, CategoryProvider, Center, ChatPanel, Checkbox, ClassificationBanner, ColorPickerPanel, CommandBuilder, Compact, ConfirmDialog, ConfirmProvider, ConjunctionAssessment3DChart, ConjunctionChart, ConnectionForm, ConstellationCoverageChart, ContactWindowChart, Container, CopyButton, DataTable, DataTableRowDetail, DataText, DataValue, DataValueGroup, Dialog, Display1, Display2, DisplaySettingsProvider, Divider, DonutChart, DopplerTrackChart, DualAxisChart, ESRI_WORLD_IMAGERY_ATTRIBUTION, EclipseTimelineChart, EclipseTimerCard, ErrorBoundary, FONT_FAMILY_MONO, FONT_FAMILY_PRIMARY, FONT_WEIGHTS, FileExplorer, Flex, GLASS_COLOR_OVERLAYS, GLASS_TINTS, GaugeChart, GlassCard, GlobalStatusBar, GraphChart, Grid, GroundTrackMap, H1, H2, H3, H4, H5, H6, HStack, HeaderIconWithStatus, HeatmapChart, HeliocentricOrbitPlot, HexViewer, HistogramChart, Icon, ImageFrame, ImageGallery, ImagePanel, Input, Label, LaunchCorridor3DChart, LayerControlPanel, LimitsBar, LineChart, Lines3DChart, LinkBudgetCard, LinkBudgetChart, LinkMarginChart, LogViewer, Logo, ManeuverBudgetChart, Menu, MessageStream, Micro, MiniSimulationControls, MissionCalendar, MissionClock, MonitoringIcon, Mono, NavBallCard, Notification, NumberInput, OFFICIAL_ASTRO_DATA_VIZ_COLORS, OSM_ATTRIBUTION, ObjectInventoryPanel, OrbitCard, OrbitChart, PLANETS, PRESET_COLORS, PROPERTY_PRESETS, PacketViewer, Pagination, ParallelChart, PieChart, PinInput, Popover, PowerChart, PowerOverviewChart, Progress, PropulsionCard, REGION_BORDER_COLORS, REGION_COLORS, RadarChart, RoseDiagram, SIDENAV_HEADER_LOGO_SLOT_HEIGHT_PX, SPACE_SYSTEM_COLORS, STATUS_COLORS, SankeyChart, Scatter3DChart, ScatterChart, Select, SensorFootprintCard, SideNav, SidePanel, SimulationControls, SimulationControlsWithClock, Skeleton3D, SkeletonBox, SkeletonCard, SkeletonChart, SkeletonCircle, SkeletonText, SpacecraftCard, Spacer, SpectrumChart, SphericalRadar3DChart, Stack, StackedAreaChart, StackedBarChart, StatusIndicator, SubsystemGauge, SunburstChart, Surface3DChart, TILE_PRESETS, Tabs, TelemetryCard, TelemetryStreamCard, ThemeProvider, ThermalHeatmapCard, ThermalHeatmapChart, TimeSeriesChart, UnifiedTimeline as Timeline, ToastProvider, Toggle, Tooltip, TransferOrbit3DChart, TreemapChart, Typography, VStack, WaterfallChart, ZENDIR_BRAND_COLORS, ZenSpace3D, addAlpha, auToKm, calculateAxisBounds, clamp, classNames, createAreaGradient, createAstroEChartsTheme, createChatResponseParser, createPropertyConfig, decodeImage, deriveBatteryStatus, deriveStatus, dispatchToGroup, ecefEulerXyzToHpr, ecefMetersToSdkPosition, estimateOrbitalPeriod, estimateOrbitalVelocity, exportGroupAsCSV, exportGroupAsImages, focusRingStyle, formatAltitude, formatCoordinate, formatCountdown, formatDataRate, formatDecibels, formatDegrees, formatDistance, formatDuration, formatFrequency, formatLatLon, formatNumber, formatPercentage, formatPower, formatPropertyLabel, formatPropertyValue, formatTabular, formatTemperature, formatTime, formatTimeLabel, formatUTC, formatValueWithUnit, formatVelocity, generateAttitudeData, generateConjunctionEvents, generateConstellationCoverage, generateContactWindows, generateDopplerData, generateEclipseTimeline, generateHeliocentricOrbits, generatePowerData, generateSamplePowerData, generateSpectrum, generateWaterfallData, getAccentColorOptions, getBasemapAttribution, getEffectiveCompactMode, getGroupCharts, getIconNames, getPaletteForDataType, getPlanet, getPropertiesByCategory, getPropertyConfig, getSeriesColor, getStatusColor, getStatusFromValue, getStatusSeverity, getSystemAccentColor, getWorstStatus, hideGroupTooltip, isStatusLevel, isValidIconName, isValidNumber, lerp, loadCapturePlaceholderImage, mapRange, normalizePlanetName, normalizeStatus, parseChatResponse, parseMcpToolResult, recommendedFlyDistance, resetGroupZoom, resolveResponsive, resolveSpacing, safeAccentText, safeNumber, showGroupTooltip, syncZoomRange, tabularNumsStyle, transitions, useBreakpoint, useCapture, useCardAccent, useCategoryPalette, useCategoryPaletteRequired, useChartStream, useChartSync, useCompactMode, useConfirm, useCopyToClipboard, useDisplaySettings, useDisplaySettingsOptional, useScrollbarStyles, useSimulationScene, useTheme, useThemeTokens, useToast, useToastManager, useWebSocketStream, withErrorBoundary, withNullSafety };
+export { ASTRO_DATA_VIZ_COLORS, AccessCard, ActivityPlanner, AntennaPattern3DChart, AppBar, AreaChart, AstroChart, AttitudeChart, AttitudeHistory3DChart, BREAKPOINTS, Badge, Bar3DChart, BarChart, Body1, Body2, Body3, Box, BoxPlotChart, BubbleChart, Button, CANVAS_LABEL_TILES, CARD_ACCENT_COLORS, CARTO_ATTRIBUTION, CATEGORY_ICONS, CATEGORY_LABELS, CHAT_RESPONSE_JSON_PROMPT, CHAT_RESPONSE_MCP_TOOL, CHAT_RESPONSE_TOOL_SCHEMA, CHAT_RESPONSE_YAML_PROMPT, CHAT_STATUS_RULES_PROMPT, CandlestickChart, Capture, CardAccentProvider, CardHeader, CategoryPalette, CategoryProvider, Center, ChatPanel, Checkbox, ClassificationBanner, ColorPickerPanel, CommandBuilder, Compact, ConfirmDialog, ConfirmProvider, ConjunctionAssessment3DChart, ConjunctionChart, ConnectionForm, ConstellationCoverageChart, ContactWindowChart, Container, CopyButton, DataTable, DataTableRowDetail, DataText, DataValue, DataValueGroup, Dialog, Display1, Display2, DisplaySettingsProvider, Divider, DonutChart, DopplerTrackChart, DualAxisChart, ESRI_CANVAS_ATTRIBUTION, ESRI_WORLD_IMAGERY_ATTRIBUTION, EclipseTimelineChart, EclipseTimerCard, ErrorBoundary, FONT_FAMILY_MONO, FONT_FAMILY_PRIMARY, FONT_WEIGHTS, FileExplorer, Flex, GLASS_COLOR_OVERLAYS, GLASS_TINTS, GaugeChart, GlassCard, GlobalStatusBar, GraphChart, Grid, GroundTrackMap, H1, H2, H3, H4, H5, H6, HStack, HeaderIconWithStatus, HeatmapChart, HeliocentricOrbitPlot, HexViewer, HistogramChart, Icon, ImageFrame, ImageGallery, ImagePanel, Input, Label, LaunchCorridor3DChart, LayerControlPanel, LimitsBar, LineChart, Lines3DChart, LinkBudgetCard, LinkBudgetChart, LinkMarginChart, LogViewer, Logo, ManeuverBudgetChart, Menu, MessageStream, Micro, MiniSimulationControls, MissionCalendar, MissionClock, MonitoringIcon, Mono, NavBallCard, Notification, NumberInput, OFFICIAL_ASTRO_DATA_VIZ_COLORS, OSM_ATTRIBUTION, ObjectInventoryPanel, OrbitCard, OrbitChart, PLANETS, PRESET_COLORS, PROPERTY_PRESETS, PacketViewer, Pagination, ParallelChart, PieChart, PinInput, Popover, PowerChart, PowerOverviewChart, Progress, PropulsionCard, REGION_BORDER_COLORS, REGION_COLORS, RadarChart, RoseDiagram, SIDENAV_HEADER_LOGO_SLOT_HEIGHT_PX, SPACE_SYSTEM_COLORS, STATUS_COLORS, SankeyChart, Scatter3DChart, ScatterChart, Select, SensorFootprintCard, SideNav, SidePanel, SimulationControls, SimulationControlsWithClock, Skeleton3D, SkeletonBox, SkeletonCard, SkeletonChart, SkeletonCircle, SkeletonText, SpacecraftCard, Spacer, SpectrumChart, SphericalRadar3DChart, Stack, StackedAreaChart, StackedBarChart, StatusIndicator, SubsystemGauge, SunburstChart, Surface3DChart, TILE_PRESETS, Tabs, TelemetryCard, TelemetryStreamCard, ThemeProvider, ThermalHeatmapCard, ThermalHeatmapChart, TimeSeriesChart, UnifiedTimeline as Timeline, ToastProvider, Toggle, Tooltip, TransferOrbit3DChart, TreemapChart, Typography, VStack, WaterfallChart, ZENDIR_BRAND_COLORS, ZenSpace3D, addAlpha, auToKm, calculateAxisBounds, clamp, classNames, createAreaGradient, createAstroEChartsTheme, createChatResponseParser, createPropertyConfig, decodeImage, deriveBatteryStatus, deriveStatus, dispatchToGroup, ecefEulerXyzToHpr, ecefMetersToSdkPosition, estimateOrbitalPeriod, estimateOrbitalVelocity, exportGroupAsCSV, exportGroupAsImages, focusRingStyle, formatAltitude, formatCoordinate, formatCountdown, formatDataRate, formatDecibels, formatDegrees, formatDistance, formatDuration, formatFrequency, formatLatLon, formatNumber, formatPercentage, formatPower, formatPropertyLabel, formatPropertyValue, formatTabular, formatTemperature, formatTime, formatTimeLabel, formatUTC, formatValueWithUnit, formatVelocity, generateAttitudeData, generateConjunctionEvents, generateConstellationCoverage, generateContactWindows, generateDopplerData, generateEclipseTimeline, generateHeliocentricOrbits, generatePowerData, generateSamplePowerData, generateSpectrum, generateWaterfallData, getAccentColorOptions, getBasemapAttribution, getEffectiveCompactMode, getGroupCharts, getIconNames, getPaletteForDataType, getPlanet, getPropertiesByCategory, getPropertyConfig, getSeriesColor, getStatusColor, getStatusFromValue, getStatusSeverity, getSystemAccentColor, getWorstStatus, hideGroupTooltip, isStatusLevel, isValidIconName, isValidNumber, lerp, loadCapturePlaceholderImage, mapRange, normalizePlanetName, normalizeStatus, parseChatResponse, parseMcpToolResult, recommendedFlyDistance, resetGroupZoom, resolveResponsive, resolveSpacing, safeAccentText, safeNumber, showGroupTooltip, syncZoomRange, tabularNumsStyle, transitions, useBreakpoint, useCapture, useCardAccent, useCategoryPalette, useCategoryPaletteRequired, useChartStream, useChartSync, useCompactMode, useConfirm, useCopyToClipboard, useDisplaySettings, useDisplaySettingsOptional, useScrollbarStyles, useSimulationScene, useTheme, useThemeTokens, useToast, useToastManager, useWebSocketStream, withErrorBoundary, withNullSafety };

package/dist/shaders/atmosphere.frag.js

@@ -1,5 +1,5 @@
 //#region src/shaders/atmosphere.frag
-var atmosphere_default = "uniform vec3 uSunDirection;\n\nvarying vec3 vNormal;\nvarying vec3 vPosition;\nvarying vec3 vWorldPosition;\n\nvoid main() {\n  // Base atmospheric scattering\n  float viewIntensity = pow(0.65 - dot(vNormal, vec3(0.0, 0.0, 1.0)), 2.0);\n  \n  // Sun-facing glow (brighter on the side facing the sun)\n  vec3 worldNormal = normalize(vWorldPosition);\n  float sunFacing = dot(worldNormal, normalize(uSunDirection));\n  float sunGlow = max(0.0, sunFacing) * 0.6 + 0.4; // 0.4-1.0 range\n  \n  // Terminator enhancement (glow at day/night boundary)\n  float terminator = 1.0 - abs(sunFacing);\n  float terminatorGlow = pow(terminator, 3.0) * 0.3;\n  \n  // Combine effects\n  float totalIntensity = viewIntensity * sunGlow + terminatorGlow;\n  \n  // Atmosphere color (blue with slight orange on sun side)\n  vec3 dayColor = vec3(0.3, 0.6, 1.0);\n  vec3 sunsetColor = vec3(1.0, 0.5, 0.2);\n  vec3 atmosphereColor = mix(dayColor, sunsetColor, pow(max(0.0, terminator), 4.0) * 0.3);\n  \n  gl_FragColor = vec4(atmosphereColor, 1.0) * totalIntensity;\n}\n";
+var atmosphere_default = "uniform vec3 uSunDirection;\r\n\r\nvarying vec3 vNormal;\r\nvarying vec3 vPosition;\r\nvarying vec3 vWorldPosition;\r\n\r\nvoid main() {\r\n  // Base atmospheric scattering\r\n  float viewIntensity = pow(0.65 - dot(vNormal, vec3(0.0, 0.0, 1.0)), 2.0);\r\n  \r\n  // Sun-facing glow (brighter on the side facing the sun)\r\n  vec3 worldNormal = normalize(vWorldPosition);\r\n  float sunFacing = dot(worldNormal, normalize(uSunDirection));\r\n  float sunGlow = max(0.0, sunFacing) * 0.6 + 0.4; // 0.4-1.0 range\r\n  \r\n  // Terminator enhancement (glow at day/night boundary)\r\n  float terminator = 1.0 - abs(sunFacing);\r\n  float terminatorGlow = pow(terminator, 3.0) * 0.3;\r\n  \r\n  // Combine effects\r\n  float totalIntensity = viewIntensity * sunGlow + terminatorGlow;\r\n  \r\n  // Atmosphere color (blue with slight orange on sun side)\r\n  vec3 dayColor = vec3(0.3, 0.6, 1.0);\r\n  vec3 sunsetColor = vec3(1.0, 0.5, 0.2);\r\n  vec3 atmosphereColor = mix(dayColor, sunsetColor, pow(max(0.0, terminator), 4.0) * 0.3);\r\n  \r\n  gl_FragColor = vec4(atmosphereColor, 1.0) * totalIntensity;\r\n}\r\n";
 //#endregion
 export { atmosphere_default as default };
 

package/dist/shaders/atmosphere.frag.js.map

@@ -1 +1 @@
-{"version":3,"file":"atmosphere.frag.js","names":[],"sources":["../../src/shaders/atmosphere.frag"],"sourcesContent":["export default \"uniform vec3 uSunDirection;\\n\\nvarying vec3 vNormal;\\nvarying vec3 vPosition;\\nvarying vec3 vWorldPosition;\\n\\nvoid main() {\\n  // Base atmospheric scattering\\n  float viewIntensity = pow(0.65 - dot(vNormal, vec3(0.0, 0.0, 1.0)), 2.0);\\n  \\n  // Sun-facing glow (brighter on the side facing the sun)\\n  vec3 worldNormal = normalize(vWorldPosition);\\n  float sunFacing = dot(worldNormal, normalize(uSunDirection));\\n  float sunGlow = max(0.0, sunFacing) * 0.6 + 0.4; // 0.4-1.0 range\\n  \\n  // Terminator enhancement (glow at day/night boundary)\\n  float terminator = 1.0 - abs(sunFacing);\\n  float terminatorGlow = pow(terminator, 3.0) * 0.3;\\n  \\n  // Combine effects\\n  float totalIntensity = viewIntensity * sunGlow + terminatorGlow;\\n  \\n  // Atmosphere color (blue with slight orange on sun side)\\n  vec3 dayColor = vec3(0.3, 0.6, 1.0);\\n  vec3 sunsetColor = vec3(1.0, 0.5, 0.2);\\n  vec3 atmosphereColor = mix(dayColor, sunsetColor, pow(max(0.0, terminator), 4.0) * 0.3);\\n  \\n  gl_FragColor = vec4(atmosphereColor, 1.0) * totalIntensity;\\n}\\n\";"],"mappings":";AAAA,IAAA,qBAAe"}
+{"version":3,"file":"atmosphere.frag.js","names":[],"sources":["../../src/shaders/atmosphere.frag"],"sourcesContent":["export default \"uniform vec3 uSunDirection;\\r\\n\\r\\nvarying vec3 vNormal;\\r\\nvarying vec3 vPosition;\\r\\nvarying vec3 vWorldPosition;\\r\\n\\r\\nvoid main() {\\r\\n  // Base atmospheric scattering\\r\\n  float viewIntensity = pow(0.65 - dot(vNormal, vec3(0.0, 0.0, 1.0)), 2.0);\\r\\n  \\r\\n  // Sun-facing glow (brighter on the side facing the sun)\\r\\n  vec3 worldNormal = normalize(vWorldPosition);\\r\\n  float sunFacing = dot(worldNormal, normalize(uSunDirection));\\r\\n  float sunGlow = max(0.0, sunFacing) * 0.6 + 0.4; // 0.4-1.0 range\\r\\n  \\r\\n  // Terminator enhancement (glow at day/night boundary)\\r\\n  float terminator = 1.0 - abs(sunFacing);\\r\\n  float terminatorGlow = pow(terminator, 3.0) * 0.3;\\r\\n  \\r\\n  // Combine effects\\r\\n  float totalIntensity = viewIntensity * sunGlow + terminatorGlow;\\r\\n  \\r\\n  // Atmosphere color (blue with slight orange on sun side)\\r\\n  vec3 dayColor = vec3(0.3, 0.6, 1.0);\\r\\n  vec3 sunsetColor = vec3(1.0, 0.5, 0.2);\\r\\n  vec3 atmosphereColor = mix(dayColor, sunsetColor, pow(max(0.0, terminator), 4.0) * 0.3);\\r\\n  \\r\\n  gl_FragColor = vec4(atmosphereColor, 1.0) * totalIntensity;\\r\\n}\\r\\n\";"],"mappings":";AAAA,IAAA,qBAAe"}

package/dist/shaders/atmosphere.vert.js

@@ -1,5 +1,5 @@
 //#region src/shaders/atmosphere.vert
-var atmosphere_default = "varying vec3 vNormal;\nvarying vec3 vPosition;\nvarying vec3 vWorldPosition;\n\nvoid main() {\n  vNormal = normalize(mat3(modelViewMatrix) * normal);\n  vPosition = position;\n  vWorldPosition = (modelMatrix * vec4(position, 1.0)).xyz;\n  gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);\n}\n";
+var atmosphere_default = "varying vec3 vNormal;\r\nvarying vec3 vPosition;\r\nvarying vec3 vWorldPosition;\r\n\r\nvoid main() {\r\n  vNormal = normalize(mat3(modelViewMatrix) * normal);\r\n  vPosition = position;\r\n  vWorldPosition = (modelMatrix * vec4(position, 1.0)).xyz;\r\n  gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);\r\n}\r\n";
 //#endregion
 export { atmosphere_default as default };
 

package/dist/shaders/atmosphere.vert.js.map

@@ -1 +1 @@
-{"version":3,"file":"atmosphere.vert.js","names":[],"sources":["../../src/shaders/atmosphere.vert"],"sourcesContent":["export default \"varying vec3 vNormal;\\nvarying vec3 vPosition;\\nvarying vec3 vWorldPosition;\\n\\nvoid main() {\\n  vNormal = normalize(mat3(modelViewMatrix) * normal);\\n  vPosition = position;\\n  vWorldPosition = (modelMatrix * vec4(position, 1.0)).xyz;\\n  gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);\\n}\\n\";"],"mappings":";AAAA,IAAA,qBAAe"}
+{"version":3,"file":"atmosphere.vert.js","names":[],"sources":["../../src/shaders/atmosphere.vert"],"sourcesContent":["export default \"varying vec3 vNormal;\\r\\nvarying vec3 vPosition;\\r\\nvarying vec3 vWorldPosition;\\r\\n\\r\\nvoid main() {\\r\\n  vNormal = normalize(mat3(modelViewMatrix) * normal);\\r\\n  vPosition = position;\\r\\n  vWorldPosition = (modelMatrix * vec4(position, 1.0)).xyz;\\r\\n  gl_Position = projectionMatrix * modelViewMatrix * vec4(position, 1.0);\\r\\n}\\r\\n\";"],"mappings":";AAAA,IAAA,qBAAe"}

package/dist/tokens/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/tokens/index.ts"],"sourcesContent":["export * from \"./core\";\nexport * from \"./palettes\";\nimport {\n  colors,\n  spacing,\n  borderRadius,\n  typography,\n  shadows,\n  animation,\n} from \"./core\";\nimport * as zendirPalette from \"./palettes/zendir\";\nimport * as astroPalette from \"./palettes/astro\";\nimport { tailwindScales } from \"./palettes/tailwind\";\nimport type { ThemeTokensBase } from \"../react/theme/types\";\nimport {\n  astroThemeDark,\n  astroThemeLight,\n  hybridTheme,\n  purpleHueTheme,\n  nebulaTheme,\n  transparentTheme,\n  transparentMinimalTheme,\n} from \"./themes\";\n\n// ============================================================================\n// CSS Custom Properties generator (reference / programmatic use)\n//\n// NOTE: src/tokens/tokens.css is hand-maintained (see its header) — the build\n// does NOT overwrite it from here. These generators remain available for\n// consumers that want to emit the same variable set programmatically (SSR\n// style injection, tooling) and as the canonical reference for what\n// tokens.css should contain.\n//\n// Two callable surfaces:\n//   • generateCSSVariables(mode)         — single :root block for one mode\n//                                          (legacy, kept for backward-compat)\n//   • generateCSSStylesheet()            — full tokens.css equivalent with\n//                                          mode-invariant block + per-theme\n//                                          [data-theme=\"…\"] overrides. This is\n//                                          what scripts/build-tokens.ts uses.\n// ============================================================================\n\n/**\n * Build a CSS rule body for the mode-invariant tokens (status, spacing,\n * radius, typography, shadows, animation). These don't change between\n * light/dark or across themes — they're shared.\n */\nfunction buildInvariantBlock(): string {\n  return [\n    \"  /* ============================================================\",\n    \"   * STATUS COLORS (Astro UX Compliant)\",\n    \"   * ============================================================ */\",\n    `  --zendir-status-critical: ${colors.status.critical};`,\n    `  --zendir-status-serious: ${colors.status.serious};`,\n    `  --zendir-status-caution: ${colors.status.caution};`,\n    `  --zendir-status-normal: ${colors.status.normal};`,\n    `  --zendir-status-standby: ${colors.status.standby};`,\n    `  --zendir-status-off: ${colors.status.off};`,\n    \"\",\n    \"  /* Light-theme status fill colors */\",\n    `  --zendir-status-critical-light: ${colors.statusLightFill.critical};`,\n    `  --zendir-status-serious-light: ${colors.statusLightFill.serious};`,\n    `  --zendir-status-caution-light: ${colors.statusLightFill.caution};`,\n    `  --zendir-status-normal-light: ${colors.statusLightFill.normal};`,\n    `  --zendir-status-standby-light: ${colors.statusLightFill.standby};`,\n    `  --zendir-status-off-light: ${colors.statusLightFill.off};`,\n    \"\",\n    \"  /* Light-theme status border colors */\",\n    `  --zendir-status-critical-border: ${colors.statusLightBorder.critical};`,\n    `  --zendir-status-serious-border: ${colors.statusLightBorder.serious};`,\n    `  --zendir-status-caution-border: ${colors.statusLightBorder.caution};`,\n    `  --zendir-status-normal-border: ${colors.statusLightBorder.normal};`,\n    `  --zendir-status-standby-border: ${colors.statusLightBorder.standby};`,\n    `  --zendir-status-off-border: ${colors.statusLightBorder.off};`,\n    \"\",\n    \"  /* ============================================================\",\n    \"   * SPACING\",\n    \"   * ============================================================ */\",\n    `  --zendir-spacing-xs: ${spacing.xs};`,\n    `  --zendir-spacing-sm: ${spacing.sm};`,\n    `  --zendir-spacing-md: ${spacing.md};`,\n    `  --zendir-spacing-lg: ${spacing.lg};`,\n    `  --zendir-spacing-xl: ${spacing.xl};`,\n    `  --zendir-spacing-xxl: ${spacing.xxl};`,\n    \"\",\n    \"  /* ============================================================\",\n    \"   * BORDER RADIUS\",\n    \"   * ============================================================ */\",\n    `  --zendir-radius-none: ${borderRadius.none};`,\n    `  --zendir-radius-sm: ${borderRadius.sm};`,\n    `  --zendir-radius-md: ${borderRadius.md};`,\n    `  --zendir-radius-lg: ${borderRadius.lg};`,\n    `  --zendir-radius-xl: ${borderRadius.xl};`,\n    `  --zendir-radius-full: ${borderRadius.full};`,\n    \"\",\n    \"  /* ============================================================\",\n    \"   * TYPOGRAPHY\",\n    \"   * Public Sans leads body, Sora leads headings, Roboto is the\",\n    \"   * AstroUXDS-compliant fallback. OS-native fonts complete the chain.\",\n    \"   * @see https://www.astrouxds.com/foundations/typography/\",\n    \"   * ============================================================ */\",\n    `  --zendir-font-primary: ${typography.fontFamily.primary};`,\n    `  --zendir-font-heading: ${typography.fontFamily.heading};`,\n    `  --zendir-font-mono: ${typography.fontFamily.mono};`,\n    \"\",\n    \"  /* Font sizes (rem-based, AstroUXDS scale) */\",\n    `  --zendir-font-size-micro: ${typography.fontSize.micro};`,\n    `  --zendir-font-size-xxs: ${typography.fontSize.xxs};`,\n    `  --zendir-font-size-xs: ${typography.fontSize.xs};`,\n    `  --zendir-font-size-sm: ${typography.fontSize.sm};`,\n    `  --zendir-font-size-base: ${typography.fontSize.base};`,\n    `  --zendir-font-size-md: ${typography.fontSize.md};`,\n    `  --zendir-font-size-lg: ${typography.fontSize.lg};`,\n    `  --zendir-font-size-xl: ${typography.fontSize.xl};`,\n    `  --zendir-font-size-xxl: ${typography.fontSize.xxl};`,\n    `  --zendir-font-size-xxxl: ${typography.fontSize.xxxl};`,\n    `  --zendir-font-size-display: ${typography.fontSize.display};`,\n    \"\",\n    \"  /* Font weights — AstroUXDS supports only 300/400/500/700 */\",\n    `  --zendir-font-weight-light: ${typography.fontWeight.light};`,\n    `  --zendir-font-weight-normal: ${typography.fontWeight.normal};`,\n    `  --zendir-font-weight-medium: ${typography.fontWeight.medium};`,\n    // Astro maps semibold onto medium (500); kept so consumers referencing\n    // the semibold variable resolve rather than fall back to browser default.\n    `  --zendir-font-weight-semibold: ${typography.fontWeight.semibold};`,\n    `  --zendir-font-weight-bold: ${typography.fontWeight.bold};`,\n    \"\",\n    \"  /* Line heights */\",\n    `  --zendir-line-height-tight: ${typography.lineHeight.tight};`,\n    `  --zendir-line-height-normal: ${typography.lineHeight.normal};`,\n    `  --zendir-line-height-relaxed: ${typography.lineHeight.relaxed};`,\n    \"\",\n    \"  /* ============================================================\",\n    \"   * SHADOWS\",\n    \"   * ============================================================ */\",\n    `  --zendir-shadow-none: ${shadows.none};`,\n    `  --zendir-shadow-sm: ${shadows.sm};`,\n    `  --zendir-shadow-md: ${shadows.md};`,\n    `  --zendir-shadow-lg: ${shadows.lg};`,\n    `  --zendir-shadow-xl: ${shadows.xl};`,\n    `  --zendir-shadow-glow: ${shadows.glow};`,\n    \"\",\n    \"  /* ============================================================\",\n    \"   * ANIMATION\",\n    \"   * ============================================================ */\",\n    `  --zendir-animation-fast: ${animation.fast};`,\n    `  --zendir-animation-normal: ${animation.normal};`,\n    `  --zendir-animation-slow: ${animation.slow};`,\n  ].join(\"\\n\");\n}\n\n/** Build the mode-specific block (background + text + border + accent + semantic). */\nfunction buildModeBlock(theme: ThemeTokensBase): string {\n  const bg = theme.colors.background;\n  const txt = theme.colors.text;\n  const bdr = theme.colors.border;\n  const accent = theme.colors.accent;\n  const semantic = theme.colors.semantic;\n  return [\n    `  --zendir-bg-base: ${bg.base};`,\n    `  --zendir-bg-surface: ${bg.surface};`,\n    `  --zendir-bg-elevated: ${bg.elevated};`,\n    `  --zendir-bg-overlay: ${bg.overlay};`,\n    \"\",\n    `  --zendir-text-primary: ${txt.primary};`,\n    `  --zendir-text-secondary: ${txt.secondary};`,\n    `  --zendir-text-tertiary: ${txt.tertiary};`,\n    `  --zendir-text-muted: ${txt.muted || txt.tertiary};`,\n    \"\",\n    `  --zendir-border-default: ${bdr.default};`,\n    `  --zendir-border-muted: ${bdr.muted};`,\n    `  --zendir-border-focus: ${bdr.focus};`,\n    \"\",\n    // Accent + semantic colors vary per theme (nebula is ultraviolet,\n    // hybrid is purple, astro is blue) — they must live in the theme\n    // block, not the invariant block, or every non-astro theme renders\n    // the wrong accent.\n    `  --zendir-accent-primary: ${accent.primary};`,\n    `  --zendir-accent-secondary: ${accent.secondary};`,\n    `  --zendir-accent-tertiary: ${accent.tertiary};`,\n    \"\",\n    `  --zendir-semantic-success: ${semantic.success};`,\n    `  --zendir-semantic-warning: ${semantic.warning};`,\n    `  --zendir-semantic-error: ${semantic.error};`,\n    `  --zendir-semantic-info: ${semantic.info};`,\n  ].join(\"\\n\");\n}\n\n/**\n * Emit every primitive palette stop as a CSS variable. Mode-invariant by\n * definition — primitives never change with theme. Naming:\n *   Zendir scales   --zendir-eb-500 / --zendir-pb-500 / --zendir-uv-500 /\n *                   --zendir-neutral-500\n *   Astro ramps     --zendir-astro-red-500 … --zendir-astro-cyan-900\n *   Tailwind v4.2   --zendir-tw-red-500 … --zendir-tw-neutral-950\n */\nfunction buildPaletteBlock(): string {\n  const lines: string[] = [];\n  const emit = (prefix: string, scale: Record<string, string>) => {\n    for (const [stop, hex] of Object.entries(scale)) {\n      lines.push(`  --zendir-${prefix}-${stop}: ${hex};`);\n    }\n  };\n\n  lines.push(\"  /* Zendir Colour System */\");\n  emit(\"eb\", zendirPalette.electricBlue);\n  emit(\"pb\", zendirPalette.prussianBlue);\n  emit(\"uv\", zendirPalette.ultraviolet);\n  emit(\"neutral\", zendirPalette.neutral);\n  lines.push(\"\");\n  lines.push(\"  /* Astro UXDS status ramps */\");\n  emit(\"astro-red\", astroPalette.red);\n  emit(\"astro-amber\", astroPalette.amber);\n  emit(\"astro-yellow\", astroPalette.yellow);\n  emit(\"astro-green\", astroPalette.green);\n  emit(\"astro-cyan\", astroPalette.cyan);\n  lines.push(\"\");\n  lines.push(\"  /* Tailwind CSS v4.2 */\");\n  for (const [name, scale] of Object.entries(tailwindScales)) {\n    emit(`tw-${name.toLowerCase()}`, scale as Record<string, string>);\n  }\n  return lines.join(\"\\n\");\n}\n\n/**\n * Single-mode generator. Emits one `:root { … }` block with the\n * mode-invariant tokens AND the chosen mode's bg/text/border.\n *\n * Useful for runtime injection — `<style>` tags written by SSR helpers\n * that target a single mode. The full stylesheet generator below is what\n * ships to consumers.\n */\nexport function generateCSSVariables(mode: \"dark\" | \"light\" = \"dark\"): string {\n  return [\n    \":root {\",\n    buildInvariantBlock(),\n    \"\",\n    `  /* ${mode === \"dark\" ? \"Dark\" : \"Light\"}-theme color overrides */`,\n    buildModeBlock(mode === \"dark\" ? hybridTheme : astroThemeLight),\n    \"}\",\n  ].join(\"\\n\");\n}\n\n/**\n * Full stylesheet generator. Emits the complete tokens.css equivalent —\n * mode-invariant `:root` block, the primitive palette block, plus per-theme\n * `[data-theme=\"…\"]` overrides. This is what scripts/build-tokens.ts writes\n * to src/tokens/tokens.css.\n */\nexport function generateCSSStylesheet(): string {\n  return [\n    \"/**\",\n    \" * @zendir/ui — CSS Design Tokens\",\n    \" *\",\n    \" * AUTO-GENERATED from src/tokens/index.ts. DO NOT EDIT BY HAND.\",\n    \" * Regenerate with: npm run build:tokens\",\n    \" *\",\n    \" * Usage:\",\n    \" *   @import '@zendir/ui/tokens/css';\",\n    \" *   .my-component { background: var(--zendir-bg-surface); }\",\n    \" */\",\n    \"\",\n    \":root {\",\n    buildInvariantBlock(),\n    \"}\",\n    \"\",\n    \"/* ============================================================\",\n    \" * PRIMITIVE PALETTES (Layer 0 — src/tokens/palettes)\",\n    \" * Raw scales; prefer the semantic tokens above for UI surfaces.\",\n    \" * ============================================================ */\",\n    \":root {\",\n    buildPaletteBlock(),\n    \"}\",\n    \"\",\n    \"/* ============================================================\",\n    \" * ZEN (HYBRID) THEME (default)\",\n    \" * ============================================================ */\",\n    \":root,\",\n    '[data-theme=\"hybrid\"],',\n    '[data-theme=\"dark\"] {',\n    buildModeBlock(hybridTheme),\n    \"}\",\n    \"\",\n    \"/* ============================================================\",\n    \" * ASTRO THEME\",\n    \" * ============================================================ */\",\n    '[data-theme=\"astro\"] {',\n    buildModeBlock(astroThemeDark),\n    \"}\",\n    \"\",\n    '[data-theme=\"astro\"][data-mode=\"light\"],',\n    '[data-theme=\"hybrid\"][data-mode=\"light\"],',\n    '[data-theme=\"nebula\"][data-mode=\"light\"],',\n    '[data-theme=\"purple-hue\"][data-mode=\"light\"],',\n    '[data-theme=\"light\"] {',\n    buildModeBlock(astroThemeLight),\n    \"}\",\n    \"\",\n    \"/* ============================================================\",\n    \" * NEBULA THEME\",\n    \" * ============================================================ */\",\n    '[data-theme=\"nebula\"] {',\n    buildModeBlock(nebulaTheme),\n    \"}\",\n    \"\",\n    \"/* ============================================================\",\n    \" * PURPLE HUE THEME\",\n    \" * ============================================================ */\",\n    '[data-theme=\"purple-hue\"] {',\n    buildModeBlock(purpleHueTheme),\n    \"}\",\n    \"\",\n    \"/* ============================================================\",\n    \" * TRANSPARENT THEMES\",\n    \" * ============================================================ */\",\n    '[data-theme=\"transparent\"], [data-theme=\"transparent-bold\"] {',\n    buildModeBlock(transparentTheme),\n    \"}\",\n    \"\",\n    '[data-theme=\"transparent-minimal\"] {',\n    buildModeBlock(transparentMinimalTheme),\n    \"}\",\n    \"\",\n  ].join(\"\\n\");\n}\n\nexport default {\n  colors,\n  spacing,\n  borderRadius,\n  typography,\n  shadows,\n  animation,\n  generateCSSVariables,\n  generateCSSStylesheet,\n};\n"],"mappings":";;;;;;;;;;;;AA+CA,SAAS,sBAA8B;CACrC,OAAO;EACL;EACA;EACA;EACA,+BAA+B,OAAO,OAAO,SAAS;EACtD,8BAA8B,OAAO,OAAO,QAAQ;EACpD,8BAA8B,OAAO,OAAO,QAAQ;EACpD,6BAA6B,OAAO,OAAO,OAAO;EAClD,8BAA8B,OAAO,OAAO,QAAQ;EACpD,0BAA0B,OAAO,OAAO,IAAI;EAC5C;EACA;EACA,qCAAqC,OAAO,gBAAgB,SAAS;EACrE,oCAAoC,OAAO,gBAAgB,QAAQ;EACnE,oCAAoC,OAAO,gBAAgB,QAAQ;EACnE,mCAAmC,OAAO,gBAAgB,OAAO;EACjE,oCAAoC,OAAO,gBAAgB,QAAQ;EACnE,gCAAgC,OAAO,gBAAgB,IAAI;EAC3D;EACA;EACA,sCAAsC,OAAO,kBAAkB,SAAS;EACxE,qCAAqC,OAAO,kBAAkB,QAAQ;EACtE,qCAAqC,OAAO,kBAAkB,QAAQ;EACtE,oCAAoC,OAAO,kBAAkB,OAAO;EACpE,qCAAqC,OAAO,kBAAkB,QAAQ;EACtE,iCAAiC,OAAO,kBAAkB,IAAI;EAC9D;EACA;EACA;EACA;EACA,0BAA0B,QAAQ,GAAG;EACrC,0BAA0B,QAAQ,GAAG;EACrC,0BAA0B,QAAQ,GAAG;EACrC,0BAA0B,QAAQ,GAAG;EACrC,0BAA0B,QAAQ,GAAG;EACrC,2BAA2B,QAAQ,IAAI;EACvC;EACA;EACA;EACA;EACA,2BAA2B,aAAa,KAAK;EAC7C,yBAAyB,aAAa,GAAG;EACzC,yBAAyB,aAAa,GAAG;EACzC,yBAAyB,aAAa,GAAG;EACzC,yBAAyB,aAAa,GAAG;EACzC,2BAA2B,aAAa,KAAK;EAC7C;EACA;EACA;EACA;EACA;EACA;EACA;EACA,4BAA4B,WAAW,WAAW,QAAQ;EAC1D,4BAA4B,WAAW,WAAW,QAAQ;EAC1D,yBAAyB,WAAW,WAAW,KAAK;EACpD;EACA;EACA,+BAA+B,WAAW,SAAS,MAAM;EACzD,6BAA6B,WAAW,SAAS,IAAI;EACrD,4BAA4B,WAAW,SAAS,GAAG;EACnD,4BAA4B,WAAW,SAAS,GAAG;EACnD,8BAA8B,WAAW,SAAS,KAAK;EACvD,4BAA4B,WAAW,SAAS,GAAG;EACnD,4BAA4B,WAAW,SAAS,GAAG;EACnD,4BAA4B,WAAW,SAAS,GAAG;EACnD,6BAA6B,WAAW,SAAS,IAAI;EACrD,8BAA8B,WAAW,SAAS,KAAK;EACvD,iCAAiC,WAAW,SAAS,QAAQ;EAC7D;EACA;EACA,iCAAiC,WAAW,WAAW,MAAM;EAC7D,kCAAkC,WAAW,WAAW,OAAO;EAC/D,kCAAkC,WAAW,WAAW,OAAO;EAG/D,oCAAoC,WAAW,WAAW,SAAS;EACnE,gCAAgC,WAAW,WAAW,KAAK;EAC3D;EACA;EACA,iCAAiC,WAAW,WAAW,MAAM;EAC7D,kCAAkC,WAAW,WAAW,OAAO;EAC/D,mCAAmC,WAAW,WAAW,QAAQ;EACjE;EACA;EACA;EACA;EACA,2BAA2B,QAAQ,KAAK;EACxC,yBAAyB,QAAQ,GAAG;EACpC,yBAAyB,QAAQ,GAAG;EACpC,yBAAyB,QAAQ,GAAG;EACpC,yBAAyB,QAAQ,GAAG;EACpC,2BAA2B,QAAQ,KAAK;EACxC;EACA;EACA;EACA;EACA,8BAA8B,UAAU,KAAK;EAC7C,gCAAgC,UAAU,OAAO;EACjD,8BAA8B,UAAU,KAAK;CAC/C,CAAC,CAAC,KAAK,IAAI;AACb;;AAGA,SAAS,eAAe,OAAgC;CACtD,MAAM,KAAK,MAAM,OAAO;CACxB,MAAM,MAAM,MAAM,OAAO;CACzB,MAAM,MAAM,MAAM,OAAO;CACzB,MAAM,SAAS,MAAM,OAAO;CAC5B,MAAM,WAAW,MAAM,OAAO;CAC9B,OAAO;EACL,uBAAuB,GAAG,KAAK;EAC/B,0BAA0B,GAAG,QAAQ;EACrC,2BAA2B,GAAG,SAAS;EACvC,0BAA0B,GAAG,QAAQ;EACrC;EACA,4BAA4B,IAAI,QAAQ;EACxC,8BAA8B,IAAI,UAAU;EAC5C,6BAA6B,IAAI,SAAS;EAC1C,0BAA0B,IAAI,SAAS,IAAI,SAAS;EACpD;EACA,8BAA8B,IAAI,QAAQ;EAC1C,4BAA4B,IAAI,MAAM;EACtC,4BAA4B,IAAI,MAAM;EACtC;EAKA,8BAA8B,OAAO,QAAQ;EAC7C,gCAAgC,OAAO,UAAU;EACjD,+BAA+B,OAAO,SAAS;EAC/C;EACA,gCAAgC,SAAS,QAAQ;EACjD,gCAAgC,SAAS,QAAQ;EACjD,8BAA8B,SAAS,MAAM;EAC7C,6BAA6B,SAAS,KAAK;CAC7C,CAAC,CAAC,KAAK,IAAI;AACb;;;;;;;;;AAUA,SAAS,oBAA4B;CACnC,MAAM,QAAkB,CAAC;CACzB,MAAM,QAAQ,QAAgB,UAAkC;EAC9D,KAAK,MAAM,CAAC,MAAM,QAAQ,OAAO,QAAQ,KAAK,GAC5C,MAAM,KAAK,cAAc,OAAO,GAAG,KAAK,IAAI,IAAI,EAAE;CAEtD;CAEA,MAAM,KAAK,8BAA8B;CACzC,KAAK,MAAM,YAA0B;CACrC,KAAK,MAAM,YAA0B;CACrC,KAAK,MAAM,WAAyB;CACpC,KAAK,WAAW,OAAqB;CACrC,MAAM,KAAK,EAAE;CACb,MAAM,KAAK,iCAAiC;CAC5C,KAAK,aAAa,GAAgB;CAClC,KAAK,eAAe,KAAkB;CACtC,KAAK,gBAAgB,MAAmB;CACxC,KAAK,eAAe,KAAkB;CACtC,KAAK,cAAc,IAAiB;CACpC,MAAM,KAAK,EAAE;CACb,MAAM,KAAK,2BAA2B;CACtC,KAAK,MAAM,CAAC,MAAM,UAAU,OAAO,QAAQ,cAAc,GACvD,KAAK,MAAM,KAAK,YAAY,KAAK,KAA+B;CAElE,OAAO,MAAM,KAAK,IAAI;AACxB;;;;;;;;;AAUA,SAAgB,qBAAqB,OAAyB,QAAgB;CAC5E,OAAO;EACL;EACA,oBAAoB;EACpB;EACA,QAAQ,SAAS,SAAS,SAAS,QAAQ;EAC3C,eAAe,SAAS,SAAS,cAAc,eAAe;EAC9D;CACF,CAAC,CAAC,KAAK,IAAI;AACb;;;;;;;AAQA,SAAgB,wBAAgC;CAC9C,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,oBAAoB;EACpB;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBAAkB;EAClB;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,eAAe,WAAW;EAC1B;EACA;EACA;EACA;EACA;EACA;EACA,eAAe,cAAc;EAC7B;EACA;EACA;EACA;EACA;EACA;EACA;EACA,eAAe,eAAe;EAC9B;EACA;EACA;EACA;EACA;EACA;EACA,eAAe,WAAW;EAC1B;EACA;EACA;EACA;EACA;EACA;EACA,eAAe,cAAc;EAC7B;EACA;EACA;EACA;EACA;EACA;EACA,eAAe,gBAAgB;EAC/B;EACA;EACA;EACA,eAAe,uBAAuB;EACtC;EACA;CACF,CAAC,CAAC,KAAK,IAAI;AACb;AAEA,IAAA,iBAAe;CACb;CACA;CACA;CACA;CACA;CACA;CACA;CACA;AACF"}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/tokens/index.ts"],"sourcesContent":["export * from \"./core\";\r\nexport * from \"./palettes\";\r\nimport {\r\n  colors,\r\n  spacing,\r\n  borderRadius,\r\n  typography,\r\n  shadows,\r\n  animation,\r\n} from \"./core\";\r\nimport * as zendirPalette from \"./palettes/zendir\";\r\nimport * as astroPalette from \"./palettes/astro\";\r\nimport { tailwindScales } from \"./palettes/tailwind\";\r\nimport type { ThemeTokensBase } from \"../react/theme/types\";\r\nimport {\r\n  astroThemeDark,\r\n  astroThemeLight,\r\n  hybridTheme,\r\n  purpleHueTheme,\r\n  nebulaTheme,\r\n  transparentTheme,\r\n  transparentMinimalTheme,\r\n} from \"./themes\";\r\n\r\n// ============================================================================\r\n// CSS Custom Properties generator (reference / programmatic use)\r\n//\r\n// NOTE: src/tokens/tokens.css is hand-maintained (see its header) — the build\r\n// does NOT overwrite it from here. These generators remain available for\r\n// consumers that want to emit the same variable set programmatically (SSR\r\n// style injection, tooling) and as the canonical reference for what\r\n// tokens.css should contain.\r\n//\r\n// Two callable surfaces:\r\n//   • generateCSSVariables(mode)         — single :root block for one mode\r\n//                                          (legacy, kept for backward-compat)\r\n//   • generateCSSStylesheet()            — full tokens.css equivalent with\r\n//                                          mode-invariant block + per-theme\r\n//                                          [data-theme=\"…\"] overrides. This is\r\n//                                          what scripts/build-tokens.ts uses.\r\n// ============================================================================\r\n\r\n/**\r\n * Build a CSS rule body for the mode-invariant tokens (status, spacing,\r\n * radius, typography, shadows, animation). These don't change between\r\n * light/dark or across themes — they're shared.\r\n */\r\nfunction buildInvariantBlock(): string {\r\n  return [\r\n    \"  /* ============================================================\",\r\n    \"   * STATUS COLORS (Astro UX Compliant)\",\r\n    \"   * ============================================================ */\",\r\n    `  --zendir-status-critical: ${colors.status.critical};`,\r\n    `  --zendir-status-serious: ${colors.status.serious};`,\r\n    `  --zendir-status-caution: ${colors.status.caution};`,\r\n    `  --zendir-status-normal: ${colors.status.normal};`,\r\n    `  --zendir-status-standby: ${colors.status.standby};`,\r\n    `  --zendir-status-off: ${colors.status.off};`,\r\n    \"\",\r\n    \"  /* Light-theme status fill colors */\",\r\n    `  --zendir-status-critical-light: ${colors.statusLightFill.critical};`,\r\n    `  --zendir-status-serious-light: ${colors.statusLightFill.serious};`,\r\n    `  --zendir-status-caution-light: ${colors.statusLightFill.caution};`,\r\n    `  --zendir-status-normal-light: ${colors.statusLightFill.normal};`,\r\n    `  --zendir-status-standby-light: ${colors.statusLightFill.standby};`,\r\n    `  --zendir-status-off-light: ${colors.statusLightFill.off};`,\r\n    \"\",\r\n    \"  /* Light-theme status border colors */\",\r\n    `  --zendir-status-critical-border: ${colors.statusLightBorder.critical};`,\r\n    `  --zendir-status-serious-border: ${colors.statusLightBorder.serious};`,\r\n    `  --zendir-status-caution-border: ${colors.statusLightBorder.caution};`,\r\n    `  --zendir-status-normal-border: ${colors.statusLightBorder.normal};`,\r\n    `  --zendir-status-standby-border: ${colors.statusLightBorder.standby};`,\r\n    `  --zendir-status-off-border: ${colors.statusLightBorder.off};`,\r\n    \"\",\r\n    \"  /* ============================================================\",\r\n    \"   * SPACING\",\r\n    \"   * ============================================================ */\",\r\n    `  --zendir-spacing-xs: ${spacing.xs};`,\r\n    `  --zendir-spacing-sm: ${spacing.sm};`,\r\n    `  --zendir-spacing-md: ${spacing.md};`,\r\n    `  --zendir-spacing-lg: ${spacing.lg};`,\r\n    `  --zendir-spacing-xl: ${spacing.xl};`,\r\n    `  --zendir-spacing-xxl: ${spacing.xxl};`,\r\n    \"\",\r\n    \"  /* ============================================================\",\r\n    \"   * BORDER RADIUS\",\r\n    \"   * ============================================================ */\",\r\n    `  --zendir-radius-none: ${borderRadius.none};`,\r\n    `  --zendir-radius-sm: ${borderRadius.sm};`,\r\n    `  --zendir-radius-md: ${borderRadius.md};`,\r\n    `  --zendir-radius-lg: ${borderRadius.lg};`,\r\n    `  --zendir-radius-xl: ${borderRadius.xl};`,\r\n    `  --zendir-radius-full: ${borderRadius.full};`,\r\n    \"\",\r\n    \"  /* ============================================================\",\r\n    \"   * TYPOGRAPHY\",\r\n    \"   * Public Sans leads body, Sora leads headings, Roboto is the\",\r\n    \"   * AstroUXDS-compliant fallback. OS-native fonts complete the chain.\",\r\n    \"   * @see https://www.astrouxds.com/foundations/typography/\",\r\n    \"   * ============================================================ */\",\r\n    `  --zendir-font-primary: ${typography.fontFamily.primary};`,\r\n    `  --zendir-font-heading: ${typography.fontFamily.heading};`,\r\n    `  --zendir-font-mono: ${typography.fontFamily.mono};`,\r\n    \"\",\r\n    \"  /* Font sizes (rem-based, AstroUXDS scale) */\",\r\n    `  --zendir-font-size-micro: ${typography.fontSize.micro};`,\r\n    `  --zendir-font-size-xxs: ${typography.fontSize.xxs};`,\r\n    `  --zendir-font-size-xs: ${typography.fontSize.xs};`,\r\n    `  --zendir-font-size-sm: ${typography.fontSize.sm};`,\r\n    `  --zendir-font-size-base: ${typography.fontSize.base};`,\r\n    `  --zendir-font-size-md: ${typography.fontSize.md};`,\r\n    `  --zendir-font-size-lg: ${typography.fontSize.lg};`,\r\n    `  --zendir-font-size-xl: ${typography.fontSize.xl};`,\r\n    `  --zendir-font-size-xxl: ${typography.fontSize.xxl};`,\r\n    `  --zendir-font-size-xxxl: ${typography.fontSize.xxxl};`,\r\n    `  --zendir-font-size-display: ${typography.fontSize.display};`,\r\n    \"\",\r\n    \"  /* Font weights — AstroUXDS supports only 300/400/500/700 */\",\r\n    `  --zendir-font-weight-light: ${typography.fontWeight.light};`,\r\n    `  --zendir-font-weight-normal: ${typography.fontWeight.normal};`,\r\n    `  --zendir-font-weight-medium: ${typography.fontWeight.medium};`,\r\n    // Astro maps semibold onto medium (500); kept so consumers referencing\r\n    // the semibold variable resolve rather than fall back to browser default.\r\n    `  --zendir-font-weight-semibold: ${typography.fontWeight.semibold};`,\r\n    `  --zendir-font-weight-bold: ${typography.fontWeight.bold};`,\r\n    \"\",\r\n    \"  /* Line heights */\",\r\n    `  --zendir-line-height-tight: ${typography.lineHeight.tight};`,\r\n    `  --zendir-line-height-normal: ${typography.lineHeight.normal};`,\r\n    `  --zendir-line-height-relaxed: ${typography.lineHeight.relaxed};`,\r\n    \"\",\r\n    \"  /* ============================================================\",\r\n    \"   * SHADOWS\",\r\n    \"   * ============================================================ */\",\r\n    `  --zendir-shadow-none: ${shadows.none};`,\r\n    `  --zendir-shadow-sm: ${shadows.sm};`,\r\n    `  --zendir-shadow-md: ${shadows.md};`,\r\n    `  --zendir-shadow-lg: ${shadows.lg};`,\r\n    `  --zendir-shadow-xl: ${shadows.xl};`,\r\n    `  --zendir-shadow-glow: ${shadows.glow};`,\r\n    \"\",\r\n    \"  /* ============================================================\",\r\n    \"   * ANIMATION\",\r\n    \"   * ============================================================ */\",\r\n    `  --zendir-animation-fast: ${animation.fast};`,\r\n    `  --zendir-animation-normal: ${animation.normal};`,\r\n    `  --zendir-animation-slow: ${animation.slow};`,\r\n  ].join(\"\\n\");\r\n}\r\n\r\n/** Build the mode-specific block (background + text + border + accent + semantic). */\r\nfunction buildModeBlock(theme: ThemeTokensBase): string {\r\n  const bg = theme.colors.background;\r\n  const txt = theme.colors.text;\r\n  const bdr = theme.colors.border;\r\n  const accent = theme.colors.accent;\r\n  const semantic = theme.colors.semantic;\r\n  return [\r\n    `  --zendir-bg-base: ${bg.base};`,\r\n    `  --zendir-bg-surface: ${bg.surface};`,\r\n    `  --zendir-bg-elevated: ${bg.elevated};`,\r\n    `  --zendir-bg-overlay: ${bg.overlay};`,\r\n    \"\",\r\n    `  --zendir-text-primary: ${txt.primary};`,\r\n    `  --zendir-text-secondary: ${txt.secondary};`,\r\n    `  --zendir-text-tertiary: ${txt.tertiary};`,\r\n    `  --zendir-text-muted: ${txt.muted || txt.tertiary};`,\r\n    \"\",\r\n    `  --zendir-border-default: ${bdr.default};`,\r\n    `  --zendir-border-muted: ${bdr.muted};`,\r\n    `  --zendir-border-focus: ${bdr.focus};`,\r\n    \"\",\r\n    // Accent + semantic colors vary per theme (nebula is ultraviolet,\r\n    // hybrid is purple, astro is blue) — they must live in the theme\r\n    // block, not the invariant block, or every non-astro theme renders\r\n    // the wrong accent.\r\n    `  --zendir-accent-primary: ${accent.primary};`,\r\n    `  --zendir-accent-secondary: ${accent.secondary};`,\r\n    `  --zendir-accent-tertiary: ${accent.tertiary};`,\r\n    \"\",\r\n    `  --zendir-semantic-success: ${semantic.success};`,\r\n    `  --zendir-semantic-warning: ${semantic.warning};`,\r\n    `  --zendir-semantic-error: ${semantic.error};`,\r\n    `  --zendir-semantic-info: ${semantic.info};`,\r\n  ].join(\"\\n\");\r\n}\r\n\r\n/**\r\n * Emit every primitive palette stop as a CSS variable. Mode-invariant by\r\n * definition — primitives never change with theme. Naming:\r\n *   Zendir scales   --zendir-eb-500 / --zendir-pb-500 / --zendir-uv-500 /\r\n *                   --zendir-neutral-500\r\n *   Astro ramps     --zendir-astro-red-500 … --zendir-astro-cyan-900\r\n *   Tailwind v4.2   --zendir-tw-red-500 … --zendir-tw-neutral-950\r\n */\r\nfunction buildPaletteBlock(): string {\r\n  const lines: string[] = [];\r\n  const emit = (prefix: string, scale: Record<string, string>) => {\r\n    for (const [stop, hex] of Object.entries(scale)) {\r\n      lines.push(`  --zendir-${prefix}-${stop}: ${hex};`);\r\n    }\r\n  };\r\n\r\n  lines.push(\"  /* Zendir Colour System */\");\r\n  emit(\"eb\", zendirPalette.electricBlue);\r\n  emit(\"pb\", zendirPalette.prussianBlue);\r\n  emit(\"uv\", zendirPalette.ultraviolet);\r\n  emit(\"neutral\", zendirPalette.neutral);\r\n  lines.push(\"\");\r\n  lines.push(\"  /* Astro UXDS status ramps */\");\r\n  emit(\"astro-red\", astroPalette.red);\r\n  emit(\"astro-amber\", astroPalette.amber);\r\n  emit(\"astro-yellow\", astroPalette.yellow);\r\n  emit(\"astro-green\", astroPalette.green);\r\n  emit(\"astro-cyan\", astroPalette.cyan);\r\n  lines.push(\"\");\r\n  lines.push(\"  /* Tailwind CSS v4.2 */\");\r\n  for (const [name, scale] of Object.entries(tailwindScales)) {\r\n    emit(`tw-${name.toLowerCase()}`, scale as Record<string, string>);\r\n  }\r\n  return lines.join(\"\\n\");\r\n}\r\n\r\n/**\r\n * Single-mode generator. Emits one `:root { … }` block with the\r\n * mode-invariant tokens AND the chosen mode's bg/text/border.\r\n *\r\n * Useful for runtime injection — `<style>` tags written by SSR helpers\r\n * that target a single mode. The full stylesheet generator below is what\r\n * ships to consumers.\r\n */\r\nexport function generateCSSVariables(mode: \"dark\" | \"light\" = \"dark\"): string {\r\n  return [\r\n    \":root {\",\r\n    buildInvariantBlock(),\r\n    \"\",\r\n    `  /* ${mode === \"dark\" ? \"Dark\" : \"Light\"}-theme color overrides */`,\r\n    buildModeBlock(mode === \"dark\" ? hybridTheme : astroThemeLight),\r\n    \"}\",\r\n  ].join(\"\\n\");\r\n}\r\n\r\n/**\r\n * Full stylesheet generator. Emits the complete tokens.css equivalent —\r\n * mode-invariant `:root` block, the primitive palette block, plus per-theme\r\n * `[data-theme=\"…\"]` overrides. This is what scripts/build-tokens.ts writes\r\n * to src/tokens/tokens.css.\r\n */\r\nexport function generateCSSStylesheet(): string {\r\n  return [\r\n    \"/**\",\r\n    \" * @zendir/ui — CSS Design Tokens\",\r\n    \" *\",\r\n    \" * AUTO-GENERATED from src/tokens/index.ts. DO NOT EDIT BY HAND.\",\r\n    \" * Regenerate with: npm run build:tokens\",\r\n    \" *\",\r\n    \" * Usage:\",\r\n    \" *   @import '@zendir/ui/tokens/css';\",\r\n    \" *   .my-component { background: var(--zendir-bg-surface); }\",\r\n    \" */\",\r\n    \"\",\r\n    \":root {\",\r\n    buildInvariantBlock(),\r\n    \"}\",\r\n    \"\",\r\n    \"/* ============================================================\",\r\n    \" * PRIMITIVE PALETTES (Layer 0 — src/tokens/palettes)\",\r\n    \" * Raw scales; prefer the semantic tokens above for UI surfaces.\",\r\n    \" * ============================================================ */\",\r\n    \":root {\",\r\n    buildPaletteBlock(),\r\n    \"}\",\r\n    \"\",\r\n    \"/* ============================================================\",\r\n    \" * ZEN (HYBRID) THEME (default)\",\r\n    \" * ============================================================ */\",\r\n    \":root,\",\r\n    '[data-theme=\"hybrid\"],',\r\n    '[data-theme=\"dark\"] {',\r\n    buildModeBlock(hybridTheme),\r\n    \"}\",\r\n    \"\",\r\n    \"/* ============================================================\",\r\n    \" * ASTRO THEME\",\r\n    \" * ============================================================ */\",\r\n    '[data-theme=\"astro\"] {',\r\n    buildModeBlock(astroThemeDark),\r\n    \"}\",\r\n    \"\",\r\n    '[data-theme=\"astro\"][data-mode=\"light\"],',\r\n    '[data-theme=\"hybrid\"][data-mode=\"light\"],',\r\n    '[data-theme=\"nebula\"][data-mode=\"light\"],',\r\n    '[data-theme=\"purple-hue\"][data-mode=\"light\"],',\r\n    '[data-theme=\"light\"] {',\r\n    buildModeBlock(astroThemeLight),\r\n    \"}\",\r\n    \"\",\r\n    \"/* ============================================================\",\r\n    \" * NEBULA THEME\",\r\n    \" * ============================================================ */\",\r\n    '[data-theme=\"nebula\"] {',\r\n    buildModeBlock(nebulaTheme),\r\n    \"}\",\r\n    \"\",\r\n    \"/* ============================================================\",\r\n    \" * PURPLE HUE THEME\",\r\n    \" * ============================================================ */\",\r\n    '[data-theme=\"purple-hue\"] {',\r\n    buildModeBlock(purpleHueTheme),\r\n    \"}\",\r\n    \"\",\r\n    \"/* ============================================================\",\r\n    \" * TRANSPARENT THEMES\",\r\n    \" * ============================================================ */\",\r\n    '[data-theme=\"transparent\"], [data-theme=\"transparent-bold\"] {',\r\n    buildModeBlock(transparentTheme),\r\n    \"}\",\r\n    \"\",\r\n    '[data-theme=\"transparent-minimal\"] {',\r\n    buildModeBlock(transparentMinimalTheme),\r\n    \"}\",\r\n    \"\",\r\n  ].join(\"\\n\");\r\n}\r\n\r\nexport default {\r\n  colors,\r\n  spacing,\r\n  borderRadius,\r\n  typography,\r\n  shadows,\r\n  animation,\r\n  generateCSSVariables,\r\n  generateCSSStylesheet,\r\n};\r\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendir/ui",
-  "version": "0.7.0",
+  "version": "0.8.0",
   "description": "React UI components for space operations, built on the Astro UX Design System",
   "type": "module",
   "main": "./dist/index.js",

package/dist/node_modules/lucide-react/dist/esm/icons/angle.js

@@ -1,20 +0,0 @@
-import createLucideIcon from "../createLucideIcon.js";
-//#region ../node_modules/lucide-react/dist/esm/icons/angle.mjs
-/**
-* @license lucide-react v1.31.0 - ISC
-*
-* This source code is licensed under the ISC license.
-* See the LICENSE file in the root directory of this source tree.
-*/
-var __iconNode = [["path", {
-	d: "M3 3v16a2 2 0 0 0 2 2h16",
-	key: "c24i48"
-}], ["path", {
-	d: "M3 11a10 10 0 0 1 10 10",
-	key: "jhvw44"
-}]];
-var Angle = createLucideIcon("angle", __iconNode);
-//#endregion
-export { __iconNode, Angle as default };
-
-//# sourceMappingURL=angle.js.map

package/dist/node_modules/lucide-react/dist/esm/icons/angle.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"angle.js","names":[],"sources":["../../../../../../../node_modules/lucide-react/dist/esm/icons/angle.mjs"],"sourcesContent":["/**\n * @license lucide-react v1.31.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\"path\", { d: \"M3 3v16a2 2 0 0 0 2 2h16\", key: \"c24i48\" }],\n  [\"path\", { d: \"M3 11a10 10 0 0 1 10 10\", key: \"jhvw44\" }]\n];\nconst Angle = createLucideIcon(\"angle\", __iconNode);\n\nexport { __iconNode, Angle as default };\n//# sourceMappingURL=angle.mjs.map\n"],"x_google_ignoreList":[0],"mappings":";;;;;;;;AASA,IAAM,aAAa,CACjB,CAAC,QAAQ;CAAE,GAAG;CAA4B,KAAK;AAAS,CAAC,GACzD,CAAC,QAAQ;CAAE,GAAG;CAA2B,KAAK;AAAS,CAAC,CAC1D;AACA,IAAM,QAAQ,iBAAiB,SAAS,UAAU"}

package/dist/node_modules/lucide-react/dist/esm/icons/audio-lines-x.js

@@ -1,47 +0,0 @@
-import createLucideIcon from "../createLucideIcon.js";
-//#region ../node_modules/lucide-react/dist/esm/icons/audio-lines-x.mjs
-/**
-* @license lucide-react v1.31.0 - ISC
-*
-* This source code is licensed under the ISC license.
-* See the LICENSE file in the root directory of this source tree.
-*/
-var __iconNode = [
-	["path", {
-		d: "M10 3v18",
-		key: "yhl04a"
-	}],
-	["path", {
-		d: "M14 8v6.35",
-		key: "1ubbml"
-	}],
-	["path", {
-		d: "m17 17 5 5",
-		key: "p7ous7"
-	}],
-	["path", {
-		d: "M18 5v8.1",
-		key: "1icuhc"
-	}],
-	["path", {
-		d: "M2 10v3",
-		key: "1fnikh"
-	}],
-	["path", {
-		d: "M22 10v3",
-		key: "154ddg"
-	}],
-	["path", {
-		d: "m22 17-5 5",
-		key: "gqnmv0"
-	}],
-	["path", {
-		d: "M6 6v11",
-		key: "11sgs0"
-	}]
-];
-var AudioLinesX = createLucideIcon("audio-lines-x", __iconNode);
-//#endregion
-export { __iconNode, AudioLinesX as default };
-
-//# sourceMappingURL=audio-lines-x.js.map

package/dist/node_modules/lucide-react/dist/esm/icons/audio-lines-x.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"audio-lines-x.js","names":[],"sources":["../../../../../../../node_modules/lucide-react/dist/esm/icons/audio-lines-x.mjs"],"sourcesContent":["/**\n * @license lucide-react v1.31.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\"path\", { d: \"M10 3v18\", key: \"yhl04a\" }],\n  [\"path\", { d: \"M14 8v6.35\", key: \"1ubbml\" }],\n  [\"path\", { d: \"m17 17 5 5\", key: \"p7ous7\" }],\n  [\"path\", { d: \"M18 5v8.1\", key: \"1icuhc\" }],\n  [\"path\", { d: \"M2 10v3\", key: \"1fnikh\" }],\n  [\"path\", { d: \"M22 10v3\", key: \"154ddg\" }],\n  [\"path\", { d: \"m22 17-5 5\", key: \"gqnmv0\" }],\n  [\"path\", { d: \"M6 6v11\", key: \"11sgs0\" }]\n];\nconst AudioLinesX = createLucideIcon(\"audio-lines-x\", __iconNode);\n\nexport { __iconNode, AudioLinesX as default };\n//# sourceMappingURL=audio-lines-x.mjs.map\n"],"x_google_ignoreList":[0],"mappings":";;;;;;;;AASA,IAAM,aAAa;CACjB,CAAC,QAAQ;EAAE,GAAG;EAAY,KAAK;CAAS,CAAC;CACzC,CAAC,QAAQ;EAAE,GAAG;EAAc,KAAK;CAAS,CAAC;CAC3C,CAAC,QAAQ;EAAE,GAAG;EAAc,KAAK;CAAS,CAAC;CAC3C,CAAC,QAAQ;EAAE,GAAG;EAAa,KAAK;CAAS,CAAC;CAC1C,CAAC,QAAQ;EAAE,GAAG;EAAW,KAAK;CAAS,CAAC;CACxC,CAAC,QAAQ;EAAE,GAAG;EAAY,KAAK;CAAS,CAAC;CACzC,CAAC,QAAQ;EAAE,GAAG;EAAc,KAAK;CAAS,CAAC;CAC3C,CAAC,QAAQ;EAAE,GAAG;EAAW,KAAK;CAAS,CAAC;AAC1C;AACA,IAAM,cAAc,iBAAiB,iBAAiB,UAAU"}

package/dist/node_modules/lucide-react/dist/esm/icons/broom-sparkles.js

@@ -1,55 +0,0 @@
-import createLucideIcon from "../createLucideIcon.js";
-//#region ../node_modules/lucide-react/dist/esm/icons/broom-sparkles.mjs
-/**
-* @license lucide-react v1.31.0 - ISC
-*
-* This source code is licensed under the ISC license.
-* See the LICENSE file in the root directory of this source tree.
-*/
-var __iconNode = [
-	["path", {
-		d: "M11 2v2",
-		key: "1539x4"
-	}],
-	["path", {
-		d: "M12 3h-2",
-		key: "1su5n0"
-	}],
-	["path", {
-		d: "M13.5 10.5 22 2",
-		key: "1yxz6l"
-	}],
-	["path", {
-		d: "M14.734 13.841a2 2 0 00-.314-2.42L12.58 9.58a2 2 0 00-2.421-.314l-7.657 4.461A1 1 0 002.3 15.3l6.403 6.403a1 1 0 001.571-.204z",
-		key: "1q75r6"
-	}],
-	["path", {
-		d: "M20 15v4",
-		key: "nmhudv"
-	}],
-	["path", {
-		d: "M22 17h-4",
-		key: "1sj068"
-	}],
-	["path", {
-		d: "M4 4v4",
-		key: "a4sqb9"
-	}],
-	["path", {
-		d: "m5 18 2-2",
-		key: "11qwpn"
-	}],
-	["path", {
-		d: "M6 6H2",
-		key: "1cli1h"
-	}],
-	["path", {
-		d: "m7.699 10.7 5.602 5.601",
-		key: "1rehuz"
-	}]
-];
-var BroomSparkles = createLucideIcon("broom-sparkles", __iconNode);
-//#endregion
-export { __iconNode, BroomSparkles as default };
-
-//# sourceMappingURL=broom-sparkles.js.map

package/dist/node_modules/lucide-react/dist/esm/icons/broom-sparkles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"broom-sparkles.js","names":[],"sources":["../../../../../../../node_modules/lucide-react/dist/esm/icons/broom-sparkles.mjs"],"sourcesContent":["/**\n * @license lucide-react v1.31.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\"path\", { d: \"M11 2v2\", key: \"1539x4\" }],\n  [\"path\", { d: \"M12 3h-2\", key: \"1su5n0\" }],\n  [\"path\", { d: \"M13.5 10.5 22 2\", key: \"1yxz6l\" }],\n  [\n    \"path\",\n    {\n      d: \"M14.734 13.841a2 2 0 00-.314-2.42L12.58 9.58a2 2 0 00-2.421-.314l-7.657 4.461A1 1 0 002.3 15.3l6.403 6.403a1 1 0 001.571-.204z\",\n      key: \"1q75r6\"\n    }\n  ],\n  [\"path\", { d: \"M20 15v4\", key: \"nmhudv\" }],\n  [\"path\", { d: \"M22 17h-4\", key: \"1sj068\" }],\n  [\"path\", { d: \"M4 4v4\", key: \"a4sqb9\" }],\n  [\"path\", { d: \"m5 18 2-2\", key: \"11qwpn\" }],\n  [\"path\", { d: \"M6 6H2\", key: \"1cli1h\" }],\n  [\"path\", { d: \"m7.699 10.7 5.602 5.601\", key: \"1rehuz\" }]\n];\nconst BroomSparkles = createLucideIcon(\"broom-sparkles\", __iconNode);\n\nexport { __iconNode, BroomSparkles as default };\n//# sourceMappingURL=broom-sparkles.mjs.map\n"],"x_google_ignoreList":[0],"mappings":";;;;;;;;AASA,IAAM,aAAa;CACjB,CAAC,QAAQ;EAAE,GAAG;EAAW,KAAK;CAAS,CAAC;CACxC,CAAC,QAAQ;EAAE,GAAG;EAAY,KAAK;CAAS,CAAC;CACzC,CAAC,QAAQ;EAAE,GAAG;EAAmB,KAAK;CAAS,CAAC;CAChD,CACE,QACA;EACE,GAAG;EACH,KAAK;CACP,CACF;CACA,CAAC,QAAQ;EAAE,GAAG;EAAY,KAAK;CAAS,CAAC;CACzC,CAAC,QAAQ;EAAE,GAAG;EAAa,KAAK;CAAS,CAAC;CAC1C,CAAC,QAAQ;EAAE,GAAG;EAAU,KAAK;CAAS,CAAC;CACvC,CAAC,QAAQ;EAAE,GAAG;EAAa,KAAK;CAAS,CAAC;CAC1C,CAAC,QAAQ;EAAE,GAAG;EAAU,KAAK;CAAS,CAAC;CACvC,CAAC,QAAQ;EAAE,GAAG;EAA2B,KAAK;CAAS,CAAC;AAC1D;AACA,IAAM,gBAAgB,iBAAiB,kBAAkB,UAAU"}

package/dist/node_modules/lucide-react/dist/esm/icons/broom.js

@@ -1,31 +0,0 @@
-import createLucideIcon from "../createLucideIcon.js";
-//#region ../node_modules/lucide-react/dist/esm/icons/broom.mjs
-/**
-* @license lucide-react v1.31.0 - ISC
-*
-* This source code is licensed under the ISC license.
-* See the LICENSE file in the root directory of this source tree.
-*/
-var __iconNode = [
-	["path", {
-		d: "M13.5 10.5 22 2",
-		key: "1yxz6l"
-	}],
-	["path", {
-		d: "M14.734 13.841a2 2 0 00-.314-2.42L12.58 9.58a2 2 0 00-2.421-.314l-7.657 4.461A1 1 0 002.3 15.3l6.403 6.403a1 1 0 001.571-.204z",
-		key: "1q75r6"
-	}],
-	["path", {
-		d: "m5 18 2-2",
-		key: "11qwpn"
-	}],
-	["path", {
-		d: "m7.699 10.7 5.602 5.601",
-		key: "1rehuz"
-	}]
-];
-var Broom = createLucideIcon("broom", __iconNode);
-//#endregion
-export { __iconNode, Broom as default };
-
-//# sourceMappingURL=broom.js.map

package/dist/node_modules/lucide-react/dist/esm/icons/broom.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"broom.js","names":[],"sources":["../../../../../../../node_modules/lucide-react/dist/esm/icons/broom.mjs"],"sourcesContent":["/**\n * @license lucide-react v1.31.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\"path\", { d: \"M13.5 10.5 22 2\", key: \"1yxz6l\" }],\n  [\n    \"path\",\n    {\n      d: \"M14.734 13.841a2 2 0 00-.314-2.42L12.58 9.58a2 2 0 00-2.421-.314l-7.657 4.461A1 1 0 002.3 15.3l6.403 6.403a1 1 0 001.571-.204z\",\n      key: \"1q75r6\"\n    }\n  ],\n  [\"path\", { d: \"m5 18 2-2\", key: \"11qwpn\" }],\n  [\"path\", { d: \"m7.699 10.7 5.602 5.601\", key: \"1rehuz\" }]\n];\nconst Broom = createLucideIcon(\"broom\", __iconNode);\n\nexport { __iconNode, Broom as default };\n//# sourceMappingURL=broom.mjs.map\n"],"x_google_ignoreList":[0],"mappings":";;;;;;;;AASA,IAAM,aAAa;CACjB,CAAC,QAAQ;EAAE,GAAG;EAAmB,KAAK;CAAS,CAAC;CAChD,CACE,QACA;EACE,GAAG;EACH,KAAK;CACP,CACF;CACA,CAAC,QAAQ;EAAE,GAAG;EAAa,KAAK;CAAS,CAAC;CAC1C,CAAC,QAAQ;EAAE,GAAG;EAA2B,KAAK;CAAS,CAAC;AAC1D;AACA,IAAM,QAAQ,iBAAiB,SAAS,UAAU"}

package/dist/node_modules/lucide-react/dist/esm/icons/eject.js

@@ -1,24 +0,0 @@
-import createLucideIcon from "../createLucideIcon.js";
-//#region ../node_modules/lucide-react/dist/esm/icons/eject.mjs
-/**
-* @license lucide-react v1.31.0 - ISC
-*
-* This source code is licensed under the ISC license.
-* See the LICENSE file in the root directory of this source tree.
-*/
-var __iconNode = [["path", {
-	d: "M4 13a1 1 0 0 1-.72-1.695l7.257-7.668a2 2 0 0 1 2.926 0l7.256 7.668A1 1 0 0 1 20 13z",
-	key: "ua5u6w"
-}], ["rect", {
-	x: "3",
-	y: "17",
-	width: "18",
-	height: "4",
-	rx: "1",
-	key: "kj6cfs"
-}]];
-var Eject = createLucideIcon("eject", __iconNode);
-//#endregion
-export { __iconNode, Eject as default };
-
-//# sourceMappingURL=eject.js.map

package/dist/node_modules/lucide-react/dist/esm/icons/eject.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"eject.js","names":[],"sources":["../../../../../../../node_modules/lucide-react/dist/esm/icons/eject.mjs"],"sourcesContent":["/**\n * @license lucide-react v1.31.0 - ISC\n *\n * This source code is licensed under the ISC license.\n * See the LICENSE file in the root directory of this source tree.\n */\n\nimport createLucideIcon from '../createLucideIcon.mjs';\n\nconst __iconNode = [\n  [\n    \"path\",\n    {\n      d: \"M4 13a1 1 0 0 1-.72-1.695l7.257-7.668a2 2 0 0 1 2.926 0l7.256 7.668A1 1 0 0 1 20 13z\",\n      key: \"ua5u6w\"\n    }\n  ],\n  [\"rect\", { x: \"3\", y: \"17\", width: \"18\", height: \"4\", rx: \"1\", key: \"kj6cfs\" }]\n];\nconst Eject = createLucideIcon(\"eject\", __iconNode);\n\nexport { __iconNode, Eject as default };\n//# sourceMappingURL=eject.mjs.map\n"],"x_google_ignoreList":[0],"mappings":";;;;;;;;AASA,IAAM,aAAa,CACjB,CACE,QACA;CACE,GAAG;CACH,KAAK;AACP,CACF,GACA,CAAC,QAAQ;CAAE,GAAG;CAAK,GAAG;CAAM,OAAO;CAAM,QAAQ;CAAK,IAAI;CAAK,KAAK;AAAS,CAAC,CAChF;AACA,IAAM,QAAQ,iBAAiB,SAAS,UAAU"}