@mkbabb/glass-ui 5.0.0 → 6.0.0

package/dist/color.js

@@ -1,3 +1,87 @@
-import { t as e } from "./useAccentTone-D25DxviG.js";
-import { a as t, c as n, i as r, l as i, n as a, o, r as s, s as c, t as l } from "./color-Bp5jmv4Z.js";
-export { l as cssToOklch, a as defaultBlobColorResolver, s as deriveBlobPalette, r as deriveHue, t as gamutMapStop, o as oklchStopToHex, c as oklchToGammaRgb, n as oklchToLinear, e as useAccentTone, i as warmCatchLight };
+import { t as e } from "./useAccentTone-C-p6WdPe.js";
+import { colorUnit2 as t, gamutMapOKLab as n, interpolateHue as r, isInSRGBGamut as i, oklabToLinearSRGB as a, oklabToRgb255 as o, parseCSSColor as s, rawOklabToOklch as c, rawOklchToOklab as l, srgbToOKLab as u } from "@mkbabb/value.js";
+//#region src/composables/color/index.ts
+function d(e) {
+	let [t, n, r] = l(e.L, e.C, e.h), [i, o, s] = a(t, n, r);
+	return [
+		Math.max(0, i),
+		Math.max(0, o),
+		Math.max(0, s)
+	];
+}
+function f(e, t, n) {
+	if (!Number.isFinite(e) || !Number.isFinite(t) || !Number.isFinite(n)) throw Error(`warmCatchLight: non-finite OKLCh anchor (L=${e}, C=${t}, h=${n})`);
+	return d({
+		L: e,
+		C: t,
+		h: n
+	});
+}
+function p(e) {
+	let [t, n, r] = l(e.L, e.C, e.h), [i, a, s] = o(t, n, r), c = (e) => Math.min(1, Math.max(0, e / 255));
+	return [
+		c(i),
+		c(a),
+		c(s)
+	];
+}
+function m(e) {
+	let n = t(s(e), "rgb").value, [r, i, a] = u(Number(n.r), Number(n.g), Number(n.b)), [o, l, d] = c(r, i, a);
+	return {
+		L: o,
+		C: l,
+		h: d
+	};
+}
+function h(e) {
+	let [t, n, r] = l(e.L, e.C, e.h), [i, a, s] = o(t, n, r), c = (e) => Math.round(e).toString(16).padStart(2, "0");
+	return `#${c(i)}${c(a)}${c(s)}`;
+}
+var g = (e) => p(m(e)), _ = {
+	complementary: "longer",
+	"split-complementary": "longer",
+	analogous: "shorter",
+	monochrome: "shorter",
+	triad: "increasing",
+	tetradic: "increasing"
+}, v = (e) => (e % 360 + 360) % 360;
+function y(e, t, n, i) {
+	let a = _[t], o = (e, t) => v(r(v(e) / 360, v(t) / 360, i, a) * 360);
+	switch (t) {
+		case "monochrome": return v(e);
+		case "complementary": return o(e, e + 180);
+		case "split-complementary": return o(e + 150, e + 210);
+		case "triad": return o(e, e + 240);
+		case "tetradic": return o(e, e + 270);
+		default: return o(e - n, e + n);
+	}
+}
+function b(e) {
+	let [t, r, o] = l(e.L, e.C, e.h), [s, u, d] = n(t, r, o), [f, p, m] = c(s, u, d), h = p;
+	for (let e = 0; e < 6; e++) {
+		let [e, t, n] = l(f, h, m), [r, o, s] = a(e, t, n);
+		if (i(r, o, s)) break;
+		h *= .999;
+	}
+	return {
+		L: f,
+		C: h,
+		h: m
+	};
+}
+function x(e, t = {}) {
+	let n = typeof e == "string" ? m(e) : e, { stopCount: r = 3, harmony: i = "analogous", lightnessSpread: a = .18, hueSpread: o = 24, chromaBump: s = .03, chromaCeiling: c, bodyLightness: l, lightnessFloor: u } = t, d = l === void 0 ? n.L - a / 2 : l, f = u === void 0 ? .05 : u, p = Math.max(2, Math.min(4, Math.round(r))), h = [];
+	for (let e = 0; e < p; e++) {
+		let t = p === 1 ? 0 : e / (p - 1), r = d + a * t, l = Math.max(0, n.C + s * Math.sin(Math.PI * t));
+		c !== void 0 && (l = Math.min(l, c));
+		let u = y(n.h, i, o, t);
+		h.push(b({
+			L: Math.min(.98, Math.max(f, r)),
+			C: l,
+			h: u
+		}));
+	}
+	return h;
+}
+//#endregion
+export { m as cssToOklch, g as defaultBlobColorResolver, x as deriveBlobPalette, y as deriveHue, b as gamutMapStop, h as oklchStopToHex, p as oklchToGammaRgb, d as oklchToLinear, e as useAccentTone, f as warmCatchLight };

