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

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

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