@pittorica/popover-react 0.23.0 → 0.23.2

package/dist/index.js

@@ -1,4 +1,4 @@
-import { jsxs as Zt, jsx as j } from "react/jsx-runtime";
+import { jsxs as Zt, jsx as q } from "react/jsx-runtime";
 import * as g from "react";
 import { useLayoutEffect as gt, createContext as Jt, useState as Qt, useMemo as en, use as tn } from "react";
 import * as ht from "react-dom";
@@ -21,25 +21,25 @@ function we() {
 function re(e) {
   return _e(e) ? (e.nodeName || "").toLowerCase() : "#document";
 }
-function B(e) {
+function $(e) {
   var t;
   return (e == null || (t = e.ownerDocument) == null ? void 0 : t.defaultView) || window;
 }
-function K(e) {
+function U(e) {
   var t;
   return (t = (_e(e) ? e.ownerDocument : e.document) || window.document) == null ? void 0 : t.documentElement;
 }
 function _e(e) {
-  return we() ? e instanceof Node || e instanceof B(e).Node : !1;
+  return we() ? e instanceof Node || e instanceof $(e).Node : !1;
 }
 function D(e) {
-  return we() ? e instanceof Element || e instanceof B(e).Element : !1;
+  return we() ? e instanceof Element || e instanceof $(e).Element : !1;
 }
-function L(e) {
-  return we() ? e instanceof HTMLElement || e instanceof B(e).HTMLElement : !1;
+function N(e) {
+  return we() ? e instanceof HTMLElement || e instanceof $(e).HTMLElement : !1;
 }
 function Me(e) {
-  return !we() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof B(e).ShadowRoot;
+  return !we() || typeof ShadowRoot > "u" ? !1 : e instanceof ShadowRoot || e instanceof $(e).ShadowRoot;
 }
 const on = /* @__PURE__ */ new Set(["inline", "contents"]);
 function ae(e) {
@@ -71,13 +71,13 @@ function Ve(e) {
   return ln.some((o) => n[o] ? n[o] !== "none" : !1) || (n.containerType ? n.containerType !== "normal" : !1) || !t && (n.backdropFilter ? n.backdropFilter !== "none" : !1) || !t && (n.filter ? n.filter !== "none" : !1) || an.some((o) => (n.willChange || "").includes(o)) || un.some((o) => (n.contain || "").includes(o));
 }
 function fn(e) {
-  let t = Y(e);
-  for (; L(t) && !q(t); ) {
+  let t = X(e);
+  for (; N(t) && !Y(t); ) {
     if (Ve(t))
       return t;
     if (xe(t))
       return null;
-    t = Y(t);
+    t = X(t);
   }
   return null;
 }
@@ -85,11 +85,11 @@ function Re() {
   return typeof CSS > "u" || !CSS.supports ? !1 : CSS.supports("-webkit-backdrop-filter", "none");
 }
 const dn = /* @__PURE__ */ new Set(["html", "body", "#document"]);
-function q(e) {
+function Y(e) {
   return dn.has(re(e));
 }
 function W(e) {
-  return B(e).getComputedStyle(e);
+  return $(e).getComputedStyle(e);
 }
 function Ee(e) {
   return D(e) ? {
@@ -100,7 +100,7 @@ function Ee(e) {
     scrollTop: e.scrollY
   };
 }
-function Y(e) {
+function X(e) {
   if (re(e) === "html")
     return e;
   const t = (
@@ -108,18 +108,18 @@ function Y(e) {
     e.assignedSlot || // DOM Element detected.
     e.parentNode || // ShadowRoot detected.
     Me(e) && e.host || // Fallback.
-    K(e)
+    U(e)
   );
   return Me(t) ? t.host : t;
 }
 function bt(e) {
-  const t = Y(e);
-  return q(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : L(t) && ae(t) ? t : bt(t);
+  const t = X(e);
+  return Y(t) ? e.ownerDocument ? e.ownerDocument.body : e.body : N(t) && ae(t) ? t : bt(t);
 }
 function Z(e, t, n) {
   var o;
   t === void 0 && (t = []), n === void 0 && (n = !0);
-  const r = bt(e), i = r === ((o = e.ownerDocument) == null ? void 0 : o.body), s = B(r);
+  const r = bt(e), i = r === ((o = e.ownerDocument) == null ? void 0 : o.body), s = $(r);
   if (i) {
     const c = ke(s);
     return t.concat(s, s.visualViewport || [], ae(r) ? r : [], c && n ? Z(c) : []);
@@ -129,7 +129,7 @@ function Z(e, t, n) {
 function ke(e) {
   return e.parent && Object.getPrototypeOf(e.parent) ? e.frameElement : null;
 }
-const pe = Math.min, J = Math.max, me = Math.round, ue = Math.floor, H = (e) => ({
+const pe = Math.min, J = Math.max, me = Math.round, ue = Math.floor, K = (e) => ({
   x: e,
   y: e
 }), pn = {
@@ -477,7 +477,7 @@ function le(e) {
   return (e == null ? void 0 : e.ownerDocument) || document;
 }
 function Un(e) {
-  return L(e) && e.matches(Wn);
+  return N(e) && e.matches(Wn);
 }
 function jn(e) {
   return e ? e.hasAttribute(Je) ? e : e.querySelector("[" + Je + "]") || e : null;
@@ -628,17 +628,17 @@ async function to(e, t) {
   } : {
     x: 1,
     y: 1
-  }, C = he(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
+  }, S = he(i.convertOffsetParentRelativeRectToViewportRelativeRect ? await i.convertOffsetParentRelativeRectToViewportRelativeRect({
     elements: c,
     rect: w,
     offsetParent: x,
     strategy: l
   }) : w);
   return {
-    top: (y.top - C.top + h.top) / E.y,
-    bottom: (C.bottom - y.bottom + h.bottom) / E.y,
-    left: (y.left - C.left + h.left) / E.x,
-    right: (C.right - y.right + h.right) / E.x
+    top: (y.top - S.top + h.top) / E.y,
+    bottom: (S.bottom - y.bottom + h.bottom) / E.y,
+    left: (y.left - S.left + h.left) / E.x,
+    right: (S.right - y.right + h.right) / E.x
   };
 }
 const no = async (e, t, n) => {
@@ -664,8 +664,8 @@ const no = async (e, t, n) => {
     } = c[b], {
       x,
       y: E,
-      data: C,
-      reset: T
+      data: S,
+      reset: C
     } = await w({
       x: u,
       y: f,
@@ -687,13 +687,13 @@ const no = async (e, t, n) => {
       ...d,
       [y]: {
         ...d[y],
-        ...C
+        ...S
       }
-    }, T && h <= 50 && (h++, typeof T == "object" && (T.placement && (m = T.placement), T.rects && (a = T.rects === !0 ? await s.getElementRects({
+    }, C && h <= 50 && (h++, typeof C == "object" && (C.placement && (m = C.placement), C.rects && (a = C.rects === !0 ? await s.getElementRects({
       reference: e,
       floating: t,
       strategy: r
-    }) : T.rects), {
+    }) : C.rects), {
       x: u,
       y: f
     } = tt(a, m, l)), b = -1);
@@ -729,46 +729,46 @@ const no = async (e, t, n) => {
       } = Se(e, t);
       if ((n = i.arrow) != null && n.alignmentOffset)
         return {};
-      const y = ee(r), w = G(c), x = ee(c) === c, E = await (l.isRTL == null ? void 0 : l.isRTL(a.floating)), C = m || (x || !p ? [ge(c)] : vn(c)), T = h !== "none";
-      !m && T && C.push(...xn(c, p, h, E));
-      const k = [c, ...C], F = await l.detectOverflow(t, b), $ = [];
-      let S = ((o = i.flip) == null ? void 0 : o.overflows) || [];
-      if (u && $.push(F[y]), f) {
+      const y = ee(r), w = G(c), x = ee(c) === c, E = await (l.isRTL == null ? void 0 : l.isRTL(a.floating)), S = m || (x || !p ? [ge(c)] : vn(c)), C = h !== "none";
+      !m && C && S.push(...xn(c, p, h, E));
+      const k = [c, ...S], F = await l.detectOverflow(t, b), _ = [];
+      let L = ((o = i.flip) == null ? void 0 : o.overflows) || [];
+      if (u && _.push(F[y]), f) {
         const R = hn(r, s, E);
-        $.push(F[R[0]], F[R[1]]);
+        _.push(F[R[0]], F[R[1]]);
       }
-      if (S = [...S, {
+      if (L = [...L, {
         placement: r,
-        overflows: $
-      }], !$.every((R) => R <= 0)) {
-        var _, X;
-        const R = (((_ = i.flip) == null ? void 0 : _.index) || 0) + 1, M = k[R];
+        overflows: _
+      }], !_.every((R) => R <= 0)) {
+        var A, H;
+        const R = (((A = i.flip) == null ? void 0 : A.index) || 0) + 1, M = k[R];
         if (M && (!(f === "alignment" ? w !== G(M) : !1) || // We leave the current main axis only if every placement on that axis
         // overflows the main axis.
-        S.every((v) => G(v.placement) === w ? v.overflows[0] > 0 : !0)))
+        L.every((v) => G(v.placement) === w ? v.overflows[0] > 0 : !0)))
           return {
             data: {
               index: R,
-              overflows: S
+              overflows: L
             },
             reset: {
               placement: M
             }
           };
-        let O = (X = S.filter((P) => P.overflows[0] <= 0).sort((P, v) => P.overflows[1] - v.overflows[1])[0]) == null ? void 0 : X.placement;
+        let O = (H = L.filter((P) => P.overflows[0] <= 0).sort((P, v) => P.overflows[1] - v.overflows[1])[0]) == null ? void 0 : H.placement;
         if (!O)
           switch (d) {
             case "bestFit": {
               var V;
-              const P = (V = S.filter((v) => {
-                if (T) {
-                  const A = G(v.placement);
-                  return A === w || // Create a bias to the `y` side axis due to horizontal
+              const P = (V = L.filter((v) => {
+                if (C) {
+                  const T = G(v.placement);
+                  return T === w || // Create a bias to the `y` side axis due to horizontal
                   // reading directions favoring greater width.
-                  A === "y";
+                  T === "y";
                 }
                 return !0;
-              }).map((v) => [v.placement, v.overflows.filter((A) => A > 0).reduce((A, I) => A + I, 0)]).sort((v, A) => v[1] - A[1])[0]) == null ? void 0 : V[0];
+              }).map((v) => [v.placement, v.overflows.filter((T) => T > 0).reduce((T, I) => T + I, 0)]).sort((v, T) => v[1] - T[1])[0]) == null ? void 0 : V[0];
               P && (O = P);
               break;
             }
@@ -897,7 +897,7 @@ const so = function(e) {
 function It(e) {
   const t = W(e);
   let n = parseFloat(t.width) || 0, o = parseFloat(t.height) || 0;
-  const r = L(e), i = r ? e.offsetWidth : n, s = r ? e.offsetHeight : o, c = me(n) !== i || me(o) !== s;
+  const r = N(e), i = r ? e.offsetWidth : n, s = r ? e.offsetHeight : o, c = me(n) !== i || me(o) !== s;
   return c && (n = i, o = s), {
     width: n,
     height: o,
@@ -909,8 +909,8 @@ function We(e) {
 }
 function oe(e) {
   const t = We(e);
-  if (!L(t))
-    return H(1);
+  if (!N(t))
+    return K(1);
   const n = t.getBoundingClientRect(), {
     width: o,
     height: r,
@@ -922,30 +922,30 @@ function oe(e) {
     y: c
   };
 }
-const lo = /* @__PURE__ */ H(0);
+const lo = /* @__PURE__ */ K(0);
 function Dt(e) {
-  const t = B(e);
+  const t = $(e);
   return !Re() || !t.visualViewport ? lo : {
     x: t.visualViewport.offsetLeft,
     y: t.visualViewport.offsetTop
   };
 }
 function ao(e, t, n) {
-  return t === void 0 && (t = !1), !n || t && n !== B(e) ? !1 : t;
+  return t === void 0 && (t = !1), !n || t && n !== $(e) ? !1 : t;
 }
 function te(e, t, n, o) {
   t === void 0 && (t = !1), n === void 0 && (n = !1);
   const r = e.getBoundingClientRect(), i = We(e);
-  let s = H(1);
+  let s = K(1);
   t && (o ? D(o) && (s = oe(o)) : s = oe(e));
-  const c = ao(i, n, o) ? Dt(i) : H(0);
+  const c = ao(i, n, o) ? Dt(i) : K(0);
   let l = (r.left + c.x) / s.x, a = (r.top + c.y) / s.y, u = r.width / s.x, f = r.height / s.y;
   if (i) {
-    const m = B(i), d = o && D(o) ? B(o) : o;
+    const m = $(i), d = o && D(o) ? $(o) : o;
     let h = m, p = ke(h);
     for (; p && o && d !== h; ) {
       const b = oe(p), y = p.getBoundingClientRect(), w = W(p), x = y.left + (p.clientLeft + parseFloat(w.paddingLeft)) * b.x, E = y.top + (p.clientTop + parseFloat(w.paddingTop)) * b.y;
-      l *= b.x, a *= b.y, u *= b.x, f *= b.y, l += x, a += E, h = B(p), p = ke(h);
+      l *= b.x, a *= b.y, u *= b.x, f *= b.y, l += x, a += E, h = $(p), p = ke(h);
     }
   }
   return he({
@@ -957,7 +957,7 @@ function te(e, t, n, o) {
 }
 function Te(e, t) {
   const n = Ee(e).scrollLeft;
-  return t ? t.left + n : te(K(e)).left + n;
+  return t ? t.left + n : te(U(e)).left + n;
 }
 function Mt(e, t) {
   const n = e.getBoundingClientRect(), o = n.left + t.scrollLeft - Te(e, n), r = n.top + t.scrollTop;
@@ -973,19 +973,19 @@ function uo(e) {
     offsetParent: o,
     strategy: r
   } = e;
-  const i = r === "fixed", s = K(o), c = t ? xe(t.floating) : !1;
+  const i = r === "fixed", s = U(o), c = t ? xe(t.floating) : !1;
   if (o === s || c && i)
     return n;
   let l = {
     scrollLeft: 0,
     scrollTop: 0
-  }, a = H(1);
-  const u = H(0), f = L(o);
-  if ((f || !f && !i) && ((re(o) !== "body" || ae(s)) && (l = Ee(o)), L(o))) {
+  }, a = K(1);
+  const u = K(0), f = N(o);
+  if ((f || !f && !i) && ((re(o) !== "body" || ae(s)) && (l = Ee(o)), N(o))) {
     const d = te(o);
     a = oe(o), u.x = d.x + o.clientLeft, u.y = d.y + o.clientTop;
   }
-  const m = s && !f && !i ? Mt(s, l) : H(0);
+  const m = s && !f && !i ? Mt(s, l) : K(0);
   return {
     width: n.width * a.x,
     height: n.height * a.y,
@@ -997,7 +997,7 @@ function fo(e) {
   return Array.from(e.getClientRects());
 }
 function po(e) {
-  const t = K(e), n = Ee(e), o = e.ownerDocument.body, r = J(t.scrollWidth, t.clientWidth, o.scrollWidth, o.clientWidth), i = J(t.scrollHeight, t.clientHeight, o.scrollHeight, o.clientHeight);
+  const t = U(e), n = Ee(e), o = e.ownerDocument.body, r = J(t.scrollWidth, t.clientWidth, o.scrollWidth, o.clientWidth), i = J(t.scrollHeight, t.clientHeight, o.scrollHeight, o.clientHeight);
   let s = -n.scrollLeft + Te(e);
   const c = -n.scrollTop;
   return W(o).direction === "rtl" && (s += J(t.clientWidth, o.clientWidth) - r), {
@@ -1009,7 +1009,7 @@ function po(e) {
 }
 const nt = 25;
 function mo(e, t) {
-  const n = B(e), o = K(e), r = n.visualViewport;
+  const n = $(e), o = U(e), r = n.visualViewport;
   let i = o.clientWidth, s = o.clientHeight, c = 0, l = 0;
   if (r) {
     i = r.width, s = r.height;
@@ -1030,7 +1030,7 @@ function mo(e, t) {
 }
 const go = /* @__PURE__ */ new Set(["absolute", "fixed"]);
 function ho(e, t) {
-  const n = te(e, !0, t === "fixed"), o = n.top + e.clientTop, r = n.left + e.clientLeft, i = L(e) ? oe(e) : H(1), s = e.clientWidth * i.x, c = e.clientHeight * i.y, l = r * i.x, a = o * i.y;
+  const n = te(e, !0, t === "fixed"), o = n.top + e.clientTop, r = n.left + e.clientLeft, i = N(e) ? oe(e) : K(1), s = e.clientWidth * i.x, c = e.clientHeight * i.y, l = r * i.x, a = o * i.y;
   return {
     width: s,
     height: c,
@@ -1043,7 +1043,7 @@ function ot(e, t, n) {
   if (t === "viewport")
     o = mo(e, n);
   else if (t === "document")
-    o = po(K(e));
+    o = po(U(e));
   else if (D(t))
     o = ho(t, n);
   else {
@@ -1058,8 +1058,8 @@ function ot(e, t, n) {
   return he(o);
 }
 function kt(e, t) {
-  const n = Y(e);
-  return n === t || !D(n) || q(n) ? !1 : W(n).position === "fixed" || kt(n, t);
+  const n = X(e);
+  return n === t || !D(n) || Y(n) ? !1 : W(n).position === "fixed" || kt(n, t);
 }
 function vo(e, t) {
   const n = t.get(e);
@@ -1067,10 +1067,10 @@ function vo(e, t) {
     return n;
   let o = Z(e, [], !1).filter((c) => D(c) && re(c) !== "body"), r = null;
   const i = W(e).position === "fixed";
-  let s = i ? Y(e) : e;
-  for (; D(s) && !q(s); ) {
+  let s = i ? X(e) : e;
+  for (; D(s) && !Y(s); ) {
     const c = W(s), l = Ve(s);
-    !l && c.position === "fixed" && (r = null), (i ? !l && !r : !l && c.position === "static" && !!r && go.has(r.position) || ae(s) && !l && kt(e, s)) ? o = o.filter((u) => u !== s) : r = c, s = Y(s);
+    !l && c.position === "fixed" && (r = null), (i ? !l && !r : !l && c.position === "static" && !!r && go.has(r.position) || ae(s) && !l && kt(e, s)) ? o = o.filter((u) => u !== s) : r = c, s = X(s);
   }
   return t.set(e, o), o;
 }
@@ -1103,12 +1103,12 @@ function yo(e) {
   };
 }
 function wo(e, t, n) {
-  const o = L(t), r = K(t), i = n === "fixed", s = te(e, !0, i, t);
+  const o = N(t), r = U(t), i = n === "fixed", s = te(e, !0, i, t);
   let c = {
     scrollLeft: 0,
     scrollTop: 0
   };
-  const l = H(0);
+  const l = K(0);
   function a() {
     l.x = Te(r);
   }
@@ -1118,7 +1118,7 @@ function wo(e, t, n) {
       l.x = d.x + t.clientLeft, l.y = d.y + t.clientTop;
     } else r && a();
   i && !o && r && a();
-  const u = r && !o && !i ? Mt(r, c) : H(0), f = s.left + c.scrollLeft - l.x - u.x, m = s.top + c.scrollTop - l.y - u.y;
+  const u = r && !o && !i ? Mt(r, c) : K(0), f = s.left + c.scrollLeft - l.x - u.x, m = s.top + c.scrollTop - l.y - u.y;
   return {
     x: f,
     y: m,
@@ -1130,30 +1130,30 @@ function Pe(e) {
   return W(e).position === "static";
 }
 function rt(e, t) {
-  if (!L(e) || W(e).position === "fixed")
+  if (!N(e) || W(e).position === "fixed")
     return null;
   if (t)
     return t(e);
   let n = e.offsetParent;
-  return K(e) === n && (n = n.ownerDocument.body), n;
+  return U(e) === n && (n = n.ownerDocument.body), n;
 }
 function Ft(e, t) {
-  const n = B(e);
+  const n = $(e);
   if (xe(e))
     return n;
-  if (!L(e)) {
-    let r = Y(e);
-    for (; r && !q(r); ) {
+  if (!N(e)) {
+    let r = X(e);
+    for (; r && !Y(r); ) {
       if (D(r) && !Pe(r))
         return r;
-      r = Y(r);
+      r = X(r);
     }
     return n;
   }
   let o = rt(e, t);
   for (; o && sn(o) && Pe(o); )
     o = rt(o, t);
-  return o && q(o) && Pe(o) && !Ve(o) ? n : o || fn(e) || n;
+  return o && Y(o) && Pe(o) && !Ve(o) ? n : o || fn(e) || n;
 }
 const xo = async function(e) {
   const t = this.getOffsetParent || Ft, n = this.getDimensions, o = await n(e.floating);
@@ -1172,7 +1172,7 @@ function Ro(e) {
 }
 const Eo = {
   convertOffsetParentRelativeRectToViewportRelativeRect: uo,
-  getDocumentElement: K,
+  getDocumentElement: U,
   getClippingRect: bo,
   getOffsetParent: Ft,
   getElementRects: xo,
@@ -1187,7 +1187,7 @@ function Lt(e, t) {
 }
 function So(e, t) {
   let n = null, o;
-  const r = K(e);
+  const r = U(e);
   function i() {
     var c;
     clearTimeout(o), (c = n) == null || c.disconnect(), n = null;
@@ -1207,8 +1207,8 @@ function So(e, t) {
       threshold: J(0, pe(1, l)) || 1
     };
     let E = !0;
-    function C(T) {
-      const k = T[0].intersectionRatio;
+    function S(C) {
+      const k = C[0].intersectionRatio;
       if (k !== l) {
         if (!E)
           return s();
@@ -1219,13 +1219,13 @@ function So(e, t) {
       k === 1 && !Lt(a, e.getBoundingClientRect()) && s(), E = !1;
     }
     try {
-      n = new IntersectionObserver(C, {
+      n = new IntersectionObserver(S, {
         ...x,
         // Handle <iframe>s
         root: r.ownerDocument
       });
     } catch {
-      n = new IntersectionObserver(C, x);
+      n = new IntersectionObserver(S, x);
     }
     n.observe(e);
   }
@@ -1349,31 +1349,31 @@ function Mo(e) {
   }), [m, d] = g.useState(o);
   ye(m, o) || d(o);
   const [h, p] = g.useState(null), [b, y] = g.useState(null), w = g.useCallback((v) => {
-    v !== T.current && (T.current = v, p(v));
+    v !== C.current && (C.current = v, p(v));
   }, []), x = g.useCallback((v) => {
     v !== k.current && (k.current = v, y(v));
-  }, []), E = i || h, C = s || b, T = g.useRef(null), k = g.useRef(null), F = g.useRef(u), $ = l != null, S = Ie(l), _ = Ie(r), X = Ie(a), V = g.useCallback(() => {
-    if (!T.current || !k.current)
+  }, []), E = i || h, S = s || b, C = g.useRef(null), k = g.useRef(null), F = g.useRef(u), _ = l != null, L = Ie(l), A = Ie(r), H = Ie(a), V = g.useCallback(() => {
+    if (!C.current || !k.current)
       return;
     const v = {
       placement: t,
       strategy: n,
       middleware: m
     };
-    _.current && (v.platform = _.current), Po(T.current, k.current, v).then((A) => {
+    A.current && (v.platform = A.current), Po(C.current, k.current, v).then((T) => {
       const I = {
-        ...A,
+        ...T,
         // The floating element's position may be recomputed while it's closed
         // but still mounted (such as when transitioning out). To ensure
         // `isPositioned` will be `false` initially on the next open, avoid
         // setting it to `true` when `open === false` (must be specified).
-        isPositioned: X.current !== !1
+        isPositioned: H.current !== !1
       };
       R.current && !ye(F.current, I) && (F.current = I, ht.flushSync(() => {
         f(I);
       }));
     });
-  }, [m, t, n, _, X]);
+  }, [m, t, n, A, H]);
   de(() => {
     a === !1 && F.current.isPositioned && (F.current.isPositioned = !1, f((v) => ({
       ...v,
@@ -1384,21 +1384,21 @@ function Mo(e) {
   de(() => (R.current = !0, () => {
     R.current = !1;
   }), []), de(() => {
-    if (E && (T.current = E), C && (k.current = C), E && C) {
-      if (S.current)
-        return S.current(E, C, V);
+    if (E && (C.current = E), S && (k.current = S), E && S) {
+      if (L.current)
+        return L.current(E, S, V);
       V();
     }
-  }, [E, C, V, S, $]);
+  }, [E, S, V, L, _]);
   const M = g.useMemo(() => ({
-    reference: T,
+    reference: C,
     floating: k,
     setReference: w,
     setFloating: x
   }), [w, x]), O = g.useMemo(() => ({
     reference: E,
-    floating: C
-  }), [E, C]), P = g.useMemo(() => {
+    floating: S
+  }), [E, S]), P = g.useMemo(() => {
     const v = {
       position: n,
       left: 0,
@@ -1406,16 +1406,16 @@ function Mo(e) {
     };
     if (!O.floating)
       return v;
-    const A = it(O.floating, u.x), I = it(O.floating, u.y);
+    const T = it(O.floating, u.x), I = it(O.floating, u.y);
     return c ? {
       ...v,
-      transform: "translate(" + A + "px, " + I + "px)",
+      transform: "translate(" + T + "px, " + I + "px)",
       ...Nt(O.floating) >= 1.5 && {
         willChange: "transform"
       }
     } : {
       position: n,
-      left: A,
+      left: T,
       top: I
     };
   }, [n, c, O.floating, u.x, u.y]);
@@ -1514,7 +1514,7 @@ const jo = {
     [Ke("focus-guard")]: "",
     style: jo
   };
-  return /* @__PURE__ */ j("span", {
+  return /* @__PURE__ */ q("span", {
     ...t,
     ...i
   });
@@ -1587,7 +1587,7 @@ function Xo(e) {
       portalNode: i,
       setFocusManagerState: c
     }), [r, i]),
-    children: [h && i && /* @__PURE__ */ j(ut, {
+    children: [h && i && /* @__PURE__ */ q(ut, {
       "data-type": "outside",
       ref: l,
       onFocus: (p) => {
@@ -1599,10 +1599,10 @@ function Xo(e) {
           w == null || w.focus();
         }
       }
-    }), h && i && /* @__PURE__ */ j("span", {
+    }), h && i && /* @__PURE__ */ q("span", {
       "aria-owns": i.id,
       style: qo
-    }), i && /* @__PURE__ */ ht.createPortal(t, i), h && i && /* @__PURE__ */ j(ut, {
+    }), i && /* @__PURE__ */ ht.createPortal(t, i), h && i && /* @__PURE__ */ q(ut, {
       "data-type": "outside",
       ref: a,
       onFocus: (p) => {
@@ -1619,10 +1619,10 @@ function Xo(e) {
 }
 const zo = () => g.useContext(_t);
 function dt(e) {
-  return L(e.target) && e.target.tagName === "BUTTON";
+  return N(e.target) && e.target.tagName === "BUTTON";
 }
 function Go(e) {
-  return L(e.target) && e.target.tagName === "A";
+  return N(e.target) && e.target.tagName === "A";
 }
 function pt(e) {
   return Un(e);
@@ -1706,8 +1706,8 @@ function er(e, t) {
     escapeKey: x,
     outsidePress: E
   } = mt(d), {
-    escapeKey: C,
-    outsidePress: T
+    escapeKey: S,
+    outsidePress: C
   } = mt(h), k = g.useRef(!1), F = ne((R) => {
     var M;
     if (!n || !s || !c || R.key !== "Escape" || k.current)
@@ -1715,9 +1715,9 @@ function er(e, t) {
     const O = (M = i.current.floatingContext) == null ? void 0 : M.nodeId, P = p ? fe(p.nodesRef.current, O) : [];
     if (!x && (R.stopPropagation(), P.length > 0)) {
       let v = !0;
-      if (P.forEach((A) => {
+      if (P.forEach((T) => {
         var I;
-        if ((I = A.context) != null && I.open && !A.context.dataRef.current.__escapeKeyBubbles) {
+        if ((I = T.context) != null && I.open && !T.context.dataRef.current.__escapeKeyBubbles) {
           v = !1;
           return;
         }
@@ -1725,62 +1725,62 @@ function er(e, t) {
         return;
     }
     o(!1, qn(R) ? R.nativeEvent : R, "escape-key");
-  }), $ = ne((R) => {
+  }), _ = ne((R) => {
     var M;
     const O = () => {
       var P;
       F(R), (P = se(R)) == null || P.removeEventListener("keydown", O);
     };
     (M = se(R)) == null || M.addEventListener("keydown", O);
-  }), S = ne((R) => {
+  }), L = ne((R) => {
     var M;
     const O = i.current.insideReactTree;
     i.current.insideReactTree = !1;
     const P = w.current;
     if (w.current = !1, a === "click" && P || O || typeof y == "function" && !y(R))
       return;
-    const v = se(R), A = "[" + Ke("inert") + "]", I = le(r.floating).querySelectorAll(A);
+    const v = se(R), T = "[" + Ke("inert") + "]", I = le(r.floating).querySelectorAll(T);
     let z = D(v) ? v : null;
-    for (; z && !q(z); ) {
-      const N = Y(z);
-      if (q(N) || !D(N))
+    for (; z && !Y(z); ) {
+      const B = X(z);
+      if (Y(B) || !D(B))
         break;
-      z = N;
+      z = B;
     }
     if (I.length && D(v) && !Kn(v) && // Clicked on a direct ancestor (e.g. FloatingOverlay).
     !Be(v, r.floating) && // If the target root element contains none of the markers, then the
     // element was injected after the floating element rendered.
-    Array.from(I).every((N) => !Be(z, N)))
+    Array.from(I).every((B) => !Be(z, B)))
       return;
-    if (L(v) && V) {
-      const N = q(v), U = W(v), ie = /auto|scroll/, Ut = N || ie.test(U.overflowX), jt = N || ie.test(U.overflowY), qt = Ut && v.clientWidth > 0 && v.scrollWidth > v.clientWidth, Yt = jt && v.clientHeight > 0 && v.scrollHeight > v.clientHeight, Xt = U.direction === "rtl", zt = Yt && (Xt ? R.offsetX <= v.offsetWidth - v.clientWidth : R.offsetX > v.clientWidth), Gt = qt && R.offsetY > v.clientHeight;
+    if (N(v) && V) {
+      const B = Y(v), j = W(v), ie = /auto|scroll/, Ut = B || ie.test(j.overflowX), jt = B || ie.test(j.overflowY), qt = Ut && v.clientWidth > 0 && v.scrollWidth > v.clientWidth, Yt = jt && v.clientHeight > 0 && v.scrollHeight > v.clientHeight, Xt = j.direction === "rtl", zt = Yt && (Xt ? R.offsetX <= v.offsetWidth - v.clientWidth : R.offsetX > v.clientWidth), Gt = qt && R.offsetY > v.clientHeight;
       if (zt || Gt)
         return;
     }
-    const je = (M = i.current.floatingContext) == null ? void 0 : M.nodeId, Kt = p && fe(p.nodesRef.current, je).some((N) => {
-      var U;
-      return Ae(R, (U = N.context) == null ? void 0 : U.elements.floating);
+    const je = (M = i.current.floatingContext) == null ? void 0 : M.nodeId, Kt = p && fe(p.nodesRef.current, je).some((B) => {
+      var j;
+      return Ae(R, (j = B.context) == null ? void 0 : j.elements.floating);
     });
     if (Ae(R, r.floating) || Ae(R, r.domReference) || Kt)
       return;
     const qe = p ? fe(p.nodesRef.current, je) : [];
     if (qe.length > 0) {
-      let N = !0;
-      if (qe.forEach((U) => {
+      let B = !0;
+      if (qe.forEach((j) => {
         var ie;
-        if ((ie = U.context) != null && ie.open && !U.context.dataRef.current.__outsidePressBubbles) {
-          N = !1;
+        if ((ie = j.context) != null && ie.open && !j.context.dataRef.current.__outsidePressBubbles) {
+          B = !1;
           return;
         }
-      }), !N)
+      }), !B)
         return;
     }
     o(!1, R, "outside-press");
-  }), _ = ne((R) => {
+  }), A = ne((R) => {
     var M;
     const O = () => {
       var P;
-      S(R), (P = se(R)) == null || P.removeEventListener(a, O);
+      L(R), (P = se(R)) == null || P.removeEventListener(a, O);
     };
     (M = se(R)) == null || M.addEventListener(a, O);
   });
@@ -1806,24 +1806,24 @@ function er(e, t) {
       );
     }
     const v = le(r.floating);
-    c && (v.addEventListener("keydown", C ? $ : F, C), v.addEventListener("compositionstart", O), v.addEventListener("compositionend", P)), y && v.addEventListener(a, T ? _ : S, T);
-    let A = [];
-    return m && (D(r.domReference) && (A = Z(r.domReference)), D(r.floating) && (A = A.concat(Z(r.floating))), !D(r.reference) && r.reference && r.reference.contextElement && (A = A.concat(Z(r.reference.contextElement)))), A = A.filter((I) => {
+    c && (v.addEventListener("keydown", S ? _ : F, S), v.addEventListener("compositionstart", O), v.addEventListener("compositionend", P)), y && v.addEventListener(a, C ? A : L, C);
+    let T = [];
+    return m && (D(r.domReference) && (T = Z(r.domReference)), D(r.floating) && (T = T.concat(Z(r.floating))), !D(r.reference) && r.reference && r.reference.contextElement && (T = T.concat(Z(r.reference.contextElement)))), T = T.filter((I) => {
       var z;
       return I !== ((z = v.defaultView) == null ? void 0 : z.visualViewport);
-    }), A.forEach((I) => {
+    }), T.forEach((I) => {
       I.addEventListener("scroll", M, {
         passive: !0
       });
     }), () => {
-      c && (v.removeEventListener("keydown", C ? $ : F, C), v.removeEventListener("compositionstart", O), v.removeEventListener("compositionend", P)), y && v.removeEventListener(a, T ? _ : S, T), A.forEach((I) => {
+      c && (v.removeEventListener("keydown", S ? _ : F, S), v.removeEventListener("compositionstart", O), v.removeEventListener("compositionend", P)), y && v.removeEventListener(a, C ? A : L, C), T.forEach((I) => {
         I.removeEventListener("scroll", M);
       }), window.clearTimeout(R);
     };
-  }, [i, r, c, y, a, n, o, m, s, x, E, F, C, $, S, T, _]), g.useEffect(() => {
+  }, [i, r, c, y, a, n, o, m, s, x, E, F, S, _, L, C, A]), g.useEffect(() => {
     i.current.insideReactTree = !1;
   }, [i, y, a]);
-  const X = g.useMemo(() => ({
+  const H = g.useMemo(() => ({
     onKeyDown: F,
     ...u && {
       [Jo[f]]: (R) => {
@@ -1848,9 +1848,9 @@ function er(e, t) {
     }
   }), [F, a, i]);
   return g.useMemo(() => s ? {
-    reference: X,
+    reference: H,
     floating: V
-  } : {}, [s, X, V]);
+  } : {}, [s, H, V]);
 }
 function tr(e) {
   const {
@@ -2058,7 +2058,7 @@ function ir(e, t) {
       active: x,
       selected: E
     } = w;
-    const C = {
+    const S = {
       role: "option",
       ...x && {
         id: f + "-fui-option"
@@ -2068,7 +2068,7 @@ function ir(e, t) {
       case "select":
       case "combobox":
         return {
-          ...C,
+          ...S,
           "aria-selected": E
         };
     }
@@ -2115,31 +2115,33 @@ const Ue = ({
   className: w,
   href: x,
   target: E,
-  rel: C,
-  htmlFor: T,
+  rel: S,
+  htmlFor: C,
   type: k,
-  disabled: F,
-  ...$
+  name: F,
+  disabled: _,
+  ...L
 }) => {
-  const S = {};
-  o && (S.display = o), h && (S.width = h), p && (S.height = p), b && (S.position = b), r && (S.margin = `var(--pittorica-space-${r})`), i && (S.marginTop = `var(--pittorica-space-${i})`), s && (S.marginRight = `var(--pittorica-space-${s})`), c && (S.marginBottom = `var(--pittorica-space-${c})`), l && (S.marginLeft = `var(--pittorica-space-${l})`), a && (S.padding = `var(--pittorica-space-${a})`), u && (S.paddingTop = `var(--pittorica-space-${u})`), f && (S.paddingRight = `var(--pittorica-space-${f})`), m && (S.paddingBottom = `var(--pittorica-space-${m})`), d && (S.paddingLeft = `var(--pittorica-space-${d})`);
-  const _ = {
+  const A = {};
+  o && (A.display = o), h && (A.width = h), p && (A.height = p), b && (A.position = b), r && (A.margin = `var(--pittorica-space-${r})`), i && (A.marginTop = `var(--pittorica-space-${i})`), s && (A.marginRight = `var(--pittorica-space-${s})`), c && (A.marginBottom = `var(--pittorica-space-${c})`), l && (A.marginLeft = `var(--pittorica-space-${l})`), a && (A.padding = `var(--pittorica-space-${a})`), u && (A.paddingTop = `var(--pittorica-space-${u})`), f && (A.paddingRight = `var(--pittorica-space-${f})`), m && (A.paddingBottom = `var(--pittorica-space-${m})`), d && (A.paddingLeft = `var(--pittorica-space-${d})`);
+  const H = {
     ...y,
-    ...S
+    ...A
   };
-  return /* @__PURE__ */ j(
+  return /* @__PURE__ */ q(
     t,
     {
       ref: e,
       className: sr("pittorica-box", w),
-      style: _,
+      style: H,
       href: x,
       target: E,
-      rel: C,
-      htmlFor: T,
+      rel: S,
+      htmlFor: C,
       type: k,
-      disabled: F,
-      ...$,
+      name: F,
+      disabled: _,
+      ...L,
       children: n
     }
   );
@@ -2172,7 +2174,7 @@ const Wt = Jt(null), Ht = () => {
     }),
     [n, r, i, u, f]
   );
-  return /* @__PURE__ */ j(Wt, { value: m, children: e });
+  return /* @__PURE__ */ q(Wt, { value: m, children: e });
 }, lr = ({
   children: e,
   ref: t
@@ -2180,7 +2182,7 @@ const Wt = Jt(null), Ht = () => {
   const { refs: n, getReferenceProps: o } = Ht(), r = (i) => {
     n.setReference(i), t && (typeof t == "function" ? t(i) : t.current = i);
   };
-  return /* @__PURE__ */ j(
+  return /* @__PURE__ */ q(
     Ue,
     {
       as: "span",
@@ -2201,7 +2203,7 @@ const Wt = Jt(null), Ht = () => {
   const l = (a) => {
     i.setFloating(a), n && (typeof n == "function" ? n(a) : n.current = a);
   };
-  return /* @__PURE__ */ j(Xo, { children: /* @__PURE__ */ j(
+  return /* @__PURE__ */ q(Xo, { children: /* @__PURE__ */ q(
     Ue,
     {
       ...o,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pittorica/popover-react",
-  "version": "0.23.0",
+  "version": "0.23.2",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -11,7 +11,7 @@
   "dependencies": {
     "@floating-ui/react": "^0.27.17",
     "clsx": "^2.1.1",
-    "@pittorica/box-react": "0.23.0"
+    "@pittorica/box-react": "0.23.2"
   },
   "devDependencies": {
     "@tabler/icons-react": "^3.36.1",
@@ -25,12 +25,12 @@
     "typescript": "^5.0.0",
     "vite": "^5.0.0",
     "vitest": "^2.1.9",
-    "@pittorica/flex-react": "0.23.0",
-    "@pittorica/icon-button-react": "0.23.0",
-    "@pittorica/theme-react": "0.23.0",
-    "@pittorica/text-react": "0.23.0",
-    "pittorica": "0.23.0",
-    "@pittorica/button-react": "0.23.0"
+    "@pittorica/button-react": "0.23.2",
+    "@pittorica/flex-react": "0.23.2",
+    "@pittorica/icon-button-react": "0.23.2",
+    "@pittorica/text-react": "0.23.2",
+    "@pittorica/theme-react": "0.23.2",
+    "pittorica": "0.23.2"
   },
   "peerDependencies": {
     "react": ">=19",