@mkbabb/glass-ui 3.13.0 → 4.0.1

package/dist/hover-card.js

@@ -1,2 +1,2 @@
-import { n as e, r as t, t as n } from "./HoverCardContent-Csywg3YF.js";
+import { n as e, r as t, t as n } from "./HoverCardContent-b2uaAMRR.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-CISOJQuZ.js";
+import { t as e } from "./HoverPopover-CbqbNwgU.js";
 export { e as HoverPopover };

package/dist/icon-chip.d.ts

@@ -0,0 +1 @@
+export * from "./components/custom/icon-chip";

package/dist/icon-chip.js

@@ -0,0 +1,2 @@
+import { t as e } from "./IconChip-BTD-nay5.js";
+export { e as IconChip };

package/dist/icon-tooltip.js

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

package/dist/index.d.ts

@@ -10,7 +10,6 @@ export * from "./components/ui/command";
 export * from "./components/ui/context-menu";
 export * from "./components/ui/data-table";
 export * from "./components/ui/dialog";
-export * from "./components/ui/drawer";
 export * from "./components/ui/dropdown-menu";
 export * from "./components/ui/hover-card";
 export * from "./components/ui/label";
@@ -29,7 +28,6 @@ export * from "./components/ui/skeleton";
 export * from "./components/ui/slider";
 export * from "./components/ui/switch";
 export * from "./components/ui/table";
-export * from "./components/ui/tabs";
 export * from "./components/ui/tags-input";
 export * from "./components/ui/toast";
 export * from "./components/ui/toggle";
@@ -39,12 +37,14 @@ export * from "./components/custom/instrument-chassis";
 export * from "./components/custom/hover-popover";
 export * from "./components/custom/configurator";
 export * from "./components/custom/scrolling-text";
+export * from "./components/custom/icon-chip";
 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 { startViewTransition, supportsViewTransitions, navigate, supportsRouteTransitions, type ViewTransitionResult, type NavigateOptions, } from "./composables/motion/useViewTransition";
 export { vReveal } from "./composables/motion/vReveal";
 export { useTextHighlight, type HighlightMatcher, type UseTextHighlightControls, } from "./composables/motion/useTextHighlight";
 export { useLiquidFlex, type LiquidFlexAxis, type UseLiquidFlexParams, type UseLiquidFlexReturn, } from "./composables/motion/useLiquidFlex";
+export { usePointerVelocityField, type PointerVec2, type UsePointerVelocityField, type UsePointerVelocityFieldOptions, } from "./composables/motion/usePointerVelocityField";
 export * from "./utils";

package/dist/instrument-chassis.js

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

package/dist/keyboard.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, r, t as i } from "./useKeyboardShortcuts-Be3w_Rwk.js";
+import { a as e, i as t, n, r, t as i } from "./useKeyboardShortcuts-BXWXOZ-9.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-r3WzWrsj.js";
+import { t as e } from "./Label-C2ejNWeC.js";
 export { e as Label };

package/dist/labeled-field.js

@@ -1,10 +1,10 @@
 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-CiDUxfEj.js";
-import { t as o } from "./SelectGroup-aumMgWLs.js";
-import { n as s } from "./slider-B-JP2JlI.js";
-import { t as c } from "./Switch-CsIuYP_e.js";
-import { t as l } from "./Input-DWQQIOC4.js";
-import { t as u } from "./IconTooltip-DPzE09X9.js";
+import { a as t, i as n, o as r, r as i, s as a } from "./SelectScrollDownButton-CrA8F0iV.js";
+import { t as o } from "./SelectGroup-DwwjicPY.js";
+import { n as s } from "./slider-DVb4HXU-.js";
+import { t as c } from "./Switch-CwYNf8bo.js";
+import { t as l } from "./Input-h9v5LeXf.js";
+import { t as u } from "./IconTooltip-Bl8gFZ8d.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 O = { class: "labeled-field" }, k = ["id", "for"], A = {

package/dist/{math-U6-RrLmV.js → math-BINYmg5z.js}

@@ -15,7 +15,15 @@ function t(e, t, n) {
 	}
 	return r;
 }
