@clidey/ux 0.16.0 → 0.18.0

package/dist/index.js

@@ -1,40 +1,40 @@
 import { jsx as a, jsxs as i, Fragment as W } from "react/jsx-runtime";
 import * as g from "react";
-import k, { Fragment as he, createContext as ve, useState as xe, useEffect as we, useContext as Ne } from "react";
+import k, { Fragment as ve, createContext as xe, useState as we, useEffect as Ne, useContext as ye } from "react";
 import { Slot as D } from "@radix-ui/react-slot";
 import { cva as G } from "class-variance-authority";
-import { clsx as ye } from "clsx";
-import { twMerge as ke } from "tailwind-merge";
+import { clsx as ke } from "clsx";
+import { twMerge as ze } from "tailwind-merge";
 import * as h from "@radix-ui/react-context-menu";
-import { CheckIcon as O, CircleIcon as oe, ChevronRightIcon as q, Search as ze, MoreHorizontalIcon as Ce, ChevronLeftIcon as Se, ChevronRight as ne, XIcon as ie, SearchIcon as Te, ChevronDownIcon as X, ChevronsUpDownIcon as _e, ChevronUpIcon as De, PanelLeftIcon as Me, GripVerticalIcon as Ie, Sun as Q, Moon as Z, Monitor as Pe } from "lucide-react";
-import { Drawer as I } from "vaul";
+import { CheckIcon as O, CircleIcon as oe, ChevronRightIcon as q, Search as Ce, MoreHorizontalIcon as Se, ChevronLeftIcon as Te, ChevronRight as ne, XIcon as ie, SearchIcon as _e, ChevronDownIcon as X, ChevronsUpDownIcon as De, ChevronUpIcon as Me, PanelLeftIcon as Ie, GripVerticalIcon as Pe, Sun as Q, Moon as Z, Monitor as Re } from "lucide-react";
+import { Drawer as R } from "vaul";
 import * as v from "@radix-ui/react-dropdown-menu";
-import * as Re from "@radix-ui/react-label";
+import * as Ae from "@radix-ui/react-label";
 import * as $ from "@radix-ui/react-popover";
-import { useTheme as Ae } from "next-themes";
-import { Toaster as Le } from "sonner";
-import { toast as ho } from "sonner";
-import { FixedSizeList as Ee } from "react-window";
+import { useTheme as Le } from "next-themes";
+import { Toaster as Ee } from "sonner";
+import { toast as vo } from "sonner";
+import { FixedSizeList as je } from "react-window";
 import * as H from "@radix-ui/react-tabs";
-import * as A from "@radix-ui/react-tooltip";
-import { Command as L } from "cmdk";
+import * as L from "@radix-ui/react-tooltip";
+import { Command as E } from "cmdk";
 import * as b from "@radix-ui/react-dialog";
 import * as w from "@radix-ui/react-select";
-import * as je from "@radix-ui/react-separator";
+import * as Be from "@radix-ui/react-separator";
 import * as B from "@radix-ui/react-scroll-area";
 import * as ee from "@radix-ui/react-checkbox";
 import * as N from "@radix-ui/react-accordion";
-import Be from "use-resize-observer";
+import Oe from "use-resize-observer";
 import * as Y from "react-resizable-panels";
 import * as te from "@radix-ui/react-switch";
-import * as T from "@radix-ui/react-alert-dialog";
+import * as S from "@radix-ui/react-alert-dialog";
 function r(...e) {
-  return ke(ye(e));
+  return ze(ke(e));
 }
