@prediktif/ui 0.1.17 → 0.1.19

package/dist/index.js

@@ -61,8 +61,30 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var index_exports = {};
 __export(index_exports, {
   AppSidebar: () => AppSidebar,
+  DataTable: () => DataTable,
+  DataTableContentBody: () => DataTableContentBody,
+  DataTableContentHeader: () => DataTableContentHeader,
+  DataTableFooterEntries: () => DataTableFooterEntries,
+  DataTableFooterPagination: () => DataTableFooterPagination,
+  DataTableHeaderAdd: () => DataTableHeaderAdd,
+  DataTableHeaderDownload: () => DataTableHeaderDownload,
+  DataTableHeaderFilter: () => DataTableHeaderFilter,
+  DataTableHeaderRefresh: () => DataTableHeaderRefresh,
+  DataTableHeaderSearch: () => DataTableHeaderSearch,
+  DataTableHeaderSort: () => DataTableHeaderSort,
+  DataTableHeaderToggle: () => DataTableHeaderToggle,
   HeaderTabs: () => HeaderTabs,
-  HeaderTitle: () => HeaderTitle
+  HeaderTitle: () => HeaderTitle,
+  RowActions: () => RowActions,
+  StateEmpty: () => StateEmpty,
+  exportToCSV: () => exportToCSV,
+  exportToXLSX: () => exportToXLSX,
+  features: () => features,
+  flexRender: () => import_react_table4.flexRender,
+  getTableExportData: () => getTableExportData,
+  printTable: () => printTable,
+  smartFilterFn: () => smartFilterFn,
+  useTable: () => import_react_table4.useTable
 });
 module.exports = __toCommonJS(index_exports);
 
@@ -531,6 +553,57 @@ function DropdownMenuItem(_a) {
     }, props)
   );
 }
+function DropdownMenuCheckboxItem(_a) {
+  var _b = _a, {
+    className,
+    children,
+    checked,
+    inset
+  } = _b, props = __objRest(_b, [
+    "className",
+    "children",
+    "checked",
+    "inset"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+    import_menu.Menu.CheckboxItem,
+    __spreadProps(__spreadValues({
+      "data-slot": "dropdown-menu-checkbox-item",
+      "data-inset": inset,
+      className: (0, import_cn5.cn)(
+        "relative flex min-h-7 cursor-default items-center gap-2 rounded-md py-1.5 pr-8 pl-2 text-xs outline-hidden select-none focus:bg-accent focus:text-accent-foreground focus:**:text-accent-foreground data-inset:pl-7.5 data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-3.5",
+        className
+      ),
+      checked
+    }, props), {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+          "span",
+          {
+            className: "pointer-events-none absolute right-2 flex items-center justify-center",
+            "data-slot": "dropdown-menu-checkbox-item-indicator",
+            children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_menu.Menu.CheckboxItemIndicator, { children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_lucide_react2.CheckIcon, {}) })
+          }
+        ),
+        children
+      ]
+    })
+  );
+}
+function DropdownMenuSeparator(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
+    import_menu.Menu.Separator,
+    __spreadValues({
+      "data-slot": "dropdown-menu-separator",
+      className: (0, import_cn5.cn)("-mx-1 my-1 h-px bg-border/50", className)
+    }, props)
+  );
+}
 
 // src/components/ui/separator.tsx
 var import_separator = require("@base-ui/react/separator");
@@ -569,6 +642,20 @@ var React2 = __toESM(require("react"));
 var import_input = require("@base-ui/react/input");
 var import_cn7 = require("cn");
 var import_jsx_runtime7 = require("react/jsx-runtime");
+function Input(_a) {
+  var _b = _a, { className, type } = _b, props = __objRest(_b, ["className", "type"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime7.jsx)(
+    import_input.Input,
+    __spreadValues({
+      type,
+      "data-slot": "input",
+      className: (0, import_cn7.cn)(
+        "h-7 w-full min-w-0 rounded-md border border-input bg-input/20 px-2 py-0.5 text-sm transition-colors outline-none file:inline-flex file:h-6 file:border-0 file:bg-transparent file:text-xs/relaxed file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/30 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20 md:text-xs/relaxed dark:bg-input/30 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40",
+        className
+      )
+    }, props)
+  );
+}
 
 // src/components/ui/sheet.tsx
 var import_dialog = require("@base-ui/react/dialog");
@@ -686,6 +773,16 @@ 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");
@@ -1441,43 +1538,48 @@ var AppSidebar = (0, import_react.memo)(function AppSidebar2({
   ] });
 });
 
-// src/components/composed/header-tabs.tsx
-var import_link2 = __toESM(require("next/link"));
-var import_navigation2 = require("next/navigation");
+// 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_react6 = require("react");
+
+// src/components/composed/state-empty.tsx
 var import_react2 = require("react");
 
-// src/components/ui/tabs.tsx
-var import_tabs = require("@base-ui/react/tabs");
+// src/components/ui/empty.tsx
 var import_class_variance_authority3 = require("class-variance-authority");
 var import_cn12 = require("cn");
 var import_jsx_runtime13 = require("react/jsx-runtime");
-function Tabs(_a) {
-  var _b = _a, {
-    className,
-    orientation = "horizontal"
-  } = _b, props = __objRest(_b, [
-    "className",
-    "orientation"
-  ]);
+function Empty(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-    import_tabs.Tabs.Root,
+    "div",
     __spreadValues({
-      "data-slot": "tabs",
-      "data-orientation": orientation,
+      "data-slot": "empty",
       className: (0, import_cn12.cn)(
-        "group/tabs flex gap-2 data-horizontal:flex-col",
+        "flex w-full min-w-0 flex-1 flex-col items-center justify-center gap-4 rounded-xl border-dashed p-6 text-center text-balance",
         className
       )
     }, props)
   );
 }
-var tabsListVariants = (0, import_class_variance_authority3.cva)(
-  "group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-[3px] text-muted-foreground group-data-horizontal/tabs:h-8 group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col data-[variant=line]:rounded-none",
+function EmptyHeader(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    "div",
+    __spreadValues({
+      "data-slot": "empty-header",
+      className: (0, import_cn12.cn)("flex max-w-sm flex-col items-center gap-1", className)
+    }, props)
+  );
+}
+var emptyMediaVariants = (0, import_class_variance_authority3.cva)(
+  "mb-2 flex shrink-0 items-center justify-center [&_svg]:pointer-events-none [&_svg]:shrink-0",
   {
     variants: {
       variant: {
-        default: "bg-muted",
-        line: "gap-1 bg-transparent"
+        default: "bg-transparent",
+        icon: "flex size-8 shrink-0 items-center justify-center rounded-md bg-muted text-foreground [&_svg:not([class*='size-'])]:size-4"
       }
     },
     defaultVariants: {
@@ -1485,7 +1587,7 @@ var tabsListVariants = (0, import_class_variance_authority3.cva)(
     }
   }
 );
-function TabsList(_a) {
+function EmptyMedia(_a) {
   var _b = _a, {
     className,
     variant = "default"
@@ -1494,83 +1596,1954 @@ function TabsList(_a) {
     "variant"
   ]);
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-    import_tabs.Tabs.List,
+    "div",
     __spreadValues({
-      "data-slot": "tabs-list",
+      "data-slot": "empty-icon",
       "data-variant": variant,
-      className: (0, import_cn12.cn)(tabsListVariants({ variant }), className)
+      className: (0, import_cn12.cn)(emptyMediaVariants({ variant, className }))
     }, props)
   );
 }
-function TabsTrigger(_a) {
+function EmptyTitle(_a) {
   var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
   return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
-    import_tabs.Tabs.Tab,
+    "div",
     __spreadValues({
-      "data-slot": "tabs-trigger",
+      "data-slot": "empty-title",
       className: (0, import_cn12.cn)(
-        "relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-xs font-medium whitespace-nowrap text-foreground/60 transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start group-data-vertical/tabs:py-[calc(--spacing(1.25))] hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 has-data-[icon=inline-end]:pr-1 has-data-[icon=inline-start]:pl-1 aria-disabled:pointer-events-none aria-disabled:opacity-50 dark:text-muted-foreground dark:hover:text-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-3.5",
-        "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent",
-        "data-active:bg-background data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 dark:data-active:text-foreground",
-        "after:absolute after:bg-foreground after:opacity-0 after:transition-opacity group-data-horizontal/tabs:after:inset-x-0 group-data-horizontal/tabs:after:bottom-[-5px] group-data-horizontal/tabs:after:h-0.5 group-data-vertical/tabs:after:inset-y-0 group-data-vertical/tabs:after:-right-1 group-data-vertical/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100",
+        "font-heading text-sm font-medium tracking-tight",
+        className
+      )
+    }, props)
+  );
+}
+function EmptyDescription(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    "div",
+    __spreadValues({
+      "data-slot": "empty-description",
+      className: (0, import_cn12.cn)(
+        "text-xs/relaxed text-muted-foreground [&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary",
+        className
+      )
+    }, props)
+  );
+}
+function EmptyContent(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime13.jsx)(
+    "div",
+    __spreadValues({
+      "data-slot": "empty-content",
+      className: (0, import_cn12.cn)(
+        "flex w-full max-w-sm min-w-0 flex-col items-center gap-2 text-xs/relaxed text-balance",
         className
       )
     }, props)
   );
 }
 
