@mkbabb/glass-ui 2.1.0 → 3.1.0

package/dist/glyph-face.js

@@ -1,3 +1,3 @@
-import { n as e, r as t, t as n } from "./keys-DVkcUktU.js";
-import { t as r } from "./GlyphFace-BnPMUZ16.js";
+import { n as e, r as t, t as n } from "./keys-CaTQS-vx.js";
+import { t as r } from "./GlyphFace-BRS8vUb7.js";
 export { n as GLYPH_FACE_SILHOUETTE_KEY, r as GlyphFace, e as provideGlyphFaceSilhouette, t as useOptionalGlyphFaceSilhouette };

package/dist/header-ribbon.js

@@ -1,4 +1,4 @@
-import { t as e } from "./_plugin-vue_export-helper-n-_DRHWS.js";
+import { t as e } from "./_plugin-vue_export-helper-Dq1MygBL.js";
 import { computed as t, createCommentVNode as n, createElementBlock as r, createElementVNode as i, defineComponent as a, normalizeClass as o, onBeforeUnmount as s, openBlock as c, ref as l, renderSlot as u } from "vue";
 //#region src/components/custom/header-ribbon/HeaderRibbon.vue?vue&type=script&setup=true&lang.ts
 var d = {

package/dist/hover-card.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "./HoverCardContent-4nN5-5bz.js";
+import { n as e, r as t, t as n } from "./HoverCardContent-DaGrgJBO.js";
 export { t as HoverCard, n as HoverCardContent, e as HoverCardTrigger };

package/dist/hover-popover.js

@@ -1,2 +1,2 @@
-import { t as e } from "./HoverPopover-Btv4RQfv.js";
+import { t as e } from "./HoverPopover-CWFCfLx3.js";
 export { e as HoverPopover };

package/dist/icon-tooltip.js

@@ -1,2 +1,2 @@
-import { t as e } from "./IconTooltip-ge_mBSWR.js";
+import { t as e } from "./IconTooltip-BkaA7tZ2.js";
 export { e as IconTooltip };

package/dist/index.d.ts

@@ -46,4 +46,5 @@ export * from "./composables/reactive";
 export * from "./composables/dom";
 export * from "./composables/glass";
 export * from "./composables/sortable";
+export { startViewTransition, supportsViewTransitions, type ViewTransitionResult, } from "./composables/motion/useViewTransition";
 export * from "./utils";

package/dist/instrument-chassis.js

@@ -1,2 +1,2 @@
-import { n as e, t } from "./InstrumentChassis-DOaVYyWq.js";
+import { n as e, t } from "./InstrumentChassis-CnHTMxds.js";
 export { e as ChassisDivider, t as InstrumentChassis };

package/dist/instrument-rail.js

@@ -1,2 +1,2 @@
-import { t as e } from "./InstrumentRail-jHDqXj70.js";
+import { t as e } from "./InstrumentRail-C6dEbi8E.js";
 export { e as InstrumentRail };

package/dist/keyboard.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, r, t as i } from "./useKeyboardShortcuts-B1ev1YEC.js";
+import { a as e, i as t, n, r, t as i } from "./useKeyboardShortcuts-Dpw_RUcB.js";
 export { i as formatCombo, n as formatComboParts, r as isMac, t as registerShortcut, e as useRegisteredShortcuts };

package/dist/label.js

@@ -1,2 +1,2 @@
-import { t as e } from "./Label-C8QMJSsf.js";
+import { t as e } from "./Label-DJty89bp.js";
 export { e as Label };

package/dist/labeled-field.js

