@fabio.caffarello/react-design-system 1.14.2 → 1.15.0

package/dist/tokens/index.js

@@ -1,1606 +0,0 @@
-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 {
-  $ 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,
-  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,
-  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