-// src/components/composed/header-tabs.tsx
+// src/components/composed/state-empty.tsx
 var import_jsx_runtime14 = require("react/jsx-runtime");
-function renderTabIcon(icon) {
-  if (!icon) return null;
+function renderStateIcon(icon) {
   if (typeof icon === "function" || typeof icon === "object" && icon !== null && "render" in icon) {
     const IconComp = icon;
     return /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(IconComp, {});
   }
   return icon;
 }
-var HeaderTabs = (0, import_react2.memo)(function HeaderTabs2({
-  items,
-  value,
-  onValueChange,
-  children
+var StateEmpty = (0, import_react2.memo)(function StateEmpty2({
+  icon,
+  title,
+  description,
+  buttonText,
+  onClick,
+  render
 }) {
-  var _a, _b;
-  const pathname = (0, import_navigation2.usePathname)();
-  const matchedItem = pathname ? items.find(
-    (item) => item.url === pathname || pathname.endsWith(item.url) || pathname.split("/").includes(item.value)
-  ) : void 0;
-  const activeTab = (_b = value != null ? value : matchedItem == null ? void 0 : matchedItem.value) != null ? _b : (_a = items[0]) == null ? void 0 : _a.value;
-  return /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(Tabs, { value: activeTab, onValueChange, className: "space-y-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime14.jsx)("div", { className: "w-full overflow-x-auto overflow-y-hidden border-b no-scrollbar", children: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(TabsList, { variant: "line", className: "inline-flex w-max justify-start", children: items.map(({ title, value: tabValue, url, icon }) => /* @__PURE__ */ (0, import_jsx_runtime14.jsxs)(
-      TabsTrigger,
+  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,
       {
-        nativeButton: false,
-        render: /* @__PURE__ */ (0, import_jsx_runtime14.jsx)(import_link2.default, { href: url }),
-        value: tabValue,
-        children: [
-          renderTabIcon(icon),
-          title
-        ]
-      },
-      tabValue
-    )) }) }),
-    children
+        variant: "outline",
+        size: "sm",
+        nativeButton: !render,
+        onClick,
+        render,
+        children: buttonText
+      }
+    ) })
   ] });
 });
 
-// src/components/composed/header-title.tsx
-var import_react3 = require("react");
+// src/components/ui/table.tsx
+var import_cn13 = require("cn");
 var import_jsx_runtime15 = require("react/jsx-runtime");
