@zendir/ui 0.5.0 → 0.6.1

package/dist/tokens/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/tokens/index.ts"],"sourcesContent":["/**\n * @zendir/ui - Design Tokens\n * \n * Exportable design tokens for use in CSS and JavaScript.\n * Based on Astro UX Design System.\n */\n\nexport const colors = {\n  // Status Colors (Dark Theme)\n  status: {\n    critical: '#ff3838',\n    serious: '#ffb302',\n    caution: '#fce83a',\n    normal: '#56f000',\n    standby: '#2dccff',\n    off: '#a4abb6',\n  },\n  \n  // Status Colors (Light Theme - Fill)\n  statusLightFill: {\n    critical: '#ff2a04',\n    serious: '#ffaf3d',\n    caution: '#fad800',\n    normal: '#00e200',\n    standby: '#64d9ff',\n    off: '#7b8089',\n  },\n  \n  // Status Colors (Light Theme - Border)\n  statusLightBorder: {\n    critical: '#661102',\n    serious: '#664618',\n    caution: '#645600',\n    normal: '#005a00',\n    standby: '#285766',\n    off: '#3c3e42',\n  },\n  \n  // Background Colors\n  background: {\n    dark: {\n      base: '#101923',\n      surface: '#1b2d3e',\n      elevated: '#243647',\n      overlay: 'rgba(0, 0, 0, 0.7)',\n    },\n    light: {\n      base: '#f5f6f9',\n      surface: '#ffffff',\n      elevated: '#ffffff',\n      overlay: 'rgba(0, 0, 0, 0.5)',\n    },\n  },\n  \n  // Text Colors\n  text: {\n    dark: {\n      primary: '#ffffff',\n      secondary: '#9ea7ad',\n      tertiary: '#6b7175',\n      muted: '#52595f',\n    },\n    light: {\n      primary: '#1b2d3e',\n      secondary: '#4c5a67',\n      tertiary: '#7a8891',\n      muted: '#a4adb5',\n    },\n  },\n  \n  // Accent Colors\n  accent: {\n    primary: '#4dacff',\n    secondary: '#3d8ddb',\n    tertiary: '#2e6eb3',\n  },\n  \n  // Border Colors\n  border: {\n    dark: {\n      default: '#3c4b5a',\n      muted: '#2b3d4e',\n      focus: '#4dacff',\n    },\n    light: {\n      default: '#c4c8cc',\n      muted: '#e1e4e8',\n      focus: '#4dacff',\n    },\n  },\n} as const;\n\nexport const spacing = {\n  xxs: '2px',\n  xs: '4px',\n  sm: '8px',\n  smd: '12px',\n  md: '16px',\n  mdl: '20px',\n  lg: '24px',\n  xl: '32px',\n  xxl: '48px',\n} as const;\n\nexport const borderRadius = {\n  none: '0',\n  xs: '1px',\n  sm: '2px',\n  md: '4px',\n  lg: '8px',\n  /**\n   * 12px. Sized for surfaces (Container, Card, SidePanel). Matches the\n   * value already in use across zendir-ui components and the operator's\n   * LandingPage. Was 16px in earlier docs — corrected here so the JS\n   * tokens and the auto-generated CSS variables agree.\n   */\n  xl: '12px',\n  full: '9999px',\n} as const;\n\n/**\n * Typography tokens following AstroUXDS Design System\n * @see https://www.astrouxds.com/foundations/typography/\n * \n * Font weights per Astro spec: 300 (Light), 400 (Regular), 500 (Medium), 700 (Bold)\n * Note: Astro does NOT use 600 (semibold) - use 500 (medium) or 700 (bold) instead\n */\nexport const typography = {\n  fontFamily: {\n    /** Heading font: Sora (Zendir Brand Standard) */\n    heading: '\"Sora\", \"Roboto\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif',\n    /** Primary font: Public Sans (Zendir Brand Standard) */\n    primary: '\"Public Sans\", \"Roboto\", -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif',\n    /** Monospace font: Roboto Mono for data/code */\n    mono: '\"Roboto Mono\", \"SF Mono\", \"Consolas\", \"Liberation Mono\", monospace',\n  },\n  /**\n   * Convenience numeric scale used by ~300+ existing zendir-ui components\n   * via `tokens.typography.fontSize.*`. Density-tuned for data-rich UIs.\n   *\n   * For semantically-named typographic styles (display1/2, h1-h6, body1-3,\n   * control1) use the `display` / `heading` / `body` / `control` preset\n   * objects on `<ThemeProvider>` instead — those follow the canonical\n   * AstroUXDS scale.\n   */\n  fontSize: {\n    // Compact sizes for dense UIs (cards, badges, data labels)\n    micro: '0.5625rem', // 9px - very tight spaces\n    xxs: '0.625rem',    // 10px - compact labels\n    xs: '0.625rem',     // 10px - compact (alias of xxs, kept for back-compat)\n    sm: '0.75rem',      // 12px - body 3\n    base: '0.875rem',   // 14px - body 2\n    md: '0.875rem',     // 14px - body 2 (alias of base)\n    lg: '1rem',         // 16px - body 1\n    xl: '1.25rem',      // 20px - heading 3/4\n    xxl: '1.5rem',      // 24px - heading 2\n    xxxl: '2.125rem',   // 34px - heading 1\n    display: '3.75rem', // 60px - display 1\n  },\n  /**\n   * Font weights per AstroUXDS specification\n   * Only 300, 400, 500, 700 are officially supported\n   */\n  fontWeight: {\n    light: 300,\n    normal: 400,\n    regular: 400,  // Alias for normal\n    medium: 500,\n    bold: 700,\n    // DEPRECATED: semibold is not in Astro spec, use medium (500) instead\n    /** @deprecated Use medium (500) instead - Astro spec only supports 300, 400, 500, 700 */\n    semibold: 500,\n  },\n  lineHeight: {\n    tight: 1.25,\n    normal: 1.5,\n    relaxed: 1.75,\n  },\n} as const;\n\nexport const shadows = {\n  none: 'none',\n  sm: '0 1px 2px rgba(0, 0, 0, 0.3)',\n  md: '0 2px 8px rgba(0, 0, 0, 0.3)',\n  lg: '0 4px 16px rgba(0, 0, 0, 0.3)',\n  xl: '0 8px 32px rgba(0, 0, 0, 0.4)',\n  glow: '0 0 20px rgba(77, 172, 255, 0.4)',\n} as const;\n\nexport const animation = {\n  fast: '150ms ease',\n  normal: '250ms ease',\n  slow: '400ms ease',\n} as const;\n\n// ============================================================================\n// CSS Custom Properties generator\n//\n// Single source of truth for the tokens.css file. Run via\n// `npm run build:tokens` (scripts/build-tokens.ts) — it imports this file\n// and writes the result to src/tokens/tokens.css.\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 + dark + light\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, accent,\n * spacing, radius, typography, shadows, animation). These don't change\n * between light/dark — 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    '   * ACCENT COLORS',\n    '   * ============================================================ */',\n    `  --zendir-accent-primary: ${colors.accent.primary};`,\n    `  --zendir-accent-secondary: ${colors.accent.secondary};`,\n    `  --zendir-accent-tertiary: ${colors.accent.tertiary};`,\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    `  --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). */\nfunction buildModeBlock(mode: 'dark' | 'light'): string {\n  const bg = colors.background[mode];\n  const txt = colors.text[mode];\n  const bdr = colors.border[mode];\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};`,\n    '',\n    `  --zendir-border-default: ${bdr.default};`,\n    `  --zendir-border-muted: ${bdr.muted};`,\n    `  --zendir-border-focus: ${bdr.focus};`,\n  ].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.\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),\n    '}',\n  ].join('\\n');\n}\n\n/**\n * Full stylesheet generator. Emits the complete tokens.css equivalent —\n * mode-invariant `:root` block plus `:root, [data-theme=\"dark\"]` and\n * `[data-theme=\"light\"]` mode overrides. This is what scripts/build-tokens.ts\n * writes 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    ' * DARK THEME (default)',\n    ' * ============================================================ */',\n    ':root,',\n    '[data-theme=\"dark\"] {',\n    buildModeBlock('dark'),\n    '}',\n    '',\n    '/* ============================================================',\n    ' * LIGHT THEME',\n    ' * ============================================================ */',\n    '[data-theme=\"light\"] {',\n    buildModeBlock('light'),\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"],"names":[],"mappings":"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"}
+{"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/dist/tokens/palettes/astro.d.ts

@@ -0,0 +1,129 @@
+/**
+ * @zendir/ui — Astro UXDS status palette (primitive)
+ *
+ * Operator-grade severity ramps from the Astro UX Design System. Stops
+ * 50–300 and 950 are omitted — genuinely undefined (TBD) in the source
+ * Figma file for every status color, not values we failed to capture.
+ *
+ * The canonical single-value status tokens map onto these ramps:
+ *   dark status    → 500 (standby → cyan 600)
+ *   light fill     → 600 (standby → cyan 500)
+ *   light border   → 900
+ *
+ * @see https://www.astrouxds.com/patterns/status-system/
+ */
+export declare const red: {
+    readonly 400: "#FF5F60";
+    readonly 500: "#FF3838";
+    readonly 600: "#FF2A04";
+    readonly 700: "#C8102E";
+    readonly 800: "#8B1703";
+    readonly 900: "#661102";
+};
+export declare const amber: {
+    readonly 400: "#FFCC57";
+    readonly 500: "#FFB302";
+    readonly 600: "#FFAF3D";
+    readonly 700: "#FF8C00";
+    readonly 800: "#975F0E";
+    readonly 900: "#664618";
+};
+export declare const yellow: {
+    readonly 400: "#FDED61";
+    readonly 500: "#FCE83A";
+    readonly 600: "#FAD800";
+    readonly 700: "#C7AB00";
+    readonly 800: "#917D01";
+    readonly 900: "#645600";
+};
+export declare const green: {
+    readonly 400: "#99F666";
+    readonly 500: "#56F000";
+    readonly 600: "#00E200";
+    readonly 700: "#00AD23";
+    readonly 800: "#007A33";
+    readonly 900: "#005A00";
+};
+export declare const cyan: {
+    readonly 400: "#5CE2FF";
+    readonly 500: "#64D9FF";
+    readonly 600: "#2DCCFF";
+    readonly 700: "#20A9D5";
+    readonly 800: "#35798E";
+    readonly 900: "#285766";
+};
+/** "Off" has no ramp in Astro UXDS — single canonical value. */
+export declare const off: "#A4ABB6";
+/**
+ * Canonical Astro status tokens. Every theme's `colors.status` block must
+ * use these — severity colors are immutable across themes.
+ */
+export declare const astroStatus: {
+    readonly critical: "#FF3838";
+    readonly serious: "#FFB302";
+    readonly caution: "#FCE83A";
+    readonly normal: "#56F000";
+    readonly standby: "#2DCCFF";
+    readonly off: "#A4ABB6";
+};
+/** Light-mode status fills (Astro light theme guidance). */
+export declare const astroStatusLightFill: {
+    readonly critical: "#FF2A04";
+    readonly serious: "#FFAF3D";
+    readonly caution: "#FAD800";
+    readonly normal: "#00E200";
+    readonly standby: "#64D9FF";
+    readonly off: "#7B8089";
+};
+/** Light-mode status borders (Astro light theme guidance). */
+export declare const astroStatusLightBorder: {
+    readonly critical: "#661102";
+    readonly serious: "#664618";
+    readonly caution: "#645600";
+    readonly normal: "#005A00";
+    readonly standby: "#285766";
+    readonly off: "#3C3E42";
+};
+/** All Astro ramps keyed by display name (drives Foundation/Palette). */
+export declare const astroScales: {
+    readonly "Red \u2014 Critical": {
+        readonly 400: "#FF5F60";
+        readonly 500: "#FF3838";
+        readonly 600: "#FF2A04";
+        readonly 700: "#C8102E";
+        readonly 800: "#8B1703";
+        readonly 900: "#661102";
+    };
+    readonly "Amber \u2014 Serious": {
+        readonly 400: "#FFCC57";
+        readonly 500: "#FFB302";
+        readonly 600: "#FFAF3D";
+        readonly 700: "#FF8C00";
+        readonly 800: "#975F0E";
+        readonly 900: "#664618";
+    };
+    readonly "Yellow \u2014 Caution": {
+        readonly 400: "#FDED61";
+        readonly 500: "#FCE83A";
+        readonly 600: "#FAD800";
+        readonly 700: "#C7AB00";
+        readonly 800: "#917D01";
+        readonly 900: "#645600";
+    };
+    readonly "Green \u2014 Normal": {
+        readonly 400: "#99F666";
+        readonly 500: "#56F000";
+        readonly 600: "#00E200";
+        readonly 700: "#00AD23";
+        readonly 800: "#007A33";
+        readonly 900: "#005A00";
+    };
+    readonly "Cyan \u2014 Standby": {
+        readonly 400: "#5CE2FF";
+        readonly 500: "#64D9FF";
+        readonly 600: "#2DCCFF";
+        readonly 700: "#20A9D5";
+        readonly 800: "#35798E";
+        readonly 900: "#285766";
+    };
+};

package/dist/tokens/palettes/astro.js

@@ -0,0 +1,112 @@
+import { __exportAll } from "../../_virtual/_rolldown/runtime.js";
+//#region src/tokens/palettes/astro.ts
+var astro_exports = /* @__PURE__ */ __exportAll({
+	amber: () => amber,
+	astroScales: () => astroScales,
+	astroStatus: () => astroStatus,
+	astroStatusLightBorder: () => astroStatusLightBorder,
+	astroStatusLightFill: () => astroStatusLightFill,
+	cyan: () => cyan,
+	green: () => green,
+	off: () => off,
+	red: () => red,
+	yellow: () => yellow
+});
+/**
+* @zendir/ui — Astro UXDS status palette (primitive)
+*
+* Operator-grade severity ramps from the Astro UX Design System. Stops
+* 50–300 and 950 are omitted — genuinely undefined (TBD) in the source
+* Figma file for every status color, not values we failed to capture.
+*
+* The canonical single-value status tokens map onto these ramps:
+*   dark status    → 500 (standby → cyan 600)
+*   light fill     → 600 (standby → cyan 500)
+*   light border   → 900
+*
+* @see https://www.astrouxds.com/patterns/status-system/
+*/
+var red = {
+	400: "#FF5F60",
+	500: "#FF3838",
+	600: "#FF2A04",
+	700: "#C8102E",
+	800: "#8B1703",
+	900: "#661102"
+};
+var amber = {
+	400: "#FFCC57",
+	500: "#FFB302",
+	600: "#FFAF3D",
+	700: "#FF8C00",
+	800: "#975F0E",
+	900: "#664618"
+};
+var yellow = {
+	400: "#FDED61",
+	500: "#FCE83A",
+	600: "#FAD800",
+	700: "#C7AB00",
+	800: "#917D01",
+	900: "#645600"
+};
+var green = {
+	400: "#99F666",
+	500: "#56F000",
+	600: "#00E200",
+	700: "#00AD23",
+	800: "#007A33",
+	900: "#005A00"
+};
+var cyan = {
+	400: "#5CE2FF",
+	500: "#64D9FF",
+	600: "#2DCCFF",
+	700: "#20A9D5",
+	800: "#35798E",
+	900: "#285766"
+};
+/** "Off" has no ramp in Astro UXDS — single canonical value. */
+var off = "#A4ABB6";
+/**
+* Canonical Astro status tokens. Every theme's `colors.status` block must
+* use these — severity colors are immutable across themes.
+*/
+var astroStatus = {
+	critical: red[500],
+	serious: amber[500],
+	caution: yellow[500],
+	normal: green[500],
+	standby: cyan[600],
+	off
+};
+/** Light-mode status fills (Astro light theme guidance). */
+var astroStatusLightFill = {
+	critical: red[600],
+	serious: amber[600],
+	caution: yellow[600],
+	normal: green[600],
+	standby: cyan[500],
+	off: "#7B8089"
+};
+/** Light-mode status borders (Astro light theme guidance). */
+var astroStatusLightBorder = {
+	critical: red[900],
+	serious: amber[900],
+	caution: yellow[900],
+	normal: green[900],
+	standby: cyan[900],
+	off: "#3C3E42"
+};
+/** All Astro ramps keyed by display name (drives Foundation/Palette). */
+var astroScales = {
+	"Red — Critical": red,
+	"Amber — Serious": amber,
+	"Yellow — Caution": yellow,
+	"Green — Normal": green,
+	"Cyan — Standby": cyan
+};
+//#endregion
+export { amber, astroScales, astroStatus, astroStatusLightBorder, astroStatusLightFill, astro_exports, cyan, green, off, red, yellow };
+
+//# sourceMappingURL=astro.js.map

package/dist/tokens/palettes/astro.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"astro.js","names":[],"sources":["../../../src/tokens/palettes/astro.ts"],"sourcesContent":["/**\r\n * @zendir/ui — Astro UXDS status palette (primitive)\r\n *\r\n * Operator-grade severity ramps from the Astro UX Design System. Stops\r\n * 50–300 and 950 are omitted — genuinely undefined (TBD) in the source\r\n * Figma file for every status color, not values we failed to capture.\r\n *\r\n * The canonical single-value status tokens map onto these ramps:\r\n *   dark status    → 500 (standby → cyan 600)\r\n *   light fill     → 600 (standby → cyan 500)\r\n *   light border   → 900\r\n *\r\n * @see https://www.astrouxds.com/patterns/status-system/\r\n */\r\n\r\nexport const red = {\r\n  400: \"#FF5F60\",\r\n  500: \"#FF3838\",\r\n  600: \"#FF2A04\",\r\n  700: \"#C8102E\",\r\n  800: \"#8B1703\",\r\n  900: \"#661102\",\r\n} as const;\r\n\r\nexport const amber = {\r\n  400: \"#FFCC57\",\r\n  500: \"#FFB302\",\r\n  600: \"#FFAF3D\",\r\n  700: \"#FF8C00\",\r\n  800: \"#975F0E\",\r\n  900: \"#664618\",\r\n} as const;\r\n\r\nexport const yellow = {\r\n  400: \"#FDED61\",\r\n  500: \"#FCE83A\",\r\n  600: \"#FAD800\",\r\n  700: \"#C7AB00\",\r\n  800: \"#917D01\",\r\n  900: \"#645600\",\r\n} as const;\r\n\r\nexport const green = {\r\n  400: \"#99F666\",\r\n  500: \"#56F000\",\r\n  600: \"#00E200\",\r\n  700: \"#00AD23\",\r\n  800: \"#007A33\",\r\n  900: \"#005A00\",\r\n} as const;\r\n\r\nexport const cyan = {\r\n  400: \"#5CE2FF\",\r\n  500: \"#64D9FF\",\r\n  600: \"#2DCCFF\",\r\n  700: \"#20A9D5\",\r\n  800: \"#35798E\",\r\n  900: \"#285766\",\r\n} as const;\r\n\r\n/** \"Off\" has no ramp in Astro UXDS — single canonical value. */\r\nexport const off = \"#A4ABB6\" as const;\r\n\r\n/**\r\n * Canonical Astro status tokens. Every theme's `colors.status` block must\r\n * use these — severity colors are immutable across themes.\r\n */\r\nexport const astroStatus = {\r\n  critical: red[500],\r\n  serious: amber[500],\r\n  caution: yellow[500],\r\n  normal: green[500],\r\n  standby: cyan[600],\r\n  off,\r\n} as const;\r\n\r\n/** Light-mode status fills (Astro light theme guidance). */\r\nexport const astroStatusLightFill = {\r\n  critical: red[600],\r\n  serious: amber[600],\r\n  caution: yellow[600],\r\n  normal: green[600],\r\n  standby: cyan[500],\r\n  off: \"#7B8089\",\r\n} as const;\r\n\r\n/** Light-mode status borders (Astro light theme guidance). */\r\nexport const astroStatusLightBorder = {\r\n  critical: red[900],\r\n  serious: amber[900],\r\n  caution: yellow[900],\r\n  normal: green[900],\r\n  standby: cyan[900],\r\n  off: \"#3C3E42\",\r\n} as const;\r\n\r\n/** All Astro ramps keyed by display name (drives Foundation/Palette). */\r\nexport const astroScales = {\r\n  \"Red — Critical\": red,\r\n  \"Amber — Serious\": amber,\r\n  \"Yellow — Caution\": yellow,\r\n  \"Green — Normal\": green,\r\n  \"Cyan — Standby\": cyan,\r\n} as const;\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeA,IAAa,MAAM;CACjB,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;AACP;AAEA,IAAa,QAAQ;CACnB,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;AACP;AAEA,IAAa,SAAS;CACpB,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;AACP;AAEA,IAAa,QAAQ;CACnB,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;AACP;AAEA,IAAa,OAAO;CAClB,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;CACL,KAAK;AACP;;AAGA,IAAa,MAAM;;;;;AAMnB,IAAa,cAAc;CACzB,UAAU,IAAI;CACd,SAAS,MAAM;CACf,SAAS,OAAO;CAChB,QAAQ,MAAM;CACd,SAAS,KAAK;CACd;AACF;;AAGA,IAAa,uBAAuB;CAClC,UAAU,IAAI;CACd,SAAS,MAAM;CACf,SAAS,OAAO;CAChB,QAAQ,MAAM;CACd,SAAS,KAAK;CACd,KAAK;AACP;;AAGA,IAAa,yBAAyB;CACpC,UAAU,IAAI;CACd,SAAS,MAAM;CACf,SAAS,OAAO;CAChB,QAAQ,MAAM;CACd,SAAS,KAAK;CACd,KAAK;AACP;;AAGA,IAAa,cAAc;CACzB,kBAAkB;CAClB,mBAAmB;CACnB,oBAAoB;CACpB,kBAAkB;CAClB,kBAAkB;AACpB"}

package/dist/tokens/palettes/index.d.ts

@@ -0,0 +1,288 @@
+/**
+ * @zendir/ui — Primitive color palettes (Layer 0)
+ *
+ * The full color scales endorsed for product design use — Zendir's own
+ * system, Astro UXDS status ramps, and Tailwind CSS v4.2. This is the
+ * single source of truth that Foundation/Palette in Storybook renders and
+ * that themes (src/tokens/themes.ts) and data-viz palettes reference.
+ *
+ * Layering:
+ *   Layer 0 (here)      raw scales — no semantics, never mode-aware
+ *   Layer 1 (themes.ts) semantic theme tokens referencing these stops
+ *   Layer 2 (apps)      components consume theme tokens / CSS variables
+ *
+ * Product code should not import these directly for UI surfaces — use the
+ * semantic theme tokens. Direct use is appropriate only when defining new
+ * palettes (data-viz series, domain color maps).
+ */
+export * as zendir from './zendir';
+export * as astroUxds from './astro';
+export * as tailwind from './tailwind';
+export { base as zendirBase, electricBlue, prussianBlue, ultraviolet, neutral as zendirNeutral, zendirScales, } from './zendir';
+export { astroStatus, astroStatusLightFill, astroStatusLightBorder, astroScales, } from './astro';
+export { tailwindScales } from './tailwind';
+/**
+ * Everything Foundation/Palette shows, grouped by system. If a scale is
+ * here, it's endorsed from a product design POV, whether or not it's
+ * already wired into a token in code.
+ */
+export declare const allPalettes: {
+    readonly zendir: {
+        readonly Base: {
+            readonly White: "#FFFFFF";
+            readonly Black: "#000000";
+        };
+        readonly "Electric Blue": {
+            readonly 50: "#EEF2FF";
+            readonly 100: "#E0E7FF";
+            readonly 200: "#C4D2FF";
+            readonly 300: "#9EB4FF";
+            readonly 400: "#6F89FF";
+            readonly 500: "#5061FF";
+            readonly 600: "#3E3CFF";
+            readonly 700: "#352EDF";
+            readonly 800: "#2A2BB2";
+            readonly 900: "#252E8A";
+            readonly 950: "#151C50";
+        };
+        readonly "Prussian Blue": {
+            readonly 50: "#EEF2FF";
+            readonly 100: "#DEE7FE";
+            readonly 200: "#C3D4FE";
+            readonly 300: "#9BB6FF";
+            readonly 400: "#698EFF";
+            readonly 500: "#466AFC";
+            readonly 600: "#2F4AF0";
+            readonly 700: "#263DD3";
+            readonly 800: "#1B2DA0";
+            readonly 900: "#192B7A";
+            readonly 950: "#0D1945";
+        };
+        readonly Ultraviolet: {
+            readonly 50: "#F5F3FD";
+            readonly 100: "#EAE6FA";
+            readonly 200: "#D8CFF9";
+            readonly 300: "#C6B4FF";
+            readonly 400: "#9D70FF";
+            readonly 500: "#8744F3";
+            readonly 600: "#7515E2";
+            readonly 700: "#6600CD";
+            readonly 800: "#5400AB";
+            readonly 900: "#421182";
+            readonly 950: "#251048";
+        };
+        readonly "Prussian Slate": {
+            readonly 50: "#F6F7FD";
+            readonly 100: "#EDF2FC";
+            readonly 200: "#DDE5F4";
+            readonly 300: "#C8D1E6";
+            readonly 400: "#8899BC";
+            readonly 500: "#596B8E";
+            readonly 600: "#445272";
+            readonly 700: "#303C58";
+            readonly 800: "#1B243D";
+            readonly 900: "#0D1429";
+            readonly 950: "#030414";
+        };
+    };
+    readonly astro: {
+        readonly "Red \u2014 Critical": {
+            readonly 400: "#FF5F60";
+            readonly 500: "#FF3838";
+            readonly 600: "#FF2A04";
+            readonly 700: "#C8102E";
+            readonly 800: "#8B1703";
+            readonly 900: "#661102";
+        };
+        readonly "Amber \u2014 Serious": {
+            readonly 400: "#FFCC57";
+            readonly 500: "#FFB302";
+            readonly 600: "#FFAF3D";
+            readonly 700: "#FF8C00";
+            readonly 800: "#975F0E";
+            readonly 900: "#664618";
+        };
+        readonly "Yellow \u2014 Caution": {
+            readonly 400: "#FDED61";
+            readonly 500: "#FCE83A";
+            readonly 600: "#FAD800";
+            readonly 700: "#C7AB00";
+            readonly 800: "#917D01";
+            readonly 900: "#645600";
+        };
+        readonly "Green \u2014 Normal": {
+            readonly 400: "#99F666";
+            readonly 500: "#56F000";
+            readonly 600: "#00E200";
+            readonly 700: "#00AD23";
+            readonly 800: "#007A33";
+            readonly 900: "#005A00";
+        };
+        readonly "Cyan \u2014 Standby": {
+            readonly 400: "#5CE2FF";
+            readonly 500: "#64D9FF";
+            readonly 600: "#2DCCFF";
+            readonly 700: "#20A9D5";
+            readonly 800: "#35798E";
+            readonly 900: "#285766";
+        };
+    };
+    readonly tailwind: {
+        readonly Red: {
+            readonly 50: "#FEF2F2";
+            readonly 100: "#FFE2E2";
+            readonly 200: "#FFCACA";
+            readonly 300: "#FFA3A4";
+            readonly 400: "#FF6568";
+            readonly 500: "#FB2C36";
+            readonly 600: "#E40016";
+            readonly 700: "#BF000F";
+            readonly 800: "#9F0712";
+            readonly 900: "#82181A";
+            readonly 950: "#460809";
+        };
+        readonly Orange: {
+            readonly 50: "#FFF7ED";
+            readonly 100: "#FFEDD5";
+            readonly 200: "#FFD7A8";
+            readonly 300: "#FFB970";
+            readonly 400: "#FF8B1F";
+            readonly 500: "#FC7100";
+            readonly 600: "#EC5600";
+            readonly 700: "#C43E00";
+            readonly 800: "#9F2D00";
+            readonly 900: "#7E2A0C";
+            readonly 950: "#441306";
+        };
+        readonly Yellow: {
+            readonly 50: "#FEFCE8";
+            readonly 100: "#FEF9C2";
+            readonly 200: "#FFF085";
+            readonly 300: "#FFE030";
+            readonly 400: "#F7C900";
+            readonly 500: "#EAB300";
+            readonly 600: "#CA8A00";
+            readonly 700: "#A26200";
+            readonly 800: "#874C00";
+            readonly 900: "#733E0A";
+            readonly 950: "#432004";
+        };
+        readonly Green: {
+            readonly 50: "#F0FDF4";
+            readonly 100: "#DCFCE7";
+            readonly 200: "#B9F8CF";
+            readonly 300: "#7BF1A8";
+            readonly 400: "#05DF72";
+            readonly 500: "#00C65A";
+            readonly 600: "#00A447";
+            readonly 700: "#00813A";
+            readonly 800: "#016630";
+            readonly 900: "#0D542B";
+            readonly 950: "#032E15";
+        };
+        readonly Sky: {
+            readonly 50: "#F0F9FF";
+            readonly 100: "#DFF2FE";
+            readonly 200: "#B8E6FE";
+            readonly 300: "#78D4FF";
+            readonly 400: "#00BBFD";
+            readonly 500: "#00A5EA";
+            readonly 600: "#0084C7";
+            readonly 700: "#0069A2";
+            readonly 800: "#005986";
+            readonly 900: "#024A70";
+            readonly 950: "#052F4A";
+        };
+        readonly Blue: {
+            readonly 50: "#EFF6FF";
+            readonly 100: "#DBEAFE";
+            readonly 200: "#BEDBFF";
+            readonly 300: "#91C5FF";
+            readonly 400: "#56A2FF";
+            readonly 500: "#3280FF";
+            readonly 600: "#155DFC";
+            readonly 700: "#1447E6";
+            readonly 800: "#193CB8";
+            readonly 900: "#1C398E";
+            readonly 950: "#162456";
+        };
+        readonly Indigo: {
+            readonly 50: "#EEF2FF";
+            readonly 100: "#E0E7FF";
+            readonly 200: "#C7D2FF";
+            readonly 300: "#A4B4FF";
+            readonly 400: "#7D87FF";
+            readonly 500: "#6260FF";
+            readonly 600: "#4F39F6";
+            readonly 700: "#432DD7";
+            readonly 800: "#372AAC";
+            readonly 900: "#312C85";
+            readonly 950: "#1E1A4D";
+        };
+        readonly Purple: {
+            readonly 50: "#FAF5FF";
+            readonly 100: "#F3E8FF";
+            readonly 200: "#E9D5FF";
+            readonly 300: "#D8B4FF";
+            readonly 400: "#BF7EFF";
+            readonly 500: "#AB4EFF";
+            readonly 600: "#9810FA";
+            readonly 700: "#8200D9";
+            readonly 800: "#6E11B0";
+            readonly 900: "#59168B";
+            readonly 950: "#3C0366";
+        };
+        readonly Pink: {
+            readonly 50: "#FDF2F8";
+            readonly 100: "#FCE7F3";
+            readonly 200: "#FCCEE8";
+            readonly 300: "#FDA5D5";
+            readonly 400: "#FB64B6";
+            readonly 500: "#F6339A";
+            readonly 600: "#E30076";
+            readonly 700: "#C2005C";
+            readonly 800: "#A2004C";
+            readonly 900: "#861043";
+            readonly 950: "#510424";
+        };
+        readonly Rose: {
+            readonly 50: "#FFF1F2";
+            readonly 100: "#FFE4E6";
+            readonly 200: "#FFCCD3";
+            readonly 300: "#FFA3AE";
+            readonly 400: "#FF6880";
+            readonly 500: "#FF2357";
+            readonly 600: "#E60045";
+            readonly 700: "#C1003A";
+            readonly 800: "#A30037";
+            readonly 900: "#8B0836";
+            readonly 950: "#4D0218";
+        };
+        readonly Slate: {
+            readonly 50: "#F8FAFC";
+            readonly 100: "#F1F5F9";
+            readonly 200: "#E2E8F0";
+            readonly 300: "#CAD5E2";
+            readonly 400: "#90A1B9";
+            readonly 500: "#62748E";
+            readonly 600: "#45556C";
+            readonly 700: "#314158";
+            readonly 800: "#1D293D";
+            readonly 900: "#0F172B";
+            readonly 950: "#020618";
+        };
+        readonly Neutral: {
+            readonly 50: "#FAFAFA";
+            readonly 100: "#F5F5F5";
+            readonly 200: "#E5E5E5";
+            readonly 300: "#D4D4D4";
+            readonly 400: "#A1A1A1";
+            readonly 500: "#737373";
+            readonly 600: "#525252";
+            readonly 700: "#404040";
+            readonly 800: "#262626";
+            readonly 900: "#171717";
+            readonly 950: "#0A0A0A";
+        };
+    };
+};