@adyen/adyen-platform-experience-web 1.10.0 → 1.10.2

package/dist/es/hooks/element/useClickOutside.js

@@ -1,55 +1,56 @@
-import { useRef as O, useCallback as c, useEffect as L } from "../../external/preact/hooks/dist/hooks.module.js";
-import { popoverUtil as d } from "../../components/internal/Popover/utils/popoverUtil.js";
-import R from "../useReflex.js";
-const p = Symbol("__control.Elem.");
-var h = /* @__PURE__ */ ((o) => (o.POPOVER = "POPOVER", o.DEFAULT = "DEFAULT", o))(h || {});
-const v = (o) => o.stopImmediatePropagation(), _ = (o, s, f, u) => {
-  const e = O(null), m = O(!1), l = c(
+import { useRef as R, useCallback as u, useEffect as v } from "../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import { popoverUtil as a } from "../../components/internal/Popover/utils/popoverUtil.js";
+import L from "../useReflex.js";
+const p = /* @__PURE__ */ Symbol("__control.Elem.");
+var w = /* @__PURE__ */ ((r) => (r.POPOVER = "POPOVER", r.DEFAULT = "DEFAULT", r))(w || {});
+const O = (r) => r.stopImmediatePropagation(), T = (r, s, c, f) => {
+  const o = R(null), i = R(!1), E = u(
     (n) => {
-      if (!(e && e.current)) return;
-      const r = n.composedPath();
-      if (u === "POPOVER")
-        d.closePopoversOutsideOfClick(r);
+      if (!(o && o.current)) return;
+      const t = n.composedPath();
+      if (f === "POPOVER")
+        a.closePopoversOutsideOfClick(t);
       else {
-        let P = 0, a = !1, t = r[P];
-        for (; t instanceof Element && !(a || (a = t == null ? void 0 : t.isSameNode(e.current))); )
-          t = r[++P] ?? t.parentElement, (t == null ? void 0 : t[p]) instanceof Element && (t = t[p], r.length = 0);
-        s && !a && s(!0);
+        let d = 0, P = !1, e = t[d];
+        for (; (e instanceof Element || e instanceof ShadowRoot) && (e instanceof ShadowRoot && (e = e.host), !(P ||= e.isSameNode(o.current))); ) {
+          if (e?.[p] instanceof Element) {
+            e = e[p], t.length = 0;
+            continue;
+          }
+          const h = t[++d];
+          h ? e = h : e.parentElement ? e = e.parentElement : e.parentNode instanceof ShadowRoot ? e = e.parentNode : e = null;
+        }
+        s && !P && s(!0);
       }
     },
-    [e, s, u]
-  ), i = c(
+    [o, s, f]
+  ), l = u((n) => {
+    o.current && (i.current = n.composedPath().includes(o.current));
+  }, []), m = u(
     (n) => {
-      e && e.current && (m.current = e.current.contains(n.target));
+      i.current ? i.current = !1 : E(n);
     },
-    [e]
-  ), E = c(
-    (n) => {
-      if (m.current) {
-        m.current = !1;
-        return;
-      }
-      l(n);
-    },
-    [l]
+    [E]
   );
-  return L(() => {
-    if (!f)
-      return document.addEventListener("mousedown", i, !0), document.addEventListener("click", E, !0), u === "POPOVER" && e.current instanceof Element && d.add(e.current, s), () => {
-        document.removeEventListener("mousedown", i, !0), document.removeEventListener("click", E, !0), e.current && d.remove(e.current);
+  return v(() => {
+    if (c || !o.current) return;
+    const n = o.current, t = n.getRootNode();
+    if (t instanceof ShadowRoot || t instanceof Document)
+      return t.addEventListener("mousedown", l, !0), t.addEventListener("click", m, !0), f === "POPOVER" && a.add(n, s), () => {
+        t.removeEventListener("mousedown", l, !0), t.removeEventListener("click", m, !0), f === "POPOVER" && a.remove(n);
       };
-  }, [f, i, E, s, u, e]), R(
-    c(
-      (n, r) => {
-        r instanceof Element && r.removeEventListener("focusout", v, !1), n instanceof Element && (f || (n.addEventListener("focusout", v, !1), e.current = n));
+  }, [c, f, l, m, s]), L(
+    u(
+      (n, t) => {
+        t instanceof Element && t.removeEventListener("focusout", O, !1), n instanceof Element ? c || (n.addEventListener("focusout", O, !1), o.current = n) : o.current = null;
       },
-      [f, u]
+      [c]
     ),
-    o
+    r
   );
 };
 export {
   p as CONTROL_ELEMENT_PROPERTY,
-  h as ClickOutsideVariant,
-  _ as useClickOutside
+  w as ClickOutsideVariant,
+  T as useClickOutside
 };

package/dist/es/hooks/element/useDetachedRender.js

@@ -1,5 +1,5 @@
-import { createPortal as c } from "../../external/preact/compat/dist/compat.module.js";
-import { useState as i, useMemo as m } from "../../external/preact/hooks/dist/hooks.module.js";
+import { createPortal as c } from "../../external/.pnpm/preact@10.28.2/node_modules/preact/compat/dist/compat.module.js";
+import { useState as i, useMemo as m } from "../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import f from "../useReflex.js";
 const R = (r, o) => {
   const [t, s] = i(), d = f(

package/dist/es/hooks/element/useFocusCursor.js

@@ -1,18 +1,18 @@
-import { useCallback as o } from "../../external/preact/hooks/dist/hooks.module.js";
-import i from "../useReflex.js";
-import { ALREADY_RESOLVED_PROMISE as m } from "../../utils/async/constants.js";
-const A = (f) => {
+import { useCallback as o } from "../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import a from "../useReflex.js";
+import { ALREADY_RESOLVED_PROMISE as i } from "../../utils/async/constants.js";
+const r = (f) => {
   const s = o(
-    (t, e) => {
-      e instanceof Element && e.setAttribute("tabindex", "-1"), t instanceof Element && (t.setAttribute("tabindex", "0"), m.then(() => t == null ? void 0 : t.focus()));
-    },
+    ((t, e) => {
+      e instanceof Element && e.setAttribute("tabindex", "-1"), t instanceof Element && (t.setAttribute("tabindex", "0"), i.then(() => t?.focus()));
+    }),
     []
   );
-  return i(
+  return a(
     o(
       (t, e) => {
         try {
-          f == null || f(t, e);
+          f?.(t, e);
         } finally {
           s(t, e);
         }
@@ -22,5 +22,5 @@ const A = (f) => {
   );
 };
 export {
-  A as default
+  r as default
 };

package/dist/es/hooks/element/useFocusTrap.js

@@ -1,54 +1,53 @@
-import { useRef as o, useMemo as E, useCallback as c } from "../../external/preact/hooks/dist/hooks.module.js";
+import { useRef as a, useMemo as b, useCallback as c } from "../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import { InteractionKeyCode as n } from "../../components/types.js";
-import { withTabbableRoot as H, focusIsWithin as i, isFocusable as I } from "../../primitives/dom/tabbableRoot/tabbable.js";
-import M from "../useReflex.js";
-import { isUndefined as O } from "../../utils/value/is.js";
-const q = (k, A) => {
-  const u = o(!1), l = o(null), f = o(!1), T = o(null), d = o(1), b = o(!1), r = E(H, []), F = c((e) => {
+import { withTabbableRoot as C, focusIsWithin as i, isFocusable as k, getDeepActiveElement as D } from "../../primitives/dom/tabbableRoot/tabbable.js";
+import H from "../useReflex.js";
+import { isUndefined as I } from "../../utils/value/is.js";
+const w = (p, A) => {
+  const u = a(!1), l = a(null), f = a(!1), T = a(null), d = a(1), E = a(!1), r = b(C, []), F = c((e) => {
     const t = l.current;
     if (t instanceof HTMLElement && i(e, t)) {
       t.focus();
       return;
     }
     e instanceof HTMLElement && e.focus();
-  }, []), L = E(() => {
+  }, []), L = b(() => {
     let e = null, t;
     return (m) => {
-      O(t) || cancelAnimationFrame(t);
-      let s = m.target;
+      I(t) || cancelAnimationFrame(t);
+      const o = m.composedPath();
+      let s = o[0], x = 0;
       for (; s && s !== m.currentTarget; ) {
-        if (I(s)) {
+        if (s instanceof Element && k(s)) {
           e = s, t = requestAnimationFrame(() => {
             t = requestAnimationFrame(() => {
-              var a;
-              l.current !== e && e instanceof HTMLElement && ((a = l.current = e) == null || a.focus()), e = null, t = void 0;
+              l.current !== e && e instanceof HTMLElement && (l.current = e)?.focus(), e = null, t = void 0;
             });
           });
           return;
         }
-        s = s.parentNode;
+        s = o[++x];
       }
     };
   }, []), R = c((e) => {
-    r.current = l.current = e.target;
-  }, []), g = c((e) => {
-    var s;
+    r.current = l.current = e.composedPath()[0] || e.target;
+  }, []), h = c((e) => {
     const t = r.root;
     if (!(t instanceof Element)) return;
-    const m = e.target;
+    const m = e.composedPath()[0] || e.target;
     if (!i(t, m) && i(t, e.relatedTarget) && f.current && T.current === n.TAB) {
-      const a = r.tabbables;
-      if (a.length) {
-        const x = d.current === -1 ? a.length - 1 : 0;
-        (s = a[x]) == null || s.focus();
+      const o = r.tabbables;
+      if (o.length) {
+        const s = d.current === -1 ? o.length - 1 : 0;
+        o[s]?.focus();
       } else
         F(t);
     }
-  }, []), h = c((e) => {
+  }, []), g = c((e) => {
     r.tabbables.includes(e.relatedTarget) || i(e.currentTarget, e.relatedTarget) || f.current || (u.current = !0, requestAnimationFrame(() => {
       u.current && A(u.current = !1);
     }));
-  }, []), C = E(() => {
+  }, []), P = b(() => {
     let e;
     return (t) => {
       switch (T.current = t.code, t.code) {
@@ -72,13 +71,13 @@ const q = (k, A) => {
       t.code === n.TAB ? (t.preventDefault(), d.current = t.shiftKey ? -1 : 1, r.tabbables.length ? r.current = d.current : r.root instanceof Element && F(r.root)) : t.code === n.ESCAPE && A(!0);
     };
   }, []);
-  return M(
+  return H(
     c((e, t) => {
-      t instanceof Element && (t.removeEventListener("keydown", C, !0), t.removeEventListener("focusin", R, !0), t.removeEventListener("focusout", h, !1), t.removeEventListener("click", L, !0), document.removeEventListener("focusin", g, !0), b.current && t instanceof HTMLElement && (t.removeAttribute("tabindex"), b.current = !1)), e instanceof Element ? (e.addEventListener("keydown", C, !0), e.addEventListener("focusin", R, !0), e.addEventListener("focusout", h, !1), e.addEventListener("click", L, !0), document.addEventListener("focusin", g, !0), u.current = !1, r.root = e, e instanceof HTMLElement && !e.hasAttribute("tabindex") && (e.setAttribute("tabindex", "-1"), b.current = !0), i(e, document.activeElement) || e instanceof HTMLElement && e.focus()) : r.root = null;
+      t instanceof Element && (t.removeEventListener("keydown", P, !0), t.removeEventListener("focusin", R, !0), t.removeEventListener("focusout", g, !1), t.removeEventListener("click", L, !0), document.removeEventListener("focusin", h, !0), E.current && t instanceof HTMLElement && (t.removeAttribute("tabindex"), E.current = !1)), e instanceof Element ? (e.addEventListener("keydown", P, !0), e.addEventListener("focusin", R, !0), e.addEventListener("focusout", g, !1), e.addEventListener("click", L, !0), document.addEventListener("focusin", h, !0), u.current = !1, r.root = e, e instanceof HTMLElement && !e.hasAttribute("tabindex") && (e.setAttribute("tabindex", "-1"), E.current = !0), i(e, D()) || e instanceof HTMLElement && e.focus()) : r.root = null;
     }, []),
-    k
+    p
   );
 };
 export {
-  q as default
+  w as default
 };

package/dist/es/hooks/element/usePopoverPositioner.js

@@ -1,175 +1,209 @@
-import { useState as k, useCallback as Y, useRef as y, useEffect as D } from "../../external/preact/hooks/dist/hooks.module.js";
-import P from "../../components/internal/Popover/utils/utils.js";
-import { PopoverContainerPosition as t, PopoverContainerVariant as v } from "../../components/internal/Popover/types.js";
-import { isRefObject as w } from "../../primitives/reactive/reflex/helpers.js";
-import V from "../useReflex.js";
-const W = [
+import { useState as d, useRef as f, useEffect as W, useCallback as Y } from "../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import w from "../../components/internal/Popover/utils/utils.js";
+import { PopoverContainerPosition as t, PopoverContainerVariant as A } from "../../components/internal/Popover/types.js";
+import { isRefObject as P } from "../../primitives/reactive/reflex/helpers.js";
+import U from "../useReflex.js";
+const $ = [
   t.BOTTOM_RIGHT,
   t.BOTTOM_LEFT,
   t.TOP_RIGHT,
   t.TOP_LEFT
-], q = 5, A = 4, U = 10, Z = ({
-  position: M,
-  variant: _,
+], y = 5, N = 4, Z = 10, X = ({
+  position: v,
+  variant: h,
   offset: O,
-  additionalStyle: i,
-  fixedPositioning: T,
-  fullWidth: F,
-  popover: a,
-  targetElement: r
+  additionalStyle: u,
+  fixedPositioning: a,
+  fullWidth: k,
+  fitPosition: m,
+  forceFixed: n,
+  popover: p,
+  targetElement: C
 }) => {
-  let n = 0, c = 0;
-  const B = _ === v.TOOLTIP, l = a.clientHeight, C = a.clientWidth, g = a.firstChild, d = g.offsetHeight, E = g.offsetWidth, h = document.body.getBoundingClientRect(), e = r.getBoundingClientRect(), p = h.x + (h.width - E) / 2, u = e.x + (e.width - E) / 2, m = e.y + (e.height - d) / 2, b = window.scrollX, s = window.scrollY;
-  switch (M) {
+  let o = 0, r = 0;
+  const I = h === A.TOOLTIP, G = p.clientHeight, M = p.clientWidth, _ = p.firstChild, l = _.offsetHeight, b = _.offsetWidth, g = document.body.getBoundingClientRect(), e = C.getBoundingClientRect(), F = g.x + (g.width - b) / 2, E = e.x + (e.width - b) / 2, x = e.y + (e.height - l) / 2, i = window.scrollX, H = window.scrollY;
+  switch (v) {
     case t.BOTTOM:
-      n = F ? p : B ? u : e.x, c = e.y + e.height + O[1], T || (F || (n += b), c += s);
+      o = k ? F : I ? E : e.x, r = e.y + e.height + O[1], !a && !n && (k || (o += i), r += H);
       break;
     case t.TOP:
-      n = B ? u : e.x, c = e.y - (l + O[0]), T || (n += b, c += s - g.clientHeight + l);
+      o = I ? E : e.x, r = e.y - (G + O[0]), !a && !n && (o += i, r += H - _.clientHeight + G);
       break;
     case t.RIGHT:
-      n = e.x + e.width + O[2], c = B ? m : e.y - e.height / 2, T || (n += b, c += s);
+      o = e.x + e.width + O[2], r = I ? x : e.y - e.height / 2, !a && !n && (o += i, r += H);
       break;
     case t.LEFT:
-      n = e.x - (C + O[3]), c = B ? m : e.y - e.height / 2, T || (n += b, c += s);
+      o = e.x - (M + O[3]), r = I ? x : e.y - e.height / 2, !a && !n && (o += i, r += H);
       break;
     case t.BOTTOM_LEFT:
-      n = 5, c = e.y + e.height + O[1], T || (n += b, c += s);
+      o = m ? e.x : 5, r = e.y + e.height + O[1], !a && !n && (o += i, r += H);
       break;
     case t.BOTTOM_RIGHT:
-      n = -5, c = e.y + e.height + O[1], T || (n = b - (h.width - e.right), c += s);
+      o = m ? e.x : -5, r = e.y + e.height + O[1], !a && !n && (o = m ? e.x + i : i - (g.width - e.right), r += H);
       break;
     case t.TOP_LEFT:
-      n = q, c = e.y - l, T || (n += b, c += s - g.clientHeight + l);
+      o = m ? e.x : y, r = e.y - G, !a && !n && (o += i, r += H - _.clientHeight + G);
       break;
     case t.TOP_RIGHT:
-      n = -5, c = e.y - l, T || (n += b, c += s - g.clientHeight + l);
+      o = m ? e.x : -y, r = e.y - G, !a && !n && (o = m ? e.x + i : o + i, r += H - _.clientHeight + G);
       break;
   }
-  const R = {};
-  if (i) {
-    const G = !!i.maxY && c + (a == null ? void 0 : a.clientHeight) > i.maxY, o = !!i.minY && c < i.minY;
-    if (G && i.maxY) {
-      const I = e.y + e.height + 8, H = Math.max(0, i.maxY - I);
-      H > 20 && (R.height = `${H}px`), R["overflow-y"] = "scroll";
+  const c = {};
+  if (u) {
+    const L = !!u.maxY && r + p?.clientHeight > u.maxY, s = !!u.minY && r < u.minY;
+    if (L && u.maxY) {
+      const T = e.y + e.height + 8, R = Math.max(0, u.maxY - T);
+      R > 20 && (c.height = `${R}px`), c["overflow-y"] = "scroll";
     }
-    if (o && i.minY && c) {
-      const I = a.offsetHeight ?? a.clientHeight, H = Math.max(0, I - (i.minY - c));
-      R.height = `${H}px`, H && (R["overflow-y"] = "scroll");
+    if (s && u.minY && r) {
+      const T = p.offsetHeight ?? p.clientHeight, R = Math.max(0, T - (u.minY - r));
+      c.height = `${R}px`, R && (c["overflow-y"] = "scroll");
     }
-    o && (c = i.minY ?? 0);
+    s && (r = u.minY ?? 0);
   }
   return {
-    inset: M === t.TOP_RIGHT || M === t.BOTTOM_RIGHT ? "0 0 auto auto" : "0 auto auto 0",
+    inset: v === t.TOP_RIGHT || v === t.BOTTOM_RIGHT ? "0 0 auto auto" : "0 auto auto 0",
     margin: "0",
-    position: T ? "fixed" : "absolute",
-    transform: `translate3d(${n}px, ${c}px, 0)`,
+    position: a || n ? "fixed" : "absolute",
+    transform: `translate3d(${o}px, ${r}px, 0)`,
     visibility: "hidden",
-    ...R
+    ...c
   };
-}, tt = (M, _, O, i, T, F, a, r, n, c, B, l) => {
-  const [C, g] = k(!0), [d, E] = k(r ? !r : !!i), [h, e] = k(i || t.TOP), [p, u] = k([]), m = Y(
-    (s) => {
-      var G;
-      const R = document.documentElement.clientWidth, L = (G = _.current) == null ? void 0 : G.getBoundingClientRect();
-      if (s.intersectionRatio === 1) return E(!0);
-      if (!C && s.intersectionRatio !== 1) {
-        if (p && p.length === (r ? 8 : 4)) {
-          const o = p.reduce((I, H) => H[1] > I[1] ? H : I, p[0]);
-          return e(o[0]), E(!0);
+}, tt = (v, h, O, u, a, k, m, n, p, C, o, r) => {
+  const [I, G] = d(!0), [M, _] = d(n ? !n : !!u), [l, b] = d(u || t.TOP), [g, e] = d([]), F = f(null), E = f(l), x = f(null);
+  E.current = l, W(() => {
+    if (p) return;
+    let c = null;
+    const B = () => {
+      c && cancelAnimationFrame(c), c = requestAnimationFrame(() => {
+        c = null;
+        const L = F.current;
+        if (!L || !h.current) return;
+        const s = h.current.getBoundingClientRect(), T = x.current;
+        if (T && T.x === s.x && T.y === s.y)
+          return;
+        x.current = { x: s.x, y: s.y };
+        const R = X({
+          variant: O,
+          offset: v,
+          additionalStyle: C,
+          fixedPositioning: p,
+          fullWidth: m,
+          fitPosition: n,
+          forceFixed: !M,
+          popover: L,
+          position: E.current,
+          targetElement: h.current
+        });
+        L.style.transform = R.transform;
+      });
+    };
+    return window.addEventListener("scroll", B, { passive: !0, capture: !0 }), () => {
+      window.removeEventListener("scroll", B, { capture: !0 }), c && cancelAnimationFrame(c);
+    };
+  }, [p, h, O, v, C, m, n]);
+  const i = Y(
+    (c) => {
+      const B = document.documentElement.clientWidth, L = h.current?.getBoundingClientRect();
+      if (c.intersectionRatio === 1) return _(!0);
+      if (!I && c.intersectionRatio !== 1) {
+        if (g && g.length === (n ? 8 : 4)) {
+          const s = g.reduce((T, R) => R[1] > T[1] ? R : T, g[0]);
+          return b(s[0]), _(!0);
         }
-        switch (E(!1), h) {
+        switch (_(!1), l) {
           case t.TOP:
-            u((o) => [...o, [t.TOP, s.intersectionRatio]]), e(t.BOTTOM);
+            e((s) => [...s, [t.TOP, c.intersectionRatio]]), b(t.BOTTOM);
             break;
           case t.BOTTOM:
-            u((o) => [...o, [t.BOTTOM, s.intersectionRatio]]), e(
-              r ? ((L == null ? void 0 : L.x) || 0) > R / 2 ? t.BOTTOM_RIGHT : t.BOTTOM_LEFT : t.RIGHT
+            e((s) => [...s, [t.BOTTOM, c.intersectionRatio]]), b(
+              n ? (L?.x || 0) > B / 2 ? t.BOTTOM_RIGHT : t.BOTTOM_LEFT : t.RIGHT
             );
             break;
           case t.BOTTOM_LEFT:
-            u((o) => [...o, [t.BOTTOM_LEFT, s.intersectionRatio]]), e(r ? t.TOP_LEFT : t.RIGHT);
+            e((s) => [...s, [t.BOTTOM_LEFT, c.intersectionRatio]]), b(n ? t.TOP_LEFT : t.RIGHT);
             break;
           case t.BOTTOM_RIGHT:
-            u((o) => [...o, [t.BOTTOM_RIGHT, s.intersectionRatio]]), e(r ? t.TOP_RIGHT : t.RIGHT);
+            e((s) => [...s, [t.BOTTOM_RIGHT, c.intersectionRatio]]), b(n ? t.TOP_RIGHT : t.RIGHT);
             break;
           case t.TOP_LEFT:
-            u((o) => [...o, [t.TOP_LEFT, s.intersectionRatio]]), e(r ? t.BOTTOM_LEFT : t.RIGHT);
+            e((s) => [...s, [t.TOP_LEFT, c.intersectionRatio]]), b(n ? t.BOTTOM_LEFT : t.RIGHT);
             break;
           case t.TOP_RIGHT:
-            u((o) => [...o, [t.TOP_RIGHT, s.intersectionRatio]]), e(r ? t.BOTTOM_RIGHT : t.RIGHT);
+            e((s) => [...s, [t.TOP_RIGHT, c.intersectionRatio]]), b(n ? t.BOTTOM_RIGHT : t.RIGHT);
             break;
           case t.RIGHT:
-            u((o) => [...o, [t.RIGHT, s.intersectionRatio]]), e(t.LEFT);
+            e((s) => [...s, [t.RIGHT, c.intersectionRatio]]), b(t.LEFT);
             break;
           case t.LEFT:
-            u((o) => [...o, [t.LEFT, s.intersectionRatio]]), e(t.TOP);
+            e((s) => [...s, [t.LEFT, c.intersectionRatio]]), b(t.TOP);
             break;
         }
       }
     },
-    [_, C, p, r, h]
-  ), b = y(m);
-  return D(() => {
-    P(b.current).remove(), b.current = m;
-  }, [m]), V(
+    [h, I, g, n, l]
+  ), H = f(i);
+  return W(() => {
+    w(H.current).remove(), H.current = i;
+  }, [i]), U(
     Y(
-      (s, R) => {
-        var L, G, o;
-        if (R && (!i || r) && P(m).observer.unobserve(R), s && _.current) {
-          if ((!i || r) && P(m).observer.observe(s), !(s instanceof Element)) return;
-          const H = {
-            ...Z({
+      (c, B) => {
+        if (F.current = c ?? null, B && (!u || n) && w(i).observer.unobserve(B), c && h.current) {
+          if ((!u || n) && w(i).observer.observe(c), !(c instanceof Element)) return;
+          const s = {
+            ...X({
               variant: O,
-              offset: M,
-              additionalStyle: c,
-              fixedPositioning: n,
-              fullWidth: a,
-              popover: s,
-              position: h,
-              targetElement: _.current
+              offset: v,
+              additionalStyle: C,
+              fixedPositioning: p,
+              fullWidth: m,
+              fitPosition: n,
+              forceFixed: !M,
+              popover: c,
+              position: l,
+              targetElement: h.current
             }),
-            ...d && { visibility: "visible" },
-            ...F && {
+            ...M && { visibility: "visible" },
+            ...k && {
               "min-width": "fit-content",
-              width: `${_.current.clientWidth}px`
+              width: `${h.current.clientWidth}px`
             }
           };
-          if (s.setAttribute(
+          if (c.setAttribute(
             "style",
-            Object.entries(H).map((f) => f.join(":")).join(";")
-          ), C && g(!1), O && O === v.TOOLTIP && T && w(T) && ((L = T.current) == null || L.setAttribute("data-popover-placement", h), W.includes(h))) {
-            const f = _.current.getBoundingClientRect(), x = s.firstChild, $ = x.offsetWidth, N = f.x + (f.width - $) / 2, X = x.offsetHeight, j = h === t.BOTTOM_RIGHT || h === t.BOTTOM_LEFT ? X + A : A;
-            (G = T.current) == null || G.setAttribute(
+            Object.entries(s).map((T) => T.join(":")).join(";")
+          ), I && G(!1), O && O === A.TOOLTIP && a && P(a) && (a.current?.setAttribute("data-popover-placement", l), $.includes(l))) {
+            const T = h.current.getBoundingClientRect(), R = c.firstChild, j = R.offsetWidth, D = T.x + (T.width - j) / 2, V = R.offsetHeight, q = l === t.BOTTOM_RIGHT || l === t.BOTTOM_LEFT ? V + N : N;
+            a.current?.setAttribute(
               "style",
-              `transform: translate3d(${N}px, -${j}px, 0) rotate(45deg); inset: 0 0 auto auto`
+              `transform: translate3d(${D}px, -${q}px, 0) rotate(45deg); inset: 0 0 auto auto`
             );
           }
-          if (O && O === v.TOOLTIP && l && w(l) && W.includes(h)) {
-            const f = document.documentElement.clientWidth;
-            (o = l.current) == null || o.setAttribute("style", `max-width: ${f - U}px`);
+          if (O && O === A.TOOLTIP && r && P(r) && $.includes(l)) {
+            const T = document.documentElement.clientWidth;
+            r.current?.setAttribute("style", `max-width: ${T - Z}px`);
           }
         }
       },
       [
+        u,
+        n,
+        h,
         i,
-        r,
-        _,
-        m,
         O,
+        v,
+        C,
+        p,
+        m,
+        l,
         M,
-        c,
-        n,
+        k,
+        I,
         a,
-        h,
-        d,
-        F,
-        C,
-        T,
-        l
+        r
       ]
     ),
-    B
+    o
   );
 };
 export {

package/dist/es/hooks/element/useUniqueIdentifier.js

@@ -1,4 +1,4 @@
-import { useRef as r, useCallback as f } from "../../external/preact/hooks/dist/hooks.module.js";
+import { useRef as r, useCallback as f } from "../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 import u from "../useReflex.js";
 import { uniqueId as o } from "../../utils/random/uniqueId.js";
 const c = (n) => {

package/dist/es/hooks/form/Controller.js

@@ -1,4 +1,4 @@
-import { useReducer as S, useRef as y, useEffect as R, useCallback as d } from "../../external/preact/hooks/dist/hooks.module.js";
+import { useReducer as S, useRef as y, useEffect as R, useCallback as d } from "../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
 function C({ name: t, control: e, rules: u, render: g }) {
   const [, a] = S((r) => r + 1, 0), { required: c } = u ?? {}, f = y(c);
   R(() => {