@cocoar/vue-ui 2.6.0 → 2.8.0

package/dist/index.js

@@ -10,57 +10,81 @@ function le(e) {
 }
 function ue(e) {
 	let t = le(e.count), n = le(e.itemSize), i = le(e.overscan ?? 5), a = A(0), o = A(0), s = r(() => {
-		let e = t(), r = n(), i = typeof r == "function" ? r : () => r, a = Array(e + 1);
-		a[0] = 0;
-		for (let t = 0; t < e; t++) a[t + 1] = a[t] + i(t);
-		return a;
-	}), c = r(() => {
-		let e = s.value;
-		return e.length > 0 ? e[e.length - 1] : 0;
+		let e = n();
+		if (typeof e != "function") return null;
+		let r = t(), i = Array(r + 1);
+		i[0] = 0;
+		for (let t = 0; t < r; t++) i[t + 1] = i[t] + e(t);
+		return i;
 	});
-	function l(e) {
-		let t = s.value;
-		if (t.length <= 1) return 0;
-		let n = 0, r = t.length - 1;
-		for (; n < r;) {
-			let i = n + r >>> 1;
-			t[i] <= e ? n = i + 1 : r = i;
-		}
-		return Math.max(0, n - 1);
+	function c(e) {
+		let r = s.value;
+		if (r) return r[Math.max(0, Math.min(e, r.length - 1))] ?? 0;
+		let i = n();
+		return Math.max(0, Math.min(e, t())) * i;
 	}
+	let l = r(() => {
+		let e = s.value;
+		return e ? e.length > 0 ? e[e.length - 1] : 0 : t() * n();
+	});
 	function u(e) {
-		let t = s.value;
-		if (t.length <= 1) return 0;
-		let n = 0, r = t.length - 1;
-		for (; n < r;) {
-			let i = n + r >>> 1;
-			t[i] < e ? n = i + 1 : r = i;
-		}
-		return Math.max(0, n - 1);
+		let r = t();
+		if (r === 0) return 0;
+		let i = s.value;
+		if (!i) {
+			let t = n();
+			return t > 0 ? Math.max(0, Math.min(r - 1, Math.floor(e / t))) : 0;
+		}
+		if (i.length <= 1) return 0;
+		let a = 0, o = i.length - 1;
+		for (; a < o;) {
+			let t = a + o >>> 1;
+			i[t] <= e ? a = t + 1 : o = t;
+		}
+		return Math.max(0, a - 1);
+	}
+	function d(e) {
+		let r = t();
+		if (r === 0) return 0;
+		let i = s.value;
+		if (!i) {
+			let t = n();
+			return t > 0 ? Math.max(0, Math.min(r - 1, Math.ceil(e / t) - 1)) : 0;
+		}
+		if (i.length <= 1) return 0;
+		let a = 0, o = i.length - 1;
+		for (; a < o;) {
+			let t = a + o >>> 1;
+			i[t] < e ? a = t + 1 : o = t;
+		}
+		return Math.max(0, a - 1);
 	}
-	let d = r(() => {
+	let f = r(() => {
 		let e = t();
 		if (e === 0) return [];
-		let n = Math.max(0, i() | 0), r = s.value, c = a.value, d = c + o.value, f = l(c), p = u(d), m = Math.max(0, f - n), h = Math.min(e - 1, p + n), g = [];
-		for (let e = m; e <= h; e++) g.push({
-			index: e,
-			start: r[e],
-			size: r[e + 1] - r[e]
-		});
-		return g;
+		let n = Math.max(0, i() | 0), r = a.value, s = r + o.value, l = u(r), f = d(s), p = Math.max(0, l - n), m = Math.min(e - 1, f + n), h = [];
+		for (let e = p; e <= m; e++) {
+			let t = c(e);
+			h.push({
+				index: e,
+				start: t,
+				size: c(e + 1) - t
+			});
+		}
+		return h;
 	});
-	function f(n, r = "auto") {
+	function p(n, r = "auto") {
 		let i = e.scrollElement.value;
 		if (!i) return;
 		let a = t();
 		if (a === 0) return;
-		let o = Math.max(0, Math.min(a - 1, n | 0)), l = s.value, u = l[o], d = l[o + 1], f = i.clientHeight, p = i.scrollTop, m = p + f, h = p;
-		r === "start" ? h = u : r === "end" ? h = d - f : r === "center" ? h = u - (f - (d - u)) / 2 : u < p ? h = u : d > m && (h = d - f);
-		let g = Math.max(0, c.value - f);
-		i.scrollTop = Math.max(0, Math.min(h, g));
+		let o = Math.max(0, Math.min(a - 1, n | 0)), s = c(o), u = c(o + 1), d = i.clientHeight, f = i.scrollTop, p = f + d, m = f;
+		r === "start" ? m = s : r === "end" ? m = u - d : r === "center" ? m = s - (d - (u - s)) / 2 : s < f ? m = s : u > p && (m = u - d);
+		let h = Math.max(0, l.value - d);
+		i.scrollTop = Math.max(0, Math.min(m, h));
 	}
-	let p = null;
-	function m(e) {
+	let m = null;
+	function h(e) {
 		o.value = e.clientHeight, a.value = e.scrollTop;
 		let t = () => {
 			a.value = e.scrollTop, o.value = e.clientHeight;
@@ -74,24 +98,24 @@ function ue(e) {
 			let n = () => {
 				o.value = e.clientHeight;
 			};
-			window.addEventListener("resize", n), p = () => {
+			window.addEventListener("resize", n), m = () => {
 				e.removeEventListener("scroll", t), window.removeEventListener("resize", n);
 			};
 			return;
 		}
-		p = () => {
+		m = () => {
 			e.removeEventListener("scroll", t), n?.disconnect();
 		};
 	}
 	return G(e.scrollElement, (e) => {
-		p?.(), p = null, e && m(e);
+		m?.(), m = null, e && h(e);
 	}, { immediate: !0 }), C(() => {
-		p?.(), p = null;
+		m?.(), m = null;
 	}), {
-		virtualRows: d,
-		totalSize: c,
-		scrollToIndex: f,
-		offsetFor: (e) => s.value[Math.max(0, Math.min(e, s.value.length - 1))] ?? 0
+		virtualRows: f,
+		totalSize: l,
+		scrollToIndex: p,
+		offsetFor: (e) => c(e)
 	};
 }
 //#endregion
@@ -7151,7 +7175,7 @@ var zc = /* @__PURE__ */ new WeakMap(), Bc = {
 	setup(t, { expose: n, emit: c }) {
 		let d = t, f = V(t, "modelValue"), p = c, m = U("hostRef"), h = U("listRef"), g = ue({
 			count: () => d.virtual ? R.value.length : 0,
-			itemSize: (e) => {
+			itemSize: () => (e) => {
 				let t = R.value[e];
 				return t && t.kind === "heading" ? d.groupHeadingHeight : d.itemHeight;
 			},
@@ -9451,46 +9475,56 @@ var xd = /* @__PURE__ */ d({
 			hidden: h.value !== e.id
 		}, [_(e) ? (E(), i(N(() => e.contentSlot), { key: 0 })) : a("", !0)], 10, Dd))), 128))])], 2));
 	}
-}), [["__scopeId", "data-v-1c87f0d3"]]), kd = "application/x-coar-tree-node", Ad = Symbol("coar-tree-node-slot"), jd = Symbol("coar-tree-row-id"), Md = Symbol("coar-tree-rename"), Nd = [
+}), [["__scopeId", "data-v-1c87f0d3"]]), kd = {
+	expand: "Expand",
+	collapse: "Collapse",
+	loading: "Loading children",
+	retry: "Retry",
+	loadingNode: (e) => `Loading ${e}…`,
+	loadError: (e) => `Failed to load ${e}.`,
+	pickedUp: (e) => `Picked up ${e}. Move to a row, then Ctrl+V to drop or Escape to cancel.`,
+	moved: (e, t, n) => `Moved ${e} ${n === "inside" ? "into" : n} ${t}.`,
+	moveBlocked: (e) => `Can't drop ${e} there.`,
+	moveCancelled: "Move cancelled."
+}, Ad = "application/x-coar-tree-node", jd = Symbol("coar-tree-node-slot"), Md = Symbol("coar-tree-row-id"), Nd = Symbol("coar-tree-row-state"), Pd = Symbol("coar-tree-rename"), Fd = [
 	"aria-expanded",
 	"aria-selected",
+	"aria-disabled",
+	"aria-checked",
 	"aria-level",
 	"aria-posinset",
 	"aria-setsize",
+	"aria-busy",
 	"tabindex",
 	"draggable",
 	"data-node-id"
-], Pd = {
+], Id = {
 	key: 0,
 	class: "coar-tree-node__drop-line coar-tree-node__drop-line--top"
-}, Fd = {
+}, Ld = {
 	key: 1,
 	class: "coar-tree-node__drop-line coar-tree-node__drop-line--bottom"
-}, Id = ["aria-label"], Ld = {
+}, Rd = ["aria-label"], zd = {
 	key: 3,
 	class: "coar-tree-node__chevron-spacer",
 	"aria-hidden": "true"
-}, Rd = /* @__PURE__ */ Z(/* @__PURE__ */ d({
+}, Bd = "var(--coar-tree-icon-size, 12px)", Vd = /* @__PURE__ */ Z(/* @__PURE__ */ d({
 	__name: "CoarTreeNode",
 	props: {
 		node: {},
 		nodeId: {},
 		depth: {},
 		isExpandable: { type: Boolean },
-		isExpanded: { type: Boolean },
-		isSelected: { type: Boolean },
-		isFocused: { type: Boolean },
-		isRenaming: { type: Boolean },
 		draggable: { type: Boolean },
 		posInSet: {},
-		setSize: {},
-		dropIndicator: {},
-		fileDropActive: { type: Boolean }
+		setSize: {}
 	},
 	emits: [
 		"row-click",
 		"row-dblclick",
 		"row-context-menu",
+		"row-check-toggle",
+		"row-retry",
 		"chevron-click",
 		"row-dragstart",
 		"row-dragend",
@@ -9500,84 +9534,192 @@ var xd = /* @__PURE__ */ d({
 	],
 	setup(e, { emit: t }) {
 		let n = e;
-		D(jd, n.nodeId);
-		let s = t, c = A(null), l = m(Ad);
-		if (!l) throw Error("CoarTreeNode must be rendered inside a CoarTree.");
-		let d = r(() => ({
+		D(Md, n.nodeId);
+		let c = m(Nd);
+		if (!c) throw Error("CoarTreeNode must be rendered inside a CoarTree.");
+		let l = r(() => c.expandedIds.value.has(n.nodeId)), u = r(() => c.selectedIds.value.has(n.nodeId)), d = r(() => c.checkedIds.value.has(n.nodeId)), f = r(() => c.indeterminateIds.value.has(n.nodeId)), p = r(() => c.checkboxMode.value), h = r(() => c.matchedIds.value.has(n.nodeId)), g = r(() => c.matchAncestorIds.value.has(n.nodeId)), _ = r(() => c.disabledIds.value.has(n.nodeId)), v = r(() => c.focusedId.value === n.nodeId), y = r(() => c.renamingId.value === n.nodeId), x = r(() => c.dropTargetId.value === n.nodeId ? c.dropPosition.value : null), C = r(() => c.fileDropTargetId.value === n.nodeId), w = r(() => c.loadingIds.value.has(n.nodeId)), T = r(() => c.erroredIds.value.has(n.nodeId)), O = r(() => w.value && !c.hideLoadingSpinner.value), k = r(() => T.value && !w.value && !c.hideLoadingSpinner.value), j = t, M = A(null), P = m(jd);
+		if (!P) throw Error("CoarTreeNode must be rendered inside a CoarTree.");
+		let F = r(() => ({
 			node: n.node,
 			depth: n.depth,
-			isExpanded: n.isExpanded,
-			isSelected: n.isSelected,
-			isFocused: n.isFocused,
+			isExpanded: l.value,
+			isSelected: u.value,
+			isChecked: d.value,
+			isIndeterminate: f.value,
+			isFocused: v.value,
 			isExpandable: n.isExpandable,
-			isRenaming: n.isRenaming
+			isMatch: h.value,
+			isMatchAncestor: g.value,
+			isDisabled: _.value,
+			isRenaming: y.value,
+			isLoading: w.value,
+			hasError: T.value
 		}));
-		function f() {
-			return l(d.value);
+		function I() {
+			return P(F.value);
 		}
-		function p(e) {
-			e.stopPropagation(), s("chevron-click", n.node);
+		function L(e) {
+			e.stopPropagation(), k.value ? j("row-retry", n.node) : j("chevron-click", n.node);
 		}
 		return (t, n) => (E(), o("div", {
 			ref_key: "rowEl",
-			ref: c,
+			ref: M,
 			class: b(["coar-tree-node__row", {
-				"coar-tree-node__row--selected": e.isSelected,
-				"coar-tree-node__row--focused": e.isFocused,
-				"coar-tree-node__row--drop-inside": e.dropIndicator === "inside",
-				"coar-tree-node__row--file-drop": e.fileDropActive
+				"coar-tree-node__row--selected": u.value,
+				"coar-tree-node__row--focused": v.value,
+				"coar-tree-node__row--disabled": _.value,
+				"coar-tree-node__row--drop-inside": x.value === "inside",
+				"coar-tree-node__row--file-drop": C.value
 			}]),
-			style: S({ paddingLeft: `${e.depth * 14 + 8}px` }),
+			style: S({ paddingLeft: `calc(var(--coar-tree-indent-base, 8px) + ${e.depth} * var(--coar-tree-indent, 14px))` }),
 			role: "treeitem",
-			"aria-expanded": e.isExpandable ? e.isExpanded : void 0,
-			"aria-selected": e.isSelected,
+			"aria-expanded": e.isExpandable ? l.value : void 0,
+			"aria-selected": u.value,
+			"aria-disabled": _.value ? "true" : void 0,
+			"aria-checked": p.value ? f.value ? "mixed" : d.value : void 0,
 			"aria-level": e.depth + 1,
 			"aria-posinset": e.posInSet,
 			"aria-setsize": e.setSize,
-			tabindex: e.isFocused ? 0 : -1,
+			"aria-busy": w.value ? "true" : void 0,
+			tabindex: v.value ? 0 : -1,
 			draggable: e.draggable,
 			"data-node-id": e.nodeId,
-			onClick: n[0] ||= (t) => s("row-click", e.node, t),
-			onDblclick: n[1] ||= (t) => s("row-dblclick", e.node, t),
-			onContextmenu: n[2] ||= (t) => s("row-context-menu", e.node, t),
-			onDragstart: n[3] ||= (t) => s("row-dragstart", e.node, t),
-			onDragend: n[4] ||= (t) => s("row-dragend", e.node),
-			onDragover: n[5] ||= (t) => c.value && s("row-dragover", e.node, c.value, t),
-			onDragleave: n[6] ||= (t) => s("row-dragleave", e.node, t),
-			onDrop: n[7] ||= (t) => c.value && s("row-drop", e.node, c.value, t)
+			onClick: n[2] ||= (t) => j("row-click", e.node, t),
+			onDblclick: n[3] ||= (t) => j("row-dblclick", e.node, t),
+			onContextmenu: n[4] ||= (t) => j("row-context-menu", e.node, t),
+			onDragstart: n[5] ||= (t) => j("row-dragstart", e.node, t),
+			onDragend: n[6] ||= (t) => j("row-dragend", e.node),
+			onDragover: n[7] ||= (t) => M.value && j("row-dragover", e.node, M.value, t),
+			onDragleave: n[8] ||= (t) => j("row-dragleave", e.node, t),
+			onDrop: n[9] ||= (t) => M.value && j("row-drop", e.node, M.value, t)
 		}, [
-			e.dropIndicator === "before" ? (E(), o("span", Pd)) : a("", !0),
-			e.dropIndicator === "after" ? (E(), o("span", Fd)) : a("", !0),
+			x.value === "before" ? (E(), o("span", Id)) : a("", !0),
+			x.value === "after" ? (E(), o("span", Ld)) : a("", !0),
 			e.isExpandable ? (E(), o("button", {
 				key: 2,
 				type: "button",
-				class: "coar-tree-node__chevron",
+				class: b(["coar-tree-node__chevron", { "coar-tree-node__chevron--error": k.value }]),
 				tabindex: "-1",
-				"aria-label": e.isExpanded ? "Collapse" : "Expand",
-				onClick: p
-			}, [u(Q, {
-				name: e.isExpanded ? "chevron-down" : "chevron-right",
-				size: "xs"
-			}, null, 8, ["name"])], 8, Id)) : (E(), o("span", Ld)),
-			(E(), i(N(f)))
-		], 46, Nd));
+				"aria-label": k.value ? z(c).labels.value.retry : l.value ? z(c).labels.value.collapse : z(c).labels.value.expand,
+				onClick: L
+			}, [O.value ? (E(), i(zo, {
+				key: 0,
+				size: "xs",
+				label: z(c).labels.value.loading
+			}, null, 8, ["label"])) : k.value ? (E(), i(Q, {
+				key: 1,
+				name: "rotate-ccw",
+				size: Bd
+			})) : (E(), i(Q, {
+				key: 2,
+				name: l.value ? "chevron-down" : "chevron-right",
+				size: Bd
+			}, null, 8, ["name"]))], 10, Rd)) : (E(), o("span", zd)),
+			p.value ? (E(), o("span", {
+				key: 4,
+				class: b(["coar-tree-node__checkbox", {
+					"coar-tree-node__checkbox--checked": d.value,
+					"coar-tree-node__checkbox--indeterminate": f.value
+				}]),
+				"aria-hidden": "true",
+				onClick: n[0] ||= te((t) => j("row-check-toggle", e.node), ["stop"]),
+				onDblclick: n[1] ||= te(() => {}, ["stop"])
+			}, [...n[10] ||= [s("svg", {
+				class: "coar-tree-node__check",
+				viewBox: "0 0 16 16",
+				fill: "none",
+				xmlns: "http://www.w3.org/2000/svg"
+			}, [s("path", {
+				d: "M13.5 4.5L6.5 11.5L3 8",
+				stroke: "currentColor",
+				"stroke-width": "2",
+				"stroke-linecap": "round",
+				"stroke-linejoin": "round"
+			})], -1), s("svg", {
+				class: "coar-tree-node__minus",
+				viewBox: "0 0 16 16",
+				fill: "none",
+				xmlns: "http://www.w3.org/2000/svg"
+			}, [s("path", {
+				d: "M4 8H12",
+				stroke: "currentColor",
+				"stroke-width": "2",
+				"stroke-linecap": "round"
+			})], -1)]], 34)) : a("", !0),
+			(E(), i(N(I)))
+		], 46, Fd));
 	}
-}), [["__scopeId", "data-v-bbca76fd"]]);
+}), [["__scopeId", "data-v-afb98c82"]]);
 //#endregion
 //#region src/components/tree/tree-dnd.ts
