solid-baseui 0.1.0-alpha.0 → 0.1.0-alpha.2

package/dist/lib/client/popover-Cmvmuf1L.js

@@ -0,0 +1,940 @@
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { t } from "./useRender-CxZ8PI-g.js";
+import { getStateAttributesProps as n } from "./internals/getStateAttributesProps.js";
+import { d as r, i } from "./reasons-Co5CzjKq.js";
+import { n as a, t as o } from "./resolveStyle-XcgAuaKR.js";
+import { createChangeEventDetails as s } from "./internals/createBaseUIEventDetails.js";
+import { composeEventHandlers as c, liveEventHandler as l } from "./internals/composeEventHandlers.js";
+import { t as u } from "./runOnceAnimationsFinish-CFADb4CN.js";
+import { l as d } from "./dom-lDdayFF_.js";
+import { t as f } from "./PopupViewport-BanYHrD-.js";
+import { t as p } from "./createAnchorPositioning-DCXIApS1.js";
+import { t as m } from "./InternalBackdrop-B8_lfUvf.js";
+import { t as h } from "./createAnchoredPopupScrollLock-BxKpJbCE.js";
+import { t as g } from "./createClickInteraction-BeBsTqtY.js";
+import { c as _, i as v, n as y, r as b, s as x, t as S } from "./FloatingTree-23B7KKPD.js";
+import { a as C, n as w, o as T, t as E } from "./PopupStore-BjRwcvbG.js";
+import { n as D, r as O, t as k } from "./safePolygon-DVAR5dQD.js";
+import { a as ee, i as te, n as A, o as j, r as M } from "./popupStateMapping-nhukB8NK.js";
+import { t as ne } from "./FocusManager-q7z7PMV1.js";
+import { i as N, n as re, r as ie, t as ae } from "./PopupHandle-DyX5gY1e.js";
+import { t as oe } from "./setRef-fXF6OIo3.js";
+import { t as se } from "./TriggerFocusGuards-Fzspp3Y1.js";
+import { a as P, i as ce, n as le, r as F, t as ue } from "./buttonSemantics-paljfpOX.js";
+import { n as de } from "./DirectionContext-BwMabICS.js";
+import { n as fe } from "./ToolbarRootContext-88yZoAOy.js";
+import { createComponent as I, getNextElement as L, memo as R, mergeProps as z, runHydrationEvents as B, spread as V, template as H } from "@solidjs/web";
+import { $REFRESH as pe, Show as U, createContext as W, createEffect as G, createMemo as K, createSignal as q, createUniqueId as J, omit as Y, onCleanup as X, untrack as Z, useContext as Q } from "solid-js";
+//#region src/popover/store/PopoverStore.ts
+var me = class extends E {
+	triggerData = /* @__PURE__ */ new Map();
+	openMethodAccessor;
+	setOpenMethodSignal;
+	openReasonAccessor;
+	setOpenReason;
+	instantTypeAccessor;
+	setInstantTypeSignal;
+	stickIfOpenAccessor;
+	setStickIfOpenSignal;
+	focusManagerModalAccessor;
+	setFocusManagerModalSignal;
+	disabledAccessor;
+	setDisabledSignal;
+	openOnHoverAccessor;
+	setOpenOnHoverSignal;
+	patientClickTimer;
+	constructor(e = {}) {
+		super(e);
+		let [t, n] = q(null, { ownedWrite: !0 });
+		this.openMethodAccessor = t, this.setOpenMethodSignal = n;
+		let [r, i] = q(null, { ownedWrite: !0 });
+		this.openReasonAccessor = r, this.setOpenReason = i;
+		let [a, o] = q(void 0, { ownedWrite: !0 });
+		this.instantTypeAccessor = a, this.setInstantTypeSignal = o;
+		let [s, c] = q(!0, { ownedWrite: !0 });
+		this.stickIfOpenAccessor = s, this.setStickIfOpenSignal = c;
+		let [l, u] = q(!1, { ownedWrite: !0 });
+		this.focusManagerModalAccessor = l, this.setFocusManagerModalSignal = u;
+		let [d, f] = q(!1, { ownedWrite: !0 });
+		this.disabledAccessor = d, this.setDisabledSignal = f;
+		let [p, m] = q(!1, { ownedWrite: !0 });
+		this.openOnHoverAccessor = p, this.setOpenOnHoverSignal = m;
+	}
+	openMethod() {
+		return this.openMethodAccessor();
+	}
+	setOpenMethod(e) {
+		this.setOpenMethodSignal(e);
+	}
+	openChangeReason() {
+		return this.openReasonAccessor();
+	}
+	instantType() {
+		return this.instantTypeAccessor();
+	}
+	setInstantType(e) {
+		this.setInstantTypeSignal(e);
+	}
+	stickIfOpen() {
+		return this.stickIfOpenAccessor();
+	}
+	focusManagerModal() {
+		return this.focusManagerModalAccessor();
+	}
+	setFocusManagerModal(e) {
+		this.setFocusManagerModalSignal(e);
+	}
+	disabled() {
+		return this.disabledAccessor();
+	}
+	openOnHover() {
+		return this.openOnHoverAccessor();
+	}
+	closeDelay() {
+		return this.track().closeDelay;
+	}
+	floatingElement() {
+		let e = this.track();
+		return e.positionerElement ?? e.popupElement;
+	}
+	setTriggerData(e, t) {
+		this.triggerData.set(e, t);
+	}
+	removeTriggerData(e) {
+		this.triggerData.delete(e);
+	}
+	syncTriggerData(e = this.activeTriggerId(), t = this.open()) {
+		let n = this.triggerData.get(e ?? "");
+		this.setDisabledSignal(n?.disabled ?? !1), this.setOpenOnHoverSignal(n?.openOnHover ?? !1), this.set("closeDelay", n?.closeDelay ?? 0), n && t && this.set("payload", n.payload);
+	}
+	resetAfterUnmount() {
+		clearTimeout(this.patientClickTimer), this.setStickIfOpenSignal(!0), this.setOpenReason(null);
+	}
+	dispose() {
+		clearTimeout(this.patientClickTimer);
+	}
+	reconcileTriggers() {
+		super.reconcileTriggers(), this.syncTriggerData();
+	}
+	setOpen(e, t) {
+		return !e && t.reason === "close-press" && t.trigger == null && this.activeTriggerId() != null && (t.trigger = this.context.triggerElements.getById(this.activeTriggerId()) ?? this.state.activeTriggerElement ?? void 0), super.setOpen(e, t) ? (this.setOpenReason(t.reason), t.reason === "trigger-hover" ? (this.setStickIfOpenSignal(!0), clearTimeout(this.patientClickTimer), this.patientClickTimer = setTimeout(() => this.setStickIfOpenSignal(!1), 500)) : e || clearTimeout(this.patientClickTimer), t.reason === "trigger-press" && t.event instanceof MouseEvent && t.event.detail === 0 ? this.setInstantTypeSignal("click") : !e && (t.reason === "escape-key" || t.reason === "none") ? this.setInstantTypeSignal("dismiss") : t.reason === "focus-out" ? this.setInstantTypeSignal("focus") : this.setInstantTypeSignal(void 0), this.syncTriggerData(), !0) : !1;
+	}
+}, he = class extends re {
+	openMethod() {
+		return null;
+	}
+	setOpenMethod(e) {}
+	openChangeReason() {
+		return null;
+	}
+	instantType() {}
+	setInstantType(e) {}
+	stickIfOpen() {
+		return !0;
+	}
+	focusManagerModal() {
+		return !1;
+	}
+	setFocusManagerModal(e) {}
+	disabled() {
+		return !1;
+	}
+	openOnHover() {
+		return !1;
+	}
+	closeDelay() {
+		return 0;
+	}
+	floatingElement() {
+		return null;
+	}
+	isMountedByTrigger(e) {
+		return !1;
+	}
+	setTriggerData(e, t) {}
+	removeTriggerData(e) {}
+	syncTriggerData(e, t) {}
+}, ge = Symbol("PopoverRootContext"), _e = W(ge);
+function $(e = !1) {
+	let t = Q(_e);
+	if (t === ge) {
+		if (e) return;
+		throw Error("Base UI: PopoverRootContext is missing. Popover parts must be placed within <Popover.Root>.");
+	}
+	return t;
+}
+//#endregion
+//#region src/popover/root/PopoverRoot.tsx
+function ve(e) {
+	let t = _(), n = x(), i = t ?? new b(), a = J(), o = J(), c = Z(() => e.open !== void 0), l = Z(() => e.triggerId !== void 0), u = K(() => e.modal ?? !1), d = new me({
+		controlledOpen: () => c ? e.open : void 0,
+		controlledTriggerId: () => l ? e.triggerId : void 0,
+		floatingId: o,
+		nested: n !== null,
+		nodeId: a,
+		onOpenChange: () => e.onOpenChange,
+		onOpenChangeComplete: () => e.onOpenChangeComplete
+	});
+	d.update({
+		open: c ? !!Z(() => e.open) : !!Z(() => e.defaultOpen),
+		activeTriggerId: Z(() => e.defaultTriggerId ?? null)
+	});
+	let f = d.access((e) => e.payload), p = v({
+		tree: i,
+		id: a,
+		parentId: n,
+		context: () => d.context.floatingRoot
+	}), [m, h] = q(), [g, w] = q(), [E, D] = q(null, { ownedWrite: !0 }), [O, k] = q(null, { ownedWrite: !0 }), [ee, te] = q(null, { ownedWrite: !0 }), [A, j] = q(null, { ownedWrite: !0 }), M = C(d, () => d.track().popupElement, { onUnmount: () => d.resetAfterUnmount() }), ne = {
+		store: d,
+		tree: i,
+		modal: u,
+		titleId: m,
+		setTitleId: h,
+		descriptionId: g,
+		setDescriptionId: w,
+		backdropElement: E,
+		setBackdropElement: D,
+		internalBackdropElement: O,
+		setInternalBackdropElement: k,
+		beforeContentGuard: ee,
+		setBeforeContentGuard: te,
+		afterTriggerGuard: A,
+		setAfterTriggerGuard: j,
+		presence: M
+	};
+	d.context.floatingRoot.context.data.insideElements = () => [E(), O()], d.configureTriggerUnmount({ closeOnActiveTriggerUnmount: !1 }), ie(() => e.handle, d);
+	let N = T({
+		context: d.context.floatingRoot,
+		tree: () => i,
+		outsidePressEvent: () => ({
+			mouse: u() === "trap-focus" ? "sloppy" : "intentional",
+			touch: "sloppy"
+		})
+	});
+	d.setInteractionProps({
+		activeTriggerProps: { onKeyDown: N.onKeyDown },
+		inactiveTriggerProps: { onKeyDown: N.onKeyDown },
+		popupProps: { onKeyDown: N.onKeyDown }
+	}), G(() => ({
+		open: d.open(),
+		activeTriggerId: d.activeTriggerId()
+	}), () => Z(() => d.reconcileTriggers()));
+	let re = {
+		unmount: M.forceUnmount,
+		close() {
+			d.setOpen(!1, s(r));
+		}
+	};
+	G(() => e.actionsRef, (e) => {
+		e?.(re);
+	});
+	function ae() {
+		let t = K(() => e.children), n = Z(t), r = n;
+		return typeof n == "function" && (r = n.name === "bound read" && Object.prototype.hasOwnProperty.call(n, pe) ? R(() => t()) : Z(() => n({ payload: f }))), r;
+	}
+	return X(() => {
+		d.dispose(), d.clearInteractionProps(), delete d.context.floatingRoot.context.data.insideElements;
+	}), I(_e, {
+		value: ne,
+		get children() {
+			return I(y, {
+				value: i,
+				get children() {
+					return I(S, {
+						get value() {
+							return p.id ?? null;
+						},
+						get children() {
+							return I(ae, {});
+						}
+					});
+				}
+			});
+		}
+	});
+}
+//#endregion
+//#region src/popover/trigger/PopoverTrigger.tsx
+var ye = /* @__PURE__ */ H("<button>");
+function be(e) {
+	let r = $(!0), i = e;
+	if (!r && !Z(() => i.handle)) throw Error("Base UI: <Popover.Trigger> must be either used within a <Popover.Root> component or provided with a handle.");
+	let s = e, u = `base-ui-${J()}`, d = K(() => i.id || u), f = K(() => i.disabled ?? !1), p = K(() => i.nativeButton ?? !0), m = K(() => i.openOnHover ?? !1), h = K(() => i.delay ?? 300), g = K(() => i.closeDelay ?? 0), [_, v] = q(null, { ownedWrite: !0 }), y = N(() => i.handle), b = K(() => y() ?? r?.store), x = K(() => {
+		let e = b();
+		return e instanceof me ? e : void 0;
+	}), S = K(() => {
+		let e = b();
+		return !!(e?.open() && e.activeTriggerId() === d());
+	}), C = K(() => ({
+		disabled: f(),
+		open: S()
+	})), T = t(e, () => C(), (e) => (() => {
+		var t = L(ye);
+		return V(t, e, !1), B(), t;
+	})()), E = K(() => a(e.class, C())), D = K(() => o(e.style, C())), O = K(() => n(C(), b()?.openChangeReason() === "trigger-press" ? te : ee)), k = Y(s, "render", "class", "closeDelay", "delay", "disabled", "handle", "id", "nativeButton", "onClick", "onKeyDown", "onKeyUp", "onMouseDown", "onPointerDown", "openOnHover", "payload", "ref", "style"), A, j = "", M = "";
+	w(b, d, _, () => ({ payload: i.payload }));
+	let ne = K(() => ({
+		payload: i.payload,
+		disabled: f(),
+		openOnHover: m(),
+		closeDelay: g()
+	}));
+	G(() => {
+		let e = b();
+		return e ? {
+			store: e,
+			id: d(),
+			data: ne(),
+			activeId: e.activeTriggerId(),
+			open: e.open()
+		} : void 0;
+	}, (e) => {
+		if (e) return e.store.setTriggerData(e.id, e.data), e.store.syncTriggerData(e.activeId, e.open), () => e.store.removeTriggerData(e.id);
+	});
+	function re(e) {
+		j = e.pointerType, A?.onPointerDown(e);
+	}
+	function ie(e) {
+		A?.onMouseDown(e);
+	}
+	function ae() {
+		M = j, j = "";
+	}
+	function oe(e) {
+		let t = x();
+		t && (t.open() || t.setOpenMethod(M || (e.detail === 0 ? "keyboard" : Se() ? "touch" : "mouse")), A?.onClick(e));
+	}
+	function de(e) {
+		j = "keyboard";
+		let t = b(), n = t?.state.popupElement, r = t ? t.state[t.activeTriggerId() === d() ? "activeTriggerProps" : "inactiveTriggerProps"].onKeyDown : void 0, i = e.currentTarget;
+		n && i && n.ownerDocument !== i.ownerDocument && typeof r == "function" && r(e);
+	}
+	let fe = c(l(() => Z(() => f() ? F : void 0)), ae, l(() => i.onClick), oe), H = c(l(() => Z(() => f() ? F : void 0)), l(() => i.onPointerDown), re), pe = c(l(() => Z(() => f() ? P : void 0)), l(() => i.onMouseDown), ie), W = c(l(() => Z(() => f() ? ce : void 0)), l(() => i.onKeyDown), de, l(() => Z(() => p() ? void 0 : ue))), X = c(l(() => Z(() => f() ? P : void 0)), l(() => i.onKeyUp), l(() => Z(() => p() ? void 0 : le)));
+	function Q() {
+		return I(U, {
+			keyed: !0,
+			get when() {
+				return x();
+			},
+			children: (e) => I(xe, {
+				store: e,
+				element: _,
+				id: d,
+				disabled: f,
+				openOnHover: m,
+				delay: h,
+				closeDelay: g,
+				tree: () => r?.tree,
+				setClickHandlers: (e) => A = e
+			})
+		});
+	}
+	let he = I(T, z({
+		ref: [((e) => v(e)), i.ref],
+		get id() {
+			return d();
+		},
+		get type() {
+			return p() ? "button" : void 0;
+		},
+		get role() {
+			return p() ? void 0 : "button";
+		},
+		get tabIndex() {
+			return !p() && f() ? -1 : 0;
+		},
+		get disabled() {
+			return (R(() => !!p())() ? f() : p()) || void 0;
+		},
+		get "aria-disabled"() {
+			return !p() && f() ? "true" : void 0;
+		},
+		"aria-haspopup": "dialog",
+		get "aria-expanded"() {
+			return S() ? "true" : "false";
+		},
+		get "aria-controls"() {
+			return b()?.triggerPopupId(d());
+		},
+		"data-base-ui-click-trigger": "",
+		get "data-trigger-disabled"() {
+			return f() ? "" : void 0;
+		},
+		get class() {
+			return E();
+		},
+		get style() {
+			return D();
+		},
+		onClick: fe,
+		onKeyDown: W,
+		onKeyUp: X,
+		onMouseDown: pe,
+		onPointerDown: H
+	}, O, k));
+	return [I(Q, {}), I(U, {
+		get when() {
+			return x();
+		},
+		fallback: he,
+		children: (e) => I(se, {
+			get context() {
+				return e().context.floatingRoot;
+			},
+			get enabled() {
+				return R(() => !!e().isMountedByTrigger(d()))() ? !e().focusManagerModal() : e().isMountedByTrigger(d());
+			},
+			trigger: _,
+			positioner: () => e().track().positionerElement,
+			beforeContentGuard: () => r?.beforeContentGuard() ?? null,
+			afterGuardRef: (e) => r?.setAfterTriggerGuard(e),
+			children: he
+		})
+	})];
+}
+function xe(e) {
+	let t = Z(() => e.store), n = Z(() => e.setClickHandlers), r = Z(() => e.element), i = Z(() => e.tree), a = Z(() => e.delay);
+	return n(g({
+		context: t.context.floatingRoot,
+		enabled: () => !e.disabled(),
+		stickIfOpen: () => t.stickIfOpen()
+	})), X(() => n(void 0)), O({
+		context: t.context.floatingRoot,
+		reference: r,
+		floating: () => t.floatingElement(),
+		tree: i,
+		enabled: () => !e.disabled() && e.openOnHover() && (t.openMethod() !== "touch" || t.openChangeReason() !== "trigger-press"),
+		floatingEnabled: () => !1,
+		delay: () => ({ close: e.closeDelay() }),
+		restMs: a,
+		restOnly: () => !0,
+		handleClose: () => k(),
+		mouseOnly: () => !0
+	}), null;
+}
+function Se() {
+	if (typeof navigator > "u") return !1;
+	let e = navigator.platform.toLowerCase();
+	return /^i(os$|p)/.test(e) || e === "macintel" && navigator.maxTouchPoints > 1;
+}
+//#endregion
+//#region src/popover/portal/PopoverPortalContext.ts
+var Ce = Symbol("PopoverPortalContext"), we = W(Ce);
+function Te() {
+	let e = Q(we);
+	if (e === Ce) throw Error("Base UI: <Popover.Portal> is missing.");
+	return e;
+}
+//#endregion
+//#region src/popover/portal/PopoverPortal.tsx
+function Ee(e) {
+	let t = $(), n = e, r = e, i = K(() => n.keepMounted ?? !1), s = K(() => t.presence.mounted() || i()), c = {}, l = K(() => a(e.class, c)), u = K(() => o(e.style, c)), d = Y(r, "render", "class", "container", "keepMounted", "ref", "style"), f = { keepMounted: i };
+	return I(U, {
+		get when() {
+			return s();
+		},
+		get children() {
+			return I(we, {
+				value: f,
+				get children() {
+					return I(j, z({
+						get render() {
+							return e.render;
+						},
+						get container() {
+							return n.container;
+						},
+						ref: (e) => {
+							n.ref && oe(n.ref, e);
+						},
+						get class() {
+							return l();
+						},
+						get style() {
+							return u();
+						}
+					}, d, { get children() {
+						return e.children;
+					} }));
+				}
+			});
+		}
+	});
+}
+//#endregion
+//#region src/popover/utils/mergePopoverStyles.ts
+function De(e, t) {
+	if (typeof t == "string") {
+		let n = Object.entries(e).filter((e) => e[1] != null).map(([e, t]) => `${e}:${String(t)}`).join(";");
+		return n ? `${n};${t}` : t;
+	}
+	return {
+		...e,
+		...t || void 0
+	};
+}
+//#endregion
+//#region src/popover/utils/stateAttributesMapping.ts
+var Oe = A, ke = M, Ae = { activationDirection: (e) => e ? { "data-activation-direction": e } : null }, je = Symbol("PopoverPositionerContext"), Me = W(je);
+function Ne() {
+	let e = Q(Me);
+	if (e === je) throw Error("Base UI: <Popover.Positioner> is missing.");
+	return e;
+}
+//#endregion
+//#region src/popover/positioner/PopoverPositioner.tsx
+var Pe = /* @__PURE__ */ H("<div>");
+function Fe(e) {
+	Te();
+	let r = $(), i = de(), s = e, c = e, [l, d] = q(null, { ownedWrite: !0 }), f = K(() => Ie(s.anchor) ?? r.store.context.floatingRoot.referenceElement()), g = p({
+		reference: f,
+		floating: l,
+		mounted: r.presence.mounted,
+		direction: i,
+		positionMethod: () => s.positionMethod ?? "absolute",
+		side: () => s.side ?? "bottom",
+		sideOffset: () => s.sideOffset ?? 0,
+		align: () => s.align ?? "center",
+		alignOffset: () => s.alignOffset ?? 0,
+		collisionBoundary: () => s.collisionBoundary ?? "clipping-ancestors",
+		collisionPadding: () => s.collisionPadding ?? 5,
+		arrowPadding: () => s.arrowPadding ?? 5,
+		sticky: () => s.sticky ?? !1,
+		disableAnchorTracking: () => s.disableAnchorTracking ?? !1,
+		collisionAvoidance: () => s.collisionAvoidance ?? { fallbackAxisSide: "end" },
+		adaptiveOriginMiddleware: () => r.store.track().adaptiveOriginMiddleware
+	}), _ = D(() => r.store.open(), () => g.state().isPositioned), v = K(() => ({
+		open: r.store.open(),
+		side: g.renderedSide(),
+		align: g.renderedAlign(),
+		anchorHidden: g.anchorHidden(),
+		instant: r.store.instantType() ?? (_() ? "initial" : void 0)
+	})), y = t(e, () => v(), (e) => (() => {
+		var t = L(Pe);
+		return V(t, e, !1), B(), t;
+	})()), b = K(() => a(e.class, v())), x = K(() => De({
+		...g.styles(),
+		"pointer-events": r.store.open() ? void 0 : "none"
+	}, o(e.style, v()))), S = K(() => n(v(), Oe)), C = Y(c, "align", "alignOffset", "anchor", "arrowPadding", "render", "class", "collisionAvoidance", "collisionBoundary", "collisionPadding", "disableAnchorTracking", "positionMethod", "ref", "side", "sideOffset", "sticky", "style"), w = K(() => r.modal() === !0 && r.store.openChangeReason() !== "trigger-hover"), T = null, E;
+	h({
+		enabled: () => r.store.open() && w(),
+		touchOpen: () => r.store.openMethod() === "touch",
+		positioner: l,
+		reference: () => r.store.track().activeTriggerElement
+	}), G(() => g.state().placement, (e) => {
+		r.store.context.floatingRoot.context.data.placement = e;
+	});
+	let O = K(() => r.store.open() ? r.store.track().activeTriggerElement : null);
+	G(() => ({
+		trigger: O(),
+		positioner: l()
+	}), ({ trigger: e, positioner: t }) => {
+		let n = T;
+		if (e && (T = e), !n || !e || n === e || !t) return;
+		r.store.setInstantType(void 0), E?.abort();
+		let i = new AbortController();
+		return E = i, u(t, () => r.store.setInstantType("trigger-change"), i.signal), () => i.abort();
+	}), X(() => {
+		E?.abort(), delete r.store.context.floatingRoot.context.data.placement, r.store.state.positionerElement === Z(l) && r.store.setPositionerElement(null);
+	});
+	function k() {
+		let e = null;
+		return X(() => {
+			r.internalBackdropElement() === e && r.setInternalBackdropElement(null);
+		}), I(m, {
+			ref: (t) => {
+				e = t, r.setInternalBackdropElement(t);
+			},
+			get cutout() {
+				return r.store.track().activeTriggerElement;
+			},
+			get open() {
+				return r.store.open();
+			}
+		});
+	}
+	return I(Me, {
+		value: g,
+		get children() {
+			return [I(U, {
+				get when() {
+					return R(() => !!r.presence.mounted())() ? w() : r.presence.mounted();
+				},
+				get children() {
+					return I(k, {});
+				}
+			}), I(y, z({
+				ref: [((e) => {
+					d(e), r.store.setPositionerElement(e);
+				}), s.ref],
+				role: "presentation",
+				get hidden() {
+					return !r.presence.mounted();
+				},
+				get class() {
+					return b();
+				},
+				get style() {
+					return x();
+				}
+			}, S, C))];
+		}
+	});
+}
+function Ie(e) {
+	return typeof e == "function" ? e() : e && "current" in e ? e.current : e;
+}
+//#endregion
+//#region src/popover/utils/ClosePartContext.ts
+var Le = Symbol("PopoverClosePartContext"), Re = W(Le);
+function ze() {
+	let [e, t] = q(0, { ownedWrite: !0 });
+	return {
+		hasClosePart: () => e() > 0,
+		register() {
+			t((e) => e + 1);
+			let e = !0;
+			return () => {
+				e && (e = !1, t((e) => Math.max(0, e - 1)));
+			};
+		}
+	};
+}
+function Be() {
+	let e = Q(Re);
+	if (e === Le) return;
+	let t = e.register();
+	X(t);
+}
+//#endregion
+//#region src/popover/popup/PopoverPopup.tsx
+var Ve = /* @__PURE__ */ H("<div>"), He = /* @__PURE__ */ new Set([
+	"ArrowUp",
+	"ArrowDown",
+	"ArrowLeft",
+	"ArrowRight",
+	"Home",
+	"End"
+]);
+function Ue(e) {
+	let r = $(), i = Ne(), s = fe(!0) !== void 0, u = ze(), f = e, p = e, m = K(() => ({
+		open: r.store.open(),
+		side: i.renderedSide(),
+		align: i.renderedAlign(),
+		transitionStatus: r.store.track().transitionStatus,
+		instant: r.store.instantType()
+	})), h = t(e, () => m(), (e) => (() => {
+		var t = L(Ve);
+		return V(t, e, !1), B(), t;
+	})()), g = K(() => a(e.class, m())), _ = K(() => o(e.style, m())), v = K(() => n(m(), ke)), y = K(() => f.id ?? r.store.context.floatingId), b = K(() => r.modal() !== !1 && u.hasClosePart()), x = K(() => f.initialFocus ?? ((e) => e !== "touch" || r.store.state.popupElement)), S = Y(p, "render", "class", "finalFocus", "id", "initialFocus", "onKeyDown", "ref", "style"), C = c(l(() => f.onKeyDown), (e) => {
+		let t = r.store.state.popupProps.onKeyDown;
+		typeof t == "function" && t(e);
+	}, (e) => {
+		s && He.has(e.key) && e.stopPropagation();
+	}), w = null;
+	O({
+		context: r.store.context.floatingRoot,
+		reference: () => r.store.track().activeTriggerElement,
+		floating: () => r.store.track().positionerElement,
+		tree: () => r.tree,
+		enabled: () => !1,
+		floatingEnabled: () => r.store.openOnHover() && !r.store.disabled(),
+		delay: () => ({ close: r.store.closeDelay() }),
+		handleClose: () => k(),
+		mouseOnly: () => !0
+	}), G(() => y(), (e) => r.store.setPopupId(e)), G(() => b(), (e) => r.store.setFocusManagerModal(e)), X(() => {
+		r.store.setFocusManagerModal(!1), r.store.state.popupElement === w && r.store.setPopupElement(null);
+	});
+	function T() {
+		return I(h, z({
+			ref: [((e) => {
+				w = e, r.store.setPopupElement(e);
+			}), f.ref],
+			get id() {
+				return y();
+			},
+			role: "dialog",
+			tabIndex: -1,
+			"data-base-ui-focusable": "",
+			get "aria-labelledby"() {
+				return r.titleId();
+			},
+			get "aria-describedby"() {
+				return r.descriptionId();
+			},
+			get class() {
+				return g();
+			},
+			get style() {
+				return _();
+			},
+			onKeyDown: C
+		}, v, S));
+	}
+	return I(ne, {
+		get context() {
+			return r.store.context.floatingRoot;
+		},
+		get tree() {
+			return r.tree;
+		},
+		get disabled() {
+			return !r.presence.mounted() || r.store.openChangeReason() === "trigger-hover";
+		},
+		get initialFocus() {
+			return x();
+		},
+		get returnFocus() {
+			return f.finalFocus;
+		},
+		get modal() {
+			return b();
+		},
+		restoreFocus: "popup",
+		get openInteractionType() {
+			return r.store.openMethod();
+		},
+		get previousFocusableElement() {
+			return R(() => !!d(r.store.track().activeTriggerElement))() ? r.store.track().activeTriggerElement : null;
+		},
+		get nextFocusableElement() {
+			return r.afterTriggerGuard;
+		},
+		get beforeContentGuardRef() {
+			return r.setBeforeContentGuard;
+		},
+		get children() {
+			return I(Re, {
+				value: u,
+				get children() {
+					return I(T, {});
+				}
+			});
+		}
+	});
+}
+//#endregion
+//#region src/popover/arrow/PopoverArrow.tsx
+var We = /* @__PURE__ */ H("<div>");
+function Ge(e) {
+	let r = $(), i = Ne(), s = e, c = e, l = K(() => ({
+		open: r.store.open(),
+		side: i.renderedSide(),
+		align: i.renderedAlign(),
+		uncentered: i.arrowUncentered()
+	})), u = t(e, () => l(), (e) => (() => {
+		var t = L(We);
+		return V(t, e, !1), B(), t;
+	})()), d = K(() => a(e.class, l())), f = K(() => De(i.arrowStyles(), o(e.style, l()))), p = K(() => n(l(), A)), m = Y(c, "render", "class", "ref", "style"), h = null;
+	return X(() => {
+		h && i.setArrowElement(null);
+	}), I(u, z({
+		ref: [((e) => {
+			h = e, i.setArrowElement(e);
+		}), s.ref],
+		"aria-hidden": "true",
+		get class() {
+			return d();
+		},
+		get style() {
+			return f();
+		}
+	}, p, m));
+}
+//#endregion
+//#region src/popover/backdrop/PopoverBackdrop.tsx
+var Ke = /* @__PURE__ */ H("<div>");
+function qe(e) {
+	let r = $(), i = e, s = e, c = K(() => ({
+		open: r.store.open(),
+		transitionStatus: r.store.track().transitionStatus
+	})), l = t(e, () => c(), (e) => (() => {
+		var t = L(Ke);
+		return V(t, e, !1), B(), t;
+	})()), u = K(() => a(e.class, c())), d = K(() => De({
+		"pointer-events": r.store.openChangeReason() === "trigger-hover" ? "none" : void 0,
+		"user-select": "none",
+		"-webkit-user-select": "none"
+	}, o(e.style, c()))), f = K(() => n(c(), ke)), p = Y(s, "render", "class", "ref", "style"), m = null;
+	return X(() => {
+		r.backdropElement() === m && r.setBackdropElement(null);
+	}), I(l, z({
+		ref: [((e) => {
+			m = e, r.setBackdropElement(e);
+		}), i.ref],
+		role: "presentation",
+		get hidden() {
+			return !r.presence.mounted();
+		},
+		get class() {
+			return u();
+		},
+		get style() {
+			return d();
+		}
+	}, f, p));
+}
+//#endregion
+//#region src/popover/title/PopoverTitle.tsx
+var Je = /* @__PURE__ */ H("<h2>");
+function Ye(e) {
+	let n = $(), r = e, i = e, s = `base-ui-${J()}`, c = K(() => r.id || s), l = {}, u = t(e, () => l, (e) => (() => {
+		var t = L(Je);
+		return V(t, e, !1), B(), t;
+	})()), d = K(() => a(e.class, l)), f = K(() => o(e.style, l)), p = Y(i, "render", "class", "id", "ref", "style");
+	return G(() => c(), (e) => (n.setTitleId(e), () => n.setTitleId((t) => t === e ? void 0 : t))), I(u, z({
+		ref: [r.ref],
+		get id() {
+			return c();
+		},
+		get class() {
+			return d();
+		},
+		get style() {
+			return f();
+		}
+	}, p));
+}
+//#endregion
+//#region src/popover/description/PopoverDescription.tsx
+var Xe = /* @__PURE__ */ H("<p>");
+function Ze(e) {
+	let n = $(), r = e, i = e, s = `base-ui-${J()}`, c = K(() => r.id || s), l = {}, u = t(e, () => l, (e) => (() => {
+		var t = L(Xe);
+		return V(t, e, !1), B(), t;
+	})()), d = K(() => a(e.class, l)), f = K(() => o(e.style, l)), p = Y(i, "render", "class", "id", "ref", "style");
+	return G(() => c(), (e) => (n.setDescriptionId(e), () => n.setDescriptionId((t) => t === e ? void 0 : t))), I(u, z({
+		ref: [r.ref],
+		get id() {
+			return c();
+		},
+		get class() {
+			return d();
+		},
+		get style() {
+			return f();
+		}
+	}, p));
+}
+//#endregion
+//#region src/popover/close/PopoverClose.tsx
+var Qe = /* @__PURE__ */ H("<button>");
+function $e(e) {
+	let n = $();
+	Be();
+	let r = e, u = e, d = K(() => r.disabled ?? !1), f = K(() => r.nativeButton ?? !0), p = {}, m = t(e, () => p, (e) => (() => {
+		var t = L(Qe);
+		return V(t, e, !1), B(), t;
+	})()), h = K(() => a(e.class, p)), g = K(() => o(e.style, p)), _ = Y(u, "render", "class", "disabled", "nativeButton", "onClick", "onKeyDown", "onKeyUp", "onMouseDown", "onPointerDown", "ref", "style");
+	function v(e) {
+		n.store.open() && n.store.setOpen(!1, s(i, e));
+	}
+	let y = c(l(() => Z(() => d() ? F : void 0)), l(() => r.onClick), v), b = c(l(() => Z(() => d() ? F : void 0)), l(() => r.onPointerDown)), x = c(l(() => Z(() => d() ? P : void 0)), l(() => r.onMouseDown)), S = c(l(() => Z(() => d() ? ce : void 0)), l(() => r.onKeyDown), l(() => Z(() => f() ? void 0 : ue))), C = c(l(() => Z(() => d() ? P : void 0)), l(() => r.onKeyUp), l(() => Z(() => f() ? void 0 : le)));
+	return I(m, z({
+		ref: [r.ref],
+		get type() {
+			return f() ? "button" : void 0;
+		},
+		get role() {
+			return f() ? void 0 : "button";
+		},
+		get tabIndex() {
+			return !f() && d() ? -1 : 0;
+		},
+		get disabled() {
+			return (R(() => !!f())() ? d() : f()) || void 0;
+		},
+		get "aria-disabled"() {
+			return !f() && d() ? "true" : void 0;
+		},
+		get class() {
+			return h();
+		},
+		get style() {
+			return g();
+		},
+		onClick: y,
+		onKeyDown: S,
+		onKeyUp: C,
+		onMouseDown: x,
+		onPointerDown: b
+	}, _));
+}
+//#endregion
+//#region src/popover/viewport/PopoverViewport.tsx
+var et = /* @__PURE__ */ H("<div>");
+function tt(e) {
+	let r = $(), i = Ne(), s = de(), c = e, l = e, [u, d] = q({
+		activationDirection: void 0,
+		transitioning: !1
+	}, { ownedWrite: !0 }), p = K(() => ({
+		...u(),
+		instant: r.store.instantType()
+	})), m = t(e, () => p(), (e) => (() => {
+		var t = L(et);
+		return V(t, e, !1), B(), t;
+	})()), h = K(() => a(e.class, p())), g = K(() => o(e.style, p())), _ = K(() => n(p(), Ae)), v = Y(l, "render", "children", "class", "ref", "style");
+	return I(m, z({
+		ref: [c.ref],
+		get class() {
+			return h();
+		},
+		get style() {
+			return g();
+		}
+	}, _, v, { get children() {
+		return I(f, {
+			get store() {
+				return r.store;
+			},
+			get side() {
+				return i.renderedSide();
+			},
+			get direction() {
+				return s();
+			},
+			onStateChange: d,
+			get children() {
+				return e.children;
+			}
+		});
+	} }));
+}
+//#endregion
+//#region src/popover/store/PopoverHandle.ts
+var nt = class extends ae {
+	constructor() {
+		super("Popover", !0, new he());
+	}
+	open(e) {
+		this.openByTrigger(e);
+	}
+	close() {
+		this.closePopup();
+	}
+	get isOpen() {
+		return this.attachedStore?.open() ?? !1;
+	}
+};
+function rt() {
+	return new nt();
+}
+//#endregion
+//#region src/popover/index.parts.ts
+var it = /* @__PURE__ */ e({
+	Arrow: () => Ge,
+	Backdrop: () => qe,
+	Close: () => $e,
+	Description: () => Ze,
+	Handle: () => nt,
+	Popup: () => Ue,
+	Portal: () => Ee,
+	Positioner: () => Fe,
+	Root: () => ve,
+	Title: () => Ye,
+	Trigger: () => be,
+	Viewport: () => tt,
+	createHandle: () => rt
+});
+//#endregion
+export { it as t };