@wealthx/shadcn 0.0.2 → 1.0.0

package/dist/chunk-MJIEMGRD.mjs

@@ -0,0 +1,266 @@
+import {
+  useThemeVars
+} from "./chunk-OXQQNQZI.mjs";
+import {
+  cn
+} from "./chunk-V7CNWJT3.mjs";
+import {
+  __objRest,
+  __spreadProps,
+  __spreadValues
+} from "./chunk-FWCSY2DS.mjs";
+
+// src/components/ui/dropdown-menu.tsx
+import { CheckIcon, ChevronRightIcon, CircleIcon } from "lucide-react";
+import { Menu as MenuPrimitive } from "@base-ui/react/menu";
+import { jsx, jsxs } from "react/jsx-runtime";
+function DropdownMenu(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsx(MenuPrimitive.Root, __spreadValues({ "data-slot": "dropdown-menu" }, props));
+}
+function DropdownMenuPortal(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsx(MenuPrimitive.Portal, __spreadValues({ "data-slot": "dropdown-menu-portal" }, props));
+}
+function DropdownMenuTrigger(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsx(
+    MenuPrimitive.Trigger,
+    __spreadValues({
+      "data-slot": "dropdown-menu-trigger"
+    }, props)
+  );
+}
+function DropdownMenuContent(_a) {
+  var _b = _a, {
+    className,
+    sideOffset = 4,
+    style
+  } = _b, props = __objRest(_b, [
+    "className",
+    "sideOffset",
+    "style"
+  ]);
+  const themeVars = useThemeVars();
+  return /* @__PURE__ */ jsx(MenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(MenuPrimitive.Positioner, { sideOffset, children: /* @__PURE__ */ jsx(
+    MenuPrimitive.Popup,
+    __spreadValues({
+      className: cn(
+        "z-50 min-w-[8rem] overflow-x-hidden overflow-y-auto rounded-none border bg-popover p-1 text-popover-foreground shadow-md data-[side=bottom]:slide-in-from-top-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-ending-style:animate-out data-ending-style:fade-out-0 data-ending-style:zoom-out-95 data-ending-style:fill-mode-forwards data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95",
+        className
+      ),
+      "data-slot": "dropdown-menu-content",
+      style: __spreadValues(__spreadValues({}, themeVars), style)
+    }, props)
+  ) }) });
+}
+function DropdownMenuGroup(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsx(MenuPrimitive.Group, __spreadValues({ "data-slot": "dropdown-menu-group" }, props));
+}
+function DropdownMenuItem(_a) {
+  var _b = _a, {
+    className,
+    inset,
+    variant = "default"
+  } = _b, props = __objRest(_b, [
+    "className",
+    "inset",
+    "variant"
+  ]);
+  return /* @__PURE__ */ jsx(
+    MenuPrimitive.Item,
+    __spreadValues({
+      className: cn(
+        "relative flex cursor-default items-center gap-2 rounded-none px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 data-inset:pl-8 data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground data-[variant=destructive]:*:[svg]:text-destructive!",
+        className
+      ),
+      "data-inset": inset,
+      "data-slot": "dropdown-menu-item",
+      "data-variant": variant
+    }, props)
+  );
+}
+function DropdownMenuCheckboxItem(_a) {
+  var _b = _a, {
+    className,
+    children,
+    checked
+  } = _b, props = __objRest(_b, [
+    "className",
+    "children",
+    "checked"
+  ]);
+  return /* @__PURE__ */ jsxs(
+    MenuPrimitive.CheckboxItem,
+    __spreadProps(__spreadValues({
+      checked,
+      className: cn(
+        "relative flex cursor-default items-center gap-2 rounded-none py-1.5 pr-2 pl-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 data-checked:bg-primary/10 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      "data-slot": "dropdown-menu-checkbox-item"
+    }, props), {
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(MenuPrimitive.CheckboxItemIndicator, { children: /* @__PURE__ */ jsx(CheckIcon, { className: "size-4" }) }) }),
+        children
+      ]
+    })
+  );
+}
+function DropdownMenuRadioGroup(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsx(
+    MenuPrimitive.RadioGroup,
+    __spreadValues({
+      "data-slot": "dropdown-menu-radio-group"
+    }, props)
+  );
+}
+function DropdownMenuRadioItem(_a) {
+  var _b = _a, {
+    className,
+    children
+  } = _b, props = __objRest(_b, [
+    "className",
+    "children"
+  ]);
+  return /* @__PURE__ */ jsxs(
+    MenuPrimitive.RadioItem,
+    __spreadProps(__spreadValues({
+      className: cn(
+        "relative flex cursor-default items-center gap-2 rounded-none py-1.5 pr-2 pl-8 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 data-checked:bg-primary/10 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        className
+      ),
+      "data-slot": "dropdown-menu-radio-item"
+    }, props), {
+      children: [
+        /* @__PURE__ */ jsx("span", { className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(MenuPrimitive.RadioItemIndicator, { children: /* @__PURE__ */ jsx(CircleIcon, { className: "size-2 fill-current" }) }) }),
+        children
+      ]
+    })
+  );
+}
+function DropdownMenuLabel(_a) {
+  var _b = _a, {
+    className,
+    inset
+  } = _b, props = __objRest(_b, [
+    "className",
+    "inset"
+  ]);
+  return /* @__PURE__ */ jsx(
+    MenuPrimitive.GroupLabel,
+    __spreadValues({
+      className: cn(
+        "px-2 py-1.5 text-sm font-medium data-inset:pl-8",
+        className
+      ),
+      "data-inset": inset,
+      "data-slot": "dropdown-menu-label"
+    }, props)
+  );
+}
+function DropdownMenuSeparator(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx(
+    MenuPrimitive.Separator,
+    __spreadValues({
+      className: cn("-mx-1 my-1 h-px bg-border", className),
+      "data-slot": "dropdown-menu-separator"
+    }, props)
+  );
+}
+function DropdownMenuShortcut(_a) {
+  var _b = _a, {
+    className
+  } = _b, props = __objRest(_b, [
+    "className"
+  ]);
+  return /* @__PURE__ */ jsx(
+    "span",
+    __spreadValues({
+      className: cn(
+        "ml-auto text-xs tracking-widest text-muted-foreground",
+        className
+      ),
+      "data-slot": "dropdown-menu-shortcut"
+    }, props)
+  );
+}
+function DropdownMenuSub(_a) {
+  var props = __objRest(_a, []);
+  return /* @__PURE__ */ jsx(MenuPrimitive.SubmenuRoot, __spreadValues({ "data-slot": "dropdown-menu-sub" }, props));
+}
+function DropdownMenuSubTrigger(_a) {
+  var _b = _a, {
+    className,
+    inset,
+    children
+  } = _b, props = __objRest(_b, [
+    "className",
+    "inset",
+    "children"
+  ]);
+  return /* @__PURE__ */ jsxs(
+    MenuPrimitive.SubmenuTrigger,
+    __spreadProps(__spreadValues({
+      className: cn(
+        "flex cursor-default items-center gap-2 rounded-none px-2 py-1.5 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-inset:pl-8 data-open:bg-accent data-open:text-accent-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground",
+        className
+      ),
+      "data-inset": inset,
+      "data-slot": "dropdown-menu-sub-trigger"
+    }, props), {
+      children: [
+        children,
+        /* @__PURE__ */ jsx(ChevronRightIcon, { className: "ml-auto size-4" })
+      ]
+    })
+  );
+}
+function DropdownMenuSubContent(_a) {
+  var _b = _a, {
+    className,
+    sideOffset = 0,
+    style
+  } = _b, props = __objRest(_b, [
+    "className",
+    "sideOffset",
+    "style"
+  ]);
+  const themeVars = useThemeVars();
+  return /* @__PURE__ */ jsx(MenuPrimitive.Portal, { children: /* @__PURE__ */ jsx(MenuPrimitive.Positioner, { sideOffset, children: /* @__PURE__ */ jsx(
+    MenuPrimitive.Popup,
+    __spreadValues({
+      className: cn(
+        "z-50 min-w-[8rem] overflow-hidden rounded-none border bg-popover p-1 text-popover-foreground shadow-lg data-[side=bottom]:slide-in-from-top-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-ending-style:animate-out data-ending-style:fade-out-0 data-ending-style:zoom-out-95 data-ending-style:fill-mode-forwards data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95",
+        className
+      ),
+      "data-slot": "dropdown-menu-sub-content",
+      style: __spreadValues(__spreadValues({}, themeVars), style)
+    }, props)
+  ) }) });
+}
+
+export {
+  DropdownMenu,
+  DropdownMenuPortal,
+  DropdownMenuTrigger,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuItem,
+  DropdownMenuCheckboxItem,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubTrigger,
+  DropdownMenuSubContent
+};

