@adyen/adyen-platform-experience-web 1.10.1 → 1.11.0

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 l } from "../../components/internal/Popover/utils/popoverUtil.js";
-import R from "../useReflex.js";
-const p = Symbol("__control.Elem.");
-var h = /* @__PURE__ */ ((n) => (n.POPOVER = "POPOVER", n.DEFAULT = "DEFAULT", n))(h || {});
-const v = (n) => n.stopImmediatePropagation(), _ = (n, s, f, u) => {
-  const e = O(null), m = O(!1), d = c(
-    (t) => {
-      if (!(e && e.current)) return;
-      const r = t.composedPath();
-      if (u === "POPOVER")
-        l.closePopoversOutsideOfClick(r);
+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 (!(o && o.current)) return;
+      const t = n.composedPath();
+      if (f === "POPOVER")
+        a.closePopoversOutsideOfClick(t);
       else {
-        let P = 0, a = !1, o = r[P];
-        for (; o instanceof Element && !(a ||= o?.isSameNode(e.current)); )
-          o = r[++P] ?? o.parentElement, o?.[p] instanceof Element && (o = o[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(
-    (t) => {
-      e && e.current && (m.current = e.current.contains(t.target));
+    [o, s, f]
+  ), l = u((n) => {
+    o.current && (i.current = n.composedPath().includes(o.current));
+  }, []), m = u(
+    (n) => {
+      i.current ? i.current = !1 : E(n);
     },
-    [e]
-  ), E = c(
-    (t) => {
-      if (m.current) {
-        m.current = !1;
-        return;
-      }
-      d(t);
-    },
-    [d]
+    [E]
   );
-  return L(() => {
-    if (!f)
-      return document.addEventListener("mousedown", i, !0), document.addEventListener("click", E, !0), u === "POPOVER" && e.current instanceof Element && l.add(e.current, s), () => {
-        document.removeEventListener("mousedown", i, !0), document.removeEventListener("click", E, !0), e.current && l.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(
-      (t, r) => {
-        r instanceof Element && r.removeEventListener("focusout", v, !1), t instanceof Element && (f || (t.addEventListener("focusout", v, !1), e.current = t));
+  }, [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]
     ),
-    n
+    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,19 +1,19 @@
-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 f from "../useReflex.js";
-const R = (r, o) => {
-  const [t, s] = i(), d = f(
-    m(() => {
+import { createPortal as c } from "../../external/.pnpm/preact@10.28.2/node_modules/preact/compat/dist/compat.module.js";
+import { useState as f, useMemo as i } from "../../external/.pnpm/preact@10.28.2/node_modules/preact/hooks/dist/hooks.module.js";
+import m from "../useReflex.js";
+const v = (r, t) => {
+  const [n, o] = f(), d = m(
+    i(() => {
       const u = (e) => (...a) => {
-        const n = r(e, ...a);
-        return n && c(n, e);
+        const s = r(e, ...a);
+        return s && c(s, e);
       };
-      return s(void 0), (e) => s(e instanceof Element ? () => u(e) : void 0);
-    }, [r, o]),
-    o
+      return o(void 0), (e) => o(e instanceof Element ? () => u(e) : void 0);
+    }, [r]),
+    t
   );
-  return [t, d];
+  return [n, d];
 };
 export {
-  R as default
+  v as default
 };

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

@@ -1,23 +1,23 @@
-import { useCallback as o } from "../../external/preact/hooks/dist/hooks.module.js";
+import { useCallback as s } 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) => {
+  const o = s(
+    ((t, e) => {
       e instanceof Element && e.setAttribute("tabindex", "-1"), t instanceof Element && (t.setAttribute("tabindex", "0"), i.then(() => t?.focus()));
-    },
+    }),
     []
   );
   return a(
-    o(
+    s(
       (t, e) => {
         try {
           f?.(t, e);
         } finally {
-          s(t, e);
+          o(t, e);
         }
       },
-      [f]
+      [f, o]
     )
   );
 };

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

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

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

@@ -1,51 +1,51 @@
-import { useState as d, useRef as f, useEffect as W, useCallback as Y } from "../../external/preact/hooks/dist/hooks.module.js";
+import { useState as f, useRef as d, useLayoutEffect as U, 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";
+import Z from "../useReflex.js";
 const $ = [
   t.BOTTOM_RIGHT,
   t.BOTTOM_LEFT,
   t.TOP_RIGHT,
   t.TOP_LEFT
-], y = 5, N = 4, Z = 10, X = ({
+], y = 5, N = 4, z = 10, X = ({
   position: v,
-  variant: h,
-  offset: O,
+  variant: l,
+  offset: a,
   additionalStyle: u,
-  fixedPositioning: a,
-  fullWidth: k,
+  fixedPositioning: O,
+  fullWidth: E,
   fitPosition: m,
   forceFixed: n,
   popover: p,
-  targetElement: C
+  targetElement: 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;
+  const _ = l === A.TOOLTIP, G = p.clientHeight, C = p.clientWidth, I = p.firstChild, h = I.offsetHeight, b = I.offsetWidth, g = document.body.getBoundingClientRect(), e = M.getBoundingClientRect(), F = g.x + (g.width - b) / 2, k = e.x + (e.width - b) / 2, x = e.y + (e.height - h) / 2, i = window.scrollX, H = window.scrollY;
   switch (v) {
     case t.BOTTOM:
-      o = k ? F : I ? E : e.x, r = e.y + e.height + O[1], !a && !n && (k || (o += i), r += H);
+      o = E ? F : _ ? k : e.x, r = e.y + e.height + a[1], !O && !n && (E || (o += i), r += H);
       break;
     case t.TOP:
-      o = I ? E : e.x, r = e.y - (G + O[0]), !a && !n && (o += i, r += H - _.clientHeight + G);
+      o = _ ? k : e.x, r = e.y - (G + a[0]), !O && !n && (o += i, r += H - I.clientHeight + G);
       break;
     case t.RIGHT:
-      o = e.x + e.width + O[2], r = I ? x : e.y - e.height / 2, !a && !n && (o += i, r += H);
+      o = e.x + e.width + a[2], r = _ ? x : e.y - e.height / 2, !O && !n && (o += i, r += H);
       break;
     case t.LEFT:
-      o = e.x - (M + O[3]), r = I ? x : e.y - e.height / 2, !a && !n && (o += i, r += H);
+      o = e.x - (C + a[3]), r = _ ? x : e.y - e.height / 2, !O && !n && (o += i, r += H);
       break;
     case t.BOTTOM_LEFT:
-      o = m ? e.x : 5, r = e.y + e.height + O[1], !a && !n && (o += i, r += H);
+      o = m ? e.x : 5, r = e.y + e.height + a[1], !O && !n && (o += i, r += H);
       break;
     case t.BOTTOM_RIGHT:
-      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);
+      o = m ? e.x : -5, r = e.y + e.height + a[1], !O && !n && (o = m ? e.x + i : i - (g.width - e.right), r += H);
       break;
     case t.TOP_LEFT:
-      o = m ? e.x : y, r = e.y - G, !a && !n && (o += i, r += H - _.clientHeight + G);
+      o = m ? e.x : y, r = e.y - G, !O && !n && (o += i, r += H - I.clientHeight + G);
       break;
     case t.TOP_RIGHT:
-      o = m ? e.x : -y, r = e.y - G, !a && !n && (o = m ? e.x + i : o + i, r += H - _.clientHeight + G);
+      o = m ? e.x : -y, r = e.y - G, !O && !n && (o = m ? e.x + i : o + i, r += H - I.clientHeight + G);
       break;
   }
   const c = {};
@@ -64,36 +64,38 @@ const $ = [
   return {
     inset: v === t.TOP_RIGHT || v === t.BOTTOM_RIGHT ? "0 0 auto auto" : "0 auto auto 0",
     margin: "0",
-    position: a || n ? "fixed" : "absolute",
+    position: O || n ? "fixed" : "absolute",
     transform: `translate3d(${o}px, ${r}px, 0)`,
     visibility: "hidden",
     ...c
   };
-}, 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(() => {
+}, et = (v, l, a, u, O, E, m, n, p, M, o, r) => {
+  const [_, G] = f(!0), [C, I] = f(n ? !n : !!u), [h, b] = f(u || t.TOP), [g, e] = f([]), F = d(null), k = d(h), x = d(null);
+  U(() => {
+    k.current = h;
+  }, [h]), 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 (!L || !l.current) return;
+        const s = l.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,
+          variant: a,
           offset: v,
-          additionalStyle: C,
+          additionalStyle: M,
           fixedPositioning: p,
           fullWidth: m,
           fitPosition: n,
-          forceFixed: !M,
+          forceFixed: !C,
           popover: L,
-          position: E.current,
-          targetElement: h.current
+          position: k.current,
+          targetElement: l.current
         });
         L.style.transform = R.transform;
       });
@@ -101,17 +103,17 @@ const $ = [
     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]);
+  }, [p, l, a, v, M, m, n, C]);
   const i = Y(
     (c) => {
-      const B = document.documentElement.clientWidth, L = h.current?.getBoundingClientRect();
-      if (c.intersectionRatio === 1) return _(!0);
-      if (!I && c.intersectionRatio !== 1) {
+      const B = document.documentElement.clientWidth, L = l.current?.getBoundingClientRect();
+      if (c.intersectionRatio === 1) return I(!0);
+      if (!_ && 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);
+          return b(s[0]), I(!0);
         }
-        switch (_(!1), l) {
+        switch (I(!1), h) {
           case t.TOP:
             e((s) => [...s, [t.TOP, c.intersectionRatio]]), b(t.BOTTOM);
             break;
@@ -141,65 +143,65 @@ const $ = [
         }
       }
     },
-    [h, I, g, n, l]
-  ), H = f(i);
+    [l, _, g, n, h]
+  ), H = d(i);
   return W(() => {
     w(H.current).remove(), H.current = i;
-  }, [i]), U(
+  }, [i]), Z(
     Y(
       (c, B) => {
-        if (F.current = c ?? null, B && (!u || n) && w(i).observer.unobserve(B), c && h.current) {
+        if (F.current = c ?? null, B && (!u || n) && w(i).observer.unobserve(B), c && l.current) {
           if ((!u || n) && w(i).observer.observe(c), !(c instanceof Element)) return;
           const s = {
             ...X({
-              variant: O,
+              variant: a,
               offset: v,
-              additionalStyle: C,
+              additionalStyle: M,
               fixedPositioning: p,
               fullWidth: m,
               fitPosition: n,
-              forceFixed: !M,
+              forceFixed: !C,
               popover: c,
-              position: l,
-              targetElement: h.current
+              position: h,
+              targetElement: l.current
             }),
-            ...M && { visibility: "visible" },
-            ...k && {
+            ...C && { visibility: "visible" },
+            ...E && {
               "min-width": "fit-content",
-              width: `${h.current.clientWidth}px`
+              width: `${l.current.clientWidth}px`
             }
           };
           if (c.setAttribute(
             "style",
             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(
+          ), _ && G(!1), a && a === A.TOOLTIP && O && P(O) && (O.current?.setAttribute("data-popover-placement", h), $.includes(h))) {
+            const T = l.current.getBoundingClientRect(), R = c.firstChild, j = R.offsetWidth, D = T.x + (T.width - j) / 2, V = R.offsetHeight, q = h === t.BOTTOM_RIGHT || h === t.BOTTOM_LEFT ? V + N : N;
+            O.current?.setAttribute(
               "style",
               `transform: translate3d(${D}px, -${q}px, 0) rotate(45deg); inset: 0 0 auto auto`
             );
           }
-          if (O && O === A.TOOLTIP && r && P(r) && $.includes(l)) {
+          if (a && a === A.TOOLTIP && r && P(r) && $.includes(h)) {
             const T = document.documentElement.clientWidth;
-            r.current?.setAttribute("style", `max-width: ${T - Z}px`);
+            r.current?.setAttribute("style", `max-width: ${T - z}px`);
           }
         }
       },
       [
         u,
         n,
-        h,
+        l,
         i,
-        O,
+        a,
         v,
-        C,
+        M,
         p,
         m,
-        l,
-        M,
-        k,
-        I,
-        a,
+        h,
+        C,
+        E,
+        _,
+        O,
         r
       ]
     ),
@@ -207,5 +209,5 @@ const $ = [
   );
 };
 export {
-  tt as default
+  et as default
 };

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

@@ -1,16 +1,13 @@
-import { useRef as r, useCallback as f } from "../../external/preact/hooks/dist/hooks.module.js";
+import { useRef as i, 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) => {
-  const e = r();
+import o from "../../utils/random/uniqueId.js";
+const c = (r) => {
+  const e = i();
   return u(
-    f(
-      (i, t) => {
-        t instanceof Element && t.id === e.current && (t.id = ""), i instanceof Element && (i.id = e.current || (e.current = o()));
-      },
-      [n]
-    ),
-    n
+    f((n, t) => {
+      t instanceof Element && t.id === e.current && (t.id = ""), n instanceof Element && (n.id = e.current || (e.current = o()));
+    }, []),
+    r
   );
 };
 export {

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(() => {