-function zd(e, t, n) {
+function Hd(e, t, n) {
 	let r = e.clientY - t.top, i = t.height > 0 ? r / t.height : 0;
 	return n.expandable ? i < .25 ? "before" : i > .75 ? "after" : "inside" : i < .5 ? "before" : "after";
 }
-function Bd(e) {
+function Ud(e) {
 	return !!e && Array.from(e.types).includes("Files");
 }
 //#endregion
+//#region src/components/tree/internal/selection.ts
+function Wd(e, t, n) {
+	let r = /* @__PURE__ */ new Map(), i = /* @__PURE__ */ new Map(), a = [], o = (e, s) => {
+		for (let c of e) {
+			let e = t(c);
+			a.push(e), i.set(e, s);
+			let l = n(c);
+			Array.isArray(l) && l.length ? (r.set(e, l.map((e) => t(e))), o(l, e)) : r.set(e, []);
+		}
+	};
+	return o(e, null), {
+		children: r,
+		parent: i,
+		order: a
+	};
+}
+function Gd(e, t, n, r) {
+	let i = new Set(e), a = [t];
+	for (; a.length;) {
+		let e = a.pop();
+		n ? i.add(e) : i.delete(e);
+		let t = r.children.get(e);
+		if (t) for (let e of t) a.push(e);
+	}
+	let o = r.parent.get(t) ?? null;
+	for (; o !== null;) {
+		let e = r.children.get(o) ?? [];
+		e.length > 0 && e.every((e) => i.has(e)) ? i.add(o) : i.delete(o), o = r.parent.get(o) ?? null;
+	}
+	return i;
+}
+function Kd(e, t) {
+	let n = new Set(e), r = /* @__PURE__ */ new Map(), i = !1;
+	for (let e of t.order) {
+		let a = t.parent.get(e) ?? null, o = a !== null && r.get(a) === !0 || n.has(e);
+		r.set(e, o), o && !n.has(e) && (n.add(e), i = !0);
+	}
+	return i ? n : e;
+}
+function qd(e, t) {
+	let n = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Map();
+	for (let i = t.order.length - 1; i >= 0; i--) {
+		let a = t.order[i], o = t.children.get(a) ?? [], s = !1;
+		for (let e of o) r.get(e) && (s = !0);
+		let c = e.has(a);
+		!c && s && n.add(a), r.set(a, c || s);
+	}
+	return n;
+}
+//#endregion
 //#region src/components/tree/CoarTree.vue?vue&type=script&setup=true&lang.ts
-var Vd = {
-	key: 1,
-	class: "coar-tree__empty"
-}, Hd = /* @__PURE__ */ Z(/* @__PURE__ */ d({
+var Jd = {
+	class: "coar-tree__sr-live",
+	role: "status",
+	"aria-live": "polite"
+}, Yd = [
+	"aria-label",
+	"aria-labelledby",
+	"aria-multiselectable"
+], Xd = ["aria-label"], Zd = /* @__PURE__ */ Z(/* @__PURE__ */ d({
 	__name: "CoarTree",
 	props: /* @__PURE__ */ _({
 		builder: { default: void 0 },
@@ -9598,6 +9740,15 @@ var Vd = {
 			type: Function,
 			default: void 0
 		},
+		isDisabled: {
+			type: Function,
+			default: void 0
+		},
+		loadChildren: {
+			type: Function,
+			default: void 0
+		},
+		maxConcurrentLoads: { default: 0 },
 		draggable: {
 			type: [Boolean, Function],
 			default: !1
@@ -9606,6 +9757,14 @@ var Vd = {
 			type: Function,
 			default: void 0
 		},
+		getDragImage: {
+			type: Function,
+			default: void 0
+		},
+		activateOnClick: {
+			type: Boolean,
+			default: !1
+		},
 		acceptsFiles: {
 			type: Boolean,
 			default: !1
@@ -9615,70 +9774,105 @@ var Vd = {
 			type: [Boolean, Object],
 			default: !1
 		},
+		selectionMode: { default: "single" },
+		checkStrictly: {
+			type: Boolean,
+			default: !1
+		},
+		density: { default: "m" },
+		ariaLabel: { default: void 0 },
+		ariaLabelledby: { default: void 0 },
+		labels: { default: void 0 },
+		matchedIds: { default: void 0 },
+		filter: {
+			type: Boolean,
+			default: !1
+		},
+		filterMode: { default: "strict" },
 		renamable: {
 			type: Boolean,
 			default: !1
+		},
+		hideLoadingSpinner: {
+			type: Boolean,
+			default: !1
 		}
 	}, {
 		expanded: { default: () => /* @__PURE__ */ new Set() },
 		expandedModifiers: {},
 		selected: { default: null },
-		selectedModifiers: {}
+		selectedModifiers: {},
+		selectedIds: { default: () => /* @__PURE__ */ new Set() },
+		selectedIdsModifiers: {},
+		checkedIds: { default: () => /* @__PURE__ */ new Set() },
+		checkedIdsModifiers: {}
 	}),
 	emits: /* @__PURE__ */ _([
 		"activate",
+		"select",
 		"context-menu",
 		"files-drop",
 		"node-move",
 		"rename",
-		"rename-cancel"
-	], ["update:expanded", "update:selected"]),
+		"rename-cancel",
+		"load-error"
+	], [
+		"update:expanded",
+		"update:selected",
+		"update:selectedIds",
+		"update:checkedIds"
+	]),
 	setup(t, { expose: n, emit: c }) {
-		let l = t, d = V(t, "expanded"), f = V(t, "selected"), p = c, m = H();
-		D(Ad, (e) => m.default?.(e) ?? []);
-		let h = A(null), g = A(""), _ = 0;
-		function v() {
-			return h.value ? B.value.find((e) => O.value.getId(e.node) === h.value)?.node ?? null : null;
+		let l = t, d = V(t, "expanded"), f = V(t, "selected"), p = V(t, "selectedIds"), m = V(t, "checkedIds"), h = c, g = H();
+		D(jd, (e) => g.default?.(e) ?? []);
+		let _ = A(null), v = A(""), x = 0;
+		function T() {
+			if (!_.value) return null;
+			let e = be.value.get(_.value);
+			return e === void 0 ? null : ye.value[e]?.node ?? null;
 		}
-		function x() {
-			let e = v(), t = g.value.trim();
-			if (h.value = null, g.value = "", e) {
+		function O() {
+			let e = T(), t = v.value.trim();
+			if (_.value = null, v.value = "", e) {
 				if (!t) {
-					p("rename-cancel", e);
+					h("rename-cancel", e), l.builder?.state.onRenameCancel?.(e);
 					return;
 				}
-				p("rename", {
+				h("rename", {
+					node: e,
+					newName: t
+				}), l.builder?.state.onRename?.({
 					node: e,
 					newName: t
 				});
 			}
 		}
-		function T() {
-			let e = v();
-			h.value = null, g.value = "", e && p("rename-cancel", e);
-		}
-		D(Md, {
-			renamingId: h,
-			buffer: g,
-			commit: x,
-			cancel: T,
+		function k() {
+			let e = T();
+			_.value = null, v.value = "", e && (h("rename-cancel", e), l.builder?.state.onRenameCancel?.(e));
+		}
+		D(Pd, {
+			renamingId: _,
+			buffer: v,
+			commit: O,
+			cancel: k,
 			onFocus: () => {
-				_ = Date.now();
+				x = Date.now();
 			},
 			onBlur: () => {
-				if (Date.now() - _ < 200) {
-					let e = h.value;
+				if (Date.now() - x < 200) {
+					let e = _.value;
 					if (!e) return;
 					y(() => {
-						let t = (ee.value ?? te.value)?.querySelector(`[data-rename-id="${CSS.escape(e)}"]`);
+						let t = (Ee.value ?? De.value)?.querySelector(`[data-rename-id="${CSS.escape(e)}"]`);
 						t?.focus(), t?.select();
 					});
 					return;
 				}
-				x();
+				O();
 			}
 		});
-		let O = r(() => {
+		let N = r(() => {
 			if (l.builder) {
 				let e = l.builder.state;
 				return {
@@ -9687,11 +9881,27 @@ var Vd = {
 					getChildren: e.getChildren,
 					getLabel: e.getLabel,
 					isExpandable: e.isExpandable,
+					isDisabled: e.isDisabled,
+					loadChildren: e.loadChildren,
+					maxConcurrentLoads: R(e.maxConcurrentLoads),
 					draggable: R(e.draggable),
 					canDrop: e.canDrop,
+					getDragImage: e.getDragImage,
+					activateOnClick: R(e.activateOnClick),
 					acceptsFiles: R(e.acceptsFiles),
 					autoExpandDelay: R(e.autoExpandDelay),
-					virtualize: R(e.virtualize)
+					virtualize: R(e.virtualize),
+					hideLoadingSpinner: R(e.hideLoadingSpinner),
+					renamable: R(e.renamable),
+					selectionMode: R(e.selectionMode),
+					checkStrictly: R(e.checkStrictly),
+					density: R(e.density),
+					ariaLabel: R(e.ariaLabel),
+					ariaLabelledby: R(e.ariaLabelledby),
+					labels: R(e.labels),
+					matchedIds: R(e.matchedIds),
+					filter: R(e.filter),
+					filterMode: R(e.filterMode)
 				};
 			}
 			return {
@@ -9702,96 +9912,194 @@ var Vd = {
 				getChildren: l.getChildren,
 				getLabel: l.getLabel,
 				isExpandable: l.isExpandable,
+				isDisabled: l.isDisabled,
+				loadChildren: l.loadChildren,
+				maxConcurrentLoads: l.maxConcurrentLoads,
 				draggable: l.draggable,
 				canDrop: l.canDrop,
+				getDragImage: l.getDragImage,
+				activateOnClick: l.activateOnClick,
 				acceptsFiles: l.acceptsFiles,
 				autoExpandDelay: l.autoExpandDelay,
-				virtualize: l.virtualize
+				virtualize: l.virtualize,
+				hideLoadingSpinner: l.hideLoadingSpinner,
+				renamable: l.renamable,
+				selectionMode: l.selectionMode,
+				checkStrictly: l.checkStrictly,
+				density: l.density,
+				ariaLabel: l.ariaLabel,
+				ariaLabelledby: l.ariaLabelledby,
+				labels: l.labels,
+				matchedIds: l.matchedIds,
+				filter: l.filter,
+				filterMode: l.filterMode
 			};
-		}), k = r({
+		}), P = r(() => !!N.value.renamable), L = r(() => ({
+			...kd,
+			...N.value.labels ?? {}
+		})), B = r({
 			get: () => l.builder ? l.builder.state.expanded.value : d.value,
 			set: (e) => {
 				let t = l.builder;
 				t ? t.state.expanded.value = e : d.value = e;
 			}
-		}), N = r({
+		}), W = r({
 			get: () => l.builder ? l.builder.state.selected.value : f.value,
 			set: (e) => {
 				let t = l.builder;
 				t ? t.state.selected.value = e : f.value = e;
 			}
+		}), K = r({
+			get: () => l.builder ? l.builder.state.selectedIds.value : p.value,
+			set: (e) => {
+				let t = l.builder;
+				t ? t.state.selectedIds.value = e : p.value = e;
+			}
+		}), J = r({
+			get: () => l.builder ? l.builder.state.checkedIds.value : m.value,
+			set: (e) => {
+				let t = l.builder;
+				t ? t.state.checkedIds.value = e : m.value = e;
+			}
+		}), ee = /* @__PURE__ */ new Set(), te = r(() => N.value.selectionMode ?? "single"), Y = r(() => te.value === "checkbox"), ne = r(() => te.value === "multiple" || te.value === "checkbox"), re = r(() => !!N.value.checkStrictly), ie = r(() => te.value === "single" ? W.value ? new Set([W.value]) : ee : K.value), ae = r(() => Y.value ? Wd(N.value.nodes, N.value.getId, _e) : null), oe = r(() => Y.value && !re.value && ae.value ? qd(J.value, ae.value) : ee), se = r(() => {
+			if (!N.value.isDisabled) return ee;
+			let e = /* @__PURE__ */ new Set();
+			for (let t of ye.value) ve(t.node) && e.add(t.id);
+			return e;
+		}), ce = r(() => N.value.matchedIds ?? ee), X = r(() => ce.value.size ? qd(ce.value, Wd(N.value.nodes, N.value.getId, _e)) : ee), le = r(() => !!N.value.filter && ce.value.size > 0), de = r(() => N.value.filterMode === "lenient");
+		function fe(e, t) {
+			let n = /* @__PURE__ */ new Set(), r = /* @__PURE__ */ new Set(), i = (a, o) => {
+				let s = N.value.getId(a), c = e.has(s), l = !1, u = !1, d = _e(a);
+				if (d && d.length) for (let e of d) {
+					let t = i(e, o || c);
+					t.matchedHere && (l = !0), t.kept && (u = !0);
+				}
+				let f = c || l || t && o;
+				return f && n.add(s), f && u && r.add(s), {
+					matchedHere: c || l,
+					kept: f
+				};
+			};
+			for (let e of N.value.nodes) i(e, !1);
+			return {
+				keep: n,
+				expand: r
+			};
+		}
+		let pe = r(() => le.value ? fe(ce.value, de.value) : null), me = r(() => pe.value?.keep ?? null);
+		G([
+			ce,
+			le,
+			de
+		], () => {
+			let e = ce.value;
+			if (!e.size) return;
+			let t = new Set(B.value), n = !1, r = (e) => {
+				t.has(e) || (t.add(e), n = !0);
+			};
+			if (le.value && pe.value) for (let e of pe.value.expand) r(e);
+			else for (let t of e) for (let e of tt(t)) r(e);
+			n && (B.value = t);
+		}, { immediate: !0 }), G(ae, (e) => {
+			if (!e || re.value) return;
+			let t = Kd(J.value, e);
+			t !== J.value && (J.value = t);
 		});
-		function P(e) {
-			let t = O.value.isExpandable;
+		function he(e) {
+			let t = N.value.isExpandable;
 			if (t) return t(e);
-			let n = O.value.getChildren;
+			let n = N.value.getChildren;
 			return n ? Array.isArray(n(e)) : !1;
 		}
-		function I(e) {
-			let t = O.value.draggable;
+		function ge(e) {
+			if (ve(e)) return !1;
+			let t = N.value.draggable;
 			return typeof t == "function" ? t(e) : !!t;
 		}
-		function L(e) {
-			return O.value.getChildren ? O.value.getChildren(e) : void 0;
+		function _e(e) {
+			return N.value.getChildren ? N.value.getChildren(e) : void 0;
+		}
+		function ve(e) {
+			return N.value.isDisabled ? N.value.isDisabled(e) : !1;
 		}
-		let B = r(() => {
-			let e = [], t = (n, r, i) => {
-				for (let a = 0; a < n.length; a++) {
-					let o = n[a];
+		let ye = r(() => {
+			let e = [], t = me.value, n = (r, i, a) => {
+				let o = t ? r.filter((e) => t.has(N.value.getId(e))) : r;
+				for (let t = 0; t < o.length; t++) {
+					let r = o[t], s = N.value.getId(r), c = he(r);
 					if (e.push({
-						node: o,
-						depth: r,
-						parentId: i,
-						posInSet: a + 1,
-						setSize: n.length
-					}), !P(o) || !k.value.has(O.value.getId(o))) continue;
-					let s = L(o);
-					s && s.length && t(s, r + 1, O.value.getId(o));
+						node: r,
+						id: s,
+						depth: i,
+						parentId: a,
+						posInSet: t + 1,
+						setSize: o.length,
+						isExpandable: c,
+						draggable: ge(r)
+					}), !c || !B.value.has(s)) continue;
+					let l = _e(r);
+					l && l.length && n(l, i + 1, s);
 				}
 			};
-			return t(O.value.nodes, 0, null), e;
-		}), W = A(null);
-		G(B, (e) => {
+			return n(N.value.nodes, 0, null), e;
+		}), be = r(() => {
+			let e = /* @__PURE__ */ new Map(), t = ye.value;
+			for (let n = 0; n < t.length; n++) {
+				let r = t[n].id;
+				e.has(r) || e.set(r, n);
+			}
+			return e;
+		}), Ce = A(null);
+		G(ye, (e, t) => {
 			if (!e.length) {
-				W.value = null;
+				Ce.value = null;
 				return;
 			}
-			let t = new Set(e.map((e) => O.value.getId(e.node)));
-			if (!(W.value && t.has(W.value))) {
-				if (N.value && t.has(N.value)) {
-					W.value = N.value;
+			let n = be.value;
+			if (!(Ce.value && n.has(Ce.value))) {
+				if (Ce.value && t) {
+					let r = t.findIndex((e) => e.id === Ce.value);
+					if (r >= 0) {
+						let i = t[r].parentId, a = e[Math.min(r, e.length - 1)];
+						if (a && !ve(a.node)) {
+							Ce.value = a.id;
+							return;
+						}
+						if (i && n.has(i)) {
+							Ce.value = i;
+							return;
+						}
+					}
+				}
+				if (W.value && n.has(W.value)) {
+					Ce.value = W.value;
 					return;
 				}
-				W.value = O.value.getId(e[0].node);
+				Ce.value = e[0].id;
 			}
 		}, {
 			immediate: !0,
 			flush: "post"
 		});
-		let K = r(() => {
-			let e = O.value.virtualize;
+		let we = r(() => {
+			let e = N.value.virtualize;
 			if (!e) return null;
 			let t = e === !0 ? {} : e;
 			return {
 				itemSize: t.itemSize ?? 28,
 				overscan: t.overscan ?? 5
 			};
-		}), J = r(() => K.value !== null), ee = U("scrollEl"), te = U("rootEl"), Y = ue({
-			count: () => J.value ? B.value.length : 0,
-			itemSize: (e) => {
-				let t = K.value;
-				if (!t) return 0;
-				let n = t.itemSize;
-				return typeof n == "function" ? n(e) : n;
-			},
-			overscan: () => K.value?.overscan ?? 5,
-			scrollElement: ee
-		}), ne = r(() => {
-			if (!J.value) return B.value.map((e) => ({
+		}), Te = r(() => we.value !== null), Ee = U("scrollEl"), De = U("rootEl"), Oe = ue({
+			count: () => Te.value ? ye.value.length : 0,
+			itemSize: () => we.value?.itemSize ?? 28,
+			overscan: () => we.value?.overscan ?? 5,
+			scrollElement: Ee
+		}), ke = r(() => {
+			if (!Te.value) return ye.value.map((e) => ({
 				row: e,
 				virtual: null
 			}));
-			let e = Y.virtualRows.value, t = B.value, n = [];
+			let e = Oe.virtualRows.value, t = ye.value, n = [];
 			for (let r of e) {
 				let e = t[r.index];
 				e && n.push({
@@ -9804,415 +10112,719 @@ var Vd = {
 			}
 			return n;
 		});
-		function re(e) {
-			let t = ee.value ?? te.value;
+		function Ae(e) {
+			let t = Ee.value ?? De.value;
 			return t ? t.querySelector(`[data-node-id="${CSS.escape(e)}"]`) : null;
 		}
-		function ie(e) {
-			W.value = e, e && y(() => {
-				if (J.value) {
-					let t = B.value.findIndex((t) => O.value.getId(t.node) === e);
-					t >= 0 && Y.scrollToIndex(t, "auto"), y(() => re(e)?.focus());
-				} else re(e)?.focus();
+		function je(e) {
+			Ce.value = e, e && y(() => {
+				if (Te.value) {
+					let t = be.value.get(e) ?? -1;
+					t >= 0 && Oe.scrollToIndex(t, "auto"), y(() => Ae(e)?.focus());
+				} else Ae(e)?.focus();
 			});
 		}
-		let ae = (e) => k.value.has(e), oe = (e) => N.value === e, se = (e) => W.value === e;
-		w(() => {
-			l.builder?._setFocusNodeImpl((e) => {
-				let t = Z(e);
-				t && ce(t);
+		let Me = A(/* @__PURE__ */ new Set()), Ne = A(/* @__PURE__ */ new Set()), Pe = A(/* @__PURE__ */ new Set());
+		function Fe(e) {
+			return Array.isArray(_e(e));
+		}
+		function Ie(e, t) {
+			if (!e.value.has(t)) return;
+			let n = new Set(e.value);
+			n.delete(t), e.value = n;
+		}
+		function Z(e) {
+			h("load-error", e), l.builder?.state.onLoadError?.(e);
+		}
+		let Q = /* @__PURE__ */ new Map(), Le = [], Re = r(() => {
+			let e = N.value.maxConcurrentLoads;
+			return e && e > 0 ? e : Infinity;
+		});
+		function ze() {
+			for (; Le.length && Q.size < Re.value;) {
+				let e = Le.shift();
+				Ve(e.node, e.force);
+			}
+		}
+		function Be(e, t, n) {
+			if (Q.delete(e), !n.signal.aborted && (Ie(Me, e), t !== void 0)) {
+				Ne.value = new Set(Ne.value).add(e);
+				let n = zt(e);
+				n && (Z({
+					node: n,
+					error: t
+				}), Wt(L.value.loadError(Gt(n))));
+			}
+			ze();
+		}
+		function Ve(e, t = !1) {
+			let n = N.value.loadChildren;
+			if (!n) return;
+			let r = N.value.getId(e);
+			if (Me.value.has(r) || Q.has(r) || !t && Fe(e) || Le.some((e) => N.value.getId(e.node) === r)) return;
+			if (Q.size >= Re.value) {
+				Le.push({
+					node: e,
+					force: t
+				});
+				return;
+			}
+			let i = new AbortController();
+			Q.set(r, i), Me.value = new Set(Me.value).add(r), Pe.value = new Set(Pe.value).add(r), Ie(Ne, r), Promise.resolve().then(() => n(e, { signal: i.signal })).then(() => Be(r, void 0, i), (e) => Be(r, e ?? /* @__PURE__ */ Error("loadChildren rejected"), i));
+		}
+		function He(e) {
+			let t = Q.get(e);
+			t && (t.abort(), Q.delete(e)), Ie(Me, e);
+			let n = Le.findIndex((t) => N.value.getId(t.node) === e);
+			n >= 0 && Le.splice(n, 1), ze();
+		}
+		function Ue(e) {
+			let t = zt(e);
+			t && Ve(t, !0);
+		}
+		function We() {
+			if (Pe.value.size) {
+				let e = !1, t = new Set(Pe.value);
+				for (let n of t) B.value.has(n) || (t.delete(n), e = !0);
+				e && (Pe.value = t);
+			}
+			for (let e of [Me, Ne]) {
+				if (!e.value.size) continue;
+				let t = !1, n = new Set(e.value);
+				for (let e of n) zt(e) || (n.delete(e), t = !0);
+				t && (e.value = n);
+			}
+		}
+		G([B, () => N.value.nodes], () => {
+			if (Q.size) for (let e of [...Q.keys()]) (!B.value.has(e) || !zt(e)) && He(e);
+			if (N.value.loadChildren) {
+				We();
+				for (let e of ye.value) e.isExpandable && B.value.has(e.id) && !Me.value.has(e.id) && !Pe.value.has(e.id) && !Fe(e.node) && Ve(e.node);
+			}
+		}, { immediate: !0 }), C(() => {
+			for (let e of Q.values()) e.abort();
+			Q.clear(), Le.length = 0;
+		}), w(() => {
+			l.builder?._bindImpls({
+				focusNode: (e) => qe(zt(e), "api"),
+				selectNode: (e) => qe(zt(e), "api"),
+				reloadChildren: Ue,
+				startRename: rn,
+				expandAll: $e,
+				collapseAll: et,
+				expandTo: nt,
+				revealNode: rt,
+				getNode: (e) => zt(e),
+				moveNode: Kt
 			});
 		}), C(() => {
-			l.builder?._setFocusNodeImpl(null);
+			l.builder?._bindImpls(null);
 		});
-		function ce(e) {
-			if (!e) return;
-			let t = O.value.getId(e);
-			N.value = t, ie(t);
+		let Ge = A(null);
+		function Ke(e, t, n) {
+			let r = {
+				node: e ? zt(e) : null,
+				ids: [...t],
+				via: n
+			};
+			h("select", r), l.builder?.state.onSelect?.(r);
+		}
+		function qe(e, t = "user") {
+			if (!e || ve(e)) return;
+			let n = N.value.getId(e);
+			te.value === "single" ? W.value = n : K.value = new Set([n]), Ge.value = n, je(n), Ke(n, [n], t);
+		}
+		function Je(e, t) {
+			if (ve(e)) return;
+			let n = N.value.getId(e);
+			if (!ne.value) {
+				qe(e);
+				return;
+			}
+			let r = t.ctrlKey || t.metaKey, i = be.value, a = ye.value;
+			if (t.shiftKey && Ge.value && i.has(Ge.value)) {
+				let e = i.get(Ge.value), t = i.get(n) ?? e, [o, s] = e <= t ? [e, t] : [t, e], c = new Set(r ? K.value : []);
+				for (let e = o; e <= s; e++) c.add(a[e].id);
+				K.value = c, je(n), Ke(n, c, "user");
+				return;
+			}
+			if (r) {
+				let e = new Set(K.value);
+				e.has(n) ? e.delete(n) : e.add(n), K.value = e, Ge.value = n, je(n), Ke(n, e, "user");
+				return;
+			}
+			let o = new Set([n]);
+			K.value = o, Ge.value = n, je(n), Ke(n, o, "user");
 		}
-		function X(e) {
-			if (!P(e)) return;
-			let t = O.value.getId(e), n = new Set(k.value);
-			n.has(t) ? n.delete(t) : n.add(t), k.value = n;
+		function Ye(e) {
+			let t = new Set(K.value);
+			Ce.value && t.add(Ce.value), t.add(e), K.value = t, Ke(e, t, "user");
 		}
-		function le(e) {
-			if (!P(e)) return;
-			let t = O.value.getId(e);
-			if (k.value.has(t)) return;
-			let n = new Set(k.value);
-			n.add(t), k.value = n;
+		function Xe(e, t) {
+			if (!Y.value || ve(e)) return;
+			let n = N.value.getId(e), r = t ?? !J.value.has(n);
+			if (re.value) {
+				let e = new Set(J.value);
+				r ? e.add(n) : e.delete(n), J.value = e;
+				return;
+			}
+			let i = ae.value;
+			i && (J.value = Gd(J.value, n, r, i));
+		}
+		function Ze(e) {
+			if (!he(e)) return;
+			let t = N.value.getId(e), n = new Set(B.value);
+			n.has(t) ? n.delete(t) : n.add(t), B.value = n;
+		}
+		function Qe(e) {
+			if (!he(e)) return;
+			let t = N.value.getId(e);
+			if (B.value.has(t)) return;
+			let n = new Set(B.value);
+			n.add(t), B.value = n;
+		}
+		function $e() {
+			let e = new Set(B.value), t = (n) => {
+				for (let r of n) {
+					he(r) && e.add(N.value.getId(r));
+					let n = _e(r);
+					n && n.length && t(n);
+				}
+			};
+			t(N.value.nodes), B.value = e;
+		}
+		function et() {
+			B.value = /* @__PURE__ */ new Set();
+		}
+		function tt(e) {
+			let t = [], n = (r, i) => {
+				for (let a of r) {
+					let r = N.value.getId(a);
+					if (r === e) return t.push(...i), !0;
+					let o = _e(a);
+					if (o && o.length && n(o, [...i, r])) return !0;
+				}
+				return !1;
+			};
+			return n(N.value.nodes, []), t;
 		}
-		function de(e, t) {
-			t.button === 0 && ce(e);
+		function nt(e) {
+			let t = tt(e);
+			if (!t.length) return;
+			let n = new Set(B.value);
+			for (let e of t) n.add(e);
+			B.value = n;
+		}
+		function rt(e) {
+			nt(e), y(() => {
+				if (Te.value) {
+					let t = be.value.get(e) ?? -1;
+					t >= 0 && Oe.scrollToIndex(t, "auto");
+				} else Ae(e)?.scrollIntoView({ block: "nearest" });
+			});
 		}
-		function fe(e) {
-			me(e);
+		function it(e, t) {
+			t.button === 0 && (Je(e, t), N.value.activateOnClick && !t.ctrlKey && !t.metaKey && !t.shiftKey && lt(e));
 		}
-		function pe(e) {
-			X(e);
+		function at(e) {
+			Xe(e);
 		}
-		function me(e) {
-			p("activate", e), l.builder?.state.onActivate?.(e);
+		function ot(e) {
+			Ue(N.value.getId(e));
+		}
+		function st(e) {
+			lt(e);
+		}
+		function ct(e) {
+			Ze(e);
 		}
-		let he = bd(), ge = F(null), _e = r(() => {
+		function lt(e) {
+			ve(e) || (h("activate", e), l.builder?.state.onActivate?.(e));
+		}
+		let ut = bd(), dt = F(null), ft = r(() => {
 			let e = l.builder?.state;
-			if (!e || !ge.value) return [];
-			switch (ge.value.kind) {
-				case "folder": return e.folderMenu ? e.folderMenu(ge.value.node) : [];
-				case "leaf": return e.leafMenu ? e.leafMenu(ge.value.node) : [];
+			if (!e || !dt.value) return [];
+			switch (dt.value.kind) {
+				case "folder": return e.folderMenu ? e.folderMenu(dt.value.node) : [];
+				case "leaf": return e.leafMenu ? e.leafMenu(dt.value.node) : [];
 				case "viewport": return e.viewportMenu ? e.viewportMenu() : [];
 			}
 			return [];
 		});
-		function ve(e, t) {
-			p("context-menu", e, t);
+		function pt(e, t) {
+			h("context-menu", e, t);
 			let n = l.builder?.state;
 			if (n) {
 				if (e) {
-					let r = P(e), i = r ? n.onFolderContextMenu : n.onLeafContextMenu;
+					let r = he(e), i = r ? n.onFolderContextMenu : n.onLeafContextMenu;
 					if (i) {
 						t.preventDefault(), i(e, t);
 						return;
 					}
-					(r ? n.folderMenu : n.leafMenu) && (ge.value = r ? {
+					(r ? n.folderMenu : n.leafMenu) && (dt.value = r ? {
 						kind: "folder",
 						node: e
 					} : {
 						kind: "leaf",
 						node: e
-					}, he.open(t));
+					}, ut.open(t));
 					return;
 				}
 				if (n.onViewportContextMenu) {
 					t.preventDefault(), n.onViewportContextMenu(t);
 					return;
 				}
-				n.viewportMenu && (ge.value = { kind: "viewport" }, he.open(t));
+				n.viewportMenu && (dt.value = { kind: "viewport" }, ut.open(t));
 			}
 		}
-		function ye(e, t) {
-			ve(e, t);
+		function mt(e, t) {
+			pt(e, t);
 		}
-		function be(e) {
-			e.target.closest(".coar-tree-node__row") || ve(null, e);
+		function ht(e) {
+			e.target.closest(".coar-tree-node__row") || pt(null, e);
 		}
-		function xe(e) {
-			e !== "divider" && (he.close(), e.onClick());
+		function gt(e) {
+			e !== "divider" && (ut.close(), e.onClick());
 		}
-		let Se = A(""), Ce = null;
-		function we(e) {
-			Se.value += e.toLowerCase(), Ce && window.clearTimeout(Ce), Ce = window.setTimeout(() => {
-				Se.value = "";
+		let _t = A(""), vt = null;
+		function yt(e) {
+			_t.value += e.toLowerCase(), vt && window.clearTimeout(vt), vt = window.setTimeout(() => {
+				_t.value = "";
 			}, 500);
 		}
-		function Te() {
-			let e = O.value.getLabel;
-			if (!e || !Se.value) return null;
-			let t = B.value, n = W.value ? t.findIndex((e) => O.value.getId(e.node) === W.value) : -1;
+		function bt() {
+			let e = N.value.getLabel;
+			if (!e || !_t.value) return null;
+			let t = ye.value, n = Ce.value ? be.value.get(Ce.value) ?? -1 : -1;
 			for (let r = 1; r <= t.length; r++) {
 				let i = t[(n + r) % t.length].node;
-				if (e(i).toLowerCase().startsWith(Se.value)) return i;
+				if (!ve(i) && e(i).toLowerCase().startsWith(_t.value)) return i;
 			}
 			return null;
 		}
-		function Ee(e) {
-			let t = B.value;
+		function xt(e, t) {
+			let n = ye.value;
+			for (let r = e + t; r >= 0 && r < n.length; r += t) if (!ve(n[r].node)) return r;
+			return e;
+		}
+		function St(e) {
+			let t = ye.value;
+			for (let n = e === 1 ? 0 : t.length - 1; n >= 0 && n < t.length; n += e) if (!ve(t[n].node)) return n;
+			return -1;
+		}
+		function Ct() {
+			let e = De.value;
+			return !!e && typeof getComputedStyle == "function" && getComputedStyle(e).direction === "rtl";
+		}
+		function wt() {
+			let e = Ee.value, t = (typeof we.value?.itemSize == "number" ? we.value.itemSize : 28) || 28;
+			return e && e.clientHeight ? Math.max(1, Math.floor(e.clientHeight / t)) : 10;
+		}
+		function Tt(e) {
+			if (e.isExpandable && !B.value.has(e.id)) Qe(e.node);
+			else {
+				let t = _e(e.node);
+				t && t.length && je(N.value.getId(t[0]));
+			}
+		}
+		function Et(e) {
+			e.isExpandable && B.value.has(e.id) ? Ze(e.node) : e.parentId && je(e.parentId);
+		}
+		function Dt(e) {
+			let t = ye.value;
 			if (!t.length) return;
-			let n = W.value ? t.findIndex((e) => O.value.getId(e.node) === W.value) : -1, r = n >= 0 ? t[n] : null;
-			if (e.key === "F2" && l.renamable && r && !h.value) {
+			let n = Ce.value ? be.value.get(Ce.value) ?? -1 : -1, r = n >= 0 ? t[n] : null;
+			if (e.key === "F2" && P.value && r && !_.value) {
 				let t = e.target;
 				if (t && t.tagName !== "INPUT" && t.tagName !== "TEXTAREA") {
-					e.preventDefault(), Je(O.value.getId(r.node));
+					e.preventDefault(), rn(r.id);
 					return;
 				}
 			}
+			if ((e.ctrlKey || e.metaKey) && (e.key === "a" || e.key === "A") && ne.value) {
+				e.preventDefault();
+				let n = new Set(t.filter((e) => !ve(e.node)).map((e) => e.id));
+				K.value = n, Ke(Ce.value, n, "user");
+				return;
+			}
+			if ((e.ctrlKey || e.metaKey) && (e.key === "x" || e.key === "X") && r && ge(r.node)) {
+				e.preventDefault(), Ht.value = r.id, Wt(L.value.pickedUp(Gt(r.node)));
+				return;
+			}
+			if ((e.ctrlKey || e.metaKey) && (e.key === "v" || e.key === "V") && Ht.value && r) {
+				e.preventDefault();
+				let t = zt(Ht.value), n = t ? Gt(t) : "item", i = r.isExpandable ? "inside" : "after";
+				Wt(Kt(Ht.value, r.id, i) ? L.value.moved(n, Gt(r.node), i) : L.value.moveBlocked(n)), Ht.value = null;
+				return;
+			}
+			if (e.key === "Escape" && Ht.value) {
+				e.preventDefault(), Ht.value = null, Wt(L.value.moveCancelled);
+				return;
+			}
 			switch (e.key) {
 				case "ArrowDown": {
 					e.preventDefault();
-					let r = t[Math.min(t.length - 1, n + 1)] ?? t[0];
-					ie(O.value.getId(r.node));
+					let r = t[xt(n, 1)] ?? t[n] ?? t[0];
+					e.shiftKey && ne.value && Ye(r.id), je(r.id);
 					return;
 				}
 				case "ArrowUp": {
 					e.preventDefault();
-					let r = t[Math.max(0, n - 1)] ?? t[0];
-					ie(O.value.getId(r.node));
+					let r = t[xt(n < 0 ? t.length : n, -1)] ?? t[n] ?? t[0];
+					e.shiftKey && ne.value && Ye(r.id), je(r.id);
 					return;
 				}
 				case "ArrowRight":
 					if (!r) return;
-					if (e.preventDefault(), P(r.node) && !k.value.has(O.value.getId(r.node))) le(r.node);
-					else {
-						let e = L(r.node);
-						e && e.length && ie(O.value.getId(e[0]));
-					}
+					e.preventDefault(), (Ct() ? Et : Tt)(r);
 					return;
 				case "ArrowLeft":
 					if (!r) return;
-					e.preventDefault(), P(r.node) && k.value.has(O.value.getId(r.node)) ? X(r.node) : r.parentId && ie(r.parentId);
+					e.preventDefault(), (Ct() ? Tt : Et)(r);
 					return;
-				case "Home":
-					e.preventDefault(), ie(O.value.getId(t[0].node));
+				case "PageDown": {
+					e.preventDefault();
+					let r = Math.min(t.length - 1, (n < 0 ? 0 : n) + wt());
+					ve(t[r].node) && (r = xt(r, -1)), r >= 0 && t[r] && je(t[r].id);
 					return;
-				case "End":
-					e.preventDefault(), ie(O.value.getId(t[t.length - 1].node));
+				}
+				case "PageUp": {
+					e.preventDefault();
+					let r = Math.max(0, (n < 0 ? 0 : n) - wt());
+					ve(t[r].node) && (r = xt(r, 1)), r >= 0 && t[r] && je(t[r].id);
+					return;
+				}
+				case "*":
+					if (e.preventDefault(), r) {
+						let e = new Set(B.value);
+						for (let n of t) n.parentId === r.parentId && n.isExpandable && e.add(n.id);
+						B.value = e;
+					}
+					return;
+				case "Home": {
+					e.preventDefault();
+					let n = St(1);
+					n >= 0 && je(t[n].id);
 					return;
+				}
+				case "End": {
+					e.preventDefault();
+					let n = St(-1);
+					n >= 0 && je(t[n].id);
+					return;
+				}
 				case "Enter":
-					r && (e.preventDefault(), ce(r.node), me(r.node));
+					r && (e.preventDefault(), qe(r.node), lt(r.node));
 					return;
 				case " ":
-					r && (e.preventDefault(), P(r.node) ? X(r.node) : ce(r.node));
+					r && (e.preventDefault(), Y.value ? Xe(r.node) : he(r.node) ? Ze(r.node) : qe(r.node));
 					return;
 				default: if (e.key.length === 1 && !e.ctrlKey && !e.metaKey && !e.altKey) {
-					we(e.key);
-					let t = Te();
-					t && ie(O.value.getId(t));
+					yt(e.key);
+					let t = bt();
+					t && je(N.value.getId(t));
 				}
 			}
 		}
-		let De = A(null), Oe = A(null), ke = A(null), Ae = A(null), je = A(0), Me = null, Ne = null;
-		function Pe() {
-			Me && window.clearTimeout(Me), Me = null, Ne = null;
-		}
-		function Fe(e) {
-			let t = O.value.getId(e);
-			Ne !== t && (Pe(), Ne = t, Me = window.setTimeout(() => {
-				Ne === t && le(e);
-			}, O.value.autoExpandDelay));
-		}
-		function Ie(e, t) {
-			if (O.value.getId(e) === t) return !0;
-			let n = L(e);
-			if (!n) return !1;
-			for (let e of n) if (Ie(e, t)) return !0;
+		let Ot = A(null), kt = F(null), At = A(null), jt = A(null), Mt = A(null), Nt = A(0);
+		D(Nd, {
+			selectedIds: ie,
+			checkedIds: J,
+			indeterminateIds: oe,
+			checkboxMode: Y,
+			matchedIds: ce,
+			matchAncestorIds: X,
+			disabledIds: se,
+			focusedId: Ce,
+			expandedIds: B,
+			renamingId: _,
+			dropTargetId: At,
+			dropPosition: jt,
+			fileDropTargetId: Mt,
+			loadingIds: Me,
+			erroredIds: Ne,
+			hideLoadingSpinner: r(() => !!N.value.hideLoadingSpinner),
+			labels: L
+		});
+		let Pt = null, Ft = null;
+		function It() {
+			Pt && window.clearTimeout(Pt), Pt = null, Ft = null;
+		}
+		function Lt(e) {
+			let t = N.value.getId(e);
+			Ft !== t && (It(), Ft = t, Pt = window.setTimeout(() => {
+				Ft === t && Qe(e);
+			}, N.value.autoExpandDelay));
+		}
+		function Rt(e, t) {
+			let n = be.value, r = ye.value, i = e;
+			for (; i !== null;) {
+				if (i === t) return !0;
+				let e = n.get(i);
+				if (e === void 0) return !1;
+				i = r[e].parentId;
+			}
 			return !1;
 		}
-		function Z(e, t = O.value.nodes) {
+		function zt(e, t = N.value.nodes) {
 			for (let n of t) {
-				if (O.value.getId(n) === e) return n;
-				let t = L(n);
+				if (N.value.getId(n) === e) return n;
+				let t = _e(n);
 				if (t) {
-					let n = Z(e, t);
+					let n = zt(e, t);
 					if (n) return n;
 				}
 			}
 			return null;
 		}
-		function Q() {
-			De.value = null, Oe.value = null, ke.value = null, Ae.value = null, je.value = 0, Pe();
+		function Bt() {
+			Ot.value = null, kt.value = null, At.value = null, jt.value = null, Mt.value = null, Nt.value = 0, It();
 		}
-		function Le(e) {
-			p("node-move", e), l.builder?.state.onNodeMove?.(e);
+		function Vt(e) {
+			h("node-move", e), l.builder?.state.onNodeMove?.(e);
 		}
-		function Re(e) {
-			p("files-drop", e), l.builder?.state.onFilesDrop?.(e);
+		let Ht = A(null), Ut = A("");
+		function Wt(e) {
+			Ut.value = "", y(() => {
+				Ut.value = e;
+			});
+		}
+		function Gt(e) {
+			return N.value.getLabel ? N.value.getLabel(e) : N.value.getId(e);
+		}
+		function Kt(e, t, n) {
+			let r = zt(e);
+			if (!r || t !== null && (e === t || Rt(t, e))) return !1;
+			let i = t === null ? null : zt(t);
+			return t !== null && !i || N.value.canDrop && !N.value.canDrop(r, i, n) ? !1 : (Vt({
+				source: r,
+				target: i,
+				position: n
+			}), !0);
 		}
-		function ze(e, t) {
-			if (!I(e)) {
+		function qt(e) {
+			h("files-drop", e), l.builder?.state.onFilesDrop?.(e);
+		}
+		function Jt(e, t) {
+			if (!ge(e)) {
 				t.preventDefault();
 				return;
 			}
-			De.value = O.value.getId(e), t.dataTransfer?.setData(kd, O.value.getId(e)), t.dataTransfer?.setData("text/plain", O.value.getLabel?.(e) ?? O.value.getId(e)), t.dataTransfer && (t.dataTransfer.effectAllowed = "move");
+			let n = N.value.getId(e);
+			Ot.value = n, kt.value = e, t.dataTransfer?.setData(Ad, n), t.dataTransfer?.setData("text/plain", N.value.getLabel?.(e) ?? n), t.dataTransfer && (t.dataTransfer.effectAllowed = "move");
+			let r = N.value.getDragImage?.(e);
+			r instanceof HTMLElement ? xe(t, r) : typeof r == "string" && Se(t, r), Wt(L.value.pickedUp(Gt(e)));
 		}
-		function Be() {
-			Q();
+		function Yt() {
+			Bt();
 		}
-		function Ve(e, t, n) {
+		function Xt(e, t, n) {
 			let r = n.dataTransfer;
 			if (!r) return;
-			if (Bd(r)) {
-				O.value.acceptsFiles && P(e) && (n.preventDefault(), r.dropEffect = "copy", Ae.value = O.value.getId(e), Oe.value = null, ke.value = null, Fe(e));
+			if (Ud(r)) {
+				N.value.acceptsFiles && he(e) && (n.preventDefault(), r.dropEffect = "copy", Mt.value = N.value.getId(e), At.value = null, jt.value = null, Lt(e));
 				return;
 			}
-			if (!r.types.includes("application/x-coar-tree-node") || !De.value || De.value === O.value.getId(e)) return;
-			let i = Z(De.value);
-			if (!i || Ie(i, O.value.getId(e))) return;
-			let a = zd(n, t.getBoundingClientRect(), { expandable: P(e) });
-			O.value.canDrop && !O.value.canDrop(i, e, a) || (n.preventDefault(), r.dropEffect = "move", Oe.value = O.value.getId(e), ke.value = a, Ae.value = null, a === "inside" ? Fe(e) : Pe());
+			if (!r.types.includes("application/x-coar-tree-node") || !Ot.value || Ot.value === N.value.getId(e) || Rt(N.value.getId(e), Ot.value)) return;
+			let i = Hd(n, t.getBoundingClientRect(), { expandable: he(e) }), a = kt.value;
+			N.value.canDrop && a && !N.value.canDrop(a, e, i) || (n.preventDefault(), r.dropEffect = "move", At.value = N.value.getId(e), jt.value = i, Mt.value = null, i === "inside" ? Lt(e) : It());
 		}
-		function He(e, t) {
-			let n = t.relatedTarget, r = `[data-node-id="${CSS.escape(O.value.getId(e))}"]`;
-			n && t.currentTarget.closest(r)?.contains(n) || (Oe.value === O.value.getId(e) && (Oe.value = null, ke.value = null), Ae.value === O.value.getId(e) && (Ae.value = null), Pe());
+		function Zt(e, t) {
+			let n = t.relatedTarget, r = `[data-node-id="${CSS.escape(N.value.getId(e))}"]`;
+			n && t.currentTarget.closest(r)?.contains(n) || (At.value === N.value.getId(e) && (At.value = null, jt.value = null), Mt.value === N.value.getId(e) && (Mt.value = null), It());
 		}
-		function Ue(e, t, n) {
+		function Qt(e, t, n) {
 			let r = n.dataTransfer;
 			if (r) {
-				if (Bd(r)) {
-					if (!O.value.acceptsFiles || !P(e) || !r.files.length) return;
-					n.preventDefault(), n.stopPropagation(), Re({
+				if (Ud(r)) {
+					if (!N.value.acceptsFiles || !he(e) || !r.files.length) return;
+					n.preventDefault(), n.stopPropagation(), qt({
 						files: r.files,
 						target: e
-					}), Q();
+					}), Bt();
 					return;
 				}
-				if (De.value && Oe.value === O.value.getId(e) && ke.value) {
-					let t = Z(De.value);
-					t && (n.preventDefault(), n.stopPropagation(), Le({
+				if (Ot.value && At.value === N.value.getId(e) && jt.value) {
+					let t = zt(Ot.value);
+					t && !Rt(N.value.getId(e), Ot.value) && (n.preventDefault(), n.stopPropagation(), Vt({
 						source: t,
 						target: e,
-						position: ke.value
-					}));
+						position: jt.value
+					}), Wt(L.value.moved(Gt(t), Gt(e), jt.value)));
 				}
-				Q();
+				Bt();
 			}
 		}
-		function We(e) {
-			!Bd(e.dataTransfer) || !O.value.acceptsFiles || (e.preventDefault(), je.value++);
+		function $t(e) {
+			!Ud(e.dataTransfer) || !N.value.acceptsFiles || (e.preventDefault(), Nt.value++);
 		}
-		function Ge(e) {
+		function en(e) {
 			let t = e.dataTransfer;
 			if (t) {
-				if (Bd(t) && O.value.acceptsFiles) {
+				if (Ud(t) && N.value.acceptsFiles) {
 					e.preventDefault(), t.dropEffect = "copy";
 					return;
 				}
-				t.types.includes("application/x-coar-tree-node") && De.value && (e.preventDefault(), t.dropEffect = "move");
+				t.types.includes("application/x-coar-tree-node") && Ot.value && (e.preventDefault(), t.dropEffect = "move");
 			}
 		}
-		function Ke(e) {
-			Bd(e.dataTransfer) && (je.value = Math.max(0, je.value - 1));
+		function tn(e) {
+			Ud(e.dataTransfer) && (Nt.value = Math.max(0, Nt.value - 1));
 		}
-		function qe(e) {
+		function nn(e) {
 			let t = e.dataTransfer;
 			if (t) {
-				if (Bd(t) && O.value.acceptsFiles && t.files.length) {
-					e.preventDefault(), Re({
+				if (Ud(t) && N.value.acceptsFiles && t.files.length) {
+					e.preventDefault(), qt({
 						files: t.files,
 						target: null
-					}), Q();
+					}), Bt();
 					return;
 				}
-				if (t.types.includes("application/x-coar-tree-node") && De.value) {
-					let t = Z(De.value);
-					t && (e.preventDefault(), Le({
+				if (t.types.includes("application/x-coar-tree-node") && Ot.value) {
+					let t = zt(Ot.value);
+					t && (e.preventDefault(), Vt({
 						source: t,
 						target: null,
 						position: "inside"
-					})), Q();
+					})), Bt();
 				}
 			}
 		}
 		C(() => {
-			Ce && window.clearTimeout(Ce), Pe();
+			vt && window.clearTimeout(vt), It();
 		});
-		function Je(e) {
-			if (!l.renamable) return;
-			let t = B.value.find((t) => O.value.getId(t.node) === e);
-			if (!t) return;
-			let n = O.value.getLabel ? O.value.getLabel(t.node) : "";
+		function rn(e) {
+			if (!P.value) return;
+			let t = be.value.get(e), n = t === void 0 ? void 0 : ye.value[t];
+			if (!n) return;
+			let r = N.value.getLabel ? N.value.getLabel(n.node) : "";
 			requestAnimationFrame(() => {
-				h.value = e, g.value = n;
+				_.value = e, v.value = r;
 			});
 		}
 		return n({
 			focusNode(e) {
-				ie(e);
+				je(e);
 			},
-			startRename: Je
+			selectNode(e) {
+				qe(zt(e), "api");
+			},
+			reloadChildren: Ue,
+			startRename: rn,
+			expandAll: $e,
+			collapseAll: et,
+			expandTo: nt,
+			revealNode: rt,
+			getNode: (e) => zt(e),
+			moveNode: Kt
 		}), (n, r) => (E(), o("div", {
 			ref_key: "rootEl",
-			ref: te,
-			class: b(["coar-tree", {
-				"coar-tree--file-drop": je.value > 0 && !Ae.value,
-				"coar-tree--virtual": J.value
-			}]),
+			ref: De,
+			class: b(["coar-tree", [`coar-tree--density-${N.value.density ?? "m"}`, {
+				"coar-tree--file-drop": Nt.value > 0 && !Mt.value,
+				"coar-tree--virtual": Te.value
+			}]]),
 			tabindex: "-1",
-			onKeydown: Ee,
-			onContextmenu: be,
-			onDragenter: We,
-			onDragover: Ge,
-			onDragleave: Ke,
-			onDrop: qe
-		}, [O.value.nodes.length ? (E(), o("div", {
-			key: 0,
-			ref_key: "scrollEl",
-			ref: ee,
-			class: b(["coar-tree__scroll", { "coar-tree__scroll--virtual": J.value }])
-		}, [s("div", {
-			class: "coar-tree__inner",
-			role: "tree",
-			style: S(J.value ? {
-				height: `${z(Y).totalSize.value}px`,
-				position: "relative"
-			} : void 0)
-		}, [(E(!0), o(e, null, j(ne.value, (e) => (E(), i(Rd, {
-			key: O.value.getId(e.row.node),
-			node: e.row.node,
-			"node-id": O.value.getId(e.row.node),
-			depth: e.row.depth,
-			"is-expandable": P(e.row.node),
-			"is-expanded": ae(O.value.getId(e.row.node)),
-			"is-selected": oe(O.value.getId(e.row.node)),
-			"is-focused": se(O.value.getId(e.row.node)),
-			"is-renaming": h.value === O.value.getId(e.row.node),
-			draggable: I(e.row.node),
-			"pos-in-set": e.row.posInSet,
-			"set-size": e.row.setSize,
-			"drop-indicator": Oe.value === O.value.getId(e.row.node) ? ke.value : null,
-			"file-drop-active": Ae.value === O.value.getId(e.row.node),
-			style: S(e.virtual ? {
-				position: "absolute",
-				top: `${e.virtual.start}px`,
-				left: 0,
-				right: 0,
-				height: `${e.virtual.size}px`
-			} : void 0),
-			onRowClick: de,
-			onRowDblclick: fe,
-			onRowContextMenu: ye,
-			onChevronClick: pe,
-			onRowDragstart: ze,
-			onRowDragend: Be,
-			onRowDragover: Ve,
-			onRowDragleave: He,
-			onRowDrop: Ue
-		}, null, 8, [
-			"node",
-			"node-id",
-			"depth",
-			"is-expandable",
-			"is-expanded",
-			"is-selected",
-			"is-focused",
-			"is-renaming",
-			"draggable",
-			"pos-in-set",
-			"set-size",
-			"drop-indicator",
-			"file-drop-active",
-			"style"
-		]))), 128))], 4)], 2)) : (E(), o("div", Vd, [M(n.$slots, "empty", {}, void 0, !0)])), t.builder ? (E(), i(yd, {
-			key: 2,
-			menu: z(he)
-		}, {
-			default: q(() => [u(Uu, null, {
-				default: q(() => [(E(!0), o(e, null, j(_e.value, (t, n) => (E(), o(e, { key: n }, [t === "divider" ? (E(), i(rd, { key: 0 })) : (E(), i($u, {
-					key: 1,
-					label: t.label,
-					icon: t.icon,
-					disabled: t.disabled,
-					class: b({ "coar-tree__menu-item--danger": t.danger }),
-					onClicked: (e) => xe(t)
-				}, null, 8, [
-					"label",
-					"icon",
-					"disabled",
-					"class",
-					"onClicked"
-				]))], 64))), 128))]),
+			onKeydown: Dt,
+			onContextmenu: ht,
+			onDragenter: $t,
+			onDragover: en,
+			onDragleave: tn,
+			onDrop: nn
+		}, [
+			s("div", Jd, I(Ut.value), 1),
+			N.value.nodes.length ? (E(), o("div", {
+				key: 0,
+				ref_key: "scrollEl",
+				ref: Ee,
+				class: b(["coar-tree__scroll", { "coar-tree__scroll--virtual": Te.value }])
+			}, [s("div", {
+				class: "coar-tree__inner",
+				role: "tree",
+				"aria-label": N.value.ariaLabel,
+				"aria-labelledby": N.value.ariaLabelledby,
+				"aria-multiselectable": ne.value ? "true" : void 0,
+				style: S(Te.value ? {
+					height: `${z(Oe).totalSize.value}px`,
+					position: "relative"
+				} : void 0)
+			}, [(E(!0), o(e, null, j(ke.value, (e) => (E(), i(Vd, {
+				key: e.row.id,
+				node: e.row.node,
+				"node-id": e.row.id,
+				depth: e.row.depth,
+				"is-expandable": e.row.isExpandable,
+				draggable: e.row.draggable,
+				"pos-in-set": e.row.posInSet,
+				"set-size": e.row.setSize,
+				style: S(e.virtual ? {
+					position: "absolute",
+					top: `${e.virtual.start}px`,
+					left: 0,
+					right: 0,
+					height: `${e.virtual.size}px`
+				} : void 0),
+				onRowClick: it,
+				onRowDblclick: st,
+				onRowContextMenu: mt,
+				onRowCheckToggle: at,
+				onRowRetry: ot,
+				onChevronClick: ct,
+				onRowDragstart: Jt,
+				onRowDragend: Yt,
+				onRowDragover: Xt,
+				onRowDragleave: Zt,
+				onRowDrop: Qt
+			}, null, 8, [
+				"node",
+				"node-id",
+				"depth",
+				"is-expandable",
+				"draggable",
+				"pos-in-set",
+				"set-size",
+				"style"
+			]))), 128))], 12, Yd)], 2)) : (E(), o("div", {
+				key: 1,
+				class: "coar-tree__empty",
+				tabindex: "0",
+				role: "status",
+				"aria-label": N.value.ariaLabel
+			}, [M(n.$slots, "empty", {}, void 0, !0)], 8, Xd)),
+			t.builder ? (E(), i(yd, {
+				key: 2,
+				menu: z(ut)
+			}, {
+				default: q(() => [u(Uu, null, {
+					default: q(() => [(E(!0), o(e, null, j(ft.value, (t, n) => (E(), o(e, { key: n }, [t === "divider" ? (E(), i(rd, { key: 0 })) : (E(), i($u, {
+						key: 1,
+						label: t.label,
+						icon: t.icon,
+						disabled: t.disabled,
+						class: b({ "coar-tree__menu-item--danger": t.danger }),
+						onClicked: (e) => gt(t)
+					}, null, 8, [
+						"label",
+						"icon",
+						"disabled",
+						"class",
+						"onClicked"
+					]))], 64))), 128))]),
+					_: 1
+				})]),
 				_: 1
-			})]),
-			_: 1
-		}, 8, ["menu"])) : a("", !0)], 34));
+			}, 8, ["menu"])) : a("", !0)
+		], 34));
 	}
-}), [["__scopeId", "data-v-7e544629"]]), Ud = ["data-rename-id"], Wd = {
+}), [["__scopeId", "data-v-6b30f72b"]]), Qd = ["data-rename-id"], $d = {
 	key: 1,
 	class: "coar-tree-node-label__text"
-}, Gd = /* @__PURE__ */ Z(/* @__PURE__ */ d({
+}, ef = /* @__PURE__ */ Z(/* @__PURE__ */ d({
 	__name: "CoarTreeNodeLabel",
 	props: { label: {} },
 	setup(e) {
-		let t = m(jd, null), n = m(Md, null), i = r(() => n != null && t != null && n.renamingId.value === t), a = U("inputEl");
+		let t = m(Md, null), n = m(Pd, null), i = r(() => n != null && t != null && n.renamingId.value === t), a = U("inputEl");
 		return n && t && G(i, async (e) => {
 			e && (await y(), a.value?.focus(), a.value?.select());
 		}), (r, s) => z(n) && i.value ? J((E(), o("input", {
@@ -10231,18 +10843,38 @@ var Vd = {
 			],
 			onFocus: s[6] ||= (e) => z(n).onFocus(),
 			onBlur: s[7] ||= (e) => z(n).onBlur()
-		}, null, 40, Ud)), [[W, z(n).buffer.value]]) : (E(), o("span", Wd, I(e.label), 1));
+		}, null, 40, Qd)), [[W, z(n).buffer.value]]) : (E(), o("span", $d, I(e.label), 1));
 	}
-}), [["__scopeId", "data-v-78b33972"]]), Kd = class e {
+}), [["__scopeId", "data-v-78b33972"]]), tf = class e {
 	state;
 	api;
-	_focusNodeImpl = null;
+	_impls = null;
+	_warnUnmounted(e) {
+		typeof console < "u" && console.warn(`[TreeBuilder.api.${e}] called before <CoarTree> mounted. The call was a no-op; move it into onMounted / a user-triggered handler.`);
+	}
 	constructor(e) {
-		this.state = e, this.api = {
-			focusNode: (e) => {
-				this._focusNodeImpl ? this._focusNodeImpl(e) : typeof console < "u" && console.warn("[TreeBuilder.api.focusNode] called before <CoarTree> mounted. The call was a no-op; move it into onMounted / a user-triggered handler.");
-			},
+		this.state = e;
+		let t = (e) => (t) => {
+			let n = this._impls;
+			n ? n[e](t) : this._warnUnmounted(e);
+		}, n = (e) => () => {
+			let t = this._impls;
+			t ? t[e]() : this._warnUnmounted(e);
+		};
+		this.api = {
+			focusNode: t("focusNode"),
+			selectNode: t("selectNode"),
+			reloadChildren: t("reloadChildren"),
+			startRename: t("startRename"),
+			expandTo: t("expandTo"),
+			revealNode: t("revealNode"),
+			expandAll: n("expandAll"),
+			collapseAll: n("collapseAll"),
+			getNode: (e) => this._impls?.getNode(e) ?? null,
+			moveNode: (e, t, n) => this._impls ? this._impls.moveNode(e, t, n) : (this._warnUnmounted("moveNode"), !1),
 			selectedId: e.selected,
+			selectedIds: e.selectedIds,
+			checkedIds: e.checkedIds,
 			expandedIds: e.expanded
 		};
 	}
@@ -10255,16 +10887,38 @@ var Vd = {
 			getChildren: void 0,
 			getLabel: void 0,
 			isExpandable: void 0,
+			isDisabled: void 0,
 			draggable: !1,
 			canDrop: void 0,
+			getDragImage: void 0,
+			activateOnClick: !1,
 			acceptsFiles: !1,
 			autoExpandDelay: 700,
 			virtualize: !1,
+			hideLoadingSpinner: !1,
+			renamable: !1,
+			onRename: void 0,
+			onRenameCancel: void 0,
+			selectionMode: "single",
+			checkStrictly: !1,
+			density: "m",
+			ariaLabel: void 0,
+			ariaLabelledby: void 0,
+			labels: void 0,
+			matchedIds: void 0,
+			filter: !1,
+			filterMode: "strict",
 			expanded: A(/* @__PURE__ */ new Set()),
 			selected: A(null),
+			selectedIds: A(/* @__PURE__ */ new Set()),
+			checkedIds: A(/* @__PURE__ */ new Set()),
 			onActivate: void 0,
+			onSelect: void 0,
 			onNodeMove: void 0,
 			onFilesDrop: void 0,
+			loadChildren: void 0,
+			maxConcurrentLoads: 0,
+			onLoadError: void 0,
 			folderMenu: void 0,
 			leafMenu: void 0,
 			viewportMenu: void 0,
@@ -10288,12 +10942,27 @@ var Vd = {
 	isExpandable(e) {
 		return this.state.isExpandable = e, this;
 	}
+	isDisabled(e) {
+		return this.state.isDisabled = e, this;
+	}
+	loadChildren(e) {
+		return this.state.loadChildren = e, this;
+	}
+	maxConcurrentLoads(e) {
+		return this.state.maxConcurrentLoads = e, this;
+	}
 	draggable(e) {
 		return this.state.draggable = e, this;
 	}
 	canDrop(e) {
 		return this.state.canDrop = e, this;
 	}
+	getDragImage(e) {
+		return this.state.getDragImage = e, this;
+	}
+	activateOnClick(e) {
+		return this.state.activateOnClick = e, this;
+	}
 	acceptsFiles(e) {
 		return this.state.acceptsFiles = e, this;
 	}
@@ -10303,6 +10972,39 @@ var Vd = {
 	virtualize(e) {
 		return this.state.virtualize = e, this;
 	}
+	hideLoadingSpinner(e) {
+		return this.state.hideLoadingSpinner = e, this;
+	}
+	renamable(e) {
+		return this.state.renamable = e, this;
+	}
+	selectionMode(e) {
+		return this.state.selectionMode = e, this;
+	}
+	checkStrictly(e) {
+		return this.state.checkStrictly = e, this;
+	}
+	density(e) {
+		return this.state.density = e, this;
+	}
+	ariaLabel(e) {
+		return this.state.ariaLabel = e, this;
+	}
+	ariaLabelledby(e) {
+		return this.state.ariaLabelledby = e, this;
+	}
+	labels(e) {
+		return this.state.labels = e, this;
+	}
+	matchedIds(e) {
+		return this.state.matchedIds = e, this;
+	}
+	filter(e) {
+		return this.state.filter = e, this;
+	}
+	filterMode(e) {
+		return this.state.filterMode = e, this;
+	}
 	expanded(e) {
 		if (!h(e)) throw Error("[TreeBuilder.expanded] requires a Ref<Set<string>>. Pass `ref(new Set<string>(...))`, not a plain Set or a getter.");
 		return this.state.expanded = e, this.api.expandedIds = e, this;
@@ -10311,15 +11013,35 @@ var Vd = {
 		if (!h(e)) throw Error("[TreeBuilder.selected] requires a Ref<string | null>. Pass `ref<string | null>(null)`, not a plain value.");
 		return this.state.selected = e, this.api.selectedId = e, this;
 	}
+	selectedIds(e) {
+		if (!h(e)) throw Error("[TreeBuilder.selectedIds] requires a Ref<Set<string>>. Pass `ref(new Set<string>())`, not a plain Set or a getter.");
+		return this.state.selectedIds = e, this.api.selectedIds = e, this;
+	}
+	checkedIds(e) {
+		if (!h(e)) throw Error("[TreeBuilder.checkedIds] requires a Ref<Set<string>>. Pass `ref(new Set<string>())`, not a plain Set or a getter.");
+		return this.state.checkedIds = e, this.api.checkedIds = e, this;
+	}
 	onActivate(e) {
 		return this.state.onActivate = e, this;
 	}
+	onSelect(e) {
+		return this.state.onSelect = e, this;
+	}
 	onNodeMove(e) {
 		return this.state.onNodeMove = e, this;
 	}
 	onFilesDrop(e) {
 		return this.state.onFilesDrop = e, this;
 	}
+	onRename(e) {
+		return this.state.onRename = e, this;
+	}
+	onRenameCancel(e) {
+		return this.state.onRenameCancel = e, this;
+	}
+	onLoadError(e) {
+		return this.state.onLoadError = e, this;
+	}
 	folderMenu(e) {
 		return this.state.folderMenu = e, this;
 	}
@@ -10338,14 +11060,14 @@ var Vd = {
 	onViewportContextMenu(e) {
 		return this.state.onViewportContextMenu = e, this;
 	}
-	_setFocusNodeImpl(e) {
-		this._focusNodeImpl = e;
+	_bindImpls(e) {
+		this._impls = e;
 	}
 };
 //#endregion
 //#region src/components/tree/useTree.ts
-function qd() {
-	let e = Kd.create();
+function nf() {
+	let e = tf.create();
 	return {
 		builder: e,
 		api: e.api
@@ -10353,14 +11075,14 @@ function qd() {
 }
 //#endregion
 //#region src/components/panel-layout/internal/CoarPaneDivider.vue?vue&type=script&setup=true&lang.ts
-var Jd = [
+var rf = [
 	"aria-orientation",
 	"aria-valuenow",
 	"aria-valuemin",
 	"aria-valuemax",
 	"aria-valuetext",
 	"aria-label"
-], Yd = /* @__PURE__ */ Z(/* @__PURE__ */ d({
+], af = /* @__PURE__ */ Z(/* @__PURE__ */ d({
 	__name: "CoarPaneDivider",
 	props: {
 		orientation: {},
@@ -10427,9 +11149,9 @@ var Jd = [
 			tabindex: "0",
 			onPointerdown: f,
 			onKeydown: g
-		}, null, 42, Jd));
+		}, null, 42, rf));
 	}
-}), [["__scopeId", "data-v-023c8b6d"]]), Xd = /* @__PURE__ */ Z(/* @__PURE__ */ d({
+}), [["__scopeId", "data-v-023c8b6d"]]), of = /* @__PURE__ */ Z(/* @__PURE__ */ d({
 	__name: "CoarSplitPane",
 	props: {
 		direction: { default: "row" },
@@ -10461,7 +11183,7 @@ var Jd = [
 				class: b(["coar-split__pane", { "coar-split__pane--fill": e.side !== "first" }]),
 				style: S(e.side === "first" ? p.value : void 0)
 			}, [M(t.$slots, "first", {}, void 0, !0)], 6),
-			e.resizable ? (E(), i(Yd, {
+			e.resizable ? (E(), i(af, {
 				key: 0,
 				orientation: d.value,
 				value: u.value,
@@ -10484,13 +11206,13 @@ var Jd = [
 			}, [M(t.$slots, "second", {}, void 0, !0)], 6)
 		], 2));
 	}
-}), [["__scopeId", "data-v-25b6f788"]]), Zd = { class: "coar-panel-layout" }, Qd = {
+}), [["__scopeId", "data-v-25b6f788"]]), sf = { class: "coar-panel-layout" }, cf = {
 	key: 0,
 	class: "coar-panel-layout__top"
-}, $d = { class: "coar-panel-layout__body" }, ef = {
+}, lf = { class: "coar-panel-layout__body" }, uf = {
 	key: 1,
 	class: "coar-panel-layout__status"
-}, tf = 6, nf = /* @__PURE__ */ Z(/* @__PURE__ */ d({
+}, df = 6, ff = /* @__PURE__ */ Z(/* @__PURE__ */ d({
 	__name: "CoarPanelLayout",
 	props: {
 		leftWidth: { default: void 0 },
@@ -10547,16 +11269,16 @@ var Jd = [
 				}
 			});
 		}
-		let u = l(() => n.leftWidth, (e) => c("update:leftWidth", e), 240), d = l(() => n.rightWidth, (e) => c("update:rightWidth", e), 280), f = l(() => n.bottomHeight, (e) => c("update:bottomHeight", e), 200), p = H(), m = r(() => !!p.left && n.leftOpen), g = r(() => !!p.right && n.rightOpen), _ = r(() => !!p.bottom && n.bottomOpen), v = r(() => n.contentMinWidth + tf + (g.value ? d.value + tf : 0)), y = r(() => n.contentMinWidth + tf + (m.value ? u.value + tf : 0)), b = r(() => n.contentMinHeight + tf);
-		return (t, n) => (E(), o("div", Zd, [
-			t.$slots.top ? (E(), o("div", Qd, [M(t.$slots, "top", {}, void 0, !0)])) : a("", !0),
-			s("div", $d, [
+		let u = l(() => n.leftWidth, (e) => c("update:leftWidth", e), 240), d = l(() => n.rightWidth, (e) => c("update:rightWidth", e), 280), f = l(() => n.bottomHeight, (e) => c("update:bottomHeight", e), 200), p = H(), m = r(() => !!p.left && n.leftOpen), g = r(() => !!p.right && n.rightOpen), _ = r(() => !!p.bottom && n.bottomOpen), v = r(() => n.contentMinWidth + df + (g.value ? d.value + df : 0)), y = r(() => n.contentMinWidth + df + (m.value ? u.value + df : 0)), b = r(() => n.contentMinHeight + df);
+		return (t, n) => (E(), o("div", sf, [
+			t.$slots.top ? (E(), o("div", cf, [M(t.$slots, "top", {}, void 0, !0)])) : a("", !0),
+			s("div", lf, [
 				m.value ? (E(), o("div", {
 					key: 0,
 					class: "coar-panel-layout__left",
 					style: S({ flex: `0 0 ${z(u)}px` })
 				}, [M(t.$slots, "left", {}, void 0, !0)], 4)) : a("", !0),
-				m.value && e.leftResizable ? (E(), i(Yd, {
+				m.value && e.leftResizable ? (E(), i(af, {
 					key: 1,
 					orientation: "vertical",
 					value: z(u),
@@ -10579,7 +11301,7 @@ var Jd = [
 						class: "coar-panel-layout__content",
 						style: S({ minHeight: `${e.contentMinHeight}px` })
 					}, [M(t.$slots, "default", {}, void 0, !0)], 4),
-					_.value && e.bottomResizable ? (E(), i(Yd, {
+					_.value && e.bottomResizable ? (E(), i(af, {
 						key: 0,
 						orientation: "horizontal",
 						value: z(f),
@@ -10601,7 +11323,7 @@ var Jd = [
 						style: S({ flex: `0 0 ${z(f)}px` })
 					}, [M(t.$slots, "bottom", {}, void 0, !0)], 4)) : a("", !0)
 				], 4),
-				g.value && e.rightResizable ? (E(), i(Yd, {
+				g.value && e.rightResizable ? (E(), i(af, {
 					key: 2,
 					orientation: "vertical",
 					value: z(d),
@@ -10623,18 +11345,18 @@ var Jd = [
 					style: S({ flex: `0 0 ${z(d)}px` })
 				}, [M(t.$slots, "right", {}, void 0, !0)], 4)) : a("", !0)
 			]),
-			t.$slots.status ? (E(), o("div", ef, [M(t.$slots, "status", {}, void 0, !0)])) : a("", !0)
+			t.$slots.status ? (E(), o("div", uf, [M(t.$slots, "status", {}, void 0, !0)])) : a("", !0)
 		]));
 	}
-}), [["__scopeId", "data-v-0656f78d"]]), rf = ["aria-label", "aria-disabled"], af = [
+}), [["__scopeId", "data-v-0656f78d"]]), pf = ["aria-label", "aria-disabled"], mf = [
 	"disabled",
 	"aria-pressed",
 	"aria-label",
 	"onClick"
-], of = {
+], hf = {
 	key: 1,
 	class: "coar-segmented-control__label"
-}, sf = /* @__PURE__ */ Z(/* @__PURE__ */ d({
+}, gf = /* @__PURE__ */ Z(/* @__PURE__ */ d({
 	__name: "CoarSegmentedControl",
 	props: /* @__PURE__ */ _({
 		options: {},
@@ -10690,9 +11412,193 @@ var Jd = [
 			name: e.icon,
 			size: "auto",
 			class: "coar-segmented-control__icon"
-		}, null, 8, ["name"])) : a("", !0), e.label ? (E(), o("span", of, I(e.label), 1)) : a("", !0)], 10, af))), 128))], 10, rf));
+		}, null, 8, ["name"])) : a("", !0), e.label ? (E(), o("span", hf, I(e.label), 1)) : a("", !0)], 10, mf))), 128))], 10, pf));
 	}
-}), [["__scopeId", "data-v-72983826"]]), cf = ["aria-label"], lf = { class: "coar-breadcrumb-list" }, uf = /* @__PURE__ */ Z(/* @__PURE__ */ d({
+}), [["__scopeId", "data-v-72983826"]]), _f = { class: "coar-wizard__steps" }, vf = ["data-step-index"], yf = [
+	"disabled",
+	"aria-current",
+	"onClick"
+], bf = { class: "coar-wizard__marker" }, xf = { class: "coar-wizard__step-text" }, Sf = { class: "coar-wizard__step-label" }, Cf = {
+	key: 0,
+	class: "coar-wizard__step-desc"
+}, wf = { class: "coar-wizard__main" }, Tf = {
+	key: 0,
+	class: "coar-wizard__footer"
+}, Ef = /* @__PURE__ */ d({
+	__name: "CoarWizard",
+	props: /* @__PURE__ */ _({
+		steps: {},
+		indicatorPosition: { default: "top" },
+		freeNavigation: {
+			type: Boolean,
+			default: !1
+		},
+		hideFooter: {
+			type: Boolean,
+			default: !1
+		},
+		disableAnimation: {
+			type: Boolean,
+			default: !1
+		},
+		backLabel: { default: "Back" },
+		nextLabel: { default: "Next" },
+		finishLabel: { default: "Finish" }
+	}, {
+		step: { default: void 0 },
+		stepModifiers: {}
+	}),
+	emits: /* @__PURE__ */ _(["finish", "step-change"], ["update:step"]),
+	setup(t, { expose: n, emit: c }) {
+		let d = t, p = V(t, "step"), m = c, h = A(null), g = A(null), _ = A(null), v = A(null), S = r(() => d.indicatorPosition === "left" || d.indicatorPosition === "right"), T = r(() => {
+			let e = d.steps.findIndex((e) => e.id === p.value);
+			return e >= 0 ? e : 0;
+		}), D = r(() => d.steps[T.value]), O = r(() => D.value?.id ?? ""), k = r(() => T.value <= 0), N = r(() => T.value >= d.steps.length - 1), P = r(() => D.value?.canAdvance !== !1);
+		function F(e) {
+			let t = d.steps.findIndex((t) => t.id === e);
+			t < 0 || t === T.value || d.steps[t]?.disabled || (p.value = e, m("step-change", e, t));
+		}
+		function L() {
+			if (P.value) {
+				if (N.value) {
+					m("finish");
+					return;
+				}
+				F(d.steps[T.value + 1].id);
+			}
+		}
+		function R() {
+			k.value || F(d.steps[T.value - 1].id);
+		}
+		function z(e) {
+			return e === T.value || d.steps[e]?.disabled ? !1 : d.freeNavigation ? !0 : e < T.value;
+		}
+		function B(e) {
+			return {
+				"coar-wizard__step--done": e < T.value,
+				"coar-wizard__step--active": e === T.value,
+				"coar-wizard__step--upcoming": e > T.value,
+				"coar-wizard__step--optional": d.steps[e]?.optional === !0,
+				"coar-wizard__step--clickable": z(e)
+			};
+		}
+		let H = r(() => ({
+			next: L,
+			back: R,
+			goTo: F,
+			isFirst: k.value,
+			isLast: N.value,
+			canAdvance: P.value,
+			activeStep: D.value,
+			activeIndex: T.value
+		}));
+		function U() {
+			return typeof window < "u" && typeof window.matchMedia == "function" && window.matchMedia("(prefers-reduced-motion: reduce)").matches;
+		}
+		function W(e) {
+			let t = g.value;
+			if (!t) return;
+			let n = t.querySelector(`[data-step-index="${T.value}"]`);
+			if (!n) return;
+			let r = e && !U() ? "smooth" : "auto";
+			if (S.value) {
+				let e = n.offsetTop - (t.clientHeight - n.offsetHeight) / 2, i = t.scrollHeight - t.clientHeight;
+				t.scrollTo({
+					top: Math.max(0, Math.min(e, i)),
+					behavior: r
+				});
+			} else {
+				let e = n.offsetLeft - (t.clientWidth - n.offsetWidth) / 2, i = t.scrollWidth - t.clientWidth;
+				t.scrollTo({
+					left: Math.max(0, Math.min(e, i)),
+					behavior: r
+				});
+			}
+		}
+		let K = 0, J = 0;
+		function ee() {
+			cancelAnimationFrame(K), cancelAnimationFrame(J);
+		}
+		function te(e) {
+			if (e.propertyName !== "height" || e.target !== _.value) return;
+			let t = _.value;
+			t && (t.style.transition = "", t.style.height = "", t.style.overflow = "");
+		}
+		return G(T, () => {
+			let e = _.value;
+			if (!e || d.disableAnimation || U()) {
+				y(() => W(!0));
+				return;
+			}
+			let t = e.offsetHeight;
+			e.style.transition = "", e.style.overflow = "hidden", e.style.height = `${t}px`, y(() => {
+				let n = v.value?.offsetHeight ?? t;
+				ee(), K = requestAnimationFrame(() => {
+					J = requestAnimationFrame(() => {
+						e.style.transition = "height var(--coar-wizard-anim-duration, 260ms) var(--coar-wizard-anim-ease, ease)", e.style.height = `${n}px`;
+					});
+				}), W(!0);
+			});
+		}), w(() => W(!1)), C(ee), n({
+			next: L,
+			back: R,
+			goTo: F
+		}), (n, r) => (E(), o("div", {
+			ref_key: "rootEl",
+			ref: h,
+			class: b(["coar-wizard", [`coar-wizard--indicator-${t.indicatorPosition}`, { "coar-wizard--vertical": S.value }]])
+		}, [s("div", {
+			ref_key: "indicatorEl",
+			ref: g,
+			class: "coar-wizard__indicator"
+		}, [s("ol", _f, [(E(!0), o(e, null, j(t.steps, (t, n) => (E(), o("li", {
+			key: t.id,
+			class: b(["coar-wizard__step", B(n)]),
+			"data-step-index": n
+		}, [s("button", {
+			type: "button",
+			class: "coar-wizard__step-btn",
+			disabled: !z(n) && n !== T.value,
+			"aria-current": n === T.value ? "step" : void 0,
+			onClick: (e) => F(t.id)
+		}, [s("span", bf, [n < T.value ? (E(), i(Q, {
+			key: 0,
+			name: "check",
+			size: "xs"
+		})) : (E(), o(e, { key: 1 }, [l(I(n + 1), 1)], 64))]), s("span", xf, [s("span", Sf, I(t.label), 1), t.description ? (E(), o("span", Cf, I(t.description), 1)) : a("", !0)])], 8, yf)], 10, vf))), 128))])], 512), s("div", wf, [s("div", {
+			ref_key: "bodyEl",
+			ref: _,
+			class: "coar-wizard__body",
+			onTransitionend: te
+		}, [(E(), o("div", {
+			key: O.value,
+			ref_key: "contentEl",
+			ref: v,
+			class: "coar-wizard__content"
+		}, [M(n.$slots, O.value, {
+			step: D.value,
+			index: T.value
+		})]))], 544), t.hideFooter ? a("", !0) : (E(), o("div", Tf, [M(n.$slots, "footer", x(f(H.value)), () => [
+			u(Oo, {
+				variant: "tertiary",
+				disabled: k.value,
+				onClick: R
+			}, {
+				default: q(() => [l(I(t.backLabel), 1)]),
+				_: 1
+			}, 8, ["disabled"]),
+			r[0] ||= s("span", { class: "coar-wizard__footer-spacer" }, null, -1),
+			u(Oo, {
+				variant: "primary",
+				disabled: !P.value,
+				onClick: L
+			}, {
+				default: q(() => [l(I(N.value ? t.finishLabel : t.nextLabel), 1)]),
+				_: 1
+			}, 8, ["disabled"])
+		])]))])], 2));
+	}
+}), Df = ["aria-label"], Of = { class: "coar-breadcrumb-list" }, kf = /* @__PURE__ */ Z(/* @__PURE__ */ d({
 	__name: "CoarBreadcrumb",
 	props: {
 		separator: { default: "/" },
@@ -10705,22 +11611,22 @@ var Jd = [
 			class: b(["coar-breadcrumb", `coar-breadcrumb--${e.size}`]),
 			"aria-label": e.ariaLabel,
 			style: S({ "--coar-breadcrumb-separator": n.value })
-		}, [s("ol", lf, [M(t.$slots, "default", {}, void 0, !0)])], 14, cf));
+		}, [s("ol", Of, [M(t.$slots, "default", {}, void 0, !0)])], 14, Df));
 	}
-}), [["__scopeId", "data-v-ed10cad5"]]), df = ["aria-current"], ff = {
+}), [["__scopeId", "data-v-ed10cad5"]]), Af = ["aria-current"], jf = {
 	key: 0,
 	class: "coar-breadcrumb-link coar-breadcrumb-link--active",
 	"aria-current": "page"
-}, pf = [
+}, Mf = [
 	"href",
 	"aria-disabled",
 	"tabindex",
 	"onClick"
-], mf = [
+], Nf = [
 	"href",
 	"aria-disabled",
 	"tabindex"
-], hf = /* @__PURE__ */ Z(/* @__PURE__ */ d({
+], Pf = /* @__PURE__ */ Z(/* @__PURE__ */ d({
 	__name: "CoarBreadcrumbItem",
 	props: {
 		to: { default: void 0 },
@@ -10758,7 +11664,7 @@ var Jd = [
 				"coar-breadcrumb-item--slot-only": f.value === "slot-only"
 			}]),
 			"aria-current": e.active ? "page" : void 0
-		}, [f.value === "active" ? (E(), o("span", ff, [M(t.$slots, "icon", {}, () => [e.icon ? (E(), i(Q, {
+		}, [f.value === "active" ? (E(), o("span", jf, [M(t.$slots, "icon", {}, () => [e.icon ? (E(), i(Q, {
 			key: 0,
 			name: e.icon,
 			size: "s",
@@ -10779,7 +11685,7 @@ var Jd = [
 				name: e.icon,
 				size: "s",
 				class: "coar-breadcrumb-link__icon"
-			}, null, 8, ["name"])) : a("", !0)], !0), M(t.$slots, "default", {}, void 0, !0)], 10, pf)]),
+			}, null, 8, ["name"])) : a("", !0)], !0), M(t.$slots, "default", {}, void 0, !0)], 10, Mf)]),
 			_: 3
 		}, 8, ["to"])) : f.value === "plain-link" ? (E(), o("a", {
 			key: 2,
@@ -10793,14 +11699,14 @@ var Jd = [
 			name: e.icon,
 			size: "s",
 			class: "coar-breadcrumb-link__icon"
-		}, null, 8, ["name"])) : a("", !0)], !0), M(t.$slots, "default", {}, void 0, !0)], 10, mf)) : M(t.$slots, "default", { key: 3 }, void 0, !0)], 10, df));
+		}, null, 8, ["name"])) : a("", !0)], !0), M(t.$slots, "default", {}, void 0, !0)], 10, Nf)) : M(t.$slots, "default", { key: 3 }, void 0, !0)], 10, Af));
 	}
-}), [["__scopeId", "data-v-079c47de"]]), gf = ["aria-label"], _f = { class: "coar-pagination-nav" }, vf = ["disabled", "aria-label"], yf = ["disabled", "aria-label"], bf = ["aria-label"], xf = [
+}), [["__scopeId", "data-v-079c47de"]]), Ff = ["aria-label"], If = { class: "coar-pagination-nav" }, Lf = ["disabled", "aria-label"], Rf = ["disabled", "aria-label"], zf = ["aria-label"], Bf = [
 	"disabled",
 	"aria-current",
 	"aria-label",
 	"onClick"
-], Sf = ["disabled", "aria-label"], Cf = ["disabled", "aria-label"], wf = /* @__PURE__ */ Z(/* @__PURE__ */ d({
+], Vf = ["disabled", "aria-label"], Hf = ["disabled", "aria-label"], Uf = /* @__PURE__ */ Z(/* @__PURE__ */ d({
 	__name: "CoarPagination",
 	props: /* @__PURE__ */ _({
 		totalItems: {},
@@ -10849,7 +11755,7 @@ var Jd = [
 		return (n, r) => (E(), o("nav", {
 			class: b(["coar-pagination", { "coar-pagination--disabled": t.disabled }]),
 			"aria-label": z(c)("coar.ui.pagination.nav", void 0, "Pagination")
-		}, [s("div", _f, [
+		}, [s("div", If, [
 			t.showFirstLast ? (E(), o("button", {
 				key: 0,
 				type: "button",
@@ -10860,7 +11766,7 @@ var Jd = [
 			}, [u(Q, {
 				name: "chevrons-left",
 				size: "s"
-			})], 8, vf)) : a("", !0),
+			})], 8, Lf)) : a("", !0),
 			s("button", {
 				type: "button",
 				class: "coar-pagination-button coar-pagination-button--nav",
@@ -10870,13 +11776,13 @@ var Jd = [
 			}, [u(Q, {
 				name: "chevron-left",
 				size: "s"
-			})], 8, yf),
+			})], 8, Rf),
 			(E(!0), o(e, null, j(h.value, (n, r) => (E(), o(e, { key: _(r, n) }, [n.type === "ellipsis" ? (E(), o("span", {
 				key: 0,
 				class: "coar-pagination-ellipsis",
 				role: "separator",
 				"aria-label": z(c)("coar.ui.pagination.morePage", void 0, "More pages")
-			}, "...", 8, bf)) : (E(), o("button", {
+			}, "...", 8, zf)) : (E(), o("button", {
 				key: 1,
 				type: "button",
 				class: b(["coar-pagination-button coar-pagination-button--page", { "coar-pagination-button--active": n.page === l.value }]),
@@ -10884,7 +11790,7 @@ var Jd = [
 				"aria-current": n.page === l.value ? "page" : void 0,
 				"aria-label": z(c)("coar.ui.pagination.goToPage", { page: n.page }, "Go to page " + n.page),
 				onClick: (e) => g(n.page)
-			}, I(n.page), 11, xf))], 64))), 128)),
+			}, I(n.page), 11, Bf))], 64))), 128)),
 			s("button", {
 				type: "button",
 				class: "coar-pagination-button coar-pagination-button--nav",
@@ -10894,7 +11800,7 @@ var Jd = [
 			}, [u(Q, {
 				name: "chevron-right",
 				size: "s"
-			})], 8, Sf),
+			})], 8, Vf),
 			t.showFirstLast ? (E(), o("button", {
 				key: 1,
 				type: "button",
@@ -10905,22 +11811,22 @@ var Jd = [
 			}, [u(Q, {
 				name: "chevrons-right",
 				size: "s"
-			})], 8, Cf)) : a("", !0)
-		])], 10, gf));
+			})], 8, Hf)) : a("", !0)
+		])], 10, Ff));
 	}
 }), [["__scopeId", "data-v-9e40bd44"]]);
 //#endregion
 //#region src/components/sidebar/sidebar-context.ts
-function Tf(e) {
+function Wf(e) {
 	return e === "top" || e === "bottom" ? "horizontal" : "vertical";
 }
-var Ef = Symbol("sidebar-collapsed"), Df = Symbol("sidebar-icon-size"), Of = Symbol("sidebar-side"), kf = Symbol("sidebar-flyout-icon-only"), Af = Symbol("sidebar-flyout-parent"), jf = ["aria-label"], Mf = {
+var Gf = Symbol("sidebar-collapsed"), Kf = Symbol("sidebar-icon-size"), qf = Symbol("sidebar-side"), Jf = Symbol("sidebar-flyout-icon-only"), Yf = Symbol("sidebar-flyout-parent"), Xf = ["aria-label"], Zf = {
 	key: 0,
 	class: "coar-sidebar__header"
-}, Nf = { class: "coar-sidebar__content" }, Pf = {
+}, Qf = { class: "coar-sidebar__content" }, $f = {
 	key: 1,
 	class: "coar-sidebar__footer"
-}, Ff = /* @__PURE__ */ Z(/* @__PURE__ */ d({
+}, ep = /* @__PURE__ */ Z(/* @__PURE__ */ d({
 	__name: "CoarSidebar",
 	props: {
 		side: { default: void 0 },
@@ -10943,8 +11849,8 @@ var Ef = Symbol("sidebar-collapsed"), Df = Symbol("sidebar-icon-size"), Of = Sym
 	},
 	emits: ["update:collapsed"],
 	setup(e) {
-		let t = e, n = r(() => t.side ?? t.position ?? "left"), i = r(() => Tf(n.value)), s = L(t, "collapsed"), c = L(t, "size");
-		D(Ef, s), D(Df, c), D(Of, n);
+		let t = e, n = r(() => t.side ?? t.position ?? "left"), i = r(() => Wf(n.value)), s = L(t, "collapsed"), c = L(t, "size");
+		D(Gf, s), D(Kf, c), D(qf, n);
 		let l = r(() => ({
 			"coar-sidebar": !0,
 			[`coar-sidebar--${t.variant}`]: !0,
@@ -10968,36 +11874,36 @@ var Ef = Symbol("sidebar-collapsed"), Df = Symbol("sidebar-icon-size"), Of = Sym
 			"aria-label": e.ariaLabel || "Sidebar",
 			class: b(l.value)
 		}, [
-			n.$slots.header ? (E(), o("div", Mf, [M(n.$slots, "header", { collapsed: t.collapsed }, void 0, !0)])) : a("", !0),
-			J((E(), o("div", Nf, [M(n.$slots, "default", { collapsed: t.collapsed }, void 0, !0)])), [[z(Ua), u.value]]),
-			n.$slots.footer ? (E(), o("div", Pf, [M(n.$slots, "footer", { collapsed: t.collapsed }, void 0, !0)])) : a("", !0)
-		], 10, jf));
+			n.$slots.header ? (E(), o("div", Zf, [M(n.$slots, "header", { collapsed: t.collapsed }, void 0, !0)])) : a("", !0),
+			J((E(), o("div", Qf, [M(n.$slots, "default", { collapsed: t.collapsed }, void 0, !0)])), [[z(Ua), u.value]]),
+			n.$slots.footer ? (E(), o("div", $f, [M(n.$slots, "footer", { collapsed: t.collapsed }, void 0, !0)])) : a("", !0)
+		], 10, Xf));
 	}
-}), [["__scopeId", "data-v-656c121e"]]), If = [
+}), [["__scopeId", "data-v-656c121e"]]), tp = [
 	"href",
 	"aria-disabled",
 	"aria-current",
 	"tabindex",
 	"onClick"
-], Lf = {
+], np = {
 	class: "coar-sidebar-item__icon",
 	"aria-hidden": "true"
-}, Rf = { class: "coar-sidebar-item__label" }, zf = [
+}, rp = { class: "coar-sidebar-item__label" }, ip = [
 	"href",
 	"aria-disabled",
 	"aria-current",
 	"tabindex"
-], Bf = {
+], ap = {
 	class: "coar-sidebar-item__icon",
 	"aria-hidden": "true"
-}, Vf = { class: "coar-sidebar-item__label" }, Hf = [
+}, op = { class: "coar-sidebar-item__label" }, sp = [
 	"aria-disabled",
 	"aria-current",
 	"tabindex"
-], Uf = {
+], cp = {
 	class: "coar-sidebar-item__icon",
 	"aria-hidden": "true"
-}, Wf = { class: "coar-sidebar-item__label" }, Gf = /* @__PURE__ */ Z(/* @__PURE__ */ d({
+}, lp = { class: "coar-sidebar-item__label" }, up = /* @__PURE__ */ Z(/* @__PURE__ */ d({
 	__name: "CoarSidebarItem",
 	props: {
 		label: {},
@@ -11014,7 +11920,7 @@ var Ef = Symbol("sidebar-collapsed"), Df = Symbol("sidebar-icon-size"), Of = Sym
 	},
 	emits: ["click"],
 	setup(e, { emit: t }) {
-		let n = e, a = t, c = m(Ef, A(!1)), l = m(Df, A("m")), d = m(Of, A("left")), f = m(kf, A(!1)), { RouterLink: p, hasRouterLink: h, warnIfMisconfigured: g } = bo();
+		let n = e, a = t, c = m(Gf, A(!1)), l = m(Kf, A("m")), d = m(qf, A("left")), f = m(Jf, A(!1)), { RouterLink: p, hasRouterLink: h, warnIfMisconfigured: g } = bo();
 		G(() => n.to, (e) => g(e, "CoarSidebarItem"), { immediate: !0 });
 		let _ = r(() => {
 			switch (d.value) {
@@ -11031,7 +11937,7 @@ var Ef = Symbol("sidebar-collapsed"), Df = Symbol("sidebar-icon-size"), Of = Sym
 			content: n.label,
 			placement: _.value,
 			openDelay: 200
-		} : !1), y = r(() => Tf(d.value)), x = r(() => n.to !== void 0 && n.to !== null);
+		} : !1), y = r(() => Wf(d.value)), x = r(() => n.to !== void 0 && n.to !== null);
 		function S(e) {
 			let t = n.active ?? e;
 			return [
@@ -11076,10 +11982,10 @@ var Ef = Symbol("sidebar-collapsed"), Df = Symbol("sidebar-icon-size"), Of = Sym
 				"aria-current": C(t),
 				tabindex: n.disabled ? -1 : void 0,
 				onClick: (e) => T(e, r)
-			}, [s("span", Lf, [u(Q, {
+			}, [s("span", np, [u(Q, {
 				name: n.icon || "square-dashed",
 				size: z(l)
-			}, null, 8, ["name", "size"])]), s("span", Rf, I(n.label), 1)], 10, If)), [[z(Bc), v.value]])]),
+			}, null, 8, ["name", "size"])]), s("span", rp, I(n.label), 1)], 10, tp)), [[z(Bc), v.value]])]),
 			_: 1
 		}, 8, ["to"])) : x.value ? J((E(), o("a", {
 			key: 1,
@@ -11089,10 +11995,10 @@ var Ef = Symbol("sidebar-collapsed"), Df = Symbol("sidebar-icon-size"), Of = Sym
 			"aria-current": C(!1),
 			tabindex: n.disabled ? -1 : void 0,
 			onClick: T
-		}, [s("span", Bf, [u(Q, {
+		}, [s("span", ap, [u(Q, {
 			name: n.icon || "square-dashed",
 			size: z(l)
-		}, null, 8, ["name", "size"])]), s("span", Vf, I(n.label), 1)], 10, zf)), [[z(Bc), v.value]]) : J((E(), o("div", {
+		}, null, 8, ["name", "size"])]), s("span", op, I(n.label), 1)], 10, ip)), [[z(Bc), v.value]]) : J((E(), o("div", {
 			key: 2,
 			role: "menuitem",
 			class: b(["coar-sidebar-item", S(!1)]),
@@ -11101,12 +12007,12 @@ var Ef = Symbol("sidebar-collapsed"), Df = Symbol("sidebar-icon-size"), Of = Sym
 			tabindex: n.disabled ? -1 : 0,
 			onClick: w,
 			onKeydown: D
-		}, [s("span", Uf, [u(Q, {
+		}, [s("span", cp, [u(Q, {
 			name: n.icon || "square-dashed",
 			size: z(l)
-		}, null, 8, ["name", "size"])]), s("span", Wf, I(n.label), 1)], 42, Hf)), [[z(Bc), v.value]]);
+		}, null, 8, ["name", "size"])]), s("span", lp, I(n.label), 1)], 42, sp)), [[z(Bc), v.value]]);
 	}
-}), [["__scopeId", "data-v-bf1b0b6e"]]), Kf = /* @__PURE__ */ d({
+}), [["__scopeId", "data-v-bf1b0b6e"]]), dp = /* @__PURE__ */ d({
 	__name: "SidebarFlyoutProvider",
 	props: {
 		iconOnly: { type: Boolean },
@@ -11114,12 +12020,12 @@ var Ef = Symbol("sidebar-collapsed"), Df = Symbol("sidebar-icon-size"), Of = Sym
 	},
 	setup(e) {
 		let t = e;
-		return D(kf, L(t, "iconOnly")), D(Af, t.parentControl), (e, t) => M(e.$slots, "default");
+		return D(Jf, L(t, "iconOnly")), D(Yf, t.parentControl), (e, t) => M(e.$slots, "default");
 	}
-}), qf = ["id"], Jf = {
+}), fp = ["id"], pp = {
 	key: 0,
 	class: "coar-sidebar-flyout__header"
-}, Yf = { class: "coar-sidebar-flyout__items" }, Xf = /* @__PURE__ */ d({
+}, mp = { class: "coar-sidebar-flyout__items" }, hp = /* @__PURE__ */ d({
 	__name: "CoarSidebarFlyoutPanel",
 	props: {
 		id: {
@@ -11145,7 +12051,7 @@ var Ef = Symbol("sidebar-collapsed"), Df = Symbol("sidebar-icon-size"), Of = Sym
 	},
 	emits: ["flyoutEnter", "flyoutLeave"],
 	setup(e) {
-		return (t, n) => (E(), i(Kf, {
+		return (t, n) => (E(), i(dp, {
 			"icon-only": e.iconOnly,
 			"parent-control": e.parentControl
 		}, {
@@ -11155,19 +12061,19 @@ var Ef = Symbol("sidebar-collapsed"), Df = Symbol("sidebar-icon-size"), Of = Sym
 				role: "menu",
 				onMouseenter: n[0] ||= (e) => t.$emit("flyoutEnter"),
 				onMouseleave: n[1] ||= (e) => t.$emit("flyoutLeave")
-			}, [e.iconOnly ? a("", !0) : (E(), o("div", Jf, I(e.label), 1)), s("div", Yf, [(E(), i(N({ render: e.renderContent })))])], 42, qf)]),
+			}, [e.iconOnly ? a("", !0) : (E(), o("div", pp, I(e.label), 1)), s("div", mp, [(E(), i(N({ render: e.renderContent })))])], 42, fp)]),
 			_: 1
 		}, 8, ["icon-only", "parent-control"]));
 	}
