@adyen/adyen-platform-experience-web 1.4.1 → 1.5.0

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

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

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

@@ -1,7 +1,7 @@
 import { jsx as o } from "../../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { useResponsiveContainer as R, containerQueries as x } from "../../../../../hooks/useResponsiveContainer.js";
 import b from "../../../Popover/Popover.js";
-import { PopoverContainerSize as A, PopoverContainerVariant as g, PopoverContainerPosition as h } from "../../../Popover/types.js";
+import { PopoverContainerPosition as A, PopoverContainerVariant as g, PopoverContainerSize as h } from "../../../Popover/types.js";
 import F from "../../../../../core/Context/useCoreContext.js";
 import m from "classnames";
 import { memo as W } from "../../../../../external/preact/compat/dist/compat.module.js";
@@ -16,21 +16,21 @@ const k = Q(
     active: c,
     commitActions: p,
     items: d,
-    multiSelect: n,
+    multiSelect: s,
     onKeyDown: f,
     onSelect: u,
     renderListItem: t,
     selectListId: O,
     showList: i,
-    textFilter: s,
+    textFilter: n,
     toggleButtonRef: S,
     dismissPopover: C,
     setToTargetWidth: N,
     popoverClassNameModifiers: P,
     showOverlay: _,
-    fitPosition: D
-  }, E) => {
-    const { i18n: L } = F(), T = R(x.down.xs), a = d.filter((e) => !s || e.name.toLowerCase().includes(s)), v = m(w, { [V]: i }), M = m(z, j), I = l(() => U(t) ? t : B, [t]), r = l(() => $(n), [n]);
+    fitPosition: v
+  }, D) => {
+    const { i18n: E } = F(), L = R(x.down.xs), a = d.filter((e) => !n || e.name.toLowerCase().includes(n)), T = m(w, { [V]: i }), M = m(z, j), I = l(() => U(t) ? t : B, [t]), r = l(() => $(s), [s]);
     return i ? /* @__PURE__ */ o(
       b,
       {
@@ -42,14 +42,14 @@ const k = Q(
         dismissible: !1,
         open: i,
         setToTargetWidth: N,
-        containerSize: A.MEDIUM,
+        containerSize: h.MEDIUM,
         variant: g.POPOVER,
         targetElement: S,
         withContentPadding: !1,
-        position: h.BOTTOM,
-        showOverlay: _ && T,
-        fitPosition: D,
-        children: /* @__PURE__ */ o("ul", { className: v, id: O, ref: E, role: "listbox", "aria-multiselectable": r, children: a.length ? a.map((e) => /* @__PURE__ */ o(
+        position: A.BOTTOM,
+        showOverlay: _ && L,
+        fitPosition: v,
+        children: /* @__PURE__ */ o("ul", { className: T, id: O, ref: D, role: "listbox", "aria-multiselectable": r, children: a.length ? a.map((e) => /* @__PURE__ */ o(
           y,
           {
             item: e,
@@ -60,11 +60,11 @@ const k = Q(
             selected: c.includes(e)
           },
           e.id
-        )) : /* @__PURE__ */ o("div", { className: M, children: L.get("select.noOptionsFound") }) })
+        )) : /* @__PURE__ */ o("div", { className: M, children: E.get("select.noOptionsFound") }) })
       }
     ) : null;
   }
-), ne = W(k);
+), se = W(k);
 export {
-  ne as default
+  se as default
 };

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

@@ -4,7 +4,7 @@ import { memo as N } from "../../../../../external/preact/compat/dist/compat.mod
 import E from "../../../SVGIcons/CheckedBox.js";
 import C from "../../../SVGIcons/UncheckedBox.js";
 import d from "../../../SVGIcons/Checkmark.js";
