@adyen/adyen-platform-experience-web 1.0.0-beta → 1.0.0-beta.2

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

@@ -1,13 +1,11 @@
-import { o } from "../../../../../jsxRuntime.module-69493d81.mjs";
-import { T as Typography, b as TypographyVariant } from "../../../../../Typography-11b95870.mjs";
-import { x } from "../../../../../compat.module-a4d537ff.mjs";
-function PopoverTitle({ title, isImageTitle = false }) {
-  const getVariant = () => {
-    return isImageTitle ? TypographyVariant.SUBTITLE : TypographyVariant.BODY;
-  };
-  return /* @__PURE__ */ o(Typography, { strongest: !isImageTitle, variant: getVariant(), children: title });
+import { jsx as a } from "../../../../external/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";
+function p({ title: t, isImageTitle: r = !1 }) {
+  return /* @__PURE__ */ a(e, { strongest: !r, variant: (() => r ? o.SUBTITLE : o.BODY)(), children: t });
 }
-const PopoverTitle$1 = x(PopoverTitle);
+const c = n(p);
 export {
-  PopoverTitle$1 as default
+  c as default
 };

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

@@ -1,18 +1,11 @@
-const DEFAULT_POPOVER_CLASSNAME = "adyen-pe-popover";
-const DEFAULT_TOOLTIP_CLASSNAME = "adyen-pe-tooltip";
-const POPOVER_CONTAINER_CLASSNAME = `${DEFAULT_POPOVER_CLASSNAME}-container`;
-const POPOVER_HEADER_CLASSNAME = `${DEFAULT_POPOVER_CLASSNAME}__header`;
-const POPOVER_HEADER_TITLE_CLASSNAME = `${DEFAULT_POPOVER_CLASSNAME}__header-title`;
-const POPOVER_CONTENT_CLASSNAME = `${DEFAULT_POPOVER_CLASSNAME}__content`;
-const TOOLTIP_CONTENT_CLASSNAME = `${DEFAULT_TOOLTIP_CLASSNAME}__content`;
-const POPOVER_FOOTER_CLASSNAME = `${DEFAULT_POPOVER_CLASSNAME}__footer`;
+const _ = "adyen-pe-popover", E = "adyen-pe-tooltip", A = `${_}-container`, O = `${_}__header`, t = `${_}__header-title`, o = `${_}__content`, n = `${E}__content`, S = `${_}__footer`;
 export {
-  DEFAULT_POPOVER_CLASSNAME,
-  DEFAULT_TOOLTIP_CLASSNAME,
-  POPOVER_CONTAINER_CLASSNAME,
-  POPOVER_CONTENT_CLASSNAME,
-  POPOVER_FOOTER_CLASSNAME,
-  POPOVER_HEADER_CLASSNAME,
-  POPOVER_HEADER_TITLE_CLASSNAME,
-  TOOLTIP_CONTENT_CLASSNAME
+  _ as DEFAULT_POPOVER_CLASSNAME,
+  E as DEFAULT_TOOLTIP_CLASSNAME,
+  A as POPOVER_CONTAINER_CLASSNAME,
+  o as POPOVER_CONTENT_CLASSNAME,
+  S as POPOVER_FOOTER_CLASSNAME,
+  O as POPOVER_HEADER_CLASSNAME,
+  t as POPOVER_HEADER_TITLE_CLASSNAME,
+  n as TOOLTIP_CONTENT_CLASSNAME
 };

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

@@ -0,0 +1,6 @@
+var O = /* @__PURE__ */ ((T) => (T.TOOLTIP = "tooltip", T.POPOVER = "popover", T))(O || {}), E = /* @__PURE__ */ ((T) => (T.TOP = "top", T.TOP_LEFT = "top-left", T.RIGHT = "right", T.BOTTOM = "bottom", T.BOTTOM_LEFT = "bottom-left", T.LEFT = "left", T))(E || {}), l = /* @__PURE__ */ ((T) => (T.MEDIUM = "medium", T.WIDE = "wide", T))(l || {});
+export {
+  E as PopoverContainerPosition,
+  l as PopoverContainerSize,
+  O as PopoverContainerVariant
+};

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

@@ -1,51 +1,33 @@
-const popoverUtil = (() => {
-  let popoverRefs = [];
-  const closePopoversOutsideOfClick = (eventPath) => {
-    const index = eventPath.reduce((index2, path) => {
-      const pathMatchIndex = path instanceof Node ? popoverRefs.findIndex((popoverRef) => {
-        const popoverRefId = popoverRef.element.getAttribute("id");
-        const pathId = path && (path == null ? void 0 : path.getAttribute) ? path == null ? void 0 : path.getAttribute("id") : null;
-        return popoverRefId === pathId;
+const x = (() => {
+  let t = [];
+  const s = (e) => {
+    const n = e.reduce((o, i) => {
+      const c = i instanceof Node ? t.findIndex((u) => {
+        const g = u.element.getAttribute("id"), b = i && (i != null && i.getAttribute) ? i == null ? void 0 : i.getAttribute("id") : null;
+        return g === b;
       }) : -1;
-      if (index2 === -1 && pathMatchIndex !== -1)
-        return pathMatchIndex;
-      return index2;
+      return o === -1 && c !== -1 ? c : o;
     }, -1);
-    if (index === -1) {
-      closeNestedPopovers(0);
-    } else {
-      index + 1 <= popoverRefs.length - 1 && closeNestedPopovers(index + 1);
-    }
+    n === -1 ? l(0) : n + 1 <= t.length - 1 && l(n + 1);
+  }, d = (e) => {
+    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 });
+  }, l = (e) => {
+    var o, i;
+    const n = t.length;
+    for (let c = e; c < n; c++)
+      (i = (o = t == null ? void 0 : t[c]) == null ? void 0 : o.callback) == null || i.call(o);
+    t.splice(e);
   };
-  const remove = (currentRef) => {
-    const index = popoverRefs.findIndex((refs) => refs.element.getAttribute("id") === currentRef.getAttribute("id"));
-    if (index >= 0) {
-      popoverRefs.splice(index, 1);
-    }
-  };
-  const add = (currentRef, callback) => {
-    const index = popoverRefs.findIndex((refs) => refs.element.getAttribute("id") === currentRef.getAttribute("id"));
-    if (index >= 0)
-      return;
-    popoverRefs.push({ element: currentRef, callback });
-  };
-  const closeNestedPopovers = (fromIndex) => {
-    var _a, _b;
-    const popoverLength = popoverRefs.length;
-    for (let i = fromIndex; i < popoverLength; i++) {
-      (_b = (_a = popoverRefs == null ? void 0 : popoverRefs[i]) == null ? void 0 : _a.callback) == null ? void 0 : _b.call(_a);
-    }
-    popoverRefs.splice(fromIndex);
-  };
-  const closeAll = () => {
-    popoverRefs.forEach((ref) => {
-      var _a;
-      return (_a = ref == null ? void 0 : ref.callback) == null ? void 0 : _a.call(ref);
-    });
-    popoverRefs = [];
-  };
-  return { add, remove, closeAll, closePopoversOutsideOfClick };
+  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 {
-  popoverUtil
+  x as popoverUtil
 };

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

@@ -1,38 +1,32 @@
-import { struct, enumerable, structFrom } from "../../../../utils/common/index.js";
-const getIntersectionObserver = (() => {
-  const observerCallbackMap = /* @__PURE__ */ new WeakMap();
-  const withIntersectionObserver = struct({
-    remove: enumerable(function() {
-      remove(this.observerCallback);
+import { struct as f, enumerable as o, structFrom as u } from "../../../../utils/common/index.js";
+const d = (() => {
+  const t = /* @__PURE__ */ new WeakMap(), s = f({
+    remove: o(function() {
+      i(this.observerCallback);
     })
-  });
-  const findObserver = (callbackFn) => {
-    let observerInstance = observerCallbackMap.get(callbackFn);
-    if (observerInstance === void 0) {
-      const observer = new IntersectionObserver(
-        (entries) => {
-          entries.forEach((entry) => {
-            if (callbackFn)
-              callbackFn(entry);
+  }), n = (e) => {
+    let r = t.get(e);
+    if (r === void 0) {
+      const v = new IntersectionObserver(
+        (c) => {
+          c.forEach((b) => {
+            e && e(b);
           });
         },
         { root: null, rootMargin: "", threshold: [1] }
       );
-      observerInstance = structFrom(withIntersectionObserver, {
-        observerCallback: enumerable(callbackFn),
-        observer: enumerable(observer)
-      });
-      observerCallbackMap.set(callbackFn, observerInstance);
+      r = u(s, {
+        observerCallback: o(e),
+        observer: o(v)
+      }), t.set(e, r);
     }
-    return observerInstance;
+    return r;
+  }, i = (e) => {
+    const r = t.get(e);
+    r == null || r.observer.disconnect(), t.delete(e);
   };
-  const remove = (callbackFn) => {
-    const currentObserver = observerCallbackMap.get(callbackFn);
-    currentObserver == null ? void 0 : currentObserver.observer.disconnect();
-    observerCallbackMap.delete(callbackFn);
-  };
-  return findObserver;
-})();
+  return n;
+})(), a = d;
 export {
-  getIntersectionObserver as default
+  a as default
 };

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

@@ -1,7 +1,7 @@
-import { o } from "../../../../jsxRuntime.module-69493d81.mjs";
-import fixedForwardRef from "../../../utils/fixedForwardRef.js";
-const CheckedBox = fixedForwardRef(({ title, ...props }, ref) => /* @__PURE__ */ o("svg", { ...props, ref, xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: [
-  title && /* @__PURE__ */ o("title", { children: title }),
+import { jsx as o } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import c from "../../../utils/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",
     {
@@ -9,7 +9,7 @@ const CheckedBox = fixedForwardRef(({ title, ...props }, ref) => /* @__PURE__ */
       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 {
-  CheckedBox as default
+  d as default
 };

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

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

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

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

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

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

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

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

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

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

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

@@ -1,5 +1,5 @@
-import { o } from "../../../../jsxRuntime.module-69493d81.mjs";
-const Close = ({ ...props }) => /* @__PURE__ */ o("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ o(
+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", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...l, children: /* @__PURE__ */ e(
   "path",
   {
     fillRule: "evenodd",
@@ -7,7 +7,7 @@ const Close = ({ ...props }) => /* @__PURE__ */ o("svg", { width: "16", height:
     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",
     fill: "#000"
   }
-) });
+) }), t = o;
 export {
-  Close as default
+  t as default
 };

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

@@ -1,5 +1,5 @@
-import { o } from "../../../../jsxRuntime.module-69493d81.mjs";
-const Copy = ({ ...props }) => /* @__PURE__ */ o("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ o("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" }) });
+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;
 export {
-  Copy as default
+  V as default
 };

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

@@ -1,11 +1,11 @@
-import { o } from "../../../../jsxRuntime.module-69493d81.mjs";
-const Filter = ({ ...props }) => /* @__PURE__ */ o("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props, children: /* @__PURE__ */ o(
+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",
   {
     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"
   }
-) });
+) }), e = l;
 export {
-  Filter as default
+  e as default
 };

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

@@ -1,9 +1,9 @@
-import { o } from "../../../../jsxRuntime.module-69493d81.mjs";
-import fixedForwardRef from "../../../utils/fixedForwardRef.js";
-const UncheckedBox = fixedForwardRef(({ title, ...props }, ref) => /* @__PURE__ */ o("svg", { ...props, ref, xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", children: [
-  title && /* @__PURE__ */ o("title", { children: title }),
+import { jsx as o } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import c from "../../../utils/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;
 export {
-  UncheckedBox as default
+  i as default
 };

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

@@ -1,7 +1,6 @@
-import '../../../../Spinner.css';
-import { o } from "../../../../jsxRuntime.module-69493d81.mjs";
-const Spinner$1 = "";
-const Spinner = ({ inline = false, size = "large" }) => /* @__PURE__ */ o("div", { className: `adyen-pe-spinner__wrapper ${inline ? "adyen-pe-spinner__wrapper--inline" : ""}`, children: /* @__PURE__ */ o("div", { className: `adyen-pe-spinner adyen-pe-spinner--${size}` }) });
+import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import "./Spinner.scss.js";
+const r = ({ inline: n = !1, size: p = "large" }) => /* @__PURE__ */ e("div", { className: `adyen-pe-spinner__wrapper ${n ? "adyen-pe-spinner__wrapper--inline" : ""}`, children: /* @__PURE__ */ e("div", { className: `adyen-pe-spinner adyen-pe-spinner--${p}` }) }), i = r;
 export {
-  Spinner as default
+  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/Tag/Tag.js

@@ -1,7 +1,21 @@
-import "../../../../jsxRuntime.module-69493d81.mjs";
-import "classnames";
-import { T } from "../../../../Tag-6d02fd64.mjs";
-import "../../../../compat.module-a4d537ff.mjs";
+import { jsx as r } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import t from "classnames";
+import { TagVariant as e } from "./types.js";
+import "./Tag.scss.js";
+import { memo as m } from "../../../external/preact/compat/dist/compat.module.js";
+const c = m(({ variant: a = e.DEFAULT, label: o }) => /* @__PURE__ */ r(
+  "div",
+  {
+    className: t("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--white": a === e.WHITE
+    }),
+    children: o
+  }
+));
 export {
-  T as Tag
+  c as Tag
 };

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

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

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

@@ -0,0 +1,4 @@
+var r = /* @__PURE__ */ ((e) => (e.DEFAULT = "default", e.WARNING = "warning", e.ERROR = "error", e.SUCCESS = "success", e.WHITE = "white", e))(r || {});
+export {
+  r as TagVariant
+};

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

@@ -1,48 +1,41 @@
-import '../../../../Tooltip.css';
-import { o } from "../../../../jsxRuntime.module-69493d81.mjs";
-import { useMediaQuery, mediaQueries } from "../../external/TransactionsOverview/hooks/useMediaQuery.js";
-import Popover from "../Popover/Popover.js";
-import { a as PopoverContainerVariant } from "../../../../usePopoverPositioner-882fea89.mjs";
-import { useTooltipListeners } from "./useTooltipListeners.js";
-import { T as Typography, b as TypographyVariant } from "../../../../Typography-11b95870.mjs";
-import useUniqueIdentifier from "../../../hooks/element/useUniqueIdentifier.js";
-import cx from "classnames";
-import { k, F } from "../../../../preact.module-38e5a571.mjs";
-const Tooltip$1 = "";
-const isString = (content) => {
-  return typeof content === "string";
-};
-const Tooltip = ({ content, children, triggerRef, showTooltip, position, isContainerHovered = false }) => {
-  var _a, _b, _c;
-  const controllerRef = useUniqueIdentifier();
-  const isMdViewport = useMediaQuery(mediaQueries.down.sm);
-  const { isVisible, listeners } = useTooltipListeners();
-  if (isMdViewport)
-    return /* @__PURE__ */ o(k, { children });
-  return /* @__PURE__ */ o(k, { children: [
-    children ? F(children, {
-      ...children == null ? void 0 : children.props,
+import { jsx as r } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useMediaQuery as T, mediaQueries as b } from "../../external/TransactionsOverview/hooks/useMediaQuery.js";
+import v from "../Popover/Popover.js";
+import { PopoverContainerVariant as x } from "../Popover/types.js";
+import { useTooltipListeners as I } from "./useTooltipListeners.js";
+import { TypographyVariant as N } from "../Typography/types.js";
+import P from "../Typography/Typography.js";
+import V from "../../../hooks/element/useUniqueIdentifier.js";
+import u from "classnames";
+import { Fragment as p, cloneElement as O } from "../../../external/preact/dist/preact.module.js";
+import "./Tooltip.scss.js";
+const E = (t) => typeof t == "string", C = ({ content: t, children: o, triggerRef: y, showTooltip: a, position: g, isContainerHovered: s = !1 }) => {
+  var i, f, n;
+  const e = V(), _ = T(b.down.sm), { isVisible: m, listeners: l } = I();
+  return _ ? /* @__PURE__ */ r(p, { children: o }) : /* @__PURE__ */ r(p, { children: [
+    o ? O(o, {
+      ...o == null ? void 0 : o.props,
       role: "button",
       tabIndex: -1,
-      ref: controllerRef,
-      className: ((_a = children == null ? void 0 : children.props) == null ? void 0 : _a.className) ? cx(`${(_b = children == null ? void 0 : children.props) == null ? void 0 : _b.className} adyen-pe__tooltip-target`, {
-        " adyen-pe__tooltip-target--hovered": isContainerHovered
-      }) : cx("adyen-pe__tooltip-target", { "adyen-pe__tooltip-target--hovered": isContainerHovered }),
-      ...listeners,
-      "aria-describedby": `tooltip-${(_c = controllerRef.current) == null ? void 0 : _c.id}`
+      ref: e,
+      className: (i = o == null ? void 0 : o.props) != null && i.className ? u(`${(f = o == null ? void 0 : o.props) == null ? void 0 : f.className} adyen-pe__tooltip-target`, {
+        " adyen-pe__tooltip-target--hovered": s
+      }) : u("adyen-pe__tooltip-target", { "adyen-pe__tooltip-target--hovered": s }),
+      ...l,
+      "aria-describedby": `tooltip-${(n = e.current) == null ? void 0 : n.id}`
     }) : null,
-    (isVisible || showTooltip) && /* @__PURE__ */ o(
-      Popover,
+    (m || a) && /* @__PURE__ */ r(
+      v,
       {
-        variant: PopoverContainerVariant.TOOLTIP,
-        targetElement: triggerRef ?? controllerRef,
-        position,
-        open: isVisible || showTooltip,
-        children: /* @__PURE__ */ o(k, { children: content && isString(content) ? /* @__PURE__ */ o(Typography, { variant: TypographyVariant.CAPTION, children: content }) : { content } })
+        variant: x.TOOLTIP,
+        targetElement: y ?? e,
+        position: g,
+        open: m || a,
+        children: /* @__PURE__ */ r(p, { children: t && E(t) ? /* @__PURE__ */ r(P, { variant: N.CAPTION, children: t }) : { content: t } })
       }
     )
   ] });
 };
 export {
-  Tooltip
+  C as Tooltip
 };

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

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

package/dist/es/components/internal/Tooltip/useTooltipListeners.js

@@ -1,31 +1,28 @@
-import { T } from "../../../../hooks.module-8565d716.mjs";
-import { I as InteractionKeyCode } from "../../../../types-0aaff3aa.mjs";
-import useBooleanState from "../../../hooks/useBooleanState/useBooleanState.js";
-const useTooltipListeners = () => {
-  const [isVisible, setIsVisible] = useBooleanState();
-  const showTooltip = T(() => setIsVisible(true), [setIsVisible]);
-  const hideTooltip = T(() => setIsVisible(false), [setIsVisible]);
-  const onKeyDown = T(
-    (evt) => {
-      switch (evt.code) {
-        case InteractionKeyCode.ESCAPE:
-          hideTooltip();
+import { useCallback as s } from "../../../external/preact/hooks/dist/hooks.module.js";
+import { InteractionKeyCode as c } from "../../types.js";
+import a from "../../../hooks/useBooleanState/useBooleanState.js";
+const m = () => {
+  const [n, o] = a(), t = s(() => o(!0), [o]), e = s(() => o(!1), [o]), i = s(
+    (r) => {
+      switch (r.code) {
+        case c.ESCAPE:
+          e();
           break;
       }
     },
-    [hideTooltip]
+    [e]
   );
   return {
     listeners: {
-      onfocusoutCapture: hideTooltip,
-      onMouseLeave: hideTooltip,
-      onKeyDown,
-      onFocus: showTooltip,
-      onMouseEnter: showTooltip
+      onfocusoutCapture: e,
+      onMouseLeave: e,
+      onKeyDown: i,
+      onFocus: t,
+      onMouseEnter: t
     },
-    isVisible
+    isVisible: n
   };
 };
 export {
-  useTooltipListeners
+  m as useTooltipListeners
 };