vue-dockable-desktop 1.1.2 → 1.2.0

package/dist/index.js

@@ -1,15 +1,15 @@
-import { Fragment as e, Teleport as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createSlots as s, createTextVNode as c, createVNode as l, defineComponent as u, getCurrentScope as d, guardReactiveProps as f, inject as p, isVNode as m, markRaw as h, mergeModels as g, mergeProps as _, nextTick as v, normalizeClass as y, normalizeProps as b, normalizeStyle as x, onBeforeUnmount as S, onMounted as C, onScopeDispose as w, openBlock as T, provide as E, reactive as D, readonly as O, ref as k, renderList as A, renderSlot as j, resolveComponent as M, resolveDynamicComponent as N, shallowReactive as P, shallowRef as F, toDisplayString as I, toRaw as L, toValue as R, unref as z, useModel as B, useSlots as V, useTemplateRef as H, vModelText as ee, watch as U, watchEffect as te, withCtx as W, withDirectives as ne, withKeys as re, withModifiers as G } from "vue";
+import { Fragment as e, Teleport as t, computed as n, createBlock as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createSlots as s, createTextVNode as c, createVNode as l, defineComponent as u, getCurrentScope as d, guardReactiveProps as f, inject as p, isVNode as m, markRaw as h, mergeModels as g, mergeProps as _, nextTick as v, normalizeClass as y, normalizeProps as b, normalizeStyle as x, onBeforeUnmount as S, onMounted as C, onScopeDispose as w, openBlock as T, provide as E, reactive as D, readonly as O, ref as k, renderList as A, renderSlot as j, resolveComponent as M, resolveDynamicComponent as N, shallowReactive as P, shallowRef as F, toDisplayString as I, toRaw as L, toValue as R, unref as z, useModel as B, useSlots as V, useTemplateRef as H, vModelText as ee, watch as U, watchEffect as W, withCtx as G, withDirectives as te, withKeys as ne, withModifiers as K } from "vue";
 //#region src/core/layoutTree.ts
