@kilnonedre/foundation 0.0.13 → 0.0.14

package/dist/index.js

@@ -1065,7 +1065,7 @@ var CheckboxSingleList = (props) => {
 };
 
 // src/components/data-table/index.tsx
-import { useEffect, useMemo as useMemo2, useState } from "react";
+import { useEffect, useMemo as useMemo2, useState as useState2 } from "react";
 import {
   flexRender,
   getCoreRowModel,
@@ -1285,6 +1285,67 @@ var TableHeaderText = (props) => {
   );
 };
 
+// src/components/data-table/component/table-image/index.tsx
+import { useState } from "react";
+import { Eye } from "lucide-react";
+
+// src/shadcn/components/card.tsx
+import { jsx as jsx19 } from "react/jsx-runtime";
+function Card({ className, ...props }) {
+  return /* @__PURE__ */ jsx19(
+    "div",
+    {
+      "data-slot": "card",
+      className: cn(
+        "flex flex-col gap-6 rounded-xl border bg-card py-6 text-card-foreground shadow-sm",
+        className
+      ),
+      ...props
+    }
+  );
+}
+
+// src/components/data-table/component/table-image/index.tsx
+import { jsx as jsx20, jsxs as jsxs9 } from "react/jsx-runtime";
+var TableImage = (props) => {
+  const [preview, setPreview] = useState(null);
+  return /* @__PURE__ */ jsxs9("div", { className: "space-y-3", children: [
+    /* @__PURE__ */ jsx20("div", { className: "flex gap-3 overflow-x-auto", children: props.value.map((img, index) => /* @__PURE__ */ jsx20(Card, { className: "group overflow-hidden w-25", children: /* @__PURE__ */ jsxs9("div", { className: "relative aspect-square bg-muted", children: [
+      /* @__PURE__ */ jsx20(
+        "img",
+        {
+          src: img.url,
+          alt: "",
+          className: "h-full w-full object-cover",
+          loading: "lazy"
+        }
+      ),
+      /* @__PURE__ */ jsx20("div", { className: "absolute inset-0 flex items-start justify-end p-2 opacity-0 transition group-hover:opacity-100", children: /* @__PURE__ */ jsx20(
+        Button,
+        {
+          size: "icon",
+          variant: "secondary",
+          className: "h-8 w-8",
+          type: "button",
+          onClick: () => setPreview(img),
+          children: /* @__PURE__ */ jsx20(Eye, { className: "h-4 w-4" })
+        }
+      ) })
+    ] }) }, img.id + index)) }),
+    /* @__PURE__ */ jsx20(Dialog, { open: !!preview, onOpenChange: () => setPreview(null), children: /* @__PURE__ */ jsxs9(DialogContent, { className: "max-w-3xl", children: [
+      /* @__PURE__ */ jsx20(DialogHeader, { children: /* @__PURE__ */ jsx20(DialogTitle, { children: "\u9884\u89C8" }) }),
+      preview && /* @__PURE__ */ jsx20("div", { className: "relative aspect-video w-full overflow-hidden rounded-lg bg-muted", children: /* @__PURE__ */ jsx20(
+        "img",
+        {
+          src: preview.url,
+          alt: "",
+          className: "h-full w-full object-contain"
+        }
+      ) })
+    ] }) })
+  ] });
+};
+
 // src/components/data-table/component/table-pagination/index.tsx
 import { useMemo } from "react";
 
@@ -1294,9 +1355,9 @@ import {
   ChevronRightIcon,
   MoreHorizontalIcon
 } from "lucide-react";