-}), Zf = [
+}), gp = [
 	"aria-expanded",
 	"aria-disabled",
 	"tabindex",
 	"onKeydown"
-], Qf = {
+], _p = {
 	class: "coar-sidebar-group__icon",
 	"aria-hidden": "true"
-}, $f = { class: "coar-sidebar-group__caret" }, ep = { class: "coar-sidebar-group__label" }, tp = ["aria-hidden"], np = { class: "coar-sidebar-group__panel-inner" }, rp = /* @__PURE__ */ Z(/* @__PURE__ */ d({
+}, vp = { class: "coar-sidebar-group__caret" }, yp = { class: "coar-sidebar-group__label" }, bp = ["aria-hidden"], xp = { class: "coar-sidebar-group__panel-inner" }, Sp = /* @__PURE__ */ Z(/* @__PURE__ */ d({
 	__name: "CoarSidebarGroup",
 	props: /* @__PURE__ */ _({
 		label: {},
@@ -11202,7 +12108,7 @@ var Ef = Symbol("sidebar-collapsed"), Df = Symbol("sidebar-icon-size"), Of = Sym
 	}),
 	emits: /* @__PURE__ */ _(["triggerClick"], ["update:open"]),
 	setup(e, { emit: t }) {
-		let n = `coar-sidebar-group-${B()}`, i = e, c = t, l = V(e, "open"), d = m(Ef, A(!1)), f = m(Df, A("m")), p = m(Of, A("left")), h = r(() => Tf(p.value)), _ = m(kf, A(!1)), v = r(() => i.iconOnly ?? _.value), y = r(() => l.value), x = r(() => i.mode === "flyout"), S = H(), w = A(!1), T = A(null), D = null, O = null, k = null, j = m(Af, null), N = {
+		let n = `coar-sidebar-group-${B()}`, i = e, c = t, l = V(e, "open"), d = m(Gf, A(!1)), f = m(Kf, A("m")), p = m(qf, A("left")), h = r(() => Wf(p.value)), _ = m(Jf, A(!1)), v = r(() => i.iconOnly ?? _.value), y = r(() => l.value), x = r(() => i.mode === "flyout"), S = H(), w = A(!1), T = A(null), D = null, O = null, k = null, j = m(Yf, null), N = {
 			cancelClose: () => {
 				oe(), j?.cancelClose();
 			},
@@ -11289,7 +12195,7 @@ var Ef = Symbol("sidebar-collapsed"), Df = Symbol("sidebar-icon-size"), Of = Sym
 				},
 				content: {
 					kind: "component",
-					component: g(Xf)
+					component: g(hp)
 				},
 				inputs: {
 					id: n,
@@ -11362,53 +12268,53 @@ var Ef = Symbol("sidebar-collapsed"), Df = Symbol("sidebar-icon-size"), Of = Sym
 			onMouseenter: X,
 			onMouseleave: le
 		}, [
-			s("span", Qf, [u(Q, {
+			s("span", _p, [u(Q, {
 				name: i.icon || "square-dashed",
 				size: z(f)
-			}, null, 8, ["name", "size"]), s("span", $f, [u(Q, {
+			}, null, 8, ["name", "size"]), s("span", vp, [u(Q, {
 				name: x.value ? w.value ? U.value : R.value : y.value ? "minus" : "plus",
 				size: "xs"
 			}, null, 8, ["name"])])]),
-			s("span", ep, I(i.label), 1),
+			s("span", yp, I(i.label), 1),
 			u(Q, {
 				name: x.value ? w.value ? U.value : R.value : y.value ? "minus" : "plus",
 				size: "xs",
 				class: "coar-sidebar-group__chevron",
 				"aria-hidden": "true"
 			}, null, 8, ["name"])
-		], 42, Zf)), [[z(Bc), L.value]]), x.value ? a("", !0) : (E(), o("div", {
+		], 42, gp)), [[z(Bc), L.value]]), x.value ? a("", !0) : (E(), o("div", {
 			key: 0,
 			id: n,
 			class: b(["coar-sidebar-group__panel", { "coar-sidebar-group__panel--open": y.value }]),
 			"aria-hidden": !y.value || void 0,
 			role: "group"
-		}, [s("div", np, [M(e.$slots, "default", {}, void 0, !0)])], 10, tp))], 2));
+		}, [s("div", xp, [M(e.$slots, "default", {}, void 0, !0)])], 10, bp))], 2));
 	}
