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

package/dist/server/index.js

@@ -1,38 +1,38 @@
-var de = Object.defineProperty, ce = Object.defineProperties;
-var fe = Object.getOwnPropertyDescriptors;
-var K = Object.getOwnPropertySymbols;
-var Q = Object.prototype.hasOwnProperty, J = Object.prototype.propertyIsEnumerable;
-var G = (t, a, n) => a in t ? de(t, a, { enumerable: !0, configurable: !0, writable: !0, value: n }) : t[a] = n, p = (t, a) => {
-  for (var n in a || (a = {}))
-    Q.call(a, n) && G(t, n, a[n]);
-  if (K)
-    for (var n of K(a))
-      J.call(a, n) && G(t, n, a[n]);
-  return t;
-}, h = (t, a) => ce(t, fe(a));
-var g = (t, a) => {
-  var n = {};
-  for (var r in t)
-    Q.call(t, r) && a.indexOf(r) < 0 && (n[r] = t[r]);
-  if (t != null && K)
-    for (var r of K(t))
-      a.indexOf(r) < 0 && J.call(t, r) && (n[r] = t[r]);
-  return n;
+var ae = Object.defineProperty, re = Object.defineProperties;
+var se = Object.getOwnPropertyDescriptors;
+var W = Object.getOwnPropertySymbols;
+var U = Object.prototype.hasOwnProperty, K = Object.prototype.propertyIsEnumerable;
+var O = (e, a, r) => a in e ? ae(e, a, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[a] = r, f = (e, a) => {
+  for (var r in a || (a = {}))
+    U.call(a, r) && O(e, r, a[r]);
+  if (W)
+    for (var r of W(a))
+      K.call(a, r) && O(e, r, a[r]);
+  return e;
+}, x = (e, a) => re(e, se(a));
+var p = (e, a) => {
+  var r = {};
+  for (var t in e)
+    U.call(e, t) && a.indexOf(t) < 0 && (r[t] = e[t]);
+  if (e != null && W)
+    for (var t of W(e))
+      a.indexOf(t) < 0 && K.call(e, t) && (r[t] = e[t]);
+  return r;
 };
-var ee = (t, a, n) => G(t, typeof a != "symbol" ? a + "" : a, n);
-import { jsx as c, jsxs as S } from "react/jsx-runtime";
-import * as E from "react";
-import le, { memo as P, forwardRef as q } from "react";
-import { clsx as pe } from "clsx";
-import { twMerge as ue } from "tailwind-merge";
-import { cva as me } from "class-variance-authority";
-import { X as be, AlertCircle as ge, Loader2 as xe, CheckCircle2 as ae } from "lucide-react";
-class V {
+var X = (e, a, r) => O(e, typeof a != "symbol" ? a + "" : a, r);
+import { jsx as l, jsxs as $ } from "react/jsx-runtime";
+import * as k from "react";
+import ee, { memo as D, forwardRef as _ } from "react";
+import { clsx as ne } from "clsx";
+import { twMerge as ie } from "tailwind-merge";
+import { cva as le } from "class-variance-authority";
+import { X as oe, AlertCircle as de, Loader2 as ce, CheckCircle2 as q } from "lucide-react";
+class F {
   /**
    * Create a radius token
    */
   static create(a) {
-    const r = {
+    const t = {
       none: {
         px: 0,
         tailwind: "rounded-none",
@@ -75,38 +75,38 @@ class V {
       }
     }[a];
     return {
-      value: r.px,
-      rem: `${r.px / 16}rem`,
-      px: `${r.px}px`,
-      tailwind: r.tailwind,
-      description: r.description
+      value: t.px,
+      rem: `${t.px / 16}rem`,
+      px: `${t.px}px`,
+      tailwind: t.tailwind,
+      description: t.description
     };
   }
 }
-const he = {
-  none: V.create("none"),
-  sm: V.create("sm"),
-  md: V.create("md"),
-  lg: V.create("lg"),
-  xl: V.create("xl"),
-  "2xl": V.create("2xl"),
-  "3xl": V.create("3xl"),
-  full: V.create("full")
+const fe = {
+  none: F.create("none"),
+  sm: F.create("sm"),
+  md: F.create("md"),
+  lg: F.create("lg"),
+  xl: F.create("xl"),
+  "2xl": F.create("2xl"),
+  "3xl": F.create("3xl"),
+  full: F.create("full")
 };
-function M(t) {
-  return he[t].tailwind;
+function C(e) {
+  return fe[e].tailwind;
 }
-class k {
+class w {
   // 4px base
   /**
    * Create a spacing token from scale value
    */
   static create(a) {
-    const n = a * this.BASE_UNIT, r = n / 16;
+    const r = a * this.BASE_UNIT, t = r / 16;
     return {
-      value: n,
-      rem: `${r}rem`,
-      px: `${n}px`,
+      value: r,
+      rem: `${t}rem`,
+      px: `${r}px`,
       tailwind: this.getTailwindClass(a)
     };
   }
@@ -163,46 +163,46 @@ class k {
     }[a] || String(a);
   }
 }
-ee(k, "BASE_UNIT", 4);
-const ye = {
+X(w, "BASE_UNIT", 4);
+const ue = {
   // Micro spacing (0-14px)
-  none: k.create(0),
-  "0.5": k.create(0.5),
+  none: w.create(0),
+  "0.5": w.create(0.5),
   // 2px (half-step)
-  xs: k.create(1),
+  xs: w.create(1),
   // 4px
-  "1.5": k.create(1.5),
+  "1.5": w.create(1.5),
   // 6px (half-step)
-  sm: k.create(2),
+  sm: w.create(2),
   // 8px
-  "2.5": k.create(2.5),
+  "2.5": w.create(2.5),
   // 10px (half-step)
-  md: k.create(3),
+  md: w.create(3),
   // 12px
-  "3.5": k.create(3.5),
+  "3.5": w.create(3.5),
   // 14px (half-step)
   // Standard spacing (16-32px)
-  base: k.create(4),
+  base: w.create(4),
   // 16px
-  lg: k.create(6),
+  lg: w.create(6),
   // 24px
-  xl: k.create(8),
+  xl: w.create(8),
   // 32px
   // Large spacing (40-64px)
-  "2xl": k.create(10),
+  "2xl": w.create(10),
   // 40px
-  "3xl": k.create(12),
+  "3xl": w.create(12),
   // 48px
-  "4xl": k.create(16),
+  "4xl": w.create(16),
   // 64px
   // Extra large spacing (80px+)
-  "5xl": k.create(20),
+  "5xl": w.create(20),
   // 80px
-  "6xl": k.create(24)
+  "6xl": w.create(24)
   // 96px
 };
-function d(t, a = "p") {
-  const r = ye[t].tailwind;
+function i(e, a = "p") {
+  const t = ue[e].tailwind;
   return `${{
     p: "p",
     m: "m",
@@ -223,14 +223,14 @@ function d(t, a = "p") {
     "gap-y": "gap-y",
     "space-x": "space-x",
     "space-y": "space-y"
-  }[a]}-${r}`;
+  }[a]}-${t}`;
 }
-class $ {
+class N {
   /**
    * Create font size token
    */
   static createFontSize(a) {
-    const r = {
+    const t = {
       "2xs": { px: 10, tailwind: "text-2xs" },
       // micro-text (badge counters, mini chips)
       xs: { px: 12, tailwind: "text-xs" },
@@ -245,17 +245,17 @@ class $ {
       "6xl": { px: 60, tailwind: "text-6xl" }
     }[a];
     return {
-      value: r.px,
-      rem: `${r.px / 16}rem`,
-      px: `${r.px}px`,
-      tailwind: r.tailwind
+      value: t.px,
+      rem: `${t.px / 16}rem`,
+      px: `${t.px}px`,
+      tailwind: t.tailwind
     };
   }
   /**
    * Create line height token
    */
   static createLineHeight(a) {
-    const r = {
+    const t = {
       none: { value: 1, tailwind: "leading-none" },
       tight: { value: 1.25, tailwind: "leading-tight" },
       snug: { value: 1.375, tailwind: "leading-snug" },
@@ -264,15 +264,15 @@ class $ {
       loose: { value: 2, tailwind: "leading-loose" }
     }[a];
     return {
-      value: r.value,
-      tailwind: r.tailwind
+      value: t.value,
+      tailwind: t.tailwind
     };
   }
   /**
    * Create font weight token
    */
   static createFontWeight(a) {
-    const r = {
+    const t = {
       light: { value: 300, tailwind: "font-light" },
       normal: { value: 400, tailwind: "font-normal" },
       medium: { value: 500, tailwind: "font-medium" },
@@ -280,66 +280,66 @@ class $ {
       bold: { value: 700, tailwind: "font-bold" }
     }[a];
     return {
-      value: r.value,
-      tailwind: r.tailwind
+      value: t.value,
+      tailwind: t.tailwind
     };
   }
   /**
    * Create complete typography token
    */
-  static create(a, n = "normal", r = "normal") {
+  static create(a, r = "normal", t = "normal") {
     return {
       fontSize: this.createFontSize(a),
-      lineHeight: this.createLineHeight(n),
-      fontWeight: this.createFontWeight(r)
+      lineHeight: this.createLineHeight(r),
+      fontWeight: this.createFontWeight(t)
     };
   }
 }
-$.createFontWeight("light"), $.createFontWeight("normal"), $.createFontWeight("medium"), $.createFontWeight("semibold"), $.createFontWeight("bold");
-const Z = {
+N.createFontWeight("light"), N.createFontWeight("normal"), N.createFontWeight("medium"), N.createFontWeight("semibold"), N.createFontWeight("bold");
+const B = {
   // Headings
-  h1: $.create("4xl", "tight", "bold"),
-  h2: $.create("3xl", "tight", "bold"),
-  h3: $.create("2xl", "snug", "semibold"),
-  h4: $.create("xl", "snug", "semibold"),
-  h5: $.create("lg", "normal", "medium"),
-  h6: $.create("base", "normal", "medium"),
+  h1: N.create("4xl", "tight", "bold"),
+  h2: N.create("3xl", "tight", "bold"),
+  h3: N.create("2xl", "snug", "semibold"),
+  h4: N.create("xl", "snug", "semibold"),
+  h5: N.create("lg", "normal", "medium"),
+  h6: N.create("base", "normal", "medium"),
   // Body text
-  body: $.create("base", "relaxed", "normal"),
-  bodySmall: $.create("sm", "relaxed", "normal"),
-  bodyLarge: $.create("lg", "relaxed", "normal"),
+  body: N.create("base", "relaxed", "normal"),
+  bodySmall: N.create("sm", "relaxed", "normal"),
+  bodyLarge: N.create("lg", "relaxed", "normal"),
   // UI elements
-  label: $.create("sm", "normal", "medium"),
-  caption: $.create("xs", "normal", "normal"),
-  button: $.create("base", "normal", "medium")
+  label: N.create("sm", "normal", "medium"),
+  caption: N.create("xs", "normal", "normal"),
+  button: N.create("base", "normal", "medium")
 };
-function R(t) {
-  const a = Z[t];
+function R(e) {
+  const a = B[e];
   return `${a.fontSize.tailwind} ${a.lineHeight.tailwind} ${a.fontWeight.tailwind}`;
 }
-function z(t) {
-  return Z[t].fontSize.tailwind;
+function E(e) {
+  return B[e].fontSize.tailwind;
 }
-function O(t) {
-  return Z[t].fontWeight.tailwind;
+function j(e) {
+  return B[e].fontWeight.tailwind;
 }
-function l(...t) {
-  return ue(pe(t));
+function n(...e) {
+  return ie(ne(e));
 }
-const _ = (t, a) => {
-  const n = me(t, a);
-  return ((r) => {
-    const s = n(r);
-    return l(s);
+const M = (e, a) => {
+  const r = le(e, a);
+  return ((t) => {
+    const s = r(t);
+    return n(s);
   });
-}, ve = _(
+}, pe = M(
   // Base classes
-  l(
+  n(
     "inline-flex",
     "items-center",
     "justify-center",
-    O("label"),
-    M("md"),
+    j("label"),
+    C("md"),
     "border"
   ),
   {
@@ -354,20 +354,20 @@ const _ = (t, a) => {
         secondary: ""
       },
       size: {
-        sm: l(
-          d("1.5", "px"),
-          d("0.5", "py"),
-          z("caption")
+        sm: n(
+          i("1.5", "px"),
+          i("0.5", "py"),
+          E("caption")
         ),
-        md: l(
-          d("sm", "px"),
-          d("xs", "py"),
-          z("caption")
+        md: n(
+          i("sm", "px"),
+          i("xs", "py"),
+          E("caption")
         ),
-        lg: l(
-          d("sm", "px"),
-          d("xs", "py"),
-          z("bodySmall")
+        lg: n(
+          i("sm", "px"),
+          i("xs", "py"),
+          E("bodySmall")
         )
       },
       style: {
@@ -380,32 +380,32 @@ const _ = (t, a) => {
       {
         variant: "success",
         style: "solid",
-        class: l("bg-success-bg", "text-success-dark", "border-success")
+        class: n("bg-success-bg", "text-success-dark", "border-success")
       },
       {
         variant: "warning",
         style: "solid",
-        class: l("bg-warning-bg", "text-warning-dark", "border-warning")
+        class: n("bg-warning-bg", "text-warning-dark", "border-warning")
       },
       {
         variant: "error",
         style: "solid",
-        class: l("bg-error-bg", "text-error-dark", "border-error")
+        class: n("bg-error-bg", "text-error-dark", "border-error")
       },
       {
         variant: "info",
         style: "solid",
-        class: l("bg-info-bg", "text-info-dark", "border-info")
+        class: n("bg-info-bg", "text-info-dark", "border-info")
       },
       {
         variant: "neutral",
         style: "solid",
-        class: l("bg-surface-muted", "text-fg-primary", "border-line-default")
+        class: n("bg-surface-muted", "text-fg-primary", "border-line-default")
       },
       {
         variant: "primary",
         style: "solid",
-        class: l(
+        class: n(
           "bg-surface-brand-subtle",
           "text-fg-brand-emphasis",
           "border-line-brand"
@@ -417,7 +417,7 @@ const _ = (t, a) => {
         // bg-pink-300: secondary solid badge — no semantic equivalent
         // (would shift 2 shades to bg-surface-secondary). Kept literal until
         // secondary brand surface palette expands beyond DEFAULT.
-        class: l(
+        class: n(
           "bg-pink-300",
           "text-fg-brand-secondary-emphasis",
           "border-line-secondary"
@@ -427,37 +427,37 @@ const _ = (t, a) => {
       {
         variant: "success",
         style: "outline",
-        class: l("bg-transparent", "border-success", "text-fg-success")
+        class: n("bg-transparent", "border-success", "text-fg-success")
       },
       {
         variant: "warning",
         style: "outline",
-        class: l("bg-transparent", "border-warning", "text-fg-warning")
+        class: n("bg-transparent", "border-warning", "text-fg-warning")
       },
       {
         variant: "error",
         style: "outline",
-        class: l("bg-transparent", "border-error", "text-fg-error")
+        class: n("bg-transparent", "border-error", "text-fg-error")
       },
       {
         variant: "info",
         style: "outline",
-        class: l("bg-transparent", "border-info", "text-fg-info")
+        class: n("bg-transparent", "border-info", "text-fg-info")
       },
       {
         variant: "neutral",
         style: "outline",
-        class: l("bg-transparent", "border-line-default", "text-fg-secondary")
+        class: n("bg-transparent", "border-line-default", "text-fg-secondary")
       },
       {
         variant: "primary",
         style: "outline",
-        class: l("bg-transparent", "border-line-brand", "text-fg-brand")
+        class: n("bg-transparent", "border-line-brand", "text-fg-brand")
       },
       {
         variant: "secondary",
         style: "outline",
-        class: l(
+        class: n(
           "bg-transparent",
           "border-line-secondary",
           "text-fg-brand-secondary"
@@ -470,16 +470,16 @@ const _ = (t, a) => {
       style: "solid"
     }
   }
-), we = P(
-  q(function(b, u) {
-    var m = b, {
+), me = D(
+  _(function(g, u) {
+    var y = g, {
       variant: a = "neutral",
-      size: n = "md",
-      style: r = "solid",
+      size: r = "md",
+      style: t = "solid",
       className: s = "",
-      children: i,
-      "aria-label": o
-    } = m, f = g(m, [
+      children: o,
+      "aria-label": d
+    } = y, c = p(y, [
       "variant",
       "size",
       "style",
@@ -487,148 +487,148 @@ const _ = (t, a) => {
       "children",
       "aria-label"
     ]);
-    const y = l(ve({ variant: a, size: n, style: r }), s);
-    let x;
-    if (o)
-      x = o;
-    else if (typeof i == "string")
-      x = i;
-    else if (typeof i == "object" && i !== null && "props" in i) {
-      const v = i.props;
-      v != null && v.children && typeof v.children == "string" && (x = v.children);
+    const b = n(pe({ variant: a, size: r, style: t }), s);
+    let m;
+    if (d)
+      m = d;
+    else if (typeof o == "string")
+      m = o;
+    else if (typeof o == "object" && o !== null && "props" in o) {
+      const h = o.props;
+      h != null && h.children && typeof h.children == "string" && (m = h.children);
     }
-    return /* @__PURE__ */ c(
+    return /* @__PURE__ */ l(
       "span",
-      h(p({
+      x(f({
         ref: u,
         role: "status",
-        "aria-label": x,
-        className: y
-      }, f), {
-        children: i
+        "aria-label": m,
+        className: b
+      }, c), {
+        children: o
       })
     );
   })
 );
-we.displayName = "Badge";
-function te(t, a) {
-  if (typeof t == "function")
-    return t(a);
-  t != null && (t.current = a);
+me.displayName = "Badge";
+function G(e, a) {
+  if (typeof e == "function")
+    return e(a);
+  e != null && (e.current = a);
 }
-function Ne(...t) {
+function ge(...e) {
   return (a) => {
-    let n = !1;
-    const r = t.map((s) => {
-      const i = te(s, a);
-      return !n && typeof i == "function" && (n = !0), i;
+    let r = !1;
+    const t = e.map((s) => {
+      const o = G(s, a);
+      return !r && typeof o == "function" && (r = !0), o;
     });
-    if (n)
+    if (r)
       return () => {
-        for (let s = 0; s < r.length; s++) {
-          const i = r[s];
-          typeof i == "function" ? i() : te(t[s], null);
+        for (let s = 0; s < t.length; s++) {
+          const o = t[s];
+          typeof o == "function" ? o() : G(e[s], null);
         }
       };
   };
 }
-function ke(...t) {
-  return E.useCallback(Ne(...t), t);
+function xe(...e) {
+  return k.useCallback(ge(...e), e);
 }
 // @__NO_SIDE_EFFECTS__
-function $e(t) {
-  const a = E.forwardRef((n, r) => {
-    var v;
-    let x = n, { children: s } = x, i = g(x, ["children"]), o = null, f = !1;
+function be(e) {
+  const a = k.forwardRef((r, t) => {
+    var h;
+    let m = r, { children: s } = m, o = p(m, ["children"]), d = null, c = !1;
     const u = [];
-    re(s) && typeof X == "function" && (s = X(s._payload)), E.Children.forEach(s, (N) => {
-      var T;
-      if (ze(N)) {
-        f = !0;
-        const D = N;
-        let L = "child" in D.props ? D.props.child : D.props.children;
-        re(L) && typeof X == "function" && (L = X(L._payload)), o = Ce(D, L), u.push((T = o == null ? void 0 : o.props) == null ? void 0 : T.children);
+    Y(s) && typeof H == "function" && (s = H(s._payload)), k.Children.forEach(s, (v) => {
+      var S;
+      if ($e(v)) {
+        c = !0;
+        const A = v;
+        let L = "child" in A.props ? A.props.child : A.props.children;
+        Y(L) && typeof H == "function" && (L = H(L._payload)), d = ve(A, L), u.push((S = d == null ? void 0 : d.props) == null ? void 0 : S.children);
       } else
-        u.push(N);
-    }), o ? o = E.cloneElement(o, void 0, u) : (
+        u.push(v);
+    }), d ? d = k.cloneElement(d, void 0, u) : (
       // A `Slottable` was found but it didn't resolve to a single element (e.g.
       // it wrapped multiple elements, text, or a render-prop `child` that
       // wasn't an element). Don't fall back to treating the `Slottable` wrapper
       // itself as the slot target — throw a descriptive error below instead.
-      !f && E.Children.count(s) === 1 && E.isValidElement(s) && (o = s)
+      !c && k.Children.count(s) === 1 && k.isValidElement(s) && (d = s)
     );
-    const b = o ? Ee(o) : void 0, m = ke(r, b);
-    if (!o) {
+    const g = d ? Ne(d) : void 0, y = xe(t, g);
+    if (!d) {
       if (s || s === 0)
         throw new Error(
-          f ? Ie(t) : Ae(t)
+          c ? Ee(e) : ke(e)
         );
       return s;
     }
-    const y = Me(i, (v = o.props) != null ? v : {});
-    return o.type !== E.Fragment && (y.ref = r ? m : b), E.cloneElement(o, y);
+    const b = we(o, (h = d.props) != null ? h : {});
+    return d.type !== k.Fragment && (b.ref = t ? y : g), k.cloneElement(d, b);
   });
-  return a.displayName = `${t}.Slot`, a;
+  return a.displayName = `${e}.Slot`, a;
 }
-var Se = /* @__PURE__ */ $e("Slot"), Te = /* @__PURE__ */ Symbol.for("radix.slottable"), Ce = (t, a) => {
-  if ("child" in t.props) {
-    const n = t.props.child;
-    return E.isValidElement(n) ? E.cloneElement(n, void 0, t.props.children(n.props.children)) : null;
+var he = /* @__PURE__ */ be("Slot"), ye = /* @__PURE__ */ Symbol.for("radix.slottable"), ve = (e, a) => {
+  if ("child" in e.props) {
+    const r = e.props.child;
+    return k.isValidElement(r) ? k.cloneElement(r, void 0, e.props.children(r.props.children)) : null;
   }
-  return E.isValidElement(a) ? a : null;
+  return k.isValidElement(a) ? a : null;
 };
-function Me(t, a) {
-  const n = p({}, a);
-  for (const r in a) {
-    const s = t[r], i = a[r];
-    /^on[A-Z]/.test(r) ? s && i ? n[r] = (...f) => {
-      const u = i(...f);
-      return s(...f), u;
-    } : s && (n[r] = s) : r === "style" ? n[r] = p(p({}, s), i) : r === "className" && (n[r] = [s, i].filter(Boolean).join(" "));
+function we(e, a) {
+  const r = f({}, a);
+  for (const t in a) {
+    const s = e[t], o = a[t];
+    /^on[A-Z]/.test(t) ? s && o ? r[t] = (...c) => {
+      const u = o(...c);
+      return s(...c), u;
+    } : s && (r[t] = s) : t === "style" ? r[t] = f(f({}, s), o) : t === "className" && (r[t] = [s, o].filter(Boolean).join(" "));
   }
-  return p(p({}, t), n);
+  return f(f({}, e), r);
 }
-function Ee(t) {
-  var r, s;
-  let a = (r = Object.getOwnPropertyDescriptor(t.props, "ref")) == null ? void 0 : r.get, n = a && "isReactWarning" in a && a.isReactWarning;
-  return n ? t.ref : (a = (s = Object.getOwnPropertyDescriptor(t, "ref")) == null ? void 0 : s.get, n = a && "isReactWarning" in a && a.isReactWarning, n ? t.props.ref : t.props.ref || t.ref);
+function Ne(e) {
+  var t, s;
+  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);
 }
-function ze(t) {
-  return E.isValidElement(t) && typeof t.type == "function" && "__radixId" in t.type && t.type.__radixId === Te;
+function $e(e) {
+  return k.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === ye;
 }
-var Fe = /* @__PURE__ */ Symbol.for("react.lazy");
-function re(t) {
-  return t != null && typeof t == "object" && "$$typeof" in t && t.$$typeof === Fe && "_payload" in t && Le(t._payload);
+var Se = /* @__PURE__ */ Symbol.for("react.lazy");
+function Y(e) {
+  return e != null && typeof e == "object" && "$$typeof" in e && e.$$typeof === Se && "_payload" in e && Ce(e._payload);
 }
-function Le(t) {
-  return typeof t == "object" && t !== null && "then" in t;
+function Ce(e) {
+  return typeof e == "object" && e !== null && "then" in e;
 }
-var Ae = (t) => `${t} failed to slot onto its children. Expected a single React element child or \`Slottable\`.`, Ie = (t) => `${t} failed to slot onto its \`Slottable\`. Expected \`Slottable\` to receive a single React element child.`, X = E[" use ".trim().toString()];
-const ne = _(
+var ke = (e) => `${e} failed to slot onto its children. Expected a single React element child or \`Slottable\`.`, Ee = (e) => `${e} failed to slot onto its \`Slottable\`. Expected \`Slottable\` to receive a single React element child.`, H = k[" use ".trim().toString()];
+const Z = M(
   // Base classes
-  l(
+  n(
     "inline-flex",
     "items-center",
     "font-medium",
-    M("full"),
-    d("xs", "gap")
+    C("full"),
+    i("xs", "gap")
   ),
   {
     variants: {
       variant: {
-        default: l(
+        default: n(
           "bg-surface-muted",
           "text-fg-primary",
           "border",
           "border-line-default"
         ),
-        outlined: l(
+        outlined: n(
           "bg-transparent",
           "text-fg-primary",
           "border",
           "border-line-default"
         ),
-        filled: l(
+        filled: n(
           "bg-surface-brand-strong",
           "text-fg-inverse",
           "border",
@@ -636,24 +636,24 @@ const ne = _(
         )
       },
       size: {
-        sm: l(
-          d("xs", "px"),
-          d("xs", "py"),
-          z("caption")
+        sm: n(
+          i("xs", "px"),
+          i("xs", "py"),
+          E("caption")
         ),
-        md: l(
-          d("sm", "px"),
-          d("xs", "py"),
-          z("bodySmall")
+        md: n(
+          i("sm", "px"),
+          i("xs", "py"),
+          E("bodySmall")
         ),
-        lg: l(
-          d("md", "px"),
-          d("sm", "py"),
-          z("body")
+        lg: n(
+          i("md", "px"),
+          i("sm", "py"),
+          E("body")
         )
       },
       selected: {
-        true: l(
+        true: n(
           "bg-surface-brand-strong",
           "text-fg-inverse",
           "border",
@@ -693,70 +693,70 @@ const ne = _(
       disabled: !1
     }
   }
-), De = q(function(a, n) {
+), Te = _(function(a, r) {
   const {
-    children: r,
+    children: t,
     variant: s = "default",
-    size: i = "md",
-    selected: o = !1,
-    disabled: f = !1,
+    size: o = "md",
+    selected: d = !1,
+    disabled: c = !1,
     className: u = "",
-    "aria-label": b,
-    tabIndex: m,
-    asChild: y = !1
-  } = a, v = (() => {
-    if (b) return b;
-    if (typeof r == "string") return r;
-    if (typeof r == "object" && r !== null && "props" in r) {
-      const F = r.props;
-      if (F != null && F.children && typeof F.children == "string")
-        return F.children;
+    "aria-label": g,
+    tabIndex: y,
+    asChild: b = !1
+  } = a, h = (() => {
+    if (g) return g;
+    if (typeof t == "string") return t;
+    if (typeof t == "object" && t !== null && "props" in t) {
+      const T = t.props;
+      if (T != null && T.children && typeof T.children == "string")
+        return T.children;
     }
   })();
-  if (y)
-    return /* @__PURE__ */ c(
-      Se,
+  if (b)
+    return /* @__PURE__ */ l(
+      he,
       {
-        ref: n,
-        className: l(
-          ne({ variant: s, size: i, selected: o, disabled: f }),
+        ref: r,
+        className: n(
+          Z({ variant: s, size: o, selected: d, disabled: c }),
           u
         ),
-        "aria-label": b,
-        "aria-disabled": f || void 0,
-        tabIndex: m,
-        children: r
+        "aria-label": g,
+        "aria-disabled": c || void 0,
+        tabIndex: y,
+        children: t
       }
     );
-  const { onRemove: N, onClick: T } = a, D = T !== void 0, L = D && !f, H = (F) => {
-    f || (F.key === "Enter" || F.key === " ") && (F.preventDefault(), T == null || T());
+  const { onRemove: v, onClick: S } = a, A = S !== void 0, L = A && !c, V = (T) => {
+    c || (T.key === "Enter" || T.key === " ") && (T.preventDefault(), S == null || S());
   };
-  return /* @__PURE__ */ S(
+  return /* @__PURE__ */ $(
     "div",
     {
-      ref: n,
-      className: l(
-        ne({ variant: s, size: i, selected: o, disabled: f }),
-        N && d("xs", "pr"),
+      ref: r,
+      className: n(
+        Z({ variant: s, size: o, selected: d, disabled: c }),
+        v && i("xs", "pr"),
         u
       ),
-      "aria-disabled": f,
+      "aria-disabled": c,
       children: [
-        D ? /* @__PURE__ */ c(
+        A ? /* @__PURE__ */ l(
           "button",
           {
             type: "button",
-            onClick: f ? void 0 : T,
-            onKeyDown: H,
-            disabled: f,
-            "aria-pressed": o ? !0 : void 0,
-            "aria-label": b || v,
-            tabIndex: m !== void 0 ? m : L ? 0 : void 0,
-            className: l(
+            onClick: c ? void 0 : S,
+            onKeyDown: V,
+            disabled: c,
+            "aria-pressed": d ? !0 : void 0,
+            "aria-label": g || h,
+            tabIndex: y !== void 0 ? y : L ? 0 : void 0,
+            className: n(
               "flex-1",
               "bg-transparent",
               "border-0",
-              d("none", "p"),
+              i("none", "p"),
               "text-inherit",
               "text-left",
               "cursor-pointer",
@@ -764,213 +764,120 @@ const ne = _(
               "focus:ring-2",
               "focus:ring-line-focus",
               "focus:ring-offset-2",
-              M("full")
+              C("full")
             ),
-            children: r
+            children: t
           }
-        ) : /* @__PURE__ */ c("span", { children: r }),
-        N && !f && /* @__PURE__ */ c(
+        ) : /* @__PURE__ */ l("span", { children: t }),
+        v && !c && /* @__PURE__ */ l(
           "button",
           {
             type: "button",
-            onClick: (F) => {
-              F.stopPropagation(), N();
+            onClick: (T) => {
+              T.stopPropagation(), v();
             },
-            className: l(
-              d("xs", "ml"),
+            className: n(
+              i("xs", "ml"),
               "hover:bg-tint-hover",
-              M("full"),
-              d("xs", "p"),
+              C("full"),
+              i("xs", "p"),
               "transition-colors",
               "focus:outline-none",
               "focus:ring-2",
               "focus:ring-line-focus",
               "focus:ring-offset-1"
             ),
-            "aria-label": `Remove ${v || "chip"}`,
-            children: /* @__PURE__ */ c(be, { className: "h-3 w-3", "aria-hidden": "true" })
+            "aria-label": `Remove ${h || "chip"}`,
+            children: /* @__PURE__ */ l(oe, { className: "h-3 w-3", "aria-hidden": "true" })
           }
         )
       ]
     }
   );
 });
-De.displayName = "Chip";
-function va(s) {
-  var i = s, {
-    message: t,
+Te.displayName = "Chip";
+function dt(s) {
+  var o = s, {
+    message: e,
     id: a,
-    className: n = ""
-  } = i, r = g(i, [
+    className: r = ""
+  } = o, t = p(o, [
     "message",
     "id",
     "className"
   ]);
-  const o = [
-    d("xs", "mt"),
-    z("bodySmall"),
+  const d = [
+    i("xs", "mt"),
+    E("bodySmall"),
     "text-fg-error",
     "flex",
     "items-center",
-    d("xs", "gap")
-  ], f = l(...o, n);
-  return /* @__PURE__ */ S("div", h(p({ role: "alert", id: a, className: f, "aria-live": "polite" }, r), { children: [
-    /* @__PURE__ */ c(ge, { className: "h-4 w-4 shrink-0", "aria-hidden": "true" }),
-    /* @__PURE__ */ c("span", { children: t })
+    i("xs", "gap")
+  ], c = n(...d, r);
+  return /* @__PURE__ */ $("div", x(f({ role: "alert", id: a, className: c, "aria-live": "polite" }, t), { children: [
+    /* @__PURE__ */ l(de, { className: "h-4 w-4 shrink-0", "aria-hidden": "true" }),
+    /* @__PURE__ */ l("span", { children: e })
   ] }));
 }
-function wa(r) {
-  var s = r, {
-    variant: t = "info",
+function ct(t) {
+  var s = t, {
+    variant: e = "info",
     className: a
-  } = s, n = g(s, [
+  } = s, r = p(s, [
     "variant",
     "className"
   ]);
-  const i = {
-    warning: l("bg-warning-bg", "text-warning-dark", "border-warning"),
-    error: l("bg-error-bg", "text-error-dark", "border-error"),
-    info: l("bg-info-bg", "text-info-dark", "border-info")
+  const o = {
+    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")
   };
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ l(
     "div",
-    p({
+    f({
       role: "alert",
-      className: l(
+      className: n(
         "border",
-        d("base", "px"),
-        d("sm", "py"),
-        M("lg"),
-        i[t],
+        i("base", "px"),
+        i("sm", "py"),
+        C("lg"),
+        o[e],
         a
       )
-    }, n)
+    }, r)
   );
 }
-const Ve = l(
+const Le = n(
   "block",
-  z("label"),
-  O("label"),
+  E("label"),
+  j("label"),
   "text-fg-primary"
-), We = {
+), Ae = {
   default: "",
-  required: l(
+  required: n(
     "after:content-['*']",
-    `after:${d("0.5", "ml")}`,
+    `after:${i("0.5", "ml")}`,
     "after:text-fg-error"
   ),
-  optional: l(
+  optional: n(
     "after:content-['(optional)']",
-    `after:${d("xs", "ml")}`,
+    `after:${i("xs", "ml")}`,
     "after:text-fg-tertiary",
     "after:font-normal"
   )
-}, Re = P(
-  q(function(o, i) {
-    var f = o, { variant: a = "default", className: n = "", children: r } = f, s = g(f, ["variant", "className", "children"]);
-    const u = l(
-      Ve,
-      We[a],
-      n
+}, Fe = D(
+  _(function(d, o) {
+    var c = d, { variant: a = "default", className: r = "", children: t } = c, s = p(c, ["variant", "className", "children"]);
+    const u = n(
+      Le,
+      Ae[a],
+      r
     );
-    return /* @__PURE__ */ c("label", h(p({ ref: i, className: u }, s), { children: r }));
+    return /* @__PURE__ */ l("label", x(f({ ref: o, className: u }, s), { children: t }));
   })
 );
-Re.displayName = "Label";
-function w(t, a, n) {
-  const r = je(t), s = _e(t);
-  return {
-    hex: t,
-    rgb: r,
-    hsl: s,
-    cssVar: `var(--color-${a}-${n})`,
-    tailwind: `${a}-${n}`
-  };
-}
-function je(t) {
-  const a = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);
-  return a ? `${parseInt(a[1], 16)}, ${parseInt(a[2], 16)}, ${parseInt(a[3], 16)}` : "0, 0, 0";
-}
-function _e(t) {
-  const a = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);
-  if (!a) return "0, 0%, 0%";
-  const n = parseInt(a[1], 16) / 255, r = parseInt(a[2], 16) / 255, s = parseInt(a[3], 16) / 255, i = Math.max(n, r, s), o = Math.min(n, r, s);
-  let f = 0, u = 0;
-  const b = (i + o) / 2;
-  if (i !== o) {
-    const m = i - o;
-    switch (u = b > 0.5 ? m / (2 - i - o) : m / (i + o), i) {
-      case n:
-        f = ((r - s) / m + (r < s ? 6 : 0)) / 6;
-        break;
-      case r:
-        f = ((s - n) / m + 2) / 6;
-        break;
-      case s:
-        f = ((n - r) / m + 4) / 6;
-        break;
-    }
-  }
-  return `${Math.round(f * 360)}, ${Math.round(u * 100)}%, ${Math.round(b * 100)}%`;
-}
-w("#f0f4f8", "brand-primary", 50), w("#d9e2ec", "brand-primary", 100), w("#bcccdc", "brand-primary", 200), w("#9fb3c8", "brand-primary", 300), w("#7390ad", "brand-primary", 400), w("#486581", "brand-primary", 500), w("#334e68", "brand-primary", 600), w("#243b53", "brand-primary", 700), w("#1a2a3a", "brand-primary", 800), w("#102a43", "brand-primary", 900), w("#061a35", "brand-primary", 950);
-w("#f7f5ff", "brand-secondary", 50), w("#eee9ff", "brand-secondary", 100), w("#e0d6ff", "brand-secondary", 200), w("#cbb8ff", "brand-secondary", 300), w("#aa89fc", "brand-secondary", 400), w("#8e58f2", "brand-secondary", 500), w("#703bc8", "brand-secondary", 600), w("#582aa2", "brand-secondary", 700), w("#44227e", "brand-secondary", 800), w("#32185d", "brand-secondary", 900), w("#180635", "brand-secondary", 950);
-function e(t, a, n) {
-  const r = He(t), s = Be(t);
-  return {
-    hex: t,
-    rgb: r,
-    hsl: s,
-    cssVar: `var(--color-${a}-${n})`,
-    tailwind: `${a}-${n}`
-  };
-}
-function He(t) {
-  const a = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);
-  return a ? `${parseInt(a[1], 16)}, ${parseInt(a[2], 16)}, ${parseInt(a[3], 16)}` : "0, 0, 0";
-}
-function Be(t) {
-  const a = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);
-  if (!a) return "0, 0%, 0%";
-  const n = parseInt(a[1], 16) / 255, r = parseInt(a[2], 16) / 255, s = parseInt(a[3], 16) / 255, i = Math.max(n, r, s), o = Math.min(n, r, s);
-  let f = 0, u = 0;
-  const b = (i + o) / 2;
-  if (i !== o) {
-    const m = i - o;
-    switch (u = b > 0.5 ? m / (2 - i - o) : m / (i + o), i) {
-      case n:
-        f = ((r - s) / m + (r < s ? 6 : 0)) / 6;
-        break;
-      case r:
-        f = ((s - n) / m + 2) / 6;
-        break;
-      case s:
-        f = ((n - r) / m + 4) / 6;
-        break;
-    }
-  }
-  return `${Math.round(f * 360)}, ${Math.round(u * 100)}%, ${Math.round(b * 100)}%`;
-}
-e("#eef2ff", "indigo", 50), e("#e0e7ff", "indigo", 100), e("#c7d2fe", "indigo", 200), e("#a5b4fc", "indigo", 300), e("#818cf8", "indigo", 400), e("#6366f1", "indigo", 500), e("#4f46e5", "indigo", 600), e("#4338ca", "indigo", 700), e("#3730a3", "indigo", 800), e("#312e81", "indigo", 900), e("#1e1b4b", "indigo", 950);
-e("#f5f3ff", "violet", 50), e("#ede9fe", "violet", 100), e("#ddd6fe", "violet", 200), e("#c4b5fd", "violet", 300), e("#a78bfa", "violet", 400), e("#8b5cf6", "violet", 500), e("#7c3aed", "violet", 600), e("#6d28d9", "violet", 700), e("#5b21b6", "violet", 800), e("#4c1d95", "violet", 900), e("#2e1065", "violet", 950);
-e("#ecfeff", "cyan", 50), e("#cffafe", "cyan", 100), e("#a5f3fc", "cyan", 200), e("#67e8f9", "cyan", 300), e("#22d3ee", "cyan", 400), e("#06b6d4", "cyan", 500), e("#0891b2", "cyan", 600), e("#0e7490", "cyan", 700), e("#155e75", "cyan", 800), e("#164e63", "cyan", 900), e("#083344", "cyan", 950);
-e("#f8fafc", "slate", 50), e("#f1f5f9", "slate", 100), e("#e2e8f0", "slate", 200), e("#cbd5e1", "slate", 300), e("#94a3b8", "slate", 400), e("#64748b", "slate", 500), e("#475569", "slate", 600), e("#334155", "slate", 700), e("#1e293b", "slate", 800), e("#0f172a", "slate", 900), e("#020617", "slate", 950);
-e("#f9fafb", "gray", 50), e("#f3f4f6", "gray", 100), e("#e5e7eb", "gray", 200), e("#d1d5db", "gray", 300), e("#9ca3af", "gray", 400), e("#6b7280", "gray", 500), e("#4b5563", "gray", 600), e("#374151", "gray", 700), e("#1f2937", "gray", 800), e("#111827", "gray", 900), e("#030712", "gray", 950);
-e("#ecfdf5", "emerald", 50), e("#d1fae5", "emerald", 100), e("#a7f3d0", "emerald", 200), e("#6ee7b7", "emerald", 300), e("#34d399", "emerald", 400), e("#10b981", "emerald", 500), e("#059669", "emerald", 600), e("#047857", "emerald", 700), e("#065f46", "emerald", 800), e("#064e3b", "emerald", 900), e("#022c22", "emerald", 950);
-e("#f0fdf4", "green", 50), e("#dcfce7", "green", 100), e("#bbf7d0", "green", 200), e("#86efac", "green", 300), e("#4ade80", "green", 400), e("#22c55e", "green", 500), e("#16a34a", "green", 600), e("#15803d", "green", 700), e("#166534", "green", 800), e("#14532d", "green", 900), e("#052e16", "green", 950);
-e("#fffbeb", "amber", 50), e("#fef3c7", "amber", 100), e("#fde68a", "amber", 200), e("#fcd34d", "amber", 300), e("#fbbf24", "amber", 400), e("#f59e0b", "amber", 500), e("#d97706", "amber", 600), e("#b45309", "amber", 700), e("#92400e", "amber", 800), e("#78350f", "amber", 900), e("#451a03", "amber", 950);
-e("#fefce8", "yellow", 50), e("#fef9c3", "yellow", 100), e("#fef08a", "yellow", 200), e("#fde047", "yellow", 300), e("#facc15", "yellow", 400), e("#eab308", "yellow", 500), e("#ca8a04", "yellow", 600), e("#a16207", "yellow", 700), e("#854d0e", "yellow", 800), e("#713f12", "yellow", 900), e("#422006", "yellow", 950);
-e("#fff7ed", "orange", 50), e("#ffedd5", "orange", 100), e("#fed7aa", "orange", 200), e("#fdba74", "orange", 300), e("#fb923c", "orange", 400), e("#f97316", "orange", 500), e("#ea580c", "orange", 600), e("#c2410c", "orange", 700), e("#9a3412", "orange", 800), e("#7c2d12", "orange", 900), e("#431407", "orange", 950);
-e("#fff1f2", "rose", 50), e("#ffe4e6", "rose", 100), e("#fecdd3", "rose", 200), e("#fda4af", "rose", 300), e("#fb7185", "rose", 400), e("#f43f5e", "rose", 500), e("#e11d48", "rose", 600), e("#be123c", "rose", 700), e("#9f1239", "rose", 800), e("#881337", "rose", 900), e("#4c0519", "rose", 950);
-e("#fef2f2", "red", 50), e("#fee2e2", "red", 100), e("#fecaca", "red", 200), e("#fca5a5", "red", 300), e("#f87171", "red", 400), e("#ef4444", "red", 500), e("#dc2626", "red", 600), e("#b91c1c", "red", 700), e("#991b1b", "red", 800), e("#7f1d1d", "red", 900), e("#450a0a", "red", 950);
-e("#f0f9ff", "sky", 50), e("#e0f2fe", "sky", 100), e("#bae6fd", "sky", 200), e("#7dd3fc", "sky", 300), e("#38bdf8", "sky", 400), e("#0ea5e9", "sky", 500), e("#0284c7", "sky", 600), e("#0369a1", "sky", 700), e("#075985", "sky", 800), e("#0c4a6e", "sky", 900), e("#082f49", "sky", 950);
-e("#eff6ff", "blue", 50), e("#dbeafe", "blue", 100), e("#bfdbfe", "blue", 200), e("#93c5fd", "blue", 300), e("#60a5fa", "blue", 400), e("#3b82f6", "blue", 500), e("#2563eb", "blue", 600), e("#1d4ed8", "blue", 700), e("#1e40af", "blue", 800), e("#1e3a8a", "blue", 900), e("#172554", "blue", 950);
-e("#fdf4ff", "fuchsia", 50), e("#fae8ff", "fuchsia", 100), e("#f5d0fe", "fuchsia", 200), e("#f0abfc", "fuchsia", 300), e("#e879f9", "fuchsia", 400), e("#d946ef", "fuchsia", 500), e("#c026d3", "fuchsia", 600), e("#a21caf", "fuchsia", 700), e("#86198f", "fuchsia", 800), e("#701a75", "fuchsia", 900), e("#4a044e", "fuchsia", 950);
-e("#fdf2f8", "pink", 50), e("#fce7f3", "pink", 100), e("#fbcfe8", "pink", 200), e("#f9a8d4", "pink", 300), e("#f472b6", "pink", 400), e("#ec4899", "pink", 500), e("#db2777", "pink", 600), e("#be185d", "pink", 700), e("#9d174d", "pink", 800), e("#831843", "pink", 900), e("#500724", "pink", 950);
-e("#faf5ff", "purple", 50), e("#f3e8ff", "purple", 100), e("#e9d5ff", "purple", 200), e("#d8b4fe", "purple", 300), e("#c084fc", "purple", 400), e("#a855f7", "purple", 500), e("#9333ea", "purple", 600), e("#7e22ce", "purple", 700), e("#6b21a8", "purple", 800), e("#581c87", "purple", 900), e("#3b0764", "purple", 950);
-e("#f0fdfa", "teal", 50), e("#ccfbf1", "teal", 100), e("#99f6e4", "teal", 200), e("#5eead4", "teal", 300), e("#2dd4bf", "teal", 400), e("#14b8a6", "teal", 500), e("#0d9488", "teal", 600), e("#0f766e", "teal", 700), e("#115e59", "teal", 800), e("#134e4a", "teal", 900), e("#042f2e", "teal", 950);
-e("#f7fee7", "lime", 50), e("#ecfccb", "lime", 100), e("#d9f99d", "lime", 200), e("#bef264", "lime", 300), e("#a3e635", "lime", 400), e("#84cc16", "lime", 500), e("#65a30d", "lime", 600), e("#4d7c0f", "lime", 700), e("#3f6212", "lime", 800), e("#365314", "lime", 900), e("#1a2e05", "lime", 950);
-class j {
+Fe.displayName = "Label";
+class z {
   /**
    * Create a shadow token
    */
@@ -1014,261 +921,19 @@ class j {
     }[a];
   }
 }
-const Oe = {
-  none: j.create("none"),
-  sm: j.create("sm"),
-  md: j.create("md"),
-  lg: j.create("lg"),
-  xl: j.create("xl"),
-  "2xl": j.create("2xl"),
-  inner: j.create("inner")
+const Re = {
+  none: z.create("none"),
+  sm: z.create("sm"),
+  md: z.create("md"),
+  lg: z.create("lg"),
+  xl: z.create("xl"),
+  "2xl": z.create("2xl"),
+  inner: z.create("inner")
 };
-function Y(t) {
-  return Oe[t].tailwind;
-}
-class A {
-  /**
-   * Create a border width token
-   */
-  static createWidth(a) {
-    const r = {
-      none: {
-        px: 0,
-        tailwind: "border-0"
-      },
-      thin: {
-        px: 1,
-        tailwind: "border"
-      },
-      base: {
-        px: 1,
-        tailwind: "border"
-      },
-      medium: {
-        px: 2,
-        tailwind: "border-2"
-      },
-      thick: {
-        px: 4,
-        tailwind: "border-4"
-      }
-    }[a];
-    return {
-      value: r.px,
-      px: `${r.px}px`,
-      tailwind: r.tailwind
-    };
-  }
-  /**
-   * Create a complete border token
-   */
-  static create(a, n = "solid") {
-    return {
-      width: this.createWidth(a),
-      style: n,
-      description: `${a} ${n} border`
-    };
-  }
+function P(e) {
+  return Re[e].tailwind;
 }
-A.create("none"), A.create("thin"), A.create("base"), A.create("medium"), A.create("thick"), A.create("thin", "dashed"), A.create("base", "dashed"), A.create("thin", "dotted"), A.create("base", "dotted");
-class B {
-  /**
-   * Create breakpoint token
-   */
-  static create(a) {
-    const r = {
-      sm: { minWidth: 640, tailwind: "sm" },
-      md: { minWidth: 768, tailwind: "md" },
-      lg: { minWidth: 1024, tailwind: "lg" },
-      xl: { minWidth: 1280, tailwind: "xl" },
-      "2xl": { minWidth: 1536, tailwind: "2xl" }
-    }[a];
-    return {
-      name: a,
-      minWidth: r.minWidth,
-      px: `${r.minWidth}px`,
-      rem: `${r.minWidth / 16}rem`,
-      tailwind: r.tailwind
-    };
-  }
-}
-B.create("sm"), B.create("md"), B.create("lg"), B.create("xl"), B.create("2xl");
-class W {
-  /**
-   * Create an animation token
-   */
-  static create(a, n = "ease-in-out") {
-    const r = {
-      fast: {
-        value: "150ms",
-        ms: 150,
-        tailwind: "duration-150"
-      },
-      base: {
-        value: "200ms",
-        ms: 200,
-        tailwind: "duration-200"
-      },
-      slow: {
-        value: "300ms",
-        ms: 300,
-        tailwind: "duration-300"
-      },
-      slower: {
-        value: "500ms",
-        ms: 500,
-        tailwind: "duration-500"
-      }
-    }, s = {
-      "ease-in": {
-        value: "cubic-bezier(0.4, 0, 1, 1)",
-        tailwind: "ease-in",
-        description: "Slow start, fast end"
-      },
-      "ease-out": {
-        value: "cubic-bezier(0, 0, 0.2, 1)",
-        tailwind: "ease-out",
-        description: "Fast start, slow end"
-      },
-      "ease-in-out": {
-        value: "cubic-bezier(0.4, 0, 0.2, 1)",
-        tailwind: "ease-in-out",
-        description: "Slow start and end, fast middle"
-      },
-      spring: {
-        value: "cubic-bezier(0.68, -0.55, 0.265, 1.55)",
-        tailwind: "ease-[cubic-bezier(0.68,-0.55,0.265,1.55)]",
-        description: "Spring-like bounce effect"
-      }
-    };
-    return {
-      duration: r[a],
-      easing: s[n]
-    };
-  }
-  /**
-   * Create a transition token
-   */
-  static createTransition(a, n = "base", r = "ease-in-out") {
-    const s = this.create(n, r), i = Array.isArray(a) ? a.join(", ") : a, o = [
-      s.duration.tailwind,
-      s.easing.tailwind
-    ].join(" ");
-    return {
-      property: i,
-      duration: s.duration.value,
-      timingFunction: s.easing.value,
-      tailwind: o
-    };
-  }
-}
-W.create("fast"), W.create("base"), W.create("slow"), W.create("slower"), W.createTransition(
-  ["color", "background-color", "border-color"],
-  "base"
-), W.createTransition("opacity", "fast"), W.createTransition("transform", "base"), W.createTransition("all", "base");
-class I {
-  /**
-   * Create a z-index token
-   */
-  static create(a) {
-    return {
-      base: {
-        value: 0,
-        tailwind: "z-0",
-        description: "Base layer for normal content"
-      },
-      dropdown: {
-        value: 1e3,
-        tailwind: "z-[1000]",
-        description: "Dropdown menus and select options"
-      },
-      sticky: {
-        value: 1020,
-        tailwind: "z-[1020]",
-        description: "Sticky headers and navigation"
-      },
-      fixed: {
-        value: 1030,
-        tailwind: "z-[1030]",
-        description: "Fixed position elements"
-      },
-      "modal-backdrop": {
-        value: 1040,
-        tailwind: "z-[1040]",
-        description: "Modal backdrop/overlay"
-      },
-      modal: {
-        value: 1050,
-        tailwind: "z-[1050]",
-        description: "Modal dialogs and drawers"
-      },
-      popover: {
-        value: 1060,
-        tailwind: "z-[1060]",
-        description: "Popovers and tooltips"
-      },
-      tooltip: {
-        value: 1070,
-        tailwind: "z-[1070]",
-        description: "Tooltips (highest priority)"
-      },
-      toast: {
-        value: 1080,
-        tailwind: "z-[1080]",
-        description: "Toast notifications (highest priority)"
-      }
-    }[a];
-  }
-}
-I.create("base"), I.create("dropdown"), I.create("sticky"), I.create("fixed"), I.create("modal-backdrop"), I.create("modal"), I.create("popover"), I.create("tooltip"), I.create("toast");
-class C {
-  /**
-   * Create an opacity token
-   */
-  static create(a) {
-    const n = a / 100, r = {
-      0: "Fully transparent",
-      5: "Very light overlay",
-      10: "Light overlay",
-      20: "Subtle overlay",
-      25: "Quarter opacity",
-      30: "Light background",
-      40: "Semi-transparent",
-      50: "Half opacity",
-      60: "Semi-opaque",
-      70: "Mostly opaque",
-      75: "Three-quarter opacity",
-      80: "High opacity",
-      90: "Very high opacity",
-      95: "Nearly opaque",
-      100: "Fully opaque"
-    };
-    return {
-      value: a,
-      decimal: n,
-      tailwind: {
-        0: "opacity-0",
-        5: "opacity-5",
-        10: "opacity-10",
-        20: "opacity-20",
-        25: "opacity-25",
-        30: "opacity-30",
-        40: "opacity-40",
-        50: "opacity-50",
-        60: "opacity-60",
-        70: "opacity-70",
-        75: "opacity-75",
-        80: "opacity-80",
-        90: "opacity-90",
-        95: "opacity-95",
-        100: "opacity-100"
-      }[a],
-      description: r[a]
-    };
-  }
-}
-C.create(0), C.create(5), C.create(10), C.create(20), C.create(25), C.create(30), C.create(40), C.create(50), C.create(60), C.create(70), C.create(75), C.create(80), C.create(90), C.create(95), C.create(100);
-const Pe = _("w-full", {
+const ze = M("w-full", {
   variants: {
     size: {
       sm: "h-1",
@@ -1288,7 +953,7 @@ const Pe = _("w-full", {
     size: "md",
     variant: "primary"
   }
-}), se = _("transition-all", {
+}), J = M("transition-all", {
   variants: {
     variant: {
       primary: "bg-surface-brand",
@@ -1302,17 +967,17 @@ const Pe = _("w-full", {
   defaultVariants: {
     variant: "primary"
   }
-}), qe = q(function(y, m) {
-  var x = y, {
+}), Me = _(function(b, y) {
+  var m = b, {
     value: a,
-    max: n = 100,
-    variant: r = "primary",
+    max: r = 100,
+    variant: t = "primary",
     size: s = "md",
-    showLabel: i = !1,
-    label: o,
-    "aria-label": f,
+    showLabel: o = !1,
+    label: d,
+    "aria-label": c,
     className: u = ""
-  } = x, b = g(x, [
+  } = m, g = p(m, [
     "value",
     "max",
     "variant",
@@ -1322,38 +987,38 @@ const Pe = _("w-full", {
     "aria-label",
     "className"
   ]);
-  const v = a === void 0, N = v ? void 0 : Math.min(Math.max(a / n * 100, 0), 100), T = f || (v ? "Loading in progress" : `Progress: ${N == null ? void 0 : N.toFixed(0)}%`);
-  return /* @__PURE__ */ S("div", h(p({ ref: m, className: l("w-full", u) }, b), { children: [
-    i && (o || !v) && /* @__PURE__ */ S(
+  const h = a === void 0, v = h ? void 0 : Math.min(Math.max(a / r * 100, 0), 100), S = c || (h ? "Loading in progress" : `Progress: ${v == null ? void 0 : v.toFixed(0)}%`);
+  return /* @__PURE__ */ $("div", x(f({ ref: y, className: n("w-full", u) }, g), { children: [
+    o && (d || !h) && /* @__PURE__ */ $(
       "div",
       {
-        className: l(
+        className: n(
           "flex",
           "items-center",
           "justify-between",
-          d("xs", "mb")
+          i("xs", "mb")
         ),
         children: [
-          o && /* @__PURE__ */ c(
+          d && /* @__PURE__ */ l(
             "span",
             {
-              className: l(
-                z("bodySmall"),
-                O("label"),
+              className: n(
+                E("bodySmall"),
+                j("label"),
                 "text-fg-primary"
               ),
-              children: o
+              children: d
             }
           ),
-          !v && N !== void 0 && /* @__PURE__ */ S(
+          !h && v !== void 0 && /* @__PURE__ */ $(
             "span",
             {
-              className: l(
-                z("bodySmall"),
+              className: n(
+                E("bodySmall"),
                 "text-fg-secondary"
               ),
               children: [
-                N.toFixed(0),
+                v.toFixed(0),
                 "%"
               ]
             }
@@ -1361,32 +1026,32 @@ const Pe = _("w-full", {
         ]
       }
     ),
-    /* @__PURE__ */ c(
+    /* @__PURE__ */ l(
       "div",
       {
         role: "progressbar",
-        "aria-valuemin": v ? void 0 : 0,
-        "aria-valuemax": v ? void 0 : n,
-        "aria-valuenow": v ? void 0 : a,
-        "aria-label": T,
-        "aria-busy": v,
-        className: l(
+        "aria-valuemin": h ? void 0 : 0,
+        "aria-valuemax": h ? void 0 : r,
+        "aria-valuenow": h ? void 0 : a,
+        "aria-label": S,
+        "aria-busy": h,
+        className: n(
           "relative",
           "w-full",
           "overflow-hidden",
-          Pe({ size: s, variant: r }),
-          M("full")
+          ze({ size: s, variant: t }),
+          C("full")
         ),
-        children: v ? /* @__PURE__ */ c(
+        children: h ? /* @__PURE__ */ l(
           "div",
           {
-            className: l(
+            className: n(
               "absolute",
               "top-0",
               "left-0",
               "bottom-0",
-              se({ variant: r }),
-              M("full"),
+              J({ variant: t }),
+              C("full"),
               "motion-reduce:animate-none"
             ),
             style: {
@@ -1394,19 +1059,19 @@ const Pe = _("w-full", {
               animation: "progress-indeterminate 1.5s ease-in-out infinite"
             }
           }
-        ) : /* @__PURE__ */ c(
+        ) : /* @__PURE__ */ l(
           "div",
           {
-            className: l(
+            className: n(
               "h-full",
-              se({ variant: r }),
-              M("full"),
+              J({ variant: t }),
+              C("full"),
               "transition-all",
               "duration-300",
               "ease-out"
             ),
             style: {
-              width: `${N}%`
+              width: `${v}%`
             },
             "aria-hidden": "true"
           }
@@ -1415,57 +1080,57 @@ const Pe = _("w-full", {
     )
   ] }));
 });
-qe.displayName = "Progress";
-const Ue = {
+Me.displayName = "Progress";
+const Ve = {
   horizontal: "w-full border-t",
   vertical: "h-full border-l self-stretch"
-}, Ke = {
+}, je = {
   solid: "border-solid",
   dashed: "border-dashed",
   dotted: "border-dotted"
-}, Xe = P(function(i) {
-  var o = i, {
+}, De = D(function(o) {
+  var d = o, {
     orientation: a = "horizontal",
-    variant: n = "solid",
-    className: r = ""
-  } = o, s = g(o, [
+    variant: r = "solid",
+    className: t = ""
+  } = d, s = p(d, [
     "orientation",
     "variant",
     "className"
   ]);
-  const f = l(
+  const c = n(
     "border-0",
     "border-line-default",
-    Ue[a],
-    Ke[n],
-    r
+    Ve[a],
+    je[r],
+    t
   );
-  return a === "vertical" ? /* @__PURE__ */ c(
+  return a === "vertical" ? /* @__PURE__ */ l(
     "div",
-    p({
-      className: f,
+    f({
+      className: c,
       role: "separator",
       "aria-orientation": "vertical"
     }, s)
-  ) : /* @__PURE__ */ c(
+  ) : /* @__PURE__ */ l(
     "hr",
-    p({
-      className: f,
+    f({
+      className: c,
       role: "separator",
       "aria-orientation": "horizontal"
     }, s)
   );
 });
-Xe.displayName = "Separator";
-function Na(f) {
-  var u = f, {
-    variant: t = "text",
+De.displayName = "Separator";
+function ft(c) {
+  var u = c, {
+    variant: e = "text",
     width: a,
-    height: n,
-    lines: r = 1,
+    height: r,
+    lines: t = 1,
     className: s = "",
-    "aria-label": i
-  } = u, o = g(u, [
+    "aria-label": o
+  } = u, d = p(u, [
     "variant",
     "width",
     "height",
@@ -1473,48 +1138,48 @@ function Na(f) {
     "className",
     "aria-label"
   ]);
-  const b = [
+  const g = [
     "motion-safe:animate-pulse",
     "bg-surface-muted",
-    M("sm")
-  ], m = {
+    C("sm")
+  ], y = {
     text: "h-4",
     card: "h-32",
     list: "h-12",
-    circle: M("full")
-  }, y = l(...b, m[t], s), x = {};
-  a && (x.width = a), n && (x.height = n);
-  const v = i || `Loading ${t} content`;
-  return t === "text" && r > 1 ? /* @__PURE__ */ c(
+    circle: C("full")
+  }, b = n(...g, y[e], s), m = {};
+  a && (m.width = a), r && (m.height = r);
+  const h = o || `Loading ${e} content`;
+  return e === "text" && t > 1 ? /* @__PURE__ */ l(
     "div",
-    h(p({
-      className: d("sm", "space-y"),
+    x(f({
+      className: i("sm", "space-y"),
       role: "status",
       "aria-busy": "true",
-      "aria-label": v
-    }, o), {
-      children: Array.from({ length: r }).map((N, T) => /* @__PURE__ */ c(
+      "aria-label": h
+    }, d), {
+      children: Array.from({ length: t }).map((v, S) => /* @__PURE__ */ l(
         "div",
         {
-          className: y,
-          style: T === r - 1 ? { width: "75%" } : x,
+          className: b,
+          style: S === t - 1 ? { width: "75%" } : m,
           "aria-hidden": "true"
         },
-        T
+        S
       ))
     })
-  ) : /* @__PURE__ */ c(
+  ) : /* @__PURE__ */ l(
     "div",
-    p({
-      className: y,
-      style: x,
+    f({
+      className: b,
+      style: m,
       role: "status",
       "aria-busy": "true",
-      "aria-label": v
-    }, o)
+      "aria-label": h
+    }, d)
   );
 }
-const Ge = _("motion-safe:animate-spin", {
+const _e = M("motion-safe:animate-spin", {
   variants: {
     size: {
       sm: "h-4 w-4",
@@ -1531,52 +1196,52 @@ const Ge = _("motion-safe:animate-spin", {
     size: "md",
     variant: "primary"
   }
-}), Ye = P(function(o) {
-  var f = o, {
+}), Ie = D(function(d) {
+  var c = d, {
     size: a = "md",
-    variant: n = "primary",
-    label: r,
+    variant: r = "primary",
+    label: t,
     className: s = ""
-  } = f, i = g(f, [
+  } = c, o = p(c, [
     "size",
     "variant",
     "label",
     "className"
   ]);
-  return /* @__PURE__ */ S(
+  return /* @__PURE__ */ $(
     "div",
-    h(p({
-      className: l("inline-flex", "items-center", s),
+    x(f({
+      className: n("inline-flex", "items-center", s),
       role: "status",
-      "aria-label": r || "Loading",
+      "aria-label": t || "Loading",
       "aria-live": "polite"
-    }, i), {
+    }, o), {
       children: [
-        /* @__PURE__ */ c(
-          xe,
+        /* @__PURE__ */ l(
+          ce,
           {
-            className: l(Ge({ size: a, variant: n })),
+            className: n(_e({ size: a, variant: r })),
             "aria-hidden": "true"
           }
         ),
-        r && /* @__PURE__ */ c(
+        t && /* @__PURE__ */ l(
           "span",
           {
-            className: l(
-              d("sm", "ml"),
-              z("bodySmall"),
+            className: n(
+              i("sm", "ml"),
+              E("bodySmall"),
               "text-fg-secondary",
               "sr-only"
             ),
-            children: r
+            children: t
           }
         )
       ]
     })
   );
 });
-Ye.displayName = "Spinner";
-const Ze = {
+Ie.displayName = "Spinner";
+const We = {
   primary: {
     // exception: variant color — no semantic equivalent (Principle 3, .claude/rules/colors.md)
     light: "text-indigo-400",
@@ -1628,16 +1293,16 @@ const Ze = {
     contrast: "text-fg-inverse"
   }
 };
-function Qe(b, u) {
-  var m = b, {
-    variant: t = "paragraph",
+function He(g, u) {
+  var y = g, {
+    variant: e = "paragraph",
     bold: a,
-    italic: n,
-    className: r,
+    italic: r,
+    className: t,
     as: s,
-    colorRole: i = "neutral",
-    colorShade: o = "dark"
-  } = m, f = g(m, [
+    colorRole: o = "neutral",
+    colorShade: d = "dark"
+  } = y, c = p(y, [
     "variant",
     "bold",
     "italic",
@@ -1646,41 +1311,41 @@ function Qe(b, u) {
     "colorRole",
     "colorShade"
   ]);
-  const y = [];
-  let x;
+  const b = [];
+  let m;
   if (s)
-    x = s;
+    m = s;
   else
-    switch (t) {
+    switch (e) {
       case "heading":
-        x = "h2";
+        m = "h2";
         break;
       case "list":
-        x = "li";
+        m = "li";
         break;
       default:
-        x = "p";
+        m = "p";
         break;
     }
-  return t === "heading" ? y.push(R("h2")) : t === "body" || t === "paragraph" ? y.push(R("body")) : t === "bodySmall" ? y.push(R("bodySmall")) : t === "bodyLarge" ? y.push(R("bodyLarge")) : t === "caption" ? y.push(R("caption")) : t === "label" ? y.push(R("label")) : y.push(R("body")), a && y.push("font-bold"), n && y.push("italic"), y.push(Ze[i][o]), /* @__PURE__ */ c(x, p({ ref: u, className: l(...y, r) }, f));
+  return e === "heading" ? b.push(R("h2")) : e === "body" || e === "paragraph" ? b.push(R("body")) : e === "bodySmall" ? b.push(R("bodySmall")) : e === "bodyLarge" ? b.push(R("bodyLarge")) : e === "caption" ? b.push(R("caption")) : e === "label" ? b.push(R("label")) : b.push(R("body")), a && b.push("font-bold"), r && b.push("italic"), b.push(We[o][d]), /* @__PURE__ */ l(m, f({ ref: u, className: n(...b, t) }, c));
 }
-const ie = q(Qe), Je = {
+const Q = _(He), Oe = {
   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"
-}, ea = le.forwardRef(
-  (u, f) => {
-    var b = u, {
-      className: t,
+}, Pe = ee.forwardRef(
+  (u, c) => {
+    var g = u, {
+      className: e,
       maxWidth: a = "lg",
-      paddingX: n = "base",
-      paddingY: r = "base",
+      paddingX: r = "base",
+      paddingY: t = "base",
       center: s = !0,
-      children: i
-    } = b, o = g(b, [
+      children: o
+    } = g, d = p(g, [
       "className",
       "maxWidth",
       "paddingX",
@@ -1688,35 +1353,35 @@ const ie = q(Qe), Je = {
       "center",
       "children"
     ]);
-    return /* @__PURE__ */ c(
+    return /* @__PURE__ */ l(
       "div",
-      h(p({
-        ref: f,
-        className: l(
+      x(f({
+        ref: c,
+        className: n(
           "w-full",
-          Je[a],
-          d(n, "px"),
-          d(r, "py"),
+          Oe[a],
+          i(r, "px"),
+          i(t, "py"),
           s && "mx-auto",
-          t
+          e
         )
-      }, o), {
-        children: i
+      }, d), {
+        children: o
       })
     );
   }
 );
-ea.displayName = "Container";
-const aa = le.forwardRef(
-  (u, f) => {
-    var b = u, {
-      className: t,
+Pe.displayName = "Container";
+const Be = ee.forwardRef(
+  (u, c) => {
+    var g = u, {
+      className: e,
       spacing: a = "base",
-      align: n = "stretch",
-      justify: r = "start",
+      align: r = "stretch",
+      justify: t = "start",
       direction: s = "column",
-      children: i
-    } = b, o = g(b, [
+      children: o
+    } = g, d = p(g, [
       "className",
       "spacing",
       "align",
@@ -1724,12 +1389,12 @@ const aa = le.forwardRef(
       "direction",
       "children"
     ]);
-    const m = s === "column" ? d(a, "gap-y") : d(a, "gap-x"), y = {
+    const y = s === "column" ? i(a, "gap-y") : i(a, "gap-x"), b = {
       start: "items-start",
       center: "items-center",
       end: "items-end",
       stretch: "items-stretch"
-    }, x = {
+    }, m = {
       start: "justify-start",
       center: "justify-center",
       end: "justify-end",
@@ -1737,82 +1402,82 @@ const aa = le.forwardRef(
       around: "justify-around",
       evenly: "justify-evenly"
     };
-    return /* @__PURE__ */ c(
+    return /* @__PURE__ */ l(
       "div",
-      h(p({
-        ref: f,
-        className: l(
+      x(f({
+        ref: c,
+        className: n(
           "flex",
           s === "column" ? "flex-col" : "flex-row",
-          m,
-          y[n],
-          x[r],
-          t
+          y,
+          b[r],
+          m[t],
+          e
         )
-      }, o), {
-        children: i
+      }, d), {
+        children: o
       })
     );
   }
 );
-aa.displayName = "Stack";
-function ta(s) {
-  var i = s, {
-    items: t,
+Be.displayName = "Stack";
+function Ue(s) {
+  var o = s, {
+    items: e,
     separator: a = "/",
-    className: n = ""
-  } = i, r = g(i, [
+    className: r = ""
+  } = o, t = p(o, [
     "items",
     "separator",
     "className"
   ]);
-  const o = [
+  const d = [
     "flex",
     "items-center",
-    d("sm", "space-x"),
-    z("bodySmall")
-  ], f = l(...o, n);
-  return /* @__PURE__ */ c("nav", h(p({ "aria-label": "Breadcrumb", className: f }, r), { children: /* @__PURE__ */ c(
+    i("sm", "space-x"),
+    E("bodySmall")
+  ], c = n(...d, r);
+  return /* @__PURE__ */ l("nav", x(f({ "aria-label": "Breadcrumb", className: c }, t), { children: /* @__PURE__ */ l(
     "ol",
     {
-      className: l("flex", "items-center", d("sm", "space-x")),
-      children: t.map((u, b) => {
-        const m = b === t.length - 1;
-        return /* @__PURE__ */ S("li", { className: "flex items-center", children: [
-          b > 0 && /* @__PURE__ */ c(
+      className: n("flex", "items-center", i("sm", "space-x")),
+      children: e.map((u, g) => {
+        const y = g === e.length - 1;
+        return /* @__PURE__ */ $("li", { className: "flex items-center", children: [
+          g > 0 && /* @__PURE__ */ l(
             "span",
             {
-              className: l(
-                d("sm", "mx"),
+              className: n(
+                i("sm", "mx"),
                 "text-fg-tertiary"
               ),
               "aria-hidden": "true",
               children: a
             }
           ),
-          m ? /* @__PURE__ */ c(
+          y ? /* @__PURE__ */ l(
             "span",
             {
-              className: l(
+              className: n(
                 "text-fg-primary",
-                O("label")
+                j("label")
               ),
               "aria-current": "page",
               children: u.label
             }
-          ) : u.href ? /* @__PURE__ */ c(
+          ) : u.href ? /* @__PURE__ */ l(
             "a",
             {
               href: u.href,
-              className: l(
+              className: n(
                 "inline-flex",
                 "items-center",
-                d("xs", "px"),
-                d("xs", "pt"),
+                i("xs", "px"),
+                i("xs", "pt"),
                 "border-b-2",
                 "border-transparent",
-                z("bodySmall"),
-                O("label"),
+                E("bodySmall"),
+                j("label"),
                 "transition-colors",
                 "text-fg-secondary",
                 "hover:border-line-emphasis",
@@ -1820,109 +1485,109 @@ function ta(s) {
               ),
               children: u.label
             }
-          ) : /* @__PURE__ */ c("span", { className: "text-fg-secondary", children: u.label })
-        ] }, b);
+          ) : /* @__PURE__ */ l("span", { className: "text-fg-secondary", children: u.label })
+        ] }, g);
       })
     }
   ) }));
 }
-function ra(r) {
-  var s = r, { children: t, className: a } = s, n = g(s, ["children", "className"]);
-  return /* @__PURE__ */ c(
+function Ke(t) {
+  var s = t, { children: e, className: a } = s, r = p(s, ["children", "className"]);
+  return /* @__PURE__ */ l(
     "div",
-    h(p({
-      className: l(
+    x(f({
+      className: n(
         "grid items-start",
-        d("1.5", "gap"),
-        d("base", "mb"),
+        i("1.5", "gap"),
+        i("base", "mb"),
         "[&:has([data-card-actions])]:grid-cols-[1fr_auto]",
         "[&:has([data-card-actions])>[data-card-actions]]:row-span-full",
         a
       )
-    }, n), {
-      children: t
+    }, r), {
+      children: e
     })
   );
 }
-function na(o) {
-  var f = o, {
-    children: t,
+function Xe(d) {
+  var c = d, {
+    children: e,
     icon: a,
-    badge: n,
-    as: r = "h2",
+    badge: r,
+    as: t = "h2",
     className: s
-  } = f, i = g(f, [
+  } = c, o = p(c, [
     "children",
     "icon",
     "badge",
     "as",
     "className"
   ]);
-  return /* @__PURE__ */ S(
-    r,
-    h(p({
-      className: l(
+  return /* @__PURE__ */ $(
+    t,
+    x(f({
+      className: n(
         "text-base font-semibold text-fg-primary",
         "flex items-center",
-        d("sm", "gap"),
+        i("sm", "gap"),
         s
       )
-    }, i), {
+    }, o), {
       children: [
-        a ? /* @__PURE__ */ c("span", { className: "shrink-0 inline-flex", children: a }) : null,
-        /* @__PURE__ */ c("span", { children: t }),
-        n ? /* @__PURE__ */ c("span", { className: "inline-flex", children: n }) : null
+        a ? /* @__PURE__ */ l("span", { className: "shrink-0 inline-flex", children: a }) : null,
+        /* @__PURE__ */ l("span", { children: e }),
+        r ? /* @__PURE__ */ l("span", { className: "inline-flex", children: r }) : null
       ]
     })
   );
 }
-function sa(r) {
-  var s = r, {
-    children: t,
+function qe(t) {
+  var s = t, {
+    children: e,
     className: a
-  } = s, n = g(s, [
+  } = s, r = p(s, [
     "children",
     "className"
   ]);
-  return /* @__PURE__ */ c("p", h(p({ className: l("text-sm text-fg-secondary", a) }, n), { children: t }));
+  return /* @__PURE__ */ l("p", x(f({ className: n("text-sm text-fg-secondary", a) }, r), { children: e }));
 }
-function ia(r) {
-  var s = r, {
-    children: t,
+function Ge(t) {
+  var s = t, {
+    children: e,
     className: a
-  } = s, n = g(s, [
+  } = s, r = p(s, [
     "children",
     "className"
   ]);
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ l(
     "div",
-    h(p({
+    x(f({
       "data-card-actions": "",
-      className: l(
+      className: n(
         "flex items-center self-start",
-        d("sm", "gap"),
+        i("sm", "gap"),
         a
       )
-    }, n), {
-      children: t
+    }, r), {
+      children: e
     })
   );
 }
-function la(r) {
-  var s = r, { children: t, className: a } = s, n = g(s, ["children", "className"]);
-  return /* @__PURE__ */ c("div", h(p({ className: l(a) }, n), { children: t }));
+function Ye(t) {
+  var s = t, { children: e, className: a } = s, r = p(s, ["children", "className"]);
+  return /* @__PURE__ */ l("div", x(f({ className: n(a) }, r), { children: e }));
 }
-function oa(b) {
-  var m = b, {
-    variant: t = "default",
+function Ze(g) {
+  var y = g, {
+    variant: e = "default",
     padding: a = "medium",
-    className: n = "",
-    onClick: r,
+    className: r = "",
+    onClick: t,
     "aria-label": s,
-    "aria-labelledby": i,
-    asSection: o = !1,
-    children: f
-  } = m, u = g(m, [
+    "aria-labelledby": o,
+    asSection: d = !1,
+    children: c
+  } = y, u = p(y, [
     "variant",
     "padding",
     "className",
@@ -1932,33 +1597,33 @@ function oa(b) {
     "asSection",
     "children"
   ]);
-  typeof process != "undefined" && process.env.NODE_ENV !== "production" && o && !s && !i && console.warn(
+  typeof process != "undefined" && process.env.NODE_ENV !== "production" && d && !s && !o && console.warn(
     "[Card] `asSection={true}` requires an accessible name. Pass `aria-labelledby` pointing to your Card.Title `id`, or `aria-label`. A <section> without a name is an anonymous landmark that hurts screen-reader navigation."
   );
-  const y = _(
-    l(
+  const b = M(
+    n(
       "bg-surface-base",
-      M("lg"),
+      C("lg"),
       "border",
       "border-line-default",
-      Y("sm")
+      P("sm")
     ),
     {
       variants: {
         variant: {
           default: "",
-          hover: l(
-            `hover:${Y("md")}`,
+          hover: n(
+            `hover:${P("md")}`,
             "transition-shadow",
             "cursor-pointer"
           ),
-          selected: l("border-line-brand", Y("md"))
+          selected: n("border-line-brand", P("md"))
         },
         padding: {
           none: "",
-          small: d("xs", "p"),
-          medium: d("base", "p"),
-          large: d("lg", "p")
+          small: i("xs", "p"),
+          medium: i("base", "p"),
+          large: i("lg", "p")
         }
       },
       defaultVariants: {
@@ -1966,182 +1631,182 @@ function oa(b) {
         padding: "medium"
       }
     }
-  ), x = r !== void 0, v = x ? "button" : void 0, N = x ? 0 : void 0, T = l(y({ variant: t, padding: a }), n), L = p({
-    className: T,
-    role: v,
-    tabIndex: N,
-    onClick: r,
-    onKeyDown: x ? (H) => {
-      x && (H.key === "Enter" || H.key === " ") && (H.preventDefault(), r == null || r());
+  ), m = t !== void 0, h = m ? "button" : void 0, v = m ? 0 : void 0, S = n(b({ variant: e, padding: a }), r), L = f({
+    className: S,
+    role: h,
+    tabIndex: v,
+    onClick: t,
+    onKeyDown: m ? (V) => {
+      m && (V.key === "Enter" || V.key === " ") && (V.preventDefault(), t == null || t());
     } : void 0,
     "aria-label": s,
-    "aria-labelledby": i
+    "aria-labelledby": o
   }, u);
-  return o ? /* @__PURE__ */ c("section", h(p({}, L), { children: f })) : /* @__PURE__ */ c("div", h(p({}, L), { children: f }));
+  return d ? /* @__PURE__ */ l("section", x(f({}, L), { children: c })) : /* @__PURE__ */ l("div", x(f({}, L), { children: c }));
 }
-const oe = P(oa);
-oe.displayName = "Card";
-const U = oe;
-U.Header = ra;
-U.Title = na;
-U.Subtitle = sa;
-U.Actions = ia;
-U.Body = la;
-function ka(r) {
-  var s = r, {
-    children: t,
+const te = D(Ze);
+te.displayName = "Card";
+const I = te;
+I.Header = Ke;
+I.Title = Xe;
+I.Subtitle = qe;
+I.Actions = Ge;
+I.Body = Ye;
+function ut(t) {
+  var s = t, {
+    children: e,
     className: a = ""
-  } = s, n = g(s, [
+  } = s, r = p(s, [
     "children",
     "className"
   ]);
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ l(
     "div",
-    h(p({
-      className: `flex flex-col ${d("1.5", "space-y")} ${d("lg", "p")} ${d("base", "pb")} ${a}`
-    }, n), {
-      children: t
+    x(f({
+      className: `flex flex-col ${i("1.5", "space-y")} ${i("lg", "p")} ${i("base", "pb")} ${a}`
+    }, r), {
+      children: e
     })
   );
 }
-function $a(r) {
-  var s = r, {
-    children: t,
+function pt(t) {
+  var s = t, {
+    children: e,
     className: a = ""
-  } = s, n = g(s, [
+  } = s, r = p(s, [
     "children",
     "className"
   ]);
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ l(
     "div",
-    h(p({
-      className: `flex flex-col-reverse sm:flex-row sm:justify-end sm:${d("sm", "space-x")} ${d("lg", "p")} ${d("base", "pt")} ${a}`
-    }, n), {
-      children: t
+    x(f({
+      className: `flex flex-col-reverse sm:flex-row sm:justify-end sm:${i("sm", "space-x")} ${i("lg", "p")} ${i("base", "pt")} ${a}`
+    }, r), {
+      children: e
     })
   );
 }
-function Sa(r) {
-  var s = r, {
-    children: t,
+function mt(t) {
+  var s = t, {
+    children: e,
     className: a = ""
-  } = s, n = g(s, [
+  } = s, r = p(s, [
     "children",
     "className"
   ]);
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ l(
     "div",
-    h(p({
+    x(f({
       className: `
-        ${d("lg", "p")}
+        ${i("lg", "p")}
         border-b
         border-line-default
         ${a}
       `
-    }, n), {
-      children: t
+    }, r), {
+      children: e
     })
   );
 }
-function Ta(r) {
-  var s = r, {
-    children: t,
+function gt(t) {
+  var s = t, {
+    children: e,
     className: a = ""
-  } = s, n = g(s, [
+  } = s, r = p(s, [
     "children",
     "className"
   ]);
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ l(
     "div",
-    h(p({
+    x(f({
       className: `
-        ${d("lg", "p")}
+        ${i("lg", "p")}
         border-t
         border-line-default
         flex
         justify-end
-        ${d("sm", "gap")}
+        ${i("sm", "gap")}
         ${a}
       `
-    }, n), {
-      children: t
+    }, r), {
+      children: e
     })
   );
 }
-function Ca({ children: t, className: a }) {
-  return /* @__PURE__ */ c(
+function xt({ children: e, className: a }) {
+  return /* @__PURE__ */ l(
     "div",
     {
-      className: l(
+      className: n(
         "flex-shrink-0 flex items-center",
-        d("sm", "gap"),
+        i("sm", "gap"),
         a
       ),
-      children: t
+      children: e
     }
   );
 }
-function Ma({
-  children: t,
+function bt({
+  children: e,
   className: a
 }) {
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ l(
     "nav",
     {
-      className: l(
+      className: n(
         "flex-1 flex items-center justify-center",
-        d("base", "gap"),
+        i("base", "gap"),
         "hidden md:flex",
         // Hidden on mobile, visible on desktop
         a
       ),
       "aria-label": "Main navigation",
-      children: t
+      children: e
     }
   );
 }
-function Ea(n) {
-  var r = n, {
-    className: t = ""
-  } = r, a = g(r, [
+function ht(r) {
+  var t = r, {
+    className: e = ""
+  } = t, a = p(t, [
     "className"
   ]);
-  return /* @__PURE__ */ c(
+  return /* @__PURE__ */ l(
     "div",
-    p({
+    f({
       role: "separator",
       className: `
         h-px
         bg-line-default
-        ${d("sm", "my")}
-        ${t}
+        ${i("sm", "my")}
+        ${e}
       `
     }, a)
   );
 }
-function za(r) {
-  var s = r, {
-    orientation: t = "horizontal",
+function yt(t) {
+  var s = t, {
+    orientation: e = "horizontal",
     className: a = ""
-  } = s, n = g(s, [
+  } = s, r = p(s, [
     "orientation",
     "className"
   ]);
-  return t === "vertical" ? /* @__PURE__ */ c(
+  return e === "vertical" ? /* @__PURE__ */ l(
     "div",
-    p({
-      className: l("w-px", "h-6", "bg-line-default", "mx-auto", a),
+    f({
+      className: n("w-px", "h-6", "bg-line-default", "mx-auto", a),
       role: "separator",
       "aria-orientation": "vertical"
-    }, n)
-  ) : /* @__PURE__ */ c(
+    }, r)
+  ) : /* @__PURE__ */ l(
     "div",
-    p({
-      className: l(
+    f({
+      className: n(
         "w-full",
         "h-px",
         "bg-line-default",
-        d("sm", "my"),
+        i("sm", "my"),
         // my-2 (8px) para consistência com gap-2 usado em outros lugares
         "flex-shrink-0",
         // Prevenir que separator encolha
@@ -2154,17 +1819,17 @@ function za(r) {
         willChange: "auto",
         transform: "none"
       }
-    }, n)
+    }, r)
   );
 }
-const da = _(
+const Je = M(
   // Base classes
-  l("w-full", "flex", "flex-col", d("sm", "gap")),
+  n("w-full", "flex", "flex-col", i("sm", "gap")),
   {
     variants: {
       variant: {
-        default: l(d("base", "mb")),
-        compact: l(d("sm", "mb"))
+        default: n(i("base", "mb")),
+        compact: n(i("sm", "mb"))
       }
     },
     defaultVariants: {
@@ -2172,15 +1837,15 @@ const da = _(
     }
   }
 );
-function Fa(f) {
-  var u = f, {
-    title: t,
+function vt(c) {
+  var u = c, {
+    title: e,
     description: a,
-    breadcrumb: n,
-    actions: r,
+    breadcrumb: r,
+    actions: t,
     variant: s = "default",
-    className: i
-  } = u, o = g(u, [
+    className: o
+  } = u, d = p(u, [
     "title",
     "description",
     "breadcrumb",
@@ -2188,30 +1853,30 @@ function Fa(f) {
     "variant",
     "className"
   ]);
-  return /* @__PURE__ */ S("div", h(p({ className: l(da({ variant: s }), i) }, o), { children: [
-    n && n.length > 0 && /* @__PURE__ */ c(ta, { items: n }),
-    /* @__PURE__ */ S(
+  return /* @__PURE__ */ $("div", x(f({ className: n(Je({ variant: s }), o) }, d), { children: [
+    r && r.length > 0 && /* @__PURE__ */ l(Ue, { items: r }),
+    /* @__PURE__ */ $(
       "div",
       {
-        className: `flex items-start justify-between ${d("base", "gap")}`,
+        className: `flex items-start justify-between ${i("base", "gap")}`,
         children: [
-          /* @__PURE__ */ S("div", { className: "flex-1 min-w-0", children: [
-            /* @__PURE__ */ c(
-              ie,
+          /* @__PURE__ */ $("div", { className: "flex-1 min-w-0", children: [
+            /* @__PURE__ */ l(
+              Q,
               {
                 variant: "heading",
                 as: "h1",
-                className: `${d("sm", "mb")} text-2xl font-bold`,
-                children: t
+                className: `${i("sm", "mb")} text-2xl font-bold`,
+                children: e
               }
             ),
-            a && /* @__PURE__ */ c(ie, { variant: "body", className: "text-fg-secondary", children: a })
+            a && /* @__PURE__ */ l(Q, { variant: "body", className: "text-fg-secondary", children: a })
           ] }),
-          r && /* @__PURE__ */ c(
+          t && /* @__PURE__ */ l(
             "div",
             {
-              className: `flex items-center ${d("sm", "gap")} flex-shrink-0`,
-              children: r
+              className: `flex items-center ${i("sm", "gap")} flex-shrink-0`,
+              children: t
             }
           )
         ]
@@ -2219,25 +1884,25 @@ function Fa(f) {
     )
   ] }));
 }
-const ca = {
+const Qe = {
   start: "items-start text-left",
   center: "items-center text-center"
-}, fa = {
+}, et = {
   neutral: "text-fg-tertiary",
   success: "text-fg-success",
   warning: "text-fg-warning",
   error: "text-fg-error"
 };
-function La(u) {
-  var b = u, {
-    value: t,
+function wt(u) {
+  var g = u, {
+    value: e,
     label: a,
-    hint: n,
-    icon: r,
+    hint: r,
+    icon: t,
     align: s = "start",
-    tone: i = "neutral",
-    className: o
-  } = b, f = g(b, [
+    tone: o = "neutral",
+    className: d
+  } = g, c = p(g, [
     "value",
     "label",
     "hint",
@@ -2246,241 +1911,241 @@ function La(u) {
     "tone",
     "className"
   ]);
-  const m = t == null;
-  return /* @__PURE__ */ S(
+  const y = e == null;
+  return /* @__PURE__ */ $(
     "div",
-    h(p({
-      className: l(
+    x(f({
+      className: n(
         "bg-surface-base flex-1 flex flex-col",
-        d("base", "p"),
-        d("xs", "gap-y"),
-        ca[s],
-        o
+        i("base", "p"),
+        i("xs", "gap-y"),
+        Qe[s],
+        d
       )
-    }, f), {
+    }, c), {
       children: [
-        r ? /* @__PURE__ */ c("span", { className: "text-icon-default inline-flex", children: r }) : null,
-        m ? /* @__PURE__ */ c(
+        t ? /* @__PURE__ */ l("span", { className: "text-icon-default inline-flex", children: t }) : null,
+        y ? /* @__PURE__ */ l(
           "span",
           {
             "aria-label": "No data",
             className: "text-fg-tertiary text-2xl font-semibold leading-tight",
             children: "—"
           }
-        ) : /* @__PURE__ */ c("span", { className: "text-fg-primary text-2xl font-semibold leading-tight", children: t }),
-        /* @__PURE__ */ c("span", { className: "text-fg-secondary text-sm", children: a }),
-        n ? /* @__PURE__ */ c("span", { className: l("text-xs", fa[i]), children: n }) : null
+        ) : /* @__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", et[o]), children: r }) : null
       ]
     })
   );
 }
-const pa = {
+const tt = {
   2: "md:grid-cols-2",
   3: "md:grid-cols-3",
   4: "md:grid-cols-4"
 };
-function Aa(i) {
-  var o = i, {
-    layout: t = "grid",
+function Nt(o) {
+  var d = o, {
+    layout: e = "grid",
     cols: a = 4,
-    className: n,
-    children: r
-  } = o, s = g(o, [
+    className: r,
+    children: t
+  } = d, s = p(d, [
     "layout",
     "cols",
     "className",
     "children"
   ]);
-  const f = t === "grid";
-  return /* @__PURE__ */ c(
+  const c = e === "grid";
+  return /* @__PURE__ */ l(
     "div",
-    h(p({
-      className: l(
+    x(f({
+      className: n(
         "bg-line-default border border-line-default overflow-hidden gap-px",
-        M("lg"),
-        f ? `grid grid-cols-2 ${pa[a]}` : "flex",
-        n
+        C("lg"),
+        c ? `grid grid-cols-2 ${tt[a]}` : "flex",
+        r
       )
     }, s), {
-      children: r
+      children: t
     })
   );
 }
-function Ia(s) {
-  var i = s, { column: t, row: a, className: n = "" } = i, r = g(i, ["column", "row", "className"]);
-  const o = t.key in a ? a[t.key] : void 0;
-  return /* @__PURE__ */ c(
+function $t(s) {
+  var o = s, { column: e, row: a, className: r = "" } = o, t = p(o, ["column", "row", "className"]);
+  const d = e.key in a ? a[e.key] : void 0;
+  return /* @__PURE__ */ l(
     "td",
-    h(p({
-      className: `${d("lg", "px")} ${d("base", "py")} whitespace-nowrap text-sm text-fg-primary ${t.hiddenOnMobile ? "hidden md:table-cell" : ""} ${n}`
-    }, r), {
-      children: t.render ? t.render(o, a) : String(o != null ? o : "")
+    x(f({
+      className: `${i("lg", "px")} ${i("base", "py")} whitespace-nowrap text-sm text-fg-primary ${e.hiddenOnMobile ? "hidden md:table-cell" : ""} ${r}`
+    }, t), {
+      children: e.render ? e.render(d, a) : String(d != null ? d : "")
     })
   );
 }
-function Da({
-  items: t,
+function St({
+  items: e,
   orientation: a = "vertical",
-  className: n = ""
+  className: r = ""
 }) {
-  return a === "horizontal" ? /* @__PURE__ */ c("div", { className: `flex items-start ${n}`, children: t.map((r, s) => {
-    const i = r.status || (s === 0 ? "active" : s < t.findIndex((f) => f.status === "active") ? "completed" : "default"), o = s === t.length - 1;
-    return /* @__PURE__ */ c("div", { className: "flex items-start flex-1", children: /* @__PURE__ */ S("div", { className: "flex flex-col items-center flex-1", children: [
-      /* @__PURE__ */ c(
+  return a === "horizontal" ? /* @__PURE__ */ l("div", { className: `flex items-start ${r}`, children: e.map((t, s) => {
+    const o = t.status || (s === 0 ? "active" : s < e.findIndex((c) => c.status === "active") ? "completed" : "default"), d = s === e.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(
         "div",
-        h(p({}, i === "default" ? { "data-marker": "pending" } : {}), {
+        x(f({}, o === "default" ? { "data-marker": "pending" } : {}), {
           className: `
                   flex
                   items-center
                   justify-center
                   w-10
                   h-10
-                  ${M("full")}
+                  ${C("full")}
                   border-2
-                  ${i === "completed" ? "bg-success border-success text-fg-inverse" : i === "active" ? "bg-surface-brand-strong border-line-brand text-fg-inverse" : i === "error" ? "bg-error border-error text-fg-inverse" : "bg-surface-base border-line-emphasis text-fg-quaternary"}
+                  ${o === "completed" ? "bg-success border-success text-fg-inverse" : o === "active" ? "bg-surface-brand-strong border-line-brand text-fg-inverse" : o === "error" ? "bg-error border-error text-fg-inverse" : "bg-surface-base border-line-emphasis text-fg-quaternary"}
                 `,
-          children: r.icon || (i === "completed" ? /* @__PURE__ */ c(ae, { className: "h-4 w-4" }) : s + 1)
+          children: t.icon || (o === "completed" ? /* @__PURE__ */ l(q, { className: "h-4 w-4" }) : s + 1)
         })
       ),
-      !o && /* @__PURE__ */ c(
+      !d && /* @__PURE__ */ l(
         "div",
         {
           className: `
                       w-full
                       h-0.5
-                      ${d("sm", "mt")}
-                      ${i === "completed" ? "bg-success" : "bg-line-emphasis"}
+                      ${i("sm", "mt")}
+                      ${o === "completed" ? "bg-success" : "bg-line-emphasis"}
                     `
         }
       ),
-      /* @__PURE__ */ S(
+      /* @__PURE__ */ $(
         "div",
         {
-          className: `${d("base", "mt")} text-center ${d("base", "px")}`,
+          className: `${i("base", "mt")} text-center ${i("base", "px")}`,
           children: [
-            r.timestamp && /* @__PURE__ */ c(
+            t.timestamp && /* @__PURE__ */ l(
               "p",
               {
-                className: `text-xs text-fg-tertiary ${d("xs", "mb")}`,
-                children: r.timestamp
+                className: `text-xs text-fg-tertiary ${i("xs", "mb")}`,
+                children: t.timestamp
               }
             ),
-            /* @__PURE__ */ c("h3", { className: "text-sm font-semibold text-fg-primary", children: r.title }),
-            r.description && /* @__PURE__ */ c(
+            /* @__PURE__ */ l("h3", { className: "text-sm font-semibold text-fg-primary", children: t.title }),
+            t.description && /* @__PURE__ */ l(
               "p",
               {
-                className: `text-xs text-fg-secondary ${d("xs", "mt")}`,
-                children: r.description
+                className: `text-xs text-fg-secondary ${i("xs", "mt")}`,
+                children: t.description
               }
             ),
-            r.content && /* @__PURE__ */ c("div", { className: d("sm", "mt"), children: r.content })
+            t.content && /* @__PURE__ */ l("div", { className: i("sm", "mt"), children: t.content })
           ]
         }
       )
-    ] }) }, r.id);
-  }) }) : /* @__PURE__ */ c("div", { className: `${d("none", "space-y")} ${n}`, children: t.map((r, s) => {
-    const i = r.status || (s === 0 ? "active" : s < t.findIndex((f) => f.status === "active") ? "completed" : "default"), o = s === t.length - 1;
-    return /* @__PURE__ */ S(
+    ] }) }, t.id);
+  }) }) : /* @__PURE__ */ l("div", { className: `${i("none", "space-y")} ${r}`, children: e.map((t, s) => {
+    const o = t.status || (s === 0 ? "active" : s < e.findIndex((c) => c.status === "active") ? "completed" : "default"), d = s === e.length - 1;
+    return /* @__PURE__ */ $(
       "div",
       {
-        className: `flex items-start ${d("base", "gap")}`,
+        className: `flex items-start ${i("base", "gap")}`,
         children: [
-          /* @__PURE__ */ S("div", { className: "flex flex-col items-center", children: [
-            /* @__PURE__ */ c(
+          /* @__PURE__ */ $("div", { className: "flex flex-col items-center", children: [
+            /* @__PURE__ */ l(
               "div",
-              h(p({}, i === "default" ? { "data-marker": "pending" } : {}), {
+              x(f({}, o === "default" ? { "data-marker": "pending" } : {}), {
                 className: `
                 flex
                 items-center
                 justify-center
                 w-10
                 h-10
-                ${M("full")}
+                ${C("full")}
                 border-2
-                ${i === "completed" ? "bg-success border-success text-fg-inverse" : i === "active" ? "bg-surface-brand-strong border-line-brand text-fg-inverse" : i === "error" ? "bg-error border-error text-fg-inverse" : "bg-surface-base border-line-emphasis text-fg-quaternary"}
+                ${o === "completed" ? "bg-success border-success text-fg-inverse" : o === "active" ? "bg-surface-brand-strong border-line-brand text-fg-inverse" : o === "error" ? "bg-error border-error text-fg-inverse" : "bg-surface-base border-line-emphasis text-fg-quaternary"}
               `,
-                children: r.icon || (i === "completed" ? /* @__PURE__ */ c(ae, { className: "h-4 w-4" }) : s + 1)
+                children: t.icon || (o === "completed" ? /* @__PURE__ */ l(q, { className: "h-4 w-4" }) : s + 1)
               })
             ),
-            !o && /* @__PURE__ */ c(
+            !d && /* @__PURE__ */ l(
               "div",
               {
                 className: `
                     w-0.5
                     flex-1
                     min-h-16
-                    ${d("sm", "mt")}
-                    ${i === "completed" ? "bg-success" : "bg-line-emphasis"}
+                    ${i("sm", "mt")}
+                    ${o === "completed" ? "bg-success" : "bg-line-emphasis"}
                   `
               }
             )
           ] }),
-          /* @__PURE__ */ S("div", { className: `flex-1 ${d("xl", "pb")}`, children: [
-            r.timestamp && /* @__PURE__ */ c(
+          /* @__PURE__ */ $("div", { className: `flex-1 ${i("xl", "pb")}`, children: [
+            t.timestamp && /* @__PURE__ */ l(
               "p",
               {
-                className: `text-xs text-fg-tertiary ${d("xs", "mb")}`,
-                children: r.timestamp
+                className: `text-xs text-fg-tertiary ${i("xs", "mb")}`,
+                children: t.timestamp
               }
             ),
-            /* @__PURE__ */ c(
+            /* @__PURE__ */ l(
               "h3",
               {
                 className: `
                 text-base
                 font-semibold
-                ${i === "active" ? "text-fg-brand-emphasis" : "text-fg-primary"}
+                ${o === "active" ? "text-fg-brand-emphasis" : "text-fg-primary"}
               `,
-                children: r.title
+                children: t.title
               }
             ),
-            r.description && /* @__PURE__ */ c(
+            t.description && /* @__PURE__ */ l(
               "p",
               {
-                className: `text-sm text-fg-secondary ${d("xs", "mt")}`,
-                children: r.description
+                className: `text-sm text-fg-secondary ${i("xs", "mt")}`,
+                children: t.description
               }
             ),
-            r.content && /* @__PURE__ */ c("div", { className: d("md", "mt"), children: r.content })
+            t.content && /* @__PURE__ */ l("div", { className: i("md", "mt"), children: t.content })
           ] })
         ]
       },
-      r.id
+      t.id
     );
   }) });
 }
 export {
-  we as Badge,
-  ta as Breadcrumb,
-  U as Card,
-  ia as CardActions,
-  la as CardBody,
-  ra as CardHeader,
-  sa as CardSubtitle,
-  na as CardTitle,
-  De as Chip,
-  ea as Container,
-  $a as DialogFooter,
-  ka as DialogHeader,
-  Ta as DrawerFooter,
-  Sa as DrawerHeader,
-  va as ErrorMessage,
-  Ca as HeaderActions,
-  Ma as HeaderNavigation,
-  wa as Info,
-  Re as Label,
-  Ea as MenuSeparator,
-  za as NavbarSeparator,
-  Fa as PageHeader,
-  qe as Progress,
-  Xe as Separator,
-  Na as Skeleton,
-  Ye as Spinner,
-  aa as Stack,
-  La as Stat,
-  Aa as StatGroup,
-  Ia as TableCell,
-  ie as Text,
-  Da as Timeline
+  me as Badge,
+  Ue as Breadcrumb,
+  I as Card,
+  Ge as CardActions,
+  Ye as CardBody,
+  Ke as CardHeader,
+  qe as CardSubtitle,
+  Xe as CardTitle,
+  Te as Chip,
+  Pe as Container,
+  pt as DialogFooter,
+  ut as DialogHeader,
+  gt as DrawerFooter,
+  mt as DrawerHeader,
+  dt as ErrorMessage,
+  xt as HeaderActions,
+  bt as HeaderNavigation,
+  ct as Info,
+  Fe as Label,
+  ht as MenuSeparator,
+  yt as NavbarSeparator,
+  vt as PageHeader,
+  Me as Progress,
+  De as Separator,
+  ft as Skeleton,
+  Ie as Spinner,
+  Be as Stack,
+  wt as Stat,
+  Nt as StatGroup,
+  $t as TableCell,
+  Q as Text,
+  St as Timeline
 };
 //# sourceMappingURL=index.js.map