-import { DROPDOWN_ELEMENT_CHECKMARK_CLASS as S, DROPDOWN_ELEMENT_CLASS as D, DROPDOWN_ELEMENT_ACTIVE_CLASS as _, DROPDOWN_ELEMENT_DISABLED_CLASS as p, DROPDOWN_ELEMENT_CONTENT_CLASS as L, DROPDOWN_ELEMENT_ICON_CLASS as O, DROPDOWN_ELEMENT_CHECKBOX_CLASS as f } from "../constants.js";
+import { DROPDOWN_ELEMENT_CHECKMARK_CLASS as S, DROPDOWN_ELEMENT_CLASS as D, DROPDOWN_ELEMENT_DISABLED_CLASS as _, DROPDOWN_ELEMENT_ACTIVE_CLASS as p, DROPDOWN_ELEMENT_ICON_CLASS as L, DROPDOWN_ELEMENT_CONTENT_CLASS as O, DROPDOWN_ELEMENT_CHECKBOX_CLASS as f } from "../constants.js";
 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";
@@ -17,8 +17,8 @@ const M = (e) => e.multiSelect ? /* @__PURE__ */ s("span", { className: f, child
   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
+    [p]: l,
+    [_]: o
   });
   return /* @__PURE__ */ s(
     "li",
@@ -37,8 +37,8 @@ const M = (e) => e.multiSelect ? /* @__PURE__ */ s("span", { className: f, child
         item: e,
         multiSelect: n,
         selected: l,
-        contentClassName: L,
-        iconClassName: O
+        contentClassName: O,
+        iconClassName: L
       })
     }
   );

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

@@ -1,6 +1,6 @@
 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 p = ({ items: f, multiSelect: r, selected: l }) => {
+const z = ({ 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);
@@ -28,5 +28,5 @@ const p = ({ items: f, multiSelect: r, selected: l }) => {
   return g(() => s(a(l)), [a, l, s]), { resetSelection: b, select: u, selection: d };
 };
 export {
-  p as default
+  z as default
 };

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

@@ -2,19 +2,19 @@ import { jsx as d } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.m
 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";
+import { TypographyVariant as _, TypographyElement 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) }) }),
+      !y && c && /* @__PURE__ */ d("div", { className: `${m}__title`, children: /* @__PURE__ */ d(o, { el: e.SPAN, variant: _.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,
+          el: (r == null ? void 0 : r.typographyEl) ?? e.SPAN,
+          variant: (r == null ? void 0 : r.variant) ?? _.BODY,
           children: h.get(p)
         }
       ) }),

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