-var ie = {
+var re = {
 	type: "leaf",
 	id: "group-default",
 	panels: [],
 	activePanelId: null
-}, K = () => ({
-	...ie,
+}, q = () => ({
+	...re,
 	panels: []
 });
-function ae(e, t) {
+function ie(e, t) {
 	if (e.type === "leaf") {
 		let n = e.panels.indexOf(t);
 		if (n === -1) return e;
@@ -20,7 +20,7 @@ function ae(e, t) {
 			activePanelId: i
 		};
 	}
-	let n = e.children.map((e) => ae(e, t)).filter((e) => e !== null);
+	let n = e.children.map((e) => ie(e, t)).filter((e) => e !== null);
 	if (n.length === 0) return null;
 	if (n.length === 1) return n[0];
 	let r = e.sizes.slice(0, n.length), i = r.reduce((e, t) => e + t, 0);
@@ -30,7 +30,7 @@ function ae(e, t) {
 		sizes: r.map((e) => e / i)
 	};
 }
-function oe(e, t, n, r) {
+function ae(e, t, n, r) {
 	let i = r?.select !== !1;
 	if (e.type === "leaf") {
 		if (e.id !== t) return e;
@@ -43,10 +43,10 @@ function oe(e, t, n, r) {
 	}
 	return {
 		...e,
-		children: e.children.map((e) => oe(e, t, n, r))
+		children: e.children.map((e) => ae(e, t, n, r))
 	};
 }
-function se(e, t, n, r) {
+function oe(e, t, n, r) {
 	if (e.type === "leaf") {
 		if (e.id !== t) return e;
 		let i = e.panels.filter((e) => e !== n), a = Math.max(0, Math.min(r, i.length)), o = [...i];
@@ -58,11 +58,11 @@ function se(e, t, n, r) {
 	}
 	return {
 		...e,
-		children: e.children.map((e) => se(e, t, n, r))
+		children: e.children.map((e) => oe(e, t, n, r))
 	};
 }
-var ce = (e) => `group-${e}-${Date.now()}-${Math.floor(Math.random() * 1e3)}`;
-function le(e, t, n, r, i, a = ce("split")) {
+var se = (e) => `group-${e}-${Date.now()}-${Math.floor(Math.random() * 1e3)}`;
+function ce(e, t, n, r, i, a = se("split")) {
 	if (e.type === "leaf") {
 		if (e.id !== t) return e;
 		let o = {
@@ -80,10 +80,10 @@ function le(e, t, n, r, i, a = ce("split")) {
 	}
 	return {
 		...e,
-		children: e.children.map((e) => le(e, t, n, r, i, a))
+		children: e.children.map((e) => ce(e, t, n, r, i, a))
 	};
 }
-function ue(e, t, n, r, i = ce("edge")) {
+function le(e, t, n, r, i = se("edge")) {
 	let a = {
 		type: "leaf",
 		id: i,
@@ -97,9 +97,9 @@ function ue(e, t, n, r, i = ce("edge")) {
 		children: o ? [a, e] : [e, a]
 	};
 }
-function de(e, t) {
+function ue(e, t) {
 	if (e.type === "leaf") return e.id === t && e.canClose !== !1 ? null : e;
-	let n = e.children.map((e) => de(e, t)).filter((e) => e !== null);
+	let n = e.children.map((e) => ue(e, t)).filter((e) => e !== null);
 	if (n.length === 0) return null;
 	if (n.length === 1) return n[0];
 	let r = e.sizes.slice(0, n.length), i = r.reduce((e, t) => e + t, 0);
@@ -109,45 +109,45 @@ function de(e, t) {
 		sizes: r.map((e) => e / i)
 	};
 }
-function fe(e, t) {
+function de(e, t) {
 	return e.type === "leaf" ? e.panels.includes(t) ? {
 		...e,
 		activePanelId: t
 	} : e : {
 		...e,
-		children: e.children.map((e) => fe(e, t))
+		children: e.children.map((e) => de(e, t))
 	};
 }
-function pe(e) {
+function fe(e) {
 	if (e.type === "leaf") return e.id;
 	for (let t of e.children) {
-		let e = pe(t);
+		let e = fe(t);
 		if (e) return e;
 	}
 	return null;
 }
-function me(e, t) {
+function pe(e, t) {
 	if (e.type === "leaf") return e.panels.includes(t) ? e.id : null;
 	for (let n of e.children) {
-		let e = me(n, t);
+		let e = pe(n, t);
 		if (e) return e;
 	}
 	return null;
 }
-function he(e, t) {
+function me(e, t) {
 	if (!e) return null;
 	if (e.type === "leaf") return e.id === t ? e : null;
 	for (let n of e.children) {
-		let e = he(n, t);
+		let e = me(n, t);
 		if (e) return e;
 	}
 	return null;
 }
-function ge(e, t, n) {
-	let r = he(e, t);
+function he(e, t, n) {
+	let r = me(e, t);
 	return r !== null && r.panels.length === 1 && r.panels[0] === n;
 }
-function _e(e, t) {
+function ge(e, t) {
 	let n = [], r = /* @__PURE__ */ new Set(), i = (e) => {
 		if (e.type === "leaf") {
 			let t = e.panels.filter((e) => r.has(e) ? (n.push(`panel "${e}" was listed in more than one group`), !1) : (r.add(e), !0));
@@ -170,7 +170,7 @@ function _e(e, t) {
 			children: t,
 			sizes: a.map((e) => e / o)
 		};
-	}, a = i(e) ?? K(), o = Object.values(t).filter((e) => e.state === "docked" && !r.has(e.id));
+	}, a = i(e) ?? q(), o = Object.values(t).filter((e) => e.state === "docked" && !r.has(e.id));
 	if (o.length > 0) {
 		for (let e of o) n.push(`panel "${e.id}" is docked but was in no group`);
 		let e = o.map((e) => e.id), t = (n) => n.type === "leaf" ? {
@@ -188,10 +188,10 @@ function _e(e, t) {
 		repairs: n
 	};
 }
-function ve(e, t) {
-	return he(e, t) !== null;
+function _e(e, t) {
+	return me(e, t) !== null;
 }
-function ye(e, t, n) {
+function ve(e, t, n) {
 	let r = (e, i) => {
 		if (e.type === "leaf") return e;
 		if (i === t.length) return {
@@ -206,14 +206,14 @@ function ye(e, t, n) {
 	};
 	return r(e, 0);
 }
-function be(e, t) {
+function ye(e, t) {
 	let n = t.panels[e];
 	if (!n || n.state === "minimized") return !1;
 	if (t.floating.some((t) => t.id === e)) return !0;
 	let r = (t) => t.type === "leaf" ? t.activePanelId === e : t.children.some(r);
 	return t.gridRoot ? r(t.gridRoot) : !1;
 }
-function xe(e) {
+function be(e) {
 	let t = (t) => t !== null && !!e.panels[t] && e.panels[t].state !== "minimized", n = (e) => {
 		if (e.type === "leaf") return t(e.activePanelId) ? e.activePanelId : null;
 		for (let t of e.children) {
@@ -229,7 +229,7 @@ function xe(e) {
 }
 //#endregion
 //#region src/core/serialize.ts
-function Se(e) {
+function xe(e) {
 	return e.map((e) => {
 		let t = e;
 		if (!("stickyRight" in t) && !("stickyBottom" in t)) return t;
@@ -240,18 +240,18 @@ function Se(e) {
 		};
 	});
 }
-function Ce(e, t) {
+function Se(e, t) {
 	if (!e || typeof e != "object") return null;
 	let n = e;
 	if (!n.gridRoot || !Array.isArray(n.floating) || !Array.isArray(n.minimized) || !n.panels) return null;
-	let r = Se(n.floating), i = n.panels, a = _e(n.gridRoot, i);
+	let r = xe(n.floating), i = n.panels, a = ge(n.gridRoot, i);
 	a.repairs.length > 0 && t?.(`Repaired the saved layout on load: ${a.repairs.join("; ")}. Layouts written before this version could contain it — dropping a lone docked panel onto its own group left the panel in no group — and the repair runs every time the layout is read, so saving again from this session stores the corrected layout.`);
 	let o = a.gridRoot, s = {
 		gridRoot: o,
 		floating: r,
 		panels: i
 	}, c = typeof n.activePanelId == "string" ? n.activePanelId : null, l = null;
-	return c !== null && (be(c, s) ? l = c : t?.(`Ignoring the saved layout's activePanelId ("${c}") — it does not name a currently visible panel (it may have been closed, minimised, or excluded from the snapshot as non-serialisable). Falling back to the selected tab of the first leaf.`)), l === null && (l = xe(s)), {
+	return c !== null && (ye(c, s) ? l = c : t?.(`Ignoring the saved layout's activePanelId ("${c}") — it does not name a currently visible panel (it may have been closed, minimised, or excluded from the snapshot as non-serialisable). Falling back to the selected tab of the first leaf.`)), l === null && (l = be(s)), {
 		gridRoot: o,
 		floating: r,
 		minimized: n.minimized,
@@ -259,16 +259,16 @@ function Ce(e, t) {
 		activePanelId: l
 	};
 }
-function we(e, t) {
+function Ce(e, t) {
 	if (e) try {
-		let n = Ce(JSON.parse(e), t);
+		let n = Se(JSON.parse(e), t);
 		if (n) return n;
 	} catch {
 		t?.("initialState is not valid JSON; starting from an empty workspace.");
 	}
 	return {
 		gridRoot: {
-			...ie,
+			...re,
 			panels: []
 		},
 		floating: [],
@@ -279,7 +279,7 @@ function we(e, t) {
 }
 //#endregion
 //#region src/core/serializable.ts
-function Te(e) {
+function we(e) {
 	if (e === null) return !0;
 	if (e === void 0) return !1;
 	let t = typeof e;
@@ -287,13 +287,13 @@ function Te(e) {
 	if (t === "function" || t === "symbol" || t === "bigint") return !1;
 	if (e instanceof Date) return !0;
 	if (m(e)) return !1;
-	if (Array.isArray(e)) return e.every(Te);
+	if (Array.isArray(e)) return e.every(we);
 	let n = Object.getPrototypeOf(e);
-	return n !== Object.prototype && n !== null ? !1 : Object.values(e).every(Te);
+	return n !== Object.prototype && n !== null ? !1 : Object.values(e).every(we);
 }
 //#endregion
 //#region src/core/registry.ts
-var Ee = class {
+var Te = class {
 	entries = /* @__PURE__ */ new Map();
 	register(e, t, n) {
 		this.entries.set(e, {
@@ -313,7 +313,7 @@ var Ee = class {
 	keys() {
 		return Array.from(this.entries.keys());
 	}
-}, De = class {
+}, Ee = class {
 	listeners = /* @__PURE__ */ new Map();
 	subscribe(e, t) {
 		let n = this.listeners.get(e);
@@ -339,7 +339,7 @@ var Ee = class {
 	clear() {
 		this.listeners.clear();
 	}
-}, Oe = (e) => "separator" in e, q = (e) => !Oe(e) && "items" in e;
+}, De = (e) => "separator" in e, Oe = (e) => !De(e) && "items" in e;
 function ke(e) {
 	let t = e.event;
 	if (!t) return {
@@ -468,6 +468,14 @@ var je = {
 	search: {
 		id: "vdd.search",
 		defaultMessage: "Search"
+	},
+	notifications: {
+		id: "vdd.notifications",
+		defaultMessage: "Notifications"
+	},
+	closeNotification: {
+		id: "vdd.closeNotification",
+		defaultMessage: "Close notification"
 	}
 };
 function Me(e, t) {
@@ -668,12 +676,12 @@ var He = (e, t) => Math.min(.9, Math.max(.1, e ?? t)), J = {
 	height: 350
 }, Ue = Symbol("vdd-workspace");
 function We(e = {}) {
-	let t = new Ee();
+	let t = new Te();
 	for (let [n, r] of Object.entries(e.panels ?? {})) t.register(n, r.component, r.defaultOptions);
-	let r = new De(), i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map(), s = k(0), c = F(null), l = {
+	let r = new Ee(), i = /* @__PURE__ */ new Map(), a = /* @__PURE__ */ new Map(), o = /* @__PURE__ */ new Map(), s = k(0), c = F(null), l = {
 		...je,
 		...e.messages ?? {}
-	}, u = e.zIndexBase ?? 1e3, d = u, f = we(e.initialState, m), p = D({
+	}, u = e.zIndexBase ?? 1e3, d = u, f = Ce(e.initialState, m), p = D({
 		gridRoot: f.gridRoot,
 		floating: f.floating,
 		minimized: f.minimized,
@@ -696,7 +704,7 @@ function We(e = {}) {
 	});
 	function _(e) {
 		let t = p.activePanelId, n;
-		n = e && be(e, g()) ? e : p.activePanelId && be(p.activePanelId, g()) ? p.activePanelId : xe(g()), n !== t && (p.activePanelId = n, r.emit("panel:activated", {
+		n = e && ye(e, g()) ? e : p.activePanelId && ye(p.activePanelId, g()) ? p.activePanelId : be(g()), n !== t && (p.activePanelId = n, r.emit("panel:activated", {
 			id: n,
 			previous: t
 		}));
@@ -733,15 +741,15 @@ function We(e = {}) {
 	}
 	function C(e) {
 		let t = L(p).gridRoot;
-		p.gridRoot = ae(t, e) ?? (t.type === "leaf" ? {
+		p.gridRoot = ie(t, e) ?? (t.type === "leaf" ? {
 			...t,
 			panels: [],
 			activePanelId: null
-		} : K()), p.floating = p.floating.filter((t) => t.id !== e), p.minimized = p.minimized.filter((t) => t.id !== e);
+		} : q()), p.floating = p.floating.filter((t) => t.id !== e), p.minimized = p.minimized.filter((t) => t.id !== e);
 	}
 	function w(e, t, n) {
 		let r = L(p).gridRoot;
-		return ge(r, t, e) ? !0 : !ve(r, t) && (m(`${n}("${e}", "${t}") was ignored: no group with that id is in the layout. Emptying a group removes it, so an id kept across a layout change can name a group that no longer exists.`), !0);
+		return he(r, t, e) ? !0 : !_e(r, t) && (m(`${n}("${e}", "${t}") was ignored: no group with that id is in the layout. Emptying a group removes it, so an id kept across a layout change can name a group that no longer exists.`), !0);
 	}
 	function T(e, n, i) {
 		t.has(n) || m(`Panel "${e}" references component key "${n}", which is not registered. Add it to createWorkspace({ panels: { "${n}": { component: YourComponent } } }).`);
@@ -756,7 +764,7 @@ function We(e = {}) {
 				M(a, { focus: s });
 				return;
 			}
-			if (o.state === "docked" && me(L(p).gridRoot, a) === null) {
+			if (o.state === "docked" && pe(L(p).gridRoot, a) === null) {
 				m(`Panel "${a}" was open but in no group; docking it again.`), P(a), s && V(a);
 				return;
 			}
@@ -768,7 +776,7 @@ function We(e = {}) {
 			title: i?.title ?? c?.defaultOptions?.title ?? a,
 			component: n,
 			state: l === "floating" ? "floating" : "docked",
-			serializable: !d || Te(L(i.props)),
+			serializable: !d || we(L(i.props)),
 			...d ? { props: h(i.props) } : {},
 			...i?.dedupeKey === void 0 ? {} : { dedupeKey: i.dedupeKey }
 		};
@@ -777,8 +785,8 @@ function We(e = {}) {
 			[a]: f
 		}, l === "floating") S(a, x(u), i?.anchor ?? c?.defaultOptions?.defaultAnchor ?? null);
 		else {
-			let e = pe(L(p).gridRoot) ?? K().id;
-			p.gridRoot = oe(L(p).gridRoot, e, a, { select: s });
+			let e = fe(L(p).gridRoot) ?? q().id;
+			p.gridRoot = ae(L(p).gridRoot, e, a, { select: s });
 		}
 		_(s ? a : null), r.emit("panel:opened", {
 			id: a,
@@ -799,8 +807,8 @@ function We(e = {}) {
 		let n = i.get(e);
 		if (n && !await n()) return;
 		let r = p.panels[e];
-		(!r?.dirty || await (t?.onConfirm ?? ((e) => Se.confirmDiscard({
-			title: _e(r.title),
+		(!r?.dirty || await (t?.onConfirm ?? ((e) => xe.confirmDiscard({
+			title: ge(r.title),
 			dirtyOptions: e
 		})))(r.dirtyOptions)) && E(e);
 	}
@@ -817,7 +825,7 @@ function We(e = {}) {
 				height: Number(t.height),
 				anchor: t.anchor ?? null
 			});
-		} else i = me(L(p).gridRoot, e) ?? void 0;
+		} else i = pe(L(p).gridRoot, e) ?? void 0;
 		C(e), p.panels = {
 			...p.panels,
 			[e]: {
@@ -853,9 +861,9 @@ function We(e = {}) {
 					...i,
 					state: "docked"
 				}
-			}, p.gridRoot = oe(L(p).gridRoot, t, e, { select: a });
+			}, p.gridRoot = ae(L(p).gridRoot, t, e, { select: a });
 		};
-		o === "floating" ? l() : i.lastLeafId && ve(L(p).gridRoot, i.lastLeafId) ? u(i.lastLeafId) : b(e).canDrag === !1 ? u(pe(L(p).gridRoot) ?? K().id) : l(), _(a ? e : null), r.emit("panel:restored", { id: e }), v();
+		o === "floating" ? l() : i.lastLeafId && _e(L(p).gridRoot, i.lastLeafId) ? u(i.lastLeafId) : b(e).canDrag === !1 ? u(fe(L(p).gridRoot) ?? q().id) : l(), _(a ? e : null), r.emit("panel:restored", { id: e }), v();
 	}
 	function N(e, n, r) {
 		let i = p.panels[e];
@@ -873,14 +881,14 @@ function We(e = {}) {
 		let n = p.panels[e];
 		if (!n) return;
 		C(e);
-		let r = n.lastLeafId && ve(L(p).gridRoot, n.lastLeafId) ? n.lastLeafId : void 0, i = t ?? r ?? pe(L(p).gridRoot) ?? K().id;
+		let r = n.lastLeafId && _e(L(p).gridRoot, n.lastLeafId) ? n.lastLeafId : void 0, i = t ?? r ?? fe(L(p).gridRoot) ?? q().id;
 		p.panels = {
 			...p.panels,
 			[e]: {
 				...n,
 				state: "docked"
 			}
-		}, p.gridRoot = oe(L(p).gridRoot, i, e), _(e), v();
+		}, p.gridRoot = ae(L(p).gridRoot, i, e), _(e), v();
 	}
 	function I(e, t, n) {
 		let r = p.panels[e];
@@ -890,29 +898,29 @@ function We(e = {}) {
 				...r,
 				state: "docked"
 			}
-		}, p.gridRoot = n === "center" ? oe(L(p).gridRoot, t, e) : le(L(p).gridRoot, t, e, n, p.splitRatio), p.draggedPanelId = null, _(e), v()));
+		}, p.gridRoot = n === "center" ? ae(L(p).gridRoot, t, e) : ce(L(p).gridRoot, t, e, n, p.splitRatio), p.draggedPanelId = null, _(e), v()));
 	}
 	function R(e, t) {
 		let n = p.panels[e];
-		n && ae(L(p).gridRoot, e) !== null && (C(e), p.panels = {
+		n && ie(L(p).gridRoot, e) !== null && (C(e), p.panels = {
 			...p.panels,
 			[e]: {
 				...n,
 				state: "docked"
 			}
-		}, p.gridRoot = ue(L(p).gridRoot, e, t, p.edgeSplitRatio), p.draggedPanelId = null, _(e), v());
+		}, p.gridRoot = le(L(p).gridRoot, e, t, p.edgeSplitRatio), p.draggedPanelId = null, _(e), v());
 	}
 	function z(e, t, n) {
 		let r = p.panels[e];
 		if (!r || w(e, t, "movePanelOrder")) return;
-		let i = ae(L(p).gridRoot, e) ?? K();
+		let i = ie(L(p).gridRoot, e) ?? q();
 		p.floating = p.floating.filter((t) => t.id !== e), p.minimized = p.minimized.filter((t) => t.id !== e), p.panels = {
 			...p.panels,
 			[e]: {
 				...r,
 				state: "docked"
 			}
-		}, p.gridRoot = se(i, t, e, n), p.draggedPanelId = null, _(e), v();
+		}, p.gridRoot = oe(i, t, e, n), p.draggedPanelId = null, _(e), v();
 	}
 	function B(e) {
 		p.panels[e]?.state === "minimized" && M(e);
@@ -935,7 +943,7 @@ function We(e = {}) {
 						z: t
 					} : n);
 				}
-			} else t.state === "docked" && (p.gridRoot = fe(L(p).gridRoot, e));
+			} else t.state === "docked" && (p.gridRoot = de(L(p).gridRoot, e));
 			if (t.state === "minimized") {
 				let t = p.activePanelId;
 				t !== e && (p.activePanelId = e, r.emit("panel:activated", {
@@ -948,10 +956,10 @@ function We(e = {}) {
 		}
 	}
 	function H(e) {
-		p.gridRoot = de(L(p).gridRoot, e) ?? K(), _(), v();
+		p.gridRoot = ue(L(p).gridRoot, e) ?? q(), _(), v();
 	}
 	function ee(e, t) {
-		p.gridRoot = ye(L(p).gridRoot, e, t), v();
+		p.gridRoot = ve(L(p).gridRoot, e, t), v();
 	}
 	function U(e, t) {
 		p.floating = p.floating.map((n) => n.id === e ? {
@@ -959,7 +967,7 @@ function We(e = {}) {
 			...t
 		} : n);
 	}
-	function te(e, t, n) {
+	function W(e, t, n) {
 		let r = p.panels[e];
 		r && (p.panels = {
 			...p.panels,
@@ -970,7 +978,7 @@ function We(e = {}) {
 			}
 		});
 	}
-	function W(e, t) {
+	function G(e, t) {
 		let n = p.panels[e];
 		n && (p.panels = {
 			...p.panels,
@@ -983,26 +991,26 @@ function We(e = {}) {
 			title: t
 		} : n)));
 	}
-	function ne(e) {
+	function te(e) {
 		p.dir !== e && (p.dir = e, p.isRtl = e === "rtl");
 	}
-	function re() {
+	function ne() {
 		let e = L(p), t = [], n = {};
 		for (let [r, i] of Object.entries(e.panels)) {
 			let e = a.get(r), o = e?.(), s = e !== void 0 && o !== void 0, c = s ? o : i.props;
-			(s ? Te(L(o)) : i.serializable) ? n[r] = s ? {
+			(s ? we(L(o)) : i.serializable) ? n[r] = s ? {
 				...i,
 				props: c,
 				serializable: !0
 			} : i : t.push(r);
 		}
 		let i = e.gridRoot, o = e.floating, s = e.minimized;
-		for (let e of t) i = ae(i, e) ?? K(), o = o.filter((t) => t.id !== e), s = s.filter((t) => t.id !== e);
+		for (let e of t) i = ie(i, e) ?? q(), o = o.filter((t) => t.id !== e), s = s.filter((t) => t.id !== e);
 		t.length && r.emit("layout:panels-excluded", { panels: t.map((t) => ({
 			id: t,
 			component: e.panels[t].component
 		})) });
-		let c = e.activePanelId, l = c !== null && be(c, {
+		let c = e.activePanelId, l = c !== null && ye(c, {
 			gridRoot: i,
 			floating: o,
 			panels: n
@@ -1016,14 +1024,14 @@ function We(e = {}) {
 		};
 		return JSON.stringify(u);
 	}
-	function G(e) {
+	function K(e) {
 		let t;
 		try {
 			t = JSON.parse(e);
 		} catch {
 			return m("loadLayout received invalid JSON; the current layout is unchanged."), !1;
 		}
-		let n = Ce(t, m);
+		let n = Se(t, m);
 		if (!n) return m("loadLayout received something that is not a layout (it needs gridRoot, floating, minimized and panels); the current layout is unchanged."), !1;
 		p.gridRoot = n.gridRoot, p.floating = n.floating, p.minimized = n.minimized, p.panels = n.panels, p.draggedPanelId = null, d = Math.max(u, ...n.floating.map((e) => e.z), 0);
 		let i = p.activePanelId;
@@ -1032,29 +1040,29 @@ function We(e = {}) {
 			previous: i
 		}), v(), !0;
 	}
-	function ie(e, t) {
+	function re(e, t) {
 		return i.set(e, t), () => {
 			i.get(e) === t && i.delete(e);
 		};
 	}
-	function ce(e, t) {
+	function se(e, t) {
 		return a.set(e, t), () => {
 			a.get(e) === t && a.delete(e);
 		};
 	}
-	function he(e, t) {
+	function me(e, t) {
 		return o.set(e, t), s.value++, () => {
 			o.get(e) === t && (o.delete(e), s.value++);
 		};
 	}
-	let _e = (t) => {
+	let ge = (t) => {
 		if (t == null) return "";
 		if (typeof t == "string") return t;
 		if (e.formatMessage) return e.formatMessage(t);
 		let n = t.defaultMessage ?? t.id;
 		for (let [e, r] of Object.entries(t.values ?? {})) n = n.replace(`{${e}}`, String(r));
 		return n;
-	}, Se = Ie(), Oe = Le(), q = {
+	}, xe = Ie(), De = Le(), Oe = {
 		state: O(p),
 		registry: t,
 		gridRoot: n(() => p.gridRoot),
@@ -1080,26 +1088,26 @@ function We(e = {}) {
 		closeLeafGroup: H,
 		updateSplitSizes: ee,
 		updateFloatingPosition: U,
-		setPanelDirty: te,
-		updatePanelTitle: W,
-		setDirection: ne,
+		setPanelDirty: W,
+		updatePanelTitle: G,
+		setDirection: te,
 		setDraggedPanelId: (e) => {
 			p.draggedPanelId = e;
 		},
 		isOpen: (e) => e in p.panels,
 		getOpenPanelIds: () => Object.keys(p.panels),
 		findPanelId: (e, t) => Object.values(p.panels).find((n) => n.component === e && n.dedupeKey === t)?.id ?? null,
-		saveLayout: re,
-		loadLayout: G,
+		saveLayout: ne,
+		loadLayout: K,
 		publish: (e, t) => r.publish(e, t),
 		subscribe: (e, t) => r.subscribe(e, t),
 		toolbar: Ne(),
-		overlays: Se,
-		contributions: Oe,
-		activeContribution: Ve(Oe, () => p.activePanelId),
-		registerCloseGuard: ie,
-		registerStateProvider: ce,
-		registerPanelMenu: he,
+		overlays: xe,
+		contributions: De,
+		activeContribution: Ve(De, () => p.activePanelId),
+		registerCloseGuard: re,
+		registerStateProvider: se,
+		registerPanelMenu: me,
 		panelMenuItems: (e) => (s.value, o.get(e)?.() ?? []),
 		showContextMenu: (e) => {
 			e.event?.preventDefault?.(), c.value = {
@@ -1119,20 +1127,20 @@ function We(e = {}) {
 			window: e.classes?.window ?? "",
 			windowBody: e.classes?.windowBody ?? ""
 		},
-		format: _e,
+		format: ge,
 		messages: l,
 		config: {
 			...e,
 			zIndexBase: u
 		},
 		install(e) {
-			e.provide(Ue, q);
+			e.provide(Ue, Oe);
 		},
 		dispose() {
-			r.clear(), Se.dispose(), i.clear(), a.clear(), o.clear(), c.value = null;
+			r.clear(), xe.dispose(), i.clear(), a.clear(), o.clear(), c.value = null;
 		}
 	};
-	return q;
+	return Oe;
 }
 //#endregion
 //#region src/core/anchorGeometry.ts
@@ -1165,13 +1173,16 @@ function Je(e) {
 	return n(e), t;
 }
 var Ye = class {
-	doc;
+	ownerDocument;
 	elements = /* @__PURE__ */ new Map();
 	preserved = /* @__PURE__ */ new Map();
 	sizes = /* @__PURE__ */ new Map();
 	hidden = null;
-	constructor(e = document) {
-		this.doc = e;
+	constructor(e) {
+		this.ownerDocument = e;
+	}
+	get doc() {
+		return this.ownerDocument ?? document;
 	}
 	hiddenStore() {
 		if (!this.hidden || !this.hidden.isConnected) {
@@ -1182,7 +1193,7 @@ var Ye = class {
 	}
 	elementFor(e) {
 		let t = this.elements.get(e);
-		return t || (t = this.doc.createElement("div"), t.className = "vdd-panel-mount", t.dataset.vddPanel = e, this.hiddenStore().appendChild(t), this.elements.set(e, t)), t;
+		return t || (t = this.doc.createElement("div"), t.className = "vdd-panel-mount", t.setAttribute("data-vdd-panel", e), this.hiddenStore().appendChild(t), this.elements.set(e, t)), t;
 	}
 	has(e) {
 		return this.elements.has(e);
@@ -1339,7 +1350,7 @@ function at(e) {
 		else if (c) {
 			let n = c.index;
 			c.side === "right" && (n += 1);
-			let r = he(e.state.gridRoot, c.leafId);
+			let r = me(e.state.gridRoot, c.leafId);
 			if (r) {
 				let e = r.panels.indexOf(t);
 				e !== -1 && e < n && --n;
@@ -1484,15 +1495,19 @@ function Y() {
 }
 //#endregion
 //#region src/composables/useColorScheme.ts
-var ut = () => document.documentElement.getAttribute("data-color-scheme") === "light" ? "light" : "dark";
+var ut = () => typeof document < "u" && document.documentElement.getAttribute("data-color-scheme") === "light" ? "light" : "dark";
 function dt() {
-	let e = k(ut()), t = new MutationObserver(() => {
-		e.value = ut();
-	});
-	return t.observe(document.documentElement, {
-		attributes: !0,
-		attributeFilter: ["data-color-scheme"]
-	}), w(() => t.disconnect()), n(() => e.value);
+	let e = k(ut());
+	if (typeof document < "u") {
+		let t = new MutationObserver(() => {
+			e.value = ut();
+		});
+		t.observe(document.documentElement, {
+			attributes: !0,
+			attributeFilter: ["data-color-scheme"]
+		}), w(() => t.disconnect());
+	}
+	return n(() => e.value);
 }
 //#endregion
 //#region src/components/VddPanelSlot.vue?vue&type=script&setup=true&lang.ts
@@ -1563,29 +1578,34 @@ var ft = ["data-vdd-slot"], pt = /* @__PURE__ */ u({
 			style: x(f.value)
 		}, null, 4)) : i("", !0)], 64));
 	}
-}), vt = ["data-vdd-leaf", "data-active-panel-id"], yt = { class: "vdd-workspace-tab-bar" }, bt = { class: "vdd-tab-headers-container" }, xt = [
+}), vt = ["data-vdd-leaf", "data-active-panel-id"], yt = { class: "vdd-workspace-tab-bar" }, bt = [
 	"data-vdd-tab",
 	"data-vdd-tab-leaf",
 	"data-vdd-tab-index",
 	"aria-selected",
+	"tabindex",
 	"onClick",
 	"onContextmenu",
 	"onPointerdown",
-	"onPointermove"
-], St = { class: "vdd-text-truncate" }, Ct = {
+	"onPointermove",
+	"onKeydown"
+], xt = { class: "vdd-text-truncate" }, St = {
 	key: 0,
 	class: "vdd-workspace-tab-icon"
-}, wt = [
+}, Ct = [
 	"title",
 	"data-vdd-close",
 	"onClick"
-], Tt = {
+], wt = {
 	key: 0,
 	class: "vdd-tab-header-actions"
-}, Et = ["title", "aria-label"], Dt = { class: "vdd-panel-body" }, Ot = {
+}, Tt = ["title", "aria-label"], Et = {
+	class: "vdd-panel-body",
+	role: "tabpanel"
+}, Dt = {
 	key: 2,
 	class: "vdd-empty-leaf-placeholder"
-}, kt = /* @__PURE__ */ u({
+}, Ot = /* @__PURE__ */ u({
 	__name: "VddLeafGroup",
 	props: { leaf: {} },
 	setup(t) {
@@ -1622,7 +1642,22 @@ var ft = ["data-vdd-slot"], pt = /* @__PURE__ */ u({
 				panel: t,
 				options: c.registry.get(t.component)?.defaultOptions ?? {}
 			}] : [];
-		})), p = n(() => s.leaf.activePanelId), m = (e) => {
+		})), p = n(() => s.leaf.activePanelId), m = H("tabBar"), h = (e, t) => (p.value ? e === p.value : t === 0) ? 0 : -1;
+		function g(e, t) {
+			let n = f.value, r = n[e];
+			if (!r) return;
+			if (t.key === "Delete") {
+				r.options.canClose !== !1 && c.requestClosePanel(r.id), t.preventDefault();
+				return;
+			}
+			if (t.key !== "ArrowRight" && t.key !== "ArrowLeft") return;
+			t.preventDefault();
+			let i = n[(e + (t.key === "ArrowRight" === c.state.isRtl ? n.length - 1 : 1)) % n.length];
+			c.focusPanel(i.id), v(() => {
+				m.value?.querySelector(`[data-vdd-tab="${CSS.escape(i.id)}"]`)?.focus();
+			});
+		}
+		let _ = (e) => {
 			let t = l?.tab.value, n = t?.leafId === s.leaf.id && t.panelId === e;
 			return [
 				"vdd-workspace-tab",
@@ -1635,26 +1670,34 @@ var ft = ["data-vdd-slot"], pt = /* @__PURE__ */ u({
 			"data-vdd-leaf": t.leaf.id,
 			"data-active-panel-id": p.value ?? "",
 			onPointerdown: s[2] ||= (e) => p.value && z(c).focusPanel(p.value)
-		}, [o("div", yt, [o("div", bt, [(T(!0), a(e, null, A(f.value, (e, n) => (T(), a("div", {
+		}, [o("div", yt, [o("div", {
+			ref_key: "tabBar",
+			ref: m,
+			class: "vdd-tab-headers-container",
+			role: "tablist"
+		}, [(T(!0), a(e, null, A(f.value, (e, n) => (T(), a("div", {
 			key: e.id,
-			class: y(m(e.id)),
+			class: y(_(e.id)),
 			"data-vdd-tab": e.id,
 			"data-vdd-tab-leaf": t.leaf.id,
 			"data-vdd-tab-index": String(n),
 			role: "tab",
 			"aria-selected": e.id === p.value,
+			tabindex: h(e.id, n),
 			style: x({ cursor: e.options.canDrag === !1 ? "default" : "pointer" }),
 			onClick: (t) => z(c).focusPanel(e.id),
-			onContextmenu: G((t) => u(e.id, t), ["prevent"]),
+			onContextmenu: K((t) => u(e.id, t), ["prevent"]),
 			onPointerdown: (t) => e.options.canDrag === !1 ? void 0 : z(l)?.startTabDrag(e.id, t, (t) => u(e.id, t)),
 			onPointermove: (r) => d(t.leaf.id, e.id, n, r),
-			onPointerleave: s[0] ||= (e) => z(l)?.dragging.value && z(l).hoverTab(null)
-		}, [o("span", St, [e.options.icon ? (T(), a("span", Ct, [(T(), r(N(e.options.icon)))])) : i("", !0), o("span", null, I(z(c).format(e.panel.title)) + I(e.panel.dirty ? " *" : ""), 1)]), e.options.canClose === !1 ? i("", !0) : (T(), a("span", {
+			onPointerleave: s[0] ||= (e) => z(l)?.dragging.value && z(l).hoverTab(null),
+			onKeydown: (e) => g(n, e)
+		}, [o("span", xt, [e.options.icon ? (T(), a("span", St, [(T(), r(N(e.options.icon)))])) : i("", !0), o("span", null, I(z(c).format(e.panel.title)) + I(e.panel.dirty ? " *" : ""), 1)]), e.options.canClose === !1 ? i("", !0) : (T(), a("span", {
 			key: 0,
 			class: "vdd-close-tab-x",
+			"aria-hidden": "true",
 			title: z(c).format(z(c).messages.closeTab),
 			"data-vdd-close": e.id,
-			onClick: G((t) => z(c).requestClosePanel(e.id), ["stop"])
+			onClick: K((t) => z(c).requestClosePanel(e.id), ["stop"])
 		}, [...s[3] ||= [o("svg", {
 			width: "12",
 			height: "12",
@@ -1662,13 +1705,13 @@ var ft = ["data-vdd-slot"], pt = /* @__PURE__ */ u({
 			fill: "none",
 			stroke: "currentColor",
 			"stroke-width": "2.5"
-		}, [o("path", { d: "M18 6L6 18M6 6l12 12" })], -1)]], 8, wt))], 46, xt))), 128))]), f.value.length === 0 ? (T(), a("div", Tt, [o("button", {
+		}, [o("path", { d: "M18 6L6 18M6 6l12 12" })], -1)]], 8, Ct))], 46, bt))), 128))], 512), f.value.length === 0 ? (T(), a("div", wt, [o("button", {
 			type: "button",
 			class: "vdd-header-close-empty-group",
 			title: z(c).format(z(c).messages.closeEmptyGroup),
 			"aria-label": z(c).format(z(c).messages.closeEmptyGroup),
 			"data-vdd-close-empty-group": "",
-			onClick: s[1] ||= G((e) => z(c).closeLeafGroup(t.leaf.id), ["stop"])
+			onClick: s[1] ||= K((e) => z(c).closeLeafGroup(t.leaf.id), ["stop"])
 		}, [...s[4] ||= [o("svg", {
 			width: "12",
 			height: "12",
@@ -1676,15 +1719,15 @@ var ft = ["data-vdd-slot"], pt = /* @__PURE__ */ u({
 			fill: "none",
 			stroke: "currentColor",
 			"stroke-width": "2.5"
-		}, [o("path", { d: "M18 6L6 18M6 6l12 12" })], -1)]], 8, Et)])) : i("", !0)]), o("div", Dt, [z(l)?.dragging.value ? (T(), r(_t, {
+		}, [o("path", { d: "M18 6L6 18M6 6l12 12" })], -1)]], 8, Tt)])) : i("", !0)]), o("div", Et, [z(l)?.dragging.value ? (T(), r(_t, {
 			key: 0,
 			"leaf-id": t.leaf.id
 		}, null, 8, ["leaf-id"])) : i("", !0), p.value ? (T(), r(pt, {
 			key: p.value,
 			"panel-id": p.value
-		}, null, 8, ["panel-id"])) : (T(), a("div", Ot, [o("span", null, I(z(c).format(z(c).messages.emptyGroup)), 1)]))])], 40, vt));
+		}, null, 8, ["panel-id"])) : (T(), a("div", Dt, [o("span", null, I(z(c).format(z(c).messages.emptyGroup)), 1)]))])], 40, vt));
 	}
-}), At = ["data-vdd-divider", "onPointerdown"], jt = /* @__PURE__ */ u({
+}), kt = ["data-vdd-divider", "onPointerdown"], At = /* @__PURE__ */ u({
 	__name: "VddWorkspaceGrid",
 	props: {
 		node: {},
@@ -1717,7 +1760,7 @@ var ft = ["data-vdd-slot"], pt = /* @__PURE__ */ u({
 		}
 		return (n, s) => {
 			let c = M("VddWorkspaceGrid", !0);
-			return t.node.type === "leaf" ? (T(), r(kt, {
+			return t.node.type === "leaf" ? (T(), r(Ot, {
 				key: 0,
 				leaf: t.node
 			}, null, 8, ["leaf"])) : (T(), a("div", {
@@ -1752,16 +1795,16 @@ var ft = ["data-vdd-slot"], pt = /* @__PURE__ */ u({
 					zIndex: 20
 				}),
 				onPointerdown: (e) => d(r, e)
-			}, null, 44, At)) : i("", !0)], 64))), 128))], 6));
+			}, null, 44, kt)) : i("", !0)], 64))), 128))], 6));
 		};
 	}
-}), Mt = Symbol("vdd-panel");
-function Nt(e) {
-	E(Mt, e);
+}), jt = Symbol("vdd-panel");
+function Mt(e) {
+	E(jt, e);
 }
-var Pt = "standalone";
-function Ft() {
-	let e = p(Mt, null), t = p(Ue, null), r = e?.id ?? Pt, i = (e) => {
+var Nt = "standalone";
+function Pt() {
+	let e = p(jt, null), t = p(Ue, null), r = e?.id ?? Nt, i = (e) => {
 		process.env.NODE_ENV !== "production" && console.warn(`[vue-dockable-desktop] usePanel().${e} was called outside a panel container, so it did nothing. This is expected when a panel component is rendered standalone.`);
 	}, a = (e, t) => {
 		process.env.NODE_ENV !== "production" && console.warn(`[vue-dockable-desktop] usePanel().${e} did nothing: ${t}`);
@@ -1772,7 +1815,7 @@ function Ft() {
 		isActive: n(() => !!t && t.state.activePanelId === r),
 		isMinimized: n(() => o.value?.state === "minimized"),
 		isFloating: n(() => o.value?.state === "floating"),
-		containerType: n(() => e?.containerType.value ?? Pt),
+		containerType: n(() => e?.containerType.value ?? Nt),
 		size: n(() => (e?.size ?? s).value),
 		dirty: n(() => e?.dirty ? e.dirty.value : o.value?.dirty === !0),
 		setTitle: (n) => {
@@ -1816,10 +1859,10 @@ function Ft() {
 }
 //#endregion
 //#region src/components/VddPanelMount.vue?vue&type=script&setup=true&lang.ts
-var It = ["dir"], Lt = {
+var Ft = ["dir"], It = {
 	key: 1,
 	class: "vdd-unregistered-panel"
-}, Rt = /* @__PURE__ */ u({
+}, Lt = /* @__PURE__ */ u({
 	__name: "VddPanelMount",
 	props: {
 		panelId: {},
@@ -1830,13 +1873,13 @@ var It = ["dir"], Lt = {
 			let e = c.value;
 			return e && (e.state === "minimized" ? e.previousState ?? "docked" : e.state) === "floating" ? "floating-window" : "dockable-panel";
 		}), d = k(null);
-		Nt({
+		Mt({
 			id: i.panelId,
 			containerType: u,
 			size: d
 		});
 		let f = n(() => i.cache.elementFor(i.panelId)), p = null;
-		return te((e) => {
+		return W((e) => {
 			let t = f.value;
 			typeof ResizeObserver > "u" || (p = new ResizeObserver((e) => {
 				for (let t of e) {
@@ -1855,18 +1898,18 @@ var It = ["dir"], Lt = {
 		}), (n, i) => (T(), r(t, { to: f.value }, [o("div", {
 			class: "vdd-panel-content",
 			dir: z(s).state.dir
-		}, [l.value ? (T(), r(N(l.value.component), _({ key: 0 }, c.value?.props ?? {}, { "panel-id": e.panelId }), null, 16, ["panel-id"])) : (T(), a("div", Lt, [i[0] ||= o("strong", null, "Unregistered panel", -1), o("span", null, "No component is registered for key \"" + I(c.value?.component) + "\".", 1)]))], 8, It)], 8, ["to"]));
+		}, [l.value ? (T(), r(N(l.value.component), _({ key: 0 }, c.value?.props ?? {}, { "panel-id": e.panelId }), null, 16, ["panel-id"])) : (T(), a("div", It, [i[0] ||= o("strong", null, "Unregistered panel", -1), o("span", null, "No component is registered for key \"" + I(c.value?.component) + "\".", 1)]))], 8, Ft)], 8, ["to"]));
 	}
-}), zt = ["data-vdd-window", "dir"], Bt = ["data-vdd-titlebar"], Vt = { class: "vdd-floating-window-title" }, Ht = {
+}), Rt = ["data-vdd-window", "dir"], zt = ["data-vdd-titlebar"], Bt = { class: "vdd-floating-window-title" }, Vt = {
 	key: 0,
 	class: "vdd-window-title-icon"
-}, Ut = ["data-vdd-more", "title"], Wt = {
+}, Ht = ["data-vdd-more", "title"], Ut = {
 	width: "14",
 	height: "14",
 	viewBox: "0 0 24 24",
 	fill: "currentColor",
 	style: { display: "block" }
-}, Gt = ["data-vdd-maximize", "title"], Kt = ["data-vdd-minimize", "title"], qt = ["data-vdd-close-window", "title"], Jt = ["data-vdd-handle", "onPointerdown"], Yt = 8, Xt = 8, Zt = /* @__PURE__ */ u({
+}, Wt = ["data-vdd-maximize", "title"], Gt = ["data-vdd-minimize", "title"], Kt = ["data-vdd-close-window", "title"], qt = ["data-vdd-handle", "onPointerdown"], Jt = 8, Yt = 8, Xt = /* @__PURE__ */ u({
 	__name: "VddFloatingWindow",
 	props: {
 		window: {},
@@ -1884,10 +1927,10 @@ var It = ["dir"], Lt = {
 			"nw"
 		], f = n(() => c.state.panels[s.window.id]), p = n(() => f.value ? c.registry.get(f.value.component)?.defaultOptions ?? {} : {}), m = n(() => c.state.activePanelId === s.window.id), h = n(() => c.state.draggedPanelId === s.window.id), g = (e) => typeof e == "number" ? `${e}px` : e, _ = n(() => c.state.floating.filter((e) => e.anchor === s.window.anchor && !e.maximized)), v = n(() => {
 			if (!s.window.anchor) return 0;
-			let e = _.value.findIndex((e) => e.id === s.window.id), t = Yt;
+			let e = _.value.findIndex((e) => e.id === s.window.id), t = Jt;
 			for (let n = 0; n < e; n++) {
 				let e = _.value[n].height;
-				t += (typeof e == "number" ? e : Number.parseFloat(String(e))) + Xt;
+				t += (typeof e == "number" ? e : Number.parseFloat(String(e))) + Yt;
 			}
 			return t;
 		}), b = n(() => {
@@ -1907,7 +1950,7 @@ var It = ["dir"], Lt = {
 				let n = e.anchor.startsWith("top"), r = e.anchor.endsWith("-right");
 				return {
 					...t,
-					[r ? "insetInlineEnd" : "insetInlineStart"]: `${Yt}px`,
+					[r ? "insetInlineEnd" : "insetInlineStart"]: `${Jt}px`,
 					[n ? "top" : "bottom"]: `${v.value}px`,
 					width: g(e.width),
 					height: g(e.height),
@@ -2013,11 +2056,11 @@ var It = ["dir"], Lt = {
 				"data-vdd-titlebar": t.window.id,
 				style: x({ cursor: t.window.maximized || p.value.canDrag === !1 ? "default" : "move" }),
 				onPointerdown: w,
-				onContextmenu: s[5] ||= G((e) => C(e), ["prevent"]),
+				onContextmenu: s[5] ||= K((e) => C(e), ["prevent"]),
 				onDblclick: s[6] ||= (e) => z(c).maximizePanel(t.window.id)
-			}, [o("span", Vt, [p.value.icon ? (T(), a("span", Ht, [(T(), r(N(p.value.icon)))])) : i("", !0), o("span", null, I(z(c).format(f.value.title)) + I(f.value.dirty ? " *" : ""), 1)]), o("div", {
+			}, [o("span", Bt, [p.value.icon ? (T(), a("span", Vt, [(T(), r(N(p.value.icon)))])) : i("", !0), o("span", null, I(z(c).format(f.value.title)) + I(f.value.dirty ? " *" : ""), 1)]), o("div", {
 				class: "vdd-titlebar-actions",
-				onPointerdown: s[4] ||= G(() => {}, ["stop"])
+				onPointerdown: s[4] ||= K(() => {}, ["stop"])
 			}, [
 				S.value.length > 0 ? (T(), a("button", {
 					key: 0,
@@ -2026,7 +2069,7 @@ var It = ["dir"], Lt = {
 					"data-vdd-more": t.window.id,
 					title: z(c).format(z(c).messages.moreActions),
 					onClick: s[0] ||= (e) => C(e, !0)
-				}, [(T(), a("svg", Wt, [...s[8] ||= [
+				}, [(T(), a("svg", Ut, [...s[8] ||= [
 					o("circle", {
 						cx: "12",
 						cy: "5",
@@ -2042,7 +2085,7 @@ var It = ["dir"], Lt = {
 						cy: "19",
 						r: "2"
 					}, null, -1)
-				]]))], 8, Ut)) : i("", !0),
+				]]))], 8, Ht)) : i("", !0),
 				o("button", {
 					type: "button",
 					class: "vdd-custom-tab-btn vdd-btn-maximize-tab",
@@ -2062,7 +2105,7 @@ var It = ["dir"], Lt = {
 					width: "16",
 					height: "16",
 					rx: "1.5"
-				})], -1)]], 8, Gt),
+				})], -1)]], 8, Wt),
 				p.value.canMinimize === !1 ? i("", !0) : (T(), a("button", {
 					key: 1,
 					type: "button",
@@ -2077,7 +2120,7 @@ var It = ["dir"], Lt = {
 					fill: "none",
 					stroke: "currentColor",
 					"stroke-width": "3"
-				}, [o("path", { d: "M5 12h14" })], -1)]], 8, Kt)),
+				}, [o("path", { d: "M5 12h14" })], -1)]], 8, Gt)),
 				p.value.canClose === !1 ? i("", !0) : (T(), a("button", {
 					key: 2,
 					type: "button",
@@ -2092,18 +2135,18 @@ var It = ["dir"], Lt = {
 					fill: "none",
 					stroke: "currentColor",
 					"stroke-width": "3"
-				}, [o("path", { d: "M18 6L6 18M6 6l12 12" })], -1)]], 8, qt))
-			], 32)], 44, Bt),
+				}, [o("path", { d: "M18 6L6 18M6 6l12 12" })], -1)]], 8, Kt))
+			], 32)], 44, zt),
 			o("div", { class: y(["vdd-floating-window-body", z(c).classes.windowBody]) }, [l(pt, { "panel-id": t.window.id }, null, 8, ["panel-id"])], 2),
 			t.window.maximized ? i("", !0) : (T(), a(e, { key: 0 }, A(d, (e) => o("div", {
 				key: e,
 				class: y(["vdd-resize-handle", `vdd-resize-${e}`]),
 				"data-vdd-handle": `${t.window.id}:${e}`,
 				onPointerdown: (t) => E(e, t)
-			}, null, 42, Jt)), 64))
-		], 46, zt)) : i("", !0);
+			}, null, 42, qt)), 64))
+		], 46, Rt)) : i("", !0);
 	}
-}), Qt = ["data-vdd-edge", "onPointerenter"], $t = ["data-vdd-corner", "onPointerenter"], en = /* @__PURE__ */ u({
+}), Zt = ["data-vdd-edge", "onPointerenter"], Qt = ["data-vdd-corner", "onPointerenter"], $t = /* @__PURE__ */ u({
 	__name: "VddEdgeZones",
 	setup(t) {
 		let r = ot(), s = Y(), c = [
@@ -2154,7 +2197,7 @@ var It = ["dir"], Lt = {
 				"data-vdd-edge": e,
 				onPointerenter: (t) => z(r)?.hoverEdge(e),
 				onPointerleave: n[0] ||= (e) => z(r)?.hoverEdge(null)
-			}, null, 42, Qt)), 64)),
+			}, null, 42, Zt)), 64)),
 			(T(), a(e, null, A(l, (e) => o("div", {
 				key: e,
 				class: y(["vdd-corner-zone", [`vdd-corner-zone--${e}`, { "vdd-corner-zone--hovered": z(r)?.corner.value === e }]]),
@@ -2162,7 +2205,7 @@ var It = ["dir"], Lt = {
 				"aria-hidden": "true",
 				onPointerenter: (t) => z(r)?.hoverCorner(e),
 				onPointerleave: n[1] ||= (e) => z(r)?.hoverCorner(null)
-			}, null, 42, $t)), 64)),
+			}, null, 42, Qt)), 64)),
 			u.value ? (T(), a("div", {
 				key: 0,
 				class: "vdd-workspace-edge-preview",
@@ -2170,7 +2213,7 @@ var It = ["dir"], Lt = {
 			}, null, 4)) : i("", !0)
 		], 64));
 	}
-}), tn = /* @__PURE__ */ u({
+}), en = /* @__PURE__ */ u({
 	__name: "VddDragGhost",
 	setup(e) {
 		let t = ot(), r = Y(), o = n(() => {
@@ -2189,10 +2232,10 @@ var It = ["dir"], Lt = {
 			})
 		}, I(o.value), 5)) : i("", !0);
 	}