package/dist/{CommandShortcut-fmdbsEJL.js → command-BjPjUU9z.js}

@@ -1,13 +1,13 @@
 import { t as e } from "./class-names-5jotTFzp.js";
 import { t } from "./useSurfaceAxis-DudiZVOR.js";
-import { r as n, t as r } from "./DialogContent-Bl4v10AC.js";
-import { t as i } from "./menuItemVariants-DbO-Fr74.js";
-import { computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, guardReactiveProps as p, mergeProps as m, normalizeClass as h, normalizeProps as g, openBlock as _, renderSlot as v, toDisplayString as y, unref as b, withCtx as x } from "vue";
-import { ComboboxContent as S, ComboboxEmpty as C, ComboboxGroup as w, ComboboxInput as T, ComboboxItem as E, ComboboxLabel as D, ComboboxRoot as O, ComboboxSeparator as k, useForwardProps as A, useForwardPropsEmits as j } from "reka-ui";
-import { Search as M } from "@lucide/vue";
+import { c as n, n as r } from "./dialog-BzQxKrUr.js";
+import { t as i } from "./menuItemVariants-D6AOzzND.js";
+import { computed as a, createBlock as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, mergeProps as p, normalizeClass as m, openBlock as h, renderSlot as g, toDisplayString as _, unref as v, withCtx as y } from "vue";
+import { ComboboxContent as b, ComboboxEmpty as x, ComboboxGroup as S, ComboboxInput as C, ComboboxItem as w, ComboboxLabel as T, ComboboxRoot as E, ComboboxSeparator as D, useForwardProps as O, useForwardPropsEmits as k } from "reka-ui";
+import { Search as A } from "@lucide/vue";
 //#endregion
 //#region src/components/command/Command.vue
