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

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

@@ -1,49 +1,49 @@
-import { jsx as o } 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 to from "../Button/ButtonActions/ButtonActions.js";
 import { ButtonActionsLayoutBasic as no } from "../Button/ButtonActions/types.js";
-import { DEFAULT_POPOVER_CLASSNAME as c, POPOVER_HEADER_TITLE_CLASSNAME as co, TOOLTIP_CONTENT_CLASSNAME as x, POPOVER_CONTENT_CLASSNAME as A, POPOVER_FOOTER_CLASSNAME as io, DEFAULT_TOOLTIP_CLASSNAME as so, POPOVER_CONTAINER_CLASSNAME as ao, POPOVER_HEADER_CLASSNAME as D } from "./constants.js";
-import uo from "./PopoverDismissButton/PopoverDismissButton.js";
+import { DEFAULT_POPOVER_CLASSNAME as c, POPOVER_HEADER_TITLE_CLASSNAME as co, TOOLTIP_CONTENT_CLASSNAME as x, POPOVER_CONTENT_CLASSNAME as A, POPOVER_FOOTER_CLASSNAME as io, DEFAULT_TOOLTIP_CLASSNAME as so, POPOVER_CONTAINER_CLASSNAME as uo, POPOVER_HEADER_CLASSNAME as D } from "./constants.js";
+import ao from "./PopoverDismissButton/PopoverDismissButton.js";
 import mo from "./PopoverTitle/PopoverTitle.js";
 import { PopoverContainerVariant as i, PopoverContainerSize as B } from "./types.js";
 import { InteractionKeyCode as lo } from "../../types.js";
-import { useClickOutside as fo, ClickOutsideVariant as po, CONTROL_ELEMENT_PROPERTY as p } from "../../../hooks/element/useClickOutside.js";
+import { useClickOutside as fo, ClickOutsideVariant as po, CONTROL_ELEMENT_PROPERTY as l } from "../../../hooks/element/useClickOutside.js";
 import Eo from "../../../hooks/element/useFocusTrap.js";
 import Oo from "../../../hooks/element/usePopoverPositioner.js";
 import N from "../../../hooks/element/useUniqueIdentifier.js";
 import Po from "../../../hooks/useReflex.js";
 import { SELECTORS as To, isFocusable as Ao } from "../../../primitives/dom/tabbableRoot/tabbable.js";
 import k from "classnames";
