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

package/dist/es/components/internal/Pagination/hooks/usePaginatedRecords.js

@@ -1,118 +1,76 @@
-import { useState as R, useRef as F, useMemo as D, useCallback as L, useEffect as M } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import { useState as R, useRef as y, useMemo as D, useCallback as L, useEffect as M } from "../../../../external/preact/hooks/dist/hooks.module.js";
 import K from "./usePageLimit.js";
 import Q from "./useCursorPagination.js";
 import W from "./useOffsetPagination.js";
 import Z from "./usePaginatedRecordsFilters.js";
-import { PaginationType as z, PageNeighbour as N } from "../types.js";
-import ee from "../../../../hooks/useBooleanState/useBooleanState.js";
-import te from "../../../../hooks/useMounted/useMounted.js";
+import z from "../../../../hooks/useBooleanState.js";
+import ee from "../../../../hooks/useMounted.js";
+import { PaginationType as te, PageNeighbour as N } from "../types.js";
 import { EMPTY_OBJECT as re } from "../../../../utils/value/constants.js";
-import { boolOrFalse as _ } from "../../../../utils/value/bool.js";
-const se = ["hasNext", "hasPrevious"], b = (e) => {
+import { boolOrFalse as b } from "../../../../utils/value/bool.js";
+const se = ["hasNext", "hasPrevious"], w = (e) => {
   const t = Object.getOwnPropertyNames(e);
   return !se.some((r) => t.includes(r));
 }, oe = (e, t = "data") => {
   const r = e[t];
-  if (b(e)) {
-    const n = Object.fromEntries(Object.entries(e._links).map(([s, o]) => [s, o.cursor]));
-    return {
-      records: r,
-      paginationData: n
-    };
+  if (w(e)) {
+    const n = Object.fromEntries(
+      Object.entries(e._links).map(([s, o]) => [s, o.cursor])
+    );
+    return { records: r, paginationData: n };
   }
   throw new TypeError("MALFORMED_PAGINATED_DATA");
 }, ae = (e, t = "data") => {
   const r = e[t];
-  if (!b(e)) {
-    const {
-      hasNext: n,
-      hasPrevious: s
-    } = e, o = {
-      [N.NEXT]: _(n),
-      [N.PREV]: _(s)
-    };
-    return {
-      records: r,
-      paginationData: o
+  if (!w(e)) {
+    const { hasNext: n, hasPrevious: s } = e, o = {
+      [N.NEXT]: b(n),
+      [N.PREV]: b(s)
     };
+    return { records: r, paginationData: o };
   }
   throw new TypeError("MALFORMED_PAGINATED_DATA");
-}, ne = ({
+}, De = ({
   dataField: e = "data",
   fetchRecords: t,
   filterParams: r = re,
   initialFiltersSameAsDefault: n = !0,
   initialize: s,
   onFiltersChanged: o,
-  pagination: w,
-  preferredLimit: y,
+  pagination: F,
+  preferredLimit: _,
   preferredLimitOptions: $,
   enabled: E
 }) => {
-  const [x, j] = R([]), [v, p] = ee(!0), [I, O] = R(), [S, k] = R(y), l = te(), f = F(!0), m = F(1), A = Z(r, n), {
-    limit: P,
-    limitOptions: q
-  } = K({
-    preferredLimit: S,
-    preferredLimitOptions: $
-  }), {
-    defaultFilters: ie,
-    filters: a,
-    updateFilters: B,
-    ...C
-  } = A, [G, J] = D(() => w === z.CURSOR ? [oe, Q] : [ae, W], []), U = L((g) => k(g), []), {
-    goto: d,
-    page: V,
-    pages: X,
-    resetPagination: T,
-    ...Y
-  } = J(L(async ({
-    page: g,
-    ...H
-  }, c) => {
-    try {
-      if (O(void 0), m.current = g, !l.current || p(!0))
-        return;
-      const u = await t({
-        ...H,
-        ...a
-      }, c), {
-        records: i,
-        paginationData: h
-      } = G(u, e);
-      return f.current && (s == null || s([i, h], A), f.current = !1), l.current && (j(i), p(!1)), {
-        ...h,
-        size: i == null ? void 0 : i.length
-      };
-    } catch (u) {
-      if (c != null && c.aborted)
-        return;
-      p(!1), O(u), console.error(u);
-    }
-  }, [t, a, P]), P);
+  const [j, v] = R([]), [x, p] = z(!0), [I, O] = R(), [S, k] = R(_), A = ee(), f = y(!0), m = y(1), T = Z(r, n), { limit: P, limitOptions: q } = K({ preferredLimit: S, preferredLimitOptions: $ }), { defaultFilters: ne, filters: a, updateFilters: B, ...C } = T, [G, J] = D(
+    () => F === te.CURSOR ? [oe, Q] : [ae, W],
+    []
+  ), U = L((g) => k(g), []), { goto: d, page: V, pages: X, resetPagination: l, ...Y } = J(
+    L(
+      async ({ page: g, ...H }, c) => {
+        try {
+          if (O(void 0), m.current = g, !A.current || p(!0)) return;
+          const u = await t({ ...H, ...a }, c), { records: i, paginationData: h } = G(u, e);
+          return f.current && (s == null || s([i, h], T), f.current = !1), A.current && (v(i), p(!1)), { ...h, size: i == null ? void 0 : i.length };
+        } catch (u) {
+          if (c != null && c.aborted) return;
+          p(!1), O(u), console.error(u);
+        }
+      },
+      [t, a, P]
+    ),
+    P
+  );
   return D(() => {
     f.current = !0;
   }, [r]), D(() => {
-    T(), m.current = 1;
-  }, [a, P, T]), M(() => {
+    l(), m.current = 1;
+  }, [a, P, l]), M(() => {
     E && d(m.current);
   }, [d, E]), M(() => {
     o == null || o(a);
-  }, [a]), {
-    error: I,
-    fetching: v,
-    filters: a,
-    goto: d,
-    limitOptions: q,
-    page: V,
-    pages: X,
-    records: x,
-    updateFilters: B,
-    updateLimit: U,
-    ...C,
-    ...Y
-  };
-}, Ee = ne;
+  }, [a]), { error: I, fetching: x, filters: a, goto: d, limitOptions: q, page: V, pages: X, records: j, updateFilters: B, updateLimit: U, ...C, ...Y };
+};
 export {
-  Ee as default
+  De as default
 };

package/dist/es/components/internal/Pagination/hooks/usePaginatedRecordsFilters.js

@@ -1,21 +1,15 @@
 import o from "../../../../hooks/useReactiveState/useReactiveState.js";
-import { EMPTY_OBJECT as d } from "../../../../utils/value/constants.js";
-const u = (t = d, e) => {
+import { EMPTY_OBJECT as u } from "../../../../utils/value/constants.js";
+const f = (t = u, e) => {
   const {
-    canResetState: s,
-    defaultState: a,
+    canResetState: a,
+    defaultState: s,
     resetState: r,
     state: i,
     updateState: l
   } = o(t, e);
-  return {
-    canResetFilters: s,
-    defaultFilters: a,
-    filters: i,
-    resetFilters: r,
-    updateFilters: l
-  };
-}, f = u;
+  return { canResetFilters: a, defaultFilters: s, filters: i, resetFilters: r, updateFilters: l };
+};
 export {
   f as default
 };

package/dist/es/components/internal/Pagination/hooks/usePagination.js

@@ -1,68 +1,44 @@
-import { useRef as p, useCallback as P, useState as G, useMemo as s, useEffect as _ } from "../../../../external/preact/hooks/dist/hooks.module.js";
-import { getClampedPageLimit as j } from "../utils.js";
-import H from "../../../../hooks/useMounted/useMounted.js";
-import J from "../../../../hooks/useBooleanState/useBooleanState.js";
+import { useRef as p, useCallback as P, useState as T, useMemo as s, useEffect as j } from "../../../../external/preact/hooks/dist/hooks.module.js";
+import F from "../../../../hooks/useBooleanState.js";
+import H from "../../../../hooks/useMounted.js";
+import { getClampedPageLimit as J } from "../utils.js";
 import { noop as K } from "../../../../utils/common.js";
-const L = (V, l, M) => {
-  const u = p(), c = p(), h = p(), r = p(), i = H(P(() => {
-    var o;
-    (o = u.current) == null || o.abort(), u.current = void 0;
-  }, [])), [t, x] = G(r.current), [g, $] = J(!1), e = s(() => j(M), [M]), {
-    getPageCount: v,
-    getPageParams: I,
-    resetPageCount: z,
-    updatePagination: R
-  } = V, n = s(() => l ? (o) => {
-    var S;
-    if (!(e && Number.isInteger(o)))
-      return;
-    const f = v(), a = o < 0 ? o + f + 1 : o;
-    a > 0 && (f ? a <= f : a === 1) && ((S = u.current) == null || S.abort(), u.current = new AbortController(), i.current && (((r.current = a) > 1 || f) && x(r.current), (async () => {
-      const {
-        signal: b
-      } = u.current, D = {
-        ...I(a, e),
-        limit: e,
-        page: a
-      };
+const Y = (v, l, y) => {
+  const u = p(), c = p(), h = p(), e = p(), i = H(
+    P(() => {
+      var o;
+      (o = u.current) == null || o.abort(), u.current = void 0;
+    }, [])
+  ), [t, x] = T(e.current), [f, z] = F(!1), r = s(() => J(y), [y]), { getPageCount: C, getPageParams: A, resetPageCount: S, updatePagination: I } = v, n = s(() => l ? (o) => {
+    var $;
+    if (!(r && Number.isInteger(o))) return;
+    const m = C(), a = o < 0 ? o + m + 1 : o;
+    a > 0 && (m ? a <= m : a === 1) && (($ = u.current) == null || $.abort(), u.current = new AbortController(), i.current && (((e.current = a) > 1 || m) && x(e.current), (async () => {
+      const { signal: b } = u.current, D = { ...A(a, r), limit: r, page: a };
       try {
         const d = await l(D, b);
-        if (!d || !i.current)
-          return;
-        const {
-          size: y,
-          ...F
-        } = d;
-        R(a, e, F), c.current = r.current && Math.max(r.current, c.current || -1 / 0), r.current && r.current === c.current && (h.current = y), r.current === 1 && y > 0 && x(r.current), r.current = void 0, $(!0);
+        if (!d || !i.current) return;
+        const { size: V, ...G } = d;
+        I(a, r, G), c.current = e.current && Math.max(e.current, c.current || -1 / 0), e.current && e.current === c.current && (h.current = V), e.current === 1 && V > 0 && x(e.current), e.current = void 0, z(!0);
       } catch (d) {
-        if (b.aborted)
-          return;
+        if (b.aborted) return;
         console.error(d);
       }
     })()));
-  } : K, [e, l]), q = P(() => {
-    t && n(Math.min(t + 1, v()));
-  }, [n, t]), w = P(() => {
+  } : K, [r, l]), R = P(() => {
+    t && n(Math.min(t + 1, C()));
+  }, [n, t]), q = P(() => {
     t && n(Math.max(t - 1, 1));
-  }, [n, t]), m = s(() => v() || t || void 0, [n, g]), A = s(() => !!(t && m) && t < m, [t, m]), E = s(() => !!t && t > 1, [t]), C = s(() => c.current ? (c.current - 1) * e + (h.current || 0) : 0, [n, g]), N = s(() => e && Math.min(e, C || 1 / 0) % e, [e, C]), B = P(() => {
-    z(), c.current = h.current = r.current = void 0, i.current && x(r.current);
-  }, [z]);
-  return _(() => {
-    i.current && g && $(!1);
-  }, [g]), {
-    goto: n,
-    hasNext: A,
-    hasPrev: E,
-    limit: e,
-    next: q,
-    page: t,
-    pages: m,
-    pageSize: N,
-    prev: w,
-    resetPagination: B,
-    size: C
-  };
-}, Y = L;
+  }, [n, t]), g = s(() => C() || t || void 0, [n, f]), w = s(() => !!(t && g) && t < g, [t, g]), E = s(() => !!t && t > 1, [t]), M = s(
+    () => c.current ? (c.current - 1) * r + (h.current || 0) : 0,
+    [n, f]
+  ), N = s(() => r && Math.min(r, M || 1 / 0) % r, [r, M]), B = P(() => {
+    S(), c.current = h.current = e.current = void 0, i.current && x(e.current);
+  }, [S]);
+  return j(() => {
+    i.current && f && z(!1);
+  }, [f]), { goto: n, hasNext: w, hasPrev: E, limit: r, next: R, page: t, pages: g, pageSize: N, prev: q, resetPagination: B, size: M };
+};
 export {
   Y as default
 };

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

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

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

@@ -1,41 +1,34 @@
+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";
+/* empty css                          */
 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 o(m, {
-    children: o(l, {
-      className: (() => t ? "adyen-pe-popover-dismiss-button--on-image" : "")(),
+function a({ image: t = !0, onClick: e }) {
+  const { i18n: i } = r();
+  return /* @__PURE__ */ o(m, { children: /* @__PURE__ */ o(
+    l,
+    {
+      className: t ? "adyen-pe-popover-dismiss-button--on-image" : "",
       iconButton: !0,
       variant: n.TERTIARY,
       onClick: e,
       "aria-label": i.get("closeIconLabel"),
-      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"
-        })]
-      })
-    })
-  });
+      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"
+          }
+        )
+      ] })
+    }
+  ) });
 }
 const L = s(a);
 export {

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

@@ -1,18 +1,11 @@
-import a from "../../Typography/Typography.js";
+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 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
-  });
+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 T = e(p);
+const T = n(p);
 export {
   T as default
 };