-}), nn = ["dir"], rn = { class: "vdd-tooltip-header-row" }, an = { class: "vdd-tooltip-title-text vdd-text-truncate" }, on = ["data-vdd-preview-close", "title"], sn = {
+}), tn = ["dir"], nn = { class: "vdd-tooltip-header-row" }, rn = { class: "vdd-tooltip-title-text vdd-text-truncate" }, an = ["data-vdd-preview-close", "title"], on = {
 	key: 1,
 	class: "vdd-taskbar-item-preview-letter"
-}, cn = 220, ln = 140, un = /* @__PURE__ */ u({
+}, sn = 220, cn = 140, ln = /* @__PURE__ */ u({
 	__name: "VddTaskbarPreview",
 	props: {
 		panelId: {},
@@ -2206,7 +2249,7 @@ var It = ["dir"], Lt = {
 		"keep"
 	],
 	setup(e, { emit: i }) {
-		let s = e, c = i, l = Y(), u = n(() => l.state.panels[s.panelId]), d = n(() => u.value ? l.registry.get(u.value.component)?.defaultOptions ?? {} : {}), f = n(() => d.value.disableLivePreview !== !0), p = n(() => s.cache.sizeOf(s.panelId)), m = n(() => Math.min(cn / p.value.width, ln / p.value.height)), h = n(() => ({
+		let s = e, c = i, l = Y(), u = n(() => l.state.panels[s.panelId]), d = n(() => u.value ? l.registry.get(u.value.component)?.defaultOptions ?? {} : {}), f = n(() => d.value.disableLivePreview !== !0), p = n(() => s.cache.sizeOf(s.panelId)), m = n(() => Math.min(sn / p.value.width, cn / p.value.height)), h = n(() => ({
 			width: `${Math.round(p.value.width * m.value)}px`,
 			height: `${Math.round(p.value.height * m.value)}px`
 		})), g = n(() => ({
@@ -2251,11 +2294,12 @@ var It = ["dir"], Lt = {
 			onClick: i[1] ||= (e) => c("restore"),
 			onPointerenter: i[2] ||= (e) => c("keep"),
 			onPointerleave: i[3] ||= (e) => c("dismiss")
-		}, [o("div", rn, [o("span", an, I(z(l).format(u.value?.title)) + I(u.value?.dirty ? " *" : ""), 1), o("span", {
+		}, [o("div", nn, [o("span", rn, I(z(l).format(u.value?.title)) + I(u.value?.dirty ? " *" : ""), 1), o("span", {
 			class: "vdd-tooltip-close-x",
+			"aria-hidden": "true",
 			"data-vdd-preview-close": e.panelId,
 			title: z(l).format(z(l).messages.closePanel),
-			onClick: i[0] ||= G((e) => c("close"), ["stop"])
+			onClick: i[0] ||= K((e) => c("close"), ["stop"])
 		}, [...i[4] ||= [o("svg", {
 			width: "12",
 			height: "12",
@@ -2263,7 +2307,7 @@ var It = ["dir"], Lt = {
 			fill: "none",
 			stroke: "currentColor",
 			"stroke-width": "2.5"
-		}, [o("path", { d: "M18 6L6 18M6 6l12 12" })], -1)]], 8, on)]), o("div", {
+		}, [o("path", { d: "M18 6L6 18M6 6l12 12" })], -1)]], 8, an)]), o("div", {
 			class: "vdd-taskbar-item-preview-frame",
 			style: x(h.value)
 		}, [f.value ? (T(), a("div", {
@@ -2271,20 +2315,20 @@ var It = ["dir"], Lt = {
 			ref: y,
 			class: "vdd-taskbar-item-preview-host",
 			style: x(g.value)
-		}, null, 4)) : (T(), a("div", sn, I(_.value), 1))], 4)], 44, nn)]));
+		}, null, 4)) : (T(), a("div", on, I(_.value), 1))], 4)], 44, tn)]));
 	}
-}), dn = ["data-vdd-taskbar-mode"], fn = {
+}), un = ["data-vdd-taskbar-mode"], dn = {
 	key: 0,
 	class: "vdd-taskbar-peek-handle",
 	"data-vdd-peek": ""
-}, pn = ["aria-label"], mn = [
+}, fn = ["aria-label"], pn = [
 	"data-vdd-taskbar-item",
 	"title",
 	"onClick",
 	"onContextmenu",
 	"onPointerdown",
 	"onPointerenter"
-], hn = { class: "vdd-taskbar-item-icon" }, gn = {
+], mn = { class: "vdd-taskbar-item-icon" }, hn = {
 	key: 1,
 	width: "14",
 	height: "14",
@@ -2292,7 +2336,7 @@ var It = ["dir"], Lt = {
 	fill: "none",
 	stroke: "currentColor",
 	"stroke-width": "2"
-}, _n = ["aria-label"], vn = 4, yn = 400, bn = 2e3, xn = /* @__PURE__ */ u({
+}, gn = ["aria-label"], _n = 4, vn = 400, yn = 2e3, bn = /* @__PURE__ */ u({
 	__name: "VddTaskbar",
 	props: {
 		visibility: { default: "always" },
@@ -2304,7 +2348,7 @@ var It = ["dir"], Lt = {
 		let c = t, l = s, u = Y(), d = F(null), f = k(!1), p = k(null), m, h, g = n(() => u.state.minimized.map((e) => ({
 			...e,
 			options: u.registry.get(e.component)?.defaultOptions ?? {}
-		}))), _ = n(() => c.visibility === "always" || g.value.length > 0), v = n(() => g.value.length > vn);
+		}))), _ = n(() => c.visibility === "always" || g.value.length > 0), v = n(() => g.value.length > _n);
 		function b(e) {
 			d.value?.scrollBy({
 				left: e * 150,
@@ -2316,12 +2360,12 @@ var It = ["dir"], Lt = {
 		}, C = () => {
 			clearTimeout(m), m = setTimeout(() => {
 				f.value = !1;
-			}, yn);
+			}, vn);
 		};
 		U(() => u.state.minimized.length, (e, t) => {
 			c.visibility !== "autohide" || e <= (t ?? 0) || (x(), m = setTimeout(() => {
 				f.value = !1;
-			}, bn));
+			}, yn));
 		});
 		let w = (e) => {
 			let t = e.getBoundingClientRect();
@@ -2379,7 +2423,7 @@ var It = ["dir"], Lt = {
 			onPointerenter: s[7] ||= (e) => t.visibility === "autohide" && x(),
 			onPointerleave: s[8] ||= (e) => t.visibility === "autohide" && C()
 		}, [
-			t.visibility === "autohide" ? (T(), a("div", fn)) : i("", !0),
+			t.visibility === "autohide" ? (T(), a("div", dn)) : i("", !0),
 			v.value ? (T(), a("button", {
 				key: 1,
 				type: "button",
@@ -2387,7 +2431,7 @@ var It = ["dir"], Lt = {
 				"data-vdd-taskbar-scroll": "left",
 				"aria-label": z(u).format(z(u).messages.scrollTabsLeft),
 				onClick: s[0] ||= (e) => b(-1)
-			}, "◀", 8, pn)) : i("", !0),
+			}, "◀", 8, fn)) : i("", !0),
 			o("div", {
 				ref_key: "strip",
 				ref: d,
@@ -2399,11 +2443,11 @@ var It = ["dir"], Lt = {
 				role: "button",
 				title: z(u).format(e.title),
 				onClick: (t) => P(e.id, t),
-				onContextmenu: G((t) => l("contextMenu", e.id, t), ["prevent"]),
+				onContextmenu: K((t) => l("contextMenu", e.id, t), ["prevent"]),
 				onPointerdown: (t) => I(e.id, t),
 				onPointerenter: (t) => j(e.id, t),
 				onPointerleave: s[1] ||= (e) => D()
-			}, [o("span", hn, [e.options.icon ?? t.defaultIcon ? (T(), r(N(e.options.icon ?? t.defaultIcon), { key: 0 })) : (T(), a("svg", gn, [...s[9] ||= [
+			}, [o("span", mn, [e.options.icon ?? t.defaultIcon ? (T(), r(N(e.options.icon ?? t.defaultIcon), { key: 0 })) : (T(), a("svg", hn, [...s[9] ||= [
 				o("rect", {
 					x: "3",
 					y: "3",
@@ -2432,7 +2476,7 @@ var It = ["dir"], Lt = {
 					height: "5",
 					rx: "1"
 				}, null, -1)
-			]]))])], 40, mn))), 128))], 512),
+			]]))])], 40, pn))), 128))], 512),
 			v.value ? (T(), a("button", {
 				key: 2,
 				type: "button",
@@ -2440,8 +2484,8 @@ var It = ["dir"], Lt = {
 				"data-vdd-taskbar-scroll": "right",
 				"aria-label": z(u).format(z(u).messages.scrollTabsRight),
 				onClick: s[2] ||= (e) => b(1)
-			}, "▶", 8, _n)) : i("", !0),
-			p.value ? (T(), r(un, {
+			}, "▶", 8, gn)) : i("", !0),
+			p.value ? (T(), r(ln, {
 				key: p.value.id,
 				"panel-id": p.value.id,
 				anchor: p.value.anchor,
@@ -2457,16 +2501,16 @@ var It = ["dir"], Lt = {
 				"anchor",
 				"cache"
 			])) : i("", !0)
-		], 42, dn)) : i("", !0);
+		], 42, un)) : i("", !0);
 	}
