@mkbabb/glass-ui 7.0.0 → 9.0.0

package/dist/dock.js

@@ -1,29 +1,33 @@
-import { t as e } from "./class-names-Cpy5eaBk.js";
+import { t as e } from "./class-names-q-UGOkHH.js";
 import { n as t } from "./useReducedMotion-vCXA_vyM.js";
 import { t as n } from "./vSpecular-DMJo8pfD.js";
 import { t as r } from "./motionTempo-tscp92Nm.js";
-import { n as i } from "./springPresets-rCii5KqX.js";
-import { t as a } from "./useLiquidPress-BOxuDkKa.js";
-import { n as o } from "./createContext-BhkE9mLH.js";
-import { t as s } from "./useMotionAxis-D-rtIhca.js";
-import { t as c } from "./useResizeObserver-CdUlm2QZ.js";
-import { t as l } from "./useTouchGate-B4mzQcHJ.js";
-import { n as u } from "./useResolveTokenColor-B2FfJnd9.js";
-import { t as d } from "./DropdownMenuTrigger-ClIq8RJE.js";
-import { a as f, i as p, n as m, o as h, r as g, t as _ } from "./dockContext-BUTlGRNJ.js";
-import { t as v } from "./useDragMorph-BogSV_nv.js";
-import { n as y } from "./useDockCtaReceive-DkrOTM0q.js";
-import { t as b } from "./useRAFLoop-B3YlWK4M.js";
-import { t as x } from "./useIntersectionPause-B5mAU6XY.js";
-import { n as S, t as C } from "./useSelectionGroup-B5XplBbo.js";
-import { n as w, t as T } from "./value-DMhh2R94.js";
-import { t as E } from "./useFuzzySearch-CUnZknpm.js";
-import { Fragment as D, computed as O, createBlock as k, createCommentVNode as A, createElementBlock as j, createElementVNode as M, createVNode as N, defineComponent as P, mergeModels as ee, mergeProps as F, nextTick as I, normalizeClass as L, normalizeStyle as R, onBeforeUnmount as z, onMounted as B, onScopeDispose as V, onUnmounted as H, openBlock as U, readonly as W, ref as G, renderList as te, renderSlot as K, resolveDynamicComponent as ne, toDisplayString as q, unref as J, useId as re, useModel as ie, useTemplateRef as Y, watch as X, withCtx as Z, withDirectives as Q } from "vue";
-import { PopoverTrigger as ae, Primitive as oe, SelectIcon as se, SelectTrigger as ce } from "reka-ui";
-import { ChevronDown as le, Pause as ue, Play as de } from "@lucide/vue";
-import { SpringProgress as fe } from "@mkbabb/keyframes.js";
-import { useMediaQuery as pe } from "@vueuse/core";
-import { convertColor as me, rgb as he } from "@mkbabb/value.js/color";
+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 { n as s, t as c } from "./createContext-BhkE9mLH.js";
+import { a as l, c as u, i as d, l as f, n as p, o as m, r as h, s as g, u as _ } from "./participation-Di4UHbzk.js";
+import { t as v } from "./useResizeObserver-CdUlm2QZ.js";
+import { n as y } from "./useResolveTokenColor-B2FfJnd9.js";
+import { t as b } from "./focus-Duf7EpUu.js";
+import { t as x } from "./DropdownMenuTrigger-8UZsBtZ8.js";
+import { t as S } from "./useSelectionGroup-zsEwitF6.js";
+import { t as C } from "./useDragMorph-B363RUbF.js";
+import { n as w } from "./useDockCtaReceive-BSSgD6mu.js";
+import { n as T, t as E } from "./useScrollChrome-BJbWV32F.js";
+import { t as D } from "./useIntersectionPause-CzKR3EyP.js";
+import { Fragment as O, computed as k, createBlock as A, createCommentVNode as j, createElementBlock as M, createElementVNode as N, createVNode as P, defineComponent as F, mergeModels as I, mergeProps as L, nextTick as R, normalizeClass as z, normalizeStyle as B, onBeforeUnmount as V, onMounted as H, onScopeDispose as U, onUnmounted as W, openBlock as G, readonly as K, ref as q, renderList as ee, renderSlot as J, resolveDynamicComponent as te, toDisplayString as ne, unref as Y, useId as re, useModel as ie, useTemplateRef as X, watch as Z, withCtx as Q, withDirectives as $, withModifiers as ae } from "vue";
+import { PopoverTrigger as oe, Primitive as se, SelectIcon as ce, SelectTrigger as le } from "reka-ui";
+import { ChevronDown as ue, Pause as de, Play as fe } from "@lucide/vue";
+import { SpringProgress as pe } from "@mkbabb/keyframes.js";
+import { useMediaQuery as me } from "@vueuse/core";
+//#region src/components/_shared/overlay/isTeleportedTarget.ts
+function he(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 ge(e) {
 	let t = e / 255;
@@ -32,7 +36,14 @@ function ge(e) {
 function _e(e, t, n) {
 	return .2126 * ge(e) + .7152 * ge(t) + .0722 * ge(n);
 }
-function ve(e) {
+function ve(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 ye(e) {
 	let t = e.match(/rgba?\(\s*([\d.]+)[,\s]+([\d.]+)[,\s]+([\d.]+)(?:[,\s/]+([\d.]+))?/i);
 	return t ? [
 		Number(t[1]),
@@ -41,60 +52,31 @@ function ve(e) {
 		t[4] === void 0 ? 1 : Number(t[4])
 	] : null;
 }
-function ye(e) {
+function be(e) {
 	return typeof HTMLCanvasElement < "u" && e instanceof HTMLCanvasElement;
 }
-//#endregion
-//#region src/composables/glass/ambientHueHistogram.ts
-var $ = 12, be = .72, xe = .06, Se = .004;
-function Ce() {
-	return {
-		weight: new Float64Array($),
-		sumCos: new Float64Array($),
-		sumSin: new Float64Array($),
-		totalMass: 0,
-		n: 0
-	};
-}
-function we(e, t, n, r, i) {
-	e.n++;
-	let [, a, o] = T("accumulateHuePixel:oklch", me(T("accumulateHuePixel:rgb", he(t, n, r)), "oklch")).channels, s = w(a, "accumulateHuePixel"), c = w(o, "accumulateHuePixel");
-	if (!Number.isFinite(s) || !Number.isFinite(c) || s <= 0) return;
-	let l = s * i;
-	if (l <= 0) return;
-	let u = c * Math.PI / 180, d = Math.floor(c / 360 * $) % $;
-	d < 0 && (d += $), e.weight[d] += l, e.sumCos[d] += l * Math.cos(u), e.sumSin[d] += l * Math.sin(u), e.totalMass += l;
-}
-function Te(e) {
-	if (e.n === 0 || e.totalMass / e.n < Se) return "transparent";
-	let t = 0;
-	for (let n = 1; n < $; n++) e.weight[n] > e.weight[t] && (t = n);
-	if (e.weight[t] <= 0) return "transparent";
-	let n = Math.atan2(e.sumSin[t], e.sumCos[t]) * 180 / Math.PI;
-	return n < 0 && (n += 360), `oklch(${be} ${xe} ${n.toFixed(1)})`;
-}
-var Ee = "[data-glass-field-canvas] canvas, canvas[data-glass-field-canvas]";
-function De(e) {
+var xe = "[data-glass-field-canvas] canvas, canvas[data-glass-field-canvas]";
+function Se(e) {
 	if (!e) {
 		if (typeof document < "u") {
-			let e = document.querySelector(Ee);
-			if (ye(e)) return e;
+			let e = document.querySelector(xe);
+			if (be(e)) return e;
 		}
 		return null;
 	}
-	if (ye(e)) return e;
+	if (be(e)) return e;
 	if (typeof e == "function") {
 		let t = e();
-		return ye(t) ? t : null;
+		return be(t) ? t : null;
 	}
 	if (typeof e == "string" && typeof document < "u") {
 		let t = document.querySelector(e);
-		return ye(t) ? t : null;
+		return be(t) ? t : null;
 	}
 	return null;
 }
-function Oe(e, t) {
-	let n = ve(e);
+function Ce(e, t) {
+	let n = ye(e);
 	if (n) return n;
 	if (!t) return null;
 	try {
@@ -110,72 +92,81 @@ function Oe(e, t) {
 		return null;
 	}
 }
-function ke(e, t, n) {
+function we(e, t, n, r) {
 	if (!t || t.width === 0 || t.height === 0 || !n) return null;
-	let r = e.getBoundingClientRect(), i = t.getBoundingClientRect();
-	if (i.width === 0 || i.height === 0) return null;
-	let a = t.width / i.width, o = t.height / i.height, s = Math.max(0, (r.left - i.left) * a), c = Math.max(0, (r.top - i.top) * o), l = Math.min(t.width - s, Math.max(1, r.width * a)), u = Math.min(t.height - c, Math.max(1, r.height * o));
-	if (l <= 0 || u <= 0) return null;
+	let i = e.getBoundingClientRect(), a = t.getBoundingClientRect();
+	if (a.width === 0 || a.height === 0) return null;
+	let o = t.width / a.width, s = t.height / a.height, c = Math.max(0, (i.left - a.left) * o), l = Math.max(0, (i.top - a.top) * s), u = Math.min(t.width - c, Math.max(1, i.width * o)), d = Math.min(t.height - l, Math.max(1, i.height * s));
+	if (u <= 0 || d <= 0) return null;
 	try {
-		n.clearRect(0, 0, 32, 32), n.drawImage(t, s, c, l, u, 0, 0, 32, 32);
-		let e = n.getImageData(0, 0, 32, 32).data, r = 0, i = 0, a = 0, o = Ce();
+		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 = e[t] * n + 255 * (1 - n), c = e[t + 1] * n + 255 * (1 - n), l = e[t + 2] * n + 255 * (1 - n);
-			r += _e(s, c, l), i += n, we(o, s, c, l, n), a++;
+			let n = e[t + 3] / 255, [s, c, l] = ve(e[t], e[t + 1], e[t + 2], n, r);
+			i += _e(s, c, l), a += n, o++;
 		}
-		return a === 0 || i / a < .02 ? null : {
-			luma: r / a,
-			ambientHue: Te(o)
-		};
+		return o === 0 || a / o < .02 ? null : { luma: i / o };
 	} catch {
 		return null;
 	}
 }
-function Ae(e, t) {
+function Te(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 = Oe(u(r, e), t);
-		if (i && !(i[3] < .5)) return je(i);
+		let r = getComputedStyle(n).backgroundColor, i = Ce(y(r, e), t);
+		if (i && !(i[3] < .5)) return i;
 	}
-	let o = Oe(u(getComputedStyle(document.body).backgroundColor, e), t);
-	return o ? je(o) : null;
+	return Ce(y(getComputedStyle(document.body).backgroundColor, e), t);
 }
-function je(e) {
-	let t = Ce();
-	return we(t, e[0], e[1], e[2], e[3]), {
-		luma: _e(e[0], e[1], e[2]),
-		ambientHue: Te(t)
-	};
+var Ee = [
+	255,
+	255,
+	255
+];
+function De(e, t) {
+	let n = Te(e, t);
+	return n && n[3] >= .5 ? [
+		n[0],
+		n[1],
+		n[2]
+	] : [...Ee];
+}
+function Oe(e, t) {
+	let n = Te(e, t);
+	return n ? ke(n) : null;
+}
+function ke(e) {
+	return { luma: _e(e[0], e[1], e[2]) };
 }
 //#endregion
 //#region src/composables/glass/useGlassBackdropLuminance.ts
-var Me = "data-glass-backdrop-shared", Ne = "8%";
-function Pe(e, n = {}) {
+var Ae = "data-glass-backdrop-shared";
+function je(e, n = {}) {
 	let { lightThreshold: r = .6, minSampleIntervalMs: i = 250, writeBucket: a = !0 } = n, o = Math.max(250, i), s = n.shared === !0;
-	function l(e) {
-		return !s && e.closest(`[${Me}]`) !== null;
+	function c(e) {
+		return !s && e.closest(`[${Ae}]`) !== null;
 	}
-	let u = G(null), d = G(null), f = G({
+	let l = q(null), u = q(null), d = q({
 		state: "pending",
 		mode: n.live === !0 ? "live" : "static",
 		source: n.live === !0 ? "canvas" : "elements"
 	});
 	if (typeof window > "u") return {
-		luma: W(u),
-		bucket: W(d),
-		sample: W(f),
+		luma: K(l),
+		bucket: K(u),
+		sample: K(d),
 		sampleNow: () => {},
 		dispose: () => {}
 	};
-	let p = t(), m = null, h = null;
-	function g() {
-		return m || (m = document.createElement("canvas"), m.width = 32, m.height = 32), h ||= m.getContext("2d", { willReadFrequently: !0 }), h;
+	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;
 	}
-	function _() {
-		return n.live === void 0 ? e.value?.dataset.glassSample === "live" || n.backgroundCanvas != null || De(void 0) !== null : n.live;
+	function g() {
+		return n.live === void 0 ? e.value?.dataset.glassSample === "live" || n.backgroundCanvas != null || Se(void 0) !== null : n.live;
 	}
-	function v(e) {
+	function _(e) {
 		let t = e.getBoundingClientRect();
 		return {
 			x: t.x,
@@ -186,200 +177,191 @@ function Pe(e, n = {}) {
 	}
 	function y(e, t, n, i) {
 		let o = e.luma;
-		u.value = o;
+		l.value = o;
 		let s = o >= r ? "light" : "dark";
-		d.value = s, f.value = {
+		u.value = s, d.value = {
 			state: "sampled",
 			mode: n,
 			source: n === "live" ? "canvas" : "elements",
 			luma: o,
-			ambientHue: e.ambientHue,
 			sampledAt: i,
-			targetRect: v(t)
-		}, t.style.setProperty("--glass-backdrop-luma", o.toFixed(3)), t.style.setProperty("--glass-ambient-hue", e.ambientHue), t.style.setProperty("--glass-ambient-strength", e.ambientHue === "transparent" ? "0%" : Ne), t.setAttribute("data-backdrop-sampled", ""), t.setAttribute("data-backdrop-sample-state", "sampled"), t.setAttribute("data-backdrop-sample-source", n === "live" ? "canvas" : "elements"), t.removeAttribute("data-backdrop-sample-reason"), t.style.setProperty("--glass-backdrop-sampled", "1"), a && t.style.setProperty("--glass-backdrop", s);
+			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);
 	}
-	function S(e, t, n, r) {
-		u.value = null, d.value = null, f.value = {
+	function b(e, t, n, r) {
+		l.value = null, u.value = null, d.value = {
 			state: "unavailable",
 			mode: t,
 			source: t === "live" ? "canvas" : "elements",
 			reason: n,
 			sampledAt: r,
-			targetRect: v(e)
-		}, e.style.removeProperty("--glass-backdrop-luma"), e.style.removeProperty("--glass-ambient-hue"), e.style.removeProperty("--glass-ambient-strength"), e.style.removeProperty("--glass-backdrop-sampled"), a && e.style.removeProperty("--glass-backdrop"), e.removeAttribute("data-backdrop-sampled"), e.setAttribute("data-backdrop-sample-state", "unavailable"), e.setAttribute("data-backdrop-sample-source", t === "live" ? "canvas" : "elements"), e.setAttribute("data-backdrop-sample-reason", n);
+			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);
 	}
-	let C = 0;
-	function w() {
+	let x = 0;
+	function S() {
 		let t = e.value;
-		if (!t || l(t)) return;
-		let r = g(), i = _() ? "live" : "static", a = i === "live" ? De(n.backgroundCanvas) : null, o = i === "live" ? ke(t, a, r) : Ae(t, r), s = Date.now();
-		o ? y(o, t, i, s) : S(t, i, i === "live" && !a ? "source-unavailable" : "sample-unavailable", s), C = typeof performance < "u" ? performance.now() : s;
+		if (!t || c(t)) return;
+		let r = h(), i = g() ? "live" : "static", a = i === "live" ? Se(n.backgroundCanvas) : null, o = i === "live" ? we(t, a, r, De(t, r)) : Oe(t, r), s = Date.now();
+		o ? y(o, t, i, s) : b(t, i, i === "live" && !a ? "source-unavailable" : "sample-unavailable", s), x = typeof performance < "u" ? performance.now() : s;
 	}
-	let T = b(({ now: e }) => {
-		p.value || e - C < o || w();
+	let C = T(({ now: e }) => {
+		f.value || e - x < o || S();
 	}, {
 		immediate: !1,
 		pauseWhenHidden: !0,
 		respectReducedMotion: !0
-	}), E = x(() => e.value, {
-		pause: () => T.pause(),
+	}), w = D(() => e.value, {
+		pause: () => C.pause(),
 		resume: () => {
 			let t = e.value;
-			t && l(t) || _() && !p.value && T.resume();
+			t && c(t) || g() && !f.value && C.resume();
 		}
-	}, { rootMargin: "200px" }), D = c(e, () => w());
+	}, { rootMargin: "200px" }), E = v(e, () => S());
 	function O() {
 		let t = e.value;
-		if (t && l(t)) {
-			T.stop();
+		if (t && c(t)) {
+			C.stop();
 			return;
 		}
-		p.value ? (T.stop(), w()) : _() && T.start();
+		f.value ? (C.stop(), S()) : g() && C.start();
 	}
-	let k = X(p, O, { flush: "sync" }), A = X(() => e.value, (e) => {
+	let k = Z(f, O, { flush: "sync" }), A = Z(() => e.value, (e) => {
 		if (e) {
-			if (s) e.setAttribute(Me, "");
-			else if (l(e)) return;
-			w(), O();
+			if (s) e.setAttribute(Ae, "");
+			else if (c(e)) return;
+			S(), O();
 		}
 	}, {
 		immediate: !0,
 		flush: "post"
 	});
 	function j() {
-		A(), k(), T.dispose(), E.dispose(), D.stop(), m = null, h = null;
+		A(), k(), C.dispose(), w.dispose(), E.stop(), p = null, m = null;
 	}
-	return V(j), {
-		luma: W(u),
-		bucket: W(d),
-		sample: W(f),
-		sampleNow: w,
+	return U(j), {
+		luma: K(l),
+		bucket: K(u),
+		sample: K(d),
+		sampleNow: S,
 		dispose: j
 	};
 }
 //#endregion
-//#region src/components/dock/composables/isTeleportedTarget.ts
-function Fe(e, t) {
-	if (!(e instanceof Element)) return !1;
-	let n = e.closest("[data-glass-dock-portal]");
-	return n ? !t || n.getAttribute("data-glass-dock-owner") === t : !1;
-}
-//#endregion
 //#region src/components/dock/composables/useDockState.ts
-function Ie(e) {
-	let { collapseDelay: t = 3600, rootEl: n, alwaysExpanded: r = !1, interaction: i = "auto", initialExpanded: a = !1, isTransitioning: o, dockId: s, onStateChange: c } = e, l = () => typeof r == "boolean" ? r : r.value, u = () => typeof i == "string" ? i : i.value, d = () => l() || u() === "manual", f = G(l() ? "pinned" : a ? "hover" : "collapsed"), p = O(() => f.value !== "collapsed"), m = O(() => f.value === "pinned"), h = null, g = G(0), _ = O(() => g.value > 0), v = null, y = null, b = !1, x = null;
-	function S() {
-		x &&= (clearTimeout(x), null);
-	}
-	let C = f.value;
-	function w() {
-		l() && (f.value = "pinned"), c && C !== f.value && c(f.value, C), C = f.value;
+function Me(e) {
+	let { collapseDelay: t = g, rootEl: n, alwaysExpanded: r = !1, initialExpanded: i = !1, isTransitioning: a, dockId: o, onStateChange: s } = e, c = () => typeof r == "boolean" ? r : r.value, l = () => c(), u = q(c() ? "pinned" : i ? "hover" : "collapsed"), d = k(() => u.value !== "collapsed"), f = k(() => u.value === "pinned"), p = null, m = q(0), h = q(0), _ = k(() => m.value > 0), v = k(() => h.value > 0), y = null, b = null, x = !1, S = null;
+	function C() {
+		S &&= (clearTimeout(S), null);
 	}
+	let w = u.value;
 	function T() {
-		h &&= (clearTimeout(h), null);
+		c() && (u.value = "pinned"), s && w !== u.value && s(u.value, w), w = u.value;
 	}
 	function E() {
-		y !== null && (cancelAnimationFrame(y), y = null);
+		p &&= (clearTimeout(p), null);
 	}
 	function D() {
-		E(), v?.();
+		b !== null && (cancelAnimationFrame(b), b = null);
 	}
-	function k() {
-		d() || g.value > 0 || (T(), h = setTimeout(() => {
-			f.value = "collapsed", w();
-		}, t));
+	function O() {
+		D(), y?.();
 	}
 	function A() {
-		if (l()) {
-			f.value = "pinned", w();
-			return;
-		}
-		b ||= (b = !0, T(), S(), f.value = "collapsed", w(), !1);
+		l() || m.value > 0 || (E(), p = setTimeout(() => {
+			u.value = "collapsed", T();
+		}, t));
 	}
 	function j() {
-		if (l()) {
-			f.value = "pinned", w();
+		if (c()) {
+			u.value = "pinned", T();
 			return;
 		}
-		T(), S(), f.value = "hover", w();
+		x ||= (x = !0, E(), C(), u.value = "collapsed", T(), !1);
 	}
 	function M() {
-		d() || (T(), f.value === "collapsed" && (S(), x = setTimeout(() => {
-			x = null, !d() && f.value === "collapsed" && (f.value = "hover", w());
+		if (c()) {
+			u.value = "pinned", T();
+			return;
+		}
+		E(), C(), u.value = "hover", T();
+	}
+	function N() {
+		l() || (E(), u.value === "collapsed" && (C(), S = setTimeout(() => {
+			S = null, !l() && u.value === "collapsed" && (u.value = "hover", T());
 		}, 60)));
 	}
-	function N(e) {
-		if (!d() && (S(), f.value === "hover")) {
-			if (g.value > 0) return;
+	function P(e) {
+		if (!l() && (C(), u.value === "hover")) {
+			if (m.value > 0) return;
 			if (e) {
 				let t = n.value;
-				if (t && e.relatedTarget instanceof Node && t.contains(e.relatedTarget) || Fe(e.relatedTarget, s)) return;
+				if (t && e.relatedTarget instanceof Node && t.contains(e.relatedTarget) || he(e.relatedTarget, o)) return;
 			}
-			k();
+			A();
 		}
 	}
-	function P() {
-		d() || (T(), f.value === "collapsed" && (f.value = "hover", w()));
+	function F() {
+		l() || (E(), u.value === "collapsed" && (u.value = "hover", T()));
 	}
-	function ee(e) {
-		if (d() || f.value !== "hover" || g.value > 0) return;
+	function I(e) {
+		if (l() || u.value !== "hover" || m.value > 0) return;
 		let t = e.currentTarget;
-		e.relatedTarget && t.contains(e.relatedTarget) || Fe(e.relatedTarget, s) || k();
+		e.relatedTarget && t.contains(e.relatedTarget) || he(e.relatedTarget, o) || A();
 	}
-	function F() {
-		d() || (T(), S(), f.value = "pinned", w());
+	function L() {
+		l() || (E(), C(), u.value = "pinned", T());
 	}
-	function I() {
-		g.value++, T();
+	function R(e = "morph") {
+		m.value++, e === "grasp" && h.value++, E();
 	}
-	function L() {
-		g.value = Math.max(0, g.value - 1), g.value === 0 && f.value === "hover" && (T(), h = setTimeout(() => {
-			g.value === 0 && f.value === "hover" && k();
+	function z(e = "morph") {
+		e === "grasp" && (h.value = Math.max(0, h.value - 1)), m.value = Math.max(0, m.value - 1), m.value === 0 && u.value === "hover" && (E(), p = setTimeout(() => {
+			m.value === 0 && u.value === "hover" && A();
 		}, Math.min(t, 800)));
 	}
-	function R(e) {
-		if (d() || g.value > 0 || o?.value) return;
+	function B(e) {
+		if (l() || m.value > 0 || a?.value) return;
 		let t = n.value;
-		!t || t.contains(e.target) || Fe(e.target, s) || A();
+		!t || t.contains(e.target) || he(e.target, o) || j();
 	}
-	return X(p, (e) => {
+	return Z(d, (e) => {
 		if (e) {
 			if (typeof document > "u") return;
-			D(), y = requestAnimationFrame(() => {
-				y = null, p.value && (document.addEventListener("pointerdown", R, !0), v = () => {
-					document.removeEventListener("pointerdown", R, !0), v = null;
+			O(), b = requestAnimationFrame(() => {
+				b = null, d.value && (document.addEventListener("pointerdown", B, !0), y = () => {
+					document.removeEventListener("pointerdown", B, !0), y = null;
 				});
 			});
-		} else D();
-	}, { immediate: !0 }), typeof r == "boolean" ? r && (f.value = "pinned", w()) : X(r, (e) => {
+		} else O();
+	}, { immediate: !0 }), typeof r == "boolean" ? r && (u.value = "pinned", T()) : Z(r, (e) => {
 		if (e) {
-			T(), f.value = "pinned", w();
+			E(), u.value = "pinned", T();
 			return;
 		}
-		f.value = "collapsed", w();
-	}), typeof i != "string" && X(i, (e) => {
-		e === "manual" && (T(), S());
-	}), H(() => {
-		T(), S(), D();
+		u.value = "collapsed", T();
+	}), W(() => {
+		E(), C(), O();
 	}), {
-		state: f,
-		expanded: p,
-		isPinned: m,
+		state: u,
+		expanded: d,
+		isPinned: f,
 		isHeld: _,
-		onMouseEnter: M,
-		onMouseLeave: N,
-		onFocusIn: P,
-		onFocusOut: ee,
-		onClickCollapsed: F,
-		keepOpen: I,
-		release: L,
-		expand: j,
-		collapse: A
+		graspHeld: v,
+		onMouseEnter: N,
+		onMouseLeave: P,
+		onFocusIn: F,
+		onFocusOut: I,
+		onClickCollapsed: L,
+		keepOpen: R,
+		release: z,
+		expand: M,
+		collapse: j
 	};
 }
 //#endregion
 //#region src/components/dock/composables/useDockSpring.ts
-function Le(e) {
+function Ne(e) {
 	let t = null, n = () => t !== null && !t.settled;
 	function i() {
 		t &&= (t.dispose(), null);
@@ -387,7 +369,7 @@ function Le(e) {
 	function a(a, o, s) {
 		let c = n() ? t.velocity * (s.inheritVelocityScale ?? 1) : 0;
 		i();
-		let l = new fe({
+		let l = new pe({
 			response: e.response * r(),
 			dampingFraction: e.dampingFraction,
 			initial: a,
@@ -414,11 +396,11 @@ function Le(e) {
 }
 //#endregion
 //#region src/components/dock/composables/useDockMorph.ts
-function Re(e) {
-	let { rootEl: t, outerActiveLayer: n } = e, r = G(n.value), i = G(null), a = Le({
-		response: h.response,
-		dampingFraction: h.dampingFraction
-	}), o = pe("(prefers-reduced-motion: reduce)");
+function Pe(e) {
+	let { rootEl: t, outerActiveLayer: n } = e, r = q(n.value), i = q(null), a = Ne({
+		response: f.response,
+		dampingFraction: f.dampingFraction
+	}), o = me("(prefers-reduced-motion: reduce)");
 	function s() {
 		return t.value;
 	}
@@ -427,7 +409,7 @@ function Re(e) {
 		let t = s();
 		t && (t.removeAttribute("data-morphing"), t.style.removeProperty("--dock-morph-t")), e.onMorphActiveChange?.(!1), a.dispose();
 	}
-	X(o, (e) => {
+	Z(o, (e) => {
 		e && s()?.hasAttribute("data-morphing") && c();
 	});
 	function l() {
@@ -443,7 +425,7 @@ function Re(e) {
 			onSettle: c
 		});
 	}
-	let u = X(n, (e, t) => {
+	let u = Z(n, (e, t) => {
 		if (e === t) return;
 		let n = s();
 		if (r.value = e, !n) {
@@ -452,35 +434,35 @@ function Re(e) {
 		}
 		i.value = t, l();
 	});
-	return H(() => {
+	return W(() => {
 		u(), a.dispose();
 	}), {
-		outerCurrentLayer: W(r),
-		outerLeavingLayer: W(i)
+		outerCurrentLayer: K(r),
+		outerLeavingLayer: K(i)
 	};
 }
 //#endregion
 //#region src/components/dock/composables/dockMorphMeasure.ts
-function ze(e, t) {
+function Fe(e, t) {
 	return t === "vertical" ? e.offsetHeight : e.offsetWidth;
 }
-function Be(e) {
+function Ie(e) {
 	let { rootEl: t, contentEl: n, expandedEl: r, collapsedEl: i, axis: a, expanded: o } = e, s = null, c = 0, l = 0, u = !1;
-	function d() {
-		let e = t.value, s = n.value, u = r.value, d = i.value;
-		if (!e || !s || !u || !d || e.hasAttribute("data-morphing")) return;
-		let f = a.value, p = ze(e, f), m = ze(u, f), h = ze(d, f);
-		if (p <= 0 || m < 0 || h < 0) return;
-		o.value ? c = p : l = p;
-		let g = o.value ? m : h, _ = Math.max(0, p - g), v = c || _ + m, y = l || _ + h;
-		v <= 0 || y <= 0 || (e.style.setProperty("--dock-collapsed-px", `${y}px`), e.style.setProperty("--dock-expanded-px", `${Math.max(v, y)}px`));
+	function d(e = "layout") {
+		let s = t.value, u = n.value, d = r.value, f = i.value;
+		if (!s || !u || !d || !f || s.hasAttribute("data-morphing")) return;
+		let p = a.value, m = Fe(s, p), h = Fe(d, p), g = Fe(f, p);
+		if (m <= 0 || h < 0 || g < 0) return;
+		e === "layout" && (o.value ? c = m : l = m);
+		let _ = o.value ? h : g, v = Math.max(0, m - _), y = c || v + h, b = l || v + g;
+		y <= 0 || b <= 0 || (s.style.setProperty("--dock-collapsed-px", `${b}px`), s.style.setProperty("--dock-expanded-px", `${Math.max(y, b)}px`));
 	}
 	function f() {
 		s?.disconnect(), s = null;
 		let e = t.value;
 		if (e) {
 			if (typeof ResizeObserver < "u") {
-				s = new ResizeObserver(d);
+				s = new ResizeObserver(() => d("layout"));
 				for (let t of [
 					e,
 					n.value,
@@ -491,45 +473,34 @@ function Be(e) {
 			d();
 		}
 	}
-	X([
+	Z([
 		t,
 		n,
 		r,
 		i,
 		a
-	], f, { immediate: !0 }), X(o, d);
+	], f, { immediate: !0 }), Z(o, () => d("flip"));
 	let p = typeof document < "u" ? document.fonts : void 0;
-	p && p.ready.then(() => !u && d()), V(() => {
+	p && p.ready.then(() => !u && d("layout")), U(() => {
 		u = !0, s?.disconnect(), s = null;
 	});
 }
 //#endregion
 //#region src/components/dock/composables/useDockShellProps.ts
-function Ve(e) {
-	let t = O(() => {
-		if (e.containerName) return {
-			"container-type": "inline-size",
-			"container-name": e.containerName
-		};
-	}), n = O(() => e.collapseDelay ?? 3600), r = O(() => e.layout ?? "linear"), i = O(() => e.shape ?? "pill"), a = O(() => e.orientation ?? "horizontal"), o = O(() => e.size ?? "md"), s = O(() => a.value === "vertical" || e.overflow === "wrap" ? null : "dock-scroll-x"), c = O(() => e.alwaysExpanded || r.value === "grid");
+function Le(e) {
+	let t = k(() => e.shape ?? "pill"), n = k(() => e.orientation ?? "horizontal"), r = k(() => e.collapse === !1);
 	return {
-		containerStyle: t,
-		collapseDelay: n,
-		startCollapsed: O(() => c.value ? !1 : e.startCollapsed ?? !0),
-		interaction: O(() => c.value ? "auto" : e.interaction ?? "auto"),
-		layoutValue: r,
-		shape: i,
-		orientation: a,
-		size: o,
-		scrollClass: s,
-		alwaysExpanded: c,
-		fitContent: O(() => e.fitContent ?? !1)
+		startCollapsed: k(() => !r.value && (e.collapse ?? "closed") === "closed"),
+		shape: t,
+		orientation: n,
+		alwaysExpanded: r,
+		fitContent: k(() => e.fitContent ?? !1)
 	};
 }
 //#endregion
 //#region src/components/dock/composables/useDockClickIntegrity.ts
-function He(e) {
-	let { rootEl: t, visualExpanded: n } = e, r = null, i = !1, a = 0, o = null, s = G(null), c = null, l = [];
+function Re(e) {
+	let { rootEl: t, visualExpanded: n } = e, r = null, i = !1, a = 0, o = null, s = q(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);
@@ -570,9 +541,9 @@ function He(e) {
 		return !!e && e.hasAttribute("data-morphing");
 	}
 	function _(e) {
-		u(), r = e.target, n.value, i = g();
+		u(), r = e.target, i = g();
 	}
-	X(n, (e, t) => {
+	Z(n, (e, t) => {
 		t && !e && r && d(r);
 	});
 	function v() {
@@ -599,267 +570,365 @@ function He(e) {
 			e.stopPropagation(), e.preventDefault(), r = null;
 		}
 	}
-	return z(() => {
+	return V(() => {
 		f(), u();
 	}), {
 		onPointerDownCapture: _,
 		onPointerCancelCapture: v,
 		onClickCapture: b,
 		markExpandFlip: p,
-		pressKeepaliveLayer: W(s)
+		pressKeepaliveLayer: K(s)
 	};
 }
 //#endregion
-//#region src/components/dock/composables/useDockTouchGate.ts
+//#region src/components/dock/composables/useDockRun.ts
+function ze(e, t) {
+	let n = getComputedStyle(e).getPropertyValue(t).trim(), r = Number.parseFloat(n);
+	return Number.isFinite(r) ? r : 0;
+}
+function Be(e) {
+	return Array.from(e.children).filter((e) => e instanceof HTMLElement);
+}
+function Ve(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 He(e) {
+	return e.matches(b) ? e : e.querySelector(b);
+}
 function Ue(e) {
-	let { collapseDelay: t, rootEl: n, quiet: r, visualExpanded: i, expanded: a, isPinned: o, expand: s, collapse: c } = e, u = l(t);
-	function d() {
-		return !r.value;
+	let { runEl: t, statusEl: n, orientation: r } = e, i = Ne({
+		response: f.response,
+		dampingFraction: f.dampingFraction
+	});
+	function a() {
+		return r.value === "vertical";
+	}
+	function o(e) {
+		return a() ? e.scrollTop : e.scrollLeft;
+	}
+	function s(e, t) {
+		a() ? e.scrollTop = t : e.scrollLeft = t;
+	}
+	function c(e) {
+		return a() ? e.scrollHeight - e.clientHeight : e.scrollWidth - e.clientWidth;
 	}
-	function f(e) {
-		if (!d() || i.value) return;
-		let t = n.value, r = e.touches[0];
-		!t || !r || u.handleTouchStart(t, r.clientY);
+	function l(e, t) {
+		let n = Be(e), r = n.indexOf(t);
+		if (r < 0) return o(e);
+		let i = ze(e, "--dock-pitch");
+		if (i <= 0) return o(e);
+		let a = Math.max(1, ze(e, "--dock-open-pitches")), s = Ve(n), l = s >= 0 && s < r ? (a - 1) * i : 0, u = r * i + l - i / 2;
+		return Math.min(Math.max(u, 0), c(e));
+	}
+	function u(e, t) {
+		let n = e.getBoundingClientRect(), r = t.getBoundingClientRect();
+		return a() ? r.top < n.top - 1 || r.bottom > n.bottom + 1 : r.left < n.left - 1 || r.right > n.right + 1;
+	}
+	function d(e) {
+		let t = n.value;
+		if (!t) return;
+		let r = He(e) ?? e, i = r.getAttribute("aria-label") ?? r.getAttribute("title") ?? r.textContent?.trim();
+		i && (t.textContent = i);
 	}
 	function p(e) {
-		d() && u.handleScrollCheck(e);
+		let n = t.value;
+		if (!n || (d(e), !u(n, e))) return;
+		let r = o(n), a = l(n, e);
+		Math.abs(a - r) < 1 || i.playTo(0, 1, { onFrame: (e) => {
+			let n = t.value;
+			n && s(n, r + (a - r) * e);
+		} });
 	}
 	function m() {
-		if (!d()) return;
-		let e = u.isActive.value;
-		u.handleTouchEnd(), !e && u.isActive.value && !i.value && s();
-	}
-	return X(u.isActive, (e) => {
-		!e && a.value && !o.value && !r.value && c();
-	}), {
-		onTouchStart: f,
-		onTouchMove: p,
-		onTouchEnd: m,
-		deactivate: () => u.deactivate()
-	};
-}
-//#endregion
-//#region src/components/dock/composables/useDockOverflowFit.ts
-function We(e) {
-	let t = null, n = null, r = 0;
-	function i() {
-		return e.value?.querySelector(".dock-layer--full") ?? null;
+		let e = t.value;
+		if (!e) return;
+		let n = Be(e);
+		if (n.length === 0) return;
+		let r = Ve(n), i = n.findIndex((e) => e.contains(document.activeElement)), a = i >= 0 ? i : r >= 0 ? r : 0;
+		n.forEach((e, t) => {
+			let n = He(e);
+			n && (n.tabIndex = t === a ? 0 : -1);
+		});
 	}
-	function a() {
-		let t = e.value, n = i();
-		if (!t || !n) return;
-		let r = t.classList.contains("vertical"), a = r ? t : n, o = r ? a.scrollHeight - a.clientHeight > 1 : a.scrollWidth - a.clientWidth > 1;
-		t.toggleAttribute("data-dock-overflow", o);
+	function h(e, t) {
+		let n = e[t];
+		if (!n) return;
+		let r = He(n);
+		r && (p(n), r.tabIndex = 0, r.focus({ preventScroll: !0 }), m());
+	}
+	function g(e) {
+		let n = t.value;
+		if (!n) return;
+		let r = Be(n);
+		if (r.length === 0) return;
+		let i = r.findIndex((t) => t.contains(e.target));
+		if (i < 0) return;
+		let [o, s] = a() ? ["ArrowUp", "ArrowDown"] : ["ArrowLeft", "ArrowRight"], c;
+		switch (e.key) {
+			case o:
+				c = i - 1;
+				break;
+			case s:
+				c = i + 1;
+				break;
+			case "Home":
+				c = 0;
+				break;
+			case "End":
+				c = r.length - 1;
+				break;
+			default: return;
+		}
+		c < 0 || c >= r.length || (e.preventDefault(), h(r, c));
 	}
-	function o() {
-		cancelAnimationFrame(r), r = requestAnimationFrame(a);
+	function _(e) {
+		let n = t.value;
+		if (!n) return;
+		let r = Be(n).find((t) => t.contains(e.target));
+		r && p(r);
 	}
-	return B(() => {
-		let r = e.value, a = i();
-		o(), r && (t = new ResizeObserver(o), t.observe(r), a && t.observe(a)), r && (n = new MutationObserver(o), n.observe(r, {
+	let v = null;
+	return H(() => {
+		let e = t.value;
+		e && (e.addEventListener("keydown", g), e.addEventListener("click", _, { capture: !0 }), e.addEventListener("focusin", _, { capture: !0 }), m(), v = new MutationObserver(() => m()), v.observe(e, {
 			childList: !0,
 			subtree: !0,
-			characterData: !0,
 			attributes: !0,
-			attributeFilter: ["class", "hidden"]
+			attributeFilter: ["aria-current"]
 		}));
-	}), X(() => e.value, () => o()), H(() => {
-		t?.disconnect(), n?.disconnect(), cancelAnimationFrame(r);
-	}), { measure: a };
+	}), W(() => {
+		let e = t.value;
+		e?.removeEventListener("keydown", g), e?.removeEventListener("click", _, { capture: !0 }), e?.removeEventListener("focusin", _, { capture: !0 }), v?.disconnect(), i.dispose();
+	}), Z(r, () => m()), {
+		reach: p,
+		syncRoving: m
+	};
 }
 //#endregion
 //#region src/components/dock/GlassDock.vue?vue&type=script&setup=true&lang.ts
-var Ge = [
-	"data-size",
-	"data-backdrop-mode",
-	"data-interaction",
-	"data-held",
-	"data-search",
-	"data-container-name"
-], Ke = { class: "dock-controls" }, qe = {
+var We = ["data-backdrop-mode", "data-held"], Ge = ["data-held"], Ke = { class: "dock-controls" }, qe = {
 	key: 0,
 	class: "dock-persistent"
-}, Je = ["inert"], Ye = ["inert"], Xe = {
+}, Je = [
+	"id",
+	"aria-orientation",
+	"inert"
+], Ye = [
+	"id",
+	"inert",
+	"role",
+	"tabindex",
+	"aria-label",
+	"aria-expanded",
+	"aria-controls"
+], Xe = {
 	key: 0,
 	class: "dock-search-field"
 }, Ze = {
 	key: 1,
 	class: "dock-persistent dock-persistent-end"
-}, Qe = /* @__PURE__ */ P({
+}, Qe = /* @__PURE__ */ F({
 	inheritAttrs: !1,
 	__name: "GlassDock",
 	props: {
 		fitContent: { type: Boolean },
-		position: {},
 		backdropMode: { default: "live" },
-		alwaysExpanded: { type: Boolean },
 		shape: {},
 		orientation: {},
-		size: {},
-		overflow: {},
-		containerName: {},
-		viewTransitionName: {},
-		collapseDelay: {},
-		startCollapsed: { type: Boolean },
-		interaction: {},
-		layout: {},
-		autoLuminance: {
-			type: Boolean,
-			default: !0
+		collapse: {
+			type: [Boolean, String],
+			default: "closed"
 		},
-		backgroundCanvas: {},
-		search: { type: Boolean }
+		backgroundCanvas: {}
 	},
 	setup(e, { expose: t }) {
-		let n = e, { containerStyle: r, collapseDelay: i, startCollapsed: a, interaction: o, layoutValue: s, shape: c, orientation: l, size: u, scrollClass: d, alwaysExpanded: f, fitContent: p } = Ve(n), h = s, g = Y("dockEl"), _ = Y("layersEl"), v = Y("fullEl"), y = Y("summaryEl");
-		We(g), n.backdropMode === "live" && n.autoLuminance !== !1 && Pe(g, { backgroundCanvas: () => {
+		let n = e, { startCollapsed: r, shape: i, orientation: a, alwaysExpanded: o, fitContent: s } = Le(n), c = X("dockEl"), l = X("layersEl"), u = X("fullEl"), f = X("summaryEl"), p = X("statusEl");
+		Ue({
+			runEl: u,
+			statusEl: p,
+			orientation: a
+		}), n.backdropMode === "live" && je(c, { backgroundCanvas: () => {
 			let e = n.backgroundCanvas;
 			return typeof e == "function" ? e() : e instanceof HTMLCanvasElement ? e : null;
 		} });
-		let b = G(!1), x = `glass-dock-${re()}`, { expanded: S, isPinned: C, isHeld: w, onMouseEnter: T, onMouseLeave: E, onFocusIn: D, onFocusOut: k, onClickCollapsed: N, keepOpen: P, release: ee, expand: I, collapse: R } = Ie({
-			collapseDelay: i.value,
-			rootEl: g,
-			alwaysExpanded: f,
-			interaction: o,
-			initialExpanded: !a.value,
-			isTransitioning: b,
-			dockId: x
-		}), z = O(() => f.value || o.value === "manual");
-		m({
-			id: x,
-			orientation: l,
-			layout: h,
-			keepOpen: P,
-			release: ee,
-			held: w
+		let m = q(!1), h = `glass-dock-${re()}`, { expanded: g, isPinned: v, isHeld: y, graspHeld: x, onMouseEnter: S, onMouseLeave: C, onFocusIn: w, onFocusOut: T, onClickCollapsed: E, keepOpen: D, release: A, expand: P, collapse: F } = Me({
+			rootEl: c,
+			alwaysExpanded: o,
+			initialExpanded: !r.value,
+			isTransitioning: m,
+			dockId: h
+		});
+		d({
+			id: h,
+			orientation: a,
+			keepOpen: D,
+			release: A,
+			held: x
+		});
+		let I = k(() => o.value || g.value);
+		Ie({
+			rootEl: c,
+			contentEl: l,
+			expandedEl: u,
+			collapsedEl: f,
+			axis: a,
+			expanded: I
 		});
-		let B = O(() => f.value || S.value), V = O(() => B.value ? "full" : "summary"), H = O(() => l.value), { outerCurrentLayer: W, outerLeavingLayer: te } = Re({
-			rootEl: g,
-			outerActiveLayer: V,
+		let { outerCurrentLayer: B, outerLeavingLayer: V } = Pe({
+			rootEl: c,
+			outerActiveLayer: k(() => I.value ? "full" : "summary"),
 			onMorphActiveChange: (e) => {
-				b.value = e;
+				m.value = e;
 			}
+		}), H = k(() => B.value === "summary");
+		async function U(e) {
+			!H.value || !["Enter", " "].includes(e.key) || (e.preventDefault(), E(), await R(), (u.value?.querySelector(b) ?? u.value)?.focus({ preventScroll: !0 }));
+		}
+		async function W(e) {
+			if (e.key !== "Escape") return;
+			let t = e.target?.closest?.(_);
+			if (t && u.value?.contains(t)) return;
+			F(), await R();
+			let n = f.value;
+			n && !n.hasAttribute("inert") && n.focus({ preventScroll: !0 });
+		}
+		let { onPointerDownCapture: K, onPointerCancelCapture: ee, onClickCapture: te, markExpandFlip: ne, pressKeepaliveLayer: ie } = Re({
+			rootEl: c,
+			visualExpanded: I
 		});
-		Be({
-			rootEl: g,
-			contentEl: _,
-			expandedEl: v,
-			collapsedEl: y,
-			axis: H,
-			expanded: B
+		Z(I, (e) => {
+			e && ne();
 		});
-		let ne = O(() => n.viewTransitionName ? { "view-transition-name": n.viewTransitionName } : void 0), { onPointerDownCapture: q, onPointerCancelCapture: ie, onClickCapture: Z, markExpandFlip: Q, pressKeepaliveLayer: ae } = He({
-			rootEl: g,
-			visualExpanded: B
-		}), { onTouchStart: oe, onTouchMove: se, onTouchEnd: ce, deactivate: le } = Ue({
-			collapseDelay: i.value,
-			rootEl: g,
-			quiet: z,
-			visualExpanded: B,
-			expanded: S,
-			isPinned: C,
-			expand: I,
-			collapse: R
+		let Q = q(!1);
+		Z(x, (e) => {
+			e && (Q.value = !0);
 		});
-		return X(B, (e) => {
-			e ? Q() : le();
-		}), t({
-			expanded: S,
-			isPinned: C,
-			isHeld: w,
-			isTransitioning: b,
-			expand: I,
-			collapse: R,
-			keepOpen: P,
-			release: ee
-		}), (t, i) => (U(), j("div", F({
+		function $(e) {
+			e.propertyName === "opacity" && !x.value && (Q.value = !1);
+		}
+		return t({
+			expanded: g,
+			isPinned: v,
+			isHeld: y,
+			graspHeld: x,
+			isTransitioning: m,
+			expand: P,
+			collapse: F,
+			keepOpen: D,
+			release: A
+		}), (e, t) => (G(), M("div", L({
 			ref_key: "dockEl",
-			ref: g
-		}, t.$attrs, {
+			ref: c
+		}, e.$attrs, {
 			class: ["glass-dock", [
-				J(l),
-				`shape-${J(c)}`,
-				`layout-${J(h)}`,
-				J(d),
+				Y(a),
+				`shape-${Y(i)}`,
 				{
-					expanded: B.value,
-					collapsed: !B.value,
-					pinned: J(C),
-					"fit-content": J(p),
-					"always-expanded": J(f),
-					"dock-overflow-wrap": e.overflow === "wrap" && J(l) !== "vertical"
-				},
-				e.position === "fixed" ? "fixed bottom-(--dock-pos) inset-x-0 mx-auto w-max" : e.position === "sticky" ? "dock-sticky" : "dock-inline"
+					expanded: I.value,
+					collapsed: !I.value,
+					pinned: Y(v),
+					"fit-content": Y(s),
+					"always-expanded": Y(o)
+				}
 			]],
-			"data-material": "functional",
-			"data-size": J(u),
 			"data-backdrop-mode": n.backdropMode,
-			"data-interaction": J(o) === "manual" ? "manual" : void 0,
-			"data-held": J(w) || void 0,
-			"data-search": e.search || void 0,
-			"data-container-name": e.containerName || void 0,
-			style: [J(r), ne.value],
-			onMouseenter: i[1] ||= (...e) => J(T) && J(T)(...e),
-			onMouseleave: i[2] ||= (e) => J(E)(e),
-			onFocusin: i[3] ||= (...e) => J(D) && J(D)(...e),
-			onFocusout: i[4] ||= (...e) => J(k) && J(k)(...e),
-			onTouchstart: i[5] ||= (...e) => J(oe) && J(oe)(...e),
-			onTouchmove: i[6] ||= (...e) => J(se) && J(se)(...e),
-			onTouchend: i[7] ||= (...e) => J(ce) && J(ce)(...e),
-			onPointerdownCapture: i[8] ||= (...e) => J(q) && J(q)(...e),
-			onPointercancelCapture: i[9] ||= (...e) => J(ie) && J(ie)(...e),
-			onClickCapture: i[10] ||= (...e) => J(Z) && J(Z)(...e)
-		}), [i[11] ||= M("div", {
-			class: "dock-plate",
-			"aria-hidden": "true"
-		}, null, -1), M("div", Ke, [
-			t.$slots.persistent ? (U(), j("div", qe, [K(t.$slots, "persistent")])) : A("", !0),
-			M("div", {
-				ref_key: "layersEl",
-				ref: _,
-				class: "dock-layers"
-			}, [
-				M("div", {
-					ref_key: "fullEl",
-					ref: v,
-					class: L(["dock-layer dock-layer--full", {
-						"is-active": J(W) === "full",
-						"is-leaving": J(te) === "full" || J(ae) === "full" && J(W) !== "full",
-						"is-press-keepalive": J(ae) === "full"
-					}]),
-					inert: J(W) !== "full" && J(ae) !== "full" || void 0
-				}, [K(t.$slots, "default")], 10, Je),
-				M("div", {
-					ref_key: "summaryEl",
-					ref: y,
-					class: L(["dock-layer dock-layer--summary", {
-						"is-active": J(W) === "summary",
-						"is-leaving": J(te) === "summary"
-					}]),
-					inert: J(W) !== "summary" || void 0,
-					onClick: i[0] ||= (...e) => J(N) && J(N)(...e)
-				}, [K(t.$slots, "collapsed")], 10, Ye),
-				e.search ? (U(), j("div", Xe, [K(t.$slots, "search")])) : A("", !0)
-			], 512),
-			t.$slots["persistent-end"] ? (U(), j("div", Ze, [K(t.$slots, "persistent-end")])) : A("", !0)
-		])], 16, Ge));
-	}
-}), $e = o(f, "[glass-ui:dock] <DockLayer> must be used inside <DockCrossfade> (or <DockLayerGroup>)"), { KEY: et } = $e;
+			"data-held": Y(x) || void 0,
+			onMouseenter: t[2] ||= (...e) => Y(S) && Y(S)(...e),
+			onMouseleave: t[3] ||= (e) => Y(C)(e),
+			onFocusin: t[4] ||= (...e) => Y(w) && Y(w)(...e),
+			onFocusout: t[5] ||= (...e) => Y(T) && Y(T)(...e),
+			onPointerdownCapture: t[6] ||= (...e) => Y(K) && Y(K)(...e),
+			onPointercancelCapture: t[7] ||= (...e) => Y(ee) && Y(ee)(...e),
+			onClickCapture: t[8] ||= (...e) => Y(te) && Y(te)(...e)
+		}), [
+			N("div", {
+				class: "dock-plate",
+				"aria-hidden": "true",
+				"data-held": Y(x) || void 0
+			}, [Q.value ? (G(), M(O, { key: 0 }, [t[9] ||= N("span", {
+				class: "glass-grasp-carrier",
+				"data-grasp": "rest"
+			}, null, -1), N("span", {
+				class: "glass-grasp-carrier",
+				"data-grasp": "grasp",
+				onTransitionend: $
+			}, null, 32)], 64)) : j("", !0)], 8, Ge),
+			N("div", Ke, [
+				e.$slots.persistent ? (G(), M("div", qe, [J(e.$slots, "persistent")])) : j("", !0),
+				N("div", {
+					ref_key: "layersEl",
+					ref: l,
+					class: "dock-layers"
+				}, [
+					N("div", {
+						ref_key: "fullEl",
+						ref: u,
+						id: `${h}-full`,
+						role: "toolbar",
+						"aria-orientation": Y(a),
+						class: z(["dock-layer dock-layer--full dock-run", {
+							"is-active": Y(B) === "full",
+							"is-leaving": Y(V) === "full" || Y(ie) === "full" && Y(B) !== "full",
+							"is-press-keepalive": Y(ie) === "full"
+						}]),
+						inert: Y(B) !== "full" && Y(ie) !== "full" || void 0,
+						tabindex: "-1",
+						onKeydown: W
+					}, [J(e.$slots, "default")], 42, Je),
+					N("div", {
+						ref_key: "summaryEl",
+						ref: f,
+						id: `${h}-summary`,
+						class: z(["dock-layer dock-layer--summary", {
+							"is-active": Y(B) === "summary",
+							"is-leaving": Y(V) === "summary"
+						}]),
+						inert: Y(B) !== "summary" || void 0,
+						role: H.value ? "button" : void 0,
+						tabindex: H.value ? 0 : void 0,
+						"aria-label": H.value ? "Expand dock" : void 0,
+						"aria-expanded": H.value ? "false" : void 0,
+						"aria-controls": H.value ? `${h}-full` : void 0,
+						onFocusin: t[0] ||= ae(() => {}, ["stop"]),
+						onKeydown: U,
+						onClick: t[1] ||= (...e) => Y(E) && Y(E)(...e)
+					}, [J(e.$slots, "collapsed")], 42, Ye),
+					e.$slots.search ? (G(), M("div", Xe, [J(e.$slots, "search")])) : j("", !0)
+				], 512),
+				e.$slots["persistent-end"] ? (G(), M("div", Ze, [J(e.$slots, "persistent-end")])) : j("", !0)
+			]),
+			N("div", {
+				ref_key: "statusEl",
+				ref: p,
+				class: "dock-run-status",
+				role: "status",
+				"aria-live": "polite"
+			}, null, 512)
+		], 16, We));
+	}
+}), $e = c("glass-ui:dock-switcher-tablist"), { KEY: et } = $e;
 function tt(e) {
 	$e.provide(e);
 }
-var nt = $e.use;
-$e.useOptional;
+var nt = $e.use, rt = s(u, "[glass-ui:dock] <DockLayer> must be used inside <DockCrossfade> (or <DockLayerGroup>)"), { KEY: it } = rt;
+function at(e) {
+	rt.provide(e);
+}
+var ot = rt.use;
+rt.useOptional;
 //#endregion
 //#region src/components/dock/DockCrossfade.vue
-var rt = /* @__PURE__ */ P({
+var st = /* @__PURE__ */ F({
 	__name: "DockCrossfade",
 	props: {
 		active: {},
 		reserve: { default: "block" }
 	},
 	setup(e, { expose: t }) {
-		let n = e, r = G(null), i = G(/* @__PURE__ */ new Map()), a = O(() => [...i.value.values()].map(({ id: e, label: t, icon: n }) => ({
+		let n = e, r = q(null), i = q(/* @__PURE__ */ new Map()), a = k(() => [...i.value.values()].map(({ id: e, label: t, icon: n }) => ({
 			id: e,
 			label: t,
 			icon: n
@@ -873,101 +942,102 @@ var rt = /* @__PURE__ */ P({
 			let t = new Map(i.value);
 			t.delete(e), i.value = t, p();
 		}
-		let l = O(() => n.active), u = G(null);
-		tt({
+		let c = k(() => n.active), l = q(null);
+		at({
 			register: o,
 			unregister: s,
-			activeId: l,
-			leavingId: u,
+			activeId: c,
+			leavingId: l,
 			faces: a
 		});
-		let d = G(0), f = O(() => n.reserve === "inline" ? "min-inline-size" : "min-block-size");
+		let u = q(0), d = k(() => 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 > d.value && (d.value = e);
+			e > u.value && (u.value = e);
 		}
-		let m = O(() => d.value > 0 ? {
-			[f.value]: `${d.value}px`,
-			"--dock-crossfade-peak": `${d.value}px`
+		let m = k(() => u.value > 0 ? {
+			[d.value]: `${u.value}px`,
+			"--dock-crossfade-peak": `${u.value}px`
 		} : void 0);
-		c(r, () => p());
-		let g = Le({
-			response: h.response,
-			dampingFraction: h.dampingFraction
+		v(r, () => p());
+		let h = Ne({
+			response: f.response,
+			dampingFraction: f.dampingFraction
 		});
-		function _(e) {
+		function g(e) {
 			return e ? i.value.get(e)?.el : void 0;
 		}
-		function v(e, t) {
-			_(e)?.style.setProperty("--dock-t", `${t}`);
+		function _(e, t) {
+			g(e)?.style.setProperty("--dock-t", `${t}`);
 		}
 		function y(e) {
-			_(e)?.style.removeProperty("--dock-t");
+			g(e)?.style.removeProperty("--dock-t");
 		}
 		function b(e) {
 			return e < 0 ? 0 : e > 1 ? 1 : e;
 		}
-		let x = pe("(prefers-reduced-motion: reduce)"), S = null, C = 1;
-		X(x, (e) => {
-			e && (g.dispose(), S?.());
+		let x = me("(prefers-reduced-motion: reduce)"), S = null, C = 1;
+		Z(x, (e) => {
+			e && (h.dispose(), S?.());
 		});
 		async function w(e, t) {
 			if (typeof document > "u") return;
-			let n = _(e), r = document.activeElement;
-			!n || !r || !n.contains(r) || (await I(), (_(t) ?? document.body).focus?.());
+			let n = g(e), r = document.activeElement;
+			!n || !r || !n.contains(r) || (await R(), (g(t) ?? document.body).focus?.());
 		}
-		return X(l, (e, t) => {
+		return Z(c, (e, t) => {
 			if (e === t) return;
 			p();
-			let n = _(e), i = _(t);
+			let n = g(e), i = g(t);
 			if (!n || !i) {
-				u.value = null, y(e), C = 1;
+				l.value = null, y(e), C = 1;
 				return;
 			}
-			let a = u.value, o = Number.parseFloat(n.style.getPropertyValue("--dock-t")), s = Number.parseFloat(i.style.getPropertyValue("--dock-t")), c = a === e && Number.isFinite(o) ? 1 - b(o) : 0, l = Number.isFinite(s) ? b(s) : 1;
-			a && a !== e && a !== t && y(a), u.value = t, v(e, c), v(t, 1 - l), w(t, e), r.value?.setAttribute("data-crossfading", "");
+			let 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 - b(o) : 0, u = Number.isFinite(s) ? b(s) : 1;
+			a && a !== e && a !== t && y(a), l.value = t, _(e, c), _(t, 1 - u), w(t, e), r.value?.setAttribute("data-crossfading", "");
 			let d = () => {
-				y(e), y(t), r.value?.removeAttribute("data-crossfading"), u.value = null, C = 1, S === d && (S = null);
+				y(e), y(t), r.value?.removeAttribute("data-crossfading"), l.value = null, C = 1, S === d && (S = null);
 			};
 			if (S = d, x.value) {
 				d();
 				return;
 			}
-			let f = l > .001 ? -C / l : 0;
-			C = 1 - c, g.playTo(0, 1, {
+			let f = u > .001 ? -C / u : 0;
+			C = 1 - c, h.playTo(0, 1, {
 				inheritVelocityScale: f,
 				onFrame: (n) => {
-					v(e, b(c + (1 - c) * n)), v(t, b(1 - l * (1 - n)));
+					_(e, b(c + (1 - c) * n)), _(t, b(1 - u * (1 - n)));
 				},
 				onSettle: d
 			});
-		}), z(() => {
-			g.dispose(), S = null;
-		}), t({ faces: a }), (e, t) => (U(), j("div", {
+		}), V(() => {
+			h.dispose(), S = null;
+		}), t({ faces: a }), (e, t) => (G(), M("div", {
 			ref_key: "rootEl",
 			ref: r,
 			class: "dock-crossfade",
-			style: R(m.value)
-		}, [K(e.$slots, "default")], 4));
+			style: B(m.value)
+		}, [J(e.$slots, "default")], 4));
 	}
-}), it = ["data-motion"], at = ["aria-orientation"], ot = [
+}), ct = ["data-motion"], lt = ["aria-orientation"], ut = [
+	"id",
 	"tabindex",
-	"title",
+	"aria-controls",
 	"aria-label",
 	"onClick"
-], st = { key: 1 }, ct = { key: 2 }, lt = /* @__PURE__ */ P({
+], dt = { key: 1 }, ft = { key: 2 }, pt = /* @__PURE__ */ F({
 	__name: "DockLayerGroup",
-	props: /*@__PURE__*/ ee({
+	props: /*@__PURE__*/ I({
 		orientation: {},
-		showRail: {
+		showSwitcher: {
 			type: Boolean,
 			default: !0
 		},
-		railPosition: { default: "start" },
+		switcherPosition: { default: "start" },
 		motion: {}
 	}, {
 		active: { required: !0 },
@@ -975,109 +1045,117 @@ var rt = /* @__PURE__ */ P({
 	}),
 	emits: ["update:active"],
 	setup(e) {
-		let t = e, n = s(() => t.motion), r = ie(e, "active"), i = p(), a = O(() => t.orientation ?? i?.orientation.value ?? "horizontal"), o = Y("crossfade"), c = O(() => o.value?.faces ?? []), l = O(() => a.value === "vertical" ? "horizontal" : "vertical"), u = O(() => l.value === "vertical"), d = G(null), f = G(null), m = G([]), h = C({
-			options: O(() => c.value.map((e) => ({ value: e.id }))),
+		let t = e, n = o(() => t.motion), r = ie(e, "active"), i = m(), a = k(() => t.orientation ?? i?.orientation.value ?? "horizontal"), s = X("crossfade"), c = k(() => s.value?.faces ?? []), l = k(() => a.value === "vertical" ? "horizontal" : "vertical"), u = k(() => l.value === "vertical"), d = q(null), f = q(null), h = q([]), g = S({
+			options: k(() => c.value.map((e) => ({ value: e.id }))),
 			model: r,
 			mode: "single",
 			role: "tablist",
 			vertical: u,
 			containerRef: d,
 			indicatorRef: f,
-			buttonRefs: m
-		}), g = O(() => u.value ? "y" : "x");
-		function _() {
+			buttonRefs: h
+		}), _ = k(() => t.showSwitcher && c.value.length > 1), v = re(), y = (e) => e.replace(/[^a-zA-Z0-9_-]/g, ""), b = (e) => `dock-tab-${v}-${y(e)}`, x = (e) => `dock-panel-${v}-${y(e)}`;
+		tt({
+			isTablist: _,
+			tabId: b,
+			panelId: x
+		});
+		let w = k(() => u.value ? "y" : "x");
+		function T() {
 			let e = d.value;
 			if (!e) return [];
 			let t = Array.from(e.querySelectorAll(".dock-layer-tab"));
 			return c.value.map((e, n) => {
-				let r = t[n]?.getBoundingClientRect(), i = r ? g.value === "y" ? r.top + r.height / 2 : r.left + r.width / 2 : 0;
+				let r = t[n]?.getBoundingClientRect(), i = r ? w.value === "y" ? r.top + r.height / 2 : r.left + r.width / 2 : 0;
 				return {
 					value: e.id,
 					center: i
 				};
 			});
 		}
-		let y = v({
+		let E = C({
 			handle: d,
 			surface: f,
-			axis: () => g.value,
-			snapTargets: _,
+			axis: () => w.value,
+			snapTargets: T,
 			onSnap: (e) => {
 				n.armed.value && r.value !== e && (r.value = e);
 			}
 		});
-		X(() => [
+		Z(() => [
 			c.value.length,
 			l.value,
 			n.armed.value
 		], () => {
-			n.armed.value && I(() => y.refresh());
-		}), B(() => {
-			n.armed.value && I(() => y.refresh());
+			n.armed.value && R(() => E.refresh());
+		}), H(() => {
+			n.armed.value && R(() => E.refresh());
 		});
-		function b(e) {
+		function D(e) {
 			return typeof e == "object" && !!e || typeof e == "function";
 		}
-		let x = G(!1);
-		function S() {
-			x.value || (x.value = !0, i?.keepOpen());
+		let F = p(() => i);
+		function I() {
+			F.acquire();
 		}
-		function w(e) {
+		function V(e) {
 			let t = e.relatedTarget, n = e.currentTarget;
-			t && n?.contains(t) || x.value && (x.value = !1, i?.release());
+			t && n?.contains(t) || F.release();
 		}
-		return z(() => {
-			x.value && i?.release();
-		}), (t, i) => (U(), j("div", {
-			class: L(["dock-layer-group", [a.value, `rail-${e.railPosition}`]]),
-			"data-motion": J(n).dataMotion.value,
-			style: R(J(n).hostStyle.value)
-		}, [e.showRail && c.value.length > 1 ? (U(), j("div", {
+		return (t, i) => (G(), M("div", {
+			class: z(["dock-layer-group", [a.value, `switcher-${e.switcherPosition}`]]),
+			"data-motion": Y(n).dataMotion.value,
+			style: B(Y(n).hostStyle.value)
+		}, [_.value ? (G(), M("div", {
 			key: 0,
-			ref_key: "railListEl",
+			ref_key: "switcherListEl",
 			ref: d,
 			role: "tablist",
-			class: L(["dock-layer-rail", [e.railPosition, J(n).armed.value && "glass-drag-grabbable"]]),
+			class: z(["dock-layer-switcher", [e.switcherPosition, Y(n).armed.value && "glass-drag-grabbable"]]),
 			"aria-orientation": l.value,
-			onKeydown: i[0] ||= (...e) => J(h).onKeydown && J(h).onKeydown(...e),
-			onFocusin: S,
-			onFocusout: w
-		}, [(U(!0), j(D, null, te(c.value, (e, t) => (U(), j("button", F({
+			onKeydown: i[0] ||= (...e) => Y(g).onKeydown && Y(g).onKeydown(...e),
+			onFocusin: I,
+			onFocusout: V
+		}, [(G(!0), M(O, null, ee(c.value, (e, t) => (G(), M("button", L({
 			key: e.id,
 			ref_for: !0,
 			ref: (e) => {
-				e && (m.value[t] = e);
+				e && (h.value[t] = e);
 			},
 			type: "button",
 			class: "dock-layer-tab",
-			tabindex: J(h).rovingTabindex(t)
-		}, { ref_for: !0 }, J(h).itemAttrs(e.id), {
-			title: e.label,
+			id: b(e.id),
+			tabindex: Y(g).rovingTabindex(t)
+		}, { ref_for: !0 }, Y(g).itemAttrs(e.id), {
+			"aria-controls": x(e.id),
 			"aria-label": e.label ?? e.id,
-			onClick: (n) => J(h).select(e.id, t)
-		}), [b(e.icon) ? (U(), k(ne(e.icon), {
+			onClick: (n) => Y(g).select(e.id, t)
+		}), [D(e.icon) ? (G(), A(te(e.icon), {
 			key: 0,
 			class: "size-4"
-		})) : typeof e.icon == "string" ? (U(), j("span", st, q(e.icon), 1)) : (U(), j("span", ct, q((e.label ?? e.id).charAt(0)), 1))], 16, ot))), 128)), M("div", {
-			ref_key: "railIndicatorEl",
+		})) : typeof e.icon == "string" ? (G(), M("span", dt, ne(e.icon), 1)) : (G(), M("span", ft, ne((e.label ?? e.id).charAt(0)), 1))], 16, ut))), 128)), N("div", {
+			ref_key: "switcherIndicatorEl",
 			ref: f,
-			class: L(["dock-layer-tab-indicator", J(n).armed.value && J(y).dragging.value && "glass-drag-lift"]),
-			style: R(J(h).singleSliderStyle.value),
+			class: z(["dock-layer-tab-indicator", Y(n).armed.value && Y(E).dragging.value && "glass-drag-lift"]),
+			style: B(Y(g).singleSliderStyle.value),
 			"aria-hidden": "true"
-		}, null, 6)], 42, at)) : A("", !0), N(rt, {
+		}, null, 6)], 42, lt)) : j("", !0), P(st, {
 			ref_key: "crossfade",
-			ref: o,
+			ref: s,
 			active: r.value
 		}, {
-			default: Z(() => [K(t.$slots, "default")]),
+			default: Q(() => [J(t.$slots, "default")]),
 			_: 3
-		}, 8, ["active"])], 14, it));
+		}, 8, ["active"])], 14, ct));
 	}
-}), ut = [
+}), mt = [
+	"role",
+	"id",
+	"aria-labelledby",
 	"inert",
 	"aria-hidden",
 	"tabindex"
-], dt = { class: "dock-face-content" }, ft = /* @__PURE__ */ P({
+], ht = { class: "dock-face-content" }, gt = /* @__PURE__ */ F({
 	__name: "DockLayer",
 	props: {
 		id: {},
@@ -1085,15 +1163,15 @@ var rt = /* @__PURE__ */ P({
 		icon: {}
 	},
 	setup(e) {
-		let t = e, n = nt(), r = Y("hostEl");
-		B(() => {
+		let t = e, n = ot(), r = X("hostEl");
+		H(() => {
 			r.value && n.register({
 				id: t.id,
 				label: t.label,
 				icon: t.icon,
 				el: r.value
 			});
-		}), X(() => [
+		}), Z(() => [
 			t.id,
 			t.label,
 			t.icon
@@ -1104,21 +1182,24 @@ var rt = /* @__PURE__ */ P({
 				icon: t.icon,
 				el: r.value
 			});
-		}), z(() => n.unregister(t.id));
-		let i = O(() => n.activeId.value === t.id), a = O(() => n.leavingId.value === t.id);
-		return (e, t) => (U(), j("div", {
+		}), V(() => n.unregister(t.id));
+		let i = k(() => n.activeId.value === t.id), a = k(() => n.leavingId.value === t.id), o = nt(), s = k(() => o?.isTablist.value ?? !1), c = k(() => s.value ? o.panelId(t.id) : void 0), l = k(() => s.value ? o.tabId(t.id) : void 0);
+		return (e, t) => (G(), M("div", {
 			ref_key: "hostEl",
 			ref: r,
-			class: L(["dock-face", {
+			class: z(["dock-face", {
 				"is-active": i.value,
 				"is-leaving": a.value
 			}]),
+			role: s.value ? "tabpanel" : void 0,
+			id: c.value,
+			"aria-labelledby": l.value,
 			inert: !i.value || void 0,
 			"aria-hidden": !i.value || void 0,
 			tabindex: i.value ? -1 : void 0
-		}, [M("div", dt, [K(e.$slots, "default")])], 10, ut));
+		}, [N("div", ht, [J(e.$slots, "default")])], 10, mt));
 	}
-}), pt = /* @__PURE__ */ P({
+}), _t = /* @__PURE__ */ F({
 	__name: "DockControl",
 	props: {
 		shape: { default: "icon" },
@@ -1128,7 +1209,7 @@ var rt = /* @__PURE__ */ P({
 		},
 		active: {
 			type: Boolean,
-			default: !1
+			default: void 0
 		},
 		type: { default: "button" },
 		disabled: {
@@ -1149,16 +1230,13 @@ var rt = /* @__PURE__ */ P({
 		] }
 	},
 	setup(t) {
-		let r = t, o = O(() => r.shape === "tab"), s = O(() => o.value ? e("dock-tab-button glass-specular-track", r.class) : e("dock-icon-button glass-specular-track glass-capsule-hover", { "glass-capsule": r.active }, { "dock-icon-button--compact": r.compact }, r.class)), c = O(() => ({
-			...r.active ? {
-				"aria-pressed": "true",
-				"data-active": ""
-			} : {},
-			...r.disabled ? {
-				...r.as === "button" && !r.asChild ? { disabled: !0 } : {},
-				"aria-disabled": "true"
-			} : {}
-		})), l = O(() => !r.asChild && r.as === "button" ? { type: r.type } : {}), u = i("press"), d = a({
+		let r = t, o = k(() => r.shape === "tab"), s = k(() => 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 = k(() => ({
+			...r.active === void 0 ? {} : {
+				"aria-pressed": String(r.active),
+				...r.active ? { "data-active": "" } : {}
+			},
+			...r.disabled ? { "aria-disabled": "true" } : {}
+		})), l = k(() => !r.asChild && r.as === "button" ? { type: r.type } : {}), u = i("press"), d = a({
 			disabled: () => r.disabled || o.value,
 			squish: !0,
 			response: u.response,
@@ -1166,11 +1244,11 @@ var rt = /* @__PURE__ */ P({
 			pressVar: "--dock-press-t",
 			shrinkDepth: .04,
 			maxStretch: 1.03
-		}), f = O(() => o.value ? {} : { ...d.pressStyle.value });
+		}), f = k(() => o.value ? {} : { ...d.pressStyle.value });
 		function p(e) {
 			r.disabled && (e.preventDefault(), e.stopImmediatePropagation());
 		}
-		return (e, r) => Q((U(), k(J(oe), F({
+		return (e, r) => $((G(), A(Y(se), L({
 			as: t.as,
 			"as-child": t.asChild
 		}, {
@@ -1179,18 +1257,18 @@ var rt = /* @__PURE__ */ P({
 		}, {
 			class: s.value,
 			style: f.value,
-			"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,
+			"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
 		}), {
-			default: Z(() => [K(e.$slots, "default")]),
+			default: Q(() => [J(e.$slots, "default")]),
 			_: 3
 		}, 16, [
 			"as",
@@ -1206,9 +1284,9 @@ var rt = /* @__PURE__ */ P({
 			"onKeydown",
 			"onKeyup",
 			"onBlur"
-		])), [[J(n)]]);
+		])), [[Y(n)]]);
 	}
-}), mt = /* @__PURE__ */ P({
+}), vt = /* @__PURE__ */ F({
 	inheritAttrs: !1,
 	__name: "DockTrigger",
 	props: {
@@ -1222,28 +1300,28 @@ var rt = /* @__PURE__ */ P({
 		] }
 	},
 	setup(t) {
-		let r = t, i = O(() => e("dock-trigger", r.for === "select" && "dock-select-trigger", r.for !== "select" && "dock-dropdown-trigger", r.class));
-		return (e, t) => r.for === "select" ? Q((U(), k(J(ce), F({ key: 0 }, e.$attrs, { class: i.value }), {
-			default: Z(() => [K(e.$slots, "default"), N(J(se), { "as-child": "" }, {
-				default: Z(() => [K(e.$slots, "icon", {}, () => [N(J(le), {
+		let r = t, i = k(() => e("dock-trigger", r.for === "select" && "dock-select-trigger", r.for !== "select" && "dock-dropdown-trigger", r.class));
+		return (e, t) => r.for === "select" ? $((G(), A(Y(le), L({ key: 0 }, e.$attrs, { class: i.value }), {
+			default: Q(() => [J(e.$slots, "default"), P(Y(ce), { "as-child": "" }, {
+				default: Q(() => [J(e.$slots, "icon", {}, () => [P(Y(ue), {
 					class: "dock-select-trigger__chevron",
 					"aria-hidden": "true"
 				})])]),
 				_: 3
 			})]),
 			_: 3
-		}, 16, ["class"])), [[J(n)]]) : r.for === "dropdown" ? Q((U(), k(d, F({ key: 1 }, e.$attrs, {
+		}, 16, ["class"])), [[Y(n)]]) : r.for === "dropdown" ? $((G(), A(x, L({ key: 1 }, e.$attrs, {
 			action: "pointerdown",
 			class: i.value
 		}), {
-			default: Z(() => [K(e.$slots, "default")]),
+			default: Q(() => [J(e.$slots, "default")]),
 			_: 3
-		}, 16, ["class"])), [[J(n)]]) : Q((U(), k(J(ae), F({ key: 2 }, e.$attrs, { class: i.value }), {
-			default: Z(() => [K(e.$slots, "default")]),
+		}, 16, ["class"])), [[Y(n)]]) : $((G(), A(Y(oe), L({ key: 2 }, e.$attrs, { class: i.value }), {
+			default: Q(() => [J(e.$slots, "default")]),
 			_: 3
-		}, 16, ["class"])), [[J(n)]]);
+		}, 16, ["class"])), [[Y(n)]]);
 	}
-}), ht = /* @__PURE__ */ P({
+}), yt = /* @__PURE__ */ F({
 	__name: "DockBackgroundToggle",
 	props: {
 		paused: {
@@ -1255,23 +1333,22 @@ var rt = /* @__PURE__ */ P({
 	},
 	emits: ["update:paused"],
 	setup(e, { emit: t }) {
-		let n = e, r = t, i = O(() => n.paused ? n.playLabel : n.pauseLabel);
+		let n = e, r = t, i = k(() => n.paused ? n.playLabel : n.pauseLabel);
 		function a() {
 			r("update:paused", !n.paused);
 		}
-		return (t, n) => (U(), k(pt, {
+		return (t, n) => (G(), A(_t, {
 			type: "button",
 			active: e.paused,
 			"aria-pressed": e.paused,
 			"aria-label": i.value,
-			title: i.value,
 			onClick: a
 		}, {
-			default: Z(() => [e.paused ? (U(), k(J(de), {
+			default: Q(() => [e.paused ? (G(), A(Y(fe), {
 				key: 0,
 				size: 18,
 				"aria-hidden": "true"
-			})) : (U(), k(J(ue), {
+			})) : (G(), A(Y(de), {
 				key: 1,
 				size: 18,
 				"aria-hidden": "true"
@@ -1280,40 +1357,216 @@ var rt = /* @__PURE__ */ P({
 		}, 8, [
 			"active",
 			"aria-pressed",
-			"aria-label",
-			"title"
+			"aria-label"
 		]));
 	}
-}), gt = [
+}), bt = [
 	"data-orientation",
-	"data-rail-anchor",
+	"data-dock-hairline",
 	"aria-orientation"
-], _t = /* @__PURE__ */ P({
+], xt = /* @__PURE__ */ F({
 	__name: "DockSeparator",
 	props: { anchor: {
 		type: Boolean,
 		default: !1
 	} },
 	setup(e) {
-		let t = p(), n = O(() => t?.orientation.value ?? "horizontal"), r = O(() => n.value), i = O(() => n.value === "vertical" ? "horizontal" : "vertical");
-		return (t, n) => (U(), j("div", {
-			class: L(["dock-separator", { "dock-separator--anchor": e.anchor }]),
+		let t = m(), n = k(() => t?.orientation.value ?? "horizontal"), r = k(() => n.value), i = k(() => n.value === "vertical" ? "horizontal" : "vertical");
+		return (t, n) => (G(), M("div", {
+			class: z(["dock-separator", { "dock-hairline": e.anchor }]),
 			role: "separator",
 			"data-orientation": r.value,
-			"data-rail-anchor": e.anchor || void 0,
+			"data-dock-hairline": e.anchor || void 0,
 			"aria-orientation": i.value
-		}, null, 10, gt));
+		}, null, 10, bt));
 	}
 });
 //#endregion
+//#region src/composables/search/match.ts
+function St(e, t) {
+	let n = e.length, r = t.length;
+	if (n === 0) return {
+		score: 0,
+		matches: []
+	};
+	if (n > r) return null;
+	let i = [], a = 0, o = 0, s = -2;
+	for (let c = 0; c < r && a < n; c++) {
+		if (e[a] !== t[c]) continue;
+		i.push(c);
+		let n = 1;
+		if (s === c - 1 && (n += 5), c === 0) n += 8;
+		else {
+			let e = t[c - 1];
+			" -_./\\:()".includes(e) ? n += 7 : t[c] >= "A" && t[c] <= "Z" && e >= "a" && e <= "z" && (n += 6);
+		}
+		a === c && (n += 3), o += n, s = c, a++;
+	}
+	return a < n ? null : (o -= Math.max(0, (r - n) * .1), {
+		score: o,
+		matches: i
+	});
+}
+function Ct(e, t) {
+	if (!t) return null;
+	let n = 0, r = [];
+	for (let i of e) {
+		let e = St(i, t);
+		if (!e) return null;
+		n += e.score;
+		for (let t of e.matches) r.push(t);
+	}
+	return {
+		score: n,
+		matches: r
+	};
+}
+function wt(e, t) {
+	let n = null, r = [], i = [
+		[t._lc.label, 12],
+		[t._lc.type, 10],
+		[t._lc.text, 3]
+	];
+	for (let [a, o] of i) {
+		if (!a) continue;
+		let i = Ct(e, a);
+		if (!i) continue;
+		let s = i.score * o;
+		(n === null || s > n) && (n = s, r = a === t._lc.label ? i.matches : []);
+	}
+	return n === null ? null : {
+		score: n,
+		matches: r
+	};
+}
+function Tt(e) {
+	return e.map((e) => ({
+		item: e,
+		_lc: {
+			label: e.label.toLowerCase(),
+			text: e.text.toLowerCase(),
+			type: e.type?.toLowerCase() ?? ""
+		}
+	}));
+}
+var Et = /* @__PURE__ */ new WeakMap();
+function Dt(e) {
+	let t = Et.get(e);
+	return t || (t = /* @__PURE__ */ new Map(), Et.set(e, t)), t;
+}
+function Ot(e, t, n = 30) {
+	let r = t.toLowerCase().trim();
+	if (!r) return [];
+	let i = Dt(e), a = i.get(r);
+	if (a) return a.slice(0, n);
+	i.size > 200 && i.clear();
+	let o = r.split(/\s+/).filter(Boolean);
+	if (o.length === 0) return [];
+	let s = e;
+	if (r.length > 1) {
+		let e = r.slice(0, -1), t = i.get(e);
+		t && (s = t.map((e) => ({
+			item: e.item,
+			_lc: {
+				label: e.item.label.toLowerCase(),
+				text: e.item.text.toLowerCase(),
+				type: e.item.type?.toLowerCase() ?? ""
+			}
+		})));
+	}
+	let c = [];
+	for (let e of s) {
+		let t = wt(o, e);
+		t && c.push({
+			item: e.item,
+			score: t.score,
+			matchIndices: t.matches
+		});
+	}
+	return c.sort((e, t) => t.score - e.score), i.set(r, c), c.slice(0, n);
+}
+function kt(e) {
+	if (e) {
+		Et.delete(e);
+		return;
+	}
+	Et = /* @__PURE__ */ new WeakMap();
+}
+//#endregion
+//#region src/composables/search/useFuzzySearch.ts
+function At(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 = k(() => t()), u = k(() => Tt(l.value)), d;
+	function f(e = d) {
+		e !== void 0 && (clearTimeout(e), d === e && (d = void 0));
+	}
+	Z(i, (e, t, r) => {
+		if (f(), !e || n <= 0) {
+			c.value = e;
+			return;
+		}
+		let i = setTimeout(() => {
+			d === i && (c.value = e, d = void 0);
+		}, n);
+		d = i, r(() => f(i));
+	}), Z(l, () => {
+		f(), c.value = i.value, s.value = 0;
+	}, { deep: !0 });
+	let p = k(() => Ot(u.value, c.value, r));
+	Z(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, kt(u.value);
+	}
+	function g() {
+		a.value = !0;
+	}
+	function _() {
+		o.value = !o.value;
+	}
+	function v(e) {
+		switch (e.key) {
+			case "ArrowDown":
+				e.preventDefault(), s.value < p.value.length - 1 && s.value++;
+				break;
+			case "ArrowUp":
+				e.preventDefault(), s.value > 0 && s.value--;
+				break;
+			case "Enter":
+				e.preventDefault(), p.value[s.value] && m(p.value[s.value]);
+				break;
+			case "Escape":
+				e.preventDefault(), o.value ? o.value = !1 : h();
+				break;
+		}
+	}
+	return U(() => {
+		f(), kt(u.value);
+	}, !0), {
+		query: i,
+		results: p,
+		isOpen: a,
+		isExpanded: o,
+		selectedIndex: s,
+		selectResult: m,
+		close: h,
+		open: g,
+		toggleExpanded: _,
+		onKeydown: v
+	};
+}
+//#endregion
 //#region src/components/dock/composables/useDockSearch.ts
-function vt(e) {
-	let { dockState: t } = e, n = e.debounceMs ?? 120, r = e.maxResults ?? 30, i = G([]), a = null, o = e.items ? e.items : () => i.value;
+function jt(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 s(t) {
 		let n = t.item.id;
 		e.ensureTargetWindow?.(n), e.scrollTo?.(n), e.onResultSelect?.(t);
 	}
-	let c = E({
+	let c = At({
 		items: o,
 		debounceMs: n,
 		maxResults: r,
@@ -1321,7 +1574,7 @@ function vt(e) {
 	});
 	if (e.onSearch) {
 		let t = e.onSearch;
-		X(() => c.query.value, (e) => {
+		Z(() => c.query.value, (e) => {
 			if (a?.abort(), !e) {
 				i.value = [];
 				return;
@@ -1334,7 +1587,7 @@ function vt(e) {
 			});
 		});
 	}
-	let l = O(() => {
+	let l = k(() => {
 		let e = c.query.value;
 		if (!e) return "";
 		let t = c.results.value[0];
@@ -1346,28 +1599,28 @@ function vt(e) {
 		let e = l.value;
 		e && (c.query.value = c.query.value + e);
 	}
-	let d = G(!1);
-	function f() {
-		d.value || (d.value = !0, t.expand(), t.keepOpen(), c.open());
+	let d = p(() => t), f = d.isHeld;
+	function m() {
+		f.value || (t.expand(), d.acquire(), c.open());
 	}
-	function p() {
-		d.value && (d.value = !1, c.close(), t.release());
+	function h() {
+		f.value && (c.close(), d.release());
 	}
-	let m = null;
-	return e.collapseOnScroll && e.scrollContainer && (m = S(e.scrollContainer, {
+	let g = null;
+	return e.collapseOnScroll && e.scrollContainer && (g = E(e.scrollContainer, {
 		collapseOnScroll: !0,
 		chromeRef: e.chromeRef
-	})), V(() => {
-		d.value && t.release(), a?.abort(), a = null;
+	})), U(() => {
+		a?.abort(), a = null;
 	}), {
 		fuzzy: c,
 		autocompleteText: l,
-		scrollChrome: m,
-		armSearch: f,
-		disarmSearch: p,
+		scrollChrome: g,
+		armSearch: m,
+		disarmSearch: h,
 		acceptAutocomplete: u,
-		isSearchArmed: d
+		isSearchArmed: f
 	};
 }
 //#endregion
-export { _ as DOCK_CONTEXT_KEY, ht as DockBackgroundToggle, pt as DockControl, rt as DockCrossfade, ft as DockLayer, lt as DockLayerGroup, _t as DockSeparator, mt as DockTrigger, Qe as GlassDock, m as provideDockContext, g as useDockContext, y as useDockCtaReceive, vt as useDockSearch, p as useOptionalDockContext };
+export { h as DOCK_CONTEXT_KEY, yt as DockBackgroundToggle, _t as DockControl, st as DockCrossfade, gt as DockLayer, pt as DockLayerGroup, xt as DockSeparator, vt as DockTrigger, Qe as GlassDock, d as provideDockContext, l as useDockContext, w as useDockCtaReceive, jt as useDockSearch, m as useOptionalDockContext };