@prediktif/ui 0.1.19 → 0.1.20

package/dist/index.js

@@ -78,6 +78,7 @@ __export(index_exports, {
   RowActions: () => RowActions,
   StateEmpty: () => StateEmpty,
   exportToCSV: () => exportToCSV,
+  exportToPDF: () => exportToPDF,
   exportToXLSX: () => exportToXLSX,
   features: () => features,
   flexRender: () => import_react_table4.flexRender,
@@ -773,16 +774,6 @@ function SheetDescription(_a) {
 // src/components/ui/skeleton.tsx
 var import_cn9 = require("cn");
 var import_jsx_runtime9 = require("react/jsx-runtime");
-function Skeleton(_a) {
-  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
-  return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(
-    "div",
-    __spreadValues({
-      "data-slot": "skeleton",
-      className: (0, import_cn9.cn)("animate-pulse rounded-md bg-muted", className)
-    }, props)
-  );
-}
 
 // src/components/ui/tooltip.tsx
 var import_tooltip = require("@base-ui/react/tooltip");
@@ -1540,7 +1531,7 @@ var AppSidebar = (0, import_react.memo)(function AppSidebar2({
 
 // src/components/composed/data-table/data-table.tsx
 var import_react_table4 = require("@tanstack/react-table");
-var import_lucide_react19 = require("lucide-react");
+var import_lucide_react18 = require("lucide-react");
 var import_react6 = require("react");
 
 // src/components/composed/state-empty.tsx
@@ -1644,6 +1635,9 @@ function EmptyContent(_a) {
   );
 }
 
+// src/lib/utils.ts
+var import_cn13 = require("cn");
+
 // src/components/composed/state-empty.tsx
 var import_jsx_runtime14 = require("react/jsx-runtime");
 function renderStateIcon(icon) {
@@ -1659,31 +1653,41 @@ var StateEmpty = (0, import_react2.memo)(function StateEmpty2({
   description,
   buttonText,
   onClick,
-  render
+  render,
+  state = "default"
 }) {
+  const isFunctionAction = typeof render === "function";
+  const actionHandler = isFunctionAction ? render : onClick;
+  const buttonRender = isFunctionAction ? void 0 : render;
   const hasAction = Boolean(buttonText || render || onClick);
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(Empty, { className: "w-full border border-dashed", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(EmptyHeader, { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(EmptyMedia, { variant: "icon", children: renderStateIcon(icon) }),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(EmptyTitle, { children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(EmptyDescription, { children: description })
-    ] }),
-    hasAction && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(EmptyContent, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
-      Button,
-      {
-        variant: "outline",
-        size: "sm",
-        nativeButton: !render,
-        onClick,
-        render,
-        children: buttonText
-      }
-    ) })
-  ] });
+  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
+    Empty,
+    {
+      className: (0, import_cn13.cn)("w-full", state === "outline" && "border border-dashed"),
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(EmptyHeader, { children: [
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(EmptyMedia, { variant: "icon", children: renderStateIcon(icon) }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(EmptyTitle, { children: title }),
+          /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(EmptyDescription, { children: description })
+        ] }),
+        hasAction && /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(EmptyContent, { children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(
+          Button,
+          {
+            variant: "outline",
+            size: "sm",
+            nativeButton: !buttonRender,
+            onClick: actionHandler,
+            render: buttonRender,
+            children: buttonText
+          }
+        ) })
+      ]
+    }
+  );
 });
 
 // src/components/ui/table.tsx
-var import_cn13 = require("cn");
+var import_cn14 = require("cn");
 var import_jsx_runtime15 = require("react/jsx-runtime");
 function Table(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
@@ -1696,7 +1700,7 @@ function Table(_a) {
         "table",
         __spreadValues({
           "data-slot": "table",
-          className: (0, import_cn13.cn)("w-full caption-bottom text-xs", className)
+          className: (0, import_cn14.cn)("w-full caption-bottom text-xs", className)
         }, props)
       )
     }
@@ -1708,7 +1712,7 @@ function TableHeader(_a) {
     "thead",
     __spreadValues({
       "data-slot": "table-header",
-      className: (0, import_cn13.cn)("[&_tr]:border-b", className)
+      className: (0, import_cn14.cn)("[&_tr]:border-b", className)
     }, props)
   );
 }
@@ -1718,7 +1722,7 @@ function TableBody(_a) {
     "tbody",
     __spreadValues({
       "data-slot": "table-body",
-      className: (0, import_cn13.cn)("[&_tr:last-child]:border-0", className)
+      className: (0, import_cn14.cn)("[&_tr:last-child]:border-0", className)
     }, props)
   );
 }
@@ -1728,7 +1732,7 @@ function TableRow(_a) {
     "tr",
     __spreadValues({
       "data-slot": "table-row",
-      className: (0, import_cn13.cn)(
+      className: (0, import_cn14.cn)(
         "border-b transition-colors hover:bg-muted/50 has-aria-expanded:bg-muted/50 data-[state=selected]:bg-muted",
         className
       )
@@ -1741,7 +1745,7 @@ function TableHead(_a) {
     "th",
     __spreadValues({
       "data-slot": "table-head",
-      className: (0, import_cn13.cn)(
+      className: (0, import_cn14.cn)(
         "h-10 px-2 text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0",
         className
       )
@@ -1754,7 +1758,7 @@ function TableCell(_a) {
     "td",
     __spreadValues({
       "data-slot": "table-cell",
-      className: (0, import_cn13.cn)(
+      className: (0, import_cn14.cn)(
         "p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0",
         className
       )
@@ -1792,87 +1796,39 @@ var features = (0, import_react_table.tableFeatures)({
 var import_react_table2 = require("@tanstack/react-table");
 var import_lucide_react6 = require("lucide-react");
 var import_jsx_runtime16 = require("react/jsx-runtime");
-var SKELETON_ROWS = ["sk-1", "sk-2", "sk-3", "sk-4", "sk-5"];
 function DataTableContentBody({
   table,
-  columns,
-  isLoading
+  columns
 }) {
-  if (isLoading) {
-    return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(TableBody, { children: SKELETON_ROWS.map((rowKey) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(TableRow, { children: columns.map((col, idx) => {
-      var _a;
-      const colKey = (_a = col.id) != null ? _a : typeof col.accessorKey === "string" ? col.accessorKey : `col-${idx}`;
-      return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(TableCell, { className: "py-3", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(Skeleton, { className: "h-4 w-full" }) }, `${rowKey}-${colKey}`);
-    }) }, rowKey)) });
-  }
   const rows = table.getRowModel().rows;
   if (rows == null ? void 0 : rows.length) {
     return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(TableBody, { children: rows.map((row) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(TableRow, { children: row.getVisibleCells().map((cell) => /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(TableCell, { children: (0, import_react_table2.flexRender)(cell.column.columnDef.cell, cell.getContext()) }, cell.id)) }, row.id)) });
   }
-  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(TableBody, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(TableCell, { colSpan: columns.length, className: "h-36 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsxs)("div", { className: "flex flex-col items-center justify-center gap-1.5 py-4 text-muted-foreground", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react6.SearchXIcon, { className: "size-6 text-muted-foreground/60" }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-xs font-medium text-foreground", children: "No matching results" }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)("p", { className: "text-xs text-muted-foreground max-w-xs", children: "No records matched your search query or filter criteria." }),
-    /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
-      Button,
-      {
-        variant: "outline",
-        size: "xs",
-        className: "mt-1",
-        onClick: () => {
-          table.resetGlobalFilter();
-          table.resetColumnFilters();
-        },
-        children: "Clear search & filters"
+  return /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(TableBody, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(TableRow, { children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(TableCell, { colSpan: columns.length, className: "h-48 text-center", children: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(
+    StateEmpty,
+    {
+      icon: /* @__PURE__ */ (0, import_jsx_runtime16.jsx)(import_lucide_react6.SearchXIcon, {}),
+      title: "No matching results",
+      description: "No records matched your search query or filter criteria.",
+      buttonText: "Clear search & filters",
+      render: () => {
+        table.setGlobalFilter("");
+        table.resetColumnFilters();
       }
-    )
-  ] }) }) }) });
+    }
+  ) }) }) });
 }
 
 // src/components/composed/data-table/table-content-header.tsx
 var import_react_table3 = require("@tanstack/react-table");
-var import_lucide_react7 = require("lucide-react");
-
-// src/lib/utils.ts
-var import_cn14 = require("cn");
-
-// src/components/composed/data-table/table-content-header.tsx
 var import_jsx_runtime17 = require("react/jsx-runtime");
 function DataTableContentHeader({
   table
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TableRow, { children: headerGroup.headers.map((header) => {
-    if (header.isPlaceholder) {
-      return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TableHead, {}, header.id);
-    }
-    const canSort = header.column.getCanSort();
-    const isSorted = header.column.getIsSorted();
-    if (!canSort) {
-      return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TableHead, { children: (0, import_react_table3.flexRender)(
-        header.column.columnDef.header,
-        header.getContext()
-      ) }, header.id);
-    }
-    return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TableHead, { className: "select-none", children: /* @__PURE__ */ (0, import_jsx_runtime17.jsxs)(
-      "button",
-      {
-        type: "button",
-        className: (0, import_cn14.cn)(
-          "flex items-center gap-1.5 -ml-1 px-1 py-1 rounded hover:bg-muted/50 cursor-pointer font-medium text-xs transition-colors",
-          isSorted && "text-foreground font-semibold"
-        ),
-        onClick: header.column.getToggleSortingHandler(),
-        "aria-label": `Sort by ${typeof header.column.columnDef.header === "string" ? header.column.columnDef.header : header.id}`,
-        children: [
-          /* @__PURE__ */ (0, import_jsx_runtime17.jsx)("span", { children: (0, import_react_table3.flexRender)(
-            header.column.columnDef.header,
-            header.getContext()
-          ) }),
-          isSorted === "asc" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react7.ArrowUpIcon, { className: "size-3 text-foreground shrink-0" }) : isSorted === "desc" ? /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react7.ArrowDownIcon, { className: "size-3 text-foreground shrink-0" }) : /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(import_lucide_react7.ArrowUpDownIcon, { className: "size-3 text-muted-foreground/40 hover:text-muted-foreground shrink-0" })
-        ]
-      }
-    ) }, header.id);
-  }) }, headerGroup.id)) });
+  return /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TableRow, { children: headerGroup.headers.map((header) => /* @__PURE__ */ (0, import_jsx_runtime17.jsx)(TableHead, { children: header.isPlaceholder ? null : (0, import_react_table3.flexRender)(
+    header.column.columnDef.header,
+    header.getContext()
+  ) }, header.id)) }, headerGroup.id)) });
 }
 
 // src/components/composed/data-table/table-footer-entries.tsx
