@fabio.caffarello/react-design-system 2.1.0 → 3.0.0

package/dist/server/index.js

@@ -1,32 +1,32 @@
-var J = Object.defineProperty, ee = Object.defineProperties;
-var ae = Object.getOwnPropertyDescriptors;
-var I = Object.getOwnPropertySymbols;
-var P = Object.prototype.hasOwnProperty, _ = Object.prototype.propertyIsEnumerable;
-var O = (r, a, i) => a in r ? J(r, a, { enumerable: !0, configurable: !0, writable: !0, value: i }) : r[a] = i, u = (r, a) => {
+var ee = Object.defineProperty, ae = Object.defineProperties;
+var te = Object.getOwnPropertyDescriptors;
+var V = Object.getOwnPropertySymbols;
+var _ = Object.prototype.hasOwnProperty, K = Object.prototype.propertyIsEnumerable;
+var B = (r, a, i) => a in r ? ee(r, a, { enumerable: !0, configurable: !0, writable: !0, value: i }) : r[a] = i, b = (r, a) => {
   for (var i in a || (a = {}))
-    P.call(a, i) && O(r, i, a[i]);
-  if (I)
-    for (var i of I(a))
-      _.call(a, i) && O(r, i, a[i]);
+    _.call(a, i) && B(r, i, a[i]);
+  if (V)
+    for (var i of V(a))
+      K.call(a, i) && B(r, i, a[i]);
   return r;
-}, v = (r, a) => ee(r, ae(a));
-var x = (r, a) => {
+}, k = (r, a) => ae(r, te(a));
+var h = (r, a) => {
   var i = {};
   for (var t in r)
-    P.call(r, t) && a.indexOf(t) < 0 && (i[t] = r[t]);
-  if (r != null && I)
-    for (var t of I(r))
-      a.indexOf(t) < 0 && _.call(r, t) && (i[t] = r[t]);
+    _.call(r, t) && a.indexOf(t) < 0 && (i[t] = r[t]);
+  if (r != null && V)
+    for (var t of V(r))
+      a.indexOf(t) < 0 && K.call(r, t) && (i[t] = r[t]);
   return i;
 };
-var K = (r, a, i) => O(r, typeof a != "symbol" ? a + "" : a, i);
-import { jsxs as $, jsx as l } from "react/jsx-runtime";
-import Y, { forwardRef as V, memo as te } from "react";
-import { X as re, AlertCircle as ie, Loader2 as ne, CheckCircle2 as X } from "lucide-react";
-import { clsx as se } from "clsx";
-import { twMerge as le } from "tailwind-merge";
-import { cva as oe } from "class-variance-authority";
-class C {
+var X = (r, a, i) => B(r, typeof a != "symbol" ? a + "" : a, i);
+import { jsxs as T, jsx as o } from "react/jsx-runtime";
+import Q, { forwardRef as H, memo as re } from "react";
+import { X as ie, AlertCircle as ne, Loader2 as se, CheckCircle2 as G } from "lucide-react";
+import { clsx as le } from "clsx";
+import { twMerge as oe } from "tailwind-merge";
+import { cva as ce } from "class-variance-authority";
+class A {
   /**
    * Create a radius token
    */
@@ -82,20 +82,20 @@ class C {
     };
   }
 }
-const ce = {
-  none: C.create("none"),
-  sm: C.create("sm"),
-  md: C.create("md"),
-  lg: C.create("lg"),
-  xl: C.create("xl"),
-  "2xl": C.create("2xl"),
-  "3xl": C.create("3xl"),
-  full: C.create("full")
+const de = {
+  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 T(r) {
-  return ce[r].tailwind;
+function S(r) {
+  return de[r].tailwind;
 }
-class y {
+class w {
   // 4px base
   /**
    * Create a spacing token from scale value
@@ -162,46 +162,46 @@ class y {
     }[a] || String(a);
   }
 }
-K(y, "BASE_UNIT", 4);
-const de = {
+X(w, "BASE_UNIT", 4);
+const fe = {
   // Micro spacing (0-14px)
-  none: y.create(0),
-  "0.5": y.create(0.5),
+  none: w.create(0),
+  "0.5": w.create(0.5),
   // 2px (half-step)
-  xs: y.create(1),
+  xs: w.create(1),
   // 4px
-  "1.5": y.create(1.5),
+  "1.5": w.create(1.5),
   // 6px (half-step)
-  sm: y.create(2),
+  sm: w.create(2),
   // 8px
-  "2.5": y.create(2.5),
+  "2.5": w.create(2.5),
   // 10px (half-step)
-  md: y.create(3),
+  md: w.create(3),
   // 12px
-  "3.5": y.create(3.5),
+  "3.5": w.create(3.5),
   // 14px (half-step)
   // Standard spacing (16-32px)
-  base: y.create(4),
+  base: w.create(4),
   // 16px
-  lg: y.create(6),
+  lg: w.create(6),
   // 24px
-  xl: y.create(8),
+  xl: w.create(8),
   // 32px
   // Large spacing (40-64px)
-  "2xl": y.create(10),
+  "2xl": w.create(10),
   // 40px
-  "3xl": y.create(12),
+  "3xl": w.create(12),
   // 48px
-  "4xl": y.create(16),
+  "4xl": w.create(16),
   // 64px
   // Extra large spacing (80px+)
-  "5xl": y.create(20),
+  "5xl": w.create(20),
   // 80px
-  "6xl": y.create(24)
+  "6xl": w.create(24)
   // 96px
 };
-function s(r, a = "p") {
-  const t = de[r].tailwind;
+function l(r, a = "p") {
+  const t = fe[r].tailwind;
   return `${{
     p: "p",
     m: "m",
@@ -224,7 +224,7 @@ function s(r, a = "p") {
     "space-y": "space-y"
   }[a]}-${t}`;
 }
-class w {
+class v {
   /**
    * Create font size token
    */
@@ -294,51 +294,51 @@ class w {
     };
   }
 }
-w.createFontWeight("light"), w.createFontWeight("normal"), w.createFontWeight("medium"), w.createFontWeight("semibold"), w.createFontWeight("bold");
-const B = {
+v.createFontWeight("light"), v.createFontWeight("normal"), v.createFontWeight("medium"), v.createFontWeight("semibold"), v.createFontWeight("bold");
+const U = {
   // Headings
-  h1: w.create("4xl", "tight", "bold"),
-  h2: w.create("3xl", "tight", "bold"),
-  h3: w.create("2xl", "snug", "semibold"),
-  h4: w.create("xl", "snug", "semibold"),
-  h5: w.create("lg", "normal", "medium"),
-  h6: w.create("base", "normal", "medium"),
+  h1: v.create("4xl", "tight", "bold"),
+  h2: v.create("3xl", "tight", "bold"),
+  h3: v.create("2xl", "snug", "semibold"),
+  h4: v.create("xl", "snug", "semibold"),
+  h5: v.create("lg", "normal", "medium"),
+  h6: v.create("base", "normal", "medium"),
   // Body text
-  body: w.create("base", "relaxed", "normal"),
-  bodySmall: w.create("sm", "relaxed", "normal"),
-  bodyLarge: w.create("lg", "relaxed", "normal"),
+  body: v.create("base", "relaxed", "normal"),
+  bodySmall: v.create("sm", "relaxed", "normal"),
+  bodyLarge: v.create("lg", "relaxed", "normal"),
   // UI elements
-  label: w.create("sm", "normal", "medium"),
-  caption: w.create("xs", "normal", "normal"),
-  button: w.create("base", "normal", "medium")
+  label: v.create("sm", "normal", "medium"),
+  caption: v.create("xs", "normal", "normal"),
+  button: v.create("base", "normal", "medium")
 };
-function W(r) {
-  const a = B[r];
+function I(r) {
+  const a = U[r];
   return `${a.fontSize.tailwind} ${a.lineHeight.tailwind} ${a.fontWeight.tailwind}`;
 }
-function L(r) {
-  return B[r].fontSize.tailwind;
+function C(r) {
+  return U[r].fontSize.tailwind;
 }
-function U(r) {
-  return B[r].fontWeight.tailwind;
+function R(r) {
+  return U[r].fontWeight.tailwind;
 }
 function d(...r) {
-  return le(se(r));
+  return oe(le(r));
 }
-const H = (r, a) => {
-  const i = oe(r, a);
+const O = (r, a) => {
+  const i = ce(r, a);
   return ((t) => {
     const n = i(t);
     return d(n);
   });
-}, fe = H(
+}, pe = O(
   // Base classes
   d(
     "inline-flex",
     "items-center",
     "font-medium",
-    T("full"),
-    s("xs", "gap")
+    S("full"),
+    l("xs", "gap")
   ),
   {
     variants: {
@@ -364,19 +364,19 @@ const H = (r, a) => {
       },
       size: {
         sm: d(
-          s("xs", "px"),
-          s("xs", "py"),
-          L("caption")
+          l("xs", "px"),
+          l("xs", "py"),
+          C("caption")
         ),
         md: d(
-          s("sm", "px"),
-          s("xs", "py"),
-          L("bodySmall")
+          l("sm", "px"),
+          l("xs", "py"),
+          C("bodySmall")
         ),
         lg: d(
-          s("md", "px"),
-          s("sm", "py"),
-          L("body")
+          l("md", "px"),
+          l("sm", "py"),
+          C("body")
         )
       },
       selected: {
@@ -420,19 +420,19 @@ const H = (r, a) => {
       disabled: !1
     }
   }
-), pe = V(function(N, h) {
-  var M = N, {
+), ue = H(function(N, y) {
+  var F = N, {
     children: a,
     variant: i = "default",
     size: t = "md",
     onRemove: n,
-    selected: o = !1,
+    selected: s = !1,
     disabled: c = !1,
     className: f = "",
     "aria-label": m,
     onClick: p,
-    tabIndex: b
-  } = M, g = x(M, [
+    tabIndex: u
+  } = F, x = h(F, [
     "children",
     "variant",
     "size",
@@ -444,44 +444,44 @@ const H = (r, a) => {
     "onClick",
     "tabIndex"
   ]);
-  const R = (() => {
+  const q = (() => {
     if (m) return m;
     if (typeof a == "string") return a;
     if (typeof a == "object" && a !== null && "props" in a) {
-      const S = a.props;
-      if (S != null && S.children && typeof S.children == "string")
-        return S.children;
+      const M = a.props;
+      if (M != null && M.children && typeof M.children == "string")
+        return M.children;
     }
-  })(), q = p !== void 0, Q = q && !c, Z = (S) => {
-    c || (S.key === "Enter" || S.key === " ") && (S.preventDefault(), p == null || p());
+  })(), P = p !== void 0, Z = P && !c, J = (M) => {
+    c || (M.key === "Enter" || M.key === " ") && (M.preventDefault(), p == null || p());
   };
-  return /* @__PURE__ */ $(
+  return /* @__PURE__ */ T(
     "div",
-    v(u({
-      ref: h,
+    k(b({
+      ref: y,
       className: d(
-        fe({ variant: i, size: t, selected: o, disabled: c }),
-        n && s("xs", "pr"),
+        pe({ variant: i, size: t, selected: s, disabled: c }),
+        n && l("xs", "pr"),
         f
       ),
       "aria-disabled": c
-    }, g), {
+    }, x), {
       children: [
-        q ? /* @__PURE__ */ l(
+        P ? /* @__PURE__ */ o(
           "button",
           {
             type: "button",
             onClick: c ? void 0 : p,
-            onKeyDown: Z,
+            onKeyDown: J,
             disabled: c,
-            "aria-pressed": o ? !0 : void 0,
-            "aria-label": m || R,
-            tabIndex: b !== void 0 ? b : Q ? 0 : void 0,
+            "aria-pressed": s ? !0 : void 0,
+            "aria-label": m || q,
+            tabIndex: u !== void 0 ? u : Z ? 0 : void 0,
             className: d(
               "flex-1",
               "bg-transparent",
               "border-0",
-              s("none", "p"),
+              l("none", "p"),
               "text-inherit",
               "text-left",
               "cursor-pointer",
@@ -489,91 +489,129 @@ const H = (r, a) => {
               "focus:ring-2",
               "focus:ring-line-focus",
               "focus:ring-offset-2",
-              T("full")
+              S("full")
             ),
             children: a
           }
-        ) : /* @__PURE__ */ l("span", { children: a }),
-        n && !c && /* @__PURE__ */ l(
+        ) : /* @__PURE__ */ o("span", { children: a }),
+        n && !c && /* @__PURE__ */ o(
           "button",
           {
             type: "button",
-            onClick: (S) => {
-              S.stopPropagation(), n();
+            onClick: (M) => {
+              M.stopPropagation(), n();
             },
             className: d(
-              s("xs", "ml"),
+              l("xs", "ml"),
               "hover:bg-tint-hover",
-              T("full"),
-              s("xs", "p"),
+              S("full"),
+              l("xs", "p"),
               "transition-colors",
               "focus:outline-none",
               "focus:ring-2",
               "focus:ring-line-focus",
               "focus:ring-offset-1"
             ),
-            "aria-label": `Remove ${R || "chip"}`,
-            children: /* @__PURE__ */ l(re, { className: "h-3 w-3", "aria-hidden": "true" })
+            "aria-label": `Remove ${q || "chip"}`,
+            children: /* @__PURE__ */ o(ie, { className: "h-3 w-3", "aria-hidden": "true" })
           }
         )
       ]
     })
   );
 });
-pe.displayName = "Chip";
-function Ae(n) {
-  var o = n, {
+ue.displayName = "Chip";
+function De(n) {
+  var s = n, {
     message: r,
     id: a,
     className: i = ""
-  } = o, t = x(o, [
+  } = s, t = h(s, [
     "message",
     "id",
     "className"
   ]);
   const c = [
-    s("xs", "mt"),
-    L("bodySmall"),
+    l("xs", "mt"),
+    C("bodySmall"),
     "text-fg-error",
     "flex",
     "items-center",
-    s("xs", "gap")
+    l("xs", "gap")
   ], f = d(...c, i);
-  return /* @__PURE__ */ $("div", v(u({ role: "alert", id: a, className: f, "aria-live": "polite" }, t), { children: [
-    /* @__PURE__ */ l(ie, { className: "h-4 w-4 shrink-0", "aria-hidden": "true" }),
-    /* @__PURE__ */ l("span", { children: r })
+  return /* @__PURE__ */ T("div", k(b({ role: "alert", id: a, className: f, "aria-live": "polite" }, t), { children: [
+    /* @__PURE__ */ o(ne, { className: "h-4 w-4 shrink-0", "aria-hidden": "true" }),
+    /* @__PURE__ */ o("span", { children: r })
   ] }));
 }
-function We(t) {
+function je(t) {
   var n = t, {
     variant: r = "info",
     className: a
-  } = n, i = x(n, [
+  } = n, i = h(n, [
     "variant",
     "className"
   ]);
-  const o = {
+  const s = {
     warning: d("bg-warning-bg", "text-warning-dark", "border-warning"),
     error: d("bg-error-bg", "text-error-dark", "border-error"),
     info: d("bg-info-bg", "text-info-dark", "border-info")
   };
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ o(
     "div",
-    u({
+    b({
       role: "alert",
       className: d(
         "border",
-        s("base", "px"),
-        s("sm", "py"),
-        T("lg"),
-        o[r],
+        l("base", "px"),
+        l("sm", "py"),
+        S("lg"),
+        s[r],
         a
       )
     }, i)
   );
 }
+function g(r, a, i) {
+  const t = me(r), n = be(r);
+  return {
+    hex: r,
+    rgb: t,
+    hsl: n,
+    cssVar: `var(--color-${a}-${i})`,
+    tailwind: `${a}-${i}`
+  };
+}
+function me(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 be(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 i = parseInt(a[1], 16) / 255, t = parseInt(a[2], 16) / 255, n = parseInt(a[3], 16) / 255, s = Math.max(i, t, n), c = Math.min(i, t, n);
+  let f = 0, m = 0;
+  const p = (s + c) / 2;
+  if (s !== c) {
+    const u = s - c;
+    switch (m = p > 0.5 ? u / (2 - s - c) : u / (s + c), s) {
+      case i:
+        f = ((t - n) / u + (t < n ? 6 : 0)) / 6;
+        break;
+      case t:
+        f = ((n - i) / u + 2) / 6;
+        break;
+      case n:
+        f = ((i - t) / u + 4) / 6;
+        break;
+    }
+  }
+  return `${Math.round(f * 360)}, ${Math.round(m * 100)}%, ${Math.round(p * 100)}%`;
+}
+g("#f0f4f8", "brand-primary", 50), g("#d9e2ec", "brand-primary", 100), g("#bcccdc", "brand-primary", 200), g("#9fb3c8", "brand-primary", 300), g("#7390ad", "brand-primary", 400), g("#486581", "brand-primary", 500), g("#334e68", "brand-primary", 600), g("#243b53", "brand-primary", 700), g("#1a2a3a", "brand-primary", 800), g("#102a43", "brand-primary", 900), g("#061a35", "brand-primary", 950);
+g("#f7f5ff", "brand-secondary", 50), g("#eee9ff", "brand-secondary", 100), g("#e0d6ff", "brand-secondary", 200), g("#cbb8ff", "brand-secondary", 300), g("#aa89fc", "brand-secondary", 400), g("#8e58f2", "brand-secondary", 500), g("#703bc8", "brand-secondary", 600), g("#582aa2", "brand-secondary", 700), g("#44227e", "brand-secondary", 800), g("#32185d", "brand-secondary", 900), g("#180635", "brand-secondary", 950);
 function e(r, a, i) {
-  const t = ue(r), n = me(r);
+  const t = ge(r), n = xe(r);
   return {
     hex: r,
     rgb: t,
@@ -582,27 +620,27 @@ function e(r, a, i) {
     tailwind: `${a}-${i}`
   };
 }
-function ue(r) {
+function ge(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 me(r) {
+function xe(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 i = parseInt(a[1], 16) / 255, t = parseInt(a[2], 16) / 255, n = parseInt(a[3], 16) / 255, o = Math.max(i, t, n), c = Math.min(i, t, n);
+  const i = parseInt(a[1], 16) / 255, t = parseInt(a[2], 16) / 255, n = parseInt(a[3], 16) / 255, s = Math.max(i, t, n), c = Math.min(i, t, n);
   let f = 0, m = 0;
-  const p = (o + c) / 2;
-  if (o !== c) {
-    const b = o - c;
-    switch (m = p > 0.5 ? b / (2 - o - c) : b / (o + c), o) {
+  const p = (s + c) / 2;
+  if (s !== c) {
+    const u = s - c;
+    switch (m = p > 0.5 ? u / (2 - s - c) : u / (s + c), s) {
       case i:
-        f = ((t - n) / b + (t < n ? 6 : 0)) / 6;
+        f = ((t - n) / u + (t < n ? 6 : 0)) / 6;
         break;
       case t:
-        f = ((n - i) / b + 2) / 6;
+        f = ((n - i) / u + 2) / 6;
         break;
       case n:
-        f = ((i - t) / b + 4) / 6;
+        f = ((i - t) / u + 4) / 6;
         break;
     }
   }
@@ -672,7 +710,7 @@ class D {
   }
 }
 D.create("none"), D.create("sm"), D.create("md"), D.create("lg"), D.create("xl"), D.create("2xl"), D.create("inner");
-class F {
+class z {
   /**
    * Create a border width token
    */
@@ -716,7 +754,7 @@ class F {
     };
   }
 }
-F.create("none"), F.create("thin"), F.create("base"), F.create("medium"), F.create("thick"), F.create("thin", "dashed"), F.create("base", "dashed"), F.create("thin", "dotted"), F.create("base", "dotted");
+z.create("none"), z.create("thin"), z.create("base"), z.create("medium"), z.create("thick"), z.create("thin", "dashed"), z.create("base", "dashed"), z.create("thin", "dotted"), z.create("base", "dotted");
 class E {
   /**
    * Create breakpoint token
@@ -739,7 +777,7 @@ class E {
   }
 }
 E.create("sm"), E.create("md"), E.create("lg"), E.create("xl"), E.create("2xl");
-class A {
+class W {
   /**
    * Create an animation token
    */
@@ -796,23 +834,23 @@ class A {
    * Create a transition token
    */
   static createTransition(a, i = "base", t = "ease-in-out") {
-    const n = this.create(i, t), o = Array.isArray(a) ? a.join(", ") : a, c = [
+    const n = this.create(i, t), s = Array.isArray(a) ? a.join(", ") : a, c = [
       n.duration.tailwind,
       n.easing.tailwind
     ].join(" ");
     return {
-      property: o,
+      property: s,
       duration: n.duration.value,
       timingFunction: n.easing.value,
       tailwind: c
     };
   }
 }
-A.create("fast"), A.create("base"), A.create("slow"), A.create("slower"), A.createTransition(
+W.create("fast"), W.create("base"), W.create("slow"), W.create("slower"), W.createTransition(
   ["color", "background-color", "border-color"],
   "base"
-), A.createTransition("opacity", "fast"), A.createTransition("transform", "base"), A.createTransition("all", "base");
-class z {
+), W.createTransition("opacity", "fast"), W.createTransition("transform", "base"), W.createTransition("all", "base");
+class L {
   /**
    * Create a z-index token
    */
@@ -866,8 +904,8 @@ class z {
     }[a];
   }
 }
-z.create("base"), z.create("dropdown"), z.create("sticky"), z.create("fixed"), z.create("modal-backdrop"), z.create("modal"), z.create("popover"), z.create("tooltip"), z.create("toast");
-class k {
+L.create("base"), L.create("dropdown"), L.create("sticky"), L.create("fixed"), L.create("modal-backdrop"), L.create("modal"), L.create("popover"), L.create("tooltip"), L.create("toast");
+class $ {
   /**
    * Create an opacity token
    */
@@ -913,8 +951,8 @@ class k {
     };
   }
 }
-k.create(0), k.create(5), k.create(10), k.create(20), k.create(25), k.create(30), k.create(40), k.create(50), k.create(60), k.create(70), k.create(75), k.create(80), k.create(90), k.create(95), k.create(100);
-const be = H("w-full", {
+$.create(0), $.create(5), $.create(10), $.create(20), $.create(25), $.create(30), $.create(40), $.create(50), $.create(60), $.create(70), $.create(75), $.create(80), $.create(90), $.create(95), $.create(100);
+const he = O("w-full", {
   variants: {
     size: {
       sm: "h-1",
@@ -934,7 +972,7 @@ const be = H("w-full", {
     size: "md",
     variant: "primary"
   }
-}), G = H("transition-all", {
+}), Y = O("transition-all", {
   variants: {
     variant: {
       primary: "bg-surface-brand",
@@ -948,17 +986,17 @@ const be = H("w-full", {
   defaultVariants: {
     variant: "primary"
   }
-}), ge = V(function(g, b) {
-  var h = g, {
+}), ye = H(function(x, u) {
+  var y = x, {
     value: a,
     max: i = 100,
     variant: t = "primary",
     size: n = "md",
-    showLabel: o = !1,
+    showLabel: s = !1,
     label: c,
     "aria-label": f,
     className: m = ""
-  } = h, p = x(h, [
+  } = y, p = h(y, [
     "value",
     "max",
     "variant",
@@ -968,38 +1006,38 @@ const be = H("w-full", {
     "aria-label",
     "className"
   ]);
-  const N = a === void 0, M = N ? void 0 : Math.min(Math.max(a / i * 100, 0), 100), j = f || (N ? "Loading in progress" : `Progress: ${M == null ? void 0 : M.toFixed(0)}%`);
-  return /* @__PURE__ */ $("div", v(u({ ref: b, className: d("w-full", m) }, p), { children: [
-    o && (c || !N) && /* @__PURE__ */ $(
+  const N = a === void 0, F = N ? void 0 : Math.min(Math.max(a / i * 100, 0), 100), j = f || (N ? "Loading in progress" : `Progress: ${F == null ? void 0 : F.toFixed(0)}%`);
+  return /* @__PURE__ */ T("div", k(b({ ref: u, className: d("w-full", m) }, p), { children: [
+    s && (c || !N) && /* @__PURE__ */ T(
       "div",
       {
         className: d(
           "flex",
           "items-center",
           "justify-between",
-          s("xs", "mb")
+          l("xs", "mb")
         ),
         children: [
-          c && /* @__PURE__ */ l(
+          c && /* @__PURE__ */ o(
             "span",
             {
               className: d(
-                L("bodySmall"),
-                U("label"),
+                C("bodySmall"),
+                R("label"),
                 "text-fg-primary"
               ),
               children: c
             }
           ),
-          !N && M !== void 0 && /* @__PURE__ */ $(
+          !N && F !== void 0 && /* @__PURE__ */ T(
             "span",
             {
               className: d(
-                L("bodySmall"),
+                C("bodySmall"),
                 "text-fg-secondary"
               ),
               children: [
-                M.toFixed(0),
+                F.toFixed(0),
                 "%"
               ]
             }
@@ -1007,7 +1045,7 @@ const be = H("w-full", {
         ]
       }
     ),
-    /* @__PURE__ */ l(
+    /* @__PURE__ */ o(
       "div",
       {
         role: "progressbar",
@@ -1020,10 +1058,10 @@ const be = H("w-full", {
           "relative",
           "w-full",
           "overflow-hidden",
-          be({ size: n, variant: t }),
-          T("full")
+          he({ size: n, variant: t }),
+          S("full")
         ),
-        children: N ? /* @__PURE__ */ l(
+        children: N ? /* @__PURE__ */ o(
           "div",
           {
             className: d(
@@ -1031,8 +1069,8 @@ const be = H("w-full", {
               "top-0",
               "left-0",
               "bottom-0",
-              G({ variant: t }),
-              T("full"),
+              Y({ variant: t }),
+              S("full"),
               "motion-reduce:animate-none"
             ),
             style: {
@@ -1040,19 +1078,19 @@ const be = H("w-full", {
               animation: "progress-indeterminate 1.5s ease-in-out infinite"
             }
           }
-        ) : /* @__PURE__ */ l(
+        ) : /* @__PURE__ */ o(
           "div",
           {
             className: d(
               "h-full",
-              G({ variant: t }),
-              T("full"),
+              Y({ variant: t }),
+              S("full"),
               "transition-all",
               "duration-300",
               "ease-out"
             ),
             style: {
-              width: `${M}%`
+              width: `${F}%`
             },
             "aria-hidden": "true"
           }
@@ -1061,16 +1099,16 @@ const be = H("w-full", {
     )
   ] }));
 });
-ge.displayName = "Progress";
-function De(f) {
+ye.displayName = "Progress";
+function Ee(f) {
   var m = f, {
     variant: r = "text",
     width: a,
     height: i,
     lines: t = 1,
     className: n = "",
-    "aria-label": o
-  } = m, c = x(m, [
+    "aria-label": s
+  } = m, c = h(m, [
     "variant",
     "width",
     "height",
@@ -1081,45 +1119,45 @@ function De(f) {
   const p = [
     "motion-safe:animate-pulse",
     "bg-surface-muted",
-    T("sm")
-  ], b = {
+    S("sm")
+  ], u = {
     text: "h-4",
     card: "h-32",
     list: "h-12",
-    circle: T("full")
-  }, g = d(...p, b[r], n), h = {};
-  a && (h.width = a), i && (h.height = i);
-  const N = o || `Loading ${r} content`;
-  return r === "text" && t > 1 ? /* @__PURE__ */ l(
+    circle: S("full")
+  }, x = d(...p, u[r], n), y = {};
+  a && (y.width = a), i && (y.height = i);
+  const N = s || `Loading ${r} content`;
+  return r === "text" && t > 1 ? /* @__PURE__ */ o(
     "div",
-    v(u({
-      className: s("sm", "space-y"),
+    k(b({
+      className: l("sm", "space-y"),
       role: "status",
       "aria-busy": "true",
       "aria-label": N
     }, c), {
-      children: Array.from({ length: t }).map((M, j) => /* @__PURE__ */ l(
+      children: Array.from({ length: t }).map((F, j) => /* @__PURE__ */ o(
         "div",
         {
-          className: g,
-          style: j === t - 1 ? { width: "75%" } : h,
+          className: x,
+          style: j === t - 1 ? { width: "75%" } : y,
           "aria-hidden": "true"
         },
         j
       ))
     })
-  ) : /* @__PURE__ */ l(
+  ) : /* @__PURE__ */ o(
     "div",
-    u({
-      className: g,
-      style: h,
+    b({
+      className: x,
+      style: y,
       role: "status",
       "aria-busy": "true",
       "aria-label": N
     }, c)
   );
 }
-const xe = H("motion-safe:animate-spin", {
+const we = O("motion-safe:animate-spin", {
   variants: {
     size: {
       sm: "h-4 w-4",
@@ -1136,40 +1174,40 @@ const xe = H("motion-safe:animate-spin", {
     size: "md",
     variant: "primary"
   }
-}), he = te(function(c) {
+}), ve = re(function(c) {
   var f = c, {
     size: a = "md",
     variant: i = "primary",
     label: t,
     className: n = ""
-  } = f, o = x(f, [
+  } = f, s = h(f, [
     "size",
     "variant",
     "label",
     "className"
   ]);
-  return /* @__PURE__ */ $(
+  return /* @__PURE__ */ T(
     "div",
-    v(u({
+    k(b({
       className: d("inline-flex", "items-center", n),
       role: "status",
       "aria-label": t || "Loading",
       "aria-live": "polite"
-    }, o), {
+    }, s), {
       children: [
-        /* @__PURE__ */ l(
-          ne,
+        /* @__PURE__ */ o(
+          se,
           {
-            className: d(xe({ size: a, variant: i })),
+            className: d(we({ size: a, variant: i })),
             "aria-hidden": "true"
           }
         ),
-        t && /* @__PURE__ */ l(
+        t && /* @__PURE__ */ o(
           "span",
           {
             className: d(
-              s("sm", "ml"),
-              L("bodySmall"),
+              l("sm", "ml"),
+              C("bodySmall"),
               "text-fg-secondary",
               "sr-only"
             ),
@@ -1180,8 +1218,8 @@ const xe = H("motion-safe:animate-spin", {
     })
   );
 });
-he.displayName = "Spinner";
-const ye = {
+ve.displayName = "Spinner";
+const ke = {
   primary: {
     // exception: variant color — no semantic equivalent (Principle 3, .claude/rules/colors.md)
     light: "text-indigo-400",
@@ -1233,16 +1271,16 @@ const ye = {
     contrast: "text-fg-inverse"
   }
 };
-function we(p, m) {
-  var b = p, {
+function $e(p, m) {
+  var u = p, {
     variant: r = "paragraph",
     bold: a,
     italic: i,
     className: t,
     as: n,
-    colorRole: o = "neutral",
+    colorRole: s = "neutral",
     colorShade: c = "dark"
-  } = b, f = x(b, [
+  } = u, f = h(u, [
     "variant",
     "bold",
     "italic",
@@ -1251,32 +1289,32 @@ function we(p, m) {
     "colorRole",
     "colorShade"
   ]);
-  const g = [];
-  let h;
+  const x = [];
+  let y;
   if (n)
-    h = n;
+    y = n;
   else
     switch (r) {
       case "heading":
-        h = "h2";
+        y = "h2";
         break;
       case "list":
-        h = "li";
+        y = "li";
         break;
       default:
-        h = "p";
+        y = "p";
         break;
     }
-  return r === "heading" ? g.push(W("h2")) : r === "body" || r === "paragraph" ? g.push(W("body")) : r === "bodySmall" ? g.push(W("bodySmall")) : r === "bodyLarge" ? g.push(W("bodyLarge")) : r === "caption" ? g.push(W("caption")) : r === "label" ? g.push(W("label")) : g.push(W("body")), a && g.push("font-bold"), i && g.push("italic"), g.push(ye[o][c]), /* @__PURE__ */ l(h, u({ ref: m, className: d(...g, t) }, f));
+  return r === "heading" ? x.push(I("h2")) : r === "body" || r === "paragraph" ? x.push(I("body")) : r === "bodySmall" ? x.push(I("bodySmall")) : r === "bodyLarge" ? x.push(I("bodyLarge")) : r === "caption" ? x.push(I("caption")) : r === "label" ? x.push(I("label")) : x.push(I("body")), a && x.push("font-bold"), i && x.push("italic"), x.push(ke[s][c]), /* @__PURE__ */ o(y, b({ ref: m, className: d(...x, t) }, f));
 }
-const je = V(we), ve = {
+const Ve = H($e), Ne = {
   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"
-}, ke = Y.forwardRef(
+}, Te = Q.forwardRef(
   (m, f) => {
     var p = m, {
       className: r,
@@ -1284,8 +1322,8 @@ const je = V(we), ve = {
       paddingX: i = "base",
       paddingY: t = "base",
       center: n = !0,
-      children: o
-    } = p, c = x(p, [
+      children: s
+    } = p, c = h(p, [
       "className",
       "maxWidth",
       "paddingX",
@@ -1293,26 +1331,26 @@ const je = V(we), ve = {
       "center",
       "children"
     ]);
-    return /* @__PURE__ */ l(
+    return /* @__PURE__ */ o(
       "div",
-      v(u({
+      k(b({
         ref: f,
         className: d(
           "w-full",
-          ve[a],
-          s(i, "px"),
-          s(t, "py"),
+          Ne[a],
+          l(i, "px"),
+          l(t, "py"),
           n && "mx-auto",
           r
         )
       }, c), {
-        children: o
+        children: s
       })
     );
   }
 );
-ke.displayName = "Container";
-const Ne = Y.forwardRef(
+Te.displayName = "Container";
+const Me = Q.forwardRef(
   (m, f) => {
     var p = m, {
       className: r,
@@ -1320,8 +1358,8 @@ const Ne = Y.forwardRef(
       align: i = "stretch",
       justify: t = "start",
       direction: n = "column",
-      children: o
-    } = p, c = x(p, [
+      children: s
+    } = p, c = h(p, [
       "className",
       "spacing",
       "align",
@@ -1329,12 +1367,12 @@ const Ne = Y.forwardRef(
       "direction",
       "children"
     ]);
-    const b = n === "column" ? s(a, "gap-y") : s(a, "gap-x"), g = {
+    const u = n === "column" ? l(a, "gap-y") : l(a, "gap-x"), x = {
       start: "items-start",
       center: "items-center",
       end: "items-end",
       stretch: "items-stretch"
-    }, h = {
+    }, y = {
       start: "justify-start",
       center: "justify-center",
       end: "justify-end",
@@ -1342,44 +1380,44 @@ const Ne = Y.forwardRef(
       around: "justify-around",
       evenly: "justify-evenly"
     };
-    return /* @__PURE__ */ l(
+    return /* @__PURE__ */ o(
       "div",
-      v(u({
+      k(b({
         ref: f,
         className: d(
           "flex",
           n === "column" ? "flex-col" : "flex-row",
-          b,
-          g[i],
-          h[t],
+          u,
+          x[i],
+          y[t],
           r
         )
       }, c), {
-        children: o
+        children: s
       })
     );
   }
 );
-Ne.displayName = "Stack";
-const $e = V(
+Me.displayName = "Stack";
+const Se = H(
   function({ option: a, isHighlighted: i, onSelect: t }, n) {
-    const o = () => {
+    const s = () => {
       a.disabled || t(a);
     };
-    return /* @__PURE__ */ $(
+    return /* @__PURE__ */ T(
       "div",
       {
         ref: n,
         role: "option",
         "aria-selected": i,
         "aria-disabled": a.disabled,
-        onClick: o,
+        onClick: s,
         className: `
           flex
           items-center
-          ${s("sm", "gap")}
-          ${s("sm", "px")}
-          ${s("sm", "py")}
+          ${l("sm", "gap")}
+          ${l("sm", "px")}
+          ${l("sm", "py")}
           text-sm
           cursor-pointer
           transition-colors
@@ -1387,20 +1425,20 @@ const $e = V(
           ${a.disabled ? "opacity-50 cursor-not-allowed" : "hover:bg-surface-hover"}
         `,
         children: [
-          a.icon && /* @__PURE__ */ l("span", { className: "flex-shrink-0", children: a.icon }),
-          /* @__PURE__ */ l("span", { className: "flex-1", children: a.label })
+          a.icon && /* @__PURE__ */ o("span", { className: "flex-shrink-0", children: a.icon }),
+          /* @__PURE__ */ o("span", { className: "flex-1", children: a.label })
         ]
       }
     );
   }
 );
-$e.displayName = "AutocompleteOption";
-function Ee(n) {
-  var o = n, {
+Se.displayName = "AutocompleteOption";
+function He(n) {
+  var s = n, {
     items: r,
     separator: a = "/",
     className: i = ""
-  } = o, t = x(o, [
+  } = s, t = h(s, [
     "items",
     "separator",
     "className"
@@ -1408,50 +1446,50 @@ function Ee(n) {
   const c = [
     "flex",
     "items-center",
-    s("sm", "space-x"),
-    L("bodySmall")
+    l("sm", "space-x"),
+    C("bodySmall")
   ], f = d(...c, i);
-  return /* @__PURE__ */ l("nav", v(u({ "aria-label": "Breadcrumb", className: f }, t), { children: /* @__PURE__ */ l(
+  return /* @__PURE__ */ o("nav", k(b({ "aria-label": "Breadcrumb", className: f }, t), { children: /* @__PURE__ */ o(
     "ol",
     {
-      className: d("flex", "items-center", s("sm", "space-x")),
+      className: d("flex", "items-center", l("sm", "space-x")),
       children: r.map((m, p) => {
-        const b = p === r.length - 1;
-        return /* @__PURE__ */ $("li", { className: "flex items-center", children: [
-          p > 0 && /* @__PURE__ */ l(
+        const u = p === r.length - 1;
+        return /* @__PURE__ */ T("li", { className: "flex items-center", children: [
+          p > 0 && /* @__PURE__ */ o(
             "span",
             {
               className: d(
-                s("sm", "mx"),
+                l("sm", "mx"),
                 "text-fg-tertiary"
               ),
               "aria-hidden": "true",
               children: a
             }
           ),
-          b ? /* @__PURE__ */ l(
+          u ? /* @__PURE__ */ o(
             "span",
             {
               className: d(
                 "text-fg-primary",
-                U("label")
+                R("label")
               ),
               "aria-current": "page",
               children: m.label
             }
-          ) : m.href ? /* @__PURE__ */ l(
+          ) : m.href ? /* @__PURE__ */ o(
             "a",
             {
               href: m.href,
               className: d(
                 "inline-flex",
                 "items-center",
-                s("xs", "px"),
-                s("xs", "pt"),
+                l("xs", "px"),
+                l("xs", "pt"),
                 "border-b-2",
                 "border-transparent",
-                L("bodySmall"),
-                U("label"),
+                C("bodySmall"),
+                R("label"),
                 "transition-colors",
                 "text-fg-secondary",
                 "hover:border-line-emphasis",
@@ -1459,59 +1497,59 @@ function Ee(n) {
               ),
               children: m.label
             }
-          ) : /* @__PURE__ */ l("span", { className: "text-fg-secondary", children: m.label })
+          ) : /* @__PURE__ */ o("span", { className: "text-fg-secondary", children: m.label })
         ] }, p);
       })
     }
   ) }));
 }
-function Ie(t) {
+function Oe(t) {
   var n = t, {
     children: r,
     className: a = ""
-  } = n, i = x(n, [
+  } = n, i = h(n, [
     "children",
     "className"
   ]);
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ o(
     "div",
-    v(u({
-      className: `flex flex-col ${s("1.5", "space-y")} ${s("lg", "p")} ${s("base", "pb")} ${a}`
+    k(b({
+      className: `flex flex-col ${l("1.5", "space-y")} ${l("lg", "p")} ${l("base", "pb")} ${a}`
     }, i), {
       children: r
     })
   );
 }
-function Ve(t) {
+function Be(t) {
   var n = t, {
     children: r,
     className: a = ""
-  } = n, i = x(n, [
+  } = n, i = h(n, [
     "children",
     "className"
   ]);
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ o(
     "div",
-    v(u({
-      className: `flex flex-col-reverse sm:flex-row sm:justify-end sm:${s("sm", "space-x")} ${s("lg", "p")} ${s("base", "pt")} ${a}`
+    k(b({
+      className: `flex flex-col-reverse sm:flex-row sm:justify-end sm:${l("sm", "space-x")} ${l("lg", "p")} ${l("base", "pt")} ${a}`
     }, i), {
       children: r
     })
   );
 }
-function He(t) {
+function Re(t) {
   var n = t, {
     children: r,
     className: a = ""
-  } = n, i = x(n, [
+  } = n, i = h(n, [
     "children",
     "className"
   ]);
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ o(
     "div",
-    v(u({
+    k(b({
       className: `
-        ${s("lg", "p")}
+        ${l("lg", "p")}
         border-b
         border-line-default
         ${a}
@@ -1521,24 +1559,24 @@ function He(t) {
     })
   );
 }
-function Oe(t) {
+function Ue(t) {
   var n = t, {
     children: r,
     className: a = ""
-  } = n, i = x(n, [
+  } = n, i = h(n, [
     "children",
     "className"
   ]);
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ o(
     "div",
-    v(u({
+    k(b({
       className: `
-        ${s("lg", "p")}
+        ${l("lg", "p")}
         border-t
         border-line-default
         flex
         justify-end
-        ${s("sm", "gap")}
+        ${l("sm", "gap")}
         ${a}
       `
     }, i), {
@@ -1546,29 +1584,29 @@ function Oe(t) {
     })
   );
 }
-function Ue({ children: r, className: a }) {
-  return /* @__PURE__ */ l(
+function qe({ children: r, className: a }) {
+  return /* @__PURE__ */ o(
     "div",
     {
       className: d(
         "flex-shrink-0 flex items-center",
-        s("sm", "gap"),
+        l("sm", "gap"),
         a
       ),
       children: r
     }
   );
 }
-function Be({
+function Pe({
   children: r,
   className: a
 }) {
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ o(
     "nav",
     {
       className: d(
         "flex-1 flex items-center justify-center",
-        s("base", "gap"),
+        l("base", "gap"),
         "hidden md:flex",
         // Hidden on mobile, visible on desktop
         a
@@ -1578,48 +1616,48 @@ function Be({
     }
   );
 }
-function Re(i) {
+function _e(i) {
   var t = i, {
     className: r = ""
-  } = t, a = x(t, [
+  } = t, a = h(t, [
     "className"
   ]);
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ o(
     "div",
-    u({
+    b({
       role: "separator",
       className: `
         h-px
         bg-line-default
-        ${s("sm", "my")}
+        ${l("sm", "my")}
         ${r}
       `
     }, a)
   );
 }
-function qe(t) {
+function Ke(t) {
   var n = t, {
     orientation: r = "horizontal",
     className: a = ""
-  } = n, i = x(n, [
+  } = n, i = h(n, [
     "orientation",
     "className"
   ]);
-  return r === "vertical" ? /* @__PURE__ */ l(
+  return r === "vertical" ? /* @__PURE__ */ o(
     "div",
-    u({
+    b({
       className: d("w-px", "h-6", "bg-line-default", "mx-auto", a),
       role: "separator",
       "aria-orientation": "vertical"
     }, i)
-  ) : /* @__PURE__ */ l(
+  ) : /* @__PURE__ */ o(
     "div",
-    u({
+    b({
       className: d(
         "w-full",
         "h-px",
         "bg-line-default",
-        s("sm", "my"),
+        l("sm", "my"),
         // my-2 (8px) para consistência com gap-2 usado em outros lugares
         "flex-shrink-0",
         // Prevenir que separator encolha
@@ -1635,142 +1673,142 @@ function qe(t) {
     }, i)
   );
 }
-function Pe(n) {
-  var o = n, { column: r, row: a, className: i = "" } = o, t = x(o, ["column", "row", "className"]);
+function Xe(n) {
+  var s = n, { column: r, row: a, className: i = "" } = s, t = h(s, ["column", "row", "className"]);
   const c = r.key in a ? a[r.key] : void 0;
-  return /* @__PURE__ */ l(
+  return /* @__PURE__ */ o(
     "td",
-    v(u({
-      className: `${s("lg", "px")} ${s("base", "py")} whitespace-nowrap text-sm text-fg-primary ${r.hiddenOnMobile ? "hidden md:table-cell" : ""} ${i}`
+    k(b({
+      className: `${l("lg", "px")} ${l("base", "py")} whitespace-nowrap text-sm text-fg-primary ${r.hiddenOnMobile ? "hidden md:table-cell" : ""} ${i}`
     }, t), {
       children: r.render ? r.render(c, a) : String(c != null ? c : "")
     })
   );
 }
-function _e({
+function Ge({
   items: r,
   orientation: a = "vertical",
   className: i = ""
 }) {
-  return a === "horizontal" ? /* @__PURE__ */ l("div", { className: `flex items-start ${i}`, children: r.map((t, n) => {
-    const o = t.status || (n === 0 ? "active" : n < r.findIndex((f) => f.status === "active") ? "completed" : "default"), c = n === r.length - 1;
-    return /* @__PURE__ */ l("div", { className: "flex items-start flex-1", children: /* @__PURE__ */ $("div", { className: "flex flex-col items-center flex-1", children: [
-      /* @__PURE__ */ l(
+  return a === "horizontal" ? /* @__PURE__ */ o("div", { className: `flex items-start ${i}`, children: r.map((t, n) => {
+    const s = t.status || (n === 0 ? "active" : n < r.findIndex((f) => f.status === "active") ? "completed" : "default"), c = n === r.length - 1;
+    return /* @__PURE__ */ o("div", { className: "flex items-start flex-1", children: /* @__PURE__ */ T("div", { className: "flex flex-col items-center flex-1", children: [
+      /* @__PURE__ */ o(
         "div",
-        v(u({}, o === "default" ? { "data-marker": "pending" } : {}), {
+        k(b({}, s === "default" ? { "data-marker": "pending" } : {}), {
           className: `
                   flex
                   items-center
                   justify-center
                   w-10
                   h-10
-                  ${T("full")}
+                  ${S("full")}
                   border-2
-                  ${o === "completed" ? "bg-success border-success text-fg-inverse" : o === "active" ? "bg-surface-brand-strong border-line-brand text-fg-inverse" : o === "error" ? "bg-error border-error text-fg-inverse" : "bg-surface-base border-line-emphasis text-fg-quaternary"}
+                  ${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 || (o === "completed" ? /* @__PURE__ */ l(X, { className: "h-4 w-4" }) : n + 1)
+          children: t.icon || (s === "completed" ? /* @__PURE__ */ o(G, { className: "h-4 w-4" }) : n + 1)
         })
       ),
-      !c && /* @__PURE__ */ l(
+      !c && /* @__PURE__ */ o(
         "div",
         {
           className: `
                       w-full
                       h-0.5
-                      ${s("sm", "mt")}
-                      ${o === "completed" ? "bg-success" : "bg-line-emphasis"}
+                      ${l("sm", "mt")}
+                      ${s === "completed" ? "bg-success" : "bg-line-emphasis"}
                     `
         }
       ),
-      /* @__PURE__ */ $(
+      /* @__PURE__ */ T(
         "div",
         {
-          className: `${s("base", "mt")} text-center ${s("base", "px")}`,
+          className: `${l("base", "mt")} text-center ${l("base", "px")}`,
           children: [
-            t.timestamp && /* @__PURE__ */ l(
+            t.timestamp && /* @__PURE__ */ o(
               "p",
               {
-                className: `text-xs text-fg-tertiary ${s("xs", "mb")}`,
+                className: `text-xs text-fg-tertiary ${l("xs", "mb")}`,
                 children: t.timestamp
               }
             ),
-            /* @__PURE__ */ l("h3", { className: "text-sm font-semibold text-fg-primary", children: t.title }),
-            t.description && /* @__PURE__ */ l(
+            /* @__PURE__ */ o("h3", { className: "text-sm font-semibold text-fg-primary", children: t.title }),
+            t.description && /* @__PURE__ */ o(
               "p",
               {
-                className: `text-xs text-fg-secondary ${s("xs", "mt")}`,
+                className: `text-xs text-fg-secondary ${l("xs", "mt")}`,
                 children: t.description
               }
             ),
-            t.content && /* @__PURE__ */ l("div", { className: s("sm", "mt"), children: t.content })
+            t.content && /* @__PURE__ */ o("div", { className: l("sm", "mt"), children: t.content })
           ]
         }
       )
     ] }) }, t.id);
-  }) }) : /* @__PURE__ */ l("div", { className: `${s("none", "space-y")} ${i}`, children: r.map((t, n) => {
-    const o = t.status || (n === 0 ? "active" : n < r.findIndex((f) => f.status === "active") ? "completed" : "default"), c = n === r.length - 1;
-    return /* @__PURE__ */ $(
+  }) }) : /* @__PURE__ */ o("div", { className: `${l("none", "space-y")} ${i}`, children: r.map((t, n) => {
+    const s = t.status || (n === 0 ? "active" : n < r.findIndex((f) => f.status === "active") ? "completed" : "default"), c = n === r.length - 1;
+    return /* @__PURE__ */ T(
       "div",
       {
-        className: `flex items-start ${s("base", "gap")}`,
+        className: `flex items-start ${l("base", "gap")}`,
         children: [
-          /* @__PURE__ */ $("div", { className: "flex flex-col items-center", children: [
-            /* @__PURE__ */ l(
+          /* @__PURE__ */ T("div", { className: "flex flex-col items-center", children: [
+            /* @__PURE__ */ o(
               "div",
-              v(u({}, o === "default" ? { "data-marker": "pending" } : {}), {
+              k(b({}, s === "default" ? { "data-marker": "pending" } : {}), {
                 className: `
                 flex
                 items-center
                 justify-center
                 w-10
                 h-10
-                ${T("full")}
+                ${S("full")}
                 border-2
-                ${o === "completed" ? "bg-success border-success text-fg-inverse" : o === "active" ? "bg-surface-brand-strong border-line-brand text-fg-inverse" : o === "error" ? "bg-error border-error text-fg-inverse" : "bg-surface-base border-line-emphasis text-fg-quaternary"}
+                ${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 || (o === "completed" ? /* @__PURE__ */ l(X, { className: "h-4 w-4" }) : n + 1)
+                children: t.icon || (s === "completed" ? /* @__PURE__ */ o(G, { className: "h-4 w-4" }) : n + 1)
               })
             ),
-            !c && /* @__PURE__ */ l(
+            !c && /* @__PURE__ */ o(
               "div",
               {
                 className: `
                     w-0.5
                     flex-1
                     min-h-16
-                    ${s("sm", "mt")}
-                    ${o === "completed" ? "bg-success" : "bg-line-emphasis"}
+                    ${l("sm", "mt")}
+                    ${s === "completed" ? "bg-success" : "bg-line-emphasis"}
                   `
               }
             )
           ] }),
-          /* @__PURE__ */ $("div", { className: `flex-1 ${s("xl", "pb")}`, children: [
-            t.timestamp && /* @__PURE__ */ l(
+          /* @__PURE__ */ T("div", { className: `flex-1 ${l("xl", "pb")}`, children: [
+            t.timestamp && /* @__PURE__ */ o(
               "p",
               {
-                className: `text-xs text-fg-tertiary ${s("xs", "mb")}`,
+                className: `text-xs text-fg-tertiary ${l("xs", "mb")}`,
                 children: t.timestamp
               }
             ),
-            /* @__PURE__ */ l(
+            /* @__PURE__ */ o(
               "h3",
               {
                 className: `
                 text-base
                 font-semibold
-                ${o === "active" ? "text-fg-brand-emphasis" : "text-fg-primary"}
+                ${s === "active" ? "text-fg-brand-emphasis" : "text-fg-primary"}
               `,
                 children: t.title
               }
             ),
-            t.description && /* @__PURE__ */ l(
+            t.description && /* @__PURE__ */ o(
               "p",
               {
-                className: `text-sm text-fg-secondary ${s("xs", "mt")}`,
+                className: `text-sm text-fg-secondary ${l("xs", "mt")}`,
                 children: t.description
               }
             ),
-            t.content && /* @__PURE__ */ l("div", { className: s("md", "mt"), children: t.content })
+            t.content && /* @__PURE__ */ o("div", { className: l("md", "mt"), children: t.content })
           ] })
         ]
       },
@@ -1779,26 +1817,26 @@ function _e({
   }) });
 }
 export {
-  $e as AutocompleteOption,
-  Ee as Breadcrumb,
-  pe as Chip,
-  ke as Container,
-  Ve as DialogFooter,
-  Ie as DialogHeader,
-  Oe as DrawerFooter,
-  He as DrawerHeader,
-  Ae as ErrorMessage,
-  Ue as HeaderActions,
-  Be as HeaderNavigation,
-  We as Info,
-  Re as MenuSeparator,
-  qe as NavbarSeparator,
-  ge as Progress,
-  De as Skeleton,
-  he as Spinner,
-  Ne as Stack,
-  Pe as TableCell,
-  je as Text,
-  _e as Timeline
+  Se as AutocompleteOption,
+  He as Breadcrumb,
+  ue as Chip,
+  Te as Container,
+  Be as DialogFooter,
+  Oe as DialogHeader,
+  Ue as DrawerFooter,
+  Re as DrawerHeader,
+  De as ErrorMessage,
+  qe as HeaderActions,
+  Pe as HeaderNavigation,
+  je as Info,
+  _e as MenuSeparator,
+  Ke as NavbarSeparator,
+  ye as Progress,
+  Ee as Skeleton,
+  ve as Spinner,
+  Me as Stack,
+  Xe as TableCell,
+  Ve as Text,
+  Ge as Timeline
 };
 //# sourceMappingURL=index.js.map