@epilot/volt-ui-experimental-griffel 0.1.2 → 0.2.0

package/dist/components/table/table-pagination.js

@@ -0,0 +1,437 @@
+import { jsx as t, jsxs as a } from "react/jsx-runtime";
+import * as F from "react";
+import { Root as G, Trigger as X, Value as Q, Icon as U, Portal as Z, Content as q, Viewport as J, Group as K, Label as Y, Item as b, ItemIndicator as ee, ItemText as te } from "../../vendor/@radix-ui/react-select/dist/index.js";
+import { shorthands as i } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/index.js";
+import { SLOT_ATTR as oe } from "../../packages/volt-runtime/dist/renderer/contract.js";
+import { mergeClasses as re } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/mergeClasses.js";
+import { makeVoltStyles as ne } from "../../styles/make-styles.js";
+import { grayA6 as ie, accentA3 as A, leadingSm as m, textSm as u, grayA11 as w, fontWeightSemibold as ae, leadingXs as ce, textXs as se, semBody as de, accent8 as ge, grayA4 as C, grayA3 as g, spacingElement1 as pe, spacingGroup1 as W, accent11 as x, trackingNormal as he, accentA8 as le, spacingElement2 as me, radiusMd as ue, radiusLg as R, spacingElement3 as ve } from "../../tokens/index.js";
+import { ensurePaletteTokens as fe } from "../../tokens/install.js";
+import { calculatePagination as ke, getPageNumbers as we, clampPage as Ce } from "../../lib/pagination.js";
+import { TooltipProvider as xe, Tooltip as ye, TooltipTrigger as Ie, TooltipContent as Pe } from "../tooltip/tooltip.js";
+import { Button as d } from "../button/button.js";
+const Ne = (n) => /* @__PURE__ */ a(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    ...n,
+    children: [
+      /* @__PURE__ */ t("path", { d: "M6 6v12" }),
+      /* @__PURE__ */ t("path", { d: "m15 18-6-6 6-6" })
+    ]
+  }
+), Se = (n) => /* @__PURE__ */ t(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    ...n,
+    children: /* @__PURE__ */ t("path", { d: "m15 18-6-6 6-6" })
+  }
+), Le = (n) => /* @__PURE__ */ t(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    ...n,
+    children: /* @__PURE__ */ t("path", { d: "m9 18 6-6-6-6" })
+  }
+), Te = (n) => /* @__PURE__ */ a(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    ...n,
+    children: [
+      /* @__PURE__ */ t("path", { d: "m9 18 6-6-6-6" }),
+      /* @__PURE__ */ t("path", { d: "M18 6v12" })
+    ]
+  }
+), Be = (n) => /* @__PURE__ */ t(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    ...n,
+    children: /* @__PURE__ */ t("path", { d: "m6 9 6 6 6-6" })
+  }
+), je = (n) => /* @__PURE__ */ t(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    ...n,
+    children: /* @__PURE__ */ t("path", { d: "M20 6 9 17l-5-5" })
+  }
+), ze = [10, 25, 50, 100], Ae = ne({
+  root: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    gap: W,
+    ...i.paddingBlock(ve),
+    fontSize: u,
+    lineHeight: m
+  },
+  left: {
+    display: "flex",
+    alignItems: "center",
+    gap: me
+  },
+  navButton: {
+    backgroundColor: g,
+    color: x,
+    ":hover": {
+      backgroundColor: C
+    },
+    ":disabled": {
+      backgroundColor: g,
+      color: le,
+      pointerEvents: "none"
+    }
+  },
+  pageButtonActive: {
+    pointerEvents: "none"
+  },
+  pageButtonInactive: {
+    backgroundColor: "transparent",
+    color: x,
+    ":hover": {
+      backgroundColor: g
+    },
+    ":active": {
+      backgroundColor: C
+    }
+  },
+  ellipsisButton: {
+    letterSpacing: he,
+    backgroundColor: "transparent",
+    color: x,
+    ":hover": {
+      backgroundColor: g
+    }
+  },
+  right: {
+    display: "flex",
+    alignItems: "center",
+    gap: W,
+    paddingRight: "0.125rem"
+  },
+  range: {
+    fontSize: u,
+    lineHeight: m,
+    color: w,
+    fontVariantNumeric: "tabular-nums"
+  },
+  selectTrigger: {
+    display: "flex",
+    height: "2rem",
+    width: "auto",
+    minWidth: "4rem",
+    alignItems: "center",
+    justifyContent: "space-between",
+    gap: pe,
+    ...i.borderRadius(R),
+    backgroundColor: g,
+    ...i.paddingInline("0.75rem"),
+    fontSize: u,
+    lineHeight: m,
+    cursor: "pointer",
+    ...i.borderWidth(0),
+    ":hover": {
+      backgroundColor: C
+    },
+    ":focus": {
+      outlineWidth: "2px",
+      outlineStyle: "solid",
+      outlineColor: ge,
+      outlineOffset: "2px"
+    },
+    ":disabled": {
+      cursor: "not-allowed",
+      opacity: 0.5
+    }
+  },
+  selectIcon: {
+    display: "flex",
+    alignItems: "center",
+    color: w
+  },
+  selectContent: {
+    position: "relative",
+    zIndex: 50,
+    ...i.overflow("hidden"),
+    ...i.borderRadius(R),
+    ...i.border("1px", "solid", ie),
+    backgroundColor: de,
+    boxShadow: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)"
+  },
+  selectViewport: {
+    ...i.padding("0.25rem")
+  },
+  selectLabel: {
+    ...i.padding("0.375rem", "0.5rem"),
+    fontSize: se,
+    lineHeight: ce,
+    fontWeight: ae,
+    color: w
+  },
+  selectItem: {
+    position: "relative",
+    display: "flex",
+    cursor: "pointer",
+    userSelect: "none",
+    alignItems: "center",
+    ...i.borderRadius(ue),
+    ...i.padding("0.375rem", "0.5rem", "0.375rem", "2rem"),
+    fontSize: u,
+    lineHeight: m,
+    outlineStyle: "none",
+    ":focus": {
+      backgroundColor: A
+    },
+    "&[data-state='checked']": {
+      backgroundColor: A
+    }
+  },
+  selectItemIndicator: {
+    position: "absolute",
+    left: "0.5rem",
+    display: "flex",
+    width: "1rem",
+    height: "1rem",
+    alignItems: "center",
+    justifyContent: "center"
+  }
+}), Ge = F.forwardRef(function({
+  page: y,
+  totalItems: p,
+  pageSize: v,
+  onPageChange: s,
+  onPageSizeChange: E,
+  pageSizeOptions: V = ze,
+  siblingCount: $ = 2,
+  disabled: c = !1,
+  labels: e,
+  className: H,
+  ...O
+}, D) {
+  var L;
+  fe();
+  const o = Ae(), { totalPages: f, start: I, end: P, isFirstPage: N, isLastPage: S } = ke({
+    page: y,
+    pageSize: v,
+    totalItems: p
+  }), h = Ce(y, f), M = we(h, f, $), _ = (r) => {
+    const l = parseInt(r, 10);
+    isNaN(l) || E(l);
+  };
+  return p === 0 ? null : /* @__PURE__ */ t(xe, { children: /* @__PURE__ */ a(
+    "div",
+    {
+      ref: D,
+      "data-slot": "table-pagination",
+      [oe]: "table-pagination",
+      "data-fs-element": "TablePagination",
+      role: "navigation",
+      "aria-label": e == null ? void 0 : e.navigation,
+      className: re(o.root, H),
+      ...O,
+      children: [
+        /* @__PURE__ */ a("div", { className: o.left, children: [
+          /* @__PURE__ */ t(
+            d,
+            {
+              variant: "secondary",
+              size: "icon-sm",
+              shape: "normal",
+              disabled: c || N,
+              onClick: () => s(1),
+              "aria-label": e == null ? void 0 : e.firstPage,
+              className: o.navButton,
+              children: /* @__PURE__ */ t(Ne, {})
+            }
+          ),
+          /* @__PURE__ */ t(
+            d,
+            {
+              variant: "secondary",
+              size: "icon-sm",
+              shape: "normal",
+              disabled: c || N,
+              onClick: () => s(h - 1),
+              "aria-label": e == null ? void 0 : e.previousPage,
+              className: o.navButton,
+              children: /* @__PURE__ */ t(Se, {})
+            }
+          ),
+          M.map((r, l) => {
+            var B, j, z;
+            const T = r.type === "ellipsis" ? `ellipsis-${l}-${r.targetPage}` : `page-${r.page}`;
+            if (r.type === "ellipsis")
+              return /* @__PURE__ */ a(ye, { children: [
+                /* @__PURE__ */ t(Ie, { asChild: !0, children: /* @__PURE__ */ t(
+                  d,
+                  {
+                    variant: "tertiary",
+                    size: "icon-sm",
+                    shape: "normal",
+                    disabled: c,
+                    onClick: () => s(r.targetPage),
+                    "aria-label": (B = e == null ? void 0 : e.jumpToPage) == null ? void 0 : B.call(e, r.targetPage),
+                    className: o.ellipsisButton,
+                    children: "..."
+                  }
+                ) }),
+                /* @__PURE__ */ t(Pe, { children: (j = e == null ? void 0 : e.jumpToPage) == null ? void 0 : j.call(e, r.targetPage) })
+              ] }, T);
+            const k = r.page === h;
+            return /* @__PURE__ */ t(
+              d,
+              {
+                variant: k ? "secondary" : "tertiary",
+                size: "icon-sm",
+                shape: "normal",
+                disabled: c,
+                onClick: () => s(r.page),
+                "aria-label": (z = e == null ? void 0 : e.goToPage) == null ? void 0 : z.call(e, r.page),
+                "aria-current": k ? "page" : void 0,
+                className: k ? o.pageButtonActive : o.pageButtonInactive,
+                children: r.page
+              },
+              T
+            );
+          }),
+          /* @__PURE__ */ t(
+            d,
+            {
+              variant: "secondary",
+              size: "icon-sm",
+              shape: "normal",
+              disabled: c || S,
+              onClick: () => s(h + 1),
+              "aria-label": e == null ? void 0 : e.nextPage,
+              className: o.navButton,
+              children: /* @__PURE__ */ t(Le, {})
+            }
+          ),
+          /* @__PURE__ */ t(
+            d,
+            {
+              variant: "secondary",
+              size: "icon-sm",
+              shape: "normal",
+              disabled: c || S,
+              onClick: () => s(f),
+              "aria-label": e == null ? void 0 : e.lastPage,
+              className: o.navButton,
+              children: /* @__PURE__ */ t(Te, {})
+            }
+          )
+        ] }),
+        /* @__PURE__ */ a("div", { className: o.right, children: [
+          /* @__PURE__ */ t(
+            "span",
+            {
+              "data-slot": "table-pagination-range",
+              className: o.range,
+              "aria-live": "polite",
+              children: e != null && e.rangeDisplay ? e.rangeDisplay(I, P, p) : `${I}-${P} / ${p}`
+            }
+          ),
+          /* @__PURE__ */ a(
+            G,
+            {
+              value: String(v),
+              onValueChange: _,
+              disabled: c,
+              children: [
+                /* @__PURE__ */ a(
+                  X,
+                  {
+                    className: o.selectTrigger,
+                    "aria-label": (L = e == null ? void 0 : e.pageSizeSelector) == null ? void 0 : L.call(e, v),
+                    children: [
+                      /* @__PURE__ */ t(Q, {}),
+                      /* @__PURE__ */ t(U, { className: o.selectIcon, children: /* @__PURE__ */ t(Be, {}) })
+                    ]
+                  }
+                ),
+                /* @__PURE__ */ t(Z, { children: /* @__PURE__ */ t(
+                  q,
+                  {
+                    className: o.selectContent,
+                    position: "popper",
+                    sideOffset: 4,
+                    children: /* @__PURE__ */ t(J, { className: o.selectViewport, children: /* @__PURE__ */ a(K, { children: [
+                      (e == null ? void 0 : e.resultsPerPage) && /* @__PURE__ */ t(Y, { className: o.selectLabel, children: e.resultsPerPage }),
+                      V.map((r) => /* @__PURE__ */ a(
+                        b,
+                        {
+                          value: String(r),
+                          className: o.selectItem,
+                          children: [
+                            /* @__PURE__ */ t("span", { className: o.selectItemIndicator, children: /* @__PURE__ */ t(ee, { children: /* @__PURE__ */ t(je, { style: { width: 16, height: 16 } }) }) }),
+                            /* @__PURE__ */ t(te, { children: r })
+                          ]
+                        },
+                        r
+                      ))
+                    ] }) })
+                  }
+                ) })
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  ) });
+});
+export {
+  Ge as TablePagination
+};
+//# sourceMappingURL=table-pagination.js.map

package/dist/components/table/table-pagination.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-pagination.js","sources":["../../../src/components/table/table-pagination.tsx"],"sourcesContent":["import * as React from \"react\"\nimport type { SVGProps, ComponentProps } from \"react\"\nimport * as SelectPrimitive from \"@radix-ui/react-select\"\nimport { mergeClasses, shorthands } from \"@epilot/volt-ui-runtime\"\n\nimport { SLOT_ATTR } from \"../../renderer/contract\"\nimport { makeVoltStyles } from \"../../styles/make-styles\"\nimport * as tokens from \"../../tokens\"\nimport { ensurePaletteTokens } from \"../../tokens/install\"\nimport {\n  calculatePagination,\n  clampPage,\n  getPageNumbers,\n} from \"../../lib/pagination\"\nimport {\n  Tooltip,\n  TooltipContent,\n  TooltipProvider,\n  TooltipTrigger,\n} from \"../tooltip/tooltip\"\nimport { Button } from \"../button/button\"\n\n// Navigation icons\nconst IconFirstPage = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    {...props}\n  >\n    <path d=\"M6 6v12\" />\n    <path d=\"m15 18-6-6 6-6\" />\n  </svg>\n)\n\nconst IconChevronLeft = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    {...props}\n  >\n    <path d=\"m15 18-6-6 6-6\" />\n  </svg>\n)\n\nconst IconChevronRight = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    {...props}\n  >\n    <path d=\"m9 18 6-6-6-6\" />\n  </svg>\n)\n\nconst IconLastPage = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    {...props}\n  >\n    <path d=\"m9 18 6-6-6-6\" />\n    <path d=\"M18 6v12\" />\n  </svg>\n)\n\n// Select icons\nconst ChevronDownIcon = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    {...props}\n  >\n    <path d=\"m6 9 6 6 6-6\" />\n  </svg>\n)\n\nconst CheckIcon = (props: SVGProps<SVGSVGElement>) => (\n  <svg\n    xmlns=\"http://www.w3.org/2000/svg\"\n    width=\"16\"\n    height=\"16\"\n    viewBox=\"0 0 24 24\"\n    fill=\"none\"\n    stroke=\"currentColor\"\n    strokeWidth=\"2\"\n    strokeLinecap=\"round\"\n    strokeLinejoin=\"round\"\n    {...props}\n  >\n    <path d=\"M20 6 9 17l-5-5\" />\n  </svg>\n)\n\nconst DEFAULT_PAGE_SIZE_OPTIONS = [10, 25, 50, 100]\n\nconst useStyles = makeVoltStyles({\n  root: {\n    display: \"flex\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n    gap: tokens.spacingGroup1,\n    ...shorthands.paddingBlock(tokens.spacingElement3),\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n  },\n  left: {\n    display: \"flex\",\n    alignItems: \"center\",\n    gap: tokens.spacingElement2,\n  },\n  navButton: {\n    backgroundColor: tokens.grayA3,\n    color: tokens.accent11,\n    \":hover\": {\n      backgroundColor: tokens.grayA4,\n    },\n    \":disabled\": {\n      backgroundColor: tokens.grayA3,\n      color: tokens.accentA8,\n      pointerEvents: \"none\",\n    },\n  },\n  pageButtonActive: {\n    pointerEvents: \"none\",\n  },\n  pageButtonInactive: {\n    backgroundColor: \"transparent\",\n    color: tokens.accent11,\n    \":hover\": {\n      backgroundColor: tokens.grayA3,\n    },\n    \":active\": {\n      backgroundColor: tokens.grayA4,\n    },\n  },\n  ellipsisButton: {\n    letterSpacing: tokens.trackingNormal,\n    backgroundColor: \"transparent\",\n    color: tokens.accent11,\n    \":hover\": {\n      backgroundColor: tokens.grayA3,\n    },\n  },\n  right: {\n    display: \"flex\",\n    alignItems: \"center\",\n    gap: tokens.spacingGroup1,\n    paddingRight: \"0.125rem\",\n  },\n  range: {\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n    color: tokens.grayA11,\n    fontVariantNumeric: \"tabular-nums\",\n  },\n  selectTrigger: {\n    display: \"flex\",\n    height: \"2rem\",\n    width: \"auto\",\n    minWidth: \"4rem\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n    gap: tokens.spacingElement1,\n    ...shorthands.borderRadius(tokens.radiusLg),\n    backgroundColor: tokens.grayA3,\n    ...shorthands.paddingInline(\"0.75rem\"),\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n    cursor: \"pointer\",\n    ...shorthands.borderWidth(0),\n    \":hover\": {\n      backgroundColor: tokens.grayA4,\n    },\n    \":focus\": {\n      outlineWidth: \"2px\",\n      outlineStyle: \"solid\",\n      outlineColor: tokens.accent8,\n      outlineOffset: \"2px\",\n    },\n    \":disabled\": {\n      cursor: \"not-allowed\",\n      opacity: 0.5,\n    },\n  },\n  selectIcon: {\n    display: \"flex\",\n    alignItems: \"center\",\n    color: tokens.grayA11,\n  },\n  selectContent: {\n    position: \"relative\",\n    zIndex: 50,\n    ...shorthands.overflow(\"hidden\"),\n    ...shorthands.borderRadius(tokens.radiusLg),\n    ...shorthands.border(\"1px\", \"solid\", tokens.grayA6),\n    backgroundColor: tokens.semBody,\n    boxShadow:\n      \"0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)\",\n  },\n  selectViewport: {\n    ...shorthands.padding(\"0.25rem\"),\n  },\n  selectLabel: {\n    ...shorthands.padding(\"0.375rem\", \"0.5rem\"),\n    fontSize: tokens.textXs,\n    lineHeight: tokens.leadingXs,\n    fontWeight: tokens.fontWeightSemibold,\n    color: tokens.grayA11,\n  },\n  selectItem: {\n    position: \"relative\",\n    display: \"flex\",\n    cursor: \"pointer\",\n    userSelect: \"none\",\n    alignItems: \"center\",\n    ...shorthands.borderRadius(tokens.radiusMd),\n    ...shorthands.padding(\"0.375rem\", \"0.5rem\", \"0.375rem\", \"2rem\"),\n    fontSize: tokens.textSm,\n    lineHeight: tokens.leadingSm,\n    outlineStyle: \"none\",\n    \":focus\": {\n      backgroundColor: tokens.accentA3,\n    },\n    \"&[data-state='checked']\": {\n      backgroundColor: tokens.accentA3,\n    },\n  },\n  selectItemIndicator: {\n    position: \"absolute\",\n    left: \"0.5rem\",\n    display: \"flex\",\n    width: \"1rem\",\n    height: \"1rem\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n})\n\nexport type TablePaginationLabels = {\n  /** Label for the pagination navigation region. */\n  navigation?: string\n  /** Label for first page button. */\n  firstPage?: string\n  /** Label for previous page button. */\n  previousPage?: string\n  /** Label for next page button. */\n  nextPage?: string\n  /** Label for last page button. */\n  lastPage?: string\n  /** Label generator for page number buttons. Receives 1-indexed page number. */\n  goToPage?: (page: number) => string\n  /** Label generator for ellipsis jump buttons. Receives target page number. */\n  jumpToPage?: (page: number) => string\n  /** Label generator for page size selector. Receives current page size. */\n  pageSizeSelector?: (pageSize: number) => string\n  /** Label for page size dropdown header. */\n  resultsPerPage?: string\n  /** Label generator for the range display. Receives start, end, and total. */\n  rangeDisplay?: (start: number, end: number, total: number) => string\n}\n\nexport type TablePaginationProps = Omit<ComponentProps<\"div\">, \"onChange\"> & {\n  /** Current page number (1-indexed) */\n  page: number\n  /** Total number of items across all pages */\n  totalItems: number\n  /** Current page size (items per page) */\n  pageSize: number\n  /** Callback fired when the page changes */\n  onPageChange: (page: number) => void\n  /** Callback fired when the page size changes */\n  onPageSizeChange: (pageSize: number) => void\n  /** Available page size options for the dropdown */\n  pageSizeOptions?: number[]\n  /** Number of sibling pages to show on each side of current page */\n  siblingCount?: number\n  /** Whether the pagination controls are disabled */\n  disabled?: boolean\n  /** Labels for i18n. All labels are optional for backwards compatibility but recommended. */\n  labels?: TablePaginationLabels\n}\n\nexport const TablePagination = React.forwardRef<\n  HTMLDivElement,\n  TablePaginationProps\n>(function TablePagination(\n  {\n    page,\n    totalItems,\n    pageSize,\n    onPageChange,\n    onPageSizeChange,\n    pageSizeOptions = DEFAULT_PAGE_SIZE_OPTIONS,\n    siblingCount = 2,\n    disabled = false,\n    labels,\n    className,\n    ...props\n  },\n  ref\n) {\n  ensurePaletteTokens()\n  const styles = useStyles()\n  const { totalPages, start, end, isFirstPage, isLastPage } =\n    calculatePagination({\n      page,\n      pageSize,\n      totalItems,\n    })\n\n  const safePage = clampPage(page, totalPages)\n  const pageItems = getPageNumbers(safePage, totalPages, siblingCount)\n\n  const handlePageSizeChange = (value: string) => {\n    const newSize = parseInt(value, 10)\n    if (!isNaN(newSize)) {\n      onPageSizeChange(newSize)\n    }\n  }\n\n  // Don't render if no items\n  if (totalItems === 0) {\n    return null\n  }\n\n  return (\n    <TooltipProvider>\n      <div\n        ref={ref}\n        data-slot=\"table-pagination\"\n        {...{ [SLOT_ATTR]: \"table-pagination\" }}\n        data-fs-element=\"TablePagination\"\n        role=\"navigation\"\n        aria-label={labels?.navigation}\n        className={mergeClasses(styles.root, className)}\n        {...props}\n      >\n        {/* LEFT SIDE: Navigation and page buttons */}\n        <div className={styles.left}>\n          {/* First page button */}\n          <Button\n            variant=\"secondary\"\n            size=\"icon-sm\"\n            shape=\"normal\"\n            disabled={disabled || isFirstPage}\n            onClick={() => onPageChange(1)}\n            aria-label={labels?.firstPage}\n            className={styles.navButton}\n          >\n            <IconFirstPage />\n          </Button>\n\n          {/* Previous page button */}\n          <Button\n            variant=\"secondary\"\n            size=\"icon-sm\"\n            shape=\"normal\"\n            disabled={disabled || isFirstPage}\n            onClick={() => onPageChange(safePage - 1)}\n            aria-label={labels?.previousPage}\n            className={styles.navButton}\n          >\n            <IconChevronLeft />\n          </Button>\n\n          {/* Page number buttons */}\n          {pageItems.map((item, index) => {\n            const key =\n              item.type === \"ellipsis\"\n                ? `ellipsis-${index}-${item.targetPage}`\n                : `page-${item.page}`\n\n            if (item.type === \"ellipsis\") {\n              return (\n                <Tooltip key={key}>\n                  <TooltipTrigger asChild>\n                    <Button\n                      variant=\"tertiary\"\n                      size=\"icon-sm\"\n                      shape=\"normal\"\n                      disabled={disabled}\n                      onClick={() => onPageChange(item.targetPage)}\n                      aria-label={labels?.jumpToPage?.(item.targetPage)}\n                      className={styles.ellipsisButton}\n                    >\n                      ...\n                    </Button>\n                  </TooltipTrigger>\n                  <TooltipContent>\n                    {labels?.jumpToPage?.(item.targetPage)}\n                  </TooltipContent>\n                </Tooltip>\n              )\n            }\n\n            const isCurrentPage = item.page === safePage\n\n            return (\n              <Button\n                key={key}\n                variant={isCurrentPage ? \"secondary\" : \"tertiary\"}\n                size=\"icon-sm\"\n                shape=\"normal\"\n                disabled={disabled}\n                onClick={() => onPageChange(item.page)}\n                aria-label={labels?.goToPage?.(item.page)}\n                aria-current={isCurrentPage ? \"page\" : undefined}\n                className={\n                  isCurrentPage\n                    ? styles.pageButtonActive\n                    : styles.pageButtonInactive\n                }\n              >\n                {item.page}\n              </Button>\n            )\n          })}\n\n          {/* Next page button */}\n          <Button\n            variant=\"secondary\"\n            size=\"icon-sm\"\n            shape=\"normal\"\n            disabled={disabled || isLastPage}\n            onClick={() => onPageChange(safePage + 1)}\n            aria-label={labels?.nextPage}\n            className={styles.navButton}\n          >\n            <IconChevronRight />\n          </Button>\n\n          {/* Last page button */}\n          <Button\n            variant=\"secondary\"\n            size=\"icon-sm\"\n            shape=\"normal\"\n            disabled={disabled || isLastPage}\n            onClick={() => onPageChange(totalPages)}\n            aria-label={labels?.lastPage}\n            className={styles.navButton}\n          >\n            <IconLastPage />\n          </Button>\n        </div>\n\n        {/* RIGHT SIDE: Range display and page size selector */}\n        <div className={styles.right}>\n          {/* Range display */}\n          <span\n            data-slot=\"table-pagination-range\"\n            className={styles.range}\n            aria-live=\"polite\"\n          >\n            {labels?.rangeDisplay\n              ? labels.rangeDisplay(start, end, totalItems)\n              : `${start}-${end} / ${totalItems}`}\n          </span>\n\n          {/* Page size selector */}\n          <SelectPrimitive.Root\n            value={String(pageSize)}\n            onValueChange={handlePageSizeChange}\n            disabled={disabled}\n          >\n            <SelectPrimitive.Trigger\n              className={styles.selectTrigger}\n              aria-label={labels?.pageSizeSelector?.(pageSize)}\n            >\n              <SelectPrimitive.Value />\n              <SelectPrimitive.Icon className={styles.selectIcon}>\n                <ChevronDownIcon />\n              </SelectPrimitive.Icon>\n            </SelectPrimitive.Trigger>\n            <SelectPrimitive.Portal>\n              <SelectPrimitive.Content\n                className={styles.selectContent}\n                position=\"popper\"\n                sideOffset={4}\n              >\n                <SelectPrimitive.Viewport className={styles.selectViewport}>\n                  <SelectPrimitive.Group>\n                    {labels?.resultsPerPage && (\n                      <SelectPrimitive.Label className={styles.selectLabel}>\n                        {labels.resultsPerPage}\n                      </SelectPrimitive.Label>\n                    )}\n                    {pageSizeOptions.map((option) => (\n                      <SelectPrimitive.Item\n                        key={option}\n                        value={String(option)}\n                        className={styles.selectItem}\n                      >\n                        <span className={styles.selectItemIndicator}>\n                          <SelectPrimitive.ItemIndicator>\n                            <CheckIcon style={{ width: 16, height: 16 }} />\n                          </SelectPrimitive.ItemIndicator>\n                        </span>\n                        <SelectPrimitive.ItemText>\n                          {option}\n                        </SelectPrimitive.ItemText>\n                      </SelectPrimitive.Item>\n                    ))}\n                  </SelectPrimitive.Group>\n                </SelectPrimitive.Viewport>\n              </SelectPrimitive.Content>\n            </SelectPrimitive.Portal>\n          </SelectPrimitive.Root>\n        </div>\n      </div>\n    </TooltipProvider>\n  )\n})\n"],"names":["IconFirstPage","props","jsxs","jsx","IconChevronLeft","IconChevronRight","IconLastPage","ChevronDownIcon","CheckIcon","DEFAULT_PAGE_SIZE_OPTIONS","useStyles","makeVoltStyles","tokens.spacingGroup1","shorthands","tokens.spacingElement3","tokens.textSm","tokens.leadingSm","tokens.spacingElement2","tokens.grayA3","tokens.accent11","tokens.grayA4","tokens.accentA8","tokens.trackingNormal","tokens.grayA11","tokens.spacingElement1","tokens.radiusLg","tokens.accent8","tokens.grayA6","tokens.semBody","tokens.textXs","tokens.leadingXs","tokens.fontWeightSemibold","tokens.radiusMd","tokens.accentA3","TablePagination","React","page","totalItems","pageSize","onPageChange","onPageSizeChange","pageSizeOptions","siblingCount","disabled","labels","className","ref","ensurePaletteTokens","styles","totalPages","start","end","isFirstPage","isLastPage","calculatePagination","safePage","clampPage","pageItems","getPageNumbers","handlePageSizeChange","value","newSize","TooltipProvider","SLOT_ATTR","mergeClasses","Button","item","index","key","Tooltip","TooltipTrigger","_a","TooltipContent","_b","isCurrentPage","_c","SelectPrimitive.Root","SelectPrimitive.Trigger","SelectPrimitive.Value","SelectPrimitive.Icon","SelectPrimitive.Portal","SelectPrimitive.Content","SelectPrimitive.Viewport","SelectPrimitive.Group","SelectPrimitive.Label","option","SelectPrimitive.Item","SelectPrimitive.ItemIndicator","SelectPrimitive.ItemText"],"mappings":"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"}