@fairmint/ui 0.3.29 → 0.3.30

package/dist/components/generic/TablePagination/TablePagination.cjs

@@ -0,0 +1,86 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const Select = require("../../primitives/Select/Select.cjs");
+const Group = require("../../../node_modules/@mantine/core/esm/components/Group/Group.cjs");
+const Text = require("../../../node_modules/@mantine/core/esm/components/Text/Text.cjs");
+const Pagination = require("../../../node_modules/@mantine/core/esm/components/Pagination/Pagination.cjs");
+function toSelectOption(option) {
+  if (option && typeof option === "object") {
+    return { label: String(option.label ?? option.value), value: String(option.value) };
+  }
+  return { label: String(option), value: String(option) };
+}
+function getRangeLabel(count, page, rowsPerPage) {
+  const isAllRows = rowsPerPage === -1;
+  const hasRows = count !== 0;
+  const firstRow = hasRows ? isAllRows ? 1 : page * rowsPerPage + 1 : 0;
+  const lastRow = !hasRows ? 0 : isAllRows ? count === -1 ? firstRow : count : count === -1 ? (page + 1) * rowsPerPage : Math.min(count, (page + 1) * rowsPerPage);
+  const totalRowsLabel = count === -1 ? `more than ${lastRow}` : count;
+  return `${firstRow}–${lastRow} of ${totalRowsLabel}`;
+}
+function getTotalPages(count, page, rowsPerPage) {
+  if (rowsPerPage === -1) {
+    return 1;
+  }
+  if (count === -1) {
+    return Math.max(page + 2, 1);
+  }
+  if (count <= 0) {
+    return 1;
+  }
+  return Math.max(1, Math.ceil(count / rowsPerPage));
+}
+function TablePagination({
+  count,
+  onPageChange,
+  onRowsPerPageChange,
+  page,
+  rowsPerPage,
+  rowsPerPageOptions = [10, 25, 50, 100],
+  component: _component,
+  className,
+  style
+}) {
+  const rowsPerPageData = rowsPerPageOptions.map(toSelectOption);
+  const totalPages = getTotalPages(count, page, rowsPerPage);
+  const activePage = Math.min(Math.max(page + 1, 1), totalPages);
+  return /* @__PURE__ */ jsxRuntime.jsxs(Group.Group, { gap: "sm", justify: "flex-end", className, style, wrap: "wrap", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { size: "sm", children: "Rows per page:" }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Select.Select,
+      {
+        "aria-label": "Rows per page",
+        value: String(rowsPerPage),
+        data: rowsPerPageData,
+        onChange: (value) => {
+          if (value == null) return;
+          onRowsPerPageChange?.({ target: { value } });
+        },
+        w: 88,
+        allowDeselect: false
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { size: "sm", children: getRangeLabel(count, page, rowsPerPage) }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      Pagination.Pagination,
+      {
+        total: totalPages,
+        value: activePage,
+        onChange: (nextPage) => onPageChange?.(null, nextPage - 1),
+        withEdges: false,
+        getControlProps: (control) => {
+          if (control === "previous") {
+            return { "aria-label": "Previous page" };
+          }
+          if (control === "next") {
+            return { "aria-label": "Next page" };
+          }
+          return {};
+        }
+      }
+    )
+  ] });
+}
+exports.TablePagination = TablePagination;
+//# sourceMappingURL=TablePagination.cjs.map

