solid-baseui 0.1.0-alpha.0

package/dist/lib/client/popover-CQwyp-fs.js

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