@simpleapps-com/augur-web 2.2.24 → 2.2.25

package/dist/chunk-NSSX7USQ.cjs

@@ -0,0 +1,165 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
+
+
+var _chunkVL6L4GDAcjs = require('./chunk-VL6L4GDA.cjs');
+
+// src/pagination.tsx
+var _react = require('react'); var React = _interopRequireWildcard(_react);
+var _lu = require('react-icons/lu');
+var _web = require('@simpleapps-com/augur-utils/web');
+var _jsxruntime = require('react/jsx-runtime');
+var Pagination = ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  "nav",
+  {
+    role: "navigation",
+    "aria-label": "pagination",
+    className: _web.cn.call(void 0, "mx-auto flex w-full justify-center", className),
+    ...props
+  }
+);
+Pagination.displayName = "Pagination";
+var PaginationContent = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { ref, className: _web.cn.call(void 0, "flex flex-row items-center gap-1", className), ...props })
+);
+PaginationContent.displayName = "PaginationContent";
+var PaginationItem = React.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { ref, className: _web.cn.call(void 0, "", className), ...props })
+);
+PaginationItem.displayName = "PaginationItem";
+var PaginationLink = ({ className, isActive, size = "icon", ...props }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  "a",
+  {
+    "aria-current": isActive ? "page" : void 0,
+    className: _web.cn.call(void 0, 
+      _chunkVL6L4GDAcjs.buttonVariants.call(void 0, {
+        variant: isActive ? "outline" : "ghost",
+        size
+      }),
+      className
+    ),
+    ...props
+  }
+);
+PaginationLink.displayName = "PaginationLink";
+var PaginationPrevious = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+  PaginationLink,
+  {
+    "aria-label": "Go to previous page",
+    size: "default",
+    className: _web.cn.call(void 0, "gap-1 pl-2.5", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lu.LuChevronLeft, { className: "h-4 w-4" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Prev" })
+    ]
+  }
+);
+PaginationPrevious.displayName = "PaginationPrevious";
+var PaginationNext = ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+  PaginationLink,
+  {
+    "aria-label": "Go to next page",
+    size: "default",
+    className: _web.cn.call(void 0, "gap-1 pr-2.5", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Next" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lu.LuChevronRight, { className: "h-4 w-4" })
+    ]
+  }
+);
+PaginationNext.displayName = "PaginationNext";
+var PaginationEllipsis = ({ className, ...props }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+  "span",
+  {
+    "aria-hidden": true,
+    className: _web.cn.call(void 0, "flex h-9 w-9 items-center justify-center", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lu.LuEllipsis, { className: "h-4 w-4" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "sr-only", children: "More pages" })
+    ]
+  }
+);
+PaginationEllipsis.displayName = "PaginationEllipsis";
+function getPageNumbers(current, total) {
+  if (total <= 0) return [];
+  if (total === 1) return [1];
+  const page = Math.max(1, Math.min(current, total));
+  if (total <= 5) {
+    return Array.from({ length: total }, (_, i) => i + 1);
+  }
+  if (page <= 3) {
+    return [1, 2, 3, 4, "ellipsis", total];
+  }
+  if (page >= total - 2) {
+    return [1, "ellipsis", total - 3, total - 2, total - 1, total];
+  }
+  return [1, "ellipsis", page - 1, page, page + 1, "ellipsis", total];
+}
+var ListPagination = ({
+  page,
+  totalPages,
+  getHref,
+  onPageChange,
+  className
+}) => {
+  if (totalPages <= 1) return null;
+  const pages = getPageNumbers(page, totalPages);
+  const isFirst = page <= 1;
+  const isLast = page >= totalPages;
+  const handleClick = (target) => (e) => {
+    if (onPageChange) {
+      e.preventDefault();
+      onPageChange(target);
+    }
+  };
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Pagination, { className, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, PaginationContent, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PaginationItem, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      PaginationPrevious,
+      {
+        href: isFirst ? getHref(1) : getHref(page - 1),
+        "aria-disabled": isFirst || void 0,
+        className: isFirst ? "pointer-events-none opacity-50" : void 0,
+        onClick: isFirst ? void 0 : handleClick(page - 1)
+      }
+    ) }),
+    pages.map(
+      (entry, i) => entry === "ellipsis" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PaginationItem, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PaginationEllipsis, {}) }, `ellipsis-${i}`) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PaginationItem, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        PaginationLink,
+        {
+          href: getHref(entry),
+          isActive: entry === page,
+          onClick: handleClick(entry),
+          children: entry
+        }
+      ) }, entry)
+    ),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PaginationItem, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      PaginationNext,
+      {
+        href: isLast ? getHref(totalPages) : getHref(page + 1),
+        "aria-disabled": isLast || void 0,
+        className: isLast ? "pointer-events-none opacity-50" : void 0,
+        onClick: isLast ? void 0 : handleClick(page + 1)
+      }
+    ) })
+  ] }) });
+};
+ListPagination.displayName = "ListPagination";
+
+
+
+
+
+
+
+
+
+
+
+exports.Pagination = Pagination; exports.PaginationContent = PaginationContent; exports.PaginationItem = PaginationItem; exports.PaginationLink = PaginationLink; exports.PaginationPrevious = PaginationPrevious; exports.PaginationNext = PaginationNext; exports.PaginationEllipsis = PaginationEllipsis; exports.getPageNumbers = getPageNumbers; exports.ListPagination = ListPagination;
+//# sourceMappingURL=chunk-NSSX7USQ.cjs.map