@@ -1,13 +1,21 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { a as t, i as n, o as r, r as i, s as a } from "./SelectScrollDownButton-yu8EYUnu.js";
-import { t as o } from "./SelectGroup-O69GTQ77.js";
-import { n as s } from "./slider-BQaLYFLh.js";
-import { t as c } from "./Switch-CL0uxu8F.js";
-import { t as l } from "./IconTooltip-ge_mBSWR.js";
-import { t as u } from "./Input-CbakTe3B.js";
-import { Fragment as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createTextVNode as g, createVNode as _, defineComponent as v, normalizeClass as y, openBlock as b, renderList as x, renderSlot as S, toDisplayString as C, unref as w, withCtx as T } from "vue";
+import { a as t, i as n, o as r, r as i, s as a } from "./SelectScrollDownButton-Dth8-wXQ.js";
+import { t as o } from "./SelectGroup-DdR4tdDY.js";
+import { n as s } from "./slider-DJvHkTRe.js";
+import { t as c } from "./Switch-Cr1t_F_U.js";
+import { t as l } from "./IconTooltip-BkaA7tZ2.js";
+import { t as u } from "./Input-DDpFn568.js";
+import { Fragment as d, createBlock as f, createCommentVNode as p, createElementBlock as m, createElementVNode as h, createSlots as g, createTextVNode as _, createVNode as v, defineComponent as y, normalizeClass as b, openBlock as x, renderList as S, renderSlot as C, toDisplayString as w, unref as T, useId as E, withCtx as D } from "vue";
 //#region src/components/custom/labeled-field/LabeledField.vue?vue&type=script&setup=true&lang.ts
