@fabio.caffarello/react-design-system 1.18.0 → 1.20.0

package/dist/index.js

@@ -36,7 +36,7 @@ var nr = (e, t, r) => new Promise((s, a) => {
   }, l = (d) => d.done ? s(d.value) : Promise.resolve(d.value).then(o, i);
   l((r = r.apply(e, t)).next());
 });
-import pe, { createContext as we, useState as P, useEffect as J, useContext as ce, useMemo as z, useCallback as Y, useRef as te, forwardRef as he, createElement as Vr, memo as Ee, isValidElement as gr, cloneElement as br, Children as Da, useId as ur } from "react";
+import pe, { createContext as we, useState as P, useEffect as J, useContext as ce, useMemo as z, useCallback as Y, useRef as te, forwardRef as he, createElement as Vr, memo as Ee, isValidElement as xr, cloneElement as br, Children as Da, useId as ur } from "react";
 import { createPortal as Ze } from "react-dom";
 const ut = {
   // Icon sizes
@@ -367,7 +367,7 @@ const nd = {
 function od(e) {
   return It[e];
 }
-function ge(e) {
+function xe(e) {
   const t = It[e];
   return `${t.fontSize.tailwind} ${t.lineHeight.tailwind} ${t.fontWeight.tailwind}`;
 }
@@ -495,7 +495,7 @@ const ft = {
   800: C("#1f2937", "gray", 800),
   900: C("#111827", "gray", 900),
   950: C("#030712", "gray", 950)
-}, xt = {
+}, gt = {
   50: C("#ecfdf5", "emerald", 50),
   100: C("#d1fae5", "emerald", 100),
   200: C("#a7f3d0", "emerald", 200),
@@ -519,7 +519,7 @@ const ft = {
   800: C("#166534", "green", 800),
   900: C("#14532d", "green", 900),
   950: C("#052e16", "green", 950)
-}, gt = {
+}, xt = {
   50: C("#fffbeb", "amber", 50),
   100: C("#fef3c7", "amber", 100),
   200: C("#fde68a", "amber", 200),
@@ -669,9 +669,9 @@ const ft = {
   cyan: pt,
   slate: ht,
   gray: Fa,
-  emerald: xt,
+  emerald: gt,
   green: _a,
-  amber: gt,
+  amber: xt,
   yellow: za,
   orange: Pa,
   rose: bt,
@@ -728,9 +728,9 @@ const vr = {
     }
   },
   success: {
-    light: xt[400],
-    DEFAULT: xt[500],
-    dark: xt[600],
+    light: gt[400],
+    DEFAULT: gt[500],
+    dark: gt[600],
     contrast: {
       hex: "#ffffff",
       rgb: "255, 255, 255",
@@ -740,9 +740,9 @@ const vr = {
     }
   },
   warning: {
-    light: gt[400],
-    DEFAULT: gt[500],
-    dark: gt[600],
+    light: xt[400],
+    DEFAULT: xt[500],
+    dark: xt[600],
     contrast: {
       hex: "#000000",
       rgb: "0, 0, 0",
@@ -825,9 +825,9 @@ const vr = {
     }
   },
   success: {
-    light: xt[500],
-    DEFAULT: xt[400],
-    dark: xt[300],
+    light: gt[500],
+    DEFAULT: gt[400],
+    dark: gt[300],
     contrast: {
       hex: "#000000",
       rgb: "0, 0, 0",
@@ -837,9 +837,9 @@ const vr = {
     }
   },
   warning: {
-    light: gt[500],
-    DEFAULT: gt[400],
-    dark: gt[300],
+    light: xt[500],
+    DEFAULT: xt[400],
+    dark: xt[300],
     contrast: {
       hex: "#000000",
       rgb: "0, 0, 0",
@@ -964,11 +964,11 @@ function hd(e, t = "DEFAULT", r = {}) {
   }
   return c.join(" ");
 }
-function xd(e, t, r = "bg") {
+function gd(e, t, r = "bg") {
   const s = Kt(e, t);
   return `hover:${r}-${s.tailwind}`;
 }
-function gd(e, t, r = "border") {
+function xd(e, t, r = "border") {
   const s = Kt(e, t);
   return `focus:${r}-${s.tailwind}`;
 }
@@ -1242,8 +1242,8 @@ const Ya = (e, t) => {
        */
       m.startsWith(Hr) && (f = m.slice(1), p = !0)
     );
-    const g = c && c > d ? c - d : void 0;
-    return Ps(o, p, f, g);
+    const x = c && c > d ? c - d : void 0;
+    return Ps(o, p, f, x);
   };
   if (t) {
     const a = t + zs, o = s;
@@ -1287,30 +1287,30 @@ const Ya = (e, t) => {
       isExternal: m,
       modifiers: f,
       hasImportantModifier: p,
-      baseClassName: g,
+      baseClassName: x,
       maybePostfixModifierPosition: v
     } = r(u);
     if (m) {
       d = u + (d.length > 0 ? " " + d : d);
       continue;
     }
-    let w = !!v, x = s(w ? g.substring(0, v) : g);
-    if (!x) {
+    let w = !!v, g = s(w ? x.substring(0, v) : x);
+    if (!g) {
       if (!w) {
         d = u + (d.length > 0 ? " " + d : d);
         continue;
       }
-      if (x = s(g), !x) {
+      if (g = s(x), !g) {
         d = u + (d.length > 0 ? " " + d : d);
         continue;
       }
       w = !1;
     }
-    const j = f.length === 0 ? "" : f.length === 1 ? f[0] : o(f).join(":"), S = p ? j + Hr : j, h = S + x;
+    const j = f.length === 0 ? "" : f.length === 1 ? f[0] : o(f).join(":"), S = p ? j + Hr : j, h = S + g;
     if (i.indexOf(h) > -1)
       continue;
     i.push(h);
-    const b = a(x, w);
+    const b = a(g, w);
     for (let k = 0; k < b.length; ++k) {
       const D = b[k];
       i.push(S + D);
@@ -1343,22 +1343,22 @@ const Ya = (e, t) => {
     return a(d, u), u;
   };
   return o = i, (...d) => o(po(...d));
-}, xo = [], ve = (e) => {
-  const t = (r) => r[e] || xo;
+}, go = [], ve = (e) => {
+  const t = (r) => r[e] || go;
   return t.isThemeGetter = !0, t;
-}, pn = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, hn = /^\((?:(\w[\w-]*):)?(.+)\)$/i, go = /^\d+\/\d+$/, bo = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, vo = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, yo = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, wo = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, jo = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, $t = (e) => go.test(e), ae = (e) => !!e && !Number.isNaN(Number(e)), tt = (e) => !!e && Number.isInteger(Number(e)), Tr = (e) => e.endsWith("%") && ae(e.slice(0, -1)), Ye = (e) => bo.test(e), ko = () => !0, No = (e) => (
+}, pn = /^\[(?:(\w[\w-]*):)?(.+)\]$/i, hn = /^\((?:(\w[\w-]*):)?(.+)\)$/i, xo = /^\d+\/\d+$/, bo = /^(\d+(\.\d+)?)?(xs|sm|md|lg|xl)$/, vo = /\d+(%|px|r?em|[sdl]?v([hwib]|min|max)|pt|pc|in|cm|mm|cap|ch|ex|r?lh|cq(w|h|i|b|min|max))|\b(calc|min|max|clamp)\(.+\)|^0$/, yo = /^(rgba?|hsla?|hwb|(ok)?(lab|lch)|color-mix)\(.+\)$/, wo = /^(inset_)?-?((\d+)?\.?(\d+)[a-z]+|0)_-?((\d+)?\.?(\d+)[a-z]+|0)/, jo = /^(url|image|image-set|cross-fade|element|(repeating-)?(linear|radial|conic)-gradient)\(.+\)$/, $t = (e) => xo.test(e), ae = (e) => !!e && !Number.isNaN(Number(e)), tt = (e) => !!e && Number.isInteger(Number(e)), Tr = (e) => e.endsWith("%") && ae(e.slice(0, -1)), Ye = (e) => bo.test(e), ko = () => !0, No = (e) => (
   // `colorFunctionRegex` check is necessary because color functions can have percentages in them which which would be incorrectly classified as lengths.
   // For example, `hsl(0 0% 0%)` would be classified as a length without this check.
   // I could also use lookbehind assertion in `lengthUnitRegex` but that isn't supported widely enough.
   vo.test(e) && !yo.test(e)
-), xn = () => !1, So = (e) => wo.test(e), $o = (e) => jo.test(e), Co = (e) => !K(e) && !X(e), Ao = (e) => Dt(e, vn, xn), K = (e) => pn.test(e), lt = (e) => Dt(e, yn, No), Mr = (e) => Dt(e, Do, ae), Os = (e) => Dt(e, gn, xn), Eo = (e) => Dt(e, bn, $o), ar = (e) => Dt(e, wn, So), X = (e) => hn.test(e), Ot = (e) => Rt(e, yn), To = (e) => Rt(e, Ro), Vs = (e) => Rt(e, gn), Mo = (e) => Rt(e, vn), Io = (e) => Rt(e, bn), or = (e) => Rt(e, wn, !0), Dt = (e, t, r) => {
+), gn = () => !1, So = (e) => wo.test(e), $o = (e) => jo.test(e), Co = (e) => !K(e) && !X(e), Ao = (e) => Dt(e, vn, gn), K = (e) => pn.test(e), lt = (e) => Dt(e, yn, No), Mr = (e) => Dt(e, Do, ae), Os = (e) => Dt(e, xn, gn), Eo = (e) => Dt(e, bn, $o), ar = (e) => Dt(e, wn, So), X = (e) => hn.test(e), Ot = (e) => Rt(e, yn), To = (e) => Rt(e, Ro), Vs = (e) => Rt(e, xn), Mo = (e) => Rt(e, vn), Io = (e) => Rt(e, bn), or = (e) => Rt(e, wn, !0), Dt = (e, t, r) => {
   const s = pn.exec(e);
   return s ? s[1] ? t(s[1]) : r(s[2]) : !1;
 }, Rt = (e, t, r = !1) => {
   const s = hn.exec(e);
   return s ? s[1] ? t(s[1]) : r : !1;
-}, gn = (e) => e === "position" || e === "percentage", bn = (e) => e === "image" || e === "url", vn = (e) => e === "length" || e === "size" || e === "bg-size", yn = (e) => e === "length", Do = (e) => e === "number", Ro = (e) => e === "family-name", wn = (e) => e === "shadow", Lo = () => {
-  const e = ve("color"), t = ve("font"), r = ve("text"), s = ve("font-weight"), a = ve("tracking"), o = ve("leading"), i = ve("breakpoint"), l = ve("container"), d = ve("spacing"), c = ve("radius"), u = ve("shadow"), m = ve("inset-shadow"), f = ve("text-shadow"), p = ve("drop-shadow"), g = ve("blur"), v = ve("perspective"), w = ve("aspect"), x = ve("ease"), j = ve("animate"), S = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], h = () => [
+}, xn = (e) => e === "position" || e === "percentage", bn = (e) => e === "image" || e === "url", vn = (e) => e === "length" || e === "size" || e === "bg-size", yn = (e) => e === "length", Do = (e) => e === "number", Ro = (e) => e === "family-name", wn = (e) => e === "shadow", Lo = () => {
+  const e = ve("color"), t = ve("font"), r = ve("text"), s = ve("font-weight"), a = ve("tracking"), o = ve("leading"), i = ve("breakpoint"), l = ve("container"), d = ve("spacing"), c = ve("radius"), u = ve("shadow"), m = ve("inset-shadow"), f = ve("text-shadow"), p = ve("drop-shadow"), x = ve("blur"), v = ve("perspective"), w = ve("aspect"), g = ve("ease"), j = ve("animate"), S = () => ["auto", "avoid", "all", "avoid-page", "page", "left", "right", "column"], h = () => [
     "center",
     "top",
     "bottom",
@@ -1396,7 +1396,7 @@ const Ya = (e, t) => {
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
-    g,
+    x,
     X,
     K
   ], de = () => ["none", ae, X, K], ue = () => ["none", ae, X, K], Me = () => [ae, X, K], qe = () => [$t, "full", ...N()];
@@ -3301,7 +3301,7 @@ const Ya = (e, t) => {
        * @see https://tailwindcss.com/docs/transition-timing-function
        */
       ease: [{
-        ease: ["linear", "initial", x, X, K]
+        ease: ["linear", "initial", g, X, K]
       }],
       /**
        * Transition Delay
@@ -3843,10 +3843,10 @@ const Ws = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, Hs = cn, _
     let [m, f] = u;
     return f === void 0 || (c[m] = f), c;
   }, {}), d = t == null || (s = t.compoundVariants) === null || s === void 0 ? void 0 : s.reduce((c, u) => {
-    let g = u, { class: m, className: f } = g, p = V(g, ["class", "className"]);
+    let x = u, { class: m, className: f } = x, p = V(x, ["class", "className"]);
     return Object.entries(p).every((v) => {
-      let [w, x] = v;
-      return Array.isArray(x) ? x.includes(M(M({}, o), l)[w]) : M(M({}, o), l)[w] === x;
+      let [w, g] = v;
+      return Array.isArray(g) ? g.includes(M(M({}, o), l)[w]) : M(M({}, o), l)[w] === g;
     }) ? [
       ...c,
       m,
@@ -4137,7 +4137,7 @@ function Oo() {
           return "Fragment";
         case j:
           return "Profiler";
-        case x:
+        case g:
           return "StrictMode";
         case k:
           return "Suspense";
@@ -4235,7 +4235,7 @@ function Oo() {
     function c(I, B, Z, se, H, q) {
       var W = Z.ref;
       return I = {
-        $$typeof: g,
+        $$typeof: x,
         type: I,
         key: B,
         props: Z,
@@ -4317,9 +4317,9 @@ React keys must be passed directly to JSX without using spread:
       f(I) ? I._store && (I._store.validated = 1) : typeof I == "object" && I !== null && I.$$typeof === T && (I._payload.status === "fulfilled" ? f(I._payload.value) && I._payload.value._store && (I._payload.value._store.validated = 1) : I._store && (I._store.validated = 1));
     }
     function f(I) {
-      return typeof I == "object" && I !== null && I.$$typeof === g;
+      return typeof I == "object" && I !== null && I.$$typeof === x;
     }
-    var p = pe, g = Symbol.for("react.transitional.element"), v = Symbol.for("react.portal"), w = Symbol.for("react.fragment"), x = Symbol.for("react.strict_mode"), j = Symbol.for("react.profiler"), S = Symbol.for("react.consumer"), h = Symbol.for("react.context"), b = Symbol.for("react.forward_ref"), k = Symbol.for("react.suspense"), D = Symbol.for("react.suspense_list"), N = Symbol.for("react.memo"), T = Symbol.for("react.lazy"), A = Symbol.for("react.activity"), $ = Symbol.for("react.client.reference"), R = p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, F = Object.prototype.hasOwnProperty, L = Array.isArray, O = console.createTask ? console.createTask : function() {
+    var p = pe, x = Symbol.for("react.transitional.element"), v = Symbol.for("react.portal"), w = Symbol.for("react.fragment"), g = Symbol.for("react.strict_mode"), j = Symbol.for("react.profiler"), S = Symbol.for("react.consumer"), h = Symbol.for("react.context"), b = Symbol.for("react.forward_ref"), k = Symbol.for("react.suspense"), D = Symbol.for("react.suspense_list"), N = Symbol.for("react.memo"), T = Symbol.for("react.lazy"), A = Symbol.for("react.activity"), $ = Symbol.for("react.client.reference"), R = p.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, F = Object.prototype.hasOwnProperty, L = Array.isArray, O = console.createTask ? console.createTask : function() {
       return null;
     };
     p = {
@@ -4781,7 +4781,7 @@ function Xo(u, c) {
         p = "p";
         break;
     }
-  return e === "heading" ? f.push(ge("h2")) : e === "body" || e === "paragraph" ? f.push(ge("body")) : e === "bodySmall" ? f.push(ge("bodySmall")) : e === "bodyLarge" ? f.push(ge("bodyLarge")) : e === "caption" ? f.push(ge("caption")) : e === "label" ? f.push(ge("label")) : f.push(ge("body")), t && f.push("font-bold"), r && f.push("italic"), f.push(Ko[i][l]), /* @__PURE__ */ n.jsx(p, M({ ref: c, className: y(...f, s) }, d));
+  return e === "heading" ? f.push(xe("h2")) : e === "body" || e === "paragraph" ? f.push(xe("body")) : e === "bodySmall" ? f.push(xe("bodySmall")) : e === "bodyLarge" ? f.push(xe("bodyLarge")) : e === "caption" ? f.push(xe("caption")) : e === "label" ? f.push(xe("label")) : f.push(xe("body")), t && f.push("font-bold"), r && f.push("italic"), f.push(Ko[i][l]), /* @__PURE__ */ n.jsx(p, M({ ref: c, className: y(...f, s) }, d));
 }
 const ot = he(Xo);
 /**
@@ -4985,11 +4985,11 @@ const pi = [
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const xi = [
+const gi = [
   ["path", { d: "M12 15V3", key: "m9g1x1" }],
   ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }],
   ["path", { d: "m7 10 5 5 5-5", key: "brsn70" }]
-], gi = fe("download", xi);
+], xi = fe("download", gi);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
@@ -5267,7 +5267,7 @@ const Gi = $e(
     "inline-flex",
     "items-center",
     "justify-center",
-    ge("button").split(" ")[2] || "font-medium",
+    xe("button").split(" ")[2] || "font-medium",
     // Extract font-medium
     ee("md"),
     "transition-colors",
@@ -5281,7 +5281,7 @@ const Gi = $e(
     variants: {
       variant: {
         primary: y(
-          "bg-surface-brand",
+          "bg-surface-brand-strong",
           "text-fg-inverse",
           "hover:opacity-90",
           "focus:ring-line-brand"
@@ -5379,7 +5379,7 @@ function Ks({
 }
 const re = Ee(
   he(function(w, v) {
-    var x = w, {
+    var g = w, {
       variant: t = "primary",
       size: r = "md",
       isLoading: s = !1,
@@ -5393,7 +5393,7 @@ const re = Ee(
       disabled: m = !1,
       children: f,
       "aria-label": p
-    } = x, g = V(x, [
+    } = g, x = V(g, [
       "variant",
       "size",
       "isLoading",
@@ -5430,13 +5430,13 @@ const re = Ee(
     ), D = z(
       () => o || /* @__PURE__ */ n.jsx(An, { size: k, variant: b }),
       [o, k, b]
-    ), N = c === "button" && !g.type ? "button" : void 0, T = M(M({
+    ), N = c === "button" && !x.type ? "button" : void 0, T = M(M({
       className: j,
       disabled: m || s,
       "aria-busy": s,
       "aria-label": h,
       "aria-disabled": m || s
-    }, N ? { type: N } : {}), g);
+    }, N ? { type: N } : {}), x);
     return /* @__PURE__ */ n.jsx(c, _(M({ ref: v }, T), { children: s ? /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
       D,
       a && /* @__PURE__ */ n.jsx("span", { className: "ml-2", children: a }),
@@ -5459,7 +5459,7 @@ const Yi = Ee(function({
   const i = z(
     () => y(
       E("xs", "mt"),
-      ge("caption"),
+      xe("caption"),
       t && "text-fg-error",
       r && "text-fg-success",
       !t && !r && "text-fg-secondary"
@@ -5494,10 +5494,10 @@ const Yi = Ee(function({
       onClear: m,
       className: f = "",
       disabled: p = !1,
-      type: g = "text",
+      type: x = "text",
       value: v,
       onChange: w
-    } = h, x = V(h, [
+    } = h, g = V(h, [
       "id",
       "label",
       "error",
@@ -5524,9 +5524,9 @@ const Yi = Ee(function({
     ), D = z(
       () => o ? `${b}-helper` : void 0,
       [o, b]
-    ), [N, T] = P(!1), A = z(() => g === "password", [g]), $ = z(
-      () => A && N ? "text" : g,
-      [A, N, g]
+    ), [N, T] = P(!1), A = z(() => x === "password", [x]), $ = z(
+      () => A && N ? "text" : x,
+      [A, N, x]
     ), R = z(
       () => s ? "error" : a ? "success" : "default",
       [s, a]
@@ -5634,7 +5634,7 @@ const Yi = Ee(function({
     ), B = z(
       () => y(
         "block",
-        ge("label"),
+        xe("label"),
         E("xs", "mb"),
         p && "opacity-50"
       ),
@@ -5705,10 +5705,10 @@ const Yi = Ee(function({
             value: v,
             onChange: w,
             "aria-invalid": s,
-            "aria-required": x.required,
+            "aria-required": g.required,
             "aria-describedby": k || D,
             suppressHydrationWarning: !0
-          }, x)
+          }, g)
         ),
         /* @__PURE__ */ n.jsxs("div", { className: "absolute right-3 top-0 bottom-0 flex items-center gap-1", children: [
           L && /* @__PURE__ */ n.jsx(
@@ -5898,8 +5898,8 @@ function En(f) {
     "onClick",
     "onKeyDown"
   ]);
-  const g = z(() => r !== void 0 ? r : !1, [r]), { NextLink: v } = Ki({ href: e, active: g }), w = i || v || "a", x = z(() => {
-    if (!g) return "";
+  const x = z(() => r !== void 0 ? r : !1, [r]), { NextLink: v } = Ki({ href: e, active: x }), w = i || v || "a", g = z(() => {
+    if (!x) return "";
     switch (a) {
       case "underline":
         return y("border-b-2", "border-line-brand", "text-fg-brand-emphasis");
@@ -5909,7 +5909,7 @@ function En(f) {
       default:
         return y("text-fg-brand-emphasis", "font-semibold");
     }
-  }, [g, a]), j = Y(
+  }, [x, a]), j = Y(
     (b) => {
       if (s) {
         b.preventDefault(), b.stopPropagation();
@@ -5931,17 +5931,17 @@ function En(f) {
     const b = M({
       className: y(
         Xi({ variant: a, size: o }),
-        x,
+        g,
         s && "opacity-50 cursor-not-allowed pointer-events-none",
         l
       ),
-      "aria-current": g ? "page" : void 0,
+      "aria-current": x ? "page" : void 0,
       "aria-disabled": s ? !0 : void 0,
       "aria-label": d,
       tabIndex: s ? -1 : void 0,
       onClick: j,
       onKeyDown: S,
-      "data-active": g,
+      "data-active": x,
       "data-disabled": s
     }, m);
     return v && !i ? _(M({}, b), {
@@ -5952,10 +5952,10 @@ function En(f) {
   }, [
     a,
     o,
-    x,
+    g,
     s,
     l,
-    g,
+    x,
     d,
     j,
     S,
@@ -6157,7 +6157,7 @@ const Qi = Ee(function({
   const i = z(
     () => y(
       E("xs", "mt"),
-      ge("caption"),
+      xe("caption"),
       t && "text-fg-error",
       r && "text-fg-success",
       !t && !r && "text-fg-secondary"
@@ -6177,8 +6177,8 @@ const Qi = Ee(function({
     }
   );
 }), os = Ee(
-  he(function(g, p) {
-    var v = g, {
+  he(function(x, p) {
+    var v = x, {
       options: t = [],
       optionGroups: r,
       placeholder: s,
@@ -6206,7 +6206,7 @@ const Qi = Ee(function({
     const w = z(
       () => m || `select-${Math.random().toString(36).substr(2, 9)}`,
       [m]
-    ), x = z(
+    ), g = z(
       () => o ? `${w}-error` : void 0,
       [o, w]
     ), j = z(
@@ -6269,7 +6269,7 @@ const Qi = Ee(function({
     ), A = z(
       () => y(
         "block",
-        ge("label"),
+        xe("label"),
         E("xs", "mb"),
         u && "opacity-50"
       ),
@@ -6286,7 +6286,7 @@ const Qi = Ee(function({
           disabled: u,
           "aria-invalid": o,
           "aria-required": f.required,
-          "aria-describedby": x || j
+          "aria-describedby": g || j
         }, f), {
           children: [
             s && /* @__PURE__ */ n.jsx("option", { value: "", disabled: !0, children: s }),
@@ -6316,7 +6316,7 @@ const Qi = Ee(function({
           error: o,
           success: i,
           helperText: l,
-          errorId: x,
+          errorId: g,
           helperId: j
         }
       )
@@ -6496,12 +6496,12 @@ function pr(d) {
     "aria-label",
     "preservePositioning"
   ]);
-  const [u, m] = P(!1), f = te(null), p = te(null), g = te(null), v = `tooltip-${Math.random().toString(36).substr(2, 9)}`, w = () => {
+  const [u, m] = P(!1), f = te(null), p = te(null), x = te(null), v = `tooltip-${Math.random().toString(36).substr(2, 9)}`, w = () => {
     const A = setTimeout(() => {
       m(!0);
     }, s);
     f.current = A;
-  }, x = () => {
+  }, g = () => {
     f.current && (clearTimeout(f.current), f.current = null), m(!1);
   }, j = () => {
     m(!0);
@@ -6509,14 +6509,14 @@ function pr(d) {
     m(!1);
   }, h = (A) => {
     var $;
-    A.key === "Escape" && (m(!1), ($ = g.current) == null || $.blur());
+    A.key === "Escape" && (m(!1), ($ = x.current) == null || $.blur());
   };
   J(() => () => {
     f.current && (clearTimeout(f.current), f.current = null);
   }, []), J(() => {
     if (!u) return;
     const A = ($) => {
-      p.current && !p.current.contains($.target) && g.current && !g.current.contains($.target) && m(!1);
+      p.current && !p.current.contains($.target) && x.current && !x.current.contains($.target) && m(!1);
     };
     return document.addEventListener("mousedown", A), () => {
       document.removeEventListener("mousedown", A);
@@ -6622,11 +6622,11 @@ function pr(d) {
         position: "top"
       }
     }
-  ), N = gr(t) ? (() => {
+  ), N = xr(t) ? (() => {
     const A = t, $ = A.props, R = $.ref;
     return br(A, {
       ref: (F) => {
-        g.current = F, typeof R == "function" ? R(F) : R && typeof R == "object" && "current" in R && (R.current = F);
+        x.current = F, typeof R == "function" ? R(F) : R && typeof R == "object" && "current" in R && (R.current = F);
       },
       "aria-describedby": u ? v : $["aria-describedby"],
       onMouseEnter: (F) => {
@@ -6635,7 +6635,7 @@ function pr(d) {
       },
       onMouseLeave: (F) => {
         var L;
-        x(), (L = $.onMouseLeave) == null || L.call($, F);
+        g(), (L = $.onMouseLeave) == null || L.call($, F);
       },
       onFocus: (F) => {
         var L;
@@ -6705,7 +6705,7 @@ function sl(l) {
       "aria-busy": "true",
       "aria-label": p
     }, i), {
-      children: Array.from({ length: s }).map((g, v) => /* @__PURE__ */ n.jsx(
+      children: Array.from({ length: s }).map((x, v) => /* @__PURE__ */ n.jsx(
         "div",
         {
           className: m,
@@ -6784,19 +6784,19 @@ function al(u) {
     open: s,
     onOpenChange: a,
     storageKey: l
-  }), g = te(null), [v, w] = P(f ? "auto" : 0);
+  }), x = te(null), [v, w] = P(f ? "auto" : 0);
   J(() => {
-    g.current && w(f ? g.current.scrollHeight : 0);
+    x.current && w(f ? x.current.scrollHeight : 0);
   }, [f, e]), J(() => {
-    if (!f || !g.current) return;
+    if (!f || !x.current) return;
     const j = new ResizeObserver(() => {
-      g.current && f && w(g.current.scrollHeight);
+      x.current && f && w(x.current.scrollHeight);
     });
-    return j.observe(g.current), () => {
+    return j.observe(x.current), () => {
       j.disconnect();
     };
   }, [f]);
-  const x = `collapsible-content-${Math.random().toString(36).substr(2, 9)}`;
+  const g = `collapsible-content-${Math.random().toString(36).substr(2, 9)}`;
   return /* @__PURE__ */ n.jsxs("div", _(M({ className: d }, c), { children: [
     /* @__PURE__ */ n.jsx(
       "button",
@@ -6808,7 +6808,7 @@ function al(u) {
         },
         disabled: o,
         "aria-expanded": f,
-        "aria-controls": x,
+        "aria-controls": g,
         "aria-disabled": o,
         className: y(
           "w-full",
@@ -6825,8 +6825,8 @@ function al(u) {
     /* @__PURE__ */ n.jsx(
       "div",
       {
-        id: x,
-        ref: g,
+        id: g,
+        ref: x,
         style: {
           height: typeof v == "number" ? `${v}px` : v,
           overflow: "hidden",
@@ -6863,10 +6863,10 @@ const is = Ee(
     ), p = z(
       () => s ? `${f}-error` : void 0,
       [s, f]
-    ), g = z(
+    ), x = z(
       () => a ? `${f}-helper` : void 0,
       [a, f]
-    ), v = z(() => "focus:border-line-focus", []), w = z(() => "focus:border-error", []), x = z(
+    ), v = z(() => "focus:border-line-focus", []), w = z(() => "focus:border-error", []), g = z(
       () => s ? w.replace("focus:border-", "focus:ring-") : v.replace("focus:border-", "focus:ring-"),
       [s, w, v]
     ), j = z(
@@ -6878,7 +6878,7 @@ const is = Ee(
         "border-line-default",
         "text-fg-brand",
         "focus:ring-2",
-        x,
+        g,
         "focus:ring-offset-2",
         "disabled:opacity-50",
         "disabled:cursor-not-allowed",
@@ -6886,10 +6886,10 @@ const is = Ee(
         s && "border-error",
         o
       ),
-      [x, s, o]
+      [g, s, o]
     ), S = z(
       () => y(
-        ge("label"),
+        xe("label"),
         E("sm", "ml"),
         i ? "opacity-50 cursor-not-allowed" : "cursor-pointer"
       ),
@@ -6913,7 +6913,7 @@ const is = Ee(
             className: j,
             disabled: i,
             "aria-invalid": s,
-            "aria-describedby": p || g || void 0,
+            "aria-describedby": p || x || void 0,
             "aria-label": r ? void 0 : "Checkbox"
           }, d)
         ),
@@ -6922,10 +6922,10 @@ const is = Ee(
       (s || a) && /* @__PURE__ */ n.jsx(
         "div",
         {
-          id: p || g,
+          id: p || x,
           className: y(
             E("xs", "mt"),
-            ge("caption"),
+            xe("caption"),
             s ? "text-fg-error" : "text-fg-secondary"
           ),
           role: s ? "alert" : void 0,
@@ -6962,10 +6962,10 @@ const ol = Ee(
     ), p = z(
       () => a ? `${m}-helper` : void 0,
       [a, m]
-    ), g = z(() => "focus:border-line-focus", []), v = z(() => "focus:border-error", []), w = z(
-      () => s ? v.replace("focus:border-", "focus:ring-") : g.replace("focus:border-", "focus:ring-"),
-      [s, v, g]
-    ), x = z(
+    ), x = z(() => "focus:border-line-focus", []), v = z(() => "focus:border-error", []), w = z(
+      () => s ? v.replace("focus:border-", "focus:ring-") : x.replace("focus:border-", "focus:ring-"),
+      [s, v, x]
+    ), g = z(
       () => y(
         "h-4",
         "w-4",
@@ -6984,7 +6984,7 @@ const ol = Ee(
       [w, s, o]
     ), j = z(
       () => y(
-        ge("label"),
+        xe("label"),
         E("sm", "ml"),
         i ? "opacity-50 cursor-not-allowed" : "cursor-pointer"
       ),
@@ -6998,7 +6998,7 @@ const ol = Ee(
             type: "radio",
             id: m,
             ref: d,
-            className: x,
+            className: g,
             disabled: i,
             "aria-invalid": s,
             "aria-describedby": f || p || void 0,
@@ -7013,7 +7013,7 @@ const ol = Ee(
           id: f || p,
           className: y(
             E("xs", "mt"),
-            ge("caption"),
+            xe("caption"),
             s ? "text-fg-error" : "text-fg-secondary"
           ),
           role: s ? "alert" : void 0,
@@ -7179,7 +7179,7 @@ const cl = $e("w-full", {
     "aria-label",
     "className"
   ]);
-  const p = t === void 0, g = p ? void 0 : Math.min(Math.max(t / r * 100, 0), 100), v = l || (p ? "Loading in progress" : `Progress: ${g == null ? void 0 : g.toFixed(0)}%`);
+  const p = t === void 0, x = p ? void 0 : Math.min(Math.max(t / r * 100, 0), 100), v = l || (p ? "Loading in progress" : `Progress: ${x == null ? void 0 : x.toFixed(0)}%`);
   return /* @__PURE__ */ n.jsxs("div", _(M({ ref: u, className: y("w-full", d) }, c), { children: [
     o && (i || !p) && /* @__PURE__ */ n.jsxs(
       "div",
@@ -7202,7 +7202,7 @@ const cl = $e("w-full", {
               children: i
             }
           ),
-          !p && g !== void 0 && /* @__PURE__ */ n.jsxs(
+          !p && x !== void 0 && /* @__PURE__ */ n.jsxs(
             "span",
             {
               className: y(
@@ -7210,7 +7210,7 @@ const cl = $e("w-full", {
                 "text-fg-secondary"
               ),
               children: [
-                g.toFixed(0),
+                x.toFixed(0),
                 "%"
               ]
             }
@@ -7263,7 +7263,7 @@ const cl = $e("w-full", {
               "ease-out"
             ),
             style: {
-              width: `${g}%`
+              width: `${x}%`
             },
             "aria-hidden": "true"
           }
@@ -7296,16 +7296,16 @@ const dl = Ee(
       "onChange",
       "id"
     ]);
-    const g = z(
+    const x = z(
       () => c || `switch-${Math.random().toString(36).substr(2, 9)}`,
       [c]
     ), v = z(
-      () => r ? `${g}-label` : void 0,
-      [r, g]
+      () => r ? `${x}-label` : void 0,
+      [r, x]
     ), w = z(
-      () => s ? `${g}-description` : void 0,
-      [s, g]
-    ), x = z(() => ll(t), [t]), j = z(
+      () => s ? `${x}-description` : void 0,
+      [s, x]
+    ), g = z(() => ll(t), [t]), j = z(
       () => "focus:border-line-focus".replace("focus:border-", "focus:ring-"),
       []
     ), S = z(
@@ -7322,13 +7322,13 @@ const dl = Ee(
         "focus:ring-2",
         j,
         "focus:ring-offset-2",
-        x.track,
+        g.track,
         l ? "bg-surface-brand" : "bg-surface-muted",
         a && !l && "border-error",
         i && "opacity-50 cursor-not-allowed",
         o
       ),
-      [j, x.track, l, a, i, o]
+      [j, g.track, l, a, i, o]
     ), h = z(
       () => y(
         "pointer-events-none",
@@ -7338,10 +7338,10 @@ const dl = Ee(
         "shadow",
         "transform",
         Se("base"),
-        x.thumb,
-        l ? x.translate : "translate-x-0"
+        g.thumb,
+        l ? g.translate : "translate-x-0"
       ),
-      [x.thumb, x.translate, l]
+      [g.thumb, g.translate, l]
     );
     return /* @__PURE__ */ n.jsxs("div", { className: y("flex", "items-start", E("md", "gap")), children: [
       /* @__PURE__ */ n.jsxs("div", { className: "flex items-center", children: [
@@ -7388,7 +7388,7 @@ const dl = Ee(
           M({
             ref: m,
             type: "checkbox",
-            id: g,
+            id: x,
             checked: l,
             onChange: d,
             disabled: i,
@@ -7402,7 +7402,7 @@ const dl = Ee(
           "label",
           {
             id: v,
-            htmlFor: g,
+            htmlFor: x,
             className: y(
               "block",
               oe("bodySmall"),
@@ -7473,8 +7473,8 @@ const Mn = Ee(function(o) {
   );
 });
 Mn.displayName = "Separator";
-const ul = he(function(x, w) {
-  var j = x, {
+const ul = he(function(g, w) {
+  var j = g, {
     value: t,
     defaultValue: r,
     min: s = 0,
@@ -7488,7 +7488,7 @@ const ul = he(function(x, w) {
     onChange: m,
     onValueChange: f,
     label: p,
-    className: g = ""
+    className: x = ""
   } = j, v = V(j, [
     "value",
     "defaultValue",
@@ -7586,7 +7586,7 @@ const ul = he(function(x, w) {
       }
     }
   ), le = typeof $ == "number" ? $ : $[0], I = Array.isArray($) ? $[0] : s, B = Array.isArray($) ? $[1] : le, Z = R(I), se = R(B);
-  return /* @__PURE__ */ n.jsxs("div", _(M({ ref: w, className: y("w-full", g) }, v), { children: [
+  return /* @__PURE__ */ n.jsxs("div", _(M({ ref: w, className: y("w-full", x) }, v), { children: [
     p && /* @__PURE__ */ n.jsxs(
       "label",
       {
@@ -7747,7 +7747,7 @@ const fl = $e(
           "border-line-default"
         ),
         filled: y(
-          "bg-surface-brand",
+          "bg-surface-brand-strong",
           "text-fg-inverse",
           "border",
           "border-transparent"
@@ -7772,7 +7772,7 @@ const fl = $e(
       },
       selected: {
         true: y(
-          "bg-surface-brand",
+          "bg-surface-brand-strong",
           "text-fg-inverse",
           "border",
           "border-line-brand"
@@ -7812,7 +7812,7 @@ const fl = $e(
     }
   }
 ), In = he(function(p, f) {
-  var g = p, {
+  var x = p, {
     children: t,
     variant: r = "default",
     size: s = "md",
@@ -7823,7 +7823,7 @@ const fl = $e(
     "aria-label": d,
     onClick: c,
     tabIndex: u
-  } = g, m = V(g, [
+  } = x, m = V(x, [
     "children",
     "variant",
     "size",
@@ -7911,13 +7911,13 @@ const qr = he(function(u, c) {
     "aria-label",
     "className"
   ]);
-  const [f, p] = P(!1), [g, v] = P(!1), w = {
+  const [f, p] = P(!1), [x, v] = P(!1), w = {
     xs: "h-6 w-6 text-xs",
     sm: "h-8 w-8 text-sm",
     md: "h-10 w-10 text-base",
     lg: "h-12 w-12 text-lg",
     xl: "h-16 w-16 text-xl"
-  }, x = {
+  }, g = {
     circle: "rounded-full",
     square: "rounded-none",
     rounded: "rounded-md"
@@ -7935,7 +7935,7 @@ const qr = he(function(u, c) {
         "font-medium",
         "overflow-hidden",
         w[a],
-        x[o],
+        g[o],
         "bg-surface-muted",
         "text-fg-primary",
         l
@@ -7954,7 +7954,7 @@ const qr = he(function(u, c) {
               "h-full",
               "object-cover",
               o === "circle" ? "rounded-full" : o === "square" ? "rounded-none" : "rounded-md",
-              g ? "opacity-100" : "opacity-0",
+              x ? "opacity-100" : "opacity-0",
               "transition-opacity",
               "duration-200"
             ),
@@ -8015,9 +8015,9 @@ function zd(l) {
       "aria-label": `${u.length} avatars`
     }, i), {
       children: [
-        m.map((p, g) => {
+        m.map((p, x) => {
           let v = p;
-          if (gr(p) && p.type === qr) {
+          if (xr(p) && p.type === qr) {
             const w = p.props;
             v = br(
               p,
@@ -8031,10 +8031,10 @@ function zd(l) {
             "div",
             {
               className: "ring-2 ring-surface-base",
-              style: { zIndex: u.length - g },
+              style: { zIndex: u.length - x },
               children: v
             },
-            g
+            x
           );
         }),
         f > 0 && /* @__PURE__ */ n.jsx(
@@ -8100,9 +8100,9 @@ const Gr = Ee(function(c) {
   ), f = z(
     () => a !== void 0 || t === "hover",
     [a, t]
-  ), p = f ? "button" : void 0, g = f ? 0 : void 0, v = y(m({ variant: t, padding: r }), s), w = Y(
-    (x) => {
-      f && (x.key === "Enter" || x.key === " ") && (x.preventDefault(), a == null || a());
+  ), p = f ? "button" : void 0, x = f ? 0 : void 0, v = y(m({ variant: t, padding: r }), s), w = Y(
+    (g) => {
+      f && (g.key === "Enter" || g.key === " ") && (g.preventDefault(), a == null || a());
     },
     [f, a]
   );
@@ -8111,7 +8111,7 @@ const Gr = Ee(function(c) {
     _(M({
       className: v,
       role: p,
-      tabIndex: g,
+      tabIndex: x,
       onClick: a,
       onKeyDown: w,
       "aria-label": o,
@@ -8171,14 +8171,14 @@ function Od(l) {
   );
   if ("form" in i && i.form !== void 0) {
     const v = i, {
-      form: x,
+      form: g,
       onSubmit: j,
       onSubmitError: S
     } = v, h = V(v, [
       "form",
       "onSubmit",
       "onSubmitError"
-    ]), b = x.handleSubmit(
+    ]), b = g.handleSubmit(
       (k) => nr(null, null, function* () {
         try {
           yield j(k);
@@ -8190,7 +8190,7 @@ function Od(l) {
         S == null || S(k);
       }
     );
-    return /* @__PURE__ */ n.jsx(ml, { form: x, loading: r, children: /* @__PURE__ */ n.jsxs(
+    return /* @__PURE__ */ n.jsx(ml, { form: g, loading: r, children: /* @__PURE__ */ n.jsxs(
       "form",
       _(M({
         className: c,
@@ -8235,14 +8235,14 @@ function Od(l) {
       })
     ) });
   }
-  const m = i.onSubmit || t, w = i, { onSubmit: f } = w, p = V(w, ["onSubmit"]), g = (x) => {
-    x.preventDefault(), m && !r && m(x);
+  const m = i.onSubmit || t, w = i, { onSubmit: f } = w, p = V(w, ["onSubmit"]), x = (g) => {
+    g.preventDefault(), m && !r && m(g);
   };
   return /* @__PURE__ */ n.jsxs(
     "form",
     _(M({
       className: c,
-      onSubmit: g,
+      onSubmit: x,
       noValidate: !0
     }, p), {
       children: [
@@ -8338,8 +8338,8 @@ function Vd({
   );
 }
 var pl = (e) => e.type === "checkbox", hl = (e) => e instanceof Date, Xe = (e) => e == null;
-const xl = (e) => typeof e == "object";
-var Qe = (e) => !Xe(e) && !Array.isArray(e) && xl(e) && !hl(e), gl = (e) => {
+const gl = (e) => typeof e == "object";
+var Qe = (e) => !Xe(e) && !Array.isArray(e) && gl(e) && !hl(e), xl = (e) => {
   const t = e.constructor && e.constructor.prototype;
   return Qe(t) && t.hasOwnProperty("isPrototypeOf");
 }, Rn = typeof window != "undefined" && typeof window.HTMLElement != "undefined" && typeof document != "undefined";
@@ -8350,7 +8350,7 @@ function dt(e) {
   if (Rn && (e instanceof Blob || t))
     return e;
   const r = Array.isArray(e);
-  if (!r && !(Qe(e) && gl(e)))
+  if (!r && !(Qe(e) && xl(e)))
     return e;
   const s = r ? [] : Object.create(Object.getPrototypeOf(e));
   for (const a in e)
@@ -8401,7 +8401,7 @@ var jl = (e, t, r, s, a) => t ? _(M({}, r[e]), {
   types: _(M({}, r[e] && r[e].types ? r[e].types : {}), {
     [s]: a || !0
   })
-}) : {}, He = (e) => Array.isArray(e) ? e : [e], xr = (e) => Qe(e) && !Object.keys(e).length, kl = (e) => e.type === "file", Nl = (e) => {
+}) : {}, He = (e) => Array.isArray(e) ? e : [e], gr = (e) => Qe(e) && !Object.keys(e).length, kl = (e) => e.type === "file", Nl = (e) => {
   if (!Rn)
     return !1;
   const t = e ? e.ownerDocument : 0;
@@ -8422,7 +8422,7 @@ function Cl(e) {
 }
 function zn(e, t) {
   const r = Array.isArray(t) ? t : cs(t) ? [t] : ds(t), s = r.length === 1 ? e : $l(e, r), a = r.length - 1, o = r[a];
-  return s && delete s[o], a !== 0 && (Qe(s) && xr(s) || Array.isArray(s) && Cl(s)) && zn(e, r.slice(0, -1)), e;
+  return s && delete s[o], a !== 0 && (Qe(s) && gr(s) || Array.isArray(s) && Cl(s)) && zn(e, r.slice(0, -1)), e;
 }
 var Pn = (e) => e instanceof RegExp, cr = (e) => ({
   isOnSubmit: !e || e === Et.onSubmit,
@@ -8464,8 +8464,8 @@ var At = (e) => Qe(e) && !Pn(e) ? e : {
   value: e,
   message: ""
 }, Tl = (e, t, r, s, a, o) => nr(null, null, function* () {
-  const { ref: i, refs: l, required: d, maxLength: c, minLength: u, min: m, max: f, pattern: p, validate: g, name: v, valueAsNumber: w, mount: x } = e._f, j = We(r, v);
-  if (!x || t.has(v))
+  const { ref: i, refs: l, required: d, maxLength: c, minLength: u, min: m, max: f, pattern: p, validate: x, name: v, valueAsNumber: w, mount: g } = e._f, j = We(r, v);
+  if (!g || t.has(v))
     return {};
   const S = l ? l[0] : i, h = (T) => {
     a && S.reportValidity && (S.setCustomValidity(Fn(T) ? "" : T || ""), S.reportValidity());
@@ -8515,20 +8515,20 @@ var At = (e) => Qe(e) && !Pn(e) ? e : {
     }, D(Ke.pattern, A)), !s))
       return h(A), b;
   }
-  if (g) {
-    if (bl(g)) {
-      const T = yield g(j, r), A = Js(T, S);
+  if (x) {
+    if (bl(x)) {
+      const T = yield x(j, r), A = Js(T, S);
       if (A && (b[v] = M(M({}, A), D(Ke.validate, A.message)), !s))
         return h(A.message), b;
-    } else if (Qe(g)) {
+    } else if (Qe(x)) {
       let T = {};
-      for (const A in g) {
-        if (!xr(T) && !s)
+      for (const A in x) {
+        if (!gr(T) && !s)
           break;
-        const $ = Js(yield g[A](j, r), S, A);
+        const $ = Js(yield x[A](j, r), S, A);
         $ && (T = M(M({}, $), D(A, $.message)), h($.message), s && (b[v] = T));
       }
-      if (!xr(T) && (b[v] = M({
+      if (!gr(T) && (b[v] = M({
         ref: S
       }, T), !s))
         return b;
@@ -8591,7 +8591,7 @@ function Il(e) {
     r._names.focus = Ir(s, 0, b), c.current = _r(c.current, k.map(st)), m(D), d(D), r._setFieldArray(s, D, _r, {
       argA: Rr(h)
     });
-  }, g = (h) => {
+  }, x = (h) => {
     const b = zr(r._getFieldArray(s), h);
     c.current = zr(c.current, h), m(b), d(b), !Array.isArray(We(r._fields, s)) && hr(r._fields, s, void 0), r._setFieldArray(s, b, zr, {
       argA: h
@@ -8608,7 +8608,7 @@ function Il(e) {
       argA: h,
       argB: b
     }, !1);
-  }, x = (h, b) => {
+  }, g = (h, b) => {
     const k = r._getFieldArray(s);
     Fr(k, h, b), Fr(c.current, h, b), m(k), d(k), r._setFieldArray(s, k, Fr, {
       argA: h,
@@ -8636,7 +8636,7 @@ function Il(e) {
         });
       else {
         const h = We(r._fields, s);
-        h && h._f && !(cr(r._options.reValidateMode).isOnSubmit && cr(r._options.mode).isOnSubmit) && Tl(h, r._names.disabled, r._formValues, r._options.criteriaMode === Et.all, r._options.shouldUseNativeValidation).then((b) => !xr(b) && r._subjects.state.next({
+        h && h._f && !(cr(r._options.reValidateMode).isOnSubmit && cr(r._options.mode).isOnSubmit) && Tl(h, r._names.disabled, r._formValues, r._options.criteriaMode === Et.all, r._options.shouldUseNativeValidation).then((b) => !gr(b) && r._subjects.state.next({
           errors: El(r._formState.errors, b, s)
         }));
       }
@@ -8655,10 +8655,10 @@ function Il(e) {
     r._options.shouldUnregister || o ? r.unregister(s) : h(s, !1);
   }), [s, r, a, o]), {
     swap: pe.useCallback(w, [m, s, r]),
-    move: pe.useCallback(x, [m, s, r]),
+    move: pe.useCallback(g, [m, s, r]),
     prepend: pe.useCallback(p, [m, s, r]),
     append: pe.useCallback(f, [m, s, r]),
-    remove: pe.useCallback(g, [m, s, r]),
+    remove: pe.useCallback(x, [m, s, r]),
     insert: pe.useCallback(v, [m, s, r]),
     update: pe.useCallback(j, [m, s, r]),
     replace: pe.useCallback(S, [m, s, r]),
@@ -8769,29 +8769,29 @@ function Rl(d) {
     e > 1 && r(e - 1);
   }, m = () => {
     e < t && r(e + 1);
-  }, f = (x) => {
-    x >= 1 && x <= t && x !== e && r(x);
+  }, f = (g) => {
+    g >= 1 && g <= t && g !== e && r(g);
   }, p = () => {
-    const x = [];
+    const g = [];
     if (t <= 5)
       for (let S = 1; S <= t; S++)
-        x.push(S);
+        g.push(S);
     else if (e <= 3) {
       for (let S = 1; S <= 4; S++)
-        x.push(S);
-      x.push("ellipsis"), x.push(t);
+        g.push(S);
+      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 S = t - 3; S <= t; S++)
-        x.push(S);
+        g.push(S);
     } else {
-      x.push(1), x.push("ellipsis");
+      g.push(1), g.push("ellipsis");
       for (let S = e - 1; S <= e + 1; S++)
-        x.push(S);
-      x.push("ellipsis"), x.push(t);
+        g.push(S);
+      g.push("ellipsis"), g.push(t);
     }
-    return x;
-  }, g = s && a ? (e - 1) * a + 1 : void 0, v = s && a ? Math.min(e * a, s) : void 0, w = y(
+    return g;
+  }, x = s && a ? (e - 1) * a + 1 : void 0, v = s && a ? Math.min(e * a, s) : void 0, w = y(
     "flex",
     "items-center",
     "justify-between",
@@ -8815,8 +8815,8 @@ function Rl(d) {
         "div",
         {
           className: y("flex", "items-center", E("xs", "gap")),
-          children: p().map((x, j) => {
-            if (x === "ellipsis")
+          children: p().map((g, j) => {
+            if (g === "ellipsis")
               return /* @__PURE__ */ n.jsx(
                 "span",
                 {
@@ -8828,7 +8828,7 @@ function Rl(d) {
                 },
                 `ellipsis-${j}`
               );
-            const S = x, h = S === e;
+            const S = g, h = S === e;
             return /* @__PURE__ */ n.jsx(
               re,
               {
@@ -8861,7 +8861,7 @@ function Rl(d) {
         className: y(Ce("sm"), "text-fg-primary"),
         children: [
           "Showing ",
-          g,
+          x,
           " to ",
           v,
           " of ",
@@ -8958,7 +8958,7 @@ function Fl(l) {
     "className",
     "aria-label"
   ]);
-  const [c, u] = P(!1), [m, f] = P(-1), p = te(null), g = te(null), v = te(null), w = te([]), x = `dropdown-menu-${Math.random().toString(36).substr(2, 9)}`, j = `dropdown-trigger-${Math.random().toString(36).substr(2, 9)}`;
+  const [c, u] = P(!1), [m, f] = P(-1), p = te(null), x = te(null), v = te(null), w = te([]), g = `dropdown-menu-${Math.random().toString(36).substr(2, 9)}`, j = `dropdown-trigger-${Math.random().toString(36).substr(2, 9)}`;
   J(() => {
     const N = (T) => {
       p.current && !p.current.contains(T.target) && (u(!1), f(-1));
@@ -9009,7 +9009,7 @@ function Fl(l) {
         case "Escape":
           A.preventDefault(), u(!1), f(-1), setTimeout(() => {
             var G;
-            (G = g.current) == null || G.focus();
+            (G = x.current) == null || G.focus();
           }, 0);
           break;
       }
@@ -9024,7 +9024,7 @@ function Fl(l) {
   const S = (N) => {
     N.disabled || (N.onClick(), u(!1), f(-1), setTimeout(() => {
       var T;
-      (T = g.current) == null || T.focus();
+      (T = x.current) == null || T.focus();
     }, 0));
   }, h = () => {
     u(!c), f(-1);
@@ -9039,23 +9039,23 @@ function Fl(l) {
     },
     "aria-haspopup": "menu",
     "aria-expanded": c,
-    "aria-controls": x,
+    "aria-controls": g,
     "aria-label": o || e.props["aria-label"] || "Open menu",
     id: j,
     ref: (N) => {
-      g.current = N, typeof e.ref == "function" ? e.ref(N) : e.ref && (e.ref.current = N);
+      x.current = N, typeof e.ref == "function" ? e.ref(N) : e.ref && (e.ref.current = N);
     }
   }) : /* @__PURE__ */ n.jsx(
     "div",
     {
-      ref: g,
+      ref: x,
       onClick: h,
       onKeyDown: b,
       role: "button",
       tabIndex: 0,
       "aria-haspopup": "menu",
       "aria-expanded": c,
-      "aria-controls": x,
+      "aria-controls": g,
       "aria-label": o || "Open menu",
       id: j,
       children: e
@@ -9084,7 +9084,7 @@ function Fl(l) {
             "div",
             {
               ref: v,
-              id: x,
+              id: g,
               className: y(
                 "absolute",
                 // micro-z: dropdown content above its own backdrop
@@ -9103,7 +9103,7 @@ function Fl(l) {
               role: "menu",
               "aria-orientation": "vertical",
               "aria-labelledby": j,
-              "aria-activedescendant": m >= 0 ? `${x}-item-${m}` : void 0,
+              "aria-activedescendant": m >= 0 ? `${g}-item-${m}` : void 0,
               children: /* @__PURE__ */ n.jsx("div", { className: y(E("xs", "py")), role: "none", children: t.map((N, T) => {
                 const A = y(
                   "block",
@@ -9126,7 +9126,7 @@ function Fl(l) {
                 return /* @__PURE__ */ n.jsx(
                   "button",
                   {
-                    id: `${x}-item-${T}`,
+                    id: `${g}-item-${T}`,
                     ref: ($) => {
                       w.current[T] = $;
                     },
@@ -9180,7 +9180,7 @@ function Qs({
     return null;
   }, u = () => r !== void 0 ? null : s && t === "range" && typeof s == "object" && "start" in s ? s : { start: null, end: null }, [m, f] = P(
     c()
-  ), [p, g] = P(u()), v = t === "single" ? r instanceof Date ? r : m : null, w = t === "range" ? r && typeof r == "object" && "start" in r ? r : p : null, S = {
+  ), [p, x] = P(u()), v = t === "single" ? r instanceof Date ? r : m : null, w = t === "range" ? r && typeof r == "object" && "start" in r ? r : p : null, S = {
     selectedDate: v,
     selectedRange: w,
     mode: t,
@@ -9188,7 +9188,7 @@ function Qs({
       t === "single" && (r === void 0 && f(h), a == null || a(h));
     },
     onRangeChange: (h) => {
-      t === "range" && (r === void 0 && g(h), a == null || a(h));
+      t === "range" && (r === void 0 && x(h), a == null || a(h));
     },
     minDate: o,
     maxDate: i,
@@ -9236,31 +9236,31 @@ function Wn(l) {
     "onFocus",
     "className"
   ]);
-  const { selectedDate: c, selectedRange: u, mode: m, onDateChange: f } = Vn(), [p, g] = P(""), [v, w] = P(!1), x = te(null);
+  const { selectedDate: c, selectedRange: u, mode: m, onDateChange: f } = Vn(), [p, x] = P(""), [v, w] = P(!1), g = te(null);
   J(() => {
-    m === "single" && c ? g(Ut(c, t)) : m === "range" && u ? u.start && u.end ? g(
+    m === "single" && c ? x(Ut(c, t)) : m === "range" && u ? u.start && u.end ? x(
       `${Ut(u.start, t)} - ${Ut(u.end, t)}`
-    ) : u.start ? g(Ut(u.start, t)) : g("") : g("");
+    ) : u.start ? x(Ut(u.start, t)) : x("") : x("");
   }, [c, u, m, t]);
   const j = (b) => {
     const k = b.target.value;
-    if (g(k), m === "single") {
+    if (x(k), m === "single") {
       const D = en(k);
       f(D);
     }
   }, S = () => {
     if (w(!1), p && m === "single") {
       const b = en(p);
-      b && g(Ut(b, t));
+      b && x(Ut(b, t));
     }
   }, h = () => {
     var b;
-    (b = x.current) == null || b.focus();
+    (b = g.current) == null || b.focus();
   };
   return /* @__PURE__ */ n.jsx("div", _(M({ className: `relative ${o}` }, i), { children: /* @__PURE__ */ n.jsx(
     De,
     {
-      ref: x,
+      ref: g,
       type: "text",
       value: p,
       onChange: j,
@@ -9337,18 +9337,18 @@ function Hn(a) {
     minDate: m,
     maxDate: f,
     disabledDates: p
-  } = Vn(), [g, v] = P(
+  } = Vn(), [x, v] = P(
     e || i || (l == null ? void 0 : l.start) || /* @__PURE__ */ new Date()
-  ), w = te(null), [x, j] = P(null);
+  ), w = te(null), [g, j] = P(null);
   J(() => {
     e && v(e);
   }, [e]);
-  const S = _l(g), h = zl(g), b = [];
+  const S = _l(x), h = zl(x), b = [];
   for (let A = 0; A < h; A++)
     b.push(null);
   for (let A = 1; A <= S; A++)
     b.push(
-      new Date(g.getFullYear(), g.getMonth(), A)
+      new Date(x.getFullYear(), x.getMonth(), A)
     );
   const k = (A) => {
     if (!tn(A, m, f, p)) {
@@ -9361,15 +9361,15 @@ function Hn(a) {
     }
   }, D = () => {
     const A = new Date(
-      g.getFullYear(),
-      g.getMonth() - 1,
+      x.getFullYear(),
+      x.getMonth() - 1,
       1
     );
     v(A), t == null || t(A);
   }, N = () => {
     const A = new Date(
-      g.getFullYear(),
-      g.getMonth() + 1,
+      x.getFullYear(),
+      x.getMonth() + 1,
       1
     );
     v(A), t == null || t(A);
@@ -9415,7 +9415,7 @@ function Hn(a) {
         A.preventDefault(), k($);
         return;
     }
-    R && (Pl(R, g) || v(new Date(R.getFullYear(), R.getMonth(), 1)), j(R));
+    R && (Pl(R, x) || v(new Date(R.getFullYear(), R.getMonth(), 1)), j(R));
   };
   return /* @__PURE__ */ n.jsxs(
     "div",
@@ -9438,9 +9438,9 @@ function Hn(a) {
             }
           ),
           /* @__PURE__ */ n.jsxs("div", { className: "text-sm font-semibold", children: [
-            Wl[g.getMonth()],
+            Wl[x.getMonth()],
             " ",
-            g.getFullYear()
+            x.getFullYear()
           ] }),
           /* @__PURE__ */ n.jsx(
             re,
@@ -9469,7 +9469,7 @@ function Hn(a) {
             m,
             f,
             p
-          ), O = Tt(A, /* @__PURE__ */ new Date()), Q = x && Tt(A, x);
+          ), O = Tt(A, /* @__PURE__ */ new Date()), Q = g && Tt(A, g);
           return /* @__PURE__ */ n.jsx(
             "button",
             {
@@ -9485,7 +9485,7 @@ function Hn(a) {
                 focus:outline-none
                 focus:ring-2
                 focus:ring-offset-1
-                ${L ? "text-fg-disabled cursor-not-allowed" : R ? "bg-surface-brand text-fg-inverse font-semibold" : F ? "bg-surface-brand-muted text-fg-brand-emphasis" : O ? "border-2 border-line-brand font-semibold" : Q ? "bg-surface-brand-muted" : "hover:bg-surface-active"}
+                ${L ? "text-fg-disabled cursor-not-allowed" : R ? "bg-surface-brand-strong text-fg-inverse font-semibold" : F ? "bg-surface-brand-muted text-fg-brand-emphasis" : O ? "border-2 border-line-brand font-semibold" : Q ? "bg-surface-brand-muted" : "hover:bg-surface-active"}
               `,
               "aria-label": A.toDateString(),
               "aria-selected": R,
@@ -9514,21 +9514,21 @@ function yr({
   "aria-label": m,
   className: f = ""
 }) {
-  const [p, g] = P(!1), v = te(null), w = te(null);
+  const [p, x] = P(!1), v = te(null), w = te(null);
   return J(() => {
     if (!p) return;
-    const x = (j) => {
+    const g = (j) => {
       var k, D, N, T;
       const S = j.target, h = (D = (k = v.current) == null ? void 0 : k.contains(S)) != null ? D : !1, b = (T = (N = w.current) == null ? void 0 : N.contains(S)) != null ? T : !1;
-      !h && !b && g(!1);
+      !h && !b && x(!1);
     };
-    return document.addEventListener("mousedown", x), () => document.removeEventListener("mousedown", x);
+    return document.addEventListener("mousedown", g), () => document.removeEventListener("mousedown", g);
   }, [p]), J(() => {
     if (!p) return;
-    const x = (j) => {
-      j.key === "Escape" && g(!1);
+    const g = (j) => {
+      j.key === "Escape" && x(!1);
     };
-    return document.addEventListener("keydown", x), () => document.removeEventListener("keydown", x);
+    return document.addEventListener("keydown", g), () => document.removeEventListener("keydown", g);
   }, [p]), e ? /* @__PURE__ */ n.jsx(
     Qs,
     {
@@ -9559,7 +9559,7 @@ function yr({
             format: c,
             showCalendarButton: u,
             "aria-label": m,
-            onFocus: () => g(!0)
+            onFocus: () => x(!0)
           }
         ),
         p && /* @__PURE__ */ n.jsx(Un, { containerRef: v, popupRef: w, children: /* @__PURE__ */ n.jsx(Hn, {}) })
@@ -9662,12 +9662,12 @@ function Ul(a) {
         u.querySelectorAll(
           '[role="tab"]:not([disabled])'
         )
-      ), g = p.findIndex(
-        (x) => x === document.activeElement
+      ), x = p.findIndex(
+        (g) => g === document.activeElement
       );
-      if (g === -1) return;
-      let v = g;
-      i === "horizontal" ? f.key === "ArrowRight" ? (f.preventDefault(), v = (g + 1) % p.length) : f.key === "ArrowLeft" && (f.preventDefault(), v = (g - 1 + p.length) % p.length) : f.key === "ArrowDown" ? (f.preventDefault(), v = (g + 1) % p.length) : f.key === "ArrowUp" && (f.preventDefault(), v = (g - 1 + p.length) % p.length), f.key === "Home" ? (f.preventDefault(), v = 0) : f.key === "End" && (f.preventDefault(), v = p.length - 1), v !== g && ((w = p[v]) == null || w.focus());
+      if (x === -1) return;
+      let v = x;
+      i === "horizontal" ? f.key === "ArrowRight" ? (f.preventDefault(), v = (x + 1) % p.length) : f.key === "ArrowLeft" && (f.preventDefault(), v = (x - 1 + p.length) % p.length) : f.key === "ArrowDown" ? (f.preventDefault(), v = (x + 1) % p.length) : f.key === "ArrowUp" && (f.preventDefault(), v = (x - 1 + p.length) % p.length), f.key === "Home" ? (f.preventDefault(), v = 0) : f.key === "End" && (f.preventDefault(), v = p.length - 1), v !== x && ((w = p[v]) == null || w.focus());
     };
     return u.addEventListener("keydown", m), () => u.removeEventListener("keydown", m);
   }, [i]);
@@ -9712,18 +9712,18 @@ function Bl(l) {
     onValueChange: u,
     orientation: m,
     activationMode: f
-  } = fs(), p = c === e, g = (x) => {
-    r || ((f === "automatic" || p) && u(e), a == null || a(x));
-  }, v = (x) => {
+  } = fs(), p = c === e, x = (g) => {
+    r || ((f === "automatic" || p) && u(e), a == null || a(g));
+  }, v = (g) => {
     var j;
-    f === "automatic" && !r && !p && u(e), (j = i.onFocus) == null || j.call(i, x);
-  }, w = (x) => {
-    if (!r && !(x.key === "ArrowRight" || x.key === "ArrowLeft" || x.key === "ArrowDown" || x.key === "ArrowUp" || x.key === "Home" || x.key === "End")) {
-      if (f === "manual" && (x.key === "Enter" || x.key === " ")) {
-        x.preventDefault(), u(e);
+    f === "automatic" && !r && !p && u(e), (j = i.onFocus) == null || j.call(i, g);
+  }, w = (g) => {
+    if (!r && !(g.key === "ArrowRight" || g.key === "ArrowLeft" || g.key === "ArrowDown" || g.key === "ArrowUp" || g.key === "Home" || g.key === "End")) {
+      if (f === "manual" && (g.key === "Enter" || g.key === " ")) {
+        g.preventDefault(), u(e);
         return;
       }
-      o == null || o(x);
+      o == null || o(g);
     }
   };
   return /* @__PURE__ */ n.jsx(
@@ -9736,7 +9736,7 @@ function Bl(l) {
       id: `tab-${e}`,
       tabIndex: r ? -1 : p ? 0 : -1,
       disabled: r,
-      onClick: g,
+      onClick: x,
       onFocus: v,
       onKeyDown: w,
       className: y(
@@ -9753,7 +9753,7 @@ function Bl(l) {
         "focus:ring-line-focus",
         "focus:ring-offset-2",
         ee("sm"),
-        p ? y("bg-surface-brand", "text-fg-inverse") : y("text-fg-tertiary", "hover:bg-surface-active"),
+        p ? y("bg-surface-brand-strong", "text-fg-inverse") : y("text-fg-secondary", "hover:bg-surface-active"),
         r ? "opacity-50 cursor-not-allowed" : "cursor-pointer",
         s
       )
@@ -9822,17 +9822,17 @@ const Bd = wr, ms = he(
       "onChange",
       "className"
     ]);
-    const [g, v] = P(
+    const [x, v] = P(
       typeof l == "string" ? l : ""
-    ), [w, x] = P(
+    ), [w, g] = P(
       null
-    ), j = i !== void 0, S = j ? i : g, h = S != null && String(S).length > 0, b = (N) => {
+    ), j = i !== void 0, S = j ? i : x, h = S != null && String(S).length > 0, b = (N) => {
       const T = N.target.value;
       j || v(T), d == null || d(N), w && clearTimeout(w);
       const A = setTimeout(() => {
         t == null || t(T);
       }, o);
-      x(A);
+      g(A);
     }, k = () => {
       j || v("");
       const N = {
@@ -9929,7 +9929,7 @@ const ps = he(
         });
       }
     }, [i]);
-    const g = /* @__PURE__ */ n.jsx(
+    const x = /* @__PURE__ */ n.jsx(
       "div",
       {
         ref: m,
@@ -10003,7 +10003,7 @@ const ps = he(
         ] })
       }
     );
-    return typeof window != "undefined" ? Ze(g, document.body) : null;
+    return typeof window != "undefined" ? Ze(x, document.body) : null;
   }
 );
 ps.displayName = "AutocompleteList";
@@ -10022,20 +10022,20 @@ const Gl = he(
     filterOptions: m,
     className: f = "",
     inputClassName: p = "",
-    size: g = "md"
+    size: x = "md"
   }, v) {
-    const [w, x] = P(
+    const [w, g] = P(
       typeof s == "string" ? s : ""
     ), [j, S] = P(!1), [h, b] = P(-1), [k, D] = P(""), N = te(null), T = te(null), A = te(null), $ = te(null), R = r !== void 0, F = R ? r : w, O = k.trim() ? m ? m(t, k) : t.filter(
       (I) => I.label.toLowerCase().includes(k.toLowerCase())
     ) : t, Q = O.length > 0, G = (I) => {
       const B = I.target.value;
-      D(B), R || x(B), a == null || a(B), $.current && clearTimeout($.current), $.current = setTimeout(() => {
+      D(B), R || g(B), a == null || a(B), $.current && clearTimeout($.current), $.current = setTimeout(() => {
         S(!0), b(-1);
       }, u);
     }, U = (I) => {
       var B;
-      I.disabled || (R || x(I.value), D(I.label), S(!1), b(-1), a == null || a(I.value), o == null || o(I), (B = T.current) == null || B.focus());
+      I.disabled || (R || g(I.value), D(I.label), S(!1), b(-1), a == null || a(I.value), o == null || o(I), (B = T.current) == null || B.focus());
     }, me = (I) => {
       if (!j || O.length === 0) {
         (I.key === "ArrowDown" || I.key === "Enter") && S(!0);
@@ -10093,7 +10093,7 @@ const Gl = he(
           onFocus: () => S(!0),
           placeholder: i,
           disabled: d,
-          size: g,
+          size: x,
           rightIcon: l ? /* @__PURE__ */ n.jsx(Cn, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ n.jsx(
             ns,
             {
@@ -10134,9 +10134,9 @@ const Yl = he(
     showSelectAll: m = !1,
     className: f = "",
     inputClassName: p = "",
-    size: g = "md"
+    size: x = "md"
   }, v) {
-    const [w, x] = P(s), [j, S] = P(!1), [h, b] = P(-1), [k, D] = P(""), N = te(null), T = te(null), A = te(null), $ = r !== void 0, R = $ ? r : w, F = t.filter(
+    const [w, g] = P(s), [j, S] = P(!1), [h, b] = P(-1), [k, D] = P(""), N = te(null), T = te(null), A = te(null), $ = r !== void 0, R = $ ? r : w, F = t.filter(
       (H) => R.includes(H.value)
     ), O = (() => {
       let H = t;
@@ -10150,18 +10150,18 @@ const Yl = he(
       if (H.disabled || u && R.length >= u && !R.includes(H.value))
         return;
       const q = R.includes(H.value) ? R.filter((W) => W !== H.value) : [...R, H.value];
-      $ || x(q), a == null || a(q), o == null || o(t.filter((W) => q.includes(W.value))), D("");
+      $ || g(q), a == null || a(q), o == null || o(t.filter((W) => q.includes(W.value))), D("");
     }, me = () => {
       const H = O.filter((W) => !W.disabled).map((W) => W.value), q = [.../* @__PURE__ */ new Set([...R, ...H])];
-      $ || x(q), a == null || a(q), o == null || o(t.filter((W) => q.includes(W.value)));
+      $ || g(q), a == null || a(q), o == null || o(t.filter((W) => q.includes(W.value)));
     }, le = () => {
       const H = O.map((W) => W.value), q = R.filter(
         (W) => !H.includes(W)
       );
-      $ || x(q), a == null || a(q), o == null || o(t.filter((W) => q.includes(W.value)));
+      $ || g(q), a == null || a(q), o == null || o(t.filter((W) => q.includes(W.value)));
     }, I = (H) => {
       const q = R.filter((W) => W !== H);
-      $ || x(q), a == null || a(q), o == null || o(t.filter((W) => q.includes(W.value)));
+      $ || g(q), a == null || a(q), o == null || o(t.filter((W) => q.includes(W.value)));
     }, B = (H) => {
       if (!j || O.length === 0) {
         (H.key === "ArrowDown" || H.key === "Enter") && S(!0), H.key === "Backspace" && k === "" && R.length > 0 && I(R[R.length - 1]);
@@ -10218,7 +10218,7 @@ const Yl = he(
               In,
               {
                 onRemove: () => I(H.value),
-                size: g === "sm" ? "sm" : g === "lg" ? "lg" : "md",
+                size: x === "sm" ? "sm" : x === "lg" ? "lg" : "md",
                 children: H.label
               },
               H.value
@@ -10285,12 +10285,12 @@ function qd({
   icon: m,
   emptyIcon: f
 }) {
-  const [p, g] = P(t), [v, w] = P(null), x = e !== void 0, j = v != null ? v : x ? e : p, S = {
+  const [p, x] = P(t), [v, w] = P(null), g = e !== void 0, j = v != null ? v : g ? e : p, S = {
     sm: "h-4 w-4",
     md: "h-5 w-5",
     lg: "h-6 w-6"
   }, h = (N) => {
-    o || (x || g(N), d == null || d(N));
+    o || (g || x(N), d == null || d(N));
   }, b = (N) => {
     o || (w(N), c == null || c(N));
   }, k = () => {
@@ -10382,11 +10382,11 @@ function Gd({
   label: u,
   description: m
 }) {
-  const [f, p] = P([]), [g, v] = P(!1), w = te(null), x = ($) => {
+  const [f, p] = P([]), [x, v] = P(!1), w = te(null), g = ($) => {
     if ($ === 0) return "0 Bytes";
     const R = 1024, F = ["Bytes", "KB", "MB", "GB"], L = Math.floor(Math.log($) / Math.log(R));
     return Math.round($ / Math.pow(R, L) * 100) / 100 + " " + F[L];
-  }, j = ($) => r && $.size > r ? `File size exceeds ${x(r)}` : null, S = ($) => {
+  }, j = ($) => r && $.size > r ? `File size exceeds ${g(r)}` : null, S = ($) => {
     const R = Array.from($), F = [];
     return R.forEach((L) => {
       const O = j(L), Q = `${Date.now()}-${Math.random().toString(36).substr(2, 9)}`, G = {
@@ -10483,7 +10483,7 @@ function Gd({
               "relative",
               "border-2",
               "border-dashed",
-              g ? "border-line-brand" : "border-line-default",
+              x ? "border-line-brand" : "border-line-default",
               ee("lg"),
               E("lg", "p"),
               "text-center",
@@ -10530,7 +10530,7 @@ function Gd({
                         className: y(
                           "h-8",
                           "w-8",
-                          g ? "text-fg-brand" : "text-fg-secondary"
+                          x ? "text-fg-brand" : "text-fg-secondary"
                         )
                       }
                     ),
@@ -10543,7 +10543,7 @@ function Gd({
                             qt("medium"),
                             "text-fg-primary"
                           ),
-                          children: g ? "Drop files here" : "Click to upload or drag and drop"
+                          children: x ? "Drop files here" : "Click to upload or drag and drop"
                         }
                       ),
                       e && /* @__PURE__ */ n.jsxs(
@@ -10569,7 +10569,7 @@ function Gd({
                           ),
                           children: [
                             "Max size: ",
-                            x(r)
+                            g(r)
                           ]
                         }
                       )
@@ -10627,7 +10627,7 @@ function Gd({
                       Ce("xs"),
                       "text-fg-secondary"
                     ),
-                    children: x($.file.size)
+                    children: g($.file.size)
                   }
                 ),
                 $.error && /* @__PURE__ */ n.jsxs(
@@ -10698,7 +10698,7 @@ function qn({
   triggerClassName: m = "",
   contentClassName: f = ""
 }) {
-  const [p, g] = P(s), v = te(null), w = te(null), [x, j] = P({ top: 0, left: 0 }), S = r !== void 0, h = S ? r : p, b = Y(() => {
+  const [p, x] = P(s), v = te(null), w = te(null), [g, j] = P({ top: 0, left: 0 }), S = r !== void 0, h = S ? r : p, b = Y(() => {
     if (!v.current || !w.current) return;
     const T = v.current.getBoundingClientRect(), A = w.current.getBoundingClientRect(), $ = window.scrollY, R = window.scrollX;
     let F = 0, L = 0;
@@ -10728,7 +10728,7 @@ function qn({
   }, [h, b]);
   const k = Y(
     (T) => {
-      S || g(T), a == null || a(T);
+      S || x(T), a == null || a(T);
     },
     [S, a]
   ), D = Y(() => {
@@ -10767,8 +10767,8 @@ function qn({
         ${f}
       `,
       style: {
-        top: `${x.top}px`,
-        left: `${x.left}px`
+        top: `${g.top}px`,
+        left: `${g.left}px`
       },
       role: "dialog",
       "aria-modal": "false",
@@ -10844,7 +10844,7 @@ function Yd({
   helperText: l,
   className: d = ""
 }) {
-  const [c, u] = P(t || ""), [m, f] = P(12), [p, g] = P(0), [v, w] = P("AM"), x = e !== void 0, j = x ? e : c, S = Y(
+  const [c, u] = P(t || ""), [m, f] = P(12), [p, x] = P(0), [v, w] = P("AM"), g = e !== void 0, j = g ? e : c, S = Y(
     (F) => {
       if (!F) return { hours: 12, minutes: 0, amPm: "AM" };
       if (r === "24h") {
@@ -10871,7 +10871,7 @@ function Yd({
   J(() => {
     if (j) {
       const F = S(j);
-      f(F.hours), g(F.minutes), w(F.amPm);
+      f(F.hours), x(F.minutes), w(F.amPm);
     }
   }, [j, S]);
   const b = (F) => {
@@ -10882,21 +10882,21 @@ function Yd({
       p,
       r === "12h" ? v : void 0
     );
-    x || u(O), s == null || s(O);
+    g || u(O), s == null || s(O);
   }, k = (F) => {
     const L = Math.max(0, Math.min(59, F));
-    g(L);
+    x(L);
     const O = h(
       m,
       L,
       r === "12h" ? v : void 0
     );
-    x || u(O), s == null || s(O);
+    g || u(O), s == null || s(O);
   }, D = () => {
     const F = v === "AM" ? "PM" : "AM";
     w(F);
     const L = h(m, p, F);
-    x || u(L), s == null || s(L);
+    g || u(L), s == null || s(L);
   }, N = () => {
     if (r === "24h")
       b((m + 1) % 24);
@@ -11024,7 +11024,7 @@ function Kd({
   label: l,
   className: d = ""
 }) {
-  const [c, u] = P(t), [m, f] = P({ r: 0, g: 0, b: 0 }), p = e !== void 0, g = p ? e : c, v = (k) => {
+  const [c, u] = P(t), [m, f] = P({ r: 0, g: 0, b: 0 }), p = e !== void 0, x = p ? e : c, v = (k) => {
     const D = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(k);
     return D ? {
       r: parseInt(D[1], 16),
@@ -11036,12 +11036,12 @@ function Kd({
     return A.length === 1 ? "0" + A : A;
   }).join("");
   J(() => {
-    if (g) {
-      const k = v(g);
+    if (x) {
+      const k = v(x);
       f(k);
     }
-  }, [g]);
-  const x = (k) => {
+  }, [x]);
+  const g = (k) => {
     const D = k.target.value;
     (/^#[0-9A-F]{6}$/i.test(D) || D === "") && (p || u(D), s == null || s(D), D && f(v(D)));
   }, j = (k, D) => {
@@ -11073,7 +11073,7 @@ function Kd({
           border
           border-line-default
         `,
-        style: { backgroundColor: g }
+        style: { backgroundColor: x }
       }
     ),
     /* @__PURE__ */ n.jsxs("div", { className: "space-y-3 mb-4", children: [
@@ -11136,8 +11136,8 @@ function Kd({
       De,
       {
         label: "Hex",
-        value: g,
-        onChange: x,
+        value: x,
+        onChange: g,
         disabled: i,
         placeholder: "#000000",
         className: "font-mono"
@@ -11161,7 +11161,7 @@ function Kd({
                   border-line-emphasis
                   hover:scale-110
                   ${Ie("sm")}
-                  ${g.toLowerCase() === k.toLowerCase() ? "ring-2 ring-offset-1 ring-line-brand" : ""}
+                  ${x.toLowerCase() === k.toLowerCase() ? "ring-2 ring-offset-1 ring-line-brand" : ""}
                 `,
           style: { backgroundColor: k },
           "aria-label": `Select color ${k}`
@@ -11188,14 +11188,14 @@ function Kd({
                 cursor-pointer
                 ${i ? "opacity-50 cursor-not-allowed" : ""}
               `,
-            style: { backgroundColor: g }
+            style: { backgroundColor: x }
           }
         ),
         o && /* @__PURE__ */ n.jsx(
           De,
           {
-            value: g,
-            onChange: x,
+            value: x,
+            onChange: g,
             disabled: i,
             placeholder: "#000000",
             className: "w-24 font-mono"
@@ -11382,8 +11382,8 @@ function jr({
   closeOnOverlayClick: i = !0,
   closeOnEscape: l = !0
 }) {
-  const [d, c] = P(r), u = t !== void 0, m = u ? t : d, f = (g) => {
-    u || c(g), s == null || s(g);
+  const [d, c] = P(r), u = t !== void 0, m = u ? t : d, f = (x) => {
+    u || c(x), s == null || s(x);
   }, p = () => {
     f(!1);
   };
@@ -11456,9 +11456,9 @@ function ec({
   }, [s]), J(() => {
     if (s && i.current && l.current) {
       const m = () => {
-        const g = l.current.getBoundingClientRect(), v = i.current.getBoundingClientRect(), w = window.scrollY, x = window.scrollX;
+        const x = l.current.getBoundingClientRect(), v = i.current.getBoundingClientRect(), w = window.scrollY, g = window.scrollX;
         let j = 0, S = 0;
-        o === "bottom" ? (j = g.bottom + w + 4, r === "start" ? S = g.left + x : r === "end" ? S = g.right + x - v.width : S = g.left + x + (g.width - v.width) / 2) : o === "top" ? (j = g.top + w - v.height - 4, r === "start" ? S = g.left + x : r === "end" ? S = g.right + x - v.width : S = g.left + x + (g.width - v.width) / 2) : o === "right" ? (S = g.right + x + 4, r === "start" ? j = g.top + w : r === "end" ? j = g.bottom + w - v.height : j = g.top + w + (g.height - v.height) / 2) : o === "left" && (S = g.left + x - v.width - 4, r === "start" ? j = g.top + w : r === "end" ? j = g.bottom + w - v.height : j = g.top + w + (g.height - v.height) / 2);
+        o === "bottom" ? (j = x.bottom + w + 4, r === "start" ? S = x.left + g : r === "end" ? S = x.right + g - v.width : S = x.left + g + (x.width - v.width) / 2) : o === "top" ? (j = x.top + w - v.height - 4, r === "start" ? S = x.left + g : r === "end" ? S = x.right + g - v.width : S = x.left + g + (x.width - v.width) / 2) : o === "right" ? (S = x.right + g + 4, r === "start" ? j = x.top + w : r === "end" ? j = x.bottom + w - v.height : j = x.top + w + (x.height - v.height) / 2) : o === "left" && (S = x.left + g - v.width - 4, r === "start" ? j = x.top + w : r === "end" ? j = x.bottom + w - v.height : j = x.top + w + (x.height - v.height) / 2);
         const h = 8;
         j = Math.max(
           h,
@@ -11470,7 +11470,7 @@ function ec({
           h,
           Math.min(
             S,
-            window.innerWidth + x - v.width - h
+            window.innerWidth + g - v.width - h
           )
         ), c({ top: j, left: S });
       };
@@ -11541,10 +11541,10 @@ const Jn = he(function(m, u) {
     "hasSubmenu",
     "className"
   ]);
-  const { closeMenu: p } = hs(), g = (w) => {
+  const { closeMenu: p } = hs(), x = (w) => {
     a || (o == null || o(w), i == null || i(w), !l && !w.defaultPrevented && p());
   }, v = (w) => {
-    a || (w.key === "Enter" || w.key === " ") && (w.preventDefault(), g(w));
+    a || (w.key === "Enter" || w.key === " ") && (w.preventDefault(), x(w));
   };
   return /* @__PURE__ */ n.jsxs(
     "div",
@@ -11553,7 +11553,7 @@ const Jn = he(function(m, u) {
       role: "menuitem",
       tabIndex: a ? -1 : 0,
       "aria-disabled": a,
-      onClick: g,
+      onClick: x,
       onKeyDown: v,
       className: `
           flex
@@ -11663,7 +11663,7 @@ function Xd({
                 justify-between
                 ${E("base", "px")}
                 ${E("md", "py")}
-                ${ge("label")}
+                ${xe("label")}
                 text-left
                 text-fg-primary
                 bg-surface-base
@@ -12048,8 +12048,8 @@ function cc(d) {
         typeof require != "undefined" ? require("next/navigation") : null
       );
       if (p != null && p.usePathname) {
-        const g = p.usePathname;
-        u = g();
+        const x = p.usePathname;
+        u = x();
       }
     } catch (p) {
       u = void 0;
@@ -12058,11 +12058,11 @@ function cc(d) {
     if (p.active !== void 0)
       return p;
     if (u) {
-      const g = u === p.href || p.href !== "/" && u.startsWith(`${p.href}/`);
-      return _(M({}, p), { active: g });
+      const x = u === p.href || p.href !== "/" && u.startsWith(`${p.href}/`);
+      return _(M({}, p), { active: x });
     }
     return _(M({}, p), { active: !1 });
-  }), [e, u]), f = /* @__PURE__ */ n.jsx(n.Fragment, { children: m.map((p, g) => {
+  }), [e, u]), f = /* @__PURE__ */ n.jsx(n.Fragment, { children: m.map((p, x) => {
     const v = r === "pills" ? "background" : r === "tabs" ? "underline" : "default";
     return /* @__PURE__ */ n.jsxs(
       En,
@@ -12082,7 +12082,7 @@ function cc(d) {
           p.badge && /* @__PURE__ */ n.jsx("span", { className: "ml-auto", children: p.badge })
         ]
       },
-      p.href || g
+      p.href || x
     );
   }) });
   return o ? /* @__PURE__ */ n.jsx(
@@ -12240,7 +12240,7 @@ function eu(c) {
     "inset-0",
     be("modal"),
     "overflow-y-auto"
-  ], g = ["fixed", "inset-0", "bg-scrim", "transition-opacity"], w = [
+  ], x = ["fixed", "inset-0", "bg-scrim", "transition-opacity"], w = [
     "relative",
     "bg-surface-overlay",
     "rounded-lg",
@@ -12254,7 +12254,7 @@ function eu(c) {
     }[a],
     "p-6",
     l
-  ].filter(Boolean).join(" "), x = /* @__PURE__ */ n.jsxs(
+  ].filter(Boolean).join(" "), g = /* @__PURE__ */ n.jsxs(
     "div",
     {
       className: p.join(" "),
@@ -12265,7 +12265,7 @@ function eu(c) {
         j.target === j.currentTarget && t();
       },
       children: [
-        /* @__PURE__ */ n.jsx("div", { className: g.join(" "), "aria-hidden": "true" }),
+        /* @__PURE__ */ n.jsx("div", { className: x.join(" "), "aria-hidden": "true" }),
         /* @__PURE__ */ n.jsx("div", { className: "flex min-h-full items-center justify-center p-4", children: /* @__PURE__ */ n.jsxs(
           "div",
           _(M({
@@ -12311,17 +12311,17 @@ function eu(c) {
       ]
     }
   );
-  return typeof window != "undefined" ? Ze(x, document.body) : x;
+  return typeof window != "undefined" ? Ze(g, document.body) : g;
 }
-const xs = we(void 0);
+const gs = we(void 0);
 function et() {
-  const e = ce(xs);
+  const e = ce(gs);
   if (e === void 0)
     throw new Error("useTableContext must be used within a Table component");
   return e;
 }
 function tu() {
-  const e = ce(xs);
+  const e = ce(gs);
   return e || void 0;
 }
 function nn({
@@ -12339,10 +12339,10 @@ function nn({
   sortColumn: m,
   sortDirection: f,
   onSort: p,
-  defaultSortColumn: g,
+  defaultSortColumn: x,
   defaultSortDirection: v = "asc",
   filters: w,
-  filterValues: x,
+  filterValues: g,
   onFilter: j,
   initialFilterValues: S = {},
   selectable: h = !1,
@@ -12364,19 +12364,19 @@ function nn({
   children: le
 }) {
   const I = z(() => s || (i !== void 0 && l ? "server" : "client"), [s, i, l]), B = a !== void 0, [Z, se] = P(1), [H, q] = P(c), W = B ? a : Z, ie = o != null ? o : H, de = z(() => I === "server" ? i != null ? i : 0 : t.length, [I, i, t.length]), ue = z(() => Math.ceil(de / ie), [de, ie]), Me = m !== void 0, [qe, _t] = P(
-    g || ""
-  ), [Pe, zt] = P(v), Le = Me ? m : qe, Zt = Me ? f || "asc" : Pe, Sr = x !== void 0, [ja, ka] = P(S), Qt = Sr ? x : ja, $r = b !== void 0, [Na, Sa] = P(
+    x || ""
+  ), [Pe, zt] = P(v), Le = Me ? m : qe, Zt = Me ? f || "asc" : Pe, Sr = g !== void 0, [ja, ka] = P(S), Qt = Sr ? g : ja, $r = b !== void 0, [Na, Sa] = P(
     []
-  ), Oe = $r ? b : Na, er = z(() => !w || w.length === 0 ? t : t.filter((ne) => w.every((xe) => {
-    const je = Qt[xe.key];
+  ), Oe = $r ? b : Na, er = z(() => !w || w.length === 0 ? t : t.filter((ne) => w.every((ge) => {
+    const je = Qt[ge.key];
     if (!je || je === "") return !0;
-    const rr = ne[xe.key];
-    return xe.type === "text" ? String(rr || "").toLowerCase().includes(String(je).toLowerCase()) : String(rr) === String(je);
+    const rr = ne[ge.key];
+    return ge.type === "text" ? String(rr || "").toLowerCase().includes(String(je).toLowerCase()) : String(rr) === String(je);
   })), [t, w, Qt]), Cr = z(() => {
     if (Me && p || !Le) return er;
     const ne = [...er];
-    return ne.sort((xe, je) => {
-      const rr = xe[Le], Ea = je[Le], Ds = String(rr || "").localeCompare(
+    return ne.sort((ge, je) => {
+      const rr = ge[Le], Ea = je[Le], Ds = String(rr || "").localeCompare(
         String(Ea || "")
       );
       return Zt === "asc" ? Ds : -Ds;
@@ -12384,16 +12384,16 @@ function nn({
   }, [er, Le, Zt, p, Me]), Ge = z(() => {
     if (I === "server")
       return Cr;
-    const ne = (W - 1) * ie, xe = ne + ie;
-    return Cr.slice(ne, xe);
+    const ne = (W - 1) * ie, ge = ne + ie;
+    return Cr.slice(ne, ge);
   }, [Cr, I, W, ie]), Nt = Y(
-    (ne, xe) => {
+    (ne, ge) => {
       var je;
-      return D ? D(ne) : ((je = ne == null ? void 0 : ne.id) == null ? void 0 : je.toString()) || xe.toString();
+      return D ? D(ne) : ((je = ne == null ? void 0 : ne.id) == null ? void 0 : je.toString()) || ge.toString();
     },
     [D]
-  ), tr = z(() => !h || Ge.length === 0 ? !1 : Ge.every((ne, xe) => {
-    const je = Nt(ne, xe);
+  ), tr = z(() => !h || Ge.length === 0 ? !1 : Ge.every((ne, ge) => {
+    const je = Nt(ne, ge);
     return Oe.includes(je);
   }), [h, Ge, Oe, Nt]), Ss = z(() => {
     if (!h) return !1;
@@ -12410,8 +12410,8 @@ function nn({
     },
     [d, St]
   ), Cs = Y(
-    (ne, xe) => {
-      Me ? p == null || p(ne, xe) : (_t(ne), zt(xe));
+    (ne, ge) => {
+      Me ? p == null || p(ne, ge) : (_t(ne), zt(ge));
     },
     [Me, p]
   ), As = Y(
@@ -12426,21 +12426,21 @@ function nn({
     [$r, k]
   ), Es = Y(
     (ne) => {
-      const xe = Oe.includes(ne) ? Oe.filter((je) => je !== ne) : [...Oe, ne];
-      it(xe);
+      const ge = Oe.includes(ne) ? Oe.filter((je) => je !== ne) : [...Oe, ne];
+      it(ge);
     },
     [Oe, it]
   ), Ts = Y(() => {
     if (tr)
       it([]);
     else {
-      const ne = Ge.map((xe, je) => Nt(xe, je));
+      const ne = Ge.map((ge, je) => Nt(ge, je));
       it(ne);
     }
   }, [tr, Ge, Nt, it]), [$a, Ca] = P({}), Ar = Q !== void 0, Ms = Ar ? Q : $a, Is = Y(
-    (ne, xe) => {
-      Ar ? G == null || G(ne, xe) : Ca((je) => _(M({}, je), {
-        [ne]: xe
+    (ne, ge) => {
+      Ar ? G == null || G(ne, ge) : Ca((je) => _(M({}, je), {
+        [ne]: ge
       }));
     },
     [Ar, G]
@@ -12544,7 +12544,7 @@ function nn({
       U
     ]
   );
-  return /* @__PURE__ */ n.jsx(xs.Provider, { value: Aa, children: le });
+  return /* @__PURE__ */ n.jsx(gs.Provider, { value: Aa, children: le });
 }
 function ea(d) {
   var c = d, {
@@ -12564,15 +12564,15 @@ function ea(d) {
     "maxWidth",
     "className"
   ]);
-  const { sortState: u, setSorting: m, onSort: f } = et(), p = te(null), g = te(null), v = te(null), w = () => {
+  const { sortState: u, setSorting: m, onSort: f } = et(), p = te(null), x = te(null), v = te(null), w = () => {
     if (!e.sortable || !f && !m) return;
     const k = u.column === e.key && u.direction === "asc" ? "desc" : "asc";
     f ? f(e.key, k) : m(e.key, k);
-  }, x = (k) => {
+  }, g = (k) => {
     h && (k.key === "Enter" || k.key === " ") && (k.preventDefault(), w());
   }, j = (k) => {
-    if (k.preventDefault(), k.stopPropagation(), !g.current || !s) return;
-    const D = r || g.current.offsetWidth;
+    if (k.preventDefault(), k.stopPropagation(), !x.current || !s) return;
+    const D = r || x.current.offsetWidth;
     v.current = {
       x: k.clientX,
       width: D
@@ -12592,13 +12592,13 @@ function ea(d) {
   return /* @__PURE__ */ n.jsx(
     "th",
     _(M({
-      ref: g,
+      ref: x,
       scope: "col",
       role: "columnheader",
       "aria-sort": S ? b === "asc" ? "ascending" : "descending" : h ? "none" : void 0,
       className: `px-6 py-3 text-left text-xs font-medium text-fg-tertiary uppercase tracking-wider ${h ? "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: h ? w : void 0,
-      onKeyDown: h ? x : void 0,
+      onKeyDown: h ? g : void 0,
       tabIndex: h ? 0 : void 0,
       style: r ? { width: `${r}px`, minWidth: `${r}px` } : void 0
     }, l), {
@@ -12779,9 +12779,9 @@ function Kr(i) {
     toggleRowSelection: m,
     getRowId: f,
     actions: p,
-    onRowClick: g
-  } = et(), v = f(e, t), w = u.selectedRows.includes(v), x = (j) => {
-    s && s(j), g && g(e);
+    onRowClick: x
+  } = et(), v = f(e, t), w = u.selectedRows.includes(v), g = (j) => {
+    s && s(j), x && x(e);
   };
   return /* @__PURE__ */ n.jsxs(
     "tr",
@@ -12790,7 +12790,7 @@ function Kr(i) {
       "aria-selected": c ? w : void 0,
       "aria-rowindex": t + 1,
       className: `hover:bg-surface-hover ${w ? "bg-surface-selected" : ""} ${r}`,
-      onClick: x,
+      onClick: g,
       style: a
     }, o), {
       children: [
@@ -12850,15 +12850,15 @@ function fc(e, t) {
     ), p = s ? Math.min(
       e.length,
       Math.ceil((i + s) / r) + a
-    ) : e.length, g = [];
+    ) : e.length, x = [];
     for (let v = f; v < p; v++)
-      g.push({
+      x.push({
         index: v,
         start: v * r,
         end: (v + 1) * r,
         size: r
       });
-    return g;
+    return x;
   }, [e, r, i, s, a, o]), u = e.length * r;
   return J(() => {
     if (!o || !d.current) return;
@@ -12901,16 +12901,16 @@ function oa(s) {
     containerHeight: m == null ? void 0 : m.containerHeight,
     overscan: (m == null ? void 0 : m.overscan) || 5,
     enabled: u || !1
-  }), g = z(() => u && p.virtualItems.length > 0 ? p.virtualItems.map((x) => ({
-    row: o[x.index],
-    index: x.index
-  })).filter((x) => x.row !== void 0) : o.map((x, j) => ({ row: x, index: j })), [u, p.virtualItems, o]);
+  }), x = z(() => u && p.virtualItems.length > 0 ? p.virtualItems.map((g) => ({
+    row: o[g.index],
+    index: g.index
+  })).filter((g) => g.row !== void 0) : o.map((g, j) => ({ row: g, index: j })), [u, p.virtualItems, o]);
   return i ? /* @__PURE__ */ n.jsx(
     "tbody",
     _(M({
       className: `bg-surface-base divide-y divide-line-default ${t}`
     }, r), {
-      children: Array.from({ length: 5 }).map((x, j) => /* @__PURE__ */ n.jsx("tr", { children: Array.from({ length: f }).map((S, h) => /* @__PURE__ */ n.jsx("td", { className: "px-6 py-4", children: /* @__PURE__ */ n.jsx(sl, { className: "h-4 w-full" }) }, h)) }, j))
+      children: Array.from({ length: 5 }).map((g, j) => /* @__PURE__ */ n.jsx("tr", { children: Array.from({ length: f }).map((S, h) => /* @__PURE__ */ n.jsx("td", { className: "px-6 py-4", children: /* @__PURE__ */ n.jsx(sl, { className: "h-4 w-full" }) }, h)) }, j))
     })
   ) : o.length === 0 ? /* @__PURE__ */ n.jsx(
     "tbody",
@@ -12924,7 +12924,7 @@ function oa(s) {
     _(M({
       className: `bg-surface-base divide-y divide-line-default ${t}`
     }, r), {
-      children: o.map((x, j) => e(x, j))
+      children: o.map((g, j) => e(g, j))
     })
   ) : /* @__PURE__ */ n.jsx(
     "tbody",
@@ -12932,7 +12932,7 @@ function oa(s) {
       className: `bg-surface-base divide-y divide-line-default ${t}`,
       role: "rowgroup"
     }, r), {
-      children: u && p.virtualItems.length > 0 && g.length > 0 ? (
+      children: u && p.virtualItems.length > 0 && x.length > 0 ? (
         // Virtual scrolling: render with spacer rows
         /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
           ((v = p.virtualItems[0]) == null ? void 0 : v.start) > 0 && /* @__PURE__ */ n.jsx(
@@ -12943,7 +12943,7 @@ function oa(s) {
               children: /* @__PURE__ */ n.jsx("td", { colSpan: f })
             }
           ),
-          g.map(({ row: x, index: j }) => /* @__PURE__ */ n.jsx(Kr, { row: x, rowIndex: j }, j)),
+          x.map(({ row: g, index: j }) => /* @__PURE__ */ n.jsx(Kr, { row: g, rowIndex: j }, j)),
           p.virtualItems.length > 0 && /* @__PURE__ */ n.jsx(
             "tr",
             {
@@ -12960,7 +12960,7 @@ function oa(s) {
         ] })
       ) : (
         // Normal rendering
-        g.map(({ row: x, index: j }) => /* @__PURE__ */ n.jsx(Kr, { row: x, rowIndex: j }, j))
+        x.map(({ row: g, index: j }) => /* @__PURE__ */ n.jsx(Kr, { row: g, rowIndex: j }, j))
       )
     })
   );
@@ -12980,20 +12980,20 @@ function mc(i) {
     "className"
   ]);
   const [d, c] = P(r), [u, m] = P(!1), f = Object.values(d).some(
-    (x) => x !== "" && x !== null && x !== void 0
-  ), p = (x, j) => {
-    const S = _(M({}, d), { [x]: j });
+    (g) => g !== "" && g !== null && g !== void 0
+  ), p = (g, j) => {
+    const S = _(M({}, d), { [g]: j });
     c(S), t(S);
-  }, g = () => {
-    const x = {};
+  }, x = () => {
+    const g = {};
     e.forEach((j) => {
-      x[j.key] = "";
-    }), c(x), t(x);
-  }, v = (x) => {
-    const j = _(M({}, d), { [x]: "" });
+      g[j.key] = "";
+    }), c(g), t(g);
+  }, v = (g) => {
+    const j = _(M({}, d), { [g]: "" });
     c(j), t(j);
   }, w = Object.values(d).filter(
-    (x) => x !== "" && x !== null && x !== void 0
+    (g) => g !== "" && g !== null && g !== void 0
   ).length;
   return /* @__PURE__ */ n.jsx(
     "div",
@@ -13026,76 +13026,76 @@ function mc(i) {
             {
               variant: "ghost",
               size: "sm",
-              onClick: g,
+              onClick: x,
               className: "text-sm",
               children: "Clear all"
             }
           )
         ] }),
-        u && /* @__PURE__ */ n.jsx("div", { className: "mt-4 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: e.map((x) => {
-          const j = d[x.key] || "";
+        u && /* @__PURE__ */ n.jsx("div", { className: "mt-4 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3", children: e.map((g) => {
+          const j = d[g.key] || "";
           return /* @__PURE__ */ n.jsxs("div", { className: "space-y-1", children: [
-            /* @__PURE__ */ n.jsx(Yt, { htmlFor: `filter-${x.key}`, variant: "optional", children: x.label }),
+            /* @__PURE__ */ n.jsx(Yt, { htmlFor: `filter-${g.key}`, variant: "optional", children: g.label }),
             /* @__PURE__ */ n.jsxs("div", { className: "relative", children: [
-              x.type === "text" && /* @__PURE__ */ n.jsx(
+              g.type === "text" && /* @__PURE__ */ n.jsx(
                 De,
                 {
-                  id: `filter-${x.key}`,
+                  id: `filter-${g.key}`,
                   type: "text",
                   value: j,
-                  onChange: (S) => p(x.key, S.target.value),
-                  placeholder: x.placeholder || `Filter by ${x.label.toLowerCase()}`,
+                  onChange: (S) => p(g.key, S.target.value),
+                  placeholder: g.placeholder || `Filter by ${g.label.toLowerCase()}`,
                   size: "sm",
                   variant: "outlined"
                 }
               ),
-              x.type === "select" && /* @__PURE__ */ n.jsxs("div", { className: "relative", children: [
+              g.type === "select" && /* @__PURE__ */ n.jsxs("div", { className: "relative", children: [
                 /* @__PURE__ */ n.jsx(
                   os,
                   {
-                    id: `filter-${x.key}`,
+                    id: `filter-${g.key}`,
                     options: [
-                      { value: "", label: `All ${x.label}` },
-                      ...x.options || []
+                      { value: "", label: `All ${g.label}` },
+                      ...g.options || []
                     ],
                     value: j,
-                    onChange: (S) => p(x.key, S.target.value)
+                    onChange: (S) => p(g.key, S.target.value)
                   }
                 ),
                 j && /* @__PURE__ */ n.jsx(
                   "button",
                   {
                     type: "button",
-                    onClick: () => v(x.key),
+                    onClick: () => v(g.key),
                     className: "absolute right-8 top-1/2 -translate-y-1/2 text-fg-tertiary hover:text-fg-secondary",
-                    "aria-label": `Clear ${x.label} filter`,
+                    "aria-label": `Clear ${g.label} filter`,
                     children: /* @__PURE__ */ n.jsx(Te, { className: "h-4 w-4" })
                   }
                 )
               ] }),
-              x.type === "date" && /* @__PURE__ */ n.jsx(
+              g.type === "date" && /* @__PURE__ */ n.jsx(
                 De,
                 {
-                  id: `filter-${x.key}`,
+                  id: `filter-${g.key}`,
                   type: "date",
                   value: j,
-                  onChange: (S) => p(x.key, S.target.value),
+                  onChange: (S) => p(g.key, S.target.value),
                   size: "sm",
                   variant: "outlined"
                 }
               ),
-              j && x.type !== "select" && /* @__PURE__ */ n.jsx(
+              j && g.type !== "select" && /* @__PURE__ */ n.jsx(
                 "button",
                 {
                   type: "button",
-                  onClick: () => v(x.key),
+                  onClick: () => v(g.key),
                   className: "absolute right-2 top-1/2 -translate-y-1/2 text-fg-tertiary hover:text-fg-secondary",
-                  "aria-label": `Clear ${x.label} filter`,
+                  "aria-label": `Clear ${g.label} filter`,
                   children: /* @__PURE__ */ n.jsx(Te, { className: "h-4 w-4" })
                 }
               )
             ] })
-          ] }, x.key);
+          ] }, g.key);
         }) })
       ] })
     })
@@ -13143,11 +13143,11 @@ function pc(u) {
     "showPageInfo",
     "className"
   ]);
-  const f = Math.ceil(r / t), p = r === 0 ? 0 : (e - 1) * t + 1, g = Math.min(e * t, r), v = () => {
+  const f = Math.ceil(r / t), p = r === 0 ? 0 : (e - 1) * t + 1, x = Math.min(e * t, r), v = () => {
     e > 1 && s(e - 1);
   }, w = () => {
     e < f && s(e + 1);
-  }, x = () => {
+  }, g = () => {
     e > 1 && s(1);
   }, j = () => {
     e < f && s(f);
@@ -13186,7 +13186,7 @@ function pc(u) {
             /* @__PURE__ */ n.jsx("span", { className: "font-medium", children: p }),
             " to",
             " ",
-            /* @__PURE__ */ n.jsx("span", { className: "font-medium", children: g }),
+            /* @__PURE__ */ n.jsx("span", { className: "font-medium", children: x }),
             " of",
             " ",
             /* @__PURE__ */ n.jsx("span", { className: "font-medium", children: r }),
@@ -13217,7 +13217,7 @@ function pc(u) {
                 {
                   variant: "ghost",
                   size: "sm",
-                  onClick: x,
+                  onClick: g,
                   disabled: e === 1,
                   "aria-label": "First page",
                   children: [
@@ -13362,10 +13362,10 @@ function hc(e) {
     emptyStateAction: m,
     pagination: f,
     filters: p,
-    selectable: g,
+    selectable: x,
     selectedRows: v,
     onSelectionChange: w,
-    rowId: x,
+    rowId: g,
     actions: j,
     onRowClick: S,
     paginationMode: h,
@@ -13396,10 +13396,10 @@ function hc(e) {
     filterValues: p == null ? void 0 : p.initialValues,
     onFilter: p == null ? void 0 : p.onFilter,
     initialFilterValues: p == null ? void 0 : p.initialValues,
-    selectable: g,
+    selectable: x,
     selectedRows: v,
     onSelectionChange: w,
-    rowId: x,
+    rowId: g,
     actions: j,
     onRowClick: S,
     emptyMessage: l,
@@ -13447,7 +13447,7 @@ function ru(e = {}) {
     [r, s]
   ), p = Y(() => {
     i(t);
-  }, [t]), g = Y(
+  }, [t]), x = Y(
     (S, h, b) => {
       a && (d(!0), u(S), m.current = { startX: h, startWidth: b });
     },
@@ -13461,30 +13461,30 @@ function ru(e = {}) {
     [l, c, f]
   ), w = Y(() => {
     d(!1), u(null), m.current = null;
-  }, []), x = te(
+  }, []), g = te(
     void 0
   ), j = te(void 0);
-  return typeof window != "undefined" && (x.current = (S) => {
+  return typeof window != "undefined" && (g.current = (S) => {
     l && v(S.clientX);
   }, j.current = () => {
     l && w();
-  }, l ? (document.addEventListener("mousemove", x.current), document.addEventListener("mouseup", j.current)) : (x.current && document.removeEventListener("mousemove", x.current), j.current && document.removeEventListener("mouseup", j.current))), {
+  }, l ? (document.addEventListener("mousemove", g.current), document.addEventListener("mouseup", j.current)) : (g.current && document.removeEventListener("mousemove", g.current), j.current && document.removeEventListener("mouseup", j.current))), {
     columnWidths: o,
     setColumnWidth: f,
     resetColumnWidths: p,
     isResizing: l,
     resizingColumn: c,
-    startResize: g,
+    startResize: x,
     handleResize: v,
     endResize: w
   };
 }
-const gs = we(null);
+const xs = we(null);
 function su() {
-  return ce(gs);
+  return ce(xs);
 }
 function wt() {
-  const e = ce(gs);
+  const e = ce(xs);
   if (!e)
     throw new Error(
       "useSideNavbarThemeRequired must be used within SideNavbarThemeProvider"
@@ -13522,7 +13522,7 @@ function ca({
       o
     ]
   );
-  return /* @__PURE__ */ n.jsx(gs.Provider, { value: i, children: e });
+  return /* @__PURE__ */ n.jsx(xs.Provider, { value: i, children: e });
 }
 const bs = we(null);
 function nu() {
@@ -13567,7 +13567,7 @@ function da({
   persistWidth: m = Ae.persistWidth,
   storageKey: f = Ae.storageKey,
   keyboardShortcut: p = Ae.keyboardShortcut,
-  enableKeyboardShortcut: g = Ae.enableKeyboardShortcut
+  enableKeyboardShortcut: x = Ae.enableKeyboardShortcut
 }) {
   const v = z(
     () => ({
@@ -13584,7 +13584,7 @@ function da({
       persistWidth: m,
       storageKey: f,
       keyboardShortcut: p,
-      enableKeyboardShortcut: g
+      enableKeyboardShortcut: x
     }),
     [
       t,
@@ -13600,7 +13600,7 @@ function da({
       m,
       f,
       p,
-      g
+      x
     ]
   );
   return /* @__PURE__ */ n.jsx(bs.Provider, { value: v, children: e });
@@ -13622,14 +13622,14 @@ function Xr(e) {
   const t = parseFloat(e);
   return isNaN(t) ? 0 : e.endsWith("rem") || e.endsWith("em") ? t * 16 : (e.endsWith("px"), t);
 }
-function xc(e, t) {
+function gc(e, t) {
   return e === void 0 || t === void 0 ? !0 : e < t;
 }
 function Or(e, t, r) {
   let s = e;
   return t !== void 0 && (s = Math.max(s, t)), r !== void 0 && (s = Math.min(s, r)), s;
 }
-const gc = [
+const xc = [
   "ctrl",
   "cmd",
   "control",
@@ -13659,7 +13659,7 @@ function bc(e) {
   let o = "";
   for (let d = 0; d < s.length; d++) {
     const c = s[d];
-    if (gc.includes(c))
+    if (xc.includes(c))
       a.add(c);
     else if (d === s.length - 1)
       o = c;
@@ -13692,11 +13692,11 @@ function vc({
   onWidthChange: o,
   enabled: i = !0
 }) {
-  process.env.NODE_ENV === "development" && (xc(t, r) || console.warn(
+  process.env.NODE_ENV === "development" && (gc(t, r) || console.warn(
     "[useResize] Invalid bounds: minWidth must be less than maxWidth",
     { minWidth: t, maxWidth: r }
   ));
-  const l = Or(e, t, r), [d, c] = P(l), [u, m] = P(!1), f = te(0), p = te(l), g = Y(
+  const l = Or(e, t, r), [d, c] = P(l), [u, m] = P(!1), f = te(0), p = te(l), x = Y(
     (j) => {
       let S = Or(j, t, r);
       if (s && s.length > 0) {
@@ -13713,12 +13713,12 @@ function vc({
     (j) => {
       if (!i || !u) return;
       const S = j.clientX - f.current, h = p.current + S;
-      g(h);
+      x(h);
     },
-    [i, u, g]
+    [i, u, x]
   ), w = Y(() => {
     i && (m(!1), f.current = 0, p.current = d);
-  }, [i, d]), x = Y(
+  }, [i, d]), g = Y(
     (j) => {
       i && (j.preventDefault(), j.stopPropagation(), m(!0), f.current = j.clientX, p.current = d);
     },
@@ -13734,8 +13734,8 @@ function vc({
   }, [e, t, r, u]), {
     width: d,
     isResizing: u,
-    startResize: x,
-    setWidth: g
+    startResize: g,
+    setWidth: x
   };
 }
 function yc({
@@ -13820,8 +13820,8 @@ function jc({
       const u = c.target;
       if ((u.tagName === "INPUT" || u.tagName === "TEXTAREA" || u.isContentEditable) && !t && !a)
         return;
-      const f = e.length === 1 ? c.key.toLowerCase() === e.toLowerCase() : c.key === e, p = t ? c.ctrlKey || c.metaKey : !c.ctrlKey && !c.metaKey, g = r ? c.shiftKey : !c.shiftKey, v = s ? c.altKey : !c.altKey, w = a ? c.metaKey : !c.metaKey, x = t ? (c.ctrlKey || c.metaKey) && !a : p && w;
-      f && x && g && v && (l && (c.preventDefault(), c.stopPropagation()), o());
+      const f = e.length === 1 ? c.key.toLowerCase() === e.toLowerCase() : c.key === e, p = t ? c.ctrlKey || c.metaKey : !c.ctrlKey && !c.metaKey, x = r ? c.shiftKey : !c.shiftKey, v = s ? c.altKey : !c.altKey, w = a ? c.metaKey : !c.metaKey, g = t ? (c.ctrlKey || c.metaKey) && !a : p && w;
+      f && g && x && v && (l && (c.preventDefault(), c.stopPropagation()), o());
     },
     [i, e, t, r, s, a, o, l]
   );
@@ -13858,12 +13858,12 @@ function ua({
       }
     }
     return Xr(l.contentWidth);
-  }, [p, g] = P(
+  }, [p, x] = P(
     m
-  ), [v, w] = P({}), { isMobile: x } = yc({
+  ), [v, w] = P({}), { isMobile: g } = yc({
     mobileBreakpoint: d.mobileBreakpoint,
     onMobileChange: (L) => {
-      o == null || o(L), L && d.mobileVariant === "collapse" && !u && g(!0);
+      o == null || o(L), L && d.mobileVariant === "collapse" && !u && x(!0);
     },
     enabled: d.responsive
   }), {
@@ -13879,16 +13879,16 @@ function ua({
     onWidthChange: (L) => {
       a == null || a(L), d.storageKey && d.persistWidth && typeof window != "undefined" && localStorage.setItem(`${d.storageKey}-width`, String(L));
     },
-    enabled: d.resizable && !x
+    enabled: d.resizable && !g
   });
   wc({
-    isActive: x && d.mobileVariant === "overlay" && !p,
+    isActive: g && d.mobileVariant === "overlay" && !p,
     containerRef: c,
     restoreFocus: !0
   });
   const k = u ? r : p, D = Y(
     (L) => {
-      u || g(L), s == null || s(L);
+      u || x(L), s == null || s(L);
     },
     [u, s]
   ), N = Y(() => {
@@ -13931,7 +13931,7 @@ function ua({
     []
   );
   J(() => {
-    u && r !== p && g(r);
+    u && r !== p && x(r);
   }, [u, r, p]), J(() => {
     d.storageKey && d.persistState && typeof window != "undefined" && !u && localStorage.setItem(
       `${d.storageKey}-collapsed`,
@@ -13945,7 +13945,7 @@ function ua({
       setCollapsed: D,
       currentWidth: j,
       setWidth: A,
-      isMobile: x,
+      isMobile: g,
       isResizing: S,
       startResize: h,
       groupStates: v,
@@ -13959,7 +13959,7 @@ function ua({
       D,
       j,
       A,
-      x,
+      g,
       S,
       h,
       v,
@@ -13986,10 +13986,10 @@ function fa({
   responsive: m,
   mobileBreakpoint: f,
   mobileVariant: p,
-  overlayBackdrop: g,
+  overlayBackdrop: x,
   persistState: v,
   persistWidth: w,
-  storageKey: x,
+  storageKey: g,
   keyboardShortcut: j,
   enableKeyboardShortcut: S,
   // State props
@@ -14019,10 +14019,10 @@ function fa({
           responsive: m,
           mobileBreakpoint: f,
           mobileVariant: p,
-          overlayBackdrop: g,
+          overlayBackdrop: x,
           persistState: v,
           persistWidth: w,
-          storageKey: x,
+          storageKey: g,
           keyboardShortcut: j,
           enableKeyboardShortcut: S,
           children: /* @__PURE__ */ n.jsx(
@@ -14087,7 +14087,7 @@ function ha() {
     mainTogglePosition: "floating"
   };
 }
-function xa(r) {
+function ga(r) {
   var s = r, {
     className: e = ""
   } = s, t = V(s, [
@@ -14169,7 +14169,7 @@ function xa(r) {
     )
   ) : null;
 }
-function ga(o) {
+function xa(o) {
   var i = o, {
     visible: e,
     onBackdropClick: t,
@@ -14181,10 +14181,10 @@ function ga(o) {
     "className",
     "style"
   ]);
-  const { collapsed: l, setCollapsed: d, isMobile: c } = jt(), { animationDuration: u } = wt(), { mobileVariant: m, overlayBackdrop: f } = Lt(), p = c && m === "overlay", g = e != null ? e : p && f && !l, v = () => {
+  const { collapsed: l, setCollapsed: d, isMobile: c } = jt(), { animationDuration: u } = wt(), { mobileVariant: m, overlayBackdrop: f } = Lt(), p = c && m === "overlay", x = e != null ? e : p && f && !l, v = () => {
     t ? t() : d(!0);
   };
-  return g ? /* @__PURE__ */ n.jsx(
+  return x ? /* @__PURE__ */ n.jsx(
     "div",
     M({
       className: `
@@ -14253,7 +14253,7 @@ function ba(v) {
     className: m = "",
     style: f,
     "aria-label": p
-  } = w, g = V(w, [
+  } = w, x = V(w, [
     "position",
     "offset",
     "icon",
@@ -14270,7 +14270,7 @@ function ba(v) {
     "aria-label"
   ]);
   var U, me;
-  const { collapsed: x, toggle: j } = jt(), {
+  const { collapsed: g, toggle: j } = jt(), {
     animationDuration: S,
     animationEasing: h,
     navigationWidth: b,
@@ -14278,14 +14278,14 @@ function ba(v) {
     minWidth: D
   } = wt(), N = Lt(), T = c != null ? c : N.keyboardShortcut, A = u != null ? u : N.enableKeyboardShortcut, $ = () => {
     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 le = x ? zi : Fi;
+    const le = g ? zi : Fi;
     return /* @__PURE__ */ n.jsx(
       le,
       {
@@ -14297,7 +14297,7 @@ function ba(v) {
         }
       }
     );
-  }, R = x ? "Expand sidebar" : "Collapse sidebar", F = d != null ? d : Ac[e], L = l ? `${x ? "Expand" : "Collapse"} sidebar${A ? ` (${T})` : ""}` : void 0, O = t ? {
+  }, R = g ? "Expand sidebar" : "Collapse sidebar", F = d != null ? d : Ac[e], L = l ? `${g ? "Expand" : "Collapse"} sidebar${A ? ` (${T})` : ""}` : void 0, O = t ? {
     transform: `translate(${(U = t.x) != null ? U : 0}px, ${(me = t.y) != null ? me : 0}px)`
   } : {}, Q = e === "floating" ? M({
     // Toggle sempre na borda direita da sidebar completa (<aside>)
@@ -14344,10 +14344,10 @@ function ba(v) {
         // Ensure left doesn't interfere
       } : {}), e !== "floating" ? Q : {}), e === "floating" ? { zIndex: Us.fixed.value } : {}), f),
       "aria-label": p || R,
-      "aria-expanded": !x,
+      "aria-expanded": !g,
       "aria-controls": "side-navbar-sidebar",
       "data-position": e
-    }, g), {
+    }, x), {
       children: $()
     })
   );
@@ -14403,11 +14403,11 @@ function Tc(o) {
     collapsed: m,
     setCollapsed: f,
     currentWidth: p,
-    isResizing: g,
+    isResizing: x,
     sidebarRef: v,
     isMobile: w
   } = l, {
-    variant: x,
+    variant: g,
     navigationWidth: j,
     contentWidth: S,
     animationDuration: h,
@@ -14418,7 +14418,7 @@ function Tc(o) {
   }, []);
   const Q = w && N === "overlay", G = L && Q, U = G ? `fixed left-0 top-0 ${be("fixed")}` : "relative";
   return /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
-    L && Q && T && !m && /* @__PURE__ */ n.jsx(ga, {}),
+    L && Q && T && !m && /* @__PURE__ */ n.jsx(xa, {}),
     /* @__PURE__ */ n.jsxs(
       "aside",
       _(M({
@@ -14428,7 +14428,7 @@ function Tc(o) {
           "flex",
           "h-full",
           "overflow-visible",
-          Ec[x],
+          Ec[g],
           G && m ? "-translate-x-full" : "translate-x-0",
           t
         ),
@@ -14440,7 +14440,7 @@ function Tc(o) {
           borderRight: "1px solid var(--color-line-default)",
           width: F,
           minWidth: F,
-          transitionProperty: g ? "none" : "width, min-width, transform",
+          transitionProperty: x ? "none" : "width, min-width, transform",
           transitionDuration: `${h}ms`,
           transitionTimingFunction: b
         }, r),
@@ -14451,7 +14451,7 @@ function Tc(o) {
         "data-collapsed": m
       }, a), {
         children: [
-          D && k !== "navigation" && !m && /* @__PURE__ */ n.jsx(xa, {}),
+          D && k !== "navigation" && !m && /* @__PURE__ */ n.jsx(ga, {}),
           u.showMainToggle && k !== "navigation" && /* @__PURE__ */ n.jsx(ba, { position: u.mainTogglePosition }),
           /* @__PURE__ */ n.jsx("div", { className: "flex h-full w-full overflow-visible", children: e })
         ]
@@ -14579,8 +14579,8 @@ const Mc = {
   inline: `flex-row ${E("sm", "gap")} w-full ${E("md", "px")}`,
   below: `flex-col ${E("1.5", "gap")}`
 };
-function Rc(x) {
-  var j = x, {
+function Rc(g) {
+  var j = g, {
     id: e,
     icon: t,
     label: r,
@@ -14595,7 +14595,7 @@ function Rc(x) {
     href: m,
     target: f,
     onClick: p,
-    disabled: g = !1,
+    disabled: x = !1,
     className: v = ""
   } = j, w = V(j, [
     "id",
@@ -14621,7 +14621,7 @@ function Rc(x) {
     setActiveItem: h,
     labelMode: b
   } = ks(), k = (Q = s != null ? s : b) != null ? Q : "tooltip", D = o || e && S === e, N = Mc[u], T = (G) => {
-    if (g) {
+    if (x) {
       G.preventDefault();
       return;
     }
@@ -14672,12 +14672,12 @@ function Rc(x) {
     "[&>*]:!transform-none",
     k === "tooltip" ? N.container : y(E("sm", "px"), E("1.5", "py")),
     k !== "tooltip" && Dc[k],
-    g ? "opacity-50 cursor-not-allowed" : "cursor-pointer",
+    x ? "opacity-50 cursor-not-allowed" : "cursor-pointer",
     v
   ), R = {
-    default: D ? "bg-surface-brand-muted text-fg-brand-emphasis" : g ? "text-fg-disabled" : "text-fg-secondary hover:bg-surface-active hover:text-fg-primary [&:hover]:!transform-none",
-    ghost: D ? "text-fg-brand-emphasis" : g ? "text-fg-disabled" : "text-fg-secondary hover:text-fg-primary [&:hover]:!transform-none",
-    subtle: D ? "bg-surface-active text-fg-primary" : g ? "text-fg-disabled" : "text-fg-tertiary hover:bg-surface-hover hover:text-fg-primary [&:hover]:!transform-none"
+    default: D ? "bg-surface-brand-muted text-fg-brand-emphasis" : x ? "text-fg-disabled" : "text-fg-secondary hover:bg-surface-active hover:text-fg-primary [&:hover]:!transform-none",
+    ghost: D ? "text-fg-brand-emphasis" : x ? "text-fg-disabled" : "text-fg-secondary hover:text-fg-primary [&:hover]:!transform-none",
+    subtle: D ? "bg-surface-active text-fg-primary" : x ? "text-fg-disabled" : "text-fg-tertiary hover:bg-surface-hover hover:text-fg-primary [&:hover]:!transform-none"
   }, F = /* @__PURE__ */ n.jsxs(n.Fragment, { children: [
     /* @__PURE__ */ n.jsx(
       "span",
@@ -14745,7 +14745,7 @@ function Rc(x) {
       style: L,
       "aria-label": r,
       "aria-current": D ? "page" : void 0,
-      "aria-disabled": g,
+      "aria-disabled": x,
       children: F
     }
   ) : /* @__PURE__ */ n.jsx(
@@ -14753,7 +14753,7 @@ function Rc(x) {
     _(M({
       type: "button",
       onClick: T,
-      disabled: g,
+      disabled: x,
       className: y($, R[c]),
       style: L,
       "aria-label": r,
@@ -14762,7 +14762,7 @@ function Rc(x) {
       children: F
     })
   );
-  return k === "tooltip" && i && r && !g ? /* @__PURE__ */ n.jsx(pr, { content: r, position: "right", children: O }) : O;
+  return k === "tooltip" && i && r && !x ? /* @__PURE__ */ n.jsx(pr, { content: r, position: "right", children: O }) : O;
 }
 function Lc(s) {
   var a = s, {
@@ -14883,7 +14883,7 @@ function Ft(u) {
     "className",
     "style"
   ]);
-  const f = jt(), p = wt(), g = Lt(), v = ha(), w = te(null), [x, j] = P(null), [S, h] = P(!1), b = t != null ? t : v.showMainToggle;
+  const f = jt(), p = wt(), x = Lt(), v = ha(), w = te(null), [g, j] = P(null), [S, h] = P(!1), b = t != null ? t : v.showMainToggle;
   r != null || v.mainTogglePosition;
   const k = o === "inline" && !f.collapsed, D = k ? typeof i == "number" ? `${i}px` : i : p.navigationWidth, N = z(
     () => ({
@@ -14892,7 +14892,7 @@ function Ft(u) {
       toggle: f.toggle,
       // Navbar-specific
       navbarRef: w,
-      activeItem: x,
+      activeItem: g,
       setActiveItem: j,
       isHovered: S,
       showInternalToggle: s,
@@ -14902,14 +14902,14 @@ function Ft(u) {
     [
       f.collapsed,
       f.toggle,
-      x,
+      g,
       S,
       s,
       a,
       o
     ]
   );
-  return b && g.mode, /* @__PURE__ */ n.jsx(js.Provider, { value: N, children: /* @__PURE__ */ n.jsxs(
+  return b && x.mode, /* @__PURE__ */ n.jsx(js.Provider, { value: N, children: /* @__PURE__ */ n.jsxs(
     "nav",
     _(M({
       ref: w,
@@ -15037,7 +15037,7 @@ function zc(l) {
           "h2",
           {
             className: `
-                ${ge("h4")}
+                ${xe("h4")}
                 text-fg-primary
                 m-0
                 font-semibold
@@ -15049,7 +15049,7 @@ function zc(l) {
           "p",
           {
             className: `
-                ${ge("bodySmall")}
+                ${xe("bodySmall")}
                 text-fg-secondary
                 m-0
                 mt-1
@@ -15081,8 +15081,8 @@ function Pc(i) {
   const u = t !== "none" ? E(t, "p") : "", m = e ? "overflow-y-auto overflow-x-hidden" : "overflow-hidden", f = e ? {
     scrollbarWidth: ut.content.scrollbar.width,
     scrollbarColor: `${ut.content.scrollbar.color.thumb} ${ut.content.scrollbar.color.track}`
-  } : {}, p = (g) => {
-    e && c(g.currentTarget.scrollTop);
+  } : {}, p = (x) => {
+    e && c(x.currentTarget.scrollTop);
   };
   return /* @__PURE__ */ n.jsx(
     "div",
@@ -15160,12 +15160,12 @@ function Vc(c) {
     collapsed: m,
     activeGroup: f,
     setActiveGroup: p
-  } = Nr(), { groupStates: g, toggleGroup: v, setGroupCollapsed: w } = jt(), { animationDuration: x } = wt(), j = te(!1);
+  } = Nr(), { groupStates: x, toggleGroup: v, setGroupCollapsed: w } = jt(), { animationDuration: g } = wt(), j = te(!1);
   if (J(() => {
-    !j.current && g[e] === void 0 && (j.current = !0, w(e, o));
-  }, [e, o, g, w]), m)
+    !j.current && x[e] === void 0 && (j.current = !0, w(e, o));
+  }, [e, o, x, w]), m)
     return null;
-  const S = (k = g[e]) != null ? k : o, h = f === e, b = () => {
+  const S = (k = x[e]) != null ? k : o, h = f === e, b = () => {
     p(e), a && v(e);
   };
   return /* @__PURE__ */ n.jsxs(
@@ -15216,7 +15216,7 @@ function Vc(c) {
                   transition-transform
                   ${S ? "-rotate-90" : "rotate-0"}
                 `,
-                    style: { transitionDuration: `${x}ms` },
+                    style: { transitionDuration: `${g}ms` },
                     "aria-hidden": "true"
                   }
                 )
@@ -15224,7 +15224,7 @@ function Vc(c) {
             ]
           }
         ),
-        a ? /* @__PURE__ */ n.jsx(al, { open: !S, duration: x, children: /* @__PURE__ */ n.jsx("div", { id: `sidebar-group-${e}`, className: "px-3 py-2", children: i }) }) : /* @__PURE__ */ n.jsx("div", { className: "px-3 py-2", children: i })
+        a ? /* @__PURE__ */ n.jsx(al, { open: !S, duration: g, children: /* @__PURE__ */ n.jsx("div", { id: `sidebar-group-${e}`, className: "px-3 py-2", children: i }) }) : /* @__PURE__ */ n.jsx("div", { className: "px-3 py-2", children: i })
       ]
     })
   );
@@ -15241,7 +15241,7 @@ function Hc({
 }
 function kt(a) {
   var o = a, { children: e, className: t = "", style: r } = o, s = V(o, ["children", "className", "style"]);
-  const i = jt(), l = wt(), d = te(null), [c, u] = P(0), [m, f] = P(!1), [p, g] = P(!1), [v, w] = P(null), x = Y(() => f(!0), []), j = Y(() => f(!1), []), S = Y(() => g(!0), []), h = Y(() => g(!1), []), b = z(
+  const i = jt(), l = wt(), d = te(null), [c, u] = P(0), [m, f] = P(!1), [p, x] = P(!1), [v, w] = P(null), g = Y(() => f(!0), []), j = Y(() => f(!1), []), S = Y(() => x(!0), []), h = Y(() => x(!1), []), b = z(
     () => ({
       // Inherited from root
       collapsed: i.collapsed,
@@ -15253,7 +15253,7 @@ function kt(a) {
       setScrollPosition: u,
       hasHeader: m,
       hasFooter: p,
-      registerHeader: x,
+      registerHeader: g,
       unregisterHeader: j,
       registerFooter: S,
       unregisterFooter: h,
@@ -15267,7 +15267,7 @@ function kt(a) {
       c,
       m,
       p,
-      x,
+      g,
       j,
       S,
       h,
@@ -15325,10 +15325,10 @@ function ze(T) {
     mobileVariant: m = "collapse",
     overlayBackdrop: f = !0,
     storageKey: p,
-    persistWidth: g = !1,
+    persistWidth: x = !1,
     defaultCollapsed: v = !1,
     collapsed: w,
-    onCollapseChange: x,
+    onCollapseChange: g,
     onWidthChange: j,
     onMobileChange: S,
     exclusiveGroups: h = !1,
@@ -15391,10 +15391,10 @@ function ze(T) {
       mobileVariant: m,
       overlayBackdrop: f,
       storageKey: p,
-      persistWidth: g,
+      persistWidth: x,
       defaultCollapsed: v,
       collapsed: w,
-      onCollapseChange: x,
+      onCollapseChange: g,
       onWidthChange: j,
       onMobileChange: S,
       exclusiveGroups: h,
@@ -15405,8 +15405,8 @@ function ze(T) {
 ze.Navbar = Ft;
 ze.Sidebar = kt;
 ze.Toggle = ba;
-ze.ResizeHandle = xa;
-ze.Backdrop = ga;
+ze.ResizeHandle = ga;
+ze.Backdrop = xa;
 ze.Provider = fa;
 ze.ThemeProvider = ca;
 ze.ConfigProvider = da;
@@ -15487,7 +15487,7 @@ function Uc({
   asChild: t = !1
 }) {
   const { onOpenChange: r } = Xt();
-  return t && gr(e) ? br(e, {
+  return t && xr(e) ? br(e, {
     onClick: (s) => {
       r(!0), e.props.onClick && e.props.onClick(s);
     }
@@ -15518,7 +15518,7 @@ function va(i) {
   const { isOpen: d, onClose: c, titleId: u, descriptionId: m } = Xt(), f = te(null), p = te(null);
   if (J(() => {
     if (!d) return;
-    const x = setTimeout(() => {
+    const g = setTimeout(() => {
       var k;
       const h = (k = f.current) == null ? void 0 : k.querySelectorAll(
         'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
@@ -15541,17 +15541,17 @@ function va(i) {
       h.shiftKey ? document.activeElement === k && (h.preventDefault(), D.focus()) : document.activeElement === D && (h.preventDefault(), k.focus());
     };
     return document.addEventListener("keydown", j), document.addEventListener("keydown", S), () => {
-      clearTimeout(x), document.removeEventListener("keydown", j), document.removeEventListener("keydown", S);
+      clearTimeout(g), document.removeEventListener("keydown", j), document.removeEventListener("keydown", S);
     };
   }, [d, c, s]), !d) return null;
-  const g = {
+  const x = {
     sm: "max-w-sm",
     md: "max-w-md",
     lg: "max-w-lg",
     xl: "max-w-2xl",
     fullscreen: "max-w-full h-full m-0 rounded-none"
-  }, v = (x) => {
-    r && x.target === p.current && c();
+  }, v = (g) => {
+    r && g.target === p.current && c();
   }, w = /* @__PURE__ */ n.jsxs(
     "div",
     {
@@ -15576,7 +15576,7 @@ function va(i) {
             "aria-describedby": m,
             className: `
             relative ${be("modal")} w-full
-            ${g[t]}
+            ${x[t]}
             bg-surface-overlay
             ${ee("lg")}
             ${Ie("xl")}
@@ -15626,7 +15626,7 @@ function Bc(o) {
     e,
     _(M({
       id: c,
-      className: `${ge("h3")} font-semibold leading-none tracking-tight ${r}`
+      className: `${xe("h3")} font-semibold leading-none tracking-tight ${r}`
     }, a), {
       children: t
     })
@@ -15647,7 +15647,7 @@ function qc(a) {
     "p",
     _(M({
       id: d,
-      className: `${ge("bodySmall")} text-fg-secondary ${t}`
+      className: `${xe("bodySmall")} text-fg-secondary ${t}`
     }, s), {
       children: e
     })
@@ -15677,7 +15677,7 @@ function Gc({
   children: s
 }) {
   const { onClose: a } = Xt();
-  return r && gr(s) ? br(s, {
+  return r && xr(s) ? br(s, {
     onClick: (o) => {
       a(), s.props.onClick && s.props.onClick(o);
     }
@@ -15801,7 +15801,7 @@ function Jc(i) {
     "bottom-left": "bottom-4 left-4",
     "top-center": "top-4 left-1/2 -translate-x-1/2",
     "bottom-center": "bottom-4 left-1/2 -translate-x-1/2"
-  }, g = () => {
+  }, x = () => {
     m(!0), setTimeout(() => {
       t(e.id);
     }, 300);
@@ -15846,7 +15846,7 @@ function Jc(i) {
                   size: "sm",
                   onClick: () => {
                     var v;
-                    (v = e.action) == null || v.onClick(), g();
+                    (v = e.action) == null || v.onClick(), x();
                   },
                   children: e.action.label
                 }
@@ -15857,7 +15857,7 @@ function Jc(i) {
               {
                 variant: "iconOnly",
                 size: "sm",
-                onClick: g,
+                onClick: x,
                 className: "flex-shrink-0",
                 "aria-label": "Dismiss notification",
                 children: /* @__PURE__ */ n.jsx(Te, { className: "h-4 w-4" })
@@ -15957,7 +15957,7 @@ function Zc({
   orientation: l = "horizontal",
   className: d = ""
 }) {
-  const [c, u] = P(r), m = t !== void 0, f = m ? t : c, p = (h) => h < f ? "completed" : h === f ? "active" : "pending", g = () => {
+  const [c, u] = P(r), m = t !== void 0, f = m ? t : c, p = (h) => h < f ? "completed" : h === f ? "active" : "pending", x = () => {
     if (f < e.length - 1) {
       const h = f + 1;
       m || u(h), s == null || s(h);
@@ -15970,7 +15970,7 @@ function Zc({
     }
   }, w = (h) => {
     o && (e[h].disabled || (m || u(h), s == null || s(h)));
-  }, x = e[f], j = f === 0, S = f === e.length - 1;
+  }, g = e[f], j = f === 0, S = f === e.length - 1;
   return l === "vertical" ? /* @__PURE__ */ n.jsxs("div", { className: `flex gap-4 ${d}`, children: [
     /* @__PURE__ */ n.jsx("div", { className: "flex flex-col", children: e.map((h, b) => {
       const k = h.status || p(b), D = b === f;
@@ -15978,10 +15978,11 @@ function Zc({
         /* @__PURE__ */ n.jsxs("div", { className: "flex flex-col items-center", children: [
           /* @__PURE__ */ n.jsx(
             "button",
-            {
+            _(M({
               type: "button",
               onClick: () => w(b),
-              disabled: !o || h.disabled,
+              disabled: !o || h.disabled
+            }, k === "pending" ? { "data-marker": "pending" } : {}), {
               className: `
                       flex
                       items-center
@@ -15991,11 +15992,11 @@ function Zc({
                       ${ee("full")}
                       border-2
                       ${Se("base")}
-                      ${k === "completed" ? "bg-success border-success text-fg-inverse" : k === "active" ? "bg-surface-brand border-line-brand text-fg-inverse" : k === "error" ? "bg-error border-error text-fg-inverse" : "bg-surface-base border-line-emphasis text-fg-quaternary"}
+                      ${k === "completed" ? "bg-success border-success text-fg-inverse" : k === "active" ? "bg-surface-brand-strong border-line-brand text-fg-inverse" : k === "error" ? "bg-error border-error text-fg-inverse" : "bg-surface-base border-line-emphasis text-fg-quaternary"}
                       ${!o || h.disabled ? "cursor-not-allowed opacity-50" : "cursor-pointer"}
                     `,
               children: k === "completed" ? /* @__PURE__ */ n.jsx(Ur, { className: "h-5 w-5" }) : i ? b + 1 : null
-            }
+            })
           ),
           b < e.length - 1 && /* @__PURE__ */ n.jsx(
             "div",
@@ -16040,7 +16041,7 @@ function Zc({
             ${ee("lg")}
             bg-surface-base
           `,
-          children: x.content
+          children: g.content
         }
       ),
       /* @__PURE__ */ n.jsxs(
@@ -16057,7 +16058,7 @@ function Zc({
                 children: "Previous"
               }
             ),
-            /* @__PURE__ */ n.jsx(re, { variant: "primary", onClick: g, children: S ? "Complete" : "Next" })
+            /* @__PURE__ */ n.jsx(re, { variant: "primary", onClick: x, children: S ? "Complete" : "Next" })
           ]
         }
       )
@@ -16069,10 +16070,11 @@ function Zc({
         /* @__PURE__ */ n.jsxs("div", { className: "flex flex-col items-center flex-1", children: [
           /* @__PURE__ */ n.jsx(
             "button",
-            {
+            _(M({
               type: "button",
               onClick: () => w(b),
-              disabled: !o || h.disabled,
+              disabled: !o || h.disabled
+            }, k === "pending" ? { "data-marker": "pending" } : {}), {
               className: `
                     flex
                     items-center
@@ -16082,11 +16084,11 @@ function Zc({
                     ${ee("full")}
                     border-2
                     ${Se("base")}
-                    ${k === "completed" ? "bg-success border-success text-fg-inverse" : k === "active" ? "bg-surface-brand border-line-brand text-fg-inverse" : k === "error" ? "bg-error border-error text-fg-inverse" : "bg-surface-base border-line-emphasis text-fg-quaternary"}
+                    ${k === "completed" ? "bg-success border-success text-fg-inverse" : k === "active" ? "bg-surface-brand-strong border-line-brand text-fg-inverse" : k === "error" ? "bg-error border-error text-fg-inverse" : "bg-surface-base border-line-emphasis text-fg-quaternary"}
                     ${!o || h.disabled ? "cursor-not-allowed opacity-50" : "cursor-pointer"}
                   `,
               children: k === "completed" ? /* @__PURE__ */ n.jsx(Ur, { className: "h-5 w-5" }) : i ? b + 1 : null
-            }
+            })
           ),
           /* @__PURE__ */ n.jsxs(
             "div",
@@ -16129,7 +16131,7 @@ function Zc({
         ${ee("lg")}
         bg-surface-base
       `,
-        children: x.content
+        children: g.content
       }
     ),
     /* @__PURE__ */ n.jsxs("div", { className: `flex justify-between ${E("base", "gap")}`, children: [
@@ -16142,11 +16144,11 @@ function Zc({
           children: "Previous"
         }
       ),
-      /* @__PURE__ */ n.jsx(re, { variant: "primary", onClick: g, children: S ? "Complete" : "Next" })
+      /* @__PURE__ */ n.jsx(re, { variant: "primary", onClick: x, children: S ? "Complete" : "Next" })
     ] })
   ] });
 }
-function xu({
+function gu({
   items: e,
   orientation: t = "vertical",
   className: r = ""
@@ -16156,7 +16158,7 @@ function xu({
     return /* @__PURE__ */ n.jsx("div", { className: "flex items-start flex-1", children: /* @__PURE__ */ n.jsxs("div", { className: "flex flex-col items-center flex-1", children: [
       /* @__PURE__ */ n.jsx(
         "div",
-        {
+        _(M({}, o === "default" ? { "data-marker": "pending" } : {}), {
           className: `
                   flex
                   items-center
@@ -16165,10 +16167,10 @@ function xu({
                   h-10
                   ${ee("full")}
                   border-2
-                  ${o === "completed" ? "bg-success border-success text-fg-inverse" : o === "active" ? "bg-surface-brand border-line-brand text-fg-inverse" : o === "error" ? "bg-error border-error text-fg-inverse" : "bg-surface-base border-line-emphasis text-fg-quaternary"}
+                  ${o === "completed" ? "bg-success border-success text-fg-inverse" : o === "active" ? "bg-surface-brand-strong border-line-brand text-fg-inverse" : o === "error" ? "bg-error border-error text-fg-inverse" : "bg-surface-base border-line-emphasis text-fg-quaternary"}
                 `,
           children: s.icon || (o === "completed" ? /* @__PURE__ */ n.jsx(mr, { className: "h-4 w-4" }) : a + 1)
-        }
+        })
       ),
       !i && /* @__PURE__ */ n.jsx(
         "div",
@@ -16200,7 +16202,7 @@ function xu({
       /* @__PURE__ */ n.jsxs("div", { className: "flex flex-col items-center", children: [
         /* @__PURE__ */ n.jsx(
           "div",
-          {
+          _(M({}, o === "default" ? { "data-marker": "pending" } : {}), {
             className: `
                 flex
                 items-center
@@ -16209,10 +16211,10 @@ function xu({
                 h-10
                 ${ee("full")}
                 border-2
-                ${o === "completed" ? "bg-success border-success text-fg-inverse" : o === "active" ? "bg-surface-brand border-line-brand text-fg-inverse" : o === "error" ? "bg-error border-error text-fg-inverse" : "bg-surface-base border-line-emphasis text-fg-quaternary"}
+                ${o === "completed" ? "bg-success border-success text-fg-inverse" : o === "active" ? "bg-surface-brand-strong border-line-brand text-fg-inverse" : o === "error" ? "bg-error border-error text-fg-inverse" : "bg-surface-base border-line-emphasis text-fg-quaternary"}
               `,
             children: s.icon || (o === "completed" ? /* @__PURE__ */ n.jsx(mr, { className: "h-4 w-4" }) : a + 1)
-          }
+          })
         ),
         !i && /* @__PURE__ */ n.jsx(
           "div",
@@ -16246,7 +16248,7 @@ function xu({
     ] }, s.id);
   }) });
 }
-function gu({
+function xu({
   items: e,
   open: t,
   defaultOpen: r = !1,
@@ -16256,7 +16258,7 @@ function gu({
   emptyMessage: i = "No commands found",
   className: l = ""
 }) {
-  const [d, c] = P(r), [u, m] = P(""), [f, p] = P(0), g = te(null), v = te(null), w = t !== void 0, x = w ? t : d, j = e.filter((N) => {
+  const [d, c] = P(r), [u, m] = P(""), [f, p] = P(0), x = te(null), v = te(null), w = t !== void 0, g = w ? t : d, j = e.filter((N) => {
     var F, L;
     if (!u) return !0;
     const T = u.toLowerCase(), A = N.label.toLowerCase().includes(T), $ = (F = N.description) == null ? void 0 : F.toLowerCase().includes(T), R = (L = N.keywords) == null ? void 0 : L.some(
@@ -16273,7 +16275,7 @@ function gu({
     (N) => {
       w || c(N), s == null || s(N), N && (m(""), p(0), setTimeout(() => {
         var T;
-        return (T = g.current) == null ? void 0 : T.focus();
+        return (T = x.current) == null ? void 0 : T.focus();
       }, 0));
     },
     [w, s]
@@ -16311,7 +16313,7 @@ function gu({
     p(0);
   }, [u]), J(() => {
     const N = (T) => {
-      (T.metaKey || T.ctrlKey) && T.key === "k" && (T.preventDefault(), h(!x));
+      (T.metaKey || T.ctrlKey) && T.key === "k" && (T.preventDefault(), h(!g));
     };
     return document.addEventListener(
       "keydown",
@@ -16320,8 +16322,8 @@ function gu({
       "keydown",
       N
     );
-  }, [x, h]);
-  const D = x ? /* @__PURE__ */ n.jsx(
+  }, [g, h]);
+  const D = g ? /* @__PURE__ */ n.jsx(
     "div",
     {
       className: `
@@ -16368,7 +16370,7 @@ function gu({
                   /* @__PURE__ */ n.jsx(
                     De,
                     {
-                      ref: g,
+                      ref: x,
                       value: u,
                       onChange: (N) => m(N.target.value),
                       onKeyDown: k,
@@ -16477,10 +16479,12 @@ function gu({
                                 children: A.label
                               }
                             ),
-                            A.description && /* @__PURE__ */ n.jsx(
+                            A.description && // fg-secondary on selected: brand-muted bg drops fg-tertiary below AA;
+                            // caption role preserved, intensity raised for contrast.
+                            /* @__PURE__ */ n.jsx(
                               "div",
                               {
-                                className: `text-xs text-fg-tertiary ${E("0.5", "mt")}`,
+                                className: `text-xs ${F ? "text-fg-secondary" : "text-fg-tertiary"} ${E("0.5", "mt")}`,
                                 children: A.description
                               }
                             )
@@ -16518,10 +16522,10 @@ function bu({
   reorderable: m = !1,
   onColumnReorder: f,
   columnWidths: p,
-  onColumnResize: g,
+  onColumnResize: x,
   selectable: v = !1,
   selectedRows: w,
-  onSelectionChange: x,
+  onSelectionChange: g,
   rowId: j,
   exportable: S = !1,
   onExport: h,
@@ -16587,7 +16591,7 @@ function bu({
               {
                 variant: "outline",
                 size: "sm",
-                leftIcon: /* @__PURE__ */ n.jsx(gi, { className: "h-4 w-4" }),
+                leftIcon: /* @__PURE__ */ n.jsx(xi, { className: "h-4 w-4" }),
                 onClick: () => Z(q),
                 children: q.toUpperCase()
               },
@@ -16610,13 +16614,13 @@ function bu({
         filters: D,
         selectable: v,
         selectedRows: w,
-        onSelectionChange: x,
+        onSelectionChange: g,
         rowId: j,
         actions: N,
         resizable: u,
         columnWidths: le,
         onColumnResize: (q, W) => {
-          I((ie) => _(M({}, ie), { [q]: W })), g == null || g(q, W);
+          I((ie) => _(M({}, ie), { [q]: W })), x == null || x(q, W);
         },
         virtualScrolling: A,
         virtualScrollingOptions: $,
@@ -16641,7 +16645,7 @@ function vu({
   loading: d = !1,
   emptyMessage: c = "No data available"
 }) {
-  const [u, m] = P(""), [f, p] = P(1), g = z(() => e.map((h) => {
+  const [u, m] = P(""), [f, p] = P(1), x = z(() => e.map((h) => {
     if (h.accessor || h.header) {
       const b = h.key || (typeof h.accessor == "string" ? h.accessor : String(h.accessor)), k = h.label || h.header || "";
       return _(M({}, h), {
@@ -16653,15 +16657,15 @@ function vu({
   }), [e]), v = z(() => {
     if (!u.trim()) return t;
     const h = u.toLowerCase();
-    return t.filter((b) => g.some((k) => {
+    return t.filter((b) => x.some((k) => {
       const D = b[String(k.key)];
       return String(D).toLowerCase().includes(h);
     }));
-  }, [t, u, g]), w = z(() => {
+  }, [t, u, x]), w = z(() => {
     if (!o) return v;
     const h = (f - 1) * a, b = h + a;
     return v.slice(h, b);
-  }, [v, f, a, o]), x = o ? Math.ceil(v.length / a) : 1, j = (h) => {
+  }, [v, f, a, o]), g = o ? Math.ceil(v.length / a) : 1, j = (h) => {
     p(h);
   }, S = (h) => {
     m(h), p(1);
@@ -16681,7 +16685,7 @@ function vu({
     /* @__PURE__ */ n.jsx(
       Re,
       {
-        columns: g,
+        columns: x,
         data: w,
         loading: d,
         emptyMessage: c,
@@ -16694,11 +16698,11 @@ function vu({
         } : 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(
       Rl,
       {
         currentPage: f,
-        totalPages: x,
+        totalPages: g,
         onPageChange: j
       }
     ) }),
@@ -16728,17 +16732,17 @@ function yu({
     a > 0 && r && (o(a - 1), c(_(M({}, d), { [a - 1]: !1 })));
   }, f = (w) => {
     r && w < a && o(w);
-  }, p = e[a], g = a === e.length - 1, v = d[a] === !0;
+  }, p = e[a], x = a === e.length - 1, v = d[a] === !0;
   return /* @__PURE__ */ n.jsx(at, { maxWidth: "lg", paddingX: "base", paddingY: "lg", children: /* @__PURE__ */ n.jsxs(Mt, { spacing: "lg", children: [
     /* @__PURE__ */ n.jsx(
       Zc,
       {
-        steps: e.map((w, x) => ({
+        steps: e.map((w, g) => ({
           id: w.id,
           title: w.title,
           content: w.content,
           description: w.description,
-          status: x < a ? "completed" : x === a ? v ? "error" : "active" : "pending"
+          status: g < a ? "completed" : g === a ? v ? "error" : "active" : "pending"
         })),
         currentStep: a,
         onStepChange: f,
@@ -16762,7 +16766,7 @@ function yu({
             children: "Back"
           }
         ),
-        /* @__PURE__ */ n.jsx(re, { variant: "primary", onClick: u, children: g ? "Complete" : "Next" })
+        /* @__PURE__ */ n.jsx(re, { variant: "primary", onClick: u, children: x ? "Complete" : "Next" })
       ] })
     ] }) })
   ] }) });
@@ -16782,15 +16786,15 @@ function wu({
   ), f = z(() => {
     let w = e;
     if (d.trim() && t) {
-      const x = d.toLowerCase();
-      w = w.filter((j) => t(x, j));
+      const g = d.toLowerCase();
+      w = w.filter((j) => t(g, j));
     }
-    return r && Object.keys(u).length > 0 && (w = w.filter((x) => r(u, x))), w;
-  }, [e, d, u, t, r]), p = (w, x) => {
+    return r && Object.keys(u).length > 0 && (w = w.filter((g) => r(u, g))), w;
+  }, [e, d, u, t, r]), p = (w, g) => {
     m((j) => _(M({}, j), {
-      [w]: x
+      [w]: g
     }));
-  }, g = () => {
+  }, x = () => {
     m({}), c("");
   }, v = d.trim().length > 0 || Object.keys(u).length > 0;
   return /* @__PURE__ */ n.jsx(at, { maxWidth: "full", paddingX: "base", paddingY: "base", children: /* @__PURE__ */ n.jsxs(Mt, { spacing: "md", children: [
@@ -16804,7 +16808,7 @@ function wu({
         }
       ) }),
       a.length > 0 && /* @__PURE__ */ n.jsx("div", { className: "flex flex-wrap gap-2", children: a.map((w) => {
-        var x;
+        var g;
         return /* @__PURE__ */ n.jsxs("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ n.jsxs(ot, { className: "text-fg-secondary text-sm", children: [
             w.label,
@@ -16821,7 +16825,7 @@ function wu({
               ),
               children: [
                 /* @__PURE__ */ n.jsx("option", { value: "", children: "All" }),
-                (x = w.options) == null ? void 0 : x.map((j) => /* @__PURE__ */ n.jsx(
+                (g = w.options) == null ? void 0 : g.map((j) => /* @__PURE__ */ n.jsx(
                   "option",
                   {
                     value: String(j.value || ""),
@@ -16834,7 +16838,7 @@ function wu({
           )
         ] }, w.id);
       }) }),
-      v && /* @__PURE__ */ n.jsx("div", { children: /* @__PURE__ */ n.jsx(re, { variant: "outline", size: "sm", onClick: g, children: "Clear Filters" }) })
+      v && /* @__PURE__ */ n.jsx("div", { children: /* @__PURE__ */ n.jsx(re, { variant: "outline", size: "sm", onClick: x, children: "Clear Filters" }) })
     ] }) }),
     l && /* @__PURE__ */ n.jsxs("div", { className: "text-sm text-fg-secondary", children: [
       "Showing ",
@@ -16844,7 +16848,7 @@ function wu({
       " results",
       v && " (filtered)"
     ] }),
-    f.length === 0 ? /* @__PURE__ */ n.jsx(Gr, { padding: "large", children: /* @__PURE__ */ n.jsx("div", { className: "text-center text-fg-secondary", children: /* @__PURE__ */ n.jsx(ot, { children: i }) }) }) : /* @__PURE__ */ n.jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", children: f.map((w, x) => /* @__PURE__ */ n.jsx("div", { children: s(w, x) }, x)) })
+    f.length === 0 ? /* @__PURE__ */ n.jsx(Gr, { padding: "large", children: /* @__PURE__ */ n.jsx("div", { className: "text-center text-fg-secondary", children: /* @__PURE__ */ n.jsx(ot, { children: i }) }) }) : /* @__PURE__ */ n.jsx("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-4", children: f.map((w, g) => /* @__PURE__ */ n.jsx("div", { children: s(w, g) }, g)) })
   ] }) });
 }
 function ju({
@@ -16865,7 +16869,7 @@ function ju({
   ] });
 }
 export {
-  gt as AMBER,
+  xt as AMBER,
   Xd as Accordion,
   mu as AlertDialog,
   Ld as AppProvider,
@@ -16888,7 +16892,7 @@ export {
   In as Chip,
   al as Collapsible,
   Kd as ColorPicker,
-  gu as CommandPalette,
+  xu as CommandPalette,
   Uo as ConfigProvider,
   ju as DashboardLayout,
   bu as DataGrid,
@@ -16912,7 +16916,7 @@ export {
   Zl as DrawerFooter,
   Jl as DrawerHeader,
   Fl as Dropdown,
-  xt as EMERALD,
+  gt as EMERALD,
   Ll as EmptyState,
   tl as ErrorMessage,
   nd as FONT_FAMILY_TOKENS,
@@ -16981,15 +16985,15 @@ export {
   os as Select,
   Mn as Separator,
   ze as SideNavbar,
-  ga as SideNavbarBackdrop,
+  xa as SideNavbarBackdrop,
   bs as SideNavbarConfigContext,
   da as SideNavbarConfigProvider,
   fa as SideNavbarProvider,
-  xa as SideNavbarResizeHandle,
+  ga as SideNavbarResizeHandle,
   Tc as SideNavbarRoot,
   vs as SideNavbarStateContext,
   ua as SideNavbarStateProvider,
-  gs as SideNavbarThemeContext,
+  xs as SideNavbarThemeContext,
   ca as SideNavbarThemeProvider,
   ba as SideNavbarToggle,
   ws as SideNavbarToggleContext,
@@ -17015,7 +17019,7 @@ export {
   na as TableActions,
   oa as TableBody,
   sa as TableCell,
-  xs as TableContext,
+  gs as TableContext,
   aa as TableEmptyState,
   ia as TableFilters,
   ra as TableHeader,
@@ -17034,7 +17038,7 @@ export {
   el as Textarea,
   Wo as ThemeProvider,
   Yd as TimePicker,
-  xu as Timeline,
+  gu as Timeline,
   Jc as Toast,
   pu as ToastContainer,
   rs as ToastContext,
@@ -17056,9 +17060,9 @@ export {
   fd as getColor,
   pd as getColorClass,
   yd as getContrastColor,
-  gd as getFocusColorClass,
+  xd as getFocusColorClass,
   bd as getFocusRingClass,
-  xd as getHoverColorClass,
+  gd as getHoverColorClass,
   Sd as getMediaQuery,
   rd as getNestedIndentClass,
   Ed as getOpacity,
@@ -17073,7 +17077,7 @@ export {
   E as getSpacingClass,
   Cd as getTransitionClass,
   od as getTypography,
-  ge as getTypographyClasses,
+  xe as getTypographyClasses,
   id as getTypographyLineHeight,
   oe as getTypographySize,
   Ce as getTypographySizeFromFontSize,
@@ -17126,7 +17130,7 @@ export {
   Nn as useToastContext,
   Dd as useToastContextOptional,
   fc as useVirtualScrolling,
-  xc as validateWidthBounds,
+  gc as validateWidthBounds,
   vd as withOpacity
 };
 //# sourceMappingURL=index.js.map