@adyen/adyen-platform-experience-web 1.0.0 → 1.0.2

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

@@ -1,34 +1,41 @@
-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";
 import r from "../../../../core/Context/useCoreContext.js";
 import { memo as s } from "../../../../external/preact/compat/dist/compat.module.js";
+import { jsx as o } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import l from "../../Button/Button.js";
 import { Fragment as m } from "../../../../external/preact/dist/preact.module.js";
-function a({ image: t = !0, onClick: e }) {
-  const { i18n: i } = r();
-  return /* @__PURE__ */ o(m, { children: /* @__PURE__ */ o(
-    l,
-    {
+function a({
+  image: t = !0,
+  onClick: e
+}) {
+  const {
+    i18n: i
+  } = r();
+  return o(m, {
+    children: o(l, {
       className: (() => t ? "adyen-pe-popover-dismiss-button--on-image" : "")(),
       iconButton: !0,
       variant: n.TERTIARY,
       onClick: e,
       "aria-label": i.get("closeIconLabel"),
-      children: /* @__PURE__ */ o("svg", { role: "img", xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", fill: "none", children: [
-        /* @__PURE__ */ o("title", { children: "dismiss" }),
-        /* @__PURE__ */ o(
-          "path",
-          {
-            fill: "#00112C",
-            fillRule: "evenodd",
-            d: "M11.4697 12.5303C11.7626 12.8232 12.2374 12.8232 12.5303 12.5303C12.8232 12.2374 12.8232 11.7626 12.5303 11.4697L9.06066 8L12.5303 4.53033C12.8232 4.23744 12.8232 3.76256 12.5303 3.46967C12.2374 3.17678 11.7626 3.17678 11.4697 3.46967L8 6.93934L4.53033 3.46967C4.23744 3.17678 3.76256 3.17678 3.46967 3.46967C3.17678 3.76256 3.17678 4.23744 3.46967 4.53033L6.93934 8L3.46967 11.4697C3.17678 11.7626 3.17678 12.2374 3.46967 12.5303C3.76256 12.8232 4.23744 12.8232 4.53033 12.5303L8 9.06066L11.4697 12.5303Z",
-            clipRule: "evenodd"
-          }
-        )
-      ] })
-    }
-  ) });
+      children: o("svg", {
+        role: "img",
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "16",
+        height: "16",
+        fill: "none",
+        children: [o("title", {
+          children: "dismiss"
+        }), o("path", {
+          fill: "#00112C",
+          fillRule: "evenodd",
+          d: "M11.4697 12.5303C11.7626 12.8232 12.2374 12.8232 12.5303 12.5303C12.8232 12.2374 12.8232 11.7626 12.5303 11.4697L9.06066 8L12.5303 4.53033C12.8232 4.23744 12.8232 3.76256 12.5303 3.46967C12.2374 3.17678 11.7626 3.17678 11.4697 3.46967L8 6.93934L4.53033 3.46967C4.23744 3.17678 3.76256 3.17678 3.46967 3.46967C3.17678 3.76256 3.17678 4.23744 3.46967 4.53033L6.93934 8L3.46967 11.4697C3.17678 11.7626 3.17678 12.2374 3.46967 12.5303C3.76256 12.8232 4.23744 12.8232 4.53033 12.5303L8 9.06066L11.4697 12.5303Z",
+          clipRule: "evenodd"
+        })]
+      })
+    })
+  });
 }
 const L = s(a);
 export {

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

@@ -1,11 +1,18 @@
-import { jsx as a } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import e from "../../Typography/Typography.js";
+import a 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 });
+import { memo as e } from "../../../../external/preact/compat/dist/compat.module.js";
+import { jsx as n } from "../../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+function p({
+  title: t,
+  isImageTitle: r = !1
+}) {
+  return n(a, {
+    strongest: !r,
+    variant: (() => r ? o.SUBTITLE : o.BODY)(),
+    children: t
+  });
 }
-const T = n(p);
+const T = e(p);
 export {
   T as default
 };

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