-}), [["__scopeId", "data-v-898af6bb"]]), ip = {
+}), [["__scopeId", "data-v-898af6bb"]]), Cp = {
 	key: 0,
 	class: "coar-sidebar-heading__text"
-}, ap = /* @__PURE__ */ Z(/* @__PURE__ */ d({
+}, wp = /* @__PURE__ */ Z(/* @__PURE__ */ d({
 	__name: "CoarSidebarHeading",
 	props: { label: {} },
 	setup(e) {
-		let t = e, n = m(Ef, A(!1));
+		let t = e, n = m(Gf, A(!1));
 		return (e, r) => (E(), o("div", {
 			class: b(["coar-sidebar-heading", { "coar-sidebar-heading--collapsed": z(n) }]),
 			role: "heading",
 			"aria-level": "3"
-		}, [z(n) ? a("", !0) : (E(), o("span", ip, I(t.label), 1))], 2));
+		}, [z(n) ? a("", !0) : (E(), o("span", Cp, I(t.label), 1))], 2));
 	}
-}), [["__scopeId", "data-v-99fb2c2f"]]), op = ["aria-orientation"], sp = /* @__PURE__ */ Z(/* @__PURE__ */ d({
+}), [["__scopeId", "data-v-99fb2c2f"]]), Tp = ["aria-orientation"], Ep = /* @__PURE__ */ Z(/* @__PURE__ */ d({
 	__name: "CoarSidebarDivider",
 	setup(e) {
-		let t = m(Ef, A(!1)), n = m(Of, A("left")), i = r(() => Tf(n.value));
+		let t = m(Gf, A(!1)), n = m(qf, A("left")), i = r(() => Wf(n.value));
 		return (e, n) => (E(), o("div", {
 			class: b(["coar-sidebar-divider", [`coar-sidebar-divider--${i.value}`, { "coar-sidebar-divider--collapsed": z(t) }]]),
 			role: "separator",
 			"aria-orientation": i.value === "horizontal" ? "vertical" : "horizontal"
-		}, null, 10, op));
+		}, null, 10, Tp));
 	}
