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

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) => {
@@ -13,10 +13,7 @@ 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;
@@ -24,17 +21,12 @@ 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

@@ -1,24 +1,23 @@
-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);
     })
   }), 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]
-      });
-      r = m(s, {
+      const v = new IntersectionObserver(
+        (f) => {
+          f.forEach((m) => {
+            e && e(m);
+          });
+        },
+        { root: null, rootMargin: "", threshold: [1] }
+      );
+      r = c(s, {
         observerCallback: o(e),
         observer: o(v)
       }), t.set(e, r);
@@ -29,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

@@ -0,0 +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";
+/* 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",
+    {
+      role: "progressbar",
+      "aria-valuenow": t,
+      "aria-valuemin": 0,
+      "aria-valuemax": a,
+      "aria-valuetext": `${c}%`,
+      "aria-label": y,
+      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" }),
+          /* @__PURE__ */ e(
+            d,
+            {
+              tooltipContent: n == null ? void 0 : n.progress,
+              title: r == null ? void 0 : r.current,
+              percentage: c,
+              className: "adyen-pe-progress-bar__track-fill"
+            }
+          ),
+          /* @__PURE__ */ e(
+            d,
+            {
+              tooltipContent: n == null ? void 0 : n.remaining,
+              title: r == null ? void 0 : r.max,
+              percentage: 100 - c,
+              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(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(h, { content: a, children: i() }) : i(t);
+};
+export {
+  A as default
+};

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

@@ -1,23 +1,15 @@
 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) => 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;
+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",
+    {
+      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"
+    }
+  )
+] }));
 export {
-  d as default
+  c as default
 };

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

@@ -1,25 +1,17 @@
 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) => 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;
+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",
+    {
+      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"
+    }
+  )
+] }));
 export {
-  n as default
+  a as default
 };

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

@@ -1,25 +1,17 @@
-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) => 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;
+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",
+      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"
+    }
+  )
+] }));
 export {
-  h as default
+  t as default
 };

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

@@ -1,23 +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) => 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;
+const f = r(({ title: i, ...t }, o) => /* @__PURE__ */ e("svg", { ...t, ref: o, width: "7", height: "10", viewBox: "0 0 6 10", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+  i && /* @__PURE__ */ e("title", { children: i }),
+  /* @__PURE__ */ e(
+    "path",
+    {
+      d: "M5.56077 2.00011L2.56077 5.00011L5.56077 8.00011L4.50011 9.06077L0.439453 5.00011L4.50011 0.939453L5.56077 2.00011Z",
+      fill: t.disabled ? "#8D95A3" : "#00112C"
+    }
+  )
+] }));
 export {
-  l as default
+  f as default
 };

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

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

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

@@ -1,25 +1,17 @@
 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) => 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;
+const n = 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",
+      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"
+    }
+  )
+] }));
 export {
-  c as default
+  n as default
 };

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

@@ -0,0 +1,16 @@
+import { jsx as l } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+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",
+    {
+      d: "M.25 8a7.75 7.75 0 1 1 15.5 0A7.75 7.75 0 0 1 .25 8ZM6 4.94 4.94 6l2 2-2 2L6 11.06l2-2 2 2L11.06 10l-2-2 2-2L10 4.94l-2 2-2-2Z",
+      fill: "currentColor"
+    }
+  ) }),
+  /* @__PURE__ */ l("defs", { children: /* @__PURE__ */ l("clipPath", { id: "a", children: /* @__PURE__ */ l("path", { fill: "#fff", d: "M0 0h16v16H0z" }) }) })
+] }));
+export {
+  o as default
+};

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

