@fabio.caffarello/react-design-system 1.11.0 → 1.12.0

package/dist/{components-BsS4vmbl.js → components-DEuqI-ld.js}

@@ -1,22 +1,22 @@
 var Vn = Object.defineProperty, Wn = Object.defineProperties;
 var Hn = Object.getOwnPropertyDescriptors;
 var Dt = Object.getOwnPropertySymbols;
-var Zs = Object.prototype.hasOwnProperty, Qs = Object.prototype.propertyIsEnumerable;
+var Qs = Object.prototype.hasOwnProperty, Zs = Object.prototype.propertyIsEnumerable;
 var Js = (e, s, t) => s in e ? Vn(e, s, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[s] = t, I = (e, s) => {
   for (var t in s || (s = {}))
-    Zs.call(s, t) && Js(e, t, s[t]);
+    Qs.call(s, t) && Js(e, t, s[t]);
   if (Dt)
     for (var t of Dt(s))
-      Qs.call(s, t) && Js(e, t, s[t]);
+      Zs.call(s, t) && Js(e, t, s[t]);
   return e;
 }, z = (e, s) => Wn(e, Hn(s));
 var W = (e, s) => {
   var t = {};
   for (var n in e)
-    Zs.call(e, n) && s.indexOf(n) < 0 && (t[n] = e[n]);
+    Qs.call(e, n) && s.indexOf(n) < 0 && (t[n] = e[n]);
   if (e != null && Dt)
     for (var n of Dt(e))
-      s.indexOf(n) < 0 && Qs.call(e, n) && (t[n] = e[n]);
+      s.indexOf(n) < 0 && Zs.call(e, n) && (t[n] = e[n]);
   return t;
 };
 var Mt = (e, s, t) => new Promise((n, a) => {
@@ -35,9 +35,9 @@ var Mt = (e, s, t) => new Promise((n, a) => {
   }, d = (l) => l.done ? n(l.value) : Promise.resolve(l.value).then(o, i);
   d((t = t.apply(e, s)).next());
 });
-import { g as M, a as re, b as ge, c as wt, d as Ye, e as Lt, f as je, h as me, i as ye, j as kt, Z as er, S as ts } from "./tokens-BCpPv8tI.js";
-import { Label as Ft, ErrorMessage as Gn, Button as Q, Text as Ke, Input as Se, Chip as qn, Progress as Bn, NavLink as yr, Checkbox as wr, Skeleton as Yn, Select as jr, Tooltip as Pt, Collapsible as Kn, Separator as Un } from "./primitives/index.js";
-import ie, { createContext as xe, useContext as ne, useState as F, useRef as Z, useEffect as U, forwardRef as Pe, createElement as ms, memo as Xn, useMemo as le, useCallback as K, isValidElement as kr, cloneElement as Nr, useId as Ot } from "react";
+import { getSpacingClass as M, getRadiusClass as re, getTypographySizeFromFontSize as ge, getTypographyWeightFromFontWeight as wt, getTypographySize as Ye, getTypographyWeight as Lt, getShadowClass as je, getZIndexClass as me, getAnimationClass as ye, getTypographyClasses as kt, Z_INDEX_TOKENS as er, SIDEBAR_TOKENS as ts } from "./tokens/index.js";
+import { Label as Ft, ErrorMessage as Gn, Button as Z, Text as Ke, Input as Se, Chip as qn, Progress as Bn, NavLink as yr, Checkbox as wr, Skeleton as Yn, Select as jr, Tooltip as Pt, Collapsible as Kn, Separator as Un } from "./primitives/index.js";
+import ie, { createContext as xe, useContext as ne, useState as F, useRef as Q, useEffect as U, forwardRef as Pe, createElement as ms, memo as Xn, useMemo as le, useCallback as K, isValidElement as kr, cloneElement as Nr, useId as Ot } from "react";
 import { createPortal as Oe } from "react-dom";
 function Sr(e) {
   var s, t, n = "";
@@ -59,14 +59,14 @@ const Jn = (e, s) => {
   for (let n = 0; n < s.length; n++)
     t[e.length + n] = s[n];
   return t;
-}, Zn = (e, s) => ({
+}, Qn = (e, s) => ({
   classGroupId: e,
   validator: s
 }), Cr = (e = /* @__PURE__ */ new Map(), s = null, t) => ({
   nextPart: e,
   validators: s,
   classGroupId: t
-}), Vt = "-", tr = [], Qn = "arbitrary..", ea = (e) => {
+}), Vt = "-", tr = [], Zn = "arbitrary..", ea = (e) => {
   const s = sa(e), {
     conflictingClassGroups: t,
     conflictingClassGroupModifiers: n
@@ -105,7 +105,7 @@ const Jn = (e, s) => {
   }
 }, ta = (e) => e.slice(1, -1).indexOf(":") === -1 ? void 0 : (() => {
   const s = e.slice(1, -1), t = s.indexOf(":"), n = s.slice(0, t);
-  return n ? Qn + n : void 0;
+  return n ? Zn + n : void 0;
 })(), sa = (e) => {
   const {
     theme: s,
@@ -143,7 +143,7 @@ const Jn = (e, s) => {
     js(e(n), s, t, n);
     return;
   }
-  s.validators === null && (s.validators = []), s.validators.push(Zn(t, e));
+  s.validators === null && (s.validators = []), s.validators.push(Qn(t, e));
 }, ia = (e, s, t, n) => {
   const a = Object.entries(e), o = a.length;
   for (let i = 0; i < o; i++) {
@@ -3149,7 +3149,7 @@ function Ha({
   titleId: a,
   descriptionId: o
 }) {
-  const [i, d] = F(t), l = Z(null), c = s !== void 0 ? s : i, u = (f) => {
+  const [i, d] = F(t), l = Q(null), c = s !== void 0 ? s : i, u = (f) => {
     s === void 0 && d(f), n == null || n(f);
   };
   U(() => {
@@ -3297,14 +3297,14 @@ const Ja = [
   ["path", { d: "M16 2v4", key: "4m81vk" }],
   ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
   ["path", { d: "M3 10h18", key: "8toen8" }]
-], Za = ae("calendar", Ja);
+], Qa = ae("calendar", Ja);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Qa = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]], ps = ae("check", Qa);
+const Za = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]], ps = ae("check", Za);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
@@ -3325,7 +3325,7 @@ const to = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]], jt = ae("chevron-
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const so = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], Ze = ae("chevron-right", so);
+const so = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]], Qe = ae("chevron-right", so);
 /**
  * @license lucide-react v0.552.0 - ISC
  *
@@ -3944,22 +3944,22 @@ var Ko = (e, s, t, n, a) => s ? z(I({}, t[e]), {
   const s = e ? e.ownerDocument : 0;
   return e instanceof (s && s.defaultView ? s.defaultView.HTMLElement : HTMLElement);
 }, Jo = (e) => e.type === "radio";
-function Zo(e, s) {
+function Qo(e, s) {
   const t = s.slice(0, -1).length;
   let n = 0;
   for (; n < t; )
     e = Te(e) ? n++ : e[s[n++]];
   return e;
 }
-function Qo(e) {
+function Zo(e) {
   for (const s in e)
     if (e.hasOwnProperty(s) && !Te(e[s]))
       return !1;
   return !0;
 }
 function Kr(e, s) {
-  const t = Array.isArray(s) ? s : $s(s) ? [s] : Cs(s), n = t.length === 1 ? e : Zo(e, t), a = t.length - 1, o = t[a];
-  return n && delete n[o], a !== 0 && (Ve(n) && Gt(n) || Array.isArray(n) && Qo(n)) && Kr(e, t.slice(0, -1)), e;
+  const t = Array.isArray(s) ? s : $s(s) ? [s] : Cs(s), n = t.length === 1 ? e : Qo(e, t), a = t.length - 1, o = t[a];
+  return n && delete n[o], a !== 0 && (Ve(n) && Gt(n) || Array.isArray(n) && Zo(n)) && Kr(e, t.slice(0, -1)), e;
 }
 var Ur = (e) => e instanceof RegExp, zt = (e) => ({
   isOnSubmit: !e || e === it.onSubmit,
@@ -4339,7 +4339,7 @@ function oi(l) {
   return /* @__PURE__ */ r.jsxs("nav", z(I({ className: y, "aria-label": "Pagination" }, d), { children: [
     /* @__PURE__ */ r.jsxs("div", { className: T("flex", "items-center", M("sm", "gap")), children: [
       /* @__PURE__ */ r.jsx(
-        Q,
+        Z,
         {
           variant: "secondary",
           onClick: u,
@@ -4367,7 +4367,7 @@ function oi(l) {
               );
             const N = p, h = N === e;
             return /* @__PURE__ */ r.jsx(
-              Q,
+              Z,
               {
                 variant: h ? "primary" : "ghost",
                 onClick: () => f(N),
@@ -4382,7 +4382,7 @@ function oi(l) {
         }
       ),
       /* @__PURE__ */ r.jsx(
-        Q,
+        Z,
         {
           variant: "secondary",
           onClick: m,
@@ -4474,7 +4474,7 @@ function ii(l) {
             children: s
           }
         ),
-        m && t && n && /* @__PURE__ */ r.jsx(Q, { variant: "primary", onClick: n, children: t })
+        m && t && n && /* @__PURE__ */ r.jsx(Z, { variant: "primary", onClick: n, children: t })
       ]
     })
   );
@@ -4495,7 +4495,7 @@ function li(d) {
     "className",
     "aria-label"
   ]);
-  const [c, u] = F(!1), [m, f] = F(-1), x = Z(null), b = Z(null), g = Z(null), y = Z([]), p = `dropdown-menu-${Math.random().toString(36).substr(2, 9)}`, v = `dropdown-trigger-${Math.random().toString(36).substr(2, 9)}`;
+  const [c, u] = F(!1), [m, f] = F(-1), x = Q(null), b = Q(null), g = Q(null), y = Q([]), p = `dropdown-menu-${Math.random().toString(36).substr(2, 9)}`, v = `dropdown-trigger-${Math.random().toString(36).substr(2, 9)}`;
   U(() => {
     const w = (S) => {
       x.current && !x.current.contains(S.target) && (u(!1), f(-1));
@@ -4757,7 +4757,7 @@ function pr(e) {
   }
   return null;
 }
-function Zr(d) {
+function Qr(d) {
   var l = d, {
     placeholder: e = "Select date",
     format: s = "yyyy-MM-dd",
@@ -4773,7 +4773,7 @@ function Zr(d) {
     "onFocus",
     "className"
   ]);
-  const { selectedDate: c, selectedRange: u, mode: m, onDateChange: f } = Jr(), [x, b] = F(""), [g, y] = F(!1), p = Z(null);
+  const { selectedDate: c, selectedRange: u, mode: m, onDateChange: f } = Jr(), [x, b] = F(""), [g, y] = F(!1), p = Q(null);
   U(() => {
     m === "single" && c ? b(vt(c, s)) : m === "range" && u ? u.start && u.end ? b(
       `${vt(u.start, s)} - ${vt(u.end, s)}`
@@ -4808,14 +4808,14 @@ function Zr(d) {
       placeholder: e,
       "aria-label": n || e,
       rightIcon: t ? /* @__PURE__ */ r.jsx(
-        Q,
+        Z,
         {
           variant: "iconOnly",
           size: "sm",
           onClick: h,
           "aria-label": "Open calendar",
           type: "button",
-          children: /* @__PURE__ */ r.jsx(Za, { className: "h-4 w-4" })
+          children: /* @__PURE__ */ r.jsx(Qa, { className: "h-4 w-4" })
         }
       ) : void 0
     }
@@ -4855,7 +4855,7 @@ const mi = ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"], hi = [
   "November",
   "December"
 ];
-function Qr(a) {
+function Zr(a) {
   var o = a, {
     month: e,
     onMonthChange: s,
@@ -4876,7 +4876,7 @@ function Qr(a) {
     disabledDates: x
   } = Jr(), [b, g] = F(
     e || i || (d == null ? void 0 : d.start) || /* @__PURE__ */ new Date()
-  ), y = Z(null), [p, v] = F(null);
+  ), y = Q(null), [p, v] = F(null);
   U(() => {
     e && g(e);
   }, [e]);
@@ -4965,7 +4965,7 @@ function Qr(a) {
       children: [
         /* @__PURE__ */ r.jsxs("div", { className: "flex items-center justify-between mb-4", children: [
           /* @__PURE__ */ r.jsx(
-            Q,
+            Z,
             {
               variant: "iconOnly",
               size: "sm",
@@ -4980,13 +4980,13 @@ function Qr(a) {
             b.getFullYear()
           ] }),
           /* @__PURE__ */ r.jsx(
-            Q,
+            Z,
             {
               variant: "iconOnly",
               size: "sm",
               onClick: w,
               "aria-label": "Next month",
-              children: /* @__PURE__ */ r.jsx(Ze, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ r.jsx(Qe, { className: "h-4 w-4" })
             }
           )
         ] }),
@@ -5051,7 +5051,7 @@ function Bt({
   "aria-label": m,
   className: f = ""
 }) {
-  const [x, b] = F(!1), g = Z(null), y = Z(null);
+  const [x, b] = F(!1), g = Q(null), y = Q(null);
   return U(() => {
     if (!x) return;
     const p = (v) => {
@@ -5090,7 +5090,7 @@ function Bt({
       disabledDates: d,
       children: [
         /* @__PURE__ */ r.jsx(
-          Zr,
+          Qr,
           {
             placeholder: l,
             format: c,
@@ -5099,7 +5099,7 @@ function Bt({
             onFocus: () => b(!0)
           }
         ),
-        x && /* @__PURE__ */ r.jsx(en, { containerRef: g, popupRef: y, children: /* @__PURE__ */ r.jsx(Qr, {}) })
+        x && /* @__PURE__ */ r.jsx(en, { containerRef: g, popupRef: y, children: /* @__PURE__ */ r.jsx(Zr, {}) })
       ]
     }
   ) });
@@ -5109,7 +5109,7 @@ function en({
   containerRef: s,
   popupRef: t
 }) {
-  const n = Z(null), a = t || n, [o, i] = F(null);
+  const n = Q(null), a = t || n, [o, i] = F(null);
   if (U(() => {
     if (s != null && s.current) {
       const l = s.current.getBoundingClientRect();
@@ -5143,8 +5143,8 @@ function en({
   );
   return typeof window != "undefined" ? Oe(d, document.body) : d;
 }
-Bt.Input = Zr;
-Bt.Calendar = Qr;
+Bt.Input = Qr;
+Bt.Calendar = Zr;
 Bt.Popup = en;
 const Fl = Bt, As = xe(void 0);
 function Es() {
@@ -5189,7 +5189,7 @@ function xi(a) {
     "className",
     "variant"
   ]);
-  const { orientation: i } = Es(), d = Z(null);
+  const { orientation: i } = Es(), d = Q(null);
   U(() => {
     const u = d.current;
     if (!u) return;
@@ -5392,7 +5392,7 @@ const Ol = Yt, Is = Pe(
         onKeyDown: E,
         leftIcon: n ? /* @__PURE__ */ r.jsx("div", { className: "animate-spin", children: /* @__PURE__ */ r.jsx(xs, { className: "h-4 w-4" }) }) : /* @__PURE__ */ r.jsx(xs, { className: "h-4 w-4" }),
         rightIcon: a && h && !n ? /* @__PURE__ */ r.jsx(
-          Q,
+          Z,
           {
             variant: "ghost",
             size: "sm",
@@ -5563,7 +5563,7 @@ const vi = Pe(
   }, g) {
     const [y, p] = F(
       typeof n == "string" ? n : ""
-    ), [v, N] = F(!1), [h, j] = F(-1), [k, E] = F(""), w = Z(null), S = Z(null), $ = Z(null), C = Z(null), D = t !== void 0, _ = D ? t : y, L = k.trim() ? m ? m(s, k) : s.filter(
+    ), [v, N] = F(!1), [h, j] = F(-1), [k, E] = F(""), w = Q(null), S = Q(null), $ = Q(null), C = Q(null), D = t !== void 0, _ = D ? t : y, L = k.trim() ? m ? m(s, k) : s.filter(
       (A) => A.label.toLowerCase().includes(k.toLowerCase())
     ) : s, X = L.length > 0, q = (A) => {
       const V = A.target.value;
@@ -5673,7 +5673,7 @@ const yi = Pe(
     inputClassName: x = "",
     size: b = "md"
   }, g) {
-    const [y, p] = F(n), [v, N] = F(!1), [h, j] = F(-1), [k, E] = F(""), w = Z(null), S = Z(null), $ = Z(null), C = t !== void 0, D = C ? t : y, _ = s.filter(
+    const [y, p] = F(n), [v, N] = F(!1), [h, j] = F(-1), [k, E] = F(""), w = Q(null), S = Q(null), $ = Q(null), C = t !== void 0, D = C ? t : y, _ = s.filter(
       (B) => D.includes(B.value)
     ), L = (() => {
       let B = s;
@@ -5919,7 +5919,7 @@ function Wl({
   label: u,
   description: m
 }) {
-  const [f, x] = F([]), [b, g] = F(!1), y = Z(null), p = (C) => {
+  const [f, x] = F([]), [b, g] = F(!1), y = Q(null), p = (C) => {
     if (C === 0) return "0 Bytes";
     const D = 1024, _ = ["Bytes", "KB", "MB", "GB"], R = Math.floor(Math.log(C) / Math.log(D));
     return Math.round(C / Math.pow(D, R) * 100) / 100 + " " + _[R];
@@ -6200,7 +6200,7 @@ function Wl({
               ] }),
               !C.error && !d && /* @__PURE__ */ r.jsx(Wt, { className: T("h-5", "w-5", "text-fg-success") }),
               /* @__PURE__ */ r.jsx(
-                Q,
+                Z,
                 {
                   variant: "ghost",
                   size: "sm",
@@ -6235,7 +6235,7 @@ function sn({
   triggerClassName: m = "",
   contentClassName: f = ""
 }) {
-  const [x, b] = F(n), g = Z(null), y = Z(null), [p, v] = F({ top: 0, left: 0 }), N = t !== void 0, h = N ? t : x, j = K(() => {
+  const [x, b] = F(n), g = Q(null), y = Q(null), [p, v] = F({ top: 0, left: 0 }), N = t !== void 0, h = N ? t : x, j = K(() => {
     if (!g.current || !y.current) return;
     const S = g.current.getBoundingClientRect(), $ = y.current.getBoundingClientRect(), C = window.scrollY, D = window.scrollX;
     let _ = 0, R = 0;
@@ -6331,7 +6331,7 @@ function sn({
                 }
               ),
               i && /* @__PURE__ */ r.jsx(
-                Q,
+                Z,
                 {
                   variant: "ghost",
                   size: "sm",
@@ -6455,7 +6455,7 @@ function Hl({
   }, D = /* @__PURE__ */ r.jsx("div", { className: `${M("base", "p")} min-w-48`, children: /* @__PURE__ */ r.jsxs("div", { className: "flex items-center justify-center gap-4", children: [
     /* @__PURE__ */ r.jsxs("div", { className: "flex flex-col items-center gap-2", children: [
       /* @__PURE__ */ r.jsx(
-        Q,
+        Z,
         {
           variant: "ghost",
           size: "sm",
@@ -6467,7 +6467,7 @@ function Hl({
       ),
       /* @__PURE__ */ r.jsx("div", { className: "text-2xl font-mono font-semibold w-12 text-center", children: String(m).padStart(2, "0") }),
       /* @__PURE__ */ r.jsx(
-        Q,
+        Z,
         {
           variant: "ghost",
           size: "sm",
@@ -6481,7 +6481,7 @@ function Hl({
     /* @__PURE__ */ r.jsx("div", { className: "text-2xl font-semibold", children: ":" }),
     /* @__PURE__ */ r.jsxs("div", { className: "flex flex-col items-center gap-2", children: [
       /* @__PURE__ */ r.jsx(
-        Q,
+        Z,
         {
           variant: "ghost",
           size: "sm",
@@ -6493,7 +6493,7 @@ function Hl({
       ),
       /* @__PURE__ */ r.jsx("div", { className: "text-2xl font-mono font-semibold w-12 text-center", children: String(x).padStart(2, "0") }),
       /* @__PURE__ */ r.jsx(
-        Q,
+        Z,
         {
           variant: "ghost",
           size: "sm",
@@ -6506,7 +6506,7 @@ function Hl({
     ] }),
     t === "12h" && /* @__PURE__ */ r.jsxs("div", { className: "flex flex-col gap-2 ml-2", children: [
       /* @__PURE__ */ r.jsx(
-        Q,
+        Z,
         {
           variant: g === "AM" ? "primary" : "outline",
           size: "sm",
@@ -6516,7 +6516,7 @@ function Hl({
         }
       ),
       /* @__PURE__ */ r.jsx(
-        Q,
+        Z,
         {
           variant: g === "PM" ? "primary" : "outline",
           size: "sm",
@@ -6843,7 +6843,7 @@ function nn({
             border-line-default
           `,
               children: /* @__PURE__ */ r.jsx(
-                Q,
+                Z,
                 {
                   variant: "ghost",
                   size: "sm",
@@ -6982,7 +6982,7 @@ function $i({
   className: s = "",
   align: t = "start"
 }) {
-  const { isOpen: n, closeMenu: a, placement: o } = Ms(), i = Z(null), d = Z(null), [l, c] = F({ top: 0, left: 0 });
+  const { isOpen: n, closeMenu: a, placement: o } = Ms(), i = Q(null), d = Q(null), [l, c] = F({ top: 0, left: 0 });
   if (U(() => {
     if (n) {
       const m = document.querySelector(
@@ -7112,7 +7112,7 @@ const ln = Pe(function(m, u) {
       children: [
         t && /* @__PURE__ */ r.jsx("span", { className: "shrink-0", children: t }),
         /* @__PURE__ */ r.jsx("span", { className: "flex-1", children: s }),
-        d && /* @__PURE__ */ r.jsx(Ze, { className: "h-4 w-4 text-fg-secondary shrink-0" }),
+        d && /* @__PURE__ */ r.jsx(Qe, { className: "h-4 w-4 text-fg-secondary shrink-0" }),
         n && !d && /* @__PURE__ */ r.jsx("span", { className: "shrink-0", children: n })
       ]
     })
@@ -7345,7 +7345,7 @@ function Di({
 }) {
   const { isMobileMenuOpen: o, toggleMobileMenu: i } = dn(), d = s || /* @__PURE__ */ r.jsx(Co, { className: "h-5 w-5" }), l = t || /* @__PURE__ */ r.jsx($e, { className: "h-5 w-5" });
   return /* @__PURE__ */ r.jsx(
-    Q,
+    Z,
     {
       variant: n,
       size: a,
@@ -7719,7 +7719,7 @@ function Kl(n) {
             ] }),
             /* @__PURE__ */ r.jsxs("div", { className: "flex justify-between", children: [
               /* @__PURE__ */ r.jsx(
-                Q,
+                Z,
                 {
                   variant: "secondary",
                   type: "button",
@@ -7727,7 +7727,7 @@ function Kl(n) {
                   children: "Forgot password?"
                 }
               ),
-              /* @__PURE__ */ r.jsx(Q, { variant: "regular", type: "submit", children: "Sign in" })
+              /* @__PURE__ */ r.jsx(Z, { variant: "regular", type: "submit", children: "Sign in" })
             ] })
           ]
         })
@@ -7755,7 +7755,7 @@ function Ul(c) {
     "footer",
     "className"
   ]);
-  const m = Z(null), f = Z(null);
+  const m = Q(null), f = Q(null);
   if (U(() => {
     if (!e) return;
     f.current = document.activeElement;
@@ -7902,14 +7902,14 @@ function vr({
 }) {
   const A = le(() => n || (i !== void 0 && d ? "server" : "client"), [n, i, d]), V = a !== void 0, [J, te] = F(1), [B, Y] = F(c), O = V ? a : J, ce = o != null ? o : B, he = le(() => A === "server" ? i != null ? i : 0 : s.length, [A, i, s.length]), be = le(() => Math.ceil(he / ce), [he, ce]), we = m !== void 0, [Re, ht] = F(
     b || ""
-  ), [Ae, pt] = F(g), Ne = we ? m : Re, $t = we ? f || "asc" : Ae, Jt = p !== void 0, [Tn, Rn] = F(N), Ct = Jt ? p : Tn, Zt = j !== void 0, [_n, zn] = F(
+  ), [Ae, pt] = F(g), Ne = we ? m : Re, $t = we ? f || "asc" : Ae, Jt = p !== void 0, [Tn, Rn] = F(N), Ct = Jt ? p : Tn, Qt = j !== void 0, [_n, zn] = F(
     []
-  ), Ee = Zt ? j : _n, At = le(() => !y || y.length === 0 ? s : s.filter((ee) => y.every((de) => {
+  ), Ee = Qt ? j : _n, At = le(() => !y || y.length === 0 ? s : s.filter((ee) => y.every((de) => {
     const pe = Ct[de.key];
     if (!pe || pe === "") return !0;
     const It = ee[de.key];
     return de.type === "text" ? String(It || "").toLowerCase().includes(String(pe).toLowerCase()) : String(It) === String(pe);
-  })), [s, y, Ct]), Qt = le(() => {
+  })), [s, y, Ct]), Zt = le(() => {
     if (we && x || !Ne) return At;
     const ee = [...At];
     return ee.sort((de, pe) => {
@@ -7920,10 +7920,10 @@ function vr({
     }), ee;
   }, [At, Ne, $t, x, we]), _e = le(() => {
     if (A === "server")
-      return Qt;
+      return Zt;
     const ee = (O - 1) * ce, de = ee + ce;
-    return Qt.slice(ee, de);
-  }, [Qt, A, O, ce]), st = K(
+    return Zt.slice(ee, de);
+  }, [Zt, A, O, ce]), st = K(
     (ee, de) => {
       var pe;
       return E ? E(ee) : ((pe = ee == null ? void 0 : ee.id) == null ? void 0 : pe.toString()) || de.toString();
@@ -7958,9 +7958,9 @@ function vr({
     [Jt, v, rt]
   ), Ue = K(
     (ee) => {
-      Zt ? k == null || k(ee) : zn(ee);
+      Qt ? k == null || k(ee) : zn(ee);
     },
-    [Zt, k]
+    [Qt, k]
   ), Bs = K(
     (ee) => {
       const de = Ee.includes(ee) ? Ee.filter((pe) => pe !== ee) : [...Ee, ee];
@@ -8101,7 +8101,7 @@ function un(l) {
     "maxWidth",
     "className"
   ]);
-  const { sortState: u, setSorting: m, onSort: f } = We(), x = Z(null), b = Z(null), g = Z(null), y = () => {
+  const { sortState: u, setSorting: m, onSort: f } = We(), x = Q(null), b = Q(null), g = Q(null), y = () => {
     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);
@@ -8265,7 +8265,7 @@ function Li(o) {
     li,
     {
       trigger: /* @__PURE__ */ r.jsx(
-        Q,
+        Z,
         {
           variant: "ghost",
           size: "sm",
@@ -8373,7 +8373,7 @@ function xn(t) {
   ] })) : /* @__PURE__ */ r.jsx("div", z(I({ className: `text-center text-fg-secondary ${e}` }, s), { children: a || "No data available" }));
 }
 function Fi(e, s) {
-  const { itemHeight: t, containerHeight: n, overscan: a = 5, enabled: o = !0 } = s, [i, d] = F(0), l = Z(null), c = le(() => {
+  const { itemHeight: t, containerHeight: n, overscan: a = 5, enabled: o = !0 } = s, [i, d] = F(0), l = Q(null), c = le(() => {
     if (!o || e.length === 0)
       return e.map((g, y) => ({
         index: y,
@@ -8559,7 +8559,7 @@ function Pi(i) {
             }
           ),
           f && n && /* @__PURE__ */ r.jsx(
-            Q,
+            Z,
             {
               variant: "ghost",
               size: "sm",
@@ -8697,7 +8697,7 @@ function Oi(u) {
       children: [
         /* @__PURE__ */ r.jsxs("div", { className: "flex flex-1 justify-between sm:hidden", children: [
           /* @__PURE__ */ r.jsx(
-            Q,
+            Z,
             {
               variant: "outline",
               size: "sm",
@@ -8707,7 +8707,7 @@ function Oi(u) {
             }
           ),
           /* @__PURE__ */ r.jsx(
-            Q,
+            Z,
             {
               variant: "outline",
               size: "sm",
@@ -8750,7 +8750,7 @@ function Oi(u) {
             ] }),
             /* @__PURE__ */ r.jsxs("nav", { className: "flex items-center gap-1", "aria-label": "Pagination", children: [
               /* @__PURE__ */ r.jsxs(
-                Q,
+                Z,
                 {
                   variant: "ghost",
                   size: "sm",
@@ -8764,7 +8764,7 @@ function Oi(u) {
                 }
               ),
               /* @__PURE__ */ r.jsx(
-                Q,
+                Z,
                 {
                   variant: "ghost",
                   size: "sm",
@@ -8777,7 +8777,7 @@ function Oi(u) {
               /* @__PURE__ */ r.jsx("div", { className: "flex items-center gap-1", children: Array.from({ length: Math.min(5, f) }, (N, h) => {
                 let j;
                 return f <= 5 || e <= 3 ? j = h + 1 : e >= f - 2 ? j = f - 4 + h : j = e - 2 + h, /* @__PURE__ */ r.jsx(
-                  Q,
+                  Z,
                   {
                     variant: e === j ? "primary" : "ghost",
                     size: "sm",
@@ -8791,18 +8791,18 @@ function Oi(u) {
                 );
               }) }),
               /* @__PURE__ */ r.jsx(
-                Q,
+                Z,
                 {
                   variant: "ghost",
                   size: "sm",
                   onClick: y,
                   disabled: e >= f,
                   "aria-label": "Next page",
-                  children: /* @__PURE__ */ r.jsx(Ze, { className: "h-4 w-4" })
+                  children: /* @__PURE__ */ r.jsx(Qe, { className: "h-4 w-4" })
                 }
               ),
               /* @__PURE__ */ r.jsxs(
-                Q,
+                Z,
                 {
                   variant: "ghost",
                   size: "sm",
@@ -8810,8 +8810,8 @@ function Oi(u) {
                   disabled: e >= f,
                   "aria-label": "Last page",
                   children: [
-                    /* @__PURE__ */ r.jsx(Ze, { className: "h-4 w-4" }),
-                    /* @__PURE__ */ r.jsx(Ze, { className: "h-4 w-4 -ml-2" })
+                    /* @__PURE__ */ r.jsx(Qe, { className: "h-4 w-4" }),
+                    /* @__PURE__ */ r.jsx(Qe, { className: "h-4 w-4 -ml-2" })
                   ]
                 }
               )
@@ -8969,7 +8969,7 @@ function Jl(e = {}) {
     minWidth: t = 50,
     maxWidth: n,
     resizable: a = !0
-  } = e, [o, i] = F(s), [d, l] = F(!1), [c, u] = F(null), m = Z(
+  } = e, [o, i] = F(s), [d, l] = F(!1), [c, u] = F(null), m = Q(
     null
   ), f = K(
     (N, h) => {
@@ -8998,9 +8998,9 @@ function Jl(e = {}) {
     [d, c, f]
   ), y = K(() => {
     l(!1), u(null), m.current = null;
-  }, []), p = Z(
+  }, []), p = Q(
     void 0
-  ), v = Z(void 0);
+  ), v = Q(void 0);
   return typeof window != "undefined" && (p.current = (N) => {
     d && g(N.clientX);
   }, v.current = () => {
@@ -9017,10 +9017,10 @@ function Jl(e = {}) {
   };
 }
 const Rs = xe(null);
-function Zl() {
+function Ql() {
   return ne(Rs);
 }
-function Qe() {
+function Ze() {
   const e = ne(Rs);
   if (!e)
     throw new Error(
@@ -9062,7 +9062,7 @@ function yn({
   return /* @__PURE__ */ r.jsx(Rs.Provider, { value: i, children: e });
 }
 const _s = xe(null);
-function Ql() {
+function Zl() {
   return ne(_s);
 }
 function ft() {
@@ -9233,7 +9233,7 @@ function qi({
     "[useResize] Invalid bounds: minWidth must be less than maxWidth",
     { minWidth: s, maxWidth: t }
   ));
-  const d = fs(e, s, t), [l, c] = F(d), [u, m] = F(!1), f = Z(0), x = Z(d), b = K(
+  const d = fs(e, s, t), [l, c] = F(d), [u, m] = F(!1), f = Q(0), x = Q(d), b = K(
     (v) => {
       let N = fs(v, s, t);
       if (n && n.length > 0) {
@@ -9310,7 +9310,7 @@ function Yi({
   restoreFocus: t = !0,
   initialFocusRef: n
 }) {
-  const a = Z(null);
+  const a = Q(null);
   U(() => {
     if (e) {
       if (a.current = document.activeElement, n != null && n.current)
@@ -9378,7 +9378,7 @@ function jn({
   onMobileChange: o,
   exclusiveGroups: i = !1
 }) {
-  const d = Qe(), l = ft(), c = Z(null), u = t !== void 0, m = () => {
+  const d = Ze(), l = ft(), c = Q(null), u = t !== void 0, m = () => {
     if (u) return t;
     if (l.storageKey && l.persistState && typeof window != "undefined") {
       const R = localStorage.getItem(`${l.storageKey}-collapsed`);
@@ -9597,7 +9597,7 @@ function Ui({
   children: e,
   defaultSlot: s = null
 }) {
-  const [t, n] = F(s), a = Z(/* @__PURE__ */ new Map()), o = K((l, c) => {
+  const [t, n] = F(s), a = Q(/* @__PURE__ */ new Map()), o = K((l, c) => {
     a.current.set(l, c);
   }, []), i = K((l) => {
     a.current.delete(l);
@@ -9718,7 +9718,7 @@ function An(o) {
     "className",
     "style"
   ]);
-  const { collapsed: d, setCollapsed: l, isMobile: c } = et(), { animationDuration: u } = Qe(), { mobileVariant: m, overlayBackdrop: f } = ft(), x = c && m === "overlay", b = e != null ? e : x && f && !d, g = () => {
+  const { collapsed: d, setCollapsed: l, isMobile: c } = et(), { animationDuration: u } = Ze(), { mobileVariant: m, overlayBackdrop: f } = ft(), x = c && m === "overlay", b = e != null ? e : x && f && !d, g = () => {
     s ? s() : l(!0);
   };
   return b ? /* @__PURE__ */ r.jsx(
@@ -9749,7 +9749,7 @@ const Xi = {
   sm: "w-4 h-4",
   md: "w-5 h-5",
   lg: "w-6 h-6"
-}, Zi = {
+}, Qi = {
   floating: `absolute ${me("fixed")}`,
   // Right edge of navbar, vertically centered - position set via style
   // micro-z: toggle above adjacent siblings in absolute corner position
@@ -9762,7 +9762,7 @@ const Xi = {
   "navigation-top": "relative mt-2 mx-auto z-10",
   // micro-z: toggle above sibling content in relative inside position
   "navigation-bottom": "relative mt-auto mb-2 mx-auto z-10"
-}, Qi = {
+}, Zi = {
   default: "bg-surface-raised border border-line-default shadow-sm hover:bg-surface-hover hover:shadow",
   ghost: "bg-transparent hover:bg-surface-hover border-0",
   outline: "bg-transparent border border-line-default hover:bg-surface-hover"
@@ -9813,7 +9813,7 @@ function En(g) {
     navigationWidth: j,
     contentWidth: k,
     minWidth: E
-  } = Qe(), w = ft(), S = c != null ? c : w.keyboardShortcut, $ = u != null ? u : w.enableKeyboardShortcut, C = () => {
+  } = Ze(), w = ft(), S = c != null ? c : w.keyboardShortcut, $ = u != null ? u : w.enableKeyboardShortcut, C = () => {
     if (typeof t == "function")
       return t(p);
     if (t)
@@ -9855,12 +9855,12 @@ function En(g) {
       onClick: v,
       className: `
         ${Xi[o]}
-        ${Qi[i]}
+        ${Zi[i]}
         rounded-full
         flex items-center justify-center
         text-fg-secondary hover:text-fg-primary
         focus:outline-none focus:ring-2 focus:ring-line-focus focus:ring-offset-1
-        ${e === "floating" ? "" : Zi[e]}
+        ${e === "floating" ? "" : Qi[e]}
         ${m}
       `,
       style: I(I(I(I({}, e === "floating" ? {
@@ -9936,7 +9936,7 @@ function sl(o) {
     "style",
     "aria-label"
   ]);
-  const d = et(), l = Qe(), c = ft(), u = $n(), {
+  const d = et(), l = Ze(), c = ft(), u = $n(), {
     collapsed: m,
     setCollapsed: f,
     currentWidth: x,
@@ -10023,7 +10023,7 @@ function ws(o) {
   const { collapsed: d, toggle: l } = Os(), c = () => {
     if (e)
       return typeof e == "function" ? e(d) : e;
-    const x = d ? Ze : jt;
+    const x = d ? Qe : jt;
     return /* @__PURE__ */ r.jsx(
       x,
       {
@@ -10374,7 +10374,7 @@ function ll(d) {
             children: [
               " ",
               t && /* @__PURE__ */ r.jsx("span", { className: "shrink-0", children: c ? /* @__PURE__ */ r.jsx(
-                Ze,
+                Qe,
                 {
                   className: "w-3 h-3",
                   style: { transition: "none", transform: "none" }
@@ -10420,7 +10420,7 @@ function mt(u) {
     "className",
     "style"
   ]);
-  const f = et(), x = Qe(), b = ft(), g = $n(), y = Z(null), [p, v] = F(null), [N, h] = F(!1), j = s != null ? s : g.showMainToggle;
+  const f = et(), x = Ze(), b = ft(), g = $n(), y = Q(null), [p, v] = F(null), [N, h] = F(!1), j = s != null ? s : g.showMainToggle;
   t != null || g.mainTogglePosition;
   const k = o === "inline" && !f.collapsed, E = k ? typeof i == "number" ? `${i}px` : i : x.navigationWidth, w = le(
     () => ({
@@ -10697,7 +10697,7 @@ function ml(c) {
     collapsed: m,
     activeGroup: f,
     setActiveGroup: x
-  } = Xt(), { groupStates: b, toggleGroup: g, setGroupCollapsed: y } = et(), { animationDuration: p } = Qe(), v = Z(!1);
+  } = Xt(), { groupStates: b, toggleGroup: g, setGroupCollapsed: y } = et(), { animationDuration: p } = Ze(), v = Q(!1);
   if (U(() => {
     !v.current && b[e] === void 0 && (v.current = !0, y(e, o));
   }, [e, o, b, y]), m)
@@ -10778,7 +10778,7 @@ function pl({
 }
 function tt(a) {
   var o = a, { children: e, className: s = "", style: t } = o, n = W(o, ["children", "className", "style"]);
-  const i = et(), d = Qe(), l = Z(null), [c, u] = F(0), [m, f] = F(!1), [x, b] = F(!1), [g, y] = F(null), p = K(() => f(!0), []), v = K(() => f(!1), []), N = K(() => b(!0), []), h = K(() => b(!1), []), j = le(
+  const i = et(), d = Ze(), l = Q(null), [c, u] = F(0), [m, f] = F(!1), [x, b] = F(!1), [g, y] = F(null), p = K(() => f(!0), []), v = K(() => f(!1), []), N = K(() => b(!0), []), h = K(() => b(!1), []), j = le(
     () => ({
       // Inherited from root
       collapsed: i.collapsed,
@@ -11052,7 +11052,7 @@ function In(i) {
     "closeOnEscape",
     "className"
   ]);
-  const { isOpen: l, onClose: c, titleId: u, descriptionId: m } = Nt(), f = Z(null), x = Z(null);
+  const { isOpen: l, onClose: c, titleId: u, descriptionId: m } = Nt(), f = Q(null), x = Q(null);
   if (U(() => {
     if (!l) return;
     const p = setTimeout(() => {
@@ -11219,7 +11219,7 @@ function vl({
       a(), n.props.onClick && n.props.onClick(o);
     }
   }) : /* @__PURE__ */ r.jsx(
-    Q,
+    Z,
     {
       variant: "iconOnly",
       size: "sm",
@@ -11275,9 +11275,9 @@ function lc({
       a && /* @__PURE__ */ r.jsx(Me.Description, { children: a })
     ] }),
     /* @__PURE__ */ r.jsxs(Mn, { children: [
-      /* @__PURE__ */ r.jsx(Q, { variant: "outline", onClick: f, children: i }),
+      /* @__PURE__ */ r.jsx(Z, { variant: "outline", onClick: f, children: i }),
       /* @__PURE__ */ r.jsx(
-        Q,
+        Z,
         {
           variant: d === "destructive" ? "error" : "primary",
           onClick: m,
@@ -11377,7 +11377,7 @@ function kl(i) {
               /* @__PURE__ */ r.jsx("div", { className: "font-medium text-fg-primary", children: e.title }),
               e.description && /* @__PURE__ */ r.jsx("div", { className: "mt-1 text-sm text-fg-secondary", children: e.description }),
               e.action && /* @__PURE__ */ r.jsx("div", { className: "mt-3", children: /* @__PURE__ */ r.jsx(
-                Q,
+                Z,
                 {
                   variant: "outline",
                   size: "sm",
@@ -11390,7 +11390,7 @@ function kl(i) {
               ) })
             ] }),
             /* @__PURE__ */ r.jsx(
-              Q,
+              Z,
               {
                 variant: "iconOnly",
                 size: "sm",
@@ -11586,7 +11586,7 @@ function Nl({
           className: `flex justify-between mt-4 ${M("base", "gap")}`,
           children: [
             /* @__PURE__ */ r.jsx(
-              Q,
+              Z,
               {
                 variant: "outline",
                 onClick: g,
@@ -11594,7 +11594,7 @@ function Nl({
                 children: "Previous"
               }
             ),
-            /* @__PURE__ */ r.jsx(Q, { variant: "primary", onClick: b, children: N ? "Complete" : "Next" })
+            /* @__PURE__ */ r.jsx(Z, { variant: "primary", onClick: b, children: N ? "Complete" : "Next" })
           ]
         }
       )
@@ -11671,7 +11671,7 @@ function Nl({
     ),
     /* @__PURE__ */ r.jsxs("div", { className: `flex justify-between ${M("base", "gap")}`, children: [
       /* @__PURE__ */ r.jsx(
-        Q,
+        Z,
         {
           variant: "outline",
           onClick: g,
@@ -11679,7 +11679,7 @@ function Nl({
           children: "Previous"
         }
       ),
-      /* @__PURE__ */ r.jsx(Q, { variant: "primary", onClick: b, children: N ? "Complete" : "Next" })
+      /* @__PURE__ */ r.jsx(Z, { variant: "primary", onClick: b, children: N ? "Complete" : "Next" })
     ] })
   ] });
 }
@@ -11793,7 +11793,7 @@ function fc({
   emptyMessage: i = "No commands found",
   className: d = ""
 }) {
-  const [l, c] = F(t), [u, m] = F(""), [f, x] = F(0), b = Z(null), g = Z(null), y = s !== void 0, p = y ? s : l, v = e.filter((w) => {
+  const [l, c] = F(t), [u, m] = F(""), [f, x] = F(0), b = Q(null), g = Q(null), y = s !== void 0, p = y ? s : l, v = e.filter((w) => {
     var _, R;
     if (!u) return !0;
     const S = u.toLowerCase(), $ = w.label.toLowerCase().includes(S), C = (_ = w.description) == null ? void 0 : _.toLowerCase().includes(S), D = (R = w.keywords) == null ? void 0 : R.some(
@@ -12109,7 +12109,7 @@ function mc({
         `,
         children: [
           /* @__PURE__ */ r.jsx("div", { className: "flex items-center gap-2", children: c && /* @__PURE__ */ r.jsx(
-            Q,
+            Z,
             {
               variant: "outline",
               size: "sm",
@@ -12120,7 +12120,7 @@ function mc({
           /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-2", children: [
             S,
             N && /* @__PURE__ */ r.jsx("div", { className: "flex items-center gap-1", children: j.map((Y) => /* @__PURE__ */ r.jsx(
-              Q,
+              Z,
               {
                 variant: "outline",
                 size: "sm",
@@ -12291,7 +12291,7 @@ function pc({
       /* @__PURE__ */ r.jsx("div", { className: "min-h-48", children: x.fields }),
       /* @__PURE__ */ r.jsxs("div", { className: "flex justify-between pt-4 border-t", children: [
         /* @__PURE__ */ r.jsx(
-          Q,
+          Z,
           {
             variant: "outline",
             onClick: m,
@@ -12299,7 +12299,7 @@ function pc({
             children: "Back"
           }
         ),
-        /* @__PURE__ */ r.jsx(Q, { variant: "primary", onClick: u, children: b ? "Complete" : "Next" })
+        /* @__PURE__ */ r.jsx(Z, { variant: "primary", onClick: u, children: b ? "Complete" : "Next" })
       ] })
     ] }) })
   ] }) });
@@ -12371,7 +12371,7 @@ function xc({
           )
         ] }, y.id);
       }) }),
-      g && /* @__PURE__ */ r.jsx("div", { children: /* @__PURE__ */ r.jsx(Q, { variant: "outline", size: "sm", onClick: b, children: "Clear Filters" }) })
+      g && /* @__PURE__ */ r.jsx("div", { children: /* @__PURE__ */ r.jsx(Z, { variant: "outline", size: "sm", onClick: b, children: "Clear Filters" }) })
     ] }) }),
     d && /* @__PURE__ */ r.jsxs("div", { className: "text-sm text-fg-secondary", children: [
       "Showing ",
@@ -12437,8 +12437,8 @@ export {
   Ll as a2,
   Fl as a3,
   hr as a4,
-  Zr as a5,
-  Qr as a6,
+  Qr as a5,
+  Zr as a6,
   Ol as a7,
   xi as a8,
   bi as a9,
@@ -12462,11 +12462,11 @@ export {
   Fi as aR,
   Jl as aS,
   Rs as aT,
-  Zl as aU,
-  Qe as aV,
+  Ql as aU,
+  Ze as aV,
   yt as aW,
   _s as aX,
-  Ql as aY,
+  Zl as aY,
   ft as aZ,
   ve as a_,
   gi as aa,
@@ -12569,4 +12569,4 @@ export {
   vl as y,
   lc as z
 };
-//# sourceMappingURL=components-BsS4vmbl.js.map
+//# sourceMappingURL=components-DEuqI-ld.js.map