-}), [["__scopeId", "data-v-9bdfe627"]]), cp = /* @__PURE__ */ Z(/* @__PURE__ */ d({
+}), [["__scopeId", "data-v-9bdfe627"]]), Dp = /* @__PURE__ */ Z(/* @__PURE__ */ d({
 	__name: "CoarSidebarSpacer",
 	props: {
 		height: { default: void 0 },
@@ -11425,16 +12331,16 @@ var Ef = Symbol("sidebar-collapsed"), Df = Symbol("sidebar-icon-size"), Of = Sym
 			"aria-hidden": "true"
 		}, null, 6));
 	}
-}), [["__scopeId", "data-v-502139f5"]]), lp = {
+}), [["__scopeId", "data-v-502139f5"]]), Op = {
 	key: 0,
 	class: "coar-navbar__start"
-}, up = {
+}, kp = {
 	key: 1,
 	class: "coar-navbar__center"
-}, dp = {
+}, Ap = {
 	key: 2,
 	class: "coar-navbar__end"
-}, fp = /* @__PURE__ */ Z(/* @__PURE__ */ d({
+}, jp = /* @__PURE__ */ Z(/* @__PURE__ */ d({
 	__name: "CoarNavbar",
 	props: {
 		elevated: {
@@ -11454,17 +12360,17 @@ var Ef = Symbol("sidebar-collapsed"), Df = Symbol("sidebar-icon-size"), Of = Sym
 			}]),
 			role: "banner"
 		}, [
-			t.$slots.start ? (E(), o("div", lp, [M(t.$slots, "start", {}, void 0, !0)])) : a("", !0),
+			t.$slots.start ? (E(), o("div", Op, [M(t.$slots, "start", {}, void 0, !0)])) : a("", !0),
 			n[0] ||= s("div", { class: "coar-navbar__spacer" }, null, -1),
-			t.$slots.center ? (E(), o("div", up, [M(t.$slots, "center", {}, void 0, !0)])) : a("", !0),
+			t.$slots.center ? (E(), o("div", kp, [M(t.$slots, "center", {}, void 0, !0)])) : a("", !0),
 			n[1] ||= s("div", { class: "coar-navbar__spacer" }, null, -1),
-			t.$slots.end ? (E(), o("div", dp, [M(t.$slots, "end", {}, void 0, !0)])) : a("", !0)
+			t.$slots.end ? (E(), o("div", Ap, [M(t.$slots, "end", {}, void 0, !0)])) : a("", !0)
 		], 2));
 	}
 }), [["__scopeId", "data-v-c7eb4106"]]);
 //#endregion
 //#region src/components/date-time/_shared/time-helpers.ts
-function pp(e) {
+function Mp(e) {
 	try {
 		return new Intl.DateTimeFormat(e, {
 			hour: "numeric",
@@ -11474,13 +12380,13 @@ function pp(e) {
 		return !1;
 	}
 }
-function mp(e, t, n) {
+function Np(e, t, n) {
 	let r = String(t).padStart(2, "0");
 	if (n) return `${String(e).padStart(2, "0")}:${r}`;
 	let i = e >= 12 ? "PM" : "AM", a = e % 12;
 	return a === 0 && (a = 12), `${a}:${r} ${i}`;
 }
-function hp(e) {
+function Pp(e) {
 	if (!e || typeof e != "string") return null;
 	let t = e.trim().toUpperCase(), n = t.match(/^(\d{1,2}):(\d{2})\s*(AM|PM)$/);
 	if (n) {
@@ -11500,41 +12406,41 @@ function hp(e) {
 	}
 	return null;
 }
-function gp(e) {
+function Fp(e) {
 	let t = e >= 12 ? "PM" : "AM", n = e % 12;
 	return n === 0 && (n = 12), {
 		hours: n,
 		period: t
 	};
 }
-function _p(e, t) {
+function Ip(e, t) {
 	return t === "AM" ? e === 12 ? 0 : e : e === 12 ? 12 : e + 12;
 }
-function vp(e, t) {
+function Lp(e, t) {
 	let n = (e + t) % 24;
 	return n < 0 ? n + 24 : n;
 }
-function yp(e, t, n = 1) {
+function Rp(e, t, n = 1) {
 	let r = e + t * n, i = 0, a = r;
 	return r >= 60 ? (i = Math.floor(r / 60), a = r % 60) : r < 0 && (i = Math.floor(r / 60), a = (r % 60 + 60) % 60), {
 		minutes: a,
 		hourDelta: i
 	};
 }
-function bp(e, t) {
+function zp(e, t) {
 	return Math.round(e / t) * t;
 }
 //#endregion
 //#region src/components/date-time/time-picker/CoarTimePicker.vue?vue&type=script&setup=true&lang.ts
-var xp = ["aria-label"], Sp = { class: "coar-time-picker__spinner coar-time-picker__hours" }, Cp = ["disabled", "aria-label"], wp = [
+var Bp = ["aria-label"], Vp = { class: "coar-time-picker__spinner coar-time-picker__hours" }, Hp = ["disabled", "aria-label"], Up = [
 	"aria-valuenow",
 	"aria-valuemin",
 	"aria-valuemax",
 	"aria-label"
-], Tp = ["disabled", "aria-label"], Ep = { class: "coar-time-picker__spinner coar-time-picker__minutes" }, Dp = ["disabled", "aria-label"], Op = ["aria-valuenow", "aria-label"], kp = ["disabled", "aria-label"], Ap = {
+], Wp = ["disabled", "aria-label"], Gp = { class: "coar-time-picker__spinner coar-time-picker__minutes" }, Kp = ["disabled", "aria-label"], qp = ["aria-valuenow", "aria-label"], Jp = ["disabled", "aria-label"], Yp = {
 	key: 0,
 	class: "coar-time-picker__spinner coar-time-picker__period"
-}, jp = ["disabled"], Mp = ["aria-valuenow", "aria-valuetext"], Np = ["disabled"], Pp = /* @__PURE__ */ Z(/* @__PURE__ */ d({
+}, Xp = ["disabled"], Zp = ["aria-valuenow", "aria-valuetext"], Qp = ["disabled"], $p = /* @__PURE__ */ Z(/* @__PURE__ */ d({
 	__name: "CoarTimePicker",
 	props: /* @__PURE__ */ _({
 		size: { default: "m" },
@@ -11563,9 +12469,9 @@ var xp = ["aria-label"], Sp = { class: "coar-time-picker__spinner coar-time-pick
 	setup(e) {
 		let t = e, n = V(e, "modelValue"), { t: i } = Y(), c = ne(), l = r(() => t.locale ?? c?.language.value ?? navigator.language), d = A(9), f = A(0), p = A("AM");
 		G(n, (e) => {
-			e && (d.value = e.hours, f.value = bp(e.minutes, t.minuteStep), p.value = e.hours >= 12 ? "PM" : "AM");
+			e && (d.value = e.hours, f.value = zp(e.minutes, t.minuteStep), p.value = e.hours >= 12 ? "PM" : "AM");
 		}, { immediate: !0 });
-		let m = r(() => t.use24Hour === !0 ? !1 : t.use24Hour === !1 ? !0 : pp(l.value)), h = r(() => m.value ? gp(d.value).hours : d.value), g = r(() => f.value), _ = r(() => +!!m.value), v = r(() => m.value ? 12 : 23), y = r(() => t.size === "xs" ? "xs" : "s");
+		let m = r(() => t.use24Hour === !0 ? !1 : t.use24Hour === !1 ? !0 : Mp(l.value)), h = r(() => m.value ? Fp(d.value).hours : d.value), g = r(() => f.value), _ = r(() => +!!m.value), v = r(() => m.value ? 12 : 23), y = r(() => t.size === "xs" ? "xs" : "s");
 		function x(e) {
 			return e.hours * 60 + e.minutes;
 		}
@@ -11600,11 +12506,11 @@ var xp = ["aria-label"], Sp = { class: "coar-time-picker__spinner coar-time-pick
 			if (!(t.disabled || t.readonly || S.value)) {
 				if (m.value) {
 					let e = h.value, t = e + 1;
-					if (t > 12 && (t = 1), d.value = _p(t, p.value), e === 11) {
+					if (t > 12 && (t = 1), d.value = Ip(t, p.value), e === 11) {
 						F();
 						return;
 					}
-				} else d.value = vp(d.value, 1);
+				} else d.value = Lp(d.value, 1);
 				k();
 			}
 		}
@@ -11612,28 +12518,28 @@ var xp = ["aria-label"], Sp = { class: "coar-time-picker__spinner coar-time-pick
 			if (!(t.disabled || t.readonly || C.value)) {
 				if (m.value) {
 					let e = h.value, t = e - 1;
-					if (t < 1 && (t = 12), d.value = _p(t, p.value), e === 12) {
+					if (t < 1 && (t = 12), d.value = Ip(t, p.value), e === 12) {
 						F();
 						return;
 					}
-				} else d.value = vp(d.value, -1);
+				} else d.value = Lp(d.value, -1);
 				k();
 			}
 		}
 		function N() {
 			if (t.disabled || t.readonly || w.value) return;
-			let { minutes: e, hourDelta: n } = yp(f.value, 1, t.minuteStep);
-			f.value = e, n !== 0 && (d.value = vp(d.value, n), p.value = d.value >= 12 ? "PM" : "AM"), k();
+			let { minutes: e, hourDelta: n } = Rp(f.value, 1, t.minuteStep);
+			f.value = e, n !== 0 && (d.value = Lp(d.value, n), p.value = d.value >= 12 ? "PM" : "AM"), k();
 		}
 		function P() {
 			if (t.disabled || t.readonly || T.value) return;
-			let { minutes: e, hourDelta: n } = yp(f.value, -1, t.minuteStep);
-			f.value = e, n !== 0 && (d.value = vp(d.value, n), p.value = d.value >= 12 ? "PM" : "AM"), k();
+			let { minutes: e, hourDelta: n } = Rp(f.value, -1, t.minuteStep);
+			f.value = e, n !== 0 && (d.value = Lp(d.value, n), p.value = d.value >= 12 ? "PM" : "AM"), k();
 		}
 		function F() {
 			if (t.disabled || t.readonly || !m.value) return;
 			let e = p.value === "AM" ? "PM" : "AM";
-			e === "AM" && D.value || e === "PM" && O.value || (p.value = e, d.value = _p(h.value, e), k());
+			e === "AM" && D.value || e === "PM" && O.value || (p.value = e, d.value = Ip(h.value, e), k());
 		}
 		function L(e) {
 			t.disabled || t.readonly || (e.key === "ArrowUp" ? (e.preventDefault(), j()) : e.key === "ArrowDown" && (e.preventDefault(), M()));
@@ -11657,7 +12563,7 @@ var xp = ["aria-label"], Sp = { class: "coar-time-picker__spinner coar-time-pick
 			role: "group",
 			"aria-label": e.ariaLabel
 		}, [
-			s("div", Sp, [
+			s("div", Vp, [
 				s("button", {
 					type: "button",
 					class: "coar-time-picker__btn coar-time-picker__btn--up",
@@ -11668,7 +12574,7 @@ var xp = ["aria-label"], Sp = { class: "coar-time-picker__spinner coar-time-pick
 				}, [u(Q, {
 					name: "chevron-up",
 					size: y.value
-				}, null, 8, ["size"])], 8, Cp),
+				}, null, 8, ["size"])], 8, Hp),
 				s("div", {
 					class: "coar-time-picker__value",
 					role: "spinbutton",
@@ -11678,7 +12584,7 @@ var xp = ["aria-label"], Sp = { class: "coar-time-picker__spinner coar-time-pick
 					"aria-valuemax": v.value,
 					"aria-label": z(i)("coar.ui.timePicker.hours", void 0, "Hours"),
 					onKeydown: L
-				}, I(h.value.toString().padStart(2, "0")), 41, wp),
+				}, I(h.value.toString().padStart(2, "0")), 41, Up),
 				s("button", {
 					type: "button",
 					class: "coar-time-picker__btn coar-time-picker__btn--down",
@@ -11689,13 +12595,13 @@ var xp = ["aria-label"], Sp = { class: "coar-time-picker__spinner coar-time-pick
 				}, [u(Q, {
 					name: "chevron-down",
 					size: y.value
-				}, null, 8, ["size"])], 8, Tp)
+				}, null, 8, ["size"])], 8, Wp)
 			]),
 			n[0] ||= s("span", {
 				class: "coar-time-picker__separator",
 				"aria-hidden": "true"
 			}, ":", -1),
-			s("div", Ep, [
+			s("div", Gp, [
 				s("button", {
 					type: "button",
 					class: "coar-time-picker__btn coar-time-picker__btn--up",
@@ -11706,7 +12612,7 @@ var xp = ["aria-label"], Sp = { class: "coar-time-picker__spinner coar-time-pick
 				}, [u(Q, {
 					name: "chevron-up",
 					size: y.value
-				}, null, 8, ["size"])], 8, Dp),
+				}, null, 8, ["size"])], 8, Kp),
 				s("div", {
 					class: "coar-time-picker__value",
 					role: "spinbutton",
@@ -11716,7 +12622,7 @@ var xp = ["aria-label"], Sp = { class: "coar-time-picker__spinner coar-time-pick
 					"aria-valuemax": "59",
 					"aria-label": z(i)("coar.ui.timePicker.minutes", void 0, "Minutes"),
 					onKeydown: R
-				}, I(g.value.toString().padStart(2, "0")), 41, Op),
+				}, I(g.value.toString().padStart(2, "0")), 41, qp),
 				s("button", {
 					type: "button",
 					class: "coar-time-picker__btn coar-time-picker__btn--down",
@@ -11727,9 +12633,9 @@ var xp = ["aria-label"], Sp = { class: "coar-time-picker__spinner coar-time-pick
 				}, [u(Q, {
 					name: "chevron-down",
 					size: y.value
-				}, null, 8, ["size"])], 8, kp)
+				}, null, 8, ["size"])], 8, Jp)
 			]),
-			m.value ? (E(), o("div", Ap, [
+			m.value ? (E(), o("div", Yp, [
 				s("button", {
 					type: "button",
 					class: "coar-time-picker__btn coar-time-picker__btn--up",
@@ -11740,7 +12646,7 @@ var xp = ["aria-label"], Sp = { class: "coar-time-picker__spinner coar-time-pick
 				}, [u(Q, {
 					name: "chevron-up",
 					size: y.value
-				}, null, 8, ["size"])], 8, jp),
+				}, null, 8, ["size"])], 8, Xp),
 				s("div", {
 					class: "coar-time-picker__value coar-time-picker__period-value",
 					role: "spinbutton",
@@ -11751,7 +12657,7 @@ var xp = ["aria-label"], Sp = { class: "coar-time-picker__spinner coar-time-pick
 					"aria-valuetext": p.value,
 					"aria-label": "AM/PM",
 					onKeydown: B
-				}, I(p.value), 41, Mp),
+				}, I(p.value), 41, Zp),
 				s("button", {
 					type: "button",
 					class: "coar-time-picker__btn coar-time-picker__btn--down",
@@ -11762,14 +12668,14 @@ var xp = ["aria-label"], Sp = { class: "coar-time-picker__spinner coar-time-pick
 				}, [u(Q, {
 					name: "chevron-down",
 					size: y.value
-				}, null, 8, ["size"])], 8, Np)
+				}, null, 8, ["size"])], 8, Qp)
 			])) : a("", !0)
-		], 8, xp)], 2));
+		], 8, Bp)], 2));
 	}
 }), [["__scopeId", "data-v-a5cd4780"]]);
 //#endregion
 //#region src/components/date-time/_shared/date-helpers.ts