@@ -13,7 +13,10 @@ const x = (() => {
     const n = t.findIndex((o) => o.element.getAttribute("id") === e.getAttribute("id"));
     n >= 0 && t.splice(n, 1);
   }, r = (e, n) => {
-    t.findIndex((i) => i.element.getAttribute("id") === e.getAttribute("id")) >= 0 || t.push({ element: e, callback: n });
+    t.findIndex((i) => i.element.getAttribute("id") === e.getAttribute("id")) >= 0 || t.push({
+      element: e,
+      callback: n
+    });
   }, l = (e) => {
     var o, i;
     const n = t.length;
@@ -21,12 +24,17 @@ const x = (() => {
       (i = (o = t == null ? void 0 : t[c]) == null ? void 0 : o.callback) == null || i.call(o);
     t.splice(e);
   };
-  return { add: r, remove: d, closeAll: () => {
-    t.forEach((e) => {
-      var n;
-      return (n = e == null ? void 0 : e.callback) == null ? void 0 : n.call(e);
-    }), t = [];
-  }, closePopoversOutsideOfClick: s };
+  return {
+    add: r,
+    remove: d,
+    closeAll: () => {
+      t.forEach((e) => {
+        var n;
+        return (n = e == null ? void 0 : e.callback) == null ? void 0 : n.call(e);
+      }), t = [];
+    },
+    closePopoversOutsideOfClick: s
+  };
 })();
 export {
   x as popoverUtil

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

@@ -9,14 +9,15 @@ const u = (() => {
   }), n = (e) => {
     let r = t.get(e);
     if (d(r)) {
-      const v = new IntersectionObserver(
-        (c) => {
-          c.forEach((b) => {
-            e && e(b);
-          });
-        },
-        { root: null, rootMargin: "", threshold: [1] }
-      );
+      const v = new IntersectionObserver((c) => {
+        c.forEach((b) => {
+          e && e(b);
+        });
+      }, {
+        root: null,
+        rootMargin: "",
+        threshold: [1]
+      });
       r = m(s, {
         observerCallback: o(e),
         observer: o(v)

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

@@ -1,15 +1,23 @@
 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 }),
-  /* @__PURE__ */ o(
-    "path",
-    {
-      fill: "currentColor",
-      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;
+const h = c(({
+  title: e,
+  ...r
+}, t) => 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 && o("title", {
+    children: e
+  }), o("path", {
+    fill: "currentColor",
+    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
 };

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

@@ -1,17 +1,25 @@
 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 }),
-  /* @__PURE__ */ e(
-    "path",
-    {
-      fill: "currentColor",
-      "fill-rule": "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"
-    }
-  )
-] })), n = t;
+const t = i(({
+  title: r,
+  ...l
+}, o) => 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 && e("title", {
+    children: r
+  }), e("path", {
+    fill: "currentColor",
+    "fill-rule": "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"
+  })]
+})), n = t;
 export {
   n as default
 };

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

@@ -1,17 +1,25 @@
 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", { ...l, ref: r, 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 }),
-  /* @__PURE__ */ o(
-    "path",
-    {
-      fill: "currentColor",
-      fillRule: "evenodd",
-      d: "M2.47 4.97c.3-.3.77-.3 1.06 0L8 9.44l4.47-4.47a.75.75 0 1 1 1.06 1.06l-5 5c-.3.3-.77.3-1.06 0l-5-5a.75.75 0 0 1 0-1.06Z",
-      clipRule: "evenodd"
-    }
-  )
-] })), h = i;
+const i = n(({
+  title: e,
+  ...l
+}, r) => 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 && o("title", {
+    children: e
+  }), o("path", {
+    fill: "currentColor",
+    fillRule: "evenodd",
+    d: "M2.47 4.97c.3-.3.77-.3 1.06 0L8 9.44l4.47-4.47a.75.75 0 1 1 1.06 1.06l-5 5c-.3.3-.77.3-1.06 0l-5-5a.75.75 0 0 1 0-1.06Z",
+    clipRule: "evenodd"
+  })]
+})), h = i;
 export {
   h as default
 };

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

@@ -1,15 +1,23 @@
 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 }),
