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

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

@@ -1,15 +1,16 @@
-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 ne } from "../../packages/volt-runtime/dist/vendor/@griffel/core/src/mergeClasses.js";
-import { makeVoltStyles as re } from "../../styles/make-styles.js";
-import { radiusMd as ie, grayA6 as ae, radiusLg as A, spacingElement3 as ce, accentA3 as W, leadingSm as m, textSm as u, grayA11 as k, fontWeightSemibold as se, leadingXs as de, textXs as ge, semBody as pe, accent8 as he, grayA4 as C, grayA3 as g, spacingElement1 as le, spacingGroup1 as R, accent11 as x, trackingNormal as me, accentA8 as ue, spacingElement2 as ve } from "../../tokens/index.js";
-import { calculatePagination as fe, getPageNumbers as we, clampPage as ke } from "../../lib/pagination.js";
-import { TooltipProvider as Ce, Tooltip as xe, TooltipTrigger as ye, TooltipContent as Ie } from "../tooltip/tooltip.js";
-import { Button as d } from "../button/button.js";
-const Pe = (r) => /* @__PURE__ */ a(
+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(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -21,13 +22,29 @@ const Pe = (r) => /* @__PURE__ */ a(
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    ...r,
+    ...a,
     children: [
-      /* @__PURE__ */ t("path", { d: "M6 6v12" }),
-      /* @__PURE__ */ t("path", { d: "m15 18-6-6 6-6" })
+      /* @__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)
     ]
-  }
-), Ne = (r) => /* @__PURE__ */ t(
+  },
+  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(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -39,10 +56,22 @@ const Pe = (r) => /* @__PURE__ */ a(
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    ...r,
-    children: /* @__PURE__ */ t("path", { d: "m15 18-6-6 6-6" })
-  }
-), Se = (r) => /* @__PURE__ */ t(
+    ...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(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -54,10 +83,22 @@ const Pe = (r) => /* @__PURE__ */ a(
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    ...r,
-    children: /* @__PURE__ */ t("path", { d: "m9 18 6-6-6-6" })
-  }
-), Le = (r) => /* @__PURE__ */ a(
+    ...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(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -69,13 +110,29 @@ const Pe = (r) => /* @__PURE__ */ a(
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    ...r,
+    ...a,
     children: [
-      /* @__PURE__ */ t("path", { d: "m9 18 6-6-6-6" }),
-      /* @__PURE__ */ t("path", { d: "M18 6v12" })
+      /* @__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)
     ]
-  }
-), Be = (r) => /* @__PURE__ */ t(
+  },
+  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(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -87,10 +144,22 @@ const Pe = (r) => /* @__PURE__ */ a(
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    ...r,
-    children: /* @__PURE__ */ t("path", { d: "m6 9 6 6 6-6" })
-  }
-), Te = (r) => /* @__PURE__ */ t(
+    ...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(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -102,33 +171,45 @@ const Pe = (r) => /* @__PURE__ */ a(
     strokeWidth: "2",
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    ...r,
-    children: /* @__PURE__ */ t("path", { d: "M20 6 9 17l-5-5" })
-  }
-), je = [10, 25, 50, 100], ze = re({
+    ...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({
   root: {
     display: "flex",
     alignItems: "center",
     justifyContent: "space-between",
-    gap: R,
-    ...i.paddingBlock(ce),
-    fontSize: u,
-    lineHeight: m
+    gap: B,
+    ...n.paddingBlock(le),
+    fontSize: f,
+    lineHeight: g
   },
   left: {
     display: "flex",
     alignItems: "center",
-    gap: ve
+    gap: xe
   },
   navButton: {
-    backgroundColor: g,
-    color: x,
+    backgroundColor: m,
+    color: h,
     ":hover": {
-      backgroundColor: C
+      backgroundColor: v
     },
     ":disabled": {
-      backgroundColor: g,
-      color: ue,
+      backgroundColor: m,
+      color: de,
       pointerEvents: "none"
     }
   },
@@ -137,32 +218,32 @@ const Pe = (r) => /* @__PURE__ */ a(
   },
   pageButtonInactive: {
     backgroundColor: "transparent",
-    color: x,
+    color: h,
     ":hover": {
-      backgroundColor: g
+      backgroundColor: m
     },
     ":active": {
-      backgroundColor: C
+      backgroundColor: v
     }
   },
   ellipsisButton: {
-    letterSpacing: me,
+    letterSpacing: fe,
     backgroundColor: "transparent",
-    color: x,
+    color: h,
     ":hover": {
-      backgroundColor: g
+      backgroundColor: m
     }
   },
   right: {
     display: "flex",
     alignItems: "center",
-    gap: R,
+    gap: B,
     paddingRight: "0.125rem"
   },
   range: {
-    fontSize: u,
-    lineHeight: m,
-    color: k,
+    fontSize: f,
+    lineHeight: g,
+    color: b,
     fontVariantNumeric: "tabular-nums"
   },
   selectTrigger: {
@@ -172,21 +253,21 @@ const Pe = (r) => /* @__PURE__ */ a(
     minWidth: "4rem",
     alignItems: "center",
     justifyContent: "space-between",
-    gap: le,
-    ...i.borderRadius(A),
-    backgroundColor: g,
-    ...i.paddingInline("0.75rem"),
-    fontSize: u,
-    lineHeight: m,
+    gap: ge,
+    ...n.borderRadius(S),
+    backgroundColor: m,
+    ...n.paddingInline("0.75rem"),
+    fontSize: f,
+    lineHeight: g,
     cursor: "pointer",
-    ...i.borderWidth(0),
+    ...n.borderWidth(0),
     ":hover": {
-      backgroundColor: C
+      backgroundColor: v
     },
     ":focus": {
       outlineWidth: "2px",
       outlineStyle: "solid",
-      outlineColor: he,
+      outlineColor: ue,
       outlineOffset: "2px"
     },
     ":disabled": {
@@ -197,26 +278,26 @@ const Pe = (r) => /* @__PURE__ */ a(
   selectIcon: {
     display: "flex",
     alignItems: "center",
-    color: k
+    color: b
   },
   selectContent: {
     position: "relative",
     zIndex: 50,
-    ...i.overflow("hidden"),
-    ...i.borderRadius(A),
-    ...i.border("1px", "solid", ae),
+    ...n.overflow("hidden"),
+    ...n.borderRadius(S),
+    ...n.border("1px", "solid", te),
     backgroundColor: pe,
     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")
+    ...n.padding("0.25rem")
   },
   selectLabel: {
-    ...i.padding("0.375rem", "0.5rem"),
-    fontSize: ge,
-    lineHeight: de,
+    ...n.padding("0.375rem", "0.5rem"),
+    fontSize: ce,
+    lineHeight: me,
     fontWeight: se,
-    color: k
+    color: b
   },
   selectItem: {
     position: "relative",
@@ -224,16 +305,16 @@ const Pe = (r) => /* @__PURE__ */ a(
     cursor: "pointer",
     userSelect: "none",
     alignItems: "center",
-    ...i.borderRadius(ie),
-    ...i.padding("0.375rem", "0.5rem", "0.375rem", "2rem"),
-    fontSize: u,
-    lineHeight: m,
+    ...n.borderRadius(ne),
+    ...n.padding("0.375rem", "0.5rem", "0.375rem", "2rem"),
+    fontSize: f,
+    lineHeight: g,
     outlineStyle: "none",
     ":focus": {
-      backgroundColor: W
+      backgroundColor: L
     },
     "&[data-state='checked']": {
-      backgroundColor: W
+      backgroundColor: L
     }
   },
   selectItemIndicator: {
@@ -245,189 +326,368 @@ const Pe = (r) => /* @__PURE__ */ a(
     alignItems: "center",
     justifyContent: "center"
   }
-}), _e = F.forwardRef(function({
-  page: y,
-  totalItems: p,
-  pageSize: v,
-  onPageChange: s,
-  onPageSizeChange: E,
-  pageSizeOptions: V = je,
-  siblingCount: $ = 2,
-  disabled: c = !1,
-  labels: e,
-  className: H,
-  ...O
-}, D) {
-  var L;
-  const o = ze(), { totalPages: f, start: I, end: P, isFirstPage: N, isLastPage: S } = fe({
-    page: y,
-    pageSize: v,
-    totalItems: p
-  }), h = ke(y, f), M = we(h, f, $), _ = (n) => {
-    const l = parseInt(n, 10);
-    isNaN(l) || E(l);
+}), _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);
   };
-  return p === 0 ? null : /* @__PURE__ */ t(Ce, { children: /* @__PURE__ */ a(
+  return c === 0 ? null : /* @__PURE__ */ e.jsxDEV(we, { children: /* @__PURE__ */ e.jsxDEV(
     "div",
     {
-      ref: D,
+      ref: O,
       "data-slot": "table-pagination",
-      [oe]: "table-pagination",
+      [re]: "table-pagination",
       "data-fs-element": "TablePagination",
       role: "navigation",
-      "aria-label": e == null ? void 0 : e.navigation,
-      className: ne(o.root, H),
-      ...O,
+      "aria-label": i == null ? void 0 : i.navigation,
+      className: oe(r.root, R),
+      ...W,
       children: [
-        /* @__PURE__ */ a("div", { className: o.left, children: [
-          /* @__PURE__ */ t(
-            d,
+        /* @__PURE__ */ e.jsxDEV("div", { className: r.left, children: [
+          /* @__PURE__ */ e.jsxDEV(
+            s,
             {
               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(Pe, {})
-            }
+              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
           ),
-          /* @__PURE__ */ t(
-            d,
+          /* @__PURE__ */ e.jsxDEV(
+            s,
             {
               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(Ne, {})
-            }
+              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
           ),
-          M.map((n, l) => {
-            var T, j, z;
-            const B = n.type === "ellipsis" ? `ellipsis-${l}-${n.targetPage}` : `page-${n.page}`;
-            if (n.type === "ellipsis")
-              return /* @__PURE__ */ a(xe, { children: [
-                /* @__PURE__ */ t(ye, { asChild: !0, children: /* @__PURE__ */ t(
-                  d,
+          $.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,
                   {
                     variant: "tertiary",
                     size: "icon-sm",
                     shape: "normal",
-                    disabled: c,
-                    onClick: () => s(n.targetPage),
-                    "aria-label": (T = e == null ? void 0 : e.jumpToPage) == null ? void 0 : T.call(e, n.targetPage),
-                    className: o.ellipsisButton,
+                    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,
                     children: "..."
-                  }
-                ) }),
-                /* @__PURE__ */ t(Ie, { children: (j = e == null ? void 0 : e.jumpToPage) == null ? void 0 : j.call(e, n.targetPage) })
-              ] }, B);
-            const w = n.page === h;
-            return /* @__PURE__ */ t(
-              d,
+                  },
+                  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,
               {
-                variant: w ? "secondary" : "tertiary",
+                variant: N ? "secondary" : "tertiary",
                 size: "icon-sm",
                 shape: "normal",
-                disabled: c,
-                onClick: () => s(n.page),
-                "aria-label": (z = e == null ? void 0 : e.goToPage) == null ? void 0 : z.call(e, n.page),
-                "aria-current": w ? "page" : void 0,
-                className: w ? o.pageButtonActive : o.pageButtonInactive,
-                children: n.page
+                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
               },
-              B
+              this
             );
           }),
-          /* @__PURE__ */ t(
-            d,
+          /* @__PURE__ */ e.jsxDEV(
+            s,
             {
               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(Se, {})
-            }
+              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
           ),
-          /* @__PURE__ */ t(
-            d,
+          /* @__PURE__ */ e.jsxDEV(
+            s,
             {
               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(Le, {})
-            }
+              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
           )
-        ] }),
-        /* @__PURE__ */ a("div", { className: o.right, children: [
-          /* @__PURE__ */ t(
+        ] }, 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(
             "span",
             {
               "data-slot": "table-pagination-range",
-              className: o.range,
+              className: r.range,
               "aria-live": "polite",
-              children: e != null && e.rangeDisplay ? e.rangeDisplay(I, P, p) : `${I}-${P} / ${p}`
-            }
+              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
           ),
-          /* @__PURE__ */ a(
-            G,
+          /* @__PURE__ */ e.jsxDEV(
+            _,
             {
-              value: String(v),
-              onValueChange: _,
-              disabled: c,
+              value: String(d),
+              onValueChange: H,
+              disabled: t,
               children: [
-                /* @__PURE__ */ a(
-                  X,
+                /* @__PURE__ */ e.jsxDEV(
+                  F,
                   {
-                    className: o.selectTrigger,
-                    "aria-label": (L = e == null ? void 0 : e.pageSizeSelector) == null ? void 0 : L.call(e, v),
+                    className: r.selectTrigger,
+                    "aria-label": (U = i == null ? void 0 : i.pageSizeSelector) == null ? void 0 : U.call(i, d),
                     children: [
-                      /* @__PURE__ */ t(Q, {}),
-                      /* @__PURE__ */ t(U, { className: o.selectIcon, children: /* @__PURE__ */ t(Be, {}) })
+                      /* @__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)
                     ]
-                  }
+                  },
+                  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__ */ t(Z, { children: /* @__PURE__ */ t(
-                  q,
+                /* @__PURE__ */ e.jsxDEV(Q, { children: /* @__PURE__ */ e.jsxDEV(
+                  Z,
                   {
-                    className: o.selectContent,
+                    className: r.selectContent,
+                    ...k !== void 0 ? { "data-density": k } : {},
                     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((n) => /* @__PURE__ */ a(
-                        b,
+                    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,
                         {
-                          value: String(n),
-                          className: o.selectItem,
+                          value: String(o),
+                          className: r.selectItem,
                           children: [
-                            /* @__PURE__ */ t("span", { className: o.selectItemIndicator, children: /* @__PURE__ */ t(ee, { children: /* @__PURE__ */ t(Te, { style: { width: 16, height: 16 } }) }) }),
-                            /* @__PURE__ */ t(te, { children: n })
+                            /* @__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)
                           ]
                         },
-                        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
                       ))
-                    ] }) })
-                  }
-                ) })
+                    ] }, 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