@clidey/ux 0.23.0 → 0.25.0

package/dist/index.js

@@ -1,32 +1,33 @@
 import { jsx as a, jsxs as s, Fragment as te } from "react/jsx-runtime";
-import * as l from "react";
-import A, { createContext as _e, useState as De, useEffect as Me, useContext as Ie } from "react";
+import * as u from "react";
+import E, { createContext as _e, useState as De, useEffect as Me, useContext as Re } from "react";
 import { Slot as L } from "@radix-ui/react-slot";
-import { cva as K } from "class-variance-authority";
-import { clsx as Re } from "clsx";
+import { cva as F } from "class-variance-authority";
+import { clsx as Ie } from "clsx";
 import { twMerge as Pe } from "tailwind-merge";
 import * as T from "@radix-ui/react-context-menu";
-import { CheckIcon as U, CircleIcon as ge, ChevronRightIcon as ae, Search as Ee, MoreHorizontalIcon as Ae, ChevronLeftIcon as Oe, EyeIcon as Le, ChevronRight as be, XIcon as he, SearchIcon as $e, ChevronDownIcon as re, ChevronsUpDownIcon as Be, ChevronUpIcon as je, PanelLeftIcon as We, GripVerticalIcon as Ve, Sun as ie, Moon as se, Monitor as He } from "lucide-react";
-import { Drawer as $ } from "vaul";
+import { CheckIcon as K, CircleIcon as pe, ChevronRightIcon as ae, Search as Ae, MoreHorizontalIcon as Ee, ChevronLeftIcon as Oe, EyeIcon as Le, ChevronRight as ge, XIcon as be, SearchIcon as Be, ChevronDownIcon as re, ChevronsUpDownIcon as je, ChevronUpIcon as $e, PanelLeftIcon as Ve, GripVerticalIcon as Ge, Sun as oe, Moon as ie, Monitor as He } from "lucide-react";
+import { Drawer as B } from "vaul";
 import * as M from "@radix-ui/react-dropdown-menu";
-import * as Ge from "@radix-ui/react-label";
-import * as q from "@radix-ui/react-popover";
-import { Toaster as Fe } from "sonner";
+import * as qe from "@radix-ui/react-label";
+import * as U from "@radix-ui/react-popover";
+import { Toaster as We } from "sonner";
+import { toast as Dn } from "sonner";
 import * as J from "@radix-ui/react-tabs";
-import * as V from "@radix-ui/react-tooltip";
+import * as G from "@radix-ui/react-tooltip";
 import { Command as H } from "cmdk";
 import * as _ from "@radix-ui/react-dialog";
 import * as D from "@radix-ui/react-select";
-import * as Ke from "@radix-ui/react-separator";
-import * as F from "@radix-ui/react-scroll-area";
-import * as de from "@radix-ui/react-checkbox";
-import * as E from "@radix-ui/react-accordion";
-import Ue from "use-resize-observer";
+import * as Fe from "@radix-ui/react-separator";
+import * as W from "@radix-ui/react-scroll-area";
+import * as se from "@radix-ui/react-checkbox";
+import * as P from "@radix-ui/react-accordion";
+import Ke from "use-resize-observer";
 import * as ne from "react-resizable-panels";