-  /* @__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"
-    }
-  )
-] })), l = d;
+const d = r(({
+  title: t,
+  ...o
+}, i) => 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 && e("title", {
+    children: t
+  }), 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"
+  })]
+})), l = d;
 export {
   l as default
 };

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

@@ -1,15 +1,23 @@
 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 }),
-  /* @__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"
-    }
-  )
-] })), n = r;
+const r = h(({
+  title: t,
+  ...e
+}, o) => 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 && i("title", {
+    children: t
+  }), 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"
+  })]
+})), n = r;
 export {
   n as default
 };

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

@@ -1,17 +1,25 @@
 import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import { fixedForwardRef as i } from "../../../utils/preact/fixedForwardRef.js";
-const n = i(({ title: l, ...o }, r) => /* @__PURE__ */ e("svg", { ...o, ref: r, xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: [
-  l && /* @__PURE__ */ e("title", { children: l }),
-  /* @__PURE__ */ e(
-    "path",
-    {
-      fill: "currentColor",
-      fillRule: "evenodd",
-      d: "M13.53 11.03c-.3.3-.77.3-1.06 0L8 6.56l-4.47 4.47a.75.75 0 1 1-1.06-1.06l5-5c.3-.3.77-.3 1.06 0l5 5c.3.3.3.77 0 1.06Z",
-      clipRule: "evenodd"
-    }
-  )
-] })), c = n;
+const n = i(({
+  title: l,
+  ...o
+}, r) => 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 && e("title", {
+    children: l
+  }), e("path", {
+    fill: "currentColor",
+    fillRule: "evenodd",
+    d: "M13.53 11.03c-.3.3-.77.3-1.06 0L8 6.56l-4.47 4.47a.75.75 0 1 1-1.06-1.06l5-5c.3-.3.77-.3 1.06 0l5 5c.3.3.3.77 0 1.06Z",
+    clipRule: "evenodd"
+  })]
+})), c = n;
 export {
   c as default
 };

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

@@ -1,13 +1,19 @@
 import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-const o = ({ ...l }) => /* @__PURE__ */ e("svg", { width: "16", height: "16", viewBox: "0 0 16 16", xmlns: "http://www.w3.org/2000/svg", ...l, children: /* @__PURE__ */ e(
-  "path",
-  {
+const o = ({
+  ...l
+}) => e("svg", {
+  width: "16",
+  height: "16",
+  viewBox: "0 0 16 16",
+  xmlns: "http://www.w3.org/2000/svg",
+  ...l,
+  children: e("path", {
     fill: "currentColor",
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M13.6569 4.07112C14.0474 3.6806 14.0474 3.04743 13.6569 2.65691C13.2664 2.26638 12.6332 2.26638 12.2427 2.65691L8.00005 6.89954L3.75745 2.65694C3.36692 2.26641 2.73376 2.26641 2.34324 2.65694C1.95271 3.04746 1.95271 3.68063 2.34324 4.07115L6.58584 8.31375L2.34319 12.5564C1.95266 12.9469 1.95266 13.5801 2.34319 13.9706C2.73371 14.3611 3.36688 14.3611 3.7574 13.9706L8.00005 9.72796L12.2427 13.9706C12.6333 14.3612 13.2664 14.3612 13.6569 13.9706C14.0475 13.5801 14.0475 12.947 13.6569 12.5564L9.41426 8.31375L13.6569 4.07112Z"
-  }
-) }), C = o;
+  })
+}), C = o;
 export {
   C as default
 };

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

