@mkbabb/glass-ui 3.13.0 → 4.0.1

package/dist/useCanvas2D-B8w_E3Rr.js

@@ -0,0 +1,83 @@
+import { t as e } from "./createCanvasLifecycle-CHD5XrDW.js";
+import { getCurrentScope as t, onScopeDispose as n, toValue as r } from "vue";
+//#region src/composables/glass/canvas2d/useCanvas2D.ts
+var i = "200px";
+function a(a) {
+	let { setup: o, autoStart: s = !0, contextAttrs: c, rootMargin: l = i } = a, u = a.respectReducedMotion ?? !0, d = () => r(a.canvas), f = typeof window < "u", p = null, m = null, h = null, g = !1, _ = null, v = null, y = !1;
+	function b() {
+		p && m && m.render(p, f ? performance.now() : 0);
+	}
+	function x(e) {
+		if (!p) return;
+		let t = e.clientWidth || e.offsetWidth || 0, n = e.clientHeight || e.offsetHeight || 0;
+		if (!t || !n) return;
+		let r = Math.min(f && window.devicePixelRatio || 1, 2);
+		e.width = Math.round(t * r), e.height = Math.round(n * r), p.setTransform(r, 0, 0, r, 0, 0);
+		let i = !h || !h.running || h.reducedMotion;
+		!y && i && b();
+	}
+	function S(e) {
+		_ || typeof ResizeObserver > "u" || (_ = new ResizeObserver(() => {
+			let e = d();
+			e && x(e);
+		}), _.observe(e));
+	}
+	function C(e) {
+		v || typeof IntersectionObserver > "u" || (v = new IntersectionObserver((e) => {
+			for (let t of e) t.isIntersecting || t.intersectionRatio > 0 ? h?.resume("off-screen-io") : h?.suspend("off-screen-io");
+		}, { rootMargin: l }), v.observe(e));
+	}
+	function w(e) {
+		let t = e.getContext("2d", c);
+		if (!t) throw Error("[useCanvas2D] 2D context unavailable");
+		return p = t, m = o(p), S(e), C(e), {
+			frame: (e) => {
+				p && m && m.render(p, e);
+			},
+			time: () => f ? performance.now() : 0,
+			shouldContinue: () => !0,
+			teardown: () => {
+				m?.teardown?.(), v?.disconnect(), v = null, _?.disconnect(), _ = null, p = null, m = null;
+			}
+		};
+	}
+	function T() {
+		if (h || g) return;
+		let t = d();
+		t && (h = e({
+			canvas: t,
+			respectReducedMotion: u,
+			buildContext: () => w(t),
+			resize: () => x(t)
+		}), y = !0, h.arm(), y = !1);
+	}
+	function E(e = "manual") {
+		h?.suspend(e);
+	}
+	function D(e = "manual") {
+		h?.resume(e);
+	}
+	function O() {
+		h?.wake();
+	}
+	function k() {
+		g || (g = !0, h?.dispose(), h = null);
+	}
+	return s && T(), t() && n(k), {
+		arm: T,
+		suspend: E,
+		resume: D,
+		wake: O,
+		dispose: k,
+		isRunning: () => h?.running ?? !1,
+		get ctx() {
+			return p;
+		},
+		get reducedMotion() {
+			return h?.reducedMotion ?? !1;
+		}
+	};
+}
+var o = a;
+//#endregion
+export { o as n, a as t };

package/dist/useConfiguratorState-DNlOh6c8.js