package/dist/chunk-NSSX7USQ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/chunk-NSSX7USQ.cjs","../src/pagination.tsx"],"names":[],"mappings":"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","file":"/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/chunk-NSSX7USQ.cjs","sourcesContent":[null,"/** Pagination navigation components, styled with buttonVariants. */\n\"use client\";\n\nimport * as React from \"react\";\nimport { LuChevronLeft, LuChevronRight, LuEllipsis } from \"react-icons/lu\";\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\nimport { type ButtonProps, buttonVariants } from \"./button\";\n\nconst Pagination = ({ className, ...props }: React.ComponentProps<\"nav\">) => (\n  <nav\n    role=\"navigation\"\n    aria-label=\"pagination\"\n    className={cn(\"mx-auto flex w-full justify-center\", className)}\n    {...props}\n  />\n);\nPagination.displayName = \"Pagination\";\n\nconst PaginationContent = React.forwardRef<HTMLUListElement, React.ComponentProps<\"ul\">>(\n  ({ className, ...props }, ref) => (\n    <ul ref={ref} className={cn(\"flex flex-row items-center gap-1\", className)} {...props} />\n  ),\n);\nPaginationContent.displayName = \"PaginationContent\";\n\nconst PaginationItem = React.forwardRef<HTMLLIElement, React.ComponentProps<\"li\">>(\n  ({ className, ...props }, ref) => <li ref={ref} className={cn(\"\", className)} {...props} />,\n);\nPaginationItem.displayName = \"PaginationItem\";\n\ntype PaginationLinkProps = {\n  isActive?: boolean;\n} & Pick<ButtonProps, \"size\"> &\n  React.ComponentProps<\"a\">;\n\nconst PaginationLink = ({ className, isActive, size = \"icon\", ...props }: PaginationLinkProps) => (\n  <a\n    aria-current={isActive ? \"page\" : undefined}\n    className={cn(\n      buttonVariants({\n        variant: isActive ? \"outline\" : \"ghost\",\n        size,\n      }),\n      className,\n    )}\n    {...props}\n  />\n);\nPaginationLink.displayName = \"PaginationLink\";\n\nconst PaginationPrevious = ({\n  className,\n  ...props\n}: React.ComponentProps<typeof PaginationLink>) => (\n  <PaginationLink\n    aria-label=\"Go to previous page\"\n    size=\"default\"\n    className={cn(\"gap-1 pl-2.5\", className)}\n    {...props}\n  >\n    <LuChevronLeft className=\"h-4 w-4\" />\n    <span>Prev</span>\n  </PaginationLink>\n);\nPaginationPrevious.displayName = \"PaginationPrevious\";\n\nconst PaginationNext = ({ className, ...props }: React.ComponentProps<typeof PaginationLink>) => (\n  <PaginationLink\n    aria-label=\"Go to next page\"\n    size=\"default\"\n    className={cn(\"gap-1 pr-2.5\", className)}\n    {...props}\n  >\n    <span>Next</span>\n    <LuChevronRight className=\"h-4 w-4\" />\n  </PaginationLink>\n);\nPaginationNext.displayName = \"PaginationNext\";\n\nconst PaginationEllipsis = ({ className, ...props }: React.ComponentProps<\"span\">) => (\n  <span\n    aria-hidden\n    className={cn(\"flex h-9 w-9 items-center justify-center\", className)}\n    {...props}\n  >\n    <LuEllipsis className=\"h-4 w-4\" />\n    <span className=\"sr-only\">More pages</span>\n  </span>\n);\nPaginationEllipsis.displayName = \"PaginationEllipsis\";\n\n/** Build an array of page numbers and ellipsis markers for pagination UI. */\nfunction getPageNumbers(current: number, total: number): (number | \"ellipsis\")[] {\n  if (total <= 0) return [];\n  if (total === 1) return [1];\n\n  const page = Math.max(1, Math.min(current, total));\n\n  if (total <= 5) {\n    return Array.from({ length: total }, (_, i) => i + 1);\n  }\n\n  if (page <= 3) {\n    return [1, 2, 3, 4, \"ellipsis\", total];\n  }\n\n  if (page >= total - 2) {\n    return [1, \"ellipsis\", total - 3, total - 2, total - 1, total];\n  }\n\n  return [1, \"ellipsis\", page - 1, page, page + 1, \"ellipsis\", total];\n}\n\ntype ListPaginationProps = {\n  /** Current page number (1-indexed). */\n  page: number;\n  /** Total number of pages. */\n  totalPages: number;\n  /** Builds a crawlable href for each page link (required for SEO). */\n  getHref: (page: number) => string;\n  /** Optional client-side callback layered on top of href navigation. */\n  onPageChange?: (page: number) => void;\n  className?: string;\n};\n\nconst ListPagination = ({\n  page,\n  totalPages,\n  getHref,\n  onPageChange,\n  className,\n}: ListPaginationProps) => {\n  if (totalPages <= 1) return null;\n\n  const pages = getPageNumbers(page, totalPages);\n  const isFirst = page <= 1;\n  const isLast = page >= totalPages;\n\n  const handleClick = (target: number) => (e: React.MouseEvent) => {\n    if (onPageChange) {\n      e.preventDefault();\n      onPageChange(target);\n    }\n  };\n\n  return (\n    <Pagination className={className}>\n      <PaginationContent>\n        <PaginationItem>\n          <PaginationPrevious\n            href={isFirst ? getHref(1) : getHref(page - 1)}\n            aria-disabled={isFirst || undefined}\n            className={isFirst ? \"pointer-events-none opacity-50\" : undefined}\n            onClick={isFirst ? undefined : handleClick(page - 1)}\n          />\n        </PaginationItem>\n\n        {pages.map((entry, i) =>\n          entry === \"ellipsis\" ? (\n            <PaginationItem key={`ellipsis-${i}`}>\n              <PaginationEllipsis />\n            </PaginationItem>\n          ) : (\n            <PaginationItem key={entry}>\n              <PaginationLink\n                href={getHref(entry)}\n                isActive={entry === page}\n                onClick={handleClick(entry)}\n              >\n                {entry}\n              </PaginationLink>\n            </PaginationItem>\n          ),\n        )}\n\n        <PaginationItem>\n          <PaginationNext\n            href={isLast ? getHref(totalPages) : getHref(page + 1)}\n            aria-disabled={isLast || undefined}\n            className={isLast ? \"pointer-events-none opacity-50\" : undefined}\n            onClick={isLast ? undefined : handleClick(page + 1)}\n          />\n        </PaginationItem>\n      </PaginationContent>\n    </Pagination>\n  );\n};\nListPagination.displayName = \"ListPagination\";\n\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationLink,\n  PaginationItem,\n  PaginationPrevious,\n  PaginationNext,\n  PaginationEllipsis,\n  getPageNumbers,\n  ListPagination,\n};\n"]}