package/dist/components/generic/TablePagination/TablePagination.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TablePagination.cjs","sources":["../../../../src/components/generic/TablePagination/TablePagination.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode } from \"react\";\nimport { Group, Pagination, Text } from \"../../primitives/layout\";\nimport { Select } from \"../../primitives/Select/Select\";\n\nexport type TablePaginationRowsPerPageOption = number | { label: ReactNode; value: number };\n\nexport interface TablePaginationProps {\n  /** Total row count. Use `-1` when the total is unknown. */\n  count: number;\n  /** Zero-based page index. */\n  page: number;\n  /** Rows shown per page. Use `-1` to show all rows. */\n  rowsPerPage: number;\n  /** Available rows-per-page choices. @default [10, 25, 50, 100] */\n  rowsPerPageOptions?: TablePaginationRowsPerPageOption[];\n  /** Called with `(event, nextPage)` using a zero-based page index. */\n  onPageChange?: (event: unknown, page: number) => void;\n  /** Called with a synthetic `{ target: { value } }` change event. */\n  onRowsPerPageChange?: (event: { target: { value: string } }) => void;\n  /** Ignored MUI-compat prop retained so existing call sites type-check. */\n  component?: unknown;\n  className?: string;\n  style?: CSSProperties;\n}\n\nfunction toSelectOption(option: TablePaginationRowsPerPageOption): {\n  label: string;\n  value: string;\n} {\n  if (option && typeof option === \"object\") {\n    return { label: String(option.label ?? option.value), value: String(option.value) };\n  }\n\n  return { label: String(option), value: String(option) };\n}\n\nfunction getRangeLabel(count: number, page: number, rowsPerPage: number): string {\n  const isAllRows = rowsPerPage === -1;\n  const hasRows = count !== 0;\n  const firstRow = hasRows ? (isAllRows ? 1 : page * rowsPerPage + 1) : 0;\n  const lastRow = !hasRows\n    ? 0\n    : isAllRows\n      ? count === -1\n        ? firstRow\n        : count\n      : count === -1\n        ? (page + 1) * rowsPerPage\n        : Math.min(count, (page + 1) * rowsPerPage);\n  const totalRowsLabel = count === -1 ? `more than ${lastRow}` : count;\n\n  return `${firstRow}–${lastRow} of ${totalRowsLabel}`;\n}\n\nfunction getTotalPages(count: number, page: number, rowsPerPage: number): number {\n  if (rowsPerPage === -1) {\n    return 1;\n  }\n\n  if (count === -1) {\n    // Unknown totals: keep the current page selectable and one page ahead available.\n    return Math.max(page + 2, 1);\n  }\n\n  if (count <= 0) {\n    return 1;\n  }\n\n  return Math.max(1, Math.ceil(count / rowsPerPage));\n}\n\nexport function TablePagination({\n  count,\n  onPageChange,\n  onRowsPerPageChange,\n  page,\n  rowsPerPage,\n  rowsPerPageOptions = [10, 25, 50, 100],\n  component: _component,\n  className,\n  style,\n}: TablePaginationProps) {\n  const rowsPerPageData = rowsPerPageOptions.map(toSelectOption);\n  const totalPages = getTotalPages(count, page, rowsPerPage);\n  const activePage = Math.min(Math.max(page + 1, 1), totalPages);\n\n  return (\n    <Group gap=\"sm\" justify=\"flex-end\" className={className} style={style} wrap=\"wrap\">\n      <Text size=\"sm\">Rows per page:</Text>\n      <Select\n        aria-label=\"Rows per page\"\n        value={String(rowsPerPage)}\n        data={rowsPerPageData}\n        onChange={(value: string | null) => {\n          if (value == null) return;\n          onRowsPerPageChange?.({ target: { value } });\n        }}\n        w={88}\n        allowDeselect={false}\n      />\n      <Text size=\"sm\">{getRangeLabel(count, page, rowsPerPage)}</Text>\n      <Pagination\n        total={totalPages}\n        value={activePage}\n        onChange={(nextPage) => onPageChange?.(null, nextPage - 1)}\n        withEdges={false}\n        getControlProps={(control) => {\n          if (control === \"previous\") {\n            return { \"aria-label\": \"Previous page\" };\n          }\n          if (control === \"next\") {\n            return { \"aria-label\": \"Next page\" };\n          }\n          return {};\n        }}\n      />\n    </Group>\n  );\n}\n"],"names":["jsxs","Group","jsx","Text","Select","Pagination"],"mappings":";;;;;;;AAyBA,SAAS,eAAe,QAGtB;AACA,MAAI,UAAU,OAAO,WAAW,UAAU;AACxC,WAAO,EAAE,OAAO,OAAO,OAAO,SAAS,OAAO,KAAK,GAAG,OAAO,OAAO,OAAO,KAAK,EAAA;AAAA,EAClF;AAEA,SAAO,EAAE,OAAO,OAAO,MAAM,GAAG,OAAO,OAAO,MAAM,EAAA;AACtD;AAEA,SAAS,cAAc,OAAe,MAAc,aAA6B;AAC/E,QAAM,YAAY,gBAAgB;AAClC,QAAM,UAAU,UAAU;AAC1B,QAAM,WAAW,UAAW,YAAY,IAAI,OAAO,cAAc,IAAK;AACtE,QAAM,UAAU,CAAC,UACb,IACA,YACE,UAAU,KACR,WACA,QACF,UAAU,MACP,OAAO,KAAK,cACb,KAAK,IAAI,QAAQ,OAAO,KAAK,WAAW;AAChD,QAAM,iBAAiB,UAAU,KAAK,aAAa,OAAO,KAAK;AAE/D,SAAO,GAAG,QAAQ,IAAI,OAAO,OAAO,cAAc;AACpD;AAEA,SAAS,cAAc,OAAe,MAAc,aAA6B;AAC/E,MAAI,gBAAgB,IAAI;AACtB,WAAO;AAAA,EACT;AAEA,MAAI,UAAU,IAAI;AAEhB,WAAO,KAAK,IAAI,OAAO,GAAG,CAAC;AAAA,EAC7B;AAEA,MAAI,SAAS,GAAG;AACd,WAAO;AAAA,EACT;AAEA,SAAO,KAAK,IAAI,GAAG,KAAK,KAAK,QAAQ,WAAW,CAAC;AACnD;AAEO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,qBAAqB,CAAC,IAAI,IAAI,IAAI,GAAG;AAAA,EACrC,WAAW;AAAA,EACX;AAAA,EACA;AACF,GAAyB;AACvB,QAAM,kBAAkB,mBAAmB,IAAI,cAAc;AAC7D,QAAM,aAAa,cAAc,OAAO,MAAM,WAAW;AACzD,QAAM,aAAa,KAAK,IAAI,KAAK,IAAI,OAAO,GAAG,CAAC,GAAG,UAAU;AAE7D,SACEA,gCAACC,MAAAA,SAAM,KAAI,MAAK,SAAQ,YAAW,WAAsB,OAAc,MAAK,QAC1E,UAAA;AAAA,IAAAC,2BAAAA,IAACC,KAAAA,MAAA,EAAK,MAAK,MAAK,UAAA,kBAAc;AAAA,IAC9BD,2BAAAA;AAAAA,MAACE,OAAAA;AAAAA,MAAA;AAAA,QACC,cAAW;AAAA,QACX,OAAO,OAAO,WAAW;AAAA,QACzB,MAAM;AAAA,QACN,UAAU,CAAC,UAAyB;AAClC,cAAI,SAAS,KAAM;AACnB,gCAAsB,EAAE,QAAQ,EAAE,MAAA,GAAS;AAAA,QAC7C;AAAA,QACA,GAAG;AAAA,QACH,eAAe;AAAA,MAAA;AAAA,IAAA;AAAA,IAEjBF,2BAAAA,IAACC,KAAAA,QAAK,MAAK,MAAM,wBAAc,OAAO,MAAM,WAAW,GAAE;AAAA,IACzDD,2BAAAA;AAAAA,MAACG,WAAAA;AAAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,OAAO;AAAA,QACP,UAAU,CAAC,aAAa,eAAe,MAAM,WAAW,CAAC;AAAA,QACzD,WAAW;AAAA,QACX,iBAAiB,CAAC,YAAY;AAC5B,cAAI,YAAY,YAAY;AAC1B,mBAAO,EAAE,cAAc,gBAAA;AAAA,UACzB;AACA,cAAI,YAAY,QAAQ;AACtB,mBAAO,EAAE,cAAc,YAAA;AAAA,UACzB;AACA,iBAAO,CAAA;AAAA,QACT;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;;"}

