@mkbabb/glass-ui 3.1.1 → 3.2.0

package/dist/{useConfiguratorState-CtRBE0m_.js → useConfiguratorState-Dq2gNv4A.js}

@@ -1,8 +1,8 @@
 import { t as e } from "./cn-DJXf4yaB.js";
-import { t } from "./createLucideIcon-Bn9a1b70.js";
-import { t as n } from "./chevron-down-DILQA1t6.js";
-import { t as r } from "./_plugin-vue_export-helper-Dq1MygBL.js";
-import { t as i } from "./Label-DJty89bp.js";
+import { t } from "./createLucideIcon-DuDoe_ra.js";
+import { t as n } from "./chevron-down-pBY8sYfV.js";
+import { t as r } from "./_plugin-vue_export-helper-C1je1s0u.js";
+import { t as i } from "./Label-D53EOwLE.js";
 import { Fragment as a, computed as o, createCommentVNode as s, createElementBlock as c, createElementVNode as l, createTextVNode as u, createVNode as d, defineComponent as f, inject as p, normalizeClass as m, normalizeStyle as h, openBlock as g, provide as _, reactive as v, ref as y, renderList as b, renderSlot as x, toDisplayString as S, toRaw as C, unref as w, useId as T, watch as E, withCtx as D } from "vue";
 var O = t("rotate-ccw", [["path", {
 	d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8",
@@ -19,17 +19,17 @@ function j() {
 }
 //#endregion
 //#region src/components/custom/configurator/Configurator.vue?vue&type=script&setup=true&lang.ts
-var M = { class: "configurator-stage relative min-h-0 min-w-0 overflow-hidden" }, N = { class: "configurator-aside flex min-h-0 min-w-0 flex-col border-t border-border/40 lg:border-l lg:border-t-0" }, P = {
+var M = {
 	key: 0,
 	class: "configurator-presets shrink-0 border-b border-border/40 px-3 py-2"
-}, F = {
+}, N = {
 	class: "flex gap-2 overflow-x-auto scroll-fade-mask scrollbar-hidden",
 	role: "tablist",
 	"aria-label": "Presets"
-}, I = ["aria-selected", "onClick"], L = { class: "flex flex-col" }, R = {
+}, P = ["aria-selected", "onClick"], F = { class: "flex flex-col" }, I = {
 	key: 1,
 	class: "configurator-footer shrink-0 border-t border-border/40 px-3 py-2"
-}, z = /* @__PURE__ */ f({
+}, L = /* @__PURE__ */ f({
 	__name: "Configurator",
 	props: {
 		presets: {},
@@ -38,6 +38,8 @@ var M = { class: "configurator-stage relative min-h-0 min-w-0 overflow-hidden" }
 		activeLayer: {},
 		scrollMode: { default: "auto" },
 		density: { default: "comfortable" },
+		asideSide: { default: "right" },
+		asideWidth: {},
 		class: { type: [
 			Boolean,
 			null,
@@ -54,46 +56,56 @@ var M = { class: "configurator-stage relative min-h-0 min-w-0 overflow-hidden" }
 	setup(t, { emit: n }) {
 		let r = t;
 		A(o(() => r.density));
-		let i = n, u = o(() => e("configurator glass-floating rounded-panel border border-border/60 overflow-hidden", "grid grid-cols-1 lg:grid-cols-[minmax(0,1fr)_minmax(280px,360px)]", "min-h-0", r.class)), d = o(() => {
+		let i = n, u = o(() => e("configurator glass-floating rounded-panel border border-border/60 overflow-hidden", "grid grid-cols-1", "lg:grid-cols-[minmax(0,1fr)_minmax(var(--configurator-aside-min,280px),var(--configurator-aside-max,360px))]", "min-h-0", r.class)), d = o(() => {
+			if (r.asideWidth == null) return;
+			let [e, t] = Array.isArray(r.asideWidth) ? r.asideWidth : [r.asideWidth, r.asideWidth];
+			return {
+				"--configurator-aside-min": e,
+				"--configurator-aside-max": t
+			};
+		}), f = o(() => r.asideSide === "left" ? "lg:col-start-2" : ""), p = o(() => r.asideSide === "left" ? "lg:col-start-1 lg:row-start-1" : ""), _ = o(() => r.asideSide === "left" ? "lg:border-r lg:border-l-0" : "lg:border-l"), v = o(() => {
 			switch (r.scrollMode) {
 				case "always": return "overflow-y-auto scroll-fade-y scrollbar-thin";
 				case "never": return "overflow-visible";
 				default: return "overflow-y-auto scroll-fade-y scrollbar-thin";
 			}
 		});
-		return (n, r) => (g(), c("section", { class: m(u.value) }, [l("div", M, [x(n.$slots, "stage")]), l("aside", N, [
-			n.$slots.presets || t.presets && t.presets.length > 0 ? (g(), c("div", P, [x(n.$slots, "presets", {
+		return (n, r) => (g(), c("section", {
+			class: m(u.value),
+			style: h(d.value)
+		}, [l("div", { class: m(w(e)("configurator-stage relative min-h-0 min-w-0 overflow-hidden", f.value)) }, [x(n.$slots, "stage")], 2), l("aside", { class: m(w(e)("configurator-aside flex min-h-0 min-w-0 flex-col border-t border-border/40 lg:border-t-0", _.value, p.value)) }, [
+			n.$slots.presets || t.presets && t.presets.length > 0 ? (g(), c("div", M, [x(n.$slots, "presets", {
 				presets: t.presets,
 				activePreset: t.activePreset
-			}, () => [l("div", F, [(g(!0), c(a, null, b(t.presets, (n) => (g(), c("button", {
+			}, () => [l("div", N, [(g(!0), c(a, null, b(t.presets, (n) => (g(), c("button", {
 				key: n.key,
 				type: "button",
 				role: "tab",
 				"aria-selected": n.key === t.activePreset,
 				class: m(w(e)("focus-ring shrink-0 rounded-pill border px-3 py-1 text-xs font-medium transition-colors", n.key === t.activePreset ? "border-foreground/40 bg-foreground text-background" : "border-border/40 bg-card/40 text-foreground hover:bg-card/70")),
 				onClick: (e) => i("select-preset", n.key)
-			}, S(n.label), 11, I))), 128))])])])) : s("", !0),
-			l("div", { class: m(w(e)("configurator-controls flex-1 min-h-0", d.value)) }, [x(n.$slots, "controls", {
+			}, S(n.label), 11, P))), 128))])])])) : s("", !0),
+			l("div", { class: m(w(e)("configurator-controls flex-1 min-h-0", v.value)) }, [x(n.$slots, "controls", {
 				layers: t.layers,
 				activeLayer: t.activeLayer,
 				selectLayer: (e) => i("select-layer", e)
-			}, () => [l("div", L, [x(n.$slots, "default")])])], 2),
-			n.$slots.footer ? (g(), c("div", R, [x(n.$slots, "footer", { reset: () => i("reset") })])) : s("", !0)
-		])], 2));
+			}, () => [l("div", F, [x(n.$slots, "default")])])], 2),
+			n.$slots.footer ? (g(), c("div", I, [x(n.$slots, "footer", { reset: () => i("reset") })])) : s("", !0)
+		], 2)], 6));
 	}
-}), B = ["data-state"], V = [
+}), R = ["data-state"], z = [
 	"aria-expanded",
 	"aria-controls",
 	"data-state"
-], H = { class: "flex min-w-0 items-baseline gap-2" }, U = { class: "text-sm font-semibold text-foreground" }, W = {
+], B = { class: "flex min-w-0 items-baseline gap-2" }, V = { class: "text-sm font-semibold text-foreground" }, H = {
 	key: 0,
 	class: "truncate text-micro font-mono text-muted-foreground/70"
-}, G = [
+}, U = [
 	"id",
 	"aria-hidden",
 	"inert",
 	"data-state"
-], K = { class: "min-h-0 overflow-hidden" }, q = /* @__PURE__ */ f({
+], W = { class: "min-h-0 overflow-hidden" }, G = /* @__PURE__ */ f({
 	__name: "ConfiguratorLayer",
 	props: {
 		label: {},
@@ -144,26 +156,26 @@ var M = { class: "configurator-stage relative min-h-0 min-w-0 overflow-hidden" }
 			"aria-controls": p.value,
 			"data-state": v.value,
 			onClick: _
-		}, [l("div", H, [l("span", U, S(t.label), 1), t.sub ? (g(), c("span", W, S(t.sub), 1)) : s("", !0)]), d(w(n), {
+		}, [l("div", B, [l("span", V, S(t.label), 1), t.sub ? (g(), c("span", H, S(t.sub), 1)) : s("", !0)]), d(w(n), {
 			class: "h-4 w-4 shrink-0 text-muted-foreground transition-transform duration-200 group-data-[state=open]:rotate-180",
 			"aria-hidden": "true"
-		})], 10, V), l("div", {
+		})], 10, z), l("div", {
 			id: p.value,
 			role: "region",
 			"aria-hidden": !u.value,
-			inert: !u.value,
+			inert: !u.value || void 0,
 			"data-state": v.value,
 			class: "configurator-layer-region grid transition-[grid-template-rows] duration-200 ease-out motion-reduce:transition-none",
 			style: h({ gridTemplateRows: u.value ? "1fr" : "0fr" })
-		}, [l("div", K, [l("div", { class: m(w(e)("configurator-layer-body px-3 py-2 space-y-2", i.bodyClass)) }, [x(r.$slots, "default")], 2)])], 12, G)], 10, B));
+		}, [l("div", W, [l("div", { class: m(w(e)("configurator-layer-body px-3 py-2 space-y-2", i.bodyClass)) }, [x(r.$slots, "default")], 2)])], 12, U)], 10, R));
 	}
-}), J = ["data-density"], Y = { class: "flex items-baseline justify-between gap-3" }, X = { class: "flex min-w-0 items-baseline gap-2" }, Z = {
+}), K = ["data-density"], q = { class: "flex items-baseline justify-between gap-3" }, J = { class: "flex min-w-0 items-baseline gap-2" }, Y = {
 	key: 0,
 	class: "truncate text-micro font-mono text-muted-foreground/70"
-}, Q = ["aria-label"], $ = { class: "flex items-center" }, ee = {
+}, X = ["aria-label"], Z = { class: "flex items-center" }, Q = {
 	key: 0,
 	class: "text-micro leading-snug text-muted-foreground/80"
-}, te = /* @__PURE__ */ r(/* @__PURE__ */ f({
+}, $ = /* @__PURE__ */ r(/* @__PURE__ */ f({
 	__name: "ConfiguratorRow",
 	props: {
 		label: {},
@@ -186,10 +198,10 @@ var M = { class: "configurator-stage relative min-h-0 min-w-0 overflow-hidden" }
 			class: m(w(e)("configurator-row flex flex-col gap-1.5 py-2", r.class)),
 			"data-density": p.value
 		}, [
-			l("div", Y, [l("div", X, [d(w(i), { class: "truncate text-sm font-medium text-foreground" }, {
+			l("div", q, [l("div", J, [d(w(i), { class: "truncate text-sm font-medium text-foreground" }, {
 				default: D(() => [u(S(t.label), 1)]),
 				_: 1
-			}), t.name ? (g(), c("span", Z, S(t.name), 1)) : s("", !0)]), t.canReset ? (g(), c("button", {
+			}), t.name ? (g(), c("span", Y, S(t.name), 1)) : s("", !0)]), t.canReset ? (g(), c("button", {
 				key: 0,
 				type: "button",
 				class: "focus-ring inline-flex h-6 w-6 items-center justify-center rounded-pill text-muted-foreground/60 transition-colors hover:bg-foreground/5 hover:text-foreground active:scale-[var(--scale-press,0.97)]",
@@ -198,15 +210,15 @@ var M = { class: "configurator-stage relative min-h-0 min-w-0 overflow-hidden" }
 			}, [d(w(O), {
 				class: "h-3 w-3",
 				"aria-hidden": "true"
-			})], 8, Q)) : s("", !0)]),
-			l("div", $, [x(n.$slots, "default", {}, void 0, !0)]),
-			t.description ? (g(), c("p", ee, S(t.description), 1)) : s("", !0)
-		], 10, J));
+			})], 8, X)) : s("", !0)]),
+			l("div", Z, [x(n.$slots, "default", {}, void 0, !0)]),
+			t.description ? (g(), c("p", Q, S(t.description), 1)) : s("", !0)
+		], 10, K));
 	}
