@pelatform/ui 1.5.2 → 1.5.3

package/dist/default.js

@@ -27,6 +27,15 @@ import {
   Badge,
   BadgeButton,
   BadgeDot,
+  Card,
+  CardContent,
+  CardDescription,
+  CardFooter,
+  CardHeader,
+  CardHeading,
+  CardTable,
+  CardTitle,
+  CardToolbar,
   Collapsible,
   CollapsibleContent,
   CollapsibleTrigger,
@@ -82,7 +91,7 @@ import {
   TooltipTrigger,
   avatarStatusVariants,
   badgeVariants
-} from "./chunk-TYEFU7IG.js";
+} from "./chunk-CTHRAJQZ.js";
 import {
   Button,
   ButtonArrow,
@@ -803,172 +812,14 @@ function Calendar({
   );
 }
 
-// src/ui/default/card.tsx
-import * as React3 from "react";
-import { cva as cva4 } from "class-variance-authority";
-import { jsx as jsx8 } from "react/jsx-runtime";
-var CardContext = React3.createContext({
-  variant: "default"
-  // Default value
-});
-var useCardContext = () => {
-  const context = React3.useContext(CardContext);
-  if (!context) {
-    throw new Error("useCardContext must be used within a Card component");
-  }
-  return context;
-};
-var cardVariants = cva4("flex flex-col items-stretch text-card-foreground rounded-xl", {
-  variants: {
-    variant: {
-      default: "bg-card border border-border shadow-xs black/5",
-      accent: "bg-muted shadow-xs p-1"
-    }
-  },
-  defaultVariants: {
-    variant: "default"
-  }
-});
-var cardHeaderVariants = cva4(
-  "flex items-center justify-between flex-wrap px-5 min-h-14 gap-2.5",
-  {
-    variants: {
-      variant: {
-        default: "border-b border-border",
-        accent: ""
-      }
-    },
-    defaultVariants: {
-      variant: "default"
-    }
-  }
-);
-var cardContentVariants = cva4("grow p-5", {
-  variants: {
-    variant: {
-      default: "",
-      accent: "bg-card rounded-t-xl last:rounded-b-xl"
-    }
-  },
-  defaultVariants: {
-    variant: "default"
-  }
-});
-var cardTableVariants = cva4("grid grow", {
-  variants: {
-    variant: {
-      default: "",
-      accent: "bg-card rounded-xl"
-    }
-  },
-  defaultVariants: {
-    variant: "default"
-  }
-});
-var cardFooterVariants = cva4("flex items-center px-5 min-h-14", {
-  variants: {
-    variant: {
-      default: "border-t border-border",
-      accent: "bg-card rounded-b-xl mt-[2px]"
-    }
-  },
-  defaultVariants: {
-    variant: "default"
-  }
-});
-function Card({
-  className,
-  variant = "default",
-  ...props
-}) {
-  return /* @__PURE__ */ jsx8(CardContext.Provider, { value: { variant: variant || "default" }, children: /* @__PURE__ */ jsx8("div", { "data-slot": "card", className: cn(cardVariants({ variant }), className), ...props }) });
-}
-function CardHeader({ className, ...props }) {
-  const { variant } = useCardContext();
-  return /* @__PURE__ */ jsx8(
-    "div",
-    {
-      "data-slot": "card-header",
-      className: cn(cardHeaderVariants({ variant }), className),
-      ...props
-    }
-  );
-}
-function CardContent({ className, ...props }) {
-  const { variant } = useCardContext();
-  return /* @__PURE__ */ jsx8(
-    "div",
-    {
-      "data-slot": "card-content",
-      className: cn(cardContentVariants({ variant }), className),
-      ...props
-    }
-  );
-}
-function CardTable({ className, ...props }) {
-  const { variant } = useCardContext();
-  return /* @__PURE__ */ jsx8(
-    "div",
-    {
-      "data-slot": "card-table",
-      className: cn(cardTableVariants({ variant }), className),
-      ...props
-    }
-  );
-}
-function CardFooter({ className, ...props }) {
-  const { variant } = useCardContext();
-  return /* @__PURE__ */ jsx8(
-    "div",
-    {
-      "data-slot": "card-footer",
-      className: cn(cardFooterVariants({ variant }), className),
-      ...props
-    }
-  );
-}
-function CardHeading({ className, ...props }) {
-  return /* @__PURE__ */ jsx8("div", { "data-slot": "card-heading", className: cn("space-y-1", className), ...props });
-}
-function CardToolbar({ className, ...props }) {
-  return /* @__PURE__ */ jsx8(
-    "div",
-    {
-      "data-slot": "card-toolbar",
-      className: cn("flex items-center gap-2.5", className),
-      ...props
-    }
-  );
-}
-function CardTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx8(
-    "h3",
-    {
-      "data-slot": "card-title",
-      className: cn("font-semibold text-base leading-none tracking-tight", className),
-      ...props
-    }
-  );
-}
-function CardDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx8(
-    "div",
-    {
-      "data-slot": "card-description",
-      className: cn("text-muted-foreground text-sm", className),
-      ...props
-    }
-  );
-}
-
 // src/ui/default/carousel.tsx
-import * as React4 from "react";
+import * as React3 from "react";
 import useEmblaCarousel from "embla-carousel-react";
 import { ArrowLeft, ArrowRight } from "lucide-react";
