@fabio.caffarello/react-design-system 3.7.0 → 3.8.0

package/dist/server/index.js

@@ -1,33 +1,33 @@
 var de = Object.defineProperty, ce = Object.defineProperties;
 var fe = Object.getOwnPropertyDescriptors;
-var U = Object.getOwnPropertySymbols;
+var K = Object.getOwnPropertySymbols;
 var Q = Object.prototype.hasOwnProperty, J = Object.prototype.propertyIsEnumerable;
 var G = (t, a, n) => a in t ? de(t, a, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[a] = n, p = (t, a) => {
   for (var n in a || (a = {}))
     Q.call(a, n) && G(t, n, a[n]);
-  if (U)
-    for (var n of U(a))
+  if (K)
+    for (var n of K(a))
       J.call(a, n) && G(t, n, a[n]);
   return t;
-}, y = (t, a) => ce(t, fe(a));
+}, h = (t, a) => ce(t, fe(a));
 var g = (t, a) => {
   var n = {};
   for (var r in t)
     Q.call(t, r) && a.indexOf(r) < 0 && (n[r] = t[r]);
-  if (t != null && U)
-    for (var r of U(t))
+  if (t != null && K)
+    for (var r of K(t))
       a.indexOf(r) < 0 && J.call(t, r) && (n[r] = t[r]);
   return n;
 };
 var ee = (t, a, n) => G(t, typeof a != "symbol" ? a + "" : a, n);
-import { jsx as o, jsxs as $ } from "react/jsx-runtime";
-import * as C from "react";
-import ie, { memo as B, forwardRef as O } from "react";
+import { jsx as c, jsxs as S } from "react/jsx-runtime";
+import * as E from "react";
+import le, { memo as P, forwardRef as q } from "react";
 import { clsx as pe } from "clsx";
 import { twMerge as ue } from "tailwind-merge";
 import { cva as me } from "class-variance-authority";
 import { X as be, AlertCircle as ge, Loader2 as xe, CheckCircle2 as ae } from "lucide-react";
-class I {
+class V {
   /**
    * Create a radius token
    */
@@ -83,20 +83,20 @@ class I {
     };
   }
 }
