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

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

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