-var N = /* @__PURE__ */ f({
+var j = /* @__PURE__ */ f({
 	__name: "Command",
 	props: {
 		open: {
@@ -47,47 +47,52 @@ var N = /* @__PURE__ */ f({
 		"update:open"
 	],
 	setup(n, { emit: r }) {
-		let i = n, s = r, c = j(a(() => {
+		let i = n, s = r, c = k(a(() => {
 			let { class: e, surface: t, ...n } = i;
 			return n;
 		}), s), l = a(() => t(i.surface));
-		return (t, n) => (_(), o(b(O), m({ "data-slot": "command" }, b(c), {
+		return (t, n) => (h(), o(v(E), p({ "data-slot": "command" }, v(c), {
 			"data-surface": i.surface,
-			class: b(e)("glass-floating flex h-full w-full flex-col overflow-hidden rounded-panel text-popover-foreground", l.value, i.class)
+			class: v(e)("glass-floating flex h-full w-full flex-col overflow-hidden rounded-panel text-popover-foreground", l.value, i.class)
 		}), {
-			default: x(() => [v(t.$slots, "default")]),
+			default: y(() => [g(t.$slots, "default")]),
 			_: 3
 		}, 16, ["data-surface", "class"]));
 	}
-}), P = /* @__PURE__ */ f({
+}), M = /* @__PURE__ */ f({
 	__name: "CommandDialog",
 	props: {
 		open: { type: Boolean },
 		defaultOpen: { type: Boolean },
 		modal: { type: Boolean },
-		surface: { default: "glass" }
+		surface: { default: "glass" },
+		modelValue: {}
 	},
-	emits: ["update:open"],
+	emits: ["update:open", "update:modelValue"],
 	setup(e, { emit: t }) {
-		let i = e, s = t, c = j(a(() => {
-			let { surface: e, ...t } = i;
-			return t;
-		}), s);
-		return (e, t) => (_(), o(b(n), g(p(b(c))), {
-			default: x(() => [d(b(r), {
+		let i = e, s = t, c = a(() => {
+			let { surface: e, modelValue: t, ...n } = i;
+			return n;
+		});
+		return (e, t) => (h(), o(v(n), p(c.value, { "onUpdate:open": t[1] ||= (e) => s("update:open", e) }), {
+			default: y(() => [d(v(r), {
 				surface: i.surface,
 				class: "overflow-hidden p-0"
 			}, {
-				default: x(() => [d(N, { class: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[data-cmdk-input-wrapper]_svg]:h-5 [&_[data-cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5" }, {
-					default: x(() => [v(e.$slots, "default")]),
+				default: y(() => [d(j, {
+					"model-value": i.modelValue,
+					class: "[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[data-cmdk-input-wrapper]_svg]:h-5 [&_[data-cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5",
+					"onUpdate:modelValue": t[0] ||= (e) => s("update:modelValue", e)
+				}, {
+					default: y(() => [g(e.$slots, "default")]),
 					_: 3
-				})]),
+				}, 8, ["model-value"])]),
 				_: 3
 			}, 8, ["surface"])]),
 			_: 3
 		}, 16));
 	}
-}), F = /* @__PURE__ */ f({
+}), N = /* @__PURE__ */ f({
 	__name: "CommandEmpty",
 	props: {
 		asChild: { type: Boolean },
@@ -105,12 +110,12 @@ var N = /* @__PURE__ */ f({
 			let { class: e, ...t } = n;
 			return t;
 		});
-		return (t, i) => (_(), o(b(C), m(r.value, { class: b(e)("py-6 text-center text-dropdown", n.class) }), {
-			default: x(() => [v(t.$slots, "default")]),
+		return (t, i) => (h(), o(v(x), p(r.value, { class: v(e)("py-6 text-center text-dropdown", n.class) }), {
+			default: y(() => [g(t.$slots, "default")]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), I = /* @__PURE__ */ f({
+}), P = /* @__PURE__ */ f({
 	__name: "CommandGroup",
 	props: {
 		asChild: { type: Boolean },
@@ -129,21 +134,21 @@ var N = /* @__PURE__ */ f({
 			let { class: e, ...t } = n;
 			return t;
 		});
-		return (i, a) => (_(), o(b(w), m(r.value, { class: b(e)("overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-dropdown-secondary [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground", n.class) }), {
-			default: x(() => [t.heading ? (_(), o(b(D), {
+		return (i, a) => (h(), o(v(S), p(r.value, { class: v(e)("overflow-hidden p-1 text-foreground [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-dropdown-secondary [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-muted-foreground", n.class) }), {
+			default: y(() => [t.heading ? (h(), o(v(T), {
 				key: 0,
 				class: "px-2 py-1.5 text-dropdown-secondary font-medium text-muted-foreground"
 			}, {
-				default: x(() => [u(y(t.heading), 1)]),
+				default: y(() => [u(_(t.heading), 1)]),
 				_: 1
-			})) : s("", !0), v(i.$slots, "default")]),
+			})) : s("", !0), g(i.$slots, "default")]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), L = {
+}), F = {
 	class: "flex items-center border-b px-3",
 	"data-cmdk-input-wrapper": ""
-}, R = /* @__PURE__ */ f({
+}, I = /* @__PURE__ */ f({
 	inheritAttrs: !1,
 	__name: "CommandInput",
 	props: {
@@ -163,19 +168,19 @@ var N = /* @__PURE__ */ f({
 		placeholder: {}
 	},
 	setup(t) {
-		let n = t, r = A(a(() => {
+		let n = t, r = O(a(() => {
 			let { class: e, ...t } = n;
 			return t;
 		}));
-		return (t, i) => (_(), c("div", L, [d(b(M), { class: "mr-2 h-4 w-4 shrink-0 opacity-50" }), d(b(T), m({
-			...b(r),
+		return (t, i) => (h(), c("div", F, [d(v(A), { class: "mr-2 h-4 w-4 shrink-0 opacity-50" }), d(v(C), p({
+			...v(r),
 			...t.$attrs
 		}, {
 			"auto-focus": "",
-			class: b(e)("flex h-(--dropdown-input-height) w-full rounded-input bg-transparent py-3 text-dropdown outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-disabled", n.class)
+			class: v(e)("flex h-(--dropdown-input-height) w-full rounded-input bg-transparent py-3 text-dropdown outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed disabled:opacity-disabled", n.class)
 		}), null, 16, ["class"])]));
 	}
-}), z = /* @__PURE__ */ f({
+}), L = /* @__PURE__ */ f({
 	__name: "CommandItem",
 	props: {
 		textValue: {},
@@ -193,16 +198,16 @@ var N = /* @__PURE__ */ f({
 	},
 	emits: ["select"],
 	setup(t, { emit: n }) {
-		let r = t, s = n, c = j(a(() => {
+		let r = t, s = n, c = k(a(() => {
 			let { class: e, ...t } = r;
 			return t;
 		}), s);
-		return (t, n) => (_(), o(b(E), m(b(c), { class: b(e)(b(i)({ indicator: "none" }), r.class) }), {
-			default: x(() => [v(t.$slots, "default")]),
+		return (t, n) => (h(), o(v(w), p(v(c), { class: v(e)(v(i)({ indicator: "none" }), r.class) }), {
+			default: y(() => [g(t.$slots, "default")]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), B = { role: "presentation" }, V = /* @__PURE__ */ f({
+}), R = { role: "presentation" }, z = /* @__PURE__ */ f({
 	__name: "CommandList",
 	props: {
 		forceMount: { type: Boolean },
@@ -249,19 +254,19 @@ var N = /* @__PURE__ */ f({
 		"interactOutside"
 	],
 	setup(t, { emit: n }) {
-		let r = t, i = n, s = j(a(() => {
+		let r = t, i = n, s = k(a(() => {
 			let { class: e, surface: t, ...n } = r;
 			return n;
 		}), i);
-		return (t, n) => (_(), o(b(S), m(b(s), {
+		return (t, n) => (h(), o(v(b), p(v(s), {
 			"data-surface": r.surface,
-			class: b(e)("max-h-(--overlay-max-block) overflow-y-auto overflow-x-hidden", "scroll-gutter-stable", "[--overlay-pad-inline:--spacing(1)] [--overlay-pad-block:calc(var(--overlay-pad-inline)*1.272)] px-(--overlay-pad-inline) py-(--overlay-pad-block)", r.class)
+			class: v(e)("max-h-(--overlay-max-block) overflow-y-auto overflow-x-hidden", "scroll-gutter-stable", "[--overlay-pad-inline:--spacing(1)] [--overlay-pad-block:calc(var(--overlay-pad-inline)*1.272)] px-(--overlay-pad-inline) py-(--overlay-pad-block)", r.class)
 		}), {
-			default: x(() => [l("div", B, [v(t.$slots, "default")])]),
+			default: y(() => [l("div", R, [g(t.$slots, "default")])]),
 			_: 3
 		}, 16, ["data-surface", "class"]));
 	}
-}), H = /* @__PURE__ */ f({
+}), B = /* @__PURE__ */ f({
 	__name: "CommandSeparator",
 	props: {
 		asChild: { type: Boolean },
@@ -279,12 +284,12 @@ var N = /* @__PURE__ */ f({
 			let { class: e, ...t } = n;
 			return t;
 		});
-		return (t, i) => (_(), o(b(k), m(r.value, { class: b(e)("-mx-1 h-px bg-border", n.class) }), {
-			default: x(() => [v(t.$slots, "default")]),
+		return (t, i) => (h(), o(v(D), p(r.value, { class: v(e)("-mx-1 h-px bg-border", n.class) }), {
+			default: y(() => [g(t.$slots, "default")]),
 			_: 3
 		}, 16, ["class"]));
 	}
-}), U = /* @__PURE__ */ f({
+}), V = /* @__PURE__ */ f({
 	__name: "CommandShortcut",
 	props: { class: { type: [
 		Boolean,
@@ -295,8 +300,8 @@ var N = /* @__PURE__ */ f({
 	] } },
 	setup(t) {
 		let n = t;
-		return (t, r) => (_(), c("span", { class: h(b(e)("ml-auto text-dropdown-secondary tracking-widest text-muted-foreground", n.class)) }, [v(t.$slots, "default")], 2));
+		return (t, r) => (h(), c("span", { class: m(v(e)("ml-auto text-dropdown-secondary tracking-widest text-muted-foreground", n.class)) }, [g(t.$slots, "default")], 2));
 	}
 });
 //#endregion
-export { R as a, P as c, z as i, N as l, H as n, I as o, V as r, F as s, U as t };
+export { I as a, M as c, L as i, j as l, B as n, P as o, z as r, N as s, V as t };

package/dist/command.js

@@ -1,2 +1,2 @@
-import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "./CommandShortcut-fmdbsEJL.js";
+import { a as e, c as t, i as n, l as r, n as i, o as a, r as o, s, t as c } from "./command-BjPjUU9z.js";
 export { r as Command, t as CommandDialog, s as CommandEmpty, a as CommandGroup, e as CommandInput, n as CommandItem, o as CommandList, i as CommandSeparator, c as CommandShortcut };

package/dist/completion-seal.js

@@ -1,66 +1,75 @@
 import { t as e } from "./class-names-5jotTFzp.js";
-import { Fragment as t, computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, normalizeClass as s, onMounted as c, openBlock as l, readonly as u, ref as d, toDisplayString as f, toRef as p, unref as m, watch as h } from "vue";
+import { Fragment as t, computed as n, createCommentVNode as r, createElementBlock as i, createElementVNode as a, defineComponent as o, normalizeClass as s, onMounted as c, onScopeDispose as l, openBlock as u, readonly as d, ref as f, toDisplayString as p, toRef as m, unref as h, watch as g } from "vue";
+import { useMediaQuery as _ } from "@vueuse/core";
 //#region src/components/completion-seal/composables/useCompletionSeal.ts
-function g() {
-	return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-}
-function _(e) {
+function v(e) {
 	if (e != null) return typeof e == "function" ? e() : e.value;
 }
-function v(e = {}) {
-	let { play: t, respectReducedMotion: r = !0 } = e, i = d(!1), a = d(!1), o = n(() => r && g());
-	function s() {
-		if (o.value) {
-			i.value = !1, a.value = !0;
+function y(e = {}) {
+	let { play: t, respectReducedMotion: r = !0 } = e, i = f(!1), a = f(!1), o = _("(prefers-reduced-motion: reduce)"), s = n(() => r && o.value), u = null;
+	function p() {
+		u !== null && (cancelAnimationFrame(u), u = null), i.value = !1, a.value = !0;
+	}
+	function m() {
+		if (s.value) {
+			p();
 			return;
 		}
-		i.value = !1, typeof requestAnimationFrame == "function" ? requestAnimationFrame(() => {
+		i.value = !1, typeof requestAnimationFrame == "function" ? (u !== null && cancelAnimationFrame(u), u = requestAnimationFrame(() => {
+			if (u = null, s.value) {
+				p();
+				return;
+			}
 			i.value = !0, a.value = !0;
-		}) : (i.value = !0, a.value = !0);
+		})) : (i.value = !0, a.value = !0);
 	}
-	return t == null ? c(s) : (c(() => {
-		_(t) && s();
-	}), h(() => _(t), (e, t) => {
-		e && !t && s();
+	return g(s, (e) => {
+		e && p();
+	}), l(() => {
+		u !== null && cancelAnimationFrame(u);
+	}), t == null ? c(m) : (c(() => {
+		v(t) && m();
+	}), g(() => v(t), (e, t) => {
+		e && !t && m();
 	})), {
-		playing: u(i),
-		drawn: u(a),
-		reduced: u(o),
-		draw: s
+		playing: d(i),
+		drawn: d(a),
+		reduced: d(s),
+		draw: m
 	};
 }
-var y = "0 0 64 64", b = {
+var b = "0 0 64 64", x = {
 	check: "M16 33 L28 45 L48 19",
 	wordmark: "M14 30 L26 42 L50 16 M14 50 L50 50"
-}, x = {
+}, S = {
 	cx: 32,
 	cy: 32,
 	r: 24
-}, S = {
+}, C = {
 	cx: 32,
 	cy: 32,
 	r: 21
-}, C = [
+}, w = [
 	"data-shape",
 	"data-best",
 	"data-play",
 	"data-drawn"
-], w = ["viewBox"], T = [
+], T = ["viewBox"], E = [
 	"cx",
 	"cy",
 	"r"
-], E = [
+], D = [
 	"cx",
 	"cy",
 	"r"
-], D = ["d"], O = [
+], O = ["d"], k = [
 	"cx",
 	"cy",
 	"r"
-], k = ["d"], A = {
+], A = ["d"], j = {
 	key: 0,
 	class: "sr-only"
-}, j = /* @__PURE__ */ o({
+}, M = /* @__PURE__ */ o({
 	name: "CompletionSeal",
 	__name: "CompletionSeal",
 	props: {
@@ -71,53 +80,53 @@ var y = "0 0 64 64", b = {
 		class: {}
 	},
 	setup(o) {
-		let c = o, u = n(() => c.shape ?? "check"), d = n(() => u.value === "wordmark" ? b.wordmark : b.check), { playing: h, drawn: g } = v({ play: c.play === void 0 ? void 0 : p(c, "play") });
-		return (n, o) => (l(), i("div", {
-			class: s(["completion-seal", m(e)(c.class)]),
-			"data-shape": u.value,
+		let c = o, l = n(() => c.shape ?? "check"), d = n(() => l.value === "wordmark" ? x.wordmark : x.check), { playing: f, drawn: g } = y({ play: c.play === void 0 ? void 0 : m(c, "play") });
+		return (n, o) => (u(), i("div", {
+			class: s(["completion-seal", h(e)(c.class)]),
+			"data-shape": l.value,
 			"data-best": c.personalBest ? "" : void 0,
-			"data-play": m(h) ? "" : void 0,
-			"data-drawn": m(g) ? "" : void 0,
+			"data-play": h(f) ? "" : void 0,
+			"data-drawn": h(g) ? "" : void 0,
 			role: "status",
 			"aria-live": "polite"
-		}, [(l(), i("svg", {
+		}, [(u(), i("svg", {
 			class: "completion-seal__svg",
-			viewBox: m(y),
+			viewBox: h(b),
 			"aria-hidden": "true",
 			focusable: "false"
-		}, [u.value === "disc" ? (l(), i(t, { key: 0 }, [
+		}, [l.value === "disc" ? (u(), i(t, { key: 0 }, [
 			a("circle", {
 				class: "completion-seal__disc",
-				cx: m(S).cx,
-				cy: m(S).cy,
-				r: m(S).r
-			}, null, 8, T),
+				cx: h(C).cx,
+				cy: h(C).cy,
+				r: h(C).r
+			}, null, 8, E),
 			a("circle", {
 				class: "completion-seal__mark completion-seal__ring",
-				cx: m(x).cx,
-				cy: m(x).cy,
-				r: m(x).r,
+				cx: h(S).cx,
+				cy: h(S).cy,
+				r: h(S).r,
 				pathLength: "100"
-			}, null, 8, E),
+			}, null, 8, D),
 			a("path", {
 				class: "completion-seal__mark completion-seal__check",
-				d: m(b).check,
+				d: h(x).check,
 				pathLength: "100"
-			}, null, 8, D)
-		], 64)) : u.value === "ring" ? (l(), i("circle", {
+			}, null, 8, O)
+		], 64)) : l.value === "ring" ? (u(), i("circle", {
 			key: 1,
 			class: "completion-seal__mark",
-			cx: m(x).cx,
-			cy: m(x).cy,
-			r: m(x).r,
+			cx: h(S).cx,
+			cy: h(S).cy,
+			r: h(S).r,
 			pathLength: "100"
-		}, null, 8, O)) : (l(), i("path", {
+		}, null, 8, k)) : (u(), i("path", {
 			key: 2,
 			class: "completion-seal__mark",
 			d: d.value,
 			pathLength: "100"
-		}, null, 8, k))], 8, w)), c.label ? (l(), i("span", A, f(c.label), 1)) : r("", !0)], 10, C));
+		}, null, 8, A))], 8, T)), c.label ? (u(), i("span", j, p(c.label), 1)) : r("", !0)], 10, w));
 	}
 });
 //#endregion
-export { j as CompletionSeal, v as useCompletionSeal };
+export { M as CompletionSeal, y as useCompletionSeal };

package/dist/components/_shared/ModalOverlay.vue.d.ts

@@ -1,65 +1,20 @@
 import { type HTMLAttributes } from "vue";
-/**
- * ModalOverlay — canonical wrapper for Dialog / Sheet / AlertDialog scrim
- * declarations (V.W3.T4 / A5 §4). Three near-bit-identical class strings
- * (DialogContent, DialogScrollContent, SheetContent) collapse onto one
- * primitive parameterised by:
- *
- * - `scrim`: `glass` (default — `bg-overlay-scrim`) | `dim`
- *   (`bg-overlay-scrim-strong`) | `clear` (`bg-overlay-scrim-subtle`)
- * - `animate`: `fade` (default — composes `.sheet-animate`) | `scale`
- *   | `slide` | `none` (Drawer / vaul-vue case)
- * - `layout`: `centered` (default flat overlay) | `edge` (reserved alias —
- *   maps to no-op today; held for future right/bottom edge-pinned overlays
- *   per A5 §4.4 forward-reservation) | `scroll` (the DialogScrollContent
- *   pattern: grid place-items-center overflow-y-auto so content scrolls
- *   inside the scrim)
- * - `scrimAnimation` (AJ-W4-δ): a CSS `animation` shorthand value forwarded
- *   to the portaled overlay element via the typed `--scrim-animation`
- *   cascade variable. Consumers that need a long-running scrim-breath
- *   (e.g. CellularWarningDialog's slow opacity pulse) cannot reach the
- *   portaled overlay through their scoped CSS — reka-ui's DialogPortal
- *   teleports it outside the consumer's component subtree. The publisher
- *   owns the bridge: the prop value lands as `--scrim-animation` on the
- *   overlay's inline style, and the rule
- *   `[data-scrim-animation] { animation: var(--scrim-animation, none) }`
- *   in the canonical animations.css consumes it.
- *
- * Drawer / vaul-vue stays carved per A5 §4.4 — its transform-driven motion
- * conflicts with `.sheet-animate`'s data-state animation, and the
- * vaul-vue overlay is a different reka-ui primitive entirely.
- */
+/** Canonical Dialog scrim with one enter/exit recipe and a real intensity axis. */
 interface ModalOverlayProps {
     class?: HTMLAttributes["class"];
     /**
-     * Scrim intensity. `glass` reads `--overlay-scrim` (the default Dialog /
-     * Sheet paint); `clear` reads `--overlay-scrim-subtle` (DialogScrollContent
-     * — quieter so chassis content shows through); `dim` reads
-     * `--overlay-scrim-strong` (Drawer / heavy-modal host).
+     * Scrim intensity. `glass` reads `--overlay-scrim`; `clear` reads
+     * `--overlay-scrim-subtle`; `dim` reads `--overlay-scrim-strong`.
      */
     scrim?: "glass" | "clear" | "dim";
-    /**
-     * Animation grammar. `fade` enables the canonical `.sheet-animate`
-     * data-state pair (Dialog, Sheet); `none` skips it for hosts whose
-     * portal library drives its own motion.
-     */
-    animate?: "fade" | "scale" | "slide" | "none";
-    /**
-     * Layout — `centered` is the default flat overlay. `scroll` adds
-     * `grid place-items-center overflow-y-auto` so content scrolls inside
-     * the scrim (DialogScrollContent's "scrollable centred dialog" pattern).
-     * `edge` is a forward-reserved alias that maps to no-op today (held for
-     * future right/bottom edge-pinned overlays per A5 §4.4).
-     */
-    layout?: "centered" | "edge" | "scroll";
     /**
      * Optional CSS `animation` shorthand applied to the portaled overlay
      * via the `--scrim-animation` typed cascade variable. Pairs with the
      * `[data-scrim-animation] { animation: var(--scrim-animation, none) }`
      * rule in `animations.css` so consumers can drive a long-running
      * scrim-breath without owning the portal traversal. Composes with the
-     * `animate="fade"` data-state enter/exit (the fade rides
-     * `tw-animate-css` keyframes on `data-[state]`; the scrim-breath
+     * `.sheet-animate` data-state enter/exit (the fade's panel/fast base clocks
+     * co-scale through `--motion-tempo`; the scrim-breath
      * rides the typed variable on `data-scrim-animation` — distinct
      * selectors, no cascade fight).
      *
@@ -76,8 +31,6 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<ModalOverlayProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<ModalOverlayProps> & Readonly<{}>, {
-    animate: "fade" | "scale" | "slide" | "none";
-    layout: "centered" | "edge" | "scroll";
     scrim: "glass" | "clear" | "dim";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/components/_shared/field-surfaces.css

@@ -0,0 +1 @@
+:root { --select-content-max-h: min(24rem, 60dvh); } [data-slot="select-content"] { max-height: min( var(--select-content-max-h), var(--reka-popper-available-height, var(--select-content-max-h)) ); overflow-y: auto; } @layer components { .glass-control-edge { box-shadow: var(--glass-rim-top), var(--glass-rim-bottom); } [data-slot="select-content"], [data-slot="combobox-list"] { --select-plate-alpha: 0.9; background: color-mix( in oklab, color-mix( in oklab, var(--glass-bg-floating-tinted, var(--glass-bg-floating)), var(--glass-capsule-warm) var(--glass-capsule-warm-floor) ), transparent calc((1 - var(--select-plate-alpha)) * 100%) ); box-shadow: var(--glass-material-rim), var(--glass-under-shadow-vivid), var(--glass-shadow-floating), var(--shadow-cartoon-lg); } .dark [data-slot="select-content"], .dark [data-slot="combobox-list"] { --select-plate-alpha: 0.94; } .glass-field-portal { position: relative; } .glass-field-portal::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; border-radius: inherit; background: radial-gradient( 70% 60% at 24% 22%, oklch(0.92 0.08 var(--field-h, 48) / 0.55), transparent 72% ), radial-gradient( 64% 58% at 82% 80%, oklch(0.88 0.07 calc(var(--field-h, 48) + 18) / 0.5), transparent 70% ), radial-gradient( 60% 62% at 60% 40%, oklch(0.9 0.06 calc(var(--field-h, 48) - 14) / 0.48), transparent 74% ); } .dark .glass-field-portal::before { background: radial-gradient( 70% 60% at 24% 22%, oklch(0.3 0.1 var(--field-h, 48) / 0.55), transparent 72% ), radial-gradient( 64% 58% at 82% 80%, oklch(0.26 0.09 calc(var(--field-h, 48) + 18) / 0.5), transparent 70% ), radial-gradient( 60% 62% at 60% 40%, oklch(0.28 0.08 calc(var(--field-h, 48) - 14) / 0.48), transparent 74% ); } @supports not (color: oklch(0.9 0.08 48)) { .glass-field-portal::before { background: radial-gradient( 70% 60% at 24% 22%, hsl(var(--field-h, 48) 60% 88% / 0.5), transparent 72% ); } .dark .glass-field-portal::before { background: radial-gradient( 70% 60% at 24% 22%, hsl(var(--field-h, 48) 45% 26% / 0.55), transparent 72% ); } } }

package/dist/components/_shared/menuItemVariants.d.ts

@@ -29,7 +29,7 @@ import { type VariantProps } from "class-variance-authority";
  * EXPRESSION of the shared {glass·veil·opaque} surface-decoration axis
  * (`_shared/useSurfaceAxis.ts` / `glass/surface-axis.css`), NOT a second axis:
  * - `glass` (DEFAULT, glass-first canon AX.W54) — the `.glass-menu-row` recipe
- *   (`src/styles/menu.css`): the hover / focus / `data-highlighted` / open states
+ *   (`./menu.css`): the hover / focus / `data-highlighted` / open states
  *   paint the ELEMENT-LEVEL glass-quiet oklab tint (so the row darkens-over-light
  *   AND lifts-over-dark per W-DARK-MATERIAL's tint arm) + a PRM-gated `translateY`
  *   hover-lift, the 44px touch floor, the iOS-grade glassy hover-lift plate. The
@@ -45,7 +45,7 @@ import { type VariantProps } from "class-variance-authority";
  */
 export declare const menuItemVariants: (props?: ({
     surface?: "glass" | "accent" | null | undefined;
-    indicator?: "start" | "none" | "start-wide" | null | undefined;
+    indicator?: "none" | "start" | "start-wide" | null | undefined;
     size?: "md" | "lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type MenuItemVariants = VariantProps<typeof menuItemVariants>;

package/dist/components/_shared/useMotionAxis.d.ts

@@ -34,8 +34,8 @@ export interface MotionAxis {
  *   // if (motion.armed.value) { …arm the drag/press/spring enrichment… }
  */
 export declare function useMotionAxis(motion: MaybeRefOrGetter<Motion | undefined>): {
-    resolved: import("vue").ComputedRef<"full" | "reduced" | "off">;
+    resolved: import("vue").ComputedRef<"off" | "full" | "reduced">;
     armed: import("vue").ComputedRef<boolean>;
-    dataMotion: import("vue").ComputedRef<"reduced" | "off" | undefined>;
+    dataMotion: import("vue").ComputedRef<"off" | "reduced" | undefined>;
     hostStyle: import("vue").ComputedRef<Record<string, string> | undefined>;
 };

package/dist/components/_shared/valueDomain.d.ts

@@ -0,0 +1,6 @@
+export interface ResolvedValueMark {
+    value: number;
+    position: number;
+}
+export declare function resolveValueFraction(value: number | null | undefined, min: number, max: number): number;
+export declare function resolveValueMarks(marks: readonly number[] | undefined, min: number, max: number): ResolvedValueMark[];

package/dist/components/alert/index.d.ts

@@ -3,6 +3,6 @@ export { default as Alert } from './Alert.vue';
 export { default as AlertDescription } from './AlertDescription.vue';
 export { default as AlertTitle } from './AlertTitle.vue';
 export declare const alertVariants: (props?: ({
-    tone?: "neutral" | "success" | "warning" | "info" | "destructive" | null | undefined;
+    tone?: "neutral" | "destructive" | "success" | "warning" | "info" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export type AlertVariants = VariantProps<typeof alertVariants>;