-import { jsx as jsx9, jsxs as jsxs4 } from "react/jsx-runtime";
-var CarouselContext = React4.createContext(null);
+import { jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
+var CarouselContext = React3.createContext(null);
 function useCarousel() {
-  const context = React4.useContext(CarouselContext);
+  const context = React3.useContext(CarouselContext);
   if (!context) {
     throw new Error("useCarousel must be used within a <Carousel />");
   }
@@ -990,20 +841,20 @@ function Carousel({
     },
     plugins
   );
-  const [canScrollPrev, setCanScrollPrev] = React4.useState(false);
-  const [canScrollNext, setCanScrollNext] = React4.useState(false);
-  const onSelect = React4.useCallback((api2) => {
+  const [canScrollPrev, setCanScrollPrev] = React3.useState(false);
+  const [canScrollNext, setCanScrollNext] = React3.useState(false);
+  const onSelect = React3.useCallback((api2) => {
     if (!api2) return;
     setCanScrollPrev(api2.canScrollPrev());
     setCanScrollNext(api2.canScrollNext());
   }, []);
-  const scrollPrev = React4.useCallback(() => {
+  const scrollPrev = React3.useCallback(() => {
     api?.scrollPrev();
   }, [api]);
-  const scrollNext = React4.useCallback(() => {
+  const scrollNext = React3.useCallback(() => {
     api?.scrollNext();
   }, [api]);
-  const handleKeyDown = React4.useCallback(
+  const handleKeyDown = React3.useCallback(
     (event) => {
       if (event.key === "ArrowLeft") {
         event.preventDefault();
@@ -1015,11 +866,11 @@ function Carousel({
     },
     [scrollPrev, scrollNext]
   );
-  React4.useEffect(() => {
+  React3.useEffect(() => {
     if (!api || !setApi) return;
     setApi(api);
   }, [api, setApi]);
-  React4.useEffect(() => {
+  React3.useEffect(() => {
     if (!api) return;
     onSelect(api);
     api.on("reInit", onSelect);
@@ -1028,7 +879,7 @@ function Carousel({
       api?.off("select", onSelect);
     };
   }, [api, onSelect]);
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx8(
     CarouselContext.Provider,
     {
       value: {
@@ -1041,7 +892,7 @@ function Carousel({
         canScrollPrev,
         canScrollNext
       },
-      children: /* @__PURE__ */ jsx9(
+      children: /* @__PURE__ */ jsx8(
         "div",
         {
           onKeyDownCapture: handleKeyDown,
@@ -1058,7 +909,7 @@ function Carousel({
 }
 function CarouselContent({ className, ...props }) {
   const { carouselRef, orientation } = useCarousel();
-  return /* @__PURE__ */ jsx9("div", { ref: carouselRef, className: "overflow-hidden", "data-slot": "carousel-content", children: /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx8("div", { ref: carouselRef, className: "overflow-hidden", "data-slot": "carousel-content", children: /* @__PURE__ */ jsx8(
     "div",
     {
       className: cn("flex", orientation === "horizontal" ? "-ml-4" : "-mt-4 flex-col", className),
@@ -1068,7 +919,7 @@ function CarouselContent({ className, ...props }) {
 }
 function CarouselItem({ className, ...props }) {
   const { orientation } = useCarousel();
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx8(
     "div",
     {
       role: "group",
@@ -1105,8 +956,8 @@ function CarouselPrevious({
       onClick: scrollPrev,
       ...props,
       children: [
-        /* @__PURE__ */ jsx9(ArrowLeft, {}),
-        /* @__PURE__ */ jsx9("span", { className: "sr-only", children: "Previous slide" })
+        /* @__PURE__ */ jsx8(ArrowLeft, {}),
+        /* @__PURE__ */ jsx8("span", { className: "sr-only", children: "Previous slide" })
       ]
     }
   );
@@ -1133,19 +984,19 @@ function CarouselNext({
       onClick: scrollNext,
       ...props,
       children: [
-        /* @__PURE__ */ jsx9(ArrowRight, {}),
-        /* @__PURE__ */ jsx9("span", { className: "sr-only", children: "Next slide" })
+        /* @__PURE__ */ jsx8(ArrowRight, {}),
+        /* @__PURE__ */ jsx8("span", { className: "sr-only", children: "Next slide" })
       ]
     }
   );
 }
 
 // src/ui/default/checkbox.tsx
-import { cva as cva5 } from "class-variance-authority";
+import { cva as cva4 } from "class-variance-authority";
 import { Check, Minus } from "lucide-react";
 import { Checkbox as CheckboxPrimitive } from "radix-ui";
-import { jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
-var checkboxVariants = cva5(
+import { jsx as jsx9, jsxs as jsxs5 } from "react/jsx-runtime";
+var checkboxVariants = cva4(
   `
     group peer bg-background shrink-0 rounded-md border border-input ring-offset-background focus-visible:outline-none 
     focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 
@@ -1171,26 +1022,26 @@ function Checkbox({
   size,
   ...props
 }) {
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx9(
     CheckboxPrimitive.Root,
     {
       "data-slot": "checkbox",
       className: cn(checkboxVariants({ size }), className),
       ...props,
       children: /* @__PURE__ */ jsxs5(CheckboxPrimitive.Indicator, { className: cn("flex items-center justify-center text-current"), children: [
-        /* @__PURE__ */ jsx10(Check, { className: "group-data-[state=indeterminate]:hidden" }),
-        /* @__PURE__ */ jsx10(Minus, { className: "hidden group-data-[state=indeterminate]:block" })
+        /* @__PURE__ */ jsx9(Check, { className: "group-data-[state=indeterminate]:hidden" }),
+        /* @__PURE__ */ jsx9(Minus, { className: "hidden group-data-[state=indeterminate]:block" })
       ] })
     }
   );
 }
 
 // src/ui/default/code.tsx
-import { cva as cva6 } from "class-variance-authority";
+import { cva as cva5 } from "class-variance-authority";
 import { Check as Check2, Copy } from "lucide-react";
 import { Slot as SlotPrimitive2 } from "radix-ui";
-import { jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
-var codeVariants = cva6("relative rounded-md bg-muted font-mono text-sm font-medium", {
+import { jsx as jsx10, jsxs as jsxs6 } from "react/jsx-runtime";
+var codeVariants = cva5("relative rounded-md bg-muted font-mono text-sm font-medium", {
   variants: {
     variant: {
       default: "bg-muted text-muted-foreground",
@@ -1222,8 +1073,8 @@ function Code({
   const Comp = asChild ? SlotPrimitive2.Slot : "code";
   const textToCopy = copyText || (typeof children === "string" ? children : "");
   return /* @__PURE__ */ jsxs6("span", { className: cn("inline-flex items-center gap-2", className), "data-slot": "code", children: [
-    /* @__PURE__ */ jsx11(Comp, { "data-slot": "code-panel", className: cn(codeVariants({ variant, size })), ...props, children }),
-    showCopyButton && textToCopy && /* @__PURE__ */ jsx11(
+    /* @__PURE__ */ jsx10(Comp, { "data-slot": "code-panel", className: cn(codeVariants({ variant, size })), ...props, children }),
+    showCopyButton && textToCopy && /* @__PURE__ */ jsx10(
       Button,
       {
         mode: "icon",
@@ -1231,7 +1082,7 @@ function Code({
         variant: "ghost",
         className: "h-4 w-4 p-0 opacity-60 hover:opacity-100",
         onClick: () => copy(textToCopy),
-        children: copied ? /* @__PURE__ */ jsx11(Check2, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx11(Copy, { className: "h-3 w-3" })
+        children: copied ? /* @__PURE__ */ jsx10(Check2, { className: "h-3 w-3" }) : /* @__PURE__ */ jsx10(Copy, { className: "h-3 w-3" })
       }
     )
   ] });
@@ -1240,28 +1091,28 @@ function Code({
 // src/ui/default/context-menu.tsx
 import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
 import { ContextMenu as ContextMenuPrimitive } from "radix-ui";
-import { jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs7 } from "react/jsx-runtime";
 function ContextMenu({ ...props }) {
-  return /* @__PURE__ */ jsx12(ContextMenuPrimitive.Root, { "data-slot": "context-menu", ...props });
+  return /* @__PURE__ */ jsx11(ContextMenuPrimitive.Root, { "data-slot": "context-menu", ...props });
 }
 function ContextMenuTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx12(ContextMenuPrimitive.Trigger, { "data-slot": "context-menu-trigger", ...props });
+  return /* @__PURE__ */ jsx11(ContextMenuPrimitive.Trigger, { "data-slot": "context-menu-trigger", ...props });
 }
 function ContextMenuGroup({ ...props }) {
-  return /* @__PURE__ */ jsx12(ContextMenuPrimitive.Group, { "data-slot": "context-menu-group", ...props });
+  return /* @__PURE__ */ jsx11(ContextMenuPrimitive.Group, { "data-slot": "context-menu-group", ...props });
 }
 function ContextMenuPortal({ ...props }) {
-  return /* @__PURE__ */ jsx12(ContextMenuPrimitive.Portal, { "data-slot": "context-menu-portal", ...props });
+  return /* @__PURE__ */ jsx11(ContextMenuPrimitive.Portal, { "data-slot": "context-menu-portal", ...props });
 }
 function ContextMenuSub({ ...props }) {
-  return /* @__PURE__ */ jsx12(ContextMenuPrimitive.Sub, { "data-slot": "context-menu-sub", ...props });
+  return /* @__PURE__ */ jsx11(ContextMenuPrimitive.Sub, { "data-slot": "context-menu-sub", ...props });
 }
 function ContextMenuRadioGroup({
   ...props
 }) {
-  return /* @__PURE__ */ jsx12(ContextMenuPrimitive.RadioGroup, { "data-slot": "context-menu-radio-group", ...props });
+  return /* @__PURE__ */ jsx11(ContextMenuPrimitive.RadioGroup, { "data-slot": "context-menu-radio-group", ...props });
 }
 function ContextMenuSubTrigger({
   className,
@@ -1281,7 +1132,7 @@ function ContextMenuSubTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx12(ChevronRightIcon, { className: "ml-auto" })
+        /* @__PURE__ */ jsx11(ChevronRightIcon, { className: "ml-auto" })
       ]
     }
   );
@@ -1290,7 +1141,7 @@ function ContextMenuSubContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx11(
     ContextMenuPrimitive.SubContent,
     {
       "data-slot": "context-menu-sub-content",
@@ -1306,7 +1157,7 @@ function ContextMenuContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx12(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx11(ContextMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx11(
     ContextMenuPrimitive.Content,
     {
       "data-slot": "context-menu-content",
@@ -1324,7 +1175,7 @@ function ContextMenuItem({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx11(
     ContextMenuPrimitive.Item,
     {
       "data-slot": "context-menu-item",
@@ -1355,7 +1206,7 @@ function ContextMenuCheckboxItem({
       checked,
       ...props,
       children: [
-        /* @__PURE__ */ jsx12("span", { className: "pointer-events-none absolute start-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx12(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx12(CheckIcon, { className: "size-4 text-primary" }) }) }),
+        /* @__PURE__ */ jsx11("span", { className: "pointer-events-none absolute start-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx11(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx11(CheckIcon, { className: "size-4 text-primary" }) }) }),
         children
       ]
     }
@@ -1376,7 +1227,7 @@ function ContextMenuRadioItem({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx12("span", { className: "pointer-events-none absolute start-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx12(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx12(CircleIcon, { className: "size-1.5 fill-primary" }) }) }),
+        /* @__PURE__ */ jsx11("span", { className: "pointer-events-none absolute start-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx11(ContextMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx11(CircleIcon, { className: "size-1.5 fill-primary" }) }) }),
         children
       ]
     }
@@ -1387,7 +1238,7 @@ function ContextMenuLabel({
   inset,
   ...props
 }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx11(
     ContextMenuPrimitive.Label,
     {
       "data-slot": "context-menu-label",
@@ -1401,7 +1252,7 @@ function ContextMenuSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx11(
     ContextMenuPrimitive.Separator,
     {
       "data-slot": "context-menu-separator",
@@ -1411,7 +1262,7 @@ function ContextMenuSeparator({
   );
 }
 function ContextMenuShortcut({ className, ...props }) {
-  return /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsx11(
     "span",
     {
       "data-slot": "context-menu-shortcut",
@@ -1422,11 +1273,11 @@ function ContextMenuShortcut({ className, ...props }) {
 }
 
 // src/ui/default/data-grid.tsx
-import { createContext as createContext5, useContext as useContext5 } from "react";
-import { jsx as jsx13 } from "react/jsx-runtime";
-var DataGridContext = createContext5(void 0);
+import { createContext as createContext4, useContext as useContext4 } from "react";
+import { jsx as jsx12 } from "react/jsx-runtime";
+var DataGridContext = createContext4(void 0);
 function useDataGrid() {
-  const context = useContext5(DataGridContext);
+  const context = useContext4(DataGridContext);
   if (!context) {
     throw new Error("useDataGrid must be used within a DataGridProvider");
   }
@@ -1437,7 +1288,7 @@ function DataGridProvider({
   table,
   ...props
 }) {
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx12(
     DataGridContext.Provider,
     {
       value: {
@@ -1496,14 +1347,14 @@ function DataGrid({ children, table, ...props }) {
   if (!table) {
     throw new Error('DataGrid requires a "table" prop');
   }
-  return /* @__PURE__ */ jsx13(DataGridProvider, { table, ...mergedProps, children });
+  return /* @__PURE__ */ jsx12(DataGridProvider, { table, ...mergedProps, children });
 }
 function DataGridContainer({
   children,
   className,
   border = true
 }) {
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx12(
     "div",
     {
       "data-slot": "data-grid",
@@ -1518,12 +1369,12 @@ import { Check as Check3, CirclePlus } from "lucide-react";
 
 // src/ui/default/popover.tsx
 import { Popover as PopoverPrimitive } from "radix-ui";
-import { jsx as jsx14 } from "react/jsx-runtime";
+import { jsx as jsx13 } from "react/jsx-runtime";
 function Popover({ ...props }) {
-  return /* @__PURE__ */ jsx14(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
+  return /* @__PURE__ */ jsx13(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
 }
 function PopoverTrigger({ ...props }) {
-  return /* @__PURE__ */ jsx14(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
+  return /* @__PURE__ */ jsx13(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
 }
 function PopoverContent({
   className,
@@ -1531,7 +1382,7 @@ function PopoverContent({
   sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ jsx14(PopoverPrimitive.PopoverPortal, { children: /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsx13(PopoverPrimitive.PopoverPortal, { children: /* @__PURE__ */ jsx13(
     PopoverPrimitive.Content,
     {
       "data-slot": "popover-content",
@@ -1546,11 +1397,11 @@ function PopoverContent({
   ) });
 }
 function PopoverAnchor({ ...props }) {
-  return /* @__PURE__ */ jsx14(PopoverPrimitive.Anchor, { "data-slot": "popover-anchor", ...props });
+  return /* @__PURE__ */ jsx13(PopoverPrimitive.Anchor, { "data-slot": "popover-anchor", ...props });
 }
 
 // src/ui/default/data-grid-column-filter.tsx
-import { Fragment, jsx as jsx15, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment, jsx as jsx14, jsxs as jsxs8 } from "react/jsx-runtime";
 function DataGridColumnFilter({
   column,
   title,
@@ -1559,16 +1410,16 @@ function DataGridColumnFilter({
   const facets = column?.getFacetedUniqueValues();
   const selectedValues = new Set(column?.getFilterValue());
   return /* @__PURE__ */ jsxs8(Popover, { children: [
-    /* @__PURE__ */ jsx15(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs8(Button, { variant: "outline", size: "sm", children: [
-      /* @__PURE__ */ jsx15(CirclePlus, { className: "size-4" }),
+    /* @__PURE__ */ jsx14(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs8(Button, { variant: "outline", size: "sm", children: [
+      /* @__PURE__ */ jsx14(CirclePlus, { className: "size-4" }),
       title,
       selectedValues?.size > 0 && /* @__PURE__ */ jsxs8(Fragment, { children: [
-        /* @__PURE__ */ jsx15(Separator, { orientation: "vertical", className: "mx-2 h-4" }),
-        /* @__PURE__ */ jsx15(Badge, { variant: "secondary", className: "rounded-sm px-1 font-normal lg:hidden", children: selectedValues.size }),
-        /* @__PURE__ */ jsx15("div", { className: "hidden space-x-1 lg:flex", children: selectedValues.size > 2 ? /* @__PURE__ */ jsxs8(Badge, { variant: "secondary", className: "rounded-sm px-1 font-normal", children: [
+        /* @__PURE__ */ jsx14(Separator, { orientation: "vertical", className: "mx-2 h-4" }),
+        /* @__PURE__ */ jsx14(Badge, { variant: "secondary", className: "rounded-sm px-1 font-normal lg:hidden", children: selectedValues.size }),
+        /* @__PURE__ */ jsx14("div", { className: "hidden space-x-1 lg:flex", children: selectedValues.size > 2 ? /* @__PURE__ */ jsxs8(Badge, { variant: "secondary", className: "rounded-sm px-1 font-normal", children: [
           selectedValues.size,
           " selected"
-        ] }) : options.filter((option) => selectedValues.has(option.value)).map((option) => /* @__PURE__ */ jsx15(
+        ] }) : options.filter((option) => selectedValues.has(option.value)).map((option) => /* @__PURE__ */ jsx14(
           Badge,
           {
             variant: "secondary",
@@ -1579,11 +1430,11 @@ function DataGridColumnFilter({
         )) })
       ] })
     ] }) }),
-    /* @__PURE__ */ jsx15(PopoverContent, { className: "w-[200px] p-0", align: "start", children: /* @__PURE__ */ jsxs8(Command, { children: [
-      /* @__PURE__ */ jsx15(CommandInput, { placeholder: title }),
+    /* @__PURE__ */ jsx14(PopoverContent, { className: "w-[200px] p-0", align: "start", children: /* @__PURE__ */ jsxs8(Command, { children: [
+      /* @__PURE__ */ jsx14(CommandInput, { placeholder: title }),
       /* @__PURE__ */ jsxs8(CommandList, { children: [
-        /* @__PURE__ */ jsx15(CommandEmpty, { children: "No results found." }),
-        /* @__PURE__ */ jsx15(CommandGroup, { children: options.map((option) => {
+        /* @__PURE__ */ jsx14(CommandEmpty, { children: "No results found." }),
+        /* @__PURE__ */ jsx14(CommandGroup, { children: options.map((option) => {
           const isSelected = selectedValues.has(option.value);
           return /* @__PURE__ */ jsxs8(
             CommandItem,
@@ -1598,27 +1449,27 @@ function DataGridColumnFilter({
                 column?.setFilterValue(filterValues.length ? filterValues : void 0);
               },
               children: [
-                /* @__PURE__ */ jsx15(
+                /* @__PURE__ */ jsx14(
                   "div",
                   {
                     className: cn(
                       "me-2 flex h-4 w-4 items-center justify-center rounded-sm border border-primary",
                       isSelected ? "bg-primary text-primary-foreground" : "opacity-50 [&_svg]:invisible"
                     ),
-                    children: /* @__PURE__ */ jsx15(Check3, { className: cn("h-4 w-4") })
+                    children: /* @__PURE__ */ jsx14(Check3, { className: cn("h-4 w-4") })
                   }
                 ),
-                option.icon && /* @__PURE__ */ jsx15(option.icon, { className: "mr-2 h-4 w-4 text-muted-foreground" }),
-                /* @__PURE__ */ jsx15("span", { children: option.label }),
-                facets?.get(option.value) && /* @__PURE__ */ jsx15("span", { className: "ms-auto flex h-4 w-4 items-center justify-center font-mono text-xs", children: facets.get(option.value) })
+                option.icon && /* @__PURE__ */ jsx14(option.icon, { className: "mr-2 h-4 w-4 text-muted-foreground" }),
+                /* @__PURE__ */ jsx14("span", { children: option.label }),
+                facets?.get(option.value) && /* @__PURE__ */ jsx14("span", { className: "ms-auto flex h-4 w-4 items-center justify-center font-mono text-xs", children: facets.get(option.value) })
               ]
             },
             option.value
           );
         }) }),
         selectedValues.size > 0 && /* @__PURE__ */ jsxs8(Fragment, { children: [
-          /* @__PURE__ */ jsx15(CommandSeparator, {}),
-          /* @__PURE__ */ jsx15(CommandGroup, { children: /* @__PURE__ */ jsx15(
+          /* @__PURE__ */ jsx14(CommandSeparator, {}),
+          /* @__PURE__ */ jsx14(CommandGroup, { children: /* @__PURE__ */ jsx14(
             CommandItem,
             {
               onSelect: () => column?.setFilterValue(void 0),
@@ -1645,7 +1496,7 @@ import {
   PinOff,
   Settings2
 } from "lucide-react";
-import { Fragment as Fragment2, jsx as jsx16, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx15, jsxs as jsxs9 } from "react/jsx-runtime";
 function DataGridColumnHeader({
   column,
   title = "",
@@ -1718,13 +1569,13 @@ function DataGridColumnHeader({
         children: [
           icon && icon,
           title,
-          column.getCanSort() && (column.getIsSorted() === "desc" ? /* @__PURE__ */ jsx16(ArrowDown, { className: "mt-px size-[0.7rem]!" }) : column.getIsSorted() === "asc" ? /* @__PURE__ */ jsx16(ArrowUp, { className: "mt-px size-[0.7rem]!" }) : /* @__PURE__ */ jsx16(ChevronsUpDown, { className: "mt-px size-[0.7rem]!" }))
+          column.getCanSort() && (column.getIsSorted() === "desc" ? /* @__PURE__ */ jsx15(ArrowDown, { className: "mt-px size-[0.7rem]!" }) : column.getIsSorted() === "asc" ? /* @__PURE__ */ jsx15(ArrowUp, { className: "mt-px size-[0.7rem]!" }) : /* @__PURE__ */ jsx15(ChevronsUpDown, { className: "mt-px size-[0.7rem]!" }))
         ]
       }
     );
   };
   const headerPin = () => {
-    return /* @__PURE__ */ jsx16(
+    return /* @__PURE__ */ jsx15(
       Button,
       {
         mode: "icon",
@@ -1734,17 +1585,17 @@ function DataGridColumnHeader({
         onClick: () => column.pin(false),
         "aria-label": `Unpin ${title} column`,
         title: `Unpin ${title} column`,
-        children: /* @__PURE__ */ jsx16(PinOff, { className: "size-3.5! opacity-50!", "aria-hidden": "true" })
+        children: /* @__PURE__ */ jsx15(PinOff, { className: "size-3.5! opacity-50!", "aria-hidden": "true" })
       }
     );
   };
   const headerControls = () => {
     return /* @__PURE__ */ jsxs9("div", { className: "flex h-full items-center justify-between gap-1.5", children: [
       /* @__PURE__ */ jsxs9(DropdownMenu, { children: [
-        /* @__PURE__ */ jsx16(DropdownMenuTrigger, { asChild: true, children: headerButton() }),
+        /* @__PURE__ */ jsx15(DropdownMenuTrigger, { asChild: true, children: headerButton() }),
         /* @__PURE__ */ jsxs9(DropdownMenuContent, { className: "w-40", align: "start", children: [
-          filter && /* @__PURE__ */ jsx16(DropdownMenuLabel, { children: filter }),
-          filter && (column.getCanSort() || column.getCanPin() || visibility) && /* @__PURE__ */ jsx16(DropdownMenuSeparator, {}),
+          filter && /* @__PURE__ */ jsx15(DropdownMenuLabel, { children: filter }),
+          filter && (column.getCanSort() || column.getCanPin() || visibility) && /* @__PURE__ */ jsx15(DropdownMenuSeparator, {}),
           column.getCanSort() && /* @__PURE__ */ jsxs9(Fragment2, { children: [
             /* @__PURE__ */ jsxs9(
               DropdownMenuItem,
@@ -1758,9 +1609,9 @@ function DataGridColumnHeader({
                 },
                 disabled: !column.getCanSort(),
                 children: [
-                  /* @__PURE__ */ jsx16(ArrowUp, { className: "size-3.5!" }),
-                  /* @__PURE__ */ jsx16("span", { className: "grow", children: "Asc" }),
-                  column.getIsSorted() === "asc" && /* @__PURE__ */ jsx16(Check4, { className: "size-4 text-primary opacity-100!" })
+                  /* @__PURE__ */ jsx15(ArrowUp, { className: "size-3.5!" }),
+                  /* @__PURE__ */ jsx15("span", { className: "grow", children: "Asc" }),
+                  column.getIsSorted() === "asc" && /* @__PURE__ */ jsx15(Check4, { className: "size-4 text-primary opacity-100!" })
                 ]
               }
             ),
@@ -1776,23 +1627,23 @@ function DataGridColumnHeader({
                 },
                 disabled: !column.getCanSort(),
                 children: [
-                  /* @__PURE__ */ jsx16(ArrowDown, { className: "size-3.5!" }),
-                  /* @__PURE__ */ jsx16("span", { className: "grow", children: "Desc" }),
-                  column.getIsSorted() === "desc" && /* @__PURE__ */ jsx16(Check4, { className: "size-4 text-primary opacity-100!" })
+                  /* @__PURE__ */ jsx15(ArrowDown, { className: "size-3.5!" }),
+                  /* @__PURE__ */ jsx15("span", { className: "grow", children: "Desc" }),
+                  column.getIsSorted() === "desc" && /* @__PURE__ */ jsx15(Check4, { className: "size-4 text-primary opacity-100!" })
                 ]
               }
             )
           ] }),
-          (filter || column.getCanSort()) && (column.getCanSort() || column.getCanPin() || visibility) && /* @__PURE__ */ jsx16(DropdownMenuSeparator, {}),
+          (filter || column.getCanSort()) && (column.getCanSort() || column.getCanPin() || visibility) && /* @__PURE__ */ jsx15(DropdownMenuSeparator, {}),
           props.tableLayout?.columnsPinnable && column.getCanPin() && /* @__PURE__ */ jsxs9(Fragment2, { children: [
             /* @__PURE__ */ jsxs9(
               DropdownMenuItem,
               {
                 onClick: () => column.pin(column.getIsPinned() === "left" ? false : "left"),
                 children: [
-                  /* @__PURE__ */ jsx16(ArrowLeftToLine, { className: "size-3.5!", "aria-hidden": "true" }),
-                  /* @__PURE__ */ jsx16("span", { className: "grow", children: "Pin to left" }),
-                  column.getIsPinned() === "left" && /* @__PURE__ */ jsx16(Check4, { className: "size-4 text-primary opacity-100!" })
+                  /* @__PURE__ */ jsx15(ArrowLeftToLine, { className: "size-3.5!", "aria-hidden": "true" }),
+                  /* @__PURE__ */ jsx15("span", { className: "grow", children: "Pin to left" }),
+                  column.getIsPinned() === "left" && /* @__PURE__ */ jsx15(Check4, { className: "size-4 text-primary opacity-100!" })
                 ]
               }
             ),
@@ -1801,23 +1652,23 @@ function DataGridColumnHeader({
               {
                 onClick: () => column.pin(column.getIsPinned() === "right" ? false : "right"),
                 children: [
-                  /* @__PURE__ */ jsx16(ArrowRightToLine, { className: "size-3.5!", "aria-hidden": "true" }),
-                  /* @__PURE__ */ jsx16("span", { className: "grow", children: "Pin to right" }),
-                  column.getIsPinned() === "right" && /* @__PURE__ */ jsx16(Check4, { className: "size-4 text-primary opacity-100!" })
+                  /* @__PURE__ */ jsx15(ArrowRightToLine, { className: "size-3.5!", "aria-hidden": "true" }),
+                  /* @__PURE__ */ jsx15("span", { className: "grow", children: "Pin to right" }),
+                  column.getIsPinned() === "right" && /* @__PURE__ */ jsx15(Check4, { className: "size-4 text-primary opacity-100!" })
                 ]
               }
             )
           ] }),
           props.tableLayout?.columnsMovable && /* @__PURE__ */ jsxs9(Fragment2, { children: [
-            /* @__PURE__ */ jsx16(DropdownMenuSeparator, {}),
+            /* @__PURE__ */ jsx15(DropdownMenuSeparator, {}),
             /* @__PURE__ */ jsxs9(
               DropdownMenuItem,
               {
                 onClick: () => moveColumn("left"),
                 disabled: !canMove("left") || column.getIsPinned() !== false,
                 children: [
-                  /* @__PURE__ */ jsx16(ArrowLeft2, { className: "size-3.5!", "aria-hidden": "true" }),
-                  /* @__PURE__ */ jsx16("span", { children: "Move to Left" })
+                  /* @__PURE__ */ jsx15(ArrowLeft2, { className: "size-3.5!", "aria-hidden": "true" }),
+                  /* @__PURE__ */ jsx15("span", { children: "Move to Left" })
                 ]
               }
             ),
@@ -1827,20 +1678,20 @@ function DataGridColumnHeader({
                 onClick: () => moveColumn("right"),
                 disabled: !canMove("right") || column.getIsPinned() !== false,
                 children: [
-                  /* @__PURE__ */ jsx16(ArrowRight2, { className: "size-3.5!", "aria-hidden": "true" }),
-                  /* @__PURE__ */ jsx16("span", { children: "Move to Right" })
+                  /* @__PURE__ */ jsx15(ArrowRight2, { className: "size-3.5!", "aria-hidden": "true" }),
+                  /* @__PURE__ */ jsx15("span", { children: "Move to Right" })
                 ]
               }
             )
           ] }),
-          props.tableLayout?.columnsVisibility && visibility && (column.getCanSort() || column.getCanPin() || filter) && /* @__PURE__ */ jsx16(DropdownMenuSeparator, {}),
+          props.tableLayout?.columnsVisibility && visibility && (column.getCanSort() || column.getCanPin() || filter) && /* @__PURE__ */ jsx15(DropdownMenuSeparator, {}),
           props.tableLayout?.columnsVisibility && visibility && /* @__PURE__ */ jsxs9(DropdownMenuSub, { children: [
             /* @__PURE__ */ jsxs9(DropdownMenuSubTrigger, { children: [
-              /* @__PURE__ */ jsx16(Settings2, { className: "size-3.5!" }),
-              /* @__PURE__ */ jsx16("span", { children: "Columns" })
+              /* @__PURE__ */ jsx15(Settings2, { className: "size-3.5!" }),
+              /* @__PURE__ */ jsx15("span", { children: "Columns" })
             ] }),
-            /* @__PURE__ */ jsx16(DropdownMenuPortal, { children: /* @__PURE__ */ jsx16(DropdownMenuSubContent, { children: table.getAllColumns().filter((col) => typeof col.accessorFn !== "undefined" && col.getCanHide()).map((col) => {
-              return /* @__PURE__ */ jsx16(
+            /* @__PURE__ */ jsx15(DropdownMenuPortal, { children: /* @__PURE__ */ jsx15(DropdownMenuSubContent, { children: table.getAllColumns().filter((col) => typeof col.accessorFn !== "undefined" && col.getCanHide()).map((col) => {
+              return /* @__PURE__ */ jsx15(
                 DropdownMenuCheckboxItem,
                 {
                   checked: col.getIsVisible(),
@@ -1862,23 +1713,23 @@ function DataGridColumnHeader({
     return headerControls();
   }
   if (column.getCanSort() || props.tableLayout?.columnsResizable && column.getCanResize()) {
-    return /* @__PURE__ */ jsx16("div", { className: "flex h-full items-center", children: headerButton() });
+    return /* @__PURE__ */ jsx15("div", { className: "flex h-full items-center", children: headerButton() });
   }
   return headerLabel();
 }
 
 // src/ui/default/data-grid-column-visibility.tsx
-import { jsx as jsx17, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs10 } from "react/jsx-runtime";
 function DataGridColumnVisibility({
   table,
   trigger
 }) {
   return /* @__PURE__ */ jsxs10(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx17(DropdownMenuTrigger, { asChild: true, children: trigger }),
+    /* @__PURE__ */ jsx16(DropdownMenuTrigger, { asChild: true, children: trigger }),
     /* @__PURE__ */ jsxs10(DropdownMenuContent, { align: "end", className: "min-w-[150px]", children: [
-      /* @__PURE__ */ jsx17(DropdownMenuLabel, { className: "font-medium", children: "Toggle Columns" }),
+      /* @__PURE__ */ jsx16(DropdownMenuLabel, { className: "font-medium", children: "Toggle Columns" }),
       table.getAllColumns().filter((column) => typeof column.accessorFn !== "undefined" && column.getCanHide()).map((column) => {
-        return /* @__PURE__ */ jsx17(
+        return /* @__PURE__ */ jsx16(
           DropdownMenuCheckboxItem,
           {
             className: "capitalize",
@@ -1898,28 +1749,28 @@ function DataGridColumnVisibility({
 import { ChevronLeftIcon, ChevronRightIcon as ChevronRightIcon2 } from "lucide-react";
 
 // src/ui/default/select.tsx
-import * as React5 from "react";
+import * as React4 from "react";
 import { isValidElement as isValidElement2 } from "react";
-import { cva as cva7 } from "class-variance-authority";
+import { cva as cva6 } from "class-variance-authority";
 import { Check as Check5, ChevronDown as ChevronDown3, ChevronUp } from "lucide-react";
 import { Select as SelectPrimitive } from "radix-ui";
-import { jsx as jsx18, jsxs as jsxs11 } from "react/jsx-runtime";
-var SelectContext = React5.createContext({ indicatorPosition: "left", indicator: null, indicatorVisibility: true });
+import { jsx as jsx17, jsxs as jsxs11 } from "react/jsx-runtime";
+var SelectContext = React4.createContext({ indicatorPosition: "left", indicator: null, indicatorVisibility: true });
 var Select = ({
   indicatorPosition = "left",
   indicatorVisibility = true,
   indicator,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx18(SelectContext.Provider, { value: { indicatorPosition, indicatorVisibility, indicator }, children: /* @__PURE__ */ jsx18(SelectPrimitive.Root, { ...props }) });
+  return /* @__PURE__ */ jsx17(SelectContext.Provider, { value: { indicatorPosition, indicatorVisibility, indicator }, children: /* @__PURE__ */ jsx17(SelectPrimitive.Root, { ...props }) });
 };
 function SelectGroup({ ...props }) {
-  return /* @__PURE__ */ jsx18(SelectPrimitive.Group, { "data-slot": "select-group", ...props });
+  return /* @__PURE__ */ jsx17(SelectPrimitive.Group, { "data-slot": "select-group", ...props });
 }
 function SelectValue({ ...props }) {
-  return /* @__PURE__ */ jsx18(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
+  return /* @__PURE__ */ jsx17(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
 }
-var selectTriggerVariants = cva7(
+var selectTriggerVariants = cva6(
   `
     flex bg-background w-full items-center justify-between outline-none border border-input shadow-xs shadow-black/5 transition-shadow 
     text-foreground data-placeholder:text-muted-foreground focus-visible:border-ring focus-visible:outline-none focus-visible:ring-[3px] 
@@ -1950,7 +1801,7 @@ function SelectTrigger({ className, children, size, ...props }) {
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx18(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx18(ChevronDown3, { className: "-me-0.5 h-4 w-4 opacity-60" }) })
+        /* @__PURE__ */ jsx17(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx17(ChevronDown3, { className: "-me-0.5 h-4 w-4 opacity-60" }) })
       ]
     }
   );
@@ -1959,13 +1810,13 @@ function SelectScrollUpButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx17(
     SelectPrimitive.ScrollUpButton,
     {
       "data-slot": "select-scroll-up-button",
       className: cn("flex cursor-default items-center justify-center py-1", className),
       ...props,
-      children: /* @__PURE__ */ jsx18(ChevronUp, { className: "h-4 w-4" })
+      children: /* @__PURE__ */ jsx17(ChevronUp, { className: "h-4 w-4" })
     }
   );
 }
@@ -1973,13 +1824,13 @@ function SelectScrollDownButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx17(
     SelectPrimitive.ScrollDownButton,
     {
       "data-slot": "select-scroll-down-button",
       className: cn("flex cursor-default items-center justify-center py-1", className),
       ...props,
-      children: /* @__PURE__ */ jsx18(ChevronDown3, { className: "h-4 w-4" })
+      children: /* @__PURE__ */ jsx17(ChevronDown3, { className: "h-4 w-4" })
     }
   );
 }
@@ -1989,7 +1840,7 @@ function SelectContent({
   position = "popper",
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsx17(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs11(
     SelectPrimitive.Content,
     {
       "data-slot": "select-content",
@@ -2001,8 +1852,8 @@ function SelectContent({
       position,
       ...props,
       children: [
-        /* @__PURE__ */ jsx18(SelectScrollUpButton, {}),
-        /* @__PURE__ */ jsx18(
+        /* @__PURE__ */ jsx17(SelectScrollUpButton, {}),
+        /* @__PURE__ */ jsx17(
           SelectPrimitive.Viewport,
           {
             className: cn(
@@ -2012,13 +1863,13 @@ function SelectContent({
             children
           }
         ),
-        /* @__PURE__ */ jsx18(SelectScrollDownButton, {})
+        /* @__PURE__ */ jsx17(SelectScrollDownButton, {})
       ]
     }
   ) });
 }
 function SelectLabel({ className, ...props }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx17(
     SelectPrimitive.Label,
     {
       "data-slot": "select-label",
@@ -2032,7 +1883,7 @@ function SelectItem({
   children,
   ...props
 }) {
-  const { indicatorPosition, indicatorVisibility, indicator } = React5.useContext(SelectContext);
+  const { indicatorPosition, indicatorVisibility, indicator } = React4.useContext(SelectContext);
   return /* @__PURE__ */ jsxs11(
     SelectPrimitive.Item,
     {
@@ -2044,17 +1895,17 @@ function SelectItem({
       ),
       ...props,
       children: [
-        indicatorVisibility && (indicator && isValidElement2(indicator) ? indicator : /* @__PURE__ */ jsx18(
+        indicatorVisibility && (indicator && isValidElement2(indicator) ? indicator : /* @__PURE__ */ jsx17(
           "span",
           {
             className: cn(
               "absolute flex h-3.5 w-3.5 items-center justify-center",
               indicatorPosition === "left" ? "start-2" : "end-2"
             ),
-            children: /* @__PURE__ */ jsx18(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx18(Check5, { className: "h-4 w-4 text-primary" }) })
+            children: /* @__PURE__ */ jsx17(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx17(Check5, { className: "h-4 w-4 text-primary" }) })
           }
         )),
-        /* @__PURE__ */ jsx18(SelectPrimitive.ItemText, { children })
+        /* @__PURE__ */ jsx17(SelectPrimitive.ItemText, { children })
       ]
     }
   );
@@ -2064,8 +1915,8 @@ function SelectIndicator({
   className,
   ...props
 }) {
-  const { indicatorPosition } = React5.useContext(SelectContext);
-  return /* @__PURE__ */ jsx18(
+  const { indicatorPosition } = React4.useContext(SelectContext);
+  return /* @__PURE__ */ jsx17(
     "span",
     {
       "data-slot": "select-indicator",
@@ -2075,7 +1926,7 @@ function SelectIndicator({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx18(SelectPrimitive.ItemIndicator, { children })
+      children: /* @__PURE__ */ jsx17(SelectPrimitive.ItemIndicator, { children })
     }
   );
 }
@@ -2083,7 +1934,7 @@ function SelectSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx17(
     SelectPrimitive.Separator,
     {
       "data-slot": "select-separator",
@@ -2094,9 +1945,9 @@ function SelectSeparator({
 }
 
 // src/ui/default/skeleton.tsx
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 function Skeleton({ className, ...props }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx18(
     "div",
     {
       "data-slot": "skeleton",
@@ -2107,18 +1958,18 @@ function Skeleton({ className, ...props }) {
 }
 
 // src/ui/default/data-grid-pagination.tsx
-import { Fragment as Fragment3, jsx as jsx20, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx19, jsxs as jsxs12 } from "react/jsx-runtime";
 function DataGridPagination(props) {
   const { table, recordCount, isLoading } = useDataGrid();
   const defaultProps = {
     sizes: [5, 10, 25, 50, 100],
     sizesLabel: "Show",
     sizesDescription: "per page",
-    sizesSkeleton: /* @__PURE__ */ jsx20(Skeleton, { className: "h-8 w-44" }),
+    sizesSkeleton: /* @__PURE__ */ jsx19(Skeleton, { className: "h-8 w-44" }),
     moreLimit: 5,
     more: false,
     info: "{from} - {to} of {count}",
-    infoSkeleton: /* @__PURE__ */ jsx20(Skeleton, { className: "h-8 w-60" }),
+    infoSkeleton: /* @__PURE__ */ jsx19(Skeleton, { className: "h-8 w-60" }),
     rowsPerPageLabel: "Rows per page",
     previousPageLabel: "Go to previous page",
     nextPageLabel: "Go to next page",
@@ -2140,7 +1991,7 @@ function DataGridPagination(props) {
     const buttons = [];
     for (let i = currentGroupStart; i < currentGroupEnd; i++) {
       buttons.push(
-        /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsx19(
           Button,
           {
             size: "sm",
@@ -2164,7 +2015,7 @@ function DataGridPagination(props) {
   };
   const renderEllipsisPrevButton = () => {
     if (currentGroupStart > 0) {
-      return /* @__PURE__ */ jsx20(
+      return /* @__PURE__ */ jsx19(
         Button,
         {
           size: "sm",
@@ -2180,7 +2031,7 @@ function DataGridPagination(props) {
   };
   const renderEllipsisNextButton = () => {
     if (currentGroupEnd < pageCount) {
-      return /* @__PURE__ */ jsx20(
+      return /* @__PURE__ */ jsx19(
         Button,
         {
           className: btnBaseClasses,
@@ -2203,8 +2054,8 @@ function DataGridPagination(props) {
         mergedProps?.className
       ),
       children: [
-        /* @__PURE__ */ jsx20("div", { className: "order-2 flex flex-wrap items-center space-x-2.5 pb-2.5 sm:order-1 sm:pb-0", children: isLoading ? mergedProps?.sizesSkeleton : /* @__PURE__ */ jsxs12(Fragment3, { children: [
-          /* @__PURE__ */ jsx20("div", { className: "text-muted-foreground text-sm", children: mergedProps.rowsPerPageLabel }),
+        /* @__PURE__ */ jsx19("div", { className: "order-2 flex flex-wrap items-center space-x-2.5 pb-2.5 sm:order-1 sm:pb-0", children: isLoading ? mergedProps?.sizesSkeleton : /* @__PURE__ */ jsxs12(Fragment3, { children: [
+          /* @__PURE__ */ jsx19("div", { className: "text-muted-foreground text-sm", children: mergedProps.rowsPerPageLabel }),
           /* @__PURE__ */ jsxs12(
             Select,
             {
@@ -2215,14 +2066,14 @@ function DataGridPagination(props) {
                 table.setPageSize(newPageSize);
               },
               children: [
-                /* @__PURE__ */ jsx20(SelectTrigger, { className: "w-fit", size: "sm", children: /* @__PURE__ */ jsx20(SelectValue, { placeholder: `${pageSize}` }) }),
-                /* @__PURE__ */ jsx20(SelectContent, { side: "top", className: "min-w-[50px]", children: mergedProps?.sizes?.map((size) => /* @__PURE__ */ jsx20(SelectItem, { value: `${size}`, children: size }, size)) })
+                /* @__PURE__ */ jsx19(SelectTrigger, { className: "w-fit", size: "sm", children: /* @__PURE__ */ jsx19(SelectValue, { placeholder: `${pageSize}` }) }),
+                /* @__PURE__ */ jsx19(SelectContent, { side: "top", className: "min-w-[50px]", children: mergedProps?.sizes?.map((size) => /* @__PURE__ */ jsx19(SelectItem, { value: `${size}`, children: size }, size)) })
               ]
             }
           )
         ] }) }),
-        /* @__PURE__ */ jsx20("div", { className: "order-1 flex flex-col items-center justify-center gap-2.5 pt-2.5 sm:order-2 sm:flex-row sm:justify-end sm:pt-0", children: isLoading ? mergedProps?.infoSkeleton : /* @__PURE__ */ jsxs12(Fragment3, { children: [
-          /* @__PURE__ */ jsx20("div", { className: "order-2 text-nowrap text-muted-foreground text-sm sm:order-1", children: paginationInfo }),
+        /* @__PURE__ */ jsx19("div", { className: "order-1 flex flex-col items-center justify-center gap-2.5 pt-2.5 sm:order-2 sm:flex-row sm:justify-end sm:pt-0", children: isLoading ? mergedProps?.infoSkeleton : /* @__PURE__ */ jsxs12(Fragment3, { children: [
+          /* @__PURE__ */ jsx19("div", { className: "order-2 text-nowrap text-muted-foreground text-sm sm:order-1", children: paginationInfo }),
           pageCount > 1 && /* @__PURE__ */ jsxs12("div", { className: "order-1 flex items-center space-x-1 sm:order-2", children: [
             /* @__PURE__ */ jsxs12(
               Button,
@@ -2234,8 +2085,8 @@ function DataGridPagination(props) {
                 onClick: () => table.previousPage(),
                 disabled: !table.getCanPreviousPage(),
                 children: [
-                  /* @__PURE__ */ jsx20("span", { className: "sr-only", children: mergedProps.previousPageLabel }),
-                  /* @__PURE__ */ jsx20(ChevronLeftIcon, { className: "size-4" })
+                  /* @__PURE__ */ jsx19("span", { className: "sr-only", children: mergedProps.previousPageLabel }),
+                  /* @__PURE__ */ jsx19(ChevronLeftIcon, { className: "size-4" })
                 ]
               }
             ),
@@ -2252,8 +2103,8 @@ function DataGridPagination(props) {
                 onClick: () => table.nextPage(),
                 disabled: !table.getCanNextPage(),
                 children: [
-                  /* @__PURE__ */ jsx20("span", { className: "sr-only", children: mergedProps.nextPageLabel }),
-                  /* @__PURE__ */ jsx20(ChevronRightIcon2, { className: "size-4" })
+                  /* @__PURE__ */ jsx19("span", { className: "sr-only", children: mergedProps.nextPageLabel }),
+                  /* @__PURE__ */ jsx19(ChevronRightIcon2, { className: "size-4" })
                 ]
               }
             )
@@ -2269,9 +2120,9 @@ import { Fragment as Fragment4 } from "react";
 import {
   flexRender
 } from "@tanstack/react-table";
-import { cva as cva8 } from "class-variance-authority";
-import { Fragment as Fragment5, jsx as jsx21, jsxs as jsxs13 } from "react/jsx-runtime";
-var headerCellSpacingVariants = cva8("", {
+import { cva as cva7 } from "class-variance-authority";
+import { Fragment as Fragment5, jsx as jsx20, jsxs as jsxs13 } from "react/jsx-runtime";
+var headerCellSpacingVariants = cva7("", {
   variants: {
     size: {
       dense: "px-2.5 h-9",
@@ -2282,7 +2133,7 @@ var headerCellSpacingVariants = cva8("", {
     size: "default"
   }
 });
-var bodyCellSpacingVariants = cva8("", {
+var bodyCellSpacingVariants = cva7("", {
   variants: {
     size: {
       dense: "px-2.5 py-2",
@@ -2305,7 +2156,7 @@ function getPinningStyles(column) {
 }
 function DataGridTableBase({ children }) {
   const { props } = useDataGrid();
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx20(
     "table",
     {
       "data-slot": "data-grid-table",
@@ -2321,7 +2172,7 @@ function DataGridTableBase({ children }) {
 }
 function DataGridTableHead({ children }) {
   const { props } = useDataGrid();
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx20(
     "thead",
     {
       className: cn(
@@ -2337,7 +2188,7 @@ function DataGridTableHeadRow({
   headerGroup
 }) {
   const { props } = useDataGrid();
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx20(
     "tr",
     {
       className: cn(
@@ -2367,7 +2218,7 @@ function DataGridTableHeadRowCell({
   const headerCellSpacing = headerCellSpacingVariants({
     size: props.tableLayout?.dense ? "dense" : "default"
   });
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx20(
     "th",
     {
       ref: dndRef,
@@ -2396,7 +2247,7 @@ function DataGridTableHeadRowCell({
 }
 function DataGridTableHeadRowCellResize({ header }) {
   const { column } = header;
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx20(
     "div",
     {
       ...{
@@ -2409,11 +2260,11 @@ function DataGridTableHeadRowCellResize({ header }) {
   );
 }
 function DataGridTableRowSpacer() {
-  return /* @__PURE__ */ jsx21("tbody", { "aria-hidden": "true", className: "h-2" });
+  return /* @__PURE__ */ jsx20("tbody", { "aria-hidden": "true", className: "h-2" });
 }
 function DataGridTableBody({ children }) {
   const { props } = useDataGrid();
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx20(
     "tbody",
     {
       className: cn(
@@ -2427,7 +2278,7 @@ function DataGridTableBody({ children }) {
 }
 function DataGridTableBodyRowSkeleton({ children }) {
   const { table, props } = useDataGrid();
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx20(
     "tr",
     {
       className: cn(
@@ -2451,7 +2302,7 @@ function DataGridTableBodyRowSkeletonCell({
   const bodyCellSpacing = bodyCellSpacingVariants({
     size: props.tableLayout?.dense ? "dense" : "default"
   });
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx20(
     "td",
     {
       className: cn(
@@ -2474,7 +2325,7 @@ function DataGridTableBodyRow({
   dndStyle
 }) {
   const { props, table } = useDataGrid();
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx20(
     "tr",
     {
       ref: dndRef,
@@ -2496,7 +2347,7 @@ function DataGridTableBodyRow({
 }
 function DataGridTableBodyRowExpandded({ row }) {
   const { props, table } = useDataGrid();
-  return /* @__PURE__ */ jsx21("tr", { className: cn(props.tableLayout?.rowBorder && "[&:not(:last-child)>td]:border-b"), children: /* @__PURE__ */ jsx21("td", { colSpan: row.getVisibleCells().length, children: table.getAllColumns().find((column) => column.columnDef.meta?.expandedContent)?.columnDef.meta?.expandedContent?.(row.original) }) });
+  return /* @__PURE__ */ jsx20("tr", { className: cn(props.tableLayout?.rowBorder && "[&:not(:last-child)>td]:border-b"), children: /* @__PURE__ */ jsx20("td", { colSpan: row.getVisibleCells().length, children: table.getAllColumns().find((column) => column.columnDef.meta?.expandedContent)?.columnDef.meta?.expandedContent?.(row.original) }) });
 }
 function DataGridTableBodyRowCell({
   children,
@@ -2512,7 +2363,7 @@ function DataGridTableBodyRowCell({
   const bodyCellSpacing = bodyCellSpacingVariants({
     size: props.tableLayout?.dense ? "dense" : "default"
   });
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx20(
     "td",
     {
       ref: dndRef,
@@ -2540,11 +2391,11 @@ function DataGridTableBodyRowCell({
 function DataGridTableEmpty() {
   const { table, props } = useDataGrid();
   const totalColumns = table.getAllColumns().length;
-  return /* @__PURE__ */ jsx21("tr", { children: /* @__PURE__ */ jsx21("td", { colSpan: totalColumns, className: "py-6 text-center text-muted-foreground", children: props.emptyMessage || "No data available" }) });
+  return /* @__PURE__ */ jsx20("tr", { children: /* @__PURE__ */ jsx20("td", { colSpan: totalColumns, className: "py-6 text-center text-muted-foreground", children: props.emptyMessage || "No data available" }) });
 }
 function DataGridTableLoader() {
   const { props } = useDataGrid();
-  return /* @__PURE__ */ jsx21("div", { className: "-translate-x-1/2 -translate-y-1/2 absolute top-1/2 left-1/2", children: /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2 rounded-md border bg-card px-4 py-2 font-medium text-muted-foreground text-sm leading-none shadow-xs", children: [
+  return /* @__PURE__ */ jsx20("div", { className: "-translate-x-1/2 -translate-y-1/2 absolute top-1/2 left-1/2", children: /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2 rounded-md border bg-card px-4 py-2 font-medium text-muted-foreground text-sm leading-none shadow-xs", children: [
     /* @__PURE__ */ jsxs13(
       "svg",
       {
@@ -2553,7 +2404,7 @@ function DataGridTableLoader() {
         fill: "none",
         viewBox: "0 0 24 24",
         children: [
-          /* @__PURE__ */ jsx21(
+          /* @__PURE__ */ jsx20(
             "circle",
             {
               className: "opacity-25",
@@ -2564,7 +2415,7 @@ function DataGridTableLoader() {
               strokeWidth: "3"
             }
           ),
-          /* @__PURE__ */ jsx21(
+          /* @__PURE__ */ jsx20(
             "path",
             {
               className: "opacity-75",
@@ -2583,16 +2434,16 @@ function DataGridTableRowSelect({
   size
 }) {
   return /* @__PURE__ */ jsxs13(Fragment5, { children: [
-    /* @__PURE__ */ jsx21(
+    /* @__PURE__ */ jsx20(
       "div",
       {
         className: cn(
-          "absolute start-0 top-0 bottom-0 hidden w-[2px] bg-primary",
+          "absolute start-0 top-0 bottom-0 hidden w-0.5 bg-primary",
           row.getIsSelected() && "block"
         )
       }
     ),
-    /* @__PURE__ */ jsx21(
+    /* @__PURE__ */ jsx20(
       Checkbox,
       {
         checked: row.getIsSelected(),
@@ -2606,7 +2457,7 @@ function DataGridTableRowSelect({
 }
 function DataGridTableRowSelectAll({ size }) {
   const { table, recordCount, isLoading } = useDataGrid();
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx20(
     Checkbox,
     {
       checked: table.getIsAllPageRowsSelected() || table.getIsSomePageRowsSelected() && "indeterminate",
@@ -2622,24 +2473,24 @@ function DataGridTable() {
   const { table, isLoading, props } = useDataGrid();
   const pagination = table.getState().pagination;
   return /* @__PURE__ */ jsxs13(DataGridTableBase, { children: [
-    /* @__PURE__ */ jsx21(DataGridTableHead, { children: table.getHeaderGroups().map((headerGroup, index) => {
-      return /* @__PURE__ */ jsx21(DataGridTableHeadRow, { headerGroup, children: headerGroup.headers.map((header, index2) => {
+    /* @__PURE__ */ jsx20(DataGridTableHead, { children: table.getHeaderGroups().map((headerGroup, index) => {
+      return /* @__PURE__ */ jsx20(DataGridTableHeadRow, { headerGroup, children: headerGroup.headers.map((header, index2) => {
         const { column } = header;
         return /* @__PURE__ */ jsxs13(DataGridTableHeadRowCell, { header, children: [
           header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext()),
-          props.tableLayout?.columnsResizable && column.getCanResize() && /* @__PURE__ */ jsx21(DataGridTableHeadRowCellResize, { header })
+          props.tableLayout?.columnsResizable && column.getCanResize() && /* @__PURE__ */ jsx20(DataGridTableHeadRowCellResize, { header })
         ] }, index2);
       }) }, index);
     }) }),
-    (props.tableLayout?.stripped || !props.tableLayout?.rowBorder) && /* @__PURE__ */ jsx21(DataGridTableRowSpacer, {}),
-    /* @__PURE__ */ jsx21(DataGridTableBody, { children: isLoading && props.loadingMode === "skeleton" && pagination?.pageSize ? (
+    (props.tableLayout?.stripped || !props.tableLayout?.rowBorder) && /* @__PURE__ */ jsx20(DataGridTableRowSpacer, {}),
+    /* @__PURE__ */ jsx20(DataGridTableBody, { children: isLoading && props.loadingMode === "skeleton" && pagination?.pageSize ? (
       // Show skeleton loading immediately
-      Array.from({ length: pagination.pageSize }).map((_, rowIndex) => /* @__PURE__ */ jsx21(DataGridTableBodyRowSkeleton, { children: table.getVisibleFlatColumns().map((column, colIndex) => {
-        return /* @__PURE__ */ jsx21(DataGridTableBodyRowSkeletonCell, { column, children: column.columnDef.meta?.skeleton }, colIndex);
+      Array.from({ length: pagination.pageSize }).map((_, rowIndex) => /* @__PURE__ */ jsx20(DataGridTableBodyRowSkeleton, { children: table.getVisibleFlatColumns().map((column, colIndex) => {
+        return /* @__PURE__ */ jsx20(DataGridTableBodyRowSkeletonCell, { column, children: column.columnDef.meta?.skeleton }, colIndex);
       }) }, rowIndex))
     ) : isLoading && props.loadingMode === "spinner" ? (
       // Show spinner loading immediately
-      /* @__PURE__ */ jsx21("tr", { children: /* @__PURE__ */ jsx21("td", { colSpan: table.getVisibleFlatColumns().length, className: "p-8", children: /* @__PURE__ */ jsxs13("div", { className: "flex items-center justify-center", children: [
+      /* @__PURE__ */ jsx20("tr", { children: /* @__PURE__ */ jsx20("td", { colSpan: table.getVisibleFlatColumns().length, className: "p-8", children: /* @__PURE__ */ jsxs13("div", { className: "flex items-center justify-center", children: [
         /* @__PURE__ */ jsxs13(
           "svg",
           {
@@ -2648,7 +2499,7 @@ function DataGridTable() {
             fill: "none",
             viewBox: "0 0 24 24",
             children: [
-              /* @__PURE__ */ jsx21(
+              /* @__PURE__ */ jsx20(
                 "circle",
                 {
                   className: "opacity-25",
@@ -2659,7 +2510,7 @@ function DataGridTable() {
                   strokeWidth: "4"
                 }
               ),
-              /* @__PURE__ */ jsx21(
+              /* @__PURE__ */ jsx20(
                 "path",
                 {
                   className: "opacity-75",
@@ -2676,13 +2527,13 @@ function DataGridTable() {
       // Show actual data when not loading
       table.getRowModel().rows.map((row, index) => {
         return /* @__PURE__ */ jsxs13(Fragment4, { children: [
-          /* @__PURE__ */ jsx21(DataGridTableBodyRow, { row, children: row.getVisibleCells().map((cell, colIndex) => {
-            return /* @__PURE__ */ jsx21(DataGridTableBodyRowCell, { cell, children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, colIndex);
+          /* @__PURE__ */ jsx20(DataGridTableBodyRow, { row, children: row.getVisibleCells().map((cell, colIndex) => {
+            return /* @__PURE__ */ jsx20(DataGridTableBodyRowCell, { cell, children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, colIndex);
           }) }, index),
-          row.getIsExpanded() && /* @__PURE__ */ jsx21(DataGridTableBodyRowExpandded, { row })
+          row.getIsExpanded() && /* @__PURE__ */ jsx20(DataGridTableBodyRowExpandded, { row })
         ] }, row.id);
       })
-    ) : /* @__PURE__ */ jsx21(DataGridTableEmpty, {}) })
+    ) : /* @__PURE__ */ jsx20(DataGridTableEmpty, {}) })
   ] });
 }
 
@@ -2704,7 +2555,7 @@ import {
   flexRender as flexRender2
 } from "@tanstack/react-table";
 import { GripVertical } from "lucide-react";
-import { jsx as jsx22, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs14 } from "react/jsx-runtime";
 function DataGridTableDndHeader({ header }) {
   const { props } = useDataGrid();
   const { column } = header;
@@ -2720,8 +2571,8 @@ function DataGridTableDndHeader({ header }) {
     width: header.column.getSize(),
     zIndex: isDragging ? 1 : 0
   };
-  return /* @__PURE__ */ jsx22(DataGridTableHeadRowCell, { header, dndStyle: style, dndRef: setNodeRef, children: /* @__PURE__ */ jsxs14("div", { className: "flex items-center justify-start gap-0.5", children: [
-    /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx21(DataGridTableHeadRowCell, { header, dndStyle: style, dndRef: setNodeRef, children: /* @__PURE__ */ jsxs14("div", { className: "flex items-center justify-start gap-0.5", children: [
+    /* @__PURE__ */ jsx21(
       Button,
       {
         mode: "icon",
@@ -2731,11 +2582,11 @@ function DataGridTableDndHeader({ header }) {
         ...attributes,
         ...listeners,
         "aria-label": "Drag to reorder",
-        children: /* @__PURE__ */ jsx22(GripVertical, { className: "opacity-50", "aria-hidden": "true" })
+        children: /* @__PURE__ */ jsx21(GripVertical, { className: "opacity-50", "aria-hidden": "true" })
       }
     ),
     header.isPlaceholder ? null : flexRender2(header.column.columnDef.header, header.getContext()),
-    props.tableLayout?.columnsResizable && column.getCanResize() && /* @__PURE__ */ jsx22(DataGridTableHeadRowCellResize, { header })
+    props.tableLayout?.columnsResizable && column.getCanResize() && /* @__PURE__ */ jsx21(DataGridTableHeadRowCellResize, { header })
   ] }) });
 }
 function DataGridTableDndCell({ cell }) {
@@ -2750,7 +2601,7 @@ function DataGridTableDndCell({ cell }) {
     width: cell.column.getSize(),
     zIndex: isDragging ? 1 : 0
   };
-  return /* @__PURE__ */ jsx22(DataGridTableBodyRowCell, { cell, dndStyle: style, dndRef: setNodeRef, children: flexRender2(cell.column.columnDef.cell, cell.getContext()) });
+  return /* @__PURE__ */ jsx21(DataGridTableBodyRowCell, { cell, dndStyle: style, dndRef: setNodeRef, children: flexRender2(cell.column.columnDef.cell, cell.getContext()) });
 }
 function DataGridTableDnd({
   handleDragEnd
@@ -2762,7 +2613,7 @@ function DataGridTableDnd({
     useSensor(TouchSensor, {}),
     useSensor(KeyboardSensor, {})
   );
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx21(
     DndContext,
     {
       id: useId(),
@@ -2770,37 +2621,37 @@ function DataGridTableDnd({
       modifiers: [restrictToParentElement],
       onDragEnd: handleDragEnd,
       sensors,
-      children: /* @__PURE__ */ jsx22("div", { className: "relative", children: /* @__PURE__ */ jsxs14(DataGridTableBase, { children: [
-        /* @__PURE__ */ jsx22(DataGridTableHead, { children: table.getHeaderGroups().map((headerGroup, index) => {
+      children: /* @__PURE__ */ jsx21("div", { className: "relative", children: /* @__PURE__ */ jsxs14(DataGridTableBase, { children: [
+        /* @__PURE__ */ jsx21(DataGridTableHead, { children: table.getHeaderGroups().map((headerGroup, index) => {
           console.log("table.getState().columnOrder:", table.getState().columnOrder);
-          return /* @__PURE__ */ jsx22(DataGridTableHeadRow, { headerGroup, children: /* @__PURE__ */ jsx22(
+          return /* @__PURE__ */ jsx21(DataGridTableHeadRow, { headerGroup, children: /* @__PURE__ */ jsx21(
             SortableContext,
             {
               items: table.getState().columnOrder,
               strategy: horizontalListSortingStrategy,
-              children: headerGroup.headers.map((header, index2) => /* @__PURE__ */ jsx22(DataGridTableDndHeader, { header }, index2))
+              children: headerGroup.headers.map((header, index2) => /* @__PURE__ */ jsx21(DataGridTableDndHeader, { header }, index2))
             }
           ) }, index);
         }) }),
-        (props.tableLayout?.stripped || !props.tableLayout?.rowBorder) && /* @__PURE__ */ jsx22(DataGridTableRowSpacer, {}),
-        /* @__PURE__ */ jsx22(DataGridTableBody, { children: props.loadingMode === "skeleton" && isLoading && pagination?.pageSize ? Array.from({ length: pagination.pageSize }).map((_, rowIndex) => /* @__PURE__ */ jsx22(DataGridTableBodyRowSkeleton, { children: table.getVisibleFlatColumns().map((column, colIndex) => {
-          return /* @__PURE__ */ jsx22(DataGridTableBodyRowSkeletonCell, { column, children: column.columnDef.meta?.skeleton }, colIndex);
+        (props.tableLayout?.stripped || !props.tableLayout?.rowBorder) && /* @__PURE__ */ jsx21(DataGridTableRowSpacer, {}),
+        /* @__PURE__ */ jsx21(DataGridTableBody, { children: props.loadingMode === "skeleton" && isLoading && pagination?.pageSize ? Array.from({ length: pagination.pageSize }).map((_, rowIndex) => /* @__PURE__ */ jsx21(DataGridTableBodyRowSkeleton, { children: table.getVisibleFlatColumns().map((column, colIndex) => {
+          return /* @__PURE__ */ jsx21(DataGridTableBodyRowSkeletonCell, { column, children: column.columnDef.meta?.skeleton }, colIndex);
         }) }, rowIndex)) : table.getRowModel().rows.length ? table.getRowModel().rows.map((row, index) => {
           return /* @__PURE__ */ jsxs14(Fragment6, { children: [
-            /* @__PURE__ */ jsx22(DataGridTableBodyRow, { row, children: row.getVisibleCells().map((cell) => {
-              return /* @__PURE__ */ jsx22(
+            /* @__PURE__ */ jsx21(DataGridTableBodyRow, { row, children: row.getVisibleCells().map((cell) => {
+              return /* @__PURE__ */ jsx21(
                 SortableContext,
                 {
                   items: table.getState().columnOrder,
                   strategy: horizontalListSortingStrategy,
-                  children: /* @__PURE__ */ jsx22(DataGridTableDndCell, { cell })
+                  children: /* @__PURE__ */ jsx21(DataGridTableDndCell, { cell })
                 },
                 cell.id
               );
             }) }, index),
-            row.getIsExpanded() && /* @__PURE__ */ jsx22(DataGridTableBodyRowExpandded, { row })
+            row.getIsExpanded() && /* @__PURE__ */ jsx21(DataGridTableBodyRowExpandded, { row })
           ] }, row.id);
-        }) : /* @__PURE__ */ jsx22(DataGridTableEmpty, {}) })
+        }) : /* @__PURE__ */ jsx21(DataGridTableEmpty, {}) })
       ] }) })
     }
   );
@@ -2822,12 +2673,12 @@ import { SortableContext as SortableContext2, useSortable as useSortable2, verti
 import { CSS as CSS3 } from "@dnd-kit/utilities";
 import { flexRender as flexRender3 } from "@tanstack/react-table";
 import { GripHorizontal } from "lucide-react";
-import { jsx as jsx23, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs15 } from "react/jsx-runtime";
 function DataGridTableDndRowHandle({ rowId }) {
   const { attributes, listeners } = useSortable2({
     id: rowId
   });
-  return /* @__PURE__ */ jsx23(Button, { variant: "dim", size: "sm", className: "size-7", ...attributes, ...listeners, children: /* @__PURE__ */ jsx23(GripHorizontal, {}) });
+  return /* @__PURE__ */ jsx22(Button, { variant: "dim", size: "sm", className: "size-7", ...attributes, ...listeners, children: /* @__PURE__ */ jsx22(GripHorizontal, {}) });
 }
 function DataGridTableDndRow({ row }) {
   const { transform, transition, setNodeRef, isDragging } = useSortable2({
@@ -2841,8 +2692,8 @@ function DataGridTableDndRow({ row }) {
     zIndex: isDragging ? 1 : 0,
     position: "relative"
   };
-  return /* @__PURE__ */ jsx23(DataGridTableBodyRow, { row, dndRef: setNodeRef, dndStyle: style, children: row.getVisibleCells().map((cell, colIndex) => {
-    return /* @__PURE__ */ jsx23(DataGridTableBodyRowCell, { cell, children: flexRender3(cell.column.columnDef.cell, cell.getContext()) }, colIndex);
+  return /* @__PURE__ */ jsx22(DataGridTableBodyRow, { row, dndRef: setNodeRef, dndStyle: style, children: row.getVisibleCells().map((cell, colIndex) => {
+    return /* @__PURE__ */ jsx22(DataGridTableBodyRowCell, { cell, children: flexRender3(cell.column.columnDef.cell, cell.getContext()) }, colIndex);
   }) }, row.id);
 }
 function DataGridTableDndRows({
@@ -2856,7 +2707,7 @@ function DataGridTableDndRows({
     useSensor2(TouchSensor2, {}),
     useSensor2(KeyboardSensor2, {})
   );
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx22(
     DndContext2,
     {
       id: useId2(),
@@ -2864,31 +2715,31 @@ function DataGridTableDndRows({
       modifiers: [restrictToVerticalAxis],
       onDragEnd: handleDragEnd,
       sensors,
-      children: /* @__PURE__ */ jsx23("div", { className: "relative", children: /* @__PURE__ */ jsxs15(DataGridTableBase, { children: [
-        /* @__PURE__ */ jsx23(DataGridTableHead, { children: table.getHeaderGroups().map((headerGroup, index) => {
-          return /* @__PURE__ */ jsx23(DataGridTableHeadRow, { headerGroup, children: headerGroup.headers.map((header, index2) => {
+      children: /* @__PURE__ */ jsx22("div", { className: "relative", children: /* @__PURE__ */ jsxs15(DataGridTableBase, { children: [
+        /* @__PURE__ */ jsx22(DataGridTableHead, { children: table.getHeaderGroups().map((headerGroup, index) => {
+          return /* @__PURE__ */ jsx22(DataGridTableHeadRow, { headerGroup, children: headerGroup.headers.map((header, index2) => {
             const { column } = header;
             return /* @__PURE__ */ jsxs15(DataGridTableHeadRowCell, { header, children: [
               header.isPlaceholder ? null : flexRender3(header.column.columnDef.header, header.getContext()),
-              props.tableLayout?.columnsResizable && column.getCanResize() && /* @__PURE__ */ jsx23(DataGridTableHeadRowCellResize, { header })
+              props.tableLayout?.columnsResizable && column.getCanResize() && /* @__PURE__ */ jsx22(DataGridTableHeadRowCellResize, { header })
             ] }, index2);
           }) }, index);
         }) }),
-        (props.tableLayout?.stripped || !props.tableLayout?.rowBorder) && /* @__PURE__ */ jsx23(DataGridTableRowSpacer, {}),
-        /* @__PURE__ */ jsx23(DataGridTableBody, { children: props.loadingMode === "skeleton" && isLoading && pagination?.pageSize ? Array.from({ length: pagination.pageSize }).map((_, rowIndex) => /* @__PURE__ */ jsx23(DataGridTableBodyRowSkeleton, { children: table.getVisibleFlatColumns().map((column, colIndex) => {
-          return /* @__PURE__ */ jsx23(DataGridTableBodyRowSkeletonCell, { column, children: column.columnDef.meta?.skeleton }, colIndex);
-        }) }, rowIndex)) : table.getRowModel().rows.length ? /* @__PURE__ */ jsx23(SortableContext2, { items: dataIds, strategy: verticalListSortingStrategy, children: table.getRowModel().rows.map((row) => {
-          return /* @__PURE__ */ jsx23(DataGridTableDndRow, { row }, row.id);
-        }) }) : /* @__PURE__ */ jsx23(DataGridTableEmpty, {}) })
+        (props.tableLayout?.stripped || !props.tableLayout?.rowBorder) && /* @__PURE__ */ jsx22(DataGridTableRowSpacer, {}),
+        /* @__PURE__ */ jsx22(DataGridTableBody, { children: props.loadingMode === "skeleton" && isLoading && pagination?.pageSize ? Array.from({ length: pagination.pageSize }).map((_, rowIndex) => /* @__PURE__ */ jsx22(DataGridTableBodyRowSkeleton, { children: table.getVisibleFlatColumns().map((column, colIndex) => {
+          return /* @__PURE__ */ jsx22(DataGridTableBodyRowSkeletonCell, { column, children: column.columnDef.meta?.skeleton }, colIndex);
+        }) }, rowIndex)) : table.getRowModel().rows.length ? /* @__PURE__ */ jsx22(SortableContext2, { items: dataIds, strategy: verticalListSortingStrategy, children: table.getRowModel().rows.map((row) => {
+          return /* @__PURE__ */ jsx22(DataGridTableDndRow, { row }, row.id);
+        }) }) : /* @__PURE__ */ jsx22(DataGridTableEmpty, {}) })
       ] }) })
     }
   );
 }
 
 // src/ui/default/description-list.tsx
-import { jsx as jsx24 } from "react/jsx-runtime";
+import { jsx as jsx23 } from "react/jsx-runtime";
 var DescriptionList = ({ className, ref, ...props }) => {
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx23(
     "dl",
     {
       ref,
@@ -2901,7 +2752,7 @@ var DescriptionList = ({ className, ref, ...props }) => {
   );
 };
 var DescriptionTerm = ({ className, ref, ...props }) => {
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx23(
     "dt",
     {
       ref,
@@ -2914,7 +2765,7 @@ var DescriptionTerm = ({ className, ref, ...props }) => {
   );
 };
 var DescriptionDetails = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx23(
     "dd",
     {
       ...props,
@@ -2929,10 +2780,10 @@ DescriptionList.Term = DescriptionTerm;
 DescriptionList.Details = DescriptionDetails;
 
 // src/ui/default/empty.tsx
-import { cva as cva9 } from "class-variance-authority";
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { cva as cva8 } from "class-variance-authority";
+import { jsx as jsx24 } from "react/jsx-runtime";
 function Empty({ className, ...props }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx24(
     "div",
     {
       "data-slot": "empty",
@@ -2945,7 +2796,7 @@ function Empty({ className, ...props }) {
   );
 }
 function EmptyHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx24(
     "div",
     {
       "data-slot": "empty-header",
@@ -2954,7 +2805,7 @@ function EmptyHeader({ className, ...props }) {
     }
   );
 }
-var emptyMediaVariants = cva9(
+var emptyMediaVariants = cva8(
   "flex shrink-0 items-center justify-center mb-2 [&_svg]:pointer-events-none [&_svg]:shrink-0",
   {
     variants: {
@@ -2973,7 +2824,7 @@ function EmptyMedia({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx24(
     "div",
     {
       "data-slot": "empty-icon",
@@ -2984,7 +2835,7 @@ function EmptyMedia({
   );
 }
 function EmptyTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx24(
     "div",
     {
       "data-slot": "empty-title",
@@ -2994,7 +2845,7 @@ function EmptyTitle({ className, ...props }) {
   );
 }
 function EmptyDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx24(
     "div",
     {
       "data-slot": "empty-description",
@@ -3007,7 +2858,7 @@ function EmptyDescription({ className, ...props }) {
   );
 }
 function EmptyContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx24(
     "div",
     {
       "data-slot": "empty-content",
@@ -3022,13 +2873,13 @@ function EmptyContent({ className, ...props }) {
 
 // src/ui/default/field.tsx
 import { useMemo as useMemo2 } from "react";
-import { cva as cva11 } from "class-variance-authority";
+import { cva as cva10 } from "class-variance-authority";
 
 // src/ui/default/label.tsx
-import { cva as cva10 } from "class-variance-authority";
+import { cva as cva9 } from "class-variance-authority";
 import { Label as LabelPrimitive } from "radix-ui";
-import { jsx as jsx26 } from "react/jsx-runtime";
-var labelVariants = cva10(
+import { jsx as jsx25 } from "react/jsx-runtime";
+var labelVariants = cva9(
   "text-sm leading-none text-foreground peer-disabled:cursor-not-allowed peer-disabled:opacity-50",
   {
     variants: {
@@ -3047,7 +2898,7 @@ function Label({
   variant,
   ...props
 }) {
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx25(
     LabelPrimitive.Root,
     {
       "data-slot": "label",
@@ -3058,9 +2909,9 @@ function Label({
 }
 
 // src/ui/default/field.tsx
-import { jsx as jsx27, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs16 } from "react/jsx-runtime";
 function FieldSet({ className, ...props }) {
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx26(
     "fieldset",
     {
       "data-slot": "field-set",
@@ -3078,7 +2929,7 @@ function FieldLegend({
   variant = "legend",
   ...props
 }) {
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx26(
     "legend",
     {
       "data-slot": "field-legend",
@@ -3094,7 +2945,7 @@ function FieldLegend({
   );
 }
 function FieldGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx26(
     "div",
     {
       "data-slot": "field-group",
@@ -3106,7 +2957,7 @@ function FieldGroup({ className, ...props }) {
     }
   );
 }
-var fieldVariants = cva11("group/field flex w-full gap-3 data-[invalid=true]:text-destructive", {
+var fieldVariants = cva10("group/field flex w-full gap-3 data-[invalid=true]:text-destructive", {
   variants: {
     orientation: {
       vertical: ["flex-col *:w-full [&>.sr-only]:w-auto"],
@@ -3131,7 +2982,7 @@ function Field({
   orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx26(
     "div",
     {
       role: "group",
@@ -3143,7 +2994,7 @@ function Field({
   );
 }
 function FieldContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx26(
     "div",
     {
       "data-slot": "field-content",
@@ -3153,7 +3004,7 @@ function FieldContent({ className, ...props }) {
   );
 }
 function FieldLabel({ className, ...props }) {
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx26(
     Label,
     {
       "data-slot": "field-label",
@@ -3168,7 +3019,7 @@ function FieldLabel({ className, ...props }) {
   );
 }
 function FieldTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx26(
     "div",
     {
       "data-slot": "field-label",
@@ -3181,7 +3032,7 @@ function FieldTitle({ className, ...props }) {
   );
 }
 function FieldDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx26(
     "p",
     {
       "data-slot": "field-description",
@@ -3211,8 +3062,8 @@ function FieldSeparator({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx27(Separator, { className: "absolute inset-0 top-1/2" }),
-        children && /* @__PURE__ */ jsx27(
+        /* @__PURE__ */ jsx26(Separator, { className: "absolute inset-0 top-1/2" }),
+        children && /* @__PURE__ */ jsx26(
           "span",
           {
             className: "relative mx-auto block w-fit bg-background px-2 text-muted-foreground",
@@ -3240,12 +3091,12 @@ function FieldError({
     if (errors?.length === 1) {
       return errors[0]?.message;
     }
-    return /* @__PURE__ */ jsx27("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: errors.map((error, index) => error?.message && /* @__PURE__ */ jsx27("li", { children: error.message }, index)) });
+    return /* @__PURE__ */ jsx26("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: errors.map((error, index) => error?.message && /* @__PURE__ */ jsx26("li", { children: error.message }, index)) });
   }, [children, errors]);
   if (!content) {
     return null;
   }
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx26(
     "div",
     {
       role: "alert",
@@ -3258,26 +3109,26 @@ function FieldError({
 }
 
 // src/ui/default/filters.tsx
-import { createContext as createContext8, useCallback as useCallback2, useContext as useContext8, useMemo as useMemo3, useState as useState3 } from "react";
-import { cva as cva13 } from "class-variance-authority";
+import { createContext as createContext7, useCallback as useCallback2, useContext as useContext7, useMemo as useMemo3, useState as useState3 } from "react";
+import { cva as cva12 } from "class-variance-authority";
 import { AlertCircle, Check as Check6, Plus as Plus2, X } from "lucide-react";
 
 // src/ui/default/switch.tsx
-import * as React6 from "react";
-import { cva as cva12 } from "class-variance-authority";
+import * as React5 from "react";
+import { cva as cva11 } from "class-variance-authority";
 import { Switch as SwitchPrimitive } from "radix-ui";
-import { jsx as jsx28 } from "react/jsx-runtime";
-var SwitchContext = React6.createContext({
+import { jsx as jsx27 } from "react/jsx-runtime";
+var SwitchContext = React5.createContext({
   permanent: false
 });
 var useSwitchContext = () => {
-  const context = React6.useContext(SwitchContext);
+  const context = React5.useContext(SwitchContext);
   if (!context) {
     throw new Error("SwitchIndicator must be used within a Switch component");
   }
   return context;
 };
-var switchVariants = cva12(
+var switchVariants = cva11(
   `
     relative peer inline-flex shrink-0 cursor-pointer items-center rounded-full transition-colors 
     focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background 
@@ -3309,7 +3160,7 @@ var switchVariants = cva12(
     }
   }
 );
-var switchThumbVariants = cva12(
+var switchThumbVariants = cva11(
   "pointer-events-none block bg-white w-1/2 h-[calc(100%-4px)] shadow-lg ring-0 transition-transform start-0 data-[state=unchecked]:translate-x-[2px] data-[state=checked]:translate-x-[calc(100%-2px)] rtl:data-[state=unchecked]:-translate-x-[2px] rtl:data-[state=checked]:-translate-x-[calc(100%-2px)]",
   {
     variants: {
@@ -3338,7 +3189,7 @@ var switchThumbVariants = cva12(
     }
   }
 );
-var switchIndicatorVariants = cva12(
+var switchIndicatorVariants = cva11(
   "text-sm font-medium absolute mx-[2px] top-1/2 w-1/2 -translate-y-1/2 flex pointer-events-none items-center justify-center text-center transition-transform duration-300 [transition-timing-function:cubic-bezier(0.16,1,0.3,1)]",
   {
     variants: {
@@ -3385,7 +3236,7 @@ function SwitchWrapper({
   permanent = false,
   ...props
 }) {
-  return /* @__PURE__ */ jsx28(SwitchContext.Provider, { value: { permanent }, children: /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx27(SwitchContext.Provider, { value: { permanent }, children: /* @__PURE__ */ jsx27(
     "div",
     {
       "data-slot": "switch-wrapper",
@@ -3404,13 +3255,13 @@ function Switch({
 }) {
   const context = useSwitchContext();
   const permanent = context?.permanent ?? false;
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx27(
     SwitchPrimitive.Root,
     {
       "data-slot": "switch",
       className: cn(switchVariants({ shape, size, permanent }), className),
       ...props,
-      children: /* @__PURE__ */ jsx28(SwitchPrimitive.Thumb, { className: cn(switchThumbVariants({ shape, size }), thumbClassName) })
+      children: /* @__PURE__ */ jsx27(SwitchPrimitive.Thumb, { className: cn(switchThumbVariants({ shape, size }), thumbClassName) })
     }
   );
 }
@@ -3421,7 +3272,7 @@ function SwitchIndicator({
 }) {
   const context = useSwitchContext();
   const permanent = context?.permanent ?? false;
-  return /* @__PURE__ */ jsx28(
+  return /* @__PURE__ */ jsx27(
     "span",
     {
       "data-slot": "switch-indicator",
@@ -3432,7 +3283,7 @@ function SwitchIndicator({
 }
 
 // src/ui/default/filters.tsx
-import { Fragment as Fragment7, jsx as jsx29, jsxs as jsxs17 } from "react/jsx-runtime";
+import { Fragment as Fragment7, jsx as jsx28, jsxs as jsxs17 } from "react/jsx-runtime";
 var DEFAULT_I18N = {
   // UI Labels
   addFilter: "Add filter",
@@ -3501,7 +3352,7 @@ var DEFAULT_I18N = {
     invalid: "Invalid input format"
   }
 };
-var FilterContext = createContext8({
+var FilterContext = createContext7({
   variant: "outline",
   size: "md",
   radius: "md",
@@ -3517,8 +3368,8 @@ var FilterContext = createContext8({
   trigger: void 0,
   allowMultiple: true
 });
-var useFilterContext = () => useContext8(FilterContext);
-var filterInputVariants = cva13(
+var useFilterContext = () => useContext7(FilterContext);
+var filterInputVariants = cva12(
   [
     "transition shrink-0 outline-none text-foreground relative flex items-center",
     "has-[[data-slot=filters-input]:focus-visible]:ring-ring/30",
@@ -3556,7 +3407,7 @@ var filterInputVariants = cva13(
     }
   }
 );
-var filterRemoveButtonVariants = cva13(
+var filterRemoveButtonVariants = cva12(
   [
     "inline-flex items-center shrink-0 justify-center transition text-muted-foreground hover:text-foreground"
   ],
@@ -3588,7 +3439,7 @@ var filterRemoveButtonVariants = cva13(
     }
   }
 );
-var filterAddButtonVariants = cva13(
+var filterAddButtonVariants = cva12(
   [
     "inline-flex items-center shrink-0 justify-center transition text-foreground shadow-xs shadow-black/5",
     "[&_svg:not([role=img]):not([class*=text-]):not([class*=opacity-])]:opacity-60"
@@ -3620,7 +3471,7 @@ var filterAddButtonVariants = cva13(
     }
   }
 );
-var filterOperatorVariants = cva13(
+var filterOperatorVariants = cva12(
   [
     "transition text-muted-foreground hover:text-foreground data-[state=open]:text-foreground shrink-0 flex items-center relative focus-visible:z-1"
   ],
@@ -3647,7 +3498,7 @@ var filterOperatorVariants = cva13(
     }
   }
 );
-var filterFieldLabelVariants = cva13(
+var filterFieldLabelVariants = cva12(
   [
     "flex gap-1.5 shrink-0 px-1.5 py-1 items-center text-foreground",
     "[&_svg:not([class*=size-])]:size-3.5 [&_svg:not([class*=opacity-])]:opacity-60"
@@ -3674,7 +3525,7 @@ var filterFieldLabelVariants = cva13(
     }
   }
 );
-var filterFieldValueVariants = cva13(
+var filterFieldValueVariants = cva12(
   "text-foreground transition shrink-0 flex items-center gap-1 relative focus-visible:z-1",
   {
     variants: {
@@ -3699,7 +3550,7 @@ var filterFieldValueVariants = cva13(
     }
   }
 );
-var filterFieldAddonVariants = cva13("text-foreground shrink-0 flex items-center justify-center", {
+var filterFieldAddonVariants = cva12("text-foreground shrink-0 flex items-center justify-center", {
   variants: {
     variant: {
       solid: "",
@@ -3716,7 +3567,7 @@ var filterFieldAddonVariants = cva13("text-foreground shrink-0 flex items-center
     size: "md"
   }
 });
-var filterFieldBetweenVariants = cva13("text-muted-foreground shrink-0 flex items-center", {
+var filterFieldBetweenVariants = cva12("text-muted-foreground shrink-0 flex items-center", {
   variants: {
     variant: {
       solid: "bg-secondary",
@@ -3733,7 +3584,7 @@ var filterFieldBetweenVariants = cva13("text-muted-foreground shrink-0 flex item
     size: "md"
   }
 });
-var filtersContainerVariants = cva13("flex flex-wrap items-center", {
+var filtersContainerVariants = cva12("flex flex-wrap items-center", {
   variants: {
     variant: {
       solid: "gap-2",
@@ -3750,7 +3601,7 @@ var filtersContainerVariants = cva13("flex flex-wrap items-center", {
     size: "md"
   }
 });
-var filterItemVariants = cva13("flex items-center shadow-xs shadow-black/5", {
+var filterItemVariants = cva12("flex items-center shadow-xs shadow-black/5", {
   variants: {
     variant: {
       solid: "gap-px",
@@ -3843,7 +3694,7 @@ function FilterInput({
       ),
       "data-slot": "filters-input-wrapper",
       children: [
-        field?.prefix && /* @__PURE__ */ jsx29(
+        field?.prefix && /* @__PURE__ */ jsx28(
           "div",
           {
             "data-slot": "filters-prefix",
@@ -3852,7 +3703,7 @@ function FilterInput({
           }
         ),
         /* @__PURE__ */ jsxs17("div", { className: "flex w-full items-stretch", children: [
-          /* @__PURE__ */ jsx29(
+          /* @__PURE__ */ jsx28(
             "input",
             {
               className: "w-full outline-none",
@@ -3866,11 +3717,11 @@ function FilterInput({
             }
           ),
           !isValid && validationMessage && /* @__PURE__ */ jsxs17(Tooltip, { children: [
-            /* @__PURE__ */ jsx29(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx29("div", { className: "-translate-y-1/2 absolute top-1/2 right-2 flex items-center", children: /* @__PURE__ */ jsx29(AlertCircle, { className: "size-3.5 text-destructive" }) }) }),
-            /* @__PURE__ */ jsx29(TooltipContent, { children: /* @__PURE__ */ jsx29("p", { className: "text-sm", children: validationMessage }) })
+            /* @__PURE__ */ jsx28(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx28("div", { className: "-translate-y-1/2 absolute top-1/2 right-2 flex items-center", children: /* @__PURE__ */ jsx28(AlertCircle, { className: "size-3.5 text-destructive" }) }) }),
+            /* @__PURE__ */ jsx28(TooltipContent, { children: /* @__PURE__ */ jsx28("p", { className: "text-sm", children: validationMessage }) })
           ] })
         ] }),
-        field?.suffix && /* @__PURE__ */ jsx29(
+        field?.suffix && /* @__PURE__ */ jsx28(
           "div",
           {
             "data-slot": "filters-suffix",
@@ -3882,9 +3733,9 @@ function FilterInput({
     }
   );
 }
-function FilterRemoveButton({ className, icon = /* @__PURE__ */ jsx29(X, {}), ...props }) {
+function FilterRemoveButton({ className, icon = /* @__PURE__ */ jsx28(X, {}), ...props }) {
   const context = useFilterContext();
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx28(
     "button",
     {
       "data-slot": "filters-remove",
@@ -4064,21 +3915,21 @@ function FilterOperatorDropdown({
     );
   }
   return /* @__PURE__ */ jsxs17(DropdownMenu, { children: [
-    /* @__PURE__ */ jsx29(
+    /* @__PURE__ */ jsx28(
       DropdownMenuTrigger,
       {
         className: filterOperatorVariants({ variant: context.variant, size: context.size }),
         children: operatorLabel
       }
     ),
-    /* @__PURE__ */ jsx29(DropdownMenuContent, { align: "start", className: "w-fit min-w-fit", children: operators.map((op) => /* @__PURE__ */ jsxs17(
+    /* @__PURE__ */ jsx28(DropdownMenuContent, { align: "start", className: "w-fit min-w-fit", children: operators.map((op) => /* @__PURE__ */ jsxs17(
       DropdownMenuItem,
       {
         onClick: () => onChange(op.value),
         className: "flex items-center justify-between",
         children: [
-          /* @__PURE__ */ jsx29("span", { children: op.label }),
-          /* @__PURE__ */ jsx29(
+          /* @__PURE__ */ jsx28("span", { children: op.label }),
+          /* @__PURE__ */ jsx28(
             Check6,
             {
               className: `ms-auto text-primary ${op.value === operator ? "opacity-100" : "opacity-0"}`
@@ -4109,8 +3960,8 @@ function SelectOptionsPopover({
     onClose?.();
   };
   if (inline) {
-    return /* @__PURE__ */ jsx29("div", { className: "w-full", children: /* @__PURE__ */ jsxs17(Command, { children: [
-      field.searchable !== false && /* @__PURE__ */ jsx29(
+    return /* @__PURE__ */ jsx28("div", { className: "w-full", children: /* @__PURE__ */ jsxs17(Command, { children: [
+      field.searchable !== false && /* @__PURE__ */ jsx28(
         CommandInput,
         {
           placeholder: context.i18n.placeholders.searchField(field.label || ""),
@@ -4120,8 +3971,8 @@ function SelectOptionsPopover({
         }
       ),
       /* @__PURE__ */ jsxs17(CommandList, { children: [
-        /* @__PURE__ */ jsx29(CommandEmpty, { children: context.i18n.noResultsFound }),
-        selectedOptions.length > 0 && /* @__PURE__ */ jsx29(CommandGroup, { heading: field.label || "Selected", children: selectedOptions.map((option) => /* @__PURE__ */ jsxs17(
+        /* @__PURE__ */ jsx28(CommandEmpty, { children: context.i18n.noResultsFound }),
+        selectedOptions.length > 0 && /* @__PURE__ */ jsx28(CommandGroup, { heading: field.label || "Selected", children: selectedOptions.map((option) => /* @__PURE__ */ jsxs17(
           CommandItem,
           {
             className: "group flex items-center gap-2",
@@ -4143,15 +3994,15 @@ function SelectOptionsPopover({
             },
             children: [
               option.icon && option.icon,
-              /* @__PURE__ */ jsx29("span", { className: "truncate text-accent-foreground", children: option.label }),
-              /* @__PURE__ */ jsx29(Check6, { className: "ms-auto text-primary" })
+              /* @__PURE__ */ jsx28("span", { className: "truncate text-accent-foreground", children: option.label }),
+              /* @__PURE__ */ jsx28(Check6, { className: "ms-auto text-primary" })
             ]
           },
           String(option.value)
         )) }),
         unselectedOptions.length > 0 && /* @__PURE__ */ jsxs17(Fragment7, { children: [
-          selectedOptions.length > 0 && /* @__PURE__ */ jsx29(CommandSeparator, {}),
-          /* @__PURE__ */ jsx29(CommandGroup, { children: unselectedOptions.map((option) => /* @__PURE__ */ jsxs17(
+          selectedOptions.length > 0 && /* @__PURE__ */ jsx28(CommandSeparator, {}),
+          /* @__PURE__ */ jsx28(CommandGroup, { children: unselectedOptions.map((option) => /* @__PURE__ */ jsxs17(
             CommandItem,
             {
               className: "group flex items-center gap-2",
@@ -4178,8 +4029,8 @@ function SelectOptionsPopover({
               },
               children: [
                 option.icon && option.icon,
-                /* @__PURE__ */ jsx29("span", { className: "truncate text-accent-foreground", children: option.label }),
-                /* @__PURE__ */ jsx29(Check6, { className: "ms-auto text-primary opacity-0" })
+                /* @__PURE__ */ jsx28("span", { className: "truncate text-accent-foreground", children: option.label }),
+                /* @__PURE__ */ jsx28(Check6, { className: "ms-auto text-primary opacity-0" })
               ]
             },
             String(option.value)
@@ -4199,7 +4050,7 @@ function SelectOptionsPopover({
         }
       },
       children: [
-        /* @__PURE__ */ jsx29(
+        /* @__PURE__ */ jsx28(
           PopoverTrigger,
           {
             className: filterFieldValueVariants({
@@ -4207,20 +4058,20 @@ function SelectOptionsPopover({
               size: context.size,
               cursorPointer: context.cursorPointer
             }),
-            children: /* @__PURE__ */ jsx29("div", { className: "flex items-center gap-1.5", children: field.customValueRenderer ? field.customValueRenderer(values, field.options || []) : /* @__PURE__ */ jsxs17(Fragment7, { children: [
-              selectedOptions.length > 0 && /* @__PURE__ */ jsx29(
+            children: /* @__PURE__ */ jsx28("div", { className: "flex items-center gap-1.5", children: field.customValueRenderer ? field.customValueRenderer(values, field.options || []) : /* @__PURE__ */ jsxs17(Fragment7, { children: [
+              selectedOptions.length > 0 && /* @__PURE__ */ jsx28(
                 "div",
                 {
                   className: cn("-space-x-1.5 flex items-center", field.selectedOptionsClassName),
-                  children: selectedOptions.slice(0, 3).map((option) => /* @__PURE__ */ jsx29("div", { children: option.icon }, String(option.value)))
+                  children: selectedOptions.slice(0, 3).map((option) => /* @__PURE__ */ jsx28("div", { children: option.icon }, String(option.value)))
                 }
               ),
               selectedOptions.length === 1 ? selectedOptions[0].label : selectedOptions.length > 1 ? `${selectedOptions.length} ${context.i18n.selectedCount}` : context.i18n.select
             ] }) })
           }
         ),
-        /* @__PURE__ */ jsx29(PopoverContent, { align: "start", className: cn("w-[200px] p-0", field.className), children: /* @__PURE__ */ jsxs17(Command, { children: [
-          field.searchable !== false && /* @__PURE__ */ jsx29(
+        /* @__PURE__ */ jsx28(PopoverContent, { align: "start", className: cn("w-[200px] p-0", field.className), children: /* @__PURE__ */ jsxs17(Command, { children: [
+          field.searchable !== false && /* @__PURE__ */ jsx28(
             CommandInput,
             {
               placeholder: context.i18n.placeholders.searchField(field.label || ""),
@@ -4230,8 +4081,8 @@ function SelectOptionsPopover({
             }
           ),
           /* @__PURE__ */ jsxs17(CommandList, { children: [
-            /* @__PURE__ */ jsx29(CommandEmpty, { children: context.i18n.noResultsFound }),
-            selectedOptions.length > 0 && /* @__PURE__ */ jsx29(CommandGroup, { children: selectedOptions.map((option) => /* @__PURE__ */ jsxs17(
+            /* @__PURE__ */ jsx28(CommandEmpty, { children: context.i18n.noResultsFound }),
+            selectedOptions.length > 0 && /* @__PURE__ */ jsx28(CommandGroup, { children: selectedOptions.map((option) => /* @__PURE__ */ jsxs17(
               CommandItem,
               {
                 className: "group flex items-center gap-2",
@@ -4248,15 +4099,15 @@ function SelectOptionsPopover({
                 },
                 children: [
                   option.icon && option.icon,
-                  /* @__PURE__ */ jsx29("span", { className: "truncate text-accent-foreground", children: option.label }),
-                  /* @__PURE__ */ jsx29(Check6, { className: "ms-auto text-primary" })
+                  /* @__PURE__ */ jsx28("span", { className: "truncate text-accent-foreground", children: option.label }),
+                  /* @__PURE__ */ jsx28(Check6, { className: "ms-auto text-primary" })
                 ]
               },
               String(option.value)
             )) }),
             unselectedOptions.length > 0 && /* @__PURE__ */ jsxs17(Fragment7, { children: [
-              selectedOptions.length > 0 && /* @__PURE__ */ jsx29(CommandSeparator, {}),
-              /* @__PURE__ */ jsx29(CommandGroup, { children: unselectedOptions.map((option) => /* @__PURE__ */ jsxs17(
+              selectedOptions.length > 0 && /* @__PURE__ */ jsx28(CommandSeparator, {}),
+              /* @__PURE__ */ jsx28(CommandGroup, { children: unselectedOptions.map((option) => /* @__PURE__ */ jsxs17(
                 CommandItem,
                 {
                   className: "group flex items-center gap-2",
@@ -4276,8 +4127,8 @@ function SelectOptionsPopover({
                   },
                   children: [
                     option.icon && option.icon,
-                    /* @__PURE__ */ jsx29("span", { className: "truncate text-accent-foreground", children: option.label }),
-                    /* @__PURE__ */ jsx29(Check6, { className: "ms-auto text-primary opacity-0" })
+                    /* @__PURE__ */ jsx28("span", { className: "truncate text-accent-foreground", children: option.label }),
+                    /* @__PURE__ */ jsx28(Check6, { className: "ms-auto text-primary opacity-0" })
                   ]
                 },
                 String(option.value)
@@ -4302,7 +4153,7 @@ function FilterValueSelector({
     return null;
   }
   if (field.customRenderer) {
-    return /* @__PURE__ */ jsx29(
+    return /* @__PURE__ */ jsx28(
       "div",
       {
         className: filterFieldValueVariants({
@@ -4318,7 +4169,7 @@ function FilterValueSelector({
     const isChecked = values[0] === true;
     const onLabel = field.onLabel || context.i18n.true;
     const offLabel = field.offLabel || context.i18n.false;
-    return /* @__PURE__ */ jsx29(
+    return /* @__PURE__ */ jsx28(
       "div",
       {
         className: filterFieldValueVariants({
@@ -4327,7 +4178,7 @@ function FilterValueSelector({
           cursorPointer: context.cursorPointer
         }),
         children: /* @__PURE__ */ jsxs17("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsx29(
+          /* @__PURE__ */ jsx28(
             Switch,
             {
               checked: isChecked,
@@ -4335,7 +4186,7 @@ function FilterValueSelector({
               size: "sm"
             }
           ),
-          field.onLabel && field.offLabel && /* @__PURE__ */ jsx29("span", { className: "text-muted-foreground text-xs", children: isChecked ? onLabel : offLabel })
+          field.onLabel && field.offLabel && /* @__PURE__ */ jsx28("span", { className: "text-muted-foreground text-xs", children: isChecked ? onLabel : offLabel })
         ] })
       }
     );
@@ -4345,7 +4196,7 @@ function FilterValueSelector({
       const startTime = values[0] || "";
       const endTime = values[1] || "";
       return /* @__PURE__ */ jsxs17("div", { className: "flex items-center", "data-slot": "filters-item", children: [
-        /* @__PURE__ */ jsx29(
+        /* @__PURE__ */ jsx28(
           FilterInput,
           {
             type: "time",
@@ -4356,7 +4207,7 @@ function FilterValueSelector({
             field
           }
         ),
-        /* @__PURE__ */ jsx29(
+        /* @__PURE__ */ jsx28(
           "div",
           {
             "data-slot": "filters-between",
@@ -4364,7 +4215,7 @@ function FilterValueSelector({
             children: context.i18n.to
           }
         ),
-        /* @__PURE__ */ jsx29(
+        /* @__PURE__ */ jsx28(
           FilterInput,
           {
             type: "time",
@@ -4377,7 +4228,7 @@ function FilterValueSelector({
         )
       ] });
     }
-    return /* @__PURE__ */ jsx29(
+    return /* @__PURE__ */ jsx28(
       FilterInput,
       {
         type: "time",
@@ -4394,7 +4245,7 @@ function FilterValueSelector({
       const startDateTime = values[0] || "";
       const endDateTime = values[1] || "";
       return /* @__PURE__ */ jsxs17("div", { className: "flex items-center", "data-slot": "filters-item", children: [
-        /* @__PURE__ */ jsx29(
+        /* @__PURE__ */ jsx28(
           FilterInput,
           {
             type: "datetime-local",
@@ -4405,7 +4256,7 @@ function FilterValueSelector({
             field
           }
         ),
-        /* @__PURE__ */ jsx29(
+        /* @__PURE__ */ jsx28(
           "div",
           {
             "data-slot": "filters-between",
@@ -4413,7 +4264,7 @@ function FilterValueSelector({
             children: context.i18n.to
           }
         ),
-        /* @__PURE__ */ jsx29(
+        /* @__PURE__ */ jsx28(
           FilterInput,
           {
             type: "datetime-local",
@@ -4426,7 +4277,7 @@ function FilterValueSelector({
         )
       ] });
     }
-    return /* @__PURE__ */ jsx29(
+    return /* @__PURE__ */ jsx28(
       FilterInput,
       {
         type: "datetime-local",
@@ -4463,7 +4314,7 @@ function FilterValueSelector({
           return void 0;
       }
     };
-    return /* @__PURE__ */ jsx29(
+    return /* @__PURE__ */ jsx28(
       FilterInput,
       {
         type: getInputType(),
@@ -4489,7 +4340,7 @@ function FilterValueSelector({
           cursorPointer: context.cursorPointer
         }),
         children: [
-          /* @__PURE__ */ jsx29(
+          /* @__PURE__ */ jsx28(
             FilterInput,
             {
               type: "date",
@@ -4500,7 +4351,7 @@ function FilterValueSelector({
               field
             }
           ),
-          /* @__PURE__ */ jsx29(
+          /* @__PURE__ */ jsx28(
             "div",
             {
               "data-slot": "filters-between",
@@ -4508,7 +4359,7 @@ function FilterValueSelector({
               children: context.i18n.to
             }
           ),
-          /* @__PURE__ */ jsx29(
+          /* @__PURE__ */ jsx28(
             FilterInput,
             {
               type: "date",
@@ -4528,7 +4379,7 @@ function FilterValueSelector({
       const minVal = values[0] || "";
       const maxVal = values[1] || "";
       return /* @__PURE__ */ jsxs17("div", { className: "flex items-center", "data-slot": "filters-item", children: [
-        /* @__PURE__ */ jsx29(
+        /* @__PURE__ */ jsx28(
           FilterInput,
           {
             type: "number",
@@ -4544,7 +4395,7 @@ function FilterValueSelector({
             field
           }
         ),
-        /* @__PURE__ */ jsx29(
+        /* @__PURE__ */ jsx28(
           "div",
           {
             "data-slot": "filters-between",
@@ -4552,7 +4403,7 @@ function FilterValueSelector({
             children: context.i18n.to
           }
         ),
-        /* @__PURE__ */ jsx29(
+        /* @__PURE__ */ jsx28(
           FilterInput,
           {
             type: "number",
@@ -4570,7 +4421,7 @@ function FilterValueSelector({
         )
       ] });
     }
-    return /* @__PURE__ */ jsx29("div", { className: "flex items-center", "data-slot": "filters-item", children: /* @__PURE__ */ jsx29(
+    return /* @__PURE__ */ jsx28("div", { className: "flex items-center", "data-slot": "filters-item", children: /* @__PURE__ */ jsx28(
       FilterInput,
       {
         type: field.type === "number" ? "number" : "text",
@@ -4588,7 +4439,7 @@ function FilterValueSelector({
     ) });
   }
   if (field.type === "date") {
-    return /* @__PURE__ */ jsx29(
+    return /* @__PURE__ */ jsx28(
       FilterInput,
       {
         type: "date",
@@ -4601,7 +4452,7 @@ function FilterValueSelector({
     );
   }
   if (field.type === "select" || field.type === "multiselect") {
-    return /* @__PURE__ */ jsx29(SelectOptionsPopover, { field, values, onChange });
+    return /* @__PURE__ */ jsx28(SelectOptionsPopover, { field, values, onChange });
   }
   const isMultiSelect = values.length > 1;
   const selectedOptions = field.options?.filter((opt) => values.includes(opt.value)) || [];
@@ -4617,7 +4468,7 @@ function FilterValueSelector({
         }
       },
       children: [
-        /* @__PURE__ */ jsx29(
+        /* @__PURE__ */ jsx28(
           PopoverTrigger,
           {
             className: filterFieldValueVariants({
@@ -4625,14 +4476,14 @@ function FilterValueSelector({
               size: context.size,
               cursorPointer: context.cursorPointer
             }),
-            children: /* @__PURE__ */ jsx29("div", { className: "flex items-center gap-1.5", children: field.customValueRenderer ? field.customValueRenderer(values, field.options || []) : /* @__PURE__ */ jsxs17(Fragment7, { children: [
-              selectedOptions.length > 0 && /* @__PURE__ */ jsx29("div", { className: "-space-x-1.5 flex items-center", children: selectedOptions.slice(0, 3).map((option) => /* @__PURE__ */ jsx29("div", { children: option.icon }, String(option.value))) }),
+            children: /* @__PURE__ */ jsx28("div", { className: "flex items-center gap-1.5", children: field.customValueRenderer ? field.customValueRenderer(values, field.options || []) : /* @__PURE__ */ jsxs17(Fragment7, { children: [
+              selectedOptions.length > 0 && /* @__PURE__ */ jsx28("div", { className: "-space-x-1.5 flex items-center", children: selectedOptions.slice(0, 3).map((option) => /* @__PURE__ */ jsx28("div", { children: option.icon }, String(option.value))) }),
               selectedOptions.length === 1 ? selectedOptions[0].label : selectedOptions.length > 1 ? `${selectedOptions.length} ${context.i18n.selectedCount}` : context.i18n.select
             ] }) })
           }
         ),
-        /* @__PURE__ */ jsx29(PopoverContent, { className: cn("w-36 p-0", field.popoverContentClassName), children: /* @__PURE__ */ jsxs17(Command, { children: [
-          field.searchable !== false && /* @__PURE__ */ jsx29(
+        /* @__PURE__ */ jsx28(PopoverContent, { className: cn("w-36 p-0", field.popoverContentClassName), children: /* @__PURE__ */ jsxs17(Command, { children: [
+          field.searchable !== false && /* @__PURE__ */ jsx28(
             CommandInput,
             {
               placeholder: context.i18n.placeholders.searchField(field.label || ""),
@@ -4642,8 +4493,8 @@ function FilterValueSelector({
             }
           ),
           /* @__PURE__ */ jsxs17(CommandList, { children: [
-            /* @__PURE__ */ jsx29(CommandEmpty, { children: context.i18n.noResultsFound }),
-            selectedOptions.length > 0 && /* @__PURE__ */ jsx29(CommandGroup, { children: selectedOptions.map((option) => /* @__PURE__ */ jsxs17(
+            /* @__PURE__ */ jsx28(CommandEmpty, { children: context.i18n.noResultsFound }),
+            selectedOptions.length > 0 && /* @__PURE__ */ jsx28(CommandGroup, { children: selectedOptions.map((option) => /* @__PURE__ */ jsxs17(
               CommandItem,
               {
                 className: "group flex items-center gap-2",
@@ -4657,15 +4508,15 @@ function FilterValueSelector({
                 },
                 children: [
                   option.icon && option.icon,
-                  /* @__PURE__ */ jsx29("span", { className: "truncate text-accent-foreground", children: option.label }),
-                  /* @__PURE__ */ jsx29(Check6, { className: "ms-auto text-primary" })
+                  /* @__PURE__ */ jsx28("span", { className: "truncate text-accent-foreground", children: option.label }),
+                  /* @__PURE__ */ jsx28(Check6, { className: "ms-auto text-primary" })
                 ]
               },
               String(option.value)
             )) }),
             unselectedOptions.length > 0 && /* @__PURE__ */ jsxs17(Fragment7, { children: [
-              selectedOptions.length > 0 && /* @__PURE__ */ jsx29(CommandSeparator, {}),
-              /* @__PURE__ */ jsx29(CommandGroup, { children: unselectedOptions.map((option) => /* @__PURE__ */ jsxs17(
+              selectedOptions.length > 0 && /* @__PURE__ */ jsx28(CommandSeparator, {}),
+              /* @__PURE__ */ jsx28(CommandGroup, { children: unselectedOptions.map((option) => /* @__PURE__ */ jsxs17(
                 CommandItem,
                 {
                   className: "group flex items-center gap-2",
@@ -4684,8 +4535,8 @@ function FilterValueSelector({
                   },
                   children: [
                     option.icon && option.icon,
-                    /* @__PURE__ */ jsx29("span", { className: "truncate text-accent-foreground", children: option.label }),
-                    /* @__PURE__ */ jsx29(Check6, { className: "ms-auto text-primary opacity-0" })
+                    /* @__PURE__ */ jsx28("span", { className: "truncate text-accent-foreground", children: option.label }),
+                    /* @__PURE__ */ jsx28(Check6, { className: "ms-auto text-primary opacity-0" })
                   ]
                 },
                 String(option.value)
@@ -4727,7 +4578,7 @@ var FiltersContent = ({
     },
     [filters, onChange]
   );
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx28(
     "div",
     {
       className: cn(
@@ -4757,7 +4608,7 @@ var FiltersContent = ({
                   ]
                 }
               ),
-              /* @__PURE__ */ jsx29(
+              /* @__PURE__ */ jsx28(
                 FilterOperatorDropdown,
                 {
                   field,
@@ -4766,7 +4617,7 @@ var FiltersContent = ({
                   onChange: (operator) => updateFilter(filter.id, { operator })
                 }
               ),
-              /* @__PURE__ */ jsx29(
+              /* @__PURE__ */ jsx28(
                 FilterValueSelector,
                 {
                   field,
@@ -4775,7 +4626,7 @@ var FiltersContent = ({
                   operator: filter.operator
                 }
               ),
-              /* @__PURE__ */ jsx29(FilterRemoveButton, { onClick: () => removeFilter(filter.id) })
+              /* @__PURE__ */ jsx28(FilterRemoveButton, { onClick: () => removeFilter(filter.id) })
             ]
           },
           filter.id
@@ -4922,7 +4773,7 @@ function Filters({
       return !filters.some((filter) => filter.field === field.key);
     });
   }, [fields, filters, allowMultiple]);
-  return /* @__PURE__ */ jsx29(
+  return /* @__PURE__ */ jsx28(
     FilterContext.Provider,
     {
       value: {
@@ -4954,7 +4805,7 @@ function Filters({
               }
             },
             children: [
-              /* @__PURE__ */ jsx29(PopoverTrigger, { asChild: true, children: addButton ? addButton : /* @__PURE__ */ jsxs17(
+              /* @__PURE__ */ jsx28(PopoverTrigger, { asChild: true, children: addButton ? addButton : /* @__PURE__ */ jsxs17(
                 "button",
                 {
                   className: cn(
@@ -4968,14 +4819,14 @@ function Filters({
                   ),
                   title: mergedI18n.addFilterTitle,
                   children: [
-                    addButtonIcon || /* @__PURE__ */ jsx29(Plus2, {}),
+                    addButtonIcon || /* @__PURE__ */ jsx28(Plus2, {}),
                     addButtonText || mergedI18n.addFilter
                   ]
                 }
               ) }),
-              /* @__PURE__ */ jsx29(PopoverContent, { className: cn("w-[200px] p-0", popoverContentClassName), align: "start", children: /* @__PURE__ */ jsx29(Command, { children: selectedFieldForOptions ? (
+              /* @__PURE__ */ jsx28(PopoverContent, { className: cn("w-[200px] p-0", popoverContentClassName), align: "start", children: /* @__PURE__ */ jsx28(Command, { children: selectedFieldForOptions ? (
                 // Show original select/multiselect rendering without back button
-                /* @__PURE__ */ jsx29(
+                /* @__PURE__ */ jsx28(
                   SelectOptionsPopover,
                   {
                     field: selectedFieldForOptions,
@@ -4995,9 +4846,9 @@ function Filters({
               ) : (
                 // Show field selection
                 /* @__PURE__ */ jsxs17(Fragment7, { children: [
-                  showSearchInput && /* @__PURE__ */ jsx29(CommandInput, { placeholder: mergedI18n.searchFields, className: "h-9" }),
+                  showSearchInput && /* @__PURE__ */ jsx28(CommandInput, { placeholder: mergedI18n.searchFields, className: "h-9" }),
                   /* @__PURE__ */ jsxs17(CommandList, { children: [
-                    /* @__PURE__ */ jsx29(CommandEmpty, { children: mergedI18n.noFieldsFound }),
+                    /* @__PURE__ */ jsx28(CommandEmpty, { children: mergedI18n.noFieldsFound }),
                     fields.map((item, index) => {
                       if (isFieldGroup(item)) {
                         const groupFields = item.fields.filter((field2) => {
@@ -5010,9 +4861,9 @@ function Filters({
                           return !filters.some((filter) => filter.field === field2.key);
                         });
                         if (groupFields.length === 0) return null;
-                        return /* @__PURE__ */ jsx29(CommandGroup, { heading: item.group || "Fields", children: groupFields.map((field2, fieldIndex) => {
+                        return /* @__PURE__ */ jsx28(CommandGroup, { heading: item.group || "Fields", children: groupFields.map((field2, fieldIndex) => {
                           if (field2.type === "separator") {
-                            return /* @__PURE__ */ jsx29(CommandSeparator, {}, `separator-${fieldIndex}`);
+                            return /* @__PURE__ */ jsx28(CommandSeparator, {}, `separator-${fieldIndex}`);
                           }
                           return /* @__PURE__ */ jsxs17(
                             CommandItem,
@@ -5020,7 +4871,7 @@ function Filters({
                               onSelect: () => field2.key && addFilter(field2.key),
                               children: [
                                 field2.icon,
-                                /* @__PURE__ */ jsx29("span", { children: field2.label })
+                                /* @__PURE__ */ jsx28("span", { children: field2.label })
                               ]
                             },
                             field2.key
@@ -5038,9 +4889,9 @@ function Filters({
                           return !filters.some((filter) => filter.field === field2.key);
                         });
                         if (groupFields.length === 0) return null;
-                        return /* @__PURE__ */ jsx29(CommandGroup, { heading: item.group || "Fields", children: groupFields.map((field2, fieldIndex) => {
+                        return /* @__PURE__ */ jsx28(CommandGroup, { heading: item.group || "Fields", children: groupFields.map((field2, fieldIndex) => {
                           if (field2.type === "separator") {
-                            return /* @__PURE__ */ jsx29(CommandSeparator, {}, `separator-${fieldIndex}`);
+                            return /* @__PURE__ */ jsx28(CommandSeparator, {}, `separator-${fieldIndex}`);
                           }
                           return /* @__PURE__ */ jsxs17(
                             CommandItem,
@@ -5048,7 +4899,7 @@ function Filters({
                               onSelect: () => field2.key && addFilter(field2.key),
                               children: [
                                 field2.icon,
-                                /* @__PURE__ */ jsx29("span", { children: field2.label })
+                                /* @__PURE__ */ jsx28("span", { children: field2.label })
                               ]
                             },
                             field2.key
@@ -5057,7 +4908,7 @@ function Filters({
                       }
                       const field = item;
                       if (field.type === "separator") {
-                        return /* @__PURE__ */ jsx29(CommandSeparator, {}, `separator-${index}`);
+                        return /* @__PURE__ */ jsx28(CommandSeparator, {}, `separator-${index}`);
                       }
                       return /* @__PURE__ */ jsxs17(
                         CommandItem,
@@ -5065,7 +4916,7 @@ function Filters({
                           onSelect: () => field.key && addFilter(field.key),
                           children: [
                             field.icon,
-                            /* @__PURE__ */ jsx29("span", { children: field.label })
+                            /* @__PURE__ */ jsx28("span", { children: field.label })
                           ]
                         },
                         field.key
@@ -5100,7 +4951,7 @@ function Filters({
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsx29(
+                /* @__PURE__ */ jsx28(
                   FilterOperatorDropdown,
                   {
                     field,
@@ -5109,7 +4960,7 @@ function Filters({
                     onChange: (operator) => updateFilter(filter.id, { operator })
                   }
                 ),
-                /* @__PURE__ */ jsx29(
+                /* @__PURE__ */ jsx28(
                   FilterValueSelector,
                   {
                     field,
@@ -5118,7 +4969,7 @@ function Filters({
                     operator: filter.operator
                   }
                 ),
-                /* @__PURE__ */ jsx29(FilterRemoveButton, { onClick: () => removeFilter(filter.id) })
+                /* @__PURE__ */ jsx28(FilterRemoveButton, { onClick: () => removeFilter(filter.id) })
               ]
             },
             filter.id
@@ -5142,24 +4993,24 @@ var createFilterGroup = (id, label, fields, initialFilters = []) => ({
 });
 
 // src/ui/default/form.tsx
-import * as React7 from "react";
+import * as React6 from "react";
 import { Slot as Slot2 } from "@radix-ui/react-slot";
 import {
   Controller,
   FormProvider,
   useFormContext
 } from "react-hook-form";
-import { jsx as jsx30 } from "react/jsx-runtime";
+import { jsx as jsx29 } from "react/jsx-runtime";
 var Form = FormProvider;
-var FormFieldContext = React7.createContext({});
+var FormFieldContext = React6.createContext({});
 var FormField = ({
   ...props
 }) => {
-  return /* @__PURE__ */ jsx30(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx30(Controller, { ...props }) });
+  return /* @__PURE__ */ jsx29(FormFieldContext.Provider, { value: { name: props.name }, children: /* @__PURE__ */ jsx29(Controller, { ...props }) });
 };
 var useFormField = () => {
-  const fieldContext = React7.useContext(FormFieldContext);
-  const itemContext = React7.useContext(FormItemContext);
+  const fieldContext = React6.useContext(FormFieldContext);
+  const itemContext = React6.useContext(FormItemContext);
   const { getFieldState, formState } = useFormContext();
   const fieldState = getFieldState(fieldContext.name, formState);
   if (!fieldContext) {
@@ -5175,11 +5026,11 @@ var useFormField = () => {
     ...fieldState
   };
 };
-var FormItemContext = React7.createContext({});
+var FormItemContext = React6.createContext({});
 function FormItem({ className, ...props }) {
-  const id = React7.useId();
+  const id = React6.useId();
   const { error } = useFormField();
-  return /* @__PURE__ */ jsx30(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx29(FormItemContext.Provider, { value: { id }, children: /* @__PURE__ */ jsx29(
     "div",
     {
       "data-slot": "form-item",
@@ -5191,7 +5042,7 @@ function FormItem({ className, ...props }) {
 }
 function FormLabel({ className, ...props }) {
   const { formItemId } = useFormField();
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx29(
     Label,
     {
       "data-slot": "form-label",
@@ -5206,7 +5057,7 @@ function FormLabel({ className, ...props }) {
 }
 function FormControl({ ...props }) {
   const { error, formItemId, formDescriptionId, formMessageId } = useFormField();
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx29(
     Slot2,
     {
       "data-slot": "form-control",
@@ -5222,7 +5073,7 @@ function FormDescription({ className, ...props }) {
   if (error) {
     return null;
   }
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx29(
     "div",
     {
       "data-slot": "form-description",
@@ -5242,7 +5093,7 @@ function FormMessage({
   if (!body) {
     return null;
   }
-  return /* @__PURE__ */ jsx30(
+  return /* @__PURE__ */ jsx29(
     "div",
     {
       "data-slot": "form-message",
@@ -5255,10 +5106,10 @@ function FormMessage({
 }
 
 // src/ui/default/heading.tsx
-import { jsx as jsx31 } from "react/jsx-runtime";
+import { jsx as jsx30 } from "react/jsx-runtime";
 var Heading = ({ className, level = 1, ...props }) => {
   const Element = `h${level}`;
-  return /* @__PURE__ */ jsx31(
+  return /* @__PURE__ */ jsx30(
     Element,
     {
       className: cn(
@@ -5276,12 +5127,12 @@ var Heading = ({ className, level = 1, ...props }) => {
 
 // src/ui/default/hover-card.tsx
 import { HoverCard as HoverCardPrimitive } from "radix-ui";
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { jsx as jsx31 } from "react/jsx-runtime";
 function HoverCard({ ...props }) {
-  return /* @__PURE__ */ jsx32(HoverCardPrimitive.Root, { "data-slot": "hover-card", ...props });
+  return /* @__PURE__ */ jsx31(HoverCardPrimitive.Root, { "data-slot": "hover-card", ...props });
 }
 function HoverCardTrigger({ ...props }) {
-  return /* @__PURE__ */ jsx32(HoverCardPrimitive.Trigger, { "data-slot": "hover-card-trigger", ...props });
+  return /* @__PURE__ */ jsx31(HoverCardPrimitive.Trigger, { "data-slot": "hover-card-trigger", ...props });
 }
 function HoverCardContent({
   className,
@@ -5289,7 +5140,7 @@ function HoverCardContent({
   sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ jsx32(HoverCardPrimitive.Portal, { "data-slot": "hover-card-portal", children: /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx31(HoverCardPrimitive.Portal, { "data-slot": "hover-card-portal", children: /* @__PURE__ */ jsx31(
     HoverCardPrimitive.Content,
     {
       "data-slot": "hover-card-content",
@@ -5305,16 +5156,16 @@ function HoverCardContent({
 }
 
 // src/ui/default/input-otp.tsx
-import * as React8 from "react";
+import * as React7 from "react";
 import { OTPInput, OTPInputContext } from "input-otp";
 import { MinusIcon } from "lucide-react";
-import { jsx as jsx33, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs18 } from "react/jsx-runtime";
 function InputOTP({
   className,
   containerClassName,
   ...props
 }) {
-  return /* @__PURE__ */ jsx33(
+  return /* @__PURE__ */ jsx32(
     OTPInput,
     {
       "data-slot": "input-otp",
@@ -5325,14 +5176,14 @@ function InputOTP({
   );
 }
 function InputOTPGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx33("div", { "data-slot": "input-otp-group", className: cn("flex items-center", className), ...props });
+  return /* @__PURE__ */ jsx32("div", { "data-slot": "input-otp-group", className: cn("flex items-center", className), ...props });
 }
 function InputOTPSlot({
   index,
   className,
   ...props
 }) {
-  const inputOTPContext = React8.useContext(OTPInputContext);
+  const inputOTPContext = React7.useContext(OTPInputContext);
   const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};
   return /* @__PURE__ */ jsxs18(
     "div",
@@ -5346,21 +5197,21 @@ function InputOTPSlot({
       ...props,
       children: [
         char,
-        hasFakeCaret && /* @__PURE__ */ jsx33("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx33("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) })
+        hasFakeCaret && /* @__PURE__ */ jsx32("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: /* @__PURE__ */ jsx32("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) })
       ]
     }
   );
 }
 function InputOTPSeparator({ ...props }) {
-  return /* @__PURE__ */ jsx33("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ jsx33(MinusIcon, {}) });
+  return /* @__PURE__ */ jsx32("div", { "data-slot": "input-otp-separator", role: "separator", ...props, children: /* @__PURE__ */ jsx32(MinusIcon, {}) });
 }
 
 // src/ui/default/item.tsx
 import { Slot as Slot3 } from "@radix-ui/react-slot";
-import { cva as cva14 } from "class-variance-authority";
-import { jsx as jsx34 } from "react/jsx-runtime";
+import { cva as cva13 } from "class-variance-authority";
+import { jsx as jsx33 } from "react/jsx-runtime";
 function ItemGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx33(
     "div",
     {
       role: "list",
@@ -5371,7 +5222,7 @@ function ItemGroup({ className, ...props }) {
   );
 }
 function ItemSeparator({ className, ...props }) {
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx33(
     Separator,
     {
       "data-slot": "item-separator",
@@ -5381,7 +5232,7 @@ function ItemSeparator({ className, ...props }) {
     }
   );
 }
-var itemVariants2 = cva14(
+var itemVariants2 = cva13(
   "group/item flex items-center border border-transparent text-sm rounded-md transition-colors [a]:hover:bg-accent/50 [a]:transition-colors duration-100 flex-wrap outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]",
   {
     variants: {
@@ -5409,7 +5260,7 @@ function Item({
   ...props
 }) {
   const Comp = asChild ? Slot3 : "div";
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx33(
     Comp,
     {
       "data-slot": "item",
@@ -5420,7 +5271,7 @@ function Item({
     }
   );
 }
-var itemMediaVariants = cva14(
+var itemMediaVariants = cva13(
   "flex shrink-0 items-center justify-center gap-2 group-has-data-[slot=item-description]/item:self-start [&_svg]:pointer-events-none group-has-data-[slot=item-description]/item:translate-y-0.5",
   {
     variants: {
@@ -5440,7 +5291,7 @@ function ItemMedia({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx33(
     "div",
     {
       "data-slot": "item-media",
@@ -5451,7 +5302,7 @@ function ItemMedia({
   );
 }
 function ItemContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx33(
     "div",
     {
       "data-slot": "item-content",
@@ -5461,7 +5312,7 @@ function ItemContent({ className, ...props }) {
   );
 }
 function ItemTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx33(
     "div",
     {
       "data-slot": "item-title",
@@ -5471,7 +5322,7 @@ function ItemTitle({ className, ...props }) {
   );
 }
 function ItemDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx33(
     "p",
     {
       "data-slot": "item-description",
@@ -5485,10 +5336,10 @@ function ItemDescription({ className, ...props }) {
   );
 }
 function ItemActions({ className, ...props }) {
-  return /* @__PURE__ */ jsx34("div", { "data-slot": "item-actions", className: cn("flex items-center gap-2", className), ...props });
+  return /* @__PURE__ */ jsx33("div", { "data-slot": "item-actions", className: cn("flex items-center gap-2", className), ...props });
 }
 function ItemHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx33(
     "div",
     {
       "data-slot": "item-header",
@@ -5498,7 +5349,7 @@ function ItemHeader({ className, ...props }) {
   );
 }
 function ItemFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx33(
     "div",
     {
       "data-slot": "item-footer",
@@ -5509,7 +5360,7 @@ function ItemFooter({ className, ...props }) {
 }
 
 // src/ui/default/kanban.tsx
-import * as React9 from "react";
+import * as React8 from "react";
 import {
   DndContext as DndContext3,
   DragOverlay,
@@ -5530,8 +5381,8 @@ import {
 } from "@dnd-kit/sortable";
 import { CSS as CSS4 } from "@dnd-kit/utilities";
 import { Slot as Slot4 } from "@radix-ui/react-slot";
-import { jsx as jsx35 } from "react/jsx-runtime";
-var KanbanContext = React9.createContext({
+import { jsx as jsx34 } from "react/jsx-runtime";
+var KanbanContext = React8.createContext({
   columns: {},
   setColumns: () => {
   },
@@ -5543,13 +5394,13 @@ var KanbanContext = React9.createContext({
   findContainer: () => void 0,
   isColumn: () => false
 });
-var ColumnContext = React9.createContext({
+var ColumnContext = React8.createContext({
   attributes: {},
   listeners: void 0,
   isDragging: false,
   disabled: false
 });
-var ItemContext = React9.createContext({
+var ItemContext = React8.createContext({
   listeners: void 0,
   isDragging: false,
   disabled: false
@@ -5574,7 +5425,7 @@ function Kanban({
 }) {
   const columns = value;
   const setColumns = onValueChange;
-  const [activeId, setActiveId] = React9.useState(null);
+  const [activeId, setActiveId] = React8.useState(null);
   const sensors = useSensors3(
     useSensor3(PointerSensor, {
       activationConstraint: {
@@ -5585,22 +5436,22 @@ function Kanban({
       coordinateGetter: sortableKeyboardCoordinates
     })
   );
-  const columnIds = React9.useMemo(() => Object.keys(columns), [columns]);
-  const isColumn = React9.useCallback(
+  const columnIds = React8.useMemo(() => Object.keys(columns), [columns]);
+  const isColumn = React8.useCallback(
     (id) => columnIds.includes(id),
     [columnIds]
   );
-  const findContainer = React9.useCallback(
+  const findContainer = React8.useCallback(
     (id) => {
       if (isColumn(id)) return id;
       return columnIds.find((key) => columns[key].some((item) => getItemValue(item) === id));
     },
     [columns, columnIds, getItemValue, isColumn]
   );
-  const handleDragStart = React9.useCallback((event) => {
+  const handleDragStart = React8.useCallback((event) => {
     setActiveId(event.active.id);
   }, []);
-  const handleDragOver = React9.useCallback(
+  const handleDragOver = React8.useCallback(
     (event) => {
       if (onMove) {
         return;
@@ -5631,7 +5482,7 @@ function Kanban({
     },
     [findContainer, getItemValue, isColumn, setColumns, columns, onMove]
   );
-  const handleDragEnd = React9.useCallback(
+  const handleDragEnd = React8.useCallback(
     (event) => {
       const { active, over } = event;
       setActiveId(null);
@@ -5685,7 +5536,7 @@ function Kanban({
     },
     [columnIds, columns, findContainer, getItemValue, isColumn, setColumns, onMove]
   );
-  const contextValue = React9.useMemo(
+  const contextValue = React8.useMemo(
     () => ({
       columns,
       setColumns,
@@ -5698,20 +5549,20 @@ function Kanban({
     }),
     [columns, setColumns, getItemValue, columnIds, activeId, findContainer, isColumn]
   );
-  return /* @__PURE__ */ jsx35(KanbanContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx34(KanbanContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx34(
     DndContext3,
     {
       sensors,
       onDragStart: handleDragStart,
       onDragOver: handleDragOver,
       onDragEnd: handleDragEnd,
-      children: /* @__PURE__ */ jsx35("div", { "data-slot": "kanban", "data-dragging": activeId !== null, className: cn(className), children })
+      children: /* @__PURE__ */ jsx34("div", { "data-slot": "kanban", "data-dragging": activeId !== null, className: cn(className), children })
     }
   ) });
 }
 function KanbanBoard({ children, className }) {
-  const { columnIds } = React9.useContext(KanbanContext);
-  return /* @__PURE__ */ jsx35(SortableContext3, { items: columnIds, strategy: rectSortingStrategy, children: /* @__PURE__ */ jsx35(
+  const { columnIds } = React8.useContext(KanbanContext);
+  return /* @__PURE__ */ jsx34(SortableContext3, { items: columnIds, strategy: rectSortingStrategy, children: /* @__PURE__ */ jsx34(
     "div",
     {
       "data-slot": "kanban-board",
@@ -5732,17 +5583,17 @@ function KanbanColumn({ value, className, children, disabled }) {
     id: value,
     disabled
   });
-  const { activeId, isColumn } = React9.useContext(KanbanContext);
+  const { activeId, isColumn } = React8.useContext(KanbanContext);
   const isColumnDragging = activeId ? isColumn(activeId) : false;
   const style = {
     transition,
     transform: CSS4.Translate.toString(transform)
   };
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx34(
     ColumnContext.Provider,
     {
       value: { attributes, listeners, isDragging: isColumnDragging, disabled },
-      children: /* @__PURE__ */ jsx35(
+      children: /* @__PURE__ */ jsx34(
         "div",
         {
           "data-slot": "kanban-column",
@@ -5769,9 +5620,9 @@ function KanbanColumnHandle({
   children,
   cursor = true
 }) {
-  const { attributes, listeners, isDragging, disabled } = React9.useContext(ColumnContext);
+  const { attributes, listeners, isDragging, disabled } = React8.useContext(ColumnContext);
   const Comp = asChild ? Slot4 : "div";
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx34(
     Comp,
     {
       "data-slot": "kanban-column-handle",
@@ -5800,14 +5651,14 @@ function KanbanItem({ value, asChild = false, className, children, disabled }) {
     id: value,
     disabled
   });
-  const { activeId, isColumn } = React9.useContext(KanbanContext);
+  const { activeId, isColumn } = React8.useContext(KanbanContext);
   const isItemDragging = activeId ? !isColumn(activeId) : false;
   const style = {
     transition,
     transform: CSS4.Translate.toString(transform)
   };
   const Comp = asChild ? Slot4 : "div";
-  return /* @__PURE__ */ jsx35(ItemContext.Provider, { value: { listeners, isDragging: isItemDragging, disabled }, children: /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx34(ItemContext.Provider, { value: { listeners, isDragging: isItemDragging, disabled }, children: /* @__PURE__ */ jsx34(
     Comp,
     {
       "data-slot": "kanban-item",
@@ -5823,9 +5674,9 @@ function KanbanItem({ value, asChild = false, className, children, disabled }) {
   ) });
 }
 function KanbanItemHandle({ asChild, className, children, cursor = true }) {
-  const { listeners, isDragging, disabled } = React9.useContext(ItemContext);
+  const { listeners, isDragging, disabled } = React8.useContext(ItemContext);
   const Comp = asChild ? Slot4 : "div";
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx34(
     Comp,
     {
       "data-slot": "kanban-item-handle",
@@ -5838,14 +5689,14 @@ function KanbanItemHandle({ asChild, className, children, cursor = true }) {
   );
 }
 function KanbanColumnContent({ value, className, children }) {
-  const { columns, getItemId } = React9.useContext(KanbanContext);
-  const itemIds = React9.useMemo(() => columns[value].map(getItemId), [columns, getItemId, value]);
-  return /* @__PURE__ */ jsx35(SortableContext3, { items: itemIds, strategy: verticalListSortingStrategy2, children: /* @__PURE__ */ jsx35("div", { "data-slot": "kanban-column-content", className: cn("flex flex-col gap-2", className), children }) });
+  const { columns, getItemId } = React8.useContext(KanbanContext);
+  const itemIds = React8.useMemo(() => columns[value].map(getItemId), [columns, getItemId, value]);
+  return /* @__PURE__ */ jsx34(SortableContext3, { items: itemIds, strategy: verticalListSortingStrategy2, children: /* @__PURE__ */ jsx34("div", { "data-slot": "kanban-column-content", className: cn("flex flex-col gap-2", className), children }) });
 }
 function KanbanOverlay({ children, className }) {
-  const { activeId, isColumn } = React9.useContext(KanbanContext);
-  const [dimensions, setDimensions] = React9.useState(null);
-  React9.useEffect(() => {
+  const { activeId, isColumn } = React8.useContext(KanbanContext);
+  const [dimensions, setDimensions] = React8.useState(null);
+  React8.useEffect(() => {
     if (activeId) {
       const element = document.querySelector(
         `[data-slot="kanban-${isColumn(activeId) ? "column" : "item"}"][data-value="${activeId}"]`
@@ -5862,7 +5713,7 @@ function KanbanOverlay({ children, className }) {
     width: dimensions?.width,
     height: dimensions?.height
   };
-  const content = React9.useMemo(() => {
+  const content = React8.useMemo(() => {
     if (!activeId) return null;
     if (typeof children === "function") {
       return children({
@@ -5872,7 +5723,7 @@ function KanbanOverlay({ children, className }) {
     }
     return children;
   }, [activeId, children, isColumn]);
-  return /* @__PURE__ */ jsx35(DragOverlay, { dropAnimation: dropAnimationConfig, children: /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx34(DragOverlay, { dropAnimation: dropAnimationConfig, children: /* @__PURE__ */ jsx34(
     "div",
     {
       "data-slot": "kanban-overlay",
@@ -5885,9 +5736,9 @@ function KanbanOverlay({ children, className }) {
 }
 
 // src/ui/default/kbd.tsx
-import { jsx as jsx36 } from "react/jsx-runtime";
+import { jsx as jsx35 } from "react/jsx-runtime";
 function Kbd({ className, ...props }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx35(
     "kbd",
     {
       "data-slot": "kbd",
@@ -5902,7 +5753,7 @@ function Kbd({ className, ...props }) {
   );
 }
 function KbdGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx35(
     "kbd",
     {
       "data-slot": "kbd-group",
@@ -5915,21 +5766,21 @@ function KbdGroup({ className, ...props }) {
 // src/ui/default/menubar.tsx
 import { Check as Check7, ChevronRight as ChevronRight3, Circle } from "lucide-react";
 import { Menubar as MenubarPrimitive } from "radix-ui";
-import { jsx as jsx37, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs19 } from "react/jsx-runtime";
 function MenubarMenu({ ...props }) {
-  return /* @__PURE__ */ jsx37(MenubarPrimitive.Menu, { "data-slot": "menubar-menu", ...props });
+  return /* @__PURE__ */ jsx36(MenubarPrimitive.Menu, { "data-slot": "menubar-menu", ...props });
 }
 function MenubarGroup({ ...props }) {
-  return /* @__PURE__ */ jsx37(MenubarPrimitive.Group, { "data-slot": "menubar-group", ...props });
+  return /* @__PURE__ */ jsx36(MenubarPrimitive.Group, { "data-slot": "menubar-group", ...props });
 }
 function MenubarPortal({ ...props }) {
-  return /* @__PURE__ */ jsx37(MenubarPrimitive.Portal, { "data-slot": "menubar-portal", ...props });
+  return /* @__PURE__ */ jsx36(MenubarPrimitive.Portal, { "data-slot": "menubar-portal", ...props });
 }
 function MenubarRadioGroup({ ...props }) {
-  return /* @__PURE__ */ jsx37(MenubarPrimitive.RadioGroup, { "data-slot": "menubar-radio-group", ...props });
+  return /* @__PURE__ */ jsx36(MenubarPrimitive.RadioGroup, { "data-slot": "menubar-radio-group", ...props });
 }
 function Menubar({ className, ...props }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx36(
     MenubarPrimitive.Root,
     {
       "data-slot": "menubar",
@@ -5945,7 +5796,7 @@ function MenubarTrigger({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx36(
     MenubarPrimitive.Trigger,
     {
       "data-slot": "menubar-trigger",
@@ -5983,7 +5834,7 @@ function MenubarSubTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx37(ChevronRight3, { className: "ms-auto size-3.5!" })
+        /* @__PURE__ */ jsx36(ChevronRight3, { className: "ms-auto size-3.5!" })
       ]
     }
   );
@@ -5992,7 +5843,7 @@ function MenubarSubContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx36(
     MenubarPrimitive.SubContent,
     {
       "data-slot": "menubar-sub-content",
@@ -6011,7 +5862,7 @@ function MenubarContent({
   sideOffset = 8,
   ...props
 }) {
-  return /* @__PURE__ */ jsx37(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx36(MenubarPrimitive.Portal, { children: /* @__PURE__ */ jsx36(
     MenubarPrimitive.Content,
     {
       "data-slot": "menubar-content",
@@ -6031,7 +5882,7 @@ function MenubarItem({
   inset,
   ...props
 }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx36(
     MenubarPrimitive.Item,
     {
       "data-slot": "menubar-item",
@@ -6063,7 +5914,7 @@ function MenubarCheckboxItem({
       checked,
       ...props,
       children: [
-        /* @__PURE__ */ jsx37("span", { className: "absolute start-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx37(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx37(Check7, { className: "h-4 w-4 text-primary" }) }) }),
+        /* @__PURE__ */ jsx36("span", { className: "absolute start-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx36(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx36(Check7, { className: "h-4 w-4 text-primary" }) }) }),
         children
       ]
     }
@@ -6084,7 +5935,7 @@ function MenubarRadioItem({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx37("span", { className: "absolute start-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx37(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx37(Circle, { className: "h-2 w-2 fill-current" }) }) }),
+        /* @__PURE__ */ jsx36("span", { className: "absolute start-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx36(MenubarPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx36(Circle, { className: "h-2 w-2 fill-current" }) }) }),
         children
       ]
     }
@@ -6095,7 +5946,7 @@ function MenubarLabel({
   inset,
   ...props
 }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx36(
     MenubarPrimitive.Label,
     {
       "data-slot": "menubar-label",
@@ -6108,7 +5959,7 @@ function MenubarSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx36(
     MenubarPrimitive.Separator,
     {
       "data-slot": "menubar-separator",
@@ -6118,10 +5969,10 @@ function MenubarSeparator({
   );
 }
 function MenubarSub({ ...props }) {
-  return /* @__PURE__ */ jsx37(MenubarPrimitive.Sub, { "data-slot": "menubar-sub", ...props });
+  return /* @__PURE__ */ jsx36(MenubarPrimitive.Sub, { "data-slot": "menubar-sub", ...props });
 }
 var MenubarShortcut = ({ className, ...props }) => {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx36(
     "span",
     {
       "data-slot": "menubar-shortcut",
@@ -6132,10 +5983,10 @@ var MenubarShortcut = ({ className, ...props }) => {
 };
 
 // src/ui/default/navigation-menu.tsx
-import { cva as cva15 } from "class-variance-authority";
+import { cva as cva14 } from "class-variance-authority";
 import { ChevronDownIcon } from "lucide-react";
 import { NavigationMenu as NavigationMenuPrimitive } from "radix-ui";
-import { jsx as jsx38, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs20 } from "react/jsx-runtime";
 function NavigationMenu({
   className,
   children,
@@ -6154,7 +6005,7 @@ function NavigationMenu({
       ...props,
       children: [
         children,
-        viewport && /* @__PURE__ */ jsx38(NavigationMenuViewport, {})
+        viewport && /* @__PURE__ */ jsx37(NavigationMenuViewport, {})
       ]
     }
   );
@@ -6163,7 +6014,7 @@ function NavigationMenuList({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx37(
     NavigationMenuPrimitive.List,
     {
       "data-slot": "navigation-menu-list",
@@ -6176,7 +6027,7 @@ function NavigationMenuItem({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx37(
     NavigationMenuPrimitive.Item,
     {
       "data-slot": "navigation-menu-item",
@@ -6185,7 +6036,7 @@ function NavigationMenuItem({
     }
   );
 }
-var navigationMenuTriggerStyle = cva15(
+var navigationMenuTriggerStyle = cva14(
   "cursor-pointer group inline-flex h-9 w-max items-center justify-center rounded-md bg-background px-4 py-2 text-sm font-medium hover:bg-accent hover:text-accent-foreground focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[active=true]:bg-accent/50 data-[state=open]:bg-accent/50 data-[active=true]:text-accent-foreground ring-ring/10 dark:ring-ring/20 dark:outline-ring/40 outline-ring/50 transition-[color,box-shadow] focus-visible:ring-4 focus-visible:outline-1"
 );
 function NavigationMenuTrigger({
@@ -6202,7 +6053,7 @@ function NavigationMenuTrigger({
       children: [
         children,
         " ",
-        /* @__PURE__ */ jsx38(
+        /* @__PURE__ */ jsx37(
           ChevronDownIcon,
           {
             className: "relative top-px ms-1 size-3.5 opacity-60 transition duration-300 group-data-[state=open]:rotate-180",
@@ -6217,7 +6068,7 @@ function NavigationMenuContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx37(
     NavigationMenuPrimitive.Content,
     {
       "data-slot": "navigation-menu-content",
@@ -6234,7 +6085,7 @@ function NavigationMenuViewport({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx38("div", { className: cn("absolute top-full left-0 isolate z-50 flex justify-center"), children: /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx37("div", { className: cn("absolute top-full left-0 isolate z-50 flex justify-center"), children: /* @__PURE__ */ jsx37(
     NavigationMenuPrimitive.Viewport,
     {
       "data-slot": "navigation-menu-viewport",
@@ -6250,7 +6101,7 @@ function NavigationMenuLink({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx37(
     NavigationMenuPrimitive.Link,
     {
       "data-slot": "navigation-menu-link",
@@ -6266,7 +6117,7 @@ function NavigationMenuIndicator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx37(
     NavigationMenuPrimitive.Indicator,
     {
       "data-slot": "navigation-menu-indicator",
@@ -6275,15 +6126,15 @@ function NavigationMenuIndicator({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx38("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-ts-md bg-border shadow-md" })
+      children: /* @__PURE__ */ jsx37("div", { className: "relative top-[60%] h-2 w-2 rotate-45 rounded-ts-md bg-border shadow-md" })
     }
   );
 }
 
 // src/ui/default/pagination.tsx
 import { MoreHorizontal as MoreHorizontal2 } from "lucide-react";
-import { jsx as jsx39, jsxs as jsxs21 } from "react/jsx-runtime";
-var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsx39(
+import { jsx as jsx38, jsxs as jsxs21 } from "react/jsx-runtime";
+var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsx38(
   "nav",
   {
     "data-slot": "pagination",
@@ -6293,7 +6144,7 @@ var Pagination = ({ className, ...props }) => /* @__PURE__ */ jsx39(
   }
 );
 function PaginationContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx38(
     "ul",
     {
       "data-slot": "pagination-content",
@@ -6303,7 +6154,7 @@ function PaginationContent({ className, ...props }) {
   );
 }
 function PaginationItem({ className, ...props }) {
-  return /* @__PURE__ */ jsx39("li", { "data-slot": "pagination-item", className: cn("", className), ...props });
+  return /* @__PURE__ */ jsx38("li", { "data-slot": "pagination-item", className: cn("", className), ...props });
 }
 var PaginationEllipsis = ({ className, ...props }) => /* @__PURE__ */ jsxs21(
   "span",
@@ -6313,28 +6164,28 @@ var PaginationEllipsis = ({ className, ...props }) => /* @__PURE__ */ jsxs21(
     className: cn("flex h-9 w-9 items-center justify-center", className),
     ...props,
     children: [
-      /* @__PURE__ */ jsx39(MoreHorizontal2, { className: "h-4 w-4" }),
-      /* @__PURE__ */ jsx39("span", { className: "sr-only", children: "More pages" })
+      /* @__PURE__ */ jsx38(MoreHorizontal2, { className: "h-4 w-4" }),
+      /* @__PURE__ */ jsx38("span", { className: "sr-only", children: "More pages" })
     ]
   }
 );
 
 // src/ui/default/progress.tsx
 import { Progress as ProgressPrimitive } from "radix-ui";
-import { jsx as jsx40, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx39, jsxs as jsxs22 } from "react/jsx-runtime";
 function Progress({
   className,
   indicatorClassName,
   value,
   ...props
 }) {
-  return /* @__PURE__ */ jsx40(
+  return /* @__PURE__ */ jsx39(
     ProgressPrimitive.Root,
     {
       "data-slot": "progress",
       className: cn("relative h-1.5 w-full overflow-hidden rounded-full bg-secondary", className),
       ...props,
-      children: /* @__PURE__ */ jsx40(
+      children: /* @__PURE__ */ jsx39(
         ProgressPrimitive.Indicator,
         {
           "data-slot": "progress-indicator",
@@ -6374,7 +6225,7 @@ function ProgressCircle({
             height: size,
             viewBox: `0 0 ${size} ${size}`,
             children: [
-              /* @__PURE__ */ jsx40(
+              /* @__PURE__ */ jsx39(
                 "circle",
                 {
                   "data-slot": "progress-circle-track",
@@ -6387,7 +6238,7 @@ function ProgressCircle({
                   className: cn("text-secondary", trackClassName)
                 }
               ),
-              /* @__PURE__ */ jsx40(
+              /* @__PURE__ */ jsx39(
                 "circle",
                 {
                   "data-slot": "progress-circle-indicator",
@@ -6406,7 +6257,7 @@ function ProgressCircle({
             ]
           }
         ),
-        children && /* @__PURE__ */ jsx40(
+        children && /* @__PURE__ */ jsx39(
           "div",
           {
             "data-slot": "progress-circle-content",
@@ -6450,7 +6301,7 @@ function ProgressRadial({
       ...props,
       children: [
         /* @__PURE__ */ jsxs22("svg", { width: size, height: size, viewBox: `0 0 ${size} ${size}`, children: [
-          /* @__PURE__ */ jsx40(
+          /* @__PURE__ */ jsx39(
             "path",
             {
               d: [
@@ -6473,7 +6324,7 @@ function ProgressRadial({
               className: cn("text-secondary", trackClassName)
             }
           ),
-          /* @__PURE__ */ jsx40(
+          /* @__PURE__ */ jsx39(
             "path",
             {
               d: pathData,
@@ -6485,7 +6336,7 @@ function ProgressRadial({
             }
           )
         ] }),
-        (showLabel || children) && /* @__PURE__ */ jsx40("div", { className: "absolute inset-0 flex items-center justify-center", children: children || /* @__PURE__ */ jsxs22("span", { className: "font-bold text-lg", children: [
+        (showLabel || children) && /* @__PURE__ */ jsx39("div", { className: "absolute inset-0 flex items-center justify-center", children: children || /* @__PURE__ */ jsxs22("span", { className: "font-bold text-lg", children: [
           value,
           "%"
         ] }) })
@@ -6495,12 +6346,12 @@ function ProgressRadial({
 }
 
 // src/ui/default/radio-group.tsx
-import * as React10 from "react";
-import { cva as cva16 } from "class-variance-authority";
+import * as React9 from "react";
+import { cva as cva15 } from "class-variance-authority";
 import { Circle as Circle2 } from "lucide-react";
 import { RadioGroup as RadioGroupPrimitive } from "radix-ui";
-import { jsx as jsx41 } from "react/jsx-runtime";
-var radioGroupVariants = cva16("grid gap-2.5", {
+import { jsx as jsx40 } from "react/jsx-runtime";
+var radioGroupVariants = cva15("grid gap-2.5", {
   variants: {
     variant: {
       primary: "",
@@ -6517,14 +6368,14 @@ var radioGroupVariants = cva16("grid gap-2.5", {
     size: "md"
   }
 });
-var RadioGroupContext = React10.createContext({ variant: "primary", size: "md" });
+var RadioGroupContext = React9.createContext({ variant: "primary", size: "md" });
 function RadioGroup({
   className,
   variant,
   size,
   ...props
 }) {
-  return /* @__PURE__ */ jsx41(RadioGroupContext.Provider, { value: { variant: variant ?? "primary", size: size ?? "md" }, children: /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx40(RadioGroupContext.Provider, { value: { variant: variant ?? "primary", size: size ?? "md" }, children: /* @__PURE__ */ jsx40(
     RadioGroupPrimitive.Root,
     {
       "data-slot": "radio-group",
@@ -6533,7 +6384,7 @@ function RadioGroup({
     }
   ) });
 }
-var radioItemVariants = cva16(
+var radioItemVariants = cva15(
   `
     peer aspect-square rounded-full border outline-hidden ring-offset-background focus:outline-none focus-visible:ring-2 
     focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50
@@ -6559,20 +6410,20 @@ function RadioGroupItem({
   size,
   ...props
 }) {
-  const { size: contextSize } = React10.useContext(RadioGroupContext);
+  const { size: contextSize } = React9.useContext(RadioGroupContext);
   const effectiveSize = size ?? contextSize;
-  return /* @__PURE__ */ jsx41(
+  return /* @__PURE__ */ jsx40(
     RadioGroupPrimitive.Item,
     {
       "data-slot": "radio-group-item",
       className: cn(radioItemVariants({ size: effectiveSize }), className),
       ...props,
-      children: /* @__PURE__ */ jsx41(
+      children: /* @__PURE__ */ jsx40(
         RadioGroupPrimitive.Indicator,
         {
           "data-slot": "radio-group-indicator",
           className: "flex items-center justify-center",
-          children: /* @__PURE__ */ jsx41(Circle2, { className: "fill-current text-current" })
+          children: /* @__PURE__ */ jsx40(Circle2, { className: "fill-current text-current" })
         }
       )
     }
@@ -6580,11 +6431,11 @@ function RadioGroupItem({
 }
 
 // src/ui/default/rating.tsx
-import * as React11 from "react";
-import { cva as cva17 } from "class-variance-authority";
+import * as React10 from "react";
+import { cva as cva16 } from "class-variance-authority";
 import { Star } from "lucide-react";
-import { jsx as jsx42, jsxs as jsxs23 } from "react/jsx-runtime";
-var ratingVariants = cva17("flex items-center", {
+import { jsx as jsx41, jsxs as jsxs23 } from "react/jsx-runtime";
+var ratingVariants = cva16("flex items-center", {
   variants: {
     size: {
       sm: "gap-2",
@@ -6596,7 +6447,7 @@ var ratingVariants = cva17("flex items-center", {
     size: "md"
   }
 });
-var starVariants = cva17("", {
+var starVariants = cva16("", {
   variants: {
     size: {
       sm: "w-4 h-4",
@@ -6608,7 +6459,7 @@ var starVariants = cva17("", {
     size: "md"
   }
 });
-var valueVariants = cva17("text-muted-foreground w-5", {
+var valueVariants = cva16("text-muted-foreground w-5", {
   variants: {
     size: {
       sm: "text-xs",
@@ -6631,7 +6482,7 @@ function Rating({
   onRatingChange,
   ...props
 }) {
-  const [hoveredRating, setHoveredRating] = React11.useState(null);
+  const [hoveredRating, setHoveredRating] = React10.useState(null);
   const displayRating = editable && hoveredRating !== null ? hoveredRating : rating;
   const handleStarClick = (starRating) => {
     if (editable && onRatingChange) {
@@ -6663,21 +6514,21 @@ function Rating({
             onMouseEnter: () => handleStarMouseEnter(i),
             onMouseLeave: handleStarMouseLeave,
             children: [
-              /* @__PURE__ */ jsx42(
+              /* @__PURE__ */ jsx41(
                 Star,
                 {
                   "data-slot": "rating-star-empty",
                   className: cn(starVariants({ size }), "text-muted-foreground/30")
                 }
               ),
-              /* @__PURE__ */ jsx42(
+              /* @__PURE__ */ jsx41(
                 "div",
                 {
                   className: "absolute inset-0 overflow-hidden",
                   style: {
                     width: filled ? "100%" : `${fillPercentage}%`
                   },
-                  children: /* @__PURE__ */ jsx42(
+                  children: /* @__PURE__ */ jsx41(
                     Star,
                     {
                       "data-slot": "rating-star-filled",
@@ -6695,19 +6546,19 @@ function Rating({
     return stars;
   };
   return /* @__PURE__ */ jsxs23("div", { "data-slot": "rating", className: cn(ratingVariants({ size }), className), ...props, children: [
-    /* @__PURE__ */ jsx42("div", { className: "flex items-center", children: renderStars() }),
-    showValue && /* @__PURE__ */ jsx42("span", { "data-slot": "rating-value", className: cn(valueVariants({ size }), starClassName), children: displayRating.toFixed(1) })
+    /* @__PURE__ */ jsx41("div", { className: "flex items-center", children: renderStars() }),
+    showValue && /* @__PURE__ */ jsx41("span", { "data-slot": "rating-value", className: cn(valueVariants({ size }), starClassName), children: displayRating.toFixed(1) })
   ] });
 }
 
 // src/ui/default/resizable.tsx
 import { GripVertical as GripVertical2 } from "lucide-react";
 import * as ResizablePrimitive from "react-resizable-panels";
-import { jsx as jsx43 } from "react/jsx-runtime";
+import { jsx as jsx42 } from "react/jsx-runtime";
 var ResizablePanelGroup = ({
   className,
   ...props
-}) => /* @__PURE__ */ jsx43(
+}) => /* @__PURE__ */ jsx42(
   ResizablePrimitive.PanelGroup,
   {
     "data-slot": "resizable-panel-group",
@@ -6720,7 +6571,7 @@ var ResizableHandle = ({
   withHandle,
   className,
   ...props
-}) => /* @__PURE__ */ jsx43(
+}) => /* @__PURE__ */ jsx42(
   ResizablePrimitive.PanelResizeHandle,
   {
     "data-slot": "resizable-handle",
@@ -6729,13 +6580,13 @@ var ResizableHandle = ({
       className
     ),
     ...props,
-    children: withHandle && /* @__PURE__ */ jsx43("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ jsx43(GripVertical2, { className: "h-2.5 w-2.5" }) })
+    children: withHandle && /* @__PURE__ */ jsx42("div", { className: "z-10 flex h-4 w-3 items-center justify-center rounded-sm border bg-border", children: /* @__PURE__ */ jsx42(GripVertical2, { className: "h-2.5 w-2.5" }) })
   }
 );
 
 // src/ui/default/scroll-area.tsx
 import { ScrollArea as ScrollAreaPrimitive } from "radix-ui";
-import { jsx as jsx44, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs24 } from "react/jsx-runtime";
 function ScrollArea({
   className,
   viewportClassName,
@@ -6750,7 +6601,7 @@ function ScrollArea({
       className: cn("relative overflow-hidden", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx44(
+        /* @__PURE__ */ jsx43(
           ScrollAreaPrimitive.Viewport,
           {
             ref: viewportRef,
@@ -6758,8 +6609,8 @@ function ScrollArea({
             children
           }
         ),
-        /* @__PURE__ */ jsx44(ScrollBar, {}),
-        /* @__PURE__ */ jsx44(ScrollAreaPrimitive.Corner, {})
+        /* @__PURE__ */ jsx43(ScrollBar, {}),
+        /* @__PURE__ */ jsx43(ScrollAreaPrimitive.Corner, {})
       ]
     }
   );
@@ -6769,7 +6620,7 @@ function ScrollBar({
   orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx43(
     ScrollAreaPrimitive.ScrollAreaScrollbar,
     {
       "data-slot": "scroll-area-scrollbar",
@@ -6781,14 +6632,14 @@ function ScrollBar({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx44(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
+      children: /* @__PURE__ */ jsx43(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-border" })
     }
   );
 }
 
 // src/ui/default/scrollspy.tsx
 import { useCallback as useCallback4, useEffect as useEffect4, useRef } from "react";
-import { jsx as jsx45 } from "react/jsx-runtime";
+import { jsx as jsx44 } from "react/jsx-runtime";
 function Scrollspy({
   children,
   targetRef,
@@ -6916,31 +6767,31 @@ function Scrollspy({
       });
     };
   }, [targetRef, handleScroll, dataAttribute, scrollTo, scrollToHashSection]);
-  return /* @__PURE__ */ jsx45("div", { "data-slot": "scrollspy", className, ref: selfRef, children });
+  return /* @__PURE__ */ jsx44("div", { "data-slot": "scrollspy", className, ref: selfRef, children });
 }
 
 // src/ui/default/sheet.tsx
-import { cva as cva18 } from "class-variance-authority";
+import { cva as cva17 } from "class-variance-authority";
 import { X as X2 } from "lucide-react";
 import { Dialog as SheetPrimitive } from "radix-ui";
-import { jsx as jsx46, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs25 } from "react/jsx-runtime";
 function Sheet({ ...props }) {
-  return /* @__PURE__ */ jsx46(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
+  return /* @__PURE__ */ jsx45(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
 }
 function SheetTrigger({ ...props }) {
-  return /* @__PURE__ */ jsx46(SheetPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
+  return /* @__PURE__ */ jsx45(SheetPrimitive.Trigger, { "data-slot": "sheet-trigger", ...props });
 }
 function SheetClose({ ...props }) {
-  return /* @__PURE__ */ jsx46(SheetPrimitive.Close, { "data-slot": "sheet-close", ...props });
+  return /* @__PURE__ */ jsx45(SheetPrimitive.Close, { "data-slot": "sheet-close", ...props });
 }
 function SheetPortal({ ...props }) {
-  return /* @__PURE__ */ jsx46(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
+  return /* @__PURE__ */ jsx45(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
 }
 function SheetOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx45(
     SheetPrimitive.Overlay,
     {
       "data-slot": "sheet-overlay",
@@ -6952,7 +6803,7 @@ function SheetOverlay({
     }
   );
 }
-var sheetVariants = cva18(
+var sheetVariants = cva17(
   "flex flex-col items-strech fixed z-50 gap-4 bg-background p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-400",
   {
     variants: {
@@ -6977,7 +6828,7 @@ function SheetContent({
   ...props
 }) {
   return /* @__PURE__ */ jsxs25(SheetPortal, { children: [
-    overlay && /* @__PURE__ */ jsx46(SheetOverlay, {}),
+    overlay && /* @__PURE__ */ jsx45(SheetOverlay, {}),
     /* @__PURE__ */ jsxs25(SheetPrimitive.Content, { className: cn(sheetVariants({ side }), className), ...props, children: [
       children,
       close && /* @__PURE__ */ jsxs25(
@@ -6986,8 +6837,8 @@ function SheetContent({
           "data-slot": "sheet-close",
           className: "absolute end-5 top-4 cursor-pointer rounded-sm opacity-60 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary",
           children: [
-            /* @__PURE__ */ jsx46(X2, { className: "h-4 w-4" }),
-            /* @__PURE__ */ jsx46("span", { className: "sr-only", children: "Close" })
+            /* @__PURE__ */ jsx45(X2, { className: "h-4 w-4" }),
+            /* @__PURE__ */ jsx45("span", { className: "sr-only", children: "Close" })
           ]
         }
       )
@@ -6995,7 +6846,7 @@ function SheetContent({
   ] });
 }
 function SheetHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx45(
     "div",
     {
       "data-slot": "sheet-header",
@@ -7005,10 +6856,10 @@ function SheetHeader({ className, ...props }) {
   );
 }
 function SheetBody({ className, ...props }) {
-  return /* @__PURE__ */ jsx46("div", { "data-slot": "sheet-body", className: cn("py-2.5", className), ...props });
+  return /* @__PURE__ */ jsx45("div", { "data-slot": "sheet-body", className: cn("py-2.5", className), ...props });
 }
 function SheetFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx45(
     "div",
     {
       "data-slot": "sheet-footer",
@@ -7018,7 +6869,7 @@ function SheetFooter({ className, ...props }) {
   );
 }
 function SheetTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx45(
     SheetPrimitive.Title,
     {
       "data-slot": "sheet-title",
@@ -7031,7 +6882,7 @@ function SheetDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsx45(
     SheetPrimitive.Description,
     {
       "data-slot": "sheet-description",
@@ -7042,20 +6893,20 @@ function SheetDescription({
 }
 
 // src/ui/default/sidebar.tsx
-import * as React12 from "react";
+import * as React11 from "react";
 import { Slot as Slot5 } from "@radix-ui/react-slot";
-import { cva as cva19 } from "class-variance-authority";
+import { cva as cva18 } from "class-variance-authority";
 import { PanelLeftIcon } from "lucide-react";
-import { jsx as jsx47, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs26 } from "react/jsx-runtime";
 var SIDEBAR_COOKIE_NAME = "sidebar_state";
 var SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
 var SIDEBAR_WIDTH = "16rem";
 var SIDEBAR_WIDTH_MOBILE = "18rem";
 var SIDEBAR_WIDTH_ICON = "3rem";
 var SIDEBAR_KEYBOARD_SHORTCUT = "b";
-var SidebarContext = React12.createContext(null);
+var SidebarContext = React11.createContext(null);
 function useSidebar() {
-  const context = React12.useContext(SidebarContext);
+  const context = React11.useContext(SidebarContext);
   if (!context) {
     throw new Error("useSidebar must be used within a SidebarProvider.");
   }
@@ -7071,10 +6922,10 @@ function SidebarProvider({
   ...props
 }) {
   const isMobile = useIsMobile(768);
-  const [openMobile, setOpenMobile] = React12.useState(false);
-  const [_open, _setOpen] = React12.useState(defaultOpen);
+  const [openMobile, setOpenMobile] = React11.useState(false);
+  const [_open, _setOpen] = React11.useState(defaultOpen);
   const open = openProp ?? _open;
-  const setOpen = React12.useCallback(
+  const setOpen = React11.useCallback(
     (value) => {
       const openState = typeof value === "function" ? value(open) : value;
       if (setOpenProp) {
@@ -7086,10 +6937,10 @@ function SidebarProvider({
     },
     [setOpenProp, open]
   );
-  const toggleSidebar = React12.useCallback(() => {
+  const toggleSidebar = React11.useCallback(() => {
     return isMobile ? setOpenMobile((open2) => !open2) : setOpen((open2) => !open2);
   }, [isMobile, setOpen]);
-  React12.useEffect(() => {
+  React11.useEffect(() => {
     const handleKeyDown = (event) => {
       if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
         event.preventDefault();
@@ -7100,7 +6951,7 @@ function SidebarProvider({
     return () => window.removeEventListener("keydown", handleKeyDown);
   }, [toggleSidebar]);
   const state = open ? "expanded" : "collapsed";
-  const contextValue = React12.useMemo(
+  const contextValue = React11.useMemo(
     () => ({
       state,
       open,
@@ -7112,7 +6963,7 @@ function SidebarProvider({
     }),
     [state, open, setOpen, isMobile, openMobile, toggleSidebar]
   );
-  return /* @__PURE__ */ jsx47(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx47(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx46(SidebarContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx46(TooltipProvider, { delayDuration: 0, children: /* @__PURE__ */ jsx46(
     "div",
     {
       "data-slot": "sidebar-wrapper",
@@ -7140,7 +6991,7 @@ function Sidebar({
 }) {
   const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
   if (collapsible === "none") {
-    return /* @__PURE__ */ jsx47(
+    return /* @__PURE__ */ jsx46(
       "div",
       {
         "data-slot": "sidebar",
@@ -7154,7 +7005,7 @@ function Sidebar({
     );
   }
   if (isMobile) {
-    return /* @__PURE__ */ jsx47(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsxs26(
+    return /* @__PURE__ */ jsx46(Sheet, { open: openMobile, onOpenChange: setOpenMobile, ...props, children: /* @__PURE__ */ jsxs26(
       SheetContent,
       {
         "data-sidebar": "sidebar",
@@ -7167,10 +7018,10 @@ function Sidebar({
         side,
         children: [
           /* @__PURE__ */ jsxs26(SheetHeader, { className: "sr-only", children: [
-            /* @__PURE__ */ jsx47(SheetTitle, { children: "Sidebar" }),
-            /* @__PURE__ */ jsx47(SheetDescription, { children: "Displays the mobile sidebar." })
+            /* @__PURE__ */ jsx46(SheetTitle, { children: "Sidebar" }),
+            /* @__PURE__ */ jsx46(SheetDescription, { children: "Displays the mobile sidebar." })
           ] }),
-          /* @__PURE__ */ jsx47("div", { className: "flex h-full w-full flex-col", children })
+          /* @__PURE__ */ jsx46("div", { className: "flex h-full w-full flex-col", children })
         ]
       }
     ) });
@@ -7185,7 +7036,7 @@ function Sidebar({
       "data-side": side,
       "data-slot": "sidebar",
       children: [
-        /* @__PURE__ */ jsx47(
+        /* @__PURE__ */ jsx46(
           "div",
           {
             "data-slot": "sidebar-gap",
@@ -7197,7 +7048,7 @@ function Sidebar({
             )
           }
         ),
-        /* @__PURE__ */ jsx47(
+        /* @__PURE__ */ jsx46(
           "div",
           {
             "data-slot": "sidebar-container",
@@ -7209,7 +7060,7 @@ function Sidebar({
               className
             ),
             ...props,
-            children: /* @__PURE__ */ jsx47(
+            children: /* @__PURE__ */ jsx46(
               "div",
               {
                 "data-sidebar": "sidebar",
@@ -7240,15 +7091,15 @@ function SidebarTrigger({ className, onClick, ...props }) {
       },
       ...props,
       children: [
-        /* @__PURE__ */ jsx47(PanelLeftIcon, {}),
-        /* @__PURE__ */ jsx47("span", { className: "sr-only", children: "Toggle Sidebar" })
+        /* @__PURE__ */ jsx46(PanelLeftIcon, {}),
+        /* @__PURE__ */ jsx46("span", { className: "sr-only", children: "Toggle Sidebar" })
       ]
     }
   );
 }
 function SidebarRail({ className, ...props }) {
   const { toggleSidebar } = useSidebar();
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx46(
     "button",
     {
       "data-sidebar": "rail",
@@ -7258,7 +7109,7 @@ function SidebarRail({ className, ...props }) {
       onClick: toggleSidebar,
       title: "Toggle Sidebar",
       className: cn(
-        "-translate-x-1/2 group-data-[side=left]:-right-4 absolute inset-y-0 z-20 hidden w-4 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-sidebar-border group-data-[side=right]:left-0 sm:flex",
+        "-translate-x-1/2 group-data-[side=left]:-right-4 absolute inset-y-0 z-20 hidden w-4 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-0.5 hover:after:bg-sidebar-border group-data-[side=right]:left-0 sm:flex",
         "in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize",
         "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize",
         "group-data-[collapsible=offcanvas]:translate-x-0 hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:after:left-full",
@@ -7271,7 +7122,7 @@ function SidebarRail({ className, ...props }) {
   );
 }
 function SidebarInset({ className, ...props }) {
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx46(
     "main",
     {
       "data-slot": "sidebar-inset",
@@ -7285,7 +7136,7 @@ function SidebarInset({ className, ...props }) {
   );
 }
 function SidebarInput({ className, ...props }) {
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx46(
     Input,
     {
       "data-slot": "sidebar-input",
@@ -7296,7 +7147,7 @@ function SidebarInput({ className, ...props }) {
   );
 }
 function SidebarHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx46(
     "div",
     {
       "data-slot": "sidebar-header",
@@ -7307,7 +7158,7 @@ function SidebarHeader({ className, ...props }) {
   );
 }
 function SidebarFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx46(
     "div",
     {
       "data-slot": "sidebar-footer",
@@ -7318,7 +7169,7 @@ function SidebarFooter({ className, ...props }) {
   );
 }
 function SidebarSeparator({ className, ...props }) {
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx46(
     Separator,
     {
       "data-slot": "sidebar-separator",
@@ -7329,7 +7180,7 @@ function SidebarSeparator({ className, ...props }) {
   );
 }
 function SidebarContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx46(
     "div",
     {
       "data-slot": "sidebar-content",
@@ -7343,7 +7194,7 @@ function SidebarContent({ className, ...props }) {
   );
 }
 function SidebarGroup({ className, ...props }) {
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx46(
     "div",
     {
       "data-slot": "sidebar-group",
@@ -7359,7 +7210,7 @@ function SidebarGroupLabel({
   ...props
 }) {
   const Comp = asChild ? Slot5 : "div";
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx46(
     Comp,
     {
       "data-slot": "sidebar-group-label",
@@ -7379,7 +7230,7 @@ function SidebarGroupAction({
   ...props
 }) {
   const Comp = asChild ? Slot5 : "button";
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx46(
     Comp,
     {
       "data-slot": "sidebar-group-action",
@@ -7396,7 +7247,7 @@ function SidebarGroupAction({
   );
 }
 function SidebarGroupContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx46(
     "div",
     {
       "data-slot": "sidebar-group-content",
@@ -7407,7 +7258,7 @@ function SidebarGroupContent({ className, ...props }) {
   );
 }
 function SidebarMenu({ className, ...props }) {
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx46(
     "ul",
     {
       "data-slot": "sidebar-menu",
@@ -7418,7 +7269,7 @@ function SidebarMenu({ className, ...props }) {
   );
 }
 function SidebarMenuItem({ className, ...props }) {
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx46(
     "li",
     {
       "data-slot": "sidebar-menu-item",
@@ -7428,7 +7279,7 @@ function SidebarMenuItem({ className, ...props }) {
     }
   );
 }
-var sidebarMenuButtonVariants = cva19(
+var sidebarMenuButtonVariants = cva18(
   "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: {
@@ -7459,7 +7310,7 @@ function SidebarMenuButton({
 }) {
   const Comp = asChild ? Slot5 : "button";
   const { isMobile, state } = useSidebar();
-  const button = /* @__PURE__ */ jsx47(
+  const button = /* @__PURE__ */ jsx46(
     Comp,
     {
       "data-slot": "sidebar-menu-button",
@@ -7479,8 +7330,8 @@ function SidebarMenuButton({
     };
   }
   return /* @__PURE__ */ jsxs26(Tooltip, { children: [
-    /* @__PURE__ */ jsx47(TooltipTrigger, { asChild: true, children: button }),
-    /* @__PURE__ */ jsx47(
+    /* @__PURE__ */ jsx46(TooltipTrigger, { asChild: true, children: button }),
+    /* @__PURE__ */ jsx46(
       TooltipContent,
       {
         side: "right",
@@ -7498,7 +7349,7 @@ function SidebarMenuAction({
   ...props
 }) {
   const Comp = asChild ? Slot5 : "button";
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx46(
     Comp,
     {
       "data-slot": "sidebar-menu-action",
@@ -7519,7 +7370,7 @@ function SidebarMenuAction({
   );
 }
 function SidebarMenuBadge({ className, ...props }) {
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx46(
     "div",
     {
       "data-slot": "sidebar-menu-badge",
@@ -7542,7 +7393,7 @@ function SidebarMenuSkeleton({
   showIcon = false,
   ...props
 }) {
-  const width = React12.useMemo(() => {
+  const width = React11.useMemo(() => {
     return `${Math.floor(Math.random() * 40) + 50}%`;
   }, []);
   return /* @__PURE__ */ jsxs26(
@@ -7553,8 +7404,8 @@ function SidebarMenuSkeleton({
       className: cn("flex h-8 items-center gap-2 rounded-md px-2", className),
       ...props,
       children: [
-        showIcon && /* @__PURE__ */ jsx47(Skeleton, { className: "size-4 rounded-md", "data-sidebar": "menu-skeleton-icon" }),
-        /* @__PURE__ */ jsx47(
+        showIcon && /* @__PURE__ */ jsx46(Skeleton, { className: "size-4 rounded-md", "data-sidebar": "menu-skeleton-icon" }),
+        /* @__PURE__ */ jsx46(
           Skeleton,
           {
             className: "h-4 max-w-(--skeleton-width) flex-1",
@@ -7569,7 +7420,7 @@ function SidebarMenuSkeleton({
   );
 }
 function SidebarMenuSub({ className, ...props }) {
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx46(
     "ul",
     {
       "data-slot": "sidebar-menu-sub",
@@ -7584,7 +7435,7 @@ function SidebarMenuSub({ className, ...props }) {
   );
 }
 function SidebarMenuSubItem({ className, ...props }) {
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx46(
     "li",
     {
       "data-slot": "sidebar-menu-sub-item",
@@ -7602,7 +7453,7 @@ function SidebarMenuSubButton({
   ...props
 }) {
   const Comp = asChild ? Slot5 : "a";
-  return /* @__PURE__ */ jsx47(
+  return /* @__PURE__ */ jsx46(
     Comp,
     {
       "data-slot": "sidebar-menu-sub-button",
@@ -7624,7 +7475,7 @@ function SidebarMenuSubButton({
 
 // src/ui/default/slider.tsx
 import { Slider as SliderPrimitive } from "radix-ui";
-import { jsx as jsx48, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx47, jsxs as jsxs27 } from "react/jsx-runtime";
 function Slider({
   className,
   children,
@@ -7637,14 +7488,14 @@ function Slider({
       className: cn("relative flex h-4 w-full touch-none select-none items-center", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx48(SliderPrimitive.Track, { className: "relative h-1.5 w-full overflow-hidden rounded-full bg-accent", children: /* @__PURE__ */ jsx48(SliderPrimitive.Range, { className: "absolute h-full bg-primary" }) }),
+        /* @__PURE__ */ jsx47(SliderPrimitive.Track, { className: "relative h-1.5 w-full overflow-hidden rounded-full bg-accent", children: /* @__PURE__ */ jsx47(SliderPrimitive.Range, { className: "absolute h-full bg-primary" }) }),
         children
       ]
     }
   );
 }
 function SliderThumb({ className, ...props }) {
-  return /* @__PURE__ */ jsx48(
+  return /* @__PURE__ */ jsx47(
     SliderPrimitive.Thumb,
     {
       "data-slot": "slider-thumb",
@@ -7660,10 +7511,10 @@ function SliderThumb({ className, ...props }) {
 // src/ui/default/sonner.tsx
 import { useTheme } from "next-themes";
 import { Toaster as Sonner } from "sonner";
-import { jsx as jsx49 } from "react/jsx-runtime";
+import { jsx as jsx48 } from "react/jsx-runtime";
 var Toaster = ({ ...props }) => {
   const { theme = "system" } = useTheme();
-  return /* @__PURE__ */ jsx49(
+  return /* @__PURE__ */ jsx48(
     Sonner,
     {
       theme,
@@ -7682,7 +7533,7 @@ var Toaster = ({ ...props }) => {
 };
 
 // src/ui/default/sortable.tsx
-import * as React13 from "react";
+import * as React12 from "react";
 import {
   DndContext as DndContext4,
   DragOverlay as DragOverlay2,
@@ -7701,8 +7552,8 @@ import {
 } from "@dnd-kit/sortable";
 import { CSS as CSS5 } from "@dnd-kit/utilities";
 import { Slot as Slot6 } from "@radix-ui/react-slot";
-import { jsx as jsx50, jsxs as jsxs28 } from "react/jsx-runtime";
-var SortableItemContext = React13.createContext({
+import { jsx as jsx49, jsxs as jsxs28 } from "react/jsx-runtime";
+var SortableItemContext = React12.createContext({
   listeners: void 0,
   isDragging: false,
   disabled: false
@@ -7718,7 +7569,7 @@ function Sortable({
   onDragStart,
   onDragEnd
 }) {
-  const [activeId, setActiveId] = React13.useState(null);
+  const [activeId, setActiveId] = React12.useState(null);
   const sensors = useSensors4(
     useSensor4(PointerSensor2, {
       activationConstraint: {
@@ -7729,14 +7580,14 @@ function Sortable({
       coordinateGetter: sortableKeyboardCoordinates2
     })
   );
-  const handleDragStart = React13.useCallback(
+  const handleDragStart = React12.useCallback(
     (event) => {
       setActiveId(event.active.id);
       onDragStart?.(event);
     },
     [onDragStart]
   );
-  const handleDragEnd = React13.useCallback(
+  const handleDragEnd = React12.useCallback(
     (event) => {
       const { active, over } = event;
       setActiveId(null);
@@ -7765,12 +7616,12 @@ function Sortable({
         return verticalListSortingStrategy3;
     }
   };
-  const itemIds = React13.useMemo(() => value.map(getItemValue), [value, getItemValue]);
+  const itemIds = React12.useMemo(() => value.map(getItemValue), [value, getItemValue]);
   return /* @__PURE__ */ jsxs28(DndContext4, { sensors, onDragStart: handleDragStart, onDragEnd: handleDragEnd, children: [
-    /* @__PURE__ */ jsx50(SortableContext4, { items: itemIds, strategy: getStrategy(), children: /* @__PURE__ */ jsx50("div", { "data-slot": "sortable", "data-dragging": activeId !== null, className: cn(className), children }) }),
-    /* @__PURE__ */ jsx50(DragOverlay2, { children: activeId ? /* @__PURE__ */ jsx50("div", { className: "z-50", children: React13.Children.map(children, (child) => {
-      if (React13.isValidElement(child) && child.props.value === activeId) {
-        return React13.cloneElement(child, {
+    /* @__PURE__ */ jsx49(SortableContext4, { items: itemIds, strategy: getStrategy(), children: /* @__PURE__ */ jsx49("div", { "data-slot": "sortable", "data-dragging": activeId !== null, className: cn(className), children }) }),
+    /* @__PURE__ */ jsx49(DragOverlay2, { children: activeId ? /* @__PURE__ */ jsx49("div", { className: "z-50", children: React12.Children.map(children, (child) => {
+      if (React12.isValidElement(child) && child.props.value === activeId) {
+        return React12.cloneElement(child, {
           ...child.props,
           className: cn(child.props.className, "z-50 shadow-lg")
         });
@@ -7802,7 +7653,7 @@ function SortableItem({
     transform: CSS5.Translate.toString(transform)
   };
   const Comp = asChild ? Slot6 : "div";
-  return /* @__PURE__ */ jsx50(SortableItemContext.Provider, { value: { listeners, isDragging: isSortableDragging, disabled }, children: /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx49(SortableItemContext.Provider, { value: { listeners, isDragging: isSortableDragging, disabled }, children: /* @__PURE__ */ jsx49(
     Comp,
     {
       "data-slot": "sortable-item",
@@ -7823,9 +7674,9 @@ function SortableItemHandle({
   children,
   cursor = true
 }) {
-  const { listeners, isDragging, disabled } = React13.useContext(SortableItemContext);
+  const { listeners, isDragging, disabled } = React12.useContext(SortableItemContext);
   const Comp = asChild ? Slot6 : "div";
-  return /* @__PURE__ */ jsx50(
+  return /* @__PURE__ */ jsx49(
     Comp,
     {
       "data-slot": "sortable-item-handle",
@@ -7840,9 +7691,9 @@ function SortableItemHandle({
 
 // src/ui/default/spinner.tsx
 import { Loader2Icon, LoaderIcon } from "lucide-react";
-import { jsx as jsx51 } from "react/jsx-runtime";
+import { jsx as jsx50 } from "react/jsx-runtime";
 function Spinner({ className, ...props }) {
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx50(
     Loader2Icon,
     {
       role: "status",
@@ -7853,7 +7704,7 @@ function Spinner({ className, ...props }) {
   );
 }
 function SpinnerDefault({ className, ...props }) {
-  return /* @__PURE__ */ jsx51(
+  return /* @__PURE__ */ jsx50(
     LoaderIcon,
     {
       role: "status",
@@ -7865,18 +7716,18 @@ function SpinnerDefault({ className, ...props }) {
 }
 
 // src/ui/default/stepper.tsx
-import * as React14 from "react";
-import { createContext as createContext14, useContext as useContext15 } from "react";
-import { jsx as jsx52 } from "react/jsx-runtime";
-var StepperContext = createContext14(void 0);
-var StepItemContext = createContext14(void 0);
+import * as React13 from "react";
+import { createContext as createContext13, useContext as useContext14 } from "react";
+import { jsx as jsx51 } from "react/jsx-runtime";
+var StepperContext = createContext13(void 0);
+var StepItemContext = createContext13(void 0);
 function useStepper() {
-  const ctx = useContext15(StepperContext);
+  const ctx = useContext14(StepperContext);
   if (!ctx) throw new Error("useStepper must be used within a Stepper");
   return ctx;
 }
 function useStepItem() {
-  const ctx = useContext15(StepItemContext);
+  const ctx = useContext14(StepItemContext);
   if (!ctx) throw new Error("useStepItem must be used within a StepperItem");
   return ctx;
 }
@@ -7890,9 +7741,9 @@ function Stepper({
   indicators = {},
   ...props
 }) {
-  const [activeStep, setActiveStep] = React14.useState(defaultValue);
-  const [triggerNodes, setTriggerNodes] = React14.useState([]);
-  const registerTrigger = React14.useCallback((node) => {
+  const [activeStep, setActiveStep] = React13.useState(defaultValue);
+  const [triggerNodes, setTriggerNodes] = React13.useState([]);
+  const registerTrigger = React13.useCallback((node) => {
     setTriggerNodes((prev) => {
       if (node && !prev.includes(node)) {
         return [...prev, node];
@@ -7903,7 +7754,7 @@ function Stepper({
       }
     });
   }, []);
-  const handleSetActiveStep = React14.useCallback(
+  const handleSetActiveStep = React13.useCallback(
     (step) => {
       if (value === void 0) {
         setActiveStep(step);
@@ -7913,31 +7764,31 @@ function Stepper({
     [value, onValueChange]
   );
   const currentStep = value ?? activeStep;
-  const focusTrigger = React14.useCallback(
+  const focusTrigger = React13.useCallback(
     (idx) => {
       if (triggerNodes[idx]) triggerNodes[idx].focus();
     },
     [triggerNodes]
   );
-  const focusNext = React14.useCallback(
+  const focusNext = React13.useCallback(
     (currentIdx) => focusTrigger((currentIdx + 1) % triggerNodes.length),
     [focusTrigger, triggerNodes.length]
   );
-  const focusPrev = React14.useCallback(
+  const focusPrev = React13.useCallback(
     (currentIdx) => focusTrigger((currentIdx - 1 + triggerNodes.length) % triggerNodes.length),
     [focusTrigger, triggerNodes.length]
   );
-  const focusFirst = React14.useCallback(() => focusTrigger(0), [focusTrigger]);
-  const focusLast = React14.useCallback(
+  const focusFirst = React13.useCallback(() => focusTrigger(0), [focusTrigger]);
+  const focusLast = React13.useCallback(
     () => focusTrigger(triggerNodes.length - 1),
     [focusTrigger, triggerNodes.length]
   );
-  const contextValue = React14.useMemo(
+  const contextValue = React13.useMemo(
     () => ({
       activeStep: currentStep,
       setActiveStep: handleSetActiveStep,
-      stepsCount: React14.Children.toArray(children).filter(
-        (child) => React14.isValidElement(child) && child.type.displayName === "StepperItem"
+      stepsCount: React13.Children.toArray(children).filter(
+        (child) => React13.isValidElement(child) && child.type.displayName === "StepperItem"
       ).length,
       orientation,
       registerTrigger,
@@ -7962,7 +7813,7 @@ function Stepper({
       indicators
     ]
   );
-  return /* @__PURE__ */ jsx52(StepperContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx51(StepperContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsx51(
     "div",
     {
       role: "tablist",
@@ -7987,7 +7838,7 @@ function StepperItem({
   const { activeStep } = useStepper();
   const state = completed || step < activeStep ? "completed" : activeStep === step ? "active" : "inactive";
   const isLoading = loading && step === activeStep;
-  return /* @__PURE__ */ jsx52(StepItemContext.Provider, { value: { step, state, isDisabled: disabled, isLoading }, children: /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx51(StepItemContext.Provider, { value: { step, state, isDisabled: disabled, isLoading }, children: /* @__PURE__ */ jsx51(
     "div",
     {
       "data-slot": "stepper-item",
@@ -8025,13 +7876,13 @@ function StepperTrigger({
   const isSelected = activeStep === step;
   const id = `stepper-tab-${step}`;
   const panelId = `stepper-panel-${step}`;
-  const btnRef = React14.useRef(null);
-  React14.useEffect(() => {
+  const btnRef = React13.useRef(null);
+  React13.useEffect(() => {
     if (btnRef.current) {
       registerTrigger(btnRef.current);
     }
   }, [registerTrigger]);
-  const myIdx = React14.useMemo(
+  const myIdx = React13.useMemo(
     () => triggerNodes.findIndex((n) => n === btnRef.current),
     [triggerNodes]
   );
@@ -8063,9 +7914,9 @@ function StepperTrigger({
     }
   };
   if (asChild) {
-    return /* @__PURE__ */ jsx52("span", { "data-slot": "stepper-trigger", "data-state": state, className, children });
+    return /* @__PURE__ */ jsx51("span", { "data-slot": "stepper-trigger", "data-state": state, className, children });
   }
-  return /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx51(
     "button",
     {
       ref: btnRef,
@@ -8092,7 +7943,7 @@ function StepperTrigger({
 function StepperIndicator({ children, className }) {
   const { state, isLoading } = useStepItem();
   const { indicators } = useStepper();
-  return /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx51(
     "div",
     {
       "data-slot": "stepper-indicator",
@@ -8101,13 +7952,13 @@ function StepperIndicator({ children, className }) {
         "relative flex size-6 shrink-0 items-center justify-center overflow-hidden rounded-full border-background bg-accent text-accent-foreground text-xs data-[state=active]:bg-primary data-[state=completed]:bg-primary data-[state=active]:text-primary-foreground data-[state=completed]:text-primary-foreground",
         className
       ),
-      children: /* @__PURE__ */ jsx52("div", { className: "absolute", children: indicators && (isLoading && indicators.loading || state === "completed" && indicators.completed || state === "active" && indicators.active || state === "inactive" && indicators.inactive) ? isLoading && indicators.loading || state === "completed" && indicators.completed || state === "active" && indicators.active || state === "inactive" && indicators.inactive : children })
+      children: /* @__PURE__ */ jsx51("div", { className: "absolute", children: indicators && (isLoading && indicators.loading || state === "completed" && indicators.completed || state === "active" && indicators.active || state === "inactive" && indicators.inactive) ? isLoading && indicators.loading || state === "completed" && indicators.completed || state === "active" && indicators.active || state === "inactive" && indicators.inactive : children })
     }
   );
 }
 function StepperSeparator({ className }) {
   const { state } = useStepItem();
-  return /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx51(
     "div",
     {
       "data-slot": "stepper-separator",
@@ -8121,7 +7972,7 @@ function StepperSeparator({ className }) {
 }
 function StepperTitle({ children, className }) {
   const { state } = useStepItem();
-  return /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx51(
     "h3",
     {
       "data-slot": "stepper-title",
@@ -8133,7 +7984,7 @@ function StepperTitle({ children, className }) {
 }
 function StepperDescription({ children, className }) {
   const { state } = useStepItem();
-  return /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx51(
     "div",
     {
       "data-slot": "stepper-description",
@@ -8145,7 +7996,7 @@ function StepperDescription({ children, className }) {
 }
 function StepperNav({ children, className }) {
   const { activeStep, orientation } = useStepper();
-  return /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx51(
     "nav",
     {
       "data-slot": "stepper-nav",
@@ -8161,7 +8012,7 @@ function StepperNav({ children, className }) {
 }
 function StepperPanel({ children, className }) {
   const { activeStep } = useStepper();
-  return /* @__PURE__ */ jsx52("div", { "data-slot": "stepper-panel", "data-state": activeStep, className: cn("w-full", className), children });
+  return /* @__PURE__ */ jsx51("div", { "data-slot": "stepper-panel", "data-state": activeStep, className: cn("w-full", className), children });
 }
 function StepperContent({ value, forceMount, children, className }) {
   const { activeStep } = useStepper();
@@ -8169,7 +8020,7 @@ function StepperContent({ value, forceMount, children, className }) {
   if (!forceMount && !isActive) {
     return null;
   }
-  return /* @__PURE__ */ jsx52(
+  return /* @__PURE__ */ jsx51(
     "div",
     {
       "data-slot": "stepper-content",
@@ -8182,9 +8033,9 @@ function StepperContent({ value, forceMount, children, className }) {
 }
 
 // src/ui/default/table.tsx
-import { jsx as jsx53 } from "react/jsx-runtime";
+import { jsx as jsx52 } from "react/jsx-runtime";
 function Table({ className, ...props }) {
-  return /* @__PURE__ */ jsx53("div", { "data-slot": "table-wrapper", className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx52("div", { "data-slot": "table-wrapper", className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx52(
     "table",
     {
       "data-slot": "table",
@@ -8194,10 +8045,10 @@ function Table({ className, ...props }) {
   ) });
 }
 function TableHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx53("thead", { "data-slot": "table-header", className: cn("[&_tr]:border-b", className), ...props });
+  return /* @__PURE__ */ jsx52("thead", { "data-slot": "table-header", className: cn("[&_tr]:border-b", className), ...props });
 }
 function TableBody({ className, ...props }) {
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx52(
     "tbody",
     {
       "data-slot": "table-body",
@@ -8207,7 +8058,7 @@ function TableBody({ className, ...props }) {
   );
 }
 function TableFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx52(
     "tfoot",
     {
       "data-slot": "table-footer",
@@ -8217,7 +8068,7 @@ function TableFooter({ className, ...props }) {
   );
 }
 function TableRow({ className, ...props }) {
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx52(
     "tr",
     {
       "data-slot": "table-row",
@@ -8230,7 +8081,7 @@ function TableRow({ className, ...props }) {
   );
 }
 function TableHead({ className, ...props }) {
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx52(
     "th",
     {
       "data-slot": "table-head",
@@ -8243,7 +8094,7 @@ function TableHead({ className, ...props }) {
   );
 }
 function TableCell({ className, ...props }) {
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx52(
     "td",
     {
       "data-slot": "table-cell",
@@ -8253,7 +8104,7 @@ function TableCell({ className, ...props }) {
   );
 }
 function TableCaption({ className, ...props }) {
-  return /* @__PURE__ */ jsx53(
+  return /* @__PURE__ */ jsx52(
     "caption",
     {
       "data-slot": "table-caption",
@@ -8264,11 +8115,11 @@ function TableCaption({ className, ...props }) {
 }
 
 // src/ui/default/tabs.tsx
-import * as React15 from "react";
-import { cva as cva20 } from "class-variance-authority";
+import * as React14 from "react";
+import { cva as cva19 } from "class-variance-authority";
 import { Tabs as TabsPrimitive } from "radix-ui";
-import { jsx as jsx54 } from "react/jsx-runtime";
-var tabsListVariants = cva20("flex items-center shrink-0", {
+import { jsx as jsx53 } from "react/jsx-runtime";
+var tabsListVariants = cva19("flex items-center shrink-0", {
   variants: {
     variant: {
       default: "bg-accent p-1",
@@ -8335,7 +8186,7 @@ var tabsListVariants = cva20("flex items-center shrink-0", {
     size: "md"
   }
 });
-var tabsTriggerVariants = cva20(
+var tabsTriggerVariants = cva19(
   "shrink-0 cursor-pointer whitespace-nowrap inline-flex justify-center items-center font-medium ring-offset-background transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:shrink-0 [&_svg]:text-muted-foreground [&:hover_svg]:text-primary [&[data-state=active]_svg]:text-primary",
   {
     variants: {
@@ -8371,7 +8222,7 @@ var tabsTriggerVariants = cva20(
     }
   }
 );
-var tabsContentVariants = cva20(
+var tabsContentVariants = cva19(
   "mt-2.5 focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2",
   {
     variants: {
@@ -8384,12 +8235,12 @@ var tabsContentVariants = cva20(
     }
   }
 );
-var TabsContext = React15.createContext({
+var TabsContext = React14.createContext({
   variant: "default",
   size: "md"
 });
 function Tabs({ className, ...props }) {
-  return /* @__PURE__ */ jsx54(TabsPrimitive.Root, { "data-slot": "tabs", className: cn("", className), ...props });
+  return /* @__PURE__ */ jsx53(TabsPrimitive.Root, { "data-slot": "tabs", className: cn("", className), ...props });
 }
 function TabsList({
   className,
@@ -8398,7 +8249,7 @@ function TabsList({
   size = "md",
   ...props
 }) {
-  return /* @__PURE__ */ jsx54(TabsContext.Provider, { value: { variant: variant || "default", size: size || "md" }, children: /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx53(TabsContext.Provider, { value: { variant: variant || "default", size: size || "md" }, children: /* @__PURE__ */ jsx53(
     TabsPrimitive.List,
     {
       "data-slot": "tabs-list",
@@ -8408,8 +8259,8 @@ function TabsList({
   ) });
 }
 function TabsTrigger({ className, ...props }) {
-  const { variant, size } = React15.useContext(TabsContext);
-  return /* @__PURE__ */ jsx54(
+  const { variant, size } = React14.useContext(TabsContext);
+  return /* @__PURE__ */ jsx53(
     TabsPrimitive.Trigger,
     {
       "data-slot": "tabs-trigger",
@@ -8423,7 +8274,7 @@ function TabsContent({
   variant,
   ...props
 }) {
-  return /* @__PURE__ */ jsx54(
+  return /* @__PURE__ */ jsx53(
     TabsPrimitive.Content,
     {
       "data-slot": "tabs-content",
@@ -8434,9 +8285,9 @@ function TabsContent({
 }
 
 // src/ui/default/textarea.tsx
-import { cva as cva21 } from "class-variance-authority";
-import { jsx as jsx55 } from "react/jsx-runtime";
-var textareaVariants = cva21(
+import { cva as cva20 } from "class-variance-authority";
+import { jsx as jsx54 } from "react/jsx-runtime";
+var textareaVariants = cva20(
   `
     w-full bg-background border border-input shadow-xs shadow-black/5 transition-[color,box-shadow] 
     text-foreground placeholder:text-muted-foreground/80 focus-visible:border-ring focus-visible:outline-none focus-visible:ring-[3px] 
@@ -8461,7 +8312,7 @@ function Textarea({
   variant,
   ...props
 }) {
-  return /* @__PURE__ */ jsx55(
+  return /* @__PURE__ */ jsx54(
     "textarea",
     {
       "data-slot": "textarea",
@@ -8472,10 +8323,10 @@ function Textarea({
 }
 
 // src/ui/default/toggle.tsx
-import { cva as cva22 } from "class-variance-authority";
+import { cva as cva21 } from "class-variance-authority";
 import { Toggle as TogglePrimitive } from "radix-ui";
-import { jsx as jsx56 } from "react/jsx-runtime";
-var toggleVariants = cva22(
+import { jsx as jsx55 } from "react/jsx-runtime";
+var toggleVariants = cva21(
   "cursor-pointer inline-flex items-center justify-center rounded-md shrink-0 font-medium ring-offset-background transition-colors hover:bg-muted hover:text-muted-foreground focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0",
   {
     variants: {
@@ -8501,7 +8352,7 @@ function Toggle({
   size,
   ...props
 }) {
-  return /* @__PURE__ */ jsx56(
+  return /* @__PURE__ */ jsx55(
     TogglePrimitive.Root,
     {
       "data-slot": "toggle",
@@ -8512,10 +8363,10 @@ function Toggle({
 }
 
 // src/ui/default/toggle-group.tsx
-import * as React16 from "react";
+import * as React15 from "react";
 import { ToggleGroup as ToggleGroupPrimitive } from "radix-ui";
-import { jsx as jsx57 } from "react/jsx-runtime";
-var ToggleGroupContext = React16.createContext({
+import { jsx as jsx56 } from "react/jsx-runtime";
+var ToggleGroupContext = React15.createContext({
   size: "md",
   variant: "default"
 });
@@ -8526,7 +8377,7 @@ function ToggleGroup({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx57(
+  return /* @__PURE__ */ jsx56(
     ToggleGroupPrimitive.Root,
     {
       "data-slot": "toggle-group",
@@ -8537,7 +8388,7 @@ function ToggleGroup({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx57(ToggleGroupContext.Provider, { value: { variant, size }, children })
+      children: /* @__PURE__ */ jsx56(ToggleGroupContext.Provider, { value: { variant, size }, children })
     }
   );
 }
@@ -8548,8 +8399,8 @@ function ToggleGroupItem({
   size,
   ...props
 }) {
-  const context = React16.useContext(ToggleGroupContext);
-  return /* @__PURE__ */ jsx57(
+  const context = React15.useContext(ToggleGroupContext);
+  return /* @__PURE__ */ jsx56(
     ToggleGroupPrimitive.Item,
     {
       "data-slot": "toggle-group-item",
@@ -8570,18 +8421,18 @@ function ToggleGroupItem({
 }
 
 // src/ui/default/tree.tsx
-import * as React17 from "react";
+import * as React16 from "react";
 import { ChevronDownIcon as ChevronDownIcon2, SquareMinus, SquarePlus } from "lucide-react";
 import { Slot as SlotPrimitive3 } from "radix-ui";
-import { jsx as jsx58, jsxs as jsxs29 } from "react/jsx-runtime";
-var TreeContext = React17.createContext({
+import { jsx as jsx57, jsxs as jsxs29 } from "react/jsx-runtime";
+var TreeContext = React16.createContext({
   indent: 20,
   currentItem: void 0,
   tree: void 0,
   toggleIconType: "plus-minus"
 });
 function useTreeContext() {
-  return React17.useContext(TreeContext);
+  return React16.useContext(TreeContext);
 }
 function Tree({ indent = 20, tree, className, toggleIconType = "chevron", ...props }) {
   const containerProps = tree && typeof tree.getContainerProps === "function" ? tree.getContainerProps() : {};
@@ -8591,7 +8442,7 @@ function Tree({ indent = 20, tree, className, toggleIconType = "chevron", ...pro
     ...propStyle,
     "--tree-indent": `${indent}px`
   };
-  return /* @__PURE__ */ jsx58(TreeContext.Provider, { value: { indent, tree, toggleIconType }, children: /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsx57(TreeContext.Provider, { value: { indent, tree, toggleIconType }, children: /* @__PURE__ */ jsx57(
     "div",
     {
       "data-slot": "tree",
@@ -8618,7 +8469,7 @@ function TreeItem({
     "--tree-padding": `${item.getItemMeta().level * indent}px`
   };
   const Comp = asChild ? SlotPrimitive3.Slot : "button";
-  return /* @__PURE__ */ jsx58(TreeContext.Provider, { value: { ...parentContext, currentItem: item }, children: /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsx57(TreeContext.Provider, { value: { ...parentContext, currentItem: item }, children: /* @__PURE__ */ jsx57(
     Comp,
     {
       "data-slot": "tree-item",
@@ -8660,21 +8511,21 @@ function TreeItemLabel({
       ),
       ...props,
       children: [
-        item.isFolder() && (toggleIconType === "plus-minus" ? item.isExpanded() ? /* @__PURE__ */ jsx58(
+        item.isFolder() && (toggleIconType === "plus-minus" ? item.isExpanded() ? /* @__PURE__ */ jsx57(
           SquareMinus,
           {
             className: "size-3.5 text-muted-foreground",
             stroke: "currentColor",
             strokeWidth: "1"
           }
-        ) : /* @__PURE__ */ jsx58(
+        ) : /* @__PURE__ */ jsx57(
           SquarePlus,
           {
             className: "size-3.5 text-muted-foreground",
             stroke: "currentColor",
             strokeWidth: "1"
           }
-        ) : /* @__PURE__ */ jsx58(ChevronDownIcon2, { className: "in-aria-[expanded=false]:-rotate-90 size-4 text-muted-foreground" })),
+        ) : /* @__PURE__ */ jsx57(ChevronDownIcon2, { className: "in-aria-[expanded=false]:-rotate-90 size-4 text-muted-foreground" })),
         children || (typeof item.getItemName === "function" ? item.getItemName() : null)
       ]
     }
@@ -8689,7 +8540,7 @@ function TreeDragLine({ className, ...props }) {
     return null;
   }
   const dragLine = tree.getDragLineStyle();
-  return /* @__PURE__ */ jsx58(
+  return /* @__PURE__ */ jsx57(
     "div",
     {
       style: dragLine,