@purpur/library 9.1.3 → 9.2.0

package/dist/{pagination-BdCjh1Pi.mjs → pagination-CVYUacXN.mjs}

@@ -1,22 +1,15 @@
-import { jsx as i, jsxs as v } from "react/jsx-runtime";
-import { useMemo as Q, forwardRef as k, useId as U, createElement as ue, useState as q, useEffect as ce } from "react";
-import { b as me } from "./icon-DNHpBTHs-JfI8WyiR.mjs";
-import { i as de } from "./arrow-right.es-C7SkjAB6.mjs";
+import { jsxs as h, jsx as i } from "react/jsx-runtime";
+import { useMemo as U, forwardRef as P, useId as W, createElement as le, useState as J, useEffect as ue } from "react";
+import { l as ce } from "./arrow-left.es-DU-PX-Il.mjs";
+import { i as me } from "./arrow-right.es-C7SkjAB6.mjs";
 import { V as S } from "./visually-hidden-BYFkJEp1.mjs";
-import { c as w } from "./bind-CU-R61T-.mjs";
-import { L as W } from "./label-7sJe5-pX.mjs";
-import { P as X } from "./paragraph-Ci50OF1u.mjs";
-import { S as Y } from "./select-BEmu_fh9.mjs";
-const $e = {
-  name: "arrow-left",
-  svg: '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M3.1 12a.9.9 0 0 1 .264-.636l5.5-5.5a.9.9 0 0 1 1.272 1.272L6.173 11.1H20a.9.9 0 0 1 0 1.8H6.173l3.963 3.964a.9.9 0 1 1-1.272 1.272l-5.5-5.5A.9.9 0 0 1 3.1 12Z" clip-rule="evenodd"/></svg>',
-  keywords: ["arrow-left"],
-  category: "utility"
-}, B = (e) => /* @__PURE__ */ i(me, { ...e, svg: $e });
-B.displayName = "IconArrowLeft";
-const O = (e) => {
+import { c as C } from "./bind-CU-R61T-.mjs";
+import { L as X } from "./label-7sJe5-pX.mjs";
+import { P as Y } from "./paragraph-Ci50OF1u.mjs";
+import { S as Z } from "./select-BEmu_fh9.mjs";
+const B = (e) => {
   window.location.href = e;
-}, ye = {
+}, de = {
   "purpur-pagination": "_purpur-pagination_1g3as_1",
   "purpur-pagination__pagination-container": "_purpur-pagination__pagination-container_1g3as_5",
   "purpur-pagination__pagination-container--with-page-size-select": "_purpur-pagination__pagination-container--with-page-size-select_1g3as_12",
@@ -30,56 +23,56 @@ const O = (e) => {
   "purpur-pagination__pages--visible": "_purpur-pagination__pages--visible_1g3as_86",
   "purpur-pagination__page-selector": "_purpur-pagination__page-selector_1g3as_94",
   "purpur-pagination__page-selector--visible": "_purpur-pagination__page-selector--visible_1g3as_97"
-}, he = {
+}, $e = {
   "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"
-}, ve = (e) => ({
-  options: Q(
-    () => Array.from({ length: e }, (a, g) => ({ label: `${g + 1}`, value: `${g + 1}` })),
+}, ye = (e) => ({
+  options: U(
+    () => Array.from({ length: e }, (g, a) => ({ label: `${a + 1}`, value: `${a + 1}` })),
     [e]
   )
-}), G = w.bind(he), M = "purpur-pagination-page-selector", T = k(
+}), j = C.bind($e), M = "purpur-pagination-page-selector", O = P(
   ({
     ["data-testid"]: e = "purpur-pagination-page-selector",
-    asLink: r,
-    className: a,
-    currentPage: g,
+    asLink: t,
+    className: g,
+    currentPage: a,
     hrefGetter: n,
-    navigationFunction: t,
+    navigationFunction: r,
     numberOfPages: _,
     onPageChange: p,
     outOfLabel: l,
     pageSelectorId: u,
     pageSelectorLabel: d,
     ...$
-  }, h) => {
-    const c = U(), b = G(a, M), { options: z } = ve(_), f = (x) => {
-      const C = x.target.value ? Number(x.target.value) : 1;
-      if (p(C), r) {
-        const F = n?.(C) ?? "";
-        t(C, F);
+  }, v) => {
+    const c = W(), b = j(g, M), { options: N } = ye(_), k = (f) => {
+      const z = f.target.value ? Number(f.target.value) : 1;
+      if (p(z), t) {
+        const H = n?.(z) ?? "";
+        r(z, H);
       }
     };
-    return /* @__PURE__ */ v("div", { className: b, "data-testid": e, ref: h, ...$, children: [
-      /* @__PURE__ */ v("div", { className: G(`${M}__select-container`), children: [
-        /* @__PURE__ */ i(S, { children: /* @__PURE__ */ i(W, { "data-testid": `${e}-label`, htmlFor: c, children: d }) }),
+    return /* @__PURE__ */ h("div", { className: b, "data-testid": e, ref: v, ...$, children: [
+      /* @__PURE__ */ h("div", { className: j(`${M}__select-container`), children: [
+        /* @__PURE__ */ i(S, { children: /* @__PURE__ */ i(X, { "data-testid": `${e}-label`, htmlFor: c, children: d }) }),
         /* @__PURE__ */ i(
-          Y,
+          Z,
           {
-            className: G(`${M}__select`),
+            className: j(`${M}__select`),
             "data-testid": `${e}-select`,
             id: u ?? c,
-            onChange: f,
-            options: z,
-            value: String(g)
+            onChange: k,
+            options: N,
+            value: String(a)
           }
         )
       ] }),
       /* @__PURE__ */ i(
-        X,
+        Y,
         {
-          className: G(`${M}__of-total-pages-label`),
+          className: j(`${M}__of-total-pages-label`),
           "data-testid": `${e}-of-total-pages`,
           children: `${l} ${_}`
         }
@@ -87,54 +80,54 @@ const O = (e) => {
     ] });
   }
 );
-T.displayName = "PaginationPageSelector";
-const be = {
+O.displayName = "PaginationPageSelector";
+const ve = {
   "purpur-pagination-page-size-selector": "_purpur-pagination-page-size-selector_11x2p_1",
   "purpur-pagination-page-size-selector__select": "_purpur-pagination-page-size-selector__select_11x2p_12",
   "purpur-pagination-page-size-selector__items-per-page-label": "_purpur-pagination-page-size-selector__items-per-page-label_11x2p_17",
   "purpur-pagination-page-size-selector__items-per-page-label-text": "_purpur-pagination-page-size-selector__items-per-page-label-text_11x2p_27"
-}, fe = (e) => ({
-  options: Q(
-    () => e.map((a) => ({
-      label: `${a}`,
-      value: `${a}`
+}, he = (e) => ({
+  options: U(
+    () => e.map((g) => ({
+      label: `${g}`,
+      value: `${g}`
     })),
     [e]
   )
-}), j = w.bind(be), H = "purpur-pagination-page-size-selector", I = k(
+}), A = C.bind(ve), V = "purpur-pagination-page-size-selector", T = P(
   ({
     ["data-testid"]: e = "purpur-pagination-page-size-selector",
-    asLink: r,
-    availablePageSizes: a,
-    className: g,
+    asLink: t,
+    availablePageSizes: g,
+    className: a,
     hrefGetter: n,
-    navigationFunction: t,
+    navigationFunction: r,
     onPageSizeChange: _,
     pageSize: p,
     pageSizeLabel: l,
     ...u
   }, d) => {
-    const $ = U(), h = j(g, H), { options: c } = fe(a), b = (z) => {
-      const f = Number(z.target.value);
-      if (_(f), r) {
-        const x = n({ page: 1, pageSize: f });
-        t ? t({ currentPage: 1, pageSize: f, url: x }) : O(x);
+    const $ = W(), v = A(a, V), { options: c } = he(g), b = (N) => {
+      const k = Number(N.target.value);
+      if (_(k), t) {
+        const f = n({ page: 1, pageSize: k });
+        r ? r({ currentPage: 1, pageSize: k, url: f }) : B(f);
       }
     };
-    return /* @__PURE__ */ v("div", { className: h, "data-testid": e, ref: d, ...u, children: [
+    return /* @__PURE__ */ h("div", { className: v, "data-testid": e, ref: d, ...u, children: [
       /* @__PURE__ */ i(
-        W,
+        X,
         {
-          className: j(`${H}__items-per-page-label`),
+          className: A(`${V}__items-per-page-label`),
           "data-testid": `${e}-item-per-page-label`,
           htmlFor: $,
-          children: /* @__PURE__ */ i("span", { className: j(`${H}__items-per-page-label-text`), children: l })
+          children: /* @__PURE__ */ i("span", { className: A(`${V}__items-per-page-label-text`), children: l })
         }
       ),
       /* @__PURE__ */ i(
-        Y,
+        Z,
         {
-          className: j(`${H}__select`),
+          className: A(`${V}__select`),
           "data-testid": `${e}-select`,
           id: $,
           onChange: b,
@@ -145,44 +138,44 @@ const be = {
     ] });
   }
 );
-I.displayName = "PaginationPageSizeSelector";
-const xe = {
-  "purpur-pagination-page-trigger": "_purpur-pagination-page-trigger_1pnyd_1",
-  "purpur-pagination-page-trigger__trigger-item": "_purpur-pagination-page-trigger__trigger-item_1pnyd_4",
-  "purpur-pagination-page-trigger__trigger-item--xs": "_purpur-pagination-page-trigger__trigger-item--xs_1pnyd_25",
-  "purpur-pagination-page-trigger__trigger-item--icon-only": "_purpur-pagination-page-trigger__trigger-item--icon-only_1pnyd_28",
-  "purpur-pagination-page-trigger__trigger-item--sm": "_purpur-pagination-page-trigger__trigger-item--sm_1pnyd_31",
-  "purpur-pagination-page-trigger__trigger-item--md": "_purpur-pagination-page-trigger__trigger-item--md_1pnyd_37",
-  "purpur-pagination-page-trigger__trigger-item--lg": "_purpur-pagination-page-trigger__trigger-item--lg_1pnyd_43",
-  "purpur-pagination-page-trigger__trigger-item--full-width": "_purpur-pagination-page-trigger__trigger-item--full-width_1pnyd_49",
-  "purpur-pagination-page-trigger__trigger-item--primary": "_purpur-pagination-page-trigger__trigger-item--primary_1pnyd_67",
-  "purpur-pagination-page-trigger__trigger-item--disabled": "_purpur-pagination-page-trigger__trigger-item--disabled_1pnyd_71",
-  "purpur-pagination-page-trigger__trigger-item--primary-negative": "_purpur-pagination-page-trigger__trigger-item--primary-negative_1pnyd_77",
-  "purpur-pagination-page-trigger__trigger-item--secondary": "_purpur-pagination-page-trigger__trigger-item--secondary_1pnyd_89",
-  "purpur-pagination-page-trigger__trigger-item--secondary-negative": "_purpur-pagination-page-trigger__trigger-item--secondary-negative_1pnyd_100",
-  "purpur-pagination-page-trigger__trigger-item--expressive": "_purpur-pagination-page-trigger__trigger-item--expressive_1pnyd_111",
-  "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"
-}, V = w.bind(xe), m = "purpur-pagination-page-trigger", ee = k(
+T.displayName = "PaginationPageSizeSelector";
+const be = {
+  "purpur-pagination-page-trigger": "_purpur-pagination-page-trigger_kvdyl_1",
+  "purpur-pagination-page-trigger__trigger-item": "_purpur-pagination-page-trigger__trigger-item_kvdyl_4",
+  "purpur-pagination-page-trigger__trigger-item--xs": "_purpur-pagination-page-trigger__trigger-item--xs_kvdyl_26",
+  "purpur-pagination-page-trigger__trigger-item--icon-only": "_purpur-pagination-page-trigger__trigger-item--icon-only_kvdyl_29",
+  "purpur-pagination-page-trigger__trigger-item--sm": "_purpur-pagination-page-trigger__trigger-item--sm_kvdyl_32",
+  "purpur-pagination-page-trigger__trigger-item--md": "_purpur-pagination-page-trigger__trigger-item--md_kvdyl_38",
+  "purpur-pagination-page-trigger__trigger-item--lg": "_purpur-pagination-page-trigger__trigger-item--lg_kvdyl_44",
+  "purpur-pagination-page-trigger__trigger-item--full-width": "_purpur-pagination-page-trigger__trigger-item--full-width_kvdyl_50",
+  "purpur-pagination-page-trigger__trigger-item--primary": "_purpur-pagination-page-trigger__trigger-item--primary_kvdyl_68",
+  "purpur-pagination-page-trigger__trigger-item--disabled": "_purpur-pagination-page-trigger__trigger-item--disabled_kvdyl_72",
+  "purpur-pagination-page-trigger__trigger-item--primary-negative": "_purpur-pagination-page-trigger__trigger-item--primary-negative_kvdyl_78",
+  "purpur-pagination-page-trigger__trigger-item--secondary": "_purpur-pagination-page-trigger__trigger-item--secondary_kvdyl_90",
+  "purpur-pagination-page-trigger__trigger-item--secondary-negative": "_purpur-pagination-page-trigger__trigger-item--secondary-negative_kvdyl_101",
+  "purpur-pagination-page-trigger__trigger-item--expressive": "_purpur-pagination-page-trigger__trigger-item--expressive_kvdyl_112",
+  "purpur-pagination-page-trigger__trigger-item--expressive-negative": "_purpur-pagination-page-trigger__trigger-item--expressive-negative_kvdyl_122",
+  "purpur-pagination-page-trigger__trigger-item--page-trigger": "_purpur-pagination-page-trigger__trigger-item--page-trigger_kvdyl_134",
+  "purpur-pagination-page-trigger__trigger-item--selected": "_purpur-pagination-page-trigger__trigger-item--selected_kvdyl_143"
+}, D = C.bind(be), m = "purpur-pagination-page-trigger", I = P(
   ({
     ["data-testid"]: e = "purpur-pagination-page-trigger",
-    linkElement: r,
-    asLink: a,
-    className: g,
+    linkElement: t,
+    asLink: g,
+    className: a,
     disabled: n,
-    hrefGetter: t,
+    hrefGetter: r,
     onPageChange: _,
     pageNumber: p,
     selected: l,
     stepNumberPrefix: u,
     ...d
   }, $) => {
-    const h = V(g, m);
-    return /* @__PURE__ */ i("li", { className: h, "data-testid": e, ref: $, ...d, children: a ? n ? /* @__PURE__ */ v(
+    const v = D(a, m);
+    return /* @__PURE__ */ i("li", { className: v, "data-testid": e, ref: $, ...d, children: g ? n ? /* @__PURE__ */ h(
       "span",
       {
-        className: V(
+        className: D(
           `${m}__trigger-item`,
           `${m}__trigger-item--page-trigger`,
           `${m}__trigger-item--sm`,
@@ -196,10 +189,10 @@ const xe = {
           p
         ]
       }
-    ) : /* @__PURE__ */ v(
-      r,
+    ) : /* @__PURE__ */ h(
+      t,
       {
-        className: V(
+        className: D(
           `${m}__trigger-item`,
           `${m}__trigger-item--page-trigger`,
           `${m}__trigger-item--sm`,
@@ -208,18 +201,18 @@ const xe = {
         ),
         "aria-current": l ? "page" : void 0,
         "data-testid": `${e}-link`,
-        href: t(p),
+        href: r(p),
         onClick: () => _(p),
         children: [
           /* @__PURE__ */ i(S, { children: `${u} ` }),
           p
         ]
       }
-    ) : /* @__PURE__ */ v(
+    ) : /* @__PURE__ */ h(
       "button",
       {
         "aria-disabled": n,
-        className: V(
+        className: D(
           `${m}__trigger-item`,
           `${m}__trigger-item--page-trigger`,
           `${m}__trigger-item--sm`,
@@ -239,45 +232,45 @@ const xe = {
     ) });
   }
 );
-ee.displayName = "PaginationPageTrigger";
-const Ne = {
+I.displayName = "PaginationPageTrigger";
+const ke = {
   "purpur-pagination-pages": "_purpur-pagination-pages_2g8is_1"
-}, ze = {
+}, fe = {
   "purpur-pagination-truncation-separator": "_purpur-pagination-truncation-separator_b9cij_1"
-}, Ce = w.bind(ze), we = "purpur-pagination-truncation-separator", ie = ({
+}, xe = C.bind(fe), Ne = "purpur-pagination-truncation-separator", ee = ({
   ["data-testid"]: e = "purpur-pagination-truncation-separator",
-  className: r,
-  ["aria-label"]: a,
-  ...g
+  className: t,
+  ["aria-label"]: g,
+  ...a
 }) => {
-  const n = Ce(r, we);
-  return /* @__PURE__ */ i("li", { className: n, "data-testid": e, ...g, children: /* @__PURE__ */ i(X, { "aria-label": a, children: "..." }) });
+  const n = xe(t, Ne);
+  return /* @__PURE__ */ i("li", { className: n, "data-testid": e, ...a, children: /* @__PURE__ */ i(Y, { "aria-label": g, children: "..." }) });
 };
-ie.displayName = "PaginationTruncationSeparator";
-const Se = w.bind(Ne), ke = "purpur-pagination-pages", re = k(
+ee.displayName = "PaginationTruncationSeparator";
+const ze = C.bind(ke), Ce = "purpur-pagination-pages", ie = P(
   ({
     ["data-testid"]: e = "purpur-pagination-pages",
-    linkElement: r,
-    asLink: a,
-    className: g,
+    linkElement: t,
+    asLink: g,
+    className: a,
     currentPage: n,
-    hrefGetter: t,
+    hrefGetter: r,
     onPageChange: _,
     pages: p,
     stepNumberPrefix: l,
     truncationSeparatorAriaLabel: u,
     ...d
   }, $) => {
-    const h = Se(g, ke);
-    return /* @__PURE__ */ i("ol", { className: h, "data-testid": e, ref: $, ...d, children: p.flatMap((c, b, z) => {
-      const f = /* @__PURE__ */ ue(
-        ee,
+    const v = ze(a, Ce);
+    return /* @__PURE__ */ i("ol", { className: v, "data-testid": e, ref: $, ...d, children: p.flatMap((c, b, N) => {
+      const k = /* @__PURE__ */ le(
+        I,
         {
-          ...a ? { asLink: !0, hrefGetter: t } : {
+          ...g ? { asLink: !0, hrefGetter: r } : {
             asLink: void 0,
             hrefGetter: void 0
           },
-          linkElement: r,
+          linkElement: t,
           "data-testid": `${e}-page-${c}`,
           key: c,
           onPageChange: _,
@@ -286,59 +279,59 @@ const Se = w.bind(Ne), ke = "purpur-pagination-pages", re = k(
           pageNumber: c
         }
       );
-      return b === 0 || z[b - 1] + 1 === c ? [f] : [
+      return b === 0 || N[b - 1] + 1 === c ? [k] : [
         /* @__PURE__ */ i(
-          ie,
+          ee,
           {
             "data-testid": `${e}-truncation-separator-${c}`,
             "aria-label": u
           },
           `${c}-separator`
         ),
-        f
+        k
       ];
     }) });
   }
 );
-re.displayName = "PaginationPages";
-const Pe = {
-  "purpur-pagination-step-trigger__trigger-item": "_purpur-pagination-step-trigger__trigger-item_1t19c_1",
-  "purpur-pagination-step-trigger__trigger-item--xs": "_purpur-pagination-step-trigger__trigger-item--xs_1t19c_22",
-  "purpur-pagination-step-trigger__trigger-item--icon-only": "_purpur-pagination-step-trigger__trigger-item--icon-only_1t19c_25",
-  "purpur-pagination-step-trigger__trigger-item--sm": "_purpur-pagination-step-trigger__trigger-item--sm_1t19c_28",
-  "purpur-pagination-step-trigger__trigger-item--md": "_purpur-pagination-step-trigger__trigger-item--md_1t19c_34",
-  "purpur-pagination-step-trigger__trigger-item--lg": "_purpur-pagination-step-trigger__trigger-item--lg_1t19c_40",
-  "purpur-pagination-step-trigger__trigger-item--full-width": "_purpur-pagination-step-trigger__trigger-item--full-width_1t19c_46",
-  "purpur-pagination-step-trigger__trigger-item--primary": "_purpur-pagination-step-trigger__trigger-item--primary_1t19c_64",
-  "purpur-pagination-step-trigger__trigger-item--disabled": "_purpur-pagination-step-trigger__trigger-item--disabled_1t19c_68",
-  "purpur-pagination-step-trigger__trigger-item--primary-negative": "_purpur-pagination-step-trigger__trigger-item--primary-negative_1t19c_74",
-  "purpur-pagination-step-trigger__trigger-item--secondary": "_purpur-pagination-step-trigger__trigger-item--secondary_1t19c_86",
-  "purpur-pagination-step-trigger__trigger-item--secondary-negative": "_purpur-pagination-step-trigger__trigger-item--secondary-negative_1t19c_97",
-  "purpur-pagination-step-trigger__trigger-item--expressive": "_purpur-pagination-step-trigger__trigger-item--expressive_1t19c_108",
-  "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"
-}, D = w.bind(Pe), s = "purpur-pagination-step-trigger", J = k(
+ie.displayName = "PaginationPages";
+const Se = {
+  "purpur-pagination-step-trigger__trigger-item": "_purpur-pagination-step-trigger__trigger-item_1ttbi_1",
+  "purpur-pagination-step-trigger__trigger-item--xs": "_purpur-pagination-step-trigger__trigger-item--xs_1ttbi_23",
+  "purpur-pagination-step-trigger__trigger-item--icon-only": "_purpur-pagination-step-trigger__trigger-item--icon-only_1ttbi_26",
+  "purpur-pagination-step-trigger__trigger-item--sm": "_purpur-pagination-step-trigger__trigger-item--sm_1ttbi_29",
+  "purpur-pagination-step-trigger__trigger-item--md": "_purpur-pagination-step-trigger__trigger-item--md_1ttbi_35",
+  "purpur-pagination-step-trigger__trigger-item--lg": "_purpur-pagination-step-trigger__trigger-item--lg_1ttbi_41",
+  "purpur-pagination-step-trigger__trigger-item--full-width": "_purpur-pagination-step-trigger__trigger-item--full-width_1ttbi_47",
+  "purpur-pagination-step-trigger__trigger-item--primary": "_purpur-pagination-step-trigger__trigger-item--primary_1ttbi_65",
+  "purpur-pagination-step-trigger__trigger-item--disabled": "_purpur-pagination-step-trigger__trigger-item--disabled_1ttbi_69",
+  "purpur-pagination-step-trigger__trigger-item--primary-negative": "_purpur-pagination-step-trigger__trigger-item--primary-negative_1ttbi_75",
+  "purpur-pagination-step-trigger__trigger-item--secondary": "_purpur-pagination-step-trigger__trigger-item--secondary_1ttbi_87",
+  "purpur-pagination-step-trigger__trigger-item--secondary-negative": "_purpur-pagination-step-trigger__trigger-item--secondary-negative_1ttbi_98",
+  "purpur-pagination-step-trigger__trigger-item--expressive": "_purpur-pagination-step-trigger__trigger-item--expressive_1ttbi_109",
+  "purpur-pagination-step-trigger__trigger-item--expressive-negative": "_purpur-pagination-step-trigger__trigger-item--expressive-negative_1ttbi_119",
+  "purpur-pagination-step-trigger__trigger-item--step-trigger": "_purpur-pagination-step-trigger__trigger-item--step-trigger_1ttbi_131",
+  "purpur-pagination-step-trigger__trigger-item--step-trigger--not-icon-only": "_purpur-pagination-step-trigger__trigger-item--step-trigger--not-icon-only_1ttbi_138"
+}, F = C.bind(Se), s = "purpur-pagination-step-trigger", K = P(
   ({
     ["aria-label"]: e,
-    ["data-testid"]: r = "purpur-pagination-step-trigger",
-    linkElement: a,
-    asLink: g,
+    ["data-testid"]: t = "purpur-pagination-step-trigger",
+    linkElement: g,
+    asLink: a,
     children: n,
-    className: t,
+    className: r,
     disabled: _,
     hrefGetter: p,
     onPageChange: l,
     pageToNavigateTo: u,
     isIconOnly: d,
     ...$
-  }, h) => {
-    const c = D(t, s);
-    return /* @__PURE__ */ i("div", { className: c, "data-testid": r, ref: h, ...$, children: g ? _ ? /* @__PURE__ */ i(
+  }, v) => {
+    const c = F(r, s);
+    return /* @__PURE__ */ i("div", { className: c, "data-testid": t, ref: v, ...$, children: a ? _ ? /* @__PURE__ */ i(
       "span",
       {
         "aria-label": e,
-        className: D(
+        className: F(
           `${s}__trigger-item`,
           `${s}__trigger-item--step-trigger`,
           `${s}__trigger-item--secondary`,
@@ -346,21 +339,21 @@ const Pe = {
           `${s}__trigger-item--disabled`,
           { [`${s}__trigger-item--step-trigger--not-icon-only`]: !d }
         ),
-        "data-testid": `${r}-disabled-link`,
+        "data-testid": `${t}-disabled-link`,
         children: n
       }
     ) : /* @__PURE__ */ i(
-      a,
+      g,
       {
         "aria-label": e,
-        className: D(
+        className: F(
           `${s}__trigger-item`,
           `${s}__trigger-item--step-trigger`,
           `${s}__trigger-item--secondary`,
           `${s}__trigger-item--sm`,
           { [`${s}__trigger-item--step-trigger--not-icon-only`]: !d }
         ),
-        "data-testid": `${r}-link`,
+        "data-testid": `${t}-link`,
         href: p(u),
         onClick: () => l(u),
         children: n
@@ -370,7 +363,7 @@ const Pe = {
       {
         "aria-disabled": _,
         "aria-label": e,
-        className: D(
+        className: F(
           `${s}__trigger-item`,
           `${s}__trigger-item--step-trigger`,
           `${s}__trigger-item--secondary`,
@@ -380,7 +373,7 @@ const Pe = {
             [`${s}__trigger-item--step-trigger--not-icon-only`]: !d
           }
         ),
-        "data-testid": `${r}-button`,
+        "data-testid": `${t}-button`,
         disabled: _,
         onClick: () => l(u),
         type: "button",
@@ -389,169 +382,169 @@ const Pe = {
     ) });
   }
 );
-J.displayName = "PaginationStepTrigger";
-const Le = (e, r, a) => {
-  const [g, n] = q([]), [t, _] = q(0);
-  return ce(() => {
-    const p = Math.ceil(e / r);
-    _(p), n(Ae(p, a));
-  }, [e, r, a]), {
-    pages: g,
-    numberOfPages: t
+K.displayName = "PaginationStepTrigger";
+const Pe = (e, t, g) => {
+  const [a, n] = J([]), [r, _] = J(0);
+  return ue(() => {
+    const p = Math.ceil(e / t);
+    _(p), n(we(p, g));
+  }, [e, t, g]), {
+    pages: a,
+    numberOfPages: r
   };
 };
-function Ae(e, r) {
+function we(e, t) {
   if (e <= 5)
-    return Array.from({ length: e }, (n, t) => t + 1);
-  const a = [1, 2, 3];
-  if (a.includes(r))
-    return [...a, 4, e];
-  const g = [e - 2, e - 1, e];
-  return g.includes(r) ? [1, e - 3, ...g] : [1, r - 1, r, r + 1, e];
+    return Array.from({ length: e }, (n, r) => r + 1);
+  const g = [1, 2, 3];
+  if (g.includes(t))
+    return [...g, 4, e];
+  const a = [e - 2, e - 1, e];
+  return a.includes(t) ? [1, e - 3, ...a] : [1, t - 1, t, t + 1, e];
 }
-const y = w.bind(ye), o = "purpur-pagination", Ee = k(
+const y = C.bind(de), o = "purpur-pagination", Ee = P(
   ({
     ["data-testid"]: e = "purpur-pagination",
-    linkElement: r = "a",
-    asLink: a,
-    availablePageSizes: g,
+    linkElement: t = "a",
+    asLink: g,
+    availablePageSizes: a,
     className: n,
-    currentPage: t = 1,
+    currentPage: r = 1,
     hrefGetter: _,
     navigationFunction: p,
     nextButtonAriaLabel: l,
     nextButtonText: u,
     onPageChange: d,
     outOfLabel: $,
-    pageSelectorId: h,
+    pageSelectorId: v,
     pageSelectorLabel: c,
     pageSize: b = 10,
-    pageSizeLabel: z,
-    previousButtonAriaLabel: f,
-    previousButtonText: x,
-    stepNumberPrefix: C,
-    totalItems: F,
+    pageSizeLabel: N,
+    previousButtonAriaLabel: k,
+    previousButtonText: f,
+    stepNumberPrefix: z,
+    totalItems: H,
     truncationSeparatorAriaLabel: te,
-    ...ae
+    ...re
   }, ge) => {
-    const pe = y(n, o), [R, ne] = q(b), { pages: Z, numberOfPages: P } = Le(F, R, t), L = !x && !u, A = (N) => {
-      d?.({ currentPage: N, pageSize: b });
-    }, _e = (N) => _?.({ page: N, pageSize: b }) ?? "", se = (N) => {
-      ne(N), d?.({ currentPage: 1, pageSize: N });
-    }, oe = (N, K) => {
-      p ? p({ currentPage: N, pageSize: R, url: K }) : O(K);
-    }, E = a ? { asLink: !0, hrefGetter: _e } : {
+    const ae = y(n, o), [R, pe] = J(b), { pages: q, numberOfPages: w } = Pe(H, R, r), E = !f && !u, G = (x) => {
+      d?.({ currentPage: x, pageSize: b });
+    }, ne = (x) => _?.({ page: x, pageSize: b }) ?? "", _e = (x) => {
+      pe(x), d?.({ currentPage: 1, pageSize: x });
+    }, se = (x, Q) => {
+      p ? p({ currentPage: x, pageSize: R, url: Q }) : B(Q);
+    }, L = g ? { asLink: !0, hrefGetter: ne } : {
       asLink: void 0,
       hrefGetter: void 0
-    }, le = a ? "nav" : "div";
-    return P ? /* @__PURE__ */ i(le, { className: pe, "data-testid": e, ref: ge, ...ae, children: /* @__PURE__ */ v(
+    }, oe = g ? "nav" : "div";
+    return w ? /* @__PURE__ */ i(oe, { className: ae, "data-testid": e, ref: ge, ...re, children: /* @__PURE__ */ h(
       "div",
       {
         className: y(`${o}__pagination-container`, {
-          [`${o}__pagination-container--with-page-size-select`]: !!g
+          [`${o}__pagination-container--with-page-size-select`]: !!a
         }),
         children: [
-          /* @__PURE__ */ v("div", { className: y(`${o}__page-navigation-container`), children: [
-            /* @__PURE__ */ v(
-              J,
+          /* @__PURE__ */ h("div", { className: y(`${o}__page-navigation-container`), children: [
+            /* @__PURE__ */ h(
+              K,
               {
-                ...E,
-                linkElement: r,
-                "aria-label": f,
+                ...L,
+                linkElement: t,
+                "aria-label": k,
                 className: y(`${o}__step-trigger`),
                 "data-testid": `${e}-previous-step-trigger`,
-                disabled: t === 1,
-                onPageChange: A,
-                pageToNavigateTo: t - 1,
-                isIconOnly: L,
+                disabled: r === 1,
+                onPageChange: G,
+                pageToNavigateTo: r - 1,
+                isIconOnly: E,
                 children: [
-                  /* @__PURE__ */ i(B, { size: "sm" }),
+                  /* @__PURE__ */ i(ce, { size: "sm" }),
                   /* @__PURE__ */ i(
                     "span",
                     {
                       className: y(`${o}__step-trigger-label`, {
-                        [`${o}__step-trigger-label--not-icon-only`]: !L
+                        [`${o}__step-trigger-label--not-icon-only`]: !E
                       }),
-                      children: x
+                      children: f
                     }
                   ),
-                  t !== 1 && /* @__PURE__ */ i(S, { "data-testid": `${e}-previous-step-trigger-hidden-text`, children: `${C} ${t - 1}` })
+                  r !== 1 && /* @__PURE__ */ i(S, { "data-testid": `${e}-previous-step-trigger-hidden-text`, children: `${z} ${r - 1}` })
                 ]
               }
             ),
-            /* @__PURE__ */ v("div", { className: y(`${o}__page-trigger-container`), children: [
+            /* @__PURE__ */ h("div", { className: y(`${o}__page-trigger-container`), children: [
               /* @__PURE__ */ i(
-                T,
+                O,
                 {
-                  ...E,
+                  ...L,
                   className: y(`${o}__page-selector`, {
-                    [`${o}__page-selector--visible`]: Z.length > 3
+                    [`${o}__page-selector--visible`]: q.length > 3
                   }),
-                  currentPage: t,
+                  currentPage: r,
                   "data-testid": `${e}-page-selector`,
-                  navigationFunction: oe,
-                  numberOfPages: P,
-                  onPageChange: A,
+                  navigationFunction: se,
+                  numberOfPages: w,
+                  onPageChange: G,
                   outOfLabel: $,
-                  pageSelectorId: h,
+                  pageSelectorId: v,
                   pageSelectorLabel: c
                 }
               ),
               /* @__PURE__ */ i(
-                re,
+                ie,
                 {
-                  ...E,
-                  linkElement: r,
+                  ...L,
+                  linkElement: t,
                   className: y(`${o}__pages`, {
-                    [`${o}__pages--visible`]: Z.length <= 3
+                    [`${o}__pages--visible`]: q.length <= 3
                   }),
-                  currentPage: t,
+                  currentPage: r,
                   "data-testid": `${e}-pages`,
-                  stepNumberPrefix: C,
-                  onPageChange: A,
+                  stepNumberPrefix: z,
+                  onPageChange: G,
                   truncationSeparatorAriaLabel: te,
-                  pages: Z
+                  pages: q
                 }
               )
             ] }),
-            /* @__PURE__ */ v(
-              J,
+            /* @__PURE__ */ h(
+              K,
               {
-                ...E,
-                linkElement: r,
+                ...L,
+                linkElement: t,
                 "aria-label": l,
                 className: y(`${o}__step-trigger`),
                 "data-testid": `${e}-next-step-trigger`,
-                disabled: t === P,
-                onPageChange: A,
-                pageToNavigateTo: t + 1,
-                isIconOnly: L,
+                disabled: r === w,
+                onPageChange: G,
+                pageToNavigateTo: r + 1,
+                isIconOnly: E,
                 children: [
                   /* @__PURE__ */ i(
                     "span",
                     {
                       className: y(`${o}__step-trigger-label`, {
-                        [`${o}__step-trigger-label--not-icon-only`]: !L
+                        [`${o}__step-trigger-label--not-icon-only`]: !E
                       }),
                       children: u
                     }
                   ),
-                  t !== P && /* @__PURE__ */ i(S, { "data-testid": `${e}-next-step-trigger-hidden-text`, children: `${C} ${t + 1}` }),
-                  /* @__PURE__ */ i(de, { size: "sm" })
+                  r !== w && /* @__PURE__ */ i(S, { "data-testid": `${e}-next-step-trigger-hidden-text`, children: `${z} ${r + 1}` }),
+                  /* @__PURE__ */ i(me, { size: "sm" })
                 ]
               }
             )
           ] }),
-          g && /* @__PURE__ */ i("div", { className: y(`${o}__page-size-select-container`), children: /* @__PURE__ */ i(
-            I,
+          a && /* @__PURE__ */ i("div", { className: y(`${o}__page-size-select-container`), children: /* @__PURE__ */ i(
+            T,
             {
-              ...a ? { asLink: !0, hrefGetter: _, navigationFunction: p } : { asLink: void 0, hrefGetter: void 0 },
-              availablePageSizes: g,
+              ...g ? { asLink: !0, hrefGetter: _, navigationFunction: p } : { asLink: void 0, hrefGetter: void 0 },
+              availablePageSizes: a,
               className: y(`${o}__page-size-selector`),
               "data-testid": `${e}-page-size-selector`,
-              onPageSizeChange: se,
+              onPageSizeChange: _e,
               pageSize: R,
-              pageSizeLabel: z
+              pageSizeLabel: N
             }
           ) })
         ]
@@ -563,4 +556,4 @@ Ee.displayName = "Pagination";
 export {
   Ee as P
 };
-//# sourceMappingURL=pagination-BdCjh1Pi.mjs.map
+//# sourceMappingURL=pagination-CVYUacXN.mjs.map