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

package/dist/lib/client/{PopupHandle-CcJG4NMy.js → PopupHandle-DyX5gY1e.js}

@@ -1,10 +1,10 @@
 import { d as e } from "./reasons-Co5CzjKq.js";
 import { createChangeEventDetails as t } from "./internals/createBaseUIEventDetails.js";
-import { i as n } from "./PopupStore-DjB-wO88.js";
+import { i as n } from "./PopupStore-BjRwcvbG.js";
 import { isServer as r } from "@solidjs/web";
-import { createEffect as i, createSignal as a } from "solid-js";
+import { createEffect as i, createSignal as a, sharedConfig as o } from "solid-js";
 //#region src/internals/overlay/PopupHandle.ts
-var o = class {
+var s = class {
 	context = { triggerElements: new n() };
 	state = {
 		open: !1,
@@ -42,7 +42,7 @@ var o = class {
 		};
 	}
 	forwardTriggerData(e, t, n) {}
-}, s = class {
+}, c = class {
 	componentName;
 	throwOnMissingTrigger;
 	attachedStores = [];
@@ -51,7 +51,7 @@ var o = class {
 	attachedStore = null;
 	overlapWarningFrame = 0;
 	constructor(e, t = !0, n) {
-		this.componentName = e, this.throwOnMissingTrigger = t, this.fallbackStore = n ?? new o();
+		this.componentName = e, this.throwOnMissingTrigger = t, this.fallbackStore = n ?? new s();
 	}
 	get store() {
 		return this.attachedStore ?? this.fallbackStore;
@@ -86,16 +86,22 @@ var o = class {
 		this.attachedStore !== e && (this.attachedStore = e, this.listeners.forEach((e) => e()));
 	}
 };
-function c(e) {
-	let [t, n] = a(0, { equals: !1 });
-	return i(() => e(), (e) => e?.subscribeStore(() => n((e) => e + 1))), () => {
+function l(e) {
+	let [t, n] = a(0, {
+		equals: !1,
+		ownedWrite: !0
+	}), s = !r && o.hydrating;
+	return i(() => e(), (e) => {
+		let t = e?.subscribeStore(() => n((e) => e + 1));
+		return s = !1, n((e) => e + 1), t;
+	}), () => {
 		t();
 		let n = e();
-		return n ? r ? n.serverStore : n.store : void 0;
+		return n ? r || s ? n.serverStore : n.store : void 0;
 	};
 }
-function l(e, t) {
+function u(e, t) {
 	i(() => e(), (e) => e?.attachStore(t));
 }
 //#endregion
-export { c as i, o as n, l as r, s as t };
+export { l as i, s as n, u as r, c as t };

package/dist/lib/client/{PopupStore-DjB-wO88.js → PopupStore-BjRwcvbG.js}

@@ -1,149 +1,172 @@
 import { P as e, T as t, l as n, w as r } from "./reasons-Co5CzjKq.js";
 import { createChangeEventDetails as i } from "./internals/createBaseUIEventDetails.js";
-import { t as a } from "./runOnceAnimationsFinish-15EM-Z4l.js";
-import { a as o, c as s, m as c, n as l, p as u, r as d, s as f, u as p } from "./dom-BEAeQ9Eb.js";
-import { l as m, o as h } from "./FloatingTree-23B7KKPD.js";
-import { t as g } from "./createTransitionStatus-B1L-whed.js";
-import { _ } from "./popupStateMapping-C9eZl19i.js";
-import { createEffect as v, untrack as y } from "solid-js";
+import { t as a } from "./runOnceAnimationsFinish-CFADb4CN.js";
+import { c as o, d as s, h as c, i as l, l as u, m as d, n as f, o as p, r as m } from "./dom-lDdayFF_.js";
+import { l as h, o as g } from "./FloatingTree-23B7KKPD.js";
+import { t as _ } from "./createTransitionStatus-BL_cPSEA.js";
+import { _ as v } from "./popupStateMapping-nhukB8NK.js";
+import { createEffect as y, onCleanup as b, untrack as x } from "solid-js";
 //#region src/internals/overlay/createDismiss.ts
-function b(e) {
+function S(e, t) {
+	return o(e, t) || m(t, l(e));
+}
+function C(e) {
 	return {
 		escapeKey: typeof e == "boolean" ? e : e?.escapeKey ?? !1,
 		outsidePress: typeof e == "boolean" ? e : e?.outsidePress ?? !0
 	};
 }
-function x(e, t) {
-	if (!s(t)) return !1;
+function w(e, t) {
+	if (!u(t)) return !1;
 	let n = c(t).getComputedStyle(t), r = t.matches("html,body"), i = (r || /auto|scroll/.test(n.overflowX)) && t.clientWidth > 0 && t.scrollWidth > t.clientWidth;
 	return (r || /auto|scroll/.test(n.overflowY)) && t.clientHeight > 0 && t.scrollHeight > t.clientHeight && (n.direction === "rtl" ? e.offsetX <= t.offsetWidth - t.clientWidth : e.offsetX > t.clientWidth) || i && e.offsetY > t.clientHeight;
 }
-function S(r) {
-	let a = !1, s, c = "", m = !1, g = !1, _ = !1, y, S, C = null, w = /* @__PURE__ */ new WeakSet(), T = () => r.enabled?.() ?? !0, E = () => r.context.track().open, D = () => b(r.bubbles?.()), O = () => r.outsidePress?.() ?? !0, k = () => O() !== !1, A = () => {
+function T(r) {
+	let a = !1, o, u = "", m = !1, h = !1, _ = !1, v = !1, x, T, E = null, D = /* @__PURE__ */ new WeakSet();
+	b(r.context.context.events.on("openchange", (e) => {
+		e.open || (v = !1);
+	}));
+	let O = () => r.enabled?.() ?? !0, k = () => r.context.track().open, A = () => C(r.bubbles?.()), j = () => r.outsidePress?.() ?? !0, M = () => j() !== !1, N = () => {
 		let e = r.outsidePressEvent?.() ?? "sloppy";
-		return typeof e == "string" ? e : c === "touch" ? e.touch : e.mouse;
-	}, j = () => r.tree?.(), M = () => r.context.context.nodeId, N = (e = !0) => j() ? h(j().nodes, M(), e) : [], P = (e) => N().some((t) => t.context?.state.open && t.context.context.data[e] !== !0), F = (e) => f(e, r.context.state.floatingElement) || f(e, r.context.state.domReferenceElement) || (r.insideElements?.() ?? []).some((t) => f(e, t)), I = (e) => F(e) || N(!1).some((t) => {
-		if (f(e, t.context?.state.floatingElement) || t.context?.context.triggerElements.hasMatchingElement((t) => f(e, t))) return !0;
+		return typeof e == "string" ? e : u === "touch" ? e.touch : e.mouse;
+	}, P = () => r.tree?.(), F = () => r.context.context.nodeId, I = (e = !0) => P() ? g(P().nodes, F(), e) : [], L = (e) => I().some((t) => t.context?.state.open && t.context.context.data[e] !== !0), R = (e) => S(e, r.context.state.floatingElement) || S(e, r.context.state.domReferenceElement) || (r.insideElements?.() ?? []).some((t) => S(e, t)), z = (e) => R(e) || I(!1).some((t) => {
+		if (S(e, t.context?.state.floatingElement) || t.context?.context.triggerElements.hasMatchingElement((t) => S(e, t))) return !0;
 		let n = t.context?.context.data.insideElements;
-		return typeof n == "function" && n().some((t) => f(e, t));
-	}), L = (e) => {
-		if (e.baseUIHandlerPrevented || w.has(e) || !E() || !T() || !(r.escapeKey?.() ?? !0) || e.key !== "Escape" || a || e.isComposing || e.keyCode === 229 || !D().escapeKey && P("__escapeKeyBubbles")) return;
-		w.add(e);
+		return typeof n == "function" && n().some((t) => S(e, t));
+	}), B = (e) => {
+		if (e.baseUIHandlerPrevented || D.has(e) || !k() || !O() || !(r.escapeKey?.() ?? !0) || e.key !== "Escape" || a || e.isComposing || e.keyCode === 229 || !A().escapeKey && L("__escapeKeyBubbles")) return;
+		D.add(e);
 		let t = i(n, e);
-		r.context.setOpen(!1, t), t.isCanceled || e.preventDefault(), !D().escapeKey && !t.isPropagationAllowed && e.stopPropagation();
+		r.context.setOpen(!1, t), t.isCanceled || e.preventDefault(), !A().escapeKey && !t.isPropagationAllowed && e.stopPropagation();
 	};
-	return v(() => ({
-		open: E(),
-		enabled: T(),
+	return y(() => ({
+		open: k(),
+		enabled: O(),
 		floating: r.context.track().floatingElement,
 		escapeKey: r.escapeKey?.() ?? !0,
-		outsidePressEnabled: k(),
-		escapeBubbles: D().escapeKey,
-		outsideBubbles: D().outsidePress
+		outsidePressEnabled: M(),
+		escapeBubbles: A().escapeKey,
+		outsideBubbles: A().outsidePress
 	}), (e) => {
-		if (!e.open || !e.enabled) return;
+		if (!e.open || !e.enabled) {
+			e.open || (v = !1);
+			return;
+		}
 		r.context.context.data.__escapeKeyBubbles = e.escapeBubbles, r.context.context.data.__outsidePressBubbles = e.outsideBubbles;
-		let n = u(e.floating), f = () => {
-			clearTimeout(s), a = !0;
-		}, h = () => {
-			clearTimeout(s), s = setTimeout(() => {
+		let n = d(e.floating), g = () => {
+			clearTimeout(o), a = !0;
+		}, y = () => {
+			clearTimeout(o), o = setTimeout(() => {
 				a = !1;
 			}, typeof CSS < "u" && CSS.supports?.("-webkit-backdrop-filter:none") ? 5 : 0);
-		}, v = () => {
-			m = !1, g = !1;
 		}, b = () => {
-			_ = !0, clearTimeout(y), y = setTimeout(() => {
+			m = !1, h = !1;
+		}, S = () => {
+			_ = !0, clearTimeout(x), x = setTimeout(() => {
 				_ = !1;
 			});
-		}, w = (e) => {
-			let t = O();
+		}, C = (e) => {
+			let t = j();
 			return typeof t != "function" || t(e);
-		}, T = (a) => {
-			if (A() === "intentional" && a.type !== "click" || A() === "sloppy" && a.type === "click") {
-				a.type !== "click" && !F(a) && (clearTimeout(y), _ = !1);
+		}, D = (a) => {
+			if (N() === "intentional" && a.type !== "click" || N() === "sloppy" && a.type === "click") {
+				a.type !== "click" && !R(a) && (clearTimeout(x), _ = !1);
 				return;
 			}
-			let s = d(a), c = r.context.context.triggerElements;
-			if (o(s) && (c.hasElement(s) || c.hasMatchingElement((e) => l(e, s))) || !("touches" in a) && x(a, s) || I(a)) return;
-			if (A() === "intentional" && _) {
-				clearTimeout(y), _ = !1;
-				return;
+			let o = l(a), u = r.context.context.triggerElements;
+			if (p(o) && (u.hasElement(o) || u.hasMatchingElement((e) => f(e, o))) || !("touches" in a) && w(a, o) || z(a)) return;
+			if (N() === "intentional") {
+				let t = a;
+				if (!(t.detail === 0 || t.pointerType === "" && t.isTrusted || /android/i.test(c(e.floating).navigator.userAgent) && t.pointerType && t.buttons === 1) && !v) return;
+				if (_) {
+					clearTimeout(x), _ = !1;
+					return;
+				}
 			}
-			if (!w(a) || P("__outsidePressBubbles")) return;
-			let u = o(s) ? s : null, f = u?.getRootNode(), m = p(f) ? f : n, h = Array.from(m.querySelectorAll("[data-base-ui-inert]"));
-			if (u && h.length && !u.matches("html,body") && !l(u, e.floating) && h.every((e) => !l(u.getRootNode() === e.getRootNode() ? u : null, e))) {
-				let e = u;
+			if (!C(a) || L("__outsidePressBubbles")) return;
+			let d = p(o) ? o : null, m = d?.getRootNode(), h = s(m) ? m : n, g = Array.from(h.querySelectorAll("[data-base-ui-inert]"));
+			if (d && g.length && !d.matches("html,body") && !f(d, e.floating) && g.every((e) => !f(d.getRootNode() === e.getRootNode() ? d : null, e))) {
+				let e = d;
 				for (; e.parentElement && !e.parentElement.matches("html,body");) e = e.parentElement;
-				if (h.every((t) => !l(e, t))) return;
+				if (g.every((t) => !f(e, t))) return;
 			}
 			r.context.setOpen(!1, i(t, a));
-		}, E = (e, t) => {
-			d(e)?.addEventListener(e.type, () => t(e), { once: !0 });
-		}, D = (e) => {
-			if (e.type === "pointerdown" && (c = e.pointerType), !(e.type === "mousedown" && C && !C.dismissOnMouseDown)) {
-				if (e.type !== "click" && I(e) && e.button === 0) {
-					m = !0, g = !1, E(e, (e) => {
-						g = e.defaultPrevented;
+		}, O = (e, t) => {
+			l(e)?.addEventListener(e.type, () => t(e), { once: !0 });
+		}, k = (e) => {
+			if (e.type === "pointerdown" && (e.button === 0 && (v = !0), u = e.pointerType), !(e.type === "mousedown" && E && !E.dismissOnMouseDown)) {
+				if (e.type !== "click" && z(e) && e.button === 0) {
+					m = !0, h = !1, O(e, (e) => {
+						h = e.defaultPrevented;
 					});
 					return;
 				}
-				E(e, (e) => {
-					(e.type === "pointerdown" && A() === "sloppy" && e.pointerType !== "touch" || e.type !== "pointerdown") && T(e);
+				O(e, (e) => {
+					(e.type === "pointerdown" && N() === "sloppy" && e.pointerType !== "touch" || e.type !== "pointerdown") && D(e);
 				});
 			}
-		}, k = (e) => {
-			if (!m) return;
-			let t = g;
-			if (v(), A() === "intentional") {
+		}, A = (e) => {
+			if (e.type === "pointercancel" && (v = !1), !m) return;
+			let t = h;
+			if (b(), N() === "intentional") {
 				if (e.type === "pointercancel") {
-					t && b();
+					t && S();
 					return;
 				}
-				if (!I(e)) {
+				if (!z(e)) {
 					if (t) {
-						b();
+						S();
 						return;
 					}
-					w(e) && (_ = !0);
+					C(e) && (_ = !0);
 				}
 			}
-		}, j = (e) => {
-			if (c = "touch", A() !== "sloppy" || F(e)) return;
+		}, M = (e) => {
+			if (u = "touch", N() !== "sloppy" || R(e)) return;
 			let t = e.touches[0];
-			t && (C = {
+			t && (E = {
 				startX: t.clientX,
 				startY: t.clientY,
 				dismissOnTouchEnd: !1,
 				dismissOnMouseDown: !0
-			}, clearTimeout(S), S = setTimeout(() => {
-				C && (C.dismissOnTouchEnd = !1, C.dismissOnMouseDown = !1);
+			}, clearTimeout(T), T = setTimeout(() => {
+				E && (E.dismissOnTouchEnd = !1, E.dismissOnMouseDown = !1);
 			}, 1e3));
-		}, M = (e) => {
-			if (A() !== "sloppy" || !C || F(e)) return;
+		}, P = (e) => {
+			if (N() !== "sloppy" || !E || R(e)) return;
 			let t = e.touches[0];
 			if (!t) return;
-			let n = Math.hypot(t.clientX - C.startX, t.clientY - C.startY);
-			n > 5 && (C.dismissOnTouchEnd = !0), n > 10 && (T(e), clearTimeout(S), C = null);
-		}, N = (e) => {
-			A() === "sloppy" && C && !F(e) && (C.dismissOnTouchEnd && T(e), clearTimeout(S), C = null);
+			let n = Math.hypot(t.clientX - E.startX, t.clientY - E.startY);
+			n > 5 && (E.dismissOnTouchEnd = !0), n > 10 && (D(e), clearTimeout(T), E = null);
+		}, F = (e) => {
+			N() === "sloppy" && E && !R(e) && (E.dismissOnTouchEnd && D(e), clearTimeout(T), E = null);
 		};
-		return e.escapeKey && (n.addEventListener("keydown", L), n.addEventListener("compositionstart", f), n.addEventListener("compositionend", h)), e.outsidePressEnabled && (n.addEventListener("click", D, !0), n.addEventListener("pointerdown", D, !0), n.addEventListener("pointerup", k, !0), n.addEventListener("pointercancel", k, !0), n.addEventListener("mousedown", D, !0), n.addEventListener("mouseup", k, !0), n.addEventListener("touchstart", j, !0), n.addEventListener("touchmove", M, !0), n.addEventListener("touchend", N, !0)), () => {
-			n.removeEventListener("keydown", L), n.removeEventListener("compositionstart", f), n.removeEventListener("compositionend", h), n.removeEventListener("click", D, !0), n.removeEventListener("pointerdown", D, !0), n.removeEventListener("pointerup", k, !0), n.removeEventListener("pointercancel", k, !0), n.removeEventListener("mousedown", D, !0), n.removeEventListener("mouseup", k, !0), n.removeEventListener("touchstart", j, !0), n.removeEventListener("touchmove", M, !0), n.removeEventListener("touchend", N, !0), clearTimeout(s), clearTimeout(y), clearTimeout(S), v(), _ = !1, C = null;
+		return e.escapeKey && (n.addEventListener("keydown", B), n.addEventListener("compositionstart", g), n.addEventListener("compositionend", y)), e.outsidePressEnabled && (n.addEventListener("click", k, !0), n.addEventListener("pointerdown", k, !0), n.addEventListener("pointerup", A, !0), n.addEventListener("pointercancel", A, !0), n.addEventListener("mousedown", k, !0), n.addEventListener("mouseup", A, !0), n.addEventListener("touchstart", M, {
+			capture: !0,
+			passive: !0
+		}), n.addEventListener("touchmove", P, {
+			capture: !0,
+			passive: !0
+		}), n.addEventListener("touchend", F, {
+			capture: !0,
+			passive: !0
+		})), () => {
+			n.removeEventListener("keydown", B), n.removeEventListener("compositionstart", g), n.removeEventListener("compositionend", y), n.removeEventListener("click", k, !0), n.removeEventListener("pointerdown", k, !0), n.removeEventListener("pointerup", A, !0), n.removeEventListener("pointercancel", A, !0), n.removeEventListener("mousedown", k, !0), n.removeEventListener("mouseup", A, !0), n.removeEventListener("touchstart", M, !0), n.removeEventListener("touchmove", P, !0), n.removeEventListener("touchend", F, !0), clearTimeout(o), clearTimeout(x), clearTimeout(T), b(), _ = !1, E = null;
 		};
 	}), {
 		onReferencePress: (t) => {
-			r.referencePress?.() && E() && T() && r.context.setOpen(!1, i(e, t));
+			r.referencePress?.() && k() && O() && r.context.setOpen(!1, i(e, t));
 		},
-		onKeyDown: L
+		onKeyDown: B
 	};
 }
 //#endregion
 //#region src/internals/overlay/createPopupPresence.ts
-function C(e, t, n = {}) {
-	let r = g(() => e.open());
+function E(e, t, n = {}) {
+	let r = _(() => e.open(), n.animateInitialOpen);
 	e.update({
-		mounted: y(r.mounted),
-		transitionStatus: y(r.transitionStatus)
+		mounted: x(r.mounted),
+		transitionStatus: x(r.transitionStatus)
 	});
 	let i = () => {
 		r.setMounted(!1), e.update({
@@ -151,12 +174,12 @@ function C(e, t, n = {}) {
 			activeTriggerElement: null,
 			mounted: !1,
 			preventUnmountingOnClose: !1
-		}), n.onUnmount?.(), y(e.context.onOpenChangeComplete)?.(!1);
+		}), n.onUnmount?.(), x(e.context.onOpenChangeComplete)?.(!1);
 	};
-	return v(() => ({
+	return y(() => ({
 		mounted: r.mounted(),
 		transitionStatus: r.transitionStatus()
-	}), (t) => e.update(t)), v(() => ({
+	}), (t) => e.update(t)), y(() => ({
 		open: e.open(),
 		mounted: r.mounted(),
 		preventUnmounting: e.track().preventUnmountingOnClose,
@@ -175,7 +198,7 @@ function C(e, t, n = {}) {
 		return a(e.element, () => {
 			i();
 		}, t.signal), () => t.abort();
-	}), v(() => ({
+	}), y(() => ({
 		open: e.open(),
 		mounted: r.mounted(),
 		element: t()
@@ -183,7 +206,7 @@ function C(e, t, n = {}) {
 		if (!t.open || !t.mounted || !t.element) return;
 		let n = new AbortController();
 		return a(t.element, () => {
-			y(e.context.onOpenChangeComplete)?.(!0);
+			x(e.context.onOpenChangeComplete)?.(!0);
 		}, n.signal, { waitForStartingStyleRemoved: !0 }), () => n.abort();
 	}), {
 		mounted: r.mounted,
@@ -193,7 +216,7 @@ function C(e, t, n = {}) {
 }
 //#endregion
 //#region src/internals/overlay/PopupTriggerMap.ts
-var w = class {
+var D = class {
 	idMap = /* @__PURE__ */ new Map();
 	add(e, t) {
 		this.idMap.set(e, t);
@@ -224,7 +247,7 @@ var w = class {
 };
 //#endregion
 //#region src/internals/overlay/FloatingRootStore.ts
-function T(e) {
+function O(e) {
 	return [
 		"click",
 		"mousedown",
@@ -232,9 +255,9 @@ function T(e) {
 		"keyup"
 	].includes(e.type);
 }
-var E = class extends _ {
+var k = class extends v {
 	constructor(e) {
-		let t = e.triggerElements ?? new w();
+		let t = e.triggerElements ?? new D();
 		super({
 			open: !1,
 			transitionStatus: void 0,
@@ -245,7 +268,7 @@ var E = class extends _ {
 			floatingId: e.floatingId
 		}, {
 			data: {},
-			events: m(),
+			events: h(),
 			nested: e.nested ?? !1,
 			nodeId: e.nodeId,
 			triggerElements: t,
@@ -257,7 +280,7 @@ var E = class extends _ {
 		return e.positionReference ?? e.referenceElement;
 	}
 	syncOpenEvent(e, t) {
-		(!e || !this.state.open || t && T(t)) && (this.context.data.openEvent = e ? t : void 0);
+		(!e || !this.state.open || t && O(t)) && (this.context.data.openEvent = e ? t : void 0);
 	}
 	dispatchOpenChange(e, t) {
 		this.syncOpenEvent(e, t.event), this.context.events.emit("openchange", {
@@ -271,12 +294,12 @@ var E = class extends _ {
 	setOpen(e, t) {
 		this.context.onOpenChange(e, t);
 	}
-}, D = Object.freeze({}), O = () => void 0, k = class extends _ {
+}, A = Object.freeze({}), j = () => void 0, M = class extends v {
 	resolvedActiveTriggerId = null;
 	closeOnActiveTriggerUnmount = !1;
 	triggerState = /* @__PURE__ */ new Map();
 	constructor(e = {}) {
-		let t = new w(), n, r = new E({
+		let t = new D(), n, r = new k({
 			floatingId: e.floatingId,
 			nested: e.nested,
 			nodeId: e.nodeId,
@@ -295,9 +318,9 @@ var E = class extends _ {
 			popupElement: null,
 			popupId: void 0,
 			positionerElement: null,
-			activeTriggerProps: D,
-			inactiveTriggerProps: D,
-			popupProps: D,
+			activeTriggerProps: A,
+			inactiveTriggerProps: A,
+			popupProps: A,
 			instantType: void 0,
 			adaptiveOriginMiddleware: void 0,
 			closeDelay: 0
@@ -305,11 +328,11 @@ var E = class extends _ {
 			triggerElements: t,
 			floatingRoot: r,
 			floatingId: e.floatingId,
-			controlledOpen: e.controlledOpen ?? O,
-			controlledTriggerId: e.controlledTriggerId ?? O,
-			onOpenChange: e.onOpenChange ?? O,
-			onOpenChangeComplete: e.onOpenChangeComplete ?? O
-		}), n = (e, t) => this.setOpen(e, t), v(() => ({
+			controlledOpen: e.controlledOpen ?? j,
+			controlledTriggerId: e.controlledTriggerId ?? j,
+			onOpenChange: e.onOpenChange ?? j,
+			onOpenChangeComplete: e.onOpenChangeComplete ?? j
+		}), n = (e, t) => this.setOpen(e, t), y(() => ({
 			open: this.open(),
 			transitionStatus: this.track().transitionStatus,
 			referenceElement: this.track().activeTriggerElement,
@@ -440,29 +463,29 @@ var E = class extends _ {
 	}
 	clearInteractionProps() {
 		this.update({
-			activeTriggerProps: D,
-			inactiveTriggerProps: D,
-			popupProps: D
+			activeTriggerProps: A,
+			inactiveTriggerProps: A,
+			popupProps: A
 		});
 	}
 };
-function A(e, t, n, r = () => ({})) {
-	v(() => ({
+function N(e, t, n, r = () => ({})) {
+	y(() => ({
 		store: e(),
 		id: t(),
 		element: n()
 	}), (e) => {
 		if (!e.store || !e.id || !e.element) return;
-		let t = y(() => e.store.registerTrigger(e.id, e.element, r()));
-		return () => y(t);
-	}), v(() => ({
+		let t = x(() => e.store.registerTrigger(e.id, e.element, r()));
+		return () => x(t);
+	}), y(() => ({
 		store: e(),
 		id: t(),
 		element: n(),
 		state: r()
 	}), (e) => {
-		e.store && e.id && e.element && y(() => e.store.forwardTriggerData(e.id, e.element, e.state));
+		e.store && e.id && e.element && x(() => e.store.forwardTriggerData(e.id, e.element, e.state));
 	});
 }
 //#endregion
-export { C as a, w as i, A as n, S as o, E as r, k as t };
+export { E as a, D as i, N as n, T as o, k as r, M as t };

package/dist/lib/client/PopupViewport-BanYHrD-.js

@@ -0,0 +1,154 @@
+import { t as e } from "./runOnceAnimationsFinish-CFADb4CN.js";
+import { h as t, m as n } from "./dom-lDdayFF_.js";
+import { n as r, t as i } from "./createPopupAutoResize-CSNpMz5v.js";
+import { createComponent as a, effect as o, getNextElement as s, insert as c, ref as l, scope as u, setAttribute as d, setStyleProperty as f, template as p } from "@solidjs/web";
+import { Show as m, createEffect as h, createSignal as g, onCleanup as _, untrack as v } from "solid-js";
+//#region src/internals/overlay/adaptiveOrigin.ts
+var y = {
+	name: "adaptiveOrigin",
+	async fn(e) {
+		let { x: r, y: i, rects: a, elements: o, platform: s, strategy: c, placement: l } = e, u = t(o.floating), d = u.getComputedStyle(o.floating);
+		if (d.transitionDuration === "0s" || d.transitionDuration === "") return {
+			x: r,
+			y: i,
+			data: {
+				sideX: "left",
+				sideY: "top"
+			}
+		};
+		let f = await s.getOffsetParent?.(o.floating), p = {
+			width: 0,
+			height: 0
+		};
+		if (c === "fixed" && u.visualViewport) p = {
+			width: u.visualViewport.width,
+			height: u.visualViewport.height
+		};
+		else if (f === u) {
+			let e = n(o.floating);
+			p = {
+				width: e.documentElement.clientWidth,
+				height: e.documentElement.clientHeight
+			};
+		} else await s.isElement?.(f) && (p = await s.getDimensions(f));
+		let m = l.split("-")[0];
+		return {
+			x: m === "left" ? p.width - (r + a.floating.width) : r,
+			y: m === "top" ? p.height - (i + a.floating.height) : i,
+			data: {
+				sideX: m === "left" ? "right" : "left",
+				sideY: m === "top" ? "bottom" : "top"
+			}
+		};
+	}
+}, b = /* @__PURE__ */ p("<div data-previous inert style=position:absolute>"), x = /* @__PURE__ */ p("<div data-current>");
+function S(t) {
+	let p = { ownedWrite: !0 }, [S, C] = g(null, p), [w, T] = g(null, p), [E, D] = g(null, p), [O, k] = g(null, p), [A, j] = g(!1, p), [M, N] = g(void 0, p), [P, F] = g(0, p), I = null, L = null, R = v(() => t.store.activeTriggerId()), z = v(() => t.store.state.payload), B = !1, V, H = 0;
+	return h(() => t.store, (e) => (e.set("adaptiveOriginMiddleware", y), () => e.set("adaptiveOriginMiddleware", void 0))), _(() => {
+		V?.abort(), typeof cancelAnimationFrame == "function" && cancelAnimationFrame(H);
+	}), h(() => ({
+		id: t.store.activeTriggerId(),
+		payload: t.store.track().payload
+	}), (e) => {
+		let t = e.id !== R, n = e.payload !== z;
+		t ? (F((e) => e + 1), B = !n) : B && n && (F((e) => e + 1), B = !1), R = e.id, z = e.payload;
+	}), h(() => ({
+		open: t.store.open(),
+		mounted: t.store.track().mounted,
+		trigger: t.store.track().activeTriggerElement
+	}), (e) => {
+		if (!e.open || !e.mounted) {
+			L = null;
+			return;
+		}
+		e.trigger && L && e.trigger !== L && I && (D(I), j(!0), N(i(L, e.trigger))), L = e.trigger;
+	}), h(() => ({
+		previous: E(),
+		key: P(),
+		current: S()
+	}), (t) => {
+		if (!(!t.previous || !t.current)) return V?.abort(), j(!0), cancelAnimationFrame(H), H = requestAnimationFrame(() => {
+			H = requestAnimationFrame(() => {
+				j(!1);
+				let n = new AbortController();
+				V = n, e(t.current, () => {
+					D(null), k(null), I = null;
+				}, n.signal, { waitForStartingStyleRemoved: !0 });
+			});
+		}), () => {
+			cancelAnimationFrame(H), V?.abort();
+		};
+	}), h(() => ({
+		container: S(),
+		key: P(),
+		payload: t.store.track().payload
+	}), (e) => {
+		if (!e.container) return;
+		let t = n(e.container).createElement("div");
+		Array.from(e.container.childNodes).forEach((e) => t.appendChild(e.cloneNode(!0))), I = t;
+	}), h(() => ({
+		container: w(),
+		content: E()
+	}), (e) => {
+		e.container && e.content && e.container.replaceChildren(...Array.from(e.content.childNodes));
+	}), r({
+		popup: () => t.store.track().popupElement,
+		positioner: () => t.store.track().positionerElement,
+		mounted: () => t.store.track().mounted,
+		content: () => t.store.track().payload,
+		side: () => t.side,
+		direction: () => t.direction ?? "ltr",
+		onMeasureLayout() {
+			v(S)?.style.setProperty("animation", "none"), v(S)?.style.setProperty("transition", "none"), v(w)?.style.setProperty("display", "none");
+		},
+		onMeasureLayoutComplete(e) {
+			v(S)?.style.removeProperty("animation"), v(S)?.style.removeProperty("transition"), v(w)?.style.removeProperty("display"), e && k(e);
+		}
+	}), h(() => ({
+		activationDirection: M(),
+		transitioning: E() !== null
+	}), (e) => {
+		v(() => t.onStateChange)?.(e);
+	}), a(m, {
+		get when() {
+			return E();
+		},
+		get fallback() {
+			return a(m, {
+				keyed: !0,
+				get when() {
+					return `${t.store.activeTriggerId() ?? "current"}-${P()}`;
+				},
+				children: (e) => (() => {
+					var e = s(x);
+					return l(() => C, e), c(e, u(() => t.children)), e;
+				})()
+			});
+		},
+		get children() {
+			return [(() => {
+				var e = s(b);
+				return l(() => T, e), o(() => ({
+					e: O() ? `${O().width}px` : void 0,
+					t: O() ? `${O().height}px` : void 0,
+					a: A() ? void 0 : ""
+				}), ({ e: t, t: n, a: r }, i) => {
+					t !== i?.e && f(e, "--popup-width", t), n !== i?.t && f(e, "--popup-height", n), r !== i?.a && d(e, "data-ending-style", r);
+				}), e;
+			})(), a(m, {
+				keyed: !0,
+				get when() {
+					return `${t.store.activeTriggerId() ?? "current"}-${P()}`;
+				},
+				children: (e) => (() => {
+					var e = s(x);
+					return l(() => C, e), c(e, u(() => t.children)), o(() => A() ? "" : void 0, (t) => {
+						d(e, "data-starting-style", t);
+					}), e;
+				})()
+			})];
+		}
+	});
+}
+//#endregion
+export { S as t };