@mesob/ui 0.2.1 → 0.2.3

package/dist/components/entity/index.js

@@ -12,7 +12,7 @@ function cn(...inputs) {
 // src/components/button.tsx
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
-import { jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 var buttonVariants = cva(
   "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
   {
@@ -51,44 +51,44 @@ function Button({
   ...props
 }) {
   const Comp = asChild ? Slot : "button";
-  return /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx(
     Comp,
     {
       "data-slot": "button",
       className: cn(buttonVariants({ variant, size, className })),
       ...props,
-      children: [
+      children: asChild ? children : /* @__PURE__ */ jsxs(Fragment, { children: [
         leftIcon,
         children,
         rightIcon
-      ]
+      ] })
     }
   );
 }
 
 // src/components/alert-dialog.tsx
 import * as AlertDialogPrimitive from "@radix-ui/react-alert-dialog";
-import { jsx, jsxs as jsxs2 } from "react/jsx-runtime";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 function AlertDialog({
   ...props
 }) {
-  return /* @__PURE__ */ jsx(AlertDialogPrimitive.Root, { "data-slot": "alert-dialog", ...props });
+  return /* @__PURE__ */ jsx2(AlertDialogPrimitive.Root, { "data-slot": "alert-dialog", ...props });
 }
 function AlertDialogTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx(AlertDialogPrimitive.Trigger, { "data-slot": "alert-dialog-trigger", ...props });
+  return /* @__PURE__ */ jsx2(AlertDialogPrimitive.Trigger, { "data-slot": "alert-dialog-trigger", ...props });
 }
 function AlertDialogPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsx(AlertDialogPrimitive.Portal, { "data-slot": "alert-dialog-portal", ...props });
+  return /* @__PURE__ */ jsx2(AlertDialogPrimitive.Portal, { "data-slot": "alert-dialog-portal", ...props });
 }
 function AlertDialogOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx2(
     AlertDialogPrimitive.Overlay,
     {
       "data-slot": "alert-dialog-overlay",
@@ -105,8 +105,8 @@ function AlertDialogContent({
   ...props
 }) {
   return /* @__PURE__ */ jsxs2(AlertDialogPortal, { children: [
-    /* @__PURE__ */ jsx(AlertDialogOverlay, {}),
-    /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx2(AlertDialogOverlay, {}),
+    /* @__PURE__ */ jsx2(
       AlertDialogPrimitive.Content,
       {
         "data-slot": "alert-dialog-content",
@@ -123,7 +123,7 @@ function AlertDialogHeader({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx2(
     "div",
     {
       "data-slot": "alert-dialog-header",
@@ -136,7 +136,7 @@ function AlertDialogFooter({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx2(
     "div",
     {
       "data-slot": "alert-dialog-footer",
@@ -152,7 +152,7 @@ function AlertDialogTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx2(
     AlertDialogPrimitive.Title,
     {
       "data-slot": "alert-dialog-title",
@@ -165,7 +165,7 @@ function AlertDialogDescription({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx2(
     AlertDialogPrimitive.Description,
     {
       "data-slot": "alert-dialog-description",
@@ -178,7 +178,7 @@ function AlertDialogAction({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx2(
     AlertDialogPrimitive.Action,
     {
       className: cn(buttonVariants(), className),
@@ -190,7 +190,7 @@ function AlertDialogCancel({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx2(
     AlertDialogPrimitive.Cancel,
     {
       className: cn(buttonVariants({ variant: "outline" }), className),
@@ -202,16 +202,16 @@ function AlertDialogCancel({
 // src/components/dropdown-menu.tsx
 import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu";
 import { IconCheck, IconChevronRight, IconCircle } from "@tabler/icons-react";
-import { jsx as jsx2, jsxs as jsxs3 } from "react/jsx-runtime";
+import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 function DropdownMenu({
   ...props
 }) {
-  return /* @__PURE__ */ jsx2(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
+  return /* @__PURE__ */ jsx3(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
 }
 function DropdownMenuTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx3(
     DropdownMenuPrimitive.Trigger,
     {
       "data-slot": "dropdown-menu-trigger",
@@ -224,7 +224,7 @@ function DropdownMenuContent({
   sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ jsx2(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx3(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx3(
     DropdownMenuPrimitive.Content,
     {
       "data-slot": "dropdown-menu-content",
@@ -243,7 +243,7 @@ function DropdownMenuItem({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx3(
     DropdownMenuPrimitive.Item,
     {
       "data-slot": "dropdown-menu-item",
@@ -261,7 +261,7 @@ function DropdownMenuSeparator({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx2(
+  return /* @__PURE__ */ jsx3(
     DropdownMenuPrimitive.Separator,
     {
       "data-slot": "dropdown-menu-separator",
@@ -272,7 +272,7 @@ function DropdownMenuSeparator({
 }
 
 // src/components/entity/entity-bulk-actions.tsx
-import { Fragment, jsx as jsx3, jsxs as jsxs4 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 function EntityBulkActions({
   selectedCount,
   actions,
@@ -286,22 +286,22 @@ function EntityBulkActions({
   if (onExport) {
     defaultActions.push({
       label: "Export",
-      icon: /* @__PURE__ */ jsx3(IconDownload, { className: "mr-2 h-4 w-4" }),
+      icon: /* @__PURE__ */ jsx4(IconDownload, { className: "mr-2 h-4 w-4" }),
       onClick: onExport
     });
   }
   if (onDelete) {
     defaultActions.push({
       label: "Delete",
-      icon: /* @__PURE__ */ jsx3(IconTrash, { className: "mr-2 h-4 w-4" }),
+      icon: /* @__PURE__ */ jsx4(IconTrash, { className: "mr-2 h-4 w-4" }),
       onClick: () => setShowDeleteConfirm(true),
       variant: "destructive"
     });
   }
   const allActions = actions ? [...actions, ...defaultActions] : defaultActions;
-  return /* @__PURE__ */ jsxs4(Fragment, { children: [
+  return /* @__PURE__ */ jsxs4(Fragment2, { children: [
     /* @__PURE__ */ jsxs4(DropdownMenu, { children: [
-      /* @__PURE__ */ jsx3(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs4(
+      /* @__PURE__ */ jsx4(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs4(
         Button,
         {
           variant: "outline",
@@ -310,12 +310,12 @@ function EntityBulkActions({
           className: "min-w-[140px]",
           children: [
             hasSelection ? `${selectedCount} selected` : "Bulk Actions",
-            /* @__PURE__ */ jsx3(IconChevronDown, { className: "ml-2 h-4 w-4" })
+            /* @__PURE__ */ jsx4(IconChevronDown, { className: "ml-2 h-4 w-4" })
           ]
         }
       ) }),
-      /* @__PURE__ */ jsx3(DropdownMenuContent, { align: "end", children: allActions.map((action, index) => /* @__PURE__ */ jsxs4("div", { children: [
-        action.variant === "destructive" && index > 0 && /* @__PURE__ */ jsx3(DropdownMenuSeparator, {}),
+      /* @__PURE__ */ jsx4(DropdownMenuContent, { align: "end", children: allActions.map((action, index) => /* @__PURE__ */ jsxs4("div", { children: [
+        action.variant === "destructive" && index > 0 && /* @__PURE__ */ jsx4(DropdownMenuSeparator, {}),
         /* @__PURE__ */ jsxs4(
           DropdownMenuItem,
           {
@@ -329,7 +329,7 @@ function EntityBulkActions({
         )
       ] }, action.label)) })
     ] }),
-    /* @__PURE__ */ jsx3(AlertDialog, { open: showDeleteConfirm, onOpenChange: setShowDeleteConfirm, children: /* @__PURE__ */ jsxs4(AlertDialogContent, { children: [
+    /* @__PURE__ */ jsx4(AlertDialog, { open: showDeleteConfirm, onOpenChange: setShowDeleteConfirm, children: /* @__PURE__ */ jsxs4(AlertDialogContent, { children: [
       /* @__PURE__ */ jsxs4(AlertDialogHeader, { children: [
         /* @__PURE__ */ jsxs4(AlertDialogTitle, { children: [
           "Delete ",
@@ -345,8 +345,8 @@ function EntityBulkActions({
         ] })
       ] }),
       /* @__PURE__ */ jsxs4(AlertDialogFooter, { children: [
-        /* @__PURE__ */ jsx3(AlertDialogCancel, { children: "Cancel" }),
-        /* @__PURE__ */ jsx3(
+        /* @__PURE__ */ jsx4(AlertDialogCancel, { children: "Cancel" }),
+        /* @__PURE__ */ jsx4(
           AlertDialogAction,
           {
             onClick: () => {
@@ -368,9 +368,9 @@ import { motion } from "motion/react";
 import { useLayoutEffect, useMemo, useRef, useState as useState2 } from "react";
 
 // src/components/card.tsx
-import { jsx as jsx4 } from "react/jsx-runtime";
+import { jsx as jsx5 } from "react/jsx-runtime";
 function Card({ className, ...props }) {
-  return /* @__PURE__ */ jsx4(
+  return /* @__PURE__ */ jsx5(
     "div",
     {
       "data-slot": "card",
@@ -386,16 +386,16 @@ function Card({ className, ...props }) {
 // src/components/select.tsx
 import * as SelectPrimitive from "@radix-ui/react-select";
 import { IconCheck as IconCheck2, IconChevronDown as IconChevronDown2, IconChevronUp } from "@tabler/icons-react";
-import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+import { jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
 function Select({
   ...props
 }) {
-  return /* @__PURE__ */ jsx5(SelectPrimitive.Root, { "data-slot": "select", ...props });
+  return /* @__PURE__ */ jsx6(SelectPrimitive.Root, { "data-slot": "select", ...props });
 }
 function SelectValue({
   ...props
 }) {
-  return /* @__PURE__ */ jsx5(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
+  return /* @__PURE__ */ jsx6(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
 }
 function SelectTrigger({
   className,
@@ -415,7 +415,7 @@ function SelectTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx5(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx5(IconChevronDown2, { className: "size-4 opacity-50" }) })
+        /* @__PURE__ */ jsx6(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx6(IconChevronDown2, { className: "size-4 opacity-50" }) })
       ]
     }
   );
@@ -427,7 +427,7 @@ function SelectContent({
   align = "center",
   ...props
 }) {
-  return /* @__PURE__ */ jsx5(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs5(
+  return /* @__PURE__ */ jsx6(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs5(
     SelectPrimitive.Content,
     {
       "data-slot": "select-content",
@@ -440,8 +440,8 @@ function SelectContent({
       align,
       ...props,
       children: [
-        /* @__PURE__ */ jsx5(SelectScrollUpButton, {}),
-        /* @__PURE__ */ jsx5(
+        /* @__PURE__ */ jsx6(SelectScrollUpButton, {}),
+        /* @__PURE__ */ jsx6(
           SelectPrimitive.Viewport,
           {
             className: cn(
@@ -451,7 +451,7 @@ function SelectContent({
             children
           }
         ),
-        /* @__PURE__ */ jsx5(SelectScrollDownButton, {})
+        /* @__PURE__ */ jsx6(SelectScrollDownButton, {})
       ]
     }
   ) });
@@ -471,8 +471,8 @@ function SelectItem({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx5("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx5(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx5(IconCheck2, { className: "size-4" }) }) }),
-        /* @__PURE__ */ jsx5(SelectPrimitive.ItemText, { children })
+        /* @__PURE__ */ jsx6("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx6(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx6(IconCheck2, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx6(SelectPrimitive.ItemText, { children })
       ]
     }
   );
@@ -481,7 +481,7 @@ function SelectScrollUpButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx6(
     SelectPrimitive.ScrollUpButton,
     {
       "data-slot": "select-scroll-up-button",
@@ -490,7 +490,7 @@ function SelectScrollUpButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx5(IconChevronUp, { className: "size-4" })
+      children: /* @__PURE__ */ jsx6(IconChevronUp, { className: "size-4" })
     }
   );
 }
@@ -498,7 +498,7 @@ function SelectScrollDownButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx5(
+  return /* @__PURE__ */ jsx6(
     SelectPrimitive.ScrollDownButton,
     {
       "data-slot": "select-scroll-down-button",
@@ -507,13 +507,13 @@ function SelectScrollDownButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx5(IconChevronDown2, { className: "size-4" })
+      children: /* @__PURE__ */ jsx6(IconChevronDown2, { className: "size-4" })
     }
   );
 }
 
 // src/components/entity/entity-detail-header.tsx
-import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 function EntityDetailHeader({
   title,
   icon,
@@ -649,7 +649,7 @@ function EntityDetailHeader({
       }
     };
     if (tab.href && LinkComponent) {
-      return /* @__PURE__ */ jsx6(
+      return /* @__PURE__ */ jsx7(
         LinkComponent,
         {
           href: tab.href,
@@ -660,7 +660,7 @@ function EntityDetailHeader({
         tab.value
       );
     }
-    return /* @__PURE__ */ jsx6(
+    return /* @__PURE__ */ jsx7(
       "button",
       {
         type: "button",
@@ -679,9 +679,9 @@ function EntityDetailHeader({
       isActive && "bg-accent font-medium"
     );
     if (tab.href && LinkComponent) {
-      return /* @__PURE__ */ jsx6(DropdownMenuItem, { asChild: true, className: itemClassName, children: /* @__PURE__ */ jsx6(LinkComponent, { href: tab.href, children: tab.name }) }, tab.value);
+      return /* @__PURE__ */ jsx7(DropdownMenuItem, { asChild: true, className: itemClassName, children: /* @__PURE__ */ jsx7(LinkComponent, { href: tab.href, children: tab.name }) }, tab.value);
     }
-    return /* @__PURE__ */ jsx6(
+    return /* @__PURE__ */ jsx7(
       DropdownMenuItem,
       {
         onClick: () => handleTabChange(tab.value),
@@ -697,17 +697,17 @@ function EntityDetailHeader({
         /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2", children: [
           backButton,
           icon,
-          /* @__PURE__ */ jsx6("span", { className: "text-lg font-semibold", children: title })
+          /* @__PURE__ */ jsx7("span", { className: "text-lg font-semibold", children: title })
         ] }),
-        actions && /* @__PURE__ */ jsx6("div", { className: "flex items-center gap-2", children: actions })
+        actions && /* @__PURE__ */ jsx7("div", { className: "flex items-center gap-2", children: actions })
       ] }),
       /* @__PURE__ */ jsxs6("div", { ref: containerRef, className: "w-full px-4", children: [
-        /* @__PURE__ */ jsx6("div", { className: "mb-3 w-full sm:hidden", children: /* @__PURE__ */ jsxs6(Select, { value: activeTab, onValueChange: handleTabChange, children: [
+        /* @__PURE__ */ jsx7("div", { className: "mb-3 w-full sm:hidden", children: /* @__PURE__ */ jsxs6(Select, { value: activeTab, onValueChange: handleTabChange, children: [
           /* @__PURE__ */ jsxs6(SelectTrigger, { className: "h-9 w-full gap-2 [&>svg:first-child]:shrink-0", children: [
-            /* @__PURE__ */ jsx6(IconMenu2, { className: "size-4 text-muted-foreground" }),
-            /* @__PURE__ */ jsx6(SelectValue, {})
+            /* @__PURE__ */ jsx7(IconMenu2, { className: "size-4 text-muted-foreground" }),
+            /* @__PURE__ */ jsx7(SelectValue, {})
           ] }),
-          /* @__PURE__ */ jsx6(SelectContent, { children: tabs.map((tab) => /* @__PURE__ */ jsx6(SelectItem, { value: tab.value, children: tab.name }, tab.value)) })
+          /* @__PURE__ */ jsx7(SelectContent, { children: tabs.map((tab) => /* @__PURE__ */ jsx7(SelectItem, { value: tab.value, children: tab.name }, tab.value)) })
         ] }) }),
         /* @__PURE__ */ jsxs6(
           "div",
@@ -733,13 +733,13 @@ function EntityDetailHeader({
                     ),
                     children: [
                       "More",
-                      /* @__PURE__ */ jsx6(IconChevronDown3, { className: "h-4 w-4" })
+                      /* @__PURE__ */ jsx7(IconChevronDown3, { className: "h-4 w-4" })
                     ]
                   }
                 ),
-                /* @__PURE__ */ jsx6(DropdownMenuContent, { align: "start", className: "min-w-40", children: overflowTabs.map(renderDropdownItem) })
+                /* @__PURE__ */ jsx7(DropdownMenuContent, { align: "start", className: "min-w-40", children: overflowTabs.map(renderDropdownItem) })
               ] }),
-              /* @__PURE__ */ jsx6(
+              /* @__PURE__ */ jsx7(
                 motion.div,
                 {
                   className: "absolute bottom-0 left-0 z-20 h-0.5 bg-primary",
@@ -759,7 +759,7 @@ function EntityDetailHeader({
         )
       ] })
     ] }),
-    activeTabData?.content && /* @__PURE__ */ jsx6("div", { className: "flex-1", children: activeTabData.content })
+    activeTabData?.content && /* @__PURE__ */ jsx7("div", { className: "flex-1", children: activeTabData.content })
   ] });
 }
 
@@ -769,20 +769,20 @@ import { useState as useState3 } from "react";
 // src/components/sheet.tsx
 import * as SheetPrimitive from "@radix-ui/react-dialog";
 import { IconX } from "@tabler/icons-react";
-import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+import { jsx as jsx8, jsxs as jsxs7 } from "react/jsx-runtime";
 function Sheet({ ...props }) {
-  return /* @__PURE__ */ jsx7(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
+  return /* @__PURE__ */ jsx8(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
 }
 function SheetPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsx7(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
+  return /* @__PURE__ */ jsx8(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
 }
 function SheetOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx8(
     SheetPrimitive.Overlay,
     {
       "data-slot": "sheet-overlay",
@@ -801,7 +801,7 @@ function SheetContent({
   ...props
 }) {
   return /* @__PURE__ */ jsxs7(SheetPortal, { children: [
-    /* @__PURE__ */ jsx7(SheetOverlay, {}),
+    /* @__PURE__ */ jsx8(SheetOverlay, {}),
     /* @__PURE__ */ jsxs7(
       SheetPrimitive.Content,
       {
@@ -818,8 +818,8 @@ function SheetContent({
         children: [
           children,
           /* @__PURE__ */ jsxs7(SheetPrimitive.Close, { className: "ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none", children: [
-            /* @__PURE__ */ jsx7(IconX, { className: "size-4" }),
-            /* @__PURE__ */ jsx7("span", { className: "sr-only", children: "Close" })
+            /* @__PURE__ */ jsx8(IconX, { className: "size-4" }),
+            /* @__PURE__ */ jsx8("span", { className: "sr-only", children: "Close" })
           ] })
         ]
       }
@@ -827,7 +827,7 @@ function SheetContent({
   ] });
 }
 function SheetHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx8(
     "div",
     {
       "data-slot": "sheet-header",
@@ -840,7 +840,7 @@ function SheetTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx7(
+  return /* @__PURE__ */ jsx8(
     SheetPrimitive.Title,
     {
       "data-slot": "sheet-title",
@@ -851,7 +851,7 @@ function SheetTitle({
 }
 
 // src/components/entity/entity-drawer.tsx
-import { Fragment as Fragment2, jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
 var sizeClasses = {
   sm: "w-full min-w-0 sm:!max-w-[24rem]",
   md: "w-full min-w-0 sm:!max-w-[28rem]",
@@ -879,8 +879,8 @@ function EntityDrawer({
     setShowConfirm(false);
     onClose();
   };
-  return /* @__PURE__ */ jsxs8(Fragment2, { children: [
-    /* @__PURE__ */ jsx8(Sheet, { open, onOpenChange: (isOpen) => !isOpen && handleClose(), children: /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs8(Fragment3, { children: [
+    /* @__PURE__ */ jsx9(Sheet, { open, onOpenChange: (isOpen) => !isOpen && handleClose(), children: /* @__PURE__ */ jsxs8(
       SheetContent,
       {
         className: `${sizeClasses[size]} flex min-h-0 flex-col overflow-hidden p-0`,
@@ -897,20 +897,20 @@ function EntityDrawer({
           }
         },
         children: [
-          /* @__PURE__ */ jsx8(SheetHeader, { className: "border-border bg-background border-b px-6 py-4", children: /* @__PURE__ */ jsx8(SheetTitle, { children: title }) }),
-          /* @__PURE__ */ jsx8("div", { className: "bg-background flex-1 overflow-y-auto px-6 py-4", children: form }),
-          /* @__PURE__ */ jsx8("div", { className: "border-border bg-background border-t px-6 py-4", children: actions })
+          /* @__PURE__ */ jsx9(SheetHeader, { className: "border-border bg-background border-b px-6 py-4", children: /* @__PURE__ */ jsx9(SheetTitle, { children: title }) }),
+          /* @__PURE__ */ jsx9("div", { className: "bg-background flex-1 overflow-y-auto px-6 py-4", children: form }),
+          /* @__PURE__ */ jsx9("div", { className: "border-border bg-background border-t px-6 py-4", children: actions })
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx8(AlertDialog, { open: showConfirm, onOpenChange: setShowConfirm, children: /* @__PURE__ */ jsxs8(AlertDialogContent, { children: [
+    /* @__PURE__ */ jsx9(AlertDialog, { open: showConfirm, onOpenChange: setShowConfirm, children: /* @__PURE__ */ jsxs8(AlertDialogContent, { children: [
       /* @__PURE__ */ jsxs8(AlertDialogHeader, { children: [
-        /* @__PURE__ */ jsx8(AlertDialogTitle, { children: "Discard changes?" }),
-        /* @__PURE__ */ jsx8(AlertDialogDescription, { children: "You have unsaved changes. Are you sure you want to discard them?" })
+        /* @__PURE__ */ jsx9(AlertDialogTitle, { children: "Discard changes?" }),
+        /* @__PURE__ */ jsx9(AlertDialogDescription, { children: "You have unsaved changes. Are you sure you want to discard them?" })
       ] }),
       /* @__PURE__ */ jsxs8(AlertDialogFooter, { children: [
-        /* @__PURE__ */ jsx8(AlertDialogCancel, { children: "Cancel" }),
-        /* @__PURE__ */ jsx8(
+        /* @__PURE__ */ jsx9(AlertDialogCancel, { children: "Cancel" }),
+        /* @__PURE__ */ jsx9(
           AlertDialogAction,
           {
             onClick: handleConfirmDiscard,
@@ -926,7 +926,7 @@ function EntityDrawer({
 // src/components/entity/entity-drawer-trigger.tsx
 import { IconChevronRight as IconChevronRight2, IconPencil, IconPlus } from "@tabler/icons-react";
 import { useState as useState4 } from "react";
-import { Fragment as Fragment3, jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
+import { Fragment as Fragment4, jsx as jsx10, jsxs as jsxs9 } from "react/jsx-runtime";
 function EntityDrawerTrigger({
   mode,
   entity,
@@ -956,8 +956,8 @@ function EntityDrawerTrigger({
     }
   };
   const buttonLabel = label || (mode === "new" ? `New ${entity}` : `Edit ${entity}`);
-  return /* @__PURE__ */ jsxs9(Fragment3, { children: [
-    mode === "edit" && variant === "icon" && /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsxs9(Fragment4, { children: [
+    mode === "edit" && variant === "icon" && /* @__PURE__ */ jsx10(
       Button,
       {
         variant: "ghost",
@@ -965,10 +965,10 @@ function EntityDrawerTrigger({
         className: `size-8 opacity-0 group-hover:opacity-100 transition-opacity ${className}`,
         onClick: handleOpen,
         disabled,
-        children: /* @__PURE__ */ jsx9(IconChevronRight2, { className: "size-4" })
+        children: /* @__PURE__ */ jsx10(IconChevronRight2, { className: "size-4" })
       }
     ),
-    mode === "edit" && variant !== "icon" && /* @__PURE__ */ jsx9(
+    mode === "edit" && variant !== "icon" && /* @__PURE__ */ jsx10(
       Button,
       {
         variant: variant === "outline" ? "outline" : "default",
@@ -976,11 +976,11 @@ function EntityDrawerTrigger({
         onClick: handleOpen,
         disabled,
         className,
-        leftIcon: /* @__PURE__ */ jsx9(IconPencil, { className: "size-4" }),
+        leftIcon: /* @__PURE__ */ jsx10(IconPencil, { className: "size-4" }),
         children: buttonLabel
       }
     ),
-    mode === "new" && /* @__PURE__ */ jsx9(
+    mode === "new" && /* @__PURE__ */ jsx10(
       Button,
       {
         variant: variant === "outline" ? "outline" : "default",
@@ -991,8 +991,8 @@ function EntityDrawerTrigger({
           "max-sm:h-8 max-sm:w-8 max-sm:shrink-0 max-sm:justify-center max-sm:p-0",
           className
         ),
-        leftIcon: /* @__PURE__ */ jsx9(IconPlus, { className: "size-4" }),
-        children: /* @__PURE__ */ jsx9("span", { className: "hidden sm:inline", children: buttonLabel })
+        leftIcon: /* @__PURE__ */ jsx10(IconPlus, { className: "size-4" }),
+        children: /* @__PURE__ */ jsx10("span", { className: "hidden sm:inline", children: buttonLabel })
       }
     ),
     open && children(open, handleClose)
@@ -1004,9 +1004,9 @@ import { IconPackage } from "@tabler/icons-react";
 
 // src/components/empty.tsx
 import { cva as cva2 } from "class-variance-authority";
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 function Empty({ className, ...props }) {
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     "div",
     {
       "data-slot": "empty",
@@ -1019,7 +1019,7 @@ function Empty({ className, ...props }) {
   );
 }
 function EmptyHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     "div",
     {
       "data-slot": "empty-header",
@@ -1050,7 +1050,7 @@ function EmptyMedia({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     "div",
     {
       "data-slot": "empty-icon",
@@ -1061,7 +1061,7 @@ function EmptyMedia({
   );
 }
 function EmptyTitle({ className, ...props }) {
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     "div",
     {
       "data-slot": "empty-title",
@@ -1071,7 +1071,7 @@ function EmptyTitle({ className, ...props }) {
   );
 }
 function EmptyDescription({ className, ...props }) {
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     "div",
     {
       "data-slot": "empty-description",
@@ -1084,7 +1084,7 @@ function EmptyDescription({ className, ...props }) {
   );
 }
 function EmptyContent({ className, ...props }) {
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     "div",
     {
       "data-slot": "empty-content",
@@ -1098,7 +1098,7 @@ function EmptyContent({ className, ...props }) {
 }
 
 // src/components/entity/entity-empty-state.tsx
-import { jsx as jsx11, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 function EntityEmptyState({
   icon: Icon2 = IconPackage,
   title,
@@ -1114,18 +1114,18 @@ function EntityEmptyState({
   const defaultActionLabel = `Create ${entityName}`;
   return /* @__PURE__ */ jsxs10(Empty, { className: cn("border py-12", className), children: [
     /* @__PURE__ */ jsxs10(EmptyHeader, { children: [
-      /* @__PURE__ */ jsx11(EmptyMedia, { variant: "icon", children: /* @__PURE__ */ jsx11(Icon2, { className: "size-5" }) }),
-      /* @__PURE__ */ jsx11(EmptyTitle, { children: title ?? defaultTitle }),
-      /* @__PURE__ */ jsx11(EmptyDescription, { children: description ?? defaultDescription })
+      /* @__PURE__ */ jsx12(EmptyMedia, { variant: "icon", children: /* @__PURE__ */ jsx12(Icon2, { className: "size-5" }) }),
+      /* @__PURE__ */ jsx12(EmptyTitle, { children: title ?? defaultTitle }),
+      /* @__PURE__ */ jsx12(EmptyDescription, { children: description ?? defaultDescription })
     ] }),
-    /* @__PURE__ */ jsx11(EmptyContent, { children: children ?? (onAction && /* @__PURE__ */ jsx11(Button, { onClick: onAction, children: actionLabel ?? defaultActionLabel })) })
+    /* @__PURE__ */ jsx12(EmptyContent, { children: children ?? (onAction && /* @__PURE__ */ jsx12(Button, { onClick: onAction, children: actionLabel ?? defaultActionLabel })) })
   ] });
 }
 
 // src/components/entity/entity-filter.tsx
 import { IconFilter } from "@tabler/icons-react";
 import { parseAsInteger, parseAsString, useQueryState } from "nuqs";
-import { jsx as jsx12, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 function EntityFilter({
   options,
   placeholder = "Filter",
@@ -1145,15 +1145,15 @@ function EntityFilter({
   const validOptions = options.filter((opt) => opt.value !== "");
   const displayValue = value || (options.some((opt) => opt.value === "") ? "__all__" : void 0);
   return /* @__PURE__ */ jsxs11("div", { className: cn("flex w-full items-center gap-2", className), children: [
-    label && /* @__PURE__ */ jsx12("span", { className: "shrink-0 text-sm text-muted-foreground", children: label }),
-    /* @__PURE__ */ jsx12("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsxs11(Select, { value: displayValue, onValueChange: handleChange, children: [
+    label && /* @__PURE__ */ jsx13("span", { className: "shrink-0 text-sm text-muted-foreground", children: label }),
+    /* @__PURE__ */ jsx13("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsxs11(Select, { value: displayValue, onValueChange: handleChange, children: [
       /* @__PURE__ */ jsxs11(SelectTrigger, { className: "h-9 w-full min-w-[150px]", children: [
-        /* @__PURE__ */ jsx12(IconFilter, { className: "size-4" }),
-        /* @__PURE__ */ jsx12(SelectValue, { placeholder })
+        /* @__PURE__ */ jsx13(IconFilter, { className: "size-4" }),
+        /* @__PURE__ */ jsx13(SelectValue, { placeholder })
       ] }),
       /* @__PURE__ */ jsxs11(SelectContent, { children: [
-        options.some((opt) => opt.value === "") && /* @__PURE__ */ jsx12(SelectItem, { value: "__all__", children: options.find((opt) => opt.value === "")?.label || "All" }, "__all__"),
-        validOptions.map((option) => /* @__PURE__ */ jsx12(SelectItem, { value: option.value, children: option.label }, option.value))
+        options.some((opt) => opt.value === "") && /* @__PURE__ */ jsx13(SelectItem, { value: "__all__", children: options.find((opt) => opt.value === "")?.label || "All" }, "__all__"),
+        validOptions.map((option) => /* @__PURE__ */ jsx13(SelectItem, { value: option.value, children: option.label }, option.value))
       ] })
     ] }) })
   ] });
@@ -1168,12 +1168,12 @@ import {
 
 // src/components/spinner.tsx
 import { IconLoader2 } from "@tabler/icons-react";
-import { jsx as jsx13 } from "react/jsx-runtime";
+import { jsx as jsx14 } from "react/jsx-runtime";
 function Spinner({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsx14(
     IconLoader2,
     {
       role: "status",
@@ -1185,7 +1185,7 @@ function Spinner({
 }
 
 // src/components/entity/entity-form-actions.tsx
-import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs12 } from "react/jsx-runtime";
 function EntityFormActions({
   mode,
   onSubmit,
@@ -1202,13 +1202,13 @@ function EntityFormActions({
   const defaultSubmitLabel = mode === "new" ? "Create" : "Update";
   const label = submitLabel || defaultSubmitLabel;
   return /* @__PURE__ */ jsxs12("div", { className: "flex items-center gap-3", children: [
-    onSubmit && /* @__PURE__ */ jsx14(
+    onSubmit && /* @__PURE__ */ jsx15(
       Button,
       {
         onClick: onSubmit,
         disabled: disabled || isSubmitting,
         className: "cursor-pointer",
-        leftIcon: isSubmitting ? /* @__PURE__ */ jsx14(Spinner, { className: "size-4" }) : /* @__PURE__ */ jsx14(IconDeviceFloppy, { className: "size-4" }),
+        leftIcon: isSubmitting ? /* @__PURE__ */ jsx15(Spinner, { className: "size-4" }) : /* @__PURE__ */ jsx15(IconDeviceFloppy, { className: "size-4" }),
         children: label
       }
     ),
@@ -1220,25 +1220,25 @@ function EntityFormActions({
         disabled,
         className: "cursor-pointer",
         children: [
-          /* @__PURE__ */ jsx14(IconRotateClockwise, { className: " h-4 w-4" }),
+          /* @__PURE__ */ jsx15(IconRotateClockwise, { className: " h-4 w-4" }),
           "Reset"
         ]
       }
     ),
     mode === "edit" && onDelete && /* @__PURE__ */ jsxs12(AlertDialog, { children: [
-      /* @__PURE__ */ jsx14(AlertDialogTrigger, { asChild: true, children: /* @__PURE__ */ jsx14(
+      /* @__PURE__ */ jsx15(AlertDialogTrigger, { asChild: true, children: /* @__PURE__ */ jsx15(
         Button,
         {
           variant: "destructive",
           disabled: disabled || isDeleting,
           className: "cursor-pointer",
-          leftIcon: isDeleting ? /* @__PURE__ */ jsx14(Spinner, { className: "size-4" }) : /* @__PURE__ */ jsx14(IconTrash2, { className: "size-4" }),
+          leftIcon: isDeleting ? /* @__PURE__ */ jsx15(Spinner, { className: "size-4" }) : /* @__PURE__ */ jsx15(IconTrash2, { className: "size-4" }),
           children: deleteLabel
         }
       ) }),
       /* @__PURE__ */ jsxs12(AlertDialogContent, { children: [
         /* @__PURE__ */ jsxs12(AlertDialogHeader, { children: [
-          /* @__PURE__ */ jsx14(AlertDialogTitle, { children: "Are you sure?" }),
+          /* @__PURE__ */ jsx15(AlertDialogTitle, { children: "Are you sure?" }),
           /* @__PURE__ */ jsxs12(AlertDialogDescription, { children: [
             "This will permanently delete this ",
             itemName,
@@ -1246,8 +1246,8 @@ function EntityFormActions({
           ] })
         ] }),
         /* @__PURE__ */ jsxs12(AlertDialogFooter, { children: [
-          /* @__PURE__ */ jsx14(AlertDialogCancel, { children: "Cancel" }),
-          /* @__PURE__ */ jsx14(
+          /* @__PURE__ */ jsx15(AlertDialogCancel, { children: "Cancel" }),
+          /* @__PURE__ */ jsx15(
             AlertDialogAction,
             {
               onClick: onDelete,
@@ -1258,7 +1258,7 @@ function EntityFormActions({
         ] })
       ] })
     ] }),
-    onCancel && /* @__PURE__ */ jsx14(
+    onCancel && /* @__PURE__ */ jsx15(
       Button,
       {
         variant: "ghost",
@@ -1274,7 +1274,7 @@ function EntityFormActions({
 // src/components/entity/entity-header.tsx
 import { IconChevronDown as IconChevronDown4, IconChevronUp as IconChevronUp2 } from "@tabler/icons-react";
 import { useState as useState5 } from "react";
-import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs13 } from "react/jsx-runtime";
 function EntityHeader({
   title,
   icon,
@@ -1286,15 +1286,15 @@ function EntityHeader({
 }) {
   const [toolbarOpen, setToolbarOpen] = useState5(false);
   const hasToolbar = [search, filter, sort, view].some(Boolean);
-  return /* @__PURE__ */ jsx15(Card, { className: "p-4", children: /* @__PURE__ */ jsxs13("div", { className: "flex flex-col gap-4", children: [
+  return /* @__PURE__ */ jsx16(Card, { className: "p-4", children: /* @__PURE__ */ jsxs13("div", { className: "flex flex-col gap-4", children: [
     /* @__PURE__ */ jsxs13("div", { className: "flex items-center justify-between", children: [
       /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-2", children: [
         icon,
-        /* @__PURE__ */ jsx15("span", { className: "text-lg font-semibold", children: title })
+        /* @__PURE__ */ jsx16("span", { className: "text-lg font-semibold", children: title })
       ] }),
       /* @__PURE__ */ jsxs13("div", { className: "flex items-center gap-3", children: [
         actions,
-        hasToolbar && /* @__PURE__ */ jsx15(
+        hasToolbar && /* @__PURE__ */ jsx16(
           Button,
           {
             variant: "secondary",
@@ -1303,7 +1303,7 @@ function EntityHeader({
             onClick: () => setToolbarOpen((o) => !o),
             "aria-expanded": toolbarOpen,
             "aria-label": toolbarOpen ? "Hide filters" : "Show filters",
-            children: toolbarOpen ? /* @__PURE__ */ jsx15(IconChevronUp2, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx15(IconChevronDown4, { className: "h-4 w-4" })
+            children: toolbarOpen ? /* @__PURE__ */ jsx16(IconChevronUp2, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx16(IconChevronDown4, { className: "h-4 w-4" })
           }
         )
       ] })
@@ -1317,7 +1317,7 @@ function EntityHeader({
           "md:flex"
         ),
         children: [
-          /* @__PURE__ */ jsx15("div", { className: "w-full min-w-0 flex-1 md:min-w-[12rem]", children: search }),
+          /* @__PURE__ */ jsx16("div", { className: "w-full min-w-0 flex-1 md:min-w-[12rem]", children: search }),
           /* @__PURE__ */ jsxs13("div", { className: "flex w-full shrink-0 flex-col gap-2 *:w-full md:w-auto md:flex-row md:items-center md:gap-2 md:*:w-auto", children: [
             filter,
             sort,
@@ -1330,9 +1330,9 @@ function EntityHeader({
 }
 
 // src/components/skeleton.tsx
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 function Skeleton({ className, ...props }) {
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     "div",
     {
       "data-slot": "skeleton",
@@ -1343,14 +1343,14 @@ function Skeleton({ className, ...props }) {
 }
 
 // src/components/table.tsx
-import { jsx as jsx17 } from "react/jsx-runtime";
+import { jsx as jsx18 } from "react/jsx-runtime";
 function Table({ className, ...props }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     "div",
     {
       "data-slot": "table-container",
       className: "relative w-full overflow-x-auto",
-      children: /* @__PURE__ */ jsx17(
+      children: /* @__PURE__ */ jsx18(
         "table",
         {
           "data-slot": "table",
@@ -1362,7 +1362,7 @@ function Table({ className, ...props }) {
   );
 }
 function TableHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     "thead",
     {
       "data-slot": "table-header",
@@ -1372,7 +1372,7 @@ function TableHeader({ className, ...props }) {
   );
 }
 function TableBody({ className, ...props }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     "tbody",
     {
       "data-slot": "table-body",
@@ -1382,7 +1382,7 @@ function TableBody({ className, ...props }) {
   );
 }
 function TableRow({ className, ...props }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     "tr",
     {
       "data-slot": "table-row",
@@ -1395,7 +1395,7 @@ function TableRow({ className, ...props }) {
   );
 }
 function TableHead({ className, ...props }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     "th",
     {
       "data-slot": "table-head",
@@ -1408,7 +1408,7 @@ function TableHead({ className, ...props }) {
   );
 }
 function TableCell({ className, ...props }) {
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     "td",
     {
       "data-slot": "table-cell",
@@ -1422,7 +1422,7 @@ function TableCell({ className, ...props }) {
 }
 
 // src/components/entity/entity-loading-state.tsx
-import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx19, jsxs as jsxs14 } from "react/jsx-runtime";
 function EntityLoadingState({
   view,
   rowCount = 5,
@@ -1431,12 +1431,12 @@ function EntityLoadingState({
   className
 }) {
   if (view === "table") {
-    return /* @__PURE__ */ jsx18("div", { className: cn("rounded-md border", className), children: /* @__PURE__ */ jsxs14(Table, { children: [
-      /* @__PURE__ */ jsx18(TableHeader, { children: /* @__PURE__ */ jsx18(TableRow, { children: Array.from({ length: columnCount }).map((_, i) => /* @__PURE__ */ jsx18(TableHead, { children: /* @__PURE__ */ jsx18(Skeleton, { className: "h-4 w-24" }) }, `header-${i}`)) }) }),
-      /* @__PURE__ */ jsx18(TableBody, { children: Array.from({ length: rowCount }).map((_, rowIndex) => /* @__PURE__ */ jsx18(TableRow, { children: Array.from({ length: columnCount }).map((_2, colIndex) => /* @__PURE__ */ jsx18(TableCell, { children: /* @__PURE__ */ jsx18(Skeleton, { className: "h-4 w-full" }) }, `cell-${rowIndex}-${colIndex}`)) }, `row-${rowIndex}`)) })
+    return /* @__PURE__ */ jsx19("div", { className: cn("rounded-md border", className), children: /* @__PURE__ */ jsxs14(Table, { children: [
+      /* @__PURE__ */ jsx19(TableHeader, { children: /* @__PURE__ */ jsx19(TableRow, { children: Array.from({ length: columnCount }).map((_, i) => /* @__PURE__ */ jsx19(TableHead, { children: /* @__PURE__ */ jsx19(Skeleton, { className: "h-4 w-24" }) }, `header-${i}`)) }) }),
+      /* @__PURE__ */ jsx19(TableBody, { children: Array.from({ length: rowCount }).map((_, rowIndex) => /* @__PURE__ */ jsx19(TableRow, { children: Array.from({ length: columnCount }).map((_2, colIndex) => /* @__PURE__ */ jsx19(TableCell, { children: /* @__PURE__ */ jsx19(Skeleton, { className: "h-4 w-full" }) }, `cell-${rowIndex}-${colIndex}`)) }, `row-${rowIndex}`)) })
     ] }) });
   }
-  return /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsx19(
     "div",
     {
       className: cn(
@@ -1449,16 +1449,16 @@ function EntityLoadingState({
           className: "border-border space-y-3 rounded-lg border p-4",
           children: [
             /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-2", children: [
-              /* @__PURE__ */ jsx18(Skeleton, { className: "h-4 w-4 rounded-full" }),
-              /* @__PURE__ */ jsx18(Skeleton, { className: "h-5 w-32" })
+              /* @__PURE__ */ jsx19(Skeleton, { className: "h-4 w-4 rounded-full" }),
+              /* @__PURE__ */ jsx19(Skeleton, { className: "h-5 w-32" })
             ] }),
             /* @__PURE__ */ jsxs14("div", { className: "flex gap-2", children: [
-              /* @__PURE__ */ jsx18(Skeleton, { className: "h-5 w-16" }),
-              /* @__PURE__ */ jsx18(Skeleton, { className: "h-5 w-16" })
+              /* @__PURE__ */ jsx19(Skeleton, { className: "h-5 w-16" }),
+              /* @__PURE__ */ jsx19(Skeleton, { className: "h-5 w-16" })
             ] }),
-            /* @__PURE__ */ jsx18(Skeleton, { className: "h-4 w-full" }),
-            /* @__PURE__ */ jsx18(Skeleton, { className: "h-4 w-3/4" }),
-            /* @__PURE__ */ jsx18(Skeleton, { className: "h-3 w-24" })
+            /* @__PURE__ */ jsx19(Skeleton, { className: "h-4 w-full" }),
+            /* @__PURE__ */ jsx19(Skeleton, { className: "h-4 w-3/4" }),
+            /* @__PURE__ */ jsx19(Skeleton, { className: "h-3 w-24" })
           ]
         },
         `card-${i}`
@@ -1474,9 +1474,9 @@ import { useRef as useRef2 } from "react";
 import { useDebouncedCallback } from "use-debounce";
 
 // src/components/input.tsx
-import { jsx as jsx19 } from "react/jsx-runtime";
+import { jsx as jsx20 } from "react/jsx-runtime";
 function Input({ className, type, ...props }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx20(
     "input",
     {
       type,
@@ -1493,7 +1493,7 @@ function Input({ className, type, ...props }) {
 }
 
 // src/components/entity/entity-search.tsx
-import { jsx as jsx20, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs15 } from "react/jsx-runtime";
 function EntitySearch({
   paramKey = "search",
   placeholder = "Search...",
@@ -1517,8 +1517,8 @@ function EntitySearch({
     }
   };
   return /* @__PURE__ */ jsxs15("div", { className: cn("relative w-full min-w-0", className), children: [
-    /* @__PURE__ */ jsx20(IconSearch, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
-    /* @__PURE__ */ jsx20(
+    /* @__PURE__ */ jsx21(IconSearch, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }),
+    /* @__PURE__ */ jsx21(
       Input,
       {
         ref,
@@ -1528,13 +1528,13 @@ function EntitySearch({
         className: "w-full min-w-0 pl-9 pr-9"
       }
     ),
-    value && /* @__PURE__ */ jsx20(
+    value && /* @__PURE__ */ jsx21(
       "button",
       {
         type: "button",
         onClick: handleClear,
         className: "absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground",
-        children: /* @__PURE__ */ jsx20(IconX2, { className: "h-4 w-4" })
+        children: /* @__PURE__ */ jsx21(IconX2, { className: "h-4 w-4" })
       }
     )
   ] });
@@ -1546,7 +1546,7 @@ import {
   IconSortDescendingLetters
 } from "@tabler/icons-react";
 import { parseAsInteger as parseAsInteger3, parseAsString as parseAsString3, useQueryState as useQueryState3 } from "nuqs";
-import { jsx as jsx21, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs16 } from "react/jsx-runtime";
 function EntitySort({
   options,
   defaultSort = "createdAt",
@@ -1571,18 +1571,18 @@ function EntitySort({
     setPage(1);
   };
   return /* @__PURE__ */ jsxs16("div", { className: cn("flex w-full items-center gap-0", className), children: [
-    /* @__PURE__ */ jsx21("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsxs16(Select, { value: sort, onValueChange: handleSortChange, children: [
-      /* @__PURE__ */ jsx21(SelectTrigger, { className: "h-9 w-full min-w-[150px] rounded-r-none border-r-0", children: /* @__PURE__ */ jsx21(SelectValue, { placeholder: "Sort by" }) }),
-      /* @__PURE__ */ jsx21(SelectContent, { children: options.map((option) => /* @__PURE__ */ jsx21(SelectItem, { value: option.value, children: option.label }, option.value)) })
+    /* @__PURE__ */ jsx22("div", { className: "min-w-0 flex-1", children: /* @__PURE__ */ jsxs16(Select, { value: sort, onValueChange: handleSortChange, children: [
+      /* @__PURE__ */ jsx22(SelectTrigger, { className: "h-9 w-full min-w-[150px] rounded-r-none border-r-0", children: /* @__PURE__ */ jsx22(SelectValue, { placeholder: "Sort by" }) }),
+      /* @__PURE__ */ jsx22(SelectContent, { children: options.map((option) => /* @__PURE__ */ jsx22(SelectItem, { value: option.value, children: option.label }, option.value)) })
     ] }) }),
-    /* @__PURE__ */ jsx21(
+    /* @__PURE__ */ jsx22(
       Button,
       {
         variant: "outline",
         size: "icon",
         className: "h-9 shrink-0 rounded-l-none",
         onClick: toggleOrder,
-        children: order === "asc" ? /* @__PURE__ */ jsx21(IconSortAscendingLetters, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx21(IconSortDescendingLetters, { className: "h-4 w-4" })
+        children: order === "asc" ? /* @__PURE__ */ jsx22(IconSortAscendingLetters, { className: "h-4 w-4" }) : /* @__PURE__ */ jsx22(IconSortDescendingLetters, { className: "h-4 w-4" })
       }
     )
   ] });
@@ -1595,7 +1595,7 @@ import { parseAsString as parseAsString4, useQueryState as useQueryState4 } from
 // src/components/toggle.tsx
 import * as TogglePrimitive from "@radix-ui/react-toggle";
 import { cva as cva3 } from "class-variance-authority";
-import { jsx as jsx22 } from "react/jsx-runtime";
+import { jsx as jsx23 } from "react/jsx-runtime";
 var toggleVariants = cva3(
   "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap",
   {
@@ -1620,7 +1620,7 @@ var toggleVariants = cva3(
 // src/components/toggle-group.tsx
 import * as ToggleGroupPrimitive from "@radix-ui/react-toggle-group";
 import * as React from "react";
-import { jsx as jsx23 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 var ToggleGroupContext = React.createContext({
   size: "default",
   variant: "default",
@@ -1634,7 +1634,7 @@ function ToggleGroup({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     ToggleGroupPrimitive.Root,
     {
       "data-slot": "toggle-group",
@@ -1647,7 +1647,7 @@ function ToggleGroup({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx23(ToggleGroupContext.Provider, { value: { variant, size, spacing }, children })
+      children: /* @__PURE__ */ jsx24(ToggleGroupContext.Provider, { value: { variant, size, spacing }, children })
     }
   );
 }
@@ -1659,7 +1659,7 @@ function ToggleGroupItem({
   ...props
 }) {
   const context = React.useContext(ToggleGroupContext);
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx24(
     ToggleGroupPrimitive.Item,
     {
       "data-slot": "toggle-group-item",
@@ -1682,11 +1682,11 @@ function ToggleGroupItem({
 }
 
 // src/components/entity/entity-view-toggle.tsx
-import { jsx as jsx24 } from "react/jsx-runtime";
+import { jsx as jsx25 } from "react/jsx-runtime";
 var viewIcons = {
-  table: /* @__PURE__ */ jsx24(IconTable, { className: "h-4 w-4" }),
-  card: /* @__PURE__ */ jsx24(IconGridDots, { className: "h-4 w-4" }),
-  list: /* @__PURE__ */ jsx24(IconList, { className: "h-4 w-4" })
+  table: /* @__PURE__ */ jsx25(IconTable, { className: "h-4 w-4" }),
+  card: /* @__PURE__ */ jsx25(IconGridDots, { className: "h-4 w-4" }),
+  list: /* @__PURE__ */ jsx25(IconList, { className: "h-4 w-4" })
 };
 function EntityViewToggle({
   views = ["table", "card"],
@@ -1696,14 +1696,14 @@ function EntityViewToggle({
     "view",
     parseAsString4.withDefault("table")
   );
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx25(
     ToggleGroup,
     {
       type: "single",
       value,
       onValueChange: (v) => v && setValue(v),
       className: cn("w-full! border rounded-md md:w-auto!", className),
-      children: views.map((v) => /* @__PURE__ */ jsx24(
+      children: views.map((v) => /* @__PURE__ */ jsx25(
         ToggleGroupItem,
         {
           value: v,