@mkbabb/glass-ui 10.1.2 → 10.1.3

package/dist/dock.js

@@ -16,34 +16,34 @@ import { t as T } from "./useSelectionGroup-zsEwitF6.js";
 import { t as E } from "./useDragMorph-B363RUbF.js";
 import { n as D } from "./useDockCtaReceive-BSSgD6mu.js";
 import { n as O, t as k } from "./useScrollChrome-BJbWV32F.js";
-import { Fragment as A, computed as j, createBlock as M, createCommentVNode as N, createElementBlock as P, createElementVNode as F, createVNode as I, defineComponent as L, h as ee, mergeModels as R, mergeProps as z, nextTick as B, normalizeClass as V, normalizeStyle as te, onBeforeUnmount as H, onMounted as U, onScopeDispose as W, onUnmounted as ne, openBlock as G, readonly as K, ref as q, renderList as re, renderSlot as J, resolveDynamicComponent as ie, toDisplayString as ae, unref as Y, useId as oe, useModel as se, useTemplateRef as X, watch as Z, withCtx as Q, withDirectives as $, withModifiers as ce } from "vue";
-import { PopoverTrigger as le, Primitive as ue, SelectIcon as de, SelectTrigger as fe } from "reka-ui";
-import { ChevronDown as pe, Pause as me, Play as he } from "@lucide/vue";
-import { SpringProgress as ge } from "@mkbabb/keyframes.js";
-import { useMediaQuery as _e } from "@vueuse/core";
+import { Fragment as ee, computed as A, createBlock as j, createCommentVNode as M, createElementBlock as N, createElementVNode as P, createVNode as F, defineComponent as I, h as te, mergeModels as L, mergeProps as R, nextTick as z, normalizeClass as B, normalizeStyle as ne, onBeforeUnmount as V, onMounted as H, onScopeDispose as U, onUnmounted as re, openBlock as W, readonly as G, ref as K, renderList as ie, renderSlot as q, resolveDynamicComponent as ae, toDisplayString as oe, unref as J, useId as se, useModel as ce, useTemplateRef as Y, watch as X, withCtx as Z, withDirectives as Q, withModifiers as le } from "vue";
+import { PopoverTrigger as ue, Primitive as de, SelectIcon as fe, SelectTrigger as pe } from "reka-ui";
+import { ChevronDown as me, Pause as he, Play as ge } from "@lucide/vue";
+import { SpringProgress as _e } from "@mkbabb/keyframes.js";
+import { useMediaQuery as ve } from "@vueuse/core";
 //#region src/components/_shared/overlay/isTeleportedTarget.ts
