haze-ui 1.33.0 → 1.34.0

package/dist/utils/floating.js

@@ -5,190 +5,223 @@ import { getDirection as t } from "./direction.js";
 import { computeFloatingPosition as n, mirrorPlacement as r, resolvePadding as i } from "./collision.js";
 import { whenExitSettles as a } from "./presence.js";
 /* empty css                   */
-import { useCallback as o, useEffect as s, useId as c, useRef as l, useState as u } from "react";
-import { jsx as d } from "react/jsx-runtime";
+import { c as o } from "react/compiler-runtime";
+import { useEffect as s, useId as c, useRef as l, useState as u, useSyncExternalStore as d } from "react";
+import { jsx as f } from "react/jsx-runtime";
 //#region src/lib/utils/floating.tsx
-var f = 500;
-function p() {
+var p = 500;
+function m() {
 	return typeof HTMLElement < "u" && "popover" in HTMLElement.prototype;
 }
-function m() {
-	return p() && typeof CSS < "u" && typeof CSS.supports == "function" && CSS.supports("anchor-name: --haze-floating-probe");
+function h() {
+	return m() && typeof CSS < "u" && typeof CSS.supports == "function" && CSS.supports("anchor-name: --haze-floating-probe");
 }
-var h = "haze-floating__floatingNative", g = "haze-floating__floatingAnchored", _ = "haze-floating__floatingFixed", v = "haze-floating__floatingHidden", y = "haze-floating__floatingAnimated", b = "haze-floating__anchoredBottom", x = "haze-floating__anchoredBottomSpan", S = "haze-floating__anchoredBottomCenter", C = "haze-floating__anchoredBottomEnd", w = "haze-floating__anchoredTop", T = "haze-floating__anchoredLeft", E = "haze-floating__anchoredRight", D = "haze-floating__anchoredLogicalBottom", O = "haze-floating__anchoredLogicalBottomCenter", k = "haze-floating__anchoredLogicalBottomEnd", A = "haze-floating__anchoredLogicalTop", j = "haze-floating__anchoredLogicalLeft", M = "haze-floating__anchoredLogicalRight", N;
-function P() {
-	return N === void 0 && (N = m() && typeof CSS < "u" && typeof CSS.supports == "function" && CSS.supports("position-area: span-inline-end block-end") && CSS.supports("position-area: inline-start center")), N;
+var g = "haze-floating__floatingNative", _ = "haze-floating__floatingAnchored", v = "haze-floating__floatingFixed", y = "haze-floating__floatingHidden", b = "haze-floating__floatingAnimated", x = "haze-floating__anchoredBottom", ee = "haze-floating__anchoredBottomSpan", S = "haze-floating__anchoredBottomCenter", C = "haze-floating__anchoredBottomEnd", w = "haze-floating__anchoredTop", T = "haze-floating__anchoredLeft", E = "haze-floating__anchoredRight", D = "haze-floating__anchoredLogicalBottom", O = "haze-floating__anchoredLogicalBottomCenter", k = "haze-floating__anchoredLogicalBottomEnd", te = "haze-floating__anchoredLogicalTop", ne = "haze-floating__anchoredLogicalLeft", re = "haze-floating__anchoredLogicalRight", A;
+function ie() {
+	return A === void 0 && (A = h() && typeof CSS < "u" && typeof CSS.supports == "function" && CSS.supports("position-area: span-inline-end block-end") && CSS.supports("position-area: inline-start center")), A;
 }
-var F = "haze-floating__fallbackBottom", I = F, L = "haze-floating__fallbackBottomCenter", R = "haze-floating__fallbackBottomEnd", z = "haze-floating__fallbackTop", B = "haze-floating__fallbackLeft", V = "haze-floating__fallbackRight", H = "haze-floating__gapBelow", U = "haze-floating__gapAbove", W = "haze-floating__gapBefore", G = "haze-floating__gapAfter", K = {
-	bottom: b,
-	"bottom-span": x,
+var j = "haze-floating__fallbackBottom", ae = j, M = "haze-floating__fallbackBottomCenter", N = "haze-floating__fallbackBottomEnd", P = "haze-floating__fallbackTop", F = "haze-floating__fallbackLeft", I = "haze-floating__fallbackRight", L = "haze-floating__gapBelow", R = "haze-floating__gapAbove", z = "haze-floating__gapBefore", B = "haze-floating__gapAfter", V = {
+	bottom: x,
+	"bottom-span": ee,
 	"bottom-center": S,
 	"bottom-end": C,
 	top: w,
 	left: T,
 	right: E
-}, q = {
+}, H = {
 	bottom: D,
 	"bottom-span": D,
 	"bottom-center": O,
 	"bottom-end": k,
-	top: A,
-	left: j,
-	right: M
-}, J = {
-	bottom: F,
-	"bottom-span": I,
+	top: te,
+	left: ne,
+	right: re
+}, U = {
+	bottom: j,
+	"bottom-span": ae,
+	"bottom-center": M,
+	"bottom-end": N,
+	top: P,
+	left: F,
+	right: I
+}, W = {
+	bottom: L,
+	"bottom-span": L,
 	"bottom-center": L,
-	"bottom-end": R,
-	top: z,
-	left: B,
-	right: V
-}, ee = {
-	bottom: H,
-	"bottom-span": H,
-	"bottom-center": H,
-	"bottom-end": H,
-	top: U,
-	left: W,
-	right: G
-};
-function te({ open: e, setOpen: n, triggerRef: r, panelRef: i, animated: d, collision: v }) {
-	let y = `--haze-floating-${c().replace(/[^a-zA-Z0-9]/g, "")}`, b = p(), x = m(), [S, C] = u(!e), [w, T] = u(e);
-	e !== w && (T(e), e && C(!1));
-	let E = l(!1), [D, O] = u(!1), k = l(null), A = l(-Infinity), j = l(-Infinity), M = l(null);
-	s(() => {
-		let t = i.current;
-		if (!t || !b) return;
-		t !== k.current && (k.current = t, E.current = !1, O(!1));
-		let r = !0, o = () => {
-			M.current = { el: t }, t.hidePopover();
-		}, s = () => {
-			if (E.current && t === i.current) {
-				if (d) {
-					let e = () => {
-						r && E.current && t === i.current && o();
-					}, n = a(t);
-					n ? n.then(e) : e();
-				} else o();
+	"bottom-end": L,
+	top: R,
+	left: z,
+	right: B
+}, oe = () => () => void 0, se = () => !0, ce = () => !1;
+function G(e) {
+	let n = o(69), { open: r, setOpen: i, triggerRef: f, panelRef: y, animated: b, collision: x } = e, ee = c(), S;
+	if (n[0] !== ee) {
+		let e;
+		n[2] === Symbol.for("react.memo_cache_sentinel") ? (e = /[^a-zA-Z0-9]/g, n[2] = e) : e = n[2], S = ee.replace(e, ""), n[0] = ee, n[1] = S;
+	} else S = n[1];
+	let C = `--haze-floating-${S}`, w = d(oe, se, ce), T;
+	n[3] === w ? T = n[4] : (T = w && m(), n[3] = w, n[4] = T);
+	let E = T, D;
+	n[5] === w ? D = n[6] : (D = w && h(), n[5] = w, n[6] = D);
+	let O = D, [k, te] = u(!r), [ne, re] = u(r);
+	r !== ne && (re(r), r && te(!1));
+	let A = l(!1), [ie, j] = u(!1), ae = l(null), M = l(-Infinity), N = l(-Infinity), P = l(null), F, I;
+	n[7] !== b || n[8] !== E || n[9] !== r || n[10] !== y || n[11] !== i ? (F = () => {
+		let e = y.current;
+		if (!e || !E) return;
+		e !== ae.current && (ae.current = e, A.current = !1, j(!1));
+		let t = !0, n = () => {
+			P.current = { el: e }, e.hidePopover();
+		}, o = () => {
+			if (A.current && e === y.current) {
+				if (b) {
+					let r = () => {
+						t && A.current && e === y.current && n();
+					}, i = a(e);
+					i ? i.then(r) : r();
+				} else n();
 			}
-		}, c = (r) => {
-			let i = r.newState;
-			if (E.current = i === "open", O(E.current), i === "closed") {
-				d && C(!0);
-				let r = M.current?.el === t;
-				if (M.current = null, r) {
-					e && t.showPopover();
+		}, s = (t) => {
+			let n = t.newState;
+			if (A.current = n === "open", j(A.current), n === "closed") {
+				b && te(!0);
+				let t = P.current?.el === e;
+				if (P.current = null, t) {
+					r && e.showPopover();
 					return;
 				}
-				e && (performance.now() - A.current < f && (j.current = performance.now()), A.current = -Infinity, n(!1));
-			} else e || s();
+				r && (performance.now() - M.current < p && (N.current = performance.now()), M.current = -Infinity, i(!1));
+			} else r || o();
 		};
-		return t.addEventListener("toggle", c), e ? E.current || t.showPopover() : s(), () => {
-			r = !1, t.removeEventListener("toggle", c);
+		return e.addEventListener("toggle", s), r ? A.current || e.showPopover() : o(), () => {
+			t = !1, e.removeEventListener("toggle", s);
 		};
-	}, [
-		b,
-		e,
-		n,
+	}, I = [
+		E,
+		r,
 		i,
-		d
-	]), s(() => {
-		if (b || !e) return;
-		let t = (e) => e instanceof Node && !!(r.current?.contains(e) || i.current?.contains(e)), a = (e) => {
-			t(e.target) || n(!1);
-		}, o = (e) => {
-			e.key === "Escape" && n(!1);
+		y,
+		b
+	], n[7] = b, n[8] = E, n[9] = r, n[10] = y, n[11] = i, n[12] = F, n[13] = I) : (F = n[12], I = n[13]), s(F, I);
+	let L, R;
+	n[14] !== E || n[15] !== r || n[16] !== y || n[17] !== i || n[18] !== f ? (L = () => {
+		if (E || !r) return;
+		let e = (e) => e instanceof Node && !!(f.current?.contains(e) || y.current?.contains(e)), t = (t) => {
+			e(t.target) || i(!1);
+		}, n = (e) => {
+			e.key === "Escape" && i(!1);
 		};
-		return document.addEventListener("pointerdown", a), document.addEventListener("keydown", o), () => {
-			document.removeEventListener("pointerdown", a), document.removeEventListener("keydown", o);
+		return document.addEventListener("pointerdown", t), document.addEventListener("keydown", n), () => {
+			document.removeEventListener("pointerdown", t), document.removeEventListener("keydown", n);
 		};
-	}, [
-		b,
-		e,
-		n,
+	}, R = [
+		E,
 		r,
-		i
-	]), s(() => {
-		if (b || !d || e || S) return;
-		let t = !0, n = i.current, r = n ? a(n) : null, o = () => {
-			t && C(!0);
+		i,
+		f,
+		y
+	], n[14] = E, n[15] = r, n[16] = y, n[17] = i, n[18] = f, n[19] = L, n[20] = R) : (L = n[19], R = n[20]), s(L, R);
+	let z, B;
+	n[21] !== b || n[22] !== k || n[23] !== E || n[24] !== r || n[25] !== y ? (z = () => {
+		if (E || !b || r || k) return;
+		let e = !0, t = y.current, n = t ? a(t) : null, i = () => {
+			e && te(!0);
 		};
-		return r ? r.then(o) : o(), () => {
-			t = !1;
+		return n ? n.then(i) : i(), () => {
+			e = !1;
 		};
-	}, [
+	}, B = [
+		E,
 		b,
-		d,
-		e,
-		S,
-		i
-	]);
-	let N = o(() => {
-		e && (A.current = performance.now());
-	}, [e]), P = o(() => {
-		if (performance.now() - j.current < f) {
-			j.current = -Infinity;
+		r,
+		k,
+		y
+	], n[21] = b, n[22] = k, n[23] = E, n[24] = r, n[25] = y, n[26] = z, n[27] = B) : (z = n[26], B = n[27]), s(z, B);
+	let V;
+	n[28] === r ? V = n[29] : (V = () => {
+		r && (M.current = performance.now());
+	}, n[28] = r, n[29] = V);
+	let H = V, U;
+	n[30] === i ? U = n[31] : (U = () => {
+		if (performance.now() - N.current < p) {
+			N.current = -Infinity;
 			return;
 		}
-		n((e) => !e);
-	}, [n]), [F, I] = u("ltr");
-	return s(() => {
-		let e = t(r.current);
-		I((t) => t === e ? t : e);
-	}, [r, e]), {
-		open: e,
-		native: b,
-		anchored: x,
-		shown: b ? D : e,
-		dataState: d ? e ? "open" : "closed" : void 0,
-		exited: d ? S : !e,
-		collision: v,
-		direction: F,
-		anchorName: y,
-		triggerStyle: x ? { anchorName: y } : void 0,
-		onTriggerPointerDown: N,
-		onTriggerClick: P,
-		panelAttrs: {
-			popover: b ? "auto" : void 0,
-			style: x ? { "--haze-floating-anchor": y } : void 0
-		},
-		panelClasses: [
-			b && h,
-			b && x && g,
-			b && !x && _,
-			!b && !e && (!d || S) && "haze-floating__floatingHidden",
-			!!d && "haze-floating__floatingAnimated"
-		],
-		triggerRef: r,
-		panelRef: i
-	};
+		i(le);
+	}, n[30] = i, n[31] = U);
+	let W = U, [G, ue] = u("ltr"), K;
+	n[32] === f ? K = n[33] : (K = () => {
+		let e = t(f.current);
+		ue((t) => t === e ? t : e);
+	}, n[32] = f, n[33] = K);
+	let q;
+	n[34] !== r || n[35] !== f ? (q = [f, r], n[34] = r, n[35] = f, n[36] = q) : q = n[36], s(K, q);
+	let J = E ? ie : r, Y = b ? r ? "open" : "closed" : void 0, de = b ? k : !r, X;
+	n[37] !== C || n[38] !== O ? (X = O ? { anchorName: C } : void 0, n[37] = C, n[38] = O, n[39] = X) : X = n[39];
+	let fe = E || !w ? "auto" : void 0, Z;
+	n[40] !== C || n[41] !== O ? (Z = O ? { "--haze-floating-anchor": C } : void 0, n[40] = C, n[41] = O, n[42] = Z) : Z = n[42];
+	let Q;
+	n[43] !== fe || n[44] !== Z ? (Q = {
+		popover: fe,
+		style: Z
+	}, n[43] = fe, n[44] = Z, n[45] = Q) : Q = n[45];
+	let pe = E && g, me = E && O && _, he = E && !O && v, ge = !E && !r && (!b || k) && "haze-floating__floatingHidden", _e = !!b && "haze-floating__floatingAnimated", $;
+	n[46] !== pe || n[47] !== me || n[48] !== he || n[49] !== ge || n[50] !== _e ? ($ = [
+		pe,
+		me,
+		he,
+		ge,
+		_e
+	], n[46] = pe, n[47] = me, n[48] = he, n[49] = ge, n[50] = _e, n[51] = $) : $ = n[51];
+	let ve;
+	return n[52] !== C || n[53] !== O || n[54] !== x || n[55] !== G || n[56] !== E || n[57] !== W || n[58] !== H || n[59] !== r || n[60] !== y || n[61] !== J || n[62] !== Y || n[63] !== de || n[64] !== X || n[65] !== Q || n[66] !== $ || n[67] !== f ? (ve = {
+		open: r,
+		native: E,
+		anchored: O,
+		shown: J,
+		dataState: Y,
+		exited: de,
+		collision: x,
+		direction: G,
+		anchorName: C,
+		triggerStyle: X,
+		onTriggerPointerDown: H,
+		onTriggerClick: W,
+		panelAttrs: Q,
+		panelClasses: $,
+		triggerRef: f,
+		panelRef: y
+	}, n[52] = C, n[53] = O, n[54] = x, n[55] = G, n[56] = E, n[57] = W, n[58] = H, n[59] = r, n[60] = y, n[61] = J, n[62] = Y, n[63] = de, n[64] = X, n[65] = Q, n[66] = $, n[67] = f, n[68] = ve) : ve = n[68], ve;
 }
-function Y(e, t, n = "ltr") {
+function le(e) {
+	return !e;
+}
+function ue(e, t, n = "ltr") {
 	if (t === "point") return [];
 	let i = r(t, n);
 	return [
-		e.native && e.anchored && (P() ? q[t] : K[i]),
-		e.native && !e.anchored && ee[i],
-		!e.native && J[i]
+		e.native && e.anchored && (ie() ? H[t] : V[i]),
+		e.native && !e.anchored && W[i],
+		!e.native && U[i]
 	];
 }
-function X(e, t) {
+function K(e, t) {
 	return parseFloat(getComputedStyle(e)[t]) || 0;
 }
-function Z(e, t, n, r, i) {
+function q(e, t, n, r, i) {
 	let a = r, o = Math.max(a, n - i - t);
 	return Math.min(Math.max(e, a), o) - e;
 }
-function Q(e, r, a, o) {
+function J(e, r, a, o) {
 	if (a === "point") return;
 	let s = r.getBoundingClientRect(), c = e.getBoundingClientRect(), l = {
 		width: window.innerWidth,
 		height: window.innerHeight
 	}, u = {
-		below: X(e, "marginTop"),
-		above: X(e, "marginBottom"),
-		before: X(e, "marginRight"),
-		after: X(e, "marginLeft")
+		below: K(e, "marginTop"),
+		above: K(e, "marginBottom"),
+		before: K(e, "marginRight"),
+		after: K(e, "marginLeft")
 	}, { top: d, left: f } = n({
 		trigger: s,
 		panel: c,
@@ -204,65 +237,74 @@ function Q(e, r, a, o) {
 	});
 	e.style.top = `${d}px`, e.style.left = `${f}px`;
 }
-function $({ behavior: e, placement: t, collision: n }) {
-	let { native: r, anchored: a, shown: o, triggerRef: c, panelRef: l } = e;
-	s(() => {
-		if (!r || t === "point" || !o) return;
-		let e = l.current;
+function Y(e) {
+	let t = o(9), { behavior: n, placement: r, collision: a } = e, { native: c, anchored: l, shown: u, triggerRef: d, panelRef: f } = n, p, m;
+	t[0] !== l || t[1] !== a || t[2] !== c || t[3] !== f || t[4] !== r || t[5] !== u || t[6] !== d ? (p = () => {
+		if (!c || r === "point" || !u) return;
+		let e = f.current;
 		if (!e) return;
-		if (a) {
-			let r = n?.shift !== !1, a = i(n?.collisionPadding), o = t === "left" || t === "right", s = () => {
-				if (!r) {
+		if (l) {
+			let t = a?.shift !== !1, n = i(a?.collisionPadding), o = r === "left" || r === "right", s = () => {
+				if (!t) {
 					e.style.translate = "";
 					return;
 				}
-				let t = e.getBoundingClientRect(), n = o ? 0 : Z(t.left, t.width, window.innerWidth, a.left, a.right), i = o ? Z(t.top, t.height, window.innerHeight, a.top, a.bottom) : 0;
-				e.style.translate = n === 0 && i === 0 ? "" : `${n}px ${i}px`;
+				let r = e.getBoundingClientRect(), i = o ? 0 : q(r.left, r.width, window.innerWidth, n.left, n.right), a = o ? q(r.top, r.height, window.innerHeight, n.top, n.bottom) : 0;
+				e.style.translate = i === 0 && a === 0 ? "" : `${i}px ${a}px`;
 			};
 			return s(), window.addEventListener("scroll", s, !0), window.addEventListener("resize", s), () => {
 				window.removeEventListener("scroll", s, !0), window.removeEventListener("resize", s), e.style.translate = "";
 			};
 		}
-		let s = c.current;
-		if (!s) return;
-		let u = () => Q(e, s, t, n);
-		return u(), window.addEventListener("scroll", u, !0), window.addEventListener("resize", u), () => {
-			window.removeEventListener("scroll", u, !0), window.removeEventListener("resize", u);
+		let t = d.current;
+		if (!t) return;
+		let n = () => J(e, t, r, a);
+		return n(), window.addEventListener("scroll", n, !0), window.addEventListener("resize", n), () => {
+			window.removeEventListener("scroll", n, !0), window.removeEventListener("resize", n);
 		};
-	}, [
+	}, m = [
+		c,
+		l,
+		u,
 		r,
 		a,
-		o,
-		t,
-		n,
-		c,
-		l
-	]);
+		d,
+		f
+	], t[0] = l, t[1] = a, t[2] = c, t[3] = f, t[4] = r, t[5] = u, t[6] = d, t[7] = p, t[8] = m) : (p = t[7], m = t[8]), s(p, m);
 }
-function ne({ behavior: t, placement: n, collision: r, visualClass: i, className: a, style: o, children: s, ...c }) {
-	$({
-		behavior: t,
-		placement: n ?? "point",
-		collision: r ?? t.collision
-	});
-	let l = t.panelAttrs.style || o ? {
-		...t.panelAttrs.style,
-		...o
-	} : void 0;
-	return /* @__PURE__ */ d("div", {
+function de(t) {
+	let n = o(30), r, i, a, s, c, l, u, d;
+	n[0] === t ? (r = n[1], i = n[2], a = n[3], s = n[4], c = n[5], l = n[6], u = n[7], d = n[8]) : ({behavior: r, placement: c, collision: s, visualClass: d, className: a, style: u, children: i, ...l} = t, n[0] = t, n[1] = r, n[2] = i, n[3] = a, n[4] = s, n[5] = c, n[6] = l, n[7] = u, n[8] = d);
+	let p = c ?? "point", m = s ?? r.collision, h;
+	n[9] !== r || n[10] !== p || n[11] !== m ? (h = {
+		behavior: r,
+		placement: p,
+		collision: m
+	}, n[9] = r, n[10] = p, n[11] = m, n[12] = h) : h = n[12], Y(h);
+	let g;
+	n[13] !== r.panelAttrs.style || n[14] !== u ? (g = r.panelAttrs.style || u ? {
+		...r.panelAttrs.style,
+		...u
+	} : void 0, n[13] = r.panelAttrs.style, n[14] = u, n[15] = g) : g = n[15];
+	let _ = g, v;
+	n[16] === r.dataState ? v = n[17] : (v = r.dataState !== void 0 && { "data-state": r.dataState }, n[16] = r.dataState, n[17] = v);
+	let y;
+	n[18] !== r || n[19] !== a || n[20] !== c || n[21] !== d ? (y = [
+		d,
+		...r.panelClasses,
+		...c ? ue(r, c, r.direction) : [],
+		a
+	], n[18] = r, n[19] = a, n[20] = c, n[21] = d, n[22] = y) : y = n[22];
+	let b;
+	return n[23] !== r.panelAttrs || n[24] !== i || n[25] !== _ || n[26] !== l || n[27] !== v || n[28] !== y ? (b = /* @__PURE__ */ f("div", {
 		"data-slot": "content",
-		...t.dataState !== void 0 && { "data-state": t.dataState },
-		...c,
-		...t.panelAttrs,
-		style: l,
-		className: e([
-			i,
-			...t.panelClasses,
-			...n ? Y(t, n, t.direction) : [],
-			a
-		]),
-		children: s
-	});
+		...v,
+		...l,
+		...r.panelAttrs,
+		style: _,
+		className: e(y),
+		children: i
+	}), n[23] = r.panelAttrs, n[24] = i, n[25] = _, n[26] = l, n[27] = v, n[28] = y, n[29] = b) : b = n[29], b;
 }
 //#endregion
-export { ne as FloatingPanel, y as floatingAnimated, v as floatingHidden, Y as floatingPlacementClasses, Q as placeFloatingPanel, m as supportsAnchorPositioning, P as supportsLogicalPositionArea, p as supportsNativePopover, te as useFloating, $ as useFloatingPosition };
+export { de as FloatingPanel, b as floatingAnimated, y as floatingHidden, ue as floatingPlacementClasses, J as placeFloatingPanel, h as supportsAnchorPositioning, ie as supportsLogicalPositionArea, m as supportsNativePopover, G as useFloating, Y as useFloatingPosition };

package/dist/utils/focus-scope.js

@@ -1,31 +1,34 @@
 "use client";
 import { focusFirst as e, getTabbables as t } from "./focus.js";
-import { useCallback as n, useEffect as r, useLayoutEffect as i, useRef as a } from "react";
+import { c as n } from "react/compiler-runtime";
+import { useEffect as r, useLayoutEffect as i, useRef as a } from "react";
 //#region src/lib/utils/focus-scope.ts
 var o = "hazefocusmount", s = "hazefocusunmount";
 function c() {
 	document.body.focus(), document.activeElement !== document.body && document.activeElement instanceof HTMLElement && document.activeElement.blur();
 }
 function l(l) {
-	let u = a(l);
-	i(() => {
-		u.current = l;
-	});
-	let d = a(null), f = a(null), p = n((e) => {
-		d.current = e;
-	}, []);
-	return r(() => {
+	let u = n(6), d = a(l), f;
+	u[0] === l ? f = u[1] : (f = () => {
+		d.current = l;
+	}, u[0] = l, u[1] = f), i(f);
+	let p = a(null), m = a(null), h;
+	u[2] === Symbol.for("react.memo_cache_sentinel") ? (h = (e) => {
+		p.current = e;
+	}, u[2] = h) : h = u[2];
+	let g = h, _, v;
+	return u[3] === l.enabled ? (_ = u[4], v = u[5]) : (_ = () => {
 		if (!l.enabled) return;
-		let n = u.current, r = !1, i = document.activeElement;
-		f.current = i instanceof HTMLElement ? i : null;
+		let n = d.current, r = !1, i = document.activeElement;
+		m.current = i instanceof HTMLElement ? i : null;
 		let a = new Event(o, {
 			bubbles: !1,
 			cancelable: !0
 		});
-		d.current?.dispatchEvent(a), n.onMountAutoFocus?.(a), !a.defaultPrevented && n.autoFocus !== !1 && d.current && e(d.current);
-		let p = (e) => {
+		p.current?.dispatchEvent(a), n.onMountAutoFocus?.(a), !a.defaultPrevented && n.autoFocus !== !1 && p.current && e(p.current);
+		let u = (e) => {
 			if (e.key !== "Tab") return;
-			let n = d.current;
+			let n = p.current;
 			if (!n) return;
 			let r = t(n), i = r[0], a = r[r.length - 1];
 			if (!i || !a) {
@@ -34,31 +37,31 @@ function l(l) {
 			}
 			let o = document.activeElement, s = o !== null && n.contains(o);
 			e.shiftKey ? (o === i || !s) && (e.preventDefault(), a.focus()) : (o === a || !s) && (e.preventDefault(), i.focus());
-		}, m = (t) => {
-			let n = d.current;
+		}, f = (t) => {
+			let n = p.current;
 			if (!n || !(t.target instanceof Node) || !n.contains(t.target)) return;
 			let i = t.relatedTarget;
 			(i instanceof Node ? !n.contains(i) : document.activeElement === document.body) && queueMicrotask(() => {
 				if (r) return;
-				let t = d.current;
+				let t = p.current;
 				if (!t) return;
 				let n = document.activeElement;
 				n !== null && t.contains(n) || e(t);
 			});
 		};
-		return n.trapped && (document.addEventListener("keydown", p), document.addEventListener("focusout", m)), () => {
-			r = !0, n.trapped && (document.removeEventListener("keydown", p), document.removeEventListener("focusout", m));
-			let e = u.current, t = new Event(s, {
+		return n.trapped && (document.addEventListener("keydown", u), document.addEventListener("focusout", f)), () => {
+			r = !0, n.trapped && (document.removeEventListener("keydown", u), document.removeEventListener("focusout", f));
+			let e = d.current, t = new Event(s, {
 				bubbles: !1,
 				cancelable: !0
 			});
-			if (d.current?.dispatchEvent(t), e.onUnmountAutoFocus?.(t), t.defaultPrevented || e.returnFocus === !1) return;
-			let i = d.current, a = document.activeElement, o = i !== null && a !== null && i.contains(a);
+			if (p.current?.dispatchEvent(t), e.onUnmountAutoFocus?.(t), t.defaultPrevented || e.returnFocus === !1) return;
+			let i = p.current, a = document.activeElement, o = i !== null && a !== null && i.contains(a);
 			if (a !== document.body && a !== null && !o) return;
-			let l = f.current;
+			let l = m.current;
 			l?.isConnected && l.focus(), document.activeElement !== l && c();
 		};
-	}, [l.enabled]), p;
+	}, v = [l.enabled], u[3] = l.enabled, u[4] = _, u[5] = v), r(_, v), g;
 }
 //#endregion
 export { l as useFocusScope };

package/dist/utils/menuRadio.js

@@ -1,28 +1,30 @@
 "use client";
-import { createContext as e, useContext as t, useMemo as n } from "react";
+import { c as e } from "react/compiler-runtime";
+import { createContext as t, useContext as n } from "react";
 import { useControl as r } from "react-use-control";
 //#region src/lib/utils/menuRadio.ts
-var i = e(void 0), a = i.Provider;
-function o(e, t) {
-	let [i, a] = r(e, "");
-	return n(() => ({
-		value: i,
-		select: (e) => {
-			e !== i && (a(e), t?.(e));
-		}
-	}), [
-		i,
-		a,
-		t
-	]);
+var i = t(void 0), a = i.Provider;
+function o(t, n) {
+	let i = e(7), [a, o] = r(t, ""), s;
+	i[0] !== a || i[1] !== n || i[2] !== o ? (s = (e) => {
+		e !== a && (o(e), n?.(e));
+	}, i[0] = a, i[1] = n, i[2] = o, i[3] = s) : s = i[3];
+	let c;
+	return i[4] !== a || i[5] !== s ? (c = {
+		value: a,
+		select: s
+	}, i[4] = a, i[5] = s, i[6] = c) : c = i[6], c;
 }
-function s(e) {
-	let n = t(i);
-	if (!n) throw Error("MenuRadioItem / DropdownMenuRadioItem must be used within a radio group");
-	return {
-		checked: n.value === e,
-		select: () => n.select(e)
-	};
+function s(t) {
+	let r = e(6), a = n(i);
+	if (!a) throw Error("MenuRadioItem / DropdownMenuRadioItem must be used within a radio group");
+	let o = a.value === t, s;
+	r[0] !== a || r[1] !== t ? (s = () => a.select(t), r[0] = a, r[1] = t, r[2] = s) : s = r[2];
+	let c;
+	return r[3] !== o || r[4] !== s ? (c = {
+		checked: o,
+		select: s
+	}, r[3] = o, r[4] = s, r[5] = c) : c = r[5], c;
 }
 //#endregion
 export { a as MenuRadioGroupProvider, o as useMenuRadioGroup, s as useMenuRadioItem };