@mkbabb/glass-ui 7.0.0 → 8.0.0

package/dist/motion.js

@@ -1,208 +1,190 @@
-import { n as e } from "./useReducedMotion-vCXA_vyM.js";
+import { t as e } from "./asElement-CRnm6A2v.js";
 import { t } from "./useSpring-9u2_shxV.js";
-import { n, t as r } from "./springPresets-rCii5KqX.js";
-import { t as i } from "./useLiquidPress-BOxuDkKa.js";
-import { t as a } from "./useSpringMount-uQ8QL9Ff.js";
-import { n as o, t as s } from "./constants-nBz23tJE.js";
-import { t as c } from "./asElement-CRnm6A2v.js";
-import { i as l, n as u, r as d, t as f } from "./useDragMorph-BogSV_nv.js";
-import { n as p, t as m } from "./useDockCtaReceive-DkrOTM0q.js";
-import { t as h } from "./useAnimatedNumber-WPtMz0AN.js";
-import { computed as g, onBeforeUnmount as _, onScopeDispose as v, ref as y, shallowRef as b, watch as x } from "vue";
-import { NumericAnimation as S } from "@mkbabb/keyframes.js";
+import { n, t as r } from "./springPresets-Cbe0Voqg.js";
+import { t as i } from "./useLiquidPress-h1scrPtP.js";
+import { t as a } from "./useSpringMount-OA-0mTNv.js";
+import { n as o, r as s, t as c } from "./constants-Dk96HZHu.js";
+import { i as l, n as u, r as d, t as f } from "./useDragMorph-B363RUbF.js";
+import { n as p, t as m } from "./useDockCtaReceive-BSSgD6mu.js";
+import { computed as h, getCurrentScope as g, onScopeDispose as _, readonly as v, ref as y, shallowRef as b, toValue as x, watch as S } from "vue";
+import { SmoothProgress as C } from "@mkbabb/keyframes.js";
 //#region src/composables/motion/reveal/useLiquidReveal.ts