@@ -1904,7 +1860,7 @@ function DataTableFooterEntries({
 }
 
 // src/components/composed/data-table/table-footer-pagination.tsx
-var import_lucide_react8 = require("lucide-react");
+var import_lucide_react7 = require("lucide-react");
 var import_jsx_runtime19 = require("react/jsx-runtime");
 function DataTableFooterPagination({
   table
@@ -1921,7 +1877,7 @@ function DataTableFooterPagination({
               size: "icon-xs",
               onClick: () => table.firstPage(),
               disabled: !table.getCanPreviousPage(),
-              children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react8.ChevronsLeftIcon, {})
+              children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react7.ChevronsLeftIcon, {})
             }
           )
         }
@@ -1939,7 +1895,7 @@ function DataTableFooterPagination({
               size: "icon-xs",
               onClick: () => table.previousPage(),
               disabled: !table.getCanPreviousPage(),
-              children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react8.ChevronLeftIcon, {})
+              children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react7.ChevronLeftIcon, {})
             }
           )
         }
@@ -1957,7 +1913,7 @@ function DataTableFooterPagination({
               size: "icon-xs",
               onClick: () => table.nextPage(),
               disabled: !table.getCanNextPage(),
-              children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react8.ChevronRightIcon, {})
+              children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react7.ChevronRightIcon, {})
             }
           )
         }