-var E = { class: "labeled-field" }, D = /* @__PURE__ */ v({
+var O = { class: "labeled-field" }, k = {
+	key: 0,
+	class: "text-destructive",
+	"aria-hidden": "true"
+}, A = {
+	key: 0,
+	class: "text-destructive",
+	"aria-hidden": "true"
+}, j = ["id"], M = /* @__PURE__ */ y({
 	__name: "LabeledField",
 	props: {
 		label: {},
@@ -18,21 +26,32 @@ var E = { class: "labeled-field" }, D = /* @__PURE__ */ v({
 			String,
 			Object,
 			Array
-		] }
+		] },
+		required: { type: Boolean }
 	},
 	setup(t) {
-		return (n, r) => (b(), m("div", E, [t.tooltip ? (b(), f(w(l), {
-			key: 0,
-			text: t.tooltip
-		}, {
-			default: T(() => [h("label", { class: y(w(e)("labeled-field-label", t.labelClass)) }, C(t.label), 3)]),
-			_: 1
-		}, 8, ["text"])) : (b(), m("label", {
-			key: 1,
-			class: y(w(e)("labeled-field-label", t.labelClass))
-		}, C(t.label), 3)), S(n.$slots, "default")]));
+		let n = E();
+		return (r, i) => (x(), m("div", O, [
+			t.tooltip ? (x(), f(T(l), {
+				key: 0,
+				text: t.tooltip
+			}, {
+				default: D(() => [h("label", { class: b(T(e)("labeled-field-label", t.labelClass)) }, [_(w(t.label), 1), t.required ? (x(), m("span", k, " *")) : p("", !0)], 2)]),
+				_: 1
+			}, 8, ["text"])) : (x(), m("label", {
+				key: 1,
+				class: b(T(e)("labeled-field-label", t.labelClass))
+			}, [_(w(t.label), 1), t.required ? (x(), m("span", A, " *")) : p("", !0)], 2)),
+			C(r.$slots, "default", { errorId: T(n) }),
+			r.$slots.error ? (x(), m("div", {
+				key: 2,
+				id: T(n),
+				class: "labeled-field-error",
+				"aria-live": "polite"
+			}, [C(r.$slots, "error")], 8, j)) : p("", !0)
+		]));
 	}
-}), O = /* @__PURE__ */ v({
+}), N = /* @__PURE__ */ y({
 	__name: "LabeledInput",
 	props: {
 		modelValue: {},
@@ -40,37 +59,48 @@ var E = { class: "labeled-field" }, D = /* @__PURE__ */ v({
 		tooltip: {},
 		labelClass: {},
 		inputClass: {},
-		type: {}
+		type: {},
+		required: { type: Boolean }
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
 		let n = t;
-		return (t, r) => (b(), f(D, {
+		return (t, r) => (x(), f(M, {
 			label: e.label,
 			tooltip: e.tooltip,
-			"label-class": e.labelClass
-		}, {
-			default: T(() => [_(w(u), {
+			"label-class": e.labelClass,
+			required: e.required
+		}, g({
+			default: D(({ errorId: i }) => [v(T(u), {
 				type: e.type ?? "string",
-				class: y(e.inputClass ?? "fira-code"),
+				class: b(e.inputClass ?? "fira-code"),
 				"model-value": e.modelValue,
+				required: e.required,
+				"aria-errormessage": t.$slots.error ? i : void 0,
 				onChange: r[0] ||= (e) => n("update:modelValue", e.target.value)
 			}, null, 8, [
 				"type",
 				"class",
-				"model-value"
+				"model-value",
+				"required",
+				"aria-errormessage"
 			])]),
-			_: 1
-		}, 8, [
+			_: 2
+		}, [t.$slots.error ? {
+			name: "error",
+			fn: D(() => [C(t.$slots, "error")]),
+			key: "0"
+		} : void 0]), 1032, [
 			"label",
 			"tooltip",
-			"label-class"
+			"label-class",
+			"required"
 		]));
 	}
-}), k = {
+}), P = {
 	key: 0,
 	class: "ml-auto pl-2 text-micro text-muted-foreground whitespace-nowrap"
-}, A = /* @__PURE__ */ v({
+}, F = /* @__PURE__ */ y({
 	__name: "LabeledSelect",
 	props: {
 		modelValue: {},
@@ -79,33 +109,35 @@ var E = { class: "labeled-field" }, D = /* @__PURE__ */ v({
 		descriptions: {},
 		label: {},
 		tooltip: {},
-		labelClass: {}
+		labelClass: {},
+		required: { type: Boolean }
 	},
 	emits: ["update:modelValue", "update:open"],
 	setup(e, { emit: s }) {
 		let c = s;
-		return (s, l) => (b(), f(D, {
+		return (s, l) => (x(), f(M, {
 			label: e.label,
 			tooltip: e.tooltip,
-			"label-class": e.labelClass
+			"label-class": e.labelClass,
+			required: e.required
 		}, {
-			default: T(() => [_(w(a), {
+			default: D(() => [v(T(a), {
 				"model-value": e.modelValue,
 				open: e.isOpen,
 				"onUpdate:open": l[0] ||= (e) => c("update:open", e),
 				"onUpdate:modelValue": l[1] ||= (e) => c("update:modelValue", e)
 			}, {
-				default: T(() => [_(w(t), { class: "fira-code" }, {
-					default: T(() => [_(w(r))]),
+				default: D(() => [v(T(t), { class: "fira-code" }, {
+					default: D(() => [v(T(r))]),
 					_: 1
-				}), _(w(n), null, {
-					default: T(() => [_(w(o), { class: "fira-code" }, {
-						default: T(() => [(b(!0), m(d, null, x(e.items, (t) => (b(), f(w(i), {
+				}), v(T(n), null, {
+					default: D(() => [v(T(o), { class: "fira-code" }, {
+						default: D(() => [(x(!0), m(d, null, S(e.items, (t) => (x(), f(T(i), {
 							key: t,
 							value: t
 						}, {
-							description: T(() => [e.descriptions?.[t] ? (b(), m("span", k, C(e.descriptions[t]), 1)) : p("", !0)]),
-							default: T(() => [g(C(t) + " ", 1)]),
+							description: D(() => [e.descriptions?.[t] ? (x(), m("span", P, w(e.descriptions[t]), 1)) : p("", !0)]),
+							default: D(() => [_(w(t) + " ", 1)]),
 							_: 2
 						}, 1032, ["value"]))), 128))]),
 						_: 1
@@ -118,10 +150,11 @@ var E = { class: "labeled-field" }, D = /* @__PURE__ */ v({
 		}, 8, [
 			"label",
 			"tooltip",
-			"label-class"
+			"label-class",
+			"required"
 		]));
 	}
-}), j = /* @__PURE__ */ v({
+}), I = /* @__PURE__ */ y({
 	__name: "LabeledSlider",
 	props: {
 		modelValue: {},
@@ -130,17 +163,19 @@ var E = { class: "labeled-field" }, D = /* @__PURE__ */ v({
 		labelClass: {},
 		min: {},
 		max: {},
-		step: {}
+		step: {},
+		required: { type: Boolean }
 	},
 	emits: ["update:modelValue"],
 	setup(e, { emit: t }) {
 		let n = t;
-		return (t, r) => (b(), f(D, {
+		return (t, r) => (x(), f(M, {
 			label: e.label,
 			tooltip: e.tooltip,
-			"label-class": e.labelClass
+			"label-class": e.labelClass,
+			required: e.required
 		}, {
-			default: T(() => [_(w(s), {
+			default: D(() => [v(T(s), {
 				class: "py-2",
 				min: e.min,
 				max: e.max,
@@ -159,26 +194,29 @@ var E = { class: "labeled-field" }, D = /* @__PURE__ */ v({
 		}, 8, [
 			"label",
 			"tooltip",
-			"label-class"
+			"label-class",
+			"required"
 		]));
 	}
-}), M = { class: "flex items-center" }, N = /* @__PURE__ */ v({
+}), L = { class: "flex items-center" }, R = /* @__PURE__ */ y({
 	__name: "LabeledSwitch",
 	props: {
 		checked: { type: Boolean },
 		label: {},
 		tooltip: {},
-		labelClass: {}
+		labelClass: {},
+		required: { type: Boolean }
 	},
 	emits: ["update:checked"],
 	setup(e, { emit: t }) {
 		let n = t;
-		return (t, r) => (b(), f(D, {
+		return (t, r) => (x(), f(M, {
 			label: e.label,
 			tooltip: e.tooltip,
-			"label-class": e.labelClass
+			"label-class": e.labelClass,
+			required: e.required
 		}, {
-			default: T(() => [h("div", M, [_(w(c), {
+			default: D(() => [h("div", L, [v(T(c), {
 				checked: e.checked,
 				"onUpdate:checked": r[0] ||= (e) => n("update:checked", e)
 			}, null, 8, ["checked"])])]),
@@ -186,9 +224,10 @@ var E = { class: "labeled-field" }, D = /* @__PURE__ */ v({
 		}, 8, [
 			"label",
 			"tooltip",
-			"label-class"
+			"label-class",
+			"required"
 		]));
 	}
 });
 //#endregion
-export { D as LabeledField, O as LabeledInput, A as LabeledSelect, j as LabeledSlider, N as LabeledSwitch };
+export { M as LabeledField, N as LabeledInput, F as LabeledSelect, I as LabeledSlider, R as LabeledSwitch };

package/dist/metric-badge.js

@@ -1,2 +1,2 @@
-import { t as e } from "./MetricBadge-DRBB18Xq.js";
+import { t as e } from "./MetricBadge-DmAihkXd.js";
 export { e as MetricBadge };

package/dist/metric-stack.js

@@ -1,5 +1,5 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./_plugin-vue_export-helper-n-_DRHWS.js";
+import { t } from "./_plugin-vue_export-helper-Dq1MygBL.js";
 import { computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, defineComponent as c, normalizeClass as l, normalizeStyle as u, openBlock as d, renderSlot as f, resolveDynamicComponent as p, toDisplayString as m, unref as h, withCtx as g } from "vue";
 //#endregion
 //#region src/components/custom/metric-stack/MetricStack.vue

package/dist/motion-core.d.ts

@@ -0,0 +1 @@
+export * from "./composables/motion/core";

package/dist/motion-core.js

@@ -0,0 +1,229 @@
+import { n as e, t } from "./useViewTransition-DYIK6Gzb.js";
+import { t as n } from "./useIntersectionPause-IY2CwPQb.js";
+import { n as r, t as i } from "./constants-DwBwnG8N.js";
+import { computed as a, getCurrentScope as o, onBeforeUnmount as s, onMounted as c, onScopeDispose as l, reactive as u, readonly as d, ref as f, unref as p, watch as m } from "vue";
+//#region src/composables/motion/supportsCssTimeline.ts
+function h(e, t) {
+	return typeof CSS > "u" || typeof CSS.supports != "function" ? !1 : CSS.supports("animation-timeline", e) && !CSS.supports("animation-timeline", t);
+}
+function g() {
+	return h("scroll()", "gl-not-a-real-timeline");
+}
+function _() {
+	return h("view()", "gl-not-a-real-timeline");
+}
+//#endregion
+//#region src/composables/motion/useStaggerReveal.ts
+var v = _();
+function y(e = {}) {
+	let { staggerMs: t = 60, once: n = !0, rootMargin: r = "0px", threshold: i = .15 } = e, a = f([]), o = u({}), c = /* @__PURE__ */ new WeakMap(), l = /* @__PURE__ */ new Set(), d = v || typeof IntersectionObserver > "u" ? null : new IntersectionObserver((e) => {
+		for (let r of e) {
+			let e = r.target, i = c.get(e);
+			if (i !== void 0) if (r.isIntersecting) {
+				let r = setTimeout(() => {
+					o[i] = !0, l.delete(r);
+				}, t * i);
+				l.add(r), n && d?.unobserve(e);
+			} else n || (o[i] = !1);
+		}
+	}, {
+		rootMargin: r,
+		threshold: i
+	});
+	function p(e, t) {
+		if (!e) return;
+		let n = t ?? a.value.length;
+		c.has(e) || (c.set(e, n), a.value.push(e), o[n] = v, d?.observe(e));
+	}
+	return s(() => {
+		d?.disconnect();
+		for (let e of l) clearTimeout(e);
+		l.clear();
+	}), {
+		targets: a,
+		register: p,
+		revealed: o
+	};
+}
+//#endregion
+//#region src/composables/motion/useScrollProgress.ts
+var b = g();
+function x(e) {
+	let { offset: t = 0, trackExit: n = !1 } = e, r = f(0), i = 0, a = null;
+	function o() {
+		let i = p(e.target);
+		if (!i) return;
+		let a = i.getBoundingClientRect(), o = window.innerHeight + t, s = o - (n ? -a.height : 0);
+		if (s === 0) {
+			r.value = 0;
+			return;
+		}
+		let c = (o - a.top) / s;
+		r.value = Math.max(0, Math.min(1, c));
+	}
+	function l() {
+		i ||= requestAnimationFrame(() => {
+			i = 0, o();
+		});
+	}
+	return c(() => {
+		if (o(), b) return;
+		window.addEventListener("scroll", l, { passive: !0 }), window.addEventListener("resize", l, { passive: !0 });
+		let t = p(e.target);
+		t && typeof ResizeObserver < "u" && (a = new ResizeObserver(l), a.observe(t));
+	}), b || m(() => p(e.target), (e, t) => {
+		t && a && a.unobserve(t), e && a && a.observe(e), l();
+	}), s(() => {
+		window.removeEventListener("scroll", l), window.removeEventListener("resize", l), i && cancelAnimationFrame(i), a?.disconnect(), a = null;
+	}), r;
+}
+//#endregion
+//#region src/composables/motion/useYieldToMain.ts
+function S() {
+	let e = globalThis.scheduler;
+	return typeof e?.yield == "function" ? e.yield.bind(e) : null;
+}
+function C() {
+	let e = S();
+	return e ? e() : typeof MessageChannel == "function" ? new Promise((e) => {
+		let t = new MessageChannel();
+		t.port1.onmessage = () => {
+			t.port1.onmessage = null, e();
+		}, t.port2.postMessage(void 0);
+	}) : new Promise((e) => setTimeout(e, 0));
+}
+function w() {
+	return {
+		hasNativeYield: S() !== null,
+		yield: C
+	};
+}
+//#endregion
+//#region src/composables/motion/useRAFLoop.ts
+var T = "(prefers-reduced-motion: reduce)";
+function E() {
+	return typeof globalThis.requestAnimationFrame == "function" ? globalThis.requestAnimationFrame.bind(globalThis) : null;
+}
+function D() {
+	return typeof globalThis.cancelAnimationFrame == "function" ? globalThis.cancelAnimationFrame.bind(globalThis) : null;
+}
+function O() {
+	return typeof document > "u" ? null : document;
+}
+function k() {
+	return typeof window > "u" ? null : window;
+}
+function A(e, t = {}) {
+	let { immediate: n = !0, pauseWhenHidden: r = !0, respectReducedMotion: i = !0 } = t, s = f(!1), c = f(!1), u = f(r ? !!O()?.hidden : !1), p = f(!1), m = f(!1), h = a(() => p.value && !s.value && (m.value || u.value || i && c.value || !E())), g = null, _ = null, v = 0, y = 0, b = !1, x = null;
+	function S() {
+		return !b && p.value && !m.value && !u.value && !(i && c.value) && !!E();
+	}
+	function w() {
+		g !== null && (D()?.(g), g = null), s.value = !1, _ = null;
+	}
+	function A() {
+		if (g !== null || !S()) return;
+		let t = E();
+		t && (s.value = !0, g = t((t) => {
+			if (g = null, !S()) {
+				w();
+				return;
+			}
+			let n = _ === null ? 0 : Math.max(0, t - _);
+			_ = t, v += n, e({
+				now: t,
+				delta: n,
+				elapsed: v,
+				frame: y++
+			}), S() ? A() : w();
+		}));
+	}
+	function j() {
+		S() ? A() : w();
+	}
+	function M() {
+		_ = null, v = 0, y = 0;
+	}
+	function N() {
+		b || (M(), p.value = !0, m.value = !1, j());
+	}
+	function P() {
+		p.value = !1, m.value = !1, M(), w();
+	}
+	function F() {
+		p.value && (m.value = !0, j());
+	}
+	function I() {
+		b || (m.value = !1, j());
+	}
+	function L() {
+		u.value = r ? !!O()?.hidden : !1, j();
+	}
+	let R = O();
+	if (R && r && R.addEventListener("visibilitychange", L), i) {
+		let e = k(), t = typeof e?.matchMedia == "function" ? e.matchMedia(T) : null;
+		if (t) {
+			let e = (e) => {
+				c.value = e.matches, j();
+			};
+			c.value = t.matches, typeof t.addEventListener == "function" ? (t.addEventListener("change", e), x = () => t.removeEventListener("change", e)) : typeof t.addListener == "function" && (t.addListener(e), x = () => t.removeListener?.(e));
+		}
+	}
+	function z() {
+		b || (b = !0, P(), R?.removeEventListener("visibilitychange", L), x?.(), x = null);
+	}
+	return o() && l(z), n && N(), {
+		isActive: d(s),
+		isPaused: d(h),
+		isReducedMotion: d(c),
+		start: N,
+		stop: P,
+		pause: F,
+		resume: I,
+		dispose: z,
+		yieldToMain: C
+	};
+}
+//#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 M(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 = f(Array(t).fill(!1)), s = f(t === 0), c = /* @__PURE__ */ new Set();
+	function u() {
+		for (let e of c) clearTimeout(e);
+		c.clear();
+	}
+	function d() {
+		u(), o.value = Array(t).fill(!1), s.value = t === 0;
+	}
+	function p() {
+		o.value = Array(t).fill(!0), s.value = !0;
+	}
+	function m() {
+		if (d(), t === 0) {
+			s.value = !0;
+			return;
+		}
+		if (a && j()) {
+			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);
+		}
+	}
+	return i && m(), l(u), {
+		revealed: o,
+		start: m,
+		reset: d,
+		isComplete: s
+	};
+}
+//#endregion
+export { i as DAMPING, r as SNAP_THRESHOLD, t as startViewTransition, e as supportsViewTransitions, n as useIntersectionPause, A as useRAFLoop, x as useScrollProgress, M as useStagger, y as useStaggerReveal, w as useYieldToMain, C as yieldToMain };