package/dist/chunk-XGKBDPGD.cjs

@@ -0,0 +1,26 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } }"use client";
+
+// src/checkbox.tsx
+var _react = require('react'); var React = _interopRequireWildcard(_react);
+var _reactcheckbox = require('@radix-ui/react-checkbox'); var CheckboxPrimitive = _interopRequireWildcard(_reactcheckbox);
+var _lu = require('react-icons/lu');
+var _web = require('@simpleapps-com/augur-utils/web');
+var _jsxruntime = require('react/jsx-runtime');
+var Checkbox = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  CheckboxPrimitive.Root,
+  {
+    ref,
+    className: _web.cn.call(void 0, 
+      "border-primary focus-visible:ring-ring data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground peer h-4 w-4 shrink-0 rounded-sm border shadow focus-visible:outline-none focus-visible:ring-1 disabled:cursor-not-allowed disabled:opacity-50",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CheckboxPrimitive.Indicator, { className: _web.cn.call(void 0, "flex items-center justify-center text-current"), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lu.LuCheck, { className: "h-4 w-4" }) })
+  }
+));
+Checkbox.displayName = CheckboxPrimitive.Root.displayName;
+
+
+
+exports.Checkbox = Checkbox;
+//# sourceMappingURL=chunk-XGKBDPGD.cjs.map