@@ -1975,7 +1931,7 @@ function DataTableFooterPagination({
               size: "icon-xs",
               onClick: () => table.lastPage(),
               disabled: !table.getCanNextPage(),
-              children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react8.ChevronsRightIcon, {})
+              children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react7.ChevronsRightIcon, {})
             }
           )
         }
@@ -1986,7 +1942,7 @@ function DataTableFooterPagination({
 }
 
 // src/components/composed/data-table/table-header-add.tsx
-var import_lucide_react9 = require("lucide-react");
+var import_lucide_react8 = require("lucide-react");
 var import_jsx_runtime20 = require("react/jsx-runtime");
 function DataTableHeaderAdd({
   onAdd,
@@ -1998,20 +1954,20 @@ function DataTableHeaderAdd({
         TooltipTrigger,
         {
           className: "flex sm:hidden",
-          render: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Button, { variant: "default", size: "icon", onClick: onAdd, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react9.PlusIcon, {}) })
+          render: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(Button, { variant: "default", size: "icon", onClick: onAdd, children: /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react8.PlusIcon, {}) })
         }
       ),
       /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(TooltipContent, { children: addLabel != null ? addLabel : "Add" })
     ] }),
     /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(Button, { variant: "default", onClick: onAdd, className: "hidden sm:flex", children: [
-      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react9.PlusIcon, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(import_lucide_react8.PlusIcon, {}),
       addLabel != null ? addLabel : "Add"
     ] })
   ] });
 }
 
 // src/components/composed/data-table/table-header-download.tsx