package/dist/components/generic/TablePagination/TablePagination.d.ts

@@ -0,0 +1,29 @@
+import { CSSProperties, ReactNode } from 'react';
+export type TablePaginationRowsPerPageOption = number | {
+    label: ReactNode;
+    value: number;
+};
+export interface TablePaginationProps {
+    /** Total row count. Use `-1` when the total is unknown. */
+    count: number;
+    /** Zero-based page index. */
+    page: number;
+    /** Rows shown per page. Use `-1` to show all rows. */
+    rowsPerPage: number;
+    /** Available rows-per-page choices. @default [10, 25, 50, 100] */
+    rowsPerPageOptions?: TablePaginationRowsPerPageOption[];
+    /** Called with `(event, nextPage)` using a zero-based page index. */
+    onPageChange?: (event: unknown, page: number) => void;
+    /** Called with a synthetic `{ target: { value } }` change event. */
+    onRowsPerPageChange?: (event: {
+        target: {
+            value: string;
+        };
+    }) => void;
+    /** Ignored MUI-compat prop retained so existing call sites type-check. */
+    component?: unknown;
+    className?: string;
+    style?: CSSProperties;
+}
+export declare function TablePagination({ count, onPageChange, onRowsPerPageChange, page, rowsPerPage, rowsPerPageOptions, component: _component, className, style, }: TablePaginationProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TablePagination.d.ts.map

package/dist/components/generic/TablePagination/TablePagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TablePagination.d.ts","sourceRoot":"","sources":["../../../../src/components/generic/TablePagination/TablePagination.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAItD,MAAM,MAAM,gCAAgC,GAAG,MAAM,GAAG;IAAE,KAAK,EAAE,SAAS,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;AAE5F,MAAM,WAAW,oBAAoB;IACnC,2DAA2D;IAC3D,KAAK,EAAE,MAAM,CAAC;IACd,6BAA6B;IAC7B,IAAI,EAAE,MAAM,CAAC;IACb,sDAAsD;IACtD,WAAW,EAAE,MAAM,CAAC;IACpB,kEAAkE;IAClE,kBAAkB,CAAC,EAAE,gCAAgC,EAAE,CAAC;IACxD,qEAAqE;IACrE,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACtD,oEAAoE;IACpE,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE;YAAE,KAAK,EAAE,MAAM,CAAA;SAAE,CAAA;KAAE,KAAK,IAAI,CAAC;IACrE,0EAA0E;IAC1E,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAgDD,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,YAAY,EACZ,mBAAmB,EACnB,IAAI,EACJ,WAAW,EACX,kBAAsC,EACtC,SAAS,EAAE,UAAU,EACrB,SAAS,EACT,KAAK,GACN,EAAE,oBAAoB,2CAqCtB"}

package/dist/components/generic/TablePagination/TablePagination.js

@@ -0,0 +1,86 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { Select } from "../../primitives/Select/Select.js";
+import { Group } from "../../../node_modules/@mantine/core/esm/components/Group/Group.js";
+import { Text } from "../../../node_modules/@mantine/core/esm/components/Text/Text.js";
+import { Pagination } from "../../../node_modules/@mantine/core/esm/components/Pagination/Pagination.js";
+function toSelectOption(option) {
+  if (option && typeof option === "object") {
+    return { label: String(option.label ?? option.value), value: String(option.value) };
+  }
+  return { label: String(option), value: String(option) };
+}
+function getRangeLabel(count, page, rowsPerPage) {
+  const isAllRows = rowsPerPage === -1;
+  const hasRows = count !== 0;
+  const firstRow = hasRows ? isAllRows ? 1 : page * rowsPerPage + 1 : 0;
+  const lastRow = !hasRows ? 0 : isAllRows ? count === -1 ? firstRow : count : count === -1 ? (page + 1) * rowsPerPage : Math.min(count, (page + 1) * rowsPerPage);
+  const totalRowsLabel = count === -1 ? `more than ${lastRow}` : count;
+  return `${firstRow}–${lastRow} of ${totalRowsLabel}`;
+}
+function getTotalPages(count, page, rowsPerPage) {
+  if (rowsPerPage === -1) {
+    return 1;
+  }
+  if (count === -1) {
+    return Math.max(page + 2, 1);
+  }
+  if (count <= 0) {
+    return 1;
+  }
+  return Math.max(1, Math.ceil(count / rowsPerPage));
+}
+function TablePagination({
+  count,
+  onPageChange,
+  onRowsPerPageChange,
+  page,
+  rowsPerPage,
+  rowsPerPageOptions = [10, 25, 50, 100],
+  component: _component,
+  className,
+  style
+}) {
+  const rowsPerPageData = rowsPerPageOptions.map(toSelectOption);
+  const totalPages = getTotalPages(count, page, rowsPerPage);
+  const activePage = Math.min(Math.max(page + 1, 1), totalPages);
+  return /* @__PURE__ */ jsxs(Group, { gap: "sm", justify: "flex-end", className, style, wrap: "wrap", children: [
+    /* @__PURE__ */ jsx(Text, { size: "sm", children: "Rows per page:" }),
+    /* @__PURE__ */ jsx(
+      Select,
+      {
+        "aria-label": "Rows per page",
+        value: String(rowsPerPage),
+        data: rowsPerPageData,
+        onChange: (value) => {
+          if (value == null) return;
+          onRowsPerPageChange?.({ target: { value } });
+        },
+        w: 88,
+        allowDeselect: false
+      }
+    ),
+    /* @__PURE__ */ jsx(Text, { size: "sm", children: getRangeLabel(count, page, rowsPerPage) }),
+    /* @__PURE__ */ jsx(
+      Pagination,
+      {
+        total: totalPages,
+        value: activePage,
+        onChange: (nextPage) => onPageChange?.(null, nextPage - 1),
+        withEdges: false,
+        getControlProps: (control) => {
+          if (control === "previous") {
+            return { "aria-label": "Previous page" };
+          }
+          if (control === "next") {
+            return { "aria-label": "Next page" };
+          }
+          return {};
+        }
+      }
+    )
+  ] });
+}
+export {
+  TablePagination
+};
+//# sourceMappingURL=TablePagination.js.map

package/dist/components/generic/TablePagination/TablePagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TablePagination.js","sources":["../../../../src/components/generic/TablePagination/TablePagination.tsx"],"sourcesContent":["import type { CSSProperties, ReactNode } from \"react\";\nimport { Group, Pagination, Text } from \"../../primitives/layout\";\nimport { Select } from \"../../primitives/Select/Select\";\n\nexport type TablePaginationRowsPerPageOption = number | { label: ReactNode; value: number };\n\nexport interface TablePaginationProps {\n  /** Total row count. Use `-1` when the total is unknown. */\n  count: number;\n  /** Zero-based page index. */\n  page: number;\n  /** Rows shown per page. Use `-1` to show all rows. */\n  rowsPerPage: number;\n  /** Available rows-per-page choices. @default [10, 25, 50, 100] */\n  rowsPerPageOptions?: TablePaginationRowsPerPageOption[];\n  /** Called with `(event, nextPage)` using a zero-based page index. */\n  onPageChange?: (event: unknown, page: number) => void;\n  /** Called with a synthetic `{ target: { value } }` change event. */\n  onRowsPerPageChange?: (event: { target: { value: string } }) => void;\n  /** Ignored MUI-compat prop retained so existing call sites type-check. */\n  component?: unknown;\n  className?: string;\n  style?: CSSProperties;\n}\n\nfunction toSelectOption(option: TablePaginationRowsPerPageOption): {\n  label: string;\n  value: string;\n} {\n  if (option && typeof option === \"object\") {\n    return { label: String(option.label ?? option.value), value: String(option.value) };\n  }\n\n  return { label: String(option), value: String(option) };\n}\n\nfunction getRangeLabel(count: number, page: number, rowsPerPage: number): string {\n  const isAllRows = rowsPerPage === -1;\n  const hasRows = count !== 0;\n  const firstRow = hasRows ? (isAllRows ? 1 : page * rowsPerPage + 1) : 0;\n  const lastRow = !hasRows\n    ? 0\n    : isAllRows\n      ? count === -1\n        ? firstRow\n        : count\n      : count === -1\n        ? (page + 1) * rowsPerPage\n        : Math.min(count, (page + 1) * rowsPerPage);\n  const totalRowsLabel = count === -1 ? `more than ${lastRow}` : count;\n\n  return `${firstRow}–${lastRow} of ${totalRowsLabel}`;\n}\n\nfunction getTotalPages(count: number, page: number, rowsPerPage: number): number {\n  if (rowsPerPage === -1) {\n    return 1;\n  }\n\n  if (count === -1) {\n    // Unknown totals: keep the current page selectable and one page ahead available.\n    return Math.max(page + 2, 1);\n  }\n\n  if (count <= 0) {\n    return 1;\n  }\n\n  return Math.max(1, Math.ceil(count / rowsPerPage));\n}\n\nexport function TablePagination({\n  count,\n  onPageChange,\n  onRowsPerPageChange,\n  page,\n  rowsPerPage,\n  rowsPerPageOptions = [10, 25, 50, 100],\n  component: _component,\n  className,\n  style,\n}: TablePaginationProps) {\n  const rowsPerPageData = rowsPerPageOptions.map(toSelectOption);\n  const totalPages = getTotalPages(count, page, rowsPerPage);\n  const activePage = Math.min(Math.max(page + 1, 1), totalPages);\n\n  return (\n    <Group gap=\"sm\" justify=\"flex-end\" className={className} style={style} wrap=\"wrap\">\n      <Text size=\"sm\">Rows per page:</Text>\n      <Select\n        aria-label=\"Rows per page\"\n        value={String(rowsPerPage)}\n        data={rowsPerPageData}\n        onChange={(value: string | null) => {\n          if (value == null) return;\n          onRowsPerPageChange?.({ target: { value } });\n        }}\n        w={88}\n        allowDeselect={false}\n      />\n      <Text size=\"sm\">{getRangeLabel(count, page, rowsPerPage)}</Text>\n      <Pagination\n        total={totalPages}\n        value={activePage}\n        onChange={(nextPage) => onPageChange?.(null, nextPage - 1)}\n        withEdges={false}\n        getControlProps={(control) => {\n          if (control === \"previous\") {\n            return { \"aria-label\": \"Previous page\" };\n          }\n          if (control === \"next\") {\n            return { \"aria-label\": \"Next page\" };\n          }\n          return {};\n        }}\n      />\n    </Group>\n  );\n}\n"],"names":[],"mappings":";;;;;AAyBA,SAAS,eAAe,QAGtB;AACA,MAAI,UAAU,OAAO,WAAW,UAAU;AACxC,WAAO,EAAE,OAAO,OAAO,OAAO,SAAS,OAAO,KAAK,GAAG,OAAO,OAAO,OAAO,KAAK,EAAA;AAAA,EAClF;AAEA,SAAO,EAAE,OAAO,OAAO,MAAM,GAAG,OAAO,OAAO,MAAM,EAAA;AACtD;AAEA,SAAS,cAAc,OAAe,MAAc,aAA6B;AAC/E,QAAM,YAAY,gBAAgB;AAClC,QAAM,UAAU,UAAU;AAC1B,QAAM,WAAW,UAAW,YAAY,IAAI,OAAO,cAAc,IAAK;AACtE,QAAM,UAAU,CAAC,UACb,IACA,YACE,UAAU,KACR,WACA,QACF,UAAU,MACP,OAAO,KAAK,cACb,KAAK,IAAI,QAAQ,OAAO,KAAK,WAAW;AAChD,QAAM,iBAAiB,UAAU,KAAK,aAAa,OAAO,KAAK;AAE/D,SAAO,GAAG,QAAQ,IAAI,OAAO,OAAO,cAAc;AACpD;AAEA,SAAS,cAAc,OAAe,MAAc,aAA6B;AAC/E,MAAI,gBAAgB,IAAI;AACtB,WAAO;AAAA,EACT;AAEA,MAAI,UAAU,IAAI;AAEhB,WAAO,KAAK,IAAI,OAAO,GAAG,CAAC;AAAA,EAC7B;AAEA,MAAI,SAAS,GAAG;AACd,WAAO;AAAA,EACT;AAEA,SAAO,KAAK,IAAI,GAAG,KAAK,KAAK,QAAQ,WAAW,CAAC;AACnD;AAEO,SAAS,gBAAgB;AAAA,EAC9B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,qBAAqB,CAAC,IAAI,IAAI,IAAI,GAAG;AAAA,EACrC,WAAW;AAAA,EACX;AAAA,EACA;AACF,GAAyB;AACvB,QAAM,kBAAkB,mBAAmB,IAAI,cAAc;AAC7D,QAAM,aAAa,cAAc,OAAO,MAAM,WAAW;AACzD,QAAM,aAAa,KAAK,IAAI,KAAK,IAAI,OAAO,GAAG,CAAC,GAAG,UAAU;AAE7D,SACE,qBAAC,SAAM,KAAI,MAAK,SAAQ,YAAW,WAAsB,OAAc,MAAK,QAC1E,UAAA;AAAA,IAAA,oBAAC,MAAA,EAAK,MAAK,MAAK,UAAA,kBAAc;AAAA,IAC9B;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,cAAW;AAAA,QACX,OAAO,OAAO,WAAW;AAAA,QACzB,MAAM;AAAA,QACN,UAAU,CAAC,UAAyB;AAClC,cAAI,SAAS,KAAM;AACnB,gCAAsB,EAAE,QAAQ,EAAE,MAAA,GAAS;AAAA,QAC7C;AAAA,QACA,GAAG;AAAA,QACH,eAAe;AAAA,MAAA;AAAA,IAAA;AAAA,IAEjB,oBAAC,QAAK,MAAK,MAAM,wBAAc,OAAO,MAAM,WAAW,GAAE;AAAA,IACzD;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,OAAO;AAAA,QACP,UAAU,CAAC,aAAa,eAAe,MAAM,WAAW,CAAC;AAAA,QACzD,WAAW;AAAA,QACX,iBAAiB,CAAC,YAAY;AAC5B,cAAI,YAAY,YAAY;AAC1B,mBAAO,EAAE,cAAc,gBAAA;AAAA,UACzB;AACA,cAAI,YAAY,QAAQ;AACtB,mBAAO,EAAE,cAAc,YAAA;AAAA,UACzB;AACA,iBAAO,CAAA;AAAA,QACT;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}

