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

package/dist/tokens/index.js

@@ -1,6 +1,6 @@
 var K = Object.defineProperty;
-var P = (t, a, n) => a in t ? K(t, a, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[a] = n;
-var R = (t, a, n) => P(t, typeof a != "symbol" ? a + "" : a, n);
+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: {
@@ -40,22 +40,21 @@ const I = {
   // Colors (using Tailwind classes)
   colors: {
     active: {
-      bg: "bg-indigo-50",
-      text: "text-indigo-700",
-      border: "border-indigo-600"
+      bg: "bg-surface-brand-muted",
+      text: "text-fg-brand-emphasis",
+      border: "border-line-brand"
     },
     inactive: {
-      text: "text-gray-700",
-      hover: "hover:bg-gray-100 hover:text-gray-900"
+      text: "text-fg-secondary",
+      hover: "hover:bg-surface-hover hover:text-fg-primary"
     },
-    groupTitle: "text-gray-500"
+    groupTitle: "text-fg-tertiary"
   },
   // Chevron (for collapsible groups)
   chevron: {
     size: "h-3 w-3",
     // 12px (reduced from h-4 w-4)
-    color: "text-gray-400"
-    // Subtle gray color
+    color: "text-fg-quaternary"
   },
   // Navigation column (for split sidebar)
   navigation: {
@@ -85,7 +84,7 @@ const I = {
     }
   }
 };
-function d0(t) {
+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 {
@@ -94,11 +93,11 @@ class c {
    * Create a spacing token from scale value
    */
   static create(a) {
-    const n = a * this.BASE_UNIT, i = n / 16;
+    const i = a * this.BASE_UNIT, n = i / 16;
     return {
-      value: n,
-      rem: `${i}rem`,
-      px: `${n}px`,
+      value: i,
+      rem: `${n}rem`,
+      px: `${i}px`,
       tailwind: this.getTailwindClass(a)
     };
   }
@@ -193,11 +192,11 @@ const W = {
   "6xl": c.create(24)
   // 96px
 };
-function f0(t) {
+function fe(t) {
   return W[t];
 }
-function u0(t, a = "p") {
-  const i = W[t].tailwind;
+function ue(t, a = "p") {
+  const n = W[t].tailwind;
   return `${{
     p: "p",
     m: "m",
@@ -217,14 +216,14 @@ function u0(t, a = "p") {
     "gap-x": "gap-x",
     "gap-y": "gap-y",
     "space-y": "space-y"
-  }[a]}-${i}`;
+  }[a]}-${n}`;
 }
 class l {
   /**
    * Create font size token
    */
   static createFontSize(a) {
-    const i = {
+    const n = {
       "2xs": { px: 10, tailwind: "text-2xs" },
       // micro-text (badge counters, mini chips)
       xs: { px: 12, tailwind: "text-xs" },
@@ -239,17 +238,17 @@ class l {
       "6xl": { px: 60, tailwind: "text-6xl" }
     }[a];
     return {
-      value: i.px,
-      rem: `${i.px / 16}rem`,
-      px: `${i.px}px`,
-      tailwind: i.tailwind
+      value: n.px,
+      rem: `${n.px / 16}rem`,
+      px: `${n.px}px`,
+      tailwind: n.tailwind
     };
   }
   /**
    * Create line height token
    */
   static createLineHeight(a) {
-    const i = {
+    const n = {
       none: { value: 1, tailwind: "leading-none" },
       tight: { value: 1.25, tailwind: "leading-tight" },
       snug: { value: 1.375, tailwind: "leading-snug" },
@@ -258,15 +257,15 @@ class l {
       loose: { value: 2, tailwind: "leading-loose" }
     }[a];
     return {
-      value: i.value,
-      tailwind: i.tailwind
+      value: n.value,
+      tailwind: n.tailwind
     };
   }
   /**
    * Create font weight token
    */
   static createFontWeight(a) {
-    const i = {
+    const n = {
       light: { value: 300, tailwind: "font-light" },
       normal: { value: 400, tailwind: "font-normal" },
       medium: { value: 500, tailwind: "font-medium" },
@@ -274,22 +273,22 @@ class l {
       bold: { value: 700, tailwind: "font-bold" }
     }[a];
     return {
-      value: i.value,
-      tailwind: i.tailwind
+      value: n.value,
+      tailwind: n.tailwind
     };
   }
   /**
    * Create complete typography token
    */
-  static create(a, n = "normal", i = "normal") {
+  static create(a, i = "normal", n = "normal") {
     return {
       fontSize: this.createFontSize(a),
-      lineHeight: this.createLineHeight(n),
-      fontWeight: this.createFontWeight(i)
+      lineHeight: this.createLineHeight(i),
+      fontWeight: this.createFontWeight(n)
     };
   }
 }
-const p0 = {
+const pe = {
   sans: {
     name: "sans",
     stack: 'ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif',
@@ -305,7 +304,7 @@ const p0 = {
     stack: 'ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace',
     tailwind: "font-mono"
   }
-}, g0 = {
+}, ge = {
   light: l.createFontWeight("light"),
   normal: l.createFontWeight("normal"),
   medium: l.createFontWeight("medium"),
@@ -328,29 +327,29 @@ const p0 = {
   caption: l.create("xs", "normal", "normal"),
   button: l.create("base", "normal", "medium")
 };
-function h0(t) {
+function he(t) {
   return A[t];
 }
-function b0(t) {
+function be(t) {
   const a = A[t];
   return `${a.fontSize.tailwind} ${a.lineHeight.tailwind} ${a.fontWeight.tailwind}`;
 }
-function m0(t) {
+function me(t) {
   return A[t].fontSize.tailwind;
 }
-function w0(t) {
+function we(t) {
   return l.createFontSize(t).tailwind;
 }
-function x0(t) {
+function xe(t) {
   return A[t].fontWeight.tailwind;
 }
-function y0(t) {
+function ye(t) {
   return l.createFontWeight(t).tailwind;
 }
-function k0(t) {
+function ke(t) {
   return A[t].lineHeight.tailwind;
 }
-const v0 = [
+const ve = [
   50,
   100,
   200,
@@ -363,14 +362,14 @@ const v0 = [
   900,
   950
 ];
-function e(t, a, n) {
-  const i = G(t), r = Y(t);
+function e(t, a, i) {
+  const n = G(t), r = Y(t);
   return {
     hex: t,
-    rgb: i,
+    rgb: n,
     hsl: r,
-    cssVar: `var(--color-${a}-${n})`,
-    tailwind: `${a}-${n}`
+    cssVar: `var(--color-${a}-${i})`,
+    tailwind: `${a}-${i}`
   };
 }
 function G(t) {
@@ -380,20 +379,20 @@ function G(t) {
 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 n = parseInt(a[1], 16) / 255, i = parseInt(a[2], 16) / 255, r = parseInt(a[3], 16) / 255, o = Math.max(n, i, r), s = Math.min(n, i, r);
+  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 n:
-        f = ((i - r) / b + (i < r ? 6 : 0)) / 6;
-        break;
       case i:
-        f = ((r - n) / b + 2) / 6;
+        f = ((n - r) / b + (n < r ? 6 : 0)) / 6;
+        break;
+      case n:
+        f = ((r - i) / b + 2) / 6;
         break;
       case r:
-        f = ((n - i) / b + 4) / 6;
+        f = ((i - n) / b + 4) / 6;
         break;
     }
   }
@@ -567,7 +566,7 @@ const x = {
   800: e("#1e40af", "blue", 800),
   900: e("#1e3a8a", "blue", 900),
   950: e("#172554", "blue", 950)
-}, e0 = {
+}, ee = {
   50: e("#fdf4ff", "fuchsia", 50),
   100: e("#fae8ff", "fuchsia", 100),
   200: e("#f5d0fe", "fuchsia", 200),
@@ -579,7 +578,7 @@ const x = {
   800: e("#86198f", "fuchsia", 800),
   900: e("#701a75", "fuchsia", 900),
   950: e("#4a044e", "fuchsia", 950)
-}, t0 = {
+}, te = {
   50: e("#fdf2f8", "pink", 50),
   100: e("#fce7f3", "pink", 100),
   200: e("#fbcfe8", "pink", 200),
@@ -591,7 +590,7 @@ const x = {
   800: e("#9d174d", "pink", 800),
   900: e("#831843", "pink", 900),
   950: e("#500724", "pink", 950)
-}, a0 = {
+}, ae = {
   50: e("#faf5ff", "purple", 50),
   100: e("#f3e8ff", "purple", 100),
   200: e("#e9d5ff", "purple", 200),
@@ -603,7 +602,7 @@ const x = {
   800: e("#6b21a8", "purple", 800),
   900: e("#581c87", "purple", 900),
   950: e("#3b0764", "purple", 950)
-}, i0 = {
+}, ne = {
   50: e("#f0fdfa", "teal", 50),
   100: e("#ccfbf1", "teal", 100),
   200: e("#99f6e4", "teal", 200),
@@ -615,7 +614,7 @@ const x = {
   800: e("#115e59", "teal", 800),
   900: e("#134e4a", "teal", 900),
   950: e("#042f2e", "teal", 950)
-}, n0 = {
+}, ie = {
   50: e("#f7fee7", "lime", 50),
   100: e("#ecfccb", "lime", 100),
   200: e("#d9f99d", "lime", 200),
@@ -642,16 +641,16 @@ const x = {
   red: Q,
   sky: E,
   blue: J,
-  fuchsia: e0,
-  pink: t0,
-  purple: a0,
-  teal: i0,
-  lime: n0
+  fuchsia: ee,
+  pink: te,
+  purple: ae,
+  teal: ne,
+  lime: ie
 };
 function C(t, a) {
   return U[t][a];
 }
-function T0(t) {
+function Te(t) {
   return U[t];
 }
 const D = {
@@ -848,17 +847,17 @@ const D = {
       tailwind: "white"
     }
   }
-}, $0 = D;
-function O(t, a = "DEFAULT", n = "light") {
-  return (n === "dark" ? V : D)[t][a];
+}, $e = D;
+function O(t, a = "DEFAULT", i = "light") {
+  return (i === "dark" ? V : D)[t][a];
 }
-function S0(t, a = "light") {
+function Se(t, a = "light") {
   return (a === "dark" ? V : D)[t];
 }
-function E0(t, a, n = {}) {
-  const { format: i = "hex", opacity: r } = n, o = C(t, a);
+function Ee(t, a, i = {}) {
+  const { format: n = "hex", opacity: r } = i, o = C(t, a);
   let s;
-  switch (i) {
+  switch (n) {
     case "rgb":
       s = r !== void 0 ? `rgba(${o.rgb}, ${r})` : `rgb(${o.rgb})`;
       break;
@@ -877,10 +876,10 @@ function E0(t, a, n = {}) {
   }
   return s;
 }
-function F0(t, a = "DEFAULT", n = {}) {
-  const { format: i = "hex", opacity: r } = n, o = O(t, a);
+function Fe(t, a = "DEFAULT", i = {}) {
+  const { format: n = "hex", opacity: r } = i, o = O(t, a);
   let s;
-  switch (i) {
+  switch (n) {
     case "rgb":
       s = r !== void 0 ? `rgba(${o.rgb}, ${r})` : `rgb(${o.rgb})`;
       break;
@@ -899,55 +898,55 @@ function F0(t, a = "DEFAULT", n = {}) {
   }
   return s;
 }
-function M0(t, a, n = {}) {
+function Me(t, a, i = {}) {
   const {
-    type: i = "text",
+    type: n = "text",
     hover: r = !1,
     focus: o = !1,
     active: s = !1
-  } = n, f = C(t, a), u = [`${i}-${f.tailwind}`];
-  return r && u.push(`hover:${i}-${f.tailwind}`), o && u.push(`focus:${i}-${f.tailwind}`), s && u.push(`active:${i}-${f.tailwind}`), u.join(" ");
+  } = 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 A0(t, a = "DEFAULT", n = {}) {
+function Ae(t, a = "DEFAULT", i = {}) {
   const {
-    type: i = "text",
+    type: n = "text",
     hover: r = !1,
     focus: o = !1,
     active: s = !1
-  } = n, f = O(t, a), u = [`${i}-${f.tailwind}`];
+  } = i, f = O(t, a), u = [`${n}-${f.tailwind}`];
   if (r) {
     const b = O(
       t,
       a === "DEFAULT" ? "dark" : "DEFAULT"
     );
-    u.push(`hover:${i}-${b.tailwind}`);
+    u.push(`hover:${n}-${b.tailwind}`);
   }
-  if (o && u.push(`focus:${i}-${f.tailwind}`), s) {
+  if (o && u.push(`focus:${n}-${f.tailwind}`), s) {
     const b = O(t, "dark");
-    u.push(`active:${i}-${b.tailwind}`);
+    u.push(`active:${n}-${b.tailwind}`);
   }
   return u.join(" ");
 }
-function C0(t, a, n = "bg") {
-  const i = C(t, a);
-  return `hover:${n}-${i.tailwind}`;
+function Ce(t, a, i = "bg") {
+  const n = C(t, a);
+  return `hover:${i}-${n.tailwind}`;
 }
-function L0(t, a, n = "border") {
-  const i = C(t, a);
-  return `focus:${n}-${i.tailwind}`;
+function Le(t, a, i = "border") {
+  const n = C(t, a);
+  return `focus:${i}-${n.tailwind}`;
 }
-function I0(t, a) {
+function Ie(t, a) {
   return `focus:ring-${C(t, a).tailwind}`;
 }
-function O0(t, a) {
+function Oe(t, a) {
   return `rgba(${t.rgb}, ${a})`;
 }
-function r0(t) {
+function re(t) {
   const a = N(t);
   return a ? 0.299 * a[0] + 0.587 * a[1] + 0.114 * a[2] > 128 : !0;
 }
-function N0(t) {
-  return r0(t) ? "#000000" : "#ffffff";
+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);
@@ -957,19 +956,19 @@ function N(t) {
     parseInt(a[3], 16)
   ] : null;
 }
-function _(t, a, n = 0.5) {
-  const i = N(t), r = N(a);
-  if (!i || !r) return t;
-  const o = Math.round(i[0] * (1 - n) + r[0] * n), s = Math.round(i[1] * (1 - n) + r[1] * n), f = Math.round(i[2] * (1 - n) + r[2] * n);
+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 D0(t, a) {
+function De(t, a) {
   return _(t, "#ffffff", a / 100);
 }
-function R0(t, a) {
+function Re(t, a) {
   return _(t, "#000000", a / 100);
 }
-const W0 = {
+const We = {
   primary: {
     name: "indigo",
     light: 400,
@@ -994,7 +993,7 @@ class F {
    * Create breakpoint token
    */
   static create(a) {
-    const i = {
+    const n = {
       sm: { minWidth: 640, tailwind: "sm" },
       md: { minWidth: 768, tailwind: "md" },
       lg: { minWidth: 1024, tailwind: "lg" },
@@ -1003,10 +1002,10 @@ class F {
     }[a];
     return {
       name: a,
-      minWidth: i.minWidth,
-      px: `${i.minWidth}px`,
-      rem: `${i.minWidth / 16}rem`,
-      tailwind: i.tailwind
+      minWidth: n.minWidth,
+      px: `${n.minWidth}px`,
+      rem: `${n.minWidth / 16}rem`,
+      tailwind: n.tailwind
     };
   }
 }
@@ -1017,19 +1016,19 @@ const z = {
   xl: F.create("xl"),
   "2xl": F.create("2xl")
 };
-function U0(t) {
+function Ue(t) {
   return z[t];
 }
-function V0(t, a = "min") {
-  const n = z[t];
-  return `@media (${a === "min" ? "min-width" : "max-width"}: ${n.px})`;
+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, n = "ease-in-out") {
-    const i = {
+  static create(a, i = "ease-in-out") {
+    const n = {
       fast: {
         value: "150ms",
         ms: 150,
@@ -1073,15 +1072,15 @@ class g {
       }
     };
     return {
-      duration: i[a],
-      easing: r[n]
+      duration: n[a],
+      easing: r[i]
     };
   }
   /**
    * Create a transition token
    */
-  static createTransition(a, n = "base", i = "ease-in-out") {
-    const r = this.create(n, i), o = Array.isArray(a) ? a.join(", ") : a, s = [
+  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(" ");
@@ -1093,7 +1092,7 @@ class g {
     };
   }
 }
-const _0 = {
+const _e = {
   fast: g.create("fast"),
   base: g.create("base"),
   slow: g.create("slow"),
@@ -1107,18 +1106,18 @@ const _0 = {
   transform: g.createTransition("transform", "base"),
   all: g.createTransition("all", "base")
 };
-function z0(t, a) {
+function ze(t, a) {
   return g.create(t, a);
 }
-function B0(t, a = "ease-in-out") {
-  const n = g.create(t, a);
-  return `${n.duration.tailwind} ${n.easing.tailwind}`;
+function Be(t, a = "ease-in-out") {
+  const i = g.create(t, a);
+  return `${i.duration.tailwind} ${i.easing.tailwind}`;
 }
-function H0(t, a = "base", n = "ease-in-out") {
+function He(t, a = "base", i = "ease-in-out") {
   return g.createTransition(
     t,
     a,
-    n
+    i
   ).tailwind;
 }
 class p {
@@ -1175,7 +1174,7 @@ class p {
     }[a];
   }
 }
-const K0 = {
+const Ke = {
   base: p.create("base"),
   dropdown: p.create("dropdown"),
   sticky: p.create("sticky"),
@@ -1186,10 +1185,10 @@ const K0 = {
   tooltip: p.create("tooltip"),
   toast: p.create("toast")
 };
-function P0(t) {
+function Pe(t) {
   return p.create(t);
 }
-function G0(t) {
+function Ge(t) {
   return p.create(t).tailwind;
 }
 class d {
@@ -1197,7 +1196,7 @@ class d {
    * Create an opacity token
    */
   static create(a) {
-    const n = a / 100, i = {
+    const i = a / 100, n = {
       0: "Fully transparent",
       5: "Very light overlay",
       10: "Light overlay",
@@ -1216,7 +1215,7 @@ class d {
     };
     return {
       value: a,
-      decimal: n,
+      decimal: i,
       tailwind: {
         0: "opacity-0",
         5: "opacity-5",
@@ -1234,11 +1233,11 @@ class d {
         95: "opacity-95",
         100: "opacity-100"
       }[a],
-      description: i[a]
+      description: n[a]
     };
   }
 }
-const Y0 = {
+const Ye = {
   transparent: d.create(0),
   5: d.create(5),
   10: d.create(10),
@@ -1255,10 +1254,10 @@ const Y0 = {
   95: d.create(95),
   opaque: d.create(100)
 };
-function q0(t) {
+function qe(t) {
   return d.create(t);
 }
-function X0(t) {
+function Xe(t) {
   return d.create(t).tailwind;
 }
 class m {
@@ -1266,7 +1265,7 @@ class m {
    * Create a radius token
    */
   static create(a) {
-    const i = {
+    const n = {
       none: {
         px: 0,
         tailwind: "rounded-none",
@@ -1309,11 +1308,11 @@ class m {
       }
     }[a];
     return {
-      value: i.px,
-      rem: `${i.px / 16}rem`,
-      px: `${i.px}px`,
-      tailwind: i.tailwind,
-      description: i.description
+      value: n.px,
+      rem: `${n.px / 16}rem`,
+      px: `${n.px}px`,
+      tailwind: n.tailwind,
+      description: n.description
     };
   }
 }
@@ -1327,10 +1326,10 @@ const B = {
   "3xl": m.create("3xl"),
   full: m.create("full")
 };
-function j0(t) {
+function je(t) {
   return B[t];
 }
-function Z0(t) {
+function Ze(t) {
   return B[t].tailwind;
 }
 class h {
@@ -1338,7 +1337,7 @@ class h {
    * Create a border width token
    */
   static createWidth(a) {
-    const i = {
+    const n = {
       none: {
         px: 0,
         tailwind: "border-0"
@@ -1361,23 +1360,23 @@ class h {
       }
     }[a];
     return {
-      value: i.px,
-      px: `${i.px}px`,
-      tailwind: i.tailwind
+      value: n.px,
+      px: `${n.px}px`,
+      tailwind: n.tailwind
     };
   }
   /**
    * Create a complete border token
    */
-  static create(a, n = "solid") {
+  static create(a, i = "solid") {
     return {
       width: this.createWidth(a),
-      style: n,
-      description: `${a} ${n} border`
+      style: i,
+      description: `${a} ${i} border`
     };
   }
 }
-const o0 = {
+const oe = {
   none: h.create("none"),
   thin: h.create("thin"),
   base: h.create("base"),
@@ -1390,21 +1389,21 @@ const o0 = {
   thinDotted: h.create("thin", "dotted"),
   baseDotted: h.create("base", "dotted")
 };
-function Q0(t) {
-  return o0[t];
+function Qe(t) {
+  return oe[t];
 }
-function s0(t) {
+function se(t) {
   return h.createWidth(t).tailwind;
 }
-function l0(t) {
+function le(t) {
   return {
     solid: "border-solid",
     dashed: "border-dashed",
     dotted: "border-dotted"
   }[t];
 }
-function J0(t, a = "solid") {
-  return `${s0(t)} ${l0(a)}`;
+function Je(t, a = "solid") {
+  return `${se(t)} ${le(a)}`;
 }
 class w {
   /**
@@ -1459,10 +1458,10 @@ const H = {
   "2xl": w.create("2xl"),
   inner: w.create("inner")
 };
-function ee(t) {
+function e0(t) {
   return H[t];
 }
-function te(t) {
+function t0(t) {
   return H[t].tailwind;
 }
 const M = {
@@ -1503,7 +1502,7 @@ const M = {
     lg: "translate-x-7"
   }
 };
-function ae(t) {
+function a0(t) {
   return {
     track: `${M.track[t].w} ${M.track[t].h}`,
     thumb: `${M.thumb[t].w} ${M.thumb[t].h}`,
@@ -1512,35 +1511,35 @@ function ae(t) {
 }
 export {
   $ as AMBER,
-  _0 as ANIMATION_TOKENS,
+  _e as ANIMATION_TOKENS,
   g as AnimationTokenFactory,
   J as BLUE,
-  o0 as BORDER_TOKENS,
-  W0 as BRAND_COLORS,
+  oe as BORDER_TOKENS,
+  We as BRAND_COLORS,
   z as BREAKPOINT_TOKENS,
   h as BorderTokenFactory,
   F as BreakpointTokenFactory,
-  v0 as COLOR_SCALES,
+  ve as COLOR_SCALES,
   k as CYAN,
   T as EMERALD,
-  p0 as FONT_FAMILY_TOKENS,
-  g0 as FONT_WEIGHT_TOKENS,
-  e0 as FUCHSIA,
+  pe as FONT_FAMILY_TOKENS,
+  ge as FONT_WEIGHT_TOKENS,
+  ee as FUCHSIA,
   q as GRAY,
   X as GREEN,
   x as INDIGO,
-  n0 as LIME,
-  Y0 as OPACITY_TOKENS,
+  ie as LIME,
+  Ye as OPACITY_TOKENS,
   Z as ORANGE,
   d as OpacityTokenFactory,
-  t0 as PINK,
+  te as PINK,
   U as PRIMITIVE_COLORS,
-  a0 as PURPLE,
+  ae as PURPLE,
   B as RADIUS_TOKENS,
   Q as RED,
   S as ROSE,
   m as RadiusTokenFactory,
-  $0 as SEMANTIC_COLORS,
+  $e as SEMANTIC_COLORS,
   V as SEMANTIC_COLORS_DARK,
   D as SEMANTIC_COLORS_LIGHT,
   H as SHADOW_TOKENS,
@@ -1551,57 +1550,57 @@ export {
   M as SWITCH_TOKENS,
   w as ShadowTokenFactory,
   c as SpacingTokenFactory,
-  i0 as TEAL,
+  ne as TEAL,
   A as TYPOGRAPHY_TOKENS,
   l as TypographyTokenFactory,
   y as VIOLET,
   j as YELLOW,
   p as ZIndexTokenFactory,
-  K0 as Z_INDEX_TOKENS,
+  Ke as Z_INDEX_TOKENS,
   _ as blendColors,
-  R0 as darken,
-  z0 as getAnimation,
-  B0 as getAnimationClass,
-  Q0 as getBorder,
-  J0 as getBorderClasses,
-  l0 as getBorderStyleClass,
-  s0 as getBorderWidthClass,
-  U0 as getBreakpoint,
-  E0 as getColor,
-  M0 as getColorClass,
-  N0 as getContrastColor,
-  L0 as getFocusColorClass,
-  I0 as getFocusRingClass,
-  C0 as getHoverColorClass,
-  V0 as getMediaQuery,
-  d0 as getNestedIndentClass,
-  q0 as getOpacity,
-  X0 as getOpacityClass,
+  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,
-  T0 as getPrimitiveColorPalette,
-  j0 as getRadius,
-  Z0 as getRadiusClass,
+  Te as getPrimitiveColorPalette,
+  je as getRadius,
+  Ze as getRadiusClass,
   O as getSemanticColor,
-  A0 as getSemanticColorClass,
-  S0 as getSemanticColorRole,
-  F0 as getSemanticColorValue,
-  ee as getShadow,
-  te as getShadowClass,
-  f0 as getSpacing,
-  u0 as getSpacingClass,
-  ae as getSwitchClasses,
-  H0 as getTransitionClass,
-  h0 as getTypography,
-  b0 as getTypographyClasses,
-  k0 as getTypographyLineHeight,
-  m0 as getTypographySize,
-  w0 as getTypographySizeFromFontSize,
-  x0 as getTypographyWeight,
-  y0 as getTypographyWeightFromFontWeight,
-  P0 as getZIndex,
-  G0 as getZIndexClass,
-  r0 as isLightColor,
-  D0 as lighten,
-  O0 as withOpacity
+  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