@fabio.caffarello/react-design-system 3.13.0 → 4.0.0

package/dist/server/index.js

@@ -1,32 +1,32 @@
-var te = Object.defineProperty, re = Object.defineProperties;
-var se = Object.getOwnPropertyDescriptors;
+var le = Object.defineProperty, oe = Object.defineProperties;
+var ce = Object.getOwnPropertyDescriptors;
 var P = Object.getOwnPropertySymbols;
-var K = Object.prototype.hasOwnProperty, X = Object.prototype.propertyIsEnumerable;
-var W = (e, t, r) => t in e ? te(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, f = (e, t) => {
+var X = Object.prototype.hasOwnProperty, q = Object.prototype.propertyIsEnumerable;
+var O = (e, t, r) => t in e ? le(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, u = (e, t) => {
   for (var r in t || (t = {}))
-    K.call(t, r) && W(e, r, t[r]);
+    X.call(t, r) && O(e, r, t[r]);
   if (P)
     for (var r of P(t))
-      X.call(t, r) && W(e, r, t[r]);
+      q.call(t, r) && O(e, r, t[r]);
   return e;
-}, y = (e, t) => re(e, se(t));
+}, y = (e, t) => oe(e, ce(t));
 var m = (e, t) => {
   var r = {};
   for (var a in e)
-    K.call(e, a) && t.indexOf(a) < 0 && (r[a] = e[a]);
+    X.call(e, a) && t.indexOf(a) < 0 && (r[a] = e[a]);
   if (e != null && P)
     for (var a of P(e))
-      t.indexOf(a) < 0 && X.call(e, a) && (r[a] = e[a]);
+      t.indexOf(a) < 0 && q.call(e, a) && (r[a] = e[a]);
   return r;
 };
-var q = (e, t, r) => W(e, typeof t != "symbol" ? t + "" : t, r);
+var G = (e, t, r) => O(e, typeof t != "symbol" ? t + "" : t, r);
 import { jsx as l, jsxs as v } from "react/jsx-runtime";
-import * as E from "react";
-import ee, { memo as H, forwardRef as j } from "react";
-import { clsx as ne } from "clsx";
-import { twMerge as ie } from "tailwind-merge";
-import { cva as le } from "class-variance-authority";
-import { X as oe, AlertCircle as ce, Loader2 as de, CheckCircle2 as G } from "lucide-react";
+import * as T from "react";
+import ae, { memo as H, forwardRef as D } from "react";
+import { clsx as de } from "clsx";
+import { twMerge as ue } from "tailwind-merge";
+import { cva as fe } from "class-variance-authority";
+import { X as pe, AlertCircle as me, Loader2 as ge, CheckCircle2 as Y } from "lucide-react";
 class F {
   /**
    * Create a radius token
@@ -83,7 +83,7 @@ class F {
     };
   }
 }
-const fe = {
+const xe = {
   none: F.create("none"),
   sm: F.create("sm"),
   md: F.create("md"),
@@ -93,8 +93,8 @@ const fe = {
   "3xl": F.create("3xl"),
   full: F.create("full")
 };
-function k(e) {
-  return fe[e].tailwind;
+function C(e) {
+  return xe[e].tailwind;
 }
 class S {
   // 4px base
@@ -163,8 +163,8 @@ class S {
     }[t] || String(t);
   }
 }
-q(S, "BASE_UNIT", 4);
-const ue = {
+G(S, "BASE_UNIT", 4);
+const be = {
   // Micro spacing (0-14px)
   none: S.create(0),
   "0.5": S.create(0.5),
@@ -202,7 +202,7 @@ const ue = {
   // 96px
 };
 function i(e, t = "p") {
-  const a = ue[e].tailwind;
+  const a = be[e].tailwind;
   return `${{
     p: "p",
     m: "m",
@@ -296,7 +296,7 @@ class $ {
   }
 }
 $.createFontWeight("light"), $.createFontWeight("normal"), $.createFontWeight("medium"), $.createFontWeight("semibold"), $.createFontWeight("bold");
-const B = {
+const U = {
   // Headings
   h1: $.create("4xl", "tight", "bold"),
   h2: $.create("3xl", "tight", "bold"),
@@ -314,32 +314,32 @@ const B = {
   button: $.create("base", "normal", "medium")
 };
 function R(e) {
-  const t = B[e];
+  const t = U[e];
   return `${t.fontSize.tailwind} ${t.lineHeight.tailwind} ${t.fontWeight.tailwind}`;
 }
-function C(e) {
-  return B[e].fontSize.tailwind;
+function k(e) {
+  return U[e].fontSize.tailwind;
 }
-function M(e) {
-  return B[e].fontWeight.tailwind;
+function z(e) {
+  return U[e].fontWeight.tailwind;
 }
 function n(...e) {
-  return ie(ne(e));
+  return ue(de(e));
 }
 const V = (e, t) => {
-  const r = le(e, t);
+  const r = fe(e, t);
   return ((a) => {
     const s = r(a);
     return n(s);
   });
-}, pe = V(
+}, he = V(
   // Base classes
   n(
     "inline-flex",
     "items-center",
     "justify-center",
-    M("label"),
-    k("md"),
+    z("label"),
+    C("md"),
     "border"
   ),
   {
@@ -357,17 +357,17 @@ const V = (e, t) => {
         sm: n(
           i("1.5", "px"),
           i("0.5", "py"),
-          C("caption")
+          k("caption")
         ),
         md: n(
           i("sm", "px"),
           i("xs", "py"),
-          C("caption")
+          k("caption")
         ),
         lg: n(
           i("sm", "px"),
           i("xs", "py"),
-          C("bodySmall")
+          k("bodySmall")
         )
       },
       style: {
@@ -470,9 +470,9 @@ const V = (e, t) => {
       style: "solid"
     }
   }
-), me = H(
-  j(function(b, p) {
-    var g = b, {
+), ye = H(
+  D(function(h, p) {
+    var g = h, {
       variant: t = "neutral",
       size: r = "md",
       style: a = "solid",
@@ -487,130 +487,130 @@ const V = (e, t) => {
       "children",
       "aria-label"
     ]);
-    const x = n(pe({ variant: t, size: r, style: a }), s);
-    let u;
+    const b = n(he({ variant: t, size: r, style: a }), s);
+    let f;
     if (c)
-      u = c;
+      f = c;
     else if (typeof o == "string")
-      u = o;
+      f = o;
     else if (typeof o == "object" && o !== null && "props" in o) {
-      const h = o.props;
-      h != null && h.children && typeof h.children == "string" && (u = h.children);
+      const x = o.props;
+      x != null && x.children && typeof x.children == "string" && (f = x.children);
     }
     return /* @__PURE__ */ l(
       "span",
-      y(f({
+      y(u({
         ref: p,
         role: "status",
-        "aria-label": u,
-        className: x
+        "aria-label": f,
+        className: b
       }, d), {
         children: o
       })
     );
   })
 );
-me.displayName = "Badge";
-function Y(e, t) {
+ye.displayName = "Badge";
+function Z(e, t) {
   if (typeof e == "function")
     return e(t);
   e != null && (e.current = t);
 }
-function ge(...e) {
+function ve(...e) {
   return (t) => {
     let r = !1;
     const a = e.map((s) => {
-      const o = Y(s, t);
+      const o = Z(s, t);
       return !r && typeof o == "function" && (r = !0), o;
     });
     if (r)
       return () => {
         for (let s = 0; s < a.length; s++) {
           const o = a[s];
-          typeof o == "function" ? o() : Y(e[s], null);
+          typeof o == "function" ? o() : Z(e[s], null);
         }
       };
   };
 }
-function xe(...e) {
-  return E.useCallback(ge(...e), e);
+function we(...e) {
+  return T.useCallback(ve(...e), e);
 }
 // @__NO_SIDE_EFFECTS__
-function be(e) {
-  const t = E.forwardRef((r, a) => {
-    var h;
-    let u = r, { children: s } = u, o = m(u, ["children"]), c = null, d = !1;
+function Ne(e) {
+  const t = T.forwardRef((r, a) => {
+    var x;
+    let f = r, { children: s } = f, o = m(f, ["children"]), c = null, d = !1;
     const p = [];
-    Z(s) && typeof O == "function" && (s = O(s._payload)), E.Children.forEach(s, (w) => {
+    J(s) && typeof W == "function" && (s = W(s._payload)), T.Children.forEach(s, (w) => {
       var N;
-      if (Se(w)) {
+      if (Te(w)) {
         d = !0;
-        const A = w;
-        let T = "child" in A.props ? A.props.child : A.props.children;
-        Z(T) && typeof O == "function" && (T = O(T._payload)), c = ve(A, T), p.push((N = c == null ? void 0 : c.props) == null ? void 0 : N.children);
+        const L = w;
+        let E = "child" in L.props ? L.props.child : L.props.children;
+        J(E) && typeof W == "function" && (E = W(E._payload)), c = Ce(L, E), p.push((N = c == null ? void 0 : c.props) == null ? void 0 : N.children);
       } else
         p.push(w);
-    }), c ? c = E.cloneElement(c, void 0, p) : (
+    }), c ? c = T.cloneElement(c, void 0, p) : (
       // 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.
-      !d && E.Children.count(s) === 1 && E.isValidElement(s) && (c = s)
+      !d && T.Children.count(s) === 1 && T.isValidElement(s) && (c = s)
     );
-    const b = c ? Ne(c) : void 0, g = xe(a, b);
+    const h = c ? Ee(c) : void 0, g = we(a, h);
     if (!c) {
       if (s || s === 0)
         throw new Error(
-          d ? Ee(e) : Ce(e)
+          d ? Fe(e) : Ve(e)
         );
       return s;
     }
-    const x = we(o, (h = c.props) != null ? h : {});
-    return c.type !== E.Fragment && (x.ref = a ? g : b), E.cloneElement(c, x);
+    const b = ke(o, (x = c.props) != null ? x : {});
+    return c.type !== T.Fragment && (b.ref = a ? g : h), T.cloneElement(c, b);
   });
   return t.displayName = `${e}.Slot`, t;
 }
-var he = /* @__PURE__ */ be("Slot"), ye = /* @__PURE__ */ Symbol.for("radix.slottable"), ve = (e, t) => {
+var Se = /* @__PURE__ */ Ne("Slot"), $e = /* @__PURE__ */ Symbol.for("radix.slottable"), Ce = (e, t) => {
   if ("child" in e.props) {
     const r = e.props.child;
-    return E.isValidElement(r) ? E.cloneElement(r, void 0, e.props.children(r.props.children)) : null;
+    return T.isValidElement(r) ? T.cloneElement(r, void 0, e.props.children(r.props.children)) : null;
   }
-  return E.isValidElement(t) ? t : null;
+  return T.isValidElement(t) ? t : null;
 };
-function we(e, t) {
-  const r = f({}, t);
+function ke(e, t) {
+  const r = u({}, t);
   for (const a in t) {
     const s = e[a], o = t[a];
     /^on[A-Z]/.test(a) ? s && o ? r[a] = (...d) => {
       const p = o(...d);
       return s(...d), p;
-    } : s && (r[a] = s) : a === "style" ? r[a] = f(f({}, s), o) : a === "className" && (r[a] = [s, o].filter(Boolean).join(" "));
+    } : s && (r[a] = s) : a === "style" ? r[a] = u(u({}, s), o) : a === "className" && (r[a] = [s, o].filter(Boolean).join(" "));
   }
-  return f(f({}, e), r);
+  return u(u({}, e), r);
 }
-function Ne(e) {
+function Ee(e) {
   var a, s;
   let t = (a = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : a.get, r = t && "isReactWarning" in t && t.isReactWarning;
   return r ? e.ref : (t = (s = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : s.get, r = t && "isReactWarning" in t && t.isReactWarning, r ? e.props.ref : e.props.ref || e.ref);
 }
-function Se(e) {
-  return E.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === ye;
+function Te(e) {
+  return T.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === $e;
 }
-var $e = /* @__PURE__ */ Symbol.for("react.lazy");
-function Z(e) {
-  return e != null && typeof e == "object" && "$$typeof" in e && e.$$typeof === $e && "_payload" in e && ke(e._payload);
+var Le = /* @__PURE__ */ Symbol.for("react.lazy");
+function J(e) {
+  return e != null && typeof e == "object" && "$$typeof" in e && e.$$typeof === Le && "_payload" in e && Ae(e._payload);
 }
-function ke(e) {
+function Ae(e) {
   return typeof e == "object" && e !== null && "then" in e;
 }
-var Ce = (e) => `${e} failed to slot onto its children. Expected a single React element child or \`Slottable\`.`, Ee = (e) => `${e} failed to slot onto its \`Slottable\`. Expected \`Slottable\` to receive a single React element child.`, O = E[" use ".trim().toString()];
-const J = V(
+var Ve = (e) => `${e} failed to slot onto its children. Expected a single React element child or \`Slottable\`.`, Fe = (e) => `${e} failed to slot onto its \`Slottable\`. Expected \`Slottable\` to receive a single React element child.`, W = T[" use ".trim().toString()];
+const Q = V(
   // Base classes
   n(
     "inline-flex",
     "items-center",
     "font-medium",
-    k("full"),
+    C("full"),
     i("xs", "gap")
   ),
   {
@@ -639,17 +639,17 @@ const J = V(
         sm: n(
           i("xs", "px"),
           i("xs", "py"),
-          C("caption")
+          k("caption")
         ),
         md: n(
           i("sm", "px"),
           i("xs", "py"),
-          C("bodySmall")
+          k("bodySmall")
         ),
         lg: n(
           i("md", "px"),
           i("sm", "py"),
-          C("body")
+          k("body")
         )
       },
       selected: {
@@ -693,7 +693,7 @@ const J = V(
       disabled: !1
     }
   }
-), Te = j(function(t, r) {
+), Re = D(function(t, r) {
   const {
     children: a,
     variant: s = "default",
@@ -701,57 +701,76 @@ const J = V(
     selected: c = !1,
     disabled: d = !1,
     className: p = "",
-    "aria-label": b,
+    "aria-label": h,
     tabIndex: g,
-    asChild: x = !1
-  } = t, h = (() => {
-    if (b) return b;
+    asChild: b = !1
+  } = t, x = (() => {
+    if (h) return h;
     if (typeof a == "string") return a;
     if (typeof a == "object" && a !== null && "props" in a) {
-      const L = a.props;
-      if (L != null && L.children && typeof L.children == "string")
-        return L.children;
+      const A = a.props;
+      if (A != null && A.children && typeof A.children == "string")
+        return A.children;
     }
   })();
-  if (x)
+  if (b)
     return /* @__PURE__ */ l(
-      he,
+      Se,
       {
         ref: r,
         className: n(
-          J({ variant: s, size: o, selected: c, disabled: d }),
+          Q({ variant: s, size: o, selected: c, disabled: d }),
           p
         ),
-        "aria-label": b,
+        "aria-label": h,
         "aria-disabled": d || void 0,
         tabIndex: g,
         children: a
       }
     );
-  const { onRemove: w, onClick: N } = t, A = N !== void 0, T = A && !d, z = (L) => {
-    d || (L.key === "Enter" || L.key === " ") && (L.preventDefault(), N == null || N());
-  };
+  const { onRemove: w, onClick: N, count: L } = t, E = N !== void 0, M = E && !d, re = (A) => {
+    d || (A.key === "Enter" || A.key === " ") && (A.preventDefault(), N == null || N());
+  }, K = L !== void 0, se = c || s === "filled", ne = K ? /* @__PURE__ */ l(
+    "span",
+    {
+      "aria-hidden": E || void 0,
+      className: n(
+        "inline-flex",
+        "items-center",
+        "justify-center",
+        "tabular-nums",
+        "leading-none",
+        C("full"),
+        i("xs", "px"),
+        i("0.5", "py"),
+        k("caption"),
+        z("label"),
+        se ? n("bg-surface-base", "text-fg-brand-emphasis") : n("bg-surface-brand-strong", "text-fg-inverse")
+      ),
+      children: L
+    }
+  ) : null, ie = K && x !== void 0 ? `${x}, ${L}` : x;
   return /* @__PURE__ */ v(
     "div",
     {
       ref: r,
       className: n(
-        J({ variant: s, size: o, selected: c, disabled: d }),
+        Q({ variant: s, size: o, selected: c, disabled: d }),
         w && i("xs", "pr"),
         p
       ),
       "aria-disabled": d,
       children: [
-        A ? /* @__PURE__ */ l(
+        E ? /* @__PURE__ */ l(
           "button",
           {
             type: "button",
             onClick: d ? void 0 : N,
-            onKeyDown: z,
+            onKeyDown: re,
             disabled: d,
             "aria-pressed": c ? !0 : void 0,
-            "aria-label": b || h,
-            tabIndex: g !== void 0 ? g : T ? 0 : void 0,
+            "aria-label": h || ie,
+            tabIndex: g !== void 0 ? g : M ? 0 : void 0,
             className: n(
               "flex-1",
               "bg-transparent",
@@ -764,22 +783,23 @@ const J = V(
               "focus:ring-2",
               "focus:ring-line-focus",
               "focus:ring-offset-2",
-              k("full")
+              C("full")
             ),
             children: a
           }
         ) : /* @__PURE__ */ l("span", { children: a }),
+        ne,
         w && !d && /* @__PURE__ */ l(
           "button",
           {
             type: "button",
-            onClick: (L) => {
-              L.stopPropagation(), w();
+            onClick: (A) => {
+              A.stopPropagation(), w();
             },
             className: n(
               i("xs", "ml"),
               "hover:bg-tint-hover",
-              k("full"),
+              C("full"),
               i("xs", "p"),
               "transition-colors",
               "focus:outline-none",
@@ -787,16 +807,16 @@ const J = V(
               "focus:ring-line-focus",
               "focus:ring-offset-1"
             ),
-            "aria-label": `Remove ${h || "chip"}`,
-            children: /* @__PURE__ */ l(oe, { className: "h-3 w-3", "aria-hidden": "true" })
+            "aria-label": `Remove ${x || "chip"}`,
+            children: /* @__PURE__ */ l(pe, { className: "h-3 w-3", "aria-hidden": "true" })
           }
         )
       ]
     }
   );
 });
-Te.displayName = "Chip";
-function ba(s) {
+Re.displayName = "Chip";
+function Na(s) {
   var o = s, {
     message: e,
     id: t,
@@ -808,18 +828,18 @@ function ba(s) {
   ]);
   const c = [
     i("xs", "mt"),
-    C("bodySmall"),
+    k("bodySmall"),
     "text-fg-error",
     "flex",
     "items-center",
     i("xs", "gap")
   ], d = n(...c, r);
-  return /* @__PURE__ */ v("div", y(f({ role: "alert", id: t, className: d, "aria-live": "polite" }, a), { children: [
-    /* @__PURE__ */ l(ce, { className: "h-4 w-4 shrink-0", "aria-hidden": "true" }),
+  return /* @__PURE__ */ v("div", y(u({ role: "alert", id: t, className: d, "aria-live": "polite" }, a), { children: [
+    /* @__PURE__ */ l(me, { className: "h-4 w-4 shrink-0", "aria-hidden": "true" }),
     /* @__PURE__ */ l("span", { children: e })
   ] }));
 }
-function ha(a) {
+function Sa(a) {
   var s = a, {
     variant: e = "info",
     className: t
@@ -834,25 +854,25 @@ function ha(a) {
   };
   return /* @__PURE__ */ l(
     "div",
-    f({
+    u({
       role: "alert",
       className: n(
         "border",
         i("base", "px"),
         i("sm", "py"),
-        k("lg"),
+        C("lg"),
         o[e],
         t
       )
     }, r)
   );
 }
-const Le = n(
+const je = n(
   "block",
-  C("label"),
-  M("label"),
+  k("label"),
+  z("label"),
   "text-fg-primary"
-), Ae = {
+), De = {
   default: "",
   required: n(
     "after:content-['*']",
@@ -865,19 +885,19 @@ const Le = n(
     "after:text-fg-tertiary",
     "after:font-normal"
   )
-}, Ve = H(
-  j(function(c, o) {
+}, _e = H(
+  D(function(c, o) {
     var d = c, { variant: t = "default", className: r = "", children: a } = d, s = m(d, ["variant", "className", "children"]);
     const p = n(
-      Le,
-      Ae[t],
+      je,
+      De[t],
       r
     );
-    return /* @__PURE__ */ l("label", y(f({ ref: o, className: p }, s), { children: a }));
+    return /* @__PURE__ */ l("label", y(u({ ref: o, className: p }, s), { children: a }));
   })
 );
-Ve.displayName = "Label";
-class D {
+_e.displayName = "Label";
+class j {
   /**
    * Create a shadow token
    */
@@ -921,19 +941,19 @@ class D {
     }[t];
   }
 }
-const Fe = {
-  none: D.create("none"),
-  sm: D.create("sm"),
-  md: D.create("md"),
-  lg: D.create("lg"),
-  xl: D.create("xl"),
-  "2xl": D.create("2xl"),
-  inner: D.create("inner")
+const ze = {
+  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 U(e) {
-  return Fe[e].tailwind;
+function B(e) {
+  return ze[e].tailwind;
 }
-const Re = V("w-full", {
+const Me = V("w-full", {
   variants: {
     size: {
       sm: "h-1",
@@ -953,7 +973,7 @@ const Re = V("w-full", {
     size: "md",
     variant: "primary"
   }
-}), Q = V("transition-all", {
+}), ee = V("transition-all", {
   variants: {
     variant: {
       primary: "bg-surface-brand",
@@ -967,8 +987,8 @@ const Re = V("w-full", {
   defaultVariants: {
     variant: "primary"
   }
-}), De = j(function(x, g) {
-  var u = x, {
+}), He = D(function(b, g) {
+  var f = b, {
     value: t,
     max: r = 100,
     variant: a = "primary",
@@ -977,7 +997,7 @@ const Re = V("w-full", {
     label: c,
     "aria-label": d,
     className: p = ""
-  } = u, b = m(u, [
+  } = f, h = m(f, [
     "value",
     "max",
     "variant",
@@ -987,9 +1007,9 @@ const Re = V("w-full", {
     "aria-label",
     "className"
   ]);
-  const h = t === void 0, w = h ? void 0 : Math.min(Math.max(t / r * 100, 0), 100), N = d || (h ? "Loading in progress" : `Progress: ${w == null ? void 0 : w.toFixed(0)}%`);
-  return /* @__PURE__ */ v("div", y(f({ ref: g, className: n("w-full", p) }, b), { children: [
-    o && (c || !h) && /* @__PURE__ */ v(
+  const x = t === void 0, w = x ? void 0 : Math.min(Math.max(t / r * 100, 0), 100), N = d || (x ? "Loading in progress" : `Progress: ${w == null ? void 0 : w.toFixed(0)}%`);
+  return /* @__PURE__ */ v("div", y(u({ ref: g, className: n("w-full", p) }, h), { children: [
+    o && (c || !x) && /* @__PURE__ */ v(
       "div",
       {
         className: n(
@@ -1003,18 +1023,18 @@ const Re = V("w-full", {
             "span",
             {
               className: n(
-                C("bodySmall"),
-                M("label"),
+                k("bodySmall"),
+                z("label"),
                 "text-fg-primary"
               ),
               children: c
             }
           ),
-          !h && w !== void 0 && /* @__PURE__ */ v(
+          !x && w !== void 0 && /* @__PURE__ */ v(
             "span",
             {
               className: n(
-                C("bodySmall"),
+                k("bodySmall"),
                 "text-fg-secondary"
               ),
               children: [
@@ -1030,19 +1050,19 @@ const Re = V("w-full", {
       "div",
       {
         role: "progressbar",
-        "aria-valuemin": h ? void 0 : 0,
-        "aria-valuemax": h ? void 0 : r,
-        "aria-valuenow": h ? void 0 : t,
+        "aria-valuemin": x ? void 0 : 0,
+        "aria-valuemax": x ? void 0 : r,
+        "aria-valuenow": x ? void 0 : t,
         "aria-label": N,
-        "aria-busy": h,
+        "aria-busy": x,
         className: n(
           "relative",
           "w-full",
           "overflow-hidden",
-          Re({ size: s, variant: a }),
-          k("full")
+          Me({ size: s, variant: a }),
+          C("full")
         ),
-        children: h ? /* @__PURE__ */ l(
+        children: x ? /* @__PURE__ */ l(
           "div",
           {
             className: n(
@@ -1050,8 +1070,8 @@ const Re = V("w-full", {
               "top-0",
               "left-0",
               "bottom-0",
-              Q({ variant: a }),
-              k("full"),
+              ee({ variant: a }),
+              C("full"),
               "motion-reduce:animate-none"
             ),
             style: {
@@ -1064,8 +1084,8 @@ const Re = V("w-full", {
           {
             className: n(
               "h-full",
-              Q({ variant: a }),
-              k("full"),
+              ee({ variant: a }),
+              C("full"),
               "transition-all",
               "duration-300",
               "ease-out"
@@ -1080,15 +1100,15 @@ const Re = V("w-full", {
     )
   ] }));
 });
-De.displayName = "Progress";
-const je = {
+He.displayName = "Progress";
+const Ie = {
   horizontal: "w-full border-t",
   vertical: "h-full border-l self-stretch"
-}, _e = {
+}, Pe = {
   solid: "border-solid",
   dashed: "border-dashed",
   dotted: "border-dotted"
-}, ze = H(function(o) {
+}, We = H(function(o) {
   var c = o, {
     orientation: t = "horizontal",
     variant: r = "solid",
@@ -1101,28 +1121,28 @@ const je = {
   const d = n(
     "border-0",
     "border-line-default",
-    je[t],
-    _e[r],
+    Ie[t],
+    Pe[r],
     a
   );
   return t === "vertical" ? /* @__PURE__ */ l(
     "div",
-    f({
+    u({
       className: d,
       role: "separator",
       "aria-orientation": "vertical"
     }, s)
   ) : /* @__PURE__ */ l(
     "hr",
-    f({
+    u({
       className: d,
       role: "separator",
       "aria-orientation": "horizontal"
     }, s)
   );
 });
-ze.displayName = "Separator";
-function ya(d) {
+We.displayName = "Separator";
+function $a(d) {
   var p = d, {
     variant: e = "text",
     width: t,
@@ -1138,31 +1158,31 @@ function ya(d) {
     "className",
     "aria-label"
   ]);
-  const b = [
+  const h = [
     "motion-safe:animate-pulse",
     "bg-surface-muted",
-    k("sm")
+    C("sm")
   ], g = {
     text: "h-4",
     card: "h-32",
     list: "h-12",
-    circle: k("full")
-  }, x = n(...b, g[e], s), u = {};
-  t && (u.width = t), r && (u.height = r);
-  const h = o || `Loading ${e} content`;
+    circle: C("full")
+  }, b = n(...h, g[e], s), f = {};
+  t && (f.width = t), r && (f.height = r);
+  const x = o || `Loading ${e} content`;
   return e === "text" && a > 1 ? /* @__PURE__ */ l(
     "div",
-    y(f({
+    y(u({
       className: i("sm", "space-y"),
       role: "status",
       "aria-busy": "true",
-      "aria-label": h
+      "aria-label": x
     }, c), {
       children: Array.from({ length: a }).map((w, N) => /* @__PURE__ */ l(
         "div",
         {
-          className: x,
-          style: N === a - 1 ? { width: "75%" } : u,
+          className: b,
+          style: N === a - 1 ? { width: "75%" } : f,
           "aria-hidden": "true"
         },
         N
@@ -1170,16 +1190,16 @@ function ya(d) {
     })
   ) : /* @__PURE__ */ l(
     "div",
-    f({
-      className: x,
-      style: u,
+    u({
+      className: b,
+      style: f,
       role: "status",
       "aria-busy": "true",
-      "aria-label": h
+      "aria-label": x
     }, c)
   );
 }
-const Me = V("motion-safe:animate-spin", {
+const Oe = V("motion-safe:animate-spin", {
   variants: {
     size: {
       sm: "h-4 w-4",
@@ -1196,7 +1216,7 @@ const Me = V("motion-safe:animate-spin", {
     size: "md",
     variant: "primary"
   }
-}), He = H(function(c) {
+}), Be = H(function(c) {
   var d = c, {
     size: t = "md",
     variant: r = "primary",
@@ -1210,7 +1230,7 @@ const Me = V("motion-safe:animate-spin", {
   ]);
   return /* @__PURE__ */ v(
     "div",
-    y(f({
+    y(u({
       className: n("inline-flex", "items-center", s),
       role: "status",
       "aria-label": a || "Loading",
@@ -1218,9 +1238,9 @@ const Me = V("motion-safe:animate-spin", {
     }, o), {
       children: [
         /* @__PURE__ */ l(
-          de,
+          ge,
           {
-            className: n(Me({ size: t, variant: r })),
+            className: n(Oe({ size: t, variant: r })),
             "aria-hidden": "true"
           }
         ),
@@ -1229,7 +1249,7 @@ const Me = V("motion-safe:animate-spin", {
           {
             className: n(
               i("sm", "ml"),
-              C("bodySmall"),
+              k("bodySmall"),
               "text-fg-secondary",
               "sr-only"
             ),
@@ -1240,8 +1260,8 @@ const Me = V("motion-safe:animate-spin", {
     })
   );
 });
-He.displayName = "Spinner";
-const Ie = {
+Be.displayName = "Spinner";
+const Ue = {
   primary: {
     // exception: variant color — no semantic equivalent (Principle 3, .claude/rules/colors.md)
     light: "text-indigo-400",
@@ -1293,8 +1313,8 @@ const Ie = {
     contrast: "text-fg-inverse"
   }
 };
-function Pe(b, p) {
-  var g = b, {
+function Ke(h, p) {
+  var g = h, {
     variant: e = "paragraph",
     bold: t,
     italic: r,
@@ -1311,41 +1331,41 @@ function Pe(b, p) {
     "colorRole",
     "colorShade"
   ]);
-  const x = [];
-  let u;
+  const b = [];
+  let f;
   if (s)
-    u = s;
+    f = s;
   else
     switch (e) {
       case "heading":
-        u = "h2";
+        f = "h2";
         break;
       case "list":
-        u = "li";
+        f = "li";
         break;
       default:
-        u = "p";
+        f = "p";
         break;
     }
-  return e === "heading" ? x.push(R("h2")) : e === "body" || e === "paragraph" ? x.push(R("body")) : e === "bodySmall" ? x.push(R("bodySmall")) : e === "bodyLarge" ? x.push(R("bodyLarge")) : e === "caption" ? x.push(R("caption")) : e === "label" ? x.push(R("label")) : x.push(R("body")), t && x.push("font-bold"), r && x.push("italic"), x.push(Ie[o][c]), /* @__PURE__ */ l(u, f({ ref: p, className: n(...x, a) }, d));
+  return e === "heading" ? b.push(R("h2")) : e === "body" || e === "paragraph" ? b.push(R("body")) : e === "bodySmall" ? b.push(R("bodySmall")) : e === "bodyLarge" ? b.push(R("bodyLarge")) : e === "caption" ? b.push(R("caption")) : e === "label" ? b.push(R("label")) : b.push(R("body")), t && b.push("font-bold"), r && b.push("italic"), b.push(Ue[o][c]), /* @__PURE__ */ l(f, u({ ref: p, className: n(...b, a) }, d));
 }
-const _ = j(Pe), Oe = {
+const _ = D(Ke), Xe = {
   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"
-}, We = ee.forwardRef(
+}, qe = ae.forwardRef(
   (p, d) => {
-    var b = p, {
+    var h = p, {
       className: e,
       maxWidth: t = "lg",
       paddingX: r = "base",
       paddingY: a = "base",
       center: s = !0,
       children: o
-    } = b, c = m(b, [
+    } = h, c = m(h, [
       "className",
       "maxWidth",
       "paddingX",
@@ -1355,11 +1375,11 @@ const _ = j(Pe), Oe = {
     ]);
     return /* @__PURE__ */ l(
       "div",
-      y(f({
+      y(u({
         ref: d,
         className: n(
           "w-full",
-          Oe[t],
+          Xe[t],
           i(r, "px"),
           i(a, "py"),
           s && "mx-auto",
@@ -1371,17 +1391,17 @@ const _ = j(Pe), Oe = {
     );
   }
 );
-We.displayName = "Container";
-const Ue = ee.forwardRef(
+qe.displayName = "Container";
+const Ge = ae.forwardRef(
   (p, d) => {
-    var b = p, {
+    var h = p, {
       className: e,
       spacing: t = "base",
       align: r = "stretch",
       justify: a = "start",
       direction: s = "column",
       children: o
-    } = b, c = m(b, [
+    } = h, c = m(h, [
       "className",
       "spacing",
       "align",
@@ -1389,12 +1409,12 @@ const Ue = ee.forwardRef(
       "direction",
       "children"
     ]);
-    const g = s === "column" ? i(t, "gap-y") : i(t, "gap-x"), x = {
+    const g = s === "column" ? i(t, "gap-y") : i(t, "gap-x"), b = {
       start: "items-start",
       center: "items-center",
       end: "items-end",
       stretch: "items-stretch"
-    }, u = {
+    }, f = {
       start: "justify-start",
       center: "justify-center",
       end: "justify-end",
@@ -1404,14 +1424,14 @@ const Ue = ee.forwardRef(
     };
     return /* @__PURE__ */ l(
       "div",
-      y(f({
+      y(u({
         ref: d,
         className: n(
           "flex",
           s === "column" ? "flex-col" : "flex-row",
           g,
-          x[r],
-          u[a],
+          b[r],
+          f[a],
           e
         )
       }, c), {
@@ -1420,8 +1440,8 @@ const Ue = ee.forwardRef(
     );
   }
 );
-Ue.displayName = "Stack";
-function Be(s) {
+Ge.displayName = "Stack";
+function Ye(s) {
   var o = s, {
     items: e,
     separator: t = "/",
@@ -1435,16 +1455,16 @@ function Be(s) {
     "flex",
     "items-center",
     i("sm", "space-x"),
-    C("bodySmall")
+    k("bodySmall")
   ], d = n(...c, r);
-  return /* @__PURE__ */ l("nav", y(f({ "aria-label": "Breadcrumb", className: d }, a), { children: /* @__PURE__ */ l(
+  return /* @__PURE__ */ l("nav", y(u({ "aria-label": "Breadcrumb", className: d }, a), { children: /* @__PURE__ */ l(
     "ol",
     {
       className: n("flex", "items-center", i("sm", "space-x")),
-      children: e.map((p, b) => {
-        const g = b === e.length - 1;
+      children: e.map((p, h) => {
+        const g = h === e.length - 1;
         return /* @__PURE__ */ v("li", { className: "flex items-center", children: [
-          b > 0 && /* @__PURE__ */ l(
+          h > 0 && /* @__PURE__ */ l(
             "span",
             {
               className: n(
@@ -1460,7 +1480,7 @@ function Be(s) {
             {
               className: n(
                 "text-fg-primary",
-                M("label")
+                z("label")
               ),
               "aria-current": "page",
               children: p.label
@@ -1476,8 +1496,8 @@ function Be(s) {
                 i("xs", "pt"),
                 "border-b-2",
                 "border-transparent",
-                C("bodySmall"),
-                M("label"),
+                k("bodySmall"),
+                z("label"),
                 "transition-colors",
                 "text-fg-secondary",
                 "hover:border-line-emphasis",
@@ -1486,16 +1506,16 @@ function Be(s) {
               children: p.label
             }
           ) : /* @__PURE__ */ l("span", { className: "text-fg-secondary", children: p.label })
-        ] }, b);
+        ] }, h);
       })
     }
   ) }));
 }
-function Ke(a) {
+function Ze(a) {
   var s = a, { children: e, className: t } = s, r = m(s, ["children", "className"]);
   return /* @__PURE__ */ l(
     "div",
-    y(f({
+    y(u({
       className: n(
         "grid items-start",
         i("1.5", "gap"),
@@ -1509,7 +1529,7 @@ function Ke(a) {
     })
   );
 }
-function Xe(c) {
+function Je(c) {
   var d = c, {
     children: e,
     icon: t,
@@ -1525,7 +1545,7 @@ function Xe(c) {
   ]);
   return /* @__PURE__ */ v(
     a,
-    y(f({
+    y(u({
       className: n(
         "text-base font-semibold text-fg-primary",
         "flex items-center",
@@ -1541,7 +1561,7 @@ function Xe(c) {
     })
   );
 }
-function qe(a) {
+function Qe(a) {
   var s = a, {
     children: e,
     className: t
@@ -1549,9 +1569,9 @@ function qe(a) {
     "children",
     "className"
   ]);
-  return /* @__PURE__ */ l("p", y(f({ className: n("text-sm text-fg-secondary", t) }, r), { children: e }));
+  return /* @__PURE__ */ l("p", y(u({ className: n("text-sm text-fg-secondary", t) }, r), { children: e }));
 }
-function Ge(a) {
+function ea(a) {
   var s = a, {
     children: e,
     className: t
@@ -1561,7 +1581,7 @@ function Ge(a) {
   ]);
   return /* @__PURE__ */ l(
     "div",
-    y(f({
+    y(u({
       "data-card-actions": "",
       className: n(
         "flex items-center self-start",
@@ -1573,12 +1593,12 @@ function Ge(a) {
     })
   );
 }
-function Ye(a) {
+function aa(a) {
   var s = a, { children: e, className: t } = s, r = m(s, ["children", "className"]);
-  return /* @__PURE__ */ l("div", y(f({ className: n(t) }, r), { children: e }));
+  return /* @__PURE__ */ l("div", y(u({ className: n(t) }, r), { children: e }));
 }
-function Ze(b) {
-  var g = b, {
+function ta(h) {
+  var g = h, {
     variant: e = "default",
     padding: t = "medium",
     className: r = "",
@@ -1600,24 +1620,24 @@ function Ze(b) {
   typeof process != "undefined" && process.env.NODE_ENV !== "production" && c && !s && !o && 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 x = V(
+  const b = V(
     n(
       "bg-surface-base",
-      k("lg"),
+      C("lg"),
       "border",
       "border-line-default",
-      U("sm")
+      B("sm")
     ),
     {
       variants: {
         variant: {
           default: "",
           hover: n(
-            `hover:${U("md")}`,
+            `hover:${B("md")}`,
             "transition-shadow",
             "cursor-pointer"
           ),
-          selected: n("border-line-brand", U("md"))
+          selected: n("border-line-brand", B("md"))
         },
         padding: {
           none: "",
@@ -1631,28 +1651,28 @@ function Ze(b) {
         padding: "medium"
       }
     }
-  ), u = a !== void 0, h = u ? "button" : void 0, w = u ? 0 : void 0, N = n(x({ variant: e, padding: t }), r), T = f({
+  ), f = a !== void 0, x = f ? "button" : void 0, w = f ? 0 : void 0, N = n(b({ variant: e, padding: t }), r), E = u({
     className: N,
-    role: h,
+    role: x,
     tabIndex: w,
     onClick: a,
-    onKeyDown: u ? (z) => {
-      u && (z.key === "Enter" || z.key === " ") && (z.preventDefault(), a == null || a());
+    onKeyDown: f ? (M) => {
+      f && (M.key === "Enter" || M.key === " ") && (M.preventDefault(), a == null || a());
     } : void 0,
     "aria-label": s,
     "aria-labelledby": o
   }, p);
-  return c ? /* @__PURE__ */ l("section", y(f({}, T), { children: d })) : /* @__PURE__ */ l("div", y(f({}, T), { children: d }));
+  return c ? /* @__PURE__ */ l("section", y(u({}, E), { children: d })) : /* @__PURE__ */ l("div", y(u({}, E), { children: d }));
 }
-const ae = H(Ze);
-ae.displayName = "Card";
-const I = ae;
-I.Header = Ke;
-I.Title = Xe;
-I.Subtitle = qe;
-I.Actions = Ge;
-I.Body = Ye;
-function va(a) {
+const te = H(ta);
+te.displayName = "Card";
+const I = te;
+I.Header = Ze;
+I.Title = Je;
+I.Subtitle = Qe;
+I.Actions = ea;
+I.Body = aa;
+function Ca(a) {
   var s = a, {
     children: e,
     className: t = ""
@@ -1662,14 +1682,14 @@ function va(a) {
   ]);
   return /* @__PURE__ */ l(
     "div",
-    y(f({
+    y(u({
       className: `flex flex-col ${i("1.5", "space-y")} ${i("lg", "p")} ${i("base", "pb")} ${t}`
     }, r), {
       children: e
     })
   );
 }
-function wa(a) {
+function ka(a) {
   var s = a, {
     children: e,
     className: t = ""
@@ -1679,14 +1699,14 @@ function wa(a) {
   ]);
   return /* @__PURE__ */ l(
     "div",
-    y(f({
+    y(u({
       className: `flex flex-col-reverse sm:flex-row sm:justify-end sm:${i("sm", "space-x")} ${i("lg", "p")} ${i("base", "pt")} ${t}`
     }, r), {
       children: e
     })
   );
 }
-function Na(a) {
+function Ea(a) {
   var s = a, {
     children: e,
     className: t = ""
@@ -1696,7 +1716,7 @@ function Na(a) {
   ]);
   return /* @__PURE__ */ l(
     "div",
-    y(f({
+    y(u({
       className: `
         ${i("lg", "p")}
         border-b
@@ -1708,7 +1728,7 @@ function Na(a) {
     })
   );
 }
-function Sa(a) {
+function Ta(a) {
   var s = a, {
     children: e,
     className: t = ""
@@ -1718,7 +1738,7 @@ function Sa(a) {
   ]);
   return /* @__PURE__ */ l(
     "div",
-    y(f({
+    y(u({
       className: `
         ${i("lg", "p")}
         border-t
@@ -1733,7 +1753,7 @@ function Sa(a) {
     })
   );
 }
-function $a(o) {
+function La(o) {
   var c = o, {
     label: e,
     children: t,
@@ -1748,7 +1768,7 @@ function $a(o) {
   const p = !(s["aria-label"] != null || s["aria-labelledby"] != null) && typeof e == "string" && e !== "" ? e : void 0;
   return /* @__PURE__ */ v(
     "div",
-    y(f({
+    y(u({
       role: "group",
       "aria-label": p,
       className: n(
@@ -1770,7 +1790,7 @@ function $a(o) {
     })
   );
 }
-function ka({ children: e, className: t }) {
+function Aa({ children: e, className: t }) {
   return /* @__PURE__ */ l(
     "div",
     {
@@ -1783,7 +1803,7 @@ function ka({ children: e, className: t }) {
     }
   );
 }
-function Ca({
+function Va({
   children: e,
   className: t
 }) {
@@ -1802,7 +1822,7 @@ function Ca({
     }
   );
 }
-const Je = V(
+const ra = V(
   n(
     "w-full flex flex-col",
     i("2xl", "py"),
@@ -1829,14 +1849,14 @@ const Je = V(
       align: "start"
     }
   }
-), Qe = {
+), sa = {
   start: "items-start",
   center: "items-center"
-}, ea = {
+}, na = {
   start: "justify-start",
   center: "justify-center"
-}, aa = j(
-  function(w, h) {
+}, ia = D(
+  function(w, x) {
     var N = w, {
       kicker: t,
       title: r,
@@ -1846,10 +1866,10 @@ const Je = V(
       meta: c,
       variant: d = "plain",
       align: p = "start",
-      className: b,
+      className: h,
       "aria-label": g,
-      "aria-labelledby": x
-    } = N, u = m(N, [
+      "aria-labelledby": b
+    } = N, f = m(N, [
       "kicker",
       "title",
       "description",
@@ -1862,17 +1882,17 @@ const Je = V(
       "aria-label",
       "aria-labelledby"
     ]);
-    const A = g != null || x != null, T = g != null ? g : typeof r == "string" ? r : void 0;
-    return typeof process != "undefined" && process.env.NODE_ENV !== "production" && !A && typeof r != "string" && console.warn(
+    const L = g != null || b != null, E = g != null ? g : typeof r == "string" ? r : void 0;
+    return typeof process != "undefined" && process.env.NODE_ENV !== "production" && !L && typeof r != "string" && console.warn(
       "[HeroSection] A non-string `title` was provided without `aria-label` or `aria-labelledby`. The hero <section> landmark will have no accessible name. Pass `aria-label`, or set `aria-labelledby` to your title's id."
     ), /* @__PURE__ */ v(
       "section",
-      y(f({
-        ref: h,
-        className: n(Je({ variant: d, align: p }), b),
-        "aria-label": T,
-        "aria-labelledby": x
-      }, u), {
+      y(u({
+        ref: x,
+        className: n(ra({ variant: d, align: p }), h),
+        "aria-label": E,
+        "aria-labelledby": b
+      }, f), {
         children: [
           /* @__PURE__ */ v(
             "div",
@@ -1880,7 +1900,7 @@ const Je = V(
               className: n(
                 "flex flex-col",
                 i("md", "gap-y"),
-                Qe[p]
+                sa[p]
               ),
               children: [
                 t ? /* @__PURE__ */ l(
@@ -1923,7 +1943,7 @@ const Je = V(
               className: n(
                 "flex flex-wrap",
                 i("sm", "gap"),
-                ea[p]
+                na[p]
               ),
               children: s
             }
@@ -1945,8 +1965,8 @@ const Je = V(
     );
   }
 );
-aa.displayName = "HeroSection";
-function Ea(r) {
+ia.displayName = "HeroSection";
+function Fa(r) {
   var a = r, {
     className: e = ""
   } = a, t = m(a, [
@@ -1954,7 +1974,7 @@ function Ea(r) {
   ]);
   return /* @__PURE__ */ l(
     "div",
-    f({
+    u({
       role: "separator",
       className: `
         h-px
@@ -1965,7 +1985,7 @@ function Ea(r) {
     }, t)
   );
 }
-function Ta(a) {
+function Ra(a) {
   var s = a, {
     orientation: e = "horizontal",
     className: t = ""
@@ -1975,14 +1995,14 @@ function Ta(a) {
   ]);
   return e === "vertical" ? /* @__PURE__ */ l(
     "div",
-    f({
+    u({
       className: n("w-px", "h-6", "bg-line-default", "mx-auto", t),
       role: "separator",
       "aria-orientation": "vertical"
     }, r)
   ) : /* @__PURE__ */ l(
     "div",
-    f({
+    u({
       className: n(
         "w-full",
         "h-px",
@@ -2003,7 +2023,7 @@ function Ta(a) {
     }, r)
   );
 }
-const ta = V(
+const la = V(
   // Base classes
   n("w-full", "flex", "flex-col", i("sm", "gap")),
   {
@@ -2018,7 +2038,7 @@ const ta = V(
     }
   }
 );
-function La(d) {
+function ja(d) {
   var p = d, {
     title: e,
     description: t,
@@ -2034,8 +2054,8 @@ function La(d) {
     "variant",
     "className"
   ]);
-  return /* @__PURE__ */ v("div", y(f({ className: n(ta({ variant: s }), o) }, c), { children: [
-    r && r.length > 0 && /* @__PURE__ */ l(Be, { items: r }),
+  return /* @__PURE__ */ v("div", y(u({ className: n(la({ variant: s }), o) }, c), { children: [
+    r && r.length > 0 && /* @__PURE__ */ l(Ye, { items: r }),
     /* @__PURE__ */ v(
       "div",
       {
@@ -2065,17 +2085,17 @@ function La(d) {
     )
   ] }));
 }
-const ra = {
+const oa = {
   start: "items-start text-left",
   center: "items-center text-center"
-}, sa = {
+}, ca = {
   neutral: "text-fg-tertiary",
   success: "text-fg-success",
   warning: "text-fg-warning",
   error: "text-fg-error"
 };
-function Aa(p) {
-  var b = p, {
+function Da(p) {
+  var h = p, {
     value: e,
     label: t,
     hint: r,
@@ -2083,7 +2103,7 @@ function Aa(p) {
     align: s = "start",
     tone: o = "neutral",
     className: c
-  } = b, d = m(b, [
+  } = h, d = m(h, [
     "value",
     "label",
     "hint",
@@ -2095,12 +2115,12 @@ function Aa(p) {
   const g = e == null;
   return /* @__PURE__ */ v(
     "div",
-    y(f({
+    y(u({
       className: n(
         "bg-surface-base flex-1 flex flex-col",
         i("base", "p"),
         i("xs", "gap-y"),
-        ra[s],
+        oa[s],
         c
       )
     }, d), {
@@ -2115,17 +2135,17 @@ function Aa(p) {
           }
         ) : /* @__PURE__ */ l("span", { className: "text-fg-primary text-2xl font-semibold leading-tight", children: e }),
         /* @__PURE__ */ l("span", { className: "text-fg-secondary text-sm", children: t }),
-        r ? /* @__PURE__ */ l("span", { className: n("text-xs", sa[o]), children: r }) : null
+        r ? /* @__PURE__ */ l("span", { className: n("text-xs", ca[o]), children: r }) : null
       ]
     })
   );
 }
-const na = {
+const da = {
   2: "md:grid-cols-2",
   3: "md:grid-cols-3",
   4: "md:grid-cols-4"
 };
-function Va(o) {
+function _a(o) {
   var c = o, {
     layout: e = "grid",
     cols: t = 4,
@@ -2140,11 +2160,11 @@ function Va(o) {
   const d = e === "grid";
   return /* @__PURE__ */ l(
     "div",
-    y(f({
+    y(u({
       className: n(
         "bg-line-default border border-line-default overflow-hidden gap-px",
-        k("lg"),
-        d ? `grid grid-cols-2 ${na[t]}` : "flex",
+        C("lg"),
+        d ? `grid grid-cols-2 ${da[t]}` : "flex",
         r
       )
     }, s), {
@@ -2152,19 +2172,19 @@ function Va(o) {
     })
   );
 }
-function Fa(s) {
+function za(s) {
   var o = s, { column: e, row: t, className: r = "" } = o, a = m(o, ["column", "row", "className"]);
   const c = e.key in t ? t[e.key] : void 0;
   return /* @__PURE__ */ l(
     "td",
-    y(f({
+    y(u({
       className: `${i("lg", "px")} ${i("base", "py")} whitespace-nowrap text-sm text-fg-primary ${e.hiddenOnMobile ? "hidden md:table-cell" : ""} ${r}`
     }, a), {
       children: e.render ? e.render(c, t) : String(c != null ? c : "")
     })
   );
 }
-const ia = V(n("flex items-center", "border-b"), {
+const ua = V(n("flex items-center", "border-b"), {
   variants: {
     variant: {
       default: n("border-line-default", i("base", "gap-x")),
@@ -2174,7 +2194,7 @@ const ia = V(n("flex items-center", "border-b"), {
   defaultVariants: {
     variant: "default"
   }
-}), la = V(
+}), fa = V(
   n(
     "relative -mb-px inline-flex items-center",
     i("xs", "gap-x"),
@@ -2184,7 +2204,7 @@ const ia = V(n("flex items-center", "border-b"), {
     "focus-visible:ring-2",
     "focus-visible:ring-line-focus",
     "focus-visible:ring-offset-2",
-    k("sm")
+    C("sm")
   ),
   {
     variants: {
@@ -2192,12 +2212,12 @@ const ia = V(n("flex items-center", "border-b"), {
         default: n(
           i("sm", "px"),
           i("sm", "py"),
-          C("body")
+          k("body")
         ),
         sub: n(
           i("sm", "px"),
           i("xs", "py"),
-          C("bodySmall")
+          k("bodySmall")
         )
       },
       active: {
@@ -2222,14 +2242,14 @@ const ia = V(n("flex items-center", "border-b"), {
       active: !1
     }
   }
-), oa = n(
+), pa = n(
   "inline-flex items-center justify-center",
-  k("full"),
+  C("full"),
   i("xs", "px"),
   "bg-surface-muted text-fg-secondary text-xs"
-), ca = j(
-  function(b, p) {
-    var g = b, {
+), ma = D(
+  function(h, p) {
+    var g = h, {
       items: t,
       variant: r = "default",
       linkComponent: a,
@@ -2247,36 +2267,36 @@ const ia = V(n("flex items-center", "border-b"), {
     typeof process != "undefined" && process.env.NODE_ENV !== "production" && !o && !c && console.warn(
       '[TabsAsLinks] renders a <nav> landmark and should have an accessible name. Pass `aria-label` (e.g. "Painel") or `aria-labelledby` — multiple unnamed navs on a page are ambiguous to screen readers.'
     );
-    const x = a != null ? a : "a";
+    const b = a != null ? a : "a";
     return /* @__PURE__ */ l(
       "nav",
-      y(f({
+      y(u({
         ref: p,
-        className: n(ia({ variant: r }), s),
+        className: n(ua({ variant: r }), s),
         "aria-label": o,
         "aria-labelledby": c
       }, d), {
-        children: t.map((u, h) => /* @__PURE__ */ v(
-          x,
+        children: t.map((f, x) => /* @__PURE__ */ v(
+          b,
           {
-            href: u.href,
-            "aria-current": u.active ? "page" : void 0,
-            "data-active": u.active ? "true" : void 0,
-            className: la({ variant: r, active: !!u.active }),
+            href: f.href,
+            "aria-current": f.active ? "page" : void 0,
+            "data-active": f.active ? "true" : void 0,
+            className: fa({ variant: r, active: !!f.active }),
             children: [
-              u.icon ? /* @__PURE__ */ l("span", { "aria-hidden": "true", className: "inline-flex shrink-0", children: u.icon }) : null,
-              /* @__PURE__ */ l("span", { children: u.label }),
-              u.count !== void 0 ? /* @__PURE__ */ l("span", { className: oa, children: u.count }) : null
+              f.icon ? /* @__PURE__ */ l("span", { "aria-hidden": "true", className: "inline-flex shrink-0", children: f.icon }) : null,
+              /* @__PURE__ */ l("span", { children: f.label }),
+              f.count !== void 0 ? /* @__PURE__ */ l("span", { className: pa, children: f.count }) : null
             ]
           },
-          u.href || h
+          f.href || x
         ))
       })
     );
   }
 );
-ca.displayName = "TabsAsLinks";
-function Ra({
+ma.displayName = "TabsAsLinks";
+function Ma({
   items: e,
   orientation: t = "vertical",
   className: r = ""
@@ -2286,18 +2306,18 @@ function Ra({
     return /* @__PURE__ */ l("div", { className: "flex items-start flex-1", children: /* @__PURE__ */ v("div", { className: "flex flex-col items-center flex-1", children: [
       /* @__PURE__ */ l(
         "div",
-        y(f({}, o === "default" ? { "data-marker": "pending" } : {}), {
+        y(u({}, o === "default" ? { "data-marker": "pending" } : {}), {
           className: `
                   flex
                   items-center
                   justify-center
                   w-10
                   h-10
-                  ${k("full")}
+                  ${C("full")}
                   border-2
                   ${o === "completed" ? "bg-success border-success text-fg-inverse" : o === "active" ? "bg-surface-brand-strong border-line-brand text-fg-inverse" : o === "error" ? "bg-error border-error text-fg-inverse" : "bg-surface-base border-line-emphasis text-fg-quaternary"}
                 `,
-          children: a.icon || (o === "completed" ? /* @__PURE__ */ l(G, { className: "h-4 w-4" }) : s + 1)
+          children: a.icon || (o === "completed" ? /* @__PURE__ */ l(Y, { className: "h-4 w-4" }) : s + 1)
         })
       ),
       !c && /* @__PURE__ */ l(
@@ -2346,18 +2366,18 @@ function Ra({
           /* @__PURE__ */ v("div", { className: "flex flex-col items-center", children: [
             /* @__PURE__ */ l(
               "div",
-              y(f({}, o === "default" ? { "data-marker": "pending" } : {}), {
+              y(u({}, o === "default" ? { "data-marker": "pending" } : {}), {
                 className: `
                 flex
                 items-center
                 justify-center
                 w-10
                 h-10
-                ${k("full")}
+                ${C("full")}
                 border-2
                 ${o === "completed" ? "bg-success border-success text-fg-inverse" : o === "active" ? "bg-surface-brand-strong border-line-brand text-fg-inverse" : o === "error" ? "bg-error border-error text-fg-inverse" : "bg-surface-base border-line-emphasis text-fg-quaternary"}
               `,
-                children: a.icon || (o === "completed" ? /* @__PURE__ */ l(G, { className: "h-4 w-4" }) : s + 1)
+                children: a.icon || (o === "completed" ? /* @__PURE__ */ l(Y, { className: "h-4 w-4" }) : s + 1)
               })
             ),
             !c && /* @__PURE__ */ l(
@@ -2408,40 +2428,40 @@ function Ra({
   }) });
 }
 export {
-  me as Badge,
-  Be as Breadcrumb,
+  ye as Badge,
+  Ye as Breadcrumb,
   I as Card,
-  Ge as CardActions,
-  Ye as CardBody,
-  Ke as CardHeader,
-  qe as CardSubtitle,
-  Xe as CardTitle,
-  Te as Chip,
-  We as Container,
-  wa as DialogFooter,
-  va as DialogHeader,
-  Sa as DrawerFooter,
-  Na as DrawerHeader,
-  ba as ErrorMessage,
-  $a as FilterChips,
-  ka as HeaderActions,
-  Ca as HeaderNavigation,
-  aa as HeroSection,
-  ha as Info,
-  Ve as Label,
-  Ea as MenuSeparator,
-  Ta as NavbarSeparator,
-  La as PageHeader,
-  De as Progress,
-  ze as Separator,
-  ya as Skeleton,
-  He as Spinner,
-  Ue as Stack,
-  Aa as Stat,
-  Va as StatGroup,
-  Fa as TableCell,
-  ca as TabsAsLinks,
+  ea as CardActions,
+  aa as CardBody,
+  Ze as CardHeader,
+  Qe as CardSubtitle,
+  Je as CardTitle,
+  Re as Chip,
+  qe as Container,
+  ka as DialogFooter,
+  Ca as DialogHeader,
+  Ta as DrawerFooter,
+  Ea as DrawerHeader,
+  Na as ErrorMessage,
+  La as FilterChips,
+  Aa as HeaderActions,
+  Va as HeaderNavigation,
+  ia as HeroSection,
+  Sa as Info,
+  _e as Label,
+  Fa as MenuSeparator,
+  Ra as NavbarSeparator,
+  ja as PageHeader,
+  He as Progress,
+  We as Separator,
+  $a as Skeleton,
+  Be as Spinner,
+  Ge as Stack,
+  Da as Stat,
+  _a as StatGroup,
+  za as TableCell,
+  ma as TabsAsLinks,
   _ as Text,
-  Ra as Timeline
+  Ma as Timeline
 };
 //# sourceMappingURL=index.js.map