@mkbabb/glass-ui 4.1.0 → 5.0.0

package/dist/toast.d.ts

@@ -1 +1 @@
-export * from "./components/ui/toast";
+export * from "./components/toast";

package/dist/toast.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "./Toaster-D9qIHjBI.js";
+import { a as e, c as t, i as n, n as r, o as i, r as a, s as o, t as s } from "./Toaster-C_-WeU9W.js";
 export { t as Toast, o as ToastAction, i as ToastClose, e as ToastDescription, n as ToastTitle, s as Toaster, r as toast, a as useToast };

package/dist/toggle-group.d.ts

@@ -1 +1 @@
-export * from "./components/ui/toggle-group";
+export * from "./components/toggle-group";

package/dist/toggle-group.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./ToggleGroupItem-BLtr3TJq.js";
+import { n as e, t } from "./ToggleGroupItem-DNWx2aSW.js";
 export { e as ToggleGroup, t as ToggleGroupItem };

package/dist/tooltip.d.ts

@@ -1 +1 @@
-export * from "./components/ui/tooltip";
+export * from "./components/tooltip";

package/dist/tooltip.js

@@ -1,2 +1,2 @@
-import { i as e, n as t, r as n, t as r } from "./TooltipProvider-BJ_Y5EGX.js";
+import { i as e, n as t, r as n, t as r } from "./TooltipProvider-GtfYdSVf.js";
 export { e as Tooltip, n as TooltipContent, r as TooltipProvider, t as TooltipTrigger };

package/dist/typewriter.d.ts

@@ -1 +1 @@
-export * from "./components/custom/typewriter";
+export * from "./components/typewriter";

package/dist/typewriter.js

@@ -1,6 +1,6 @@
 import { t as e } from "./_plugin-vue_export-helper-C1je1s0u.js";
 import { Fragment as t, computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, normalizeClass as s, onMounted as c, onUnmounted as l, openBlock as u, ref as d, renderList as f, toDisplayString as p, unref as m, watch as h } from "vue";
-//#region src/components/custom/typewriter/types.ts
+//#region src/components/typewriter/types.ts
 var g = {
 	ngramSize: {
 		min: 1,
@@ -358,7 +358,7 @@ function E(e) {
 	throw Error("[typewriter:weighted-pool] pool exhausted without selection — invariant violation; ADJACENCY_MAP integrity check needed.");
 }
 //#endregion
-//#region src/components/custom/typewriter/utils/pausePatterns.ts
+//#region src/components/typewriter/utils/pausePatterns.ts
 var D = {
 	sentenceEnd: {
 		min: 400,
@@ -390,7 +390,7 @@ var D = {
 	"?"
 ].includes(e) && t === " " ? O(n.sentenceEnd.min, n.sentenceEnd.max) : e === "," && t === " " ? O(n.commaBreak.min, n.commaBreak.max) : [":", ";"].includes(e) && t === " " ? O(n.colonPause.min, n.colonPause.max) : e === "-" && t === " " ? O(n.dashPause.min, n.dashPause.max) : e === " " && Math.random() < .3 ? O(n.wordBoundary.min, n.wordBoundary.max) : Math.random() < .05 ? O(n.thinkingPause.min, n.thinkingPause.max) : 0;
 //#endregion
-//#region src/components/custom/typewriter/utils/timing.ts
+//#region src/components/typewriter/utils/timing.ts
 function A() {
 	let e = /* @__PURE__ */ new Set(), t = !1;
 	return {
@@ -448,7 +448,7 @@ function I() {
 	return typeof window > "u" ? !1 : window.matchMedia?.("(prefers-reduced-motion: reduce)").matches ?? !1;
 }
 //#endregion
-//#region src/components/custom/typewriter/utils/typoStateMachine.ts
+//#region src/components/typewriter/utils/typoStateMachine.ts
 var L = {
 	maxCharsBeforeNotice: 4,
 	continueAfterTypoProbability: .6,
@@ -596,7 +596,7 @@ function G(e, t) {
 	};
 }
 //#endregion
-//#region src/components/custom/typewriter/composables/useTypewriter.ts
+//#region src/components/typewriter/composables/useTypewriter.ts
 function K(e) {
 	let t = {
 		...g,
@@ -729,7 +729,7 @@ function K(e) {
 	};
 }
 //#endregion
-//#region src/components/custom/typewriter/TypewriterText.vue?vue&type=script&setup=true&lang.ts
+//#region src/components/typewriter/TypewriterText.vue?vue&type=script&setup=true&lang.ts
 var q = { class: "tw-root" }, J = ["onClick"], Y = {
 	key: 0,
 	class: "tw-tail"
@@ -855,6 +855,6 @@ var q = { class: "tw-root" }, J = ["onClick"], Y = {
 			class: s(["tw-cursor", { "tw-cursor--blink": e.cursorBlink && !m(v).isTyping.value }])
 		}, p(e.cursorChar), 3)) : r("", !0)]))]));
 	}