@@ -1,21 +1,20 @@
 import { jsx as o } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-const t = ({
-  ...l
-}) => o("svg", {
-  width: "15",
-  height: "14",
-  viewBox: "0 0 15 14",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg",
-  ...l,
-  children: [o("path", {
-    d: "M8.25 0.25V8.18957L10.5001 5.93945L11.5608 7.00011L7.50011 11.0608L3.43945 7.00011L4.50011 5.93945L6.75 8.18934V0.25H8.25Z",
-    fill: "currentColor"
-  }), o("path", {
-    d: "M2.25 11.5V9.25H0.75V11.5C0.75 12.0967 0.987053 12.669 1.40901 13.091C1.83097 13.5129 2.40326 13.75 3 13.75H12C12.5967 13.75 13.169 13.5129 13.591 13.091C14.0129 12.669 14.25 12.0967 14.25 11.5V9.25H12.75V11.5C12.75 11.6989 12.671 11.8897 12.5303 12.0303C12.3897 12.171 12.1989 12.25 12 12.25H3C2.80109 12.25 2.61032 12.171 2.46967 12.0303C2.32902 11.8897 2.25 11.6989 2.25 11.5Z",
-    fill: "currentColor"
-  })]
-}), n = t;
+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",
+    {
+      d: "M8.25 0.25V8.18957L10.5001 5.93945L11.5608 7.00011L7.50011 11.0608L3.43945 7.00011L4.50011 5.93945L6.75 8.18934V0.25H8.25Z",
+      fill: "currentColor"
+    }
+  ),
+  /* @__PURE__ */ o(
+    "path",
+    {
+      d: "M2.25 11.5V9.25H0.75V11.5C0.75 12.0967 0.987053 12.669 1.40901 13.091C1.83097 13.5129 2.40326 13.75 3 13.75H12C12.5967 13.75 13.169 13.5129 13.591 13.091C14.0129 12.669 14.25 12.0967 14.25 11.5V9.25H12.75V11.5C12.75 11.6989 12.671 11.8897 12.5303 12.0303C12.3897 12.171 12.1989 12.25 12 12.25H3C2.80109 12.25 2.61032 12.171 2.46967 12.0303C2.32902 11.8897 2.25 11.6989 2.25 11.5Z",
+      fill: "currentColor"
+    }
+  )
+] });
 export {
-  n as default
+  r as default
 };

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

@@ -1,23 +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) => 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;
+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" })
+] }));
 export {
-  i as default
+  d as default
 };

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

@@ -1,23 +1,21 @@
 import { jsx as C } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
