@mkbabb/glass-ui 5.0.0 → 7.0.0

package/dist/dock.js

@@ -1,36 +1,38 @@
-import { t as e } from "./class-names-5jotTFzp.js";
-import { t } from "./motionTempo-CMS5b0Vu.js";
-import { n } from "./springPresets-h5VKJQqG.js";
-import { t as r } from "./vSpecular-DlYN0UZy.js";
-import { t as i } from "./useLiquidPress-BXNHydZh.js";
-import { t as a } from "./useMotionAxis-DCCXMC-i.js";
-import { t as o } from "./_plugin-vue_export-helper-C1je1s0u.js";
-import { t as s } from "./useResizeObserver-DDuoBeBo.js";
-import { t as c } from "./useTouchGate-BlegwvwL.js";
-import { n as l } from "./useResolveTokenColor-DVT5kwv6.js";
-import { n as u, t as d } from "./createContext-BQ1Gy_LB.js";
-import { a as f, i as p, n as m, o as h, r as g, s as _, t as v } from "./dockContext-d-WpJN2Z.js";
-import { t as y } from "./FadingScroll-BSRLqQCx.js";
-import { t as b } from "./useDragMorph-65ihHePq.js";
-import { t as x } from "./useDockCtaReceive-BgMmeINo.js";
-import { t as S } from "./useRAFLoop-CvOo_kgb.js";
-import { t as C } from "./useIntersectionPause-Cmt5Tnv9.js";
-import { n as w, t as T } from "./useSelectionGroup-Btpf24aY.js";
-import { t as E } from "./useFuzzySearch-KslRxiJY.js";
-import { Fragment as D, computed as O, createBlock as k, createCommentVNode as A, createElementBlock as j, createElementVNode as M, createVNode as N, defineComponent as P, mergeModels as F, mergeProps as I, nextTick as L, normalizeClass as R, normalizeStyle as z, onBeforeUnmount as ee, onMounted as te, onScopeDispose as B, onUnmounted as V, openBlock as H, readonly as U, ref as W, renderList as G, renderSlot as K, resolveDynamicComponent as q, toDisplayString as ne, toValue as re, unref as J, useId as ie, useModel as ae, useTemplateRef as Y, watch as X, withCtx as Z, withDirectives as Q, withKeys as oe } from "vue";
-import { DropdownMenuTrigger as se, PopoverTrigger as ce, Primitive as le, SelectIcon as ue, SelectTrigger as de } from "reka-ui";
-import { ChevronDown as fe, Layers as pe, Pause as me, Play as he } from "@lucide/vue";
-import { SpringProgress as ge } from "@mkbabb/keyframes.js";
-import { rawOklabToOklch as _e, srgbToOKLab as ve } from "@mkbabb/value.js";
+import { t as e } from "./class-names-Cpy5eaBk.js";
+import { n as t } from "./useReducedMotion-vCXA_vyM.js";
+import { t as n } from "./vSpecular-DMJo8pfD.js";
+import { t as r } from "./motionTempo-tscp92Nm.js";
+import { n as i } from "./springPresets-rCii5KqX.js";
+import { t as a } from "./useLiquidPress-BOxuDkKa.js";
+import { n as o } from "./createContext-BhkE9mLH.js";
+import { t as s } from "./useMotionAxis-D-rtIhca.js";
+import { t as c } from "./useResizeObserver-CdUlm2QZ.js";
+import { t as l } from "./useTouchGate-B4mzQcHJ.js";
+import { n as u } from "./useResolveTokenColor-B2FfJnd9.js";
+import { t as d } from "./DropdownMenuTrigger-ClIq8RJE.js";
+import { a as f, i as p, n as m, o as h, r as g, t as _ } from "./dockContext-BUTlGRNJ.js";
+import { t as v } from "./useDragMorph-BogSV_nv.js";
+import { n as y } from "./useDockCtaReceive-DkrOTM0q.js";
+import { t as b } from "./useRAFLoop-B3YlWK4M.js";
+import { t as x } from "./useIntersectionPause-B5mAU6XY.js";
+import { n as S, t as C } from "./useSelectionGroup-B5XplBbo.js";
+import { n as w, t as T } from "./value-DMhh2R94.js";
+import { t as E } from "./useFuzzySearch-CUnZknpm.js";
+import { Fragment as D, computed as O, createBlock as k, createCommentVNode as A, createElementBlock as j, createElementVNode as M, createVNode as N, defineComponent as P, mergeModels as ee, mergeProps as F, nextTick as I, normalizeClass as L, normalizeStyle as R, onBeforeUnmount as z, onMounted as B, onScopeDispose as V, onUnmounted as H, openBlock as U, readonly as W, ref as G, renderList as te, renderSlot as K, resolveDynamicComponent as ne, toDisplayString as q, unref as J, useId as re, useModel as ie, useTemplateRef as Y, watch as X, withCtx as Z, withDirectives as Q } from "vue";
+import { PopoverTrigger as ae, Primitive as oe, SelectIcon as se, SelectTrigger as ce } from "reka-ui";
+import { ChevronDown as le, Pause as ue, Play as de } from "@lucide/vue";
+import { SpringProgress as fe } from "@mkbabb/keyframes.js";
+import { useMediaQuery as pe } from "@vueuse/core";
+import { convertColor as me, rgb as he } from "@mkbabb/value.js/color";
 //#region src/composables/glass/backdropSampleMath.ts
