@fabio.caffarello/react-design-system 1.11.0 → 1.12.0

package/dist/tokens/index.js

@@ -1,103 +1,1606 @@
-import { U as e, A as t, aH as o, a0 as g, ax as r, K as T, B as i, aG as C, an as S, L as n, N as O, Q as E, H as l, I as y, a1 as N, aC as I, P as A, R, aK as c, M as p, a5 as d, aB as _, W as F, aJ as h, a2 as L, a6 as K, a3 as k, av as B, _ as m, X as G, aF as D, a9 as P, n as M, m as u, at as H, S as W, $ as Y, O as w, o as x, aD as v, aE as z, F as U, a4 as Z, T as f, ao as V, G as b, V as j, Y as q, aI as J, Z as Q, ak as X, aq as $, am as aa, ap as sa, v as ea, i as ta, ay as oa, aA as ga, az as ra, k as Ta, t as ia, s as Ca, r as Sa, aj as na, af as Oa, ag as Ea, D as la, C as ya, ae as Na, u as Ia, E as Aa, z as Ra, y as ca, a7 as pa, a8 as da, aw as _a, a as Fa, aa as ha, ad as La, ab as Ka, ac as ka, au as Ba, f as ma, p as Ga, g as Da, l as Pa, w as Ma, q as ua, j as Ha, J as Wa, d as Ya, b as wa, e as xa, c as va, x as za, h as Ua, ai as Za, al as fa, ah as Va } from "../tokens-BCpPv8tI.js";
+var K = Object.defineProperty;
+var P = (t, a, i) => a in t ? K(t, a, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[a] = i;
+var R = (t, a, i) => P(t, typeof a != "symbol" ? a + "" : a, i);
+const I = {
+  // Icon sizes
+  icon: {
+    sm: "h-4 w-4",
+    // 16px
+    md: "h-5 w-5",
+    // 20px (default)
+    lg: "h-6 w-6"
+    // 24px
+  },
+  // Text sizes
+  text: {
+    xs: "text-xs",
+    // 12px (group titles)
+    sm: "text-sm",
+    // 14px (items - default)
+    base: "text-base"
+    // 16px
+  },
+  // Spacing
+  spacing: {
+    itemPaddingX: "px-4",
+    // 16px horizontal padding for items
+    itemPaddingY: "py-2",
+    // 8px vertical padding for items
+    nestedIndent: "pl-6",
+    // 24px for nested items (level 1)
+    nestedIndentLevel2: "pl-10",
+    // 40px for nested items (level 2)
+    nestedIndentLevel3: "pl-14",
+    // 56px for nested items (level 3)
+    groupTitlePadding: "px-4 py-2",
+    // Padding for group titles
+    iconMargin: "mr-3"
+    // 12px margin between icon and text
+  },
+  // Colors (using Tailwind classes)
+  colors: {
+    active: {
+      bg: "bg-surface-brand-muted",
+      text: "text-fg-brand-emphasis",
+      border: "border-line-brand"
+    },
+    inactive: {
+      text: "text-fg-secondary",
+      hover: "hover:bg-surface-hover hover:text-fg-primary"
+    },
+    groupTitle: "text-fg-tertiary"
+  },
+  // Chevron (for collapsible groups)
+  chevron: {
+    size: "h-3 w-3",
+    // 12px (reduced from h-4 w-4)
+    color: "text-fg-quaternary"
+  },
+  // Navigation column (for split sidebar)
+  navigation: {
+    width: {
+      default: "56px",
+      compact: "48px",
+      expanded: "200px"
+    },
+    background: {
+      default: "#fafafa",
+      hover: "#f5f5f5"
+    }
+  },
+  // Split sidebar
+  split: {
+    transition: "transition-all duration-300",
+    collapsedWidth: "0px"
+  },
+  // Content area
+  content: {
+    scrollbar: {
+      width: "thin",
+      color: {
+        thumb: "#cbd5e1",
+        track: "#f1f5f9"
+      }
+    }
+  }
+};
+function de(t) {
+  return t <= 0 ? I.spacing.itemPaddingX : t === 1 ? I.spacing.nestedIndent : t === 2 ? I.spacing.nestedIndentLevel2 : t === 3 ? I.spacing.nestedIndentLevel3 : `pl-${4 + t * 4}`;
+}
+class c {
+  // 4px base
+  /**
+   * Create a spacing token from scale value
+   */
+  static create(a) {
+    const i = a * this.BASE_UNIT, n = i / 16;
+    return {
+      value: i,
+      rem: `${n}rem`,
+      px: `${i}px`,
+      tailwind: this.getTailwindClass(a)
+    };
+  }
+  /**
+   * Get Tailwind class for spacing value
+   */
+  static getTailwindClass(a) {
+    return {
+      0: "0",
+      0.5: "0.5",
+      // 2px — half-step, used by fine UI (badges, switches, separators)
+      1: "1",
+      // 4px
+      1.5: "1.5",
+      // 6px — half-step
+      2: "2",
+      // 8px
+      2.5: "2.5",
+      // 10px — half-step
+      3: "3",
+      // 12px
+      3.5: "3.5",
+      // 14px — half-step
+      4: "4",
+      // 16px
+      5: "5",
+      // 20px
+      6: "6",
+      // 24px
+      8: "8",
+      // 32px
+      10: "10",
+      // 40px
+      12: "12",
+      // 48px
+      16: "16",
+      // 64px
+      20: "20",
+      // 80px
+      24: "24",
+      // 96px
+      32: "32",
+      // 128px
+      40: "40",
+      // 160px
+      48: "48",
+      // 192px
+      64: "64",
+      // 256px
+      80: "80",
+      // 320px
+      96: "96"
+      // 384px
+    }[a] || String(a);
+  }
+}
+R(c, "BASE_UNIT", 4);
+const W = {
+  // Micro spacing (0-14px)
+  none: c.create(0),
+  "0.5": c.create(0.5),
+  // 2px (half-step)
+  xs: c.create(1),
+  // 4px
+  "1.5": c.create(1.5),
+  // 6px (half-step)
+  sm: c.create(2),
+  // 8px
+  "2.5": c.create(2.5),
+  // 10px (half-step)
+  md: c.create(3),
+  // 12px
+  "3.5": c.create(3.5),
+  // 14px (half-step)
+  // Standard spacing (16-32px)
+  base: c.create(4),
+  // 16px
+  lg: c.create(6),
+  // 24px
+  xl: c.create(8),
+  // 32px
+  // Large spacing (40-64px)
+  "2xl": c.create(10),
+  // 40px
+  "3xl": c.create(12),
+  // 48px
+  "4xl": c.create(16),
+  // 64px
+  // Extra large spacing (80px+)
+  "5xl": c.create(20),
+  // 80px
+  "6xl": c.create(24)
+  // 96px
+};
+function fe(t) {
+  return W[t];
+}
+function ue(t, a = "p") {
+  const n = W[t].tailwind;
+  return `${{
+    p: "p",
+    m: "m",
+    px: "px",
+    mx: "mx",
+    py: "py",
+    my: "my",
+    pt: "pt",
+    mt: "mt",
+    pr: "pr",
+    mr: "mr",
+    pb: "pb",
+    mb: "mb",
+    pl: "pl",
+    ml: "ml",
+    gap: "gap",
+    "gap-x": "gap-x",
+    "gap-y": "gap-y",
+    "space-y": "space-y"
+  }[a]}-${n}`;
+}
+class l {
+  /**
+   * Create font size token
+   */
+  static createFontSize(a) {
+    const n = {
+      "2xs": { px: 10, tailwind: "text-2xs" },
+      // micro-text (badge counters, mini chips)
+      xs: { px: 12, tailwind: "text-xs" },
+      sm: { px: 14, tailwind: "text-sm" },
+      base: { px: 16, tailwind: "text-base" },
+      lg: { px: 18, tailwind: "text-lg" },
+      xl: { px: 20, tailwind: "text-xl" },
+      "2xl": { px: 24, tailwind: "text-2xl" },
+      "3xl": { px: 30, tailwind: "text-3xl" },
+      "4xl": { px: 36, tailwind: "text-4xl" },
+      "5xl": { px: 48, tailwind: "text-5xl" },
+      "6xl": { px: 60, tailwind: "text-6xl" }
+    }[a];
+    return {
+      value: n.px,
+      rem: `${n.px / 16}rem`,
+      px: `${n.px}px`,
+      tailwind: n.tailwind
+    };
+  }
+  /**
+   * Create line height token
+   */
+  static createLineHeight(a) {
+    const n = {
+      none: { value: 1, tailwind: "leading-none" },
+      tight: { value: 1.25, tailwind: "leading-tight" },
+      snug: { value: 1.375, tailwind: "leading-snug" },
+      normal: { value: 1.5, tailwind: "leading-normal" },
+      relaxed: { value: 1.625, tailwind: "leading-relaxed" },
+      loose: { value: 2, tailwind: "leading-loose" }
+    }[a];
+    return {
+      value: n.value,
+      tailwind: n.tailwind
+    };
+  }
+  /**
+   * Create font weight token
+   */
+  static createFontWeight(a) {
+    const n = {
+      light: { value: 300, tailwind: "font-light" },
+      normal: { value: 400, tailwind: "font-normal" },
+      medium: { value: 500, tailwind: "font-medium" },
+      semibold: { value: 600, tailwind: "font-semibold" },
+      bold: { value: 700, tailwind: "font-bold" }
+    }[a];
+    return {
+      value: n.value,
+      tailwind: n.tailwind
+    };
+  }
+  /**
+   * Create complete typography token
+   */
+  static create(a, i = "normal", n = "normal") {
+    return {
+      fontSize: this.createFontSize(a),
+      lineHeight: this.createLineHeight(i),
+      fontWeight: this.createFontWeight(n)
+    };
+  }
+}
+const pe = {
+  sans: {
+    name: "sans",
+    stack: 'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif',
+    tailwind: "font-sans"
+  },
+  serif: {
+    name: "serif",
+    stack: 'ui-serif, Georgia, Cambria, "Times New Roman", Times, serif',
+    tailwind: "font-serif"
+  },
+  mono: {
+    name: "mono",
+    stack: 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace',
+    tailwind: "font-mono"
+  }
+}, ge = {
+  light: l.createFontWeight("light"),
+  normal: l.createFontWeight("normal"),
+  medium: l.createFontWeight("medium"),
+  semibold: l.createFontWeight("semibold"),
+  bold: l.createFontWeight("bold")
+}, A = {
+  // Headings
+  h1: l.create("4xl", "tight", "bold"),
+  h2: l.create("3xl", "tight", "bold"),
+  h3: l.create("2xl", "snug", "semibold"),
+  h4: l.create("xl", "snug", "semibold"),
+  h5: l.create("lg", "normal", "medium"),
+  h6: l.create("base", "normal", "medium"),
+  // Body text
+  body: l.create("base", "relaxed", "normal"),
+  bodySmall: l.create("sm", "relaxed", "normal"),
+  bodyLarge: l.create("lg", "relaxed", "normal"),
+  // UI elements
+  label: l.create("sm", "normal", "medium"),
+  caption: l.create("xs", "normal", "normal"),
+  button: l.create("base", "normal", "medium")
+};
+function he(t) {
+  return A[t];
+}
+function be(t) {
+  const a = A[t];
+  return `${a.fontSize.tailwind} ${a.lineHeight.tailwind} ${a.fontWeight.tailwind}`;
+}
+function me(t) {
+  return A[t].fontSize.tailwind;
+}
+function we(t) {
+  return l.createFontSize(t).tailwind;
+}
+function xe(t) {
+  return A[t].fontWeight.tailwind;
+}
+function ye(t) {
+  return l.createFontWeight(t).tailwind;
+}
+function ke(t) {
+  return A[t].lineHeight.tailwind;
+}
+const ve = [
+  50,
+  100,
+  200,
+  300,
+  400,
+  500,
+  600,
+  700,
+  800,
+  900,
+  950
+];
+function e(t, a, i) {
+  const n = G(t), r = Y(t);
+  return {
+    hex: t,
+    rgb: n,
+    hsl: r,
+    cssVar: `var(--color-${a}-${i})`,
+    tailwind: `${a}-${i}`
+  };
+}
+function G(t) {
+  const a = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);
+  return a ? `${parseInt(a[1], 16)}, ${parseInt(a[2], 16)}, ${parseInt(a[3], 16)}` : "0, 0, 0";
+}
+function Y(t) {
+  const a = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);
+  if (!a) return "0, 0%, 0%";
+  const i = parseInt(a[1], 16) / 255, n = parseInt(a[2], 16) / 255, r = parseInt(a[3], 16) / 255, o = Math.max(i, n, r), s = Math.min(i, n, r);
+  let f = 0, L = 0;
+  const u = (o + s) / 2;
+  if (o !== s) {
+    const b = o - s;
+    switch (L = u > 0.5 ? b / (2 - o - s) : b / (o + s), o) {
+      case i:
+        f = ((n - r) / b + (n < r ? 6 : 0)) / 6;
+        break;
+      case n:
+        f = ((r - i) / b + 2) / 6;
+        break;
+      case r:
+        f = ((i - n) / b + 4) / 6;
+        break;
+    }
+  }
+  return `${Math.round(f * 360)}, ${Math.round(L * 100)}%, ${Math.round(u * 100)}%`;
+}
+const x = {
+  50: e("#eef2ff", "indigo", 50),
+  100: e("#e0e7ff", "indigo", 100),
+  200: e("#c7d2fe", "indigo", 200),
+  300: e("#a5b4fc", "indigo", 300),
+  400: e("#818cf8", "indigo", 400),
+  500: e("#6366f1", "indigo", 500),
+  600: e("#4f46e5", "indigo", 600),
+  700: e("#4338ca", "indigo", 700),
+  800: e("#3730a3", "indigo", 800),
+  900: e("#312e81", "indigo", 900),
+  950: e("#1e1b4b", "indigo", 950)
+}, y = {
+  50: e("#f5f3ff", "violet", 50),
+  100: e("#ede9fe", "violet", 100),
+  200: e("#ddd6fe", "violet", 200),
+  300: e("#c4b5fd", "violet", 300),
+  400: e("#a78bfa", "violet", 400),
+  500: e("#8b5cf6", "violet", 500),
+  600: e("#7c3aed", "violet", 600),
+  700: e("#6d28d9", "violet", 700),
+  800: e("#5b21b6", "violet", 800),
+  900: e("#4c1d95", "violet", 900),
+  950: e("#2e1065", "violet", 950)
+}, k = {
+  50: e("#ecfeff", "cyan", 50),
+  100: e("#cffafe", "cyan", 100),
+  200: e("#a5f3fc", "cyan", 200),
+  300: e("#67e8f9", "cyan", 300),
+  400: e("#22d3ee", "cyan", 400),
+  500: e("#06b6d4", "cyan", 500),
+  600: e("#0891b2", "cyan", 600),
+  700: e("#0e7490", "cyan", 700),
+  800: e("#155e75", "cyan", 800),
+  900: e("#164e63", "cyan", 900),
+  950: e("#083344", "cyan", 950)
+}, v = {
+  50: e("#f8fafc", "slate", 50),
+  100: e("#f1f5f9", "slate", 100),
+  200: e("#e2e8f0", "slate", 200),
+  300: e("#cbd5e1", "slate", 300),
+  400: e("#94a3b8", "slate", 400),
+  500: e("#64748b", "slate", 500),
+  600: e("#475569", "slate", 600),
+  700: e("#334155", "slate", 700),
+  800: e("#1e293b", "slate", 800),
+  900: e("#0f172a", "slate", 900),
+  950: e("#020617", "slate", 950)
+}, q = {
+  50: e("#f9fafb", "gray", 50),
+  100: e("#f3f4f6", "gray", 100),
+  200: e("#e5e7eb", "gray", 200),
+  300: e("#d1d5db", "gray", 300),
+  400: e("#9ca3af", "gray", 400),
+  500: e("#6b7280", "gray", 500),
+  600: e("#4b5563", "gray", 600),
+  700: e("#374151", "gray", 700),
+  800: e("#1f2937", "gray", 800),
+  900: e("#111827", "gray", 900),
+  950: e("#030712", "gray", 950)
+}, T = {
+  50: e("#ecfdf5", "emerald", 50),
+  100: e("#d1fae5", "emerald", 100),
+  200: e("#a7f3d0", "emerald", 200),
+  300: e("#6ee7b7", "emerald", 300),
+  400: e("#34d399", "emerald", 400),
+  500: e("#10b981", "emerald", 500),
+  600: e("#059669", "emerald", 600),
+  700: e("#047857", "emerald", 700),
+  800: e("#065f46", "emerald", 800),
+  900: e("#064e3b", "emerald", 900),
+  950: e("#022c22", "emerald", 950)
+}, X = {
+  50: e("#f0fdf4", "green", 50),
+  100: e("#dcfce7", "green", 100),
+  200: e("#bbf7d0", "green", 200),
+  300: e("#86efac", "green", 300),
+  400: e("#4ade80", "green", 400),
+  500: e("#22c55e", "green", 500),
+  600: e("#16a34a", "green", 600),
+  700: e("#15803d", "green", 700),
+  800: e("#166534", "green", 800),
+  900: e("#14532d", "green", 900),
+  950: e("#052e16", "green", 950)
+}, $ = {
+  50: e("#fffbeb", "amber", 50),
+  100: e("#fef3c7", "amber", 100),
+  200: e("#fde68a", "amber", 200),
+  300: e("#fcd34d", "amber", 300),
+  400: e("#fbbf24", "amber", 400),
+  500: e("#f59e0b", "amber", 500),
+  600: e("#d97706", "amber", 600),
+  700: e("#b45309", "amber", 700),
+  800: e("#92400e", "amber", 800),
+  900: e("#78350f", "amber", 900),
+  950: e("#451a03", "amber", 950)
+}, j = {
+  50: e("#fefce8", "yellow", 50),
+  100: e("#fef9c3", "yellow", 100),
+  200: e("#fef08a", "yellow", 200),
+  300: e("#fde047", "yellow", 300),
+  400: e("#facc15", "yellow", 400),
+  500: e("#eab308", "yellow", 500),
+  600: e("#ca8a04", "yellow", 600),
+  700: e("#a16207", "yellow", 700),
+  800: e("#854d0e", "yellow", 800),
+  900: e("#713f12", "yellow", 900),
+  950: e("#422006", "yellow", 950)
+}, Z = {
+  50: e("#fff7ed", "orange", 50),
+  100: e("#ffedd5", "orange", 100),
+  200: e("#fed7aa", "orange", 200),
+  300: e("#fdba74", "orange", 300),
+  400: e("#fb923c", "orange", 400),
+  500: e("#f97316", "orange", 500),
+  600: e("#ea580c", "orange", 600),
+  700: e("#c2410c", "orange", 700),
+  800: e("#9a3412", "orange", 800),
+  900: e("#7c2d12", "orange", 900),
+  950: e("#431407", "orange", 950)
+}, S = {
+  50: e("#fff1f2", "rose", 50),
+  100: e("#ffe4e6", "rose", 100),
+  200: e("#fecdd3", "rose", 200),
+  300: e("#fda4af", "rose", 300),
+  400: e("#fb7185", "rose", 400),
+  500: e("#f43f5e", "rose", 500),
+  600: e("#e11d48", "rose", 600),
+  700: e("#be123c", "rose", 700),
+  800: e("#9f1239", "rose", 800),
+  900: e("#881337", "rose", 900),
+  950: e("#4c0519", "rose", 950)
+}, Q = {
+  50: e("#fef2f2", "red", 50),
+  100: e("#fee2e2", "red", 100),
+  200: e("#fecaca", "red", 200),
+  300: e("#fca5a5", "red", 300),
+  400: e("#f87171", "red", 400),
+  500: e("#ef4444", "red", 500),
+  600: e("#dc2626", "red", 600),
+  700: e("#b91c1c", "red", 700),
+  800: e("#991b1b", "red", 800),
+  900: e("#7f1d1d", "red", 900),
+  950: e("#450a0a", "red", 950)
+}, E = {
+  50: e("#f0f9ff", "sky", 50),
+  100: e("#e0f2fe", "sky", 100),
+  200: e("#bae6fd", "sky", 200),
+  300: e("#7dd3fc", "sky", 300),
+  400: e("#38bdf8", "sky", 400),
+  500: e("#0ea5e9", "sky", 500),
+  600: e("#0284c7", "sky", 600),
+  700: e("#0369a1", "sky", 700),
+  800: e("#075985", "sky", 800),
+  900: e("#0c4a6e", "sky", 900),
+  950: e("#082f49", "sky", 950)
+}, J = {
+  50: e("#eff6ff", "blue", 50),
+  100: e("#dbeafe", "blue", 100),
+  200: e("#bfdbfe", "blue", 200),
+  300: e("#93c5fd", "blue", 300),
+  400: e("#60a5fa", "blue", 400),
+  500: e("#3b82f6", "blue", 500),
+  600: e("#2563eb", "blue", 600),
+  700: e("#1d4ed8", "blue", 700),
+  800: e("#1e40af", "blue", 800),
+  900: e("#1e3a8a", "blue", 900),
+  950: e("#172554", "blue", 950)
+}, ee = {
+  50: e("#fdf4ff", "fuchsia", 50),
+  100: e("#fae8ff", "fuchsia", 100),
+  200: e("#f5d0fe", "fuchsia", 200),
+  300: e("#f0abfc", "fuchsia", 300),
+  400: e("#e879f9", "fuchsia", 400),
+  500: e("#d946ef", "fuchsia", 500),
+  600: e("#c026d3", "fuchsia", 600),
+  700: e("#a21caf", "fuchsia", 700),
+  800: e("#86198f", "fuchsia", 800),
+  900: e("#701a75", "fuchsia", 900),
+  950: e("#4a044e", "fuchsia", 950)
+}, te = {
+  50: e("#fdf2f8", "pink", 50),
+  100: e("#fce7f3", "pink", 100),
+  200: e("#fbcfe8", "pink", 200),
+  300: e("#f9a8d4", "pink", 300),
+  400: e("#f472b6", "pink", 400),
+  500: e("#ec4899", "pink", 500),
+  600: e("#db2777", "pink", 600),
+  700: e("#be185d", "pink", 700),
+  800: e("#9d174d", "pink", 800),
+  900: e("#831843", "pink", 900),
+  950: e("#500724", "pink", 950)
+}, ae = {
+  50: e("#faf5ff", "purple", 50),
+  100: e("#f3e8ff", "purple", 100),
+  200: e("#e9d5ff", "purple", 200),
+  300: e("#d8b4fe", "purple", 300),
+  400: e("#c084fc", "purple", 400),
+  500: e("#a855f7", "purple", 500),
+  600: e("#9333ea", "purple", 600),
+  700: e("#7e22ce", "purple", 700),
+  800: e("#6b21a8", "purple", 800),
+  900: e("#581c87", "purple", 900),
+  950: e("#3b0764", "purple", 950)
+}, ne = {
+  50: e("#f0fdfa", "teal", 50),
+  100: e("#ccfbf1", "teal", 100),
+  200: e("#99f6e4", "teal", 200),
+  300: e("#5eead4", "teal", 300),
+  400: e("#2dd4bf", "teal", 400),
+  500: e("#14b8a6", "teal", 500),
+  600: e("#0d9488", "teal", 600),
+  700: e("#0f766e", "teal", 700),
+  800: e("#115e59", "teal", 800),
+  900: e("#134e4a", "teal", 900),
+  950: e("#042f2e", "teal", 950)
+}, ie = {
+  50: e("#f7fee7", "lime", 50),
+  100: e("#ecfccb", "lime", 100),
+  200: e("#d9f99d", "lime", 200),
+  300: e("#bef264", "lime", 300),
+  400: e("#a3e635", "lime", 400),
+  500: e("#84cc16", "lime", 500),
+  600: e("#65a30d", "lime", 600),
+  700: e("#4d7c0f", "lime", 700),
+  800: e("#3f6212", "lime", 800),
+  900: e("#365314", "lime", 900),
+  950: e("#1a2e05", "lime", 950)
+}, U = {
+  indigo: x,
+  violet: y,
+  cyan: k,
+  slate: v,
+  gray: q,
+  emerald: T,
+  green: X,
+  amber: $,
+  yellow: j,
+  orange: Z,
+  rose: S,
+  red: Q,
+  sky: E,
+  blue: J,
+  fuchsia: ee,
+  pink: te,
+  purple: ae,
+  teal: ne,
+  lime: ie
+};
+function C(t, a) {
+  return U[t][a];
+}
+function Te(t) {
+  return U[t];
+}
+const D = {
+  primary: {
+    light: x[400],
+    DEFAULT: x[500],
+    dark: x[600],
+    contrast: {
+      hex: "#ffffff",
+      rgb: "255, 255, 255",
+      hsl: "0, 0%, 100%",
+      cssVar: "var(--color-white)",
+      tailwind: "white"
+    }
+  },
+  secondary: {
+    light: y[400],
+    DEFAULT: y[500],
+    dark: y[600],
+    contrast: {
+      hex: "#ffffff",
+      rgb: "255, 255, 255",
+      hsl: "0, 0%, 100%",
+      cssVar: "var(--color-white)",
+      tailwind: "white"
+    }
+  },
+  accent: {
+    light: k[400],
+    DEFAULT: k[500],
+    dark: k[600],
+    contrast: {
+      hex: "#ffffff",
+      rgb: "255, 255, 255",
+      hsl: "0, 0%, 100%",
+      cssVar: "var(--color-white)",
+      tailwind: "white"
+    }
+  },
+  success: {
+    light: T[400],
+    DEFAULT: T[500],
+    dark: T[600],
+    contrast: {
+      hex: "#ffffff",
+      rgb: "255, 255, 255",
+      hsl: "0, 0%, 100%",
+      cssVar: "var(--color-white)",
+      tailwind: "white"
+    }
+  },
+  warning: {
+    light: $[400],
+    DEFAULT: $[500],
+    dark: $[600],
+    contrast: {
+      hex: "#000000",
+      rgb: "0, 0, 0",
+      hsl: "0, 0%, 0%",
+      cssVar: "var(--color-black)",
+      tailwind: "black"
+    }
+  },
+  error: {
+    light: S[400],
+    DEFAULT: S[500],
+    dark: S[600],
+    contrast: {
+      hex: "#ffffff",
+      rgb: "255, 255, 255",
+      hsl: "0, 0%, 100%",
+      cssVar: "var(--color-white)",
+      tailwind: "white"
+    }
+  },
+  info: {
+    light: E[400],
+    DEFAULT: E[500],
+    dark: E[600],
+    contrast: {
+      hex: "#ffffff",
+      rgb: "255, 255, 255",
+      hsl: "0, 0%, 100%",
+      cssVar: "var(--color-white)",
+      tailwind: "white"
+    }
+  },
+  neutral: {
+    light: v[100],
+    DEFAULT: v[500],
+    dark: v[700],
+    contrast: {
+      hex: "#ffffff",
+      rgb: "255, 255, 255",
+      hsl: "0, 0%, 100%",
+      cssVar: "var(--color-white)",
+      tailwind: "white"
+    }
+  }
+}, V = {
+  primary: {
+    light: x[500],
+    DEFAULT: x[400],
+    dark: x[300],
+    contrast: {
+      hex: "#ffffff",
+      rgb: "255, 255, 255",
+      hsl: "0, 0%, 100%",
+      cssVar: "var(--color-white)",
+      tailwind: "white"
+    }
+  },
+  secondary: {
+    light: y[500],
+    DEFAULT: y[400],
+    dark: y[300],
+    contrast: {
+      hex: "#ffffff",
+      rgb: "255, 255, 255",
+      hsl: "0, 0%, 100%",
+      cssVar: "var(--color-white)",
+      tailwind: "white"
+    }
+  },
+  accent: {
+    light: k[500],
+    DEFAULT: k[400],
+    dark: k[300],
+    contrast: {
+      hex: "#000000",
+      rgb: "0, 0, 0",
+      hsl: "0, 0%, 0%",
+      cssVar: "var(--color-black)",
+      tailwind: "black"
+    }
+  },
+  success: {
+    light: T[500],
+    DEFAULT: T[400],
+    dark: T[300],
+    contrast: {
+      hex: "#000000",
+      rgb: "0, 0, 0",
+      hsl: "0, 0%, 0%",
+      cssVar: "var(--color-black)",
+      tailwind: "black"
+    }
+  },
+  warning: {
+    light: $[500],
+    DEFAULT: $[400],
+    dark: $[300],
+    contrast: {
+      hex: "#000000",
+      rgb: "0, 0, 0",
+      hsl: "0, 0%, 0%",
+      cssVar: "var(--color-black)",
+      tailwind: "black"
+    }
+  },
+  error: {
+    light: S[500],
+    DEFAULT: S[400],
+    dark: S[300],
+    contrast: {
+      hex: "#ffffff",
+      rgb: "255, 255, 255",
+      hsl: "0, 0%, 100%",
+      cssVar: "var(--color-white)",
+      tailwind: "white"
+    }
+  },
+  info: {
+    light: E[500],
+    DEFAULT: E[400],
+    dark: E[300],
+    contrast: {
+      hex: "#ffffff",
+      rgb: "255, 255, 255",
+      hsl: "0, 0%, 100%",
+      cssVar: "var(--color-white)",
+      tailwind: "white"
+    }
+  },
+  neutral: {
+    light: v[700],
+    DEFAULT: v[400],
+    dark: v[300],
+    contrast: {
+      hex: "#ffffff",
+      rgb: "255, 255, 255",
+      hsl: "0, 0%, 100%",
+      cssVar: "var(--color-white)",
+      tailwind: "white"
+    }
+  }
+}, $e = D;
+function O(t, a = "DEFAULT", i = "light") {
+  return (i === "dark" ? V : D)[t][a];
+}
+function Se(t, a = "light") {
+  return (a === "dark" ? V : D)[t];
+}
+function Ee(t, a, i = {}) {
+  const { format: n = "hex", opacity: r } = i, o = C(t, a);
+  let s;
+  switch (n) {
+    case "rgb":
+      s = r !== void 0 ? `rgba(${o.rgb}, ${r})` : `rgb(${o.rgb})`;
+      break;
+    case "hsl":
+      s = r !== void 0 ? `hsla(${o.hsl}, ${r})` : `hsl(${o.hsl})`;
+      break;
+    case "cssVar":
+      s = o.cssVar;
+      break;
+    case "tailwind":
+      s = o.tailwind;
+      break;
+    case "hex":
+    default:
+      s = o.hex;
+  }
+  return s;
+}
+function Fe(t, a = "DEFAULT", i = {}) {
+  const { format: n = "hex", opacity: r } = i, o = O(t, a);
+  let s;
+  switch (n) {
+    case "rgb":
+      s = r !== void 0 ? `rgba(${o.rgb}, ${r})` : `rgb(${o.rgb})`;
+      break;
+    case "hsl":
+      s = r !== void 0 ? `hsla(${o.hsl}, ${r})` : `hsl(${o.hsl})`;
+      break;
+    case "cssVar":
+      s = o.cssVar;
+      break;
+    case "tailwind":
+      s = o.tailwind;
+      break;
+    case "hex":
+    default:
+      s = o.hex;
+  }
+  return s;
+}
+function Me(t, a, i = {}) {
+  const {
+    type: n = "text",
+    hover: r = !1,
+    focus: o = !1,
+    active: s = !1
+  } = i, f = C(t, a), u = [`${n}-${f.tailwind}`];
+  return r && u.push(`hover:${n}-${f.tailwind}`), o && u.push(`focus:${n}-${f.tailwind}`), s && u.push(`active:${n}-${f.tailwind}`), u.join(" ");
+}
+function Ae(t, a = "DEFAULT", i = {}) {
+  const {
+    type: n = "text",
+    hover: r = !1,
+    focus: o = !1,
+    active: s = !1
+  } = i, f = O(t, a), u = [`${n}-${f.tailwind}`];
+  if (r) {
+    const b = O(
+      t,
+      a === "DEFAULT" ? "dark" : "DEFAULT"
+    );
+    u.push(`hover:${n}-${b.tailwind}`);
+  }
+  if (o && u.push(`focus:${n}-${f.tailwind}`), s) {
+    const b = O(t, "dark");
+    u.push(`active:${n}-${b.tailwind}`);
+  }
+  return u.join(" ");
+}
+function Ce(t, a, i = "bg") {
+  const n = C(t, a);
+  return `hover:${i}-${n.tailwind}`;
+}
+function Le(t, a, i = "border") {
+  const n = C(t, a);
+  return `focus:${i}-${n.tailwind}`;
+}
+function Ie(t, a) {
+  return `focus:ring-${C(t, a).tailwind}`;
+}
+function Oe(t, a) {
+  return `rgba(${t.rgb}, ${a})`;
+}
+function re(t) {
+  const a = N(t);
+  return a ? 0.299 * a[0] + 0.587 * a[1] + 0.114 * a[2] > 128 : !0;
+}
+function Ne(t) {
+  return re(t) ? "#000000" : "#ffffff";
+}
+function N(t) {
+  const a = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);
+  return a ? [
+    parseInt(a[1], 16),
+    parseInt(a[2], 16),
+    parseInt(a[3], 16)
+  ] : null;
+}
+function _(t, a, i = 0.5) {
+  const n = N(t), r = N(a);
+  if (!n || !r) return t;
+  const o = Math.round(n[0] * (1 - i) + r[0] * i), s = Math.round(n[1] * (1 - i) + r[1] * i), f = Math.round(n[2] * (1 - i) + r[2] * i);
+  return `#${((1 << 24) + (o << 16) + (s << 8) + f).toString(16).slice(1)}`;
+}
+function De(t, a) {
+  return _(t, "#ffffff", a / 100);
+}
+function Re(t, a) {
+  return _(t, "#000000", a / 100);
+}
+const We = {
+  primary: {
+    name: "indigo",
+    light: 400,
+    default: 500,
+    dark: 600
+  },
+  secondary: {
+    name: "violet",
+    light: 400,
+    default: 500,
+    dark: 600
+  },
+  accent: {
+    name: "cyan",
+    light: 400,
+    default: 500,
+    dark: 600
+  }
+};
+class F {
+  /**
+   * Create breakpoint token
+   */
+  static create(a) {
+    const n = {
+      sm: { minWidth: 640, tailwind: "sm" },
+      md: { minWidth: 768, tailwind: "md" },
+      lg: { minWidth: 1024, tailwind: "lg" },
+      xl: { minWidth: 1280, tailwind: "xl" },
+      "2xl": { minWidth: 1536, tailwind: "2xl" }
+    }[a];
+    return {
+      name: a,
+      minWidth: n.minWidth,
+      px: `${n.minWidth}px`,
+      rem: `${n.minWidth / 16}rem`,
+      tailwind: n.tailwind
+    };
+  }
+}
+const z = {
+  sm: F.create("sm"),
+  md: F.create("md"),
+  lg: F.create("lg"),
+  xl: F.create("xl"),
+  "2xl": F.create("2xl")
+};
+function Ue(t) {
+  return z[t];
+}
+function Ve(t, a = "min") {
+  const i = z[t];
+  return `@media (${a === "min" ? "min-width" : "max-width"}: ${i.px})`;
+}
+class g {
+  /**
+   * Create an animation token
+   */
+  static create(a, i = "ease-in-out") {
+    const n = {
+      fast: {
+        value: "150ms",
+        ms: 150,
+        tailwind: "duration-150"
+      },
+      base: {
+        value: "200ms",
+        ms: 200,
+        tailwind: "duration-200"
+      },
+      slow: {
+        value: "300ms",
+        ms: 300,
+        tailwind: "duration-300"
+      },
+      slower: {
+        value: "500ms",
+        ms: 500,
+        tailwind: "duration-500"
+      }
+    }, r = {
+      "ease-in": {
+        value: "cubic-bezier(0.4, 0, 1, 1)",
+        tailwind: "ease-in",
+        description: "Slow start, fast end"
+      },
+      "ease-out": {
+        value: "cubic-bezier(0, 0, 0.2, 1)",
+        tailwind: "ease-out",
+        description: "Fast start, slow end"
+      },
+      "ease-in-out": {
+        value: "cubic-bezier(0.4, 0, 0.2, 1)",
+        tailwind: "ease-in-out",
+        description: "Slow start and end, fast middle"
+      },
+      spring: {
+        value: "cubic-bezier(0.68, -0.55, 0.265, 1.55)",
+        tailwind: "ease-[cubic-bezier(0.68,-0.55,0.265,1.55)]",
+        description: "Spring-like bounce effect"
+      }
+    };
+    return {
+      duration: n[a],
+      easing: r[i]
+    };
+  }
+  /**
+   * Create a transition token
+   */
+  static createTransition(a, i = "base", n = "ease-in-out") {
+    const r = this.create(i, n), o = Array.isArray(a) ? a.join(", ") : a, s = [
+      r.duration.tailwind,
+      r.easing.tailwind
+    ].join(" ");
+    return {
+      property: o,
+      duration: r.duration.value,
+      timingFunction: r.easing.value,
+      tailwind: s
+    };
+  }
+}
+const _e = {
+  fast: g.create("fast"),
+  base: g.create("base"),
+  slow: g.create("slow"),
+  slower: g.create("slower"),
+  // Common transitions
+  colors: g.createTransition(
+    ["color", "background-color", "border-color"],
+    "base"
+  ),
+  opacity: g.createTransition("opacity", "fast"),
+  transform: g.createTransition("transform", "base"),
+  all: g.createTransition("all", "base")
+};
+function ze(t, a) {
+  return g.create(t, a);
+}
+function Be(t, a = "ease-in-out") {
+  const i = g.create(t, a);
+  return `${i.duration.tailwind} ${i.easing.tailwind}`;
+}
+function He(t, a = "base", i = "ease-in-out") {
+  return g.createTransition(
+    t,
+    a,
+    i
+  ).tailwind;
+}
+class p {
+  /**
+   * Create a z-index token
+   */
+  static create(a) {
+    return {
+      base: {
+        value: 0,
+        tailwind: "z-0",
+        description: "Base layer for normal content"
+      },
+      dropdown: {
+        value: 1e3,
+        tailwind: "z-[1000]",
+        description: "Dropdown menus and select options"
+      },
+      sticky: {
+        value: 1020,
+        tailwind: "z-[1020]",
+        description: "Sticky headers and navigation"
+      },
+      fixed: {
+        value: 1030,
+        tailwind: "z-[1030]",
+        description: "Fixed position elements"
+      },
+      "modal-backdrop": {
+        value: 1040,
+        tailwind: "z-[1040]",
+        description: "Modal backdrop/overlay"
+      },
+      modal: {
+        value: 1050,
+        tailwind: "z-[1050]",
+        description: "Modal dialogs and drawers"
+      },
+      popover: {
+        value: 1060,
+        tailwind: "z-[1060]",
+        description: "Popovers and tooltips"
+      },
+      tooltip: {
+        value: 1070,
+        tailwind: "z-[1070]",
+        description: "Tooltips (highest priority)"
+      },
+      toast: {
+        value: 1080,
+        tailwind: "z-[1080]",
+        description: "Toast notifications (highest priority)"
+      }
+    }[a];
+  }
+}
+const Ke = {
+  base: p.create("base"),
+  dropdown: p.create("dropdown"),
+  sticky: p.create("sticky"),
+  fixed: p.create("fixed"),
+  "modal-backdrop": p.create("modal-backdrop"),
+  modal: p.create("modal"),
+  popover: p.create("popover"),
+  tooltip: p.create("tooltip"),
+  toast: p.create("toast")
+};
+function Pe(t) {
+  return p.create(t);
+}
+function Ge(t) {
+  return p.create(t).tailwind;
+}
+class d {
+  /**
+   * Create an opacity token
+   */
+  static create(a) {
+    const i = a / 100, n = {
+      0: "Fully transparent",
+      5: "Very light overlay",
+      10: "Light overlay",
+      20: "Subtle overlay",
+      25: "Quarter opacity",
+      30: "Light background",
+      40: "Semi-transparent",
+      50: "Half opacity",
+      60: "Semi-opaque",
+      70: "Mostly opaque",
+      75: "Three-quarter opacity",
+      80: "High opacity",
+      90: "Very high opacity",
+      95: "Nearly opaque",
+      100: "Fully opaque"
+    };
+    return {
+      value: a,
+      decimal: i,
+      tailwind: {
+        0: "opacity-0",
+        5: "opacity-5",
+        10: "opacity-10",
+        20: "opacity-20",
+        25: "opacity-25",
+        30: "opacity-30",
+        40: "opacity-40",
+        50: "opacity-50",
+        60: "opacity-60",
+        70: "opacity-70",
+        75: "opacity-75",
+        80: "opacity-80",
+        90: "opacity-90",
+        95: "opacity-95",
+        100: "opacity-100"
+      }[a],
+      description: n[a]
+    };
+  }
+}
+const Ye = {
+  transparent: d.create(0),
+  5: d.create(5),
+  10: d.create(10),
+  20: d.create(20),
+  25: d.create(25),
+  30: d.create(30),
+  40: d.create(40),
+  50: d.create(50),
+  60: d.create(60),
+  70: d.create(70),
+  75: d.create(75),
+  80: d.create(80),
+  90: d.create(90),
+  95: d.create(95),
+  opaque: d.create(100)
+};
+function qe(t) {
+  return d.create(t);
+}
+function Xe(t) {
+  return d.create(t).tailwind;
+}
+class m {
+  /**
+   * Create a radius token
+   */
+  static create(a) {
+    const n = {
+      none: {
+        px: 0,
+        tailwind: "rounded-none",
+        description: "No border radius"
+      },
+      sm: {
+        px: 2,
+        tailwind: "rounded-sm",
+        description: "Small radius (2px) for subtle rounding"
+      },
+      md: {
+        px: 6,
+        tailwind: "rounded-md",
+        description: "Medium radius (6px) for buttons and inputs"
+      },
+      lg: {
+        px: 8,
+        tailwind: "rounded-lg",
+        description: "Large radius (8px) for cards and containers"
+      },
+      xl: {
+        px: 12,
+        tailwind: "rounded-xl",
+        description: "Extra large radius (12px) for prominent elements"
+      },
+      "2xl": {
+        px: 16,
+        tailwind: "rounded-2xl",
+        description: "2X large radius (16px) for large containers"
+      },
+      "3xl": {
+        px: 24,
+        tailwind: "rounded-3xl",
+        description: "3X large radius (24px) for very large containers"
+      },
+      full: {
+        px: 9999,
+        tailwind: "rounded-full",
+        description: "Full radius for circular elements"
+      }
+    }[a];
+    return {
+      value: n.px,
+      rem: `${n.px / 16}rem`,
+      px: `${n.px}px`,
+      tailwind: n.tailwind,
+      description: n.description
+    };
+  }
+}
+const B = {
+  none: m.create("none"),
+  sm: m.create("sm"),
+  md: m.create("md"),
+  lg: m.create("lg"),
+  xl: m.create("xl"),
+  "2xl": m.create("2xl"),
+  "3xl": m.create("3xl"),
+  full: m.create("full")
+};
+function je(t) {
+  return B[t];
+}
+function Ze(t) {
+  return B[t].tailwind;
+}
+class h {
+  /**
+   * Create a border width token
+   */
+  static createWidth(a) {
+    const n = {
+      none: {
+        px: 0,
+        tailwind: "border-0"
+      },
+      thin: {
+        px: 1,
+        tailwind: "border"
+      },
+      base: {
+        px: 1,
+        tailwind: "border"
+      },
+      medium: {
+        px: 2,
+        tailwind: "border-2"
+      },
+      thick: {
+        px: 4,
+        tailwind: "border-4"
+      }
+    }[a];
+    return {
+      value: n.px,
+      px: `${n.px}px`,
+      tailwind: n.tailwind
+    };
+  }
+  /**
+   * Create a complete border token
+   */
+  static create(a, i = "solid") {
+    return {
+      width: this.createWidth(a),
+      style: i,
+      description: `${a} ${i} border`
+    };
+  }
+}
+const oe = {
+  none: h.create("none"),
+  thin: h.create("thin"),
+  base: h.create("base"),
+  medium: h.create("medium"),
+  thick: h.create("thick"),
+  // Dashed variants
+  thinDashed: h.create("thin", "dashed"),
+  baseDashed: h.create("base", "dashed"),
+  // Dotted variants
+  thinDotted: h.create("thin", "dotted"),
+  baseDotted: h.create("base", "dotted")
+};
+function Qe(t) {
+  return oe[t];
+}
+function se(t) {
+  return h.createWidth(t).tailwind;
+}
+function le(t) {
+  return {
+    solid: "border-solid",
+    dashed: "border-dashed",
+    dotted: "border-dotted"
+  }[t];
+}
+function Je(t, a = "solid") {
+  return `${se(t)} ${le(a)}`;
+}
+class w {
+  /**
+   * Create a shadow token
+   */
+  static create(a) {
+    return {
+      none: {
+        value: "none",
+        tailwind: "shadow-none",
+        description: "No shadow"
+      },
+      sm: {
+        value: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
+        tailwind: "shadow-sm",
+        description: "Small shadow for subtle elevation"
+      },
+      md: {
+        value: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
+        tailwind: "shadow-md",
+        description: "Medium shadow for cards and elevated elements"
+      },
+      lg: {
+        value: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
+        tailwind: "shadow-lg",
+        description: "Large shadow for modals and dropdowns"
+      },
+      xl: {
+        value: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
+        tailwind: "shadow-xl",
+        description: "Extra large shadow for prominent modals"
+      },
+      "2xl": {
+        value: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
+        tailwind: "shadow-2xl",
+        description: "2X large shadow for maximum elevation"
+      },
+      inner: {
+        value: "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)",
+        tailwind: "shadow-inner",
+        description: "Inner shadow for inset elements"
+      }
+    }[a];
+  }
+}
+const H = {
+  none: w.create("none"),
+  sm: w.create("sm"),
+  md: w.create("md"),
+  lg: w.create("lg"),
+  xl: w.create("xl"),
+  "2xl": w.create("2xl"),
+  inner: w.create("inner")
+};
+function e0(t) {
+  return H[t];
+}
+function t0(t) {
+  return H[t].tailwind;
+}
+const M = {
+  /**
+   * Track (the rounded background bar).
+   * w * h:
+   *   sm — 36 × 20 px
+   *   md — 44 × 24 px
+   *   lg — 56 × 28 px
+   */
+  track: {
+    sm: { w: "w-9", h: "h-5" },
+    md: { w: "w-11", h: "h-6" },
+    lg: { w: "w-14", h: "h-7" }
+  },
+  /**
+   * Thumb (the circular knob).
+   * w * h:
+   *   sm — 16 × 16 px
+   *   md — 20 × 20 px
+   *   lg — 24 × 24 px
+   */
+  thumb: {
+    sm: { w: "w-4", h: "h-4" },
+    md: { w: "w-5", h: "h-5" },
+    lg: { w: "w-6", h: "h-6" }
+  },
+  /**
+   * Translation distance of the thumb when the switch is on. Matches the
+   * track width minus the thumb width and border for visual symmetry.
+   *   sm — 16 px
+   *   md — 20 px
+   *   lg — 28 px
+   */
+  translate: {
+    sm: "translate-x-4",
+    md: "translate-x-5",
+    lg: "translate-x-7"
+  }
+};
+function a0(t) {
+  return {
+    track: `${M.track[t].w} ${M.track[t].h}`,
+    thumb: `${M.thumb[t].w} ${M.thumb[t].h}`,
+    translate: M.translate[t]
+  };
+}
 export {
-  e as AMBER,
-  t as ANIMATION_TOKENS,
-  o as AnimationTokenFactory,
-  g as BLUE,
-  r as BORDER_TOKENS,
-  T as BRAND_COLORS,
-  i as BREAKPOINT_TOKENS,
-  C as BorderTokenFactory,
-  S as BreakpointTokenFactory,
-  n as COLOR_SCALES,
-  O as CYAN,
-  E as EMERALD,
-  l as FONT_FAMILY_TOKENS,
-  y as FONT_WEIGHT_TOKENS,
-  N as FUCHSIA,
-  I as GRADIENT_TOKENS,
-  A as GRAY,
-  R as GREEN,
-  c as GradientTokenFactory,
-  p as INDIGO,
-  d as LIME,
-  _ as OPACITY_TOKENS,
-  F as ORANGE,
-  h as OpacityTokenFactory,
-  L as PINK,
-  K as PRIMITIVE_COLORS,
-  k as PURPLE,
+  $ as AMBER,
+  _e as ANIMATION_TOKENS,
+  g as AnimationTokenFactory,
+  J as BLUE,
+  oe as BORDER_TOKENS,
+  We as BRAND_COLORS,
+  z as BREAKPOINT_TOKENS,
+  h as BorderTokenFactory,
+  F as BreakpointTokenFactory,
+  ve as COLOR_SCALES,
+  k as CYAN,
+  T as EMERALD,
+  pe as FONT_FAMILY_TOKENS,
+  ge as FONT_WEIGHT_TOKENS,
+  ee as FUCHSIA,
+  q as GRAY,
+  X as GREEN,
+  x as INDIGO,
+  ie as LIME,
+  Ye as OPACITY_TOKENS,
+  Z as ORANGE,
+  d as OpacityTokenFactory,
+  te as PINK,
+  U as PRIMITIVE_COLORS,
+  ae as PURPLE,
   B as RADIUS_TOKENS,
-  m as RED,
-  G as ROSE,
-  D as RadiusTokenFactory,
-  P as SEMANTIC_COLORS,
-  M as SEMANTIC_COLORS_DARK,
-  u as SEMANTIC_COLORS_LIGHT,
+  Q as RED,
+  S as ROSE,
+  m as RadiusTokenFactory,
+  $e as SEMANTIC_COLORS,
+  V as SEMANTIC_COLORS_DARK,
+  D as SEMANTIC_COLORS_LIGHT,
   H as SHADOW_TOKENS,
-  W as SIDEBAR_TOKENS,
-  Y as SKY,
-  w as SLATE,
-  x as SPACING_TOKENS,
-  v as SWITCH_TOKENS,
-  z as ShadowTokenFactory,
-  U as SpacingTokenFactory,
-  Z as TEAL,
-  f as TYPOGRAPHY_TOKENS,
-  V as TokensFactory,
-  b as TypographyTokenFactory,
-  j as VIOLET,
-  q as YELLOW,
-  J as ZIndexTokenFactory,
-  Q as Z_INDEX_TOKENS,
-  X as blendColors,
-  $ as createTokenSet,
-  aa as darken,
-  sa as defaultTokensFactory,
-  ea as getAnimation,
-  ta as getAnimationClass,
-  oa as getBorder,
-  ga as getBorderClasses,
-  ra as getBorderStyleClass,
-  Ta as getBorderWidthClass,
-  ia as getBreakpoint,
-  Ca as getColor,
-  Sa as getColorClass,
-  na as getContrastColor,
-  Oa as getFocusColorClass,
-  Ea as getFocusRingClass,
-  la as getGradient,
-  ya as getGradientClass,
-  Na as getHoverColorClass,
-  Ia as getMediaQuery,
-  Aa as getNestedIndentClass,
-  Ra as getOpacity,
-  ca as getOpacityClass,
-  pa as getPrimitiveColor,
-  da as getPrimitiveColorPalette,
-  _a as getRadius,
-  Fa as getRadiusClass,
-  ha as getSemanticColor,
-  La as getSemanticColorClass,
-  Ka as getSemanticColorRole,
-  ka as getSemanticColorValue,
-  Ba as getShadow,
-  ma as getShadowClass,
-  Ga as getSpacing,
-  Da as getSpacingClass,
-  Pa as getSwitchClasses,
-  Ma as getTransitionClass,
-  ua as getTypography,
-  Ha as getTypographyClasses,
-  Wa as getTypographyLineHeight,
-  Ya as getTypographySize,
-  wa as getTypographySizeFromFontSize,
-  xa as getTypographyWeight,
-  va as getTypographyWeightFromFontWeight,
-  za as getZIndex,
-  Ua as getZIndexClass,
-  Za as isLightColor,
-  fa as lighten,
-  Va as withOpacity
+  I as SIDEBAR_TOKENS,
+  E as SKY,
+  v as SLATE,
+  W as SPACING_TOKENS,
+  M as SWITCH_TOKENS,
+  w as ShadowTokenFactory,
+  c as SpacingTokenFactory,
+  ne as TEAL,
+  A as TYPOGRAPHY_TOKENS,
+  l as TypographyTokenFactory,
+  y as VIOLET,
+  j as YELLOW,
+  p as ZIndexTokenFactory,
+  Ke as Z_INDEX_TOKENS,
+  _ as blendColors,
+  Re as darken,
+  ze as getAnimation,
+  Be as getAnimationClass,
+  Qe as getBorder,
+  Je as getBorderClasses,
+  le as getBorderStyleClass,
+  se as getBorderWidthClass,
+  Ue as getBreakpoint,
+  Ee as getColor,
+  Me as getColorClass,
+  Ne as getContrastColor,
+  Le as getFocusColorClass,
+  Ie as getFocusRingClass,
+  Ce as getHoverColorClass,
+  Ve as getMediaQuery,
+  de as getNestedIndentClass,
+  qe as getOpacity,
+  Xe as getOpacityClass,
+  C as getPrimitiveColor,
+  Te as getPrimitiveColorPalette,
+  je as getRadius,
+  Ze as getRadiusClass,
+  O as getSemanticColor,
+  Ae as getSemanticColorClass,
+  Se as getSemanticColorRole,
+  Fe as getSemanticColorValue,
+  e0 as getShadow,
+  t0 as getShadowClass,
+  fe as getSpacing,
+  ue as getSpacingClass,
+  a0 as getSwitchClasses,
+  He as getTransitionClass,
+  he as getTypography,
+  be as getTypographyClasses,
+  ke as getTypographyLineHeight,
+  me as getTypographySize,
+  we as getTypographySizeFromFontSize,
+  xe as getTypographyWeight,
+  ye as getTypographyWeightFromFontWeight,
+  Pe as getZIndex,
+  Ge as getZIndexClass,
+  re as isLightColor,
+  De as lighten,
+  Oe as withOpacity
 };
 //# sourceMappingURL=index.js.map