@adyen/adyen-platform-experience-web 1.10.0 → 1.10.2

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

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

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

@@ -1,56 +1,56 @@
-import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useMemo as u } from "../../../external/preact/hooks/dist/hooks.module.js";
-import _ from "classnames";
+import { jsx as e } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useMemo as l } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import y from "classnames";
 /* empty css                 */
-import o from "../Typography/Typography.js";
-import { TypographyVariant as m, TypographyElement as p } from "../Typography/types.js";
-import { Tooltip as h } from "../Tooltip/Tooltip.js";
-import { clamp as s } from "../../../utils/value/number.js";
-const A = ({ max: c = 1, value: n, labels: r, tooltips: a, className: i }) => {
-  const t = u(() => s(0, n * 100 / c, 100), [n, c]), g = !!(r != null && r.current || r != null && r.max), y = (r == null ? void 0 : r.ariaLabel) ?? (r != null && r.current ? `${r.current}: ${n}` : `${n}/${c}`);
+import i from "../Typography/Typography.js";
+import { TypographyVariant as p, TypographyElement as c } from "../Typography/types.js";
+import { Tooltip as u } from "../Tooltip/Tooltip.js";
+import { clamp as _ } from "../../../utils/value/number.js";
+const $ = ({ max: n = 1, value: a, labels: r, tooltips: o, className: s }) => {
+  const t = l(() => _(0, a * 100 / n, 100), [a, n]), d = !!(r?.current || r?.max), g = r?.ariaLabel ?? (r?.current ? `${r.current}: ${a}` : `${a}/${n}`);
   return /* @__PURE__ */ e(
     "div",
     {
       role: "progressbar",
-      "aria-valuenow": n,
+      "aria-valuenow": a,
       "aria-valuemin": 0,
-      "aria-valuemax": c,
+      "aria-valuemax": n,
       "aria-valuetext": `${t}%`,
-      "aria-label": y,
-      className: _("adyen-pe-progress-bar", i),
+      "aria-label": g,
+      className: y("adyen-pe-progress-bar", s),
       children: [
         /* @__PURE__ */ e("div", { className: "adyen-pe-progress-bar__track", role: "presentation", children: [
           /* @__PURE__ */ e("div", { className: "adyen-pe-progress-bar__track-background" }),
           /* @__PURE__ */ e(
-            d,
+            m,
             {
-              tooltipContent: a == null ? void 0 : a.progress,
-              title: r == null ? void 0 : r.current,
+              tooltipContent: o?.progress,
+              title: r?.current,
               percentage: t,
               className: "adyen-pe-progress-bar__track-fill"
             }
           ),
           /* @__PURE__ */ e(
-            d,
+            m,
             {
-              tooltipContent: a == null ? void 0 : a.remaining,
-              title: r == null ? void 0 : r.max,
+              tooltipContent: o?.remaining,
+              title: r?.max,
               percentage: 100 - t,
               className: "adyen-pe-progress-bar__track-remaining"
             }
           )
         ] }),
-        g && /* @__PURE__ */ e("div", { className: "adyen-pe-progress-bar__legend", "aria-hidden": "true", children: [
-          r.current && /* @__PURE__ */ e(o, { el: p.SPAN, variant: m.CAPTION, className: "adyen-pe-progress-bar__legend-label", children: r.current }),
-          r.max && /* @__PURE__ */ e(o, { el: p.SPAN, variant: m.CAPTION, className: "adyen-pe-progress-bar__legend-label", children: r.max })
+        d && /* @__PURE__ */ e("div", { className: "adyen-pe-progress-bar__legend", "aria-hidden": "true", children: [
+          r.current && /* @__PURE__ */ e(i, { el: c.SPAN, variant: p.CAPTION, className: "adyen-pe-progress-bar__legend-label", children: r.current }),
+          r.max && /* @__PURE__ */ e(i, { el: c.SPAN, variant: p.CAPTION, className: "adyen-pe-progress-bar__legend-label", children: r.max })
         ] })
       ]
     }
   );
-}, d = ({ tooltipContent: c, title: n, percentage: r, className: a }) => {
-  const i = (t) => /* @__PURE__ */ e("div", { className: a, "aria-label": t, style: { width: `${r}%` } });
-  return c ? /* @__PURE__ */ e(h, { content: c, children: i(n) }) : i(n);
+}, m = ({ tooltipContent: n, title: a, percentage: r, className: o }) => {
+  const s = (t) => /* @__PURE__ */ e("div", { className: o, "aria-label": t, style: { width: `${r}%` } });
+  return n ? /* @__PURE__ */ e(u, { content: n, children: s(a) }) : s(a);
 };
 export {
-  A as default
+  $ as default
 };

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

@@ -1,43 +1,43 @@
-import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as e } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 /* empty css                  */
 import d from "classnames";
-import { Divider as y } from "../Divider/Divider.js";
+import { Divider as t } from "../Divider/Divider.js";
 import { useResponsiveContainer as h, containerQueries as b } from "../../../hooks/useResponsiveContainer.js";
-import { useCallback as f } from "../../../external/preact/hooks/dist/hooks.module.js";
-import u from "../Button/Button.js";
+import { useCallback as u } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import f from "../Button/Button.js";
 import k from "../Typography/Typography.js";
 import { TypographyVariant as g } from "../Typography/types.js";
 import { Icon as w } from "../Icon/Icon.js";
-const i = ({ rowNumber: o, className: s }) => /* @__PURE__ */ e("div", { className: d("adyen-pe-secondary-nav__skeleton", s), children: [...Array(o)].map((c, n) => /* @__PURE__ */ e("div", { className: "adyen-pe-secondary-nav__skeleton-item" }, n)) }), I = ({
-  renderHeader: o,
-  className: s,
+const i = ({ rowNumber: s, className: o }) => /* @__PURE__ */ e("div", { className: d("adyen-pe-secondary-nav__skeleton", o), children: [...Array(s)].map((c, n) => /* @__PURE__ */ e("div", { className: "adyen-pe-secondary-nav__skeleton-item" }, n)) }), I = ({
+  renderHeader: s,
+  className: o,
   items: c,
   activeValue: n,
   onValueChange: l,
   loading: p,
-  onContentVisibilityChange: m,
+  onContentVisibilityChange: y,
   renderContent: v,
-  contentVisible: t,
+  contentVisible: m,
   renderLoadingContent: _
 }) => {
-  const a = h(b.down.xs), N = f(
+  const a = h(b.down.xs), N = u(
     (r) => {
-      l(r), a && m(!0);
+      l(r), a && y(!0);
     },
-    [a, l, m]
+    [a, l, y]
   );
   return p ? a ? /* @__PURE__ */ e(i, { rowNumber: 3, className: "adyen-pe-secondary-nav__skeleton--content" }) : /* @__PURE__ */ e("div", { className: d("adyen-pe-secondary-nav"), children: /* @__PURE__ */ e("div", { className: "adyen-pe-secondary-nav__container", children: [
     /* @__PURE__ */ e("div", { className: "adyen-pe-secondary-nav__skeleton--aside", children: [
       /* @__PURE__ */ e(i, { rowNumber: 1 }),
       /* @__PURE__ */ e("div", { className: "adyen-pe-secondary-nav__list", children: /* @__PURE__ */ e(i, { rowNumber: 2 }) })
     ] }),
-    /* @__PURE__ */ e(y, { variant: "vertical" }),
+    /* @__PURE__ */ e(t, { variant: "vertical" }),
     /* @__PURE__ */ e("div", { className: "adyen-pe-secondary-nav__loading-content", children: _(n) })
-  ] }) }) : /* @__PURE__ */ e("div", { className: d("adyen-pe-secondary-nav", s, { "adyen-pe-secondary-nav--mobile": a }), children: /* @__PURE__ */ e("div", { className: d("adyen-pe-secondary-nav__container", { "adyen-pe-secondary-nav__container-mobile": a }), children: [
-    (!t || !a) && /* @__PURE__ */ e("aside", { className: d("adyen-pe-secondary-nav--sidebar", { "adyen-pe-secondary-nav--sidebar-mobile": a }), children: [
-      o(),
-      /* @__PURE__ */ e("ul", { className: "adyen-pe-secondary-nav__list", children: c.map((r) => /* @__PURE__ */ e("li", { className: "adyen-pe-secondary-nav__list-item", children: /* @__PURE__ */ e(
-        u,
+  ] }) }) : /* @__PURE__ */ e("div", { className: d("adyen-pe-secondary-nav", o, { "adyen-pe-secondary-nav--mobile": a }), children: /* @__PURE__ */ e("div", { className: d("adyen-pe-secondary-nav__container", { "adyen-pe-secondary-nav__container-mobile": a }), children: [
+    (!m || !a) && /* @__PURE__ */ e("aside", { className: d("adyen-pe-secondary-nav--sidebar", { "adyen-pe-secondary-nav--sidebar-mobile": a }), children: [
+      s(),
+      /* @__PURE__ */ e("ul", { className: d("adyen-pe-secondary-nav__list", "adyen-pe-secondary-nav__menu-list"), children: c.map((r) => /* @__PURE__ */ e("li", { className: "adyen-pe-secondary-nav__list-item", children: /* @__PURE__ */ e(
+        f,
         {
           "aria-selected": r.value === n,
           className: d("adyen-pe-secondary-nav__item", {
@@ -59,8 +59,8 @@ const i = ({ rowNumber: o, className: s }) => /* @__PURE__ */ e("div", { classNa
         }
       ) }, r.label)) })
     ] }),
-    !a && /* @__PURE__ */ e(y, { variant: "vertical" }),
-    t && n && v(n)
+    !a && /* @__PURE__ */ e(t, { variant: "vertical" }),
+    m && n && v(n)
   ] }) });
 };
 export {

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

@@ -1,4 +1,4 @@
-import { jsx as a } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as a } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { TypographyVariant as y, TypographyElement as b } from "../Typography/types.js";
 import u from "../../../core/Context/useCoreContext.js";
 import { useTabbedControl as $ } from "../../../hooks/useTabbedControl.js";

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

@@ -1,5 +1,5 @@
-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 { jsx as u } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useMemo as n } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 /* empty css            */
 import { calculateProgress as f } from "./calculateProgress.js";
 import l from "classnames";

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

@@ -1,4 +1,4 @@
-import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as e } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 /* 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 {

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

@@ -1,18 +1,18 @@
-import { jsx as A } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import o from "classnames";
-import { memo as l } from "../../../external/preact/compat/dist/compat.module.js";
+import { jsx as A } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import a from "classnames";
+import { memo as l } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/compat/dist/compat.module.js";
 /* empty css               */
 import { Image as c } from "../Image/Image.js";
-import { STATUS_BOX_CLASS as d, STATUS_BOX_DATA_TAGS as e, STATUS_BOX_DATA_AMOUNT as s, STATUS_BOX_DATA_PAY_METHOD as a, STATUS_BOX_DATA_PAY_METHOD_LOGO_CONTAINER as B, STATUS_BOX_DATA_PAY_METHOD_LOGO as D, STATUS_BOX_DATA_PAY_METHOD_DETAIL as n, STATUS_BOX_DATA_LABEL as t } from "./constants.js";
-const U = ({ tag: i, amount: r, paymentMethod: O, paymentMethodType: _, date: S, formattedDate: m, classNames: T }) => /* @__PURE__ */ A("div", { className: d, children: [
-  i && /* @__PURE__ */ A("div", { className: e, children: i }),
-  r && /* @__PURE__ */ A("div", { className: o(s, T == null ? void 0 : T.amount), children: r }),
-  _ && /* @__PURE__ */ A("div", { className: a, children: [
+import { STATUS_BOX_CLASS as O, STATUS_BOX_DATA_TAGS as e, STATUS_BOX_DATA_AMOUNT as o, STATUS_BOX_DATA_PAY_METHOD as d, STATUS_BOX_DATA_PAY_METHOD_LOGO_CONTAINER as B, STATUS_BOX_DATA_PAY_METHOD_LOGO as D, STATUS_BOX_DATA_PAY_METHOD_DETAIL as N, STATUS_BOX_DATA_LABEL as n } from "./constants.js";
+const t = ({ tag: T, amount: s, paymentMethod: r, paymentMethodType: _, date: i, formattedDate: m, classNames: S }) => /* @__PURE__ */ A("div", { className: O, children: [
+  T && /* @__PURE__ */ A("div", { className: e, children: T }),
+  s && /* @__PURE__ */ A("div", { className: a(o, S?.amount), children: s }),
+  _ && /* @__PURE__ */ A("div", { className: d, children: [
     /* @__PURE__ */ A("div", { className: B, children: /* @__PURE__ */ A(c, { className: D, name: _, alt: _, folder: "logos/" }) }),
-    /* @__PURE__ */ A("div", { className: n, children: O })
+    /* @__PURE__ */ A("div", { className: N, children: r })
   ] }),
-  S && m && /* @__PURE__ */ A("div", { className: t, children: /* @__PURE__ */ A("time", { dateTime: S, children: m }) })
-] }), L = l(U);
+  i && m && /* @__PURE__ */ A("div", { className: n, children: /* @__PURE__ */ A("time", { dateTime: i, children: m }) })
+] }), L = l(t);
 export {
   L as default
 };

package/dist/es/components/internal/StatusBox/useStatusBox.js

@@ -1,4 +1,4 @@
-import { useMemo as t } from "../../../external/preact/hooks/dist/hooks.module.js";
+import { useMemo as t } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import d from "../../../core/Context/useCoreContext.js";
 import A from "../../../hooks/useTimezoneAwareDateFormatting.js";
 import { getPaymentMethodType as M, getDisplayablePaymentMethod as h } from "./utils.js";

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

@@ -1,9 +1,6 @@
-import { parsePaymentMethodType as o } from "../../external/TransactionsOverview/components/utils.js";
-const p = (e) => e != null && e.paymentMethod ? e.paymentMethod.type : e != null && e.bankAccount ? "bankTransfer" : null, y = (e) => {
-  var n;
-  return e != null && e.paymentMethod ? o(e.paymentMethod, "detail") : (n = e == null ? void 0 : e.bankAccount) == null ? void 0 : n.accountNumberLastFourDigits;
-};
+import { parsePaymentMethodType as t } from "../../external/TransactionsOverview/components/utils.js";
+const o = (e) => e?.paymentMethod ? e.paymentMethod.type : e?.bankAccount ? "bankTransfer" : null, r = (e) => e?.paymentMethod ? t(e.paymentMethod, "detail") : e?.bankAccount?.accountNumberLastFourDigits;
 export {
-  y as getDisplayablePaymentMethod,
-  p as getPaymentMethodType
+  r as getDisplayablePaymentMethod,
+  o as getPaymentMethodType
 };

package/dist/es/components/internal/Stepper/Step.js

@@ -1,5 +1,5 @@
-import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { forwardRef as i } from "../../../external/preact/compat/dist/compat.module.js";
+import { jsx as e } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { forwardRef as i } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/compat/dist/compat.module.js";
 import m from "classnames";
 import d from "../Typography/Typography.js";
 import { TypographyElement as l, TypographyVariant as c } from "../Typography/types.js";

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

@@ -1,100 +1,100 @@
-import { jsx as y } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useState as O, useRef as d, useMemo as F, useEffect as K, useCallback as s } from "../../../external/preact/hooks/dist/hooks.module.js";
-import M from "classnames";
-import { InteractionKeyCode as c } from "../../types.js";
-import { Step as P } from "./Step.js";
+import { jsx as y } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useState as D, useRef as O, useMemo as w, useEffect as z, useCallback as c } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import F from "classnames";
+import { InteractionKeyCode as a } from "../../types.js";
+import { Step as K } from "./Step.js";
 /* empty css             */
-const v = ({ activeIndex: r, onChange: i, variant: h = "vertical", children: n, nextStepDisabled: k, ariaLabel: N }) => {
-  const [l, T] = O(r), W = d(null), f = d([]), [p, m] = O(r), S = F(() => (Array.isArray(n) ? n : [n]).filter(Boolean), [n]), A = S.length, a = h === "horizontal";
-  K(() => {
-    r > l && T(r);
-    const e = f.current[r];
-    e && e.scrollIntoView({
-      block: "nearest",
-      inline: "nearest",
-      behavior: "smooth"
-    });
-  }, [r, l]);
-  const o = s(
-    (e) => k && e > l ? !1 : e <= l + 1,
-    [l, k]
-  ), w = s(
-    (e) => {
-      o(e) && (m(e), i(e));
+const j = ({ activeIndex: o, onChange: i, variant: S = "vertical", children: n, nextStepDisabled: T, ariaLabel: d }) => {
+  const [l, L] = D(o), k = O(null), p = O([]), [u, A] = D(o), E = w(() => (Array.isArray(n) ? n : [n]).filter(Boolean), [n]), R = E.length, s = S === "horizontal";
+  z(() => {
+    o > l && L(o);
+    const t = p.current[o], e = k.current;
+    if (t && e)
+      if (s) {
+        const f = t.offsetLeft - e.offsetLeft;
+        e.scrollTo({ left: f, behavior: "smooth" });
+      } else {
+        const f = t.offsetTop - e.offsetTop;
+        e.scrollTo({ top: f, behavior: "smooth" });
+      }
+  }, [o, l]);
+  const r = c(
+    (t) => T && t > l ? !1 : t <= l + 1,
+    [l, T]
+  ), N = c(
+    (t) => {
+      r(t) && (A(t), i(t));
     },
-    [o, i]
-  ), u = s((e) => {
-    m(e);
-    const t = f.current[e];
-    t && t.focus();
-  }, []), R = s(() => {
-    const e = Math.min(p + 1, A - 1);
-    o(e) && u(e);
-  }, [o, u, p, A]), b = s(() => {
-    const e = Math.max(p - 1, 0);
-    u(e);
-  }, [u, p]), E = s(() => {
-    const e = document.activeElement, t = f.current.indexOf(e);
-    t !== -1 && o(t) && i(t);
-  }, [o, i]), z = s(
-    (e) => {
-      switch (e.code) {
-        case c.ARROW_RIGHT:
-          a && (e.preventDefault(), R());
+    [r, i]
+  ), m = c((t) => {
+    A(t);
+    const e = p.current[t];
+    e && e.focus();
+  }, []), h = c(() => {
+    const t = Math.min(u + 1, R - 1);
+    r(t) && m(t);
+  }, [r, m, u, R]), b = c(() => {
+    const t = Math.max(u - 1, 0);
+    m(t);
+  }, [m, u]), _ = c(() => {
+    const t = document.activeElement, e = p.current.indexOf(t);
+    e !== -1 && r(e) && i(e);
+  }, [r, i]), W = c(
+    (t) => {
+      switch (t.code) {
+        case a.ARROW_RIGHT:
+          s && (t.preventDefault(), h());
           break;
-        case c.ARROW_LEFT:
-          a && (e.preventDefault(), b());
+        case a.ARROW_LEFT:
+          s && (t.preventDefault(), b());
           break;
-        case c.ARROW_DOWN:
-          a || (e.preventDefault(), R());
+        case a.ARROW_DOWN:
+          s || (t.preventDefault(), h());
           break;
-        case c.ARROW_UP:
-          a || (e.preventDefault(), b());
+        case a.ARROW_UP:
+          s || (t.preventDefault(), b());
           break;
-        case c.TAB:
-          m(r);
+        case a.TAB:
+          A(o);
           break;
-        case c.ENTER:
-        case c.SPACE:
-          e.preventDefault(), E();
+        case a.ENTER:
+        case a.SPACE:
+          t.preventDefault(), _();
           break;
       }
     },
-    [a, r, E, R, b]
+    [s, o, _, h, b]
   );
   return /* @__PURE__ */ y("div", { className: "adyen-pe-stepper", children: /* @__PURE__ */ y(
     "ol",
     {
-      "aria-label": N,
-      ref: W,
+      "aria-label": d,
+      ref: k,
       role: "toolbar",
-      "aria-orientation": h,
-      className: M("adyen-pe-stepper__list", {
-        "adyen-pe-stepper__list--horizontal": a
+      "aria-orientation": S,
+      className: F("adyen-pe-stepper__list", {
+        "adyen-pe-stepper__list--horizontal": s
       }),
-      onKeyDown: z,
-      children: S.map((e, t) => {
-        var _;
-        return /* @__PURE__ */ y(
-          P,
-          {
-            totalSteps: A,
-            index: t,
-            active: t === r,
-            completed: t < r,
-            disabled: !o(t),
-            onClick: () => w(t),
-            ref: (D) => {
-              D && (f.current[t] = D);
-            },
-            children: ((_ = e.props) == null ? void 0 : _.children) || e
+      onKeyDown: W,
+      children: E.map((t, e) => /* @__PURE__ */ y(
+        K,
+        {
+          totalSteps: R,
+          index: e,
+          active: e === o,
+          completed: e < o,
+          disabled: !r(e),
+          onClick: () => N(e),
+          ref: (f) => {
+            f && (p.current[e] = f);
           },
-          t
-        );
-      })
+          children: t.props?.children || t
+        },
+        e
+      ))
     }
   ) });
 };
 export {
-  v as Stepper
+  j as Stepper
 };

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

@@ -1,5 +1,5 @@
-import { jsx as o } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useCallback as s } from "../../../external/preact/hooks/dist/hooks.module.js";
+import { jsx as o } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useCallback as s } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import { StoreSelectorButtonContent as a } from "./StoreSelectorButton/StoreSelectorButton.js";
 import { StoreSelectorItem as c } from "./StoreSelectorItem/StoreSelectorItem.js";
 import { useResponsiveContainer as p, containerQueries as u } from "../../../hooks/useResponsiveContainer.js";

package/dist/es/components/internal/StoreSelector/StoreSelectorButton/StoreSelectorButton.js

@@ -1,4 +1,4 @@
-import { jsx as e } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as e } from "../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import o from "../../Typography/Typography.js";
 import { TypographyVariant as t, TypographyElement as r } from "../../Typography/types.js";
 /* empty css                         */

package/dist/es/components/internal/StoreSelector/StoreSelectorItem/StoreSelectorItem.js

@@ -1,4 +1,4 @@
-import { jsx as e } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as e } from "../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import r from "../../Typography/Typography.js";
 import { TypographyVariant as t, TypographyElement as o } from "../../Typography/types.js";
 /* empty css                       */

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

@@ -1,6 +1,6 @@
-import { jsx as a } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as a } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import L from "classnames";
-import { useMemo as E } from "../../../external/preact/hooks/dist/hooks.module.js";
+import { useMemo as E } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import { TypographyVariant as s } from "../Typography/types.js";
 import e from "../Typography/Typography.js";
 import { SL_GRID_CLASS as d, SL_LABEL_CLASS as h, SL_CONTENT_CLASS as I, SL_ITEM_CLASS as N, SL_ITEM_WITH_HIGHLIGHT_CLASS as y, SL_BASE_CLASS as D, SL_EXPANDED_CLASS as O, SL_ALIGN_END as v } from "./constants.js";

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

@@ -1,4 +1,4 @@
-import { useMemo as u } from "../../../external/preact/hooks/dist/hooks.module.js";
+import { useMemo as u } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import n from "../../../core/Context/useCoreContext.js";
 import { uuid as a } from "../../../utils/random/uuid.js";
 const s = (e) => {

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

@@ -1,4 +1,4 @@
-import { jsx as i } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as i } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { TypographyVariant as y, TypographyElement as $ } from "../Typography/types.js";
 import h from "../../../core/Context/useCoreContext.js";
 import { useTabbedControl as u } from "../../../hooks/useTabbedControl.js";

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

@@ -1,8 +1,8 @@
-import { jsx as g } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as g } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import o from "classnames";
 import { TagVariant as e } from "./types.js";
 /* empty css         */
-import { memo as m } from "../../../external/preact/compat/dist/compat.module.js";
+import { memo as m } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/compat/dist/compat.module.js";
 const T = m(({ variant: p = e.DEFAULT, label: t, children: a }) => /* @__PURE__ */ g(
   "div",
   {

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

@@ -1,5 +1,5 @@
-import { jsx as c } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useState as I, useRef as _, useMemo as r, useCallback as g } from "../../../external/preact/hooks/dist/hooks.module.js";
+import { jsx as c } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useState as I, useRef as _, useMemo as r, useCallback as g } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import { TimelineContext as C } from "./context.js";
 /* empty css              */
 function j({ children: o, showMore: t = null, timeGapLimit: a = null }) {

package/dist/es/components/internal/Timeline/components/DateText.js

@@ -1,8 +1,8 @@
-import { jsx as c } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useMemo as d } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import { jsx as c } from "../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useMemo as d } from "../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import { TimelineDateFormat as e } from "../types.js";
 import T from "../../../../hooks/useTimezoneAwareDateFormatting.js";
-import { Fragment as h } from "../../../../external/preact/dist/preact.module.js";
+import { Fragment as h } from "../../../../external/.pnpm/preact@10.28.2/node_modules/preact/dist/preact.module.js";
 function g(t) {
   switch (t) {
     case e.FULL_DATE:

package/dist/es/components/internal/Timeline/components/TimelineItem.js

@@ -1,5 +1,5 @@
-import { jsx as e } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useContext as R, useRef as M, useLayoutEffect as P, useMemo as A } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import { jsx as e } from "../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useContext as R, useRef as M, useLayoutEffect as P, useMemo as A } from "../../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import Y from "classnames";
 import { TimelineContext as U } from "../context.js";
 import { formatDistanceStrict as q, DateText as z } from "./DateText.js";

package/dist/es/components/internal/Timeline/context.js

@@ -1,4 +1,4 @@
-import { createContext as t } from "../../../external/preact/dist/preact.module.js";
+import { createContext as t } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/dist/preact.module.js";
 const o = t(null);
 export {
   o as TimelineContext