-var import_lucide_react10 = require("lucide-react");
+var import_lucide_react9 = require("lucide-react");
 
 // src/components/composed/data-table/export.ts
 var XLSX = __toESM(require("xlsx"));
@@ -2072,6 +2028,41 @@ function exportToCSV(rows, filename = "data-export") {
     URL.revokeObjectURL(url);
   }, 1e3);
 }
+async function exportToPDF(headers, rows, filename = "data-export", title = "Data Export") {
+  const [{ jsPDF }, autoTableMod] = await Promise.all([
+    import("jspdf"),
+    import("jspdf-autotable")
+  ]);
+  const autoTable = autoTableMod.autoTable || autoTableMod.default;
+  const orientation = headers.length > 5 ? "landscape" : "portrait";
+  const doc = new jsPDF({ orientation });
+  doc.setFontSize(14);
+  doc.setFont("helvetica", "bold");
+  doc.text(title, 14, 15);
+  doc.setFontSize(8);
+  doc.setFont("helvetica", "normal");
+  doc.setTextColor(120);
+  doc.text(`Generated on ${(/* @__PURE__ */ new Date()).toLocaleString()}`, 14, 20);
+  autoTable(doc, {
+    head: [headers],
+    body: rows,
+    startY: 24,
+    styles: {
+      fontSize: 8,
+      cellPadding: 2.5
+    },
+    headStyles: {
+      fillColor: [40, 40, 40],
+      textColor: [255, 255, 255],
+      fontStyle: "bold"
+    },
+    alternateRowStyles: {
+      fillColor: [248, 248, 248]
+    }
+  });
+  const finalFilename = filename.endsWith(".pdf") ? filename : `${filename}.pdf`;
+  doc.save(finalFilename);
+}
 function printTable(headers, rows, title = "Data Export") {
   let tableHtml = `<table style="width:100%; border-collapse:collapse; font-family:sans-serif; font-size:12px;"><thead><tr>`;
   for (const header of headers) {
@@ -2167,7 +2158,7 @@ function DataTableHeaderDownload({
           render: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
             TooltipTrigger,
             {
-              render: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Button, { variant: "outline", size: "icon", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react10.DownloadIcon, {}) })
+              render: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(Button, { variant: "outline", size: "icon", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react9.DownloadIcon, {}) })
             }
           )
         }
