@mkbabb/glass-ui 6.0.0 → 7.0.0

package/dist/menuRowClass-Nh7CtMON.js

@@ -0,0 +1,12 @@
+//#region src/components/_shared/menuRowClass.ts
+var e = [
+	"interactive-item glass-menu-row",
+	"relative flex w-full cursor-default select-none items-center py-1.5",
+	"text-dropdown outline-none",
+	"data-[disabled]:cursor-not-allowed data-[disabled]:pointer-events-none data-[disabled]:opacity-disabled"
+].join(" ");
+function t(t = "none") {
+	return `${e} ${t === "start" ? "pl-7 pr-2" : "px-2"}`;
+}
+//#endregion
+export { t };

package/dist/metric.d.ts

@@ -0,0 +1 @@
+export * from "./components/metric";

package/dist/metric.js

@@ -0,0 +1,192 @@
+import { t as e } from "./class-names-Cpy5eaBk.js";
+import { Fragment as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, defineComponent as c, normalizeClass as l, openBlock as u, renderSlot as d, resolveDynamicComponent as f, toDisplayString as p, unref as m } from "vue";
+//#region src/components/metric/coalesce-metric.ts
+function h(e, t = "—", n = !1) {
+	if (n) return {
+		display: "…",
+		empty: !1,
+		loading: !0
+	};
+	let r = e == null || typeof e == "string" && e.trim() === "" || typeof e == "number" && !Number.isFinite(e);
+	return {
+		display: r ? t : String(e),
+		empty: r,
+		loading: !1
+	};
+}
+//#endregion
+//#region src/components/metric/Metric.vue?vue&type=script&setup=true&lang.ts
+var g = [
+	"data-empty",
+	"data-loading",
+	"data-orientation",
+	"data-size",
+	"aria-busy"
+], _ = {
+	key: 0,
+	class: "metric__label"
+}, v = { class: "metric__reading" }, y = { class: "metric__value" }, b = {
+	key: 0,
+	class: "metric__unit"
+}, x = {
+	key: 1,
+	class: "metric__context"
+}, S = /* @__PURE__ */ c({
+	name: "Metric",
+	__name: "Metric",
+	props: {
+		size: { default: "md" },
+		orientation: { default: "inline" },
+		label: {},
+		context: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		value: {},
+		unit: {},
+		placeholder: {},
+		loading: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(r) {
+		let c = r, f = n(() => h(c.value, c.placeholder, c.loading));
+		return (n, c) => (u(), a("span", {
+			class: l(m(e)("metric", n.$props.class)),
+			"data-empty": f.value.empty || void 0,
+			"data-loading": f.value.loading || void 0,
+			"data-orientation": r.orientation,
+			"data-size": r.size,
+			"aria-busy": f.value.loading || void 0
+		}, [
+			n.$slots.label || r.label ? (u(), a("span", _, [d(n.$slots, "label", {}, () => [s(p(r.label), 1)])])) : i("", !0),
+			o("span", v, [o("span", y, [f.value.loading ? (u(), a(t, { key: 1 }, [s(p(f.value.display), 1)], 64)) : d(n.$slots, "value", {}, () => [s(p(f.value.display), 1)], void 0, 0)]), n.$slots.unit || r.unit ? (u(), a("span", b, [d(n.$slots, "unit", {}, () => [s(p(r.unit), 1)])])) : i("", !0)]),
+			n.$slots.context || r.context ? (u(), a("span", x, [d(n.$slots, "context", {}, () => [s(p(r.context), 1)])])) : i("", !0)
+		], 10, g));
+	}
+}), C = [
+	"data-empty",
+	"data-loading",
+	"aria-busy"
+], w = {
+	key: 0,
+	class: "metric-cell__heading"
+}, T = {
+	key: 0,
+	class: "metric__label"
+}, E = { class: "metric__reading" }, D = { class: "metric__value" }, O = {
+	key: 0,
+	class: "metric__unit"
+}, k = {
+	key: 1,
+	class: "metric__context"
+}, A = /* @__PURE__ */ c({
+	name: "MetricCell",
+	__name: "MetricCell",
+	props: {
+		icon: {},
+		iconSize: { default: 16 },
+		iconStrokeWidth: { default: 2 },
+		label: {},
+		context: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		value: {},
+		unit: {},
+		placeholder: {},
+		loading: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(c) {
+		let g = c, _ = n(() => h(g.value, g.placeholder, g.loading));
+		return (n, h) => (u(), a("div", {
+			class: l(m(e)("metric-cell", n.$props.class)),
+			"data-empty": _.value.empty || void 0,
+			"data-loading": _.value.loading || void 0,
+			"aria-busy": _.value.loading || void 0
+		}, [
+			n.$slots.icon || c.icon || n.$slots.label || c.label ? (u(), a("div", w, [d(n.$slots, "icon", {}, () => [c.icon ? (u(), r(f(c.icon), {
+				key: 0,
+				class: "metric-cell__icon",
+				size: c.iconSize,
+				"stroke-width": c.iconStrokeWidth,
+				"aria-hidden": "true"
+			}, null, 8, ["size", "stroke-width"])) : i("", !0)]), n.$slots.label || c.label ? (u(), a("span", T, [d(n.$slots, "label", {}, () => [s(p(c.label), 1)])])) : i("", !0)])) : i("", !0),
+			o("span", E, [o("span", D, [_.value.loading ? (u(), a(t, { key: 1 }, [s(p(_.value.display), 1)], 64)) : d(n.$slots, "value", {}, () => [s(p(_.value.display), 1)], void 0, 0)]), n.$slots.unit || c.unit ? (u(), a("span", O, [d(n.$slots, "unit", {}, () => [s(p(c.unit), 1)])])) : i("", !0)]),
+			n.$slots.context || c.context ? (u(), a("span", k, [d(n.$slots, "context", {}, () => [s(p(c.context), 1)])])) : i("", !0)
+		], 10, C));
+	}
+}), j = [
+	"data-empty",
+	"data-loading",
+	"aria-busy"
+], M = { class: "metric-row__term" }, N = { class: "metric__label" }, P = {
+	key: 0,
+	class: "metric__context"
+}, F = { class: "metric__reading" }, I = { class: "metric__value" }, L = {
+	key: 0,
+	class: "metric__unit"
+}, R = /* @__PURE__ */ c({
+	name: "MetricRow",
+	__name: "MetricRow",
+	props: {
+		label: {},
+		context: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] },
+		value: {},
+		unit: {},
+		placeholder: {},
+		loading: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(r) {
+		let c = r, f = n(() => h(c.value, c.placeholder, c.loading));
+		return (n, c) => (u(), a("div", {
+			class: l(m(e)("metric-row", n.$props.class)),
+			"data-empty": f.value.empty || void 0,
+			"data-loading": f.value.loading || void 0,
+			"aria-busy": f.value.loading || void 0
+		}, [o("span", M, [o("span", N, [d(n.$slots, "label", {}, () => [s(p(r.label), 1)])]), n.$slots.context || r.context ? (u(), a("span", P, [d(n.$slots, "context", {}, () => [s(p(r.context), 1)])])) : i("", !0)]), o("span", F, [o("span", I, [f.value.loading ? (u(), a(t, { key: 1 }, [s(p(f.value.display), 1)], 64)) : d(n.$slots, "value", {}, () => [s(p(f.value.display), 1)], void 0, 0)]), n.$slots.unit || r.unit ? (u(), a("span", L, [d(n.$slots, "unit", {}, () => [s(p(r.unit), 1)])])) : i("", !0)])], 10, j));
+	}
+}), z = ["data-density"], B = /* @__PURE__ */ c({
+	name: "MetricStack",
+	__name: "MetricStack",
+	props: {
+		density: { default: "default" },
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(t) {
+		return (n, r) => (u(), a("div", {
+			class: l(m(e)("metric-stack", n.$props.class)),
+			"data-density": t.density
+		}, [d(n.$slots, "default")], 10, z));
+	}
+});
+//#endregion
+export { S as Metric, A as MetricCell, R as MetricRow, B as MetricStack };

package/dist/motion-core.js

@@ -1,186 +1,94 @@
-import { t as e } from "./useLiquidFlex-Ch4exNvN.js";
-import { n as t, r as n, t as r } from "./writeVelocityWeight-D_AcvTsE.js";
-import { n as i } from "./supportsCssTimeline-Dz-GVxXM.js";
-import { t as a } from "./vReveal-DZfWl9XI.js";
-import { a as o, c as s, i as c, n as l, o as u, r as d, s as f, t as p } from "./useGooMorph-D1F6QJlH.js";
-import { t as m } from "./useLeadTrail-BYu8dq4G.js";
-import { t as h } from "./usePointerVelocityField-BdvnO0py.js";
-import { t as g } from "./useRoutePointer-BDNMFN73.js";
-import { a as _, c as v, d as ee, i as y, l as b, n as x, o as S, r as C, s as w, t as T, u as E } from "./pointerFieldMappings-CZojkgKj.js";
-import { n as D, t as O } from "./constants-DRZmNIY-.js";
-import { t as k } from "./useScrollProgress-DZI4nf4v.js";
-import { n as A, r as j, t as M } from "./useRAFLoop-BtwQ9DyY.js";
-import { t as N } from "./useIntersectionPause-B-dbxl9w.js";
-import { n as P, r as F, t as I } from "./useSelectionGroup-LDzBdR1Y.js";
-import { a as L, i as te, n as R, r as z } from "./useTabRovingFocus-DkLYwo4L.js";
-import { onBeforeUnmount as B, onScopeDispose as V, reactive as H, ref as U } from "vue";
-//#region src/composables/motion/useStaggerReveal.ts
-var W = i();
-function G(e = {}) {
-	let { staggerMs: t = 60, once: n = !0, rootMargin: r = "0px", threshold: i = .15 } = e, a = U([]), o = H({}), s = /* @__PURE__ */ new WeakMap(), c = /* @__PURE__ */ new Set(), l = W || typeof IntersectionObserver > "u" ? null : new IntersectionObserver((e) => {
-		for (let r of e) {
-			let e = r.target, i = s.get(e);
-			if (i !== void 0) if (r.isIntersecting) {
-				let r = setTimeout(() => {
-					o[i] = !0, c.delete(r);
-				}, t * i);
-				c.add(r), n && l?.unobserve(e);
-			} else n || (o[i] = !1);
+import { n as e, t } from "./useReducedMotion-vCXA_vyM.js";
+import { t as n } from "./useLiquidFlex-TJZmRqyY.js";
+import { n as r, r as i, t as a } from "./writeVelocityWeight-DoGOCW3e.js";
+import { n as o } from "./supportsCssTimeline-C2zyWpl8.js";
+import { t as s } from "./useScrollTrigger-BDdqptlc.js";
+import { i as c, n as l, r as u, t as d } from "./useTextHighlight-mfwNIC1f.js";
+import { t as f } from "./useLeadTrail-AW1-zZcd.js";
+import { t as p } from "./usePointerVelocityField-DsIf7yyq.js";
+import { t as m } from "./useRoutePointer-B8itM7Ka.js";
+import { a as h, c as g, d as _, i as v, l as y, n as b, o as x, r as S, s as C, t as w, u as T } from "./pointerFieldMappings-DP5tla5z.js";
+import { n as E, t as D } from "./constants-nBz23tJE.js";
+import { t as O } from "./useScrollProgress-CSFYXIZT.js";
+import { n as k, r as A, t as j } from "./useRAFLoop-B3YlWK4M.js";
+import { t as M } from "./useIntersectionPause-B5mAU6XY.js";
+import { n as N, t as P } from "./useSelectionGroup-B5XplBbo.js";
+import { a as F, i as I, n as L, r as R } from "./useTabRovingFocus-YnWh-Ytr.js";
+import { onScopeDispose as z, reactive as B, ref as V, watch as H } from "vue";
+//#region src/composables/motion/reveal/useStaggerReveal.ts
+var U = o();
+function W(e = {}) {
+	let { staggerMs: n = 60, once: r = !0, rootMargin: i = "0px", threshold: a = .15 } = e, o = V([]), s = B({}), c = /* @__PURE__ */ new WeakMap(), l = /* @__PURE__ */ new Set(), u = U || typeof IntersectionObserver > "u" ? null : new IntersectionObserver((e) => {
+		for (let i of e) {
+			let e = i.target, a = c.get(e);
+			if (a !== void 0) if (i.isIntersecting) {
+				let i = t() ? 0 : n * a, o = setTimeout(() => {
+					s[a] = !0, l.delete(o);
+				}, i);
+				l.add(o), r && u?.unobserve(e);
+			} else r || (s[a] = !1);
 		}
 	}, {
-		rootMargin: r,
-		threshold: i
+		rootMargin: i,
+		threshold: a
 	});
-	function u(e, t) {
+	function d(e, t) {
 		if (!e) return;
-		let n = t ?? a.value.length;
-		s.has(e) || (s.set(e, n), a.value.push(e), o[n] = W, l?.observe(e));
+		let n = t ?? o.value.length;
+		c.has(e) || (c.set(e, n), o.value.push(e), s[n] = U, u?.observe(e));
 	}
-	return B(() => {
-		l?.disconnect();
-		for (let e of c) clearTimeout(e);
-		c.clear();
+	return z(() => {
+		u?.disconnect();
+		for (let e of l) clearTimeout(e);
+		l.clear();
 	}), {
-		targets: a,
-		register: u,
-		revealed: o
+		targets: o,
+		register: d,
+		revealed: s
 	};
 }
-var K = {
-	mounted(e) {
-		let t = Array.from(e.children);
-		if (typeof IntersectionObserver > "u") {
-			for (let e of t) e.setAttribute("data-revealed", "");
-			return;
-		}
-		let n = new IntersectionObserver((e) => {
-			for (let t of e) {
-				if (!t.isIntersecting) continue;
-				let e = t.target;
-				e.hasAttribute("data-revealed") || (e.setAttribute("data-revealed", ""), n.unobserve(e));
-			}
-		}, { threshold: .15 });
-		for (let e of t) n.observe(e);
-		q.set(e, n);
-	},
-	unmounted(e) {
-		q.get(e)?.disconnect(), q.delete(e);
-	}
-}, q = /* @__PURE__ */ new WeakMap();
 //#endregion
-//#region src/composables/motion/useStagger.ts
-function J() {
-	return typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-}
-function Y(e) {
-	let t = Math.max(0, Math.floor(e.items)), n = e.delayMs ?? 80, r = e.initialDelayMs ?? 0, i = e.immediate !== !1, a = e.respectReducedMotion !== !1, o = U(Array(t).fill(!1)), s = U(t === 0), c = /* @__PURE__ */ new Set();
-	function l() {
-		for (let e of c) clearTimeout(e);
-		c.clear();
-	}
-	function u() {
-		l(), o.value = Array(t).fill(!1), s.value = t === 0;
-	}
+//#region src/composables/motion/reveal/useStagger.ts
+function G(t) {
+	let n = Math.max(0, Math.floor(t.items)), r = t.delayMs ?? 80, i = t.initialDelayMs ?? 0, a = t.immediate !== !1, o = t.respectReducedMotion === !1 ? V(!1) : e(), s = V(Array(n).fill(!1)), c = V(n === 0), l = /* @__PURE__ */ new Set(), u = !1;
 	function d() {
-		o.value = Array(t).fill(!0), s.value = !0;
+		for (let e of l) clearTimeout(e);
+		l.clear();
 	}
 	function f() {
-		if (u(), t === 0) {
-			s.value = !0;
+		u = !1, d(), s.value = Array(n).fill(!1), c.value = n === 0;
+	}
+	function p() {
+		s.value = Array(n).fill(!0), c.value = !0;
+	}
+	function m() {
+		if (f(), u = !0, n === 0) {
+			c.value = !0;
 			return;
 		}
-		if (a && J()) {
-			d();
+		if (o.value) {
+			p();
 			return;
 		}
-		for (let e = 0; e < t; e++) {
-			let i = e, a = setTimeout(() => {
-				let e = o.value.slice();
-				e[i] = !0, o.value = e, c.delete(a), i === t - 1 && (s.value = !0);
-			}, r + i * n);
-			c.add(a);
+		for (let e = 0; e < n; e++) {
+			let t = e, a = setTimeout(() => {
+				let e = s.value.slice();
+				e[t] = !0, s.value = e, l.delete(a), t === n - 1 && (c.value = !0);
+			}, i + t * r);
+			l.add(a);
 		}
 	}
-	return i && f(), V(l), {
-		revealed: o,
-		start: f,
-		reset: u,
-		isComplete: s
-	};
-}
-//#endregion
-//#region src/composables/motion/usePrioritizedTask.ts
-function X() {
-	return typeof globalThis.scheduler?.postTask == "function";
-}
-function Z() {
-	if (!X()) return null;
-	let e = globalThis.scheduler;
-	return e?.postTask?.bind(e) ?? null;
-}
-function Q() {
-	let e = /* @__PURE__ */ Error("The task was aborted.");
-	return e.name = "AbortError", e;
-}
-function ne(e) {
-	let t = e.filter((e) => e != null);
-	if (t.length === 0) return;
-	if (t.length === 1) return t[0];
-	if (typeof AbortSignal.any == "function") return AbortSignal.any(t);
-	let n = new AbortController(), r = (e) => n.abort(e.reason);
-	for (let e of t) {
-		if (e.aborted) {
-			n.abort(e.reason);
-			break;
-		}
-		e.addEventListener("abort", () => r(e), { once: !0 });
-	}
-	return n.signal;
-}
-function $(e, t = {}) {
-	let { priority: n, signal: r, delay: i } = t, a = Z();
-	return a ? a(e, {
-		priority: n,
-		signal: r,
-		delay: i
-	}) : new Promise((t, n) => {
-		if (r?.aborted) {
-			n(Q());
-			return;
-		}
-		let a = () => {
-			if (r?.aborted) {
-				n(Q());
-				return;
-			}
-			try {
-				t(e());
-			} catch (e) {
-				n(e);
-			}
-		}, o = typeof MessageChannel == "function" ? () => {
-			let e = new MessageChannel();
-			e.port1.onmessage = () => {
-				e.port1.onmessage = null, a();
-			}, e.port2.postMessage(void 0);
-		} : () => setTimeout(a, 0);
-		i && i > 0 ? setTimeout(o, i) : o();
-	});
-}
-function re(e) {
-	let t = globalThis.TaskController;
-	return typeof t == "function" ? new t(e ? { priority: e } : void 0) : null;
-}
-function ie(e) {
-	let t = re(e);
-	return {
-		postTask: (n, r = {}) => $(n, {
-			priority: e,
-			...r,
-			signal: ne([t?.signal, r.signal])
-		}),
-		abort: (e) => t?.abort(e)
+	let h = H(o, (e) => {
+		!e || !u || (d(), p());
+	}, { flush: "sync" });
+	return a && m(), z(() => {
+		h(), d();
+	}), {
+		revealed: s,
+		start: m,
+		reset: f,
+		isComplete: c
 	};
 }
 //#endregion
-export { T as AURORA_CURSOR_RADIUS, x as BLOB_LEAD_K, C as BLOB_STRETCH_GAIN, y as BLOB_STRETCH_MAX, O as DAMPING, R as DEFAULT_INDICATOR_BLOB_MAX, z as DEFAULT_INDICATOR_MAX_STRETCH, _ as FOURIER_BIAS_GAIN, S as FOURIER_FOLLOW_LEAN, te as INDICATOR_RELEASE_AT_ARRIVAL, l as MORPH_SIGNATURES, r as MOTION_WEIGHT_REST, D as SNAP_THRESHOLD, w as auroraCursorMapping, v as blobPullMapping, b as constellationWellMapping, t as effectiveCap, E as fourierLeanMapping, c as navigate, $ as postTaskSafe, ee as snapshotField, o as startViewTransition, u as supportsRouteTransitions, f as supportsViewTransitions, s as useCharStagger, p as useGooMorph, N as useIntersectionPause, m as useLeadTrail, e as useLiquidFlex, h as usePointerVelocityField, ie as usePrioritizedTask, M as useRAFLoop, g as useRoutePointer, P as useScrollChrome, k as useScrollProgress, F as useScrollTrigger, I as useSelectionGroup, L as useSelectionIndicator, Y as useStagger, G as useStaggerReveal, d as useTextHighlight, A as useYieldToMain, a as vReveal, K as vScrollRevealOnce, n as writeVelocityWeight, j as yieldToMain };
+export { w as AURORA_CURSOR_RADIUS, b as BLOB_LEAD_K, S as BLOB_STRETCH_GAIN, v as BLOB_STRETCH_MAX, D as DAMPING, L as DEFAULT_INDICATOR_BLOB_MAX, R as DEFAULT_INDICATOR_MAX_STRETCH, h as FOURIER_BIAS_GAIN, x as FOURIER_FOLLOW_LEAN, I as INDICATOR_RELEASE_AT_ARRIVAL, a as MOTION_WEIGHT_REST, E as SNAP_THRESHOLD, C as auroraCursorMapping, g as blobPullMapping, y as constellationWellMapping, r as effectiveCap, T as fourierLeanMapping, t as readReducedMotion, _ as snapshotField, u as startViewTransition, c as supportsViewTransitions, M as useIntersectionPause, f as useLeadTrail, n as useLiquidFlex, p as usePointerVelocityField, j as useRAFLoop, e as useReducedMotion, m as useRoutePointer, N as useScrollChrome, O as useScrollProgress, s as useScrollTrigger, P as useSelectionGroup, F as useSelectionIndicator, G as useStagger, W as useStaggerReveal, d as useTextHighlight, k as useYieldToMain, l as vReveal, i as writeVelocityWeight, A as yieldToMain };