@adyen/adyen-platform-experience-web 1.2.0 → 1.3.1

package/dist/es/components/internal/FormFields/Select/components/SelectButton.js

@@ -1,92 +1,92 @@
 import { jsx as a } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import T from "classnames";
-import { useMemo as N } from "../../../../../external/preact/hooks/dist/hooks.module.js";
+import c from "classnames";
+import { useMemo as O } from "../../../../../external/preact/hooks/dist/hooks.module.js";
 import S from "../../../../../core/Context/useCoreContext.js";
-import { ButtonVariant as C } from "../../../Button/types.js";
-import f from "../../../Typography/Typography.js";
-import L from "../../../SVGIcons/ChevronDown.js";
-import { TypographyElement as u, TypographyVariant as B } from "../../../Typography/types.js";
+import { ButtonVariant as f } from "../../../Button/types.js";
+import u from "../../../Typography/Typography.js";
+import C from "../../../SVGIcons/ChevronDown.js";
+import { TypographyElement as L, TypographyVariant as B } from "../../../Typography/types.js";
 import { DROPDOWN_BUTTON_CLASS as p, DROPDOWN_BUTTON_ACTIVE_CLASS as R, DROPDOWN_BUTTON_HAS_SELECTION_CLASS as h, DROPDOWN_BUTTON_READONLY_CLASS as y, DROPDOWN_BUTTON_INVALID_CLASS as A, DROPDOWN_BUTTON_VALID_CLASS as E, DROPDOWN_BUTTON_ICON_CLASS as P, DROPDOWN_BUTTON_TEXT_CLASS as U, DROPDOWN_BUTTON_MULTI_SELECT_COUNTER_CLASS as g, DROPDOWN_BUTTON_COLLAPSE_INDICATOR_CLASS as x, DROPDOWN_BUTTON_CLASSNAME as I } from "../constants.js";
 import { Fragment as W } from "../../../../../external/preact/dist/preact.module.js";
 import b from "../../../Img/Img.js";
 import w from "../../../Button/Button.js";
 import { boolOrFalse as V } from "../../../../../utils/value/bool.js";