package/dist/chunk-MKFL5MNH.mjs

@@ -0,0 +1,372 @@
+import {
+  Skeleton
+} from "./chunk-HS7TFG7V.mjs";
+import {
+  Table,
+  TableBody,
+  TableCell,
+  TableHead,
+  TableHeader,
+  TableRow
+} from "./chunk-BGP2N52Z.mjs";
+import {
+  Select,
+  SelectContent,
+  SelectItem,
+  SelectTrigger,
+  SelectValue
+} from "./chunk-VZ2NR7L3.mjs";
+import {
+  DropdownMenu,
+  DropdownMenuCheckboxItem,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuLabel,
+  DropdownMenuSeparator,
+  DropdownMenuTrigger
+} from "./chunk-MJIEMGRD.mjs";
+import {
+  Input
+} from "./chunk-DS2AMHN2.mjs";
+import {
+  Checkbox
+} from "./chunk-JF4PHPD5.mjs";
+import {
+  Button
+} from "./chunk-IAOOZCUY.mjs";
+import {
+  cn
+} from "./chunk-V7CNWJT3.mjs";
+
+// src/components/ui/data-table.tsx
+import * as React from "react";
+import {
+  flexRender,
+  getCoreRowModel,
+  getFilteredRowModel,
+  getPaginationRowModel,
+  getSortedRowModel,
+  useReactTable
+} from "@tanstack/react-table";
+import {
+  ArrowUpDown,
+  ArrowUp,
+  ArrowDown,
+  ChevronLeftIcon,
+  ChevronRightIcon,
+  ChevronsLeftIcon,
+  ChevronsRightIcon,
+  SlidersHorizontal
+} from "lucide-react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function DataTableColumnHeader({
+  column,
+  title,
+  className
+}) {
+  if (!column.getCanSort()) {
+    return /* @__PURE__ */ jsx("span", { className, children: title });
+  }
+  const sorted = column.getIsSorted();
+  let sortIcon;
+  if (sorted === "asc") {
+    sortIcon = /* @__PURE__ */ jsx(ArrowUp, { className: "ml-1 size-3.5" });
+  } else if (sorted === "desc") {
+    sortIcon = /* @__PURE__ */ jsx(ArrowDown, { className: "ml-1 size-3.5" });
+  } else {
+    sortIcon = /* @__PURE__ */ jsx(ArrowUpDown, { className: "ml-1 size-3.5" });
+  }
+  return /* @__PURE__ */ jsxs(
+    Button,
+    {
+      className: cn("-ml-3 h-8 font-medium text-muted-foreground hover:text-foreground", className),
+      onClick: () => {
+        column.toggleSorting(sorted === "asc");
+      },
+      size: "sm",
+      variant: "ghost",
+      children: [
+        title,
+        sortIcon
+      ]
+    }
+  );
+}
+function getSelectionColumn() {
+  return {
+    id: "select",
+    header: ({ table }) => /* @__PURE__ */ jsx(
+      Checkbox,
+      {
+        "aria-label": "Select all",
+        checked: table.getIsAllPageRowsSelected(),
+        indeterminate: table.getIsSomePageRowsSelected() && !table.getIsAllPageRowsSelected(),
+        onCheckedChange: (checked) => {
+          table.toggleAllPageRowsSelected(Boolean(checked));
+        }
+      }
+    ),
+    cell: ({ row }) => /* @__PURE__ */ jsx(
+      Checkbox,
+      {
+        "aria-label": "Select row",
+        checked: row.getIsSelected(),
+        onCheckedChange: (checked) => {
+          row.toggleSelected(Boolean(checked));
+        }
+      }
+    ),
+    enableSorting: false,
+    enableHiding: false
+  };
+}
+function DataTableToolbar({
+  table,
+  searchKey,
+  searchPlaceholder,
+  enableColumnVisibility
+}) {
+  var _a;
+  return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2 py-4", "data-slot": "data-table-toolbar", children: [
+    /* @__PURE__ */ jsx("div", { className: "flex flex-1 items-center gap-2", children: searchKey ? /* @__PURE__ */ jsx(
+      Input,
+      {
+        className: "max-w-xs",
+        onChange: (e) => {
+          var _a2;
+          return (_a2 = table.getColumn(searchKey)) == null ? void 0 : _a2.setFilterValue(e.target.value);
+        },
+        placeholder: searchPlaceholder != null ? searchPlaceholder : `Filter ${searchKey}...`,
+        value: (_a = table.getColumn(searchKey)) == null ? void 0 : _a.getFilterValue()
+      }
+    ) : null }),
+    enableColumnVisibility ? /* @__PURE__ */ jsxs(DropdownMenu, { children: [
+      /* @__PURE__ */ jsxs(
+        DropdownMenuTrigger,
+        {
+          render: /* @__PURE__ */ jsx(Button, { className: "ml-auto h-8 gap-1.5", size: "sm", variant: "outline" }),
+          children: [
+            /* @__PURE__ */ jsx(SlidersHorizontal, { className: "size-3.5" }),
+            /* @__PURE__ */ jsx("span", { className: "hidden sm:inline", children: "Columns" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(DropdownMenuContent, { children: /* @__PURE__ */ jsxs(DropdownMenuGroup, { children: [
+        /* @__PURE__ */ jsx(DropdownMenuLabel, { children: "Toggle columns" }),
+        /* @__PURE__ */ jsx(DropdownMenuSeparator, {}),
+        table.getAllColumns().filter((col) => col.getCanHide()).map((col) => /* @__PURE__ */ jsx(
+          DropdownMenuCheckboxItem,
+          {
+            checked: col.getIsVisible(),
+            className: "capitalize",
+            onCheckedChange: (value) => {
+              col.toggleVisibility(Boolean(value));
+            },
+            children: col.id
+          },
+          col.id
+        ))
+      ] }) })
+    ] }) : null
+  ] });
+}
+function DataTablePagination({
+  table,
+  pageSizeOptions = [10, 20, 30, 50]
+}) {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: "flex items-center justify-between gap-4 py-4",
+      "data-slot": "data-table-pagination",
+      children: [
+        /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground", children: table.getFilteredSelectedRowModel().rows.length > 0 && /* @__PURE__ */ jsxs(Fragment, { children: [
+          table.getFilteredSelectedRowModel().rows.length,
+          " of",
+          " ",
+          table.getFilteredRowModel().rows.length,
+          " row(s) selected."
+        ] }) }),
+        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-6", children: [
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+            /* @__PURE__ */ jsx("p", { className: "text-sm text-muted-foreground whitespace-nowrap", children: "Rows per page" }),
+            /* @__PURE__ */ jsxs(
+              Select,
+              {
+                onValueChange: (value) => {
+                  table.setPageSize(Number(value));
+                },
+                value: `${table.getState().pagination.pageSize}`,
+                children: [
+                  /* @__PURE__ */ jsx(SelectTrigger, { className: "w-[70px]", size: "sm", children: /* @__PURE__ */ jsx(SelectValue, { placeholder: `${table.getState().pagination.pageSize}` }) }),
+                  /* @__PURE__ */ jsx(SelectContent, { children: pageSizeOptions.map((pageSize) => /* @__PURE__ */ jsx(SelectItem, { value: `${pageSize}`, children: pageSize }, pageSize)) })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs("p", { className: "text-sm text-muted-foreground whitespace-nowrap", children: [
+            "Page ",
+            table.getState().pagination.pageIndex + 1,
+            " of ",
+            table.getPageCount()
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1", children: [
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                "aria-label": "Go to first page",
+                disabled: !table.getCanPreviousPage(),
+                onClick: () => {
+                  table.setPageIndex(0);
+                },
+                size: "icon-sm",
+                variant: "outline",
+                children: /* @__PURE__ */ jsx(ChevronsLeftIcon, { className: "size-4" })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                "aria-label": "Go to previous page",
+                disabled: !table.getCanPreviousPage(),
+                onClick: () => {
+                  table.previousPage();
+                },
+                size: "icon-sm",
+                variant: "outline",
+                children: /* @__PURE__ */ jsx(ChevronLeftIcon, { className: "size-4" })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                "aria-label": "Go to next page",
+                disabled: !table.getCanNextPage(),
+                onClick: () => {
+                  table.nextPage();
+                },
+                size: "icon-sm",
+                variant: "outline",
+                children: /* @__PURE__ */ jsx(ChevronRightIcon, { className: "size-4" })
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              Button,
+              {
+                "aria-label": "Go to last page",
+                disabled: !table.getCanNextPage(),
+                onClick: () => {
+                  table.setPageIndex(table.getPageCount() - 1);
+                },
+                size: "icon-sm",
+                variant: "outline",
+                children: /* @__PURE__ */ jsx(ChevronsRightIcon, { className: "size-4" })
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+}
+function DataTableSkeleton({
+  columnCount,
+  rowCount = 5
+}) {
+  return /* @__PURE__ */ jsx(Fragment, { children: Array.from({ length: rowCount }).map((_, rowIdx) => /* @__PURE__ */ jsx(TableRow, { children: Array.from({ length: columnCount }).map((_inner, colIdx) => /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-3/4" }) }, `skeleton-cell-${String(rowIdx)}-${String(colIdx)}`)) }, `skeleton-row-${String(rowIdx)}`)) });
+}
+function DataTable({
+  columns: userColumns,
+  data,
+  searchKey,
+  searchPlaceholder,
+  enableRowSelection = false,
+  enableColumnVisibility = false,
+  pageSizeOptions = [10, 20, 30, 50],
+  loading = false,
+  skeletonRows = 5,
+  onRowSelectionChange,
+  className,
+  toolbar,
+  emptyText = "No results."
+}) {
+  const [sorting, setSorting] = React.useState([]);
+  const [columnFilters, setColumnFilters] = React.useState([]);
+  const [columnVisibility, setColumnVisibility] = React.useState({});
+  const [rowSelection, setRowSelection] = React.useState({});
+  const resolvedColumns = React.useMemo(() => {
+    if (!enableRowSelection) return userColumns;
+    return [getSelectionColumn(), ...userColumns];
+  }, [userColumns, enableRowSelection]);
+  const table = useReactTable({
+    data,
+    columns: resolvedColumns,
+    state: {
+      sorting,
+      columnFilters,
+      columnVisibility,
+      rowSelection
+    },
+    onSortingChange: setSorting,
+    onColumnFiltersChange: setColumnFilters,
+    onColumnVisibilityChange: setColumnVisibility,
+    onRowSelectionChange: (updater) => {
+      const next = typeof updater === "function" ? updater(rowSelection) : updater;
+      setRowSelection(next);
+      onRowSelectionChange == null ? void 0 : onRowSelectionChange(next);
+    },
+    getCoreRowModel: getCoreRowModel(),
+    getFilteredRowModel: getFilteredRowModel(),
+    getPaginationRowModel: getPaginationRowModel(),
+    getSortedRowModel: getSortedRowModel(),
+    enableRowSelection
+  });
+  function renderTableBody() {
+    if (loading) {
+      return /* @__PURE__ */ jsx(DataTableSkeleton, { columnCount: resolvedColumns.length, rowCount: skeletonRows });
+    }
+    if (table.getRowModel().rows.length) {
+      return /* @__PURE__ */ jsx(Fragment, { children: table.getRowModel().rows.map((row) => /* @__PURE__ */ jsx(
+        TableRow,
+        {
+          "data-state": row.getIsSelected() ? "selected" : void 0,
+          children: row.getVisibleCells().map((cell) => /* @__PURE__ */ jsx(TableCell, { children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id))
+        },
+        row.id
+      )) });
+    }
+    return /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(
+      TableCell,
+      {
+        className: "h-24 text-center text-muted-foreground",
+        colSpan: resolvedColumns.length,
+        children: emptyText
+      }
+    ) });
+  }
+  return /* @__PURE__ */ jsxs("div", { className: cn("w-full font-sans", className), "data-slot": "data-table", children: [
+    toolbar ? toolbar(table) : (searchKey || enableColumnVisibility) && /* @__PURE__ */ jsx(
+      DataTableToolbar,
+      {
+        enableColumnVisibility,
+        searchKey,
+        searchPlaceholder,
+        table
+      }
+    ),
+    /* @__PURE__ */ jsx("div", { className: "border border-border", children: /* @__PURE__ */ jsxs(Table, { children: [
+      /* @__PURE__ */ jsx(TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx(TableRow, { children: headerGroup.headers.map((header) => /* @__PURE__ */ jsx(TableHead, { children: header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext()) }, header.id)) }, headerGroup.id)) }),
+      /* @__PURE__ */ jsx(TableBody, { children: renderTableBody() })
+    ] }) }),
+    /* @__PURE__ */ jsx(DataTablePagination, { pageSizeOptions, table })
+  ] });
+}
+
+export {
+  DataTableColumnHeader,
+  getSelectionColumn,
+  DataTableToolbar,
+  DataTablePagination,
+  DataTableSkeleton,
+  DataTable
+};