@pfct/purple 1.11.1 → 1.13.0

package/dist/chunks/drawer.CsTGeQfm.js

@@ -1,987 +0,0 @@
-import { t as e } from "./utils.D6DjRYW1.js";
-import { a as t, c as n, i as r, n as i, o as a, r as o, s, t as c } from "./dist.o_suB-Ao.js";
-import * as l from "react";
-import u, { useEffect as d, useLayoutEffect as f, useMemo as p } from "react";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
-//#region node_modules/vaul/dist/index.mjs
-function g(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 _ = u.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
-}), v = () => {
-	let e = u.useContext(_);
-	if (!e) throw Error("useDrawerContext must be used within a Drawer.Root");
-	return e;
-};
-g("[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 y() {
-	let e = navigator.userAgent;
-	return typeof window < "u" && (/Firefox/.test(e) && /Mobile/.test(e) || /FxiOS/.test(e));
-}
-function b() {
-	return w(/^Mac/);
-}
-function x() {
-	return w(/^iPhone/);
-}
-function S() {
-	return /^((?!chrome|android).)*safari/i.test(navigator.userAgent);
-}
-function C() {
-	return w(/^iPad/) || b() && navigator.maxTouchPoints > 1;
-}
-function ee() {
-	return x() || C();
-}
-function w(e) {
-	return typeof window < "u" && window.navigator != null ? e.test(window.navigator.platform) : void 0;
-}
-var T = 24, E = typeof window < "u" ? f : d;
-function D(...e) {
-	return (...t) => {
-		for (let n of e) typeof n == "function" && n(...t);
-	};
-}
-var O = typeof document < "u" && window.visualViewport;
-function k(e) {
-	let t = window.getComputedStyle(e);
-	return /(auto|scroll)/.test(t.overflow + t.overflowX + t.overflowY);
-}
-function A(e) {
-	for (k(e) && (e = e.parentElement); e && !k(e);) e = e.parentElement;
-	return e || document.scrollingElement || document.documentElement;
-}
-var te = new Set([
-	"checkbox",
-	"radio",
-	"range",
-	"color",
-	"file",
-	"image",
-	"button",
-	"submit",
-	"reset"
-]), j = 0, M;
-function ne(e = {}) {
-	let { isDisabled: t } = e;
-	E(() => {
-		if (!t) return j++, j === 1 && ee() && (M = re()), () => {
-			j--, j === 0 && M?.();
-		};
-	}, [t]);
-}
-function re() {
-	let e, t = 0, n = (n) => {
-		e = A(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;
-		ae(t) && t !== document.activeElement && (e.preventDefault(), t.style.transform = "translateY(-2000px)", t.focus(), requestAnimationFrame(() => {
-			t.style.transform = "";
-		}));
-	}, a = (e) => {
-		let t = e.target;
-		ae(t) && (t.style.transform = "translateY(-2000px)", requestAnimationFrame(() => {
-			t.style.transform = "", O && (O.height < window.innerHeight ? requestAnimationFrame(() => {
-				P(t);
-			}) : O.addEventListener("resize", () => P(t), { once: !0 }));
-		}));
-	}, o = () => {
-		window.scrollTo(0, 0);
-	}, s = window.pageXOffset, c = window.pageYOffset, l = D(ie(document.documentElement, "paddingRight", `${window.innerWidth - document.documentElement.clientWidth}px`));
-	window.scrollTo(0, 0);
-	let u = D(N(document, "touchstart", n, {
-		passive: !1,
-		capture: !0
-	}), N(document, "touchmove", r, {
-		passive: !1,
-		capture: !0
-	}), N(document, "touchend", i, {
-		passive: !1,
-		capture: !0
-	}), N(document, "focus", a, !0), N(window, "scroll", o));
-	return () => {
-		l(), u(), window.scrollTo(s, c);
-	};
-}
-function ie(e, t, n) {
-	let r = e.style[t];
-	return e.style[t] = n, () => {
-		e.style[t] = r;
-	};
-}
-function N(e, t, n, r) {
-	return e.addEventListener(t, n, r), () => {
-		e.removeEventListener(t, n, r);
-	};
-}
-function P(e) {
-	let t = document.scrollingElement || document.documentElement;
-	for (; e && e !== t;) {
-		let t = A(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 + T && (t.scrollTop += r - n);
-		}
-		e = t.parentElement;
-	}
-}
-function ae(e) {
-	return e instanceof HTMLInputElement && !te.has(e.type) || e instanceof HTMLTextAreaElement || e instanceof HTMLElement && e.isContentEditable;
-}
-function oe(e, t) {
-	typeof e == "function" ? e(t) : e != null && (e.current = t);
-}
-function se(...e) {
-	return (t) => e.forEach((e) => oe(e, t));
-}
-function ce(...e) {
-	return l.useCallback(se(...e), e);
-}
-var F = /* @__PURE__ */ new WeakMap();
-function I(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 && F.set(e, r);
-}
-function le(e, t) {
-	if (!e || !(e instanceof HTMLElement)) return;
-	let n = F.get(e);
-	n && (e.style[t] = n[t]);
-}
-var L = (e) => {
-	switch (e) {
-		case "top":
-		case "bottom": return !0;
-		case "left":
-		case "right": return !1;
-		default: return e;
-	}
-};
-function R(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(", ")[L(t) ? 13 : 12]) : (i = r.match(/^matrix\((.+)\)$/), i ? parseFloat(i[1].split(", ")[L(t) ? 5 : 4]) : null);
-}
-function ue(e) {
-	return 8 * (Math.log(e + 1) - 2);
-}
-function z(e, t) {
-	if (!e) return () => {};
-	let n = e.style.cssText;
-	return Object.assign(e.style, t), () => {
-		e.style.cssText = n;
-	};
-}
-var B = {
-	DURATION: .5,
-	EASE: [
-		.32,
-		.72,
-		0,
-		1
-	]
-}, de = .4, fe = .25, pe = 100, me = 8, V = 16, he = 26, ge = "vaul-dragging";
-function H(e) {
-	let t = u.useRef(e);
-	return u.useEffect(() => {
-		t.current = e;
-	}), u.useMemo(() => (...e) => t.current == null ? void 0 : t.current.call(t, ...e), []);
-}
-function _e({ defaultProp: e, onChange: t }) {
-	let n = u.useState(e), [r] = n, i = u.useRef(r), a = H(t);
-	return u.useEffect(() => {
-		i.current !== r && (a(r), i.current = r);
-	}, [
-		r,
-		i,
-		a
-	]), n;
-}
-function ve({ prop: e, defaultProp: t, onChange: n = () => {} }) {
-	let [r, i] = _e({
-		defaultProp: t,
-		onChange: n
-	}), a = e !== void 0, o = a ? e : r, s = H(n);
-	return [o, u.useCallback((t) => {
-		if (a) {
-			let n = typeof t == "function" ? t(e) : t;
-			n !== e && s(n);
-		} else i(t);
-	}, [
-		a,
-		e,
-		i,
-		s
-	])];
-}
-function ye({ activeSnapPointProp: e, setActiveSnapPointProp: t, snapPoints: n, drawerRef: r, overlayRef: i, fadeFromIndex: a, onSnapPointChange: o, direction: s = "bottom", container: c, snapToSequentialPoint: l }) {
-	let [d, f] = ve({
-		prop: e,
-		defaultProp: n?.[0],
-		onChange: t
-	}), [p, m] = u.useState(typeof window < "u" ? {
-		innerWidth: window.innerWidth,
-		innerHeight: window.innerHeight
-	} : void 0);
-	u.useEffect(() => {
-		function e() {
-			m({
-				innerWidth: window.innerWidth,
-				innerHeight: window.innerHeight
-			});
-		}
-		return window.addEventListener("resize", e), () => window.removeEventListener("resize", e);
-	}, []);
-	let h = u.useMemo(() => d === n?.[n.length - 1] || null, [n, d]), g = u.useMemo(() => n?.findIndex((e) => e === d) ?? null, [n, d]), _ = n && n.length > 0 && (a || a === 0) && !Number.isNaN(a) && n[a] === d || !n, v = u.useMemo(() => {
-		let e = c ? {
-			width: c.getBoundingClientRect().width,
-			height: c.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)), L(s)) {
-				let i = n ? r : p ? t * e.height : 0;
-				return p ? s === "bottom" ? e.height - i : -e.height + i : i;
-			}
-			let i = n ? r : p ? t * e.width : 0;
-			return p ? s === "right" ? e.width - i : -e.width + i : i;
-		}) ?? [];
-	}, [
-		n,
-		p,
-		c
-	]), y = u.useMemo(() => g === null ? null : v?.[g], [v, g]), b = u.useCallback((e) => {
-		let t = v?.findIndex((t) => t === e) ?? null;
-		o(t), I(r.current, {
-			transition: `transform ${B.DURATION}s cubic-bezier(${B.EASE.join(",")})`,
-			transform: L(s) ? `translate3d(0, ${e}px, 0)` : `translate3d(${e}px, 0, 0)`
-		}), v && t !== v.length - 1 && a !== void 0 && t !== a && t < a ? I(i.current, {
-			transition: `opacity ${B.DURATION}s cubic-bezier(${B.EASE.join(",")})`,
-			opacity: "0"
-		}) : I(i.current, {
-			transition: `opacity ${B.DURATION}s cubic-bezier(${B.EASE.join(",")})`,
-			opacity: "1"
-		}), f(n?.[Math.max(t, 0)]);
-	}, [
-		r.current,
-		n,
-		v,
-		a,
-		i,
-		f
-	]);
-	u.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: o }) {
-		if (a === void 0) return;
-		let c = s === "bottom" || s === "right" ? (y ?? 0) - e : (y ?? 0) + e, u = g === a - 1, d = g === 0, f = e > 0;
-		if (u && I(i.current, { transition: `opacity ${B.DURATION}s cubic-bezier(${B.EASE.join(",")})` }), !l && r > 2 && !f) {
-			o ? t() : b(v[0]);
-			return;
-		}
-		if (!l && 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 - c) < Math.abs(e - c) ? t : e), m = L(s) ? window.innerHeight : window.innerWidth;
-		if (r > de && 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 && o && t(), g === null) return;
-			b(v[g + e]);
-			return;
-		}
-		b(p);
-	}
-	function S({ draggedDistance: e }) {
-		if (y === null) return;
-		let t = s === "bottom" || s === "right" ? y - e : y + e;
-		(s === "bottom" || s === "right") && t < v[v.length - 1] || (s === "top" || s === "left") && t > v[v.length - 1] || I(r.current, { transform: L(s) ? `translate3d(0, ${t}px, 0)` : `translate3d(${t}px, 0, 0)` });
-	}
-	function C(e, t) {
-		if (!n || typeof g != "number" || !v || a === void 0) return null;
-		let r = g === a - 1;
-		if (g >= a && t) return 0;
-		if (r && !t) return 1;
-		if (!_ && !r) return null;
-		let i = r ? g + 1 : g - 1, o = r ? v[i] - v[i - 1] : v[i + 1] - v[i], s = e / Math.abs(o);
-		return r ? 1 - s : s;
-	}
-	return {
-		isLastSnapPoint: h,
-		activeSnapPoint: d,
-		shouldFade: _,
-		getPercentageDragged: C,
-		setActiveSnapPoint: f,
-		activeSnapPointIndex: g,
-		onRelease: x,
-		onDrag: S,
-		snapPointsOffset: v
-	};
-}
-function U() {
-	let { direction: e, isOpen: t, shouldScaleBackground: n, setBackgroundColorOnScale: r, noBodyStyles: i } = v(), a = u.useRef(null), o = p(() => document.body.style.backgroundColor, []);
-	function s() {
-		return (window.innerWidth - he) / window.innerWidth;
-	}
-	u.useEffect(() => {
-		if (t && n) {
-			a.current && clearTimeout(a.current);
-			let t = document.querySelector("[data-vaul-drawer-wrapper]") || document.querySelector("[vaul-drawer-wrapper]");
-			if (!t) return;
-			r && !i && z(document.body, { background: "black" }), z(t, {
-				transformOrigin: L(e) ? "top" : "left",
-				transitionProperty: "transform, border-radius",
-				transitionDuration: `${B.DURATION}s`,
-				transitionTimingFunction: `cubic-bezier(${B.EASE.join(",")})`
-			});
-			let n = z(t, {
-				borderRadius: `${me}px`,
-				overflow: "hidden",
-				...L(e) ? { transform: `scale(${s()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)` } : { transform: `scale(${s()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)` }
-			});
-			return () => {
-				n(), a.current = window.setTimeout(() => {
-					o ? document.body.style.background = o : document.body.style.removeProperty("background");
-				}, B.DURATION * 1e3);
-			};
-		}
-	}, [
-		t,
-		n,
-		o
-	]);
-}
-var W = null;
-function be({ isOpen: e, modal: t, nested: n, hasBeenOpened: r, preventScrollRestoration: i, noBodyStyles: a }) {
-	let [o, s] = u.useState(() => typeof window < "u" ? window.location.href : ""), c = u.useRef(0), l = u.useCallback(() => {
-		if (S() && W === null && e && !a) {
-			W = {
-				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: `${-c.current}px`,
-				left: `${-e}px`,
-				right: "0px",
-				height: "auto"
-			}), window.setTimeout(() => window.requestAnimationFrame(() => {
-				let e = t - window.innerHeight;
-				e && c.current >= t && (document.body.style.top = `${-(c.current + e)}px`);
-			}), 300);
-		}
-	}, [e]), d = u.useCallback(() => {
-		if (S() && W !== null && !a) {
-			let e = -parseInt(document.body.style.top, 10), t = -parseInt(document.body.style.left, 10);
-			Object.assign(document.body.style, W), window.requestAnimationFrame(() => {
-				if (i && o !== window.location.href) {
-					s(window.location.href);
-					return;
-				}
-				window.scrollTo(t, e);
-			}), W = null;
-		}
-	}, [o]);
-	return u.useEffect(() => {
-		function e() {
-			c.current = window.scrollY;
-		}
-		return e(), window.addEventListener("scroll", e), () => {
-			window.removeEventListener("scroll", e);
-		};
-	}, []), u.useEffect(() => {
-		if (t) return () => {
-			typeof document > "u" || document.querySelector("[data-vaul-drawer]") || d();
-		};
-	}, [t, d]), u.useEffect(() => {
-		n || !r || (e ? (!window.matchMedia("(display-mode: standalone)").matches && l(), t || window.setTimeout(() => {
-			d();
-		}, 500)) : d());
-	}, [
-		e,
-		r,
-		o,
-		t,
-		n,
-		l,
-		d
-	]), { restorePositionSetting: d };
-}
-function G({ open: e, onOpenChange: t, children: n, onDrag: r, onRelease: i, snapPoints: o, shouldScaleBackground: s = !1, setBackgroundColorOnScale: c = !0, closeThreshold: l = fe, scrollLockTimeout: d = pe, dismissible: f = !0, handleOnly: p = !1, fadeFromIndex: m = o && o.length - 1, activeSnapPoint: h, setActiveSnapPoint: g, fixed: v, modal: b = !0, onClose: x, nested: S, noBodyStyles: C = !1, direction: w = "bottom", defaultOpen: T = !1, disablePreventScroll: E = !0, snapToSequentialPoint: D = !1, preventScrollRestoration: O = !1, repositionInputs: k = !0, onAnimationEnd: A, container: te, autoFocus: j = !1 }) {
-	let [M = !1, re] = ve({
-		defaultProp: T,
-		prop: e,
-		onChange: (e) => {
-			t?.(e), !e && !S && je(), setTimeout(() => {
-				A?.(e);
-			}, B.DURATION * 1e3), e && !b && typeof window < "u" && window.requestAnimationFrame(() => {
-				document.body.style.pointerEvents = "auto";
-			}), e || (document.body.style.pointerEvents = "auto");
-		}
-	}), [ie, N] = u.useState(!1), [P, oe] = u.useState(!1), [se, ce] = u.useState(!1), F = u.useRef(null), z = u.useRef(null), H = u.useRef(null), _e = u.useRef(null), U = u.useRef(null), W = u.useRef(!1), G = u.useRef(null), K = u.useRef(0), q = u.useRef(!1), xe = u.useRef(!T), Se = u.useRef(0), J = u.useRef(null), Ce = u.useRef(J.current?.getBoundingClientRect().height || 0), we = u.useRef(J.current?.getBoundingClientRect().width || 0), Y = u.useRef(0), { activeSnapPoint: Te, activeSnapPointIndex: X, setActiveSnapPoint: Ee, onRelease: De, snapPointsOffset: Z, onDrag: Oe, shouldFade: ke, getPercentageDragged: Ae } = ye({
-		snapPoints: o,
-		activeSnapPointProp: h,
-		setActiveSnapPointProp: g,
-		drawerRef: J,
-		fadeFromIndex: m,
-		overlayRef: F,
-		onSnapPointChange: u.useCallback((e) => {
-			o && e === Z.length - 1 && (z.current = /* @__PURE__ */ new Date());
-		}, []),
-		direction: w,
-		container: te,
-		snapToSequentialPoint: D
-	});
-	ne({ isDisabled: !M || P || !b || se || !ie || !k || !E });
-	let { restorePositionSetting: je } = be({
-		isOpen: M,
-		modal: b,
-		nested: S ?? !1,
-		hasBeenOpened: ie,
-		preventScrollRestoration: O,
-		noBodyStyles: C
-	});
-	function Q() {
-		return (window.innerWidth - he) / window.innerWidth;
-	}
-	function Me(e) {
-		!f && !o || J.current && !J.current.contains(e.target) || (Ce.current = J.current?.getBoundingClientRect().height || 0, we.current = J.current?.getBoundingClientRect().width || 0, oe(!0), H.current = /* @__PURE__ */ new Date(), ee() && window.addEventListener("touchend", () => W.current = !1, { once: !0 }), e.target.setPointerCapture(e.pointerId), K.current = L(w) ? e.pageY : e.pageX);
-	}
-	function Ne(e, t) {
-		let n = e, r = window.getSelection()?.toString(), i = J.current ? R(J.current, w) : null, a = /* @__PURE__ */ new Date();
-		if (n.tagName === "SELECT" || n.hasAttribute("data-vaul-no-drag") || n.closest("[data-vaul-no-drag]")) return !1;
-		if (w === "right" || w === "left") return !0;
-		if (z.current && a.getTime() - z.current.getTime() < 500) return !1;
-		if (i !== null && (w === "bottom" ? i > 0 : i < 0)) return !0;
-		if (r && r.length > 0) return !1;
-		if (U.current && a.getTime() - U.current.getTime() < d && i === 0 || t) return U.current = a, !1;
-		for (; n;) {
-			if (n.scrollHeight > n.clientHeight) {
-				if (n.scrollTop !== 0) return U.current = /* @__PURE__ */ new Date(), !1;
-				if (n.getAttribute("role") === "dialog") return !0;
-			}
-			n = n.parentNode;
-		}
-		return !0;
-	}
-	function Pe(e) {
-		if (J.current && P) {
-			let t = w === "bottom" || w === "right" ? 1 : -1, n = (K.current - (L(w) ? e.pageY : e.pageX)) * t, i = n > 0, a = o && !f && !i;
-			if (a && X === 0) return;
-			let c = Math.abs(n), l = document.querySelector("[data-vaul-drawer-wrapper]"), u = c / (w === "bottom" || w === "top" ? Ce.current : we.current), d = Ae(c, i);
-			if (d !== null && (u = d), a && u >= 1 || !W.current && !Ne(e.target, i)) return;
-			if (J.current.classList.add(ge), W.current = !0, I(J.current, { transition: "none" }), I(F.current, { transition: "none" }), o && Oe({ draggedDistance: n }), i && !o) {
-				let e = ue(n), r = Math.min(e * -1, 0) * t;
-				I(J.current, { transform: L(w) ? `translate3d(0, ${r}px, 0)` : `translate3d(${r}px, 0, 0)` });
-				return;
-			}
-			let p = 1 - u;
-			if ((ke || m && X === m - 1) && (r?.(e, u), I(F.current, {
-				opacity: `${p}`,
-				transition: "none"
-			}, !0)), l && F.current && s) {
-				let e = Math.min(Q() + u * (1 - Q()), 1), t = 8 - u * 8, n = Math.max(0, 14 - u * 14);
-				I(l, {
-					borderRadius: `${t}px`,
-					transform: L(w) ? `scale(${e}) translate3d(0, ${n}px, 0)` : `scale(${e}) translate3d(${n}px, 0, 0)`,
-					transition: "none"
-				}, !0);
-			}
-			if (!o) {
-				let e = c * t;
-				I(J.current, { transform: L(w) ? `translate3d(0, ${e}px, 0)` : `translate3d(${e}px, 0, 0)` });
-			}
-		}
-	}
-	u.useEffect(() => {
-		window.requestAnimationFrame(() => {
-			xe.current = !0;
-		});
-	}, []), u.useEffect(() => {
-		var e;
-		function t() {
-			if (!J.current || !k) return;
-			let e = document.activeElement;
-			if (ae(e) || q.current) {
-				let e = window.visualViewport?.height || 0, t = window.innerHeight, n = t - e, r = J.current.getBoundingClientRect().height || 0, i = r > t * .8;
-				Y.current ||= r;
-				let a = J.current.getBoundingClientRect().top;
-				if (Math.abs(Se.current - n) > 60 && (q.current = !q.current), o && o.length > 0 && Z && X) {
-					let e = Z[X] || 0;
-					n += e;
-				}
-				if (Se.current = n, r > e || q.current) {
-					let t = J.current.getBoundingClientRect().height, r = t;
-					t > e && (r = e - (i ? a : he)), v ? J.current.style.height = `${t - Math.max(n, 0)}px` : J.current.style.height = `${Math.max(r, e - a)}px`;
-				} else y() || (J.current.style.height = `${Y.current}px`);
-				o && o.length > 0 && !q.current ? J.current.style.bottom = "0px" : J.current.style.bottom = `${Math.max(n, 0)}px`;
-			}
-		}
-		return (e = window.visualViewport) == null || e.addEventListener("resize", t), () => window.visualViewport?.removeEventListener("resize", t);
-	}, [
-		X,
-		o,
-		Z
-	]);
-	function $(e) {
-		Ie(), x?.(), e || re(!1), setTimeout(() => {
-			o && Ee(o[0]);
-		}, B.DURATION * 1e3);
-	}
-	function Fe() {
-		if (!J.current) return;
-		let e = document.querySelector("[data-vaul-drawer-wrapper]"), t = R(J.current, w);
-		I(J.current, {
-			transform: "translate3d(0, 0, 0)",
-			transition: `transform ${B.DURATION}s cubic-bezier(${B.EASE.join(",")})`
-		}), I(F.current, {
-			transition: `opacity ${B.DURATION}s cubic-bezier(${B.EASE.join(",")})`,
-			opacity: "1"
-		}), s && t && t > 0 && M && I(e, {
-			borderRadius: `${me}px`,
-			overflow: "hidden",
-			...L(w) ? {
-				transform: `scale(${Q()}) translate3d(0, calc(env(safe-area-inset-top) + 14px), 0)`,
-				transformOrigin: "top"
-			} : {
-				transform: `scale(${Q()}) translate3d(calc(env(safe-area-inset-top) + 14px), 0, 0)`,
-				transformOrigin: "left"
-			},
-			transitionProperty: "transform, border-radius",
-			transitionDuration: `${B.DURATION}s`,
-			transitionTimingFunction: `cubic-bezier(${B.EASE.join(",")})`
-		}, !0);
-	}
-	function Ie() {
-		!P || !J.current || (J.current.classList.remove(ge), W.current = !1, oe(!1), _e.current = /* @__PURE__ */ new Date());
-	}
-	function Le(e) {
-		if (!P || !J.current) return;
-		J.current.classList.remove(ge), W.current = !1, oe(!1), _e.current = /* @__PURE__ */ new Date();
-		let t = R(J.current, w);
-		if (!e || !Ne(e.target, !1) || !t || Number.isNaN(t) || H.current === null) return;
-		let n = _e.current.getTime() - H.current.getTime(), r = K.current - (L(w) ? e.pageY : e.pageX), a = Math.abs(r) / n;
-		if (a > .05 && (ce(!0), setTimeout(() => {
-			ce(!1);
-		}, 200)), o) {
-			De({
-				draggedDistance: r * (w === "bottom" || w === "right" ? 1 : -1),
-				closeDrawer: $,
-				velocity: a,
-				dismissible: f
-			}), i?.(e, !0);
-			return;
-		}
-		if (w === "bottom" || w === "right" ? r > 0 : r < 0) {
-			Fe(), i?.(e, !0);
-			return;
-		}
-		if (a > de) {
-			$(), i?.(e, !1);
-			return;
-		}
-		let s = Math.min(J.current.getBoundingClientRect().height ?? 0, window.innerHeight), c = Math.min(J.current.getBoundingClientRect().width ?? 0, window.innerWidth);
-		if (Math.abs(t) >= (w === "left" || w === "right" ? c : s) * l) {
-			$(), i?.(e, !1);
-			return;
-		}
-		i?.(e, !0), Fe();
-	}
-	u.useEffect(() => (M && (I(document.documentElement, { scrollBehavior: "auto" }), z.current = /* @__PURE__ */ new Date()), () => {
-		le(document.documentElement, "scrollBehavior");
-	}), [M]);
-	function Re(e) {
-		let t = e ? (window.innerWidth - V) / window.innerWidth : 1, n = e ? -16 : 0;
-		G.current && window.clearTimeout(G.current), I(J.current, {
-			transition: `transform ${B.DURATION}s cubic-bezier(${B.EASE.join(",")})`,
-			transform: L(w) ? `scale(${t}) translate3d(0, ${n}px, 0)` : `scale(${t}) translate3d(${n}px, 0, 0)`
-		}), !e && J.current && (G.current = setTimeout(() => {
-			let e = R(J.current, w);
-			I(J.current, {
-				transition: "none",
-				transform: L(w) ? `translate3d(0, ${e}px, 0)` : `translate3d(${e}px, 0, 0)`
-			});
-		}, 500));
-	}
-	function ze(e, t) {
-		if (t < 0) return;
-		let n = (window.innerWidth - V) / window.innerWidth, r = n + t * (1 - n), i = -16 + t * V;
-		I(J.current, {
-			transform: L(w) ? `scale(${r}) translate3d(0, ${i}px, 0)` : `scale(${r}) translate3d(${i}px, 0, 0)`,
-			transition: "none"
-		});
-	}
-	function Be(e, t) {
-		let n = L(w) ? window.innerHeight : window.innerWidth, r = t ? (n - V) / n : 1, i = t ? -16 : 0;
-		t && I(J.current, {
-			transition: `transform ${B.DURATION}s cubic-bezier(${B.EASE.join(",")})`,
-			transform: L(w) ? `scale(${r}) translate3d(0, ${i}px, 0)` : `scale(${r}) translate3d(${i}px, 0, 0)`
-		});
-	}
-	return u.useEffect(() => {
-		b || window.requestAnimationFrame(() => {
-			document.body.style.pointerEvents = "auto";
-		});
-	}, [b]), /*#__PURE__*/ u.createElement(a, {
-		defaultOpen: T,
-		onOpenChange: (e) => {
-			!f && !e || (e ? N(!0) : $(!0), re(e));
-		},
-		open: M
-	}, /*#__PURE__*/ u.createElement(_.Provider, { value: {
-		activeSnapPoint: Te,
-		snapPoints: o,
-		setActiveSnapPoint: Ee,
-		drawerRef: J,
-		overlayRef: F,
-		onOpenChange: t,
-		onPress: Me,
-		onRelease: Le,
-		onDrag: Pe,
-		dismissible: f,
-		shouldAnimate: xe,
-		handleOnly: p,
-		isOpen: M,
-		isDragging: P,
-		shouldFade: ke,
-		closeDrawer: $,
-		onNestedDrag: ze,
-		onNestedOpenChange: Re,
-		onNestedRelease: Be,
-		keyboardIsOpen: q,
-		modal: b,
-		snapPointsOffset: Z,
-		activeSnapPointIndex: X,
-		direction: w,
-		shouldScaleBackground: s,
-		setBackgroundColorOnScale: c,
-		noBodyStyles: C,
-		container: te,
-		autoFocus: j
-	} }, n));
-}
-var K = /*#__PURE__*/ u.forwardRef(function({ ...e }, t) {
-	let { overlayRef: n, snapPoints: i, onRelease: a, shouldFade: o, isOpen: s, modal: c, shouldAnimate: l } = v(), d = ce(t, n), f = i && i.length > 0;
-	if (!c) return null;
-	let p = u.useCallback((e) => a(e), [a]);
-	return /*#__PURE__*/ u.createElement(r, {
-		onMouseUp: p,
-		ref: d,
-		"data-vaul-overlay": "",
-		"data-vaul-snap-points": s && f ? "true" : "false",
-		"data-vaul-snap-points-overlay": s && o ? "true" : "false",
-		"data-vaul-animate": l?.current ? "true" : "false",
-		...e
-	});
-});
-K.displayName = "Drawer.Overlay";
-var q = /*#__PURE__*/ u.forwardRef(function({ onPointerDownOutside: e, style: t, onOpenAutoFocus: n, ...r }, a) {
-	let { drawerRef: o, onPress: s, onRelease: c, onDrag: l, keyboardIsOpen: d, snapPointsOffset: f, activeSnapPointIndex: p, modal: m, isOpen: h, direction: g, snapPoints: _, container: y, handleOnly: b, shouldAnimate: x, autoFocus: S } = v(), [C, ee] = u.useState(!1), w = ce(a, o), T = u.useRef(null), E = u.useRef(null), D = u.useRef(!1), O = _ && _.length > 0;
-	U();
-	let k = (e, t, n = 0) => {
-		if (D.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 D.current = !0, !0;
-	};
-	u.useEffect(() => {
-		O && window.requestAnimationFrame(() => {
-			ee(!0);
-		});
-	}, []);
-	function A(e) {
-		T.current = null, D.current = !1, c(e);
-	}
-	return /*#__PURE__*/ u.createElement(i, {
-		"data-vaul-drawer-direction": g,
-		"data-vaul-drawer": "",
-		"data-vaul-delayed-snap-points": C ? "true" : "false",
-		"data-vaul-snap-points": h && O ? "true" : "false",
-		"data-vaul-custom-container": y ? "true" : "false",
-		"data-vaul-animate": x?.current ? "true" : "false",
-		...r,
-		ref: w,
-		style: f && f.length > 0 ? {
-			"--snap-point-height": `${f[p ?? 0]}px`,
-			...t
-		} : t,
-		onPointerDown: (e) => {
-			b || (r.onPointerDown == null || r.onPointerDown.call(r, e), T.current = {
-				x: e.pageX,
-				y: e.pageY
-			}, s(e));
-		},
-		onOpenAutoFocus: (e) => {
-			n?.(e), S || e.preventDefault();
-		},
-		onPointerDownOutside: (t) => {
-			if (e?.(t), !m || t.defaultPrevented) {
-				t.preventDefault();
-				return;
-			}
-			d.current &&= !1;
-		},
-		onFocusOutside: (e) => {
-			if (!m) {
-				e.preventDefault();
-				return;
-			}
-		},
-		onPointerMove: (e) => {
-			if (E.current = e, b || (r.onPointerMove == null || r.onPointerMove.call(r, e), !T.current)) return;
-			let t = e.pageY - T.current.y, n = e.pageX - T.current.x, i = e.pointerType === "touch" ? 10 : 2;
-			k({
-				x: n,
-				y: t
-			}, g, i) ? l(e) : (Math.abs(n) > i || Math.abs(t) > i) && (T.current = null);
-		},
-		onPointerUp: (e) => {
-			r.onPointerUp == null || r.onPointerUp.call(r, e), T.current = null, D.current = !1, c(e);
-		},
-		onPointerOut: (e) => {
-			r.onPointerOut == null || r.onPointerOut.call(r, e), A(E.current);
-		},
-		onContextMenu: (e) => {
-			r.onContextMenu == null || r.onContextMenu.call(r, e), E.current && A(E.current);
-		}
-	});
-});
-q.displayName = "Drawer.Content";
-var xe = 250, Se = 120, J = /*#__PURE__*/ u.forwardRef(function({ preventCycle: e = !1, children: t, ...n }, r) {
-	let { closeDrawer: i, isDragging: a, snapPoints: o, activeSnapPoint: s, setActiveSnapPoint: c, dismissible: l, handleOnly: d, isOpen: f, onPress: p, onDrag: m } = v(), h = u.useRef(null), g = u.useRef(!1);
-	function _() {
-		if (g.current) {
-			x();
-			return;
-		}
-		window.setTimeout(() => {
-			y();
-		}, Se);
-	}
-	function y() {
-		if (a || e || g.current) {
-			x();
-			return;
-		}
-		if (x(), !o || o.length === 0) {
-			l || i();
-			return;
-		}
-		if (s === o[o.length - 1] && l) {
-			i();
-			return;
-		}
-		let t = o.findIndex((e) => e === s);
-		if (t === -1) return;
-		let n = o[t + 1];
-		c(n);
-	}
-	function b() {
-		h.current = window.setTimeout(() => {
-			g.current = !0;
-		}, xe);
-	}
-	function x() {
-		h.current && window.clearTimeout(h.current), g.current = !1;
-	}
-	return /*#__PURE__*/ u.createElement("div", {
-		onClick: _,
-		onPointerCancel: x,
-		onPointerDown: (e) => {
-			d && p(e), b();
-		},
-		onPointerMove: (e) => {
-			d && m(e);
-		},
-		ref: r,
-		"data-vaul-drawer-visible": f ? "true" : "false",
-		"data-vaul-handle": "",
-		"aria-hidden": "true",
-		...n
-	}, /*#__PURE__*/ u.createElement("span", {
-		"data-vaul-handle-hitarea": "",
-		"aria-hidden": "true"
-	}, t));
-});
-J.displayName = "Drawer.Handle";
-function Ce({ onDrag: e, onOpenChange: t, open: n, ...r }) {
-	let { onNestedDrag: i, onNestedOpenChange: a, onNestedRelease: o } = v();
-	if (!i) throw Error("Drawer.NestedRoot must be placed in another drawer");
-	return /*#__PURE__*/ u.createElement(G, {
-		nested: !0,
-		open: n,
-		onClose: () => {
-			a(!1);
-		},
-		onDrag: (t, n) => {
-			i(t, n), e?.(t, n);
-		},
-		onOpenChange: (e) => {
-			e && a(e), t?.(e);
-		},
-		onRelease: o,
-		...r
-	});
-}
-function we(e) {
-	let n = v(), { container: r = n.container, ...i } = e;
-	return /*#__PURE__*/ u.createElement(t, {
-		container: r,
-		...i
-	});
-}
-var Y = {
-	Root: G,
-	NestedRoot: Ce,
-	Content: q,
-	Overlay: K,
-	Trigger: n,
-	Portal: we,
-	Handle: J,
-	Close: c,
-	Title: s,
-	Description: o
-};
-//#endregion
-//#region src/components/ui/drawer.tsx
-function Te({ ...e }) {
-	return /* @__PURE__ */ m(Y.Root, {
-		"data-slot": "drawer",
-		...e
-	});
-}
-function X({ ...e }) {
-	return /* @__PURE__ */ m(Y.Trigger, {
-		"data-slot": "drawer-trigger",
-		...e
-	});
-}
-function Ee({ ...e }) {
-	return /* @__PURE__ */ m(Y.Portal, {
-		"data-slot": "drawer-portal",
-		...e
-	});
-}
-function De({ ...e }) {
-	return /* @__PURE__ */ m(Y.Close, {
-		"data-slot": "drawer-close",
-		...e
-	});
-}
-function Z({ className: t, ...n }) {
-	return /* @__PURE__ */ m(Y.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 Oe({ className: t, children: n, ...r }) {
-	return /* @__PURE__ */ h(Ee, {
-		"data-slot": "drawer-portal",
-		children: [/* @__PURE__ */ m(Z, {}), /* @__PURE__ */ m(Y.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 ke({ className: t, ...n }) {
-	return /* @__PURE__ */ m("div", {
-		className: e("flex flex-col gap-2 p-5", t),
-		"data-slot": "drawer-header",
-		...n
-	});
-}
-function Ae({ className: t, ...n }) {
-	return /* @__PURE__ */ m("div", {
-		className: e("mt-auto flex flex-col gap-2 p-5", t),
-		"data-slot": "drawer-footer",
-		...n
-	});
-}
-function je({ className: t, ...n }) {
-	return /* @__PURE__ */ m(Y.Title, {
-		className: e("font-semibold text-foreground", t),
-		"data-slot": "drawer-title",
-		...n
-	});
-}
-function Q({ className: t, ...n }) {
-	return /* @__PURE__ */ m(Y.Description, {
-		className: e("text-muted-foreground text-sm", t),
-		"data-slot": "drawer-description",
-		...n
-	});
-}
-//#endregion
-export { Ae as a, Ee as c, Q as i, je as l, De as n, ke as o, Oe as r, Z as s, Te as t, X as u };