-var HeaderTitle = (0, import_react3.memo)(function HeaderTitle2({
+function Table(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    "div",
+    {
+      "data-slot": "table-container",
+      className: "relative w-full overflow-x-auto",
+      children: /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+        "table",
+        __spreadValues({
+          "data-slot": "table",
+          className: (0, import_cn13.cn)("w-full caption-bottom text-xs", className)
+        }, props)
+      )
+    }
+  );
+}
+function TableHeader(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    "thead",
+    __spreadValues({
+      "data-slot": "table-header",
+      className: (0, import_cn13.cn)("[&_tr]:border-b", className)
+    }, props)
+  );
+}
+function TableBody(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    "tbody",
+    __spreadValues({
+      "data-slot": "table-body",
+      className: (0, import_cn13.cn)("[&_tr:last-child]:border-0", className)
+    }, props)
+  );
+}
+function TableRow(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    "tr",
+    __spreadValues({
+      "data-slot": "table-row",
+      className: (0, import_cn13.cn)(
+        "border-b transition-colors hover:bg-muted/50 has-aria-expanded:bg-muted/50 data-[state=selected]:bg-muted",
+        className
+      )
+    }, props)
+  );
+}
+function TableHead(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    "th",
+    __spreadValues({
+      "data-slot": "table-head",
+      className: (0, import_cn13.cn)(
+        "h-10 px-2 text-left align-middle font-medium whitespace-nowrap text-foreground [&:has([role=checkbox])]:pr-0",
+        className
+      )
+    }, props)
+  );
+}
+function TableCell(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime15.jsx)(
+    "td",
+    __spreadValues({
+      "data-slot": "table-cell",
+      className: (0, import_cn13.cn)(
+        "p-2 align-middle whitespace-nowrap [&:has([role=checkbox])]:pr-0",
+        className
+      )
+    }, props)
+  );
+}
+
+// src/components/composed/data-table/data-table-features.ts
+var import_react_table = require("@tanstack/react-table");
+var features = (0, import_react_table.tableFeatures)({
+  // Filter features
+  columnFilteringFeature: import_react_table.columnFilteringFeature,
+  globalFilteringFeature: import_react_table.globalFilteringFeature,
+  // Visibility & selection features
+  columnVisibilityFeature: import_react_table.columnVisibilityFeature,
+  rowSelectionFeature: import_react_table.rowSelectionFeature,
+  // Pagination & sorting features
+  rowPaginationFeature: import_react_table.rowPaginationFeature,
+  rowSortingFeature: import_react_table.rowSortingFeature,
+  // Row models
+  filteredRowModel: (0, import_react_table.createFilteredRowModel)(),
+  paginatedRowModel: (0, import_react_table.createPaginatedRowModel)(),
+  sortedRowModel: (0, import_react_table.createSortedRowModel)(),
+  // Custom/standard functions
+  filterFns: {
+    includesString: import_react_table.filterFn_includesString
+  },
+  sortFns: {
+    alphanumeric: import_react_table.sortFn_alphanumeric,
+    text: import_react_table.sortFn_text
+  }
+});
+
+// src/components/composed/data-table/table-content-body.tsx
+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
+}) {
+  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"
+      }
+    )
+  ] }) }) }) });
+}
+
+// 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)) });
+}
+
+// src/components/composed/data-table/table-footer-entries.tsx
+var import_jsx_runtime18 = require("react/jsx-runtime");
+function DataTableFooterEntries({
+  table
+}) {
+  var _a, _b, _c;
+  const pagination = (_a = table.options.state) == null ? void 0 : _a.pagination;
+  const pageIndex = (_b = pagination == null ? void 0 : pagination.pageIndex) != null ? _b : 0;
+  const pageSize = (_c = pagination == null ? void 0 : pagination.pageSize) != null ? _c : 10;
+  const totalRows = table.getFilteredRowModel().rows.length;
+  const startRow = totalRows === 0 ? 0 : pageIndex * pageSize + 1;
+  const endRow = Math.min((pageIndex + 1) * pageSize, totalRows);
+  return /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("div", { className: "flex-1 text-xs text-muted-foreground", children: [
+    "Showing",
+    " ",
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)("span", { className: "font-medium text-foreground", children: [
+      startRow,
+      "-",
+      endRow
+    ] }),
+    " ",
+    "of ",
+    /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "font-medium text-foreground", children: totalRows }),
+    " ",
+    "entries."
+  ] });
+}
+
+// src/components/composed/data-table/table-footer-pagination.tsx
+var import_lucide_react8 = require("lucide-react");
+var import_jsx_runtime19 = require("react/jsx-runtime");
+function DataTableFooterPagination({
+  table
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)("div", { className: "flex items-center gap-1", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(Tooltip, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        TooltipTrigger,
+        {
+          render: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+            Button,
+            {
+              variant: "outline",
+              size: "icon-xs",
+              onClick: () => table.firstPage(),
+              disabled: !table.getCanPreviousPage(),
+              children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react8.ChevronsLeftIcon, {})
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(TooltipContent, { children: "Go to first page" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(Tooltip, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        TooltipTrigger,
+        {
+          render: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+            Button,
+            {
+              variant: "outline",
+              size: "icon-xs",
+              onClick: () => table.previousPage(),
+              disabled: !table.getCanPreviousPage(),
+              children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react8.ChevronLeftIcon, {})
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(TooltipContent, { children: "Go to previous page" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(Tooltip, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        TooltipTrigger,
+        {
+          render: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+            Button,
+            {
+              variant: "outline",
+              size: "icon-xs",
+              onClick: () => table.nextPage(),
+              disabled: !table.getCanNextPage(),
+              children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react8.ChevronRightIcon, {})
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(TooltipContent, { children: "Go to next page" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime19.jsxs)(Tooltip, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+        TooltipTrigger,
+        {
+          render: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(
+            Button,
+            {
+              variant: "outline",
+              size: "icon-xs",
+              onClick: () => table.lastPage(),
+              disabled: !table.getCanNextPage(),
+              children: /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(import_lucide_react8.ChevronsRightIcon, {})
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime19.jsx)(TooltipContent, { children: "Go to last page" })
+    ] })
+  ] });
+}
+
+// src/components/composed/data-table/table-header-add.tsx
+var import_lucide_react9 = require("lucide-react");
+var import_jsx_runtime20 = require("react/jsx-runtime");
+function DataTableHeaderAdd({
+  onAdd,
+  addLabel
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(import_jsx_runtime20.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime20.jsxs)(Tooltip, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime20.jsx)(
+        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, {}) })
+        }
+      ),
+      /* @__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, {}),
+      addLabel != null ? addLabel : "Add"
+    ] })
+  ] });
+}
+
+// src/components/composed/data-table/table-header-download.tsx
+var import_lucide_react10 = require("lucide-react");
+
+// src/components/composed/data-table/export.ts
+var XLSX = __toESM(require("xlsx"));
+function normalizeRows(rows) {
+  return rows.map((row) => {
+    var _a, _b, _c;
+    const flat = {};
+    for (const [key, value] of Object.entries(row)) {
+      if (value === null || value === void 0) {
+        flat[key] = "";
+      } else if (Array.isArray(value)) {
+        flat[key] = value.map((item) => {
+          var _a2, _b2, _c2;
+          if (item === null || item === void 0) return "";
+          if (typeof item === "object") {
+            const record = item;
+            return (_c2 = (_b2 = (_a2 = record.name) != null ? _a2 : record.label) != null ? _b2 : record.email) != null ? _c2 : JSON.stringify(item);
+          }
+          return String(item);
+        }).filter(Boolean).join(", ");
+      } else if (typeof value === "object") {
+        const record = value;
+        flat[key] = (_c = (_b = (_a = record.name) != null ? _a : record.label) != null ? _b : record.email) != null ? _c : JSON.stringify(value);
+      } else {
+        flat[key] = String(value);
+      }
+    }
+    return flat;
+  });
+}
+function escapeHtml(str) {
+  return str.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
+}
+function exportToXLSX(rows, filename = "data-export") {
+  const normalized = normalizeRows(rows);
+  const worksheet = XLSX.utils.json_to_sheet(normalized);
+  const workbook = XLSX.utils.book_new();
+  XLSX.utils.book_append_sheet(workbook, worksheet, "Sheet1");
+  const finalFilename = filename.endsWith(".xlsx") ? filename : `${filename}.xlsx`;
+  XLSX.writeFile(workbook, finalFilename);
+}
+function exportToCSV(rows, filename = "data-export") {
+  const normalized = normalizeRows(rows);
+  const worksheet = XLSX.utils.json_to_sheet(normalized);
+  const csvString = XLSX.utils.sheet_to_csv(worksheet);
+  const blob = new Blob([`\uFEFF${csvString}`], {
+    type: "text/csv;charset=utf-8;"
+  });
+  const url = URL.createObjectURL(blob);
+  const link = document.createElement("a");
+  link.href = url;
+  const finalFilename = filename.endsWith(".csv") ? filename : `${filename}.csv`;
+  link.setAttribute("download", finalFilename);
+  document.body.appendChild(link);
+  link.click();
+  document.body.removeChild(link);
+  setTimeout(() => {
+    URL.revokeObjectURL(url);
+  }, 1e3);
+}
+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) {
+    tableHtml += `<th style="border:1px solid #ddd; padding:8px; background-color:#f8f9fa; text-align:left;">${escapeHtml(header)}</th>`;
+  }
+  tableHtml += `</tr></thead><tbody>`;
+  for (const row of rows) {
+    tableHtml += `<tr>`;
+    for (const cell of row) {
+      tableHtml += `<td style="border:1px solid #ddd; padding:8px;">${escapeHtml(cell != null ? cell : "")}</td>`;
+    }
+    tableHtml += `</tr>`;
+  }
+  tableHtml += `</tbody></table>`;
+  const printWindow = window.open("", "_blank");
+  if (!printWindow) return;
+  printWindow.document.write(`
+    <!DOCTYPE html>
+    <html>
+      <head>
+        <title>${escapeHtml(title)}</title>
+        <style>
+          body { font-family: sans-serif; padding: 20px; color: #333; }
+          h2 { margin-bottom: 6px; font-size: 18px; }
+          .meta { font-size: 11px; color: #666; margin-bottom: 16px; }
+          @page { size: auto; margin: 15mm; }
+        </style>
+      </head>
+      <body>
+        <h2>${escapeHtml(title)}</h2>
+        <div class="meta">Generated on ${(/* @__PURE__ */ new Date()).toLocaleString()}</div>
+        ${tableHtml}
+      </body>
+    </html>
+  `);
+  printWindow.document.close();
+  printWindow.focus();
+  setTimeout(() => {
+    printWindow.print();
+    printWindow.close();
+  }, 250);
+}
+
+// src/components/composed/data-table/table-header-download.tsx
+var import_jsx_runtime21 = require("react/jsx-runtime");
+function getTableExportData(table) {
+  const columns = table.getAllColumns().filter(
+    (col) => typeof col.accessorFn !== "undefined" && col.getIsVisible()
+  );
+  const headers = columns.map(
+    (col) => typeof col.columnDef.header === "string" ? col.columnDef.header : col.id
+  );
+  const filteredRows = table.getFilteredRowModel().rows;
+  const rows = filteredRows.map(
+    (row) => headers.map((_, i) => {
+      var _a, _b;
+      const col = columns[i];
+      const value = row.getValue(col.id);
+      if (value === null || value === void 0) return "";
+      if (Array.isArray(value)) {
+        return value.map(
+          (item) => {
+            var _a2, _b2;
+            return typeof item === "object" && item !== null ? (_b2 = (_a2 = item.name) != null ? _a2 : item.email) != null ? _b2 : JSON.stringify(item) : String(item);
+          }
+        ).join(", ");
+      }
+      if (typeof value === "object") {
+        return (_b = (_a = value.name) != null ? _a : value.email) != null ? _b : JSON.stringify(value);
+      }
+      return String(value);
+    })
+  );
+  const rowObjects = filteredRows.map((_, rowIndex) => {
+    const obj = {};
+    for (let i = 0; i < columns.length; i++) {
+      obj[headers[i]] = rows[rowIndex][i];
+    }
+    return obj;
+  });
+  return { headers, rows, rowObjects };
+}
+function DataTableHeaderDownload({
+  table,
+  exportFilename,
+  onDownload
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(DropdownMenu, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(Tooltip, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(
+        DropdownMenuTrigger,
+        {
+          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, {}) })
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(TooltipContent, { children: "Download options" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DropdownMenuContent, { align: "end", className: "w-48", children: /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(DropdownMenuGroup, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DropdownMenuLabel, { children: "Download data" }),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DropdownMenuSeparator, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+        DropdownMenuItem,
+        {
+          className: "hover:cursor-pointer",
+          onClick: () => {
+            const { headers, rows } = getTableExportData(table);
+            printTable(headers, rows, exportFilename);
+            onDownload == null ? void 0 : onDownload();
+          },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react10.FileTextIcon, {}),
+            "Download PDF"
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+        DropdownMenuItem,
+        {
+          className: "hover:cursor-pointer",
+          onClick: () => {
+            const { rowObjects } = getTableExportData(table);
+            exportToXLSX(rowObjects, exportFilename);
+            onDownload == null ? void 0 : onDownload();
+          },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react10.FileSpreadsheetIcon, {}),
+            "Download Excel"
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+        DropdownMenuItem,
+        {
+          className: "hover:cursor-pointer",
+          onClick: () => {
+            const { rowObjects } = getTableExportData(table);
+            exportToCSV(rowObjects, exportFilename);
+            onDownload == null ? void 0 : onDownload();
+          },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react10.FileCodeIcon, {}),
+            "Download CSV"
+          ]
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(DropdownMenuSeparator, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime21.jsxs)(
+        DropdownMenuItem,
+        {
+          className: "hover:cursor-pointer",
+          onClick: () => {
+            const { headers, rows } = getTableExportData(table);
+            printTable(headers, rows, exportFilename);
+          },
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime21.jsx)(import_lucide_react10.PrinterIcon, {}),
+            "Print Table"
+          ]
+        }
+      )
+    ] }) })
+  ] });
+}
+
+// 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_react3 = require("react");
+
+// src/components/ui/calendar.tsx
+var import_cn15 = require("cn");
+var import_lucide_react11 = 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");
+function Calendar(_a) {
+  var _b = _a, {
+    className,
+    classNames,
+    showOutsideDays = true,
+    captionLayout = "label",
+    buttonVariant = "ghost",
+    locale,
+    formatters,
+    components
+  } = _b, props = __objRest(_b, [
+    "className",
+    "classNames",
+    "showOutsideDays",
+    "captionLayout",
+    "buttonVariant",
+    "locale",
+    "formatters",
+    "components"
+  ]);
+  const defaultClassNames = (0, import_react_day_picker.getDefaultClassNames)();
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    import_react_day_picker.DayPicker,
+    __spreadValues({
+      showOutsideDays,
+      className: (0, import_cn15.cn)(
+        "group/calendar bg-background p-3 [--cell-radius:var(--radius-md)] [--cell-size:--spacing(6)] in-data-[slot=card-content]:bg-transparent in-data-[slot=popover-content]:bg-transparent",
+        String.raw`rtl:**:[.rdp-button\_next>svg]:rotate-180`,
+        String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`,
+        className
+      ),
+      captionLayout,
+      locale,
+      formatters: __spreadValues({
+        formatMonthDropdown: (date) => date.toLocaleString(locale == null ? void 0 : locale.code, { month: "short" })
+      }, formatters),
+      classNames: __spreadValues({
+        root: (0, import_cn15.cn)("w-fit", defaultClassNames.root),
+        months: (0, import_cn15.cn)(
+          "relative flex flex-col gap-4 md:flex-row",
+          defaultClassNames.months
+        ),
+        month: (0, import_cn15.cn)("flex w-full flex-col gap-4", defaultClassNames.month),
+        nav: (0, import_cn15.cn)(
+          "absolute inset-x-0 top-0 flex w-full items-center justify-between gap-1",
+          defaultClassNames.nav
+        ),
+        button_previous: (0, import_cn15.cn)(
+          buttonVariants({ variant: buttonVariant }),
+          "size-(--cell-size) p-0 select-none aria-disabled:opacity-50",
+          defaultClassNames.button_previous
+        ),
+        button_next: (0, import_cn15.cn)(
+          buttonVariants({ variant: buttonVariant }),
+          "size-(--cell-size) p-0 select-none aria-disabled:opacity-50",
+          defaultClassNames.button_next
+        ),
+        month_caption: (0, import_cn15.cn)(
+          "flex h-(--cell-size) w-full items-center justify-center px-(--cell-size)",
+          defaultClassNames.month_caption
+        ),
+        dropdowns: (0, import_cn15.cn)(
+          "flex h-(--cell-size) w-full items-center justify-center gap-1.5 text-sm font-medium",
+          defaultClassNames.dropdowns
+        ),
+        dropdown_root: (0, import_cn15.cn)(
+          "relative rounded-(--cell-radius)",
+          defaultClassNames.dropdown_root
+        ),
+        dropdown: (0, import_cn15.cn)(
+          "absolute inset-0 bg-popover opacity-0",
+          defaultClassNames.dropdown
+        ),
+        caption_label: (0, import_cn15.cn)(
+          "font-medium select-none",
+          captionLayout === "label" ? "text-sm" : "flex items-center gap-1 rounded-(--cell-radius) text-sm [&>svg]:size-3.5 [&>svg]:text-muted-foreground",
+          defaultClassNames.caption_label
+        ),
+        month_grid: (0, import_cn15.cn)("w-full border-collapse", defaultClassNames.month_grid),
+        weekdays: (0, import_cn15.cn)("flex", defaultClassNames.weekdays),
+        weekday: (0, import_cn15.cn)(
+          "flex-1 rounded-(--cell-radius) text-[0.8rem] font-normal text-muted-foreground select-none",
+          defaultClassNames.weekday
+        ),
+        week: (0, import_cn15.cn)("mt-2 flex w-full", defaultClassNames.week),
+        week_number_header: (0, import_cn15.cn)(
+          "w-(--cell-size) select-none",
+          defaultClassNames.week_number_header
+        ),
+        week_number: (0, import_cn15.cn)(
+          "text-[0.8rem] text-muted-foreground select-none",
+          defaultClassNames.week_number
+        ),
+        day: (0, import_cn15.cn)(
+          "group/day relative aspect-square h-full w-full rounded-(--cell-radius) p-0 text-center select-none [&:last-child[data-selected=true]_button]:rounded-r-(--cell-radius)",
+          props.showWeekNumber ? "[&:nth-child(2)[data-selected=true]_button]:rounded-l-(--cell-radius)" : "[&:first-child[data-selected=true]_button]:rounded-l-(--cell-radius)",
+          defaultClassNames.day
+        ),
+        range_start: (0, import_cn15.cn)(
+          "relative isolate z-0 rounded-l-(--cell-radius) bg-muted after:absolute after:inset-y-0 after:right-0 after:w-4 after:bg-muted",
+          defaultClassNames.range_start
+        ),
+        range_middle: (0, import_cn15.cn)("rounded-none", defaultClassNames.range_middle),
+        range_end: (0, import_cn15.cn)(
+          "relative isolate z-0 rounded-r-(--cell-radius) bg-muted after:absolute after:inset-y-0 after:left-0 after:w-4 after:bg-muted",
+          defaultClassNames.range_end
+        ),
+        today: (0, import_cn15.cn)(
+          "rounded-(--cell-radius) bg-muted text-foreground data-[selected=true]:rounded-none",
+          defaultClassNames.today
+        ),
+        outside: (0, import_cn15.cn)(
+          "text-muted-foreground aria-selected:text-muted-foreground",
+          defaultClassNames.outside
+        ),
+        disabled: (0, import_cn15.cn)(
+          "text-muted-foreground opacity-50",
+          defaultClassNames.disabled
+        ),
+        hidden: (0, import_cn15.cn)("invisible", defaultClassNames.hidden)
+      }, classNames),
+      components: __spreadValues({
+        Root: (_a2) => {
+          var _b2 = _a2, { className: className2, rootRef } = _b2, props2 = __objRest(_b2, ["className", "rootRef"]);
+          return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+            "div",
+            __spreadValues({
+              "data-slot": "calendar",
+              ref: rootRef,
+              className: (0, import_cn15.cn)(className2)
+            }, props2)
+          );
+        },
+        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));
+          }
+          if (orientation === "right") {
+            return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+              import_lucide_react11.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));
+        },
+        DayButton: (_e) => {
+          var props2 = __objRest(_e, []);
+          return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(CalendarDayButton, __spreadValues({ locale }, props2));
+        },
+        WeekNumber: (_f) => {
+          var _g = _f, { children } = _g, props2 = __objRest(_g, ["children"]);
+          return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("td", __spreadProps(__spreadValues({}, props2), { children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)("div", { className: "flex size-(--cell-size) items-center justify-center text-center", children }) }));
+        }
+      }, components)
+    }, props)
+  );
+}
+function CalendarDayButton(_a) {
+  var _b = _a, {
+    className,
+    day,
+    modifiers,
+    locale
+  } = _b, props = __objRest(_b, [
+    "className",
+    "day",
+    "modifiers",
+    "locale"
+  ]);
+  const defaultClassNames = (0, import_react_day_picker.getDefaultClassNames)();
+  const ref = React3.useRef(null);
+  React3.useEffect(() => {
+    var _a2;
+    if (modifiers.focused) (_a2 = ref.current) == null ? void 0 : _a2.focus();
+  }, [modifiers.focused]);
+  return /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    Button,
+    __spreadValues({
+      variant: "ghost",
+      size: "icon",
+      "data-day": day.date.toLocaleDateString(locale == null ? void 0 : locale.code),
+      "data-selected-single": modifiers.selected && !modifiers.range_start && !modifiers.range_end && !modifiers.range_middle,
+      "data-range-start": modifiers.range_start,
+      "data-range-end": modifiers.range_end,
+      "data-range-middle": modifiers.range_middle,
+      className: (0, import_cn15.cn)(
+        "relative isolate z-10 flex aspect-square size-auto w-full min-w-(--cell-size) flex-col gap-1 border-0 leading-none font-normal group-data-[focused=true]/day:relative group-data-[focused=true]/day:z-10 group-data-[focused=true]/day:border-ring group-data-[focused=true]/day:ring-[3px] group-data-[focused=true]/day:ring-ring/50 data-[range-end=true]:rounded-(--cell-radius) data-[range-end=true]:rounded-r-(--cell-radius) data-[range-end=true]:bg-primary data-[range-end=true]:text-primary-foreground data-[range-middle=true]:rounded-none data-[range-middle=true]:bg-muted data-[range-middle=true]:text-foreground data-[range-start=true]:rounded-(--cell-radius) data-[range-start=true]:rounded-l-(--cell-radius) data-[range-start=true]:bg-primary data-[range-start=true]:text-primary-foreground data-[selected-single=true]:bg-primary data-[selected-single=true]:text-primary-foreground dark:hover:text-foreground [&>span]:text-xs [&>span]:opacity-70",
+        defaultClassNames.day,
+        className
+      )
+    }, props)
+  );
+}
+
+// src/components/ui/popover.tsx
+var import_popover = require("@base-ui/react/popover");
+var import_cn16 = require("cn");
+var import_jsx_runtime23 = require("react/jsx-runtime");
+function Popover(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_popover.Popover.Root, __spreadValues({ "data-slot": "popover" }, props));
+}
+function PopoverTrigger(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_popover.Popover.Trigger, __spreadValues({ "data-slot": "popover-trigger" }, props));
+}
+function PopoverContent(_a) {
+  var _b = _a, {
+    className,
+    align = "center",
+    alignOffset = 0,
+    side = "bottom",
+    sideOffset = 4
+  } = _b, props = __objRest(_b, [
+    "className",
+    "align",
+    "alignOffset",
+    "side",
+    "sideOffset"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(import_popover.Popover.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+    import_popover.Popover.Positioner,
+    {
+      align,
+      alignOffset,
+      side,
+      sideOffset,
+      className: "isolate z-50",
+      children: /* @__PURE__ */ (0, import_jsx_runtime23.jsx)(
+        import_popover.Popover.Popup,
+        __spreadValues({
+          "data-slot": "popover-content",
+          className: (0, import_cn16.cn)(
+            "z-50 flex w-72 origin-(--transform-origin) flex-col gap-4 rounded-lg bg-popover p-2.5 text-xs text-popover-foreground shadow-md ring-1 ring-foreground/10 outline-hidden duration-100 data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
+            className
+          )
+        }, props)
+      )
+    }
+  ) });
+}
+
+// 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_jsx_runtime24 = require("react/jsx-runtime");
+var Select = import_select.Select.Root;
+function SelectValue(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    import_select.Select.Value,
+    __spreadValues({
+      "data-slot": "select-value",
+      className: (0, import_cn17.cn)("flex flex-1 text-left", className)
+    }, props)
+  );
+}
+function SelectTrigger(_a) {
+  var _b = _a, {
+    className,
+    size = "default",
+    children
+  } = _b, props = __objRest(_b, [
+    "className",
+    "size",
+    "children"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+    import_select.Select.Trigger,
+    __spreadProps(__spreadValues({
+      "data-slot": "select-trigger",
+      "data-size": size,
+      className: (0, import_cn17.cn)(
+        "flex w-fit items-center justify-between gap-1.5 rounded-md border border-input bg-input/20 px-2 py-1.5 text-xs/relaxed whitespace-nowrap transition-colors outline-none focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/30 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20 data-placeholder:text-muted-foreground data-[size=default]:h-7 data-[size=sm]:h-6 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-1.5 dark:bg-input/30 dark:hover:bg-input/50 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-3.5",
+        className
+      )
+    }, props), {
+      children: [
+        children,
+        /* @__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" })
+          }
+        )
+      ]
+    })
+  );
+}
+function SelectContent(_a) {
+  var _b = _a, {
+    className,
+    children,
+    side = "bottom",
+    sideOffset = 4,
+    align = "center",
+    alignOffset = 0,
+    alignItemWithTrigger = true
+  } = _b, props = __objRest(_b, [
+    "className",
+    "children",
+    "side",
+    "sideOffset",
+    "align",
+    "alignOffset",
+    "alignItemWithTrigger"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_select.Select.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    import_select.Select.Positioner,
+    {
+      side,
+      sideOffset,
+      align,
+      alignOffset,
+      alignItemWithTrigger,
+      className: "isolate z-50",
+      children: /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+        import_select.Select.Popup,
+        __spreadProps(__spreadValues({
+          "data-slot": "select-content",
+          "data-align-trigger": alignItemWithTrigger,
+          className: (0, import_cn17.cn)(
+            "relative isolate z-50 max-h-(--available-height) w-(--anchor-width) min-w-32 origin-(--transform-origin) overflow-x-hidden overflow-y-auto rounded-lg bg-popover text-popover-foreground shadow-md ring-1 ring-foreground/10 duration-100 data-[align-trigger=true]:animate-none data-[side=bottom]:slide-in-from-top-2 data-[side=inline-end]:slide-in-from-left-2 data-[side=inline-start]:slide-in-from-right-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95",
+            className
+          )
+        }, props), {
+          children: [
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SelectScrollUpButton, {}),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_select.Select.List, { children }),
+            /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(SelectScrollDownButton, {})
+          ]
+        })
+      )
+    }
+  ) });
+}
+function SelectItem(_a) {
+  var _b = _a, {
+    className,
+    children
+  } = _b, props = __objRest(_b, [
+    "className",
+    "children"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsxs)(
+    import_select.Select.Item,
+    __spreadProps(__spreadValues({
+      "data-slot": "select-item",
+      className: (0, import_cn17.cn)(
+        "relative flex min-h-7 w-full cursor-default items-center gap-2 rounded-md px-2 py-1 text-xs/relaxed outline-hidden select-none focus:bg-accent focus:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-3.5 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+        className
+      )
+    }, props), {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_select.Select.ItemText, { className: "flex flex-1 shrink-0 gap-2 whitespace-nowrap", children }),
+        /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+          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" })
+          }
+        )
+      ]
+    })
+  );
+}
+function SelectScrollUpButton(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    import_select.Select.ScrollUpArrow,
+    __spreadProps(__spreadValues({
+      "data-slot": "select-scroll-up-button",
+      className: (0, import_cn17.cn)(
+        "top-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-3.5",
+        className
+      )
+    }, props), {
+      children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react12.ChevronUpIcon, {})
+    })
+  );
+}
+function SelectScrollDownButton(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
+    import_select.Select.ScrollDownArrow,
+    __spreadProps(__spreadValues({
+      "data-slot": "select-scroll-down-button",
+      className: (0, import_cn17.cn)(
+        "bottom-0 z-10 flex w-full cursor-default items-center justify-center bg-popover py-1 [&_svg:not([class*='size-'])]:size-3.5",
+        className
+      )
+    }, props), {
+      children: /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(import_lucide_react12.ChevronDownIcon, {})
+    })
+  );
+}
+
+// src/components/composed/data-table/table-header-filter.tsx
+var import_jsx_runtime25 = require("react/jsx-runtime");
+function smartFilterFn(row, columnId, filterValue) {
+  var _a, _b, _c;
+  if (filterValue === void 0 || filterValue === null || filterValue === "" || filterValue === "all") {
+    return true;
+  }
+  const rowValue = row.getValue(columnId);
+  if (rowValue === void 0 || rowValue === null) {
+    return false;
+  }
+  if (typeof rowValue === "boolean" || filterValue === "true" || filterValue === "false") {
+    const rowBool = typeof rowValue === "boolean" ? rowValue : String(rowValue).toLowerCase() === "true" || rowValue === 1 || rowValue === "1";
+    const targetBool = String(filterValue).toLowerCase() === "true";
+    return rowBool === targetBool;
+  }
+  const isFilterDateString = typeof filterValue === "string" && /^\d{4}-\d{2}-\d{2}/.test(filterValue);
+  const isFilterDateObj = filterValue instanceof Date;
+  if (isFilterDateString || isFilterDateObj) {
+    const targetDateStr = isFilterDateObj ? (0, import_date_fns.format)(filterValue, "yyyy-MM-dd") : filterValue.slice(0, 10);
+    let rowDateStr = "";
+    if (rowValue instanceof Date) {
+      rowDateStr = (0, import_date_fns.format)(rowValue, "yyyy-MM-dd");
+    } else if (typeof rowValue === "string" || typeof rowValue === "number") {
+      const parsed = new Date(rowValue);
+      if (!Number.isNaN(parsed.getTime())) {
+        rowDateStr = (0, import_date_fns.format)(parsed, "yyyy-MM-dd");
+      }
+    }
+    if (rowDateStr) {
+      return rowDateStr === targetDateStr;
+    }
+  }
+  if (Array.isArray(rowValue)) {
+    const targetStr2 = String(filterValue).toLowerCase();
+    return rowValue.some((item) => {
+      var _a2, _b2, _c2;
+      if (item === null || item === void 0) return false;
+      const itemStr = typeof item === "object" ? String(
+        (_c2 = (_b2 = (_a2 = item.name) != null ? _a2 : item.label) != null ? _b2 : item.email) != null ? _c2 : JSON.stringify(item)
+      ) : String(item);
+      return itemStr.toLowerCase().includes(targetStr2);
+    });
+  }
+  if (typeof rowValue === "object" && !(rowValue instanceof Date)) {
+    const objStr = String(
+      (_c = (_b = (_a = rowValue.name) != null ? _a : rowValue.label) != null ? _b : rowValue.email) != null ? _c : JSON.stringify(rowValue)
+    );
+    return objStr.toLowerCase().includes(String(filterValue).toLowerCase());
+  }
+  const rowStr = String(rowValue).toLowerCase();
+  const targetStr = String(filterValue).toLowerCase();
+  return rowStr.includes(targetStr);
+}
+function getColumnUniqueOptions(column, table) {
+  var _a, _b, _c, _d, _e, _f, _g, _h, _i, _j;
+  const meta = column.columnDef.meta;
+  if ((meta == null ? void 0 : meta.selectOptions) && meta.selectOptions.length > 0) {
+    return meta.selectOptions;
+  }
+  const rows = (_d = (_c = (_a = table.getCoreRowModel) == null ? void 0 : _a.call(table).rows) != null ? _c : (_b = table.getPreFilteredRowModel) == null ? void 0 : _b.call(table).rows) != null ? _d : [];
+  const uniqueSet = /* @__PURE__ */ new Set();
+  const labelMap = /* @__PURE__ */ new Map();
+  for (const row of rows) {
+    const value = row.getValue(column.id);
+    if (value === null || value === void 0 || value === "") continue;
+    if (typeof value === "boolean") {
+      const str = String(value);
+      if (!uniqueSet.has(str)) {
+        uniqueSet.add(str);
+        labelMap.set(str, value ? "True / Yes" : "False / No");
+      }
+    } else if (Array.isArray(value)) {
+      for (const item of value) {
+        if (item === null || item === void 0 || item === "") continue;
+        const itemStr = typeof item === "object" ? String(
+          (_g = (_f = (_e = item.name) != null ? _e : item.label) != null ? _f : item.email) != null ? _g : JSON.stringify(item)
+        ) : String(item);
+        if (!uniqueSet.has(itemStr)) {
+          uniqueSet.add(itemStr);
+          labelMap.set(itemStr, itemStr);
+        }
+      }
+    } else if (typeof value === "object") {
+      const objStr = String(
+        (_j = (_i = (_h = value.name) != null ? _h : value.label) != null ? _i : value.email) != null ? _j : JSON.stringify(value)
+      );
+      if (!uniqueSet.has(objStr)) {
+        uniqueSet.add(objStr);
+        labelMap.set(objStr, objStr);
+      }
+    } else {
+      const str = String(value);
+      if (!uniqueSet.has(str)) {
+        uniqueSet.add(str);
+        labelMap.set(str, str);
+      }
+    }
+    if (uniqueSet.size >= 100) break;
+  }
+  return Array.from(uniqueSet).map((val) => {
+    var _a2;
+    return {
+      value: String(val),
+      label: String((_a2 = labelMap.get(val)) != null ? _a2 : val)
+    };
+  });
+}
+function getFilterVariant(column, table) {
+  var _a, _b, _c, _d;
+  const meta = column.columnDef.meta;
+  if (meta == null ? void 0 : meta.filterVariant) return meta.filterVariant;
+  const rows = (_d = (_c = (_a = table.getCoreRowModel) == null ? void 0 : _a.call(table).rows) != null ? _c : (_b = table.getPreFilteredRowModel) == null ? void 0 : _b.call(table).rows) != null ? _d : [];
+  const sampleValues = [];
+  for (const row of rows) {
+    const val = row.getValue(column.id);
+    if (val !== null && val !== void 0 && val !== "") {
+      sampleValues.push(val);
+    }
+    if (sampleValues.length >= 100) break;
+  }
+  if (sampleValues.length === 0) return "text";
+  const first = sampleValues[0];
+  if (typeof first === "boolean" || sampleValues.every(
+    (v) => typeof v === "boolean" || v === "true" || v === "false"
+  )) {
+    return "boolean";
+  }
+  if (first instanceof Date || typeof first === "string" && (first.match(/^\d{4}-\d{2}-\d{2}/) || !Number.isNaN(Date.parse(first)) && first.length >= 10 && (first.includes("-") || first.includes("/")))) {
+    return "date";
+  }
+  const uniqueCount = new Set(sampleValues.map((v) => String(v))).size;
+  if (uniqueCount > 0 && uniqueCount <= 20 && uniqueCount < sampleValues.length) {
+    return "select";
+  }
+  return "text";
+}
+function ColumnFilterInput({
+  column,
+  table,
+  headerText
+}) {
+  const [calendarOpen, setCalendarOpen] = (0, import_react3.useState)(false);
+  const filterValue = column.getFilterValue();
+  const variant = (0, import_react3.useMemo)(
+    () => getFilterVariant(column, table),
+    [column, table]
+  );
+  const options = (0, import_react3.useMemo)(() => {
+    if (variant === "boolean") {
+      return [
+        { label: "True / Yes", value: "true" },
+        { label: "False / No", value: "false" }
+      ];
+    }
+    if (variant === "select") {
+      return getColumnUniqueOptions(column, table);
+    }
+    return [];
+  }, [column, table, variant]);
+  if (variant === "boolean" || variant === "select") {
+    const currentValue = filterValue === void 0 || filterValue === null || filterValue === "" ? "all" : String(filterValue);
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "relative flex items-center w-full", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+      Select,
+      {
+        value: currentValue,
+        onValueChange: (val) => {
+          if (val === "all") {
+            column.setFilterValue(void 0);
+          } else {
+            column.setFilterValue(val);
+          }
+        },
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+            SelectTrigger,
+            {
+              className: "w-full",
+              onKeyDown: (e) => e.stopPropagation(),
+              onPointerDown: (e) => e.stopPropagation(),
+              children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+                SelectValue,
+                {
+                  placeholder: `Select ${headerText.toLowerCase()}...`,
+                  className: "capitalize"
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(SelectContent, { align: "start", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(SelectItem, { value: "all", children: "All" }),
+            options.map((opt) => /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+              SelectItem,
+              {
+                value: opt.value,
+                className: "capitalize",
+                children: opt.label
+              },
+              opt.value
+            ))
+          ] })
+        ]
+      }
+    ) });
+  }
+  if (variant === "date") {
+    let dateObj;
+    if (filterValue) {
+      if (filterValue instanceof Date) {
+        dateObj = filterValue;
+      } else if (typeof filterValue === "string") {
+        const parsed = new Date(filterValue);
+        if (!Number.isNaN(parsed.getTime())) {
+          dateObj = parsed;
+        }
+      }
+    }
+    const formattedDateLabel = dateObj ? (0, import_date_fns.format)(dateObj, "yyyy-MM-dd") : "";
+    return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "relative flex items-center w-full", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(Popover, { open: calendarOpen, onOpenChange: setCalendarOpen, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        PopoverTrigger,
+        {
+          render: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+            Button,
+            {
+              variant: "outline",
+              className: (0, import_cn14.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)("span", { className: "truncate", children: formattedDateLabel || `Pick ${headerText.toLowerCase()}...` })
+              ]
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        PopoverContent,
+        {
+          className: "w-auto p-0",
+          align: "start",
+          onPointerDown: (e) => e.stopPropagation(),
+          onKeyDown: (e) => e.stopPropagation(),
+          children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+            Calendar,
+            {
+              mode: "single",
+              selected: dateObj,
+              onSelect: (date) => {
+                if (date) {
+                  column.setFilterValue((0, import_date_fns.format)(date, "yyyy-MM-dd"));
+                } else {
+                  column.setFilterValue(void 0);
+                }
+                setCalendarOpen(false);
+              }
+            }
+          )
+        }
+      )
+    ] }) });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "relative flex items-center w-full", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+    Input,
+    {
+      id: `filter-${column.id}`,
+      placeholder: `Filter ${headerText.toLowerCase()}...`,
+      value: filterValue != null ? filterValue : "",
+      onChange: (e) => column.setFilterValue(e.target.value || void 0),
+      onKeyDown: (e) => e.stopPropagation(),
+      onKeyUp: (e) => e.stopPropagation(),
+      onPointerDown: (e) => e.stopPropagation()
+    }
+  ) });
+}
+function DataTableHeaderFilter({
+  table,
+  columnFilters
+}) {
+  const filterableColumns = (0, import_react3.useMemo)(
+    () => table.getAllColumns().filter(
+      (column) => typeof column.accessorFn !== "undefined" && column.getCanFilter()
+    ),
+    [table]
+  );
+  if (filterableColumns.length === 0) return null;
+  return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(DropdownMenu, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(Tooltip, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+        DropdownMenuTrigger,
+        {
+          render: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+            TooltipTrigger,
+            {
+              render: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+                Button,
+                {
+                  variant: columnFilters.length > 0 ? "secondary" : "outline",
+                  size: "icon",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(import_lucide_react13.ListFilterIcon, {})
+                }
+              )
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(TooltipContent, { children: "Filter options" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(DropdownMenuContent, { align: "end", className: "w-80", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(DropdownMenuGroup, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(DropdownMenuLabel, { children: "Filter by column" }),
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(DropdownMenuSeparator, {}),
+      /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "max-h-64 overflow-y-auto space-y-2.5 p-1", children: filterableColumns.map((column) => {
+        const headerText = typeof column.columnDef.header === "string" ? column.columnDef.header : column.id;
+        return /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(
+          "div",
+          {
+            className: "flex items-center justify-between px-1",
+            children: [
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+                "label",
+                {
+                  htmlFor: `filter-${column.id}`,
+                  className: "capitalize shrink-0 min-w-20 text-xs font-medium text-muted-foreground",
+                  children: headerText
+                }
+              ),
+              /* @__PURE__ */ (0, import_jsx_runtime25.jsx)("div", { className: "flex-1", children: /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+                ColumnFilterInput,
+                {
+                  column,
+                  table,
+                  headerText
+                }
+              ) })
+            ]
+          },
+          column.id
+        );
+      }) }),
+      columnFilters.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(DropdownMenuSeparator, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
+          DropdownMenuItem,
+          {
+            className: "hover:cursor-pointer text-destructive focus:text-destructive",
+            onClick: () => table.resetColumnFilters(),
+            children: "Clear Filters"
+          }
+        )
+      ] })
+    ] }) })
+  ] });
+}
+
+// src/components/composed/data-table/table-header-refresh.tsx
+var import_lucide_react14 = require("lucide-react");
+var import_navigation2 = require("next/navigation");
+var import_react4 = require("react");
+var import_jsx_runtime26 = require("react/jsx-runtime");
+function DataTableHeaderRefresh({
+  onRefresh
+}) {
+  const router = (0, import_navigation2.useRouter)();
+  const [isRefreshing, setIsRefreshing] = (0, import_react4.useState)(false);
+  const handleRefresh = () => {
+    setIsRefreshing(true);
+    if (onRefresh) {
+      onRefresh();
+    } else {
+      router.refresh();
+    }
+    setTimeout(() => {
+      setIsRefreshing(false);
+    }, 750);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime26.jsxs)(Tooltip, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+      TooltipTrigger,
+      {
+        render: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+          Button,
+          {
+            variant: "outline",
+            size: "icon",
+            onClick: handleRefresh,
+            disabled: isRefreshing,
+            children: /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(
+              import_lucide_react14.RotateCwIcon,
+              {
+                className: (0, import_cn14.cn)(
+                  "transition-transform duration-750",
+                  isRefreshing && "animate-spin"
+                )
+              }
+            )
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(TooltipContent, { children: "Refresh data" })
+  ] });
+}
+
+// src/components/composed/data-table/table-header-search.tsx
+var import_lucide_react15 = require("lucide-react");
+var import_jsx_runtime27 = require("react/jsx-runtime");
+function DataTableHeaderSearch({
+  value,
+  onChange,
+  placeholder = "Search..."
+}) {
+  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,
+        onChange: (event) => onChange(event.target.value),
+        className: "pr-7"
+      }
+    ),
+    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" })
+      }
+    )
+  ] });
+}
+
+// src/components/composed/data-table/table-header-sort.tsx
+var import_lucide_react16 = require("lucide-react");
+var import_jsx_runtime28 = require("react/jsx-runtime");
+function DataTableHeaderSort({
+  table,
+  sorting
+}) {
+  const sortableColumns = table.getAllColumns().filter((column) => column.getCanSort());
+  return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(DropdownMenu, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(Tooltip, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+        DropdownMenuTrigger,
+        {
+          render: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+            TooltipTrigger,
+            {
+              render: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+                Button,
+                {
+                  variant: sorting.length > 0 ? "secondary" : "outline",
+                  size: "icon",
+                  children: /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(import_lucide_react16.ArrowUpDownIcon, {})
+                }
+              )
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(TooltipContent, { children: "Sort options" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(DropdownMenuContent, { align: "end", className: "w-48", children: /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(DropdownMenuGroup, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(DropdownMenuLabel, { children: "Sort by column" }),
+      /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(DropdownMenuSeparator, {}),
+      sortableColumns.map((column) => {
+        const isSorted = column.getIsSorted();
+        const headerText = typeof column.columnDef.header === "string" ? column.columnDef.header : column.id;
+        return /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(
+          DropdownMenuItem,
+          {
+            className: "flex items-center justify-between hover:cursor-pointer capitalize",
+            onClick: () => {
+              if (isSorted === "asc") {
+                column.toggleSorting(true);
+              } else if (isSorted === "desc") {
+                column.clearSorting();
+              } else {
+                column.toggleSorting(false);
+              }
+            },
+            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" })
+            ]
+          },
+          column.id
+        );
+      }),
+      sorting.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime28.jsxs)(import_jsx_runtime28.Fragment, { children: [
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(DropdownMenuSeparator, {}),
+        /* @__PURE__ */ (0, import_jsx_runtime28.jsx)(
+          DropdownMenuItem,
+          {
+            className: "hover:cursor-pointer text-destructive focus:text-destructive",
+            onClick: () => table.resetSorting(),
+            children: "Clear Sorting"
+          }
+        )
+      ] })
+    ] }) })
+  ] });
+}
+
+// src/components/composed/data-table/table-header-toggle.tsx
+var import_lucide_react17 = require("lucide-react");
+var import_jsx_runtime29 = require("react/jsx-runtime");
+function DataTableHeaderToggle({
+  table
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(DropdownMenu, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(Tooltip, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+        DropdownMenuTrigger,
+        {
+          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, {}) })
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(TooltipContent, { children: "Toggle columns" })
+    ] }),
+    /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(DropdownMenuContent, { align: "end", className: "w-48", children: /* @__PURE__ */ (0, import_jsx_runtime29.jsxs)(DropdownMenuGroup, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(DropdownMenuLabel, { children: "Toggle columns" }),
+      /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(DropdownMenuSeparator, {}),
+      table.getAllColumns().filter(
+        (column) => typeof column.accessorFn !== "undefined" && column.getCanHide()
+      ).map((column) => {
+        const headerText = typeof column.columnDef.header === "string" ? column.columnDef.header : column.id;
+        return /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
+          DropdownMenuCheckboxItem,
+          {
+            className: "capitalize hover:cursor-pointer",
+            checked: column.getIsVisible(),
+            onCheckedChange: (value) => column.toggleVisibility(!!value),
+            children: headerText
+          },
+          column.id
+        );
+      })
+    ] }) })
+  ] });
+}
+
+// src/components/composed/data-table/data-row-actions.tsx
+var import_lucide_react18 = require("lucide-react");
+var import_react5 = require("react");
+var import_jsx_runtime30 = require("react/jsx-runtime");
+function RowActions({
+  label = "Actions",
+  items = [],
+  triggerIcon,
+  triggerLabel = "Open action menu",
+  align = "end",
+  containerClassName,
+  contentClassName
+}) {
+  const visibleItems = items.filter((item) => !item.hidden);
+  if (visibleItems.length === 0) {
+    return null;
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+    "div",
+    {
+      className: (0, import_cn14.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" }) })
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(
+          DropdownMenuContent,
+          {
+            align,
+            className: (0, import_cn14.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 }),
+                /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(DropdownMenuSeparator, {})
+              ] }),
+              visibleItems.map((item, index) => {
+                var _a;
+                const itemKey = (_a = item.id) != null ? _a : `${item.label}-${index}`;
+                const isDestructive = item.variant === "destructive";
+                return /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(import_react5.Fragment, { children: [
+                  item.separatorBefore && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(DropdownMenuSeparator, {}),
+                  /* @__PURE__ */ (0, import_jsx_runtime30.jsxs)(
+                    DropdownMenuItem,
+                    {
+                      onClick: item.onClick,
+                      disabled: item.disabled,
+                      className: (0, import_cn14.cn)(
+                        "hover:cursor-pointer flex items-center gap-2",
+                        isDestructive && "text-destructive focus:text-destructive",
+                        item.className
+                      ),
+                      children: [
+                        item.icon && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { className: "size-4 shrink-0 flex items-center justify-center", children: item.icon }),
+                        /* @__PURE__ */ (0, import_jsx_runtime30.jsx)("span", { children: item.label })
+                      ]
+                    }
+                  ),
+                  item.separatorAfter && /* @__PURE__ */ (0, import_jsx_runtime30.jsx)(DropdownMenuSeparator, {})
+                ] }, itemKey);
+              })
+            ] })
+          }
+        )
+      ] })
+    }
+  );
+}
+
+// src/components/composed/data-table/data-table.tsx
+var import_jsx_runtime31 = require("react/jsx-runtime");
+function DataTable({
+  columns,
+  data,
+  initialColumnVisibility,
+  renderCreateDialog,
+  addLabel,
+  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
+}) {
+  const [createOpen, setCreateOpen] = (0, import_react6.useState)(false);
+  const [sorting, setSorting] = (0, import_react6.useState)([]);
+  const [columnFilters, setColumnFilters] = (0, import_react6.useState)([]);
+  const [columnVisibility, setColumnVisibility] = (0, import_react6.useState)(initialColumnVisibility != null ? initialColumnVisibility : {});
+  const [globalFilter, setGlobalFilter] = (0, import_react6.useState)("");
+  const columnsWithSmartFilters = (0, import_react6.useMemo)(() => {
+    return columns.map((col) => __spreadValues({
+      filterFn: smartFilterFn
+    }, col));
+  }, [columns]);
+  const table = (0, import_react_table4.useTable)({
+    features,
+    data,
+    columns: columnsWithSmartFilters,
+    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)
+      ] });
+    }
+    const defaultEmptyAction = renderCreateDialog ? () => setCreateOpen(true) : onRefresh != null ? onRefresh : void 0;
+    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
+        }
+      ),
+      renderCreateDialog == null ? void 0 : renderCreateDialog(createOpen, setCreateOpen)
+    ] });
+  }
+  return /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "space-y-2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex flex-row items-center justify-between gap-1", children: [
+      showSearchInput ? /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+        DataTableHeaderSearch,
+        {
+          value: globalFilter,
+          onChange: setGlobalFilter,
+          placeholder: searchPlaceholder
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime31.jsx)("div", {}),
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsxs)("div", { className: "flex flex-row items-center gap-1", children: [
+        showRefreshButton && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(DataTableHeaderRefresh, { onRefresh }),
+        showSortButton && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(DataTableHeaderSort, { table, sorting }),
+        showFilterButton && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+          DataTableHeaderFilter,
+          {
+            table,
+            columnFilters
+          }
+        ),
+        showDownloadButton && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+          DataTableHeaderDownload,
+          {
+            table,
+            exportFilename,
+            onDownload
+          }
+        ),
+        showColumnToggleButton && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(DataTableHeaderToggle, { table }),
+        showAddButton && renderCreateDialog && /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(
+          DataTableHeaderAdd,
+          {
+            onAdd: () => setCreateOpen(true),
+            addLabel
+          }
+        )
+      ] })
+    ] }),
+    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.jsxs)("div", { className: "flex items-center justify-between px-2", children: [
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(DataTableFooterEntries, { table }),
+      /* @__PURE__ */ (0, import_jsx_runtime31.jsx)(DataTableFooterPagination, { table })
+    ] })
+  ] });
+}
+
+// src/components/composed/header-tabs.tsx
+var import_link2 = __toESM(require("next/link"));
+var import_navigation3 = require("next/navigation");
+var import_react7 = require("react");
+
+// src/components/ui/tabs.tsx
+var import_tabs = require("@base-ui/react/tabs");
+var import_class_variance_authority4 = require("class-variance-authority");
+var import_cn18 = require("cn");
+var import_jsx_runtime32 = require("react/jsx-runtime");
+function Tabs(_a) {
+  var _b = _a, {
+    className,
+    orientation = "horizontal"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "orientation"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    import_tabs.Tabs.Root,
+    __spreadValues({
+      "data-slot": "tabs",
+      "data-orientation": orientation,
+      className: (0, import_cn18.cn)(
+        "group/tabs flex gap-2 data-horizontal:flex-col",
+        className
+      )
+    }, props)
+  );
+}
+var tabsListVariants = (0, import_class_variance_authority4.cva)(
+  "group/tabs-list inline-flex w-fit items-center justify-center rounded-lg p-[3px] text-muted-foreground group-data-horizontal/tabs:h-8 group-data-vertical/tabs:h-fit group-data-vertical/tabs:flex-col data-[variant=line]:rounded-none",
+  {
+    variants: {
+      variant: {
+        default: "bg-muted",
+        line: "gap-1 bg-transparent"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+function TabsList(_a) {
+  var _b = _a, {
+    className,
+    variant = "default"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "variant"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    import_tabs.Tabs.List,
+    __spreadValues({
+      "data-slot": "tabs-list",
+      "data-variant": variant,
+      className: (0, import_cn18.cn)(tabsListVariants({ variant }), className)
+    }, props)
+  );
+}
+function TabsTrigger(_a) {
+  var _b = _a, { className } = _b, props = __objRest(_b, ["className"]);
+  return /* @__PURE__ */ (0, import_jsx_runtime32.jsx)(
+    import_tabs.Tabs.Tab,
+    __spreadValues({
+      "data-slot": "tabs-trigger",
+      className: (0, import_cn18.cn)(
+        "relative inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-1.5 py-0.5 text-xs font-medium whitespace-nowrap text-foreground/60 transition-all group-data-vertical/tabs:w-full group-data-vertical/tabs:justify-start group-data-vertical/tabs:py-[calc(--spacing(1.25))] hover:text-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-1 focus-visible:outline-ring disabled:pointer-events-none disabled:opacity-50 has-data-[icon=inline-end]:pr-1 has-data-[icon=inline-start]:pl-1 aria-disabled:pointer-events-none aria-disabled:opacity-50 dark:text-muted-foreground dark:hover:text-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-3.5",
+        "group-data-[variant=line]/tabs-list:bg-transparent group-data-[variant=line]/tabs-list:data-active:bg-transparent dark:group-data-[variant=line]/tabs-list:data-active:border-transparent dark:group-data-[variant=line]/tabs-list:data-active:bg-transparent",
+        "data-active:bg-background data-active:text-foreground dark:data-active:border-input dark:data-active:bg-input/30 dark:data-active:text-foreground",
+        "after:absolute after:bg-foreground after:opacity-0 after:transition-opacity group-data-horizontal/tabs:after:inset-x-0 group-data-horizontal/tabs:after:bottom-[-5px] group-data-horizontal/tabs:after:h-0.5 group-data-vertical/tabs:after:inset-y-0 group-data-vertical/tabs:after:-right-1 group-data-vertical/tabs:after:w-0.5 group-data-[variant=line]/tabs-list:data-active:after:opacity-100",
+        className
+      )
+    }, props)
+  );
+}
+
+// src/components/composed/header-tabs.tsx
+var import_jsx_runtime33 = require("react/jsx-runtime");
+function renderTabIcon(icon) {
+  if (!icon) return null;
+  if (typeof icon === "function" || typeof icon === "object" && icon !== null && "render" in icon) {
+    const IconComp = icon;
+    return /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(IconComp, {});
+  }
+  return icon;
+}
+var HeaderTabs = (0, import_react7.memo)(function HeaderTabs2({
+  items,
+  value,
+  onValueChange,
+  children
+}) {
+  var _a, _b;
+  const pathname = (0, import_navigation3.usePathname)();
+  const matchedItem = pathname ? items.find(
+    (item) => item.url === pathname || pathname.endsWith(item.url) || pathname.split("/").includes(item.value)
+  ) : void 0;
+  const activeTab = (_b = value != null ? value : matchedItem == null ? void 0 : matchedItem.value) != null ? _b : (_a = items[0]) == null ? void 0 : _a.value;
+  return /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(Tabs, { value: activeTab, onValueChange, className: "space-y-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime33.jsx)("div", { className: "w-full overflow-x-auto overflow-y-hidden border-b no-scrollbar", children: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(TabsList, { variant: "line", className: "inline-flex w-max justify-start", children: items.map(({ title, value: tabValue, url, icon }) => /* @__PURE__ */ (0, import_jsx_runtime33.jsxs)(
+      TabsTrigger,
+      {
+        nativeButton: false,
+        render: /* @__PURE__ */ (0, import_jsx_runtime33.jsx)(import_link2.default, { href: url }),
+        value: tabValue,
+        children: [
+          renderTabIcon(icon),
+          title
+        ]
+      },
+      tabValue
+    )) }) }),
+    children
+  ] });
+});
+
+// src/components/composed/header-title.tsx
+var import_react8 = require("react");
+var import_jsx_runtime34 = require("react/jsx-runtime");
+var HeaderTitle = (0, import_react8.memo)(function HeaderTitle2({
   title,
   subtitle,
   children
 }) {
-  return /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { className: "w-full space-y-4", children: [
-    /* @__PURE__ */ (0, import_jsx_runtime15.jsxs)("div", { children: [
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("h1", { className: "font-semibold", children: title }),
-      /* @__PURE__ */ (0, import_jsx_runtime15.jsx)("p", { className: "text-xs text-muted-foreground", children: subtitle })
+  return /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { className: "w-full space-y-4", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime34.jsxs)("div", { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("h1", { className: "font-semibold", children: title }),
+      /* @__PURE__ */ (0, import_jsx_runtime34.jsx)("p", { className: "text-xs text-muted-foreground", children: subtitle })
     ] }),
     children
   ] });
@@ -1578,6 +3551,28 @@ var HeaderTitle = (0, import_react3.memo)(function HeaderTitle2({
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   AppSidebar,
+  DataTable,
+  DataTableContentBody,
+  DataTableContentHeader,
+  DataTableFooterEntries,
+  DataTableFooterPagination,
+  DataTableHeaderAdd,
+  DataTableHeaderDownload,
+  DataTableHeaderFilter,
+  DataTableHeaderRefresh,
+  DataTableHeaderSearch,
+  DataTableHeaderSort,
+  DataTableHeaderToggle,
   HeaderTabs,
-  HeaderTitle
+  HeaderTitle,
+  RowActions,
+  StateEmpty,
+  exportToCSV,
+  exportToXLSX,
+  features,
+  flexRender,
+  getTableExportData,
+  printTable,
+  smartFilterFn,
+  useTable
 });