@@ -21,9 +21,11 @@ const e = {
   "minus-circle-outline": () => import("../../../images/icons/minus-circle-outline.svg.js"),
   "plus-circle-outline": () => import("../../../images/icons/plus-circle-outline.svg.js"),
   square: () => import("../../../images/icons/square.svg.js"),
+  "trash-can": () => import("../../../images/icons/trash-can.svg.js"),
+  upload: () => import("../../../images/icons/upload.svg.js"),
   "warning-filled": () => import("../../../images/icons/warning-filled.svg.js"),
   warning: () => import("../../../images/icons/warning.svg.js")
-}, d = ({ className: n, name: o, ...c }) => {
+}, h = ({ className: n, name: o, ...c }) => {
   const [r, i] = p(null);
   return s(() => {
     e[o] ? e[o]().then(({ default: l }) => {
@@ -32,6 +34,6 @@ const e = {
   }, [o]), r && /* @__PURE__ */ t("span", { className: m("adyen-pe-icon", n), role: "img", "aria-hidden": !0, ...c, children: r });
 };
 export {
-  d as Icon,
-  d as default
+  h as Icon,
+  h as default
 };

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

@@ -1,13 +1,13 @@
 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 E from "classnames";
 /* 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);
   }, g = () => {
     o(f);
-  }, t = h(
+  }, t = E(
     [c],
     "adyen-pe-image",
     { "adyen-pe-image--loaded": i },

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

@@ -1,6 +1,6 @@
 import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import s from "../Typography/Typography.js";
-import { TypographyElement as c, TypographyVariant as k } from "../Typography/types.js";
+import { TypographyVariant as c, TypographyElement as k } from "../Typography/types.js";
 import y from "classnames";
 import { useCallback as u } from "../../../external/preact/hooks/dist/hooks.module.js";
 /* empty css          */
@@ -29,7 +29,7 @@ function C({
       onClick: m,
       ...i,
       children: [
-        /* @__PURE__ */ e(s, { className: "adyen-pe-link__text", el: c.SPAN, variant: k.BODY, children: o }),
+        /* @__PURE__ */ e(s, { className: "adyen-pe-link__text", el: k.SPAN, variant: c.BODY, children: o }),
         p && a === "_blank" && /* @__PURE__ */ e(d, { name: "external-link" })
       ]
     }

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

@@ -9,8 +9,8 @@ import m from "classnames";
 /* empty css           */
 import B from "../Button/Button.js";
 import { Icon as L } from "../Icon/Icon.js";
-const i = N({ withinModal: !1 }), Q = () => k(i);
-function S({
+const i = N({ withinModal: !1 }), S = () => k(i);
+function V({
   title: t,
   children: c,
   classNameModifiers: s = [],
@@ -83,6 +83,6 @@ function S({
   ) });
 }
 export {
-  S as default,
-  Q as useModalContext
+  V as default,
+  S as useModalContext
 };

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

@@ -1,19 +1,19 @@
-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 = () => {
+import { useMemo as a } 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 = (n) => i(n.next), h = (n) => i(n.prev), S = (n, u) => {
+  const c = a(() => {
+    const e = [], P = () => e.length, g = () => {
       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);
+    }, m = (t) => ({ cursor: e[t - 1] }), s = (t, r) => {
+      const o = e[r - 1];
+      (r === 1 || r === (e.length || 1) + 1) && f(o) && (e[r - 1] = t ? decodeURIComponent(t) : void 0);
     };
-    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 { getPageCount: P, getPageParams: m, resetPageCount: g, updatePagination: (t, r, o) => {
+      C(o) && s(o.next, t + 1), h(o) && s(o.prev, t - 1);
     } };
   }, []);
-  return m(c, o, u);
+  return d(c, n, u);
 };
 export {
   S as default,

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

@@ -3,41 +3,41 @@ import F from "../../../../hooks/useBooleanState.js";
 import H from "../../../../hooks/useMounted.js";
 import { getClampedPageLimit as J } from "../utils.js";
 import { noop as K } from "../../../../utils/common.js";
-const Y = (v, l, y) => {
-  const u = p(), c = p(), h = p(), e = p(), i = H(
+const Y = (V, l, M) => {
+  const u = p(), c = p(), h = p(), r = p(), i = H(
     P(() => {
       var o;
       (o = u.current) == null || o.abort(), u.current = void 0;
     }, [])
-  ), [t, x] = T(e.current), [f, z] = F(!1), r = s(() => J(y), [y]), { getPageCount: C, getPageParams: A, resetPageCount: S, updatePagination: I } = v, n = s(() => l ? (o) => {
-    var $;
-    if (!(r && Number.isInteger(o))) return;
-    const m = C(), a = o < 0 ? o + m + 1 : o;
-    a > 0 && (m ? a <= m : a === 1) && (($ = u.current) == null || $.abort(), u.current = new AbortController(), i.current && (((e.current = a) > 1 || m) && x(e.current), (async () => {
-      const { signal: b } = u.current, D = { ...A(a, r), limit: r, page: a };
+  ), [t, x] = T(r.current), [g, y] = F(!1), e = s(() => J(M), [M]), { getPageCount: v, getPageParams: A, resetPageCount: z, updatePagination: I } = V, n = s(() => l ? (o) => {
+    var S;
+    if (!(e && Number.isInteger(o))) return;
+    const f = v(), a = o < 0 ? o + f + 1 : o;
+    a > 0 && (f ? a <= f : a === 1) && ((S = u.current) == null || S.abort(), u.current = new AbortController(), i.current && (((r.current = a) > 1 || f) && x(r.current), (async () => {
+      const { signal: $ } = u.current, D = { ...A(a, e), limit: e, page: a };
       try {
-        const d = await l(D, b);
+        const d = await l(D, $);
         if (!d || !i.current) return;
-        const { size: V, ...G } = d;
-        I(a, r, G), c.current = e.current && Math.max(e.current, c.current || -1 / 0), e.current && e.current === c.current && (h.current = V), e.current === 1 && V > 0 && x(e.current), e.current = void 0, z(!0);
+        const { size: b, ...G } = d;
+        I(a, e, G), c.current = r.current && Math.max(r.current, c.current || -1 / 0), r.current && r.current === c.current && (h.current = b), r.current === 1 && b > 0 && x(r.current), r.current = void 0, y(!0);
       } catch (d) {
-        if (b.aborted) return;
+        if ($.aborted) return;
         console.error(d);
       }
     })()));
-  } : K, [r, l]), R = P(() => {
-    t && n(Math.min(t + 1, C()));
+  } : K, [e, l]), R = P(() => {
+    t && n(Math.min(t + 1, v()));
   }, [n, t]), q = P(() => {
     t && n(Math.max(t - 1, 1));
-  }, [n, t]), g = s(() => C() || t || void 0, [n, f]), w = s(() => !!(t && g) && t < g, [t, g]), E = s(() => !!t && t > 1, [t]), M = s(
-    () => c.current ? (c.current - 1) * r + (h.current || 0) : 0,
-    [n, f]
-  ), N = s(() => r && Math.min(r, M || 1 / 0) % r, [r, M]), B = P(() => {
-    S(), c.current = h.current = e.current = void 0, i.current && x(e.current);
-  }, [S]);
+  }, [n, t]), m = s(() => v() || t || void 0, [n, g]), w = s(() => !!(t && m) && t < m, [t, m]), E = s(() => !!t && t > 1, [t]), C = s(
+    () => c.current ? (c.current - 1) * e + (h.current || 0) : 0,
+    [n, g]
+  ), N = s(() => e && Math.min(e, C || 1 / 0) % e, [e, C]), B = P(() => {
+    z(), c.current = h.current = r.current = void 0, i.current && x(r.current);
+  }, [z]);
   return j(() => {
-    i.current && f && z(!1);
-  }, [f]), { goto: n, hasNext: w, hasPrev: E, limit: r, next: R, page: t, pages: g, pageSize: N, prev: q, resetPagination: B, size: M };
+    i.current && g && y(!1);
+  }, [g]), { goto: n, hasNext: w, hasPrev: E, limit: e, next: R, page: t, pages: m, pageSize: N, prev: q, resetPagination: B, size: C };
 };
 export {
   Y as default

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

@@ -1,7 +1,7 @@
 import { jsx as r } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import oo from "../Button/ButtonActions/ButtonActions.js";
 import { ButtonActionsLayoutBasic as ro } from "../Button/ButtonActions/types.js";
-import { DEFAULT_POPOVER_CLASSNAME as c, DEFAULT_TOOLTIP_CLASSNAME as eo, POPOVER_CONTAINER_CLASSNAME as no, TOOLTIP_CONTENT_CLASSNAME as U, POPOVER_CONTENT_CLASSNAME as N, POPOVER_HEADER_TITLE_CLASSNAME as to, POPOVER_FOOTER_CLASSNAME as co, POPOVER_HEADER_CLASSNAME as B } from "./constants.js";
+import { DEFAULT_POPOVER_CLASSNAME as c, POPOVER_HEADER_TITLE_CLASSNAME as eo, TOOLTIP_CONTENT_CLASSNAME as U, POPOVER_CONTENT_CLASSNAME as N, POPOVER_FOOTER_CLASSNAME as no, DEFAULT_TOOLTIP_CLASSNAME as to, POPOVER_CONTAINER_CLASSNAME as co, POPOVER_HEADER_CLASSNAME as B } from "./constants.js";
 import io from "./PopoverDismissButton/PopoverDismissButton.js";
 import so from "./PopoverTitle/PopoverTitle.js";
 import { PopoverContainerVariant as i, PopoverContainerSize as k } from "./types.js";
@@ -94,7 +94,7 @@ function jo({
   x(() => {
     P.current && (P.current[O] = o.current);
   }, [o]), x(() => (document.removeEventListener("keydown", T.current), document.addEventListener("keydown", T.current = E), () => document.removeEventListener("keydown", T.current)), [E]);
-  const z = e === i.TOOLTIP ? eo : `${c} ${no}`, g = e === i.TOOLTIP ? U : `${N}`;
+  const z = e === i.TOOLTIP ? to : `${c} ${co}`, g = e === i.TOOLTIP ? U : `${N}`;
   return To(
     /* @__PURE__ */ r(_, { children: a ? /* @__PURE__ */ r(_, { children: [
       f && /* @__PURE__ */ r("div", { className: "adyen-pe-popover__overlay" }),
@@ -109,7 +109,7 @@ function jo({
           role: F.role ?? (e === i.POPOVER ? "dialog" : "tooltip"),
           children: [
             (u || M) && /* @__PURE__ */ r("div", { className: No(B, K, [B]), children: [
-              u && /* @__PURE__ */ r("div", { className: to, children: /* @__PURE__ */ r(so, { title: u }) }),
+              u && /* @__PURE__ */ r("div", { className: eo, children: /* @__PURE__ */ r(so, { title: u }) }),
               M && /* @__PURE__ */ r(io, { onClick: n })
             ] }),
             I && /* @__PURE__ */ r(_, { children: [
@@ -125,7 +125,7 @@ function jo({
               ),
               e === i.TOOLTIP && /* @__PURE__ */ r("span", { "data-popover-placement": "hidden", ref: V, className: "adyen-pe-tooltip__arrow" })
             ] }),
-            s && /* @__PURE__ */ r("div", { className: co, children: /* @__PURE__ */ r(oo, { actions: s, layout: l }) })
+            s && /* @__PURE__ */ r("div", { className: no, children: /* @__PURE__ */ r(oo, { actions: s, layout: l }) })
           ]
         }
       )

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

@@ -3,7 +3,7 @@ import { useMemo as u } from "../../../external/preact/hooks/dist/hooks.module.j
 import _ from "classnames";
 /* empty css                 */
 import m from "../Typography/Typography.js";
-import { TypographyElement as o, TypographyVariant as p } from "../Typography/types.js";
+import { TypographyVariant as o, TypographyElement as p } from "../Typography/types.js";
 import { Tooltip as h } from "../Tooltip/Tooltip.js";
 import { clamp as N } from "../../../utils/value/number.js";
 const A = ({ max: a = 1, value: t, labels: r, tooltips: n, className: i }) => {
@@ -41,8 +41,8 @@ const A = ({ max: a = 1, value: t, labels: r, tooltips: n, className: i }) => {
           )
         ] }),
         g && /* @__PURE__ */ e("div", { className: "adyen-pe-progress-bar__legend", "aria-hidden": "true", children: [
-          r.current && /* @__PURE__ */ e(m, { el: o.SPAN, variant: p.CAPTION, className: "adyen-pe-progress-bar__legend-label", children: r.current }),
-          r.max && /* @__PURE__ */ e(m, { el: o.SPAN, variant: p.CAPTION, className: "adyen-pe-progress-bar__legend-label", children: r.max })
+          r.current && /* @__PURE__ */ e(m, { el: p.SPAN, variant: o.CAPTION, className: "adyen-pe-progress-bar__legend-label", children: r.current }),
+          r.max && /* @__PURE__ */ e(m, { el: p.SPAN, variant: o.CAPTION, className: "adyen-pe-progress-bar__legend-label", children: r.max })
         ] })
       ]
     }

package/dist/es/components/internal/SVGIcons/Checkmark.js

@@ -1,14 +1,14 @@
 import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { fixedForwardRef as i } from "../../../utils/preact/fixedForwardRef.js";
-const a = i(({ title: l, ...r }, o) => /* @__PURE__ */ e("svg", { ...r, ref: o, xmlns: "http://www.w3.org/2000/svg", fill: "none", width: "16", viewBox: "0 0 16 16", height: "16", children: [
+const a = i(({ title: l, ...o }, r) => /* @__PURE__ */ e("svg", { ...o, ref: r, xmlns: "http://www.w3.org/2000/svg", fill: "none", width: "16", viewBox: "0 0 16 16", height: "16", children: [
   l && /* @__PURE__ */ e("title", { children: l }),
   /* @__PURE__ */ e(
     "path",
     {
       fill: "currentColor",
-      "fill-rule": "evenodd",
+      fillRule: "evenodd",
       d: "M14.5 4.5a.7.7 0 0 0-1-1L6 10.9 2.5 7.5a.8.8 0 0 0-1 1l4 4a.8.8 0 0 0 1 0l8-8Z",
-      "clip-rule": "evenodd"
+      clipRule: "evenodd"
     }
   )
 ] }));

package/dist/es/components/internal/SVGIcons/ChevronLeft.js

@@ -1,15 +1,17 @@
 import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { fixedForwardRef as r } from "../../../utils/preact/fixedForwardRef.js";
-const f = r(({ title: i, ...t }, o) => /* @__PURE__ */ e("svg", { ...t, ref: o, width: "7", height: "10", viewBox: "0 0 6 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-  i && /* @__PURE__ */ e("title", { children: i }),
-  /* @__PURE__ */ e(
-    "path",
-    {
-      d: "M5.56077 2.00011L2.56077 5.00011L5.56077 8.00011L4.50011 9.06077L0.439453 5.00011L4.50011 0.939453L5.56077 2.00011Z",
-      fill: t.disabled ? "#8D95A3" : "#00112C"
-    }
-  )
-] }));
+const f = r(
+  ({ title: i, ...t }, o) => /* @__PURE__ */ e("svg", { ...t, ref: o, width: "7", height: "10", viewBox: "0 0 6 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+    i && /* @__PURE__ */ e("title", { children: i }),
+    /* @__PURE__ */ e(
+      "path",
+      {
+        d: "M5.56077 2.00011L2.56077 5.00011L5.56077 8.00011L4.50011 9.06077L0.439453 5.00011L4.50011 0.939453L5.56077 2.00011Z",
+        fill: t.disabled ? "#8D95A3" : "#00112C"
+      }
+    )
+  ] })
+);
 export {
   f as default
 };

package/dist/es/components/internal/SVGIcons/ChevronRight.js

@@ -1,15 +1,17 @@
 import { jsx as i } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { fixedForwardRef as r } from "../../../utils/preact/fixedForwardRef.js";
-const l = r(({ title: e, ...t }, o) => /* @__PURE__ */ i("svg", { ...t, ref: o, width: "7", height: "10", viewBox: "0 0 6 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-  e && /* @__PURE__ */ i("title", { children: e }),
-  /* @__PURE__ */ i(
-    "path",
-    {
-      d: "M0.439453 7.9999L3.43945 4.9999L0.439454 1.9999L1.50011 0.93924L5.56077 4.9999L1.50011 9.06056L0.439453 7.9999Z",
-      fill: t.disabled ? "#8D95A3" : "#00112C"
-    }
-  )
-] }));
+const l = r(
+  ({ title: e, ...t }, o) => /* @__PURE__ */ i("svg", { ...t, ref: o, width: "7", height: "10", viewBox: "0 0 6 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+    e && /* @__PURE__ */ i("title", { children: e }),
+    /* @__PURE__ */ i(
+      "path",
+      {
+        d: "M0.439453 7.9999L3.43945 4.9999L0.439454 1.9999L1.50011 0.93924L5.56077 4.9999L1.50011 9.06056L0.439453 7.9999Z",
+        fill: t.disabled ? "#8D95A3" : "#00112C"
+      }
+    )
+  ] })
+);
 export {
   l as default
 };

package/dist/es/components/internal/SVGIcons/CloseCircle.js

@@ -2,7 +2,7 @@ import { jsx as l } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.m
 import { fixedForwardRef as h } from "../../../utils/preact/fixedForwardRef.js";
 const o = h(({ title: i, ...r }, e) => /* @__PURE__ */ l("svg", { ref: e, xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", ...r, children: [
   i && /* @__PURE__ */ l("title", { children: i }),
-  /* @__PURE__ */ l("g", { "clip-path": "url(#a)", children: /* @__PURE__ */ l(
+  /* @__PURE__ */ l("g", { clipPath: "url(#a)", children: /* @__PURE__ */ l(
     "path",
     {
       d: "M.25 8a7.75 7.75 0 1 1 15.5 0A7.75 7.75 0 0 1 .25 8ZM6 4.94 4.94 6l2 2-2 2L6 11.06l2-2 2 2L11.06 10l-2-2 2-2L10 4.94l-2 2-2-2Z",