-import { createPortal as No } from "../../../external/preact/compat/dist/compat.module.js";
-import { useMemo as w, useRef as L, useCallback as C, useEffect as q } from "../../../external/preact/hooks/dist/hooks.module.js";
+import { createPortal as No } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/compat/dist/compat.module.js";
+import { useMemo as w, useRef as L, useCallback as C, useEffect as q } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 /* empty css             */
-import { Fragment as _ } from "../../../external/preact/dist/preact.module.js";
+import { Fragment as _ } from "../../../external/.pnpm/preact@10.28.2/node_modules/preact/dist/preact.module.js";
 import { isFunction as Lo } from "../../../utils/value/is.js";
 import { boolOrTrue as Co } from "../../../utils/value/bool.js";
 import { getModifierClasses as _o } from "../../../utils/preact/className.js";
 const yo = (s) => {
-  let a;
-  const l = s.querySelector(`:scope .${x}`)?.querySelectorAll(To);
-  return l ? (Array.prototype.some.call(l, (e) => {
-    if (Ao(e)) return a = e;
-  }), a) : null;
-}, Ro = (s) => s === i.TOOLTIP ? [10, 3, 5, 5] : [8, 8, 8, 8];
+  let u;
+  const f = s.querySelector(`:scope .${x}`)?.querySelectorAll(To);
+  return f ? (Array.prototype.some.call(f, (t) => {
+    if (Ao(t)) return u = t;
+  }), u) : null;
+}, vo = (s) => s === i.TOOLTIP ? [10, 3, 5, 5] : [8, 8, 8, 8];
 function Qo({
   actions: s,
-  disableFocusTrap: a = !1,
-  actionsLayout: l = no.SPACE_BETWEEN,
-  variant: e = i.TOOLTIP,
-  title: E,
-  open: u,
+  disableFocusTrap: u = !1,
+  actionsLayout: f = no.SPACE_BETWEEN,
+  variant: t = i.TOOLTIP,
+  title: p,
+  open: a,
   dismissible: y,
   modifiers: U,
-  divider: R,
-  fitContent: S,
-  withoutSpace: v,
-  containerSize: O,
+  divider: v,
+  fitContent: R,
+  withoutSpace: S,
+  containerSize: d,
   position: K,
   targetElement: r,
   setToTargetWidth: W,
-  dismiss: t,
+  dismiss: n,
   children: I,
   withContentPadding: H,
   classNameModifiers: j,
@@ -54,21 +54,21 @@ function Qo({
   setPopoverElement: Q,
   ...X
 }) {
-  const F = w(() => Lo(t) && Co(y), [t, y]), M = N(), V = N(), $ = L(), Z = C(
-    (n) => {
-      t && t(), n && r?.current?.focus();
+  const F = w(() => Lo(n) && Co(y), [n, y]), M = N(), V = N(), $ = L(), Z = C(
+    (o) => {
+      n && n(), o && r?.current?.focus();
     },
-    [t, r]
-  ), d = C(
-    (n) => {
-      n.code === lo.ESCAPE && (t && t(), (r?.current).focus());
+    [n, r]
+  ), E = C(
+    (o) => {
+      o.code === lo.ESCAPE && (n && n(), (r?.current).focus());
     },
-    [t, r]
-  ), P = L(d), b = L(), h = fo(
+    [n, r]
+  ), O = L(E), b = L(), h = fo(
     Oo(
-      Ro(e),
+      vo(t),
       r,
-      e,
+      t,
       K,
       M,
       W,
@@ -79,56 +79,60 @@ function Qo({
       void 0,
       V
     ),
-    t,
-    e === i.TOOLTIP && !u,
+    n,
+    t === i.TOOLTIP && !a,
     po.POPOVER
-  ), z = Eo(a ? null : h, Z), f = Po(
+  ), z = Eo(u ? null : h, Z), P = Po(
     C(
-      (n, T) => {
-        T instanceof Element && (T[p] = void 0, delete T[p]), n instanceof Element && (n[p] = r.current, cancelAnimationFrame(b.current), b.current = requestAnimationFrame(() => {
-          if ($.current === u || !($.current = u)) return;
-          yo(n)?.focus();
+      (o, T) => {
+        T instanceof Element && (T[l] = void 0, delete T[l]), o instanceof Element && (o[l] = r.current, cancelAnimationFrame(b.current), b.current = requestAnimationFrame(() => {
+          if ($.current === a || !($.current = a)) return;
+          yo(o)?.focus();
         }));
       },
-      [u, r]
+      [a, r]
     ),
-    a ? h : z
-  ), g = N(f), oo = w(
+    u ? h : z
+  ), g = N(P), oo = w(
     () => ({
-      [`${c}--medium`]: O === B.MEDIUM,
-      [`${c}--with-divider`]: !!R,
-      [`${c}--wide`]: O === B.WIDE,
-      [`${c}--fit-content`]: S,
-      [`${c}--without-space`]: v,
+      [`${c}--medium`]: d === B.MEDIUM,
+      [`${c}--with-divider`]: !!v,
+      [`${c}--wide`]: d === B.WIDE,
+      [`${c}--fit-content`]: R,
+      [`${c}--without-space`]: S,
       [`${c}--auto-width`]: m
     }),
-    [O, R, v, S, m]
+    [d, v, S, R, m]
   );
   q(() => {
-    f.current && (f.current[p] = r.current);
-  }, [f, r]), q(() => (document.removeEventListener("keydown", P.current), document.addEventListener("keydown", P.current = d), () => document.removeEventListener("keydown", P.current)), [d]);
-  const eo = e === i.TOOLTIP ? so : `${c} ${ao}`, ro = e === i.TOOLTIP ? x : `${A}`;
+    const o = P.current;
+    if (o)
+      return o[l] = r.current, r.current?.setAttribute("aria-controls", o.id), () => {
+        r.current?.removeAttribute("aria-controls"), o[l] = void 0;
+      };
+  }, [P, r]), q(() => (document.removeEventListener("keydown", O.current), document.addEventListener("keydown", O.current = E), () => document.removeEventListener("keydown", O.current)), [E]);
+  const eo = t === i.TOOLTIP ? so : `${c} ${uo}`, ro = t === i.TOOLTIP ? x : `${A}`;
   return No(
-    /* @__PURE__ */ o(_, { children: u ? /* @__PURE__ */ o(_, { children: [
-      m && /* @__PURE__ */ o("div", { className: "adyen-pe-popover__overlay" }),
-      /* @__PURE__ */ o(
+    /* @__PURE__ */ e(_, { children: a ? /* @__PURE__ */ e(_, { children: [
+      m && /* @__PURE__ */ e("div", { className: "adyen-pe-popover__overlay" }),
+      /* @__PURE__ */ e(
         "div",
         {
           ...X,
-          ref: (n) => {
-            g(n), Q?.(n);
+          ref: (o) => {
+            g(o), Q?.(o);
           },
           "aria-labelledby": r.current?.id,
           className: k(eo, oo, j),
-          role: e === i.POPOVER ? "dialog" : "tooltip",
+          role: t === i.POPOVER ? "dialog" : "tooltip",
           style: { visibility: "hidden" },
           children: [
-            (E || F) && /* @__PURE__ */ o("div", { className: _o(D, U, [D]), children: [
-              E && /* @__PURE__ */ o("div", { className: co, children: /* @__PURE__ */ o(mo, { title: E }) }),
-              F && /* @__PURE__ */ o(uo, { onClick: t })
+            (p || F) && /* @__PURE__ */ e("div", { className: _o(D, U, [D]), children: [
+              p && /* @__PURE__ */ e("div", { className: co, children: /* @__PURE__ */ e(mo, { title: p }) }),
+              F && /* @__PURE__ */ e(ao, { onClick: n })
             ] }),
-            I && /* @__PURE__ */ o(_, { children: [
-              /* @__PURE__ */ o(
+            I && /* @__PURE__ */ e(_, { children: [
+              /* @__PURE__ */ e(
                 "div",
                 {
                   className: k(ro, {
@@ -139,9 +143,9 @@ function Qo({
                   children: I
                 }
               ),
-              e === i.TOOLTIP && /* @__PURE__ */ o("span", { "data-popover-placement": "hidden", ref: M, className: "adyen-pe-tooltip__arrow" })
+              t === i.TOOLTIP && /* @__PURE__ */ e("span", { "data-popover-placement": "hidden", ref: M, className: "adyen-pe-tooltip__arrow" })
             ] }),
-            s && /* @__PURE__ */ o("div", { className: io, children: /* @__PURE__ */ o(to, { actions: s, layout: l }) })
+            s && /* @__PURE__ */ e("div", { className: io, children: /* @__PURE__ */ e(to, { actions: s, layout: f }) })
           ]
         }
       )

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

@@ -1,10 +1,10 @@
-import { jsx as o } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { jsx as o } from "../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { ButtonVariant as s } from "../../Button/types.js";
 /* empty css                          */
 import n from "../../../../core/Context/useCoreContext.js";
-import { memo as r } from "../../../../external/preact/compat/dist/compat.module.js";
+import { memo as r } from "../../../../external/.pnpm/preact@10.28.2/node_modules/preact/compat/dist/compat.module.js";
 import l from "../../Button/Button.js";
-import { Fragment as m } from "../../../../external/preact/dist/preact.module.js";
+import { Fragment as m } from "../../../../external/.pnpm/preact@10.28.2/node_modules/preact/dist/preact.module.js";
 function a({ image: t = !0, onClick: i }) {
   const { i18n: e } = n();
   return /* @__PURE__ */ o(m, { children: /* @__PURE__ */ o(

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

@@ -1,7 +1,7 @@
-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 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";
+import { memo as n } from "../../../../external/.pnpm/preact@10.28.2/node_modules/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 });
 }

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

@@ -1,36 +1,33 @@
-import { CONTROL_ELEMENT_PROPERTY as g } from "../../../../hooks/element/useClickOutside.js";
-const A = /* @__PURE__ */ (() => {
+import { CONTROL_ELEMENT_PROPERTY as p } from "../../../../hooks/element/useClickOutside.js";
+const u = /* @__PURE__ */ (() => {
   let e = [];
-  const s = (t) => {
-    if (t.some(
-      (l) => l instanceof Element && e.some((c) => {
-        const i = c.element[g];
-        return i instanceof Element && i.contains(l);
+  const r = (n) => {
+    if (n.some(
+      (l) => l instanceof Element && e.some((s) => {
+        const c = s.element[p];
+        return c instanceof Element && c.contains(l);
       })
     )) return;
-    const n = t.reduce((l, c) => {
-      const i = c instanceof Node ? e.findIndex((f) => {
-        const m = f.element.getAttribute("id"), p = c && c?.getAttribute ? c?.getAttribute("id") : null;
-        return m === p;
-      }) : -1;
-      return l === -1 && i !== -1 ? i : l;
+    const o = n.reduce((l, s) => {
+      const c = s instanceof Element ? e.findIndex((f) => f.element === s) : -1;
+      return l === -1 && c !== -1 ? c : l;
     }, -1);
-    n === -1 ? r(0) : n + 1 <= e.length - 1 && r(n + 1);
-  }, d = (t) => {
-    const o = e.findIndex((n) => n.element.getAttribute("id") === t.getAttribute("id"));
-    o >= 0 && e.splice(o, 1);
-  }, u = (t, o) => {
-    e.findIndex((l) => l.element.getAttribute("id") === t.getAttribute("id")) >= 0 || e.push({ element: t, callback: o });
-  }, r = (t) => {
-    const o = e.length;
-    for (let n = t; n < o; n++)
-      e?.[n]?.callback?.();
-    e.splice(t);
+    o === -1 ? i(0) : o + 1 <= e.length - 1 && i(o + 1);
+  }, d = (n) => {
+    const t = e.findIndex((o) => o.element === n);
+    t >= 0 && e.splice(t, 1);
+  }, m = (n, t) => {
+    e.findIndex((l) => l.element === n) >= 0 || e.push({ element: n, callback: t });
+  }, i = (n) => {
+    const t = e.length;
+    for (let o = n; o < t; o++)
+      e?.[o]?.callback?.();
+    e.splice(n);
   };
-  return { add: u, remove: d, closeAll: () => {
-    e.forEach((t) => t?.callback?.()), e = [];
-  }, closePopoversOutsideOfClick: s };
+  return { add: m, remove: d, closeAll: () => {
+    e.forEach((n) => n?.callback?.()), e = [];
+  }, closePopoversOutsideOfClick: r };
 })();
 export {
-  A as popoverUtil
+  u as popoverUtil
 };

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

@@ -1,5 +1,5 @@
-import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useMemo as l } 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 { 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 i from "../Typography/Typography.js";

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

@@ -1,9 +1,9 @@
-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 t } from "../Divider/Divider.js";
 import { useResponsiveContainer as h, containerQueries as b } from "../../../hooks/useResponsiveContainer.js";
-import { useCallback as u } from "../../../external/preact/hooks/dist/hooks.module.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";

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,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 a from "classnames";
-import { memo as l } from "../../../external/preact/compat/dist/compat.module.js";
+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 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";

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/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,97 +1,100 @@
-import { jsx as y } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import { useState as D, useRef as O, useMemo as z, useEffect as F, useCallback as s } from "../../../external/preact/hooks/dist/hooks.module.js";
-import K from "classnames";
-import { InteractionKeyCode as c } from "../../types.js";
-import { Step as M } 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 q = ({ activeIndex: r, onChange: i, variant: h = "vertical", children: n, nextStepDisabled: k, ariaLabel: d }) => {
-  const [l, N] = D(r), T = O(null), f = O([]), [p, m] = D(r), S = z(() => (Array.isArray(n) ? n : [n]).filter(Boolean), [n]), A = S.length, a = h === "horizontal";
-  F(() => {
-    r > l && N(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]), w = 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": d,
-      ref: T,
+      ref: k,
       role: "toolbar",
-      "aria-orientation": h,
-      className: K("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: w,
-      children: S.map((e, t) => /* @__PURE__ */ y(
-        M,
+      onKeyDown: W,
+      children: E.map((t, e) => /* @__PURE__ */ y(
+        K,
         {
-          totalSteps: A,
-          index: t,
-          active: t === r,
-          completed: t < r,
-          disabled: !o(t),
-          onClick: () => W(t),
-          ref: (_) => {
-            _ && (f.current[t] = _);
+          totalSteps: R,
+          index: e,
+          active: e === o,
+          completed: e < o,
+          disabled: !r(e),
+          onClick: () => N(e),
+          ref: (f) => {
+            f && (p.current[e] = f);
           },
-          children: e.props?.children || e
+          children: t.props?.children || t
         },
-        t
+        e
       ))
     }
   ) });
 };
 export {
-  q 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",
   {