@clidey/ux 0.20.1 → 0.21.1

package/dist/index.js

@@ -31,10 +31,10 @@ import * as S from "@radix-ui/react-alert-dialog";
 function r(...e) {
   return Ce(ze(e));
 }
-function Ut(e) {
+function Kt(e) {
   return e.replace(/_/g, " ").replace(/\w\S*/g, (t) => t.charAt(0).toUpperCase() + t.slice(1).toLowerCase());
 }
-function Wt(e) {
+function Ut(e) {
   const o = (/* @__PURE__ */ new Date()).getTime() - e.getTime(), n = Math.floor(o / 1e3);
   if (n < 60)
     return "just now";
@@ -69,7 +69,7 @@ const Ve = O(
     }
   }
 );
-function qt({
+function Wt({
   className: e,
   variant: t,
   asChild: o = !1,
@@ -125,7 +125,7 @@ function J({
     }
   );
 }
-function Xt({ className: e, ...t }) {
+function qt({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -138,7 +138,7 @@ function Xt({ className: e, ...t }) {
     }
   );
 }
-function Yt({ className: e, ...t }) {
+function Xt({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -151,7 +151,7 @@ function Yt({ className: e, ...t }) {
     }
   );
 }
-function Jt({ className: e, ...t }) {
+function Yt({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -161,7 +161,7 @@ function Jt({ className: e, ...t }) {
     }
   );
 }
-function Qt({ className: e, ...t }) {
+function Jt({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -171,7 +171,7 @@ function Qt({ className: e, ...t }) {
     }
   );
 }
-function Zt({ className: e, ...t }) {
+function Qt({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -181,7 +181,7 @@ function Zt({ className: e, ...t }) {
     }
   );
 }
-function ea({ className: e, ...t }) {
+function Zt({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -191,22 +191,22 @@ function ea({ className: e, ...t }) {
     }
   );
 }
-function ta({
+function ea({
   ...e
 }) {
   return /* @__PURE__ */ a(h.Root, { "data-slot": "context-menu", ...e });
 }
-function aa({
+function ta({
   ...e
 }) {
   return /* @__PURE__ */ a(h.Trigger, { "data-slot": "context-menu-trigger", ...e });
 }
-function ra({
+function aa({
   ...e
 }) {
   return /* @__PURE__ */ a(h.Sub, { "data-slot": "context-menu-sub", ...e });
 }
-function oa({
+function ra({
   ...e
 }) {
   return /* @__PURE__ */ a(
@@ -217,7 +217,7 @@ function oa({
     }
   );
 }
-function na({
+function oa({
   className: e,
   inset: t,
   children: o,
@@ -240,7 +240,7 @@ function na({
     }
   );
 }
-function ia({
+function na({
   className: e,
   ...t
 }) {
@@ -256,7 +256,7 @@ function ia({
     }
   );
 }
-function sa({
+function ia({
   className: e,
   ...t
 }) {
@@ -272,7 +272,7 @@ function sa({
     }
   ) });
 }
-function da({
+function sa({
   className: e,
   inset: t,
   variant: o = "default",
@@ -292,7 +292,7 @@ function da({
     }
   );
 }
-function la({
+function da({
   className: e,
   children: t,
   checked: o,
@@ -315,7 +315,7 @@ function la({
     }
   );
 }
-function ca({
+function la({
   className: e,
   children: t,
   ...o
@@ -336,7 +336,7 @@ function ca({
     }
   );
 }
-function ua({
+function ca({
   className: e,
   inset: t,
   ...o
@@ -354,7 +354,7 @@ function ua({
     }
   );
 }
-function ma({
+function ua({
   className: e,
   ...t
 }) {
@@ -367,7 +367,7 @@ function ma({
     }
   );
 }
-function fa({
+function ma({
   className: e,
   ...t
 }) {
@@ -383,17 +383,17 @@ function fa({
     }
   );
 }
-function pa({
+function fa({
   ...e
 }) {
   return /* @__PURE__ */ a(R.Root, { "data-slot": "drawer", ...e });
 }
-function ga({
+function pa({
   ...e
 }) {
   return /* @__PURE__ */ a(R.Trigger, { "data-slot": "drawer-trigger", ...e });
 }
-function ba({
+function ga({
   ...e
 }) {
   return /* @__PURE__ */ a(R.Close, { "data-slot": "drawer-close", ...e });
@@ -414,7 +414,7 @@ function Ge({
     }
   );
 }
-function ha({
+function ba({
   className: e,
   children: t,
   ...o
@@ -442,7 +442,7 @@ function ha({
     )
   ] });
 }
-function va({ className: e, ...t }) {
+function ha({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -455,7 +455,7 @@ function va({ className: e, ...t }) {
     }
   );
 }
-function xa({ className: e, ...t }) {
+function va({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -465,7 +465,7 @@ function xa({ className: e, ...t }) {
     }
   );
 }
-function wa({
+function xa({
   className: e,
   ...t
 }) {
@@ -478,7 +478,7 @@ function wa({
     }
   );
 }
-function ya({
+function wa({
   className: e,
   ...t
 }) {
@@ -545,7 +545,7 @@ function K({
     }
   );
 }
-function Na({
+function ya({
   className: e,
   children: t,
   checked: o,
@@ -568,7 +568,7 @@ function Na({
     }
   );
 }
-function ka({
+function Na({
   ...e
 }) {
   return /* @__PURE__ */ a(
@@ -579,7 +579,7 @@ function ka({
     }
   );
 }
-function za({
+function ka({
   className: e,
   children: t,
   ...o
@@ -600,7 +600,7 @@ function za({
     }
   );
 }
-function Ca({
+function za({
   className: e,
   inset: t,
   ...o
@@ -618,7 +618,7 @@ function Ca({
     }
   );
 }
-function Sa({
+function Ca({
   className: e,
   ...t
 }) {
@@ -631,7 +631,7 @@ function Sa({
     }
   );
 }
-function Ta({
+function Sa({
   className: e,
   ...t
 }) {
@@ -647,12 +647,12 @@ function Ta({
     }
   );
 }
-function _a({
+function Ta({
   ...e
 }) {
   return /* @__PURE__ */ a(v.Sub, { "data-slot": "dropdown-menu-sub", ...e });
 }
-function Da({
+function _a({
   className: e,
   inset: t,
   children: o,
@@ -675,7 +675,7 @@ function Da({
     }
   );
 }
-function Ma({
+function Da({
   className: e,
   ...t
 }) {
@@ -707,7 +707,7 @@ function Ue({ className: e, type: t, ...o }) {
     }
   );
 }
-function Ia({ className: e, ...t }) {
+function Ma({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "textarea",
     {
@@ -722,7 +722,7 @@ function Ia({ className: e, ...t }) {
     }
   );
 }
-function Pa({
+function Ia({
   className: e,
   ...t
 }) {
@@ -752,7 +752,7 @@ function Pa({
     }
   );
 }
-function Ra({
+function Pa({
   className: e,
   ...t
 }) {
@@ -768,7 +768,7 @@ function Ra({
     }
   );
 }
-function Aa({ className: e, ...t }) {
+function Ra({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "nav",
     {
@@ -780,7 +780,7 @@ function Aa({ className: e, ...t }) {
     }
   );
 }
-function La({
+function Aa({
   className: e,
   ...t
 }) {
@@ -793,7 +793,7 @@ function La({
     }
   );
 }
-function Ea({ ...e }) {
+function La({ ...e }) {
   return /* @__PURE__ */ a("li", { "data-slot": "pagination-item", ...e });
 }
 function de({
@@ -819,7 +819,7 @@ function de({
     }
   );
 }
-function ja({
+function Ea({
   className: e,
   ...t
 }) {
@@ -837,7 +837,7 @@ function ja({
     }
   );
 }
-function Ba({
+function ja({
   className: e,
   ...t
 }) {
@@ -855,7 +855,7 @@ function Ba({
     }
   );
 }
-function Oa({
+function Ba({
   className: e,
   ...t
 }) {
@@ -913,7 +913,7 @@ function ae({ className: e, ...t }) {
     }
   );
 }
-const $a = ({ ...e }) => {
+const Oa = ({ ...e }) => {
   const { theme: t = "system" } = Ee();
   return /* @__PURE__ */ a(
     je,
@@ -929,7 +929,7 @@ const $a = ({ ...e }) => {
     }
   );
 };
-function Va({
+function $a({
   rowCount: e,
   rowHeight: t = 48,
   height: o = 400,
@@ -939,18 +939,18 @@ function Va({
   return /* @__PURE__ */ a(
     Be,
     {
-      className: r("w-full relative block", n),
+      className: r("w-full", n),
       height: o,
       itemCount: e,
       itemSize: t,
       width: "100%",
       outerElementType: Ye,
       innerElementType: xe,
-      children: ({ index: d, style: u }) => /* @__PURE__ */ a(Je, { style: u, children: s(d, u) }, d)
+      children: ({ index: d, style: u }) => s(d, u)
     }
   );
 }
-function Ga({ className: e, ...t }) {
+function Va({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -967,7 +967,7 @@ function Ga({ className: e, ...t }) {
     }
   );
 }
-function Ha({ className: e, ...t }) {
+function Ga({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "thead",
     {
@@ -987,13 +987,13 @@ function Ye({ className: e, ...t }) {
     }
   );
 }
-function Je({ className: e, style: t, ...o }) {
+function Ha({ className: e, style: t, ...o }) {
   return /* @__PURE__ */ a(
     "tr",
     {
       "data-slot": "table-row",
       className: r(
-        "hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors flex items-center",
+        "hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",
         e
       ),
       style: t,
@@ -1003,20 +1003,19 @@ function Je({ className: e, style: t, ...o }) {
 }
 function Fa({ className: e, ...t }) {
   const { icon: o, ...n } = t, { children: s } = n;
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ a(
     "th",
     {
       "data-slot": "table-head",
       className: r(
-        o && "gap-2",
-        "text-foreground h-10 px-2 text-left align-middle font-medium whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] w-full flex items-center",
+        "text-foreground h-10 px-4 py-2 text-left align-middle font-medium [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] w-fit max-w-[500px] whitespace-nowrap overflow-hidden",
         e
       ),
       ...n,
-      children: [
+      children: /* @__PURE__ */ i("div", { className: "flex items-center gap-2 w-fit", children: [
         o,
-        s
-      ]
+        /* @__PURE__ */ a("span", { className: "truncate", children: s })
+      ] })
     }
   );
 }
@@ -1026,7 +1025,7 @@ function Ka({ className: e, ...t }) {
     {
       "data-slot": "table-cell",
       className: r(
-        "p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] w-full flex items-center",
+        "px-4 py-2 align-middle [&:has([role=checkbox])]:pr-0 [&>[role=checkbox]]:translate-y-[2px] max-w-[500px] min-w-0 whitespace-nowrap overflow-hidden",
         e
       ),
       ...t
@@ -1117,17 +1116,17 @@ function le({
     }
   );
 }
-function Qe({
+function Je({
   ...e
 }) {
   return /* @__PURE__ */ a(le, { children: /* @__PURE__ */ a(L.Root, { "data-slot": "tooltip", ...e }) });
 }
-function Ze({
+function Qe({
   ...e
 }) {
   return /* @__PURE__ */ a(L.Trigger, { "data-slot": "tooltip-trigger", ...e });
 }
-function et({
+function Ze({
   className: e,
   sideOffset: t = 0,
   children: o,
@@ -1230,12 +1229,12 @@ function or({
 }) {
   return /* @__PURE__ */ a(b.Trigger, { "data-slot": "dialog-trigger", ...e });
 }
-function tt({
+function et({
   ...e
 }) {
   return /* @__PURE__ */ a(b.Portal, { "data-slot": "dialog-portal", ...e });
 }
-function at({
+function tt({
   className: e,
   ...t
 }) {
@@ -1257,8 +1256,8 @@ function nr({
   showCloseButton: o = !0,
   ...n
 }) {
-  return /* @__PURE__ */ i(tt, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ a(at, {}),
+  return /* @__PURE__ */ i(et, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ a(tt, {}),
     /* @__PURE__ */ i(
       b.Content,
       {
@@ -1335,7 +1334,7 @@ function lr({
     }
   );
 }
-function rt({
+function at({
   className: e,
   ...t
 }) {
@@ -1351,7 +1350,7 @@ function rt({
     }
   );
 }
-function ot({
+function rt({
   className: e,
   ...t
 }) {
@@ -1377,7 +1376,7 @@ function ot({
     }
   );
 }
-function nt({
+function ot({
   className: e,
   ...t
 }) {
@@ -1393,7 +1392,7 @@ function nt({
     }
   );
 }
-function it({
+function nt({
   ...e
 }) {
   return /* @__PURE__ */ a(
@@ -1405,7 +1404,7 @@ function it({
     }
   );
 }
-function st({
+function it({
   className: e,
   ...t
 }) {
@@ -1421,7 +1420,7 @@ function st({
     }
   );
 }
-function dt({
+function st({
   className: e,
   ...t
 }) {
@@ -1493,7 +1492,7 @@ function pr({
       position: o,
       ...n,
       children: [
-        /* @__PURE__ */ a(lt, {}),
+        /* @__PURE__ */ a(dt, {}),
         /* @__PURE__ */ a(
           w.Viewport,
           {
@@ -1504,7 +1503,7 @@ function pr({
             children: t
           }
         ),
-        /* @__PURE__ */ a(ct, {})
+        /* @__PURE__ */ a(lt, {})
       ]
     }
   ) });
@@ -1543,7 +1542,7 @@ function br({
     }
   );
 }
-function lt({
+function dt({
   className: e,
   ...t
 }) {
@@ -1560,7 +1559,7 @@ function lt({
     }
   );
 }
-function ct({
+function lt({
   className: e,
   ...t
 }) {
@@ -1638,9 +1637,9 @@ function hr({
         ]
       }
     ) }),
-    /* @__PURE__ */ a(Xe, { className: r("p-0", u), side: l, align: T, children: /* @__PURE__ */ i(rt, { children: [
+    /* @__PURE__ */ a(Xe, { className: r("p-0", u), side: l, align: T, children: /* @__PURE__ */ i(at, { children: [
       /* @__PURE__ */ a(
-        ot,
+        rt,
         {
           placeholder: o,
           value: P,
@@ -1648,15 +1647,15 @@ function hr({
           ..._
         }
       ),
-      /* @__PURE__ */ i(nt, { children: [
-        /* @__PURE__ */ i(it, { children: [
+      /* @__PURE__ */ i(ot, { children: [
+        /* @__PURE__ */ i(nt, { children: [
           "No ",
           z?.toLowerCase() ?? "option",
           " found."
         ] }),
-        /* @__PURE__ */ i(st, { children: [
+        /* @__PURE__ */ i(it, { children: [
           be.map((x) => /* @__PURE__ */ i(
-            dt,
+            st,
             {
               value: x.value,
               onSelect: (ve) => he(ve),
@@ -1684,7 +1683,7 @@ function hr({
   ] });
 }
 const U = 768;
-function ut() {
+function ct() {
   const [e, t] = g.useState(void 0);
   return g.useEffect(() => {
     const o = window.matchMedia(`(max-width: ${U - 1}px)`), n = () => {
@@ -1713,7 +1712,7 @@ function ce({
     }
   );
 }
-function mt({ ...e }) {
+function ut({ ...e }) {
   return /* @__PURE__ */ a(b.Root, { "data-slot": "sheet", ...e });
 }
 function vr({
@@ -1721,12 +1720,12 @@ function vr({
 }) {
   return /* @__PURE__ */ a(b.Trigger, { "data-slot": "sheet-trigger", ...e });
 }
-function ft({
+function mt({
   ...e
 }) {
   return /* @__PURE__ */ a(b.Portal, { "data-slot": "sheet-portal", ...e });
 }
-function pt({
+function ft({
   className: e,
   ...t
 }) {
@@ -1742,14 +1741,14 @@ function pt({
     }
   );
 }
-function gt({
+function pt({
   className: e,
   children: t,
   side: o = "right",
   ...n
 }) {
-  return /* @__PURE__ */ i(ft, { children: [
-    /* @__PURE__ */ a(pt, {}),
+  return /* @__PURE__ */ i(mt, { children: [
+    /* @__PURE__ */ a(ft, {}),
     /* @__PURE__ */ i(
       b.Content,
       {
@@ -1774,7 +1773,7 @@ function gt({
     )
   ] });
 }
-function bt({ className: e, ...t }) {
+function gt({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -1794,7 +1793,7 @@ function xr({ className: e, ...t }) {
     }
   );
 }
-function ht({
+function bt({
   className: e,
   ...t
 }) {
@@ -1807,7 +1806,7 @@ function ht({
     }
   );
 }
-function vt({
+function ht({
   className: e,
   ...t
 }) {
@@ -1820,7 +1819,7 @@ function vt({
     }
   );
 }
-const xt = "sidebar_state", wt = 3600 * 24 * 7, yt = "16rem", Nt = "18rem", kt = "3rem", zt = "b", ue = g.createContext(null);
+const vt = "sidebar_state", xt = 3600 * 24 * 7, wt = "16rem", yt = "18rem", Nt = "3rem", kt = "b", ue = g.createContext(null);
 function F() {
   const e = g.useContext(ue);
   if (!e)
@@ -1836,16 +1835,16 @@ function wr({
   children: d,
   ...u
 }) {
-  const c = ut(), [f, l] = g.useState(!1), [T, M] = g.useState(e), z = t ?? T, _ = g.useCallback(
+  const c = ct(), [f, l] = g.useState(!1), [T, M] = g.useState(e), z = t ?? T, _ = g.useCallback(
     (p) => {
       const m = typeof p == "function" ? p(z) : p;
-      o ? o(m) : M(m), document.cookie = `${xt}=${m}; path=/; max-age=${wt}`;
+      o ? o(m) : M(m), document.cookie = `${vt}=${m}; path=/; max-age=${xt}`;
     },
     [o, z]
   ), C = g.useCallback(() => c ? l((p) => !p) : _((p) => !p), [c, _, l]);
   g.useEffect(() => {
     const p = (m) => {
-      m.key === zt && (m.metaKey || m.ctrlKey) && (m.preventDefault(), C());
+      m.key === kt && (m.metaKey || m.ctrlKey) && (m.preventDefault(), C());
     };
     return window.addEventListener("keydown", p), () => window.removeEventListener("keydown", p);
   }, [C]);
@@ -1866,8 +1865,8 @@ function wr({
     {
       "data-slot": "sidebar-wrapper",
       style: {
-        "--sidebar-width": yt,
-        "--sidebar-width-icon": kt,
+        "--sidebar-width": wt,
+        "--sidebar-width-icon": Nt,
         ...s
       },
       className: r(
@@ -1899,21 +1898,21 @@ function yr({
       ...d,
       children: s
     }
-  ) : u ? /* @__PURE__ */ a(mt, { open: f, onOpenChange: l, ...d, children: /* @__PURE__ */ i(
-    gt,
+  ) : u ? /* @__PURE__ */ a(ut, { open: f, onOpenChange: l, ...d, children: /* @__PURE__ */ i(
+    pt,
     {
       "data-sidebar": "sidebar",
       "data-slot": "sidebar",
       "data-mobile": "true",
       className: "bg-sidebar text-sidebar-foreground w-(--sidebar-width) p-0 [&>button]:hidden",
       style: {
-        "--sidebar-width": Nt
+        "--sidebar-width": yt
       },
       side: e,
       children: [
-        /* @__PURE__ */ i(bt, { className: "sr-only", children: [
-          /* @__PURE__ */ a(ht, { children: "Sidebar" }),
-          /* @__PURE__ */ a(vt, { children: "Displays the mobile sidebar." })
+        /* @__PURE__ */ i(gt, { className: "sr-only", children: [
+          /* @__PURE__ */ a(bt, { children: "Sidebar" }),
+          /* @__PURE__ */ a(ht, { children: "Displays the mobile sidebar." })
         ] }),
         /* @__PURE__ */ a("div", { className: "flex h-full w-full flex-col", children: s })
       ]
@@ -2185,7 +2184,7 @@ function Lr({ className: e, ...t }) {
     }
   );
 }
-const Ct = O(
+const zt = O(
   "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
   {
     variants: {
@@ -2221,16 +2220,16 @@ function Er({
       "data-sidebar": "menu-button",
       "data-size": n,
       "data-active": t,
-      className: r(Ct({ variant: o, size: n }), d),
+      className: r(zt({ variant: o, size: n }), d),
       ...u
     }
   );
   return s ? (typeof s == "string" && (s = {
     children: s
-  }), /* @__PURE__ */ i(Qe, { children: [
-    /* @__PURE__ */ a(Ze, { asChild: !0, children: T }),
+  }), /* @__PURE__ */ i(Je, { children: [
+    /* @__PURE__ */ a(Qe, { asChild: !0, children: T }),
     /* @__PURE__ */ a(
-      et,
+      Ze,
       {
         side: "right",
         align: "center",
@@ -2378,7 +2377,7 @@ function Gr({
     }
   );
 }
-function St({
+function Ct({
   className: e,
   children: t,
   ...o
@@ -2398,13 +2397,13 @@ function St({
             children: t
           }
         ),
-        /* @__PURE__ */ a(Tt, {}),
+        /* @__PURE__ */ a(St, {}),
         /* @__PURE__ */ a(B.Corner, {})
       ]
     }
   );
 }
-function Tt({
+function St({
   className: e,
   orientation: t = "vertical",
   ...o
@@ -2529,7 +2528,7 @@ const Ur = ({
     }
     return p(e, t), N;
   }, [e, t, n]), { ref: _, width: C, height: I } = $e();
-  return /* @__PURE__ */ a("div", { ref: _, className: r("overflow-hidden", u), children: /* @__PURE__ */ a(St, { style: { width: C, height: I }, children: /* @__PURE__ */ a("div", { className: "relative p-2", children: /* @__PURE__ */ a(
+  return /* @__PURE__ */ a("div", { ref: _, className: r("overflow-hidden", u), children: /* @__PURE__ */ a(Ct, { style: { width: C, height: I }, children: /* @__PURE__ */ a("div", { className: "relative p-2", children: /* @__PURE__ */ a(
     me,
     {
       data: e,
@@ -2735,7 +2734,7 @@ function eo({
     }
   );
 }
-const _t = O(
+const Tt = O(
   "relative w-full rounded-lg border px-4 py-3 text-sm grid has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] grid-cols-[0_1fr] has-[>svg]:gap-x-3 gap-y-0.5 items-start [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current",
   {
     variants: {
@@ -2759,7 +2758,7 @@ function to({
     {
       "data-slot": "alert",
       role: "alert",
-      className: r(_t({ variant: t }), e),
+      className: r(Tt({ variant: t }), e),
       ...o
     }
   );
@@ -2855,12 +2854,12 @@ function so({
 }) {
   return /* @__PURE__ */ a(S.Trigger, { "data-slot": "alert-dialog-trigger", ...e });
 }
-function Dt({
+function _t({
   ...e
 }) {
   return /* @__PURE__ */ a(S.Portal, { "data-slot": "alert-dialog-portal", ...e });
 }
-function Mt({
+function Dt({
   className: e,
   ...t
 }) {
@@ -2880,8 +2879,8 @@ function lo({
   className: e,
   ...t
 }) {
-  return /* @__PURE__ */ i(Dt, { children: [
-    /* @__PURE__ */ a(Mt, {}),
+  return /* @__PURE__ */ i(_t, { children: [
+    /* @__PURE__ */ a(Dt, {}),
     /* @__PURE__ */ a(
       S.Content,
       {
@@ -3020,10 +3019,10 @@ const oe = O(
       /* @__PURE__ */ a("span", { className: "sr-only", children: "Loading..." })
     ]
   }
-), It = {
+), Mt = {
   theme: "system",
   setTheme: () => null
-}, ge = we(It);
+}, ge = we(Mt);
 function ho({
   children: e,
   defaultTheme: t = "system",
@@ -3050,16 +3049,16 @@ function ho({
   };
   return /* @__PURE__ */ a(ge.Provider, { ...n, value: u, children: e });
 }
-const Pt = () => {
+const It = () => {
   const e = ke(ge);
   if (e === void 0)
     throw new Error("useTheme must be used within a ThemeProvider");
   return e;
 };
 function vo() {
-  const { setTheme: e } = Pt();
+  const { setTheme: e } = It();
   return /* @__PURE__ */ i(He, { children: [
-    /* @__PURE__ */ a(Fe, { children: /* @__PURE__ */ i(J, { variant: "outline", size: "icon", children: [
+    /* @__PURE__ */ a(Fe, { children: /* @__PURE__ */ i(J, { variant: "outline", size: "icon", className: "relative", children: [
       /* @__PURE__ */ a(Q, { className: "h-[1.2rem] w-[1.2rem] scale-100 rotate-0 transition-all dark:scale-0 dark:-rotate-90" }),
       /* @__PURE__ */ a(Z, { className: "absolute h-[1.2rem] w-[1.2rem] scale-0 rotate-90 transition-all dark:scale-100 dark:rotate-0" }),
       /* @__PURE__ */ a("span", { className: "sr-only", children: "Toggle theme" })
@@ -3097,7 +3096,7 @@ export {
   mo as AlertDialogTitle,
   so as AlertDialogTrigger,
   ao as AlertTitle,
-  qt as Badge,
+  Wt as Badge,
   Ja as Breadcrumb,
   Za as BreadcrumbItem,
   er as BreadcrumbLink,
@@ -3105,32 +3104,32 @@ export {
   tr as BreadcrumbPage,
   ar as BreadcrumbSeparator,
   J as Button,
-  Xt as Card,
-  Zt as CardContent,
-  Qt as CardDescription,
-  ea as CardFooter,
-  Yt as CardHeader,
-  Jt as CardTitle,
+  qt as Card,
+  Qt as CardContent,
+  Jt as CardDescription,
+  Zt as CardFooter,
+  Xt as CardHeader,
+  Yt as CardTitle,
   Kr as Checkbox,
-  rt as Command,
-  it as CommandEmpty,
-  st as CommandGroup,
-  ot as CommandInput,
-  dt as CommandItem,
-  nt as CommandList,
-  ta as ContextMenu,
-  la as ContextMenuCheckboxItem,
-  sa as ContextMenuContent,
-  da as ContextMenuItem,
-  ua as ContextMenuLabel,
-  oa as ContextMenuRadioGroup,
-  ca as ContextMenuRadioItem,
-  ma as ContextMenuSeparator,
-  fa as ContextMenuShortcut,
-  ra as ContextMenuSub,
-  ia as ContextMenuSubContent,
-  na as ContextMenuSubTrigger,
-  aa as ContextMenuTrigger,
+  at as Command,
+  nt as CommandEmpty,
+  it as CommandGroup,
+  rt as CommandInput,
+  st as CommandItem,
+  ot as CommandList,
+  ea as ContextMenu,
+  da as ContextMenuCheckboxItem,
+  ia as ContextMenuContent,
+  sa as ContextMenuItem,
+  ca as ContextMenuLabel,
+  ra as ContextMenuRadioGroup,
+  la as ContextMenuRadioItem,
+  ua as ContextMenuSeparator,
+  ma as ContextMenuShortcut,
+  aa as ContextMenuSub,
+  na as ContextMenuSubContent,
+  oa as ContextMenuSubTrigger,
+  ta as ContextMenuTrigger,
   rr as Dialog,
   nr as DialogContent,
   lr as DialogDescription,
@@ -3138,47 +3137,47 @@ export {
   ir as DialogHeader,
   dr as DialogTitle,
   or as DialogTrigger,
-  pa as Drawer,
-  ba as DrawerClose,
-  ha as DrawerContent,
-  ya as DrawerDescription,
-  xa as DrawerFooter,
-  va as DrawerHeader,
-  wa as DrawerTitle,
-  ga as DrawerTrigger,
+  fa as Drawer,
+  ga as DrawerClose,
+  ba as DrawerContent,
+  wa as DrawerDescription,
+  va as DrawerFooter,
+  ha as DrawerHeader,
+  xa as DrawerTitle,
+  pa as DrawerTrigger,
   He as DropdownMenu,
-  Na as DropdownMenuCheckboxItem,
+  ya as DropdownMenuCheckboxItem,
   Ke as DropdownMenuContent,
   K as DropdownMenuItem,
-  Ca as DropdownMenuLabel,
-  ka as DropdownMenuRadioGroup,
-  za as DropdownMenuRadioItem,
-  Sa as DropdownMenuSeparator,
-  Ta as DropdownMenuShortcut,
-  _a as DropdownMenuSub,
-  Ma as DropdownMenuSubContent,
-  Da as DropdownMenuSubTrigger,
+  za as DropdownMenuLabel,
+  Na as DropdownMenuRadioGroup,
+  ka as DropdownMenuRadioItem,
+  Ca as DropdownMenuSeparator,
+  Sa as DropdownMenuShortcut,
+  Ta as DropdownMenuSub,
+  Da as DropdownMenuSubContent,
+  _a as DropdownMenuSubTrigger,
   Fe as DropdownMenuTrigger,
   Ur as EmptyState,
   oo as Icon,
   Ue as Input,
-  Ra as Label,
+  Pa as Label,
   vo as ModeToggle,
-  Aa as Pagination,
-  La as PaginationContent,
-  Oa as PaginationEllipsis,
-  Ea as PaginationItem,
+  Ra as Pagination,
+  Aa as PaginationContent,
+  Ba as PaginationEllipsis,
+  La as PaginationItem,
   de as PaginationLink,
-  Ba as PaginationNext,
-  ja as PaginationPrevious,
+  ja as PaginationNext,
+  Ea as PaginationPrevious,
   We as Popover,
   Xe as PopoverContent,
   qe as PopoverTrigger,
   eo as ResizableHandle,
   Zr as ResizablePanel,
   Qr as ResizablePanelGroup,
-  St as ScrollArea,
-  Pa as SearchInput,
+  Ct as ScrollArea,
+  Ia as SearchInput,
   hr as SearchSelect,
   cr as Select,
   pr as SelectContent,
@@ -3188,12 +3187,12 @@ export {
   fr as SelectTrigger,
   mr as SelectValue,
   ce as Separator,
-  mt as Sheet,
-  gt as SheetContent,
-  vt as SheetDescription,
+  ut as Sheet,
+  pt as SheetContent,
+  ht as SheetDescription,
   xr as SheetFooter,
-  bt as SheetHeader,
-  ht as SheetTitle,
+  gt as SheetHeader,
+  bt as SheetTitle,
   vr as SheetTrigger,
   yr as Sidebar,
   Dr as SidebarContent,
@@ -3223,30 +3222,30 @@ export {
   Fr as StackList,
   Hr as StackListItem,
   no as Switch,
-  Ga as Table,
+  Va as Table,
   Ye as TableBody,
   Ua as TableCaption,
   Ka as TableCell,
   Fa as TableHead,
-  Ha as TableHeader,
-  Je as TableRow,
+  Ga as TableHeader,
+  Ha as TableRow,
   Wa as Tabs,
   Ya as TabsContent,
   qa as TabsList,
   Xa as TabsTrigger,
-  Ia as TextArea,
+  Ma as TextArea,
   ho as ThemeProvider,
-  $a as Toaster,
-  Qe as Tooltip,
-  et as TooltipContent,
+  Oa as Toaster,
+  Je as Tooltip,
+  Ze as TooltipContent,
   le as TooltipProvider,
-  Ze as TooltipTrigger,
+  Qe as TooltipTrigger,
   Wr as Tree,
-  Va as VirtualizedTableBody,
+  $a as VirtualizedTableBody,
   r as cn,
-  Wt as formatDate,
-  Ut as toTitleCase,
+  Ut as formatDate,
+  Kt as toTitleCase,
   yo as toast,
   F as useSidebar,
-  Pt as useTheme
+  It as useTheme
 };