@mhmo91/schmancy 0.9.27 → 0.10.1

package/dist/overlay.js

@@ -1,16 +1,27 @@
 import { n as e } from "./chunk-BM5alsTp.js";
-import { t } from "./decorate-D_utPUsC.js";
-import { t as n } from "./litElement.mixin-CszkJuNl.js";
-import "./mixins.js";
-import { t as r } from "./lazy-D6R5N5v4.js";
-import { f as i, o as a, u as o, v as s } from "./animation-hXFClrIn.js";
-import { BehaviorSubject as c, EMPTY as l, Observable as u, Subject as d, defaultIfEmpty as f, defer as p, distinctUntilChanged as m, filter as h, firstValueFrom as g, fromEvent as _, map as v, merge as y, switchMap as b, take as x, takeUntil as S, tap as C } from "rxjs";
-import { customElement as w, property as T, query as E } from "lit/decorators.js";
-import { css as D, html as O, nothing as k, render as A } from "lit";
-import { when as j } from "lit/directives/when.js";
-import { choose as M } from "lit/directives/choose.js";
-function N(e, t) {
-	if (s()) return t === "in" ? {
+import { s as t } from "./mixins-CL1krSOE.js";
+import { t as n } from "./decorate-23nYs4Le.js";
+import { t as r } from "./lazy-B0ia54tT.js";
+import { _ as i, d as a, f as o, u as s } from "./animation-BK-8BwY8.js";
+import { t as c } from "./reduced-motion-D-L12p7G.js";
+import { t as l } from "./layout-BghHmee6.js";
+import { BehaviorSubject as u, EMPTY as d, Observable as f, Subject as p, debounceTime as ee, defaultIfEmpty as m, defer as te, distinctUntilChanged as h, filter as g, firstValueFrom as _, fromEvent as v, map as y, merge as b, switchMap as ne, take as x, takeUntil as S, tap as C } from "rxjs";
+import { customElement as re, property as w, query as T, state as ie } from "lit/decorators.js";
+import { css as E, html as D, render as ae } from "lit";
+import { ifDefined as O } from "lit/directives/if-defined.js";
+import { when as k } from "lit/directives/when.js";
+import { autoUpdate as oe, computePosition as se, flip as ce, offset as le, shift as ue, size as de } from "@floating-ui/dom";
+import { choose as fe } from "lit/directives/choose.js";
+var A = c.value;
+c.subscribe((e) => {
+	A = e;
+});
+var j = "--schmancy-overlay-origin-x", M = "--schmancy-overlay-origin-y", N = `var(${j}, 50%) var(${M}, 50%)`;
+function P(e) {
+	return Number.isNaN(e) || !Number.isFinite(e) ? 50 : Math.max(0, Math.min(100, e));
+}
+function F(e, t) {
+	if (A) return t === "in" ? {
 		keyframes: [{
 			opacity: 0,
 			transform: "none"
@@ -41,27 +52,31 @@ function N(e, t) {
 		case "centered": return t === "in" ? {
 			keyframes: [{
 				opacity: 0,
-				transform: "scale(0.92) translateY(16px)"
+				transform: "scale(0.6)",
+				transformOrigin: N
 			}, {
 				opacity: 1,
-				transform: "scale(1) translateY(0)"
+				transform: "scale(1)",
+				transformOrigin: N
 			}],
 			options: {
-				duration: i.duration,
-				easing: i.easingFallback,
+				duration: o.duration,
+				easing: i(o),
 				fill: "forwards"
 			}
 		} : {
 			keyframes: [{
 				opacity: 1,
-				transform: "scale(1) translateY(0)"
+				transform: "scale(1)",
+				transformOrigin: N
 			}, {
 				opacity: 0,
-				transform: "scale(0.96) translateY(8px)"
+				transform: "scale(0.95)",
+				transformOrigin: N
 			}],
 			options: {
 				duration: 150,
-				easing: a,
+				easing: i(a),
 				fill: "forwards"
 			}
 		};
@@ -74,8 +89,8 @@ function N(e, t) {
 				transform: "translateY(0)"
 			}],
 			options: {
-				duration: o.duration,
-				easing: o.easingFallback,
+				duration: s.duration,
+				easing: i(s),
 				fill: "forwards"
 			}
 		} : {
@@ -88,49 +103,264 @@ function N(e, t) {
 			}],
 			options: {
 				duration: 150,
-				easing: a,
+				easing: i(a),
 				fill: "forwards"
 			}
 		};
 		case "anchored": return t === "in" ? {
-			keyframes: [{ opacity: 0 }, { opacity: 1 }],
+			keyframes: [{
+				opacity: 0,
+				transform: "scale(0.85)",
+				transformOrigin: N
+			}, {
+				opacity: 1,
+				transform: "scale(1)",
+				transformOrigin: N
+			}],
 			options: {
-				duration: i.duration,
-				easing: i.easingFallback,
+				duration: o.duration,
+				easing: i(o),
 				fill: "forwards"
 			}
 		} : {
-			keyframes: [{ opacity: 1 }, { opacity: 0 }],
+			keyframes: [{
+				opacity: 1,
+				transform: "scale(1)",
+				transformOrigin: N
+			}, {
+				opacity: 0,
+				transform: "scale(0.92)",
+				transformOrigin: N
+			}],
 			options: {
 				duration: 150,
-				easing: a,
+				easing: i(a),
 				fill: "forwards"
 			}
 		};
 	}
 }
-var P = "overlay-mount", F = class extends n(D`
+function pe(e) {
+	let { surface: t, dragHandle: n, until$: r } = e;
+	return new f((e) => {
+		let i = n ?? t, a = new p(), o = !1, s = null, c = 0, l = 0, u = 0;
+		return b(v(i, "pointerdown").pipe(g((e) => e.isPrimary && (e.pointerType !== "mouse" || e.button === 0)), g((e) => {
+			if (n) return !0;
+			let r = t.getBoundingClientRect();
+			return e.clientY - r.top <= 40;
+		}), C((e) => {
+			o = !0, s = e.pointerId, c = e.clientY, l = performance.now(), u = 0, t.style.transition = "none", t.style.willChange = "transform";
+			try {
+				i.setPointerCapture?.(e.pointerId);
+			} catch {}
+		})), v(i, "pointermove").pipe(g(() => o), g((e) => e.pointerId === s), C((e) => {
+			u = function(e) {
+				if (e >= 0) return e;
+				let t = -e;
+				return -Math.max(0, 8 * (Math.log(t + 1) - 2));
+			}(e.clientY - c), t.style.transform = `translateY(${u}px)`, e.cancelable && e.preventDefault();
+		})), b(v(i, "pointerup"), v(i, "pointercancel"), v(i, "lostpointercapture")).pipe(g(() => o), g((e) => e.pointerId === s), C(() => {
+			o = !1;
+			let n = s;
+			s = null;
+			try {
+				n !== null && i.releasePointerCapture?.(n);
+			} catch {}
+			let r = Math.max(1, performance.now() - l), a = u / r, c = t.getBoundingClientRect().height, d = Math.min(80, .25 * c), f = u > d || u > 20 && a > .4;
+			t.style.willChange = "", f ? (t.style.transition = "transform 300ms cubic-bezier(0.16, 1, 0.3, 1)", t.style.transform = "translateY(100%)", e.next("dismiss"), e.complete()) : (t.style.transition = "transform 300ms cubic-bezier(0.16, 1, 0.3, 1)", t.style.transform = "translateY(0)");
+		}))).pipe(S(b(a, r))).subscribe(), () => {
+			a.next(), a.complete(), t.style.transition = "", t.style.transform = "", t.style.willChange = "";
+		};
+	}).pipe(x(1));
+}
+function I(e) {
+	let { anchor: t, content: n, viewport: r } = e, i = r.width < 640, a = r.isCoarsePointer, o = n.height > .8 * r.height, s = n.width > .9 * r.width;
+	return i || a || o || s ? "sheet" : t === void 0 ? "centered" : "anchored";
+}
+function L() {
+	return {
+		width: window.innerWidth,
+		height: window.innerHeight,
+		isCoarsePointer: window.matchMedia("(pointer: coarse)").matches
+	};
+}
+function R(e, t) {
+	return {
+		x: e,
+		y: t,
+		width: 0,
+		height: 0,
+		left: e,
+		right: e,
+		top: t,
+		bottom: t,
+		toJSON: () => ({
+			x: e,
+			y: t,
+			width: 0,
+			height: 0,
+			left: e,
+			right: e,
+			top: t,
+			bottom: t
+		})
+	};
+}
+var z = Object.freeze({
+	popover: typeof HTMLElement < "u" && "popover" in HTMLElement.prototype && typeof HTMLElement.prototype.showPopover == "function",
+	cssAnchor: typeof CSS < "u" && typeof CSS.supports == "function" && CSS.supports("anchor-name: --x")
+});
+function B(e) {
+	if (!z.popover) throw Error("positionPopoverAPI requires Popover API support");
+	e.setAttribute("popover", "auto");
+	try {
+		e.showPopover();
+	} catch {}
+	return () => {
+		try {
+			e.hidePopover?.();
+		} catch {}
+		e.removeAttribute("popover");
+	};
+}
+function V(e, t, n = {}) {
+	return new f((r) => {
+		let i = t.el ?? t.virtual;
+		if (!i) return void r.error(/* @__PURE__ */ Error("positionFloatingUI requires an element or virtual anchor"));
+		let a = n.placement ?? "bottom-start", o = n.padding ?? 16, s = n.offsetPx ?? 8, c = oe(i, e, async () => {
+			try {
+				let { x: t, y: n } = await se(i, e, {
+					strategy: "fixed",
+					placement: a,
+					middleware: [
+						le(s),
+						ce({
+							padding: o,
+							fallbackPlacements: me(a)
+						}),
+						ue({ padding: o }),
+						de({
+							padding: o,
+							apply({ availableWidth: e, availableHeight: t, elements: n }) {
+								n.floating.style.maxWidth = `${Math.max(0, e)}px`, n.floating.style.maxHeight = `${Math.max(0, t)}px`;
+							}
+						})
+					]
+				});
+				Object.assign(e.style, {
+					position: "fixed",
+					left: `${Math.round(t)}px`,
+					top: `${Math.round(n)}px`,
+					transform: "none"
+				}), r.next();
+			} catch (e) {
+				r.error(e);
+			}
+		}, {
+			ancestorScroll: !0,
+			ancestorResize: !0,
+			elementResize: !1 !== n.track
+		});
+		return () => {
+			c();
+		};
+	});
+}
+function me(e) {
+	switch (e) {
+		case "bottom-start": return [
+			"top-start",
+			"bottom-end",
+			"top-end"
+		];
+		case "bottom-end": return [
+			"top-end",
+			"bottom-start",
+			"top-start"
+		];
+		case "top-start": return [
+			"bottom-start",
+			"top-end",
+			"bottom-end"
+		];
+		case "top-end": return [
+			"bottom-end",
+			"top-start",
+			"bottom-start"
+		];
+		case "left-start": return [
+			"right-start",
+			"left-end",
+			"right-end"
+		];
+		case "left-end": return [
+			"right-end",
+			"left-start",
+			"right-start"
+		];
+		case "right-start": return [
+			"left-start",
+			"right-end",
+			"left-end"
+		];
+		case "right-end": return [
+			"left-end",
+			"right-start",
+			"left-start"
+		];
+		case "top": return [
+			"bottom",
+			"left",
+			"right"
+		];
+		case "bottom": return [
+			"top",
+			"left",
+			"right"
+		];
+		case "left": return [
+			"right",
+			"top",
+			"bottom"
+		];
+		case "right": return [
+			"left",
+			"top",
+			"bottom"
+		];
+		default: return ["top-start", "bottom-end"];
+	}
+}
+var H = "overlay-mount", U = class extends t {
+	constructor(...e) {
+		super(...e), this.layout = "centered", this.dismissable = !0, this.modal = !0, this.tier = "modal", this._active = !1, this._closed$ = new p(), this._mounted = !1, this._closing = !1, this._lastFocusedElement = null, this._inertedSiblings = [], this._lastReResolveAt = 0, this.onBackdropClick = () => {
+			this.dismissable && this.close("backdrop");
+		};
+	}
+	static {
+		this.styles = [E`
 	:host {
 		position: fixed;
 		inset: 0;
 		z-index: var(--schmancy-overlay-z, 10000);
-		display: contents;
+		display: none;
 		pointer-events: none;
 	}
-	dialog {
-		margin: 0;
-		padding: 0;
-		border: 0;
-		background: transparent;
-		overflow: visible;
-		max-width: none;
-		max-height: none;
-		pointer-events: auto;
+	:host([active]) {
+		display: block;
+	}
+	.shell {
+		position: fixed;
+		inset: 0;
+		pointer-events: none;
 	}
-	dialog::backdrop {
-		background: rgba(12, 12, 16, 0.28);
+	.backdrop {
+		position: fixed;
+		inset: 0;
+		background: color-mix(in srgb, var(--schmancy-sys-color-surface-container, rgba(12, 12, 16, 0.28)) 60%, transparent);
 		backdrop-filter: blur(18px) saturate(150%);
 		-webkit-backdrop-filter: blur(18px) saturate(150%);
+		pointer-events: auto;
 	}
 	.surface {
 		position: fixed;
@@ -140,6 +370,7 @@ var P = "overlay-mount", F = class extends n(D`
 		overflow: auto;
 		border-radius: var(--schmancy-sys-shape-corner-large, 16px);
 		background: var(--schmancy-sys-color-surface, #ffffff);
+		color: var(--schmancy-sys-color-on-surface, #1a1a1a);
 		box-shadow: 0 24px 64px -16px rgba(0, 0, 0, 0.35);
 	}
 	.surface[data-layout='centered'] {
@@ -152,7 +383,6 @@ var P = "overlay-mount", F = class extends n(D`
 		right: 0;
 		bottom: 0;
 		max-width: none;
-		max-height: 90dvh;
 		width: 100%;
 		border-radius: var(--schmancy-sys-shape-corner-large, 16px) var(--schmancy-sys-shape-corner-large, 16px) 0 0;
 		padding-bottom: env(safe-area-inset-bottom);
@@ -161,54 +391,105 @@ var P = "overlay-mount", F = class extends n(D`
 		max-width: min(480px, calc(100vw - 2rem));
 		box-shadow: 0 12px 32px -8px rgba(0, 0, 0, 0.28);
 	}
-	.drag-handle {
-		display: flex;
-		justify-content: center;
-		padding: 8px 0 4px;
-		touch-action: none;
-		cursor: grab;
-	}
-	.drag-handle::before {
-		content: '';
-		width: 40px;
-		height: 4px;
-		border-radius: 999px;
-		background: var(--schmancy-sys-color-outline-variant, #cac4cf);
+	/* Popover top-layer surfaces escape normal z-index — zero out host
+	 * display to avoid two surfaces rendering during transitions. */
+	.surface:popover-open {
+		margin: 0;
+		border: 0;
 	}
 	@media (prefers-reduced-motion: reduce) {
-		.surface { box-shadow: var(--schmancy-sys-elevation-2, 0 2px 6px rgba(0,0,0,0.2)); }
+		.surface {
+			box-shadow: var(--schmancy-sys-elevation-2, 0 2px 6px rgba(0, 0, 0, 0.2));
+		}
 	}
-`) {
-	constructor(...e) {
-		super(...e), this.layout = "centered", this.dismissable = !0, this.modal = !0, this._closed$ = new d(), this._mounted = !1, this._closing = !1;
+`];
 	}
 	get closed$() {
 		return this._closed$.asObservable();
 	}
 	async open(e, t) {
 		if (this._mounted) throw Error("schmancy-overlay: open() called twice on the same element");
-		this._mounted = !0, this.dismissable = !1 !== t.dismissable, await this.updateComplete;
-		let n = this.renderRoot.querySelector(`#${P}`);
+		this._mounted = !0, this.dismissable = !1 !== t.dismissable, this._rawAnchor = t.anchor, this._anchorOriginAnchor = t.anchor, this._resolvedAnchor = function(e) {
+			if (!e) return;
+			if (typeof HTMLElement < "u" && e instanceof HTMLElement) return { el: e };
+			if (typeof e.getBoundingClientRect == "function") return { virtual: { getBoundingClientRect: () => e.getBoundingClientRect() } };
+			if (typeof e.width == "number" && typeof e.height == "number" && typeof e.left == "number" && typeof e.top == "number") {
+				let t = e;
+				return { virtual: { getBoundingClientRect: () => t } };
+			}
+			if (typeof e.clientX == "number" && typeof e.clientY == "number") {
+				let t = e, n = R(t.clientX, t.clientY);
+				return { virtual: { getBoundingClientRect: () => n } };
+			}
+			if (e.touches !== void 0 && e.touches.length > 0) {
+				let t = e.touches[0], n = R(t.clientX, t.clientY);
+				return { virtual: { getBoundingClientRect: () => n } };
+			}
+			let t = e, n = R(t.x, t.y);
+			return { virtual: { getBoundingClientRect: () => n } };
+		}(t.anchor), this._active = !0, this.setAttribute("active", ""), await this.updateComplete;
+		let n = this.renderRoot.querySelector(`#${H}`);
 		if (!n) throw Error("schmancy-overlay: mount point missing");
-		await I(e, n, t.props);
-		let r = {
-			width: window.innerWidth,
-			height: window.innerHeight,
-			isCoarsePointer: window.matchMedia("(pointer: coarse)").matches
-		}, i = {
+		await W(e, n, t.props);
+		let r = L(), i = {
 			width: n.scrollWidth,
 			height: n.scrollHeight
-		}, a = function(e) {
-			let { anchor: t, content: n, viewport: r } = e, i = r.width < 640, a = r.isCoarsePointer, o = n.height > .8 * r.height, s = n.width > .9 * r.width;
-			return i || a || o || s ? "sheet" : t === void 0 ? "centered" : "anchored";
-		}({
+		};
+		var a;
+		if (this.layout = I({
 			anchor: t.anchor,
 			content: i,
 			viewport: r
-		});
-		this.layout = a;
-		let o = t.modal ?? (a === "centered" || a === "sheet");
-		this.modal = o, await this.updateComplete, o ? this._dialog.showModal() : this._dialog.show(), a === "anchored" && t.anchor && this.positionAnchored(t.anchor), this.wireCloseTriggers(t.signal), await this.playEnterAnimations();
+		}), this.modal = t.modal ?? (this.layout === "centered" || this.layout === "sheet"), this.tier = this.modal ? "modal" : this._resolvedAnchor ? (a = this._resolvedAnchor, z.popover && z.cssAnchor && a.el ? "css-anchor" : z.popover ? "popover-fui" : "fui-only") : "modal", await this.updateComplete, this.tier === "css-anchor" && this._resolvedAnchor?.el && this.shadowRoot) {
+			this._positionerTeardown = function(e, t, n, r = { id: "" }) {
+				if (!t.el) throw Error("positionCSSAnchor requires an element anchor");
+				let i = t.el, a = `--ov-${r.id || Math.random().toString(36).slice(2, 10)}`, o = r.placement ?? "bottom-start", s = i.style.getPropertyValue("anchor-name");
+				i.style.setProperty("anchor-name", a);
+				let c = new CSSStyleSheet();
+				return c.replaceSync(`\n\t\t${e.localName}[data-overlay-ref="${r.id}"] {\n\t\t\tposition-anchor: ${a};\n\t\t\t${function(e) {
+					switch (e) {
+						case "top":
+						case "top-start": return "bottom: anchor(top); left: anchor(start);";
+						case "top-end": return "bottom: anchor(top); right: anchor(end);";
+						case "bottom":
+						case "bottom-start": return "top: anchor(bottom); left: anchor(start);";
+						case "bottom-end": return "top: anchor(bottom); right: anchor(end);";
+						case "left":
+						case "left-start": return "right: anchor(left); top: anchor(start);";
+						case "left-end": return "right: anchor(left); bottom: anchor(end);";
+						case "right":
+						case "right-start": return "left: anchor(right); top: anchor(start);";
+						case "right-end": return "left: anchor(right); bottom: anchor(end);";
+					}
+				}(o)}\n\t\t\tmargin: 8px;\n\t\t\tposition-try-fallbacks:\n\t\t\t\tflip-block,\n\t\t\t\tflip-inline,\n\t\t\t\tflip-block flip-inline;\n\t\t}\n\t`), e.dataset.overlayRef = r.id, n.adoptedStyleSheets = [...n.adoptedStyleSheets, c], () => {
+					s ? i.style.setProperty("anchor-name", s) : i.style.removeProperty("anchor-name"), n.adoptedStyleSheets = n.adoptedStyleSheets.filter((e) => e !== c), delete e.dataset.overlayRef;
+				};
+			}(this._surface, this._resolvedAnchor, this.shadowRoot, {
+				id: `ov-${Math.random().toString(36).slice(2, 10)}`,
+				placement: t.preferredPlacement ?? "bottom-start"
+			});
+			let e = B(this._surface), n = this._positionerTeardown;
+			this._positionerTeardown = () => {
+				e(), n();
+			};
+		} else if (this.tier === "popover-fui" && this._resolvedAnchor) {
+			let e = B(this._surface), n = V(this._surface, this._resolvedAnchor, {
+				placement: t.preferredPlacement ?? "bottom-start",
+				offsetPx: 8,
+				track: !1 !== t.track
+			}).pipe(S(this.disconnecting)).subscribe();
+			this._positionerTeardown = () => {
+				e(), n.unsubscribe();
+			};
+		} else if (this.tier === "fui-only" && this._resolvedAnchor) {
+			let e = V(this._surface, this._resolvedAnchor, {
+				placement: t.preferredPlacement ?? "bottom-start",
+				offsetPx: 8,
+				track: !1 !== t.track
+			}).pipe(S(this.disconnecting)).subscribe();
+			this._positionerTeardown = () => e.unsubscribe();
+		}
+		this.setAnchorOriginVars(), this.wireFocusTrap(), this.wireCloseTriggers(t.signal), this.wireResizeObserver(n), await this.playEnterAnimations();
 	}
 	async close(e, t) {
 		if (!this._closing && this._mounted) {
@@ -216,136 +497,230 @@ var P = "overlay-mount", F = class extends n(D`
 			try {
 				await this.playExitAnimations();
 			} catch {}
-			try {
-				this._dialog?.close();
-			} catch {}
-			this._closed$.next({
+			if (this.releaseFocusTrap(), this._positionerTeardown) {
+				try {
+					this._positionerTeardown();
+				} catch {}
+				this._positionerTeardown = void 0;
+			}
+			this._active = !1, this.removeAttribute("active"), this._closed$.next({
 				reason: e,
 				result: t
 			}), this._closed$.complete();
 		}
 	}
+	render() {
+		return this._active ? D`
+			<div class="shell" part="shell">
+				${k(this.modal, () => D`<div class="backdrop" part="backdrop" @click=${this.onBackdropClick}></div>`)}
+				<section
+					class="surface"
+					part="surface"
+					data-layout=${this.layout}
+					data-tier=${this.tier}
+					role=${this.modal ? "dialog" : "region"}
+					aria-modal=${this.modal ? "true" : "false"}
+					tabindex="-1"
+				>
+					<div id=${H}></div>
+				</section>
+			</div>
+		` : D``;
+	}
+	setAnchorOriginVars() {
+		let e = this._surface;
+		if (!e) return;
+		let t = e.getBoundingClientRect(), n = this.layout !== "centered" || this._anchorOriginAnchor ? this.layout !== "sheet" || this._anchorOriginAnchor ? function(e, t) {
+			if (!e) return {
+				[j]: "50%",
+				[M]: "50%"
+			};
+			let { x: n, y: r } = function(e) {
+				if (typeof e.getBoundingClientRect == "function") {
+					let t = e.getBoundingClientRect();
+					return {
+						x: t.left + t.width / 2,
+						y: t.top + t.height / 2
+					};
+				}
+				if (typeof e.width == "number" && typeof e.height == "number" && typeof e.left == "number" && typeof e.top == "number") {
+					let t = e;
+					return {
+						x: t.left + t.width / 2,
+						y: t.top + t.height / 2
+					};
+				}
+				if (typeof e.clientX == "number" && typeof e.clientY == "number") {
+					let t = e;
+					return {
+						x: t.clientX,
+						y: t.clientY
+					};
+				}
+				if (e.touches !== void 0 && e.touches.length > 0) {
+					let t = e.touches[0];
+					return {
+						x: t.clientX,
+						y: t.clientY
+					};
+				}
+				let t = e;
+				return {
+					x: t.x,
+					y: t.y
+				};
+			}(e);
+			if (!t.width || !t.height) return {
+				[j]: "50%",
+				[M]: "50%"
+			};
+			let i = P((n - t.left) / t.width * 100), a = P((r - t.top) / t.height * 100);
+			return {
+				[j]: `${i}%`,
+				[M]: `${a}%`
+			};
+		}(this._anchorOriginAnchor, t) : {
+			"--schmancy-overlay-origin-x": "50%",
+			"--schmancy-overlay-origin-y": "100%"
+		} : {
+			"--schmancy-overlay-origin-x": "50%",
+			"--schmancy-overlay-origin-y": "50%"
+		};
+		for (let [t, r] of Object.entries(n)) e.style.setProperty(t, r);
+	}
+	wireFocusTrap() {
+		if (!this.modal) return;
+		this._lastFocusedElement = document.activeElement ?? null;
+		let e = this.parentElement;
+		if (e) {
+			this._inertedSiblings = [];
+			for (let t of Array.from(e.children)) t !== this && t instanceof HTMLElement && !t.inert && (t.inert = !0, this._inertedSiblings.push(t));
+		}
+		queueMicrotask(() => {
+			(this._surface?.querySelector("[autofocus]") ?? this._surface)?.focus();
+		});
+	}
+	releaseFocusTrap() {
+		for (let e of this._inertedSiblings) e.inert = !1;
+		this._inertedSiblings = [];
+		try {
+			this._lastFocusedElement?.focus?.();
+		} catch {}
+		this._lastFocusedElement = null;
+	}
 	wireCloseTriggers(e) {
 		let t = this.disconnecting;
-		if (_(this._dialog, "close").pipe(h(() => !this._closing), C(() => {
-			let e = this._dialog.returnValue;
-			e !== "" && e !== void 0 ? this.close("native-submit", e) : this.close("escape");
-		}), S(t)).subscribe(), _(this, "close").pipe(h((e) => e instanceof CustomEvent), h((e) => e.target !== this._dialog), C((e) => {
+		v(this, "close").pipe(g((e) => e instanceof CustomEvent), C((e) => {
 			e.stopPropagation(), this.close("structured", e.detail);
-		}), S(t)).subscribe(), _(this._dialog, "cancel").pipe(C((e) => {
-			this.dismissable || e.preventDefault();
-		}), S(t)).subscribe(), _(this._dialog, "click").pipe(h((e) => this.dismissable && e.target === this._dialog), C(() => {
+		}), S(t)).subscribe(), v(this, "submit").pipe(g((e) => {
+			let t = e.target;
+			return !!t && t.method === "dialog";
+		}), C((e) => {
+			e.preventDefault();
+			let t = e.submitter?.value ?? "";
+			this.close("native-submit", t);
+		}), S(t)).subscribe(), this.tier === "modal" && v(document, "keydown").pipe(g((e) => e.key === "Escape"), C((e) => {
+			this.dismissable ? (e.preventDefault(), this.close("escape")) : e.preventDefault();
+		}), S(t)).subscribe(), this.tier !== "popover-fui" && this.tier !== "css-anchor" || v(this._surface, "toggle").pipe(g((e) => e.newState === "closed"), x(1), C(() => {
+			this._closing || this.close("light-dismiss");
+		}), S(t)).subscribe(), this.tier === "fui-only" && v(document, "pointerdown", { capture: !0 }).pipe(g((e) => {
+			if (!this.dismissable) return !1;
+			let t = e.composedPath()[0];
+			return !!t && !this._surface?.contains(t) && !this._resolvedAnchor?.el?.contains(t);
+		}), x(1), C(() => {
 			this.close("backdrop");
-		}), S(t)).subscribe(), this.layout === "sheet" && this.dismissable) {
-			let e = this.renderRoot.querySelector(".drag-handle");
-			(function(e) {
-				let { surface: t, dragHandle: n, until$: r } = e;
-				return new u((e) => {
-					let i = n ?? t, a = new d(), o = !1, s = 0, c = 0, l = 0;
-					return y(_(i, "touchstart", { passive: !0 }).pipe(h((e) => e.touches.length === 1), h((e) => {
-						if (n) return !0;
-						let r = e.touches[0], i = t.getBoundingClientRect();
-						return r.clientY - i.top <= 40;
-					}), C((e) => {
-						o = !0, s = e.touches[0].clientY, c = performance.now(), l = 0, t.style.transition = "none", t.style.willChange = "transform";
-					})), _(t, "touchmove", { passive: !1 }).pipe(h(() => o), h((e) => e.touches.length === 1), C((e) => {
-						let n = e.touches[0].clientY - s;
-						l = n < 0 ? .2 * n : n, t.style.transform = `translateY(${l}px)`, e.preventDefault();
-					})), y(_(t, "touchend", { passive: !0 }), _(t, "touchcancel", { passive: !0 })).pipe(h(() => o), C(() => {
-						o = !1;
-						let n = Math.max(1, performance.now() - c), r = l / n, i = t.getBoundingClientRect().height, a = Math.min(80, .3 * i), s = l > a || l > 20 && r > .5;
-						t.style.willChange = "", s ? (t.style.transition = "transform 300ms cubic-bezier(0.16, 1, 0.3, 1)", t.style.transform = "translateY(100%)", e.next("dismiss"), e.complete()) : (t.style.transition = "transform 300ms cubic-bezier(0.16, 1, 0.3, 1)", t.style.transform = "translateY(0)");
-					}))).pipe(S(y(a, r))).subscribe(), () => {
-						a.next(), a.complete(), t.style.transition = "", t.style.transform = "", t.style.willChange = "";
-					};
-				}).pipe(x(1));
-			})({
-				surface: this._surface,
-				dragHandle: e,
-				until$: y(t, this._closed$)
-			}).pipe(x(1)).subscribe(() => {
-				this.close("swipe");
-			});
-		}
-		e && (e.aborted ? queueMicrotask(() => {
+		}), S(t)).subscribe(), this.layout === "sheet" && this.dismissable && pe({
+			surface: this._surface,
+			until$: b(t, this._closed$)
+		}).pipe(x(1)).subscribe(() => {
+			this.close("swipe");
+		}), e && (e.aborted ? queueMicrotask(() => {
 			this.close("abort");
-		}) : _(e, "abort").pipe(x(1), C(() => {
+		}) : v(e, "abort").pipe(x(1), C(() => {
 			this.close("abort");
 		}), S(t)).subscribe());
 	}
-	positionAnchored(e) {
-		let t = function(e) {
-			if (e instanceof Element) {
-				let t = e.getBoundingClientRect();
-				return {
-					top: t.top,
-					left: t.left,
-					right: t.right,
-					bottom: t.bottom,
-					width: t.width,
-					height: t.height
-				};
-			}
-			if ("clientX" in e && "clientY" in e) return {
-				top: e.clientY,
-				left: e.clientX,
-				right: e.clientX,
-				bottom: e.clientY,
-				width: 0,
-				height: 0
-			};
-			let t = e;
+	wireResizeObserver(e) {
+		l(e).pipe(y((e) => {
+			let t = e[0];
+			if (!t) return null;
+			let n = t.contentRect;
 			return {
-				top: t.y,
-				left: t.x,
-				right: t.x,
-				bottom: t.y,
-				width: 0,
-				height: 0
+				w: n.width,
+				h: n.height
 			};
-		}(e), n = this._surface.getBoundingClientRect(), r = window.innerWidth, i = window.innerHeight, a = t.bottom + 8;
-		if (a + n.height > i - 16) {
-			let e = t.top - 8 - n.height;
-			a = e >= 16 ? e : Math.max(16, i - 16 - n.height);
-		}
-		let o = t.left;
-		o + n.width > r - 16 && (o = r - 16 - n.width), o < 16 && (o = 16), this._surface.style.top = `${a}px`, this._surface.style.left = `${o}px`, this._surface.style.transform = "none";
+		}), g((e) => e !== null), h((e, t) => e.w === t.w && e.h === t.h), ee(80), S(b(this.disconnecting, this._closed$))).subscribe((e) => this.maybeReResolve(e));
+	}
+	async maybeReResolve(e) {
+		if (this._closing) return;
+		let t = L(), n = I({
+			anchor: this._rawAnchor,
+			content: {
+				width: e.w,
+				height: e.h
+			},
+			viewport: t
+		});
+		if (n === this.layout || performance.now() - this._lastReResolveAt < 600 || (r = this.layout, o = n, !(r === "centered" && o === "sheet" || r === "anchored" && o === "sheet"))) return;
+		var r, o;
+		let s = this._surface, c = s.getBoundingClientRect();
+		this.layout = n, await this.updateComplete;
+		let l = function(e, t) {
+			return A ? {
+				keyframes: [{ transform: "none" }, { transform: "none" }],
+				options: {
+					duration: 1,
+					easing: "linear",
+					fill: "forwards"
+				}
+			} : {
+				keyframes: [{
+					transform: `translate(${e.left - t.left}px, ${e.top - t.top}px) scale(${t.width > 0 ? e.width / t.width : 1}, ${t.height > 0 ? e.height / t.height : 1})`,
+					transformOrigin: "top left"
+				}, {
+					transform: "none",
+					transformOrigin: "top left"
+				}],
+				options: {
+					duration: a.duration,
+					easing: i(a),
+					fill: "forwards"
+				}
+			};
+		}(c, s.getBoundingClientRect());
+		try {
+			await s.animate(l.keyframes, l.options).finished;
+		} catch {}
+		this._lastReResolveAt = performance.now();
 	}
 	async playEnterAnimations() {
-		let e = this._dialog, t = this._surface;
-		if (!e || !t) return;
-		let n = N(this.layout, "in");
-		await t.animate(n.keyframes, n.options).finished.catch(() => {});
+		let e = this._surface;
+		if (!e) return;
+		let t = F(this.layout, "in"), n = [e.animate(t.keyframes, t.options).finished.catch(() => {})], r = this._backdrop;
+		this.modal && r && n.push(r.animate([{ opacity: 0 }, { opacity: 1 }], {
+			duration: t.options.duration,
+			easing: "ease-out",
+			fill: "forwards"
+		}).finished.catch(() => {})), await Promise.all(n);
 	}
 	async playExitAnimations() {
 		let e = this._surface;
 		if (!e) return;
-		let t = N(this.layout, "out");
-		await e.animate(t.keyframes, t.options).finished.catch(() => {});
-	}
-	render() {
-		return O`
-			<dialog>
-				<section
-					class="surface"
-					data-layout=${this.layout}
-					role="dialog"
-					aria-modal=${this.modal ? "true" : "false"}
-				>
-					${j(this.layout === "sheet", () => O`<div class="drag-handle" role="button" aria-label="Dismiss" tabindex="0"></div>`)}
-					<div id=${P}></div>
-				</section>
-			</dialog>
-		`;
+		let t = F(this.layout, "out"), n = [e.animate(t.keyframes, t.options).finished.catch(() => {})], r = this._backdrop;
+		this.modal && r && n.push(r.animate([{ opacity: 1 }, { opacity: 0 }], {
+			duration: t.options.duration,
+			easing: "ease-in",
+			fill: "forwards"
+		}).finished.catch(() => {})), await Promise.all(n);
 	}
 };
-async function I(e, t, n) {
-	if (typeof (r = e) == "object" && r !== null && "_$litType$" in r) return A(e, t), t;
+async function W(e, t, n) {
+	if (typeof (r = e) == "object" && r !== null && "_$litType$" in r) return ae(e, t), t;
 	var r;
 	if (e instanceof HTMLElement) return n && Object.assign(e, n), t.appendChild(e), e;
 	if (function(e) {
 		return typeof e == "function" && ("preload" in e || "_promise" in e);
-	}(e)) return I((await e()).default, t, n);
+	}(e)) return W((await e()).default, t, n);
 	if (typeof e == "function") {
 		let r = new e();
 		return n && Object.assign(r, n), t.appendChild(r), r;
@@ -356,17 +731,35 @@ async function I(e, t, n) {
 	}
 	throw Error("schmancy-overlay: unsupported content type");
 }
-t([T({
+n([w({
 	type: String,
 	reflect: !0
-})], F.prototype, "layout", void 0), t([T({
+})], U.prototype, "layout", void 0), n([w({
 	type: Boolean,
 	reflect: !0
-})], F.prototype, "dismissable", void 0), t([T({
+})], U.prototype, "dismissable", void 0), n([w({
 	type: Boolean,
 	reflect: !0
-})], F.prototype, "modal", void 0), t([E("dialog")], F.prototype, "_dialog", void 0), t([E(".surface")], F.prototype, "_surface", void 0), F = t([w("schmancy-overlay")], F);
-var L = e({ SchmancyOverlayPromptBody: () => R }), R = class extends n(D`
+})], U.prototype, "modal", void 0), n([w({
+	type: String,
+	reflect: !0
+})], U.prototype, "tier", void 0), n([ie()], U.prototype, "_active", void 0), n([T(".backdrop")], U.prototype, "_backdrop", void 0), n([T(".surface")], U.prototype, "_surface", void 0), U = n([re("schmancy-overlay")], U);
+var G = e({ SchmancyOverlayPromptBody: () => K }), K = class extends t {
+	constructor(...e) {
+		super(...e), this.confirmText = "Confirm", this.cancelText = "Cancel", this.variant = "default", this.mode = "confirm", this.defaultValue = "", this.inputType = "text", this.required = !1, this.handleCancel = () => {
+			this.dismiss(this.mode === "prompt" && null);
+		}, this.handleConfirm = () => {
+			if (this.mode === "prompt") {
+				let e = this._input;
+				if (e && !e.reportValidity()) return;
+				this.dismiss(e?.value ?? "");
+			} else this.dismiss(!0);
+		}, this.handleSubmit = (e) => {
+			e.preventDefault(), this.handleConfirm();
+		};
+	}
+	static {
+		this.styles = [E`
 	:host {
 		display: block;
 		padding: 20px 24px;
@@ -381,19 +774,7 @@ var L = e({ SchmancyOverlayPromptBody: () => R }), R = class extends n(D`
 		background: var(--schmancy-sys-color-error, #b3261e);
 		color: var(--schmancy-sys-color-on-error, #ffffff);
 	}
-`) {
-	constructor(...e) {
-		super(...e), this.confirmText = "Confirm", this.cancelText = "Cancel", this.variant = "default", this.mode = "confirm", this.defaultValue = "", this.inputType = "text", this.required = !1, this.handleCancel = () => {
-			this.dismiss(this.mode === "prompt" && null);
-		}, this.handleConfirm = () => {
-			if (this.mode === "prompt") {
-				let e = this._input;
-				if (e && !e.reportValidity()) return;
-				this.dismiss(e?.value ?? "");
-			} else this.dismiss(!0);
-		}, this.handleSubmit = (e) => {
-			e.preventDefault(), this.handleConfirm();
-		};
+`];
 	}
 	firstUpdated() {
 		this.mode === "prompt" && queueMicrotask(() => this._input?.focus());
@@ -406,22 +787,22 @@ var L = e({ SchmancyOverlayPromptBody: () => R }), R = class extends n(D`
 		}));
 	}
 	render() {
-		return O`
+		return D`
 			<form @submit=${this.handleSubmit}>
-				${j(this.heading, () => O`<h2 class="text-lg font-semibold mb-1">${this.heading}</h2>`)}
-				${j(this.subtitle, () => O`<p class="text-sm opacity-70 mb-2">${this.subtitle}</p>`)}
-				${M(this.mode, [["prompt", () => O`
-								${j(this.label, () => O`<label class="block text-sm mb-1">${this.label}</label>`)}
+				${k(this.heading, () => D`<h2 class="text-lg font-semibold mb-1">${this.heading}</h2>`)}
+				${k(this.subtitle, () => D`<p class="text-sm opacity-70 mb-2">${this.subtitle}</p>`)}
+				${fe(this.mode, [["prompt", () => D`
+								${k(this.label, () => D`<label class="block text-sm mb-1">${this.label}</label>`)}
 								<input
 									type=${this.inputType}
 									.value=${this.defaultValue}
-									placeholder=${this.placeholder ?? k}
-									pattern=${this.pattern ?? k}
+									placeholder=${O(this.placeholder)}
+									pattern=${O(this.pattern)}
 									?required=${this.required}
 									class="w-full px-3 py-2 rounded-md border border-outline-variant text-base mb-2"
 								/>
-								${j(this.message, () => O`<p class="text-sm mb-3">${this.message}</p>`)}
-							`]], () => O`${j(this.message, () => O`<p class="text-sm mb-4">${this.message}</p>`)}`)}
+								${k(this.message, () => D`<p class="text-sm mb-3">${this.message}</p>`)}
+							`]], () => D`${k(this.message, () => D`<p class="text-sm mb-4">${this.message}</p>`)}`)}
 
 				<div class="flex justify-end gap-2 mt-4">
 					<button
@@ -442,79 +823,91 @@ var L = e({ SchmancyOverlayPromptBody: () => R }), R = class extends n(D`
 		`;
 	}
 };
-t([T({ type: String })], R.prototype, "heading", void 0), t([T({ type: String })], R.prototype, "subtitle", void 0), t([T({ type: String })], R.prototype, "message", void 0), t([T({
+n([w({ type: String })], K.prototype, "heading", void 0), n([w({ type: String })], K.prototype, "subtitle", void 0), n([w({ type: String })], K.prototype, "message", void 0), n([w({
 	type: String,
 	attribute: "confirm-text"
-})], R.prototype, "confirmText", void 0), t([T({
+})], K.prototype, "confirmText", void 0), n([w({
 	type: String,
 	attribute: "cancel-text"
-})], R.prototype, "cancelText", void 0), t([T({
+})], K.prototype, "cancelText", void 0), n([w({
 	type: String,
 	reflect: !0
-})], R.prototype, "variant", void 0), t([T({ type: String })], R.prototype, "mode", void 0), t([T({ type: String })], R.prototype, "label", void 0), t([T({
+})], K.prototype, "variant", void 0), n([w({ type: String })], K.prototype, "mode", void 0), n([w({ type: String })], K.prototype, "label", void 0), n([w({
 	type: String,
 	attribute: "default-value"
-})], R.prototype, "defaultValue", void 0), t([T({ type: String })], R.prototype, "placeholder", void 0), t([T({
+})], K.prototype, "defaultValue", void 0), n([w({ type: String })], K.prototype, "placeholder", void 0), n([w({
 	type: String,
 	attribute: "input-type"
-})], R.prototype, "inputType", void 0), t([T({ type: String })], R.prototype, "pattern", void 0), t([T({ type: Boolean })], R.prototype, "required", void 0), t([E("input")], R.prototype, "_input", void 0), R = t([w("schmancy-overlay-prompt-body")], R);
-var z = new c([]), B = z.asObservable(), V = !1, H = "", U = "";
-z.pipe(v((e) => e.length > 0), m()).subscribe((e) => {
-	typeof document < "u" && (e && !V ? (H = document.documentElement.style.overflow, U = document.documentElement.style.getPropertyValue("scrollbar-gutter"), document.documentElement.style.overflow = "hidden", document.documentElement.style.setProperty("scrollbar-gutter", "stable"), V = !0) : !e && V && (document.documentElement.style.overflow = H, U ? document.documentElement.style.setProperty("scrollbar-gutter", U) : document.documentElement.style.removeProperty("scrollbar-gutter"), H = "", U = "", V = !1));
+})], K.prototype, "inputType", void 0), n([w({ type: String })], K.prototype, "pattern", void 0), n([w({ type: Boolean })], K.prototype, "required", void 0), n([T("input")], K.prototype, "_input", void 0), K = n([re("schmancy-overlay-prompt-body")], K);
+var q = new u([]), he = q.asObservable(), J = !1, Y = "", X = "";
+q.pipe(y((e) => e.some((e) => e.modal)), h()).subscribe((e) => {
+	typeof document < "u" && (e && !J ? (Y = document.documentElement.style.overflow, X = document.documentElement.style.getPropertyValue("scrollbar-gutter"), document.documentElement.style.overflow = "hidden", document.documentElement.style.setProperty("scrollbar-gutter", "stable"), J = !0) : !e && J && (document.documentElement.style.overflow = Y, X ? document.documentElement.style.setProperty("scrollbar-gutter", X) : document.documentElement.style.removeProperty("scrollbar-gutter"), Y = "", X = "", J = !1));
 });
-var W = /* @__PURE__ */ new Set(), G = /* @__PURE__ */ new Set();
-function K(e, t) {
-	W.add(e), W.size === 1 && function(e) {
+var Z = /* @__PURE__ */ new Set(), Q = /* @__PURE__ */ new Set();
+function ge(e, t) {
+	Z.add(e), Z.size === 1 && function(e) {
 		let t = e.parentElement ?? document.body;
 		for (let n = 0; n < t.children.length; n++) {
 			let r = t.children[n];
-			r !== e && r instanceof HTMLElement && !r.inert && (r.inert = !0, G.add(r));
+			r !== e && r instanceof HTMLElement && !r.inert && (r.inert = !0, Q.add(r));
 		}
 	}(t);
 }
-function q(e) {
-	W.delete(e), W.size === 0 && function() {
-		for (let e of G) e.inert = !1;
-		G.clear();
+function _e(e) {
+	Z.delete(e), Z.size === 0 && function() {
+		for (let e of Q) e.inert = !1;
+		Q.clear();
 	}();
 }
-var J = B;
-function Y(e, t = {}) {
-	return p(() => new u((n) => {
-		let r = null, i = null, a = !1, o = !1, s = new d();
-		return (async () => {
-			try {
-				r = document.createElement("schmancy-overlay"), (document.body ?? document.documentElement).appendChild(r), await r.updateComplete, await r.open(e, t);
-				let c = "ov_" + Math.random().toString(36).slice(2, 10) + Date.now().toString(36);
-				i = {
-					id: c,
-					element: r,
-					layout: r.layout
-				}, function(e) {
-					z.next([...z.value, e]);
-				}(i), r.modal && r.parentElement && K(c, r);
-				let l = t.historyStrategy ?? "push";
-				l === "push" ? (history.pushState({ t: c }, "", location.href), a = !0) : l === "replace" && history.replaceState({ t: c }, "", location.href), a && _(window, "popstate").pipe(x(1), S(s)).subscribe(() => {
-					o = !0, r?.close("popstate");
-				}), r.closed$.pipe(x(1), S(s)).subscribe(({ result: e }) => {
-					o = !0, n.next(e), n.complete();
-				});
-			} catch (e) {
-				n.error(e);
-			}
-		})(), () => {
-			s.next(), s.complete(), r && !o && r.close("programmatic"), i && (q(i.id), function(e) {
-				let t = z.value, n = t.filter((t) => t.id !== e);
-				n.length !== t.length && z.next(n);
-			}(i.id)), a && !o && (history.state?.t === i?.id && history.back(), a = !1), queueMicrotask(() => {
-				r?.remove(), r = null;
-			});
+var ve = he, ye = new u(null);
+function be() {
+	let e = ye.value;
+	if (e && !(performance.now() - e.capturedAt > 750)) return e.event;
+}
+function $(e, t = {}) {
+	return te(() => {
+		let n = {
+			...t,
+			anchor: t.anchor ?? be()
 		};
-	}));
+		return new f((t) => {
+			let r = null, i = null, a = !1, o = !1, s = new p();
+			return (async () => {
+				try {
+					r = document.createElement("schmancy-overlay"), (document.body ?? document.documentElement).appendChild(r), await r.updateComplete, await r.open(e, n);
+					let c = "ov_" + Math.random().toString(36).slice(2, 10) + Date.now().toString(36);
+					i = {
+						id: c,
+						element: r,
+						layout: r.layout,
+						modal: r.modal,
+						tier: r.tier
+					}, function(e) {
+						q.next([...q.value, e]);
+					}(i), r.modal && r.parentElement && ge(c, r);
+					let l = n.historyStrategy ?? "push";
+					l === "push" ? (history.pushState({ t: c }, "", location.href), a = !0) : l === "replace" && history.replaceState({ t: c }, "", location.href), a && v(window, "popstate").pipe(x(1), S(s)).subscribe(() => {
+						o = !0, r?.close("popstate");
+					}), r.closed$.pipe(x(1), S(s)).subscribe(({ result: e }) => {
+						o = !0, t.next(e), t.complete();
+					});
+				} catch (e) {
+					t.error(e);
+				}
+			})(), () => {
+				s.next(), s.complete(), r && !o && r.close("programmatic"), i && (_e(i.id), function(e) {
+					let t = q.value, n = t.filter((t) => t.id !== e);
+					n.length !== t.length && q.next(n);
+				}(i.id)), a && !o && (history.state?.t === i?.id && history.back(), a = !1), queueMicrotask(() => {
+					r?.remove(), r = null;
+				});
+			};
+		});
+	});
 }
-async function X(e = {}) {
-	let { SchmancyOverlayPromptBody: t } = await Promise.resolve().then(() => L);
-	return !0 === await g(Y(t, {
+async function xe(e = {}) {
+	let { SchmancyOverlayPromptBody: t } = await Promise.resolve().then(() => G);
+	return !0 === await _($(t, {
 		anchor: e.anchor,
 		signal: e.signal,
 		props: {
@@ -526,10 +919,10 @@ async function X(e = {}) {
 			cancelText: e.cancelText ?? "Cancel",
 			variant: e.variant ?? "default"
 		}
-	}).pipe(f(!1)));
+	}).pipe(m(!1)));
 }
-async function Z(e = {}) {
-	let { SchmancyOverlayPromptBody: t } = await Promise.resolve().then(() => L), n = await g(Y(t, {
+async function Se(e = {}) {
+	let { SchmancyOverlayPromptBody: t } = await Promise.resolve().then(() => G), n = await _($(t, {
 		anchor: e.anchor,
 		signal: e.signal,
 		props: {
@@ -546,25 +939,48 @@ async function Z(e = {}) {
 			confirmText: e.confirmText ?? "OK",
 			cancelText: e.cancelText ?? "Cancel"
 		}
-	}).pipe(f(null)));
+	}).pipe(m(null)));
 	return typeof n == "string" ? n : null;
 }
-function Q(e, t) {
+function Ce(e, t) {
 	return function(e) {
 		let t = e.toLowerCase();
-		return z.pipe(v((e) => {
+		return q.pipe(y((e) => {
 			let n = [];
 			for (let r of e) {
 				let e = r.element.querySelector(t);
 				e && n.push(e);
 			}
 			return n;
-		}), m((e, t) => e.length === t.length && e.every((e, n) => e === t[n])));
-	}(e).pipe(m((e, t) => e.length === t.length && e.every((e, n) => e === t[n])), b((e) => e.length === 0 ? l : y(...e.map((e) => _(e, t)))), v((e) => e));
+		}), h((e, t) => e.length === t.length && e.every((e, n) => e === t[n])));
+	}(e).pipe(h((e, t) => e.length === t.length && e.every((e, n) => e === t[n])), ne((e) => e.length === 0 ? d : b(...e.map((e) => v(e, t)))), y((e) => e));
 }
-function $() {
-	let e = [...z.value];
+function we() {
+	let e = [...q.value];
 	for (let t = e.length - 1; t >= 0; t--) e[t].element.close("programmatic");
-	z.value.length > 0 && z.next([]);
+	q.value.length > 0 && q.next([]);
 }
-export { F as SchmancyOverlay, R as SchmancyOverlayPromptBody, X as confirm, $ as dismissAll, r as lazy, J as openOverlays$, Q as overlayEvents, Z as prompt, Y as show };
+typeof document < "u" && b(v(document, "pointerdown", {
+	capture: !0,
+	passive: !0
+}).pipe(y((e) => ({
+	event: e,
+	capturedAt: performance.now()
+}))), v(document, "click", {
+	capture: !0,
+	passive: !0
+}).pipe(y((e) => ({
+	event: e,
+	capturedAt: performance.now()
+}))), v(document, "keydown", { capture: !0 }).pipe(g((e) => e.target instanceof Element), y((e) => {
+	let t = e.target.getBoundingClientRect();
+	return {
+		event: new MouseEvent("click", {
+			clientX: t.left + t.width / 2,
+			clientY: t.top + t.height / 2,
+			bubbles: !0
+		}),
+		capturedAt: performance.now()
+	};
+}))).subscribe((e) => ye.next(e));
+export { U as SchmancyOverlay, K as SchmancyOverlayPromptBody, xe as confirm, we as dismissAll, r as lazy, ve as openOverlays$, Ce as overlayEvents, Se as prompt, $ as show };