@purpurds/pagination 8.11.0 → 8.12.0

package/dist/pagination.d.ts

@@ -1,6 +1,5 @@
 import { default as React } from 'react';
 import { LinkProps, NoLinkProps } from './types';
-
 export type PaginationTexts = {
     nextButtonAriaLabel: string;
     /**

package/dist/pagination.es.js

@@ -1,6 +1,6 @@
-import { jsx as s, jsxs as v } from "react/jsx-runtime";
+import { jsx as s, jsxs as h } from "react/jsx-runtime";
 import * as l from "react";
-import { forwardRef as A, useId as ir, useMemo as Vr, createElement as ce, useState as er, useEffect as _e } from "react";
+import { forwardRef as z, useId as ir, useMemo as Vr, createElement as ce, useState as er, useEffect as _e } from "react";
 import "react-dom";
 function de(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -39,7 +39,7 @@ function fe() {
   })(lr)), lr.exports;
 }
 var me = fe();
-const he = /* @__PURE__ */ de(me), ve = {
+const ve = /* @__PURE__ */ de(me), he = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -47,7 +47,7 @@ const he = /* @__PURE__ */ de(me), ve = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, ye = he.bind(ve), gr = "purpur-icon", $e = "md", be = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), xe = ({ content: e = "", title: n } = {}) => {
+}, ye = ve.bind(he), gr = "purpur-icon", $e = "md", be = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), xe = ({ content: e = "", title: n } = {}) => {
   const i = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
@@ -101,7 +101,7 @@ function Oe(...e) {
 // @__NO_SIDE_EFFECTS__
 function Ce(e) {
   const n = /* @__PURE__ */ Pe(e), i = l.forwardRef((o, a) => {
-    const { children: r, ...t } = o, p = l.Children.toArray(r), g = p.find(Ae);
+    const { children: r, ...t } = o, p = l.Children.toArray(r), g = p.find(ze);
     if (g) {
       const c = g.props.children, f = p.map((u) => u === g ? l.Children.count(c) > 1 ? l.Children.only(null) : l.isValidElement(c) ? c.props.children : null : u);
       return /* @__PURE__ */ s(n, { ...t, ref: a, children: l.isValidElement(c) ? l.cloneElement(c, void 0, f) : null });
@@ -115,7 +115,7 @@ function Pe(e) {
   const n = l.forwardRef((i, o) => {
     const { children: a, ...r } = i;
     if (l.isValidElement(a)) {
-      const t = Re(a), p = ze(r, a.props);
+      const t = Re(a), p = Ae(r, a.props);
       return a.type !== l.Fragment && (p.ref = o ? Oe(o, t) : t), l.cloneElement(a, p);
     }
     return l.Children.count(a) > 1 ? l.Children.only(null) : null;
@@ -123,10 +123,10 @@ function Pe(e) {
   return n.displayName = `${e}.SlotClone`, n;
 }
 var je = Symbol("radix.slottable");
-function Ae(e) {
+function ze(e) {
   return l.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === je;
 }
-function ze(e, n) {
+function Ae(e, n) {
   const i = { ...n };
   for (const o in n) {
     const a = e[o], r = n[o];
@@ -227,7 +227,7 @@ function Ve() {
   })(X)), X.exports;
 }
 var We = Ve();
-const z = /* @__PURE__ */ De(We), Zr = (e) => {
+const A = /* @__PURE__ */ De(We), Zr = (e) => {
   window.location.href = e;
 }, Be = {
   "purpur-pagination": "_purpur-pagination_1g3as_1",
@@ -410,9 +410,9 @@ const it = /* @__PURE__ */ rt(tt), nt = {
 function pt(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var hr = { exports: {} }, vr;
+var vr = { exports: {} }, hr;
 function ot() {
-  return vr || (vr = 1, (function(e) {
+  return hr || (hr = 1, (function(e) {
     (function() {
       var n = {}.hasOwnProperty;
       function i() {
@@ -441,24 +441,25 @@ function ot() {
       }
       e.exports ? (i.default = i, e.exports = i) : window.classNames = i;
     })();
-  })(hr)), hr.exports;
+  })(vr)), vr.exports;
 }
 var st = ot();
 const lt = /* @__PURE__ */ pt(st), ut = {
-  "purpur-paragraph": "_purpur-paragraph_1rh57_1",
-  "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1rh57_7",
-  "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1rh57_10",
-  "purpur-paragraph--negative": "_purpur-paragraph--negative_1rh57_13",
-  "purpur-paragraph--paragraph-100": "_purpur-paragraph--paragraph-100_1rh57_16",
-  "purpur-paragraph--paragraph-100-medium": "_purpur-paragraph--paragraph-100-medium_1rh57_22",
-  "purpur-paragraph--paragraph-100-bold": "_purpur-paragraph--paragraph-100-bold_1rh57_29",
-  "purpur-paragraph--paragraph-200": "_purpur-paragraph--paragraph-200_1rh57_36",
-  "purpur-paragraph--preamble-100": "_purpur-paragraph--preamble-100_1rh57_42",
-  "purpur-paragraph--preamble-200": "_purpur-paragraph--preamble-200_1rh57_48",
-  "purpur-paragraph--additional-100": "_purpur-paragraph--additional-100_1rh57_54",
-  "purpur-paragraph--additional-100-medium": "_purpur-paragraph--additional-100-medium_1rh57_60",
-  "purpur-paragraph--overline-100": "_purpur-paragraph--overline-100_1rh57_67",
-  "purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_1rh57_75"
+  "purpur-paragraph": "_purpur-paragraph_1vz75_1",
+  "purpur-paragraph--disabled": "_purpur-paragraph--disabled_1vz75_7",
+  "purpur-paragraph--hyphens": "_purpur-paragraph--hyphens_1vz75_10",
+  "purpur-paragraph--negative": "_purpur-paragraph--negative_1vz75_13",
+  "purpur-paragraph--paragraph-100": "_purpur-paragraph--paragraph-100_1vz75_16",
+  "purpur-paragraph--paragraph-100-medium": "_purpur-paragraph--paragraph-100-medium_1vz75_22",
+  "purpur-paragraph--paragraph-100-bold": "_purpur-paragraph--paragraph-100-bold_1vz75_29",
+  "purpur-paragraph--paragraph-200": "_purpur-paragraph--paragraph-200_1vz75_36",
+  "purpur-paragraph--preamble-100": "_purpur-paragraph--preamble-100_1vz75_42",
+  "purpur-paragraph--preamble-200": "_purpur-paragraph--preamble-200_1vz75_48",
+  "purpur-paragraph--additional-100": "_purpur-paragraph--additional-100_1vz75_54",
+  "purpur-paragraph--additional-100-medium": "_purpur-paragraph--additional-100-medium_1vz75_60",
+  "purpur-paragraph--additional-100-bold": "_purpur-paragraph--additional-100-bold_1vz75_67",
+  "purpur-paragraph--overline-100": "_purpur-paragraph--overline-100_1vz75_74",
+  "purpur-paragraph--overline-200": "_purpur-paragraph--overline-200_1vz75_82"
 }, gt = lt.bind(ut), ct = {
   PARAGRAPH100: "paragraph-100"
 }, E = "purpur-paragraph", ar = ({
@@ -515,7 +516,7 @@ function dt() {
   })(yr)), yr.exports;
 }
 var ft = dt();
-const mt = /* @__PURE__ */ _t(ft), ht = {
+const mt = /* @__PURE__ */ _t(ft), vt = {
   "purpur-icon": "_purpur-icon_8u1lq_1",
   "purpur-icon--xxs": "_purpur-icon--xxs_8u1lq_4",
   "purpur-icon--xs": "_purpur-icon--xs_8u1lq_8",
@@ -523,7 +524,7 @@ const mt = /* @__PURE__ */ _t(ft), ht = {
   "purpur-icon--md": "_purpur-icon--md_8u1lq_16",
   "purpur-icon--lg": "_purpur-icon--lg_8u1lq_20",
   "purpur-icon--xl": "_purpur-icon--xl_8u1lq_24"
-}, vt = mt.bind(ht), br = "purpur-icon", yt = "md", $t = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), bt = ({ content: e = "", title: n } = {}) => {
+}, ht = mt.bind(vt), br = "purpur-icon", yt = "md", $t = (e) => e.filter((n) => Object.keys(n).length >= 1).map((n) => `${n.name}="${n.value}"`).join(" "), bt = ({ content: e = "", title: n } = {}) => {
   const i = [
     { name: "xmlns", value: "http://www.w3.org/2000/svg" },
     { name: "fill", value: "currentColor" },
@@ -535,7 +536,7 @@ const mt = /* @__PURE__ */ _t(ft), ht = {
   const r = bt({
     content: xt(e.svg),
     title: n
-  }), t = vt(br, `${br}--${o}`, i);
+  }), t = ht(br, `${br}--${o}`, i);
   return /* @__PURE__ */ s("span", { className: t, dangerouslySetInnerHTML: { __html: r }, ...a });
 };
 Jr.displayName = "Icon";
@@ -592,7 +593,7 @@ const Ct = /* @__PURE__ */ St(Ot), Pt = {
   negative: i = !1,
   ["aria-relevant"]: o = "additions text",
   ...a
-}) => /* @__PURE__ */ v(
+}) => /* @__PURE__ */ h(
   "div",
   {
     className: Sr(n, T, {
@@ -607,11 +608,11 @@ const Ct = /* @__PURE__ */ St(Ot), Pt = {
     ]
   }
 );
-function At(e) {
+function zt(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
 var Nr = { exports: {} }, Or;
-function zt() {
+function At() {
   return Or || (Or = 1, (function(e) {
     (function() {
       var n = {}.hasOwnProperty;
@@ -643,8 +644,8 @@ function zt() {
     })();
   })(Nr)), Nr.exports;
 }
-var Rt = zt();
-const Et = /* @__PURE__ */ At(Rt), Mt = {
+var Rt = At();
+const Et = /* @__PURE__ */ zt(Rt), Mt = {
   "purpur-field-helper-text": "_purpur-field-helper-text_11nsh_1",
   "purpur-field-helper-text--disabled": "_purpur-field-helper-text--disabled_11nsh_9",
   "purpur-field-helper-text--negative": "_purpur-field-helper-text--negative_11nsh_12"
@@ -737,7 +738,7 @@ const Qt = {
   category: "utility"
 }, Qr = (e) => /* @__PURE__ */ s(pr, { ...e, svg: Qt });
 Qr.displayName = "IconChevronDown";
-function Ar(e, n) {
+function zr(e, n) {
   if (typeof e == "function")
     return e(n);
   e != null && (e.current = n);
@@ -746,14 +747,14 @@ function Ut(...e) {
   return (n) => {
     let i = !1;
     const o = e.map((a) => {
-      const r = Ar(a, n);
+      const r = zr(a, n);
       return !i && typeof r == "function" && (i = !0), r;
     });
     if (i)
       return () => {
         for (let a = 0; a < o.length; a++) {
           const r = o[a];
-          typeof r == "function" ? r() : Ar(e[a], null);
+          typeof r == "function" ? r() : zr(e[a], null);
         }
       };
   };
@@ -849,7 +850,7 @@ var oi = Xr;
 function si(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
 }
-var zr = { exports: {} }, Rr;
+var Ar = { exports: {} }, Rr;
 function li() {
   return Rr || (Rr = 1, (function(e) {
     (function() {
@@ -880,7 +881,7 @@ function li() {
       }
       e.exports ? (i.default = i, e.exports = i) : window.classNames = i;
     })();
-  })(zr)), zr.exports;
+  })(Ar)), Ar.exports;
 }
 var ui = li();
 const gi = /* @__PURE__ */ si(ui), ci = {
@@ -936,8 +937,8 @@ function mi() {
     })();
   })(Er)), Er.exports;
 }
-var hi = mi();
-const vi = /* @__PURE__ */ fi(hi), yi = "_rotate_12t9p_1", $i = "_dash_12t9p_1", bi = {
+var vi = mi();
+const hi = /* @__PURE__ */ fi(vi), yi = "_rotate_12t9p_1", $i = "_dash_12t9p_1", bi = {
   "purpur-spinner": "_purpur-spinner_12t9p_2",
   rotate: yi,
   "purpur-spinner--xxs": "_purpur-spinner--xxs_12t9p_6",
@@ -949,7 +950,7 @@ const vi = /* @__PURE__ */ fi(hi), yi = "_rotate_12t9p_1", $i = "_dash_12t9p_1",
   dash: $i,
   "purpur-spinner__circle--disabled": "_purpur-spinner__circle--disabled_12t9p_41",
   "purpur-spinner__circle--negative": "_purpur-spinner__circle--negative_12t9p_44"
-}, qr = vi.bind(bi), M = "purpur-spinner", xi = {
+}, qr = hi.bind(bi), M = "purpur-spinner", xi = {
   SM: "sm"
 }, Yr = ({
   disabled: e = !1,
@@ -1027,7 +1028,7 @@ const Oi = /* @__PURE__ */ wi(Ni), Ci = {
   "purpur-select__select-icon--disabled": "_purpur-select__select-icon--disabled_t7uxd_133",
   "purpur-select__select-icon--negative": "_purpur-select__select-icon--negative_t7uxd_136",
   "purpur-select__valid-icon": "_purpur-select__valid-icon_t7uxd_142"
-}, N = Oi.bind(Ci), _ = "purpur-select", or = A(
+}, N = Oi.bind(Ci), _ = "purpur-select", or = z(
   ({
     label: e,
     options: n,
@@ -1052,14 +1053,14 @@ const Oi = /* @__PURE__ */ wi(Ni), Ci = {
       [`${_}__select-icon--readonly`]: p && !u.disabled,
       [`${_}__select-icon--is-valid`]: y,
       [`${_}__select-icon--negative`]: r
-    }), y && N(`${_}__valid-icon`), /* @__PURE__ */ v(
+    }), y && N(`${_}__valid-icon`), /* @__PURE__ */ h(
       "div",
       {
         className: N(_, i, {
           [`${_}--negative`]: r
         }),
         children: [
-          e && /* @__PURE__ */ v(
+          e && /* @__PURE__ */ h(
             di,
             {
               htmlFor: $,
@@ -1073,8 +1074,8 @@ const Oi = /* @__PURE__ */ wi(Ni), Ci = {
               ]
             }
           ),
-          /* @__PURE__ */ s("div", { className: N(`${_}__field-row`), children: /* @__PURE__ */ v("div", { className: C, children: [
-            /* @__PURE__ */ v(
+          /* @__PURE__ */ s("div", { className: N(`${_}__field-row`), children: /* @__PURE__ */ h("div", { className: C, children: [
+            /* @__PURE__ */ h(
               "select",
               {
                 ...u,
@@ -1099,7 +1100,7 @@ const Oi = /* @__PURE__ */ wi(Ni), Ci = {
                 ]
               }
             ),
-            /* @__PURE__ */ v("div", { className: N(`${_}__end-adornments`), children: [
+            /* @__PURE__ */ h("div", { className: N(`${_}__end-adornments`), children: [
               f ? /* @__PURE__ */ s(
                 Yr,
                 {
@@ -1169,16 +1170,16 @@ const Oi = /* @__PURE__ */ wi(Ni), Ci = {
   `${n}--option--${i}`
 );
 or.displayName = "Select";
-const Ai = {
+const zi = {
   "purpur-pagination-page-selector": "_purpur-pagination-page-selector_7pxsw_1",
   "purpur-pagination-page-selector__select-container": "_purpur-pagination-page-selector__select-container_7pxsw_6",
   "purpur-pagination-page-selector__of-total-pages-label": "_purpur-pagination-page-selector__of-total-pages-label_7pxsw_10"
-}, zi = (e) => ({
+}, Ai = (e) => ({
   options: Vr(
     () => Array.from({ length: e }, (i, o) => ({ label: `${o + 1}`, value: `${o + 1}` })),
     [e]
   )
-}), B = z.bind(Ai), L = "purpur-pagination-page-selector", Ir = A(
+}), B = A.bind(zi), L = "purpur-pagination-page-selector", Ir = z(
   ({
     ["data-testid"]: e = "purpur-pagination-page-selector",
     asLink: n,
@@ -1193,15 +1194,15 @@ const Ai = {
     pageSelectorLabel: f,
     ...u
   }, x) => {
-    const d = ir(), y = B(i, L), { options: O } = zi(t), $ = (w) => {
+    const d = ir(), y = B(i, L), { options: O } = Ai(t), $ = (w) => {
       const C = w.target.value ? Number(w.target.value) : 1;
       if (p(C), n) {
         const P = a?.(C) ?? "";
         r(C, P);
       }
     };
-    return /* @__PURE__ */ v("div", { className: y, "data-testid": e, ref: x, ...u, children: [
-      /* @__PURE__ */ v("div", { className: B(`${L}__select-container`), children: [
+    return /* @__PURE__ */ h("div", { className: y, "data-testid": e, ref: x, ...u, children: [
+      /* @__PURE__ */ h("div", { className: B(`${L}__select-container`), children: [
         /* @__PURE__ */ s(R, { children: /* @__PURE__ */ s(Gr, { "data-testid": `${e}-label`, htmlFor: d, children: f }) }),
         /* @__PURE__ */ s(
           or,
@@ -1240,7 +1241,7 @@ const Ri = {
     })),
     [e]
   )
-}), Z = z.bind(Ri), H = "purpur-pagination-page-size-selector", re = A(
+}), Z = A.bind(Ri), H = "purpur-pagination-page-size-selector", re = z(
   ({
     ["data-testid"]: e = "purpur-pagination-page-size-selector",
     asLink: n,
@@ -1260,7 +1261,7 @@ const Ri = {
         r ? r({ currentPage: 1, pageSize: $, url: w }) : Zr(w);
       }
     };
-    return /* @__PURE__ */ v("div", { className: x, "data-testid": e, ref: f, ...c, children: [
+    return /* @__PURE__ */ h("div", { className: x, "data-testid": e, ref: f, ...c, children: [
       /* @__PURE__ */ s(
         Gr,
         {
@@ -1303,7 +1304,7 @@ const Mi = {
   "purpur-pagination-page-trigger__trigger-item--expressive-negative": "_purpur-pagination-page-trigger__trigger-item--expressive-negative_1pnyd_121",
   "purpur-pagination-page-trigger__trigger-item--page-trigger": "_purpur-pagination-page-trigger__trigger-item--page-trigger_1pnyd_133",
   "purpur-pagination-page-trigger__trigger-item--selected": "_purpur-pagination-page-trigger__trigger-item--selected_1pnyd_142"
-}, F = z.bind(Mi), b = "purpur-pagination-page-trigger", ee = A(
+}, F = A.bind(Mi), b = "purpur-pagination-page-trigger", ee = z(
   ({
     ["data-testid"]: e = "purpur-pagination-page-trigger",
     linkElement: n,
@@ -1318,7 +1319,7 @@ const Mi = {
     ...f
   }, u) => {
     const x = F(o, b);
-    return /* @__PURE__ */ s("li", { className: x, "data-testid": e, ref: u, ...f, children: i ? a ? /* @__PURE__ */ v(
+    return /* @__PURE__ */ s("li", { className: x, "data-testid": e, ref: u, ...f, children: i ? a ? /* @__PURE__ */ h(
       "span",
       {
         className: F(
@@ -1335,7 +1336,7 @@ const Mi = {
           p
         ]
       }
-    ) : /* @__PURE__ */ v(
+    ) : /* @__PURE__ */ h(
       n,
       {
         className: F(
@@ -1354,7 +1355,7 @@ const Mi = {
           p
         ]
       }
-    ) : /* @__PURE__ */ v(
+    ) : /* @__PURE__ */ h(
       "button",
       {
         "aria-disabled": a,
@@ -1383,7 +1384,7 @@ const qi = {
   "purpur-pagination-pages": "_purpur-pagination-pages_2g8is_1"
 }, ki = {
   "purpur-pagination-truncation-separator": "_purpur-pagination-truncation-separator_b9cij_1"
-}, Di = z.bind(ki), Vi = "purpur-pagination-truncation-separator", te = ({
+}, Di = A.bind(ki), Vi = "purpur-pagination-truncation-separator", te = ({
   ["data-testid"]: e = "purpur-pagination-truncation-separator",
   className: n,
   ["aria-label"]: i,
@@ -1393,7 +1394,7 @@ const qi = {
   return /* @__PURE__ */ s("li", { className: a, "data-testid": e, ...o, children: /* @__PURE__ */ s(ar, { "aria-label": i, children: "..." }) });
 };
 te.displayName = "PaginationTruncationSeparator";
-const Wi = z.bind(qi), Bi = "purpur-pagination-pages", ie = A(
+const Wi = A.bind(qi), Bi = "purpur-pagination-pages", ie = z(
   ({
     ["data-testid"]: e = "purpur-pagination-pages",
     linkElement: n,
@@ -1457,7 +1458,7 @@ const Li = {
   "purpur-pagination-step-trigger__trigger-item--expressive-negative": "_purpur-pagination-step-trigger__trigger-item--expressive-negative_1t19c_118",
   "purpur-pagination-step-trigger__trigger-item--step-trigger": "_purpur-pagination-step-trigger__trigger-item--step-trigger_1t19c_130",
   "purpur-pagination-step-trigger__trigger-item--step-trigger--not-icon-only": "_purpur-pagination-step-trigger__trigger-item--step-trigger--not-icon-only_1t19c_137"
-}, G = z.bind(Li), m = "purpur-pagination-step-trigger", tr = A(
+}, G = A.bind(Li), m = "purpur-pagination-step-trigger", tr = z(
   ({
     ["aria-label"]: e,
     ["data-testid"]: n = "purpur-pagination-step-trigger",
@@ -1548,7 +1549,7 @@ function Hi(e, n) {
   const o = [e - 2, e - 1, e];
   return o.includes(n) ? [1, e - 3, ...o] : [1, n - 1, n, n + 1, e];
 }
-const S = z.bind(Be), h = "purpur-pagination", Fi = A(
+const S = A.bind(Be), v = "purpur-pagination", Fi = z(
   ({
     ["data-testid"]: e = "purpur-pagination",
     linkElement: n = "a",
@@ -1573,7 +1574,7 @@ const S = z.bind(Be), h = "purpur-pagination", Fi = A(
     truncationSeparatorAriaLabel: q,
     ...ne
   }, ae) => {
-    const pe = S(a, h), [Q, oe] = er(y), { pages: U, numberOfPages: k } = Zi(P, Q, r), D = !w && !c, V = (j) => {
+    const pe = S(a, v), [Q, oe] = er(y), { pages: U, numberOfPages: k } = Zi(P, Q, r), D = !w && !c, V = (j) => {
       f?.({ currentPage: j, pageSize: y });
     }, se = (j) => t?.({ page: j, pageSize: y }) ?? "", le = (j) => {
       oe(j), f?.({ currentPage: 1, pageSize: j });
@@ -1583,21 +1584,21 @@ const S = z.bind(Be), h = "purpur-pagination", Fi = A(
       asLink: void 0,
       hrefGetter: void 0
     }, ge = i ? "nav" : "div";
-    return k ? /* @__PURE__ */ s(ge, { className: pe, "data-testid": e, ref: ae, ...ne, children: /* @__PURE__ */ v(
+    return k ? /* @__PURE__ */ s(ge, { className: pe, "data-testid": e, ref: ae, ...ne, children: /* @__PURE__ */ h(
       "div",
       {
-        className: S(`${h}__pagination-container`, {
-          [`${h}__pagination-container--with-page-size-select`]: !!o
+        className: S(`${v}__pagination-container`, {
+          [`${v}__pagination-container--with-page-size-select`]: !!o
         }),
         children: [
-          /* @__PURE__ */ v("div", { className: S(`${h}__page-navigation-container`), children: [
-            /* @__PURE__ */ v(
+          /* @__PURE__ */ h("div", { className: S(`${v}__page-navigation-container`), children: [
+            /* @__PURE__ */ h(
               tr,
               {
                 ...W,
                 linkElement: n,
                 "aria-label": $,
-                className: S(`${h}__step-trigger`),
+                className: S(`${v}__step-trigger`),
                 "data-testid": `${e}-previous-step-trigger`,
                 disabled: r === 1,
                 onPageChange: V,
@@ -1608,8 +1609,8 @@ const S = z.bind(Be), h = "purpur-pagination", Fi = A(
                   /* @__PURE__ */ s(
                     "span",
                     {
-                      className: S(`${h}__step-trigger-label`, {
-                        [`${h}__step-trigger-label--not-icon-only`]: !D
+                      className: S(`${v}__step-trigger-label`, {
+                        [`${v}__step-trigger-label--not-icon-only`]: !D
                       }),
                       children: w
                     }
@@ -1618,13 +1619,13 @@ const S = z.bind(Be), h = "purpur-pagination", Fi = A(
                 ]
               }
             ),
-            /* @__PURE__ */ v("div", { className: S(`${h}__page-trigger-container`), children: [
+            /* @__PURE__ */ h("div", { className: S(`${v}__page-trigger-container`), children: [
               /* @__PURE__ */ s(
                 Ir,
                 {
                   ...W,
-                  className: S(`${h}__page-selector`, {
-                    [`${h}__page-selector--visible`]: U.length > 3
+                  className: S(`${v}__page-selector`, {
+                    [`${v}__page-selector--visible`]: U.length > 3
                   }),
                   currentPage: r,
                   "data-testid": `${e}-page-selector`,
@@ -1641,8 +1642,8 @@ const S = z.bind(Be), h = "purpur-pagination", Fi = A(
                 {
                   ...W,
                   linkElement: n,
-                  className: S(`${h}__pages`, {
-                    [`${h}__pages--visible`]: U.length <= 3
+                  className: S(`${v}__pages`, {
+                    [`${v}__pages--visible`]: U.length <= 3
                   }),
                   currentPage: r,
                   "data-testid": `${e}-pages`,
@@ -1653,13 +1654,13 @@ const S = z.bind(Be), h = "purpur-pagination", Fi = A(
                 }
               )
             ] }),
-            /* @__PURE__ */ v(
+            /* @__PURE__ */ h(
               tr,
               {
                 ...W,
                 linkElement: n,
                 "aria-label": g,
-                className: S(`${h}__step-trigger`),
+                className: S(`${v}__step-trigger`),
                 "data-testid": `${e}-next-step-trigger`,
                 disabled: r === k,
                 onPageChange: V,
@@ -1669,8 +1670,8 @@ const S = z.bind(Be), h = "purpur-pagination", Fi = A(
                   /* @__PURE__ */ s(
                     "span",
                     {
-                      className: S(`${h}__step-trigger-label`, {
-                        [`${h}__step-trigger-label--not-icon-only`]: !D
+                      className: S(`${v}__step-trigger-label`, {
+                        [`${v}__step-trigger-label--not-icon-only`]: !D
                       }),
                       children: c
                     }
@@ -1681,12 +1682,12 @@ const S = z.bind(Be), h = "purpur-pagination", Fi = A(
               }
             )
           ] }),
-          o && /* @__PURE__ */ s("div", { className: S(`${h}__page-size-select-container`), children: /* @__PURE__ */ s(
+          o && /* @__PURE__ */ s("div", { className: S(`${v}__page-size-select-container`), children: /* @__PURE__ */ s(
             re,
             {
               ...i ? { asLink: !0, hrefGetter: t, navigationFunction: p } : { asLink: void 0, hrefGetter: void 0 },
               availablePageSizes: o,
-              className: S(`${h}__page-size-selector`),
+              className: S(`${v}__page-size-selector`),
               "data-testid": `${e}-page-size-selector`,
               onPageSizeChange: le,
               pageSize: Q,