-}), [["__scopeId", "data-v-e6e34000"]]);
+}), [["__scopeId", "data-v-7854fb95"]]);
 //#endregion
 //#region src/components/custom/configurator/useConfiguratorState.ts
-function ne(e) {
+function ee(e) {
 	let t = C(e);
 	if (typeof structuredClone != "function") throw Error("[glass-ui:configurator] structuredClone is unavailable in this runtime. Pass a custom clone via ConfiguratorStateOptions.clone for environments without structured-clone support.");
 	try {
@@ -215,11 +227,11 @@ function ne(e) {
 		throw Error("[glass-ui:configurator] structuredClone failed: " + (e instanceof Error ? e.message : String(e)) + ". Preset values must be structured-cloneable (no functions, symbols, DOM nodes, or class instances). Pass a custom clone via ConfiguratorStateOptions.clone if the data shape requires it.");
 	}
 }
-function re(e, t) {
+function te(e, t) {
 	return JSON.stringify(e) === JSON.stringify(t);
 }
-function ie(e) {
-	let t = e.clone ?? ne, n = e.equals ?? re, r = e.presets, i = e.cloneMode ?? "commit-on-write", a = e.initialPreset ?? (r.length > 0 ? r[0].key : void 0), s = a ? r.find((e) => e.key === a) : void 0, c = v(s ? t(s.config) : {}), l = y(a), u = i === "per-preset" ? Object.fromEntries(r.map((e) => [e.key, t(e.config)])) : null, d = o(() => l.value), f = o(() => {
+function ne(e) {
+	let t = e.clone ?? ee, n = e.equals ?? te, r = e.presets, i = e.cloneMode ?? "commit-on-write", a = e.initialPreset ?? (r.length > 0 ? r[0].key : void 0), s = a ? r.find((e) => e.key === a) : void 0, c = v(s ? t(s.config) : {}), l = y(a), u = i === "per-preset" ? Object.fromEntries(r.map((e) => [e.key, t(e.config)])) : null, d = o(() => l.value), f = o(() => {
 		let e = l.value;
 		if (!e) return !1;
 		let t = r.find((t) => t.key === e);
@@ -265,4 +277,4 @@ function ie(e) {
 	};
 }
 //#endregion
-export { k as a, z as i, te as n, A as o, q as r, j as s, ie as t };
+export { k as a, L as i, $ as n, A as o, G as r, j as s, ne as t };

package/dist/{useIdleReady-Cmkhm03v.js → useIdleReady-sLhGo6CL.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./useGlobalDark-B0WvLJE3.js";
+import { t as e } from "./useGlobalDark-BUUTZvkU.js";
 import { getCurrentScope as t, onMounted as n, onScopeDispose as r, readonly as i, ref as a, toValue as o, watch as s } from "vue";
 //#region src/composables/dom/useTokenColor.ts
 function c(t, r = {}) {

package/dist/useSortable-DLK9kwZp.js

@@ -0,0 +1,189 @@
+import { computed as e, onScopeDispose as t, shallowRef as n } from "vue";
+//#region src/composables/sortable/useSortable.ts
+function r(e) {
+	return e ? e.replace(/\//g, " ").split(/\s+/).filter(Boolean).some((e) => parseFloat(e) !== 0) : !1;
+}
+var i = "[data-sortable-handle]", a = "is-sortable-drop-above", o = "is-sortable-drop-below", s = "sortable-drag-ghost", c = "is-sortable-dragging", l = /* @__PURE__ */ new Set();
+function u(e, t, n) {
+	if (!e.group) return null;
+	for (let r of l) {
+		if (r === e || r.group !== e.group) continue;
+		let i = r.getContainer();
+		if (!i) continue;
+		let a = i.getBoundingClientRect();
+		if (t >= a.left && t <= a.right && n >= a.top && n <= a.bottom) return r;
+	}
+	return null;
+}
+function d(d) {
+	let { items: f, getId: p, onReorder: m, onInsert: h, group: g, handleSelector: _ = i, axis: v = "y" } = d, y = n(null), b = n(null), x = n(null), S = null, C = null, w = 0, T = 0, E = null, D = null, O = /* @__PURE__ */ new Map(), k = /* @__PURE__ */ new Map();
+	function A() {
+		return f.value;
+	}
+	function j(e) {
+		let t = A();
+		for (let n = 0; n < t.length; n++) if (p(t[n]) === e) return n;
+		return -1;
+	}
+	function M(e, t, n, r, i) {
+		let a = i ? n : r;
+		for (let n = 0; n < t.length; n++) {
+			let r = e.get(t[n].id);
+			if (!r) continue;
+			let o = r.getBoundingClientRect();
+			if (a < (i ? o.left + o.width / 2 : o.top + o.height / 2)) return n;
+		}
+		return t.length;
+	}
+	function N(e, t) {
+		return M(O, A().map((e) => ({ id: p(e) })), e, t, v === "x");
+	}
+	function P(e) {
+		return _ === null ? !0 : e instanceof Element ? e.closest(_) !== null : !1;
+	}
+	function F(e) {
+		let t = getComputedStyle(e).borderRadius;
+		if (r(t)) return t;
+		for (let t of e.querySelectorAll("*")) {
+			let e = getComputedStyle(t).borderRadius;
+			if (r(e)) return e;
+		}
+		return null;
+	}
+	function I(e, t, n) {
+		let r = e.getBoundingClientRect();
+		w = t - r.left, T = n - r.top;
+		let i = e.cloneNode(!0);
+		i.classList.add(s);
+		let a = F(e);
+		a && (i.style.borderRadius = a), i.style.position = "fixed", i.style.left = `${r.left}px`, i.style.top = `${r.top}px`, i.style.width = `${r.width}px`, i.style.height = `${r.height}px`, i.style.margin = "0", i.style.pointerEvents = "none", i.style.zIndex = "9999", i.id && i.removeAttribute("id");
+		for (let e of i.querySelectorAll("[id]")) e.removeAttribute("id");
+		document.body.appendChild(i), C = i;
+	}
+	function L(e, t) {
+		C && (C.style.left = `${e - w}px`, C.style.top = `${t - T}px`);
+	}
+	function R() {
+		C && C.parentNode && C.parentNode.removeChild(C), C = null;
+	}
+	function z(e, t) {
+		let n = O.get(e);
+		if (!(n instanceof HTMLElement)) return;
+		y.value = e, b.value = {
+			x: t.clientX,
+			y: t.clientY
+		}, x.value = j(e), S = null, E = n, n.classList.add(c), I(n, t.clientX, t.clientY);
+		let r = t.currentTarget;
+		if (r && "setPointerCapture" in r) try {
+			r.setPointerCapture(t.pointerId);
+		} catch {}
+		document.addEventListener("pointermove", B), document.addEventListener("pointerup", V), document.addEventListener("pointercancel", V);
+	}
+	function B(e) {
+		if (y.value === null) return;
+		b.value = {
+			x: e.clientX,
+			y: e.clientY
+		}, L(e.clientX, e.clientY);
+		let t = u(K, e.clientX, e.clientY);
+		if (t) {
+			S && S !== t && S.setExternalDropIndex(null), S = t;
+			let n = t.getItems().map((e) => ({ id: t.getId(e) })), r = M(t.getElements(), n, e.clientX, e.clientY, v === "x");
+			t.setExternalDropIndex(r), x.value = null;
+		} else S &&= (S.setExternalDropIndex(null), null), x.value = N(e.clientX, e.clientY);
+	}
+	function V(e) {
+		let t = y.value, n = S, r = x.value;
+		if (H(), t === null) return;
+		let i = A(), a = i.findIndex((e) => p(e) === t);
+		if (a < 0) return;
+		if (n) {
+			let e = i[a], t = i.slice();
+			t.splice(a, 1), m(t);
+			let r = n.getExternalDropIndex?.() ?? null;
+			n.setExternalDropIndex(null), n.acceptExternal(r ?? 0, e);
+			return;
+		}
+		if (r === null) return;
+		let o = r;
+		if (o > a && --o, o === a) return;
+		let s = i.slice(), [c] = s.splice(a, 1);
+		s.splice(o, 0, c), m(s);
+	}
+	function H() {
+		R(), E &&= (E.classList.remove(c), null), S &&= (S.setExternalDropIndex(null), null), y.value = null, b.value = null, x.value = null, document.removeEventListener("pointermove", B), document.removeEventListener("pointerup", V), document.removeEventListener("pointercancel", V);
+	}
+	function U(t) {
+		let n = k.get(t);
+		if (n) return n;
+		let r = (e) => {
+			e === null ? O.delete(t) : O.set(t, e);
+		};
+		function i(e, n) {
+			let r = j(t);
+			return r < 0 ? {
+				above: !1,
+				below: !1
+			} : e === n ? {
+				above: !1,
+				below: r === n - 1
+			} : {
+				above: r === e,
+				below: !1
+			};
+		}
+		let s = e(() => {
+			let e = {
+				[a]: !1,
+				[o]: !1
+			};
+			if (y.value !== null && x.value !== null) {
+				let t = i(x.value, A().length);
+				t.above && (e[a] = !0), t.below && (e[o] = !0);
+			}
+			if (W.value !== null && y.value === null) {
+				let t = i(W.value, A().length);
+				t.above && (e[a] = !0), t.below && (e[o] = !0);
+			}
+			return e;
+		}), c = {
+			ref: r,
+			dataAttrs: { "data-sortable-id": String(t) },
+			class: s,
+			onPointerdown: (e) => {
+				e.button === 0 && P(e.target) && (e.preventDefault(), z(t, e));
+			}
+		};
+		return k.set(t, c), c;
+	}
+	let W = n(null), G = {
+		ref: (e) => {
+			D = e;
+		},
+		dataAttrs: { "data-sortable-container": g ?? "" }
+	}, K = {
+		group: g,
+		getContainer: () => D,
+		getItems: () => f.value,
+		getId: (e) => p(e),
+		getElements: () => O,
+		setExternalDropIndex: (e) => {
+			W.value = e;
+		},
+		acceptExternal: (e, t) => {
+			h && h(e, t);
+		}
+	};
+	return K.getExternalDropIndex = () => W.value, l.add(K), t(() => {
+		l.delete(K), H();
+	}), {
+		registerItem: U,
+		container: G,
+		isDragging: e(() => y.value !== null),
+		dragId: e(() => y.value),
+		dragPosition: e(() => b.value),
+		dropIndex: e(() => x.value)
+	};
+}
+//#endregion
+export { d as t };

package/dist/useTextHighlight-CLST6an0.js

@@ -0,0 +1,72 @@
+import { getCurrentScope as e, onScopeDispose as t } from "vue";
+//#region src/composables/dom/useTextHighlight.ts
+var n = /* @__PURE__ */ new Map();
+function r() {
+	return typeof CSS < "u" && "highlights" in CSS && typeof globalThis.Highlight == "function";
+}
+function i(e) {
+	let t = n.get(e);
+	if (!t || t.size === 0) {
+		CSS.highlights.delete(e);
+		return;
+	}
+	let r = new Highlight();
+	for (let e of t) for (let t of e.ranges) r.add(t);
+	CSS.highlights.set(e, r);
+}
+function a(e, t) {
+	let n = t.trim().toLowerCase();
+	if (!n) return [];
+	let r = e.toLowerCase(), i = [], a = 0;
+	for (;;) {
+		let e = r.indexOf(n, a);
+		if (e === -1) break;
+		i.push({
+			start: e,
+			end: e + n.length
+		}), a = e + n.length;
+	}
+	return i;
+}
+function o(o) {
+	let s = r(), c = null;
+	function l() {
+		if (c) return c;
+		c = { ranges: [] };
+		let e = n.get(o);
+		return e || (e = /* @__PURE__ */ new Set(), n.set(o, e)), e.add(c), c;
+	}
+	function u(e) {
+		s && (l().ranges = e.slice(), i(o));
+	}
+	function d(e, t, n = a) {
+		if (!s) return;
+		let r = [], i = document.createTreeWalker(e, NodeFilter.SHOW_TEXT);
+		for (let e = i.nextNode(); e; e = i.nextNode()) {
+			let i = e.textContent ?? "";
+			if (i) for (let a of n(i, t)) {
+				if (a.start >= a.end) continue;
+				let t = document.createRange();
+				t.setStart(e, a.start), t.setEnd(e, a.end), r.push(t);
+			}
+		}
+		u(r);
+	}
+	function f() {
+		!s || !c || (c.ranges = [], i(o));
+	}
+	function p() {
+		if (!s || !c) return;
+		n.get(o)?.delete(c), i(o);
+		let e = n.get(o);
+		e && e.size === 0 && n.delete(o), c = null;
+	}
+	return e() && t(p), {
+		set: u,
+		setFromMatches: d,
+		clear: f,
+		supported: s
+	};
+}
+//#endregion
+export { o as t };

package/dist/{useTouchGate-D9Zvrzyc.js → useTouchGate-XX8gHfay.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./useTimer-NAaj9zNq.js";
+import { t as e } from "./useTimer-6FoosoDY.js";
 import { getCurrentScope as t, onScopeDispose as n, ref as r } from "vue";
 //#region src/composables/dom/useTouchGate.ts
 var i = /* @__PURE__ */ new Set(), a = !1;

package/dist/{useViewTransition-DYIK6Gzb.js → useViewTransition-CUJM7fXT.js}

@@ -4,11 +4,13 @@ function e() {
 }
 function t(e) {
 	let t = typeof document > "u" ? void 0 : document;
-	return !t || typeof t.startViewTransition != "function" ? (e(), {
+	if (!t || typeof t.startViewTransition != "function") return e(), {
 		finished: Promise.resolve(),
 		transitioned: !1
-	}) : {
-		finished: t.startViewTransition(() => e()).finished.then(() => void 0, () => void 0),
+	};
+	let n = t.startViewTransition(() => e());
+	return n.ready?.catch(() => {}), {
+		finished: n.finished.then(() => void 0, () => void 0),
 		transitioned: !0
 	};
 }

package/dist/utils/index.d.ts

@@ -1,2 +1,3 @@
 export { cn } from "./cn";
-export { moveBeforeSafe, supportsMoveBefore } from "./moveBefore";
+export { moveBeforeSafe } from "./moveBefore";
+export { supportsMoveBefore, supportsScrollTimeline, supportsViewTimeline, supportsPostTask, } from "./platformSupport";

package/dist/utils/platformSupport.d.ts

@@ -0,0 +1,8 @@
+export { supportsMoveBefore } from "./moveBefore";
+export { supportsScrollTimeline, supportsViewTimeline, } from "../composables/motion/supportsCssTimeline";
+/**
+ * True when `scheduler.postTask` is available — the feature-detected predicate
+ * gating the prioritized-task fast path (vs the MessageChannel macrotask
+ * fallback in `postTaskSafe`).
+ */
+export declare function supportsPostTask(): boolean;

package/dist/{x-q7pJa83X.js → x-C4pz9nbD.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./createLucideIcon-Bn9a1b70.js";
+import { t as e } from "./createLucideIcon-DuDoe_ra.js";
 var t = e("x", [["path", {
 	d: "M18 6 6 18",
 	key: "1bl5f8"

package/package.json

@@ -1,8 +1,14 @@
 {
     "name": "@mkbabb/glass-ui",
-    "version": "3.1.1",
+    "version": "3.2.0",
     "description": "Glassmorphic design system — Vue 3.5 components, reka-ui primitives, Tailwind CSS v4 tokens",
     "license": "MIT",
+    "repository": {
+        "type": "git",
+        "url": "git+https://github.com/mkbabb/glass-ui.git"
+    },
+    "homepage": "https://github.com/mkbabb/glass-ui#readme",
+    "bugs": "https://github.com/mkbabb/glass-ui/issues",
     "type": "module",
     "types": "./dist/index.d.ts",
     "typesVersions": {
@@ -517,10 +523,13 @@
         "proof:consumers:build": "bash scripts/proof-consumers-build.sh",
         "proof:runtime": "node scripts/proof-runtime.mjs",
         "proof:theme": "node scripts/proof-theme-style.mjs",
+        "proof:components-css": "node scripts/proof-components-css.mjs",
         "proof:resolution": "node scripts/proof-resolution-contract.mjs",
         "proof:phantom-classes": "node scripts/proof-phantom-classes.mjs",
         "proof:vt-names": "node scripts/proof-vt-names.mjs",
-        "proof:all": "npm run proof:package && npm run proof:theme && npm run proof:consumers:static && npm run proof:consumers:build && npm run proof:runtime && npm run proof:vt-names",
+        "proof:lockfile": "node scripts/proof-lockfile.mjs",
+        "proof:all": "node scripts/gates.mjs --run local",
+        "gates:verify-ci": "node scripts/gates.mjs --verify-ci",
         "profile:bundle": "node scripts/profile-bundle.mjs",
         "profile:budget": "node scripts/profile-bundle.mjs --enforce",
         "profile:aurora": "node scripts/profile-aurora.mjs",
@@ -533,7 +542,8 @@
     },
     "peerDependencies": {
         "@lucide/vue": "^1.16.0",
-        "@mkbabb/keyframes.js": "^2.2.0",
+        "@mkbabb/keyframes.js": "^2.2.0 || ^3.0.0",
+        "@mkbabb/value.js": "^0.10.0",
         "@vueuse/core": "^14.0",
         "class-variance-authority": "^0.7",
         "clsx": "^2.0",

package/src/styles/dock.css

@@ -489,6 +489,56 @@
         overflow-y: visible;
     }
 
+    /* ── Scroll-on-overflow opt-in (GlassDock `overflow="scroll"`) ───────
+       The default contract grows-to-fit then overflows visibly past the
+       axis cap. `overflow="scroll"` instead makes the dock the scroll port
+       on its layout axis, pairing the existing cap with a hidden-scrollbar
+       scroll region so over-cap content stays reachable. The rounded pill
+       masks the scroll edge; both axes keep their cap. */
+
+    /* Inline axis (horizontal docks). The active layer becomes the scroll
+       port: `min-width: 0` releases the flex item's `min-content` floor so
+       it can shrink under the clamped `.dock-layers` track, then `overflow-x:
+       auto` scrolls its over-cap content. `.dock-layers` must KEEP clipping
+       so the pill's rounded edge masks the scroll boundary — hence the
+       grow-mode `overflow-x: visible` (`.dock-layers`, above) is overridden
+       back to `hidden` here. */
+    .glass-dock.dock-scroll-x.expanded:not(.dock-wrap) > .dock-layers {
+        overflow-x: hidden;
+    }
+
+    .glass-dock.dock-scroll-x .dock-layer--full {
+        min-width: 0;
+        overflow-x: auto;
+        scrollbar-width: none;
+        /* Trap the inline-scroll momentum at the dock's own boundary so a
+           wheel/trackpad gesture that bottoms out the pill does NOT chain into
+           scrolling the page behind it (the dock is a self-contained scroll
+           port, not a window into the route scroller). */
+        overscroll-behavior-x: contain;
+    }
+
+    .glass-dock.dock-scroll-x .dock-layer--full::-webkit-scrollbar {
+        display: none;
+    }
+
+    /* Block axis (vertical rails). The root keeps its `max-block-size` cap
+       and scrolls its over-cap children — cap + scroll is the correct
+       pairing the grow-mode contract split apart. Ties the
+       `.vertical.always-expanded` visible default on specificity and wins on
+       source order. */
+    .glass-dock.vertical.dock-scroll-y {
+        overflow-y: auto;
+        scrollbar-width: none;
+        /* Same momentum-trap as the inline port — a rail that bottoms out must
+           not chain its remaining wheel delta into the page scroller behind it. */
+        overscroll-behavior-y: contain;
+    }
+
+    .glass-dock.vertical.dock-scroll-y::-webkit-scrollbar {
+        display: none;
+    }
+
     .glass-dock.dock-wrap {
         white-space: normal;
         border-radius: var(--radius-2xl);
@@ -670,7 +720,11 @@
         border: none;
         background: transparent;
         border-radius: var(--dock-control-radius, var(--radius-pill));
-        color: color-mix(in srgb, var(--foreground) calc(var(--opacity-icon-muted) * 100%), transparent);
+        /* Foreground base routes through `--dock-fg-on-aurora` (defaults to
+           `--foreground`, byte-identical to before) so a consumer floating the
+           dock over an aurora can lift contrast per-backdrop. The muted icon
+           weight mixes that base down with `--opacity-icon-muted`. */
+        color: color-mix(in srgb, var(--dock-fg-on-aurora, var(--foreground)) calc(var(--opacity-icon-muted) * 100%), transparent);
         outline: none;
         transition:
             background-color var(--dock-motion-fast),
@@ -968,7 +1022,8 @@
         border: none;
         background: transparent;
         border-radius: var(--dock-control-radius, var(--radius-pill));
-        color: color-mix(in srgb, var(--foreground) calc(var(--opacity-icon-muted) * 100%), transparent);
+        /* Shares the dock-icon-button legibility base (`--dock-fg-on-aurora`). */
+        color: color-mix(in srgb, var(--dock-fg-on-aurora, var(--foreground)) calc(var(--opacity-icon-muted) * 100%), transparent);
         outline: none;
         transition:
             background-color var(--dock-motion-fast),
@@ -1081,5 +1136,19 @@
             --dock-control-size: var(--dock-touch-target, 2.75rem);
             --size-icon-btn: var(--dock-touch-target, 2.75rem);
         }
+
+        /* S-2 — the in-dock floor above lifts the control-SIZE token, which
+           only reaches a DockIconButton that has a `.glass-dock` ancestor.
+           A STANDALONE DockIconButton (a routed settings gear, no dock
+           wrapper) reads the bare `--size-icon-btn` and would fall below the
+           44px WCAG target. This button-level floor holds the touch box
+           regardless of ancestry; the in-dock rule above stays (more specific,
+           and it also reserves the slot in the dock's width-math). Compact
+           buttons opt out — they are auto-sized affordances, not primary
+           targets. */
+        .dock-icon-button:not(.dock-icon-button--compact) {
+            min-block-size: var(--dock-touch-target, 2.75rem);
+            min-inline-size: var(--dock-touch-target, 2.75rem);
+        }
     }
 }