@kilnonedre/foundation 0.0.20 → 0.0.21

package/dist/index.js

@@ -1346,53 +1346,42 @@ 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";
+import { jsx as jsx19, 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(
+    /* @__PURE__ */ jsx19("div", { className: "flex gap-3 overflow-x-auto", children: props.value.map((img, index) => /* @__PURE__ */ jsx19(
+      "div",
+      {
+        className: "rounded-xl border bg-card text-card-foreground shadow group overflow-hidden w-25 aspect-square",
+        children: /* @__PURE__ */ jsxs9("div", { className: "relative bg-muted", children: [
+          /* @__PURE__ */ jsx19(
+            "img",
+            {
+              src: img.url,
+              alt: "",
+              className: "h-full w-full object-cover",
+              loading: "lazy"
+            }
+          ),
+          /* @__PURE__ */ jsx19("div", { className: "absolute inset-0 flex items-start justify-end p-2 opacity-0 transition group-hover:opacity-100", children: /* @__PURE__ */ jsx19(
+            Button,
+            {
+              size: "icon",
+              variant: "secondary",
+              className: "h-8 w-8",
+              type: "button",
+              onClick: () => setPreview(img),
+              children: /* @__PURE__ */ jsx19(Eye, { className: "h-4 w-4" })
+            }
+          ) })
+        ] })
+      },
+      img.id + index
+    )) }),
+    /* @__PURE__ */ jsx19(Dialog, { open: !!preview, onOpenChange: () => setPreview(null), children: /* @__PURE__ */ jsxs9(DialogContent, { className: "max-w-3xl", children: [
+      /* @__PURE__ */ jsx19(DialogHeader, { children: /* @__PURE__ */ jsx19(DialogTitle, { children: "\u9884\u89C8" }) }),
+      preview && /* @__PURE__ */ jsx19("div", { className: "relative aspect-video w-full overflow-hidden rounded-lg bg-muted", children: /* @__PURE__ */ jsx19(
         "img",
         {
           src: preview.url,
@@ -1413,9 +1402,9 @@ import {
   ChevronRightIcon,
   MoreHorizontalIcon
 } from "lucide-react";
-import { jsx as jsx21, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs10 } from "react/jsx-runtime";
 function Pagination({ className, ...props }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx20(
     "nav",
     {
       role: "navigation",
@@ -1430,7 +1419,7 @@ function PaginationContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx20(
     "ul",
     {
       "data-slot": "pagination-content",
@@ -1440,7 +1429,7 @@ function PaginationContent({
   );
 }
 function PaginationItem({ ...props }) {
-  return /* @__PURE__ */ jsx21("li", { "data-slot": "pagination-item", ...props });
+  return /* @__PURE__ */ jsx20("li", { "data-slot": "pagination-item", ...props });
 }
 function PaginationLink({
   className,
@@ -1448,7 +1437,7 @@ function PaginationLink({
   size = "icon",
   ...props
 }) {
-  return /* @__PURE__ */ jsx21(
+  return /* @__PURE__ */ jsx20(
     "a",
     {
       "aria-current": isActive ? "page" : void 0,
@@ -1469,17 +1458,14 @@ function PaginationPrevious({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsx20(
     PaginationLink,
     {
       "aria-label": "Go to previous page",
       size: "default",
       className: cn("gap-1 px-2.5 sm:pl-2.5", className),
       ...props,
-      children: [
-        /* @__PURE__ */ jsx21(ChevronLeftIcon, {}),
-        /* @__PURE__ */ jsx21("span", { className: "hidden sm:block", children: "Previous" })
-      ]
+      children: /* @__PURE__ */ jsx20(ChevronLeftIcon, {})
     }
   );
 }
@@ -1487,17 +1473,14 @@ function PaginationNext({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsx20(
     PaginationLink,
     {
       "aria-label": "Go to next page",
       size: "default",
       className: cn("gap-1 px-2.5 sm:pr-2.5", className),
       ...props,
-      children: [
-        /* @__PURE__ */ jsx21("span", { className: "hidden sm:block", children: "Next" }),
-        /* @__PURE__ */ jsx21(ChevronRightIcon, {})
-      ]
+      children: /* @__PURE__ */ jsx20(ChevronRightIcon, {})
     }
   );
 }
@@ -1513,8 +1496,8 @@ function PaginationEllipsis({
       className: cn("flex size-9 items-center justify-center", className),
       ...props,
       children: [
-        /* @__PURE__ */ jsx21(MoreHorizontalIcon, { className: "size-4" }),
-        /* @__PURE__ */ jsx21("span", { className: "sr-only", children: "More pages" })
+        /* @__PURE__ */ jsx20(MoreHorizontalIcon, { className: "size-4" }),
+        /* @__PURE__ */ jsx20("span", { className: "sr-only", children: "More pages" })
       ]
     }
   );
@@ -1523,21 +1506,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 jsx22, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs11 } from "react/jsx-runtime";
 function Select({
   ...props
 }) {
-  return /* @__PURE__ */ jsx22(SelectPrimitive.Root, { "data-slot": "select", ...props });
+  return /* @__PURE__ */ jsx21(SelectPrimitive.Root, { "data-slot": "select", ...props });
 }
 function SelectGroup({
   ...props
 }) {
-  return /* @__PURE__ */ jsx22(SelectPrimitive.Group, { "data-slot": "select-group", ...props });
+  return /* @__PURE__ */ jsx21(SelectPrimitive.Group, { "data-slot": "select-group", ...props });
 }
 function SelectValue({
   ...props
 }) {
-  return /* @__PURE__ */ jsx22(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
+  return /* @__PURE__ */ jsx21(SelectPrimitive.Value, { "data-slot": "select-value", ...props });
 }
 function SelectTrigger({
   className,
@@ -1557,7 +1540,7 @@ function SelectTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx22(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx22(ChevronDownIcon, { className: "size-4 opacity-50" }) })
+        /* @__PURE__ */ jsx21(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx21(ChevronDownIcon, { className: "size-4 opacity-50" }) })
       ]
     }
   );
@@ -1569,7 +1552,7 @@ function SelectContent({
   align = "center",
   ...props
 }) {
-  return /* @__PURE__ */ jsx22(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs11(
+  return /* @__PURE__ */ jsx21(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsxs11(
     SelectPrimitive.Content,
     {
       "data-slot": "select-content",
@@ -1582,8 +1565,8 @@ function SelectContent({
       align,
       ...props,
       children: [
-        /* @__PURE__ */ jsx22(SelectScrollUpButton, {}),
-        /* @__PURE__ */ jsx22(
+        /* @__PURE__ */ jsx21(SelectScrollUpButton, {}),
+        /* @__PURE__ */ jsx21(
           SelectPrimitive.Viewport,
           {
             className: cn(
@@ -1593,7 +1576,7 @@ function SelectContent({
             children
           }
         ),
-        /* @__PURE__ */ jsx22(SelectScrollDownButton, {})
+        /* @__PURE__ */ jsx21(SelectScrollDownButton, {})
       ]
     }
   ) });
@@ -1613,15 +1596,15 @@ function SelectItem({
       ),
       ...props,
       children: [
-        /* @__PURE__ */ jsx22(
+        /* @__PURE__ */ jsx21(
           "span",
           {
             "data-slot": "select-item-indicator",
             className: "absolute right-2 flex size-3.5 items-center justify-center",
-            children: /* @__PURE__ */ jsx22(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx22(CheckIcon2, { className: "size-4" }) })
+            children: /* @__PURE__ */ jsx21(SelectPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx21(CheckIcon2, { className: "size-4" }) })
           }
         ),
-        /* @__PURE__ */ jsx22(SelectPrimitive.ItemText, { children })
+        /* @__PURE__ */ jsx21(SelectPrimitive.ItemText, { children })
       ]
     }
   );
@@ -1630,7 +1613,7 @@ function SelectScrollUpButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx21(
     SelectPrimitive.ScrollUpButton,
     {
       "data-slot": "select-scroll-up-button",
@@ -1639,7 +1622,7 @@ function SelectScrollUpButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx22(ChevronUpIcon, { className: "size-4" })
+      children: /* @__PURE__ */ jsx21(ChevronUpIcon, { className: "size-4" })
     }
   );
 }
@@ -1647,7 +1630,7 @@ function SelectScrollDownButton({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx22(
+  return /* @__PURE__ */ jsx21(
     SelectPrimitive.ScrollDownButton,
     {
       "data-slot": "select-scroll-down-button",
@@ -1656,13 +1639,13 @@ function SelectScrollDownButton({
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsx22(ChevronDownIcon, { className: "size-4" })
+      children: /* @__PURE__ */ jsx21(ChevronDownIcon, { className: "size-4" })
     }
   );
 }
 
 // src/components/data-table/component/table-pagination/index.tsx
-import { jsx as jsx23, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx22, jsxs as jsxs12 } from "react/jsx-runtime";
 var buildPages = (current, total) => {
   if (total <= 0) return [];
   if (total <= 7) {
@@ -1705,8 +1688,8 @@ var TablePagination = (props) => {
     [props]
   );
   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(
+    /* @__PURE__ */ jsx22("div", { className: "ml-auto flex items-center gap-2 lg:ml-0", children: /* @__PURE__ */ jsx22(Pagination, { children: /* @__PURE__ */ jsxs12(PaginationContent, { children: [
+      /* @__PURE__ */ jsx22(PaginationItem, { children: /* @__PURE__ */ jsx22(
         PaginationPrevious,
         {
           onClick: () => updateCurrentPage(props.currentPage - 1),
@@ -1716,9 +1699,9 @@ var TablePagination = (props) => {
       ) }),
       pageItems.map((item) => {
         if (item.type === "ellipsis") {
-          return /* @__PURE__ */ jsx23(PaginationItem, { children: /* @__PURE__ */ jsx23(PaginationEllipsis, {}) }, item.key);
+          return /* @__PURE__ */ jsx22(PaginationItem, { children: /* @__PURE__ */ jsx22(PaginationEllipsis, {}) }, item.key);
         }
-        return /* @__PURE__ */ jsx23(PaginationItem, { children: /* @__PURE__ */ jsx23(
+        return /* @__PURE__ */ jsx22(PaginationItem, { children: /* @__PURE__ */ jsx22(
           PaginationLink,
           {
             isActive: props.currentPage === item.page,
@@ -1727,7 +1710,7 @@ var TablePagination = (props) => {
           }
         ) }, item.page);
       }),
-      /* @__PURE__ */ jsx23(PaginationItem, { children: /* @__PURE__ */ jsx23(
+      /* @__PURE__ */ jsx22(PaginationItem, { children: /* @__PURE__ */ jsx22(
         PaginationNext,
         {
           onClick: () => updateCurrentPage(props.currentPage + 1),
@@ -1736,7 +1719,7 @@ var TablePagination = (props) => {
         }
       ) })
     ] }) }) }),
-    /* @__PURE__ */ jsx23("div", { className: "hidden items-center gap-2 lg:flex", children: /* @__PURE__ */ jsxs12(
+    /* @__PURE__ */ jsx22("div", { className: "hidden items-center gap-2 lg:flex", children: /* @__PURE__ */ jsxs12(
       Select,
       {
         value: String(props.size),
@@ -1744,8 +1727,8 @@ var TablePagination = (props) => {
           props.onUpdateSize(Number(value));
         },
         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: [
+          /* @__PURE__ */ jsx22(SelectTrigger, { className: "w-20", id: "rows-per-page", children: /* @__PURE__ */ jsx22(SelectValue, {}) }),
+          /* @__PURE__ */ jsx22(SelectContent, { side: "top", children: props.sizeList.map((pageSize) => /* @__PURE__ */ jsxs12(SelectItem, { value: `${pageSize}`, children: [
             pageSize,
             "/\u9875"
           ] }, pageSize)) })
@@ -1756,9 +1739,9 @@ var TablePagination = (props) => {
 };
 
 // src/components/data-table/component/table-text/index.tsx
-import { jsx as jsx24 } from "react/jsx-runtime";
+import { jsx as jsx23 } from "react/jsx-runtime";
 var TableText = (props) => {
-  return /* @__PURE__ */ jsx24(
+  return /* @__PURE__ */ jsx23(
     "div",
     {
       className: cn2(
@@ -1773,21 +1756,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 jsx25, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx24, jsxs as jsxs13 } from "react/jsx-runtime";
 function DropdownMenu({
   ...props
 }) {
-  return /* @__PURE__ */ jsx25(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
+  return /* @__PURE__ */ jsx24(DropdownMenuPrimitive.Root, { "data-slot": "dropdown-menu", ...props });
 }
 function DropdownMenuPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsx25(DropdownMenuPrimitive.Portal, { "data-slot": "dropdown-menu-portal", ...props });
+  return /* @__PURE__ */ jsx24(DropdownMenuPrimitive.Portal, { "data-slot": "dropdown-menu-portal", ...props });
 }
 function DropdownMenuTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx24(
     DropdownMenuPrimitive.Trigger,
     {
       "data-slot": "dropdown-menu-trigger",
@@ -1800,7 +1783,7 @@ function DropdownMenuContent({
   sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ jsx25(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx24(DropdownMenuPrimitive.Portal, { children: /* @__PURE__ */ jsx24(
     DropdownMenuPrimitive.Content,
     {
       "data-slot": "dropdown-menu-content",
@@ -1819,7 +1802,7 @@ function DropdownMenuItem({
   variant = "default",
   ...props
 }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx24(
     DropdownMenuPrimitive.Item,
     {
       "data-slot": "dropdown-menu-item",
@@ -1850,7 +1833,7 @@ function DropdownMenuCheckboxItem({
       checked,
       ...props,
       children: [
-        /* @__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" }) }) }),
+        /* @__PURE__ */ jsx24("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx24(DropdownMenuPrimitive.ItemIndicator, { children: /* @__PURE__ */ jsx24(CheckIcon3, { className: "size-4" }) }) }),
         children
       ]
     }
@@ -1859,7 +1842,7 @@ function DropdownMenuCheckboxItem({
 function DropdownMenuSub({
   ...props
 }) {
-  return /* @__PURE__ */ jsx25(DropdownMenuPrimitive.Sub, { "data-slot": "dropdown-menu-sub", ...props });
+  return /* @__PURE__ */ jsx24(DropdownMenuPrimitive.Sub, { "data-slot": "dropdown-menu-sub", ...props });
 }
 function DropdownMenuSubTrigger({
   className,
@@ -1879,7 +1862,7 @@ function DropdownMenuSubTrigger({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx25(ChevronRightIcon2, { className: "ml-auto size-4" })
+        /* @__PURE__ */ jsx24(ChevronRightIcon2, { className: "ml-auto size-4" })
       ]
     }
   );
@@ -1888,7 +1871,7 @@ function DropdownMenuSubContent({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx25(
+  return /* @__PURE__ */ jsx24(
     DropdownMenuPrimitive.SubContent,
     {
       "data-slot": "dropdown-menu-sub-content",
@@ -1904,20 +1887,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 jsx26, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx25, jsxs as jsxs14 } from "react/jsx-runtime";
 function Sheet({ ...props }) {
-  return /* @__PURE__ */ jsx26(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
+  return /* @__PURE__ */ jsx25(SheetPrimitive.Root, { "data-slot": "sheet", ...props });
 }
 function SheetPortal({
   ...props
 }) {
-  return /* @__PURE__ */ jsx26(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
+  return /* @__PURE__ */ jsx25(SheetPrimitive.Portal, { "data-slot": "sheet-portal", ...props });
 }
 function SheetOverlay({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx25(
     SheetPrimitive.Overlay,
     {
       "data-slot": "sheet-overlay",
@@ -1937,7 +1920,7 @@ function SheetContent({
   ...props
 }) {
   return /* @__PURE__ */ jsxs14(SheetPortal, { children: [
-    /* @__PURE__ */ jsx26(SheetOverlay, {}),
+    /* @__PURE__ */ jsx25(SheetOverlay, {}),
     /* @__PURE__ */ jsxs14(
       SheetPrimitive.Content,
       {
@@ -1954,8 +1937,8 @@ function SheetContent({
         children: [
           children,
           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" })
+            /* @__PURE__ */ jsx25(XIcon2, { className: "size-4" }),
+            /* @__PURE__ */ jsx25("span", { className: "sr-only", children: "Close" })
           ] })
         ]
       }
@@ -1963,7 +1946,7 @@ function SheetContent({
   ] });
 }
 function SheetHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx25(
     "div",
     {
       "data-slot": "sheet-header",
@@ -1973,7 +1956,7 @@ function SheetHeader({ className, ...props }) {
   );
 }
 function SheetFooter({ className, ...props }) {
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx25(
     "div",
     {
       "data-slot": "sheet-footer",
@@ -1986,7 +1969,7 @@ function SheetTitle({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx26(
+  return /* @__PURE__ */ jsx25(
     SheetPrimitive.Title,
     {
       "data-slot": "sheet-title",
@@ -1997,14 +1980,14 @@ function SheetTitle({
 }
 
 // src/shadcn/components/table.tsx
-import { jsx as jsx27 } from "react/jsx-runtime";
+import { jsx as jsx26 } from "react/jsx-runtime";
 function Table({ className, ...props }) {
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx26(
     "div",
     {
       "data-slot": "table-container",
       className: "relative w-full overflow-x-auto",
-      children: /* @__PURE__ */ jsx27(
+      children: /* @__PURE__ */ jsx26(
         "table",
         {
           "data-slot": "table",
@@ -2016,7 +1999,7 @@ function Table({ className, ...props }) {
   );
 }
 function TableHeader({ className, ...props }) {
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx26(
     "thead",
     {
       "data-slot": "table-header",
@@ -2026,7 +2009,7 @@ function TableHeader({ className, ...props }) {
   );
 }
 function TableBody({ className, ...props }) {
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx26(
     "tbody",
     {
       "data-slot": "table-body",
@@ -2036,7 +2019,7 @@ function TableBody({ className, ...props }) {
   );
 }
 function TableRow({ className, ...props }) {
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx26(
     "tr",
     {
       "data-slot": "table-row",
@@ -2049,7 +2032,7 @@ function TableRow({ className, ...props }) {
   );
 }
 function TableHead({ className, ...props }) {
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx26(
     "th",
     {
       "data-slot": "table-head",
@@ -2062,7 +2045,7 @@ function TableHead({ className, ...props }) {
   );
 }
 function TableCell({ className, ...props }) {
-  return /* @__PURE__ */ jsx27(
+  return /* @__PURE__ */ jsx26(
     "td",
     {
       "data-slot": "table-cell",
@@ -2076,7 +2059,7 @@ function TableCell({ className, ...props }) {
 }
 
 // src/components/data-table/index.tsx
-import { jsx as jsx28, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx27, jsxs as jsxs15 } from "react/jsx-runtime";
 var buildParams = (page, size, keyword, filters, sorting) => {
   const result = { page, size };
   if (!isEmpty(keyword)) {
@@ -2233,25 +2216,25 @@ var DataTable = (props) => {
               setAdvancedOpen(true);
             },
             children: [
-              /* @__PURE__ */ jsx28(FilterIcon, {}),
+              /* @__PURE__ */ jsx27(FilterIcon, {}),
               "\u66F4\u591A\u7B5B\u9009"
             ]
           }
         ),
         (props.searchbar || props.advancedFilter) && /* @__PURE__ */ jsxs15(Button, { variant: "ghost", size: "sm", onClick: resetFilters, children: [
-          /* @__PURE__ */ jsx28(RotateCcwIcon, {}),
+          /* @__PURE__ */ jsx27(RotateCcwIcon, {}),
           "\u91CD\u7F6E"
         ] })
       ] }),
       /* @__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__ */ jsx27(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxs15(Button, { variant: "outline", size: "sm", children: [
+            /* @__PURE__ */ jsx27(ColumnsIcon, {}),
+            /* @__PURE__ */ jsx27(ChevronDownIcon2, {})
           ] }) }),
-          /* @__PURE__ */ jsx28(DropdownMenuContent, { align: "end", className: "w-56", children: table.getAllColumns().filter(
+          /* @__PURE__ */ jsx27(DropdownMenuContent, { align: "end", className: "w-56", children: table.getAllColumns().filter(
             (column) => typeof column.accessorFn !== "undefined" && column.getCanHide()
-          ).map((column) => /* @__PURE__ */ jsx28(
+          ).map((column) => /* @__PURE__ */ jsx27(
             DropdownMenuCheckboxItem,
             {
               checked: column.getIsVisible(),
@@ -2265,24 +2248,24 @@ var DataTable = (props) => {
       ] })
     ] }),
     /* @__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(
+      /* @__PURE__ */ jsx27("div", { className: "overflow-hidden rounded-lg border", children: /* @__PURE__ */ jsxs15(Table, { children: [
+        /* @__PURE__ */ jsx27(TableHeader, { className: "sticky top-0 z-10 bg-muted", children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx27(TableRow, { children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx27(TableHead, { colSpan: header.colSpan, children: header.isPlaceholder ? null : flexRender(
           header.column.columnDef.header,
           header.getContext()
         ) }, header.id)) }, headerGroup.id)) }),
-        /* @__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(
+        /* @__PURE__ */ jsx27(TableBody, { children: table.getRowModel().rows.length > 0 ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx27(TableRow, { children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx27(TableCell, { children: flexRender(
           cell.column.columnDef.cell,
           cell.getContext()
-        ) }, cell.id)) }, row.id)) : /* @__PURE__ */ jsx28(TableRow, { children: /* @__PURE__ */ jsx28(
+        ) }, cell.id)) }, row.id)) : /* @__PURE__ */ jsx27(TableRow, { children: /* @__PURE__ */ jsx27(
           TableCell,
           {
             colSpan: props.columns.length,
             className: "h-24 text-center",
-            children: /* @__PURE__ */ jsx28(TableEmpty, {})
+            children: /* @__PURE__ */ jsx27(TableEmpty, {})
           }
         ) }) })
       ] }) }),
-      /* @__PURE__ */ jsx28("div", { className: "flex items-center justify-end px-4", children: /* @__PURE__ */ jsx28(
+      /* @__PURE__ */ jsx27("div", { className: "flex items-center justify-end px-4", children: /* @__PURE__ */ jsx27(
         TablePagination,
         {
           currentPage,
@@ -2297,14 +2280,14 @@ var DataTable = (props) => {
         }
       ) })
     ] }),
-    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({
+    props.advancedFilter && /* @__PURE__ */ jsx27(Sheet, { open: advancedOpen, onOpenChange: setAdvancedOpen, children: /* @__PURE__ */ jsxs15(SheetContent, { className: "flex w-[420px] flex-col p-0", children: [
+      /* @__PURE__ */ jsx27(SheetHeader, { className: "border-b px-6 py-4", children: /* @__PURE__ */ jsx27(SheetTitle, { children: "\u66F4\u591A\u7B5B\u9009" }) }),
+      /* @__PURE__ */ jsx27("div", { className: "flex-1 overflow-y-auto px-6 py-4", children: props.advancedFilter({
         draftFilters,
         setDraftFilters: (updater) => setDraftFilters((prev) => updater(prev))
       }) }),
       /* @__PURE__ */ jsxs15(SheetFooter, { className: "border-t px-6 py-4", children: [
-        /* @__PURE__ */ jsx28(
+        /* @__PURE__ */ jsx27(
           Button,
           {
             className: "flex-1",
@@ -2313,7 +2296,7 @@ var DataTable = (props) => {
             children: "\u91CD\u7F6E"
           }
         ),
-        /* @__PURE__ */ jsx28(Button, { className: "flex-1", onClick: confirmAdvanced, children: "\u786E\u8BA4\u7B5B\u9009" })
+        /* @__PURE__ */ jsx27(Button, { className: "flex-1", onClick: confirmAdvanced, children: "\u786E\u8BA4\u7B5B\u9009" })
       ] })
     ] }) })
   ] });
@@ -2321,7 +2304,7 @@ var DataTable = (props) => {
 
 // src/components/dialog/index.tsx
 import { useState as useState3 } from "react";
-import { jsx as jsx29, jsxs as jsxs16 } from "react/jsx-runtime";
+import { jsx as jsx28, jsxs as jsxs16 } from "react/jsx-runtime";
 var Dialog2 = (props) => {
   const [open, setOpen] = useState3(false);
   const [confirmLoading, setConfirmLoading] = useState3(false);
@@ -2339,13 +2322,13 @@ var Dialog2 = (props) => {
     }
   };
   return /* @__PURE__ */ jsxs16(Dialog, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx29(DialogTrigger, { asChild: true, children: props.children }),
+    /* @__PURE__ */ jsx28(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__ */ jsx28(DialogHeader, { children: /* @__PURE__ */ jsx28(DialogTitle, { children: props.title ?? "\u63D0\u793A" }) }),
+      /* @__PURE__ */ jsx28("div", { className: "py-4", children: typeof props.content === "string" ? /* @__PURE__ */ jsx28("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(
+        /* @__PURE__ */ jsx28(DialogClose, { asChild: true, children: /* @__PURE__ */ jsx28(Button2, { variant: EnumVariant.OUTLINE, disabled: confirmLoading, children: props.cancelText ?? "\u53D6\u6D88" }) }),
+        /* @__PURE__ */ jsx28(
           Button2,
           {
             type: "button",
@@ -2371,7 +2354,7 @@ import {
   getSortedRowModel as getSortedRowModel2,
   useReactTable as useReactTable2
 } from "@tanstack/react-table";
-import { jsx as jsx30, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx29, jsxs as jsxs17 } from "react/jsx-runtime";
 var DisplayTable = (props) => {
   const [rowSelection, setRowSelection] = useState4({});
   const [columnVisibility, setColumnVisibility] = useState4({});
@@ -2402,24 +2385,24 @@ var DisplayTable = (props) => {
     getFacetedRowModel: getFacetedRowModel2(),
     getFacetedUniqueValues: getFacetedUniqueValues2()
   });
-  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(
+  return /* @__PURE__ */ jsx29("div", { className: "overflow-hidden rounded-lg border", children: /* @__PURE__ */ jsxs17(Table, { children: [
+    /* @__PURE__ */ jsx29(TableHeader, { className: "sticky top-0 z-10 bg-muted", children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx29(TableRow, { children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx29(TableHead, { colSpan: header.colSpan, children: header.isPlaceholder ? null : flexRender2(
       header.column.columnDef.header,
       header.getContext()
     ) }, header.id)) }, headerGroup.id)) }),
-    /* @__PURE__ */ jsx30(TableBody, { className: "**:data-[slot=table-cell]:first:w-8", children: table.getRowModel().rows.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx30(
+    /* @__PURE__ */ jsx29(TableBody, { className: "**:data-[slot=table-cell]:first:w-8", children: table.getRowModel().rows.length ? table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx29(
       TableRow,
       {
         "data-state": row.getIsSelected() && "selected",
-        children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx30(TableCell, { children: flexRender2(cell.column.columnDef.cell, cell.getContext()) }, cell.id))
+        children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx29(TableCell, { children: flexRender2(cell.column.columnDef.cell, cell.getContext()) }, cell.id))
       },
       row.id
-    )) : /* @__PURE__ */ jsx30(TableRow, { children: /* @__PURE__ */ jsx30(
+    )) : /* @__PURE__ */ jsx29(TableRow, { children: /* @__PURE__ */ jsx29(
       TableCell,
       {
         colSpan: props.columns.length,
         className: "h-24 text-center",
-        children: /* @__PURE__ */ jsx30(TableEmpty, {})
+        children: /* @__PURE__ */ jsx29(TableEmpty, {})
       }
     ) }) })
   ] }) });
@@ -2427,7 +2410,7 @@ var DisplayTable = (props) => {
 
 // src/components/dropdown-cascader/dropdown-cascader-base.tsx
 import { Check } from "lucide-react";
-import { jsx as jsx31, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx30, jsxs as jsxs18 } from "react/jsx-runtime";
 var getOptionMap = (options) => {
   const map = /* @__PURE__ */ new Map();
   const walk = (nodes, parent) => {
@@ -2452,8 +2435,8 @@ var renderCascaderNodes = (nodes, parentPath, selectedValues, onSelect) => {
     const isSelected = selectedValues.includes(node.value);
     if (isBranch) {
       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__ */ jsx30(DropdownMenuSubTrigger, { disabled: node.disabled, children: node.label }),
+        /* @__PURE__ */ jsx30(DropdownMenuPortal, { children: /* @__PURE__ */ jsxs18(DropdownMenuSubContent, { className: "min-w-56", children: [
           /* @__PURE__ */ jsxs18(
             DropdownMenuItem,
             {
@@ -2464,8 +2447,8 @@ var renderCascaderNodes = (nodes, parentPath, selectedValues, onSelect) => {
               },
               className: "flex items-center justify-between",
               children: [
-                /* @__PURE__ */ jsx31("span", { children: node.label }),
-                isSelected && /* @__PURE__ */ jsx31(Check, { className: "size-4" })
+                /* @__PURE__ */ jsx30("span", { children: node.label }),
+                isSelected && /* @__PURE__ */ jsx30(Check, { className: "size-4" })
               ]
             }
           ),
@@ -2488,8 +2471,8 @@ var renderCascaderNodes = (nodes, parentPath, selectedValues, onSelect) => {
         },
         className: "flex items-center justify-between",
         children: [
-          /* @__PURE__ */ jsx31("span", { children: node.label }),
-          isSelected && /* @__PURE__ */ jsx31(Check, { className: "size-4" })
+          /* @__PURE__ */ jsx30("span", { children: node.label }),
+          isSelected && /* @__PURE__ */ jsx30(Check, { className: "size-4" })
         ]
       },
       node.value
@@ -2500,7 +2483,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 jsx32, jsxs as jsxs19 } from "react/jsx-runtime";
+import { jsx as jsx31, jsxs as jsxs19 } from "react/jsx-runtime";
 var toggle = (list, value) => {
   if (list.includes(value)) {
     return list.filter((v) => v !== value);
@@ -2540,7 +2523,7 @@ var DropdownCascaderMulti = ({
     label: i.path.map((p) => p.label).join(" / ")
   }));
   return /* @__PURE__ */ jsxs19(DropdownMenu, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx32(DropdownMenuTrigger, { asChild: true, className: "self-start", children: /* @__PURE__ */ jsxs19(
+    /* @__PURE__ */ jsx31(DropdownMenuTrigger, { asChild: true, className: "self-start", children: /* @__PURE__ */ jsxs19(
       Button,
       {
         variant: "outline",
@@ -2554,7 +2537,7 @@ var DropdownCascaderMulti = ({
                 className: "inline-flex items-center gap-1 rounded border px-2 py-0.5 text-xs",
                 children: [
                   item.label,
-                  /* @__PURE__ */ jsx32(
+                  /* @__PURE__ */ jsx31(
                     "span",
                     {
                       role: "button",
@@ -2576,7 +2559,7 @@ var DropdownCascaderMulti = ({
                           remove(item.value);
                         }
                       },
-                      children: /* @__PURE__ */ jsx32(X, { className: "size-3" })
+                      children: /* @__PURE__ */ jsx31(X, { className: "size-3" })
                     }
                   )
                 ]
@@ -2584,11 +2567,11 @@ var DropdownCascaderMulti = ({
               item.value
             ))
           ] }),
-          /* @__PURE__ */ jsx32(ChevronDown, { className: "size-4 opacity-50" })
+          /* @__PURE__ */ jsx31(ChevronDown, { className: "size-4 opacity-50" })
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx32(
+    /* @__PURE__ */ jsx31(
       DropdownMenuContent,
       {
         align: "start",
@@ -2602,7 +2585,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 jsx33, jsxs as jsxs20 } from "react/jsx-runtime";
+import { jsx as jsx32, jsxs as jsxs20 } from "react/jsx-runtime";
 var DropdownCascaderSingle = (props) => {
   const optionMap = React2.useMemo(
     () => getOptionMap(props.options),
@@ -2617,18 +2600,18 @@ var DropdownCascaderSingle = (props) => {
   };
   const selectedPath = props.value ? optionMap.get(props.value)?.path.map((i) => i.label).join(" / ") : "";
   return /* @__PURE__ */ jsxs20(DropdownMenu, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx33(DropdownMenuTrigger, { asChild: true, className: "self-start", children: /* @__PURE__ */ jsxs20(
+    /* @__PURE__ */ jsx32(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__ */ jsx33(ChevronDown2, { className: "size-4 ml-auto opacity-50" })
+          /* @__PURE__ */ jsx32(ChevronDown2, { className: "size-4 ml-auto opacity-50" })
         ]
       }
     ) }),
-    /* @__PURE__ */ jsx33(
+    /* @__PURE__ */ jsx32(
       DropdownMenuContent,
       {
         align: "start",
@@ -2654,12 +2637,12 @@ import { cva as cva5 } from "class-variance-authority";
 
 // src/shadcn/components/label.tsx
 import { Label as LabelPrimitive } from "radix-ui";
-import { jsx as jsx34 } from "react/jsx-runtime";
+import { jsx as jsx33 } from "react/jsx-runtime";
 function Label({
   className,
   ...props
 }) {
-  return /* @__PURE__ */ jsx34(
+  return /* @__PURE__ */ jsx33(
     LabelPrimitive.Root,
     {
       "data-slot": "label",
@@ -2674,12 +2657,12 @@ function Label({
 
 // src/shadcn/components/separator.tsx
 import { Separator as SeparatorPrimitive } from "radix-ui";
-import { jsx as jsx35 } from "react/jsx-runtime";
+import { jsx as jsx34 } from "react/jsx-runtime";
 
 // src/shadcn/components/field.tsx
-import { jsx as jsx36, jsxs as jsxs21 } from "react/jsx-runtime";
+import { jsx as jsx35, jsxs as jsxs21 } from "react/jsx-runtime";
 function FieldGroup2({ className, ...props }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx35(
     "div",
     {
       "data-slot": "field-group",
@@ -2719,7 +2702,7 @@ function Field({
   orientation = "vertical",
   ...props
 }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx35(
     "div",
     {
       role: "group",
@@ -2736,7 +2719,7 @@ function FieldLabel({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx35(
     Label,
     {
       "data-slot": "field-label",
@@ -2749,7 +2732,7 @@ function FieldLabel({
       ...props,
       children: /* @__PURE__ */ jsxs21("span", { className: "flex items-center gap-1", children: [
         children,
-        required && /* @__PURE__ */ jsx36("span", { className: "text-destructive", children: "*" })
+        required && /* @__PURE__ */ jsx35("span", { className: "text-destructive", children: "*" })
       ] })
     }
   );
@@ -2773,14 +2756,14 @@ function FieldError({
     if (uniqueErrors?.length == 1) {
       return uniqueErrors[0]?.message;
     }
-    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)
+    return /* @__PURE__ */ jsx35("ul", { className: "ml-4 flex list-disc flex-col gap-1", children: uniqueErrors.map(
+      (error, index) => error?.message && /* @__PURE__ */ jsx35("li", { children: error.message }, index)
     ) });
   }, [children, errors]);
   if (!content) {
     return null;
   }
-  return /* @__PURE__ */ jsx36(
+  return /* @__PURE__ */ jsx35(
     "div",
     {
       role: "alert",
@@ -2794,12 +2777,12 @@ function FieldError({
 
 // src/shadcn/components/tooltip.tsx
 import { Tooltip as TooltipPrimitive } from "radix-ui";
-import { jsx as jsx37, jsxs as jsxs22 } from "react/jsx-runtime";
+import { jsx as jsx36, jsxs as jsxs22 } from "react/jsx-runtime";
 function TooltipProvider({
   delayDuration = 0,
   ...props
 }) {
-  return /* @__PURE__ */ jsx37(
+  return /* @__PURE__ */ jsx36(
     TooltipPrimitive.Provider,
     {
       "data-slot": "tooltip-provider",
@@ -2811,12 +2794,12 @@ function TooltipProvider({
 function Tooltip({
   ...props
 }) {
-  return /* @__PURE__ */ jsx37(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props });
+  return /* @__PURE__ */ jsx36(TooltipPrimitive.Root, { "data-slot": "tooltip", ...props });
 }
 function TooltipTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx37(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
+  return /* @__PURE__ */ jsx36(TooltipPrimitive.Trigger, { "data-slot": "tooltip-trigger", ...props });
 }
 function TooltipContent({
   className,
@@ -2824,7 +2807,7 @@ function TooltipContent({
   children,
   ...props
 }) {
-  return /* @__PURE__ */ jsx37(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs22(
+  return /* @__PURE__ */ jsx36(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsxs22(
     TooltipPrimitive.Content,
     {
       "data-slot": "tooltip-content",
@@ -2836,35 +2819,35 @@ function TooltipContent({
       ...props,
       children: [
         children,
-        /* @__PURE__ */ jsx37(TooltipPrimitive.Arrow, { className: "z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground" })
+        /* @__PURE__ */ jsx36(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 jsx38, jsxs as jsxs23 } from "react/jsx-runtime";
+import { jsx as jsx37, jsxs as jsxs23 } from "react/jsx-runtime";
 var FieldController = ({
   required = false,
   ...props
 }) => {
-  return /* @__PURE__ */ jsx38(
+  return /* @__PURE__ */ jsx37(
     Controller,
     {
       name: props.name,
       control: props.control,
       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 }),
+          /* @__PURE__ */ jsx37(FieldLabel, { htmlFor: props.id, required, children: props.label }),
           props.tip && /* @__PURE__ */ jsxs23(Tooltip, { children: [
-            /* @__PURE__ */ jsx38(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx38(
+            /* @__PURE__ */ jsx37(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx37(
               CircleQuestionMark,
               {
                 size: "1rem",
                 className: "text-muted-foreground"
               }
             ) }),
-            /* @__PURE__ */ jsx38(
+            /* @__PURE__ */ jsx37(
               TooltipContent,
               {
                 side: "right",
@@ -2879,16 +2862,16 @@ var FieldController = ({
           fieldState,
           id: props.id
         }),
-        fieldState.error && /* @__PURE__ */ jsx38(FieldError, { errors: [fieldState.error] })
+        fieldState.error && /* @__PURE__ */ jsx37(FieldError, { errors: [fieldState.error] })
       ] })
     }
   );
 };
 
 // src/components/field-group/index.tsx
-import { jsx as jsx39 } from "react/jsx-runtime";
+import { jsx as jsx38 } from "react/jsx-runtime";
 var FieldGroup = (props) => {
-  return /* @__PURE__ */ jsx39(
+  return /* @__PURE__ */ jsx38(
     "div",
     {
       className: cn2(
@@ -2901,28 +2884,28 @@ var FieldGroup = (props) => {
 };
 
 // src/components/text/index.tsx
-import { jsx as jsx40 } from "react/jsx-runtime";
+import { jsx as jsx39 } from "react/jsx-runtime";
 var Text = (props) => {
-  return /* @__PURE__ */ jsx40("div", { className: cn2("", props.className), children: props.children });
+  return /* @__PURE__ */ jsx39("div", { className: cn2("", props.className), children: props.children });
 };
 
 // src/components/field-plain/index.tsx
-import { Fragment as Fragment2, jsx as jsx41, jsxs as jsxs24 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx40, jsxs as jsxs24 } from "react/jsx-runtime";
 var FieldPlain = ({
   required = false,
   mode = EnumFormMode.VIEW,
   ...props
 }) => {
   const label = props.label ?? "-";
-  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 }] })
+  return /* @__PURE__ */ jsx40(Fragment2, { children: /* @__PURE__ */ jsxs24(Field, { "data-invalid": props.invalid, children: [
+    /* @__PURE__ */ jsx40(FieldLabel, { htmlFor: props.id, required, children: props.name }),
+    mode === EnumFormMode.VIEW ? /* @__PURE__ */ jsx40(Text, { children: label }) : props.children,
+    props.error && /* @__PURE__ */ jsx40(FieldError, { errors: [{ message: props.error }] })
   ] }) });
 };
 
 // src/components/field-text/index.tsx
-import { jsx as jsx42, jsxs as jsxs25 } from "react/jsx-runtime";
+import { jsx as jsx41, jsxs as jsxs25 } from "react/jsx-runtime";
 var FieldText = ({
   id,
   name,
@@ -2933,13 +2916,13 @@ var FieldText = ({
 }) => {
   const isEmpty2 = value === "" || value == null;
   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) })
+    /* @__PURE__ */ jsx41(FieldLabel, { htmlFor: id, required, children: name }),
+    /* @__PURE__ */ jsx41("div", { id, className: "text-sm leading-6", children: render ?? (isEmpty2 ? placeholder : value) })
   ] });
 };
 
 // src/components/form-select/index.tsx
-import { jsx as jsx43, jsxs as jsxs26 } from "react/jsx-runtime";
+import { jsx as jsx42, jsxs as jsxs26 } from "react/jsx-runtime";
 var FormSelect = (props) => {
   return /* @__PURE__ */ jsxs26(
     Select,
@@ -2954,9 +2937,9 @@ var FormSelect = (props) => {
       },
       "aria-invalid": props.invalid,
       children: [
-        /* @__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);
+        /* @__PURE__ */ jsx42(SelectTrigger, { className: "w-full", children: /* @__PURE__ */ jsx42(SelectValue, {}) }),
+        /* @__PURE__ */ jsx42(SelectContent, { children: /* @__PURE__ */ jsx42(SelectGroup, { children: props.optionList.map((option) => {
+          return /* @__PURE__ */ jsx42(SelectItem, { value: option.value, children: option.label }, option.value);
         }) }) })
       ]
     }
@@ -2979,7 +2962,7 @@ import {
   ChevronLeftIcon as ChevronLeftIcon2,
   ChevronRightIcon as ChevronRightIcon3
 } from "lucide-react";
-import { jsx as jsx44 } from "react/jsx-runtime";
+import { jsx as jsx43 } from "react/jsx-runtime";
 function Calendar({
   className,
   classNames,
@@ -2991,7 +2974,7 @@ function Calendar({
   ...props
 }) {
   const defaultClassNames = getDefaultClassNames();
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx43(
     DayPicker,
     {
       showOutsideDays,
@@ -3091,7 +3074,7 @@ function Calendar({
       },
       components: {
         Root: ({ className: className2, rootRef, ...props2 }) => {
-          return /* @__PURE__ */ jsx44(
+          return /* @__PURE__ */ jsx43(
             "div",
             {
               "data-slot": "calendar",
@@ -3103,10 +3086,10 @@ function Calendar({
         },
         Chevron: ({ className: className2, orientation, ...props2 }) => {
           if (orientation === "left") {
-            return /* @__PURE__ */ jsx44(ChevronLeftIcon2, { className: cn("size-4", className2), ...props2 });
+            return /* @__PURE__ */ jsx43(ChevronLeftIcon2, { className: cn("size-4", className2), ...props2 });
           }
           if (orientation === "right") {
-            return /* @__PURE__ */ jsx44(
+            return /* @__PURE__ */ jsx43(
               ChevronRightIcon3,
               {
                 className: cn("size-4", className2),
@@ -3114,11 +3097,11 @@ function Calendar({
               }
             );
           }
-          return /* @__PURE__ */ jsx44(ChevronDownIcon3, { className: cn("size-4", className2), ...props2 });
+          return /* @__PURE__ */ jsx43(ChevronDownIcon3, { className: cn("size-4", className2), ...props2 });
         },
         DayButton: CalendarDayButton,
         WeekNumber: ({ children, ...props2 }) => {
-          return /* @__PURE__ */ jsx44("td", { ...props2, children: /* @__PURE__ */ jsx44("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children }) });
+          return /* @__PURE__ */ jsx43("td", { ...props2, children: /* @__PURE__ */ jsx43("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children }) });
         },
         ...components
       },
@@ -3137,7 +3120,7 @@ function CalendarDayButton({
   React3.useEffect(() => {
     if (modifiers.focused) ref.current?.focus();
   }, [modifiers.focused]);
-  return /* @__PURE__ */ jsx44(
+  return /* @__PURE__ */ jsx43(
     Button,
     {
       ref,
@@ -3160,16 +3143,16 @@ function CalendarDayButton({
 
 // src/shadcn/components/popover.tsx
 import { Popover as PopoverPrimitive } from "radix-ui";
-import { jsx as jsx45 } from "react/jsx-runtime";
+import { jsx as jsx44 } from "react/jsx-runtime";
 function Popover({
   ...props
 }) {
-  return /* @__PURE__ */ jsx45(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
+  return /* @__PURE__ */ jsx44(PopoverPrimitive.Root, { "data-slot": "popover", ...props });
 }
 function PopoverTrigger({
   ...props
 }) {
-  return /* @__PURE__ */ jsx45(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
+  return /* @__PURE__ */ jsx44(PopoverPrimitive.Trigger, { "data-slot": "popover-trigger", ...props });
 }
 function PopoverContent({
   className,
@@ -3177,7 +3160,7 @@ function PopoverContent({
   sideOffset = 4,
   ...props
 }) {
-  return /* @__PURE__ */ jsx45(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx45(
+  return /* @__PURE__ */ jsx44(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx44(
     PopoverPrimitive.Content,
     {
       "data-slot": "popover-content",
@@ -3193,7 +3176,7 @@ function PopoverContent({
 }
 
 // src/components/form-time-picker/index.tsx
-import { jsx as jsx46, jsxs as jsxs27 } from "react/jsx-runtime";
+import { jsx as jsx45, jsxs as jsxs27 } from "react/jsx-runtime";
 function pad2(n) {
   return String(n).padStart(2, "0");
 }
@@ -3214,8 +3197,8 @@ var FormTimePicker = (props) => {
   const dateBtnText = props.value ? formatDateTime(props.value, "YYYY-MM-DD") : props.datePlaceholder;
   const timeValue = formatTimeHHmmss(props.value);
   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(
+    /* @__PURE__ */ jsx45(Field, { children: /* @__PURE__ */ jsxs27(Popover, { open, onOpenChange: setOpen, children: [
+      /* @__PURE__ */ jsx45(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxs27(
         Button,
         {
           variant: "outline",
@@ -3224,17 +3207,17 @@ var FormTimePicker = (props) => {
           disabled: props.disabled,
           className: "w-32 justify-between font-normal",
           children: [
-            /* @__PURE__ */ jsx46("div", { className: "w-full text-left", children: dateBtnText }),
-            /* @__PURE__ */ jsx46(ChevronDownIcon4, {})
+            /* @__PURE__ */ jsx45("div", { className: "w-full text-left", children: dateBtnText }),
+            /* @__PURE__ */ jsx45(ChevronDownIcon4, {})
           ]
         }
       ) }),
-      /* @__PURE__ */ jsx46(
+      /* @__PURE__ */ jsx45(
         PopoverContent,
         {
           className: "w-(--radix-popover-trigger-width) p-0",
           align: "start",
-          children: /* @__PURE__ */ jsx46(
+          children: /* @__PURE__ */ jsx45(
             Calendar,
             {
               mode: "single",
@@ -3258,7 +3241,7 @@ var FormTimePicker = (props) => {
         }
       )
     ] }) }),
-    /* @__PURE__ */ jsx46(Field, { className: "w-32", children: /* @__PURE__ */ jsx46(
+    /* @__PURE__ */ jsx45(Field, { className: "w-32", children: /* @__PURE__ */ jsx45(
       Input,
       {
         type: "time",
@@ -3282,6 +3265,24 @@ var FormTimePicker = (props) => {
 // src/components/media-uploader/index.tsx
 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";
+
+// src/shadcn/components/card.tsx
+import { jsx as jsx46 } from "react/jsx-runtime";
+function Card({ className, ...props }) {
+  return /* @__PURE__ */ jsx46(
+    "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 jsx47, jsxs as jsxs28 } from "react/jsx-runtime";
 var MediaUploader = ({ value = [], ...props }) => {
   const inputRef = useRef2(null);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kilnonedre/foundation",
-  "version": "0.0.20",
+  "version": "0.0.21",
   "private": false,
   "description": "Kilnonedre frontend foundation package",
   "type": "module",