@mortenbrudvik/waveui 0.8.0 → 0.10.0

package/dist/components/overlays/Popover.mjs

@@ -1,32 +1,31 @@
 "use client";
 import { cn as e } from "../../lib/cn.mjs";
 import { isDev as t, reportMissingContext as n, warnOnce as r } from "../../lib/dev.mjs";
-import { slotRendersContent as i } from "../../lib/slot.mjs";
-import { composeEventHandlers as a } from "../../lib/composeEventHandlers.mjs";
-import { popoverContentClassNames as o } from "../../lib/classNames.mjs";
-import { useEventCallback as s } from "../../hooks/useEventCallback.mjs";
-import { useControllable as c } from "../../hooks/useControllable.mjs";
-import { useId as l } from "../../hooks/useId.mjs";
-import { focusElement as ee, getFirstTabbable as u, isConnectedAndFocusable as d } from "../../lib/focus.mjs";
-import { useMergedRefs as f } from "../../hooks/useMergedRefs.mjs";
-import { useIsClient as p } from "../../hooks/useIsClient.mjs";
-import { getLayerTreeElements as m } from "../../lib/layers.mjs";
-import { useDismiss as h } from "../../hooks/useDismiss.mjs";
-import { Portal as g } from "../portal/Portal.mjs";
-import { usePopupPosition as _ } from "../../hooks/usePopupPosition.mjs";
-import { useRestoreFocus as v } from "../../hooks/useRestoreFocus.mjs";
-import { getTriggerFocusTarget as y, useTriggerElement as te, useTriggerFocusRef as b } from "../../hooks/useTriggerElement.mjs";
-import { useHoverIntent as x } from "../../hooks/useHoverIntent.mjs";
-import { useContextMenuAnchor as S } from "../../hooks/useContextMenuAnchor.mjs";
-import { PopoverBeak as C, getTabbableThrough as w, usePopoverTabOrder as T } from "./Popover.shared.mjs";
-import * as E from "react";
-import { jsx as D, jsxs as ne } from "react/jsx-runtime";
+import { slotRendersContent as ee } from "../../lib/slot.mjs";
+import { composeEventHandlers as i } from "../../lib/composeEventHandlers.mjs";
+import { popoverContentClassNames as a } from "../../lib/classNames.mjs";
+import { useEventCallback as o } from "../../hooks/useEventCallback.mjs";
+import { useControllable as s } from "../../hooks/useControllable.mjs";
+import { useId as c } from "../../hooks/useId.mjs";
+import { focusElement as te, getFirstTabbable as l, isConnectedAndFocusable as u } from "../../lib/focus.mjs";
+import { useMergedRefs as d } from "../../hooks/useMergedRefs.mjs";
+import { useIsClient as f } from "../../hooks/useIsClient.mjs";
+import { useDismiss as ne } from "../../hooks/useDismiss.mjs";
+import { Portal as p } from "../portal/Portal.mjs";
+import { usePopupPosition as re } from "../../hooks/usePopupPosition.mjs";
+import { useRestoreFocus as m } from "../../hooks/useRestoreFocus.mjs";
+import { useHoverIntent as h } from "../../hooks/useHoverIntent.mjs";
+import { PopoverBeak as g, getTabbableThrough as _, isFocusInSurfaceTree as v, usePopoverTabOrder as y } from "./Popover.shared.mjs";
+import { getTriggerFocusTarget as b, useTriggerElement as x, useTriggerFocusRef as S } from "../../hooks/useTriggerElement.mjs";
+import { useContextMenuAnchor as ie } from "../../hooks/useContextMenuAnchor.mjs";
+import * as C from "react";
+import { jsx as w, jsxs as T } from "react/jsx-runtime";
 //#region src/components/overlays/Popover.tsx