-const r = ({
-  ...o
-}) => C("svg", {
-  width: "16",
-  height: "16",
-  viewBox: "0 0 16 16",
-  fill: "currentColor",
-  xmlns: "http://www.w3.org/2000/svg",
-  children: [C("path", {
-    d: "M8.75 4.58008H7.25V9.08008H8.75V4.58008Z",
-    fill: "currentColor"
-  }), C("path", {
-    d: "M8.71 10.6201C8.57 10.4801 8.39 10.3801 8.2 10.3501C8.01 10.3101 7.8 10.3301 7.62 10.4101C7.44 10.4901 7.28 10.6101 7.17 10.7801C7.06 10.9401 7 11.1401 7 11.3401C7 11.6101 7.11 11.8601 7.29 12.0501C7.48 12.2401 7.73 12.3401 8 12.3401C8.2 12.3401 8.39 12.2801 8.56 12.1701C8.72 12.0601 8.85 11.9001 8.93 11.7201C9.01 11.5401 9.03 11.3401 8.99 11.1401C8.95 10.9501 8.86 10.7701 8.72 10.6301L8.71 10.6201Z",
-    fill: "currentColor"
-  }), C("path", {
-    d: "M9.9501 2.21008L15.3501 11.5301V11.5201C15.5501 11.8601 15.6501 12.2501 15.6501 12.6501C15.6501 13.0501 15.5501 13.4401 15.3501 13.7801C15.1501 14.1201 14.8601 14.4001 14.5201 14.6001C14.1801 14.8001 13.7901 14.9001 13.4001 14.9001H2.6001C2.2001 14.9001 1.8101 14.8001 1.4701 14.6001C1.1301 14.4101 0.850097 14.1201 0.650097 13.7801C0.450097 13.4501 0.350098 13.0601 0.350098 12.6601C0.350098 12.2601 0.450097 11.8701 0.650097 11.5301L6.0601 2.20008C6.2501 1.86008 6.5401 1.58008 6.8801 1.38008C7.5601 0.980078 8.4401 0.980078 9.1301 1.38008C9.4701 1.58008 9.7501 1.87008 9.9501 2.21008ZM13.7701 13.3001C13.8901 13.2401 13.9801 13.1401 14.0501 13.0301L14.0601 13.0401C14.1301 12.9201 14.1601 12.7901 14.1601 12.6601C14.1601 12.5301 14.1301 12.4001 14.0601 12.2901L8.6601 2.96008C8.5901 2.84008 8.5001 2.74008 8.3801 2.68008C8.2601 2.62008 8.1401 2.58008 8.0001 2.58008C7.8601 2.58008 7.7301 2.61008 7.6201 2.68008C7.5101 2.74008 7.4201 2.84008 7.3501 2.95008L1.9501 12.2901C1.8801 12.4001 1.8501 12.5301 1.8501 12.6601C1.8501 12.7901 1.8801 12.9201 1.9501 13.0301C2.0101 13.1401 2.1101 13.2401 2.2201 13.3001C2.3401 13.3601 2.4701 13.4001 2.6001 13.4001H13.3901C13.5301 13.4001 13.6601 13.3701 13.7701 13.3001Z",
-    fill: "currentColor"
-  })]
-}), l = r;
+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",
+    {
+      d: "M8.71 10.6201C8.57 10.4801 8.39 10.3801 8.2 10.3501C8.01 10.3101 7.8 10.3301 7.62 10.4101C7.44 10.4901 7.28 10.6101 7.17 10.7801C7.06 10.9401 7 11.1401 7 11.3401C7 11.6101 7.11 11.8601 7.29 12.0501C7.48 12.2401 7.73 12.3401 8 12.3401C8.2 12.3401 8.39 12.2801 8.56 12.1701C8.72 12.0601 8.85 11.9001 8.93 11.7201C9.01 11.5401 9.03 11.3401 8.99 11.1401C8.95 10.9501 8.86 10.7701 8.72 10.6301L8.71 10.6201Z",
+      fill: "currentColor"
+    }
+  ),
+  /* @__PURE__ */ C(
+    "path",
+    {
+      d: "M9.9501 2.21008L15.3501 11.5301V11.5201C15.5501 11.8601 15.6501 12.2501 15.6501 12.6501C15.6501 13.0501 15.5501 13.4401 15.3501 13.7801C15.1501 14.1201 14.8601 14.4001 14.5201 14.6001C14.1801 14.8001 13.7901 14.9001 13.4001 14.9001H2.6001C2.2001 14.9001 1.8101 14.8001 1.4701 14.6001C1.1301 14.4101 0.850097 14.1201 0.650097 13.7801C0.450097 13.4501 0.350098 13.0601 0.350098 12.6601C0.350098 12.2601 0.450097 11.8701 0.650097 11.5301L6.0601 2.20008C6.2501 1.86008 6.5401 1.58008 6.8801 1.38008C7.5601 0.980078 8.4401 0.980078 9.1301 1.38008C9.4701 1.58008 9.7501 1.87008 9.9501 2.21008ZM13.7701 13.3001C13.8901 13.2401 13.9801 13.1401 14.0501 13.0301L14.0601 13.0401C14.1301 12.9201 14.1601 12.7901 14.1601 12.6601C14.1601 12.5301 14.1301 12.4001 14.0601 12.2901L8.6601 2.96008C8.5901 2.84008 8.5001 2.74008 8.3801 2.68008C8.2601 2.62008 8.1401 2.58008 8.0001 2.58008C7.8601 2.58008 7.7301 2.61008 7.6201 2.68008C7.5101 2.74008 7.4201 2.84008 7.3501 2.95008L1.9501 12.2901C1.8801 12.4001 1.8501 12.5301 1.8501 12.6601C1.8501 12.7901 1.8801 12.9201 1.9501 13.0301C2.0101 13.1401 2.1101 13.2401 2.2201 13.3001C2.3401 13.3601 2.4701 13.4001 2.6001 13.4001H13.3901C13.5301 13.4001 13.6601 13.3701 13.7701 13.3001Z",
+      fill: "currentColor"
+    }
+  )
+] });
 export {
-  l as default
+  o as default
 };

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

@@ -0,0 +1,31 @@
+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";
+/* empty css            */
+import { calculateProgress as f } from "./calculateProgress.js";
+import l from "classnames";
+function j(r, t, o) {
+  const s = t / 2;
+  let e = Math.round(s / o) * o;
+  return e < r ? e = r : e > t && (e = t), e;
+}
+const y = ({ min: r = 0, max: t = 100, step: o = 1, value: s = r, onChange: e, className: d, ...i }) => {
+  const c = n(() => f(s, r, t, o), [s, r, t, o]);
+  return /* @__PURE__ */ u(
+    "input",
+    {
+      type: "range",
+      className: l("adyen-pe-slider", d),
+      min: r,
+      max: t,
+      step: o,
+      value: s,
+      onChange: e,
+      style: { backgroundSize: `${c}% 100%` },
+      ...i
+    }
+  );
+};
+export {
+  j as calculateSliderAdjustedMidValue,
+  y as default
+};

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

@@ -0,0 +1,11 @@
+import { clamp as p } from "../../../utils/value/number.js";
+function f(c, e, r, o) {
+  if (e >= r) return 0;
+  const t = o > 0 ? o : 1;
+  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));
+}
+export {
+  f as calculateProgress
+};

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

@@ -1,14 +1,6 @@
-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;
+/* 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
 };