-function Fp(e) {
+function em(e) {
 	try {
 		let t = new Intl.DateTimeFormat(e).formatToParts(new Date(2024, 0, 15)), n = t.findIndex((e) => e.type === "day"), r = t.findIndex((e) => e.type === "month"), i = t.findIndex((e) => e.type === "year");
 		return n === -1 || r === -1 || i === -1 ? null : n < r && r < i ? "dd.mm.yyyy" : r < n && n < i ? "mm/dd/yyyy" : i < r && r < n ? "yyyy-mm-dd" : null;
@@ -11777,7 +12683,7 @@ function Fp(e) {
 		return null;
 	}
 }
-function Ip(e) {
+function tm(e) {
 	try {
 		let t = new Intl.Locale(e);
 		return (t.getWeekInfo?.() ?? t.weekInfo)?.firstDay === 7 ? 7 : 1;
@@ -11785,10 +12691,10 @@ function Ip(e) {
 		return 1;
 	}
 }
-function Lp(e) {
+function nm(e) {
 	return e.includes(".") ? "." : e.includes("/") ? "/" : "-";
 }
-function Rp(e, t) {
+function rm(e, t) {
 	let n = new Intl.DateTimeFormat(e, { weekday: "short" }), r = [];
 	for (let e = 0; e < 7; e++) {
 		let t = new Date(2024, 0, 1 + e);
@@ -11800,8 +12706,8 @@ function Rp(e, t) {
 	}
 	return r;
 }
-function zp(e, t) {
-	let n = Lp(t), r = String(e.day).padStart(2, "0"), i = String(e.month).padStart(2, "0"), a = String(e.year);
+function im(e, t) {
+	let n = nm(t), r = String(e.day).padStart(2, "0"), i = String(e.month).padStart(2, "0"), a = String(e.year);
 	switch (t) {
 		case "dd.mm.yyyy":
 		case "dd/mm/yyyy": return `${r}${n}${i}${n}${a}`;
@@ -11810,9 +12716,9 @@ function zp(e, t) {
 		default: return `${r}${n}${i}${n}${a}`;
 	}
 }
-function Bp(e, t, n) {
+function am(e, t, n) {
 	if (!e) return null;
-	let r = Lp(t), i = e.split(r);
+	let r = nm(t), i = e.split(r);
 	if (i.length !== 3 || i.some((e) => e.length === 0 || !/^\d+$/.test(e))) return null;
 	let a, o, s;
 	try {
@@ -11840,19 +12746,19 @@ function Bp(e, t, n) {
 		return null;
 	}
 }
-function Vp(e) {
+function om(e) {
 	return new Date(e.year, e.month - 1, e.day);
 }
-function Hp(e) {
-	let t = Vp(e), n = t.getDay() || 7;
+function sm(e) {
+	let t = om(e), n = t.getDay() || 7;
 	t.setDate(t.getDate() + 4 - n);
 	let r = new Date(t.getFullYear(), 0, 1);
 	return Math.ceil(((t.getTime() - r.getTime()) / 864e5 + 1) / 7);
 }
-function Up(e, t) {
+function cm(e, t) {
 	return t?.min && X.PlainDate.compare(e, t.min) < 0 ? t.min : t?.max && X.PlainDate.compare(e, t.max) > 0 ? t.max : e;
 }
-function Wp(e, t) {
+function lm(e, t) {
 	let n = e.toPlainDate({ day: 1 }), r = e.daysInMonth, i = n.dayOfWeek, a;
 	a = t === 1 ? (i - 1 + 7) % 7 : i % 7;
 	let o = [];
@@ -11876,20 +12782,20 @@ function Wp(e, t) {
 }
 //#endregion
 //#region src/components/date-time/scrollable-calendar/CoarScrollableCalendar.vue?vue&type=script&setup=true&lang.ts
-var Gp = {
+var um = {
 	key: 0,
 	class: "coar-scrollable-calendar__week-spacer"
-}, Kp = ["id", "data-year-month"], qp = { class: "coar-scrollable-calendar__month-name" }, Jp = { class: "coar-scrollable-calendar__month-year" }, Yp = {
+}, dm = ["id", "data-year-month"], fm = { class: "coar-scrollable-calendar__month-name" }, pm = { class: "coar-scrollable-calendar__month-year" }, mm = {
 	key: 0,
 	class: "coar-scrollable-calendar__week-number"
-}, Xp = [
+}, hm = [
 	"disabled",
 	"tabindex",
 	"data-date",
 	"aria-selected",
 	"aria-current",
 	"onClick"
-], Zp = 12, Qp = 12, $p = 6, em = 25, tm = /* @__PURE__ */ Z(/* @__PURE__ */ d({
+], gm = 12, _m = 12, vm = 6, ym = 25, bm = /* @__PURE__ */ Z(/* @__PURE__ */ d({
 	__name: "CoarScrollableCalendar",
 	props: /* @__PURE__ */ _({
 		min: { default: null },
@@ -11915,13 +12821,13 @@ var Gp = {
 	setup(t, { emit: n }) {
 		let i = t, c = V(t, "modelValue"), l = V(t, "activeMonth"), u = n, d = ne(), f = r(() => i.locale ?? d?.language.value ?? navigator.language), p = r(() => {
 			if (i.dateFormatConfig) return i.dateFormatConfig;
-			let e = Fp(f.value), t = Ip(f.value);
+			let e = em(f.value), t = tm(f.value);
 			return {
 				pattern: e ?? "dd.mm.yyyy",
 				firstDayOfWeek: t
 			};
 		}), m = r(() => p.value.firstDayOfWeek), h = r(() => X.Now.plainDateISO()), g = r(() => {
-			let e = Rp(f.value, m.value), t = m.value;
+			let e = rm(f.value, m.value), t = m.value;
 			return e.map((e, n) => {
 				let r;
 				return r = t === 1 ? n + 1 : n === 0 ? 7 : n, {
@@ -11929,7 +12835,7 @@ var Gp = {
 					isWeekend: r === 6 || r === 7
 				};
 			});
-		}), _ = A(X.Now.plainDateISO().toPlainYearMonth().subtract({ months: Zp })), v = A(X.Now.plainDateISO().toPlainYearMonth().add({ months: Qp })), x = A(null), S = A(null), T = A(!1), D = !1, O = !1, k = !1;
+		}), _ = A(X.Now.plainDateISO().toPlainYearMonth().subtract({ months: gm })), v = A(X.Now.plainDateISO().toPlainYearMonth().add({ months: _m })), x = A(null), S = A(null), T = A(!1), D = !1, O = !1, k = !1;
 		function M() {
 			let e = S.value;
 			return e ? e.querySelector("[data-overlayscrollbars-viewport]") ?? e : null;
@@ -11956,8 +12862,8 @@ var Gp = {
 			};
 		}
 		function F(e) {
-			let t = f.value, n = new Intl.DateTimeFormat(t, { month: "long" }).format(new Date(e.year, e.month - 1, 1)), r = Wp(e, m.value), i = r.map((e) => P(e.date, e.isOutsideMonth)), a = [];
-			for (let e = 0; e < 6; e++) a.push(Hp(r[e * 7].date));
+			let t = f.value, n = new Intl.DateTimeFormat(t, { month: "long" }).format(new Date(e.year, e.month - 1, 1)), r = lm(e, m.value), i = r.map((e) => P(e.date, e.isOutsideMonth)), a = [];
+			for (let e = 0; e < 6; e++) a.push(sm(r[e * 7].date));
 			return {
 				yearMonth: e,
 				monthName: n,
@@ -12048,7 +12954,7 @@ var Gp = {
 			if (k) return;
 			k = !0;
 			let e = M(), t = e?.scrollHeight ?? 0, n = i.min?.toPlainYearMonth() ?? null, r = _.value, a = [];
-			for (let e = 0; e < $p; e++) {
+			for (let e = 0; e < vm; e++) {
 				let e = r.subtract({ months: 1 });
 				if (n && X.PlainYearMonth.compare(e, n) < 0) break;
 				r = e, a.unshift(F(r));
@@ -12069,7 +12975,7 @@ var Gp = {
 			if (k) return;
 			k = !0;
 			let e = i.max?.toPlainYearMonth() ?? null, t = v.value, n = [];
-			for (let r = 0; r < $p; r++) {
+			for (let r = 0; r < vm; r++) {
 				let r = t.add({ months: 1 });
 				if (e && X.PlainYearMonth.compare(r, e) > 0) break;
 				t = r, n.push(F(t));
@@ -12084,14 +12990,14 @@ var Gp = {
 		}
 		function Y() {
 			let e = R.value;
-			if (e.length <= em) return;
-			let t = e.slice(0, em);
+			if (e.length <= ym) return;
+			let t = e.slice(0, ym);
 			R.value = t, v.value = t[t.length - 1].yearMonth;
 		}
 		function re() {
 			let e = R.value;
-			if (e.length <= em) return;
-			let t = e.length - em, n = e.slice(t);
+			if (e.length <= ym) return;
+			let t = e.length - ym, n = e.slice(t);
 			R.value = n, _.value = n[0].yearMonth;
 		}
 		function ie(e) {
@@ -12110,7 +13016,7 @@ var Gp = {
 					r = n.add({ years: e });
 					break;
 			}
-			r = Up(r, {
+			r = cm(r, {
 				min: i.min,
 				max: i.max
 			}), x.value = r;
@@ -12174,7 +13080,7 @@ var Gp = {
 		}), (n, r) => (E(), o("div", {
 			class: "coar-scrollable-calendar",
 			onKeydown: oe
-		}, [s("div", { class: b(["coar-scrollable-calendar__weekdays", { "coar-scrollable-calendar__weekdays--with-weeks": t.showWeekNumbers }]) }, [t.showWeekNumbers ? (E(), o("span", Gp)) : a("", !0), (E(!0), o(e, null, j(g.value, (e) => (E(), o("span", {
+		}, [s("div", { class: b(["coar-scrollable-calendar__weekdays", { "coar-scrollable-calendar__weekdays--with-weeks": t.showWeekNumbers }]) }, [t.showWeekNumbers ? (E(), o("span", um)) : a("", !0), (E(!0), o(e, null, j(g.value, (e) => (E(), o("span", {
 			key: e.name,
 			class: b(["coar-scrollable-calendar__weekday", { "coar-scrollable-calendar__weekday--weekend": t.highlightWeekends && e.isWeekend }])
 		}, I(e.name), 3))), 128))], 2), s("div", { class: b(["coar-scrollable-calendar__months-wrapper", { "coar-scrollable-calendar__months-wrapper--ready": T.value }]) }, [J((E(), o("div", {
@@ -12186,10 +13092,10 @@ var Gp = {
 			key: n.yearMonth.toString(),
 			"data-year-month": n.yearMonth.toString(),
 			class: "coar-scrollable-calendar__month"
-		}, [s("div", { class: b(["coar-scrollable-calendar__month-header", { "coar-scrollable-calendar__month-header--with-weeks": t.showWeekNumbers }]) }, [s("span", qp, I(n.monthName), 1), s("span", Jp, I(n.year), 1)], 2), s("div", {
+		}, [s("div", { class: b(["coar-scrollable-calendar__month-header", { "coar-scrollable-calendar__month-header--with-weeks": t.showWeekNumbers }]) }, [s("span", fm, I(n.monthName), 1), s("span", pm, I(n.year), 1)], 2), s("div", {
 			class: b(["coar-scrollable-calendar__grid", { "coar-scrollable-calendar__grid--with-weeks": t.showWeekNumbers }]),
 			role: "grid"
-		}, [(E(!0), o(e, null, j(n.days, (r, i) => (E(), o(e, { key: r.date.toString() }, [t.showWeekNumbers && i % 7 == 0 ? (E(), o("span", Yp, I(n.weekNumbers[i / 7]), 1)) : a("", !0), s("button", {
+		}, [(E(!0), o(e, null, j(n.days, (r, i) => (E(), o(e, { key: r.date.toString() }, [t.showWeekNumbers && i % 7 == 0 ? (E(), o("span", mm, I(n.weekNumbers[i / 7]), 1)) : a("", !0), s("button", {
 			type: "button",
 			class: b(["coar-scrollable-calendar__day", [r.markerCssClass, {
 				"coar-scrollable-calendar__day--outside": r.isOutsideMonth,
@@ -12206,12 +13112,12 @@ var Gp = {
 			"aria-selected": r.isSelected,
 			"aria-current": r.isToday ? "date" : void 0,
 			onClick: (e) => ie(r.date)
-		}, I(r.day), 11, Xp)], 64))), 128))], 2)], 8, Kp))), 128))])), [[z(Ua), {
+		}, I(r.day), 11, hm)], 64))), 128))], 2)], 8, dm))), 128))])), [[z(Ua), {
 			overflowX: "hidden",
 			autoHide: "leave"
 		}]])], 2)], 32));
 	}
-}), [["__scopeId", "data-v-e9dd37f6"]]), nm = { class: "coar-month-list-host" }, rm = { class: "coar-month-list" }, im = { class: "coar-month-list__year-stepper" }, am = ["disabled", "aria-label"], om = { class: "coar-month-list__year" }, sm = ["disabled", "aria-label"], cm = ["aria-label"], lm = ["aria-selected", "onClick"], um = /* @__PURE__ */ Z(/* @__PURE__ */ d({
+}), [["__scopeId", "data-v-e9dd37f6"]]), xm = { class: "coar-month-list-host" }, Sm = { class: "coar-month-list" }, Cm = { class: "coar-month-list__year-stepper" }, wm = ["disabled", "aria-label"], Tm = { class: "coar-month-list__year" }, Em = ["disabled", "aria-label"], Dm = ["aria-label"], Om = ["aria-selected", "onClick"], km = /* @__PURE__ */ Z(/* @__PURE__ */ d({
 	__name: "CoarMonthList",
 	props: /* @__PURE__ */ _({
 		locale: { default: void 0 },
@@ -12268,7 +13174,7 @@ var Gp = {
 			y(() => T());
 		}), w(() => {
 			setTimeout(() => T(), 50);
-		}), (t, n) => (E(), o("div", nm, [s("div", rm, [s("div", im, [
+		}), (t, n) => (E(), o("div", xm, [s("div", Sm, [s("div", Cm, [
 			s("button", {
 				type: "button",
 				class: "coar-month-list__year-btn",
@@ -12278,8 +13184,8 @@ var Gp = {
 			}, [u(Q, {
 				name: "chevron-left",
 				size: "s"
-			})], 8, am),
-			s("span", om, I(p.value), 1),
+			})], 8, wm),
+			s("span", Tm, I(p.value), 1),
 			s("button", {
 				type: "button",
 				class: "coar-month-list__year-btn",
@@ -12289,7 +13195,7 @@ var Gp = {
 			}, [u(Q, {
 				name: "chevron-right",
 				size: "s"
-			})], 8, sm)
+			})], 8, Em)
 		]), J((E(), o("div", {
 			ref_key: "monthsContainerRef",
 			ref: C,
@@ -12303,16 +13209,16 @@ var Gp = {
 			role: "option",
 			"aria-selected": e.isActive,
 			onClick: (t) => S(e.yearMonth)
-		}, I(e.name), 11, lm))), 128))], 8, cm)), [[z(Ua), {
+		}, I(e.name), 11, Om))), 128))], 8, Dm)), [[z(Ua), {
 			overflowX: "hidden",
 			autoHide: "leave"
 		}]])])]));
 	}
-}), [["__scopeId", "data-v-11c8cf34"]]), dm = {
+}), [["__scopeId", "data-v-11c8cf34"]]), Am = {
 	pattern: "dd.mm.yyyy",
 	firstDayOfWeek: 1
 };
-function fm(e) {
+function jm(e) {
 	let t = ne(), n = re(), i = r(() => e.locale?.value ? e.locale.value : t.language.value || navigator.language || "en"), a = r(() => {
 		if (e.dateFormat?.value) return e.dateFormat.value;
 		let n = t.localeData.value;
@@ -12320,12 +13226,12 @@ function fm(e) {
 			pattern: n.date.pattern,
 			firstDayOfWeek: n.date.firstDayOfWeek === 0 ? 7 : n.date.firstDayOfWeek
 		};
-		let r = Fp(i.value), a = Ip(i.value);
+		let r = em(i.value), a = tm(i.value);
 		return r ? {
 			pattern: r,
 			firstDayOfWeek: a
 		} : {
-			...dm,
+			...Am,
 			firstDayOfWeek: a
 		};
 	}), o = r(() => {
@@ -12354,10 +13260,10 @@ function fm(e) {
 }
 //#endregion
 //#region src/components/date-time/_shared/types.ts
-var pm = {
+var Mm = {
 	use24Hour: "auto",
 	minuteStep: 5
-}, mm = {
+}, Nm = {
 	"dd.mm.yyyy": "dd/mm/yyyy",
 	"dd/mm/yyyy": "dd/mm/yyyy",
 	"mm/dd/yyyy": "mm/dd/yyyy",
@@ -12365,28 +13271,28 @@ var pm = {
 };
 //#endregion
 //#region src/components/date-time/_shared/maskito-config.ts
-function hm(e) {
+function Pm(e) {
 	return oe({
-		mode: mm[e],
-		separator: Lp(e)
+		mode: Nm[e],
+		separator: nm(e)
 	});
 }
-function gm(e, t) {
+function Fm(e, t) {
 	return se({
-		dateMode: mm[e],
-		dateSeparator: Lp(e),
+		dateMode: Nm[e],
+		dateSeparator: nm(e),
 		timeMode: t ? "HH:MM AA" : "HH:MM"
 	});
 }
 //#endregion
 //#region src/components/date-time/plain-date-picker/CoarPlainDatePickerPanel.vue?vue&type=script&setup=true&lang.ts
-var _m = { class: "coar-plain-date-picker-calendar-column" }, vm = ["aria-label"], ym = { class: "coar-plain-date-picker-side-column" }, bm = { class: "coar-plain-date-picker-year-stepper" }, xm = ["disabled", "aria-label"], Sm = { class: "coar-plain-date-picker-year" }, Cm = ["disabled", "aria-label"], wm = { class: "coar-plain-date-picker-month-list-wrapper" }, Tm = ["aria-label"], Em = { class: "coar-plain-date-picker-month-list-content" }, Dm = ["aria-selected", "onClick"], Om = {
+var Im = { class: "coar-plain-date-picker-calendar-column" }, Lm = ["aria-label"], Rm = { class: "coar-plain-date-picker-side-column" }, zm = { class: "coar-plain-date-picker-year-stepper" }, Bm = ["disabled", "aria-label"], Vm = { class: "coar-plain-date-picker-year" }, Hm = ["disabled", "aria-label"], Um = { class: "coar-plain-date-picker-month-list-wrapper" }, Wm = ["aria-label"], Gm = { class: "coar-plain-date-picker-month-list-content" }, Km = ["aria-selected", "onClick"], qm = {
 	key: 0,
 	class: "coar-plain-date-picker-events"
-}, km = { class: "coar-plain-date-picker-events-list" }, Am = { class: "coar-plain-date-picker-events-content" }, jm = { class: "coar-plain-date-picker-event-details" }, Mm = { class: "coar-plain-date-picker-event-text" }, Nm = {
+}, Jm = { class: "coar-plain-date-picker-events-list" }, Ym = { class: "coar-plain-date-picker-events-content" }, Xm = { class: "coar-plain-date-picker-event-details" }, Zm = { class: "coar-plain-date-picker-event-text" }, Qm = {
 	key: 0,
 	class: "coar-plain-date-picker-event-dates"
-}, Pm = /* @__PURE__ */ d({
+}, $m = /* @__PURE__ */ d({
 	__name: "CoarPlainDatePickerPanel",
 	props: {
 		modelValue: {},
@@ -12429,7 +13335,7 @@ var _m = { class: "coar-plain-date-picker-calendar-column" }, vm = ["aria-label"
 				return n && r;
 			}) : [];
 		});
-		return (n, r) => (E(), o("div", { class: b(["coar-plain-date-picker-panel", { "coar-plain-date-picker-panel--with-weeks": t.showWeekNumbers }]) }, [s("div", _m, [u(tm, {
+		return (n, r) => (E(), o("div", { class: b(["coar-plain-date-picker-panel", { "coar-plain-date-picker-panel--with-weeks": t.showWeekNumbers }]) }, [s("div", Im, [u(bm, {
 			"model-value": t.modelValue,
 			"active-month": t.activeMonth,
 			min: t.min ?? void 0,
@@ -12462,8 +13368,8 @@ var _m = { class: "coar-plain-date-picker-calendar-column" }, vm = ["aria-label"
 		}, [u(Q, {
 			name: h.value === "up" ? "chevron-up" : "chevron-down",
 			size: "xs"
-		}, null, 8, ["name"])], 8, vm)) : a("", !0)]), s("div", ym, [
-			s("div", bm, [
+		}, null, 8, ["name"])], 8, Lm)) : a("", !0)]), s("div", Rm, [
+			s("div", zm, [
 				s("button", {
 					type: "button",
 					class: "coar-plain-date-picker-year-btn",
@@ -12473,8 +13379,8 @@ var _m = { class: "coar-plain-date-picker-calendar-column" }, vm = ["aria-label"
 				}, [u(Q, {
 					name: "chevron-left",
 					size: "s"
-				})], 8, xm),
-				s("span", Sm, I(c.value), 1),
+				})], 8, Bm),
+				s("span", Vm, I(c.value), 1),
 				s("button", {
 					type: "button",
 					class: "coar-plain-date-picker-year-btn",
@@ -12484,31 +13390,31 @@ var _m = { class: "coar-plain-date-picker-calendar-column" }, vm = ["aria-label"
 				}, [u(Q, {
 					name: "chevron-right",
 					size: "s"
-				})], 8, Cm)
+				})], 8, Hm)
 			]),
-			s("div", wm, [s("div", {
+			s("div", Um, [s("div", {
 				class: "coar-plain-date-picker-month-list",
 				role: "listbox",
 				"aria-label": z(i)("coar.ui.datePicker.months", void 0, "Months")
-			}, [s("div", Em, [(E(!0), o(e, null, j(p.value, (e) => (E(), o("button", {
+			}, [s("div", Gm, [(E(!0), o(e, null, j(p.value, (e) => (E(), o("button", {
 				key: e.month,
 				type: "button",
 				class: b(["coar-plain-date-picker-month-item", { "coar-plain-date-picker-month-item--active": e.isActive }]),
 				role: "option",
 				"aria-selected": e.isActive,
 				onClick: (n) => t.onSelectMonth(e.yearMonth)
-			}, I(e.name), 11, Dm))), 128))])], 8, Tm)]),
-			_.value.length > 0 ? (E(), o("div", Om, [s("div", km, [s("div", Am, [(E(!0), o(e, null, j(_.value, (e) => (E(), o("div", {
+			}, I(e.name), 11, Km))), 128))])], 8, Wm)]),
+			_.value.length > 0 ? (E(), o("div", qm, [s("div", Jm, [s("div", Ym, [(E(!0), o(e, null, j(_.value, (e) => (E(), o("div", {
 				key: e.description,
 				class: "coar-plain-date-picker-event-item"
-			}, [r[3] ||= s("span", { class: "coar-plain-date-picker-event-dot" }, null, -1), s("div", jm, [s("span", Mm, I(e.description), 1), e.endDate && !e.startDate.equals(e.endDate) ? (E(), o("span", Nm, I(e.startDate.day) + "/" + I(e.startDate.month) + " – " + I(e.endDate.day) + "/" + I(e.endDate.month), 1)) : a("", !0)])]))), 128))])])])) : a("", !0)
+			}, [r[3] ||= s("span", { class: "coar-plain-date-picker-event-dot" }, null, -1), s("div", Xm, [s("span", Zm, I(e.description), 1), e.endDate && !e.startDate.equals(e.endDate) ? (E(), o("span", Qm, I(e.startDate.day) + "/" + I(e.startDate.month) + " – " + I(e.endDate.day) + "/" + I(e.endDate.month), 1)) : a("", !0)])]))), 128))])])])) : a("", !0)
 		])], 2));
 	}
-}), Fm = {
+}), eh = {
 	key: 0,
 	class: "coar-plain-date-picker-required",
 	"aria-hidden": "true"
-}, Im = ["aria-expanded", "aria-controls"], Lm = ["aria-label"], Rm = [
+}, th = ["aria-expanded", "aria-controls"], nh = ["aria-label"], rh = [
 	"value",
 	"placeholder",
 	"disabled",
@@ -12516,7 +13422,7 @@ var _m = { class: "coar-plain-date-picker-calendar-column" }, vm = ["aria-label"
 	"aria-labelledby",
 	"aria-invalid",
 	"aria-describedby"
-], zm = ["aria-label", "disabled"], Bm = ["title"], Vm = /* @__PURE__ */ Z(/* @__PURE__ */ d({
+], ih = ["aria-label", "disabled"], ah = ["title"], oh = /* @__PURE__ */ Z(/* @__PURE__ */ d({
 	__name: "CoarPlainDatePicker",
 	props: /* @__PURE__ */ _({
 		label: { default: "" },
@@ -12567,17 +13473,17 @@ var _m = { class: "coar-plain-date-picker-calendar-column" }, vm = ["aria-label"
 	}),
 	emits: /* @__PURE__ */ _(["opened", "closed"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let n = e, i = V(e, "modelValue"), c = t, { t: d } = Y(), f = fm({
+		let n = e, i = V(e, "modelValue"), c = t, { t: d } = Y(), f = jm({
 			locale: r(() => n.locale),
 			dateFormat: r(() => n.dateFormat)
 		}), p = A(i.value?.toPlainYearMonth() ?? X.Now.plainDateISO().toPlainYearMonth()), m = `coar-plain-date-picker-${crypto.randomUUID?.() ?? Date.now().toString(16)}`, h = `${m}-label`, _ = `${m}-input`, v = `${m}-panel`, x = `${m}-message`, S = A(null), T = A(null), D = null, k = A(""), j;
 		function M() {
 			if (j?.destroy(), !T.value) return;
-			let e = hm(f.effectiveDateFormat.value.pattern);
+			let e = Pm(f.effectiveDateFormat.value.pattern);
 			j = new ae(T.value, e);
 		}
 		G(i, (e) => {
-			e ? k.value = zp(e, f.effectiveDateFormat.value.pattern) : k.value = "";
+			e ? k.value = im(e, f.effectiveDateFormat.value.pattern) : k.value = "";
 		}, { immediate: !0 }), G([T, () => f.effectiveDateFormat.value], () => {
 			y(() => M());
 		}), C(() => {
@@ -12653,7 +13559,7 @@ var _m = { class: "coar-plain-date-picker-calendar-column" }, vm = ["aria-label"
 				},
 				content: {
 					kind: "component",
-					component: g(Pm)
+					component: g($m)
 				},
 				inputs: t
 			}), f.open(), c("opened"), D.afterClosed.then(() => {
@@ -12678,7 +13584,7 @@ var _m = { class: "coar-plain-date-picker-calendar-column" }, vm = ["aria-label"
 		function te(e) {
 			let t = e.target;
 			k.value = t.value;
-			let r = Bp(t.value, f.effectiveDateFormat.value.pattern, {
+			let r = am(t.value, f.effectiveDateFormat.value.pattern, {
 				min: n.min,
 				max: n.max
 			});
@@ -12686,10 +13592,10 @@ var _m = { class: "coar-plain-date-picker-calendar-column" }, vm = ["aria-label"
 		}
 		function ne() {
 			let e = k.value;
-			!Bp(e, f.effectiveDateFormat.value.pattern, {
+			!am(e, f.effectiveDateFormat.value.pattern, {
 				min: n.min,
 				max: n.max
-			}) && e.length > 0 && (i.value ? k.value = zp(i.value, f.effectiveDateFormat.value.pattern) : k.value = "");
+			}) && e.length > 0 && (i.value ? k.value = im(i.value, f.effectiveDateFormat.value.pattern) : k.value = "");
 		}
 		return (t, n) => (E(), o("div", { class: b(["coar-plain-date-picker-wrapper", [`coar-plain-date-picker--${e.size}`, {
 			"coar-plain-date-picker--disabled": F.value,
@@ -12701,7 +13607,7 @@ var _m = { class: "coar-plain-date-picker-calendar-column" }, vm = ["aria-label"
 				key: 0,
 				id: h,
 				class: "coar-plain-date-picker-label"
-			}, [l(I(e.label) + " ", 1), e.required ? (E(), o("span", Fm, "*")) : a("", !0)])) : a("", !0),
+			}, [l(I(e.label) + " ", 1), e.required ? (E(), o("span", eh, "*")) : a("", !0)])) : a("", !0),
 			s("div", {
 				ref_key: "triggerRef",
 				ref: S,
@@ -12725,7 +13631,7 @@ var _m = { class: "coar-plain-date-picker-calendar-column" }, vm = ["aria-label"
 				}, [u(Q, {
 					name: "x",
 					size: "auto"
-				})], 10, Lm),
+				})], 10, nh),
 				s("input", {
 					id: _,
 					ref_key: "dateInputRef",
@@ -12743,7 +13649,7 @@ var _m = { class: "coar-plain-date-picker-calendar-column" }, vm = ["aria-label"
 					onInput: te,
 					onBlur: ne,
 					onKeydown: J
-				}, null, 40, Rm),
+				}, null, 40, rh),
 				s("button", {
 					type: "button",
 					class: "coar-plain-date-picker-btn",
@@ -12754,23 +13660,23 @@ var _m = { class: "coar-plain-date-picker-calendar-column" }, vm = ["aria-label"
 				}, [u(Q, {
 					name: "calendar",
 					size: "s"
-				})], 8, zm)
-			], 10, Im),
+				})], 8, ih)
+			], 10, th),
 			P.value ? (E(), o("div", {
 				key: 1,
 				id: x,
 				class: b(["coar-form-field-message", { "coar-form-field-message--error": N.value }]),
 				title: P.value
-			}, I(P.value), 11, Bm)) : a("", !0)
+			}, I(P.value), 11, ah)) : a("", !0)
 		], 2));
 	}
-}), [["__scopeId", "data-v-2c8a34e4"]]), Hm = { class: "coar-pdtp-calendar-column" }, Um = ["aria-label"], Wm = { class: "coar-pdtp-side-column" }, Gm = { class: "coar-pdtp-year-stepper" }, Km = ["disabled", "aria-label"], qm = { class: "coar-pdtp-year" }, Jm = ["disabled", "aria-label"], Ym = { class: "coar-pdtp-month-list-wrapper" }, Xm = ["aria-label"], Zm = { class: "coar-pdtp-month-list-content" }, Qm = ["aria-selected", "onClick"], $m = { class: "coar-pdtp-time-section" }, eh = {
+}), [["__scopeId", "data-v-2c8a34e4"]]), sh = { class: "coar-pdtp-calendar-column" }, ch = ["aria-label"], lh = { class: "coar-pdtp-side-column" }, uh = { class: "coar-pdtp-year-stepper" }, dh = ["disabled", "aria-label"], fh = { class: "coar-pdtp-year" }, ph = ["disabled", "aria-label"], mh = { class: "coar-pdtp-month-list-wrapper" }, hh = ["aria-label"], gh = { class: "coar-pdtp-month-list-content" }, _h = ["aria-selected", "onClick"], vh = { class: "coar-pdtp-time-section" }, yh = {
 	key: 0,
 	class: "coar-pdtp-events"
-}, th = { class: "coar-pdtp-events-list" }, nh = { class: "coar-pdtp-events-content" }, rh = { class: "coar-pdtp-event-details" }, ih = { class: "coar-pdtp-event-text" }, ah = {
+}, bh = { class: "coar-pdtp-events-list" }, xh = { class: "coar-pdtp-events-content" }, Sh = { class: "coar-pdtp-event-details" }, Ch = { class: "coar-pdtp-event-text" }, wh = {
 	key: 0,
 	class: "coar-pdtp-event-dates"
-}, oh = /* @__PURE__ */ d({
+}, Th = /* @__PURE__ */ d({
 	__name: "CoarPlainDateTimePickerPanel",
 	props: {
 		modelValue: {},
@@ -12821,7 +13727,7 @@ var _m = { class: "coar-plain-date-picker-calendar-column" }, vm = ["aria-label"
 				return n && r;
 			}) : [];
 		});
-		return (n, r) => (E(), o("div", { class: b(["coar-pdtp-panel", { "coar-pdtp-panel--with-weeks": t.showWeekNumbers }]) }, [s("div", Hm, [u(tm, {
+		return (n, r) => (E(), o("div", { class: b(["coar-pdtp-panel", { "coar-pdtp-panel--with-weeks": t.showWeekNumbers }]) }, [s("div", sh, [u(bm, {
 			"model-value": t.modelValue,
 			"active-month": t.activeMonth,
 			min: t.min ?? void 0,
@@ -12854,8 +13760,8 @@ var _m = { class: "coar-plain-date-picker-calendar-column" }, vm = ["aria-label"
 		}, [u(Q, {
 			name: h.value === "up" ? "chevron-up" : "chevron-down",
 			size: "xs"
-		}, null, 8, ["name"])], 8, Um)) : a("", !0)]), s("div", Wm, [
-			s("div", Gm, [
+		}, null, 8, ["name"])], 8, ch)) : a("", !0)]), s("div", lh, [
+			s("div", uh, [
 				s("button", {
 					type: "button",
 					class: "coar-pdtp-year-btn",
@@ -12865,8 +13771,8 @@ var _m = { class: "coar-plain-date-picker-calendar-column" }, vm = ["aria-label"
 				}, [u(Q, {
 					name: "chevron-left",
 					size: "s"
-				})], 8, Km),
-				s("span", qm, I(c.value), 1),
+				})], 8, dh),
+				s("span", fh, I(c.value), 1),
 				s("button", {
 					type: "button",
 					class: "coar-pdtp-year-btn",
@@ -12876,21 +13782,21 @@ var _m = { class: "coar-plain-date-picker-calendar-column" }, vm = ["aria-label"
 				}, [u(Q, {
 					name: "chevron-right",
 					size: "s"
-				})], 8, Jm)
+				})], 8, ph)
 			]),
-			s("div", Ym, [s("div", {
+			s("div", mh, [s("div", {
 				class: "coar-pdtp-month-list",
 				role: "listbox",
 				"aria-label": z(i)("coar.ui.datePicker.months", void 0, "Months")
-			}, [s("div", Zm, [(E(!0), o(e, null, j(p.value, (e) => (E(), o("button", {
+			}, [s("div", gh, [(E(!0), o(e, null, j(p.value, (e) => (E(), o("button", {
 				key: e.month,
 				type: "button",
 				class: b(["coar-pdtp-month-item", { "coar-pdtp-month-item--active": e.isActive }]),
 				role: "option",
 				"aria-selected": e.isActive,
 				onClick: (n) => t.onSelectMonth(e.yearMonth)
-			}, I(e.name), 11, Qm))), 128))])], 8, Xm)]),
-			s("div", $m, [u(Pp, {
+			}, I(e.name), 11, _h))), 128))])], 8, hh)]),
+			s("div", vh, [u($p, {
 				"model-value": t.selectedTime,
 				"use24-hour": t.use24Hour,
 				"minute-step": t.minuteStep,
@@ -12912,17 +13818,17 @@ var _m = { class: "coar-plain-date-picker-calendar-column" }, vm = ["aria-label"
 				"max-time",
 				"onUpdate:modelValue"
 			])]),
-			_.value.length > 0 ? (E(), o("div", eh, [s("div", th, [s("div", nh, [(E(!0), o(e, null, j(_.value, (e) => (E(), o("div", {
+			_.value.length > 0 ? (E(), o("div", yh, [s("div", bh, [s("div", xh, [(E(!0), o(e, null, j(_.value, (e) => (E(), o("div", {
 				key: e.description,
 				class: "coar-pdtp-event-item"
-			}, [r[3] ||= s("span", { class: "coar-pdtp-event-dot" }, null, -1), s("div", rh, [s("span", ih, I(e.description), 1), e.endDate && !e.startDate.equals(e.endDate) ? (E(), o("span", ah, I(e.startDate.day) + "/" + I(e.startDate.month) + " – " + I(e.endDate.day) + "/" + I(e.endDate.month), 1)) : a("", !0)])]))), 128))])])])) : a("", !0)
+			}, [r[3] ||= s("span", { class: "coar-pdtp-event-dot" }, null, -1), s("div", Sh, [s("span", Ch, I(e.description), 1), e.endDate && !e.startDate.equals(e.endDate) ? (E(), o("span", wh, I(e.startDate.day) + "/" + I(e.startDate.month) + " – " + I(e.endDate.day) + "/" + I(e.endDate.month), 1)) : a("", !0)])]))), 128))])])])) : a("", !0)
 		])], 2));
 	}
-}), sh = {
+}), Eh = {
 	key: 0,
 	class: "coar-pdtp-required",
 	"aria-hidden": "true"
-}, ch = ["aria-expanded", "aria-controls"], lh = ["aria-label"], uh = [
+}, Dh = ["aria-expanded", "aria-controls"], Oh = ["aria-label"], kh = [
 	"value",
 	"placeholder",
 	"disabled",
@@ -12930,7 +13836,7 @@ var _m = { class: "coar-plain-date-picker-calendar-column" }, vm = ["aria-label"
 	"aria-labelledby",
 	"aria-invalid",
 	"aria-describedby"
-], dh = ["aria-label", "disabled"], fh = ["title"], ph = /* @__PURE__ */ Z(/* @__PURE__ */ d({
+], Ah = ["aria-label", "disabled"], jh = ["title"], Mh = /* @__PURE__ */ Z(/* @__PURE__ */ d({
 	__name: "CoarPlainDateTimePicker",
 	props: /* @__PURE__ */ _({
 		label: { default: "" },
@@ -12986,17 +13892,17 @@ var _m = { class: "coar-plain-date-picker-calendar-column" }, vm = ["aria-label"
 	}),
 	emits: /* @__PURE__ */ _(["opened", "closed"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let n = e, i = V(e, "modelValue"), c = t, { t: d } = Y(), f = fm({
+		let n = e, i = V(e, "modelValue"), c = t, { t: d } = Y(), f = jm({
 			locale: r(() => n.locale),
 			dateFormat: r(() => n.dateFormat)
-		}), p = A(i.value?.toPlainDate().toPlainYearMonth() ?? X.Now.plainDateISO().toPlainYearMonth()), m = A(null), h = `coar-plain-dt-picker-${crypto.randomUUID?.() ?? Date.now().toString(16)}`, _ = `${h}-label`, v = `${h}-input`, x = `${h}-panel`, S = `${h}-message`, T = A(null), D = A(null), k = null, j = A(""), M = r(() => n.use24Hour === !0 ? !0 : n.use24Hour === !1 ? !1 : !pp(f.effectiveLocale.value)), N;
+		}), p = A(i.value?.toPlainDate().toPlainYearMonth() ?? X.Now.plainDateISO().toPlainYearMonth()), m = A(null), h = `coar-plain-dt-picker-${crypto.randomUUID?.() ?? Date.now().toString(16)}`, _ = `${h}-label`, v = `${h}-input`, x = `${h}-panel`, S = `${h}-message`, T = A(null), D = A(null), k = null, j = A(""), M = r(() => n.use24Hour === !0 ? !0 : n.use24Hour === !1 ? !1 : !Mp(f.effectiveLocale.value)), N;
 		function P() {
 			if (N?.destroy(), !D.value) return;
-			let e = gm(f.effectiveDateFormat.value.pattern, !M.value);
+			let e = Fm(f.effectiveDateFormat.value.pattern, !M.value);
 			N = new ae(D.value, e);
 		}
 		function F(e) {
-			return `${zp(e.toPlainDate(), f.effectiveDateFormat.value.pattern)} ${mp(e.hour, e.minute, M.value)}`;
+			return `${im(e.toPlainDate(), f.effectiveDateFormat.value.pattern)} ${Np(e.hour, e.minute, M.value)}`;
 		}
 		G(i, (e) => {
 			j.value = e ? F(e) : "";
@@ -13048,7 +13954,7 @@ var _m = { class: "coar-plain-date-picker-calendar-column" }, vm = ["aria-label"
 				onDateSelected: (e) => {
 					let t = K.value ?? n.defaultTime, r = e.toPlainDateTime({
 						hour: t.hours,
-						minute: bp(t.minutes, n.minuteStep)
+						minute: zp(t.minutes, n.minuteStep)
 					});
 					r = oe(r), i.value = r;
 				},
@@ -13125,7 +14031,7 @@ var _m = { class: "coar-plain-date-picker-calendar-column" }, vm = ["aria-label"
 				},
 				content: {
 					kind: "component",
-					component: g(oh)
+					component: g(Th)
 				},
 				inputs: t
 			}), f.open(), c("opened"), k.afterClosed.then(() => {
@@ -13161,12 +14067,12 @@ var _m = { class: "coar-plain-date-picker-calendar-column" }, vm = ["aria-label"
 			if (!e) return null;
 			let t = e.split(" ");
 			if (t.length < 2) return null;
-			let n = Bp(t[0], f.effectiveDateFormat.value.pattern, {
+			let n = am(t[0], f.effectiveDateFormat.value.pattern, {
 				min: q.value,
 				max: J.value
 			});
 			if (!n) return null;
-			let r = hp(t.slice(1).join(" "));
+			let r = Pp(t.slice(1).join(" "));
 			return r ? n.toPlainDateTime({
 				hour: r.hours,
 				minute: r.minutes
@@ -13182,7 +14088,7 @@ var _m = { class: "coar-plain-date-picker-calendar-column" }, vm = ["aria-label"
 				key: 0,
 				id: _,
 				class: "coar-pdtp-label"
-			}, [l(I(e.label) + " ", 1), e.required ? (E(), o("span", sh, "*")) : a("", !0)])) : a("", !0),
+			}, [l(I(e.label) + " ", 1), e.required ? (E(), o("span", Eh, "*")) : a("", !0)])) : a("", !0),
 			s("div", {
 				ref_key: "triggerRef",
 				ref: T,
@@ -13206,7 +14112,7 @@ var _m = { class: "coar-plain-date-picker-calendar-column" }, vm = ["aria-label"
 				}, [u(Q, {
 					name: "x",
 					size: "auto"
-				})], 10, lh),
+				})], 10, Oh),
 				s("input", {
 					id: v,
 					ref_key: "dateInputRef",
@@ -13224,7 +14130,7 @@ var _m = { class: "coar-plain-date-picker-calendar-column" }, vm = ["aria-label"
 					onInput: fe,
 					onBlur: pe,
 					onKeydown: ue
-				}, null, 40, uh),
+				}, null, 40, kh),
 				s("button", {
 					type: "button",
 					class: "coar-pdtp-btn",
@@ -13235,32 +14141,32 @@ var _m = { class: "coar-plain-date-picker-calendar-column" }, vm = ["aria-label"
 				}, [u(Q, {
 					name: "calendar",
 					size: "s"
-				})], 8, dh)
-			], 10, ch),
+				})], 8, Ah)
+			], 10, Dh),
 			R.value ? (E(), o("div", {
 				key: 1,
 				id: S,
 				class: b(["coar-form-field-message", { "coar-form-field-message--error": L.value }]),
 				title: R.value
-			}, I(R.value), 11, fh)) : a("", !0)
+			}, I(R.value), 11, jh)) : a("", !0)
 		], 2));
 	}
 }), [["__scopeId", "data-v-55dfa9b2"]]);
 //#endregion
 //#region src/components/date-time/_shared/timezone-helpers.ts
-function mh() {
+function Nh() {
 	try {
 		return ["UTC", ...Intl.supportedValuesOf("timeZone")];
 	} catch {
 		return ["UTC"];
 	}
 }
-function hh(e, t) {
+function Ph(e, t) {
 	let n = t ?? X.Now.instant();
 	try {
 		let t = n.toZonedDateTimeISO(e).offsetNanoseconds, r = Math.round(t / 6e10);
 		return {
-			offset: gh(r),
+			offset: Fh(r),
 			offsetMinutes: r
 		};
 	} catch {
@@ -13270,21 +14176,21 @@ function hh(e, t) {
 		};
 	}
 }
-function gh(e) {
+function Fh(e) {
 	if (e === 0) return "UTC";
 	let t = e >= 0 ? "+" : "-", n = Math.abs(e), r = Math.floor(n / 60), i = n % 60;
 	return i === 0 ? `UTC${t}${r}` : `UTC${t}${r}:${String(i).padStart(2, "0")}`;
 }
-function _h(e) {
+function Ih(e) {
 	if (e === "UTC") return "UTC";
 	let t = e.split("/");
 	return t[t.length - 1].replace(/_/g, " ");
 }
-function vh(e, t) {
-	let n = _h(e), { offset: r } = hh(e, t);
+function Lh(e, t) {
+	let n = Ih(e), { offset: r } = Ph(e, t);
 	return `${n} (${r})`;
 }
-function yh(e, t) {
+function Rh(e, t) {
 	if (!t || t.length === 0) return e;
 	let n = t.map((e) => {
 		let t = e.replace(/[.+?^${}()|[\]\\]/g, "\\$&").replace(/\*/g, ".*");
@@ -13292,19 +14198,19 @@ function yh(e, t) {
 	});
 	return e.filter((e) => n.some((t) => t.test(e)));
 }
-function bh(e, t) {
-	let { offset: n, offsetMinutes: r } = hh(e, t);
+function zh(e, t) {
+	let { offset: n, offsetMinutes: r } = Ph(e, t);
 	return {
 		id: e,
-		city: _h(e),
+		city: Ih(e),
 		offset: n,
 		offsetMinutes: r
 	};
 }
-function xh(e, t, n) {
+function Bh(e, t, n) {
 	let r = t?.trim().toLowerCase(), i = /* @__PURE__ */ new Map();
 	for (let t of e) {
-		let e = bh(t, n);
+		let e = zh(t, n);
 		if (r && r.length > 0) {
 			let n = e.city.toLowerCase().includes(r), i = t.toLowerCase().includes(r);
 			if (!n && !i) continue;
@@ -13324,25 +14230,25 @@ function xh(e, t, n) {
 }
 //#endregion
 //#region src/components/date-time/zoned-date-time-picker/CoarZonedDateTimePickerPanel.vue?vue&type=script&setup=true&lang.ts
-var Sh = { class: "coar-zdtp-body" }, Ch = { class: "coar-zdtp-calendar-column" }, wh = ["aria-label"], Th = { class: "coar-zdtp-side-column" }, Eh = {
+var Vh = { class: "coar-zdtp-body" }, Hh = { class: "coar-zdtp-calendar-column" }, Uh = ["aria-label"], Wh = { class: "coar-zdtp-side-column" }, Gh = {
 	key: 0,
 	class: "coar-zdtp-side-header"
-}, Dh = ["disabled", "aria-label"], Oh = { class: "coar-zdtp-year" }, kh = ["disabled", "aria-label"], Ah = {
+}, Kh = ["disabled", "aria-label"], qh = { class: "coar-zdtp-year" }, Jh = ["disabled", "aria-label"], Yh = {
 	key: 1,
 	class: "coar-zdtp-side-header coar-zdtp-side-header--search"
-}, jh = ["placeholder", "onKeydown"], Mh = ["aria-label"], Nh = { class: "coar-zdtp-tz-group-header" }, Ph = ["onClick"], Fh = { class: "coar-zdtp-tz-picker-item-city" }, Ih = { class: "coar-zdtp-tz-picker-item-offset" }, Lh = ["aria-label"], Rh = ["aria-selected", "onClick"], zh = { class: "coar-zdtp-time-section" }, Bh = { class: "coar-zdtp-display-tz-label" }, Vh = { class: "coar-zdtp-display-tz-btn-label" }, Hh = {
+}, Xh = ["placeholder", "onKeydown"], Zh = ["aria-label"], Qh = { class: "coar-zdtp-tz-group-header" }, $h = ["onClick"], eg = { class: "coar-zdtp-tz-picker-item-city" }, tg = { class: "coar-zdtp-tz-picker-item-offset" }, ng = ["aria-label"], rg = ["aria-selected", "onClick"], ig = { class: "coar-zdtp-time-section" }, ag = { class: "coar-zdtp-display-tz-label" }, og = { class: "coar-zdtp-display-tz-btn-label" }, sg = {
 	key: 0,
 	class: "coar-zdtp-events"
-}, Uh = {
+}, cg = {
 	key: 0,
 	class: "coar-zdtp-footer-placeholder"
-}, Wh = {
+}, lg = {
 	key: 1,
 	class: "coar-zdtp-footer-edit"
-}, Gh = ["aria-label"], Kh = {
+}, ug = ["aria-label"], dg = {
 	key: 2,
 	class: "coar-zdtp-footer-display"
-}, qh = { class: "coar-zdtp-footer-tz-name" }, Jh = { class: "coar-zdtp-footer-tz-value" }, Yh = ["aria-label"], Xh = /* @__PURE__ */ d({
+}, fg = { class: "coar-zdtp-footer-tz-name" }, pg = { class: "coar-zdtp-footer-tz-value" }, mg = ["aria-label"], hg = /* @__PURE__ */ d({
 	__name: "CoarZonedDateTimePickerPanel",
 	props: {
 		modelValue: {},
@@ -13400,9 +14306,9 @@ var Sh = { class: "coar-zdtp-body" }, Ch = { class: "coar-zdtp-calendar-column"
 				let n = X.PlainDate.compare(e, t.startDate) >= 0, r = t.endDate ? X.PlainDate.compare(e, t.endDate) <= 0 : X.PlainDate.compare(e, t.startDate) === 0;
 				return n && r;
 			}) : [];
-		}), T = r(() => yh(n.allTimezones, n.timezoneFilter)), D = r(() => xh(T.value, d.value)), O = r(() => T.value.map((e) => ({
+		}), T = r(() => Rh(n.allTimezones, n.timezoneFilter)), D = r(() => Bh(T.value, d.value)), O = r(() => T.value.map((e) => ({
 			value: e,
-			label: vh(e)
+			label: Lh(e)
 		})));
 		function k() {
 			c.value = !0, d.value = "", y(() => {
@@ -13429,7 +14335,7 @@ var Sh = { class: "coar-zdtp-body" }, Ch = { class: "coar-zdtp-calendar-column"
 		function L() {
 			l.value = !1;
 		}
-		return (n, r) => (E(), o("div", { class: b(["coar-zdtp-panel", { "coar-zdtp-panel--with-weeks": t.showWeekNumbers }]) }, [s("div", Sh, [s("div", Ch, [u(tm, {
+		return (n, r) => (E(), o("div", { class: b(["coar-zdtp-panel", { "coar-zdtp-panel--with-weeks": t.showWeekNumbers }]) }, [s("div", Vh, [s("div", Hh, [u(bm, {
 			"model-value": t.modelValue,
 			"active-month": t.activeMonth,
 			min: t.min ?? void 0,
@@ -13462,8 +14368,8 @@ var Sh = { class: "coar-zdtp-body" }, Ch = { class: "coar-zdtp-calendar-column"
 		}, [u(Q, {
 			name: S.value === "up" ? "chevron-up" : "chevron-down",
 			size: "xs"
-		}, null, 8, ["name"])], 8, wh)) : a("", !0)]), s("div", Th, [
-			c.value ? (E(), o("div", Ah, [J(s("input", {
+		}, null, 8, ["name"])], 8, Uh)) : a("", !0)]), s("div", Wh, [
+			c.value ? (E(), o("div", Yh, [J(s("input", {
 				ref_key: "tzSearchInputRef",
 				ref: f,
 				"onUpdate:modelValue": r[3] ||= (e) => d.value = e,
@@ -13471,7 +14377,7 @@ var Sh = { class: "coar-zdtp-body" }, Ch = { class: "coar-zdtp-calendar-column"
 				class: "coar-zdtp-tz-search-input",
 				placeholder: z(i)("coar.ui.zonedDateTimePicker.searchTimezone", void 0, "Search timezone..."),
 				onKeydown: ee(te(M, ["stop"]), ["escape"])
-			}, null, 40, jh), [[W, d.value]]), s("button", {
+			}, null, 40, Xh), [[W, d.value]]), s("button", {
 				type: "button",
 				class: "coar-zdtp-tz-search-close",
 				"aria-label": z(i)("coar.ui.zonedDateTimePicker.closeTimezoneSearch", void 0, "Close timezone search"),
@@ -13479,7 +14385,7 @@ var Sh = { class: "coar-zdtp-body" }, Ch = { class: "coar-zdtp-calendar-column"
 			}, [u(Q, {
 				name: "x",
 				size: "xs"
-			})], 8, Mh)])) : (E(), o("div", Eh, [
+			})], 8, Zh)])) : (E(), o("div", Gh, [
 				s("button", {
 					type: "button",
 					class: "coar-zdtp-year-btn",
@@ -13489,8 +14395,8 @@ var Sh = { class: "coar-zdtp-body" }, Ch = { class: "coar-zdtp-calendar-column"
 				}, [u(Q, {
 					name: "chevron-left",
 					size: "s"
-				})], 8, Dh),
-				s("span", Oh, I(m.value), 1),
+				})], 8, Kh),
+				s("span", qh, I(m.value), 1),
 				s("button", {
 					type: "button",
 					class: "coar-zdtp-year-btn",
@@ -13500,7 +14406,7 @@ var Sh = { class: "coar-zdtp-body" }, Ch = { class: "coar-zdtp-calendar-column"
 				}, [u(Q, {
 					name: "chevron-right",
 					size: "s"
-				})], 8, kh)
+				})], 8, Jh)
 			])),
 			c.value ? J((E(), o("div", {
 				key: 2,
@@ -13510,12 +14416,12 @@ var Sh = { class: "coar-zdtp-body" }, Ch = { class: "coar-zdtp-calendar-column"
 			}, [(E(!0), o(e, null, j(D.value, (n) => (E(), o("div", {
 				key: n.name,
 				class: "coar-zdtp-tz-group"
-			}, [s("div", Nh, I(n.name), 1), (E(!0), o(e, null, j(n.items, (e) => (E(), o("button", {
+			}, [s("div", Qh, I(n.name), 1), (E(!0), o(e, null, j(n.items, (e) => (E(), o("button", {
 				key: e.id,
 				type: "button",
 				class: b(["coar-zdtp-tz-picker-item", { "coar-zdtp-tz-picker-item--active": e.id === t.effectiveDisplayTimeZone }]),
 				onClick: (t) => N(e.id)
-			}, [s("span", Fh, I(e.city), 1), s("span", Ih, I(e.offset), 1)], 10, Ph))), 128))]))), 128))])), [[z(Ua), {
+			}, [s("span", eg, I(e.city), 1), s("span", tg, I(e.offset), 1)], 10, $h))), 128))]))), 128))])), [[z(Ua), {
 				overflowX: "hidden",
 				autoHide: "leave"
 			}]]) : a("", !0),
@@ -13531,8 +14437,8 @@ var Sh = { class: "coar-zdtp-body" }, Ch = { class: "coar-zdtp-calendar-column"
 					role: "option",
 					"aria-selected": e.isActive,
 					onClick: (n) => t.onSelectMonth(e.yearMonth)
-				}, I(e.name), 11, Rh))), 128))], 8, Lh),
-				s("div", zh, [u(Pp, {
+				}, I(e.name), 11, rg))), 128))], 8, ng),
+				s("div", ig, [u($p, {
 					"model-value": t.selectedTime ?? void 0,
 					"use24-hour": t.use24Hour,
 					"minute-step": t.minuteStep,
@@ -13548,16 +14454,16 @@ var Sh = { class: "coar-zdtp-body" }, Ch = { class: "coar-zdtp-calendar-column"
 					"max",
 					"onUpdate:modelValue"
 				])]),
-				s("div", Bh, I(z(i)("coar.ui.zonedDateTimePicker.displayTimezone", void 0, "Display Timezone")), 1),
+				s("div", ag, I(z(i)("coar.ui.zonedDateTimePicker.displayTimezone", void 0, "Display Timezone")), 1),
 				s("button", {
 					type: "button",
 					class: "coar-zdtp-display-tz-btn",
 					onClick: k
-				}, [s("span", Vh, I(z(vh)(t.effectiveDisplayTimeZone)), 1), u(Q, {
+				}, [s("span", og, I(z(Lh)(t.effectiveDisplayTimeZone)), 1), u(Q, {
 					name: "chevron-down",
 					size: "xs"
 				})]),
-				w.value.length > 0 ? J((E(), o("div", Hh, [(E(!0), o(e, null, j(w.value, (e, t) => (E(), o("div", {
+				w.value.length > 0 ? J((E(), o("div", sg, [(E(!0), o(e, null, j(w.value, (e, t) => (E(), o("div", {
 					key: t,
 					class: b(["coar-zdtp-event-item", e.cssClass])
 				}, I(e.description), 3))), 128))])), [[z(Ua), {
@@ -13565,7 +14471,7 @@ var Sh = { class: "coar-zdtp-body" }, Ch = { class: "coar-zdtp-calendar-column"
 					autoHide: "leave"
 				}]]) : a("", !0)
 			], 64))
-		])]), s("div", { class: b(["coar-zdtp-footer", { "coar-zdtp-footer--differs": t.timeZonesDiffer }]) }, [t.hasValue ? l.value ? (E(), o("div", Wh, [u(Cc, {
+		])]), s("div", { class: b(["coar-zdtp-footer", { "coar-zdtp-footer--differs": t.timeZonesDiffer }]) }, [t.hasValue ? l.value ? (E(), o("div", lg, [u(Cc, {
 			"model-value": t.valueTimeZone,
 			options: O.value,
 			appearance: "inline",
@@ -13588,14 +14494,14 @@ var Sh = { class: "coar-zdtp-body" }, Ch = { class: "coar-zdtp-calendar-column"
 		}, [u(Q, {
 			name: "x",
 			size: "xs"
-		})], 8, Gh)])) : (E(), o("div", Kh, [
+		})], 8, ug)])) : (E(), o("div", dg, [
 			u(Q, {
 				name: "map-pin",
 				size: "xs",
 				class: "coar-zdtp-footer-icon"
 			}),
-			s("span", qh, I(t.valueTimeZoneLabel), 1),
-			s("span", Jh, I(t.formatValueInValueTz), 1),
+			s("span", fg, I(t.valueTimeZoneLabel), 1),
+			s("span", pg, I(t.formatValueInValueTz), 1),
 			s("button", {
 				type: "button",
 				class: "coar-zdtp-footer-lock",
@@ -13604,28 +14510,28 @@ var Sh = { class: "coar-zdtp-body" }, Ch = { class: "coar-zdtp-calendar-column"
 			}, [u(Q, {
 				name: "settings",
 				size: "xs"
-			})], 8, Yh)
-		])) : (E(), o("span", Uh, [u(Q, {
+			})], 8, mg)
+		])) : (E(), o("span", cg, [u(Q, {
 			name: "map-pin",
 			size: "xs"
 		}), s("span", null, I(z(i)("coar.ui.zonedDateTimePicker.eventTimezone", void 0, "Event timezone")), 1)]))], 2)], 2));
 	}
-}), Zh = {
+}), gg = {
 	key: 0,
 	class: "coar-zdtp-required",
 	"aria-hidden": "true"
-}, Qh = [
+}, _g = [
 	"aria-expanded",
 	"aria-controls",
 	"aria-labelledby",
 	"aria-invalid"
-], $h = ["aria-label", "disabled"], eg = [
+], vg = ["aria-label", "disabled"], yg = [
 	"placeholder",
 	"value",
 	"disabled",
 	"readonly",
 	"aria-describedby"
-], tg = ["title"], ng = ["aria-label", "disabled"], rg = ["disabled", "aria-label"], ig = /* @__PURE__ */ Z(/* @__PURE__ */ d({
+], bg = ["title"], xg = ["aria-label", "disabled"], Sg = ["disabled", "aria-label"], Cg = /* @__PURE__ */ Z(/* @__PURE__ */ d({
 	__name: "CoarZonedDateTimePicker",
 	props: /* @__PURE__ */ _({
 		label: { default: "" },
@@ -13683,34 +14589,34 @@ var Sh = { class: "coar-zdtp-body" }, Ch = { class: "coar-zdtp-calendar-column"
 	}),
 	emits: /* @__PURE__ */ _(["opened", "closed"], ["update:modelValue"]),
 	setup(e, { emit: t }) {
-		let n = e, i = V(e, "modelValue"), c = t, { t: d } = Y(), f = fm({
+		let n = e, i = V(e, "modelValue"), c = t, { t: d } = Y(), f = jm({
 			locale: r(() => n.locale),
 			dateFormat: r(() => n.dateFormat)
 		}), p = A(i.value?.toPlainDateTime().toPlainDate().toPlainYearMonth() ?? X.Now.plainDateISO().toPlainYearMonth()), m = A(null), h = A(null), _ = `coar-zdtp-${crypto.randomUUID?.() ?? Date.now().toString(16)}`, v = `${_}-label`, x = `${_}-input`, S = `${_}-panel`, T = `${_}-message`, D = A(null), k = A(null), j = null, M = A(""), N = r(() => f.timezone.value || Intl.DateTimeFormat().resolvedOptions().timeZone || "UTC"), P = r(() => i.value?.timeZoneId ?? null), F = r(() => h.value ?? N.value), L = r(() => n.timeZone ?? N.value), R = r(() => P.value != null && P.value !== N.value), B = r(() => P.value != null && F.value !== P.value), H = r(() => {
 			let e = F.value, t = N.value, n = P.value;
 			return e === t ? "home" : n && e === n ? "location" : "world";
-		}), U = r(() => R.value || H.value !== "home"), W = r(() => vh(F.value)), K = r(() => {
+		}), U = r(() => R.value || H.value !== "home"), W = r(() => Lh(F.value)), K = r(() => {
 			let e = P.value;
-			return e ? vh(e) : "";
-		}), q = mh(), J = r(() => n.use24Hour === !0 ? !0 : n.use24Hour === !1 ? !1 : !pp(f.effectiveLocale.value)), ee;
+			return e ? Lh(e) : "";
+		}), q = Nh(), J = r(() => n.use24Hour === !0 ? !0 : n.use24Hour === !1 ? !1 : !Mp(f.effectiveLocale.value)), ee;
 		function ne() {
 			if (ee?.destroy(), !k.value) return;
-			let e = gm(f.effectiveDateFormat.value.pattern, !J.value);
+			let e = Fm(f.effectiveDateFormat.value.pattern, !J.value);
 			ee = new ae(k.value, e);
 		}
 		function re(e) {
 			let t = F.value, n = e.withTimeZone(t);
-			return `${zp(n.toPlainDate(), f.effectiveDateFormat.value.pattern)} ${mp(n.hour, n.minute, J.value)}`;
+			return `${im(n.toPlainDate(), f.effectiveDateFormat.value.pattern)} ${Np(n.hour, n.minute, J.value)}`;
 		}
 		function ie() {
-			return i.value ? `${zp(i.value.toPlainDate(), f.effectiveDateFormat.value.pattern)} ${mp(i.value.hour, i.value.minute, J.value)}` : "";
+			return i.value ? `${im(i.value.toPlainDate(), f.effectiveDateFormat.value.pattern)} ${Np(i.value.hour, i.value.minute, J.value)}` : "";
 		}
 		function oe(e) {
 			let t = e.trim().split(/\s+/);
 			if (t.length < 2) return null;
-			let n = t[0], r = t.slice(1).join(" "), i = Bp(n, f.effectiveDateFormat.value.pattern);
+			let n = t[0], r = t.slice(1).join(" "), i = am(n, f.effectiveDateFormat.value.pattern);
 			if (!i) return null;
-			let a = hp(r);
+			let a = Pp(r);
 			if (!a) return null;
 			let o = i.toPlainDateTime({
 				hour: a.hours,
@@ -13786,7 +14692,7 @@ var Sh = { class: "coar-zdtp-body" }, Ch = { class: "coar-zdtp-calendar-column"
 				onDateSelected: (e) => {
 					let t = he.value ?? n.defaultTime, r = e.toPlainDateTime({
 						hour: t.hours,
-						minute: bp(t.minutes, n.minuteStep)
+						minute: zp(t.minutes, n.minuteStep)
 					}), a = P.value ?? L.value, o;
 					o = fe.value === a ? r.toZonedDateTime(a) : r.toZonedDateTime(fe.value).withTimeZone(a), o = Ce(o), i.value = o;
 				},
@@ -13877,7 +14783,7 @@ var Sh = { class: "coar-zdtp-body" }, Ch = { class: "coar-zdtp-calendar-column"
 				},
 				content: {
 					kind: "component",
-					component: g(Xh)
+					component: g(hg)
 				},
 				inputs: t
 			}), f.open(), c("opened"), j.afterClosed.then(() => {
@@ -13926,7 +14832,7 @@ var Sh = { class: "coar-zdtp-body" }, Ch = { class: "coar-zdtp-calendar-column"
 				id: v,
 				class: "coar-zdtp-label",
 				for: x
-			}, [l(I(e.label) + " ", 1), e.required ? (E(), o("span", Zh, "*")) : a("", !0)])) : a("", !0),
+			}, [l(I(e.label) + " ", 1), e.required ? (E(), o("span", gg, "*")) : a("", !0)])) : a("", !0),
 			s("div", {
 				ref_key: "triggerRef",
 				ref: D,
@@ -13954,7 +14860,7 @@ var Sh = { class: "coar-zdtp-body" }, Ch = { class: "coar-zdtp-calendar-column"
 				}, [u(Q, {
 					name: "x",
 					size: "auto"
-				})], 10, $h),
+				})], 10, vg),
 				s("input", {
 					id: x,
 					ref_key: "dateInputRef",
@@ -13969,12 +14875,12 @@ var Sh = { class: "coar-zdtp-body" }, Ch = { class: "coar-zdtp-calendar-column"
 					autocomplete: "off",
 					onInput: ke,
 					onBlur: Ae
-				}, null, 40, eg),
+				}, null, 40, yg),
 				i.value ? (E(), o("span", {
 					key: 0,
 					class: "coar-zdtp-tz-inline",
 					title: W.value
-				}, I(W.value), 9, tg)) : a("", !0),
+				}, I(W.value), 9, bg)) : a("", !0),
 				s("button", {
 					type: "button",
 					class: b(["coar-zdtp-tz-indicator", {
@@ -13988,7 +14894,7 @@ var Sh = { class: "coar-zdtp-body" }, Ch = { class: "coar-zdtp-calendar-column"
 				}, [u(Q, {
 					name: Me.value,
 					size: "xs"
-				}, null, 8, ["name"])], 10, ng),
+				}, null, 8, ["name"])], 10, xg),
 				s("button", {
 					type: "button",
 					class: "coar-zdtp-btn",
@@ -13999,8 +14905,8 @@ var Sh = { class: "coar-zdtp-body" }, Ch = { class: "coar-zdtp-calendar-column"
 				}, [u(Q, {
 					name: "calendar",
 					size: "s"
-				})], 8, rg)
-			], 42, Qh),
+				})], 8, Sg)
+			], 42, _g),
 			ce.value ? (E(), o("div", {
 				key: 1,
 				id: T,
@@ -14009,7 +14915,7 @@ var Sh = { class: "coar-zdtp-body" }, Ch = { class: "coar-zdtp-calendar-column"
 			}, I(ce.value), 3)) : a("", !0)
 		], 2));
 	}
-}), [["__scopeId", "data-v-c6c2a031"]]), ag = /* @__PURE__ */ Z(/* @__PURE__ */ d({
+}), [["__scopeId", "data-v-c6c2a031"]]), wg = /* @__PURE__ */ Z(/* @__PURE__ */ d({
 	__name: "CoarPlainDateView",
 	props: {
 		value: { default: null },
@@ -14019,17 +14925,17 @@ var Sh = { class: "coar-zdtp-body" }, Ch = { class: "coar-zdtp-calendar-column"
 		size: { default: "m" }
 	},
 	setup(e) {
-		let t = e, n = fm({
+		let t = e, n = jm({
 			locale: L(t, "locale"),
 			dateFormat: L(t, "dateFormat")
 		});
 		function i(e) {
 			return typeof e == "object" && !!e && Object.prototype.toString.call(e) === "[object Temporal.PlainDate]";
 		}
-		let a = r(() => i(t.value) ? zp(t.value, n.effectiveDateFormat.value.pattern) : ""), s = r(() => a.value || t.placeholder), c = r(() => !a.value);
+		let a = r(() => i(t.value) ? im(t.value, n.effectiveDateFormat.value.pattern) : ""), s = r(() => a.value || t.placeholder), c = r(() => !a.value);
 		return (t, n) => (E(), o("span", { class: b(["coar-plain-date-view", [`coar-plain-date-view--${e.size}`, { "coar-plain-date-view--empty": c.value }]]) }, I(s.value), 3));
 	}
-}), [["__scopeId", "data-v-c8cf9804"]]), og = /* @__PURE__ */ Z(/* @__PURE__ */ d({
+}), [["__scopeId", "data-v-c8cf9804"]]), Tg = /* @__PURE__ */ Z(/* @__PURE__ */ d({
 	__name: "CoarPlainDateTimeView",
 	props: {
 		value: { default: null },
@@ -14043,17 +14949,17 @@ var Sh = { class: "coar-zdtp-body" }, Ch = { class: "coar-zdtp-calendar-column"
 		size: { default: "m" }
 	},
 	setup(e) {
-		let t = e, n = fm({
+		let t = e, n = jm({
 			locale: L(t, "locale"),
 			dateFormat: L(t, "dateFormat")
-		}), i = r(() => t.use24Hour === !0 ? !0 : t.use24Hour === !1 ? !1 : !pp(n.effectiveLocale.value));
+		}), i = r(() => t.use24Hour === !0 ? !0 : t.use24Hour === !1 ? !1 : !Mp(n.effectiveLocale.value));
 		function a(e) {
 			return typeof e == "object" && !!e && Object.prototype.toString.call(e) === "[object Temporal.PlainDateTime]";
 		}
-		let s = r(() => a(t.value) ? `${zp(t.value.toPlainDate(), n.effectiveDateFormat.value.pattern)} ${mp(t.value.hour, t.value.minute, i.value)}` : ""), c = r(() => s.value || t.placeholder), l = r(() => !s.value);
+		let s = r(() => a(t.value) ? `${im(t.value.toPlainDate(), n.effectiveDateFormat.value.pattern)} ${Np(t.value.hour, t.value.minute, i.value)}` : ""), c = r(() => s.value || t.placeholder), l = r(() => !s.value);
 		return (t, n) => (E(), o("span", { class: b(["coar-plain-date-time-view", [`coar-plain-date-time-view--${e.size}`, { "coar-plain-date-time-view--empty": l.value }]]) }, I(c.value), 3));
 	}
-}), [["__scopeId", "data-v-f32044ac"]]), sg = /* @__PURE__ */ Z(/* @__PURE__ */ d({
+}), [["__scopeId", "data-v-f32044ac"]]), Eg = /* @__PURE__ */ Z(/* @__PURE__ */ d({
 	__name: "CoarZonedDateTimeView",
 	props: {
 		value: { default: null },
@@ -14072,20 +14978,20 @@ var Sh = { class: "coar-zdtp-body" }, Ch = { class: "coar-zdtp-calendar-column"
 		size: { default: "m" }
 	},
 	setup(e) {
-		let t = e, n = fm({
+		let t = e, n = jm({
 			locale: L(t, "locale"),
 			dateFormat: L(t, "dateFormat")
-		}), i = r(() => t.use24Hour === !0 ? !0 : t.use24Hour === !1 ? !1 : !pp(n.effectiveLocale.value));
+		}), i = r(() => t.use24Hour === !0 ? !0 : t.use24Hour === !1 ? !1 : !Mp(n.effectiveLocale.value));
 		function a(e) {
 			return typeof e == "object" && !!e && Object.prototype.toString.call(e) === "[object Temporal.ZonedDateTime]";
 		}
 		let s = r(() => t.displayTimeZone ? t.displayTimeZone : a(t.value) ? t.value.timeZoneId : null), c = r(() => {
 			if (!a(t.value)) return "";
-			let e = s.value, r = e ? t.value.withTimeZone(e) : t.value, o = zp(r.toPlainDate(), n.effectiveDateFormat.value.pattern), c = mp(r.hour, r.minute, i.value);
-			return !t.showTimeZone || !e ? `${o} ${c}` : `${o} ${c} ${vh(e, r.toInstant())}`;
+			let e = s.value, r = e ? t.value.withTimeZone(e) : t.value, o = im(r.toPlainDate(), n.effectiveDateFormat.value.pattern), c = Np(r.hour, r.minute, i.value);
+			return !t.showTimeZone || !e ? `${o} ${c}` : `${o} ${c} ${Lh(e, r.toInstant())}`;
 		}), l = r(() => c.value || t.placeholder), u = r(() => !c.value);
 		return (t, n) => (E(), o("span", { class: b(["coar-zoned-date-time-view", [`coar-zoned-date-time-view--${e.size}`, { "coar-zoned-date-time-view--empty": u.value }]]) }, I(l.value), 3));
 	}
 }), [["__scopeId", "data-v-00d86dd7"]]);
 //#endregion
-export { Ee as COAR_BUILTIN_ICON_SOURCE_KEY, mm as COAR_DATE_FORMAT_TO_MASKITO_MODE, pm as COAR_DEFAULT_TIME_FORMAT, Te as COAR_ICON_SERVICE_KEY, kd as COAR_TREE_DRAG_MIME, Md as COAR_TREE_RENAME_KEY, jd as COAR_TREE_ROW_ID_KEY, Ae as CORE_ICONS, bs as CoarAvatar, Ho as CoarBadge, uf as CoarBreadcrumb, hf as CoarBreadcrumbItem, Oo as CoarButton, Zo as CoarCard, Qs as CoarCheckbox, ds as CoarCodeBlock, yo as CoarCollapse, yd as CoarContextMenu, Su as CoarDialogShell, Lo as CoarDivider, Rl as CoarDualListbox, go as CoarFade, ho as CoarFormField, Oe as CoarHttpIconSource, Q as CoarIcon, De as CoarIconMapSource, Fo as CoarIconPlugin, ke as CoarIconService, No as CoarLink, Ml as CoarListbox, Uu as CoarMenu, rd as CoarMenuDivider, id as CoarMenuHeading, $u as CoarMenuItem, um as CoarMonthList, il as CoarMultiSelect, fp as CoarNavbar, Uo as CoarNote, Ks as CoarNumberInput, Ms as CoarOtpInput, eu as CoarOverlayHost, Vl as CoarOverlayOutlet, pt as CoarOverlayPlugin, wf as CoarPagination, nf as CoarPanelLayout, Ls as CoarPasswordInput, Vm as CoarPlainDatePicker, ph as CoarPlainDateTimePicker, og as CoarPlainDateTimeView, ag as CoarPlainDateView, su as CoarPopconfirm, ou as CoarPopconfirmPanel, Xa as CoarPopover, qo as CoarProgressBar, oc as CoarRadioButton, nc as CoarRadioGroup, vo as CoarScale, tm as CoarScrollableCalendar, sf as CoarSegmentedControl, Cc as CoarSelect, Ff as CoarSidebar, sp as CoarSidebarDivider, rp as CoarSidebarGroup, ap as CoarSidebarHeading, Gf as CoarSidebarItem, cp as CoarSidebarSpacer, _o as CoarSlide, zo as CoarSpinner, Xd as CoarSplitPane, dd as CoarSubExpand, _d as CoarSubFlyout, _d as CoarSubmenuItem, uc as CoarSwitch, xd as CoarTab, Od as CoarTabGroup, xs as CoarTable, ms as CoarTag, hl as CoarTagSelect, ks as CoarTextInput, Pp as CoarTimePicker, $l as CoarToastContainer, Zl as CoarToastItem, Hd as CoarTree, Gd as CoarTreeNodeLabel, ig as CoarZonedDateTimePicker, sg as CoarZonedDateTimeView, so as FORM_FIELD_INJECTION_KEY, Mu as MenuCascade, Le as OVERLAY_DEFAULTS, lt as OVERLAY_PARENT_KEY, ct as OVERLAY_SERVICE_KEY, we as PRESET_SIZES, $s as RADIO_GROUP_INJECTION_KEY, Ef as SIDEBAR_COLLAPSED_KEY, Df as SIDEBAR_ICON_SIZE_KEY, nt as TOAST_SERVICE_KEY, Kd as TreeBuilder, Ke as computeOverlayCoordinates, wt as contextMenuPreset, Po as createCoarIconService, $e as createOverlayService, at as createToastService, xt as datepickerPreset, bt as dialogPreset, He as getAnchorRect, Be as getContainerRect, ft as getOverlayService, Ge as getScrollParents, Wa as getScrollbarInstance, st as getToastService, ze as getViewportRect, yt as hoverMenuPreset, _t as menuPreset, gt as modalPreset, Et as popconfirmPreset, St as popoverPreset, Iu as provideMenuCascade, Ru as provideMenuClose, Re as resolveOverlaySpec, vt as selectPreset, xe as setCoarDragImageFromElement, Se as setCoarDragImageFromHtml, Ct as sidebarFlyoutPreset, Tt as subFlyoutPreset, ht as tooltipPreset, bd as useContextMenu, Du as useDialog, ye as useDragDrop, Lu as useMenuCascade, zu as useMenuClose, mt as useOverlay, ut as useOverlayParent, mu as useToast, qd as useTree, ue as useVirtualList, Ua as vScrollbar, Bc as vTooltip };
+export { Ee as COAR_BUILTIN_ICON_SOURCE_KEY, Nm as COAR_DATE_FORMAT_TO_MASKITO_MODE, Mm as COAR_DEFAULT_TIME_FORMAT, Te as COAR_ICON_SERVICE_KEY, Ad as COAR_TREE_DRAG_MIME, Pd as COAR_TREE_RENAME_KEY, Md as COAR_TREE_ROW_ID_KEY, Ae as CORE_ICONS, bs as CoarAvatar, Ho as CoarBadge, kf as CoarBreadcrumb, Pf as CoarBreadcrumbItem, Oo as CoarButton, Zo as CoarCard, Qs as CoarCheckbox, ds as CoarCodeBlock, yo as CoarCollapse, yd as CoarContextMenu, Su as CoarDialogShell, Lo as CoarDivider, Rl as CoarDualListbox, go as CoarFade, ho as CoarFormField, Oe as CoarHttpIconSource, Q as CoarIcon, De as CoarIconMapSource, Fo as CoarIconPlugin, ke as CoarIconService, No as CoarLink, Ml as CoarListbox, Uu as CoarMenu, rd as CoarMenuDivider, id as CoarMenuHeading, $u as CoarMenuItem, km as CoarMonthList, il as CoarMultiSelect, jp as CoarNavbar, Uo as CoarNote, Ks as CoarNumberInput, Ms as CoarOtpInput, eu as CoarOverlayHost, Vl as CoarOverlayOutlet, pt as CoarOverlayPlugin, Uf as CoarPagination, ff as CoarPanelLayout, Ls as CoarPasswordInput, oh as CoarPlainDatePicker, Mh as CoarPlainDateTimePicker, Tg as CoarPlainDateTimeView, wg as CoarPlainDateView, su as CoarPopconfirm, ou as CoarPopconfirmPanel, Xa as CoarPopover, qo as CoarProgressBar, oc as CoarRadioButton, nc as CoarRadioGroup, vo as CoarScale, bm as CoarScrollableCalendar, gf as CoarSegmentedControl, Cc as CoarSelect, ep as CoarSidebar, Ep as CoarSidebarDivider, Sp as CoarSidebarGroup, wp as CoarSidebarHeading, up as CoarSidebarItem, Dp as CoarSidebarSpacer, _o as CoarSlide, zo as CoarSpinner, of as CoarSplitPane, dd as CoarSubExpand, _d as CoarSubFlyout, _d as CoarSubmenuItem, uc as CoarSwitch, xd as CoarTab, Od as CoarTabGroup, xs as CoarTable, ms as CoarTag, hl as CoarTagSelect, ks as CoarTextInput, $p as CoarTimePicker, $l as CoarToastContainer, Zl as CoarToastItem, Zd as CoarTree, ef as CoarTreeNodeLabel, Ef as CoarWizard, Cg as CoarZonedDateTimePicker, Eg as CoarZonedDateTimeView, kd as DEFAULT_TREE_LABELS, so as FORM_FIELD_INJECTION_KEY, Mu as MenuCascade, Le as OVERLAY_DEFAULTS, lt as OVERLAY_PARENT_KEY, ct as OVERLAY_SERVICE_KEY, we as PRESET_SIZES, $s as RADIO_GROUP_INJECTION_KEY, Gf as SIDEBAR_COLLAPSED_KEY, Kf as SIDEBAR_ICON_SIZE_KEY, nt as TOAST_SERVICE_KEY, tf as TreeBuilder, Ke as computeOverlayCoordinates, wt as contextMenuPreset, Po as createCoarIconService, $e as createOverlayService, at as createToastService, xt as datepickerPreset, bt as dialogPreset, He as getAnchorRect, Be as getContainerRect, ft as getOverlayService, Ge as getScrollParents, Wa as getScrollbarInstance, st as getToastService, ze as getViewportRect, yt as hoverMenuPreset, _t as menuPreset, gt as modalPreset, Et as popconfirmPreset, St as popoverPreset, Iu as provideMenuCascade, Ru as provideMenuClose, Re as resolveOverlaySpec, vt as selectPreset, xe as setCoarDragImageFromElement, Se as setCoarDragImageFromHtml, Ct as sidebarFlyoutPreset, Tt as subFlyoutPreset, ht as tooltipPreset, bd as useContextMenu, Du as useDialog, ye as useDragDrop, Lu as useMenuCascade, zu as useMenuClose, mt as useOverlay, ut as useOverlayParent, mu as useToast, nf as useTree, ue as useVirtualList, Ua as vScrollbar, Bc as vTooltip };