-const v = ({
+const F = ({
   active: e,
   disabled: m,
-  className: o,
-  filterable: i,
+  className: i,
+  filterable: n,
   toggleButtonRef: l,
-  ...n
+  ...o
 }) => {
-  const r = N(() => i ? T(I, o) : o, [o, i]);
-  return i ? /* @__PURE__ */ a("div", { ...n, className: r, ref: l }) : /* @__PURE__ */ a(
+  const r = O(() => n ? c(I, i) : i, [i, n]);
+  return n ? /* @__PURE__ */ a("div", { ...o, className: r, ref: l }) : /* @__PURE__ */ a(
     w,
     {
-      ...n,
+      ...o,
       className: r,
       disabled: m,
-      variant: C.SECONDARY,
+      variant: f.SECONDARY,
       ref: l
     }
   );
-}, F = (e) => {
-  var d;
-  const { i18n: m } = S(), { active: o, filterable: i, multiSelect: l, placeholder: n, readonly: r, showList: s, withoutCollapseIndicator: _ } = e, O = N(() => (n == null ? void 0 : n.trim()) || m.get("select.filter.placeholder"), [m, n]), t = N(() => V(l) ? void 0 : o[0], [o, l]), D = N(() => {
-    var c;
-    return ((c = t == null ? void 0 : t.name) == null ? void 0 : c.trim()) || O;
-  }, [t, O]);
+}, Z = (e) => {
+  var N;
+  const { i18n: m } = S(), { active: i, filterable: n, multiSelect: l, placeholder: o, readonly: r, showList: d, withoutCollapseIndicator: _ } = e, s = O(() => (o == null ? void 0 : o.trim()) || m.get("select.filter.placeholder"), [m, o]), t = O(() => V(l) ? void 0 : i[0], [i, l]), D = O(() => {
+    var T;
+    return ((T = t == null ? void 0 : t.name) == null ? void 0 : T.trim()) || s;
+  }, [t, s]);
   return /* @__PURE__ */ a(
-    v,
+    F,
     {
-      active: o,
+      active: i,
       disabled: r,
       "aria-disabled": r,
-      "aria-expanded": s,
+      "aria-expanded": d,
       "aria-haspopup": "listbox",
-      className: T(p, {
-        [R]: s,
-        [h]: !!o.length,
+      className: c(p, {
+        [R]: d,
+        [h]: !!i.length,
         [y]: r,
         [A]: e.isInvalid,
         [E]: e.isValid
       }),
-      filterable: i,
+      filterable: n,
       onClick: r ? void 0 : e.toggleList,
       onKeyDown: r ? void 0 : e.onButtonKeyDown,
-      role: i ? "button" : void 0,
+      role: n ? "button" : void 0,
       tabIndex: 0,
       title: D,
       toggleButtonRef: e.toggleButtonRef,
-      type: i ? "" : "button",
+      type: n ? void 0 : "button",
       "aria-describedby": e.ariaDescribedBy,
       id: e.id ?? "",
       children: [
-        s && i ? /* @__PURE__ */ a(
+        d && n ? /* @__PURE__ */ a(
           "input",
           {
             "aria-autocomplete": "list",
             "aria-controls": e.selectListId,
-            "aria-expanded": s,
+            "aria-expanded": d,
             "aria-owns": e.selectListId,
             autoComplete: "off",
             className: "adyen-pe-filter-input",
             onInput: e.onInput,
-            placeholder: O,
+            placeholder: s,
             ref: e.filterInputRef,
             role: "combobox",
             type: "text"
           }
         ) : /* @__PURE__ */ a(W, { children: [
           (t == null ? void 0 : t.icon) && /* @__PURE__ */ a(b, { className: P, src: t.icon, alt: t.name.trim() }),
-          /* @__PURE__ */ a("span", { className: U, children: ((d = t == null ? void 0 : t.selectedOptionName) == null ? void 0 : d.trim()) || (t == null ? void 0 : t.name.trim()) || O }),
-          l && e.appliedFilterNumber > 0 && /* @__PURE__ */ a("div", { className: g, children: /* @__PURE__ */ a(f, { el: u.SPAN, variant: B.BODY, stronger: !0, children: e.appliedFilterNumber }) })
+          /* @__PURE__ */ a("span", { className: U, children: ((N = t == null ? void 0 : t.selectedOptionName) == null ? void 0 : N.trim()) || (t == null ? void 0 : t.name.trim()) || s }),
+          l && e.appliedFilterNumber > 0 && /* @__PURE__ */ a("div", { className: g, children: /* @__PURE__ */ a(u, { el: L.SPAN, variant: B.BODY, stronger: !0, children: e.appliedFilterNumber }) })
         ] }),
-        !_ && /* @__PURE__ */ a("span", { className: x, children: /* @__PURE__ */ a(L, { role: "presentation" }) })
+        !_ && /* @__PURE__ */ a("span", { className: x, children: /* @__PURE__ */ a(C, { role: "presentation" }) })
       ]
     }
   );
-}, Z = F;
+};
 export {
   Z as default
 };

package/dist/es/components/internal/FormFields/Select/components/SelectList.js

@@ -28,9 +28,9 @@ const k = Q(
     setToTargetWidth: N,
     popoverClassNameModifiers: P,
     showOverlay: _,
-    fitPosition: v
-  }, D) => {
-    const { i18n: E } = g(), L = R(x.down.xs), m = d.filter((e) => !n || e.name.toLowerCase().includes(n)), T = a(F, { [W]: i }), I = a(z, j), M = l(() => U(t) ? t : B, [t]), r = l(() => $(s), [s]);
+    fitPosition: D
+  }, E) => {
+    const { i18n: L } = g(), T = R(x.down.xs), m = d.filter((e) => !n || e.name.toLowerCase().includes(n)), v = a(F, { [W]: i }), M = a(z, j), I = l(() => U(t) ? t : B, [t]), r = l(() => $(s), [s]);
     return i ? /* @__PURE__ */ o(
       b,
       {
@@ -47,20 +47,20 @@ const k = Q(
         targetElement: S,
         withContentPadding: !1,
         position: V.BOTTOM,
-        showOverlay: _ && L,
-        fitPosition: v,
-        children: /* @__PURE__ */ o("ul", { className: T, id: O, ref: D, role: "listbox", "aria-multiselectable": r, children: m.length ? m.map((e) => /* @__PURE__ */ o(
+        showOverlay: _ && T,
+        fitPosition: D,
+        children: /* @__PURE__ */ o("ul", { className: v, id: O, ref: E, role: "listbox", "aria-multiselectable": r, children: m.length ? m.map((e) => /* @__PURE__ */ o(
           y,
           {
             item: e,
             multiSelect: r,
             onKeyDown: f,
             onSelect: u,
-            renderListItem: M,
+            renderListItem: I,
             selected: c.includes(e)
           },
           e.id
-        )) : /* @__PURE__ */ o("div", { className: I, children: E.get("select.noOptionsFound") }) })
+        )) : /* @__PURE__ */ o("div", { className: M, children: L.get("select.noOptionsFound") }) })
       }
     ) : null;
   }

package/dist/es/components/internal/FormFields/Select/components/SelectListItem.js

@@ -8,14 +8,14 @@ import { DROPDOWN_ELEMENT_CHECKMARK_CLASS as S, DROPDOWN_ELEMENT_CLASS as D, DRO
 import u from "../../../Img/Img.js";
 import { Fragment as h } from "../../../../../external/preact/dist/preact.module.js";
 import { boolOrFalse as A } from "../../../../../utils/value/bool.js";
-const T = (e) => e.multiSelect ? /* @__PURE__ */ s("span", { className: f, children: e.selected ? /* @__PURE__ */ s(E, { role: "presentation" }) : /* @__PURE__ */ s(C, { role: "presentation" }) }) : null, b = (e) => e.multiSelect ? null : /* @__PURE__ */ s("span", { className: S, children: e.selected && /* @__PURE__ */ s(d, { role: "presentation" }) }), F = (e) => /* @__PURE__ */ s(h, { children: [
-  T(e),
+const M = (e) => e.multiSelect ? /* @__PURE__ */ s("span", { className: f, children: e.selected ? /* @__PURE__ */ s(E, { role: "presentation" }) : /* @__PURE__ */ s(C, { role: "presentation" }) }) : null, T = (e) => e.multiSelect ? null : /* @__PURE__ */ s("span", { className: S, children: e.selected && /* @__PURE__ */ s(d, { role: "presentation" }) }), F = (e) => /* @__PURE__ */ s(h, { children: [
+  M(e),
   /* @__PURE__ */ s("div", { className: e.contentClassName, children: [
     e.item.icon && /* @__PURE__ */ s(u, { className: e.iconClassName, alt: e.item.name, src: e.item.icon }),
     /* @__PURE__ */ s("span", { children: e.item.name })
   ] }),
-  b(e)
-] }), M = ({ item: e, multiSelect: n, onKeyDown: t, onSelect: r, renderListItem: i, selected: l }) => {
+  T(e)
+] }), b = ({ item: e, multiSelect: n, onKeyDown: t, onSelect: r, renderListItem: i, selected: l }) => {
   const o = !!e.disabled, m = A(e.disabled) || null, a = c(D, {
     [_]: l,
     [p]: o
@@ -42,10 +42,10 @@ const T = (e) => e.multiSelect ? /* @__PURE__ */ s("span", { className: f, child
       })
     }
   );
-}, H = N(M);
+}, H = N(b);
 export {
   H as default,
-  T as renderDefaultMultiSelectionCheckedness,
-  b as renderDefaultSingleSelectionCheckedness,
+  M as renderDefaultMultiSelectionCheckedness,
+  T as renderDefaultSingleSelectionCheckedness,
   F as renderListItemDefault
 };

package/dist/es/components/internal/FormFields/Select/hooks/useSelect.js

@@ -1,34 +1,32 @@
 import { useCallback as i, useState as O, useEffect as g } from "../../../../../external/preact/hooks/dist/hooks.module.js";
 import { EMPTY_ARRAY as t } from "../../../../../utils/value/constants.js";
-const h = ({ items: f, multiSelect: r, selected: l }) => {
+const p = ({ items: f, multiSelect: r, selected: l }) => {
   const a = i(
     (c = t) => {
       const e = t.concat(c ?? t).filter(Boolean), n = f.filter((x) => e.includes(x.id)), o = r ? n : n.slice(0, 1);
       return o.length ? Object.freeze(o) : t;
     },
     [f, r]
-  ), [d, s] = O(a(l)), u = i(
+  ), [d, s] = O(a(l)), b = i(
     (c = t) => {
       const e = c.filter((n) => f.includes(n));
       s(e.length ? Object.freeze(e) : t);
     },
     [f, s]
-  ), b = i(
+  ), u = i(
     (c) => {
       s((e) => {
         const n = e.indexOf(c);
-        if (n < 0)
-          return Object.freeze((r ? e : t).concat(c));
-        if (!r)
-          return e;
+        if (n < 0) return Object.freeze((r ? e : t).concat(c));
+        if (!r) return e;
         const o = [...e];
         return o.splice(n, 1), o.length ? Object.freeze(o) : t;
       });
     },
     [r, s]
   );
-  return g(() => s(a(l)), [a, l, s]), { resetSelection: u, select: b, selection: d };
-}, z = h;
+  return g(() => s(a(l)), [a, l, s]), { resetSelection: b, select: u, selection: d };
+};
 export {
-  z as default
+  p as default
 };

package/dist/es/components/internal/Header/Header.js

@@ -1,21 +1,29 @@
-import { jsx as r } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import n from "../Typography/Typography.js";
-import h from "../../../core/Context/useCoreContext.js";
-import { TypographyElement as c, TypographyVariant as m } from "../Typography/types.js";
-import "./Header.scss.js";
-import { Divider as _ } from "../Divider/Divider.js";
-const l = "adyen-pe-header", S = ({ baseClassName: i = l, children: e, hasDivider: p, hideTitle: a, titleKey: o, subtitleKey: t }) => {
-  const { i18n: d } = h();
-  return /* @__PURE__ */ r("header", { className: i, children: [
-    /* @__PURE__ */ r("div", { className: `${i}__headings`, children: [
-      !a && o && /* @__PURE__ */ r("div", { className: `${i}__title`, children: /* @__PURE__ */ r(n, { el: c.SPAN, variant: m.TITLE, medium: !0, children: d.get(o) }) }),
-      t && /* @__PURE__ */ r("div", { className: `${i}__subtitle`, children: /* @__PURE__ */ r(n, { el: c.SPAN, variant: m.BODY, children: d.get(t) }) }),
-      p && /* @__PURE__ */ r(_, { className: `${i}__divider` })
+import { jsx as d } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import n from "classnames";
+import o from "../Typography/Typography.js";
+import S from "../../../core/Context/useCoreContext.js";
+import { TypographyElement as _, TypographyVariant as e } from "../Typography/types.js";
+/* empty css            */
+import { Divider as T } from "../Divider/Divider.js";
+const $ = "adyen-pe-header", P = ({ baseClassName: m = $, children: a, hasDivider: v, hideTitle: y, titleKey: c, subtitleKey: p, subtitleConfig: r }) => {
+  const { i18n: h } = S();
+  return /* @__PURE__ */ d("header", { className: m, children: [
+    /* @__PURE__ */ d("div", { className: `${m}__headings`, children: [
+      !y && c && /* @__PURE__ */ d("div", { className: `${m}__title`, children: /* @__PURE__ */ d(o, { el: _.SPAN, variant: e.TITLE, medium: !0, children: h.get(c) }) }),
+      p && /* @__PURE__ */ d("div", { className: n(`${m}__subtitle`, r == null ? void 0 : r.classNames), children: /* @__PURE__ */ d(
+        o,
+        {
+          el: (r == null ? void 0 : r.typographyEl) ?? _.SPAN,
+          variant: (r == null ? void 0 : r.variant) ?? e.BODY,
+          children: h.get(p)
+        }
+      ) }),
+      v && /* @__PURE__ */ d(T, { className: `${m}__divider` })
     ] }),
-    e && /* @__PURE__ */ r("div", { className: `${i}__controls`, children: e })
+    a && /* @__PURE__ */ d("div", { className: `${m}__controls`, children: a })
   ] });
 };
 export {
-  l as BASE_CLASS,
-  S as Header
+  $ as BASE_CLASS,
+  P as Header
 };

package/dist/es/components/internal/Icon/Icon.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import "./Icon.scss.js";
+/* empty css          */
 import m from "classnames";
 import { useState as p, useEffect as s } from "../../../external/preact/hooks/dist/hooks.module.js";
 const e = {
@@ -22,15 +22,15 @@ const e = {
   square: () => import("../../../images/icons/square.svg.js"),
   "warning-filled": () => import("../../../images/icons/warning-filled.svg.js"),
   warning: () => import("../../../images/icons/warning.svg.js")
-}, a = ({ className: n, name: o, ...c }) => {
+}, d = ({ className: n, name: o, ...c }) => {
   const [r, i] = p(null);
   return s(() => {
     e[o] ? e[o]().then(({ default: l }) => {
       i(/* @__PURE__ */ t(l, {}));
     }) : (i(null), console.error(`Icon with name "${o}" does not exist.`));
   }, [o]), r && /* @__PURE__ */ t("span", { className: m("adyen-pe-icon", n), role: "img", "aria-hidden": !0, ...c, children: r });
-}, g = a;
+};
 export {
-  a as Icon,
-  g as default
+  d as Icon,
+  d as default
 };

package/dist/es/components/internal/Img/Img.js

@@ -1,7 +1,7 @@
 import { jsx as n } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { useState as p, useRef as y, useEffect as N } from "../../../external/preact/hooks/dist/hooks.module.js";
 import h from "classnames";
-import "./Img.scss.js";
+/* empty css         */
 function L(s) {
   const { backgroundUrl: a = "", className: c = "", classNameModifiers: m = [], src: l = "", alt: d = "", showOnError: f = !1 } = s, [i, o] = p(!1), r = y(null), u = () => {
     o(!0);

package/dist/es/components/internal/InfoBox/InfoBox.js

@@ -1,7 +1,7 @@
-import { jsx as a } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import e from "classnames";
-import "./InfoBox.scss.js";
-const f = ({ className: o, el: s = "div", children: t }) => /* @__PURE__ */ a(s, { className: e("adyen-pe-info-box", o), children: t }), x = f;
+import { jsx as m } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import r from "classnames";
+/* empty css             */
+const i = ({ className: o, el: a = "div", children: e }) => /* @__PURE__ */ m(a, { className: r("adyen-pe-info-box", o), children: e });
 export {
-  x as default
+  i as default
 };

package/dist/es/components/internal/Modal/Modal.js

@@ -3,13 +3,13 @@ import { useClickOutside as h } from "../../../hooks/element/useClickOutside.js"
 import { useResponsiveViewport as v, mediaQueries as _ } from "../../../hooks/useResponsiveViewport.js";
 import { ButtonVariant as x } from "../Button/types.js";
 import g from "../../../core/Context/useCoreContext.js";
-import { useContext as E, useCallback as k, useEffect as N } from "../../../external/preact/hooks/dist/hooks.module.js";
+import { useContext as k, useCallback as E, useEffect as N } from "../../../external/preact/hooks/dist/hooks.module.js";
 import { createContext as C, Fragment as M } from "../../../external/preact/dist/preact.module.js";
 import m from "classnames";
-import "./Modal.scss.js";
-import b from "../Button/Button.js";
-import B from "../Icon/Icon.js";
-const i = C({ withinModal: !1 }), P = () => E(i);
+/* empty css           */
+import B from "../Button/Button.js";
+import { Icon as L } from "../Icon/Icon.js";
+const i = C({ withinModal: !1 }), P = () => k(i);
 function Q({
   title: n,
   children: c,
@@ -21,7 +21,7 @@ function Q({
   size: r = "fluid",
   ...u
 }) {
-  const f = v(_.down.xs), { i18n: y } = g(), w = h(null, o), t = k(
+  const f = v(_.down.xs), { i18n: y } = g(), w = h(null, o), t = E(
     (l) => {
       l.key === "Escape" && a && d && o();
     },
@@ -61,7 +61,7 @@ function Q({
                 children: [
                   n && /* @__PURE__ */ e("div", { className: "adyen-pe-modal__header__title", children: n }),
                   d && /* @__PURE__ */ e(
-                    b,
+                    B,
                     {
                       onClick: o,
                       variant: x.TERTIARY,
@@ -69,7 +69,7 @@ function Q({
                       classNameModifiers: ["circle"],
                       className: "adyen-pe-modal__header-icon",
                       "aria-label": y.get("dismiss"),
-                      children: /* @__PURE__ */ e(B, { name: "cross" })
+                      children: /* @__PURE__ */ e(L, { name: "cross" })
                     }
                   )
                 ]

package/dist/es/components/internal/Modal/ModalContent/ModalContent.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { useMemo as s } from "../../../../external/preact/hooks/dist/hooks.module.js";
 import a from "../../DataOverviewDetails/DataOverviewDetails.js";
-import "./ModalContent.scss.js";
+/* empty css                  */
 import { Fragment as i } from "../../../../external/preact/dist/preact.module.js";
 const m = {
   base: "adyen-pe-modal-content"

package/dist/es/components/internal/Pagination/Pagination.js

@@ -3,7 +3,7 @@ import { ButtonVariant as s } from "../Button/types.js";
 import g from "../../../core/Context/useCoreContext.js";
 import b from "classnames";
 import { useMemo as h, useCallback as v } from "../../../external/preact/hooks/dist/hooks.module.js";
-import "./Pagination.scss.js";
+/* empty css                */
 import C from "../SVGIcons/ChevronLeft.js";
 import _ from "../SVGIcons/ChevronRight.js";
 import { Fragment as T } from "../../../external/preact/dist/preact.module.js";
@@ -11,7 +11,7 @@ import R from "../FormFields/Select/Select.js";
 import d from "../Button/Button.js";
 import { isNullish as N } from "../../../utils/value/is.js";
 import { EMPTY_ARRAY as c } from "../../../utils/value/constants.js";
-function z({ next: m, hasNext: n, hasPrev: o, page: x, prev: p, limit: f, limitOptions: t, onLimitSelection: i }) {
+function w({ next: m, hasNext: n, hasPrev: o, prev: p, limit: f, limitOptions: t, onLimitSelection: i }) {
   const { i18n: r } = g(), l = h(
     () => t && Object.freeze(t.map((e) => ({ id: `${e}`, name: `${e}` }))),
     [t]
@@ -65,5 +65,5 @@ function z({ next: m, hasNext: n, hasPrev: o, page: x, prev: p, limit: f, limitO
   ] });
 }
 export {
-  z as default
+  w as default
 };

package/dist/es/components/internal/Pagination/hooks/useCursorPaginatedRecords.js

@@ -1,9 +1,9 @@
 import r from "./usePaginatedRecords.js";
-import { PaginationType as e } from "../types.js";
-const a = (o) => r({
+import { PaginationType as a } from "../types.js";
+const i = (o) => r({
   ...o,
-  pagination: e.CURSOR
-}), n = a;
+  pagination: a.CURSOR
+});
 export {
-  n as default
+  i as default
 };

package/dist/es/components/internal/Pagination/hooks/useCursorPagination.js

@@ -1,22 +1,22 @@
-import { useMemo as m } from "../../../../external/preact/hooks/dist/hooks.module.js";
-import d from "./usePagination.js";
-import { isString as i, isUndefined as f } from "../../../../utils/value/is.js";
-const C = (e) => i(e.next), h = (e) => i(e.prev), l = (e, u) => {
-  const c = m(() => {
-    const o = [], P = () => o.length, a = () => {
-      o.length = 0;
-    }, g = (t) => ({ cursor: o[t - 1] }), r = (t, s) => {
-      const n = o[s - 1];
-      (s === 1 || s === (o.length || 1) + 1) && f(n) && (o[s - 1] = t ? decodeURIComponent(t) : void 0);
+import { useMemo as g } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import m from "./usePagination.js";
+import { isString as i, isUndefined as a } from "../../../../utils/value/is.js";
+const C = (o) => i(o.next), h = (o) => i(o.prev), S = (o, u) => {
+  const c = g(() => {
+    const e = [], P = () => e.length, d = () => {
+      e.length = 0;
+    }, f = (t) => ({ cursor: e[t - 1] }), s = (t, r) => {
+      const n = e[r - 1];
+      (r === 1 || r === (e.length || 1) + 1) && a(n) && (e[r - 1] = t ? decodeURIComponent(t) : void 0);
     };
-    return { getPageCount: P, getPageParams: g, resetPageCount: a, updatePagination: (t, s, n) => {
-      C(n) && r(n.next, t + 1), h(n) && r(n.prev, t - 1);
+    return { getPageCount: P, getPageParams: f, resetPageCount: d, updatePagination: (t, r, n) => {
+      C(n) && s(n.next, t + 1), h(n) && s(n.prev, t - 1);
     } };
   }, []);
-  return d(c, e, u);
-}, U = l;
+  return m(c, o, u);
+};
 export {
-  U as default,
+  S as default,
   C as hasNextPage,
   h as hasPrevPage
 };

package/dist/es/components/internal/Pagination/hooks/useOffsetPagination.js

@@ -1,7 +1,7 @@
-import { useMemo as i } from "../../../../external/preact/hooks/dist/hooks.module.js";
-import r from "./usePagination.js";
-const u = (e) => e.next, P = (e, s) => {
-  const g = i(() => {
+import { useMemo as r } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import i from "./usePagination.js";
+const u = (e) => e.next, C = (e, s) => {
+  const g = r(() => {
     let t = 0;
     return { getPageCount: () => t, getPageParams: (a, n) => ({ offset: (a - 1) * n }), resetPageCount: () => {
       t = 0;
@@ -9,9 +9,9 @@ const u = (e) => e.next, P = (e, s) => {
       u(o) && o.next && (t = Math.max(t, a + 1));
     } };
   }, []);
-  return r(g, e, s);
-}, d = P;
+  return i(g, e, s);
+};
 export {
-  d as default,
+  C as default,
   u as hasNextPage
 };

package/dist/es/components/internal/Pagination/hooks/usePageLimit.js

@@ -1,32 +1,28 @@
 import { useRef as f, useMemo as m } from "../../../../external/preact/hooks/dist/hooks.module.js";
-import { DEFAULT_PAGE_LIMIT as a } from "../constants.js";
-import { getClampedPageLimit as l } from "../utils.js";
+import { DEFAULT_PAGE_LIMIT as l } from "../constants.js";
+import { getClampedPageLimit as a } from "../utils.js";
 import { mid as d } from "../../../../utils/value/number.js";
 import { isNumber as p } from "../../../../utils/value/is.js";
-const h = (r, o) => {
-  const n = r.length - 1;
-  if (n < 0)
-    return o;
-  if (o <= r[0])
-    return r[0];
-  if (o >= r[n])
-    return r[n];
-  let i = 0, c = 0, s = n;
+const h = (i, o) => {
+  const n = i.length - 1;
+  if (n < 0) return o;
+  if (o <= i[0]) return i[0];
+  if (o >= i[n]) return i[n];
+  let r = 0, c = 0, s = n;
   for (; ; ) {
-    const e = r[i = d(c, s)];
-    if (c > s || o === e)
-      return e;
-    o > e ? c = i + 1 : s = i - 1;
+    const e = i[r = d(c, s)];
+    if (c > s || o === e) return e;
+    o > e ? c = r + 1 : s = r - 1;
   }
-}, b = ({
-  preferredLimit: r = a,
+}, q = ({
+  preferredLimit: i = l,
   preferredLimitOptions: o
 }) => {
-  const n = f(), i = f(), c = m(() => {
+  const n = f(), r = f(), c = m(() => {
     try {
       const e = /* @__PURE__ */ new Set();
       for (const t of o) {
-        const u = l(t);
+        const u = a(t);
         u > 0 && e.add(u);
       }
       return Object.freeze([...e].sort((t, u) => t - u));
@@ -34,34 +30,31 @@ const h = (r, o) => {
     }
   }, [o]);
   return { limit: m(() => {
-    let e = l(r) || a;
-    e:
-      try {
-        if (n.current === c)
-          break e;
-        const t = new Set(n.current = c);
-        if (t.size === 0) {
-          n.current = void 0;
-          break e;
-        }
-        if (i.current !== e)
-          t: {
-            if (t.size === t.add(e).size)
-              break t;
-            if (t.delete(e), t.size === t.add(i.current).size) {
-              if (p(i.current)) {
-                e = i.current;
-                break t;
-              }
-            } else
-              t.delete(i.current);
-            e = h(n.current, e);
-          }
-      } catch {
+    let e = a(i) || l;
+    e: try {
+      if (n.current === c) break e;
+      const t = new Set(n.current = c);
+      if (t.size === 0) {
+        n.current = void 0;
+        break e;
       }
-    return i.current = e;
-  }, [c, r]), limitOptions: c };
-}, q = b;
+      if (r.current !== e)
+        t: {
+          if (t.size === t.add(e).size)
+            break t;
+          if (t.delete(e), t.size === t.add(r.current).size) {
+            if (p(r.current)) {
+              e = r.current;
+              break t;
+            }
+          } else t.delete(r.current);
+          e = h(n.current, e);
+        }
+    } catch {
+    }
+    return r.current = e;
+  }, [c, i]), limitOptions: c };
+};
 export {
   q as default,
   h as getNearestFromSortedUniqueNums