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

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

@@ -1,21 +1,21 @@
+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 Po } 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";
 import { Fragment as _ } from "../../../external/preact/dist/preact.module.js";
 import { isFunction as To } from "../../../utils/value/is.js";
 import { boolOrTrue as Ao } from "../../../utils/value/bool.js";
@@ -23,106 +23,118 @@ 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))
+    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(() => To(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]
+  ), P = 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), T = 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(T), 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]);
   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 Po(
+    /* @__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";
 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, {
+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
 };

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

@@ -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

@@ -9,15 +9,14 @@ 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/ProgressBar/ProgressBar.js

@@ -0,0 +1,56 @@
+import { jsx as e } from "../../../external/preact/jsx-runtime/dist/jsxRuntime.module.js";
+import { useMemo as s } from "../../../external/preact/hooks/dist/hooks.module.js";
+import u from "classnames";
+import "./ProgressBar.scss.js";
+import o from "../Typography/Typography.js";
+import { TypographyElement as m, TypographyVariant as p } from "../Typography/types.js";
+import { Tooltip as _ } from "../Tooltip/Tooltip.js";
+import { clamp as h } from "../../../utils/value/number.js";
+const N = ({ max: a = 1, value: t, labels: r, tooltips: n, className: i }) => {
+  const c = s(() => h(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: u("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(o, { el: m.SPAN, variant: p.CAPTION, className: "adyen-pe-progress-bar__legend-label", children: r.current }),
+          r.max && /* @__PURE__ */ e(o, { el: m.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(_, { content: a, children: i() }) : i(t);
+}, C = N;
+export {
+  C as default
+};

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

@@ -0,0 +1,4 @@
+const r = "";
+export {
+  r 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;
+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;
 export {
   d 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 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;
 export {
   n 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;
+const i = n(({ title: e, ...l }, r) => /* @__PURE__ */ 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 && /* @__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;
 export {
   h 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 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;
 export {
   l 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;
+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;
 export {
   n as default
 };