-function n(t) {
+function n(e, t, n) {
+	let r = 0, i = 0, a = n ?? e.length;
+	for (let n = 0; n < a && n < e.length; n++) {
+		let a = e[n], o = 2 * Math.PI * a.index * t, s = Math.cos(o), c = Math.sin(o);
+		r += a.coefficient[0] * s - a.coefficient[1] * c, i += a.coefficient[0] * c + a.coefficient[1] * s;
+	}
+	return [r, i];
+}
+function r(t) {
 	let n = t.length;
 	if (n === 0) return [];
 	let r = [0], i = Math.floor(n / 2);
@@ -31,7 +39,7 @@ function n(t) {
 	}
 	return a;
 }
-function r(t, n = {}) {
+function i(t, n = {}) {
 	let { harmonics: r = 4, harmonicScale: i = .22 } = n, a = .62 + t() * .18, o = a * (.34 + t() * .3), s = t() * Math.PI * 2, c = t() * Math.PI * 2, l = [e(1, a * Math.cos(s), a * Math.sin(s)), e(-1, o * Math.cos(c), o * Math.sin(c))];
 	for (let n = 0; n < r; n++) {
 		let r = 2 + Math.floor(n / 2), a = n % 2 == 0 ? r : -r, o = i / r * (.4 + t() * .6), s = t() * Math.PI * 2;
@@ -40,4 +48,4 @@ function r(t, n = {}) {
 	return l;
 }
 //#endregion
-export { t as i, n, r, e as t };
+export { t as a, n as i, r as n, i as r, e as t };

package/dist/{menuItemVariants-DPiEarb0.js → menuItemVariants-D8VNHq22.js}

@@ -4,13 +4,18 @@ var t = e([
 	"interactive-item",
 	"relative flex w-full cursor-default select-none items-center",
 	"text-dropdown outline-none",
-	"hover:bg-accent hover:text-accent-foreground",
-	"focus:bg-accent focus:text-accent-foreground",
-	"data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground",
-	"data-[state=open]:bg-accent",
 	"data-[disabled]:cursor-not-allowed data-[disabled]:pointer-events-none data-[disabled]:opacity-disabled"
 ].join(" "), {
 	variants: {
+		surface: {
+			glass: "glass-menu-row",
+			accent: [
+				"hover:bg-accent hover:text-accent-foreground",
+				"focus:bg-accent focus:text-accent-foreground",
+				"data-[highlighted]:bg-accent data-[highlighted]:text-accent-foreground",
+				"data-[state=open]:bg-accent"
+			].join(" ")
+		},
 		indicator: {
 			none: "px-2",
 			start: "pl-7 pr-2",
@@ -22,6 +27,7 @@ var t = e([
 		}
 	},
 	defaultVariants: {
+		surface: "glass",
 		indicator: "none",
 		density: "comfortable"
 	}

package/dist/metric-badge.js

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

package/dist/metric-cell.js

@@ -1,11 +1,12 @@
 import { t as e } from "./cn-DJXf4yaB.js";
 import { n as t } from "./coalesceMetric-5qIeZnTx.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 } from "vue";
+import { t as n } from "./IconChip-BTD-nay5.js";
+import { computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, defineComponent as l, normalizeClass as u, openBlock as d, renderSlot as f, toDisplayString as p, unref as m } from "vue";
 //#region src/components/custom/metric-cell/MetricCell.vue?vue&type=script&setup=true&lang.ts
-var g = ["data-appearance"], _ = { class: "metric-cell__label text-micro text-muted-foreground flex items-center gap-1.5" }, v = {
+var h = ["data-appearance"], g = { class: "metric-cell__label text-micro text-muted-foreground flex items-center gap-1.5" }, _ = {
 	key: 0,
 	class: "metric-cell__unit"
-}, y = /* @__PURE__ */ c({
+}, v = /* @__PURE__ */ l({
 	__name: "MetricCell",
 	props: {
 		icon: {},
@@ -25,34 +26,36 @@ var g = ["data-appearance"], _ = { class: "metric-cell__label text-micro text-mu
 			Array
 		] }
 	},
-	setup(c) {
-		let y = c, b = n(() => {
-			switch (y.appearance) {
+	setup(l) {
+		let v = l, y = r(() => {
+			switch (v.appearance) {
 				case "compact": return "glass-wash rounded-lg p-2";
 				case "bare": return "";
 				default: return "glass-wash rounded-lg p-3";
 			}
-		}), x = n(() => {
-			switch (y.appearance) {
+		}), b = r(() => {
+			switch (v.appearance) {
 				case "compact": return "text-mono-small font-semibold tabular-nums";
 				default: return "text-mono-prose font-semibold tabular-nums";
 			}
-		}), S = n(() => t(y.value, y.placeholder).display);
-		return (t, n) => (d(), a("div", {
-			class: l(h(e)("metric-cell", b.value, t.$props.class)),
-			"data-appearance": c.appearance
-		}, [o("div", _, [f(t.$slots, "icon", {}, () => [c.icon ? (d(), r(p(c.icon), {
+		}), x = r(() => t(v.value, v.placeholder).display);
+		return (t, r) => (d(), o("div", {
+			class: u(m(e)("metric-cell", y.value, t.$props.class)),
+			"data-appearance": l.appearance
+		}, [s("div", g, [f(t.$slots, "icon", {}, () => [l.icon ? (d(), i(m(n), {
 			key: 0,
-			size: c.iconSize,
-			"stroke-width": c.iconStrokeWidth,
-			style: u(c.iconColor ? { color: c.iconColor } : void 0),
-			"aria-hidden": "true"
+			bare: "",
+			icon: l.icon,
+			tone: l.iconColor,
+			"glyph-size": l.iconSize,
+			"stroke-width": l.iconStrokeWidth
 		}, null, 8, [
-			"size",
-			"stroke-width",
-			"style"
-		])) : i("", !0)]), f(t.$slots, "label", {}, () => [o("span", null, m(c.label), 1)])]), o("div", { class: l(["metric-cell__value", x.value]) }, [f(t.$slots, "value", {}, () => [s(m(S.value), 1)]), c.unit ? (d(), a("span", v, m(c.unit), 1)) : i("", !0)], 2)], 10, g));
+			"icon",
+			"tone",
+			"glyph-size",
+			"stroke-width"
+		])) : a("", !0)]), f(t.$slots, "label", {}, () => [s("span", null, p(l.label), 1)])]), s("div", { class: u(["metric-cell__value", b.value]) }, [f(t.$slots, "value", {}, () => [c(p(x.value), 1)]), l.unit ? (d(), o("span", _, p(l.unit), 1)) : a("", !0)], 2)], 10, h));
 	}
 });
 //#endregion
-export { y as MetricCell };
+export { v as MetricCell };

package/dist/metric-stack.js

@@ -1,6 +1,6 @@
 import { t as e } from "./cn-DJXf4yaB.js";
 import { n as t } from "./coalesceMetric-5qIeZnTx.js";
-import { t as n } from "./_plugin-vue_export-helper-ok8pgSl5.js";
+import { t as n } from "./_plugin-vue_export-helper-C1je1s0u.js";
 import { computed as r, createBlock as i, createCommentVNode as a, createElementBlock as o, createElementVNode as s, createTextVNode as c, defineComponent as l, normalizeClass as u, normalizeStyle as d, openBlock as f, renderSlot as p, resolveDynamicComponent as m, toDisplayString as h, unref as g, withCtx as _ } from "vue";
 //#endregion
 //#region src/components/custom/metric-stack/MetricStack.vue
@@ -74,6 +74,7 @@ var v = /* @__PURE__ */ n(/* @__PURE__ */ l({
 	setup(n) {
 		let l = n, _ = r(() => t(l.value, l.placeholder).display), v = r(() => ({
 			...l.phaseColor ? { "--phase-color": l.phaseColor } : {},
+			...l.phaseColor ? { "--metric-row-icon-color": l.phaseColor } : {},
 			"--digit-count": String(l.digitCount)
 		}));
 		return (t, r) => (f(), o("div", {
@@ -87,13 +88,8 @@ var v = /* @__PURE__ */ n(/* @__PURE__ */ l({
 				class: "metric-row__icon result-icon",
 				size: n.iconSize,
 				"stroke-width": n.iconStrokeWidth,
-				style: d(n.phaseColor ? { color: n.phaseColor } : void 0),
 				"aria-hidden": "true"
-			}, null, 8, [
-				"size",
-				"stroke-width",
-				"style"
-			])) : a("", !0)]),
+			}, null, 8, ["size", "stroke-width"])) : a("", !0)]),
 			p(t.$slots, "label", {}, () => [s("span", b, h(n.label), 1)]),
 			s("span", x, [
 				p(t.$slots, "aura"),
@@ -103,6 +99,6 @@ var v = /* @__PURE__ */ n(/* @__PURE__ */ l({
 			p(t.$slots, "description")
 		], 14, y));
 	}
-}), [["__scopeId", "data-v-0c455119"]]);
+}), [["__scopeId", "data-v-e1e103d2"]]);
 //#endregion
 export { w as MetricRow, v as MetricStack };

package/dist/motion-core.js

@@ -1,16 +1,17 @@
-import { i as e, n as t, r as n, t as r } from "./vReveal-CqaCz_mC.js";
-import { n as i } from "./supportsCssTimeline-BWenxvHU.js";
-import { t as a } from "./useTextHighlight-DmRYkOBx.js";
-import { t as o } from "./useLiquidFlex-BL0lLLN2.js";
-import { t as s } from "./useIntersectionPause-Cc-H9ees.js";
-import { t as c } from "./useScrollProgress-Dlvx-L3v.js";
-import { n as l, t as u } from "./constants-CS75AWHG.js";
-import { n as d, r as f, t as p } from "./useRAFLoop-Bxv0o6L5.js";
-import { onBeforeUnmount as m, onScopeDispose as h, reactive as g, ref as _ } from "vue";
+import { a as e, i as t, n, o as r, r as i, t as a } from "./usePointerVelocityField-JbRd5CrM.js";
+import { n as o } from "./supportsCssTimeline-BWenxvHU.js";
+import { t as s } from "./useLiquidFlex-mZPMiNXh.js";
+import { t as c } from "./vReveal-Czsb7zQC.js";
+import { t as l } from "./useTextHighlight-CWEi25hf.js";
+import { t as u } from "./useIntersectionPause-Bj4sPkMh.js";
+import { t as d } from "./useScrollProgress-D7bYU2RK.js";
+import { n as f, t as p } from "./constants-BPOqYJAm.js";
+import { n as m, r as h, t as g } from "./useRAFLoop-UYa4zoiN.js";
+import { onBeforeUnmount as _, onScopeDispose as v, reactive as y, ref as b } from "vue";
 //#region src/composables/motion/useStaggerReveal.ts
-var v = i();
-function y(e = {}) {
-	let { staggerMs: t = 60, once: n = !0, rootMargin: r = "0px", threshold: i = .15 } = e, a = _([]), o = g({}), s = /* @__PURE__ */ new WeakMap(), c = /* @__PURE__ */ new Set(), l = v || typeof IntersectionObserver > "u" ? null : new IntersectionObserver((e) => {
+var x = o();
+function S(e = {}) {
+	let { staggerMs: t = 60, once: n = !0, rootMargin: r = "0px", threshold: i = .15 } = e, a = b([]), o = y({}), s = /* @__PURE__ */ new WeakMap(), c = /* @__PURE__ */ new Set(), l = x || 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) {
@@ -27,9 +28,9 @@ function y(e = {}) {
 	function u(e, t) {
 		if (!e) return;
 		let n = t ?? a.value.length;
-		s.has(e) || (s.set(e, n), a.value.push(e), o[n] = v, l?.observe(e));
+		s.has(e) || (s.set(e, n), a.value.push(e), o[n] = x, l?.observe(e));
 	}
-	return m(() => {
+	return _(() => {
 		l?.disconnect();
 		for (let e of c) clearTimeout(e);
 		c.clear();
@@ -41,11 +42,11 @@ function y(e = {}) {
 }
 //#endregion
 //#region src/composables/motion/useStagger.ts
-function b() {
+function C() {
 	return typeof window > "u" || typeof window.matchMedia != "function" ? !1 : window.matchMedia("(prefers-reduced-motion: reduce)").matches;
 }
-function x(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 = _(Array(t).fill(!1)), s = _(t === 0), c = /* @__PURE__ */ new Set();
+function w(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 = b(Array(t).fill(!1)), s = b(t === 0), c = /* @__PURE__ */ new Set();
 	function l() {
 		for (let e of c) clearTimeout(e);
 		c.clear();
@@ -61,7 +62,7 @@ function x(e) {
 			s.value = !0;
 			return;
 		}
-		if (a && b()) {
+		if (a && C()) {
 			d();
 			return;
 		}
@@ -73,7 +74,7 @@ function x(e) {
 			c.add(a);
 		}
 	}
-	return i && f(), h(l), {
+	return i && f(), v(l), {
 		revealed: o,
 		start: f,
 		reset: u,
@@ -82,16 +83,16 @@ function x(e) {
 }
 //#endregion
 //#region src/composables/motion/usePrioritizedTask.ts
-function S() {
-	if (!e()) return null;
-	let t = globalThis.scheduler;
-	return t?.postTask?.bind(t) ?? null;
+function T() {
+	if (!r()) return null;
+	let e = globalThis.scheduler;
+	return e?.postTask?.bind(e) ?? null;
 }
-function C() {
+function E() {
 	let e = /* @__PURE__ */ Error("The task was aborted.");
 	return e.name = "AbortError", e;
 }
-function w(e) {
+function D(e) {
 	let t = e.filter((e) => e != null);
 	if (t.length === 0) return;
 	if (t.length === 1) return t[0];
@@ -106,20 +107,20 @@ function w(e) {
 	}
 	return n.signal;
 }
-function T(e, t = {}) {
-	let { priority: n, signal: r, delay: i } = t, a = S();
+function O(e, t = {}) {
+	let { priority: n, signal: r, delay: i } = t, a = T();
 	return a ? a(e, {
 		priority: n,
 		signal: r,
 		delay: i
 	}) : new Promise((t, n) => {
 		if (r?.aborted) {
-			n(C());
+			n(E());
 			return;
 		}
 		let a = () => {
 			if (r?.aborted) {
-				n(C());
+				n(E());
 				return;
 			}
 			try {
@@ -136,20 +137,20 @@ function T(e, t = {}) {
 		i && i > 0 ? setTimeout(o, i) : o();
 	});
 }
-function E(e) {
+function k(e) {
 	let t = globalThis.TaskController;
 	return typeof t == "function" ? new t(e ? { priority: e } : void 0) : null;
 }
-function D(e) {
-	let t = E(e);
+function A(e) {
+	let t = k(e);
 	return {
-		postTask: (n, r = {}) => T(n, {
+		postTask: (n, r = {}) => O(n, {
 			priority: e,
 			...r,
-			signal: w([t?.signal, r.signal])
+			signal: D([t?.signal, r.signal])
 		}),
 		abort: (e) => t?.abort(e)
 	};
 }
 //#endregion
-export { u as DAMPING, l as SNAP_THRESHOLD, T as postTaskSafe, t as startViewTransition, n as supportsViewTransitions, s as useIntersectionPause, o as useLiquidFlex, D as usePrioritizedTask, p as useRAFLoop, c as useScrollProgress, x as useStagger, y as useStaggerReveal, a as useTextHighlight, d as useYieldToMain, r as vReveal, f as yieldToMain };
+export { p as DAMPING, f as SNAP_THRESHOLD, n as navigate, O as postTaskSafe, i as startViewTransition, t as supportsRouteTransitions, e as supportsViewTransitions, u as useIntersectionPause, s as useLiquidFlex, a as usePointerVelocityField, A as usePrioritizedTask, g as useRAFLoop, d as useScrollProgress, w as useStagger, S as useStaggerReveal, l as useTextHighlight, m as useYieldToMain, c as vReveal, h as yieldToMain };

package/dist/motion-curves.js

@@ -1,4 +1,4 @@
-import { n as e, t } from "./springPresets--YdWTHtm.js";
+import { n as e, t } from "./springPresets-CFQGQfdl.js";
 import { springTimingFunction as n } from "@mkbabb/keyframes.js";
 import { CSSCubicBezier as r, CSSCubicBezier as i, easeInBounce as a, easeInCirc as o, easeInCubic as s, easeInExpo as c, easeInOutCirc as l, easeInOutCubic as u, easeInOutExpo as d, easeInOutQuad as f, easeInOutSine as p, easeInQuad as m, easeInSine as h, easeOutCirc as g, easeOutCubic as _, easeOutExpo as v, easeOutExpo as y, easeOutQuad as b, easeOutSine as x, linear as S } from "@mkbabb/value.js";
 //#region src/composables/motion/curves.ts