@mkbabb/glass-ui 10.1.5 → 11.0.1

package/dist/dock.js

@@ -1,49 +1,50 @@
 import { t as e } from "./class-names-FlXcvRRT.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-Cbe0Voqg.js";
-import { t as a } from "./useLiquidPress-h1scrPtP.js";
-import { t as o } from "./useMotionAxis-D-rtIhca.js";
+import { t as r } from "./fieldPaint-Ci77oajZ.js";
+import { t as i } from "./motionTempo-DXdVbCWr.js";
+import { n as a } from "./springPresets-Cbe0Voqg.js";
+import { t as o } from "./useLiquidPress-D5mjZC6U.js";
 import { n as s, t as c } from "./createContext-BhkE9mLH.js";
-import { a as l, c as u, d, f, i as p, l as m, n as h, o as g, r as _, s as v, u as y } from "./participation-B7UFdgXB.js";
-import { t as b } from "./useResizeObserver-Bv3nN46q.js";
-import { n as x } from "./useResolveTokenColor-B2FfJnd9.js";
-import { t as S } from "./useIntersectionPause-CzKR3EyP.js";
-import { t as C } from "./focus-Duf7EpUu.js";
-import { t as w } from "./DropdownMenuTrigger-CKRnhDSQ.js";
-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 R, mergeModels as z, mergeProps as B, nextTick as V, normalizeClass as H, normalizeStyle as ee, onBeforeUnmount as U, onMounted as te, 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 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 { a as l, i as u, o as d, r as f, t as p } from "./constants-DfrO-IaH.js";
+import { a as m, i as h, n as g, o as _, r as v, s as y } from "./participation-C5y5VZTN.js";
+import { t as b } from "./useMotionAxis-D-rtIhca.js";
+import { t as x } from "./useResizeObserver-Bv3nN46q.js";
+import { n as S } from "./useResolveTokenColor-B2FfJnd9.js";
+import { t as C } from "./useIntersectionPause-CzKR3EyP.js";
+import { t as w } from "./focus-Duf7EpUu.js";
+import { t as T } from "./useSelectionGroup-DAQv5Lb5.js";
+import { t as E } from "./useDragMorph-BEI74U0t.js";
+import { n as D } from "./useDockCtaReceive-Dn_-paqP.js";
+import { t as O } from "./useScrollChrome-DMP6kDI9.js";
+import { Fragment as k, computed as A, createBlock as j, createCommentVNode as M, createElementBlock as N, createElementVNode as P, createVNode as F, defineComponent as I, mergeModels as L, mergeProps as R, nextTick as z, normalizeClass as B, normalizeStyle as V, onBeforeUnmount as H, onMounted as ee, onScopeDispose as U, onUnmounted as te, openBlock as W, readonly as G, ref as K, renderList as ne, renderSlot as q, resolveDynamicComponent as re, toDisplayString as J, unref as Y, useId as ie, useModel as ae, useTemplateRef as X, watch as Z, withCtx as oe, withDirectives as se } from "vue";
+import { Primitive as ce } from "reka-ui";
+import { Pause as le, Play as ue } from "@lucide/vue";
+import { SpringProgress as de } from "@mkbabb/keyframes.js";
+import { useMediaQuery as fe } from "@vueuse/core";
 //#region src/components/_shared/overlay/isTeleportedTarget.ts
