@mkbabb/glass-ui 6.0.0 → 8.0.0

package/dist/useAnimatedNumber-BRVVaFFc.js

@@ -1,40 +0,0 @@
-import { n as e, t } from "./constants-DRZmNIY-.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/useControlSize-CFfOk8I-.js

@@ -1,9 +0,0 @@
-//#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-CK-RLASa.js

@@ -1,257 +0,0 @@
-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 = r(null), E = null, D = 0, O = 0, k = null;
-	function A() {
-		D && typeof cancelAnimationFrame == "function" && cancelAnimationFrame(D), D = 0;
-	}
-	function j(e) {
-		let t = e ?? o(f.value);
-		t && (t.style.transform = "", t.style.transformOrigin = "", t.style.opacity = "", t.style.filter = "");
-	}
-	function M() {
-		A(), E = null, k?.(), k = null, C.value = !1;
-	}
-	function N(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 P(e, t) {
-		let n = h === "in" ? 1 - t : t;
-		if (E?.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 F(e) {
-		j(e), g && (e.style.opacity = h === "in" ? "1" : "0"), E = null, D = 0, k?.(), k = null, w.value = 1, C.value = !1, p.onSettled?.();
-	}
-	function I(e) {
-		let t = o(f.value);
-		if (!t || D) return;
-		let n = N(t), r = new i(n.from, n.to, { transformOrigin: n.origin }), a = h === "in" ? 1 - e : e;
-		r.apply(t, a);
-	}
-	function L() {
-		let e = o(f.value);
-		if (!e) return;
-		M();
-		let t = N(e), n = t.from.x + t.from.width / 2, r = t.from.y + t.from.height / 2, a = t.to.x + t.to.width / 2, s = t.to.y + t.to.height / 2;
-		if (T.value = {
-			travelPx: Math.hypot(a - n, s - r),
-			scaleX: t.from.width > 0 ? t.to.width / t.from.width : 1,
-			scaleY: t.from.height > 0 ? t.to.height / t.from.height : 1,
-			durationMs: S
-		}, C.value = !0, w.value = 0, m && l()) {
-			F(e);
-			return;
-		}
-		k = c(e), E = new i(t.from, t.to, { transformOrigin: t.origin }), O = 0;
-		let d = (t) => {
-			if (!E || !o(f.value)) {
-				M();
-				return;
-			}
-			O === 0 && (O = t);
-			let n = Math.min(1, (t - O) / S), r = x.fn(n);
-			w.value = u(r), P(e, r), p.onFrame?.(u(r)), n < 1 && typeof requestAnimationFrame == "function" ? D = requestAnimationFrame(d) : F(e);
-		};
-		typeof requestAnimationFrame == "function" ? D = requestAnimationFrame(d) : F(e);
-	}
-	return t(M), {
-		play: L,
-		cancel: M,
-		clear: j,
-		seat: I,
-		playing: n(C),
-		progress: n(w),
-		measurement: n(T)
-	};
-}
-//#endregion
-//#region src/composables/motion/useDockCtaReceive.ts
-var p = {
-	fine: {
-		latencyFactor: [.9, 1.2],
-		travelPx: [16, 520],
-		scaleRatio: [.2, 1.4]
-	},
-	coarse: {
-		latencyFactor: [.9, 1.2],
-		travelPx: [16, 360],
-		scaleRatio: [.2, 1.4]
-	},
-	"reduced-motion": {
-		latencyFactor: [0, .017],
-		travelPx: [0, 0],
-		scaleRatio: [1, 1]
-	},
-	"no-target": {
-		latencyFactor: [0, .017],
-		travelPx: [0, 0],
-		scaleRatio: [1, 1]
-	}
-};
-function m(e, t) {
-	let i = t.respectReducedMotion !== !1, a = r(!1), s = r({
-		phase: "idle",
-		path: null,
-		run: 0,
-		interruptions: 0,
-		resets: 0,
-		startedAtMs: null,
-		settledAtMs: null,
-		handedOffAtMs: null,
-		completedAtMs: null,
-		latencyMs: null,
-		travelPx: 0,
-		scaleRatio: 1,
-		latencyBandMs: null,
-		travelBandPx: null,
-		scaleBand: null,
-		withinBand: null,
-		supportsReverse: !1
-	}), c = () => typeof performance < "u" ? performance.now() : Date.now(), u = (e, [t, n]) => e >= t && e <= n;
-	function d() {
-		let e = o(t.dockControl.value);
-		e && (e.setAttribute("data-cta-pending", ""), a.value = !0);
-	}
-	function m() {
-		a.value = !1;
-		let e = o(t.dockControl.value);
-		e && e.removeAttribute("data-cta-pending");
-	}
-	function h() {
-		s.value = {
-			...s.value,
-			phase: "handed-off",
-			handedOffAtMs: c()
-		}, m(), t.onReceived?.();
-		let e = c(), n = e - (s.value.startedAtMs ?? e), r = p[s.value.path ?? "fine"], i = _.measurement.value?.durationMs ?? 1920, a = [i * r.latencyFactor[0], i * r.latencyFactor[1]];
-		s.value = {
-			...s.value,
-			phase: "completed",
-			completedAtMs: e,
-			latencyMs: n,
-			latencyBandMs: a,
-			travelBandPx: r.travelPx,
-			scaleBand: r.scaleRatio,
-			withinBand: u(n, a) && u(s.value.travelPx, r.travelPx) && u(s.value.scaleRatio, r.scaleRatio)
-		};
-	}
-	function g() {
-		let e = _.measurement.value, t = s.value.path, n = t === "fine" || t === "coarse";
-		s.value = {
-			...s.value,
-			phase: "settled",
-			settledAtMs: c(),
-			travelPx: n ? e?.travelPx ?? 0 : 0,
-			scaleRatio: n && e ? Math.sqrt(Math.abs(e.scaleX * e.scaleY)) : 1
-		}, h();
-	}
-	let _ = f(e, {
-		direction: "out",
-		to: t.dockControl,
-		origin: "center",
-		preset: t.preset ?? "snappy",
-		respectReducedMotion: t.respectReducedMotion,
-		channels: {
-			opacity: !0,
-			blur: t.blur ?? 4
-		},
-		onSettled: g
-	});
-	function v() {
-		let n = o(e.value);
-		if (!n) return;
-		let r = _.playing.value, a = !!o(t.dockControl.value), u = a ? i && l() ? "reduced-motion" : typeof window < "u" && window.matchMedia?.("(pointer: coarse)").matches ? "coarse" : "fine" : "no-target";
-		if (s.value = {
-			...s.value,
-			phase: "receiving",
-			path: u,
-			run: s.value.run + 1,
-			interruptions: s.value.interruptions + Number(r),
-			startedAtMs: c(),
-			settledAtMs: null,
-			handedOffAtMs: null,
-			completedAtMs: null,
-			latencyMs: null,
-			travelPx: 0,
-			scaleRatio: 1,
-			latencyBandMs: null,
-			travelBandPx: p[u].travelPx,
-			scaleBand: p[u].scaleRatio,
-			withinBand: null
-		}, !a) {
-			n.style.opacity = "0", g();
-			return;
-		}
-		_.play();
-	}
-	function y() {
-		let t = _.playing.value;
-		_.cancel(), _.clear(o(e.value)), s.value = {
-			...s.value,
-			phase: "reset",
-			interruptions: s.value.interruptions + Number(t),
-			resets: s.value.resets + 1,
-			completedAtMs: null,
-			latencyMs: null,
-			withinBand: null
-		};
-	}
-	return {
-		receive: v,
-		reset: y,
-		setPending: d,
-		clearPending: m,
-		pending: n(a),
-		playing: _.playing,
-		progress: _.progress,
-		observables: n(s)
-	};
-}
-//#endregion
-export { c as a, s as i, m as n, l as o, o as r, f as s, p as t };

package/dist/useDocumentVisibility-YeBDGqtI.js

@@ -1,17 +0,0 @@
-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-7ygF9O0m.js

@@ -1,93 +0,0 @@
-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 };