package/dist/chunk-XGKBDPGD.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/chunk-XGKBDPGD.cjs","../src/checkbox.tsx"],"names":[],"mappings":"AAAA,uWAAY;AACZ;AACA;ACCA,2EAAuB;AACvB,0HAAmC;AACnC,oCAAwB;AACxB,sDAAmB;AAeb,+CAAA;AAbN,IAAM,SAAA,EAAiB,KAAA,CAAA,UAAA,CAGrB,CAAC,EAAE,SAAA,EAAW,GAAG,MAAM,CAAA,EAAG,GAAA,EAAA,mBAC1B,6BAAA;AAAA,EAAmB,iBAAA,CAAA,IAAA;AAAA,EAAlB;AAAA,IACC,GAAA;AAAA,IACA,SAAA,EAAW,qBAAA;AAAA,MACT,oQAAA;AAAA,MACA;AAAA,IACF,CAAA;AAAA,IACC,GAAG,KAAA;AAAA,IAEJ,QAAA,kBAAA,6BAAA,iBAAmB,CAAA,SAAA,EAAlB,EAA4B,SAAA,EAAW,qBAAA,+CAAkD,CAAA,EACxF,QAAA,kBAAA,6BAAA,WAAC,EAAA,EAAQ,SAAA,EAAU,UAAA,CAAU,EAAA,CAC/B;AAAA,EAAA;AACF,CACD,CAAA;AACD,QAAA,CAAS,YAAA,EAAgC,iBAAA,CAAA,IAAA,CAAK,WAAA;ADJ9C;AACA;AACE;AACF,4BAAC","file":"/home/runner/work/augur-packages/augur-packages/packages/augur-web/dist/chunk-XGKBDPGD.cjs","sourcesContent":[null,"/** Styled wrapper around @radix-ui/react-checkbox. See https://www.radix-ui.com/primitives/docs/components/checkbox */\n\"use client\";\n\nimport * as React from \"react\";\nimport * as CheckboxPrimitive from \"@radix-ui/react-checkbox\";\nimport { LuCheck } from \"react-icons/lu\";\nimport { cn } from \"@simpleapps-com/augur-utils/web\";\n\nconst Checkbox = React.forwardRef<\n  React.ComponentRef<typeof CheckboxPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof CheckboxPrimitive.Root>\n>(({ className, ...props }, ref) => (\n  <CheckboxPrimitive.Root\n    ref={ref}\n    className={cn(\n      \"border-primary focus-visible:ring-ring data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground peer h-4 w-4 shrink-0 rounded-sm border shadow focus-visible:outline-none focus-visible:ring-1 disabled:cursor-not-allowed disabled:opacity-50\",\n      className,\n    )}\n    {...props}\n  >\n    <CheckboxPrimitive.Indicator className={cn(\"flex items-center justify-center text-current\")}>\n      <LuCheck className=\"h-4 w-4\" />\n    </CheckboxPrimitive.Indicator>\n  </CheckboxPrimitive.Root>\n));\nCheckbox.displayName = CheckboxPrimitive.Root.displayName;\n\nexport { Checkbox };\n"]}

package/dist/data-table.cjs

@@ -10,11 +10,28 @@
 var _chunkNEY26NNFcjs = require('./chunk-NEY26NNF.cjs');
 
 
+var _chunkNSSX7USQcjs = require('./chunk-NSSX7USQ.cjs');
+
+
+
+
+
+
+
+var _chunkJXW4XE2Pcjs = require('./chunk-JXW4XE2P.cjs');
+
+
 var _chunk7EXXNELXcjs = require('./chunk-7EXXNELX.cjs');
 
 
 var _chunk5VMEEKZ5cjs = require('./chunk-5VMEEKZ5.cjs');
 