-}), [["__scopeId", "data-v-40e78439"]]);
+}), [["__scopeId", "data-v-3d7bf1c3"]]);
 //#endregion
 export { g as DEFAULTS, L as DEFAULT_TYPO_CONFIG, D as PAUSE_PATTERNS, _ as QWERTY_MAP, X as TypewriterText, N as backspaceDelay, v as calculateKeyDelay, A as createCancellationToken, R as createTypoContext, T as getAdjacentKeys, k as getPauseDelay, z as nextTypoAction, P as pickNgramSize, E as pickTypoChar, I as prefersReducedMotion, F as randomInRange, j as sleep, M as stochasticDelay, K as useTypewriter };

package/dist/useAccentTone-D25DxviG.js

@@ -0,0 +1,23 @@
+import { computed as e, ref as t, toValue as n } from "vue";
+//#region src/composables/color/useAccentTone.ts
+var r = /* @__PURE__ */ new Map(), i = (e, t) => `${e}|${t.surface ?? ""}|${t.inkContrast ?? ""}|${t.bandStrength ?? ""}|${t.fillStrength ?? ""}`;
+function a(a, o = {}) {
+	let s = t(0), c = e(() => {
+		s.value;
+		let e = n(a) || "var(--primary)";
+		if (/var\(/.test(e)) return "";
+		let t = i(e, o), c = r.get(t);
+		return c === void 0 ? (import("./accent-tone-solve-CBw3L0cy.js").then(({ solveAccentInk: n }) => {
+			r.set(t, n(e, o)), s.value++;
+		}), "") : c;
+	});
+	return {
+		toneStyle: e(() => {
+			let e = { "--tone": n(a) || "var(--primary)" }, t = c.value;
+			return t && (e["--accent-ink-resolved"] = t), e;
+		}),
+		ink: c
+	};
+}
+//#endregion
+export { a as t };

package/dist/useAnimatedNumber-2XC4aRB6.js

@@ -0,0 +1,40 @@
+import { n as e, t } from "./constants-D8lSMkOz.js";
+import { getCurrentScope as n, onScopeDispose as r, readonly as i, ref as a, shallowRef as o, toValue as s, watch as c } from "vue";
+import { SmoothProgress as l } from "@mkbabb/keyframes.js";
+//#region src/composables/motion/useAnimatedNumber.ts
+function u(e) {
+	return Math.max(0, Math.min(100, e));
+}
+function d(d, f = {}) {
+	let p = f.mode ?? "absolute", m = p === "progress" ? (e) => u(e) / 100 : (e) => e, h = p === "progress" ? (e) => e * 100 : (e) => e, g = p === "progress" ? u(f.initial ?? 0) : f.initial ?? 0, _ = m(g), v = a(g), y = a(!1), b = p === "progress" ? t.domProgress : t.domHero, x = p === "progress" ? e.domProgress : e.dom, S = p === "progress" ? (f.snapThreshold ?? x) / 100 : f.snapThreshold ?? x, C = o(new l({
+		damping: f.damping ?? b,
+		snapThreshold: S,
+		targetEpsilon: p === "progress" ? (f.targetEpsilon ?? 0) / 100 : f.targetEpsilon ?? 0,
+		initial: _,
+		clamp: p === "progress" ? !0 : f.clamp ?? !1,
+		respectReducedMotion: f.respectReducedMotion !== !1
+	}));
+	C.value.play((e) => {
+		v.value = h(e), y.value = !C.value.settled, f.onValue?.(v.value);
+	});
+	let w = c(() => s(d), (e) => {
+		e != null && C.value.setTarget(m(e));
+	}, { immediate: !0 });
+	function T() {
+		w(), C.value.stop(), y.value = !1;
+	}
+	return n() && r(T), {
+		current: i(v),
+		isAnimating: i(y),
+		snap: () => {
+			C.value.snap(), v.value = h(C.value.current), y.value = !1;
+		},
+		reset: (e) => {
+			let t = e ?? 0;
+			C.value.reset(m(t)), v.value = h(C.value.current), y.value = !1;
+		},
+		dispose: T
+	};
+}
+//#endregion
+export { d as t };

package/dist/useConfiguratorState-Dq35N_7t.js

@@ -0,0 +1,167 @@
+import { t as e } from "./class-names-5jotTFzp.js";
+import { t } from "./FadingScroll-BSRLqQCx.js";
+import { i as n } from "./ConfiguratorRow-BV6zPjTM.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, withModifiers as S } from "vue";
+//#region src/components/configurator/Configurator.vue?vue&type=script&setup=true&lang.ts
+var C = ["data-aside-side", "data-gallery"], w = {
+	key: 0,
+	"data-gallery-dock": "",
+	class: "configurator-presets shrink-0 px-3 py-2"
+}, T = [
+	"data-active",
+	"aria-pressed",
+	"onClick"
+], E = { class: "configurator-stage relative min-h-0 min-w-0 overflow-hidden" }, D = { class: "flex flex-col" }, O = {
+	key: 1,
+	class: "configurator-controls flex-1 min-h-0 overflow-visible"
+}, k = { class: "flex flex-col" }, A = {
+	key: 2,
+	class: "configurator-footer shrink-0 border-t px-3 py-2"
+}, j = /* @__PURE__ */ u({
+	__name: "Configurator",
+	props: {
+		presets: {},
+		activePreset: {},
+		layers: {},
+		activeLayer: {},
+		scrollMode: { default: "auto" },
+		size: { default: "md" },
+		asideSide: { default: "right" },
+		galleryPlacement: { default: "aside" },
+		asideWidth: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	emits: [
+		"select-preset",
+		"select-layer",
+		"reset"
+	],
+	setup(u, { emit: m }) {
+		let h = u;
+		n(i(() => h.size));
+		let y = m, j = i(() => e("configurator glass-floating rounded-panel border border-border/60 overflow-hidden", "grid grid-cols-1", "grid-rows-[auto_minmax(var(--configurator-stage-min,18rem),auto)_minmax(0,1fr)]", "min-h-0", h.class)), M = i(() => {
+			let e = {
+				"--radius-ctx": "var(--radius-panel)",
+				"--radius-inset": "var(--configurator-pad-inline)"
+			};
+			if (h.asideWidth != null) {
+				let [t, n] = Array.isArray(h.asideWidth) ? h.asideWidth : [h.asideWidth, h.asideWidth];
+				e["--configurator-aside-min"] = t, e["--configurator-aside-max"] = n;
+			}
+			return e;
+		}), N = i(() => h.asideSide === "left" ? "lg:border-r lg:border-l-0" : "lg:border-l"), P = i(() => h.scrollMode !== "never");
+		return (n, i) => (p(), s("section", {
+			"data-slot": "configurator",
+			"data-aside-side": u.asideSide,
+			"data-gallery": u.galleryPlacement,
+			class: d(j.value),
+			style: f(M.value)
+		}, [
+			n.$slots.presets || u.presets && u.presets.length > 0 ? (p(), s("div", w, [_(n.$slots, "presets", {
+				presets: u.presets,
+				activePreset: u.activePreset
+			}, () => [l(b(t), {
+				axis: "x",
+				class: "configurator-gallery-track flex gap-2 scrollbar-hidden",
+				role: "group",
+				"aria-label": "Presets"
+			}, {
+				default: x(() => [(p(!0), s(r, null, g(u.presets, (t) => (p(), s("button", {
+					key: t.key,
+					type: "button",
+					"data-preset-tile": "",
+					"data-active": t.key === u.activePreset || void 0,
+					"aria-pressed": t.key === u.activePreset,
+					class: d(b(e)("configurator-preset-chip glass-capsule glass-capsule-hover shadow-cartoon focus-ring shrink-0 px-3 py-1 text-xs font-medium text-foreground", t.key === u.activePreset && "is-active")),
+					onClick: S((e) => y("select-preset", t.key), ["stop"])
+				}, v(t.label), 11, T))), 128))]),
+				_: 1
+			})])])) : o("", !0),
+			c("div", E, [_(n.$slots, "stage")]),
+			c("aside", { class: d(b(e)("configurator-aside flex min-h-0 min-w-0 flex-col border-t lg:border-t-0", N.value)) }, [P.value ? (p(), a(b(t), {
+				key: 0,
+				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", D, [_(n.$slots, "default")])])]),
+				_: 3
+			})) : (p(), s("div", O, [_(n.$slots, "controls", {
+				layers: u.layers,
+				activeLayer: u.activeLayer,
+				selectLayer: (e) => y("select-layer", e)
+			}, () => [c("div", k, [_(n.$slots, "default")])])])), n.$slots.footer ? (p(), s("div", A, [_(n.$slots, "footer", { reset: () => y("reset") })])) : o("", !0)], 2)
+		], 14, C));
+	}
+});
+//#endregion
+//#region src/components/configurator/useConfiguratorState.ts
+function M(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 N(e, t) {
+	return JSON.stringify(e) === JSON.stringify(t);
+}
+function P(e) {
+	let t = e.clone ?? M, n = e.equals ?? N, 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 { j as n, P as t };

package/dist/useControlSize-DJwe-7ZQ.js

@@ -0,0 +1,9 @@
+//#region src/components/_shared/useControlSize.ts
+function e(e = "md") {
+	return e === "sm" ? "[--control-pill-h:var(--control-h-sm)] [--control-pill-text:var(--control-text-sm)]" : e === "lg" ? "[--control-pill-h:var(--control-h-lg)]" : "";
+}
+function t(e = "md") {
+	return e === "sm" ? "[--switch-track-h:calc(var(--control-h-sm)*0.6)]" : e === "lg" ? "[--switch-track-h:calc(var(--control-h-lg)*0.6)]" : "";
+}
+//#endregion
+export { t as n, e as t };

package/dist/useDockCtaReceive-BgMmeINo.js

@@ -0,0 +1,161 @@
+import { n as e } from "./springPresets-h5VKJQqG.js";
+import { onScopeDispose as t, readonly as n, ref as r } from "vue";
+import { ElementMorph as i, springTimingFunction as a } from "@mkbabb/keyframes.js";
+//#region src/composables/motion/useElementMorph.ts
+function o(e) {
+	if (!e) return null;
+	if (e instanceof HTMLElement) return e;
+	let t = e.$el;
+	return t instanceof HTMLElement ? t : null;
+}
+function s(e) {
+	return {
+		x: e.x + e.width * .04,
+		y: e.y + e.height * .04,
+		width: e.width * .92,
+		height: e.height * .92
+	};
+}
+function c(e) {
+	let t = e.style.transitionProperty;
+	return e.style.transitionProperty = "none", () => {
+		e.style.transitionProperty = t;
+	};
+}
+function l() {
+	return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+var u = (e) => e < 0 ? 0 : e > 1 ? 1 : e, d = (e) => ({
+	x: e.x,
+	y: e.y,
+	width: e.width,
+	height: e.height
+});
+function f(f, p = {}) {
+	let m = p.respectReducedMotion !== !1, h = p.direction ?? "in", g = p.channels?.opacity !== !1, _ = p.channels?.blur ?? 0, v = p.origin ?? "to", { response: y, dampingFraction: b } = e(p.preset ?? "snappy"), x = a({
+		response: y,
+		dampingFraction: b
+	}), S = y * 4 * 1e3, C = r(!1), w = r(0), T = null, E = 0, D = 0, O = null;
+	function k() {
+		E && typeof cancelAnimationFrame == "function" && cancelAnimationFrame(E), E = 0;
+	}
+	function A(e) {
+		let t = e ?? o(f.value);
+		t && (t.style.transform = "", t.style.transformOrigin = "", t.style.opacity = "", t.style.filter = "");
+	}
+	function j() {
+		k(), T = null, O?.(), O = null, C.value = !1;
+	}
+	function M(e) {
+		let t = d(e.getBoundingClientRect()), n = (e) => {
+			if (e === void 0 || e === "self") return t;
+			let n = o(e.value);
+			return n ? d(n.getBoundingClientRect()) : s(t);
+		}, r = n(p.from ?? "self"), i = n(p.to), a;
+		return a = v === "center" ? "center center" : v === "from" ? `${r.x - t.x}px ${r.y - t.y}px` : v === "to" ? `${i.x - t.x}px ${i.y - t.y}px` : v, {
+			from: r,
+			to: i,
+			origin: a
+		};
+	}
+	function N(e, t) {
+		let n = h === "in" ? 1 - t : t;
+		if (T?.apply(e, n), g && (e.style.opacity = u(1 - n).toFixed(4)), _ > 0) {
+			let t = _ * Math.max(0, n);
+			e.style.filter = `blur(${t.toFixed(2)}px)`;
+		}
+	}
+	function P(e) {
+		A(e), g && (e.style.opacity = h === "in" ? "1" : "0"), T = null, E = 0, O?.(), O = null, w.value = 1, C.value = !1, p.onSettled?.();
+	}
+	function F(e) {
+		let t = o(f.value);
+		if (!t || E) return;
+		let n = M(t), r = new i(n.from, n.to, { transformOrigin: n.origin }), a = h === "in" ? 1 - e : e;
+		r.apply(t, a);
+	}
+	function I() {
+		let e = o(f.value);
+		if (!e) return;
+		j();
+		let t = M(e);
+		if (C.value = !0, w.value = 0, m && l()) {
+			P(e);
+			return;
+		}
+		O = c(e), T = new i(t.from, t.to, { transformOrigin: t.origin }), D = 0;
+		let n = (t) => {
+			if (!T || !o(f.value)) {
+				j();
+				return;
+			}
+			D === 0 && (D = t);
+			let r = Math.min(1, (t - D) / S), i = x.fn(r);
+			w.value = u(i), N(e, i), p.onFrame?.(u(i)), r < 1 && typeof requestAnimationFrame == "function" ? E = requestAnimationFrame(n) : P(e);
+		};
+		typeof requestAnimationFrame == "function" ? E = requestAnimationFrame(n) : P(e);
+	}
+	return t(j), {
+		play: I,
+		cancel: j,
+		clear: A,
+		seat: F,
+		playing: n(C),
+		progress: n(w)
+	};
+}
+//#endregion
+//#region src/composables/motion/useDockCtaReceive.ts
+function p(e, t) {
+	let i = t.respectReducedMotion !== !1, a = r(!1);
+	function s() {
+		let e = o(t.dockControl.value);
+		e && (e.setAttribute("data-cta-pending", ""), a.value = !0);
+	}
+	function c() {
+		a.value = !1;
+		let e = o(t.dockControl.value);
+		e && e.removeAttribute("data-cta-pending");
+	}
+	function u() {
+		c(), t.onReceived?.();
+	}
+	let d = f(e, {
+		direction: "out",
+		to: t.dockControl,
+		origin: "center",
+		preset: t.preset ?? "snappy",
+		respectReducedMotion: t.respectReducedMotion,
+		channels: {
+			opacity: !0,
+			blur: t.blur ?? 4
+		},
+		onSettled: u
+	});
+	function p() {
+		let n = o(e.value);
+		if (n) {
+			if (!o(t.dockControl.value)) {
+				n.style.opacity = "0", u();
+				return;
+			}
+			if (i && l()) {
+				d.clear(n), n.style.opacity = "0", u();
+				return;
+			}
+			d.play();
+		}
+	}
+	function m() {
+		d.cancel(), d.clear(o(e.value));
+	}
+	return {
+		receive: p,
+		reset: m,
+		setPending: s,
+		clearPending: c,
+		pending: n(a)
+	};
+}
+//#endregion
+export { l as a, c as i, o as n, f as o, s as r, p as t };

package/dist/useDocumentVisibility-CpJGUgcJ.js

@@ -0,0 +1,17 @@
+import { getCurrentScope as e, onScopeDispose as t, ref as n } from "vue";
+//#region src/composables/dom/useDocumentVisibility.ts
+function r() {
+	return typeof document > "u" ? null : document;
+}
+function i() {
+	let i = r(), a = n(!!i?.hidden);
+	if (!i) return { hidden: a };
+	let o = () => {
+		a.value = !!i.hidden;
+	};
+	return i.addEventListener("visibilitychange", o), e() && t(() => {
+		i.removeEventListener("visibilitychange", o);
+	}), { hidden: a };
+}
+//#endregion
+export { i as t };

package/dist/useDragMorph-65ihHePq.js

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

package/dist/useDragVelocity-BWcNMCux.js

@@ -0,0 +1,57 @@
+import { onMounted as e, onScopeDispose as t, readonly as n, ref as r } from "vue";
+//#region src/composables/dom/useDragVelocity.ts
+function i() {
+	return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+}
+function a(a) {
+	let o = () => typeof a.axis == "function" ? a.axis() : a.axis ?? "x", s = a.gain ?? .06, c = a.clamp ?? .7, l = a.respectReducedMotion !== !1, u = r(!1), d = 0, f = 0, p = 0, m = 0, h = !1, g = 0;
+	function _(e) {
+		let t = a.host();
+		t && t.style.setProperty("--atom-drag-v", `${e}`);
+	}
+	function v(e) {
+		let t = Math.tanh(s * Math.abs(e));
+		return t > c ? c : t;
+	}
+	function y(e) {
+		if (!h) {
+			d = 0;
+			return;
+		}
+		let t = p ? e - p : 16.7;
+		p = e;
+		let n = v(g / t * 16.7);
+		m = m * .65 + n * .35, g *= .6, _(Number(m.toFixed(4))), d = requestAnimationFrame(y);
+	}
+	function b(e) {
+		if (!h) return;
+		let t = o() === "y" ? e.clientY : e.clientX;
+		g += t - f, f = t;
+	}
+	function x(e) {
+		if (h = !0, u.value = !0, f = o() === "y" ? e.clientY : e.clientX, p = 0, g = 0, m = 0, l && i()) {
+			_(0);
+			return;
+		}
+		typeof window < "u" && window.addEventListener("pointermove", b, { passive: !0 }), d ||= requestAnimationFrame(y);
+	}
+	function S() {
+		h = !1, u.value = !1, d &&= (cancelAnimationFrame(d), 0), typeof window < "u" && window.removeEventListener("pointermove", b), m = 0, g = 0, _(0);
+	}
+	function C() {
+		h && S();
+	}
+	let w = null;
+	e(() => {
+		w = a.host(), w && w.addEventListener("pointerdown", x);
+	}), typeof window < "u" && (window.addEventListener("pointerup", C), window.addEventListener("pointercancel", C));
+	function T() {
+		S(), w?.removeEventListener("pointerdown", x), w = null, typeof window < "u" && (window.removeEventListener("pointerup", C), window.removeEventListener("pointercancel", C));
+	}
+	return t(T), {
+		dragging: n(u),
+		detach: T
+	};
+}
+//#endregion
+export { a as t };