@pfct/purple 1.16.2 → 1.17.0

package/dist/chunks/drawer.ftfBm36h.js

@@ -0,0 +1,1836 @@
+import { t as e } from "./utils.UNiIm9Bz.js";
+import { n as t, t as n } from "./es2015.DCKfm2VN.js";
+import * as r from "react";
+import i, { useEffect as a, useLayoutEffect as o, useMemo as s } from "react";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import * as d from "react-dom";
+typeof window < "u" && window.document && window.document.createElement;
+function f(e, t, { checkForDefaultPrevented: n = !0 } = {}) {
+	return function(r) {
+		if (e?.(r), n === !1 || !r.defaultPrevented) return t?.(r);
+	};
+}
+//#endregion
+//#region node_modules/vaul/node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-compose-refs/dist/index.mjs
+function p(e, t) {
+	if (typeof e == "function") return e(t);
+	e != null && (e.current = t);
+}
+function m(...e) {
+	return (t) => {
+		let n = !1, r = e.map((e) => {
+			let r = p(e, t);
+			return !n && typeof r == "function" && (n = !0), r;
+		});
+		if (n) return () => {
+			for (let t = 0; t < r.length; t++) {
+				let n = r[t];
+				typeof n == "function" ? n() : p(e[t], null);
+			}
+		};
+	};
+}
+function h(...e) {
+	return r.useCallback(m(...e), e);
+}
+//#endregion
+//#region node_modules/vaul/node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-context/dist/index.mjs
+function g(e, t) {
+	let n = r.createContext(t);
+	n.displayName = e + "Context";
+	let i = (e) => {
+		let { children: t, ...i } = e, a = r.useMemo(() => i, Object.values(i));
+		return /* @__PURE__ */ l(n.Provider, {
+			value: a,
+			children: t
+		});
+	};
+	i.displayName = e + "Provider";
+	function a(i) {
+		let a = r.useContext(n);
+		if (a) return a;
+		if (t !== void 0) return t;
+		throw Error(`\`${i}\` must be used within \`${e}\``);
+	}
+	return [i, a];
+}
+function _(e, t = []) {
+	let n = [];
+	function i(t, i) {
+		let a = r.createContext(i);
+		a.displayName = t + "Context";
+		let o = n.length;
+		n = [...n, i];
+		let s = (t) => {
+			let { scope: n, children: i, ...s } = t, c = n?.[e]?.[o] || a, u = r.useMemo(() => s, Object.values(s));
+			return /* @__PURE__ */ l(c.Provider, {
+				value: u,
+				children: i
+			});
+		};
+		s.displayName = t + "Provider";
+		function c(n, s) {
+			let c = s?.[e]?.[o] || a, l = r.useContext(c);
+			if (l) return l;
+			if (i !== void 0) return i;
+			throw Error(`\`${n}\` must be used within \`${t}\``);
+		}
+		return [s, c];
+	}
+	let a = () => {
+		let t = n.map((e) => r.createContext(e));
+		return function(n) {
+			let i = n?.[e] || t;
+			return r.useMemo(() => ({ [`__scope${e}`]: {
+				...n,
+				[e]: i
+			} }), [n, i]);
+		};
+	};
+	return a.scopeName = e, [i, v(a, ...t)];
+}
+function v(...e) {
+	let t = e[0];
+	if (e.length === 1) return t;
+	let n = () => {
+		let n = e.map((e) => ({
+			useScope: e(),
+			scopeName: e.scopeName
+		}));
+		return function(e) {
+			let i = n.reduce((t, { useScope: n, scopeName: r }) => {
+				let i = n(e)[`__scope${r}`];
+				return {
+					...t,
+					...i
+				};
+			}, {});
+			return r.useMemo(() => ({ [`__scope${t.scopeName}`]: i }), [i]);
+		};
+	};
+	return n.scopeName = t.scopeName, n;
+}
+//#endregion
+//#region node_modules/vaul/node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-id/node_modules/@radix-ui/react-use-layout-effect/dist/index.mjs
+var y = globalThis?.document ? r.useLayoutEffect : () => {}, b = r.useId || (() => void 0), x = 0;
+function S(e) {
+	let [t, n] = r.useState(b());
+	return y(() => {
+		e || n((e) => e ?? String(x++));
+	}, [e]), e || (t ? `radix-${t}` : "");
+}
+//#endregion
+//#region node_modules/vaul/node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-use-controllable-state/node_modules/@radix-ui/react-use-layout-effect/dist/index.mjs
+var C = globalThis?.document ? r.useLayoutEffect : () => {}, w = r.useInsertionEffect || C;
+function T({ prop: e, defaultProp: t, onChange: n = () => {}, caller: i }) {
+	let [a, o, s] = E({
+		defaultProp: t,
+		onChange: n
+	}), c = e !== void 0, l = c ? e : a;
+	{
+		let t = r.useRef(e !== void 0);
+		r.useEffect(() => {
+			let e = t.current;
+			e !== c && console.warn(`${i} is changing from ${e ? "controlled" : "uncontrolled"} to ${c ? "controlled" : "uncontrolled"}. Components should not switch from controlled to uncontrolled (or vice versa). Decide between using a controlled or uncontrolled value for the lifetime of the component.`), t.current = c;
+		}, [c, i]);
+	}
+	return [l, r.useCallback((t) => {
+		if (c) {
+			let n = ee(t) ? t(e) : t;
+			n !== e && s.current?.(n);
+		} else o(t);
+	}, [
+		c,
+		e,
+		o,
+		s
+	])];
+}
+function E({ defaultProp: e, onChange: t }) {
+	let [n, i] = r.useState(e), a = r.useRef(n), o = r.useRef(t);
+	return w(() => {
+		o.current = t;
+	}, [t]), r.useEffect(() => {
+		a.current !== n && (o.current?.(n), a.current = n);
+	}, [n, a]), [
+		n,
+		i,
+		o
+	];
+}
+function ee(e) {
+	return typeof e == "function";
+}
+//#endregion
+//#region node_modules/vaul/node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-slot/dist/index.mjs
+// @__NO_SIDE_EFFECTS__
+function D(e) {
+	let t = r.forwardRef((t, n) => {
+		let { children: i, ...a } = t, o = null, s = !1, c = [];
+		A(i) && typeof M == "function" && (i = M(i._payload)), r.Children.forEach(i, (e) => {
+			if (ie(e)) {
+				s = !0;
+				let t = e, n = "child" in t.props ? t.props.child : t.props.children;
+				A(n) && typeof M == "function" && (n = M(n._payload)), o = O(t, n), c.push(o?.props?.children);
+			} else c.push(e);
+		}), o ? o = r.cloneElement(o, void 0, c) : !s && r.Children.count(i) === 1 && r.isValidElement(i) && (o = i);
+		let l = o ? re(o) : void 0, u = h(n, l);
+		if (!o) {
+			if (i || i === 0) throw Error(s ? j(e) : oe(e));
+			return i;
+		}
+		let d = ne(a, o.props ?? {});
+		return o.type !== r.Fragment && (d.ref = n ? u : l), r.cloneElement(o, d);
+	});
+	return t.displayName = `${e}.Slot`, t;
+}
+var te = Symbol.for("radix.slottable"), O = (e, t) => {
+	if ("child" in e.props) {
+		let t = e.props.child;
+		return r.isValidElement(t) ? r.cloneElement(t, void 0, e.props.children(t.props.children)) : null;
+	}
+	return r.isValidElement(t) ? t : null;
+};
+function ne(e, t) {
+	let n = { ...t };
+	for (let r in t) {
+		let i = e[r], a = t[r];
+		/^on[A-Z]/.test(r) ? i && a ? n[r] = (...e) => {
+			let t = a(...e);
+			return i(...e), t;
+		} : i && (n[r] = i) : r === "style" ? n[r] = {
+			...i,
+			...a
+		} : r === "className" && (n[r] = [i, a].filter(Boolean).join(" "));
+	}
+	return {
+		...e,
+		...n
+	};
+}
+function re(e) {
+	let t = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning;
+	return n ? e.ref : (t = Object.getOwnPropertyDescriptor(e, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
+}
+function ie(e) {
+	return r.isValidElement(e) && typeof e.type == "function" && "__radixId" in e.type && e.type.__radixId === te;
+}
+var k = Symbol.for("react.lazy");
+function A(e) {
+	return typeof e == "object" && !!e && "$$typeof" in e && e.$$typeof === k && "_payload" in e && ae(e._payload);
+}
+function ae(e) {
+	return typeof e == "object" && !!e && "then" in e;
+}
+var oe = (e) => `${e} failed to slot onto its children. Expected a single React element child or \`Slottable\`.`, j = (e) => `${e} failed to slot onto its \`Slottable\`. Expected \`Slottable\` to receive a single React element child.`, M = r.use, N = [
+	"a",
+	"button",
+	"div",
+	"form",
+	"h2",
+	"h3",
+	"img",
+	"input",
+	"label",
+	"li",
+	"nav",
+	"ol",
+	"p",
+	"select",
+	"span",
+	"svg",
+	"ul"
+].reduce((e, t) => {
+	let n = /* @__PURE__ */ D(`Primitive.${t}`), i = r.forwardRef((e, r) => {
+		let { asChild: i, ...a } = e, o = i ? n : t;
+		return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ l(o, {
+			...a,
+			ref: r
+		});
+	});
+	return i.displayName = `Primitive.${t}`, {
+		...e,
+		[t]: i
+	};
+}, {});
+function se(e, t) {
+	e && d.flushSync(() => e.dispatchEvent(t));
+}
+//#endregion
+//#region node_modules/vaul/node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-dismissable-layer/node_modules/@radix-ui/react-use-callback-ref/dist/index.mjs
+function P(e) {
+	let t = r.useRef(e);
+	return r.useEffect(() => {
+		t.current = e;
+	}), r.useMemo(() => ((...e) => t.current?.(...e)), []);
+}
+//#endregion
+//#region node_modules/@radix-ui/react-use-escape-keydown/node_modules/@radix-ui/react-use-callback-ref/dist/index.mjs
+function F(e) {
+	let t = r.useRef(e);
+	return r.useEffect(() => {
+		t.current = e;
+	}), r.useMemo(() => ((...e) => t.current?.(...e)), []);
+}
+//#endregion
+//#region node_modules/@radix-ui/react-use-escape-keydown/dist/index.mjs
+function ce(e, t = globalThis?.document) {
+	let n = F(e);
+	r.useEffect(() => {
+		let e = (e) => {
+			e.key === "Escape" && n(e);
+		};
+		return t.addEventListener("keydown", e, { capture: !0 }), () => t.removeEventListener("keydown", e, { capture: !0 });
+	}, [n, t]);
+}
+//#endregion
+//#region node_modules/vaul/node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-dismissable-layer/dist/index.mjs
+var le = "DismissableLayer", I = "dismissableLayer.update", ue = "dismissableLayer.pointerDownOutside", de = "dismissableLayer.focusOutside", L, fe = r.createContext({
+	layers: /* @__PURE__ */ new Set(),
+	layersWithOutsidePointerEventsDisabled: /* @__PURE__ */ new Set(),
+	branches: /* @__PURE__ */ new Set()
+}), pe = r.forwardRef((e, t) => {
+	let { disableOutsidePointerEvents: n = !1, onEscapeKeyDown: i, onPointerDownOutside: a, onFocusOutside: o, onInteractOutside: s, onDismiss: c, ...u } = e, d = r.useContext(fe), [p, m] = r.useState(null), g = p?.ownerDocument ?? globalThis?.document, [, _] = r.useState({}), v = h(t, (e) => m(e)), y = Array.from(d.layers), [b] = [...d.layersWithOutsidePointerEventsDisabled].slice(-1), x = y.indexOf(b), S = p ? y.indexOf(p) : -1, C = d.layersWithOutsidePointerEventsDisabled.size > 0, w = S >= x, T = R((e) => {
+		let t = e.target, n = [...d.branches].some((e) => e.contains(t));
+		!w || n || (a?.(e), s?.(e), e.defaultPrevented || c?.());
+	}, g), E = ge((e) => {
+		let t = e.target;
+		[...d.branches].some((e) => e.contains(t)) || (o?.(e), s?.(e), e.defaultPrevented || c?.());
+	}, g);
+	return ce((e) => {
+		S === d.layers.size - 1 && (i?.(e), !e.defaultPrevented && c && (e.preventDefault(), c()));
+	}, g), r.useEffect(() => {
+		if (p) return n && (d.layersWithOutsidePointerEventsDisabled.size === 0 && (L = g.body.style.pointerEvents, g.body.style.pointerEvents = "none"), d.layersWithOutsidePointerEventsDisabled.add(p)), d.layers.add(p), _e(), () => {
+			n && (d.layersWithOutsidePointerEventsDisabled.delete(p), d.layersWithOutsidePointerEventsDisabled.size === 0 && (g.body.style.pointerEvents = L));
+		};
+	}, [
+		p,
+		g,
+		n,
+		d
+	]), r.useEffect(() => () => {
+		p && (d.layers.delete(p), d.layersWithOutsidePointerEventsDisabled.delete(p), _e());
+	}, [p, d]), r.useEffect(() => {
+		let e = () => _({});
+		return document.addEventListener(I, e), () => document.removeEventListener(I, e);
+	}, []), /* @__PURE__ */ l(N.div, {
+		...u,
+		ref: v,
+		style: {
+			pointerEvents: C ? w ? "auto" : "none" : void 0,
+			...e.style
+		},
+		onFocusCapture: f(e.onFocusCapture, E.onFocusCapture),
+		onBlurCapture: f(e.onBlurCapture, E.onBlurCapture),
+		onPointerDownCapture: f(e.onPointerDownCapture, T.onPointerDownCapture)
+	});
+});
+pe.displayName = le;
+var me = "DismissableLayerBranch", he = r.forwardRef((e, t) => {
+	let n = r.useContext(fe), i = r.useRef(null), a = h(t, i);
+	return r.useEffect(() => {
+		let e = i.current;
+		if (e) return n.branches.add(e), () => {
+			n.branches.delete(e);
+		};
+	}, [n.branches]), /* @__PURE__ */ l(N.div, {
+		...e,
+		ref: a
+	});
+});
+he.displayName = me;
+function R(e, t = globalThis?.document) {
+	let n = P(e), i = r.useRef(!1), a = r.useRef(() => {});
+	return r.useEffect(() => {
+		let e = (e) => {
+			if (e.target && !i.current) {
+				let r = function() {
+					z(ue, n, i, { discrete: !0 });
+				}, i = { originalEvent: e };
+				e.pointerType === "touch" ? (t.removeEventListener("click", a.current), a.current = r, t.addEventListener("click", a.current, { once: !0 })) : r();
+			} else t.removeEventListener("click", a.current);
+			i.current = !1;
+		}, r = window.setTimeout(() => {
+			t.addEventListener("pointerdown", e);
+		}, 0);
+		return () => {
+			window.clearTimeout(r), t.removeEventListener("pointerdown", e), t.removeEventListener("click", a.current);
+		};
+	}, [t, n]), { onPointerDownCapture: () => i.current = !0 };
+}
+function ge(e, t = globalThis?.document) {
+	let n = P(e), i = r.useRef(!1);
+	return r.useEffect(() => {
+		let e = (e) => {
+			e.target && !i.current && z(de, n, { originalEvent: e }, { discrete: !1 });
+		};
+		return t.addEventListener("focusin", e), () => t.removeEventListener("focusin", e);
+	}, [t, n]), {
+		onFocusCapture: () => i.current = !0,
+		onBlurCapture: () => i.current = !1
+	};
+}
+function _e() {
+	let e = new CustomEvent(I);
+	document.dispatchEvent(e);
+}
+function z(e, t, n, { discrete: r }) {
+	let i = n.originalEvent.target, a = new CustomEvent(e, {
+		bubbles: !1,
+		cancelable: !0,
+		detail: n
+	});
+	t && i.addEventListener(e, t, { once: !0 }), r ? se(i, a) : i.dispatchEvent(a);
+}
+//#endregion
+//#region node_modules/vaul/node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-focus-scope/node_modules/@radix-ui/react-use-callback-ref/dist/index.mjs
+function ve(e) {
+	let t = r.useRef(e);
+	return r.useEffect(() => {
+		t.current = e;
+	}), r.useMemo(() => ((...e) => t.current?.(...e)), []);
+}
+//#endregion
+//#region node_modules/vaul/node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-focus-scope/dist/index.mjs
+var B = "focusScope.autoFocusOnMount", ye = "focusScope.autoFocusOnUnmount", be = {
+	bubbles: !1,
+	cancelable: !0
+}, V = "FocusScope", xe = r.forwardRef((e, t) => {
+	let { loop: n = !1, trapped: i = !1, onMountAutoFocus: a, onUnmountAutoFocus: o, ...s } = e, [c, u] = r.useState(null), d = ve(a), f = ve(o), p = r.useRef(null), m = h(t, (e) => u(e)), g = r.useRef({
+		paused: !1,
+		pause() {
+			this.paused = !0;
+		},
+		resume() {
+			this.paused = !1;
+		}
+	}).current;
+	r.useEffect(() => {
+		if (i) {
+			let e = function(e) {
+				if (g.paused || !c) return;
+				let t = e.target;
+				c.contains(t) ? p.current = t : U(p.current, { select: !0 });
+			}, t = function(e) {
+				if (g.paused || !c) return;
+				let t = e.relatedTarget;
+				t !== null && (c.contains(t) || U(p.current, { select: !0 }));
+			}, n = function(e) {
+				if (document.activeElement === document.body) for (let t of e) t.removedNodes.length > 0 && U(c);
+			};
+			document.addEventListener("focusin", e), document.addEventListener("focusout", t);
+			let r = new MutationObserver(n);
+			return c && r.observe(c, {
+				childList: !0,
+				subtree: !0
+			}), () => {
+				document.removeEventListener("focusin", e), document.removeEventListener("focusout", t), r.disconnect();
+			};
+		}
+	}, [
+		i,
+		c,
+		g.paused
+	]), r.useEffect(() => {
+		if (c) {
+			De.add(g);
+			let e = document.activeElement;
+			if (!c.contains(e)) {
+				let t = new CustomEvent(B, be);
+				c.addEventListener(B, d), c.dispatchEvent(t), t.defaultPrevented || (Se(Ae(H(c)), { select: !0 }), document.activeElement === e && U(c));
+			}
+			return () => {
+				c.removeEventListener(B, d), setTimeout(() => {
+					let t = new CustomEvent(ye, be);
+					c.addEventListener(ye, f), c.dispatchEvent(t), t.defaultPrevented || U(e ?? document.body, { select: !0 }), c.removeEventListener(ye, f), De.remove(g);
+				}, 0);
+			};
+		}
+	}, [
+		c,
+		d,
+		f,
+		g
+	]);
+	let _ = r.useCallback((e) => {
+		if (!n && !i || g.paused) return;
+		let t = e.key === "Tab" && !e.altKey && !e.ctrlKey && !e.metaKey, r = document.activeElement;
+		if (t && r) {
+			let t = e.currentTarget, [i, a] = Ce(t);
+			i && a ? !e.shiftKey && r === a ? (e.preventDefault(), n && U(i, { select: !0 })) : e.shiftKey && r === i && (e.preventDefault(), n && U(a, { select: !0 })) : r === t && e.preventDefault();
+		}
+	}, [
+		n,
+		i,
+		g.paused
+	]);
+	return /* @__PURE__ */ l(N.div, {
+		tabIndex: -1,
+		...s,
+		ref: m,
+		onKeyDown: _
+	});
+});
+xe.displayName = V;
+function Se(e, { select: t = !1 } = {}) {
+	let n = document.activeElement;
+	for (let r of e) if (U(r, { select: t }), document.activeElement !== n) return;
+}
+function Ce(e) {
+	let t = H(e);
+	return [we(t, e), we(t.reverse(), e)];
+}
+function H(e) {
+	let t = [], n = document.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, { acceptNode: (e) => {
+		let t = e.tagName === "INPUT" && e.type === "hidden";
+		return e.disabled || e.hidden || t ? NodeFilter.FILTER_SKIP : e.tabIndex >= 0 ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+	} });
+	for (; n.nextNode();) t.push(n.currentNode);
+	return t;
+}
+function we(e, t) {
+	for (let n of e) if (!Te(n, { upTo: t })) return n;
+}
+function Te(e, { upTo: t }) {
+	if (getComputedStyle(e).visibility === "hidden") return !0;
+	for (; e;) {
+		if (t !== void 0 && e === t) return !1;
+		if (getComputedStyle(e).display === "none") return !0;
+		e = e.parentElement;
+	}
+	return !1;
+}
+function Ee(e) {
+	return e instanceof HTMLInputElement && "select" in e;
+}
+function U(e, { select: t = !1 } = {}) {
+	if (e && e.focus) {
+		let n = document.activeElement;
+		e.focus({ preventScroll: !0 }), e !== n && Ee(e) && t && e.select();
+	}
+}
+var De = Oe();
+function Oe() {
+	let e = [];
+	return {
+		add(t) {
+			let n = e[0];
+			t !== n && n?.pause(), e = ke(e, t), e.unshift(t);
+		},
+		remove(t) {
+			e = ke(e, t), e[0]?.resume();
+		}
+	};
+}
+function ke(e, t) {
+	let n = [...e], r = n.indexOf(t);
+	return r !== -1 && n.splice(r, 1), n;
+}
+function Ae(e) {
+	return e.filter((e) => e.tagName !== "A");
+}
+//#endregion
+//#region node_modules/vaul/node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-portal/node_modules/@radix-ui/react-use-layout-effect/dist/index.mjs
+var je = globalThis?.document ? r.useLayoutEffect : () => {}, Me = "Portal", Ne = r.forwardRef((e, t) => {
+	let { container: n, ...i } = e, [a, o] = r.useState(!1);
+	je(() => o(!0), []);
+	let s = n || a && globalThis?.document?.body;
+	return s ? d.createPortal(/* @__PURE__ */ l(N.div, {
+		...i,
+		ref: t
+	}), s) : null;
+});
+Ne.displayName = Me;
+//#endregion
+//#region node_modules/vaul/node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-presence/node_modules/@radix-ui/react-use-layout-effect/dist/index.mjs
+var Pe = globalThis?.document ? r.useLayoutEffect : () => {};
+//#endregion
+//#region node_modules/vaul/node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-presence/dist/index.mjs
+function Fe(e, t) {
+	return r.useReducer((e, n) => t[e][n] ?? e, e);
+}
+var Ie = (e) => {
+	let { present: t, children: n } = e, i = Le(t), a = typeof n == "function" ? n({ present: i.isPresent }) : r.Children.only(n), o = ze(i.ref, Ve(a));
+	return typeof n == "function" || i.isPresent ? r.cloneElement(a, { ref: o }) : null;
+};
+Ie.displayName = "Presence";
+function Le(e) {
+	let [t, n] = r.useState(), i = r.useRef(null), a = r.useRef(e), o = r.useRef("none"), [s, c] = Fe(e ? "mounted" : "unmounted", {
+		mounted: {
+			UNMOUNT: "unmounted",
+			ANIMATION_OUT: "unmountSuspended"
+		},
+		unmountSuspended: {
+			MOUNT: "mounted",
+			ANIMATION_END: "unmounted"
+		},
+		unmounted: { MOUNT: "mounted" }
+	});
+	return r.useEffect(() => {
+		let e = Be(i.current);
+		o.current = s === "mounted" ? e : "none";
+	}, [s]), Pe(() => {
+		let t = i.current, n = a.current;
+		if (n !== e) {
+			let r = o.current, i = Be(t);
+			e ? c("MOUNT") : i === "none" || t?.display === "none" ? c("UNMOUNT") : c(n && r !== i ? "ANIMATION_OUT" : "UNMOUNT"), a.current = e;
+		}
+	}, [e, c]), Pe(() => {
+		if (t) {
+			let e, n = t.ownerDocument.defaultView ?? window, r = (r) => {
+				let o = Be(i.current).includes(CSS.escape(r.animationName));
+				if (r.target === t && o && (c("ANIMATION_END"), !a.current)) {
+					let r = t.style.animationFillMode;
+					t.style.animationFillMode = "forwards", e = n.setTimeout(() => {
+						t.style.animationFillMode === "forwards" && (t.style.animationFillMode = r);
+					});
+				}
+			}, s = (e) => {
+				e.target === t && (o.current = Be(i.current));
+			};
+			return t.addEventListener("animationstart", s), t.addEventListener("animationcancel", r), t.addEventListener("animationend", r), () => {
+				n.clearTimeout(e), t.removeEventListener("animationstart", s), t.removeEventListener("animationcancel", r), t.removeEventListener("animationend", r);
+			};
+		} else c("ANIMATION_END");
+	}, [t, c]), {
+		isPresent: ["mounted", "unmountSuspended"].includes(s),
+		ref: r.useCallback((e) => {
+			i.current = e ? getComputedStyle(e) : null, n(e);
+		}, [])
+	};
+}
+function Re(e, t) {
+	if (typeof e == "function") return e(t);
+	e != null && (e.current = t);
+}
+function ze(...e) {
+	let t = r.useRef(e);
+	return t.current = e, r.useCallback((e) => {
+		let n = t.current, r = !1, i = n.map((t) => {
+			let n = Re(t, e);
+			return !r && typeof n == "function" && (r = !0), n;
+		});
+		if (r) return () => {
+			for (let e = 0; e < i.length; e++) {
+				let t = i[e];
+				typeof t == "function" ? t() : Re(n[e], null);
+			}
+		};
+	}, []);
+}
+function Be(e) {
+	return e?.animationName || "none";
+}
+function Ve(e) {
+	let t = Object.getOwnPropertyDescriptor(e.props, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning;
+	return n ? e.ref : (t = Object.getOwnPropertyDescriptor(e, "ref")?.get, n = t && "isReactWarning" in t && t.isReactWarning, n ? e.props.ref : e.props.ref || e.ref);
+}
+//#endregion
+//#region node_modules/vaul/node_modules/@radix-ui/react-dialog/node_modules/@radix-ui/react-focus-guards/dist/index.mjs
+var He = 0, W = null;
+function Ue() {
+	r.useEffect(() => {
+		W ||= {
+			start: We(),
+			end: We()
+		};
+		let { start: e, end: t } = W;
+		return document.body.firstElementChild !== e && document.body.insertAdjacentElement("afterbegin", e), document.body.lastElementChild !== t && document.body.insertAdjacentElement("beforeend", t), He++, () => {
+			He === 1 && (W?.start.remove(), W?.end.remove(), W = null), He = Math.max(0, He - 1);
+		};
+	}, []);
+}
+function We() {
+	let e = document.createElement("span");
+	return e.setAttribute("data-radix-focus-guard", ""), e.tabIndex = 0, e.style.outline = "none", e.style.opacity = "0", e.style.position = "fixed", e.style.pointerEvents = "none", e;
+}
+//#endregion
+//#region node_modules/vaul/node_modules/@radix-ui/react-dialog/dist/index.mjs
+var Ge = "Dialog", [Ke, qe] = _(Ge), [Je, G] = Ke(Ge), Ye = (e) => {
+	let { __scopeDialog: t, children: n, open: i, defaultOpen: a, onOpenChange: o, modal: s = !0 } = e, c = r.useRef(null), u = r.useRef(null), [d, f] = T({
+		prop: i,
+		defaultProp: a ?? !1,
+		onChange: o,
+		caller: Ge
+	});
+	return /* @__PURE__ */ l(Je, {
+		scope: t,
+		triggerRef: c,
+		contentRef: u,
+		contentId: S(),
+		titleId: S(),
+		descriptionId: S(),
+		open: d,
+		onOpenChange: f,
+		onOpenToggle: r.useCallback(() => f((e) => !e), [f]),
+		modal: s,
+		children: n
+	});
+};
+Ye.displayName = Ge;
+var Xe = "DialogTrigger", Ze = r.forwardRef((e, t) => {
+	let { __scopeDialog: n, ...r } = e, i = G(Xe, n), a = h(t, i.triggerRef);
+	return /* @__PURE__ */ l(N.button, {
+		type: "button",
+		"aria-haspopup": "dialog",
+		"aria-expanded": i.open,
+		"aria-controls": i.open ? i.contentId : void 0,
+		"data-state": gt(i.open),
+		...r,
+		ref: a,
+		onClick: f(e.onClick, i.onOpenToggle)
+	});
+});
+Ze.displayName = Xe;
+var Qe = "DialogPortal", [$e, et] = Ke(Qe, { forceMount: void 0 }), tt = (e) => {
+	let { __scopeDialog: t, forceMount: n, children: i, container: a } = e, o = G(Qe, t);
+	return /* @__PURE__ */ l($e, {
+		scope: t,
+		forceMount: n,
+		children: r.Children.map(i, (e) => /* @__PURE__ */ l(Ie, {
+			present: n || o.open,
+			children: /* @__PURE__ */ l(Ne, {
+				asChild: !0,
+				container: a,
+				children: e
+			})
+		}))
+	});
+};
+tt.displayName = Qe;
+var nt = "DialogOverlay", rt = r.forwardRef((e, t) => {
+	let n = et(nt, e.__scopeDialog), { forceMount: r = n.forceMount, ...i } = e, a = G(nt, e.__scopeDialog);
+	return a.modal ? /* @__PURE__ */ l(Ie, {
+		present: r || a.open,
+		children: /* @__PURE__ */ l(at, {
+			...i,
+			ref: t
+		})
+	}) : null;
+});
+rt.displayName = nt;
+var it = /* @__PURE__ */ D("DialogOverlay.RemoveScroll"), at = r.forwardRef((e, n) => {
+	let { __scopeDialog: r, ...i } = e, a = G(nt, r);
+	return /* @__PURE__ */ l(t, {
+		as: it,
+		allowPinchZoom: !0,
+		shards: [a.contentRef],
+		children: /* @__PURE__ */ l(N.div, {
+			"data-state": gt(a.open),
+			...i,
+			ref: n,
+			style: {
+				pointerEvents: "auto",
+				...i.style
+			}
+		})
+	});
+}), K = "DialogContent", ot = r.forwardRef((e, t) => {
+	let n = et(K, e.__scopeDialog), { forceMount: r = n.forceMount, ...i } = e, a = G(K, e.__scopeDialog);
+	return /* @__PURE__ */ l(Ie, {
+		present: r || a.open,
+		children: a.modal ? /* @__PURE__ */ l(st, {
+			...i,
+			ref: t
+		}) : /* @__PURE__ */ l(ct, {
+			...i,
+			ref: t
+		})
+	});
+});
+ot.displayName = K;
+var st = r.forwardRef((e, t) => {
+	let i = G(K, e.__scopeDialog), a = r.useRef(null), o = h(t, i.contentRef, a);
+	return r.useEffect(() => {
+		let e = a.current;
+		if (e) return n(e);
+	}, []), /* @__PURE__ */ l(lt, {
+		...e,
+		ref: o,
+		trapFocus: i.open,
+		disableOutsidePointerEvents: i.open,
+		onCloseAutoFocus: f(e.onCloseAutoFocus, (e) => {
+			e.preventDefault(), i.triggerRef.current?.focus();
+		}),
+		onPointerDownOutside: f(e.onPointerDownOutside, (e) => {
+			let t = e.detail.originalEvent, n = t.button === 0 && t.ctrlKey === !0;
+			(t.button === 2 || n) && e.preventDefault();
+		}),
+		onFocusOutside: f(e.onFocusOutside, (e) => e.preventDefault())
+	});
+}), ct = r.forwardRef((e, t) => {
+	let n = G(K, e.__scopeDialog), i = r.useRef(!1), a = r.useRef(!1);
+	return /* @__PURE__ */ l(lt, {
+		...e,
+		ref: t,
+		trapFocus: !1,
+		disableOutsidePointerEvents: !1,
+		onCloseAutoFocus: (t) => {
+			e.onCloseAutoFocus?.(t), t.defaultPrevented || (i.current || n.triggerRef.current?.focus(), t.preventDefault()), i.current = !1, a.current = !1;
+		},
+		onInteractOutside: (t) => {
+			e.onInteractOutside?.(t), t.defaultPrevented || (i.current = !0, t.detail.originalEvent.type === "pointerdown" && (a.current = !0));
+			let r = t.target;
+			n.triggerRef.current?.contains(r) && t.preventDefault(), t.detail.originalEvent.type === "focusin" && a.current && t.preventDefault();
+		}
+	});
+}), lt = r.forwardRef((e, t) => {
+	let { __scopeDialog: n, trapFocus: i, onOpenAutoFocus: a, onCloseAutoFocus: o, ...s } = e, d = G(K, n), f = r.useRef(null), p = h(t, f);
+	return Ue(), /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(xe, {
+		asChild: !0,
+		loop: !0,
+		trapped: i,
+		onMountAutoFocus: a,
+		onUnmountAutoFocus: o,
+		children: /* @__PURE__ */ l(pe, {
+			role: "dialog",
+			id: d.contentId,
+			"aria-describedby": d.descriptionId,
+			"aria-labelledby": d.titleId,
+			"data-state": gt(d.open),
+			...s,
+			ref: p,
+			onDismiss: () => d.onOpenChange(!1)
+		})
+	}), /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ l(bt, { titleId: d.titleId }), /* @__PURE__ */ l(St, {
+		contentRef: f,
+		descriptionId: d.descriptionId
+	})] })] });
+}), ut = "DialogTitle", dt = r.forwardRef((e, t) => {
+	let { __scopeDialog: n, ...r } = e, i = G(ut, n);
+	return /* @__PURE__ */ l(N.h2, {
+		id: i.titleId,
+		...r,
+		ref: t
+	});
+});
+dt.displayName = ut;
+var ft = "DialogDescription", pt = r.forwardRef((e, t) => {
+	let { __scopeDialog: n, ...r } = e, i = G(ft, n);
+	return /* @__PURE__ */ l(N.p, {
+		id: i.descriptionId,
+		...r,
+		ref: t
+	});
+});
+pt.displayName = ft;
+var mt = "DialogClose", ht = r.forwardRef((e, t) => {
+	let { __scopeDialog: n, ...r } = e, i = G(mt, n);
+	return /* @__PURE__ */ l(N.button, {
+		type: "button",
+		...r,
+		ref: t,
+		onClick: f(e.onClick, () => i.onOpenChange(!1))
+	});
+});
+ht.displayName = mt;
+function gt(e) {
+	return e ? "open" : "closed";
+}
+var _t = "DialogTitleWarning", [vt, yt] = g(_t, {
+	contentName: K,
+	titleName: ut,
+	docsSlug: "dialog"
+}), bt = ({ titleId: e }) => {
+	let t = yt(_t), n = `\`${t.contentName}\` requires a \`${t.titleName}\` for the component to be accessible for screen reader users.
+
+If you want to hide the \`${t.titleName}\`, you can wrap it with our VisuallyHidden component.
+
+For more information, see https://radix-ui.com/primitives/docs/components/${t.docsSlug}`;
+	return r.useEffect(() => {
+		e && (document.getElementById(e) || console.error(n));
+	}, [n, e]), null;
+}, xt = "DialogDescriptionWarning", St = ({ contentRef: e, descriptionId: t }) => {
+	let n = `Warning: Missing \`Description\` or \`aria-describedby={undefined}\` for {${yt(xt).contentName}}.`;
+	return r.useEffect(() => {
+		let r = e.current?.getAttribute("aria-describedby");
+		t && r && (document.getElementById(t) || console.warn(n));
+	}, [
+		n,
+		e,
+		t
+	]), null;
+}, Ct = Ye, wt = Ze, Tt = tt, Et = rt, Dt = ot, Ot = dt, kt = pt, At = ht;
+//#endregion
+//#region node_modules/vaul/dist/index.mjs
+function jt(e) {
+	if (!e || typeof document > "u") return;
+	let t = document.head || document.getElementsByTagName("head")[0], n = document.createElement("style");
+	n.type = "text/css", t.appendChild(n), n.styleSheet ? n.styleSheet.cssText = e : n.appendChild(document.createTextNode(e));
+}
+var Mt = i.createContext({
+	drawerRef: { current: null },
+	overlayRef: { current: null },
+	onPress: () => {},
+	onRelease: () => {},
+	onDrag: () => {},
+	onNestedDrag: () => {},
+	onNestedOpenChange: () => {},
+	onNestedRelease: () => {},
+	openProp: void 0,
+	dismissible: !1,
+	isOpen: !1,
+	isDragging: !1,
+	keyboardIsOpen: { current: !1 },
+	snapPointsOffset: null,
+	snapPoints: null,
+	handleOnly: !1,
+	modal: !1,
+	shouldFade: !1,
+	activeSnapPoint: null,
+	onOpenChange: () => {},
+	setActiveSnapPoint: () => {},
+	closeDrawer: () => {},
+	direction: "bottom",
+	shouldAnimate: { current: !0 },
+	shouldScaleBackground: !1,
+	setBackgroundColorOnScale: !0,
+	noBodyStyles: !1,
+	container: null,
+	autoFocus: !1
+}), q = () => {
+	let e = i.useContext(Mt);
+	if (!e) throw Error("useDrawerContext must be used within a Drawer.Root");
+	return e;
+};
+jt("[data-vaul-drawer]{touch-action:none;will-change:transform;transition:transform .5s cubic-bezier(.32, .72, 0, 1);animation-duration:.5s;animation-timing-function:cubic-bezier(0.32,0.72,0,1)}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=bottom][data-state=open]{animation-name:slideFromBottom}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=bottom][data-state=closed]{animation-name:slideToBottom}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=top][data-state=open]{animation-name:slideFromTop}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=top][data-state=closed]{animation-name:slideToTop}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=left][data-state=open]{animation-name:slideFromLeft}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=left][data-state=closed]{animation-name:slideToLeft}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=right][data-state=open]{animation-name:slideFromRight}[data-vaul-drawer][data-vaul-snap-points=false][data-vaul-drawer-direction=right][data-state=closed]{animation-name:slideToRight}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=bottom]{transform:translate3d(0,var(--initial-transform,100%),0)}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=top]{transform:translate3d(0,calc(var(--initial-transform,100%) * -1),0)}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=left]{transform:translate3d(calc(var(--initial-transform,100%) * -1),0,0)}[data-vaul-drawer][data-vaul-snap-points=true][data-vaul-drawer-direction=right]{transform:translate3d(var(--initial-transform,100%),0,0)}[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=top]{transform:translate3d(0,var(--snap-point-height,0),0)}[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=bottom]{transform:translate3d(0,var(--snap-point-height,0),0)}[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=left]{transform:translate3d(var(--snap-point-height,0),0,0)}[data-vaul-drawer][data-vaul-delayed-snap-points=true][data-vaul-drawer-direction=right]{transform:translate3d(var(--snap-point-height,0),0,0)}[data-vaul-overlay][data-vaul-snap-points=false]{animation-duration:.5s;animation-timing-function:cubic-bezier(0.32,0.72,0,1)}[data-vaul-overlay][data-vaul-snap-points=false][data-state=open]{animation-name:fadeIn}[data-vaul-overlay][data-state=closed]{animation-name:fadeOut}[data-vaul-animate=false]{animation:none!important}[data-vaul-overlay][data-vaul-snap-points=true]{opacity:0;transition:opacity .5s cubic-bezier(.32, .72, 0, 1)}[data-vaul-overlay][data-vaul-snap-points=true]{opacity:1}[data-vaul-drawer]:not([data-vaul-custom-container=true])::after{content:'';position:absolute;background:inherit;background-color:inherit}[data-vaul-drawer][data-vaul-drawer-direction=top]::after{top:initial;bottom:100%;left:0;right:0;height:200%}[data-vaul-drawer][data-vaul-drawer-direction=bottom]::after{top:100%;bottom:initial;left:0;right:0;height:200%}[data-vaul-drawer][data-vaul-drawer-direction=left]::after{left:initial;right:100%;top:0;bottom:0;width:200%}[data-vaul-drawer][data-vaul-drawer-direction=right]::after{left:100%;right:initial;top:0;bottom:0;width:200%}[data-vaul-overlay][data-vaul-snap-points=true]:not([data-vaul-snap-points-overlay=true]):not(\n[data-state=closed]\n){opacity:0}[data-vaul-overlay][data-vaul-snap-points-overlay=true]{opacity:1}[data-vaul-handle]{display:block;position:relative;opacity:.7;background:#e2e2e4;margin-left:auto;margin-right:auto;height:5px;width:32px;border-radius:1rem;touch-action:pan-y}[data-vaul-handle]:active,[data-vaul-handle]:hover{opacity:1}[data-vaul-handle-hitarea]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max(100%,2.75rem);height:max(100%,2.75rem);touch-action:inherit}@media (hover:hover) and (pointer:fine){[data-vaul-drawer]{user-select:none}}@media (pointer:fine){[data-vaul-handle-hitarea]:{width:100%;height:100%}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeOut{to{opacity:0}}@keyframes slideFromBottom{from{transform:translate3d(0,var(--initial-transform,100%),0)}to{transform:translate3d(0,0,0)}}@keyframes slideToBottom{to{transform:translate3d(0,var(--initial-transform,100%),0)}}@keyframes slideFromTop{from{transform:translate3d(0,calc(var(--initial-transform,100%) * -1),0)}to{transform:translate3d(0,0,0)}}@keyframes slideToTop{to{transform:translate3d(0,calc(var(--initial-transform,100%) * -1),0)}}@keyframes slideFromLeft{from{transform:translate3d(calc(var(--initial-transform,100%) * -1),0,0)}to{transform:translate3d(0,0,0)}}@keyframes slideToLeft{to{transform:translate3d(calc(var(--initial-transform,100%) * -1),0,0)}}@keyframes slideFromRight{from{transform:translate3d(var(--initial-transform,100%),0,0)}to{transform:translate3d(0,0,0)}}@keyframes slideToRight{to{transform:translate3d(var(--initial-transform,100%),0,0)}}");
+function Nt() {
+	let e = navigator.userAgent;
+	return typeof window < "u" && (/Firefox/.test(e) && /Mobile/.test(e) || /FxiOS/.test(e));
+}
+function Pt() {
+	return zt(/^Mac/);
+}
+function Ft() {
+	return zt(/^iPhone/);
+}
+function It() {
+	return /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
+}
+function Lt() {
+	return zt(/^iPad/) || Pt() && navigator.maxTouchPoints > 1;
+}
+function Rt() {
+	return Ft() || Lt();
+}
+function zt(e) {
+	return typeof window < "u" && window.navigator != null ? e.test(window.navigator.platform) : void 0;
+}
+var Bt = 24, Vt = typeof window < "u" ? o : a;
+function Ht(...e) {
+	return (...t) => {
+		for (let n of e) typeof n == "function" && n(...t);
+	};
+}
+var Ut = typeof document < "u" && window.visualViewport;
+function Wt(e) {
+	let t = window.getComputedStyle(e);
+	return /(auto|scroll)/.test(t.overflow + t.overflowX + t.overflowY);
+}
+function Gt(e) {
+	for (Wt(e) && (e = e.parentElement); e && !Wt(e);) e = e.parentElement;
+	return e || document.scrollingElement || document.documentElement;
+}
+var Kt = /* @__PURE__ */ new Set([
+	"checkbox",
+	"radio",
+	"range",
+	"color",
+	"file",
+	"image",
+	"button",
+	"submit",
+	"reset"
+]), qt = 0, Jt;
+function Yt(e = {}) {
+	let { isDisabled: t } = e;
+	Vt(() => {
+		if (!t) return qt++, qt === 1 && Rt() && (Jt = Xt()), () => {
+			qt--, qt === 0 && Jt?.();
+		};
+	}, [t]);
+}
+function Xt() {
+	let e, t = 0, n = (n) => {
+		e = Gt(n.target), !(e === document.documentElement && e === document.body) && (t = n.changedTouches[0].pageY);
+	}, r = (n) => {
+		if (!e || e === document.documentElement || e === document.body) {
+			n.preventDefault();
+			return;
+		}
+		let r = n.changedTouches[0].pageY, i = e.scrollTop, a = e.scrollHeight - e.clientHeight;
+		a !== 0 && ((i <= 0 && r > t || i >= a && r < t) && n.preventDefault(), t = r);
+	}, i = (e) => {
+		let t = e.target;
+		$t(t) && t !== document.activeElement && (e.preventDefault(), t.style.transform = "translateY(-2000px)", t.focus(), requestAnimationFrame(() => {
+			t.style.transform = "";
+		}));
+	}, a = (e) => {
+		let t = e.target;
+		$t(t) && (t.style.transform = "translateY(-2000px)", requestAnimationFrame(() => {
+			t.style.transform = "", Ut && (Ut.height < window.innerHeight ? requestAnimationFrame(() => {
+				Qt(t);
+			}) : Ut.addEventListener("resize", () => Qt(t), { once: !0 }));
+		}));
+	}, o = () => {
+		window.scrollTo(0, 0);
+	}, s = window.pageXOffset, c = window.pageYOffset, l = Ht(Zt(document.documentElement, "paddingRight", `${window.innerWidth - document.documentElement.clientWidth}px`));
+	window.scrollTo(0, 0);
+	let u = Ht(J(document, "touchstart", n, {
+		passive: !1,
+		capture: !0
+	}), J(document, "touchmove", r, {
+		passive: !1,
+		capture: !0
+	}), J(document, "touchend", i, {
+		passive: !1,
+		capture: !0
+	}), J(document, "focus", a, !0), J(window, "scroll", o));
+	return () => {
+		l(), u(), window.scrollTo(s, c);
+	};
+}
+function Zt(e, t, n) {
+	let r = e.style[t];
+	return e.style[t] = n, () => {
+		e.style[t] = r;
+	};
+}
+function J(e, t, n, r) {
+	return e.addEventListener(t, n, r), () => {
+		e.removeEventListener(t, n, r);
+	};
+}
+function Qt(e) {
+	let t = document.scrollingElement || document.documentElement;
+	for (; e && e !== t;) {
+		let t = Gt(e);
+		if (t !== document.documentElement && t !== document.body && t !== e) {
+			let n = t.getBoundingClientRect().top, r = e.getBoundingClientRect().top;
+			e.getBoundingClientRect().bottom > t.getBoundingClientRect().bottom + Bt && (t.scrollTop += r - n);
+		}
+		e = t.parentElement;
+	}
+}
+function $t(e) {
+	return e instanceof HTMLInputElement && !Kt.has(e.type) || e instanceof HTMLTextAreaElement || e instanceof HTMLElement && e.isContentEditable;
+}
+function en(e, t) {
+	typeof e == "function" ? e(t) : e != null && (e.current = t);
+}
+function tn(...e) {
+	return (t) => e.forEach((e) => en(e, t));
+}
+function nn(...e) {
+	return r.useCallback(tn(...e), e);
+}
+var rn = /* @__PURE__ */ new WeakMap();
+function Y(e, t, n = !1) {
+	if (!e || !(e instanceof HTMLElement)) return;
+	let r = {};
+	Object.entries(t).forEach(([t, n]) => {
+		if (t.startsWith("--")) {
+			e.style.setProperty(t, n);
+			return;
+		}
+		r[t] = e.style[t], e.style[t] = n;
+	}), !n && rn.set(e, r);
+}
+function an(e, t) {
+	if (!e || !(e instanceof HTMLElement)) return;
+	let n = rn.get(e);
+	n && (e.style[t] = n[t]);
+}
+var X = (e) => {
+	switch (e) {
+		case "top":
+		case "bottom": return !0;
+		case "left":
+		case "right": return !1;
+		default: return e;
+	}
+};
+function on(e, t) {
+	if (!e) return null;
+	let n = window.getComputedStyle(e), r = n.transform || n.webkitTransform || n.mozTransform, i = r.match(/^matrix3d\((.+)\)$/);
+	return i ? parseFloat(i[1].split(", ")[X(t) ? 13 : 12]) : (i = r.match(/^matrix\((.+)\)$/), i ? parseFloat(i[1].split(", ")[X(t) ? 5 : 4]) : null);
+}
+function sn(e) {
+	return 8 * (Math.log(e + 1) - 2);
+}
+function cn(e, t) {
+	if (!e) return () => {};
+	let n = e.style.cssText;
+	return Object.assign(e.style, t), () => {
+		e.style.cssText = n;
+	};
+}
+var Z = {
+	DURATION: .5,
+	EASE: [
+		.32,
+		.72,
+		0,
+		1
+	]
+}, ln = .4, un = .25, dn = 100, fn = 8, pn = 16, mn = 26, hn = "vaul-dragging";
+function gn(e) {
+	let t = i.useRef(e);
+	return i.useEffect(() => {
+		t.current = e;
+	}), i.useMemo(() => (...e) => t.current == null ? void 0 : t.current.call(t, ...e), []);
+}
+function _n({ defaultProp: e, onChange: t }) {
+	let n = i.useState(e), [r] = n, a = i.useRef(r), o = gn(t);
+	return i.useEffect(() => {
+		a.current !== r && (o(r), a.current = r);
+	}, [
+		r,
+		a,
+		o
+	]), n;
+}
+function vn({ prop: e, defaultProp: t, onChange: n = () => {} }) {
+	let [r, a] = _n({
+		defaultProp: t,
+		onChange: n
+	}), o = e !== void 0, s = o ? e : r, c = gn(n);
+	return [s, i.useCallback((t) => {
+		if (o) {
+			let n = typeof t == "function" ? t(e) : t;
+			n !== e && c(n);
+		} else a(t);
+	}, [
+		o,
+		e,
+		a,
+		c
+	])];
+}
+function yn({ activeSnapPointProp: e, setActiveSnapPointProp: t, snapPoints: n, drawerRef: r, overlayRef: a, fadeFromIndex: o, onSnapPointChange: s, direction: c = "bottom", container: l, snapToSequentialPoint: u }) {
+	let [d, f] = vn({
+		prop: e,
+		defaultProp: n?.[0],
+		onChange: t
+	}), [p, m] = i.useState(typeof window < "u" ? {
+		innerWidth: window.innerWidth,
+		innerHeight: window.innerHeight
+	} : void 0);
+	i.useEffect(() => {
+		function e() {
+			m({
+				innerWidth: window.innerWidth,
+				innerHeight: window.innerHeight
+			});
+		}
+		return window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
+	}, []);
+	let h = i.useMemo(() => d === n?.[n.length - 1] || null, [n, d]), g = i.useMemo(() => n?.findIndex((e) => e === d) ?? null, [n, d]), _ = n && n.length > 0 && (o || o === 0) && !Number.isNaN(o) && n[o] === d || !n, v = i.useMemo(() => {
+		let e = l ? {
+			width: l.getBoundingClientRect().width,
+			height: l.getBoundingClientRect().height
+		} : typeof window < "u" ? {
+			width: window.innerWidth,
+			height: window.innerHeight
+		} : {
+			width: 0,
+			height: 0
+		};
+		return n?.map((t) => {
+			let n = typeof t == "string", r = 0;
+			if (n && (r = parseInt(t, 10)), X(c)) {
+				let i = n ? r : p ? t * e.height : 0;
+				return p ? c === "bottom" ? e.height - i : -e.height + i : i;
+			}
+			let i = n ? r : p ? t * e.width : 0;
+			return p ? c === "right" ? e.width - i : -e.width + i : i;
+		}) ?? [];
+	}, [
+		n,
+		p,
+		l
+	]), y = i.useMemo(() => g === null ? null : v?.[g], [v, g]), b = i.useCallback((e) => {
+		let t = v?.findIndex((t) => t === e) ?? null;
+		s(t), Y(r.current, {
+			transition: `transform ${Z.DURATION}s cubic-bezier(${Z.EASE.join(",")})`,
+			transform: X(c) ? `translate3d(0, ${e}px, 0)` : `translate3d(${e}px, 0, 0)`
+		}), v && t !== v.length - 1 && o !== void 0 && t !== o && t < o ? Y(a.current, {
+			transition: `opacity ${Z.DURATION}s cubic-bezier(${Z.EASE.join(",")})`,
+			opacity: "0"
+		}) : Y(a.current, {
+			transition: `opacity ${Z.DURATION}s cubic-bezier(${Z.EASE.join(",")})`,
+			opacity: "1"
+		}), f(n?.[Math.max(t, 0)]);
+	}, [
+		r.current,
+		n,
+		v,
+		o,
+		a,
+		f
+	]);
+	i.useEffect(() => {
+		if (d || e) {
+			let t = n?.findIndex((t) => t === e || t === d) ?? -1;
+			v && t !== -1 && typeof v[t] == "number" && b(v[t]);
+		}
+	}, [
+		d,
+		e,
+		n,
+		v,
+		b
+	]);
+	function x({ draggedDistance: e, closeDrawer: t, velocity: r, dismissible: i }) {
+		if (o === void 0) return;
+		let s = c === "bottom" || c === "right" ? (y ?? 0) - e : (y ?? 0) + e, l = g === o - 1, d = g === 0, f = e > 0;
+		if (l && Y(a.current, { transition: `opacity ${Z.DURATION}s cubic-bezier(${Z.EASE.join(",")})` }), !u && r > 2 && !f) {
+			i ? t() : b(v[0]);
+			return;
+		}
+		if (!u && r > 2 && f && v && n) {
+			b(v[n.length - 1]);
+			return;
+		}
+		let p = v?.reduce((e, t) => typeof e != "number" || typeof t != "number" ? e : Math.abs(t - s) < Math.abs(e - s) ? t : e), m = X(c) ? window.innerHeight : window.innerWidth;
+		if (r > ln && Math.abs(e) < m * .4) {
+			let e = f ? 1 : -1;
+			if (e > 0 && h && n) {
+				b(v[n.length - 1]);
+				return;
+			}
+			if (d && e < 0 && i && t(), g === null) return;
+			b(v[g + e]);
+			return;
+		}
+		b(p);
+	}
+	function S({ draggedDistance: e }) {
+		if (y === null) return;
+		let t = c === "bottom" || c === "right" ? y - e : y + e;
+		(c === "bottom" || c === "right") && t < v[v.length - 1] || (c === "top" || c === "left") && t > v[v.length - 1] || Y(r.current, { transform: X(c) ? `translate3d(0, ${t}px, 0)` : `translate3d(${t}px, 0, 0)` });
+	}
+	function C(e, t) {
+		if (!n || typeof g != "number" || !v || o === void 0) return null;
+		let r = g === o - 1;
+		if (g >= o && t) return 0;
+		if (r && !t) return 1;
+		if (!_ && !r) return null;
+		let i = r ? g + 1 : g - 1, a = r ? v[i] - v[i - 1] : v[i + 1] - v[i], s = e / Math.abs(a);
+		return r ? 1 - s : s;
+	}
+	return {
+		isLastSnapPoint: h,
+		activeSnapPoint: d,
+		shouldFade: _,
+		getPercentageDragged: C,
+		setActiveSnapPoint: f,
+		activeSnapPointIndex: g,
+		onRelease: x,
+		onDrag: S,
+		snapPointsOffset: v
+	};
+}
+function bn() {
+	let { direction: e, isOpen: t, shouldScaleBackground: n, setBackgroundColorOnScale: r, noBodyStyles: a } = q(), o = i.useRef(null), c = s(() => document.body.style.backgroundColor, []);
+	function l() {
+		return (window.innerWidth - mn) / window.innerWidth;
+	}
+	i.useEffect(() => {
+		if (t && n) {
+			o.current && clearTimeout(o.current);
+			let t = document.querySelector("[data-vaul-drawer-wrapper]") || document.querySelector("[vaul-drawer-wrapper]");
+			if (!t) return;
+			r && !a && cn(document.body, { background: "black" }), cn(t, {
+				transformOrigin: X(e) ? "top" : "left",
+				transitionProperty: "transform, border-radius",
+				transitionDuration: `${Z.DURATION}s`,
+				transitionTimingFunction: `cubic-bezier(${Z.EASE.join(",")})`
+			});
+			let n = cn(t, {
+				borderRadius: `${fn}px`,
+				overflow: "hidden",
+				...X(e) ? { transform: `scale(${l()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)` } : { transform: `scale(${l()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)` }
+			});
+			return () => {
+				n(), o.current = window.setTimeout(() => {
+					c ? document.body.style.background = c : document.body.style.removeProperty("background");
+				}, Z.DURATION * 1e3);
+			};
+		}
+	}, [
+		t,
+		n,
+		c
+	]);
+}
+var Q = null;
+function xn({ isOpen: e, modal: t, nested: n, hasBeenOpened: r, preventScrollRestoration: a, noBodyStyles: o }) {
+	let [s, c] = i.useState(() => typeof window < "u" ? window.location.href : ""), l = i.useRef(0), u = i.useCallback(() => {
+		if (It() && Q === null && e && !o) {
+			Q = {
+				position: document.body.style.position,
+				top: document.body.style.top,
+				left: document.body.style.left,
+				height: document.body.style.height,
+				right: "unset"
+			};
+			let { scrollX: e, innerHeight: t } = window;
+			document.body.style.setProperty("position", "fixed", "important"), Object.assign(document.body.style, {
+				top: `${-l.current}px`,
+				left: `${-e}px`,
+				right: "0px",
+				height: "auto"
+			}), window.setTimeout(() => window.requestAnimationFrame(() => {
+				let e = t - window.innerHeight;
+				e && l.current >= t && (document.body.style.top = `${-(l.current + e)}px`);
+			}), 300);
+		}
+	}, [e]), d = i.useCallback(() => {
+		if (It() && Q !== null && !o) {
+			let e = -parseInt(document.body.style.top, 10), t = -parseInt(document.body.style.left, 10);
+			Object.assign(document.body.style, Q), window.requestAnimationFrame(() => {
+				if (a && s !== window.location.href) {
+					c(window.location.href);
+					return;
+				}
+				window.scrollTo(t, e);
+			}), Q = null;
+		}
+	}, [s]);
+	return i.useEffect(() => {
+		function e() {
+			l.current = window.scrollY;
+		}
+		return e(), window.addEventListener("scroll", e), () => {
+			window.removeEventListener("scroll", e);
+		};
+	}, []), i.useEffect(() => {
+		if (t) return () => {
+			typeof document > "u" || document.querySelector("[data-vaul-drawer]") || d();
+		};
+	}, [t, d]), i.useEffect(() => {
+		n || !r || (e ? (!window.matchMedia("(display-mode: standalone)").matches && u(), t || window.setTimeout(() => {
+			d();
+		}, 500)) : d());
+	}, [
+		e,
+		r,
+		s,
+		t,
+		n,
+		u,
+		d
+	]), { restorePositionSetting: d };
+}
+function Sn({ open: e, onOpenChange: t, children: n, onDrag: r, onRelease: a, snapPoints: o, shouldScaleBackground: s = !1, setBackgroundColorOnScale: c = !0, closeThreshold: l = un, scrollLockTimeout: u = dn, dismissible: d = !0, handleOnly: f = !1, fadeFromIndex: p = o && o.length - 1, activeSnapPoint: m, setActiveSnapPoint: h, fixed: g, modal: _ = !0, onClose: v, nested: y, noBodyStyles: b = !1, direction: x = "bottom", defaultOpen: S = !1, disablePreventScroll: C = !0, snapToSequentialPoint: w = !1, preventScrollRestoration: T = !1, repositionInputs: E = !0, onAnimationEnd: ee, container: D, autoFocus: te = !1 }) {
+	let [O = !1, ne] = vn({
+		defaultProp: S,
+		prop: e,
+		onChange: (e) => {
+			t?.(e), !e && !y && be(), setTimeout(() => {
+				ee?.(e);
+			}, Z.DURATION * 1e3), e && !_ && typeof window < "u" && window.requestAnimationFrame(() => {
+				document.body.style.pointerEvents = "auto";
+			}), e || (document.body.style.pointerEvents = "auto");
+		}
+	}), [re, ie] = i.useState(!1), [k, A] = i.useState(!1), [ae, oe] = i.useState(!1), j = i.useRef(null), M = i.useRef(null), N = i.useRef(null), se = i.useRef(null), P = i.useRef(null), F = i.useRef(!1), ce = i.useRef(null), le = i.useRef(0), I = i.useRef(!1), ue = i.useRef(!S), de = i.useRef(0), L = i.useRef(null), fe = i.useRef(L.current?.getBoundingClientRect().height || 0), pe = i.useRef(L.current?.getBoundingClientRect().width || 0), me = i.useRef(0), { activeSnapPoint: he, activeSnapPointIndex: R, setActiveSnapPoint: ge, onRelease: _e, snapPointsOffset: z, onDrag: ve, shouldFade: B, getPercentageDragged: ye } = yn({
+		snapPoints: o,
+		activeSnapPointProp: m,
+		setActiveSnapPointProp: h,
+		drawerRef: L,
+		fadeFromIndex: p,
+		overlayRef: j,
+		onSnapPointChange: i.useCallback((e) => {
+			o && e === z.length - 1 && (M.current = /* @__PURE__ */ new Date());
+		}, []),
+		direction: x,
+		container: D,
+		snapToSequentialPoint: w
+	});
+	Yt({ isDisabled: !O || k || !_ || ae || !re || !E || !C });
+	let { restorePositionSetting: be } = xn({
+		isOpen: O,
+		modal: _,
+		nested: y ?? !1,
+		hasBeenOpened: re,
+		preventScrollRestoration: T,
+		noBodyStyles: b
+	});
+	function V() {
+		return (window.innerWidth - mn) / window.innerWidth;
+	}
+	function xe(e) {
+		!d && !o || L.current && !L.current.contains(e.target) || (fe.current = L.current?.getBoundingClientRect().height || 0, pe.current = L.current?.getBoundingClientRect().width || 0, A(!0), N.current = /* @__PURE__ */ new Date(), Rt() && window.addEventListener("touchend", () => F.current = !1, { once: !0 }), e.target.setPointerCapture(e.pointerId), le.current = X(x) ? e.pageY : e.pageX);
+	}
+	function Se(e, t) {
+		let n = e, r = window.getSelection()?.toString(), i = L.current ? on(L.current, x) : null, a = /* @__PURE__ */ new Date();
+		if (n.tagName === "SELECT" || n.hasAttribute("data-vaul-no-drag") || n.closest("[data-vaul-no-drag]")) return !1;
+		if (x === "right" || x === "left") return !0;
+		if (M.current && a.getTime() - M.current.getTime() < 500) return !1;
+		if (i !== null && (x === "bottom" ? i > 0 : i < 0)) return !0;
+		if (r && r.length > 0) return !1;
+		if (P.current && a.getTime() - P.current.getTime() < u && i === 0 || t) return P.current = a, !1;
+		for (; n;) {
+			if (n.scrollHeight > n.clientHeight) {
+				if (n.scrollTop !== 0) return P.current = /* @__PURE__ */ new Date(), !1;
+				if (n.getAttribute("role") === "dialog") return !0;
+			}
+			n = n.parentNode;
+		}
+		return !0;
+	}
+	function Ce(e) {
+		if (L.current && k) {
+			let t = x === "bottom" || x === "right" ? 1 : -1, n = (le.current - (X(x) ? e.pageY : e.pageX)) * t, i = n > 0, a = o && !d && !i;
+			if (a && R === 0) return;
+			let c = Math.abs(n), l = document.querySelector("[data-vaul-drawer-wrapper]"), u = c / (x === "bottom" || x === "top" ? fe.current : pe.current), f = ye(c, i);
+			if (f !== null && (u = f), a && u >= 1 || !F.current && !Se(e.target, i)) return;
+			if (L.current.classList.add(hn), F.current = !0, Y(L.current, { transition: "none" }), Y(j.current, { transition: "none" }), o && ve({ draggedDistance: n }), i && !o) {
+				let e = sn(n), r = Math.min(e * -1, 0) * t;
+				Y(L.current, { transform: X(x) ? `translate3d(0, ${r}px, 0)` : `translate3d(${r}px, 0, 0)` });
+				return;
+			}
+			let m = 1 - u;
+			if ((B || p && R === p - 1) && (r?.(e, u), Y(j.current, {
+				opacity: `${m}`,
+				transition: "none"
+			}, !0)), l && j.current && s) {
+				let e = Math.min(V() + u * (1 - V()), 1), t = 8 - u * 8, n = Math.max(0, 14 - u * 14);
+				Y(l, {
+					borderRadius: `${t}px`,
+					transform: X(x) ? `scale(${e}) translate3d(0, ${n}px, 0)` : `scale(${e}) translate3d(${n}px, 0, 0)`,
+					transition: "none"
+				}, !0);
+			}
+			if (!o) {
+				let e = c * t;
+				Y(L.current, { transform: X(x) ? `translate3d(0, ${e}px, 0)` : `translate3d(${e}px, 0, 0)` });
+			}
+		}
+	}
+	i.useEffect(() => {
+		window.requestAnimationFrame(() => {
+			ue.current = !0;
+		});
+	}, []), i.useEffect(() => {
+		var e;
+		function t() {
+			if (!L.current || !E) return;
+			let e = document.activeElement;
+			if ($t(e) || I.current) {
+				let e = window.visualViewport?.height || 0, t = window.innerHeight, n = t - e, r = L.current.getBoundingClientRect().height || 0, i = r > t * .8;
+				me.current ||= r;
+				let a = L.current.getBoundingClientRect().top;
+				if (Math.abs(de.current - n) > 60 && (I.current = !I.current), o && o.length > 0 && z && R) {
+					let e = z[R] || 0;
+					n += e;
+				}
+				if (de.current = n, r > e || I.current) {
+					let t = L.current.getBoundingClientRect().height, r = t;
+					t > e && (r = e - (i ? a : mn)), g ? L.current.style.height = `${t - Math.max(n, 0)}px` : L.current.style.height = `${Math.max(r, e - a)}px`;
+				} else Nt() || (L.current.style.height = `${me.current}px`);
+				o && o.length > 0 && !I.current ? L.current.style.bottom = "0px" : L.current.style.bottom = `${Math.max(n, 0)}px`;
+			}
+		}
+		return (e = window.visualViewport) == null || e.addEventListener("resize", t), () => window.visualViewport?.removeEventListener("resize", t);
+	}, [
+		R,
+		o,
+		z
+	]);
+	function H(e) {
+		Te(), v?.(), e || ne(!1), setTimeout(() => {
+			o && ge(o[0]);
+		}, Z.DURATION * 1e3);
+	}
+	function we() {
+		if (!L.current) return;
+		let e = document.querySelector("[data-vaul-drawer-wrapper]"), t = on(L.current, x);
+		Y(L.current, {
+			transform: "translate3d(0, 0, 0)",
+			transition: `transform ${Z.DURATION}s cubic-bezier(${Z.EASE.join(",")})`
+		}), Y(j.current, {
+			transition: `opacity ${Z.DURATION}s cubic-bezier(${Z.EASE.join(",")})`,
+			opacity: "1"
+		}), s && t && t > 0 && O && Y(e, {
+			borderRadius: `${fn}px`,
+			overflow: "hidden",
+			...X(x) ? {
+				transform: `scale(${V()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`,
+				transformOrigin: "top"
+			} : {
+				transform: `scale(${V()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`,
+				transformOrigin: "left"
+			},
+			transitionProperty: "transform, border-radius",
+			transitionDuration: `${Z.DURATION}s`,
+			transitionTimingFunction: `cubic-bezier(${Z.EASE.join(",")})`
+		}, !0);
+	}
+	function Te() {
+		!k || !L.current || (L.current.classList.remove(hn), F.current = !1, A(!1), se.current = /* @__PURE__ */ new Date());
+	}
+	function Ee(e) {
+		if (!k || !L.current) return;
+		L.current.classList.remove(hn), F.current = !1, A(!1), se.current = /* @__PURE__ */ new Date();
+		let t = on(L.current, x);
+		if (!e || !Se(e.target, !1) || !t || Number.isNaN(t) || N.current === null) return;
+		let n = se.current.getTime() - N.current.getTime(), r = le.current - (X(x) ? e.pageY : e.pageX), i = Math.abs(r) / n;
+		if (i > .05 && (oe(!0), setTimeout(() => {
+			oe(!1);
+		}, 200)), o) {
+			_e({
+				draggedDistance: r * (x === "bottom" || x === "right" ? 1 : -1),
+				closeDrawer: H,
+				velocity: i,
+				dismissible: d
+			}), a?.(e, !0);
+			return;
+		}
+		if (x === "bottom" || x === "right" ? r > 0 : r < 0) {
+			we(), a?.(e, !0);
+			return;
+		}
+		if (i > ln) {
+			H(), a?.(e, !1);
+			return;
+		}
+		let s = Math.min(L.current.getBoundingClientRect().height ?? 0, window.innerHeight), c = Math.min(L.current.getBoundingClientRect().width ?? 0, window.innerWidth);
+		if (Math.abs(t) >= (x === "left" || x === "right" ? c : s) * l) {
+			H(), a?.(e, !1);
+			return;
+		}
+		a?.(e, !0), we();
+	}
+	i.useEffect(() => (O && (Y(document.documentElement, { scrollBehavior: "auto" }), M.current = /* @__PURE__ */ new Date()), () => {
+		an(document.documentElement, "scrollBehavior");
+	}), [O]);
+	function U(e) {
+		let t = e ? (window.innerWidth - pn) / window.innerWidth : 1, n = e ? -16 : 0;
+		ce.current && window.clearTimeout(ce.current), Y(L.current, {
+			transition: `transform ${Z.DURATION}s cubic-bezier(${Z.EASE.join(",")})`,
+			transform: X(x) ? `scale(${t}) translate3d(0, ${n}px, 0)` : `scale(${t}) translate3d(${n}px, 0, 0)`
+		}), !e && L.current && (ce.current = setTimeout(() => {
+			let e = on(L.current, x);
+			Y(L.current, {
+				transition: "none",
+				transform: X(x) ? `translate3d(0, ${e}px, 0)` : `translate3d(${e}px, 0, 0)`
+			});
+		}, 500));
+	}
+	function De(e, t) {
+		if (t < 0) return;
+		let n = (window.innerWidth - pn) / window.innerWidth, r = n + t * (1 - n), i = -16 + t * pn;
+		Y(L.current, {
+			transform: X(x) ? `scale(${r}) translate3d(0, ${i}px, 0)` : `scale(${r}) translate3d(${i}px, 0, 0)`,
+			transition: "none"
+		});
+	}
+	function Oe(e, t) {
+		let n = X(x) ? window.innerHeight : window.innerWidth, r = t ? (n - pn) / n : 1, i = t ? -16 : 0;
+		t && Y(L.current, {
+			transition: `transform ${Z.DURATION}s cubic-bezier(${Z.EASE.join(",")})`,
+			transform: X(x) ? `scale(${r}) translate3d(0, ${i}px, 0)` : `scale(${r}) translate3d(${i}px, 0, 0)`
+		});
+	}
+	return i.useEffect(() => {
+		_ || window.requestAnimationFrame(() => {
+			document.body.style.pointerEvents = "auto";
+		});
+	}, [_]), /*#__PURE__*/ i.createElement(Ct, {
+		defaultOpen: S,
+		onOpenChange: (e) => {
+			!d && !e || (e ? ie(!0) : H(!0), ne(e));
+		},
+		open: O
+	}, /*#__PURE__*/ i.createElement(Mt.Provider, { value: {
+		activeSnapPoint: he,
+		snapPoints: o,
+		setActiveSnapPoint: ge,
+		drawerRef: L,
+		overlayRef: j,
+		onOpenChange: t,
+		onPress: xe,
+		onRelease: Ee,
+		onDrag: Ce,
+		dismissible: d,
+		shouldAnimate: ue,
+		handleOnly: f,
+		isOpen: O,
+		isDragging: k,
+		shouldFade: B,
+		closeDrawer: H,
+		onNestedDrag: De,
+		onNestedOpenChange: U,
+		onNestedRelease: Oe,
+		keyboardIsOpen: I,
+		modal: _,
+		snapPointsOffset: z,
+		activeSnapPointIndex: R,
+		direction: x,
+		shouldScaleBackground: s,
+		setBackgroundColorOnScale: c,
+		noBodyStyles: b,
+		container: D,
+		autoFocus: te
+	} }, n));
+}
+var Cn = /*#__PURE__*/ i.forwardRef(function({ ...e }, t) {
+	let { overlayRef: n, snapPoints: r, onRelease: a, shouldFade: o, isOpen: s, modal: c, shouldAnimate: l } = q(), u = nn(t, n), d = r && r.length > 0;
+	if (!c) return null;
+	let f = i.useCallback((e) => a(e), [a]);
+	return /*#__PURE__*/ i.createElement(Et, {
+		onMouseUp: f,
+		ref: u,
+		"data-vaul-overlay": "",
+		"data-vaul-snap-points": s && d ? "true" : "false",
+		"data-vaul-snap-points-overlay": s && o ? "true" : "false",
+		"data-vaul-animate": l?.current ? "true" : "false",
+		...e
+	});
+});
+Cn.displayName = "Drawer.Overlay";
+var wn = /*#__PURE__*/ i.forwardRef(function({ onPointerDownOutside: e, style: t, onOpenAutoFocus: n, ...r }, a) {
+	let { drawerRef: o, onPress: s, onRelease: c, onDrag: l, keyboardIsOpen: u, snapPointsOffset: d, activeSnapPointIndex: f, modal: p, isOpen: m, direction: h, snapPoints: g, container: _, handleOnly: v, shouldAnimate: y, autoFocus: b } = q(), [x, S] = i.useState(!1), C = nn(a, o), w = i.useRef(null), T = i.useRef(null), E = i.useRef(!1), ee = g && g.length > 0;
+	bn();
+	let D = (e, t, n = 0) => {
+		if (E.current) return !0;
+		let r = Math.abs(e.y), i = Math.abs(e.x), a = i > r, o = ["bottom", "right"].includes(t) ? 1 : -1;
+		if (t === "left" || t === "right") {
+			if (!(e.x * o < 0) && i >= 0 && i <= n) return a;
+		} else if (!(e.y * o < 0) && r >= 0 && r <= n) return !a;
+		return E.current = !0, !0;
+	};
+	i.useEffect(() => {
+		ee && window.requestAnimationFrame(() => {
+			S(!0);
+		});
+	}, []);
+	function te(e) {
+		w.current = null, E.current = !1, c(e);
+	}
+	return /*#__PURE__*/ i.createElement(Dt, {
+		"data-vaul-drawer-direction": h,
+		"data-vaul-drawer": "",
+		"data-vaul-delayed-snap-points": x ? "true" : "false",
+		"data-vaul-snap-points": m && ee ? "true" : "false",
+		"data-vaul-custom-container": _ ? "true" : "false",
+		"data-vaul-animate": y?.current ? "true" : "false",
+		...r,
+		ref: C,
+		style: d && d.length > 0 ? {
+			"--snap-point-height": `${d[f ?? 0]}px`,
+			...t
+		} : t,
+		onPointerDown: (e) => {
+			v || (r.onPointerDown == null || r.onPointerDown.call(r, e), w.current = {
+				x: e.pageX,
+				y: e.pageY
+			}, s(e));
+		},
+		onOpenAutoFocus: (e) => {
+			n?.(e), b || e.preventDefault();
+		},
+		onPointerDownOutside: (t) => {
+			if (e?.(t), !p || t.defaultPrevented) {
+				t.preventDefault();
+				return;
+			}
+			u.current &&= !1;
+		},
+		onFocusOutside: (e) => {
+			if (!p) {
+				e.preventDefault();
+				return;
+			}
+		},
+		onPointerMove: (e) => {
+			if (T.current = e, v || (r.onPointerMove == null || r.onPointerMove.call(r, e), !w.current)) return;
+			let t = e.pageY - w.current.y, n = e.pageX - w.current.x, i = e.pointerType === "touch" ? 10 : 2;
+			D({
+				x: n,
+				y: t
+			}, h, i) ? l(e) : (Math.abs(n) > i || Math.abs(t) > i) && (w.current = null);
+		},
+		onPointerUp: (e) => {
+			r.onPointerUp == null || r.onPointerUp.call(r, e), w.current = null, E.current = !1, c(e);
+		},
+		onPointerOut: (e) => {
+			r.onPointerOut == null || r.onPointerOut.call(r, e), te(T.current);
+		},
+		onContextMenu: (e) => {
+			r.onContextMenu == null || r.onContextMenu.call(r, e), T.current && te(T.current);
+		}
+	});
+});
+wn.displayName = "Drawer.Content";
+var Tn = 250, En = 120, Dn = /*#__PURE__*/ i.forwardRef(function({ preventCycle: e = !1, children: t, ...n }, r) {
+	let { closeDrawer: a, isDragging: o, snapPoints: s, activeSnapPoint: c, setActiveSnapPoint: l, dismissible: u, handleOnly: d, isOpen: f, onPress: p, onDrag: m } = q(), h = i.useRef(null), g = i.useRef(!1);
+	function _() {
+		if (g.current) {
+			b();
+			return;
+		}
+		window.setTimeout(() => {
+			v();
+		}, En);
+	}
+	function v() {
+		if (o || e || g.current) {
+			b();
+			return;
+		}
+		if (b(), !s || s.length === 0) {
+			u || a();
+			return;
+		}
+		if (c === s[s.length - 1] && u) {
+			a();
+			return;
+		}
+		let t = s.findIndex((e) => e === c);
+		if (t === -1) return;
+		let n = s[t + 1];
+		l(n);
+	}
+	function y() {
+		h.current = window.setTimeout(() => {
+			g.current = !0;
+		}, Tn);
+	}
+	function b() {
+		h.current && window.clearTimeout(h.current), g.current = !1;
+	}
+	return /*#__PURE__*/ i.createElement("div", {
+		onClick: _,
+		onPointerCancel: b,
+		onPointerDown: (e) => {
+			d && p(e), y();
+		},
+		onPointerMove: (e) => {
+			d && m(e);
+		},
+		ref: r,
+		"data-vaul-drawer-visible": f ? "true" : "false",
+		"data-vaul-handle": "",
+		"aria-hidden": "true",
+		...n
+	}, /*#__PURE__*/ i.createElement("span", {
+		"data-vaul-handle-hitarea": "",
+		"aria-hidden": "true"
+	}, t));
+});
+Dn.displayName = "Drawer.Handle";
+function On({ onDrag: e, onOpenChange: t, open: n, ...r }) {
+	let { onNestedDrag: a, onNestedOpenChange: o, onNestedRelease: s } = q();
+	if (!a) throw Error("Drawer.NestedRoot must be placed in another drawer");
+	return /*#__PURE__*/ i.createElement(Sn, {
+		nested: !0,
+		open: n,
+		onClose: () => {
+			o(!1);
+		},
+		onDrag: (t, n) => {
+			a(t, n), e?.(t, n);
+		},
+		onOpenChange: (e) => {
+			e && o(e), t?.(e);
+		},
+		onRelease: s,
+		...r
+	});
+}
+function kn(e) {
+	let t = q(), { container: n = t.container, ...r } = e;
+	return /*#__PURE__*/ i.createElement(Tt, {
+		container: n,
+		...r
+	});
+}
+var $ = {
+	Root: Sn,
+	NestedRoot: On,
+	Content: wn,
+	Overlay: Cn,
+	Trigger: wt,
+	Portal: kn,
+	Handle: Dn,
+	Close: At,
+	Title: Ot,
+	Description: kt
+};
+//#endregion
+//#region src/components/ui/drawer.tsx
+function An({ ...e }) {
+	return /* @__PURE__ */ l($.Root, {
+		"data-slot": "drawer",
+		...e
+	});
+}
+function jn({ ...e }) {
+	return /* @__PURE__ */ l($.Trigger, {
+		"data-slot": "drawer-trigger",
+		...e
+	});
+}
+function Mn({ ...e }) {
+	return /* @__PURE__ */ l($.Portal, {
+		"data-slot": "drawer-portal",
+		...e
+	});
+}
+function Nn({ ...e }) {
+	return /* @__PURE__ */ l($.Close, {
+		"data-slot": "drawer-close",
+		...e
+	});
+}
+function Pn({ className: t, ...n }) {
+	return /* @__PURE__ */ l($.Overlay, {
+		className: e("data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-1000 bg-black/50 data-[state=closed]:animate-out data-[state=open]:animate-in", t),
+		"data-slot": "drawer-overlay",
+		...n
+	});
+}
+function Fn({ className: t, children: n, ...r }) {
+	return /* @__PURE__ */ u(Mn, {
+		"data-slot": "drawer-portal",
+		children: [/* @__PURE__ */ l(Pn, {}), /* @__PURE__ */ l($.Content, {
+			className: e("group/drawer-content fixed z-1000 flex h-auto flex-col bg-white", "data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-lg data-[vaul-drawer-direction=top]:border-b", "data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-lg data-[vaul-drawer-direction=bottom]:border-0", "data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:right-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:border-l data-[vaul-drawer-direction=right]:sm:max-w-sm", "data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:left-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:border-r data-[vaul-drawer-direction=left]:sm:max-w-sm", t),
+			"data-slot": "drawer-content",
+			...r,
+			children: n
+		})]
+	});
+}
+function In({ className: t, ...n }) {
+	return /* @__PURE__ */ l("div", {
+		className: e("flex flex-col gap-2 p-5", t),
+		"data-slot": "drawer-header",
+		...n
+	});
+}
+function Ln({ className: t, ...n }) {
+	return /* @__PURE__ */ l("div", {
+		className: e("mt-auto flex flex-col gap-2 p-5", t),
+		"data-slot": "drawer-footer",
+		...n
+	});
+}
+function Rn({ className: t, ...n }) {
+	return /* @__PURE__ */ l($.Title, {
+		className: e("font-semibold text-foreground", t),
+		"data-slot": "drawer-title",
+		...n
+	});
+}
+function zn({ className: t, ...n }) {
+	return /* @__PURE__ */ l($.Description, {
+		className: e("text-muted-foreground text-sm", t),
+		"data-slot": "drawer-description",
+		...n
+	});
+}
+//#endregion
+export { Ln as a, Mn as c, zn as i, Rn as l, Nn as n, In as o, Fn as r, Pn as s, An as t, jn as u };