+
+var _chunkVL6L4GDAcjs = require('./chunk-VL6L4GDA.cjs');
+
+
+var _chunkXGKBDPGDcjs = require('./chunk-XGKBDPGD.cjs');
+
 // src/data-table.tsx
 var _react = require('react'); var React = _interopRequireWildcard(_react);
 
@@ -27,21 +44,255 @@ var _reacttable = require('@tanstack/react-table');
 var _web = require('@simpleapps-com/augur-utils/web');
 var _lu = require('react-icons/lu');
 var _jsxruntime = require('react/jsx-runtime');
-function buildTanstackColumns(columns) {
-  return columns.map((col) => ({
-    id: col.key,
-    accessorKey: col.key,
-    header: col.header,
-    enableSorting: _nullishCoalesce(col.sortable, () => ( false)),
-    cell: col.render ? (info) => col.render(info.row.original) : (info) => String(_nullishCoalesce(info.getValue(), () => ( ""))),
-    meta: { align: col.align }
-  }));
+var ALIGN_CLASS = { left: "text-left", center: "text-center", right: "text-right" };
+function getAlignCn(meta) {
+  const align = _nullishCoalesce(_optionalChain([meta, 'optionalAccess', _ => _.align]), () => ( "left"));
+  return ALIGN_CLASS[align];
+}
+function buildTanstackColumns(columns, selectable) {
+  const cols = [];
+  if (selectable) {
+    cols.push({
+      id: "_select",
+      header: ({ table }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkXGKBDPGDcjs.Checkbox,
+        {
+          checked: table.getIsAllPageRowsSelected(),
+          onCheckedChange: (v) => table.toggleAllPageRowsSelected(!!v),
+          "aria-label": "Select all"
+        }
+      ),
+      cell: ({ row }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkXGKBDPGDcjs.Checkbox,
+        {
+          checked: row.getIsSelected(),
+          onCheckedChange: (v) => row.toggleSelected(!!v),
+          "aria-label": "Select row",
+          onClick: (e) => e.stopPropagation()
+        }
+      ),
+      enableSorting: false,
+      enableHiding: false,
+      meta: { align: "center" }
+    });
+  }
+  for (const col of columns) {
+    cols.push({
+      id: col.key,
+      accessorKey: col.key,
+      header: col.header,
+      enableSorting: _nullishCoalesce(col.sortable, () => ( false)),
+      enableHiding: col.hideable !== false,
+      cell: col.render ? (info) => col.render(info.row.original) : (info) => String(_nullishCoalesce(info.getValue(), () => ( ""))),
+      meta: { align: col.align }
+    });
+  }
+  return cols;
+}
+function exportToCsv(columns, data, filename) {
+  const headers = columns.map((c) => c.header);
+  const rows = data.map(
+    (row) => columns.map((col) => {
+      const str = String(_nullishCoalesce(row[col.key], () => ( "")));
+      return str.includes(",") || str.includes('"') || str.includes("\n") ? `"${str.replace(/"/g, '""')}"` : str;
+    })
+  );
+  const csv = [headers.join(","), ...rows.map((r) => r.join(","))].join("\n");
+  const blob = new Blob([csv], { type: "text/csv;charset=utf-8;" });
+  const url = URL.createObjectURL(blob);
+  const link = document.createElement("a");
+  link.href = url;
+  link.download = `${filename}.csv`;
+  link.click();
+  URL.revokeObjectURL(url);
+}
+function SortIndicator({ direction }) {
+  if (direction === "asc") return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lu.LuArrowUp, { className: "h-4 w-4" });
+  if (direction === "desc") return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lu.LuArrowDown, { className: "h-4 w-4" });
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lu.LuArrowUpDown, { className: "text-muted-foreground/50 h-4 w-4" });
+}
+function ColumnToggle({ table }) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkJXW4XE2Pcjs.DropdownMenu, { children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJXW4XE2Pcjs.DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkVL6L4GDAcjs.Button, { variant: "outline", size: "sm", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lu.LuSettings2, { className: "mr-2 h-4 w-4" }),
+      "Columns"
+    ] }) }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkJXW4XE2Pcjs.DropdownMenuContent, { align: "end", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJXW4XE2Pcjs.DropdownMenuLabel, { children: "Toggle columns" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkJXW4XE2Pcjs.DropdownMenuSeparator, {}),
+      table.getAllColumns().filter((col) => col.getCanHide()).map((col) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkJXW4XE2Pcjs.DropdownMenuCheckboxItem,
+        {
+          checked: col.getIsVisible(),
+          onCheckedChange: (v) => col.toggleVisibility(!!v),
+          children: col.columnDef.header
+        },
+        col.id
+      ))
+    ] })
+  ] });
+}
+function HeaderCell({ header }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkNEY26NNFcjs.TableHead,
+    {
+      className: _web.cn.call(void 0, 
+        getAlignCn(header.column.columnDef.meta),
+        header.column.getCanSort() && "cursor-pointer select-none"
+      ),
+      onClick: header.column.getToggleSortingHandler(),
+      children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "inline-flex items-center gap-1", children: [
+        _reacttable.flexRender.call(void 0, header.column.columnDef.header, header.getContext()),
+        header.column.getCanSort() && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SortIndicator, { direction: header.column.getIsSorted() })
+      ] })
+    }
+  );
+}
+function DataCell({ cell }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNEY26NNFcjs.TableCell, { className: getAlignCn(cell.column.columnDef.meta), children: _reacttable.flexRender.call(void 0, cell.column.columnDef.cell, cell.getContext()) });
+}
+function DataRow({ row, onRowClick }) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkNEY26NNFcjs.TableRow,
+    {
+      "data-state": row.getIsSelected() ? "selected" : void 0,
+      className: _web.cn.call(void 0, onRowClick && "cursor-pointer"),
+      onClick: onRowClick ? () => onRowClick(row.original) : void 0,
+      children: row.getVisibleCells().map((cell) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DataCell, { cell }, cell.id))
+    }
+  );
+}
+function ExportButton({
+  columns,
+  data,
+  csvFilename
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkVL6L4GDAcjs.Button, { variant: "outline", size: "sm", onClick: () => exportToCsv(columns, data, csvFilename), children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lu.LuDownload, { className: "mr-2 h-4 w-4" }),
+    "Export"
+  ] });
+}
+function BulkActionsBar({
+  selectedRows,
+  bulkActions
+}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "text-muted-foreground text-sm", children: [
+      selectedRows.length,
+      " selected"
+    ] }),
+    bulkActions(selectedRows)
+  ] });
+}
+function Toolbar({
+  searchable,
+  searchPlaceholder,
+  globalFilter,
+  onGlobalFilterChange,
+  selectedRows,
+  bulkActions,
+  toolbar,
+  exportCsv,
+  columns,
+  data,
+  csvFilename,
+  columnToggle,
+  table
+}) {
+  const hasSelection = selectedRows.length > 0;
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-4", children: [
+    searchable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunk7EXXNELXcjs.Input,
+      {
+        placeholder: searchPlaceholder,
+        value: globalFilter,
+        onChange: (e) => onGlobalFilterChange(e.target.value),
+        className: "max-w-sm"
+      }
+    ),
+    hasSelection && bulkActions && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BulkActionsBar, { selectedRows, bulkActions }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "ml-auto flex items-center gap-2", children: [
+      toolbar,
+      exportCsv && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ExportButton, { columns, data, csvFilename }),
+      columnToggle && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ColumnToggle, { table })
+    ] })
+  ] });
+}
+function TableBodyContent({
+  loading,
+  colSpan,
+  emptyMessage,
+  rows,
+  onRowClick
+}) {
+  if (loading) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNEY26NNFcjs.TableRow, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNEY26NNFcjs.TableCell, { colSpan, className: "h-24 text-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5VMEEKZ5cjs.Spinner, { size: "lg", className: "mx-auto" }) }) });
+  }
+  if (rows.length === 0) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNEY26NNFcjs.TableRow, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNEY26NNFcjs.TableCell, { colSpan, className: "h-24 text-center", children: emptyMessage }) });
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _jsxruntime.Fragment, { children: rows.map((row) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DataRow, { row, onRowClick }, row.id)) });
+}
+function PaginationFooter({ pagination }) {
+  if (!pagination || pagination.totalPages <= 1) return null;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkNSSX7USQcjs.ListPagination,
+    {
+      page: pagination.page,
+      totalPages: pagination.totalPages,
+      getHref: pagination.getHref,
+      onPageChange: pagination.onPageChange
+    }
+  );
+}
+function useDataTable(opts) {
+  const isManualFiltering = opts.externalGlobalFilter !== void 0;
+  const isManualSorting = opts.externalSorting !== void 0;
+  const [internalSorting, setInternalSorting] = React.useState([]);
+  const [internalGlobalFilter, setInternalGlobalFilter] = React.useState("");
+  const [internalRowSelection, setInternalRowSelection] = React.useState({});
+  const [columnVisibility, setColumnVisibility] = React.useState({});
+  const sorting = _nullishCoalesce(opts.externalSorting, () => ( internalSorting));
+  const globalFilter = _nullishCoalesce(opts.externalGlobalFilter, () => ( internalGlobalFilter));
+  const rowSelectionState = _nullishCoalesce(opts.externalRowSelection, () => ( internalRowSelection));
+  const handleSortingChange = opts.onSortingChange ? (updater) => {
+    opts.onSortingChange(updater(sorting));
+  } : setInternalSorting;
+  const handleGlobalFilterChange = _nullishCoalesce(opts.onGlobalFilterChange, () => ( setInternalGlobalFilter));
+  const handleRowSelectionChange = opts.onRowSelectionChange ? (updater) => {
+    opts.onRowSelectionChange(
+      updater(rowSelectionState)
+    );
+  } : setInternalRowSelection;
+  const tanstackColumns = React.useMemo(
+    () => buildTanstackColumns(opts.columns, opts.selectable),
+    [opts.columns, opts.selectable]
+  );
+  const table = _reacttable.useReactTable.call(void 0, {
+    data: opts.data,
+    columns: tanstackColumns,
+    state: {
+      sorting,
+      globalFilter: isManualFiltering ? void 0 : globalFilter,
+      rowSelection: rowSelectionState,
+      columnVisibility
+    },
+    onSortingChange: handleSortingChange,
+    onGlobalFilterChange: isManualFiltering ? void 0 : setInternalGlobalFilter,
+    onRowSelectionChange: handleRowSelectionChange,
+    onColumnVisibilityChange: setColumnVisibility,
+    getCoreRowModel: _reacttable.getCoreRowModel.call(void 0, ),
+    getSortedRowModel: isManualSorting ? void 0 : _reacttable.getSortedRowModel.call(void 0, ),
+    getFilteredRowModel: isManualFiltering ? void 0 : _reacttable.getFilteredRowModel.call(void 0, ),
+    manualSorting: isManualSorting,
+    manualFiltering: isManualFiltering,
+    manualPagination: opts.pagination !== void 0,
+    enableRowSelection: opts.selectable,
+    getRowId: opts.getRowId ? (row) => opts.getRowId(row) : void 0
+  });
+  const selectedRows = opts.selectable ? table.getSelectedRowModel().rows.map((r) => r.original) : [];
+  return { table, tanstackColumns, globalFilter, handleGlobalFilterChange, selectedRows };
 }