@@ -2181,13 +2172,13 @@ function DataTableHeaderDownload({
         DropdownMenuItem,
         {
           className: "hover:cursor-pointer",
-          onClick: () => {
+          onClick: async () => {
             const { headers, rows } = getTableExportData(table);
-            printTable(headers, rows, exportFilename);
+            await exportToPDF(headers, rows, exportFilename);
             onDownload == null ? void 0 : onDownload();
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react10.FileTextIcon, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react9.FileTextIcon, {}),
             "Download PDF"
           ]
         }
@@ -2202,7 +2193,7 @@ function DataTableHeaderDownload({
             onDownload == null ? void 0 : onDownload();
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react10.FileSpreadsheetIcon, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react9.FileSpreadsheetIcon, {}),
             "Download Excel"
           ]
         }
@@ -2217,7 +2208,7 @@ function DataTableHeaderDownload({
             onDownload == null ? void 0 : onDownload();
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react10.FileCodeIcon, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react9.FileCodeIcon, {}),
             "Download CSV"
           ]
         }
@@ -2232,7 +2223,7 @@ function DataTableHeaderDownload({
             printTable(headers, rows, exportFilename);
           },
           children: [
-            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react10.PrinterIcon, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react9.PrinterIcon, {}),
             "Print Table"
           ]
         }
@@ -2243,12 +2234,12 @@ function DataTableHeaderDownload({
 
 // src/components/composed/data-table/table-header-filter.tsx
 var import_date_fns = require("date-fns");
-var import_lucide_react13 = require("lucide-react");
+var import_lucide_react12 = require("lucide-react");
 var import_react3 = require("react");
 
 // src/components/ui/calendar.tsx
 var import_cn15 = require("cn");
-var import_lucide_react11 = require("lucide-react");
+var import_lucide_react10 = require("lucide-react");
 var React3 = __toESM(require("react"));
 var import_react_day_picker = require("react-day-picker");
 var import_jsx_runtime22 = require("react/jsx-runtime");
@@ -2388,17 +2379,17 @@ function Calendar(_a) {
         Chevron: (_c) => {
           var _d = _c, { className: className2, orientation } = _d, props2 = __objRest(_d, ["className", "orientation"]);
           if (orientation === "left") {
-            return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react11.ChevronLeftIcon, __spreadValues({ className: (0, import_cn15.cn)("size-4", className2) }, props2));
+            return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react10.ChevronLeftIcon, __spreadValues({ className: (0, import_cn15.cn)("size-4", className2) }, props2));
           }
           if (orientation === "right") {
             return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-              import_lucide_react11.ChevronRightIcon,
+              import_lucide_react10.ChevronRightIcon,
               __spreadValues({
                 className: (0, import_cn15.cn)("size-4", className2)
               }, props2)
             );
           }
-          return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react11.ChevronDownIcon, __spreadValues({ className: (0, import_cn15.cn)("size-4", className2) }, props2));
+          return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react10.ChevronDownIcon, __spreadValues({ className: (0, import_cn15.cn)("size-4", className2) }, props2));
         },
         DayButton: (_e) => {
           var props2 = __objRest(_e, []);
@@ -2500,7 +2491,7 @@ function PopoverContent(_a) {
 // src/components/ui/select.tsx
 var import_select = require("@base-ui/react/select");
 var import_cn17 = require("cn");
-var import_lucide_react12 = require("lucide-react");
+var import_lucide_react11 = require("lucide-react");
 var import_jsx_runtime24 = require("react/jsx-runtime");
 var Select = import_select.Select.Root;
 function SelectValue(_a) {
@@ -2538,7 +2529,7 @@ function SelectTrigger(_a) {
         /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
           import_select.Select.Icon,
           {
-            render: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react12.ChevronDownIcon, { className: "pointer-events-none size-3.5 text-muted-foreground" })
+            render: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.ChevronDownIcon, { className: "pointer-events-none size-3.5 text-muted-foreground" })
           }
         )
       ]
@@ -2615,7 +2606,7 @@ function SelectItem(_a) {
           import_select.Select.ItemIndicator,
           {
             render: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)("span", { className: "pointer-events-none absolute right-2 flex items-center justify-center" }),
-            children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react12.CheckIcon, { className: "pointer-events-none" })
+            children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.CheckIcon, { className: "pointer-events-none" })
           }
         )
       ]
@@ -2637,7 +2628,7 @@ function SelectScrollUpButton(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react12.ChevronUpIcon, {})
+      children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.ChevronUpIcon, {})
     })
   );
 }