-import { jsx as jsx19, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs10 } from "react/jsx-runtime";
 function Pagination({ className, ...props }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx21(
     "nav",
     {
       role: "navigation",
@@ -1311,7 +1372,7 @@ function PaginationContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx21(
     "ul",
     {
       "data-slot": "pagination-content",
@@ -1321,7 +1382,7 @@ function PaginationContent({
   );
 }
 function PaginationItem({ ...props }) {
-  return /* @__PURE__ */ jsx19("li", { "data-slot": "pagination-item", ...props });
+  return /* @__PURE__ */ jsx21("li", { "data-slot": "pagination-item", ...props });
 }
 function PaginationLink({
   className,
@@ -1329,7 +1390,7 @@ function PaginationLink({
   size = "icon",
   ...props
 }) {
-  return /* @__PURE__ */ jsx19(
+  return /* @__PURE__ */ jsx21(
     "a",
     {
       "aria-current": isActive ? "page" : void 0,
@@ -1350,7 +1411,7 @@ function PaginationPrevious({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs10(
     PaginationLink,
     {
       "aria-label": "Go to previous page",
@@ -1358,8 +1419,8 @@ function PaginationPrevious({
       className: cn("gap-1 px-2.5 sm:pl-2.5", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx19(ChevronLeftIcon, {}),
-        /* @__PURE__ */ jsx19("span", { className: "hidden sm:block", children: "Previous" })
+        /* @__PURE__ */ jsx21(ChevronLeftIcon, {}),
+        /* @__PURE__ */ jsx21("span", { className: "hidden sm:block", children: "Previous" })
       ]
     }
   );
@@ -1368,7 +1429,7 @@ function PaginationNext({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs10(
     PaginationLink,
     {
       "aria-label": "Go to next page",
@@ -1376,8 +1437,8 @@ function PaginationNext({
       className: cn("gap-1 px-2.5 sm:pr-2.5", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx19("span", { className: "hidden sm:block", children: "Next" }),
-        /* @__PURE__ */ jsx19(ChevronRightIcon, {})
+        /* @__PURE__ */ jsx21("span", { className: "hidden sm:block", children: "Next" }),
+        /* @__PURE__ */ jsx21(ChevronRightIcon, {})
       ]
     }
   );
@@ -1386,7 +1447,7 @@ function PaginationEllipsis({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs9(
+  return /* @__PURE__ */ jsxs10(
     "span",
     {
       "aria-hidden": true,
@@ -1394,8 +1455,8 @@ function PaginationEllipsis({
       className: cn("flex size-9 items-center justify-center", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx19(MoreHorizontalIcon, { className: "size-4" }),
-        /* @__PURE__ */ jsx19("span", { className: "sr-only", children: "More pages" })
+        /* @__PURE__ */ jsx21(MoreHorizontalIcon, { className: "size-4" }),
+        /* @__PURE__ */ jsx21("span", { className: "sr-only", children: "More pages" })
       ]
     }
   );
@@ -1404,21 +1465,21 @@ function PaginationEllipsis({
 // src/shadcn/components/select.tsx
 import { CheckIcon as CheckIcon2, ChevronDownIcon, ChevronUpIcon } from "lucide-react";
 import { Select as SelectPrimitive } from "radix-ui";
-import { jsx as jsx20, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs11 } from "react/jsx-runtime";
 function Select({
   ...props
 }) {
-  return /* @__PURE__ */ jsx20(SelectPrimitive.Root, { "data-slot": "select", ...props });
+  return /* @__PURE__ */ jsx22(SelectPrimitive.Root, { "data-slot": "select", ...props });
 }
 function SelectGroup({
   ...props
 }) {
-  return /* @__PURE__ */ jsx20(SelectPrimitive.Group, { "data-slot": "select-group", ...props });
+  return /* @__PURE__ */ jsx22(SelectPrimitive.Group, { "data-slot": "select-group", ...props });
 }
 function SelectValue({
   ...props
 }) {
-  return /* @__PURE__ */ jsx20(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
+  return /* @__PURE__ */ jsx22(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
 }
 function SelectTrigger({
   className,
@@ -1426,7 +1487,7 @@ function SelectTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs11(
     SelectPrimitive.Trigger,
     {
       "data-slot": "select-trigger",
@@ -1438,7 +1499,7 @@ function SelectTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx20(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx20(ChevronDownIcon, { className: "size-4 opacity-50" }) })
+        /* @__PURE__ */ jsx22(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx22(ChevronDownIcon, { className: "size-4 opacity-50" }) })
       ]
     }
   );
@@ -1450,7 +1511,7 @@ function SelectContent({
   align = "center",
   ...props
 }) {
-  return /* @__PURE__ */ jsx20(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsx22(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs11(
     SelectPrimitive.Content,
     {
       "data-slot": "select-content",
@@ -1463,8 +1524,8 @@ function SelectContent({
       align,
       ...props,
       children: [
-        /* @__PURE__ */ jsx20(SelectScrollUpButton, {}),
-        /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsx22(SelectScrollUpButton, {}),
+        /* @__PURE__ */ jsx22(
           SelectPrimitive.Viewport,
           {
             className: cn(
@@ -1474,7 +1535,7 @@ function SelectContent({
             children
           }
         ),
-        /* @__PURE__ */ jsx20(SelectScrollDownButton, {})
+        /* @__PURE__ */ jsx22(SelectScrollDownButton, {})
       ]
     }
   ) });
@@ -1484,7 +1545,7 @@ function SelectItem({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs11(
     SelectPrimitive.Item,
     {
       "data-slot": "select-item",
@@ -1494,15 +1555,15 @@ function SelectItem({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx20(
+        /* @__PURE__ */ jsx22(
           "span",
           {
             "data-slot": "select-item-indicator",
             className: "absolute right-2 flex size-3.5 items-center justify-center",
-            children: /* @__PURE__ */ jsx20(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx20(CheckIcon2, { className: "size-4" }) })
+            children: /* @__PURE__ */ jsx22(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx22(CheckIcon2, { className: "size-4" }) })
           }
         ),
-        /* @__PURE__ */ jsx20(SelectPrimitive.ItemText, { children })
+        /* @__PURE__ */ jsx22(SelectPrimitive.ItemText, { children })
       ]
     }
   );
@@ -1511,7 +1572,7 @@ function SelectScrollUpButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx22(
     SelectPrimitive.ScrollUpButton,
     {
       "data-slot": "select-scroll-up-button",
@@ -1520,7 +1581,7 @@ function SelectScrollUpButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx20(ChevronUpIcon, { className: "size-4" })
+      children: /* @__PURE__ */ jsx22(ChevronUpIcon, { className: "size-4" })
     }
   );
 }
@@ -1528,7 +1589,7 @@ function SelectScrollDownButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx22(
     SelectPrimitive.ScrollDownButton,
     {
       "data-slot": "select-scroll-down-button",
@@ -1537,13 +1598,13 @@ function SelectScrollDownButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx20(ChevronDownIcon, { className: "size-4" })
+      children: /* @__PURE__ */ jsx22(ChevronDownIcon, { className: "size-4" })
     }
   );
 }
 
 // src/components/data-table/component/table-pagination/index.tsx
-import { jsx as jsx21, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx23, jsxs as jsxs12 } from "react/jsx-runtime";
 var buildPages = (current, total) => {
   if (total <= 0) return [];
   if (total <= 7) {
@@ -1585,9 +1646,9 @@ var TablePagination = (props) => {
     () => buildPages(props.currentPage, props.totalPage),
     [props]
   );
-  return /* @__PURE__ */ jsxs11("div", { className: "flex w-full items-center gap-8 lg:w-fit", children: [
-    /* @__PURE__ */ jsx21("div", { className: "ml-auto flex items-center gap-2 lg:ml-0", children: /* @__PURE__ */ jsx21(Pagination, { children: /* @__PURE__ */ jsxs11(PaginationContent, { children: [
-      /* @__PURE__ */ jsx21(PaginationItem, { children: /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsxs12("div", { className: "flex w-full items-center gap-8 lg:w-fit", children: [
+    /* @__PURE__ */ jsx23("div", { className: "ml-auto flex items-center gap-2 lg:ml-0", children: /* @__PURE__ */ jsx23(Pagination, { children: /* @__PURE__ */ jsxs12(PaginationContent, { children: [
+      /* @__PURE__ */ jsx23(PaginationItem, { children: /* @__PURE__ */ jsx23(
         PaginationPrevious,
         {
           onClick: () => updateCurrentPage(props.currentPage - 1),
@@ -1597,9 +1658,9 @@ var TablePagination = (props) => {
       ) }),
       pageItems.map((item) => {
         if (item.type === "ellipsis") {
-          return /* @__PURE__ */ jsx21(PaginationItem, { children: /* @__PURE__ */ jsx21(PaginationEllipsis, {}) }, item.key);
+          return /* @__PURE__ */ jsx23(PaginationItem, { children: /* @__PURE__ */ jsx23(PaginationEllipsis, {}) }, item.key);
         }
-        return /* @__PURE__ */ jsx21(PaginationItem, { children: /* @__PURE__ */ jsx21(
+        return /* @__PURE__ */ jsx23(PaginationItem, { children: /* @__PURE__ */ jsx23(
           PaginationLink,
           {
             isActive: props.currentPage === item.page,
@@ -1608,7 +1669,7 @@ var TablePagination = (props) => {
           }
         ) }, item.page);
       }),
-      /* @__PURE__ */ jsx21(PaginationItem, { children: /* @__PURE__ */ jsx21(
+      /* @__PURE__ */ jsx23(PaginationItem, { children: /* @__PURE__ */ jsx23(
         PaginationNext,
         {
           onClick: () => updateCurrentPage(props.currentPage + 1),
@@ -1617,7 +1678,7 @@ var TablePagination = (props) => {
         }
       ) })
     ] }) }) }),
-    /* @__PURE__ */ jsx21("div", { className: "hidden items-center gap-2 lg:flex", children: /* @__PURE__ */ jsxs11(
+    /* @__PURE__ */ jsx23("div", { className: "hidden items-center gap-2 lg:flex", children: /* @__PURE__ */ jsxs12(
       Select,
       {
         value: String(props.size),
@@ -1625,8 +1686,8 @@ var TablePagination = (props) => {
           props.onUpdateSize(Number(value));
         },
         children: [
-          /* @__PURE__ */ jsx21(SelectTrigger, { className: "w-20", id: "rows-per-page", children: /* @__PURE__ */ jsx21(SelectValue, {}) }),
-          /* @__PURE__ */ jsx21(SelectContent, { side: "top", children: props.sizeList.map((pageSize) => /* @__PURE__ */ jsxs11(SelectItem, { value: `${pageSize}`, children: [
+          /* @__PURE__ */ jsx23(SelectTrigger, { className: "w-20", id: "rows-per-page", children: /* @__PURE__ */ jsx23(SelectValue, {}) }),
+          /* @__PURE__ */ jsx23(SelectContent, { side: "top", children: props.sizeList.map((pageSize) => /* @__PURE__ */ jsxs12(SelectItem, { value: `${pageSize}`, children: [
             pageSize,
             "/\u9875"
           ] }, pageSize)) })
@@ -1637,9 +1698,9 @@ var TablePagination = (props) => {
 };
 
 // src/components/data-table/component/table-text/index.tsx
-import { jsx as jsx22 } from "react/jsx-runtime";
+import { jsx as jsx24 } from "react/jsx-runtime";
 var TableText = (props) => {
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx24(
     "div",
     {
       className: cn2(
@@ -1654,21 +1715,21 @@ var TableText = (props) => {
 // src/shadcn/components/dropdown-menu.tsx
 import { CheckIcon as CheckIcon3, ChevronRightIcon as ChevronRightIcon2, CircleIcon } from "lucide-react";
 import { DropdownMenu as DropdownMenuPrimitive } from "radix-ui";
-import { jsx as jsx23, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs13 } from "react/jsx-runtime";
 function DropdownMenu({
   ...props
 }) {
-  return /* @__PURE__ */ jsx23(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
+  return /* @__PURE__ */ jsx25(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
 }
 function DropdownMenuPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsx23(DropdownMenuPrimitive.Portal, { "data-slot": "dropdown-menu-portal", ...props });
+  return /* @__PURE__ */ jsx25(DropdownMenuPrimitive.Portal, { "data-slot": "dropdown-menu-portal", ...props });
 }
 function DropdownMenuTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx25(
     DropdownMenuPrimitive.Trigger,
     {
       "data-slot": "dropdown-menu-trigger",
@@ -1681,7 +1742,7 @@ function DropdownMenuContent({
   sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ jsx23(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx25(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx25(
     DropdownMenuPrimitive.Content,
     {
       "data-slot": "dropdown-menu-content",
@@ -1700,7 +1761,7 @@ function DropdownMenuItem({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx25(
     DropdownMenuPrimitive.Item,
     {
       "data-slot": "dropdown-menu-item",
@@ -1720,7 +1781,7 @@ function DropdownMenuCheckboxItem({
   checked,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs13(
     DropdownMenuPrimitive.CheckboxItem,
     {
       "data-slot": "dropdown-menu-checkbox-item",
@@ -1731,7 +1792,7 @@ function DropdownMenuCheckboxItem({
       checked,
       ...props,
       children: [
-        /* @__PURE__ */ jsx23("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx23(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx23(CheckIcon3, { className: "size-4" }) }) }),
+        /* @__PURE__ */ jsx25("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx25(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx25(CheckIcon3, { className: "size-4" }) }) }),
         children
       ]
     }
@@ -1740,7 +1801,7 @@ function DropdownMenuCheckboxItem({
 function DropdownMenuSub({
   ...props
 }) {
-  return /* @__PURE__ */ jsx23(DropdownMenuPrimitive.Sub, { "data-slot": "dropdown-menu-sub", ...props });
+  return /* @__PURE__ */ jsx25(DropdownMenuPrimitive.Sub, { "data-slot": "dropdown-menu-sub", ...props });
 }
 function DropdownMenuSubTrigger({
   className,
@@ -1748,7 +1809,7 @@ function DropdownMenuSubTrigger({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs12(
+  return /* @__PURE__ */ jsxs13(
     DropdownMenuPrimitive.SubTrigger,
     {
       "data-slot": "dropdown-menu-sub-trigger",
@@ -1760,7 +1821,7 @@ function DropdownMenuSubTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx23(ChevronRightIcon2, { className: "ml-auto size-4" })
+        /* @__PURE__ */ jsx25(ChevronRightIcon2, { className: "ml-auto size-4" })
       ]
     }
   );
@@ -1769,7 +1830,7 @@ function DropdownMenuSubContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx23(
+  return /* @__PURE__ */ jsx25(
     DropdownMenuPrimitive.SubContent,
     {
       "data-slot": "dropdown-menu-sub-content",
@@ -1785,20 +1846,20 @@ function DropdownMenuSubContent({
 // src/shadcn/components/sheet.tsx
 import { XIcon as XIcon2 } from "lucide-react";
 import { Dialog as SheetPrimitive } from "radix-ui";
-import { jsx as jsx24, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx26, jsxs as jsxs14 } from "react/jsx-runtime";
 function Sheet({ ...props }) {
-  return /* @__PURE__ */ jsx24(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
+  return /* @__PURE__ */ jsx26(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
 }
 function SheetPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsx24(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
+  return /* @__PURE__ */ jsx26(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
 }
 function SheetOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx26(
     SheetPrimitive.Overlay,
     {
       "data-slot": "sheet-overlay",
@@ -1817,9 +1878,9 @@ function SheetContent({
   showCloseButton = true,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs13(SheetPortal, { children: [
-    /* @__PURE__ */ jsx24(SheetOverlay, {}),
-    /* @__PURE__ */ jsxs13(
+  return /* @__PURE__ */ jsxs14(SheetPortal, { children: [
+    /* @__PURE__ */ jsx26(SheetOverlay, {}),
+    /* @__PURE__ */ jsxs14(
       SheetPrimitive.Content,
       {
         "data-slot": "sheet-content",
@@ -1834,9 +1895,9 @@ function SheetContent({
         ...props,
         children: [
           children,
-          showCloseButton && /* @__PURE__ */ jsxs13(SheetPrimitive.Close, { className: "absolute top-4 right-4 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
-            /* @__PURE__ */ jsx24(XIcon2, { className: "size-4" }),
-            /* @__PURE__ */ jsx24("span", { className: "sr-only", children: "Close" })
+          showCloseButton && /* @__PURE__ */ jsxs14(SheetPrimitive.Close, { className: "absolute top-4 right-4 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none data-[state=open]:bg-secondary", children: [
+            /* @__PURE__ */ jsx26(XIcon2, { className: "size-4" }),
+            /* @__PURE__ */ jsx26("span", { className: "sr-only", children: "Close" })
           ] })
         ]
       }
@@ -1844,7 +1905,7 @@ function SheetContent({
   ] });
 }
 function SheetHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx26(
     "div",
     {
       "data-slot": "sheet-header",
@@ -1854,7 +1915,7 @@ function SheetHeader({ className, ...props }) {
   );
 }
 function SheetFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx26(
     "div",
     {
       "data-slot": "sheet-footer",
@@ -1867,7 +1928,7 @@ function SheetTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx26(
     SheetPrimitive.Title,
     {
       "data-slot": "sheet-title",
@@ -1878,14 +1939,14 @@ function SheetTitle({
 }
 
 // src/shadcn/components/table.tsx
-import { jsx as jsx25 } from "react/jsx-runtime";
+import { jsx as jsx27 } from "react/jsx-runtime";
 function Table({ className, ...props }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx27(
     "div",
     {
       "data-slot": "table-container",
       className: "relative w-full overflow-x-auto",
-      children: /* @__PURE__ */ jsx25(
+      children: /* @__PURE__ */ jsx27(
         "table",
         {
           "data-slot": "table",
@@ -1897,7 +1958,7 @@ function Table({ className, ...props }) {
   );
 }
 function TableHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx27(
     "thead",
     {
       "data-slot": "table-header",
@@ -1907,7 +1968,7 @@ function TableHeader({ className, ...props }) {
   );
 }
 function TableBody({ className, ...props }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx27(
     "tbody",
     {
       "data-slot": "table-body",
@@ -1917,7 +1978,7 @@ function TableBody({ className, ...props }) {
   );
 }
 function TableRow({ className, ...props }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx27(
     "tr",
     {
       "data-slot": "table-row",
@@ -1930,7 +1991,7 @@ function TableRow({ className, ...props }) {
   );
 }
 function TableHead({ className, ...props }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx27(
     "th",
     {
       "data-slot": "table-head",
@@ -1943,7 +2004,7 @@ function TableHead({ className, ...props }) {
   );
 }
 function TableCell({ className, ...props }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx27(
     "td",
     {
       "data-slot": "table-cell",
@@ -1957,7 +2018,7 @@ function TableCell({ className, ...props }) {
 }
 
 // src/components/data-table/index.tsx
-import { jsx as jsx26, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs15 } from "react/jsx-runtime";
 var buildParams = (page, size, keyword, filters, sorting) => {
   const result = { page, size };
   if (!isEmpty(keyword)) {
@@ -1974,23 +2035,23 @@ var buildParams = (page, size, keyword, filters, sorting) => {
   return result;
 };
 var DataTable = (props) => {
-  const [data, setData] = useState(new Array());
-  const [rowSelection, setRowSelection] = useState({});
-  const [columnVisibility, setColumnVisibility] = useState({});
-  const [columnFilters, setColumnFilters] = useState([]);
-  const [sorting, setSorting] = useState([]);
+  const [data, setData] = useState2(new Array());
+  const [rowSelection, setRowSelection] = useState2({});
+  const [columnVisibility, setColumnVisibility] = useState2({});
+  const [columnFilters, setColumnFilters] = useState2([]);
+  const [sorting, setSorting] = useState2([]);
   const sizeList = [10, 20, 30, 40, 50];
-  const [totalPage, setTotalPage] = useState(0);
-  const [size, setSize] = useState(sizeList[0]);
-  const [currentPage, setCurrentPage] = useState(1);
-  const [refreshKey, setRefreshKey] = useState(0);
-  const [filtersState, setFiltersState] = useState(
+  const [totalPage, setTotalPage] = useState2(0);
+  const [size, setSize] = useState2(sizeList[0]);
+  const [currentPage, setCurrentPage] = useState2(1);
+  const [refreshKey, setRefreshKey] = useState2(0);
+  const [filtersState, setFiltersState] = useState2(
     props.filters ?? {}
   );
-  const [draftFilters, setDraftFilters] = useState(
+  const [draftFilters, setDraftFilters] = useState2(
     props.filters ?? {}
   );
-  const [advancedOpen, setAdvancedOpen] = useState(false);
+  const [advancedOpen, setAdvancedOpen] = useState2(false);
   const requestSorting = useMemo2(
     () => sorting.map((item) => ({
       id: item.id,
@@ -2095,16 +2156,16 @@ var DataTable = (props) => {
     getFacetedRowModel: getFacetedRowModel(),
     getFacetedUniqueValues: getFacetedUniqueValues()
   });
-  return /* @__PURE__ */ jsxs14("div", { className: "flex w-full flex-col gap-6", children: [
-    /* @__PURE__ */ jsxs14("div", { className: "flex items-center justify-between gap-4 px-4 lg:px-6", children: [
-      /* @__PURE__ */ jsxs14("div", { className: "flex flex-1 items-center gap-2", children: [
+  return /* @__PURE__ */ jsxs15("div", { className: "flex w-full flex-col gap-6", children: [
+    /* @__PURE__ */ jsxs15("div", { className: "flex items-center justify-between gap-4 px-4 lg:px-6", children: [
+      /* @__PURE__ */ jsxs15("div", { className: "flex flex-1 items-center gap-2", children: [
         props.searchbar?.({
           filters: draftFilters,
           setFilters: (updater) => setDraftFilters((prev) => updater(prev)),
           search: () => syncFilters(draftFilters),
           reset: resetFilters
         }),
-        props.advancedFilter && /* @__PURE__ */ jsxs14(
+        props.advancedFilter && /* @__PURE__ */ jsxs15(
           Button,
           {
             variant: "outline",
@@ -2114,25 +2175,25 @@ var DataTable = (props) => {
               setAdvancedOpen(true);
             },
             children: [
-              /* @__PURE__ */ jsx26(FilterIcon, {}),
+              /* @__PURE__ */ jsx28(FilterIcon, {}),
               "\u66F4\u591A\u7B5B\u9009"
             ]
           }
         ),
-        (props.searchbar || props.advancedFilter) && /* @__PURE__ */ jsxs14(Button, { variant: "ghost", size: "sm", onClick: resetFilters, children: [
-          /* @__PURE__ */ jsx26(RotateCcwIcon, {}),
+        (props.searchbar || props.advancedFilter) && /* @__PURE__ */ jsxs15(Button, { variant: "ghost", size: "sm", onClick: resetFilters, children: [
+          /* @__PURE__ */ jsx28(RotateCcwIcon, {}),
           "\u91CD\u7F6E"
         ] })
       ] }),
-      /* @__PURE__ */ jsxs14("div", { className: "flex items-center gap-2", children: [
-        /* @__PURE__ */ jsxs14(DropdownMenu, { children: [
-          /* @__PURE__ */ jsx26(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs14(Button, { variant: "outline", size: "sm", children: [
-            /* @__PURE__ */ jsx26(ColumnsIcon, {}),
-            /* @__PURE__ */ jsx26(ChevronDownIcon2, {})
+      /* @__PURE__ */ jsxs15("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxs15(DropdownMenu, { children: [
+          /* @__PURE__ */ jsx28(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs15(Button, { variant: "outline", size: "sm", children: [
+            /* @__PURE__ */ jsx28(ColumnsIcon, {}),
+            /* @__PURE__ */ jsx28(ChevronDownIcon2, {})
           ] }) }),
-          /* @__PURE__ */ jsx26(DropdownMenuContent, { align: "end", className: "w-56", children: table.getAllColumns().filter(
+          /* @__PURE__ */ jsx28(DropdownMenuContent, { align: "end", className: "w-56", children: table.getAllColumns().filter(
             (column) => typeof column.accessorFn !== "undefined" && column.getCanHide()
-          ).map((column) => /* @__PURE__ */ jsx26(
+          ).map((column) => /* @__PURE__ */ jsx28(
             DropdownMenuCheckboxItem,
             {
               checked: column.getIsVisible(),
@@ -2145,25 +2206,25 @@ var DataTable = (props) => {
         props.toolbar?.({ refresh })
       ] })
     ] }),
-    /* @__PURE__ */ jsxs14("div", { className: "flex flex-col gap-4 overflow-auto px-4 pb-0.5 lg:px-6", children: [
-      /* @__PURE__ */ jsx26("div", { className: "overflow-hidden rounded-lg border", children: /* @__PURE__ */ jsxs14(Table, { children: [
-        /* @__PURE__ */ jsx26(TableHeader, { className: "sticky top-0 z-10 bg-muted", children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx26(TableRow, { children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx26(TableHead, { colSpan: header.colSpan, children: header.isPlaceholder ? null : flexRender(
+    /* @__PURE__ */ jsxs15("div", { className: "flex flex-col gap-4 overflow-auto px-4 pb-0.5 lg:px-6", children: [
+      /* @__PURE__ */ jsx28("div", { className: "overflow-hidden rounded-lg border", children: /* @__PURE__ */ jsxs15(Table, { children: [
+        /* @__PURE__ */ jsx28(TableHeader, { className: "sticky top-0 z-10 bg-muted", children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx28(TableRow, { children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx28(TableHead, { colSpan: header.colSpan, children: header.isPlaceholder ? null : flexRender(
           header.column.columnDef.header,
           header.getContext()
         ) }, header.id)) }, headerGroup.id)) }),
-        /* @__PURE__ */ jsx26(TableBody, { children: table.getRowModel().rows.length > 0 ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx26(TableRow, { children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx26(TableCell, { children: flexRender(
+        /* @__PURE__ */ jsx28(TableBody, { children: table.getRowModel().rows.length > 0 ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx28(TableRow, { children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx28(TableCell, { children: flexRender(
           cell.column.columnDef.cell,
           cell.getContext()
-        ) }, cell.id)) }, row.id)) : /* @__PURE__ */ jsx26(TableRow, { children: /* @__PURE__ */ jsx26(
+        ) }, cell.id)) }, row.id)) : /* @__PURE__ */ jsx28(TableRow, { children: /* @__PURE__ */ jsx28(
           TableCell,
           {
             colSpan: props.columns.length,
             className: "h-24 text-center",
-            children: /* @__PURE__ */ jsx26(TableEmpty, {})
+            children: /* @__PURE__ */ jsx28(TableEmpty, {})
           }
         ) }) })
       ] }) }),
-      /* @__PURE__ */ jsx26("div", { className: "flex items-center justify-end px-4", children: /* @__PURE__ */ jsx26(
+      /* @__PURE__ */ jsx28("div", { className: "flex items-center justify-end px-4", children: /* @__PURE__ */ jsx28(
         TablePagination,
         {
           currentPage,
@@ -2178,14 +2239,14 @@ var DataTable = (props) => {
         }
       ) })
     ] }),
-    props.advancedFilter && /* @__PURE__ */ jsx26(Sheet, { open: advancedOpen, onOpenChange: setAdvancedOpen, children: /* @__PURE__ */ jsxs14(SheetContent, { className: "flex w-[420px] flex-col p-0", children: [
-      /* @__PURE__ */ jsx26(SheetHeader, { className: "border-b px-6 py-4", children: /* @__PURE__ */ jsx26(SheetTitle, { children: "\u66F4\u591A\u7B5B\u9009" }) }),
-      /* @__PURE__ */ jsx26("div", { className: "flex-1 overflow-y-auto px-6 py-4", children: props.advancedFilter({
+    props.advancedFilter && /* @__PURE__ */ jsx28(Sheet, { open: advancedOpen, onOpenChange: setAdvancedOpen, children: /* @__PURE__ */ jsxs15(SheetContent, { className: "flex w-[420px] flex-col p-0", children: [
+      /* @__PURE__ */ jsx28(SheetHeader, { className: "border-b px-6 py-4", children: /* @__PURE__ */ jsx28(SheetTitle, { children: "\u66F4\u591A\u7B5B\u9009" }) }),
+      /* @__PURE__ */ jsx28("div", { className: "flex-1 overflow-y-auto px-6 py-4", children: props.advancedFilter({
         draftFilters,
         setDraftFilters: (updater) => setDraftFilters((prev) => updater(prev))
       }) }),
-      /* @__PURE__ */ jsxs14(SheetFooter, { className: "border-t px-6 py-4", children: [
-        /* @__PURE__ */ jsx26(
+      /* @__PURE__ */ jsxs15(SheetFooter, { className: "border-t px-6 py-4", children: [
+        /* @__PURE__ */ jsx28(
           Button,
           {
             className: "flex-1",
@@ -2194,18 +2255,18 @@ var DataTable = (props) => {
             children: "\u91CD\u7F6E"
           }
         ),
-        /* @__PURE__ */ jsx26(Button, { className: "flex-1", onClick: confirmAdvanced, children: "\u786E\u8BA4\u7B5B\u9009" })
+        /* @__PURE__ */ jsx28(Button, { className: "flex-1", onClick: confirmAdvanced, children: "\u786E\u8BA4\u7B5B\u9009" })
       ] })
     ] }) })
   ] });
 };
 
 // src/components/dialog/index.tsx
-import { useState as useState2 } from "react";
-import { jsx as jsx27, jsxs as jsxs15 } from "react/jsx-runtime";
+import { useState as useState3 } from "react";
+import { jsx as jsx29, jsxs as jsxs16 } from "react/jsx-runtime";
 var Dialog2 = (props) => {
-  const [open, setOpen] = useState2(false);
-  const [confirmLoading, setConfirmLoading] = useState2(false);
+  const [open, setOpen] = useState3(false);
+  const [confirmLoading, setConfirmLoading] = useState3(false);
   const handleConfirm = async () => {
     if (!props.onConfirm) {
       setOpen(false);
@@ -2219,14 +2280,14 @@ var Dialog2 = (props) => {
       setConfirmLoading(false);
     }
   };
-  return /* @__PURE__ */ jsxs15(Dialog, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx27(DialogTrigger, { asChild: true, children: props.children }),
-    /* @__PURE__ */ jsxs15(DialogContent, { className: "sm:max-w-106.25", children: [
-      /* @__PURE__ */ jsx27(DialogHeader, { children: /* @__PURE__ */ jsx27(DialogTitle, { children: props.title ?? "\u63D0\u793A" }) }),
-      /* @__PURE__ */ jsx27("div", { className: "py-4", children: typeof props.content === "string" ? /* @__PURE__ */ jsx27("div", { children: props.content }) : props.content }),
-      /* @__PURE__ */ jsxs15(DialogFooter, { children: [
-        /* @__PURE__ */ jsx27(DialogClose, { asChild: true, children: /* @__PURE__ */ jsx27(Button2, { variant: EnumVariant.OUTLINE, disabled: confirmLoading, children: props.cancelText ?? "\u53D6\u6D88" }) }),
-        /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsxs16(Dialog, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx29(DialogTrigger, { asChild: true, children: props.children }),
+    /* @__PURE__ */ jsxs16(DialogContent, { className: "sm:max-w-106.25", children: [
+      /* @__PURE__ */ jsx29(DialogHeader, { children: /* @__PURE__ */ jsx29(DialogTitle, { children: props.title ?? "\u63D0\u793A" }) }),
+      /* @__PURE__ */ jsx29("div", { className: "py-4", children: typeof props.content === "string" ? /* @__PURE__ */ jsx29("div", { children: props.content }) : props.content }),
+      /* @__PURE__ */ jsxs16(DialogFooter, { children: [
+        /* @__PURE__ */ jsx29(DialogClose, { asChild: true, children: /* @__PURE__ */ jsx29(Button2, { variant: EnumVariant.OUTLINE, disabled: confirmLoading, children: props.cancelText ?? "\u53D6\u6D88" }) }),
+        /* @__PURE__ */ jsx29(
           Button2,
           {
             type: "button",
@@ -2242,7 +2303,7 @@ var Dialog2 = (props) => {
 };
 
 // src/components/display-table/index.tsx
-import { useState as useState3 } from "react";
+import { useState as useState4 } from "react";
 import {
   flexRender as flexRender2,
   getCoreRowModel as getCoreRowModel2,
@@ -2252,12 +2313,12 @@ import {
   getSortedRowModel as getSortedRowModel2,
   useReactTable as useReactTable2
 } from "@tanstack/react-table";
-import { jsx as jsx28, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs17 } from "react/jsx-runtime";
 var DisplayTable = (props) => {
-  const [rowSelection, setRowSelection] = useState3({});
-  const [columnVisibility, setColumnVisibility] = useState3({});
-  const [columnFilters, setColumnFilters] = useState3([]);
-  const [sorting, setSorting] = useState3([]);
+  const [rowSelection, setRowSelection] = useState4({});
+  const [columnVisibility, setColumnVisibility] = useState4({});
+  const [columnFilters, setColumnFilters] = useState4([]);
+  const [sorting, setSorting] = useState4([]);
   const table = useReactTable2({
     data: props.list ?? [],
     columns: props.columns,
@@ -2283,24 +2344,24 @@ var DisplayTable = (props) => {
     getFacetedRowModel: getFacetedRowModel2(),
     getFacetedUniqueValues: getFacetedUniqueValues2()
   });
-  return /* @__PURE__ */ jsx28("div", { className: "overflow-hidden rounded-lg border", children: /* @__PURE__ */ jsxs16(Table, { children: [
-    /* @__PURE__ */ jsx28(TableHeader, { className: "sticky top-0 z-10 bg-muted", children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx28(TableRow, { children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx28(TableHead, { colSpan: header.colSpan, children: header.isPlaceholder ? null : flexRender2(
+  return /* @__PURE__ */ jsx30("div", { className: "overflow-hidden rounded-lg border", children: /* @__PURE__ */ jsxs17(Table, { children: [
+    /* @__PURE__ */ jsx30(TableHeader, { className: "sticky top-0 z-10 bg-muted", children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx30(TableRow, { children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx30(TableHead, { colSpan: header.colSpan, children: header.isPlaceholder ? null : flexRender2(
       header.column.columnDef.header,
       header.getContext()
     ) }, header.id)) }, headerGroup.id)) }),
-    /* @__PURE__ */ jsx28(TableBody, { className: "**:data-[slot=table-cell]:first:w-8", children: table.getRowModel().rows.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx28(
+    /* @__PURE__ */ jsx30(TableBody, { className: "**:data-[slot=table-cell]:first:w-8", children: table.getRowModel().rows.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx30(
       TableRow,
       {
         "data-state": row.getIsSelected() && "selected",
-        children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx28(TableCell, { children: flexRender2(cell.column.columnDef.cell, cell.getContext()) }, cell.id))
+        children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx30(TableCell, { children: flexRender2(cell.column.columnDef.cell, cell.getContext()) }, cell.id))
       },
       row.id
-    )) : /* @__PURE__ */ jsx28(TableRow, { children: /* @__PURE__ */ jsx28(
+    )) : /* @__PURE__ */ jsx30(TableRow, { children: /* @__PURE__ */ jsx30(
       TableCell,
       {
         colSpan: props.columns.length,
         className: "h-24 text-center",
-        children: /* @__PURE__ */ jsx28(TableEmpty, {})
+        children: /* @__PURE__ */ jsx30(TableEmpty, {})
       }
     ) }) })
   ] }) });
@@ -2308,7 +2369,7 @@ var DisplayTable = (props) => {
 
 // src/components/dropdown-cascader/dropdown-cascader-base.tsx
 import { Check } from "lucide-react";
-import { jsx as jsx29, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs18 } from "react/jsx-runtime";
 var getOptionMap = (options) => {
   const map = /* @__PURE__ */ new Map();
   const walk = (nodes, parent) => {
@@ -2332,10 +2393,10 @@ var renderCascaderNodes = (nodes, parentPath, selectedValues, onSelect) => {
     const isBranch = !!node.children?.length;
     const isSelected = selectedValues.includes(node.value);
     if (isBranch) {
-      return /* @__PURE__ */ jsxs17(DropdownMenuSub, { children: [
-        /* @__PURE__ */ jsx29(DropdownMenuSubTrigger, { disabled: node.disabled, children: node.label }),
-        /* @__PURE__ */ jsx29(DropdownMenuPortal, { children: /* @__PURE__ */ jsxs17(DropdownMenuSubContent, { className: "min-w-56", children: [
-          /* @__PURE__ */ jsxs17(
+      return /* @__PURE__ */ jsxs18(DropdownMenuSub, { children: [
+        /* @__PURE__ */ jsx31(DropdownMenuSubTrigger, { disabled: node.disabled, children: node.label }),
+        /* @__PURE__ */ jsx31(DropdownMenuPortal, { children: /* @__PURE__ */ jsxs18(DropdownMenuSubContent, { className: "min-w-56", children: [
+          /* @__PURE__ */ jsxs18(
             DropdownMenuItem,
             {
               disabled: node.disabled,
@@ -2345,8 +2406,8 @@ var renderCascaderNodes = (nodes, parentPath, selectedValues, onSelect) => {
               },
               className: "flex items-center justify-between",
               children: [
-                /* @__PURE__ */ jsx29("span", { children: node.label }),
-                isSelected && /* @__PURE__ */ jsx29(Check, { className: "size-4" })
+                /* @__PURE__ */ jsx31("span", { children: node.label }),
+                isSelected && /* @__PURE__ */ jsx31(Check, { className: "size-4" })
               ]
             }
           ),
@@ -2359,7 +2420,7 @@ var renderCascaderNodes = (nodes, parentPath, selectedValues, onSelect) => {
         ] }) })
       ] }, node.value);
     }
-    return /* @__PURE__ */ jsxs17(
+    return /* @__PURE__ */ jsxs18(
       DropdownMenuItem,
       {
         disabled: node.disabled,
@@ -2369,8 +2430,8 @@ var renderCascaderNodes = (nodes, parentPath, selectedValues, onSelect) => {
         },
         className: "flex items-center justify-between",
         children: [
-          /* @__PURE__ */ jsx29("span", { children: node.label }),
-          isSelected && /* @__PURE__ */ jsx29(Check, { className: "size-4" })
+          /* @__PURE__ */ jsx31("span", { children: node.label }),
+          isSelected && /* @__PURE__ */ jsx31(Check, { className: "size-4" })
         ]
       },
       node.value
@@ -2381,7 +2442,7 @@ var renderCascaderNodes = (nodes, parentPath, selectedValues, onSelect) => {
 // src/components/dropdown-cascader/dropdown-cascader-multi.tsx
 import * as React from "react";
 import { ChevronDown, X } from "lucide-react";
-import { jsx as jsx30, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs19 } from "react/jsx-runtime";
 var toggle = (list, value) => {
   if (list.includes(value)) {
     return list.filter((v) => v !== value);
@@ -2420,22 +2481,22 @@ var DropdownCascaderMulti = ({
     value: i.option.value,
     label: i.path.map((p) => p.label).join(" / ")
   }));
-  return /* @__PURE__ */ jsxs18(DropdownMenu, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx30(DropdownMenuTrigger, { asChild: true, className: "self-start", children: /* @__PURE__ */ jsxs18(
+  return /* @__PURE__ */ jsxs19(DropdownMenu, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx32(DropdownMenuTrigger, { asChild: true, className: "self-start", children: /* @__PURE__ */ jsxs19(
       Button,
       {
         variant: "outline",
         className: "h-auto! min-h-9 w-full justify-between px-3",
         children: [
-          /* @__PURE__ */ jsxs18("div", { className: "flex flex-wrap gap-1", children: [
+          /* @__PURE__ */ jsxs19("div", { className: "flex flex-wrap gap-1", children: [
             selectedItems.length === 0 && props.placeholder,
-            selectedItems.map((item) => /* @__PURE__ */ jsxs18(
+            selectedItems.map((item) => /* @__PURE__ */ jsxs19(
               "span",
               {
                 className: "inline-flex items-center gap-1 rounded border px-2 py-0.5 text-xs",
                 children: [
                   item.label,
-                  /* @__PURE__ */ jsx30(
+                  /* @__PURE__ */ jsx32(
                     "span",
                     {
                       role: "button",
@@ -2457,7 +2518,7 @@ var DropdownCascaderMulti = ({
                           remove(item.value);
                         }
                       },
-                      children: /* @__PURE__ */ jsx30(X, { className: "size-3" })
+                      children: /* @__PURE__ */ jsx32(X, { className: "size-3" })
                     }
                   )
                 ]
@@ -2465,11 +2526,11 @@ var DropdownCascaderMulti = ({
               item.value
             ))
           ] }),
-          /* @__PURE__ */ jsx30(ChevronDown, { className: "size-4 opacity-50" })
+          /* @__PURE__ */ jsx32(ChevronDown, { className: "size-4 opacity-50" })
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx30(
+    /* @__PURE__ */ jsx32(
       DropdownMenuContent,
       {
         align: "start",
@@ -2483,7 +2544,7 @@ var DropdownCascaderMulti = ({
 // src/components/dropdown-cascader/dropdown-cascader-single.tsx
 import * as React2 from "react";
 import { ChevronDown as ChevronDown2 } from "lucide-react";
-import { jsx as jsx31, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx33, jsxs as jsxs20 } from "react/jsx-runtime";
 var DropdownCascaderSingle = (props) => {
   const optionMap = React2.useMemo(
     () => getOptionMap(props.options),
@@ -2497,19 +2558,19 @@ var DropdownCascaderSingle = (props) => {
     setOpen(false);
   };
   const selectedPath = props.value ? optionMap.get(props.value)?.path.map((i) => i.label).join(" / ") : "";
-  return /* @__PURE__ */ jsxs19(DropdownMenu, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx31(DropdownMenuTrigger, { asChild: true, className: "self-start", children: /* @__PURE__ */ jsxs19(
+  return /* @__PURE__ */ jsxs20(DropdownMenu, { open, onOpenChange: setOpen, children: [
+    /* @__PURE__ */ jsx33(DropdownMenuTrigger, { asChild: true, className: "self-start", children: /* @__PURE__ */ jsxs20(
       Button,
       {
         variant: "outline",
         className: "h-auto! min-h-9 w-full justify-between px-3 leading-none",
         children: [
           selectedPath || props.placeholder,
-          /* @__PURE__ */ jsx31(ChevronDown2, { className: "size-4 ml-auto opacity-50" })
+          /* @__PURE__ */ jsx33(ChevronDown2, { className: "size-4 ml-auto opacity-50" })
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx31(
+    /* @__PURE__ */ jsx33(
       DropdownMenuContent,
       {
         align: "start",
@@ -2535,12 +2596,12 @@ import { cva as cva5 } from "class-variance-authority";
 
 // src/shadcn/components/label.tsx
 import { Label as LabelPrimitive } from "radix-ui";
-import { jsx as jsx32 } from "react/jsx-runtime";
+import { jsx as jsx34 } from "react/jsx-runtime";
 function Label({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx32(
+  return /* @__PURE__ */ jsx34(
     LabelPrimitive.Root,
     {
       "data-slot": "label",
@@ -2555,12 +2616,12 @@ function Label({
 
 // src/shadcn/components/separator.tsx
 import { Separator as SeparatorPrimitive } from "radix-ui";
-import { jsx as jsx33 } from "react/jsx-runtime";
+import { jsx as jsx35 } from "react/jsx-runtime";
 
 // src/shadcn/components/field.tsx
-import { jsx as jsx34, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs21 } from "react/jsx-runtime";
 function FieldGroup2({ className, ...props }) {
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx36(
     "div",
     {
       "data-slot": "field-group",
@@ -2600,7 +2661,7 @@ function Field({
   orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx36(
     "div",
     {
       role: "group",
@@ -2617,7 +2678,7 @@ function FieldLabel({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx36(
     Label,
     {
       "data-slot": "field-label",
@@ -2628,9 +2689,9 @@ function FieldLabel({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsxs20("span", { className: "flex items-center gap-1", children: [
+      children: /* @__PURE__ */ jsxs21("span", { className: "flex items-center gap-1", children: [
         children,
-        required && /* @__PURE__ */ jsx34("span", { className: "text-destructive", children: "*" })
+        required && /* @__PURE__ */ jsx36("span", { className: "text-destructive", children: "*" })
       ] })
     }
   );
@@ -2654,14 +2715,14 @@ function FieldError({
     if (uniqueErrors?.length == 1) {
       return uniqueErrors[0]?.message;
     }
-    return /* @__PURE__ */ jsx34("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: uniqueErrors.map(
-      (error, index) => error?.message && /* @__PURE__ */ jsx34("li", { children: error.message }, index)
+    return /* @__PURE__ */ jsx36("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: uniqueErrors.map(
+      (error, index) => error?.message && /* @__PURE__ */ jsx36("li", { children: error.message }, index)
     ) });
   }, [children, errors]);
   if (!content) {
     return null;
   }
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx36(
     "div",
     {
       role: "alert",
@@ -2675,12 +2736,12 @@ function FieldError({
 
 // src/shadcn/components/tooltip.tsx
 import { Tooltip as TooltipPrimitive } from "radix-ui";
-import { jsx as jsx35, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs22 } from "react/jsx-runtime";
 function TooltipProvider({
   delayDuration = 0,
   ...props
 }) {
-  return /* @__PURE__ */ jsx35(
+  return /* @__PURE__ */ jsx37(
     TooltipPrimitive.Provider,
     {
       "data-slot": "tooltip-provider",
@@ -2692,12 +2753,12 @@ function TooltipProvider({
 function Tooltip({
   ...props
 }) {
-  return /* @__PURE__ */ jsx35(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props });
+  return /* @__PURE__ */ jsx37(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props });
 }
 function TooltipTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx35(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
+  return /* @__PURE__ */ jsx37(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
 }
 function TooltipContent({
   className,
@@ -2705,7 +2766,7 @@ function TooltipContent({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx35(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs21(
+  return /* @__PURE__ */ jsx37(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs22(
     TooltipPrimitive.Content,
     {
       "data-slot": "tooltip-content",
@@ -2717,35 +2778,35 @@ function TooltipContent({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx35(TooltipPrimitive.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground" })
+        /* @__PURE__ */ jsx37(TooltipPrimitive.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground" })
       ]
     }
   ) });
 }
 
 // src/components/field-controller/index.tsx
-import { jsx as jsx36, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx38, jsxs as jsxs23 } from "react/jsx-runtime";
 var FieldController = ({
   required = false,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx38(
     Controller,
     {
       name: props.name,
       control: props.control,
-      render: ({ field, fieldState }) => /* @__PURE__ */ jsxs22(Field, { "data-invalid": fieldState.invalid, children: [
-        /* @__PURE__ */ jsxs22("div", { className: "flex items-center gap-spacing-xs", children: [
-          /* @__PURE__ */ jsx36(FieldLabel, { htmlFor: props.id, required, children: props.label }),
-          props.tip && /* @__PURE__ */ jsxs22(Tooltip, { children: [
-            /* @__PURE__ */ jsx36(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx36(
+      render: ({ field, fieldState }) => /* @__PURE__ */ jsxs23(Field, { "data-invalid": fieldState.invalid, children: [
+        /* @__PURE__ */ jsxs23("div", { className: "flex items-center gap-spacing-xs", children: [
+          /* @__PURE__ */ jsx38(FieldLabel, { htmlFor: props.id, required, children: props.label }),
+          props.tip && /* @__PURE__ */ jsxs23(Tooltip, { children: [
+            /* @__PURE__ */ jsx38(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx38(
               CircleQuestionMark,
               {
                 size: "1rem",
                 className: "text-muted-foreground"
               }
             ) }),
-            /* @__PURE__ */ jsx36(
+            /* @__PURE__ */ jsx38(
               TooltipContent,
               {
                 side: "right",
@@ -2760,16 +2821,16 @@ var FieldController = ({
           fieldState,
           id: props.id
         }),
-        fieldState.error && /* @__PURE__ */ jsx36(FieldError, { errors: [fieldState.error] })
+        fieldState.error && /* @__PURE__ */ jsx38(FieldError, { errors: [fieldState.error] })
       ] })
     }
   );
 };
 
 // src/components/field-group/index.tsx
-import { jsx as jsx37 } from "react/jsx-runtime";
+import { jsx as jsx39 } from "react/jsx-runtime";
 var FieldGroup = (props) => {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx39(
     "div",
     {
       className: cn2(
@@ -2782,28 +2843,28 @@ var FieldGroup = (props) => {
 };
 
 // src/components/text/index.tsx
-import { jsx as jsx38 } from "react/jsx-runtime";
+import { jsx as jsx40 } from "react/jsx-runtime";
 var Text = (props) => {
-  return /* @__PURE__ */ jsx38("div", { className: cn2("", props.className), children: props.children });
+  return /* @__PURE__ */ jsx40("div", { className: cn2("", props.className), children: props.children });
 };
 
 // src/components/field-plain/index.tsx
-import { Fragment as Fragment2, jsx as jsx39, jsxs as jsxs23 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx41, jsxs as jsxs24 } from "react/jsx-runtime";
 var FieldPlain = ({
   required = false,
   mode = EnumFormMode.VIEW,
   ...props
 }) => {
   const label = props.label ?? "-";
-  return /* @__PURE__ */ jsx39(Fragment2, { children: /* @__PURE__ */ jsxs23(Field, { "data-invalid": props.invalid, children: [
-    /* @__PURE__ */ jsx39(FieldLabel, { htmlFor: props.id, required, children: props.name }),
-    mode === EnumFormMode.VIEW ? /* @__PURE__ */ jsx39(Text, { children: label }) : props.children,
-    props.error && /* @__PURE__ */ jsx39(FieldError, { errors: [{ message: props.error }] })
+  return /* @__PURE__ */ jsx41(Fragment2, { children: /* @__PURE__ */ jsxs24(Field, { "data-invalid": props.invalid, children: [
+    /* @__PURE__ */ jsx41(FieldLabel, { htmlFor: props.id, required, children: props.name }),
+    mode === EnumFormMode.VIEW ? /* @__PURE__ */ jsx41(Text, { children: label }) : props.children,
+    props.error && /* @__PURE__ */ jsx41(FieldError, { errors: [{ message: props.error }] })
   ] }) });
 };
 
 // src/components/field-text/index.tsx
-import { jsx as jsx40, jsxs as jsxs24 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs25 } from "react/jsx-runtime";
 var FieldText = ({
   id,
   name,
@@ -2813,16 +2874,16 @@ var FieldText = ({
   render
 }) => {
   const isEmpty2 = value === "" || value == null;
-  return /* @__PURE__ */ jsxs24(Field, { children: [
-    /* @__PURE__ */ jsx40(FieldLabel, { htmlFor: id, required, children: name }),
-    /* @__PURE__ */ jsx40("div", { id, className: "text-sm leading-6", children: render ?? (isEmpty2 ? placeholder : value) })
+  return /* @__PURE__ */ jsxs25(Field, { children: [
+    /* @__PURE__ */ jsx42(FieldLabel, { htmlFor: id, required, children: name }),
+    /* @__PURE__ */ jsx42("div", { id, className: "text-sm leading-6", children: render ?? (isEmpty2 ? placeholder : value) })
   ] });
 };
 
 // src/components/form-select/index.tsx
-import { jsx as jsx41, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx43, jsxs as jsxs26 } from "react/jsx-runtime";
 var FormSelect = (props) => {
-  return /* @__PURE__ */ jsxs25(
+  return /* @__PURE__ */ jsxs26(
     Select,
     {
       value: props.value,
@@ -2835,9 +2896,9 @@ var FormSelect = (props) => {
       },
       "aria-invalid": props.invalid,
       children: [
-        /* @__PURE__ */ jsx41(SelectTrigger, { className: "w-full", children: /* @__PURE__ */ jsx41(SelectValue, {}) }),
-        /* @__PURE__ */ jsx41(SelectContent, { children: /* @__PURE__ */ jsx41(SelectGroup, { children: props.optionList.map((option) => {
-          return /* @__PURE__ */ jsx41(SelectItem, { value: option.value, children: option.label }, option.value);
+        /* @__PURE__ */ jsx43(SelectTrigger, { className: "w-full", children: /* @__PURE__ */ jsx43(SelectValue, {}) }),
+        /* @__PURE__ */ jsx43(SelectContent, { children: /* @__PURE__ */ jsx43(SelectGroup, { children: props.optionList.map((option) => {
+          return /* @__PURE__ */ jsx43(SelectItem, { value: option.value, children: option.label }, option.value);
         }) }) })
       ]
     }
@@ -2860,7 +2921,7 @@ import {
   ChevronLeftIcon as ChevronLeftIcon2,
   ChevronRightIcon as ChevronRightIcon3
 } from "lucide-react";
-import { jsx as jsx42 } from "react/jsx-runtime";
+import { jsx as jsx44 } from "react/jsx-runtime";
 function Calendar({
   className,
   classNames,
@@ -2872,7 +2933,7 @@ function Calendar({
   ...props
 }) {
   const defaultClassNames = getDefaultClassNames();
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx44(
     DayPicker,
     {
       showOutsideDays,
@@ -2972,7 +3033,7 @@ function Calendar({
       },
       components: {
         Root: ({ className: className2, rootRef, ...props2 }) => {
-          return /* @__PURE__ */ jsx42(
+          return /* @__PURE__ */ jsx44(
             "div",
             {
               "data-slot": "calendar",
@@ -2984,10 +3045,10 @@ function Calendar({
         },
         Chevron: ({ className: className2, orientation, ...props2 }) => {
           if (orientation === "left") {
-            return /* @__PURE__ */ jsx42(ChevronLeftIcon2, { className: cn("size-4", className2), ...props2 });
+            return /* @__PURE__ */ jsx44(ChevronLeftIcon2, { className: cn("size-4", className2), ...props2 });
           }
           if (orientation === "right") {
-            return /* @__PURE__ */ jsx42(
+            return /* @__PURE__ */ jsx44(
               ChevronRightIcon3,
               {
                 className: cn("size-4", className2),
@@ -2995,11 +3056,11 @@ function Calendar({
               }
             );
           }
-          return /* @__PURE__ */ jsx42(ChevronDownIcon3, { className: cn("size-4", className2), ...props2 });
+          return /* @__PURE__ */ jsx44(ChevronDownIcon3, { className: cn("size-4", className2), ...props2 });
         },
         DayButton: CalendarDayButton,
         WeekNumber: ({ children, ...props2 }) => {
-          return /* @__PURE__ */ jsx42("td", { ...props2, children: /* @__PURE__ */ jsx42("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children }) });
+          return /* @__PURE__ */ jsx44("td", { ...props2, children: /* @__PURE__ */ jsx44("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children }) });
         },
         ...components
       },
@@ -3018,7 +3079,7 @@ function CalendarDayButton({
   React3.useEffect(() => {
     if (modifiers.focused) ref.current?.focus();
   }, [modifiers.focused]);
-  return /* @__PURE__ */ jsx42(
+  return /* @__PURE__ */ jsx44(
     Button,
     {
       ref,
@@ -3041,16 +3102,16 @@ function CalendarDayButton({
 
 // src/shadcn/components/popover.tsx
 import { Popover as PopoverPrimitive } from "radix-ui";
-import { jsx as jsx43 } from "react/jsx-runtime";
+import { jsx as jsx45 } from "react/jsx-runtime";
 function Popover({
   ...props
 }) {
-  return /* @__PURE__ */ jsx43(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
+  return /* @__PURE__ */ jsx45(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
 }
 function PopoverTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx43(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
+  return /* @__PURE__ */ jsx45(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
 }
 function PopoverContent({
   className,
@@ -3058,7 +3119,7 @@ function PopoverContent({
   sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ jsx43(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx43(
+  return /* @__PURE__ */ jsx45(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx45(
     PopoverPrimitive.Content,
     {
       "data-slot": "popover-content",
@@ -3074,7 +3135,7 @@ function PopoverContent({
 }
 
 // src/components/form-time-picker/index.tsx
-import { jsx as jsx44, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx46, jsxs as jsxs27 } from "react/jsx-runtime";
 function pad2(n) {
   return String(n).padStart(2, "0");
 }
@@ -3094,9 +3155,9 @@ var FormTimePicker = (props) => {
   const [open, setOpen] = React4.useState(false);
   const dateBtnText = props.value ? formatDateTime(props.value, "YYYY-MM-DD") : props.datePlaceholder;
   const timeValue = formatTimeHHmmss(props.value);
-  return /* @__PURE__ */ jsxs26(FieldGroup2, { className: "flex-row gap-2.5", children: [
-    /* @__PURE__ */ jsx44(Field, { children: /* @__PURE__ */ jsxs26(Popover, { open, onOpenChange: setOpen, children: [
-      /* @__PURE__ */ jsx44(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs26(
+  return /* @__PURE__ */ jsxs27(FieldGroup2, { className: "flex-row gap-2.5", children: [
+    /* @__PURE__ */ jsx46(Field, { children: /* @__PURE__ */ jsxs27(Popover, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsx46(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs27(
         Button,
         {
           variant: "outline",
@@ -3105,17 +3166,17 @@ var FormTimePicker = (props) => {
           disabled: props.disabled,
           className: "w-32 justify-between font-normal",
           children: [
-            /* @__PURE__ */ jsx44("div", { className: "w-full text-left", children: dateBtnText }),
-            /* @__PURE__ */ jsx44(ChevronDownIcon4, {})
+            /* @__PURE__ */ jsx46("div", { className: "w-full text-left", children: dateBtnText }),
+            /* @__PURE__ */ jsx46(ChevronDownIcon4, {})
           ]
         }
       ) }),
-      /* @__PURE__ */ jsx44(
+      /* @__PURE__ */ jsx46(
         PopoverContent,
         {
           className: "w-(--radix-popover-trigger-width) p-0",
           align: "start",
-          children: /* @__PURE__ */ jsx44(
+          children: /* @__PURE__ */ jsx46(
             Calendar,
             {
               mode: "single",
@@ -3139,7 +3200,7 @@ var FormTimePicker = (props) => {
         }
       )
     ] }) }),
-    /* @__PURE__ */ jsx44(Field, { className: "w-32", children: /* @__PURE__ */ jsx44(
+    /* @__PURE__ */ jsx46(Field, { className: "w-32", children: /* @__PURE__ */ jsx46(
       Input,
       {
         type: "time",
@@ -3161,31 +3222,13 @@ var FormTimePicker = (props) => {
 };
 
 // src/components/media-uploader/index.tsx
-import { useCallback as useCallback2, useEffect as useEffect3, useRef as useRef2, useState as useState7 } from "react";
-import { Eye, Loader2, Plus, Trash2 } from "lucide-react";
-
-// src/shadcn/components/card.tsx
-import { jsx as jsx45 } from "react/jsx-runtime";
-function Card({ className, ...props }) {
-  return /* @__PURE__ */ jsx45(
-    "div",
-    {
-      "data-slot": "card",
-      className: cn(
-        "flex flex-col gap-6 rounded-xl border bg-card py-6 text-card-foreground shadow-sm",
-        className
-      ),
-      ...props
-    }
-  );
-}
-
-// src/components/media-uploader/index.tsx
-import { jsx as jsx46, jsxs as jsxs27 } from "react/jsx-runtime";
+import { useCallback as useCallback2, useEffect as useEffect3, useRef as useRef2, useState as useState8 } from "react";
+import { Eye as Eye2, Loader2, Plus, Trash2 } from "lucide-react";
+import { jsx as jsx47, jsxs as jsxs28 } from "react/jsx-runtime";
 var MediaUploader = ({ value = [], ...props }) => {
   const inputRef = useRef2(null);
-  const [items, setItems] = useState7([]);
-  const [preview, setPreview] = useState7(null);
+  const [items, setItems] = useState8([]);
+  const [preview, setPreview] = useState8(null);
   const readonly = !!props.readonly;
   const disabled = !!props.disabled;
   const canEdit = !readonly && !disabled;
@@ -3307,8 +3350,8 @@ var MediaUploader = ({ value = [], ...props }) => {
     });
   };
   const showUploadButton = canEdit && (!props.multiple && items.length === 0 || props.multiple);
-  return /* @__PURE__ */ jsxs27("div", { className: cn2("space-y-3", props.className), children: [
-    /* @__PURE__ */ jsx46(
+  return /* @__PURE__ */ jsxs28("div", { className: cn2("space-y-3", props.className), children: [
+    /* @__PURE__ */ jsx47(
       "input",
       {
         ref: inputRef,
@@ -3325,19 +3368,19 @@ var MediaUploader = ({ value = [], ...props }) => {
         }
       }
     ),
-    /* @__PURE__ */ jsx46(ScrollArea, { className: "rounded-lg border", children: /* @__PURE__ */ jsxs27("div", { className: "grid grid-cols-2 gap-3 p-3 sm:grid-cols-3 lg:grid-cols-4", children: [
-      items.map((it, index) => /* @__PURE__ */ jsx46(Card, { className: "group overflow-hidden", children: /* @__PURE__ */ jsxs27("div", { className: "relative aspect-square bg-muted", children: [
-        it.url || it.localUrl ? /* @__PURE__ */ jsx46(
+    /* @__PURE__ */ jsx47(ScrollArea, { className: "rounded-lg border", children: /* @__PURE__ */ jsxs28("div", { className: "grid grid-cols-2 gap-3 p-3 sm:grid-cols-3 lg:grid-cols-4", children: [
+      items.map((it, index) => /* @__PURE__ */ jsx47(Card, { className: "group overflow-hidden", children: /* @__PURE__ */ jsxs28("div", { className: "relative aspect-square bg-muted", children: [
+        it.url || it.localUrl ? /* @__PURE__ */ jsx47(
           "img",
           {
             src: it.url ?? it.localUrl,
             alt: "",
             className: "h-full w-full object-cover"
           }
-        ) : /* @__PURE__ */ jsx46("div", { className: "h-full w-full" }),
-        it.uploading && /* @__PURE__ */ jsx46("div", { className: "absolute inset-0 flex items-center justify-center bg-black/40", children: /* @__PURE__ */ jsx46(Loader2, { className: "h-6 w-6 animate-spin text-white" }) }),
-        !it.uploading && (it.url || it.localUrl) && /* @__PURE__ */ jsxs27("div", { className: "absolute inset-0 flex items-start justify-end gap-2 p-2 opacity-0 transition group-hover:opacity-100", children: [
-          /* @__PURE__ */ jsx46(
+        ) : /* @__PURE__ */ jsx47("div", { className: "h-full w-full" }),
+        it.uploading && /* @__PURE__ */ jsx47("div", { className: "absolute inset-0 flex items-center justify-center bg-black/40", children: /* @__PURE__ */ jsx47(Loader2, { className: "h-6 w-6 animate-spin text-white" }) }),
+        !it.uploading && (it.url || it.localUrl) && /* @__PURE__ */ jsxs28("div", { className: "absolute inset-0 flex items-start justify-end gap-2 p-2 opacity-0 transition group-hover:opacity-100", children: [
+          /* @__PURE__ */ jsx47(
             Button,
             {
               size: "icon",
@@ -3345,10 +3388,10 @@ var MediaUploader = ({ value = [], ...props }) => {
               className: "h-8 w-8",
               onClick: () => setPreview(it),
               type: "button",
-              children: /* @__PURE__ */ jsx46(Eye, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ jsx47(Eye2, { className: "h-4 w-4" })
             }
           ),
-          canEdit && /* @__PURE__ */ jsx46(
+          canEdit && /* @__PURE__ */ jsx47(
             Button,
             {
               size: "icon",
@@ -3356,25 +3399,25 @@ var MediaUploader = ({ value = [], ...props }) => {
               className: "h-8 w-8",
               onClick: () => remove(it.id),
               type: "button",
-              children: /* @__PURE__ */ jsx46(Trash2, { className: "h-4 w-4" })
+              children: /* @__PURE__ */ jsx47(Trash2, { className: "h-4 w-4" })
             }
           )
         ] })
       ] }) }, it.id + index)),
-      showUploadButton && /* @__PURE__ */ jsx46(
+      showUploadButton && /* @__PURE__ */ jsx47(
         Card,
         {
           className: "flex aspect-square cursor-pointer items-center justify-center hover:bg-muted/50",
           onClick: () => {
             inputRef.current?.click();
           },
-          children: /* @__PURE__ */ jsx46(Plus, { className: "h-6 w-6 text-muted-foreground" })
+          children: /* @__PURE__ */ jsx47(Plus, { className: "h-6 w-6 text-muted-foreground" })
         }
       )
     ] }) }),
-    /* @__PURE__ */ jsx46(Dialog, { open: !!preview, onOpenChange: () => setPreview(null), children: /* @__PURE__ */ jsxs27(DialogContent, { className: "max-w-3xl", children: [
-      /* @__PURE__ */ jsx46(DialogHeader, { children: /* @__PURE__ */ jsx46(DialogTitle, { children: "\u9884\u89C8" }) }),
-      preview && /* @__PURE__ */ jsx46("div", { className: "relative aspect-video w-full overflow-hidden rounded-lg bg-muted", children: /* @__PURE__ */ jsx46(
+    /* @__PURE__ */ jsx47(Dialog, { open: !!preview, onOpenChange: () => setPreview(null), children: /* @__PURE__ */ jsxs28(DialogContent, { className: "max-w-3xl", children: [
+      /* @__PURE__ */ jsx47(DialogHeader, { children: /* @__PURE__ */ jsx47(DialogTitle, { children: "\u9884\u89C8" }) }),
+      preview && /* @__PURE__ */ jsx47("div", { className: "relative aspect-video w-full overflow-hidden rounded-lg bg-muted", children: /* @__PURE__ */ jsx47(
         "img",
         {
           src: preview.url ?? preview.localUrl ?? "",
@@ -3387,21 +3430,21 @@ var MediaUploader = ({ value = [], ...props }) => {
 };
 
 // src/components/provider/index.tsx
-import { jsx as jsx47 } from "react/jsx-runtime";
+import { jsx as jsx48 } from "react/jsx-runtime";
 var Provider = ({ children }) => {
-  return /* @__PURE__ */ jsx47(TooltipProvider, { children });
+  return /* @__PURE__ */ jsx48(TooltipProvider, { children });
 };
 
 // src/render/column/build-column/index.tsx
-import { jsx as jsx48 } from "react/jsx-runtime";
+import { jsx as jsx49 } from "react/jsx-runtime";
 var buildColumn = () => (props) => {
   const { key, label, render } = props;
   return {
     accessorKey: key,
-    header: () => /* @__PURE__ */ jsx48(TableHeaderText, { text: label }),
+    header: () => /* @__PURE__ */ jsx49(TableHeaderText, { text: label }),
     cell: ({ row }) => {
       const value = row.original[key];
-      return render ? render(value, row.original) : /* @__PURE__ */ jsx48(TableText, { text: String(value ?? "") });
+      return render ? render(value, row.original) : /* @__PURE__ */ jsx49(TableText, { text: String(value ?? "") });
     },
     meta: {
       label
@@ -3451,6 +3494,7 @@ export {
   TableEmpty,
   TableFormDialog,
   TableHeaderText,
+  TableImage,
   TablePagination,
   TableText,
   Text,