-import * as le from "@radix-ui/react-switch";
+import * as de from "@radix-ui/react-switch";
 import * as O from "@radix-ui/react-alert-dialog";
 function n(...e) {
-  return Pe(Re(e));
+  return Pe(Ie(e));
 }
 function ra(e) {
   return e.replace(/_/g, " ").replace(/\w\S*/g, (t) => t.charAt(0).toUpperCase() + t.slice(1).toLowerCase());
@@ -41,16 +42,16 @@ function na(e) {
   const d = Math.floor(i / 60);
   if (d < 24)
     return `${d} hour${d === 1 ? "" : "s"} ago`;
-  const u = Math.floor(d / 24);
-  if (u < 30)
-    return `${u} day${u === 1 ? "" : "s"} ago`;
-  const f = Math.floor(u / 30);
+  const c = Math.floor(d / 24);
+  if (c < 30)
+    return `${c} day${c === 1 ? "" : "s"} ago`;
+  const f = Math.floor(c / 30);
   if (f < 12)
     return `${f} month${f === 1 ? "" : "s"} ago`;
   const m = Math.floor(f / 12);
   return `${m} year${m === 1 ? "" : "s"} ago`;
 }
-const qe = K(
+const Ue = F(
   "inline-flex items-center justify-center rounded-md border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden",
   {
     variants: {
@@ -76,12 +77,12 @@ function oa({
     r ? L : "span",
     {
       "data-slot": "badge",
-      className: n(qe({ variant: t }), e),
+      className: n(Ue({ variant: t }), e),
       ...o
     }
   );
 }
-const X = K(
+const X = F(
   "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
   {
     variants: {
@@ -312,7 +313,7 @@ function wa({
       checked: r,
       ...o,
       children: [
-        /* @__PURE__ */ a("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ a(T.ItemIndicator, { children: /* @__PURE__ */ a(U, { className: "size-4" }) }) }),
+        /* @__PURE__ */ a("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ a(T.ItemIndicator, { children: /* @__PURE__ */ a(K, { className: "size-4" }) }) }),
         t
       ]
     }
@@ -333,7 +334,7 @@ function ya({
       ),
       ...r,
       children: [
-        /* @__PURE__ */ a("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ a(T.ItemIndicator, { children: /* @__PURE__ */ a(ge, { className: "size-2 fill-current" }) }) }),
+        /* @__PURE__ */ a("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ a(T.ItemIndicator, { children: /* @__PURE__ */ a(pe, { className: "size-2 fill-current" }) }) }),
         t
       ]
     }
@@ -390,24 +391,24 @@ function Ca({
 function Je({
   ...e
 }) {
-  return /* @__PURE__ */ a($.Root, { "data-slot": "drawer", ...e });
+  return /* @__PURE__ */ a(B.Root, { "data-slot": "drawer", ...e });
 }
-function Sa({
+function za({
   ...e
 }) {
-  return /* @__PURE__ */ a($.Trigger, { "data-slot": "drawer-trigger", ...e });
+  return /* @__PURE__ */ a(B.Trigger, { "data-slot": "drawer-trigger", ...e });
 }
-function za({
+function Sa({
   ...e
 }) {
-  return /* @__PURE__ */ a($.Close, { "data-slot": "drawer-close", ...e });
+  return /* @__PURE__ */ a(B.Close, { "data-slot": "drawer-close", ...e });
 }
 function Xe({
   className: e,
   ...t
 }) {
   return /* @__PURE__ */ a(
-    $.Overlay,
+    B.Overlay,
     {
       "data-slot": "drawer-overlay",
       className: n(
@@ -426,7 +427,7 @@ function Ye({
   return /* @__PURE__ */ s(te, { children: [
     /* @__PURE__ */ a(Xe, {}),
     /* @__PURE__ */ s(
-      $.Content,
+      B.Content,
       {
         "data-slot": "drawer-content",
         className: n(
@@ -474,7 +475,7 @@ function Ze({
   ...t
 }) {
   return /* @__PURE__ */ a(
-    $.Title,
+    B.Title,
     {
       "data-slot": "drawer-title",
       className: n("text-foreground font-semibold", e),
@@ -487,7 +488,7 @@ function _a({
   ...t
 }) {
   return /* @__PURE__ */ a(
-    $.Description,
+    B.Description,
     {
       "data-slot": "drawer-description",
       className: n("text-muted-foreground text-sm", e),
@@ -566,7 +567,7 @@ function Da({
       checked: r,
       ...o,
       children: [
-        /* @__PURE__ */ a("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ a(M.ItemIndicator, { children: /* @__PURE__ */ a(U, { className: "size-4" }) }) }),
+        /* @__PURE__ */ a("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ a(M.ItemIndicator, { children: /* @__PURE__ */ a(K, { className: "size-4" }) }) }),
         t
       ]
     }
@@ -583,7 +584,7 @@ function Ma({
     }
   );
 }
-function Ia({
+function Ra({
   className: e,
   children: t,
   ...r
@@ -598,13 +599,13 @@ function Ia({
       ),
       ...r,
       children: [
-        /* @__PURE__ */ a("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ a(M.ItemIndicator, { children: /* @__PURE__ */ a(ge, { className: "size-2 fill-current" }) }) }),
+        /* @__PURE__ */ a("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ a(M.ItemIndicator, { children: /* @__PURE__ */ a(pe, { className: "size-2 fill-current" }) }) }),
         t
       ]
     }
   );
 }
-function Ra({
+function Ia({
   className: e,
   inset: t,
   ...r
@@ -635,7 +636,7 @@ function Pa({
     }
   );
 }
-function Ea({
+function Aa({
   className: e,
   ...t
 }) {
@@ -651,7 +652,7 @@ function Ea({
     }
   );
 }
-function Aa({
+function Ea({
   ...e
 }) {
   return /* @__PURE__ */ a(M.Sub, { "data-slot": "dropdown-menu-sub", ...e });
@@ -712,7 +713,7 @@ function rt({ className: e, type: t, ...r }) {
     }
   );
 }
-function $a({ className: e, ...t }) {
+function Ba({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "textarea",
     {
@@ -727,7 +728,7 @@ function $a({ className: e, ...t }) {
     }
   );
 }
-function Ba({
+function ja({
   className: e,
   ...t
 }) {
@@ -742,7 +743,7 @@ function Ba({
       ),
       "data-slot": "search-input-wrapper",
       children: [
-        /* @__PURE__ */ a(Ee, { className: "size-4 text-muted-foreground mr-2" }),
+        /* @__PURE__ */ a(Ae, { className: "size-4 text-muted-foreground mr-2" }),
         /* @__PURE__ */ a(
           "input",
           {
@@ -757,12 +758,12 @@ function Ba({
     }
   );
 }
-function ja({
+function $a({
   className: e,
   ...t
 }) {
   return /* @__PURE__ */ a(
-    Ge.Root,
+    qe.Root,
     {
       "data-slot": "label",
       className: n(
@@ -773,7 +774,7 @@ function ja({
     }
   );
 }
-function Wa({ className: e, ...t }) {
+function Va({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "nav",
     {
@@ -785,7 +786,7 @@ function Wa({ className: e, ...t }) {
     }
   );
 }
-function Va({
+function Ga({
   className: e,
   ...t
 }) {
@@ -801,7 +802,7 @@ function Va({
 function Ha({ ...e }) {
   return /* @__PURE__ */ a("li", { "data-slot": "pagination-item", ...e });
 }
-function ve({
+function he({
   className: e,
   isActive: t,
   size: r = "icon",
@@ -824,12 +825,12 @@ function ve({
     }
   );
 }
-function Ga({
+function qa({
   className: e,
   ...t
 }) {
   return /* @__PURE__ */ s(
-    ve,
+    he,
     {
       "aria-label": "Go to previous page",
       size: "default",
@@ -842,12 +843,12 @@ function Ga({
     }
   );
 }
-function Fa({
+function Wa({
   className: e,
   ...t
 }) {
   return /* @__PURE__ */ s(
-    ve,
+    he,
     {
       "aria-label": "Go to next page",
       size: "default",
@@ -860,7 +861,7 @@ function Fa({
     }
   );
 }
-function Ka({
+function Fa({
   className: e,
   ...t
 }) {
@@ -872,7 +873,7 @@ function Ka({
       className: n("flex size-9 items-center justify-center", e),
       ...t,
       children: [
-        /* @__PURE__ */ a(Ae, { className: "size-4" }),
+        /* @__PURE__ */ a(Ee, { className: "size-4" }),
         /* @__PURE__ */ a("span", { className: "sr-only", children: "More pages" })
       ]
     }
@@ -881,12 +882,12 @@ function Ka({
 function nt({
   ...e
 }) {
-  return /* @__PURE__ */ a(q.Root, { "data-slot": "popover", ...e });
+  return /* @__PURE__ */ a(U.Root, { "data-slot": "popover", ...e });
 }
 function ot({
   ...e
 }) {
-  return /* @__PURE__ */ a(q.Trigger, { "data-slot": "popover-trigger", ...e });
+  return /* @__PURE__ */ a(U.Trigger, { "data-slot": "popover-trigger", ...e });
 }
 function it({
   className: e,
@@ -894,8 +895,8 @@ function it({
   sideOffset: r = 4,
   ...o
 }) {
-  return /* @__PURE__ */ a(q.Portal, { children: /* @__PURE__ */ a(
-    q.Content,
+  return /* @__PURE__ */ a(U.Portal, { children: /* @__PURE__ */ a(
+    U.Content,
     {
       "data-slot": "popover-content",
       align: t,
@@ -908,7 +909,7 @@ function it({
     }
   ) });
 }
-function ce({ className: e, ...t }) {
+function le({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -921,8 +922,8 @@ function ce({ className: e, ...t }) {
 const st = {
   theme: "system",
   setTheme: () => null
-}, xe = _e(st);
-function Ua({
+}, ve = _e(st);
+function Ka({
   children: e,
   defaultTheme: t = "system",
   storageKey: r = "@clidey/ux/theme",
@@ -940,23 +941,23 @@ function Ua({
     }
     f.classList.add(i);
   }, [i]);
-  const u = {
+  const c = {
     theme: i,
     setTheme: (f) => {
       localStorage.setItem(r, f), d(f);
     }
   };
-  return /* @__PURE__ */ a(xe.Provider, { ...o, value: u, children: e });
+  return /* @__PURE__ */ a(ve.Provider, { ...o, value: c, children: e });
 }
-const we = () => {
-  const e = Ie(xe);
+const xe = () => {
+  const e = Re(ve);
   if (e === void 0)
     throw new Error("useTheme must be used within a ThemeProvider");
   return e;
-}, qa = ({ className: e, ...t }) => {
-  const { theme: r = "system" } = we();
+}, Ua = ({ className: e, ...t }) => {
+  const { theme: r = "system" } = xe();
   return /* @__PURE__ */ a("div", { "data-slot": "toaster", className: n("toaster group", e), children: /* @__PURE__ */ a(
-    Fe,
+    We,
     {
       theme: r,
       className: n("toaster group", e),
@@ -968,9 +969,9 @@ const we = () => {
       ...t
     }
   ) });
-}, ye = l.createContext(null);
-function oe() {
-  const e = l.useContext(ye);
+}, we = u.createContext(null);
+function ye() {
+  const e = u.useContext(we);
   if (!e)
     throw new Error("useTableContext must be used within a TableProvider");
   return e;
@@ -982,113 +983,96 @@ function Ja({
   className: o,
   style: i,
   overscan: d = 3,
-  children: u
-}) {
-  const f = l.useRef(null), [m, c] = l.useState(0), [y, k] = l.useState(r), g = typeof t == "number", N = l.useRef(null);
-  l.useEffect(() => k(r), [r]), l.useEffect(() => {
-    const z = f.current;
-    if (!z) return;
-    let C = !1;
-    function S() {
-      C || (C = !0, requestAnimationFrame(() => {
-        c(this.scrollTop), C = !1;
+  children: c
+}) {
+  const f = u.useRef(null), [m, l] = u.useState(0), [w, N] = u.useState(r), g = typeof t == "number", p = u.useRef(null);
+  u.useEffect(() => N(r), [r]), u.useEffect(() => {
+    const S = f.current;
+    if (!S) return;
+    let k = !1;
+    function C() {
+      k || (k = !0, requestAnimationFrame(() => {
+        l(this.scrollTop), k = !1;
       }));
     }
-    return z.addEventListener("scroll", S, { passive: !0 }), () => z.removeEventListener("scroll", S);
+    return S.addEventListener("scroll", C, { passive: !0 }), () => S.removeEventListener("scroll", C);
   }, []);
-  const p = l.useCallback(
-    (z) => typeof t == "function" ? t({ index: z }) : t,
+  const b = u.useCallback(
+    (S) => typeof t == "function" ? t({ index: S }) : t,
     [t]
-  ), x = l.useCallback(() => {
-    if (!g && (!N.current || N.current.length !== e + 1)) {
-      const z = new Array(e + 1);
-      z[0] = 0;
-      for (let C = 0; C < e; C++)
-        z[C + 1] = z[C] + p(C);
-      N.current = z;
-    }
-  }, [e, p, g]), v = l.useCallback(
-    (z) => g ? t * z : (x(), N.current[z]),
-    [t, x, g]
-  ), b = l.useCallback(() => g ? t * e : (x(), N.current[e]), [t, e, x, g]), h = l.useCallback(() => {
+  ), z = u.useCallback(() => {
+    if (!g && (!p.current || p.current.length !== e + 1)) {
+      const S = new Array(e + 1);
+      S[0] = 0;
+      for (let k = 0; k < e; k++)
+        S[k + 1] = S[k] + b(k);
+      p.current = S;
+    }
+  }, [e, b, g]), y = u.useCallback(
+    (S) => g ? t * S : (z(), p.current[S]),
+    [t, z, g]
+  ), v = u.useCallback(() => g ? t * e : (z(), p.current[e]), [t, e, z, g]), h = u.useCallback(() => {
     if (g)
       return Math.max(0, Math.floor(m / t) - d);
     {
-      x();
-      const z = N.current;
-      let C = 0, S = e - 1, w;
-      for (; C <= S; )
-        w = C + S >> 1, z[w + 1] < m ? C = w + 1 : S = w - 1;
-      return Math.max(0, C - d);
+      z();
+      const S = p.current;
+      let k = 0, C = e - 1, x;
+      for (; k <= C; )
+        x = k + C >> 1, S[x + 1] < m ? k = x + 1 : C = x - 1;
+      return Math.max(0, k - d);
     }
-  }, [m, e, t, d, x, g]), I = l.useCallback(
-    (z) => {
+  }, [m, e, t, d, z, g]), A = u.useCallback(
+    (S) => {
       if (g) {
-        const C = t;
+        const k = t;
         return Math.min(
           e - 1,
-          Math.floor((m + y) / C) + d
+          Math.floor((m + w) / k) + d
         );
       } else {
-        x();
-        const C = N.current;
-        let S = z, w = e - 1, P;
-        for (; S <= w; )
-          P = S + w >> 1, C[P] < m + y ? S = P + 1 : w = P - 1;
-        return Math.min(e - 1, S + d);
+        z();
+        const k = p.current;
+        let C = S, x = e - 1, I;
+        for (; C <= x; )
+          I = C + x >> 1, k[I] < m + w ? C = I + 1 : x = I - 1;
+        return Math.min(e - 1, C + d);
       }
     },
-    [m, y, e, t, d, x, g]
-  ), R = b(), B = h(), j = I(B), W = v(B), G = Math.max(0, R - v(j + 1));
+    [m, w, e, t, d, z, g]
+  ), R = v(), j = h(), $ = A(j), V = y(j), q = Math.max(0, R - y($ + 1));
   return /* @__PURE__ */ s(
     ft,
     {
       "data-slot": "table-body",
       ref: f,
       style: {
-        height: y,
+        height: w,
         ...i
       },
       className: n("block [&_tr:last-child]:border-0 overflow-hidden overflow-y-visible w-full", o),
       children: [
-        W > 0 && /* @__PURE__ */ a(ue, { "aria-hidden": !0, style: { height: W }, children: /* @__PURE__ */ a(fe, { colSpan: 9999 }) }),
-        Array.from({ length: j - B + 1 }, (z, C) => {
-          const S = B + C, P = { height: p(S) };
-          return u(S, P);
+        V > 0 && /* @__PURE__ */ a(ce, { "aria-hidden": !0, style: { height: V }, children: /* @__PURE__ */ a(ue, { colSpan: 9999 }) }),
+        Array.from({ length: $ - j + 1 }, (S, k) => {
+          const C = j + k, I = { height: b(C) };
+          return c(C, I);
         }),
-        G > 0 && /* @__PURE__ */ a(ue, { "aria-hidden": !0, style: { height: G }, children: /* @__PURE__ */ a(fe, { colSpan: 9999 }) })
+        q > 0 && /* @__PURE__ */ a(ce, { "aria-hidden": !0, style: { height: q }, children: /* @__PURE__ */ a(ue, { colSpan: 9999 }) })
       ]
     }
   );
 }
 function dt({ children: e }) {
-  const [t, r] = l.useState([]), [o, i] = l.useState(!1), [d, u] = l.useState(/* @__PURE__ */ new Map()), [f, m] = l.useState(!1), [c, y] = l.useState(""), k = l.useCallback((p, x) => {
-    u((v) => {
-      const b = new Map(v);
-      return b.set(p, x), b;
-    });
-  }, []), g = l.useCallback((p) => {
-    y(p), m(!0);
-  }, []);
-  l.useEffect(() => {
-    if (d.size > 0 && !o) {
-      const p = Math.max(...Array.from(d.keys())) + 1, x = Array.from({ length: p }, (v, b) => d.get(b) || 120);
-      r(x), i(!0);
-    }
-  }, [d, o]);
-  const N = {
-    columnWidths: t,
-    setColumnWidths: r,
-    isHeaderWidthsSet: o,
-    setIsHeaderWidthsSet: i,
-    registerCellWidth: k,
-    isDrawerOpen: f,
-    setIsDrawerOpen: m,
-    drawerContent: c,
-    setDrawerContent: y,
-    openDrawer: g
+  const [t, r] = u.useState(!1), [o, i] = u.useState(""), d = u.useCallback((f) => {
+    i(f), r(!0);
+  }, []), c = {
+    isDrawerOpen: t,
+    setIsDrawerOpen: r,
+    drawerContent: o,
+    setDrawerContent: i,
+    openDrawer: d
   };
-  return /* @__PURE__ */ a(ye.Provider, { value: N, children: e });
+  return /* @__PURE__ */ a(we.Provider, { value: c, children: e });
 }
 function lt(e) {
   if (typeof e != "string") return !1;
@@ -1102,23 +1086,23 @@ function lt(e) {
 }
 function ct(e) {
   try {
-    let t = function(u, f) {
-      const m = u.match(d);
-      if (!m) return u;
-      let c = 0;
-      const y = [];
-      return m.forEach((k, g) => {
-        const N = u.indexOf(k, c);
-        N > c && y.push(
-          /* @__PURE__ */ a("span", { className: "", children: u.slice(c, N) }, `ws-${g}`)
+    let t = function(c, f) {
+      const m = c.match(d);
+      if (!m) return c;
+      let l = 0;
+      const w = [];
+      return m.forEach((N, g) => {
+        const p = c.indexOf(N, l);
+        p > l && w.push(
+          /* @__PURE__ */ a("span", { className: "", children: c.slice(l, p) }, `ws-${g}`)
         );
-        let p = "";
-        /^"/.test(k) ? /:$/.test(k) ? p = i.key : p = i.string : /true|false/.test(k) ? p = i.boolean : /null/.test(k) ? p = i.null : /[{}[\],:]/.test(k) ? p = i.punctuation : /^-?\d/.test(k) && (p = i.number), y.push(
-          /* @__PURE__ */ a("span", { className: p, children: k }, `tok-${g}`)
-        ), c = N + k.length;
-      }), c < u.length && y.push(
-        /* @__PURE__ */ a("span", { className: "", children: u.slice(c) }, "end")
-      ), y;
+        let b = "";
+        /^"/.test(N) ? /:$/.test(N) ? b = i.key : b = i.string : /true|false/.test(N) ? b = i.boolean : /null/.test(N) ? b = i.null : /[{}[\],:]/.test(N) ? b = i.punctuation : /^-?\d/.test(N) && (b = i.number), w.push(
+          /* @__PURE__ */ a("span", { className: b, children: N }, `tok-${g}`)
+        ), l = p + N.length;
+      }), l < c.length && w.push(
+        /* @__PURE__ */ a("span", { className: "", children: c.slice(l) }, "end")
+      ), w;
     };
     const r = JSON.parse(e.trim()), o = JSON.stringify(r, null, 2), i = {
       string: "text-green-700 dark:text-green-400/80",
@@ -1129,20 +1113,47 @@ function ct(e) {
       punctuation: "text-muted-foreground"
     }, d = /("(?:\\.|[^"\\])*"(\s*:)?|\b(true|false|null)\b|[{}[\],]|-?\d+(?:\.\d+)?(?:[eE][+-]?\d+)?)/g;
     return /* @__PURE__ */ a("pre", { className: "bg-muted/40 p-4 rounded-md overflow-auto text-sm font-mono", children: /* @__PURE__ */ a("code", { className: "text-foreground", children: o.split(`
-`).map((u, f) => /* @__PURE__ */ a("div", { className: "leading-relaxed", children: t(u, f) }, f)) }) });
+`).map((c, f) => /* @__PURE__ */ a("div", { className: "leading-relaxed", children: t(c, f) }, f)) }) });
   } catch {
     return e;
   }
 }
 function ut() {
-  const e = oe(), t = () => typeof e.drawerContent == "string" && lt(e.drawerContent) ? ct(e.drawerContent) : /* @__PURE__ */ a("div", { className: "whitespace-pre-wrap break-words", children: e.drawerContent });
+  const e = ye(), t = () => typeof e.drawerContent == "string" && lt(e.drawerContent) ? ct(e.drawerContent) : /* @__PURE__ */ a("div", { className: "whitespace-pre-wrap break-words", children: e.drawerContent });
   return /* @__PURE__ */ a(Je, { open: e.isDrawerOpen, onOpenChange: e.setIsDrawerOpen, children: /* @__PURE__ */ s(Ye, { className: "min-h-[40vh] px-8 pb-8 max-h-[70vh]", children: [
     /* @__PURE__ */ a(Qe, { children: /* @__PURE__ */ a(Ze, { className: "self-start", children: "Preview" }) }),
     /* @__PURE__ */ a("div", { className: "p-4 overflow-y-auto", children: t() })
   ] }) });
 }
 function Xa({ className: e, style: t, ...r }) {
-  return /* @__PURE__ */ a(dt, { children: /* @__PURE__ */ s(
+  const o = u.useRef(null);
+  return u.useEffect(() => {
+    const i = o.current;
+    if (!i) return;
+    const d = () => {
+      const p = i.querySelector("thead"), b = i.querySelector("tbody");
+      if (!p || !b) return { headCells: [], bodyCells: [] };
+      const z = p.querySelector("tr"), y = b.querySelector("tr");
+      if (!z || !y) return { headCells: [], bodyCells: [] };
+      const v = Array.from(z.children), h = Array.from(y.children);
+      return { headCells: v, bodyCells: h };
+    }, c = () => {
+      const { headCells: p, bodyCells: b } = d(), z = Math.min(p.length, b.length);
+      for (let y = 0; y < z; y++) {
+        const v = b[y].getBoundingClientRect().width;
+        v > 0 && (p[y].style.width = `${v}px`, p[y].style.minWidth = `${v}px`, p[y].style.maxWidth = `${v}px`);
+      }
+    }, f = requestAnimationFrame(c), m = new ResizeObserver(() => {
+      c();
+    }), w = i.querySelector("tbody")?.querySelector("tr");
+    w && m.observe(w);
+    const { bodyCells: N } = d();
+    N.forEach((p) => m.observe(p));
+    const g = () => c();
+    return window.addEventListener("resize", g), () => {
+      cancelAnimationFrame(f), m.disconnect(), window.removeEventListener("resize", g);
+    };
+  }, []), /* @__PURE__ */ a(dt, { children: /* @__PURE__ */ s(
     "div",
     {
       "data-slot": "table-container",
@@ -1151,6 +1162,7 @@ function Xa({ className: e, style: t, ...r }) {
         /* @__PURE__ */ a(
           "table",
           {
+            ref: o,
             "data-slot": "table",
             className: n(
               "table-auto border-collapse min-w-full",
@@ -1171,13 +1183,13 @@ function Ya({ className: e, ...t }) {
 function ft({ className: e, ...t }) {
   return /* @__PURE__ */ a("tbody", { "data-slot": "table-body", className: n("[&_tr:last-child]:border-0", e), ...t });
 }
-function ue({ className: e, style: t, ...r }) {
+function Qa({ className: e, style: t, ...r }) {
   return /* @__PURE__ */ a(
     "tr",
     {
       "data-slot": "table-row",
       className: n(
-        "hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors table table-auto w-full",
+        "hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors w-full table table-auto",
         e
       ),
       style: t,
@@ -1185,39 +1197,35 @@ function ue({ className: e, style: t, ...r }) {
     }
   );
 }
-function Qa({
+function ce({ className: e, style: t, ...r }) {
+  return /* @__PURE__ */ a(
+    "tr",
+    {
+      "data-slot": "table-row",
+      className: n(
+        "hover:bg-muted/50 data-[state=selected]:bg-muted border-b transition-colors",
+        e
+      ),
+      style: t,
+      ...r
+    }
+  );
+}
+function Za({
   className: e,
   icon: t,
   children: r,
   ...o
 }) {
-  const i = oe(), d = l.useRef(null), [u, f] = l.useState(-1);
-  l.useEffect(() => {
-    if (d.current && i) {
-      const c = d.current.parentElement;
-      if (c) {
-        const k = Array.from(c.children).indexOf(d.current);
-        f(k);
-      }
-    }
-  }, [i]);
-  const m = i && u >= 0 && i.isHeaderWidthsSet ? i.columnWidths[u] - 4 : void 0;
   return /* @__PURE__ */ a(
     "th",
     {
-      ref: d,
       "data-slot": "table-head",
       className: n(
         "text-foreground h-12 p-2 first:pl-4 last:pr-4 text-left align-middle font-medium border-b",
-        "min-w-[120px] max-w-[500px]",
+        "min-w-[150px] max-w-[500px]",
         e
       ),
-      style: {
-        width: m ? `${m}px` : void 0,
-        minWidth: m ? `${m}px` : "120px",
-        maxWidth: m ? `${m}px` : "500px",
-        ...o.style
-      },
       ...o,
       children: /* @__PURE__ */ s("div", { className: "flex items-center gap-2 w-full min-w-0", children: [
         t,
@@ -1226,52 +1234,27 @@ function Qa({
     }
   );
 }
-function fe({ className: e, children: t, ...r }) {
-  const o = oe(), i = l.useRef(null), d = l.useRef(null), [u, f] = l.useState(-1), [m, c] = l.useState(!1), [y, k] = l.useState(!1);
-  l.useEffect(() => {
-    if (i.current && o) {
-      const p = i.current.parentElement;
-      if (p) {
-        const v = Array.from(p.children).indexOf(i.current);
-        f(v);
-        const b = p.parentElement;
-        if (b && b.tagName === "TBODY") {
-          const I = Array.from(b.children).indexOf(p);
-          c(I === 0);
-        }
-      }
-    }
-  }, [o]), l.useEffect(() => {
-    if (i.current && o && m && u >= 0 && !o.isHeaderWidthsSet) {
-      const p = () => {
-        const v = i.current?.offsetWidth;
-        v && v > 0 && o.registerCellWidth(u, v);
-      }, x = new ResizeObserver(() => {
-        p();
-      });
-      return x.observe(i.current), p(), () => {
-        x.disconnect();
-      };
-    }
-  }, [o, m, u]), l.useEffect(() => {
+function ue({ className: e, children: t, ...r }) {
+  const o = ye(), i = u.useRef(null), d = u.useRef(null), [c, f] = u.useState(!1);
+  u.useEffect(() => {
     if (d.current && i.current) {
-      const p = () => {
-        const v = d.current, b = i.current;
-        if (v && b) {
-          const h = v.scrollWidth > v.clientWidth;
-          k(h);
+      const l = () => {
+        const N = d.current, g = i.current;
+        if (N && g) {
+          const p = N.scrollWidth > N.clientWidth;
+          f(p);
         }
       };
-      p();
-      const x = new ResizeObserver(() => {
-        p();
+      l();
+      const w = new ResizeObserver(() => {
+        l();
       });
-      return x.observe(i.current), x.observe(d.current), () => {
-        x.disconnect();
+      return w.observe(i.current), w.observe(d.current), () => {
+        w.disconnect();
       };
     }
   }, [t]);
-  const g = o && u >= 0 && o.isHeaderWidthsSet ? o.columnWidths[u] : void 0, N = () => {
+  const m = () => {
     o.openDrawer(t);
   };
   return /* @__PURE__ */ s(
@@ -1281,22 +1264,19 @@ function fe({ className: e, children: t, ...r }) {
       "data-slot": "table-cell",
       className: n(
         "p-2 align-middle border-b first:pl-4 last:pr-4 relative group",
-        "min-w-[120px] overflow-hidden whitespace-nowrap text-ellipsis",
+        "min-w-[150px] overflow-hidden whitespace-nowrap text-ellipsis",
         e
       ),
       style: {
-        maxWidth: g ? `${g}px` : "500px",
-        width: g ? `${g}px` : void 0,
-        minWidth: g ? `${g}px` : "120px",
         ...r.style
       },
       ...r,
       children: [
         /* @__PURE__ */ a("div", { ref: d, className: "truncate min-w-0 pr-8", children: t }),
-        y && /* @__PURE__ */ a(
+        c && /* @__PURE__ */ a(
           Y,
           {
-            onClick: N,
+            onClick: m,
             className: "absolute right-2 top-1/2 -translate-y-1/2 z-10 p-1 opacity-0 group-hover:opacity-100 transition-opacity duration-200 hover:bg-muted/50 rounded-sm",
             "aria-label": "View full content",
             variant: "ghost",
@@ -1308,10 +1288,10 @@ function fe({ className: e, children: t, ...r }) {
     }
   );
 }
-function Za({ className: e, ...t }) {
+function er({ className: e, ...t }) {
   return /* @__PURE__ */ a("caption", { "data-slot": "table-caption", className: n("text-muted-foreground mt-4 text-sm", e), ...t });
 }
-function er({
+function tr({
   className: e,
   ...t
 }) {
@@ -1324,7 +1304,7 @@ function er({
     }
   );
 }
-function tr({
+function ar({
   className: e,
   ...t
 }) {
@@ -1340,7 +1320,7 @@ function tr({
     }
   );
 }
-function ar({
+function rr({
   className: e,
   ...t
 }) {
@@ -1356,7 +1336,7 @@ function ar({
     }
   );
 }
-function rr({
+function nr({
   className: e,
   ...t
 }) {
@@ -1374,7 +1354,7 @@ function Ne({
   ...t
 }) {
   return /* @__PURE__ */ a(
-    V.Provider,
+    G.Provider,
     {
       "data-slot": "tooltip-provider",
       delayDuration: e,
@@ -1385,12 +1365,12 @@ function Ne({
 function mt({
   ...e
 }) {
-  return /* @__PURE__ */ a(Ne, { children: /* @__PURE__ */ a(V.Root, { "data-slot": "tooltip", ...e }) });
+  return /* @__PURE__ */ a(Ne, { children: /* @__PURE__ */ a(G.Root, { "data-slot": "tooltip", ...e }) });
 }
 function pt({
   ...e
 }) {
-  return /* @__PURE__ */ a(V.Trigger, { "data-slot": "tooltip-trigger", ...e });
+  return /* @__PURE__ */ a(G.Trigger, { "data-slot": "tooltip-trigger", ...e });
 }
 function gt({
   className: e,
@@ -1398,8 +1378,8 @@ function gt({
   children: r,
   ...o
 }) {
-  return /* @__PURE__ */ a(V.Portal, { children: /* @__PURE__ */ s(
-    V.Content,
+  return /* @__PURE__ */ a(G.Portal, { children: /* @__PURE__ */ s(
+    G.Content,
     {
       "data-slot": "tooltip-content",
       sideOffset: t,
@@ -1410,15 +1390,15 @@ function gt({
       ...o,
       children: [
         r,
-        /* @__PURE__ */ a(V.Arrow, { className: "bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
+        /* @__PURE__ */ a(G.Arrow, { className: "bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
       ]
     }
   ) });
 }
-function nr({ ...e }) {
+function or({ ...e }) {
   return /* @__PURE__ */ a("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...e });
 }
-function or({ className: e, ...t }) {
+function ir({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "ol",
     {
@@ -1431,7 +1411,7 @@ function or({ className: e, ...t }) {
     }
   );
 }
-function ir({ className: e, ...t }) {
+function sr({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "li",
     {
@@ -1441,7 +1421,7 @@ function ir({ className: e, ...t }) {
     }
   );
 }
-function sr({
+function dr({
   asChild: e,
   className: t,
   ...r
@@ -1455,7 +1435,7 @@ function sr({
     }
   );
 }
-function dr({ className: e, ...t }) {
+function lr({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "span",
     {
@@ -1468,7 +1448,7 @@ function dr({ className: e, ...t }) {
     }
   );
 }
-function lr({
+function cr({
   children: e,
   className: t,
   ...r
@@ -1481,16 +1461,16 @@ function lr({
       "aria-hidden": "true",
       className: n("[&>svg]:size-3.5", t),
       ...r,
-      children: e ?? /* @__PURE__ */ a(be, {})
+      children: e ?? /* @__PURE__ */ a(ge, {})
     }
   );
 }
-function cr({
+function ur({
   ...e
 }) {
   return /* @__PURE__ */ a(_.Root, { "data-slot": "dialog", ...e });
 }
-function ur({
+function fr({
   ...e
 }) {
   return /* @__PURE__ */ a(_.Trigger, { "data-slot": "dialog-trigger", ...e });
@@ -1516,7 +1496,7 @@ function ht({
     }
   );
 }
-function fr({
+function mr({
   className: e,
   children: t,
   showCloseButton: r = !0,
@@ -1541,7 +1521,7 @@ function fr({
               "data-slot": "dialog-close",
               className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
               children: [
-                /* @__PURE__ */ a(he, {}),
+                /* @__PURE__ */ a(be, {}),
                 /* @__PURE__ */ a("span", { className: "sr-only", children: "Close" })
               ]
             }
@@ -1551,7 +1531,7 @@ function fr({
     )
   ] });
 }
-function mr({ className: e, ...t }) {
+function pr({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -1561,7 +1541,7 @@ function mr({ className: e, ...t }) {
     }
   );
 }
-function pr({ className: e, ...t }) {
+function gr({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -1575,7 +1555,7 @@ function pr({ className: e, ...t }) {
     }
   );
 }
-function gr({
+function br({
   className: e,
   ...t
 }) {
@@ -1588,7 +1568,7 @@ function gr({
     }
   );
 }
-function br({
+function hr({
   className: e,
   ...t
 }) {
@@ -1621,13 +1601,13 @@ function xt({
   className: e,
   ...t
 }) {
-  const r = l.useRef(null);
-  return l.useEffect(() => {
+  const r = u.useRef(null);
+  return u.useEffect(() => {
     const o = (d) => {
       if (d.key === "Escape" && r.current) {
         r.current.value = "";
-        const u = new Event("input", { bubbles: !0 });
-        r.current.dispatchEvent(u);
+        const c = new Event("input", { bubbles: !0 });
+        r.current.dispatchEvent(c);
       }
     }, i = r.current;
     if (i)
@@ -1638,7 +1618,7 @@ function xt({
       "data-slot": "command-input-wrapper",
       className: "flex h-9 items-center gap-2 border-b px-3",
       children: [
-        /* @__PURE__ */ a($e, { className: "size-4 shrink-0 opacity-50" }),
+        /* @__PURE__ */ a(Be, { className: "size-4 shrink-0 opacity-50" }),
         /* @__PURE__ */ a(
           H.Input,
           {
@@ -1715,22 +1695,22 @@ function kt({
     }
   );
 }
-function hr({
+function vr({
   ...e
 }) {
   return /* @__PURE__ */ a(D.Root, { "data-slot": "select", ...e });
 }
-function vr({
+function xr({
   ...e
 }) {
   return /* @__PURE__ */ a(D.Group, { "data-slot": "select-group", ...e });
 }
-function xr({
+function wr({
   ...e
 }) {
   return /* @__PURE__ */ a(D.Value, { "data-slot": "select-value", ...e });
 }
-function wr({
+function yr({
   className: e,
   size: t = "default",
   children: r,
@@ -1753,7 +1733,7 @@ function wr({
     }
   );
 }
-function yr({
+function Nr({
   className: e,
   children: t,
   position: r = "popper",
@@ -1782,12 +1762,12 @@ function yr({
             children: t
           }
         ),
-        /* @__PURE__ */ a(St, {})
+        /* @__PURE__ */ a(zt, {})
       ]
     }
   ) });
 }
-function Nr({
+function kr({
   className: e,
   ...t
 }) {
@@ -1800,7 +1780,7 @@ function Nr({
     }
   );
 }
-function kr({
+function Cr({
   className: e,
   children: t,
   ...r
@@ -1815,13 +1795,13 @@ function kr({
       ),
       ...r,
       children: [
-        /* @__PURE__ */ a("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ a(D.ItemIndicator, { children: /* @__PURE__ */ a(U, { className: "size-4" }) }) }),
+        /* @__PURE__ */ a("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ a(D.ItemIndicator, { children: /* @__PURE__ */ a(K, { className: "size-4" }) }) }),
         /* @__PURE__ */ a(D.ItemText, { children: t })
       ]
     }
   );
 }
-function Cr({
+function zr({
   className: e,
   ...t
 }) {
@@ -1847,11 +1827,11 @@ function Ct({
         e
       ),
       ...t,
-      children: /* @__PURE__ */ a(je, { className: "size-4" })
+      children: /* @__PURE__ */ a($e, { className: "size-4" })
     }
   );
 }
-function St({
+function zt({
   className: e,
   ...t
 }) {
@@ -1875,30 +1855,30 @@ function Sr({
   value: o,
   defaultValue: i,
   onChange: d,
-  onValueChange: u,
+  onValueChange: c,
   notFoundMessage: f,
   buttonClassName: m,
-  contentClassName: c,
-  disabled: y = !1,
-  extraOptions: k,
+  contentClassName: l,
+  disabled: w = !1,
+  extraOptions: N,
   side: g = "bottom",
-  align: N = "start",
-  onlyIcon: p = !1,
-  label: x,
-  inputProps: v,
-  buttonProps: b
+  align: p = "start",
+  onlyIcon: b = !1,
+  label: z,
+  inputProps: y,
+  buttonProps: v
 }) {
-  const [h, I] = l.useState(!1), [R, B] = l.useState(i || ""), j = o ?? R, [W, G] = l.useState(""), z = l.useMemo(
+  const [h, A] = u.useState(!1), [R, j] = u.useState(i || ""), $ = o ?? R, [V, q] = u.useState(""), S = u.useMemo(
     () => e.filter(
-      (w) => w.label.toLowerCase().includes(W.toLowerCase())
+      (x) => x.label.toLowerCase().includes(V.toLowerCase())
     ),
-    [e, W]
-  ), C = (w) => {
-    const P = w === j ? "" : w;
-    o === void 0 && B(P), d?.(P), u?.(P), I(!1);
-  }, S = e.find((w) => w.value === j);
-  return /* @__PURE__ */ s(nt, { open: h, onOpenChange: (w) => {
-    I(w), w || G("");
+    [e, V]
+  ), k = (x) => {
+    const I = x === $ ? "" : x;
+    o === void 0 && j(I), d?.(I), c?.(I), A(!1);
+  }, C = e.find((x) => x.value === $);
+  return /* @__PURE__ */ s(nt, { open: h, onOpenChange: (x) => {
+    A(x), x || q("");
   }, modal: !0, children: [
     /* @__PURE__ */ a(ot, { asChild: !0, children: /* @__PURE__ */ s(
       Y,
@@ -1911,11 +1891,11 @@ function Sr({
           // Add overflow-hidden
           m,
           {
-            "has-[>svg]:px-2 px-2": p
+            "has-[>svg]:px-2 px-2": b
           }
         ),
-        disabled: y,
-        ...b,
+        disabled: w,
+        ...v,
         children: [
           /* @__PURE__ */ a(
             "span",
@@ -1923,67 +1903,67 @@ function Sr({
               className: n(
                 "flex items-center gap-2",
                 {
-                  "text-muted-foreground": !S && !!t,
-                  "min-w-0 truncate": !p
+                  "text-muted-foreground": !C && !!t,
+                  "min-w-0 truncate": !b
                 }
               ),
-              children: S ? /* @__PURE__ */ a(te, { children: p ? S.icon : /* @__PURE__ */ s(te, { children: [
-                S.icon,
-                /* @__PURE__ */ a("p", { className: "grow truncate", children: S.label }),
-                S.rightIcon
+              children: C ? /* @__PURE__ */ a(te, { children: b ? C.icon : /* @__PURE__ */ s(te, { children: [
+                C.icon,
+                /* @__PURE__ */ a("p", { className: "grow truncate", children: C.label }),
+                C.rightIcon
               ] }) }) : /* @__PURE__ */ a("span", { className: "truncate", children: t })
             }
           ),
-          /* @__PURE__ */ a(Be, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+          /* @__PURE__ */ a(je, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
         ]
       }
     ) }),
-    /* @__PURE__ */ a(it, { className: n("p-0", c), side: g, align: N, children: /* @__PURE__ */ s(vt, { children: [
+    /* @__PURE__ */ a(it, { className: n("p-0", l), side: g, align: p, children: /* @__PURE__ */ s(vt, { children: [
       /* @__PURE__ */ a(
         xt,
         {
           placeholder: r,
-          value: W,
-          onValueChange: G,
-          ...v
+          value: V,
+          onValueChange: q,
+          ...y
         }
       ),
       /* @__PURE__ */ s(wt, { children: [
-        /* @__PURE__ */ a(yt, { children: f || `No ${x?.toLowerCase() ?? "option"} found.` }),
+        /* @__PURE__ */ a(yt, { children: f || `No ${z?.toLowerCase() ?? "option"} found.` }),
         /* @__PURE__ */ s(Nt, { children: [
-          z.map((w) => /* @__PURE__ */ s(
+          S.map((x) => /* @__PURE__ */ s(
             kt,
             {
-              value: w.value,
-              onSelect: (P) => C(P),
+              value: x.value,
+              onSelect: (I) => k(I),
               className: "break-all",
               children: [
                 /* @__PURE__ */ a(
-                  U,
+                  K,
                   {
                     className: n(
                       "mr-2 h-4 w-4",
-                      j === w.value ? "opacity-100" : "opacity-0"
+                      $ === x.value ? "opacity-100" : "opacity-0"
                     )
                   }
                 ),
-                w.icon,
-                /* @__PURE__ */ a("p", { className: "grow truncate", children: w.label }),
-                w.rightIcon
+                x.icon,
+                /* @__PURE__ */ a("p", { className: "grow truncate", children: x.label }),
+                x.rightIcon
               ]
             },
-            w.value
+            x.value
           )),
-          k
+          N
         ] })
       ] })
     ] }) })
   ] });
 }
 const ee = 768;
-function zt() {
-  const [e, t] = l.useState(void 0);
-  return l.useEffect(() => {
+function St() {
+  const [e, t] = u.useState(void 0);
+  return u.useEffect(() => {
     const r = window.matchMedia(`(max-width: ${ee - 1}px)`), o = () => {
       t(window.innerWidth < ee);
     };
@@ -1997,7 +1977,7 @@ function ke({
   ...o
 }) {
   return /* @__PURE__ */ a(
-    Ke.Root,
+    Fe.Root,
     {
       "data-testid": "separator",
       "data-slot": "separator",
@@ -2014,7 +1994,7 @@ function ke({
 function Tt({ ...e }) {
   return /* @__PURE__ */ a(_.Root, { "data-slot": "sheet", ...e });
 }
-function zr({
+function Tr({
   ...e
 }) {
   return /* @__PURE__ */ a(_.Trigger, { "data-slot": "sheet-trigger", ...e });
@@ -2064,7 +2044,7 @@ function Mt({
         children: [
           t,
           /* @__PURE__ */ s(_.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", children: [
-            /* @__PURE__ */ a(he, { className: "size-4" }),
+            /* @__PURE__ */ a(be, { className: "size-4" }),
             /* @__PURE__ */ a("span", { className: "sr-only", children: "Close" })
           ] })
         ]
@@ -2072,7 +2052,7 @@ function Mt({
     )
   ] });
 }
-function It({ className: e, ...t }) {
+function Rt({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -2082,7 +2062,7 @@ function It({ className: e, ...t }) {
     }
   );
 }
-function Tr({ className: e, ...t }) {
+function _r({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -2092,7 +2072,7 @@ function Tr({ className: e, ...t }) {
     }
   );
 }
-function Rt({
+function It({
   className: e,
   ...t
 }) {
@@ -2118,66 +2098,66 @@ function Pt({
     }
   );
 }
-const Et = "sidebar_state", At = 3600 * 24 * 7, Ot = "16rem", Lt = "18rem", $t = "3rem", Bt = "b", Ce = l.createContext(null);
+const At = "sidebar_state", Et = 3600 * 24 * 7, Ot = "16rem", Lt = "18rem", Bt = "3rem", jt = "b", Ce = u.createContext(null);
 function Q() {
-  const e = l.useContext(Ce);
+  const e = u.useContext(Ce);
   if (!e)
     throw new Error("useSidebar must be used within a SidebarProvider.");
   return e;
 }
-function _r({
+function Dr({
   defaultOpen: e = !0,
   open: t,
   onOpenChange: r,
   className: o,
   style: i,
   children: d,
-  ...u
+  ...c
 }) {
-  const f = zt(), [m, c] = l.useState(!1), [y, k] = l.useState(e), g = t ?? y, N = l.useCallback(
-    (b) => {
-      const h = typeof b == "function" ? b(g) : b;
-      r ? r(h) : k(h), document.cookie = `${Et}=${h}; path=/; max-age=${At}`;
+  const f = St(), [m, l] = u.useState(!1), [w, N] = u.useState(e), g = t ?? w, p = u.useCallback(
+    (v) => {
+      const h = typeof v == "function" ? v(g) : v;
+      r ? r(h) : N(h), document.cookie = `${At}=${h}; path=/; max-age=${Et}`;
     },
     [r, g]
-  ), p = l.useCallback(() => f ? c((b) => !b) : N((b) => !b), [f, N, c]);
-  l.useEffect(() => {
-    const b = (h) => {
-      h.key === Bt && (h.metaKey || h.ctrlKey) && (h.preventDefault(), p());
+  ), b = u.useCallback(() => f ? l((v) => !v) : p((v) => !v), [f, p, l]);
+  u.useEffect(() => {
+    const v = (h) => {
+      h.key === jt && (h.metaKey || h.ctrlKey) && (h.preventDefault(), b());
     };
-    return window.addEventListener("keydown", b), () => window.removeEventListener("keydown", b);
-  }, [p]);
-  const x = g ? "expanded" : "collapsed", v = l.useMemo(
+    return window.addEventListener("keydown", v), () => window.removeEventListener("keydown", v);
+  }, [b]);
+  const z = g ? "expanded" : "collapsed", y = u.useMemo(
     () => ({
-      state: x,
+      state: z,
       open: g,
-      setOpen: N,
+      setOpen: p,
       isMobile: f,
       openMobile: m,
-      setOpenMobile: c,
-      toggleSidebar: p
+      setOpenMobile: l,
+      toggleSidebar: b
     }),
-    [x, g, N, f, m, c, p]
+    [z, g, p, f, m, l, b]
   );
-  return /* @__PURE__ */ a(Ce.Provider, { value: v, children: /* @__PURE__ */ a(Ne, { delayDuration: 0, children: /* @__PURE__ */ a(
+  return /* @__PURE__ */ a(Ce.Provider, { value: y, children: /* @__PURE__ */ a(Ne, { delayDuration: 0, children: /* @__PURE__ */ a(
     "div",
     {
       "data-slot": "sidebar-wrapper",
       style: {
         "--sidebar-width": Ot,
-        "--sidebar-width-icon": $t,
+        "--sidebar-width-icon": Bt,
         ...i
       },
       className: n(
         "group/sidebar-wrapper has-data-[variant=inset]:bg-sidebar flex min-h-svh w-full",
         o
       ),
-      ...u,
+      ...c,
       children: d
     }
   ) }) });
 }
-function Dr({
+function Mr({
   side: e = "left",
   variant: t = "sidebar",
   collapsible: r = "offcanvas",
@@ -2185,7 +2165,7 @@ function Dr({
   children: i,
   ...d
 }) {
-  const { isMobile: u, state: f, openMobile: m, setOpenMobile: c } = Q();
+  const { isMobile: c, state: f, openMobile: m, setOpenMobile: l } = Q();
   return r === "none" ? /* @__PURE__ */ a(
     "div",
     {
@@ -2197,7 +2177,7 @@ function Dr({
       ...d,
       children: i
     }
-  ) : u ? /* @__PURE__ */ a(Tt, { open: m, onOpenChange: c, ...d, children: /* @__PURE__ */ s(
+  ) : c ? /* @__PURE__ */ a(Tt, { open: m, onOpenChange: l, ...d, children: /* @__PURE__ */ s(
     Mt,
     {
       "data-sidebar": "sidebar",
@@ -2209,8 +2189,8 @@ function Dr({
       },
       side: e,
       children: [
-        /* @__PURE__ */ s(It, { className: "sr-only", children: [
-          /* @__PURE__ */ a(Rt, { children: "Sidebar" }),
+        /* @__PURE__ */ s(Rt, { className: "sr-only", children: [
+          /* @__PURE__ */ a(It, { children: "Sidebar" }),
           /* @__PURE__ */ a(Pt, { children: "Displays the mobile sidebar." })
         ] }),
         /* @__PURE__ */ a("div", { className: "flex h-full w-full flex-col", children: i })
@@ -2273,7 +2253,7 @@ function Dr({
     }
   );
 }
-function Mr({
+function Rr({
   className: e,
   onClick: t,
   ...r
@@ -2292,7 +2272,7 @@ function Mr({
       },
       ...r,
       children: [
-        /* @__PURE__ */ a(We, {}),
+        /* @__PURE__ */ a(Ve, {}),
         /* @__PURE__ */ a("span", { className: "sr-only", children: "Toggle Sidebar" })
       ]
     }
@@ -2322,7 +2302,7 @@ function Ir({ className: e, ...t }) {
     }
   );
 }
-function Rr({ className: e, ...t }) {
+function Pr({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "main",
     {
@@ -2337,7 +2317,7 @@ function Rr({ className: e, ...t }) {
     }
   );
 }
-function Pr({
+function Ar({
   className: e,
   ...t
 }) {
@@ -2362,7 +2342,7 @@ function Er({ className: e, ...t }) {
     }
   );
 }
-function Ar({ className: e, ...t }) {
+function Or({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -2373,7 +2353,7 @@ function Ar({ className: e, ...t }) {
     }
   );
 }
-function Or({
+function Lr({
   className: e,
   ...t
 }) {
@@ -2387,7 +2367,7 @@ function Or({
     }
   );
 }
-function Lr({ className: e, ...t }) {
+function Br({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -2401,7 +2381,7 @@ function Lr({ className: e, ...t }) {
     }
   );
 }
-function $r({ className: e, collapsible: t, ...r }) {
+function jr({ className: e, collapsible: t, ...r }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -2413,7 +2393,7 @@ function $r({ className: e, collapsible: t, ...r }) {
     }
   );
 }
-function Br({
+function $r({
   className: e,
   asChild: t = !1,
   ...r
@@ -2432,7 +2412,7 @@ function Br({
     }
   );
 }
-function jr({
+function Vr({
   className: e,
   asChild: t = !1,
   ...r
@@ -2453,7 +2433,7 @@ function jr({
     }
   );
 }
-function Wr({
+function Gr({
   className: e,
   ...t
 }) {
@@ -2467,7 +2447,7 @@ function Wr({
     }
   );
 }
-function Vr({ className: e, ...t }) {
+function Hr({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "ul",
     {
@@ -2478,7 +2458,7 @@ function Vr({ className: e, ...t }) {
     }
   );
 }
-function Hr({ className: e, ...t }) {
+function qr({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "li",
     {
@@ -2489,7 +2469,7 @@ function Hr({ className: e, ...t }) {
     }
   );
 }
-const jt = K(
+const $t = F(
   "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: {
@@ -2509,40 +2489,40 @@ const jt = K(
     }
   }
 );
-function Gr({
+function Wr({
   asChild: e = !1,
   isActive: t = !1,
   variant: r = "default",
   size: o = "default",
   tooltip: i,
   className: d,
-  ...u
+  ...c
 }) {
-  const f = e ? L : "button", { isMobile: m, state: c } = Q(), y = /* @__PURE__ */ a(
+  const f = e ? L : "button", { isMobile: m, state: l } = Q(), w = /* @__PURE__ */ a(
     f,
     {
       "data-slot": "sidebar-menu-button",
       "data-sidebar": "menu-button",
       "data-size": o,
       "data-active": t,
-      className: n(jt({ variant: r, size: o }), d),
-      ...u
+      className: n($t({ variant: r, size: o }), d),
+      ...c
     }
   );
   return i ? (typeof i == "string" && (i = {
     children: i
   }), /* @__PURE__ */ s(mt, { children: [
-    /* @__PURE__ */ a(pt, { asChild: !0, children: y }),
+    /* @__PURE__ */ a(pt, { asChild: !0, children: w }),
     /* @__PURE__ */ a(
       gt,
       {
         side: "right",
         align: "center",
-        hidden: c !== "collapsed" || m,
+        hidden: l !== "collapsed" || m,
         ...i
       }
     )
-  ] })) : y;
+  ] })) : w;
 }
 function Fr({
   className: e,
@@ -2597,7 +2577,7 @@ function Ur({
   showIcon: t = !1,
   ...r
 }) {
-  const o = l.useMemo(() => `${Math.floor(Math.random() * 40) + 50}%`, []);
+  const o = u.useMemo(() => `${Math.floor(Math.random() * 40) + 50}%`, []);
   return /* @__PURE__ */ s(
     "div",
     {
@@ -2607,14 +2587,14 @@ function Ur({
       ...r,
       children: [
         t && /* @__PURE__ */ a(
-          ce,
+          le,
           {
             className: "size-4 rounded-md",
             "data-sidebar": "menu-skeleton-icon"
           }
         ),
         /* @__PURE__ */ a(
-          ce,
+          le,
           {
             className: "h-4 max-w-(--skeleton-width) flex-1",
             "data-sidebar": "menu-skeleton-text",
@@ -2627,7 +2607,7 @@ function Ur({
     }
   );
 }
-function qr({ className: e, ...t }) {
+function Jr({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "ul",
     {
@@ -2642,7 +2622,7 @@ function qr({ className: e, ...t }) {
     }
   );
 }
-function Jr({
+function Xr({
   className: e,
   ...t
 }) {
@@ -2656,7 +2636,7 @@ function Jr({
     }
   );
 }
-function Xr({
+function Yr({
   asChild: e = !1,
   size: t = "md",
   isActive: r = !1,
@@ -2682,39 +2662,39 @@ function Xr({
     }
   );
 }
-function Wt({
+function Vt({
   className: e,
   children: t,
   ...r
 }) {
   return /* @__PURE__ */ s(
-    F.Root,
+    W.Root,
     {
       "data-slot": "scroll-area",
       className: n("relative", e),
       ...r,
       children: [
         /* @__PURE__ */ a(
-          F.Viewport,
+          W.Viewport,
           {
             "data-slot": "scroll-area-viewport",
             className: "focus-visible:ring-ring/50 size-full rounded-[inherit] transition-[color,box-shadow] outline-none focus-visible:ring-[3px] focus-visible:outline-1",
             children: t
           }
         ),
-        /* @__PURE__ */ a(Vt, {}),
-        /* @__PURE__ */ a(F.Corner, {})
+        /* @__PURE__ */ a(Gt, {}),
+        /* @__PURE__ */ a(W.Corner, {})
       ]
     }
   );
 }
-function Vt({
+function Gt({
   className: e,
   orientation: t = "vertical",
   ...r
 }) {
   return /* @__PURE__ */ a(
-    F.ScrollAreaScrollbar,
+    W.ScrollAreaScrollbar,
     {
       "data-slot": "scroll-area-scrollbar",
       orientation: t,
@@ -2726,7 +2706,7 @@ function Vt({
       ),
       ...r,
       children: /* @__PURE__ */ a(
-        F.ScrollAreaThumb,
+        W.ScrollAreaThumb,
         {
           "data-slot": "scroll-area-thumb",
           className: "bg-border relative flex-1 rounded-full"
@@ -2735,7 +2715,7 @@ function Vt({
     }
   );
 }
-function Yr({
+function Qr({
   item: e,
   children: t,
   keyClassName: r,
@@ -2748,22 +2728,22 @@ function Yr({
     /* @__PURE__ */ a("span", { className: n("ml-4", o), children: t })
   ] }) });
 }
-function Qr({
+function Zr({
   children: e,
   separatorClassName: t = "w-full"
 }) {
-  const r = A.Children.toArray(e);
-  return /* @__PURE__ */ a("div", { className: "flex flex-col", children: r.map((o, i) => /* @__PURE__ */ s(A.Fragment, { children: [
+  const r = E.Children.toArray(e);
+  return /* @__PURE__ */ a("div", { className: "flex flex-col", children: r.map((o, i) => /* @__PURE__ */ s(E.Fragment, { children: [
     o,
     i !== r.length - 1 && /* @__PURE__ */ a(ke, { className: t })
   ] }, i)) });
 }
-function Zr({
+function en({
   className: e,
   ...t
 }) {
   return /* @__PURE__ */ a(
-    de.Root,
+    se.Root,
     {
       "data-slot": "checkbox",
       className: n(
@@ -2772,17 +2752,17 @@ function Zr({
       ),
       ...t,
       children: /* @__PURE__ */ a(
-        de.Indicator,
+        se.Indicator,
         {
           "data-slot": "checkbox-indicator",
           className: "flex items-center justify-center text-current transition-none",
-          children: /* @__PURE__ */ a(U, { className: "size-3.5" })
+          children: /* @__PURE__ */ a(K, { className: "size-3.5" })
         }
       )
     }
   );
 }
-const en = ({
+const tn = ({
   className: e,
   title: t,
   description: r,
@@ -2801,111 +2781,111 @@ const en = ({
       i
     ]
   }
-) }), tn = A.forwardRef(({
+) }), an = E.forwardRef(({
   data: e,
   initialSelectedItemId: t,
   onSelectChange: r,
   expandAll: o,
   folderIcon: i,
   itemIcon: d,
-  className: u,
+  className: c,
   ...f
 }, m) => {
-  const [c, y] = A.useState(t), k = A.useCallback((v) => {
-    y(v?.id), r && r(v);
-  }, [r]), g = A.useMemo(() => {
-    const v = [];
-    function b(h, I) {
+  const [l, w] = E.useState(t), N = E.useCallback((y) => {
+    w(y?.id), r && r(y);
+  }, [r]), g = E.useMemo(() => {
+    const y = [];
+    function v(h, A) {
       if (h instanceof Array)
         for (let R = 0; R < h.length; R++) {
           if (o && h[R].children)
-            v.push(h[R].id);
-          else if (I) {
-            if (v.push(h[R].id), b(h[R], I))
+            y.push(h[R].id);
+          else if (A) {
+            if (y.push(h[R].id), v(h[R], A))
               return !0;
-            o || v.pop();
+            o || y.pop();
           }
-          h[R].children && b(h[R].children, I);
+          h[R].children && v(h[R].children, A);
         }
       else {
-        if (I && h.id === I)
+        if (A && h.id === A)
           return !0;
         if (h.children)
-          return o && v.push(h.id), b(h.children, I);
+          return o && y.push(h.id), v(h.children, A);
       }
     }
-    return (o || t) && b(e, t), v;
-  }, [e, t, o]), { ref: N, width: p, height: x } = Ue();
-  return /* @__PURE__ */ a("div", { ref: N, className: n("overflow-hidden", u), children: /* @__PURE__ */ a(Wt, { style: { width: p, height: x }, children: /* @__PURE__ */ a("div", { className: "relative p-2", children: /* @__PURE__ */ a(
-    Se,
+    return (o || t) && v(e, t), y;
+  }, [e, t, o]), { ref: p, width: b, height: z } = Ke();
+  return /* @__PURE__ */ a("div", { ref: p, className: n("overflow-hidden", c), children: /* @__PURE__ */ a(Vt, { style: { width: b, height: z }, children: /* @__PURE__ */ a("div", { className: "relative p-2", children: /* @__PURE__ */ a(
+    ze,
     {
       data: e,
       ref: m,
-      selectedItemId: c,
-      handleSelectChange: k,
+      selectedItemId: l,
+      handleSelectChange: N,
       expandedItemIds: g,
       FolderIcon: i,
       ItemIcon: d,
       ...f
     }
   ) }) }) });
-}), Se = A.forwardRef(({ className: e, data: t, selectedItemId: r, handleSelectChange: o, expandedItemIds: i, FolderIcon: d, ItemIcon: u, ...f }, m) => /* @__PURE__ */ a("div", { ref: m, role: "tree", className: e, ...f, children: /* @__PURE__ */ a("ul", { children: t instanceof Array ? t.map((c) => /* @__PURE__ */ a("li", { children: c.children ? /* @__PURE__ */ a(E.Root, { type: "multiple", defaultValue: i, children: /* @__PURE__ */ s(E.Item, { value: c.id, children: [
+}), ze = E.forwardRef(({ className: e, data: t, selectedItemId: r, handleSelectChange: o, expandedItemIds: i, FolderIcon: d, ItemIcon: c, ...f }, m) => /* @__PURE__ */ a("div", { ref: m, role: "tree", className: e, ...f, children: /* @__PURE__ */ a("ul", { children: t instanceof Array ? t.map((l) => /* @__PURE__ */ a("li", { children: l.children ? /* @__PURE__ */ a(P.Root, { type: "multiple", defaultValue: i, children: /* @__PURE__ */ s(P.Item, { value: l.id, children: [
   /* @__PURE__ */ s(
-    ze,
+    Se,
     {
-      "aria-label": c.name,
+      "aria-label": l.name,
       className: n(
         "px-2 hover:before:opacity-100 before:absolute before:left-0 before:w-full before:opacity-0 before:bg-muted/80 before:h-[1.75rem] before:-z-10",
-        r === c.id && "before:opacity-100 before:bg-accent text-accent-foreground before:border-l-2 before:border-l-accent-foreground/50 dark:before:border-0"
+        r === l.id && "before:opacity-100 before:bg-accent text-accent-foreground before:border-l-2 before:border-l-accent-foreground/50 dark:before:border-0"
       ),
-      onClick: () => o(c),
+      onClick: () => o(l),
       children: [
-        c.icon && /* @__PURE__ */ a(
-          c.icon,
+        l.icon && /* @__PURE__ */ a(
+          l.icon,
           {
             className: "h-4 w-4 shrink-0 mr-2 text-accent-foreground/50",
             "aria-hidden": "true"
           }
         ),
-        !c.icon && d && /* @__PURE__ */ a(
+        !l.icon && d && /* @__PURE__ */ a(
           d,
           {
             className: "h-4 w-4 shrink-0 mr-2 text-accent-foreground/50",
             "aria-hidden": "true"
           }
         ),
-        /* @__PURE__ */ a("p", { className: "text-sm truncate", children: c.name })
+        /* @__PURE__ */ a("p", { className: "text-sm truncate", children: l.name })
       ]
     }
   ),
   /* @__PURE__ */ a(Te, { className: "pl-6", children: /* @__PURE__ */ a(
-    Se,
+    ze,
     {
-      data: c.children ? c.children : c,
+      data: l.children ? l.children : l,
       selectedItemId: r,
       handleSelectChange: o,
       expandedItemIds: i,
       FolderIcon: d,
-      ItemIcon: u
+      ItemIcon: c
     }
   ) })
 ] }) }) : /* @__PURE__ */ a(
-  me,
+  fe,
   {
-    item: c,
-    isSelected: r === c.id,
-    onClick: () => o(c),
-    Icon: u
+    item: l,
+    isSelected: r === l.id,
+    onClick: () => o(l),
+    Icon: c
   }
-) }, c.id)) : /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a(
-  me,
+) }, l.id)) : /* @__PURE__ */ a("li", { children: /* @__PURE__ */ a(
+  fe,
   {
     item: t,
     isSelected: r === t.id,
     onClick: () => o(t),
-    Icon: u
+    Icon: c
   }
-) }) }) })), me = A.forwardRef(({ className: e, item: t, isSelected: r, Icon: o, ...i }, d) => /* @__PURE__ */ s(
+) }) }) })), fe = E.forwardRef(({ className: e, item: t, isSelected: r, Icon: o, ...i }, d) => /* @__PURE__ */ s(
   "button",
   {
     ref: d,
@@ -2925,8 +2905,8 @@ const en = ({
       /* @__PURE__ */ a("p", { className: "flex-grow text-sm truncate", children: t.name })
     ]
   }
-)), ze = A.forwardRef(({ className: e, children: t, ...r }, o) => /* @__PURE__ */ a(E.Header, { children: /* @__PURE__ */ s(
-  E.Trigger,
+)), Se = E.forwardRef(({ className: e, children: t, ...r }, o) => /* @__PURE__ */ a(P.Header, { children: /* @__PURE__ */ s(
+  P.Trigger,
   {
     ref: o,
     className: n(
@@ -2936,13 +2916,13 @@ const en = ({
     ...r,
     children: [
       t,
-      /* @__PURE__ */ a(be, { className: "h-4 w-4 shrink-0 transition-transform duration-200 text-accent-foreground/50 ml-auto" })
+      /* @__PURE__ */ a(ge, { className: "h-4 w-4 shrink-0 transition-transform duration-200 text-accent-foreground/50 ml-auto" })
     ]
   }
 ) }));
-ze.displayName = E.Trigger.displayName;
-const Te = A.forwardRef(({ className: e, children: t, ...r }, o) => /* @__PURE__ */ a(
-  E.Content,
+Se.displayName = P.Trigger.displayName;
+const Te = E.forwardRef(({ className: e, children: t, ...r }, o) => /* @__PURE__ */ a(
+  P.Content,
   {
     ref: o,
     className: n(
@@ -2953,18 +2933,18 @@ const Te = A.forwardRef(({ className: e, children: t, ...r }, o) => /* @__PURE__
     children: /* @__PURE__ */ a("div", { className: "pb-1 pt-0", children: t })
   }
 ));
-Te.displayName = E.Content.displayName;
-function an({
+Te.displayName = P.Content.displayName;
+function rn({
   ...e
 }) {
-  return /* @__PURE__ */ a(E.Root, { "data-slot": "accordion", ...e });
+  return /* @__PURE__ */ a(P.Root, { "data-slot": "accordion", ...e });
 }
-function rn({
+function nn({
   className: e,
   ...t
 }) {
   return /* @__PURE__ */ a(
-    E.Item,
+    P.Item,
     {
       "data-slot": "accordion-item",
       className: n("border-b last:border-b-0", e),
@@ -2972,13 +2952,13 @@ function rn({
     }
   );
 }
-function nn({
+function on({
   className: e,
   children: t,
   ...r
 }) {
-  return /* @__PURE__ */ a(E.Header, { className: "flex", children: /* @__PURE__ */ s(
-    E.Trigger,
+  return /* @__PURE__ */ a(P.Header, { className: "flex", children: /* @__PURE__ */ s(
+    P.Trigger,
     {
       "data-slot": "accordion-trigger",
       className: n(
@@ -2993,13 +2973,13 @@ function nn({
     }
   ) });
 }
-function on({
+function sn({
   className: e,
   children: t,
   ...r
 }) {
   return /* @__PURE__ */ a(
-    E.Content,
+    P.Content,
     {
       "data-slot": "accordion-content",
       className: "data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down overflow-hidden text-sm",
@@ -3008,7 +2988,7 @@ function on({
     }
   );
 }
-function sn({
+function dn({
   className: e,
   direction: t = "horizontal",
   ...r
@@ -3027,13 +3007,13 @@ function sn({
     }
   );
 }
-function dn({
+function ln({
   className: e,
   ...t
 }) {
   return /* @__PURE__ */ a(ne.Panel, { "data-slot": "resizable-panel", className: n(e), ...t });
 }
-function ln({
+function cn({
   withHandle: e,
   className: t,
   ...r
@@ -3047,11 +3027,11 @@ function ln({
         t
       ),
       ...r,
-      children: e && /* @__PURE__ */ a("div", { className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border", children: /* @__PURE__ */ a(Ve, { className: "size-2.5" }) })
+      children: e && /* @__PURE__ */ a("div", { className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border", children: /* @__PURE__ */ a(Ge, { className: "size-2.5" }) })
     }
   );
 }
-const Ht = K(
+const Ht = F(
   "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: {
@@ -3065,7 +3045,7 @@ const Ht = K(
     }
   }
 );
-function cn({
+function un({
   className: e,
   variant: t,
   ...r
@@ -3081,7 +3061,7 @@ function cn({
     }
   );
 }
-function un({ className: e, ...t }) {
+function fn({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "p",
     {
@@ -3094,7 +3074,7 @@ function un({ className: e, ...t }) {
     }
   );
 }
-function fn({
+function mn({
   className: e,
   ...t
 }) {
@@ -3110,7 +3090,7 @@ function fn({
     }
   );
 }
-function mn({
+function pn({
   icon: e,
   size: t = 24,
   className: r,
@@ -3124,7 +3104,7 @@ function mn({
         r
       ),
       ...o,
-      children: l.cloneElement(e, {
+      children: u.cloneElement(e, {
         width: t,
         height: t,
         className: n(
@@ -3137,12 +3117,12 @@ function mn({
     }
   );
 }
-function pn({
+function gn({
   className: e,
   ...t
 }) {
   return /* @__PURE__ */ a(
-    le.Root,
+    de.Root,
     {
       "data-slot": "switch",
       className: n(
@@ -3151,7 +3131,7 @@ function pn({
       ),
       ...t,
       children: /* @__PURE__ */ a(
-        le.Thumb,
+        de.Thumb,
         {
           "data-slot": "switch-thumb",
           className: n(
@@ -3162,22 +3142,22 @@ function pn({
     }
   );
 }
-function gn({
+function bn({
   ...e
 }) {
   return /* @__PURE__ */ a(O.Root, { "data-slot": "alert-dialog", ...e });
 }
-function bn({
+function hn({
   ...e
 }) {
   return /* @__PURE__ */ a(O.Trigger, { "data-slot": "alert-dialog-trigger", ...e });
 }
-function Gt({
+function qt({
   ...e
 }) {
   return /* @__PURE__ */ a(O.Portal, { "data-slot": "alert-dialog-portal", ...e });
 }
-function Ft({
+function Wt({
   className: e,
   ...t
 }) {
@@ -3193,12 +3173,12 @@ function Ft({
     }
   );
 }
-function hn({
+function vn({
   className: e,
   ...t
 }) {
-  return /* @__PURE__ */ s(Gt, { children: [
-    /* @__PURE__ */ a(Ft, {}),
+  return /* @__PURE__ */ s(qt, { children: [
+    /* @__PURE__ */ a(Wt, {}),
     /* @__PURE__ */ a(
       O.Content,
       {
@@ -3212,7 +3192,7 @@ function hn({
     )
   ] });
 }
-function vn({
+function xn({
   className: e,
   ...t
 }) {
@@ -3225,7 +3205,7 @@ function vn({
     }
   );
 }
-function xn({
+function wn({
   className: e,
   ...t
 }) {
@@ -3241,7 +3221,7 @@ function xn({
     }
   );
 }
-function wn({
+function yn({
   className: e,
   ...t
 }) {
@@ -3254,7 +3234,7 @@ function wn({
     }
   );
 }
-function yn({
+function Nn({
   className: e,
   ...t
 }) {
@@ -3267,7 +3247,7 @@ function yn({
     }
   );
 }
-function Nn({
+function kn({
   className: e,
   ...t
 }) {
@@ -3279,7 +3259,7 @@ function Nn({
     }
   );
 }
-function kn({
+function Cn({
   className: e,
   ...t
 }) {
@@ -3291,7 +3271,7 @@ function kn({
     }
   );
 }
-const pe = K(
+const me = F(
   "relative inline-block aspect-square transform-gpu",
   {
     variants: {
@@ -3310,13 +3290,13 @@ const pe = K(
     },
     defaultVariants: { variant: "default", size: "default" }
   }
-), Cn = ({ className: e, variant: t, size: r = "default" }) => /* @__PURE__ */ s(
+), zn = ({ className: e, variant: t, size: r = "default" }) => /* @__PURE__ */ s(
   "div",
   {
     role: "status",
     "aria-label": "Loading",
     className: n(
-      pe(typeof r == "string" ? { variant: t, size: r } : { variant: t }),
+      me(typeof r == "string" ? { variant: t, size: r } : { variant: t }),
       e
     ),
     style: typeof r == "number" ? { width: r, height: r } : void 0,
@@ -3339,20 +3319,20 @@ const pe = K(
   }
 );
 function Sn() {
-  const { setTheme: e } = we();
+  const { setTheme: e } = xe();
   return /* @__PURE__ */ s(et, { children: [
     /* @__PURE__ */ a(tt, { asChild: !0, children: /* @__PURE__ */ s(Y, { variant: "outline", size: "icon", className: "relative", children: [
-      /* @__PURE__ */ a(ie, { className: "h-[1.2rem] w-[1.2rem] scale-100 rotate-0 transition-all dark:scale-0 dark:-rotate-90" }),
-      /* @__PURE__ */ a(se, { className: "absolute h-[1.2rem] w-[1.2rem] scale-0 rotate-90 transition-all dark:scale-100 dark:rotate-0" }),
+      /* @__PURE__ */ a(oe, { className: "h-[1.2rem] w-[1.2rem] scale-100 rotate-0 transition-all dark:scale-0 dark:-rotate-90" }),
+      /* @__PURE__ */ a(ie, { 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" })
     ] }) }),
     /* @__PURE__ */ s(at, { align: "end", children: [
       /* @__PURE__ */ s(Z, { onClick: () => e("light"), children: [
-        /* @__PURE__ */ a(ie, { className: "size-4" }),
+        /* @__PURE__ */ a(oe, { className: "size-4" }),
         "Light"
       ] }),
       /* @__PURE__ */ s(Z, { onClick: () => e("dark"), children: [
-        /* @__PURE__ */ a(se, { className: "size-4" }),
+        /* @__PURE__ */ a(ie, { className: "size-4" }),
         "Dark"
       ] }),
       /* @__PURE__ */ s(Z, { onClick: () => e("system"), children: [
@@ -3363,29 +3343,29 @@ function Sn() {
   ] });
 }
 export {
-  an as Accordion,
-  on as AccordionContent,
-  rn as AccordionItem,
-  nn as AccordionTrigger,
-  cn as Alert,
-  fn as AlertDescription,
-  gn as AlertDialog,
-  Nn as AlertDialogAction,
-  kn as AlertDialogCancel,
-  hn as AlertDialogContent,
-  yn as AlertDialogDescription,
-  xn as AlertDialogFooter,
-  vn as AlertDialogHeader,
-  wn as AlertDialogTitle,
-  bn as AlertDialogTrigger,
-  un as AlertTitle,
+  rn as Accordion,
+  sn as AccordionContent,
+  nn as AccordionItem,
+  on as AccordionTrigger,
+  un as Alert,
+  mn as AlertDescription,
+  bn as AlertDialog,
+  kn as AlertDialogAction,
+  Cn as AlertDialogCancel,
+  vn as AlertDialogContent,
+  Nn as AlertDialogDescription,
+  wn as AlertDialogFooter,
+  xn as AlertDialogHeader,
+  yn as AlertDialogTitle,
+  hn as AlertDialogTrigger,
+  fn as AlertTitle,
   oa as Badge,
-  nr as Breadcrumb,
-  ir as BreadcrumbItem,
-  sr as BreadcrumbLink,
-  or as BreadcrumbList,
-  dr as BreadcrumbPage,
-  lr as BreadcrumbSeparator,
+  or as Breadcrumb,
+  sr as BreadcrumbItem,
+  dr as BreadcrumbLink,
+  ir as BreadcrumbList,
+  lr as BreadcrumbPage,
+  cr as BreadcrumbSeparator,
   Y as Button,
   ia as Card,
   ca as CardContent,
@@ -3393,7 +3373,7 @@ export {
   ua as CardFooter,
   sa as CardHeader,
   da as CardTitle,
-  Zr as Checkbox,
+  en as Checkbox,
   vt as Command,
   yt as CommandEmpty,
   Nt as CommandGroup,
@@ -3413,123 +3393,125 @@ export {
   ha as ContextMenuSubContent,
   ba as ContextMenuSubTrigger,
   ma as ContextMenuTrigger,
-  cr as Dialog,
-  fr as DialogContent,
-  br as DialogDescription,
-  pr as DialogFooter,
-  mr as DialogHeader,
-  gr as DialogTitle,
-  ur as DialogTrigger,
+  ur as Dialog,
+  mr as DialogContent,
+  hr as DialogDescription,
+  gr as DialogFooter,
+  pr as DialogHeader,
+  br as DialogTitle,
+  fr as DialogTrigger,
   Je as Drawer,
-  za as DrawerClose,
+  Sa as DrawerClose,
   Ye as DrawerContent,
   _a as DrawerDescription,
   Ta as DrawerFooter,
   Qe as DrawerHeader,
   Ze as DrawerTitle,
-  Sa as DrawerTrigger,
+  za as DrawerTrigger,
   et as DropdownMenu,
   Da as DropdownMenuCheckboxItem,
   at as DropdownMenuContent,
   Z as DropdownMenuItem,
-  Ra as DropdownMenuLabel,
+  Ia as DropdownMenuLabel,
   Ma as DropdownMenuRadioGroup,
-  Ia as DropdownMenuRadioItem,
+  Ra as DropdownMenuRadioItem,
   Pa as DropdownMenuSeparator,
-  Ea as DropdownMenuShortcut,
-  Aa as DropdownMenuSub,
+  Aa as DropdownMenuShortcut,
+  Ea as DropdownMenuSub,
   La as DropdownMenuSubContent,
   Oa as DropdownMenuSubTrigger,
   tt as DropdownMenuTrigger,
-  en as EmptyState,
-  mn as Icon,
+  tn as EmptyState,
+  pn as Icon,
   rt as Input,
-  ja as Label,
+  $a as Label,
   Sn as ModeToggle,
-  Wa as Pagination,
-  Va as PaginationContent,
-  Ka as PaginationEllipsis,
+  Va as Pagination,
+  Ga as PaginationContent,
+  Fa as PaginationEllipsis,
   Ha as PaginationItem,
-  ve as PaginationLink,
-  Fa as PaginationNext,
-  Ga as PaginationPrevious,
+  he as PaginationLink,
+  Wa as PaginationNext,
+  qa as PaginationPrevious,
   nt as Popover,
   it as PopoverContent,
   ot as PopoverTrigger,
-  ln as ResizableHandle,
-  dn as ResizablePanel,
-  sn as ResizablePanelGroup,
-  Wt as ScrollArea,
-  Vt as ScrollBar,
-  Ba as SearchInput,
+  cn as ResizableHandle,
+  ln as ResizablePanel,
+  dn as ResizablePanelGroup,
+  Vt as ScrollArea,
+  Gt as ScrollBar,
+  ja as SearchInput,
   Sr as SearchSelect,
-  hr as Select,
-  yr as SelectContent,
-  vr as SelectGroup,
-  kr as SelectItem,
-  Nr as SelectLabel,
-  Cr as SelectSeparator,
-  wr as SelectTrigger,
-  xr as SelectValue,
+  vr as Select,
+  Nr as SelectContent,
+  xr as SelectGroup,
+  Cr as SelectItem,
+  kr as SelectLabel,
+  zr as SelectSeparator,
+  yr as SelectTrigger,
+  wr as SelectValue,
   ke as Separator,
   Tt as Sheet,
   Mt as SheetContent,
   Pt as SheetDescription,
-  Tr as SheetFooter,
-  It as SheetHeader,
-  Rt as SheetTitle,
-  zr as SheetTrigger,
-  Dr as Sidebar,
-  Lr as SidebarContent,
-  Ar as SidebarFooter,
-  $r as SidebarGroup,
-  jr as SidebarGroupAction,
-  Wr as SidebarGroupContent,
-  Br as SidebarGroupLabel,
+  _r as SheetFooter,
+  Rt as SheetHeader,
+  It as SheetTitle,
+  Tr as SheetTrigger,
+  Mr as Sidebar,
+  Br as SidebarContent,
+  Or as SidebarFooter,
+  jr as SidebarGroup,
+  Vr as SidebarGroupAction,
+  Gr as SidebarGroupContent,
+  $r as SidebarGroupLabel,
   Er as SidebarHeader,
-  Pr as SidebarInput,
-  Rr as SidebarInset,
-  Vr as SidebarMenu,
+  Ar as SidebarInput,
+  Pr as SidebarInset,
+  Hr as SidebarMenu,
   Fr as SidebarMenuAction,
   Kr as SidebarMenuBadge,
-  Gr as SidebarMenuButton,
-  Hr as SidebarMenuItem,
+  Wr as SidebarMenuButton,
+  qr as SidebarMenuItem,
   Ur as SidebarMenuSkeleton,
-  qr as SidebarMenuSub,
-  Xr as SidebarMenuSubButton,
-  Jr as SidebarMenuSubItem,
-  _r as SidebarProvider,
+  Jr as SidebarMenuSub,
+  Yr as SidebarMenuSubButton,
+  Xr as SidebarMenuSubItem,
+  Dr as SidebarProvider,
   Ir as SidebarRail,
-  Or as SidebarSeparator,
-  Mr as SidebarTrigger,
-  ce as Skeleton,
-  Cn as Spinner,
-  Qr as StackList,
-  Yr as StackListItem,
-  pn as Switch,
+  Lr as SidebarSeparator,
+  Rr as SidebarTrigger,
+  le as Skeleton,
+  zn as Spinner,
+  Zr as StackList,
+  Qr as StackListItem,
+  gn as Switch,
   Xa as Table,
   ft as TableBody,
-  Za as TableCaption,
-  fe as TableCell,
-  Qa as TableHead,
+  er as TableCaption,
+  ue as TableCell,
+  Za as TableHead,
+  Qa as TableHeadRow,
   Ya as TableHeader,
-  ue as TableRow,
-  er as Tabs,
-  rr as TabsContent,
-  tr as TabsList,
-  ar as TabsTrigger,
-  $a as TextArea,
-  Ua as ThemeProvider,
-  qa as Toaster,
+  ce as TableRow,
+  tr as Tabs,
+  nr as TabsContent,
+  ar as TabsList,
+  rr as TabsTrigger,
+  Ba as TextArea,
+  Ka as ThemeProvider,
+  Ua as Toaster,
   mt as Tooltip,
   gt as TooltipContent,
   Ne as TooltipProvider,
   pt as TooltipTrigger,
-  tn as Tree,
+  an as Tree,
   Ja as VirtualizedTableBody,
   n as cn,
   na as formatDate,
   ra as toTitleCase,
+  Dn as toast,
   Q as useSidebar,
-  we as useTheme
+  xe as useTheme
 };