@asafarim/design-tokens 0.3.1 → 0.3.4

package/dist/index.js

@@ -1,1015 +0,0 @@
-var __defProp = Object.defineProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-
-// src/tokens/color/brand.ts
-var brand = {
-  primary50: {
-    value: "#EEF2FF",
-    description: "Primary brand color scale - 50 (lightest)."
-  },
-  primary100: {
-    value: "#E0E7FF",
-    description: "Primary brand color scale - 100."
-  },
-  primary200: {
-    value: "#C7D2FE",
-    description: "Primary brand color scale - 200."
-  },
-  primary300: {
-    value: "#A5B4FC",
-    description: "Primary brand color scale - 300."
-  },
-  primary400: {
-    value: "#818CF8",
-    description: "Primary brand color scale - 400."
-  },
-  primary500: {
-    value: "#3A5AFE",
-    description: "Primary brand color scale - 500 (core brand blue).",
-    meta: { wcag: "Use for primary actions; pair with onPrimary tokens." }
-  },
-  primary600: {
-    value: "#304FFE",
-    description: "Primary brand color scale - 600."
-  },
-  primary700: {
-    value: "#1E40FF",
-    description: "Primary brand color scale - 700 (darkest brand accent)."
-  },
-  secondary500: {
-    value: "#14B8A6",
-    description: "Optional secondary brand accent (teal)."
-  }
-};
-
-// src/tokens/color/neutral.ts
-var neutral = {
-  gray900: {
-    value: "#111827",
-    description: "Neutral gray - 900 (near-black)."
-  },
-  gray700: {
-    value: "#374151",
-    description: "Neutral gray - 700."
-  },
-  gray500: {
-    value: "#6B7280",
-    description: "Neutral gray - 500."
-  },
-  gray300: {
-    value: "#D1D5DB",
-    description: "Neutral gray - 300."
-  },
-  gray50: {
-    value: "#F9FAFB",
-    description: "Neutral gray - 50 (near-white)."
-  },
-  white: {
-    value: "#FFFFFF",
-    description: "Pure white."
-  },
-  black: {
-    value: "#000000",
-    description: "Pure black."
-  }
-};
-
-// src/tokens/color/semantic.ts
-var semantic = {
-  success: {
-    value: "#16A34A",
-    description: "Semantic success color (base)."
-  },
-  successSubtle: {
-    value: "#DCFCE7",
-    description: "Semantic success background/surface (subtle)."
-  },
-  warning: {
-    value: "#F59E0B",
-    description: "Semantic warning color (base)."
-  },
-  warningSubtle: {
-    value: "#FEF3C7",
-    description: "Semantic warning background/surface (subtle)."
-  },
-  error: {
-    value: "#EF4444",
-    description: "Semantic error color (base)."
-  },
-  errorSubtle: {
-    value: "#FEE2E2",
-    description: "Semantic error background/surface (subtle)."
-  },
-  info: {
-    value: "#0EA5E9",
-    description: "Semantic info color (base)."
-  },
-  infoSubtle: {
-    value: "#E0F2FE",
-    description: "Semantic info background/surface (subtle)."
-  }
-};
-
-// src/tokens/color/overlays.ts
-var overlays = {
-  scrimStrong: {
-    value: "rgba(17, 24, 39, 0.64)",
-    description: "Strong scrim for modals/overlays."
-  },
-  scrim: {
-    value: "rgba(17, 24, 39, 0.48)",
-    description: "Default scrim for overlays."
-  },
-  scrimSubtle: {
-    value: "rgba(17, 24, 39, 0.24)",
-    description: "Subtle scrim for light overlays."
-  },
-  glassFill: {
-    value: "rgba(249, 250, 251, 0.72)",
-    description: "Glass/blur fill for frosted surfaces (light).",
-    meta: { note: "For dark theme, use theme override." }
-  }
-};
-
-// src/themes/light.ts
-var light = {
-  name: "light",
-  tokens: {
-    "--asm-color-bg": neutral.gray50.value,
-    "--asm-color-surface": neutral.white.value,
-    "--asm-color-surface-muted": "#F3F4F6",
-    "--asm-color-panel": neutral.white.value,
-    "--asm-color-modal": neutral.white.value,
-    "--asm-color-text": neutral.gray900.value,
-    "--asm-color-text-muted": neutral.gray500.value,
-    "--asm-color-border": neutral.gray300.value,
-    "--asm-color-brand-primary-50": brand.primary50.value,
-    "--asm-color-brand-primary-500": brand.primary500.value,
-    "--asm-color-brand-primary-600": brand.primary600.value,
-    "--asm-color-brand-primary-700": brand.primary700.value,
-    "--asm-color-semantic-success": semantic.success.value,
-    "--asm-color-semantic-warning": semantic.warning.value,
-    "--asm-color-semantic-error": semantic.error.value,
-    "--asm-color-semantic-info": semantic.info.value,
-    "--asm-color-button-primary-bg": brand.primary600.value,
-    "--asm-color-button-primary-bg-hover": brand.primary700.value,
-    "--asm-color-button-primary-bg-active": brand.primary700.value,
-    "--asm-color-button-primary-text": neutral.white.value,
-    "--asm-color-button-secondary-bg": neutral.white.value,
-    "--asm-color-button-secondary-text": neutral.gray900.value,
-    "--asm-color-button-ghost-bg-hover": "rgba(17, 24, 39, 0.06)",
-    "--asm-color-button-destructive-bg": semantic.error.value,
-    "--asm-color-button-destructive-text": neutral.white.value,
-    "--asm-color-button-disabled-bg": neutral.gray300.value,
-    "--asm-color-button-disabled-text": neutral.gray700.value,
-    "--asm-color-input-bg": neutral.white.value,
-    "--asm-color-input-text": neutral.gray900.value,
-    "--asm-color-input-border": neutral.gray300.value,
-    "--asm-color-input-border-hover": neutral.gray500.value,
-    "--asm-color-input-border-focus": brand.primary600.value,
-    "--asm-color-input-placeholder": neutral.gray500.value,
-    "--asm-color-input-error-border": semantic.error.value,
-    "--asm-color-input-success-border": semantic.success.value,
-    "--asm-color-focus-ring": brand.primary500.value,
-    "--asm-color-overlay-scrim": overlays.scrim.value,
-    "--asm-color-dataviz-gridline": neutral.gray300.value,
-    "--asm-color-dataviz-axis": neutral.gray500.value,
-    "--asm-color-dataviz-tooltip-bg": neutral.gray900.value,
-    "--asm-color-dataviz-tooltip-text": neutral.gray50.value
-  }
-};
-
-// src/themes/dark.ts
-var dark = {
-  name: "dark",
-  tokens: {
-    "--asm-color-bg": "#0B1220",
-    "--asm-color-surface": "#0F172A",
-    "--asm-color-surface-muted": "#111B2E",
-    "--asm-color-panel": "#0F172A",
-    "--asm-color-modal": "#0F172A",
-    "--asm-color-text": "#E5E7EB",
-    "--asm-color-text-muted": "#9CA3AF",
-    "--asm-color-border": "#1F2937",
-    "--asm-color-brand-primary-50": brand.primary50.value,
-    "--asm-color-brand-primary-500": brand.primary500.value,
-    "--asm-color-brand-primary-600": brand.primary500.value,
-    "--asm-color-brand-primary-700": brand.primary600.value,
-    "--asm-color-semantic-success": "#22C55E",
-    "--asm-color-semantic-warning": "#FBBF24",
-    "--asm-color-semantic-error": "#F87171",
-    "--asm-color-semantic-info": "#38BDF8",
-    "--asm-color-button-primary-bg": brand.primary500.value,
-    "--asm-color-button-primary-bg-hover": brand.primary600.value,
-    "--asm-color-button-primary-bg-active": brand.primary600.value,
-    "--asm-color-button-primary-text": neutral.white.value,
-    "--asm-color-button-secondary-bg": "#111B2E",
-    "--asm-color-button-secondary-text": "#E5E7EB",
-    "--asm-color-button-ghost-bg-hover": "rgba(229, 231, 235, 0.08)",
-    "--asm-color-button-destructive-bg": "#F87171",
-    "--asm-color-button-destructive-text": "#0B1220",
-    "--asm-color-button-disabled-bg": "#1F2937",
-    "--asm-color-button-disabled-text": "#9CA3AF",
-    "--asm-color-input-bg": "#0B1220",
-    "--asm-color-input-text": "#E5E7EB",
-    "--asm-color-input-border": "#1F2937",
-    "--asm-color-input-border-hover": "#374151",
-    "--asm-color-input-border-focus": brand.primary500.value,
-    "--asm-color-input-placeholder": "#9CA3AF",
-    "--asm-color-input-error-border": "#F87171",
-    "--asm-color-input-success-border": "#22C55E",
-    "--asm-color-focus-ring": brand.primary500.value,
-    "--asm-color-overlay-scrim": overlays.scrimStrong.value,
-    "--asm-color-dataviz-gridline": "#1F2937",
-    "--asm-color-dataviz-axis": "#9CA3AF",
-    "--asm-color-dataviz-tooltip-bg": "#111827",
-    "--asm-color-dataviz-tooltip-text": "#F9FAFB"
-  }
-};
-
-// src/themes/highContrast.ts
-var highContrast = {
-  name: "high-contrast",
-  tokens: {
-    "--asm-color-bg": "#000000",
-    "--asm-color-surface": "#000000",
-    "--asm-color-surface-muted": "#000000",
-    "--asm-color-panel": "#000000",
-    "--asm-color-modal": "#000000",
-    "--asm-color-text": "#FFFFFF",
-    "--asm-color-text-muted": "#FFFFFF",
-    "--asm-color-border": "#FFFFFF",
-    "--asm-color-brand-primary-50": "#FFFFFF",
-    "--asm-color-brand-primary-500": "#FFFFFF",
-    "--asm-color-brand-primary-600": "#FFFFFF",
-    "--asm-color-brand-primary-700": "#FFFFFF",
-    "--asm-color-semantic-success": "#00FF00",
-    "--asm-color-semantic-warning": "#FFFF00",
-    "--asm-color-semantic-error": "#FF0000",
-    "--asm-color-semantic-info": "#00FFFF",
-    "--asm-color-button-primary-bg": "#FFFFFF",
-    "--asm-color-button-primary-bg-hover": "#FFFFFF",
-    "--asm-color-button-primary-bg-active": "#FFFFFF",
-    "--asm-color-button-primary-text": "#000000",
-    "--asm-color-button-secondary-bg": "#000000",
-    "--asm-color-button-secondary-text": "#FFFFFF",
-    "--asm-color-button-ghost-bg-hover": "#FFFFFF",
-    "--asm-color-button-destructive-bg": "#FF0000",
-    "--asm-color-button-destructive-text": "#000000",
-    "--asm-color-button-disabled-bg": "#000000",
-    "--asm-color-button-disabled-text": "#FFFFFF",
-    "--asm-color-input-bg": "#000000",
-    "--asm-color-input-text": "#FFFFFF",
-    "--asm-color-input-border": "#FFFFFF",
-    "--asm-color-input-border-hover": "#FFFFFF",
-    "--asm-color-input-border-focus": "#FFFFFF",
-    "--asm-color-input-placeholder": "#FFFFFF",
-    "--asm-color-input-error-border": "#FF0000",
-    "--asm-color-input-success-border": "#00FF00",
-    "--asm-color-focus-ring": "#FFFFFF",
-    "--asm-color-overlay-scrim": "rgba(255, 255, 255, 0.9)",
-    "--asm-color-dataviz-gridline": "#FFFFFF",
-    "--asm-color-dataviz-axis": "#FFFFFF",
-    "--asm-color-dataviz-tooltip-bg": "#FFFFFF",
-    "--asm-color-dataviz-tooltip-text": "#000000"
-  }
-};
-
-// src/themes/densityCompact.ts
-var densityCompact = {
-  name: "compact",
-  tokens: {
-    "--asm-density-factor": 0.9,
-    "--asm-space-component-gap": "12px",
-    "--asm-space-control-padding-y": "6px",
-    "--asm-space-control-padding-x": "10px"
-  }
-};
-
-// src/themes/densityComfortable.ts
-var densityComfortable = {
-  name: "comfortable",
-  tokens: {
-    "--asm-density-factor": 1.05,
-    "--asm-space-component-gap": "18px",
-    "--asm-space-control-padding-y": "10px",
-    "--asm-space-control-padding-x": "14px"
-  }
-};
-
-// src/themes/index.ts
-var themes = {
-  light,
-  dark,
-  highContrast,
-  density: {
-    compact: densityCompact,
-    comfortable: densityComfortable
-  }
-};
-
-// src/tokens/color/index.ts
-var color_exports = {};
-__export(color_exports, {
-  accent: () => accent,
-  brand: () => brand,
-  dataViz: () => dataViz,
-  gradients: () => gradients,
-  neutral: () => neutral,
-  overlays: () => overlays,
-  semantic: () => semantic
-});
-
-// src/tokens/color/accent.ts
-var accent = {
-  purple500: {
-    value: "#8B5CF6",
-    description: "Accent purple for special contexts (e.g., highlights)."
-  },
-  cyan500: {
-    value: "#06B6D4",
-    description: "Accent cyan for special contexts (e.g., data accents)."
-  },
-  pink500: {
-    value: "#EC4899",
-    description: "Accent pink for special contexts."
-  },
-  lime500: {
-    value: "#84CC16",
-    description: "Accent lime for special contexts."
-  }
-};
-
-// src/tokens/color/dataViz.ts
-var dataViz = {
-  series1: { value: "#3A5AFE", description: "DataViz series color 1 (brand primary)." },
-  series2: { value: "#14B8A6", description: "DataViz series color 2 (brand secondary)." },
-  series3: { value: "#8B5CF6", description: "DataViz series color 3." },
-  series4: { value: "#F59E0B", description: "DataViz series color 4." },
-  series5: { value: "#EF4444", description: "DataViz series color 5." },
-  series6: { value: "#0EA5E9", description: "DataViz series color 6." },
-  series7: { value: "#84CC16", description: "DataViz series color 7." },
-  series8: { value: "#EC4899", description: "DataViz series color 8." },
-  series9: { value: "#6366F1", description: "DataViz series color 9." },
-  series10: { value: "#F97316", description: "DataViz series color 10." },
-  series11: { value: "#22C55E", description: "DataViz series color 11." },
-  series12: { value: "#A855F7", description: "DataViz series color 12." },
-  gridline: { value: "#D1D5DB", description: "DataViz gridline color." },
-  axis: { value: "#6B7280", description: "DataViz axis label color." },
-  tooltipBg: { value: "#111827", description: "DataViz tooltip background color." },
-  tooltipText: { value: "#F9FAFB", description: "DataViz tooltip text color." }
-};
-
-// src/tokens/color/gradients.ts
-var gradients = {
-  primary: {
-    value: "linear-gradient(135deg, #3A5AFE 0%, #8B5CF6 100%)",
-    description: "Primary brand gradient (used for hero/marketing accents)."
-  },
-  subtleHero: {
-    value: "linear-gradient(180deg, rgba(58, 90, 254, 0.10) 0%, rgba(249, 250, 251, 0) 80%)",
-    description: "Subtle hero gradient background overlay (light).",
-    meta: { note: "Use theme override in dark/high-contrast." }
-  }
-};
-
-// src/tokens/typography/index.ts
-var typography_exports = {};
-__export(typography_exports, {
-  families: () => families,
-  headings: () => headings,
-  letterSpacing: () => letterSpacing,
-  lineHeights: () => lineHeights,
-  responsive: () => responsive,
-  sizes: () => sizes,
-  weights: () => weights
-});
-
-// src/tokens/typography/families.ts
-var families = {
-  primary: {
-    value: 'Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji"',
-    description: "Primary UI font family stack (Inter first)."
-  },
-  mono: {
-    value: '"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace',
-    description: "Monospace font family stack (JetBrains Mono first)."
-  }
-};
-
-// src/tokens/typography/weights.ts
-var weights = {
-  w100: { value: 100, description: "Font weight 100 (thin)." },
-  w200: { value: 200, description: "Font weight 200 (extra light)." },
-  w300: { value: 300, description: "Font weight 300 (light)." },
-  w400: { value: 400, description: "Font weight 400 (regular)." },
-  w500: { value: 500, description: "Font weight 500 (medium)." },
-  w600: { value: 600, description: "Font weight 600 (semibold)." },
-  w700: { value: 700, description: "Font weight 700 (bold)." },
-  w800: { value: 800, description: "Font weight 800 (extra bold)." },
-  w900: { value: 900, description: "Font weight 900 (black)." }
-};
-
-// src/tokens/typography/sizes.ts
-var sizes = {
-  xs: { value: "0.75rem", description: "Font size xs (12px)." },
-  sm: { value: "0.875rem", description: "Font size sm (14px)." },
-  md: { value: "1rem", description: "Font size md (16px)." },
-  lg: { value: "1.125rem", description: "Font size lg (18px)." },
-  xl: { value: "1.25rem", description: "Font size xl (20px)." },
-  x2l: { value: "1.5rem", description: "Font size 2xl (24px)." },
-  x3l: { value: "1.875rem", description: "Font size 3xl (30px)." },
-  x4l: { value: "2.25rem", description: "Font size 4xl (36px)." },
-  x5l: { value: "3rem", description: "Font size 5xl (48px)." },
-  x6l: { value: "3.75rem", description: "Font size 6xl (60px)." }
-};
-
-// src/tokens/typography/lineHeights.ts
-var lineHeights = {
-  tight: { value: 1.1, description: "Tight line-height (headings)." },
-  normal: { value: 1.4, description: "Normal line-height (UI)." },
-  relaxed: { value: 1.6, description: "Relaxed line-height (long form)." },
-  h1: { value: 1.05, description: "H1 line-height." },
-  h2: { value: 1.1, description: "H2 line-height." },
-  h3: { value: 1.15, description: "H3 line-height." },
-  h4: { value: 1.2, description: "H4 line-height." },
-  h5: { value: 1.25, description: "H5 line-height." },
-  h6: { value: 1.25, description: "H6 line-height." }
-};
-
-// src/tokens/typography/letterSpacing.ts
-var letterSpacing = {
-  tight: { value: "-0.01em", description: "Tight letter spacing." },
-  normal: { value: "0em", description: "Normal letter spacing." },
-  wide: { value: "0.02em", description: "Wide letter spacing." }
-};
-
-// src/tokens/typography/headings.ts
-var headings = {
-  h1: {
-    value: "var(--asm-font-size-6xl) / var(--asm-line-height-h1) var(--asm-font-family-primary)",
-    description: "H1 shorthand (size/line-height/family).",
-    meta: { note: "Use size/weight/lineHeight tokens for precise control." }
-  },
-  h2: {
-    value: "var(--asm-font-size-5xl) / var(--asm-line-height-h2) var(--asm-font-family-primary)",
-    description: "H2 shorthand (size/line-height/family)."
-  },
-  h3: {
-    value: "var(--asm-font-size-4xl) / var(--asm-line-height-h3) var(--asm-font-family-primary)",
-    description: "H3 shorthand (size/line-height/family)."
-  },
-  h4: {
-    value: "var(--asm-font-size-3xl) / var(--asm-line-height-h4) var(--asm-font-family-primary)",
-    description: "H4 shorthand (size/line-height/family)."
-  },
-  h5: {
-    value: "var(--asm-font-size-2xl) / var(--asm-line-height-h5) var(--asm-font-family-primary)",
-    description: "H5 shorthand (size/line-height/family)."
-  },
-  h6: {
-    value: "var(--asm-font-size-xl) / var(--asm-line-height-h6) var(--asm-font-family-primary)",
-    description: "H6 shorthand (size/line-height/family)."
-  }
-};
-
-// src/tokens/typography/responsive.ts
-var responsive = {
-  bodyMaxWidth: {
-    value: "68ch",
-    description: "Recommended max-width for long-form text blocks."
-  },
-  scaleMobile: {
-    value: 0.95,
-    description: "Typography scale factor for mobile contexts.",
-    meta: { note: "Use with clamp() in consuming apps when needed." }
-  },
-  scaleTablet: {
-    value: 1,
-    description: "Typography scale factor for tablet contexts."
-  },
-  scaleDesktop: {
-    value: 1.05,
-    description: "Typography scale factor for desktop contexts."
-  }
-};
-
-// src/tokens/spacing/index.ts
-var spacing_exports = {};
-__export(spacing_exports, {
-  density: () => density,
-  grid: () => grid,
-  layout: () => layout,
-  rtl: () => rtl,
-  scale: () => scale
-});
-
-// src/tokens/spacing/scale.ts
-var scale = {
-  s0: { value: "0px", description: "Spacing 0." },
-  s1: { value: "4px", description: "Spacing 1 (4px)." },
-  s2: { value: "8px", description: "Spacing 2 (8px)." },
-  s3: { value: "12px", description: "Spacing 3 (12px)." },
-  s4: { value: "16px", description: "Spacing 4 (16px)." },
-  s5: { value: "20px", description: "Spacing 5 (20px)." },
-  s6: { value: "24px", description: "Spacing 6 (24px)." },
-  s8: { value: "32px", description: "Spacing 8 (32px)." },
-  s10: { value: "40px", description: "Spacing 10 (40px)." },
-  s12: { value: "48px", description: "Spacing 12 (48px)." },
-  s16: { value: "64px", description: "Spacing 16 (64px)." }
-};
-
-// src/tokens/spacing/layout.ts
-var layout = {
-  pagePaddingX: {
-    value: "clamp(16px, 3vw, 32px)",
-    description: "Default horizontal page padding (responsive)."
-  },
-  pagePaddingY: {
-    value: "clamp(16px, 3vw, 40px)",
-    description: "Default vertical page padding (responsive)."
-  },
-  sectionGap: {
-    value: "clamp(24px, 4vw, 64px)",
-    description: "Vertical spacing between major sections."
-  },
-  componentGap: {
-    value: "16px",
-    description: "Default spacing between components within a section."
-  }
-};
-
-// src/tokens/spacing/grid.ts
-var grid = {
-  columns: {
-    value: 12,
-    description: "Default grid column count."
-  },
-  gutter: {
-    value: "24px",
-    description: "Default grid gutter size."
-  },
-  breakpoints: {
-    xs: { value: "360px", description: "Breakpoint XS." },
-    sm: { value: "640px", description: "Breakpoint SM." },
-    md: { value: "768px", description: "Breakpoint MD." },
-    lg: { value: "1024px", description: "Breakpoint LG." },
-    xl: { value: "1280px", description: "Breakpoint XL." },
-    x2l: { value: "1536px", description: "Breakpoint 2XL." }
-  },
-  containerWidths: {
-    xs: { value: "480px", description: "Container width XS." },
-    sm: { value: "640px", description: "Container width SM." },
-    md: { value: "768px", description: "Container width MD." },
-    lg: { value: "1024px", description: "Container width LG." },
-    xl: { value: "1280px", description: "Container width XL." },
-    x2l: { value: "1360px", description: "Container width 2XL (ASafariM standard)." }
-  }
-};
-
-// src/tokens/spacing/density.ts
-var density = {
-  compactFactor: {
-    value: 0.9,
-    description: "Density factor applied in compact mode."
-  },
-  comfortableFactor: {
-    value: 1.05,
-    description: "Density factor applied in comfortable mode."
-  }
-};
-
-// src/tokens/spacing/rtl.ts
-var rtl = {
-  logicalInsetStart: {
-    value: "inset-inline-start",
-    description: "Use logical inset start property for RTL-safe positioning."
-  },
-  logicalInsetEnd: {
-    value: "inset-inline-end",
-    description: "Use logical inset end property for RTL-safe positioning."
-  },
-  logicalMarginStart: {
-    value: "margin-inline-start",
-    description: "Use logical margin start for RTL-safe spacing."
-  },
-  logicalMarginEnd: {
-    value: "margin-inline-end",
-    description: "Use logical margin end for RTL-safe spacing."
-  }
-};
-
-// src/tokens/shape/index.ts
-var shape_exports = {};
-__export(shape_exports, {
-  borders: () => borders,
-  radii: () => radii,
-  strokes: () => strokes
-});
-
-// src/tokens/shape/radii.ts
-var radii = {
-  sm: { value: "6px", description: "Small radius." },
-  md: { value: "10px", description: "Medium radius." },
-  lg: { value: "12px", description: "Large radius (cards)." },
-  xl: { value: "16px", description: "Extra-large radius." },
-  full: { value: "9999px", description: "Full pill/circle radius." }
-};
-
-// src/tokens/shape/borders.ts
-var borders = {
-  hairline: { value: "1px", description: "Hairline border width." },
-  thin: { value: "2px", description: "Thin border width." },
-  thick: { value: "3px", description: "Thick border width." }
-};
-
-// src/tokens/shape/strokes.ts
-var strokes = {
-  default: { value: "1px", description: "Default stroke width." },
-  strong: { value: "2px", description: "Strong stroke width." },
-  dash: { value: "4 2", description: "Default dash pattern (stroke-dasharray)." }
-};
-
-// src/tokens/effects/index.ts
-var effects_exports = {};
-__export(effects_exports, {
-  blur: () => blur,
-  opacity: () => opacity,
-  shadows: () => shadows,
-  textures: () => textures
-});
-
-// src/tokens/effects/shadows.ts
-var shadows = {
-  sm: {
-    value: "0 1px 2px rgba(17, 24, 39, 0.06)",
-    description: "Shadow sm (subtle elevation)."
-  },
-  md: {
-    value: "0 6px 20px rgba(17, 24, 39, 0.10)",
-    description: "Shadow md (card elevation)."
-  },
-  lg: {
-    value: "0 16px 40px rgba(17, 24, 39, 0.14)",
-    description: "Shadow lg (overlay elevation)."
-  },
-  xl: {
-    value: "0 24px 60px rgba(17, 24, 39, 0.18)",
-    description: "Shadow xl (modal elevation)."
-  }
-};
-
-// src/tokens/effects/blur.ts
-var blur = {
-  sm: { value: "4px", description: "Small blur." },
-  md: { value: "8px", description: "Medium blur." },
-  lg: { value: "16px", description: "Large blur (glass)." }
-};
-
-// src/tokens/effects/opacity.ts
-var opacity = {
-  o0: { value: 0, description: "Opacity 0%." },
-  o10: { value: 0.1, description: "Opacity 10%." },
-  o20: { value: 0.2, description: "Opacity 20%." },
-  o40: { value: 0.4, description: "Opacity 40%." },
-  o60: { value: 0.6, description: "Opacity 60%." },
-  o80: { value: 0.8, description: "Opacity 80%." },
-  o100: { value: 1, description: "Opacity 100%." }
-};
-
-// src/tokens/effects/textures.ts
-var textures = {
-  none: { value: "none", description: "No texture." },
-  noise: {
-    value: "url('data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%22120%22 height=%22120%22%3E%3Cfilter id=%22n%22 x=%220%22 y=%220%22%3E%3CfeTurbulence type=%22fractalNoise%22 baseFrequency=%220.9%22 numOctaves=%223%22 stitchTiles=%22stitch%22/%3E%3C/filter%3E%3Crect width=%22120%22 height=%22120%22 filter=%22url(%23n)%22 opacity=%220.06%22/%3E%3C/svg%3E')",
-    description: "Subtle noise texture (data URI).",
-    meta: { note: "Use as background-image; keep opacity low." }
-  }
-};
-
-// src/tokens/motion/index.ts
-var motion_exports = {};
-__export(motion_exports, {
-  duration: () => duration,
-  easing: () => easing,
-  reducedMotion: () => reducedMotion,
-  transitions: () => transitions
-});
-
-// src/tokens/motion/duration.ts
-var duration = {
-  fast: { value: "120ms", description: "Fast duration for micro-interactions." },
-  normal: { value: "200ms", description: "Normal duration for standard UI transitions." },
-  slow: { value: "320ms", description: "Slow duration for larger transitions." }
-};
-
-// src/tokens/motion/easing.ts
-var easing = {
-  standard: { value: "cubic-bezier(0.2, 0, 0, 1)", description: "Standard easing." },
-  emphasized: { value: "cubic-bezier(0.2, 0, 0, 1.2)", description: "Emphasized easing." },
-  entrance: { value: "cubic-bezier(0, 0, 0, 1)", description: "Entrance easing." },
-  exit: { value: "cubic-bezier(0.4, 0, 1, 1)", description: "Exit easing." }
-};
-
-// src/tokens/motion/transitions.ts
-var transitions = {
-  fade: {
-    value: "opacity var(--asm-motion-duration-normal) var(--asm-motion-easing-standard)",
-    description: "Fade transition preset."
-  },
-  slide: {
-    value: "transform var(--asm-motion-duration-normal) var(--asm-motion-easing-standard)",
-    description: "Slide transition preset."
-  },
-  scale: {
-    value: "transform var(--asm-motion-duration-fast) var(--asm-motion-easing-emphasized)",
-    description: "Scale transition preset."
-  }
-};
-
-// src/tokens/motion/reducedMotion.ts
-var reducedMotion = {
-  disableTransitions: {
-    value: 1,
-    description: "If true, consumers should disable non-essential transitions when prefers-reduced-motion is enabled.",
-    meta: { hint: "Use @media (prefers-reduced-motion: reduce) in CSS." }
-  }
-};
-
-// src/tokens/zindex/index.ts
-var zindex_exports = {};
-__export(zindex_exports, {
-  scale: () => scale2
-});
-
-// src/tokens/zindex/scale.ts
-var scale2 = {
-  base: { value: 0, description: "Base stacking context." },
-  dropdown: { value: 100, description: "Dropdown menus." },
-  sticky: { value: 200, description: "Sticky headers." },
-  overlay: { value: 300, description: "Overlays/scrims." },
-  modal: { value: 400, description: "Modal dialogs." },
-  popover: { value: 450, description: "Popovers." },
-  tooltip: { value: 500, description: "Tooltips." },
-  toast: { value: 600, description: "Toasts/notifications." }
-};
-
-// src/tokens/iconography/index.ts
-var iconography_exports = {};
-__export(iconography_exports, {
-  sizes: () => sizes2,
-  strokeWidths: () => strokeWidths
-});
-
-// src/tokens/iconography/sizes.ts
-var sizes2 = {
-  xs: { value: "12px", description: "Icon size XS." },
-  sm: { value: "16px", description: "Icon size SM." },
-  md: { value: "20px", description: "Icon size MD." },
-  lg: { value: "24px", description: "Icon size LG." },
-  xl: { value: "28px", description: "Icon size XL." }
-};
-
-// src/tokens/iconography/strokeWidths.ts
-var strokeWidths = {
-  thin: { value: 1, description: "Thin icon stroke width." },
-  regular: { value: 1.5, description: "Regular icon stroke width." },
-  bold: { value: 2, description: "Bold icon stroke width." }
-};
-
-// src/tokens/ui/index.ts
-var ui_exports = {};
-__export(ui_exports, {
-  button: () => button,
-  focus: () => focus,
-  input: () => input,
-  overlay: () => overlay,
-  surface: () => surface
-});
-
-// src/tokens/ui/surface.ts
-var surface = {
-  background: { value: "var(--asm-color-bg)", description: "App background surface." },
-  surface: { value: "var(--asm-color-surface)", description: "Default surface (cards)." },
-  surfaceMuted: { value: "var(--asm-color-surface-muted)", description: "Muted surface." },
-  panel: { value: "var(--asm-color-panel)", description: "Panel surface." },
-  modal: { value: "var(--asm-color-modal)", description: "Modal surface." }
-};
-
-// src/tokens/ui/button.ts
-var button = {
-  primaryBg: { value: "var(--asm-color-button-primary-bg)", description: "Primary button background." },
-  primaryText: { value: "var(--asm-color-button-primary-text)", description: "Primary button text." },
-  primaryBgHover: {
-    value: "var(--asm-color-button-primary-bg-hover)",
-    description: "Primary button background (hover)."
-  },
-  primaryBgActive: {
-    value: "var(--asm-color-button-primary-bg-active)",
-    description: "Primary button background (active)."
-  },
-  secondaryBg: { value: "var(--asm-color-button-secondary-bg)", description: "Secondary button background." },
-  secondaryText: { value: "var(--asm-color-button-secondary-text)", description: "Secondary button text." },
-  ghostBgHover: { value: "var(--asm-color-button-ghost-bg-hover)", description: "Ghost button hover background." },
-  destructiveBg: { value: "var(--asm-color-button-destructive-bg)", description: "Destructive button background." },
-  destructiveText: { value: "var(--asm-color-button-destructive-text)", description: "Destructive button text." },
-  disabledBg: { value: "var(--asm-color-button-disabled-bg)", description: "Disabled button background." },
-  disabledText: { value: "var(--asm-color-button-disabled-text)", description: "Disabled button text." }
-};
-
-// src/tokens/ui/input.ts
-var input = {
-  bg: { value: "var(--asm-color-input-bg)", description: "Input background." },
-  text: { value: "var(--asm-color-input-text)", description: "Input text." },
-  border: { value: "var(--asm-color-input-border)", description: "Input border." },
-  borderHover: { value: "var(--asm-color-input-border-hover)", description: "Input border (hover)." },
-  borderFocus: { value: "var(--asm-color-input-border-focus)", description: "Input border (focus)." },
-  placeholder: { value: "var(--asm-color-input-placeholder)", description: "Input placeholder text." },
-  errorBorder: { value: "var(--asm-color-input-error-border)", description: "Input error border." },
-  successBorder: { value: "var(--asm-color-input-success-border)", description: "Input success border." }
-};
-
-// src/tokens/ui/focus.ts
-var focus = {
-  ringColor: { value: "var(--asm-color-focus-ring)", description: "Focus ring color." },
-  ringWidth: { value: "2px", description: "Focus ring width." },
-  ringOffset: { value: "2px", description: "Focus ring offset." }
-};
-
-// src/tokens/ui/overlay.ts
-var overlay = {
-  scrim: { value: "var(--asm-color-overlay-scrim)", description: "Overlay scrim color." },
-  backdropBlur: { value: "var(--asm-effect-blur-md)", description: "Default overlay backdrop blur." }
-};
-
-// src/tokens/index.ts
-var tokens = {
-  color: color_exports,
-  typography: typography_exports,
-  spacing: spacing_exports,
-  shape: shape_exports,
-  effects: effects_exports,
-  motion: motion_exports,
-  zindex: zindex_exports,
-  iconography: iconography_exports,
-  ui: ui_exports
-};
-
-// src/core/utils.ts
-function isTokenLeaf(value) {
-  return typeof value === "object" && value !== null && "value" in value && "description" in value && (typeof value.value === "string" || typeof value.value === "number") && typeof value.description === "string";
-}
-function toKebabCase(input2) {
-  return input2.replace(/([a-z0-9])([A-Z])/g, "$1-$2").replace(/[_\s]+/g, "-").toLowerCase();
-}
-function walkTokenTree(tree, visitor, path = []) {
-  for (const [key, value] of Object.entries(tree)) {
-    const nextPath = [...path, key];
-    if (isTokenLeaf(value)) {
-      visitor({ path: nextPath, leaf: value });
-      continue;
-    }
-    if (typeof value === "object" && value !== null) {
-      walkTokenTree(value, visitor, nextPath);
-    }
-  }
-}
-
-// src/build/toCssVars.ts
-function tokenPathToCssVarName(path) {
-  const kebabParts = path.map(toKebabCase);
-  return `--asm-${kebabParts.join("-")}`;
-}
-function toCssVars(tree) {
-  const out = {};
-  walkTokenTree(tree, ({ path, leaf }) => {
-    const cssVar = tokenPathToCssVarName(path);
-    out[cssVar] = String(leaf.value);
-  });
-  return out;
-}
-function toCssVarNames(tree) {
-  const out = {};
-  walkTokenTree(tree, ({ path }) => {
-    const dotPath = path.join(".");
-    out[dotPath] = tokenPathToCssVarName(path);
-  });
-  return out;
-}
-
-// src/build/validate.ts
-var HEX_COLOR = /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6}|[0-9a-fA-F]{8})$/;
-function validateTokens(args) {
-  const errors = [];
-  const warnings = [];
-  const seenDotKeys = /* @__PURE__ */ new Set();
-  const seenCssVars = /* @__PURE__ */ new Set();
-  walkTokenTree(args.tokens, ({ path, leaf }) => {
-    const dotKey = path.join(".");
-    if (seenDotKeys.has(dotKey)) {
-      errors.push(`Duplicate token key: ${dotKey}`);
-    } else {
-      seenDotKeys.add(dotKey);
-    }
-    if (!leaf.description || leaf.description.trim().length === 0) {
-      errors.push(`Missing description for token: ${dotKey}`);
-    }
-    const cssVar = tokenPathToCssVarName(path);
-    if (!cssVar.startsWith("--asm-")) {
-      errors.push(`Invalid CSS var prefix (must be --asm-): ${cssVar}`);
-    }
-    if (seenCssVars.has(cssVar)) {
-      errors.push(`Duplicate CSS var name generated: ${cssVar} (from ${dotKey})`);
-    } else {
-      seenCssVars.add(cssVar);
-    }
-    const v = leaf.value;
-    if (typeof v === "string" && v.startsWith("#") && !HEX_COLOR.test(v)) {
-      errors.push(`Invalid hex color for ${dotKey}: ${v}`);
-    }
-  });
-  const requiredThemeVars = [
-    "--asm-color-bg",
-    "--asm-color-surface",
-    "--asm-color-text",
-    "--asm-color-border",
-    "--asm-color-button-primary-bg",
-    "--asm-color-input-border-focus",
-    "--asm-color-focus-ring",
-    "--asm-color-overlay-scrim"
-  ];
-  const themeNames = new Set(args.themes.map((t) => t.name));
-  for (const name of ["light", "dark", "high-contrast"]) {
-    if (!themeNames.has(name)) {
-      errors.push(`Missing required theme: ${name}`);
-    }
-  }
-  for (const theme of args.themes) {
-    if (theme.name !== "light" && theme.name !== "dark" && theme.name !== "high-contrast") {
-      warnings.push(`Theme has non-standard name: ${theme.name}`);
-    }
-    for (const varName of requiredThemeVars) {
-      if (!(varName in theme.tokens)) {
-        errors.push(`Theme '${theme.name}' missing required token override: ${varName}`);
-      }
-    }
-    for (const [key, value] of Object.entries(theme.tokens)) {
-      if (!key.startsWith("--asm-")) {
-        errors.push(`Theme '${theme.name}' contains non --asm- var: ${key}`);
-      }
-      if (typeof value === "string" && value.startsWith("#") && !HEX_COLOR.test(value)) {
-        errors.push(`Theme '${theme.name}' invalid hex for ${key}: ${value}`);
-      }
-    }
-  }
-  return {
-    ok: errors.length === 0,
-    errors,
-    warnings
-  };
-}
-
-// src/index.ts
-var cssVarNames = toCssVarNames(tokens);
-function applyThemeToElement(element, theme, options) {
-  const cleanup = options?.cleanup ?? false;
-  const keys = Object.keys(theme.tokens);
-  if (cleanup) {
-    for (const k of keys) {
-      element.style.removeProperty(k);
-    }
-  }
-  for (const [k, v] of Object.entries(theme.tokens)) {
-    element.style.setProperty(k, String(v));
-  }
-  if (options?.overrides) {
-    for (const [k, v] of Object.entries(options.overrides)) {
-      element.style.setProperty(k, String(v));
-    }
-  }
-}
-function prefersColorScheme() {
-  if (typeof window === "undefined" || typeof window.matchMedia !== "function") {
-    return void 0;
-  }
-  return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
-}
-function validateTokens2() {
-  return validateTokens({
-    tokens,
-    themes: [themes.light, themes.dark, themes.highContrast]
-  });
-}
-export {
-  applyThemeToElement,
-  cssVarNames,
-  prefersColorScheme,
-  themes,
-  toCssVars,
-  tokens,
-  validateTokens2 as validateTokens
-};
-//# sourceMappingURL=index.js.map