-function ve(e, t) {
+function ye(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 : !1;
 }
 //#endregion
 //#region src/composables/glass/backdropSampleMath.ts
-function ye(e) {
+function be(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 xe(e, t, n) {
+	return .2126 * be(e) + .7152 * be(t) + .0722 * be(n);
 }
-function xe(e, t, n, r, i) {
+function Se(e, t, n, r, i) {
 	return [
 		e * r + i[0] * (1 - r),
 		t * r + i[1] * (1 - r),
 		n * r + i[2] * (1 - r)
 	];
 }
-function Se(e) {
+function Ce(e) {
 	let t = e.match(/rgba?\(\s*([\d.]+)[,\s]+([\d.]+)[,\s]+([\d.]+)(?:[,\s/]+([\d.]+))?/i);
 	return t ? [
 		Number(t[1]),
@@ -52,31 +52,31 @@ function Se(e) {
 		t[4] === void 0 ? 1 : Number(t[4])
 	] : null;
 }
-function Ce(e) {
+function we(e) {
 	return typeof HTMLCanvasElement < "u" && e instanceof HTMLCanvasElement;
 }
-var we = "[data-glass-field-canvas] canvas, canvas[data-glass-field-canvas]";
-function Te(e) {
+var Te = "[data-glass-field-canvas] canvas, canvas[data-glass-field-canvas]";
+function Ee(e) {
 	if (!e) {
 		if (typeof document < "u") {
-			let e = document.querySelector(we);
-			if (Ce(e)) return e;
+			let e = document.querySelector(Te);
+			if (we(e)) return e;
 		}
 		return null;
 	}
-	if (Ce(e)) return e;
+	if (we(e)) return e;
 	if (typeof e == "function") {
 		let t = e();
-		return Ce(t) ? t : null;
+		return we(t) ? t : null;
 	}
 	if (typeof e == "string" && typeof document < "u") {
 		let t = document.querySelector(e);
-		return Ce(t) ? t : null;
+		return we(t) ? t : null;
 	}
 	return null;
 }
-function Ee(e, t) {
-	let n = Se(e);
+function De(e, t) {
+	let n = Ce(e);
 	if (n) return n;
 	if (!t) return null;
 	try {
@@ -92,7 +92,7 @@ function Ee(e, t) {
 		return null;
 	}
 }
-function De(e, t, n, r) {
+function Oe(e, t, n, r) {
 	if (!t || t.width === 0 || t.height === 0 || !n) return null;
 	let i = e.getBoundingClientRect(), a = t.getBoundingClientRect();
 	if (a.width === 0 || a.height === 0) return null;
@@ -102,60 +102,60 @@ function De(e, t, n, r) {
 		n.clearRect(0, 0, 32, 32), n.drawImage(t, c, l, u, d, 0, 0, 32, 32);
 		let e = n.getImageData(0, 0, 32, 32).data, i = 0, a = 0, o = 0;
 		for (let t = 0; t < e.length; t += 4) {
-			let n = e[t + 3] / 255, [s, c, l] = xe(e[t], e[t + 1], e[t + 2], n, r);
-			i += be(s, c, l), a += n, o++;
+			let n = e[t + 3] / 255, [s, c, l] = Se(e[t], e[t + 1], e[t + 2], n, r);
+			i += xe(s, c, l), a += n, o++;
 		}
 		return o === 0 || a / o < .02 ? null : { luma: i / o };
 	} catch {
 		return null;
 	}
 }
-function Oe(e, t) {
+function ke(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 = Ee(x(r, e), t);
+		let r = getComputedStyle(n).backgroundColor, i = De(x(r, e), t);
 		if (i && !(i[3] < .5)) return i;
 	}
-	return Ee(x(getComputedStyle(document.body).backgroundColor, e), t);
+	return De(x(getComputedStyle(document.body).backgroundColor, e), t);
 }
-var ke = [
+var Ae = [
 	255,
 	255,
 	255
 ];
-function Ae(e, t) {
-	let n = Oe(e, t);
+function je(e, t) {
+	let n = ke(e, t);
 	return n && n[3] >= .5 ? [
 		n[0],
 		n[1],
 		n[2]
-	] : [...ke];
+	] : [...Ae];
 }
-function je(e, t) {
-	let n = Oe(e, t);
-	return n ? Me(n) : null;
+function Me(e, t) {
+	let n = ke(e, t);
+	return n ? Ne(n) : null;
 }
-function Me(e) {
-	return { luma: be(e[0], e[1], e[2]) };
+function Ne(e) {
+	return { luma: xe(e[0], e[1], e[2]) };
 }
 //#endregion
 //#region src/composables/glass/useGlassBackdropLuminance.ts
-var Ne = "data-glass-backdrop-shared";
-function Pe(e, n = {}) {
+var Pe = "data-glass-backdrop-shared";
+function Fe(e, n = {}) {
 	let { lightThreshold: r = .6, minSampleIntervalMs: i = 250, writeBucket: a = !0 } = n, o = Math.max(250, i), s = n.shared === !0;
 	function c(e) {
-		return !s && e.closest(`[${Ne}]`) !== null;
+		return !s && e.closest(`[${Pe}]`) !== null;
 	}
-	let l = q(null), u = q(null), d = q({
+	let l = K(null), u = K(null), d = K({
 		state: "pending",
 		mode: n.live === !0 ? "live" : "static",
 		source: n.live === !0 ? "canvas" : "elements"
 	});
 	if (typeof window > "u") return {
-		luma: K(l),
-		bucket: K(u),
-		sample: K(d),
+		luma: G(l),
+		bucket: G(u),
+		sample: G(d),
 		sampleNow: () => {},
 		dispose: () => {}
 	};
@@ -164,7 +164,7 @@ function Pe(e, n = {}) {
 		return p || (p = document.createElement("canvas"), p.width = 32, p.height = 32), m ||= p.getContext("2d", { willReadFrequently: !0 }), m;
 	}
 	function g() {
-		return n.live === void 0 ? e.value?.dataset.glassSample === "live" || n.backgroundCanvas != null || Te(void 0) !== null : n.live;
+		return n.live === void 0 ? e.value?.dataset.glassSample === "live" || n.backgroundCanvas != null || Ee(void 0) !== null : n.live;
 	}
 	function _(e) {
 		let t = e.getBoundingClientRect();
@@ -202,7 +202,7 @@ function Pe(e, n = {}) {
 	function C() {
 		let t = e.value;
 		if (!t || c(t)) return;
-		let r = h(), i = g() ? "live" : "static", a = i === "live" ? Te(n.backgroundCanvas) : null, o = i === "live" ? De(t, a, r, Ae(t, r)) : je(t, r), s = Date.now();
+		let r = h(), i = g() ? "live" : "static", a = i === "live" ? Ee(n.backgroundCanvas) : null, o = i === "live" ? Oe(t, a, r, je(t, r)) : Me(t, r), s = Date.now();
 		o ? v(o, t, i, s) : y(t, i, i === "live" && !a ? "source-unavailable" : "sample-unavailable", s), x = typeof performance < "u" ? performance.now() : s;
 	}
 	let w = O(({ now: e }) => {
@@ -226,9 +226,9 @@ function Pe(e, n = {}) {
 		}
 		f.value ? (w.stop(), C()) : g() && w.start();
 	}
-	let k = Z(f, D, { flush: "sync" }), A = Z(() => e.value, (e) => {
+	let k = X(f, D, { flush: "sync" }), ee = X(() => e.value, (e) => {
 		if (e) {
-			if (s) e.setAttribute(Ne, "");
+			if (s) e.setAttribute(Pe, "");
 			else if (c(e)) return;
 			C(), D();
 		}
@@ -236,132 +236,186 @@ function Pe(e, n = {}) {
 		immediate: !0,
 		flush: "post"
 	});
-	function j() {
-		A(), k(), w.dispose(), T.dispose(), E.stop(), p = null, m = null;
+	function A() {
+		ee(), k(), w.dispose(), T.dispose(), E.stop(), p = null, m = null;
 	}
-	return W(j), {
-		luma: K(l),
-		bucket: K(u),
-		sample: K(d),
+	return U(A), {
+		luma: G(l),
+		bucket: G(u),
+		sample: G(d),
 		sampleNow: C,
-		dispose: j
+		dispose: A
 	};
 }
 //#endregion
 //#region src/components/dock/composables/useDockState.ts
-function Fe(e) {
-	let { collapseDelay: t = u, rootEl: n, alwaysExpanded: r = !1, initialExpanded: i = !1, isTransitioning: a, dockId: o, onStateChange: s } = e, c = () => typeof r == "boolean" ? r : r.value, l = () => c(), d = q(c() ? "pinned" : i ? "hover" : "collapsed"), f = j(() => d.value !== "collapsed"), p = j(() => d.value === "pinned"), m = null, h = q(0), g = q(0), _ = j(() => h.value > 0), v = j(() => g.value > 0), y = null, b = null, x = !1, S = null;
+function Ie(e) {
+	let { collapseDelay: t = u, rootEl: n, alwaysExpanded: r = !1, initialExpanded: i = !1, isTransitioning: a, dockId: o, onStateChange: s } = e, c = () => typeof r == "boolean" ? r : r.value, l = () => c(), d = K(c() ? "pinned" : i ? "hover" : "collapsed"), f = A(() => d.value !== "collapsed"), p = A(() => d.value === "pinned"), m = null, h = K(0), g = K(0), _ = A(() => h.value > 0), v = A(() => g.value > 0), y = null, b = null, x = !1, S = null;
 	function C() {
 		S &&= (clearTimeout(S), null);
 	}
-	let w = d.value;
-	function T() {
-		c() && (d.value = "pinned"), s && w !== d.value && s(d.value, w), w = d.value;
+	let w = null, T = null, E = null, D = () => w === "down" || w === "compat";
+	function O() {
+		if (!w) return;
+		w = null, E &&= (clearTimeout(E), null);
+		for (let [e, t] of j) window.removeEventListener(e, t, !0);
+		let e = T;
+		T = null, e && !l() && d.value === "collapsed" && (F(), d.value = "hover", P());
+	}
+	function k() {
+		E ??= setTimeout(O, 0);
+	}
+	function ee() {
+		T = null, O();
+	}
+	let j = [
+		["click", () => O()],
+		["pointercancel", () => O()],
+		["dragstart", () => O()],
+		["contextmenu", () => O()],
+		["pointerup", (e) => {
+			w === "down" && (e.pointerType === "touch" ? w = "tap" : k());
+		}],
+		["mousedown", () => {
+			w === "tap" && (w = "compat");
+		}],
+		["mouseup", () => {
+			w === "compat" && k();
+		}],
+		["pointerdown", (e) => {
+			(w === "tap" || e.isPrimary) && ee();
+		}]
+	];
+	function M() {
+		w && ee(), w = "down";
+		for (let [e, t] of j) window.addEventListener(e, t, !0);
+	}
+	X(n, (e, t, n) => {
+		e && (e.addEventListener("pointerdown", M, !0), n(() => e.removeEventListener("pointerdown", M, !0)));
+	}, {
+		immediate: !0,
+		flush: "sync"
+	});
+	let N = d.value;
+	function P() {
+		c() && (d.value = "pinned"), s && N !== d.value && s(d.value, N), N = d.value;
 	}
-	function E() {
+	function F() {
 		m &&= (clearTimeout(m), null);
 	}
-	function D() {
+	function I() {
 		b !== null && (cancelAnimationFrame(b), b = null);
 	}
-	function O() {
-		D(), y?.();
+	function te() {
+		I(), y?.();
 	}
-	function k() {
-		l() || h.value > 0 || (E(), m = setTimeout(() => {
-			d.value = "collapsed", T();
+	function L() {
+		l() || h.value > 0 || (F(), m = setTimeout(() => {
+			d.value = "collapsed", P();
 		}, t));
 	}
-	function A() {
+	function R() {
 		if (c()) {
-			d.value = "pinned", T();
+			d.value = "pinned", P();
 			return;
 		}
-		x ||= (x = !0, E(), C(), d.value = "collapsed", T(), !1);
+		x ||= (x = !0, F(), C(), d.value = "collapsed", P(), !1);
 	}
-	function M() {
+	function z() {
 		if (c()) {
-			d.value = "pinned", T();
+			d.value = "pinned", P();
 			return;
 		}
-		E(), C(), d.value = "hover", T();
-	}
-	function N() {
-		l() || (E(), d.value === "collapsed" && (C(), S = setTimeout(() => {
-			S = null, !l() && d.value === "collapsed" && (d.value = "hover", T());
+		F(), C(), d.value = "hover", P();
+	}
+	function B() {
+		l() || (F(), d.value === "collapsed" && (C(), S = setTimeout(() => {
+			if (S = null, !l() && d.value === "collapsed") {
+				if (D()) {
+					T ??= "hover";
+					return;
+				}
+				d.value = "hover", P();
+			}
 		}, 60)));
 	}
-	function P(e) {
-		if (!l() && (C(), d.value === "hover")) {
+	function ne(e) {
+		if (!l() && (C(), T === "hover" && (T = null), d.value === "hover")) {
 			if (h.value > 0) return;
 			if (e) {
 				let t = n.value;
-				if (t && e.relatedTarget instanceof Node && t.contains(e.relatedTarget) || ve(e.relatedTarget, o)) return;
+				if (t && e.relatedTarget instanceof Node && t.contains(e.relatedTarget) || ye(e.relatedTarget, o)) return;
 			}
-			k();
+			L();
 		}
 	}
-	function F() {
-		l() || (E(), d.value === "collapsed" && (d.value = "hover", T()));
+	function V() {
+		if (!l() && (F(), d.value === "collapsed")) {
+			if (D()) {
+				T = "focus";
+				return;
+			}
+			d.value = "hover", P();
+		}
 	}
-	function I(e) {
-		if (l() || d.value !== "hover" || h.value > 0) return;
-		let t = e.currentTarget;
-		e.relatedTarget && t.contains(e.relatedTarget) || ve(e.relatedTarget, o) || k();
+	function H(e) {
+		if (l()) return;
+		let t = e.currentTarget, n = !!e.relatedTarget && t.contains(e.relatedTarget) || ye(e.relatedTarget, o);
+		!n && T === "focus" && (T = null), d.value === "hover" && (h.value > 0 || n || L());
 	}
-	function L() {
-		l() || (E(), C(), d.value = "pinned", T());
+	function U() {
+		l() || (F(), C(), d.value = "pinned", P());
 	}
-	function ee(e = "morph") {
-		h.value++, e === "grasp" && g.value++, E();
+	function W(e = "morph") {
+		h.value++, e === "grasp" && g.value++, F();
 	}
-	function R(e = "morph") {
-		e === "grasp" && (g.value = Math.max(0, g.value - 1)), h.value = Math.max(0, h.value - 1), h.value === 0 && d.value === "hover" && (E(), m = setTimeout(() => {
-			h.value === 0 && d.value === "hover" && k();
+	function G(e = "morph") {
+		e === "grasp" && (g.value = Math.max(0, g.value - 1)), h.value = Math.max(0, h.value - 1), h.value === 0 && d.value === "hover" && (F(), m = setTimeout(() => {
+			h.value === 0 && d.value === "hover" && L();
 		}, Math.min(t, 800)));
 	}
-	function z(e) {
+	function ie(e) {
 		if (l() || h.value > 0 || a?.value) return;
 		let t = n.value;
-		!t || t.contains(e.target) || ve(e.target, o) || A();
+		!t || t.contains(e.target) || ye(e.target, o) || R();
 	}
-	return Z(f, (e) => {
+	return X(f, (e) => {
 		if (e) {
 			if (typeof document > "u") return;
-			O(), b = requestAnimationFrame(() => {
-				b = null, f.value && (document.addEventListener("pointerdown", z, !0), y = () => {
-					document.removeEventListener("pointerdown", z, !0), y = null;
+			te(), b = requestAnimationFrame(() => {
+				b = null, f.value && (document.addEventListener("pointerdown", ie, !0), y = () => {
+					document.removeEventListener("pointerdown", ie, !0), y = null;
 				});
 			});
-		} else O();
-	}, { immediate: !0 }), typeof r == "boolean" ? r && (d.value = "pinned", T()) : Z(r, (e) => {
+		} else te();
+	}, { immediate: !0 }), typeof r == "boolean" ? r && (d.value = "pinned", P()) : X(r, (e) => {
 		if (e) {
-			E(), d.value = "pinned", T();
+			F(), d.value = "pinned", P();
 			return;
 		}
-		d.value = "collapsed", T();
-	}), ne(() => {
-		E(), C(), O();
+		d.value = "collapsed", P();
+	}), re(() => {
+		F(), C(), te(), ee();
 	}), {
 		state: d,
 		expanded: f,
 		isPinned: p,
 		isHeld: _,
 		graspHeld: v,
-		onMouseEnter: N,
-		onMouseLeave: P,
-		onFocusIn: F,
-		onFocusOut: I,
-		onClickCollapsed: L,
-		keepOpen: ee,
-		release: R,
-		expand: M,
-		collapse: A
+		onMouseEnter: B,
+		onMouseLeave: ne,
+		onFocusIn: V,
+		onFocusOut: H,
+		onClickCollapsed: U,
+		keepOpen: W,
+		release: G,
+		expand: z,
+		collapse: R
 	};
 }
 //#endregion
 //#region src/components/dock/composables/useDockSpring.ts
-function Ie(e) {
+function Le(e) {
 	let t = null, n = () => t !== null && !t.settled;
 	function i() {
 		t &&= (t.dispose(), null);
@@ -369,7 +423,7 @@ function Ie(e) {
 	function a(a, o, s) {
 		let c = n() ? t.velocity * (s.inheritVelocityScale ?? 1) : 0;
 		i();
-		let l = new ge({
+		let l = new _e({
 			response: e.response * r(),
 			dampingFraction: e.dampingFraction,
 			initial: a,
@@ -396,50 +450,50 @@ function Ie(e) {
 }
 //#endregion
 //#region src/components/dock/composables/useDockMorph.ts
-function Le(e) {
-	let { rootEl: t, outerActiveLayer: n } = e, r = q(n.value), i = q(null), a = Ie({
+function Re(e) {
+	let { rootEl: t, outerActiveLayer: n, geometry: r } = e, i = K(n.value), a = K(null), o = Le({
 		response: d.response,
 		dampingFraction: d.dampingFraction
-	}), o = _e("(prefers-reduced-motion: reduce)");
-	function s() {
+	}), s = ve("(prefers-reduced-motion: reduce)");
+	function c() {
 		return t.value;
 	}
-	function c() {
-		i.value = null;
-		let t = s();
-		t && (t.removeAttribute("data-morphing"), t.style.removeProperty("--dock-morph-t")), e.onMorphActiveChange?.(!1), a.dispose();
+	function l() {
+		a.value = null;
+		let t = c();
+		t && (t.removeAttribute("data-morphing"), t.style.removeProperty("--dock-morph-t"), r.release()), e.onMorphActiveChange?.(!1), o.dispose();
 	}
-	Z(o, (e) => {
-		e && s()?.hasAttribute("data-morphing") && c();
+	X(s, (e) => {
+		e && c()?.hasAttribute("data-morphing") && l();
 	});
-	function l() {
-		let t = s();
+	function u() {
+		let t = c();
 		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,
+		let n = Number.parseFloat(t.style.getPropertyValue("--dock-morph-t")), i = o.live && !Number.isNaN(n), a = i ? 1 - n : 0;
+		t.style.setProperty("--dock-morph-t", `${a}`), r.anchor(), o.playTo(a, 1, {
+			inheritVelocityScale: i ? -1 : 1,
 			onFrame: (e) => {
-				s()?.style.setProperty("--dock-morph-t", `${e}`);
+				c()?.style.setProperty("--dock-morph-t", `${e}`);
 			},
-			onSettle: c
+			onSettle: l
 		});
 	}
-	let u = Z(n, (e, t) => {
-		e !== t && (r.value = e, i.value = s() ? t : null);
-	}), f = Z(n, (t, n) => {
-		t === n || !s() || (e.measure(), l());
+	let f = X(n, (e, t) => {
+		e !== t && (c() && r.first(), i.value = e, a.value = c() ? t : null);
+	}), p = X(n, (e, t) => {
+		e === t || !c() || (r.measure(), u());
 	}, { flush: "post" });
-	return ne(() => {
-		u(), f(), a.dispose();
+	return re(() => {
+		f(), p(), o.dispose();
 	}), {
-		outerCurrentLayer: K(r),
-		outerLeavingLayer: K(i)
+		outerCurrentLayer: G(i),
+		outerLeavingLayer: G(a)
 	};
 }
 //#endregion
 //#region src/components/dock/composables/dockMorphMeasure.ts
-function Re(e, t) {
+function $(e, t) {
 	return t === "vertical" ? e.offsetHeight : e.offsetWidth;
 }
 function ze(e, t) {
@@ -492,26 +546,37 @@ function Ve(e, t, n, r, i) {
 			"absolute"
 		]
 	], () => {
-		let n = Re(e, r);
+		let n = $(e, r);
 		if (i === null) return n;
-		let o = i - (n - Re(t, r));
+		let o = i - (n - $(t, r));
 		if (Math.abs(o) < .5) return n;
 		let s = Number.parseFloat(getComputedStyle(t).getPropertyValue(a)) || 0;
 		return ze([[
 			t,
 			a,
 			`${s + o}px`
-		]], () => Re(e, r));
+		]], () => $(e, r));
 	});
 }
-function He(e) {
+function He(e, t) {
+	let n = e.getBoundingClientRect();
+	return t === "vertical" ? {
+		start: n.top,
+		size: n.height
+	} : {
+		start: n.left,
+		size: n.width
+	};
+}
+var Ue = "--dock-morph-origin", We = "--dock-pane-shift";
+function Ge(e) {
 	let { rootEl: t, contentEl: n, expandedEl: r, collapsedEl: i, axis: a } = e, o = null, s = null, c = null, l = null, u = null, d = !1;
 	function f() {
 		let e = t.value, o = r.value, s = i.value;
 		if (!e || !n.value || !o || !s) return;
 		let d = a.value, f = o.classList.contains("is-active");
 		if (!e.hasAttribute("data-morphing")) {
-			let t = Re(e, d) - Re(f ? o : s, d);
+			let t = $(e, d) - $(f ? o : s, d);
 			f ? c = t : l = t;
 		}
 		let p = Be(o, () => Ve(e, o, s, d, c));
@@ -544,7 +609,7 @@ function He(e) {
 			f();
 		}
 	}
-	Z([
+	X([
 		t,
 		n,
 		r,
@@ -554,26 +619,113 @@ function He(e) {
 	let h = () => f();
 	typeof window < "u" && window.addEventListener("resize", h);
 	let g = typeof document < "u" ? document.fonts : void 0;
-	return g && g.ready.then(() => !d && f()), W(() => {
+	g && g.ready.then(() => !d && f()), U(() => {
 		d = !0, o?.disconnect(), o = null, s?.disconnect(), s = null, typeof window < "u" && window.removeEventListener("resize", h);
-	}), { measure: f };
+	});
+	let _ = null;
+	function v(e) {
+		return [...e.querySelectorAll(":scope > .dock-controls > .dock-persistent")];
+	}
+	function y() {
+		return [r.value, i.value].filter((e) => !!e);
+	}
+	function b() {
+		let e = t.value;
+		if (!e) return;
+		let n = a.value;
+		_ = new Map([
+			e,
+			...v(e),
+			...y()
+		].map((e) => [e, He(e, n)]));
+	}
+	function x() {
+		let e = t.value;
+		if (e) {
+			for (let t of [
+				e,
+				...v(e),
+				n.value
+			]) t?.style.removeProperty(Ue);
+			for (let e of y()) e.style.removeProperty(We);
+		}
+	}
+	function S() {
+		let e = t.value, i = n.value, o = _;
+		if (_ = null, x(), !e || !i || !o || !o.get(e)) return;
+		let s = a.value, c = v(e), l = He(e, s), u = [
+			e,
+			...c,
+			i
+		].map((e) => [
+			e,
+			"scale",
+			"none"
+		]), d = () => new Map([
+			e,
+			...c,
+			i,
+			...y()
+		].map((e) => [e, He(e, s)])), f = ze(u, d), p = f.get(e), m = $(e, s), h = p.size / m;
+		if (!(h > 0)) return;
+		let g = (e) => Math.abs(1 - e) < 1e-4, b = l.size / p.size, S = !r.value?.classList.contains("is-active") || g(b) ? ze([
+			...u,
+			[
+				e,
+				"--dock-expanded-px",
+				"initial"
+			],
+			[
+				e,
+				"--dock-morph-t",
+				"1"
+			]
+		], d) : null, C = o;
+		if (S && g(b) && (C = S, b = S.get(e).size / p.size), !Number.isFinite(b)) return;
+		let w = (e) => (e - p.start) / h, T = (e, t) => g(b) ? null : (e - t) / (1 - b), E = (e) => w(e.start + e.size / 2), D = T(w(C.get(e).start), 0) ?? m / 2, O = (e, t) => `${e / t * 100}%`;
+		e.style.setProperty(Ue, O(D, m));
+		for (let e of c) {
+			let t = C.get(e), n = f.get(e), r = $(e, s);
+			if (!t || !(r > 0)) continue;
+			let i = T(E(t), E(n));
+			e.style.setProperty(Ue, O((i === null ? D : D - i) - w(n.start), r));
+		}
+		let k = $(i, s);
+		k > 0 && i.style.setProperty(Ue, O(D - w(f.get(i).start), k));
+		for (let t of y()) {
+			let n = t.classList.contains("is-leaving"), r = n ? o.get(t) : S?.get(t), i = $(t, s);
+			if (!r || !(i > 0)) continue;
+			let a = n ? f.get(t) : ze([[
+				e,
+				"--dock-morph-t",
+				"1"
+			]], () => He(t, s));
+			a && t.style.setProperty(We, O((r.start - a.start) / h, i));
+		}
+	}
+	return {
+		measure: f,
+		first: b,
+		anchor: S,
+		release: x
+	};
 }
 //#endregion
 //#region src/components/dock/composables/useDockShellProps.ts
-function Ue(e) {
-	let t = j(() => e.shape ?? "pill"), n = j(() => e.orientation ?? "horizontal"), r = j(() => e.collapse === !1);
+function Ke(e) {
+	let t = A(() => e.shape ?? "pill"), n = A(() => e.orientation ?? "horizontal"), r = A(() => e.collapse === !1);
 	return {
-		startCollapsed: j(() => !r.value && (e.collapse ?? "closed") === "closed"),
+		startCollapsed: A(() => !r.value && (e.collapse ?? "closed") === "closed"),
 		shape: t,
 		orientation: n,
 		alwaysExpanded: r,
-		fitContent: j(() => e.fitContent ?? !1)
+		fitContent: A(() => e.fitContent ?? !1)
 	};
 }
 //#endregion
 //#region src/components/dock/composables/useDockClickIntegrity.ts
-function We(e) {
-	let { rootEl: t, visualExpanded: n } = e, r = null, i = !1, a = 0, o = null, s = q(null), c = null, l = [];
+function qe(e) {
+	let { rootEl: t, visualExpanded: n } = e, r = null, i = !1, a = 0, o = null, s = K(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);
@@ -616,7 +768,7 @@ function We(e) {
 	function _(e) {
 		u(), r = e.target, i = g();
 	}
-	Z(n, (e, t) => {
+	X(n, (e, t) => {
 		t && !e && r && d(r);
 	});
 	function v() {
@@ -643,44 +795,44 @@ function We(e) {
 		}
 		e.stopPropagation(), e.preventDefault(), r = null;
 	}
-	return H(() => {
+	return V(() => {
 		f(), u();
 	}), {
 		onPointerDownCapture: _,
 		onPointerCancelCapture: v,
 		onClickCapture: b,
 		markExpandFlip: p,
-		pressKeepaliveLayer: K(s)
+		pressKeepaliveLayer: G(s)
 	};
 }
 //#endregion
 //#region src/components/dock/composables/useDockRun.ts
-function Ge(e, t) {
+function Je(e, t) {
 	let n = getComputedStyle(e).getPropertyValue(t).trim(), r = Number.parseFloat(n);
 	return Number.isFinite(r) ? r : 0;
 }
-function Ke(e) {
+function Ye(e) {
 	return Array.from(e.children).filter((e) => e instanceof HTMLElement);
 }
-function qe(e) {
+function Xe(e) {
 	return e.findIndex((e) => {
 		let t = (e.matches("[aria-current]") ? e : e.querySelector("[aria-current]"))?.getAttribute("aria-current");
 		return t != null && t !== "false";
 	});
 }
-function Je(e) {
+function Ze(e) {
 	return e.hasAttribute(y);
 }
-function Ye(e) {
-	return Ke(e).filter(Je);
-}
-var Xe = ".dock-separator", Ze = "select[aria-hidden=\"true\"][tabindex=\"-1\"]";
 function Qe(e) {
-	let t = Ke(e).filter((e) => !e.matches(Xe) && !e.matches(Ze));
-	return t.length > 0 && t.every(Je);
+	return Ye(e).filter(Ze);
+}
+var $e = ".dock-separator", et = "select[aria-hidden=\"true\"][tabindex=\"-1\"]";
+function tt(e) {
+	let t = Ye(e).filter((e) => !e.matches($e) && !e.matches(et));
+	return t.length > 0 && t.every(Ze);
 }
-function $e(e) {
-	let { runEl: t, statusEl: n, orientation: r } = e, i = q(!1), a = Ie({
+function nt(e) {
+	let { runEl: t, statusEl: n, orientation: r } = e, i = K(!1), a = Le({
 		response: d.response,
 		dampingFraction: d.dampingFraction
 	});
@@ -697,11 +849,11 @@ function $e(e) {
 		return o() ? e.scrollHeight - e.clientHeight : e.scrollWidth - e.clientWidth;
 	}
 	function u(e, t) {
-		let n = Ke(e), r = n.indexOf(t);
+		let n = Ye(e), r = n.indexOf(t);
 		if (r < 0) return s(e);
-		let i = Ge(e, "--dock-pitch");
+		let i = Je(e, "--dock-pitch");
 		if (i <= 0) return s(e);
-		let a = Math.max(1, Ge(e, "--dock-open-pitches")), o = qe(n), c = o >= 0 && o < r ? (a - 1) * i : 0, u = r * i + c - i / 2;
+		let a = Math.max(1, Je(e, "--dock-open-pitches")), o = Xe(n), c = o >= 0 && o < r ? (a - 1) * i : 0, u = r * i + c - i / 2;
 		return Math.min(Math.max(u, 0), l(e));
 	}
 	function f(e, t) {
@@ -711,7 +863,7 @@ function $e(e) {
 	function p(e) {
 		let t = n.value;
 		if (!t) return;
-		let r = Je(e) ? e : e.querySelector(C) ?? e, i = r.getAttribute("aria-label") ?? r.getAttribute("title") ?? r.textContent?.trim();
+		let r = Ze(e) ? e : e.querySelector(C) ?? e, i = r.getAttribute("aria-label") ?? r.getAttribute("title") ?? r.textContent?.trim();
 		i && (t.textContent = i);
 	}
 	function m(e) {
@@ -735,11 +887,11 @@ function $e(e) {
 	function v() {
 		let e = t.value;
 		if (!e) return;
-		i.value = Qe(e);
-		for (let t of Ke(e)) Je(t) || _(t);
-		let n = Ye(e);
+		i.value = tt(e);
+		for (let t of Ye(e)) Ze(t) || _(t);
+		let n = Qe(e);
 		if (n.length === 0) return;
-		let r = qe(n), a = n.findIndex((e) => e.contains(document.activeElement)), o = a >= 0 ? a : r >= 0 ? r : 0;
+		let r = Xe(n), a = n.findIndex((e) => e.contains(document.activeElement)), o = a >= 0 ? a : r >= 0 ? r : 0;
 		n.forEach((e, t) => {
 			g(e, t === o ? 0 : -1);
 		});
@@ -751,7 +903,7 @@ function $e(e) {
 	function x(e) {
 		let n = t.value;
 		if (!n) return;
-		let r = Ye(n);
+		let r = Qe(n);
 		if (r.length === 0) return;
 		let i = r.findIndex((t) => t.contains(e.target));
 		if (i < 0) return;
@@ -776,16 +928,16 @@ function $e(e) {
 	function S(e) {
 		let n = t.value;
 		if (!n) return;
-		let r = Ke(n).find((t) => t.contains(e.target));
+		let r = Ye(n).find((t) => t.contains(e.target));
 		r && m(r);
 	}
 	let w = null;
 	function T(e, t) {
 		if (t.type !== "attributes" || t.attributeName === "aria-current" || t.attributeName === "data-glass-dock-seat") return !0;
 		let n = t.target;
-		return n.parentElement === e && !Je(n);
+		return n.parentElement === e && !Ze(n);
 	}
-	return U(() => {
+	return H(() => {
 		let e = t.value;
 		e && (e.addEventListener("keydown", x), e.addEventListener("click", S, { capture: !0 }), e.addEventListener("focusin", S, { capture: !0 }), v(), w = new MutationObserver((t) => {
 			t.some((t) => T(e, t)) && v();
@@ -800,10 +952,10 @@ function $e(e) {
 				"tabindex"
 			]
 		}));
-	}), ne(() => {
+	}), re(() => {
 		let e = t.value;
 		e?.removeEventListener("keydown", x), e?.removeEventListener("click", S, { capture: !0 }), e?.removeEventListener("focusin", S, { capture: !0 }), w?.disconnect(), a.dispose();
-	}), Z(r, () => v()), {
+	}), X(r, () => v()), {
 		reach: m,
 		syncRoving: v,
 		toolbar: i
@@ -811,15 +963,15 @@ function $e(e) {
 }
 //#endregion
 //#region src/components/dock/GlassDock.vue?vue&type=script&setup=true&lang.ts
-var et = ["data-backdrop-mode", "data-held"], tt = ["data-held"], nt = { class: "dock-controls" }, rt = {
+var rt = ["data-backdrop-mode", "data-held"], it = ["data-held"], at = { class: "dock-controls" }, ot = {
 	key: 0,
 	class: "dock-persistent"
-}, it = [
+}, st = [
 	"id",
 	"role",
 	"aria-orientation",
 	"inert"
-], at = [
+], ct = [
 	"id",
 	"inert",
 	"role",
@@ -827,13 +979,13 @@ var et = ["data-backdrop-mode", "data-held"], tt = ["data-held"], nt = { class:
 	"aria-label",
 	"aria-expanded",
 	"aria-controls"
-], ot = {
+], lt = {
 	key: 0,
 	class: "dock-search-field"
-}, st = {
+}, ut = {
 	key: 1,
 	class: "dock-persistent dock-persistent-end"
-}, ct = /* @__PURE__ */ L({
+}, dt = /* @__PURE__ */ I({
 	inheritAttrs: !1,
 	__name: "GlassDock",
 	props: {
@@ -848,73 +1000,73 @@ var et = ["data-backdrop-mode", "data-held"], tt = ["data-held"], nt = { class:
 		backgroundCanvas: {}
 	},
 	setup(e, { expose: t }) {
-		let n = e, { startCollapsed: r, shape: i, orientation: a, alwaysExpanded: o, fitContent: s } = Ue(n), c = X("dockEl"), u = X("layersEl"), d = X("fullEl"), m = X("summaryEl"), h = X("statusEl"), { toolbar: g } = $e({
+		let n = e, { startCollapsed: r, shape: i, orientation: a, alwaysExpanded: o, fitContent: s } = Ke(n), c = Y("dockEl"), u = Y("layersEl"), d = Y("fullEl"), m = Y("summaryEl"), h = Y("statusEl"), { toolbar: g } = nt({
 			runEl: d,
 			statusEl: h,
 			orientation: a
 		});
-		n.backdropMode === "live" && Pe(c, { backgroundCanvas: () => {
+		n.backdropMode === "live" && Fe(c, { backgroundCanvas: () => {
 			let e = n.backgroundCanvas;
 			return typeof e == "function" ? e() : e instanceof HTMLCanvasElement ? e : null;
 		} });
-		let _ = q(!1), v = `glass-dock-${oe()}`, { expanded: y, isPinned: b, isHeld: x, graspHeld: S, onMouseEnter: w, onMouseLeave: T, onFocusIn: E, onFocusOut: D, onClickCollapsed: O, keepOpen: k, release: M, expand: L, collapse: ee } = Fe({
+		let _ = K(!1), v = `glass-dock-${se()}`, { expanded: y, isPinned: b, isHeld: x, graspHeld: S, onMouseEnter: w, onMouseLeave: T, onFocusIn: E, onFocusOut: D, onClickCollapsed: O, keepOpen: k, release: j, expand: I, collapse: te } = Ie({
 			rootEl: c,
 			alwaysExpanded: o,
 			initialExpanded: !r.value,
 			isTransitioning: _,
 			dockId: v
-		}), R = j(() => o.value || y.value);
+		}), L = A(() => o.value || y.value);
 		l({
 			id: v,
 			orientation: a,
 			keepOpen: k,
-			release: M,
+			release: j,
 			held: S,
-			expanded: R
+			expanded: L
 		});
-		let { measure: te } = He({
+		let ne = Ge({
 			rootEl: c,
 			contentEl: u,
 			expandedEl: d,
 			collapsedEl: m,
 			axis: a
-		}), { outerCurrentLayer: H, outerLeavingLayer: U } = Le({
+		}), { outerCurrentLayer: V, outerLeavingLayer: H } = Re({
 			rootEl: c,
-			outerActiveLayer: j(() => R.value ? "full" : "summary"),
+			outerActiveLayer: A(() => L.value ? "full" : "summary"),
 			onMorphActiveChange: (e) => {
 				_.value = e;
 			},
-			measure: te
-		}), W = j(() => H.value === "summary");
-		async function ne(e) {
-			!W.value || !["Enter", " "].includes(e.key) || (e.preventDefault(), O(), await B(), (d.value?.querySelector(C) ?? d.value)?.focus({ preventScroll: !0 }));
+			geometry: ne
+		}), U = A(() => V.value === "summary");
+		async function re(e) {
+			!U.value || !["Enter", " "].includes(e.key) || (e.preventDefault(), O(), await z(), (d.value?.querySelector(C) ?? d.value)?.focus({ preventScroll: !0 }));
 		}
-		function K(e) {
+		function G(e) {
 			if (e.key !== "Escape") return;
 			let t = e.target?.closest?.(f);
-			t && d.value?.contains(t) || ee();
+			t && d.value?.contains(t) || te();
 		}
-		Z(R, async (e, t) => {
+		X(L, async (e, t) => {
 			if (!t || e) return;
 			let n = document.activeElement;
 			if (!(n && d.value?.contains(n) || n?.closest("[data-glass-dock-face]")?.getAttribute("data-glass-dock-owner") === v)) return;
-			await B();
+			await z();
 			let r = m.value;
 			r && !r.hasAttribute("inert") && r.focus({ preventScroll: !0 });
 		});
-		let { onPointerDownCapture: re, onPointerCancelCapture: ie, onClickCapture: ae, markExpandFlip: se, pressKeepaliveLayer: $ } = We({
+		let { onPointerDownCapture: ie, onPointerCancelCapture: ae, onClickCapture: oe, markExpandFlip: ce, pressKeepaliveLayer: Q } = qe({
 			rootEl: c,
-			visualExpanded: R
+			visualExpanded: L
 		});
-		Z(R, (e) => {
-			e && se();
+		X(L, (e) => {
+			e && ce();
 		});
-		let le = q(!1);
-		Z(S, (e) => {
-			e && (le.value = !0);
+		let ue = K(!1);
+		X(S, (e) => {
+			e && (ue.value = !0);
 		});
-		function ue(e) {
-			e.propertyName === "opacity" && !S.value && (le.value = !1);
+		function de(e) {
+			e.propertyName === "opacity" && !S.value && (ue.value = !1);
 		}
 		return t({
 			expanded: y,
@@ -922,119 +1074,119 @@ var et = ["data-backdrop-mode", "data-held"], tt = ["data-held"], nt = { class:
 			isHeld: x,
 			graspHeld: S,
 			isTransitioning: _,
-			expand: L,
-			collapse: ee,
+			expand: I,
+			collapse: te,
 			keepOpen: k,
-			release: M
-		}), (e, t) => (G(), P("div", z({
+			release: j
+		}), (e, t) => (W(), N("div", R({
 			ref_key: "dockEl",
 			ref: c
 		}, e.$attrs, {
 			class: ["glass-dock", [
-				Y(a),
-				`shape-${Y(i)}`,
+				J(a),
+				`shape-${J(i)}`,
 				{
-					expanded: R.value,
-					collapsed: !R.value,
-					pinned: Y(b),
-					"fit-content": Y(s),
-					"always-expanded": Y(o)
+					expanded: L.value,
+					collapsed: !L.value,
+					pinned: J(b),
+					"fit-content": J(s),
+					"always-expanded": J(o)
 				}
 			]],
 			"data-backdrop-mode": n.backdropMode,
-			"data-held": Y(S) || void 0,
-			onMouseenter: t[2] ||= (...e) => Y(w) && Y(w)(...e),
-			onMouseleave: t[3] ||= (e) => Y(T)(e),
-			onFocusin: t[4] ||= (...e) => Y(E) && Y(E)(...e),
-			onFocusout: t[5] ||= (...e) => Y(D) && Y(D)(...e),
-			onPointerdownCapture: t[6] ||= (...e) => Y(re) && Y(re)(...e),
-			onPointercancelCapture: t[7] ||= (...e) => Y(ie) && Y(ie)(...e),
-			onClickCapture: t[8] ||= (...e) => Y(ae) && Y(ae)(...e)
+			"data-held": J(S) || void 0,
+			onMouseenter: t[2] ||= (...e) => J(w) && J(w)(...e),
+			onMouseleave: t[3] ||= (e) => J(T)(e),
+			onFocusin: t[4] ||= (...e) => J(E) && J(E)(...e),
+			onFocusout: t[5] ||= (...e) => J(D) && J(D)(...e),
+			onPointerdownCapture: t[6] ||= (...e) => J(ie) && J(ie)(...e),
+			onPointercancelCapture: t[7] ||= (...e) => J(ae) && J(ae)(...e),
+			onClickCapture: t[8] ||= (...e) => J(oe) && J(oe)(...e)
 		}), [
-			F("div", {
+			P("div", {
 				class: "dock-plate",
 				"aria-hidden": "true",
-				"data-held": Y(S) || void 0
-			}, [le.value ? (G(), P(A, { key: 0 }, [t[9] ||= F("span", {
+				"data-held": J(S) || void 0
+			}, [ue.value ? (W(), N(ee, { key: 0 }, [t[9] ||= P("span", {
 				class: "glass-grasp-carrier",
 				"data-grasp": "rest"
-			}, null, -1), F("span", {
+			}, null, -1), P("span", {
 				class: "glass-grasp-carrier",
 				"data-grasp": "grasp",
-				onTransitionend: ue
-			}, null, 32)], 64)) : N("", !0)], 8, tt),
-			F("div", nt, [
-				e.$slots.persistent ? (G(), P("div", rt, [J(e.$slots, "persistent")])) : N("", !0),
-				F("div", {
+				onTransitionend: de
+			}, null, 32)], 64)) : M("", !0)], 8, it),
+			P("div", at, [
+				e.$slots.persistent ? (W(), N("div", ot, [q(e.$slots, "persistent")])) : M("", !0),
+				P("div", {
 					ref_key: "layersEl",
 					ref: u,
 					class: "dock-layers"
 				}, [
-					F("div", {
+					P("div", {
 						ref_key: "fullEl",
 						ref: d,
 						id: `${v}-full`,
-						role: Y(g) ? "toolbar" : void 0,
-						"aria-orientation": Y(g) ? Y(a) : void 0,
-						class: V(["dock-layer dock-layer--full dock-run", {
-							"is-active": Y(H) === "full",
-							"is-leaving": Y(U) === "full" || Y($) === "full" && Y(H) !== "full",
-							"is-press-keepalive": Y($) === "full"
+						role: J(g) ? "toolbar" : void 0,
+						"aria-orientation": J(g) ? J(a) : void 0,
+						class: B(["dock-layer dock-layer--full dock-run", {
+							"is-active": J(V) === "full",
+							"is-leaving": J(H) === "full" || J(Q) === "full" && J(V) !== "full",
+							"is-press-keepalive": J(Q) === "full"
 						}]),
-						inert: Y(H) !== "full" && Y($) !== "full" || void 0,
+						inert: J(V) !== "full" && J(Q) !== "full" || void 0,
 						tabindex: "-1",
-						onKeydown: K
-					}, [I(Y(p), null, {
-						default: Q(() => [J(e.$slots, "default")]),
+						onKeydown: G
+					}, [F(J(p), null, {
+						default: Z(() => [q(e.$slots, "default")]),
 						_: 3
-					})], 42, it),
-					F("div", {
+					})], 42, st),
+					P("div", {
 						ref_key: "summaryEl",
 						ref: m,
 						id: `${v}-summary`,
-						class: V(["dock-layer dock-layer--summary", {
-							"is-active": Y(H) === "summary",
-							"is-leaving": Y(U) === "summary"
+						class: B(["dock-layer dock-layer--summary", {
+							"is-active": J(V) === "summary",
+							"is-leaving": J(H) === "summary"
 						}]),
-						inert: Y(H) !== "summary" || void 0,
-						role: W.value ? "button" : void 0,
-						tabindex: W.value ? 0 : void 0,
-						"aria-label": W.value ? "Expand dock" : void 0,
-						"aria-expanded": W.value ? "false" : void 0,
-						"aria-controls": W.value ? `${v}-full` : void 0,
-						onFocusin: t[0] ||= ce(() => {}, ["stop"]),
-						onKeydown: ne,
-						onClick: t[1] ||= (...e) => Y(O) && Y(O)(...e)
-					}, [J(e.$slots, "collapsed")], 42, at),
-					e.$slots.search ? (G(), P("div", ot, [J(e.$slots, "search")])) : N("", !0)
+						inert: J(V) !== "summary" || void 0,
+						role: U.value ? "button" : void 0,
+						tabindex: U.value ? 0 : void 0,
+						"aria-label": U.value ? "Expand dock" : void 0,
+						"aria-expanded": U.value ? "false" : void 0,
+						"aria-controls": U.value ? `${v}-full` : void 0,
+						onFocusin: t[0] ||= le(() => {}, ["stop"]),
+						onKeydown: re,
+						onClick: t[1] ||= (...e) => J(O) && J(O)(...e)
+					}, [q(e.$slots, "collapsed")], 42, ct),
+					e.$slots.search ? (W(), N("div", lt, [q(e.$slots, "search")])) : M("", !0)
 				], 512),
-				e.$slots["persistent-end"] ? (G(), P("div", st, [J(e.$slots, "persistent-end")])) : N("", !0)
+				e.$slots["persistent-end"] ? (W(), N("div", ut, [q(e.$slots, "persistent-end")])) : M("", !0)
 			]),
-			F("div", {
+			P("div", {
 				ref_key: "statusEl",
 				ref: h,
 				class: "dock-run-status",
 				role: "status",
 				"aria-live": "polite"
 			}, null, 512)
-		], 16, et));
+		], 16, rt));
 	}
-}), lt = c("glass-ui:dock-switcher-tablist"), { KEY: ut } = lt;
-function dt(e) {
-	lt.provide(e);
+}), ft = c("glass-ui:dock-switcher-tablist"), { KEY: pt } = ft;
+function mt(e) {
+	ft.provide(e);
 }
-var ft = lt.use, pt = s(m, "[glass-ui:dock] <DockLayer> must be used inside <DockCrossfade> (or <DockLayerGroup>)"), { KEY: mt } = pt;
-function ht(e) {
-	pt.provide(e);
+var ht = ft.use, gt = s(m, "[glass-ui:dock] <DockLayer> must be used inside <DockCrossfade> (or <DockLayerGroup>)"), { KEY: _t } = gt;
+function vt(e) {
+	gt.provide(e);
 }
-var gt = pt.use, _t = /* @__PURE__ */ L({
+var yt = gt.use, bt = /* @__PURE__ */ I({
 	__name: "DockCrossfade",
 	props: {
 		active: {},
 		reserve: { default: "block" }
 	},
 	setup(e, { expose: t }) {
-		let n = e, r = q(null), i = q(/* @__PURE__ */ new Map()), a = j(() => [...i.value.values()].map(({ id: e, label: t, icon: n }) => ({
+		let n = e, r = K(null), i = K(/* @__PURE__ */ new Map()), a = A(() => [...i.value.values()].map(({ id: e, label: t, icon: n }) => ({
 			id: e,
 			label: t,
 			icon: n
@@ -1048,15 +1200,15 @@ var gt = pt.use, _t = /* @__PURE__ */ L({
 			let t = new Map(i.value);
 			t.delete(e), i.value = t, p();
 		}
-		let c = j(() => n.active), l = q(null);
-		ht({
+		let c = A(() => n.active), l = K(null);
+		vt({
 			register: o,
 			unregister: s,
 			activeId: c,
 			leavingId: l,
 			faces: a
 		});
-		let u = q(0), f = j(() => n.reserve === "inline" ? "min-inline-size" : "min-block-size");
+		let u = K(0), f = A(() => n.reserve === "inline" ? "min-inline-size" : "min-block-size");
 		function p() {
 			let e = 0;
 			for (let { el: t } of i.value.values()) {
@@ -1065,12 +1217,12 @@ var gt = pt.use, _t = /* @__PURE__ */ L({
 			}
 			e > u.value && (u.value = e);
 		}
-		let m = j(() => u.value > 0 ? {
+		let m = A(() => u.value > 0 ? {
 			[f.value]: `${u.value}px`,
 			"--dock-crossfade-peak": `${u.value}px`
 		} : void 0);
 		b(r, () => p());
-		let h = Ie({
+		let h = Le({
 			response: d.response,
 			dampingFraction: d.dampingFraction
 		});
@@ -1086,16 +1238,16 @@ var gt = pt.use, _t = /* @__PURE__ */ L({
 		function y(e) {
 			return e < 0 ? 0 : e > 1 ? 1 : e;
 		}
-		let x = _e("(prefers-reduced-motion: reduce)"), S = null, C = 1;
-		Z(x, (e) => {
+		let x = ve("(prefers-reduced-motion: reduce)"), S = null, C = 1;
+		X(x, (e) => {
 			e && (h.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 B(), (g(t) ?? document.body).focus?.());
+			!n || !r || !n.contains(r) || (await z(), (g(t) ?? document.body).focus?.());
 		}
-		return Z(c, (e, t) => {
+		return X(c, (e, t) => {
 			if (e === t) return;
 			p();
 			let n = g(e), i = g(t);
@@ -1120,24 +1272,24 @@ var gt = pt.use, _t = /* @__PURE__ */ L({
 				},
 				onSettle: d
 			});
-		}), H(() => {
+		}), V(() => {
 			h.dispose(), S = null;
-		}), t({ faces: a }), (e, t) => (G(), P("div", {
+		}), t({ faces: a }), (e, t) => (W(), N("div", {
 			ref_key: "rootEl",
 			ref: r,
 			class: "dock-crossfade",
-			style: te(m.value)
-		}, [J(e.$slots, "default")], 4));
+			style: ne(m.value)
+		}, [q(e.$slots, "default")], 4));
 	}
-}), vt = ["data-motion"], yt = ["aria-orientation"], bt = [
+}), xt = ["data-motion"], St = ["aria-orientation"], Ct = [
 	"id",
 	"tabindex",
 	"aria-controls",
 	"aria-label",
 	"onClick"
-], xt = { key: 1 }, St = { key: 2 }, Ct = /* @__PURE__ */ L({
+], wt = { key: 1 }, Tt = { key: 2 }, Et = /* @__PURE__ */ I({
 	__name: "DockLayerGroup",
-	props: /*@__PURE__*/ R({
+	props: /*@__PURE__*/ L({
 		orientation: {},
 		showSwitcher: {
 			type: Boolean,
@@ -1151,8 +1303,8 @@ var gt = pt.use, _t = /* @__PURE__ */ L({
 	}),
 	emits: ["update:active"],
 	setup(e) {
-		let t = e, n = o(() => t.motion), r = se(e, "active"), i = v(), a = j(() => t.orientation ?? i?.orientation.value ?? "horizontal"), s = X("crossfade"), c = j(() => s.value?.faces ?? []), l = j(() => a.value === "vertical" ? "horizontal" : "vertical"), u = j(() => l.value === "vertical"), d = q(null), f = q(null), p = q([]), m = T({
-			options: j(() => c.value.map((e) => ({ value: e.id }))),
+		let t = e, n = o(() => t.motion), r = ce(e, "active"), i = v(), a = A(() => t.orientation ?? i?.orientation.value ?? "horizontal"), s = Y("crossfade"), c = A(() => s.value?.faces ?? []), l = A(() => a.value === "vertical" ? "horizontal" : "vertical"), u = A(() => l.value === "vertical"), d = K(null), f = K(null), p = K([]), m = T({
+			options: A(() => c.value.map((e) => ({ value: e.id }))),
 			model: r,
 			mode: "single",
 			role: "tablist",
@@ -1160,13 +1312,13 @@ var gt = pt.use, _t = /* @__PURE__ */ L({
 			containerRef: d,
 			indicatorRef: f,
 			buttonRefs: p
-		}), g = j(() => t.showSwitcher && c.value.length > 1), _ = oe(), y = (e) => e.replace(/[^a-zA-Z0-9_-]/g, ""), b = (e) => `dock-tab-${_}-${y(e)}`, x = (e) => `dock-panel-${_}-${y(e)}`;
-		dt({
+		}), g = A(() => t.showSwitcher && c.value.length > 1), _ = se(), y = (e) => e.replace(/[^a-zA-Z0-9_-]/g, ""), b = (e) => `dock-tab-${_}-${y(e)}`, x = (e) => `dock-panel-${_}-${y(e)}`;
+		mt({
 			isTablist: g,
 			tabId: b,
 			panelId: x
 		});
-		let S = j(() => u.value ? "y" : "x");
+		let S = A(() => u.value ? "y" : "x");
 		function C() {
 			let e = d.value;
 			if (!e) return [];
@@ -1188,14 +1340,14 @@ var gt = pt.use, _t = /* @__PURE__ */ L({
 				n.armed.value && r.value !== e && (r.value = e);
 			}
 		});
-		Z(() => [
+		X(() => [
 			c.value.length,
 			l.value,
 			n.armed.value
 		], () => {
-			n.armed.value && B(() => w.refresh());
-		}), U(() => {
-			n.armed.value && B(() => w.refresh());
+			n.armed.value && z(() => w.refresh());
+		}), H(() => {
+			n.armed.value && z(() => w.refresh());
 		});
 		function D(e) {
 			return typeof e == "object" && !!e || typeof e == "function";
@@ -1204,25 +1356,25 @@ var gt = pt.use, _t = /* @__PURE__ */ L({
 		function k() {
 			O.acquire();
 		}
-		function L(e) {
+		function I(e) {
 			let t = e.relatedTarget, n = e.currentTarget;
 			t && n?.contains(t) || O.release();
 		}
-		return (t, i) => (G(), P("div", {
-			class: V(["dock-layer-group", [a.value, `switcher-${e.switcherPosition}`]]),
-			"data-motion": Y(n).dataMotion.value,
-			style: te(Y(n).hostStyle.value)
-		}, [g.value ? (G(), P("div", {
+		return (t, i) => (W(), N("div", {
+			class: B(["dock-layer-group", [a.value, `switcher-${e.switcherPosition}`]]),
+			"data-motion": J(n).dataMotion.value,
+			style: ne(J(n).hostStyle.value)
+		}, [g.value ? (W(), N("div", {
 			key: 0,
 			ref_key: "switcherListEl",
 			ref: d,
 			role: "tablist",
-			class: V(["dock-layer-switcher", [e.switcherPosition, Y(n).armed.value && "glass-drag-grabbable"]]),
+			class: B(["dock-layer-switcher", [e.switcherPosition, J(n).armed.value && "glass-drag-grabbable"]]),
 			"aria-orientation": l.value,
-			onKeydown: i[0] ||= (...e) => Y(m).onKeydown && Y(m).onKeydown(...e),
+			onKeydown: i[0] ||= (...e) => J(m).onKeydown && J(m).onKeydown(...e),
 			onFocusin: k,
-			onFocusout: L
-		}, [(G(!0), P(A, null, re(c.value, (e, t) => (G(), P("button", z({
+			onFocusout: I
+		}, [(W(!0), N(ee, null, ie(c.value, (e, t) => (W(), N("button", R({
 			key: e.id,
 			ref_for: !0,
 			ref: (e) => {
@@ -1231,37 +1383,37 @@ var gt = pt.use, _t = /* @__PURE__ */ L({
 			type: "button",
 			class: "dock-layer-tab",
 			id: b(e.id),
-			tabindex: Y(m).rovingTabindex(t)
-		}, { ref_for: !0 }, Y(m).itemAttrs(e.id), {
+			tabindex: J(m).rovingTabindex(t)
+		}, { ref_for: !0 }, J(m).itemAttrs(e.id), {
 			"aria-controls": x(e.id),
 			"aria-label": e.label ?? e.id,
-			onClick: (n) => Y(m).select(e.id, t)
-		}), [D(e.icon) ? (G(), M(ie(e.icon), {
+			onClick: (n) => J(m).select(e.id, t)
+		}), [D(e.icon) ? (W(), j(ae(e.icon), {
 			key: 0,
 			class: "size-4"
-		})) : typeof e.icon == "string" ? (G(), P("span", xt, ae(e.icon), 1)) : (G(), P("span", St, ae((e.label ?? e.id).charAt(0)), 1))], 16, bt))), 128)), F("div", {
+		})) : typeof e.icon == "string" ? (W(), N("span", wt, oe(e.icon), 1)) : (W(), N("span", Tt, oe((e.label ?? e.id).charAt(0)), 1))], 16, Ct))), 128)), P("div", {
 			ref_key: "switcherIndicatorEl",
 			ref: f,
-			class: V(["dock-layer-tab-indicator", Y(n).armed.value && Y(w).dragging.value && "glass-drag-lift"]),
-			style: te(Y(m).singleSliderStyle.value),
+			class: B(["dock-layer-tab-indicator", J(n).armed.value && J(w).dragging.value && "glass-drag-lift"]),
+			style: ne(J(m).singleSliderStyle.value),
 			"aria-hidden": "true"
-		}, null, 6)], 42, yt)) : N("", !0), I(_t, {
+		}, null, 6)], 42, St)) : M("", !0), F(bt, {
 			ref_key: "crossfade",
 			ref: s,
 			active: r.value
 		}, {
-			default: Q(() => [J(t.$slots, "default")]),
+			default: Z(() => [q(t.$slots, "default")]),
 			_: 3
-		}, 8, ["active"])], 14, vt));
+		}, 8, ["active"])], 14, xt));
 	}
-}), wt = [
+}), Dt = [
 	"role",
 	"id",
 	"aria-labelledby",
 	"inert",
 	"aria-hidden",
 	"tabindex"
-], Tt = { class: "dock-face-content" }, Et = /* @__PURE__ */ L({
+], Ot = { class: "dock-face-content" }, kt = /* @__PURE__ */ I({
 	__name: "DockLayer",
 	props: {
 		id: {},
@@ -1269,15 +1421,15 @@ var gt = pt.use, _t = /* @__PURE__ */ L({
 		icon: {}
 	},
 	setup(e) {
-		let t = e, n = gt(), r = X("hostEl");
-		U(() => {
+		let t = e, n = yt(), r = Y("hostEl");
+		H(() => {
 			r.value && n.register({
 				id: t.id,
 				label: t.label,
 				icon: t.icon,
 				el: r.value
 			});
-		}), Z(() => [
+		}), X(() => [
 			t.id,
 			t.label,
 			t.icon
@@ -1288,12 +1440,12 @@ var gt = pt.use, _t = /* @__PURE__ */ L({
 				icon: t.icon,
 				el: r.value
 			});
-		}), H(() => n.unregister(t.id));
-		let i = j(() => n.activeId.value === t.id), a = j(() => n.leavingId.value === t.id), o = ft(), s = j(() => o?.isTablist.value ?? !1), c = j(() => s.value ? o.panelId(t.id) : void 0), l = j(() => s.value ? o.tabId(t.id) : void 0);
-		return (e, t) => (G(), P("div", {
+		}), V(() => n.unregister(t.id));
+		let i = A(() => n.activeId.value === t.id), a = A(() => n.leavingId.value === t.id), o = ht(), s = A(() => o?.isTablist.value ?? !1), c = A(() => s.value ? o.panelId(t.id) : void 0), l = A(() => s.value ? o.tabId(t.id) : void 0);
+		return (e, t) => (W(), N("div", {
 			ref_key: "hostEl",
 			ref: r,
-			class: V(["dock-face", {
+			class: B(["dock-face", {
 				"is-active": i.value,
 				"is-leaving": a.value
 			}]),
@@ -1303,9 +1455,9 @@ var gt = pt.use, _t = /* @__PURE__ */ L({
 			inert: !i.value || void 0,
 			"aria-hidden": !i.value || void 0,
 			tabindex: i.value ? -1 : void 0
-		}, [F("div", Tt, [J(e.$slots, "default")])], 10, wt));
+		}, [P("div", Ot, [q(e.$slots, "default")])], 10, Dt));
 	}
-}), Dt = /* @__PURE__ */ L({
+}), At = /* @__PURE__ */ I({
 	__name: "DockControl",
 	props: {
 		shape: { default: "icon" },
@@ -1336,14 +1488,14 @@ var gt = pt.use, _t = /* @__PURE__ */ L({
 		] }
 	},
 	setup(t) {
-		let r = t, o = j(() => r.shape === "tab"), s = j(() => 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 = j(() => ({
+		let r = t, o = A(() => r.shape === "tab"), s = A(() => 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 = A(() => ({
 			[y]: "",
 			...r.active === void 0 ? {} : {
 				"aria-pressed": String(r.active),
 				...r.active ? { "data-active": "" } : {}
 			},
 			...r.disabled ? { "aria-disabled": "true" } : {}
-		})), l = j(() => !r.asChild && r.as === "button" ? { type: r.type } : {}), u = i("press"), d = a({
+		})), l = A(() => !r.asChild && r.as === "button" ? { type: r.type } : {}), u = i("press"), d = a({
 			disabled: () => r.disabled || o.value,
 			squish: !0,
 			response: u.response,
@@ -1351,11 +1503,11 @@ var gt = pt.use, _t = /* @__PURE__ */ L({
 			pressVar: "--dock-press-t",
 			shrinkDepth: .04,
 			maxStretch: 1.03
-		}), f = j(() => o.value ? {} : { ...d.pressStyle.value });
+		}), f = A(() => o.value ? {} : { ...d.pressStyle.value });
 		function p(e) {
 			r.disabled && (e.preventDefault(), e.stopImmediatePropagation());
 		}
-		return (e, r) => $((G(), M(Y(ue), z({
+		return (e, r) => Q((W(), j(J(de), R({
 			as: t.as,
 			"as-child": t.asChild
 		}, {
@@ -1364,18 +1516,18 @@ var gt = pt.use, _t = /* @__PURE__ */ L({
 		}, {
 			class: s.value,
 			style: f.value,
-			"data-press-armed": !o.value && Y(d).armed ? "" : void 0,
-			onPointerdown: Y(d).handlers.onPointerdown,
-			onPointerup: Y(d).handlers.onPointerup,
-			onPointercancel: Y(d).handlers.onPointercancel,
-			onPointerleave: Y(d).handlers.onPointerleave,
-			onPointerenter: Y(d).handlers.onPointerenter,
-			onKeydown: Y(d).handlers.onKeydown,
-			onKeyup: Y(d).handlers.onKeyup,
-			onBlur: Y(d).handlers.onBlur,
+			"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: Q(() => [J(e.$slots, "default")]),
+			default: Z(() => [q(e.$slots, "default")]),
 			_: 3
 		}, 16, [
 			"as",
@@ -1391,9 +1543,9 @@ var gt = pt.use, _t = /* @__PURE__ */ L({
 			"onKeydown",
 			"onKeyup",
 			"onBlur"
-		])), [[Y(n)]]);
+		])), [[J(n)]]);
 	}
-}), Ot = /* @__PURE__ */ L({
+}), jt = /* @__PURE__ */ I({
 	inheritAttrs: !1,
 	__name: "DockTrigger",
 	props: {
@@ -1413,7 +1565,7 @@ var gt = pt.use, _t = /* @__PURE__ */ L({
 		}
 		let o = (e, { attrs: t, slots: n }) => {
 			let { disabled: r, ...i } = t, o = r != null && r !== !1;
-			return ee("button", {
+			return te("button", {
 				...i,
 				type: i.type ?? "button",
 				...o ? {
@@ -1423,17 +1575,17 @@ var gt = pt.use, _t = /* @__PURE__ */ L({
 			}, n.default?.());
 		};
 		o.inheritAttrs = !1;
-		let s = j(() => e("dock-trigger", r.for === "select" && "dock-select-trigger", r.for !== "select" && "dock-dropdown-trigger", r.class));
-		return (e, t) => r.for === "select" ? $((G(), M(Y(fe), z({ key: 0 }, {
+		let s = A(() => e("dock-trigger", r.for === "select" && "dock-select-trigger", r.for !== "select" && "dock-dropdown-trigger", r.class));
+		return (e, t) => r.for === "select" ? Q((W(), j(J(pe), R({ key: 0 }, {
 			...e.$attrs,
 			...i
 		}, {
 			"as-child": "",
 			class: s.value
 		}), {
-			default: Q(() => [I(o, null, {
-				default: Q(() => [J(e.$slots, "default"), I(Y(de), { "as-child": "" }, {
-					default: Q(() => [J(e.$slots, "icon", {}, () => [I(Y(pe), {
+			default: Z(() => [F(o, null, {
+				default: Z(() => [q(e.$slots, "default"), F(J(fe), { "as-child": "" }, {
+					default: Z(() => [q(e.$slots, "icon", {}, () => [F(J(me), {
 						class: "dock-select-trigger__chevron",
 						"aria-hidden": "true"
 					})])]),
@@ -1442,7 +1594,7 @@ var gt = pt.use, _t = /* @__PURE__ */ L({
 				_: 3
 			})]),
 			_: 3
-		}, 16, ["class"])), [[Y(n)]]) : r.for === "dropdown" ? $((G(), M(w, z({ key: 1 }, {
+		}, 16, ["class"])), [[J(n)]]) : r.for === "dropdown" ? Q((W(), j(w, R({ key: 1 }, {
 			...e.$attrs,
 			...i
 		}, {
@@ -1450,26 +1602,26 @@ var gt = pt.use, _t = /* @__PURE__ */ L({
 			action: "pointerdown",
 			class: s.value
 		}), {
-			default: Q(() => [I(o, null, {
-				default: Q(() => [J(e.$slots, "default")]),
+			default: Z(() => [F(o, null, {
+				default: Z(() => [q(e.$slots, "default")]),
 				_: 3
 			})]),
 			_: 3
-		}, 16, ["class"])), [[Y(n)]]) : $((G(), M(Y(le), z({ key: 2 }, {
+		}, 16, ["class"])), [[J(n)]]) : Q((W(), j(J(ue), R({ key: 2 }, {
 			...e.$attrs,
 			...i
 		}, {
 			"as-child": "",
 			class: s.value
 		}), {
-			default: Q(() => [I(o, null, {
-				default: Q(() => [J(e.$slots, "default")]),
+			default: Z(() => [F(o, null, {
+				default: Z(() => [q(e.$slots, "default")]),
 				_: 3
 			})]),
 			_: 3
-		}, 16, ["class"])), [[Y(n)]]);
+		}, 16, ["class"])), [[J(n)]]);
 	}
-}), kt = /* @__PURE__ */ L({
+}), Mt = /* @__PURE__ */ I({
 	__name: "DockBackgroundToggle",
 	props: {
 		paused: {
@@ -1481,22 +1633,22 @@ var gt = pt.use, _t = /* @__PURE__ */ L({
 	},
 	emits: ["update:paused"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = j(() => n.paused ? n.playLabel : n.pauseLabel);
+		let n = e, r = t, i = A(() => n.paused ? n.playLabel : n.pauseLabel);
 		function a() {
 			r("update:paused", !n.paused);
 		}
-		return (t, n) => (G(), M(Dt, {
+		return (t, n) => (W(), j(At, {
 			type: "button",
 			active: e.paused,
 			"aria-pressed": e.paused,
 			"aria-label": i.value,
 			onClick: a
 		}, {
-			default: Q(() => [e.paused ? (G(), M(Y(he), {
+			default: Z(() => [e.paused ? (W(), j(J(ge), {
 				key: 0,
 				size: 18,
 				"aria-hidden": "true"
-			})) : (G(), M(Y(me), {
+			})) : (W(), j(J(he), {
 				key: 1,
 				size: 18,
 				"aria-hidden": "true"
@@ -1508,30 +1660,30 @@ var gt = pt.use, _t = /* @__PURE__ */ L({
 			"aria-label"
 		]));
 	}
-}), At = [
+}), Nt = [
 	"data-orientation",
 	"data-dock-hairline",
 	"aria-orientation"
-], jt = /* @__PURE__ */ L({
+], Pt = /* @__PURE__ */ I({
 	__name: "DockSeparator",
 	props: { anchor: {
 		type: Boolean,
 		default: !1
 	} },
 	setup(e) {
-		let t = v(), n = j(() => t?.orientation.value ?? "horizontal"), r = j(() => n.value), i = j(() => n.value === "vertical" ? "horizontal" : "vertical");
-		return (t, n) => (G(), P("div", {
-			class: V(["dock-separator", { "dock-hairline": e.anchor }]),
+		let t = v(), n = A(() => t?.orientation.value ?? "horizontal"), r = A(() => n.value), i = A(() => n.value === "vertical" ? "horizontal" : "vertical");
+		return (t, n) => (W(), N("div", {
+			class: B(["dock-separator", { "dock-hairline": e.anchor }]),
 			role: "separator",
 			"data-orientation": r.value,
 			"data-dock-hairline": e.anchor || void 0,
 			"aria-orientation": i.value
-		}, null, 10, At));
+		}, null, 10, Nt));
 	}
 });
 //#endregion
 //#region src/composables/search/match.ts
-function Mt(e, t) {
+function Ft(e, t) {
 	let n = e.length, r = t.length;
 	if (n === 0) return {
 		score: 0,
@@ -1555,11 +1707,11 @@ function Mt(e, t) {
 		matches: i
 	});
 }
-function Nt(e, t) {
+function It(e, t) {
 	if (!t) return null;
 	let n = 0, r = [];
 	for (let i of e) {
-		let e = Mt(i, t);
+		let e = Ft(i, t);
 		if (!e) return null;
 		n += e.score;
 		for (let t of e.matches) r.push(t);
@@ -1569,7 +1721,7 @@ function Nt(e, t) {
 		matches: r
 	};
 }
-function Pt(e, t) {
+function Lt(e, t) {
 	let n = null, r = [], i = [
 		[t._lc.label, 12],
 		[t._lc.type, 10],
@@ -1577,7 +1729,7 @@ function Pt(e, t) {
 	];
 	for (let [a, o] of i) {
 		if (!a) continue;
-		let i = Nt(e, a);
+		let i = It(e, a);
 		if (!i) continue;
 		let s = i.score * o;
 		(n === null || s > n) && (n = s, r = a === t._lc.label ? i.matches : []);
@@ -1587,7 +1739,7 @@ function Pt(e, t) {
 		matches: r
 	};
 }
-function Ft(e) {
+function Rt(e) {
 	return e.map((e) => ({
 		item: e,
 		_lc: {
@@ -1597,15 +1749,15 @@ function Ft(e) {
 		}
 	}));
 }
-var It = /* @__PURE__ */ new WeakMap();
-function Lt(e) {
-	let t = It.get(e);
-	return t || (t = /* @__PURE__ */ new Map(), It.set(e, t)), t;
+var zt = /* @__PURE__ */ new WeakMap();
+function Bt(e) {
+	let t = zt.get(e);
+	return t || (t = /* @__PURE__ */ new Map(), zt.set(e, t)), t;
 }
-function Rt(e, t, n = 30) {
+function Vt(e, t, n = 30) {
 	let r = t.toLowerCase().trim();
 	if (!r) return [];
-	let i = Lt(e), a = i.get(r);
+	let i = Bt(e), a = i.get(r);
 	if (a) return a.slice(0, n);
 	i.size > 200 && i.clear();
 	let o = r.split(/\s+/).filter(Boolean);
@@ -1624,7 +1776,7 @@ function Rt(e, t, n = 30) {
 	}
 	let c = [];
 	for (let e of s) {
-		let t = Pt(o, e);
+		let t = Lt(o, e);
 		t && c.push({
 			item: e.item,
 			score: t.score,
@@ -1633,21 +1785,21 @@ function Rt(e, t, n = 30) {
 	}
 	return c.sort((e, t) => t.score - e.score), i.set(r, c), c.slice(0, n);
 }
-function zt(e) {
+function Ht(e) {
 	if (e) {
-		It.delete(e);
+		zt.delete(e);
 		return;
 	}
-	It = /* @__PURE__ */ new WeakMap();
+	zt = /* @__PURE__ */ new WeakMap();
 }
 //#endregion
 //#region src/composables/search/useFuzzySearch.ts
-function Bt(e) {
-	let t = typeof e.items == "function" ? e.items : () => e.items, n = e.debounceMs ?? 120, r = e.maxResults ?? 30, i = q(""), a = q(!1), o = q(!1), s = q(0), c = q(""), l = j(() => t()), u = j(() => Ft(l.value)), d;
+function Ut(e) {
+	let t = typeof e.items == "function" ? e.items : () => e.items, n = e.debounceMs ?? 120, r = e.maxResults ?? 30, i = K(""), a = K(!1), o = K(!1), s = K(0), c = K(""), l = A(() => t()), u = A(() => Rt(l.value)), d;
 	function f(e = d) {
 		e !== void 0 && (clearTimeout(e), d === e && (d = void 0));
 	}
-	Z(i, (e, t, r) => {
+	X(i, (e, t, r) => {
 		if (f(), !e || n <= 0) {
 			c.value = e;
 			return;
@@ -1656,18 +1808,18 @@ function Bt(e) {
 			d === i && (c.value = e, d = void 0);
 		}, n);
 		d = i, r(() => f(i));
-	}), Z(l, () => {
+	}), X(l, () => {
 		f(), c.value = i.value, s.value = 0;
 	}, { deep: !0 });
-	let p = j(() => Rt(u.value, c.value, r));
-	Z(p, () => {
+	let p = A(() => Vt(u.value, c.value, r));
+	X(p, () => {
 		s.value = 0;
 	});
 	function m(t) {
 		e.onSelect?.(t), h();
 	}
 	function h() {
-		a.value = !1, o.value = !1, f(), i.value = "", c.value = "", s.value = 0, zt(u.value);
+		a.value = !1, o.value = !1, f(), i.value = "", c.value = "", s.value = 0, Ht(u.value);
 	}
 	function g() {
 		a.value = !0;
@@ -1691,8 +1843,8 @@ function Bt(e) {
 				break;
 		}
 	}
-	return W(() => {
-		f(), zt(u.value);
+	return U(() => {
+		f(), Ht(u.value);
 	}, !0), {
 		query: i,
 		results: p,
@@ -1708,13 +1860,13 @@ function Bt(e) {
 }
 //#endregion
 //#region src/components/dock/composables/useDockSearch.ts
-function Vt(e) {
-	let { dockState: t } = e, n = e.debounceMs ?? 120, r = e.maxResults ?? 30, i = q([]), a = null, o = e.items ? e.items : () => i.value;
+function Wt(e) {
+	let { dockState: t } = e, n = e.debounceMs ?? 120, r = e.maxResults ?? 30, i = K([]), 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);
 	}
-	let c = Bt({
+	let c = Ut({
 		items: o,
 		debounceMs: n,
 		maxResults: r,
@@ -1722,7 +1874,7 @@ function Vt(e) {
 	});
 	if (e.onSearch) {
 		let t = e.onSearch;
-		Z(() => c.query.value, (e) => {
+		X(() => c.query.value, (e) => {
 			if (a?.abort(), !e) {
 				i.value = [];
 				return;
@@ -1735,7 +1887,7 @@ function Vt(e) {
 			});
 		});
 	}
-	let l = j(() => {
+	let l = A(() => {
 		let e = c.query.value;
 		if (!e) return "";
 		let t = c.results.value[0];
@@ -1758,7 +1910,7 @@ function Vt(e) {
 	return e.collapseOnScroll && e.scrollContainer && (g = k(e.scrollContainer, {
 		collapseOnScroll: !0,
 		chromeRef: e.chromeRef
-	})), W(() => {
+	})), U(() => {
 		a?.abort(), a = null;
 	}), {
 		fuzzy: c,
@@ -1771,4 +1923,4 @@ function Vt(e) {
 	};
 }
 //#endregion
-export { _ as DOCK_CONTEXT_KEY, kt as DockBackgroundToggle, Dt as DockControl, _t as DockCrossfade, Et as DockLayer, Ct as DockLayerGroup, jt as DockSeparator, Ot as DockTrigger, ct as GlassDock, l as provideDockContext, g as useDockContext, D as useDockCtaReceive, Vt as useDockSearch, v as useOptionalDockContext };
+export { _ as DOCK_CONTEXT_KEY, Mt as DockBackgroundToggle, At as DockControl, bt as DockCrossfade, kt as DockLayer, Et as DockLayerGroup, Pt as DockSeparator, jt as DockTrigger, dt as GlassDock, l as provideDockContext, g as useDockContext, D as useDockCtaReceive, Wt as useDockSearch, v as useOptionalDockContext };