@clidey/ux 0.18.0 → 0.19.0

package/dist/index.d.ts

@@ -475,6 +475,8 @@ export declare function TabsList({ className, ...props }: React_2.ComponentProps
 
 export declare function TabsTrigger({ className, ...props }: React_2.ComponentProps<typeof TabsPrimitive.Trigger>): JSX.Element;
 
+export declare function TextArea({ className, ...props }: React_2.ComponentProps<"textarea">): JSX.Element;
+
 declare type Theme = "dark" | "light" | "system";
 
 export declare function ThemeProvider({ children, defaultTheme, storageKey, ...props }: ThemeProviderProps): JSX.Element;

package/dist/index.js

@@ -13,7 +13,7 @@ import * as Ae from "@radix-ui/react-label";
 import * as $ from "@radix-ui/react-popover";
 import { useTheme as Le } from "next-themes";
 import { Toaster as Ee } from "sonner";
-import { toast as vo } from "sonner";
+import { toast as xo } from "sonner";
 import { FixedSizeList as je } from "react-window";
 import * as H from "@radix-ui/react-tabs";
 import * as L from "@radix-ui/react-tooltip";
@@ -707,7 +707,22 @@ function Ke({ className: e, type: t, ...o }) {
     }
   );
 }
-function Ma({
+function Ma({ className: e, ...t }) {
+  return /* @__PURE__ */ a(
+    "textarea",
+    {
+      "data-slot": "textarea",
+      className: r(
+        "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input flex h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+        "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",
+        e
+      ),
+      ...t
+    }
+  );
+}
+function Ia({
   className: e,
   ...t
 }) {
@@ -737,7 +752,7 @@ function Ma({
     }
   );
 }
-function Ia({
+function Pa({
   className: e,
   ...t
 }) {
@@ -753,7 +768,7 @@ function Ia({
     }
   );
 }
-function Pa({ className: e, ...t }) {
+function Ra({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "nav",
     {
@@ -765,7 +780,7 @@ function Pa({ className: e, ...t }) {
     }
   );
 }
-function Ra({
+function Aa({
   className: e,
   ...t
 }) {
@@ -778,7 +793,7 @@ function Ra({
     }
   );
 }
-function Aa({ ...e }) {
+function La({ ...e }) {
   return /* @__PURE__ */ a("li", { "data-slot": "pagination-item", ...e });
 }
 function se({
@@ -804,7 +819,7 @@ function se({
     }
   );
 }
-function La({
+function Ea({
   className: e,
   ...t
 }) {
@@ -822,7 +837,7 @@ function La({
     }
   );
 }
-function Ea({
+function ja({
   className: e,
   ...t
 }) {
@@ -840,7 +855,7 @@ function Ea({
     }
   );
 }
-function ja({
+function Ba({
   className: e,
   ...t
 }) {
@@ -898,7 +913,7 @@ function ae({ className: e, ...t }) {
     }
   );
 }
-const Ba = ({ ...e }) => {
+const Oa = ({ ...e }) => {
   const { theme: t = "system" } = Le();
   return /* @__PURE__ */ a(
     Ee,
@@ -914,7 +929,7 @@ const Ba = ({ ...e }) => {
     }
   );
 };
-function Oa({
+function $a({
   rowCount: e,
   rowHeight: t = 48,
   height: o = 400,
@@ -935,7 +950,7 @@ function Oa({
     }
   );
 }
-function $a({ className: e, ...t }) {
+function Ga({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -952,7 +967,7 @@ function $a({ className: e, ...t }) {
     }
   );
 }
-function Ga({ className: e, ...t }) {
+function Ha({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "thead",
     {
@@ -986,7 +1001,7 @@ function Ye({ className: e, style: t, ...o }) {
     }
   );
 }
-function Ha({ className: e, ...t }) {
+function Va({ className: e, ...t }) {
   const { icon: o, ...n } = t, { children: s } = n;
   return /* @__PURE__ */ i(
     "th",
@@ -1005,7 +1020,7 @@ function Ha({ className: e, ...t }) {
     }
   );
 }
-function Va({ className: e, ...t }) {
+function Fa({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "td",
     {
@@ -1018,7 +1033,7 @@ function Va({ className: e, ...t }) {
     }
   );
 }
-function Fa({
+function Ka({
   className: e,
   ...t
 }) {
@@ -1031,7 +1046,7 @@ function Fa({
     }
   );
 }
-function Ka({
+function Ua({
   className: e,
   ...t
 }) {
@@ -1044,7 +1059,7 @@ function Ka({
     }
   );
 }
-function Ua({
+function Wa({
   className: e,
   ...t
 }) {
@@ -1060,7 +1075,7 @@ function Ua({
     }
   );
 }
-function Wa({
+function qa({
   className: e,
   ...t
 }) {
@@ -1076,7 +1091,7 @@ function Wa({
     }
   );
 }
-function qa({
+function Xa({
   className: e,
   ...t
 }) {
@@ -1135,10 +1150,10 @@ function Ze({
     }
   ) });
 }
-function Xa({ ...e }) {
+function Ya({ ...e }) {
   return /* @__PURE__ */ a("nav", { "aria-label": "breadcrumb", "data-slot": "breadcrumb", ...e });
 }
-function Ya({ className: e, ...t }) {
+function Ja({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "ol",
     {
@@ -1151,7 +1166,7 @@ function Ya({ className: e, ...t }) {
     }
   );
 }
-function Ja({ className: e, ...t }) {
+function Qa({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "li",
     {
@@ -1161,7 +1176,7 @@ function Ja({ className: e, ...t }) {
     }
   );
 }
-function Qa({
+function Za({
   asChild: e,
   className: t,
   ...o
@@ -1175,7 +1190,7 @@ function Qa({
     }
   );
 }
-function Za({ className: e, ...t }) {
+function er({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "span",
     {
@@ -1188,7 +1203,7 @@ function Za({ className: e, ...t }) {
     }
   );
 }
-function er({
+function tr({
   children: e,
   className: t,
   ...o
@@ -1205,12 +1220,12 @@ function er({
     }
   );
 }
-function tr({
+function ar({
   ...e
 }) {
   return /* @__PURE__ */ a(b.Root, { "data-slot": "dialog", ...e });
 }
-function ar({
+function rr({
   ...e
 }) {
   return /* @__PURE__ */ a(b.Trigger, { "data-slot": "dialog-trigger", ...e });
@@ -1236,7 +1251,7 @@ function tt({
     }
   );
 }
-function rr({
+function or({
   className: e,
   children: t,
   showCloseButton: o = !0,
@@ -1271,7 +1286,7 @@ function rr({
     )
   ] });
 }
-function or({ className: e, ...t }) {
+function nr({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -1281,7 +1296,7 @@ function or({ className: e, ...t }) {
     }
   );
 }
-function nr({ className: e, ...t }) {
+function ir({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -1294,7 +1309,7 @@ function nr({ className: e, ...t }) {
     }
   );
 }
-function ir({
+function sr({
   className: e,
   ...t
 }) {
@@ -1307,7 +1322,7 @@ function ir({
     }
   );
 }
-function sr({
+function dr({
   className: e,
   ...t
 }) {
@@ -1422,22 +1437,22 @@ function st({
     }
   );
 }
-function dr({
+function lr({
   ...e
 }) {
   return /* @__PURE__ */ a(w.Root, { "data-slot": "select", ...e });
 }
-function lr({
+function cr({
   ...e
 }) {
   return /* @__PURE__ */ a(w.Group, { "data-slot": "select-group", ...e });
 }
-function cr({
+function ur({
   ...e
 }) {
   return /* @__PURE__ */ a(w.Value, { "data-slot": "select-value", ...e });
 }
-function ur({
+function mr({
   className: e,
   size: t = "default",
   children: o,
@@ -1460,7 +1475,7 @@ function ur({
     }
   );
 }
-function mr({
+function fr({
   className: e,
   children: t,
   position: o = "popper",
@@ -1494,7 +1509,7 @@ function mr({
     }
   ) });
 }
-function fr({
+function pr({
   className: e,
   ...t
 }) {
@@ -1507,7 +1522,7 @@ function fr({
     }
   );
 }
-function pr({
+function gr({
   className: e,
   children: t,
   ...o
@@ -1562,7 +1577,7 @@ function lt({
     }
   );
 }
-function gr({
+function br({
   options: e,
   placeholder: t = "Select option...",
   searchPlaceholder: o = "Search...",
@@ -1586,7 +1601,7 @@ function gr({
   ), 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: [
+  return /* @__PURE__ */ i(Ue, { open: C, onOpenChange: I, modal: !0, children: [
     /* @__PURE__ */ a(We, { children: /* @__PURE__ */ i(
       J,
       {
@@ -1701,7 +1716,7 @@ function le({
 function ut({ ...e }) {
   return /* @__PURE__ */ a(b.Root, { "data-slot": "sheet", ...e });
 }
-function br({
+function hr({
   ...e
 }) {
   return /* @__PURE__ */ a(b.Trigger, { "data-slot": "sheet-trigger", ...e });
@@ -1769,7 +1784,7 @@ function gt({ className: e, ...t }) {
     }
   );
 }
-function hr({ className: e, ...t }) {
+function vr({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -1812,7 +1827,7 @@ function F() {
     throw new Error("useSidebar must be used within a SidebarProvider.");
   return e;
 }
-function vr({
+function xr({
   defaultOpen: e = !0,
   open: t,
   onOpenChange: o,
@@ -1864,7 +1879,7 @@ function vr({
     }
   ) }) });
 }
-function xr({
+function wr({
   side: e = "left",
   variant: t = "sidebar",
   collapsible: o = "offcanvas",
@@ -1956,7 +1971,7 @@ function xr({
     }
   );
 }
-function wr({
+function Nr({
   className: e,
   onClick: t,
   ...o
@@ -1981,7 +1996,7 @@ function wr({
     }
   );
 }
-function Nr({ className: e, ...t }) {
+function yr({ className: e, ...t }) {
   const { toggleSidebar: o } = F();
   return /* @__PURE__ */ a(
     "button",
@@ -2005,7 +2020,7 @@ function Nr({ className: e, ...t }) {
     }
   );
 }
-function yr({ className: e, ...t }) {
+function kr({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "main",
     {
@@ -2019,7 +2034,7 @@ function yr({ className: e, ...t }) {
     }
   );
 }
-function kr({
+function zr({
   className: e,
   ...t
 }) {
@@ -2033,7 +2048,7 @@ function kr({
     }
   );
 }
-function zr({ className: e, ...t }) {
+function Cr({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -2044,7 +2059,7 @@ function zr({ className: e, ...t }) {
     }
   );
 }
-function Cr({ className: e, ...t }) {
+function Sr({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -2055,7 +2070,7 @@ function Cr({ className: e, ...t }) {
     }
   );
 }
-function Sr({
+function Tr({
   className: e,
   ...t
 }) {
@@ -2069,7 +2084,7 @@ function Sr({
     }
   );
 }
-function Tr({ className: e, ...t }) {
+function _r({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -2083,7 +2098,7 @@ function Tr({ className: e, ...t }) {
     }
   );
 }
-function _r({ className: e, ...t }) {
+function Dr({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -2094,7 +2109,7 @@ function _r({ className: e, ...t }) {
     }
   );
 }
-function Dr({
+function Mr({
   className: e,
   asChild: t = !1,
   ...o
@@ -2113,7 +2128,7 @@ function Dr({
     }
   );
 }
-function Mr({
+function Ir({
   className: e,
   asChild: t = !1,
   ...o
@@ -2134,7 +2149,7 @@ function Mr({
     }
   );
 }
-function Ir({
+function Pr({
   className: e,
   ...t
 }) {
@@ -2148,7 +2163,7 @@ function Ir({
     }
   );
 }
-function Pr({ className: e, ...t }) {
+function Rr({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "ul",
     {
@@ -2159,7 +2174,7 @@ function Pr({ className: e, ...t }) {
     }
   );
 }
-function Rr({ className: e, ...t }) {
+function Ar({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "li",
     {
@@ -2190,7 +2205,7 @@ const zt = G(
     }
   }
 );
-function Ar({
+function Lr({
   asChild: e = !1,
   isActive: t = !1,
   variant: o = "default",
@@ -2225,7 +2240,7 @@ function Ar({
     )
   ] })) : T;
 }
-function Lr({
+function Er({
   className: e,
   asChild: t = !1,
   showOnHover: o = !1,
@@ -2251,7 +2266,7 @@ function Lr({
     }
   );
 }
-function Er({
+function jr({
   className: e,
   ...t
 }) {
@@ -2273,7 +2288,7 @@ function Er({
     }
   );
 }
-function jr({
+function Br({
   className: e,
   showIcon: t = !1,
   ...o
@@ -2308,7 +2323,7 @@ function jr({
     }
   );
 }
-function Br({ className: e, ...t }) {
+function Or({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "ul",
     {
@@ -2323,7 +2338,7 @@ function Br({ className: e, ...t }) {
     }
   );
 }
-function Or({
+function $r({
   className: e,
   ...t
 }) {
@@ -2337,7 +2352,7 @@ function Or({
     }
   );
 }
-function $r({
+function Gr({
   asChild: e = !1,
   size: t = "md",
   isActive: o = !1,
@@ -2416,7 +2431,7 @@ function St({
     }
   );
 }
-function Gr({
+function Hr({
   item: e,
   children: t,
   keyClassName: o = "font-semibold min-w-1/2",
@@ -2429,7 +2444,7 @@ function Gr({
     /* @__PURE__ */ a("span", { className: n, children: t })
   ] }) });
 }
-function Hr({
+function Vr({
   children: e,
   separatorClassName: t = "w-full"
 }) {
@@ -2439,7 +2454,7 @@ function Hr({
     s !== o.length - 1 && /* @__PURE__ */ a(le, { className: t })
   ] }, s)) });
 }
-function Vr({
+function Fr({
   className: e,
   ...t
 }) {
@@ -2463,7 +2478,7 @@ function Vr({
     }
   );
 }
-const Fr = ({
+const Kr = ({
   className: e,
   title: t,
   description: o,
@@ -2482,7 +2497,7 @@ const Fr = ({
       s
     ]
   }
-) }), Kr = k.forwardRef(({
+) }), Ur = k.forwardRef(({
   data: e,
   initialSelectedItemId: t,
   onSelectChange: o,
@@ -2627,12 +2642,12 @@ const fe = k.forwardRef(({ className: e, children: t, ...o }, n) => /* @__PURE__
   }
 ));
 fe.displayName = N.Content.displayName;
-function Ur({
+function Wr({
   ...e
 }) {
   return /* @__PURE__ */ a(N.Root, { "data-slot": "accordion", ...e });
 }
-function Wr({
+function qr({
   className: e,
   ...t
 }) {
@@ -2645,7 +2660,7 @@ function Wr({
     }
   );
 }
-function qr({
+function Xr({
   className: e,
   children: t,
   ...o
@@ -2666,7 +2681,7 @@ function qr({
     }
   ) });
 }
-function Xr({
+function Yr({
   className: e,
   children: t,
   ...o
@@ -2681,7 +2696,7 @@ function Xr({
     }
   );
 }
-function Yr({
+function Jr({
   className: e,
   ...t
 }) {
@@ -2697,12 +2712,12 @@ function Yr({
     }
   );
 }
-function Jr({
+function Qr({
   ...e
 }) {
   return /* @__PURE__ */ a(Y.Panel, { "data-slot": "resizable-panel", ...e });
 }
-function Qr({
+function Zr({
   withHandle: e,
   className: t,
   ...o
@@ -2734,7 +2749,7 @@ const Tt = G(
     }
   }
 );
-function Zr({
+function eo({
   className: e,
   variant: t,
   ...o
@@ -2749,7 +2764,7 @@ function Zr({
     }
   );
 }
-function eo({ className: e, ...t }) {
+function to({ className: e, ...t }) {
   return /* @__PURE__ */ a(
     "div",
     {
@@ -2762,7 +2777,7 @@ function eo({ className: e, ...t }) {
     }
   );
 }
-function to({
+function ao({
   className: e,
   ...t
 }) {
@@ -2778,7 +2793,7 @@ function to({
     }
   );
 }
-function ao({
+function ro({
   icon: e,
   size: t = 24,
   className: o,
@@ -2805,7 +2820,7 @@ function ao({
     }
   );
 }
-function ro({
+function oo({
   className: e,
   ...t
 }) {
@@ -2830,12 +2845,12 @@ function ro({
     }
   );
 }
-function oo({
+function no({
   ...e
 }) {
   return /* @__PURE__ */ a(S.Root, { "data-slot": "alert-dialog", ...e });
 }
-function no({
+function io({
   ...e
 }) {
   return /* @__PURE__ */ a(S.Trigger, { "data-slot": "alert-dialog-trigger", ...e });
@@ -2861,7 +2876,7 @@ function Dt({
     }
   );
 }
-function io({
+function so({
   className: e,
   ...t
 }) {
@@ -2880,7 +2895,7 @@ function io({
     )
   ] });
 }
-function so({
+function lo({
   className: e,
   ...t
 }) {
@@ -2893,7 +2908,7 @@ function so({
     }
   );
 }
-function lo({
+function co({
   className: e,
   ...t
 }) {
@@ -2909,7 +2924,7 @@ function lo({
     }
   );
 }
-function co({
+function uo({
   className: e,
   ...t
 }) {
@@ -2922,7 +2937,7 @@ function co({
     }
   );
 }
-function uo({
+function mo({
   className: e,
   ...t
 }) {
@@ -2935,7 +2950,7 @@ function uo({
     }
   );
 }
-function mo({
+function fo({
   className: e,
   ...t
 }) {
@@ -2947,7 +2962,7 @@ function mo({
     }
   );
 }
-function fo({
+function po({
   className: e,
   ...t
 }) {
@@ -2963,7 +2978,7 @@ const Mt = {
   theme: "system",
   setTheme: () => null
 }, pe = xe(Mt);
-function po({
+function go({
   children: e,
   defaultTheme: t = "system",
   storageKey: o = "@clidey/ux/theme",
@@ -2995,7 +3010,7 @@ const It = () => {
     throw new Error("useTheme must be used within a ThemeProvider");
   return e;
 };
-function go() {
+function bo() {
   const { setTheme: e } = It();
   return /* @__PURE__ */ i(He, { children: [
     /* @__PURE__ */ a(Ve, { children: /* @__PURE__ */ i(J, { variant: "outline", size: "icon", children: [
@@ -3020,29 +3035,29 @@ function go() {
   ] });
 }
 export {
-  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,
+  Wr as Accordion,
+  Yr as AccordionContent,
+  qr as AccordionItem,
+  Xr as AccordionTrigger,
+  eo as Alert,
+  ao as AlertDescription,
+  no as AlertDialog,
+  fo as AlertDialogAction,
+  po as AlertDialogCancel,
+  so as AlertDialogContent,
+  mo as AlertDialogDescription,
+  co as AlertDialogFooter,
+  lo as AlertDialogHeader,
+  uo as AlertDialogTitle,
+  io as AlertDialogTrigger,
+  to as AlertTitle,
   Wt as Badge,
-  Xa as Breadcrumb,
-  Ja as BreadcrumbItem,
-  Qa as BreadcrumbLink,
-  Ya as BreadcrumbList,
-  Za as BreadcrumbPage,
-  er as BreadcrumbSeparator,
+  Ya as Breadcrumb,
+  Qa as BreadcrumbItem,
+  Za as BreadcrumbLink,
+  Ja as BreadcrumbList,
+  er as BreadcrumbPage,
+  tr as BreadcrumbSeparator,
   J as Button,
   qt as Card,
   Qt as CardContent,
@@ -3050,7 +3065,7 @@ export {
   Zt as CardFooter,
   Xt as CardHeader,
   Yt as CardTitle,
-  Vr as Checkbox,
+  Fr as Checkbox,
   at as Command,
   nt as CommandEmpty,
   it as CommandGroup,
@@ -3070,13 +3085,13 @@ export {
   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,
+  ar as Dialog,
+  or as DialogContent,
+  dr as DialogDescription,
+  ir as DialogFooter,
+  nr as DialogHeader,
+  sr as DialogTitle,
+  rr as DialogTrigger,
   fa as Drawer,
   ga as DrawerClose,
   ba as DrawerContent,
@@ -3098,92 +3113,93 @@ export {
   Da as DropdownMenuSubContent,
   _a as DropdownMenuSubTrigger,
   Ve as DropdownMenuTrigger,
-  Fr as EmptyState,
-  ao as Icon,
+  Kr as EmptyState,
+  ro as Icon,
   Ke as Input,
-  Ia as Label,
-  go as ModeToggle,
-  Pa as Pagination,
-  Ra as PaginationContent,
-  ja as PaginationEllipsis,
-  Aa as PaginationItem,
+  Pa as Label,
+  bo as ModeToggle,
+  Ra as Pagination,
+  Aa as PaginationContent,
+  Ba as PaginationEllipsis,
+  La as PaginationItem,
   se as PaginationLink,
-  Ea as PaginationNext,
-  La as PaginationPrevious,
+  ja as PaginationNext,
+  Ea as PaginationPrevious,
   Ue as Popover,
   qe as PopoverContent,
   We as PopoverTrigger,
-  Qr as ResizableHandle,
-  Jr as ResizablePanel,
-  Yr as ResizablePanelGroup,
+  Zr as ResizableHandle,
+  Qr as ResizablePanel,
+  Jr 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,
+  Ia as SearchInput,
+  br as SearchSelect,
+  lr as Select,
+  fr as SelectContent,
+  cr as SelectGroup,
+  gr as SelectItem,
+  pr as SelectLabel,
+  mr as SelectTrigger,
+  ur as SelectValue,
   le as Separator,
   ut as Sheet,
   pt as SheetContent,
   ht as SheetDescription,
-  hr as SheetFooter,
+  vr 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,
+  hr as SheetTrigger,
+  wr as Sidebar,
+  _r as SidebarContent,
+  Sr as SidebarFooter,
+  Dr as SidebarGroup,
+  Ir as SidebarGroupAction,
+  Pr as SidebarGroupContent,
+  Mr as SidebarGroupLabel,
+  Cr as SidebarHeader,
+  zr as SidebarInput,
+  kr as SidebarInset,
+  Rr as SidebarMenu,
+  Er as SidebarMenuAction,
+  jr as SidebarMenuBadge,
+  Lr as SidebarMenuButton,
+  Ar as SidebarMenuItem,
+  Br as SidebarMenuSkeleton,
+  Or as SidebarMenuSub,
+  Gr as SidebarMenuSubButton,
+  $r as SidebarMenuSubItem,
+  xr as SidebarProvider,
+  yr as SidebarRail,
+  Tr as SidebarSeparator,
+  Nr as SidebarTrigger,
   ae as Skeleton,
-  Hr as StackList,
-  Gr as StackListItem,
-  ro as Switch,
-  $a as Table,
+  Vr as StackList,
+  Hr as StackListItem,
+  oo as Switch,
+  Ga as Table,
   Xe as TableBody,
-  Fa as TableCaption,
-  Va as TableCell,
-  Ha as TableHead,
-  Ga as TableHeader,
+  Ka as TableCaption,
+  Fa as TableCell,
+  Va as TableHead,
+  Ha as TableHeader,
   Ye as TableRow,
-  Ka as Tabs,
-  qa as TabsContent,
-  Ua as TabsList,
-  Wa as TabsTrigger,
-  po as ThemeProvider,
-  Ba as Toaster,
+  Ua as Tabs,
+  Xa as TabsContent,
+  Wa as TabsList,
+  qa as TabsTrigger,
+  Ma as TextArea,
+  go as ThemeProvider,
+  Oa as Toaster,
   Je as Tooltip,
   Ze as TooltipContent,
   de as TooltipProvider,
   Qe as TooltipTrigger,
-  Kr as Tree,
-  Oa as VirtualizedTableBody,
+  Ur as Tree,
+  $a as VirtualizedTableBody,
   r as cn,
   Ut as formatDate,
   Kt as toTitleCase,
-  vo as toast,
+  xo as toast,
   F as useSidebar,
   It as useTheme
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@clidey/ux",
   "private": false,
-  "version": "0.18.0",
+  "version": "0.19.0",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",