@fabio.caffarello/react-design-system 3.2.0 → 3.3.1

package/dist/server/index.js

@@ -20,14 +20,14 @@ var h = (r, a) => {
   return n;
 };
 var Q = (r, a, n) => K(r, typeof a != "symbol" ? a + "" : a, n);
-import { jsx as d, jsxs as C } from "react/jsx-runtime";
+import { jsx as c, jsxs as z } from "react/jsx-runtime";
 import * as S from "react";
-import re, { memo as H, forwardRef as j } from "react";
+import re, { memo as H, forwardRef as O } from "react";
 import { clsx as de } from "clsx";
 import { twMerge as ce } from "tailwind-merge";
 import { cva as fe } from "class-variance-authority";
 import { X as pe, AlertCircle as ue, Loader2 as me, CheckCircle2 as J } from "lucide-react";
-class I {
+class A {
   /**
    * Create a radius token
    */
@@ -84,16 +84,16 @@ class I {
   }
 }
 const be = {
-  none: I.create("none"),
-  sm: I.create("sm"),
-  md: I.create("md"),
-  lg: I.create("lg"),
-  xl: I.create("xl"),
-  "2xl": I.create("2xl"),
-  "3xl": I.create("3xl"),
-  full: I.create("full")
+  none: A.create("none"),
+  sm: A.create("sm"),
+  md: A.create("md"),
+  lg: A.create("lg"),
+  xl: A.create("xl"),
+  "2xl": A.create("2xl"),
+  "3xl": A.create("3xl"),
+  full: A.create("full")
 };
-function M(r) {
+function C(r) {
   return be[r].tailwind;
 }
 class k {
@@ -317,7 +317,7 @@ function D(r) {
   const a = Y[r];
   return `${a.fontSize.tailwind} ${a.lineHeight.tailwind} ${a.fontWeight.tailwind}`;
 }
-function L(r) {
+function M(r) {
   return Y[r].fontSize.tailwind;
 }
 function B(r) {
@@ -326,20 +326,20 @@ function B(r) {
 function l(...r) {
   return ce(de(r));
 }
-const R = (r, a) => {
+const j = (r, a) => {
   const n = fe(r, a);
   return ((t) => {
     const i = n(t);
     return l(i);
   });
-}, xe = R(
+}, xe = j(
   // Base classes
   l(
     "inline-flex",
     "items-center",
     "justify-center",
     B("label"),
-    M("md"),
+    C("md"),
     "border"
   ),
   {
@@ -357,17 +357,17 @@ const R = (r, a) => {
         sm: l(
           o("1.5", "px"),
           o("0.5", "py"),
-          L("caption")
+          M("caption")
         ),
         md: l(
           o("sm", "px"),
           o("xs", "py"),
-          L("caption")
+          M("caption")
         ),
         lg: l(
           o("sm", "px"),
           o("xs", "py"),
-          L("bodySmall")
+          M("bodySmall")
         )
       },
       style: {
@@ -471,14 +471,14 @@ const R = (r, a) => {
     }
   }
 ), ye = H(
-  j(function(b, p) {
+  O(function(b, p) {
     var u = b, {
       variant: a = "neutral",
       size: n = "md",
       style: t = "solid",
       className: i = "",
       children: s,
-      "aria-label": c
+      "aria-label": d
     } = u, f = h(u, [
       "variant",
       "size",
@@ -489,15 +489,15 @@ const R = (r, a) => {
     ]);
     const x = l(xe({ variant: a, size: n, style: t }), i);
     let g;
-    if (c)
-      g = c;
+    if (d)
+      g = d;
     else if (typeof s == "string")
       g = s;
     else if (typeof s == "object" && s !== null && "props" in s) {
       const y = s.props;
       y != null && y.children && typeof y.children == "string" && (g = y.children);
     }
-    return /* @__PURE__ */ d(
+    return /* @__PURE__ */ c(
       "span",
       v(m({
         ref: p,
@@ -542,14 +542,14 @@ function ne(r) {
 // @__NO_SIDE_EFFECTS__
 function ke(r) {
   const a = /* @__PURE__ */ Ne(r), n = S.forwardRef((t, i) => {
-    let b = t, { children: s } = b, c = h(b, ["children"]);
+    let b = t, { children: s } = b, d = h(b, ["children"]);
     ne(s) && typeof U == "function" && (s = U(s._payload));
     const f = S.Children.toArray(s), p = f.find(Te);
     if (p) {
       const u = p.props.children, x = f.map((g) => g === p ? S.Children.count(u) > 1 ? S.Children.only(null) : S.isValidElement(u) ? u.props.children : null : g);
-      return /* @__PURE__ */ d(a, v(m({}, c), { ref: i, children: S.isValidElement(u) ? S.cloneElement(u, void 0, x) : null }));
+      return /* @__PURE__ */ c(a, v(m({}, d), { ref: i, children: S.isValidElement(u) ? S.cloneElement(u, void 0, x) : null }));
     }
-    return /* @__PURE__ */ d(a, v(m({}, c), { ref: i, children: s }));
+    return /* @__PURE__ */ c(a, v(m({}, d), { ref: i, children: s }));
   });
   return n.displayName = `${r}.Slot`, n;
 }
@@ -557,7 +557,7 @@ var $e = /* @__PURE__ */ ke("Slot");
 // @__NO_SIDE_EFFECTS__
 function Ne(r) {
   const a = S.forwardRef((n, t) => {
-    let c = n, { children: i } = c, s = h(c, ["children"]);
+    let d = n, { children: i } = d, s = h(d, ["children"]);
     if (ne(i) && typeof U == "function" && (i = U(i._payload)), S.isValidElement(i)) {
       const f = Me(i), p = Ce(s, i.props);
       return i.type !== S.Fragment && (p.ref = t ? he(t, f) : f), S.cloneElement(i, p);
@@ -586,13 +586,13 @@ function Me(r) {
   let a = (t = Object.getOwnPropertyDescriptor(r.props, "ref")) == null ? void 0 : t.get, n = a && "isReactWarning" in a && a.isReactWarning;
   return n ? r.ref : (a = (i = Object.getOwnPropertyDescriptor(r, "ref")) == null ? void 0 : i.get, n = a && "isReactWarning" in a && a.isReactWarning, n ? r.props.ref : r.props.ref || r.ref);
 }
-const ae = R(
+const ae = j(
   // Base classes
   l(
     "inline-flex",
     "items-center",
     "font-medium",
-    M("full"),
+    C("full"),
     o("xs", "gap")
   ),
   {
@@ -621,17 +621,17 @@ const ae = R(
         sm: l(
           o("xs", "px"),
           o("xs", "py"),
-          L("caption")
+          M("caption")
         ),
         md: l(
           o("sm", "px"),
           o("xs", "py"),
-          L("bodySmall")
+          M("bodySmall")
         ),
         lg: l(
           o("md", "px"),
           o("sm", "py"),
-          L("body")
+          M("body")
         )
       },
       selected: {
@@ -675,12 +675,12 @@ const ae = R(
       disabled: !1
     }
   }
-), Le = j(function(a, n) {
+), Le = O(function(a, n) {
   const {
     children: t,
     variant: i = "default",
     size: s = "md",
-    selected: c = !1,
+    selected: d = !1,
     disabled: f = !1,
     className: p = "",
     "aria-label": b,
@@ -696,12 +696,12 @@ const ae = R(
     }
   })();
   if (x)
-    return /* @__PURE__ */ d(
+    return /* @__PURE__ */ c(
       $e,
       {
         ref: n,
         className: l(
-          ae({ variant: i, size: s, selected: c, disabled: f }),
+          ae({ variant: i, size: s, selected: d, disabled: f }),
           p
         ),
         "aria-label": b,
@@ -710,30 +710,30 @@ const ae = R(
         children: t
       }
     );
-  const { onRemove: T, onClick: z } = a, q = z !== void 0, _ = q && !f, ie = (F) => {
-    f || (F.key === "Enter" || F.key === " ") && (F.preventDefault(), z == null || z());
+  const { onRemove: T, onClick: L } = a, q = L !== void 0, R = q && !f, ie = (F) => {
+    f || (F.key === "Enter" || F.key === " ") && (F.preventDefault(), L == null || L());
   };
-  return /* @__PURE__ */ C(
+  return /* @__PURE__ */ z(
     "div",
     {
       ref: n,
       className: l(
-        ae({ variant: i, size: s, selected: c, disabled: f }),
+        ae({ variant: i, size: s, selected: d, disabled: f }),
         T && o("xs", "pr"),
         p
       ),
       "aria-disabled": f,
       children: [
-        q ? /* @__PURE__ */ d(
+        q ? /* @__PURE__ */ c(
           "button",
           {
             type: "button",
-            onClick: f ? void 0 : z,
+            onClick: f ? void 0 : L,
             onKeyDown: ie,
             disabled: f,
-            "aria-pressed": c ? !0 : void 0,
+            "aria-pressed": d ? !0 : void 0,
             "aria-label": b || y,
-            tabIndex: u !== void 0 ? u : _ ? 0 : void 0,
+            tabIndex: u !== void 0 ? u : R ? 0 : void 0,
             className: l(
               "flex-1",
               "bg-transparent",
@@ -746,12 +746,12 @@ const ae = R(
               "focus:ring-2",
               "focus:ring-line-focus",
               "focus:ring-offset-2",
-              M("full")
+              C("full")
             ),
             children: t
           }
-        ) : /* @__PURE__ */ d("span", { children: t }),
-        T && !f && /* @__PURE__ */ d(
+        ) : /* @__PURE__ */ c("span", { children: t }),
+        T && !f && /* @__PURE__ */ c(
           "button",
           {
             type: "button",
@@ -761,7 +761,7 @@ const ae = R(
             className: l(
               o("xs", "ml"),
               "hover:bg-tint-hover",
-              M("full"),
+              C("full"),
               o("xs", "p"),
               "transition-colors",
               "focus:outline-none",
@@ -770,7 +770,7 @@ const ae = R(
               "focus:ring-offset-1"
             ),
             "aria-label": `Remove ${y || "chip"}`,
-            children: /* @__PURE__ */ d(pe, { className: "h-3 w-3", "aria-hidden": "true" })
+            children: /* @__PURE__ */ c(pe, { className: "h-3 w-3", "aria-hidden": "true" })
           }
         )
       ]
@@ -778,7 +778,7 @@ const ae = R(
   );
 });
 Le.displayName = "Chip";
-function ia(i) {
+function na(i) {
   var s = i, {
     message: r,
     id: a,
@@ -788,20 +788,20 @@ function ia(i) {
     "id",
     "className"
   ]);
-  const c = [
+  const d = [
     o("xs", "mt"),
-    L("bodySmall"),
+    M("bodySmall"),
     "text-fg-error",
     "flex",
     "items-center",
     o("xs", "gap")
-  ], f = l(...c, n);
-  return /* @__PURE__ */ C("div", v(m({ role: "alert", id: a, className: f, "aria-live": "polite" }, t), { children: [
-    /* @__PURE__ */ d(ue, { className: "h-4 w-4 shrink-0", "aria-hidden": "true" }),
-    /* @__PURE__ */ d("span", { children: r })
+  ], f = l(...d, n);
+  return /* @__PURE__ */ z("div", v(m({ role: "alert", id: a, className: f, "aria-live": "polite" }, t), { children: [
+    /* @__PURE__ */ c(ue, { className: "h-4 w-4 shrink-0", "aria-hidden": "true" }),
+    /* @__PURE__ */ c("span", { children: r })
   ] }));
 }
-function sa(t) {
+function ia(t) {
   var i = t, {
     variant: r = "info",
     className: a
@@ -814,7 +814,7 @@ function sa(t) {
     error: l("bg-error-bg", "text-error-dark", "border-error"),
     info: l("bg-info-bg", "text-info-dark", "border-info")
   };
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ c(
     "div",
     m({
       role: "alert",
@@ -822,7 +822,7 @@ function sa(t) {
         "border",
         o("base", "px"),
         o("sm", "py"),
-        M("lg"),
+        C("lg"),
         s[r],
         a
       )
@@ -831,7 +831,7 @@ function sa(t) {
 }
 const ze = l(
   "block",
-  L("label"),
+  M("label"),
   B("label"),
   "text-fg-primary"
 ), Fe = {
@@ -847,20 +847,20 @@ const ze = l(
     "after:text-fg-tertiary",
     "after:font-normal"
   )
-}, Ae = H(
-  j(function(c, s) {
-    var f = c, { variant: a = "default", className: n = "", children: t } = f, i = h(f, ["variant", "className", "children"]);
+}, Ee = H(
+  O(function(d, s) {
+    var f = d, { variant: a = "default", className: n = "", children: t } = f, i = h(f, ["variant", "className", "children"]);
     const p = l(
       ze,
       Fe[a],
       n
     );
-    return /* @__PURE__ */ d("label", v(m({ ref: s, className: p }, i), { children: t }));
+    return /* @__PURE__ */ c("label", v(m({ ref: s, className: p }, i), { children: t }));
   })
 );
-Ae.displayName = "Label";
+Ee.displayName = "Label";
 function w(r, a, n) {
-  const t = Ee(r), i = Ie(r);
+  const t = Ie(r), i = Ae(r);
   return {
     hex: r,
     rgb: t,
@@ -869,19 +869,19 @@ function w(r, a, n) {
     tailwind: `${a}-${n}`
   };
 }
-function Ee(r) {
+function Ie(r) {
   const a = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(r);
   return a ? `${parseInt(a[1], 16)}, ${parseInt(a[2], 16)}, ${parseInt(a[3], 16)}` : "0, 0, 0";
 }
-function Ie(r) {
+function Ae(r) {
   const a = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(r);
   if (!a) return "0, 0%, 0%";
-  const n = parseInt(a[1], 16) / 255, t = parseInt(a[2], 16) / 255, i = parseInt(a[3], 16) / 255, s = Math.max(n, t, i), c = Math.min(n, t, i);
+  const n = parseInt(a[1], 16) / 255, t = parseInt(a[2], 16) / 255, i = parseInt(a[3], 16) / 255, s = Math.max(n, t, i), d = Math.min(n, t, i);
   let f = 0, p = 0;
-  const b = (s + c) / 2;
-  if (s !== c) {
-    const u = s - c;
-    switch (p = b > 0.5 ? u / (2 - s - c) : u / (s + c), s) {
+  const b = (s + d) / 2;
+  if (s !== d) {
+    const u = s - d;
+    switch (p = b > 0.5 ? u / (2 - s - d) : u / (s + d), s) {
       case n:
         f = ((t - i) / u + (t < i ? 6 : 0)) / 6;
         break;
@@ -914,12 +914,12 @@ function We(r) {
 function De(r) {
   const a = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(r);
   if (!a) return "0, 0%, 0%";
-  const n = parseInt(a[1], 16) / 255, t = parseInt(a[2], 16) / 255, i = parseInt(a[3], 16) / 255, s = Math.max(n, t, i), c = Math.min(n, t, i);
+  const n = parseInt(a[1], 16) / 255, t = parseInt(a[2], 16) / 255, i = parseInt(a[3], 16) / 255, s = Math.max(n, t, i), d = Math.min(n, t, i);
   let f = 0, p = 0;
-  const b = (s + c) / 2;
-  if (s !== c) {
-    const u = s - c;
-    switch (p = b > 0.5 ? u / (2 - s - c) : u / (s + c), s) {
+  const b = (s + d) / 2;
+  if (s !== d) {
+    const u = s - d;
+    switch (p = b > 0.5 ? u / (2 - s - d) : u / (s + d), s) {
       case n:
         f = ((t - i) / u + (t < i ? 6 : 0)) / 6;
         break;
@@ -1008,7 +1008,7 @@ const Ve = {
 function X(r) {
   return Ve[r].tailwind;
 }
-class A {
+class E {
   /**
    * Create a border width token
    */
@@ -1052,8 +1052,8 @@ class A {
     };
   }
 }
-A.create("none"), A.create("thin"), A.create("base"), A.create("medium"), A.create("thick"), A.create("thin", "dashed"), A.create("base", "dashed"), A.create("thin", "dotted"), A.create("base", "dotted");
-class O {
+E.create("none"), E.create("thin"), E.create("base"), E.create("medium"), E.create("thick"), E.create("thin", "dashed"), E.create("base", "dashed"), E.create("thin", "dotted"), E.create("base", "dotted");
+class _ {
   /**
    * Create breakpoint token
    */
@@ -1074,7 +1074,7 @@ class O {
     };
   }
 }
-O.create("sm"), O.create("md"), O.create("lg"), O.create("xl"), O.create("2xl");
+_.create("sm"), _.create("md"), _.create("lg"), _.create("xl"), _.create("2xl");
 class W {
   /**
    * Create an animation token
@@ -1132,7 +1132,7 @@ class W {
    * Create a transition token
    */
   static createTransition(a, n = "base", t = "ease-in-out") {
-    const i = this.create(n, t), s = Array.isArray(a) ? a.join(", ") : a, c = [
+    const i = this.create(n, t), s = Array.isArray(a) ? a.join(", ") : a, d = [
       i.duration.tailwind,
       i.easing.tailwind
     ].join(" ");
@@ -1140,7 +1140,7 @@ class W {
       property: s,
       duration: i.duration.value,
       timingFunction: i.easing.value,
-      tailwind: c
+      tailwind: d
     };
   }
 }
@@ -1148,7 +1148,7 @@ W.create("fast"), W.create("base"), W.create("slow"), W.create("slower"), W.crea
   ["color", "background-color", "border-color"],
   "base"
 ), W.createTransition("opacity", "fast"), W.createTransition("transform", "base"), W.createTransition("all", "base");
-class E {
+class I {
   /**
    * Create a z-index token
    */
@@ -1202,7 +1202,7 @@ class E {
     }[a];
   }
 }
-E.create("base"), E.create("dropdown"), E.create("sticky"), E.create("fixed"), E.create("modal-backdrop"), E.create("modal"), E.create("popover"), E.create("tooltip"), E.create("toast");
+I.create("base"), I.create("dropdown"), I.create("sticky"), I.create("fixed"), I.create("modal-backdrop"), I.create("modal"), I.create("popover"), I.create("tooltip"), I.create("toast");
 class N {
   /**
    * Create an opacity token
@@ -1250,7 +1250,7 @@ class N {
   }
 }
 N.create(0), N.create(5), N.create(10), N.create(20), N.create(25), N.create(30), N.create(40), N.create(50), N.create(60), N.create(70), N.create(75), N.create(80), N.create(90), N.create(95), N.create(100);
-const je = R("w-full", {
+const je = j("w-full", {
   variants: {
     size: {
       sm: "h-1",
@@ -1270,7 +1270,7 @@ const je = R("w-full", {
     size: "md",
     variant: "primary"
   }
-}), te = R("transition-all", {
+}), te = j("transition-all", {
   variants: {
     variant: {
       primary: "bg-surface-brand",
@@ -1284,14 +1284,14 @@ const je = R("w-full", {
   defaultVariants: {
     variant: "primary"
   }
-}), Re = j(function(x, u) {
+}), Re = O(function(x, u) {
   var g = x, {
     value: a,
     max: n = 100,
     variant: t = "primary",
     size: i = "md",
     showLabel: s = !1,
-    label: c,
+    label: d,
     "aria-label": f,
     className: p = ""
   } = g, b = h(g, [
@@ -1304,9 +1304,9 @@ const je = R("w-full", {
     "aria-label",
     "className"
   ]);
-  const y = a === void 0, T = y ? void 0 : Math.min(Math.max(a / n * 100, 0), 100), z = f || (y ? "Loading in progress" : `Progress: ${T == null ? void 0 : T.toFixed(0)}%`);
-  return /* @__PURE__ */ C("div", v(m({ ref: u, className: l("w-full", p) }, b), { children: [
-    s && (c || !y) && /* @__PURE__ */ C(
+  const y = a === void 0, T = y ? void 0 : Math.min(Math.max(a / n * 100, 0), 100), L = f || (y ? "Loading in progress" : `Progress: ${T == null ? void 0 : T.toFixed(0)}%`);
+  return /* @__PURE__ */ z("div", v(m({ ref: u, className: l("w-full", p) }, b), { children: [
+    s && (d || !y) && /* @__PURE__ */ z(
       "div",
       {
         className: l(
@@ -1316,22 +1316,22 @@ const je = R("w-full", {
           o("xs", "mb")
         ),
         children: [
-          c && /* @__PURE__ */ d(
+          d && /* @__PURE__ */ c(
             "span",
             {
               className: l(
-                L("bodySmall"),
+                M("bodySmall"),
                 B("label"),
                 "text-fg-primary"
               ),
-              children: c
+              children: d
             }
           ),
-          !y && T !== void 0 && /* @__PURE__ */ C(
+          !y && T !== void 0 && /* @__PURE__ */ z(
             "span",
             {
               className: l(
-                L("bodySmall"),
+                M("bodySmall"),
                 "text-fg-secondary"
               ),
               children: [
@@ -1343,23 +1343,23 @@ const je = R("w-full", {
         ]
       }
     ),
-    /* @__PURE__ */ d(
+    /* @__PURE__ */ c(
       "div",
       {
         role: "progressbar",
         "aria-valuemin": y ? void 0 : 0,
         "aria-valuemax": y ? void 0 : n,
         "aria-valuenow": y ? void 0 : a,
-        "aria-label": z,
+        "aria-label": L,
         "aria-busy": y,
         className: l(
           "relative",
           "w-full",
           "overflow-hidden",
           je({ size: i, variant: t }),
-          M("full")
+          C("full")
         ),
-        children: y ? /* @__PURE__ */ d(
+        children: y ? /* @__PURE__ */ c(
           "div",
           {
             className: l(
@@ -1368,7 +1368,7 @@ const je = R("w-full", {
               "left-0",
               "bottom-0",
               te({ variant: t }),
-              M("full"),
+              C("full"),
               "motion-reduce:animate-none"
             ),
             style: {
@@ -1376,13 +1376,13 @@ const je = R("w-full", {
               animation: "progress-indeterminate 1.5s ease-in-out infinite"
             }
           }
-        ) : /* @__PURE__ */ d(
+        ) : /* @__PURE__ */ c(
           "div",
           {
             className: l(
               "h-full",
               te({ variant: t }),
-              M("full"),
+              C("full"),
               "transition-all",
               "duration-300",
               "ease-out"
@@ -1401,16 +1401,16 @@ Re.displayName = "Progress";
 const _e = {
   horizontal: "w-full border-t",
   vertical: "h-full border-l self-stretch"
-}, Oe = {
+}, Be = {
   solid: "border-solid",
   dashed: "border-dashed",
   dotted: "border-dotted"
-}, Be = H(function(s) {
-  var c = s, {
+}, He = H(function(s) {
+  var d = s, {
     orientation: a = "horizontal",
     variant: n = "solid",
     className: t = ""
-  } = c, i = h(c, [
+  } = d, i = h(d, [
     "orientation",
     "variant",
     "className"
@@ -1419,17 +1419,17 @@ const _e = {
     "border-0",
     "border-line-default",
     _e[a],
-    Oe[n],
+    Be[n],
     t
   );
-  return a === "vertical" ? /* @__PURE__ */ d(
+  return a === "vertical" ? /* @__PURE__ */ c(
     "div",
     m({
       className: f,
       role: "separator",
       "aria-orientation": "vertical"
     }, i)
-  ) : /* @__PURE__ */ d(
+  ) : /* @__PURE__ */ c(
     "hr",
     m({
       className: f,
@@ -1438,8 +1438,8 @@ const _e = {
     }, i)
   );
 });
-Be.displayName = "Separator";
-function la(f) {
+He.displayName = "Separator";
+function sa(f) {
   var p = f, {
     variant: r = "text",
     width: a,
@@ -1447,7 +1447,7 @@ function la(f) {
     lines: t = 1,
     className: i = "",
     "aria-label": s
-  } = p, c = h(p, [
+  } = p, d = h(p, [
     "variant",
     "width",
     "height",
@@ -1458,34 +1458,34 @@ function la(f) {
   const b = [
     "motion-safe:animate-pulse",
     "bg-surface-muted",
-    M("sm")
+    C("sm")
   ], u = {
     text: "h-4",
     card: "h-32",
     list: "h-12",
-    circle: M("full")
+    circle: C("full")
   }, x = l(...b, u[r], i), g = {};
   a && (g.width = a), n && (g.height = n);
   const y = s || `Loading ${r} content`;
-  return r === "text" && t > 1 ? /* @__PURE__ */ d(
+  return r === "text" && t > 1 ? /* @__PURE__ */ c(
     "div",
     v(m({
       className: o("sm", "space-y"),
       role: "status",
       "aria-busy": "true",
       "aria-label": y
-    }, c), {
-      children: Array.from({ length: t }).map((T, z) => /* @__PURE__ */ d(
+    }, d), {
+      children: Array.from({ length: t }).map((T, L) => /* @__PURE__ */ c(
         "div",
         {
           className: x,
-          style: z === t - 1 ? { width: "75%" } : g,
+          style: L === t - 1 ? { width: "75%" } : g,
           "aria-hidden": "true"
         },
-        z
+        L
       ))
     })
-  ) : /* @__PURE__ */ d(
+  ) : /* @__PURE__ */ c(
     "div",
     m({
       className: x,
@@ -1493,10 +1493,10 @@ function la(f) {
       role: "status",
       "aria-busy": "true",
       "aria-label": y
-    }, c)
+    }, d)
   );
 }
-const He = R("motion-safe:animate-spin", {
+const Oe = j("motion-safe:animate-spin", {
   variants: {
     size: {
       sm: "h-4 w-4",
@@ -1513,8 +1513,8 @@ const He = R("motion-safe:animate-spin", {
     size: "md",
     variant: "primary"
   }
-}), Pe = H(function(c) {
-  var f = c, {
+}), Pe = H(function(d) {
+  var f = d, {
     size: a = "md",
     variant: n = "primary",
     label: t,
@@ -1525,7 +1525,7 @@ const He = R("motion-safe:animate-spin", {
     "label",
     "className"
   ]);
-  return /* @__PURE__ */ C(
+  return /* @__PURE__ */ z(
     "div",
     v(m({
       className: l("inline-flex", "items-center", i),
@@ -1534,19 +1534,19 @@ const He = R("motion-safe:animate-spin", {
       "aria-live": "polite"
     }, s), {
       children: [
-        /* @__PURE__ */ d(
+        /* @__PURE__ */ c(
           me,
           {
-            className: l(He({ size: a, variant: n })),
+            className: l(Oe({ size: a, variant: n })),
             "aria-hidden": "true"
           }
         ),
-        t && /* @__PURE__ */ d(
+        t && /* @__PURE__ */ c(
           "span",
           {
             className: l(
               o("sm", "ml"),
-              L("bodySmall"),
+              M("bodySmall"),
               "text-fg-secondary",
               "sr-only"
             ),
@@ -1618,7 +1618,7 @@ function qe(b, p) {
     className: t,
     as: i,
     colorRole: s = "neutral",
-    colorShade: c = "dark"
+    colorShade: d = "dark"
   } = u, f = h(u, [
     "variant",
     "bold",
@@ -1644,9 +1644,9 @@ function qe(b, p) {
         g = "p";
         break;
     }
-  return r === "heading" ? x.push(D("h2")) : r === "body" || r === "paragraph" ? x.push(D("body")) : r === "bodySmall" ? x.push(D("bodySmall")) : r === "bodyLarge" ? x.push(D("bodyLarge")) : r === "caption" ? x.push(D("caption")) : r === "label" ? x.push(D("label")) : x.push(D("body")), a && x.push("font-bold"), n && x.push("italic"), x.push(Ue[s][c]), /* @__PURE__ */ d(g, m({ ref: p, className: l(...x, t) }, f));
+  return r === "heading" ? x.push(D("h2")) : r === "body" || r === "paragraph" ? x.push(D("body")) : r === "bodySmall" ? x.push(D("bodySmall")) : r === "bodyLarge" ? x.push(D("bodyLarge")) : r === "caption" ? x.push(D("caption")) : r === "label" ? x.push(D("label")) : x.push(D("body")), a && x.push("font-bold"), n && x.push("italic"), x.push(Ue[s][d]), /* @__PURE__ */ c(g, m({ ref: p, className: l(...x, t) }, f));
 }
-const oa = j(qe), Ke = {
+const la = O(qe), Ke = {
   sm: "max-w-screen-sm",
   md: "max-w-screen-md",
   lg: "max-w-screen-lg",
@@ -1662,7 +1662,7 @@ const oa = j(qe), Ke = {
       paddingY: t = "base",
       center: i = !0,
       children: s
-    } = b, c = h(b, [
+    } = b, d = h(b, [
       "className",
       "maxWidth",
       "paddingX",
@@ -1670,7 +1670,7 @@ const oa = j(qe), Ke = {
       "center",
       "children"
     ]);
-    return /* @__PURE__ */ d(
+    return /* @__PURE__ */ c(
       "div",
       v(m({
         ref: f,
@@ -1682,7 +1682,7 @@ const oa = j(qe), Ke = {
           i && "mx-auto",
           r
         )
-      }, c), {
+      }, d), {
         children: s
       })
     );
@@ -1698,7 +1698,7 @@ const Ye = re.forwardRef(
       justify: t = "start",
       direction: i = "column",
       children: s
-    } = b, c = h(b, [
+    } = b, d = h(b, [
       "className",
       "spacing",
       "align",
@@ -1719,7 +1719,7 @@ const Ye = re.forwardRef(
       around: "justify-around",
       evenly: "justify-evenly"
     };
-    return /* @__PURE__ */ d(
+    return /* @__PURE__ */ c(
       "div",
       v(m({
         ref: f,
@@ -1731,48 +1731,14 @@ const Ye = re.forwardRef(
           g[t],
           r
         )
-      }, c), {
+      }, d), {
         children: s
       })
     );
   }
 );
 Ye.displayName = "Stack";
-const Ze = j(
-  function({ option: a, isHighlighted: n, onSelect: t }, i) {
-    const s = () => {
-      a.disabled || t(a);
-    };
-    return /* @__PURE__ */ C(
-      "div",
-      {
-        ref: i,
-        role: "option",
-        "aria-selected": n,
-        "aria-disabled": a.disabled,
-        onClick: s,
-        className: `
-          flex
-          items-center
-          ${o("sm", "gap")}
-          ${o("sm", "px")}
-          ${o("sm", "py")}
-          text-sm
-          cursor-pointer
-          transition-colors
-          ${n ? "bg-surface-active" : ""}
-          ${a.disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-surface-hover"}
-        `,
-        children: [
-          a.icon && /* @__PURE__ */ d("span", { className: "flex-shrink-0", children: a.icon }),
-          /* @__PURE__ */ d("span", { className: "flex-1", children: a.label })
-        ]
-      }
-    );
-  }
-);
-Ze.displayName = "AutocompleteOption";
-function da(i) {
+function oa(i) {
   var s = i, {
     items: r,
     separator: a = "/",
@@ -1782,20 +1748,20 @@ function da(i) {
     "separator",
     "className"
   ]);
-  const c = [
+  const d = [
     "flex",
     "items-center",
     o("sm", "space-x"),
-    L("bodySmall")
-  ], f = l(...c, n);
-  return /* @__PURE__ */ d("nav", v(m({ "aria-label": "Breadcrumb", className: f }, t), { children: /* @__PURE__ */ d(
+    M("bodySmall")
+  ], f = l(...d, n);
+  return /* @__PURE__ */ c("nav", v(m({ "aria-label": "Breadcrumb", className: f }, t), { children: /* @__PURE__ */ c(
     "ol",
     {
       className: l("flex", "items-center", o("sm", "space-x")),
       children: r.map((p, b) => {
         const u = b === r.length - 1;
-        return /* @__PURE__ */ C("li", { className: "flex items-center", children: [
-          b > 0 && /* @__PURE__ */ d(
+        return /* @__PURE__ */ z("li", { className: "flex items-center", children: [
+          b > 0 && /* @__PURE__ */ c(
             "span",
             {
               className: l(
@@ -1806,7 +1772,7 @@ function da(i) {
               children: a
             }
           ),
-          u ? /* @__PURE__ */ d(
+          u ? /* @__PURE__ */ c(
             "span",
             {
               className: l(
@@ -1816,7 +1782,7 @@ function da(i) {
               "aria-current": "page",
               children: p.label
             }
-          ) : p.href ? /* @__PURE__ */ d(
+          ) : p.href ? /* @__PURE__ */ c(
             "a",
             {
               href: p.href,
@@ -1827,7 +1793,7 @@ function da(i) {
                 o("xs", "pt"),
                 "border-b-2",
                 "border-transparent",
-                L("bodySmall"),
+                M("bodySmall"),
                 B("label"),
                 "transition-colors",
                 "text-fg-secondary",
@@ -1836,20 +1802,20 @@ function da(i) {
               ),
               children: p.label
             }
-          ) : /* @__PURE__ */ d("span", { className: "text-fg-secondary", children: p.label })
+          ) : /* @__PURE__ */ c("span", { className: "text-fg-secondary", children: p.label })
         ] }, b);
       })
     }
   ) }));
 }
-const Ge = H(function(b) {
+const Ze = H(function(b) {
   var u = b, {
     variant: a = "default",
     padding: n = "medium",
     className: t = "",
     onClick: i,
     "aria-label": s,
-    "aria-labelledby": c,
+    "aria-labelledby": d,
     children: f
   } = u, p = h(u, [
     "variant",
@@ -1860,10 +1826,10 @@ const Ge = H(function(b) {
     "aria-labelledby",
     "children"
   ]);
-  const x = R(
+  const x = j(
     l(
       "bg-surface-base",
-      M("lg"),
+      C("lg"),
       "border",
       "border-line-default",
       X("sm")
@@ -1891,26 +1857,26 @@ const Ge = H(function(b) {
         padding: "medium"
       }
     }
-  ), g = i !== void 0, y = g ? "button" : void 0, T = g ? 0 : void 0, z = l(x({ variant: a, padding: n }), t);
-  return /* @__PURE__ */ d(
+  ), g = i !== void 0, y = g ? "button" : void 0, T = g ? 0 : void 0, L = l(x({ variant: a, padding: n }), t);
+  return /* @__PURE__ */ c(
     "div",
     v(m({
-      className: z,
+      className: L,
       role: y,
       tabIndex: T,
       onClick: i,
-      onKeyDown: (_) => {
-        g && (_.key === "Enter" || _.key === " ") && (_.preventDefault(), i == null || i());
-      },
+      onKeyDown: g ? (R) => {
+        g && (R.key === "Enter" || R.key === " ") && (R.preventDefault(), i == null || i());
+      } : void 0,
       "aria-label": s,
-      "aria-labelledby": c
+      "aria-labelledby": d
     }, p), {
       children: f
     })
   );
 });
-Ge.displayName = "Card";
-function ca(t) {
+Ze.displayName = "Card";
+function da(t) {
   var i = t, {
     children: r,
     className: a = ""
@@ -1918,7 +1884,7 @@ function ca(t) {
     "children",
     "className"
   ]);
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ c(
     "div",
     v(m({
       className: `flex flex-col ${o("1.5", "space-y")} ${o("lg", "p")} ${o("base", "pb")} ${a}`
@@ -1927,7 +1893,7 @@ function ca(t) {
     })
   );
 }
-function fa(t) {
+function ca(t) {
   var i = t, {
     children: r,
     className: a = ""
@@ -1935,7 +1901,7 @@ function fa(t) {
     "children",
     "className"
   ]);
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ c(
     "div",
     v(m({
       className: `flex flex-col-reverse sm:flex-row sm:justify-end sm:${o("sm", "space-x")} ${o("lg", "p")} ${o("base", "pt")} ${a}`
@@ -1944,7 +1910,7 @@ function fa(t) {
     })
   );
 }
-function pa(t) {
+function fa(t) {
   var i = t, {
     children: r,
     className: a = ""
@@ -1952,7 +1918,7 @@ function pa(t) {
     "children",
     "className"
   ]);
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ c(
     "div",
     v(m({
       className: `
@@ -1966,7 +1932,7 @@ function pa(t) {
     })
   );
 }
-function ua(t) {
+function pa(t) {
   var i = t, {
     children: r,
     className: a = ""
@@ -1974,7 +1940,7 @@ function ua(t) {
     "children",
     "className"
   ]);
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ c(
     "div",
     v(m({
       className: `
@@ -1991,8 +1957,8 @@ function ua(t) {
     })
   );
 }
-function ma({ children: r, className: a }) {
-  return /* @__PURE__ */ d(
+function ua({ children: r, className: a }) {
+  return /* @__PURE__ */ c(
     "div",
     {
       className: l(
@@ -2004,11 +1970,11 @@ function ma({ children: r, className: a }) {
     }
   );
 }
-function ba({
+function ma({
   children: r,
   className: a
 }) {
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ c(
     "nav",
     {
       className: l(
@@ -2023,13 +1989,13 @@ function ba({
     }
   );
 }
-function ga(n) {
+function ba(n) {
   var t = n, {
     className: r = ""
   } = t, a = h(t, [
     "className"
   ]);
-  return /* @__PURE__ */ d(
+  return /* @__PURE__ */ c(
     "div",
     m({
       role: "separator",
@@ -2042,7 +2008,7 @@ function ga(n) {
     }, a)
   );
 }
-function xa(t) {
+function ga(t) {
   var i = t, {
     orientation: r = "horizontal",
     className: a = ""
@@ -2050,14 +2016,14 @@ function xa(t) {
     "orientation",
     "className"
   ]);
-  return r === "vertical" ? /* @__PURE__ */ d(
+  return r === "vertical" ? /* @__PURE__ */ c(
     "div",
     m({
       className: l("w-px", "h-6", "bg-line-default", "mx-auto", a),
       role: "separator",
       "aria-orientation": "vertical"
     }, n)
-  ) : /* @__PURE__ */ d(
+  ) : /* @__PURE__ */ c(
     "div",
     m({
       className: l(
@@ -2080,27 +2046,27 @@ function xa(t) {
     }, n)
   );
 }
-function ya(i) {
+function xa(i) {
   var s = i, { column: r, row: a, className: n = "" } = s, t = h(s, ["column", "row", "className"]);
-  const c = r.key in a ? a[r.key] : void 0;
-  return /* @__PURE__ */ d(
+  const d = r.key in a ? a[r.key] : void 0;
+  return /* @__PURE__ */ c(
     "td",
     v(m({
       className: `${o("lg", "px")} ${o("base", "py")} whitespace-nowrap text-sm text-fg-primary ${r.hiddenOnMobile ? "hidden md:table-cell" : ""} ${n}`
     }, t), {
-      children: r.render ? r.render(c, a) : String(c != null ? c : "")
+      children: r.render ? r.render(d, a) : String(d != null ? d : "")
     })
   );
 }
-function ha({
+function ya({
   items: r,
   orientation: a = "vertical",
   className: n = ""
 }) {
-  return a === "horizontal" ? /* @__PURE__ */ d("div", { className: `flex items-start ${n}`, children: r.map((t, i) => {
-    const s = t.status || (i === 0 ? "active" : i < r.findIndex((f) => f.status === "active") ? "completed" : "default"), c = i === r.length - 1;
-    return /* @__PURE__ */ d("div", { className: "flex items-start flex-1", children: /* @__PURE__ */ C("div", { className: "flex flex-col items-center flex-1", children: [
-      /* @__PURE__ */ d(
+  return a === "horizontal" ? /* @__PURE__ */ c("div", { className: `flex items-start ${n}`, children: r.map((t, i) => {
+    const s = t.status || (i === 0 ? "active" : i < r.findIndex((f) => f.status === "active") ? "completed" : "default"), d = i === r.length - 1;
+    return /* @__PURE__ */ c("div", { className: "flex items-start flex-1", children: /* @__PURE__ */ z("div", { className: "flex flex-col items-center flex-1", children: [
+      /* @__PURE__ */ c(
         "div",
         v(m({}, s === "default" ? { "data-marker": "pending" } : {}), {
           className: `
@@ -2109,14 +2075,14 @@ function ha({
                   justify-center
                   w-10
                   h-10
-                  ${M("full")}
+                  ${C("full")}
                   border-2
                   ${s === "completed" ? "bg-success border-success text-fg-inverse" : s === "active" ? "bg-surface-brand-strong border-line-brand text-fg-inverse" : s === "error" ? "bg-error border-error text-fg-inverse" : "bg-surface-base border-line-emphasis text-fg-quaternary"}
                 `,
-          children: t.icon || (s === "completed" ? /* @__PURE__ */ d(J, { className: "h-4 w-4" }) : i + 1)
+          children: t.icon || (s === "completed" ? /* @__PURE__ */ c(J, { className: "h-4 w-4" }) : i + 1)
         })
       ),
-      !c && /* @__PURE__ */ d(
+      !d && /* @__PURE__ */ c(
         "div",
         {
           className: `
@@ -2127,40 +2093,40 @@ function ha({
                     `
         }
       ),
-      /* @__PURE__ */ C(
+      /* @__PURE__ */ z(
         "div",
         {
           className: `${o("base", "mt")} text-center ${o("base", "px")}`,
           children: [
-            t.timestamp && /* @__PURE__ */ d(
+            t.timestamp && /* @__PURE__ */ c(
               "p",
               {
                 className: `text-xs text-fg-tertiary ${o("xs", "mb")}`,
                 children: t.timestamp
               }
             ),
-            /* @__PURE__ */ d("h3", { className: "text-sm font-semibold text-fg-primary", children: t.title }),
-            t.description && /* @__PURE__ */ d(
+            /* @__PURE__ */ c("h3", { className: "text-sm font-semibold text-fg-primary", children: t.title }),
+            t.description && /* @__PURE__ */ c(
               "p",
               {
                 className: `text-xs text-fg-secondary ${o("xs", "mt")}`,
                 children: t.description
               }
             ),
-            t.content && /* @__PURE__ */ d("div", { className: o("sm", "mt"), children: t.content })
+            t.content && /* @__PURE__ */ c("div", { className: o("sm", "mt"), children: t.content })
           ]
         }
       )
     ] }) }, t.id);
-  }) }) : /* @__PURE__ */ d("div", { className: `${o("none", "space-y")} ${n}`, children: r.map((t, i) => {
-    const s = t.status || (i === 0 ? "active" : i < r.findIndex((f) => f.status === "active") ? "completed" : "default"), c = i === r.length - 1;
-    return /* @__PURE__ */ C(
+  }) }) : /* @__PURE__ */ c("div", { className: `${o("none", "space-y")} ${n}`, children: r.map((t, i) => {
+    const s = t.status || (i === 0 ? "active" : i < r.findIndex((f) => f.status === "active") ? "completed" : "default"), d = i === r.length - 1;
+    return /* @__PURE__ */ z(
       "div",
       {
         className: `flex items-start ${o("base", "gap")}`,
         children: [
-          /* @__PURE__ */ C("div", { className: "flex flex-col items-center", children: [
-            /* @__PURE__ */ d(
+          /* @__PURE__ */ z("div", { className: "flex flex-col items-center", children: [
+            /* @__PURE__ */ c(
               "div",
               v(m({}, s === "default" ? { "data-marker": "pending" } : {}), {
                 className: `
@@ -2169,14 +2135,14 @@ function ha({
                 justify-center
                 w-10
                 h-10
-                ${M("full")}
+                ${C("full")}
                 border-2
                 ${s === "completed" ? "bg-success border-success text-fg-inverse" : s === "active" ? "bg-surface-brand-strong border-line-brand text-fg-inverse" : s === "error" ? "bg-error border-error text-fg-inverse" : "bg-surface-base border-line-emphasis text-fg-quaternary"}
               `,
-                children: t.icon || (s === "completed" ? /* @__PURE__ */ d(J, { className: "h-4 w-4" }) : i + 1)
+                children: t.icon || (s === "completed" ? /* @__PURE__ */ c(J, { className: "h-4 w-4" }) : i + 1)
               })
             ),
-            !c && /* @__PURE__ */ d(
+            !d && /* @__PURE__ */ c(
               "div",
               {
                 className: `
@@ -2189,15 +2155,15 @@ function ha({
               }
             )
           ] }),
-          /* @__PURE__ */ C("div", { className: `flex-1 ${o("xl", "pb")}`, children: [
-            t.timestamp && /* @__PURE__ */ d(
+          /* @__PURE__ */ z("div", { className: `flex-1 ${o("xl", "pb")}`, children: [
+            t.timestamp && /* @__PURE__ */ c(
               "p",
               {
                 className: `text-xs text-fg-tertiary ${o("xs", "mb")}`,
                 children: t.timestamp
               }
             ),
-            /* @__PURE__ */ d(
+            /* @__PURE__ */ c(
               "h3",
               {
                 className: `
@@ -2208,14 +2174,14 @@ function ha({
                 children: t.title
               }
             ),
-            t.description && /* @__PURE__ */ d(
+            t.description && /* @__PURE__ */ c(
               "p",
               {
                 className: `text-sm text-fg-secondary ${o("xs", "mt")}`,
                 children: t.description
               }
             ),
-            t.content && /* @__PURE__ */ d("div", { className: o("md", "mt"), children: t.content })
+            t.content && /* @__PURE__ */ c("div", { className: o("md", "mt"), children: t.content })
           ] })
         ]
       },
@@ -2224,30 +2190,29 @@ function ha({
   }) });
 }
 export {
-  Ze as AutocompleteOption,
   ye as Badge,
-  da as Breadcrumb,
-  Ge as Card,
+  oa as Breadcrumb,
+  Ze as Card,
   Le as Chip,
   Xe as Container,
-  fa as DialogFooter,
-  ca as DialogHeader,
-  ua as DrawerFooter,
-  pa as DrawerHeader,
-  ia as ErrorMessage,
-  ma as HeaderActions,
-  ba as HeaderNavigation,
-  sa as Info,
-  Ae as Label,
-  ga as MenuSeparator,
-  xa as NavbarSeparator,
+  ca as DialogFooter,
+  da as DialogHeader,
+  pa as DrawerFooter,
+  fa as DrawerHeader,
+  na as ErrorMessage,
+  ua as HeaderActions,
+  ma as HeaderNavigation,
+  ia as Info,
+  Ee as Label,
+  ba as MenuSeparator,
+  ga as NavbarSeparator,
   Re as Progress,
-  Be as Separator,
-  la as Skeleton,
+  He as Separator,
+  sa as Skeleton,
   Pe as Spinner,
   Ye as Stack,
-  ya as TableCell,
-  oa as Text,
-  ha as Timeline
+  xa as TableCell,
+  la as Text,
+  ya as Timeline
 };
 //# sourceMappingURL=index.js.map