@epilot/volt-ui-experimental-griffel 0.3.0 → 0.3.1

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

@@ -1,16 +1,16 @@
-import { j as e } from "../../vendor/react/jsx-dev-runtime.js";
-import * as M from "react";
-import { Root as _, Trigger as F, Value as G, Icon as X, Portal as Q, Content as Z, Viewport as q, Group as J, Label as K, Item as Y, ItemIndicator as ee, ItemText as ie } from "../../vendor/@radix-ui/react-select/dist/index.js";
-import { shorthands as n } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/index.js";
-import { SLOT_ATTR as re } from "../../packages/volt-runtime/dist/renderer/contract.js";
-import { mergeClasses as oe } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/mergeClasses.js";
-import { makeVoltStyles as ae } from "../../styles/make-styles.js";
-import { radiusMd as ne, grayA6 as te, radiusLg as S, spacingElement3 as le, accentA3 as L, leadingSm as g, textSm as f, grayA11 as b, fontWeightSemibold as se, leadingXs as me, textXs as ce, semBody as pe, accent8 as ue, grayA4 as v, grayA3 as m, spacingElement1 as ge, spacingGroup1 as B, accent11 as h, trackingNormal as fe, accentA8 as de, spacingElement2 as xe } from "../../tokens/index.js";
-import { useDensity as Ne } from "../density-provider/density-provider.js";
-import { calculatePagination as be, getPageNumbers as ve, clampPage as he } from "../../lib/pagination.js";
-import { TooltipProvider as we, Tooltip as ke, TooltipTrigger as je, TooltipContent as Ee } from "../tooltip/tooltip.js";
-import { Button as s } from "../button/button.js";
-const Ve = (a) => /* @__PURE__ */ e.jsxDEV(
+import { jsx as t, jsxs as a } from "react/jsx-runtime";
+import * as G from "react";
+import { Root as X, Trigger as Q, Value as U, Icon as Z, Portal as q, Content as J, Viewport as K, Group as Y, Label as b, Item as ee, ItemIndicator as te, ItemText as oe } 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 ne } 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 ie } from "../../styles/make-styles.js";
+import { radiusMd as ae, grayA6 as ce, radiusLg as W, spacingElement3 as se, accentA3 as R, leadingSm as m, textSm as u, grayA11 as k, fontWeightSemibold as de, leadingXs as ge, textXs as pe, semBody as he, accent8 as le, grayA4 as y, grayA3 as g, spacingElement1 as me, spacingGroup1 as E, accent11 as C, trackingNormal as ue, accentA8 as ve, spacingElement2 as fe } from "../../tokens/index.js";
+import { useDensity as we } from "../density-provider/density-provider.js";
+import { calculatePagination as ke, getPageNumbers as ye, clampPage as Ce } from "../../lib/pagination.js";
+import { TooltipProvider as xe, Tooltip as Ie, TooltipTrigger as Pe, TooltipContent as Ne } from "../tooltip/tooltip.js";
+import { Button as d } from "../button/button.js";
+const Se = (r) => /* @__PURE__ */ a(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -22,29 +22,13 @@ const Ve = (a) => /* @__PURE__ */ e.jsxDEV(
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    ...a,
+    ...r,
     children: [
-      /* @__PURE__ */ e.jsxDEV("path", { d: "M6 6v12" }, void 0, !1, {
-        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/table/table-pagination.tsx",
-        lineNumber: 37,
-        columnNumber: 5
-      }, void 0),
-      /* @__PURE__ */ e.jsxDEV("path", { d: "m15 18-6-6 6-6" }, void 0, !1, {
-        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/table/table-pagination.tsx",
-        lineNumber: 38,
-        columnNumber: 5
-      }, void 0)
+      /* @__PURE__ */ t("path", { d: "M6 6v12" }),
+      /* @__PURE__ */ t("path", { d: "m15 18-6-6 6-6" })
     ]
-  },
-  void 0,
-  !0,
-  {
-    fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/table/table-pagination.tsx",
-    lineNumber: 25,
-    columnNumber: 3
-  },
-  void 0
-), De = (a) => /* @__PURE__ */ e.jsxDEV(
+  }
+), Le = (r) => /* @__PURE__ */ t(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -56,22 +40,10 @@ const Ve = (a) => /* @__PURE__ */ e.jsxDEV(
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    ...a,
-    children: /* @__PURE__ */ e.jsxDEV("path", { d: "m15 18-6-6 6-6" }, void 0, !1, {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/table/table-pagination.tsx",
-      lineNumber: 55,
-      columnNumber: 5
-    }, void 0)
-  },
-  void 0,
-  !1,
-  {
-    fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/table/table-pagination.tsx",
-    lineNumber: 43,
-    columnNumber: 3
-  },
-  void 0
-), Ue = (a) => /* @__PURE__ */ e.jsxDEV(
+    ...r,
+    children: /* @__PURE__ */ t("path", { d: "m15 18-6-6 6-6" })
+  }
+), Be = (r) => /* @__PURE__ */ t(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -83,22 +55,10 @@ const Ve = (a) => /* @__PURE__ */ e.jsxDEV(
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    ...a,
-    children: /* @__PURE__ */ e.jsxDEV("path", { d: "m9 18 6-6-6-6" }, void 0, !1, {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/table/table-pagination.tsx",
-      lineNumber: 72,
-      columnNumber: 5
-    }, void 0)
-  },
-  void 0,
-  !1,
-  {
-    fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/table/table-pagination.tsx",
-    lineNumber: 60,
-    columnNumber: 3
-  },
-  void 0
-), ye = (a) => /* @__PURE__ */ e.jsxDEV(
+    ...r,
+    children: /* @__PURE__ */ t("path", { d: "m9 18 6-6-6-6" })
+  }
+), Te = (r) => /* @__PURE__ */ a(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -110,29 +70,13 @@ const Ve = (a) => /* @__PURE__ */ e.jsxDEV(
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    ...a,
+    ...r,
     children: [
-      /* @__PURE__ */ e.jsxDEV("path", { d: "m9 18 6-6-6-6" }, void 0, !1, {
-        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/table/table-pagination.tsx",
-        lineNumber: 89,
-        columnNumber: 5
-      }, void 0),
-      /* @__PURE__ */ e.jsxDEV("path", { d: "M18 6v12" }, void 0, !1, {
-        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/table/table-pagination.tsx",
-        lineNumber: 90,
-        columnNumber: 5
-      }, void 0)
+      /* @__PURE__ */ t("path", { d: "m9 18 6-6-6-6" }),
+      /* @__PURE__ */ t("path", { d: "M18 6v12" })
     ]
-  },
-  void 0,
-  !0,
-  {
-    fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/table/table-pagination.tsx",
-    lineNumber: 77,
-    columnNumber: 3
-  },
-  void 0
-), Ce = (a) => /* @__PURE__ */ e.jsxDEV(
+  }
+), je = (r) => /* @__PURE__ */ t(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -144,22 +88,10 @@ const Ve = (a) => /* @__PURE__ */ e.jsxDEV(
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    ...a,
-    children: /* @__PURE__ */ e.jsxDEV("path", { d: "m6 9 6 6 6-6" }, void 0, !1, {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/table/table-pagination.tsx",
-      lineNumber: 108,
-      columnNumber: 5
-    }, void 0)
-  },
-  void 0,
-  !1,
-  {
-    fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/table/table-pagination.tsx",
-    lineNumber: 96,
-    columnNumber: 3
-  },
-  void 0
-), Ie = (a) => /* @__PURE__ */ e.jsxDEV(
+    ...r,
+    children: /* @__PURE__ */ t("path", { d: "m6 9 6 6 6-6" })
+  }
+), ze = (r) => /* @__PURE__ */ t(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -171,45 +103,33 @@ const Ve = (a) => /* @__PURE__ */ e.jsxDEV(
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    ...a,
-    children: /* @__PURE__ */ e.jsxDEV("path", { d: "M20 6 9 17l-5-5" }, void 0, !1, {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/table/table-pagination.tsx",
-      lineNumber: 125,
-      columnNumber: 5
-    }, void 0)
-  },
-  void 0,
-  !1,
-  {
-    fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/table/table-pagination.tsx",
-    lineNumber: 113,
-    columnNumber: 3
-  },
-  void 0
-), Pe = [10, 25, 50, 100], Se = ae({
+    ...r,
+    children: /* @__PURE__ */ t("path", { d: "M20 6 9 17l-5-5" })
+  }
+), Ae = [10, 25, 50, 100], We = ie({
   root: {
     display: "flex",
     alignItems: "center",
     justifyContent: "space-between",
-    gap: B,
-    ...n.paddingBlock(le),
-    fontSize: f,
-    lineHeight: g
+    gap: E,
+    ...i.paddingBlock(se),
+    fontSize: u,
+    lineHeight: m
   },
   left: {
     display: "flex",
     alignItems: "center",
-    gap: xe
+    gap: fe
   },
   navButton: {
-    backgroundColor: m,
-    color: h,
+    backgroundColor: g,
+    color: C,
     ":hover": {
-      backgroundColor: v
+      backgroundColor: y
     },
     ":disabled": {
-      backgroundColor: m,
-      color: de,
+      backgroundColor: g,
+      color: ve,
       pointerEvents: "none"
     }
   },
@@ -218,32 +138,32 @@ const Ve = (a) => /* @__PURE__ */ e.jsxDEV(
   },
   pageButtonInactive: {
     backgroundColor: "transparent",
-    color: h,
+    color: C,
     ":hover": {
-      backgroundColor: m
+      backgroundColor: g
     },
     ":active": {
-      backgroundColor: v
+      backgroundColor: y
     }
   },
   ellipsisButton: {
-    letterSpacing: fe,
+    letterSpacing: ue,
     backgroundColor: "transparent",
-    color: h,
+    color: C,
     ":hover": {
-      backgroundColor: m
+      backgroundColor: g
     }
   },
   right: {
     display: "flex",
     alignItems: "center",
-    gap: B,
+    gap: E,
     paddingRight: "0.125rem"
   },
   range: {
-    fontSize: f,
-    lineHeight: g,
-    color: b,
+    fontSize: u,
+    lineHeight: m,
+    color: k,
     fontVariantNumeric: "tabular-nums"
   },
   selectTrigger: {
@@ -253,21 +173,21 @@ const Ve = (a) => /* @__PURE__ */ e.jsxDEV(
     minWidth: "4rem",
     alignItems: "center",
     justifyContent: "space-between",
-    gap: ge,
-    ...n.borderRadius(S),
-    backgroundColor: m,
-    ...n.paddingInline("0.75rem"),
-    fontSize: f,
-    lineHeight: g,
+    gap: me,
+    ...i.borderRadius(W),
+    backgroundColor: g,
+    ...i.paddingInline("0.75rem"),
+    fontSize: u,
+    lineHeight: m,
     cursor: "pointer",
-    ...n.borderWidth(0),
+    ...i.borderWidth(0),
     ":hover": {
-      backgroundColor: v
+      backgroundColor: y
     },
     ":focus": {
       outlineWidth: "2px",
       outlineStyle: "solid",
-      outlineColor: ue,
+      outlineColor: le,
       outlineOffset: "2px"
     },
     ":disabled": {
@@ -278,26 +198,26 @@ const Ve = (a) => /* @__PURE__ */ e.jsxDEV(
   selectIcon: {
     display: "flex",
     alignItems: "center",
-    color: b
+    color: k
   },
   selectContent: {
     position: "relative",
     zIndex: 50,
-    ...n.overflow("hidden"),
-    ...n.borderRadius(S),
-    ...n.border("1px", "solid", te),
-    backgroundColor: pe,
+    ...i.overflow("hidden"),
+    ...i.borderRadius(W),
+    ...i.border("1px", "solid", ce),
+    backgroundColor: he,
     boxShadow: "0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -2px rgba(0, 0, 0, 0.1)"
   },
   selectViewport: {
-    ...n.padding("0.25rem")
+    ...i.padding("0.25rem")
   },
   selectLabel: {
-    ...n.padding("0.375rem", "0.5rem"),
-    fontSize: ce,
-    lineHeight: me,
-    fontWeight: se,
-    color: b
+    ...i.padding("0.375rem", "0.5rem"),
+    fontSize: pe,
+    lineHeight: ge,
+    fontWeight: de,
+    color: k
   },
   selectItem: {
     position: "relative",
@@ -305,16 +225,16 @@ const Ve = (a) => /* @__PURE__ */ e.jsxDEV(
     cursor: "pointer",
     userSelect: "none",
     alignItems: "center",
-    ...n.borderRadius(ne),
-    ...n.padding("0.375rem", "0.5rem", "0.375rem", "2rem"),
-    fontSize: f,
-    lineHeight: g,
+    ...i.borderRadius(ae),
+    ...i.padding("0.375rem", "0.5rem", "0.375rem", "2rem"),
+    fontSize: u,
+    lineHeight: m,
     outlineStyle: "none",
     ":focus": {
-      backgroundColor: L
+      backgroundColor: R
     },
     "&[data-state='checked']": {
-      backgroundColor: L
+      backgroundColor: R
     }
   },
   selectItemIndicator: {
@@ -326,370 +246,192 @@ const Ve = (a) => /* @__PURE__ */ e.jsxDEV(
     alignItems: "center",
     justifyContent: "center"
   }
-}), _e = M.forwardRef(function({
-  page: w,
-  totalItems: c,
-  pageSize: d,
-  onPageChange: l,
-  onPageSizeChange: T,
-  pageSizeOptions: z = Pe,
-  siblingCount: A = 2,
-  disabled: t = !1,
-  labels: i,
-  className: R,
-  ...W
-}, O) {
-  var U;
-  const r = Se(), k = Ne(), { totalPages: x, start: j, end: E, isFirstPage: V, isLastPage: D } = be({
-    page: w,
-    pageSize: d,
-    totalItems: c
-  }), p = he(w, x), $ = ve(p, x, A), H = (o) => {
-    const u = parseInt(o, 10);
-    isNaN(u) || T(u);
+}), Xe = G.forwardRef(function({
+  page: x,
+  totalItems: p,
+  pageSize: v,
+  onPageChange: s,
+  onPageSizeChange: V,
+  pageSizeOptions: O = Ae,
+  siblingCount: $ = 2,
+  disabled: c = !1,
+  labels: e,
+  className: D,
+  ...H
+}, M) {
+  var B;
+  const o = We(), I = we(), { totalPages: f, start: P, end: N, isFirstPage: S, isLastPage: L } = ke({
+    page: x,
+    pageSize: v,
+    totalItems: p
+  }), h = Ce(x, f), _ = ye(h, f, $), F = (n) => {
+    const l = parseInt(n, 10);
+    isNaN(l) || V(l);
   };
-  return c === 0 ? null : /* @__PURE__ */ e.jsxDEV(we, { children: /* @__PURE__ */ e.jsxDEV(
+  return p === 0 ? null : /* @__PURE__ */ t(xe, { children: /* @__PURE__ */ a(
     "div",
     {
-      ref: O,
+      ref: M,
       "data-slot": "table-pagination",
-      [re]: "table-pagination",
+      [ne]: "table-pagination",
       "data-fs-element": "TablePagination",
       role: "navigation",
-      "aria-label": i == null ? void 0 : i.navigation,
-      className: oe(r.root, R),
-      ...W,
+      "aria-label": e == null ? void 0 : e.navigation,
+      className: re(o.root, D),
+      ...H,
       children: [
-        /* @__PURE__ */ e.jsxDEV("div", { className: r.left, children: [
-          /* @__PURE__ */ e.jsxDEV(
-            s,
+        /* @__PURE__ */ a("div", { className: o.left, children: [
+          /* @__PURE__ */ t(
+            d,
             {
               variant: "secondary",
               size: "icon-sm",
               shape: "normal",
-              disabled: t || V,
-              onClick: () => l(1),
-              "aria-label": i == null ? void 0 : i.firstPage,
-              className: r.navButton,
-              children: /* @__PURE__ */ e.jsxDEV(Ve, {}, void 0, !1, {
-                fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/table/table-pagination.tsx",
-                lineNumber: 390,
-                columnNumber: 13
-              }, this)
-            },
-            void 0,
-            !1,
-            {
-              fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/table/table-pagination.tsx",
-              lineNumber: 381,
-              columnNumber: 11
-            },
-            this
+              disabled: c || S,
+              onClick: () => s(1),
+              "aria-label": e == null ? void 0 : e.firstPage,
+              className: o.navButton,
+              children: /* @__PURE__ */ t(Se, {})
+            }
           ),
-          /* @__PURE__ */ e.jsxDEV(
-            s,
+          /* @__PURE__ */ t(
+            d,
             {
               variant: "secondary",
               size: "icon-sm",
               shape: "normal",
-              disabled: t || V,
-              onClick: () => l(p - 1),
-              "aria-label": i == null ? void 0 : i.previousPage,
-              className: r.navButton,
-              children: /* @__PURE__ */ e.jsxDEV(De, {}, void 0, !1, {
-                fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/table/table-pagination.tsx",
-                lineNumber: 403,
-                columnNumber: 13
-              }, this)
-            },
-            void 0,
-            !1,
-            {
-              fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/table/table-pagination.tsx",
-              lineNumber: 394,
-              columnNumber: 11
-            },
-            this
+              disabled: c || S,
+              onClick: () => s(h - 1),
+              "aria-label": e == null ? void 0 : e.previousPage,
+              className: o.navButton,
+              children: /* @__PURE__ */ t(Le, {})
+            }
           ),
-          $.map((o, u) => {
-            var C, I, P;
-            const y = o.type === "ellipsis" ? `ellipsis-${u}-${o.targetPage}` : `page-${o.page}`;
-            if (o.type === "ellipsis")
-              return /* @__PURE__ */ e.jsxDEV(ke, { children: [
-                /* @__PURE__ */ e.jsxDEV(je, { asChild: !0, children: /* @__PURE__ */ e.jsxDEV(
-                  s,
+          _.map((n, l) => {
+            var j, z, A;
+            const T = n.type === "ellipsis" ? `ellipsis-${l}-${n.targetPage}` : `page-${n.page}`;
+            if (n.type === "ellipsis")
+              return /* @__PURE__ */ a(Ie, { children: [
+                /* @__PURE__ */ t(Pe, { asChild: !0, children: /* @__PURE__ */ t(
+                  d,
                   {
                     variant: "tertiary",
                     size: "icon-sm",
                     shape: "normal",
-                    disabled: t,
-                    onClick: () => l(o.targetPage),
-                    "aria-label": (C = i == null ? void 0 : i.jumpToPage) == null ? void 0 : C.call(i, o.targetPage),
-                    className: r.ellipsisButton,
+                    disabled: c,
+                    onClick: () => s(n.targetPage),
+                    "aria-label": (j = e == null ? void 0 : e.jumpToPage) == null ? void 0 : j.call(e, n.targetPage),
+                    className: o.ellipsisButton,
                     children: "..."
-                  },
-                  void 0,
-                  !1,
-                  {
-                    fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/table/table-pagination.tsx",
-                    lineNumber: 417,
-                    columnNumber: 21
-                  },
-                  this
-                ) }, void 0, !1, {
-                  fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/table/table-pagination.tsx",
-                  lineNumber: 416,
-                  columnNumber: 19
-                }, this),
-                /* @__PURE__ */ e.jsxDEV(Ee, { children: (I = i == null ? void 0 : i.jumpToPage) == null ? void 0 : I.call(i, o.targetPage) }, void 0, !1, {
-                  fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/table/table-pagination.tsx",
-                  lineNumber: 429,
-                  columnNumber: 19
-                }, this)
-              ] }, y, !0, {
-                fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/table/table-pagination.tsx",
-                lineNumber: 415,
-                columnNumber: 17
-              }, this);
-            const N = o.page === p;
-            return /* @__PURE__ */ e.jsxDEV(
-              s,
+                  }
+                ) }),
+                /* @__PURE__ */ t(Ne, { children: (z = e == null ? void 0 : e.jumpToPage) == null ? void 0 : z.call(e, n.targetPage) })
+              ] }, T);
+            const w = n.page === h;
+            return /* @__PURE__ */ t(
+              d,
               {
-                variant: N ? "secondary" : "tertiary",
+                variant: w ? "secondary" : "tertiary",
                 size: "icon-sm",
                 shape: "normal",
-                disabled: t,
-                onClick: () => l(o.page),
-                "aria-label": (P = i == null ? void 0 : i.goToPage) == null ? void 0 : P.call(i, o.page),
-                "aria-current": N ? "page" : void 0,
-                className: N ? r.pageButtonActive : r.pageButtonInactive,
-                children: o.page
-              },
-              y,
-              !1,
-              {
-                fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/table/table-pagination.tsx",
-                lineNumber: 439,
-                columnNumber: 15
+                disabled: c,
+                onClick: () => s(n.page),
+                "aria-label": (A = e == null ? void 0 : e.goToPage) == null ? void 0 : A.call(e, n.page),
+                "aria-current": w ? "page" : void 0,
+                className: w ? o.pageButtonActive : o.pageButtonInactive,
+                children: n.page
               },
-              this
+              T
             );
           }),
-          /* @__PURE__ */ e.jsxDEV(
-            s,
+          /* @__PURE__ */ t(
+            d,
             {
               variant: "secondary",
               size: "icon-sm",
               shape: "normal",
-              disabled: t || D,
-              onClick: () => l(p + 1),
-              "aria-label": i == null ? void 0 : i.nextPage,
-              className: r.navButton,
-              children: /* @__PURE__ */ e.jsxDEV(Ue, {}, void 0, !1, {
-                fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/table/table-pagination.tsx",
-                lineNumber: 469,
-                columnNumber: 13
-              }, this)
-            },
-            void 0,
-            !1,
-            {
-              fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/table/table-pagination.tsx",
-              lineNumber: 460,
-              columnNumber: 11
-            },
-            this
+              disabled: c || L,
+              onClick: () => s(h + 1),
+              "aria-label": e == null ? void 0 : e.nextPage,
+              className: o.navButton,
+              children: /* @__PURE__ */ t(Be, {})
+            }
           ),
-          /* @__PURE__ */ e.jsxDEV(
-            s,
+          /* @__PURE__ */ t(
+            d,
             {
               variant: "secondary",
               size: "icon-sm",
               shape: "normal",
-              disabled: t || D,
-              onClick: () => l(x),
-              "aria-label": i == null ? void 0 : i.lastPage,
-              className: r.navButton,
-              children: /* @__PURE__ */ e.jsxDEV(ye, {}, void 0, !1, {
-                fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/table/table-pagination.tsx",
-                lineNumber: 482,
-                columnNumber: 13
-              }, this)
-            },
-            void 0,
-            !1,
-            {
-              fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/table/table-pagination.tsx",
-              lineNumber: 473,
-              columnNumber: 11
-            },
-            this
+              disabled: c || L,
+              onClick: () => s(f),
+              "aria-label": e == null ? void 0 : e.lastPage,
+              className: o.navButton,
+              children: /* @__PURE__ */ t(Te, {})
+            }
           )
-        ] }, void 0, !0, {
-          fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/table/table-pagination.tsx",
-          lineNumber: 379,
-          columnNumber: 9
-        }, this),
-        /* @__PURE__ */ e.jsxDEV("div", { className: r.right, children: [
-          /* @__PURE__ */ e.jsxDEV(
+        ] }),
+        /* @__PURE__ */ a("div", { className: o.right, children: [
+          /* @__PURE__ */ t(
             "span",
             {
               "data-slot": "table-pagination-range",
-              className: r.range,
+              className: o.range,
               "aria-live": "polite",
-              children: i != null && i.rangeDisplay ? i.rangeDisplay(j, E, c) : `${j}-${E} / ${c}`
-            },
-            void 0,
-            !1,
-            {
-              fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/table/table-pagination.tsx",
-              lineNumber: 489,
-              columnNumber: 11
-            },
-            this
+              children: e != null && e.rangeDisplay ? e.rangeDisplay(P, N, p) : `${P}-${N} / ${p}`
+            }
           ),
-          /* @__PURE__ */ e.jsxDEV(
-            _,
+          /* @__PURE__ */ a(
+            X,
             {
-              value: String(d),
-              onValueChange: H,
-              disabled: t,
+              value: String(v),
+              onValueChange: F,
+              disabled: c,
               children: [
-                /* @__PURE__ */ e.jsxDEV(
-                  F,
+                /* @__PURE__ */ a(
+                  Q,
                   {
-                    className: r.selectTrigger,
-                    "aria-label": (U = i == null ? void 0 : i.pageSizeSelector) == null ? void 0 : U.call(i, d),
+                    className: o.selectTrigger,
+                    "aria-label": (B = e == null ? void 0 : e.pageSizeSelector) == null ? void 0 : B.call(e, v),
                     children: [
-                      /* @__PURE__ */ e.jsxDEV(G, {}, void 0, !1, {
-                        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/table/table-pagination.tsx",
-                        lineNumber: 509,
-                        columnNumber: 15
-                      }, this),
-                      /* @__PURE__ */ e.jsxDEV(X, { className: r.selectIcon, children: /* @__PURE__ */ e.jsxDEV(Ce, {}, void 0, !1, {
-                        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/table/table-pagination.tsx",
-                        lineNumber: 511,
-                        columnNumber: 17
-                      }, this) }, void 0, !1, {
-                        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/table/table-pagination.tsx",
-                        lineNumber: 510,
-                        columnNumber: 15
-                      }, this)
+                      /* @__PURE__ */ t(U, {}),
+                      /* @__PURE__ */ t(Z, { className: o.selectIcon, children: /* @__PURE__ */ t(je, {}) })
                     ]
-                  },
-                  void 0,
-                  !0,
-                  {
-                    fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/table/table-pagination.tsx",
-                    lineNumber: 505,
-                    columnNumber: 13
-                  },
-                  this
+                  }
                 ),
-                /* @__PURE__ */ e.jsxDEV(Q, { children: /* @__PURE__ */ e.jsxDEV(
-                  Z,
+                /* @__PURE__ */ t(q, { children: /* @__PURE__ */ t(
+                  J,
                   {
-                    className: r.selectContent,
-                    ...k !== void 0 ? { "data-density": k } : {},
+                    className: o.selectContent,
+                    ...I !== void 0 ? { "data-density": I } : {},
                     position: "popper",
                     sideOffset: 4,
-                    children: /* @__PURE__ */ e.jsxDEV(q, { className: r.selectViewport, children: /* @__PURE__ */ e.jsxDEV(J, { children: [
-                      (i == null ? void 0 : i.resultsPerPage) && /* @__PURE__ */ e.jsxDEV(K, { className: r.selectLabel, children: i.resultsPerPage }, void 0, !1, {
-                        fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/table/table-pagination.tsx",
-                        lineNumber: 526,
-                        columnNumber: 23
-                      }, this),
-                      z.map((o) => /* @__PURE__ */ e.jsxDEV(
-                        Y,
+                    children: /* @__PURE__ */ t(K, { className: o.selectViewport, children: /* @__PURE__ */ a(Y, { children: [
+                      (e == null ? void 0 : e.resultsPerPage) && /* @__PURE__ */ t(b, { className: o.selectLabel, children: e.resultsPerPage }),
+                      O.map((n) => /* @__PURE__ */ a(
+                        ee,
                         {
-                          value: String(o),
-                          className: r.selectItem,
+                          value: String(n),
+                          className: o.selectItem,
                           children: [
-                            /* @__PURE__ */ e.jsxDEV("span", { className: r.selectItemIndicator, children: /* @__PURE__ */ e.jsxDEV(ee, { children: /* @__PURE__ */ e.jsxDEV(Ie, { style: { width: 16, height: 16 } }, void 0, !1, {
-                              fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/table/table-pagination.tsx",
-                              lineNumber: 538,
-                              columnNumber: 29
-                            }, this) }, void 0, !1, {
-                              fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/table/table-pagination.tsx",
-                              lineNumber: 537,
-                              columnNumber: 27
-                            }, this) }, void 0, !1, {
-                              fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/table/table-pagination.tsx",
-                              lineNumber: 536,
-                              columnNumber: 25
-                            }, this),
-                            /* @__PURE__ */ e.jsxDEV(ie, { children: o }, void 0, !1, {
-                              fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/table/table-pagination.tsx",
-                              lineNumber: 541,
-                              columnNumber: 25
-                            }, this)
+                            /* @__PURE__ */ t("span", { className: o.selectItemIndicator, children: /* @__PURE__ */ t(te, { children: /* @__PURE__ */ t(ze, { style: { width: 16, height: 16 } }) }) }),
+                            /* @__PURE__ */ t(oe, { children: n })
                           ]
                         },
-                        o,
-                        !0,
-                        {
-                          fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/table/table-pagination.tsx",
-                          lineNumber: 531,
-                          columnNumber: 23
-                        },
-                        this
+                        n
                       ))
-                    ] }, void 0, !0, {
-                      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/table/table-pagination.tsx",
-                      lineNumber: 524,
-                      columnNumber: 19
-                    }, this) }, void 0, !1, {
-                      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/table/table-pagination.tsx",
-                      lineNumber: 523,
-                      columnNumber: 17
-                    }, this)
-                  },
-                  void 0,
-                  !1,
-                  {
-                    fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/table/table-pagination.tsx",
-                    lineNumber: 515,
-                    columnNumber: 15
-                  },
-                  this
-                ) }, void 0, !1, {
-                  fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/table/table-pagination.tsx",
-                  lineNumber: 514,
-                  columnNumber: 13
-                }, this)
+                    ] }) })
+                  }
+                ) })
               ]
-            },
-            void 0,
-            !0,
-            {
-              fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/table/table-pagination.tsx",
-              lineNumber: 500,
-              columnNumber: 11
-            },
-            this
+            }
           )
-        ] }, void 0, !0, {
-          fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/table/table-pagination.tsx",
-          lineNumber: 487,
-          columnNumber: 9
-        }, this)
+        ] })
       ]
-    },
-    void 0,
-    !0,
-    {
-      fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/table/table-pagination.tsx",
-      lineNumber: 368,
-      columnNumber: 7
-    },
-    this
-  ) }, void 0, !1, {
-    fileName: "/Users/wilianmolinari/repos/volt-ui-rollout/release/packages/experimental-griffel/src/components/table/table-pagination.tsx",
-    lineNumber: 367,
-    columnNumber: 5
-  }, this);
+    }
+  ) });
 });
 export {
-  _e as TablePagination
+  Xe as TablePagination
 };
 //# sourceMappingURL=table-pagination.js.map