@@ -0,0 +1,161 @@
+import { t as e } from "./cn-DJXf4yaB.js";
+import { t } from "./FadingScroll-DI6hQhT9.js";
+import { i as n } from "./ConfiguratorRow-BR4l-ixA.js";
+import { Fragment as r, computed as i, createBlock as a, createCommentVNode as o, createElementBlock as s, createElementVNode as c, createVNode as l, defineComponent as u, normalizeClass as d, normalizeStyle as f, openBlock as p, reactive as m, ref as h, renderList as g, renderSlot as _, toDisplayString as v, toRaw as y, unref as b, withCtx as x } from "vue";
+//#region src/components/custom/configurator/Configurator.vue?vue&type=script&setup=true&lang.ts
+var S = {
+	key: 0,
+	class: "configurator-presets shrink-0 border-b px-3 py-2"
+}, C = [
+	"aria-selected",
+	"data-active",
+	"onClick"
+], w = { class: "flex flex-col" }, T = {
+	key: 2,
+	class: "configurator-controls flex-1 min-h-0 overflow-visible"
+}, E = { class: "flex flex-col" }, D = {
+	key: 3,
+	class: "configurator-footer shrink-0 border-t px-3 py-2"
+}, O = /* @__PURE__ */ u({
+	__name: "Configurator",
+	props: {
+		presets: {},
+		activePreset: {},
+		layers: {},
+		activeLayer: {},
+		scrollMode: { default: "auto" },
+		density: { default: "comfortable" },
+		asideSide: { default: "right" },
+		asideWidth: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	emits: [
+		"select-preset",
+		"select-layer",
+		"reset"
+	],
+	setup(u, { emit: m }) {
+		let h = u;
+		n(i(() => h.density));
+		let y = m, O = i(() => e("configurator glass-floating rounded-panel border border-border/60 overflow-hidden", "grid grid-cols-1", "grid-rows-[minmax(var(--configurator-stage-min,18rem),auto)_minmax(0,1fr)] lg:grid-rows-none", "lg:grid-cols-[minmax(0,1fr)_minmax(var(--configurator-aside-min,280px),var(--configurator-aside-max,360px))]", "min-h-0", h.class)), k = i(() => {
+			if (h.asideWidth == null) return;
+			let [e, t] = Array.isArray(h.asideWidth) ? h.asideWidth : [h.asideWidth, h.asideWidth];
+			return {
+				"--configurator-aside-min": e,
+				"--configurator-aside-max": t
+			};
+		}), A = i(() => h.asideSide === "left" ? "lg:col-start-2" : ""), j = i(() => h.asideSide === "left" ? "lg:col-start-1 lg:row-start-1" : ""), M = i(() => h.asideSide === "left" ? "lg:border-r lg:border-l-0" : "lg:border-l"), N = i(() => h.scrollMode !== "never");
+		return (n, i) => (p(), s("section", {
+			"data-slot": "configurator",
+			class: d(O.value),
+			style: f(k.value)
+		}, [c("div", { class: d(b(e)("configurator-stage relative min-h-0 min-w-0 overflow-hidden", A.value)) }, [_(n.$slots, "stage")], 2), c("aside", { class: d(b(e)("configurator-aside flex min-h-0 min-w-0 flex-col border-t lg:border-t-0", M.value, j.value)) }, [
+			n.$slots.presets || u.presets && u.presets.length > 0 ? (p(), s("div", S, [_(n.$slots, "presets", {
+				presets: u.presets,
+				activePreset: u.activePreset
+			}, () => [l(b(t), {
+				axis: "x",
+				class: "flex gap-2 scrollbar-hidden",
+				role: "tablist",
+				"aria-label": "Presets"
+			}, {
+				default: x(() => [(p(!0), s(r, null, g(u.presets, (t) => (p(), s("button", {
+					key: t.key,
+					type: "button",
+					role: "tab",
+					"data-slot": "configurator-preset",
+					"aria-selected": t.key === u.activePreset,
+					"data-active": t.key === u.activePreset || void 0,
+					class: d(b(e)("tap-squish focus-ring transition-control shrink-0 rounded-pill border px-3 py-1 text-xs font-medium", t.key === u.activePreset ? "glass-quiet border-border/50 text-foreground" : "border-border/40 bg-card/40 text-foreground hover:bg-card/70")),
+					onClick: (e) => y("select-preset", t.key)
+				}, v(t.label), 11, C))), 128))]),
+				_: 1
+			})])])) : o("", !0),
+			N.value ? (p(), a(b(t), {
+				key: 1,
+				axis: "y",
+				class: "configurator-controls flex-1 min-h-0 scrollbar-thin"
+			}, {
+				default: x(() => [_(n.$slots, "controls", {
+					layers: u.layers,
+					activeLayer: u.activeLayer,
+					selectLayer: (e) => y("select-layer", e)
+				}, () => [c("div", w, [_(n.$slots, "default")])])]),
+				_: 3
+			})) : (p(), s("div", T, [_(n.$slots, "controls", {
+				layers: u.layers,
+				activeLayer: u.activeLayer,
+				selectLayer: (e) => y("select-layer", e)
+			}, () => [c("div", E, [_(n.$slots, "default")])])])),
+			n.$slots.footer ? (p(), s("div", D, [_(n.$slots, "footer", { reset: () => y("reset") })])) : o("", !0)
+		], 2)], 6));
+	}
+});
+//#endregion
+//#region src/components/custom/configurator/useConfiguratorState.ts
+function k(e) {
+	let t = y(e);
+	if (typeof structuredClone != "function") throw Error("[glass-ui:configurator] structuredClone is unavailable in this runtime. Pass a custom clone via ConfiguratorStateOptions.clone for environments without structured-clone support.");
+	try {
+		return structuredClone(t);
+	} catch (e) {
+		throw Error("[glass-ui:configurator] structuredClone failed: " + (e instanceof Error ? e.message : String(e)) + ". Preset values must be structured-cloneable (no functions, symbols, DOM nodes, or class instances). Pass a custom clone via ConfiguratorStateOptions.clone if the data shape requires it.");
+	}
+}
+function A(e, t) {
+	return JSON.stringify(e) === JSON.stringify(t);
+}
+function j(e) {
+	let t = e.clone ?? k, n = e.equals ?? A, r = e.presets, a = e.cloneMode ?? "commit-on-write", o = e.initialPreset ?? (r.length > 0 ? r[0].key : void 0), s = o ? r.find((e) => e.key === o) : void 0, c = m(s ? t(s.config) : {}), l = h(o), u = a === "per-preset" ? Object.fromEntries(r.map((e) => [e.key, t(e.config)])) : null, d = i(() => l.value), f = i(() => {
+		let e = l.value;
+		if (!e) return !1;
+		let t = r.find((t) => t.key === e);
+		return t ? !n(c, t.config) : !1;
+	});
+	function p(e) {
+		return r.find((t) => t.key === e);
+	}
+	function g(e) {
+		let t = c, n = e;
+		for (let e of Object.keys(t)) e in n || delete t[e];
+		for (let e of Object.keys(n)) t[e] = n[e];
+	}
+	function _(e) {
+		u && (u[e] = t(c));
+	}
+	function v(e) {
+		let n = p(e);
+		if (n) if (a === "per-preset" && u) {
+			let t = l.value;
+			t && t !== e && t in u && _(t), l.value = e, g(u[e]);
+		} else l.value = e, g(t(n.config));
+	}
+	function y() {
+		let e = l.value;
+		if (!e) return;
+		let n = p(e);
+		n && (a === "per-preset" && u ? (u[e] = t(n.config), g(u[e])) : g(t(n.config)));
+	}
+	function b(e = 1) {
+		if (r.length === 0) return;
+		let t = l.value, n = t ? r.findIndex((e) => e.key === t) : -1, i = r.length, a = r[(n + e + i) % i];
+		v(a.key);
+	}
+	return {
+		config: c,
+		activePreset: d,
+		isDirty: f,
+		selectPreset: v,
+		resetCurrent: y,
+		cyclePreset: b,
+		getPreset: p
+	};
+}
+//#endregion
+export { O as n, j as t };

package/dist/useDragMorph-DgxnsVJz.js

@@ -0,0 +1,102 @@
+import { t as e } from "./useLiquidFlex-mZPMiNXh.js";
+import { n as t } from "./springPresets-CFQGQfdl.js";
+import { computed as n, onScopeDispose as r, readonly as i, ref as a } from "vue";
+import { Draggable as o, SpringProgress as s, decayRest as c } from "@mkbabb/keyframes.js";
+//#region src/composables/motion/useDragMorph.ts
+function l() {
+	return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+function u(u) {
+	let d = () => typeof u.axis == "function" ? u.axis() : u.axis, f = () => typeof u.snapTargets == "function" ? u.snapTargets() : u.snapTargets, p = u.respectReducedMotion !== !1, m = a(!1), h = a(0), { response: g, dampingFraction: _ } = t("snappy"), v = null, y = null;
+	function b() {
+		if (v) return v;
+		let e = new s({
+			response: g,
+			dampingFraction: _,
+			respectReducedMotion: p
+		});
+		return v = e, y = e.subscribe((t) => {
+			if (h.value = t, p && l() || x.drive(T(t)), A && !m.value && e.settled && !k) {
+				let e = D(t);
+				e != null && (k = !0, A = !1, u.onSnap(e));
+			}
+		}), e.play(() => {}), e;
+	}
+	let x = e({
+		from: 0,
+		to: 1,
+		axis: "width",
+		squishLaw: "tanh",
+		maxStretch: u.maxStretch ?? (() => 1.08)
+	}), S = n(() => p && l() ? 1 : x.stretch.value), C = a(0), w = n(() => {
+		if (!m.value && (v?.settled ?? !0)) return {};
+		let e = h.value - C.value;
+		return { translate: d() === "y" ? `0 ${e}px` : `${e}px 0` };
+	});
+	function T(e) {
+		let t = f();
+		if (t.length < 2) return 0;
+		let n = t[0].center, r = t[t.length - 1].center - n;
+		if (r === 0) return 0;
+		let i = (e - n) / r;
+		return i < 0 ? 0 : i > 1 ? 1 : i;
+	}
+	function E(e) {
+		let t = f();
+		if (t.length === 0) return null;
+		let n = t[0], r = Math.abs(e - n.center);
+		for (let i = 1; i < t.length; i++) {
+			let a = t[i], o = Math.abs(e - a.center);
+			o < r && (n = a, r = o);
+		}
+		return n;
+	}
+	let D = (e) => E(e)?.value ?? null;
+	function O() {
+		if (!v) return;
+		let e = E(c({
+			initial: v.value,
+			velocity: v.velocity,
+			friction: 5
+		}));
+		e && (v.target = e.center);
+	}
+	let k = !1, A = !1, j = null, M = null;
+	function N() {
+		M?.(), M = null, j?.detach();
+		let e = u.el.value;
+		e && (j = new o({
+			spring: b(),
+			axis: d()
+		}), e.addEventListener("pointerdown", P), M = j.attach(e));
+	}
+	function P() {
+		m.value = !0, k = !1, A = !0, C.value = b().value;
+	}
+	function F() {
+		m.value && (m.value = !1, O());
+	}
+	function I() {
+		typeof window > "u" || (window.addEventListener("pointerup", F), window.addEventListener("pointercancel", F));
+	}
+	function L() {
+		typeof window > "u" || (window.removeEventListener("pointerup", F), window.removeEventListener("pointercancel", F));
+	}
+	function R() {
+		m.value || N();
+	}
+	N(), I();
+	function z() {
+		u.el.value?.removeEventListener("pointerdown", P), M?.(), M = null, L(), y?.(), j?.dispose(), j = null;
+	}
+	return r(z), {
+		dragging: i(m),
+		position: i(h),
+		stretch: i(S),
+		dragStyle: w,
+		refresh: R,
+		detach: z
+	};
+}
+//#endregion
+export { u as t };

package/dist/{useGlobalDark-yhL4Wp-s.js → useGlobalDark-C28t0VWJ.js}

@@ -7,20 +7,39 @@ var a, o = n(() => {
 		disableTransition: !1
 	}), o = i(n), s = e(!1);
 	function c() {
-		s.value && (document.documentElement.classList.add("no-transition"), document.documentElement.offsetHeight), o(), s.value && requestAnimationFrame(() => {
+		s.value && document.documentElement.classList.add("no-transition"), o(), s.value && requestAnimationFrame(() => {
 			document.documentElement.classList.remove("no-transition");
 		});
 	}
 	function l(e) {
 		s.value = e;
 	}
+	let u = /* @__PURE__ */ new Set(), d = !1, f = !1;
+	function p(e) {
+		if (u.size === 0 || (f = e, d)) return;
+		d = !0;
+		let t = () => {
+			d = !1;
+			let e = f;
+			for (let t of [...u]) t(e);
+		};
+		typeof requestAnimationFrame == "function" ? requestAnimationFrame(t) : setTimeout(t, 0);
+	}
+	function m(e) {
+		return u.add(e), () => {
+			u.delete(e);
+		};
+	}
 	return t(n, (e) => {
 		document.documentElement.style.colorScheme = e ? "dark" : "light";
-	}, { immediate: !0 }), {
+	}, { immediate: !0 }), t(n, (e) => {
+		p(e);
+	}), {
 		isDark: n,
 		toggleDark: c,
 		disableTransitions: s,
-		setDisableTransitions: l
+		setDisableTransitions: l,
+		onFlipSettled: m
 	};
 });
 function s(e) {

package/dist/useLiquidPress-kfb4KX79.js

@@ -0,0 +1,39 @@
+import { t as e } from "./useSpringPress-BsqPr7FJ.js";
+import { t } from "./useLiquidFlex-mZPMiNXh.js";
+import { computed as n, watch as r } from "vue";
+//#region src/composables/motion/useLiquidPress.ts
+function i(i = {}) {
+	let a = i.shrinkDepth ?? .03, o = i.maxStretch ?? 1.04, s = i.pressVar ?? "--press-t", c = i.engageThreshold ?? .001, l = e({
+		response: i.response,
+		dampingFraction: i.dampingFraction,
+		initial: i.initial,
+		initialVelocity: i.initialVelocity,
+		settleThreshold: i.settleThreshold,
+		velocitySettleThreshold: i.velocitySettleThreshold,
+		respectReducedMotion: i.respectReducedMotion,
+		onValue: i.onValue
+	}), u = t({
+		from: 0,
+		to: 1,
+		axis: "width",
+		maxStretch: o,
+		squishLaw: "linear"
+	});
+	r(() => l.value.value, (e) => u.squish(e), {
+		immediate: !0,
+		flush: "sync"
+	});
+	let d = n(() => {
+		let e = l.value.value, t = u.stretch.value, n = 1 - e * a, r = (n * t).toFixed(4), i = (n / t).toFixed(4), o = { [s]: e.toFixed(4) };
+		return e > c && (o.scale = `${r} ${i}`), o;
+	});
+	return {
+		value: l.value,
+		press: l.press,
+		release: l.release,
+		handlers: l.handlers,
+		pressStyle: d
+	};
+}
+//#endregion
+export { i as t };

package/dist/usePointerVelocityField-JbRd5CrM.js

@@ -0,0 +1,137 @@
+import { onScopeDispose as e, readonly as t, ref as n } from "vue";
+//#region src/utils/moveBefore.ts
+function r(e, t, n) {
+	let r = e;
+	typeof r.moveBefore == "function" ? r.moveBefore(t, n) : e.insertBefore(t, n);
+}
+function i() {
+	return typeof Element < "u" && "moveBefore" in Element.prototype;
+}
+//#endregion
+//#region src/utils/platformSupport.ts
+function a() {
+	return typeof globalThis.scheduler?.postTask == "function";
+}
+//#endregion
+//#region src/composables/motion/useViewTransition.ts
+function o() {
+	return typeof document < "u" && typeof document.startViewTransition == "function";
+}
+function s() {
+	return typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+function c(e, t) {
+	let n = typeof document > "u" ? void 0 : document;
+	if (!n || typeof n.startViewTransition != "function" || t?.instantUnderReducedMotion && s()) return {
+		finished: (async () => e())().then(() => void 0, () => void 0),
+		transitioned: !1
+	};
+	let r = t?.types && t.types.length > 0 ? n.startViewTransition({
+		update: () => e(),
+		types: t.types
+	}) : n.startViewTransition(() => e());
+	return r.ready?.catch(() => {}), {
+		finished: r.finished.then(() => void 0, () => void 0),
+		transitioned: !0
+	};
+}
+function l(e, t) {
+	return c(e, {
+		...t,
+		instantUnderReducedMotion: !0
+	});
+}
+function u() {
+	return o();
+}
+//#endregion
+//#region src/composables/motion/usePointerVelocityField.ts
+var d = "(prefers-reduced-motion: reduce)";
+function f(e) {
+	return e < 0 ? 0 : e > 1 ? 1 : e;
+}
+function p(r = {}) {
+	let i = r.positionLerp ?? .22, a = r.velocityLerp ?? .3, o = r.accelerationLerp ?? .3, s = r.burstDecay ?? .96, c = r.respectReducedMotion !== !1, l = typeof window < "u" && typeof window.matchMedia == "function" ? window.matchMedia(d) : null, u = l?.matches ?? !1, p = (e) => {
+		u = e.matches, u && x();
+	};
+	l?.addEventListener("change", p);
+	let m = n(!1), h = n({
+		x: .5,
+		y: .5
+	}), g = n({
+		x: .5,
+		y: .5
+	}), _ = n({
+		x: 0,
+		y: 0
+	}), v = n(0), y = n({
+		x: 0,
+		y: 0
+	}), b = n(0);
+	function x() {
+		_.value = {
+			x: 0,
+			y: 0
+		}, v.value = 0, y.value = {
+			x: 0,
+			y: 0
+		}, b.value = 0, g.value = { ...h.value };
+	}
+	function S(e, t) {
+		c && u || (h.value = {
+			x: f(e),
+			y: f(t)
+		});
+	}
+	function C(e) {
+		if (c && u) return;
+		let t = e.currentTarget;
+		if (!t) return;
+		let n = t.getBoundingClientRect();
+		n.width === 0 || n.height === 0 || S((e.clientX - n.left) / n.width, (e.clientY - n.top) / n.height);
+	}
+	function w() {
+		m.value = !0;
+	}
+	function T() {
+		m.value = !1;
+	}
+	function E(e) {
+		if (c && u || !(e > 0)) {
+			x();
+			return;
+		}
+		let t = e / 1e3, n = g.value, r = _.value, l = 1 - (1 - i) ** (t * 60), d = n.x + (h.value.x - n.x) * l, f = n.y + (h.value.y - n.y) * l, p = (d - n.x) / t, m = (f - n.y) / t, S = 1 - (1 - a) ** (t * 60), C = r.x + (p - r.x) * S, w = r.y + (m - r.y) * S, T = (C - r.x) / t, E = (w - r.y) / t, D = 1 - (1 - o) ** (t * 60), O = y.value.x + (T - y.value.x) * D, k = y.value.y + (E - y.value.y) * D, A = Math.hypot(C, w), j = s ** (t * 60), M = Math.min(1, b.value * j + A * t * 4);
+		g.value = {
+			x: d,
+			y: f
+		}, _.value = {
+			x: C,
+			y: w
+		}, v.value = A, y.value = {
+			x: O,
+			y: k
+		}, b.value = M;
+	}
+	function D() {
+		l?.removeEventListener("change", p);
+	}
+	return e(D), {
+		active: t(m),
+		position: t(h),
+		smoothedPosition: t(g),
+		velocity: t(_),
+		speed: t(v),
+		acceleration: t(y),
+		burst: t(b),
+		onPointerMove: C,
+		onPointerEnter: w,
+		onPointerLeave: T,
+		setPointer: S,
+		tick: E,
+		reset: x,
+		dispose: D
+	};
+}
+//#endregion
+export { o as a, i as c, u as i, l as n, a as o, c as r, r as s, p as t };

package/dist/{useRAFLoop-Bxv0o6L5.js → useRAFLoop-UYa4zoiN.js}

@@ -1,4 +1,4 @@
-import { n as e } from "./useIntersectionPause-Cc-H9ees.js";
+import { n as e } from "./useIntersectionPause-Bj4sPkMh.js";
 import { computed as t, getCurrentScope as n, onScopeDispose as r, readonly as i, ref as a, watch as o } from "vue";
 //#region src/composables/motion/useYieldToMain.ts
 function s() {

package/dist/useSpring-C0jyvEJB.js

@@ -0,0 +1,40 @@
+import { getCurrentScope as e, onScopeDispose as t, readonly as n, ref as r, shallowRef as i, toValue as a, watch as o } from "vue";
+import { SpringProgress as s } from "@mkbabb/keyframes.js";
+//#region src/composables/motion/useSpring.ts
+function c(c, l = {}) {
+	let u = l.initial ?? 0, d = l.initialVelocity ?? 0, f = r(u), p = r(d), m = r(d === 0), h = i(new s({
+		response: l.response ?? .5,
+		dampingFraction: l.dampingFraction ?? .86,
+		initial: u,
+		initialVelocity: d,
+		settleThreshold: l.settleThreshold ?? .001,
+		velocitySettleThreshold: l.velocitySettleThreshold ?? .001,
+		respectReducedMotion: l.respectReducedMotion !== !1
+	})), g = h.value.subscribe((e, t) => {
+		f.value = e, p.value = t, m.value = h.value.settled, l.onValue?.(e, t);
+	});
+	h.value.play(() => {});
+	let _ = o(() => a(c), (e) => {
+		e != null && (h.value.target = e);
+	}, { immediate: !0 });
+	function v() {
+		f.value = h.value.value, p.value = h.value.velocity, m.value = h.value.settled;
+	}
+	function y() {
+		_(), g(), h.value.dispose();
+	}
+	return e() && t(y), {
+		value: n(f),
+		velocity: n(p),
+		isSettled: n(m),
+		snap: () => {
+			h.value.snap(), v();
+		},
+		reset: (e, t) => {
+			h.value.reset(e ?? 0, t ?? 0), v();
+		},
+		dispose: y
+	};
+}
+//#endregion
+export { c as t };

package/dist/useSpringMount-q1amq1SJ.js

@@ -0,0 +1,71 @@
+import { t as e } from "./useSpring-C0jyvEJB.js";
+import { n as t } from "./springPresets-CFQGQfdl.js";
+import { computed as n, nextTick as r, onMounted as i, onScopeDispose as a, ref as o, watch as s } from "vue";
+//#region src/composables/motion/useSpringMount.ts
+var c = Object.fromEntries([
+	"smooth",
+	"snappy",
+	"bouncy",
+	"gentle"
+].map((e) => {
+	let { response: n, dampingFraction: r } = t(e);
+	return [e, {
+		response: n,
+		dampingFraction: r
+	}];
+}));
+function l(t) {
+	let l = c[t.preset ?? "smooth"], u = o(1), d = o(!1), f = 0, p = 0, m = null, h = !1, g = e(u, {
+		response: l.response,
+		dampingFraction: l.dampingFraction,
+		initial: 1,
+		settleThreshold: .001,
+		velocitySettleThreshold: .001,
+		respectReducedMotion: t.respectReducedMotion !== !1
+	});
+	i(() => {
+		t.open.value && r(() => {
+			u.value = 0;
+		});
+	});
+	let _ = s(() => t.open.value, (e, t) => {
+		e !== t && (d.value || (u.value = +!e));
+	}, { immediate: !1 }), v = s(() => g.isSettled.value, (e) => {
+		e && h && u.value >= 1 && (h = !1, t.onDismiss?.());
+	});
+	function y(e) {
+		if (e.button !== 0) return;
+		let t = e.currentTarget;
+		p = t.getBoundingClientRect().height || 1, f = e.clientY, m = e.pointerId, d.value = !0, t.setPointerCapture(e.pointerId);
+	}
+	function b(e) {
+		if (!d.value || e.pointerId !== m) return;
+		let t = e.clientY - f;
+		if (t <= 0) {
+			u.value = 0;
+			return;
+		}
+		u.value = Math.min(1, t / p);
+	}
+	function x(e) {
+		if (!d.value || e.pointerId !== m) return;
+		let n = e.currentTarget;
+		n.hasPointerCapture(e.pointerId) && n.releasePointerCapture(e.pointerId), d.value = !1, m = null;
+		let r = t.dismissThreshold ?? .3;
+		u.value >= r ? (h = !0, u.value = 1) : u.value = 0;
+	}
+	return a(() => {
+		_(), v();
+	}), {
+		position: g.value,
+		isDragging: n(() => d.value),
+		dragHandlers: {
+			onPointerdown: y,
+			onPointermove: b,
+			onPointerup: x,
+			onPointercancel: x
+		}
+	};
+}
+//#endregion
+export { l as t };