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

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

@@ -0,0 +1,938 @@
+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 } from "./internals/composeEventHandlers.js";
+import { t as l } from "./runOnceAnimationsFinish-CFADb4CN.js";
+import { c as u } from "./dom-BEAeQ9Eb.js";
+import { t as d } from "./PopupViewport-IS4XU03s.js";
+import { t as f } from "./createAnchorPositioning-D96gu-Dz.js";
+import { t as p } from "./InternalBackdrop-cSK13gaM.js";
+import { t as m } from "./createAnchoredPopupScrollLock-Cx0cbh1_.js";
+import { t as h } from "./createClickInteraction-CTaIFBiV.js";
+import { c as g, i as _, n as v, r as y, s as b, t as x } from "./FloatingTree-23B7KKPD.js";
+import { a as S, n as C, o as w, t as T } from "./PopupStore-Du0O57fL.js";
+import { n as E, r as D, t as O } from "./safePolygon-DJG0VIVo.js";
+import { a as ee, i as te, n as k, o as A, r as j } from "./popupStateMapping-C6jQ_LKo.js";
+import { t as M } from "./FocusManager-NP1uPXTi.js";
+import { i as ne, n as N, r as re, t as ie } from "./PopupHandle-CQI6Om1Z.js";
+import { t as ae } from "./setRef-fXF6OIo3.js";
+import { t as oe } from "./TriggerFocusGuards-Cs8LVBj5.js";
+import { a as P, i as se, n as ce, r as F, t as le } from "./buttonSemantics-paljfpOX.js";
+import { n as ue } from "./DirectionContext-BwMabICS.js";
+import { n as de } 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 fe, 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 pe = class extends T {
+	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;
+	}
+}, me = 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) {}
+}, he = Symbol("PopoverRootContext"), ge = W(he);
+function $(e = !1) {
+	let t = Q(ge);
+	if (t === he) {
+		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 _e(e) {
+	let t = g(), n = b(), i = t ?? new y(), a = J(), o = J(), c = Z(() => e.open !== void 0), l = Z(() => e.triggerId !== void 0), u = K(() => e.modal ?? !1), d = new pe({
+		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 = _({
+		tree: i,
+		id: a,
+		parentId: n,
+		context: () => d.context.floatingRoot
+	}), [m, h] = q(), [C, T] = q(), [E, D] = q(null, { ownedWrite: !0 }), [O, ee] = q(null, { ownedWrite: !0 }), [te, k] = q(null, { ownedWrite: !0 }), [A, j] = q(null, { ownedWrite: !0 }), M = S(d, () => d.track().popupElement, { onUnmount: () => d.resetAfterUnmount() }), ne = {
+		store: d,
+		tree: i,
+		modal: u,
+		titleId: m,
+		setTitleId: h,
+		descriptionId: C,
+		setDescriptionId: T,
+		backdropElement: E,
+		setBackdropElement: D,
+		internalBackdropElement: O,
+		setInternalBackdropElement: ee,
+		beforeContentGuard: te,
+		setBeforeContentGuard: k,
+		afterTriggerGuard: A,
+		setAfterTriggerGuard: j,
+		presence: M
+	};
+	d.context.floatingRoot.context.data.insideElements = () => [E(), O()], d.configureTriggerUnmount({ closeOnActiveTriggerUnmount: !1 }), re(() => e.handle, d);
+	let N = w({
+		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 ie = {
+		unmount: M.forceUnmount,
+		close() {
+			d.setOpen(!1, s(r));
+		}
+	};
+	G(() => e.actionsRef, (e) => {
+		e?.(ie);
+	});
+	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, fe) ? R(() => t()) : Z(() => n({ payload: f }))), r;
+	}
+	return X(() => {
+		d.dispose(), d.clearInteractionProps(), delete d.context.floatingRoot.context.data.insideElements;
+	}), I(ge, {
+		value: ne,
+		get children() {
+			return I(v, {
+				value: i,
+				get children() {
+					return I(x, {
+						get value() {
+							return p.id ?? null;
+						},
+						get children() {
+							return I(ae, {});
+						}
+					});
+				}
+			});
+		}
+	});
+}
+//#endregion
+//#region src/popover/trigger/PopoverTrigger.tsx
+var ve = /* @__PURE__ */ H("<button>");
+function ye(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, l = `base-ui-${J()}`, u = K(() => i.id || l), d = K(() => i.disabled ?? !1), f = K(() => i.nativeButton ?? !0), p = K(() => i.openOnHover ?? !1), m = K(() => i.delay ?? 300), h = K(() => i.closeDelay ?? 0), [g, _] = q(null, { ownedWrite: !0 }), v = ne(() => i.handle), y = K(() => v() ?? r?.store), b = K(() => {
+		let e = y();
+		return e instanceof pe ? e : void 0;
+	}), x = K(() => {
+		let e = y();
+		return !!(e?.open() && e.activeTriggerId() === u());
+	}), S = K(() => ({
+		disabled: d(),
+		open: x()
+	})), w = t(e, () => S(), (e) => (() => {
+		var t = L(ve);
+		return V(t, e, !1), B(), t;
+	})()), T = K(() => a(e.class, S())), E = K(() => o(e.style, S())), D = K(() => n(S(), y()?.openChangeReason() === "trigger-press" ? te : ee)), O = Y(s, "render", "class", "closeDelay", "delay", "disabled", "handle", "id", "nativeButton", "onClick", "onKeyDown", "onKeyUp", "onMouseDown", "onPointerDown", "openOnHover", "payload", "ref", "style"), k, A = "", j = "";
+	C(y, u, g, () => ({ payload: i.payload }));
+	let M = K(() => ({
+		payload: i.payload,
+		disabled: d(),
+		openOnHover: p(),
+		closeDelay: h()
+	}));
+	G(() => {
+		let e = y();
+		return e ? {
+			store: e,
+			id: u(),
+			data: M(),
+			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 N(e) {
+		A = e.pointerType, k?.onPointerDown(e);
+	}
+	function re(e) {
+		k?.onMouseDown(e);
+	}
+	function ie() {
+		j = A, A = "";
+	}
+	function ae(e) {
+		let t = b();
+		t && (t.open() || t.setOpenMethod(j || (e.detail === 0 ? "keyboard" : xe() ? "touch" : "mouse")), k?.onClick(e));
+	}
+	function ue(e) {
+		A = "keyboard";
+		let t = y(), n = t?.state.popupElement, r = t ? t.state[t.activeTriggerId() === u() ? "activeTriggerProps" : "inactiveTriggerProps"].onKeyDown : void 0, i = e.currentTarget;
+		n && i && n.ownerDocument !== i.ownerDocument && typeof r == "function" && r(e);
+	}
+	let de = c(() => Z(() => d() ? F : void 0), () => ie, () => i.onClick, () => ae), H = c(() => Z(() => d() ? F : void 0), () => i.onPointerDown, () => N), fe = c(() => Z(() => d() ? P : void 0), () => i.onMouseDown, () => re), W = c(() => Z(() => d() ? se : void 0), () => i.onKeyDown, () => ue, () => Z(() => f() ? void 0 : le)), X = c(() => Z(() => d() ? P : void 0), () => i.onKeyUp, () => Z(() => f() ? void 0 : ce));
+	function Q() {
+		return I(U, {
+			keyed: !0,
+			get when() {
+				return b();
+			},
+			children: (e) => I(be, {
+				store: e,
+				element: g,
+				id: u,
+				disabled: d,
+				openOnHover: p,
+				delay: m,
+				closeDelay: h,
+				tree: () => r?.tree,
+				setClickHandlers: (e) => k = e
+			})
+		});
+	}
+	let me = I(w, z({
+		ref: [((e) => _(e)), i.ref],
+		get id() {
+			return u();
+		},
+		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;
+		},
+		"aria-haspopup": "dialog",
+		get "aria-expanded"() {
+			return x() ? "true" : "false";
+		},
+		get "aria-controls"() {
+			return y()?.triggerPopupId(u());
+		},
+		"data-base-ui-click-trigger": "",
+		get "data-trigger-disabled"() {
+			return d() ? "" : void 0;
+		},
+		get class() {
+			return T();
+		},
+		get style() {
+			return E();
+		},
+		onClick: de,
+		onKeyDown: W,
+		onKeyUp: X,
+		onMouseDown: fe,
+		onPointerDown: H
+	}, D, O));
+	return [I(Q, {}), I(U, {
+		get when() {
+			return b();
+		},
+		fallback: me,
+		children: (e) => I(oe, {
+			get context() {
+				return e().context.floatingRoot;
+			},
+			get enabled() {
+				return R(() => !!e().isMountedByTrigger(u()))() ? !e().focusManagerModal() : e().isMountedByTrigger(u());
+			},
+			trigger: g,
+			positioner: () => e().track().positionerElement,
+			beforeContentGuard: () => r?.beforeContentGuard() ?? null,
+			afterGuardRef: (e) => r?.setAfterTriggerGuard(e),
+			children: me
+		})
+	})];
+}
+function be(e) {
+	let t = Z(() => e.store), n = Z(() => e.setClickHandlers), r = Z(() => e.element), i = Z(() => e.tree), a = Z(() => e.delay);
+	return n(h({
+		context: t.context.floatingRoot,
+		enabled: () => !e.disabled(),
+		stickIfOpen: () => t.stickIfOpen()
+	})), X(() => n(void 0)), D({
+		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: () => O(),
+		mouseOnly: () => !0
+	}), null;
+}
+function xe() {
+	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 Se = Symbol("PopoverPortalContext"), Ce = W(Se);
+function we() {
+	let e = Q(Ce);
+	if (e === Se) throw Error("Base UI: <Popover.Portal> is missing.");
+	return e;
+}
+//#endregion
+//#region src/popover/portal/PopoverPortal.tsx
+function Te(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(Ce, {
+				value: f,
+				get children() {
+					return I(A, z({
+						get render() {
+							return e.render;
+						},
+						get container() {
+							return n.container;
+						},
+						ref: (e) => {
+							n.ref && ae(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 Ee(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 De = k, Oe = j, ke = { activationDirection: (e) => e ? { "data-activation-direction": e } : null }, Ae = Symbol("PopoverPositionerContext"), je = W(Ae);
+function Me() {
+	let e = Q(je);
+	if (e === Ae) throw Error("Base UI: <Popover.Positioner> is missing.");
+	return e;
+}
+//#endregion
+//#region src/popover/positioner/PopoverPositioner.tsx
+var Ne = /* @__PURE__ */ H("<div>");
+function Pe(e) {
+	we();
+	let r = $(), i = ue(), s = e, c = e, [u, d] = q(null, { ownedWrite: !0 }), h = K(() => Fe(s.anchor) ?? r.store.context.floatingRoot.referenceElement()), g = f({
+		reference: h,
+		floating: u,
+		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
+	}), _ = E(() => 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(Ne);
+		return V(t, e, !1), B(), t;
+	})()), b = K(() => a(e.class, v())), x = K(() => Ee({
+		...g.styles(),
+		"pointer-events": r.store.open() ? void 0 : "none"
+	}, o(e.style, v()))), S = K(() => n(v(), De)), 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, D;
+	m({
+		enabled: () => r.store.open() && w(),
+		touchOpen: () => r.store.openMethod() === "touch",
+		positioner: u,
+		reference: () => r.store.track().activeTriggerElement
+	}), G(() => g.state().placement, (e) => {
+		r.store.context.floatingRoot.context.data.placement = e;
+	}), G(() => ({
+		trigger: r.store.track().activeTriggerElement,
+		positioner: u()
+	}), ({ trigger: e, positioner: t }) => {
+		let n = T;
+		if (e && (T = e), !n || !e || n === e || !t) return;
+		r.store.setInstantType(void 0), D?.abort();
+		let i = new AbortController();
+		return D = i, l(t, () => r.store.setInstantType("trigger-change"), i.signal), () => i.abort();
+	}), X(() => {
+		D?.abort(), delete r.store.context.floatingRoot.context.data.placement, r.store.state.positionerElement === Z(u) && r.store.setPositionerElement(null);
+	});
+	function O() {
+		let e = null;
+		return X(() => {
+			r.internalBackdropElement() === e && r.setInternalBackdropElement(null);
+		}), I(p, {
+			ref: (t) => {
+				e = t, r.setInternalBackdropElement(t);
+			},
+			get cutout() {
+				return r.store.track().activeTriggerElement;
+			},
+			get open() {
+				return r.store.open();
+			}
+		});
+	}
+	return I(je, {
+		value: g,
+		get children() {
+			return [I(U, {
+				get when() {
+					return R(() => !!r.presence.mounted())() ? w() : r.presence.mounted();
+				},
+				get children() {
+					return I(O, {});
+				}
+			}), 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 Fe(e) {
+	return typeof e == "function" ? e() : e && "current" in e ? e.current : e;
+}
+//#endregion
+//#region src/popover/utils/ClosePartContext.ts
+var Ie = Symbol("PopoverClosePartContext"), Le = W(Ie);
+function Re() {
+	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 ze() {
+	let e = Q(Le);
+	if (e === Ie) return;
+	let t = e.register();
+	X(t);
+}
+//#endregion
+//#region src/popover/popup/PopoverPopup.tsx
+var Be = /* @__PURE__ */ H("<div>"), Ve = /* @__PURE__ */ new Set([
+	"ArrowUp",
+	"ArrowDown",
+	"ArrowLeft",
+	"ArrowRight",
+	"Home",
+	"End"
+]);
+function He(e) {
+	let r = $(), i = Me(), s = de(!0) !== void 0, l = Re(), d = e, f = e, p = K(() => ({
+		open: r.store.open(),
+		side: i.renderedSide(),
+		align: i.renderedAlign(),
+		transitionStatus: r.store.track().transitionStatus,
+		instant: r.store.instantType()
+	})), m = t(e, () => p(), (e) => (() => {
+		var t = L(Be);
+		return V(t, e, !1), B(), t;
+	})()), h = K(() => a(e.class, p())), g = K(() => o(e.style, p())), _ = K(() => n(p(), Oe)), v = K(() => d.id ?? r.store.context.floatingId), y = K(() => r.modal() !== !1 && l.hasClosePart()), b = K(() => d.initialFocus ?? ((e) => e !== "touch" || r.store.state.popupElement)), x = Y(f, "render", "class", "finalFocus", "id", "initialFocus", "onKeyDown", "ref", "style"), S = c(() => d.onKeyDown, () => (e) => {
+		let t = r.store.state.popupProps.onKeyDown;
+		typeof t == "function" && t(e);
+	}, () => (e) => {
+		s && Ve.has(e.key) && e.stopPropagation();
+	}), C = null;
+	D({
+		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: () => O(),
+		mouseOnly: () => !0
+	}), G(() => v(), (e) => r.store.setPopupId(e)), G(() => y(), (e) => r.store.setFocusManagerModal(e)), X(() => {
+		r.store.setFocusManagerModal(!1), r.store.state.popupElement === C && r.store.setPopupElement(null);
+	});
+	function w() {
+		return I(m, z({
+			ref: [((e) => {
+				C = e, r.store.setPopupElement(e);
+			}), d.ref],
+			get id() {
+				return v();
+			},
+			role: "dialog",
+			tabIndex: -1,
+			"data-base-ui-focusable": "",
+			get "aria-labelledby"() {
+				return r.titleId();
+			},
+			get "aria-describedby"() {
+				return r.descriptionId();
+			},
+			get class() {
+				return h();
+			},
+			get style() {
+				return g();
+			},
+			onKeyDown: S
+		}, _, x));
+	}
+	return I(M, {
+		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 b();
+		},
+		get returnFocus() {
+			return d.finalFocus;
+		},
+		get modal() {
+			return y();
+		},
+		restoreFocus: "popup",
+		get openInteractionType() {
+			return r.store.openMethod();
+		},
+		get previousFocusableElement() {
+			return R(() => !!u(r.store.track().activeTriggerElement))() ? r.store.track().activeTriggerElement : null;
+		},
+		get nextFocusableElement() {
+			return r.afterTriggerGuard;
+		},
+		get beforeContentGuardRef() {
+			return r.setBeforeContentGuard;
+		},
+		get children() {
+			return I(Le, {
+				value: l,
+				get children() {
+					return I(w, {});
+				}
+			});
+		}
+	});
+}
+//#endregion
+//#region src/popover/arrow/PopoverArrow.tsx
+var Ue = /* @__PURE__ */ H("<div>");
+function We(e) {
+	let r = $(), i = Me(), 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(Ue);
+		return V(t, e, !1), B(), t;
+	})()), d = K(() => a(e.class, l())), f = K(() => Ee(i.arrowStyles(), o(e.style, l()))), p = K(() => n(l(), k)), 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 Ge = /* @__PURE__ */ H("<div>");
+function Ke(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(Ge);
+		return V(t, e, !1), B(), t;
+	})()), u = K(() => a(e.class, c())), d = K(() => Ee({
+		"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(), Oe)), 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 qe = /* @__PURE__ */ H("<h2>");
+function Je(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(qe);
+		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 Ye = /* @__PURE__ */ H("<p>");
+function Xe(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(Ye);
+		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 Ze = /* @__PURE__ */ H("<button>");
+function Qe(e) {
+	let n = $();
+	ze();
+	let r = e, l = e, u = K(() => r.disabled ?? !1), d = K(() => r.nativeButton ?? !0), f = {}, p = t(e, () => f, (e) => (() => {
+		var t = L(Ze);
+		return V(t, e, !1), B(), t;
+	})()), m = K(() => a(e.class, f)), h = K(() => o(e.style, f)), g = Y(l, "render", "class", "disabled", "nativeButton", "onClick", "onKeyDown", "onKeyUp", "onMouseDown", "onPointerDown", "ref", "style");
+	function _(e) {
+		n.store.open() && n.store.setOpen(!1, s(i, e));
+	}
+	let v = c(() => Z(() => u() ? F : void 0), () => r.onClick, () => _), y = c(() => Z(() => u() ? F : void 0), () => r.onPointerDown), b = c(() => Z(() => u() ? P : void 0), () => r.onMouseDown), x = c(() => Z(() => u() ? se : void 0), () => r.onKeyDown, () => Z(() => d() ? void 0 : le)), S = c(() => Z(() => u() ? P : void 0), () => r.onKeyUp, () => Z(() => d() ? void 0 : ce));
+	return I(p, z({
+		ref: [r.ref],
+		get type() {
+			return d() ? "button" : void 0;
+		},
+		get role() {
+			return d() ? void 0 : "button";
+		},
+		get tabIndex() {
+			return !d() && u() ? -1 : 0;
+		},
+		get disabled() {
+			return (R(() => !!d())() ? u() : d()) || void 0;
+		},
+		get "aria-disabled"() {
+			return !d() && u() ? "true" : void 0;
+		},
+		get class() {
+			return m();
+		},
+		get style() {
+			return h();
+		},
+		onClick: v,
+		onKeyDown: x,
+		onKeyUp: S,
+		onMouseDown: b,
+		onPointerDown: y
+	}, g));
+}
+//#endregion
+//#region src/popover/viewport/PopoverViewport.tsx
+var $e = /* @__PURE__ */ H("<div>");
+function et(e) {
+	let r = $(), i = Me(), s = ue(), c = e, l = e, [u, f] = q({
+		activationDirection: void 0,
+		transitioning: !1
+	}, { ownedWrite: !0 }), p = K(() => ({
+		...u(),
+		instant: r.store.instantType()
+	})), m = t(e, () => p(), (e) => (() => {
+		var t = L($e);
+		return V(t, e, !1), B(), t;
+	})()), h = K(() => a(e.class, p())), g = K(() => o(e.style, p())), _ = K(() => n(p(), ke)), 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(d, {
+			get store() {
+				return r.store;
+			},
+			get side() {
+				return i.renderedSide();
+			},
+			get direction() {
+				return s();
+			},
+			onStateChange: f,
+			get children() {
+				return e.children;
+			}
+		});
+	} }));
+}
+//#endregion
+//#region src/popover/store/PopoverHandle.ts
+var tt = class extends ie {
+	constructor() {
+		super("Popover", !0, new me());
+	}
+	open(e) {
+		this.openByTrigger(e);
+	}
+	close() {
+		this.closePopup();
+	}
+	get isOpen() {
+		return this.attachedStore?.open() ?? !1;
+	}
+};
+function nt() {
+	return new tt();
+}
+//#endregion
+//#region src/popover/index.parts.ts
+var rt = /* @__PURE__ */ e({
+	Arrow: () => We,
+	Backdrop: () => Ke,
+	Close: () => Qe,
+	Description: () => Xe,
+	Handle: () => tt,
+	Popup: () => He,
+	Portal: () => Te,
+	Positioner: () => Pe,
+	Root: () => _e,
+	Title: () => Je,
+	Trigger: () => ye,
+	Viewport: () => et,
+	createHandle: () => nt
+});
+//#endregion
+export { rt as t };