@box-kite/react 2.2.15 → 2.2.17

package/components/menu.mjs

@@ -1,18 +1,20 @@
 "use client";
-import { f as e, p as t } from "../platform.mjs";
-import { n } from "../effects.mjs";
-import r from "../box.mjs";
-import { a as i, i as a } from "../behavior.mjs";
-import { t as o } from "../identity.mjs";
-import { t as s } from "../keyboard.mjs";
-import { t as c } from "../placement.mjs";
-import { a as l, i as u } from "../reporting.mjs";
-import { t as d } from "../layer.mjs";
-import f from "./overlay.mjs";
-import { createContext as p, useCallback as m, useContext as h, useMemo as g, useRef as _, useState as v } from "react";
-import { Fragment as y, jsx as b, jsxs as x } from "react/jsx-runtime";
+import { f as e } from "../react-shared.mjs";
+import { l as t, m as n, p as r } from "../platform.mjs";
+import { n as i } from "../effects.mjs";
+import a from "../box.mjs";
+import { a as o, i as s } from "../behavior.mjs";
+import { t as c } from "../identity.mjs";
+import { t as l } from "../keyboard.mjs";
+import { t as u } from "../placement.mjs";
+import { a as d, i as f } from "../reporting.mjs";
+import { t as p } from "../layer.mjs";
+import m from "./overlay.mjs";
+import { t as h } from "../motion.mjs";
+import { createContext as g, useCallback as _, useContext as v, useMemo as y, useRef as b, useState as x } from "react";
+import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
 //#region src/utils/menu/menuUtils.ts
-var S;
+var T;
 (function(e) {
 	let t = e.ITEM_SELECTOR = "[role=\"menuitem\"],[role=\"menuitemcheckbox\"],[role=\"menuitemradio\"]";
 	function n(e, t) {
@@ -35,23 +37,23 @@ var S;
 		if (e.length !== 0) return e[t < 0 ? n > 0 ? 0 : e.length - 1 : ((t + n) % e.length + e.length) % e.length];
 	}
 	e.step = o;
-	function c(e, t, n) {
-		let r = s.target(t, n, e.length, (t) => e[t].textContent ?? "");
+	function s(e, t, n) {
+		let r = l.target(t, n, e.length, (t) => e[t].textContent ?? "");
 		return r < 0 ? void 0 : e[r];
 	}
-	e.typeaheadTarget = c;
-})(S ||= {});
-var C = S, w = p(null);
-function T(e) {
-	let t = h(w);
+	e.typeaheadTarget = s;
+})(T ||= {});
+var E = T, D = g(null);
+function O(e) {
+	let t = v(D);
 	if (!t) throw Error(`<${e}> must be rendered inside a <Menu>.`);
 	return t;
 }