-function ye(e) {
+function ge(e) {
 	let t = e / 255;
 	return t <= .03928 ? t / 12.92 : ((t + .055) / 1.055) ** 2.4;
 }
-function be(e, t, n) {
-	return .2126 * ye(e) + .7152 * ye(t) + .0722 * ye(n);
+function _e(e, t, n) {
+	return .2126 * ge(e) + .7152 * ge(t) + .0722 * ge(n);
 }
-function xe(e) {
+function ve(e) {
 	let t = e.match(/rgba?\(\s*([\d.]+)[,\s]+([\d.]+)[,\s]+([\d.]+)(?:[,\s/]+([\d.]+))?/i);
 	return t ? [
 		Number(t[1]),
@@ -39,13 +41,13 @@ function xe(e) {
 		t[4] === void 0 ? 1 : Number(t[4])
 	] : null;
 }
-function Se(e) {
+function ye(e) {
 	return typeof HTMLCanvasElement < "u" && e instanceof HTMLCanvasElement;
 }
 //#endregion
 //#region src/composables/glass/ambientHueHistogram.ts
-var $ = 12, Ce = .72, we = .06, Te = .004;
-function Ee() {
+var $ = 12, be = .72, xe = .06, Se = .004;
+function Ce() {
 	return {
 		weight: new Float64Array($),
 		sumCos: new Float64Array($),
@@ -54,45 +56,45 @@ function Ee() {
 		n: 0
 	};
 }
-function De(e, t, n, r, i) {
+function we(e, t, n, r, i) {
 	e.n++;
-	let [a, o, s] = ve(t, n, r), [, c, l] = _e(a, o, s);
-	if (!Number.isFinite(c) || !Number.isFinite(l) || c <= 0) return;
-	let u = c * i;
-	if (u <= 0) return;
-	let d = l * Math.PI / 180, f = Math.floor(l / 360 * $) % $;
-	f < 0 && (f += $), e.weight[f] += u, e.sumCos[f] += u * Math.cos(d), e.sumSin[f] += u * Math.sin(d), e.totalMass += u;
+	let [, a, o] = T("accumulateHuePixel:oklch", me(T("accumulateHuePixel:rgb", he(t, n, r)), "oklch")).channels, s = w(a, "accumulateHuePixel"), c = w(o, "accumulateHuePixel");
+	if (!Number.isFinite(s) || !Number.isFinite(c) || s <= 0) return;
+	let l = s * i;
+	if (l <= 0) return;
+	let u = c * Math.PI / 180, d = Math.floor(c / 360 * $) % $;
+	d < 0 && (d += $), e.weight[d] += l, e.sumCos[d] += l * Math.cos(u), e.sumSin[d] += l * Math.sin(u), e.totalMass += l;
 }
-function Oe(e) {
-	if (e.n === 0 || e.totalMass / e.n < Te) return "transparent";
+function Te(e) {
+	if (e.n === 0 || e.totalMass / e.n < Se) return "transparent";
 	let t = 0;
 	for (let n = 1; n < $; n++) e.weight[n] > e.weight[t] && (t = n);
 	if (e.weight[t] <= 0) return "transparent";
 	let n = Math.atan2(e.sumSin[t], e.sumCos[t]) * 180 / Math.PI;
-	return n < 0 && (n += 360), `oklch(${Ce} ${we} ${n.toFixed(1)})`;
+	return n < 0 && (n += 360), `oklch(${be} ${xe} ${n.toFixed(1)})`;
 }
-var ke = "[data-glass-field-canvas] canvas, canvas[data-glass-field-canvas]";
-function Ae(e) {
+var Ee = "[data-glass-field-canvas] canvas, canvas[data-glass-field-canvas]";
+function De(e) {
 	if (!e) {
 		if (typeof document < "u") {
-			let e = document.querySelector(ke);
-			if (Se(e)) return e;
+			let e = document.querySelector(Ee);
+			if (ye(e)) return e;
 		}
 		return null;
 	}
-	if (Se(e)) return e;
+	if (ye(e)) return e;
 	if (typeof e == "function") {
 		let t = e();
-		return Se(t) ? t : null;
+		return ye(t) ? t : null;
 	}
 	if (typeof e == "string" && typeof document < "u") {
 		let t = document.querySelector(e);
-		return Se(t) ? t : null;
+		return ye(t) ? t : null;
 	}
 	return null;
 }
-function je(e, t) {
-	let n = xe(e);
+function Oe(e, t) {
+	let n = ve(e);
 	if (n) return n;
 	if (!t) return null;
 	try {
@@ -108,7 +110,7 @@ function je(e, t) {
 		return null;
 	}
 }
-function Me(e, t, n) {
+function ke(e, t, n) {
 	if (!t || t.width === 0 || t.height === 0 || !n) return null;
 	let r = e.getBoundingClientRect(), i = t.getBoundingClientRect();
 	if (i.width === 0 || i.height === 0) return null;
@@ -116,404 +118,394 @@ function Me(e, t, n) {
 	if (l <= 0 || u <= 0) return null;
 	try {
 		n.clearRect(0, 0, 32, 32), n.drawImage(t, s, c, l, u, 0, 0, 32, 32);
-		let e = n.getImageData(0, 0, 32, 32).data, r = 0, i = 0, a = 0, o = Ee();
+		let e = n.getImageData(0, 0, 32, 32).data, r = 0, i = 0, a = 0, o = Ce();
 		for (let t = 0; t < e.length; t += 4) {
 			let n = e[t + 3] / 255, s = e[t] * n + 255 * (1 - n), c = e[t + 1] * n + 255 * (1 - n), l = e[t + 2] * n + 255 * (1 - n);
-			r += be(s, c, l), i += n, De(o, s, c, l, n), a++;
+			r += _e(s, c, l), i += n, we(o, s, c, l, n), a++;
 		}
 		return a === 0 || i / a < .02 ? null : {
 			luma: r / a,
-			ambientHue: Oe(o)
+			ambientHue: Te(o)
 		};
 	} catch {
 		return null;
 	}
 }
-function Ne(e, t) {
+function Ae(e, t) {
 	let n = e.getBoundingClientRect(), r = n.left + n.width / 2, i = n.top + n.height / 2, a = document.elementsFromPoint(r, i);
 	for (let n of a) {
 		if (!(n instanceof HTMLElement) || n === e || e.contains(n)) continue;
-		let r = getComputedStyle(n).backgroundColor, i = je(l(r, e), t);
-		if (i && !(i[3] < .5)) return Pe(i);
+		let r = getComputedStyle(n).backgroundColor, i = Oe(u(r, e), t);
+		if (i && !(i[3] < .5)) return je(i);
 	}
-	let o = je(l(getComputedStyle(document.body).backgroundColor, e), t);
-	return o ? Pe(o) : null;
+	let o = Oe(u(getComputedStyle(document.body).backgroundColor, e), t);
+	return o ? je(o) : null;
 }
-function Pe(e) {
-	let t = Ee();
-	return De(t, e[0], e[1], e[2], e[3]), {
-		luma: be(e[0], e[1], e[2]),
-		ambientHue: Oe(t)
+function je(e) {
+	let t = Ce();
+	return we(t, e[0], e[1], e[2], e[3]), {
+		luma: _e(e[0], e[1], e[2]),
+		ambientHue: Te(t)
 	};
 }
 //#endregion
 //#region src/composables/glass/useGlassBackdropLuminance.ts
-var Fe = "(prefers-reduced-motion: reduce)", Ie = "data-glass-backdrop-shared", Le = "8%";
-function Re(e, t = {}) {
-	let { lightThreshold: n = .6, minSampleIntervalMs: r = 250, writeBucket: i = !0 } = t, a = Math.max(250, r), o = t.shared === !0;
-	function c(e) {
-		return o ? !1 : e.closest(`[${Ie}]`) !== null;
+var Me = "data-glass-backdrop-shared", Ne = "8%";
+function Pe(e, n = {}) {
+	let { lightThreshold: r = .6, minSampleIntervalMs: i = 250, writeBucket: a = !0 } = n, o = Math.max(250, i), s = n.shared === !0;
+	function l(e) {
+		return !s && e.closest(`[${Me}]`) !== null;
 	}
-	let l = W(null), u = W(null);
+	let u = G(null), d = G(null), f = G({
+		state: "pending",
+		mode: n.live === !0 ? "live" : "static",
+		source: n.live === !0 ? "canvas" : "elements"
+	});
 	if (typeof window > "u") return {
-		luma: U(l),
-		bucket: U(u),
+		luma: W(u),
+		bucket: W(d),
+		sample: W(f),
 		sampleNow: () => {},
 		dispose: () => {}
 	};
-	let d = window.matchMedia(Fe), f = d.matches, p = null, m = null;
-	function h() {
-		return p || (p = document.createElement("canvas"), p.width = 32, p.height = 32), m ||= p.getContext("2d", { willReadFrequently: !0 }), m;
-	}
+	let p = t(), m = null, h = null;
 	function g() {
-		return t.live === void 0 ? e.value?.dataset.glassSample === "live" ? !0 : Ae(t.backgroundCanvas) !== null : t.live;
+		return m || (m = document.createElement("canvas"), m.width = 32, m.height = 32), h ||= m.getContext("2d", { willReadFrequently: !0 }), h;
 	}
 	function _() {
-		return t.live === void 0 ? e.value?.dataset.glassSample === "live" || t.backgroundCanvas != null ? !0 : Ae(void 0) !== null : t.live;
-	}
-	function v(t) {
-		let r = t.luma;
-		l.value = r;
-		let a = e.value;
-		if (a && (a.style.setProperty("--glass-backdrop-luma", r.toFixed(3)), a.style.setProperty("--glass-ambient-hue", t.ambientHue), a.style.setProperty("--glass-ambient-strength", t.ambientHue === "transparent" ? "0%" : Le), a.setAttribute("data-backdrop-sampled", ""), a.style.setProperty("--glass-backdrop-sampled", "1"), i)) {
-			let e = r >= n ? "light" : "dark";
-			u.value = e, a.style.setProperty("--glass-backdrop", e);
-		}
+		return n.live === void 0 ? e.value?.dataset.glassSample === "live" || n.backgroundCanvas != null || De(void 0) !== null : n.live;
+	}
+	function v(e) {
+		let t = e.getBoundingClientRect();
+		return {
+			x: t.x,
+			y: t.y,
+			width: t.width,
+			height: t.height
+		};
 	}
-	let y = 0;
-	function b() {
-		let n = e.value;
-		if (!n || c(n)) return;
-		let r = h(), i = g() ? Me(n, Ae(t.backgroundCanvas), r) ?? Ne(n, r) : Ne(n, r);
-		i !== null && v(i), y = typeof performance < "u" ? performance.now() : Date.now();
+	function y(e, t, n, i) {
+		let o = e.luma;
+		u.value = o;
+		let s = o >= r ? "light" : "dark";
+		d.value = s, f.value = {
+			state: "sampled",
+			mode: n,
+			source: n === "live" ? "canvas" : "elements",
+			luma: o,
+			ambientHue: e.ambientHue,
+			sampledAt: i,
+			targetRect: v(t)
+		}, t.style.setProperty("--glass-backdrop-luma", o.toFixed(3)), t.style.setProperty("--glass-ambient-hue", e.ambientHue), t.style.setProperty("--glass-ambient-strength", e.ambientHue === "transparent" ? "0%" : Ne), t.setAttribute("data-backdrop-sampled", ""), t.setAttribute("data-backdrop-sample-state", "sampled"), t.setAttribute("data-backdrop-sample-source", n === "live" ? "canvas" : "elements"), t.removeAttribute("data-backdrop-sample-reason"), t.style.setProperty("--glass-backdrop-sampled", "1"), a && t.style.setProperty("--glass-backdrop", s);
+	}
+	function S(e, t, n, r) {
+		u.value = null, d.value = null, f.value = {
+			state: "unavailable",
+			mode: t,
+			source: t === "live" ? "canvas" : "elements",
+			reason: n,
+			sampledAt: r,
+			targetRect: v(e)
+		}, e.style.removeProperty("--glass-backdrop-luma"), e.style.removeProperty("--glass-ambient-hue"), e.style.removeProperty("--glass-ambient-strength"), e.style.removeProperty("--glass-backdrop-sampled"), a && e.style.removeProperty("--glass-backdrop"), e.removeAttribute("data-backdrop-sampled"), e.setAttribute("data-backdrop-sample-state", "unavailable"), e.setAttribute("data-backdrop-sample-source", t === "live" ? "canvas" : "elements"), e.setAttribute("data-backdrop-sample-reason", n);
+	}
+	let C = 0;
+	function w() {
+		let t = e.value;
+		if (!t || l(t)) return;
+		let r = g(), i = _() ? "live" : "static", a = i === "live" ? De(n.backgroundCanvas) : null, o = i === "live" ? ke(t, a, r) : Ae(t, r), s = Date.now();
+		o ? y(o, t, i, s) : S(t, i, i === "live" && !a ? "source-unavailable" : "sample-unavailable", s), C = typeof performance < "u" ? performance.now() : s;
 	}
-	let x = S(({ now: e }) => {
-		f || e - y < a || b();
+	let T = b(({ now: e }) => {
+		p.value || e - C < o || w();
 	}, {
 		immediate: !1,
 		pauseWhenHidden: !0,
 		respectReducedMotion: !0
-	}), w = C(() => e.value, {
-		pause: () => x.pause(),
+	}), E = x(() => e.value, {
+		pause: () => T.pause(),
 		resume: () => {
 			let t = e.value;
-			t && c(t) || _() && !f && x.resume();
+			t && l(t) || _() && !p.value && T.resume();
 		}
-	}, { rootMargin: "200px" }), T = s(e, () => b());
-	function E() {
-		f = d.matches;
+	}, { rootMargin: "200px" }), D = c(e, () => w());
+	function O() {
 		let t = e.value;
-		if (t && c(t)) {
-			x.stop();
+		if (t && l(t)) {
+			T.stop();
 			return;
 		}
-		f ? (x.stop(), b()) : _() && x.start();
+		p.value ? (T.stop(), w()) : _() && T.start();
 	}
-	let D = () => E();
-	typeof d.addEventListener == "function" && d.addEventListener("change", D);
-	let O = X(() => e.value, (e) => {
+	let k = X(p, O, { flush: "sync" }), A = X(() => e.value, (e) => {
 		if (e) {
-			if (o) e.setAttribute(Ie, "");
-			else if (c(e)) return;
-			b(), E();
+			if (s) e.setAttribute(Me, "");
+			else if (l(e)) return;
+			w(), O();
 		}
 	}, {
 		immediate: !0,
 		flush: "post"
 	});
-	function k() {
-		O(), x.dispose(), w.dispose(), T.stop(), typeof d.removeEventListener == "function" && d.removeEventListener("change", D), p = null, m = null;
-	}
-	return B(k), {
-		luma: U(l),
-		bucket: U(u),
-		sampleNow: b,
-		dispose: k
+	function j() {
+		A(), k(), T.dispose(), E.dispose(), D.stop(), m = null, h = null;
+	}
+	return V(j), {
+		luma: W(u),
+		bucket: W(d),
+		sample: W(f),
+		sampleNow: w,
+		dispose: j
 	};
 }
 //#endregion
 //#region src/components/dock/composables/isTeleportedTarget.ts
-function ze(e, t) {
+function Fe(e, t) {
 	if (!(e instanceof Element)) return !1;
 	let n = e.closest("[data-glass-dock-portal]");
-	return n ? t ? n.getAttribute("data-glass-dock-owner") === t : !0 : !1;
+	return n ? !t || n.getAttribute("data-glass-dock-owner") === t : !1;
 }
 //#endregion
 //#region src/components/dock/composables/useDockState.ts
-function Be(e) {
-	let { collapseDelay: t = 3600, rootEl: n, alwaysExpanded: r = !1, isTransitioning: i, dockId: a, onStateChange: o } = e, s = () => typeof r == "boolean" ? r : r.value, c = s(), l = W(c ? "pinned" : "collapsed"), u = W(c), d = W(c), f = null, p = W(0), m = O(() => p.value > 0), h = null, g = null, _ = !1, v = null;
-	function y() {
-		v &&= (clearTimeout(v), null);
-	}
-	let b = l.value;
-	function x() {
-		s() && (l.value = "pinned"), u.value = l.value !== "collapsed", d.value = l.value === "pinned", o && b !== l.value && o(l.value, b), b = l.value;
-	}
+function Ie(e) {
+	let { collapseDelay: t = 3600, rootEl: n, alwaysExpanded: r = !1, interaction: i = "auto", initialExpanded: a = !1, isTransitioning: o, dockId: s, onStateChange: c } = e, l = () => typeof r == "boolean" ? r : r.value, u = () => typeof i == "string" ? i : i.value, d = () => l() || u() === "manual", f = G(l() ? "pinned" : a ? "hover" : "collapsed"), p = O(() => f.value !== "collapsed"), m = O(() => f.value === "pinned"), h = null, g = G(0), _ = O(() => g.value > 0), v = null, y = null, b = !1, x = null;
 	function S() {
-		f &&= (clearTimeout(f), null);
-	}
-	function C() {
-		g !== null && (cancelAnimationFrame(g), g = null);
+		x &&= (clearTimeout(x), null);
 	}
+	let C = f.value;
 	function w() {
-		C(), h?.();
+		l() && (f.value = "pinned"), c && C !== f.value && c(f.value, C), C = f.value;
 	}
 	function T() {
-		s() || p.value > 0 || (S(), f = setTimeout(() => {
-			l.value = "collapsed", x();
-		}, t));
+		h &&= (clearTimeout(h), null);
 	}
 	function E() {
-		if (s()) {
-			l.value = "pinned", x();
+		y !== null && (cancelAnimationFrame(y), y = null);
+	}
+	function D() {
+		E(), v?.();
+	}
+	function k() {
+		d() || g.value > 0 || (T(), h = setTimeout(() => {
+			f.value = "collapsed", w();
+		}, t));
+	}
+	function A() {
+		if (l()) {
+			f.value = "pinned", w();
 			return;
 		}
-		_ ||= (_ = !0, S(), y(), l.value = "collapsed", x(), !1);
+		b ||= (b = !0, T(), S(), f.value = "collapsed", w(), !1);
 	}
-	function D() {
-		if (s()) {
-			l.value = "pinned", x();
+	function j() {
+		if (l()) {
+			f.value = "pinned", w();
 			return;
 		}
-		S(), y(), l.value = "hover", x();
+		T(), S(), f.value = "hover", w();
 	}
-	function k() {
-		s() || (S(), l.value === "collapsed" && (y(), v = setTimeout(() => {
-			v = null, !s() && l.value === "collapsed" && (l.value = "hover", x());
+	function M() {
+		d() || (T(), f.value === "collapsed" && (S(), x = setTimeout(() => {
+			x = null, !d() && f.value === "collapsed" && (f.value = "hover", w());
 		}, 60)));
 	}
-	function A(e) {
-		if (!s() && (y(), l.value === "hover")) {
-			if (p.value > 0) return;
+	function N(e) {
+		if (!d() && (S(), f.value === "hover")) {
+			if (g.value > 0) return;
 			if (e) {
 				let t = n.value;
-				if (t && e.relatedTarget instanceof Node && t.contains(e.relatedTarget) || ze(e.relatedTarget, a)) return;
+				if (t && e.relatedTarget instanceof Node && t.contains(e.relatedTarget) || Fe(e.relatedTarget, s)) return;
 			}
-			T();
+			k();
 		}
 	}
-	function j() {
-		s() || (S(), l.value === "collapsed" && (l.value = "hover", x()));
+	function P() {
+		d() || (T(), f.value === "collapsed" && (f.value = "hover", w()));
 	}
-	function M(e) {
-		if (s() || l.value !== "hover" || p.value > 0) return;
+	function ee(e) {
+		if (d() || f.value !== "hover" || g.value > 0) return;
 		let t = e.currentTarget;
-		e.relatedTarget && t.contains(e.relatedTarget) || ze(e.relatedTarget, a) || T();
+		e.relatedTarget && t.contains(e.relatedTarget) || Fe(e.relatedTarget, s) || k();
 	}
-	function N() {
-		if (s()) {
-			l.value = "pinned", x();
-			return;
-		}
-		S(), y(), l.value = "pinned", x();
+	function F() {
+		d() || (T(), S(), f.value = "pinned", w());
 	}
-	function P() {
-		p.value++, S();
+	function I() {
+		g.value++, T();
 	}
-	function F() {
-		p.value = Math.max(0, p.value - 1), p.value === 0 && l.value === "hover" && (S(), f = setTimeout(() => {
-			p.value === 0 && l.value === "hover" && T();
+	function L() {
+		g.value = Math.max(0, g.value - 1), g.value === 0 && f.value === "hover" && (T(), h = setTimeout(() => {
+			g.value === 0 && f.value === "hover" && k();
 		}, Math.min(t, 800)));
 	}
-	function I(e) {
-		if (s() || i?.value) return;
+	function R(e) {
+		if (d() || g.value > 0 || o?.value) return;
 		let t = n.value;
-		!t || t.contains(e.target) || ze(e.target, a) || E();
+		!t || t.contains(e.target) || Fe(e.target, s) || A();
 	}
-	return X(u, (e) => {
-		e ? (w(), g = requestAnimationFrame(() => {
-			g = null, u.value && (document.addEventListener("pointerdown", I, !0), h = () => {
-				document.removeEventListener("pointerdown", I, !0), h = null;
+	return X(p, (e) => {
+		if (e) {
+			if (typeof document > "u") return;
+			D(), y = requestAnimationFrame(() => {
+				y = null, p.value && (document.addEventListener("pointerdown", R, !0), v = () => {
+					document.removeEventListener("pointerdown", R, !0), v = null;
+				});
 			});
-		})) : w();
-	}), typeof r == "boolean" ? r && (l.value = "pinned", x()) : X(r, (e) => {
+		} else D();
+	}, { immediate: !0 }), typeof r == "boolean" ? r && (f.value = "pinned", w()) : X(r, (e) => {
 		if (e) {
-			S(), l.value = "pinned", x();
+			T(), f.value = "pinned", w();
 			return;
 		}
-		l.value = "collapsed", x();
-	}, { immediate: !0 }), V(() => {
-		S(), y(), w();
+		f.value = "collapsed", w();
+	}), typeof i != "string" && X(i, (e) => {
+		e === "manual" && (T(), S());
+	}), H(() => {
+		T(), S(), D();
 	}), {
-		state: l,
-		expanded: u,
-		isPinned: d,
-		isHeld: m,
-		onMouseEnter: k,
-		onMouseLeave: A,
-		onFocusIn: j,
-		onFocusOut: M,
-		onClickCollapsed: N,
-		keepOpen: P,
-		release: F,
-		expand: D,
-		collapse: E
+		state: f,
+		expanded: p,
+		isPinned: m,
+		isHeld: _,
+		onMouseEnter: M,
+		onMouseLeave: N,
+		onFocusIn: P,
+		onFocusOut: ee,
+		onClickCollapsed: F,
+		keepOpen: I,
+		release: L,
+		expand: j,
+		collapse: A
 	};
 }
 //#endregion
 //#region src/components/dock/composables/useDockSpring.ts
-function Ve(e) {
-	let n = null, r = () => n !== null && !n.settled;
+function Le(e) {
+	let t = null, n = () => t !== null && !t.settled;
 	function i() {
-		n &&= (n.dispose(), null);
+		t &&= (t.dispose(), null);
 	}
 	function a(a, o, s) {
-		let c = r() ? n.velocity : 0;
+		let c = n() ? t.velocity * (s.inheritVelocityScale ?? 1) : 0;
 		i();
-		let l = new ge({
-			response: e.response * t(),
+		let l = new fe({
+			response: e.response * r(),
 			dampingFraction: e.dampingFraction,
 			initial: a,
 			respectReducedMotion: !0
 		});
-		n = l, l.reset(a, c), l.target = o, l.play((e, t) => {
-			s.onFrame(e, t), l.settled && (s.onSettle?.(), n === l && i());
+		t = l, l.reset(a, c), l.target = o, l.play((e, n) => {
+			s.onFrame(e, n), l.settled && (s.onSettle?.(), t === l && i());
 		});
 	}
 	function o(e) {
-		r() && (n.target = e);
+		n() && (t.target = e);
 	}
 	return {
 		playTo: a,
 		retarget: o,
 		get live() {
-			return r();
+			return n();
 		},
 		get velocity() {
-			return r() ? n.velocity : 0;
+			return n() ? t.velocity : 0;
 		},
 		dispose: i
 	};
 }
 //#endregion
-//#region src/components/dock/composables/dockMorphContext.ts
-var He = d(h), { KEY: Ue } = He;
-function We(e) {
-	He.provide(e);
-}
-He.use;
-function Ge(e) {
-	let { rootEl: t, outerEl: n, outerActiveLayer: r, outerAxis: i } = e, a = Ve({
-		response: _.response,
-		dampingFraction: _.dampingFraction
-	}), o = /* @__PURE__ */ new Set();
+//#region src/components/dock/composables/useDockMorph.ts
+function Re(e) {
+	let { rootEl: t, outerActiveLayer: n } = e, r = G(n.value), i = G(null), a = Le({
+		response: h.response,
+		dampingFraction: h.dampingFraction
+	}), o = pe("(prefers-reduced-motion: reduce)");
 	function s() {
 		return t.value;
 	}
 	function c() {
-		let e = s();
-		return !!e && e.hasAttribute("data-morphing");
-	}
-	function l(e) {
-		e.leavingLayer.value = null;
-	}
-	function u() {
+		i.value = null;
 		let t = s();
-		t && (t.removeAttribute("data-morphing"), t.removeAttribute("data-pane-swap"), t.style.removeProperty("--dock-morph-t")), e.onMorphActiveChange?.(!1), a.dispose();
+		t && (t.removeAttribute("data-morphing"), t.style.removeProperty("--dock-morph-t")), e.onMorphActiveChange?.(!1), a.dispose();
 	}
-	function d() {
-		for (let e of o) l(e);
-		u();
-	}
-	function f(t = !1) {
-		let n = s();
-		n && (e.onMorphActiveChange?.(!0), n.setAttribute("data-morphing", ""), t ? n.setAttribute("data-pane-swap", "") : n.removeAttribute("data-pane-swap"), n.style.setProperty("--dock-morph-t", "0"), a.playTo(0, 1, {
+	X(o, (e) => {
+		e && s()?.hasAttribute("data-morphing") && c();
+	});
+	function l() {
+		let t = s();
+		if (!t) return;
+		e.onMorphActiveChange?.(!0), t.setAttribute("data-morphing", "");
+		let n = Number.parseFloat(t.style.getPropertyValue("--dock-morph-t")), r = a.live && !Number.isNaN(n), i = r ? 1 - n : 0;
+		t.style.setProperty("--dock-morph-t", `${i}`), a.playTo(i, 1, {
+			inheritVelocityScale: r ? -1 : 1,
 			onFrame: (e) => {
-				let t = s();
-				t && t.style.setProperty("--dock-morph-t", `${e}`);
+				s()?.style.setProperty("--dock-morph-t", `${e}`);
 			},
-			onSettle: () => {
-				d();
-			}
-		}));
+			onSettle: c
+		});
 	}
-	function p(e, t, n) {
-		if (t !== n) {
-			if (!s()) {
-				e.currentLayer.value = t, e.leavingLayer.value = null;
-				return;
-			}
-			e.leavingLayer.value = n, e.currentLayer.value = t, f(!e.isOuter);
+	let u = X(n, (e, t) => {
+		if (e === t) return;
+		let n = s();
+		if (r.value = e, !n) {
+			i.value = null;
+			return;
 		}
-	}
-	function m(e, t = !1) {
-		let n = {
-			containerEl: e.containerEl,
-			axis: e.axis,
-			activeLayer: e.activeLayer,
-			currentLayer: W(e.activeLayer.value),
-			leavingLayer: W(null),
-			isOuter: t,
-			stop: () => {}
-		};
-		return n.stop = X(e.activeLayer, (e, t) => {
-			p(n, e, t);
-		}), o.add(n), n;
-	}
-	function h(e) {
-		e.stop(), o.delete(e), c() || a.dispose();
-	}
-	let g = m({
-		containerEl: n,
-		activeLayer: r,
-		axis: i
-	}, !0);
-	return V(() => {
-		for (let e of o) e.stop();
-		o.clear(), a.dispose();
+		i.value = t, l();
+	});
+	return H(() => {
+		u(), a.dispose();
 	}), {
-		context: { registerGroup(e) {
-			let t = m(e);
-			return {
-				currentLayer: U(t.currentLayer),
-				leavingLayer: U(t.leavingLayer),
-				release: () => h(t)
-			};
-		} },
-		outerCurrentLayer: U(g.currentLayer)
+		outerCurrentLayer: W(r),
+		outerLeavingLayer: W(i)
 	};
 }
 //#endregion
 //#region src/components/dock/composables/dockMorphMeasure.ts
-function Ke(e) {
-	return e === "vertical" ? "height" : "width";
-}
-function qe(e, t) {
-	return e.getBoundingClientRect()[Ke(t)];
-}
-function Je(e) {
-	if (!e || typeof getComputedStyle != "function") return 44;
-	let t = getComputedStyle(e).getPropertyValue("--dock-morph-min").trim(), n = Number.parseFloat(t);
-	return Number.isFinite(n) && n > 0 ? n : 44;
+function ze(e, t) {
+	return t === "vertical" ? e.offsetHeight : e.offsetWidth;
 }
-function Ye(e) {
-	let { rootEl: t, contentEl: n, axis: r, expanded: i } = e, a = null, o = 0, s = 0;
-	function c(e) {
-		return e.hasAttribute("data-morphing");
+function Be(e) {
+	let { rootEl: t, contentEl: n, expandedEl: r, collapsedEl: i, axis: a, expanded: o } = e, s = null, c = 0, l = 0, u = !1;
+	function d() {
+		let e = t.value, s = n.value, u = r.value, d = i.value;
+		if (!e || !s || !u || !d || e.hasAttribute("data-morphing")) return;
+		let f = a.value, p = ze(e, f), m = ze(u, f), h = ze(d, f);
+		if (p <= 0 || m < 0 || h < 0) return;
+		o.value ? c = p : l = p;
+		let g = o.value ? m : h, _ = Math.max(0, p - g), v = c || _ + m, y = l || _ + h;
+		v <= 0 || y <= 0 || (e.style.setProperty("--dock-collapsed-px", `${y}px`), e.style.setProperty("--dock-expanded-px", `${Math.max(v, y)}px`));
 	}
-	function l() {
-		let e = t.value, a = n.value;
-		if (!e || !a) return;
-		let l = r.value, u = Je(e);
-		if (s <= 0 && (s = u), !c(e)) {
-			let t = qe(e, l);
-			t > 0 && (i.value ? o = t : s = t);
+	function f() {
+		s?.disconnect(), s = null;
+		let e = t.value;
+		if (e) {
+			if (typeof ResizeObserver < "u") {
+				s = new ResizeObserver(d);
+				for (let t of [
+					e,
+					n.value,
+					r.value,
+					i.value
+				]) t && s.observe(t);
+			}
+			d();
 		}
-		let d = o > 0 ? o : Math.max(qe(a, l), s), f = Math.max(d, s);
-		e.style.setProperty("--dock-collapsed-px", `${s}px`), e.style.setProperty("--dock-expanded-px", `${f}px`);
 	}
-	function u(e) {
-		a &&= (a.disconnect(), null), !(!e || typeof ResizeObserver > "u") && (a = new ResizeObserver(() => l()), n.value && a.observe(n.value), a.observe(e), l());
-	}
-	X(t, (e) => u(e), { immediate: !0 }), X(n, () => u(t.value)), X(i, () => l());
-	let d = typeof document < "u" ? document.fonts : void 0;
-	d && d.ready.then(() => l()), B(() => {
-		a && a.disconnect(), a = null;
+	X([
+		t,
+		n,
+		r,
+		i,
+		a
+	], f, { immediate: !0 }), X(o, d);
+	let p = typeof document < "u" ? document.fonts : void 0;
+	p && p.ready.then(() => !u && d()), V(() => {
+		u = !0, s?.disconnect(), s = null;
 	});
 }
 //#endregion
 //#region src/components/dock/composables/useDockShellProps.ts
-function Xe(e) {
+function Ve(e) {
 	let t = O(() => {
 		if (e.containerName) return {
 			"container-type": "inline-size",
@@ -524,6 +516,7 @@ function Xe(e) {
 		containerStyle: t,
 		collapseDelay: n,
 		startCollapsed: O(() => c.value ? !1 : e.startCollapsed ?? !0),
+		interaction: O(() => c.value ? "auto" : e.interaction ?? "auto"),
 		layoutValue: r,
 		shape: i,
 		orientation: a,
@@ -535,60 +528,91 @@ function Xe(e) {
 }
 //#endregion
 //#region src/components/dock/composables/useDockClickIntegrity.ts
-function Ze(e) {
-	let { rootEl: t, visualExpanded: n } = e, r = null, i = !1, a = 0, o = null;
-	function s() {
+function He(e) {
+	let { rootEl: t, visualExpanded: n } = e, r = null, i = !1, a = 0, o = null, s = G(null), c = null, l = [];
+	function u() {
+		c?.removeAttribute("data-dock-press-origin"), c = null;
+		for (let { element: e, wasInert: t } of l.splice(0)) e.toggleAttribute("inert", t);
+		s.value = null;
+	}
+	function d(e) {
+		let n = (e instanceof Element ? e : null)?.closest("button, a[href], input, select, textarea, [role='button'], [tabindex]"), r = n?.closest(".dock-layer--full");
+		if (!(!n || !r || !t.value?.contains(r))) {
+			c = n, n.setAttribute("data-dock-press-origin", ""), s.value = "full";
+			for (let e = n; e !== r;) {
+				let t = e.parentElement;
+				if (!t) break;
+				for (let n of t.children) n === e || !(n instanceof HTMLElement) || (l.push({
+					element: n,
+					wasInert: n.inert
+				}), n.inert = !0);
+				e = t;
+			}
+		}
+	}
+	function f() {
 		o !== null && (clearTimeout(o), o = null);
 	}
-	function c() {
-		a = l() + 840, s(), o = setTimeout(() => {
+	function p() {
+		a = m() + 840, f(), o = setTimeout(() => {
 			o = null;
 		}, 840);
 	}
-	function l() {
+	function m() {
 		return typeof performance < "u" && typeof performance.now == "function" ? performance.now() : Date.now();
 	}
-	function u() {
+	function h() {
 		let e = t.value;
-		return e && e.hasAttribute("data-morphing") ? !0 : l() < a;
+		return e && e.hasAttribute("data-morphing") ? !0 : m() < a;
 	}
-	function d() {
+	function g() {
 		let e = t.value;
 		return !!e && e.hasAttribute("data-morphing");
 	}
-	function f(e) {
-		r = e.target, n.value, i = d();
+	function _(e) {
+		u(), r = e.target, n.value, i = g();
 	}
-	function p(e) {
+	X(n, (e, t) => {
+		t && !e && r && d(r);
+	});
+	function v() {
+		u(), r = null, i = !1;
+	}
+	function y(e) {
 		if (!r || !e) return !1;
 		if (e === r) return !0;
 		let t = r instanceof Node ? r : null, n = e instanceof Node ? e : null;
 		return !t || !n ? !1 : t.contains(n) || n.contains(t);
 	}
-	function m(e) {
+	function b(e) {
+		u();
 		let t = i;
-		if (i = !1, !u()) {
+		if (i = !1, !h()) {
 			r = null;
 			return;
 		}
 		if (!(!r && !t)) {
-			if (!t && p(e.target)) {
+			if (!t && y(e.target)) {
 				r = null;
 				return;
 			}
 			e.stopPropagation(), e.preventDefault(), r = null;
 		}
 	}
-	return ee(s), {
-		onPointerDownCapture: f,
-		onClickCapture: m,
-		markExpandFlip: c
+	return z(() => {
+		f(), u();
+	}), {
+		onPointerDownCapture: _,
+		onPointerCancelCapture: v,
+		onClickCapture: b,
+		markExpandFlip: p,
+		pressKeepaliveLayer: W(s)
 	};
 }
 //#endregion
 //#region src/components/dock/composables/useDockTouchGate.ts
-function Qe(e) {
-	let { collapseDelay: t, rootEl: n, alwaysExpanded: r, visualExpanded: i, expanded: a, isPinned: o, expand: s, collapse: l } = e, u = c(t);
+function Ue(e) {
+	let { collapseDelay: t, rootEl: n, quiet: r, visualExpanded: i, expanded: a, isPinned: o, expand: s, collapse: c } = e, u = l(t);
 	function d() {
 		return !r.value;
 	}
@@ -606,7 +630,7 @@ function Qe(e) {
 		u.handleTouchEnd(), !e && u.isActive.value && !i.value && s();
 	}
 	return X(u.isActive, (e) => {
-		!e && a.value && !o.value && !r.value && l();
+		!e && a.value && !o.value && !r.value && c();
 	}), {
 		onTouchStart: f,
 		onTouchMove: p,
@@ -616,7 +640,7 @@ function Qe(e) {
 }
 //#endregion
 //#region src/components/dock/composables/useDockOverflowFit.ts
-function $e(e) {
+function We(e) {
 	let t = null, n = null, r = 0;
 	function i() {
 		return e.value?.querySelector(".dock-layer--full") ?? null;
@@ -624,53 +648,60 @@ function $e(e) {
 	function a() {
 		let t = e.value, n = i();
 		if (!t || !n) return;
-		let r = n.scrollWidth - n.clientWidth > 1;
-		t.toggleAttribute("data-dock-overflow", r);
+		let r = t.classList.contains("vertical"), a = r ? t : n, o = r ? a.scrollHeight - a.clientHeight > 1 : a.scrollWidth - a.clientWidth > 1;
+		t.toggleAttribute("data-dock-overflow", o);
 	}
 	function o() {
 		cancelAnimationFrame(r), r = requestAnimationFrame(a);
 	}
-	return te(() => {
+	return B(() => {
 		let r = e.value, a = i();
-		o(), r && (t = new ResizeObserver(o), t.observe(r), a && t.observe(a)), a && (n = new MutationObserver(o), n.observe(a, {
+		o(), r && (t = new ResizeObserver(o), t.observe(r), a && t.observe(a)), r && (n = new MutationObserver(o), n.observe(r, {
 			childList: !0,
 			subtree: !0,
-			characterData: !0
+			characterData: !0,
+			attributes: !0,
+			attributeFilter: ["class", "hidden"]
 		}));
-	}), X(() => e.value, () => o()), V(() => {
+	}), X(() => e.value, () => o()), H(() => {
 		t?.disconnect(), n?.disconnect(), cancelAnimationFrame(r);
 	}), { measure: a };
 }
 //#endregion
 //#region src/components/dock/GlassDock.vue?vue&type=script&setup=true&lang.ts
-var et = [
+var Ge = [
 	"data-size",
+	"data-backdrop-mode",
+	"data-interaction",
 	"data-held",
 	"data-search",
 	"data-container-name"
-], tt = { class: "dock-controls" }, nt = {
+], Ke = { class: "dock-controls" }, qe = {
 	key: 0,
 	class: "dock-persistent"
-}, rt = ["inert"], it = ["inert"], at = {
+}, Je = ["inert"], Ye = ["inert"], Xe = {
 	key: 0,
 	class: "dock-search-field"
-}, ot = {
+}, Ze = {
 	key: 1,
 	class: "dock-persistent dock-persistent-end"
-}, st = /* @__PURE__ */ P({
+}, Qe = /* @__PURE__ */ P({
 	inheritAttrs: !1,
 	__name: "GlassDock",
 	props: {
 		fitContent: { type: Boolean },
 		position: {},
+		backdropMode: { default: "live" },
 		alwaysExpanded: { type: Boolean },
 		shape: {},
 		orientation: {},
 		size: {},
 		overflow: {},
 		containerName: {},
+		viewTransitionName: {},
 		collapseDelay: {},
 		startCollapsed: { type: Boolean },
+		interaction: {},
 		layout: {},
 		autoLuminance: {
 			type: Boolean,
@@ -680,142 +711,155 @@ var et = [
 		search: { type: Boolean }
 	},
 	setup(e, { expose: t }) {
-		let n = e, { containerStyle: r, collapseDelay: i, startCollapsed: a, layoutValue: o, shape: s, orientation: c, size: l, scrollClass: u, alwaysExpanded: d, fitContent: f } = Xe(n), p = o, h = Y("dockEl"), g = Y("layersEl");
-		$e(h), n.autoLuminance !== !1 && Re(h, { backgroundCanvas: () => {
+		let n = e, { containerStyle: r, collapseDelay: i, startCollapsed: a, interaction: o, layoutValue: s, shape: c, orientation: l, size: u, scrollClass: d, alwaysExpanded: f, fitContent: p } = Ve(n), h = s, g = Y("dockEl"), _ = Y("layersEl"), v = Y("fullEl"), y = Y("summaryEl");
+		We(g), n.backdropMode === "live" && n.autoLuminance !== !1 && Pe(g, { backgroundCanvas: () => {
 			let e = n.backgroundCanvas;
 			return typeof e == "function" ? e() : e instanceof HTMLCanvasElement ? e : null;
 		} });
-		let _ = W(!1), v = `glass-dock-${ie()}`, { expanded: y, isPinned: b, isHeld: x, onMouseEnter: S, onMouseLeave: C, onFocusIn: w, onFocusOut: T, onClickCollapsed: E, keepOpen: D, release: k, expand: N, collapse: P } = Be({
+		let b = G(!1), x = `glass-dock-${re()}`, { expanded: S, isPinned: C, isHeld: w, onMouseEnter: T, onMouseLeave: E, onFocusIn: D, onFocusOut: k, onClickCollapsed: N, keepOpen: P, release: ee, expand: I, collapse: R } = Ie({
 			collapseDelay: i.value,
-			rootEl: h,
-			alwaysExpanded: d,
-			isTransitioning: _,
-			dockId: v
-		});
+			rootEl: g,
+			alwaysExpanded: f,
+			interaction: o,
+			initialExpanded: !a.value,
+			isTransitioning: b,
+			dockId: x
+		}), z = O(() => f.value || o.value === "manual");
 		m({
-			id: v,
-			orientation: c,
-			layout: p,
-			keepOpen: D,
-			release: k,
-			held: x
+			id: x,
+			orientation: l,
+			layout: h,
+			keepOpen: P,
+			release: ee,
+			held: w
 		});
-		let F = O(() => d.value || y.value), L = O(() => F.value ? "full" : "summary"), z = O(() => c.value), { context: ee } = Ge({
-			rootEl: h,
-			outerEl: g,
-			outerActiveLayer: L,
-			outerAxis: z,
+		let B = O(() => f.value || S.value), V = O(() => B.value ? "full" : "summary"), H = O(() => l.value), { outerCurrentLayer: W, outerLeavingLayer: te } = Re({
+			rootEl: g,
+			outerActiveLayer: V,
 			onMorphActiveChange: (e) => {
-				_.value = e;
+				b.value = e;
 			}
 		});
-		We(ee), Ye({
-			rootEl: h,
-			contentEl: g,
-			axis: z,
-			expanded: F
+		Be({
+			rootEl: g,
+			contentEl: _,
+			expandedEl: v,
+			collapsedEl: y,
+			axis: H,
+			expanded: B
 		});
-		let B = O(() => ({ "view-transition-name": v.replace(/[^a-zA-Z0-9_-]/g, "-") })), { onPointerDownCapture: V, onClickCapture: U, markExpandFlip: G } = Ze({
-			rootEl: h,
-			visualExpanded: F
-		});
-		te(() => {
-			(n.alwaysExpanded || !a.value) && N();
-		});
-		let { onTouchStart: q, onTouchMove: ne, onTouchEnd: re, deactivate: ae } = Qe({
+		let ne = O(() => n.viewTransitionName ? { "view-transition-name": n.viewTransitionName } : void 0), { onPointerDownCapture: q, onPointerCancelCapture: ie, onClickCapture: Z, markExpandFlip: Q, pressKeepaliveLayer: ae } = He({
+			rootEl: g,
+			visualExpanded: B
+		}), { onTouchStart: oe, onTouchMove: se, onTouchEnd: ce, deactivate: le } = Ue({
 			collapseDelay: i.value,
-			rootEl: h,
-			alwaysExpanded: d,
-			visualExpanded: F,
-			expanded: y,
-			isPinned: b,
-			expand: N,
-			collapse: P
+			rootEl: g,
+			quiet: z,
+			visualExpanded: B,
+			expanded: S,
+			isPinned: C,
+			expand: I,
+			collapse: R
 		});
-		return X(F, (e) => {
-			e ? G() : ae();
+		return X(B, (e) => {
+			e ? Q() : le();
 		}), t({
-			expanded: y,
-			isPinned: b,
-			isHeld: x,
-			isTransitioning: _,
-			expand: N,
-			collapse: P,
-			keepOpen: D,
-			release: k
-		}), (t, n) => (H(), j("div", I({
+			expanded: S,
+			isPinned: C,
+			isHeld: w,
+			isTransitioning: b,
+			expand: I,
+			collapse: R,
+			keepOpen: P,
+			release: ee
+		}), (t, i) => (U(), j("div", F({
 			ref_key: "dockEl",
-			ref: h
+			ref: g
 		}, t.$attrs, {
 			class: ["glass-dock", [
-				J(c),
-				`shape-${J(s)}`,
-				`layout-${J(p)}`,
-				J(u),
+				J(l),
+				`shape-${J(c)}`,
+				`layout-${J(h)}`,
+				J(d),
 				{
-					expanded: F.value,
-					collapsed: !F.value,
-					pinned: J(b),
-					"fit-content": J(f),
-					"always-expanded": J(d),
-					"dock-overflow-wrap": e.overflow === "wrap" && J(c) !== "vertical"
+					expanded: B.value,
+					collapsed: !B.value,
+					pinned: J(C),
+					"fit-content": J(p),
+					"always-expanded": J(f),
+					"dock-overflow-wrap": e.overflow === "wrap" && J(l) !== "vertical"
 				},
 				e.position === "fixed" ? "fixed bottom-(--dock-pos) inset-x-0 mx-auto w-max" : e.position === "sticky" ? "dock-sticky" : "dock-inline"
 			]],
-			"data-size": J(l),
-			"data-held": J(x) || void 0,
+			"data-material": "functional",
+			"data-size": J(u),
+			"data-backdrop-mode": n.backdropMode,
+			"data-interaction": J(o) === "manual" ? "manual" : void 0,
+			"data-held": J(w) || void 0,
 			"data-search": e.search || void 0,
 			"data-container-name": e.containerName || void 0,
-			style: [J(r), B.value],
-			onMouseenter: n[1] ||= (...e) => J(S) && J(S)(...e),
-			onMouseleave: n[2] ||= (e) => J(C)(e),
-			onFocusin: n[3] ||= (...e) => J(w) && J(w)(...e),
-			onFocusout: n[4] ||= (...e) => J(T) && J(T)(...e),
-			onTouchstart: n[5] ||= (...e) => J(q) && J(q)(...e),
-			onTouchmove: n[6] ||= (...e) => J(ne) && J(ne)(...e),
-			onTouchend: n[7] ||= (...e) => J(re) && J(re)(...e),
-			onPointerdownCapture: n[8] ||= (...e) => J(V) && J(V)(...e),
-			onClickCapture: n[9] ||= (...e) => J(U) && J(U)(...e)
-		}), [n[10] ||= M("div", {
+			style: [J(r), ne.value],
+			onMouseenter: i[1] ||= (...e) => J(T) && J(T)(...e),
+			onMouseleave: i[2] ||= (e) => J(E)(e),
+			onFocusin: i[3] ||= (...e) => J(D) && J(D)(...e),
+			onFocusout: i[4] ||= (...e) => J(k) && J(k)(...e),
+			onTouchstart: i[5] ||= (...e) => J(oe) && J(oe)(...e),
+			onTouchmove: i[6] ||= (...e) => J(se) && J(se)(...e),
+			onTouchend: i[7] ||= (...e) => J(ce) && J(ce)(...e),
+			onPointerdownCapture: i[8] ||= (...e) => J(q) && J(q)(...e),
+			onPointercancelCapture: i[9] ||= (...e) => J(ie) && J(ie)(...e),
+			onClickCapture: i[10] ||= (...e) => J(Z) && J(Z)(...e)
+		}), [i[11] ||= M("div", {
 			class: "dock-plate",
 			"aria-hidden": "true"
-		}, null, -1), M("div", tt, [
-			t.$slots.persistent ? (H(), j("div", nt, [K(t.$slots, "persistent")])) : A("", !0),
+		}, null, -1), M("div", Ke, [
+			t.$slots.persistent ? (U(), j("div", qe, [K(t.$slots, "persistent")])) : A("", !0),
 			M("div", {
 				ref_key: "layersEl",
-				ref: g,
+				ref: _,
 				class: "dock-layers"
 			}, [
 				M("div", {
-					class: R(["dock-layer dock-layer--full", { "is-active": F.value }]),
-					inert: !F.value || void 0
-				}, [K(t.$slots, "default")], 10, rt),
+					ref_key: "fullEl",
+					ref: v,
+					class: L(["dock-layer dock-layer--full", {
+						"is-active": J(W) === "full",
+						"is-leaving": J(te) === "full" || J(ae) === "full" && J(W) !== "full",
+						"is-press-keepalive": J(ae) === "full"
+					}]),
+					inert: J(W) !== "full" && J(ae) !== "full" || void 0
+				}, [K(t.$slots, "default")], 10, Je),
 				M("div", {
-					class: R(["dock-layer dock-layer--summary", { "is-active": !F.value }]),
-					inert: F.value || void 0,
-					onClick: n[0] ||= (...e) => J(E) && J(E)(...e)
-				}, [K(t.$slots, "collapsed")], 10, it),
-				e.search ? (H(), j("div", at, [K(t.$slots, "search")])) : A("", !0)
+					ref_key: "summaryEl",
+					ref: y,
+					class: L(["dock-layer dock-layer--summary", {
+						"is-active": J(W) === "summary",
+						"is-leaving": J(te) === "summary"
+					}]),
+					inert: J(W) !== "summary" || void 0,
+					onClick: i[0] ||= (...e) => J(N) && J(N)(...e)
+				}, [K(t.$slots, "collapsed")], 10, Ye),
+				e.search ? (U(), j("div", Xe, [K(t.$slots, "search")])) : A("", !0)
 			], 512),
-			t.$slots["persistent-end"] ? (H(), j("div", ot, [K(t.$slots, "persistent-end")])) : A("", !0)
-		])], 16, et));
+			t.$slots["persistent-end"] ? (U(), j("div", Ze, [K(t.$slots, "persistent-end")])) : A("", !0)
+		])], 16, Ge));
 	}
-}), ct = u(f, "[glass-ui:dock] <DockLayer> must be used inside <DockCrossfade> (or <DockLayerGroup>)"), { KEY: lt } = ct;
-function ut(e) {
-	ct.provide(e);
+}), $e = o(f, "[glass-ui:dock] <DockLayer> must be used inside <DockCrossfade> (or <DockLayerGroup>)"), { KEY: et } = $e;
+function tt(e) {
+	$e.provide(e);
 }
-var dt = ct.use;
-ct.useOptional;
+var nt = $e.use;
+$e.useOptional;
 //#endregion
 //#region src/components/dock/DockCrossfade.vue
-var ft = /* @__PURE__ */ P({
+var rt = /* @__PURE__ */ P({
 	__name: "DockCrossfade",
 	props: {
 		active: {},
 		reserve: { default: "block" }
 	},
 	setup(e, { expose: t }) {
-		let n = e, r = W(null), i = W(/* @__PURE__ */ new Map()), a = O(() => [...i.value.values()].map(({ id: e, label: t, icon: n }) => ({
+		let n = e, r = G(null), i = G(/* @__PURE__ */ new Map()), a = O(() => [...i.value.values()].map(({ id: e, label: t, icon: n }) => ({
 			id: e,
 			label: t,
 			icon: n
@@ -824,20 +868,20 @@ var ft = /* @__PURE__ */ P({
 			let t = new Map(i.value);
 			t.set(e.id, e), i.value = t, p();
 		}
-		function c(e) {
+		function s(e) {
 			if (!i.value.has(e)) return;
 			let t = new Map(i.value);
 			t.delete(e), i.value = t, p();
 		}
-		let l = O(() => n.active), u = W(null);
-		ut({
+		let l = O(() => n.active), u = G(null);
+		tt({
 			register: o,
-			unregister: c,
+			unregister: s,
 			activeId: l,
 			leavingId: u,
 			faces: a
 		});
-		let d = W(0), f = O(() => n.reserve === "inline" ? "min-inline-size" : "min-block-size");
+		let d = G(0), f = O(() => n.reserve === "inline" ? "min-inline-size" : "min-block-size");
 		function p() {
 			let e = 0;
 			for (let { el: t } of i.value.values()) {
@@ -850,72 +894,74 @@ var ft = /* @__PURE__ */ P({
 			[f.value]: `${d.value}px`,
 			"--dock-crossfade-peak": `${d.value}px`
 		} : void 0);
-		s(r, () => p());
-		let h = Ve({
-			response: _.response,
-			dampingFraction: _.dampingFraction
+		c(r, () => p());
+		let g = Le({
+			response: h.response,
+			dampingFraction: h.dampingFraction
 		});
-		function g(e) {
+		function _(e) {
 			return e ? i.value.get(e)?.el : void 0;
 		}
 		function v(e, t) {
-			g(e)?.style.setProperty("--dock-t", `${t}`);
+			_(e)?.style.setProperty("--dock-t", `${t}`);
 		}
 		function y(e) {
-			g(e)?.style.removeProperty("--dock-t");
+			_(e)?.style.removeProperty("--dock-t");
 		}
 		function b(e) {
 			return e < 0 ? 0 : e > 1 ? 1 : e;
 		}
-		function x() {
-			return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
-		}
-		async function S(e, t) {
+		let x = pe("(prefers-reduced-motion: reduce)"), S = null, C = 1;
+		X(x, (e) => {
+			e && (g.dispose(), S?.());
+		});
+		async function w(e, t) {
 			if (typeof document > "u") return;
-			let n = g(e), r = document.activeElement;
-			!n || !r || !n.contains(r) || (await L(), (g(t) ?? document.body).focus?.());
+			let n = _(e), r = document.activeElement;
+			!n || !r || !n.contains(r) || (await I(), (_(t) ?? document.body).focus?.());
 		}
 		return X(l, (e, t) => {
 			if (e === t) return;
 			p();
-			let n = g(e), i = g(t);
+			let n = _(e), i = _(t);
 			if (!n || !i) {
-				u.value = null, y(e);
+				u.value = null, y(e), C = 1;
 				return;
 			}
-			let a = u.value;
-			a && a !== e && a !== t && y(a), u.value = t;
-			let o = typeof getComputedStyle == "function" ? b(parseFloat(getComputedStyle(n).opacity) || 0) : 0;
-			v(e, o), v(t, o), S(t, e), r.value?.setAttribute("data-crossfading", "");
-			let s = () => {
-				y(e), y(t), r.value?.removeAttribute("data-crossfading"), u.value = null;
+			let a = u.value, o = Number.parseFloat(n.style.getPropertyValue("--dock-t")), s = Number.parseFloat(i.style.getPropertyValue("--dock-t")), c = a === e && Number.isFinite(o) ? 1 - b(o) : 0, l = Number.isFinite(s) ? b(s) : 1;
+			a && a !== e && a !== t && y(a), u.value = t, v(e, c), v(t, 1 - l), w(t, e), r.value?.setAttribute("data-crossfading", "");
+			let d = () => {
+				y(e), y(t), r.value?.removeAttribute("data-crossfading"), u.value = null, C = 1, S === d && (S = null);
 			};
-			if (x()) {
-				s();
+			if (S = d, x.value) {
+				d();
 				return;
 			}
-			h.playTo(o, 1, {
+			let f = l > .001 ? -C / l : 0;
+			C = 1 - c, g.playTo(0, 1, {
+				inheritVelocityScale: f,
 				onFrame: (n) => {
-					let r = b(n);
-					v(e, r), v(t, r);
+					v(e, b(c + (1 - c) * n)), v(t, b(1 - l * (1 - n)));
 				},
-				onSettle: s
+				onSettle: d
 			});
-		}), ee(() => h.dispose()), t({ faces: a }), (e, t) => (H(), j("div", {
+		}), z(() => {
+			g.dispose(), S = null;
+		}), t({ faces: a }), (e, t) => (U(), j("div", {
 			ref_key: "rootEl",
 			ref: r,
 			class: "dock-crossfade",
-			style: z(m.value)
+			style: R(m.value)
 		}, [K(e.$slots, "default")], 4));
 	}
-}), pt = ["data-motion"], mt = ["aria-orientation"], ht = [
+}), it = ["data-motion"], at = ["aria-orientation"], ot = [
 	"tabindex",
 	"title",
 	"aria-label",
 	"onClick"
-], gt = { key: 1 }, _t = { key: 2 }, vt = /* @__PURE__ */ P({
+], st = { key: 1 }, ct = { key: 2 }, lt = /* @__PURE__ */ P({
 	__name: "DockLayerGroup",
-	props: /* @__PURE__ */ F({
+	props: /*@__PURE__*/ ee({
 		orientation: {},
 		showRail: {
 			type: Boolean,
@@ -929,7 +975,7 @@ var ft = /* @__PURE__ */ P({
 	}),
 	emits: ["update:active"],
 	setup(e) {
-		let t = e, n = a(() => t.motion), r = ae(e, "active"), i = p(), o = O(() => t.orientation ?? i?.orientation.value ?? "horizontal"), s = Y("crossfade"), c = O(() => s.value?.faces ?? []), l = O(() => o.value === "vertical" ? "horizontal" : "vertical"), u = O(() => l.value === "vertical"), d = W(null), f = W(null), m = W([]), h = T({
+		let t = e, n = s(() => t.motion), r = ie(e, "active"), i = p(), a = O(() => t.orientation ?? i?.orientation.value ?? "horizontal"), o = Y("crossfade"), c = O(() => o.value?.faces ?? []), l = O(() => a.value === "vertical" ? "horizontal" : "vertical"), u = O(() => l.value === "vertical"), d = G(null), f = G(null), m = G([]), h = C({
 			options: O(() => c.value.map((e) => ({ value: e.id }))),
 			model: r,
 			mode: "single",
@@ -951,8 +997,9 @@ var ft = /* @__PURE__ */ P({
 				};
 			});
 		}
-		let v = b({
-			el: d,
+		let y = v({
+			handle: d,
+			surface: f,
 			axis: () => g.value,
 			snapTargets: _,
 			onSnap: (e) => {
@@ -964,41 +1011,38 @@ var ft = /* @__PURE__ */ P({
 			l.value,
 			n.armed.value
 		], () => {
-			n.armed.value && L(() => v.refresh());
-		}), te(() => {
-			n.armed.value && L(() => v.refresh());
+			n.armed.value && I(() => y.refresh());
+		}), B(() => {
+			n.armed.value && I(() => y.refresh());
 		});
-		function y(e) {
+		function b(e) {
 			return typeof e == "object" && !!e || typeof e == "function";
 		}
-		let x = W(!1);
+		let x = G(!1);
 		function S() {
 			x.value || (x.value = !0, i?.keepOpen());
 		}
-		function C(e) {
+		function w(e) {
 			let t = e.relatedTarget, n = e.currentTarget;
 			t && n?.contains(t) || x.value && (x.value = !1, i?.release());
 		}
-		return (t, i) => (H(), j("div", {
-			class: R(["dock-layer-group", [o.value, `rail-${e.railPosition}`]]),
+		return z(() => {
+			x.value && i?.release();
+		}), (t, i) => (U(), j("div", {
+			class: L(["dock-layer-group", [a.value, `rail-${e.railPosition}`]]),
 			"data-motion": J(n).dataMotion.value,
-			style: z(J(n).hostStyle.value)
-		}, [e.showRail && c.value.length > 1 ? (H(), j("div", {
+			style: R(J(n).hostStyle.value)
+		}, [e.showRail && c.value.length > 1 ? (U(), j("div", {
 			key: 0,
 			ref_key: "railListEl",
 			ref: d,
 			role: "tablist",
-			class: R(["dock-layer-rail", [
-				e.railPosition,
-				J(n).armed.value && "glass-drag-grabbable",
-				J(n).armed.value && J(v).dragging.value && "glass-drag-lift"
-			]]),
+			class: L(["dock-layer-rail", [e.railPosition, J(n).armed.value && "glass-drag-grabbable"]]),
 			"aria-orientation": l.value,
-			style: z(J(n).armed.value ? J(v).dragStyle.value : void 0),
 			onKeydown: i[0] ||= (...e) => J(h).onKeydown && J(h).onKeydown(...e),
 			onFocusin: S,
-			onFocusout: C
-		}, [(H(!0), j(D, null, G(c.value, (e, t) => (H(), j("button", I({
+			onFocusout: w
+		}, [(U(!0), j(D, null, te(c.value, (e, t) => (U(), j("button", F({
 			key: e.id,
 			ref_for: !0,
 			ref: (e) => {
@@ -1011,30 +1055,29 @@ var ft = /* @__PURE__ */ P({
 			title: e.label,
 			"aria-label": e.label ?? e.id,
 			onClick: (n) => J(h).select(e.id, t)
-		}), [y(e.icon) ? (H(), k(q(e.icon), {
+		}), [b(e.icon) ? (U(), k(ne(e.icon), {
 			key: 0,
 			class: "size-4"
-		})) : typeof e.icon == "string" ? (H(), j("span", gt, ne(e.icon), 1)) : (H(), j("span", _t, ne((e.label ?? e.id).charAt(0)), 1))], 16, ht))), 128)), M("div", {
+		})) : typeof e.icon == "string" ? (U(), j("span", st, q(e.icon), 1)) : (U(), j("span", ct, q((e.label ?? e.id).charAt(0)), 1))], 16, ot))), 128)), M("div", {
 			ref_key: "railIndicatorEl",
 			ref: f,
-			class: "dock-layer-tab-indicator",
-			style: z(J(h).singleSliderStyle.value),
+			class: L(["dock-layer-tab-indicator", J(n).armed.value && J(y).dragging.value && "glass-drag-lift"]),
+			style: R(J(h).singleSliderStyle.value),
 			"aria-hidden": "true"
-		}, null, 4)], 46, mt)) : A("", !0), N(ft, {
+		}, null, 6)], 42, at)) : A("", !0), N(rt, {
 			ref_key: "crossfade",
-			ref: s,
-			active: r.value,
-			class: "dock-layer-stack"
+			ref: o,
+			active: r.value
 		}, {
 			default: Z(() => [K(t.$slots, "default")]),
 			_: 3
-		}, 8, ["active"])], 14, pt));
+		}, 8, ["active"])], 14, it));
 	}
-}), yt = [
+}), ut = [
 	"inert",
 	"aria-hidden",
 	"tabindex"
-], bt = { class: "dock-face-content" }, xt = /* @__PURE__ */ P({
+], dt = { class: "dock-face-content" }, ft = /* @__PURE__ */ P({
 	__name: "DockLayer",
 	props: {
 		id: {},
@@ -1042,8 +1085,8 @@ var ft = /* @__PURE__ */ P({
 		icon: {}
 	},
 	setup(e) {
-		let t = e, n = dt(), r = Y("hostEl");
-		te(() => {
+		let t = e, n = nt(), r = Y("hostEl");
+		B(() => {
 			r.value && n.register({
 				id: t.id,
 				label: t.label,
@@ -1061,21 +1104,21 @@ var ft = /* @__PURE__ */ P({
 				icon: t.icon,
 				el: r.value
 			});
-		}), ee(() => n.unregister(t.id));
+		}), z(() => n.unregister(t.id));
 		let i = O(() => n.activeId.value === t.id), a = O(() => n.leavingId.value === t.id);
-		return (e, t) => (H(), j("div", {
+		return (e, t) => (U(), j("div", {
 			ref_key: "hostEl",
 			ref: r,
-			class: R(["dock-face", {
+			class: L(["dock-face", {
 				"is-active": i.value,
 				"is-leaving": a.value
 			}]),
-			inert: i.value ? void 0 : !0,
-			"aria-hidden": i.value ? void 0 : !0,
+			inert: !i.value || void 0,
+			"aria-hidden": !i.value || void 0,
 			tabindex: i.value ? -1 : void 0
-		}, [M("div", bt, [K(e.$slots, "default")])], 10, yt));
+		}, [M("div", dt, [K(e.$slots, "default")])], 10, ut));
 	}
-}), St = /* @__PURE__ */ P({
+}), pt = /* @__PURE__ */ P({
 	__name: "DockControl",
 	props: {
 		shape: { default: "icon" },
@@ -1106,16 +1149,17 @@ var ft = /* @__PURE__ */ P({
 		] }
 	},
 	setup(t) {
-		let a = t, o = O(() => a.shape === "tab"), s = O(() => o.value ? e("dock-tab-button glass-specular-track", a.class) : e("dock-icon-button glass-specular-track glass-capsule-hover", { "glass-capsule": a.active }, { "dock-icon-button--compact": a.compact }, a.class)), c = O(() => ({
-			...a.active ? {
+		let r = t, o = O(() => r.shape === "tab"), s = O(() => o.value ? e("dock-tab-button glass-specular-track", r.class) : e("dock-icon-button glass-specular-track glass-capsule-hover", { "glass-capsule": r.active }, { "dock-icon-button--compact": r.compact }, r.class)), c = O(() => ({
+			...r.active ? {
 				"aria-pressed": "true",
 				"data-active": ""
 			} : {},
-			...a.disabled ? {
-				...a.as === "button" && !a.asChild ? { disabled: !0 } : {},
+			...r.disabled ? {
+				...r.as === "button" && !r.asChild ? { disabled: !0 } : {},
 				"aria-disabled": "true"
 			} : {}
-		})), l = O(() => !a.asChild && a.as === "button" ? { type: a.type } : {}), u = n("press"), d = i({
+		})), l = O(() => !r.asChild && r.as === "button" ? { type: r.type } : {}), u = i("press"), d = a({
+			disabled: () => r.disabled || o.value,
 			squish: !0,
 			response: u.response,
 			dampingFraction: u.dampingFraction,
@@ -1123,7 +1167,10 @@ var ft = /* @__PURE__ */ P({
 			shrinkDepth: .04,
 			maxStretch: 1.03
 		}), f = O(() => o.value ? {} : { ...d.pressStyle.value });
-		return (e, n) => Q((H(), k(J(le), I({
+		function p(e) {
+			r.disabled && (e.preventDefault(), e.stopImmediatePropagation());
+		}
+		return (e, r) => Q((U(), k(J(oe), F({
 			as: t.as,
 			"as-child": t.asChild
 		}, {
@@ -1132,10 +1179,16 @@ var ft = /* @__PURE__ */ P({
 		}, {
 			class: s.value,
 			style: f.value,
-			onPointerdown: n[0] ||= (e) => !o.value && J(d).press(),
-			onPointerup: n[1] ||= (e) => !o.value && J(d).release(),
-			onPointercancel: n[2] ||= (e) => !o.value && J(d).release(),
-			onPointerleave: n[3] ||= (e) => !o.value && J(d).release()
+			"data-press-armed": !o.value && J(d).armed ? "" : void 0,
+			onPointerdown: J(d).handlers.onPointerdown,
+			onPointerup: J(d).handlers.onPointerup,
+			onPointercancel: J(d).handlers.onPointercancel,
+			onPointerleave: J(d).handlers.onPointerleave,
+			onPointerenter: J(d).handlers.onPointerenter,
+			onKeydown: J(d).handlers.onKeydown,
+			onKeyup: J(d).handlers.onKeyup,
+			onBlur: J(d).handlers.onBlur,
+			onClickCapture: p
 		}), {
 			default: Z(() => [K(e.$slots, "default")]),
 			_: 3
@@ -1143,10 +1196,19 @@ var ft = /* @__PURE__ */ P({
 			"as",
 			"as-child",
 			"class",
-			"style"
-		])), [[J(r)]]);
+			"style",
+			"data-press-armed",
+			"onPointerdown",
+			"onPointerup",
+			"onPointercancel",
+			"onPointerleave",
+			"onPointerenter",
+			"onKeydown",
+			"onKeyup",
+			"onBlur"
+		])), [[J(n)]]);
 	}
-}), Ct = /* @__PURE__ */ P({
+}), mt = /* @__PURE__ */ P({
 	inheritAttrs: !1,
 	__name: "DockTrigger",
 	props: {
@@ -1160,22 +1222,28 @@ var ft = /* @__PURE__ */ P({
 		] }
 	},
 	setup(t) {
-		let n = t, i = O(() => e("dock-trigger", n.for === "select" && "dock-select-trigger", n.for !== "select" && "dock-dropdown-trigger", n.class));
-		return (e, t) => n.for === "select" ? Q((H(), k(J(de), I({ key: 0 }, e.$attrs, { class: i.value }), {
-			default: Z(() => [K(e.$slots, "default"), N(J(ue), { "as-child": "" }, {
-				default: Z(() => [K(e.$slots, "icon", {}, () => [N(J(fe), { class: "dock-select-trigger__chevron" })])]),
+		let r = t, i = O(() => e("dock-trigger", r.for === "select" && "dock-select-trigger", r.for !== "select" && "dock-dropdown-trigger", r.class));
+		return (e, t) => r.for === "select" ? Q((U(), k(J(ce), F({ key: 0 }, e.$attrs, { class: i.value }), {
+			default: Z(() => [K(e.$slots, "default"), N(J(se), { "as-child": "" }, {
+				default: Z(() => [K(e.$slots, "icon", {}, () => [N(J(le), {
+					class: "dock-select-trigger__chevron",
+					"aria-hidden": "true"
+				})])]),
 				_: 3
 			})]),
 			_: 3
-		}, 16, ["class"])), [[J(r)]]) : n.for === "dropdown" ? Q((H(), k(J(se), I({ key: 1 }, e.$attrs, { class: i.value }), {
+		}, 16, ["class"])), [[J(n)]]) : r.for === "dropdown" ? Q((U(), k(d, F({ key: 1 }, e.$attrs, {
+			action: "pointerdown",
+			class: i.value
+		}), {
 			default: Z(() => [K(e.$slots, "default")]),
 			_: 3
-		}, 16, ["class"])), [[J(r)]]) : Q((H(), k(J(ce), I({ key: 2 }, e.$attrs, { class: i.value }), {
+		}, 16, ["class"])), [[J(n)]]) : Q((U(), k(J(ae), F({ key: 2 }, e.$attrs, { class: i.value }), {
 			default: Z(() => [K(e.$slots, "default")]),
 			_: 3
-		}, 16, ["class"])), [[J(r)]]);
+		}, 16, ["class"])), [[J(n)]]);
 	}
-}), wt = /* @__PURE__ */ P({
+}), ht = /* @__PURE__ */ P({
 	__name: "DockBackgroundToggle",
 	props: {
 		paused: {
@@ -1191,34 +1259,36 @@ var ft = /* @__PURE__ */ P({
 		function a() {
 			r("update:paused", !n.paused);
 		}
-		return (t, n) => (H(), k(St, {
+		return (t, n) => (U(), k(pt, {
 			type: "button",
+			active: e.paused,
 			"aria-pressed": e.paused,
 			"aria-label": i.value,
 			title: i.value,
 			onClick: a
 		}, {
-			default: Z(() => [e.paused ? (H(), k(J(he), {
+			default: Z(() => [e.paused ? (U(), k(J(de), {
 				key: 0,
 				size: 18,
 				"aria-hidden": "true"
-			})) : (H(), k(J(me), {
+			})) : (U(), k(J(ue), {
 				key: 1,
 				size: 18,
 				"aria-hidden": "true"
 			}))]),
 			_: 1
 		}, 8, [
+			"active",
 			"aria-pressed",
 			"aria-label",
 			"title"
 		]));
 	}
-}), Tt = [
+}), gt = [
 	"data-orientation",
 	"data-rail-anchor",
 	"aria-orientation"
-], Et = /* @__PURE__ */ P({
+], _t = /* @__PURE__ */ P({
 	__name: "DockSeparator",
 	props: { anchor: {
 		type: Boolean,
@@ -1226,301 +1296,19 @@ var ft = /* @__PURE__ */ P({
 	} },
 	setup(e) {
 		let t = p(), n = O(() => t?.orientation.value ?? "horizontal"), r = O(() => n.value), i = O(() => n.value === "vertical" ? "horizontal" : "vertical");
-		return (t, n) => (H(), j("div", {
-			class: R(["dock-separator", { "dock-separator--anchor": e.anchor }]),
+		return (t, n) => (U(), j("div", {
+			class: L(["dock-separator", { "dock-separator--anchor": e.anchor }]),
 			role: "separator",
 			"data-orientation": r.value,
 			"data-rail-anchor": e.anchor || void 0,
 			"aria-orientation": i.value
-		}, null, 10, Tt));
-	}
-});
-//#endregion
-//#region src/components/dock/composables/useDockPopover.ts
-function Dt(e) {
-	let t = W(!1), n = e.gap ?? 8, r = e.viewportMargin ?? 8, i = e.hoverIntentMs ?? 60, a = e.hoverGraceMs ?? 120, o = null, s = null, c = !1;
-	function l() {
-		o != null && (clearTimeout(o), o = null);
-	}
-	function u() {
-		s != null && (clearTimeout(s), s = null);
-	}
-	function d() {
-		let t = e.anchor(), i = e.popover.value;
-		if (!t || !i) return;
-		let a = t.getBoundingClientRect(), o = i.offsetWidth, s = i.offsetHeight, c = re(e.side) ?? "top", l = re(e.align) ?? "center", u = (e, t, n) => l === "start" ? e : l === "end" ? e + t - n : e + t / 2 - n / 2, d = 0, f = 0;
-		switch (c) {
-			case "bottom":
-				d = a.bottom + n, f = u(a.left, a.width, o);
-				break;
-			case "left":
-				f = a.left - o - n, d = u(a.top, a.height, s);
-				break;
-			case "right":
-				f = a.right + n, d = u(a.top, a.height, s);
-				break;
-			default:
-				d = a.top - s - n, f = u(a.left, a.width, o);
-				break;
-		}
-		let p = Math.max(r, window.innerWidth - o - r), m = Math.max(r, window.innerHeight - s - r);
-		f = Math.min(Math.max(f, r), p), d = Math.min(Math.max(d, r), m), i.style.position = "fixed", i.style.margin = "0", i.style.inset = "auto", i.style.top = `${Math.round(d)}px`, i.style.left = `${Math.round(f)}px`;
-	}
-	function f() {
-		d();
-	}
-	function p(t) {
-		let n = t.target, r = e.popover.value, i = e.anchor();
-		n && (r && r.contains(n) || i && i.contains(n)) || _();
-	}
-	function m() {
-		c || (c = !0, window.addEventListener("resize", f), window.addEventListener("scroll", f, !0), document.addEventListener("pointerdown", p, !0));
-	}
-	function h() {
-		c && (c = !1, window.removeEventListener("resize", f), window.removeEventListener("scroll", f, !0), document.removeEventListener("pointerdown", p, !0));
-	}
-	function g() {
-		l(), u();
-		let n = e.popover.value;
-		if (!(!n || t.value)) {
-			try {
-				n.showPopover();
-			} catch {}
-			t.value = !0, d(), m();
-		}
-	}
-	function _() {
-		l(), u();
-		let n = e.popover.value;
-		if (!n || !t.value) return;
-		let r = n.contains(document.activeElement);
-		try {
-			n.hidePopover();
-		} catch {}
-		t.value = !1, h(), r && e.anchor()?.focus();
-	}
-	function v() {
-		t.value ? _() : g();
-	}
-	function y() {
-		u(), !t.value && (l(), o = setTimeout(() => {
-			o = null, g();
-		}, i));
-	}
-	function b() {
-		l(), T();
-	}
-	function x() {
-		l(), u();
-	}
-	function S() {
-		T();
-	}
-	function C() {
-		l(), u(), g();
-	}
-	function w(t) {
-		let n = t.relatedTarget, r = e.popover.value, i = e.anchor();
-		n && (r && r.contains(n) || i && i.contains(n)) || _();
-	}
-	function T() {
-		u(), s = setTimeout(() => {
-			s = null, _();
-		}, a);
-	}
-	return B(() => {
-		l(), u(), h();
-		let n = e.popover.value;
-		if (n && t.value) try {
-			n.hidePopover();
-		} catch {}
-	}), {
-		open: t,
-		show: g,
-		hide: _,
-		toggle: v,
-		place: d,
-		onAnchorEnter: y,
-		onAnchorLeave: b,
-		onPopoverEnter: x,
-		onPopoverLeave: S,
-		onFocusIn: C,
-		onFocusOut: w
-	};
-}
-//#endregion
-//#region src/components/dock/DockStack.vue?vue&type=script&setup=true&lang.ts
-var Ot = ["data-orientation", "data-mode"], kt = ["data-scrolls", "data-wrap"], At = /* @__PURE__ */ P({
-	__name: "DockStack",
-	props: /* @__PURE__ */ F({
-		items: {},
-		mode: { default: "stack" },
-		core: {},
-		coreLabel: { default: "Open stack" },
-		visibleCount: { default: 3 },
-		wrap: {
-			type: Boolean,
-			default: !1
-		},
-		position: { default: "end" }
-	}, {
-		selected: {},
-		selectedModifiers: {}
-	}),
-	emits: /* @__PURE__ */ F(["select"], ["update:selected"]),
-	setup(e, { emit: t }) {
-		let n = e, r = t, i = ae(e, "selected"), a = p(), o = O(() => a?.orientation.value ?? "vertical"), s = O(() => n.core ?? pe), c = O(() => [...n.items]), l = O(() => n.mode === "facets"), u = O(() => c.value.length > n.visibleCount), d = `dock-stack-fan-${ie()}`, f = Y("stackRoot"), m = Y("fanEl"), h = Dt({
-			anchor: () => f.value?.querySelector(".dock-stack-core") ?? null,
-			popover: m,
-			side: () => o.value === "vertical" ? "right" : "top",
-			align: O(() => n.position === "start" ? "start" : "end")
-		});
-		function g(e) {
-			i.value = e.id, e.onSelect?.(), r("select", e.id), h.hide();
-		}
-		return (t, n) => (H(), j("div", {
-			ref_key: "stackRoot",
-			ref: f,
-			class: R(["dock-stack", [
-				o.value,
-				`mode-${e.mode}`,
-				`at-${e.position}`
-			]]),
-			"data-orientation": o.value,
-			"data-mode": e.mode,
-			onFocusin: n[3] ||= (...e) => J(h).onFocusIn && J(h).onFocusIn(...e),
-			onFocusout: n[4] ||= (e) => J(h).onFocusOut(e)
-		}, [N(St, {
-			type: "button",
-			class: "dock-stack-core",
-			"aria-label": e.coreLabel,
-			"aria-expanded": J(h).open.value,
-			"aria-controls": d,
-			title: e.coreLabel,
-			onPointerenter: J(h).onAnchorEnter,
-			onPointerleave: J(h).onAnchorLeave,
-			onClick: J(h).toggle
-		}, {
-			default: Z(() => [(H(), k(q(s.value), {
-				class: "size-4",
-				"aria-hidden": "true"
-			}))]),
-			_: 1
-		}, 8, [
-			"aria-label",
-			"aria-expanded",
-			"title",
-			"onPointerenter",
-			"onPointerleave",
-			"onClick"
-		]), M("div", {
-			id: d,
-			ref_key: "fanEl",
-			ref: m,
-			popover: "manual",
-			class: R(["dock-stack-fan", [
-				o.value,
-				`mode-${e.mode}`,
-				{ "mode-facets": l.value }
-			]]),
-			"data-scrolls": u.value && !e.wrap || void 0,
-			"data-wrap": e.wrap || void 0,
-			onPointerenter: n[0] ||= (...e) => J(h).onPopoverEnter && J(h).onPopoverEnter(...e),
-			onPointerleave: n[1] ||= (...e) => J(h).onPopoverLeave && J(h).onPopoverLeave(...e),
-			onKeydown: n[2] ||= oe((...e) => J(h).hide && J(h).hide(...e), ["escape"])
-		}, [N(y, {
-			axis: o.value === "vertical" ? "x" : "y",
-			class: "dock-stack-fan-scroll",
-			"data-scrolls": u.value && !e.wrap || void 0,
-			"data-wrap": e.wrap || void 0
-		}, {
-			default: Z(() => [(H(!0), j(D, null, G(c.value, (e, t) => (H(), k(St, {
-				key: e.id,
-				type: "button",
-				class: R(["dock-stack-member", {
-					"is-active": i.value === e.id,
-					"dock-facet-chip": l.value
-				}]),
-				style: z({
-					"--i": t,
-					...l.value && e.accent ? {
-						"--glass-accent": e.accent,
-						"--glass-accent-strength": "var(--dock-facet-accent-strength)"
-					} : {}
-				}),
-				"aria-label": e.label,
-				"aria-pressed": i.value === e.id,
-				title: e.label,
-				onClick: (t) => g(e)
-			}, {
-				default: Z(() => [(H(), k(q(e.icon ?? s.value), {
-					class: "size-4",
-					"aria-hidden": "true"
-				}))]),
-				_: 2
-			}, 1032, [
-				"class",
-				"style",
-				"aria-label",
-				"aria-pressed",
-				"title",
-				"onClick"
-			]))), 128))]),
-			_: 1
-		}, 8, [
-			"axis",
-			"data-scrolls",
-			"data-wrap"
-		])], 42, kt)], 42, Ot));
-	}
-}), jt = ["aria-label"], Mt = [
-	"data-kind",
-	"data-section-id",
-	"aria-label"
-], Nt = /* @__PURE__ */ P({
-	__name: "DockSection",
-	props: {
-		sections: {},
-		anchorId: {},
-		ariaLabel: { default: "Dock sections" }
-	},
-	setup(e) {
-		let t = e, n = O(() => {
-			if (t.anchorId) return t.anchorId;
-			let e = t.sections.find((e) => e.kind === "nav");
-			return e ? e.id : t.sections.find((e) => e.kind !== "rail-core")?.id;
-		});
-		function r(e) {
-			return e > 0;
-		}
-		function i(e) {
-			return e.id === n.value;
-		}
-		function a(e) {
-			return `dock-section-zone--${e === "rail-core" ? "core" : e}`;
-		}
-		return (t, n) => (H(), j("div", {
-			class: "dock-section",
-			role: "group",
-			"aria-label": e.ariaLabel
-		}, [(H(!0), j(D, null, G(e.sections, (e, n) => (H(), j(D, { key: e.id }, [r(n) ? (H(), k(Et, {
-			key: 0,
-			anchor: i(e)
-		}, null, 8, ["anchor"])) : A("", !0), M("div", {
-			class: R(["dock-section-zone", a(e.kind)]),
-			"data-kind": e.kind,
-			"data-section-id": e.id,
-			"aria-label": e.label || void 0
-		}, [K(t.$slots, e.id, {
-			section: e,
-			kind: e.kind
-		})], 10, Mt)], 64))), 128))], 8, jt));
+		}, null, 10, gt));
 	}
 });
 //#endregion
 //#region src/components/dock/composables/useDockSearch.ts
-function Pt(e) {
-	let { dockState: t } = e, n = e.debounceMs ?? 120, r = e.maxResults ?? 30, i = W([]), a = null, o = e.items ? e.items : () => i.value;
+function vt(e) {
+	let { dockState: t } = e, n = e.debounceMs ?? 120, r = e.maxResults ?? 30, i = G([]), a = null, o = e.items ? e.items : () => i.value;
 	function s(t) {
 		let n = t.item.id;
 		e.ensureTargetWindow?.(n), e.scrollTo?.(n), e.onResultSelect?.(t);
@@ -1558,19 +1346,19 @@ function Pt(e) {
 		let e = l.value;
 		e && (c.query.value = c.query.value + e);
 	}
-	let d = W(!1);
+	let d = G(!1);
 	function f() {
-		d.value || (d.value = !0, t.onClickCollapsed(), t.keepOpen(), c.open());
+		d.value || (d.value = !0, t.expand(), t.keepOpen(), c.open());
 	}
 	function p() {
 		d.value && (d.value = !1, c.close(), t.release());
 	}
 	let m = null;
-	return e.collapseOnScroll && e.scrollContainer && (m = w(e.scrollContainer, {
+	return e.collapseOnScroll && e.scrollContainer && (m = S(e.scrollContainer, {
 		collapseOnScroll: !0,
 		chromeRef: e.chromeRef
-	})), B(() => {
-		a?.abort(), a = null;
+	})), V(() => {
+		d.value && t.release(), a?.abort(), a = null;
 	}), {
 		fuzzy: c,
 		autocompleteText: l,
@@ -1582,76 +1370,4 @@ function Pt(e) {
 	};
 }
 //#endregion
-//#region src/components/goo-filter/GooFilter.vue?vue&type=script&setup=true&lang.ts
-var Ft = {
-	class: "goo-filter-host",
-	"aria-hidden": "true",
-	focusable: "false",
-	width: "1",
-	height: "1"
-}, It = ["id"], Lt = ["stdDeviation"], Rt = ["values"], zt = /* @__PURE__ */ o(/* @__PURE__ */ P({
-	__name: "GooFilter",
-	props: { extra: { default: () => [] } },
-	setup(e) {
-		let t = [
-			{
-				id: "glass-goo",
-				blur: 10,
-				slope: 15,
-				offset: -7
-			},
-			{
-				id: "dock-fission-goo",
-				blur: 7,
-				slope: 20,
-				offset: -9
-			},
-			{
-				id: "pager-worm-goo",
-				blur: 4,
-				slope: 18,
-				offset: -6
-			},
-			{
-				id: "dock-morph-goo",
-				blur: 16,
-				slope: 14,
-				offset: -7
-			},
-			{
-				id: "morph-goo",
-				blur: 10,
-				slope: 18,
-				offset: -7
-			}
-		], n = e, r = [...t, ...n.extra];
-		return (e, t) => (H(), j("svg", Ft, [M("defs", null, [(H(), j(D, null, G(r, (e) => M("filter", {
-			key: e.id,
-			id: e.id,
-			"color-interpolation-filters": "sRGB",
-			x: "-50%",
-			y: "-50%",
-			width: "200%",
-			height: "200%"
-		}, [
-			M("feGaussianBlur", {
-				in: "SourceGraphic",
-				stdDeviation: e.blur,
-				result: "blur"
-			}, null, 8, Lt),
-			M("feColorMatrix", {
-				in: "blur",
-				mode: "matrix",
-				values: `1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 ${e.slope} ${e.offset}`,
-				result: "goo"
-			}, null, 8, Rt),
-			t[0] ||= M("feComposite", {
-				in: "SourceGraphic",
-				in2: "goo",
-				operator: "atop"
-			}, null, -1)
-		], 8, It)), 64))])]));
-	}
-}), [["__scopeId", "data-v-f8d28853"]]);
-//#endregion
-export { v as DOCK_CONTEXT_KEY, wt as DockBackgroundToggle, St as DockControl, ft as DockCrossfade, xt as DockLayer, vt as DockLayerGroup, Nt as DockSection, Et as DockSeparator, At as DockStack, Ct as DockTrigger, st as GlassDock, zt as GooFilter, m as provideDockContext, g as useDockContext, x as useDockCtaReceive, Pt as useDockSearch, p as useOptionalDockContext };
+export { _ as DOCK_CONTEXT_KEY, ht as DockBackgroundToggle, pt as DockControl, rt as DockCrossfade, ft as DockLayer, lt as DockLayerGroup, _t as DockSeparator, mt as DockTrigger, Qe as GlassDock, m as provideDockContext, g as useDockContext, y as useDockCtaReceive, vt as useDockSearch, p as useOptionalDockContext };