@qodo/design-system 0.9.5 → 0.9.7

package/dist/index.esm.js

@@ -241,18 +241,18 @@ function ed() {
         O < 0 && x("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var te = b.ReactCurrentDispatcher, _;
+    var te = b.ReactCurrentDispatcher, I;
     function X(y, A, D) {
       {
-        if (_ === void 0)
+        if (I === void 0)
           try {
             throw Error();
           } catch (ue) {
             var Z = ue.stack.trim().match(/\n( *(at )?)/);
-            _ = Z && Z[1] || "";
+            I = Z && Z[1] || "";
           }
         return `
-` + _ + y;
+` + I + y;
       }
     }
     var ne = !1, oe;
@@ -1012,7 +1012,7 @@ const ge = (e) => {
     u,
     W,
     V
-  ], z = () => ["", se, qt, pt], F = () => ["solid", "dashed", "dotted", "double"], te = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], _ = () => [se, yn, gs, ms], X = () => [
+  ], z = () => ["", se, qt, pt], F = () => ["solid", "dashed", "dotted", "double"], te = () => ["normal", "multiply", "screen", "overlay", "darken", "lighten", "color-dodge", "color-burn", "hard-light", "soft-light", "difference", "exclusion", "hue", "saturation", "color", "luminosity"], I = () => [se, yn, gs, ms], X = () => [
     // Deprecated since Tailwind CSS v4.0.0
     "",
     "none",
@@ -2504,10 +2504,10 @@ const ge = (e) => {
         "mask-linear": [se]
       }],
       "mask-image-linear-from-pos": [{
-        "mask-linear-from": _()
+        "mask-linear-from": I()
       }],
       "mask-image-linear-to-pos": [{
-        "mask-linear-to": _()
+        "mask-linear-to": I()
       }],
       "mask-image-linear-from-color": [{
         "mask-linear-from": E()
@@ -2516,10 +2516,10 @@ const ge = (e) => {
         "mask-linear-to": E()
       }],
       "mask-image-t-from-pos": [{
-        "mask-t-from": _()
+        "mask-t-from": I()
       }],
       "mask-image-t-to-pos": [{
-        "mask-t-to": _()
+        "mask-t-to": I()
       }],
       "mask-image-t-from-color": [{
         "mask-t-from": E()
@@ -2528,10 +2528,10 @@ const ge = (e) => {
         "mask-t-to": E()
       }],
       "mask-image-r-from-pos": [{
-        "mask-r-from": _()
+        "mask-r-from": I()
       }],
       "mask-image-r-to-pos": [{
-        "mask-r-to": _()
+        "mask-r-to": I()
       }],
       "mask-image-r-from-color": [{
         "mask-r-from": E()
@@ -2540,10 +2540,10 @@ const ge = (e) => {
         "mask-r-to": E()
       }],
       "mask-image-b-from-pos": [{
-        "mask-b-from": _()
+        "mask-b-from": I()
       }],
       "mask-image-b-to-pos": [{
-        "mask-b-to": _()
+        "mask-b-to": I()
       }],
       "mask-image-b-from-color": [{
         "mask-b-from": E()
@@ -2552,10 +2552,10 @@ const ge = (e) => {
         "mask-b-to": E()
       }],
       "mask-image-l-from-pos": [{
-        "mask-l-from": _()
+        "mask-l-from": I()
       }],
       "mask-image-l-to-pos": [{
-        "mask-l-to": _()
+        "mask-l-to": I()
       }],
       "mask-image-l-from-color": [{
         "mask-l-from": E()
@@ -2564,10 +2564,10 @@ const ge = (e) => {
         "mask-l-to": E()
       }],
       "mask-image-x-from-pos": [{
-        "mask-x-from": _()
+        "mask-x-from": I()
       }],
       "mask-image-x-to-pos": [{
-        "mask-x-to": _()
+        "mask-x-to": I()
       }],
       "mask-image-x-from-color": [{
         "mask-x-from": E()
@@ -2576,10 +2576,10 @@ const ge = (e) => {
         "mask-x-to": E()
       }],
       "mask-image-y-from-pos": [{
-        "mask-y-from": _()
+        "mask-y-from": I()
       }],
       "mask-image-y-to-pos": [{
-        "mask-y-to": _()
+        "mask-y-to": I()
       }],
       "mask-image-y-from-color": [{
         "mask-y-from": E()
@@ -2591,10 +2591,10 @@ const ge = (e) => {
         "mask-radial": [W, V]
       }],
       "mask-image-radial-from-pos": [{
-        "mask-radial-from": _()
+        "mask-radial-from": I()
       }],
       "mask-image-radial-to-pos": [{
-        "mask-radial-to": _()
+        "mask-radial-to": I()
       }],
       "mask-image-radial-from-color": [{
         "mask-radial-from": E()
@@ -2618,10 +2618,10 @@ const ge = (e) => {
         "mask-conic": [se]
       }],
       "mask-image-conic-from-pos": [{
-        "mask-conic-from": _()
+        "mask-conic-from": I()
       }],
       "mask-image-conic-to-pos": [{
-        "mask-conic-to": _()
+        "mask-conic-to": I()
       }],
       "mask-image-conic-from-color": [{
         "mask-conic-from": E()
@@ -3448,7 +3448,7 @@ const ge = (e) => {
     orderSensitiveModifiers: ["*", "**", "after", "backdrop", "before", "details-content", "file", "first-letter", "first-line", "marker", "placeholder", "selection"]
   };
 }, Md = /* @__PURE__ */ gd(Od);
-function I(...e) {
+function _(...e) {
   return Md(da(e));
 }
 const Ca = Gr(
@@ -3479,7 +3479,7 @@ const Ca = Gr(
   ({ className: e, variant: t, size: r, ...n }, o) => /* @__PURE__ */ l.jsx(
     "button",
     {
-      className: I(Ca({ variant: t, size: r, className: e })),
+      className: _(Ca({ variant: t, size: r, className: e })),
       ref: o,
       ...n
     }
@@ -3499,7 +3499,7 @@ const Dd = Gr(
         accent: "bg-accent border-accent text-accent-foreground placeholder:text-muted-foreground dark:bg-accent dark:border-accent dark:text-accent-foreground dark:placeholder:text-muted-foreground",
         success: "bg-success border-success text-success-foreground placeholder:text-success-foreground/70 dark:bg-success dark:border-success dark:text-success-foreground dark:placeholder:text-success-foreground/70",
         warning: "bg-warning border-warning text-warning-foreground placeholder:text-warning-foreground/70 dark:bg-warning dark:border-warning dark:text-warning-foreground dark:placeholder:text-warning-foreground/70",
-        destructive: "border-destructive text-purple-mutted-200 placeholder:text-destructive-foreground/70 dark:border-destructive dark:placeholder:text-destructive-foreground/70"
+        destructive: "border-destructive bg-purple-mutted-700 text-purple-mutted-200 placeholder:text-destructive-foreground/70 dark:border-destructive dark:placeholder:text-destructive-foreground/70"
       }
     },
     defaultVariants: {
@@ -3514,7 +3514,7 @@ function Sa({ className: e, variant: t, type: r, error: n, ...o }) {
     {
       type: r,
       "data-slot": "input",
-      className: I(Dd({ variant: s, className: e })),
+      className: _(Dd({ variant: s, className: e })),
       ...o
     }
   );
@@ -5390,7 +5390,7 @@ var Ha = "PopperAnchor", Ga = d.forwardRef(
 Ga.displayName = Ha;
 var xo = "PopperContent", [Pp, kp] = Wa(xo), Ua = d.forwardRef(
   (e, t) => {
-    var _, X, ne, oe, le, ae;
+    var I, X, ne, oe, le, ae;
     const {
       __scopePopper: r,
       side: n = "bottom",
@@ -5445,7 +5445,7 @@ var xo = "PopperContent", [Pp, kp] = Wa(xo), Ua = d.forwardRef(
     ve(() => {
       M && (re == null || re());
     }, [M, re]);
-    const P = (_ = E.arrow) == null ? void 0 : _.x, $ = (X = E.arrow) == null ? void 0 : X.y, z = ((ne = E.arrow) == null ? void 0 : ne.centerOffset) !== 0, [F, te] = d.useState();
+    const P = (I = E.arrow) == null ? void 0 : I.x, $ = (X = E.arrow) == null ? void 0 : X.y, z = ((ne = E.arrow) == null ? void 0 : ne.centerOffset) !== 0, [F, te] = d.useState();
     return ve(() => {
       b && te(window.getComputedStyle(b).zIndex);
     }, [b]), /* @__PURE__ */ l.jsx(
@@ -6373,16 +6373,16 @@ var Ie = 10, [gi, ct] = Ht(bt), jm = "SelectContentImpl", Tm = /* @__PURE__ */ h
       avoidCollisions: v,
       //
       ...b
-    } = e, x = lt(bt, r), [C, S] = d.useState(null), [k, j] = d.useState(null), T = de(t, (_) => S(_)), [R, G] = d.useState(null), [Y, ee] = d.useState(
+    } = e, x = lt(bt, r), [C, S] = d.useState(null), [k, j] = d.useState(null), T = de(t, (I) => S(I)), [R, G] = d.useState(null), [Y, ee] = d.useState(
       null
     ), Q = rn(r), [q, B] = d.useState(!1), O = d.useRef(!1);
     d.useEffect(() => {
       if (C) return Co(C);
     }, [C]), co();
     const N = d.useCallback(
-      (_) => {
+      (I) => {
         const [X, ...ne] = Q().map((ae) => ae.ref.current), [oe] = ne.slice(-1), le = document.activeElement;
-        for (const ae of _)
+        for (const ae of I)
           if (ae === le || (ae == null || ae.scrollIntoView({ block: "nearest" }), ae === X && k && (k.scrollTop = 0), ae === oe && k && (k.scrollTop = k.scrollHeight), ae == null || ae.focus(), document.activeElement !== le)) return;
       },
       [Q, k]
@@ -6396,39 +6396,39 @@ var Ie = 10, [gi, ct] = Ht(bt), jm = "SelectContentImpl", Tm = /* @__PURE__ */ h
     const { onOpenChange: E, triggerPointerDownPosRef: H } = x;
     d.useEffect(() => {
       if (C) {
-        let _ = { x: 0, y: 0 };
+        let I = { x: 0, y: 0 };
         const X = (oe) => {
           var le, ae;
-          _ = {
+          I = {
             x: Math.abs(Math.round(oe.pageX) - (((le = H.current) == null ? void 0 : le.x) ?? 0)),
             y: Math.abs(Math.round(oe.pageY) - (((ae = H.current) == null ? void 0 : ae.y) ?? 0))
           };
         }, ne = (oe) => {
-          _.x <= 10 && _.y <= 10 ? oe.preventDefault() : C.contains(oe.target) || E(!1), document.removeEventListener("pointermove", X), H.current = null;
+          I.x <= 10 && I.y <= 10 ? oe.preventDefault() : C.contains(oe.target) || E(!1), document.removeEventListener("pointermove", X), H.current = null;
         };
         return H.current !== null && (document.addEventListener("pointermove", X), document.addEventListener("pointerup", ne, { capture: !0, once: !0 })), () => {
           document.removeEventListener("pointermove", X), document.removeEventListener("pointerup", ne, { capture: !0 });
         };
       }
     }, [C, E, H]), d.useEffect(() => {
-      const _ = () => E(!1);
-      return window.addEventListener("blur", _), window.addEventListener("resize", _), () => {
-        window.removeEventListener("blur", _), window.removeEventListener("resize", _);
+      const I = () => E(!1);
+      return window.addEventListener("blur", I), window.addEventListener("resize", I), () => {
+        window.removeEventListener("blur", I), window.removeEventListener("resize", I);
       };
     }, [E]);
-    const [U, re] = Oi((_) => {
-      const X = Q().filter((le) => !le.disabled), ne = X.find((le) => le.ref.current === document.activeElement), oe = Mi(X, _, ne);
+    const [U, re] = Oi((I) => {
+      const X = Q().filter((le) => !le.disabled), ne = X.find((le) => le.ref.current === document.activeElement), oe = Mi(X, I, ne);
       oe && setTimeout(() => oe.ref.current.focus());
     }), P = d.useCallback(
-      (_, X, ne) => {
+      (I, X, ne) => {
         const oe = !O.current && !ne;
-        (x.value !== void 0 && x.value === X || oe) && (G(_), oe && (O.current = !0));
+        (x.value !== void 0 && x.value === X || oe) && (G(I), oe && (O.current = !0));
       },
       [x.value]
     ), $ = d.useCallback(() => C == null ? void 0 : C.focus(), [C]), z = d.useCallback(
-      (_, X, ne) => {
+      (I, X, ne) => {
         const oe = !O.current && !ne;
-        (x.value !== void 0 && x.value === X || oe) && ee(_);
+        (x.value !== void 0 && x.value === X || oe) && ee(I);
       },
       [x.value]
     ), F = n === "popper" ? Un : vi, te = F === Un ? {
@@ -6464,12 +6464,12 @@ var Ie = 10, [gi, ct] = Ht(bt), jm = "SelectContentImpl", Tm = /* @__PURE__ */ h
           {
             asChild: !0,
             trapped: x.open,
-            onMountAutoFocus: (_) => {
-              _.preventDefault();
+            onMountAutoFocus: (I) => {
+              I.preventDefault();
             },
-            onUnmountAutoFocus: J(o, (_) => {
+            onUnmountAutoFocus: J(o, (I) => {
               var X;
-              (X = x.trigger) == null || X.focus({ preventScroll: !0 }), _.preventDefault();
+              (X = x.trigger) == null || X.focus({ preventScroll: !0 }), I.preventDefault();
             }),
             children: /* @__PURE__ */ l.jsx(
               ir,
@@ -6478,7 +6478,7 @@ var Ie = 10, [gi, ct] = Ht(bt), jm = "SelectContentImpl", Tm = /* @__PURE__ */ h
                 disableOutsidePointerEvents: !0,
                 onEscapeKeyDown: s,
                 onPointerDownOutside: a,
-                onFocusOutside: (_) => _.preventDefault(),
+                onFocusOutside: (I) => I.preventDefault(),
                 onDismiss: () => x.onOpenChange(!1),
                 children: /* @__PURE__ */ l.jsx(
                   F,
@@ -6487,7 +6487,7 @@ var Ie = 10, [gi, ct] = Ht(bt), jm = "SelectContentImpl", Tm = /* @__PURE__ */ h
                     id: x.contentId,
                     "data-state": x.open ? "open" : "closed",
                     dir: x.dir,
-                    onContextMenu: (_) => _.preventDefault(),
+                    onContextMenu: (I) => I.preventDefault(),
                     ...b,
                     ...te,
                     onPlaced: () => B(!0),
@@ -6500,15 +6500,15 @@ var Ie = 10, [gi, ct] = Ht(bt), jm = "SelectContentImpl", Tm = /* @__PURE__ */ h
                       outline: "none",
                       ...b.style
                     },
-                    onKeyDown: J(b.onKeyDown, (_) => {
-                      const X = _.ctrlKey || _.altKey || _.metaKey;
-                      if (_.key === "Tab" && _.preventDefault(), !X && _.key.length === 1 && re(_.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(_.key)) {
+                    onKeyDown: J(b.onKeyDown, (I) => {
+                      const X = I.ctrlKey || I.altKey || I.metaKey;
+                      if (I.key === "Tab" && I.preventDefault(), !X && I.key.length === 1 && re(I.key), ["ArrowUp", "ArrowDown", "Home", "End"].includes(I.key)) {
                         let oe = Q().filter((le) => !le.disabled).map((le) => le.ref.current);
-                        if (["ArrowUp", "End"].includes(_.key) && (oe = oe.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(_.key)) {
-                          const le = _.target, ae = oe.indexOf(le);
+                        if (["ArrowUp", "End"].includes(I.key) && (oe = oe.slice().reverse()), ["ArrowUp", "ArrowDown"].includes(I.key)) {
+                          const le = I.target, ae = oe.indexOf(le);
                           oe = oe.slice(ae + 1);
                         }
-                        setTimeout(() => N(oe)), _.preventDefault();
+                        setTimeout(() => N(oe)), I.preventDefault();
                       }
                     })
                   }
@@ -6544,7 +6544,7 @@ var Am = "SelectItemAlignedPosition", vi = d.forwardRef((e, t) => {
         ]);
         i.style.minWidth = je + "px", i.style.right = et + "px";
       }
-      const ee = h(), Q = window.innerHeight - Ie * 2, q = g.scrollHeight, B = window.getComputedStyle(u), O = parseInt(B.borderTopWidth, 10), N = parseInt(B.paddingTop, 10), M = parseInt(B.borderBottomWidth, 10), E = parseInt(B.paddingBottom, 10), H = O + N + q + E + M, U = Math.min(v.offsetHeight * 5, H), re = window.getComputedStyle(g), P = parseInt(re.paddingTop, 10), $ = parseInt(re.paddingBottom, 10), z = T.top + T.height / 2 - Ie, F = Q - z, te = v.offsetHeight / 2, _ = v.offsetTop + te, X = O + N + _, ne = H - X;
+      const ee = h(), Q = window.innerHeight - Ie * 2, q = g.scrollHeight, B = window.getComputedStyle(u), O = parseInt(B.borderTopWidth, 10), N = parseInt(B.paddingTop, 10), M = parseInt(B.borderBottomWidth, 10), E = parseInt(B.paddingBottom, 10), H = O + N + q + E + M, U = Math.min(v.offsetHeight * 5, H), re = window.getComputedStyle(g), P = parseInt(re.paddingTop, 10), $ = parseInt(re.paddingBottom, 10), z = T.top + T.height / 2 - Ie, F = Q - z, te = v.offsetHeight / 2, I = v.offsetTop + te, X = O + N + I, ne = H - X;
       if (X <= z) {
         const le = ee.length > 0 && v === ee[ee.length - 1].ref.current;
         i.style.bottom = "0px";
@@ -7221,8 +7221,8 @@ const Pg = [
   Di,
   {
     ref: n,
-    className: I(
-      I(
+    className: _(
+      _(
         "flex h-9 w-full min-w-0 items-center justify-between",
         "rounded-md border bg-purple-mutted-700 border-purple-mutted-500",
         "text-sm data-[placeholder]:text-muted-foreground [&:not([data-placeholder])]:text-purple-mutted-300 md:text-sm ",
@@ -7244,7 +7244,7 @@ const Yi = d.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ l.jsx(
   Vi,
   {
     ref: r,
-    className: I(
+    className: _(
       "flex cursor-default items-center justify-center py-1",
       e
     ),
@@ -7257,7 +7257,7 @@ const qi = d.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ l.jsx(
   Wi,
   {
     ref: r,
-    className: I(
+    className: _(
       "flex cursor-default items-center justify-center py-1",
       e
     ),
@@ -7271,7 +7271,7 @@ const Xi = d.forwardRef(
     Li,
     {
       ref: s,
-      className: I(
+      className: _(
         "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border bg-purple-mutted-600 border-purple-mutted-500 text-purple-mutted-300 shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
         r === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
         e
@@ -7283,7 +7283,7 @@ const Xi = d.forwardRef(
         /* @__PURE__ */ l.jsx(
           Gm,
           {
-            className: I(
+            className: _(
               "p-1",
               r === "popper" && "h-[var(--radix-select-trigger-height)] w-[var(--radix-select-trigger-width)]"
             ),
@@ -7300,7 +7300,7 @@ const Ng = d.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ l.jsx(
   $i,
   {
     ref: r,
-    className: I("py-1.5 pl-8 pr-2 text-sm font-semibold", e),
+    className: _("py-1.5 pl-8 pr-2 text-sm font-semibold", e),
     ...t
   }
 ));
@@ -7309,8 +7309,8 @@ const Zi = d.forwardRef(({ className: e, children: t, ...r }, n) => /* @__PURE__
   Fi,
   {
     ref: n,
-    className: I(
-      I(
+    className: _(
+      _(
         "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none",
         "focus:bg-purple-mutted-500 focus:text-purple-100 text-purple-100",
         "data-[disabled]:pointer-events-none data-[disabled]:opacity-50"
@@ -7329,7 +7329,7 @@ const jg = d.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ l.jsx(
   Bi,
   {
     ref: r,
-    className: I("-mx-1 my-1 h-px bg-muted", e),
+    className: _("-mx-1 my-1 h-px bg-muted", e),
     ...t
   }
 ));
@@ -7652,7 +7652,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${t.do
     j(6, q);
   }, []);
   let T = d.useMemo(() => ({ subscribe: (P) => (a.current.add(P), () => a.current.delete(P)), snapshot: () => r.current, setState: (P, $, z) => {
-    var F, te, _, X;
+    var F, te, I, X;
     if (!Object.is(r.current[P], $)) {
       if (r.current[P] = $, P === "search") Q(), Y(), j(1, ee);
       else if (P === "value") {
@@ -7665,7 +7665,7 @@ For more information, see https://radix-ui.com/primitives/docs/components/${t.do
           r.current.selectedItemId = (ne = B()) == null ? void 0 : ne.id, T.emit();
         }), z || j(5, q), ((te = i.current) == null ? void 0 : te.value) !== void 0) {
           let ne = $ ?? "";
-          (X = (_ = i.current).onValueChange) == null || X.call(_, ne);
+          (X = (I = i.current).onValueChange) == null || X.call(I, ne);
           return;
         }
       }
@@ -7698,24 +7698,24 @@ For more information, see https://radix-ui.com/primitives/docs/components/${t.do
     if (!r.current.search || i.current.shouldFilter === !1) return;
     let P = r.current.filtered.items, $ = [];
     r.current.filtered.groups.forEach((F) => {
-      let te = o.current.get(F), _ = 0;
+      let te = o.current.get(F), I = 0;
       te.forEach((X) => {
         let ne = P.get(X);
-        _ = Math.max(ne, _);
-      }), $.push([F, _]);
+        I = Math.max(ne, I);
+      }), $.push([F, I]);
     });
     let z = k.current;
     O().sort((F, te) => {
-      var _, X;
+      var I, X;
       let ne = F.getAttribute("id"), oe = te.getAttribute("id");
-      return ((_ = P.get(oe)) != null ? _ : 0) - ((X = P.get(ne)) != null ? X : 0);
+      return ((I = P.get(oe)) != null ? I : 0) - ((X = P.get(ne)) != null ? X : 0);
     }).forEach((F) => {
       let te = F.closest(In);
       te ? te.appendChild(F.parentElement === te ? F : F.closest(`${In} > *`)) : z.appendChild(F.parentElement === z ? F : F.closest(`${In} > *`));
     }), $.sort((F, te) => te[1] - F[1]).forEach((F) => {
       var te;
-      let _ = (te = k.current) == null ? void 0 : te.querySelector(`${Xt}[${Tt}="${encodeURIComponent(F[0])}"]`);
-      _ == null || _.parentElement.appendChild(_);
+      let I = (te = k.current) == null ? void 0 : te.querySelector(`${Xt}[${Tt}="${encodeURIComponent(F[0])}"]`);
+      I == null || I.parentElement.appendChild(I);
     });
   }
   function ee() {
@@ -7730,12 +7730,12 @@ For more information, see https://radix-ui.com/primitives/docs/components/${t.do
     }
     r.current.filtered.groups = /* @__PURE__ */ new Set();
     let te = 0;
-    for (let _ of n.current) {
-      let X = ($ = (P = s.current.get(_)) == null ? void 0 : P.value) != null ? $ : "", ne = (F = (z = s.current.get(_)) == null ? void 0 : z.keywords) != null ? F : [], oe = G(X, ne);
-      r.current.filtered.items.set(_, oe), oe > 0 && te++;
+    for (let I of n.current) {
+      let X = ($ = (P = s.current.get(I)) == null ? void 0 : P.value) != null ? $ : "", ne = (F = (z = s.current.get(I)) == null ? void 0 : z.keywords) != null ? F : [], oe = G(X, ne);
+      r.current.filtered.items.set(I, oe), oe > 0 && te++;
     }
-    for (let [_, X] of o.current) for (let ne of X) if (r.current.filtered.items.get(ne) > 0) {
-      r.current.filtered.groups.add(_);
+    for (let [I, X] of o.current) for (let ne of X) if (r.current.filtered.items.get(ne) > 0) {
+      r.current.filtered.groups.add(I);
       break;
     }
     r.current.filtered.count = te;
@@ -7759,8 +7759,8 @@ For more information, see https://radix-ui.com/primitives/docs/components/${t.do
   }
   function M(P) {
     var $;
-    let z = B(), F = O(), te = F.findIndex((X) => X === z), _ = F[te + P];
-    ($ = i.current) != null && $.loop && (_ = te + P < 0 ? F[F.length - 1] : te + P === F.length ? F[0] : F[te + P]), _ && T.setState("value", _.getAttribute(Tt));
+    let z = B(), F = O(), te = F.findIndex((X) => X === z), I = F[te + P];
+    ($ = i.current) != null && $.loop && (I = te + P < 0 ? F[F.length - 1] : te + P === F.length ? F[0] : F[te + P]), I && T.setState("value", I.getAttribute(Tt));
   }
   function E(P) {
     let $ = B(), z = $ == null ? void 0 : $.closest(Xt), F;
@@ -7958,7 +7958,7 @@ function hh({
     vl,
     {
       "data-slot": "dialog-overlay",
-      className: I(
+      className: _(
         "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-foreground/50 dark:bg-foreground/50",
         e
       ),
@@ -7978,7 +7978,7 @@ function Dy({
       xl,
       {
         "data-slot": "dialog-content",
-        className: I(
+        className: _(
           "bg-background data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg dark:bg-background dark:border-border",
           e
         ),
@@ -8006,7 +8006,7 @@ function Ly({ className: e, ...t }) {
     "div",
     {
       "data-slot": "dialog-header",
-      className: I("flex flex-col gap-2 text-center sm:text-left", e),
+      className: _("flex flex-col gap-2 text-center sm:text-left", e),
       ...t
     }
   );
@@ -8016,7 +8016,7 @@ function $y({ className: e, ...t }) {
     "div",
     {
       "data-slot": "dialog-footer",
-      className: I(
+      className: _(
         "flex flex-col-reverse gap-2 sm:flex-row sm:justify-end",
         e
       ),
@@ -8032,7 +8032,7 @@ function Fy({
     Jg,
     {
       "data-slot": "dialog-title",
-      className: I("text-lg leading-none font-semibold", e),
+      className: _("text-lg leading-none font-semibold", e),
       ...t
     }
   );
@@ -8045,7 +8045,7 @@ function Vy({
     Qg,
     {
       "data-slot": "dialog-description",
-      className: I(
+      className: _(
         "text-muted-foreground text-sm dark:text-muted-foreground",
         e
       ),
@@ -8061,7 +8061,7 @@ function vh({
     Gt,
     {
       "data-slot": "command",
-      className: I(
+      className: _(
         "bg-popover text-popover-foreground flex h-full w-full flex-col overflow-hidden rounded-md",
         e
       ),
@@ -8084,7 +8084,7 @@ function xh({
           Gt.Input,
           {
             "data-slot": "command-input",
-            className: I(
+            className: _(
               "placeholder:text-muted-foreground flex h-10 w-full rounded-md bg-transparent py-3 text-sm outline-hidden disabled:cursor-not-allowed disabled:opacity-50",
               e
             ),
@@ -8103,7 +8103,7 @@ function bh({
     Gt.List,
     {
       "data-slot": "command-list",
-      className: I(
+      className: _(
         "max-h-[300px] scroll-py-1 overflow-x-hidden overflow-y-auto",
         e
       ),
@@ -8131,7 +8131,7 @@ function wh({
     Gt.Group,
     {
       "data-slot": "command-group",
-      className: I(
+      className: _(
         "text-foreground [&_[cmdk-group-heading]]:text-muted-foreground overflow-hidden p-1 [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium",
         e
       ),
@@ -8147,7 +8147,7 @@ function Ch({
     Gt.Item,
     {
       "data-slot": "command-item",
-      className: I(
+      className: _(
         "data-[selected=true]:bg-purple-mutted-500 data-[selected=true]:text-purple-100 [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled=true]:pointer-events-none data-[disabled=true]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         e
       ),
@@ -8389,7 +8389,7 @@ function Fh({
       "data-slot": "popover-content",
       align: t,
       sideOffset: r,
-      className: I(
+      className: _(
         "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border p-4 shadow-md outline-hidden",
         e
       ),
@@ -8422,7 +8422,7 @@ const Ll = d.forwardRef(
           variant: "outline",
           role: "combobox",
           "aria-expanded": f,
-          className: I(
+          className: _(
             "w-full h-9 px-3 py-1 justify-between rounded-md",
             "border border-purple-mutted-500 bg-purple-mutted-700 hover:bg-purple-mutted-700",
             "text-sm md:text-sm text-purple-mutted-300 hover:text-purple-mutted-300 focus:text-purple-mutted-300 active:text-purple-mutted-300",
@@ -8454,7 +8454,7 @@ const Ll = d.forwardRef(
                 {
                   value: v.value,
                   disabled: v.disabled,
-                  className: I(
+                  className: _(
                     "text-purple-100 hover:bg-purple-mutted-500",
                     "focus:bg-purple-mutted-500 focus:text-purple-100",
                     {
@@ -8470,7 +8470,7 @@ const Ll = d.forwardRef(
                     /* @__PURE__ */ l.jsx(
                       Hi,
                       {
-                        className: I(
+                        className: _(
                           "mr-2 h-4 w-4",
                           t === v.value ? "opacity-100" : "opacity-0"
                         )
@@ -8521,7 +8521,7 @@ function $l({ className: e, variant: t, size: r, ...n }) {
   return /* @__PURE__ */ l.jsx(
     "div",
     {
-      className: I(Vh({ variant: t, size: r }), e),
+      className: _(Vh({ variant: t, size: r }), e),
       ...n
     }
   );
@@ -8531,7 +8531,7 @@ function By({ className: e, ...t }) {
     "div",
     {
       "data-slot": "card",
-      className: I(
+      className: _(
         "bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm dark:bg-card dark:text-card-foreground dark:border-border",
         e
       ),
@@ -8544,7 +8544,7 @@ function zy({ className: e, ...t }) {
     "div",
     {
       "data-slot": "card-header",
-      className: I(
+      className: _(
         "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
         e
       ),
@@ -8557,7 +8557,7 @@ function Hy({ className: e, ...t }) {
     "div",
     {
       "data-slot": "card-title",
-      className: I("leading-none font-semibold", e),
+      className: _("leading-none font-semibold", e),
       ...t
     }
   );
@@ -8567,7 +8567,7 @@ function Gy({ className: e, ...t }) {
     "div",
     {
       "data-slot": "card-description",
-      className: I(
+      className: _(
         "text-muted-foreground text-sm dark:text-muted-foreground",
         e
       ),
@@ -8580,7 +8580,7 @@ function Uy({ className: e, ...t }) {
     "div",
     {
       "data-slot": "card-action",
-      className: I(
+      className: _(
         "col-start-2 row-span-2 row-start-1 self-start justify-self-end",
         e
       ),
@@ -8593,7 +8593,7 @@ function Ky({ className: e, ...t }) {
     "div",
     {
       "data-slot": "card-content",
-      className: I("px-6", e),
+      className: _("px-6", e),
       ...t
     }
   );
@@ -8603,7 +8603,7 @@ function Yy({ className: e, ...t }) {
     "div",
     {
       "data-slot": "card-footer",
-      className: I("flex items-center px-6 [.border-t]:pt-6", e),
+      className: _("flex items-center px-6 [.border-t]:pt-6", e),
       ...t
     }
   );
@@ -8691,7 +8691,7 @@ function Xy({
     Kh,
     {
       "data-slot": "progress",
-      className: I(
+      className: _(
         "bg-primary/20 relative h-2 w-full overflow-hidden rounded-full dark:bg-primary/20",
         e
       ),
@@ -8714,7 +8714,7 @@ function qh({
   return /* @__PURE__ */ l.jsx(
     "div",
     {
-      className: I(
+      className: _(
         "animate-pulse rounded-md bg-neutral-900/10 dark:bg-neutral-50/10",
         e
       ),
@@ -8847,7 +8847,7 @@ function Jy({
     ev,
     {
       "data-slot": "switch",
-      className: I(
+      className: _(
         "peer data-[state=checked]:bg-primary data-[state=unchecked]:bg-input focus-visible:border-ring focus-visible:ring-ring/50 inline-flex h-[1.15rem] w-8 shrink-0 items-center rounded-full border border-transparent shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 dark:data-[state=checked]:bg-primary dark:data-[state=unchecked]:bg-input",
         e
       ),
@@ -8856,7 +8856,7 @@ function Jy({
         tv,
         {
           "data-slot": "switch-thumb",
-          className: I(
+          className: _(
             "bg-background pointer-events-none block size-4 rounded-full ring-0 transition-transform data-[state=checked]:translate-x-[calc(100%-2px)] data-[state=unchecked]:translate-x-0 dark:bg-background dark:data-[state=unchecked]:bg-foreground dark:data-[state=checked]:bg-primary-foreground"
           )
         }
@@ -8918,7 +8918,7 @@ function Qy({
     rv,
     {
       "data-slot": "toggle",
-      className: I(ql({ variant: t, size: r, className: e })),
+      className: _(ql({ variant: t, size: r, className: e })),
       ...n
     }
   );
@@ -9231,7 +9231,7 @@ function tw({
       "data-slot": "toggle-group",
       "data-variant": t,
       "data-size": r,
-      className: I(
+      className: _(
         "group/toggle-group flex w-fit items-center rounded-md data-[variant=outline]:shadow-xs dark:data-[variant=outline]:shadow-xs",
         e
       ),
@@ -9254,7 +9254,7 @@ function rw({
       "data-slot": "toggle-group-item",
       "data-variant": s.variant || r,
       "data-size": s.size || n,
-      className: I(
+      className: _(
         ql({
           variant: s.variant || r,
           size: s.size || n
@@ -9596,7 +9596,7 @@ function sw({
     Lv,
     {
       "data-slot": "accordion-item",
-      className: I("border-b last:border-b-0 dark:border-border", e),
+      className: _("border-b last:border-b-0 dark:border-border", e),
       ...t
     }
   );
@@ -9610,7 +9610,7 @@ function aw({
     Fv,
     {
       "data-slot": "accordion-trigger",
-      className: I(
+      className: _(
         "focus-visible:border-ring focus-visible:ring-ring/50 flex flex-1 items-start justify-between gap-4 rounded-md py-4 text-left text-sm font-medium text-foreground transition-all outline-none hover:underline focus-visible:ring-[3px] disabled:pointer-events-none disabled:opacity-50 [&[data-state=open]>svg]:rotate-180 dark:text-foreground dark:focus-visible:border-ring dark:focus-visible:ring-ring/50",
         e
       ),
@@ -9633,7 +9633,7 @@ function iw({
       "data-slot": "accordion-content",
       className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm text-foreground dark:text-foreground",
       ...r,
-      children: /* @__PURE__ */ l.jsx("div", { className: I("pt-0 pb-4", e), children: t })
+      children: /* @__PURE__ */ l.jsx("div", { className: _("pt-0 pb-4", e), children: t })
     }
   );
 }
@@ -10011,7 +10011,7 @@ function mx({
     px,
     {
       "data-slot": "label",
-      className: I(
+      className: _(
         "flex items-center text-purple-mutted-300 gap-2 text-sm leading-none font-medium select-none group-data-[disabled=true]:pointer-events-none group-data-[disabled=true]:opacity-50 peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
         e
       ),
@@ -10045,7 +10045,7 @@ function hx({ className: e, ...t }) {
     "div",
     {
       "data-slot": "form-item",
-      className: I("grid gap-2", e),
+      className: _("grid gap-2", e),
       ...t
     }
   ) });
@@ -10059,7 +10059,7 @@ function vx({
     mx,
     {
       "data-slot": "form-label",
-      className: I(
+      className: _(
         "data-[error=true]:text-destructive font-normal text-sm",
         e
       ),
@@ -10088,7 +10088,7 @@ function bx({ className: e, ...t }) {
     {
       "data-slot": "form-description",
       id: r,
-      className: I("text-purple-mutted-300 text-sm", e),
+      className: _("text-purple-mutted-300 text-sm", e),
       ...t
     }
   );
@@ -10100,7 +10100,7 @@ function yx({ className: e, ...t }) {
     {
       "data-slot": "form-message",
       id: n,
-      className: I("text-destructive text-sm", e),
+      className: _("text-destructive text-sm", e),
       ...t,
       children: o
     }
@@ -10452,7 +10452,7 @@ function Zc({
     {
       "data-slot": "tooltip-content",
       sideOffset: t,
-      className: I(
+      className: _(
         "bg-purple-mutted-700 border border-purple-mutted-600 text-primary-foreground animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance",
         e,
         { "py-2.5": n }
@@ -10561,7 +10561,7 @@ const zx = Ho(Jc), Hx = L.forwardRef((e, t) => {
       disabled: a
     }
   );
-}), Gx = Ho(Hx), Ux = (e) => /* @__PURE__ */ l.jsx("hr", { className: "w-full h-px border-purple-mutted-500", ...e }), Kx = ({ children: e, description: t, className: r }) => /* @__PURE__ */ l.jsxs("div", { className: I("space-y-1", r), children: [
+}), Gx = Ho(Hx), Ux = (e) => /* @__PURE__ */ l.jsx("hr", { className: "w-full h-px border-purple-mutted-500", ...e }), Kx = ({ children: e, description: t, className: r }) => /* @__PURE__ */ l.jsxs("div", { className: _("space-y-1", r), children: [
   /* @__PURE__ */ l.jsx("h2", { className: "flex items-center gap-2.5 text-2xl text-white", children: e }),
   t && /* @__PURE__ */ l.jsx("span", { className: "text-sm text-purple-mutted-300", children: t })
 ] }), Ut = (e) => {
@@ -10572,7 +10572,7 @@ const zx = Ho(Jc), Hx = L.forwardRef((e, t) => {
     onSubmit: o = () => {
     },
     ...s
-  } = e, { handleSubmit: a } = n, i = I("flex flex-col gap-6", {}, t);
+  } = e, { handleSubmit: a } = n, i = _("flex flex-col gap-6", {}, t);
   return /* @__PURE__ */ l.jsx(tx, { methods: n, disabled: r, children: /* @__PURE__ */ l.jsx("form", { className: i, onSubmit: a(o), ...s }) });
 };
 Ut.Button = nx;
@@ -11466,25 +11466,25 @@ const gu = oo(void 0), Kb = ({ children: e, step: t }) => /* @__PURE__ */ l.jsx(
   step: t,
   ...r
 }) => {
-  const n = I("flex flex-col gap-4", e);
+  const n = _("flex flex-col gap-4", e);
   return /* @__PURE__ */ l.jsx(Kb, { step: t ?? 0, children: /* @__PURE__ */ l.jsx(fu, { className: n, step: t, ...r }) });
 }, qb = ({
   className: e,
   ...t
 }) => {
-  const r = I("flex flex-row gap-4", e);
+  const r = _("flex flex-row gap-4", e);
   return /* @__PURE__ */ l.jsx(cu, { className: r, ...t });
 }, Xb = ({
   className: e,
   ...t
 }) => {
-  const r = I("flex flex-row items-center gap-4", e);
+  const r = _("flex flex-row items-center gap-4", e);
   return /* @__PURE__ */ l.jsx(lu, { className: r, ...t });
 }, Zb = ({
   className: e,
   ...t
 }) => {
-  const r = I(
+  const r = _(
     "flex flex-row items-center gap-4 text-purple-mutted-100 text-sm",
     e
   );
@@ -11494,13 +11494,13 @@ const gu = oo(void 0), Kb = ({ children: e, step: t }) => /* @__PURE__ */ l.jsx(
   className: t,
   ...r
 }) => {
-  const { step: n } = hu(), o = e === n, s = e < n, a = I(
+  const { step: n } = hu(), o = e === n, s = e < n, a = _(
     "flex items-center justify-center w-8 h-8 rounded-full text-white",
     s && "bg-green-700",
     o && "bg-green-600",
     !s && !o && "bg-purple-mutted-500",
     t
-  ), i = I({
+  ), i = _({
     "text-white": o,
     "text-purple-mutted-300": !s && e !== n
   });
@@ -11510,7 +11510,7 @@ const gu = oo(void 0), Kb = ({ children: e, step: t }) => /* @__PURE__ */ l.jsx(
   className: t,
   ...r
 }) => {
-  const { step: n } = hu(), o = e < n, s = I(
+  const { step: n } = hu(), o = e < n, s = _(
     "min-w-12 h-px",
     o ? "bg-green-400" : "bg-gray-400",
     t
@@ -11520,19 +11520,19 @@ const gu = oo(void 0), Kb = ({ children: e, step: t }) => /* @__PURE__ */ l.jsx(
   className: e,
   ...t
 }) => {
-  const r = I(e);
+  const r = _(e);
   return /* @__PURE__ */ l.jsx(au, { className: r, ...t });
 }, ty = ({
   className: e,
   ...t
 }) => {
-  const r = I(e);
+  const r = _(e);
   return /* @__PURE__ */ l.jsx(su, { className: r, ...t });
 }, ry = ({
   className: e,
   ...t
 }) => {
-  const r = I(
+  const r = _(
     "bg-primary text-white px-4 py-2 rounded-md",
     e
   );
@@ -11541,7 +11541,7 @@ const gu = oo(void 0), Kb = ({ children: e, step: t }) => /* @__PURE__ */ l.jsx(
   className: e,
   ...t
 }) => {
-  const r = I(
+  const r = _(
     "bg-primary text-white px-4 py-2 rounded-md",
     e
   );
@@ -11592,12 +11592,12 @@ function sy(e) {
 function ay(e) {
   return typeof e == "object" && typeof e.$$typeof == "symbol" && ["react.memo", "react.forward_ref"].includes(e.$$typeof.description);
 }
-const vu = d.forwardRef(({ className: e, wrapperClassName: t, ...r }, n) => /* @__PURE__ */ l.jsx("div", { className: I("relative w-full overflow-auto", t), children: /* @__PURE__ */ l.jsx(
+const vu = d.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ l.jsx("div", { className: _("relative w-full overflow-auto h-[100%]"), children: /* @__PURE__ */ l.jsx(
   "table",
   {
-    ref: n,
-    className: I("w-full caption-bottom text-sm", e),
-    ...r
+    ref: r,
+    className: _("w-full caption-bottom text-sm", e),
+    ...t
   }
 ) }));
 vu.displayName = "Table";
@@ -11605,7 +11605,7 @@ const xu = d.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ l.jsx(
   "thead",
   {
     ref: r,
-    className: I("sticky top-0 z-10 b-0 [&>tr]:border-0", e),
+    className: _("sticky top-0 z-10 b-0 [&>tr]:border-0", e),
     ...t
   }
 ));
@@ -11614,7 +11614,7 @@ const bu = d.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ l.jsx(
   "tbody",
   {
     ref: r,
-    className: I(
+    className: _(
       "[&_tr:last-child]:border-0 [&_tr:first-child]:border-top-0",
       e
     ),
@@ -11626,7 +11626,7 @@ const iy = d.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ l.jsx(
   "tfoot",
   {
     ref: r,
-    className: I(
+    className: _(
       "border-t bg-muted/50 font-medium [&>tr]:last:border-b-0",
       e
     ),
@@ -11638,7 +11638,7 @@ const mt = d.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ l.jsx(
   "tr",
   {
     ref: r,
-    className: I(
+    className: _(
       "border-b border-purple-mutted-600 transition-colors hover:bg-muted/50 data-[state=selected]:bg-muted",
       e,
       { "cursor-pointer hover:bg-purple-mutted-600/20": !!t.onClick }
@@ -11651,7 +11651,7 @@ const yu = d.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ l.jsx(
   "th",
   {
     ref: r,
-    className: I(
+    className: _(
       "h-12 px-4 text-left align-middle font-medium text-muted-foreground [&:has([role=checkbox])]:pr-0",
       e
     ),
@@ -11663,7 +11663,7 @@ const It = d.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ l.jsx(
   "td",
   {
     ref: r,
-    className: I("p-4 align-middle [&:has([role=checkbox])]:pr-0", e),
+    className: _("p-4 align-middle [&:has([role=checkbox])]:pr-0", e),
     ...t
   }
 ));
@@ -11672,7 +11672,7 @@ const ly = d.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ l.jsx(
   "caption",
   {
     ref: r,
-    className: I("mt-4 text-sm text-muted-foreground", e),
+    className: _("mt-4 text-sm text-muted-foreground", e),
     ...t
   }
 ));
@@ -11940,7 +11940,7 @@ const cy = ({ title: e = "No results" }) => /* @__PURE__ */ l.jsx("div", { class
   {
     role: "navigation",
     "aria-label": "pagination",
-    className: I("mx-auto flex w-full justify-center", e),
+    className: _("mx-auto flex w-full justify-center", e),
     ...t
   }
 );
@@ -11949,12 +11949,12 @@ const Cu = d.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ l.jsx(
   "ul",
   {
     ref: r,
-    className: I("flex flex-row items-center gap-1", e),
+    className: _("flex flex-row items-center gap-1", e),
     ...t
   }
 ));
 Cu.displayName = "PaginationContent";
-const tr = d.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ l.jsx("li", { ref: r, className: I("", e), ...t }));
+const tr = d.forwardRef(({ className: e, ...t }, r) => /* @__PURE__ */ l.jsx("li", { ref: r, className: _("", e), ...t }));
 tr.displayName = "PaginationItem";
 const Su = ({
   className: e,
@@ -11965,7 +11965,7 @@ const Su = ({
   "a",
   {
     "aria-current": t ? "page" : void 0,
-    className: I(
+    className: _(
       Ca({
         variant: t ? "outline" : "ghost",
         size: r
@@ -11983,7 +11983,7 @@ const Eu = ({
   "span",
   {
     "aria-hidden": !0,
-    className: I("flex h-9 w-9 items-center justify-center", e),
+    className: _("flex h-9 w-9 items-center justify-center", e),
     ...t,
     children: [
       /* @__PURE__ */ l.jsx(pg, { className: "h-4 w-4" }),
@@ -12003,19 +12003,19 @@ const fy = ({
   const a = Ar(() => {
     const m = "text-purple-mutted-300 dark:text-purple-mutted-300", w = "hover:bg-purple-mutted-600 hover:text-purple-mutted-300 dark:hover:bg-purple-mutted-600 dark:hover:text-purple-mutted-300", g = "bg-purple-mutted-600 text-purple-mutted-300 dark:bg-purple-mutted-600 dark:text-purple-mutted-300", v = "border-none flex items-center justify-center w-8 h-8", b = "pointer-events-none opacity-50 cursor-not-allowed";
     return {
-      previous: I(
+      previous: _(
         n === 1 || t ? "pointer-events-none opacity-50" : "cursor-pointer",
         v,
         m,
         t && b
       ),
-      next: I(
+      next: _(
         n === r || t ? "pointer-events-none opacity-50" : "cursor-pointer",
         v,
         m,
         t && b
       ),
-      link: (x) => I(
+      link: (x) => _(
         v,
         t ? "cursor-not-allowed" : "cursor-pointer",
         m,
@@ -12150,10 +12150,20 @@ const fy = ({
     ));
   };
   return /* @__PURE__ */ l.jsxs("div", { className: "flex flex-col h-full w-full", children: [
-    /* @__PURE__ */ l.jsx("div", { className: "flex-1 min-h-0", children: /* @__PURE__ */ l.jsx("div", { className: "h-fit max-h-full overflow-auto min-h-0 rounded-lg border border-purple-mutted-600", children: /* @__PURE__ */ l.jsxs(vu, { wrapperClassName: f, children: [
-      /* @__PURE__ */ l.jsx(xu, { children: m() }),
-      /* @__PURE__ */ l.jsx(bu, { children: w() })
-    ] }) }) }),
+    /* @__PURE__ */ l.jsx("div", { className: "flex-1 min-h-0", children: /* @__PURE__ */ l.jsx(
+      "div",
+      {
+        className: _(
+          "max-h-[100%] min-h-0 overflow-auto rounded-lg border border-purple-mutted-600",
+          f
+        ),
+        style: { height: "-webkit-fill-available" },
+        children: /* @__PURE__ */ l.jsxs(vu, { children: [
+          /* @__PURE__ */ l.jsx(xu, { children: m() }),
+          /* @__PURE__ */ l.jsx(bu, { children: w() })
+        ] })
+      }
+    ) }),
     h && /* @__PURE__ */ l.jsx("footer", { className: "pt-4 pb-2 bg-background border-t border-purple-mutted-600/20 flex-shrink-0", children: /* @__PURE__ */ l.jsx(fy, { table: e, isLoading: o }) })
   ] });
 }, ia = (e) => {
@@ -12200,7 +12210,7 @@ const fy = ({
         /* @__PURE__ */ l.jsx(
           tg,
           {
-            className: I("ml-2 h-4 w-4", {
+            className: _("ml-2 h-4 w-4", {
               invisible: !n
             })
           }
@@ -12232,25 +12242,25 @@ const fy = ({
   disableFilterIcon: o = !0,
   ...s
 }) => {
-  const a = r === la.LARGE ? "pl-12 py-3 pr-4 h-[45px]" : "pl-9 py-1.5 pr-2 h-[33px]", i = I(
+  const a = r === la.LARGE ? "pl-12 py-3 pr-4 h-[45px]" : "pl-9 py-1.5 pr-2 h-[33px]", i = _(
     "absolute top-1/2 h-4 w-4 -translate-y-1/2",
     n ? "text-purple-mutted-600" : "text-purple-mutted-400"
-  ), c = I(
+  ), c = _(
     "text-purple-mutted-200 dark:border-purple-mutted-600 dark:text-purple-mutted-200 dark:bg-[#1C1C1C] dark:placeholder:text-purple-mutted-400 pl-9",
     { " pr-9": !o }
   );
-  return /* @__PURE__ */ l.jsxs("div", { className: I("relative", e), children: [
-    /* @__PURE__ */ l.jsx(Gi, { className: I(i, "left-3") }),
+  return /* @__PURE__ */ l.jsxs("div", { className: _("relative", e), children: [
+    /* @__PURE__ */ l.jsx(Gi, { className: _(i, "left-3") }),
     /* @__PURE__ */ l.jsx(
       Sa,
       {
-        className: I(a, c, t),
+        className: _(a, c, t),
         disabled: n,
         ...s,
         ...py
       }
     ),
-    !o && /* @__PURE__ */ l.jsx(vg, { className: I(i, "right-3") })
+    !o && /* @__PURE__ */ l.jsx(vg, { className: _(i, "right-3") })
   ] });
 }, my = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/, gy = (e) => e.split(/[,\s]+/).map((t) => t.trim()).filter(Boolean), hy = (e, t) => {
   var n;
@@ -12503,16 +12513,16 @@ const fy = ({
       re && ((P = f.current) != null && P.contains(re)) || h.trim() && (x(h), m(""));
     },
     [h, x]
-  ), B = v.length > 0, O = !B && h.length === 0, N = B || h.length > 0, M = I(
+  ), B = v.length > 0, O = !B && h.length === 0, N = B || h.length > 0, M = _(
     "bg-transparent text-sm outline-none  border-0 p-0 h-6 shadow-none focus-visible:ring-0 whitespace-nowrap text-purple-mutted-200 placeholder:text-purple-mutted-400",
     B ? "flex-none shrink-0 overflow-x-auto overflow-y-hidden no-scrollbar" : "flex-1 !min-w-full overflow-hidden",
     { "opacity-50 cursor-not-allowed": t },
     s
-  ), E = I(
+  ), E = _(
     "inline-flex items-center gap-1 no-scrollbar",
     B ? "w-max" : "w-full",
     a
-  ), H = I(
+  ), H = _(
     "relative w-full max-w-full min-w-0 overflow-hidden rounded-md border pl-9 pr-14 py-2 pl-9 pr-14 py-2 focus-within:ring-1 border-purple-mutted-500 dark:bg-purple-mutted-800 focus-within:ring-purple-mutted-400",
     i
   );
@@ -12619,7 +12629,7 @@ export {
   rw as ToggleGroupItem,
   Yo as Tooltip,
   Ry as borderRadius,
-  I as cn,
+  _ as cn,
   Py as colors,
   ky as spacing,
   Ny as typography,