@@ -2656,7 +2647,7 @@ function SelectScrollDownButton(_a) {
         className
       )
     }, props), {
-      children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react12.ChevronDownIcon, {})
+      children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react11.ChevronDownIcon, {})
     })
   );
 }
@@ -2887,14 +2878,14 @@ function ColumnFilterInput({
             Button,
             {
               variant: "outline",
-              className: (0, import_cn14.cn)(
+              className: (0, import_cn13.cn)(
                 "w-full justify-start",
                 !formattedDateLabel && "text-muted-foreground"
               ),
               onKeyDown: (e) => e.stopPropagation(),
               onPointerDown: (e) => e.stopPropagation(),
               children: [
-                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react13.CalendarIcon, { className: "mr-1 size-3 shrink-0" }),
+                /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.CalendarIcon, { className: "mr-1 size-3 shrink-0" }),
                 /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("span", { className: "truncate", children: formattedDateLabel || `Pick ${headerText.toLowerCase()}...` })
               ]
             }
@@ -2964,7 +2955,7 @@ function DataTableHeaderFilter({
                 {
                   variant: columnFilters.length > 0 ? "secondary" : "outline",
                   size: "icon",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react13.ListFilterIcon, {})
+                  children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react12.ListFilterIcon, {})
                 }
               )
             }
@@ -3020,7 +3011,7 @@ function DataTableHeaderFilter({
 }
 
 // src/components/composed/data-table/table-header-refresh.tsx
-var import_lucide_react14 = require("lucide-react");
+var import_lucide_react13 = require("lucide-react");
 var import_navigation2 = require("next/navigation");
 var import_react4 = require("react");
 var import_jsx_runtime26 = require("react/jsx-runtime");
@@ -3052,9 +3043,9 @@ function DataTableHeaderRefresh({
             onClick: handleRefresh,
             disabled: isRefreshing,
             children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
-              import_lucide_react14.RotateCwIcon,
+              import_lucide_react13.RotateCwIcon,
               {
-                className: (0, import_cn14.cn)(
+                className: (0, import_cn13.cn)(
                   "transition-transform duration-750",
                   isRefreshing && "animate-spin"
                 )
@@ -3069,38 +3060,37 @@ function DataTableHeaderRefresh({
 }
 
 // src/components/composed/data-table/table-header-search.tsx
-var import_lucide_react15 = require("lucide-react");
+var import_lucide_react14 = require("lucide-react");
 var import_jsx_runtime27 = require("react/jsx-runtime");
 function DataTableHeaderSearch({
-  value,
-  onChange,
-  placeholder = "Search..."
+  value = "",
+  onChange
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime27.jsxs)("div", { className: "relative flex items-center max-w-sm w-full", children: [
     /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
       Input,
       {
-        placeholder,
-        value,
+        placeholder: "Search...",
+        value: value != null ? value : "",
         onChange: (event) => onChange(event.target.value),
         className: "pr-7"
       }
     ),
-    value && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
+    Boolean(value) && /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(
       "button",
       {
         type: "button",
         onClick: () => onChange(""),
         className: "absolute right-2 text-muted-foreground hover:text-foreground p-0.5 rounded cursor-pointer",
         "aria-label": "Clear search text",
-        children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react15.XIcon, { className: "size-3.5" })
+        children: /* @__PURE__ */ (0, import_jsx_runtime27.jsx)(import_lucide_react14.XIcon, { className: "size-3.5" })
       }
     )
   ] });
 }
 
 // src/components/composed/data-table/table-header-sort.tsx
-var import_lucide_react16 = require("lucide-react");
+var import_lucide_react15 = require("lucide-react");
 var import_jsx_runtime28 = require("react/jsx-runtime");
 function DataTableHeaderSort({
   table,
@@ -3120,7 +3110,7 @@ function DataTableHeaderSort({
                 {
                   variant: sorting.length > 0 ? "secondary" : "outline",
                   size: "icon",
-                  children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react16.ArrowUpDownIcon, {})
+                  children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react15.ArrowUpDownIcon, {})
                 }
               )
             }
@@ -3149,9 +3139,9 @@ function DataTableHeaderSort({
               }
             },
             children: [
-              /* @__PURE__ */ (0, import_jsx_runtime28.jsx)("span", { children: headerText }),
-              isSorted === "asc" && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react16.ArrowUpIcon, { className: "size-3.5" }),
-              isSorted === "desc" && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react16.ArrowDownIcon, { className: "size-3.5" })
+              headerText,
+              isSorted === "asc" && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react15.ArrowUpIcon, { className: "size-3.5" }),
+              isSorted === "desc" && /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react15.ArrowDownIcon, { className: "size-3.5" })
             ]
           },
           column.id