-const ye = {
-  none: I.create("none"),
-  sm: I.create("sm"),
-  md: I.create("md"),
-  lg: I.create("lg"),
-  xl: I.create("xl"),
-  "2xl": I.create("2xl"),
-  "3xl": I.create("3xl"),
-  full: I.create("full")
+const he = {
+  none: V.create("none"),
+  sm: V.create("sm"),
+  md: V.create("md"),
+  lg: V.create("lg"),
+  xl: V.create("xl"),
+  "2xl": V.create("2xl"),
+  "3xl": V.create("3xl"),
+  full: V.create("full")
 };
-function T(t) {
-  return ye[t].tailwind;
+function M(t) {
+  return he[t].tailwind;
 }
-class N {
+class k {
   // 4px base
   /**
    * Create a spacing token from scale value
@@ -163,46 +163,46 @@ class N {
     }[a] || String(a);
   }
 }
-ee(N, "BASE_UNIT", 4);
-const he = {
+ee(k, "BASE_UNIT", 4);
+const ye = {
   // Micro spacing (0-14px)
-  none: N.create(0),
-  "0.5": N.create(0.5),
+  none: k.create(0),
+  "0.5": k.create(0.5),
   // 2px (half-step)
-  xs: N.create(1),
+  xs: k.create(1),
   // 4px
-  "1.5": N.create(1.5),
+  "1.5": k.create(1.5),
   // 6px (half-step)
-  sm: N.create(2),
+  sm: k.create(2),
   // 8px
-  "2.5": N.create(2.5),
+  "2.5": k.create(2.5),
   // 10px (half-step)
-  md: N.create(3),
+  md: k.create(3),
   // 12px
-  "3.5": N.create(3.5),
+  "3.5": k.create(3.5),
   // 14px (half-step)
   // Standard spacing (16-32px)
-  base: N.create(4),
+  base: k.create(4),
   // 16px
-  lg: N.create(6),
+  lg: k.create(6),
   // 24px
-  xl: N.create(8),
+  xl: k.create(8),
   // 32px
   // Large spacing (40-64px)
-  "2xl": N.create(10),
+  "2xl": k.create(10),
   // 40px
-  "3xl": N.create(12),
+  "3xl": k.create(12),
   // 48px
-  "4xl": N.create(16),
+  "4xl": k.create(16),
   // 64px
   // Extra large spacing (80px+)
-  "5xl": N.create(20),
+  "5xl": k.create(20),
   // 80px
-  "6xl": N.create(24)
+  "6xl": k.create(24)
   // 96px
 };
 function d(t, a = "p") {
-  const r = he[t].tailwind;
+  const r = ye[t].tailwind;
   return `${{
     p: "p",
     m: "m",
@@ -225,7 +225,7 @@ function d(t, a = "p") {
     "space-y": "space-y"
   }[a]}-${r}`;
 }
-class k {
+class $ {
   /**
    * Create font size token
    */
@@ -295,51 +295,51 @@ class k {
     };
   }
 }
-k.createFontWeight("light"), k.createFontWeight("normal"), k.createFontWeight("medium"), k.createFontWeight("semibold"), k.createFontWeight("bold");
+$.createFontWeight("light"), $.createFontWeight("normal"), $.createFontWeight("medium"), $.createFontWeight("semibold"), $.createFontWeight("bold");
 const Z = {
   // Headings
-  h1: k.create("4xl", "tight", "bold"),
-  h2: k.create("3xl", "tight", "bold"),
-  h3: k.create("2xl", "snug", "semibold"),
-  h4: k.create("xl", "snug", "semibold"),
-  h5: k.create("lg", "normal", "medium"),
-  h6: k.create("base", "normal", "medium"),
+  h1: $.create("4xl", "tight", "bold"),
+  h2: $.create("3xl", "tight", "bold"),
+  h3: $.create("2xl", "snug", "semibold"),
+  h4: $.create("xl", "snug", "semibold"),
+  h5: $.create("lg", "normal", "medium"),
+  h6: $.create("base", "normal", "medium"),
   // Body text
-  body: k.create("base", "relaxed", "normal"),
-  bodySmall: k.create("sm", "relaxed", "normal"),
-  bodyLarge: k.create("lg", "relaxed", "normal"),
+  body: $.create("base", "relaxed", "normal"),
+  bodySmall: $.create("sm", "relaxed", "normal"),
+  bodyLarge: $.create("lg", "relaxed", "normal"),
   // UI elements
-  label: k.create("sm", "normal", "medium"),
-  caption: k.create("xs", "normal", "normal"),
-  button: k.create("base", "normal", "medium")
+  label: $.create("sm", "normal", "medium"),
+  caption: $.create("xs", "normal", "normal"),
+  button: $.create("base", "normal", "medium")
 };
-function V(t) {
+function R(t) {
   const a = Z[t];
   return `${a.fontSize.tailwind} ${a.lineHeight.tailwind} ${a.fontWeight.tailwind}`;
 }
 function z(t) {
   return Z[t].fontSize.tailwind;
 }
-function H(t) {
+function O(t) {
   return Z[t].fontWeight.tailwind;
 }
 function l(...t) {
   return ue(pe(t));
 }
-const j = (t, a) => {
+const _ = (t, a) => {
   const n = me(t, a);
   return ((r) => {
     const s = n(r);
     return l(s);
   });
-}, ve = j(
+}, ve = _(
   // Base classes
   l(
     "inline-flex",
     "items-center",
     "justify-center",
-    H("label"),
-    T("md"),
+    O("label"),
+    M("md"),
     "border"
   ),
   {
@@ -470,15 +470,15 @@ const j = (t, a) => {
       style: "solid"
     }
   }
-), we = B(
-  O(function(b, u) {
+), we = P(
+  q(function(b, u) {
     var m = b, {
       variant: a = "neutral",
       size: n = "md",
       style: r = "solid",
       className: s = "",
       children: i,
-      "aria-label": c
+      "aria-label": o
     } = m, f = g(m, [
       "variant",
       "size",
@@ -487,23 +487,23 @@ const j = (t, a) => {
       "children",
       "aria-label"
     ]);
-    const h = l(ve({ variant: a, size: n, style: r }), s);
+    const y = l(ve({ variant: a, size: n, style: r }), s);
     let x;
-    if (c)
-      x = c;
+    if (o)
+      x = o;
     else if (typeof i == "string")
       x = i;
     else if (typeof i == "object" && i !== null && "props" in i) {
       const v = i.props;
       v != null && v.children && typeof v.children == "string" && (x = v.children);
     }
-    return /* @__PURE__ */ o(
+    return /* @__PURE__ */ c(
       "span",
-      y(p({
+      h(p({
         ref: u,
         role: "status",
         "aria-label": x,
-        className: h
+        className: y
       }, f), {
         children: i
       })
@@ -532,45 +532,52 @@ function Ne(...t) {
       };
   };
 }
-var ke = /* @__PURE__ */ Symbol.for("react.lazy"), K = C[" use ".trim().toString()];
-function $e(t) {
-  return typeof t == "object" && t !== null && "then" in t;
-}
-function le(t) {
-  return t != null && typeof t == "object" && "$$typeof" in t && t.$$typeof === ke && "_payload" in t && $e(t._payload);
+function ke(...t) {
+  return E.useCallback(Ne(...t), t);
 }
 // @__NO_SIDE_EFFECTS__
-function Se(t) {
-  const a = /* @__PURE__ */ Te(t), n = C.forwardRef((r, s) => {
-    let b = r, { children: i } = b, c = g(b, ["children"]);
-    le(i) && typeof K == "function" && (i = K(i._payload));
-    const f = C.Children.toArray(i), u = f.find(ze);
-    if (u) {
-      const m = u.props.children, h = f.map((x) => x === u ? C.Children.count(m) > 1 ? C.Children.only(null) : C.isValidElement(m) ? m.props.children : null : x);
-      return /* @__PURE__ */ o(a, y(p({}, c), { ref: s, children: C.isValidElement(m) ? C.cloneElement(m, void 0, h) : null }));
-    }
-    return /* @__PURE__ */ o(a, y(p({}, c), { ref: s, children: i }));
-  });
-  return n.displayName = `${t}.Slot`, n;
-}
-var Ce = /* @__PURE__ */ Se("Slot");
-// @__NO_SIDE_EFFECTS__
-function Te(t) {
-  const a = C.forwardRef((n, r) => {
-    let c = n, { children: s } = c, i = g(c, ["children"]);
-    if (le(s) && typeof K == "function" && (s = K(s._payload)), C.isValidElement(s)) {
-      const f = Fe(s), u = Le(i, s.props);
-      return s.type !== C.Fragment && (u.ref = r ? Ne(r, f) : f), C.cloneElement(s, u);
+function $e(t) {
+  const a = E.forwardRef((n, r) => {
+    var v;
+    let x = n, { children: s } = x, i = g(x, ["children"]), o = null, f = !1;
+    const u = [];
+    re(s) && typeof X == "function" && (s = X(s._payload)), E.Children.forEach(s, (N) => {
+      var T;
+      if (ze(N)) {
+        f = !0;
+        const D = N;
+        let L = "child" in D.props ? D.props.child : D.props.children;
+        re(L) && typeof X == "function" && (L = X(L._payload)), o = Ce(D, L), u.push((T = o == null ? void 0 : o.props) == null ? void 0 : T.children);
+      } else
+        u.push(N);
+    }), o ? o = E.cloneElement(o, void 0, u) : (
+      // A `Slottable` was found but it didn't resolve to a single element (e.g.
+      // it wrapped multiple elements, text, or a render-prop `child` that
+      // wasn't an element). Don't fall back to treating the `Slottable` wrapper
+      // itself as the slot target — throw a descriptive error below instead.
+      !f && E.Children.count(s) === 1 && E.isValidElement(s) && (o = s)
+    );
+    const b = o ? Ee(o) : void 0, m = ke(r, b);
+    if (!o) {
+      if (s || s === 0)
+        throw new Error(
+          f ? Ie(t) : Ae(t)
+        );
+      return s;
     }
-    return C.Children.count(s) > 1 ? C.Children.only(null) : null;
+    const y = Me(i, (v = o.props) != null ? v : {});
+    return o.type !== E.Fragment && (y.ref = r ? m : b), E.cloneElement(o, y);
   });
-  return a.displayName = `${t}.SlotClone`, a;
+  return a.displayName = `${t}.Slot`, a;
 }
-var Me = /* @__PURE__ */ Symbol("radix.slottable");
-function ze(t) {
-  return C.isValidElement(t) && typeof t.type == "function" && "__radixId" in t.type && t.type.__radixId === Me;
-}
-function Le(t, a) {
+var Se = /* @__PURE__ */ $e("Slot"), Te = /* @__PURE__ */ Symbol.for("radix.slottable"), Ce = (t, a) => {
+  if ("child" in t.props) {
+    const n = t.props.child;
+    return E.isValidElement(n) ? E.cloneElement(n, void 0, t.props.children(n.props.children)) : null;
+  }
+  return E.isValidElement(a) ? a : null;
+};
+function Me(t, a) {
   const n = p({}, a);
   for (const r in a) {
     const s = t[r], i = a[r];
@@ -581,18 +588,29 @@ function Le(t, a) {
   }
   return p(p({}, t), n);
 }
-function Fe(t) {
+function Ee(t) {
   var r, s;
   let a = (r = Object.getOwnPropertyDescriptor(t.props, "ref")) == null ? void 0 : r.get, n = a && "isReactWarning" in a && a.isReactWarning;
   return n ? t.ref : (a = (s = Object.getOwnPropertyDescriptor(t, "ref")) == null ? void 0 : s.get, n = a && "isReactWarning" in a && a.isReactWarning, n ? t.props.ref : t.props.ref || t.ref);
 }
-const re = j(
+function ze(t) {
+  return E.isValidElement(t) && typeof t.type == "function" && "__radixId" in t.type && t.type.__radixId === Te;
+}
+var Fe = /* @__PURE__ */ Symbol.for("react.lazy");
+function re(t) {
+  return t != null && typeof t == "object" && "$$typeof" in t && t.$$typeof === Fe && "_payload" in t && Le(t._payload);
+}
+function Le(t) {
+  return typeof t == "object" && t !== null && "then" in t;
+}
+var Ae = (t) => `${t} failed to slot onto its children. Expected a single React element child or \`Slottable\`.`, Ie = (t) => `${t} failed to slot onto its \`Slottable\`. Expected \`Slottable\` to receive a single React element child.`, X = E[" use ".trim().toString()];
+const ne = _(
   // Base classes
   l(
     "inline-flex",
     "items-center",
     "font-medium",
-    T("full"),
+    M("full"),
     d("xs", "gap")
   ),
   {
@@ -675,17 +693,17 @@ const re = j(
       disabled: !1
     }
   }
-), Ee = O(function(a, n) {
+), De = q(function(a, n) {
   const {
     children: r,
     variant: s = "default",
     size: i = "md",
-    selected: c = !1,
+    selected: o = !1,
     disabled: f = !1,
     className: u = "",
     "aria-label": b,
     tabIndex: m,
-    asChild: h = !1
+    asChild: y = !1
   } = a, v = (() => {
     if (b) return b;
     if (typeof r == "string") return r;
@@ -695,13 +713,13 @@ const re = j(
         return F.children;
     }
   })();
-  if (h)
-    return /* @__PURE__ */ o(
-      Ce,
+  if (y)
+    return /* @__PURE__ */ c(
+      Se,
       {
         ref: n,
         className: l(
-          re({ variant: s, size: i, selected: c, disabled: f }),
+          ne({ variant: s, size: i, selected: o, disabled: f }),
           u
         ),
         "aria-label": b,
@@ -710,30 +728,30 @@ const re = j(
         children: r
       }
     );
-  const { onRemove: M, onClick: L } = a, X = L !== void 0, q = X && !f, R = (F) => {
-    f || (F.key === "Enter" || F.key === " ") && (F.preventDefault(), L == null || L());
+  const { onRemove: N, onClick: T } = a, D = T !== void 0, L = D && !f, H = (F) => {
+    f || (F.key === "Enter" || F.key === " ") && (F.preventDefault(), T == null || T());
   };
-  return /* @__PURE__ */ $(
+  return /* @__PURE__ */ S(
     "div",
     {
       ref: n,
       className: l(
-        re({ variant: s, size: i, selected: c, disabled: f }),
-        M && d("xs", "pr"),
+        ne({ variant: s, size: i, selected: o, disabled: f }),
+        N && d("xs", "pr"),
         u
       ),
       "aria-disabled": f,
       children: [
-        X ? /* @__PURE__ */ o(
+        D ? /* @__PURE__ */ c(
           "button",
           {
             type: "button",
-            onClick: f ? void 0 : L,
-            onKeyDown: R,
+            onClick: f ? void 0 : T,
+            onKeyDown: H,
             disabled: f,
-            "aria-pressed": c ? !0 : void 0,
+            "aria-pressed": o ? !0 : void 0,
             "aria-label": b || v,
-            tabIndex: m !== void 0 ? m : q ? 0 : void 0,
+            tabIndex: m !== void 0 ? m : L ? 0 : void 0,
             className: l(
               "flex-1",
               "bg-transparent",
@@ -746,22 +764,22 @@ const re = j(
               "focus:ring-2",
               "focus:ring-line-focus",
               "focus:ring-offset-2",
-              T("full")
+              M("full")
             ),
             children: r
           }
-        ) : /* @__PURE__ */ o("span", { children: r }),
-        M && !f && /* @__PURE__ */ o(
+        ) : /* @__PURE__ */ c("span", { children: r }),
+        N && !f && /* @__PURE__ */ c(
           "button",
           {
             type: "button",
             onClick: (F) => {
-              F.stopPropagation(), M();
+              F.stopPropagation(), N();
             },
             className: l(
               d("xs", "ml"),
               "hover:bg-tint-hover",
-              T("full"),
+              M("full"),
               d("xs", "p"),
               "transition-colors",
               "focus:outline-none",
@@ -770,15 +788,15 @@ const re = j(
               "focus:ring-offset-1"
             ),
             "aria-label": `Remove ${v || "chip"}`,
-            children: /* @__PURE__ */ o(be, { className: "h-3 w-3", "aria-hidden": "true" })
+            children: /* @__PURE__ */ c(be, { className: "h-3 w-3", "aria-hidden": "true" })
           }
         )
       ]
     }
   );
 });
-Ee.displayName = "Chip";
-function xa(s) {
+De.displayName = "Chip";
+function va(s) {
   var i = s, {
     message: t,
     id: a,
@@ -788,20 +806,20 @@ function xa(s) {
     "id",
     "className"
   ]);
-  const c = [
+  const o = [
     d("xs", "mt"),
     z("bodySmall"),
     "text-fg-error",
     "flex",
     "items-center",
     d("xs", "gap")
-  ], f = l(...c, n);
-  return /* @__PURE__ */ $("div", y(p({ role: "alert", id: a, className: f, "aria-live": "polite" }, r), { children: [
-    /* @__PURE__ */ o(ge, { className: "h-4 w-4 shrink-0", "aria-hidden": "true" }),
-    /* @__PURE__ */ o("span", { children: t })
+  ], f = l(...o, n);
+  return /* @__PURE__ */ S("div", h(p({ role: "alert", id: a, className: f, "aria-live": "polite" }, r), { children: [
+    /* @__PURE__ */ c(ge, { className: "h-4 w-4 shrink-0", "aria-hidden": "true" }),
+    /* @__PURE__ */ c("span", { children: t })
   ] }));
 }
-function ya(r) {
+function wa(r) {
   var s = r, {
     variant: t = "info",
     className: a
@@ -814,7 +832,7 @@ function ya(r) {
     error: l("bg-error-bg", "text-error-dark", "border-error"),
     info: l("bg-info-bg", "text-info-dark", "border-info")
   };
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ c(
     "div",
     p({
       role: "alert",
@@ -822,19 +840,19 @@ function ya(r) {
         "border",
         d("base", "px"),
         d("sm", "py"),
-        T("lg"),
+        M("lg"),
         i[t],
         a
       )
     }, n)
   );
 }
-const Ae = l(
+const Ve = l(
   "block",
   z("label"),
-  H("label"),
+  O("label"),
   "text-fg-primary"
-), Ie = {
+), We = {
   default: "",
   required: l(
     "after:content-['*']",
@@ -847,20 +865,20 @@ const Ae = l(
     "after:text-fg-tertiary",
     "after:font-normal"
   )
-}, De = B(
-  O(function(c, i) {
-    var f = c, { variant: a = "default", className: n = "", children: r } = f, s = g(f, ["variant", "className", "children"]);
+}, Re = P(
+  q(function(o, i) {
+    var f = o, { variant: a = "default", className: n = "", children: r } = f, s = g(f, ["variant", "className", "children"]);
     const u = l(
-      Ae,
-      Ie[a],
+      Ve,
+      We[a],
       n
     );
-    return /* @__PURE__ */ o("label", y(p({ ref: i, className: u }, s), { children: r }));
+    return /* @__PURE__ */ c("label", h(p({ ref: i, className: u }, s), { children: r }));
   })
 );
-De.displayName = "Label";
+Re.displayName = "Label";
 function w(t, a, n) {
-  const r = Ve(t), s = We(t);
+  const r = je(t), s = _e(t);
   return {
     hex: t,
     rgb: r,
@@ -869,19 +887,19 @@ function w(t, a, n) {
     tailwind: `${a}-${n}`
   };
 }
-function Ve(t) {
+function je(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 We(t) {
+function _e(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, r = parseInt(a[2], 16) / 255, s = parseInt(a[3], 16) / 255, i = Math.max(n, r, s), c = Math.min(n, r, s);
+  const n = parseInt(a[1], 16) / 255, r = parseInt(a[2], 16) / 255, s = parseInt(a[3], 16) / 255, i = Math.max(n, r, s), o = Math.min(n, r, s);
   let f = 0, u = 0;
-  const b = (i + c) / 2;
-  if (i !== c) {
-    const m = i - c;
-    switch (u = b > 0.5 ? m / (2 - i - c) : m / (i + c), i) {
+  const b = (i + o) / 2;
+  if (i !== o) {
+    const m = i - o;
+    switch (u = b > 0.5 ? m / (2 - i - o) : m / (i + o), i) {
       case n:
         f = ((r - s) / m + (r < s ? 6 : 0)) / 6;
         break;
@@ -898,7 +916,7 @@ function We(t) {
 w("#f0f4f8", "brand-primary", 50), w("#d9e2ec", "brand-primary", 100), w("#bcccdc", "brand-primary", 200), w("#9fb3c8", "brand-primary", 300), w("#7390ad", "brand-primary", 400), w("#486581", "brand-primary", 500), w("#334e68", "brand-primary", 600), w("#243b53", "brand-primary", 700), w("#1a2a3a", "brand-primary", 800), w("#102a43", "brand-primary", 900), w("#061a35", "brand-primary", 950);
 w("#f7f5ff", "brand-secondary", 50), w("#eee9ff", "brand-secondary", 100), w("#e0d6ff", "brand-secondary", 200), w("#cbb8ff", "brand-secondary", 300), w("#aa89fc", "brand-secondary", 400), w("#8e58f2", "brand-secondary", 500), w("#703bc8", "brand-secondary", 600), w("#582aa2", "brand-secondary", 700), w("#44227e", "brand-secondary", 800), w("#32185d", "brand-secondary", 900), w("#180635", "brand-secondary", 950);
 function e(t, a, n) {
-  const r = je(t), s = Re(t);
+  const r = He(t), s = Be(t);
   return {
     hex: t,
     rgb: r,
@@ -907,19 +925,19 @@ function e(t, a, n) {
     tailwind: `${a}-${n}`
   };
 }
-function je(t) {
+function He(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 Re(t) {
+function Be(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, r = parseInt(a[2], 16) / 255, s = parseInt(a[3], 16) / 255, i = Math.max(n, r, s), c = Math.min(n, r, s);
+  const n = parseInt(a[1], 16) / 255, r = parseInt(a[2], 16) / 255, s = parseInt(a[3], 16) / 255, i = Math.max(n, r, s), o = Math.min(n, r, s);
   let f = 0, u = 0;
-  const b = (i + c) / 2;
-  if (i !== c) {
-    const m = i - c;
-    switch (u = b > 0.5 ? m / (2 - i - c) : m / (i + c), i) {
+  const b = (i + o) / 2;
+  if (i !== o) {
+    const m = i - o;
+    switch (u = b > 0.5 ? m / (2 - i - o) : m / (i + o), i) {
       case n:
         f = ((r - s) / m + (r < s ? 6 : 0)) / 6;
         break;
@@ -952,7 +970,7 @@ e("#fdf2f8", "pink", 50), e("#fce7f3", "pink", 100), e("#fbcfe8", "pink", 200),
 e("#faf5ff", "purple", 50), e("#f3e8ff", "purple", 100), e("#e9d5ff", "purple", 200), e("#d8b4fe", "purple", 300), e("#c084fc", "purple", 400), e("#a855f7", "purple", 500), e("#9333ea", "purple", 600), e("#7e22ce", "purple", 700), e("#6b21a8", "purple", 800), e("#581c87", "purple", 900), e("#3b0764", "purple", 950);
 e("#f0fdfa", "teal", 50), e("#ccfbf1", "teal", 100), e("#99f6e4", "teal", 200), e("#5eead4", "teal", 300), e("#2dd4bf", "teal", 400), e("#14b8a6", "teal", 500), e("#0d9488", "teal", 600), e("#0f766e", "teal", 700), e("#115e59", "teal", 800), e("#134e4a", "teal", 900), e("#042f2e", "teal", 950);
 e("#f7fee7", "lime", 50), e("#ecfccb", "lime", 100), e("#d9f99d", "lime", 200), e("#bef264", "lime", 300), e("#a3e635", "lime", 400), e("#84cc16", "lime", 500), e("#65a30d", "lime", 600), e("#4d7c0f", "lime", 700), e("#3f6212", "lime", 800), e("#365314", "lime", 900), e("#1a2e05", "lime", 950);
-class W {
+class j {
   /**
    * Create a shadow token
    */
@@ -996,19 +1014,19 @@ class W {
     }[a];
   }
 }
-const _e = {
-  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")
+const Oe = {
+  none: j.create("none"),
+  sm: j.create("sm"),
+  md: j.create("md"),
+  lg: j.create("lg"),
+  xl: j.create("xl"),
+  "2xl": j.create("2xl"),
+  inner: j.create("inner")
 };
 function Y(t) {
-  return _e[t].tailwind;
+  return Oe[t].tailwind;
 }
-class E {
+class A {
   /**
    * Create a border width token
    */
@@ -1052,8 +1070,8 @@ class E {
     };
   }
 }
-E.create("none"), E.create("thin"), E.create("base"), E.create("medium"), E.create("thick"), E.create("thin", "dashed"), E.create("base", "dashed"), E.create("thin", "dotted"), E.create("base", "dotted");
-class _ {
+A.create("none"), A.create("thin"), A.create("base"), A.create("medium"), A.create("thick"), A.create("thin", "dashed"), A.create("base", "dashed"), A.create("thin", "dotted"), A.create("base", "dotted");
+class B {
   /**
    * Create breakpoint token
    */
@@ -1074,8 +1092,8 @@ class _ {
     };
   }
 }
-_.create("sm"), _.create("md"), _.create("lg"), _.create("xl"), _.create("2xl");
-class D {
+B.create("sm"), B.create("md"), B.create("lg"), B.create("xl"), B.create("2xl");
+class W {
   /**
    * Create an animation token
    */
@@ -1132,7 +1150,7 @@ class D {
    * Create a transition token
    */
   static createTransition(a, n = "base", r = "ease-in-out") {
-    const s = this.create(n, r), i = Array.isArray(a) ? a.join(", ") : a, c = [
+    const s = this.create(n, r), i = Array.isArray(a) ? a.join(", ") : a, o = [
       s.duration.tailwind,
       s.easing.tailwind
     ].join(" ");
@@ -1140,15 +1158,15 @@ class D {
       property: i,
       duration: s.duration.value,
       timingFunction: s.easing.value,
-      tailwind: c
+      tailwind: o
     };
   }
 }
-D.create("fast"), D.create("base"), D.create("slow"), D.create("slower"), D.createTransition(
+W.create("fast"), W.create("base"), W.create("slow"), W.create("slower"), W.createTransition(
   ["color", "background-color", "border-color"],
   "base"
-), D.createTransition("opacity", "fast"), D.createTransition("transform", "base"), D.createTransition("all", "base");
-class A {
+), W.createTransition("opacity", "fast"), W.createTransition("transform", "base"), W.createTransition("all", "base");
+class I {
   /**
    * Create a z-index token
    */
@@ -1202,8 +1220,8 @@ class A {
     }[a];
   }
 }
-A.create("base"), A.create("dropdown"), A.create("sticky"), A.create("fixed"), A.create("modal-backdrop"), A.create("modal"), A.create("popover"), A.create("tooltip"), A.create("toast");
-class S {
+I.create("base"), I.create("dropdown"), I.create("sticky"), I.create("fixed"), I.create("modal-backdrop"), I.create("modal"), I.create("popover"), I.create("tooltip"), I.create("toast");
+class C {
   /**
    * Create an opacity token
    */
@@ -1249,8 +1267,8 @@ class S {
     };
   }
 }
-S.create(0), S.create(5), S.create(10), S.create(20), S.create(25), S.create(30), S.create(40), S.create(50), S.create(60), S.create(70), S.create(75), S.create(80), S.create(90), S.create(95), S.create(100);
-const He = j("w-full", {
+C.create(0), C.create(5), C.create(10), C.create(20), C.create(25), C.create(30), C.create(40), C.create(50), C.create(60), C.create(70), C.create(75), C.create(80), C.create(90), C.create(95), C.create(100);
+const Pe = _("w-full", {
   variants: {
     size: {
       sm: "h-1",
@@ -1270,7 +1288,7 @@ const He = j("w-full", {
     size: "md",
     variant: "primary"
   }
-}), ne = j("transition-all", {
+}), se = _("transition-all", {
   variants: {
     variant: {
       primary: "bg-surface-brand",
@@ -1284,14 +1302,14 @@ const He = j("w-full", {
   defaultVariants: {
     variant: "primary"
   }
-}), Be = O(function(h, m) {
-  var x = h, {
+}), qe = q(function(y, m) {
+  var x = y, {
     value: a,
     max: n = 100,
     variant: r = "primary",
     size: s = "md",
     showLabel: i = !1,
-    label: c,
+    label: o,
     "aria-label": f,
     className: u = ""
   } = x, b = g(x, [
@@ -1304,9 +1322,9 @@ const He = j("w-full", {
     "aria-label",
     "className"
   ]);
-  const v = a === void 0, M = v ? void 0 : Math.min(Math.max(a / n * 100, 0), 100), L = f || (v ? "Loading in progress" : `Progress: ${M == null ? void 0 : M.toFixed(0)}%`);
-  return /* @__PURE__ */ $("div", y(p({ ref: m, className: l("w-full", u) }, b), { children: [
-    i && (c || !v) && /* @__PURE__ */ $(
+  const v = a === void 0, N = v ? void 0 : Math.min(Math.max(a / n * 100, 0), 100), T = f || (v ? "Loading in progress" : `Progress: ${N == null ? void 0 : N.toFixed(0)}%`);
+  return /* @__PURE__ */ S("div", h(p({ ref: m, className: l("w-full", u) }, b), { children: [
+    i && (o || !v) && /* @__PURE__ */ S(
       "div",
       {
         className: l(
@@ -1316,18 +1334,18 @@ const He = j("w-full", {
           d("xs", "mb")
         ),
         children: [
-          c && /* @__PURE__ */ o(
+          o && /* @__PURE__ */ c(
             "span",
             {
               className: l(
                 z("bodySmall"),
-                H("label"),
+                O("label"),
                 "text-fg-primary"
               ),
-              children: c
+              children: o
             }
           ),
-          !v && M !== void 0 && /* @__PURE__ */ $(
+          !v && N !== void 0 && /* @__PURE__ */ S(
             "span",
             {
               className: l(
@@ -1335,7 +1353,7 @@ const He = j("w-full", {
                 "text-fg-secondary"
               ),
               children: [
-                M.toFixed(0),
+                N.toFixed(0),
                 "%"
               ]
             }
@@ -1343,23 +1361,23 @@ const He = j("w-full", {
         ]
       }
     ),
-    /* @__PURE__ */ o(
+    /* @__PURE__ */ c(
       "div",
       {
         role: "progressbar",
         "aria-valuemin": v ? void 0 : 0,
         "aria-valuemax": v ? void 0 : n,
         "aria-valuenow": v ? void 0 : a,
-        "aria-label": L,
+        "aria-label": T,
         "aria-busy": v,
         className: l(
           "relative",
           "w-full",
           "overflow-hidden",
-          He({ size: s, variant: r }),
-          T("full")
+          Pe({ size: s, variant: r }),
+          M("full")
         ),
-        children: v ? /* @__PURE__ */ o(
+        children: v ? /* @__PURE__ */ c(
           "div",
           {
             className: l(
@@ -1367,8 +1385,8 @@ const He = j("w-full", {
               "top-0",
               "left-0",
               "bottom-0",
-              ne({ variant: r }),
-              T("full"),
+              se({ variant: r }),
+              M("full"),
               "motion-reduce:animate-none"
             ),
             style: {
@@ -1376,19 +1394,19 @@ const He = j("w-full", {
               animation: "progress-indeterminate 1.5s ease-in-out infinite"
             }
           }
-        ) : /* @__PURE__ */ o(
+        ) : /* @__PURE__ */ c(
           "div",
           {
             className: l(
               "h-full",
-              ne({ variant: r }),
-              T("full"),
+              se({ variant: r }),
+              M("full"),
               "transition-all",
               "duration-300",
               "ease-out"
             ),
             style: {
-              width: `${M}%`
+              width: `${N}%`
             },
             "aria-hidden": "true"
           }
@@ -1397,20 +1415,20 @@ const He = j("w-full", {
     )
   ] }));
 });
-Be.displayName = "Progress";
-const Oe = {
+qe.displayName = "Progress";
+const Ue = {
   horizontal: "w-full border-t",
   vertical: "h-full border-l self-stretch"
-}, Pe = {
+}, Ke = {
   solid: "border-solid",
   dashed: "border-dashed",
   dotted: "border-dotted"
-}, qe = B(function(i) {
-  var c = i, {
+}, Xe = P(function(i) {
+  var o = i, {
     orientation: a = "horizontal",
     variant: n = "solid",
     className: r = ""
-  } = c, s = g(c, [
+  } = o, s = g(o, [
     "orientation",
     "variant",
     "className"
@@ -1418,18 +1436,18 @@ const Oe = {
   const f = l(
     "border-0",
     "border-line-default",
-    Oe[a],
-    Pe[n],
+    Ue[a],
+    Ke[n],
     r
   );
-  return a === "vertical" ? /* @__PURE__ */ o(
+  return a === "vertical" ? /* @__PURE__ */ c(
     "div",
     p({
       className: f,
       role: "separator",
       "aria-orientation": "vertical"
     }, s)
-  ) : /* @__PURE__ */ o(
+  ) : /* @__PURE__ */ c(
     "hr",
     p({
       className: f,
@@ -1438,8 +1456,8 @@ const Oe = {
     }, s)
   );
 });
-qe.displayName = "Separator";
-function ha(f) {
+Xe.displayName = "Separator";
+function Na(f) {
   var u = f, {
     variant: t = "text",
     width: a,
@@ -1447,7 +1465,7 @@ function ha(f) {
     lines: r = 1,
     className: s = "",
     "aria-label": i
-  } = u, c = g(u, [
+  } = u, o = g(u, [
     "variant",
     "width",
     "height",
@@ -1458,45 +1476,45 @@ function ha(f) {
   const b = [
     "motion-safe:animate-pulse",
     "bg-surface-muted",
-    T("sm")
+    M("sm")
   ], m = {
     text: "h-4",
     card: "h-32",
     list: "h-12",
-    circle: T("full")
-  }, h = l(...b, m[t], s), x = {};
+    circle: M("full")
+  }, y = l(...b, m[t], s), x = {};
   a && (x.width = a), n && (x.height = n);
   const v = i || `Loading ${t} content`;
-  return t === "text" && r > 1 ? /* @__PURE__ */ o(
+  return t === "text" && r > 1 ? /* @__PURE__ */ c(
     "div",
-    y(p({
+    h(p({
       className: d("sm", "space-y"),
       role: "status",
       "aria-busy": "true",
       "aria-label": v
-    }, c), {
-      children: Array.from({ length: r }).map((M, L) => /* @__PURE__ */ o(
+    }, o), {
+      children: Array.from({ length: r }).map((N, T) => /* @__PURE__ */ c(
         "div",
         {
-          className: h,
-          style: L === r - 1 ? { width: "75%" } : x,
+          className: y,
+          style: T === r - 1 ? { width: "75%" } : x,
           "aria-hidden": "true"
         },
-        L
+        T
       ))
     })
-  ) : /* @__PURE__ */ o(
+  ) : /* @__PURE__ */ c(
     "div",
     p({
-      className: h,
+      className: y,
       style: x,
       role: "status",
       "aria-busy": "true",
       "aria-label": v
-    }, c)
+    }, o)
   );
 }
-const Ue = j("motion-safe:animate-spin", {
+const Ge = _("motion-safe:animate-spin", {
   variants: {
     size: {
       sm: "h-4 w-4",
@@ -1513,8 +1531,8 @@ const Ue = j("motion-safe:animate-spin", {
     size: "md",
     variant: "primary"
   }
-}), Ke = B(function(c) {
-  var f = c, {
+}), Ye = P(function(o) {
+  var f = o, {
     size: a = "md",
     variant: n = "primary",
     label: r,
@@ -1525,23 +1543,23 @@ const Ue = j("motion-safe:animate-spin", {
     "label",
     "className"
   ]);
-  return /* @__PURE__ */ $(
+  return /* @__PURE__ */ S(
     "div",
-    y(p({
+    h(p({
       className: l("inline-flex", "items-center", s),
       role: "status",
       "aria-label": r || "Loading",
       "aria-live": "polite"
     }, i), {
       children: [
-        /* @__PURE__ */ o(
+        /* @__PURE__ */ c(
           xe,
           {
-            className: l(Ue({ size: a, variant: n })),
+            className: l(Ge({ size: a, variant: n })),
             "aria-hidden": "true"
           }
         ),
-        r && /* @__PURE__ */ o(
+        r && /* @__PURE__ */ c(
           "span",
           {
             className: l(
@@ -1557,8 +1575,8 @@ const Ue = j("motion-safe:animate-spin", {
     })
   );
 });
-Ke.displayName = "Spinner";
-const Xe = {
+Ye.displayName = "Spinner";
+const Ze = {
   primary: {
     // exception: variant color — no semantic equivalent (Principle 3, .claude/rules/colors.md)
     light: "text-indigo-400",
@@ -1610,7 +1628,7 @@ const Xe = {
     contrast: "text-fg-inverse"
   }
 };
-function Ge(b, u) {
+function Qe(b, u) {
   var m = b, {
     variant: t = "paragraph",
     bold: a,
@@ -1618,7 +1636,7 @@ function Ge(b, u) {
     className: r,
     as: s,
     colorRole: i = "neutral",
-    colorShade: c = "dark"
+    colorShade: o = "dark"
   } = m, f = g(m, [
     "variant",
     "bold",
@@ -1628,7 +1646,7 @@ function Ge(b, u) {
     "colorRole",
     "colorShade"
   ]);
-  const h = [];
+  const y = [];
   let x;
   if (s)
     x = s;
@@ -1644,16 +1662,16 @@ function Ge(b, u) {
         x = "p";
         break;
     }
-  return t === "heading" ? h.push(V("h2")) : t === "body" || t === "paragraph" ? h.push(V("body")) : t === "bodySmall" ? h.push(V("bodySmall")) : t === "bodyLarge" ? h.push(V("bodyLarge")) : t === "caption" ? h.push(V("caption")) : t === "label" ? h.push(V("label")) : h.push(V("body")), a && h.push("font-bold"), n && h.push("italic"), h.push(Xe[i][c]), /* @__PURE__ */ o(x, p({ ref: u, className: l(...h, r) }, f));
+  return t === "heading" ? y.push(R("h2")) : t === "body" || t === "paragraph" ? y.push(R("body")) : t === "bodySmall" ? y.push(R("bodySmall")) : t === "bodyLarge" ? y.push(R("bodyLarge")) : t === "caption" ? y.push(R("caption")) : t === "label" ? y.push(R("label")) : y.push(R("body")), a && y.push("font-bold"), n && y.push("italic"), y.push(Ze[i][o]), /* @__PURE__ */ c(x, p({ ref: u, className: l(...y, r) }, f));
 }
-const se = O(Ge), Ye = {
+const ie = q(Qe), Je = {
   sm: "max-w-screen-sm",
   md: "max-w-screen-md",
   lg: "max-w-screen-lg",
   xl: "max-w-screen-xl",
   "2xl": "max-w-screen-2xl",
   full: "max-w-full"
-}, Ze = ie.forwardRef(
+}, ea = le.forwardRef(
   (u, f) => {
     var b = u, {
       className: t,
@@ -1662,7 +1680,7 @@ const se = O(Ge), Ye = {
       paddingY: r = "base",
       center: s = !0,
       children: i
-    } = b, c = g(b, [
+    } = b, o = g(b, [
       "className",
       "maxWidth",
       "paddingX",
@@ -1670,26 +1688,26 @@ const se = O(Ge), Ye = {
       "center",
       "children"
     ]);
-    return /* @__PURE__ */ o(
+    return /* @__PURE__ */ c(
       "div",
-      y(p({
+      h(p({
         ref: f,
         className: l(
           "w-full",
-          Ye[a],
+          Je[a],
           d(n, "px"),
           d(r, "py"),
           s && "mx-auto",
           t
         )
-      }, c), {
+      }, o), {
         children: i
       })
     );
   }
 );
-Ze.displayName = "Container";
-const Qe = ie.forwardRef(
+ea.displayName = "Container";
+const aa = le.forwardRef(
   (u, f) => {
     var b = u, {
       className: t,
@@ -1698,7 +1716,7 @@ const Qe = ie.forwardRef(
       justify: r = "start",
       direction: s = "column",
       children: i
-    } = b, c = g(b, [
+    } = b, o = g(b, [
       "className",
       "spacing",
       "align",
@@ -1706,7 +1724,7 @@ const Qe = ie.forwardRef(
       "direction",
       "children"
     ]);
-    const m = s === "column" ? d(a, "gap-y") : d(a, "gap-x"), h = {
+    const m = s === "column" ? d(a, "gap-y") : d(a, "gap-x"), y = {
       start: "items-start",
       center: "items-center",
       end: "items-end",
@@ -1719,26 +1737,26 @@ const Qe = ie.forwardRef(
       around: "justify-around",
       evenly: "justify-evenly"
     };
-    return /* @__PURE__ */ o(
+    return /* @__PURE__ */ c(
       "div",
-      y(p({
+      h(p({
         ref: f,
         className: l(
           "flex",
           s === "column" ? "flex-col" : "flex-row",
           m,
-          h[n],
+          y[n],
           x[r],
           t
         )
-      }, c), {
+      }, o), {
         children: i
       })
     );
   }
 );
-Qe.displayName = "Stack";
-function Je(s) {
+aa.displayName = "Stack";
+function ta(s) {
   var i = s, {
     items: t,
     separator: a = "/",
@@ -1748,20 +1766,20 @@ function Je(s) {
     "separator",
     "className"
   ]);
-  const c = [
+  const o = [
     "flex",
     "items-center",
     d("sm", "space-x"),
     z("bodySmall")
-  ], f = l(...c, n);
-  return /* @__PURE__ */ o("nav", y(p({ "aria-label": "Breadcrumb", className: f }, r), { children: /* @__PURE__ */ o(
+  ], f = l(...o, n);
+  return /* @__PURE__ */ c("nav", h(p({ "aria-label": "Breadcrumb", className: f }, r), { children: /* @__PURE__ */ c(
     "ol",
     {
       className: l("flex", "items-center", d("sm", "space-x")),
       children: t.map((u, b) => {
         const m = b === t.length - 1;
-        return /* @__PURE__ */ $("li", { className: "flex items-center", children: [
-          b > 0 && /* @__PURE__ */ o(
+        return /* @__PURE__ */ S("li", { className: "flex items-center", children: [
+          b > 0 && /* @__PURE__ */ c(
             "span",
             {
               className: l(
@@ -1772,17 +1790,17 @@ function Je(s) {
               children: a
             }
           ),
-          m ? /* @__PURE__ */ o(
+          m ? /* @__PURE__ */ c(
             "span",
             {
               className: l(
                 "text-fg-primary",
-                H("label")
+                O("label")
               ),
               "aria-current": "page",
               children: u.label
             }
-          ) : u.href ? /* @__PURE__ */ o(
+          ) : u.href ? /* @__PURE__ */ c(
             "a",
             {
               href: u.href,
@@ -1794,7 +1812,7 @@ function Je(s) {
                 "border-b-2",
                 "border-transparent",
                 z("bodySmall"),
-                H("label"),
+                O("label"),
                 "transition-colors",
                 "text-fg-secondary",
                 "hover:border-line-emphasis",
@@ -1802,17 +1820,17 @@ function Je(s) {
               ),
               children: u.label
             }
-          ) : /* @__PURE__ */ o("span", { className: "text-fg-secondary", children: u.label })
+          ) : /* @__PURE__ */ c("span", { className: "text-fg-secondary", children: u.label })
         ] }, b);
       })
     }
   ) }));
 }
-function ea(r) {
+function ra(r) {
   var s = r, { children: t, className: a } = s, n = g(s, ["children", "className"]);
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ c(
     "div",
-    y(p({
+    h(p({
       className: l(
         "grid items-start",
         d("1.5", "gap"),
@@ -1826,8 +1844,8 @@ function ea(r) {
     })
   );
 }
-function aa(c) {
-  var f = c, {
+function na(o) {
+  var f = o, {
     children: t,
     icon: a,
     badge: n,
@@ -1840,9 +1858,9 @@ function aa(c) {
     "as",
     "className"
   ]);
-  return /* @__PURE__ */ $(
+  return /* @__PURE__ */ S(
     r,
-    y(p({
+    h(p({
       className: l(
         "text-base font-semibold text-fg-primary",
         "flex items-center",
@@ -1851,14 +1869,14 @@ function aa(c) {
       )
     }, i), {
       children: [
-        a ? /* @__PURE__ */ o("span", { className: "shrink-0 inline-flex", children: a }) : null,
-        /* @__PURE__ */ o("span", { children: t }),
-        n ? /* @__PURE__ */ o("span", { className: "inline-flex", children: n }) : null
+        a ? /* @__PURE__ */ c("span", { className: "shrink-0 inline-flex", children: a }) : null,
+        /* @__PURE__ */ c("span", { children: t }),
+        n ? /* @__PURE__ */ c("span", { className: "inline-flex", children: n }) : null
       ]
     })
   );
 }
-function ta(r) {
+function sa(r) {
   var s = r, {
     children: t,
     className: a
@@ -1866,9 +1884,9 @@ function ta(r) {
     "children",
     "className"
   ]);
-  return /* @__PURE__ */ o("p", y(p({ className: l("text-sm text-fg-secondary", a) }, n), { children: t }));
+  return /* @__PURE__ */ c("p", h(p({ className: l("text-sm text-fg-secondary", a) }, n), { children: t }));
 }
-function ra(r) {
+function ia(r) {
   var s = r, {
     children: t,
     className: a
@@ -1876,9 +1894,9 @@ function ra(r) {
     "children",
     "className"
   ]);
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ c(
     "div",
-    y(p({
+    h(p({
       "data-card-actions": "",
       className: l(
         "flex items-center self-start",
@@ -1890,11 +1908,11 @@ function ra(r) {
     })
   );
 }
-function na(r) {
+function la(r) {
   var s = r, { children: t, className: a } = s, n = g(s, ["children", "className"]);
-  return /* @__PURE__ */ o("div", y(p({ className: l(a) }, n), { children: t }));
+  return /* @__PURE__ */ c("div", h(p({ className: l(a) }, n), { children: t }));
 }
-function sa(b) {
+function oa(b) {
   var m = b, {
     variant: t = "default",
     padding: a = "medium",
@@ -1902,7 +1920,7 @@ function sa(b) {
     onClick: r,
     "aria-label": s,
     "aria-labelledby": i,
-    asSection: c = !1,
+    asSection: o = !1,
     children: f
   } = m, u = g(m, [
     "variant",
@@ -1914,13 +1932,13 @@ function sa(b) {
     "asSection",
     "children"
   ]);
-  typeof process != "undefined" && process.env.NODE_ENV !== "production" && c && !s && !i && console.warn(
+  typeof process != "undefined" && process.env.NODE_ENV !== "production" && o && !s && !i && console.warn(
     "[Card] `asSection={true}` requires an accessible name. Pass `aria-labelledby` pointing to your Card.Title `id`, or `aria-label`. A <section> without a name is an anonymous landmark that hurts screen-reader navigation."
   );
-  const h = j(
+  const y = _(
     l(
       "bg-surface-base",
-      T("lg"),
+      M("lg"),
       "border",
       "border-line-default",
       Y("sm")
@@ -1948,28 +1966,28 @@ function sa(b) {
         padding: "medium"
       }
     }
-  ), x = r !== void 0, v = x ? "button" : void 0, M = x ? 0 : void 0, L = l(h({ variant: t, padding: a }), n), q = p({
-    className: L,
+  ), x = r !== void 0, v = x ? "button" : void 0, N = x ? 0 : void 0, T = l(y({ variant: t, padding: a }), n), L = p({
+    className: T,
     role: v,
-    tabIndex: M,
+    tabIndex: N,
     onClick: r,
-    onKeyDown: x ? (R) => {
-      x && (R.key === "Enter" || R.key === " ") && (R.preventDefault(), r == null || r());
+    onKeyDown: x ? (H) => {
+      x && (H.key === "Enter" || H.key === " ") && (H.preventDefault(), r == null || r());
     } : void 0,
     "aria-label": s,
     "aria-labelledby": i
   }, u);
-  return c ? /* @__PURE__ */ o("section", y(p({}, q), { children: f })) : /* @__PURE__ */ o("div", y(p({}, q), { children: f }));
+  return o ? /* @__PURE__ */ c("section", h(p({}, L), { children: f })) : /* @__PURE__ */ c("div", h(p({}, L), { children: f }));
 }
-const oe = B(sa);
+const oe = P(oa);
 oe.displayName = "Card";
-const P = oe;
-P.Header = ea;
-P.Title = aa;
-P.Subtitle = ta;
-P.Actions = ra;
-P.Body = na;
-function va(r) {
+const U = oe;
+U.Header = ra;
+U.Title = na;
+U.Subtitle = sa;
+U.Actions = ia;
+U.Body = la;
+function ka(r) {
   var s = r, {
     children: t,
     className: a = ""
@@ -1977,16 +1995,16 @@ function va(r) {
     "children",
     "className"
   ]);
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ c(
     "div",
-    y(p({
+    h(p({
       className: `flex flex-col ${d("1.5", "space-y")} ${d("lg", "p")} ${d("base", "pb")} ${a}`
     }, n), {
       children: t
     })
   );
 }
-function wa(r) {
+function $a(r) {
   var s = r, {
     children: t,
     className: a = ""
@@ -1994,16 +2012,16 @@ function wa(r) {
     "children",
     "className"
   ]);
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ c(
     "div",
-    y(p({
+    h(p({
       className: `flex flex-col-reverse sm:flex-row sm:justify-end sm:${d("sm", "space-x")} ${d("lg", "p")} ${d("base", "pt")} ${a}`
     }, n), {
       children: t
     })
   );
 }
-function Na(r) {
+function Sa(r) {
   var s = r, {
     children: t,
     className: a = ""
@@ -2011,9 +2029,9 @@ function Na(r) {
     "children",
     "className"
   ]);
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ c(
     "div",
-    y(p({
+    h(p({
       className: `
         ${d("lg", "p")}
         border-b
@@ -2025,7 +2043,7 @@ function Na(r) {
     })
   );
 }
-function ka(r) {
+function Ta(r) {
   var s = r, {
     children: t,
     className: a = ""
@@ -2033,9 +2051,9 @@ function ka(r) {
     "children",
     "className"
   ]);
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ c(
     "div",
-    y(p({
+    h(p({
       className: `
         ${d("lg", "p")}
         border-t
@@ -2050,8 +2068,8 @@ function ka(r) {
     })
   );
 }
-function $a({ children: t, className: a }) {
-  return /* @__PURE__ */ o(
+function Ca({ children: t, className: a }) {
+  return /* @__PURE__ */ c(
     "div",
     {
       className: l(
@@ -2063,11 +2081,11 @@ function $a({ children: t, className: a }) {
     }
   );
 }
-function Sa({
+function Ma({
   children: t,
   className: a
 }) {
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ c(
     "nav",
     {
       className: l(
@@ -2082,13 +2100,13 @@ function Sa({
     }
   );
 }
-function Ca(n) {
+function Ea(n) {
   var r = n, {
     className: t = ""
   } = r, a = g(r, [
     "className"
   ]);
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ c(
     "div",
     p({
       role: "separator",
@@ -2101,7 +2119,7 @@ function Ca(n) {
     }, a)
   );
 }
-function Ta(r) {
+function za(r) {
   var s = r, {
     orientation: t = "horizontal",
     className: a = ""
@@ -2109,14 +2127,14 @@ function Ta(r) {
     "orientation",
     "className"
   ]);
-  return t === "vertical" ? /* @__PURE__ */ o(
+  return t === "vertical" ? /* @__PURE__ */ c(
     "div",
     p({
       className: l("w-px", "h-6", "bg-line-default", "mx-auto", a),
       role: "separator",
       "aria-orientation": "vertical"
     }, n)
-  ) : /* @__PURE__ */ o(
+  ) : /* @__PURE__ */ c(
     "div",
     p({
       className: l(
@@ -2139,7 +2157,7 @@ function Ta(r) {
     }, n)
   );
 }
-const ia = j(
+const da = _(
   // Base classes
   l("w-full", "flex", "flex-col", d("sm", "gap")),
   {
@@ -2154,7 +2172,7 @@ const ia = j(
     }
   }
 );
-function Ma(f) {
+function Fa(f) {
   var u = f, {
     title: t,
     description: a,
@@ -2162,7 +2180,7 @@ function Ma(f) {
     actions: r,
     variant: s = "default",
     className: i
-  } = u, c = g(u, [
+  } = u, o = g(u, [
     "title",
     "description",
     "breadcrumb",
@@ -2170,16 +2188,16 @@ function Ma(f) {
     "variant",
     "className"
   ]);
-  return /* @__PURE__ */ $("div", y(p({ className: l(ia({ variant: s }), i) }, c), { children: [
-    n && n.length > 0 && /* @__PURE__ */ o(Je, { items: n }),
-    /* @__PURE__ */ $(
+  return /* @__PURE__ */ S("div", h(p({ className: l(da({ variant: s }), i) }, o), { children: [
+    n && n.length > 0 && /* @__PURE__ */ c(ta, { items: n }),
+    /* @__PURE__ */ S(
       "div",
       {
         className: `flex items-start justify-between ${d("base", "gap")}`,
         children: [
-          /* @__PURE__ */ $("div", { className: "flex-1 min-w-0", children: [
-            /* @__PURE__ */ o(
-              se,
+          /* @__PURE__ */ S("div", { className: "flex-1 min-w-0", children: [
+            /* @__PURE__ */ c(
+              ie,
               {
                 variant: "heading",
                 as: "h1",
@@ -2187,9 +2205,9 @@ function Ma(f) {
                 children: t
               }
             ),
-            a && /* @__PURE__ */ o(se, { variant: "body", className: "text-fg-secondary", children: a })
+            a && /* @__PURE__ */ c(ie, { variant: "body", className: "text-fg-secondary", children: a })
           ] }),
-          r && /* @__PURE__ */ o(
+          r && /* @__PURE__ */ c(
             "div",
             {
               className: `flex items-center ${d("sm", "gap")} flex-shrink-0`,
@@ -2201,16 +2219,16 @@ function Ma(f) {
     )
   ] }));
 }
-const la = {
+const ca = {
   start: "items-start text-left",
   center: "items-center text-center"
-}, oa = {
+}, fa = {
   neutral: "text-fg-tertiary",
   success: "text-fg-success",
   warning: "text-fg-warning",
   error: "text-fg-error"
 };
-function za(u) {
+function La(u) {
   var b = u, {
     value: t,
     label: a,
@@ -2218,7 +2236,7 @@ function za(u) {
     icon: r,
     align: s = "start",
     tone: i = "neutral",
-    className: c
+    className: o
   } = b, f = g(b, [
     "value",
     "label",
@@ -2229,58 +2247,58 @@ function za(u) {
     "className"
   ]);
   const m = t == null;
-  return /* @__PURE__ */ $(
+  return /* @__PURE__ */ S(
     "div",
-    y(p({
+    h(p({
       className: l(
         "bg-surface-base flex-1 flex flex-col",
         d("base", "p"),
         d("xs", "gap-y"),
-        la[s],
-        c
+        ca[s],
+        o
       )
     }, f), {
       children: [
-        r ? /* @__PURE__ */ o("span", { className: "text-icon-default inline-flex", children: r }) : null,
-        m ? /* @__PURE__ */ o(
+        r ? /* @__PURE__ */ c("span", { className: "text-icon-default inline-flex", children: r }) : null,
+        m ? /* @__PURE__ */ c(
           "span",
           {
             "aria-label": "No data",
             className: "text-fg-tertiary text-2xl font-semibold leading-tight",
             children: "—"
           }
-        ) : /* @__PURE__ */ o("span", { className: "text-fg-primary text-2xl font-semibold leading-tight", children: t }),
-        /* @__PURE__ */ o("span", { className: "text-fg-secondary text-sm", children: a }),
-        n ? /* @__PURE__ */ o("span", { className: l("text-xs", oa[i]), children: n }) : null
+        ) : /* @__PURE__ */ c("span", { className: "text-fg-primary text-2xl font-semibold leading-tight", children: t }),
+        /* @__PURE__ */ c("span", { className: "text-fg-secondary text-sm", children: a }),
+        n ? /* @__PURE__ */ c("span", { className: l("text-xs", fa[i]), children: n }) : null
       ]
     })
   );
 }
-const da = {
+const pa = {
   2: "md:grid-cols-2",
   3: "md:grid-cols-3",
   4: "md:grid-cols-4"
 };
-function La(i) {
-  var c = i, {
+function Aa(i) {
+  var o = i, {
     layout: t = "grid",
     cols: a = 4,
     className: n,
     children: r
-  } = c, s = g(c, [
+  } = o, s = g(o, [
     "layout",
     "cols",
     "className",
     "children"
   ]);
   const f = t === "grid";
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ c(
     "div",
-    y(p({
+    h(p({
       className: l(
         "bg-line-default border border-line-default overflow-hidden gap-px",
-        T("lg"),
-        f ? `grid grid-cols-2 ${da[a]}` : "flex",
+        M("lg"),
+        f ? `grid grid-cols-2 ${pa[a]}` : "flex",
         n
       )
     }, s), {
@@ -2288,43 +2306,43 @@ function La(i) {
     })
   );
 }
-function Fa(s) {
+function Ia(s) {
   var i = s, { column: t, row: a, className: n = "" } = i, r = g(i, ["column", "row", "className"]);
-  const c = t.key in a ? a[t.key] : void 0;
-  return /* @__PURE__ */ o(
+  const o = t.key in a ? a[t.key] : void 0;
+  return /* @__PURE__ */ c(
     "td",
-    y(p({
+    h(p({
       className: `${d("lg", "px")} ${d("base", "py")} whitespace-nowrap text-sm text-fg-primary ${t.hiddenOnMobile ? "hidden md:table-cell" : ""} ${n}`
     }, r), {
-      children: t.render ? t.render(c, a) : String(c != null ? c : "")
+      children: t.render ? t.render(o, a) : String(o != null ? o : "")
     })
   );
 }
-function Ea({
+function Da({
   items: t,
   orientation: a = "vertical",
   className: n = ""
 }) {
-  return a === "horizontal" ? /* @__PURE__ */ o("div", { className: `flex items-start ${n}`, children: t.map((r, s) => {
-    const i = r.status || (s === 0 ? "active" : s < t.findIndex((f) => f.status === "active") ? "completed" : "default"), c = s === t.length - 1;
-    return /* @__PURE__ */ o("div", { className: "flex items-start flex-1", children: /* @__PURE__ */ $("div", { className: "flex flex-col items-center flex-1", children: [
-      /* @__PURE__ */ o(
+  return a === "horizontal" ? /* @__PURE__ */ c("div", { className: `flex items-start ${n}`, children: t.map((r, s) => {
+    const i = r.status || (s === 0 ? "active" : s < t.findIndex((f) => f.status === "active") ? "completed" : "default"), o = s === t.length - 1;
+    return /* @__PURE__ */ c("div", { className: "flex items-start flex-1", children: /* @__PURE__ */ S("div", { className: "flex flex-col items-center flex-1", children: [
+      /* @__PURE__ */ c(
         "div",
-        y(p({}, i === "default" ? { "data-marker": "pending" } : {}), {
+        h(p({}, i === "default" ? { "data-marker": "pending" } : {}), {
           className: `
                   flex
                   items-center
                   justify-center
                   w-10
                   h-10
-                  ${T("full")}
+                  ${M("full")}
                   border-2
                   ${i === "completed" ? "bg-success border-success text-fg-inverse" : i === "active" ? "bg-surface-brand-strong border-line-brand text-fg-inverse" : i === "error" ? "bg-error border-error text-fg-inverse" : "bg-surface-base border-line-emphasis text-fg-quaternary"}
                 `,
-          children: r.icon || (i === "completed" ? /* @__PURE__ */ o(ae, { className: "h-4 w-4" }) : s + 1)
+          children: r.icon || (i === "completed" ? /* @__PURE__ */ c(ae, { className: "h-4 w-4" }) : s + 1)
         })
       ),
-      !c && /* @__PURE__ */ o(
+      !o && /* @__PURE__ */ c(
         "div",
         {
           className: `
@@ -2335,56 +2353,56 @@ function Ea({
                     `
         }
       ),
-      /* @__PURE__ */ $(
+      /* @__PURE__ */ S(
         "div",
         {
           className: `${d("base", "mt")} text-center ${d("base", "px")}`,
           children: [
-            r.timestamp && /* @__PURE__ */ o(
+            r.timestamp && /* @__PURE__ */ c(
               "p",
               {
                 className: `text-xs text-fg-tertiary ${d("xs", "mb")}`,
                 children: r.timestamp
               }
             ),
-            /* @__PURE__ */ o("h3", { className: "text-sm font-semibold text-fg-primary", children: r.title }),
-            r.description && /* @__PURE__ */ o(
+            /* @__PURE__ */ c("h3", { className: "text-sm font-semibold text-fg-primary", children: r.title }),
+            r.description && /* @__PURE__ */ c(
               "p",
               {
                 className: `text-xs text-fg-secondary ${d("xs", "mt")}`,
                 children: r.description
               }
             ),
-            r.content && /* @__PURE__ */ o("div", { className: d("sm", "mt"), children: r.content })
+            r.content && /* @__PURE__ */ c("div", { className: d("sm", "mt"), children: r.content })
           ]
         }
       )
     ] }) }, r.id);
-  }) }) : /* @__PURE__ */ o("div", { className: `${d("none", "space-y")} ${n}`, children: t.map((r, s) => {
-    const i = r.status || (s === 0 ? "active" : s < t.findIndex((f) => f.status === "active") ? "completed" : "default"), c = s === t.length - 1;
-    return /* @__PURE__ */ $(
+  }) }) : /* @__PURE__ */ c("div", { className: `${d("none", "space-y")} ${n}`, children: t.map((r, s) => {
+    const i = r.status || (s === 0 ? "active" : s < t.findIndex((f) => f.status === "active") ? "completed" : "default"), o = s === t.length - 1;
+    return /* @__PURE__ */ S(
       "div",
       {
         className: `flex items-start ${d("base", "gap")}`,
         children: [
-          /* @__PURE__ */ $("div", { className: "flex flex-col items-center", children: [
-            /* @__PURE__ */ o(
+          /* @__PURE__ */ S("div", { className: "flex flex-col items-center", children: [
+            /* @__PURE__ */ c(
               "div",
-              y(p({}, i === "default" ? { "data-marker": "pending" } : {}), {
+              h(p({}, i === "default" ? { "data-marker": "pending" } : {}), {
                 className: `
                 flex
                 items-center
                 justify-center
                 w-10
                 h-10
-                ${T("full")}
+                ${M("full")}
                 border-2
                 ${i === "completed" ? "bg-success border-success text-fg-inverse" : i === "active" ? "bg-surface-brand-strong border-line-brand text-fg-inverse" : i === "error" ? "bg-error border-error text-fg-inverse" : "bg-surface-base border-line-emphasis text-fg-quaternary"}
               `,
-                children: r.icon || (i === "completed" ? /* @__PURE__ */ o(ae, { className: "h-4 w-4" }) : s + 1)
+                children: r.icon || (i === "completed" ? /* @__PURE__ */ c(ae, { className: "h-4 w-4" }) : s + 1)
               })
             ),
-            !c && /* @__PURE__ */ o(
+            !o && /* @__PURE__ */ c(
               "div",
               {
                 className: `
@@ -2397,15 +2415,15 @@ function Ea({
               }
             )
           ] }),
-          /* @__PURE__ */ $("div", { className: `flex-1 ${d("xl", "pb")}`, children: [
-            r.timestamp && /* @__PURE__ */ o(
+          /* @__PURE__ */ S("div", { className: `flex-1 ${d("xl", "pb")}`, children: [
+            r.timestamp && /* @__PURE__ */ c(
               "p",
               {
                 className: `text-xs text-fg-tertiary ${d("xs", "mb")}`,
                 children: r.timestamp
               }
             ),
-            /* @__PURE__ */ o(
+            /* @__PURE__ */ c(
               "h3",
               {
                 className: `
@@ -2416,14 +2434,14 @@ function Ea({
                 children: r.title
               }
             ),
-            r.description && /* @__PURE__ */ o(
+            r.description && /* @__PURE__ */ c(
               "p",
               {
                 className: `text-sm text-fg-secondary ${d("xs", "mt")}`,
                 children: r.description
               }
             ),
-            r.content && /* @__PURE__ */ o("div", { className: d("md", "mt"), children: r.content })
+            r.content && /* @__PURE__ */ c("div", { className: d("md", "mt"), children: r.content })
           ] })
         ]
       },
@@ -2433,36 +2451,36 @@ function Ea({
 }
 export {
   we as Badge,
-  Je as Breadcrumb,
-  P as Card,
-  ra as CardActions,
-  na as CardBody,
-  ea as CardHeader,
-  ta as CardSubtitle,
-  aa as CardTitle,
-  Ee as Chip,
-  Ze as Container,
-  wa as DialogFooter,
-  va as DialogHeader,
-  ka as DrawerFooter,
-  Na as DrawerHeader,
-  xa as ErrorMessage,
-  $a as HeaderActions,
-  Sa as HeaderNavigation,
-  ya as Info,
-  De as Label,
-  Ca as MenuSeparator,
-  Ta as NavbarSeparator,
-  Ma as PageHeader,
-  Be as Progress,
-  qe as Separator,
-  ha as Skeleton,
-  Ke as Spinner,
-  Qe as Stack,
-  za as Stat,
-  La as StatGroup,
-  Fa as TableCell,
-  se as Text,
-  Ea as Timeline
+  ta as Breadcrumb,
+  U as Card,
+  ia as CardActions,
+  la as CardBody,
+  ra as CardHeader,
+  sa as CardSubtitle,
+  na as CardTitle,
+  De as Chip,
+  ea as Container,
+  $a as DialogFooter,
+  ka as DialogHeader,
+  Ta as DrawerFooter,
+  Sa as DrawerHeader,
+  va as ErrorMessage,
+  Ca as HeaderActions,
+  Ma as HeaderNavigation,
+  wa as Info,
+  Re as Label,
+  Ea as MenuSeparator,
+  za as NavbarSeparator,
+  Fa as PageHeader,
+  qe as Progress,
+  Xe as Separator,
+  Na as Skeleton,
+  Ye as Spinner,
+  aa as Stack,
+  La as Stat,
+  Aa as StatGroup,
+  Ia as TableCell,
+  ie as Text,
+  Da as Timeline
 };
 //# sourceMappingURL=index.js.map