-function Ft(e) {
+function Kt(e) {
   return e.replace(/_/g, " ").replace(/\w\S*/g, (t) => t.charAt(0).toUpperCase() + t.slice(1).toLowerCase());
 }
-function Kt(e) {
+function Ut(e) {
   const o = (/* @__PURE__ */ new Date()).getTime() - e.getTime(), n = Math.floor(o / 1e3);
   if (n < 60)
     return "just now";
@@ -50,10 +50,10 @@ function Kt(e) {
   const c = Math.floor(u / 30);
   if (c < 12)
     return `${c} month${c === 1 ? "" : "s"} ago`;
-  const p = Math.floor(c / 12);
-  return `${p} year${p === 1 ? "" : "s"} ago`;
+  const f = Math.floor(c / 12);
+  return `${f} year${f === 1 ? "" : "s"} ago`;
 }
-const Oe = G(
+const $e = G(
   "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: {
@@ -69,7 +69,7 @@ const Oe = G(
     }
   }
 );
-function Ut({
+function Wt({
   className: e,
   variant: t,
   asChild: o = !1,
@@ -79,7 +79,7 @@ function Ut({
     o ? D : "span",
     {
       "data-slot": "badge",
-      className: r(Oe({ variant: t }), e),
+      className: r($e({ variant: t }), e),
       ...n
     }
   );
@@ -125,7 +125,7 @@ function J({
     }
   );
 }
-function Wt({ className: e, ...t }) {
+function qt({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -138,7 +138,7 @@ function Wt({ className: e, ...t }) {
     }
   );
 }
-function qt({ className: e, ...t }) {
+function Xt({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -151,7 +151,7 @@ function qt({ className: e, ...t }) {
     }
   );
 }
-function Xt({ className: e, ...t }) {
+function Yt({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -161,7 +161,7 @@ function Xt({ className: e, ...t }) {
     }
   );
 }
-function Yt({ className: e, ...t }) {
+function Jt({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -171,7 +171,7 @@ function Yt({ className: e, ...t }) {
     }
   );
 }
-function Jt({ className: e, ...t }) {
+function Qt({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -181,7 +181,7 @@ function Jt({ className: e, ...t }) {
     }
   );
 }
-function Qt({ className: e, ...t }) {
+function Zt({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -191,22 +191,22 @@ function Qt({ className: e, ...t }) {
     }
   );
 }
-function Zt({
+function ea({
   ...e
 }) {
   return /* @__PURE__ */ a(h.Root, { "data-slot": "context-menu", ...e });
 }
-function ea({
+function ta({
   ...e
 }) {
   return /* @__PURE__ */ a(h.Trigger, { "data-slot": "context-menu-trigger", ...e });
 }
-function ta({
+function aa({
   ...e
 }) {
   return /* @__PURE__ */ a(h.Sub, { "data-slot": "context-menu-sub", ...e });
 }
-function aa({
+function ra({
   ...e
 }) {
   return /* @__PURE__ */ a(
@@ -217,7 +217,7 @@ function aa({
     }
   );
 }
-function ra({
+function oa({
   className: e,
   inset: t,
   children: o,
@@ -240,7 +240,7 @@ function ra({
     }
   );
 }
-function oa({
+function na({
   className: e,
   ...t
 }) {
@@ -256,7 +256,7 @@ function oa({
     }
   );
 }
-function na({
+function ia({
   className: e,
   ...t
 }) {
@@ -272,7 +272,7 @@ function na({
     }
   ) });
 }
-function ia({
+function sa({
   className: e,
   inset: t,
   variant: o = "default",
@@ -292,7 +292,7 @@ function ia({
     }
   );
 }
-function sa({
+function da({
   className: e,
   children: t,
   checked: o,
@@ -315,7 +315,7 @@ function sa({
     }
   );
 }
-function da({
+function la({
   className: e,
   children: t,
   ...o
@@ -336,7 +336,7 @@ function da({
     }
   );
 }
-function la({
+function ca({
   className: e,
   inset: t,
   ...o
@@ -354,7 +354,7 @@ function la({
     }
   );
 }
-function ca({
+function ua({
   className: e,
   ...t
 }) {
@@ -367,7 +367,7 @@ function ca({
     }
   );
 }
-function ua({
+function ma({
   className: e,
   ...t
 }) {
@@ -383,27 +383,27 @@ function ua({
     }
   );
 }
-function ma({
+function fa({
   ...e
 }) {
-  return /* @__PURE__ */ a(I.Root, { "data-slot": "drawer", ...e });
+  return /* @__PURE__ */ a(R.Root, { "data-slot": "drawer", ...e });
 }
-function fa({
+function pa({
   ...e
 }) {
-  return /* @__PURE__ */ a(I.Trigger, { "data-slot": "drawer-trigger", ...e });
+  return /* @__PURE__ */ a(R.Trigger, { "data-slot": "drawer-trigger", ...e });
 }
-function pa({
+function ga({
   ...e
 }) {
-  return /* @__PURE__ */ a(I.Close, { "data-slot": "drawer-close", ...e });
+  return /* @__PURE__ */ a(R.Close, { "data-slot": "drawer-close", ...e });
 }
-function $e({
+function Ge({
   className: e,
   ...t
 }) {
   return /* @__PURE__ */ a(
-    I.Overlay,
+    R.Overlay,
     {
       "data-slot": "drawer-overlay",
       className: r(
@@ -414,15 +414,15 @@ function $e({
     }
   );
 }
-function ga({
+function ba({
   className: e,
   children: t,
   ...o
 }) {
   return /* @__PURE__ */ i(W, { children: [
-    /* @__PURE__ */ a($e, {}),
+    /* @__PURE__ */ a(Ge, {}),
     /* @__PURE__ */ i(
-      I.Content,
+      R.Content,
       {
         "data-slot": "drawer-content",
         className: r(
@@ -442,7 +442,7 @@ function ga({
     )
   ] });
 }
-function ba({ className: e, ...t }) {
+function ha({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -455,7 +455,7 @@ function ba({ className: e, ...t }) {
     }
   );
 }
-function ha({ className: e, ...t }) {
+function va({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -465,12 +465,12 @@ function ha({ className: e, ...t }) {
     }
   );
 }
-function va({
+function xa({
   className: e,
   ...t
 }) {
   return /* @__PURE__ */ a(
-    I.Title,
+    R.Title,
     {
       "data-slot": "drawer-title",
       className: r("text-foreground font-semibold", e),
@@ -478,12 +478,12 @@ function va({
     }
   );
 }
-function xa({
+function wa({
   className: e,
   ...t
 }) {
   return /* @__PURE__ */ a(
-    I.Description,
+    R.Description,
     {
       "data-slot": "drawer-description",
       className: r("text-muted-foreground text-sm", e),
@@ -491,12 +491,12 @@ function xa({
     }
   );
 }
-function Ge({
+function He({
   ...e
 }) {
   return /* @__PURE__ */ a(v.Root, { "data-slot": "dropdown-menu", ...e });
 }
-function He({
+function Ve({
   ...e
 }) {
   return /* @__PURE__ */ a(
@@ -507,7 +507,7 @@ function He({
     }
   );
 }
-function Ve({
+function Fe({
   className: e,
   sideOffset: t = 4,
   ...o
@@ -545,7 +545,7 @@ function K({
     }
   );
 }
-function wa({
+function Na({
   className: e,
   children: t,
   checked: o,
@@ -568,7 +568,7 @@ function wa({
     }
   );
 }
-function Na({
+function ya({
   ...e
 }) {
   return /* @__PURE__ */ a(
@@ -579,7 +579,7 @@ function Na({
     }
   );
 }
-function ya({
+function ka({
   className: e,
   children: t,
   ...o
@@ -600,7 +600,7 @@ function ya({
     }
   );
 }
-function ka({
+function za({
   className: e,
   inset: t,
   ...o
@@ -618,7 +618,7 @@ function ka({
     }
   );
 }
-function za({
+function Ca({
   className: e,
   ...t
 }) {
@@ -631,7 +631,7 @@ function za({
     }
   );
 }
-function Ca({
+function Sa({
   className: e,
   ...t
 }) {
@@ -647,12 +647,12 @@ function Ca({
     }
   );
 }
-function Sa({
+function Ta({
   ...e
 }) {
   return /* @__PURE__ */ a(v.Sub, { "data-slot": "dropdown-menu-sub", ...e });
 }
-function Ta({
+function _a({
   className: e,
   inset: t,
   children: o,
@@ -675,7 +675,7 @@ function Ta({
     }
   );
 }
-function _a({
+function Da({
   className: e,
   ...t
 }) {
@@ -691,7 +691,7 @@ function _a({
     }
   );
 }
-function Fe({ className: e, type: t, ...o }) {
+function Ke({ className: e, type: t, ...o }) {
   return /* @__PURE__ */ a(
     "input",
     {
@@ -707,7 +707,7 @@ function Fe({ className: e, type: t, ...o }) {
     }
   );
 }
-function Da({
+function Ma({
   className: e,
   ...t
 }) {
@@ -722,7 +722,7 @@ function Da({
       ),
       "data-slot": "search-input-wrapper",
       children: [
-        /* @__PURE__ */ a(ze, { className: "size-4 text-muted-foreground mr-2" }),
+        /* @__PURE__ */ a(Ce, { className: "size-4 text-muted-foreground mr-2" }),
         /* @__PURE__ */ a(
           "input",
           {
@@ -737,12 +737,12 @@ function Da({
     }
   );
 }
-function Ma({
+function Ia({
   className: e,
   ...t
 }) {
   return /* @__PURE__ */ a(
-    Re.Root,
+    Ae.Root,
     {
       "data-slot": "label",
       className: r(
@@ -753,7 +753,7 @@ function Ma({
     }
   );
 }
-function Ia({ className: e, ...t }) {
+function Pa({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "nav",
     {
@@ -765,7 +765,7 @@ function Ia({ className: e, ...t }) {
     }
   );
 }
-function Pa({
+function Ra({
   className: e,
   ...t
 }) {
@@ -778,7 +778,7 @@ function Pa({
     }
   );
 }
-function Ra({ ...e }) {
+function Aa({ ...e }) {
   return /* @__PURE__ */ a("li", { "data-slot": "pagination-item", ...e });
 }
 function se({
@@ -804,7 +804,7 @@ function se({
     }
   );
 }
-function Aa({
+function La({
   className: e,
   ...t
 }) {
@@ -816,13 +816,13 @@ function Aa({
       className: r("gap-1 px-2.5 sm:pl-2.5", e),
       ...t,
       children: [
-        /* @__PURE__ */ a(Se, {}),
+        /* @__PURE__ */ a(Te, {}),
         /* @__PURE__ */ a("span", { className: "hidden sm:block", children: "Previous" })
       ]
     }
   );
 }
-function La({
+function Ea({
   className: e,
   ...t
 }) {
@@ -840,7 +840,7 @@ function La({
     }
   );
 }
-function Ea({
+function ja({
   className: e,
   ...t
 }) {
@@ -852,23 +852,23 @@ function Ea({
       className: r("flex size-9 items-center justify-center", e),
       ...t,
       children: [
-        /* @__PURE__ */ a(Ce, { className: "size-4" }),
+        /* @__PURE__ */ a(Se, { className: "size-4" }),
         /* @__PURE__ */ a("span", { className: "sr-only", children: "More pages" })
       ]
     }
   );
 }
-function Ke({
+function Ue({
   ...e
 }) {
   return /* @__PURE__ */ a($.Root, { "data-slot": "popover", ...e });
 }
-function Ue({
+function We({
   ...e
 }) {
   return /* @__PURE__ */ a($.Trigger, { "data-slot": "popover-trigger", ...e });
 }
-function We({
+function qe({
   className: e,
   align: t = "center",
   sideOffset: o = 4,
@@ -898,10 +898,10 @@ function ae({ className: e, ...t }) {
     }
   );
 }
-const ja = ({ ...e }) => {
-  const { theme: t = "system" } = Ae();
+const Ba = ({ ...e }) => {
+  const { theme: t = "system" } = Le();
   return /* @__PURE__ */ a(
-    Le,
+    Ee,
     {
       theme: t,
       className: "toaster group",
@@ -914,7 +914,7 @@ const ja = ({ ...e }) => {
     }
   );
 };
-function Ba({
+function Oa({
   rowCount: e,
   rowHeight: t = 48,
   height: o = 400,
@@ -922,20 +922,20 @@ function Ba({
   children: s
 }) {
   return /* @__PURE__ */ a(
-    Ee,
+    je,
     {
       className: r("w-full relative block", n),
       height: o,
       itemCount: e,
       itemSize: t,
       width: "100%",
-      outerElementType: qe,
-      innerElementType: he,
-      children: ({ index: d, style: u }) => /* @__PURE__ */ a(Xe, { style: u, children: s(d, u) }, d)
+      outerElementType: Xe,
+      innerElementType: ve,
+      children: ({ index: d, style: u }) => /* @__PURE__ */ a(Ye, { style: u, children: s(d, u) }, d)
     }
   );
 }
-function Oa({ className: e, ...t }) {
+function $a({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -952,7 +952,7 @@ function Oa({ className: e, ...t }) {
     }
   );
 }
-function $a({ className: e, ...t }) {
+function Ga({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "thead",
     {
@@ -962,7 +962,7 @@ function $a({ className: e, ...t }) {
     }
   );
 }
-function qe({ className: e, ...t }) {
+function Xe({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "tbody",
     {
@@ -972,7 +972,7 @@ function qe({ className: e, ...t }) {
     }
   );
 }
-function Xe({ className: e, style: t, ...o }) {
+function Ye({ className: e, style: t, ...o }) {
   return /* @__PURE__ */ a(
     "tr",
     {
@@ -986,7 +986,7 @@ function Xe({ className: e, style: t, ...o }) {
     }
   );
 }
-function Ga({ className: e, ...t }) {
+function Ha({ className: e, ...t }) {
   const { icon: o, ...n } = t, { children: s } = n;
   return /* @__PURE__ */ i(
     "th",
@@ -1005,7 +1005,7 @@ function Ga({ className: e, ...t }) {
     }
   );
 }
-function Ha({ className: e, ...t }) {
+function Va({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "td",
     {
@@ -1018,7 +1018,7 @@ function Ha({ className: e, ...t }) {
     }
   );
 }
-function Va({
+function Fa({
   className: e,
   ...t
 }) {
@@ -1031,7 +1031,7 @@ function Va({
     }
   );
 }
-function Fa({
+function Ka({
   className: e,
   ...t
 }) {
@@ -1044,7 +1044,7 @@ function Fa({
     }
   );
 }
-function Ka({
+function Ua({
   className: e,
   ...t
 }) {
@@ -1060,7 +1060,7 @@ function Ka({
     }
   );
 }
-function Ua({
+function Wa({
   className: e,
   ...t
 }) {
@@ -1076,7 +1076,7 @@ function Ua({
     }
   );
 }
-function Wa({
+function qa({
   className: e,
   ...t
 }) {
@@ -1094,7 +1094,7 @@ function de({
   ...t
 }) {
   return /* @__PURE__ */ a(
-    A.Provider,
+    L.Provider,
     {
       "data-slot": "tooltip-provider",
       delayDuration: e,
@@ -1102,24 +1102,24 @@ function de({
     }
   );
 }
-function Ye({
+function Je({
   ...e
 }) {
-  return /* @__PURE__ */ a(de, { children: /* @__PURE__ */ a(A.Root, { "data-slot": "tooltip", ...e }) });
+  return /* @__PURE__ */ a(de, { children: /* @__PURE__ */ a(L.Root, { "data-slot": "tooltip", ...e }) });
 }
-function Je({
+function Qe({
   ...e
 }) {
-  return /* @__PURE__ */ a(A.Trigger, { "data-slot": "tooltip-trigger", ...e });
+  return /* @__PURE__ */ a(L.Trigger, { "data-slot": "tooltip-trigger", ...e });
 }
-function Qe({
+function Ze({
   className: e,
   sideOffset: t = 0,
   children: o,
   ...n
 }) {
-  return /* @__PURE__ */ a(A.Portal, { children: /* @__PURE__ */ i(
-    A.Content,
+  return /* @__PURE__ */ a(L.Portal, { children: /* @__PURE__ */ i(
+    L.Content,
     {
       "data-slot": "tooltip-content",
       sideOffset: t,
@@ -1130,15 +1130,15 @@ function Qe({
       ...n,
       children: [
         o,
-        /* @__PURE__ */ a(A.Arrow, { className: "bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
+        /* @__PURE__ */ a(L.Arrow, { className: "bg-primary fill-primary z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })
       ]
     }
   ) });
 }
-function qa({ ...e }) {
+function Xa({ ...e }) {
   return /* @__PURE__ */ a("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...e });
 }
-function Xa({ className: e, ...t }) {
+function Ya({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "ol",
     {
@@ -1151,7 +1151,7 @@ function Xa({ className: e, ...t }) {
     }
   );
 }
-function Ya({ className: e, ...t }) {
+function Ja({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "li",
     {
@@ -1161,7 +1161,7 @@ function Ya({ className: e, ...t }) {
     }
   );
 }
-function Ja({
+function Qa({
   asChild: e,
   className: t,
   ...o
@@ -1175,7 +1175,7 @@ function Ja({
     }
   );
 }
-function Qa({ className: e, ...t }) {
+function Za({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "span",
     {
@@ -1188,7 +1188,7 @@ function Qa({ className: e, ...t }) {
     }
   );
 }
-function Za({
+function er({
   children: e,
   className: t,
   ...o
@@ -1205,22 +1205,22 @@ function Za({
     }
   );
 }
-function er({
+function tr({
   ...e
 }) {
   return /* @__PURE__ */ a(b.Root, { "data-slot": "dialog", ...e });
 }
-function tr({
+function ar({
   ...e
 }) {
   return /* @__PURE__ */ a(b.Trigger, { "data-slot": "dialog-trigger", ...e });
 }
-function Ze({
+function et({
   ...e
 }) {
   return /* @__PURE__ */ a(b.Portal, { "data-slot": "dialog-portal", ...e });
 }
-function et({
+function tt({
   className: e,
   ...t
 }) {
@@ -1236,14 +1236,14 @@ function et({
     }
   );
 }
-function ar({
+function rr({
   className: e,
   children: t,
   showCloseButton: o = !0,
   ...n
 }) {
-  return /* @__PURE__ */ i(Ze, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ a(et, {}),
+  return /* @__PURE__ */ i(et, { "data-slot": "dialog-portal", children: [
+    /* @__PURE__ */ a(tt, {}),
     /* @__PURE__ */ i(
       b.Content,
       {
@@ -1271,7 +1271,7 @@ function ar({
     )
   ] });
 }
-function rr({ className: e, ...t }) {
+function or({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -1281,7 +1281,7 @@ function rr({ className: e, ...t }) {
     }
   );
 }
-function or({ className: e, ...t }) {
+function nr({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -1294,7 +1294,7 @@ function or({ className: e, ...t }) {
     }
   );
 }
-function nr({
+function ir({
   className: e,
   ...t
 }) {
@@ -1307,7 +1307,7 @@ function nr({
     }
   );
 }
-function ir({
+function sr({
   className: e,
   ...t
 }) {
@@ -1320,12 +1320,12 @@ function ir({
     }
   );
 }
-function tt({
+function at({
   className: e,
   ...t
 }) {
   return /* @__PURE__ */ a(
-    L,
+    E,
     {
       "data-slot": "command",
       className: r(
@@ -1336,7 +1336,7 @@ function tt({
     }
   );
 }
-function at({
+function rt({
   className: e,
   ...t
 }) {
@@ -1346,9 +1346,9 @@ function at({
       "data-slot": "command-input-wrapper",
       className: "flex h-9 items-center gap-2 border-b px-3",
       children: [
-        /* @__PURE__ */ a(Te, { className: "size-4 shrink-0 opacity-50" }),
+        /* @__PURE__ */ a(_e, { className: "size-4 shrink-0 opacity-50" }),
         /* @__PURE__ */ a(
-          L.Input,
+          E.Input,
           {
             "data-slot": "command-input",
             className: r(
@@ -1362,12 +1362,12 @@ function at({
     }
   );
 }
-function rt({
+function ot({
   className: e,
   ...t
 }) {
   return /* @__PURE__ */ a(
-    L.List,
+    E.List,
     {
       "data-slot": "command-list",
       className: r(
@@ -1378,11 +1378,11 @@ function rt({
     }
   );
 }
-function ot({
+function nt({
   ...e
 }) {
   return /* @__PURE__ */ a(
-    L.Empty,
+    E.Empty,
     {
       "data-slot": "command-empty",
       className: "py-6 text-center text-sm",
@@ -1390,12 +1390,12 @@ function ot({
     }
   );
 }
-function nt({
+function it({
   className: e,
   ...t
 }) {
   return /* @__PURE__ */ a(
-    L.Group,
+    E.Group,
     {
       "data-slot": "command-group",
       className: r(
@@ -1406,12 +1406,12 @@ function nt({
     }
   );
 }
-function it({
+function st({
   className: e,
   ...t
 }) {
   return /* @__PURE__ */ a(
-    L.Item,
+    E.Item,
     {
       "data-slot": "command-item",
       className: r(
@@ -1422,22 +1422,22 @@ function it({
     }
   );
 }
-function sr({
+function dr({
   ...e
 }) {
   return /* @__PURE__ */ a(w.Root, { "data-slot": "select", ...e });
 }
-function dr({
+function lr({
   ...e
 }) {
   return /* @__PURE__ */ a(w.Group, { "data-slot": "select-group", ...e });
 }
-function lr({
+function cr({
   ...e
 }) {
   return /* @__PURE__ */ a(w.Value, { "data-slot": "select-value", ...e });
 }
-function cr({
+function ur({
   className: e,
   size: t = "default",
   children: o,
@@ -1460,7 +1460,7 @@ function cr({
     }
   );
 }
-function ur({
+function mr({
   className: e,
   children: t,
   position: o = "popper",
@@ -1478,7 +1478,7 @@ function ur({
       position: o,
       ...n,
       children: [
-        /* @__PURE__ */ a(st, {}),
+        /* @__PURE__ */ a(dt, {}),
         /* @__PURE__ */ a(
           w.Viewport,
           {
@@ -1489,12 +1489,12 @@ function ur({
             children: t
           }
         ),
-        /* @__PURE__ */ a(dt, {})
+        /* @__PURE__ */ a(lt, {})
       ]
     }
   ) });
 }
-function mr({
+function fr({
   className: e,
   ...t
 }) {
@@ -1507,7 +1507,7 @@ function mr({
     }
   );
 }
-function fr({
+function pr({
   className: e,
   children: t,
   ...o
@@ -1528,7 +1528,7 @@ function fr({
     }
   );
 }
-function st({
+function dt({
   className: e,
   ...t
 }) {
@@ -1541,11 +1541,11 @@ function st({
         e
       ),
       ...t,
-      children: /* @__PURE__ */ a(De, { className: "size-4" })
+      children: /* @__PURE__ */ a(Me, { className: "size-4" })
     }
   );
 }
-function dt({
+function lt({
   className: e,
   ...t
 }) {
@@ -1562,7 +1562,7 @@ function dt({
     }
   );
 }
-function pr({
+function gr({
   options: e,
   placeholder: t = "Select option...",
   searchPlaceholder: o = "Search...",
@@ -1571,22 +1571,23 @@ function pr({
   buttonClassName: d,
   contentClassName: u,
   disabled: c = !1,
-  extraOptions: p,
+  extraOptions: f,
   side: l = "bottom",
-  align: _ = "start",
+  align: T = "start",
   onlyIcon: M = !1,
-  label: z
+  label: z,
+  inputProps: _
 }) {
-  const [C, S] = g.useState(!1), [P, y] = g.useState(""), f = n ?? P, [m, E] = g.useState(""), R = g.useMemo(
+  const [C, I] = g.useState(!1), [y, p] = g.useState(""), m = n ?? y, [P, A] = g.useState(""), ge = g.useMemo(
     () => e.filter(
-      (x) => x.label.toLowerCase().includes(m.toLowerCase())
+      (x) => x.label.toLowerCase().includes(P.toLowerCase())
     ),
-    [e, m]
-  ), ge = (x) => {
-    n === void 0 && y(x === f ? "" : x), s?.(x === f ? "" : x), S(!1);
-  }, j = e.find((x) => x.value === f);
-  return /* @__PURE__ */ i(Ke, { open: C, onOpenChange: S, children: [
-    /* @__PURE__ */ a(Ue, { children: /* @__PURE__ */ i(
+    [e, P]
+  ), be = (x) => {
+    n === void 0 && p(x === m ? "" : x), s?.(x === m ? "" : x), I(!1);
+  }, j = e.find((x) => x.value === m);
+  return /* @__PURE__ */ i(Ue, { open: C, onOpenChange: I, children: [
+    /* @__PURE__ */ a(We, { children: /* @__PURE__ */ i(
       J,
       {
         variant: "outline",
@@ -1618,38 +1619,40 @@ function pr({
               ] }) }) : /* @__PURE__ */ a("span", { className: "truncate", children: t })
             }
           ),
-          /* @__PURE__ */ a(_e, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
+          /* @__PURE__ */ a(De, { className: "ml-2 h-4 w-4 shrink-0 opacity-50" })
         ]
       }
     ) }),
-    /* @__PURE__ */ a(We, { className: r("p-0", u), side: l, align: _, children: /* @__PURE__ */ i(tt, { children: [
+    /* @__PURE__ */ a(qe, { className: r("p-0", u), side: l, align: T, children: /* @__PURE__ */ i(at, { children: [
       /* @__PURE__ */ a(
-        at,
+        rt,
         {
           placeholder: o,
-          value: m,
-          onValueChange: E
+          value: P,
+          onValueChange: A,
+          ..._
         }
       ),
-      /* @__PURE__ */ i(rt, { children: [
-        /* @__PURE__ */ i(ot, { children: [
+      /* @__PURE__ */ i(ot, { children: [
+        /* @__PURE__ */ i(nt, { children: [
           "No ",
           z?.toLowerCase() ?? "option",
           " found."
         ] }),
-        /* @__PURE__ */ i(nt, { children: [
-          R.map((x) => /* @__PURE__ */ i(
-            it,
+        /* @__PURE__ */ i(it, { children: [
+          ge.map((x) => /* @__PURE__ */ i(
+            st,
             {
               value: x.value,
-              onSelect: (be) => ge(be),
+              onSelect: (he) => be(he),
+              className: "break-all",
               children: [
                 /* @__PURE__ */ a(
                   O,
                   {
                     className: r(
                       "mr-2 h-4 w-4",
-                      f === x.value ? "opacity-100" : "opacity-0"
+                      m === x.value ? "opacity-100" : "opacity-0"
                     )
                   }
                 ),
@@ -1659,14 +1662,14 @@ function pr({
             },
             x.value
           )),
-          p
+          f
         ] })
       ] })
     ] }) })
   ] });
 }
 const U = 768;
-function lt() {
+function ct() {
   const [e, t] = g.useState(void 0);
   return g.useEffect(() => {
     const o = window.matchMedia(`(max-width: ${U - 1}px)`), n = () => {
@@ -1682,7 +1685,7 @@ function le({
   ...n
 }) {
   return /* @__PURE__ */ a(
-    je.Root,
+    Be.Root,
     {
       "data-slot": "separator",
       decorative: o,
@@ -1695,20 +1698,20 @@ function le({
     }
   );
 }
-function ct({ ...e }) {
+function ut({ ...e }) {
   return /* @__PURE__ */ a(b.Root, { "data-slot": "sheet", ...e });
 }
-function gr({
+function br({
   ...e
 }) {
   return /* @__PURE__ */ a(b.Trigger, { "data-slot": "sheet-trigger", ...e });
 }
-function ut({
+function mt({
   ...e
 }) {
   return /* @__PURE__ */ a(b.Portal, { "data-slot": "sheet-portal", ...e });
 }
-function mt({
+function ft({
   className: e,
   ...t
 }) {
@@ -1724,14 +1727,14 @@ function mt({
     }
   );
 }
-function ft({
+function pt({
   className: e,
   children: t,
   side: o = "right",
   ...n
 }) {
-  return /* @__PURE__ */ i(ut, { children: [
-    /* @__PURE__ */ a(mt, {}),
+  return /* @__PURE__ */ i(mt, { children: [
+    /* @__PURE__ */ a(ft, {}),
     /* @__PURE__ */ i(
       b.Content,
       {
@@ -1756,7 +1759,7 @@ function ft({
     )
   ] });
 }
-function pt({ className: e, ...t }) {
+function gt({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -1766,7 +1769,7 @@ function pt({ className: e, ...t }) {
     }
   );
 }
-function br({ className: e, ...t }) {
+function hr({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -1776,7 +1779,7 @@ function br({ className: e, ...t }) {
     }
   );
 }
-function gt({
+function bt({
   className: e,
   ...t
 }) {
@@ -1789,7 +1792,7 @@ function gt({
     }
   );
 }
-function bt({
+function ht({
   className: e,
   ...t
 }) {
@@ -1802,14 +1805,14 @@ function bt({
     }
   );
 }
-const ht = "sidebar_state", vt = 3600 * 24 * 7, xt = "16rem", wt = "18rem", Nt = "3rem", yt = "b", ce = g.createContext(null);
+const vt = "sidebar_state", xt = 3600 * 24 * 7, wt = "16rem", Nt = "18rem", yt = "3rem", kt = "b", ce = g.createContext(null);
 function F() {
   const e = g.useContext(ce);
   if (!e)
     throw new Error("useSidebar must be used within a SidebarProvider.");
   return e;
 }
-function hr({
+function vr({
   defaultOpen: e = !0,
   open: t,
   onOpenChange: o,
@@ -1818,38 +1821,38 @@ function hr({
   children: d,
   ...u
 }) {
-  const c = lt(), [p, l] = g.useState(!1), [_, M] = g.useState(e), z = t ?? _, C = g.useCallback(
-    (f) => {
-      const m = typeof f == "function" ? f(z) : f;
-      o ? o(m) : M(m), document.cookie = `${ht}=${m}; path=/; max-age=${vt}`;
+  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 = `${vt}=${m}; path=/; max-age=${xt}`;
     },
     [o, z]
-  ), S = g.useCallback(() => c ? l((f) => !f) : C((f) => !f), [c, C, l]);
+  ), C = g.useCallback(() => c ? l((p) => !p) : _((p) => !p), [c, _, l]);
   g.useEffect(() => {
-    const f = (m) => {
-      m.key === yt && (m.metaKey || m.ctrlKey) && (m.preventDefault(), S());
+    const p = (m) => {
+      m.key === kt && (m.metaKey || m.ctrlKey) && (m.preventDefault(), C());
     };
-    return window.addEventListener("keydown", f), () => window.removeEventListener("keydown", f);
-  }, [S]);
-  const P = z ? "expanded" : "collapsed", y = g.useMemo(
+    return window.addEventListener("keydown", p), () => window.removeEventListener("keydown", p);
+  }, [C]);
+  const I = z ? "expanded" : "collapsed", y = g.useMemo(
     () => ({
-      state: P,
+      state: I,
       open: z,
-      setOpen: C,
+      setOpen: _,
       isMobile: c,
-      openMobile: p,
+      openMobile: f,
       setOpenMobile: l,
-      toggleSidebar: S
+      toggleSidebar: C
     }),
-    [P, z, C, c, p, l, S]
+    [I, z, _, c, f, l, C]
   );
   return /* @__PURE__ */ a(ce.Provider, { value: y, children: /* @__PURE__ */ a(de, { delayDuration: 0, children: /* @__PURE__ */ a(
     "div",
     {
       "data-slot": "sidebar-wrapper",
       style: {
-        "--sidebar-width": xt,
-        "--sidebar-width-icon": Nt,
+        "--sidebar-width": wt,
+        "--sidebar-width-icon": yt,
         ...s
       },
       className: r(
@@ -1861,7 +1864,7 @@ function hr({
     }
   ) }) });
 }
-function vr({
+function xr({
   side: e = "left",
   variant: t = "sidebar",
   collapsible: o = "offcanvas",
@@ -1869,7 +1872,7 @@ function vr({
   children: s,
   ...d
 }) {
-  const { isMobile: u, state: c, openMobile: p, setOpenMobile: l } = F();
+  const { isMobile: u, state: c, openMobile: f, setOpenMobile: l } = F();
   return o === "none" ? /* @__PURE__ */ a(
     "div",
     {
@@ -1881,21 +1884,21 @@ function vr({
       ...d,
       children: s
     }
-  ) : u ? /* @__PURE__ */ a(ct, { open: p, onOpenChange: l, ...d, children: /* @__PURE__ */ i(
-    ft,
+  ) : 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": wt
+        "--sidebar-width": Nt
       },
       side: e,
       children: [
-        /* @__PURE__ */ i(pt, { className: "sr-only", children: [
-          /* @__PURE__ */ a(gt, { children: "Sidebar" }),
-          /* @__PURE__ */ a(bt, { 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 })
       ]
@@ -1953,7 +1956,7 @@ function vr({
     }
   );
 }
-function xr({
+function wr({
   className: e,
   onClick: t,
   ...o
@@ -1972,13 +1975,13 @@ function xr({
       },
       ...o,
       children: [
-        /* @__PURE__ */ a(Me, {}),
+        /* @__PURE__ */ a(Ie, {}),
         /* @__PURE__ */ a("span", { className: "sr-only", children: "Toggle Sidebar" })
       ]
     }
   );
 }
-function wr({ className: e, ...t }) {
+function Nr({ className: e, ...t }) {
   const { toggleSidebar: o } = F();
   return /* @__PURE__ */ a(
     "button",
@@ -2002,7 +2005,7 @@ function wr({ className: e, ...t }) {
     }
   );
 }
-function Nr({ className: e, ...t }) {
+function yr({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "main",
     {
@@ -2016,12 +2019,12 @@ function Nr({ className: e, ...t }) {
     }
   );
 }
-function yr({
+function kr({
   className: e,
   ...t
 }) {
   return /* @__PURE__ */ a(
-    Fe,
+    Ke,
     {
       "data-slot": "sidebar-input",
       "data-sidebar": "input",
@@ -2030,7 +2033,7 @@ function yr({
     }
   );
 }
-function kr({ className: e, ...t }) {
+function zr({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -2041,7 +2044,7 @@ function kr({ className: e, ...t }) {
     }
   );
 }
-function zr({ className: e, ...t }) {
+function Cr({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -2052,7 +2055,7 @@ function zr({ className: e, ...t }) {
     }
   );
 }
-function Cr({
+function Sr({
   className: e,
   ...t
 }) {
@@ -2066,7 +2069,7 @@ function Cr({
     }
   );
 }
-function Sr({ className: e, ...t }) {
+function Tr({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -2080,7 +2083,7 @@ function Sr({ className: e, ...t }) {
     }
   );
 }
-function Tr({ className: e, ...t }) {
+function _r({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -2091,7 +2094,7 @@ function Tr({ className: e, ...t }) {
     }
   );
 }
-function _r({
+function Dr({
   className: e,
   asChild: t = !1,
   ...o
@@ -2110,7 +2113,7 @@ function _r({
     }
   );
 }
-function Dr({
+function Mr({
   className: e,
   asChild: t = !1,
   ...o
@@ -2131,7 +2134,7 @@ function Dr({
     }
   );
 }
-function Mr({
+function Ir({
   className: e,
   ...t
 }) {
@@ -2145,7 +2148,7 @@ function Mr({
     }
   );
 }
-function Ir({ className: e, ...t }) {
+function Pr({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "ul",
     {
@@ -2156,7 +2159,7 @@ function Ir({ className: e, ...t }) {
     }
   );
 }
-function Pr({ className: e, ...t }) {
+function Rr({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "li",
     {
@@ -2167,7 +2170,7 @@ function Pr({ className: e, ...t }) {
     }
   );
 }
-const kt = G(
+const zt = G(
   "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: {
@@ -2187,7 +2190,7 @@ const kt = G(
     }
   }
 );
-function Rr({
+function Ar({
   asChild: e = !1,
   isActive: t = !1,
   variant: o = "default",
@@ -2196,33 +2199,33 @@ function Rr({
   className: d,
   ...u
 }) {
-  const c = e ? D : "button", { isMobile: p, state: l } = F(), _ = /* @__PURE__ */ a(
+  const c = e ? D : "button", { isMobile: f, state: l } = F(), T = /* @__PURE__ */ a(
     c,
     {
       "data-slot": "sidebar-menu-button",
       "data-sidebar": "menu-button",
       "data-size": n,
       "data-active": t,
-      className: r(kt({ variant: o, size: n }), d),
+      className: r(zt({ variant: o, size: n }), d),
       ...u
     }
   );
   return s ? (typeof s == "string" && (s = {
     children: s
-  }), /* @__PURE__ */ i(Ye, { children: [
-    /* @__PURE__ */ a(Je, { asChild: !0, children: _ }),
+  }), /* @__PURE__ */ i(Je, { children: [
+    /* @__PURE__ */ a(Qe, { asChild: !0, children: T }),
     /* @__PURE__ */ a(
-      Qe,
+      Ze,
       {
         side: "right",
         align: "center",
-        hidden: l !== "collapsed" || p,
+        hidden: l !== "collapsed" || f,
         ...s
       }
     )
-  ] })) : _;
+  ] })) : T;
 }
-function Ar({
+function Lr({
   className: e,
   asChild: t = !1,
   showOnHover: o = !1,
@@ -2248,7 +2251,7 @@ function Ar({
     }
   );
 }
-function Lr({
+function Er({
   className: e,
   ...t
 }) {
@@ -2270,7 +2273,7 @@ function Lr({
     }
   );
 }
-function Er({
+function jr({
   className: e,
   showIcon: t = !1,
   ...o
@@ -2305,7 +2308,7 @@ function Er({
     }
   );
 }
-function jr({ className: e, ...t }) {
+function Br({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "ul",
     {
@@ -2320,7 +2323,7 @@ function jr({ className: e, ...t }) {
     }
   );
 }
-function Br({
+function Or({
   className: e,
   ...t
 }) {
@@ -2334,7 +2337,7 @@ function Br({
     }
   );
 }
-function Or({
+function $r({
   asChild: e = !1,
   size: t = "md",
   isActive: o = !1,
@@ -2360,7 +2363,7 @@ function Or({
     }
   );
 }
-function zt({
+function Ct({
   className: e,
   children: t,
   ...o
@@ -2380,13 +2383,13 @@ function zt({
             children: t
           }
         ),
-        /* @__PURE__ */ a(Ct, {}),
+        /* @__PURE__ */ a(St, {}),
         /* @__PURE__ */ a(B.Corner, {})
       ]
     }
   );
 }
-function Ct({
+function St({
   className: e,
   orientation: t = "vertical",
   ...o
@@ -2413,7 +2416,7 @@ function Ct({
     }
   );
 }
-function $r({
+function Gr({
   item: e,
   children: t,
   keyClassName: o = "font-semibold min-w-1/2",
@@ -2426,7 +2429,7 @@ function $r({
     /* @__PURE__ */ a("span", { className: n, children: t })
   ] }) });
 }
-function Gr({
+function Hr({
   children: e,
   separatorClassName: t = "w-full"
 }) {
@@ -2436,7 +2439,7 @@ function Gr({
     s !== o.length - 1 && /* @__PURE__ */ a(le, { className: t })
   ] }, s)) });
 }
-function Hr({
+function Vr({
   className: e,
   ...t
 }) {
@@ -2460,7 +2463,7 @@ function Hr({
     }
   );
 }
-const Vr = ({
+const Fr = ({
   className: e,
   title: t,
   description: o,
@@ -2479,7 +2482,7 @@ const Vr = ({
       s
     ]
   }
-) }), Fr = k.forwardRef(({
+) }), Kr = k.forwardRef(({
   data: e,
   initialSelectedItemId: t,
   onSelectChange: o,
@@ -2488,34 +2491,34 @@ const Vr = ({
   itemIcon: d,
   className: u,
   ...c
-}, p) => {
-  const [l, _] = k.useState(t), M = k.useCallback((y) => {
-    _(y?.id), o && o(y);
+}, f) => {
+  const [l, T] = k.useState(t), M = k.useCallback((y) => {
+    T(y?.id), o && o(y);
   }, [o]), z = k.useMemo(() => {
     if (!t)
       return [];
     const y = [];
-    function f(m, E) {
+    function p(m, P) {
       if (m instanceof Array)
-        for (let R = 0; R < m.length; R++) {
-          if (y.push(m[R].id), f(m[R], E) && !n)
+        for (let A = 0; A < m.length; A++) {
+          if (y.push(m[A].id), p(m[A], P) && !n)
             return !0;
           n || y.pop();
         }
       else {
-        if (!n && m.id === E)
+        if (!n && m.id === P)
           return !0;
         if (m.children)
-          return f(m.children, E);
+          return p(m.children, P);
       }
     }
-    return f(e, t), y;
-  }, [e, t, n]), { ref: C, width: S, height: P } = Be();
-  return /* @__PURE__ */ a("div", { ref: C, className: r("overflow-hidden", u), children: /* @__PURE__ */ a(zt, { style: { width: S, height: P }, children: /* @__PURE__ */ a("div", { className: "relative p-2", children: /* @__PURE__ */ a(
+    return p(e, t), y;
+  }, [e, t, n]), { ref: _, width: C, height: I } = Oe();
+  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(
     ue,
     {
       data: e,
-      ref: p,
+      ref: f,
       selectedItemId: l,
       handleSelectChange: M,
       expandedItemIds: z,
@@ -2524,7 +2527,7 @@ const Vr = ({
       ...c
     }
   ) }) }) });
-}), ue = k.forwardRef(({ className: e, data: t, selectedItemId: o, handleSelectChange: n, expandedItemIds: s, FolderIcon: d, ItemIcon: u, ...c }, p) => /* @__PURE__ */ a("div", { ref: p, role: "tree", className: e, ...c, children: /* @__PURE__ */ a("ul", { children: t instanceof Array ? t.map((l) => /* @__PURE__ */ a("li", { children: l.children ? /* @__PURE__ */ a(N.Root, { type: "multiple", defaultValue: s, children: /* @__PURE__ */ i(N.Item, { value: l.id, children: [
+}), ue = k.forwardRef(({ className: e, data: t, selectedItemId: o, handleSelectChange: n, expandedItemIds: s, FolderIcon: d, ItemIcon: u, ...c }, f) => /* @__PURE__ */ a("div", { ref: f, role: "tree", className: e, ...c, children: /* @__PURE__ */ a("ul", { children: t instanceof Array ? t.map((l) => /* @__PURE__ */ a("li", { children: l.children ? /* @__PURE__ */ a(N.Root, { type: "multiple", defaultValue: s, children: /* @__PURE__ */ i(N.Item, { value: l.id, children: [
   /* @__PURE__ */ i(
     me,
     {
@@ -2624,12 +2627,12 @@ const fe = k.forwardRef(({ className: e, children: t, ...o }, n) => /* @__PURE__
   }
 ));
 fe.displayName = N.Content.displayName;
-function Kr({
+function Ur({
   ...e
 }) {
   return /* @__PURE__ */ a(N.Root, { "data-slot": "accordion", ...e });
 }
-function Ur({
+function Wr({
   className: e,
   ...t
 }) {
@@ -2642,7 +2645,7 @@ function Ur({
     }
   );
 }
-function Wr({
+function qr({
   className: e,
   children: t,
   ...o
@@ -2663,7 +2666,7 @@ function Wr({
     }
   ) });
 }
-function qr({
+function Xr({
   className: e,
   children: t,
   ...o
@@ -2678,7 +2681,7 @@ function qr({
     }
   );
 }
-function Xr({
+function Yr({
   className: e,
   ...t
 }) {
@@ -2694,12 +2697,12 @@ function Xr({
     }
   );
 }
-function Yr({
+function Jr({
   ...e
 }) {
   return /* @__PURE__ */ a(Y.Panel, { "data-slot": "resizable-panel", ...e });
 }
-function Jr({
+function Qr({
   withHandle: e,
   className: t,
   ...o
@@ -2713,11 +2716,11 @@ function Jr({
         t
       ),
       ...o,
-      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(Ie, { 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(Pe, { className: "size-2.5" }) })
     }
   );
 }
-const St = G(
+const Tt = G(
   "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: {
@@ -2731,7 +2734,7 @@ const St = G(
     }
   }
 );
-function Qr({
+function Zr({
   className: e,
   variant: t,
   ...o
@@ -2741,12 +2744,12 @@ function Qr({
     {
       "data-slot": "alert",
       role: "alert",
-      className: r(St({ variant: t }), e),
+      className: r(Tt({ variant: t }), e),
       ...o
     }
   );
 }
-function Zr({ className: e, ...t }) {
+function eo({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -2759,7 +2762,7 @@ function Zr({ className: e, ...t }) {
     }
   );
 }
-function eo({
+function to({
   className: e,
   ...t
 }) {
@@ -2775,7 +2778,7 @@ function eo({
     }
   );
 }
-function to({
+function ao({
   icon: e,
   size: t = 24,
   className: o,
@@ -2802,7 +2805,7 @@ function to({
     }
   );
 }
-function ao({
+function ro({
   className: e,
   ...t
 }) {
@@ -2827,27 +2830,27 @@ function ao({
     }
   );
 }
-function ro({
+function oo({
   ...e
 }) {
-  return /* @__PURE__ */ a(T.Root, { "data-slot": "alert-dialog", ...e });
+  return /* @__PURE__ */ a(S.Root, { "data-slot": "alert-dialog", ...e });
 }
-function oo({
+function no({
   ...e
 }) {
-  return /* @__PURE__ */ a(T.Trigger, { "data-slot": "alert-dialog-trigger", ...e });
+  return /* @__PURE__ */ a(S.Trigger, { "data-slot": "alert-dialog-trigger", ...e });
 }
-function Tt({
+function _t({
   ...e
 }) {
-  return /* @__PURE__ */ a(T.Portal, { "data-slot": "alert-dialog-portal", ...e });
+  return /* @__PURE__ */ a(S.Portal, { "data-slot": "alert-dialog-portal", ...e });
 }
-function _t({
+function Dt({
   className: e,
   ...t
 }) {
   return /* @__PURE__ */ a(
-    T.Overlay,
+    S.Overlay,
     {
       "data-slot": "alert-dialog-overlay",
       className: r(
@@ -2858,14 +2861,14 @@ function _t({
     }
   );
 }
-function no({
+function io({
   className: e,
   ...t
 }) {
-  return /* @__PURE__ */ i(Tt, { children: [
-    /* @__PURE__ */ a(_t, {}),
+  return /* @__PURE__ */ i(_t, { children: [
+    /* @__PURE__ */ a(Dt, {}),
     /* @__PURE__ */ a(
-      T.Content,
+      S.Content,
       {
         "data-slot": "alert-dialog-content",
         className: r(
@@ -2877,7 +2880,7 @@ function no({
     )
   ] });
 }
-function io({
+function so({
   className: e,
   ...t
 }) {
@@ -2890,7 +2893,7 @@ function io({
     }
   );
 }
-function so({
+function lo({
   className: e,
   ...t
 }) {
@@ -2906,12 +2909,12 @@ function so({
     }
   );
 }
-function lo({
+function co({
   className: e,
   ...t
 }) {
   return /* @__PURE__ */ a(
-    T.Title,
+    S.Title,
     {
       "data-slot": "alert-dialog-title",
       className: r("text-lg font-semibold", e),
@@ -2919,12 +2922,12 @@ function lo({
     }
   );
 }
-function co({
+function uo({
   className: e,
   ...t
 }) {
   return /* @__PURE__ */ a(
-    T.Description,
+    S.Description,
     {
       "data-slot": "alert-dialog-description",
       className: r("text-muted-foreground text-sm", e),
@@ -2932,48 +2935,48 @@ function co({
     }
   );
 }
-function uo({
+function mo({
   className: e,
   ...t
 }) {
   return /* @__PURE__ */ a(
-    T.Action,
+    S.Action,
     {
       className: r(V(), e),
       ...t
     }
   );
 }
-function mo({
+function fo({
   className: e,
   ...t
 }) {
   return /* @__PURE__ */ a(
-    T.Cancel,
+    S.Cancel,
     {
       className: r(V({ variant: "outline" }), e),
       ...t
     }
   );
 }
-const Dt = {
+const Mt = {
   theme: "system",
   setTheme: () => null
-}, pe = ve(Dt);
-function fo({
+}, pe = xe(Mt);
+function po({
   children: e,
   defaultTheme: t = "system",
   storageKey: o = "@clidey/ux/theme",
   ...n
 }) {
-  const [s, d] = xe(
+  const [s, d] = we(
     () => localStorage.getItem(o) || t
   );
-  we(() => {
+  Ne(() => {
     const c = window.document.documentElement;
     if (c.classList.remove("light", "dark"), s === "system") {
-      const p = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
-      c.classList.add(p);
+      const f = window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+      c.classList.add(f);
       return;
     }
     c.classList.add(s);
@@ -2986,21 +2989,21 @@ function fo({
   };
   return /* @__PURE__ */ a(pe.Provider, { ...n, value: u, children: e });
 }
-const Mt = () => {
-  const e = Ne(pe);
+const It = () => {
+  const e = ye(pe);
   if (e === void 0)
     throw new Error("useTheme must be used within a ThemeProvider");
   return e;
 };
-function po() {
-  const { setTheme: e } = Mt();
-  return /* @__PURE__ */ i(Ge, { children: [
-    /* @__PURE__ */ a(He, { children: /* @__PURE__ */ i(J, { variant: "outline", size: "icon", children: [
+function go() {
+  const { setTheme: e } = It();
+  return /* @__PURE__ */ i(He, { children: [
+    /* @__PURE__ */ a(Ve, { children: /* @__PURE__ */ i(J, { variant: "outline", size: "icon", 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" })
     ] }) }),
-    /* @__PURE__ */ i(Ve, { align: "end", children: [
+    /* @__PURE__ */ i(Fe, { align: "end", children: [
       /* @__PURE__ */ i(K, { onClick: () => e("light"), children: [
         /* @__PURE__ */ a(Q, { className: "size-4" }),
         "Light"
@@ -3010,177 +3013,177 @@ function po() {
         "Dark"
       ] }),
       /* @__PURE__ */ i(K, { onClick: () => e("system"), children: [
-        /* @__PURE__ */ a(Pe, { className: "size-4" }),
+        /* @__PURE__ */ a(Re, { className: "size-4" }),
         "System"
       ] })
     ] })
   ] });
 }
 export {
-  Kr as Accordion,
-  qr as AccordionContent,
-  Ur as AccordionItem,
-  Wr as AccordionTrigger,
-  Qr as Alert,
-  eo as AlertDescription,
-  ro as AlertDialog,
-  uo as AlertDialogAction,
-  mo as AlertDialogCancel,
-  no as AlertDialogContent,
-  co as AlertDialogDescription,
-  so as AlertDialogFooter,
-  io as AlertDialogHeader,
-  lo as AlertDialogTitle,
-  oo as AlertDialogTrigger,
-  Zr as AlertTitle,
-  Ut as Badge,
-  qa as Breadcrumb,
-  Ya as BreadcrumbItem,
-  Ja as BreadcrumbLink,
-  Xa as BreadcrumbList,
-  Qa as BreadcrumbPage,
-  Za as BreadcrumbSeparator,
+  Ur as Accordion,
+  Xr as AccordionContent,
+  Wr as AccordionItem,
+  qr as AccordionTrigger,
+  Zr as Alert,
+  to as AlertDescription,
+  oo as AlertDialog,
+  mo as AlertDialogAction,
+  fo as AlertDialogCancel,
+  io as AlertDialogContent,
+  uo as AlertDialogDescription,
+  lo as AlertDialogFooter,
+  so as AlertDialogHeader,
+  co as AlertDialogTitle,
+  no as AlertDialogTrigger,
+  eo as AlertTitle,
+  Wt as Badge,
+  Xa as Breadcrumb,
+  Ja as BreadcrumbItem,
+  Qa as BreadcrumbLink,
+  Ya as BreadcrumbList,
+  Za as BreadcrumbPage,
+  er as BreadcrumbSeparator,
   J as Button,
-  Wt as Card,
-  Jt as CardContent,
-  Yt as CardDescription,
-  Qt as CardFooter,
-  qt as CardHeader,
-  Xt as CardTitle,
-  Hr as Checkbox,
-  tt as Command,
-  ot as CommandEmpty,
-  nt as CommandGroup,
-  at as CommandInput,
-  it as CommandItem,
-  rt as CommandList,
-  Zt as ContextMenu,
-  sa as ContextMenuCheckboxItem,
-  na as ContextMenuContent,
-  ia as ContextMenuItem,
-  la as ContextMenuLabel,
-  aa as ContextMenuRadioGroup,
-  da as ContextMenuRadioItem,
-  ca as ContextMenuSeparator,
-  ua as ContextMenuShortcut,
-  ta as ContextMenuSub,
-  oa as ContextMenuSubContent,
-  ra as ContextMenuSubTrigger,
-  ea as ContextMenuTrigger,
-  er as Dialog,
-  ar as DialogContent,
-  ir as DialogDescription,
-  or as DialogFooter,
-  rr as DialogHeader,
-  nr as DialogTitle,
-  tr as DialogTrigger,
-  ma as Drawer,
-  pa as DrawerClose,
-  ga as DrawerContent,
-  xa as DrawerDescription,
-  ha as DrawerFooter,
-  ba as DrawerHeader,
-  va as DrawerTitle,
-  fa as DrawerTrigger,
-  Ge as DropdownMenu,
-  wa as DropdownMenuCheckboxItem,
-  Ve as DropdownMenuContent,
+  qt as Card,
+  Qt as CardContent,
+  Jt as CardDescription,
+  Zt as CardFooter,
+  Xt as CardHeader,
+  Yt as CardTitle,
+  Vr as Checkbox,
+  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,
+  tr as Dialog,
+  rr as DialogContent,
+  sr as DialogDescription,
+  nr as DialogFooter,
+  or as DialogHeader,
+  ir as DialogTitle,
+  ar as DialogTrigger,
+  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,
+  Fe as DropdownMenuContent,
   K as DropdownMenuItem,
-  ka as DropdownMenuLabel,
-  Na as DropdownMenuRadioGroup,
-  ya as DropdownMenuRadioItem,
-  za as DropdownMenuSeparator,
-  Ca as DropdownMenuShortcut,
-  Sa as DropdownMenuSub,
-  _a as DropdownMenuSubContent,
-  Ta as DropdownMenuSubTrigger,
-  He as DropdownMenuTrigger,
-  Vr as EmptyState,
-  to as Icon,
-  Fe as Input,
-  Ma as Label,
-  po as ModeToggle,
-  Ia as Pagination,
-  Pa as PaginationContent,
-  Ea as PaginationEllipsis,
-  Ra as PaginationItem,
+  za as DropdownMenuLabel,
+  ya as DropdownMenuRadioGroup,
+  ka as DropdownMenuRadioItem,
+  Ca as DropdownMenuSeparator,
+  Sa as DropdownMenuShortcut,
+  Ta as DropdownMenuSub,
+  Da as DropdownMenuSubContent,
+  _a as DropdownMenuSubTrigger,
+  Ve as DropdownMenuTrigger,
+  Fr as EmptyState,
+  ao as Icon,
+  Ke as Input,
+  Ia as Label,
+  go as ModeToggle,
+  Pa as Pagination,
+  Ra as PaginationContent,
+  ja as PaginationEllipsis,
+  Aa as PaginationItem,
   se as PaginationLink,
-  La as PaginationNext,
-  Aa as PaginationPrevious,
-  Ke as Popover,
-  We as PopoverContent,
-  Ue as PopoverTrigger,
-  Jr as ResizableHandle,
-  Yr as ResizablePanel,
-  Xr as ResizablePanelGroup,
-  zt as ScrollArea,
-  Da as SearchInput,
-  pr as SearchSelect,
-  sr as Select,
-  ur as SelectContent,
-  dr as SelectGroup,
-  fr as SelectItem,
-  mr as SelectLabel,
-  cr as SelectTrigger,
-  lr as SelectValue,
+  Ea as PaginationNext,
+  La as PaginationPrevious,
+  Ue as Popover,
+  qe as PopoverContent,
+  We as PopoverTrigger,
+  Qr as ResizableHandle,
+  Jr as ResizablePanel,
+  Yr as ResizablePanelGroup,
+  Ct as ScrollArea,
+  Ma as SearchInput,
+  gr as SearchSelect,
+  dr as Select,
+  mr as SelectContent,
+  lr as SelectGroup,
+  pr as SelectItem,
+  fr as SelectLabel,
+  ur as SelectTrigger,
+  cr as SelectValue,
   le as Separator,
-  ct as Sheet,
-  ft as SheetContent,
-  bt as SheetDescription,
-  br as SheetFooter,
-  pt as SheetHeader,
-  gt as SheetTitle,
-  gr as SheetTrigger,
-  vr as Sidebar,
-  Sr as SidebarContent,
-  zr as SidebarFooter,
-  Tr as SidebarGroup,
-  Dr as SidebarGroupAction,
-  Mr as SidebarGroupContent,
-  _r as SidebarGroupLabel,
-  kr as SidebarHeader,
-  yr as SidebarInput,
-  Nr as SidebarInset,
-  Ir as SidebarMenu,
-  Ar as SidebarMenuAction,
-  Lr as SidebarMenuBadge,
-  Rr as SidebarMenuButton,
-  Pr as SidebarMenuItem,
-  Er as SidebarMenuSkeleton,
-  jr as SidebarMenuSub,
-  Or as SidebarMenuSubButton,
-  Br as SidebarMenuSubItem,
-  hr as SidebarProvider,
-  wr as SidebarRail,
-  Cr as SidebarSeparator,
-  xr as SidebarTrigger,
+  ut as Sheet,
+  pt as SheetContent,
+  ht as SheetDescription,
+  hr as SheetFooter,
+  gt as SheetHeader,
+  bt as SheetTitle,
+  br as SheetTrigger,
+  xr as Sidebar,
+  Tr as SidebarContent,
+  Cr as SidebarFooter,
+  _r as SidebarGroup,
+  Mr as SidebarGroupAction,
+  Ir as SidebarGroupContent,
+  Dr as SidebarGroupLabel,
+  zr as SidebarHeader,
+  kr as SidebarInput,
+  yr as SidebarInset,
+  Pr as SidebarMenu,
+  Lr as SidebarMenuAction,
+  Er as SidebarMenuBadge,
+  Ar as SidebarMenuButton,
+  Rr as SidebarMenuItem,
+  jr as SidebarMenuSkeleton,
+  Br as SidebarMenuSub,
+  $r as SidebarMenuSubButton,
+  Or as SidebarMenuSubItem,
+  vr as SidebarProvider,
+  Nr as SidebarRail,
+  Sr as SidebarSeparator,
+  wr as SidebarTrigger,
   ae as Skeleton,
-  Gr as StackList,
-  $r as StackListItem,
-  ao as Switch,
-  Oa as Table,
-  qe as TableBody,
-  Va as TableCaption,
-  Ha as TableCell,
-  Ga as TableHead,
-  $a as TableHeader,
-  Xe as TableRow,
-  Fa as Tabs,
-  Wa as TabsContent,
-  Ka as TabsList,
-  Ua as TabsTrigger,
-  fo as ThemeProvider,
-  ja as Toaster,
-  Ye as Tooltip,
-  Qe as TooltipContent,
+  Hr as StackList,
+  Gr as StackListItem,
+  ro as Switch,
+  $a as Table,
+  Xe as TableBody,
+  Fa as TableCaption,
+  Va as TableCell,
+  Ha as TableHead,
+  Ga as TableHeader,
+  Ye as TableRow,
+  Ka as Tabs,
+  qa as TabsContent,
+  Ua as TabsList,
+  Wa as TabsTrigger,
+  po as ThemeProvider,
+  Ba as Toaster,
+  Je as Tooltip,
+  Ze as TooltipContent,
   de as TooltipProvider,
-  Je as TooltipTrigger,
-  Fr as Tree,
-  Ba as VirtualizedTableBody,
+  Qe as TooltipTrigger,
+  Kr as Tree,
+  Oa as VirtualizedTableBody,
   r as cn,
-  Kt as formatDate,
-  Ft as toTitleCase,
-  ho as toast,
+  Ut as formatDate,
+  Kt as toTitleCase,
+  vo as toast,
   F as useSidebar,
-  Mt as useTheme
+  It as useTheme
 };