@fabio.caffarello/react-design-system 4.2.0 → 4.4.0

package/dist/server/index.js

@@ -1,33 +1,33 @@
-var ge = Object.defineProperty, xe = Object.defineProperties;
-var be = Object.getOwnPropertyDescriptors;
+var ge = Object.defineProperty, be = Object.defineProperties;
+var xe = Object.getOwnPropertyDescriptors;
 var K = Object.getOwnPropertySymbols;
-var ee = Object.prototype.hasOwnProperty, ae = Object.prototype.propertyIsEnumerable;
-var G = (e, a, r) => a in e ? ge(e, a, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[a] = r, u = (e, a) => {
+var ae = Object.prototype.hasOwnProperty, te = Object.prototype.propertyIsEnumerable;
+var G = (e, a, r) => a in e ? ge(e, a, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[a] = r, f = (e, a) => {
   for (var r in a || (a = {}))
-    ee.call(a, r) && G(e, r, a[r]);
+    ae.call(a, r) && G(e, r, a[r]);
   if (K)
     for (var r of K(a))
-      ae.call(a, r) && G(e, r, a[r]);
+      te.call(a, r) && G(e, r, a[r]);
   return e;
-}, y = (e, a) => xe(e, be(a));
+}, y = (e, a) => be(e, xe(a));
 var h = (e, a) => {
   var r = {};
   for (var t in e)
-    ee.call(e, t) && a.indexOf(t) < 0 && (r[t] = e[t]);
+    ae.call(e, t) && a.indexOf(t) < 0 && (r[t] = e[t]);
   if (e != null && K)
     for (var t of K(e))
-      a.indexOf(t) < 0 && ae.call(e, t) && (r[t] = e[t]);
+      a.indexOf(t) < 0 && te.call(e, t) && (r[t] = e[t]);
   return r;
 };
-var te = (e, a, r) => G(e, typeof a != "symbol" ? a + "" : a, r);
-import { jsx as l, jsxs as v, Fragment as re } from "react/jsx-runtime";
+var re = (e, a, r) => G(e, typeof a != "symbol" ? a + "" : a, r);
+import { jsx as l, jsxs as v, Fragment as Z } from "react/jsx-runtime";
 import * as A from "react";
-import ce, { memo as H, forwardRef as _ } from "react";
+import ce, { memo as M, forwardRef as F } from "react";
 import { clsx as he } from "clsx";
 import { twMerge as ye } from "tailwind-merge";
 import { cva as ve } from "class-variance-authority";
 import { Loader2 as we, X as Ne, AlertCircle as Se, CheckCircle2 as ne } from "lucide-react";
-class j {
+class _ {
   /**
    * Create a radius token
    */
@@ -84,14 +84,14 @@ class j {
   }
 }
 const $e = {
-  none: j.create("none"),
-  sm: j.create("sm"),
-  md: j.create("md"),
-  lg: j.create("lg"),
-  xl: j.create("xl"),
-  "2xl": j.create("2xl"),
-  "3xl": j.create("3xl"),
-  full: j.create("full")
+  none: _.create("none"),
+  sm: _.create("sm"),
+  md: _.create("md"),
+  lg: _.create("lg"),
+  xl: _.create("xl"),
+  "2xl": _.create("2xl"),
+  "3xl": _.create("3xl"),
+  full: _.create("full")
 };
 function $(e) {
   return $e[e].tailwind;
@@ -163,7 +163,7 @@ class C {
     }[a] || String(a);
   }
 }
-te(C, "BASE_UNIT", 4);
+re(C, "BASE_UNIT", 4);
 const ke = {
   // Micro spacing (0-14px)
   none: C.create(0),
@@ -201,7 +201,7 @@ const ke = {
   "6xl": C.create(24)
   // 96px
 };
-function i(e, a = "p") {
+function s(e, a = "p") {
   const t = ke[e].tailwind;
   return `${{
     p: "p",
@@ -296,7 +296,7 @@ class E {
   }
 }
 E.createFontWeight("light"), E.createFontWeight("normal"), E.createFontWeight("medium"), E.createFontWeight("semibold"), E.createFontWeight("bold");
-const Z = {
+const J = {
   // Headings
   h1: E.create("4xl", "tight", "bold"),
   h2: E.create("3xl", "tight", "bold"),
@@ -314,14 +314,14 @@ const Z = {
   button: E.create("base", "normal", "medium")
 };
 function D(e) {
-  const a = Z[e];
+  const a = J[e];
   return `${a.fontSize.tailwind} ${a.lineHeight.tailwind} ${a.fontWeight.tailwind}`;
 }
-function S(e) {
-  return Z[e].fontSize.tailwind;
+function w(e) {
+  return J[e].fontSize.tailwind;
 }
-function B(e) {
-  return Z[e].fontWeight.tailwind;
+function j(e) {
+  return J[e].fontWeight.tailwind;
 }
 function n(...e) {
   return ye(he(e));
@@ -329,8 +329,8 @@ function n(...e) {
 const L = (e, a) => {
   const r = ve(e, a);
   return ((t) => {
-    const s = r(t);
-    return n(s);
+    const i = r(t);
+    return n(i);
   });
 }, Ce = L(
   // Base classes
@@ -338,7 +338,7 @@ const L = (e, a) => {
     "inline-flex",
     "items-center",
     "justify-center",
-    B("label"),
+    j("label"),
     $("md"),
     "border"
   ),
@@ -355,19 +355,19 @@ const L = (e, a) => {
       },
       size: {
         sm: n(
-          i("1.5", "px"),
-          i("0.5", "py"),
-          S("caption")
+          s("1.5", "px"),
+          s("0.5", "py"),
+          w("caption")
         ),
         md: n(
-          i("sm", "px"),
-          i("xs", "py"),
-          S("caption")
+          s("sm", "px"),
+          s("xs", "py"),
+          w("caption")
         ),
         lg: n(
-          i("sm", "px"),
-          i("xs", "py"),
-          S("bodySmall")
+          s("sm", "px"),
+          s("xs", "py"),
+          w("bodySmall")
         )
       },
       style: {
@@ -470,13 +470,13 @@ const L = (e, a) => {
       style: "solid"
     }
   }
-), Ee = H(
-  _(function(x, p) {
-    var m = x, {
+), Ee = M(
+  F(function(b, p) {
+    var m = b, {
       variant: a = "neutral",
       size: r = "md",
       style: t = "solid",
-      className: s = "",
+      className: i = "",
       children: c,
       "aria-label": o
     } = m, d = h(m, [
@@ -487,23 +487,23 @@ const L = (e, a) => {
       "children",
       "aria-label"
     ]);
-    const b = n(Ce({ variant: a, size: r, style: t }), s);
-    let f;
+    const x = n(Ce({ variant: a, size: r, style: t }), i);
+    let u;
     if (o)
-      f = o;
+      u = o;
     else if (typeof c == "string")
-      f = c;
+      u = c;
     else if (typeof c == "object" && c !== null && "props" in c) {
       const g = c.props;
-      g != null && g.children && typeof g.children == "string" && (f = g.children);
+      g != null && g.children && typeof g.children == "string" && (u = g.children);
     }
     return /* @__PURE__ */ l(
       "span",
-      y(u({
+      y(f({
         ref: p,
         role: "status",
-        "aria-label": f,
-        className: b
+        "aria-label": u,
+        className: x
       }, d), {
         children: c
       })
@@ -519,15 +519,15 @@ function se(e, a) {
 function Te(...e) {
   return (a) => {
     let r = !1;
-    const t = e.map((s) => {
-      const c = se(s, a);
+    const t = e.map((i) => {
+      const c = se(i, a);
       return !r && typeof c == "function" && (r = !0), c;
     });
     if (r)
       return () => {
-        for (let s = 0; s < t.length; s++) {
-          const c = t[s];
-          typeof c == "function" ? c() : se(e[s], null);
+        for (let i = 0; i < t.length; i++) {
+          const c = t[i];
+          typeof c == "function" ? c() : se(e[i], null);
         }
       };
   };
@@ -539,34 +539,34 @@ function Ve(...e) {
 function Ae(e) {
   const a = A.forwardRef((r, t) => {
     var g;
-    let f = r, { children: s } = f, c = h(f, ["children"]), o = null, d = !1;
+    let u = r, { children: i } = u, c = h(u, ["children"]), o = null, d = !1;
     const p = [];
-    ie(s) && typeof q == "function" && (s = q(s._payload)), A.Children.forEach(s, (w) => {
-      var N;
-      if (ze(w)) {
+    ie(i) && typeof q == "function" && (i = q(i._payload)), A.Children.forEach(i, (N) => {
+      var S;
+      if (je(N)) {
         d = !0;
-        const T = w;
+        const T = N;
         let k = "child" in T.props ? T.props.child : T.props.children;
-        ie(k) && typeof q == "function" && (k = q(k._payload)), o = De(T, k), p.push((N = o == null ? void 0 : o.props) == null ? void 0 : N.children);
+        ie(k) && typeof q == "function" && (k = q(k._payload)), o = De(T, k), p.push((S = o == null ? void 0 : o.props) == null ? void 0 : S.children);
       } else
-        p.push(w);
+        p.push(N);
     }), o ? o = A.cloneElement(o, 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 && A.Children.count(s) === 1 && A.isValidElement(s) && (o = s)
+      !d && A.Children.count(i) === 1 && A.isValidElement(i) && (o = i)
     );
-    const x = o ? je(o) : void 0, m = Ve(t, x);
+    const b = o ? _e(o) : void 0, m = Ve(t, b);
     if (!o) {
-      if (s || s === 0)
+      if (i || i === 0)
         throw new Error(
-          d ? Be(e) : Me(e)
+          d ? Me(e) : Oe(e)
         );
-      return s;
+      return i;
     }
-    const b = _e(c, (g = o.props) != null ? g : {});
-    return o.type !== A.Fragment && (b.ref = t ? m : x), A.cloneElement(o, b);
+    const x = Fe(c, (g = o.props) != null ? g : {});
+    return o.type !== A.Fragment && (x.ref = t ? m : b), A.cloneElement(o, x);
   });
   return a.displayName = `${e}.Slot`, a;
 }
@@ -576,40 +576,40 @@ function Le(e) {
   const a = (r) => "child" in r ? r.children(r.child) : r.children;
   return a.displayName = `${e}.Slottable`, a.__radixId = ue, a;
 }
-var Fe = /* @__PURE__ */ Le("Slottable"), De = (e, a) => {
+var ze = /* @__PURE__ */ Le("Slottable"), De = (e, a) => {
   if ("child" in e.props) {
     const r = e.props.child;
     return A.isValidElement(r) ? A.cloneElement(r, void 0, e.props.children(r.props.children)) : null;
   }
   return A.isValidElement(a) ? a : null;
 };
-function _e(e, a) {
-  const r = u({}, a);
+function Fe(e, a) {
+  const r = f({}, a);
   for (const t in a) {
-    const s = e[t], c = a[t];
-    /^on[A-Z]/.test(t) ? s && c ? r[t] = (...d) => {
+    const i = e[t], c = a[t];
+    /^on[A-Z]/.test(t) ? i && c ? r[t] = (...d) => {
       const p = c(...d);
-      return s(...d), p;
-    } : s && (r[t] = s) : t === "style" ? r[t] = u(u({}, s), c) : t === "className" && (r[t] = [s, c].filter(Boolean).join(" "));
+      return i(...d), p;
+    } : i && (r[t] = i) : t === "style" ? r[t] = f(f({}, i), c) : t === "className" && (r[t] = [i, c].filter(Boolean).join(" "));
   }
-  return u(u({}, e), r);
+  return f(f({}, e), r);
 }
-function je(e) {
-  var t, s;
+function _e(e) {
+  var t, i;
   let a = (t = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : t.get, r = a && "isReactWarning" in a && a.isReactWarning;
-  return r ? e.ref : (a = (s = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : s.get, r = a && "isReactWarning" in a && a.isReactWarning, r ? e.props.ref : e.props.ref || e.ref);
+  return r ? e.ref : (a = (i = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : i.get, r = a && "isReactWarning" in a && a.isReactWarning, r ? e.props.ref : e.props.ref || e.ref);
 }
-function ze(e) {
+function je(e) {
   return A.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === ue;
 }
 var Re = /* @__PURE__ */ Symbol.for("react.lazy");
 function ie(e) {
-  return e != null && typeof e == "object" && "$$typeof" in e && e.$$typeof === Re && "_payload" in e && Oe(e._payload);
+  return e != null && typeof e == "object" && "$$typeof" in e && e.$$typeof === Re && "_payload" in e && Be(e._payload);
 }
-function Oe(e) {
+function Be(e) {
   return typeof e == "object" && e !== null && "then" in e;
 }
-var Me = (e) => `${e} failed to slot onto its children. Expected a single React element child or \`Slottable\`.`, Be = (e) => `${e} failed to slot onto its \`Slottable\`. Expected \`Slottable\` to receive a single React element child.`, q = A[" use ".trim().toString()];
+var Oe = (e) => `${e} failed to slot onto its children. Expected a single React element child or \`Slottable\`.`, Me = (e) => `${e} failed to slot onto its \`Slottable\`. Expected \`Slottable\` to receive a single React element child.`, q = A[" use ".trim().toString()];
 const He = L("motion-safe:animate-spin", {
   variants: {
     size: {
@@ -627,12 +627,12 @@ const He = L("motion-safe:animate-spin", {
     size: "md",
     variant: "primary"
   }
-}), fe = H(function(o) {
+}), fe = M(function(o) {
   var d = o, {
     size: a = "md",
     variant: r = "primary",
     label: t,
-    className: s = ""
+    className: i = ""
   } = d, c = h(d, [
     "size",
     "variant",
@@ -641,8 +641,8 @@ const He = L("motion-safe:animate-spin", {
   ]);
   return /* @__PURE__ */ v(
     "div",
-    y(u({
-      className: n("inline-flex", "items-center", s),
+    y(f({
+      className: n("inline-flex", "items-center", i),
       role: "status",
       "aria-label": t || "Loading",
       "aria-live": "polite"
@@ -659,8 +659,8 @@ const He = L("motion-safe:animate-spin", {
           "span",
           {
             className: n(
-              i("sm", "ml"),
-              S("bodySmall"),
+              s("sm", "ml"),
+              w("bodySmall"),
               "text-fg-secondary",
               "sr-only"
             ),
@@ -728,7 +728,7 @@ const Pe = L(
           "text-fg-primary",
           "hover:bg-surface-hover",
           "focus:ring-line-focus",
-          i("none", "p")
+          s("none", "p")
         ),
         // Textual call-to-action — brand-coloured text, underline on
         // hover, no chrome (no surface, no border). Padding is zeroed
@@ -767,22 +767,22 @@ const Pe = L(
       },
       size: {
         sm: n(
-          i("md", "px"),
-          i("1.5", "py"),
-          S("bodySmall"),
-          i("1.5", "gap")
+          s("md", "px"),
+          s("1.5", "py"),
+          w("bodySmall"),
+          s("1.5", "gap")
         ),
         md: n(
-          i("base", "px"),
-          i("sm", "py"),
-          S("body"),
-          i("sm", "gap")
+          s("base", "px"),
+          s("sm", "py"),
+          w("body"),
+          s("sm", "gap")
         ),
         lg: n(
-          i("lg", "px"),
-          i("md", "py"),
-          S("bodyLarge"),
-          i("2.5", "gap")
+          s("lg", "px"),
+          s("md", "py"),
+          w("bodyLarge"),
+          s("2.5", "gap")
         )
       }
     },
@@ -791,17 +791,17 @@ const Pe = L(
       {
         variant: "iconOnly",
         size: "sm",
-        class: n("h-8", "w-8", i("none", "p"))
+        class: n("h-8", "w-8", s("none", "p"))
       },
       {
         variant: "iconOnly",
         size: "md",
-        class: n("h-10", "w-10", i("none", "p"))
+        class: n("h-10", "w-10", s("none", "p"))
       },
       {
         variant: "iconOnly",
         size: "lg",
-        class: n("h-12", "w-12", i("none", "p"))
+        class: n("h-12", "w-12", s("none", "p"))
       },
       // Link variant zeroes the size's padding via compoundVariants so
       // the override runs AFTER the size block's `px-N`/`py-N` and
@@ -812,17 +812,17 @@ const Pe = L(
       {
         variant: "link",
         size: "sm",
-        class: n(i("none", "px"), i("none", "py"))
+        class: n(s("none", "px"), s("none", "py"))
       },
       {
         variant: "link",
         size: "md",
-        class: n(i("none", "px"), i("none", "py"))
+        class: n(s("none", "px"), s("none", "py"))
       },
       {
         variant: "link",
         size: "lg",
-        class: n(i("none", "px"), i("none", "py"))
+        class: n(s("none", "px"), s("none", "py"))
       }
     ],
     defaultVariants: {
@@ -838,29 +838,29 @@ function X({
   return e ? /* @__PURE__ */ l(
     "span",
     {
-      className: `inline-flex items-center ${a === "left" ? i("none", "mr") : i("none", "ml")}`,
+      className: `inline-flex items-center ${a === "left" ? s("none", "mr") : s("none", "ml")}`,
       children: e
     }
   ) : null;
 }
-const Ie = H(
-  _(function(k, T) {
-    var F = k, {
+const Ie = M(
+  F(function(k, T) {
+    var z = k, {
       variant: a = "primary",
       size: r = "md",
       isLoading: t = !1,
-      loadingText: s,
+      loadingText: i,
       loadingIcon: c,
       leftIcon: o,
       rightIcon: d,
       fullWidth: p = !1,
-      asChild: x = !1,
+      asChild: b = !1,
       as: m,
-      className: b = "",
-      disabled: f = !1,
+      className: x = "",
+      disabled: u = !1,
       children: g,
-      "aria-label": w
-    } = F, N = h(F, [
+      "aria-label": N
+    } = z, S = h(z, [
       "variant",
       "size",
       "isLoading",
@@ -876,29 +876,29 @@ const Ie = H(
       "children",
       "aria-label"
     ]);
-    typeof process != "undefined" && process.env.NODE_ENV !== "production" && x && m !== void 0 && m !== "button" && console.warn(
+    typeof process != "undefined" && process.env.NODE_ENV !== "production" && b && m !== void 0 && m !== "button" && console.warn(
       "[Button] `as` is ignored when `asChild` is true; the child element is used as the root. Drop one of the two props to silence this warning."
     );
-    const z = x ? de : m != null ? m : "button", R = n(
+    const R = b ? de : m != null ? m : "button", B = n(
       Pe({ variant: a, size: r }),
       p && "w-full",
-      b
-    ), I = (a === "iconOnly" || !g && (o || d)) && !w && !g ? "Button" : w, me = c || /* @__PURE__ */ l(fe, { size: r === "sm" ? "sm" : r === "lg" ? "lg" : "md", variant: a === "error" ? "primary" : a === "primary" || a === "secondary" ? "neutral" : "primary" }), J = !x && (m === void 0 || m === "button") && !N.type ? "button" : void 0, Q = u(u({
-      className: R,
-      disabled: f || t,
+      x
+    ), I = (a === "iconOnly" || !g && (o || d)) && !N && !g ? "Button" : N, me = c || /* @__PURE__ */ l(fe, { size: r === "sm" ? "sm" : r === "lg" ? "lg" : "md", variant: a === "error" ? "primary" : a === "primary" || a === "secondary" ? "neutral" : "primary" }), Q = !b && (m === void 0 || m === "button") && !S.type ? "button" : void 0, ee = f(f({
+      className: B,
+      disabled: u || t,
       "aria-busy": t,
       "aria-label": I,
-      "aria-disabled": f || t
-    }, J ? { type: J } : {}), N);
-    return x ? /* @__PURE__ */ v(z, y(u({ ref: T }, Q), { children: [
+      "aria-disabled": u || t
+    }, Q ? { type: Q } : {}), S);
+    return b ? /* @__PURE__ */ v(R, y(f({ ref: T }, ee), { children: [
       o && /* @__PURE__ */ l(X, { position: "left", children: o }),
-      /* @__PURE__ */ l(Fe, { children: g }),
+      /* @__PURE__ */ l(ze, { children: g }),
       d && /* @__PURE__ */ l(X, { position: "right", children: d })
-    ] })) : /* @__PURE__ */ l(z, y(u({ ref: T }, Q), { children: t ? /* @__PURE__ */ v(re, { children: [
+    ] })) : /* @__PURE__ */ l(R, y(f({ ref: T }, ee), { children: t ? /* @__PURE__ */ v(Z, { children: [
       me,
-      s && /* @__PURE__ */ l("span", { className: i("sm", "ml"), children: s }),
-      !s && g && /* @__PURE__ */ l("span", { className: `${i("sm", "ml")} opacity-0`, children: g })
-    ] }) : /* @__PURE__ */ v(re, { children: [
+      i && /* @__PURE__ */ l("span", { className: s("sm", "ml"), children: i }),
+      !i && g && /* @__PURE__ */ l("span", { className: `${s("sm", "ml")} opacity-0`, children: g })
+    ] }) : /* @__PURE__ */ v(Z, { children: [
       o && /* @__PURE__ */ l(X, { position: "left", children: o }),
       g,
       d && /* @__PURE__ */ l(X, { position: "right", children: d })
@@ -913,7 +913,7 @@ const le = L(
     "items-center",
     "font-medium",
     $("full"),
-    i("xs", "gap")
+    s("xs", "gap")
   ),
   {
     variants: {
@@ -939,19 +939,19 @@ const le = L(
       },
       size: {
         sm: n(
-          i("xs", "px"),
-          i("xs", "py"),
-          S("caption")
+          s("xs", "px"),
+          s("xs", "py"),
+          w("caption")
         ),
         md: n(
-          i("sm", "px"),
-          i("xs", "py"),
-          S("bodySmall")
+          s("sm", "px"),
+          s("xs", "py"),
+          w("bodySmall")
         ),
         lg: n(
-          i("md", "px"),
-          i("sm", "py"),
-          S("body")
+          s("md", "px"),
+          s("sm", "py"),
+          w("body")
         )
       },
       selected: {
@@ -995,19 +995,19 @@ const le = L(
       disabled: !1
     }
   }
-), We = _(function(a, r) {
+), We = F(function(a, r) {
   const {
     children: t,
-    variant: s = "default",
+    variant: i = "default",
     size: c = "md",
     selected: o = !1,
     disabled: d = !1,
     className: p = "",
-    "aria-label": x,
+    "aria-label": b,
     tabIndex: m,
-    asChild: b = !1
+    asChild: x = !1
   } = a, g = (() => {
-    if (x) return x;
+    if (b) return b;
     if (typeof t == "string") return t;
     if (typeof t == "object" && t !== null && "props" in t) {
       const V = t.props;
@@ -1015,24 +1015,24 @@ const le = L(
         return V.children;
     }
   })();
-  if (b)
+  if (x)
     return /* @__PURE__ */ l(
       de,
       {
         ref: r,
         className: n(
-          le({ variant: s, size: c, selected: o, disabled: d }),
+          le({ variant: i, size: c, selected: o, disabled: d }),
           p
         ),
-        "aria-label": x,
+        "aria-label": b,
         "aria-disabled": d || void 0,
         tabIndex: m,
         children: t
       }
     );
-  const { onRemove: w, onClick: N, count: T } = a, k = N !== void 0, F = k && !d, z = (V) => {
-    d || (V.key === "Enter" || V.key === " ") && (V.preventDefault(), N == null || N());
-  }, R = T !== void 0, P = o || s === "filled", I = R ? /* @__PURE__ */ l(
+  const { onRemove: N, onClick: S, count: T } = a, k = S !== void 0, z = k && !d, R = (V) => {
+    d || (V.key === "Enter" || V.key === " ") && (V.preventDefault(), S == null || S());
+  }, B = T !== void 0, P = o || i === "filled", I = B ? /* @__PURE__ */ l(
     "span",
     {
       "aria-hidden": k || void 0,
@@ -1043,22 +1043,22 @@ const le = L(
         "tabular-nums",
         "leading-none",
         $("full"),
-        i("xs", "px"),
-        i("0.5", "py"),
-        S("caption"),
-        B("label"),
+        s("xs", "px"),
+        s("0.5", "py"),
+        w("caption"),
+        j("label"),
         P ? n("bg-surface-base", "text-fg-brand-emphasis") : n("bg-surface-brand-strong", "text-fg-inverse")
       ),
       children: T
     }
-  ) : null, U = R && g !== void 0 ? `${g}, ${T}` : g;
+  ) : null, U = B && g !== void 0 ? `${g}, ${T}` : g;
   return /* @__PURE__ */ v(
     "div",
     {
       ref: r,
       className: n(
-        le({ variant: s, size: c, selected: o, disabled: d }),
-        w && i("xs", "pr"),
+        le({ variant: i, size: c, selected: o, disabled: d }),
+        N && s("xs", "pr"),
         p
       ),
       "aria-disabled": d,
@@ -1067,17 +1067,17 @@ const le = L(
           "button",
           {
             type: "button",
-            onClick: d ? void 0 : N,
-            onKeyDown: z,
+            onClick: d ? void 0 : S,
+            onKeyDown: R,
             disabled: d,
             "aria-pressed": o ? !0 : void 0,
-            "aria-label": x || U,
-            tabIndex: m !== void 0 ? m : F ? 0 : void 0,
+            "aria-label": b || U,
+            tabIndex: m !== void 0 ? m : z ? 0 : void 0,
             className: n(
               "flex-1",
               "bg-transparent",
               "border-0",
-              i("none", "p"),
+              s("none", "p"),
               "text-inherit",
               "text-left",
               "cursor-pointer",
@@ -1091,18 +1091,18 @@ const le = L(
           }
         ) : /* @__PURE__ */ l("span", { children: t }),
         I,
-        w && !d && /* @__PURE__ */ l(
+        N && !d && /* @__PURE__ */ l(
           "button",
           {
             type: "button",
             onClick: (V) => {
-              V.stopPropagation(), w();
+              V.stopPropagation(), N();
             },
             className: n(
-              i("xs", "ml"),
+              s("xs", "ml"),
               "hover:bg-tint-hover",
               $("full"),
-              i("xs", "p"),
+              s("xs", "p"),
               "transition-colors",
               "focus:outline-none",
               "focus:ring-2",
@@ -1118,8 +1118,115 @@ const le = L(
   );
 });
 We.displayName = "Chip";
-function _a(s) {
-  var c = s, {
+const Ue = L(
+  n("inline-flex", "items-center", "border", $("md")),
+  {
+    variants: {
+      tone: {
+        neutral: n(
+          "bg-surface-muted",
+          "text-fg-primary",
+          "border-line-default"
+        ),
+        success: n("bg-success-bg", "text-success-dark", "border-success"),
+        warning: n("bg-warning-bg", "text-warning-dark", "border-warning"),
+        error: n("bg-error-bg", "text-error-dark", "border-error"),
+        info: n("bg-info-bg", "text-info-dark", "border-info"),
+        primary: n(
+          "bg-surface-brand-subtle",
+          "text-fg-brand-emphasis",
+          "border-line-brand"
+        ),
+        secondary: n(
+          "bg-surface-secondary-subtle",
+          "text-fg-brand-secondary-emphasis",
+          "border-line-secondary"
+        ),
+        // Categorical data-viz tone — fuchsia soft-wash, sibling to the
+        // chart palette. Not a status; distinct from secondary (brand violet).
+        dataviz: n("bg-dataviz-bg", "text-dataviz-dark", "border-dataviz")
+      },
+      size: {
+        sm: n(
+          s("1.5", "px"),
+          s("0.5", "py"),
+          s("0.5", "gap"),
+          "[&_svg]:size-3"
+        ),
+        md: n(
+          s("sm", "px"),
+          s("0.5", "py"),
+          s("xs", "gap"),
+          "[&_svg]:size-3.5"
+        )
+      }
+    },
+    defaultVariants: { tone: "neutral", size: "md" }
+  }
+), Ke = M(
+  F(function(b, p) {
+    var m = b, {
+      label: a,
+      source: r,
+      tone: t = "neutral",
+      size: i = "md",
+      icon: c,
+      className: o = ""
+    } = m, d = h(m, [
+      "label",
+      "source",
+      "tone",
+      "size",
+      "icon",
+      "className"
+    ]);
+    const x = r != null && r !== "", u = i === "sm" ? "caption" : "bodySmall";
+    return /* @__PURE__ */ v(
+      "span",
+      y(f({
+        ref: p,
+        className: n(Ue({ tone: t, size: i }), o)
+      }, d), {
+        children: [
+          c ? /* @__PURE__ */ l(
+            "span",
+            {
+              className: "inline-flex shrink-0 items-center",
+              "aria-hidden": "true",
+              children: c
+            }
+          ) : null,
+          /* @__PURE__ */ l(
+            "span",
+            {
+              className: n(
+                w(u),
+                j("label")
+              ),
+              children: a
+            }
+          ),
+          x ? /* @__PURE__ */ v(Z, { children: [
+            /* @__PURE__ */ l("span", { "aria-hidden": "true", className: w("caption"), children: "·" }),
+            /* @__PURE__ */ l(
+              "span",
+              {
+                className: n(
+                  w("caption"),
+                  j("caption")
+                ),
+                children: r
+              }
+            )
+          ] }) : null
+        ]
+      })
+    );
+  })
+);
+Ke.displayName = "DataBadge";
+function ja(i) {
+  var c = i, {
     message: e,
     id: a,
     className: r = ""
@@ -1129,23 +1236,23 @@ function _a(s) {
     "className"
   ]);
   const o = [
-    i("xs", "mt"),
-    S("bodySmall"),
+    s("xs", "mt"),
+    w("bodySmall"),
     "text-fg-error",
     "flex",
     "items-center",
-    i("xs", "gap")
+    s("xs", "gap")
   ], d = n(...o, r);
-  return /* @__PURE__ */ v("div", y(u({ role: "alert", id: a, className: d, "aria-live": "polite" }, t), { children: [
+  return /* @__PURE__ */ v("div", y(f({ role: "alert", id: a, className: d, "aria-live": "polite" }, t), { children: [
     /* @__PURE__ */ l(Se, { className: "h-4 w-4 shrink-0", "aria-hidden": "true" }),
     /* @__PURE__ */ l("span", { children: e })
   ] }));
 }
-function ja(t) {
-  var s = t, {
+function Ra(t) {
+  var i = t, {
     variant: e = "info",
     className: a
-  } = s, r = h(s, [
+  } = i, r = h(i, [
     "variant",
     "className"
   ]);
@@ -1156,12 +1263,12 @@ function ja(t) {
   };
   return /* @__PURE__ */ l(
     "div",
-    u({
+    f({
       role: "alert",
       className: n(
         "border",
-        i("base", "px"),
-        i("sm", "py"),
+        s("base", "px"),
+        s("sm", "py"),
         $("lg"),
         c[e],
         a
@@ -1169,7 +1276,7 @@ function ja(t) {
     }, r)
   );
 }
-const Ue = L(
+const qe = L(
   n(
     "w-full",
     $("md"),
@@ -1205,18 +1312,18 @@ const Ue = L(
       size: {
         sm: n(
           "h-8",
-          S("bodySmall"),
-          i("md", "px")
+          w("bodySmall"),
+          s("md", "px")
         ),
         md: n(
           "h-10",
-          S("body"),
-          i("base", "px")
+          w("body"),
+          s("base", "px")
         ),
         lg: n(
           "h-12",
-          S("bodyLarge"),
-          i("lg", "px")
+          w("bodyLarge"),
+          s("lg", "px")
         )
       },
       state: {
@@ -1236,15 +1343,15 @@ const Ue = L(
     }
   }
 );
-function Ke({
+function Xe({
   error: e,
   success: a,
   helperText: r,
   errorId: t,
-  helperId: s
+  helperId: i
 }) {
   const c = n(
-    i("xs", "mt"),
+    s("xs", "mt"),
     D("caption"),
     e && "text-fg-error",
     a && "text-fg-success",
@@ -1253,30 +1360,30 @@ function Ke({
   return /* @__PURE__ */ l(
     "div",
     {
-      id: t || s,
+      id: t || i,
       className: c,
       role: e || a ? "alert" : void 0,
       children: r || (e ? "Error" : a ? "Success" : "")
     }
   );
 }
-const qe = _(
-  function(T, N) {
+const Ge = F(
+  function(T, S) {
     var k = T, {
       id: a,
       label: r,
       error: t = !1,
-      success: s = !1,
+      success: i = !1,
       helperText: c,
       size: o = "md",
       variant: d = "outlined",
       leftIcon: p,
-      rightIcon: x,
+      rightIcon: b,
       rightSlot: m,
-      className: b = "",
-      disabled: f = !1,
+      className: x = "",
+      disabled: u = !1,
       type: g = "text"
-    } = k, w = h(k, [
+    } = k, N = h(k, [
       "id",
       "label",
       "error",
@@ -1294,19 +1401,19 @@ const qe = _(
     typeof process != "undefined" && process.env.NODE_ENV !== "production" && r && !a && console.warn(
       "[InputBase] `label` was provided without an `id`. The <label> cannot bind to the input (InputBase does not auto-generate an id — that needs a client hook). Pass an `id`, or use the interactive `Input` which auto-generates one."
     );
-    const F = t ? "error" : s ? "success" : "default", z = t && a ? `${a}-error` : void 0, R = c && a ? `${a}-helper` : void 0, P = o === "sm" ? "h-4 w-4" : o === "lg" ? "h-5 w-5" : "h-4 w-4", I = o === "sm" ? "top-2" : o === "lg" ? "top-3.5" : "top-2.5", U = n(
-      Ue({ variant: d, size: o, state: F }),
+    const z = t ? "error" : i ? "success" : "default", R = t && a ? `${a}-error` : void 0, B = c && a ? `${a}-helper` : void 0, P = o === "sm" ? "h-4 w-4" : o === "lg" ? "h-5 w-5" : "h-4 w-4", I = o === "sm" ? "top-2" : o === "lg" ? "top-3.5" : "top-2.5", U = n(
+      qe({ variant: d, size: o, state: z }),
       // Icon padding — `pl-9` / `pr-9` aren't on the spacing scale (no
       // semantic key for 36px) so they stay raw at the `sm` size; md/lg use
       // the getter. Mirrors the original Input contract.
-      p && (o === "sm" ? "pl-9" : i(o === "lg" ? "3xl" : "2xl", "pl")),
-      (x || m) && (o === "sm" ? "pr-9" : i(o === "lg" ? "3xl" : "2xl", "pr")),
-      b
+      p && (o === "sm" ? "pl-9" : s(o === "lg" ? "3xl" : "2xl", "pl")),
+      (b || m) && (o === "sm" ? "pr-9" : s(o === "lg" ? "3xl" : "2xl", "pr")),
+      x
     ), V = n(
       "block",
       D("label"),
-      i("xs", "mb"),
-      f && "opacity-50"
+      s("xs", "mb"),
+      u && "opacity-50"
     );
     return /* @__PURE__ */ v("div", { className: "w-full", children: [
       r && /* @__PURE__ */ l("label", { htmlFor: a, className: V, children: r }),
@@ -1320,76 +1427,76 @@ const qe = _(
         ),
         /* @__PURE__ */ l(
           "input",
-          u({
+          f({
             id: a,
-            ref: N,
+            ref: S,
             type: g,
             className: U,
-            disabled: f,
+            disabled: u,
             "aria-invalid": t,
-            "aria-required": w.required,
-            "aria-describedby": z || R,
+            "aria-required": N.required,
+            "aria-describedby": R || B,
             suppressHydrationWarning: !0
-          }, w)
+          }, N)
         ),
-        (x || m) && /* @__PURE__ */ l(
+        (b || m) && /* @__PURE__ */ l(
           "div",
           {
-            className: `absolute right-3 top-0 bottom-0 flex items-center ${i("xs", "gap")}`,
+            className: `absolute right-3 top-0 bottom-0 flex items-center ${s("xs", "gap")}`,
             children: m != null ? m : /* @__PURE__ */ l(
               "div",
               {
                 className: `text-fg-secondary opacity-60 pointer-events-none ${P}`,
-                children: x
+                children: b
               }
             )
           }
         )
       ] }),
-      (t || s || c) && /* @__PURE__ */ l(
-        Ke,
+      (t || i || c) && /* @__PURE__ */ l(
+        Xe,
         {
           error: t,
-          success: s,
+          success: i,
           helperText: c,
-          errorId: z,
-          helperId: R
+          errorId: R,
+          helperId: B
         }
       )
     ] });
   }
 );
-qe.displayName = "InputBase";
-const Xe = n(
+Ge.displayName = "InputBase";
+const Ye = n(
   "block",
-  S("label"),
-  B("label"),
+  w("label"),
+  j("label"),
   "text-fg-primary"
-), Ge = {
+), Ze = {
   default: "",
   required: n(
     "after:content-['*']",
-    `after:${i("0.5", "ml")}`,
+    `after:${s("0.5", "ml")}`,
     "after:text-fg-error"
   ),
   optional: n(
     "after:content-['(optional)']",
-    `after:${i("xs", "ml")}`,
+    `after:${s("xs", "ml")}`,
     "after:text-fg-tertiary",
     "after:font-normal"
   )
-}, Ye = H(
-  _(function(o, c) {
-    var d = o, { variant: a = "default", className: r = "", children: t } = d, s = h(d, ["variant", "className", "children"]);
+}, Je = M(
+  F(function(o, c) {
+    var d = o, { variant: a = "default", className: r = "", children: t } = d, i = h(d, ["variant", "className", "children"]);
     const p = n(
-      Xe,
-      Ge[a],
+      Ye,
+      Ze[a],
       r
     );
-    return /* @__PURE__ */ l("label", y(u({ ref: c, className: p }, s), { children: t }));
+    return /* @__PURE__ */ l("label", y(f({ ref: c, className: p }, i), { children: t }));
   })
 );
-Ye.displayName = "Label";
+Je.displayName = "Label";
 class O {
   /**
    * Create a shadow token
@@ -1434,7 +1541,7 @@ class O {
     }[a];
   }
 }
-const Ze = {
+const Qe = {
   none: O.create("none"),
   sm: O.create("sm"),
   md: O.create("md"),
@@ -1444,9 +1551,9 @@ const Ze = {
   inner: O.create("inner")
 };
 function Y(e) {
-  return Ze[e].tailwind;
+  return Qe[e].tailwind;
 }
-const Je = L("w-full", {
+const ea = L("w-full", {
   variants: {
     size: {
       sm: "h-1",
@@ -1480,17 +1587,17 @@ const Je = L("w-full", {
   defaultVariants: {
     variant: "primary"
   }
-}), Qe = _(function(b, m) {
-  var f = b, {
+}), aa = F(function(x, m) {
+  var u = x, {
     value: a,
     max: r = 100,
     variant: t = "primary",
-    size: s = "md",
+    size: i = "md",
     showLabel: c = !1,
     label: o,
     "aria-label": d,
     className: p = ""
-  } = f, x = h(f, [
+  } = u, b = h(u, [
     "value",
     "max",
     "variant",
@@ -1500,8 +1607,8 @@ const Je = L("w-full", {
     "aria-label",
     "className"
   ]);
-  const g = a === void 0, w = g ? void 0 : Math.min(Math.max(a / r * 100, 0), 100), N = d || (g ? "Loading in progress" : `Progress: ${w == null ? void 0 : w.toFixed(0)}%`);
-  return /* @__PURE__ */ v("div", y(u({ ref: m, className: n("w-full", p) }, x), { children: [
+  const g = a === void 0, N = g ? void 0 : Math.min(Math.max(a / r * 100, 0), 100), S = d || (g ? "Loading in progress" : `Progress: ${N == null ? void 0 : N.toFixed(0)}%`);
+  return /* @__PURE__ */ v("div", y(f({ ref: m, className: n("w-full", p) }, b), { children: [
     c && (o || !g) && /* @__PURE__ */ v(
       "div",
       {
@@ -1509,29 +1616,29 @@ const Je = L("w-full", {
           "flex",
           "items-center",
           "justify-between",
-          i("xs", "mb")
+          s("xs", "mb")
         ),
         children: [
           o && /* @__PURE__ */ l(
             "span",
             {
               className: n(
-                S("bodySmall"),
-                B("label"),
+                w("bodySmall"),
+                j("label"),
                 "text-fg-primary"
               ),
               children: o
             }
           ),
-          !g && w !== void 0 && /* @__PURE__ */ v(
+          !g && N !== void 0 && /* @__PURE__ */ v(
             "span",
             {
               className: n(
-                S("bodySmall"),
+                w("bodySmall"),
                 "text-fg-secondary"
               ),
               children: [
-                w.toFixed(0),
+                N.toFixed(0),
                 "%"
               ]
             }
@@ -1546,13 +1653,13 @@ const Je = L("w-full", {
         "aria-valuemin": g ? void 0 : 0,
         "aria-valuemax": g ? void 0 : r,
         "aria-valuenow": g ? void 0 : a,
-        "aria-label": N,
+        "aria-label": S,
         "aria-busy": g,
         className: n(
           "relative",
           "w-full",
           "overflow-hidden",
-          Je({ size: s, variant: t }),
+          ea({ size: i, variant: t }),
           $("full")
         ),
         children: g ? /* @__PURE__ */ l(
@@ -1584,7 +1691,7 @@ const Je = L("w-full", {
               "ease-out"
             ),
             style: {
-              width: `${w}%`
+              width: `${N}%`
             },
             "aria-hidden": "true"
           }
@@ -1593,20 +1700,20 @@ const Je = L("w-full", {
     )
   ] }));
 });
-Qe.displayName = "Progress";
-const ea = {
+aa.displayName = "Progress";
+const ta = {
   horizontal: "w-full border-t",
   vertical: "h-full border-l self-stretch"
-}, aa = {
+}, ra = {
   solid: "border-solid",
   dashed: "border-dashed",
   dotted: "border-dotted"
-}, ta = H(function(c) {
+}, na = M(function(c) {
   var o = c, {
     orientation: a = "horizontal",
     variant: r = "solid",
     className: t = ""
-  } = o, s = h(o, [
+  } = o, i = h(o, [
     "orientation",
     "variant",
     "className"
@@ -1614,34 +1721,34 @@ const ea = {
   const d = n(
     "border-0",
     "border-line-default",
-    ea[a],
-    aa[r],
+    ta[a],
+    ra[r],
     t
   );
   return a === "vertical" ? /* @__PURE__ */ l(
     "div",
-    u({
+    f({
       className: d,
       role: "separator",
       "aria-orientation": "vertical"
-    }, s)
+    }, i)
   ) : /* @__PURE__ */ l(
     "hr",
-    u({
+    f({
       className: d,
       role: "separator",
       "aria-orientation": "horizontal"
-    }, s)
+    }, i)
   );
 });
-ta.displayName = "Separator";
-function za(d) {
+na.displayName = "Separator";
+function Ba(d) {
   var p = d, {
     variant: e = "text",
     width: a,
     height: r,
     lines: t = 1,
-    className: s = "",
+    className: i = "",
     "aria-label": c
   } = p, o = h(p, [
     "variant",
@@ -1651,7 +1758,7 @@ function za(d) {
     "className",
     "aria-label"
   ]);
-  const x = [
+  const b = [
     "motion-safe:animate-pulse",
     "bg-surface-muted",
     $("sm")
@@ -1660,39 +1767,39 @@ function za(d) {
     card: "h-32",
     list: "h-12",
     circle: $("full")
-  }, b = n(...x, m[e], s), f = {};
-  a && (f.width = a), r && (f.height = r);
+  }, x = n(...b, m[e], i), u = {};
+  a && (u.width = a), r && (u.height = r);
   const g = c || `Loading ${e} content`;
   return e === "text" && t > 1 ? /* @__PURE__ */ l(
     "div",
-    y(u({
-      className: i("sm", "space-y"),
+    y(f({
+      className: s("sm", "space-y"),
       role: "status",
       "aria-busy": "true",
       "aria-label": g
     }, o), {
-      children: Array.from({ length: t }).map((w, N) => /* @__PURE__ */ l(
+      children: Array.from({ length: t }).map((N, S) => /* @__PURE__ */ l(
         "div",
         {
-          className: b,
-          style: N === t - 1 ? { width: "75%" } : f,
+          className: x,
+          style: S === t - 1 ? { width: "75%" } : u,
           "aria-hidden": "true"
         },
-        N
+        S
       ))
     })
   ) : /* @__PURE__ */ l(
     "div",
-    u({
-      className: b,
-      style: f,
+    f({
+      className: x,
+      style: u,
       role: "status",
       "aria-busy": "true",
       "aria-label": g
     }, o)
   );
 }
-const ra = {
+const sa = {
   primary: {
     // exception: variant color — no semantic equivalent (Principle 3, .claude/rules/colors.md)
     light: "text-indigo-400",
@@ -1744,13 +1851,13 @@ const ra = {
     contrast: "text-fg-inverse"
   }
 };
-function na(x, p) {
-  var m = x, {
+function ia(b, p) {
+  var m = b, {
     variant: e = "paragraph",
     bold: a,
     italic: r,
     className: t,
-    as: s,
+    as: i,
     colorRole: c = "neutral",
     colorShade: o = "dark"
   } = m, d = h(m, [
@@ -1762,41 +1869,41 @@ function na(x, p) {
     "colorRole",
     "colorShade"
   ]);
-  const b = [];
-  let f;
-  if (s)
-    f = s;
+  const x = [];
+  let u;
+  if (i)
+    u = i;
   else
     switch (e) {
       case "heading":
-        f = "h2";
+        u = "h2";
         break;
       case "list":
-        f = "li";
+        u = "li";
         break;
       default:
-        f = "p";
+        u = "p";
         break;
     }
-  return e === "heading" ? b.push(D("h2")) : e === "body" || e === "paragraph" ? b.push(D("body")) : e === "bodySmall" ? b.push(D("bodySmall")) : e === "bodyLarge" ? b.push(D("bodyLarge")) : e === "caption" ? b.push(D("caption")) : e === "label" ? b.push(D("label")) : b.push(D("body")), a && b.push("font-bold"), r && b.push("italic"), b.push(ra[c][o]), /* @__PURE__ */ l(f, u({ ref: p, className: n(...b, t) }, d));
+  return e === "heading" ? x.push(D("h2")) : e === "body" || e === "paragraph" ? x.push(D("body")) : e === "bodySmall" ? x.push(D("bodySmall")) : e === "bodyLarge" ? x.push(D("bodyLarge")) : e === "caption" ? x.push(D("caption")) : e === "label" ? x.push(D("label")) : x.push(D("body")), a && x.push("font-bold"), r && x.push("italic"), x.push(sa[c][o]), /* @__PURE__ */ l(u, f({ ref: p, className: n(...x, t) }, d));
 }
-const M = _(na), sa = {
+const H = F(ia), la = {
   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"
-}, ia = ce.forwardRef(
+}, oa = ce.forwardRef(
   (p, d) => {
-    var x = p, {
+    var b = p, {
       className: e,
       maxWidth: a = "lg",
       paddingX: r = "base",
       paddingY: t = "base",
-      center: s = !0,
+      center: i = !0,
       children: c
-    } = x, o = h(x, [
+    } = b, o = h(b, [
       "className",
       "maxWidth",
       "paddingX",
@@ -1806,14 +1913,14 @@ const M = _(na), sa = {
     ]);
     return /* @__PURE__ */ l(
       "div",
-      y(u({
+      y(f({
         ref: d,
         className: n(
           "w-full",
-          sa[a],
-          i(r, "px"),
-          i(t, "py"),
-          s && "mx-auto",
+          la[a],
+          s(r, "px"),
+          s(t, "py"),
+          i && "mx-auto",
           e
         )
       }, o), {
@@ -1822,17 +1929,17 @@ const M = _(na), sa = {
     );
   }
 );
-ia.displayName = "Container";
-const la = ce.forwardRef(
+oa.displayName = "Container";
+const ca = ce.forwardRef(
   (p, d) => {
-    var x = p, {
+    var b = p, {
       className: e,
       spacing: a = "base",
       align: r = "stretch",
       justify: t = "start",
-      direction: s = "column",
+      direction: i = "column",
       children: c
-    } = x, o = h(x, [
+    } = b, o = h(b, [
       "className",
       "spacing",
       "align",
@@ -1840,12 +1947,12 @@ const la = ce.forwardRef(
       "direction",
       "children"
     ]);
-    const m = s === "column" ? i(a, "gap-y") : i(a, "gap-x"), b = {
+    const m = i === "column" ? s(a, "gap-y") : s(a, "gap-x"), x = {
       start: "items-start",
       center: "items-center",
       end: "items-end",
       stretch: "items-stretch"
-    }, f = {
+    }, u = {
       start: "justify-start",
       center: "justify-center",
       end: "justify-end",
@@ -1855,14 +1962,14 @@ const la = ce.forwardRef(
     };
     return /* @__PURE__ */ l(
       "div",
-      y(u({
+      y(f({
         ref: d,
         className: n(
           "flex",
-          s === "column" ? "flex-col" : "flex-row",
+          i === "column" ? "flex-col" : "flex-row",
           m,
-          b[r],
-          f[t],
+          x[r],
+          u[t],
           e
         )
       }, o), {
@@ -1871,9 +1978,9 @@ const la = ce.forwardRef(
     );
   }
 );
-la.displayName = "Stack";
-function oa(s) {
-  var c = s, {
+ca.displayName = "Stack";
+function da(i) {
+  var c = i, {
     items: e,
     separator: a = "/",
     className: r = ""
@@ -1885,21 +1992,21 @@ function oa(s) {
   const o = [
     "flex",
     "items-center",
-    i("sm", "space-x"),
-    S("bodySmall")
+    s("sm", "space-x"),
+    w("bodySmall")
   ], d = n(...o, r);
-  return /* @__PURE__ */ l("nav", y(u({ "aria-label": "Breadcrumb", className: d }, t), { children: /* @__PURE__ */ l(
+  return /* @__PURE__ */ l("nav", y(f({ "aria-label": "Breadcrumb", className: d }, t), { children: /* @__PURE__ */ l(
     "ol",
     {
-      className: n("flex", "items-center", i("sm", "space-x")),
-      children: e.map((p, x) => {
-        const m = x === e.length - 1;
+      className: n("flex", "items-center", s("sm", "space-x")),
+      children: e.map((p, b) => {
+        const m = b === e.length - 1;
         return /* @__PURE__ */ v("li", { className: "flex items-center", children: [
-          x > 0 && /* @__PURE__ */ l(
+          b > 0 && /* @__PURE__ */ l(
             "span",
             {
               className: n(
-                i("sm", "mx"),
+                s("sm", "mx"),
                 "text-fg-tertiary"
               ),
               "aria-hidden": "true",
@@ -1911,7 +2018,7 @@ function oa(s) {
             {
               className: n(
                 "text-fg-primary",
-                B("label")
+                j("label")
               ),
               "aria-current": "page",
               children: p.label
@@ -1923,12 +2030,12 @@ function oa(s) {
               className: n(
                 "inline-flex",
                 "items-center",
-                i("xs", "px"),
-                i("xs", "pt"),
+                s("xs", "px"),
+                s("xs", "pt"),
                 "border-b-2",
                 "border-transparent",
-                S("bodySmall"),
-                B("label"),
+                w("bodySmall"),
+                j("label"),
                 "transition-colors",
                 "text-fg-secondary",
                 "hover:border-line-emphasis",
@@ -1937,20 +2044,20 @@ function oa(s) {
               children: p.label
             }
           ) : /* @__PURE__ */ l("span", { className: "text-fg-secondary", children: p.label })
-        ] }, x);
+        ] }, b);
       })
     }
   ) }));
 }
-function ca(t) {
-  var s = t, { children: e, className: a } = s, r = h(s, ["children", "className"]);
+function ua(t) {
+  var i = t, { children: e, className: a } = i, r = h(i, ["children", "className"]);
   return /* @__PURE__ */ l(
     "div",
-    y(u({
+    y(f({
       className: n(
         "grid items-start",
-        i("1.5", "gap"),
-        i("base", "mb"),
+        s("1.5", "gap"),
+        s("base", "mb"),
         "[&:has([data-card-actions])]:grid-cols-[1fr_auto]",
         "[&:has([data-card-actions])>[data-card-actions]]:row-span-full",
         a
@@ -1960,13 +2067,13 @@ function ca(t) {
     })
   );
 }
-function da(o) {
+function fa(o) {
   var d = o, {
     children: e,
     icon: a,
     badge: r,
     as: t = "h2",
-    className: s
+    className: i
   } = d, c = h(d, [
     "children",
     "icon",
@@ -1976,12 +2083,12 @@ function da(o) {
   ]);
   return /* @__PURE__ */ v(
     t,
-    y(u({
+    y(f({
       className: n(
         "text-base font-semibold text-fg-primary",
         "flex items-center",
-        i("sm", "gap"),
-        s
+        s("sm", "gap"),
+        i
       )
     }, c), {
       children: [
@@ -1992,31 +2099,31 @@ function da(o) {
     })
   );
 }
-function ua(t) {
-  var s = t, {
+function pa(t) {
+  var i = t, {
     children: e,
     className: a
-  } = s, r = h(s, [
+  } = i, r = h(i, [
     "children",
     "className"
   ]);
-  return /* @__PURE__ */ l("p", y(u({ className: n("text-sm text-fg-secondary", a) }, r), { children: e }));
+  return /* @__PURE__ */ l("p", y(f({ className: n("text-sm text-fg-secondary", a) }, r), { children: e }));
 }
-function fa(t) {
-  var s = t, {
+function ma(t) {
+  var i = t, {
     children: e,
     className: a
-  } = s, r = h(s, [
+  } = i, r = h(i, [
     "children",
     "className"
   ]);
   return /* @__PURE__ */ l(
     "div",
-    y(u({
+    y(f({
       "data-card-actions": "",
       className: n(
         "flex items-center self-start",
-        i("sm", "gap"),
+        s("sm", "gap"),
         a
       )
     }, r), {
@@ -2024,17 +2131,17 @@ function fa(t) {
     })
   );
 }
-function pa(t) {
-  var s = t, { children: e, className: a } = s, r = h(s, ["children", "className"]);
-  return /* @__PURE__ */ l("div", y(u({ className: n(a) }, r), { children: e }));
+function ga(t) {
+  var i = t, { children: e, className: a } = i, r = h(i, ["children", "className"]);
+  return /* @__PURE__ */ l("div", y(f({ className: n(a) }, r), { children: e }));
 }
-function ma(x) {
-  var m = x, {
+function ba(b) {
+  var m = b, {
     variant: e = "default",
     padding: a = "medium",
     className: r = "",
     onClick: t,
-    "aria-label": s,
+    "aria-label": i,
     "aria-labelledby": c,
     asSection: o = !1,
     children: d
@@ -2048,10 +2155,10 @@ function ma(x) {
     "asSection",
     "children"
   ]);
-  typeof process != "undefined" && process.env.NODE_ENV !== "production" && o && !s && !c && console.warn(
+  typeof process != "undefined" && process.env.NODE_ENV !== "production" && o && !i && !c && 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 b = L(
+  const x = L(
     n(
       "bg-surface-base",
       $("lg"),
@@ -2072,9 +2179,9 @@ function ma(x) {
         },
         padding: {
           none: "",
-          small: i("xs", "p"),
-          medium: i("base", "p"),
-          large: i("lg", "p")
+          small: s("xs", "p"),
+          medium: s("base", "p"),
+          large: s("lg", "p")
         }
       },
       defaultVariants: {
@@ -2082,74 +2189,74 @@ function ma(x) {
         padding: "medium"
       }
     }
-  ), f = t !== void 0, g = f ? "button" : void 0, w = f ? 0 : void 0, N = n(b({ variant: e, padding: a }), r), k = u({
-    className: N,
+  ), u = t !== void 0, g = u ? "button" : void 0, N = u ? 0 : void 0, S = n(x({ variant: e, padding: a }), r), k = f({
+    className: S,
     role: g,
-    tabIndex: w,
+    tabIndex: N,
     onClick: t,
-    onKeyDown: f ? (F) => {
-      f && (F.key === "Enter" || F.key === " ") && (F.preventDefault(), t == null || t());
+    onKeyDown: u ? (z) => {
+      u && (z.key === "Enter" || z.key === " ") && (z.preventDefault(), t == null || t());
     } : void 0,
-    "aria-label": s,
+    "aria-label": i,
     "aria-labelledby": c
   }, p);
-  return o ? /* @__PURE__ */ l("section", y(u({}, k), { children: d })) : /* @__PURE__ */ l("div", y(u({}, k), { children: d }));
+  return o ? /* @__PURE__ */ l("section", y(f({}, k), { children: d })) : /* @__PURE__ */ l("div", y(f({}, k), { children: d }));
 }
-const pe = H(ma);
+const pe = M(ba);
 pe.displayName = "Card";
 const W = pe;
-W.Header = ca;
-W.Title = da;
-W.Subtitle = ua;
-W.Actions = fa;
-W.Body = pa;
-function Ra(t) {
-  var s = t, {
+W.Header = ua;
+W.Title = fa;
+W.Subtitle = pa;
+W.Actions = ma;
+W.Body = ga;
+function Oa(t) {
+  var i = t, {
     children: e,
     className: a = ""
-  } = s, r = h(s, [
+  } = i, r = h(i, [
     "children",
     "className"
   ]);
   return /* @__PURE__ */ l(
     "div",
-    y(u({
-      className: `flex flex-col ${i("1.5", "space-y")} ${i("lg", "p")} ${i("base", "pb")} ${a}`
+    y(f({
+      className: `flex flex-col ${s("1.5", "space-y")} ${s("lg", "p")} ${s("base", "pb")} ${a}`
     }, r), {
       children: e
     })
   );
 }
-function Oa(t) {
-  var s = t, {
+function Ma(t) {
+  var i = t, {
     children: e,
     className: a = ""
-  } = s, r = h(s, [
+  } = i, r = h(i, [
     "children",
     "className"
   ]);
   return /* @__PURE__ */ l(
     "div",
-    y(u({
-      className: `flex flex-col-reverse sm:flex-row sm:justify-end sm:${i("sm", "space-x")} ${i("lg", "p")} ${i("base", "pt")} ${a}`
+    y(f({
+      className: `flex flex-col-reverse sm:flex-row sm:justify-end sm:${s("sm", "space-x")} ${s("lg", "p")} ${s("base", "pt")} ${a}`
     }, r), {
       children: e
     })
   );
 }
-function Ma(t) {
-  var s = t, {
+function Ha(t) {
+  var i = t, {
     children: e,
     className: a = ""
-  } = s, r = h(s, [
+  } = i, r = h(i, [
     "children",
     "className"
   ]);
   return /* @__PURE__ */ l(
     "div",
-    y(u({
+    y(f({
       className: `
-        ${i("lg", "p")}
+        ${s("lg", "p")}
         border-b
         border-line-default
         ${a}
@@ -2159,24 +2266,24 @@ function Ma(t) {
     })
   );
 }
-function Ba(t) {
-  var s = t, {
+function Pa(t) {
+  var i = t, {
     children: e,
     className: a = ""
-  } = s, r = h(s, [
+  } = i, r = h(i, [
     "children",
     "className"
   ]);
   return /* @__PURE__ */ l(
     "div",
-    y(u({
+    y(f({
       className: `
-        ${i("lg", "p")}
+        ${s("lg", "p")}
         border-t
         border-line-default
         flex
         justify-end
-        ${i("sm", "gap")}
+        ${s("sm", "gap")}
         ${a}
       `
     }, r), {
@@ -2184,31 +2291,31 @@ function Ba(t) {
     })
   );
 }
-function Ha(c) {
+function Ia(c) {
   var o = c, {
     label: e,
     children: a,
     wrap: r = !0,
     className: t
-  } = o, s = h(o, [
+  } = o, i = h(o, [
     "label",
     "children",
     "wrap",
     "className"
   ]);
-  const p = !(s["aria-label"] != null || s["aria-labelledby"] != null) && typeof e == "string" && e !== "" ? e : void 0;
+  const p = !(i["aria-label"] != null || i["aria-labelledby"] != null) && typeof e == "string" && e !== "" ? e : void 0;
   return /* @__PURE__ */ v(
     "div",
-    y(u({
+    y(f({
       role: "group",
       "aria-label": p,
       className: n(
         "flex items-center",
         r ? "flex-wrap" : "flex-nowrap",
-        i("sm", "gap"),
+        s("sm", "gap"),
         t
       )
-    }, s), {
+    }, i), {
       children: [
         e ? (
           // shrink-0 keeps the label a stable leading unit: in the wrapping
@@ -2221,20 +2328,20 @@ function Ha(c) {
     })
   );
 }
-function Pa({ children: e, className: a }) {
+function Wa({ children: e, className: a }) {
   return /* @__PURE__ */ l(
     "div",
     {
       className: n(
         "flex-shrink-0 flex items-center",
-        i("sm", "gap"),
+        s("sm", "gap"),
         a
       ),
       children: e
     }
   );
 }
-function Ia({
+function Ua({
   children: e,
   className: a
 }) {
@@ -2243,7 +2350,7 @@ function Ia({
     {
       className: n(
         "flex-1 flex items-center justify-center",
-        i("base", "gap"),
+        s("base", "gap"),
         "hidden md:flex",
         // Hidden on mobile, visible on desktop
         a
@@ -2253,14 +2360,14 @@ function Ia({
     }
   );
 }
-const ga = L(
+const xa = L(
   n(
     "w-full flex flex-col",
-    i("2xl", "py"),
+    s("2xl", "py"),
     // 40px vertical breathing room
-    i("lg", "px"),
+    s("lg", "px"),
     // 24px horizontal
-    i("xl", "gap-y")
+    s("xl", "gap-y")
     // 32px between major blocks
   ),
   {
@@ -2280,27 +2387,27 @@ const ga = L(
       align: "start"
     }
   }
-), xa = {
+), ha = {
   start: "items-start",
   center: "items-center"
-}, ba = {
+}, ya = {
   start: "justify-start",
   center: "justify-center"
-}, ha = _(
-  function(w, g) {
-    var N = w, {
+}, va = F(
+  function(N, g) {
+    var S = N, {
       kicker: a,
       title: r,
       description: t,
-      actions: s,
+      actions: i,
       kpis: c,
       meta: o,
       variant: d = "plain",
       align: p = "start",
-      className: x,
+      className: b,
       "aria-label": m,
-      "aria-labelledby": b
-    } = N, f = h(N, [
+      "aria-labelledby": x
+    } = S, u = h(S, [
       "kicker",
       "title",
       "description",
@@ -2313,29 +2420,29 @@ const ga = L(
       "aria-label",
       "aria-labelledby"
     ]);
-    const T = m != null || b != null, k = m != null ? m : typeof r == "string" ? r : void 0;
+    const T = m != null || x != null, k = m != null ? m : typeof r == "string" ? r : void 0;
     return typeof process != "undefined" && process.env.NODE_ENV !== "production" && !T && 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(u({
+      y(f({
         ref: g,
-        className: n(ga({ variant: d, align: p }), x),
+        className: n(xa({ variant: d, align: p }), b),
         "aria-label": k,
-        "aria-labelledby": b
-      }, f), {
+        "aria-labelledby": x
+      }, u), {
         children: [
           /* @__PURE__ */ v(
             "div",
             {
               className: n(
                 "flex flex-col",
-                i("md", "gap-y"),
-                xa[p]
+                s("md", "gap-y"),
+                ha[p]
               ),
               children: [
                 a ? /* @__PURE__ */ l(
-                  M,
+                  H,
                   {
                     as: "span",
                     variant: "caption",
@@ -2346,7 +2453,7 @@ const ga = L(
                   }
                 ) : null,
                 /* @__PURE__ */ l(
-                  M,
+                  H,
                   {
                     as: "h1",
                     variant: "heading",
@@ -2355,7 +2462,7 @@ const ga = L(
                   }
                 ),
                 t ? /* @__PURE__ */ l(
-                  M,
+                  H,
                   {
                     as: "p",
                     variant: "body",
@@ -2368,20 +2475,20 @@ const ga = L(
               ]
             }
           ),
-          s ? /* @__PURE__ */ l(
+          i ? /* @__PURE__ */ l(
             "div",
             {
               className: n(
                 "flex flex-wrap",
-                i("sm", "gap"),
-                ba[p]
+                s("sm", "gap"),
+                ya[p]
               ),
-              children: s
+              children: i
             }
           ) : null,
           c ? /* @__PURE__ */ l("div", { className: "w-full", children: c }) : null,
           o ? /* @__PURE__ */ l(
-            M,
+            H,
             {
               as: "p",
               variant: "caption",
@@ -2396,8 +2503,8 @@ const ga = L(
     );
   }
 );
-ha.displayName = "HeroSection";
-function Wa(r) {
+va.displayName = "HeroSection";
+function Ka(r) {
   var t = r, {
     className: e = ""
   } = t, a = h(t, [
@@ -2405,40 +2512,40 @@ function Wa(r) {
   ]);
   return /* @__PURE__ */ l(
     "div",
-    u({
+    f({
       role: "separator",
       className: `
         h-px
         bg-line-default
-        ${i("sm", "my")}
+        ${s("sm", "my")}
         ${e}
       `
     }, a)
   );
 }
-function Ua(t) {
-  var s = t, {
+function qa(t) {
+  var i = t, {
     orientation: e = "horizontal",
     className: a = ""
-  } = s, r = h(s, [
+  } = i, r = h(i, [
     "orientation",
     "className"
   ]);
   return e === "vertical" ? /* @__PURE__ */ l(
     "div",
-    u({
+    f({
       className: n("w-px", "h-6", "bg-line-default", "mx-auto", a),
       role: "separator",
       "aria-orientation": "vertical"
     }, r)
   ) : /* @__PURE__ */ l(
     "div",
-    u({
+    f({
       className: n(
         "w-full",
         "h-px",
         "bg-line-default",
-        i("sm", "my"),
+        s("sm", "my"),
         // my-2 (8px) para consistência com gap-2 usado em outros lugares
         "flex-shrink-0",
         // Prevenir que separator encolha
@@ -2454,14 +2561,14 @@ function Ua(t) {
     }, r)
   );
 }
-const ya = L(
+const wa = L(
   // Base classes
-  n("w-full", "flex", "flex-col", i("sm", "gap")),
+  n("w-full", "flex", "flex-col", s("sm", "gap")),
   {
     variants: {
       variant: {
-        default: n(i("base", "mb")),
-        compact: n(i("sm", "mb"))
+        default: n(s("base", "mb")),
+        compact: n(s("sm", "mb"))
       }
     },
     defaultVariants: {
@@ -2469,13 +2576,13 @@ const ya = L(
     }
   }
 );
-function Ka(d) {
+function Xa(d) {
   var p = d, {
     title: e,
     description: a,
     breadcrumb: r,
     actions: t,
-    variant: s = "default",
+    variant: i = "default",
     className: c
   } = p, o = h(p, [
     "title",
@@ -2485,29 +2592,29 @@ function Ka(d) {
     "variant",
     "className"
   ]);
-  return /* @__PURE__ */ v("div", y(u({ className: n(ya({ variant: s }), c) }, o), { children: [
-    r && r.length > 0 && /* @__PURE__ */ l(oa, { items: r }),
+  return /* @__PURE__ */ v("div", y(f({ className: n(wa({ variant: i }), c) }, o), { children: [
+    r && r.length > 0 && /* @__PURE__ */ l(da, { items: r }),
     /* @__PURE__ */ v(
       "div",
       {
-        className: `flex items-start justify-between ${i("base", "gap")}`,
+        className: `flex items-start justify-between ${s("base", "gap")}`,
         children: [
           /* @__PURE__ */ v("div", { className: "flex-1 min-w-0", children: [
             /* @__PURE__ */ l(
-              M,
+              H,
               {
                 variant: "heading",
                 as: "h1",
-                className: `${i("sm", "mb")} text-2xl font-bold`,
+                className: `${s("sm", "mb")} text-2xl font-bold`,
                 children: e
               }
             ),
-            a && /* @__PURE__ */ l(M, { variant: "body", className: "text-fg-secondary", children: a })
+            a && /* @__PURE__ */ l(H, { variant: "body", className: "text-fg-secondary", children: a })
           ] }),
           t && /* @__PURE__ */ l(
             "div",
             {
-              className: `flex items-center ${i("sm", "gap")} flex-shrink-0`,
+              className: `flex items-center ${s("sm", "gap")} flex-shrink-0`,
               children: t
             }
           )
@@ -2516,25 +2623,25 @@ function Ka(d) {
     )
   ] }));
 }
-const va = {
+const Na = {
   start: "items-start text-left",
   center: "items-center text-center"
-}, wa = {
+}, Sa = {
   neutral: "text-fg-tertiary",
   success: "text-fg-success",
   warning: "text-fg-warning",
   error: "text-fg-error"
 };
-function qa(p) {
-  var x = p, {
+function Ga(p) {
+  var b = p, {
     value: e,
     label: a,
     hint: r,
     icon: t,
-    align: s = "start",
+    align: i = "start",
     tone: c = "neutral",
     className: o
-  } = x, d = h(x, [
+  } = b, d = h(b, [
     "value",
     "label",
     "hint",
@@ -2546,12 +2653,12 @@ function qa(p) {
   const m = e == null;
   return /* @__PURE__ */ v(
     "div",
-    y(u({
+    y(f({
       className: n(
         "bg-surface-base flex-1 flex flex-col",
-        i("base", "p"),
-        i("xs", "gap-y"),
-        va[s],
+        s("base", "p"),
+        s("xs", "gap-y"),
+        Na[i],
         o
       )
     }, d), {
@@ -2566,23 +2673,23 @@ function qa(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: a }),
-        r ? /* @__PURE__ */ l("span", { className: n("text-xs", wa[c]), children: r }) : null
+        r ? /* @__PURE__ */ l("span", { className: n("text-xs", Sa[c]), children: r }) : null
       ]
     })
   );
 }
-const Na = {
+const $a = {
   2: "md:grid-cols-2",
   3: "md:grid-cols-3",
   4: "md:grid-cols-4"
 };
-function Xa(c) {
+function Ya(c) {
   var o = c, {
     layout: e = "grid",
     cols: a = 4,
     className: r,
     children: t
-  } = o, s = h(o, [
+  } = o, i = h(o, [
     "layout",
     "cols",
     "className",
@@ -2591,44 +2698,44 @@ function Xa(c) {
   const d = e === "grid";
   return /* @__PURE__ */ l(
     "div",
-    y(u({
+    y(f({
       className: n(
         "bg-line-default border border-line-default overflow-hidden gap-px",
         $("lg"),
-        d ? `grid grid-cols-2 ${Na[a]}` : "flex",
+        d ? `grid grid-cols-2 ${$a[a]}` : "flex",
         r
       )
-    }, s), {
+    }, i), {
       children: t
     })
   );
 }
-function Ga(s) {
-  var c = s, { column: e, row: a, className: r = "" } = c, t = h(c, ["column", "row", "className"]);
+function Za(i) {
+  var c = i, { column: e, row: a, className: r = "" } = c, t = h(c, ["column", "row", "className"]);
   const o = e.key in a ? a[e.key] : void 0;
   return /* @__PURE__ */ l(
     "td",
-    y(u({
-      className: `${i("lg", "px")} ${i("base", "py")} whitespace-nowrap text-sm text-fg-primary ${e.hiddenOnMobile ? "hidden md:table-cell" : ""} ${r}`
+    y(f({
+      className: `${s("lg", "px")} ${s("base", "py")} whitespace-nowrap text-sm text-fg-primary ${e.hiddenOnMobile ? "hidden md:table-cell" : ""} ${r}`
     }, t), {
       children: e.render ? e.render(o, a) : String(o != null ? o : "")
     })
   );
 }
-const Sa = L(n("flex items-center", "border-b"), {
+const ka = L(n("flex items-center", "border-b"), {
   variants: {
     variant: {
-      default: n("border-line-default", i("base", "gap-x")),
-      sub: n("border-line-muted", i("sm", "gap-x"))
+      default: n("border-line-default", s("base", "gap-x")),
+      sub: n("border-line-muted", s("sm", "gap-x"))
     }
   },
   defaultVariants: {
     variant: "default"
   }
-}), $a = L(
+}), Ca = L(
   n(
     "relative -mb-px inline-flex items-center",
-    i("xs", "gap-x"),
+    s("xs", "gap-x"),
     "border-b-2 border-transparent",
     "transition-colors",
     "focus:outline-none",
@@ -2641,14 +2748,14 @@ const Sa = L(n("flex items-center", "border-b"), {
     variants: {
       variant: {
         default: n(
-          i("sm", "px"),
-          i("sm", "py"),
-          S("body")
+          s("sm", "px"),
+          s("sm", "py"),
+          w("body")
         ),
         sub: n(
-          i("sm", "px"),
-          i("xs", "py"),
-          S("bodySmall")
+          s("sm", "px"),
+          s("xs", "py"),
+          w("bodySmall")
         )
       },
       active: {
@@ -2673,18 +2780,18 @@ const Sa = L(n("flex items-center", "border-b"), {
       active: !1
     }
   }
-), ka = n(
+), Ea = n(
   "inline-flex items-center justify-center",
   $("full"),
-  i("xs", "px"),
+  s("xs", "px"),
   "bg-surface-muted text-fg-secondary text-xs"
-), Ca = _(
-  function(x, p) {
-    var m = x, {
+), Ta = F(
+  function(b, p) {
+    var m = b, {
       items: a,
       variant: r = "default",
       linkComponent: t,
-      className: s,
+      className: i,
       "aria-label": c,
       "aria-labelledby": o
     } = m, d = h(m, [
@@ -2698,46 +2805,46 @@ const Sa = L(n("flex items-center", "border-b"), {
     typeof process != "undefined" && process.env.NODE_ENV !== "production" && !c && !o && 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 b = t != null ? t : "a";
+    const x = t != null ? t : "a";
     return /* @__PURE__ */ l(
       "nav",
-      y(u({
+      y(f({
         ref: p,
-        className: n(Sa({ variant: r }), s),
+        className: n(ka({ variant: r }), i),
         "aria-label": c,
         "aria-labelledby": o
       }, d), {
-        children: a.map((f, g) => /* @__PURE__ */ v(
-          b,
+        children: a.map((u, g) => /* @__PURE__ */ v(
+          x,
           {
-            href: f.href,
-            "aria-current": f.active ? "page" : void 0,
-            "data-active": f.active ? "true" : void 0,
-            className: $a({ variant: r, active: !!f.active }),
+            href: u.href,
+            "aria-current": u.active ? "page" : void 0,
+            "data-active": u.active ? "true" : void 0,
+            className: Ca({ variant: r, active: !!u.active }),
             children: [
-              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: ka, children: f.count }) : null
+              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: Ea, children: u.count }) : null
             ]
           },
-          f.href || g
+          u.href || g
         ))
       })
     );
   }
 );
-Ca.displayName = "TabsAsLinks";
-function Ya({
+Ta.displayName = "TabsAsLinks";
+function Ja({
   items: e,
   orientation: a = "vertical",
   className: r = ""
 }) {
-  return a === "horizontal" ? /* @__PURE__ */ l("div", { className: `flex items-start ${r}`, children: e.map((t, s) => {
-    const c = t.status || (s === 0 ? "active" : s < e.findIndex((d) => d.status === "active") ? "completed" : "default"), o = s === e.length - 1;
+  return a === "horizontal" ? /* @__PURE__ */ l("div", { className: `flex items-start ${r}`, children: e.map((t, i) => {
+    const c = t.status || (i === 0 ? "active" : i < e.findIndex((d) => d.status === "active") ? "completed" : "default"), o = i === e.length - 1;
     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(u({}, c === "default" ? { "data-marker": "pending" } : {}), {
+        y(f({}, c === "default" ? { "data-marker": "pending" } : {}), {
           className: `
                   flex
                   items-center
@@ -2748,7 +2855,7 @@ function Ya({
                   border-2
                   ${c === "completed" ? "bg-success border-success text-fg-inverse" : c === "active" ? "bg-surface-brand-strong border-line-brand text-fg-inverse" : c === "error" ? "bg-error border-error text-fg-inverse" : "bg-surface-base border-line-emphasis text-fg-quaternary"}
                 `,
-          children: t.icon || (c === "completed" ? /* @__PURE__ */ l(ne, { className: "h-4 w-4" }) : s + 1)
+          children: t.icon || (c === "completed" ? /* @__PURE__ */ l(ne, { className: "h-4 w-4" }) : i + 1)
         })
       ),
       !o && /* @__PURE__ */ l(
@@ -2757,7 +2864,7 @@ function Ya({
           className: `
                       w-full
                       h-0.5
-                      ${i("sm", "mt")}
+                      ${s("sm", "mt")}
                       ${c === "completed" ? "bg-success" : "bg-line-emphasis"}
                     `
         }
@@ -2765,12 +2872,12 @@ function Ya({
       /* @__PURE__ */ v(
         "div",
         {
-          className: `${i("base", "mt")} text-center ${i("base", "px")}`,
+          className: `${s("base", "mt")} text-center ${s("base", "px")}`,
           children: [
             t.timestamp && /* @__PURE__ */ l(
               "p",
               {
-                className: `text-xs text-fg-tertiary ${i("xs", "mb")}`,
+                className: `text-xs text-fg-tertiary ${s("xs", "mb")}`,
                 children: t.timestamp
               }
             ),
@@ -2778,26 +2885,26 @@ function Ya({
             t.description && /* @__PURE__ */ l(
               "p",
               {
-                className: `text-xs text-fg-secondary ${i("xs", "mt")}`,
+                className: `text-xs text-fg-secondary ${s("xs", "mt")}`,
                 children: t.description
               }
             ),
-            t.content && /* @__PURE__ */ l("div", { className: i("sm", "mt"), children: t.content })
+            t.content && /* @__PURE__ */ l("div", { className: s("sm", "mt"), children: t.content })
           ]
         }
       )
     ] }) }, t.id);
-  }) }) : /* @__PURE__ */ l("div", { className: `${i("none", "space-y")} ${r}`, children: e.map((t, s) => {
-    const c = t.status || (s === 0 ? "active" : s < e.findIndex((d) => d.status === "active") ? "completed" : "default"), o = s === e.length - 1;
+  }) }) : /* @__PURE__ */ l("div", { className: `${s("none", "space-y")} ${r}`, children: e.map((t, i) => {
+    const c = t.status || (i === 0 ? "active" : i < e.findIndex((d) => d.status === "active") ? "completed" : "default"), o = i === e.length - 1;
     return /* @__PURE__ */ v(
       "div",
       {
-        className: `flex items-start ${i("base", "gap")}`,
+        className: `flex items-start ${s("base", "gap")}`,
         children: [
           /* @__PURE__ */ v("div", { className: "flex flex-col items-center", children: [
             /* @__PURE__ */ l(
               "div",
-              y(u({}, c === "default" ? { "data-marker": "pending" } : {}), {
+              y(f({}, c === "default" ? { "data-marker": "pending" } : {}), {
                 className: `
                 flex
                 items-center
@@ -2808,7 +2915,7 @@ function Ya({
                 border-2
                 ${c === "completed" ? "bg-success border-success text-fg-inverse" : c === "active" ? "bg-surface-brand-strong border-line-brand text-fg-inverse" : c === "error" ? "bg-error border-error text-fg-inverse" : "bg-surface-base border-line-emphasis text-fg-quaternary"}
               `,
-                children: t.icon || (c === "completed" ? /* @__PURE__ */ l(ne, { className: "h-4 w-4" }) : s + 1)
+                children: t.icon || (c === "completed" ? /* @__PURE__ */ l(ne, { className: "h-4 w-4" }) : i + 1)
               })
             ),
             !o && /* @__PURE__ */ l(
@@ -2818,17 +2925,17 @@ function Ya({
                     w-0.5
                     flex-1
                     min-h-16
-                    ${i("sm", "mt")}
+                    ${s("sm", "mt")}
                     ${c === "completed" ? "bg-success" : "bg-line-emphasis"}
                   `
               }
             )
           ] }),
-          /* @__PURE__ */ v("div", { className: `flex-1 ${i("xl", "pb")}`, children: [
+          /* @__PURE__ */ v("div", { className: `flex-1 ${s("xl", "pb")}`, children: [
             t.timestamp && /* @__PURE__ */ l(
               "p",
               {
-                className: `text-xs text-fg-tertiary ${i("xs", "mb")}`,
+                className: `text-xs text-fg-tertiary ${s("xs", "mb")}`,
                 children: t.timestamp
               }
             ),
@@ -2846,11 +2953,11 @@ function Ya({
             t.description && /* @__PURE__ */ l(
               "p",
               {
-                className: `text-sm text-fg-secondary ${i("xs", "mt")}`,
+                className: `text-sm text-fg-secondary ${s("xs", "mt")}`,
                 children: t.description
               }
             ),
-            t.content && /* @__PURE__ */ l("div", { className: i("md", "mt"), children: t.content })
+            t.content && /* @__PURE__ */ l("div", { className: s("md", "mt"), children: t.content })
           ] })
         ]
       },
@@ -2860,41 +2967,42 @@ function Ya({
 }
 export {
   Ee as Badge,
-  oa as Breadcrumb,
+  da as Breadcrumb,
   Ie as Button,
   W as Card,
-  fa as CardActions,
-  pa as CardBody,
-  ca as CardHeader,
-  ua as CardSubtitle,
-  da as CardTitle,
+  ma as CardActions,
+  ga as CardBody,
+  ua as CardHeader,
+  pa as CardSubtitle,
+  fa as CardTitle,
   We as Chip,
-  ia as Container,
-  Oa as DialogFooter,
-  Ra as DialogHeader,
-  Ba as DrawerFooter,
-  Ma as DrawerHeader,
-  _a as ErrorMessage,
-  Ha as FilterChips,
-  Pa as HeaderActions,
-  Ia as HeaderNavigation,
-  ha as HeroSection,
-  ja as Info,
-  qe as InputBase,
-  Ye as Label,
-  Wa as MenuSeparator,
-  Ua as NavbarSeparator,
-  Ka as PageHeader,
-  Qe as Progress,
-  ta as Separator,
-  za as Skeleton,
+  oa as Container,
+  Ke as DataBadge,
+  Ma as DialogFooter,
+  Oa as DialogHeader,
+  Pa as DrawerFooter,
+  Ha as DrawerHeader,
+  ja as ErrorMessage,
+  Ia as FilterChips,
+  Wa as HeaderActions,
+  Ua as HeaderNavigation,
+  va as HeroSection,
+  Ra as Info,
+  Ge as InputBase,
+  Je as Label,
+  Ka as MenuSeparator,
+  qa as NavbarSeparator,
+  Xa as PageHeader,
+  aa as Progress,
+  na as Separator,
+  Ba as Skeleton,
   fe as Spinner,
-  la as Stack,
-  qa as Stat,
-  Xa as StatGroup,
-  Ga as TableCell,
-  Ca as TabsAsLinks,
-  M as Text,
-  Ya as Timeline
+  ca as Stack,
+  Ga as Stat,
+  Ya as StatGroup,
+  Za as TableCell,
+  Ta as TabsAsLinks,
+  H as Text,
+  Ja as Timeline
 };
 //# sourceMappingURL=index.js.map