@@ -1,5 +1,17 @@
 import { jsx as C } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-const t = ({ ...o }) => /* @__PURE__ */ C("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...o, children: /* @__PURE__ */ C("path", { d: "M3.5 1.25C2.25736 1.25 1.25 2.25736 1.25 3.5V8.5C1.25 9.74264 2.25736 10.75 3.5 10.75H5.25V12.5C5.25 13.7426 6.25736 14.75 7.5 14.75H12.5C13.7426 14.75 14.75 13.7426 14.75 12.5V7.5C14.75 6.25736 13.7426 5.25 12.5 5.25H10.75V3.5C10.75 2.25736 9.74264 1.25 8.5 1.25H3.5ZM9.25 5.25H7.5C6.25736 5.25 5.25 6.25736 5.25 7.5V9.25H3.5C3.08579 9.25 2.75 8.91421 2.75 8.5V3.5C2.75 3.08579 3.08579 2.75 3.5 2.75H8.5C8.91421 2.75 9.25 3.08579 9.25 3.5V5.25ZM6.75 12.5V7.5C6.75 7.08579 7.08579 6.75 7.5 6.75H12.5C12.9142 6.75 13.25 7.08579 13.25 7.5V12.5C13.25 12.9142 12.9142 13.25 12.5 13.25H7.5C7.08579 13.25 6.75 12.9142 6.75 12.5Z" }) }), V = t;
+const t = ({
+  ...o
+}) => C("svg", {
+  width: "16",
+  height: "16",
+  viewBox: "0 0 16 16",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  ...o,
+  children: C("path", {
+    d: "M3.5 1.25C2.25736 1.25 1.25 2.25736 1.25 3.5V8.5C1.25 9.74264 2.25736 10.75 3.5 10.75H5.25V12.5C5.25 13.7426 6.25736 14.75 7.5 14.75H12.5C13.7426 14.75 14.75 13.7426 14.75 12.5V7.5C14.75 6.25736 13.7426 5.25 12.5 5.25H10.75V3.5C10.75 2.25736 9.74264 1.25 8.5 1.25H3.5ZM9.25 5.25H7.5C6.25736 5.25 5.25 6.25736 5.25 7.5V9.25H3.5C3.08579 9.25 2.75 8.91421 2.75 8.5V3.5C2.75 3.08579 3.08579 2.75 3.5 2.75H8.5C8.91421 2.75 9.25 3.08579 9.25 3.5V5.25ZM6.75 12.5V7.5C6.75 7.08579 7.08579 6.75 7.5 6.75H12.5C12.9142 6.75 13.25 7.08579 13.25 7.5V12.5C13.25 12.9142 12.9142 13.25 12.5 13.25H7.5C7.08579 13.25 6.75 12.9142 6.75 12.5Z"
+  })
+}), V = t;
 export {
   V as default
 };

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

@@ -1,11 +1,18 @@
 import { jsx as t } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-const l = ({ ...i }) => /* @__PURE__ */ t("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...i, children: /* @__PURE__ */ t(
-  "path",
-  {
+const l = ({
+  ...i
+}) => t("svg", {
+  width: "16",
+  height: "16",
+  viewBox: "0 0 16 16",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg",
+  ...i,
+  children: t("path", {
     d: "M1.25 1.25H14.75V4.05C14.75 4.65117 14.5094 5.22128 14.0903 5.64033L10.08 9.65066V11.6212L7.34093 14.76H5.92V9.65066L1.90967 5.64033C1.49062 5.22128 1.25 4.65117 1.25 4.05V1.25ZM2.75 2.75V4.05C2.75 4.24883 2.82938 4.43872 2.97033 4.57967L7.42 9.02934V12.388L8.58 11.0588V9.02934L13.0297 4.57967C13.1706 4.43872 13.25 4.24883 13.25 4.05V2.75H2.75Z",
     fill: "#00112C"
-  }
-) }), o = l;
+  })
+}), o = l;
 export {
   o as default
 };

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

@@ -1,9 +1,23 @@
 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 }),