-var alignClass = {
-  left: "text-left",
-  center: "text-center",
-  right: "text-right"
-};
 function DataTable({
   columns,
   data,
@@ -52,82 +303,70 @@ function DataTable({
   emptyMessage = "No results.",
   toolbar,
   className,
-  getRowId
+  getRowId,
+  pagination,
+  globalFilter: externalGlobalFilter,
+  onGlobalFilterChange,
+  sortingState,
+  onSortingChange,
+  selectable = false,
+  rowSelection,
+  onRowSelectionChange,
+  bulkActions,
+  columnToggle = false,
+  exportCsv = false,
+  csvFilename = "export"
 }) {
-  const [sorting, setSorting] = React.useState([]);
-  const [globalFilter, setGlobalFilter] = React.useState("");
-  const tanstackColumns = React.useMemo(() => buildTanstackColumns(columns), [columns]);
-  const table = _reacttable.useReactTable.call(void 0, {
+  const { table, tanstackColumns, globalFilter, handleGlobalFilterChange, selectedRows } = useDataTable({
+    columns,
     data,
-    columns: tanstackColumns,
-    state: { sorting, globalFilter },
-    onSortingChange: setSorting,
-    onGlobalFilterChange: setGlobalFilter,
-    getCoreRowModel: _reacttable.getCoreRowModel.call(void 0, ),
-    getSortedRowModel: _reacttable.getSortedRowModel.call(void 0, ),
-    getFilteredRowModel: _reacttable.getFilteredRowModel.call(void 0, ),
-    getRowId: getRowId ? (row) => getRowId(row) : void 0
+    selectable,
+    getRowId,
+    pagination,
+    externalGlobalFilter,
+    onGlobalFilterChange,
+    externalSorting: sortingState,
+    onSortingChange,
+    externalRowSelection: rowSelection,
+    onRowSelectionChange
   });
+  const showToolbar = searchable || toolbar || columnToggle || exportCsv || selectedRows.length > 0;
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _web.cn.call(void 0, "space-y-4", className), children: [
-    (searchable || toolbar) && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-4", children: [
-      searchable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunk7EXXNELXcjs.Input,
+    showToolbar && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      Toolbar,
+      {
+        searchable,
+        searchPlaceholder,
+        globalFilter,
+        onGlobalFilterChange: handleGlobalFilterChange,
+        selectedRows,
+        bulkActions,
+        toolbar,
+        exportCsv,
+        columns,
+        data,
+        csvFilename,
+        columnToggle,
+        table
+      }
+    ),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkNEY26NNFcjs.Table, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNEY26NNFcjs.TableHeader, { className: "bg-background sticky top-0 z-10", children: table.getHeaderGroups().map((hg) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNEY26NNFcjs.TableRow, { children: hg.headers.map((h) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HeaderCell, { header: h }, h.id)) }, hg.id)) }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNEY26NNFcjs.TableBody, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        TableBodyContent,
         {
-          placeholder: searchPlaceholder,
-          value: globalFilter,
-          onChange: (e) => setGlobalFilter(e.target.value),
-          className: "max-w-sm"
+          loading,
+          colSpan: tanstackColumns.length,
+          emptyMessage,
+          rows: table.getRowModel().rows,
+          onRowClick
         }
-      ),
-      toolbar
+      ) })
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkNEY26NNFcjs.Table, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNEY26NNFcjs.TableHeader, { children: table.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNEY26NNFcjs.TableRow, { children: headerGroup.headers.map((header) => {
-        const align = _nullishCoalesce(_optionalChain([header, 'access', _ => _.column, 'access', _2 => _2.columnDef, 'access', _3 => _3.meta, 'optionalAccess', _4 => _4.align]), () => ( "left"));
-        return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkNEY26NNFcjs.TableHead,
-          {
-            className: _web.cn.call(void 0, 
-              alignClass[align],
-              header.column.getCanSort() && "cursor-pointer select-none"
-            ),
-            onClick: header.column.getToggleSortingHandler(),
-            children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "inline-flex items-center gap-1", children: [
-              _reacttable.flexRender.call(void 0, header.column.columnDef.header, header.getContext()),
-              header.column.getCanSort() && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SortIndicator, { direction: header.column.getIsSorted() })
-            ] })
-          },
-          header.id
-        );
-      }) }, headerGroup.id)) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNEY26NNFcjs.TableBody, { children: loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNEY26NNFcjs.TableRow, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNEY26NNFcjs.TableCell, { colSpan: columns.length, className: "h-24 text-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5VMEEKZ5cjs.Spinner, { size: "lg", className: "mx-auto" }) }) }) : table.getRowModel().rows.length === 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNEY26NNFcjs.TableRow, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNEY26NNFcjs.TableCell, { colSpan: columns.length, className: "h-24 text-center", children: emptyMessage }) }) : table.getRowModel().rows.map((row) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkNEY26NNFcjs.TableRow,
-        {
-          className: _web.cn.call(void 0, onRowClick && "cursor-pointer"),
-          onClick: onRowClick ? () => onRowClick(row.original) : void 0,
-          children: row.getVisibleCells().map((cell) => {
-            const align = _nullishCoalesce(_optionalChain([cell, 'access', _5 => _5.column, 'access', _6 => _6.columnDef, 'access', _7 => _7.meta, 'optionalAccess', _8 => _8.align]), () => ( "left"));
-            return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkNEY26NNFcjs.TableCell,
-              {
-                className: alignClass[align],
-                children: _reacttable.flexRender.call(void 0, cell.column.columnDef.cell, cell.getContext())
-              },
-              cell.id
-            );
-          })
-        },
-        row.id
-      )) })
-    ] })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, PaginationFooter, { pagination })
   ] });
 }
 DataTable.displayName = "DataTable";
-function SortIndicator({ direction }) {
-  if (direction === "asc") return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lu.LuArrowUp, { className: "h-4 w-4" });
-  if (direction === "desc") return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lu.LuArrowDown, { className: "h-4 w-4" });
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lu.LuArrowUpDown, { className: "text-muted-foreground/50 h-4 w-4" });
-}
 
 
 exports.DataTable = DataTable;