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

package/dist/index.js

@@ -1431,16 +1431,16 @@ const No = (e, t) => {
       c = p + (c.length > 0 ? " " + c : c);
       continue;
     }
-    let x = !!y, v;
-    if (x) {
+    let g = !!y, v;
+    if (g) {
       const S = w.substring(0, y);
       v = s(S);
       const N = v && i[v] ? s(w) : void 0;
-      N && N !== v && (v = N, x = !1);
+      N && N !== v && (v = N, g = !1);
     } else
       v = s(w);
     if (!v) {
-      if (!x) {
+      if (!g) {
         c = p + (c.length > 0 ? " " + c : c);
         continue;
       }
@@ -1448,13 +1448,13 @@ const No = (e, t) => {
         c = p + (c.length > 0 ? " " + c : c);
         continue;
       }
-      x = !1;
+      g = !1;
     }
     const k = b.length === 0 ? "" : b.length === 1 ? b[0] : o(b).join(":"), $ = h ? k + ss : k, C = $ + v;
     if (l.indexOf(C) > -1)
       continue;
     l.push(C);
-    const j = a(v, x);
+    const j = a(v, g);
     for (let S = 0; S < j.length; ++S) {
       const N = j[S];
       l.push($ + N);
@@ -1502,7 +1502,7 @@ const No = (e, t) => {
   const s = Dn.exec(e);
   return s ? s[1] ? t(s[1]) : r : !1;
 }, Rn = (e) => e === "position" || e === "percentage", _n = (e) => e === "image" || e === "url", Ln = (e) => e === "length" || e === "size" || e === "bg-size", Fn = (e) => e === "length", fi = (e) => e === "number", zn = (e) => e === "family-name", On = (e) => e === "number" || e === "weight", Pn = (e) => e === "shadow", mi = () => {
-  const e = Ce("color"), t = Ce("font"), r = Ce("text"), s = Ce("font-weight"), a = Ce("tracking"), o = Ce("leading"), i = Ce("breakpoint"), l = Ce("container"), d = Ce("spacing"), c = Ce("radius"), u = Ce("shadow"), p = Ce("inset-shadow"), m = Ce("text-shadow"), b = Ce("drop-shadow"), h = Ce("blur"), w = Ce("perspective"), y = Ce("aspect"), x = Ce("ease"), v = Ce("animate"), k = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], $ = () => [
+  const e = Ce("color"), t = Ce("font"), r = Ce("text"), s = Ce("font-weight"), a = Ce("tracking"), o = Ce("leading"), i = Ce("breakpoint"), l = Ce("container"), d = Ce("spacing"), c = Ce("radius"), u = Ce("shadow"), p = Ce("inset-shadow"), m = Ce("text-shadow"), b = Ce("drop-shadow"), h = Ce("blur"), w = Ce("perspective"), y = Ce("aspect"), g = Ce("ease"), v = Ce("animate"), k = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], $ = () => [
     "center",
     "top",
     "bottom",
@@ -3595,7 +3595,7 @@ const No = (e, t) => {
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "initial", x, Z, X]
+        ease: ["linear", "initial", g, Z, X]
       }],
       /**
        * Transition Delay
@@ -4187,7 +4187,7 @@ const No = (e, t) => {
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
 }, pi = /* @__PURE__ */ Uo(mi);
-function g(...e) {
+function x(...e) {
   return pi(Sn(e));
 }
 const rn = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, sn = Sn, bi = (e, t) => (r) => {
@@ -4204,8 +4204,8 @@ const rn = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, sn = Sn, b
   }, {}), d = t == null || (s = t.compoundVariants) === null || s === void 0 ? void 0 : s.reduce((c, u) => {
     let h = u, { class: p, className: m } = h, b = P(h, ["class", "className"]);
     return Object.entries(b).every((w) => {
-      let [y, x] = w;
-      return Array.isArray(x) ? x.includes(A(A({}, o), l)[y]) : A(A({}, o), l)[y] === x;
+      let [y, g] = w;
+      return Array.isArray(g) ? g.includes(A(A({}, o), l)[y]) : A(A({}, o), l)[y] === g;
     }) ? [
       ...c,
       p,
@@ -4217,7 +4217,7 @@ const rn = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, sn = Sn, b
   const r = bi(e, t);
   return ((s) => {
     const a = r(s);
-    return g(a);
+    return x(a);
   });
 };
 function bs(...e) {
@@ -4483,7 +4483,7 @@ function gi() {
           return "Fragment";
         case v:
           return "Profiler";
-        case x:
+        case g:
           return "StrictMode";
         case j:
           return "Suspense";
@@ -4665,7 +4665,7 @@ React keys must be passed directly to JSX without using spread:
     function m(F) {
       return typeof F == "object" && F !== null && F.$$typeof === h;
     }
-    var b = xe, h = /* @__PURE__ */ Symbol.for("react.transitional.element"), w = /* @__PURE__ */ Symbol.for("react.portal"), y = /* @__PURE__ */ Symbol.for("react.fragment"), x = /* @__PURE__ */ Symbol.for("react.strict_mode"), v = /* @__PURE__ */ Symbol.for("react.profiler"), k = /* @__PURE__ */ Symbol.for("react.consumer"), $ = /* @__PURE__ */ Symbol.for("react.context"), C = /* @__PURE__ */ Symbol.for("react.forward_ref"), j = /* @__PURE__ */ Symbol.for("react.suspense"), S = /* @__PURE__ */ Symbol.for("react.suspense_list"), N = /* @__PURE__ */ Symbol.for("react.memo"), D = /* @__PURE__ */ Symbol.for("react.lazy"), _ = /* @__PURE__ */ Symbol.for("react.activity"), M = /* @__PURE__ */ Symbol.for("react.client.reference"), T = b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, I = Object.prototype.hasOwnProperty, R = Array.isArray, z = console.createTask ? console.createTask : function() {
+    var b = xe, h = /* @__PURE__ */ Symbol.for("react.transitional.element"), w = /* @__PURE__ */ Symbol.for("react.portal"), y = /* @__PURE__ */ Symbol.for("react.fragment"), g = /* @__PURE__ */ Symbol.for("react.strict_mode"), v = /* @__PURE__ */ Symbol.for("react.profiler"), k = /* @__PURE__ */ Symbol.for("react.consumer"), $ = /* @__PURE__ */ Symbol.for("react.context"), C = /* @__PURE__ */ Symbol.for("react.forward_ref"), j = /* @__PURE__ */ Symbol.for("react.suspense"), S = /* @__PURE__ */ Symbol.for("react.suspense_list"), N = /* @__PURE__ */ Symbol.for("react.memo"), D = /* @__PURE__ */ Symbol.for("react.lazy"), _ = /* @__PURE__ */ Symbol.for("react.activity"), M = /* @__PURE__ */ Symbol.for("react.client.reference"), T = b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, I = Object.prototype.hasOwnProperty, R = Array.isArray, z = console.createTask ? console.createTask : function() {
       return null;
     };
     b = {
@@ -4895,8 +4895,8 @@ function Un({
   titleId: a,
   descriptionId: o
 }) {
-  const [i, l] = V(r), [d, c] = V(0), [u, p] = V(0), m = Q(() => (c((x) => x + 1), () => c((x) => x - 1)), []), b = Q(() => (p((x) => x + 1), () => p((x) => x - 1)), []), h = t !== void 0 ? t : i, w = (x) => {
-    t === void 0 && l(x), s == null || s(x);
+  const [i, l] = V(r), [d, c] = V(0), [u, p] = V(0), m = Q(() => (c((g) => g + 1), () => c((g) => g - 1)), []), b = Q(() => (p((g) => g + 1), () => p((g) => g - 1)), []), h = t !== void 0 ? t : i, w = (g) => {
+    t === void 0 && l(g), s == null || s(g);
   };
   ir(h), Y(() => (h ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
     document.body.style.overflow = "";
@@ -5026,15 +5026,15 @@ function of(s) {
     "className"
   ]);
   const o = {
-    warning: g("bg-warning-bg", "text-warning-dark", "border-warning"),
-    error: g("bg-error-bg", "text-error-dark", "border-error"),
-    info: g("bg-info-bg", "text-info-dark", "border-info")
+    warning: x("bg-warning-bg", "text-warning-dark", "border-warning"),
+    error: x("bg-error-bg", "text-error-dark", "border-error"),
+    info: x("bg-info-bg", "text-info-dark", "border-info")
   };
   return /* @__PURE__ */ n.jsx(
     "div",
     A({
       role: "alert",
-      className: g(
+      className: x(
         "border",
         f("base", "px"),
         f("sm", "py"),
@@ -5131,7 +5131,7 @@ function Ei(c, d) {
         m = "p";
         break;
     }
-  return e === "heading" ? p.push($e("h2")) : e === "body" || e === "paragraph" ? p.push($e("body")) : e === "bodySmall" ? p.push($e("bodySmall")) : e === "bodyLarge" ? p.push($e("bodyLarge")) : e === "caption" ? p.push($e("caption")) : e === "label" ? p.push($e("label")) : p.push($e("body")), t && p.push("font-bold"), r && p.push("italic"), p.push(Ci[o][i]), /* @__PURE__ */ n.jsx(m, A({ ref: d, className: g(...p, s) }, l));
+  return e === "heading" ? p.push($e("h2")) : e === "body" || e === "paragraph" ? p.push($e("body")) : e === "bodySmall" ? p.push($e("bodySmall")) : e === "bodyLarge" ? p.push($e("bodyLarge")) : e === "caption" ? p.push($e("caption")) : e === "label" ? p.push($e("label")) : p.push($e("body")), t && p.push("font-bold"), r && p.push("italic"), p.push(Ci[o][i]), /* @__PURE__ */ n.jsx(m, A({ ref: d, className: x(...p, s) }, l));
 }
 const Pe = be(Ei);
 const Gn = (...e) => e.filter((t, r, s) => !!t && t.trim() !== "" && s.indexOf(t) === r).join(" ").trim();
@@ -5163,14 +5163,14 @@ const Ti = (e) => {
 }, Di = Te({}), Mi = () => he(Di), Ri = be(
   (c, d) => {
     var u = c, { color: e, size: t, strokeWidth: r, absoluteStrokeWidth: s, className: a = "", children: o, iconNode: i } = u, l = P(u, ["color", "size", "strokeWidth", "absoluteStrokeWidth", "className", "children", "iconNode"]);
-    var x, v, k;
+    var g, v, k;
     const {
       size: p = 24,
       strokeWidth: m = 2,
       absoluteStrokeWidth: b = !1,
       color: h = "currentColor",
       className: w = ""
-    } = (x = Mi()) != null ? x : {}, y = (s != null ? s : b) ? Number(r != null ? r : m) * 24 / Number(t != null ? t : p) : r != null ? r : m;
+    } = (g = Mi()) != null ? g : {}, y = (s != null ? s : b) ? Number(r != null ? r : m) * 24 / Number(t != null ? t : p) : r != null ? r : m;
     return ts(
       "svg",
       A(A(L(A({
@@ -5389,8 +5389,8 @@ function $l(e) {
       if (Tl(h)) {
         l = !0;
         const y = h;
-        let x = "child" in y.props ? y.props.child : y.props.children;
-        un(x) && typeof vr == "function" && (x = vr(x._payload)), i = El(y, x), d.push((w = i == null ? void 0 : i.props) == null ? void 0 : w.children);
+        let g = "child" in y.props ? y.props.child : y.props.children;
+        un(g) && typeof vr == "function" && (g = vr(g._payload)), i = El(y, g), d.push((w = i == null ? void 0 : i.props) == null ? void 0 : w.children);
       } else
         d.push(h);
     }), i ? i = ze.cloneElement(i, void 0, d) : (
@@ -5485,7 +5485,7 @@ const Ll = Ne("motion-safe:animate-spin", {
   return /* @__PURE__ */ n.jsxs(
     "div",
     L(A({
-      className: g("inline-flex", "items-center", a),
+      className: x("inline-flex", "items-center", a),
       role: "status",
       "aria-label": s || "Loading",
       "aria-live": "polite"
@@ -5494,14 +5494,14 @@ const Ll = Ne("motion-safe:animate-spin", {
         /* @__PURE__ */ n.jsx(
           Yn,
           {
-            className: g(Ll({ size: t, variant: r })),
+            className: x(Ll({ size: t, variant: r })),
             "aria-hidden": "true"
           }
         ),
         s && /* @__PURE__ */ n.jsx(
           "span",
           {
-            className: g(
+            className: x(
               f("sm", "ml"),
               le("bodySmall"),
               "text-fg-secondary",
@@ -5517,7 +5517,7 @@ const Ll = Ne("motion-safe:animate-spin", {
 Jn.displayName = "Spinner";
 const Fl = Ne(
   // Base classes
-  g(
+  x(
     "inline-flex",
     "items-center",
     "justify-center",
@@ -5534,25 +5534,25 @@ const Fl = Ne(
   {
     variants: {
       variant: {
-        primary: g(
+        primary: x(
           "bg-surface-brand-strong",
           "text-fg-inverse",
           "hover:opacity-90",
           "focus:ring-line-brand"
         ),
-        secondary: g(
+        secondary: x(
           "bg-surface-secondary",
           "text-fg-inverse",
           "hover:opacity-90",
           "focus:ring-line-secondary"
         ),
-        error: g(
+        error: x(
           "bg-error",
           "text-fg-inverse",
           "hover:opacity-90",
           "focus:ring-error"
         ),
-        outline: g(
+        outline: x(
           "border-2",
           "border-line-default",
           "bg-transparent",
@@ -5560,13 +5560,13 @@ const Fl = Ne(
           "hover:bg-surface-hover",
           "focus:ring-line-focus"
         ),
-        ghost: g(
+        ghost: x(
           "bg-transparent",
           "text-fg-primary",
           "hover:bg-surface-hover",
           "focus:ring-line-focus"
         ),
-        iconOnly: g(
+        iconOnly: x(
           "bg-transparent",
           "text-fg-primary",
           "hover:bg-surface-hover",
@@ -5600,7 +5600,7 @@ const Fl = Ne(
         // a disabled link should still receive the same visual
         // treatment as a disabled chrome variant — the opacity and
         // cursor signal the disabled state.
-        link: g(
+        link: x(
           "bg-transparent",
           "text-fg-brand",
           "underline-offset-4",
@@ -5609,19 +5609,19 @@ const Fl = Ne(
         )
       },
       size: {
-        sm: g(
+        sm: x(
           f("md", "px"),
           f("1.5", "py"),
           le("bodySmall"),
           f("1.5", "gap")
         ),
-        md: g(
+        md: x(
           f("base", "px"),
           f("sm", "py"),
           le("body"),
           f("sm", "gap")
         ),
-        lg: g(
+        lg: x(
           f("lg", "px"),
           f("md", "py"),
           le("bodyLarge"),
@@ -5634,17 +5634,17 @@ const Fl = Ne(
       {
         variant: "iconOnly",
         size: "sm",
-        class: g("h-8", "w-8", f("none", "p"))
+        class: x("h-8", "w-8", f("none", "p"))
       },
       {
         variant: "iconOnly",
         size: "md",
-        class: g("h-10", "w-10", f("none", "p"))
+        class: x("h-10", "w-10", f("none", "p"))
       },
       {
         variant: "iconOnly",
         size: "lg",
-        class: g("h-12", "w-12", f("none", "p"))
+        class: x("h-12", "w-12", f("none", "p"))
       },
       // Link variant zeroes the size's padding via compoundVariants so
       // the override runs AFTER the size block's `px-N`/`py-N` and
@@ -5655,17 +5655,17 @@ const Fl = Ne(
       {
         variant: "link",
         size: "sm",
-        class: g(f("none", "px"), f("none", "py"))
+        class: x(f("none", "px"), f("none", "py"))
       },
       {
         variant: "link",
         size: "md",
-        class: g(f("none", "px"), f("none", "py"))
+        class: x(f("none", "px"), f("none", "py"))
       },
       {
         variant: "link",
         size: "lg",
-        class: g(f("none", "px"), f("none", "py"))
+        class: x(f("none", "px"), f("none", "py"))
       }
     ],
     defaultVariants: {
@@ -5687,8 +5687,8 @@ function yr({
   ) : null;
 }
 const ie = _e(
-  be(function(x, y) {
-    var v = x, {
+  be(function(g, y) {
+    var v = g, {
       variant: t = "primary",
       size: r = "md",
       isLoading: s = !1,
@@ -5722,7 +5722,7 @@ const ie = _e(
     typeof process != "undefined" && process.env.NODE_ENV !== "production" && c && u !== void 0 && u !== "button" && console.warn(
       "[Button] `as` is ignored when `asChild` is true; the child element is used as the root. Drop one of the two props to silence this warning."
     );
-    const k = c ? qn : u != null ? u : "button", $ = g(
+    const k = c ? qn : u != null ? u : "button", $ = x(
       Fl({ variant: t, size: r }),
       d && "w-full",
       p
@@ -5750,7 +5750,7 @@ const ie = _e(
 );
 ie.displayName = "Button";
 const zl = Ne(
-  g(
+  x(
     "w-full",
     G("md"),
     "transition-colors",
@@ -5763,18 +5763,18 @@ const zl = Ne(
   {
     variants: {
       variant: {
-        default: g(
+        default: x(
           "border-0",
           "border-b-2",
           "border-line-default",
           "focus:border-line-focus"
         ),
-        outlined: g(
+        outlined: x(
           "border",
           "border-line-default",
           "focus:border-line-focus"
         ),
-        filled: g(
+        filled: x(
           "bg-surface-muted",
           "border-0",
           "focus:bg-surface-base",
@@ -5783,17 +5783,17 @@ const zl = Ne(
         )
       },
       size: {
-        sm: g(
+        sm: x(
           "h-8",
           le("bodySmall"),
           f("md", "px")
         ),
-        md: g(
+        md: x(
           "h-10",
           le("body"),
           f("base", "px")
         ),
-        lg: g(
+        lg: x(
           "h-12",
           le("bodyLarge"),
           f("lg", "px")
@@ -5801,8 +5801,8 @@ const zl = Ne(
       },
       state: {
         default: "",
-        error: g("border-error", "focus:border-error", "focus:ring-error"),
-        success: g(
+        error: x("border-error", "focus:border-error", "focus:ring-error"),
+        success: x(
           "border-success",
           "focus:border-success",
           "focus:ring-success"
@@ -5823,7 +5823,7 @@ function Ol({
   errorId: s,
   helperId: a
 }) {
-  const o = g(
+  const o = x(
     f("xs", "mt"),
     $e("caption"),
     e && "text-fg-error",
@@ -5842,7 +5842,7 @@ function Ol({
 }
 const Zn = be(
   function(y, w) {
-    var x = y, {
+    var g = y, {
       id: t,
       label: r,
       error: s = !1,
@@ -5856,7 +5856,7 @@ const Zn = be(
       className: p = "",
       disabled: m = !1,
       type: b = "text"
-    } = x, h = P(x, [
+    } = g, h = P(g, [
       "id",
       "label",
       "error",
@@ -5874,7 +5874,7 @@ const Zn = be(
     typeof process != "undefined" && process.env.NODE_ENV !== "production" && r && !t && console.warn(
       "[InputBase] `label` was provided without an `id`. The <label> cannot bind to the input (InputBase does not auto-generate an id — that needs a client hook). Pass an `id`, or use the interactive `Input` which auto-generates one."
     );
-    const v = s ? "error" : a ? "success" : "default", k = s && t ? `${t}-error` : void 0, $ = o && t ? `${t}-helper` : void 0, C = i === "sm" ? "h-4 w-4" : i === "lg" ? "h-5 w-5" : "h-4 w-4", j = i === "sm" ? "top-2" : i === "lg" ? "top-3.5" : "top-2.5", S = g(
+    const v = s ? "error" : a ? "success" : "default", k = s && t ? `${t}-error` : void 0, $ = o && t ? `${t}-helper` : void 0, C = i === "sm" ? "h-4 w-4" : i === "lg" ? "h-5 w-5" : "h-4 w-4", j = i === "sm" ? "top-2" : i === "lg" ? "top-3.5" : "top-2.5", S = x(
       zl({ variant: l, size: i, state: v }),
       // Icon padding — `pl-9` / `pr-9` aren't on the spacing scale (no
       // semantic key for 36px) so they stay raw at the `sm` size; md/lg use
@@ -5882,7 +5882,7 @@ const Zn = be(
       d && (i === "sm" ? "pl-9" : f(i === "lg" ? "3xl" : "2xl", "pl")),
       (c || u) && (i === "sm" ? "pr-9" : f(i === "lg" ? "3xl" : "2xl", "pr")),
       p
-    ), N = g(
+    ), N = x(
       "block",
       $e("label"),
       f("xs", "mb"),
@@ -5959,7 +5959,7 @@ const We = _e(
       type: h = "text",
       value: w,
       onChange: y
-    } = $, x = P($, [
+    } = $, g = P($, [
       "id",
       "label",
       "error",
@@ -6059,7 +6059,7 @@ const We = _e(
         type: _,
         value: w,
         onChange: y
-      }, x)
+      }, g)
     );
   })
 );
@@ -6075,7 +6075,7 @@ function Pl({
 }
 const Vl = Ne(
   // Base classes
-  g(
+  x(
     "inline-flex",
     "items-center",
     "transition-colors",
@@ -6090,13 +6090,13 @@ const Vl = Ne(
   {
     variants: {
       variant: {
-        default: g(
+        default: x(
           "text-fg-primary",
           "hover:opacity-80",
           "focus-visible:opacity-100",
           "focus:ring-line-brand"
         ),
-        underline: g(
+        underline: x(
           "text-fg-primary",
           "hover:opacity-80",
           "focus-visible:opacity-100",
@@ -6105,7 +6105,7 @@ const Vl = Ne(
           "hover:border-current",
           "focus:ring-line-brand"
         ),
-        background: g(
+        background: x(
           "text-fg-primary",
           "hover:bg-surface-hover",
           G("md"),
@@ -6113,17 +6113,17 @@ const Vl = Ne(
         )
       },
       size: {
-        sm: g(
+        sm: x(
           f("sm", "px"),
           f("xs", "py"),
           le("bodySmall")
         ),
-        md: g(
+        md: x(
           f("base", "px"),
           f("sm", "py"),
           le("body")
         ),
-        lg: g(
+        lg: x(
           f("lg", "px"),
           f("md", "py"),
           le("bodyLarge")
@@ -6194,19 +6194,19 @@ const Vl = Ne(
       "onClick",
       "onKeyDown"
     ]);
-    const y = K(() => s !== void 0 ? s : !1, [s]), { NextLink: x } = Pl({ href: t, active: y }), v = l || x || "a", k = K(() => {
+    const y = K(() => s !== void 0 ? s : !1, [s]), { NextLink: g } = Pl({ href: t, active: y }), v = l || g || "a", k = K(() => {
       if (!y) return "";
       switch (o) {
         case "underline":
-          return g(
+          return x(
             "border-b-2",
             "border-line-brand",
             "text-fg-brand-emphasis"
           );
         case "background":
-          return g("bg-surface-brand-muted", "text-fg-brand-emphasis");
+          return x("bg-surface-brand-muted", "text-fg-brand-emphasis");
         default:
-          return g("text-fg-brand-emphasis", "font-semibold");
+          return x("text-fg-brand-emphasis", "font-semibold");
       }
     }, [y, o]), $ = Q(
       (S) => {
@@ -6228,7 +6228,7 @@ const Vl = Ne(
       [a, p]
     ), j = K(() => {
       const S = A({
-        className: g(
+        className: x(
           Vl({ variant: o, size: i }),
           k,
           a && "opacity-50 cursor-not-allowed pointer-events-none",
@@ -6243,7 +6243,7 @@ const Vl = Ne(
         "data-active": y,
         "data-disabled": a
       }, m);
-      return x && !l ? L(A({}, S), {
+      return g && !l ? L(A({}, S), {
         href: a ? void 0 : t
       }) : L(A({}, S), {
         href: a ? void 0 : t
@@ -6259,7 +6259,7 @@ const Vl = Ne(
       $,
       C,
       t,
-      x,
+      g,
       l,
       m
     ]);
@@ -6269,7 +6269,7 @@ const Vl = Ne(
 gs.displayName = "NavLink";
 const Wl = Ne(
   // Base classes
-  g(
+  x(
     "inline-flex",
     "items-center",
     "justify-center",
@@ -6289,17 +6289,17 @@ const Wl = Ne(
         secondary: ""
       },
       size: {
-        sm: g(
+        sm: x(
           f("1.5", "px"),
           f("0.5", "py"),
           le("caption")
         ),
-        md: g(
+        md: x(
           f("sm", "px"),
           f("xs", "py"),
           le("caption")
         ),
-        lg: g(
+        lg: x(
           f("sm", "px"),
           f("xs", "py"),
           le("bodySmall")
@@ -6315,32 +6315,32 @@ const Wl = Ne(
       {
         variant: "success",
         style: "solid",
-        class: g("bg-success-bg", "text-success-dark", "border-success")
+        class: x("bg-success-bg", "text-success-dark", "border-success")
       },
       {
         variant: "warning",
         style: "solid",
-        class: g("bg-warning-bg", "text-warning-dark", "border-warning")
+        class: x("bg-warning-bg", "text-warning-dark", "border-warning")
       },
       {
         variant: "error",
         style: "solid",
-        class: g("bg-error-bg", "text-error-dark", "border-error")
+        class: x("bg-error-bg", "text-error-dark", "border-error")
       },
       {
         variant: "info",
         style: "solid",
-        class: g("bg-info-bg", "text-info-dark", "border-info")
+        class: x("bg-info-bg", "text-info-dark", "border-info")
       },
       {
         variant: "neutral",
         style: "solid",
-        class: g("bg-surface-muted", "text-fg-primary", "border-line-default")
+        class: x("bg-surface-muted", "text-fg-primary", "border-line-default")
       },
       {
         variant: "primary",
         style: "solid",
-        class: g(
+        class: x(
           "bg-surface-brand-subtle",
           "text-fg-brand-emphasis",
           "border-line-brand"
@@ -6352,7 +6352,7 @@ const Wl = Ne(
         // 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: g(
+        class: x(
           "bg-pink-300",
           "text-fg-brand-secondary-emphasis",
           "border-line-secondary"
@@ -6362,37 +6362,37 @@ const Wl = Ne(
       {
         variant: "success",
         style: "outline",
-        class: g("bg-transparent", "border-success", "text-fg-success")
+        class: x("bg-transparent", "border-success", "text-fg-success")
       },
       {
         variant: "warning",
         style: "outline",
-        class: g("bg-transparent", "border-warning", "text-fg-warning")
+        class: x("bg-transparent", "border-warning", "text-fg-warning")
       },
       {
         variant: "error",
         style: "outline",
-        class: g("bg-transparent", "border-error", "text-fg-error")
+        class: x("bg-transparent", "border-error", "text-fg-error")
       },
       {
         variant: "info",
         style: "outline",
-        class: g("bg-transparent", "border-info", "text-fg-info")
+        class: x("bg-transparent", "border-info", "text-fg-info")
       },
       {
         variant: "neutral",
         style: "outline",
-        class: g("bg-transparent", "border-line-default", "text-fg-secondary")
+        class: x("bg-transparent", "border-line-default", "text-fg-secondary")
       },
       {
         variant: "primary",
         style: "outline",
-        class: g("bg-transparent", "border-line-brand", "text-fg-brand")
+        class: x("bg-transparent", "border-line-brand", "text-fg-brand")
       },
       {
         variant: "secondary",
         style: "outline",
-        class: g(
+        class: x(
           "bg-transparent",
           "border-line-secondary",
           "text-fg-brand-secondary"
@@ -6422,7 +6422,7 @@ const Wl = Ne(
       "children",
       "aria-label"
     ]);
-    const p = g(Wl({ variant: t, size: r, style: s }), a);
+    const p = x(Wl({ variant: t, size: r, style: s }), a);
     let m;
     if (i)
       m = i;
@@ -6454,7 +6454,7 @@ const Bl = _e(function({
   helperId: o
 }) {
   const i = K(
-    () => g(
+    () => x(
       f("xs", "mt"),
       $e("caption"),
       t && "text-fg-error",
@@ -6502,19 +6502,19 @@ const Bl = _e(function({
       "disabled",
       "id"
     ]);
-    const y = ve(), x = p || `select-${y}`, v = K(
-      () => o ? `${x}-error` : void 0,
-      [o, x]
+    const y = ve(), g = p || `select-${y}`, v = K(
+      () => o ? `${g}-error` : void 0,
+      [o, g]
     ), k = K(
-      () => l ? `${x}-helper` : void 0,
-      [l, x]
+      () => l ? `${g}-helper` : void 0,
+      [l, g]
     ), $ = K(() => "focus:border-line-focus", []), C = K(() => "focus:border-error", []), j = K(() => "focus:border-success", []), S = Q(
       (T) => T === "error" ? C.replace("focus:border-", "focus:ring-") : T === "success" ? j.replace("focus:border-", "focus:ring-") : $.replace("focus:border-", "focus:ring-"),
       [C, j, $]
     ), N = K(
       () => Ne(
         // Base classes
-        g(
+        x(
           "block",
           "w-full",
           G("md"),
@@ -6530,26 +6530,26 @@ const Bl = _e(function({
         {
           variants: {
             size: {
-              sm: g(
+              sm: x(
                 "h-8",
                 le("bodySmall"),
                 f("md", "px")
               ),
-              md: g(
+              md: x(
                 "h-10",
                 le("body"),
                 f("base", "px")
               ),
-              lg: g(
+              lg: x(
                 "h-12",
                 le("bodyLarge"),
                 f("lg", "px")
               )
             },
             state: {
-              default: g("border-line-default", S()),
-              error: g("border-error", S("error")),
-              success: g("border-success", S("success"))
+              default: x("border-line-default", S()),
+              error: x("border-error", S("error")),
+              success: x("border-success", S("success"))
             }
           },
           defaultVariants: {
@@ -6563,10 +6563,10 @@ const Bl = _e(function({
       () => o ? "error" : i ? "success" : "default",
       [o, i]
     ), _ = K(
-      () => g(N({ size: d, state: D }), c),
+      () => x(N({ size: d, state: D }), c),
       [N, d, D, c]
     ), M = K(
-      () => g(
+      () => x(
         "block",
         $e("label"),
         f("xs", "mb"),
@@ -6575,11 +6575,11 @@ const Bl = _e(function({
       [u]
     );
     return /* @__PURE__ */ n.jsxs("div", { className: "w-full", children: [
-      a && /* @__PURE__ */ n.jsx("label", { htmlFor: x, className: M, children: a }),
+      a && /* @__PURE__ */ n.jsx("label", { htmlFor: g, className: M, children: a }),
       /* @__PURE__ */ n.jsxs(
         "select",
         L(A({
-          id: x,
+          id: g,
           ref: b,
           className: _,
           disabled: u,
@@ -6645,7 +6645,7 @@ const Ul = _e(
     const m = ve(), b = l != null ? l : m, h = K(() => "focus:border-line-focus", []), w = K(() => "focus:border-error", []), y = K(
       () => t ? w.replace("focus:border-", "focus:ring-") : h.replace("focus:border-", "focus:ring-"),
       [t, w, h]
-    ), x = K(
+    ), g = K(
       () => ({
         none: "resize-none",
         both: "resize",
@@ -6654,7 +6654,7 @@ const Ul = _e(
       }),
       []
     ), v = K(
-      () => g(
+      () => x(
         "block",
         "w-full",
         G("md"),
@@ -6665,11 +6665,11 @@ const Ul = _e(
         "focus:outline-none",
         "focus:ring-2",
         "focus:ring-offset-2",
-        x[s],
-        g(t ? "border-error" : r ? "border-success" : "border-line-default", y),
+        g[s],
+        x(t ? "border-error" : r ? "border-success" : "border-line-default", y),
         a
       ),
-      [s, x, t, r, y, a]
+      [s, g, t, r, y, a]
     ), k = K(
       () => i ? `${b}-helper` : void 0,
       [i, b]
@@ -6692,7 +6692,7 @@ const Ul = _e(
       "p",
       {
         id: k,
-        className: g(
+        className: x(
           f("xs", "mt"),
           le("bodySmall"),
           t ? "text-fg-error" : r ? "text-fg-success" : "text-fg-secondary"
@@ -6705,7 +6705,7 @@ const Ul = _e(
         "label",
         {
           htmlFor: b,
-          className: g(
+          className: x(
             "block",
             f("xs", "mb"),
             le("label"),
@@ -6721,19 +6721,19 @@ const Ul = _e(
   })
 );
 Ul.displayName = "Textarea";
-const Gl = g(
+const Gl = x(
   "block",
   le("label"),
   Ve("label"),
   "text-fg-primary"
 ), Kl = {
   default: "",
-  required: g(
+  required: x(
     "after:content-['*']",
     `after:${f("0.5", "ml")}`,
     "after:text-fg-error"
   ),
-  optional: g(
+  optional: x(
     "after:content-['(optional)']",
     `after:${f("xs", "ml")}`,
     "after:text-fg-tertiary",
@@ -6742,7 +6742,7 @@ const Gl = g(
 }, sr = _e(
   be(function(i, o) {
     var l = i, { variant: t = "default", className: r = "", children: s } = l, a = P(l, ["variant", "className", "children"]);
-    const d = g(
+    const d = x(
       Gl,
       Kl[t],
       r
@@ -6768,7 +6768,7 @@ function Yl(a) {
     "flex",
     "items-center",
     f("xs", "gap")
-  ], l = g(...i, r);
+  ], l = x(...i, r);
   return /* @__PURE__ */ n.jsxs("div", L(A({ role: "alert", id: t, className: l, "aria-live": "polite" }, s), { children: [
     /* @__PURE__ */ n.jsx(Ar, { className: "h-4 w-4 shrink-0", "aria-hidden": "true" }),
     /* @__PURE__ */ n.jsx("span", { children: e })
@@ -6896,7 +6896,7 @@ const nr = be(function(u, c) {
     "aria-label",
     "preservePositioning"
   ]);
-  const [m, b] = V(!1), h = ee(null), w = ee(null), y = ee(null), x = `tooltip-${ve()}`, v = () => {
+  const [m, b] = V(!1), h = ee(null), w = ee(null), y = ee(null), g = `tooltip-${ve()}`, v = () => {
     const T = setTimeout(() => {
       b(!0);
     }, a);
@@ -6928,7 +6928,7 @@ const nr = be(function(u, c) {
     left: "border-l-surface-inverse",
     right: "border-r-surface-inverse"
   })[T], N = Ne(
-    g(
+    x(
       "absolute",
       Ae("tooltip"),
       f("sm", "px"),
@@ -6943,28 +6943,28 @@ const nr = be(function(u, c) {
     {
       variants: {
         position: {
-          top: g(
+          top: x(
             "bottom-full",
             "left-1/2",
             "transform",
             "-translate-x-1/2",
             f("sm", "mb")
           ),
-          bottom: g(
+          bottom: x(
             "top-full",
             "left-1/2",
             "transform",
             "-translate-x-1/2",
             f("sm", "mt")
           ),
-          left: g(
+          left: x(
             "right-full",
             "top-1/2",
             "transform",
             "-translate-y-1/2",
             f("sm", "mr")
           ),
-          right: g(
+          right: x(
             "left-full",
             "top-1/2",
             "transform",
@@ -6978,7 +6978,7 @@ const nr = be(function(u, c) {
       }
     }
   ), D = Ne(
-    g(
+    x(
       "absolute",
       "w-0",
       "h-0",
@@ -6988,28 +6988,28 @@ const nr = be(function(u, c) {
     {
       variants: {
         position: {
-          top: g(
+          top: x(
             "top-full",
             "left-1/2",
             "transform",
             "-translate-x-1/2",
             S("top")
           ),
-          bottom: g(
+          bottom: x(
             "bottom-full",
             "left-1/2",
             "transform",
             "-translate-x-1/2",
             S("bottom")
           ),
-          left: g(
+          left: x(
             "left-full",
             "top-1/2",
             "transform",
             "-translate-y-1/2",
             S("left")
           ),
-          right: g(
+          right: x(
             "right-full",
             "top-1/2",
             "transform",
@@ -7026,7 +7026,7 @@ const nr = be(function(u, c) {
     const T = r, I = T.props, R = I.ref;
     return ar(T, {
       ref: bs(y, R),
-      "aria-describedby": m ? x : I["aria-describedby"],
+      "aria-describedby": m ? g : I["aria-describedby"],
       onMouseEnter: (z) => {
         var O;
         v(), (O = I.onMouseEnter) == null || O.call(I, z);
@@ -7048,20 +7048,20 @@ const nr = be(function(u, c) {
         j(z), (O = I.onKeyDown) == null || O.call(I, z);
       }
     });
-  })() : r, M = g(l ? "static" : "relative", "inline-block", o);
+  })() : r, M = x(l ? "static" : "relative", "inline-block", o);
   return /* @__PURE__ */ n.jsxs("div", L(A({ ref: c, className: M }, d), { children: [
     _,
     m && /* @__PURE__ */ n.jsxs(
       "div",
       {
         ref: w,
-        id: x,
-        className: g(N({ position: s })),
+        id: g,
+        className: x(N({ position: s })),
         role: "tooltip",
         "aria-live": "polite",
         children: [
           t,
-          /* @__PURE__ */ n.jsx("div", { className: g(D({ position: s })), "aria-hidden": "true" })
+          /* @__PURE__ */ n.jsx("div", { className: x(D({ position: s })), "aria-hidden": "true" })
         ]
       }
     )
@@ -7093,7 +7093,7 @@ function Jl(l) {
     card: "h-32",
     list: "h-12",
     circle: G("full")
-  }, p = g(...c, u[e], a), m = {};
+  }, p = x(...c, u[e], a), m = {};
   t && (m.width = t), r && (m.height = r);
   const b = o || `Loading ${e} content`;
   return e === "text" && s > 1 ? /* @__PURE__ */ n.jsx(
@@ -7184,7 +7184,7 @@ const Qn = be(
       open: a,
       onOpenChange: o,
       storageKey: d
-    }), y = ee(null), [x, v] = V(h ? "auto" : 0);
+    }), y = ee(null), [g, v] = V(h ? "auto" : 0);
     Y(() => {
       y.current && v(h ? y.current.scrollHeight : 0);
     }, [h, t]), Y(() => {
@@ -7210,7 +7210,7 @@ const Qn = be(
           "aria-expanded": h,
           "aria-controls": k,
           "aria-disabled": i,
-          className: g(
+          className: x(
             "w-full",
             "text-left",
             "focus:outline-none",
@@ -7228,7 +7228,7 @@ const Qn = be(
           id: k,
           ref: y,
           style: {
-            height: typeof x == "number" ? `${x}px` : x,
+            height: typeof g == "number" ? `${g}px` : g,
             overflow: "hidden",
             transition: `height ${l}ms ease-in-out`
           },
@@ -7267,11 +7267,11 @@ const ys = _e(
     ), y = K(
       () => o ? `${h}-helper` : void 0,
       [o, h]
-    ), x = K(() => "focus:border-line-focus", []), v = K(() => "focus:border-error", []), k = K(
-      () => s ? v.replace("focus:border-", "focus:ring-") : x.replace("focus:border-", "focus:ring-"),
-      [s, v, x]
+    ), g = K(() => "focus:border-line-focus", []), v = K(() => "focus:border-error", []), k = K(
+      () => s ? v.replace("focus:border-", "focus:ring-") : g.replace("focus:border-", "focus:ring-"),
+      [s, v, g]
     ), $ = K(
-      () => g(
+      () => x(
         "h-4",
         "w-4",
         G("sm"),
@@ -7290,7 +7290,7 @@ const ys = _e(
       ),
       [k, s, a, i]
     ), C = K(
-      () => g(
+      () => x(
         $e("label"),
         f("sm", "ml"),
         l ? "opacity-50 cursor-not-allowed" : "cursor-pointer"
@@ -7304,7 +7304,7 @@ const ys = _e(
     );
     return Y(() => {
       j.current && (j.current.indeterminate = d);
-    }, [d]), /* @__PURE__ */ n.jsxs("div", { className: g("flex", "flex-col", f("sm", "my")), children: [
+    }, [d]), /* @__PURE__ */ n.jsxs("div", { className: x("flex", "flex-col", f("sm", "my")), children: [
       /* @__PURE__ */ n.jsxs("div", { className: "flex items-center", children: [
         /* @__PURE__ */ n.jsx(
           "input",
@@ -7325,7 +7325,7 @@ const ys = _e(
         "div",
         {
           id: w || y,
-          className: g(
+          className: x(
             f("xs", "mt"),
             $e("caption"),
             s ? "text-fg-error" : a ? "text-fg-success" : "text-fg-secondary"
@@ -7363,11 +7363,11 @@ const Ql = _e(
     ), w = K(
       () => o ? `${b}-helper` : void 0,
       [o, b]
-    ), y = K(() => "focus:border-line-focus", []), x = K(() => "focus:border-error", []), v = K(
-      () => s ? x.replace("focus:border-", "focus:ring-") : y.replace("focus:border-", "focus:ring-"),
-      [s, x, y]
+    ), y = K(() => "focus:border-line-focus", []), g = K(() => "focus:border-error", []), v = K(
+      () => s ? g.replace("focus:border-", "focus:ring-") : y.replace("focus:border-", "focus:ring-"),
+      [s, g, y]
     ), k = K(
-      () => g(
+      () => x(
         "h-4",
         "w-4",
         "border",
@@ -7385,14 +7385,14 @@ const Ql = _e(
       ),
       [v, s, a, i]
     ), $ = K(
-      () => g(
+      () => x(
         $e("label"),
         f("sm", "ml"),
         l ? "opacity-50 cursor-not-allowed" : "cursor-pointer"
       ),
       [l]
     );
-    return /* @__PURE__ */ n.jsxs("div", { className: g("flex", "flex-col", f("sm", "my")), children: [
+    return /* @__PURE__ */ n.jsxs("div", { className: x("flex", "flex-col", f("sm", "my")), children: [
       /* @__PURE__ */ n.jsxs("div", { className: "flex items-center", children: [
         /* @__PURE__ */ n.jsx(
           "input",
@@ -7413,7 +7413,7 @@ const Ql = _e(
         "div",
         {
           id: h || w,
-          className: g(
+          className: x(
             f("xs", "mt"),
             $e("caption"),
             s ? "text-fg-error" : a ? "text-fg-success" : "text-fg-secondary"
@@ -7526,11 +7526,11 @@ const tc = Ne("w-full", {
     "className"
   ]);
   const b = t === void 0, h = b ? void 0 : Math.min(Math.max(t / r * 100, 0), 100), w = l || (b ? "Loading in progress" : `Progress: ${h == null ? void 0 : h.toFixed(0)}%`);
-  return /* @__PURE__ */ n.jsxs("div", L(A({ ref: u, className: g("w-full", d) }, c), { children: [
+  return /* @__PURE__ */ n.jsxs("div", L(A({ ref: u, className: x("w-full", d) }, c), { children: [
     o && (i || !b) && /* @__PURE__ */ n.jsxs(
       "div",
       {
-        className: g(
+        className: x(
           "flex",
           "items-center",
           "justify-between",
@@ -7540,7 +7540,7 @@ const tc = Ne("w-full", {
           i && /* @__PURE__ */ n.jsx(
             "span",
             {
-              className: g(
+              className: x(
                 le("bodySmall"),
                 Ve("label"),
                 "text-fg-primary"
@@ -7551,7 +7551,7 @@ const tc = Ne("w-full", {
           !b && h !== void 0 && /* @__PURE__ */ n.jsxs(
             "span",
             {
-              className: g(
+              className: x(
                 le("bodySmall"),
                 "text-fg-secondary"
               ),
@@ -7573,7 +7573,7 @@ const tc = Ne("w-full", {
         "aria-valuenow": b ? void 0 : t,
         "aria-label": w,
         "aria-busy": b,
-        className: g(
+        className: x(
           "relative",
           "w-full",
           "overflow-hidden",
@@ -7583,7 +7583,7 @@ const tc = Ne("w-full", {
         children: b ? /* @__PURE__ */ n.jsx(
           "div",
           {
-            className: g(
+            className: x(
               "absolute",
               "top-0",
               "left-0",
@@ -7600,7 +7600,7 @@ const tc = Ne("w-full", {
         ) : /* @__PURE__ */ n.jsx(
           "div",
           {
-            className: g(
+            className: x(
               "h-full",
               fn({ variant: s }),
               G("full"),
@@ -7646,9 +7646,9 @@ const rc = _e(
       "onChange",
       "id"
     ]);
-    const y = d !== void 0, [x, v] = V(
+    const y = d !== void 0, [g, v] = V(
       c != null ? c : !1
-    ), k = y ? !!d : x, $ = ve(), C = p || `switch-${$}`, j = K(
+    ), k = y ? !!d : g, $ = ve(), C = p || `switch-${$}`, j = K(
       () => r ? `${C}-label` : void 0,
       [r, C]
     ), S = K(
@@ -7658,7 +7658,7 @@ const rc = _e(
       () => "focus:border-line-focus".replace("focus:border-", "focus:ring-"),
       []
     ), _ = K(
-      () => g(
+      () => x(
         "relative",
         "inline-flex",
         "shrink-0",
@@ -7691,7 +7691,7 @@ const rc = _e(
         i
       ]
     ), M = K(
-      () => g(
+      () => x(
         "pointer-events-none",
         "inline-block",
         G("full"),
@@ -7704,7 +7704,7 @@ const rc = _e(
       ),
       [N.thumb, N.translate, k]
     );
-    return /* @__PURE__ */ n.jsxs("div", { className: g("flex", "items-start", f("md", "gap")), children: [
+    return /* @__PURE__ */ n.jsxs("div", { className: x("flex", "items-start", f("md", "gap")), children: [
       /* @__PURE__ */ n.jsxs("div", { className: "flex items-center", children: [
         /* @__PURE__ */ n.jsx(
           "button",
@@ -7770,7 +7770,7 @@ const rc = _e(
           {
             id: j,
             htmlFor: C,
-            className: g(
+            className: x(
               "block",
               le("bodySmall"),
               Ve("label"),
@@ -7784,7 +7784,7 @@ const rc = _e(
           "p",
           {
             id: S,
-            className: g(
+            className: x(
               f("xs", "mt"),
               le("bodySmall"),
               a ? "text-fg-error" : o ? "text-fg-success" : "text-fg-secondary"
@@ -7814,7 +7814,7 @@ const sc = {
     "variant",
     "className"
   ]);
-  const l = g(
+  const l = x(
     "border-0",
     "border-line-default",
     sc[t],
@@ -7838,8 +7838,8 @@ const sc = {
   );
 });
 ta.displayName = "Separator";
-const ac = be(function(x, y) {
-  var v = x, {
+const ac = be(function(g, y) {
+  var v = g, {
     value: t,
     defaultValue: r,
     min: s = 0,
@@ -7902,7 +7902,7 @@ const ac = be(function(x, y) {
     if (d || D) return;
     const se = O(ae.clientX);
     B(se);
-  }, W = () => "focus:ring-line-brand ring-offset-2", F = Ne(g("relative", "cursor-pointer"), {
+  }, W = () => "focus:ring-line-brand ring-offset-2", F = Ne(x("relative", "cursor-pointer"), {
     variants: {
       size: {
         sm: "h-1",
@@ -7919,7 +7919,7 @@ const ac = be(function(x, y) {
       disabled: !1
     }
   }), q = Ne(
-    g(
+    x(
       "absolute",
       "bg-surface-brand",
       G("full"),
@@ -7951,12 +7951,12 @@ const ac = be(function(x, y) {
       }
     }
   ), de = typeof R == "number" ? R : R[0], oe = Array.isArray(R) ? R[0] : s, pe = Array.isArray(R) ? R[1] : de, te = z(oe), ne = z(pe);
-  return /* @__PURE__ */ n.jsxs("div", L(A({ ref: y, className: g("w-full", h) }, w), { children: [
+  return /* @__PURE__ */ n.jsxs("div", L(A({ ref: y, className: x("w-full", h) }, w), { children: [
     /* @__PURE__ */ n.jsxs(
       "label",
       {
         id: $,
-        className: g(
+        className: x(
           "block",
           le("bodySmall"),
           Ve("label"),
@@ -7968,7 +7968,7 @@ const ac = be(function(x, y) {
           c && /* @__PURE__ */ n.jsx(
             "span",
             {
-              className: g(f("sm", "ml"), "text-fg-secondary"),
+              className: x(f("sm", "ml"), "text-fg-secondary"),
               children: i === "range" ? `${oe} - ${pe}` : de
             }
           )
@@ -7983,7 +7983,7 @@ const ac = be(function(x, y) {
       "div",
       {
         ref: k,
-        className: g(
+        className: x(
           F({ size: l, disabled: d }),
           "bg-surface-muted",
           G("full")
@@ -7999,7 +7999,7 @@ const ac = be(function(x, y) {
           /* @__PURE__ */ n.jsx(
             "div",
             {
-              className: g(
+              className: x(
                 "absolute",
                 F({ size: l }),
                 "bg-surface-brand",
@@ -8017,7 +8017,7 @@ const ac = be(function(x, y) {
             return /* @__PURE__ */ n.jsx(
               "div",
               {
-                className: g(
+                className: x(
                   "absolute",
                   "w-1",
                   "h-1",
@@ -8038,7 +8038,7 @@ const ac = be(function(x, y) {
             /* @__PURE__ */ n.jsx(
               "div",
               {
-                className: g(
+                className: x(
                   q({ size: l, active: M === "min" })
                 ),
                 style: { left: `${te}%` },
@@ -8053,7 +8053,7 @@ const ac = be(function(x, y) {
             /* @__PURE__ */ n.jsx(
               "div",
               {
-                className: g(
+                className: x(
                   q({ size: l, active: M === "max" })
                 ),
                 style: { left: `${ne}%` },
@@ -8068,7 +8068,7 @@ const ac = be(function(x, y) {
           ] }) : /* @__PURE__ */ n.jsx(
             "div",
             {
-              className: g(q({ size: l, active: D })),
+              className: x(q({ size: l, active: D })),
               style: { left: `${ne}%` },
               onMouseDown: (ae) => H(ae)
             }
@@ -8076,7 +8076,7 @@ const ac = be(function(x, y) {
           c && !b && /* @__PURE__ */ n.jsx("div", { className: "absolute -top-6 left-0 right-0 flex justify-center", children: /* @__PURE__ */ n.jsx(
             "span",
             {
-              className: g(
+              className: x(
                 le("caption"),
                 "text-fg-secondary",
                 "bg-surface-overlay",
@@ -8096,7 +8096,7 @@ const ac = be(function(x, y) {
 ac.displayName = "Slider";
 const mn = Ne(
   // Base classes
-  g(
+  x(
     "inline-flex",
     "items-center",
     "font-medium",
@@ -8106,19 +8106,19 @@ const mn = Ne(
   {
     variants: {
       variant: {
-        default: g(
+        default: x(
           "bg-surface-muted",
           "text-fg-primary",
           "border",
           "border-line-default"
         ),
-        outlined: g(
+        outlined: x(
           "bg-transparent",
           "text-fg-primary",
           "border",
           "border-line-default"
         ),
-        filled: g(
+        filled: x(
           "bg-surface-brand-strong",
           "text-fg-inverse",
           "border",
@@ -8126,24 +8126,24 @@ const mn = Ne(
         )
       },
       size: {
-        sm: g(
+        sm: x(
           f("xs", "px"),
           f("xs", "py"),
           le("caption")
         ),
-        md: g(
+        md: x(
           f("sm", "px"),
           f("xs", "py"),
           le("bodySmall")
         ),
-        lg: g(
+        lg: x(
           f("md", "px"),
           f("sm", "py"),
           le("body")
         )
       },
       selected: {
-        true: g(
+        true: x(
           "bg-surface-brand-strong",
           "text-fg-inverse",
           "border",
@@ -8208,7 +8208,7 @@ const mn = Ne(
       qn,
       {
         ref: r,
-        className: g(
+        className: x(
           mn({ variant: a, size: o, selected: i, disabled: l }),
           d
         ),
@@ -8218,13 +8218,13 @@ const mn = Ne(
         children: s
       }
     );
-  const { onRemove: h, onClick: w, count: y } = t, x = w !== void 0, v = x && !l, k = (N) => {
+  const { onRemove: h, onClick: w, count: y } = t, g = w !== void 0, v = g && !l, k = (N) => {
     l || (N.key === "Enter" || N.key === " ") && (N.preventDefault(), w == null || w());
   }, $ = y !== void 0, C = i || a === "filled", j = $ ? /* @__PURE__ */ n.jsx(
     "span",
     {
-      "aria-hidden": x || void 0,
-      className: g(
+      "aria-hidden": g || void 0,
+      className: x(
         "inline-flex",
         "items-center",
         "justify-center",
@@ -8235,7 +8235,7 @@ const mn = Ne(
         f("0.5", "py"),
         le("caption"),
         Ve("label"),
-        C ? g("bg-surface-base", "text-fg-brand-emphasis") : g("bg-surface-brand-strong", "text-fg-inverse")
+        C ? x("bg-surface-base", "text-fg-brand-emphasis") : x("bg-surface-brand-strong", "text-fg-inverse")
       ),
       children: y
     }
@@ -8244,14 +8244,14 @@ const mn = Ne(
     "div",
     {
       ref: r,
-      className: g(
+      className: x(
         mn({ variant: a, size: o, selected: i, disabled: l }),
         h && f("xs", "pr"),
         d
       ),
       "aria-disabled": l,
       children: [
-        x ? /* @__PURE__ */ n.jsx(
+        g ? /* @__PURE__ */ n.jsx(
           "button",
           {
             type: "button",
@@ -8261,7 +8261,7 @@ const mn = Ne(
             "aria-pressed": i ? !0 : void 0,
             "aria-label": c || S,
             tabIndex: u !== void 0 ? u : v ? 0 : void 0,
-            className: g(
+            className: x(
               "flex-1",
               "bg-transparent",
               "border-0",
@@ -8286,7 +8286,7 @@ const mn = Ne(
             onClick: (N) => {
               N.stopPropagation(), h();
             },
-            className: g(
+            className: x(
               f("xs", "ml"),
               "hover:bg-tint-hover",
               G("full"),
@@ -8330,7 +8330,7 @@ const as = be(function(u, c) {
     md: "h-10 w-10 text-base",
     lg: "h-12 w-12 text-lg",
     xl: "h-16 w-16 text-xl"
-  }, x = {
+  }, g = {
     circle: G("full"),
     square: G("none"),
     rounded: G("md")
@@ -8339,7 +8339,7 @@ const as = be(function(u, c) {
     "div",
     L(A({
       ref: c,
-      className: g(
+      className: x(
         "relative",
         "inline-flex",
         "items-center",
@@ -8348,7 +8348,7 @@ const as = be(function(u, c) {
         "font-medium",
         "overflow-hidden",
         y[a],
-        x[o],
+        g[o],
         "bg-surface-muted",
         "text-fg-primary",
         l
@@ -8362,11 +8362,11 @@ const as = be(function(u, c) {
           {
             src: t,
             alt: r || "",
-            className: g(
+            className: x(
               "w-full",
               "h-full",
               "object-cover",
-              x[o],
+              g[o],
               h ? "opacity-100" : "opacity-0",
               "transition-opacity",
               "duration-200"
@@ -8381,13 +8381,13 @@ const as = be(function(u, c) {
         v && /* @__PURE__ */ n.jsx(
           "span",
           {
-            className: g(
+            className: x(
               "flex",
               "items-center",
               "justify-center",
               "w-full",
               "h-full",
-              x[o]
+              g[o]
             ),
             "aria-hidden": "true",
             children: k || "?"
@@ -8423,7 +8423,7 @@ function lf(l) {
   return /* @__PURE__ */ n.jsxs(
     "div",
     L(A({
-      className: g("flex", "items-center", c[a], o),
+      className: x("flex", "items-center", c[a], o),
       role: "group",
       "aria-label": `${u.length} avatars`
     }, i), {
@@ -8467,7 +8467,7 @@ function lf(l) {
 }
 const oc = Ne(
   // Base classes
-  g("inline-block", G("full")),
+  x("inline-block", G("full")),
   {
     variants: {
       variant: {
@@ -8512,7 +8512,7 @@ const oc = Ne(
       "aria-label"
     ]);
     const c = K(
-      () => g(oc({ variant: t, size: r }), s),
+      () => x(oc({ variant: t, size: r }), s),
       [t, r, s]
     ), u = K(() => a || {
       online: "Online",
@@ -8535,41 +8535,41 @@ const oc = Ne(
 );
 ic.displayName = "Dot";
 const lc = Ne(
-  g("inline-flex", "items-center", "border", G("md")),
+  x("inline-flex", "items-center", "border", G("md")),
   {
     variants: {
       tone: {
-        neutral: g(
+        neutral: x(
           "bg-surface-muted",
           "text-fg-primary",
           "border-line-default"
         ),
-        success: g("bg-success-bg", "text-success-dark", "border-success"),
-        warning: g("bg-warning-bg", "text-warning-dark", "border-warning"),
-        error: g("bg-error-bg", "text-error-dark", "border-error"),
-        info: g("bg-info-bg", "text-info-dark", "border-info"),
-        primary: g(
+        success: x("bg-success-bg", "text-success-dark", "border-success"),
+        warning: x("bg-warning-bg", "text-warning-dark", "border-warning"),
+        error: x("bg-error-bg", "text-error-dark", "border-error"),
+        info: x("bg-info-bg", "text-info-dark", "border-info"),
+        primary: x(
           "bg-surface-brand-subtle",
           "text-fg-brand-emphasis",
           "border-line-brand"
         ),
-        secondary: g(
+        secondary: x(
           "bg-surface-secondary-subtle",
           "text-fg-brand-secondary-emphasis",
           "border-line-secondary"
         ),
         // Categorical data-viz tone — fuchsia soft-wash, sibling to the
         // chart palette. Not a status; distinct from secondary (brand violet).
-        dataviz: g("bg-dataviz-bg", "text-dataviz-dark", "border-dataviz")
+        dataviz: x("bg-dataviz-bg", "text-dataviz-dark", "border-dataviz")
       },
       size: {
-        sm: g(
+        sm: x(
           f("1.5", "px"),
           f("0.5", "py"),
           f("0.5", "gap"),
           "[&_svg]:size-3"
         ),
-        md: g(
+        md: x(
           f("sm", "px"),
           f("0.5", "py"),
           f("xs", "gap"),
@@ -8601,7 +8601,7 @@ const lc = Ne(
       "span",
       L(A({
         ref: d,
-        className: g(lc({ tone: s, size: a }), i)
+        className: x(lc({ tone: s, size: a }), i)
       }, l), {
         children: [
           o ? /* @__PURE__ */ n.jsx(
@@ -8615,7 +8615,7 @@ const lc = Ne(
           /* @__PURE__ */ n.jsx(
             "span",
             {
-              className: g(
+              className: x(
                 le(m),
                 Ve("label")
               ),
@@ -8627,7 +8627,7 @@ const lc = Ne(
             /* @__PURE__ */ n.jsx(
               "span",
               {
-                className: g(
+                className: x(
                   le("caption"),
                   Ve("caption")
                 ),
@@ -8646,7 +8646,7 @@ function dc(s) {
   return /* @__PURE__ */ n.jsx(
     "div",
     L(A({
-      className: g(
+      className: x(
         "grid items-start",
         f("1.5", "gap"),
         f("base", "mb"),
@@ -8676,7 +8676,7 @@ function uc(i) {
   return /* @__PURE__ */ n.jsxs(
     s,
     L(A({
-      className: g(
+      className: x(
         "text-base font-semibold text-fg-primary",
         "flex items-center",
         f("sm", "gap"),
@@ -8699,7 +8699,7 @@ function fc(s) {
     "children",
     "className"
   ]);
-  return /* @__PURE__ */ n.jsx("p", L(A({ className: g("text-sm text-fg-secondary", t) }, r), { children: e }));
+  return /* @__PURE__ */ n.jsx("p", L(A({ className: x("text-sm text-fg-secondary", t) }, r), { children: e }));
 }
 function mc(s) {
   var a = s, {
@@ -8713,7 +8713,7 @@ function mc(s) {
     "div",
     L(A({
       "data-card-actions": "",
-      className: g(
+      className: x(
         "flex items-center self-start",
         f("sm", "gap"),
         t
@@ -8725,7 +8725,7 @@ function mc(s) {
 }
 function pc(s) {
   var a = s, { children: e, className: t } = a, r = P(a, ["children", "className"]);
-  return /* @__PURE__ */ n.jsx("div", L(A({ className: g(t) }, r), { children: e }));
+  return /* @__PURE__ */ n.jsx("div", L(A({ className: x(t) }, r), { children: e }));
 }
 function bc(c) {
   var u = c, {
@@ -8751,7 +8751,7 @@ function bc(c) {
     "[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 p = Ne(
-    g(
+    x(
       "bg-surface-base",
       G("lg"),
       "border",
@@ -8762,12 +8762,12 @@ function bc(c) {
       variants: {
         variant: {
           default: "",
-          hover: g(
+          hover: x(
             `hover:${ke("md")}`,
             "transition-shadow",
             "cursor-pointer"
           ),
-          selected: g("border-line-brand", ke("md"))
+          selected: x("border-line-brand", ke("md"))
         },
         padding: {
           none: "",
@@ -8781,7 +8781,7 @@ function bc(c) {
         padding: "medium"
       }
     }
-  ), m = s !== void 0, b = m ? "button" : void 0, h = m ? 0 : void 0, w = g(p({ variant: e, padding: t }), r), x = A({
+  ), m = s !== void 0, b = m ? "button" : void 0, h = m ? 0 : void 0, w = x(p({ variant: e, padding: t }), r), g = A({
     className: w,
     role: b,
     tabIndex: h,
@@ -8792,7 +8792,7 @@ function bc(c) {
     "aria-label": a,
     "aria-labelledby": o
   }, d);
-  return i ? /* @__PURE__ */ n.jsx("section", L(A({}, x), { children: l })) : /* @__PURE__ */ n.jsx("div", L(A({}, x), { children: l }));
+  return i ? /* @__PURE__ */ n.jsx("section", L(A({}, g), { children: l })) : /* @__PURE__ */ n.jsx("div", L(A({}, g), { children: l }));
 }
 const sa = _e(bc);
 sa.displayName = "Card";
@@ -8833,7 +8833,7 @@ function cf(d) {
   return /* @__PURE__ */ n.jsxs(
     "div",
     L(A({
-      className: g(
+      className: x(
         "bg-surface-base flex-1 flex flex-col",
         f("base", "p"),
         f("xs", "gap-y"),
@@ -8852,7 +8852,7 @@ function cf(d) {
           }
         ) : /* @__PURE__ */ n.jsx("span", { className: "text-fg-primary text-2xl font-semibold leading-tight", children: e }),
         /* @__PURE__ */ n.jsx("span", { className: "text-fg-secondary text-sm", children: t }),
-        r ? /* @__PURE__ */ n.jsx("span", { className: g("text-xs", xc[o]), children: r }) : null
+        r ? /* @__PURE__ */ n.jsx("span", { className: x("text-xs", xc[o]), children: r }) : null
       ]
     })
   );
@@ -8862,30 +8862,44 @@ const gc = {
   3: "md:grid-cols-3",
   4: "md:grid-cols-4"
 };
-function df(o) {
-  var i = o, {
+function df(i) {
+  var l = i, {
     layout: e = "grid",
     cols: t = 4,
-    className: r,
-    children: s
-  } = i, a = P(i, [
+    floatingBadge: r,
+    className: s,
+    children: a
+  } = l, o = P(l, [
     "layout",
     "cols",
+    "floatingBadge",
     "className",
     "children"
   ]);
-  const l = e === "grid";
-  return /* @__PURE__ */ n.jsx(
+  const d = e === "grid";
+  return /* @__PURE__ */ n.jsxs(
     "div",
     L(A({
-      className: g(
-        "bg-line-default border border-line-default overflow-hidden gap-px",
-        G("lg"),
-        l ? `grid grid-cols-2 ${gc[t]}` : "flex",
-        r
+      className: x(
+        "relative",
+        r && f("base", "pt"),
+        s
       )
-    }, a), {
-      children: s
+    }, o), {
+      children: [
+        r ? /* @__PURE__ */ n.jsx("div", { className: "absolute top-4 left-1/2 -translate-x-1/2 -translate-y-1/2 z-10", children: r }) : null,
+        /* @__PURE__ */ n.jsx(
+          "div",
+          {
+            className: x(
+              "bg-line-default border border-line-default overflow-hidden gap-px",
+              G("lg"),
+              d ? `grid grid-cols-2 ${gc[t]}` : "flex"
+            ),
+            children: a
+          }
+        )
+      ]
     })
   );
 }
@@ -8907,7 +8921,7 @@ function uf(o) {
     L(A({
       role: "group",
       "aria-label": d,
-      className: g(
+      className: x(
         "flex items-center",
         r ? "flex-wrap" : "flex-nowrap",
         f("sm", "gap"),
@@ -8983,7 +8997,7 @@ function pf(l) {
     "success",
     "className"
   ]);
-  const c = g(
+  const c = x(
     f("lg", "gap"),
     "flex",
     "flex-col",
@@ -8991,14 +9005,14 @@ function pf(l) {
   );
   if ("form" in i && i.form !== void 0) {
     const w = i, {
-      form: x,
+      form: g,
       onSubmit: v,
       onSubmitError: k
     } = w, $ = P(w, [
       "form",
       "onSubmit",
       "onSubmitError"
-    ]), C = x.handleSubmit(
+    ]), C = g.handleSubmit(
       (j) => pr(null, null, function* () {
         if (!r)
           try {
@@ -9011,7 +9025,7 @@ function pf(l) {
         k == null || k(j);
       }
     );
-    return /* @__PURE__ */ n.jsx(yc, { form: x, loading: r, children: /* @__PURE__ */ n.jsxs(
+    return /* @__PURE__ */ n.jsx(yc, { form: g, loading: r, children: /* @__PURE__ */ n.jsxs(
       "form",
       L(A({
         className: c,
@@ -9024,7 +9038,7 @@ function pf(l) {
             "div",
             {
               role: "alert",
-              className: g(
+              className: x(
                 f("md", "p"),
                 Re("sm"),
                 "text-error-dark",
@@ -9040,7 +9054,7 @@ function pf(l) {
             "div",
             {
               role: "alert",
-              className: g(
+              className: x(
                 f("md", "p"),
                 Re("sm"),
                 "text-success-dark",
@@ -9056,8 +9070,8 @@ function pf(l) {
       })
     ) });
   }
-  const p = i.onSubmit || t, y = i, { onSubmit: m } = y, b = P(y, ["onSubmit"]), h = (x) => {
-    x.preventDefault(), p && !r && (p == null || p(x));
+  const p = i.onSubmit || t, y = i, { onSubmit: m } = y, b = P(y, ["onSubmit"]), h = (g) => {
+    g.preventDefault(), p && !r && (p == null || p(g));
   };
   return /* @__PURE__ */ n.jsxs(
     "form",
@@ -9072,7 +9086,7 @@ function pf(l) {
           "div",
           {
             role: "alert",
-            className: g(
+            className: x(
               f("md", "p"),
               Re("sm"),
               "text-error-dark",
@@ -9088,7 +9102,7 @@ function pf(l) {
           "div",
           {
             role: "alert",
-            className: g(
+            className: x(
               f("md", "p"),
               Re("sm"),
               "text-success-dark",
@@ -9242,8 +9256,8 @@ var Ot = (e) => it(e) && !da(e) ? e : {
   value: e,
   message: ""
 }, Oc = (e, t, r, s, a, o) => pr(null, null, function* () {
-  const { ref: i, refs: l, required: d, maxLength: c, minLength: u, min: p, max: m, pattern: b, validate: h, name: w, valueAsNumber: y, mount: x } = e._f, v = Ke(r, w);
-  if (!x || t.has(w))
+  const { ref: i, refs: l, required: d, maxLength: c, minLength: u, min: p, max: m, pattern: b, validate: h, name: w, valueAsNumber: y, mount: g } = e._f, v = Ke(r, w);
+  if (!g || t.has(w))
     return {};
   const k = l ? l[0] : i, $ = (D) => {
     if (a && k.reportValidity) {
@@ -9394,7 +9408,7 @@ function Vc(e) {
       argA: C,
       argB: Kr(j)
     });
-  }, x = (C, j) => {
+  }, g = (C, j) => {
     if (o)
       return;
     const S = r._getFieldArray(s);
@@ -9463,7 +9477,7 @@ function Vc(e) {
       values: mt(r._formValues)
     }), C ? j(s, !1) : r.unregister(s);
   }), [s, r, a, i, o]), {
-    swap: xe.useCallback(x, [m, s, r, o]),
+    swap: xe.useCallback(g, [m, s, r, o]),
     move: xe.useCallback(v, [m, s, r, o]),
     prepend: xe.useCallback(h, [
       m,
@@ -9507,7 +9521,7 @@ function bf({
   return /* @__PURE__ */ n.jsxs(
     "div",
     {
-      className: g(
+      className: x(
         "flex",
         "flex-col",
         f("sm", "gap"),
@@ -9518,7 +9532,7 @@ function bf({
           sr,
           {
             htmlFor: e,
-            className: g(
+            className: x(
               "block",
               Re("sm"),
               er("medium"),
@@ -9566,18 +9580,18 @@ function Wc(a) {
     "items-center",
     f("sm", "space-x"),
     le("bodySmall")
-  ], l = g(...i, r);
+  ], l = x(...i, r);
   return /* @__PURE__ */ n.jsx("nav", L(A({ "aria-label": "Breadcrumb", className: l }, s), { children: /* @__PURE__ */ n.jsx(
     "ol",
     {
-      className: g("flex", "items-center", f("sm", "space-x")),
+      className: x("flex", "items-center", f("sm", "space-x")),
       children: e.map((d, c) => {
         const u = c === e.length - 1;
         return /* @__PURE__ */ n.jsxs("li", { className: "flex items-center", children: [
           c > 0 && /* @__PURE__ */ n.jsx(
             "span",
             {
-              className: g(
+              className: x(
                 f("sm", "mx"),
                 "text-fg-tertiary"
               ),
@@ -9588,7 +9602,7 @@ function Wc(a) {
           u ? /* @__PURE__ */ n.jsx(
             "span",
             {
-              className: g(
+              className: x(
                 "text-fg-primary",
                 Ve("label")
               ),
@@ -9599,7 +9613,7 @@ function Wc(a) {
             "a",
             {
               href: d.href,
-              className: g(
+              className: x(
                 "inline-flex",
                 "items-center",
                 f("xs", "px"),
@@ -9643,29 +9657,29 @@ function Hc(d) {
     e > 1 && r(e - 1);
   }, p = () => {
     e < t && r(e + 1);
-  }, m = (x) => {
-    x >= 1 && x <= t && x !== e && r(x);
+  }, m = (g) => {
+    g >= 1 && g <= t && g !== e && r(g);
   }, b = () => {
-    const x = [];
+    const g = [];
     if (t <= 5)
       for (let k = 1; k <= t; k++)
-        x.push(k);
+        g.push(k);
     else if (e <= 3) {
       for (let k = 1; k <= 4; k++)
-        x.push(k);
-      x.push("ellipsis"), x.push(t);
+        g.push(k);
+      g.push("ellipsis"), g.push(t);
     } else if (e >= t - 2) {
-      x.push(1), x.push("ellipsis");
+      g.push(1), g.push("ellipsis");
       for (let k = t - 3; k <= t; k++)
-        x.push(k);
+        g.push(k);
     } else {
-      x.push(1), x.push("ellipsis");
+      g.push(1), g.push("ellipsis");
       for (let k = e - 1; k <= e + 1; k++)
-        x.push(k);
-      x.push("ellipsis"), x.push(t);
+        g.push(k);
+      g.push("ellipsis"), g.push(t);
     }
-    return x;
-  }, h = s && a ? (e - 1) * a + 1 : void 0, w = s && a ? Math.min(e * a, s) : void 0, y = g(
+    return g;
+  }, h = s && a ? (e - 1) * a + 1 : void 0, w = s && a ? Math.min(e * a, s) : void 0, y = x(
     "flex",
     "items-center",
     "justify-between",
@@ -9674,7 +9688,7 @@ function Hc(d) {
     i
   );
   return /* @__PURE__ */ n.jsxs("nav", L(A({ className: y, "aria-label": "Pagination" }, l), { children: [
-    /* @__PURE__ */ n.jsxs("div", { className: g("flex", "items-center", f("sm", "gap")), children: [
+    /* @__PURE__ */ n.jsxs("div", { className: x("flex", "items-center", f("sm", "gap")), children: [
       /* @__PURE__ */ n.jsx(
         ie,
         {
@@ -9688,13 +9702,13 @@ function Hc(d) {
       /* @__PURE__ */ n.jsx(
         "div",
         {
-          className: g("flex", "items-center", f("xs", "gap")),
-          children: b().map((x, v) => {
-            if (x === "ellipsis")
+          className: x("flex", "items-center", f("xs", "gap")),
+          children: b().map((g, v) => {
+            if (g === "ellipsis")
               return /* @__PURE__ */ n.jsx(
                 "span",
                 {
-                  className: g(
+                  className: x(
                     f("sm", "px"),
                     "text-fg-tertiary"
                   ),
@@ -9702,7 +9716,7 @@ function Hc(d) {
                 },
                 `ellipsis-${v}`
               );
-            const k = x, $ = k === e;
+            const k = g, $ = k === e;
             return /* @__PURE__ */ n.jsx(
               ie,
               {
@@ -9732,7 +9746,7 @@ function Hc(d) {
     o && s && a && /* @__PURE__ */ n.jsxs(
       "div",
       {
-        className: g(Re("sm"), "text-fg-primary"),
+        className: x(Re("sm"), "text-fg-primary"),
         children: [
           "Showing ",
           h,
@@ -9764,7 +9778,7 @@ function Bc(d) {
     "variant",
     "className"
   ]);
-  const u = g(
+  const u = x(
     "flex",
     "flex-col",
     "items-center",
@@ -9783,12 +9797,12 @@ function Bc(d) {
       "aria-label": `${e}. ${t}`
     }, l), {
       children: [
-        m && a && /* @__PURE__ */ n.jsx("div", { className: g(f("base", "mb")), "aria-hidden": "true", children: a }),
+        m && a && /* @__PURE__ */ n.jsx("div", { className: x(f("base", "mb")), "aria-hidden": "true", children: a }),
         /* @__PURE__ */ n.jsx(
           Pe,
           {
             as: "h3",
-            className: g(
+            className: x(
               le("h4"),
               er("semibold"),
               "text-fg-primary",
@@ -9801,7 +9815,7 @@ function Bc(d) {
           Pe,
           {
             as: "p",
-            className: g(
+            className: x(
               le("bodySmall"),
               "text-fg-secondary",
               f("md", "mb"),
@@ -9832,7 +9846,7 @@ function Uc(l) {
     "className",
     "aria-label"
   ]);
-  const [c, u] = V(!1), [p, m] = V(-1), b = ee(null), h = ee(null), w = ee(null), y = ee([]), x = ve(), v = `dropdown-menu-${x}`, k = `dropdown-trigger-${x}`;
+  const [c, u] = V(!1), [p, m] = V(-1), b = ee(null), h = ee(null), w = ee(null), y = ee([]), g = ve(), v = `dropdown-menu-${g}`, k = `dropdown-trigger-${g}`;
   Y(() => {
     const D = (_) => {
       b.current && !b.current.contains(_.target) && (u(!1), m(-1));
@@ -9940,7 +9954,7 @@ function Uc(l) {
   return /* @__PURE__ */ n.jsxs(
     "div",
     L(A({
-      className: g("relative", "inline-block", a),
+      className: x("relative", "inline-block", a),
       ref: b
     }, i), {
       children: [
@@ -9949,7 +9963,7 @@ function Uc(l) {
           /* @__PURE__ */ n.jsx(
             "div",
             {
-              className: g("fixed", "inset-0", "z-10"),
+              className: x("fixed", "inset-0", "z-10"),
               onClick: () => {
                 u(!1), m(-1);
               },
@@ -9961,7 +9975,7 @@ function Uc(l) {
             {
               ref: w,
               id: v,
-              className: g(
+              className: x(
                 "absolute",
                 // micro-z: dropdown content above its own backdrop
                 "z-20",
@@ -9980,8 +9994,8 @@ function Uc(l) {
               "aria-orientation": "vertical",
               "aria-labelledby": k,
               "aria-activedescendant": p >= 0 ? `${v}-item-${p}` : void 0,
-              children: /* @__PURE__ */ n.jsx("div", { className: g(f("xs", "py")), role: "none", children: t.map((D, _) => {
-                const M = g(
+              children: /* @__PURE__ */ n.jsx("div", { className: x(f("xs", "py")), role: "none", children: t.map((D, _) => {
+                const M = x(
                   "block",
                   f("base", "px"),
                   f("xs", "py"),
@@ -9989,11 +10003,11 @@ function Uc(l) {
                   "w-full",
                   "text-left",
                   "focus:outline-none",
-                  D.disabled ? g("text-fg-disabled", "cursor-not-allowed", "opacity-50") : D.variant === "danger" ? g(
+                  D.disabled ? x("text-fg-disabled", "cursor-not-allowed", "opacity-50") : D.variant === "danger" ? x(
                     "text-error-dark",
                     "hover:bg-error-bg-emphasis",
                     "focus:bg-error-bg-emphasis"
-                  ) : g(
+                  ) : x(
                     "text-fg-primary",
                     "hover:bg-surface-hover",
                     "focus:bg-surface-hover"
@@ -10112,7 +10126,7 @@ function ma(l) {
     "onFocus",
     "className"
   ]);
-  const { selectedDate: c, selectedRange: u, mode: p, onDateChange: m } = fa(), [b, h] = V(""), [w, y] = V(!1), x = ee(null);
+  const { selectedDate: c, selectedRange: u, mode: p, onDateChange: m } = fa(), [b, h] = V(""), [w, y] = V(!1), g = ee(null);
   Y(() => {
     p === "single" && c ? h(Jt(c, t)) : p === "range" && u ? u.start && u.end ? h(
       `${Jt(u.start, t)} - ${Jt(u.end, t)}`
@@ -10131,12 +10145,12 @@ function ma(l) {
     }
   }, $ = () => {
     var C;
-    (C = x.current) == null || C.focus();
+    (C = g.current) == null || C.focus();
   };
   return /* @__PURE__ */ n.jsx("div", L(A({ className: `relative ${o}` }, i), { children: /* @__PURE__ */ n.jsx(
     We,
     {
-      ref: x,
+      ref: g,
       type: "text",
       value: b,
       onChange: v,
@@ -10219,7 +10233,7 @@ function pa(a) {
     disabledDates: b
   } = fa(), [h, w] = V(
     e || i || (l == null ? void 0 : l.start) || /* @__PURE__ */ new Date()
-  ), y = ee(null), [x, v] = V(() => {
+  ), y = ee(null), [g, v] = V(() => {
     const I = /* @__PURE__ */ new Date(), R = e || i || (l == null ? void 0 : l.start) || I;
     return i && Zt(i, R) ? i : Zt(I, R) ? I : new Date(R.getFullYear(), R.getMonth(), 1);
   });
@@ -10234,16 +10248,16 @@ function pa(a) {
     }
     if (!y.current) return;
     const I = new Date(
-      x.getFullYear(),
-      x.getMonth(),
-      x.getDate()
+      g.getFullYear(),
+      g.getMonth(),
+      g.getDate()
     ).toISOString(), R = y.current.querySelector(
       `[data-date="${I}"]`
     );
     R && R.focus();
-  }, [x]);
+  }, [g]);
   const $ = (() => {
-    if (Zt(x, h)) return x;
+    if (Zt(g, h)) return g;
     const I = /* @__PURE__ */ new Date();
     return Zt(I, h) ? I : new Date(h.getFullYear(), h.getMonth(), 1);
   })(), C = Gc(h), j = Kc(h), S = [];
@@ -10399,7 +10413,7 @@ function pa(a) {
                   p,
                   m,
                   b
-                ), W = wt(z, /* @__PURE__ */ new Date()), F = wt(z, x), q = wt(z, $);
+                ), W = wt(z, /* @__PURE__ */ new Date()), F = wt(z, g), q = wt(z, $);
                 return /* @__PURE__ */ n.jsx(
                   "button",
                   {
@@ -10454,18 +10468,18 @@ function Tr({
   const [b, h] = V(!1), w = ee(null), y = ee(null);
   return Y(() => {
     if (!b) return;
-    const x = (v) => {
+    const g = (v) => {
       var j, S, N, D;
       const k = v.target, $ = (S = (j = w.current) == null ? void 0 : j.contains(k)) != null ? S : !1, C = (D = (N = y.current) == null ? void 0 : N.contains(k)) != null ? D : !1;
       !$ && !C && h(!1);
     };
-    return document.addEventListener("mousedown", x), () => document.removeEventListener("mousedown", x);
+    return document.addEventListener("mousedown", g), () => document.removeEventListener("mousedown", g);
   }, [b]), Y(() => {
     if (!b) return;
-    const x = (v) => {
+    const g = (v) => {
       v.key === "Escape" && h(!1);
     };
-    return document.addEventListener("keydown", x), () => document.removeEventListener("keydown", x);
+    return document.addEventListener("keydown", g), () => document.removeEventListener("keydown", g);
   }, [b]), e ? /* @__PURE__ */ n.jsx(
     hn,
     {
@@ -10602,23 +10616,23 @@ function Zc(o) {
         b.querySelectorAll(
           '[role="tab"]:not([disabled])'
         )
-      ), x = y.findIndex(
+      ), g = y.findIndex(
         ($) => $ === document.activeElement
       );
-      if (x === -1) return;
-      let v = x;
-      d === "horizontal" ? w.key === "ArrowRight" ? (w.preventDefault(), v = (x + 1) % y.length) : w.key === "ArrowLeft" && (w.preventDefault(), v = (x - 1 + y.length) % y.length) : w.key === "ArrowDown" ? (w.preventDefault(), v = (x + 1) % y.length) : w.key === "ArrowUp" && (w.preventDefault(), v = (x - 1 + y.length) % y.length), w.key === "Home" ? (w.preventDefault(), v = 0) : w.key === "End" && (w.preventDefault(), v = y.length - 1), v !== x && ((k = y[v]) == null || k.focus());
+      if (g === -1) return;
+      let v = g;
+      d === "horizontal" ? w.key === "ArrowRight" ? (w.preventDefault(), v = (g + 1) % y.length) : w.key === "ArrowLeft" && (w.preventDefault(), v = (g - 1 + y.length) % y.length) : w.key === "ArrowDown" ? (w.preventDefault(), v = (g + 1) % y.length) : w.key === "ArrowUp" && (w.preventDefault(), v = (g - 1 + y.length) % y.length), w.key === "Home" ? (w.preventDefault(), v = 0) : w.key === "End" && (w.preventDefault(), v = y.length - 1), v !== g && ((k = y[v]) == null || k.focus());
     };
     return b.addEventListener("keydown", h), () => b.removeEventListener("keydown", h);
   }, [d]);
-  const u = r === "compact" && d === "vertical" ? "flex" : "inline-flex", p = g(d === "vertical" ? "flex-col" : "flex-row", f("xs", "gap"));
+  const u = r === "compact" && d === "vertical" ? "flex" : "inline-flex", p = x(d === "vertical" ? "flex-col" : "flex-row", f("xs", "gap"));
   return /* @__PURE__ */ n.jsx(
     "div",
     L(A({
       ref: c,
       role: "tablist",
       "aria-orientation": d,
-      className: g(
+      className: x(
         u,
         p,
         f("xs", "p"),
@@ -10652,18 +10666,18 @@ function Qc(l) {
     onValueChange: u,
     orientation: p,
     activationMode: m
-  } = $s(), b = c === e, h = (x) => {
-    r || ((m === "automatic" || b) && u(e), a == null || a(x));
-  }, w = (x) => {
+  } = $s(), b = c === e, h = (g) => {
+    r || ((m === "automatic" || b) && u(e), a == null || a(g));
+  }, w = (g) => {
     var v;
-    m === "automatic" && !r && !b && u(e), (v = i.onFocus) == null || v.call(i, x);
-  }, y = (x) => {
-    if (!r && !(x.key === "ArrowRight" || x.key === "ArrowLeft" || x.key === "ArrowDown" || x.key === "ArrowUp" || x.key === "Home" || x.key === "End")) {
-      if (m === "manual" && (x.key === "Enter" || x.key === " ")) {
-        x.preventDefault(), u(e);
+    m === "automatic" && !r && !b && u(e), (v = i.onFocus) == null || v.call(i, g);
+  }, y = (g) => {
+    if (!r && !(g.key === "ArrowRight" || g.key === "ArrowLeft" || g.key === "ArrowDown" || g.key === "ArrowUp" || g.key === "Home" || g.key === "End")) {
+      if (m === "manual" && (g.key === "Enter" || g.key === " ")) {
+        g.preventDefault(), u(e);
         return;
       }
-      o == null || o(x);
+      o == null || o(g);
     }
   };
   return /* @__PURE__ */ n.jsx(
@@ -10679,7 +10693,7 @@ function Qc(l) {
       onClick: h,
       onFocus: w,
       onKeyDown: y,
-      className: g(
+      className: x(
         "inline-flex",
         "items-center",
         "justify-center",
@@ -10693,7 +10707,7 @@ function Qc(l) {
         "focus:ring-line-focus",
         "focus:ring-offset-2",
         G("sm"),
-        b ? g("bg-surface-brand-strong", "text-fg-inverse") : g("text-fg-secondary", "hover:bg-surface-active"),
+        b ? x("bg-surface-brand-strong", "text-fg-inverse") : x("text-fg-secondary", "hover:bg-surface-active"),
         r ? "opacity-50 cursor-not-allowed" : "cursor-pointer",
         s
       )
@@ -10764,13 +10778,13 @@ const vf = Dr, Ss = be(
     ]);
     const [h, w] = V(
       typeof l == "string" ? l : ""
-    ), [y, x] = V(null), v = i !== void 0, k = v ? i : h, $ = k != null && String(k).length > 0, C = (N) => {
+    ), [y, g] = V(null), v = i !== void 0, k = v ? i : h, $ = k != null && String(k).length > 0, C = (N) => {
       const D = N.target.value;
       v || w(D), d == null || d(N), y && clearTimeout(y);
       const _ = setTimeout(() => {
         t == null || t(D);
       }, o);
-      x(_);
+      g(_);
     }, j = () => {
       v || w("");
       const N = {
@@ -10782,7 +10796,7 @@ const vf = Dr, Ss = be(
       var D;
       N.key === "Enter" && t && t(String(k || "")), (D = u.onKeyDown) == null || D.call(u, N);
     };
-    return /* @__PURE__ */ n.jsx("div", { className: g("relative", c), children: /* @__PURE__ */ n.jsx(
+    return /* @__PURE__ */ n.jsx("div", { className: x("relative", c), children: /* @__PURE__ */ n.jsx(
       We,
       L(A({
         ref: p
@@ -10803,7 +10817,7 @@ const vf = Dr, Ss = be(
             children: /* @__PURE__ */ n.jsx(Oe, { className: "h-4 w-4" })
           }
         ) : void 0,
-        className: g(f("lg", "pr"))
+        className: x(f("lg", "pr"))
       })
     ) });
   }
@@ -10861,11 +10875,11 @@ const Cs = be(
     "aria-label": b,
     "aria-labelledby": h
   }, w) {
-    const [y, x] = V({ top: 0, left: 0, width: 0 });
+    const [y, g] = V({ top: 0, left: 0, width: 0 });
     Y(() => {
       if (i.current) {
         const k = i.current.getBoundingClientRect();
-        x({
+        g({
           top: k.bottom + window.scrollY + 4,
           left: k.left + window.scrollX,
           width: k.width
@@ -10978,7 +10992,7 @@ const td = be(
     size: h = "md",
     label: w,
     "aria-label": y,
-    "aria-labelledby": x,
+    "aria-labelledby": g,
     id: v,
     name: k,
     form: $
@@ -11049,7 +11063,7 @@ const td = be(
       } else
         O("");
     }, [q, t]), Y(() => {
-    }, [w, y, x, S]);
+    }, [w, y, g, S]);
     const U = M && (pe || l || !!c), re = U && I >= 0 && I < oe.length ? `${N}-option-${I}` : void 0;
     return /* @__PURE__ */ n.jsxs("div", { ref: H, className: `relative ${m}`, children: [
       /* @__PURE__ */ n.jsx(
@@ -11059,7 +11073,7 @@ const td = be(
           id: S,
           label: w,
           "aria-label": y,
-          "aria-labelledby": x,
+          "aria-labelledby": g,
           role: "combobox",
           "aria-expanded": U,
           "aria-controls": U ? N : void 0,
@@ -11102,8 +11116,8 @@ const td = be(
           loading: l,
           emptyMessage: c,
           containerRef: H,
-          "aria-labelledby": x,
-          "aria-label": x ? void 0 : y || w
+          "aria-labelledby": g,
+          "aria-label": g ? void 0 : y || w
         }
       )
     ] });
@@ -11128,7 +11142,7 @@ const rd = be(
     size: h = "md",
     label: w
   }, y) {
-    const x = ve(), v = `${x}-list`, [k, $] = V(s), [C, j] = V(!1), [S, N] = V(-1), [D, _] = V(""), M = ee(null), T = ee(null), I = ee(null), R = r !== void 0, z = R ? r : k, O = t.filter(
+    const g = ve(), v = `${g}-list`, [k, $] = V(s), [C, j] = V(!1), [S, N] = V(-1), [D, _] = V(""), M = ee(null), T = ee(null), I = ee(null), R = r !== void 0, z = R ? r : k, O = t.filter(
       (U) => z.includes(U.value)
     ), B = (() => {
       let U = t;
@@ -11189,12 +11203,12 @@ const rd = be(
       return document.addEventListener("mousedown", U), () => document.removeEventListener("mousedown", U);
     }, [C]);
     const te = B.filter((U) => !U.disabled).every((U) => z.includes(U.value)), ne = C && (ce || l || !!c), ae = u != null && z.length >= u, se = ne && S >= 0 && S < B.length ? `${v}-option-${S}` : void 0;
-    return /* @__PURE__ */ n.jsxs("div", { ref: M, className: g("relative", m), children: [
+    return /* @__PURE__ */ n.jsxs("div", { ref: M, className: x("relative", m), children: [
       /* @__PURE__ */ n.jsx(
         "label",
         {
-          htmlFor: x,
-          className: g(
+          htmlFor: g,
+          className: x(
             "block",
             f("sm", "mb"),
             "text-sm",
@@ -11207,7 +11221,7 @@ const rd = be(
       /* @__PURE__ */ n.jsxs(
         "div",
         {
-          className: g(
+          className: x(
             "flex",
             "flex-wrap",
             f("sm", "gap"),
@@ -11236,7 +11250,7 @@ const rd = be(
             /* @__PURE__ */ n.jsx(
               "input",
               {
-                id: x,
+                id: g,
                 ref: (U) => {
                   typeof y == "function" ? y(U) : y && (y.current = U), T.current = U;
                 },
@@ -11253,7 +11267,7 @@ const rd = be(
                 onFocus: () => j(!0),
                 placeholder: z.length === 0 ? i : "",
                 disabled: d,
-                className: g(
+                className: x(
                   "flex-1",
                   "min-w-32",
                   "outline-none",
@@ -11277,7 +11291,7 @@ const rd = be(
             // so they stop accepting clicks silently (maxSelected was a
             // no-op with no affordance before).
             disabled: U.disabled || ae && !z.includes(U.value),
-            icon: z.includes(U.value) ? /* @__PURE__ */ n.jsx(Kn, { className: g("h-4", "w-4", "text-fg-brand") }) : U.icon
+            icon: z.includes(U.value) ? /* @__PURE__ */ n.jsx(Kn, { className: x("h-4", "w-4", "text-fg-brand") }) : U.icon
           })),
           highlightedIndex: S,
           onSelect: F,
@@ -11309,18 +11323,18 @@ function yf({
   icon: p,
   emptyIcon: m
 }) {
-  const [b, h] = V(t), [w, y] = V(null), x = e !== void 0, v = w != null ? w : x ? e : b, k = {
+  const [b, h] = V(t), [w, y] = V(null), g = e !== void 0, v = w != null ? w : g ? e : b, k = {
     sm: "h-4 w-4",
     md: "h-5 w-5",
     lg: "h-6 w-6"
   }, $ = (N) => {
-    o || (x || h(N), d == null || d(N));
+    o || (g || h(N), d == null || d(N));
   }, C = (N) => {
     o || (y(N), c == null || c(N));
   }, j = () => {
     o || y(null);
   }, S = (N) => {
-    const D = N + 1, _ = i && v >= D - 0.5 && v < D, M = v >= D, T = g(
+    const D = N + 1, _ = i && v >= D - 0.5 && v < D, M = v >= D, T = x(
       k[s],
       Me("base"),
       !o && "cursor-pointer",
@@ -11357,7 +11371,7 @@ function yf({
   return /* @__PURE__ */ n.jsxs(
     "div",
     {
-      className: g(
+      className: x(
         "inline-flex",
         "items-center",
         f("xs", "gap"),
@@ -11367,7 +11381,7 @@ function yf({
         /* @__PURE__ */ n.jsx(
           "div",
           {
-            className: g("flex", "items-center"),
+            className: x("flex", "items-center"),
             role: o ? "img" : void 0,
             "aria-label": o ? `Rating: ${v} out of ${r}` : void 0,
             children: Array.from({ length: r }, (N, D) => S(D))
@@ -11376,7 +11390,7 @@ function yf({
         l && /* @__PURE__ */ n.jsxs(
           "span",
           {
-            className: g(
+            className: x(
               f("sm", "ml"),
               Re("sm"),
               "text-fg-secondary"
@@ -11406,11 +11420,11 @@ function wf({
   label: u,
   description: p
 }) {
-  const [m, b] = V([]), [h, w] = V(!1), y = ee(null), x = (M) => {
+  const [m, b] = V([]), [h, w] = V(!1), y = ee(null), g = (M) => {
     if (M === 0) return "0 Bytes";
     const T = 1024, I = ["Bytes", "KB", "MB", "GB"], R = Math.floor(Math.log(M) / Math.log(T));
     return Math.round(M / Math.pow(T, R) * 100) / 100 + " " + I[R];
-  }, v = (M) => r && M.size > r ? `File size exceeds ${x(r)}` : null, k = (M) => {
+  }, v = (M) => r && M.size > r ? `File size exceeds ${g(r)}` : null, k = (M) => {
     const T = Array.from(M), I = [];
     return T.forEach((R) => {
       const z = v(R), O = `${Date.now()}-${Math.random().toString(36).slice(2, 11)}`, H = {
@@ -11464,7 +11478,7 @@ function wf({
   return /* @__PURE__ */ n.jsxs(
     "div",
     {
-      className: g(
+      className: x(
         f("lg", "gap"),
         "flex",
         "flex-col",
@@ -11475,7 +11489,7 @@ function wf({
           u && /* @__PURE__ */ n.jsx(
             "label",
             {
-              className: g(
+              className: x(
                 "block",
                 Re("sm"),
                 er("medium"),
@@ -11488,7 +11502,7 @@ function wf({
           p && /* @__PURE__ */ n.jsx(
             "p",
             {
-              className: g(
+              className: x(
                 Re("sm"),
                 "text-fg-secondary"
               ),
@@ -11503,7 +11517,7 @@ function wf({
             onDragOver: j,
             onDragLeave: S,
             onClick: _,
-            className: g(
+            className: x(
               "relative",
               "border-2",
               "border-dashed",
@@ -11514,7 +11528,7 @@ function wf({
               "cursor-pointer",
               Me("base"),
               "focus:border-line-focus",
-              d ? "opacity-50 cursor-not-allowed" : g(
+              d ? "opacity-50 cursor-not-allowed" : x(
                 "hover:border-line-strong",
                 "focus:outline-none",
                 "focus:ring-2",
@@ -11541,7 +11555,7 @@ function wf({
               /* @__PURE__ */ n.jsxs(
                 "div",
                 {
-                  className: g(
+                  className: x(
                     "flex",
                     "flex-col",
                     "items-center",
@@ -11551,7 +11565,7 @@ function wf({
                     /* @__PURE__ */ n.jsx(
                       wl,
                       {
-                        className: g(
+                        className: x(
                           "h-8",
                           "w-8",
                           h ? "text-fg-brand" : "text-fg-secondary"
@@ -11562,7 +11576,7 @@ function wf({
                       /* @__PURE__ */ n.jsx(
                         "span",
                         {
-                          className: g(
+                          className: x(
                             Re("sm"),
                             er("medium"),
                             "text-fg-primary"
@@ -11573,7 +11587,7 @@ function wf({
                       e && /* @__PURE__ */ n.jsxs(
                         "p",
                         {
-                          className: g(
+                          className: x(
                             Re("xs"),
                             "text-fg-secondary",
                             f("xs", "mt")
@@ -11587,13 +11601,13 @@ function wf({
                       r && /* @__PURE__ */ n.jsxs(
                         "p",
                         {
-                          className: g(
+                          className: x(
                             Re("xs"),
                             "text-fg-secondary"
                           ),
                           children: [
                             "Max size: ",
-                            x(r)
+                            g(r)
                           ]
                         }
                       )
@@ -11604,10 +11618,10 @@ function wf({
             ]
           }
         ),
-        m.length > 0 && /* @__PURE__ */ n.jsx("div", { className: g("flex", "flex-col", f("sm", "gap")), children: m.map((M) => /* @__PURE__ */ n.jsxs(
+        m.length > 0 && /* @__PURE__ */ n.jsx("div", { className: x("flex", "flex-col", f("sm", "gap")), children: m.map((M) => /* @__PURE__ */ n.jsxs(
           "div",
           {
-            className: g(
+            className: x(
               "flex",
               "items-center",
               f("md", "gap"),
@@ -11623,19 +11637,19 @@ function wf({
                 {
                   src: M.preview,
                   alt: M.file.name,
-                  className: g(
+                  className: x(
                     "w-12",
                     "h-12",
                     "object-cover",
                     G("md")
                   )
                 }
-              ) : /* @__PURE__ */ n.jsx(rl, { className: g("h-8", "w-8", "text-fg-secondary") }),
-              /* @__PURE__ */ n.jsxs("div", { className: g("flex-1", "min-w-0"), children: [
+              ) : /* @__PURE__ */ n.jsx(rl, { className: x("h-8", "w-8", "text-fg-secondary") }),
+              /* @__PURE__ */ n.jsxs("div", { className: x("flex-1", "min-w-0"), children: [
                 /* @__PURE__ */ n.jsx(
                   "p",
                   {
-                    className: g(
+                    className: x(
                       Re("sm"),
                       er("medium"),
                       "text-fg-primary",
@@ -11647,17 +11661,17 @@ function wf({
                 /* @__PURE__ */ n.jsx(
                   "p",
                   {
-                    className: g(
+                    className: x(
                       Re("xs"),
                       "text-fg-secondary"
                     ),
-                    children: x(M.file.size)
+                    children: g(M.file.size)
                   }
                 ),
                 M.error && /* @__PURE__ */ n.jsxs(
                   "div",
                   {
-                    className: g(
+                    className: x(
                       "flex",
                       "items-center",
                       f("xs", "gap"),
@@ -11667,13 +11681,13 @@ function wf({
                       /* @__PURE__ */ n.jsx(
                         Ar,
                         {
-                          className: g("h-3", "w-3", "text-fg-error")
+                          className: x("h-3", "w-3", "text-fg-error")
                         }
                       ),
                       /* @__PURE__ */ n.jsx(
                         "span",
                         {
-                          className: g(
+                          className: x(
                             Re("xs"),
                             "text-fg-error"
                           ),
@@ -11683,9 +11697,9 @@ function wf({
                     ]
                   }
                 ),
-                l && M.progress !== void 0 && /* @__PURE__ */ n.jsx("div", { className: g(f("sm", "mt")), children: /* @__PURE__ */ n.jsx(ea, { value: M.progress, size: "sm" }) })
+                l && M.progress !== void 0 && /* @__PURE__ */ n.jsx("div", { className: x(f("sm", "mt")), children: /* @__PURE__ */ n.jsx(ea, { value: M.progress, size: "sm" }) })
               ] }),
-              !M.error && !l && /* @__PURE__ */ n.jsx(Nr, { className: g("h-5", "w-5", "text-fg-success") }),
+              !M.error && !l && /* @__PURE__ */ n.jsx(Nr, { className: x("h-5", "w-5", "text-fg-success") }),
               /* @__PURE__ */ n.jsx(
                 ie,
                 {
@@ -11722,7 +11736,7 @@ function xa({
   triggerClassName: p = "",
   contentClassName: m = ""
 }) {
-  const [b, h] = V(s), w = ee(null), y = ee(null), [x, v] = V({ top: 0, left: 0 }), k = ve(), $ = r !== void 0, C = $ ? r : b;
+  const [b, h] = V(s), w = ee(null), y = ee(null), [g, v] = V({ top: 0, left: 0 }), k = ve(), $ = r !== void 0, C = $ ? r : b;
   ir(C);
   const j = Q(() => {
     if (!w.current || !y.current) return;
@@ -11793,8 +11807,8 @@ function xa({
         ${m}
       `,
       style: {
-        top: `${x.top}px`,
-        left: `${x.left}px`
+        top: `${g.top}px`,
+        left: `${g.left}px`
       },
       role: "dialog",
       "aria-modal": "false",
@@ -11872,7 +11886,7 @@ function jf({
   helperText: l,
   className: d = ""
 }) {
-  const [c, u] = V(t || ""), [p, m] = V(12), [b, h] = V(0), [w, y] = V("AM"), [x, v] = V(!1), k = e !== void 0, $ = k ? e : c, C = Q(
+  const [c, u] = V(t || ""), [p, m] = V(12), [b, h] = V(0), [w, y] = V("AM"), [g, v] = V(!1), k = e !== void 0, $ = k ? e : c, C = Q(
     (O) => {
       if (!O) return { hours: 12, minutes: 0, amPm: "AM" };
       if (r === "24h") {
@@ -12083,7 +12097,7 @@ function jf({
   return /* @__PURE__ */ n.jsx("div", { className: d, children: /* @__PURE__ */ n.jsx(
     xa,
     {
-      open: a ? !1 : x,
+      open: a ? !1 : g,
       onOpenChange: (O) => {
         a || v(O);
       },
@@ -12100,7 +12114,7 @@ function jf({
           className: "cursor-pointer",
           role: "combobox",
           "aria-haspopup": "dialog",
-          "aria-expanded": !a && x,
+          "aria-expanded": !a && g,
           onKeyDown: R
         }
       ),
@@ -12139,7 +12153,7 @@ function kf({
       m(j);
     }
   }, [h]);
-  const x = (j) => {
+  const g = (j) => {
     const S = j.target.value;
     (/^#[0-9A-F]{6}$/i.test(S) || S === "") && (b || u(S), s == null || s(S), S && m(w(S)));
   }, v = (j, S) => {
@@ -12259,7 +12273,7 @@ function kf({
       {
         label: "Hex",
         value: h,
-        onChange: x,
+        onChange: g,
         disabled: i,
         placeholder: "#000000",
         className: "font-mono"
@@ -12323,7 +12337,7 @@ function kf({
           We,
           {
             value: h,
-            onChange: x,
+            onChange: g,
             disabled: i,
             placeholder: "#000000",
             className: "w-24 font-mono"
@@ -12439,7 +12453,7 @@ function ya({
     right: "right-0 top-0 bottom-0",
     top: "top-0 left-0 right-0",
     bottom: "bottom-0 left-0 right-0"
-  }, x = /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
+  }, g = /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
     /* @__PURE__ */ n.jsx(
       "div",
       {
@@ -12518,7 +12532,7 @@ function ya({
       }
     )
   ] });
-  return typeof window != "undefined" ? ot(x, document.body) : null;
+  return typeof window != "undefined" ? ot(g, document.body) : null;
 }
 function od(s) {
   var a = s, {
@@ -12627,7 +12641,7 @@ const ja = be(
       s == null || s(w), c(!d);
     }, p = rr.count(t) === 1 && Mt(t);
     if (r === !0 || r === void 0 && p) {
-      const w = rr.only(t), y = w.props.onClick, x = (v) => {
+      const w = rr.only(t), y = w.props.onClick, g = (v) => {
         y == null || y(v), v.defaultPrevented || u(v);
       };
       return ar(w, L(A({}, a), {
@@ -12635,7 +12649,7 @@ const ja = be(
         tabIndex: (h = w.props.tabIndex) != null ? h : 0,
         "aria-haspopup": "menu",
         "aria-expanded": d,
-        onClick: x,
+        onClick: g,
         ref: cd(o, w.props.ref)
       }));
     }
@@ -12671,9 +12685,9 @@ function dd({
   }, [s]), Y(() => {
     if (s && i.current && l.current) {
       const p = () => {
-        const h = l.current.getBoundingClientRect(), w = i.current.getBoundingClientRect(), y = window.scrollY, x = window.scrollX;
+        const h = l.current.getBoundingClientRect(), w = i.current.getBoundingClientRect(), y = window.scrollY, g = window.scrollX;
         let v = 0, k = 0;
-        o === "bottom" ? (v = h.bottom + y + 4, r === "start" ? k = h.left + x : r === "end" ? k = h.right + x - w.width : k = h.left + x + (h.width - w.width) / 2) : o === "top" ? (v = h.top + y - w.height - 4, r === "start" ? k = h.left + x : r === "end" ? k = h.right + x - w.width : k = h.left + x + (h.width - w.width) / 2) : o === "right" ? (k = h.right + x + 4, r === "start" ? v = h.top + y : r === "end" ? v = h.bottom + y - w.height : v = h.top + y + (h.height - w.height) / 2) : o === "left" && (k = h.left + x - w.width - 4, r === "start" ? v = h.top + y : r === "end" ? v = h.bottom + y - w.height : v = h.top + y + (h.height - w.height) / 2);
+        o === "bottom" ? (v = h.bottom + y + 4, r === "start" ? k = h.left + g : r === "end" ? k = h.right + g - w.width : k = h.left + g + (h.width - w.width) / 2) : o === "top" ? (v = h.top + y - w.height - 4, r === "start" ? k = h.left + g : r === "end" ? k = h.right + g - w.width : k = h.left + g + (h.width - w.width) / 2) : o === "right" ? (k = h.right + g + 4, r === "start" ? v = h.top + y : r === "end" ? v = h.bottom + y - w.height : v = h.top + y + (h.height - w.height) / 2) : o === "left" && (k = h.left + g - w.width - 4, r === "start" ? v = h.top + y : r === "end" ? v = h.bottom + y - w.height : v = h.top + y + (h.height - w.height) / 2);
         const $ = 8;
         v = Math.max(
           $,
@@ -12685,7 +12699,7 @@ function dd({
           $,
           Math.min(
             k,
-            window.innerWidth + x - w.width - $
+            window.innerWidth + g - w.width - $
           )
         ), c({ top: v, left: k });
       };
@@ -12863,7 +12877,7 @@ function Nf({
     return /* @__PURE__ */ n.jsxs(
       "div",
       {
-        className: g(
+        className: x(
           "border border-line-default",
           G("md"),
           "overflow-hidden",
@@ -12876,7 +12890,7 @@ function Nf({
               type: "button",
               onClick: () => d(c.id),
               disabled: p,
-              className: g(
+              className: x(
                 "w-full flex items-center justify-between",
                 f("base", "px"),
                 f("md", "py"),
@@ -12911,7 +12925,7 @@ function Nf({
             "div",
             {
               id: `accordion-content-${c.id}`,
-              className: g(
+              className: x(
                 "grid",
                 Me("base"),
                 u ? "grid-rows-[1fr] opacity-100" : "grid-rows-[0fr] opacity-0"
@@ -12920,7 +12934,7 @@ function Nf({
               children: /* @__PURE__ */ n.jsx("div", { className: "min-h-0 overflow-hidden", children: /* @__PURE__ */ n.jsx(
                 "div",
                 {
-                  className: g(
+                  className: x(
                     f("base", "px"),
                     f("md", "py"),
                     "text-fg-secondary",
@@ -12993,7 +13007,7 @@ function fd(a) {
     L(A({
       href: r || "/",
       variant: "default",
-      className: g("flex items-center font-semibold text-lg", t)
+      className: x("flex items-center font-semibold text-lg", t)
     }, s), {
       children: e
     })
@@ -13006,7 +13020,7 @@ function md({
   return /* @__PURE__ */ n.jsx(
     "nav",
     {
-      className: g(
+      className: x(
         "flex-1 flex items-center justify-center",
         f("base", "gap"),
         "hidden md:flex",
@@ -13022,7 +13036,7 @@ function pd({ children: e, className: t }) {
   return /* @__PURE__ */ n.jsx(
     "div",
     {
-      className: g(
+      className: x(
         "flex-shrink-0 flex items-center",
         f("sm", "gap"),
         t
@@ -13045,7 +13059,7 @@ function bd({
       variant: s,
       size: a,
       onClick: i,
-      className: g("md:hidden", e),
+      className: x("md:hidden", e),
       "aria-label": o ? "Close menu" : "Open menu",
       "aria-expanded": o,
       children: o ? d : l
@@ -13068,7 +13082,7 @@ function hd({
       size: "sm",
       closeOnOverlayClick: !0,
       closeOnEscape: !0,
-      children: /* @__PURE__ */ n.jsx(ya, { className: g(f("base", "p"), t), children: /* @__PURE__ */ n.jsx(
+      children: /* @__PURE__ */ n.jsx(ya, { className: x(f("base", "p"), t), children: /* @__PURE__ */ n.jsx(
         "nav",
         {
           className: `flex flex-col ${f("sm", "gap")}`,
@@ -13107,7 +13121,7 @@ const xd = {
       "div",
       L(A({
         ref: l,
-        className: g(
+        className: x(
           "w-full",
           xd[t],
           f(r, "px"),
@@ -13156,7 +13170,7 @@ const Wt = xe.forwardRef(
       "div",
       L(A({
         ref: l,
-        className: g(
+        className: x(
           "flex",
           a === "column" ? "flex-col" : "flex-row",
           u,
@@ -13173,13 +13187,13 @@ const Wt = xe.forwardRef(
 Wt.displayName = "Stack";
 const gd = Ne(
   // Base classes
-  g("w-full", "bg-surface-base", "transition-shadow", "transition-colors"),
+  x("w-full", "bg-surface-base", "transition-shadow", "transition-colors"),
   {
     variants: {
       variant: {
         default: "",
         elevated: ke("sm"),
-        bordered: g("border-b", "border-line-muted")
+        bordered: x("border-b", "border-line-muted")
       }
     },
     defaultVariants: {
@@ -13210,10 +13224,10 @@ function lr(l) {
       children: e
     }
   );
-  return a ? /* @__PURE__ */ n.jsx(vn, { children: /* @__PURE__ */ n.jsx("div", L(A({ className: g(o) }, i), { children: c })) }) : /* @__PURE__ */ n.jsx(vn, { children: /* @__PURE__ */ n.jsx(
+  return a ? /* @__PURE__ */ n.jsx(vn, { children: /* @__PURE__ */ n.jsx("div", L(A({ className: x(o) }, i), { children: c })) }) : /* @__PURE__ */ n.jsx(vn, { children: /* @__PURE__ */ n.jsx(
     "header",
     L(A({
-      className: g(
+      className: x(
         gd({ variant: t }),
         r && `sticky top-0 ${Ae("sticky")}`,
         r && "backdrop-blur-sm bg-surface-base/95",
@@ -13231,7 +13245,7 @@ lr.Hamburger = bd;
 lr.MobileMenu = hd;
 const yn = Ne(
   // Base classes
-  g("flex", "items-center", f("sm", "gap")),
+  x("flex", "items-center", f("sm", "gap")),
   {
     variants: {
       orientation: {
@@ -13302,7 +13316,7 @@ function vd(d) {
         active: b.active,
         disabled: b.disabled,
         variant: w,
-        className: g(
+        className: x(
           "flex items-center",
           f("sm", "gap"),
           t === "vertical" && "w-full justify-start",
@@ -13320,14 +13334,14 @@ function vd(d) {
   return o ? /* @__PURE__ */ n.jsx(
     "div",
     L(A({
-      className: g(yn({ orientation: t, variant: r }), s)
+      className: x(yn({ orientation: t, variant: r }), s)
     }, l), {
       children: m
     })
   ) : /* @__PURE__ */ n.jsx(
     "nav",
     L(A({
-      className: g(yn({ orientation: t, variant: r }), s),
+      className: x(yn({ orientation: t, variant: r }), s),
       "aria-label": a
     }, l), {
       children: m
@@ -13339,12 +13353,12 @@ function $f(e) {
 }
 const yd = Ne(
   // Base classes
-  g("w-full", "flex", "flex-col", f("sm", "gap")),
+  x("w-full", "flex", "flex-col", f("sm", "gap")),
   {
     variants: {
       variant: {
-        default: g(f("base", "mb")),
-        compact: g(f("sm", "mb"))
+        default: x(f("base", "mb")),
+        compact: x(f("sm", "mb"))
       }
     },
     defaultVariants: {
@@ -13368,7 +13382,7 @@ function Sf(l) {
     "variant",
     "className"
   ]);
-  return /* @__PURE__ */ n.jsxs("div", L(A({ className: g(yd({ variant: a }), o) }, i), { children: [
+  return /* @__PURE__ */ n.jsxs("div", L(A({ className: x(yd({ variant: a }), o) }, i), { children: [
     r && r.length > 0 && /* @__PURE__ */ n.jsx(Wc, { items: r }),
     /* @__PURE__ */ n.jsxs(
       "div",
@@ -13410,7 +13424,7 @@ function Cf(s) {
   return /* @__PURE__ */ n.jsx(
     "div",
     {
-      className: g(
+      className: x(
         f("base", "p"),
         "bg-surface-muted",
         G("md"),
@@ -13486,7 +13500,7 @@ function Ef(p) {
   }, [e, t]), Y(() => (e ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
     document.body.style.overflow = "";
   }), [e]), !e) return null;
-  const x = [
+  const g = [
     "fixed",
     "inset-0",
     Ae("modal"),
@@ -13508,7 +13522,7 @@ function Ef(p) {
   ].filter(Boolean).join(" "), C = /* @__PURE__ */ n.jsxs(
     "div",
     {
-      className: x.join(" "),
+      className: g.join(" "),
       role: "dialog",
       "aria-modal": "true",
       "aria-labelledby": y,
@@ -13624,7 +13638,7 @@ function wn({
   defaultSortColumn: h,
   defaultSortDirection: w = "asc",
   filters: y,
-  filterValues: x,
+  filterValues: g,
   onFilter: v,
   initialFilterValues: k = {},
   selectable: $ = !1,
@@ -13647,7 +13661,7 @@ function wn({
 }) {
   const F = K(() => s || (i !== void 0 && l ? "server" : "client"), [s, i, l]), q = a !== void 0, [de, oe] = V(1), [pe, te] = V(c), ne = q ? a : de, ae = o != null ? o : pe, se = K(() => F === "server" ? i != null ? i : 0 : t.length, [F, i, t.length]), U = K(() => Math.ceil(se / ae), [se, ae]), re = p !== void 0, [J, ue] = V(
     h || ""
-  ), [Ie, qe] = V(w), we = re ? p : J, Fe = re ? m || "asc" : Ie, zr = x !== void 0, [Ya, qa] = V(k), cr = zr ? x : Ya, Or = C !== void 0, [Xa, Ja] = V(
+  ), [Ie, qe] = V(w), we = re ? p : J, Fe = re ? m || "asc" : Ie, zr = g !== void 0, [Ya, qa] = V(k), cr = zr ? g : Ya, Or = C !== void 0, [Xa, Ja] = V(
     []
   ), Xe = Or ? C : Xa, dr = K(() => !y || y.length === 0 ? t : t.filter((fe) => y.every((ye) => {
     const Se = cr[ye.key];
@@ -13854,7 +13868,7 @@ function Sa(d) {
     if (!e.sortable || !m && !p) return;
     const j = u.column === e.key && u.direction === "asc" ? "desc" : "asc";
     m ? m(e.key, j) : p(e.key, j);
-  }, x = (j) => {
+  }, g = (j) => {
     $ && (j.key === "Enter" || j.key === " ") && (j.preventDefault(), y());
   }, v = (j) => {
     if (j.preventDefault(), j.stopPropagation(), !h.current || !s) return;
@@ -13890,7 +13904,7 @@ function Sa(d) {
       "aria-sort": k ? C === "asc" ? "ascending" : "descending" : $ ? "none" : void 0,
       className: `${f("lg", "px")} ${f("md", "py")} text-left text-xs font-medium text-fg-tertiary uppercase tracking-wider ${$ ? "cursor-pointer hover:bg-surface-active focus:bg-surface-active focus:outline-none focus:ring-2 focus:ring-line-focus focus:ring-offset-2 select-none" : ""} ${e.hiddenOnMobile ? "hidden md:table-cell" : ""} ${i}`,
       onClick: $ ? y : void 0,
-      onKeyDown: $ ? x : void 0,
+      onKeyDown: $ ? g : void 0,
       tabIndex: $ ? 0 : void 0,
       style: r ? { width: `${r}px`, minWidth: `${r}px` } : void 0
     }, l), {
@@ -14078,7 +14092,7 @@ function is(i) {
     getRowId: m,
     actions: b,
     onRowClick: h
-  } = lt(), w = m(e, t), y = u.selectedRows.includes(w), x = !!h, v = ($) => {
+  } = lt(), w = m(e, t), y = u.selectedRows.includes(w), g = !!h, v = ($) => {
     s && s($), h && h(e);
   }, k = ($) => {
     h && ($.key === "Enter" || $.key === " ") && ($.key === " " && $.preventDefault(), h(e));
@@ -14089,9 +14103,9 @@ function is(i) {
       role: "row",
       "aria-selected": c ? y : void 0,
       "aria-rowindex": t + 1,
-      tabIndex: x ? 0 : void 0,
-      onKeyDown: x ? k : void 0,
-      className: `hover:bg-surface-hover ${x ? "cursor-pointer" : ""} ${y ? "bg-surface-selected" : ""} ${r}`,
+      tabIndex: g ? 0 : void 0,
+      onKeyDown: g ? k : void 0,
+      className: `hover:bg-surface-hover ${g ? "cursor-pointer" : ""} ${y ? "bg-surface-selected" : ""} ${r}`,
       onClick: v,
       style: a
     }, o), {
@@ -14221,16 +14235,16 @@ function Da(s) {
     containerHeight: p == null ? void 0 : p.containerHeight,
     overscan: (p == null ? void 0 : p.overscan) || 5,
     enabled: u || !1
-  }), h = K(() => u && b.virtualItems.length > 0 ? b.virtualItems.map((x) => ({
-    row: o[x.index],
-    index: x.index
-  })).filter((x) => x.row !== void 0) : o.map((x, v) => ({ row: x, index: v })), [u, b.virtualItems, o]);
+  }), h = K(() => u && b.virtualItems.length > 0 ? b.virtualItems.map((g) => ({
+    row: o[g.index],
+    index: g.index
+  })).filter((g) => g.row !== void 0) : o.map((g, v) => ({ row: g, index: v })), [u, b.virtualItems, o]);
   return i ? /* @__PURE__ */ n.jsx(
     "tbody",
     L(A({
       className: `bg-surface-base divide-y divide-line-default ${t}`
     }, r), {
-      children: Array.from({ length: 5 }).map((x, v) => /* @__PURE__ */ n.jsx("tr", { children: Array.from({ length: m }).map((k, $) => /* @__PURE__ */ n.jsx(
+      children: Array.from({ length: 5 }).map((g, v) => /* @__PURE__ */ n.jsx("tr", { children: Array.from({ length: m }).map((k, $) => /* @__PURE__ */ n.jsx(
         "td",
         {
           className: `${f("lg", "px")} ${f("base", "py")}`,
@@ -14258,7 +14272,7 @@ function Da(s) {
     L(A({
       className: `bg-surface-base divide-y divide-line-default ${t}`
     }, r), {
-      children: o.map((x, v) => e(x, v))
+      children: o.map((g, v) => e(g, v))
     })
   ) : /* @__PURE__ */ n.jsx(
     "tbody",
@@ -14277,7 +14291,7 @@ function Da(s) {
               children: /* @__PURE__ */ n.jsx("td", { colSpan: m })
             }
           ),
-          h.map(({ row: x, index: v }) => /* @__PURE__ */ n.jsx(is, { row: x, rowIndex: v }, v)),
+          h.map(({ row: g, index: v }) => /* @__PURE__ */ n.jsx(is, { row: g, rowIndex: v }, v)),
           b.virtualItems.length > 0 && /* @__PURE__ */ n.jsx(
             "tr",
             {
@@ -14294,7 +14308,7 @@ function Da(s) {
         ] })
       ) : (
         // Normal rendering
-        h.map(({ row: x, index: v }) => /* @__PURE__ */ n.jsx(is, { row: x, rowIndex: v }, v))
+        h.map(({ row: g, index: v }) => /* @__PURE__ */ n.jsx(is, { row: g, rowIndex: v }, v))
       )
     })
   );
@@ -14326,7 +14340,7 @@ function Nd(i) {
   }, y = (v) => {
     const k = L(A({}, d), { [v]: "" });
     c(k), t(k);
-  }, x = Object.values(d).filter(
+  }, g = Object.values(d).filter(
     (v) => v !== "" && v !== null && v !== void 0
   ).length;
   return /* @__PURE__ */ n.jsx(
@@ -14351,11 +14365,11 @@ function Nd(i) {
                   children: [
                     /* @__PURE__ */ n.jsx(nl, { className: "h-4 w-4" }),
                     /* @__PURE__ */ n.jsx("span", { children: "Filters" }),
-                    x > 0 && /* @__PURE__ */ n.jsx(
+                    g > 0 && /* @__PURE__ */ n.jsx(
                       "span",
                       {
                         className: `inline-flex items-center ${f("sm", "px")} ${f("0.5", "py")} rounded text-xs font-medium bg-surface-brand-muted text-fg-brand-emphasis`,
-                        children: x
+                        children: g
                       }
                     )
                   ]
@@ -14503,7 +14517,7 @@ function $d(u) {
     e > 1 && s(e - 1);
   }, y = () => {
     e < m && s(e + 1);
-  }, x = () => {
+  }, g = () => {
     e > 1 && s(1);
   }, v = () => {
     e < m && s(m);
@@ -14585,7 +14599,7 @@ function $d(u) {
                     {
                       variant: "ghost",
                       size: "sm",
-                      onClick: x,
+                      onClick: g,
                       disabled: e === 1,
                       "aria-label": "First page",
                       children: [
@@ -14751,7 +14765,7 @@ function Sd(e) {
     selectable: h,
     selectedRows: w,
     onSelectionChange: y,
-    rowId: x,
+    rowId: g,
     actions: v,
     onRowClick: k,
     paginationMode: $,
@@ -14791,7 +14805,7 @@ function Sd(e) {
     selectable: h,
     selectedRows: w,
     onSelectionChange: y,
-    rowId: x,
+    rowId: g,
     actions: v,
     onRowClick: k,
     emptyMessage: l,
@@ -14827,27 +14841,27 @@ function Tf(e = {}) {
   } = e, [o, i] = V(t), [l, d] = V(!1), [c, u] = V(null), p = ee(
     null
   ), m = Q(
-    (x, v) => {
+    (g, v) => {
       const k = Math.max(
         r,
         s ? Math.min(v, s) : v
       );
       i(($) => L(A({}, $), {
-        [x]: k
+        [g]: k
       }));
     },
     [r, s]
   ), b = Q(() => {
     i(t);
   }, [t]), h = Q(
-    (x, v, k) => {
-      a && (d(!0), u(x), p.current = { startX: v, startWidth: k });
+    (g, v, k) => {
+      a && (d(!0), u(g), p.current = { startX: v, startWidth: k });
     },
     [a]
   ), w = Q(
-    (x) => {
+    (g) => {
       if (!l || !c || !p.current) return;
-      const v = x - p.current.startX, k = p.current.startWidth + v;
+      const v = g - p.current.startX, k = p.current.startWidth + v;
       m(c, k);
     },
     [l, c, m]
@@ -14856,9 +14870,9 @@ function Tf(e = {}) {
   }, []);
   return Y(() => {
     if (!l || typeof window == "undefined") return;
-    const x = (k) => w(k.clientX), v = () => y();
-    return document.addEventListener("mousemove", x), document.addEventListener("mouseup", v), () => {
-      document.removeEventListener("mousemove", x), document.removeEventListener("mouseup", v);
+    const g = (k) => w(k.clientX), v = () => y();
+    return document.addEventListener("mousemove", g), document.addEventListener("mouseup", v), () => {
+      document.removeEventListener("mousemove", g), document.removeEventListener("mouseup", v);
     };
   }, [l, w, y]), {
     columnWidths: o,
@@ -15106,7 +15120,7 @@ function Ad({
     [i, u, h]
   ), y = Q(() => {
     i && (p(!1), m.current = 0, b.current = d);
-  }, [i, d]), x = Q(
+  }, [i, d]), g = Q(
     (v) => {
       i && (v.preventDefault(), v.stopPropagation(), p(!0), m.current = v.clientX, b.current = d);
     },
@@ -15122,7 +15136,7 @@ function Ad({
   }, [e, t, r, u]), {
     width: d,
     isResizing: u,
-    startResize: x,
+    startResize: g,
     setWidth: h
   };
 }
@@ -15208,8 +15222,8 @@ function Dd({
       const u = c.target;
       if ((u.tagName === "INPUT" || u.tagName === "TEXTAREA" || u.isContentEditable) && !t && !a)
         return;
-      const m = e.length === 1 ? c.key.toLowerCase() === e.toLowerCase() : c.key === e, b = t ? c.ctrlKey || c.metaKey : !c.ctrlKey && !c.metaKey, h = r ? c.shiftKey : !c.shiftKey, w = s ? c.altKey : !c.altKey, y = a ? c.metaKey : !c.metaKey, x = t ? (c.ctrlKey || c.metaKey) && !a : b && y;
-      m && x && h && w && (l && (c.preventDefault(), c.stopPropagation()), o());
+      const m = e.length === 1 ? c.key.toLowerCase() === e.toLowerCase() : c.key === e, b = t ? c.ctrlKey || c.metaKey : !c.ctrlKey && !c.metaKey, h = r ? c.shiftKey : !c.shiftKey, w = s ? c.altKey : !c.altKey, y = a ? c.metaKey : !c.metaKey, g = t ? (c.ctrlKey || c.metaKey) && !a : b && y;
+      m && g && h && w && (l && (c.preventDefault(), c.stopPropagation()), o());
     },
     [i, e, t, r, s, a, o, l]
   );
@@ -15248,7 +15262,7 @@ function Fa({
     return ls(l.contentWidth);
   }, [b, h] = V(
     p
-  ), [w, y] = V({}), { isMobile: x } = Id({
+  ), [w, y] = V({}), { isMobile: g } = Id({
     mobileBreakpoint: d.mobileBreakpoint,
     onMobileChange: (R) => {
       o == null || o(R), R && d.mobileVariant === "collapse" && !u && (h(!0), s == null || s(!0));
@@ -15267,10 +15281,10 @@ function Fa({
     onWidthChange: (R) => {
       a == null || a(R), d.storageKey && d.persistWidth && typeof window != "undefined" && localStorage.setItem(`${d.storageKey}-width`, String(R));
     },
-    enabled: d.resizable && !x
+    enabled: d.resizable && !g
   });
   Td({
-    isActive: x && d.mobileVariant === "overlay" && !b,
+    isActive: g && d.mobileVariant === "overlay" && !b,
     containerRef: c,
     restoreFocus: !0
   });
@@ -15333,7 +15347,7 @@ function Fa({
       setCollapsed: S,
       currentWidth: v,
       setWidth: _,
-      isMobile: x,
+      isMobile: g,
       isResizing: k,
       startResize: $,
       groupStates: w,
@@ -15347,7 +15361,7 @@ function Fa({
       S,
       v,
       _,
-      x,
+      g,
       k,
       $,
       w,
@@ -15377,7 +15391,7 @@ function za({
   overlayBackdrop: h,
   persistState: w,
   persistWidth: y,
-  storageKey: x,
+  storageKey: g,
   keyboardShortcut: v,
   enableKeyboardShortcut: k,
   // State props
@@ -15410,7 +15424,7 @@ function za({
           overlayBackdrop: h,
           persistState: w,
           persistWidth: y,
-          storageKey: x,
+          storageKey: g,
           keyboardShortcut: v,
           enableKeyboardShortcut: k,
           children: /* @__PURE__ */ n.jsx(
@@ -15660,16 +15674,16 @@ function Ha(w) {
     "aria-label"
   ]);
   var z, O;
-  const { collapsed: x, toggle: v } = xt(), { animationDuration: k, animationEasing: $ } = ht(), C = Ut(), j = c != null ? c : C.keyboardShortcut, S = u != null ? u : C.enableKeyboardShortcut, N = () => {
+  const { collapsed: g, toggle: v } = xt(), { animationDuration: k, animationEasing: $ } = ht(), C = Ut(), j = c != null ? c : C.keyboardShortcut, S = u != null ? u : C.enableKeyboardShortcut, N = () => {
     if (typeof r == "function")
-      return r(x);
+      return r(g);
     if (r)
       return r;
-    if (x && s)
+    if (g && s)
       return s;
-    if (!x && a)
+    if (!g && a)
       return a;
-    const H = x ? bl : ml;
+    const H = g ? bl : ml;
     return /* @__PURE__ */ n.jsx(
       H,
       {
@@ -15681,7 +15695,7 @@ function Ha(w) {
         }
       }
     );
-  }, D = x ? "Expand sidebar" : "Collapse sidebar", _ = d != null ? d : Od[e], M = l ? `${x ? "Expand" : "Collapse"} sidebar${S ? ` (${j})` : ""}` : void 0, T = t ? {
+  }, D = g ? "Expand sidebar" : "Collapse sidebar", _ = d != null ? d : Od[e], M = l ? `${g ? "Expand" : "Collapse"} sidebar${S ? ` (${j})` : ""}` : void 0, T = t ? {
     transform: `translate(${(z = t.x) != null ? z : 0}px, ${(O = t.y) != null ? O : 0}px)`
   } : {}, I = e === "floating" ? A({
     // Toggle sempre na borda direita da sidebar completa (<aside>)
@@ -15728,7 +15742,7 @@ function Ha(w) {
         // Ensure left doesn't interfere
       } : {}), e !== "floating" ? I : {}), e === "floating" ? { zIndex: nn.fixed.value } : {}), m),
       "aria-label": b || D,
-      "aria-expanded": !x,
+      "aria-expanded": !g,
       "aria-controls": "side-navbar-sidebar",
       "data-position": e
     }, h), {
@@ -15819,7 +15833,7 @@ function Wd(o) {
     collapsed: h,
     setCollapsed: w,
     currentWidth: y,
-    isResizing: x,
+    isResizing: g,
     sidebarRef: v,
     isMobile: k
   } = l, {
@@ -15840,7 +15854,7 @@ function Wd(o) {
       L(A({
         ref: v,
         id: "side-navbar-sidebar",
-        className: g(
+        className: x(
           F,
           "flex",
           "h-full",
@@ -15857,7 +15871,7 @@ function Wd(o) {
           borderRight: "1px solid var(--color-line-default)",
           width: O,
           minWidth: O,
-          transitionProperty: x ? "none" : "width, min-width, transform",
+          transitionProperty: g ? "none" : "width, min-width, transform",
           transitionDuration: `${S}ms`,
           transitionTimingFunction: N
         }, r),
@@ -15996,8 +16010,8 @@ const Hd = {
   inline: `flex-row ${f("sm", "gap")} w-full ${f("md", "px")}`,
   below: `flex-col ${f("1.5", "gap")}`
 };
-function Gd(x) {
-  var v = x, {
+function Gd(g) {
+  var v = g, {
     id: e,
     icon: t,
     label: r,
@@ -16046,7 +16060,7 @@ function Gd(x) {
   }, _ = j !== "tooltip" && a && r && /* @__PURE__ */ n.jsx(
     "span",
     {
-      className: g(
+      className: x(
         "text-xs",
         "flex-shrink-0",
         // Prevenir que label encolha
@@ -16062,7 +16076,7 @@ function Gd(x) {
       },
       children: r
     }
-  ), M = g(
+  ), M = x(
     "relative",
     "flex",
     "items-center",
@@ -16084,7 +16098,7 @@ function Gd(x) {
     // Remover todas as transições que possam causar movimento
     "[&>*]:!transition-none",
     "[&>*]:!transform-none",
-    j === "tooltip" ? N.container : g(f("sm", "px"), f("1.5", "py")),
+    j === "tooltip" ? N.container : x(f("sm", "px"), f("1.5", "py")),
     j !== "tooltip" && Ud[j],
     h ? "opacity-50 cursor-not-allowed" : "cursor-pointer",
     w
@@ -16096,7 +16110,7 @@ function Gd(x) {
     /* @__PURE__ */ n.jsx(
       "span",
       {
-        className: g(
+        className: x(
           "flex-shrink-0",
           N.icon,
           "[&>svg]:transition-none",
@@ -16127,7 +16141,7 @@ function Gd(x) {
     l != null && /* @__PURE__ */ n.jsx(
       "span",
       {
-        className: g(
+        className: x(
           "absolute",
           "-top-1",
           "-right-1",
@@ -16155,7 +16169,7 @@ function Gd(x) {
       target: m,
       rel: m === "_blank" ? "noopener noreferrer" : void 0,
       onClick: D,
-      className: g(M, T[c]),
+      className: x(M, T[c]),
       style: R,
       "aria-label": r,
       "aria-current": S ? "page" : void 0,
@@ -16169,7 +16183,7 @@ function Gd(x) {
       type: "button",
       onClick: D,
       disabled: h,
-      className: g(M, T[c]),
+      className: x(M, T[c]),
       style: R,
       "aria-label": r,
       "aria-current": S ? "page" : void 0
@@ -16190,14 +16204,14 @@ function Kd(s) {
   return e === "vertical" ? /* @__PURE__ */ n.jsx(
     "div",
     A({
-      className: g("w-px", "h-6", "bg-line-default", "mx-auto", t),
+      className: x("w-px", "h-6", "bg-line-default", "mx-auto", t),
       role: "separator",
       "aria-orientation": "vertical"
     }, r)
   ) : /* @__PURE__ */ n.jsx(
     "div",
     A({
-      className: g(
+      className: x(
         "w-full",
         "h-px",
         "bg-line-default",
@@ -16233,7 +16247,7 @@ function Yd(l) {
     "children",
     "className"
   ]);
-  const [c, u] = V(s), p = `navbar-group-${ve()}`, m = /* @__PURE__ */ n.jsxs("span", { className: g("flex items-center", f("1.5", "gap")), children: [
+  const [c, u] = V(s), p = `navbar-group-${ve()}`, m = /* @__PURE__ */ n.jsxs("span", { className: x("flex items-center", f("1.5", "gap")), children: [
     r && /* @__PURE__ */ n.jsx("span", { className: "shrink-0", children: c ? /* @__PURE__ */ n.jsx(
       Tt,
       {
@@ -16249,7 +16263,7 @@ function Yd(l) {
     ) }),
     /* @__PURE__ */ n.jsx("span", { children: t })
   ] });
-  return /* @__PURE__ */ n.jsxs("div", L(A({ id: e, className: g("flex flex-col", o) }, i), { children: [
+  return /* @__PURE__ */ n.jsxs("div", L(A({ id: e, className: x("flex flex-col", o) }, i), { children: [
     t && (r ? (
       // Collapsible header is a real button: keyboard operable
       // (Enter/Space activate it natively) with disclosure ARIA. The
@@ -16261,7 +16275,7 @@ function Yd(l) {
           onClick: () => u(!c),
           "aria-expanded": !c,
           "aria-controls": c ? void 0 : p,
-          className: g(
+          className: x(
             f("sm", "px"),
             f("1.5", "py"),
             "text-xs text-fg-tertiary uppercase tracking-wider",
@@ -16273,7 +16287,7 @@ function Yd(l) {
     ) : /* @__PURE__ */ n.jsx(
       "div",
       {
-        className: g(
+        className: x(
           f("sm", "px"),
           f("1.5", "py"),
           "text-xs text-fg-tertiary uppercase tracking-wider"
@@ -16321,7 +16335,7 @@ function _t(u) {
     "className",
     "style"
   ]);
-  const m = xt(), b = ht(), h = ee(null), [w, y] = V(null), [x, v] = V(!1), k = o === "inline" && !m.collapsed, $ = k ? typeof i == "number" ? `${i}px` : i : b.navigationWidth, C = K(
+  const m = xt(), b = ht(), h = ee(null), [w, y] = V(null), [g, v] = V(!1), k = o === "inline" && !m.collapsed, $ = k ? typeof i == "number" ? `${i}px` : i : b.navigationWidth, C = K(
     () => ({
       // Inherited from root
       collapsed: m.collapsed,
@@ -16330,7 +16344,7 @@ function _t(u) {
       navbarRef: h,
       activeItem: w,
       setActiveItem: y,
-      isHovered: x,
+      isHovered: g,
       showInternalToggle: s,
       togglePosition: a,
       labelMode: o
@@ -16339,7 +16353,7 @@ function _t(u) {
       m.collapsed,
       m.toggle,
       w,
-      x,
+      g,
       s,
       a,
       o
@@ -16349,7 +16363,7 @@ function _t(u) {
     "nav",
     L(A({
       ref: h,
-      className: g(
+      className: x(
         "relative",
         "flex-shrink-0",
         "flex",
@@ -16384,7 +16398,7 @@ function _t(u) {
         /* @__PURE__ */ n.jsx(
           "div",
           {
-            className: g(
+            className: x(
               "relative",
               // Create new stacking context
               "flex-1",
@@ -16598,7 +16612,7 @@ function Qd(c) {
     collapsed: p,
     activeGroup: m,
     setActiveGroup: b
-  } = Fr(), { groupStates: h, toggleGroup: w, setGroupCollapsed: y } = xt(), { animationDuration: x } = ht(), v = ee(!1);
+  } = Fr(), { groupStates: h, toggleGroup: w, setGroupCollapsed: y } = xt(), { animationDuration: g } = ht(), v = ee(!1);
   if (Y(() => {
     !v.current && h[e] === void 0 && (v.current = !0, y(e, o));
   }, [e, o, h, y]), p)
@@ -16654,7 +16668,7 @@ function Qd(c) {
                   transition-transform
                   ${k ? "-rotate-90" : "rotate-0"}
                 `,
-                    style: { transitionDuration: `${x}ms` },
+                    style: { transitionDuration: `${g}ms` },
                     "aria-hidden": "true"
                   }
                 )
@@ -16662,7 +16676,7 @@ function Qd(c) {
             ]
           }
         ),
-        a ? /* @__PURE__ */ n.jsx(Qn, { open: !k, duration: x, children: /* @__PURE__ */ n.jsx(
+        a ? /* @__PURE__ */ n.jsx(Qn, { open: !k, duration: g, children: /* @__PURE__ */ n.jsx(
           "div",
           {
             id: `sidebar-group-${e}`,
@@ -16692,7 +16706,7 @@ function tu({
 }
 function Lt(a) {
   var o = a, { children: e, className: t = "", style: r } = o, s = P(o, ["children", "className", "style"]);
-  const i = xt(), l = ht(), d = ee(null), [c, u] = V(0), [p, m] = V(!1), [b, h] = V(!1), [w, y] = V(null), x = Q(() => m(!0), []), v = Q(() => m(!1), []), k = Q(() => h(!0), []), $ = Q(() => h(!1), []), C = K(
+  const i = xt(), l = ht(), d = ee(null), [c, u] = V(0), [p, m] = V(!1), [b, h] = V(!1), [w, y] = V(null), g = Q(() => m(!0), []), v = Q(() => m(!1), []), k = Q(() => h(!0), []), $ = Q(() => h(!1), []), C = K(
     () => ({
       // Inherited from root
       collapsed: i.collapsed,
@@ -16704,7 +16718,7 @@ function Lt(a) {
       setScrollPosition: u,
       hasHeader: p,
       hasFooter: b,
-      registerHeader: x,
+      registerHeader: g,
       unregisterHeader: v,
       registerFooter: k,
       unregisterFooter: $,
@@ -16718,7 +16732,7 @@ function Lt(a) {
       c,
       p,
       b,
-      x,
+      g,
       v,
       k,
       $,
@@ -16729,7 +16743,7 @@ function Lt(a) {
     "div",
     L(A({
       ref: d,
-      className: g(
+      className: x(
         "flex",
         "flex-col",
         "h-full",
@@ -16778,7 +16792,7 @@ function Ye(D) {
     persistWidth: h = !1,
     defaultCollapsed: w = !1,
     collapsed: y,
-    onCollapseChange: x,
+    onCollapseChange: g,
     onWidthChange: v,
     onMobileChange: k,
     exclusiveGroups: $ = !1,
@@ -16844,7 +16858,7 @@ function Ye(D) {
       persistWidth: h,
       defaultCollapsed: w,
       collapsed: y,
-      onCollapseChange: x,
+      onCollapseChange: g,
       onWidthChange: v,
       onMobileChange: k,
       exclusiveGroups: $,
@@ -17002,7 +17016,7 @@ function Ua(l) {
       document.removeEventListener("keydown", $);
     };
   }, [c, u, s]), !c) return null;
-  const x = {
+  const g = {
     sm: "max-w-sm",
     md: "max-w-md",
     lg: "max-w-lg",
@@ -17038,7 +17052,7 @@ function Ua(l) {
                 "aria-describedby": h ? m : void 0,
                 className: `
             relative w-full
-            ${x[t]}
+            ${g[t]}
             bg-surface-overlay
             ${G("lg")}
             ${ke("xl")}
@@ -17452,7 +17466,7 @@ function du({
     }
   }, y = (j) => {
     o && (e[j].disabled || (p || u(j), s == null || s(j)));
-  }, x = e[m], v = m === 0, k = m === e.length - 1, $ = (j, S, N) => `Step ${S + 1}${j.title ? `: ${j.title}` : ""}${N === "error" ? " (error)" : ""}`, C = (j, S) => j === "completed" ? /* @__PURE__ */ n.jsx(Kn, { className: "h-5 w-5" }) : j === "error" ? /* @__PURE__ */ n.jsx(Ar, { className: "h-5 w-5", "aria-hidden": "true" }) : i ? S + 1 : null;
+  }, g = e[m], v = m === 0, k = m === e.length - 1, $ = (j, S, N) => `Step ${S + 1}${j.title ? `: ${j.title}` : ""}${N === "error" ? " (error)" : ""}`, C = (j, S) => j === "completed" ? /* @__PURE__ */ n.jsx(Kn, { className: "h-5 w-5" }) : j === "error" ? /* @__PURE__ */ n.jsx(Ar, { className: "h-5 w-5", "aria-hidden": "true" }) : i ? S + 1 : null;
   return l === "vertical" ? /* @__PURE__ */ n.jsxs("div", { className: `flex ${f("base", "gap")} ${d}`, children: [
     /* @__PURE__ */ n.jsx("div", { className: "flex flex-col", children: e.map((j, S) => {
       const N = j.status || b(S), D = S === m;
@@ -17533,7 +17547,7 @@ function du({
         "div",
         {
           role: "region",
-          "aria-labelledby": x ? `${x.id}-title` : void 0,
+          "aria-labelledby": g ? `${g.id}-title` : void 0,
           className: `
             ${f("lg", "p")}
             border
@@ -17541,7 +17555,7 @@ function du({
             ${G("lg")}
             bg-surface-base
           `,
-          children: x == null ? void 0 : x.content
+          children: g == null ? void 0 : g.content
         }
       ),
       /* @__PURE__ */ n.jsxs(
@@ -17634,7 +17648,7 @@ function du({
       "div",
       {
         role: "region",
-        "aria-labelledby": x ? `${x.id}-title` : void 0,
+        "aria-labelledby": g ? `${g.id}-title` : void 0,
         className: `
         ${f("lg", "p")}
         border
@@ -17642,7 +17656,7 @@ function du({
         ${G("lg")}
         bg-surface-base
       `,
-        children: x == null ? void 0 : x.content
+        children: g == null ? void 0 : g.content
       }
     ),
     /* @__PURE__ */ n.jsxs("div", { className: `flex justify-between ${f("base", "gap")}`, children: [
@@ -17800,7 +17814,7 @@ function Kf({
   emptyMessage: i = "No commands found",
   className: l = ""
 }) {
-  const [d, c] = V(r), [u, p] = V(""), [m, b] = V(0), h = ee(null), w = ee(null), y = ee(null), x = ve(), v = t !== void 0, k = v ? t : d;
+  const [d, c] = V(r), [u, p] = V(""), [m, b] = V(0), h = ee(null), w = ee(null), y = ee(null), g = ve(), v = t !== void 0, k = v ? t : d;
   ir(k), Mr(y, k);
   const C = e.filter((T) => {
     var H, B;
@@ -17815,7 +17829,7 @@ function Kf({
       return T[R] || (T[R] = []), T[R].push(I), T;
     },
     {}
-  ), j = Object.values(C).flat(), S = k && j[m] ? `${x}-option-${m}` : void 0, N = Q(
+  ), j = Object.values(C).flat(), S = k && j[m] ? `${g}-option-${m}` : void 0, N = Q(
     (T) => {
       v || c(T), s == null || s(T), T && (p(""), b(0));
     },
@@ -17932,7 +17946,7 @@ function Kf({
                       className: "flex-1 border-0 focus:ring-0",
                       role: "combobox",
                       "aria-expanded": k,
-                      "aria-controls": x,
+                      "aria-controls": g,
                       "aria-activedescendant": S,
                       "aria-autocomplete": "list",
                       "aria-label": o
@@ -17965,7 +17979,7 @@ function Kf({
               "div",
               {
                 ref: w,
-                id: x,
+                id: g,
                 role: "listbox",
                 "aria-label": "Commands",
                 className: `
@@ -18001,7 +18015,7 @@ function Kf({
                           "button",
                           {
                             type: "button",
-                            id: `${x}-option-${O}`,
+                            id: `${g}-option-${O}`,
                             role: "option",
                             "aria-selected": H,
                             tabIndex: -1,
@@ -18105,7 +18119,7 @@ function Yf({
   onColumnResize: h,
   selectable: w = !1,
   selectedRows: y,
-  onSelectionChange: x,
+  onSelectionChange: g,
   rowId: v,
   exportable: k = !1,
   onExport: $,
@@ -18197,7 +18211,7 @@ function Yf({
         filters: S,
         selectable: w,
         selectedRows: y,
-        onSelectionChange: x,
+        onSelectionChange: g,
         rowId: v,
         actions: N,
         resizable: u,
@@ -18248,7 +18262,7 @@ function qf({
     if (!o) return w;
     const $ = (m - 1) * a, C = $ + a;
     return w.slice($, C);
-  }, [w, m, a, o]), x = o ? Math.ceil(w.length / a) : 1, v = ($) => {
+  }, [w, m, a, o]), g = o ? Math.ceil(w.length / a) : 1, v = ($) => {
     b($);
   }, k = ($) => {
     p($), b(1);
@@ -18287,11 +18301,11 @@ function qf({
         } : void 0
       }
     ),
-    o && x > 1 && /* @__PURE__ */ n.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ n.jsx(
+    o && g > 1 && /* @__PURE__ */ n.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ n.jsx(
       Hc,
       {
         currentPage: m,
-        totalPages: x,
+        totalPages: g,
         onPageChange: v
       }
     ) }),
@@ -18326,12 +18340,12 @@ function Xf({
     /* @__PURE__ */ n.jsx(
       du,
       {
-        steps: e.map((y, x) => ({
+        steps: e.map((y, g) => ({
           id: y.id,
           title: y.title,
           content: y.content,
           description: y.description,
-          status: x < a ? "completed" : x === a ? w ? "error" : "active" : "pending"
+          status: g < a ? "completed" : g === a ? w ? "error" : "active" : "pending"
         })),
         currentStep: a,
         onStepChange: m,
@@ -18399,13 +18413,13 @@ function Jf({
   ), m = K(() => {
     let y = e;
     if (d.trim() && t) {
-      const x = d.toLowerCase();
-      y = y.filter((v) => t(x, v));
+      const g = d.toLowerCase();
+      y = y.filter((v) => t(g, v));
     }
-    return r && Object.keys(u).length > 0 && (y = y.filter((x) => r(u, x))), y;
-  }, [e, d, u, t, r]), b = (y, x) => {
+    return r && Object.keys(u).length > 0 && (y = y.filter((g) => r(u, g))), y;
+  }, [e, d, u, t, r]), b = (y, g) => {
     p((v) => L(A({}, v), {
-      [y]: x
+      [y]: g
     }));
   }, h = () => {
     p({}), c("");
@@ -18421,7 +18435,7 @@ function Jf({
         }
       ) }),
       a.length > 0 && /* @__PURE__ */ n.jsx("div", { className: `flex flex-wrap ${f("sm", "gap")}`, children: a.map((y) => {
-        var x;
+        var g;
         return /* @__PURE__ */ n.jsxs(
           "div",
           {
@@ -18443,7 +18457,7 @@ function Jf({
                   ),
                   children: [
                     /* @__PURE__ */ n.jsx("option", { value: "", children: "All" }),
-                    (x = y.options) == null ? void 0 : x.map((v) => /* @__PURE__ */ n.jsx(
+                    (g = y.options) == null ? void 0 : g.map((v) => /* @__PURE__ */ n.jsx(
                       "option",
                       {
                         value: String(v.value || ""),
@@ -18473,7 +18487,7 @@ function Jf({
       "div",
       {
         className: `grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 ${f("base", "gap")}`,
-        children: m.map((y, x) => /* @__PURE__ */ n.jsx("div", { children: s(y, x) }, x))
+        children: m.map((y, g) => /* @__PURE__ */ n.jsx("div", { children: s(y, g) }, g))
       }
     )
   ] }) });
@@ -18496,7 +18510,7 @@ function Zf({
   ] });
 }
 const uu = Ne(
-  g(
+  x(
     "w-full flex flex-col",
     f("2xl", "py"),
     // 40px vertical breathing room
@@ -18510,7 +18524,7 @@ const uu = Ne(
       variant: {
         plain: "",
         gradient: "hero-gradient",
-        "gradient-glow": g("hero-gradient", "hero-glow")
+        "gradient-glow": x("hero-gradient", "hero-glow")
       },
       align: {
         start: "text-left",
@@ -18555,22 +18569,22 @@ const uu = Ne(
       "aria-label",
       "aria-labelledby"
     ]);
-    const y = u != null || p != null, x = u != null ? u : typeof r == "string" ? r : void 0;
+    const y = u != null || p != null, g = u != null ? u : typeof r == "string" ? r : void 0;
     return typeof process != "undefined" && process.env.NODE_ENV !== "production" && !y && typeof r != "string" && console.warn(
       "[HeroSection] A non-string `title` was provided without `aria-label` or `aria-labelledby`. The hero <section> landmark will have no accessible name. Pass `aria-label`, or set `aria-labelledby` to your title's id."
     ), /* @__PURE__ */ n.jsxs(
       "section",
       L(A({
         ref: b,
-        className: g(uu({ variant: l, align: d }), c),
-        "aria-label": x,
+        className: x(uu({ variant: l, align: d }), c),
+        "aria-label": g,
         "aria-labelledby": p
       }, m), {
         children: [
           /* @__PURE__ */ n.jsxs(
             "div",
             {
-              className: g(
+              className: x(
                 "flex flex-col",
                 f("md", "gap-y"),
                 fu[d]
@@ -18613,7 +18627,7 @@ const uu = Ne(
           a ? /* @__PURE__ */ n.jsx(
             "div",
             {
-              className: g(
+              className: x(
                 "flex flex-wrap",
                 f("sm", "gap"),
                 mu[d]
@@ -18639,18 +18653,18 @@ const uu = Ne(
   }
 );
 pu.displayName = "HeroSection";
-const bu = Ne(g("flex items-center", "border-b"), {
+const bu = Ne(x("flex items-center", "border-b"), {
   variants: {
     variant: {
-      default: g("border-line-default", f("base", "gap-x")),
-      sub: g("border-line-muted", f("sm", "gap-x"))
+      default: x("border-line-default", f("base", "gap-x")),
+      sub: x("border-line-muted", f("sm", "gap-x"))
     }
   },
   defaultVariants: {
     variant: "default"
   }
 }), hu = Ne(
-  g(
+  x(
     "relative -mb-px inline-flex items-center",
     f("xs", "gap-x"),
     "border-b-2 border-transparent",
@@ -18664,20 +18678,20 @@ const bu = Ne(g("flex items-center", "border-b"), {
   {
     variants: {
       variant: {
-        default: g(
+        default: x(
           f("sm", "px"),
           f("sm", "py"),
           le("body")
         ),
-        sub: g(
+        sub: x(
           f("sm", "px"),
           f("xs", "py"),
           le("bodySmall")
         )
       },
       active: {
-        true: g("border-line-brand", "text-fg-brand-emphasis", "font-medium"),
-        false: g(
+        true: x("border-line-brand", "text-fg-brand-emphasis", "font-medium"),
+        false: x(
           "text-fg-secondary",
           "hover:text-fg-primary",
           "hover:border-line-muted"
@@ -18689,7 +18703,7 @@ const bu = Ne(g("flex items-center", "border-b"), {
       {
         variant: "sub",
         active: !1,
-        class: g("text-fg-tertiary", "hover:text-fg-secondary")
+        class: x("text-fg-tertiary", "hover:text-fg-secondary")
       }
     ],
     defaultVariants: {
@@ -18697,7 +18711,7 @@ const bu = Ne(g("flex items-center", "border-b"), {
       active: !1
     }
   }
-), xu = g(
+), xu = x(
   "inline-flex items-center justify-center",
   G("full"),
   f("xs", "px"),
@@ -18727,7 +18741,7 @@ const bu = Ne(g("flex items-center", "border-b"), {
       "nav",
       L(A({
         ref: d,
-        className: g(bu({ variant: r }), a),
+        className: x(bu({ variant: r }), a),
         "aria-label": o,
         "aria-labelledby": i
       }, l), {
@@ -18777,7 +18791,7 @@ function Qf(i) {
     "div",
     L(A({
       role: "group",
-      className: g(
+      className: x(
         "inline-flex",
         d[t],
         c[r],
@@ -18999,7 +19013,7 @@ export {
   po as YELLOW,
   Nn as blendColors,
   es as clampWidth,
-  g as cn,
+  x as cn,
   Wu as darken,
   Le as defaultConfigValues,
   Qt as defaultThemeValues,