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

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

@@ -30,7 +30,7 @@ const se = ["hasNext", "hasPrevious"], w = (e) => {
     return { records: r, paginationData: o };
   }
   throw new TypeError("MALFORMED_PAGINATED_DATA");
-}, ne = ({
+}, De = ({
   dataField: e = "data",
   fetchRecords: t,
   filterParams: r = re,
@@ -42,20 +42,18 @@ const se = ["hasNext", "hasPrevious"], w = (e) => {
   preferredLimitOptions: $,
   enabled: E
 }) => {
-  const [j, v] = R([]), [x, p] = z(!0), [I, O] = R(), [S, k] = R(_), A = ee(), f = y(!0), m = y(1), T = Z(r, n), { limit: P, limitOptions: q } = K({ preferredLimit: S, preferredLimitOptions: $ }), { defaultFilters: ie, filters: a, updateFilters: B, ...C } = T, [G, J] = D(
+  const [j, v] = R([]), [x, p] = z(!0), [I, O] = R(), [S, k] = R(_), A = ee(), f = y(!0), m = y(1), T = Z(r, n), { limit: P, limitOptions: q } = K({ preferredLimit: S, preferredLimitOptions: $ }), { defaultFilters: ne, filters: a, updateFilters: B, ...C } = T, [G, J] = D(
     () => F === te.CURSOR ? [oe, Q] : [ae, W],
     []
   ), U = L((g) => k(g), []), { goto: d, page: V, pages: X, resetPagination: l, ...Y } = J(
     L(
       async ({ page: g, ...H }, c) => {
         try {
-          if (O(void 0), m.current = g, !A.current || p(!0))
-            return;
+          if (O(void 0), m.current = g, !A.current || p(!0)) return;
           const u = await t({ ...H, ...a }, c), { records: i, paginationData: h } = G(u, e);
           return f.current && (s == null || s([i, h], T), f.current = !1), A.current && (v(i), p(!1)), { ...h, size: i == null ? void 0 : i.length };
         } catch (u) {
-          if (c != null && c.aborted)
-            return;
+          if (c != null && c.aborted) return;
           p(!1), O(u), console.error(u);
         }
       },
@@ -72,7 +70,7 @@ const se = ["hasNext", "hasPrevious"], w = (e) => {
   }, [d, E]), M(() => {
     o == null || o(a);
   }, [a]), { error: I, fetching: x, filters: a, goto: d, limitOptions: q, page: V, pages: X, records: j, updateFilters: B, updateLimit: U, ...C, ...Y };
-}, Ee = ne;
+};
 export {
-  Ee as default
+  De as default
 };

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

@@ -1,15 +1,15 @@
 import o from "../../../../hooks/useReactiveState/useReactiveState.js";
-import { EMPTY_OBJECT as d } from "../../../../utils/value/constants.js";
-const u = (t = d, e) => {
+import { EMPTY_OBJECT as u } from "../../../../utils/value/constants.js";
+const f = (t = u, e) => {
   const {
-    canResetState: s,
-    defaultState: a,
+    canResetState: a,
+    defaultState: s,
     resetState: r,
     state: i,
     updateState: l
   } = o(t, e);
-  return { canResetFilters: s, defaultFilters: a, filters: i, resetFilters: r, updateFilters: l };
-}, f = u;
+  return { canResetFilters: a, defaultFilters: s, filters: i, resetFilters: r, updateFilters: l };
+};
 export {
   f as default
 };

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

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

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

@@ -13,11 +13,11 @@ import w from "../../../hooks/element/useUniqueIdentifier.js";
 import lo from "../../../hooks/useReflex.js";
 import { SELECTORS as Oo, isFocusable as Eo } from "../../../primitives/dom/tabbableRoot/tabbable.js";
 import b from "classnames";
-import { createPortal as Po } from "../../../external/preact/compat/dist/compat.module.js";
+import { createPortal as To } from "../../../external/preact/compat/dist/compat.module.js";
 import { useMemo as q, useRef as L, useCallback as C, useEffect as x } from "../../../external/preact/hooks/dist/hooks.module.js";
-import "./Popover.scss.js";
+/* empty css             */
 import { Fragment as _ } from "../../../external/preact/dist/preact.module.js";
-import { isFunction as To } from "../../../utils/value/is.js";
+import { isFunction as Po } from "../../../utils/value/is.js";
 import { boolOrTrue as Ao } from "../../../utils/value/bool.js";
 import { getModifierClasses as No } from "../../../utils/preact/className.js";
 const Lo = (s) => {
@@ -25,8 +25,7 @@ const Lo = (s) => {
   let p;
   const l = (e = s.querySelector(`.${U}`)) == null ? void 0 : e.querySelectorAll(Oo);
   return l ? (Array.prototype.some.call(l, (u) => {
-    if (Eo(u))
-      return p = u;
+    if (Eo(u)) return p = u;
   }), p) : null;
 }, Co = (s) => s === i.TOOLTIP ? [10, 3, 5, 5] : [15, 15, 15, 15];
 function jo({
@@ -53,7 +52,7 @@ function jo({
   fitPosition: Y,
   ...F
 }) {
-  const M = q(() => To(n) && Ao(y), [n, y]), V = w(), $ = L(), J = C(
+  const M = q(() => Po(n) && Ao(y), [n, y]), V = w(), $ = L(), J = C(
     (t) => {
       var m;
       n && n(), t && ((m = o == null ? void 0 : o.current) == null || m.focus());
@@ -64,17 +63,16 @@ function jo({
       t.code === uo.ESCAPE && (n && n(), (o == null ? void 0 : o.current).focus());
     },
     [n, o]
-  ), P = L(E), h = L(), D = mo(
+  ), T = L(E), h = L(), D = mo(
     fo(Co(e), o, e, W, V, H, f, Y),
     n,
     e === i.TOOLTIP && !a,
     po.POPOVER
-  ), Q = ao(p ? null : D, J), T = lo(
+  ), Q = ao(p ? null : D, J), P = lo(
     C(
       (t, m) => {
         m instanceof Element && (m[O] = void 0, delete m[O]), t instanceof Element && (t[O] = o.current, cancelAnimationFrame(h.current), h.current = requestAnimationFrame(() => {
-          if ($.current === a || !($.current = a))
-            return;
+          if ($.current === a || !($.current = a)) return;
           const A = Lo(t);
           A == null || A.focus();
         }));
@@ -82,7 +80,7 @@ function jo({
       [a, o]
     ),
     p ? D : Q
-  ), X = w(T), Z = q(
+  ), X = w(P), Z = q(
     () => ({
       [`${c}--medium`]: d === k.MEDIUM,
       [`${c}--with-divider`]: !!S,
@@ -94,10 +92,10 @@ function jo({
     [d, S, v, R, f]
   );
   x(() => {
-    T.current && (T.current[O] = o.current);
-  }, [o]), x(() => (document.removeEventListener("keydown", P.current), document.addEventListener("keydown", P.current = E), () => document.removeEventListener("keydown", P.current)), [E]);
+    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}`;
-  return Po(
+  return To(
     /* @__PURE__ */ r(_, { children: a ? /* @__PURE__ */ r(_, { children: [
       f && /* @__PURE__ */ r("div", { className: "adyen-pe-popover__overlay" }),
       /* @__PURE__ */ r(

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

@@ -1,6 +1,6 @@
 import { jsx as o } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { ButtonVariant as n } from "../../Button/types.js";
-import "./PopoverDismissButton.scss.js";
+/* empty css                          */
 import r from "../../../../core/Context/useCoreContext.js";
 import { memo as s } from "../../../../external/preact/compat/dist/compat.module.js";
 import l from "../../Button/Button.js";
@@ -10,7 +10,7 @@ function a({ image: t = !0, onClick: e }) {
   return /* @__PURE__ */ o(m, { children: /* @__PURE__ */ o(
     l,
     {
-      className: (() => t ? "adyen-pe-popover-dismiss-button--on-image" : "")(),
+      className: t ? "adyen-pe-popover-dismiss-button--on-image" : "",
       iconButton: !0,
       variant: n.TERTIARY,
       onClick: e,

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

@@ -3,7 +3,7 @@ import e from "../../Typography/Typography.js";
 import { TypographyVariant as o } from "../../Typography/types.js";
 import { memo as n } from "../../../../external/preact/compat/dist/compat.module.js";
 function p({ title: t, isImageTitle: r = !1 }) {
-  return /* @__PURE__ */ a(e, { strongest: !r, variant: (() => r ? o.SUBTITLE : o.BODY)(), children: t });
+  return /* @__PURE__ */ a(e, { strongest: !r, variant: r ? o.SUBTITLE : o.BODY, children: t });
 }
 const T = n(p);
 export {

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

@@ -1,4 +1,4 @@
-const x = (() => {
+const x = /* @__PURE__ */ (() => {
   let t = [];
   const s = (e) => {
     const n = e.reduce((o, i) => {

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

@@ -1,8 +1,8 @@
-import { struct as f, structFrom as m } from "../../../../utils/struct/main.js";
+import { struct as b, structFrom as c } from "../../../../utils/struct/main.js";
 import { enumerable as o } from "../../../../utils/struct/property.js";
 import { isUndefined as d } from "../../../../utils/value/is.js";
-const u = (() => {
-  const t = /* @__PURE__ */ new WeakMap(), s = f({
+const h = (() => {
+  const t = /* @__PURE__ */ new WeakMap(), s = b({
     remove: o(function() {
       i(this.observerCallback);
     })
@@ -10,14 +10,14 @@ const u = (() => {
     let r = t.get(e);
     if (d(r)) {
       const v = new IntersectionObserver(
-        (c) => {
-          c.forEach((b) => {
-            e && e(b);
+        (f) => {
+          f.forEach((m) => {
+            e && e(m);
           });
         },
         { root: null, rootMargin: "", threshold: [1] }
       );
-      r = m(s, {
+      r = c(s, {
         observerCallback: o(e),
         observer: o(v)
       }), t.set(e, r);
@@ -28,7 +28,7 @@ const u = (() => {
     r == null || r.observer.disconnect(), t.delete(e);
   };
   return n;
-})(), h = u;
+})();
 export {
   h as default
 };

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

@@ -1,13 +1,13 @@
 import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useMemo as s } from "../../../external/preact/hooks/dist/hooks.module.js";
-import u from "classnames";
-import "./ProgressBar.scss.js";
-import o from "../Typography/Typography.js";
-import { TypographyElement as m, TypographyVariant as p } from "../Typography/types.js";
-import { Tooltip as _ } from "../Tooltip/Tooltip.js";
-import { clamp as h } from "../../../utils/value/number.js";
-const N = ({ max: a = 1, value: t, labels: r, tooltips: n, className: i }) => {
-  const c = s(() => h(0, t * 100 / a, 100), [t, a]), g = !!(r != null && r.current || r != null && r.max), y = (r == null ? void 0 : r.ariaLabel) ?? (r != null && r.current ? `${r.current}: ${t}` : `${t}/${a}`);
+import { useMemo as u } from "../../../external/preact/hooks/dist/hooks.module.js";
+import _ from "classnames";
+/* empty css                 */
+import m from "../Typography/Typography.js";
+import { TypographyElement as o, TypographyVariant 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 }) => {
+  const c = u(() => N(0, t * 100 / a, 100), [t, a]), g = !!(r != null && r.current || r != null && r.max), y = (r == null ? void 0 : r.ariaLabel) ?? (r != null && r.current ? `${r.current}: ${t}` : `${t}/${a}`);
   return /* @__PURE__ */ e(
     "div",
     {
@@ -17,7 +17,7 @@ const N = ({ max: a = 1, value: t, labels: r, tooltips: n, className: i }) => {
       "aria-valuemax": a,
       "aria-valuetext": `${c}%`,
       "aria-label": y,
-      className: u("adyen-pe-progress-bar", i),
+      className: _("adyen-pe-progress-bar", i),
       children: [
         /* @__PURE__ */ e("div", { className: "adyen-pe-progress-bar__track", children: [
           /* @__PURE__ */ e("div", { className: "adyen-pe-progress-bar__track-background" }),
@@ -41,16 +41,16 @@ const N = ({ 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(o, { el: m.SPAN, variant: p.CAPTION, className: "adyen-pe-progress-bar__legend-label", children: r.current }),
-          r.max && /* @__PURE__ */ e(o, { el: m.SPAN, variant: p.CAPTION, className: "adyen-pe-progress-bar__legend-label", children: r.max })
+          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 })
         ] })
       ]
     }
   );
 }, d = ({ tooltipContent: a, title: t, percentage: r, className: n }) => {
   const i = (c) => /* @__PURE__ */ e("div", { className: n, title: c, style: { width: `${r}%` } });
-  return a ? /* @__PURE__ */ e(_, { content: a, children: i() }) : i(t);
-}, C = N;
+  return a ? /* @__PURE__ */ e(h, { content: a, children: i() }) : i(t);
+};
 export {
-  C as default
+  A as default
 };

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

@@ -1,7 +1,7 @@
 import { jsx as o } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { fixedForwardRef as c } from "../../../utils/preact/fixedForwardRef.js";
-const h = c(({ title: e, ...r }, t) => /* @__PURE__ */ o("svg", { ...r, ref: t, xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: [
-  e && /* @__PURE__ */ o("title", { children: e }),
+import { fixedForwardRef as h } from "../../../utils/preact/fixedForwardRef.js";
+const c = h(({ title: r, ...e }, t) => /* @__PURE__ */ o("svg", { ...e, ref: t, xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: [
+  r && /* @__PURE__ */ o("title", { children: r }),
   /* @__PURE__ */ o(
     "path",
     {
@@ -9,7 +9,7 @@ const h = c(({ title: e, ...r }, t) => /* @__PURE__ */ o("svg", { ...r, ref: t,
       d: "M1.25 3.5c0-1.24 1-2.25 2.25-2.25h9c1.24 0 2.25 1 2.25 2.25v9c0 1.24-1 2.25-2.25 2.25h-9c-1.24 0-2.25-1-2.25-2.25v-9ZM12.06 6 11 4.94l-4 4-2-2L3.94 8 7 11.06 12.06 6Z"
     }
   )
-] })), d = h;
+] }));
 export {
-  d as default
+  c as default
 };

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

@@ -1,7 +1,7 @@
 import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { fixedForwardRef as i } from "../../../utils/preact/fixedForwardRef.js";
-const t = i(({ title: r, ...l }, o) => /* @__PURE__ */ e("svg", { ...l, ref: o, xmlns: "http://www.w3.org/2000/svg", fill: "none", width: "16", viewBox: "0 0 16 16", height: "16", children: [
-  r && /* @__PURE__ */ e("title", { children: r }),
+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: [
+  l && /* @__PURE__ */ e("title", { children: l }),
   /* @__PURE__ */ e(
     "path",
     {
@@ -11,7 +11,7 @@ const t = i(({ title: r, ...l }, o) => /* @__PURE__ */ e("svg", { ...l, ref: o,
       "clip-rule": "evenodd"
     }
   )
-] })), n = t;
+] }));
 export {
-  n as default
+  a as default
 };

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

@@ -1,8 +1,8 @@
-import { jsx as o } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { fixedForwardRef as n } from "../../../utils/preact/fixedForwardRef.js";
-const i = n(({ title: e, ...l }, r) => /* @__PURE__ */ o("svg", { ref: r, xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", ...l, children: [
-  e && /* @__PURE__ */ o("title", { children: e }),
-  /* @__PURE__ */ o(
+import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { fixedForwardRef as i } from "../../../utils/preact/fixedForwardRef.js";
+const t = i(({ title: l, ...o }, r) => /* @__PURE__ */ e("svg", { ref: r, xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", ...o, children: [
+  l && /* @__PURE__ */ e("title", { children: l }),
+  /* @__PURE__ */ e(
     "path",
     {
       fill: "currentColor",
@@ -11,7 +11,7 @@ const i = n(({ title: e, ...l }, r) => /* @__PURE__ */ o("svg", { ref: r, xmlns:
       clipRule: "evenodd"
     }
   )
-] })), h = i;
+] }));
 export {
-  h as default
+  t as default
 };

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

@@ -1,15 +1,15 @@
 import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { fixedForwardRef as r } from "../../../utils/preact/fixedForwardRef.js";
-const d = r(({ title: t, ...o }, i) => /* @__PURE__ */ e("svg", { ...o, ref: i, width: "7", height: "10", viewBox: "0 0 6 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-  t && /* @__PURE__ */ e("title", { children: t }),
+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: o.disabled ? "#8D95A3" : "#00112C"
+      fill: t.disabled ? "#8D95A3" : "#00112C"
     }
   )
-] })), l = d;
+] }));
 export {
-  l as default
+  f as default
 };

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

@@ -1,15 +1,15 @@
 import { jsx as i } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { fixedForwardRef as h } from "../../../utils/preact/fixedForwardRef.js";
-const r = h(({ title: t, ...e }, o) => /* @__PURE__ */ i("svg", { ...e, ref: o, width: "7", height: "10", viewBox: "0 0 6 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
-  t && /* @__PURE__ */ i("title", { children: t }),
+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: e.disabled ? "#8D95A3" : "#00112C"
+      fill: t.disabled ? "#8D95A3" : "#00112C"
     }
   )
-] })), n = r;
+] }));
 export {
-  n as default
+  l as default
 };

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

@@ -11,7 +11,7 @@ const n = i(({ title: l, ...o }, r) => /* @__PURE__ */ e("svg", { ref: r, xmlns:
       clipRule: "evenodd"
     }
   )
-] })), c = n;
+] }));
 export {
-  c as default
+  n as default
 };

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

@@ -1,6 +1,6 @@
 import { jsx as l } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { fixedForwardRef as o } from "../../../utils/preact/fixedForwardRef.js";
-const t = o(({ 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: [
+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(
     "path",
@@ -10,7 +10,7 @@ const t = o(({ title: i, ...r }, e) => /* @__PURE__ */ l("svg", { ref: e, xmlns:
     }
   ) }),
   /* @__PURE__ */ l("defs", { children: /* @__PURE__ */ l("clipPath", { id: "a", children: /* @__PURE__ */ l("path", { fill: "#fff", d: "M0 0h16v16H0z" }) }) })
-] })), c = t;
+] }));
 export {
-  c as default
+  o as default
 };

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

@@ -1,5 +1,5 @@
 import { jsx as o } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-const t = ({ ...l }) => /* @__PURE__ */ o("svg", { width: "15", height: "14", viewBox: "0 0 15 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...l, children: [
+const r = ({ ...l }) => /* @__PURE__ */ o("svg", { width: "15", height: "14", viewBox: "0 0 15 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...l, children: [
   /* @__PURE__ */ o(
     "path",
     {
@@ -14,7 +14,7 @@ const t = ({ ...l }) => /* @__PURE__ */ o("svg", { width: "15", height: "14", vi
       fill: "currentColor"
     }
   )
-] }), n = t;
+] });
 export {
-  n as default
+  r as default
 };

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

@@ -1,9 +1,9 @@
 import { jsx as o } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { fixedForwardRef as c } from "../../../utils/preact/fixedForwardRef.js";
-const h = c(({ title: e, ...r }, t) => /* @__PURE__ */ o("svg", { ...r, ref: t, xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: [
-  e && /* @__PURE__ */ o("title", { children: e }),
+import { fixedForwardRef as h } from "../../../utils/preact/fixedForwardRef.js";
+const d = h(({ title: r, ...e }, t) => /* @__PURE__ */ o("svg", { ...e, ref: t, xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: [
+  r && /* @__PURE__ */ o("title", { children: r }),
   /* @__PURE__ */ o("path", { stroke: "currentColor", d: "M.5 4C.5 2 2.1.5 4 .5h8c2 0 3.5 1.6 3.5 3.5v8c0 2-1.6 3.5-3.5 3.5H4C2 15.5.5 13.9.5 12V4Z" })
-] })), i = h;
+] }));
 export {
-  i as default
+  d as default
 };

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

@@ -1,5 +1,5 @@
 import { jsx as C } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-const r = ({ ...o }) => /* @__PURE__ */ C("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", children: [
+const o = ({ ...r }) => /* @__PURE__ */ C("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", children: [
   /* @__PURE__ */ C("path", { d: "M8.75 4.58008H7.25V9.08008H8.75V4.58008Z", fill: "currentColor" }),
   /* @__PURE__ */ C(
     "path",
@@ -15,7 +15,7 @@ const r = ({ ...o }) => /* @__PURE__ */ C("svg", { width: "16", height: "16", vi
       fill: "currentColor"
     }
   )
-] }), l = r;
+] });
 export {
-  l as default
+  o as default
 };

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

@@ -1,6 +1,6 @@
 import { jsx as u } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { useMemo as n } from "../../../external/preact/hooks/dist/hooks.module.js";
-import "./Slider.scss.js";
+/* empty css            */
 import { calculateProgress as f } from "./calculateProgress.js";
 import l from "classnames";
 function j(r, t, o) {

package/dist/es/components/internal/Slider/calculateProgress.js

@@ -1,10 +1,8 @@
 import { clamp as p } from "../../../utils/value/number.js";
 function f(c, e, r, o) {
-  if (e >= r)
-    return 0;
+  if (e >= r) return 0;
   const t = o > 0 ? o : 1;
-  if (t > r - e)
-    return 0;
+  if (t > r - e) return 0;
   const u = (Math.round((c - e) / t) * t + e - e) * 100 / (r - e);
   return Number(p(0, u, 100).toFixed(2));
 }

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

@@ -1,6 +1,6 @@
 import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import "./Spinner.scss.js";
-const r = ({ inline: n = !1, size: p = "large" }) => /* @__PURE__ */ e("div", { className: `adyen-pe-spinner__wrapper ${n ? "adyen-pe-spinner__wrapper--inline" : ""}`, children: /* @__PURE__ */ e("div", { className: `adyen-pe-spinner adyen-pe-spinner--${p}` }) }), i = r;
+/* empty css             */
+const s = ({ inline: n = !1, size: p = "large" }) => /* @__PURE__ */ e("div", { className: `adyen-pe-spinner__wrapper ${n ? "adyen-pe-spinner__wrapper--inline" : ""}`, children: /* @__PURE__ */ e("div", { className: `adyen-pe-spinner adyen-pe-spinner--${p}` }) });
 export {
-  i as default
+  s as default
 };

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

@@ -5,7 +5,7 @@ import f from "../../../core/Context/useCoreContext.js";
 import { TypographyVariant as l } from "../Typography/types.js";
 import m from "../Typography/Typography.js";
 import { SL_GRID_CLASS as _, SL_BASE_CLASS as T, SL_ITEM_CLASS as h, SL_ITEM_WITH_HIGHLIGHT_CLASS as E, SL_LABEL_CLASS as I, SL_CONTENT_CLASS as v } from "./constants.js";
-import "./StructuredList.scss.js";
+/* empty css                    */
 import { useStructuredListItems as y } from "./useStructuredListItem.js";
 const N = "6-6";
 function G({