-  /* @__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;
+const h = c(({
+  title: e,
+  ...r
+}, t) => 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 && o("title", {
+    children: e
+  }), 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
 };

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

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

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

@@ -0,0 +1,4 @@
+const e = "";
+export {
+  e as default
+};

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

@@ -1,4 +1,3 @@
-import { jsx as t } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 import o from "classnames";
 import { useMemo as u } from "../../../external/preact/hooks/dist/hooks.module.js";
 import A from "../../../core/Context/useCoreContext.js";
@@ -7,6 +6,7 @@ import i from "../Typography/Typography.js";
 import { SL_GRID_CLASS as m, SL_BASE_CLASS as C, SL_ITEM_CLASS as f, SL_ITEM_WITH_HIGHLIGHT_CLASS as T, SL_LABEL_CLASS as h, SL_CONTENT_CLASS as E } from "./constants.js";
 import "./StructuredList.scss.js";
 import { useStructuredListItems as I } from "./useStructuredListItem.js";
+import { jsx as t } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
 const N = "6-6";
 function x({
   items: l,
@@ -16,28 +16,33 @@ function x({
   layout: L = N,
   grid: _ = !0
 }) {
-  const [n, p] = u(() => L.split("-").map((r) => `${m}--width-${r}-of-12`), [L]), d = I(l), { i18n: a } = A();
-  return /* @__PURE__ */ t("div", { "aria-label": a.get("structuredList"), className: C, children: d.map((r) => /* @__PURE__ */ t(
-    "dl",
-    {
+  const [n, p] = u(() => L.split("-").map((r) => `${m}--width-${r}-of-12`), [L]), d = I(l), {
+    i18n: a
+  } = A();
+  return t("div", {
+    "aria-label": a.get("structuredList"),
+    className: C,
+    children: d.map((r) => t("dl", {
       className: o(f, {
         [T]: c,
         [m]: _
       }),
-      children: [
-        /* @__PURE__ */ t("dt", { className: o(h, n), children: e ? e(r.label) : /* @__PURE__ */ t(i, { variant: S.BODY, children: r.label }) }),
-        /* @__PURE__ */ t(
-          "dd",
-          {
-            "aria-label": `${a.get(r.key)} ${a.get("value")}`,
-            className: o(E, p),
-            children: s ? s(r.value) : /* @__PURE__ */ t(i, { variant: S.BODY, children: r.value })
-          }
-        )
-      ]
-    },
-    r.id
-  )) });
+      children: [t("dt", {
+        className: o(h, n),
+        children: e ? e(r.label) : t(i, {
+          variant: S.BODY,
+          children: r.label
+        })
+      }), t("dd", {
+        "aria-label": `${a.get(r.key)} ${a.get("value")}`,
+        className: o(E, p),
+        children: s ? s(r.value) : t(i, {
+          variant: S.BODY,
+          children: r.value
+        })
+      })]
+    }, r.id))
+  });
 }
 export {
   x as default

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

@@ -1,18 +1,17 @@
-import { useMemo as n } from "../../../external/preact/hooks/dist/hooks.module.js";
-import s from "../../../core/Context/useCoreContext.js";
-import { uuid as c } from "../../../utils/random/uuid.js";
-const i = (r) => {
-  const { i18n: t } = s();
-  return n(() => Object.keys(r).reduce((o, e) => {
-    const u = r[e];
-    return u && o.push({
-      key: e,
-      value: u,
-      id: c(),
-      label: t.get(e)
-    }), o;
-  }, []), [t, r]);
+import { useMemo as o } from "../../../external/preact/hooks/dist/hooks.module.js";
+import u from "../../../core/Context/useCoreContext.js";
+import { uuid as n } from "../../../utils/random/uuid.js";
+const p = (r) => {
+  const {
+    i18n: t
+  } = u();
+  return o(() => r.map((e) => ({
+    key: e.key,
+    value: e.value,
+    id: n(),
+    label: t.get(e.key)
+  })), [t, r]);
 };
 export {
-  i as useStructuredListItems
+  p as useStructuredListItems
 };

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

@@ -1,21 +1,21 @@
-import { jsx as m } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-import o from "classnames";
+import m from "classnames";
 import { TagVariant as e } from "./types.js";
 import "./Tag.scss.js";
-import { memo as p } from "../../../external/preact/compat/dist/compat.module.js";
-const y = p(({ variant: a = e.DEFAULT, label: r }) => /* @__PURE__ */ m(
-  "div",
-  {
-    className: o("adyen-pe-tag", {
-      "adyen-pe-tag--success": a === e.SUCCESS,
-      "adyen-pe-tag--default": a === e.DEFAULT,
-      "adyen-pe-tag--warning": a === e.WARNING,
-      "adyen-pe-tag--error": a === e.ERROR,
-      "adyen-pe-tag--primary": a === e.WHITE
-    }),
-    children: r
-  }
-));
+import { memo as o } from "../../../external/preact/compat/dist/compat.module.js";
+import { jsx as p } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+const y = o(({
+  variant: a = e.DEFAULT,
+  label: r
+}) => p("div", {
+  className: m("adyen-pe-tag", {
+    "adyen-pe-tag--success": a === e.SUCCESS,
+    "adyen-pe-tag--default": a === e.DEFAULT,
+    "adyen-pe-tag--warning": a === e.WARNING,
+    "adyen-pe-tag--error": a === e.ERROR,
+    "adyen-pe-tag--primary": a === e.WHITE
+  }),
+  children: r
+}));
 export {
   y as Tag
 };