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

package/dist/lib/client/DialogHandle-DluOK_7u.js

@@ -0,0 +1,521 @@
+import { t as e } from "./useRender-CxZ8PI-g.js";
+import { getStateAttributesProps as t } from "./internals/getStateAttributesProps.js";
+import { P as n, 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 { transitionStatusMapping as c } from "./internals/stateAttributesMapping.js";
+import { composeEventHandlers as l, liveEventHandler as u } from "./internals/composeEventHandlers.js";
+import { i as d, n as f, o as p } from "./dom-lDdayFF_.js";
+import { n as m, t as h } from "./InternalBackdrop-B8_lfUvf.js";
+import { c as g, i as _, n as ee, r as v, s as y, t as b } from "./FloatingTree-23B7KKPD.js";
+import { a as te, n as x, o as ne, t as S } from "./PopupStore-BjRwcvbG.js";
+import { a as C, o as re } from "./popupStateMapping-nhukB8NK.js";
+import { i as w, n as T, r as E, t as D } from "./PopupHandle-DyX5gY1e.js";
+import { t as ie } from "./setRef-fXF6OIo3.js";
+import { a as O, i as ae, n as k, r as A, t as oe } from "./buttonSemantics-paljfpOX.js";
+import { createComponent as j, getNextElement as M, memo as N, mergeProps as P, runHydrationEvents as F, spread as I, template as L } from "@solidjs/web";
+import { $REFRESH as se, Show as R, createContext as z, createEffect as B, createMemo as V, createSignal as H, createUniqueId as U, omit as W, onCleanup as G, untrack as K, useContext as q } from "solid-js";
+//#region src/dialog/store/DialogStore.ts
+var ce = class extends S {
+	openMethodAccessor;
+	setOpenMethodSignal;
+	openMethodRevisionAccessor;
+	setOpenMethodRevision;
+	constructor(e = {}) {
+		super(e);
+		let [t, n] = H(null, { ownedWrite: !0 });
+		this.openMethodAccessor = t, this.setOpenMethodSignal = n;
+		let [r, i] = H(0, { ownedWrite: !0 });
+		this.openMethodRevisionAccessor = r, this.setOpenMethodRevision = i;
+	}
+	openMethod() {
+		return this.openMethodAccessor();
+	}
+	setOpenMethod(e) {
+		this.setOpenMethodSignal(e), this.setOpenMethodRevision((e) => e + 1);
+	}
+	openMethodRevision() {
+		return this.openMethodRevisionAccessor();
+	}
+	setPayload(e) {
+		this.set("payload", e);
+	}
+	setOpen(e, t) {
+		return !e && t.trigger == null && this.activeTriggerId() != null && (t.trigger = this.state.activeTriggerElement ?? void 0), super.setOpen(e, t);
+	}
+}, J = class extends T {
+	openMethod() {
+		return null;
+	}
+	setOpenMethod(e) {}
+	setPayload(e) {}
+}, Y = Symbol("DialogRootContext"), le = z(Y);
+function X(e = !1) {
+	let t = q(le);
+	if (t === Y) {
+		if (e) return;
+		throw Error("Base UI: DialogRootContext is missing. Dialog parts must be placed within <Dialog.Root>.");
+	}
+	return t;
+}
+//#endregion
+//#region src/dialog/root/DialogRoot.tsx
+function ue(e) {
+	return Z("dialog", e);
+}
+function Z(e, t, n = {}) {
+	let i = X(!0), a = g(), o = y(), c = a ?? new v(), l = U(), u = U(), h = K(() => t.open !== void 0), x = K(() => t.triggerId !== void 0), S = i !== void 0, C = e === "alert-dialog", re = e === "drawer", w = V(() => C ? !0 : t.modal ?? !0), T = V(() => C || (t.disablePointerDismissal ?? !1)), D = new ce({
+		controlledOpen: () => h ? t.open : void 0,
+		controlledTriggerId: () => x ? t.triggerId : void 0,
+		floatingId: u,
+		nested: o !== null,
+		nodeId: l,
+		onOpenChange: () => t.onOpenChange,
+		onOpenChangeComplete: () => t.onOpenChangeComplete
+	});
+	D.update({
+		open: h ? !!K(() => t.open) : !!K(() => t.defaultOpen),
+		activeTriggerId: K(() => t.defaultTriggerId ?? null)
+	});
+	let ie = D.access((e) => e.payload), O = _({
+		tree: c,
+		id: l,
+		parentId: o,
+		context: () => D.context.floatingRoot
+	}), [ae, k] = H(), [A, oe] = H(), [M, P] = H(null, { ownedWrite: !0 }), [F, I] = H(null, { ownedWrite: !0 }), [L, R] = H(null, { ownedWrite: !0 }), [z, W] = H(0, {
+		equals: !1,
+		ownedWrite: !0
+	}), q = /* @__PURE__ */ new Map(), J = V(() => {
+		z();
+		let e = 0;
+		for (let t of q.values()) e += t.dialogCount;
+		return e;
+	}), Y = V(() => {
+		z();
+		let e = 0;
+		for (let t of q.values()) e += t.drawerCount;
+		return e;
+	}), ue = { current: !0 }, Z = te(D, () => D.track().popupElement, { onUnmount: () => D.setOpenMethod(null) });
+	function de(e, t, n) {
+		let r = q.get(e);
+		(r?.dialogCount !== t || r.drawerCount !== n) && (q.set(e, {
+			dialogCount: t,
+			drawerCount: n
+		}), W((e) => e + 1));
+	}
+	function fe(e) {
+		q.delete(e) && W((e) => e + 1);
+	}
+	let pe = {
+		store: D,
+		tree: c,
+		nested: S,
+		role: C ? "alertdialog" : "dialog",
+		modal: w,
+		disablePointerDismissal: T,
+		nestedOpenDialogCount: J,
+		nestedOpenDrawerCount: Y,
+		outsidePressEnabled: ue,
+		titleId: ae,
+		setTitleId: k,
+		descriptionId: A,
+		setDescriptionId: oe,
+		backdropElement: M,
+		setBackdropElement: P,
+		internalBackdropElement: F,
+		setInternalBackdropElement: I,
+		viewportElement: L,
+		setViewportElement: R,
+		presence: Z,
+		updateNestedLayer: de,
+		removeNestedLayer: fe
+	};
+	D.context.floatingRoot.context.data.insideElements = () => [
+		M(),
+		F(),
+		L()
+	], D.configureTriggerUnmount({ closeOnActiveTriggerUnmount: !1 }), E(() => t.handle, D);
+	let me = ne({
+		context: D.context.floatingRoot,
+		tree: () => c,
+		escapeKey: () => J() === 0,
+		outsidePress: () => (e) => {
+			if (!ue.current || T() || J() > 0 || "button" in e && e.button !== 0) return !1;
+			if ("touches" in e) {
+				if (e.type === "touchend") {
+					if (e.changedTouches.length !== 1 || e.touches.length !== 0) return !1;
+				} else if (e.touches.length !== 1) return !1;
+			}
+			if (w() === !1) return !0;
+			let t = d(e), n = F(), r = M();
+			return !n && !r || t === n || t === r || p(t) && f(t, D.state.popupElement) && !t.hasAttribute("data-base-ui-portal");
+		},
+		outsidePressEvent: () => F() || M() ? "intentional" : {
+			mouse: w() === "trap-focus" ? "sloppy" : "intentional",
+			touch: "sloppy"
+		}
+	});
+	D.setInteractionProps({
+		activeTriggerProps: { onKeyDown: me.onKeyDown },
+		inactiveTriggerProps: { onKeyDown: me.onKeyDown },
+		popupProps: {}
+	}), m(() => D.open() && w() === !0, () => D.track().popupElement), B(() => ({
+		open: D.open(),
+		activeTriggerId: D.activeTriggerId()
+	}), () => K(() => D.reconcileTriggers()));
+	let Q = K(() => D.open()), $ = K(() => D.openMethodRevision());
+	B(() => ({
+		open: D.open(),
+		openMethodRevision: D.openMethodRevision()
+	}), (e) => {
+		!e.open && Q ? $ = e.openMethodRevision : e.open && !Q && e.openMethodRevision === $ && D.setOpenMethod(null), Q = e.open;
+	});
+	let he = Symbol("DialogRoot");
+	B(() => ({
+		open: D.open(),
+		nestedDialogs: J(),
+		nestedDrawers: Y()
+	}), (e) => {
+		i?.updateNestedLayer(he, e.open ? e.nestedDialogs + 1 : 0, e.open ? e.nestedDrawers + +!!re : 0);
+	});
+	let ge = {
+		unmount: Z.forceUnmount,
+		close() {
+			D.setOpen(!1, s(r));
+		}
+	};
+	B(() => t.actionsRef, (e) => {
+		e?.(ge);
+	});
+	function _e() {
+		let e = V(() => t.children), n = K(e), r = n;
+		return typeof n == "function" && (r = n.name === "bound read" && Object.prototype.hasOwnProperty.call(n, se) ? N(() => e()) : K(() => n({ payload: ie }))), r;
+	}
+	return G(() => {
+		i?.removeNestedLayer(he), D.clearInteractionProps(), delete D.context.floatingRoot.context.data.insideElements;
+	}), j(le, {
+		value: pe,
+		get children() {
+			return j(ee, {
+				value: c,
+				get children() {
+					return j(b, {
+						get value() {
+							return O.id ?? null;
+						},
+						get children() {
+							return [N(() => n.extraContent?.()), j(_e, {})];
+						}
+					});
+				}
+			});
+		}
+	});
+}
+//#endregion
+//#region src/dialog/utils/mergeDialogStyles.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/dialog/utils/stateAttributesMapping.ts
+var fe = { "data-open": "" }, pe = { "data-closed": "" }, me = { "data-nested-dialog-open": "" }, Q = {
+	open: (e) => e ? fe : pe,
+	...c
+}, $ = {
+	...Q,
+	nestedDialogOpen: (e) => e ? me : null
+}, he = /* @__PURE__ */ L("<button>");
+function ge(n) {
+	let r = X(), c = n, d = n, f = V(() => c.disabled ?? !1), p = V(() => c.nativeButton ?? !0), m = V(() => ({ disabled: f() })), h = e(n, () => m(), (e) => (() => {
+		var t = M(he);
+		return I(t, e, !1), F(), t;
+	})()), g = V(() => a(n.class, m())), _ = V(() => o(n.style, m())), ee = V(() => t(m())), v = W(d, "render", "class", "disabled", "nativeButton", "onClick", "onKeyDown", "onKeyUp", "onMouseDown", "onPointerDown", "ref", "style");
+	function y(e) {
+		r.store.open() && r.store.setOpen(!1, s(i, e));
+	}
+	let b = l(u(() => K(() => f() ? A : void 0)), u(() => c.onClick), y), te = l(u(() => K(() => f() ? A : void 0)), u(() => c.onPointerDown)), x = l(u(() => K(() => f() ? O : void 0)), u(() => c.onMouseDown)), ne = l(u(() => K(() => f() ? ae : void 0)), u(() => c.onKeyDown), u(() => K(() => p() ? void 0 : oe))), S = l(u(() => K(() => f() ? O : void 0)), u(() => c.onKeyUp), u(() => K(() => p() ? void 0 : k)));
+	return j(h, P({
+		ref: [c.ref],
+		get type() {
+			return p() ? "button" : void 0;
+		},
+		get role() {
+			return p() ? void 0 : "button";
+		},
+		get tabIndex() {
+			return !p() && f() ? -1 : 0;
+		},
+		get disabled() {
+			return (N(() => !!p())() ? f() : p()) || void 0;
+		},
+		get "aria-disabled"() {
+			return !p() && f() ? "true" : void 0;
+		},
+		get class() {
+			return g();
+		},
+		get style() {
+			return _();
+		},
+		onClick: b,
+		onKeyDown: ne,
+		onKeyUp: S,
+		onMouseDown: x,
+		onPointerDown: te
+	}, ee, v));
+}
+//#endregion
+//#region src/dialog/description/DialogDescription.tsx
+var _e = /* @__PURE__ */ L("<p>");
+function ve(t) {
+	let n = X(), r = t, i = t, s = `base-ui-${U()}`, c = V(() => r.id || s), l = {}, u = e(t, () => l, (e) => (() => {
+		var t = M(_e);
+		return I(t, e, !1), F(), t;
+	})()), d = V(() => a(t.class, l)), f = V(() => o(t.style, l)), p = W(i, "render", "class", "id", "ref", "style");
+	return B(() => c(), (e) => (n.setDescriptionId(e), () => n.setDescriptionId((t) => t === e ? void 0 : t))), j(u, P({
+		ref: [r.ref],
+		get id() {
+			return c();
+		},
+		get class() {
+			return d();
+		},
+		get style() {
+			return f();
+		}
+	}, p));
+}
+//#endregion
+//#region src/dialog/portal/DialogPortalContext.ts
+var ye = Symbol("DialogPortalContext"), be = z(ye);
+function xe() {
+	let e = q(be);
+	if (e === ye) throw Error("Base UI: <Dialog.Portal> is missing.");
+	return e;
+}
+//#endregion
+//#region src/dialog/portal/DialogPortal.tsx
+function Se(e) {
+	let t = X(), n = e, r = e, i = V(() => n.keepMounted ?? !1), s = V(() => t.presence.mounted() || i()), c = {}, l = V(() => a(e.class, c)), u = V(() => o(e.style, c)), d = W(r, "render", "class", "container", "keepMounted", "ref", "style"), f = { keepMounted: i };
+	function p() {
+		let e = null;
+		return G(() => {
+			t.internalBackdropElement() === e && t.setInternalBackdropElement(null);
+		}), j(h, {
+			ref: (n) => {
+				e = n, t.setInternalBackdropElement(n);
+			},
+			get open() {
+				return t.store.open();
+			}
+		});
+	}
+	return j(R, {
+		get when() {
+			return s();
+		},
+		get children() {
+			return j(be, {
+				value: f,
+				get children() {
+					return j(re, P({
+						get render() {
+							return e.render;
+						},
+						get container() {
+							return n.container;
+						},
+						ref: (e) => {
+							n.ref && ie(n.ref, e);
+						},
+						get class() {
+							return l();
+						},
+						get style() {
+							return u();
+						}
+					}, d, { get children() {
+						return [j(R, {
+							get when() {
+								return N(() => !!t.presence.mounted())() ? t.modal() === !0 : t.presence.mounted();
+							},
+							get children() {
+								return j(p, {});
+							}
+						}), N(() => e.children)];
+					} }));
+				}
+			});
+		}
+	});
+}
+//#endregion
+//#region src/dialog/title/DialogTitle.tsx
+var Ce = /* @__PURE__ */ L("<h2>");
+function we(t) {
+	let n = X(), r = t, i = t, s = `base-ui-${U()}`, c = V(() => r.id || s), l = {}, u = e(t, () => l, (e) => (() => {
+		var t = M(Ce);
+		return I(t, e, !1), F(), t;
+	})()), d = V(() => a(t.class, l)), f = V(() => o(t.style, l)), p = W(i, "render", "class", "id", "ref", "style");
+	return B(() => c(), (e) => (n.setTitleId(e), () => n.setTitleId((t) => t === e ? void 0 : t))), j(u, P({
+		ref: [r.ref],
+		get id() {
+			return c();
+		},
+		get class() {
+			return d();
+		},
+		get style() {
+			return f();
+		}
+	}, p));
+}
+//#endregion
+//#region src/dialog/trigger/DialogTrigger.tsx
+var Te = /* @__PURE__ */ L("<button>");
+function Ee(r) {
+	let i = X(!0), c = r;
+	if (!i && !K(() => c.handle)) throw Error("Base UI: <Dialog.Trigger> must be used within <Dialog.Root> or provided with a handle.");
+	let d = r, f = `base-ui-${U()}`, p = V(() => c.id || f), m = V(() => c.disabled ?? !1), h = V(() => c.nativeButton ?? !0), [g, _] = H(null, { ownedWrite: !0 }), ee = w(() => c.handle), v = V(() => ee() ?? i?.store), y = V(() => {
+		let e = v();
+		return !!(e?.open() && e.activeTriggerId() === p());
+	}), b = V(() => ({
+		disabled: m(),
+		open: y()
+	})), te = e(r, () => b(), (e) => (() => {
+		var t = M(Te);
+		return I(t, e, !1), F(), t;
+	})()), ne = V(() => a(r.class, b())), S = V(() => o(r.style, b())), re = V(() => t(b(), C)), T = W(d, "render", "class", "disabled", "handle", "id", "nativeButton", "onClick", "onKeyDown", "onKeyUp", "onMouseDown", "onPointerDown", "payload", "ref", "style"), E = "", D = "";
+	x(v, p, g, () => ({ payload: c.payload }));
+	function ie(e) {
+		let t = v(), r = g();
+		!t || !r || e.button !== 0 || (t.open() || t.setOpenMethod(D || (e.detail === 0 ? "keyboard" : De() ? "touch" : "mouse")), t.setOpen(!(t.open() && t.activeTriggerId() === p()), s(n, e, r)));
+	}
+	function L() {
+		D = E, E = "";
+	}
+	function se(e) {
+		E = e.pointerType;
+	}
+	function R(e) {
+		E = "keyboard";
+		let t = v(), n = t?.state.popupElement, r = t ? (t.activeTriggerId() === p() ? t.state.activeTriggerProps : t.state.inactiveTriggerProps).onKeyDown : void 0, i = e.currentTarget;
+		n && i && n.ownerDocument !== i.ownerDocument && typeof r == "function" && r(e);
+	}
+	let z = l(u(() => K(() => m() ? A : void 0)), L, u(() => c.onClick), ie), B = l(u(() => K(() => m() ? A : void 0)), u(() => c.onPointerDown), se), G = l(u(() => K(() => m() ? O : void 0)), u(() => c.onMouseDown)), q = l(u(() => K(() => m() ? ae : void 0)), u(() => c.onKeyDown), R, u(() => K(() => h() ? void 0 : oe))), ce = l(u(() => K(() => m() ? O : void 0)), u(() => c.onKeyUp), u(() => K(() => h() ? void 0 : k)));
+	return j(te, P({
+		ref: [((e) => _(e)), c.ref],
+		get id() {
+			return p();
+		},
+		get type() {
+			return h() ? "button" : void 0;
+		},
+		get role() {
+			return h() ? void 0 : "button";
+		},
+		get tabIndex() {
+			return !h() && m() ? -1 : 0;
+		},
+		get disabled() {
+			return (N(() => !!h())() ? m() : h()) || void 0;
+		},
+		get "aria-disabled"() {
+			return !h() && m() ? "true" : void 0;
+		},
+		"aria-haspopup": "dialog",
+		get "aria-expanded"() {
+			return y() ? "true" : "false";
+		},
+		get "aria-controls"() {
+			return v()?.triggerPopupId(p());
+		},
+		"data-base-ui-click-trigger": "",
+		get class() {
+			return ne();
+		},
+		get style() {
+			return S();
+		},
+		onClick: z,
+		onKeyDown: q,
+		onKeyUp: ce,
+		onMouseDown: G,
+		onPointerDown: B
+	}, re, T));
+}
+function De() {
+	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/dialog/viewport/DialogViewport.tsx
+var Oe = /* @__PURE__ */ L("<div>");
+function ke(n) {
+	let r = xe(), i = X(), s = n, c = W(n, "render", "class", "ref", "style"), l = V(() => ({
+		open: i.store.open(),
+		transitionStatus: i.store.track().transitionStatus,
+		nested: i.nested,
+		nestedDialogOpen: i.nestedOpenDialogCount() > 0
+	})), u = e(n, () => l(), (e) => (() => {
+		var t = M(Oe);
+		return I(t, e, !1), F(), t;
+	})()), d = V(() => a(n.class, l())), f = V(() => de({ "pointer-events": i.store.open() ? void 0 : "none" }, o(n.style, l()))), p = V(() => t(l(), $)), m = V(() => r.keepMounted() || i.presence.mounted()), h = null;
+	return G(() => {
+		i.viewportElement() === h && i.setViewportElement(null);
+	}), j(R, {
+		get when() {
+			return m();
+		},
+		get children() {
+			return j(u, P({
+				ref: [((e) => {
+					h = e, i.setViewportElement(e);
+				}), s.ref],
+				role: "presentation",
+				get hidden() {
+					return !i.presence.mounted();
+				},
+				get class() {
+					return d();
+				},
+				get style() {
+					return f();
+				}
+			}, p, c));
+		}
+	});
+}
+//#endregion
+//#region src/dialog/store/DialogHandle.ts
+var Ae = class extends D {
+	constructor() {
+		super("Dialog", !1, new J());
+	}
+	open(e) {
+		this.openByTrigger(e);
+	}
+	openWithPayload(e) {
+		this.attachedStore && (this.attachedStore.setPayload(e), this.attachedStore.setOpen(!0, s(r)));
+	}
+	close() {
+		this.closePopup();
+	}
+	get isOpen() {
+		return this.attachedStore?.open() ?? !1;
+	}
+};
+function je() {
+	return new Ae();
+}
+//#endregion
+export { we as a, ve as c, Q as d, de as f, X as h, Ee as i, ge as l, Z as m, je as n, Se as o, ue as p, ke as r, xe as s, Ae as t, $ as u };

package/dist/lib/client/DialogPopup-CfEb3F54.js

@@ -0,0 +1,138 @@
+import { t as e } from "./useRender-CxZ8PI-g.js";
+import { getStateAttributesProps as t } from "./internals/getStateAttributesProps.js";
+import { n, t as r } from "./resolveStyle-XcgAuaKR.js";
+import { composeEventHandlers as i, liveEventHandler as a } from "./internals/composeEventHandlers.js";
+import { t as o } from "./FocusManager-q7z7PMV1.js";
+import { d as s, f as c, h as l, s as u, u as d } from "./DialogHandle-DluOK_7u.js";
+import { createComponent as f, getNextElement as p, mergeProps as m, runHydrationEvents as h, spread as g, template as _ } from "@solidjs/web";
+import { Show as v, createEffect as y, createMemo as b, omit as x, onCleanup as S } from "solid-js";
+//#region src/dialog/backdrop/DialogBackdrop.tsx
+var C = /* @__PURE__ */ _("<div>");
+function w(i) {
+	let a = l(), o = i, u = x(i, "render", "class", "forceRender", "ref", "style"), d = b(() => ({
+		open: a.store.open(),
+		transitionStatus: a.store.track().transitionStatus
+	})), _ = e(i, () => d(), (e) => (() => {
+		var t = p(C);
+		return g(t, e, !1), h(), t;
+	})()), y = b(() => n(i.class, d())), w = b(() => c({
+		"user-select": "none",
+		"-webkit-user-select": "none"
+	}, r(i.style, d()))), T = b(() => t(d(), s)), E = b(() => !!o.forceRender || !a.nested);
+	function D() {
+		let e = null;
+		return S(() => {
+			a.backdropElement() === e && a.setBackdropElement(null);
+		}), f(_, m({
+			ref: [((t) => {
+				e = t, a.setBackdropElement(t);
+			}), o.ref],
+			role: "presentation",
+			get hidden() {
+				return !a.presence.mounted();
+			},
+			get class() {
+				return y();
+			},
+			get style() {
+				return w();
+			}
+		}, T, u));
+	}
+	return f(v, {
+		get when() {
+			return E();
+		},
+		get children() {
+			return f(D, {});
+		}
+	});
+}
+//#endregion
+//#region src/dialog/popup/DialogPopup.tsx
+var T = /* @__PURE__ */ _("<div>"), E = /* @__PURE__ */ new Set([
+	"ArrowUp",
+	"ArrowDown",
+	"ArrowLeft",
+	"ArrowRight",
+	"Home",
+	"End"
+]);
+function D(s) {
+	u();
+	let _ = l(), v = s, C = x(s, "render", "class", "finalFocus", "id", "initialFocus", "onKeyDown", "ref", "style"), w = b(() => ({
+		open: _.store.open(),
+		transitionStatus: _.store.track().transitionStatus,
+		nested: _.nested,
+		nestedDialogOpen: _.nestedOpenDialogCount() > 0
+	})), D = e(s, () => w(), (e) => (() => {
+		var t = p(T);
+		return g(t, e, !1), h(), t;
+	})()), O = b(() => n(s.class, w())), k = b(() => c({ "--nested-dialogs": _.nestedOpenDialogCount() }, r(s.style, w()))), A = b(() => t(w(), d)), j = b(() => v.id ?? _.store.context.floatingId), M = b(() => v.initialFocus ?? ((e) => e !== "touch" || _.store.state.popupElement)), N = i(a(() => v.onKeyDown), (e) => {
+		E.has(e.key) && e.stopPropagation();
+	}), P = null;
+	y(() => j(), (e) => {
+		_.store.setPopupId(e);
+	}), S(() => {
+		_.store.state.popupElement === P && _.store.setPopupElement(null);
+	});
+	let F = f(D, m({
+		ref: [((e) => {
+			P = e, _.store.setPopupElement(e);
+		}), v.ref],
+		get id() {
+			return j();
+		},
+		get role() {
+			return _.role;
+		},
+		tabIndex: -1,
+		"data-base-ui-focusable": "",
+		get hidden() {
+			return !_.presence.mounted();
+		},
+		get "aria-labelledby"() {
+			return _.titleId();
+		},
+		get "aria-describedby"() {
+			return _.descriptionId();
+		},
+		get class() {
+			return O();
+		},
+		get style() {
+			return k();
+		},
+		onKeyDown: N
+	}, A, C));
+	return f(o, {
+		get context() {
+			return _.store.context.floatingRoot;
+		},
+		get tree() {
+			return _.tree;
+		},
+		get disabled() {
+			return !_.presence.mounted();
+		},
+		get closeOnFocusOut() {
+			return !_.disablePointerDismissal();
+		},
+		get initialFocus() {
+			return M();
+		},
+		get returnFocus() {
+			return v.finalFocus;
+		},
+		get modal() {
+			return _.modal() !== !1;
+		},
+		restoreFocus: "popup",
+		get openInteractionType() {
+			return _.store.openMethod();
+		},
+		children: F
+	});
+}
+//#endregion
+export { w as n, D as t };