-function ve(e, t) {
+function Q(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 pe(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 me(e, t, n) {
+	return .2126 * pe(e) + .7152 * pe(t) + .0722 * pe(n);
 }
-function xe(e, t, n, r, i) {
+function he(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 ge(e) {
 	let t = e.match(/rgba?\(\s*([\d.]+)[,\s]+([\d.]+)[,\s]+([\d.]+)(?:[,\s/]+([\d.]+))?/i);
 	return t ? [
 		Number(t[1]),
@@ -52,31 +53,31 @@ function Se(e) {
 		t[4] === void 0 ? 1 : Number(t[4])
 	] : null;
 }
-function Ce(e) {
+function _e(e) {
 	return typeof HTMLCanvasElement < "u" && e instanceof HTMLCanvasElement;
 }
-var we = "[data-glass-field-canvas] canvas, canvas[data-glass-field-canvas]";
-function Te(e) {
+var ve = "[data-glass-field-canvas] canvas, canvas[data-glass-field-canvas]";
+function ye(e) {
 	if (!e) {
 		if (typeof document < "u") {
-			let e = document.querySelector(we);
-			if (Ce(e)) return e;
+			let e = document.querySelector(ve);
+			if (_e(e)) return e;
 		}
 		return null;
 	}
-	if (Ce(e)) return e;
+	if (_e(e)) return e;
 	if (typeof e == "function") {
 		let t = e();
-		return Ce(t) ? t : null;
+		return _e(t) ? t : null;
 	}
 	if (typeof e == "string" && typeof document < "u") {
 		let t = document.querySelector(e);
-		return Ce(t) ? t : null;
+		return _e(t) ? t : null;
 	}
 	return null;
 }
-function Ee(e, t) {
-	let n = Se(e);
+function be(e, t) {
+	let n = ge(e);
 	if (n) return n;
 	if (!t) return null;
 	try {
@@ -92,7 +93,7 @@ function Ee(e, t) {
 		return null;
 	}
 }
-function De(e, t, n, r) {
+function xe(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,71 +103,71 @@ 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] = he(e[t], e[t + 1], e[t + 2], n, r);
+			i += me(s, c, l), a += n, o++;
 		}
 		return o === 0 || a / o < .02 ? null : { luma: i / o };
 	} catch {
 		return null;
 	}
 }
-function Oe(e, t) {
+function Se(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 = be(S(r, e), t);
 		if (i && !(i[3] < .5)) return i;
 	}
-	return Ee(x(getComputedStyle(document.body).backgroundColor, e), t);
+	return be(S(getComputedStyle(document.body).backgroundColor, e), t);
 }
-var ke = [
+var Ce = [
 	255,
 	255,
 	255
 ];
-function Ae(e, t) {
-	let n = Oe(e, t);
+function we(e, t) {
+	let n = Se(e, t);
 	return n && n[3] >= .5 ? [
 		n[0],
 		n[1],
 		n[2]
-	] : [...ke];
+	] : [...Ce];
 }
-function je(e, t) {
-	let n = Oe(e, t);
-	return n ? Me(n) : null;
+function Te(e, t) {
+	let n = Se(e, t);
+	return n ? Ee(n) : null;
 }
-function Me(e) {
-	return { luma: be(e[0], e[1], e[2]) };
+function Ee(e) {
+	return { luma: me(e[0], e[1], e[2]) };
 }
 //#endregion
 //#region src/composables/glass/useGlassBackdropLuminance.ts
-var Ne = "data-glass-backdrop-shared";
-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 c(e) {
-		return !s && e.closest(`[${Ne}]`) !== null;
+var De = "data-glass-backdrop-shared";
+function Oe(e, n = {}) {
+	let { lightThreshold: i = .6, minSampleIntervalMs: a = 250, writeBucket: o = !0 } = n, s = Math.max(250, a), c = n.shared === !0;
+	function l(e) {
+		return !c && e.closest(`[${De}]`) !== null;
 	}
-	let l = q(null), u = q(null), d = q({
+	let u = K(null), d = K(null), f = 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(u),
+		bucket: G(d),
+		sample: G(f),
 		sampleNow: () => {},
 		dispose: () => {}
 	};
-	let f = t(), 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 n.live === void 0 ? e.value?.dataset.glassSample === "live" || n.backgroundCanvas != null || Te(void 0) !== null : n.live;
+		return m || (m = document.createElement("canvas"), m.width = 32, m.height = 32), h ||= m.getContext("2d", { willReadFrequently: !0 }), h;
 	}
-	function _(e) {
+	function _() {
+		return n.live === void 0 ? e.value?.dataset.glassSample === "live" || n.backgroundCanvas != null || ye(void 0) !== null : n.live;
+	}
+	function v(e) {
 		let t = e.getBoundingClientRect();
 		return {
 			x: t.x,
@@ -175,262 +176,298 @@ function Pe(e, n = {}) {
 			height: t.height
 		};
 	}
-	function v(e, t, n, i) {
-		let o = e.luma;
-		l.value = o;
-		let s = o >= r ? "light" : "dark";
-		u.value = s, d.value = {
+	function y(e, t, n, r) {
+		let a = e.luma;
+		u.value = a;
+		let s = a >= i ? "light" : "dark";
+		d.value = s, f.value = {
 			state: "sampled",
 			mode: n,
 			source: n === "live" ? "canvas" : "elements",
-			luma: o,
-			sampledAt: i,
-			targetRect: _(t)
-		}, t.style.setProperty("--glass-backdrop-luma", o.toFixed(3)), 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);
+			luma: a,
+			sampledAt: r,
+			targetRect: v(t)
+		}, t.style.setProperty("--glass-backdrop-luma", a.toFixed(3)), 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"), o && t.style.setProperty("--glass-backdrop", s);
 	}
-	function y(e, t, n, r) {
-		l.value = null, u.value = null, d.value = {
+	function b(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: _(e)
-		}, e.style.removeProperty("--glass-backdrop-luma"), 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);
+			targetRect: v(e)
+		}, e.style.removeProperty("--glass-backdrop-luma"), e.style.removeProperty("--glass-backdrop-sampled"), o && 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 x = 0;
-	function C() {
+	let S = 0;
+	function w() {
 		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();
-		o ? v(o, t, i, s) : y(t, i, i === "live" && !a ? "source-unavailable" : "sample-unavailable", s), x = typeof performance < "u" ? performance.now() : s;
+		if (!t || l(t)) return;
+		let r = g(), i = _() ? "live" : "static", a = i === "live" ? ye(n.backgroundCanvas) : null, o = i === "live" ? xe(t, a, r, we(t, r)) : Te(t, r), s = Date.now();
+		o ? y(o, t, i, s) : b(t, i, i === "live" && !a ? "source-unavailable" : "sample-unavailable", s), S = typeof performance < "u" ? performance.now() : s;
 	}
-	let w = O(({ now: e }) => {
-		f.value || e - x < o || C();
-	}, {
-		immediate: !1,
-		pauseWhenHidden: !0,
-		respectReducedMotion: !0
-	}), T = S(() => e.value, {
-		pause: () => w.pause(),
+	let T = !1, E = !1, D = null;
+	function O() {
+		D !== null && clearTimeout(D), D = null;
+	}
+	function k() {
+		if (!T || E || D !== null) return;
+		let e = performance.now(), t = Math.max(0, S + s - e);
+		D = setTimeout(() => {
+			D = null, T && !E && w();
+		}, t);
+	}
+	function A(e) {
+		!T || D !== null || e.target === ye(n.backgroundCanvas) && k();
+	}
+	function j(e) {
+		if (!T || D !== null) return;
+		let t = ye(n.backgroundCanvas), r = e.target;
+		t && r instanceof Node && r.contains(t) && k();
+	}
+	let M = null, N = null;
+	function P() {
+		T || (T = !0, document.addEventListener(r, A, !0), document.addEventListener("scroll", k, {
+			capture: !0,
+			passive: !0
+		}), document.addEventListener("transitionend", j, !0), document.addEventListener("animationend", j, !0), typeof MutationObserver < "u" && (M = new MutationObserver(k), M.observe(document.documentElement, {
+			attributes: !0,
+			attributeFilter: [
+				"class",
+				"data-theme",
+				"data-color-scheme"
+			]
+		})), typeof matchMedia == "function" && (N = matchMedia("(prefers-color-scheme: dark)"), N.addEventListener("change", k)));
+	}
+	function F() {
+		T && (T = !1, O(), document.removeEventListener(r, A, !0), document.removeEventListener("scroll", k, !0), document.removeEventListener("transitionend", j, !0), document.removeEventListener("animationend", j, !0), M?.disconnect(), M = null, N?.removeEventListener("change", k), N = null);
+	}
+	let I = C(() => e.value, {
+		pause: () => {
+			E = !0, O();
+		},
 		resume: () => {
-			let t = e.value;
-			t && c(t) || g() && !f.value && w.resume();
+			E = !1, k();
 		}
-	}, { rootMargin: "200px" }), E = b(e, () => C());
-	function D() {
+	}, { rootMargin: "200px" }), L = x(e, () => w());
+	function R() {
 		let t = e.value;
-		if (t && c(t)) {
-			w.stop();
+		if (t && l(t)) {
+			F();
 			return;
 		}
-		f.value ? (w.stop(), C()) : g() && w.start();
+		p.value ? (F(), w()) : _() && P();
 	}
-	let k = Z(f, D, { flush: "sync" }), A = Z(() => e.value, (e) => {
+	let z = Z(p, R, { flush: "sync" }), B = Z(() => e.value, (e) => {
 		if (e) {
-			if (s) e.setAttribute(Ne, "");
-			else if (c(e)) return;
-			C(), D();
+			if (c) e.setAttribute(De, "");
+			else if (l(e)) return;
+			w(), R();
 		}
 	}, {
 		immediate: !0,
 		flush: "post"
 	});
-	function j() {
-		A(), k(), w.dispose(), T.dispose(), E.stop(), p = null, m = null;
-	}
-	return W(j), {
-		luma: K(l),
-		bucket: K(u),
-		sample: K(d),
-		sampleNow: C,
-		dispose: j
+	function V() {
+		B(), z(), F(), I.dispose(), L.stop(), m = null, h = null;
+	}
+	return U(V), {
+		luma: G(u),
+		bucket: G(d),
+		sample: G(f),
+		sampleNow: w,
+		dispose: V
 	};
 }
 //#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 C() {
-		S &&= (clearTimeout(S), null);
+function ke(e) {
+	let { collapseDelay: t = p, rootEl: n, alwaysExpanded: r = !1, expandOn: i = "hover", initialExpanded: a = !1, isTransitioning: o, dockId: s, onStateChange: c } = e, l = () => typeof r == "boolean" ? r : r.value, u = () => l(), d = () => (typeof i == "string" ? i : i.value) === "press", f = K(l() ? "pinned" : a ? "hover" : "collapsed"), m = A(() => f.value !== "collapsed"), h = A(() => f.value === "pinned"), g = null, _ = K(0), v = K(0), y = A(() => _.value > 0), b = A(() => v.value > 0), x = null, S = null, C = !1, w = null;
+	function T() {
+		w &&= (clearTimeout(w), null);
 	}
-	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 M) window.removeEventListener(e, t, !0);
-		let e = T;
-		T = null, e && !l() && d.value === "collapsed" && (I(), d.value = "hover", F());
+	let E = null, D = null, O = null, k = () => E === "down" || E === "compat";
+	function j() {
+		if (!E) return;
+		E = null, O &&= (clearTimeout(O), null);
+		for (let [e, t] of P) window.removeEventListener(e, t, !0);
+		let e = D;
+		D = null, e && !u() && f.value === "collapsed" && (R(), f.value = "hover", L());
 	}
-	function k() {
-		E ??= setTimeout(O, 0);
+	function M() {
+		O ??= setTimeout(j, 0);
 	}
-	function A() {
-		T = null, O();
+	function N() {
+		D = null, j();
 	}
-	let M = [
-		["click", () => O()],
-		["pointercancel", () => O()],
-		["dragstart", () => O()],
-		["contextmenu", () => O()],
+	let P = [
+		["click", () => j()],
+		["pointercancel", () => j()],
+		["dragstart", () => j()],
+		["contextmenu", () => j()],
 		["pointerup", (e) => {
-			w === "down" && (e.pointerType === "touch" ? w = "tap" : k());
+			E === "down" && (e.pointerType === "touch" ? E = "tap" : M());
 		}],
 		["mousedown", () => {
-			w === "tap" && (w = "compat");
+			E === "tap" && (E = "compat");
 		}],
 		["mouseup", () => {
-			w === "compat" && k();
+			E === "compat" && M();
 		}],
 		["pointerdown", (e) => {
-			(w === "tap" || e.isPrimary) && A();
+			(E === "tap" || e.isPrimary) && N();
 		}]
 	];
-	function N() {
-		w && A(), w = "down";
-		for (let [e, t] of M) window.addEventListener(e, t, !0);
+	function F() {
+		E && N(), E = "down", g && V();
+		for (let [e, t] of P) window.addEventListener(e, t, !0);
 	}
 	Z(n, (e, t, n) => {
-		e && (e.addEventListener("pointerdown", N, !0), n(() => e.removeEventListener("pointerdown", N, !0)));
+		e && (e.addEventListener("pointerdown", F, !0), n(() => e.removeEventListener("pointerdown", F, !0)));
 	}, {
 		immediate: !0,
 		flush: "sync"
 	});
-	let P = d.value;
-	function F() {
-		c() && (d.value = "pinned"), s && P !== d.value && s(d.value, P), P = d.value;
-	}
-	function I() {
-		m &&= (clearTimeout(m), null);
-	}
+	let I = f.value;
 	function L() {
-		b !== null && (cancelAnimationFrame(b), b = null);
+		l() && (f.value = "pinned"), c && I !== f.value && c(f.value, I), I = f.value;
 	}
 	function R() {
-		L(), y?.();
+		g &&= (clearTimeout(g), null);
 	}
 	function z() {
-		l() || h.value > 0 || (I(), m = setTimeout(() => {
-			d.value = "collapsed", F();
-		}, t));
+		S !== null && (cancelAnimationFrame(S), S = null);
 	}
 	function B() {
-		if (c()) {
-			d.value = "pinned", F();
+		z(), x?.();
+	}
+	function V() {
+		u() || _.value > 0 || (R(), g = setTimeout(() => {
+			f.value = "collapsed", L();
+		}, t));
+	}
+	function H() {
+		if (l()) {
+			f.value = "pinned", L();
 			return;
 		}
-		x ||= (x = !0, I(), C(), d.value = "collapsed", F(), !1);
+		C ||= (C = !0, R(), T(), f.value = "collapsed", L(), !1);
 	}
-	function V() {
-		if (c()) {
-			d.value = "pinned", F();
+	function ee() {
+		if (l()) {
+			f.value = "pinned", L();
 			return;
 		}
-		I(), C(), d.value = "hover", F();
+		R(), T(), f.value = "hover", L();
 	}
-	function H() {
-		l() || (I(), d.value === "collapsed" && (C(), S = setTimeout(() => {
-			if (S = null, !l() && d.value === "collapsed") {
-				if (D()) {
-					T ??= "hover";
+	function U() {
+		u() || d() || (R(), f.value === "collapsed" && (T(), w = setTimeout(() => {
+			if (w = null, !u() && f.value === "collapsed") {
+				if (k()) {
+					D ??= "hover";
 					return;
 				}
-				d.value = "hover", F();
+				f.value = "hover", L();
 			}
 		}, 60)));
 	}
-	function ee(e) {
-		if (!l() && (C(), T === "hover" && (T = null), d.value === "hover")) {
-			if (h.value > 0) return;
+	function W(e) {
+		if (!(u() || d()) && (T(), D === "hover" && (D = null), f.value === "hover")) {
+			if (_.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) || Q(e.relatedTarget, s)) return;
 			}
-			z();
+			V();
 		}
 	}
-	function U() {
-		if (!l() && (I(), d.value === "collapsed")) {
-			if (D()) {
-				T = "focus";
+	function G() {
+		if (!(u() || d()) && (R(), f.value === "collapsed")) {
+			if (k()) {
+				D = "focus";
 				return;
 			}
-			d.value = "hover", F();
+			f.value = "hover", L();
 		}
 	}
-	function te(e) {
-		if (l()) return;
-		let t = e.currentTarget, n = !!e.relatedTarget && t.contains(e.relatedTarget) || ve(e.relatedTarget, o);
-		!n && T === "focus" && (T = null), d.value === "hover" && (h.value > 0 || n || z());
+	function ne(e) {
+		if (u()) return;
+		let t = e.currentTarget, n = !!e.relatedTarget && t.contains(e.relatedTarget) || Q(e.relatedTarget, s);
+		if (!n && D === "focus" && (D = null), d()) {
+			if (!m.value || _.value > 0 || n || !e.relatedTarget) return;
+			H();
+			return;
+		}
+		f.value === "hover" && (_.value > 0 || n || V());
 	}
-	function W() {
-		l() || (I(), C(), d.value = "pinned", F());
+	function q() {
+		u() || (R(), T(), f.value = "pinned", L());
 	}
-	function G(e = "morph") {
-		h.value++, e === "grasp" && g.value++, I();
+	function re(e = "morph") {
+		_.value++, e === "grasp" && v.value++, R();
 	}
-	function K(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" && (I(), m = setTimeout(() => {
-			h.value === 0 && d.value === "hover" && z();
+	function J(e = "morph") {
+		e === "grasp" && (v.value = Math.max(0, v.value - 1)), _.value = Math.max(0, _.value - 1), _.value === 0 && f.value === "hover" && (R(), g = setTimeout(() => {
+			_.value === 0 && f.value === "hover" && V();
 		}, Math.min(t, 800)));
 	}
-	function re(e) {
-		if (l() || h.value > 0 || a?.value) return;
+	function Y(e) {
+		if (u() || _.value > 0 || o?.value) return;
 		let t = n.value;
-		!t || t.contains(e.target) || ve(e.target, o) || B();
+		!t || t.contains(e.target) || Q(e.target, s) || H();
 	}
-	return Z(f, (e) => {
+	return Z(m, (e) => {
 		if (e) {
 			if (typeof document > "u") return;
-			R(), b = requestAnimationFrame(() => {
-				b = null, f.value && (document.addEventListener("pointerdown", re, !0), y = () => {
-					document.removeEventListener("pointerdown", re, !0), y = null;
+			B(), S = requestAnimationFrame(() => {
+				S = null, m.value && (document.addEventListener("pointerdown", Y, !0), x = () => {
+					document.removeEventListener("pointerdown", Y, !0), x = null;
 				});
 			});
-		} else R();
-	}, { immediate: !0 }), typeof r == "boolean" ? r && (d.value = "pinned", F()) : Z(r, (e) => {
+		} else B();
+	}, { immediate: !0 }), typeof r == "boolean" ? r && (f.value = "pinned", L()) : Z(r, (e) => {
 		if (e) {
-			I(), d.value = "pinned", F();
+			R(), f.value = "pinned", L();
 			return;
 		}
-		d.value = "collapsed", F();
-	}), d.value === "hover" && z(), ne(() => {
-		I(), C(), R(), A();
+		f.value = "collapsed", L();
+	}), f.value === "hover" && V(), te(() => {
+		R(), T(), B(), N();
 	}), {
-		state: d,
-		expanded: f,
-		isPinned: p,
-		isHeld: _,
-		graspHeld: v,
-		onMouseEnter: H,
-		onMouseLeave: ee,
-		onFocusIn: U,
-		onFocusOut: te,
-		onClickCollapsed: W,
-		keepOpen: G,
-		release: K,
-		expand: V,
-		collapse: B
+		state: f,
+		expanded: m,
+		isPinned: h,
+		isHeld: y,
+		graspHeld: b,
+		onMouseEnter: U,
+		onMouseLeave: W,
+		onFocusIn: G,
+		onFocusOut: ne,
+		onClickCollapsed: q,
+		keepOpen: re,
+		release: J,
+		expand: ee,
+		collapse: H
 	};
 }
 //#endregion
 //#region src/components/dock/composables/useDockSpring.ts
-function Ie(e) {
+function Ae(e) {
 	let t = null, n = () => t !== null && !t.settled;
-	function i() {
+	function r() {
 		t &&= (t.dispose(), null);
 	}
 	function a(a, o, s) {
 		let c = n() ? t.velocity * (s.inheritVelocityScale ?? 1) : 0;
-		i();
-		let l = new ge({
-			response: e.response * r(),
+		r();
+		let l = new de({
+			response: e.response * i(),
 			dampingFraction: e.dampingFraction,
 			initial: a,
 			respectReducedMotion: !0
 		});
 		t = l, l.reset(a, c), l.target = o, l.play((e, n) => {
-			s.onFrame(e, n), l.settled && (s.onSettle?.(), t === l && i());
+			s.onFrame(e, n), l.settled && (s.onSettle?.(), t === l && r());
 		});
 	}
 	function o(e) {
@@ -445,28 +482,28 @@ function Ie(e) {
 		get velocity() {
 			return n() ? t.velocity : 0;
 		},
-		dispose: i
+		dispose: r
 	};
 }
 //#endregion
 //#region src/components/dock/composables/useDockMorph.ts
-function Le(e) {
-	let { rootEl: t, outerActiveLayer: n, geometry: r } = e, i = q(n.value), a = q(null), o = Ie({
-		response: d.response,
-		dampingFraction: d.dampingFraction
-	}), s = _e("(prefers-reduced-motion: reduce)");
+function je(e) {
+	let { rootEl: t, outerActiveLayer: n, geometry: r } = e, i = K(n.value), a = K(null), o = Ae({
+		response: l.response,
+		dampingFraction: l.dampingFraction
+	}), s = fe("(prefers-reduced-motion: reduce)");
 	function c() {
 		return t.value;
 	}
-	function l() {
+	function u() {
 		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(s, (e) => {
-		e && c()?.hasAttribute("data-morphing") && l();
+		e && c()?.hasAttribute("data-morphing") && u();
 	});
-	function u() {
+	function d() {
 		let t = c();
 		if (!t) return;
 		e.onMorphActiveChange?.(!0), t.setAttribute("data-morphing", "");
@@ -476,19 +513,19 @@ function Le(e) {
 			onFrame: (e) => {
 				c()?.style.setProperty("--dock-morph-t", `${e}`);
 			},
-			onSettle: l
+			onSettle: u
 		});
 	}
 	let f = Z(n, (e, t) => {
 		e !== t && (c() && r.first(), i.value = e, a.value = c() ? t : null);
 	}), p = Z(n, (e, t) => {
-		e === t || !c() || (r.measure(), u());
+		e === t || !c() || (r.measure(), d());
 	}, { flush: "post" });
-	return ne(() => {
+	return te(() => {
 		f(), p(), o.dispose();
 	}), {
-		outerCurrentLayer: K(i),
-		outerLeavingLayer: K(a)
+		outerCurrentLayer: G(i),
+		outerLeavingLayer: G(a)
 	};
 }
 //#endregion
@@ -496,7 +533,7 @@ function Le(e) {
 function $(e, t) {
 	return t === "vertical" ? e.offsetHeight : e.offsetWidth;
 }
-function Re(e, t) {
+function Me(e, t) {
 	let n = e.map(([e, t]) => [
 		e,
 		t,
@@ -510,7 +547,7 @@ function Re(e, t) {
 		for (let [e, t, r, i] of n.reverse()) r ? e.style.setProperty(t, r, i) : e.style.removeProperty(t);
 	}
 }
-function ze(e, t) {
+function Ne(e, t) {
 	let n = e.scrollLeft, r = e.scrollTop;
 	try {
 		return t();
@@ -522,9 +559,9 @@ function ze(e, t) {
 		});
 	}
 }
-function Be(e, t, n, r, i, a) {
+function Pe(e, t, n, r, i, a) {
 	let o = i === "vertical" ? "margin-block-end" : "margin-inline-end";
-	return Re([
+	return Me([
 		[
 			e,
 			"--dock-expanded-px",
@@ -551,14 +588,14 @@ function Be(e, t, n, r, i, a) {
 		let s = a - (r - $(t, i));
 		if (Math.abs(s) < .5) return r;
 		let c = Number.parseFloat(getComputedStyle(n).getPropertyValue(o)) || 0;
-		return Re([[
+		return Me([[
 			n,
 			o,
 			`${c + s}px`
 		]], () => $(e, i));
 	});
 }
-function Ve(e, t) {
+function Fe(e, t) {
 	let n = e.getBoundingClientRect();
 	return t === "vertical" ? {
 		start: n.top,
@@ -568,33 +605,33 @@ function Ve(e, t) {
 		size: n.width
 	};
 }
-var He = "--dock-morph-origin", Ue = "--dock-pane-shift", We = 2;
-function Ge(e, t) {
+var Ie = "--dock-morph-origin", Le = "--dock-pane-shift", Re = 2;
+function ze(e, t) {
 	let n = getComputedStyle(e), r = e.parentElement;
 	if (!r) return "";
 	let i = getComputedStyle(r);
 	return t === "vertical" ? `${r.clientHeight - parseFloat(i.paddingTop) - parseFloat(i.paddingBottom)} ${n.minHeight} ${n.maxHeight} ${window.innerHeight}` : `${r.clientWidth - parseFloat(i.paddingLeft) - parseFloat(i.paddingRight)} ${n.minWidth} ${n.maxWidth} ${window.innerWidth}`;
 }
-function Ke(e) {
-	let { rootEl: t, contentEl: n, expandedEl: r, collapsedEl: i, axis: a } = e, o = null, s = null, c = null, l = /* @__PURE__ */ new Map(), u = null, d = null, f = null, p = null, m = null, h = null, g = "", _ = !1, v = !1;
-	function b() {
+function Be(e) {
+	let { rootEl: t, contentEl: n, expandedEl: r, collapsedEl: i, axis: a } = e, o = null, s = null, c = null, l = null, u = null, d = null, f = null, p = null, m = "", h = !1, g = !1;
+	function _() {
 		let e = t.value, o = n.value, s = r.value, c = i.value;
 		if (!e || !o || !s || !c) return;
-		let l = a.value, u = s.classList.contains("is-active"), d = e.hasAttribute("data-morphing");
-		if (!d) {
-			let t = $(e, l) - $(o, l);
-			u ? f = t : p = t;
+		let l = a.value, g = s.classList.contains("is-active"), _ = e.hasAttribute("data-morphing"), v = _ ? 0 : $(e, l);
+		if (!_) {
+			let e = v - $(o, l);
+			g ? u = e : d = e;
 		}
-		let v = ze(s, () => Be(e, o, s, c, l, f));
-		if (!d) h = v, g = "", _ = !1;
+		let x = !_ && g ? v : Ne(s, () => Pe(e, o, s, c, l, u));
+		if (!_) p = x, m = "", h = !1;
 		else {
-			let t = Ge(e, l);
-			g ||= t, _ ||= t !== g, !_ && h !== null && Math.abs(v - h) <= We && (v = h);
+			let t = ze(e, l);
+			m ||= t, h ||= t !== m, !h && p !== null && Math.abs(x - p) <= Re && (x = p);
 		}
-		C(e, s, d && v !== h && f !== null && S !== null ? v - f - S : void 0), u || (m = ze(s, () => Be(e, o, c, s, l, p))), !(v <= 0) && (m !== null && m > 0 && e.style.setProperty("--dock-collapsed-px", `${m}px`), e.style.setProperty("--dock-expanded-px", `${Math.max(v, m ?? 0)}px`));
+		b(e, s, _ && x !== p && u !== null && y !== null ? x - u - y : void 0), g || (f = _ ? Ne(s, () => Pe(e, o, c, s, l, d)) : v), !(x <= 0) && (f !== null && f > 0 && e.style.setProperty("--dock-collapsed-px", `${f}px`), e.style.setProperty("--dock-expanded-px", `${Math.max(x, f ?? 0)}px`));
 	}
-	let x = "", S = null;
-	function C(e, t, r) {
+	let v = "", y = null;
+	function b(e, t, r) {
 		if (!t.classList.contains("is-active")) return;
 		let i = e.hasAttribute("data-morphing");
 		if (i && r === void 0) return;
@@ -605,11 +642,11 @@ function Ke(e) {
 			s = Math.min(s, n), c = Math.max(c, n + (o ? e.offsetWidth : e.offsetHeight));
 		}
 		let l = o ? t.clientWidth : t.clientHeight, u = n.value;
-		!i && u && (S = $(u, a.value) - l);
+		!i && u && (y = $(u, a.value) - l);
 		let d = r ?? l, f = c > s && c - s <= d, p = !o && f ? `${Math.floor((d - (c - s)) / 2 * 100) / 100}px` : "", m = `${f ? "1" : "0"} ${p}`;
-		m !== x && (x = m, p ? e.style.setProperty("--dock-run-room-block", p) : e.style.removeProperty("--dock-run-room-block"), e.toggleAttribute("data-run-fits", f));
+		m !== v && (v = m, p ? e.style.setProperty("--dock-run-room-block", p) : e.style.removeProperty("--dock-run-room-block"), e.toggleAttribute("data-run-fits", f));
 	}
-	function w() {
+	function x() {
 		if (!o) return;
 		o.disconnect();
 		let e = [r.value, i.value], a = t.value;
@@ -621,66 +658,44 @@ function Ke(e) {
 		]) t && o.observe(t);
 		for (let t of e) for (let e of t?.children ?? []) o.observe(e);
 	}
-	function T(e, t, n) {
+	function S(e, t, n) {
 		let r = a.value === "vertical" ? t : n;
 		e.style.setProperty("--dock-plate-cross-px", `${r}px`);
 	}
-	function E(e) {
+	function C(e) {
 		let t = e.querySelector(":scope > .dock-plate");
-		t && (T(e, t.offsetWidth, t.offsetHeight), !(typeof ResizeObserver > "u") && (s = new ResizeObserver(([t]) => {
-			let n = t?.borderBoxSize?.[0];
-			n && T(e, n.inlineSize, n.blockSize);
-		}), s.observe(t)));
-	}
-	let D = `[${y}]:not(.dock-trigger)`, O = "";
-	function k(e) {
-		let t = 0, n = 0;
-		for (let e of l.values()) t = Math.max(t, e.inline), n = Math.max(n, e.block);
-		let r = `${t} ${n}`;
-		r !== O && (O = r, e.style.setProperty("--dock-seat-max-inline-px", `${t}px`), e.style.setProperty("--dock-seat-max-block-px", `${n}px`));
-	}
-	function A() {
-		let e = t.value, n = r.value;
-		if (!e || !n) return;
-		let i = new Set(n.querySelectorAll(D));
-		i.size > 0 && !c && typeof ResizeObserver < "u" && (c = new ResizeObserver((t) => {
-			for (let e of t) {
-				let t = e.borderBoxSize?.[0];
-				t && l.has(e.target) && l.set(e.target, {
-					inline: t.inlineSize,
-					block: t.blockSize
-				});
+		if (t) {
+			if (typeof ResizeObserver > "u") {
+				S(e, t.offsetWidth, t.offsetHeight);
+				return;
 			}
-			k(e);
-		}));
-		for (let e of l.keys()) i.has(e) || (c?.unobserve(e), l.delete(e));
-		for (let e of i) l.has(e) || (l.set(e, {
-			inline: e.offsetWidth,
-			block: e.offsetHeight
-		}), c?.observe(e));
-		k(e);
+			s = new ResizeObserver(([t]) => {
+				let n = t?.borderBoxSize?.[0];
+				n && S(e, n.inlineSize, n.blockSize);
+			}), s.observe(t);
+		}
 	}
-	function j() {
-		o?.disconnect(), o = null, s?.disconnect(), s = null, c?.disconnect(), c = null, u?.disconnect(), u = null, d?.disconnect(), d = null, l.clear(), O = "", x = "", S = null, h = null, g = "", _ = !1;
+	function w() {
+		o?.disconnect(), o = null, s?.disconnect(), s = null, c?.disconnect(), c = null, l?.disconnect(), l = null, v = "", y = null, p = null, m = "", h = !1;
 		let e = t.value;
 		if (e) {
-			if (typeof ResizeObserver < "u" && (o = new ResizeObserver(() => b()), w()), E(e), A(), typeof MutationObserver < "u") {
-				u = new MutationObserver(() => {
-					w(), A(), b();
+			if (typeof ResizeObserver < "u" && (o = new ResizeObserver(() => _()), x()), C(e), typeof MutationObserver < "u") {
+				c = new MutationObserver(() => {
+					x(), o || _();
 				});
-				for (let e of [r.value, i.value]) e && u.observe(e, {
+				for (let e of [r.value, i.value]) e && c.observe(e, {
 					childList: !0,
 					subtree: !0,
 					characterData: !0
 				});
-				d = new MutationObserver(() => {
-					_ || !g || !e.hasAttribute("data-morphing") || Ge(e, a.value) !== g && b();
-				}), d.observe(e, {
+				l = new MutationObserver(() => {
+					h || !m || !e.hasAttribute("data-morphing") || ze(e, a.value) !== m && _();
+				}), l.observe(e, {
 					attributes: !0,
 					attributeFilter: ["style", "class"]
 				});
 			}
-			b();
+			o || _();
 		}
 	}
 	Z([
@@ -689,52 +704,52 @@ function Ke(e) {
 		r,
 		i,
 		a
-	], j, { immediate: !0 });
-	let M = () => b();
-	typeof window < "u" && window.addEventListener("resize", M);
-	let N = typeof document < "u" ? document.fonts : void 0;
-	N && N.ready.then(() => !v && b()), W(() => {
-		v = !0, o?.disconnect(), o = null, s?.disconnect(), s = null, c?.disconnect(), c = null, u?.disconnect(), u = null, d?.disconnect(), d = null, typeof window < "u" && window.removeEventListener("resize", M);
+	], w, { immediate: !0 });
+	let T = () => _();
+	typeof window < "u" && window.addEventListener("resize", T);
+	let E = typeof document < "u" ? document.fonts : void 0;
+	E && E.ready.then(() => !g && _()), U(() => {
+		g = !0, o?.disconnect(), o = null, s?.disconnect(), s = null, c?.disconnect(), c = null, l?.disconnect(), l = null, typeof window < "u" && window.removeEventListener("resize", T);
 	});
-	let P = null, F = null;
-	function I(e) {
+	let D = null, O = null;
+	function k(e) {
 		return [...e.querySelectorAll(":scope > .dock-controls > .dock-persistent")];
 	}
-	function L() {
+	function A() {
 		return [r.value, i.value].filter((e) => !!e);
 	}
-	function R() {
+	function j() {
 		let e = t.value;
 		if (!e) return;
 		let n = a.value;
-		P = new Map([
+		D = new Map([
 			e,
-			...I(e),
-			...L()
-		].map((e) => [e, Ve(e, n)]));
+			...k(e),
+			...A()
+		].map((e) => [e, Fe(e, n)]));
 		let i = r.value;
-		F = i ? {
+		O = i ? {
 			left: i.scrollLeft,
 			top: i.scrollTop
 		} : null;
 	}
-	function z() {
+	function M() {
 		let e = t.value;
 		if (e) {
 			for (let t of [
 				e,
-				...I(e),
+				...k(e),
 				n.value
-			]) t?.style.removeProperty(He);
-			for (let e of L()) e.style.removeProperty(Ue);
-			r.value && C(e, r.value);
+			]) t?.style.removeProperty(Ie);
+			for (let e of A()) e.style.removeProperty(Le);
+			r.value && b(e, r.value);
 		}
 	}
-	function B() {
-		let e = r.value, t = F;
-		F = null;
+	function N() {
+		let e = r.value, t = O;
+		O = null;
 		try {
-			V();
+			P();
 		} finally {
 			e?.classList.contains("is-leaving") && t && (e.scrollLeft !== t.left || e.scrollTop !== t.top) && e.scrollTo({
 				left: t.left,
@@ -743,10 +758,10 @@ function Ke(e) {
 			});
 		}
 	}
-	function V() {
-		let e = t.value, i = n.value, o = P;
-		if (P = null, z(), !e || !i || !o || !o.get(e)) return;
-		let s = a.value, c = I(e), l = Ve(e, s), u = [
+	function P() {
+		let e = t.value, i = n.value, o = D;
+		if (D = null, M(), !e || !i || !o || !o.get(e)) return;
+		let s = a.value, c = k(e), l = Fe(e, s), u = [
 			e,
 			...c,
 			i
@@ -758,10 +773,10 @@ function Ke(e) {
 			e,
 			...c,
 			i,
-			...L()
-		].map((e) => [e, Ve(e, s)])), f = Re(u, d), p = f.get(e), m = $(e, s), h = p.size / m;
+			...A()
+		].map((e) => [e, Fe(e, s)])), f = Me(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, _ = l.size / p.size, v = !r.value?.classList.contains("is-active") || g(_) ? Re([
+		let g = (e) => Math.abs(1 - e) < 1e-4, _ = l.size / p.size, v = !r.value?.classList.contains("is-active") || g(_) ? Me([
 			...u,
 			[
 				e,
@@ -776,50 +791,50 @@ function Ke(e) {
 		], d) : null, y = o;
 		if (v && g(_) && (y = v, _ = v.get(e).size / p.size), !Number.isFinite(_)) return;
 		let b = (e) => (e - p.start) / h, x = (e, t) => g(_) ? null : (e - t) / (1 - _), S = (e) => b(e.start + e.size / 2), C = x(b(y.get(e).start), 0) ?? m / 2, w = (e, t) => `${e / t * 100}%`;
-		e.style.setProperty(He, w(C, m));
+		e.style.setProperty(Ie, w(C, m));
 		for (let e of c) {
 			let t = y.get(e), n = f.get(e), r = $(e, s);
 			if (!t || !(r > 0)) continue;
 			let i = x(S(t), S(n));
-			e.style.setProperty(He, w((i === null ? C : C - i) - b(n.start), r));
+			e.style.setProperty(Ie, w((i === null ? C : C - i) - b(n.start), r));
 		}
 		let T = $(i, s);
-		T > 0 && i.style.setProperty(He, w(C - b(f.get(i).start), T));
-		for (let t of L()) {
+		T > 0 && i.style.setProperty(Ie, w(C - b(f.get(i).start), T));
+		for (let t of A()) {
 			let n = t.classList.contains("is-leaving"), r = n ? o.get(t) : v?.get(t), i = $(t, s);
 			if (!r || !(i > 0)) continue;
-			let a = n ? f.get(t) : Re([[
+			let a = n ? f.get(t) : Me([[
 				e,
 				"--dock-morph-t",
 				"1"
-			]], () => Ve(t, s));
-			a && t.style.setProperty(Ue, w((r.start - a.start) / h, i));
+			]], () => Fe(t, s));
+			a && t.style.setProperty(Le, w((r.start - a.start) / h, i));
 		}
 	}
 	return {
-		measure: b,
-		first: R,
-		anchor: B,
-		release: z
+		measure: _,
+		first: j,
+		anchor: N,
+		release: M
 	};
 }
 //#endregion
 //#region src/components/dock/composables/useDockShellProps.ts
-function qe(e) {
-	let t = j(() => e.shape ?? "pill"), n = j(() => e.orientation ?? "horizontal"), r = j(() => e.collapse === !1);
+function Ve(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
-var Je = 6;
-function Ye(e) {
-	let { rootEl: t, visualExpanded: n } = e, r = null, i = !1, a = 0, o = null, s = q(null), c = null, l = null, u = -Infinity, d = !1, f = !1;
+var He = 6;
+function Ue(e) {
+	let { rootEl: t, visualExpanded: n } = e, r = null, i = !1, a = 0, o = null, s = K(null), c = null, l = null, u = -Infinity, d = !1, f = !1;
 	function p(e) {
 		c = {
 			x: e.clientX,
@@ -836,7 +851,7 @@ function Ye(e) {
 		flush: "sync"
 	});
 	function m(e) {
-		return f ? d || !l ? !0 : Math.hypot(e.clientX - l.x, e.clientY - l.y) > Je : !1;
+		return f ? d || !l ? !0 : Math.hypot(e.clientX - l.x, e.clientY - l.y) > He : !1;
 	}
 	let h = null, g = [];
 	function _() {
@@ -911,42 +926,42 @@ function Ye(e) {
 		}
 		e.stopPropagation(), e.preventDefault(), r = null;
 	}
-	return U(() => {
+	return H(() => {
 		y(), _();
 	}), {
 		onPointerDownCapture: w,
 		onPointerCancelCapture: T,
 		onClickCapture: D,
 		markExpandFlip: b,
-		pressKeepaliveLayer: K(s)
+		pressKeepaliveLayer: G(s)
 	};
 }
 //#endregion
 //#region src/components/dock/composables/useDockRun.ts
-function Xe(e) {
+function We(e) {
 	return Array.from(e.children).filter((e) => e instanceof HTMLElement);
 }
-function Ze(e) {
+function Ge(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 Qe(e) {
-	return e.hasAttribute(y);
+function Ke(e) {
+	return e.hasAttribute(u);
 }
-function $e(e) {
-	return Xe(e).filter(Qe);
+function qe(e) {
+	return We(e).filter(Ke);
 }
-var et = ".dock-separator", tt = "select[aria-hidden=\"true\"][tabindex=\"-1\"]";
-function nt(e) {
-	let t = Xe(e).filter((e) => !e.matches(et) && !e.matches(tt));
-	return t.length > 0 && t.every(Qe);
+var Je = ".dock-separator", Ye = "select[aria-hidden=\"true\"][tabindex=\"-1\"]";
+function Xe(e) {
+	let t = We(e).filter((e) => !e.matches(Je) && !e.matches(Ye));
+	return t.length > 0 && t.every(Ke);
 }
-function rt(e) {
-	let { runEl: t, statusEl: n, orientation: r } = e, i = q(!1), a = Ie({
-		response: d.response,
-		dampingFraction: d.dampingFraction
+function Ze(e) {
+	let { runEl: t, statusEl: n, orientation: r } = e, i = K(!1), a = Ae({
+		response: l.response,
+		dampingFraction: l.dampingFraction
 	});
 	function o() {
 		return r.value === "vertical";
@@ -957,10 +972,10 @@ function rt(e) {
 	function c(e, t) {
 		o() ? e.scrollTop = t : e.scrollLeft = t;
 	}
-	function l(e) {
+	function d(e) {
 		return o() ? e.scrollHeight - e.clientHeight : e.scrollWidth - e.clientWidth;
 	}
-	function u(e, t) {
+	function f(e, t) {
 		let n = 0;
 		for (let r = t; r && r !== e;) {
 			n += o() ? r.offsetTop : r.offsetLeft;
@@ -969,32 +984,32 @@ function rt(e) {
 		}
 		return [n, n + (o() ? t.offsetHeight : t.offsetWidth)];
 	}
-	function f(e) {
+	function p(e) {
 		let t = getComputedStyle(e);
 		return Number.parseFloat(o() ? t.paddingBlockStart : t.paddingInlineStart) || 0;
 	}
-	function p(e, t) {
-		let n = getComputedStyle(e), r = Number.parseFloat(o() ? n.scrollPaddingBlockStart : n.scrollPaddingInlineStart) || 0, [i] = u(e, t);
-		return Math.min(Math.max(i - r, 0), l(e));
-	}
 	function m(e, t) {
-		let n = s(e), r = o() ? e.clientHeight : e.clientWidth, i = f(e), [a, c] = u(e, t);
-		return a < n + i - 1 || c > n + r - i + 1;
+		let n = getComputedStyle(e), r = Number.parseFloat(o() ? n.scrollPaddingBlockStart : n.scrollPaddingInlineStart) || 0, [i] = f(e, t);
+		return Math.min(Math.max(i - r, 0), d(e));
+	}
+	function h(e, t) {
+		let n = s(e), r = o() ? e.clientHeight : e.clientWidth, i = p(e), [a, c] = f(e, t), l = .5;
+		return a < n + i - l || c > n + r - i + l;
 	}
-	function h(e) {
+	function g(e) {
 		let t = n.value;
 		if (!t) return;
-		let r = Qe(e) ? e : e.querySelector(C) ?? e, i = r.getAttribute("aria-label") ?? r.getAttribute("title") ?? r.textContent?.trim();
+		let r = Ke(e) ? e : e.querySelector(w) ?? e, i = r.getAttribute("aria-label") ?? r.getAttribute("title") ?? r.textContent?.trim();
 		i && (t.textContent = i);
 	}
-	function g(e) {
+	function _(e) {
 		let n = t.value;
 		if (!n) return;
-		if (h(e), !m(n, e)) {
+		if (g(e), !h(n, e)) {
 			a.dispose();
 			return;
 		}
-		let r = s(n), i = p(n, e);
+		let r = s(n), i = m(n, e);
 		if (Math.abs(i - r) < 1) {
 			a.dispose();
 			return;
@@ -1004,35 +1019,35 @@ function rt(e) {
 			n && c(n, r + (i - r) * e);
 		} });
 	}
-	let _ = /* @__PURE__ */ new WeakMap();
-	function v(e, t) {
-		_.has(e) || _.set(e, e.getAttribute("tabindex")), e.tabIndex = t;
+	let v = /* @__PURE__ */ new WeakMap();
+	function y(e, t) {
+		v.has(e) || v.set(e, e.getAttribute("tabindex")), e.tabIndex = t;
 	}
 	function b(e) {
-		if (!_.has(e)) return;
-		let t = _.get(e) ?? null;
-		_.delete(e), t === null ? e.removeAttribute("tabindex") : e.setAttribute("tabindex", t);
+		if (!v.has(e)) return;
+		let t = v.get(e) ?? null;
+		v.delete(e), t === null ? e.removeAttribute("tabindex") : e.setAttribute("tabindex", t);
 	}
 	function x() {
 		let e = t.value;
 		if (!e) return;
-		i.value = nt(e);
-		for (let t of Xe(e)) Qe(t) || b(t);
-		let n = $e(e);
+		i.value = Xe(e);
+		for (let t of We(e)) Ke(t) || b(t);
+		let n = qe(e);
 		if (n.length === 0) return;
-		let r = Ze(n), a = n.findIndex((e) => e.contains(document.activeElement)), o = a >= 0 ? a : r >= 0 ? r : 0;
+		let r = Ge(n), a = n.findIndex((e) => e.contains(document.activeElement)), o = a >= 0 ? a : r >= 0 ? r : 0;
 		n.forEach((e, t) => {
-			v(e, t === o ? 0 : -1);
+			y(e, t === o ? 0 : -1);
 		});
 	}
 	function S(e, t) {
 		let n = e[t];
-		n && (g(n), v(n, 0), n.focus({ preventScroll: !0 }), x());
+		n && (_(n), y(n, 0), n.focus({ preventScroll: !0 }), x());
 	}
-	function w(e) {
+	function C(e) {
 		let n = t.value;
 		if (!n) return;
-		let r = $e(n);
+		let r = qe(n);
 		if (r.length === 0) return;
 		let i = r.findIndex((t) => t.contains(e.target));
 		if (i < 0) return;
@@ -1055,56 +1070,68 @@ function rt(e) {
 		c < 0 || c >= r.length || (e.preventDefault(), S(r, c));
 	}
 	function T(e, t) {
-		let n = (t instanceof Element ? t : t.parentElement)?.closest(`[${y}]`);
-		return n && n !== e && e.contains(n) ? n : Xe(e).find((e) => e.contains(t));
+		let n = (t instanceof Element ? t : t.parentElement)?.closest(`[${u}]`);
+		return n && n !== e && e.contains(n) ? n : We(e).find((e) => e.contains(t));
 	}
 	function E(e) {
 		let n = t.value;
 		if (!n) return;
 		let r = T(n, e.target);
-		r && g(r);
+		r && _(r);
 	}
-	let D = null;
-	function O(e, t) {
+	function D(e) {
+		let n = t.value;
+		if (!n || e.ctrlKey) return;
+		let i = r.value === "vertical", a = i ? e.deltaY : e.deltaX;
+		if (a === 0) return;
+		let o = i ? n.scrollTop : n.scrollLeft, s = i ? n.scrollHeight - n.clientHeight : n.scrollWidth - n.clientWidth;
+		s <= 0 || (a > 0 && o >= s - .5 || a < 0 && o <= .5) && e.preventDefault();
+	}
+	let O = null;
+	function k(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 && !Qe(n);
+		return n.parentElement === e && !Ke(n);
 	}
-	return te(() => {
+	return ee(() => {
 		let e = t.value;
-		e && (e.addEventListener("keydown", w), e.addEventListener("click", E, { capture: !0 }), e.addEventListener("focusin", E, { capture: !0 }), x(), D = new MutationObserver((t) => {
-			t.some((t) => O(e, t)) && x();
-		}), D.observe(e, {
+		e && (e.addEventListener("keydown", C), e.addEventListener("wheel", D, { passive: !1 }), e.addEventListener("click", E, { capture: !0 }), e.addEventListener("focusin", E, { capture: !0 }), x(), O = new MutationObserver((t) => {
+			t.some((t) => k(e, t)) && x();
+		}), O.observe(e, {
 			childList: !0,
 			subtree: !0,
 			attributes: !0,
 			attributeFilter: [
 				"aria-current",
-				y,
+				u,
 				"aria-hidden",
 				"tabindex"
 			]
 		}));
-	}), ne(() => {
+	}), te(() => {
 		let e = t.value;
-		e?.removeEventListener("keydown", w), e?.removeEventListener("click", E, { capture: !0 }), e?.removeEventListener("focusin", E, { capture: !0 }), D?.disconnect(), a.dispose();
+		e?.removeEventListener("keydown", C), e?.removeEventListener("wheel", D), e?.removeEventListener("click", E, { capture: !0 }), e?.removeEventListener("focusin", E, { capture: !0 }), O?.disconnect(), a.dispose();
 	}), Z(r, () => x()), {
-		reach: g,
+		reach: _,
 		syncRoving: x,
 		toolbar: i
 	};
 }
 //#endregion
 //#region src/components/dock/GlassDock.vue?vue&type=script&setup=true&lang.ts
-var it = ["data-backdrop-mode", "data-held"], at = ["data-held"], ot = { class: "dock-controls" }, st = {
+var Qe = [
+	"data-backdrop-mode",
+	"data-anchor",
+	"data-held"
+], $e = ["data-held"], et = { class: "dock-controls" }, tt = {
 	key: 0,
 	class: "dock-persistent"
-}, ct = [
+}, nt = [
 	"id",
 	"role",
 	"aria-orientation",
 	"inert"
-], lt = [
+], rt = [
 	"id",
 	"inert",
 	"role",
@@ -1112,13 +1139,13 @@ var it = ["data-backdrop-mode", "data-held"], at = ["data-held"], ot = { class:
 	"aria-label",
 	"aria-expanded",
 	"aria-controls"
-], ut = {
+], it = {
 	key: 0,
 	class: "dock-search-field"
-}, dt = {
+}, at = {
 	key: 1,
 	class: "dock-persistent dock-persistent-end"
-}, ft = /* @__PURE__ */ L({
+}, ot = /* @__PURE__ */ I({
 	inheritAttrs: !1,
 	__name: "GlassDock",
 	props: {
@@ -1130,84 +1157,88 @@ var it = ["data-backdrop-mode", "data-held"], at = ["data-held"], ot = { class:
 			type: [Boolean, String],
 			default: "closed"
 		},
+		expandOn: { default: "hover" },
+		anchor: { default: "center" },
+		collapsedLabel: { default: "Expand dock" },
 		backgroundCanvas: {}
 	},
 	setup(e, { expose: t }) {
-		let n = e, { startCollapsed: r, shape: i, orientation: a, alwaysExpanded: o, fitContent: s } = qe(n), c = X("dockEl"), u = X("layersEl"), d = X("fullEl"), m = X("summaryEl"), h = X("statusEl"), { toolbar: g } = rt({
-			runEl: d,
-			statusEl: h,
+		let n = e, { startCollapsed: r, shape: i, orientation: a, alwaysExpanded: o, fitContent: s } = Ve(n), c = X("dockEl"), l = X("layersEl"), u = X("fullEl"), f = X("summaryEl"), p = X("statusEl"), { toolbar: g } = Ze({
+			runEl: u,
+			statusEl: p,
 			orientation: a
 		});
-		n.backdropMode === "live" && Pe(c, { backgroundCanvas: () => {
+		n.backdropMode === "live" && Oe(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: R } = Fe({
+		let _ = K(!1), v = `glass-dock-${ie()}`, { expanded: y, isPinned: b, isHeld: x, graspHeld: S, onMouseEnter: C, onMouseLeave: T, onFocusIn: E, onFocusOut: D, onClickCollapsed: O, keepOpen: j, release: I, expand: L, collapse: V } = ke({
 			rootEl: c,
 			alwaysExpanded: o,
+			expandOn: A(() => n.expandOn),
 			initialExpanded: !r.value,
 			isTransitioning: _,
 			dockId: v
-		}), z = j(() => o.value || y.value);
-		l({
+		}), H = A(() => o.value || y.value);
+		m({
 			id: v,
 			orientation: a,
-			keepOpen: k,
-			release: M,
+			keepOpen: j,
+			release: I,
 			held: S,
-			expanded: z
+			expanded: H
 		});
-		let ee = Ke({
+		let ee = Be({
 			rootEl: c,
-			contentEl: u,
-			expandedEl: d,
-			collapsedEl: m,
+			contentEl: l,
+			expandedEl: u,
+			collapsedEl: f,
 			axis: a
-		}), { outerCurrentLayer: U, outerLeavingLayer: te } = Le({
+		}), { outerCurrentLayer: U, outerLeavingLayer: te } = je({
 			rootEl: c,
-			outerActiveLayer: j(() => z.value ? "full" : "summary"),
+			outerActiveLayer: A(() => H.value ? "full" : "summary"),
 			onMorphActiveChange: (e) => {
 				_.value = e;
 			},
 			geometry: ee
-		}), W = j(() => U.value === "summary");
+		}), G = A(() => U.value === "summary");
 		async function ne() {
-			await V(), (d.value?.querySelector(C) ?? d.value)?.focus({ preventScroll: !0 });
+			await z(), (u.value?.querySelector(w) ?? u.value)?.focus({ preventScroll: !0 });
 		}
-		async function K(e) {
-			!W.value || !["Enter", " "].includes(e.key) || (e.preventDefault(), O(), await ne());
+		async function re(e) {
+			!G.value || !["Enter", " "].includes(e.key) || (e.preventDefault(), O(), await ne());
 		}
-		let re = !1;
-		function ie(e) {
-			let t = !re && W.value && !!m.value?.matches(":focus-visible");
+		let J = !1;
+		function ae(e) {
+			let t = !J && G.value && !!f.value?.matches(":focus-visible");
 			e.stopPropagation(), t && (E(), ne());
 		}
-		function ae(e) {
+		function se(e) {
 			if (e.key !== "Escape") return;
-			let t = e.target?.closest?.(f);
-			t && d.value?.contains(t) || R();
+			let t = e.target?.closest?.(d);
+			t && u.value?.contains(t) || V();
 		}
-		Z(z, async (e, t) => {
+		Z(H, 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 V();
-			let r = m.value;
-			!r || r.hasAttribute("inert") || (re = !0, r.focus({ preventScroll: !0 }), re = !1);
+			if (!(n && u.value?.contains(n) || n?.closest("[data-glass-dock-face]")?.getAttribute("data-glass-dock-owner") === v)) return;
+			await z();
+			let r = f.value;
+			!r || r.hasAttribute("inert") || (J = !0, r.focus({ preventScroll: !0 }), J = !1);
 		});
-		let { onPointerDownCapture: se, onPointerCancelCapture: ce, onClickCapture: le, markExpandFlip: ue, pressKeepaliveLayer: de } = Ye({
+		let { onPointerDownCapture: ce, onPointerCancelCapture: le, onClickCapture: ue, markExpandFlip: de, pressKeepaliveLayer: fe } = Ue({
 			rootEl: c,
-			visualExpanded: z
+			visualExpanded: H
 		});
-		Z(z, (e) => {
-			e && ue();
+		Z(H, (e) => {
+			e && de();
 		});
-		let fe = q(!1);
+		let Q = K(!1);
 		Z(S, (e) => {
-			e && (fe.value = !0);
+			e && (Q.value = !0);
 		});
 		function pe(e) {
-			e.propertyName === "opacity" && !S.value && (fe.value = !1);
+			e.propertyName === "opacity" && !S.value && (Q.value = !1);
 		}
 		return t({
 			expanded: y,
@@ -1216,10 +1247,10 @@ var it = ["data-backdrop-mode", "data-held"], at = ["data-held"], ot = { class:
 			graspHeld: S,
 			isTransitioning: _,
 			expand: L,
-			collapse: R,
-			keepOpen: k,
-			release: M
-		}), (e, t) => (G(), P("div", B({
+			collapse: V,
+			keepOpen: j,
+			release: I
+		}), (e, t) => (W(), N("div", R({
 			ref_key: "dockEl",
 			ref: c
 		}, e.$attrs, {
@@ -1227,107 +1258,108 @@ var it = ["data-backdrop-mode", "data-held"], at = ["data-held"], ot = { class:
 				Y(a),
 				`shape-${Y(i)}`,
 				{
-					expanded: z.value,
-					collapsed: !z.value,
+					expanded: H.value,
+					collapsed: !H.value,
 					pinned: Y(b),
 					"fit-content": Y(s),
 					"always-expanded": Y(o)
 				}
 			]],
 			"data-backdrop-mode": n.backdropMode,
+			"data-anchor": n.anchor === "center" ? void 0 : n.anchor,
 			"data-held": Y(S) || void 0,
-			onMouseenter: t[1] ||= (...e) => Y(w) && Y(w)(...e),
+			onMouseenter: t[1] ||= (...e) => Y(C) && Y(C)(...e),
 			onMouseleave: t[2] ||= (e) => Y(T)(e),
 			onFocusin: t[3] ||= (...e) => Y(E) && Y(E)(...e),
 			onFocusout: t[4] ||= (...e) => Y(D) && Y(D)(...e),
-			onPointerdownCapture: t[5] ||= (...e) => Y(se) && Y(se)(...e),
-			onPointercancelCapture: t[6] ||= (...e) => Y(ce) && Y(ce)(...e),
-			onClickCapture: t[7] ||= (...e) => Y(le) && Y(le)(...e)
+			onPointerdownCapture: t[5] ||= (...e) => Y(ce) && Y(ce)(...e),
+			onPointercancelCapture: t[6] ||= (...e) => Y(le) && Y(le)(...e),
+			onClickCapture: t[7] ||= (...e) => Y(ue) && Y(ue)(...e)
 		}), [
-			F("div", {
+			P("div", {
 				class: "dock-plate",
 				"aria-hidden": "true",
 				"data-held": Y(S) || void 0
-			}, [fe.value ? (G(), P(A, { key: 0 }, [t[8] ||= F("span", {
+			}, [Q.value ? (W(), N(k, { key: 0 }, [t[8] ||= 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: pe
-			}, null, 32)], 64)) : N("", !0)], 8, at),
-			F("div", ot, [
-				e.$slots.persistent ? (G(), P("div", st, [J(e.$slots, "persistent")])) : N("", !0),
-				F("div", {
+			}, null, 32)], 64)) : M("", !0)], 8, $e),
+			P("div", et, [
+				e.$slots.persistent ? (W(), N("div", tt, [q(e.$slots, "persistent")])) : M("", !0),
+				P("div", {
 					ref_key: "layersEl",
-					ref: u,
+					ref: l,
 					class: "dock-layers"
 				}, [
-					F("div", {
+					P("div", {
 						ref_key: "fullEl",
-						ref: d,
+						ref: u,
 						id: `${v}-full`,
 						role: Y(g) ? "toolbar" : void 0,
 						"aria-orientation": Y(g) ? Y(a) : void 0,
-						class: H(["dock-layer dock-layer--full dock-run", {
+						class: B(["dock-layer dock-layer--full dock-run", {
 							"is-active": Y(U) === "full",
-							"is-leaving": Y(te) === "full" || Y(de) === "full" && Y(U) !== "full",
-							"is-press-keepalive": Y(de) === "full"
+							"is-leaving": Y(te) === "full" || Y(fe) === "full" && Y(U) !== "full",
+							"is-press-keepalive": Y(fe) === "full"
 						}]),
-						inert: Y(U) !== "full" && Y(de) !== "full" || void 0,
+						inert: Y(U) !== "full" && Y(fe) !== "full" || void 0,
 						tabindex: "-1",
-						onKeydown: ae
-					}, [I(Y(p), null, {
-						default: Q(() => [J(e.$slots, "default")]),
+						onKeydown: se
+					}, [F(Y(h), null, {
+						default: oe(() => [q(e.$slots, "default")]),
 						_: 3
-					})], 42, ct),
-					F("div", {
+					})], 42, nt),
+					P("div", {
 						ref_key: "summaryEl",
-						ref: m,
+						ref: f,
 						id: `${v}-summary`,
-						class: H(["dock-layer dock-layer--summary", {
+						class: B(["dock-layer dock-layer--summary", {
 							"is-active": Y(U) === "summary",
 							"is-leaving": Y(te) === "summary"
 						}]),
 						inert: Y(U) !== "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: ie,
-						onKeydown: K,
+						role: G.value ? "button" : void 0,
+						tabindex: G.value ? 0 : void 0,
+						"aria-label": G.value ? n.collapsedLabel : void 0,
+						"aria-expanded": G.value ? "false" : void 0,
+						"aria-controls": G.value ? `${v}-full` : void 0,
+						onFocusin: ae,
+						onKeydown: re,
 						onClick: t[0] ||= (...e) => Y(O) && Y(O)(...e)
-					}, [J(e.$slots, "collapsed")], 42, lt),
-					e.$slots.search ? (G(), P("div", ut, [J(e.$slots, "search")])) : N("", !0)
+					}, [q(e.$slots, "collapsed")], 42, rt),
+					e.$slots.search ? (W(), N("div", it, [q(e.$slots, "search")])) : M("", !0)
 				], 512),
-				e.$slots["persistent-end"] ? (G(), P("div", dt, [J(e.$slots, "persistent-end")])) : N("", !0)
+				e.$slots["persistent-end"] ? (W(), N("div", at, [q(e.$slots, "persistent-end")])) : M("", !0)
 			]),
-			F("div", {
+			P("div", {
 				ref_key: "statusEl",
-				ref: h,
+				ref: p,
 				class: "dock-run-status",
 				role: "status",
 				"aria-live": "polite"
 			}, null, 512)
-		], 16, it));
+		], 16, Qe));
 	}
-}), pt = c("glass-ui:dock-switcher-tablist"), { KEY: mt } = pt;
-function ht(e) {
-	pt.provide(e);
+}), st = c("glass-ui:dock-switcher-tablist"), { KEY: ct } = st;
+function lt(e) {
+	st.provide(e);
 }
-var gt = pt.use, _t = s(m, "[glass-ui:dock] <DockLayer> must be used inside <DockCrossfade> (or <DockLayerGroup>)"), { KEY: vt } = _t;
-function yt(e) {
-	_t.provide(e);
+var ut = st.use, dt = s(f, "[glass-ui:dock] <DockLayer> must be used inside <DockCrossfade> (or <DockLayerGroup>)"), { KEY: ft } = dt;
+function pt(e) {
+	dt.provide(e);
 }
-var bt = _t.use, xt = /* @__PURE__ */ L({
+var mt = dt.use, ht = /* @__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
@@ -1341,31 +1373,31 @@ var bt = _t.use, xt = /* @__PURE__ */ L({
 			let t = new Map(i.value);
 			t.delete(e), i.value = t, p();
 		}
-		let c = j(() => n.active), l = q(null);
-		yt({
+		let c = A(() => n.active), u = K(null);
+		pt({
 			register: o,
 			unregister: s,
 			activeId: c,
-			leavingId: l,
+			leavingId: u,
 			faces: a
 		});
-		let u = q(0), f = j(() => n.reserve === "inline" ? "min-inline-size" : "min-block-size");
+		let d = 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()) {
 				let r = n.reserve === "inline" ? t.scrollWidth : t.scrollHeight;
 				r > e && (e = r);
 			}
-			e > u.value && (u.value = e);
+			e > d.value && (d.value = e);
 		}
-		let m = j(() => u.value > 0 ? {
-			[f.value]: `${u.value}px`,
-			"--dock-crossfade-peak": `${u.value}px`
+		let m = A(() => d.value > 0 ? {
+			[f.value]: `${d.value}px`,
+			"--dock-crossfade-peak": `${d.value}px`
 		} : void 0);
-		b(r, () => p());
-		let h = Ie({
-			response: d.response,
-			dampingFraction: d.dampingFraction
+		x(r, () => p());
+		let h = Ae({
+			response: l.response,
+			dampingFraction: l.dampingFraction
 		});
 		function g(e) {
 			return e ? i.value.get(e)?.el : void 0;
@@ -1379,58 +1411,58 @@ var bt = _t.use, xt = /* @__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 b = fe("(prefers-reduced-motion: reduce)"), S = null, C = 1;
+		Z(b, (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 V(), (g(t) ?? document.body).focus?.());
+			!n || !r || !n.contains(r) || (await z(), (g(t) ?? document.body).focus?.());
 		}
 		return Z(c, (e, t) => {
 			if (e === t) return;
 			p();
 			let n = g(e), i = g(t);
 			if (!n || !i) {
-				l.value = null, v(e), C = 1;
+				u.value = null, v(e), C = 1;
 				return;
 			}
-			let a = l.value, o = Number.parseFloat(n.style.getPropertyValue("--dock-t")), s = Number.parseFloat(i.style.getPropertyValue("--dock-t")), c = a === e && Number.isFinite(o) ? 1 - y(o) : 0, u = Number.isFinite(s) ? y(s) : 1;
-			a && a !== e && a !== t && v(a), l.value = t, _(e, c), _(t, 1 - u), w(t, e), r.value?.setAttribute("data-crossfading", "");
+			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 - y(o) : 0, l = Number.isFinite(s) ? y(s) : 1;
+			a && a !== e && a !== t && v(a), u.value = t, _(e, c), _(t, 1 - l), w(t, e), r.value?.setAttribute("data-crossfading", "");
 			let d = () => {
-				v(e), v(t), r.value?.removeAttribute("data-crossfading"), l.value = null, C = 1, S === d && (S = null);
+				v(e), v(t), r.value?.removeAttribute("data-crossfading"), u.value = null, C = 1, S === d && (S = null);
 			};
-			if (S = d, x.value) {
+			if (S = d, b.value) {
 				d();
 				return;
 			}
-			let f = u > .001 ? -C / u : 0;
+			let f = l > .001 ? -C / l : 0;
 			C = 1 - c, h.playTo(0, 1, {
 				inheritVelocityScale: f,
 				onFrame: (n) => {
-					_(e, y(c + (1 - c) * n)), _(t, y(1 - u * (1 - n)));
+					_(e, y(c + (1 - c) * n)), _(t, y(1 - l * (1 - n)));
 				},
 				onSettle: d
 			});
-		}), U(() => {
+		}), H(() => {
 			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: ee(m.value)
-		}, [J(e.$slots, "default")], 4));
+			style: V(m.value)
+		}, [q(e.$slots, "default")], 4));
 	}
-}), St = ["data-motion"], Ct = ["aria-orientation"], wt = [
+}), gt = ["data-motion"], _t = ["aria-orientation"], vt = [
 	"id",
 	"tabindex",
 	"aria-controls",
 	"aria-label",
 	"onClick"
-], Tt = { key: 1 }, Et = { key: 2 }, Dt = /* @__PURE__ */ L({
+], yt = { key: 1 }, bt = { key: 2 }, xt = /* @__PURE__ */ I({
 	__name: "DockLayerGroup",
-	props: /*@__PURE__*/ z({
+	props: /*@__PURE__*/ L({
 		orientation: {},
 		showSwitcher: {
 			type: Boolean,
@@ -1444,27 +1476,27 @@ var bt = _t.use, xt = /* @__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 = b(() => t.motion), r = ae(e, "active"), i = y(), a = A(() => t.orientation ?? i?.orientation.value ?? "horizontal"), o = X("crossfade"), s = A(() => o.value?.faces ?? []), c = A(() => a.value === "vertical" ? "horizontal" : "vertical"), l = A(() => c.value === "vertical"), u = K(null), d = K(null), f = K([]), p = T({
+			options: A(() => s.value.map((e) => ({ value: e.id }))),
 			model: r,
 			mode: "single",
 			role: "tablist",
-			vertical: u,
-			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)}`;
-		ht({
-			isTablist: g,
-			tabId: b,
+			vertical: l,
+			containerRef: u,
+			indicatorRef: d,
+			buttonRefs: f
+		}), m = A(() => t.showSwitcher && s.value.length > 1), h = ie(), _ = (e) => e.replace(/[^a-zA-Z0-9_-]/g, ""), v = (e) => `dock-tab-${h}-${_(e)}`, x = (e) => `dock-panel-${h}-${_(e)}`;
+		lt({
+			isTablist: m,
+			tabId: v,
 			panelId: x
 		});
-		let S = j(() => u.value ? "y" : "x");
+		let S = A(() => l.value ? "y" : "x");
 		function C() {
-			let e = d.value;
+			let e = u.value;
 			if (!e) return [];
 			let t = Array.from(e.querySelectorAll(".dock-layer-tab"));
-			return c.value.map((e, n) => {
+			return s.value.map((e, n) => {
 				let r = t[n]?.getBoundingClientRect(), i = r ? S.value === "y" ? r.top + r.height / 2 : r.left + r.width / 2 : 0;
 				return {
 					value: e.id,
@@ -1473,8 +1505,8 @@ var bt = _t.use, xt = /* @__PURE__ */ L({
 			});
 		}
 		let w = E({
-			handle: d,
-			surface: f,
+			handle: u,
+			surface: d,
 			axis: () => S.value,
 			snapTargets: C,
 			onSnap: (e) => {
@@ -1482,79 +1514,79 @@ var bt = _t.use, xt = /* @__PURE__ */ L({
 			}
 		});
 		Z(() => [
-			c.value.length,
-			l.value,
+			s.value.length,
+			c.value,
 			n.armed.value
 		], () => {
-			n.armed.value && V(() => w.refresh());
-		}), te(() => {
-			n.armed.value && V(() => w.refresh());
+			n.armed.value && z(() => w.refresh());
+		}), ee(() => {
+			n.armed.value && z(() => w.refresh());
 		});
 		function D(e) {
 			return typeof e == "object" && !!e || typeof e == "function";
 		}
-		let O = h(() => i);
-		function k() {
+		let O = g(() => i);
+		function I() {
 			O.acquire();
 		}
 		function L(e) {
 			let t = e.relatedTarget, n = e.currentTarget;
 			t && n?.contains(t) || O.release();
 		}
-		return (t, i) => (G(), P("div", {
-			class: H(["dock-layer-group", [a.value, `switcher-${e.switcherPosition}`]]),
+		return (t, i) => (W(), N("div", {
+			class: B(["dock-layer-group", [a.value, `switcher-${e.switcherPosition}`]]),
 			"data-motion": Y(n).dataMotion.value,
-			style: ee(Y(n).hostStyle.value)
-		}, [g.value ? (G(), P("div", {
+			style: V(Y(n).hostStyle.value)
+		}, [m.value ? (W(), N("div", {
 			key: 0,
 			ref_key: "switcherListEl",
-			ref: d,
+			ref: u,
 			role: "tablist",
-			class: H(["dock-layer-switcher", [e.switcherPosition, Y(n).armed.value && "glass-drag-grabbable"]]),
-			"aria-orientation": l.value,
-			onKeydown: i[0] ||= (...e) => Y(m).onKeydown && Y(m).onKeydown(...e),
-			onFocusin: k,
+			class: B(["dock-layer-switcher", [e.switcherPosition, Y(n).armed.value && "glass-drag-grabbable"]]),
+			"aria-orientation": c.value,
+			onKeydown: i[0] ||= (...e) => Y(p).onKeydown && Y(p).onKeydown(...e),
+			onFocusin: I,
 			onFocusout: L
-		}, [(G(!0), P(A, null, re(c.value, (e, t) => (G(), P("button", B({
+		}, [(W(!0), N(k, null, ne(s.value, (e, t) => (W(), N("button", R({
 			key: e.id,
 			ref_for: !0,
 			ref: (e) => {
-				e && (p.value[t] = e);
+				e && (f.value[t] = e);
 			},
 			type: "button",
 			class: "dock-layer-tab",
-			id: b(e.id),
-			tabindex: Y(m).rovingTabindex(t)
-		}, { ref_for: !0 }, Y(m).itemAttrs(e.id), {
+			id: v(e.id),
+			tabindex: Y(p).rovingTabindex(t)
+		}, { ref_for: !0 }, Y(p).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) => Y(p).select(e.id, t)
+		}), [D(e.icon) ? (W(), j(re(e.icon), {
 			key: 0,
 			class: "size-4"
-		})) : typeof e.icon == "string" ? (G(), P("span", Tt, ae(e.icon), 1)) : (G(), P("span", Et, ae((e.label ?? e.id).charAt(0)), 1))], 16, wt))), 128)), F("div", {
+		})) : typeof e.icon == "string" ? (W(), N("span", yt, J(e.icon), 1)) : (W(), N("span", bt, J((e.label ?? e.id).charAt(0)), 1))], 16, vt))), 128)), P("div", {
 			ref_key: "switcherIndicatorEl",
-			ref: f,
-			class: H(["dock-layer-tab-indicator", Y(n).armed.value && Y(w).dragging.value && "glass-drag-lift"]),
-			style: ee(Y(m).singleSliderStyle.value),
+			ref: d,
+			class: B(["dock-layer-tab-indicator", Y(n).armed.value && Y(w).dragging.value && "glass-drag-lift"]),
+			style: V(Y(p).singleSliderStyle.value),
 			"aria-hidden": "true"
-		}, null, 6)], 42, Ct)) : N("", !0), I(xt, {
+		}, null, 6)], 42, _t)) : M("", !0), F(ht, {
 			ref_key: "crossfade",
-			ref: s,
+			ref: o,
 			active: r.value
 		}, {
-			default: Q(() => [J(t.$slots, "default")]),
+			default: oe(() => [q(t.$slots, "default")]),
 			_: 3
-		}, 8, ["active"])], 14, St));
+		}, 8, ["active"])], 14, gt));
 	}
-}), Ot = [
+}), St = [
 	"role",
 	"id",
 	"aria-labelledby",
 	"inert",
 	"aria-hidden",
 	"tabindex"
-], kt = { class: "dock-face-content" }, At = /* @__PURE__ */ L({
+], Ct = { class: "dock-face-content" }, wt = /* @__PURE__ */ I({
 	__name: "DockLayer",
 	props: {
 		id: {},
@@ -1562,8 +1594,8 @@ var bt = _t.use, xt = /* @__PURE__ */ L({
 		icon: {}
 	},
 	setup(e) {
-		let t = e, n = bt(), r = X("hostEl");
-		te(() => {
+		let t = e, n = mt(), r = X("hostEl");
+		ee(() => {
 			r.value && n.register({
 				id: t.id,
 				label: t.label,
@@ -1581,12 +1613,12 @@ var bt = _t.use, xt = /* @__PURE__ */ L({
 				icon: t.icon,
 				el: r.value
 			});
-		}), U(() => n.unregister(t.id));
-		let i = j(() => n.activeId.value === t.id), a = j(() => n.leavingId.value === t.id), o = gt(), 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", {
+		}), H(() => n.unregister(t.id));
+		let i = A(() => n.activeId.value === t.id), a = A(() => n.leavingId.value === t.id), o = ut(), 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: H(["dock-face", {
+			class: B(["dock-face", {
 				"is-active": i.value,
 				"is-leaving": a.value
 			}]),
@@ -1596,9 +1628,9 @@ var bt = _t.use, xt = /* @__PURE__ */ L({
 			inert: !i.value || void 0,
 			"aria-hidden": !i.value || void 0,
 			tabindex: i.value ? -1 : void 0
-		}, [F("div", kt, [J(e.$slots, "default")])], 10, Ot));
+		}, [P("div", Ct, [q(e.$slots, "default")])], 10, St));
 	}
-}), jt = /* @__PURE__ */ L({
+}), Tt = /* @__PURE__ */ I({
 	__name: "DockControl",
 	props: {
 		shape: { default: "icon" },
@@ -1629,26 +1661,26 @@ var bt = _t.use, xt = /* @__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(() => ({
-			[y]: "",
+		let r = t, i = A(() => r.shape === "tab"), s = A(() => i.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(() => ({
+			[u]: "",
 			...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({
-			disabled: () => r.disabled || o.value,
+		})), l = A(() => !r.asChild && r.as === "button" ? { type: r.type } : {}), d = a("press"), f = o({
+			disabled: () => r.disabled || i.value,
 			squish: !0,
-			response: u.response,
-			dampingFraction: u.dampingFraction,
+			response: d.response,
+			dampingFraction: d.dampingFraction,
 			pressVar: "--dock-press-t",
 			shrinkDepth: .04,
 			maxStretch: 1.03
-		}), f = j(() => o.value ? {} : { ...d.pressStyle.value });
-		function p(e) {
+		}), p = A(() => i.value ? {} : { ...f.pressStyle.value });
+		function m(e) {
 			r.disabled && (e.preventDefault(), e.stopImmediatePropagation());
 		}
-		return (e, r) => ce((G(), M(Y(ue), B({
+		return (e, r) => se((W(), j(Y(ce), R({
 			as: t.as,
 			"as-child": t.asChild
 		}, {
@@ -1656,19 +1688,19 @@ var bt = _t.use, xt = /* @__PURE__ */ L({
 			...c.value
 		}, {
 			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,
-			onClickCapture: p
+			style: p.value,
+			"data-press-armed": !i.value && Y(f).armed ? "" : void 0,
+			onPointerdown: Y(f).handlers.onPointerdown,
+			onPointerup: Y(f).handlers.onPointerup,
+			onPointercancel: Y(f).handlers.onPointercancel,
+			onPointerleave: Y(f).handlers.onPointerleave,
+			onPointerenter: Y(f).handlers.onPointerenter,
+			onKeydown: Y(f).handlers.onKeydown,
+			onKeyup: Y(f).handlers.onKeyup,
+			onBlur: Y(f).handlers.onBlur,
+			onClickCapture: m
 		}), {
-			default: Q(() => [J(e.$slots, "default")]),
+			default: oe(() => [q(e.$slots, "default")]),
 			_: 3
 		}, 16, [
 			"as",
@@ -1686,83 +1718,7 @@ var bt = _t.use, xt = /* @__PURE__ */ L({
 			"onBlur"
 		])), [[Y(n)]]);
 	}
-}), Mt = /* @__PURE__ */ L({
-	inheritAttrs: !1,
-	__name: "DockTrigger",
-	props: {
-		for: { default: "select" },
-		class: { type: [
-			Boolean,
-			null,
-			String,
-			Object,
-			Array
-		] }
-	},
-	setup(t) {
-		let r = t, i = { [y]: "" };
-		function a(e) {
-			e.preventDefault(), e.stopImmediatePropagation();
-		}
-		let o = (e, { attrs: t, slots: n }) => {
-			let { disabled: r, ...i } = t, o = r != null && r !== !1;
-			return R("button", {
-				...i,
-				type: i.type ?? "button",
-				...o ? {
-					"aria-disabled": "true",
-					onClickCapture: a
-				} : {}
-			}, 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" ? ce((G(), M(Y(fe), B({ 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), {
-						class: "dock-select-trigger__chevron",
-						"aria-hidden": "true"
-					})])]),
-					_: 3
-				})]),
-				_: 3
-			})]),
-			_: 3
-		}, 16, ["class"])), [[Y(n)]]) : r.for === "dropdown" ? ce((G(), M(w, B({ key: 1 }, {
-			...e.$attrs,
-			...i
-		}, {
-			"as-child": "",
-			action: "pointerdown",
-			class: s.value
-		}), {
-			default: Q(() => [I(o, null, {
-				default: Q(() => [J(e.$slots, "default")]),
-				_: 3
-			})]),
-			_: 3
-		}, 16, ["class"])), [[Y(n)]]) : ce((G(), M(Y(le), B({ key: 2 }, {
-			...e.$attrs,
-			...i
-		}, {
-			"as-child": "",
-			class: s.value
-		}), {
-			default: Q(() => [I(o, null, {
-				default: Q(() => [J(e.$slots, "default")]),
-				_: 3
-			})]),
-			_: 3
-		}, 16, ["class"])), [[Y(n)]]);
-	}
-}), Nt = /* @__PURE__ */ L({
+}), Et = /* @__PURE__ */ I({
 	__name: "DockBackgroundToggle",
 	props: {
 		paused: {
@@ -1774,22 +1730,22 @@ var bt = _t.use, xt = /* @__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(jt, {
+		return (t, n) => (W(), j(Tt, {
 			type: "button",
 			active: e.paused,
 			"aria-pressed": e.paused,
 			"aria-label": i.value,
 			onClick: a
 		}, {
-			default: Q(() => [e.paused ? (G(), M(Y(he), {
+			default: oe(() => [e.paused ? (W(), j(Y(ue), {
 				key: 0,
 				size: 18,
 				"aria-hidden": "true"
-			})) : (G(), M(Y(me), {
+			})) : (W(), j(Y(le), {
 				key: 1,
 				size: 18,
 				"aria-hidden": "true"
@@ -1801,30 +1757,30 @@ var bt = _t.use, xt = /* @__PURE__ */ L({
 			"aria-label"
 		]));
 	}
-}), Pt = [
+}), Dt = [
 	"data-orientation",
 	"data-dock-hairline",
 	"aria-orientation"
-], Ft = /* @__PURE__ */ L({
+], Ot = /* @__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: H(["dock-separator", { "dock-hairline": e.anchor }]),
+		let t = y(), 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, Pt));
+		}, null, 10, Dt));
 	}
 });
 //#endregion
 //#region src/composables/search/match.ts
-function It(e, t) {
+function kt(e, t) {
 	let n = e.length, r = t.length;
 	if (n === 0) return {
 		score: 0,
@@ -1848,11 +1804,11 @@ function It(e, t) {
 		matches: i
 	});
 }
-function Lt(e, t) {
+function At(e, t) {
 	if (!t) return null;
 	let n = 0, r = [];
 	for (let i of e) {
-		let e = It(i, t);
+		let e = kt(i, t);
 		if (!e) return null;
 		n += e.score;
 		for (let t of e.matches) r.push(t);
@@ -1862,7 +1818,7 @@ function Lt(e, t) {
 		matches: r
 	};
 }
-function Rt(e, t) {
+function jt(e, t) {
 	let n = null, r = [], i = [
 		[t._lc.label, 12],
 		[t._lc.type, 10],
@@ -1870,7 +1826,7 @@ function Rt(e, t) {
 	];
 	for (let [a, o] of i) {
 		if (!a) continue;
-		let i = Lt(e, a);
+		let i = At(e, a);
 		if (!i) continue;
 		let s = i.score * o;
 		(n === null || s > n) && (n = s, r = a === t._lc.label ? i.matches : []);
@@ -1880,7 +1836,7 @@ function Rt(e, t) {
 		matches: r
 	};
 }
-function zt(e) {
+function Mt(e) {
 	return e.map((e) => ({
 		item: e,
 		_lc: {
@@ -1890,15 +1846,15 @@ function zt(e) {
 		}
 	}));
 }
-var Bt = /* @__PURE__ */ new WeakMap();
-function Vt(e) {
-	let t = Bt.get(e);
-	return t || (t = /* @__PURE__ */ new Map(), Bt.set(e, t)), t;
+var Nt = /* @__PURE__ */ new WeakMap();
+function Pt(e) {
+	let t = Nt.get(e);
+	return t || (t = /* @__PURE__ */ new Map(), Nt.set(e, t)), t;
 }
-function Ht(e, t, n = 30) {
+function Ft(e, t, n = 30) {
 	let r = t.toLowerCase().trim();
 	if (!r) return [];
-	let i = Vt(e), a = i.get(r);
+	let i = Pt(e), a = i.get(r);
 	if (a) return a.slice(0, n);
 	i.size > 200 && i.clear();
 	let o = r.split(/\s+/).filter(Boolean);
@@ -1917,7 +1873,7 @@ function Ht(e, t, n = 30) {
 	}
 	let c = [];
 	for (let e of s) {
-		let t = Rt(o, e);
+		let t = jt(o, e);
 		t && c.push({
 			item: e.item,
 			score: t.score,
@@ -1926,17 +1882,17 @@ function Ht(e, t, n = 30) {
 	}
 	return c.sort((e, t) => t.score - e.score), i.set(r, c), c.slice(0, n);
 }
-function Ut(e) {
+function It(e) {
 	if (e) {
-		Bt.delete(e);
+		Nt.delete(e);
 		return;
 	}
-	Bt = /* @__PURE__ */ new WeakMap();
+	Nt = /* @__PURE__ */ new WeakMap();
 }
 //#endregion
 //#region src/composables/search/useFuzzySearch.ts
-function Wt(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(() => zt(l.value)), d;
+function Lt(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(() => Mt(l.value)), d;
 	function f(e = d) {
 		e !== void 0 && (clearTimeout(e), d === e && (d = void 0));
 	}
@@ -1952,7 +1908,7 @@ function Wt(e) {
 	}), Z(l, () => {
 		f(), c.value = i.value, s.value = 0;
 	}, { deep: !0 });
-	let p = j(() => Ht(u.value, c.value, r));
+	let p = A(() => Ft(u.value, c.value, r));
 	Z(p, () => {
 		s.value = 0;
 	});
@@ -1960,7 +1916,7 @@ function Wt(e) {
 		e.onSelect?.(t), h();
 	}
 	function h() {
-		a.value = !1, o.value = !1, f(), i.value = "", c.value = "", s.value = 0, Ut(u.value);
+		a.value = !1, o.value = !1, f(), i.value = "", c.value = "", s.value = 0, It(u.value);
 	}
 	function g() {
 		a.value = !0;
@@ -1984,8 +1940,8 @@ function Wt(e) {
 				break;
 		}
 	}
-	return W(() => {
-		f(), Ut(u.value);
+	return U(() => {
+		f(), It(u.value);
 	}, !0), {
 		query: i,
 		results: p,
@@ -2001,13 +1957,13 @@ function Wt(e) {
 }
 //#endregion
 //#region src/components/dock/composables/useDockSearch.ts
-function Gt(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 Rt(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 = Wt({
+	let c = Lt({
 		items: o,
 		debounceMs: n,
 		maxResults: r,
@@ -2028,7 +1984,7 @@ function Gt(e) {
 			});
 		});
 	}
-	let l = j(() => {
+	let l = A(() => {
 		let e = c.query.value;
 		if (!e) return "";
 		let t = c.results.value[0];
@@ -2040,23 +1996,23 @@ function Gt(e) {
 		let e = l.value;
 		e && (c.query.value = c.query.value + e);
 	}
-	let d = h(() => t), f = d.isHeld;
+	let d = g(() => t), f = d.isHeld;
 	function p() {
 		f.value || (t.expand(), d.acquire(), c.open());
 	}
 	function m() {
 		f.value && (c.close(), d.release());
 	}
-	let g = null;
-	return e.collapseOnScroll && e.scrollContainer && (g = k(e.scrollContainer, {
+	let h = null;
+	return e.collapseOnScroll && e.scrollContainer && (h = O(e.scrollContainer, {
 		collapseOnScroll: !0,
 		chromeRef: e.chromeRef
-	})), W(() => {
+	})), U(() => {
 		a?.abort(), a = null;
 	}), {
 		fuzzy: c,
 		autocompleteText: l,
-		scrollChrome: g,
+		scrollChrome: h,
 		armSearch: p,
 		disarmSearch: m,
 		acceptAutocomplete: u,
@@ -2064,4 +2020,4 @@ function Gt(e) {
 	};
 }
 //#endregion
-export { _ as DOCK_CONTEXT_KEY, Nt as DockBackgroundToggle, jt as DockControl, xt as DockCrossfade, At as DockLayer, Dt as DockLayerGroup, Ft as DockSeparator, Mt as DockTrigger, ft as GlassDock, l as provideDockContext, g as useDockContext, D as useDockCtaReceive, Gt as useDockSearch, v as useOptionalDockContext };
+export { v as DOCK_CONTEXT_KEY, Et as DockBackgroundToggle, Tt as DockControl, ht as DockCrossfade, wt as DockLayer, xt as DockLayerGroup, Ot as DockSeparator, ot as GlassDock, m as provideDockContext, _ as useDockContext, D as useDockCtaReceive, Rt as useDockSearch, y as useOptionalDockContext };