-var O = E.createContext(null);
-O.displayName = "PopoverContext";
-var k = null;
-function A() {
-	return k ??= {
+var E = C.createContext(null);
+E.displayName = "PopoverContext";
+var D = null;
+function O() {
+	return D ??= {
 		open: !1,
 		setOpen: () => {},
 		contentId: "wave-popover-inert-content",
@@ -56,190 +55,186 @@ function A() {
 		},
 		arrowStyles: {},
 		placedSide: "bottom"
-	}, k;
+	}, D;
 }
-function j(e) {
-	return E.useContext(O) || (n(e, "Popover"), A());
+function k(e) {
+	return C.useContext(E) || (n(e, "Popover"), O());
 }
-function M(e, t) {
+function A(e, t) {
 	let n = (t ?? "").split(/\s+/).filter((t) => t && e.getElementById(t));
 	return n.length > 0 ? n.join(" ") : void 0;
 }
-function re(e, t) {
+function j(e, t) {
 	if (!e) return t;
-	let n = e.ownerDocument, r = (t ? n.getElementById(t) : null) ?? y(e) ?? e;
-	return M(n, r.getAttribute("aria-labelledby")) ?? (r.id || e.id || void 0);
+	let n = e.ownerDocument, r = (t ? n.getElementById(t) : null) ?? b(e) ?? e;
+	return A(n, r.getAttribute("aria-labelledby")) ?? (r.id || e.id || void 0);
 }
-function ie(e, t) {
+function ae(e, t) {
 	return t.split(/\s+/).some((t) => {
 		let n = t ? e.getElementById(t) : null;
 		return n ? n.getAttribute("aria-label")?.trim() || n.textContent?.trim() ? !0 : !!n.querySelector("[aria-label]:not([aria-label=\"\"]), [alt]:not([alt=\"\"]), [title]:not([title=\"\"])") : !1;
 	});
 }
-var N = () => () => {};
-function P(e, t) {
-	let n = e?.ownerDocument.activeElement;
-	return !e || !n ? !1 : e.contains(n) ? !0 : m(t, { includeOwnElements: !1 }).some((e) => e.contains(n));
-}
-function ae(e) {
+var oe = () => () => {};
+function M(e) {
 	return !!e && typeof e.nodeType == "number";
 }
-function F(e) {
+function se(e) {
 	return { get current() {
 		return e();
 	} };
 }
-function oe(e, t, n) {
-	return y(e) ?? w(e, t, n);
+function ce(e, t, n) {
+	return b(e) ?? _(e, t, n);
 }
-var I = ({ open: e, defaultOpen: t, onOpenChange: n, side: i = "bottom", align: a = "start", ignoreOutsideRefs: o, openOnHover: m = !1, openDelay: g = 250, closeDelay: te = 500, openOnContext: C = !1, target: w, children: ne }) => {
-	let [k, A] = c(e, t ?? !1, n), j = E.useRef(!1), M = s((e) => {
-		j.current = !1, A(e);
-	}), re = E.useCallback(() => j.current, []), ie = p(), N = k && ie, [I, L] = E.useState("other"), [R, z] = E.useState(!1), [se, ce] = E.useState(N), B = I;
-	N !== se && (ce(N), N && (B = R ? "hover" : "other")), B !== I && L(B), R && z(!1);
-	let V = l("popover-content"), [H, le] = E.useState(void 0), U = H ?? V, ue = l("popover-trigger"), [W, de] = E.useState(void 0), [G, fe] = E.useState(null), [K, pe] = E.useState(null), q = E.useRef(null), J = E.useRef(null), me = E.useRef(null), he = ae(w) ? w : null, Y = E.useRef(null);
-	E.useInsertionEffect(() => {
-		Y.current = he;
-	}, [he]);
-	let { setReference: ge, setFloating: _e, floatingProps: ve, arrowStyles: ye, side: be } = _({
+var N = ({ open: e, defaultOpen: t, onOpenChange: n, side: ee = "bottom", align: i = "start", ignoreOutsideRefs: a, openOnHover: p = !1, openDelay: g = 250, closeDelay: _ = 500, openOnContext: x = !1, target: T, children: D }) => {
+	let [O, k] = s(e, t ?? !1, n), A = C.useRef(!1), j = o((e) => {
+		A.current = !1, k(e);
+	}), ae = C.useCallback(() => A.current, []), oe = f(), N = O && oe, [P, F] = C.useState("other"), [I, L] = C.useState(!1), [R, le] = C.useState(N), z = P;
+	N !== R && (le(N), N && (z = I ? "hover" : "other")), z !== P && F(z), I && L(!1);
+	let B = c("popover-content"), [V, ue] = C.useState(void 0), H = V ?? B, de = c("popover-trigger"), [U, fe] = C.useState(void 0), [W, pe] = C.useState(null), [G, me] = C.useState(null), K = C.useRef(null), q = C.useRef(null), he = C.useRef(null), ge = M(T) ? T : null, J = C.useRef(null);
+	C.useInsertionEffect(() => {
+		J.current = ge;
+	}, [ge]);
+	let { setReference: _e, setFloating: ve, floatingProps: ye, arrowStyles: be, side: xe } = re({
 		open: N,
-		side: i,
-		align: a,
+		side: ee,
+		align: i,
 		offset: 8,
-		arrowRef: me
-	}), xe = E.useRef(null), Se = s(() => {
-		let e = C ? xe.current?.current : null;
-		if (e && d(e)) return e;
-		let t = q.current, n = t ? y(t) : null;
+		arrowRef: he
+	}), Se = C.useRef(null), Y = o(() => {
+		let e = x ? Se.current?.current : null;
+		if (e && u(e)) return e;
+		let t = K.current, n = t ? b(t) : null;
 		if (n) return n;
-		let r = Y.current;
-		return r && d(r) ? r : t;
-	}), Ce = E.useMemo(() => F(Se), [Se]), we = s((e) => !(e.ctrlKey && q.current?.contains(e.target))), { layerId: X } = h({
+		let r = J.current;
+		return r && u(r) ? r : t;
+	}), Ce = C.useMemo(() => se(Y), [Y]), we = o((e) => !(e.ctrlKey && K.current?.contains(e.target))), { layerId: X } = ne({
 		open: N,
-		onDismiss: () => M(!1),
-		refs: C ? [
+		onDismiss: () => j(!1),
+		refs: x ? [
+			q,
 			J,
-			Y,
-			...o ?? []
+			...a ?? []
 		] : [
-			J,
 			q,
-			Y,
-			...o ?? []
+			K,
+			J,
+			...a ?? []
 		],
 		anchorRef: Ce,
 		kind: "popover",
-		outsidePress: !C || we
-	}), Z = E.useRef(!1), { anchor: Te, fromContext: Ee, origin: De, opener: Q, triggerHandlers: Oe, surfaceHandlers: ke } = S({
-		enabled: C,
+		outsidePress: !x || we
+	}), Z = C.useRef(!1), { anchor: Te, fromContext: Ee, origin: De, opener: Q, triggerHandlers: Oe, surfaceHandlers: ke } = ie({
+		enabled: x,
 		open: N,
-		trigger: K,
+		trigger: G,
 		layerId: X,
 		onOpen: (e) => {
-			Z.current = e === "keyboard", M(!0);
+			Z.current = e === "keyboard", j(!0);
 		},
-		onClose: () => M(!1)
+		onClose: () => j(!1)
 	});
-	E.useInsertionEffect(() => {
-		xe.current = Q;
+	C.useInsertionEffect(() => {
+		Se.current = Q;
 	}, [Q]);
-	let Ae = b(q);
-	v({
+	let Ae = S(K);
+	m({
 		enabled: N,
-		container: G,
-		triggerRef: C ? void 0 : Ae,
-		finalFocusRef: C ? Q : void 0,
-		fallback: Se,
+		container: W,
+		triggerRef: x ? void 0 : Ae,
+		finalFocusRef: x ? Q : void 0,
+		fallback: Y,
 		onlyIfFocusInside: !0,
-		isHoverClose: re
-	}), E.useLayoutEffect(() => {
-		N && (j.current = !1);
+		isHoverClose: ae
+	}), C.useLayoutEffect(() => {
+		N && (A.current = !1);
 	}, [N]);
-	let je = f(q, pe), Me = f(J, fe, _e);
-	E.useLayoutEffect(() => {
-		ge(Ee ? Te ?? (K && (y(K) ?? K)) : w ?? K);
+	let je = d(K, me), Me = d(q, pe, ve);
+	C.useLayoutEffect(() => {
+		_e(Ee ? Te ?? (G && (b(G) ?? G)) : T ?? G);
 	}, [
 		Te,
 		Ee,
-		w,
-		K,
-		ge
-	]), E.useLayoutEffect(() => {
+		T,
+		G,
+		_e
+	]), C.useLayoutEffect(() => {
 		if (Z.current) {
 			if (!N) {
 				Z.current = !1;
 				return;
 			}
-			G && (Z.current = !1, ee(u(G) ?? G, { preventScroll: !0 }));
+			W && (Z.current = !1, te(l(W) ?? W, { preventScroll: !0 }));
 		}
-	}), E.useEffect(() => {
-		m && C && r("Popover:hover-and-context", "Popover: `openOnHover` is ignored with `openOnContext`: a context popover opens on a right click, Shift+F10 or the ContextMenu key, not on hover.");
-	}, [m, C]);
-	let $ = m && !C, Ne = s(() => B === "hover" && !P(J.current, X)), { triggerHandlers: Pe, surfaceHandlers: Fe, cancel: Ie } = x({
+	}), C.useEffect(() => {
+		p && x && r("Popover:hover-and-context", "Popover: `openOnHover` is ignored with `openOnContext`: a context popover opens on a right click, Shift+F10 or the ContextMenu key, not on hover.");
+	}, [p, x]);
+	let $ = p && !x, Ne = o(() => z === "hover" && !v(q.current, X)), { triggerHandlers: Pe, surfaceHandlers: Fe, cancel: Ie } = h({
 		enabled: $,
 		open: N,
 		openDelay: g,
-		closeDelay: te,
-		trigger: K,
-		surface: G,
+		closeDelay: _,
+		trigger: G,
+		surface: W,
 		onOpen: () => {
-			z(!0), M(!0);
+			L(!0), j(!0);
 		},
 		onClose: () => {
-			j.current = !0, A(!1);
+			A.current = !0, k(!1);
 		},
 		canClose: Ne
-	}), Le = s(() => {
-		Ie(), N && B === "hover" ? L("other") : M((e) => !e);
-	}), Re = s(() => {
-		let e = q.current, t = C ? Q.current : null;
-		return t && e?.contains(t) ? t : e ?? Y.current;
-	}), ze = E.useMemo(() => F(Re), [Re]), Be = s((e) => {
+	}), Le = o(() => {
+		Ie(), N && z === "hover" ? F("other") : j((e) => !e);
+	}), Re = o(() => {
+		let e = K.current, t = x ? Q.current : null;
+		return t && e?.contains(t) ? t : e ?? J.current;
+	}), ze = C.useMemo(() => se(Re), [Re]), Be = o((e) => {
 		if (e.key !== "Tab" || e.shiftKey || !N) return;
-		if (C) {
+		if (x) {
 			let t = Re();
-			if (!t || e.target !== (y(t) ?? t)) return;
+			if (!t || e.target !== (b(t) ?? t)) return;
 		}
-		let t = J.current, n = t ? u(t) : null;
+		let t = q.current, n = t ? l(t) : null;
 		n && (e.preventDefault(), n.focus());
-	}), Ve = T({
+	}), Ve = y({
 		enabled: N,
-		surface: G,
+		surface: W,
 		anchorRef: ze,
-		getPreviousStop: oe
-	}), He = Ee && De === "keyboard", Ue = E.useMemo(() => ({
+		getPreviousStop: ce
+	}), He = Ee && De === "keyboard", Ue = C.useMemo(() => ({
 		open: N,
-		setOpen: M,
-		contentId: U,
-		setCustomContentId: le,
-		triggerId: ue,
-		resolvedTriggerId: W,
-		setResolvedTriggerId: de,
-		triggerRef: q,
-		triggerElement: K,
+		setOpen: j,
+		contentId: H,
+		setCustomContentId: ue,
+		triggerId: de,
+		resolvedTriggerId: U,
+		setResolvedTriggerId: fe,
+		triggerRef: K,
+		triggerElement: G,
 		triggerElementRef: je,
 		surfaceElementRef: Me,
-		arrowRef: me,
+		arrowRef: he,
 		onTriggerClick: Le,
 		onTriggerKeyDown: Be,
 		hoverTriggerHandlers: $ ? Pe : null,
 		hoverSurfaceHandlers: $ ? Fe : null,
-		contextMode: C,
-		contextTriggerHandlers: C ? Oe : null,
+		contextMode: x,
+		contextTriggerHandlers: x ? Oe : null,
 		onContentContextMenu: ke.onContextMenu,
 		keyboardContext: He,
 		onContentKeyDown: Ve,
 		layerId: X,
-		floatingProps: ve,
-		arrowStyles: ye,
-		placedSide: be
+		floatingProps: ye,
+		arrowStyles: be,
+		placedSide: xe
 	}), [
 		N,
-		M,
+		j,
+		H,
+		de,
 		U,
-		ue,
-		W,
-		K,
+		G,
 		je,
 		Me,
 		Le,
@@ -247,121 +242,121 @@ var I = ({ open: e, defaultOpen: t, onOpenChange: n, side: i = "bottom", align:
 		$,
 		Pe,
 		Fe,
-		C,
+		x,
 		Oe,
 		ke,
 		He,
 		Ve,
 		X,
-		ve,
 		ye,
-		be
+		be,
+		xe
 	]);
-	return /* @__PURE__ */ D(O.Provider, {
+	return /* @__PURE__ */ w(E.Provider, {
 		value: Ue,
-		children: ne
+		children: D
 	});
 };
-I.displayName = "Popover";
-var L = ({ children: e, asChild: t, id: n, onClick: r, onKeyDown: i, onContextMenu: o, onPointerEnter: s, onPointerMove: c, onPointerLeave: l, ref: ee, ...u }) => {
-	let { open: d, contentId: p, triggerId: m, triggerElementRef: h, setResolvedTriggerId: g, onTriggerClick: _, onTriggerKeyDown: v, hoverTriggerHandlers: y, contextMode: b, contextTriggerHandlers: x } = j("Popover.Trigger"), S = f(ee, h), C = {
-		...u,
-		id: n ?? m,
+N.displayName = "Popover";
+var P = ({ children: e, asChild: t, id: n, onClick: r, onKeyDown: ee, onContextMenu: a, onPointerEnter: o, onPointerMove: s, onPointerLeave: c, ref: te, ...l }) => {
+	let { open: u, contentId: f, triggerId: ne, triggerElementRef: p, setResolvedTriggerId: re, onTriggerClick: m, onTriggerKeyDown: h, hoverTriggerHandlers: g, contextMode: _, contextTriggerHandlers: v } = k("Popover.Trigger"), y = d(te, p), b = {
+		...l,
+		id: n ?? ne,
 		"aria-haspopup": "dialog",
-		"aria-expanded": !b && d,
-		"aria-controls": d && !b ? p : void 0,
-		onClick: a(r, b ? void 0 : _),
-		onKeyDown: a(i, x ? a(x.onKeyDown, v) : v),
-		onContextMenu: x ? a(o, x.onContextMenu) : o,
-		onPointerEnter: y ? a(s, y.onPointerEnter) : s,
-		onPointerMove: y ? a(c, y.onPointerMove) : c,
-		onPointerLeave: y ? a(l, y.onPointerLeave) : l,
-		ref: S
+		"aria-expanded": !_ && u,
+		"aria-controls": u && !_ ? f : void 0,
+		onClick: i(r, _ ? void 0 : m),
+		onKeyDown: i(ee, v ? i(v.onKeyDown, h) : h),
+		onContextMenu: v ? i(a, v.onContextMenu) : a,
+		onPointerEnter: g ? i(o, g.onPointerEnter) : o,
+		onPointerMove: g ? i(s, g.onPointerMove) : s,
+		onPointerLeave: g ? i(c, g.onPointerLeave) : c,
+		ref: y
 	};
-	return te(e, C, {
+	return x(e, b, {
 		componentName: "Popover.Trigger",
 		asChild: t,
-		onResolvedId: g,
-		omitStateAria: b
+		onResolvedId: re,
+		omitStateAria: _
 	});
 };
-L.displayName = "PopoverTrigger";
-var R = ({ children: n, title: s, id: c, className: ee, style: u, "aria-label": d, "aria-labelledby": p, onKeyDown: m, onContextMenu: h, onPointerEnter: _, onPointerLeave: v, ref: y, ...te }) => {
-	let { open: b, contentId: x, setCustomContentId: S, resolvedTriggerId: w, triggerRef: T, triggerElement: O, surfaceElementRef: k, arrowRef: A, layerId: M, floatingProps: P, arrowStyles: ae, placedSide: F, onContentKeyDown: oe, hoverSurfaceHandlers: I, contextMode: L, onContentContextMenu: R, keyboardContext: z } = j("Popover.Content"), se = l("popover-title"), ce = f(y, k), B = i(s), V = p === void 0 && !d && !B, H = b && V && !L, le = E.useCallback((e) => {
-		if (!H || !O || typeof MutationObserver > "u") return N();
+P.displayName = "PopoverTrigger";
+var F = ({ children: n, title: o, id: s, className: te, style: l, "aria-label": u, "aria-labelledby": f, onKeyDown: ne, onContextMenu: re, onPointerEnter: m, onPointerLeave: h, ref: _, ...v }) => {
+	let { open: y, contentId: b, setCustomContentId: x, resolvedTriggerId: S, triggerRef: ie, triggerElement: E, surfaceElementRef: D, arrowRef: O, layerId: A, floatingProps: M, arrowStyles: se, placedSide: ce, onContentKeyDown: N, hoverSurfaceHandlers: P, contextMode: F, onContentContextMenu: I, keyboardContext: L } = k("Popover.Content"), R = c("popover-title"), le = d(_, D), z = ee(o), B = f === void 0 && !u && !z, V = y && B && !F, ue = C.useCallback((e) => {
+		if (!V || !E || typeof MutationObserver > "u") return oe();
 		let t = new MutationObserver(e);
-		return t.observe(O, {
+		return t.observe(E, {
 			attributes: !0,
 			attributeFilter: ["id", "aria-labelledby"],
 			childList: !0,
 			subtree: !0
 		}), () => t.disconnect();
-	}, [H, O]), U = E.useSyncExternalStore(le, () => H ? re(O, w) : void 0, () => H ? w : void 0), ue = p ?? (d ? void 0 : B ? se : U), W = c || void 0;
-	return E.useEffect(() => (S(W), () => S(void 0)), [W, S]), E.useEffect(() => {
-		b && V && L && t && r("Popover.Content:name", "Popover.Content: the popover has no accessible name. A context popover (openOnContext) is not named by its region: pass `title`, `aria-label` or `aria-labelledby`.");
+	}, [V, E]), H = C.useSyncExternalStore(ue, () => V ? j(E, S) : void 0, () => V ? S : void 0), de = f ?? (u ? void 0 : z ? R : H), U = s || void 0;
+	return C.useEffect(() => (x(U), () => x(void 0)), [U, x]), C.useEffect(() => {
+		y && B && F && t && r("Popover.Content:name", "Popover.Content: the popover has no accessible name. A context popover (openOnContext) is not named by its region: pass `title`, `aria-label` or `aria-labelledby`.");
 	}, [
-		b,
-		V,
-		L
-	]), E.useEffect(() => {
-		if (!H || !t) return;
-		let e = T.current;
+		y,
+		B,
+		F
+	]), C.useEffect(() => {
+		if (!V || !t) return;
+		let e = ie.current;
 		if (!e) {
 			r("Popover.Content:name", "Popover.Content: the popover has no accessible name. Pass `title`, `aria-label` or `aria-labelledby`, or open it from a Popover.Trigger.");
 			return;
 		}
-		let n = re(e, w);
-		n ? ie(e.ownerDocument, n) || r("Popover.Content:trigger-name", "Popover.Content: the popover is named by its trigger, but the trigger has no text to name it (an icon-only trigger needs `aria-label`, or `aria-labelledby` pointing at text), so the popover has no accessible name. Name the trigger, or pass `title`, `aria-label` or `aria-labelledby`.") : r("Popover.Content:trigger-id", "Popover.Content: the popover is named by its trigger, but the trigger element has no `id` (a render-prop child of Popover.Trigger must spread the `id` it receives), so the popover has no accessible name. Spread every trigger prop onto the element, or pass `title`, `aria-label` or `aria-labelledby`.");
+		let n = j(e, S);
+		n ? ae(e.ownerDocument, n) || r("Popover.Content:trigger-name", "Popover.Content: the popover is named by its trigger, but the trigger has no text to name it (an icon-only trigger needs `aria-label`, or `aria-labelledby` pointing at text), so the popover has no accessible name. Name the trigger, or pass `title`, `aria-label` or `aria-labelledby`.") : r("Popover.Content:trigger-id", "Popover.Content: the popover is named by its trigger, but the trigger element has no `id` (a render-prop child of Popover.Trigger must spread the `id` it receives), so the popover has no accessible name. Spread every trigger prop onto the element, or pass `title`, `aria-label` or `aria-labelledby`.");
 	}, [
-		H,
-		w,
-		T,
-		U
-	]), b ? /* @__PURE__ */ D(g, {
-		layerId: M,
-		children: /* @__PURE__ */ ne("div", {
+		V,
+		S,
+		ie,
+		H
+	]), y ? /* @__PURE__ */ w(p, {
+		layerId: A,
+		children: /* @__PURE__ */ T("div", {
 			role: "dialog",
-			"aria-label": d,
-			"aria-labelledby": ue,
-			tabIndex: z ? -1 : void 0,
-			...te,
-			ref: ce,
-			id: W ?? x,
-			"data-side": P["data-side"],
-			"data-align": P["data-align"],
+			"aria-label": u,
+			"aria-labelledby": de,
+			tabIndex: L ? -1 : void 0,
+			...v,
+			ref: le,
+			id: U ?? b,
+			"data-side": M["data-side"],
+			"data-align": M["data-align"],
 			style: {
-				...u,
-				...P.style
+				...l,
+				...M.style
 			},
-			onKeyDown: a(m, oe),
-			onContextMenu: a(h, R),
-			onPointerEnter: I ? a(_, I.onPointerEnter) : _,
-			onPointerLeave: I ? a(v, I.onPointerLeave) : v,
-			className: e(o.root, "w-64 rounded-md border border-border bg-background p-4 text-body-1 font-normal text-foreground normal-case tracking-normal text-start shadow-4", ee),
+			onKeyDown: i(ne, N),
+			onContextMenu: i(re, I),
+			onPointerEnter: P ? i(m, P.onPointerEnter) : m,
+			onPointerLeave: P ? i(h, P.onPointerLeave) : h,
+			className: e(a.root, "w-64 rounded-md border border-border bg-background p-4 text-body-1 font-normal text-foreground normal-case tracking-normal text-start shadow-4", te),
 			children: [
-				/* @__PURE__ */ D(C, {
-					ref: A,
-					side: F,
-					style: ae,
+				/* @__PURE__ */ w(g, {
+					ref: O,
+					side: ce,
+					style: se,
 					"data-wave-popover-arrow": "",
-					className: o.beak
+					className: a.beak
 				}),
-				B && /* @__PURE__ */ D("h2", {
-					id: se,
-					className: e(o.title, "mb-2 text-subtitle-2 font-semibold"),
-					children: s
+				z && /* @__PURE__ */ w("h2", {
+					id: R,
+					className: e(a.title, "mb-2 text-subtitle-2 font-semibold"),
+					children: o
 				}),
 				n
 			]
 		})
 	}) : null;
 };
-R.displayName = "PopoverContent";
-var z = /* @__PURE__ */ Object.assign(I, {
-	Trigger: L,
-	Content: R
+F.displayName = "PopoverContent";
+var I = /* @__PURE__ */ Object.assign(N, {
+	Trigger: P,
+	Content: F
 });
 //#endregion
-export { z as Popover, R as PopoverContent, L as PopoverTrigger };
+export { I as Popover, F as PopoverContent, P as PopoverTrigger };
 
 //# sourceMappingURL=Popover.mjs.map