package/dist/components/primitives/muiCompat.cjs

@@ -25,23 +25,6 @@ const Stack$1 = require("../../node_modules/@mantine/core/esm/components/Stack/S
 const Menu = require("../../node_modules/@mantine/core/esm/components/Menu/Menu.cjs");
 const TextInput = require("../../node_modules/@mantine/core/esm/components/TextInput/TextInput.cjs");
 dayjs_min.extend(customParseFormat);
-const ChevronIcon = ({ direction }) => /* @__PURE__ */ jsxRuntime.jsx(
-  "svg",
-  {
-    "aria-hidden": "true",
-    fill: "none",
-    focusable: "false",
-    height: "20",
-    stroke: "currentColor",
-    strokeLinecap: "round",
-    strokeLinejoin: "round",
-    strokeWidth: "2",
-    viewBox: "0 0 24 24",
-    width: "20",
-    xmlns: "http://www.w3.org/2000/svg",
-    children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: direction === "left" ? "M15 6 9 12l6 6" : "m9 6 6 6-6 6" })
-  }
-);
 const compatBreakpointKeys = ["xs", "sm", "md", "lg", "xl"];
 const compatFallbackBreakpoints = {
   xs: "30em",
@@ -628,72 +611,6 @@ const TableCell = ({ align, children, component, style, sx: sx2, ...props }) =>
   const CellComponent = component === "th" ? Table.Table.Th : Table.Table.Td;
   return /* @__PURE__ */ jsxRuntime.jsx(CellComponent, { ta: align, style: { ...sxToStyle(sx2), ...style }, ...props, children });
 };