@@ -3164,7 +3154,7 @@ function DataTableHeaderSort({
           {
             className: "hover:cursor-pointer text-destructive focus:text-destructive",
             onClick: () => table.resetSorting(),
-            children: "Clear Sorting"
+            children: "Clear sorting"
           }
         )
       ] })
@@ -3173,7 +3163,7 @@ function DataTableHeaderSort({
 }
 
 // src/components/composed/data-table/table-header-toggle.tsx
-var import_lucide_react17 = require("lucide-react");
+var import_lucide_react16 = require("lucide-react");
 var import_jsx_runtime29 = require("react/jsx-runtime");
 function DataTableHeaderToggle({
   table
@@ -3186,7 +3176,7 @@ function DataTableHeaderToggle({
           render: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
             TooltipTrigger,
             {
-              render: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Button, { variant: "outline", size: "icon", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react17.Columns3CogIcon, {}) })
+              render: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(Button, { variant: "outline", size: "icon", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(import_lucide_react16.Columns3CogIcon, {}) })
             }
           )
         }
@@ -3216,7 +3206,7 @@ function DataTableHeaderToggle({
 }
 
 // src/components/composed/data-table/data-row-actions.tsx
-var import_lucide_react18 = require("lucide-react");
+var import_lucide_react17 = require("lucide-react");
 var import_react5 = require("react");
 var import_jsx_runtime30 = require("react/jsx-runtime");
 function RowActions({
@@ -3235,19 +3225,19 @@ function RowActions({
   return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
     "div",
     {
-      className: (0, import_cn14.cn)("flex items-center justify-end w-full", containerClassName),
+      className: (0, import_cn13.cn)("flex items-center justify-end w-full", containerClassName),
       children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(DropdownMenu, { children: [
         /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
           DropdownMenuTrigger,
           {
-            render: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Button, { variant: "ghost", size: "icon-xs", "aria-label": triggerLabel, children: triggerIcon != null ? triggerIcon : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react18.MoreHorizontal, { className: "size-4" }) })
+            render: /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(Button, { variant: "ghost", size: "icon-xs", "aria-label": triggerLabel, children: triggerIcon != null ? triggerIcon : /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(import_lucide_react17.MoreHorizontal, { className: "size-4" }) })
           }
         ),
         /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
           DropdownMenuContent,
           {
             align,
-            className: (0, import_cn14.cn)("w-40", contentClassName),
+            className: (0, import_cn13.cn)("w-40", contentClassName),
             children: /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(DropdownMenuGroup, { children: [
               label && /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_jsx_runtime30.Fragment, { children: [
                 /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(DropdownMenuLabel, { children: label }),
@@ -3264,7 +3254,7 @@ function RowActions({
                     {
                       onClick: item.onClick,
                       disabled: item.disabled,
-                      className: (0, import_cn14.cn)(
+                      className: (0, import_cn13.cn)(
                         "hover:cursor-pointer flex items-center gap-2",
                         isDestructive && "text-destructive focus:text-destructive",
                         item.className
@@ -3297,22 +3287,13 @@ function DataTable({
   onRefresh,
   onDownload,
   exportFilename = "data-export",
-  isLoading = false,
-  searchPlaceholder = "Search...",
   showSearchInput = true,
   showRefreshButton = true,
   showSortButton = true,
   showFilterButton = true,
   showDownloadButton = true,
   showColumnToggleButton = true,
-  showAddButton = true,
-  emptyIcon,
-  emptyTitle,
-  emptyDescription,
-  emptyButtonText,
-  emptyRender,
-  onEmptyAction,
-  renderEmptyState
+  showAddButton = true
 }) {
   const [createOpen, setCreateOpen] = (0, import_react6.useState)(false);
   const [sorting, setSorting] = (0, import_react6.useState)([]);
@@ -3328,30 +3309,38 @@ function DataTable({
     features,
     data,
     columns: columnsWithSmartFilters,
+    initialState: {
+      globalFilter: ""
+    },
     onSortingChange: setSorting,
     onColumnFiltersChange: setColumnFilters,
     onColumnVisibilityChange: setColumnVisibility,
-    onGlobalFilterChange: setGlobalFilter,
-    state: { sorting, columnFilters, columnVisibility, globalFilter }
-  });
-  if (data.length === 0 && !isLoading) {
-    if (renderEmptyState) {
-      return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "space-y-2", children: [
-        renderEmptyState(),
-        renderCreateDialog == null ? void 0 : renderCreateDialog(createOpen, setCreateOpen)
-      ] });
+    onGlobalFilterChange: (updater) => {
+      setGlobalFilter((prev) => {
+        const next = typeof updater === "function" ? updater(prev) : updater;
+        return next != null ? next : "";
+      });
+    },
+    state: {
+      sorting,
+      columnFilters,
+      columnVisibility,
+      globalFilter: globalFilter != null ? globalFilter : ""
     }
-    const defaultEmptyAction = renderCreateDialog ? () => setCreateOpen(true) : onRefresh != null ? onRefresh : void 0;
+  });
+  if (data.length === 0) {
+    const hasCreateAction = Boolean(renderCreateDialog);
+    const hasRefreshAction = Boolean(onRefresh);
     return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "space-y-2", children: [
       /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
         StateEmpty,
         {
-          icon: emptyIcon != null ? emptyIcon : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react19.FolderOpenIcon, { className: "size-6 text-muted-foreground" }),
-          title: emptyTitle != null ? emptyTitle : "No records found",
-          description: emptyDescription != null ? emptyDescription : "There are currently no records available. Create a new record to get started.",
-          buttonText: emptyButtonText != null ? emptyButtonText : renderCreateDialog ? addLabel != null ? addLabel : "Add Record" : onRefresh ? "Refresh" : void 0,
-          onClick: onEmptyAction != null ? onEmptyAction : defaultEmptyAction,
-          render: emptyRender
+          state: "outline",
+          icon: /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(import_lucide_react18.FolderOpenIcon, { className: "size-6 text-muted-foreground" }),
+          title: "No Data Available",
+          description: "There are currently no records to display. Create a new record to get started.",
+          buttonText: hasCreateAction ? addLabel != null ? addLabel : "Add Record" : hasRefreshAction ? "Refresh" : void 0,
+          render: hasCreateAction ? () => setCreateOpen(true) : hasRefreshAction ? onRefresh : void 0
         }
       ),
       renderCreateDialog == null ? void 0 : renderCreateDialog(createOpen, setCreateOpen)
@@ -3363,8 +3352,7 @@ function DataTable({
         DataTableHeaderSearch,
         {
           value: globalFilter,
-          onChange: setGlobalFilter,
-          placeholder: searchPlaceholder
+          onChange: setGlobalFilter
         }
       ) : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", {}),
       /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex flex-row items-center gap-1", children: [
@@ -3398,14 +3386,7 @@ function DataTable({
     renderCreateDialog == null ? void 0 : renderCreateDialog(createOpen, setCreateOpen),
     /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", { className: "overflow-hidden rounded-md border [&_[data-slot=table-container]]:no-scrollbar", children: /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)(Table, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(DataTableContentHeader, { table }),
-      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
-        DataTableContentBody,
-        {
-          table,
-          columns,
-          isLoading
-        }
-      )
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(DataTableContentBody, { table, columns })
     ] }) }),
     /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex items-center justify-between px-2", children: [
       /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(DataTableFooterEntries, { table }),
@@ -3568,6 +3549,7 @@ var HeaderTitle = (0, import_react8.memo)(function HeaderTitle2({
   RowActions,
   StateEmpty,
   exportToCSV,
+  exportToPDF,
   exportToXLSX,
   features,
   flexRender,