-}), Sn = [
+}), xn = [
 	"data-vdd-skin",
 	"data-color-scheme",
 	"dir"
-], Cn = {
+], Sn = {
 	class: "vdd-panel-port",
 	"aria-hidden": "true"
-}, wn = /* @__PURE__ */ u({
+}, Cn = /* @__PURE__ */ u({
 	__name: "VddDesktop",
 	props: {
 		skin: { default: "vscode" },
@@ -2481,36 +2525,36 @@ var It = ["dir"], Lt = {
 	setup(t, { emit: s }) {
 		let c = t, u = s, d = Y(), f = dt(), p = new Ye();
 		Ze(p);
-		let m = at(d), h = n(() => Object.keys(d.state.panels));
-		U(h, (e, t) => {
+		let m = at(d), h = typeof document > "u", g = n(() => h ? [] : Object.keys(d.state.panels));
+		U(g, (e, t) => {
 			for (let n of t ?? []) e.includes(n) || p.release(n);
 		}), C(() => {
 			if (process.env.NODE_ENV !== "production") try {
 				getComputedStyle(document.documentElement).getPropertyValue("--vdd-styles-loaded").trim() !== "1" && console.error("[vue-dockable-desktop] the stylesheet is not imported.\nAdd this to your entry file (main.ts):\n  import 'vue-dockable-desktop/styles.css'\nWithout it the workspace renders as a black rectangle, with no other error.");
 			} catch {}
 		});
-		let g = H("viewport"), _ = k({
+		let _ = H("viewport"), v = k({
 			width: 1024,
 			height: 768
-		}), v = null, b = !1;
-		U(g, (e) => {
-			v?.disconnect(), !(!e || typeof ResizeObserver > "u") && (v = new ResizeObserver((t) => {
+		}), b = null, x = !1;
+		U(_, (e) => {
+			b?.disconnect(), !(!e || typeof ResizeObserver > "u") && (b = new ResizeObserver((t) => {
 				let n = t[0]?.contentRect;
-				if (n && (_.value = {
+				if (n && (v.value = {
 					width: Math.max(100, n.width),
 					height: Math.max(100, n.height)
-				}, process.env.NODE_ENV !== "production" && n.height < 10 && !b)) {
-					b = !0;
+				}, process.env.NODE_ENV !== "production" && n.height < 10 && !x)) {
+					x = !0;
 					let t = e, n = e.parentElement;
 					for (; n && n !== document.documentElement && n.getBoundingClientRect().height < 10;) t = n, n = n.parentElement;
 					let r = t === e ? "the workspace element itself" : `<${t.tagName.toLowerCase()}${t.id ? ` id="${t.id}"` : ""}${t.className ? ` class="${t.className}"` : ""}>`;
 					console.warn(`[vue-dockable-desktop] The workspace has no height, so it is invisible.\n\nZero height starts at: ${r}\n\nIn CSS, height: 100% only resolves when every ancestor has a real height. If any one of them is height: auto (a div's default), the chain breaks.\n\nGive the workspace's container a height — 100vh, or flex: 1 with min-height: 0 inside a flex column. The library deliberately does not style your page; for the simple case, the .vdd-fill-viewport class works on <VddDesktop> itself or on its container.`);
 				}
-			}), v.observe(e));
+			}), b.observe(e));
 		}, {
 			immediate: !0,
 			flush: "post"
-		}), U([_, () => d.state.floating], ([e, t]) => {
+		}), U([v, () => d.state.floating], ([e, t]) => {
 			for (let n of t) {
 				let t = (e) => typeof e == "number" ? e : Number.parseFloat(String(e)), r = {
 					x: t(n.x),
@@ -2521,7 +2565,7 @@ var It = ["dir"], Lt = {
 				i !== r && d.updateFloatingPosition(n.id, i);
 			}
 		}, { deep: !0 });
-		function x(e, t) {
+		function w(e, t) {
 			let n = d.state.panels[e];
 			if (n) {
 				let r = d.registry.get(n.component)?.defaultOptions ?? {}, i = ct(d, e, r, {
@@ -2538,7 +2582,7 @@ var It = ["dir"], Lt = {
 			}
 			u("taskbarContextMenu", e, t);
 		}
-		let w = () => {
+		let E = () => {
 			let e = document.documentElement;
 			e.setAttribute("data-vdd-skin", c.skin), e.classList.toggle("vdd-no-animations", c.animations === !1), e.style.setProperty("--vdd-z-base", String(d.config.zIndexBase));
 		};
@@ -2546,8 +2590,8 @@ var It = ["dir"], Lt = {
 			c.skin,
 			c.animations,
 			d.config.zIndexBase
-		], w), C(w), S(() => {
-			v?.disconnect();
+		], E), C(E), S(() => {
+			b?.disconnect();
 			let e = document.documentElement;
 			e.removeAttribute("data-vdd-skin"), e.classList.remove("vdd-no-animations"), e.style.removeProperty("--vdd-z-base"), p.dispose();
 		}), (n, s) => (T(), a("div", {
@@ -2558,58 +2602,59 @@ var It = ["dir"], Lt = {
 		}, [
 			o("div", {
 				ref_key: "viewport",
-				ref: _,
+				ref: v,
 				class: "vdd-workspace-viewport"
 			}, [
-				z(m).dragging.value ? (T(), r(en, { key: 0 })) : i("", !0),
-				l(jt, {
+				z(m).dragging.value ? (T(), r($t, { key: 0 })) : i("", !0),
+				l(At, {
 					node: z(d).state.gridRoot,
 					path: []
 				}, null, 8, ["node"]),
-				(T(!0), a(e, null, A(z(d).state.floating, (e) => (T(), r(Zt, {
+				(T(!0), a(e, null, A(z(d).state.floating, (e) => (T(), r(Xt, {
 					key: e.id,
 					window: e,
-					viewport: _.value
+					viewport: v.value
 				}, null, 8, ["window", "viewport"]))), 128))
 			], 512),
-			l(xn, {
+			l(bn, {
 				visibility: t.taskbar,
 				cache: z(p),
 				"default-icon": t.defaultPanelIcon,
-				onContextMenu: x
+				onContextMenu: w
 			}, null, 8, [
 				"visibility",
 				"cache",
 				"default-icon"
 			]),
-			l(tn),
-			o("div", Cn, [(T(!0), a(e, null, A(h.value, (e) => (T(), r(Rt, {
+			l(en),
+			o("div", Sn, [(T(!0), a(e, null, A(g.value, (e) => (T(), r(Lt, {
 				key: e,
 				"panel-id": e,
 				cache: z(p)
 			}, null, 8, ["panel-id", "cache"]))), 128))])
-		], 10, Sn));
+		], 10, xn));
 	}
-}), Tn = /* @__PURE__ */ new WeakSet();
-function En(e) {
-	Tn.add(e), e.preventDefault();
+}), wn = /* @__PURE__ */ new WeakSet();
+function Tn(e) {
+	wn.add(e), e.preventDefault();
 }
-function Dn(e) {
-	return e.defaultPrevented || Tn.has(e);
+function En(e) {
+	return e.defaultPrevented || wn.has(e);
 }
 //#endregion
 //#region src/components/VddContextMenu.vue?vue&type=script&setup=true&lang.ts
-var On = ["dir"], kn = {
+var Dn = ["dir"], On = {
 	key: 0,
 	class: "vdd-context-menu__separator",
 	role: "separator"
-}, An = [
+}, kn = [
 	"title",
 	"data-vdd-menu-submenu",
 	"aria-expanded",
+	"onClick",
 	"onPointerenter",
 	"onPointerleave"
-], jn = { class: "vdd-context-menu__label" }, Mn = [
+], An = { class: "vdd-context-menu__label" }, jn = [
 	"disabled",
 	"title",
 	"data-cy-action",
@@ -2619,27 +2664,27 @@ var On = ["dir"], kn = {
 	"onClick",
 	"onPointerenter",
 	"onPointerleave"
-], Nn = ["aria-hidden"], Pn = { class: "vdd-context-menu__label" }, Fn = {
+], Mn = ["aria-hidden"], Nn = { class: "vdd-context-menu__label" }, Pn = {
 	width: "12",
 	height: "12",
 	viewBox: "0 0 12 12",
 	fill: "none"
-}, In = ["fill"], Ln = {
+}, Fn = ["fill"], In = {
 	key: 0,
 	d: "M2.5 6 L4.5 8.5 L9.5 3.5",
 	stroke: "white",
 	"stroke-width": "1.5",
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
-}, Rn = ["dir"], zn = {
+}, Ln = ["dir"], Rn = {
 	key: 0,
 	class: "vdd-context-menu__separator",
 	role: "separator"
-}, Bn = [
+}, zn = [
 	"disabled",
 	"data-vdd-menu-item",
 	"onClick"
-], Vn = ["aria-hidden"], Hn = { class: "vdd-context-menu__label" }, Un = 150, Wn = 200, Gn = /* @__PURE__ */ u({
+], Bn = ["aria-hidden"], Vn = { class: "vdd-context-menu__label" }, Hn = 150, Un = 200, Wn = /* @__PURE__ */ u({
 	__name: "VddContextMenu",
 	props: { theme: { default: "dark" } },
 	setup(s) {
@@ -2651,16 +2696,16 @@ var On = ["dir"], kn = {
 			y: 0
 		}), g = /* @__PURE__ */ new Map(), _, b, C = () => {
 			clearTimeout(_), clearTimeout(b);
-		};
-		function w() {
-			C(), m.value = null, c.closeContextMenu();
+		}, w = null;
+		function E(e = !1) {
+			C(), m.value = null, c.closeContextMenu(), e && w?.isConnected && w.focus({ preventScroll: !0 }), w = null;
 		}
 		U(f, async (e) => {
 			if (!e) {
 				m.value = null;
 				return;
 			}
-			p.value = {
+			w = document.activeElement instanceof HTMLElement ? document.activeElement : null, p.value = {
 				x: e.x,
 				y: e.y
 			}, g.clear(), m.value = null, await v();
@@ -2676,64 +2721,80 @@ var On = ["dir"], kn = {
 			}, {
 				width: window.innerWidth,
 				height: window.innerHeight
-			});
-		}), U(f, (e) => {
-			e ? (document.addEventListener("pointerdown", E, { capture: !0 }), window.addEventListener("click", E), document.addEventListener("keydown", D, { capture: !0 })) : (document.removeEventListener("pointerdown", E, { capture: !0 }), window.removeEventListener("click", E), document.removeEventListener("keydown", D, { capture: !0 }));
+			}), D(t)[0]?.focus({ preventScroll: !0 });
+		});
+		let D = (e) => Array.from(e.querySelectorAll("button[role^=\"menuitem\"]:not(:disabled)"));
+		function O(e) {
+			if (e.key === "Tab") {
+				E(!0);
+				return;
+			}
+			if (e.key !== "ArrowDown" && e.key !== "ArrowUp") return;
+			e.preventDefault();
+			let t = D(e.currentTarget);
+			t.length !== 0 && t[(t.indexOf(document.activeElement) + (e.key === "ArrowDown" ? 1 : -1) + t.length) % t.length].focus({ preventScroll: !0 });
+		}
+		U(f, (e) => {
+			e ? (document.addEventListener("pointerdown", M, { capture: !0 }), window.addEventListener("click", M), document.addEventListener("keydown", P, { capture: !0 })) : (document.removeEventListener("pointerdown", M, { capture: !0 }), window.removeEventListener("click", M), document.removeEventListener("keydown", P, { capture: !0 }));
 		});
-		function E(e) {
+		function M(e) {
 			let t = e.target;
 			if (!(t instanceof Node)) {
-				w();
+				E();
 				return;
 			}
-			l.value?.contains(t) || u.value?.contains(t) || d.value?.contains(t) || w();
+			l.value?.contains(t) || u.value?.contains(t) || d.value?.contains(t) || E();
 		}
-		function D(e) {
-			e.key === "Escape" && !Dn(e) && (En(e), w());
+		function P(e) {
+			e.key === "Escape" && !En(e) && (Tn(e), E(!0));
 		}
 		S(() => {
-			C(), document.removeEventListener("pointerdown", E, { capture: !0 }), window.removeEventListener("click", E), document.removeEventListener("keydown", D, { capture: !0 });
+			C(), document.removeEventListener("pointerdown", M, { capture: !0 }), window.removeEventListener("click", M), document.removeEventListener("keydown", P, { capture: !0 });
 		});
-		let O = (e) => e, M = (e) => {
-			let t = O(e).checkbox;
+		let F = (e) => e, L = (e) => {
+			let t = F(e).checkbox;
 			return !!t && t.active !== !1;
-		}, P = (e) => M(e) && O(e).checkbox.value === !0, F = (e) => O(e).disabled === !0 || M(e) && O(e).checkbox.enabled === !1;
-		function L(e, t) {
+		}, R = (e) => L(e) && F(e).checkbox.value === !0, B = (e) => F(e).disabled === !0 || L(e) && F(e).checkbox.enabled === !1;
+		function V(e, t) {
 			let n = t;
 			n ? g.set(e, n) : g.delete(e);
 		}
-		function R(e) {
-			F(e) || (O(e).action?.(), w());
+		function ee(e) {
+			B(e) || (F(e).action?.(), E(!0));
 		}
-		function B(e, t) {
-			clearTimeout(b), m.value !== null && m.value !== e && (clearTimeout(_), m.value = null), q(t) && t.items?.length ? (clearTimeout(_), _ = setTimeout(() => {
-				let t = g.get(e);
-				if (t) {
-					let e = t.getBoundingClientRect();
-					h.value = c.state.isRtl ? {
-						x: window.innerWidth - e.left + 2,
-						y: e.top
-					} : {
-						x: e.right + 2,
-						y: e.top
-					};
-				}
-				m.value = e;
-			}, Un)) : (clearTimeout(_), m.value !== null && (b = setTimeout(() => {
+		function W(e, t) {
+			clearTimeout(b), m.value !== null && m.value !== e && (clearTimeout(_), m.value = null), Oe(t) && t.items?.length ? (clearTimeout(_), _ = setTimeout(() => G(e), Hn)) : (clearTimeout(_), m.value !== null && (b = setTimeout(() => {
 				m.value = null;
-			}, Wn)));
+			}, Un)));
 		}
-		function V(e) {
-			clearTimeout(_), q(e) && e.items?.length && (b = setTimeout(() => {
+		function G(e) {
+			let t = g.get(e);
+			if (t) {
+				let e = t.getBoundingClientRect();
+				h.value = c.state.isRtl ? {
+					x: window.innerWidth - e.left + 2,
+					y: e.top
+				} : {
+					x: e.right + 2,
+					y: e.top
+				};
+			}
+			m.value = e;
+		}
+		function te(e) {
+			C(), G(e);
+		}
+		function ne(e) {
+			clearTimeout(_), Oe(e) && e.items?.length && (b = setTimeout(() => {
 				m.value = null;
-			}, Wn));
+			}, Un));
 		}
-		let ee = n(() => {
+		let K = n(() => {
 			let e = m.value;
 			if (e === null || !f.value) return [];
 			let t = f.value.items[e];
-			return t && q(t) ? t.items ?? [] : [];
-		}), te = n(() => c.state.isRtl ? {
+			return t && Oe(t) ? t.items ?? [] : [];
+		}), re = n(() => c.state.isRtl ? {
 			position: "fixed",
 			right: `${h.value.x}px`,
 			top: `${h.value.y}px`
@@ -2755,7 +2816,7 @@ var On = ["dir"], kn = {
 			items: f.value.items,
 			x: p.value.x,
 			y: p.value.y,
-			close: w
+			close: E
 		})], 512)) : (T(), a("div", {
 			key: 1,
 			ref_key: "root",
@@ -2769,109 +2830,115 @@ var On = ["dir"], kn = {
 			dir: z(c).state.dir,
 			"data-vdd-menu": "",
 			role: "menu",
-			"aria-orientation": "vertical"
-		}, [(T(!0), a(e, null, A(f.value.items, (t, n) => (T(), a(e, { key: n }, [z(Oe)(t) ? (T(), a("hr", kn)) : z(q)(t) ? (T(), a("button", {
+			"aria-orientation": "vertical",
+			onKeydown: O
+		}, [(T(!0), a(e, null, A(f.value.items, (t, n) => (T(), a(e, { key: n }, [z(De)(t) ? (T(), a("hr", On)) : z(Oe)(t) ? (T(), a("button", {
 			key: 1,
 			ref_for: !0,
-			ref: (e) => L(n, e),
+			ref: (e) => V(n, e),
 			type: "button",
 			class: y(["vdd-context-menu__item vdd-context-menu__item--has-submenu", { "vdd-context-menu__item--submenu-open": m.value === n }]),
 			title: t.title ? z(c).format(t.title) : void 0,
 			"data-vdd-menu-submenu": z(c).format(t.label),
 			role: "menuitem",
-			"aria-haspopup": "true",
+			tabindex: "-1",
+			"aria-haspopup": "menu",
 			"aria-expanded": m.value === n,
-			onPointerenter: (e) => B(n, t),
-			onPointerleave: (e) => V(t)
+			onClick: (e) => te(n),
+			onPointerenter: (e) => W(n, t),
+			onPointerleave: (e) => ne(t)
 		}, [
 			h[2] ||= o("span", {
 				class: "vdd-context-menu__icon",
 				"aria-hidden": "true"
 			}, null, -1),
-			o("span", jn, I(z(c).format(t.label)), 1),
+			o("span", An, I(z(c).format(t.label)), 1),
 			h[3] ||= o("span", {
 				class: "vdd-context-menu__chevron",
 				"aria-hidden": "true"
 			}, "›", -1)
-		], 42, An)) : (T(), a("button", {
+		], 42, kn)) : (T(), a("button", {
 			key: 2,
 			ref_for: !0,
-			ref: (e) => L(n, e),
+			ref: (e) => V(n, e),
 			type: "button",
-			class: y(["vdd-context-menu__item", { "vdd-context-menu__item--disabled": F(t) }]),
-			disabled: F(t),
-			title: O(t).title ? z(c).format(O(t).title) : void 0,
-			"data-cy-action": O(t).cyAction,
-			"data-vdd-menu-item": z(c).format(O(t).label),
-			role: M(t) ? "menuitemcheckbox" : "menuitem",
-			"aria-checked": M(t) ? P(t) : void 0,
-			onClick: (e) => R(t),
-			onPointerenter: (e) => B(n, t),
-			onPointerleave: (e) => V(t)
+			class: y(["vdd-context-menu__item", { "vdd-context-menu__item--disabled": B(t) }]),
+			disabled: B(t),
+			title: F(t).title ? z(c).format(F(t).title) : void 0,
+			"data-cy-action": F(t).cyAction,
+			"data-vdd-menu-item": z(c).format(F(t).label),
+			role: L(t) ? "menuitemcheckbox" : "menuitem",
+			tabindex: "-1",
+			"aria-checked": L(t) ? R(t) : void 0,
+			onClick: (e) => ee(t),
+			onPointerenter: (e) => W(n, t),
+			onPointerleave: (e) => ne(t)
 		}, [
 			o("span", {
 				class: "vdd-context-menu__icon",
-				"aria-hidden": !O(t).icon
-			}, [O(t).icon ? (T(), r(N(O(t).icon), { key: 0 })) : i("", !0)], 8, Nn),
-			o("span", Pn, I(z(c).format(O(t).label)), 1),
-			M(t) ? (T(), a("span", {
+				"aria-hidden": !F(t).icon
+			}, [F(t).icon ? (T(), r(N(F(t).icon), { key: 0 })) : i("", !0)], 8, Mn),
+			o("span", Nn, I(z(c).format(F(t).label)), 1),
+			L(t) ? (T(), a("span", {
 				key: 0,
-				class: y(["vdd-context-menu__checkbox", { "vdd-context-menu__checkbox--checked": P(t) }]),
+				class: y(["vdd-context-menu__checkbox", { "vdd-context-menu__checkbox--checked": R(t) }]),
 				"aria-hidden": "true"
-			}, [(T(), a("svg", Fn, [o("rect", {
+			}, [(T(), a("svg", Pn, [o("rect", {
 				x: "0.75",
 				y: "0.75",
 				width: "10.5",
 				height: "10.5",
 				rx: "2",
-				fill: P(t) ? "currentColor" : "none",
+				fill: R(t) ? "currentColor" : "none",
 				stroke: "currentColor",
 				"stroke-width": "1.5"
-			}, null, 8, In), P(t) ? (T(), a("path", Ln)) : i("", !0)]))], 2)) : i("", !0)
-		], 42, Mn))], 64))), 128))], 14, On)), m.value !== null && ee.value.length ? (T(), a("div", {
+			}, null, 8, Fn), R(t) ? (T(), a("path", In)) : i("", !0)]))], 2)) : i("", !0)
+		], 42, jn))], 64))), 128))], 46, Dn)), m.value !== null && K.value.length ? (T(), a("div", {
 			key: 2,
 			ref_key: "submenuRoot",
 			ref: u,
 			class: y(["vdd-context-menu vdd-context-menu--submenu", `vdd-context-menu--${s.theme}`]),
-			style: x(te.value),
+			style: x(re.value),
 			dir: z(c).state.dir,
 			"data-vdd-submenu": "",
 			role: "menu",
+			onKeydown: O,
 			onPointerenter: h[0] ||= (e) => C(),
 			onPointerleave: h[1] ||= (e) => m.value = null
-		}, [(T(!0), a(e, null, A(ee.value, (t, n) => (T(), a(e, { key: n }, [z(Oe)(t) ? (T(), a("hr", zn)) : (T(), a("button", {
+		}, [(T(!0), a(e, null, A(K.value, (t, n) => (T(), a(e, { key: n }, [z(De)(t) ? (T(), a("hr", Rn)) : (T(), a("button", {
 			key: 1,
 			type: "button",
-			class: y(["vdd-context-menu__item", { "vdd-context-menu__item--disabled": F(t) }]),
-			disabled: F(t),
-			"data-vdd-menu-item": z(c).format(O(t).label),
+			class: y(["vdd-context-menu__item", { "vdd-context-menu__item--disabled": B(t) }]),
+			disabled: B(t),
+			"data-vdd-menu-item": z(c).format(F(t).label),
 			role: "menuitem",
-			onClick: (e) => R(t)
+			tabindex: "-1",
+			onClick: (e) => ee(t)
 		}, [o("span", {
 			class: "vdd-context-menu__icon",
-			"aria-hidden": !O(t).icon
-		}, [O(t).icon ? (T(), r(N(O(t).icon), { key: 0 })) : i("", !0)], 8, Vn), o("span", Hn, I(z(c).format(O(t).label)), 1)], 10, Bn))], 64))), 128))], 46, Rn)) : i("", !0)])) : i("", !0);
+			"aria-hidden": !F(t).icon
+		}, [F(t).icon ? (T(), r(N(F(t).icon), { key: 0 })) : i("", !0)], 8, Bn), o("span", Vn, I(z(c).format(F(t).label)), 1)], 10, zn))], 64))), 128))], 46, Ln)) : i("", !0)])) : i("", !0);
 	}
-}), Kn = (e) => "custom" in e && e.custom === !0, qn = (e) => !Kn(e) && !("onClick" in e), Jn = (e) => !Kn(e) && "onClick" in e, Yn = (e) => e == null ? [] : Array.isArray(e) ? e : [e], Xn = Symbol("vdd-sidebar"), Zn = Symbol("vdd-sidebar-tab"), Qn = {
+}), Gn = (e) => "custom" in e && e.custom === !0, Kn = (e) => !Gn(e) && !("onClick" in e), qn = (e) => !Gn(e) && "onClick" in e, Jn = (e) => e == null ? [] : Array.isArray(e) ? e : [e], Yn = Symbol("vdd-sidebar"), Xn = Symbol("vdd-sidebar-tab"), Zn = {
 	key: 0,
 	class: "vdd-sidebar-tabs-list"
-}, $n = [
+}, Qn = [
 	"title",
 	"aria-pressed",
 	"data-vdd-sidebar-tab",
 	"onClick"
-], er = [
+], $n = [
 	"disabled",
 	"title",
 	"aria-label",
 	"data-vdd-rail-action",
 	"onClick"
-], tr = [
+], er = [
 	"title",
 	"aria-pressed",
 	"data-vdd-sidebar-tab",
 	"onClick"
-], nr = 56, rr = /* @__PURE__ */ u({
+], tr = 56, nr = /* @__PURE__ */ u({
 	__name: "VddSidebarRail",
 	props: {
 		tabs: {},
@@ -2886,19 +2953,19 @@ var On = ["dir"], kn = {
 		let s = n, c = (e) => e.filter((e) => !e.hidden);
 		return (n, l) => (T(), a("div", {
 			class: "vdd-sidebar-strip-outer",
-			style: x({ width: t.visible ? `${nr}px` : "0px" }),
+			style: x({ width: t.visible ? `${tr}px` : "0px" }),
 			"data-vdd-sidebar-strip": ""
 		}, [o("div", {
 			class: y(["vdd-sidebar-tabs-strip", [`vdd-${t.position}`, {
 				"vdd-sidebar-tabs-strip--has-header-action": t.header.length > 0,
 				"vdd-sidebar-tabs-strip--has-footer-action": t.footer.length > 0
 			}]]),
-			style: x({ width: `${nr}px` })
+			style: x({ width: `${tr}px` })
 		}, [(T(), a(e, null, A([
 			"header",
 			"tabs",
 			"footer"
-		], (n) => (T(), a(e, { key: n }, [n === "tabs" ? (T(), a("div", Qn, [(T(!0), a(e, null, A(c(t.tabs), (e) => (T(), a("button", {
+		], (n) => (T(), a(e, { key: n }, [n === "tabs" ? (T(), a("div", Zn, [(T(!0), a(e, null, A(c(t.tabs), (e) => (T(), a("button", {
 			key: e.id,
 			type: "button",
 			class: y(["vdd-sidebar-tab-btn", { "vdd-active": t.activeTabId === e.id }]),
@@ -2906,13 +2973,13 @@ var On = ["dir"], kn = {
 			"aria-pressed": t.activeTabId === e.id,
 			"data-vdd-sidebar-tab": e.id,
 			onClick: (t) => s("select", e.id)
-		}, [(T(), r(N(e.icon)))], 10, $n))), 128))])) : (n === "header" ? t.header : t.footer).length ? (T(), a("div", {
+		}, [(T(), r(N(e.icon)))], 10, Qn))), 128))])) : (n === "header" ? t.header : t.footer).length ? (T(), a("div", {
 			key: 1,
 			class: y(n === "header" ? "vdd-sidebar-header-area" : "vdd-sidebar-footer-area")
-		}, [(T(!0), a(e, null, A(n === "header" ? t.header : t.footer, (n, o) => (T(), a(e, { key: o }, [z(Kn)(n) ? (T(), r(N(n.component), _({
+		}, [(T(!0), a(e, null, A(n === "header" ? t.header : t.footer, (n, o) => (T(), a(e, { key: o }, [z(Gn)(n) ? (T(), r(N(n.component), _({
 			key: 0,
 			ref_for: !0
-		}, n.props), null, 16)) : z(Jn)(n) ? (T(), a("button", {
+		}, n.props), null, 16)) : z(qn)(n) ? (T(), a("button", {
 			key: 1,
 			type: "button",
 			class: "vdd-sidebar-tab-btn vdd-sidebar-header-action-btn",
@@ -2921,7 +2988,7 @@ var On = ["dir"], kn = {
 			"aria-label": n.label,
 			"data-vdd-rail-action": n.id ?? n.label,
 			onClick: (e) => n.onClick()
-		}, [(T(), r(N(n.icon)))], 8, er)) : n.hidden ? i("", !0) : (T(), a("button", {
+		}, [(T(), r(N(n.icon)))], 8, $n)) : n.hidden ? i("", !0) : (T(), a("button", {
 			key: 2,
 			type: "button",
 			class: y(["vdd-sidebar-tab-btn", { "vdd-active": t.activeTabId === n.id }]),
@@ -2929,25 +2996,34 @@ var On = ["dir"], kn = {
 			"aria-pressed": t.activeTabId === n.id,
 			"data-vdd-sidebar-tab": n.id,
 			onClick: (e) => s("select", n.id)
-		}, [(T(), r(N(n.icon)))], 10, tr))], 64))), 128))], 2)) : i("", !0)], 64))), 64))], 6)], 4));
+		}, [(T(), r(N(n.icon)))], 10, er))], 64))), 128))], 2)) : i("", !0)], 64))), 64))], 6)], 4));
 	}
-}), ir = /* @__PURE__ */ u({
+}), rr = /* @__PURE__ */ u({
 	__name: "VddSidebarTabScope",
 	props: { tabId: {} },
 	emits: ["close", "open"],
 	setup(e, { emit: t }) {
 		let n = e, r = t;
-		return E(Zn, {
+		return E(Xn, {
 			tabId: n.tabId,
 			open: () => r("open", n.tabId),
 			close: () => r("close"),
 			openTab: (e) => r("open", e)
 		}), (e, t) => (T(), a("div", null, [j(e.$slots, "default")]));
 	}
-}), ar = ["data-vdd-sidebar-pane"], or = {
+});
+//#endregion
+//#region src/composables/useLibraryMessage.ts
+function ir() {
+	let e = p(Ue, null);
+	return (t) => e ? e.format(e.messages[t]) : Me(je[t]);
+}
+//#endregion
+//#region src/components/VddSidebarDrawer.vue?vue&type=script&setup=true&lang.ts
+var ar = ["data-vdd-sidebar-pane"], or = {
 	key: 1,
 	class: "vdd-sidebar-drawer-header"
-}, sr = { class: "vdd-sidebar-header-title" }, cr = /* @__PURE__ */ u({
+}, sr = { class: "vdd-sidebar-header-title" }, cr = ["title", "aria-label"], lr = /* @__PURE__ */ u({
 	__name: "VddSidebarDrawer",
 	props: {
 		tabs: {},
@@ -2963,8 +3039,8 @@ var On = ["dir"], kn = {
 	},
 	emits: ["close", "open"],
 	setup(t, { emit: n }) {
-		let s = n;
-		return (n, c) => (T(), a("div", {
+		let s = ir(), c = n;
+		return (n, u) => (T(), a("div", {
 			class: y(["vdd-sidebar-content-drawer", `vdd-${t.position}`]),
 			"data-vdd-sidebar-drawer": "",
 			style: x({
@@ -2980,33 +3056,33 @@ var On = ["dir"], kn = {
 			"data-vdd-sidebar-pane": e.id
 		}, [t.headerOverridden ? j(n.$slots, "header", {
 			tab: e,
-			close: () => s("close"),
-			open: () => s("open", e.id)
+			close: () => c("close"),
+			open: () => c("open", e.id)
 		}, void 0, void 0, 0) : (T(), a("div", or, [o("span", sr, I(e.label), 1), t.showCloseButton ? (T(), a("button", {
 			key: 0,
 			type: "button",
 			class: "vdd-sidebar-drawer-close-button",
 			"data-vdd-sidebar-close": "",
-			title: "Close",
-			"aria-label": "Close",
-			onClick: c[0] ||= (e) => s("close")
-		}, [...c[3] ||= [o("svg", {
+			title: z(s)("close"),
+			"aria-label": z(s)("close"),
+			onClick: u[0] ||= (e) => c("close")
+		}, [...u[3] ||= [o("svg", {
 			width: "14",
 			height: "14",
 			viewBox: "0 0 24 24",
 			fill: "none",
 			stroke: "currentColor",
 			"stroke-width": "2.5"
-		}, [o("path", { d: "M18 6L6 18M6 6l12 12" })], -1)]])) : i("", !0)])), l(ir, {
+		}, [o("path", { d: "M18 6L6 18M6 6l12 12" })], -1)]], 8, cr)) : i("", !0)])), l(rr, {
 			class: "vdd-sidebar-drawer-body",
 			"tab-id": e.id,
-			onClose: c[1] ||= (e) => s("close"),
-			onOpen: c[2] ||= (e) => s("open", e)
+			onClose: u[1] ||= (e) => c("close"),
+			onOpen: u[2] ||= (e) => c("open", e)
 		}, {
-			default: W(() => [j(n.$slots, `tab-${e.id}`, {
+			default: G(() => [j(n.$slots, `tab-${e.id}`, {
 				tab: e,
-				close: () => s("close"),
-				open: () => s("open", e.id)
+				close: () => c("close"),
+				open: () => c("open", e.id)
 			}, () => [e.component ? (T(), r(N(e.component), _({
 				key: 0,
 				ref_for: !0
@@ -3014,10 +3090,10 @@ var On = ["dir"], kn = {
 			_: 2
 		}, 1032, ["tab-id"])], 12, ar))), 128))], 6));
 	}
-}), lr = ["data-vdd-sidebar"], ur = {
+}), ur = ["data-vdd-sidebar"], dr = {
 	key: 3,
 	class: "vdd-sidebar-main"
-}, dr = /* @__PURE__ */ u({
+}, fr = /* @__PURE__ */ u({
 	__name: "VddSidebar",
 	props: /*@__PURE__*/ g({
 		position: { default: "right" },
@@ -3061,10 +3137,10 @@ var On = ["dir"], kn = {
 		"update:width"
 	],
 	setup(t) {
-		let o = t, c = V(), l = B(t, "activeTabId"), u = B(t, "visible"), d = B(t, "stripVisible"), f = B(t, "width"), p = n(() => Yn(o.headerAction)), m = n(() => Yn(o.footerAction)), h = n(() => [
-			...p.value.filter(qn),
+		let o = t, c = V(), l = B(t, "activeTabId"), u = B(t, "visible"), d = B(t, "stripVisible"), f = B(t, "width"), p = n(() => Jn(o.headerAction)), m = n(() => Jn(o.footerAction)), h = n(() => [
+			...p.value.filter(Kn),
 			...o.tabs,
-			...m.value.filter(qn)
+			...m.value.filter(Kn)
 		]), g = k(/* @__PURE__ */ new Set()), v = n(() => {
 			let e = new Set(g.value);
 			l.value && e.add(l.value);
@@ -3116,7 +3192,7 @@ var On = ["dir"], kn = {
 				}
 			});
 		}
-		E(Xn, {
+		E(Yn, {
 			openTab: (e) => y(e),
 			closeDrawer: M,
 			activeTabId: l,
@@ -3143,7 +3219,7 @@ var On = ["dir"], kn = {
 			"resizer",
 			"drawer",
 			"rail"
-		], (o) => (T(), a(e, { key: o }, [o === "rail" ? (T(), r(rr, {
+		], (o) => (T(), a(e, { key: o }, [o === "rail" ? (T(), r(nr, {
 			key: 0,
 			tabs: t.tabs,
 			header: p.value,
@@ -3159,7 +3235,7 @@ var On = ["dir"], kn = {
 			"active-tab-id",
 			"position",
 			"visible"
-		])) : o === "drawer" ? (T(), r(cr, {
+		])) : o === "drawer" ? (T(), r(lr, {
 			key: 1,
 			tabs: b.value,
 			"active-tab-id": l.value,
@@ -3175,11 +3251,11 @@ var On = ["dir"], kn = {
 			onOpen: y
 		}, s({ _: 2 }, [n.$slots.header ? {
 			name: "header",
-			fn: W((e) => [j(n.$slots, "header", _({ ref_for: !0 }, e))]),
+			fn: G((e) => [j(n.$slots, "header", _({ ref_for: !0 }, e))]),
 			key: "0"
 		} : void 0, A(b.value, (e) => ({
 			name: `tab-${e.id}`,
-			fn: W((t) => [j(n.$slots, `tab-${e.id}`, _({ ref_for: !0 }, t))])
+			fn: G((t) => [j(n.$slots, `tab-${e.id}`, _({ ref_for: !0 }, t))])
 		}))]), 1032, [
 			"tabs",
 			"active-tab-id",
@@ -3203,9 +3279,9 @@ var On = ["dir"], kn = {
 				zIndex: 20
 			},
 			onPointerdown: P
-		}, null, 32)) : o === "main" ? (T(), a("div", ur, [j(n.$slots, "default")])) : i("", !0)], 64))), 128))], 8, lr));
+		}, null, 32)) : o === "main" ? (T(), a("div", dr, [j(n.$slots, "default")])) : i("", !0)], 64))), 128))], 8, ur));
 	}
-}), fr = /* @__PURE__ */ u({
+}), pr = /* @__PURE__ */ u({
 	__name: "VddSecondarySidebar",
 	props: {
 		tabs: {},
@@ -3217,11 +3293,11 @@ var On = ["dir"], kn = {
 		hideDefaultHeader: { type: Boolean }
 	},
 	setup(e) {
-		let t = e, i = p(Xn, null);
+		let t = e, i = p(Yn, null);
 		if (!i) throw Error("[vue-dockable-desktop] <VddSecondarySidebar> must be rendered inside a <VddSidebar>. It takes the edge the primary sidebar is not using, so it needs one to be nested in.");
 		if (i.isSecondary) throw Error("[vue-dockable-desktop] <VddSecondarySidebar> cannot be nested inside another one. The library supports one primary and one secondary sidebar, nothing deeper.");
 		let a = n(() => i.position === "left" ? "right" : "left");
-		return (e, n) => (T(), r(dr, _({
+		return (e, n) => (T(), r(fr, _({
 			...t,
 			...e.$attrs
 		}, {
@@ -3229,11 +3305,11 @@ var On = ["dir"], kn = {
 			"is-secondary": ""
 		}), s({ _: 2 }, [A(e.$slots, (t, n) => ({
 			name: n,
-			fn: W((t) => [j(e.$slots, n, b(f(t ?? {})))])
+			fn: G((t) => [j(e.$slots, n, b(f(t ?? {})))])
 		}))]), 1040, ["position"]));
 	}
-}), pr = (e) => !("type" in e);
-function mr(e, t, n, r = !1, i = 8) {
+}), mr = (e) => !("type" in e);
+function hr(e, t, n, r = !1, i = 8) {
 	switch (t) {
 		case "left": return r ? {
 			right: n.width - e.left + i,
@@ -3267,32 +3343,32 @@ function mr(e, t, n, r = !1, i = 8) {
 }
 //#endregion
 //#region src/components/VddToolbarGroupButton.vue?vue&type=script&setup=true&lang.ts
-var hr = [
+var gr = [
 	"title",
 	"aria-label",
 	"aria-expanded",
 	"disabled",
 	"data-vdd-toolbar-item"
-], gr = ["dir", "data-vdd-flyout"], _r = {
+], _r = ["dir", "data-vdd-flyout"], vr = {
 	key: 0,
 	class: "vdd-toolbar-group-flyout-sep",
 	role: "separator"
-}, vr = [
+}, yr = [
 	"disabled",
 	"aria-checked",
 	"data-vdd-flyout-item",
 	"onClick"
-], yr = { class: "vdd-toolbar-group-flyout-icon" }, br = { class: "vdd-toolbar-group-flyout-label" }, xr = {
+], br = { class: "vdd-toolbar-group-flyout-icon" }, xr = { class: "vdd-toolbar-group-flyout-label" }, Sr = {
 	key: 0,
 	class: "vdd-toolbar-group-flyout-shortcut"
-}, Sr = /* @__PURE__ */ u({
+}, Cr = /* @__PURE__ */ u({
 	__name: "VddToolbarGroupButton",
 	props: {
 		item: {},
 		position: {}
 	},
 	setup(s) {
-		let c = s, l = Y(), u = H("button"), d = H("flyout"), f = k(!1), p = k({}), m = n(() => c.item.activeItemId !== void 0), h = n(() => m.value ? c.item.activeItemId ?? null : l.toolbar.activeInGroup(c.item.id)), g = n(() => c.item.items.find((e) => pr(e) && e.id === h.value)), _ = n(() => g.value && pr(g.value) ? g.value.icon : c.item.defaultIcon), b = n(() => g.value && pr(g.value) ? g.value.label : c.item.label);
+		let c = s, l = Y(), u = H("button"), d = H("flyout"), f = k(!1), p = k({}), m = n(() => c.item.activeItemId !== void 0), h = n(() => m.value ? c.item.activeItemId ?? null : l.toolbar.activeInGroup(c.item.id)), g = n(() => c.item.items.find((e) => mr(e) && e.id === h.value)), _ = n(() => g.value && mr(g.value) ? g.value.icon : c.item.defaultIcon), b = n(() => g.value && mr(g.value) ? g.value.label : c.item.label);
 		async function C() {
 			if (c.item.disabled) return;
 			if (f.value) {
@@ -3300,7 +3376,7 @@ var hr = [
 				return;
 			}
 			let e = u.value?.getBoundingClientRect();
-			e && (p.value = mr(e, c.position, {
+			e && (p.value = hr(e, c.position, {
 				width: window.innerWidth,
 				height: window.innerHeight
 			}, et(u.value))), f.value = !0, await v(), E(), document.addEventListener("pointerdown", D, { capture: !0 }), document.addEventListener("keydown", O, { capture: !0 });
@@ -3323,7 +3399,7 @@ var hr = [
 			u.value?.contains(t) || d.value?.contains(t) || w();
 		}
 		function O(e) {
-			e.key === "Escape" && !Dn(e) && (En(e), w());
+			e.key === "Escape" && !En(e) && (Tn(e), w());
 		}
 		function j(e, t) {
 			m.value ? c.item.onActiveItemChange?.(e) : l.toolbar.setActiveInGroup(c.item.id, e), t?.(e), w();
@@ -3346,7 +3422,7 @@ var hr = [
 			disabled: s.item.disabled,
 			"data-vdd-toolbar-item": s.item.id,
 			onClick: C
-		}, [(T(), r(N(_.value)))], 10, hr), f.value ? (T(), r(t, {
+		}, [(T(), r(N(_.value)))], 10, gr), f.value ? (T(), r(t, {
 			key: 0,
 			to: "body"
 		}, [o("div", {
@@ -3357,7 +3433,7 @@ var hr = [
 			dir: z(l).state.dir,
 			"data-vdd-flyout": s.item.id,
 			role: "menu"
-		}, [(T(!0), a(e, null, A(s.item.items, (t, n) => (T(), a(e, { key: n }, [z(pr)(t) ? (T(), a("button", {
+		}, [(T(!0), a(e, null, A(s.item.items, (t, n) => (T(), a(e, { key: n }, [z(mr)(t) ? (T(), a("button", {
 			key: 1,
 			type: "button",
 			class: y(["vdd-toolbar-group-flyout-item", { "vdd-active": h.value === t.id }]),
@@ -3367,40 +3443,40 @@ var hr = [
 			"data-vdd-flyout-item": t.id,
 			onClick: (e) => j(t.id, t.onActivate)
 		}, [
-			o("span", yr, [(T(), r(N(t.icon)))]),
-			o("span", br, I(t.label), 1),
-			t.shortcut ? (T(), a("span", xr, I(t.shortcut), 1)) : i("", !0)
-		], 10, vr)) : (T(), a("div", _r))], 64))), 128))], 14, gr)])) : i("", !0)], 64));
+			o("span", br, [(T(), r(N(t.icon)))]),
+			o("span", xr, I(t.label), 1),
+			t.shortcut ? (T(), a("span", Sr, I(t.shortcut), 1)) : i("", !0)
+		], 10, yr)) : (T(), a("div", vr))], 64))), 128))], 14, _r)])) : i("", !0)], 64));
 	}
-}), Cr = [
+}), wr = [
 	"inert",
 	"data-vdd-toolbar",
 	"aria-orientation"
-], wr = {
+], Tr = {
 	key: 0,
 	class: "vdd-toolbar-separator",
 	role: "separator"
-}, Tr = [
+}, Er = [
 	"title",
 	"aria-label",
 	"disabled",
 	"data-vdd-toolbar-item",
 	"onClick"
-], Er = [
+], Dr = [
 	"title",
 	"aria-label",
 	"aria-pressed",
 	"disabled",
 	"data-vdd-toolbar-item",
 	"onClick"
-], Dr = [
+], Or = [
 	"title",
 	"aria-label",
 	"aria-pressed",
 	"disabled",
 	"data-vdd-toolbar-item",
 	"onClick"
-], Or = /* @__PURE__ */ u({
+], kr = /* @__PURE__ */ u({
 	__name: "VddToolbar",
 	props: /*@__PURE__*/ g({
 		position: { default: "left" },
@@ -3430,7 +3506,7 @@ var hr = [
 			"data-vdd-toolbar": t.position,
 			role: "toolbar",
 			"aria-orientation": l.value ? "vertical" : "horizontal"
-		}, [(T(!0), a(e, null, A(t.items, (n, o) => (T(), a(e, { key: n.type === "separator" ? `sep-${o}` : n.id }, [n.type === "separator" ? (T(), a("div", wr)) : n.type === "action" ? (T(), a("button", {
+		}, [(T(!0), a(e, null, A(t.items, (n, o) => (T(), a(e, { key: n.type === "separator" ? `sep-${o}` : n.id }, [n.type === "separator" ? (T(), a("div", Tr)) : n.type === "action" ? (T(), a("button", {
 			key: 1,
 			type: "button",
 			class: "vdd-toolbar-btn vdd-toolbar-btn-action",
@@ -3439,7 +3515,7 @@ var hr = [
 			disabled: n.disabled,
 			"data-vdd-toolbar-item": n.id,
 			onClick: (e) => n.onClick()
-		}, [(T(), r(N(n.icon)))], 8, Tr)) : n.type === "radio" ? (T(), a("button", {
+		}, [(T(), r(N(n.icon)))], 8, Er)) : n.type === "radio" ? (T(), a("button", {
 			key: 2,
 			type: "button",
 			class: y(["vdd-toolbar-btn vdd-toolbar-btn-radio", { "vdd-active": d(n.group, n.id) }]),
@@ -3449,7 +3525,7 @@ var hr = [
 			disabled: n.disabled,
 			"data-vdd-toolbar-item": n.id,
 			onClick: (e) => f(n.group, n.id, n.onActivate)
-		}, [(T(), r(N(n.icon)))], 10, Er)) : n.type === "toggle" ? (T(), a("button", {
+		}, [(T(), r(N(n.icon)))], 10, Dr)) : n.type === "toggle" ? (T(), a("button", {
 			key: 3,
 			type: "button",
 			class: y(["vdd-toolbar-btn vdd-toolbar-btn-toggle", { "vdd-active": p(n) }]),
@@ -3459,14 +3535,14 @@ var hr = [
 			disabled: n.disabled,
 			"data-vdd-toolbar-item": n.id,
 			onClick: (e) => m(n)
-		}, [(T(), r(N(n.icon)))], 10, Dr)) : n.type === "group" ? (T(), r(Sr, {
+		}, [(T(), r(N(n.icon)))], 10, Or)) : n.type === "group" ? (T(), r(Cr, {
 			key: 4,
 			item: n,
 			position: t.position
-		}, null, 8, ["item", "position"])) : i("", !0)], 64))), 128))], 14, Cr));
+		}, null, 8, ["item", "position"])) : i("", !0)], 64))), 128))], 14, wr));
 	}
-}), kr = /* @__PURE__ */ new Map(), Ar = 0;
-function jr(e) {
+}), Ar = /* @__PURE__ */ new Map(), jr = 0;
+function Mr(e) {
 	let t = Y(), { overlays: r } = t, i = () => R(e), a = k(null), o = n(() => i().kind !== "modal" || i().options.closable !== !1), s = (e) => r.requestClose(i().id, {
 		...e,
 		confirm: (e) => r.confirmDiscard({
@@ -3475,26 +3551,26 @@ function jr(e) {
 		})
 	});
 	function c(e) {
-		if (e.key !== "Escape" || !o.value || Dn(e)) return;
+		if (e.key !== "Escape" || !o.value || En(e)) return;
 		let t = i();
 		if (t.kind === "modal") {
 			if (r.topmostModal()?.id !== t.id) return;
 			e.stopPropagation();
 		} else if (r.state.modals.length > 0) return;
 		else if (!u(t.id)) return;
-		En(e), s();
+		Tn(e), s();
 	}
 	let l = 0;
 	C(() => {
-		l = ++Ar, kr.set(i().id, l), document.addEventListener("keydown", c);
+		l = ++jr, Ar.set(i().id, l), document.addEventListener("keydown", c);
 	}), S(() => {
-		kr.get(i().id) === l && kr.delete(i().id), document.removeEventListener("keydown", c);
+		Ar.get(i().id) === l && Ar.delete(i().id), document.removeEventListener("keydown", c);
 	});
 	function u(e) {
-		let t = [r.state.leftPanel, r.state.rightPanel].filter((t) => t !== null && t.id !== e), n = kr.get(e) ?? 0;
-		return t.every((e) => (kr.get(e.id) ?? 0) < n);
+		let t = [r.state.leftPanel, r.state.rightPanel].filter((t) => t !== null && t.id !== e), n = Ar.get(e) ?? 0;
+		return t.every((e) => (Ar.get(e.id) ?? 0) < n);
 	}
-	return Nt({
+	return Mt({
 		id: i().id,
 		containerType: n(() => i().kind),
 		close: s,
@@ -3526,7 +3602,7 @@ function jr(e) {
 }
 //#endregion
 //#region src/components/VddOverlayFrame.vue?vue&type=script&setup=true&lang.ts
-var Mr = ["title", "aria-label"], Nr = /* @__PURE__ */ u({
+var Nr = ["title", "aria-label"], Pr = /* @__PURE__ */ u({
 	__name: "VddOverlayFrame",
 	props: {
 		block: {},
@@ -3572,13 +3648,13 @@ var Mr = ["title", "aria-label"], Nr = /* @__PURE__ */ u({
 				fill: "none",
 				stroke: "currentColor",
 				"stroke-width": "2.5"
-			}, [o("path", { d: "M18 6L6 18M6 6l12 12" })], -1)]], 10, Mr)) : i("", !0)
+			}, [o("path", { d: "M18 6L6 18M6 6l12 12" })], -1)]], 10, Nr)) : i("", !0)
 		], 2), o("div", {
 			class: y([f.value.body, m.value]),
 			style: x(t.bodyPadding == null ? void 0 : { padding: t.bodyPadding })
 		}, [j(n.$slots, "default")], 6)], 64));
 	}
-}), Pr = ["dir", "data-vdd-side-panel"], Fr = /* @__PURE__ */ u({
+}), Fr = ["dir", "data-vdd-side-panel"], Ir = /* @__PURE__ */ u({
 	__name: "VddSidePanelHost",
 	props: {
 		instance: {},
@@ -3586,7 +3662,7 @@ var Mr = ["title", "aria-label"], Nr = /* @__PURE__ */ u({
 		defaultWidth: {}
 	},
 	setup(e) {
-		let t = e, i = Y(), { displayTitle: s, icon: c, close: u, bodyPadding: d } = jr(() => t.instance), p = n(() => {
+		let t = e, i = Y(), { displayTitle: s, icon: c, close: u, bodyPadding: d } = Mr(() => t.instance), p = n(() => {
 			let e = t.instance.options.width ?? t.defaultWidth;
 			return typeof e == "number" ? `${e}px` : e;
 		});
@@ -3595,7 +3671,7 @@ var Mr = ["title", "aria-label"], Nr = /* @__PURE__ */ u({
 			style: x({ width: p.value }),
 			dir: z(i).state.dir,
 			"data-vdd-side-panel": e.position
-		}, [o("div", { class: y(["vdd-side-panel-window", z(i).classes.sidePanel]) }, [l(Nr, {
+		}, [o("div", { class: y(["vdd-side-panel-window", z(i).classes.sidePanel]) }, [l(Pr, {
 			block: "side-panel",
 			title: z(s),
 			icon: z(c),
@@ -3604,7 +3680,7 @@ var Mr = ["title", "aria-label"], Nr = /* @__PURE__ */ u({
 			"body-padding": z(d),
 			onClose: n[0] ||= (e) => z(u)()
 		}, {
-			default: W(() => [(T(), r(N(e.instance.component), b(f({
+			default: G(() => [(T(), r(N(e.instance.component), b(f({
 				...e.instance.props,
 				panelId: e.instance.id
 			})), null, 16))]),
@@ -3614,9 +3690,9 @@ var Mr = ["title", "aria-label"], Nr = /* @__PURE__ */ u({
 			"icon",
 			"close-label",
 			"body-padding"
-		])], 2)], 14, Pr));
+		])], 2)], 14, Fr));
 	}
-}), Ir = /* @__PURE__ */ u({
+}), Lr = /* @__PURE__ */ u({
 	__name: "VddSidePanels",
 	props: {
 		defaultWidth: { default: 400 },
@@ -3624,26 +3700,26 @@ var Mr = ["title", "aria-label"], Nr = /* @__PURE__ */ u({
 	},
 	setup(t) {
 		let o = t, { overlays: s } = Y(), c = n(() => o.sides === "right" ? null : s.state.leftPanel), l = n(() => o.sides === "left" ? null : s.state.rightPanel);
-		return (n, o) => (T(), a(e, null, [c.value ? (T(), r(Fr, {
+		return (n, o) => (T(), a(e, null, [c.value ? (T(), r(Ir, {
 			key: c.value.id,
 			instance: c.value,
 			position: "left",
 			"default-width": t.defaultWidth
-		}, null, 8, ["instance", "default-width"])) : i("", !0), l.value ? (T(), r(Fr, {
+		}, null, 8, ["instance", "default-width"])) : i("", !0), l.value ? (T(), r(Ir, {
 			key: l.value.id,
 			instance: l.value,
 			position: "right",
 			"default-width": t.defaultWidth
 		}, null, 8, ["instance", "default-width"])) : i("", !0)], 64));
 	}
-}), Lr = ["dir", "data-vdd-modal"], Rr = /* @__PURE__ */ u({
+}), Rr = ["dir", "data-vdd-modal"], zr = /* @__PURE__ */ u({
 	__name: "VddModalHost",
 	props: {
 		instance: {},
 		index: {}
 	},
 	setup(e) {
-		let t = e, i = Y(), { displayTitle: s, icon: c, dismissible: u, close: d, bodyPadding: p } = jr(() => t.instance), m = n(() => `vdd-modal-size-${t.instance.options.size ?? "auto"}`), h = n(() => `calc(var(--vdd-z-base, 1000) + 9000 + ${t.index * 10})`);
+		let t = e, i = Y(), { displayTitle: s, icon: c, dismissible: u, close: d, bodyPadding: p } = Mr(() => t.instance), m = n(() => `vdd-modal-size-${t.instance.options.size ?? "auto"}`), h = n(() => `calc(var(--vdd-z-base, 1000) + 9000 + ${t.index * 10})`);
 		return (t, n) => (T(), a("div", {
 			class: "vdd-modal-overlay",
 			style: x({ zIndex: h.value }),
@@ -3653,7 +3729,7 @@ var Mr = ["title", "aria-label"], Nr = /* @__PURE__ */ u({
 			class: "vdd-modal-curtain",
 			"data-vdd-modal-curtain": "",
 			onClick: n[0] ||= (e) => z(u) && z(d)()
-		}), o("div", { class: y(["vdd-modal-window", [m.value, z(i).classes.modal]]) }, [l(Nr, {
+		}), o("div", { class: y(["vdd-modal-window", [m.value, z(i).classes.modal]]) }, [l(Pr, {
 			block: "modal",
 			title: z(s),
 			icon: z(c),
@@ -3662,7 +3738,7 @@ var Mr = ["title", "aria-label"], Nr = /* @__PURE__ */ u({
 			"body-padding": z(p),
 			onClose: n[1] ||= (e) => z(d)()
 		}, {
-			default: W(() => [(T(), r(N(e.instance.component), b(f({
+			default: G(() => [(T(), r(N(e.instance.component), b(f({
 				...e.instance.props,
 				panelId: e.instance.id
 			})), null, 16))]),
@@ -3673,9 +3749,9 @@ var Mr = ["title", "aria-label"], Nr = /* @__PURE__ */ u({
 			"closable",
 			"close-label",
 			"body-padding"
-		])], 2)], 12, Lr));
+		])], 2)], 12, Rr));
 	}
-}), zr = { class: "vdd-confirmation-message" }, Br = { class: "vdd-confirmation-actions" }, Vr = /* @__PURE__ */ u({
+}), Br = { class: "vdd-confirmation-message" }, Vr = { class: "vdd-confirmation-actions" }, Hr = /* @__PURE__ */ u({
 	__name: "VddConfirm",
 	props: {
 		message: {},
@@ -3690,7 +3766,7 @@ var Mr = ["title", "aria-label"], Nr = /* @__PURE__ */ u({
 		onSettled: {}
 	},
 	setup(e) {
-		let t = e, n = Y(), r = Ft(), s = H("confirmButton"), c = !1;
+		let t = e, n = Y(), r = Pt(), s = H("confirmButton"), c = !1;
 		function l(e) {
 			c || (c = !0, t.onSettled?.(e));
 		}
@@ -3704,14 +3780,14 @@ var Mr = ["title", "aria-label"], Nr = /* @__PURE__ */ u({
 			r.setIcon(void 0), s.value?.focus({ preventScroll: !0 });
 		}), S(() => l(!1)), (t, r) => (T(), a("form", {
 			class: "vdd-confirmation-form-body",
-			onSubmit: G(u, ["prevent"])
+			onSubmit: K(u, ["prevent"])
 		}, [
 			e.alert ? (T(), a("div", {
 				key: 0,
 				class: y(["vdd-confirmation-alert", `vdd-confirmation-alert-${e.alertType}`])
 			}, [o("span", null, I(e.alert), 1)], 2)) : i("", !0),
-			o("div", zr, I(z(n).format(e.message)), 1),
-			o("div", Br, [o("button", {
+			o("div", Br, I(z(n).format(e.message)), 1),
+			o("div", Vr, [o("button", {
 				type: "button",
 				class: "vdd-btn vdd-btn-sm vdd-btn-outline",
 				"data-vdd-confirm-cancel": "",
@@ -3725,13 +3801,13 @@ var Mr = ["title", "aria-label"], Nr = /* @__PURE__ */ u({
 			}, I(z(n).format(e.yesNo ? z(n).messages.yes : z(n).messages.ok)), 513)])
 		], 32));
 	}
-}), Hr = /* @__PURE__ */ u({
+}), Ur = /* @__PURE__ */ u({
 	__name: "VddModals",
 	setup(t) {
 		let n = Y(), { overlays: i } = n;
 		function o(e) {
 			return new Promise((t) => {
-				i.openModal(Vr, {
+				i.openModal(Hr, {
 					message: e.dirtyOptions?.message ?? {
 						...n.messages.unsavedChangesMessage,
 						values: { title: e.title }
@@ -3746,33 +3822,33 @@ var Mr = ["title", "aria-label"], Nr = /* @__PURE__ */ u({
 				});
 			});
 		}
-		return C(() => i.setConfirmRenderer(o)), S(() => i.setConfirmRenderer(null)), (t, n) => (T(!0), a(e, null, A(z(i).state.modals, (e, t) => (T(), r(Rr, {
+		return C(() => i.setConfirmRenderer(o)), S(() => i.setConfirmRenderer(null)), (t, n) => (T(!0), a(e, null, A(z(i).state.modals, (e, t) => (T(), r(zr, {
 			key: e.id,
 			instance: e,
 			index: t
 		}, null, 8, ["instance", "index"]))), 128));
 	}
-}), Ur = {
+}), Wr = {
 	duration: 5e3,
 	closable: !0
 }, X = D({
 	items: [],
 	adapter: null,
-	defaults: { ...Ur }
-}), Wr = /* @__PURE__ */ new Set(), Gr = 0;
-function Kr(e) {
+	defaults: { ...Wr }
+}), Gr = /* @__PURE__ */ new Set(), Kr = 0;
+function qr(e) {
 	return Object.fromEntries(Object.entries(e).filter(([, e]) => e !== void 0));
 }
-function qr(e, t, n, r) {
-	let i = Kr(r);
-	if (Wr.has(t)) {
+function Jr(e, t, n, r) {
+	let i = qr(r);
+	if (Gr.has(t)) {
 		e.update(t, n, {
 			...i,
 			id: t
 		});
 		return;
 	}
-	Wr.add(t), e.show(t, n, {
+	Gr.add(t), e.show(t, n, {
 		type: "info",
 		duration: X.defaults.duration,
 		closable: X.defaults.closable,
@@ -3781,11 +3857,11 @@ function qr(e, t, n, r) {
 	});
 }
 function Z(e, t = {}) {
-	let n = t.id ?? `vdd-toast-${++Gr}`, r = {
+	let n = t.id ?? `vdd-toast-${++Kr}`, r = {
 		...t,
 		id: n
 	};
-	if (X.adapter) return qr(X.adapter, n, e, t), n;
+	if (X.adapter) return Jr(X.adapter, n, e, t), n;
 	let i = X.items.find((e) => e.id === n);
 	return i ? (i.message = e, i.options = {
 		...i.options,
@@ -3798,26 +3874,26 @@ function Z(e, t = {}) {
 		revision: 0
 	}), n);
 }
-function Jr(e) {
+function Yr(e) {
 	let t = X.items.find((t) => t.id === e);
 	t && !t.exiting && (t.exiting = !0, t.options.onClose?.());
 }
-function Yr(e) {
+function Xr(e) {
 	let t = X.items.findIndex((t) => t.id === e);
 	t !== -1 && X.items.splice(t, 1);
 }
-function Xr(e) {
+function Zr(e) {
 	if (X.adapter) {
-		e === void 0 ? Wr.clear() : Wr.delete(e), X.adapter.dismiss(e);
+		e === void 0 ? Gr.clear() : Gr.delete(e), X.adapter.dismiss(e);
 		return;
 	}
 	if (e === void 0) {
-		for (let e of [...X.items]) Jr(e.id);
+		for (let e of [...X.items]) Yr(e.id);
 		return;
 	}
-	Jr(e);
+	Yr(e);
 }
-var Zr = Object.assign((e, t) => Z(e, t), {
+var Qr = Object.assign((e, t) => Z(e, t), {
 	info: (e, t) => Z(e, {
 		...t,
 		type: "info"
@@ -3834,7 +3910,7 @@ var Zr = Object.assign((e, t) => Z(e, t), {
 		...t,
 		type: "error"
 	}),
-	dismiss: Xr,
+	dismiss: Zr,
 	promise(e, t, n) {
 		let r = Z(t.pending, {
 			...n,
@@ -3858,45 +3934,45 @@ var Zr = Object.assign((e, t) => Z(e, t), {
 		}), e;
 	}
 });
-function Qr() {
-	X.items.splice(0), X.adapter = null, X.defaults = { ...Ur }, Wr.clear();
+function $r() {
+	X.items.splice(0), X.adapter = null, X.defaults = { ...Wr }, Gr.clear();
 }
-function $r(e, t) {
-	if (X.defaults = { ...t }, L(X.adapter) === L(e) || (X.adapter = e, Wr.clear(), !e)) return;
+function ei(e, t) {
+	if (X.defaults = { ...t }, L(X.adapter) === L(e) || (X.adapter = e, Gr.clear(), !e)) return;
 	let n = X.items.splice(0).filter((e) => !e.exiting);
-	for (let t of n) qr(e, t.id, t.message, t.options);
+	for (let t of n) Jr(e, t.id, t.message, t.options);
 }
 //#endregion
 //#region src/components/VddToastIcon.vue?vue&type=script&setup=true&lang.ts
-var ei = {
+var ti = {
 	class: "vdd-toast__icon",
 	viewBox: "0 0 16 16",
 	fill: "none",
 	"aria-hidden": "true"
-}, ti = {
+}, ni = {
 	key: 0,
 	d: "M5 8l2 2 4-4",
 	stroke: "currentColor",
 	"stroke-width": "1.5",
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
-}, ni = {
+}, ri = {
 	key: 1,
 	d: "M5.5 5.5l5 5M10.5 5.5l-5 5",
 	stroke: "currentColor",
 	"stroke-width": "1.5",
 	"stroke-linecap": "round"
-}, ri = {
+}, ii = {
 	key: 2,
 	d: "M8 5v.01M8 7.5v3.5",
 	stroke: "currentColor",
 	"stroke-width": "1.5",
 	"stroke-linecap": "round"
-}, ii = /* @__PURE__ */ u({
+}, ai = /* @__PURE__ */ u({
 	__name: "VddToastIcon",
 	props: { type: {} },
 	setup(t) {
-		return (n, r) => (T(), a("svg", ei, [t.type === "warning" ? (T(), a(e, { key: 0 }, [r[0] ||= o("path", {
+		return (n, r) => (T(), a("svg", ti, [t.type === "warning" ? (T(), a(e, { key: 0 }, [r[0] ||= o("path", {
 			d: "M8 2.5L14 13.5H2L8 2.5z",
 			stroke: "currentColor",
 			"stroke-width": "1.5",
@@ -3912,9 +3988,9 @@ var ei = {
 			r: "7",
 			stroke: "currentColor",
 			"stroke-width": "1.5"
-		}, null, -1), t.type === "success" ? (T(), a("path", ti)) : t.type === "error" ? (T(), a("path", ni)) : (T(), a("path", ri))], 64))]));
+		}, null, -1), t.type === "success" ? (T(), a("path", ni)) : t.type === "error" ? (T(), a("path", ri)) : (T(), a("path", ii))], 64))]));
 	}
-}), ai = ["data-vdd-toast"], oi = /* @__PURE__ */ u({
+}), oi = ["data-vdd-toast"], si = ["aria-label"], ci = /* @__PURE__ */ u({
 	__name: "VddToastItem",
 	props: {
 		toast: {},
@@ -3927,81 +4003,81 @@ var ei = {
 	},
 	emits: ["exited"],
 	setup(t, { emit: s }) {
-		let l = t, u = s, d = H("card"), f = H("body"), p = n(() => l.toast.options.type ?? "info"), m = n(() => l.toast.options.duration ?? l.defaultDuration), h = n(() => l.toast.options.closable ?? l.defaultClosable), g = n(() => l.toast.options.icon ?? null), v = k(l.animation === "none" ? "vdd-toast--visible" : l.animation === "fade" ? "vdd-toast--fade-entering" : l.isLeft ? "vdd-toast--entering-left" : "vdd-toast--entering"), w = k(!1), E = null, D = 0, O = 0;
-		function A(e) {
-			e <= 0 || (O = Date.now(), E = setTimeout(() => Jr(l.toast.id), e));
-		}
-		function j() {
-			E &&= (clearTimeout(E), null);
+		let l = ir(), u = t, d = s, f = H("card"), p = H("body"), m = n(() => u.toast.options.type ?? "info"), h = n(() => u.toast.options.duration ?? u.defaultDuration), g = n(() => u.toast.options.closable ?? u.defaultClosable), v = n(() => u.toast.options.icon ?? null), w = k(u.animation === "none" ? "vdd-toast--visible" : u.animation === "fade" ? "vdd-toast--fade-entering" : u.isLeft ? "vdd-toast--entering-left" : "vdd-toast--entering"), E = k(!1), D = null, O = 0, A = 0;
+		function j(e) {
+			e <= 0 || (A = Date.now(), D = setTimeout(() => Yr(u.toast.id), e));
 		}
-		U([m, () => l.toast.revision], () => {
-			j(), D = m.value, A(m.value);
-		}, { immediate: !0 });
 		function M() {
-			l.pauseOnHover && m.value !== 0 && E && (j(), D = Math.max(0, D - (Date.now() - O)), w.value = !0);
+			D &&= (clearTimeout(D), null);
 		}
+		U([h, () => u.toast.revision], () => {
+			M(), O = h.value, j(h.value);
+		}, { immediate: !0 });
 		function P() {
-			l.pauseOnHover && m.value !== 0 && (w.value = !1, A(D));
+			u.pauseOnHover && h.value !== 0 && D && (M(), O = Math.max(0, O - (Date.now() - A)), E.value = !0);
 		}
-		let F = null;
-		function L() {
-			let e = d.value;
-			e && !l.toast.exiting && (e.style.maxHeight = `${e.scrollHeight}px`);
+		function F() {
+			u.pauseOnHover && h.value !== 0 && (E.value = !1, j(O));
+		}
+		let L = null;
+		function R() {
+			let e = f.value;
+			e && !u.toast.exiting && (e.style.maxHeight = `${e.scrollHeight}px`);
 		}
 		C(() => {
-			L(), typeof ResizeObserver < "u" && f.value && (F = new ResizeObserver(L), F.observe(f.value)), l.animation !== "none" && requestAnimationFrame(() => {
-				v.value = "vdd-toast--visible";
+			R(), typeof ResizeObserver < "u" && p.value && (L = new ResizeObserver(R), L.observe(p.value)), u.animation !== "none" && requestAnimationFrame(() => {
+				w.value = "vdd-toast--visible";
 			});
 		});
-		let R = null;
-		U(() => l.toast.exiting, (e) => {
+		let B = null;
+		U(() => u.toast.exiting, (e) => {
 			if (e) {
-				if (j(), F?.disconnect(), F = null, l.animation === "none" || !d.value) {
-					u("exited", l.toast.id);
+				if (M(), L?.disconnect(), L = null, u.animation === "none" || !f.value) {
+					d("exited", u.toast.id);
 					return;
 				}
-				R = setTimeout(() => u("exited", l.toast.id), 520);
+				B = setTimeout(() => d("exited", u.toast.id), 520);
 			}
 		}, { immediate: !0 });
-		function B(e) {
-			l.toast.exiting && e.propertyName === "max-height" && u("exited", l.toast.id);
+		function V(e) {
+			u.toast.exiting && e.propertyName === "max-height" && d("exited", u.toast.id);
 		}
 		return S(() => {
-			j(), R && clearTimeout(R), F?.disconnect();
+			M(), B && clearTimeout(B), L?.disconnect();
 		}), (n, s) => (T(), a("div", {
 			ref_key: "card",
-			ref: d,
+			ref: f,
 			role: "status",
 			"aria-live": "polite",
 			class: y(["vdd-toast", [
-				`vdd-toast--${p.value}`,
-				v.value,
+				`vdd-toast--${m.value}`,
+				w.value,
 				{
 					"vdd-toast--exiting": t.toast.exiting,
-					"vdd-toast--paused": w.value
+					"vdd-toast--paused": E.value
 				}
 			]]),
 			"data-vdd-toast": t.toast.id,
-			onMouseenter: M,
-			onMouseleave: P,
-			onTransitionend: B
+			onMouseenter: P,
+			onMouseleave: F,
+			onTransitionend: V
 		}, [
-			g.value ? (T(), r(N(g.value), { key: 0 })) : (T(), r(ii, {
+			v.value ? (T(), r(N(v.value), { key: 0 })) : (T(), r(ai, {
 				key: 1,
-				type: p.value
+				type: m.value
 			}, null, 8, ["type"])),
 			o("div", {
 				ref_key: "body",
-				ref: f,
+				ref: p,
 				class: "vdd-toast__body"
 			}, [t.toast.options.content ? (T(), r(N(t.toast.options.content), b(_({ key: 0 }, t.toast.options.contentProps)), null, 16)) : (T(), a(e, { key: 1 }, [c(I(t.toast.message), 1)], 64))], 512),
-			h.value ? (T(), a("button", {
+			g.value ? (T(), a("button", {
 				key: 2,
 				type: "button",
 				class: "vdd-toast__close",
-				"aria-label": "Close notification",
+				"aria-label": z(l)("closeNotification"),
 				"data-vdd-toast-close": "",
-				onClick: s[0] ||= (e) => z(Jr)(t.toast.id)
+				onClick: s[0] ||= (e) => z(Yr)(t.toast.id)
 			}, [...s[1] ||= [o("svg", {
 				width: "14",
 				height: "14",
@@ -4013,15 +4089,15 @@ var ei = {
 				stroke: "currentColor",
 				"stroke-width": "1.5",
 				"stroke-linecap": "round"
-			})], -1)]])) : i("", !0),
-			t.showProgress && m.value > 0 ? (T(), a("div", {
+			})], -1)]], 8, si)) : i("", !0),
+			t.showProgress && h.value > 0 ? (T(), a("div", {
 				key: 3,
 				class: "vdd-toast__progress",
-				style: x({ animationDuration: `${m.value}ms` })
+				style: x({ animationDuration: `${h.value}ms` })
 			}, null, 4)) : i("", !0)
-		], 42, ai));
+		], 42, oi));
 	}
-}), si = /* @__PURE__ */ u({
+}), li = ["aria-label"], ui = /* @__PURE__ */ u({
 	__name: "VddToasts",
 	props: {
 		position: { default: "top-right" },
@@ -4048,38 +4124,38 @@ var ei = {
 		adapter: {}
 	},
 	setup(s) {
-		let c = s;
+		let c = ir(), l = s;
 		U(() => [
-			c.adapter,
-			c.defaultDuration,
-			c.defaultClosable
-		], ([e, t, n]) => $r(e ?? null, {
+			l.adapter,
+			l.defaultDuration,
+			l.defaultClosable
+		], ([e, t, n]) => ei(e ?? null, {
 			duration: t,
 			closable: n
 		}), { immediate: !0 }), S(() => {
-			c.adapter && L(X.adapter) === L(c.adapter) && $r(null, {
-				duration: c.defaultDuration,
-				closable: c.defaultClosable
+			l.adapter && L(X.adapter) === L(l.adapter) && ei(null, {
+				duration: l.defaultDuration,
+				closable: l.defaultClosable
 			});
 		});
-		let l = n(() => {
+		let u = n(() => {
 			let e = [], t = 0;
 			for (let n of X.items) {
 				if (n.exiting) {
 					e.push(n);
 					continue;
 				}
-				if (t >= c.maxVisible) break;
+				if (t >= l.maxVisible) break;
 				e.push(n), t++;
 			}
-			return c.newestOnTop ? [...e].reverse() : e;
+			return l.newestOnTop ? [...e].reverse() : e;
 		});
 		U(() => X.items.map((e) => `${e.id}:${e.exiting}`).join(","), () => {
-			let e = new Set(l.value.map((e) => e.id));
-			for (let t of [...X.items]) t.exiting && !e.has(t.id) && Yr(t.id);
+			let e = new Set(u.value.map((e) => e.id));
+			for (let t of [...X.items]) t.exiting && !e.has(t.id) && Xr(t.id);
 		}, { immediate: !0 });
-		let u = n(() => c.position.endsWith("left"));
-		return (n, c) => s.adapter ? (T(), r(t, {
+		let d = n(() => l.position.endsWith("left"));
+		return (n, l) => s.adapter ? (T(), r(t, {
 			key: 0,
 			to: "body"
 		}, [s.adapter.component ? (T(), r(N(s.adapter.component), {
@@ -4092,19 +4168,19 @@ var ei = {
 			class: y(["vdd-toast-container", [`vdd-toast-container--${s.position}`, s.newestOnTop ? "vdd-toast-container--newest-top" : "vdd-toast-container--newest-bottom"]]),
 			style: x({ width: `${s.width}px` }),
 			role: "region",
-			"aria-label": "Notifications",
+			"aria-label": z(c)("notifications"),
 			"aria-live": "polite",
 			"data-vdd-toasts": ""
-		}, [(T(!0), a(e, null, A(l.value, (e) => (T(), r(oi, {
+		}, [(T(!0), a(e, null, A(u.value, (e) => (T(), r(ci, {
 			key: e.id,
 			toast: e,
-			"is-left": u.value,
+			"is-left": d.value,
 			"show-progress": s.progressBar,
 			"pause-on-hover": s.pauseOnHover,
 			animation: s.animation,
 			"default-duration": s.defaultDuration,
 			"default-closable": s.defaultClosable,
-			onExited: z(Yr)
+			onExited: z(Xr)
 		}, null, 8, [
 			"toast",
 			"is-left",
@@ -4114,20 +4190,20 @@ var ei = {
 			"default-duration",
 			"default-closable",
 			"onExited"
-		]))), 128))], 6)]));
+		]))), 128))], 14, li)]));
 	}
-}), Q = (e) => e === "width" || e === "both", $ = (e) => e === "height" || e === "both", ci = (e, t) => t === "inline" ? $(e) ? "both" : "width" : Q(e) ? "both" : "height", li = (e, t) => t === "inline" ? e === "both" ? "height" : Q(e) ? null : e : e === "both" ? "width" : $(e) ? null : e, ui = (e, t) => $(t) ? [] : Q(t) ? e.startsWith("top-") ? ["top-left", "top-right"] : ["bottom-left", "bottom-right"] : [e], di = [
+}), Q = (e) => e === "width" || e === "both", $ = (e) => e === "height" || e === "both", di = (e, t) => t === "inline" ? $(e) ? "both" : "width" : Q(e) ? "both" : "height", fi = (e, t) => t === "inline" ? e === "both" ? "height" : Q(e) ? null : e : e === "both" ? "width" : $(e) ? null : e, pi = (e, t) => $(t) ? [] : Q(t) ? e.startsWith("top-") ? ["top-left", "top-right"] : ["bottom-left", "bottom-right"] : [e], mi = [
 	"top-left",
 	"top-right",
 	"bottom-left",
 	"bottom-right"
 ];
-function fi(e, t, n) {
+function hi(e, t, n) {
 	let r = t - e.left, i = n - e.top;
 	return r < 80 && i < 80 ? "top-left" : r > e.width - 80 && i < 80 ? "top-right" : r < 80 && i > e.height - 80 ? "bottom-left" : r > e.width - 80 && i > e.height - 80 ? "bottom-right" : null;
 }
-var pi = (e) => e.endsWith("-left") ? e.replace("-left", "-right") : e.replace("-right", "-left");
-function mi(e, t) {
+var gi = (e) => e.endsWith("-left") ? e.replace("-left", "-right") : e.replace("-right", "-left");
+function _i(e, t) {
 	return {
 		left: (t ? e.inlineEnd : e.inlineStart) + 8,
 		right: (t ? e.inlineStart : e.inlineEnd) + 8,
@@ -4135,7 +4211,7 @@ function mi(e, t) {
 		bottom: e.bottom
 	};
 }
-function hi(e, t, n, r) {
+function vi(e, t, n, r) {
 	if (e === "free") return [
 		"n",
 		"ne",
@@ -4149,7 +4225,7 @@ function hi(e, t, n, r) {
 	let i = t.startsWith("top-") ? "s" : "n", a = t.endsWith("-right") === r ? "e" : "w", o = Q(n), s = $(n), c = [];
 	return c.push(...o ? ["e", "w"] : [a]), c.push(...s ? ["n", "s"] : [i]), !o && !s && c.push(`${i}${a}`), c;
 }
-function gi(e, t, n, r) {
+function yi(e, t, n, r) {
 	let i = e;
 	if (n.inline) {
 		let e = t.includes("e");
@@ -4157,7 +4233,7 @@ function gi(e, t, n, r) {
 	}
 	return n.block && (i = `${t.includes("s") ? "top" : "bottom"}-${i.endsWith("-right") ? "right" : "left"}`), i;
 }
-function _i(e, t, n, r, i) {
+function bi(e, t, n, r, i) {
 	let a = t.length === 0, o = 0;
 	for (let s of t) {
 		let t = n[s] ?? [], c = t.indexOf(e);
@@ -4174,8 +4250,8 @@ function _i(e, t, n, r, i) {
 }
 //#endregion
 //#region src/core/overlayState.ts
-var vi = Symbol("vdd-panel-overlay");
-function yi() {
+var xi = Symbol("vdd-panel-overlay");
+function Si() {
 	let e = F(null), t = D({
 		top: 0,
 		bottom: 0,
@@ -4209,14 +4285,14 @@ function yi() {
 			d += 1, r[e] = d, n.value = e;
 		},
 		dock: (e, t, n) => {
-			let r = ui(t, n);
-			for (let t of di) {
+			let r = pi(t, n);
+			for (let t of mi) {
 				let n = i[t].filter((t) => t !== e), a = r.includes(t) ? [...n, e] : n;
 				a.length === i[t].length && a.every((e, n) => e === i[t][n]) || (i[t] = a);
 			}
 		},
 		undock: (e) => {
-			for (let t of di) i[t].includes(e) && (i[t] = i[t].filter((t) => t !== e));
+			for (let t of mi) i[t].includes(e) && (i[t] = i[t].filter((t) => t !== e));
 		},
 		reportSize: (e, t) => {
 			a[e] !== t && (a[e] = t);
@@ -4248,16 +4324,16 @@ function yi() {
 }
 //#endregion
 //#region src/composables/usePanelOverlay.ts
-function bi() {
-	let e = p(vi, null);
+function Ci() {
+	let e = p(xi, null);
 	if (!e) throw Error("[vue-dockable-desktop] This component must be used inside a <VddPanelOverlay>. Wrap your panel content in one to enable toolbars and floating widgets.");
 	return e;
 }
-function xi() {
-	return p(vi, null);
+function wi() {
+	return p(xi, null);
 }
-function Si() {
-	let e = bi();
+function Ti() {
+	let e = Ci();
 	return {
 		openIds: n(() => e.managedIds()),
 		open: e.openManaged,
@@ -4268,10 +4344,10 @@ function Si() {
 }
 //#endregion
 //#region src/components/VddFloatingWidget.vue?vue&type=script&setup=true&lang.ts
-var Ci = ["dir", "data-vdd-widget"], wi = {
+var Ei = ["dir", "data-vdd-widget"], Di = {
 	key: 0,
 	class: "vdd-panel-float__icon"
-}, Ti = { class: "vdd-panel-float__title" }, Ei = ["title", "aria-label"], Di = { class: "vdd-panel-float__body" }, Oi = ["data-vdd-widget-resize", "onPointerdown"], ki = /* @__PURE__ */ u({
+}, Oi = { class: "vdd-panel-float__title" }, ki = ["title", "aria-label"], Ai = { class: "vdd-panel-float__body" }, ji = ["data-vdd-widget-resize", "onPointerdown"], Mi = /* @__PURE__ */ u({
 	__name: "VddFloatingWidget",
 	props: /*@__PURE__*/ g({
 		widgetId: {},
@@ -4297,7 +4373,7 @@ var Ci = ["dir", "data-vdd-widget"], wi = {
 	}),
 	emits: ["update:open", "update:placement"],
 	setup(t) {
-		let s = t, c = B(t, "open"), l = B(t, "placement"), u = Y(), d = xi(), f = H("el"), p = n(() => u.state.isRtl), m = n(() => l.value.anchor), h = n(() => l.value.stretch), g = k("docked"), _ = k(null), v = k({
+		let s = t, c = B(t, "open"), l = B(t, "placement"), u = Y(), d = wi(), f = H("el"), p = n(() => u.state.isRtl), m = n(() => l.value.anchor), h = n(() => l.value.stretch), g = k("docked"), _ = k(null), v = k({
 			w: s.width,
 			h: s.height
 		}), b = k({
@@ -4334,7 +4410,7 @@ var Ci = ["dir", "data-vdd-widget"], wi = {
 			let e = m.value.endsWith("-right") ? "right" : "left", t = [`top-${e}`, `bottom-${e}`].flatMap((e) => d.stacks[e] ?? []).filter((e) => e !== s.widgetId);
 			t.length !== 0 && (w = !0, console.warn(`[vue-dockable-desktop] <VddFloatingWidget> "${s.widgetId}" stretches the block axis ("${h.value}") while ${t.length} other widget(s) are anchored to the same side (${t.join(", ")}). A block-stretched widget spans the axis stacking uses to separate siblings, so it cannot stack and will overlap them — z-order decides which is on top. Give it a fixed height, or move the others to the opposite side.`));
 		});
-		let E = n(() => d?.zOrders[s.widgetId] ?? 101), D = n(() => !d || d.topId.value === s.widgetId), O = () => mi(d?.insets ?? {
+		let E = n(() => d?.zOrders[s.widgetId] ?? 101), D = n(() => !d || d.topId.value === s.widgetId), O = () => _i(d?.insets ?? {
 			top: 0,
 			bottom: 0,
 			inlineStart: 0,
@@ -4350,7 +4426,7 @@ var Ci = ["dir", "data-vdd-widget"], wi = {
 		let P = n(() => !d || g.value !== "docked" ? {
 			offset: 0,
 			registered: !0
-		} : _i(s.widgetId, ui(m.value, h.value), d.stacks, d.dockedSizes, s.height)), F = n(() => {
+		} : bi(s.widgetId, pi(m.value, h.value), d.stacks, d.dockedSizes, s.height)), F = n(() => {
 			if (g.value !== "docked" || !d) return {
 				left: `${_.value?.x ?? 0}px`,
 				top: `${_.value?.y ?? 0}px`,
@@ -4364,7 +4440,7 @@ var Ci = ["dir", "data-vdd-widget"], wi = {
 				pointerEvents: P.value.registered ? void 0 : "none"
 			};
 			return Q(h.value) ? (t.insetInlineStart = `${d.insets.inlineStart + 8}px`, t.insetInlineEnd = `${d.insets.inlineEnd + 8}px`) : (t[m.value.endsWith("-right") ? "insetInlineEnd" : "insetInlineStart"] = "8px", t.width = `${v.value.w}px`), $(h.value) ? (t.top = `${e.top}px`, t.bottom = `${e.bottom}px`) : m.value.startsWith("top-") ? (t.top = `${e.top + P.value.offset}px`, t.height = `${v.value.h}px`) : (t.bottom = `${e.bottom + P.value.offset}px`, t.height = `${v.value.h}px`), t;
-		}), L = n(() => hi(g.value, m.value, h.value, p.value)), R = null;
+		}), L = n(() => vi(g.value, m.value, h.value, p.value)), R = null;
 		function V(e) {
 			if (e.button !== 0) return;
 			e.preventDefault();
@@ -4407,21 +4483,21 @@ var Ci = ["dir", "data-vdd-widget"], wi = {
 			};
 			let r = d?.container.value;
 			if (r && d) {
-				let t = fi(r.getBoundingClientRect(), e.clientX, e.clientY);
-				d.hovered.value = t && p.value ? pi(t) : t;
+				let t = hi(r.getBoundingClientRect(), e.clientX, e.clientY);
+				d.hovered.value = t && p.value ? gi(t) : t;
 			}
 		}
-		function te() {
+		function W() {
 			if (R?.moved && d) {
 				let e = d.hovered.value;
 				e && (g.value = "docked", _.value = null, C(e, h.value)), d.hovered.value = null, d.draggingId.value = null;
 			}
 			document.body.classList.remove("vdd-dragging-active"), R = null;
 		}
-		function W() {
+		function G() {
 			R?.moved && d && (d.hovered.value = null, d.draggingId.value = null), document.body.classList.remove("vdd-dragging-active"), R = null;
 		}
-		function ne(e, t) {
+		function te(e, t) {
 			if (t.button !== 0) return;
 			t.preventDefault(), t.stopPropagation();
 			let n = 0, r = 0;
@@ -4451,7 +4527,7 @@ var Ci = ["dir", "data-vdd-widget"], wi = {
 				if (!n.inline && !n.block) return;
 				l = !0;
 				let r = t;
-				n.inline && (r = li(r, "inline")), n.block && (r = li(r, "block")), C(gi(m.value, e, n, p.value), r);
+				n.inline && (r = fi(r, "inline")), n.block && (r = fi(r, "block")), C(yi(m.value, e, n, p.value), r);
 			}
 			$e({
 				element: t.currentTarget,
@@ -4481,7 +4557,7 @@ var Ci = ["dir", "data-vdd-widget"], wi = {
 						let e = i - f.left - f.right, t = a - f.top - f.bottom - P.value.offset, n = h.value, r = { ...u };
 						o && !Q(n) && (p.w >= e - 16 ? r.inline = !0 : u.inline && p.w < e - 40 && (r.inline = !1)), c && !$(n) && (p.h >= t - 16 ? r.block = !0 : u.block && p.h < t - 40 && (r.block = !1)), (r.inline !== u.inline || r.block !== u.block) && (u = r, b.value = r);
 					}
-					let m = l ? li(li(h.value, o ? "inline" : "block"), c ? "block" : "inline") : h.value;
+					let m = l ? fi(fi(h.value, o ? "inline" : "block"), c ? "block" : "inline") : h.value;
 					v.value = {
 						w: Q(m) ? v.value.w : p.w,
 						h: $(m) ? v.value.h : p.h
@@ -4503,7 +4579,7 @@ var Ci = ["dir", "data-vdd-widget"], wi = {
 						h: u.block ? e.h : v.value.h
 					};
 					let t = h.value;
-					u.inline && (t = ci(t, "inline")), u.block && (t = ci(t, "block")), C(m.value, t), b.value = {
+					u.inline && (t = di(t, "inline")), u.block && (t = di(t, "block")), C(m.value, t), b.value = {
 						inline: !1,
 						block: !1
 					};
@@ -4523,16 +4599,16 @@ var Ci = ["dir", "data-vdd-widget"], wi = {
 			"data-vdd-widget": t.widgetId,
 			onPointerdown: s[2] ||= (e) => z(d)?.focus(t.widgetId),
 			onPointermove: ee,
-			onPointerup: te,
-			onPointercancel: W
+			onPointerup: W,
+			onPointercancel: G
 		}, [
 			o("div", {
 				class: "vdd-panel-float__header",
 				"data-vdd-widget-header": "",
 				onPointerdown: V
 			}, [
-				t.icon ? (T(), a("span", wi, [(T(), r(N(t.icon)))])) : i("", !0),
-				o("span", Ti, I(z(u).format(t.title)), 1),
+				t.icon ? (T(), a("span", Di, [(T(), r(N(t.icon)))])) : i("", !0),
+				o("span", Oi, I(z(u).format(t.title)), 1),
 				o("button", {
 					type: "button",
 					class: "vdd-panel-float__close",
@@ -4540,7 +4616,7 @@ var Ci = ["dir", "data-vdd-widget"], wi = {
 					"aria-label": z(u).format(z(u).messages.close),
 					"data-vdd-widget-close": "",
 					onClick: s[0] ||= (e) => c.value = !1,
-					onPointerdown: s[1] ||= G(() => {}, ["stop"])
+					onPointerdown: s[1] ||= K(() => {}, ["stop"])
 				}, [...s[3] ||= [o("svg", {
 					width: "8",
 					height: "8",
@@ -4559,24 +4635,24 @@ var Ci = ["dir", "data-vdd-widget"], wi = {
 					y1: "1",
 					x2: "1",
 					y2: "9"
-				})], -1)]], 40, Ei)
+				})], -1)]], 40, ki)
 			], 32),
-			o("div", Di, [j(n.$slots, "default")]),
+			o("div", Ai, [j(n.$slots, "default")]),
 			(T(!0), a(e, null, A(L.value, (e) => (T(), a("div", {
 				key: e,
 				class: y(["vdd-resize-handle", `vdd-resize-${e}`]),
 				"data-vdd-widget-resize": e,
-				onPointerdown: (t) => ne(e, t)
-			}, null, 42, Oi))), 128))
-		], 46, Ci)) : i("", !0);
+				onPointerdown: (t) => te(e, t)
+			}, null, 42, ji))), 128))
+		], 46, Ei)) : i("", !0);
 	}
-}), Ai = ["data-vdd-dropzone"], ji = /* @__PURE__ */ u({
+}), Ni = ["data-vdd-dropzone"], Pi = /* @__PURE__ */ u({
 	__name: "VddPanelOverlay",
 	setup(t) {
-		let o = yi();
-		E(vi, o);
+		let o = Si();
+		E(xi, o);
 		let s = H("root");
-		te(() => {
+		W(() => {
 			o.container.value = s.value;
 		});
 		let c = n(() => o.managedIds().map((e) => ({
@@ -4591,13 +4667,13 @@ var Ci = ["dir", "data-vdd-widget"], wi = {
 			"data-vdd-panel-overlay": ""
 		}, [
 			j(t.$slots, "default"),
-			l.value ? (T(!0), a(e, { key: 0 }, A(z(di), (e) => (T(), a("div", {
+			l.value ? (T(!0), a(e, { key: 0 }, A(z(mi), (e) => (T(), a("div", {
 				key: e,
 				class: y(["vdd-panel-float-dropzone", [`vdd-panel-float-dropzone--${e}`, { "vdd-panel-float-dropzone--hovered": z(o).hovered.value === e }]]),
 				"data-vdd-dropzone": e,
 				"aria-hidden": "true"
-			}, null, 10, Ai))), 128)) : i("", !0),
-			(T(!0), a(e, null, A(c.value, ({ id: e, widget: t, placement: n }) => (T(), r(ki, {
+			}, null, 10, Ni))), 128)) : i("", !0),
+			(T(!0), a(e, null, A(c.value, ({ id: e, widget: t, placement: n }) => (T(), r(Mi, {
 				key: e,
 				"widget-id": e,
 				title: t.title,
@@ -4611,7 +4687,7 @@ var Ci = ["dir", "data-vdd-widget"], wi = {
 				},
 				"onUpdate:placement": (t) => z(o).setManagedPlacement(e, t)
 			}, {
-				default: W(() => [(T(), r(N(t.component), _({ ref_for: !0 }, t.props), null, 16))]),
+				default: G(() => [(T(), r(N(t.component), _({ ref_for: !0 }, t.props), null, 16))]),
 				_: 2
 			}, 1032, [
 				"widget-id",
@@ -4625,12 +4701,12 @@ var Ci = ["dir", "data-vdd-widget"], wi = {
 			]))), 128))
 		], 2));
 	}
-}), Mi = [
+}), Fi = [
 	"data-variant",
 	"data-btn-variant",
 	"data-vdd-panel-toolbar",
 	"aria-orientation"
-], Ni = /* @__PURE__ */ u({
+], Ii = /* @__PURE__ */ u({
 	__name: "VddPanelToolbar",
 	props: {
 		position: {},
@@ -4639,8 +4715,8 @@ var Ci = ["dir", "data-vdd-widget"], wi = {
 		buttonSize: {}
 	},
 	setup(e) {
-		let t = e, r = bi(), i = H("el"), o = n(() => t.position === "top" || t.position === "bottom"), s = null;
-		te((e) => {
+		let t = e, r = Ci(), i = H("el"), o = n(() => t.position === "top" || t.position === "bottom"), s = null;
+		W((e) => {
 			let n = i.value, a = t.position;
 			if (!n) return;
 			let c = () => {
@@ -4687,14 +4763,14 @@ var Ci = ["dir", "data-vdd-widget"], wi = {
 			}),
 			role: "toolbar",
 			"aria-orientation": o.value ? "horizontal" : "vertical"
-		}, [j(t.$slots, "default")], 14, Mi));
+		}, [j(t.$slots, "default")], 14, Fi));
 	}
-}), Pi = [
+}), Li = [
 	"title",
 	"aria-label",
 	"disabled",
 	"data-variant"
-], Fi = /* @__PURE__ */ u({
+], Ri = /* @__PURE__ */ u({
 	__name: "VddToolbarButton",
 	props: {
 		title: {},
@@ -4712,15 +4788,15 @@ var Ci = ["dir", "data-vdd-widget"], wi = {
 			disabled: e.disabled,
 			"data-variant": e.variant,
 			onClick: r[0] ||= (e) => n("click")
-		}, [j(t.$slots, "default")], 8, Pi));
+		}, [j(t.$slots, "default")], 8, Li));
 	}
-}), Ii = [
+}), zi = [
 	"title",
 	"aria-label",
 	"aria-pressed",
 	"disabled",
 	"data-variant"
-], Li = /* @__PURE__ */ u({
+], Bi = /* @__PURE__ */ u({
 	__name: "VddToolbarToggle",
 	props: /*@__PURE__*/ g({
 		title: {},
@@ -4745,44 +4821,44 @@ var Ci = ["dir", "data-vdd-widget"], wi = {
 			disabled: e.disabled,
 			"data-variant": e.variant,
 			onClick: r[0] ||= (e) => t.value = !t.value
-		}, [j(n.$slots, "default")], 10, Ii));
+		}, [j(n.$slots, "default")], 10, zi));
 	}
-}), Ri = {
+}), Vi = {
 	class: "vdd-panel-toolbar__sep",
 	"aria-hidden": "true"
-}, zi = /* @__PURE__ */ u({
+}, Hi = /* @__PURE__ */ u({
 	__name: "VddToolbarSeparator",
 	setup(e) {
-		return (e, t) => (T(), a("span", Ri));
+		return (e, t) => (T(), a("span", Vi));
 	}
-}), Bi = {
+}), Ui = {
 	class: "vdd-panel-toolbar__spacer",
 	"aria-hidden": "true"
-}, Vi = /* @__PURE__ */ u({
+}, Wi = /* @__PURE__ */ u({
 	__name: "VddToolbarSpacer",
 	setup(e) {
-		return (e, t) => (T(), a("span", Bi));
+		return (e, t) => (T(), a("span", Ui));
 	}
-}), Hi = { class: "vdd-panel-toolbar__item" }, Ui = /* @__PURE__ */ u({
+}), Gi = { class: "vdd-panel-toolbar__item" }, Ki = /* @__PURE__ */ u({
 	__name: "VddToolbarItem",
 	setup(e) {
-		return (e, t) => (T(), a("span", Hi, [j(e.$slots, "default")]));
+		return (e, t) => (T(), a("span", Gi, [j(e.$slots, "default")]));
 	}
-}), Wi = { class: "vdd-panel-toolbar__center" }, Gi = /* @__PURE__ */ u({
+}), qi = { class: "vdd-panel-toolbar__center" }, Ji = /* @__PURE__ */ u({
 	__name: "VddToolbarCenter",
 	setup(e) {
-		return (e, t) => (T(), a("div", Wi, [j(e.$slots, "default")]));
+		return (e, t) => (T(), a("div", qi, [j(e.$slots, "default")]));
 	}
-}), Ki = ["title", "aria-label"], qi = ["placeholder"], Ji = {
+}), Yi = ["title", "aria-label"], Xi = ["placeholder"], Zi = {
 	key: 0,
 	class: "vdd-panel-toolbar-search__group"
-}, Yi = ["data-vdd-search-result", "onClick"], Xi = {
+}, Qi = ["data-vdd-search-result", "onClick"], $i = {
 	key: 0,
 	class: "vdd-panel-toolbar-search__item-icon"
-}, Zi = { class: "vdd-panel-toolbar-search__item-label" }, Qi = {
+}, ea = { class: "vdd-panel-toolbar-search__item-label" }, ta = {
 	key: 1,
 	class: "vdd-panel-toolbar-search__item-desc"
-}, $i = /* @__PURE__ */ u({
+}, na = /* @__PURE__ */ u({
 	__name: "VddToolbarSearch",
 	props: {
 		placeholder: {},
@@ -4802,7 +4878,7 @@ var Ci = ["dir", "data-vdd-widget"], wi = {
 			m.value = !1, h.value = "", g.value = [], _.value = null, w();
 		}
 		function O(e) {
-			Dn(e) || (En(e), D());
+			En(e) || (Tn(e), D());
 		}
 		function j() {
 			let e = f.value;
@@ -4882,8 +4958,8 @@ var Ci = ["dir", "data-vdd-widget"], wi = {
 				y1: "10",
 				x2: "14",
 				y2: "14"
-			})], -1)]], 8, Ki),
-			m.value ? ne((T(), a("input", {
+			})], -1)]], 8, Yi),
+			m.value ? te((T(), a("input", {
 				key: 0,
 				ref_key: "input",
 				ref: p,
@@ -4894,8 +4970,8 @@ var Ci = ["dir", "data-vdd-widget"], wi = {
 				autocomplete: "off",
 				"data-vdd-search-input": "",
 				onInput: M,
-				onKeydown: re(O, ["esc"])
-			}, null, 40, qi)), [[ee, h.value]]) : i("", !0),
+				onKeydown: ne(O, ["esc"])
+			}, null, 40, Xi)), [[ee, h.value]]) : i("", !0),
 			_.value && g.value.length ? (T(), r(t, {
 				key: 1,
 				to: "body"
@@ -4908,29 +4984,29 @@ var Ci = ["dir", "data-vdd-widget"], wi = {
 					width: `${_.value.width}px`
 				}),
 				"data-vdd-search-results": "",
-				onMousedown: c[2] ||= G(() => {}, ["prevent"])
-			}, [(T(!0), a(e, null, A(L.value, ({ group: t, items: n }) => (T(), a(e, { key: t || "__default__" }, [t ? (T(), a("div", Ji, I(t), 1)) : i("", !0), (T(!0), a(e, null, A(n, (e) => (T(), a("button", {
+				onMousedown: c[2] ||= K(() => {}, ["prevent"])
+			}, [(T(!0), a(e, null, A(L.value, ({ group: t, items: n }) => (T(), a(e, { key: t || "__default__" }, [t ? (T(), a("div", Zi, I(t), 1)) : i("", !0), (T(!0), a(e, null, A(n, (e) => (T(), a("button", {
 				key: e.id,
 				type: "button",
 				class: "vdd-panel-toolbar-search__item",
 				"data-vdd-search-result": e.id,
 				onClick: (t) => P(e)
 			}, [
-				e.icon ? (T(), a("span", Xi, [(T(), r(N(e.icon)))])) : i("", !0),
-				o("span", Zi, I(e.label), 1),
-				e.description ? (T(), a("span", Qi, I(e.description), 1)) : i("", !0)
-			], 8, Yi))), 128))], 64))), 128))], 36)])) : i("", !0)
+				e.icon ? (T(), a("span", $i, [(T(), r(N(e.icon)))])) : i("", !0),
+				o("span", ea, I(e.label), 1),
+				e.description ? (T(), a("span", ta, I(e.description), 1)) : i("", !0)
+			], 8, Qi))), 128))], 64))), 128))], 36)])) : i("", !0)
 		], 34));
 	}
 });
 //#endregion
 //#region src/composables/useContextMenu.ts
-function ea() {
+function ra() {
 	let e = Y();
 	return (t) => e.showContextMenu(t);
 }
-function ta(e) {
-	let t = Y(), { id: n } = Ft();
+function ia(e) {
+	let t = Y(), { id: n } = Pt();
 	if (n === "standalone") {
 		process.env.NODE_ENV !== "production" && console.warn("[vue-dockable-desktop] usePanelContextMenu() was called outside a panel, so it did nothing. This is expected when a panel component is rendered standalone.");
 		return;
@@ -4940,24 +5016,24 @@ function ta(e) {
 }
 //#endregion
 //#region src/composables/useSidebar.ts
-function na() {
-	let e = p(Xn, null);
+function aa() {
+	let e = p(Yn, null);
 	if (!e) throw Error("[vue-dockable-desktop] useSidebar() must be used inside a <VddSidebar>.");
 	return e;
 }
-function ra() {
-	let e = p(Zn, null);
+function oa() {
+	let e = p(Xn, null);
 	if (!e) throw Error("[vue-dockable-desktop] useSidebarTab() must be used inside a sidebar tab's content.");
 	return e;
 }
 //#endregion
 //#region src/composables/useToolbar.ts
-function ia() {
+function sa() {
 	return Y().toolbar;
 }
 //#endregion
 //#region src/composables/useOverlays.ts
-function aa() {
+function ca() {
 	let { overlays: e } = Y();
 	return {
 		stack: n(() => e.state.modals),
@@ -4967,7 +5043,7 @@ function aa() {
 		closeAll: e.closeAllModals
 	};
 }
-function oa() {
+function la() {
 	let { overlays: e } = Y();
 	return {
 		left: n(() => e.state.leftPanel),
@@ -4982,8 +5058,8 @@ function oa() {
 }
 //#endregion
 //#region src/composables/useContributions.ts
-function sa(e) {
-	let t = Y(), { id: n } = Ft();
+function ua(e) {
+	let t = Y(), { id: n } = Pt();
 	if (n === "standalone") {
 		process.env.NODE_ENV !== "production" && console.warn("[vue-dockable-desktop] usePanelContribution() was called outside a panel, so it did nothing. This is expected when a panel component is rendered standalone.");
 		return;
@@ -4996,21 +5072,21 @@ function sa(e) {
 		i(), r();
 	});
 }
-function ca() {
+function da() {
 	return Y().activeContribution;
 }
-function la(e) {
-	let t = ca();
+function fa(e) {
+	let t = da();
 	return n(() => ze(R(e), t.value));
 }
-function ua(e, t) {
-	let r = ca();
+function pa(e, t) {
+	let r = da();
 	return n(() => Be(R(e), r.value, t));
 }
 //#endregion
 //#region src/index.ts
-var da = "1.1.2";
+var ma = "1.2.0";
 //#endregion
-export { Ee as PanelRegistry, Vr as VddConfirm, Gn as VddContextMenu, wn as VddDesktop, ki as VddFloatingWidget, Hr as VddModals, ji as VddPanelOverlay, Ni as VddPanelToolbar, fr as VddSecondarySidebar, Ir as VddSidePanels, dr as VddSidebar, si as VddToasts, Or as VddToolbar, Fi as VddToolbarButton, Gi as VddToolbarCenter, Ui as VddToolbarItem, $i as VddToolbarSearch, zi as VddToolbarSeparator, Vi as VddToolbarSpacer, Li as VddToolbarToggle, Ue as WORKSPACE_KEY, Ke as clampFloatingRect, nt as computeResizedRect, We as createWorkspace, je as defaultMessages, Me as formatLabel, Te as isSerializable, Be as mergeSidebarTabs, ze as mergeToolbarItems, Qr as resetToasts, Re as sectionToTab, $e as startPointerDrag, Zr as toast, ca as useActiveContribution, dt as useColorScheme, ea as useContextMenu, Si as useFloatingWidgets, ua as useMergedSidebarTabs, la as useMergedToolbarItems, aa as useModals, Ft as usePanel, ta as usePanelContextMenu, sa as usePanelContribution, oa as useSidePanels, na as useSidebar, ra as useSidebarTab, ia as useToolbar, Y as useWorkspace, da as version };
+export { Te as PanelRegistry, Hr as VddConfirm, Wn as VddContextMenu, Cn as VddDesktop, Mi as VddFloatingWidget, Ur as VddModals, Pi as VddPanelOverlay, Ii as VddPanelToolbar, pr as VddSecondarySidebar, Lr as VddSidePanels, fr as VddSidebar, ui as VddToasts, kr as VddToolbar, Ri as VddToolbarButton, Ji as VddToolbarCenter, Ki as VddToolbarItem, na as VddToolbarSearch, Hi as VddToolbarSeparator, Wi as VddToolbarSpacer, Bi as VddToolbarToggle, Ue as WORKSPACE_KEY, Ke as clampFloatingRect, nt as computeResizedRect, We as createWorkspace, je as defaultMessages, Me as formatLabel, we as isSerializable, Be as mergeSidebarTabs, ze as mergeToolbarItems, $r as resetToasts, Re as sectionToTab, $e as startPointerDrag, Qr as toast, da as useActiveContribution, dt as useColorScheme, ra as useContextMenu, Ti as useFloatingWidgets, pa as useMergedSidebarTabs, fa as useMergedToolbarItems, ca as useModals, Pt as usePanel, ia as usePanelContextMenu, ua as usePanelContribution, la as useSidePanels, aa as useSidebar, oa as useSidebarTab, sa as useToolbar, Y as useWorkspace, ma as version };
 
 //# sourceMappingURL=index.js.map