-const TablePagination = ({
-  count,
-  onPageChange,
-  onRowsPerPageChange,
-  page,
-  rowsPerPage,
-  rowsPerPageOptions = [10, 25, 50, 100]
-}) => {
-  const isAllRows = rowsPerPage === -1;
-  const hasRows = count !== 0;
-  const firstRow = hasRows ? isAllRows ? 1 : page * rowsPerPage + 1 : 0;
-  const lastRow = !hasRows ? 0 : isAllRows ? count === -1 ? firstRow : count : count === -1 ? (page + 1) * rowsPerPage : Math.min(count, (page + 1) * rowsPerPage);
-  const totalRowsLabel = count === -1 ? `more than ${lastRow}` : count;
-  const canGoBack = page > 0;
-  const canGoForward = count === -1 ? !isAllRows : !isAllRows && (page + 1) * rowsPerPage < count;
-  const rowsPerPageData = rowsPerPageOptions.map((option) => {
-    if (option && typeof option === "object") {
-      return { label: String(option.label ?? option.value), value: String(option.value) };
-    }
-    return { label: String(option), value: String(option) };
-  });
-  return /* @__PURE__ */ jsxRuntime.jsxs(Group.Group, { gap: "sm", justify: "flex-end", children: [
-    /* @__PURE__ */ jsxRuntime.jsx(Text.Text, { size: "sm", children: "Rows per page:" }),
-    /* @__PURE__ */ jsxRuntime.jsx(
-      Select.Select,
-      {
-        value: String(rowsPerPage),
-        data: rowsPerPageData,
-        onChange: (value) => onRowsPerPageChange?.({ target: { value } })
-      }
-    ),
-    /* @__PURE__ */ jsxRuntime.jsxs(Text.Text, { size: "sm", children: [
-      firstRow,
-      "–",
-      lastRow,
-      " of ",
-      totalRowsLabel
-    ] }),
-    /* @__PURE__ */ jsxRuntime.jsxs(Group.Group, { gap: "xs", children: [
-      /* @__PURE__ */ jsxRuntime.jsx(
-        ActionIcon.ActionIcon,
-        {
-          "aria-label": "Previous page",
-          disabled: !canGoBack,
-          onClick: (event) => onPageChange?.(event, page - 1),
-          color: resolveCompatColor("default"),
-          type: "button",
-          variant: "subtle",
-          children: /* @__PURE__ */ jsxRuntime.jsx(ChevronIcon, { direction: "left" })
-        }
-      ),
-      /* @__PURE__ */ jsxRuntime.jsx(
-        ActionIcon.ActionIcon,
-        {
-          "aria-label": "Next page",
-          disabled: !canGoForward,
-          onClick: (event) => onPageChange?.(event, page + 1),
-          color: resolveCompatColor("default"),
-          type: "button",
-          variant: "subtle",
-          children: /* @__PURE__ */ jsxRuntime.jsx(ChevronIcon, { direction: "right" })
-        }
-      )
-    ] })
-  ] });
-};
 const MenuItem = ({ children, component, disabled, onClick, value, ...props }) => {
   const Component = component || Menu.Menu.Item;
   return /* @__PURE__ */ jsxRuntime.jsx(Component, { disabled, onClick, value, ...props, children });
@@ -1605,7 +1522,6 @@ exports.SvgIcon = SvgIcon;
 exports.TableBody = TableBody;
 exports.TableCell = TableCell;
 exports.TableHead = TableHead;
-exports.TablePagination = TablePagination;
 exports.TableRow = TableRow;
 exports.TextField = TextField;
 exports.ThemeProvider = ThemeProvider;