-function C(e, t = {}) {
-	let n = l(e, {
-		source: t.trigger ?? "self",
+function w(t, n = {}) {
+	let r = l(t, {
+		source: n.trigger ?? "self",
 		destination: "self",
-		preset: t.preset ?? "snappy",
-		respectReducedMotion: t.respectReducedMotion,
+		preset: n.preset ?? "bloom",
+		respectReducedMotion: n.respectReducedMotion,
 		channels: {
 			opacity: !0,
-			blur: t.blur ?? 4
+			blur: n.blur ?? 4
 		}
 	});
 	return {
-		reveal: n.play,
+		reveal: r.play,
 		conceal() {
-			n.cancel(), n.clear(c(e.value));
+			r.cancel(), r.clear(e(t.value));
 		}
 	};
 }
-function w(e) {
-	let t = e ?? 8;
-	return Number.isFinite(t) ? Math.min(8, Math.max(0, t)) : 8;
-}
-function T(e, t) {
-	if (t?.value) return t.value;
-	let n = e.parentElement;
-	for (; n;) {
-		if (n.hasAttribute("data-glass-field")) return n;
-		n = n.parentElement;
-	}
-	return e.parentElement;
-}
-function E(e, t) {
-	if (t && t.trim() && t.trim() !== "transparent") return t.trim();
-	if (!e || typeof getComputedStyle != "function") return null;
-	let n = getComputedStyle(e).getPropertyValue("--glass-ambient-hue").trim();
-	return !n || n === "transparent" ? null : n;
-}
-function D(e, t) {
-	e.style.setProperty("--glass-ambient-hue", t);
-}
-function O(e, t) {
-	e.style.setProperty("--glass-ambient-strength", `${t.toFixed(3)}%`);
-}
-function k(e) {
-	e && (e.style.setProperty("--glass-ambient-strength", "0%"), e.style.removeProperty("--glass-ambient-hue"));
-}
 //#endregion
-//#region src/composables/motion/reveal/useBloomUp.ts
-function A(e, t, n = {}) {
-	let r = w(n.fieldStrength), i = null, a = null, o = l(t, {
-		source: e,
-		destination: "self",
-		channels: {
-			opacity: !0,
-			blur: n.blur ?? 4
-		},
-		preset: n.preset ?? "snappy",
-		respectReducedMotion: n.respectReducedMotion,
-		onFrame(e) {
-			i && a && O(i, r * e);
-		},
-		onSettled() {
-			i && a && O(i, r), n.onBloomed?.();
-		}
-	});
-	function s() {
-		k(i), i = null, a = null;
-	}
-	function c() {
-		let r = t.value;
-		r && (s(), i = T(r, n.field), a = E(e.value, n.fieldHue), i && a && D(i, a), o.play());
-	}
-	function u() {
-		let e = t.value;
-		!e || o.playing.value || (e.style.opacity = "0", o.seat(0));
-	}
-	function d() {
-		o.cancel(), o.clear(), s();
-	}
-	return n.autoPrime !== !1 && x(t, (e) => {
-		e && !o.playing.value && u();
-	}, { flush: "pre" }), v(s), {
-		bloom: c,
-		reset: d,
-		prime: u,
-		blooming: o.playing
-	};
+//#region src/composables/motion/number/useAnimatedNumber.ts
+function T(e) {
+	return Math.max(0, Math.min(100, e));
 }
-//#endregion
-//#region src/composables/motion/number/useNumericTransition.ts
-function j(e) {
-	let t = y(0), n = y(!1), { from: r, to: i, duration: a, timingFunction: o, onFrame: s, respectReducedMotion: c = !0 } = e, l = b(new S([r, i], {
-		duration: a,
-		timingFunction: o,
-		respectReducedMotion: c
+function E(e, t = {}) {
+	let n = t.mode ?? "absolute", r = n === "progress" ? (e) => T(e) / 100 : (e) => e, i = n === "progress" ? (e) => e * 100 : (e) => e, a = n === "progress" ? T(t.initial ?? 0) : t.initial ?? 0, o = r(a), l = y(a), u = y(!1), d = n === "progress" ? c.domProgress : c.domHero, f = n === "progress" ? s.domProgress : s.dom, p = n === "progress" ? (t.snapThreshold ?? f) / 100 : t.snapThreshold ?? f, m = b(new C({
+		damping: t.damping ?? d,
+		snapThreshold: p,
+		targetEpsilon: n === "progress" ? (t.targetEpsilon ?? 0) / 100 : t.targetEpsilon ?? 0,
+		initial: o,
+		clamp: n === "progress" ? !0 : t.clamp ?? !1,
+		respectReducedMotion: t.respectReducedMotion !== !1
 	}));
-	async function u() {
-		n.value && l.value.stop(), n.value = !0, t.value = 0;
-		try {
-			await l.value.play((e) => {
-				s?.(e);
-				let n = Object.keys(r);
-				if (n.length > 0) {
-					let a = n[0], o = i[a] - r[a];
-					if (o !== 0) {
-						let n = e[a] - r[a];
-						t.value = Math.max(0, Math.min(1, n / o));
-					}
-				}
-			}), t.value = 1;
-		} finally {
-			n.value = !1;
-		}
-	}
-	function d() {
-		l.value.stop(), n.value = !1;
+	m.value.play((e) => {
+		l.value = i(e), u.value = !m.value.settled, t.onValue?.(l.value);
+	});
+	let h = S(() => x(e), (e) => {
+		e != null && m.value.setTarget(r(e));
+	}, { immediate: !0 });
+	function w() {
+		h(), m.value.stop(), u.value = !1;
 	}
-	return _(() => {
-		d();
-	}), {
-		start: u,
-		stop: d,
-		progress: t,
-		playing: n
+	return g() && _(w), {
+		current: v(l),
+		isAnimating: v(u),
+		snap: () => {
+			m.value.snap(), l.value = i(m.value.current), u.value = !1;
+		},
+		reset: (e) => {
+			let t = e ?? 0;
+			m.value.reset(r(t)), l.value = i(m.value.current), u.value = !1;
+		},
+		dispose: w
 	};
 }
 //#endregion
 //#region src/composables/motion/number/useAnimatedNumberMap.ts
-function M(e) {
+function D(e) {
 	let { keys: t, source: n, ...r } = e, i = {};
 	for (let e of t) {
-		let t = n(e), { current: a } = h(() => t.value, r);
-		i[e] = g(() => t.value === null ? null : a.value);
+		let t = n(e), { current: a } = E(() => t.value, r);
+		i[e] = h(() => t.value === null ? null : a.value);
 	}
 	return i;
 }
 //#endregion
-//#region src/composables/motion/number/useCountup.ts
-function N(t, n) {
-	let { easeFn: r, skip: i } = n, a = e(), o = /* @__PURE__ */ new Map(), s = /* @__PURE__ */ new Map();
-	function c(e) {
-		let t = s.get(e);
-		t !== void 0 && (clearTimeout(t), s.delete(e));
-		let n = o.get(e);
-		n && (n.stop(), o.delete(e));
+//#region src/composables/motion/engage/engageEnvelopes.ts
+var O = {
+	minMs: 40,
+	maxMs: 60
+}, k = 150, A = [
+	{
+		role: "press-drain",
+		attackMs: 55,
+		releaseMs: 120,
+		rider: "the perch charge",
+		comment: "A felt cancel — the charge drains rather than cutting, so an abandoned press reads as released, not as never-seen."
+	},
+	{
+		role: "medium-exit",
+		attackMs: 55,
+		releaseMs: 160,
+		rider: "the ambient lens",
+		comment: "The world un-softens after a recruited medium lets go; the backdrop returns slower than it yielded."
+	},
+	{
+		role: "control-engage",
+		attackMs: 60,
+		releaseMs: 180,
+		rider: "the frosted control wash",
+		comment: "The engagement wash and bloom on a control surface, cooling well after the finger leaves."
+	},
+	{
+		role: "signal-decay",
+		attackMs: 40,
+		releaseMs: 220,
+		rider: "the level meter",
+		comment: "A level DRAINS, never vanishes — the slowest release in the register, because a signal that cuts reads as a dropped connection."
 	}
-	function l(e) {
-		e.querySelectorAll("[data-countup]").forEach((e) => {
-			let t = parseFloat(e.getAttribute("data-countup") ?? "0") || 0, n = parseFloat(e.getAttribute("data-countup-dur") ?? "1200"), i = parseFloat(e.getAttribute("data-countup-delay") ?? "0");
-			if (c(e), a.value) {
-				e.textContent = String(t);
-				return;
-			}
-			e.textContent = "0";
-			let l = new S([{ v: 0 }, { v: t }], {
-				duration: n,
-				timingFunction: r
-			});
-			o.set(e, l);
-			let u = () => {
-				o.get(e) === l && (s.delete(e), l.play((t) => {
-					e.textContent = String(Math.round(t.v));
-				}).then(() => {
-					o.get(e) === l && (e.textContent = String(t), o.delete(e));
-				}));
-			};
-			i > 0 ? s.set(e, setTimeout(u, i)) : u();
-		});
-	}
-	function u() {
-		if (i?.()) return;
-		let e = t.value?.querySelector("[data-state=\"active\"]");
-		e && l(e);
-	}
-	function d() {
-		document.querySelectorAll("[data-countup]").forEach((e) => {
-			c(e), e.textContent = e.getAttribute("data-countup") ?? e.textContent;
-		});
-	}
-	function f() {
-		for (let e of [...o.keys()]) c(e);
+];
+function j(e) {
+	let t = A.find((t) => t.role === e);
+	if (!t) throw Error(`Unknown engage envelope: ${e}`);
+	return t;
+}
+function M(e) {
+	return j(e).attackMs * Math.LN10;
+}
+//#endregion
+//#region src/composables/motion/engage/engageLadder.ts
+var N = 2, P = 1.08, F = {
+	geometry: "faster-than-entry",
+	light: "slower-than-entry"
+}, I = [
+	{
+		rung: "rest",
+		rank: null,
+		worldLagRank: null,
+		spring: null,
+		envelope: null,
+		channels: ["light"],
+		pointerFine: !1,
+		singleton: !1,
+		comment: "The floor, not a loop — a control at rest answers the pointer field through its material and reports its state truthfully; it runs no idle animation."
+	},
+	{
+		rung: "hover",
+		rank: 0,
+		worldLagRank: null,
+		spring: "press",
+		envelope: "control-engage",
+		channels: ["geometry", "luminance"],
+		pointerFine: !0,
+		singleton: !1,
+		comment: "The pointer's acknowledgement — one ladder rung up and a light answer inside the acknowledge window; it does not exist on a coarse pointer."
+	},
+	{
+		rung: "press",
+		rank: 0,
+		worldLagRank: null,
+		spring: "press",
+		envelope: "press-drain",
+		channels: ["geometry", "luminance"],
+		pointerFine: !1,
+		singleton: !1,
+		comment: "The finger's answer — the squish and the light that acknowledges it, never a positional rebound; the drain makes an abandoned press read as released."
+	},
+	{
+		rung: "engaged",
+		rank: 0,
+		worldLagRank: 6,
+		spring: "dock",
+		envelope: "control-engage",
+		channels: ["geometry", "blur"],
+		pointerFine: !1,
+		singleton: !0,
+		comment: "The control promoted out of its own footprint — it grows into a temporary overlay of itself while its rest footprint stays visible beneath, and the world recedes behind the focus veil."
+	},
+	{
+		rung: "modal",
+		rank: 0,
+		worldLagRank: 2,
+		spring: "present",
+		envelope: null,
+		channels: ["geometry", "blur"],
+		pointerFine: !1,
+		singleton: !1,
+		comment: "The plate is presented — born from its anchor edge with the volume-preserving squish, its content condensing to crisp exactly at settle."
 	}
-	let p = x(a, (e) => {
-		if (e) for (let e of [...o.keys()]) c(e), e.textContent = e.getAttribute("data-countup") ?? e.textContent;
-	}, { flush: "sync" });
-	return v(() => {
-		p(), f();
-	}), {
-		runActive: u,
-		settle: d,
-		cancel: f
-	};
+];
+function L(e) {
+	let t = I.find((t) => t.rung === e);
+	if (!t) throw Error(`Unknown engage rung: ${e}`);
+	return t;
+}
+function R(e) {
+	return I.filter((t) => t.envelope === e);
 }
 //#endregion
-export { s as DAMPING, m as DOCK_CTA_RECEIVE_BANDS, o as SNAP_THRESHOLD, r as SPRING_PRESETS, c as asElement, u as lockSpatialTransition, d as prefersReducedMotion, n as springPreset, h as useAnimatedNumber, M as useAnimatedNumberMap, A as useBloomUp, N as useCountup, p as useDockCtaReceive, f as useDragMorph, l as useElementMorph, i as useLiquidPress, C as useLiquidReveal, j as useNumericTransition, t as useSpring, a as useSpringMount };
+export { k as ACKNOWLEDGE_WINDOW_MS, N as CHANNEL_BUDGET, c as DAMPING, m as DOCK_CTA_RECEIVE_BANDS, O as ENGAGE_ATTACK_CLASS, A as ENGAGE_ENVELOPES, I as ENGAGE_LADDER, o as FRAME_MS, P as HOVER_GEOMETRY_BUDGET, F as LADDER_EXIT_LAW, s as SNAP_THRESHOLD, r as SPRING_PRESETS, e as asElement, M as engageAttackT90Ms, j as engageEnvelope, L as engageRung, u as lockSpatialTransition, d as prefersReducedMotion, R as rungsForEnvelope, n as springPreset, E as useAnimatedNumber, D as useAnimatedNumberMap, p as useDockCtaReceive, f as useDragMorph, l as useElementMorph, i as useLiquidPress, w as useLiquidReveal, t as useSpring, a as useSpringMount };

package/dist/music-staff.d.ts

@@ -0,0 +1 @@
+export * from "./components/music-staff/index.js";