solid-baseui 0.1.0-alpha.0

package/dist/lib/client/drawer-Ce2cChLt.js

@@ -0,0 +1,1550 @@
+import { t as e } from "./rolldown-runtime-Dy4uBu1J.js";
+import { getStateAttributesProps as t } from "./internals/getStateAttributesProps.js";
+import { A as n, a as r } from "./reasons-Co5CzjKq.js";
+import { n as i, t as a } from "./resolveStyle-XcgAuaKR.js";
+import { createChangeEventDetails as o } from "./internals/createBaseUIEventDetails.js";
+import { TransitionStatusDataAttributes as s } from "./internals/stateAttributesMapping.js";
+import { composeEventHandlers as c } from "./internals/composeEventHandlers.js";
+import { a as l, c as u, l as d, m as f, n as p, p as m, r as h, t as g } from "./dom-BEAeQ9Eb.js";
+import { n as _ } from "./PopupStore-DjB-wO88.js";
+import { r as v, t as y } from "./popupStateMapping-C9eZl19i.js";
+import { t as b } from "./FocusManager-grSdNHqW.js";
+import { a as x, c as S, d as C, f as w, h as T, i as E, l as D, m as O, o as k, r as A, s as j, t as M } from "./DialogHandle-DrN2YWCv.js";
+import { n as N, t as P } from "./scrollable-SRNYlhF7.js";
+import { t as F } from "./platform-Bk5Q32mf.js";
+import { a as I, i as L, o as R, r as ee, s as z, t as B } from "./constants-BYjBUIIi.js";
+import { Dynamic as te, createComponent as V, getNextElement as ne, mergeProps as H, ref as re, runHydrationEvents as U, spread as ie, template as ae } from "@solidjs/web";
+import { Show as oe, createContext as se, createEffect as W, createMemo as G, createSignal as K, createUniqueId as q, flush as ce, merge as le, omit as ue, onCleanup as de, untrack as J, useContext as Y } from "solid-js";
+//#region src/drawer/popup/DrawerPopupCssVars.ts
+var X = /* @__PURE__ */ function(e) {
+	return e.nestedDrawers = "--nested-drawers", e.height = "--drawer-height", e.frontmostHeight = "--drawer-frontmost-height", e.swipeMovementX = "--drawer-swipe-movement-x", e.swipeMovementY = "--drawer-swipe-movement-y", e.snapPointOffset = "--drawer-snap-point-offset", e.swipeStrength = "--drawer-swipe-strength", e;
+}({}), Z = /* @__PURE__ */ function(e) {
+	return e.swipeProgress = "--drawer-swipe-progress", e;
+}({});
+//#endregion
+//#region src/drawer/backdrop/DrawerBackdrop.tsx
+function Q(e) {
+	let n = T(), r = e, o = ue(e, "as", "class", "forceRender", "ref", "style"), s = G(() => ({
+		open: n.store.open(),
+		transitionStatus: n.presence.transitionStatus()
+	})), c = G(() => i(e.class, s())), l = G(() => w({
+		"pointer-events": n.store.open() ? void 0 : "none",
+		"user-select": "none",
+		"-webkit-user-select": "none",
+		[Z.swipeProgress]: "0",
+		[X.swipeStrength]: "1"
+	}, a(e.style, s()))), u = G(() => t(s(), C)), d = G(() => !!r.forceRender || !n.nested);
+	function f() {
+		let t = null;
+		return de(() => {
+			n.backdropElement() === t && n.setBackdropElement(null);
+		}), V(te, H({
+			get component() {
+				return e.as ?? "div";
+			},
+			ref: [((e) => {
+				t = e, n.setBackdropElement(e);
+			}), r.ref],
+			role: "presentation",
+			get hidden() {
+				return !n.presence.mounted();
+			},
+			get class() {
+				return c();
+			},
+			get style() {
+				return l();
+			}
+		}, u, o));
+	}
+	return V(oe, {
+		get when() {
+			return d();
+		},
+		get children() {
+			return V(f, {});
+		}
+	});
+}
+//#endregion
+//#region src/drawer/content/DrawerContentDataAttributes.ts
+var fe = "data-drawer-content";
+//#endregion
+//#region src/drawer/content/DrawerContent.tsx
+function pe(e) {
+	T();
+	let t = e, n = ue(e, "as", "class", "ref", "style"), r = {}, o = G(() => i(e.class, r)), s = G(() => a(e.style, r));
+	return V(te, H({
+		get component() {
+			return e.as ?? "div";
+		},
+		ref: [t.ref]
+	}, { [fe]: "" }, {
+		get class() {
+			return o();
+		},
+		get style() {
+			return s();
+		}
+	}, n));
+}
+//#endregion
+//#region src/drawer/provider/DrawerProviderContext.ts
+var me = Symbol("DrawerProviderContext"), he = se(me);
+function ge() {
+	let e = Y(he);
+	return e === me ? void 0 : e;
+}
+function _e() {
+	let e = {
+		swipeProgress: 0,
+		frontmostHeight: 0
+	}, t = /* @__PURE__ */ new Set();
+	return {
+		getSnapshot: () => e,
+		set(n) {
+			let r = e.swipeProgress;
+			n.swipeProgress !== void 0 && (r = Number.isFinite(n.swipeProgress) ? n.swipeProgress : 0);
+			let i = e.frontmostHeight;
+			n.frontmostHeight !== void 0 && (i = Number.isFinite(n.frontmostHeight) ? n.frontmostHeight : 0), (r !== e.swipeProgress || i !== e.frontmostHeight) && (e = {
+				swipeProgress: r,
+				frontmostHeight: i
+			}, t.forEach((e) => {
+				e();
+			}));
+		},
+		subscribe(e) {
+			return t.add(e), () => {
+				t.delete(e);
+			};
+		}
+	};
+}
+//#endregion
+//#region src/drawer/indent-background/DrawerIndentBackground.tsx
+var ve = /* @__PURE__ */ ae("<div>"), ye = { "data-active": "" }, be = { "data-inactive": "" }, xe = { active: (e) => e ? ye : be };
+function Se(e) {
+	let n = ge(), r = e, o = ue(e, "as", "class", "ref", "style"), s = () => ({ active: n?.active() ?? !1 }), c = () => i(e.class, s()), l = () => a(e.style, s()), u = () => t(s(), xe), d = J(() => e.as);
+	return d === void 0 ? (() => {
+		var e = ne(ve);
+		return re(() => [r.ref], e), ie(e, H({
+			get class() {
+				return c();
+			},
+			get style() {
+				return l();
+			}
+		}, u, o), !1), U(), e;
+	})() : V(te, H({
+		component: d,
+		ref: [r.ref],
+		get class() {
+			return c();
+		},
+		get style() {
+			return l();
+		}
+	}, u, o));
+}
+//#endregion
+//#region src/drawer/indent/DrawerIndent.tsx
+var Ce = /* @__PURE__ */ ae("<div>");
+function we(e) {
+	let n = ge(), r = e, o = ue(e, "as", "class", "ref", "style"), s = () => ({ active: n?.active() ?? !1 }), c = () => i(e.class, s()), l = () => w({ [Z.swipeProgress]: "0" }, a(e.style, s())), u = () => t(s(), xe), d = null, f = [((e) => {
+		d = e;
+	}), r.ref], p = J(() => e.as), m = p === void 0 ? (() => {
+		var e = ne(Ce);
+		return re(() => f, e), ie(e, H({
+			get class() {
+				return c();
+			},
+			get style() {
+				return l();
+			}
+		}, u, o), !1), U(), e;
+	})() : V(te, H({
+		component: p,
+		ref: f,
+		get class() {
+			return c();
+		},
+		get style() {
+			return l();
+		}
+	}, u, o));
+	return W(() => n?.visualStateStore, (e) => {
+		let t = d;
+		if (!t || !e) return;
+		function n() {
+			let { swipeProgress: n, frontmostHeight: r } = e.getSnapshot();
+			t.style.setProperty(Z.swipeProgress, n <= 0 ? "0" : `${n}`), r <= 0 ? t.style.removeProperty(X.height) : t.style.setProperty(X.height, `${r}px`);
+		}
+		n();
+		let r = e.subscribe(n);
+		return () => {
+			r(), t.style.setProperty(Z.swipeProgress, "0"), t.style.removeProperty(X.height);
+		};
+	}), m;
+}
+//#endregion
+//#region src/drawer/root/DrawerRootContext.ts
+var Te = Symbol("DrawerRootContext"), Ee = se(Te);
+function De(e = !1) {
+	let t = Y(Ee);
+	if (t === Te) {
+		if (e) return;
+		throw Error("Base UI: DrawerRootContext is missing. Drawer parts must be placed within <Drawer.Root>.");
+	}
+	return t;
+}
+//#endregion
+//#region src/drawer/root/createDrawerSnapPoints.ts
+function Oe(e, t) {
+	let n = e + t;
+	return n >= 0 ? t : -Math.sqrt(-n) - e;
+}
+function ke(e, t, n) {
+	if (!Number.isFinite(t) || t <= 0) return null;
+	if (typeof e == "number") return Number.isFinite(e) ? e <= 1 ? z(e, 0, 1) * t : e : null;
+	let r = e.trim();
+	if (r.endsWith("px")) {
+		let e = Number.parseFloat(r);
+		return Number.isFinite(e) ? e : null;
+	}
+	if (r.endsWith("rem")) {
+		let e = Number.parseFloat(r);
+		return Number.isFinite(e) ? e * n : null;
+	}
+	return null;
+}
+function Ae(e, t) {
+	let n = -1, r = Infinity;
+	for (let i = 0; i < e.length; i += 1) {
+		let a = Math.abs(e[i] - t);
+		a < r && (r = a, n = i);
+	}
+	return n;
+}
+function je() {
+	let e = T(), t = De(), [n, r] = K(0, { ownedWrite: !0 }), [i, a] = K(16, { ownedWrite: !0 });
+	W(() => e.viewportElement(), (e) => {
+		function t() {
+			let t = m(e).documentElement;
+			r(e ? e.offsetHeight : t.clientHeight);
+			let n = Number.parseFloat(f(t).getComputedStyle(t).fontSize);
+			Number.isFinite(n) && a(n);
+		}
+		if (t(), !e || typeof ResizeObserver != "function") return;
+		let n = new ResizeObserver(t);
+		return n.observe(e), () => n.disconnect();
+	});
+	let o = G(() => {
+		let e = t.snapPoints(), r = n(), a = t.popupHeight();
+		if (!e || e.length === 0 || r <= 0 || a <= 0) return [];
+		let o = i(), s = Math.min(a, r), c = e.map((e) => {
+			let t = ke(e, r, o);
+			if (t === null) return null;
+			let n = z(t, 0, s);
+			return {
+				value: e,
+				height: n,
+				offset: Math.max(0, a - n)
+			};
+		}).filter((e) => !!e);
+		if (c.length <= 1) return c;
+		let l = [], u = [];
+		for (let e = c.length - 1; e >= 0; --e) {
+			let t = c[e];
+			u.some((e) => Math.abs(e - t.height) <= 1) || (u.push(t.height), l.push(t));
+		}
+		return l.reverse(), l;
+	}), s = G(() => {
+		let e = t.activeSnapPoint();
+		if (e === null) return;
+		let r = o(), a = r.find((t) => Object.is(t.value, e));
+		if (a) return a;
+		let s = n(), c = Math.min(t.popupHeight(), s), l = ke(e, s, i());
+		if (l === null) return;
+		let u = z(l, 0, c);
+		return r[Ae(r.map((e) => e.height), u)];
+	});
+	return {
+		snapPoints: t.snapPoints,
+		activeSnapPoint: t.activeSnapPoint,
+		setActiveSnapPoint: t.setActiveSnapPoint,
+		popupHeight: t.popupHeight,
+		viewportHeight: n,
+		resolvedSnapPoints: o,
+		activeSnapPointOffset: () => s()?.offset ?? null
+	};
+}
+//#endregion
+//#region src/drawer/viewport/DrawerViewportContext.ts
+var Me = Symbol("DrawerViewportContext"), Ne = se(Me);
+function Pe() {
+	let e = Y(Ne);
+	return e === Me ? void 0 : e;
+}
+//#endregion
+//#region src/drawer/popup/DrawerPopupDataAttributes.ts
+var $ = /* @__PURE__ */ function(e) {
+	return e[e.open = y.open] = "open", e[e.closed = y.closed] = "closed", e[e.startingStyle = y.startingStyle] = "startingStyle", e[e.endingStyle = y.endingStyle] = "endingStyle", e.expanded = "data-expanded", e.nestedDrawerOpen = "data-nested-drawer-open", e.nestedDrawerSwiping = "data-nested-drawer-swiping", e.swipeDismiss = "data-swipe-dismiss", e.swipeDirection = "data-swipe-direction", e.swiping = "data-swiping", e;
+}({}), Fe = /* @__PURE__ */ new Set([
+	"ArrowUp",
+	"ArrowDown",
+	"ArrowLeft",
+	"ArrowRight",
+	"Home",
+	"End"
+]), Ie = !1;
+function Le() {
+	if (!Ie) {
+		if (typeof CSS < "u" && "registerProperty" in CSS) {
+			for (let e of [
+				X.swipeMovementX,
+				X.swipeMovementY,
+				X.snapPointOffset
+			]) try {
+				CSS.registerProperty({
+					name: e,
+					syntax: "<length>",
+					inherits: !1,
+					initialValue: "0px"
+				});
+			} catch {}
+			for (let { name: e, initialValue: t } of [{
+				name: Z.swipeProgress,
+				initialValue: "0"
+			}, {
+				name: X.swipeStrength,
+				initialValue: "1"
+			}]) try {
+				CSS.registerProperty({
+					name: e,
+					syntax: "<number>",
+					inherits: !1,
+					initialValue: t
+				});
+			} catch {}
+		}
+		Ie = !0;
+	}
+}
+var Re = { [$.expanded]: "" }, ze = { [$.nestedDrawerOpen]: "" }, Be = { [$.nestedDrawerSwiping]: "" }, Ve = { [$.swiping]: "" }, He = {
+	...v,
+	expanded: (e) => e ? Re : null,
+	nestedDrawerOpen: (e) => e ? ze : null,
+	nestedDrawerSwiping: (e) => e ? Be : null,
+	swipeDirection: (e) => ({ [$.swipeDirection]: e }),
+	swiping: (e) => e ? Ve : null
+};
+function Ue(e) {
+	j();
+	let n = T(), r = De(), o = Pe(), s = je(), l = e, u = ue(e, "as", "class", "finalFocus", "id", "initialFocus", "onKeyDown", "ref", "style"), d = G(() => n.nestedOpenDrawerCount() > 0), f = G(() => o?.swiping() ?? !1), p = null, m = 0;
+	function h() {
+		if (!p) return;
+		let e = p.offsetHeight, t = J(r.frontmostHeight);
+		if (!(m > 0 && t > m && e > m)) {
+			if (m > 0 && J(r.hasNestedDrawer)) {
+				r.onPopupHeightChange(m);
+				return;
+			}
+			e !== m && (m = e, r.onPopupHeightChange(e));
+		}
+	}
+	W(() => ({
+		mounted: n.presence.mounted(),
+		nestedDrawerOpen: d(),
+		element: n.store.track().popupElement
+	}), (e) => {
+		if (!e.mounted) {
+			m = 0, r.onPopupHeightChange(0);
+			return;
+		}
+		if (!e.element || (Le(), h(), typeof ResizeObserver != "function")) return;
+		let t = new ResizeObserver(h);
+		return t.observe(e.element), () => t.disconnect();
+	}), W(() => n.store.track().popupElement, (e) => {
+		function t() {
+			if (!e) return;
+			let t = r.nestedSwipeProgressStore.getSnapshot();
+			e.style.setProperty(Z.swipeProgress, t > 0 ? `${t}` : "0");
+		}
+		t();
+		let n = r.nestedSwipeProgressStore.subscribe(t);
+		return () => {
+			n(), e?.style.setProperty(Z.swipeProgress, "0");
+		};
+	}), W(() => ({
+		open: n.store.open(),
+		frontmostHeight: r.frontmostHeight()
+	}), (e) => {
+		if (e.open) return r.notifyParentFrontmostHeight?.(e.frontmostHeight), () => r.notifyParentFrontmostHeight?.(0);
+	}), W(() => ({
+		open: n.store.open(),
+		transitionStatus: n.presence.transitionStatus()
+	}), (e) => {
+		if (r.notifyParentHasNestedDrawer) return r.notifyParentHasNestedDrawer(e.open || e.transitionStatus === "ending"), () => r.notifyParentHasNestedDrawer?.(!1);
+	});
+	let g = G(() => ({
+		open: n.store.open(),
+		transitionStatus: n.presence.transitionStatus(),
+		expanded: r.activeSnapPoint() === 1,
+		nested: n.nested,
+		nestedDrawerOpen: d(),
+		nestedDrawerSwiping: r.nestedSwiping(),
+		swipeDirection: r.swipeDirection(),
+		swiping: f()
+	})), _ = G(() => i(e.class, g())), v = G(() => t(g(), He)), y = G(() => {
+		let e = s.snapPoints(), t = r.swipeDirection(), n = e && e.length > 0 && (t === "down" || t === "up"), i = s.activeSnapPointOffset();
+		return !n || i === null ? null : t === "up" ? -i : i;
+	}), x = G(() => {
+		let e = o ? o.getDragStyles() : {}, t = s.snapPoints(), n = r.swipeDirection();
+		if (!(t && t.length > 0 && (n === "down" || n === "up")) || n !== "down") return e;
+		let i = Number.parseFloat(String(e[X.swipeMovementY]));
+		return f() && Number.isFinite(i) ? {
+			...e,
+			transform: void 0,
+			[X.swipeMovementY]: `${Oe(s.activeSnapPointOffset() ?? 0, i)}px`
+		} : {
+			...e,
+			transform: void 0
+		};
+	}), S = G(() => {
+		let t = r.frontmostHeight(), i = !r.hasNestedDrawer() && n.presence.transitionStatus() !== "ending", s = r.popupHeight(), c = o?.swipeStrength() ?? null, l = y();
+		return w({
+			...x(),
+			[Z.swipeProgress]: "0",
+			[X.nestedDrawers]: n.nestedOpenDrawerCount(),
+			[X.height]: s && !i ? `${s}px` : void 0,
+			[X.snapPointOffset]: typeof l == "number" ? `${l}px` : "0px",
+			[X.frontmostHeight]: t ? `${t}px` : void 0,
+			[X.swipeStrength]: typeof c == "number" && Number.isFinite(c) && c > 0 ? `${c}` : "1"
+		}, a(e.style, g()));
+	}), C = G(() => l.id ?? n.store.context.floatingId), E = G(() => l.initialFocus ?? (() => n.store.state.popupElement)), D = c(() => l.onKeyDown, () => (e) => {
+		Fe.has(e.key) && e.stopPropagation();
+	});
+	W(() => C(), (e) => {
+		n.store.setPopupId(e);
+	}), de(() => {
+		n.store.state.popupElement === p && n.store.setPopupElement(null);
+	});
+	let O = V(te, H({
+		get component() {
+			return e.as ?? "div";
+		},
+		ref: [((e) => {
+			p = e, n.store.setPopupElement(e);
+		}), l.ref],
+		get id() {
+			return C();
+		},
+		get role() {
+			return n.role;
+		},
+		tabIndex: -1,
+		"data-base-ui-focusable": "",
+		get hidden() {
+			return !n.presence.mounted();
+		},
+		get "aria-labelledby"() {
+			return n.titleId();
+		},
+		get "aria-describedby"() {
+			return n.descriptionId();
+		},
+		get class() {
+			return _();
+		},
+		get style() {
+			return S();
+		},
+		onKeyDown: D
+	}, v, u));
+	return V(b, {
+		get context() {
+			return n.store.context.floatingRoot;
+		},
+		get tree() {
+			return n.tree;
+		},
+		get disabled() {
+			return !n.presence.mounted();
+		},
+		get closeOnFocusOut() {
+			return !n.disablePointerDismissal();
+		},
+		get initialFocus() {
+			return E();
+		},
+		get returnFocus() {
+			return l.finalFocus;
+		},
+		get modal() {
+			return n.modal() !== !1;
+		},
+		restoreFocus: "popup",
+		get openInteractionType() {
+			return n.store.openMethod();
+		},
+		children: O
+	});
+}
+//#endregion
+//#region src/drawer/provider/DrawerProvider.tsx
+function We(e) {
+	let [t, n] = K(0, {
+		equals: !1,
+		ownedWrite: !0
+	}), r = /* @__PURE__ */ new Set(), i = _e(), a = () => (t(), r.size > 0);
+	function o(e, t) {
+		r.has(e) !== t && (t ? r.add(e) : r.delete(e), n((e) => e + 1));
+	}
+	return V(he, {
+		value: {
+			setDrawerOpen: o,
+			removeDrawer: (e) => o(e, !1),
+			active: a,
+			visualStateStore: i
+		},
+		get children() {
+			return e.children;
+		}
+	});
+}
+//#endregion
+//#region src/drawer/root/DrawerRoot.tsx
+function Ge() {
+	let e = 0, t = /* @__PURE__ */ new Set();
+	return {
+		getSnapshot: () => e,
+		set(n) {
+			let r = Number.isFinite(n) ? n : 0;
+			r !== e && (e = r, t.forEach((e) => {
+				e();
+			}));
+		},
+		subscribe(e) {
+			return t.add(e), () => {
+				t.delete(e);
+			};
+		}
+	};
+}
+function Ke(e) {
+	let t = De(!0), [n, r] = K(0, { ownedWrite: !0 }), [i, a] = K(0, { ownedWrite: !0 }), [s, c] = K(!1, { ownedWrite: !0 }), [l, u] = K(!1, { ownedWrite: !0 }), d = Ge(), f = () => e.snapPoints, p = () => e.defaultSnapPoint === void 0 ? f()?.[0] ?? null : e.defaultSnapPoint, m = J(() => e.snapPoint !== void 0), [h, g] = K(J(p), { ownedWrite: !0 }), _ = () => m ? e.snapPoint ?? null : h(), v = !1;
+	function y(t, n) {
+		let r = n ?? o("none");
+		e.onSnapPointChange?.(t, r), !r.isCanceled && g(() => t);
+	}
+	let b = () => {
+		let e = _();
+		if (m) return e;
+		let t = f();
+		return !t || t.length === 0 ? e : e === null || !t.some((t) => Object.is(t, e)) ? p() : e;
+	};
+	function x(e) {
+		r(e), !v && e > 0 && a(e);
+	}
+	function S(e) {
+		if (e > 0) {
+			v = !0, a(e);
+			return;
+		}
+		v = !1;
+		let t = J(n);
+		t > 0 && a(t);
+	}
+	function C(e) {
+		d.set(e), t?.onNestedSwipeProgressChange(e);
+	}
+	function w(e) {
+		u(e), t?.onNestedSwipingChange(e);
+	}
+	function T(t, n) {
+		if (e.onOpenChange?.(t, n), n.isCanceled) return;
+		let r = J(f);
+		!t && r && r.length > 0 && y(J(p), o(n.reason, n.event, n.trigger));
+	}
+	let E = {
+		swipeDirection: () => e.swipeDirection ?? "down",
+		swipeAreaActive: { current: !1 },
+		snapToSequentialPoints: () => e.snapToSequentialPoints ?? !1,
+		snapPoints: f,
+		activeSnapPoint: b,
+		setActiveSnapPoint: y,
+		frontmostHeight: i,
+		popupHeight: n,
+		hasNestedDrawer: s,
+		onPopupHeightChange: x,
+		nestedSwiping: l,
+		nestedSwipeProgressStore: d,
+		onNestedDrawerPresenceChange: c,
+		onNestedFrontmostHeightChange: S,
+		onNestedSwipingChange: w,
+		onNestedSwipeProgressChange: C,
+		notifyParentFrontmostHeight: t ? (e) => t.onNestedFrontmostHeightChange(e) : void 0,
+		notifyParentSwipingChange: t ? (e) => t.onNestedSwipingChange(e) : void 0,
+		notifyParentSwipeProgressChange: t ? (e) => t.onNestedSwipeProgressChange(e) : void 0,
+		notifyParentHasNestedDrawer: t ? (e) => t.onNestedDrawerPresenceChange(e) : void 0
+	}, D = le(e, { onOpenChange: T });
+	function k() {
+		return O("drawer", D, { extraContent: () => V(qe, {}) });
+	}
+	return V(Ee, {
+		value: E,
+		get children() {
+			return V(k, {});
+		}
+	});
+}
+function qe() {
+	let e = ge(), t = T(), n = t.store, i = {};
+	return W(() => n.open(), (t) => {
+		e?.setDrawerOpen(i, t);
+	}), W(() => e, (e) => () => e?.removeDrawer(i)), W(() => ({
+		open: n.open(),
+		topmost: t.nestedOpenDialogCount() === 0,
+		popupElement: n.track().popupElement
+	}), (e) => {
+		if (!e.open || !e.topmost || !F()) return;
+		let t = f(e.popupElement).CloseWatcher;
+		if (!t) return;
+		function i(e) {
+			n.open() && n.setOpen(!1, o(r, e));
+		}
+		let a = new t();
+		return a.addEventListener("close", i), () => {
+			a.removeEventListener("close", i), a.destroy();
+		};
+	}), null;
+}
+//#endregion
+//#region src/drawer/swipe-area/DrawerSwipeAreaDataAttributes.ts
+var Je = /* @__PURE__ */ function(e) {
+	return e[e.open = y.open] = "open", e[e.closed = y.closed] = "closed", e.disabled = "data-disabled", e.swipeDirection = "data-swipe-direction", e.swiping = "data-swiping", e;
+}({}), Ye = .5, Xe = 1, Ze = .1, Qe = 40, $e = { [Je.open]: "" }, et = { [Je.closed]: "" }, tt = { [Je.swiping]: "" }, nt = { [Je.disabled]: "" }, rt = {
+	open: (e) => e ? $e : et,
+	swiping: (e) => e ? tt : null,
+	swipeDirection: (e) => ({ [Je.swipeDirection]: e }),
+	disabled: (e) => e ? nt : null
+}, it = {
+	up: "down",
+	down: "up",
+	left: "right",
+	right: "left"
+};
+function at(e) {
+	return e === "left" || e === "right" ? "pan-y" : "pan-x";
+}
+function ot(e) {
+	return e.mozInputSource === 0 ? e.isTrusted : e.detail === 0 && !e.pointerType;
+}
+function st(e) {
+	let r = T(), s = r.store, l = De(), u = ge(), d = e, f = ue(e, "as", "class", "disabled", "id", "onPointerCancel", "onPointerDown", "onPointerMove", "onPointerUp", "onTouchCancel", "onTouchEnd", "onTouchMove", "onTouchStart", "ref", "style", "swipeDirection"), p = `base-ui-${q()}`, h = G(() => d.id || p), g = G(() => d.disabled ?? !1), [v, y] = K(null, { ownedWrite: !0 }), [b, x] = K(!1, { ownedWrite: !0 }), S = null, C = !1, E = {
+		x: 0,
+		y: 0
+	}, D = null, O = !1, k = null, A = null, j = null, M = null, N = G(() => d.swipeDirection ?? it[l.swipeDirection()]), P = G(() => it[N()]), F = G(() => !g() && (!s.open() || b()));
+	_(() => s, h, v);
+	function R() {
+		E.x = 0, E.y = 0;
+	}
+	function z() {
+		M?.(), r.outsidePressEnabled.current = !1;
+	}
+	function B() {
+		M?.();
+		let e = m(v());
+		function t(n) {
+			n?.type === "click" && n.detail !== 0 && !ot(n) || (M = null, e.removeEventListener("pointerdown", t, !0), e.removeEventListener("click", t, !0), r.outsidePressEnabled.current = !0);
+		}
+		M = t, e.addEventListener("pointerdown", t, !0), e.addEventListener("click", t, !0);
+	}
+	function ne(e) {
+		let t = P(), n = t === "left" || t === "right" ? e.offsetWidth : e.offsetHeight;
+		return n <= 0 ? null : n;
+	}
+	function re() {
+		let e = s.state.popupElement;
+		return e ? ne(e) : null;
+	}
+	function U(e) {
+		let t = ne(e);
+		if (t == null) return null;
+		let n = P(), r = n === "left" || n === "right", i = I(e), a = r ? i.x : i.y;
+		return Number.isFinite(a) && Math.abs(a) > .5 ? Math.min(t, Math.abs(a)) : t;
+	}
+	function ie() {
+		let e = re();
+		return e == null ? Qe : e * Ye;
+	}
+	function ae() {
+		let e = s.state.popupElement;
+		if (!e || !s.open() || !r.presence.mounted() || (D ??= U(e), D === null)) return;
+		let t = N(), n = P(), i = Math.max(0, L(t, E.x, E.y)), a = i > D ? D + Math.sqrt(i - D) : i, o = (D - a) * (n === "left" || n === "up" ? -1 : 1), c = n === "left" || n === "right", d = c ? o : 0, f = c ? 0 : o, p = Math.max(0, Math.min(1, i / D)), m = Math.max(0, Math.min(1, 1 - p)), h = l.frontmostHeight();
+		e.style.setProperty(X.swipeMovementX, `${d}px`), e.style.setProperty(X.swipeMovementY, `${f}px`), e.setAttribute($.swiping, ""), k = e, j ??= e.style.transition, e.style.transition = "none";
+		let g = r.backdropElement();
+		g && (g.setAttribute($.swiping, ""), A = g, g.style.setProperty(Z.swipeProgress, `${m}`), p > 0 && h > 0 ? g.style.setProperty(X.height, `${h}px`) : g.style.removeProperty(X.height)), u?.visualStateStore.set({
+			swipeProgress: p,
+			frontmostHeight: p > 0 ? h : 0
+		}), O = !0, l.swipeAreaActive.current = !0;
+	}
+	function oe() {
+		k && (k.style.removeProperty(X.swipeMovementX), k.style.removeProperty(X.swipeMovementY), k.removeAttribute($.swiping), j !== null && (k.style.transition = j, j = null)), A && (A.removeAttribute($.swiping), A.style.setProperty(Z.swipeProgress, "0"), A.style.removeProperty(X.height)), u?.visualStateStore.set({
+			swipeProgress: 0,
+			frontmostHeight: 0
+		}), O = !1, k = null, A = null, l.swipeAreaActive.current = !1;
+	}
+	function se(e) {
+		C = !0, s.setOpen(!0, o(n, e, v() ?? void 0));
+	}
+	function ce(e) {
+		s.setOpen(!1, o(n, e, v() ?? void 0));
+	}
+	function le() {
+		S = null, C = !1, D = null, x(!1);
+	}
+	function Y() {
+		le(), B(), R(), oe();
+	}
+	let Q = ee({
+		enabled: F,
+		directions: () => [N()],
+		element: v,
+		trackDrag: !1,
+		movementCssVars: {
+			x: X.swipeMovementX,
+			y: X.swipeMovementY
+		},
+		onSwipeStart(e) {
+			z(), S = e, C = !1, x(!0), R();
+		},
+		onProgress(e, t) {
+			if (!t || !S) return;
+			E.x = t.deltaX, E.y = t.deltaY;
+			let n = N();
+			if (t.direction !== n) return;
+			let r = L(n, t.deltaX, t.deltaY);
+			!C && r < Xe || (!C && !s.open() && se(S), ae());
+		},
+		onRelease({ event: e, direction: t, deltaX: n, deltaY: r, releaseVelocityX: i, releaseVelocityY: a }) {
+			let o = N(), c = L(o, n, r), l = L(o, i, a), u = c >= ie();
+			return t === o && (u || l >= Ze) && !g() ? s.open() || se(e) : C && s.open() && ce(e), Y(), !1;
+		},
+		onCancel: Y
+	});
+	W(() => ({
+		active: b(),
+		open: s.open(),
+		mounted: r.presence.mounted(),
+		popupElement: s.track().popupElement,
+		frontmostHeight: l.frontmostHeight()
+	}), (e) => {
+		e.active && O && J(ae);
+	}), W(() => F(), (e) => {
+		e || J(() => {
+			b() && B(), Q.reset(), R(), oe(), le();
+		});
+	}), de(() => {
+		M?.(), r.outsidePressEnabled.current = !0;
+	});
+	let fe = G(() => ({
+		open: s.open(),
+		swiping: Q.swiping(),
+		swipeDirection: N(),
+		disabled: g()
+	})), pe = G(() => i(e.class, fe())), me = G(() => w({
+		"pointer-events": F() ? void 0 : "none",
+		"touch-action": at(N())
+	}, a(e.style, fe()))), he = G(() => t(fe(), rt)), _e = c(() => d.onPointerDown, () => (e) => {
+		e.pointerType !== "touch" && (Q.pointerHandlers.onPointerDown(e), e.cancelable && e.preventDefault());
+	}), ve = c(() => d.onPointerMove, () => (e) => {
+		e.pointerType !== "touch" && Q.pointerHandlers.onPointerMove(e);
+	}), ye = c(() => d.onPointerUp, () => (e) => {
+		e.pointerType !== "touch" && Q.pointerHandlers.onPointerUp(e);
+	}), be = c(() => d.onPointerCancel, () => (e) => {
+		e.pointerType !== "touch" && Q.pointerHandlers.onPointerCancel(e);
+	}), xe = c(() => d.onTouchStart, () => (e) => Q.touchHandlers.onTouchStart(e)), Se = c(() => d.onTouchMove, () => (e) => Q.touchHandlers.onTouchMove(e)), Ce = c(() => d.onTouchEnd, () => (e) => Q.touchHandlers.onTouchEnd(e)), we = c(() => d.onTouchCancel, () => (e) => Q.touchHandlers.onTouchCancel(e));
+	return V(te, H({
+		get component() {
+			return e.as ?? "div";
+		},
+		ref: [((e) => y(e)), d.ref],
+		get id() {
+			return h();
+		},
+		role: "presentation",
+		"aria-hidden": "true",
+		get class() {
+			return pe();
+		},
+		get style() {
+			return me();
+		},
+		onPointerDown: _e,
+		onPointerMove: ve,
+		onPointerUp: ye,
+		onPointerCancel: be,
+		onTouchStart: xe,
+		onTouchMove: Se,
+		onTouchEnd: Ce,
+		onTouchCancel: we
+	}, he, f));
+}
+//#endregion
+//#region src/drawer/virtual-keyboard-provider/DrawerVirtualKeyboardContext.ts
+var ct = Symbol("DrawerVirtualKeyboardContext"), lt = se(ct);
+function ut() {
+	let e = Y(lt);
+	return e === ct ? void 0 : e;
+}
+//#endregion
+//#region src/drawer/viewport/DrawerViewport.tsx
+var dt = 10, ft = .5, pt = .5, mt = 300, ht = 4, gt = .2, _t = 4, vt = 80, yt = 360, bt = .1, xt = 6, St = 2, Ct = `[${fe}]`;
+function wt(e) {
+	let t = T(), r = t.store, i = De(), a = ge(), u = je(), d = ut(), g = e, _ = ue(e, "children", "onPointerCancel", "onPointerDown", "onPointerMove", "onPointerUp", "onTouchCancel", "onTouchEnd", "onTouchStart"), v = () => r.open(), y = () => t.presence.mounted(), b = () => t.nestedOpenDrawerCount() > 0, x = () => i.swipeDirection(), S = () => x() === "left" || x() === "right" ? "horizontal" : "vertical", C = () => S() === "vertical" ? "horizontal" : "vertical", [w, E] = K(null, { ownedWrite: !0 }), D, O, k = !1, j = !1, M = "", N = !1, F = !1, I = null, B = G(() => {
+		let e = i.snapPoints(), t = u.resolvedSnapPoints(), n = x();
+		if (!e || e.length < 2 || t.length < 2 || n !== "down" && n !== "up") return null;
+		let r = t.map((e) => e.offset).sort((e, t) => e - t);
+		return {
+			minOffset: r[0],
+			range: r[1] - r[0]
+		};
+	}), te = G(() => {
+		let e = B(), t = u.activeSnapPointOffset();
+		return !e || t === null ? null : z((t - e.minOffset) / e.range, 0, 1);
+	}), ne = G(() => {
+		let e = i.snapPoints(), t = x();
+		return e && e.length > 0 && (t === "down" || t === "up") ? t === "down" ? ["down", "up"] : ["up", "down"] : [t];
+	});
+	function re(e) {
+		r.state.popupElement?.toggleAttribute($.swipeDismiss, e), t.backdropElement()?.toggleAttribute($.swipeDismiss, e);
+	}
+	function U() {
+		re(!1), r.state.popupElement?.removeAttribute(s.endingStyle), E(null);
+	}
+	function ie() {
+		j && (j = !1, i.notifyParentSwipingChange?.(!1));
+	}
+	function ae(e, n, r) {
+		let o = v() && !t.nested && n, s = o ? e : 0, c = v() && n ? e : 0, l = i.frontmostHeight();
+		r && i.notifyParentSwipeProgressChange && (i.notifyParentSwipeProgressChange(c), c <= 0 && ie()), a?.visualStateStore.set({
+			swipeProgress: s,
+			frontmostHeight: s > 0 ? l : 0
+		});
+		let u = t.backdropElement();
+		if (!u) return;
+		let d = o && s > 0;
+		u.style.setProperty(Z.swipeProgress, d ? `${s}` : "0"), d && l > 0 ? u.style.setProperty(X.height, `${l}px`) : u.style.removeProperty(X.height);
+	}
+	function oe(e, t, n, r, a, o, s, c) {
+		let l = Ot(e, t);
+		if (l <= 0) return null;
+		let d = i.snapPoints(), f = ((t === "down" || t === "up") && d && d.length > 0 ? u.activeSnapPointOffset() ?? 0 : 0) + L(t, n, r), p = Math.max(0, l - f);
+		if (p <= 0) return null;
+		let m = L(t, s, c), h = Math.abs(m) > 0 ? m : L(t, a, o);
+		if (h <= gt) return null;
+		let g = z(h, gt, _t);
+		return bt + (z(p / g, vt, yt) - vt) / 280 * .9;
+	}
+	function se(e) {
+		if (j || !e) return;
+		let t = e.direction ?? x();
+		Math.abs(L(t, e.deltaX, e.deltaY)) < dt || (j = !0, i.notifyParentSwipingChange?.(!0));
+	}
+	let q = ee({
+		enabled: () => y() && !b(),
+		directions: ne,
+		element: () => r.track().popupElement,
+		ignoreSelectorWhenTouch: !1,
+		ignoreScrollableAncestors: !0,
+		movementCssVars: {
+			x: X.swipeMovementX,
+			y: X.swipeMovementY
+		},
+		swipeThreshold: ({ element: e, direction: t }) => kt(e, t),
+		onSwipeStart(e) {
+			if ("touches" in e || e.pointerType === "touch") return;
+			let t = r.state.popupElement, n = m(t).getSelection?.();
+			if (!n || n.isCollapsed) return;
+			let i = l(n.anchorNode) ? n.anchorNode : n.anchorNode?.parentElement, a = l(n.focusNode) ? n.focusNode : n.focusNode?.parentElement;
+			!p(t, i) && !p(t, a) || n.removeAllRanges();
+		},
+		onSwipingChange(e) {
+			k = e, Tt(t.backdropElement(), e), !e && !i.notifyParentSwipeProgressChange && ie();
+		},
+		canStart(e, t) {
+			let n = r.state.popupElement;
+			if (!n) return !1;
+			let i = R(n.getRootNode(), e.x, e.y);
+			if (!i || !p(n, i)) return !1;
+			let a = t.nativeEvent;
+			return !(("touches" in a || a.pointerType === "touch") && Nt(n.ownerDocument, n));
+		},
+		onProgress(e, t) {
+			se(t);
+			let n = i.snapPoints(), a = !!(n && n.length > 0);
+			if (k && x() === "down" && a && t) {
+				let e = r.state.popupElement;
+				e && (e.style.removeProperty("transform"), e.style.setProperty(X.swipeMovementY, `${Oe(u.activeSnapPointOffset() ?? 0, t.deltaY)}px`));
+			}
+			let o = e, s = B(), c = u.popupHeight();
+			if (s && c > 0) {
+				let e = u.activeSnapPointOffset() ?? s.minOffset, n = (e) => z((e - s.minOffset) / s.range, 0, 1);
+				if (t && Number.isFinite(t.deltaY)) o = n(z(e + t.deltaY, 0, c));
+				else {
+					let e = te();
+					e !== null && (o = e);
+				}
+			}
+			ae(o, !0, !0);
+		},
+		onRelease({ event: e, deltaX: t, deltaY: a, direction: c, velocityX: l, velocityY: d, releaseVelocityX: f, releaseVelocityY: p }) {
+			let m = r.state.popupElement;
+			if (!m) {
+				U();
+				return;
+			}
+			function h(e) {
+				ie(), re(!0), m.style.removeProperty("transition"), m.setAttribute(s.endingStyle, ""), E(oe(m, e, t, a, l, d, f, p)), ce();
+			}
+			let g = i.snapPoints(), _ = x();
+			if (!g || g.length === 0) {
+				if (!c) {
+					U();
+					return;
+				}
+				let e = L(c, t, a);
+				if (e <= 0) return U(), !1;
+				if (L(c, l, d) >= ft) return h(c), !0;
+				let n = e > kt(m, c);
+				return n ? h(c) : U(), n;
+			}
+			if (_ !== "down" && _ !== "up") {
+				U();
+				return;
+			}
+			let v = u.popupHeight();
+			if (!v) return U(), !1;
+			let y = u.resolvedSnapPoints();
+			if (y.length === 0) {
+				U();
+				return;
+			}
+			let b = _ === "down" ? a : -a, S = Math.sign(b), C = _ === "down" ? p : -p, w = _ === "down" ? d : -d, T = C;
+			if (S !== 0 && Math.abs(b) >= dt) {
+				let e = Math.sign(T);
+				e !== 0 && e !== S && (T = w);
+			}
+			let O = u.activeSnapPointOffset() ?? 0, k = z(O + b, 0, v), A = Math.abs(T) >= pt ? z(T, -4, ht) * mt : 0, j = i.snapToSequentialPoints() ? k : z(k + A, 0, v), M = o(n, e), N = () => (D = u.activeSnapPoint(), i.setActiveSnapPoint(null, M), h(_), !0);
+			if (i.snapToSequentialPoints()) {
+				let e = [...y].sort((e, t) => e.offset - t.offset), t = e.map((e) => e.offset), n = Ae(t, O), r = e[Ae(t, j)], a = Math.sign(T), o = S !== 0 && a !== 0 && a === S && Math.abs(T) >= pt, s = j;
+				if (o) {
+					let t = z(n + S, 0, e.length - 1);
+					if (t !== n) {
+						let n = e[t];
+						(S > 0 ? j < n.offset : j > n.offset) && (r = n, s = n.offset);
+					} else if (S > 0) return N();
+				}
+				return Math.abs(s - v) < Math.abs(s - r.offset) ? N() : (i.setActiveSnapPoint(r.value, M), U(), !1);
+			}
+			if (T >= ft && b > 0) return N();
+			let P = y[Ae(y.map((e) => e.offset), j)];
+			return Math.abs(j - v) < Math.abs(j - P.offset) ? N() : (i.setActiveSnapPoint(P.value, M), U(), !1);
+		},
+		onDismiss(e) {
+			a?.visualStateStore.set({
+				swipeProgress: 0,
+				frontmostHeight: 0
+			});
+			let s = t.backdropElement();
+			s && (s.style.setProperty(Z.swipeProgress, "0"), s.style.removeProperty(X.height));
+			let c = o(n, e);
+			if (r.setOpen(!1, c), c.isCanceled) {
+				D !== void 0 && i.setActiveSnapPoint(D, o(n, e)), D = void 0, q.reset(), U();
+				return;
+			}
+			if (r.open()) {
+				let t = e;
+				O = requestAnimationFrame(() => {
+					O = void 0, r.open() ? (D !== void 0 && i.setActiveSnapPoint(D, o(n, t)), D = void 0, U(), q.reset()) : D = void 0;
+				});
+				return;
+			}
+			D = void 0, re(!0);
+		}
+	});
+	W(() => ({
+		mounted: y(),
+		nestedDrawerOpen: b(),
+		open: v(),
+		rootElement: t.viewportElement() ?? r.track().popupElement,
+		axis: S(),
+		direction: x()
+	}), (e) => {
+		let t = e.rootElement;
+		if (!t) return;
+		let n = e.axis === "vertical", r = m(t);
+		function i(i, a, o) {
+			let s = n ? o.clientY - a.lastY : o.clientX - a.lastX;
+			if (i.touches.length === 2 || Nt(r, t) || !e.open || !e.mounted || e.nestedDrawerOpen || Ft(a, i, o, n)) return;
+			let c = a.scrollTarget;
+			if (!c || c === r.documentElement || c === r.body) {
+				i.cancelable && i.preventDefault(), i.stopPropagation(), q.moveNative(i, t);
+				return;
+			}
+			if (!It(c, e.axis)) {
+				i.cancelable && i.preventDefault(), i.stopPropagation();
+				return;
+			}
+			if (s !== 0) {
+				let t = zt(c, e.axis, e.direction, s);
+				a.allowSwipe ? i.cancelable && i.preventDefault() : i.cancelable && t ? (a.allowSwipe = !0, i.preventDefault()) : a.allowSwipe = !1;
+			}
+			a.allowSwipe === !0 && (i.stopPropagation(), q.moveNative(i, t));
+		}
+		function a(e) {
+			if (d?.onTouchMove(e), F) return;
+			let t = e.touches[0];
+			!t || !I || (i(e, I, t), I.lastX = t.clientX, I.lastY = t.clientY);
+		}
+		return r.addEventListener("touchmove", a, {
+			passive: !1,
+			capture: !0
+		}), () => r.removeEventListener("touchmove", a, { capture: !0 });
+	}), W(() => ({
+		range: B(),
+		swiping: q.swiping(),
+		open: v(),
+		nested: t.nested,
+		progress: te(),
+		frontmostHeight: i.frontmostHeight()
+	}), (e) => {
+		!e.range || e.swiping || J(() => ae(!e.open || e.nested ? 0 : e.progress ?? 0, !0, !1));
+	}), W(() => v(), (e) => {
+		if (i.notifyParentSwipeProgressChange) return e || i.notifyParentSwipeProgressChange(0), () => i.notifyParentSwipeProgressChange?.(0);
+	}), W(() => v(), (e) => {
+		e && J(() => {
+			i.swipeAreaActive.current || q.reset(), U();
+		});
+	}), de(() => {
+		O !== void 0 && cancelAnimationFrame(O), a?.visualStateStore.set({
+			swipeProgress: 0,
+			frontmostHeight: 0
+		}), Tt(t.backdropElement(), !1), ie();
+	});
+	let le = {
+		swiping: q.swiping,
+		getDragStyles: q.getDragStyles,
+		swipeStrength: w,
+		setSwipeDismissed: re
+	};
+	function Y(e) {
+		F = e, I = null;
+	}
+	function Q() {
+		Y(!1), M = "", N = !1;
+	}
+	function fe(e) {
+		return M = "", e.pointerType !== "touch";
+	}
+	let pe = c(() => g.onPointerDown, () => (e) => {
+		if (M = e.pointerType, N = e.pointerType === "pen", !v() || !y() || b()) return;
+		let t = e.currentTarget, n = R(t.getRootNode(), e.clientX, e.clientY);
+		Et(n) || Dt(n) || e.pointerType !== "touch" && q.pointerHandlers.onPointerDown(e);
+	}), me = c(() => g.onPointerMove, () => (e) => {
+		e.pointerType !== "touch" && q.pointerHandlers.onPointerMove(e);
+	}), he = c(() => g.onPointerUp, () => (e) => {
+		fe(e) && q.pointerHandlers.onPointerUp(e);
+	}), _e = c(() => g.onPointerCancel, () => (e) => {
+		fe(e) && q.pointerHandlers.onPointerCancel(e);
+	}), ve = c(() => g.onTouchStart, () => (e) => {
+		if (M === "pen" && N) {
+			N = !1, Y(!1);
+			return;
+		}
+		if (!v() || !y() || b()) {
+			Y(!1);
+			return;
+		}
+		let t = e.touches[0];
+		if (!t) return;
+		let n = e.currentTarget;
+		if (Pt(e, f(n))) {
+			Y(!1);
+			return;
+		}
+		let r = R(n.getRootNode(), t.clientX, t.clientY), i = h(e), a = l(i) ? i : n;
+		if (!p(n, a)) {
+			Y(!0);
+			return;
+		}
+		if (d?.onTouchStart(e), Et(r)) {
+			Y(!0);
+			return;
+		}
+		F = !1;
+		let o = S(), s = P(a, n, o), c = P(a, n, C()) != null, u = null;
+		s && (u = Rt(s, o, x()) ? null : !1), I = {
+			startX: t.clientX,
+			startY: t.clientY,
+			lastX: t.clientX,
+			lastY: t.clientY,
+			scrollTarget: s,
+			hasCrossAxisScrollableContent: c,
+			allowSwipe: u,
+			preserveNativeCrossAxisScroll: !1,
+			drawerAxisAttributed: !1
+		}, q.touchHandlers.onTouchStart(e);
+	}), ye = c(() => g.onTouchEnd, () => (e) => {
+		d?.onTouchEnd(e), Q(), q.touchHandlers.onTouchEnd(e);
+	}), be = c(() => g.onTouchCancel, () => (e) => {
+		d?.onTouchCancel(), Q(), q.touchHandlers.onTouchCancel(e);
+	});
+	return V(A, H(_, {
+		onPointerDown: pe,
+		onPointerMove: me,
+		onPointerUp: he,
+		onPointerCancel: _e,
+		onTouchStart: ve,
+		onTouchEnd: ye,
+		onTouchCancel: be,
+		"data-nested-dialog-open": void 0,
+		get children() {
+			return V(Ne, {
+				value: le,
+				get children() {
+					return e.children;
+				}
+			});
+		}
+	}));
+}
+function Tt(e, t) {
+	e?.toggleAttribute($.swiping, t);
+}
+function Et(e) {
+	return !!e?.closest(B);
+}
+function Dt(e) {
+	return !!e?.closest(Ct);
+}
+function Ot(e, t) {
+	return t === "left" || t === "right" ? e.offsetWidth : e.offsetHeight;
+}
+function kt(e, t) {
+	return Math.max(Ot(e, t) * .5, dt);
+}
+function At(e, t) {
+	return e instanceof t.HTMLInputElement && e.type === "range";
+}
+function jt(e) {
+	return e.tagName === "INPUT" || e.tagName === "TEXTAREA";
+}
+function Mt(e, t) {
+	let n = l(e.anchorNode) ? e.anchorNode : e.anchorNode?.parentElement, r = l(e.focusNode) ? e.focusNode : e.focusNode?.parentElement;
+	return e.containsNode(t, !0) || p(t, n) || p(t, r);
+}
+function Nt(e, t) {
+	let n = g(e);
+	if (n && p(t, n) && jt(n)) {
+		let { selectionStart: e, selectionEnd: t } = n;
+		if (e != null && t != null && e < t) return !0;
+	}
+	let r = e.getSelection?.();
+	return !r || r.isCollapsed ? !1 : Mt(r, t);
+}
+function Pt(e, t) {
+	return e.composedPath().some((e) => At(e, t));
+}
+function Ft(e, t, n, r) {
+	if (e.preserveNativeCrossAxisScroll) return !0;
+	if (e.drawerAxisAttributed || e.allowSwipe === !0 || !e.hasCrossAxisScrollableContent) return !1;
+	if (!t.cancelable) return e.preserveNativeCrossAxisScroll = !0, !0;
+	let i = r ? n.clientY - e.startY : n.clientX - e.startX, a = r ? n.clientX - e.startX : n.clientY - e.startY, o = Math.abs(i), s = Math.abs(a);
+	return s >= xt && s > o + St ? (e.preserveNativeCrossAxisScroll = !0, !0) : o >= xt ? (e.drawerAxisAttributed = !0, !1) : !0;
+}
+function It(e, t) {
+	return Lt(e, t).max > 0;
+}
+function Lt(e, t) {
+	return t === "vertical" ? {
+		offset: e.scrollTop,
+		max: Math.max(0, e.scrollHeight - e.clientHeight)
+	} : {
+		offset: e.scrollLeft,
+		max: Math.max(0, e.scrollWidth - e.clientWidth)
+	};
+}
+function Rt(e, t, n) {
+	let r = Bt(n, t), { offset: i, max: a } = Lt(e, t);
+	return r ? i <= 0 : i >= a;
+}
+function zt(e, t, n, r) {
+	return (Bt(n, t) ? r > 0 : r < 0) && Rt(e, t, n);
+}
+function Bt(e, t) {
+	return t === "vertical" ? e === "down" : e === "right";
+}
+//#endregion
+//#region src/drawer/viewport/DrawerViewportCssVars.ts
+var Vt = /* @__PURE__ */ function(e) {
+	return e.keyboardInset = "--drawer-keyboard-inset", e;
+}({}), Ht = 60, Ut = 16, Wt = 48, Gt = 150, Kt = 4, qt = 60, Jt = 10, Yt = 16, Xt = /* @__PURE__ */ new Set([
+	"email",
+	"number",
+	"password",
+	"search",
+	"tel",
+	"text",
+	"url"
+]), Zt = Symbol("KeyboardTapBlocked");
+function Qt(e) {
+	let t = T(), n = t.store, r = !1, i = null, a = null, o = null, s = !1, c, l;
+	function u() {
+		c !== void 0 && (cancelAnimationFrame(c), c = void 0);
+	}
+	function d() {
+		l !== void 0 && (clearTimeout(l), l = void 0);
+	}
+	function _() {
+		let e = o;
+		e && (e.element.style.overflowAnchor = e.overflowAnchor, e.element.style.paddingBottom = e.paddingBottom, e.element.style.scrollPaddingBottom = e.scrollPaddingBottom, o = null);
+	}
+	function v(e, t) {
+		let n = Math.max(0, Math.ceil(t)), r = o;
+		if (r && !r.element.isConnected && (_(), r = null), n === 0) {
+			_();
+			return;
+		}
+		if (r && r.element !== e && (_(), r = null), !r) {
+			let t = f(e).getComputedStyle(e);
+			r = {
+				element: e,
+				overflowAnchor: e.style.overflowAnchor,
+				paddingBottom: e.style.paddingBottom,
+				scrollPaddingBottom: e.style.scrollPaddingBottom,
+				computedPaddingBottom: Number.parseFloat(t.paddingBottom) || 0,
+				computedScrollPaddingBottom: Number.parseFloat(t.scrollPaddingBottom) || 0
+			}, o = r;
+		}
+		e.style.overflowAnchor = "none", e.style.paddingBottom = `${r.computedPaddingBottom + n}px`, e.style.scrollPaddingBottom = `${r.computedScrollPaddingBottom + Ut}px`;
+	}
+	function y(e, t) {
+		let n = f(e).matchMedia?.("(prefers-reduced-motion: reduce)")?.matches ? "auto" : "smooth";
+		e.scrollTo({
+			top: t,
+			behavior: n
+		});
+	}
+	function b() {
+		r = !1, i = null;
+	}
+	W(() => ({
+		mounted: t.presence.mounted(),
+		open: n.open(),
+		modal: t.modal(),
+		nestedDrawerOpen: t.nestedOpenDialogCount() > 0,
+		rootElement: t.viewportElement()
+	}), (e) => {
+		if (!e.mounted || !e.open) {
+			a = null, _(), u();
+			return;
+		}
+		let t = e.rootElement;
+		if (!t) {
+			_();
+			return;
+		}
+		let n = m(t), r = f(t), i = r.visualViewport, o = e.nestedDrawerOpen, b = null, x = 0, S = 0, C = -1;
+		function w(e) {
+			t.style.setProperty(Vt.keyboardInset, `${Math.max(0, Math.ceil(e))}px`);
+		}
+		function T() {
+			a = null, b = null, w(0), _(), u(), d();
+		}
+		let E = r.scrollX, D = r.scrollY;
+		function O() {
+			return e.modal !== !0 || o || !a || ln(r) == null ? !1 : r.scrollX !== E || r.scrollY !== D ? (r.scrollTo({
+				left: E,
+				top: D,
+				behavior: "instant"
+			}), !0) : !1;
+		}
+		let k = null;
+		function A() {
+			k?.(), k = null;
+		}
+		function j(e, t) {
+			A();
+			let n = e.getBoundingClientRect();
+			k = sn(e, (t.top + t.bottom - n.top - n.bottom) / 2);
+		}
+		function M() {
+			c = void 0, A();
+			let e = a;
+			if (o || !e || !p(t, e)) {
+				w(0), _();
+				return;
+			}
+			O();
+			let n = ln(r);
+			if (!n) {
+				w(0), _();
+				return;
+			}
+			w(Math.max(0, r.innerHeight - n.bottom));
+			let i = cn(e, t);
+			if (!i) {
+				_();
+				return;
+			}
+			let s = i.getBoundingClientRect(), l = Math.min(s.bottom, n.bottom), u = Math.max(0, s.bottom - n.bottom);
+			v(i, u > 0 ? u + Wt : 0);
+			let d = Math.max(0, i.scrollHeight - i.clientHeight);
+			if (d <= 0) return;
+			let f = Math.max(s.top, n.top) + Ut, m = l - Ut;
+			if (m <= f) return;
+			let h = e.getBoundingClientRect(), g = i.scrollTop + (h.top + h.bottom - f - m) / 2, T = Math.round(z(g, 0, d));
+			if (!(b === i && Math.abs(x - T) <= 1)) {
+				let e = b === i ? S + 1 : 1;
+				if (b = i, x = T, S = e, C = -1, e <= qt) {
+					N();
+					return;
+				}
+			} else if (C >= 0) {
+				let e = i.scrollTop;
+				if (Math.abs(e - T) <= 1) return;
+				if (e !== C) {
+					C = e;
+					return;
+				}
+			}
+			b = i, x = T, S = 0, C = i.scrollTop, y(i, T);
+		}
+		function N() {
+			u(), c = requestAnimationFrame(M);
+		}
+		function P() {
+			let e = Kt, t = () => {
+				l = void 0, M(), --e, e > 0 && (l = setTimeout(t, Gt));
+			};
+			d(), l = setTimeout(t, Gt);
+		}
+		function F(e) {
+			if (o) return !1;
+			let n = en(e);
+			return !n || !p(t, n) ? !1 : (a !== n && (b = null), a = n, !0);
+		}
+		function I(e) {
+			if (s = !1, A(), !F(h(e))) {
+				T();
+				return;
+			}
+			ln(r) != null && P(), N();
+		}
+		function L(e) {
+			if (!s) {
+				if (F(e.relatedTarget)) {
+					let e = a, t = ln(r);
+					e && t && j(e, t), N();
+					return;
+				}
+				T();
+			}
+		}
+		function R() {
+			(a || F(g(n))) && N();
+		}
+		function ee() {
+			O() && N();
+		}
+		function B() {
+			u(), d(), b = null;
+		}
+		return i?.addEventListener("resize", R), i?.addEventListener("scroll", R), n.addEventListener("focusin", I, !0), n.addEventListener("focusout", L, !0), r.addEventListener("scroll", ee), n.addEventListener("pointerdown", B, !0), F(g(n)) && N(), () => {
+			i?.removeEventListener("resize", R), i?.removeEventListener("scroll", R), n.removeEventListener("focusin", I, !0), n.removeEventListener("focusout", L, !0), r.removeEventListener("scroll", ee), n.removeEventListener("pointerdown", B, !0), A(), T(), t.style.removeProperty(Vt.keyboardInset);
+		};
+	});
+	function x(e) {
+		let t = e.touches[0];
+		r = !1, i = t ? {
+			x: t.clientX,
+			y: t.clientY
+		} : null;
+	}
+	function S(e) {
+		let t = e.touches[0];
+		!t || !i || r || (Math.abs(t.clientX - i.x) > Jt || Math.abs(t.clientY - i.y) > Jt) && (r = !0);
+	}
+	function C(e) {
+		let a = t.viewportElement();
+		if (!n.open() || !t.presence.mounted() || t.nestedOpenDialogCount() > 0 || !a || !i || r) {
+			b();
+			return;
+		}
+		let o = e.changedTouches[0] ?? e.touches[0], c = a.getRootNode(), l = o ? rn(c, o.clientX, o.clientY) : null;
+		if (l === Zt) {
+			b();
+			return;
+		}
+		let u = o && (l ?? tn(h(e)));
+		if (u && (!p(a, u.focusTarget) || !p(a, u.clickTarget))) {
+			b();
+			return;
+		}
+		if (u) {
+			let { clickTarget: t, focusTarget: n } = u, r = f(n);
+			if (r.visualViewport && r.visualViewport.scale !== 1) {
+				b();
+				return;
+			}
+			if (g(m(n)) === n && (!r.visualViewport || ln(r) != null)) {
+				b();
+				return;
+			}
+			e.preventDefault(), s = !0;
+			try {
+				on(n);
+			} finally {
+				s = !1;
+			}
+			an(t, o), b();
+			return;
+		}
+		b();
+	}
+	return V(lt, {
+		value: {
+			onTouchStart: x,
+			onTouchMove: S,
+			onTouchEnd: C,
+			onTouchCancel: b
+		},
+		get children() {
+			return e.children;
+		}
+	});
+}
+function $t(e) {
+	if (e.isContentEditable) return !0;
+	let t = f(e);
+	return e instanceof t.HTMLTextAreaElement || e instanceof t.HTMLInputElement && Xt.has(e.type) ? !e.matches(":disabled") : !1;
+}
+function en(e) {
+	if (!u(e)) return null;
+	if ($t(e)) return e.isContentEditable ? nn(e) : e;
+	let t = e.closest("label")?.control ?? null;
+	return u(t) && $t(t) ? t : null;
+}
+function tn(e) {
+	if (!u(e)) return null;
+	let t = en(e);
+	return t ? {
+		focusTarget: t,
+		clickTarget: e
+	} : null;
+}
+function nn(e) {
+	let t = e;
+	for (; t.parentElement?.isContentEditable;) t = t.parentElement;
+	return t;
+}
+function rn(e, t, n) {
+	let r = R(e, t, n);
+	if (u(r)) {
+		let e = en(r);
+		if (e) return {
+			focusTarget: e,
+			clickTarget: r
+		};
+	}
+	if (d(r) || r?.closest("label") != null) return Zt;
+	for (let [r, i] of [
+		[0, Yt],
+		[0, -16],
+		[Yt, 0],
+		[-16, 0]
+	]) {
+		let a = en(R(e, t + r, n + i));
+		if (a) return {
+			focusTarget: a,
+			clickTarget: a
+		};
+	}
+	return null;
+}
+function an(e, t) {
+	let n = f(e), r = n.PointerEvent ?? n.MouseEvent, i = {
+		bubbles: !0,
+		cancelable: !0,
+		clientX: t.clientX,
+		clientY: t.clientY,
+		detail: 1
+	}, a;
+	try {
+		a = new r("click", {
+			...i,
+			view: n
+		});
+	} catch {
+		a = new r("click", i);
+	}
+	e.dispatchEvent(a);
+}
+function on(e) {
+	let t = g(m(e)) === e, n = sn(e, -2e3);
+	try {
+		t && e.blur(), e.focus({ preventScroll: !0 });
+	} finally {
+		n();
+	}
+}
+function sn(e, t) {
+	let n = e.style.opacity, r = e.style.transform, i = e.style.transition;
+	return e.style.transition = "none", e.style.opacity = "0", e.style.transform = `translateY(${t}px)`, () => {
+		e.style.opacity = n, e.style.transform = r, e.style.transition = i;
+	};
+}
+function cn(e, t) {
+	let n = N(e);
+	return P(n, t, "vertical") ?? P(n, t, "vertical", !0);
+}
+function ln(e) {
+	let t = e.visualViewport;
+	if (!t || t.scale !== 1 || e.innerHeight - t.height <= Ht) return null;
+	let n = Math.max(0, t.offsetTop);
+	return {
+		top: n,
+		bottom: Math.min(e.innerHeight, n + t.height)
+	};
+}
+//#endregion
+//#region src/drawer/handle.ts
+var un = class extends M {};
+function dn() {
+	return new un();
+}
+//#endregion
+//#region src/drawer/index.parts.ts
+var fn = /* @__PURE__ */ e({
+	Backdrop: () => Q,
+	Close: () => D,
+	Content: () => pe,
+	Description: () => S,
+	Handle: () => un,
+	Indent: () => we,
+	IndentBackground: () => Se,
+	Popup: () => Ue,
+	Portal: () => k,
+	Provider: () => We,
+	Root: () => Ke,
+	SwipeArea: () => st,
+	Title: () => x,
+	Trigger: () => E,
+	Viewport: () => wt,
+	VirtualKeyboardProvider: () => Qt,
+	createHandle: () => dn
+});
+//#endregion
+export { fn as t };