-function E(e) {
-	let [t, n] = v([]);
+function k(e) {
+	let [t, n] = x([]);
 	return {
 		panels: t,
-		registerLayer: m((t) => {
+		registerLayer: _((t) => {
 			n((e) => [...e, t]);
 			let r = e?.(t);
 			return () => {
@@ -60,241 +62,245 @@ function E(e) {
 		}, [e])
 	};
 }
-var D = p(null);
-function O(e) {
-	let { trigger: t, children: n, open: r, defaultOpen: a = !1, onOpenChange: o, label: s, labelledBy: c, side: l = "bottom", align: u = "start", offset: f = 1, flip: p = !0, matchWidth: m = !1, props: h, ...v } = e, S = _("first"), T = i((e) => {
-		let t = C.items(e), n = S.current === "last" ? t[t.length - 1] : t[0];
-		S.current = "first", (n ?? e).focus();
-	}), { panels: D, registerLayer: O } = E(), A = d({
+var A = g(null);
+function j(e, t) {
+	let { trigger: n, children: r, open: i, defaultOpen: a = !1, onOpenChange: s, label: c, labelledBy: l, side: u = "bottom", align: d = "start", offset: f = 1, flip: m = !0, matchWidth: h = !1, props: g, ..._ } = e, v = b("first"), x = o((e) => {
+		let t = E.items(e), n = v.current === "last" ? t[t.length - 1] : t[0];
+		v.current = "first", (n ?? e).focus();
+	}), { panels: T, registerLayer: O } = k(), A = p({
 		haspopup: "menu",
 		idPrefix: "menu",
-		id: v.id,
-		open: r,
+		id: _.id,
+		open: i,
 		defaultOpen: a,
-		onOpenChange: o,
+		onOpenChange: s,
 		interaction: {
 			component: "menu",
 			type: "openChange"
 		},
-		onOpened: T,
-		inside: D
-	}), j = i((e) => {
-		(e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), S.current = e.key === "ArrowUp" ? "last" : "first", A.isOpen && A.panelElement ? T(A.panelElement) : A.setOpen(!0, {
+		onOpened: x,
+		inside: T
+	}), j = o((e) => {
+		(e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), v.current = e.key === "ArrowUp" ? "last" : "first", A.isOpen && A.panelElement ? x(A.panelElement) : A.setOpen(!0, {
 			reason: "trigger",
 			event: e
 		}));
-	}), M = g(() => ({
+	}), N = y(() => ({
 		ref: A.trigger.ref,
 		props: {
 			...A.trigger.props,
 			onKeyDown: j
 		}
-	}), [j, A.trigger]), N = i((e) => A.setOpen(!1, e)), P = g(() => ({
+	}), [j, A.trigger]), P = o((e) => A.setOpen(!1, e)), F = y(() => ({
 		open: A.isOpen,
-		closeAll: N,
+		closeAll: P,
 		registerLayer: O
 	}), [
-		N,
+		P,
 		A.isOpen,
 		O
 	]);
-	return /* @__PURE__ */ x(y, { children: [t(M), /* @__PURE__ */ b(w.Provider, {
-		value: P,
-		children: /* @__PURE__ */ b(k, {
+	return /* @__PURE__ */ w(S, { children: [n(N), /* @__PURE__ */ C(D.Provider, {
+		value: F,
+		children: /* @__PURE__ */ C(M, {
 			layer: A,
-			side: l,
-			align: u,
+			side: u,
+			align: d,
 			offset: f,
-			flip: p,
-			matchWidth: m,
-			label: s,
-			labelledBy: c ?? (s ? void 0 : A.triggerId),
-			contentProps: h,
-			...v,
-			children: n
+			flip: m,
+			matchWidth: h,
+			label: c,
+			labelledBy: l ?? (c ? void 0 : A.triggerId),
+			contentProps: g,
+			..._,
+			elementRef: t,
+			children: r
 		})
 	})] });
 }
-function k(e) {
-	let { layer: n, side: a, align: o, offset: l, flip: u, matchWidth: d, label: p, labelledBy: m, contentProps: h, closeSelf: g, children: v, ...y } = e, { platform: x, isOpen: S, id: w, triggerElement: E, setPanel: D } = n, O = T("Menu"), k = _({
+function M(e) {
+	let { layer: r, side: i, align: s, offset: c, flip: d, matchWidth: f, label: p, labelledBy: g, contentProps: v, closeSelf: y, elementRef: x, children: S, ...w } = e, { platform: T, isOpen: D, id: k, triggerElement: A, setPanel: j } = r, M = _((e) => {
+		j(e), t(x, e);
+	}, [j, x]), N = O("Menu"), P = b({
 		query: "",
 		at: 0
-	}), A = c({
-		side: a,
-		align: o,
-		offset: l,
-		flip: u,
-		matchWidth: d,
-		anchor: E
-	}), j = {
+	}), F = u({
+		side: i,
+		align: s,
+		offset: c,
+		flip: d,
+		matchWidth: f,
+		anchor: A
+	}), I = h(S, D, r.panelElement), L = {
 		role: "menu",
 		"aria-label": p,
-		"aria-labelledby": m,
+		"aria-labelledby": g,
 		tabIndex: -1,
-		onKeyDown: i((e) => {
-			let n = e.currentTarget;
-			if (!C.owns(n, e.target)) return;
-			let r = C.items(n), i = r.indexOf(document.activeElement), a = (t) => {
+		onKeyDown: o((e) => {
+			let t = e.currentTarget;
+			if (!E.owns(t, e.target)) return;
+			let r = E.items(t), i = r.indexOf(document.activeElement), a = (t) => {
 				t && (e.preventDefault(), t.focus());
-			}, o = t(n) ? "ArrowRight" : "ArrowLeft";
+			}, o = n(t) ? "ArrowRight" : "ArrowLeft";
 			switch (e.key) {
-				case "ArrowDown": return a(C.step(r, i, 1));
-				case "ArrowUp": return a(C.step(r, i, -1));
+				case "ArrowDown": return a(E.step(r, i, 1));
+				case "ArrowUp": return a(E.step(r, i, -1));
 				case "Home": return a(r[0]);
 				case "End": return a(r[r.length - 1]);
-				case "Tab": return O.closeAll({
+				case "Tab": return N.closeAll({
 					reason: "tab",
 					event: e
 				});
-				case o: return g ? (e.preventDefault(), g({
+				case o: return y ? (e.preventDefault(), y({
 					reason: "trigger",
 					event: e
 				})) : void 0;
 			}
-			if (s.isPrintable(e)) {
-				let t = s.push(k.current, e.key, e.timeStamp);
-				a(C.typeaheadTarget(r, t, i));
+			if (l.isPrintable(e)) {
+				let t = l.push(P.current, e.key, e.timeStamp);
+				a(E.typeaheadTarget(r, t, i));
 			}
 		}),
-		onPointerOver: i((e) => {
-			let t = e.currentTarget, n = e.target?.closest(C.ITEM_SELECTOR);
-			!n || !C.owns(t, n) || n === document.activeElement || n.focus();
+		onPointerOver: o((e) => {
+			let t = e.currentTarget, n = e.target?.closest(E.ITEM_SELECTOR);
+			!n || !E.owns(t, n) || n === document.activeElement || n.focus();
 		}),
-		...h
+		...v
 	};
-	return x ? /* @__PURE__ */ b(r, {
-		ref: D,
+	return T ? /* @__PURE__ */ C(a, {
+		ref: M,
 		component: "menu",
-		...y,
-		variant: [y.variant, { topLayer: !0 }],
-		...A.layerProps,
-		id: w,
+		...w,
+		variant: [w.variant, { topLayer: !0 }],
+		...F.layerProps,
+		id: k,
 		props: {
 			popover: "auto",
-			...j
+			...L
 		},
-		children: v
-	}) : S ? /* @__PURE__ */ b(f, {
-		contentRef: D,
-		anchor: E,
-		side: a,
-		align: o,
-		offset: l,
-		flip: u,
-		matchWidth: d,
+		children: I
+	}) : D ? /* @__PURE__ */ C(m, {
+		contentRef: M,
+		anchor: A,
+		side: i,
+		align: s,
+		offset: c,
+		flip: d,
+		matchWidth: f,
 		component: "menu",
-		...y,
-		id: w,
-		props: j,
-		children: v
+		...w,
+		id: k,
+		props: L,
+		children: S
 	}) : null;
 }
-function A(a) {
-	let { label: s, children: c, disabled: l, side: f = "end", align: p = "start", offset: m = 0, flip: h = !0, itemProps: _, props: v, ...S } = a, D = T("Menu.Sub"), O = o("menu-sub"), A = i((e) => {
-		(C.items(e)[0] ?? e).focus();
-	}), M = i((e, t) => {
+function N(e, t) {
+	let { label: s, children: l, disabled: u, side: d = "end", align: m = "start", offset: h = 0, flip: g = !0, itemProps: _, props: v, ...b } = e, x = O("Menu.Sub"), T = c("menu-sub"), A = o((e) => {
+		(E.items(e)[0] ?? e).focus();
+	}), j = o((e, t) => {
 		e && t?.focus();
-	}), { panels: N, registerLayer: P } = E(D.registerLayer), F = u("menu.sub"), I = d({
+	}), { panels: N, registerLayer: F } = k(x.registerLayer), I = f("menu.sub"), L = p({
 		haspopup: "menu",
 		idPrefix: "menu-sub",
-		id: S.id,
+		id: b.id,
 		onOpened: A,
-		onClosing: M,
+		onClosing: j,
 		inside: N
 	});
-	n(() => {
-		if (!(!I.isOpen || !I.panelElement)) return D.registerLayer(I.panelElement);
+	i(() => {
+		if (!(!L.isOpen || !L.panelElement)) return x.registerLayer(L.panelElement);
 	}, [
-		I.isOpen,
-		I.panelElement,
-		D.registerLayer
-	]), n(() => {
-		D.open || I.setOpen(!1, { reason: "imperative" });
-	}, [D.open, I.setOpen]), n(() => {
-		if (!I.isOpen) return;
-		let t = new AbortController();
-		return document.addEventListener("focusin", (t) => {
-			e(t, [I.panelElement, I.triggerElement]) || I.setOpen(!1, {
+		L.isOpen,
+		L.panelElement,
+		x.registerLayer
+	]), i(() => {
+		x.open || L.setOpen(!1, { reason: "imperative" });
+	}, [x.open, L.setOpen]), i(() => {
+		if (!L.isOpen) return;
+		let e = new AbortController();
+		return document.addEventListener("focusin", (e) => {
+			r(e, [L.panelElement, L.triggerElement]) || L.setOpen(!1, {
 				reason: "imperative",
-				event: t
+				event: e
 			});
-		}, { signal: t.signal }), () => t.abort();
+		}, { signal: e.signal }), () => e.abort();
 	}, [
-		I.isOpen,
-		I.panelElement,
-		I.triggerElement,
-		I.setOpen
+		L.isOpen,
+		L.panelElement,
+		L.triggerElement,
+		L.setOpen
 	]);
-	let L = i((e) => {
-		let n = t(e.currentTarget) ? "ArrowLeft" : "ArrowRight";
-		l || e.key !== n || (e.preventDefault(), I.setOpen(!0, {
+	let R = o((e) => {
+		let t = n(e.currentTarget) ? "ArrowLeft" : "ArrowRight";
+		u || e.key !== t || (e.preventDefault(), L.setOpen(!0, {
 			reason: "trigger",
 			event: e
-		}), F("openChange", !0, {
+		}), I("openChange", !0, {
 			reason: "keyboard",
 			event: e,
-			item: j(s)
+			item: P(s)
 		}));
-	}), R = i((e) => {
-		l || I.setOpen(!0, {
+	}), z = o((e) => {
+		u || L.setOpen(!0, {
 			reason: "trigger",
 			event: e
 		});
-	}), z = g(() => ({
-		open: I.isOpen,
-		closeAll: D.closeAll,
-		registerLayer: P
+	}), B = y(() => ({
+		open: L.isOpen,
+		closeAll: x.closeAll,
+		registerLayer: F
 	}), [
-		I.isOpen,
-		D.closeAll,
-		P
+		L.isOpen,
+		x.closeAll,
+		F
 	]);
-	return /* @__PURE__ */ x(y, { children: [/* @__PURE__ */ x(r, {
+	return /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ w(a, {
 		tag: "button",
-		ref: l ? void 0 : I.trigger.ref,
+		ref: u ? void 0 : L.trigger.ref,
 		component: "menu.item",
 		variant: { sub: !0 },
-		id: O,
+		id: T,
 		props: {
 			type: "button",
 			role: "menuitem",
 			tabIndex: -1,
-			"aria-disabled": l || void 0,
-			...I.trigger.props,
+			"aria-disabled": u || void 0,
+			...L.trigger.props,
 			..._,
-			onKeyDown: L,
-			onPointerEnter: R
+			onKeyDown: R,
+			onPointerEnter: z
 		},
-		children: [s, /* @__PURE__ */ b(r, { component: "menu.arrow" })]
-	}), !l && /* @__PURE__ */ b(w.Provider, {
-		value: z,
-		children: /* @__PURE__ */ b(k, {
-			layer: I,
-			side: f,
-			align: p,
-			offset: m,
-			flip: h,
+		children: [s, /* @__PURE__ */ C(a, { component: "menu.arrow" })]
+	}), !u && /* @__PURE__ */ C(D.Provider, {
+		value: B,
+		children: /* @__PURE__ */ C(M, {
+			layer: L,
+			side: d,
+			align: m,
+			offset: h,
+			flip: g,
 			matchWidth: !1,
-			labelledBy: O,
+			labelledBy: T,
 			contentProps: v,
-			closeSelf: (e) => I.setOpen(!1, e),
-			...S,
-			children: c
+			closeSelf: (e) => L.setOpen(!1, e),
+			...b,
+			elementRef: t,
+			children: l
 		})
 	})] });
 }
-var j = (e, t) => t ?? (typeof e == "string" ? e : void 0);
-function M(e) {
-	let { onSelect: t, disabled: n, closeOnSelect: a = !0, value: o, props: s, children: c, ...l } = e, d = T("Menu.Item"), f = u("menu.item"), p = i((e) => {
-		n || (t?.(e), f("select", j(c, o), {
+var P = (e, t) => t ?? (typeof e == "string" ? e : void 0);
+function F(e) {
+	let { onSelect: t, disabled: n, closeOnSelect: r = !0, value: i, props: s, children: c, ...l } = e, u = O("Menu.Item"), d = f("menu.item"), p = o((e) => {
+		n || (t?.(e), d("select", P(c, i), {
 			reason: "select",
 			event: e
-		}), a && d.closeAll({
+		}), r && u.closeAll({
 			reason: "select",
 			event: e
 		}));
 	});
-	return /* @__PURE__ */ b(r, {
+	return /* @__PURE__ */ C(a, {
 		tag: "button",
 		component: "menu.item",
 		...l,
@@ -309,25 +315,25 @@ function M(e) {
 		children: c
 	});
 }
-function N(e) {
-	let { checked: t, defaultChecked: n = !1, onCheckedChange: o, disabled: s, closeOnSelect: c = !1, value: l, props: d, children: f, ...p } = e, m = T("Menu.CheckboxItem"), [h, g] = a({
+function I(e) {
+	let { checked: t, defaultChecked: n = !1, onCheckedChange: r, disabled: i, closeOnSelect: c = !1, value: l, props: u, children: d, ...p } = e, m = O("Menu.CheckboxItem"), [h, g] = s({
 		value: t,
 		defaultValue: n,
-		onChange: o
-	}), _ = u("menu.checkboxItem"), v = i((e) => {
-		s || (g(!h, {
+		onChange: r
+	}), _ = f("menu.checkboxItem"), v = o((e) => {
+		i || (g(!h, {
 			reason: "select",
 			event: e
 		}), _("checkedChange", !h, {
 			reason: "select",
 			event: e,
-			item: j(f, l)
+			item: P(d, l)
 		}), c && m.closeAll({
 			reason: "select",
 			event: e
 		}));
 	});
-	return /* @__PURE__ */ x(r, {
+	return /* @__PURE__ */ w(a, {
 		tag: "button",
 		component: "menu.item",
 		...p,
@@ -336,51 +342,51 @@ function N(e) {
 			role: "menuitemcheckbox",
 			tabIndex: -1,
 			"aria-checked": h,
-			"aria-disabled": s || void 0,
-			...d,
+			"aria-disabled": i || void 0,
+			...u,
 			onClick: v
 		},
-		children: [/* @__PURE__ */ b(r, {
+		children: [/* @__PURE__ */ C(a, {
 			component: "menu.indicator",
-			children: h && /* @__PURE__ */ b(r, { component: "menu.check" })
-		}), f]
+			children: h && /* @__PURE__ */ C(a, { component: "menu.check" })
+		}), d]
 	});
 }
-function P(e) {
-	let { label: t, value: n, defaultValue: r = "", onValueChange: a, children: o, ...s } = e, [c, u] = l({
+function L(e) {
+	let { label: t, value: n, defaultValue: r = "", onValueChange: i, children: a, ...s } = e, [c, l] = d({
 		value: n,
 		defaultValue: r,
-		onChange: a,
+		onChange: i,
 		interaction: {
 			component: "menu.radioGroup",
 			type: "valueChange"
 		}
-	}), d = i((e, t) => u(e, {
+	}), u = o((e, t) => l(e, {
 		reason: "select",
 		event: t
-	})), f = g(() => ({
+	})), f = y(() => ({
 		value: c,
-		select: d
-	}), [c, d]);
-	return /* @__PURE__ */ b(D.Provider, {
+		select: u
+	}), [c, u]);
+	return /* @__PURE__ */ C(A.Provider, {
 		value: f,
-		children: /* @__PURE__ */ b(I, {
+		children: /* @__PURE__ */ C(z, {
 			label: t,
 			...s,
-			children: o
+			children: a
 		})
 	});
 }
-function F(e) {
-	let { value: t, disabled: n, closeOnSelect: a = !1, props: o, children: s, ...c } = e, l = T("Menu.RadioItem"), u = h(D);
+function R(e) {
+	let { value: t, disabled: n, closeOnSelect: r = !1, props: i, children: s, ...c } = e, l = O("Menu.RadioItem"), u = v(A);
 	if (!u) throw Error("<Menu.RadioItem> must be rendered inside a <Menu.RadioGroup>.");
-	let d = u.value === t, f = i((e) => {
-		n || (u.select(t, e), a && l.closeAll({
+	let d = u.value === t, f = o((e) => {
+		n || (u.select(t, e), r && l.closeAll({
 			reason: "select",
 			event: e
 		}));
 	});
-	return /* @__PURE__ */ x(r, {
+	return /* @__PURE__ */ w(a, {
 		tag: "button",
 		component: "menu.item",
 		...c,
@@ -390,36 +396,36 @@ function F(e) {
 			tabIndex: -1,
 			"aria-checked": d,
 			"aria-disabled": n || void 0,
-			...o,
+			...i,
 			onClick: f
 		},
-		children: [/* @__PURE__ */ b(r, {
+		children: [/* @__PURE__ */ C(a, {
 			component: "menu.indicator",
-			children: d && /* @__PURE__ */ b(r, { component: "menu.dot" })
+			children: d && /* @__PURE__ */ C(a, { component: "menu.dot" })
 		}), s]
 	});
 }
-function I(e) {
-	let { label: t, props: n, children: i, ...a } = e, s = o("menu-group");
-	return /* @__PURE__ */ x(r, {
+function z(e) {
+	let { label: t, props: n, children: r, ...i } = e, o = c("menu-group");
+	return /* @__PURE__ */ w(a, {
 		component: "menu.group",
-		...a,
+		...i,
 		props: {
 			role: "group",
-			"aria-labelledby": t ? s : void 0,
+			"aria-labelledby": t ? o : void 0,
 			...n
 		},
-		children: [t && /* @__PURE__ */ b(r, {
+		children: [t && /* @__PURE__ */ C(a, {
 			component: "menu.label",
-			id: s,
+			id: o,
 			props: { role: "presentation" },
 			children: t
-		}), i]
+		}), r]
 	});
 }
-function L(e) {
+function B(e) {
 	let { props: t, ...n } = e;
-	return /* @__PURE__ */ b(r, {
+	return /* @__PURE__ */ C(a, {
 		component: "menu.separator",
 		...n,
 		props: {
@@ -428,16 +434,15 @@ function L(e) {
 		}
 	});
 }
-M.displayName = "Menu.Item", N.displayName = "Menu.CheckboxItem", P.displayName = "Menu.RadioGroup", F.displayName = "Menu.RadioItem", I.displayName = "Menu.Group", L.displayName = "Menu.Separator", A.displayName = "Menu.Sub";
-var R = Object.assign(O, {
-	Item: M,
-	CheckboxItem: N,
-	RadioGroup: P,
-	RadioItem: F,
-	Group: I,
-	Separator: L,
-	Sub: A
+F.displayName = "Menu.Item", I.displayName = "Menu.CheckboxItem", L.displayName = "Menu.RadioGroup", R.displayName = "Menu.RadioItem", z.displayName = "Menu.Group", B.displayName = "Menu.Separator";
+var V = Object.assign(e(j, "Menu"), {
+	Item: F,
+	CheckboxItem: I,
+	RadioGroup: L,
+	RadioItem: R,
+	Group: z,
+	Separator: B,
+	Sub: e(N, "Menu.Sub")
 });
-O.displayName = "Menu";
 //#endregion
-export { R as default };
+export { V as default };

package/components/overlay.cjs

@@ -1 +1 @@
-"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../platform.cjs"),t=require("../client.cjs"),n=require("../effects.cjs"),r=require("../box.cjs"),i=require("../placement.cjs"),a=require("../layer.cjs");let o=require("react"),s=require("react/jsx-runtime"),c=require("react-dom");function l(l,u){let{side:d=`bottom`,align:f=`center`,offset:p=0,flip:m=!0,onSideChange:h,anchor:g,contentRef:_,matchWidth:v=!0,...y}=l,[b,x]=(0,o.useState)(null),[S,C]=(0,o.useState)(!1),w=(0,o.useRef)(null),T=a.n(),E=(0,o.useRef)(null),D=t.t(!T),O=i.t({side:d,align:f,offset:p,flip:m,matchWidth:v,anchor:g??b,trackSide:!!h});n.n(()=>{let t=E.current;!T||!e.c()||!t||!t.isConnected||t.matches(`:popover-open`)||t.showPopover()}),n.n(()=>{if(T)return;let t=e.d(g)??b;C(!!t&&e.p(t))},[g,b,T]),n.n(()=>{w.current!==O.side&&(w.current=O.side,h?.(O.side))});let k=O.layerProps.ref,A=(0,o.useCallback)(e=>{k?.(e),E.current=e,typeof u==`function`?u(e):u&&(u.current=e)},[k,u]),j=(0,s.jsx)(r.default,{...O.layerProps,ref:A,transition:`none`,props:T?{popover:`manual`}:{dir:S?`rtl`:`ltr`},children:(0,s.jsx)(r.default,{ref:_,...y})});return(0,s.jsxs)(s.Fragment,{children:[!g&&(0,s.jsx)(r.default,{ref:x}),T?j:D&&(0,c.createPortal)(j,D)]})}var u=(0,o.forwardRef)(l);u.displayName=`Overlay`,exports.default=u;
+"use client";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:`Module`}});const e=require("../platform.cjs"),t=require("../client.cjs"),n=require("../effects.cjs"),r=require("../box.cjs"),i=require("../placement.cjs"),a=require("../layer.cjs");let o=require("react"),s=require("react/jsx-runtime"),c=require("react-dom");function l(l,u){let{side:d=`bottom`,align:f=`center`,offset:p=0,flip:m=!0,onSideChange:h,anchor:g,contentRef:_,matchWidth:v=!0,...y}=l,[b,x]=(0,o.useState)(null),[S,C]=(0,o.useState)(!1),w=(0,o.useRef)(null),T=a.n(),E=(0,o.useRef)(null),D=t.t(!T),O=i.t({side:d,align:f,offset:p,flip:m,matchWidth:v,anchor:g??b,trackSide:!!h});n.n(()=>{let t=E.current;!T||!e.c()||!t||!t.isConnected||t.matches(`:popover-open`)||t.showPopover()}),n.n(()=>{if(T)return;let t=e.f(g)??b;C(!!t&&e.m(t))},[g,b,T]),n.n(()=>{w.current!==O.side&&(w.current=O.side,h?.(O.side))});let k=O.layerProps.ref,A=(0,o.useCallback)(t=>{k?.(t),E.current=t,e.l(u,t)},[k,u]),j=(0,s.jsx)(r.default,{...O.layerProps,ref:A,transition:`none`,overflow:`visible`,props:T?{popover:`manual`}:{dir:S?`rtl`:`ltr`},children:(0,s.jsx)(r.default,{ref:_,...y})});return(0,s.jsxs)(s.Fragment,{children:[!g&&(0,s.jsx)(r.default,{ref:x}),T?j:D&&(0,c.createPortal)(j,D)]})}var u=(0,o.forwardRef)(l);u.displayName=`Overlay`,exports.default=u;