@mortenbrudvik/waveui 0.7.0 → 0.8.0

package/dist/components/overlays/Popover.mjs

@@ -1,31 +1,32 @@
 "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 ee } from "../../lib/slot.mjs";
-import { composeEventHandlers as i } from "../../lib/composeEventHandlers.mjs";
-import { useEventCallback as a } from "../../hooks/useEventCallback.mjs";
-import { useControllable as o } from "../../hooks/useControllable.mjs";
-import { useId as s } from "../../hooks/useId.mjs";
-import { focusElement as c, 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 { getLayerTreeElements as p } from "../../lib/layers.mjs";
-import { useDismiss as te } from "../../hooks/useDismiss.mjs";
-import { Portal as m } from "../portal/Portal.mjs";
-import { usePopupPosition as h } from "../../hooks/usePopupPosition.mjs";
-import { useRestoreFocus as g } from "../../hooks/useRestoreFocus.mjs";
-import { getTriggerFocusTarget as _, useTriggerElement as ne, useTriggerFocusRef as v } from "../../hooks/useTriggerElement.mjs";
-import { useHoverIntent as y } from "../../hooks/useHoverIntent.mjs";
-import { useContextMenuAnchor as b } from "../../hooks/useContextMenuAnchor.mjs";
-import { PopoverBeak as re, getTabbableThrough as x, usePopoverTabOrder as S } from "./Popover.shared.mjs";
-import * as C from "react";
-import { jsx as w, jsxs as T } from "react/jsx-runtime";
+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";
 //#region src/components/overlays/Popover.tsx
-var E = C.createContext(null);
-E.displayName = "PopoverContext";
-var D = null;
-function ie() {
-	return D ??= {
+var O = E.createContext(null);
+O.displayName = "PopoverContext";
+var k = null;
+function A() {
+	return k ??= {
 		open: !1,
 		setOpen: () => {},
 		contentId: "wave-popover-inert-content",
@@ -55,311 +56,312 @@ function ie() {
 		},
 		arrowStyles: {},
 		placedSide: "bottom"
-	}, D;
+	}, k;
 }
-function O(e) {
-	return C.useContext(E) || (n(e, "Popover"), ie());
+function j(e) {
+	return E.useContext(O) || (n(e, "Popover"), A());
 }
-function k(e, t) {
+function M(e, t) {
 	let n = (t ?? "").split(/\s+/).filter((t) => t && e.getElementById(t));
 	return n.length > 0 ? n.join(" ") : void 0;
 }
-function A(e, t) {
+function re(e, t) {
 	if (!e) return t;
-	let n = e.ownerDocument, r = (t ? n.getElementById(t) : null) ?? _(e) ?? e;
-	return k(n, r.getAttribute("aria-labelledby")) ?? (r.id || e.id || void 0);
+	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);
 }
-function ae(e, t) {
+function ie(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 oe = () => () => {};
-function j(e, t) {
+var N = () => () => {};
+function P(e, t) {
 	let n = e?.ownerDocument.activeElement;
-	return !e || !n ? !1 : e.contains(n) ? !0 : p(t, { includeOwnElements: !1 }).some((e) => e.contains(n));
+	return !e || !n ? !1 : e.contains(n) ? !0 : m(t, { includeOwnElements: !1 }).some((e) => e.contains(n));
 }
-function se(e) {
+function ae(e) {
 	return !!e && typeof e.nodeType == "number";
 }
-function M(e) {
+function F(e) {
 	return { get current() {
 		return e();
 	} };
 }
-function ce(e, t, n) {
-	return _(e) ?? x(e, t, n);
+function oe(e, t, n) {
+	return y(e) ?? w(e, t, n);
 }
-var N = ({ open: e, defaultOpen: t, onOpenChange: n, side: ee = "bottom", align: i = "start", ignoreOutsideRefs: p, openOnHover: m = !1, openDelay: ne = 250, closeDelay: re = 500, openOnContext: x = !1, target: T, children: D }) => {
-	let [ie, O] = o(e, t ?? !1, n), k = C.useRef(!1), A = a((e) => {
-		k.current = !1, O(e);
-	}), ae = C.useCallback(() => k.current, []), oe = f(), N = ie && oe, [P, F] = C.useState("other"), [I, L] = C.useState(!1), [le, R] = C.useState(N), z = P;
-	N !== le && (R(N), N && (z = I ? "hover" : "other")), z !== P && F(z), I && L(!1);
-	let B = s("popover-content"), [ue, V] = C.useState(void 0), H = ue ?? B, U = s("popover-trigger"), [de, 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 = se(T) ? T : null, J = C.useRef(null);
-	C.useInsertionEffect(() => {
-		J.current = ge;
-	}, [ge]);
-	let { setReference: _e, setFloating: ve, floatingProps: ye, arrowStyles: be, side: xe } = h({
+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 } = _({
 		open: N,
-		side: ee,
-		align: i,
+		side: i,
+		align: a,
 		offset: 8,
-		arrowRef: he
-	}), Se = C.useRef(null), Ce = a(() => {
-		let e = x ? Se.current?.current : null;
-		if (e && u(e)) return e;
-		let t = K.current, n = t ? _(t) : null;
+		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;
 		if (n) return n;
-		let r = J.current;
-		return r && u(r) ? r : t;
-	}), we = C.useMemo(() => M(Ce), [Ce]), Te = a((e) => !(e.ctrlKey && K.current?.contains(e.target))), { layerId: Y } = te({
+		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({
 		open: N,
-		onDismiss: () => A(!1),
-		refs: x ? [
-			q,
+		onDismiss: () => M(!1),
+		refs: C ? [
 			J,
-			...p ?? []
+			Y,
+			...o ?? []
 		] : [
-			q,
-			K,
 			J,
-			...p ?? []
+			q,
+			Y,
+			...o ?? []
 		],
-		anchorRef: we,
+		anchorRef: Ce,
 		kind: "popover",
-		outsidePress: !x || Te
-	}), X = C.useRef(!1), { anchor: Ee, fromContext: De, origin: Oe, opener: Z, triggerHandlers: ke, surfaceHandlers: Ae } = b({
-		enabled: x,
+		outsidePress: !C || we
+	}), Z = E.useRef(!1), { anchor: Te, fromContext: Ee, origin: De, opener: Q, triggerHandlers: Oe, surfaceHandlers: ke } = S({
+		enabled: C,
 		open: N,
-		trigger: G,
-		layerId: Y,
+		trigger: K,
+		layerId: X,
 		onOpen: (e) => {
-			X.current = e === "keyboard", A(!0);
+			Z.current = e === "keyboard", M(!0);
 		},
-		onClose: () => A(!1)
+		onClose: () => M(!1)
 	});
-	C.useInsertionEffect(() => {
-		Se.current = Z;
-	}, [Z]);
-	let je = v(K);
-	g({
+	E.useInsertionEffect(() => {
+		xe.current = Q;
+	}, [Q]);
+	let Ae = b(q);
+	v({
 		enabled: N,
-		container: W,
-		triggerRef: x ? void 0 : je,
-		finalFocusRef: x ? Z : void 0,
-		fallback: Ce,
+		container: G,
+		triggerRef: C ? void 0 : Ae,
+		finalFocusRef: C ? Q : void 0,
+		fallback: Se,
 		onlyIfFocusInside: !0,
-		isHoverClose: ae
-	}), C.useLayoutEffect(() => {
-		N && (k.current = !1);
+		isHoverClose: re
+	}), E.useLayoutEffect(() => {
+		N && (j.current = !1);
 	}, [N]);
-	let Me = d(K, me), Ne = d(q, pe, ve);
-	C.useLayoutEffect(() => {
-		_e(De ? Ee ?? (G && (_(G) ?? G)) : T ?? G);
+	let je = f(q, pe), Me = f(J, fe, _e);
+	E.useLayoutEffect(() => {
+		ge(Ee ? Te ?? (K && (y(K) ?? K)) : w ?? K);
 	}, [
+		Te,
 		Ee,
-		De,
-		T,
-		G,
-		_e
-	]), C.useLayoutEffect(() => {
-		if (X.current) {
+		w,
+		K,
+		ge
+	]), E.useLayoutEffect(() => {
+		if (Z.current) {
 			if (!N) {
-				X.current = !1;
+				Z.current = !1;
 				return;
 			}
-			W && (X.current = !1, c(l(W) ?? W, { preventScroll: !0 }));
+			G && (Z.current = !1, ee(u(G) ?? G, { preventScroll: !0 }));
 		}
-	}), C.useEffect(() => {
-		m && 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.");
-	}, [m, x]);
-	let Q = m && !x, Pe = a(() => z === "hover" && !j(q.current, Y)), { triggerHandlers: Fe, surfaceHandlers: Ie, cancel: Le } = y({
-		enabled: Q,
+	}), 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({
+		enabled: $,
 		open: N,
-		openDelay: ne,
-		closeDelay: re,
-		trigger: G,
-		surface: W,
+		openDelay: g,
+		closeDelay: te,
+		trigger: K,
+		surface: G,
 		onOpen: () => {
-			L(!0), A(!0);
+			z(!0), M(!0);
 		},
 		onClose: () => {
-			k.current = !0, O(!1);
+			j.current = !0, A(!1);
 		},
-		canClose: Pe
-	}), Re = a(() => {
-		Le(), N && z === "hover" ? F("other") : A((e) => !e);
-	}), $ = a(() => {
-		let e = K.current, t = x ? Z.current : null;
-		return t && e?.contains(t) ? t : e ?? J.current;
-	}), ze = C.useMemo(() => M($), [$]), Be = a((e) => {
+		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) => {
 		if (e.key !== "Tab" || e.shiftKey || !N) return;
-		if (x) {
-			let t = $();
-			if (!t || e.target !== (_(t) ?? t)) return;
+		if (C) {
+			let t = Re();
+			if (!t || e.target !== (y(t) ?? t)) return;
 		}
-		let t = q.current, n = t ? l(t) : null;
+		let t = J.current, n = t ? u(t) : null;
 		n && (e.preventDefault(), n.focus());
-	}), Ve = S({
+	}), Ve = T({
 		enabled: N,
-		surface: W,
+		surface: G,
 		anchorRef: ze,
-		getPreviousStop: ce
-	}), He = De && Oe === "keyboard", Ue = C.useMemo(() => ({
+		getPreviousStop: oe
+	}), He = Ee && De === "keyboard", Ue = E.useMemo(() => ({
 		open: N,
-		setOpen: A,
-		contentId: H,
-		setCustomContentId: V,
-		triggerId: U,
-		resolvedTriggerId: de,
-		setResolvedTriggerId: fe,
-		triggerRef: K,
-		triggerElement: G,
-		triggerElementRef: Me,
-		surfaceElementRef: Ne,
-		arrowRef: he,
-		onTriggerClick: Re,
+		setOpen: M,
+		contentId: U,
+		setCustomContentId: le,
+		triggerId: ue,
+		resolvedTriggerId: W,
+		setResolvedTriggerId: de,
+		triggerRef: q,
+		triggerElement: K,
+		triggerElementRef: je,
+		surfaceElementRef: Me,
+		arrowRef: me,
+		onTriggerClick: Le,
 		onTriggerKeyDown: Be,
-		hoverTriggerHandlers: Q ? Fe : null,
-		hoverSurfaceHandlers: Q ? Ie : null,
-		contextMode: x,
-		contextTriggerHandlers: x ? ke : null,
-		onContentContextMenu: Ae.onContextMenu,
+		hoverTriggerHandlers: $ ? Pe : null,
+		hoverSurfaceHandlers: $ ? Fe : null,
+		contextMode: C,
+		contextTriggerHandlers: C ? Oe : null,
+		onContentContextMenu: ke.onContextMenu,
 		keyboardContext: He,
 		onContentKeyDown: Ve,
-		layerId: Y,
-		floatingProps: ye,
-		arrowStyles: be,
-		placedSide: xe
+		layerId: X,
+		floatingProps: ve,
+		arrowStyles: ye,
+		placedSide: be
 	}), [
 		N,
-		A,
-		H,
+		M,
 		U,
-		de,
-		G,
+		ue,
+		W,
+		K,
+		je,
 		Me,
-		Ne,
-		Re,
+		Le,
 		Be,
-		Q,
+		$,
+		Pe,
 		Fe,
-		Ie,
-		x,
+		C,
+		Oe,
 		ke,
-		Ae,
 		He,
 		Ve,
-		Y,
+		X,
+		ve,
 		ye,
-		be,
-		xe
+		be
 	]);
-	return /* @__PURE__ */ w(E.Provider, {
+	return /* @__PURE__ */ D(O.Provider, {
 		value: Ue,
-		children: D
+		children: ne
 	});
 };
-N.displayName = "Popover";
-var P = ({ children: e, asChild: t, id: n, onClick: r, onKeyDown: ee, onContextMenu: a, onPointerEnter: o, onPointerMove: s, onPointerLeave: c, ref: l, ...u }) => {
-	let { open: f, contentId: p, triggerId: te, triggerElementRef: m, setResolvedTriggerId: h, onTriggerClick: g, onTriggerKeyDown: _, hoverTriggerHandlers: v, contextMode: y, contextTriggerHandlers: b } = O("Popover.Trigger"), re = d(l, m), x = {
+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 ?? te,
+		id: n ?? m,
 		"aria-haspopup": "dialog",
-		"aria-expanded": !y && f,
-		"aria-controls": f && !y ? p : void 0,
-		onClick: i(r, y ? void 0 : g),
-		onKeyDown: i(ee, b ? i(b.onKeyDown, _) : _),
-		onContextMenu: b ? i(a, b.onContextMenu) : a,
-		onPointerEnter: v ? i(o, v.onPointerEnter) : o,
-		onPointerMove: v ? i(s, v.onPointerMove) : s,
-		onPointerLeave: v ? i(c, v.onPointerLeave) : c,
-		ref: re
+		"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
 	};
-	return ne(e, x, {
+	return te(e, C, {
 		componentName: "Popover.Trigger",
 		asChild: t,
-		onResolvedId: h,
-		omitStateAria: y
+		onResolvedId: g,
+		omitStateAria: b
 	});
 };
-P.displayName = "PopoverTrigger";
-var F = ({ children: n, title: a, id: o, className: c, style: l, "aria-label": u, "aria-labelledby": f, onKeyDown: p, onContextMenu: te, onPointerEnter: h, onPointerLeave: g, ref: _, ...ne }) => {
-	let { open: v, contentId: y, setCustomContentId: b, resolvedTriggerId: x, triggerRef: S, triggerElement: E, surfaceElementRef: D, arrowRef: ie, layerId: k, floatingProps: j, arrowStyles: se, placedSide: M, onContentKeyDown: ce, hoverSurfaceHandlers: N, contextMode: P, onContentContextMenu: F, keyboardContext: I } = O("Popover.Content"), L = s("popover-title"), le = d(_, D), R = ee(a), z = f === void 0 && !u && !R, B = v && z && !P, ue = C.useCallback((e) => {
-		if (!B || !E || typeof MutationObserver > "u") return oe();
+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();
 		let t = new MutationObserver(e);
-		return t.observe(E, {
+		return t.observe(O, {
 			attributes: !0,
 			attributeFilter: ["id", "aria-labelledby"],
 			childList: !0,
 			subtree: !0
 		}), () => t.disconnect();
-	}, [B, E]), V = C.useSyncExternalStore(ue, () => B ? A(E, x) : void 0, () => B ? x : void 0), H = f ?? (u ? void 0 : R ? L : V), U = o || void 0;
-	return C.useEffect(() => (b(U), () => b(void 0)), [U, b]), C.useEffect(() => {
-		v && z && P && 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`.");
+	}, [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,
-		z,
-		P
-	]), C.useEffect(() => {
-		if (!B || !t) return;
-		let e = S.current;
+		b,
+		V,
+		L
+	]), E.useEffect(() => {
+		if (!H || !t) return;
+		let e = T.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 = A(e, x);
-		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`.");
+		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`.");
 	}, [
-		B,
-		x,
-		S,
-		V
-	]), v ? /* @__PURE__ */ w(m, {
-		layerId: k,
-		children: /* @__PURE__ */ T("div", {
+		H,
+		w,
+		T,
+		U
+	]), b ? /* @__PURE__ */ D(g, {
+		layerId: M,
+		children: /* @__PURE__ */ ne("div", {
 			role: "dialog",
-			"aria-label": u,
-			"aria-labelledby": H,
-			tabIndex: I ? -1 : void 0,
-			...ne,
-			ref: le,
-			id: U ?? y,
-			"data-side": j["data-side"],
-			"data-align": j["data-align"],
+			"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"],
 			style: {
-				...l,
-				...j.style
+				...u,
+				...P.style
 			},
-			onKeyDown: i(p, ce),
-			onContextMenu: i(te, F),
-			onPointerEnter: N ? i(h, N.onPointerEnter) : h,
-			onPointerLeave: N ? i(g, N.onPointerLeave) : g,
-			className: e("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", c),
+			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),
 			children: [
-				/* @__PURE__ */ w(re, {
-					ref: ie,
-					side: M,
-					style: se,
-					"data-wave-popover-arrow": ""
+				/* @__PURE__ */ D(C, {
+					ref: A,
+					side: F,
+					style: ae,
+					"data-wave-popover-arrow": "",
+					className: o.beak
 				}),
-				R && /* @__PURE__ */ w("h2", {
-					id: L,
-					className: "mb-2 text-subtitle-2 font-semibold",
-					children: a
+				B && /* @__PURE__ */ D("h2", {
+					id: se,
+					className: e(o.title, "mb-2 text-subtitle-2 font-semibold"),
+					children: s
 				}),
 				n
 			]
 		})
 	}) : null;
 };
-F.displayName = "PopoverContent";
-var I = /* @__PURE__ */ Object.assign(N, {
-	Trigger: P,
-	Content: F
+R.displayName = "PopoverContent";
+var z = /* @__PURE__ */ Object.assign(I, {
+	Trigger: L,
+	Content: R
 });
 //#endregion
-export { I as Popover, F as PopoverContent, P as PopoverTrigger };
+export { z as Popover, R as PopoverContent, L as PopoverTrigger };
 
 //# sourceMappingURL=Popover.mjs.map