@gnome-ui/react 1.13.0 → 1.15.0

package/dist/index.js

@@ -538,7 +538,7 @@ var Me = {
 		d: "M13.5 3 6 11.5 2.5 8 1 9.5l5 5 9-10z",
 		fillRule: "evenodd"
 	}]
-}, Re = {
+}, I = {
 	wrapper: "_wrapper_1rkb1_3",
 	open: "_open_1rkb1_13",
 	bar: "_bar_1rkb1_20",
@@ -551,7 +551,7 @@ var Me = {
 };
 //#endregion
 //#region src/components/SearchBar/SearchBar.tsx
-function ze({ open: e, onClose: r, onClear: i, children: a, value: o, onChange: c, placeholder: u = "Search…", disabled: f, inline: p = !1, className: m, ...h }) {
+function Re({ open: e, onClose: r, onClear: i, children: a, value: o, onChange: c, placeholder: u = "Search…", disabled: f, inline: p = !1, className: m, ...h }) {
 	let g = d(null);
 	l(() => {
 		if (e) {
@@ -564,20 +564,20 @@ function ze({ open: e, onClose: r, onClear: i, children: a, value: o, onChange:
 	}, [r, h]), v = o !== void 0 && o !== "";
 	return /* @__PURE__ */ n("div", {
 		className: [
-			Re.wrapper,
-			e ? Re.open : null,
+			I.wrapper,
+			e ? I.open : null,
 			m
 		].filter(Boolean).join(" "),
 		"aria-hidden": !e,
 		children: [/* @__PURE__ */ n("div", {
 			className: [
-				Re.bar,
-				p ? Re.inline : null,
-				f ? Re.disabled : null
+				I.bar,
+				p ? I.inline : null,
+				f ? I.disabled : null
 			].filter(Boolean).join(" "),
 			children: [
 				/* @__PURE__ */ t("span", {
-					className: Re.searchIcon,
+					className: I.searchIcon,
 					"aria-hidden": !0,
 					children: /* @__PURE__ */ t(F, {
 						icon: Pe,
@@ -593,13 +593,13 @@ function ze({ open: e, onClose: r, onClear: i, children: a, value: o, onChange:
 					placeholder: u,
 					disabled: f,
 					tabIndex: e ? void 0 : -1,
-					className: Re.input,
+					className: I.input,
 					onKeyDown: _,
 					...h
 				}),
 				v && /* @__PURE__ */ t("button", {
 					type: "button",
-					className: Re.clearButton,
+					className: I.clearButton,
 					"aria-label": "Clear search",
 					tabIndex: e ? void 0 : -1,
 					disabled: f,
@@ -613,12 +613,12 @@ function ze({ open: e, onClose: r, onClear: i, children: a, value: o, onChange:
 				})
 			]
 		}), a && /* @__PURE__ */ t("div", {
-			className: Re.filterRow,
+			className: I.filterRow,
 			children: a
 		})]
 	});
 }
-var Be = {
+var ze = {
 	page: "_page_cb4hq_3",
 	iconWrap: "_iconWrap_cb4hq_20",
 	title: "_title_cb4hq_33",
@@ -628,7 +628,7 @@ var Be = {
 };
 //#endregion
 //#region src/components/StatusPage/StatusPage.tsx
-function Ve({ icon: e, iconNode: r, title: i, description: a, children: o, compact: s = !1, className: c, ...l }) {
+function Be({ icon: e, iconNode: r, title: i, description: a, children: o, compact: s = !1, className: c, ...l }) {
 	let u = s ? 64 : 128, d = e ? /* @__PURE__ */ t(F, {
 		icon: e,
 		width: u,
@@ -637,27 +637,27 @@ function Ve({ icon: e, iconNode: r, title: i, description: a, children: o, compa
 	}) : r ?? null;
 	return /* @__PURE__ */ n("div", {
 		className: [
-			Be.page,
-			s ? Be.compact : null,
+			ze.page,
+			s ? ze.compact : null,
 			c
 		].filter(Boolean).join(" "),
 		...l,
 		children: [
 			d && /* @__PURE__ */ t("div", {
-				className: Be.iconWrap,
+				className: ze.iconWrap,
 				"aria-hidden": "true",
 				children: d
 			}),
 			/* @__PURE__ */ t("p", {
-				className: Be.title,
+				className: ze.title,
 				children: i
 			}),
 			a && /* @__PURE__ */ t("p", {
-				className: Be.description,
+				className: ze.description,
 				children: a
 			}),
 			o && /* @__PURE__ */ t("div", {
-				className: Be.actions,
+				className: ze.actions,
 				children: o
 			})
 		]
@@ -665,18 +665,18 @@ function Ve({ icon: e, iconNode: r, title: i, description: a, children: o, compa
 }
 //#endregion
 //#region src/hooks/useBreakpoint.ts
-var He = {
+var Ve = {
 	narrow: 400,
 	medium: 550,
 	wide: 860
 };
-function Ue() {
+function He() {
 	let e = () => {
 		let e = typeof window < "u" ? window.innerWidth : 1280;
 		return {
-			isNarrow: e <= He.narrow,
-			isMedium: e <= He.medium,
-			isWide: e <= He.wide,
+			isNarrow: e <= Ve.narrow,
+			isMedium: e <= Ve.medium,
+			isWide: e <= Ve.wide,
 			width: e
 		};
 	}, [t, n] = f(e);
@@ -687,58 +687,58 @@ function Ue() {
 }
 //#endregion
 //#region src/components/Sidebar/Sidebar.module.css
-var We = "_sidebar_b80pp_3", Ge = "_section_b80pp_21", Ke = "_sectionTitle_b80pp_33", qe = "_list_b80pp_47", Je = "_item_b80pp_58", Ye = "_itemBtn_b80pp_64", Xe = "_active_b80pp_111", Ze = "_itemIcon_b80pp_127", Qe = "_itemLabel_b80pp_140", $e = "_itemSuffix_b80pp_150", et = "_contextMenu_b80pp_159", tt = "_contextMenuItem_b80pp_183", nt = "_contextMenuDestructive_b80pp_219", rt = "_searchWrap_b80pp_225", it = "_pageMode_b80pp_236", at = "_dragOver_b80pp_243", ot = "_collapsed_b80pp_251", st = "_itemCollapsed_b80pp_262", I = {
-	sidebar: We,
-	section: Ge,
-	sectionTitle: Ke,
-	list: qe,
-	item: Je,
-	itemBtn: Ye,
-	active: Xe,
-	itemIcon: Ze,
-	itemLabel: Qe,
-	itemSuffix: $e,
-	contextMenu: et,
+var Ue = "_sidebar_b80pp_3", We = "_section_b80pp_21", Ge = "_sectionTitle_b80pp_33", Ke = "_list_b80pp_47", qe = "_item_b80pp_58", Je = "_itemBtn_b80pp_64", Ye = "_active_b80pp_111", Xe = "_itemIcon_b80pp_127", Ze = "_itemLabel_b80pp_140", Qe = "_itemSuffix_b80pp_150", $e = "_contextMenu_b80pp_159", et = "_contextMenuItem_b80pp_183", tt = "_contextMenuDestructive_b80pp_219", nt = "_searchWrap_b80pp_225", rt = "_pageMode_b80pp_236", it = "_dragOver_b80pp_243", at = "_collapsed_b80pp_251", ot = "_itemCollapsed_b80pp_262", L = {
+	sidebar: Ue,
+	section: We,
+	sectionTitle: Ge,
+	list: Ke,
+	item: qe,
+	itemBtn: Je,
+	active: Ye,
+	itemIcon: Xe,
+	itemLabel: Ze,
+	itemSuffix: Qe,
+	contextMenu: $e,
 	"menu-in": "_menu-in_b80pp_1",
-	contextMenuItem: tt,
-	contextMenuDestructive: nt,
-	searchWrap: rt,
-	pageMode: it,
-	dragOver: at,
-	collapsed: ot,
-	itemCollapsed: st
-}, ct = a(!1);
-function lt() {
-	return c(ct);
+	contextMenuItem: et,
+	contextMenuDestructive: tt,
+	searchWrap: nt,
+	pageMode: rt,
+	dragOver: it,
+	collapsed: at,
+	itemCollapsed: ot
+}, st = a(!1);
+function ct() {
+	return c(st);
 }
-var ut = a("");
-function dt(e, t) {
+var lt = a("");
+function ut(e, t) {
 	let n = 0;
 	return r.forEach(e, (e) => {
 		if (!o(e)) return;
 		let r = e.props;
-		typeof r.label == "string" ? r.label.toLowerCase().includes(t.toLowerCase()) && n++ : r.children && (n += dt(r.children, t));
+		typeof r.label == "string" ? r.label.toLowerCase().includes(t.toLowerCase()) && n++ : r.children && (n += ut(r.children, t));
 	}), n;
 }
-function ft({ children: e, collapsed: r = !1, searchable: i, filter: a, onFilterChange: o, mode: s, className: c, ...l }) {
-	let [u, d] = f(""), { isNarrow: p } = Ue(), m = a !== void 0, h = m ? a : u, g = (e) => {
+function dt({ children: e, collapsed: r = !1, searchable: i, filter: a, onFilterChange: o, mode: s, className: c, ...l }) {
+	let [u, d] = f(""), { isNarrow: p } = He(), m = a !== void 0, h = m ? a : u, g = (e) => {
 		m || d(e), o?.(e);
-	}, _ = h.length > 0, v = s ?? (p ? "page" : "sidebar"), y = !_ || dt(e, h) > 0;
-	return /* @__PURE__ */ t(ct.Provider, {
+	}, _ = h.length > 0, v = s ?? (p ? "page" : "sidebar"), y = !_ || ut(e, h) > 0;
+	return /* @__PURE__ */ t(st.Provider, {
 		value: r,
-		children: /* @__PURE__ */ t(ut.Provider, {
+		children: /* @__PURE__ */ t(lt.Provider, {
 			value: h,
 			children: /* @__PURE__ */ n("nav", {
 				className: [
-					I.sidebar,
-					r ? I.collapsed : null,
-					v === "page" ? I.pageMode : null,
+					L.sidebar,
+					r ? L.collapsed : null,
+					v === "page" ? L.pageMode : null,
 					c
 				].filter(Boolean).join(" "),
 				...l,
 				children: [i && /* @__PURE__ */ t("div", {
-					className: I.searchWrap,
-					children: /* @__PURE__ */ t(ze, {
+					className: L.searchWrap,
+					children: /* @__PURE__ */ t(Re, {
 						open: !0,
 						value: h,
 						onChange: (e) => g(e.target.value),
@@ -746,7 +746,7 @@ function ft({ children: e, collapsed: r = !1, searchable: i, filter: a, onFilter
 						onClear: () => g(""),
 						inline: !0
 					})
-				}), _ && !y ? /* @__PURE__ */ t(Ve, {
+				}), _ && !y ? /* @__PURE__ */ t(Be, {
 					title: "No Results",
 					description: "No items match your search.",
 					compact: !0
@@ -757,29 +757,29 @@ function ft({ children: e, collapsed: r = !1, searchable: i, filter: a, onFilter
 }
 //#endregion
 //#region src/components/Sidebar/SidebarSection.tsx
-function pt({ title: e, children: r, className: i, ...a }) {
+function ft({ title: e, children: r, className: i, ...a }) {
 	return /* @__PURE__ */ n("section", {
-		className: [I.section, i].filter(Boolean).join(" "),
+		className: [L.section, i].filter(Boolean).join(" "),
 		...a,
 		children: [e && /* @__PURE__ */ t("h3", {
-			className: I.sectionTitle,
+			className: L.sectionTitle,
 			children: e
 		}), /* @__PURE__ */ t("ul", {
 			role: "list",
-			className: I.list,
+			className: L.list,
 			children: r
 		})]
 	});
 }
-var mt = {
+var pt = {
 	tooltip: "_tooltip_y4het_3",
 	visible: "_visible_y4het_29",
 	top: "_top_y4het_55",
 	bottom: "_bottom_y4het_62",
 	left: "_left_y4het_69",
 	right: "_right_y4het_76"
-}, ht = 6;
-function gt(e, t, n) {
+}, mt = 6;
+function ht(e, t, n) {
 	let r = window.innerWidth, i = window.innerHeight, a = [
 		n,
 		n === "top" || n === "bottom" ? n === "top" ? "bottom" : "top" : n === "left" ? "right" : "left",
@@ -790,7 +790,7 @@ function gt(e, t, n) {
 	];
 	for (let n of a) {
 		let a = 0, o = 0;
-		n === "top" ? (a = e.top - t.height - ht, o = e.left + e.width / 2 - t.width / 2) : n === "bottom" ? (a = e.bottom + ht, o = e.left + e.width / 2 - t.width / 2) : n === "left" ? (a = e.top + e.height / 2 - t.height / 2, o = e.left - t.width - ht) : (a = e.top + e.height / 2 - t.height / 2, o = e.right + ht);
+		n === "top" ? (a = e.top - t.height - mt, o = e.left + e.width / 2 - t.width / 2) : n === "bottom" ? (a = e.bottom + mt, o = e.left + e.width / 2 - t.width / 2) : n === "left" ? (a = e.top + e.height / 2 - t.height / 2, o = e.left - t.width - mt) : (a = e.top + e.height / 2 - t.height / 2, o = e.right + mt);
 		let s = o >= 8 && o + t.width <= r - 8, c = a >= 8 && a + t.height <= i - 8;
 		if (s && c) return {
 			top: Math.max(8, Math.min(a, i - t.height - 8)),
@@ -799,17 +799,17 @@ function gt(e, t, n) {
 		};
 	}
 	let o = 0, s = 0;
-	return n === "top" && (o = e.top - t.height - ht, s = e.left + e.width / 2 - t.width / 2), n === "bottom" && (o = e.bottom + ht, s = e.left + e.width / 2 - t.width / 2), n === "left" && (o = e.top + e.height / 2 - t.height / 2, s = e.left - t.width - ht), n === "right" && (o = e.top + e.height / 2 - t.height / 2, s = e.right + ht), {
+	return n === "top" && (o = e.top - t.height - mt, s = e.left + e.width / 2 - t.width / 2), n === "bottom" && (o = e.bottom + mt, s = e.left + e.width / 2 - t.width / 2), n === "left" && (o = e.top + e.height / 2 - t.height / 2, s = e.left - t.width - mt), n === "right" && (o = e.top + e.height / 2 - t.height / 2, s = e.right + mt), {
 		top: Math.max(8, Math.min(o, i - t.height - 8)),
 		left: Math.max(8, Math.min(s, window.innerWidth - t.width - 8)),
 		placement: n
 	};
 }
-function _t({ label: r, placement: a = "top", delay: o = 500, children: c }) {
+function gt({ label: r, placement: a = "top", delay: o = 500, children: c }) {
 	let m = u(), [h, g] = f(!1), [_, v] = f(null), y = d(null), b = d(null), x = d(null), S = () => {
 		x.current &&= (clearTimeout(x.current), null);
 	}, C = s(() => {
-		!y.current || !b.current || v(gt(y.current.getBoundingClientRect(), b.current.getBoundingClientRect(), a));
+		!y.current || !b.current || v(ht(y.current.getBoundingClientRect(), b.current.getBoundingClientRect(), a));
 	}, [a]);
 	l(() => {
 		if (h) return C(), window.addEventListener("scroll", C, {
@@ -853,9 +853,9 @@ function _t({ label: r, placement: a = "top", delay: o = 500, children: c }) {
 		id: m,
 		role: "tooltip",
 		className: [
-			mt.tooltip,
-			_ ? mt[_.placement] : null,
-			h && _ ? mt.visible : null
+			pt.tooltip,
+			_ ? pt[_.placement] : null,
+			h && _ ? pt.visible : null
 		].filter(Boolean).join(" "),
 		style: _ ? {
 			top: _.top,
@@ -871,8 +871,8 @@ function _t({ label: r, placement: a = "top", delay: o = 500, children: c }) {
 }
 //#endregion
 //#region src/components/Sidebar/SidebarItem.tsx
-function vt({ label: e, icon: r, active: i = !1, suffix: a, badge: o, tooltip: u, menuItems: m, onDrop: h, acceptTypes: g, className: _, ...v }) {
-	let y = lt(), b = c(ut), x = a ?? o, S = y ? u ?? e : u, C = b.length > 0 && !e.toLowerCase().includes(b.toLowerCase()), [w, T] = f(!1), E = (e) => {
+function _t({ label: e, icon: r, active: i = !1, suffix: a, badge: o, tooltip: u, menuItems: m, onDrop: h, acceptTypes: g, className: _, ...v }) {
+	let y = ct(), b = c(lt), x = a ?? o, S = y ? u ?? e : u, C = b.length > 0 && !e.toLowerCase().includes(b.toLowerCase()), [w, T] = f(!1), E = (e) => {
 		h && (g?.length && !g.some((t) => e.dataTransfer.types.includes(t)) || (e.preventDefault(), T(!0)));
 	}, D = () => T(!1), O = (e) => {
 		h && (e.preventDefault(), T(!1), h(e));
@@ -905,10 +905,10 @@ function vt({ label: e, icon: r, active: i = !1, suffix: a, badge: o, tooltip: u
 		"aria-current": i ? "page" : void 0,
 		"aria-label": y ? e : void 0,
 		className: [
-			I.itemBtn,
-			i ? I.active : null,
-			y ? I.itemCollapsed : null,
-			w ? I.dragOver : null,
+			L.itemBtn,
+			i ? L.active : null,
+			y ? L.itemCollapsed : null,
+			w ? L.dragOver : null,
 			_
 		].filter(Boolean).join(" "),
 		onContextMenu: P,
@@ -919,7 +919,7 @@ function vt({ label: e, icon: r, active: i = !1, suffix: a, badge: o, tooltip: u
 		...v,
 		children: [
 			r && /* @__PURE__ */ t("span", {
-				className: I.itemIcon,
+				className: L.itemIcon,
 				children: /* @__PURE__ */ t(F, {
 					icon: r,
 					size: "md",
@@ -927,25 +927,25 @@ function vt({ label: e, icon: r, active: i = !1, suffix: a, badge: o, tooltip: u
 				})
 			}),
 			!y && /* @__PURE__ */ t("span", {
-				className: I.itemLabel,
+				className: L.itemLabel,
 				children: e
 			}),
 			!y && x && /* @__PURE__ */ t("span", {
-				className: I.itemSuffix,
+				className: L.itemSuffix,
 				children: x
 			})
 		]
 	});
 	return /* @__PURE__ */ n("li", {
-		className: I.item,
+		className: L.item,
 		hidden: C || void 0,
-		children: [S ? /* @__PURE__ */ t(_t, {
+		children: [S ? /* @__PURE__ */ t(gt, {
 			label: S,
 			placement: "right",
 			children: te
 		}) : te, k && m?.length && typeof document < "u" && p(/* @__PURE__ */ t("div", {
 			ref: j,
-			className: I.contextMenu,
+			className: L.contextMenu,
 			style: {
 				top: k.y,
 				left: k.x
@@ -955,7 +955,7 @@ function vt({ label: e, icon: r, active: i = !1, suffix: a, badge: o, tooltip: u
 				type: "button",
 				role: "menuitem",
 				disabled: e.disabled,
-				className: [I.contextMenuItem, e.destructive ? I.contextMenuDestructive : null].filter(Boolean).join(" "),
+				className: [L.contextMenuItem, e.destructive ? L.contextMenuDestructive : null].filter(Boolean).join(" "),
 				onClick: () => {
 					e.onClick(), N();
 				},
@@ -964,7 +964,7 @@ function vt({ label: e, icon: r, active: i = !1, suffix: a, badge: o, tooltip: u
 		}), document.body)]
 	});
 }
-var yt = {
+var vt = {
 	spin: "_spin_7d4yi_3",
 	disabled: "_disabled_7d4yi_36",
 	btn: "_btn_7d4yi_43",
@@ -972,15 +972,15 @@ var yt = {
 };
 //#endregion
 //#region src/components/SpinButton/SpinButton.tsx
-function bt(e) {
+function yt(e) {
 	let t = e.toString(), n = t.indexOf(".");
 	return n === -1 ? 0 : t.length - n - 1;
 }
-function xt(e, t, n) {
+function bt(e, t, n) {
 	return Math.min(n, Math.max(t, e));
 }
-function St({ value: e, onChange: r, min: i = 0, max: a = 100, step: o = 1, decimals: c, disabled: l = !1, className: u, "aria-label": d, "aria-labelledby": f, ...p }) {
-	let m = c ?? bt(o), h = s((e) => r(parseFloat(xt(e, i, a).toFixed(m))), [
+function xt({ value: e, onChange: r, min: i = 0, max: a = 100, step: o = 1, decimals: c, disabled: l = !1, className: u, "aria-label": d, "aria-labelledby": f, ...p }) {
+	let m = c ?? yt(o), h = s((e) => r(parseFloat(bt(e, i, a).toFixed(m))), [
 		r,
 		i,
 		a,
@@ -1024,8 +1024,8 @@ function St({ value: e, onChange: r, min: i = 0, max: a = 100, step: o = 1, deci
 		tabIndex: l ? -1 : 0,
 		onKeyDown: l ? void 0 : g,
 		className: [
-			yt.spin,
-			l ? yt.disabled : null,
+			vt.spin,
+			l ? vt.disabled : null,
 			u
 		].filter(Boolean).join(" "),
 		...p,
@@ -1035,12 +1035,12 @@ function St({ value: e, onChange: r, min: i = 0, max: a = 100, step: o = 1, deci
 				tabIndex: -1,
 				"aria-hidden": "true",
 				disabled: l || e <= i,
-				className: yt.btn,
+				className: vt.btn,
 				onClick: () => h(e - o),
 				children: "−"
 			}),
 			/* @__PURE__ */ t("span", {
-				className: yt.value,
+				className: vt.value,
 				"aria-hidden": "true",
 				children: e.toFixed(m)
 			}),
@@ -1049,14 +1049,14 @@ function St({ value: e, onChange: r, min: i = 0, max: a = 100, step: o = 1, deci
 				tabIndex: -1,
 				"aria-hidden": "true",
 				disabled: l || e >= a,
-				className: yt.btn,
+				className: vt.btn,
 				onClick: () => h(e + o),
 				children: "+"
 			})
 		]
 	});
 }
-var L = {
+var R = {
 	bar: "_bar_12ars_3",
 	list: "_list_12ars_10",
 	tab: "_tab_12ars_26",
@@ -1069,7 +1069,7 @@ var L = {
 };
 //#endregion
 //#region src/components/Tabs/TabBar.tsx
-function Ct({ children: e, className: n, inline: r = !1, "aria-label": i = "Tabs", ...a }) {
+function St({ children: e, className: n, inline: r = !1, "aria-label": i = "Tabs", ...a }) {
 	let o = d(null);
 	function s(e) {
 		let t = Array.from(o.current?.querySelectorAll("[role=tab]:not(:disabled)") ?? []), n = t.findIndex((e) => e === document.activeElement);
@@ -1084,8 +1084,8 @@ function Ct({ children: e, className: n, inline: r = !1, "aria-label": i = "Tabs
 	}
 	return /* @__PURE__ */ t("div", {
 		className: [
-			L.bar,
-			r ? L.inline : null,
+			R.bar,
+			r ? R.inline : null,
 			n
 		].filter(Boolean).join(" "),
 		...a,
@@ -1093,7 +1093,7 @@ function Ct({ children: e, className: n, inline: r = !1, "aria-label": i = "Tabs
 			ref: o,
 			role: "tablist",
 			"aria-label": i,
-			className: L.list,
+			className: R.list,
 			onKeyDown: s,
 			children: e
 		})
@@ -1101,7 +1101,7 @@ function Ct({ children: e, className: n, inline: r = !1, "aria-label": i = "Tabs
 }
 //#endregion
 //#region src/components/Tabs/TabItem.tsx
-function wt({ label: e, icon: r, active: i = !1, panelId: a, onClose: o, closeLabel: s = "Close tab", className: c, disabled: l, ...u }) {
+function Ct({ label: e, icon: r, active: i = !1, panelId: a, onClose: o, closeLabel: s = "Close tab", className: c, disabled: l, ...u }) {
 	return /* @__PURE__ */ n("button", {
 		role: "tab",
 		type: "button",
@@ -1110,15 +1110,15 @@ function wt({ label: e, icon: r, active: i = !1, panelId: a, onClose: o, closeLa
 		tabIndex: i ? 0 : -1,
 		disabled: l,
 		className: [
-			L.tab,
-			i ? L.active : null,
-			o ? L.closeable : null,
+			R.tab,
+			i ? R.active : null,
+			o ? R.closeable : null,
 			c
 		].filter(Boolean).join(" "),
 		...u,
 		children: [
 			r && /* @__PURE__ */ t("span", {
-				className: L.tabIcon,
+				className: R.tabIcon,
 				children: /* @__PURE__ */ t(F, {
 					icon: r,
 					size: "sm",
@@ -1126,14 +1126,14 @@ function wt({ label: e, icon: r, active: i = !1, panelId: a, onClose: o, closeLa
 				})
 			}),
 			/* @__PURE__ */ t("span", {
-				className: L.tabLabel,
+				className: R.tabLabel,
 				children: e
 			}),
 			o && /* @__PURE__ */ t("span", {
 				role: "button",
 				tabIndex: 0,
 				"aria-label": s,
-				className: L.closeBtn,
+				className: R.closeBtn,
 				onClick: (e) => {
 					e.stopPropagation(), o();
 				},
@@ -1147,18 +1147,18 @@ function wt({ label: e, icon: r, active: i = !1, panelId: a, onClose: o, closeLa
 }
 //#endregion
 //#region src/components/Tabs/TabPanel.tsx
-function Tt({ id: e, active: n = !1, className: r, children: i, ...a }) {
+function wt({ id: e, active: n = !1, className: r, children: i, ...a }) {
 	return /* @__PURE__ */ t("div", {
 		id: e,
 		role: "tabpanel",
 		hidden: !n,
 		tabIndex: 0,
-		className: [L.panel, r].filter(Boolean).join(" "),
+		className: [R.panel, r].filter(Boolean).join(" "),
 		...a,
 		children: i
 	});
 }
-var R = {
+var z = {
 	row: "_row_17clq_3",
 	leading: "_leading_17clq_16",
 	content: "_content_17clq_25",
@@ -1171,39 +1171,39 @@ var R = {
 };
 //#endregion
 //#region src/components/ActionRow/ActionRow.tsx
-function Et({ title: e, subtitle: r, leading: i, trailing: a, interactive: o = !1, variant: s = "default", className: c, ...l }) {
+function Tt({ title: e, subtitle: r, leading: i, trailing: a, interactive: o = !1, variant: s = "default", className: c, ...l }) {
 	let u = o ? "button" : "div", d = s === "property";
 	return /* @__PURE__ */ n(u, {
 		className: [
-			R.row,
-			o ? R.interactive : null,
-			d ? R.property : null,
+			z.row,
+			o ? z.interactive : null,
+			d ? z.property : null,
 			c
 		].filter(Boolean).join(" "),
 		...l,
 		children: [
 			i && /* @__PURE__ */ t("span", {
-				className: R.leading,
+				className: z.leading,
 				children: i
 			}),
 			/* @__PURE__ */ n("span", {
-				className: R.content,
+				className: z.content,
 				children: [/* @__PURE__ */ t("span", {
-					className: d ? R.propertyLabel : R.title,
+					className: d ? z.propertyLabel : z.title,
 					children: e
 				}), r && /* @__PURE__ */ t("span", {
-					className: d ? R.propertyValue : R.subtitle,
+					className: d ? z.propertyValue : z.subtitle,
 					children: r
 				})]
 			}),
 			a && /* @__PURE__ */ t("span", {
-				className: R.trailing,
+				className: z.trailing,
 				children: a
 			})
 		]
 	});
 }
-var Dt = {
+var Et = {
 	list: "_list_1mn4t_3",
 	item: "_item_1mn4t_17",
 	divider: "_divider_1mn4t_25",
@@ -1212,26 +1212,26 @@ var Dt = {
 };
 //#endregion
 //#region src/components/BoxedList/BoxedList.tsx
-function Ot({ children: e, variant: i = "default", className: a, ...o }) {
+function Dt({ children: e, variant: i = "default", className: a, ...o }) {
 	let s = r.toArray(e).filter(Boolean), c = i === "separate";
 	return /* @__PURE__ */ t("ul", {
 		role: "list",
 		className: [
-			Dt.list,
-			c ? Dt.separate : null,
+			Et.list,
+			c ? Et.separate : null,
 			a
 		].filter(Boolean).join(" "),
 		...o,
 		children: s.map((e, r) => /* @__PURE__ */ n("li", {
-			className: c ? Dt.separateItem : Dt.item,
+			className: c ? Et.separateItem : Et.item,
 			children: [!c && r > 0 && /* @__PURE__ */ t("div", {
-				className: Dt.divider,
+				className: Et.divider,
 				"aria-hidden": "true"
 			}), e]
 		}, r))
 	});
 }
-var kt = {
+var Ot = {
 	switcher: "_switcher_1uh9r_3",
 	item: "_item_1uh9r_18",
 	active: "_active_1uh9r_45",
@@ -1240,7 +1240,7 @@ var kt = {
 };
 //#endregion
 //#region src/components/ViewSwitcher/ViewSwitcher.tsx
-function At({ children: e, className: n, "aria-label": r = "View switcher", ...i }) {
+function kt({ children: e, className: n, "aria-label": r = "View switcher", ...i }) {
 	let a = d(null);
 	function o(e) {
 		let t = Array.from(a.current?.querySelectorAll("[role=radio]:not(:disabled)") ?? []), n = t.findIndex((e) => e === document.activeElement);
@@ -1258,14 +1258,14 @@ function At({ children: e, className: n, "aria-label": r = "View switcher", ...i
 		role: "radiogroup",
 		"aria-label": r,
 		onKeyDown: o,
-		className: [kt.switcher, n].filter(Boolean).join(" "),
+		className: [Ot.switcher, n].filter(Boolean).join(" "),
 		...i,
 		children: e
 	});
 }
 //#endregion
 //#region src/components/ViewSwitcher/ViewSwitcherItem.tsx
-function jt({ label: e, icon: r, active: i = !1, className: a, disabled: o, ...s }) {
+function At({ label: e, icon: r, active: i = !1, className: a, disabled: o, ...s }) {
 	return /* @__PURE__ */ n("button", {
 		type: "button",
 		role: "radio",
@@ -1273,40 +1273,40 @@ function jt({ label: e, icon: r, active: i = !1, className: a, disabled: o, ...s
 		tabIndex: i ? 0 : -1,
 		disabled: o,
 		className: [
-			kt.item,
-			i ? kt.active : null,
+			Ot.item,
+			i ? Ot.active : null,
 			a
 		].filter(Boolean).join(" "),
 		...s,
 		children: [r && /* @__PURE__ */ t("span", {
-			className: kt.itemIcon,
+			className: Ot.itemIcon,
 			children: /* @__PURE__ */ t(F, {
 				icon: r,
 				size: "md",
 				"aria-hidden": !0
 			})
 		}), /* @__PURE__ */ t("span", {
-			className: kt.itemLabel,
+			className: Ot.itemLabel,
 			children: e
 		})]
 	});
 }
 //#endregion
 //#region src/components/Toast/Toast.module.css
-var Mt = "_toaster_1tgvb_3", Nt = "_toasterBottom_1tgvb_18", Pt = "_toasterTop_1tgvb_22", Ft = "_toast_1tgvb_3", It = "_title_1tgvb_69", Lt = "_actions_1tgvb_76", Rt = "_actionBtn_1tgvb_85", zt = "_dismissBtn_1tgvb_118", Bt = {
-	toaster: Mt,
-	toasterBottom: Nt,
-	toasterTop: Pt,
-	toast: Ft,
+var jt = "_toaster_1tgvb_3", Mt = "_toasterBottom_1tgvb_18", Nt = "_toasterTop_1tgvb_22", Pt = "_toast_1tgvb_3", Ft = "_title_1tgvb_69", It = "_actions_1tgvb_76", Lt = "_actionBtn_1tgvb_85", Rt = "_dismissBtn_1tgvb_118", zt = {
+	toaster: jt,
+	toasterBottom: Mt,
+	toasterTop: Nt,
+	toast: Pt,
 	"toast-in": "_toast-in_1tgvb_1",
-	title: It,
-	actions: Lt,
-	actionBtn: Rt,
-	dismissBtn: zt
+	title: Ft,
+	actions: It,
+	actionBtn: Lt,
+	dismissBtn: Rt
 };
 //#endregion
 //#region src/components/Toast/Toast.tsx
-function Vt({ title: e, duration: r = 3e3, onDismiss: i, actionLabel: a, onAction: o, dismissible: s = !1, className: c, ...u }) {
+function Bt({ title: e, duration: r = 3e3, onDismiss: i, actionLabel: a, onAction: o, dismissible: s = !1, className: c, ...u }) {
 	let f = d(null), p = d(r), m = d(0), h = () => {
 		f.current &&= (clearTimeout(f.current), null);
 	}, g = (e) => {
@@ -1327,25 +1327,25 @@ function Vt({ title: e, duration: r = 3e3, onDismiss: i, actionLabel: a, onActio
 		role: "status",
 		"aria-live": "polite",
 		"aria-atomic": "true",
-		className: [Bt.toast, c].filter(Boolean).join(" "),
+		className: [zt.toast, c].filter(Boolean).join(" "),
 		onMouseEnter: _,
 		onMouseLeave: v,
 		onFocus: _,
 		onBlur: v,
 		...u,
 		children: [/* @__PURE__ */ t("span", {
-			className: Bt.title,
+			className: zt.title,
 			children: e
 		}), (a || s) && /* @__PURE__ */ n("span", {
-			className: Bt.actions,
+			className: zt.actions,
 			children: [a && /* @__PURE__ */ t("button", {
 				type: "button",
-				className: Bt.actionBtn,
+				className: zt.actionBtn,
 				onClick: y,
 				children: a
 			}), s && /* @__PURE__ */ t("button", {
 				type: "button",
-				className: Bt.dismissBtn,
+				className: zt.dismissBtn,
 				"aria-label": "Dismiss",
 				onClick: () => {
 					h(), i?.();
@@ -1361,12 +1361,12 @@ function Vt({ title: e, duration: r = 3e3, onDismiss: i, actionLabel: a, onActio
 }
 //#endregion
 //#region src/components/Toast/Toaster.tsx
-function Ht({ position: e = "bottom", children: n, container: r, className: i, ...a }) {
+function Vt({ position: e = "bottom", children: n, container: r, className: i, ...a }) {
 	let o = /* @__PURE__ */ t("div", {
 		"aria-label": "Notifications",
 		className: [
-			Bt.toaster,
-			e === "top" ? Bt.toasterTop : Bt.toasterBottom,
+			zt.toaster,
+			e === "top" ? zt.toasterTop : zt.toasterBottom,
 			i
 		].filter(Boolean).join(" "),
 		...a,
@@ -1376,57 +1376,57 @@ function Ht({ position: e = "bottom", children: n, container: r, className: i, .
 }
 //#endregion
 //#region src/components/Dialog/Dialog.module.css
-var Ut = "_backdrop_zx0yn_3", Wt = "_dialog_zx0yn_26", Gt = "_title_zx0yn_56", Kt = "_body_zx0yn_70", qt = "_footer_zx0yn_85", Jt = "_btn_zx0yn_92", Yt = "_dialogAbout_zx0yn_155", Xt = "_aboutHeader_zx0yn_162", Zt = "_aboutIcon_zx0yn_171", Qt = "_aboutAppName_zx0yn_180", $t = "_aboutVersion_zx0yn_187", en = "_aboutTabBar_zx0yn_194", tn = "_aboutTabBtn_zx0yn_201", nn = "_aboutTabBtnActive_zx0yn_220", rn = "_aboutTabContent_zx0yn_233", an = "_aboutSection_zx0yn_238", on = "_aboutComments_zx0yn_243", sn = "_aboutInfoList_zx0yn_252", cn = "_aboutInfoLabel_zx0yn_259", ln = "_aboutInfoValue_zx0yn_267", un = "_aboutLink_zx0yn_275", dn = "_aboutCreditGroup_zx0yn_283", fn = "_aboutCreditTitle_zx0yn_287", pn = "_aboutCreditList_zx0yn_297", mn = "_aboutCreditItem_zx0yn_306", hn = "_aboutCopyright_zx0yn_312", gn = "_aboutLicenseType_zx0yn_319", _n = "_aboutLicenseText_zx0yn_326", z = {
-	backdrop: Ut,
+var Ht = "_backdrop_zx0yn_3", Ut = "_dialog_zx0yn_26", Wt = "_title_zx0yn_56", Gt = "_body_zx0yn_70", Kt = "_footer_zx0yn_85", qt = "_btn_zx0yn_92", Jt = "_dialogAbout_zx0yn_155", Yt = "_aboutHeader_zx0yn_162", Xt = "_aboutIcon_zx0yn_171", Zt = "_aboutAppName_zx0yn_180", Qt = "_aboutVersion_zx0yn_187", $t = "_aboutTabBar_zx0yn_194", en = "_aboutTabBtn_zx0yn_201", tn = "_aboutTabBtnActive_zx0yn_220", nn = "_aboutTabContent_zx0yn_233", rn = "_aboutSection_zx0yn_238", an = "_aboutComments_zx0yn_243", on = "_aboutInfoList_zx0yn_252", sn = "_aboutInfoLabel_zx0yn_259", cn = "_aboutInfoValue_zx0yn_267", ln = "_aboutLink_zx0yn_275", un = "_aboutCreditGroup_zx0yn_283", dn = "_aboutCreditTitle_zx0yn_287", fn = "_aboutCreditList_zx0yn_297", pn = "_aboutCreditItem_zx0yn_306", mn = "_aboutCopyright_zx0yn_312", hn = "_aboutLicenseType_zx0yn_319", gn = "_aboutLicenseText_zx0yn_326", B = {
+	backdrop: Ht,
 	"backdrop-in": "_backdrop-in_zx0yn_1",
-	dialog: Wt,
+	dialog: Ut,
 	"dialog-in": "_dialog-in_zx0yn_1",
-	title: Gt,
-	body: Kt,
-	footer: qt,
-	btn: Jt,
+	title: Wt,
+	body: Gt,
+	footer: Kt,
+	btn: qt,
 	"btn-default": "_btn-default_zx0yn_140",
 	"btn-suggested": "_btn-suggested_zx0yn_144",
 	"btn-destructive": "_btn-destructive_zx0yn_149",
-	dialogAbout: Yt,
-	aboutHeader: Xt,
-	aboutIcon: Zt,
-	aboutAppName: Qt,
-	aboutVersion: $t,
-	aboutTabBar: en,
-	aboutTabBtn: tn,
-	aboutTabBtnActive: nn,
-	aboutTabContent: rn,
-	aboutSection: an,
-	aboutComments: on,
-	aboutInfoList: sn,
-	aboutInfoLabel: cn,
-	aboutInfoValue: ln,
-	aboutLink: un,
-	aboutCreditGroup: dn,
-	aboutCreditTitle: fn,
-	aboutCreditList: pn,
-	aboutCreditItem: mn,
-	aboutCopyright: hn,
-	aboutLicenseType: gn,
-	aboutLicenseText: _n
-}, vn = "button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
-function yn(e, t) {
+	dialogAbout: Jt,
+	aboutHeader: Yt,
+	aboutIcon: Xt,
+	aboutAppName: Zt,
+	aboutVersion: Qt,
+	aboutTabBar: $t,
+	aboutTabBtn: en,
+	aboutTabBtnActive: tn,
+	aboutTabContent: nn,
+	aboutSection: rn,
+	aboutComments: an,
+	aboutInfoList: on,
+	aboutInfoLabel: sn,
+	aboutInfoValue: cn,
+	aboutLink: ln,
+	aboutCreditGroup: un,
+	aboutCreditTitle: dn,
+	aboutCreditList: fn,
+	aboutCreditItem: pn,
+	aboutCopyright: mn,
+	aboutLicenseType: hn,
+	aboutLicenseText: gn
+}, _n = "button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
+function vn(e, t) {
 	if (e.key !== "Tab") return;
-	let n = Array.from(t.current?.querySelectorAll(vn) ?? []);
+	let n = Array.from(t.current?.querySelectorAll(_n) ?? []);
 	if (!n.length) return;
 	let r = n[0], i = n[n.length - 1];
 	e.shiftKey ? document.activeElement === r && (e.preventDefault(), i.focus()) : document.activeElement === i && (e.preventDefault(), r.focus());
 }
-var bn = {
+var yn = {
 	details: "Details",
 	credits: "Credits",
 	legal: "Legal"
 };
-function xn({ open: r, title: i, children: a, buttons: o = [], onClose: c, closeOnBackdrop: m = !0, role: h = "dialog", responses: g, onResponse: _, variant: v, applicationName: y, applicationIcon: b, version: x, comments: S, developerName: C, website: w, websiteLabel: T, developers: E, designers: D, artists: O, copyright: k, licenseType: A, licenseText: j, links: M, className: N, ...P }) {
+function bn({ open: r, title: i, children: a, buttons: o = [], onClose: c, closeOnBackdrop: m = !0, role: h = "dialog", responses: g, onResponse: _, variant: v, applicationName: y, applicationIcon: b, version: x, comments: S, developerName: C, website: w, websiteLabel: T, developers: E, designers: D, artists: O, copyright: k, licenseType: A, licenseText: j, links: M, className: N, ...P }) {
 	let ee = d(null), te = u(), ne = d(null), [re, ie] = f("details"), ae = !!g, oe = v === "about";
 	l(() => {
-		r ? (ne.current = document.activeElement, (ee.current?.querySelector(vn))?.focus()) : (ne.current?.focus(), oe && ie("details"));
+		r ? (ne.current = document.activeElement, (ee.current?.querySelector(_n))?.focus()) : (ne.current?.focus(), oe && ie("details"));
 	}, [r, oe]);
 	let se = s(() => {
 		let e = g?.find((e) => e.variant !== "destructive" && !e.disabled);
@@ -1436,7 +1436,7 @@ function xn({ open: r, title: i, children: a, buttons: o = [], onClose: c, close
 			e.preventDefault(), ae ? se() : c?.();
 			return;
 		}
-		yn(e, ee);
+		vn(e, ee);
 	}, [
 		ae,
 		se,
@@ -1448,103 +1448,103 @@ function xn({ open: r, title: i, children: a, buttons: o = [], onClose: c, close
 		!!(E?.length || D?.length || O?.length) && "credits",
 		!!(k || A || j) && "legal"
 	].filter(Boolean), de = () => oe ? /* @__PURE__ */ t("div", {
-		className: z.footer,
+		className: B.footer,
 		children: /* @__PURE__ */ t("button", {
 			type: "button",
-			className: [z.btn, z["btn-default"]].join(" "),
+			className: [B.btn, B["btn-default"]].join(" "),
 			onClick: c,
 			children: "Close"
 		})
 	}) : ae && g ? /* @__PURE__ */ t("div", {
-		className: z.footer,
+		className: B.footer,
 		children: g.map((e) => /* @__PURE__ */ t("button", {
 			type: "button",
 			disabled: e.disabled,
-			className: [z.btn, z[`btn-${e.variant ?? "default"}`]].filter(Boolean).join(" "),
+			className: [B.btn, B[`btn-${e.variant ?? "default"}`]].filter(Boolean).join(" "),
 			onClick: () => _?.(e.id),
 			children: e.label
 		}, e.id))
 	}) : o.length > 0 ? /* @__PURE__ */ t("div", {
-		className: z.footer,
+		className: B.footer,
 		children: o.map((e) => /* @__PURE__ */ t("button", {
 			type: "button",
 			disabled: e.disabled,
-			className: [z.btn, z[`btn-${e.variant ?? "default"}`]].filter(Boolean).join(" "),
+			className: [B.btn, B[`btn-${e.variant ?? "default"}`]].filter(Boolean).join(" "),
 			onClick: e.onClick,
 			children: e.label
 		}, e.label))
 	}) : null, fe = () => /* @__PURE__ */ n(e, { children: [
 		/* @__PURE__ */ n("div", {
-			className: z.aboutHeader,
+			className: B.aboutHeader,
 			children: [
 				b && /* @__PURE__ */ t("div", {
-					className: z.aboutIcon,
+					className: B.aboutIcon,
 					children: b
 				}),
 				/* @__PURE__ */ t("div", {
 					id: te,
-					className: z.aboutAppName,
+					className: B.aboutAppName,
 					children: y
 				}),
 				x && /* @__PURE__ */ t("div", {
-					className: z.aboutVersion,
+					className: B.aboutVersion,
 					children: x
 				})
 			]
 		}),
 		ue.length > 1 && /* @__PURE__ */ t("div", {
-			className: z.aboutTabBar,
+			className: B.aboutTabBar,
 			role: "tablist",
 			children: ue.map((e) => /* @__PURE__ */ t("button", {
 				type: "button",
 				role: "tab",
 				"aria-selected": re === e,
-				className: [z.aboutTabBtn, re === e ? z.aboutTabBtnActive : null].filter(Boolean).join(" "),
+				className: [B.aboutTabBtn, re === e ? B.aboutTabBtnActive : null].filter(Boolean).join(" "),
 				onClick: () => ie(e),
-				children: bn[e]
+				children: yn[e]
 			}, e))
 		}),
 		/* @__PURE__ */ n("div", {
-			className: z.aboutTabContent,
+			className: B.aboutTabContent,
 			children: [
 				re === "details" && /* @__PURE__ */ n("div", {
-					className: z.aboutSection,
+					className: B.aboutSection,
 					children: [S && /* @__PURE__ */ t("p", {
-						className: z.aboutComments,
+						className: B.aboutComments,
 						children: S
 					}), (C || w || M?.length) && /* @__PURE__ */ n("dl", {
-						className: z.aboutInfoList,
+						className: B.aboutInfoList,
 						children: [
 							C && /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("dt", {
-								className: z.aboutInfoLabel,
+								className: B.aboutInfoLabel,
 								children: "Developer"
 							}), /* @__PURE__ */ t("dd", {
-								className: z.aboutInfoValue,
+								className: B.aboutInfoValue,
 								children: C
 							})] }),
 							w && /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("dt", {
-								className: z.aboutInfoLabel,
+								className: B.aboutInfoLabel,
 								children: "Website"
 							}), /* @__PURE__ */ t("dd", {
-								className: z.aboutInfoValue,
+								className: B.aboutInfoValue,
 								children: /* @__PURE__ */ t("a", {
 									href: w,
 									target: "_blank",
 									rel: "noopener noreferrer",
-									className: z.aboutLink,
+									className: B.aboutLink,
 									children: T ?? w
 								})
 							})] }),
 							M?.map((r) => /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("dt", {
-								className: z.aboutInfoLabel,
+								className: B.aboutInfoLabel,
 								children: r.label
 							}, `${r.label}-dt`), /* @__PURE__ */ t("dd", {
-								className: z.aboutInfoValue,
+								className: B.aboutInfoValue,
 								children: /* @__PURE__ */ t("a", {
 									href: r.url,
 									target: "_blank",
 									rel: "noopener noreferrer",
-									className: z.aboutLink,
+									className: B.aboutLink,
 									children: r.url
 								})
 							}, `${r.label}-dd`)] }))
@@ -1552,7 +1552,7 @@ function xn({ open: r, title: i, children: a, buttons: o = [], onClose: c, close
 					})]
 				}),
 				re === "credits" && /* @__PURE__ */ t("div", {
-					className: z.aboutSection,
+					className: B.aboutSection,
 					children: [
 						{
 							heading: "Developers",
@@ -1567,32 +1567,32 @@ function xn({ open: r, title: i, children: a, buttons: o = [], onClose: c, close
 							list: O
 						}
 					].filter((e) => e.list?.length).map(({ heading: e, list: r }) => /* @__PURE__ */ n("div", {
-						className: z.aboutCreditGroup,
+						className: B.aboutCreditGroup,
 						children: [/* @__PURE__ */ t("h4", {
-							className: z.aboutCreditTitle,
+							className: B.aboutCreditTitle,
 							children: e
 						}), /* @__PURE__ */ t("ul", {
-							className: z.aboutCreditList,
+							className: B.aboutCreditList,
 							children: r.map((e) => /* @__PURE__ */ t("li", {
-								className: z.aboutCreditItem,
+								className: B.aboutCreditItem,
 								children: e
 							}, e))
 						})]
 					}, e))
 				}),
 				re === "legal" && /* @__PURE__ */ n("div", {
-					className: z.aboutSection,
+					className: B.aboutSection,
 					children: [
 						k && /* @__PURE__ */ t("p", {
-							className: z.aboutCopyright,
+							className: B.aboutCopyright,
 							children: k
 						}),
 						A && /* @__PURE__ */ t("p", {
-							className: z.aboutLicenseType,
+							className: B.aboutLicenseType,
 							children: A
 						}),
 						j && /* @__PURE__ */ t("pre", {
-							className: z.aboutLicenseText,
+							className: B.aboutLicenseText,
 							children: j
 						})
 					]
@@ -1600,7 +1600,7 @@ function xn({ open: r, title: i, children: a, buttons: o = [], onClose: c, close
 			]
 		})
 	] }), pe = /* @__PURE__ */ t("div", {
-		className: z.backdrop,
+		className: B.backdrop,
 		onClick: ce,
 		"aria-hidden": "true",
 		children: /* @__PURE__ */ n("div", {
@@ -1609,8 +1609,8 @@ function xn({ open: r, title: i, children: a, buttons: o = [], onClose: c, close
 			"aria-modal": "true",
 			"aria-labelledby": te,
 			className: [
-				z.dialog,
-				oe ? z.dialogAbout : null,
+				B.dialog,
+				oe ? B.dialogAbout : null,
 				N
 			].filter(Boolean).join(" "),
 			onKeyDown: le,
@@ -1618,10 +1618,10 @@ function xn({ open: r, title: i, children: a, buttons: o = [], onClose: c, close
 			...P,
 			children: [oe ? fe() : /* @__PURE__ */ n(e, { children: [i && /* @__PURE__ */ t("div", {
 				id: te,
-				className: z.title,
+				className: B.title,
 				children: i
 			}), a && /* @__PURE__ */ t("div", {
-				className: z.body,
+				className: B.body,
 				children: a
 			})] }), de()]
 		})
@@ -1630,31 +1630,31 @@ function xn({ open: r, title: i, children: a, buttons: o = [], onClose: c, close
 }
 //#endregion
 //#region src/components/Dropdown/Dropdown.module.css
-var Sn = "_wrapper_1hi05_3", Cn = "_trigger_1hi05_11", wn = "_triggerOpen_1hi05_63", Tn = "_triggerLabel_1hi05_73", En = "_placeholder_1hi05_81", Dn = "_chevron_1hi05_87", On = "_chevronOpen_1hi05_94", kn = "_list_1hi05_100", An = "_listDown_1hi05_129", jn = "_listUp_1hi05_133", Mn = "_option_1hi05_145", Nn = "_optionActive_1hi05_162", Pn = "_optionSelected_1hi05_166", Fn = "_optionDisabled_1hi05_170", In = "_optionText_1hi05_178", Ln = "_optionLabel_1hi05_186", Rn = "_optionDesc_1hi05_192", zn = "_checkIcon_1hi05_202", B = {
-	wrapper: Sn,
-	trigger: Cn,
-	triggerOpen: wn,
-	triggerLabel: Tn,
-	placeholder: En,
-	chevron: Dn,
-	chevronOpen: On,
-	list: kn,
+var xn = "_wrapper_1hi05_3", Sn = "_trigger_1hi05_11", Cn = "_triggerOpen_1hi05_63", wn = "_triggerLabel_1hi05_73", Tn = "_placeholder_1hi05_81", En = "_chevron_1hi05_87", Dn = "_chevronOpen_1hi05_94", On = "_list_1hi05_100", kn = "_listDown_1hi05_129", An = "_listUp_1hi05_133", jn = "_option_1hi05_145", Mn = "_optionActive_1hi05_162", Nn = "_optionSelected_1hi05_166", Pn = "_optionDisabled_1hi05_170", Fn = "_optionText_1hi05_178", In = "_optionLabel_1hi05_186", Ln = "_optionDesc_1hi05_192", Rn = "_checkIcon_1hi05_202", V = {
+	wrapper: xn,
+	trigger: Sn,
+	triggerOpen: Cn,
+	triggerLabel: wn,
+	placeholder: Tn,
+	chevron: En,
+	chevronOpen: Dn,
+	list: On,
 	"list-in": "_list-in_1hi05_1",
-	listDown: An,
-	listUp: jn,
+	listDown: kn,
+	listUp: An,
 	"list-in-up": "_list-in-up_1hi05_1",
-	option: Mn,
-	optionActive: Nn,
-	optionSelected: Pn,
-	optionDisabled: Fn,
-	optionText: In,
-	optionLabel: Ln,
-	optionDesc: Rn,
-	checkIcon: zn
+	option: jn,
+	optionActive: Mn,
+	optionSelected: Nn,
+	optionDisabled: Pn,
+	optionText: Fn,
+	optionLabel: In,
+	optionDesc: Ln,
+	checkIcon: Rn
 };
 //#endregion
 //#region src/components/Dropdown/Dropdown.tsx
-function Bn({ options: e, value: r, onChange: i, placeholder: a = "Select an option", disabled: o, className: c, ...p }) {
+function zn({ options: e, value: r, onChange: i, placeholder: a = "Select an option", disabled: o, className: c, ...p }) {
 	let [m, h] = f(!1), [g, _] = f(-1), [v, y] = f(!1), b = u(), x = u(), S = d(null), C = d(null), w = e.find((e) => e.value === r), T = s(() => {
 		if (!S.current) return;
 		let t = S.current.getBoundingClientRect(), n = window.innerHeight - t.bottom, r = Math.min(e.length * 48 + 8, 280);
@@ -1738,7 +1738,7 @@ function Bn({ options: e, value: r, onChange: i, placeholder: a = "Select an opt
 		D
 	]);
 	return /* @__PURE__ */ n("div", {
-		className: [B.wrapper, c].filter(Boolean).join(" "),
+		className: [V.wrapper, c].filter(Boolean).join(" "),
 		...p,
 		children: [/* @__PURE__ */ n("button", {
 			ref: S,
@@ -1750,17 +1750,17 @@ function Bn({ options: e, value: r, onChange: i, placeholder: a = "Select an opt
 			"aria-controls": x,
 			"aria-activedescendant": m && g >= 0 ? `${x}-opt-${g}` : void 0,
 			disabled: o,
-			className: [B.trigger, m ? B.triggerOpen : null].filter(Boolean).join(" "),
+			className: [V.trigger, m ? V.triggerOpen : null].filter(Boolean).join(" "),
 			onClick: () => m ? D() : E(),
 			onKeyDown: k,
 			children: [/* @__PURE__ */ t("span", {
-				className: [B.triggerLabel, w ? null : B.placeholder].filter(Boolean).join(" "),
+				className: [V.triggerLabel, w ? null : V.placeholder].filter(Boolean).join(" "),
 				children: w?.label ?? a
 			}), /* @__PURE__ */ t(F, {
 				icon: Me,
 				size: "md",
 				"aria-hidden": !0,
-				className: [B.chevron, m ? B.chevronOpen : null].filter(Boolean).join(" ")
+				className: [V.chevron, m ? V.chevronOpen : null].filter(Boolean).join(" ")
 			})]
 		}), m && /* @__PURE__ */ t("ul", {
 			ref: C,
@@ -1768,7 +1768,7 @@ function Bn({ options: e, value: r, onChange: i, placeholder: a = "Select an opt
 			role: "listbox",
 			"aria-labelledby": b,
 			tabIndex: -1,
-			className: [B.list, v ? B.listUp : B.listDown].filter(Boolean).join(" "),
+			className: [V.list, v ? V.listUp : V.listDown].filter(Boolean).join(" "),
 			onKeyDown: A,
 			children: e.map((e, i) => /* @__PURE__ */ n("li", {
 				id: `${x}-opt-${i}`,
@@ -1776,33 +1776,33 @@ function Bn({ options: e, value: r, onChange: i, placeholder: a = "Select an opt
 				"aria-selected": e.value === r,
 				"aria-disabled": e.disabled,
 				className: [
-					B.option,
-					e.value === r ? B.optionSelected : null,
-					i === g ? B.optionActive : null,
-					e.disabled ? B.optionDisabled : null
+					V.option,
+					e.value === r ? V.optionSelected : null,
+					i === g ? V.optionActive : null,
+					e.disabled ? V.optionDisabled : null
 				].filter(Boolean).join(" "),
 				onMouseEnter: () => !e.disabled && _(i),
 				onClick: () => O(e),
 				children: [/* @__PURE__ */ n("span", {
-					className: B.optionText,
+					className: V.optionText,
 					children: [/* @__PURE__ */ t("span", {
-						className: B.optionLabel,
+						className: V.optionLabel,
 						children: e.label
 					}), e.description && /* @__PURE__ */ t("span", {
-						className: B.optionDesc,
+						className: V.optionDesc,
 						children: e.description
 					})]
 				}), e.value === r && /* @__PURE__ */ t(F, {
 					icon: Le,
 					size: "md",
 					"aria-hidden": !0,
-					className: B.checkIcon
+					className: V.checkIcon
 				})]
 			}, e.value))
 		})]
 	});
 }
-var V = {
+var Bn = {
 	wrapper: "_wrapper_11zhs_3",
 	hasLabels: "_hasLabels_11zhs_11",
 	track: "_track_11zhs_17",
@@ -1876,8 +1876,8 @@ function Wn({ value: e, onChange: r, min: i = 0, max: a = 100, step: o = 1, disa
 	]), C = l && l.length > 0, w = C && l.some((e) => e.label);
 	return /* @__PURE__ */ n("div", {
 		className: [
-			V.wrapper,
-			w ? V.hasLabels : null,
+			Bn.wrapper,
+			w ? Bn.hasLabels : null,
 			u
 		].filter(Boolean).join(" "),
 		...h,
@@ -1892,36 +1892,36 @@ function Wn({ value: e, onChange: r, min: i = 0, max: a = 100, step: o = 1, disa
 			"aria-labelledby": p,
 			"aria-describedby": m,
 			"aria-disabled": c || void 0,
-			className: [V.track, c ? V.disabled : null].filter(Boolean).join(" "),
+			className: [Bn.track, c ? Bn.disabled : null].filter(Boolean).join(" "),
 			onPointerDown: b,
 			onPointerMove: x,
 			onKeyDown: c ? void 0 : S,
 			children: [
 				/* @__PURE__ */ t("div", {
-					className: V.fill,
+					className: Bn.fill,
 					style: { width: `${v}%` }
 				}),
 				/* @__PURE__ */ t("div", {
-					className: V.thumb,
+					className: Bn.thumb,
 					style: { left: `${v}%` },
 					"aria-hidden": "true"
 				}),
 				C && l.map((e) => {
 					let n = (Vn(e.value, i, a) - i) / (a - i) * 100;
 					return /* @__PURE__ */ t("div", {
-						className: V.tick,
+						className: Bn.tick,
 						style: { left: `${n}%` },
 						"aria-hidden": "true"
 					}, e.value);
 				})
 			]
 		}), w && /* @__PURE__ */ t("div", {
-			className: V.labels,
+			className: Bn.labels,
 			"aria-hidden": "true",
 			children: l.map((e) => {
 				let n = (Vn(e.value, i, a) - i) / (a - i) * 100;
 				return /* @__PURE__ */ t("span", {
-					className: V.markLabel,
+					className: Bn.markLabel,
 					style: { left: `${n}%` },
 					children: e.label
 				}, e.value);
@@ -1937,7 +1937,7 @@ var Gn = {
 	top: "_top_1tk9v_67",
 	left: "_left_1tk9v_75",
 	right: "_right_1tk9v_83"
-}, Kn = 8, qn = 8;
+}, Kn = 8, H = 10, qn = 6;
 function Jn(e, t, n) {
 	let r = window.innerWidth, i = window.innerHeight, a = [...new Set([
 		n,
@@ -1947,21 +1947,57 @@ function Jn(e, t, n) {
 		"left",
 		"right"
 	])];
+	function o(n) {
+		return n === "bottom" ? {
+			top: e.bottom + Kn,
+			left: e.left + e.width / 2 - t.width / 2
+		} : n === "top" ? {
+			top: e.top - t.height - Kn,
+			left: e.left + e.width / 2 - t.width / 2
+		} : n === "left" ? {
+			top: e.top + e.height / 2 - t.height / 2,
+			left: e.left - t.width - Kn
+		} : {
+			top: e.top + e.height / 2 - t.height / 2,
+			left: e.right + Kn
+		};
+	}
 	for (let n of a) {
-		let a = 0, o = 0;
-		n === "bottom" ? (a = e.bottom + Kn, o = e.left + e.width / 2 - t.width / 2) : n === "top" ? (a = e.top - t.height - Kn, o = e.left + e.width / 2 - t.width / 2) : n === "left" ? (a = e.top + e.height / 2 - t.height / 2, o = e.left - t.width - Kn) : (a = e.top + e.height / 2 - t.height / 2, o = e.right + Kn);
-		let s = o >= qn && o + t.width <= r - qn, c = a >= qn && a + t.height <= i - qn;
-		if (s && c) return {
+		let { top: a, left: s } = o(n), c = s >= H && s + t.width <= r - H, l = a >= H && a + t.height <= i - H;
+		if (c && l) return {
 			top: a,
-			left: o,
-			placement: n
+			left: s,
+			placement: n,
+			arrowOffset: n === "top" || n === "bottom" ? e.left + e.width / 2 - s : e.top + e.height / 2 - a
 		};
 	}
-	let o = e.bottom + Kn, s = e.left + e.width / 2 - t.width / 2;
+	for (let n of a) {
+		let { top: a, left: s } = o(n), c = a >= H && a + t.height <= i - H, l = s >= H && s + t.width <= r - H;
+		if ((n === "top" || n === "bottom") && c) {
+			let i = Math.max(H, Math.min(s, r - t.width - H)), o = e.left + e.width / 2 - i;
+			return {
+				top: a,
+				left: i,
+				placement: n,
+				arrowOffset: Math.max(qn + 4, Math.min(o, t.width - qn - 4))
+			};
+		}
+		if ((n === "left" || n === "right") && l) {
+			let r = Math.max(H, Math.min(a, i - t.height - H)), o = e.top + e.height / 2 - r;
+			return {
+				top: r,
+				left: s,
+				placement: n,
+				arrowOffset: Math.max(qn + 4, Math.min(o, t.height - qn - 4))
+			};
+		}
+	}
+	let s = e.bottom + Kn, c = e.left + e.width / 2 - t.width / 2, l = Math.max(H, Math.min(s, i - t.height - H)), u = Math.max(H, Math.min(c, r - t.width - H)), d = e.left + e.width / 2 - u;
 	return {
-		top: Math.max(qn, Math.min(o, i - t.height - qn)),
-		left: Math.max(qn, Math.min(s, r - t.width - qn)),
-		placement: "bottom"
+		top: l,
+		left: u,
+		placement: "bottom",
+		arrowOffset: Math.max(qn + 4, Math.min(d, t.width - qn - 4))
 	};
 }
 function Yn({ content: r, placement: a = "bottom", open: o, onClose: c, onOpenChange: m, children: h }) {
@@ -2037,7 +2073,14 @@ function Yn({ content: r, placement: a = "bottom", open: o, onClose: c, onOpenCh
 		onKeyDown: A,
 		children: [/* @__PURE__ */ t("div", {
 			className: Gn.arrow,
-			"aria-hidden": "true"
+			"aria-hidden": "true",
+			style: b?.arrowOffset === void 0 ? void 0 : b.placement === "top" || b.placement === "bottom" ? {
+				left: b.arrowOffset - qn,
+				marginLeft: 0
+			} : {
+				top: b.arrowOffset - qn,
+				marginTop: 0
+			}
 		}), r]
 	});
 	return /* @__PURE__ */ n(e, { children: [j, y && (typeof document < "u" ? p(M, document.body) : M)] });
@@ -2056,7 +2099,7 @@ function Zn({ maximumSize: e = 600, children: n, className: r, style: i, ...a })
 		children: n
 	});
 }
-var H = {
+var U = {
 	root: "_root_yaj3r_3",
 	expanded: "_expanded_yaj3r_12",
 	sidebar: "_sidebar_yaj3r_16",
@@ -2069,11 +2112,11 @@ var H = {
 //#endregion
 //#region src/components/NavigationSplitView/NavigationSplitView.tsx
 function Qn({ sidebar: e, content: r, showContent: i = !1, minSidebarWidth: a = 180, maxSidebarWidth: o = 280, sidebarWidthFraction: s = .25, className: c, style: l, ...u }) {
-	let { isNarrow: d } = Ue(), f = `clamp(${a}px, ${s * 100}%, ${o}px)`;
+	let { isNarrow: d } = He(), f = `clamp(${a}px, ${s * 100}%, ${o}px)`;
 	return /* @__PURE__ */ n("div", {
 		className: [
-			H.root,
-			d ? H.collapsed : H.expanded,
+			U.root,
+			d ? U.collapsed : U.expanded,
 			c
 		].filter(Boolean).join(" "),
 		style: {
@@ -2083,23 +2126,23 @@ function Qn({ sidebar: e, content: r, showContent: i = !1, minSidebarWidth: a =
 		...u,
 		children: [
 			/* @__PURE__ */ t("div", {
-				className: [H.sidebar, d && i ? H.paneHidden : H.paneVisible].filter(Boolean).join(" "),
+				className: [U.sidebar, d && i ? U.paneHidden : U.paneVisible].filter(Boolean).join(" "),
 				"aria-hidden": d && i,
 				children: e
 			}),
 			!d && /* @__PURE__ */ t("div", {
-				className: H.divider,
+				className: U.divider,
 				"aria-hidden": "true"
 			}),
 			/* @__PURE__ */ t("div", {
-				className: [H.contentPane, d && !i ? H.paneHidden : H.paneVisible].filter(Boolean).join(" "),
+				className: [U.contentPane, d && !i ? U.paneHidden : U.paneVisible].filter(Boolean).join(" "),
 				"aria-hidden": d && !i,
 				children: r
 			})
 		]
 	});
 }
-var U = {
+var W = {
 	root: "_root_1xl2w_3",
 	wide: "_wide_1xl2w_13",
 	end: "_end_1xl2w_17",
@@ -2115,7 +2158,7 @@ var U = {
 //#endregion
 //#region src/components/OverlaySplitView/OverlaySplitView.tsx
 function $n({ sidebar: e, content: r, showSidebar: i = !1, onClose: a, sidebarPosition: o = "start", minSidebarWidth: s = 180, maxSidebarWidth: c = 280, sidebarWidthFraction: u = .25, className: f, style: p, ...m }) {
-	let { isNarrow: h } = Ue(), g = d(null), _ = `clamp(${s}px, ${u * 100}%, ${c}px)`;
+	let { isNarrow: h } = He(), g = d(null), _ = `clamp(${s}px, ${u * 100}%, ${c}px)`;
 	l(() => {
 		if (!h || !i) return;
 		let e = (e) => {
@@ -2132,9 +2175,9 @@ function $n({ sidebar: e, content: r, showSidebar: i = !1, onClose: a, sidebarPo
 	let v = o === "end";
 	return /* @__PURE__ */ n("div", {
 		className: [
-			U.root,
-			h ? U.narrow : U.wide,
-			v ? U.end : U.start,
+			W.root,
+			h ? W.narrow : W.wide,
+			v ? W.end : W.start,
 			f
 		].filter(Boolean).join(" "),
 		style: {
@@ -2144,18 +2187,18 @@ function $n({ sidebar: e, content: r, showSidebar: i = !1, onClose: a, sidebarPo
 		...m,
 		children: [
 			h && /* @__PURE__ */ t("div", {
-				className: [U.backdrop, i ? U.backdropVisible : null].filter(Boolean).join(" "),
+				className: [W.backdrop, i ? W.backdropVisible : null].filter(Boolean).join(" "),
 				"aria-hidden": "true",
 				onClick: a
 			}),
 			/* @__PURE__ */ t("div", {
 				ref: g,
-				className: [U.sidebar, h ? i ? U.sidebarOpen : U.sidebarClosed : null].filter(Boolean).join(" "),
+				className: [W.sidebar, h ? i ? W.sidebarOpen : W.sidebarClosed : null].filter(Boolean).join(" "),
 				"aria-hidden": h && !i,
 				children: e
 			}),
 			/* @__PURE__ */ t("div", {
-				className: U.content,
+				className: W.content,
 				children: r
 			})
 		]
@@ -2374,7 +2417,7 @@ function pr({ label: r, icon: i, onRemove: a, selectable: o = !1, selected: s =
 }
 //#endregion
 //#region src/components/ShortcutsDialog/ShortcutsDialog.module.css
-var mr = "_backdrop_zvuhh_3", hr = "_dialog_zvuhh_26", gr = "_header_zvuhh_59", _r = "_title_zvuhh_67", vr = "_closeBtn_zvuhh_74", yr = "_searchRow_zvuhh_112", br = "_searchIcon_zvuhh_124", xr = "_searchInput_zvuhh_132", Sr = "_searchClear_zvuhh_151", Cr = "_body_zvuhh_174", wr = "_empty_zvuhh_182", Tr = "_section_zvuhh_193", Er = "_sectionTitle_zvuhh_199", Dr = "_list_zvuhh_209", Or = "_row_zvuhh_225", kr = "_keys_zvuhh_240", Ar = "_keyCap_zvuhh_247", jr = "_plus_zvuhh_277", Mr = "_description_zvuhh_284", W = {
+var mr = "_backdrop_zvuhh_3", hr = "_dialog_zvuhh_26", gr = "_header_zvuhh_59", _r = "_title_zvuhh_67", vr = "_closeBtn_zvuhh_74", yr = "_searchRow_zvuhh_112", br = "_searchIcon_zvuhh_124", xr = "_searchInput_zvuhh_132", Sr = "_searchClear_zvuhh_151", Cr = "_body_zvuhh_174", wr = "_empty_zvuhh_182", Tr = "_section_zvuhh_193", Er = "_sectionTitle_zvuhh_199", Dr = "_list_zvuhh_209", Or = "_row_zvuhh_225", kr = "_keys_zvuhh_240", Ar = "_keyCap_zvuhh_247", jr = "_plus_zvuhh_277", Mr = "_description_zvuhh_284", G = {
 	backdrop: mr,
 	"backdrop-in": "_backdrop-in_zvuhh_1",
 	dialog: hr,
@@ -2418,7 +2461,7 @@ function Pr({ open: e, onClose: r, title: i = "Keyboard Shortcuts", sections: a
 		...e,
 		shortcuts: e.shortcuts.filter(({ description: e, keys: t }) => !v || e.toLowerCase().includes(v) || t.some((e) => e.toLowerCase().includes(v)))
 	})).filter((e) => e.shortcuts.length > 0), b = /* @__PURE__ */ t("div", {
-		className: W.backdrop,
+		className: G.backdrop,
 		onClick: r,
 		"aria-hidden": "true",
 		children: /* @__PURE__ */ n("div", {
@@ -2426,36 +2469,36 @@ function Pr({ open: e, onClose: r, title: i = "Keyboard Shortcuts", sections: a
 			role: "dialog",
 			"aria-modal": "true",
 			"aria-labelledby": g.current,
-			className: W.dialog,
+			className: G.dialog,
 			onKeyDown: _,
 			onClick: (e) => e.stopPropagation(),
 			children: [
 				/* @__PURE__ */ n("div", {
-					className: W.header,
+					className: G.header,
 					children: [/* @__PURE__ */ t("span", {
 						id: g.current,
-						className: W.title,
+						className: G.title,
 						children: i
 					}), /* @__PURE__ */ t("button", {
 						type: "button",
-						className: W.closeBtn,
+						className: G.closeBtn,
 						"aria-label": "Close",
 						onClick: r,
 						children: "×"
 					})]
 				}),
 				/* @__PURE__ */ n("div", {
-					className: W.searchRow,
+					className: G.searchRow,
 					children: [
 						/* @__PURE__ */ t("span", {
-							className: W.searchIcon,
+							className: G.searchIcon,
 							"aria-hidden": "true",
 							children: "⌕"
 						}),
 						/* @__PURE__ */ t("input", {
 							ref: m,
 							type: "search",
-							className: W.searchInput,
+							className: G.searchInput,
 							placeholder: "Search shortcuts…",
 							value: o,
 							onChange: (e) => c(e.target.value),
@@ -2463,7 +2506,7 @@ function Pr({ open: e, onClose: r, title: i = "Keyboard Shortcuts", sections: a
 						}),
 						o && /* @__PURE__ */ t("button", {
 							type: "button",
-							className: W.searchClear,
+							className: G.searchClear,
 							"aria-label": "Clear search",
 							onClick: () => {
 								c(""), m.current?.focus();
@@ -2473,38 +2516,38 @@ function Pr({ open: e, onClose: r, title: i = "Keyboard Shortcuts", sections: a
 					]
 				}),
 				/* @__PURE__ */ t("div", {
-					className: W.body,
+					className: G.body,
 					role: "list",
 					children: y.length === 0 ? /* @__PURE__ */ n("p", {
-						className: W.empty,
+						className: G.empty,
 						children: [
 							"No shortcuts match \"",
 							o,
 							"\""
 						]
 					}) : y.map((e) => /* @__PURE__ */ n("section", {
-						className: W.section,
+						className: G.section,
 						children: [/* @__PURE__ */ t("h3", {
-							className: W.sectionTitle,
+							className: G.sectionTitle,
 							children: e.title
 						}), /* @__PURE__ */ t("ul", {
-							className: W.list,
+							className: G.list,
 							children: e.shortcuts.map((e) => /* @__PURE__ */ n("li", {
-								className: W.row,
+								className: G.row,
 								role: "listitem",
 								children: [/* @__PURE__ */ t("span", {
-									className: W.keys,
+									className: G.keys,
 									"aria-label": e.keys.join(" + "),
 									children: e.keys.map((r, i) => /* @__PURE__ */ n("span", {
-										className: W.keyCap,
+										className: G.keyCap,
 										children: [/* @__PURE__ */ t("kbd", { children: r }), i < e.keys.length - 1 && /* @__PURE__ */ t("span", {
-											className: W.plus,
+											className: G.plus,
 											"aria-hidden": "true",
 											children: "+"
 										})]
 									}, i))
 								}), /* @__PURE__ */ t("span", {
-									className: W.description,
+									className: G.description,
 									children: e.description
 								})]
 							}, e.description))
@@ -2516,7 +2559,7 @@ function Pr({ open: e, onClose: r, title: i = "Keyboard Shortcuts", sections: a
 	});
 	return typeof document > "u" ? b : p(b, document.body);
 }
-var G = {
+var Fr = {
 	sidebar: "_sidebar_kmj4b_3",
 	list: "_list_kmj4b_17",
 	item: "_item_kmj4b_28",
@@ -2526,13 +2569,13 @@ var G = {
 	itemLabel: "_itemLabel_kmj4b_119",
 	itemSuffix: "_itemSuffix_kmj4b_129",
 	count: "_count_kmj4b_136"
-}, Fr = a(null);
-function Ir() {
-	let e = c(Fr);
+}, Ir = a(null);
+function Lr() {
+	let e = c(Ir);
 	if (!e) throw Error("ViewSwitcherSidebarItem must be used inside ViewSwitcherSidebar");
 	return e;
 }
-function Lr({ value: e, onValueChange: n, "aria-label": r = "Views", children: i, className: a, ...o }) {
+function Rr({ value: e, onValueChange: n, "aria-label": r = "Views", children: i, className: a, ...o }) {
 	let s = d(null);
 	function c(e) {
 		let t = Array.from(s.current?.querySelectorAll("[role=radio]:not(:disabled)") ?? []), n = t.findIndex((e) => e === document.activeElement);
@@ -2545,20 +2588,20 @@ function Lr({ value: e, onValueChange: n, "aria-label": r = "Views", children: i
 		else return;
 		e.preventDefault(), t[r].focus(), t[r].click();
 	}
-	return /* @__PURE__ */ t(Fr.Provider, {
+	return /* @__PURE__ */ t(Ir.Provider, {
 		value: {
 			value: e,
 			onValueChange: n
 		},
 		children: /* @__PURE__ */ t("nav", {
-			className: [G.sidebar, a].filter(Boolean).join(" "),
+			className: [Fr.sidebar, a].filter(Boolean).join(" "),
 			onKeyDown: c,
 			...o,
 			children: /* @__PURE__ */ t("ul", {
 				ref: s,
 				role: "radiogroup",
 				"aria-label": r,
-				className: G.list,
+				className: Fr.list,
 				children: i
 			})
 		})
@@ -2566,10 +2609,10 @@ function Lr({ value: e, onValueChange: n, "aria-label": r = "Views", children: i
 }
 //#endregion
 //#region src/components/ViewSwitcherSidebar/ViewSwitcherSidebarItem.tsx
-function Rr({ name: e, label: r, icon: i, count: a, suffix: o, disabled: s, className: c, ...l }) {
-	let { value: u, onValueChange: d } = Ir(), f = u === e, p = o ?? a ?? null;
+function zr({ name: e, label: r, icon: i, count: a, suffix: o, disabled: s, className: c, ...l }) {
+	let { value: u, onValueChange: d } = Lr(), f = u === e, p = o ?? a ?? null;
 	return /* @__PURE__ */ t("li", {
-		className: G.item,
+		className: Fr.item,
 		children: /* @__PURE__ */ n("button", {
 			type: "button",
 			role: "radio",
@@ -2578,14 +2621,14 @@ function Rr({ name: e, label: r, icon: i, count: a, suffix: o, disabled: s, clas
 			disabled: s,
 			onClick: () => d(e),
 			className: [
-				G.itemBtn,
-				f ? G.active : null,
+				Fr.itemBtn,
+				f ? Fr.active : null,
 				c
 			].filter(Boolean).join(" "),
 			...l,
 			children: [
 				i && /* @__PURE__ */ t("span", {
-					className: G.itemIcon,
+					className: Fr.itemIcon,
 					children: /* @__PURE__ */ t(F, {
 						icon: i,
 						size: "md",
@@ -2593,13 +2636,13 @@ function Rr({ name: e, label: r, icon: i, count: a, suffix: o, disabled: s, clas
 					})
 				}),
 				/* @__PURE__ */ t("span", {
-					className: G.itemLabel,
+					className: Fr.itemLabel,
 					children: r
 				}),
 				p != null && /* @__PURE__ */ t("span", {
-					className: G.itemSuffix,
+					className: Fr.itemSuffix,
 					children: typeof p == "number" ? /* @__PURE__ */ t("span", {
-						className: G.count,
+						className: Fr.count,
 						children: p > 99 ? "99+" : p
 					}) : p
 				})
@@ -2609,7 +2652,7 @@ function Rr({ name: e, label: r, icon: i, count: a, suffix: o, disabled: s, clas
 }
 //#endregion
 //#region src/components/BreakpointBin/BreakpointBin.tsx
-function zr({ breakpoints: e, children: n, className: r, style: i, ...a }) {
+function Br({ breakpoints: e, children: n, className: r, style: i, ...a }) {
 	let o = d(null), [s, c] = f({
 		activeBreakpoint: null,
 		width: 0
@@ -2639,7 +2682,7 @@ function zr({ breakpoints: e, children: n, className: r, style: i, ...a }) {
 		children: n(s)
 	});
 }
-var Br = {
+var Vr = {
 	row: "_row_1ba2f_3",
 	title: "_title_1ba2f_48",
 	leading: "_leading_1ba2f_59",
@@ -2650,31 +2693,31 @@ var Br = {
 };
 //#endregion
 //#region src/components/ButtonRow/ButtonRow.tsx
-function Vr({ title: e, variant: r = "default", leading: i, trailing: a, className: o, ...s }) {
+function Hr({ title: e, variant: r = "default", leading: i, trailing: a, className: o, ...s }) {
 	return /* @__PURE__ */ n("button", {
 		className: [
-			Br.row,
-			Br[r],
+			Vr.row,
+			Vr[r],
 			o
 		].filter(Boolean).join(" "),
 		...s,
 		children: [
 			i && /* @__PURE__ */ t("span", {
-				className: Br.leading,
+				className: Vr.leading,
 				children: i
 			}),
 			/* @__PURE__ */ t("span", {
-				className: Br.title,
+				className: Vr.title,
 				children: e
 			}),
 			a && /* @__PURE__ */ t("span", {
-				className: Br.trailing,
+				className: Vr.trailing,
 				children: a
 			})
 		]
 	});
 }
-var Hr = {
+var Ur = {
 	container: "_container_4kjnf_3",
 	primary: "_primary_4kjnf_14",
 	toggle: "_toggle_4kjnf_15",
@@ -2688,7 +2731,7 @@ var Hr = {
 };
 //#endregion
 //#region src/components/SplitButton/SplitButton.tsx
-function Ur({ label: r, variant: i = "default", dropdownContent: a, dropdownLabel: o = "More options", disabled: c = !1, onClick: u, className: m, ...h }) {
+function Wr({ label: r, variant: i = "default", dropdownContent: a, dropdownLabel: o = "More options", disabled: c = !1, onClick: u, className: m, ...h }) {
 	let [g, _] = f(!1), [v, y] = f({}), b = d(null), x = d(null), S = d(null), C = s(() => _(!1), []), w = s(() => {
 		if (!x.current || !S.current) return;
 		let e = x.current.getBoundingClientRect(), t = S.current.getBoundingClientRect(), n = window.innerWidth, r = e.right - t.width;
@@ -2718,15 +2761,15 @@ function Ur({ label: r, variant: i = "default", dropdownContent: a, dropdownLabe
 	let T = (e) => {
 		e.key === "Escape" && (e.stopPropagation(), C(), x.current?.focus());
 	}, E = [
-		Hr.container,
-		Hr[i],
+		Ur.container,
+		Ur[i],
 		m
 	].filter(Boolean).join(" "), D = /* @__PURE__ */ t("div", {
 		ref: S,
 		role: "dialog",
 		"aria-label": o,
 		tabIndex: -1,
-		className: [Hr.dropdown, g ? Hr.dropdownVisible : null].filter(Boolean).join(" "),
+		className: [Ur.dropdown, g ? Ur.dropdownVisible : null].filter(Boolean).join(" "),
 		style: Object.keys(v).length ? {
 			...v,
 			position: "fixed"
@@ -2745,26 +2788,26 @@ function Ur({ label: r, variant: i = "default", dropdownContent: a, dropdownLabe
 		className: E,
 		children: [
 			/* @__PURE__ */ t("button", {
-				className: Hr.primary,
+				className: Ur.primary,
 				disabled: c,
 				onClick: u,
 				...h,
 				children: r
 			}),
 			/* @__PURE__ */ t("span", {
-				className: Hr.separator,
+				className: Ur.separator,
 				"aria-hidden": "true"
 			}),
 			/* @__PURE__ */ t("button", {
 				ref: x,
-				className: Hr.toggle,
+				className: Ur.toggle,
 				disabled: c,
 				"aria-label": o,
 				"aria-haspopup": "dialog",
 				"aria-expanded": g,
 				onClick: () => _((e) => !e),
 				children: /* @__PURE__ */ t("svg", {
-					className: Hr.chevron,
+					className: Ur.chevron,
 					width: "16",
 					height: "16",
 					viewBox: "0 0 16 16",
@@ -2783,51 +2826,51 @@ function Ur({ label: r, variant: i = "default", dropdownContent: a, dropdownLabe
 		]
 	}), g && (typeof document < "u" ? p(D, document.body) : D)] });
 }
-var Wr = {
+var Gr = {
 	toolbar: "_toolbar_1avgl_2",
 	spacer: "_spacer_1avgl_20"
 };
 //#endregion
 //#region src/components/Toolbar/Toolbar.tsx
-function Gr({ children: e, className: n, ...r }) {
+function Kr({ children: e, className: n, ...r }) {
 	return /* @__PURE__ */ t("div", {
-		className: [Wr.toolbar, n].filter(Boolean).join(" "),
+		className: [Gr.toolbar, n].filter(Boolean).join(" "),
 		...r,
 		children: e
 	});
 }
 //#endregion
 //#region src/components/Toolbar/Spacer.tsx
-function Kr({ className: e, ...n }) {
+function qr({ className: e, ...n }) {
 	return /* @__PURE__ */ t("div", {
 		"aria-hidden": "true",
-		className: [Wr.spacer, e].filter(Boolean).join(" "),
+		className: [Gr.spacer, e].filter(Boolean).join(" "),
 		...n
 	});
 }
-var qr = {
+var Jr = {
 	linked: "_linked_1tser_3",
 	vertical: "_vertical_1tser_9"
 };
 //#endregion
 //#region src/components/LinkedGroup/LinkedGroup.tsx
-function Jr({ children: e, vertical: n = !1, className: r, ...i }) {
+function Yr({ children: e, vertical: n = !1, className: r, ...i }) {
 	return /* @__PURE__ */ t("div", {
 		className: [
-			qr.linked,
-			n ? qr.vertical : null,
+			Jr.linked,
+			n ? Jr.vertical : null,
 			r
 		].filter(Boolean).join(" "),
 		...i,
 		children: e
 	});
 }
-var Yr = { frame: "_frame_1bq7b_2" };
+var Xr = { frame: "_frame_1bq7b_2" };
 //#endregion
 //#region src/components/Frame/Frame.tsx
-function Xr({ children: e, className: n, ...r }) {
+function Zr({ children: e, className: n, ...r }) {
 	return /* @__PURE__ */ t("div", {
-		className: [Yr.frame, n].filter(Boolean).join(" "),
+		className: [Xr.frame, n].filter(Boolean).join(" "),
 		...r,
 		children: e
 	});
@@ -2851,7 +2894,7 @@ var K = {
 };
 //#endregion
 //#region src/components/ExpanderRow/ExpanderRow.tsx
-function Zr({ title: e, subtitle: i, leading: a, trailing: o, children: s, expanded: c, defaultExpanded: l = !1, onExpandedChange: d, className: p, ...m }) {
+function Qr({ title: e, subtitle: i, leading: a, trailing: o, children: s, expanded: c, defaultExpanded: l = !1, onExpandedChange: d, className: p, ...m }) {
 	let h = c !== void 0, [g, _] = f(l), v = h ? c : g, y = u(), b = u(), x = () => {
 		let e = !v;
 		h || _(e), d?.(e);
@@ -2926,7 +2969,7 @@ function Zr({ title: e, subtitle: i, leading: a, trailing: o, children: s, expan
 		})]
 	});
 }
-var Qr = {
+var $r = {
 	switcher: "_switcher_2tknm_3",
 	item: "_item_2tknm_10",
 	iconOnly: "_iconOnly_2tknm_38",
@@ -2936,13 +2979,13 @@ var Qr = {
 	active: "_active_2tknm_68",
 	flat: "_flat_2tknm_121",
 	round: "_round_2tknm_169"
-}, $r = a(null);
-function ei() {
-	let e = c($r);
+}, ei = a(null);
+function ti() {
+	let e = c(ei);
 	if (!e) throw Error("InlineViewSwitcherItem must be used inside InlineViewSwitcher");
 	return e;
 }
-function ti({ value: e, onValueChange: n, variant: r = "default", "aria-label": i = "View switcher", children: a, className: o, ...s }) {
+function ni({ value: e, onValueChange: n, variant: r = "default", "aria-label": i = "View switcher", children: a, className: o, ...s }) {
 	let c = d(null);
 	function l(e) {
 		let t = Array.from(c.current?.querySelectorAll("[role=radio]:not(:disabled)") ?? []), n = t.findIndex((e) => e === document.activeElement);
@@ -2955,7 +2998,7 @@ function ti({ value: e, onValueChange: n, variant: r = "default", "aria-label":
 		else return;
 		e.preventDefault(), t[r].focus(), t[r].click();
 	}
-	return /* @__PURE__ */ t($r.Provider, {
+	return /* @__PURE__ */ t(ei.Provider, {
 		value: {
 			value: e,
 			onValueChange: n
@@ -2966,8 +3009,8 @@ function ti({ value: e, onValueChange: n, variant: r = "default", "aria-label":
 			"aria-label": i,
 			onKeyDown: l,
 			className: [
-				Qr.switcher,
-				Qr[r],
+				$r.switcher,
+				$r[r],
 				o
 			].filter(Boolean).join(" "),
 			...s,
@@ -2977,8 +3020,8 @@ function ti({ value: e, onValueChange: n, variant: r = "default", "aria-label":
 }
 //#endregion
 //#region src/components/InlineViewSwitcher/InlineViewSwitcherItem.tsx
-function ni({ name: e, label: r, icon: i, disabled: a, className: o, ...s }) {
-	let { value: c, onValueChange: l } = ei(), u = c === e, d = i && !r;
+function ri({ name: e, label: r, icon: i, disabled: a, className: o, ...s }) {
+	let { value: c, onValueChange: l } = ti(), u = c === e, d = i && !r;
 	return /* @__PURE__ */ n("button", {
 		type: "button",
 		role: "radio",
@@ -2987,26 +3030,26 @@ function ni({ name: e, label: r, icon: i, disabled: a, className: o, ...s }) {
 		disabled: a,
 		onClick: () => l(e),
 		className: [
-			Qr.item,
-			u ? Qr.active : null,
-			d ? Qr.iconOnly : null,
+			$r.item,
+			u ? $r.active : null,
+			d ? $r.iconOnly : null,
 			o
 		].filter(Boolean).join(" "),
 		...s,
 		children: [i && /* @__PURE__ */ t("span", {
-			className: Qr.itemIcon,
+			className: $r.itemIcon,
 			children: /* @__PURE__ */ t(F, {
 				icon: i,
 				size: "md",
 				"aria-hidden": !0
 			})
 		}), r && /* @__PURE__ */ t("span", {
-			className: Qr.itemLabel,
+			className: $r.itemLabel,
 			children: r
 		})]
 	});
 }
-var q = {
+var ii = {
 	row: "_row_jl3bc_3",
 	disabled: "_disabled_jl3bc_41",
 	leading: "_leading_jl3bc_49",
@@ -3019,7 +3062,7 @@ var q = {
 };
 //#endregion
 //#region src/components/SwitchRow/SwitchRow.tsx
-function ri({ title: e, subtitle: r, leading: i, checked: a, defaultChecked: o = !1, onCheckedChange: s, disabled: c = !1, className: l, onClick: d, ...p }) {
+function ai({ title: e, subtitle: r, leading: i, checked: a, defaultChecked: o = !1, onCheckedChange: s, disabled: c = !1, className: l, onClick: d, ...p }) {
 	let m = a !== void 0, [h, g] = f(o), _ = m ? a : h, v = u(), y = (e) => {
 		let t = !_;
 		m || g(t), s?.(t), d?.(e);
@@ -3030,37 +3073,37 @@ function ri({ title: e, subtitle: r, leading: i, checked: a, defaultChecked: o =
 		"aria-labelledby": v,
 		disabled: c,
 		className: [
-			q.row,
-			c ? q.disabled : null,
+			ii.row,
+			c ? ii.disabled : null,
 			l
 		].filter(Boolean).join(" "),
 		onClick: y,
 		...p,
 		children: [
 			i && /* @__PURE__ */ t("span", {
-				className: q.leading,
+				className: ii.leading,
 				children: i
 			}),
 			/* @__PURE__ */ n("span", {
-				className: q.content,
+				className: ii.content,
 				id: v,
 				children: [/* @__PURE__ */ t("span", {
-					className: q.title,
+					className: ii.title,
 					children: e
 				}), r && /* @__PURE__ */ t("span", {
-					className: q.subtitle,
+					className: ii.subtitle,
 					children: r
 				})]
 			}),
 			/* @__PURE__ */ t("span", {
-				className: q.switchTrack,
+				className: ii.switchTrack,
 				"aria-hidden": "true",
-				children: /* @__PURE__ */ t("span", { className: [q.switchThumb, _ ? q.switchThumbOn : null].filter(Boolean).join(" ") })
+				children: /* @__PURE__ */ t("span", { className: [ii.switchThumb, _ ? ii.switchThumbOn : null].filter(Boolean).join(" ") })
 			})
 		]
 	});
 }
-var J = {
+var q = {
 	row: "_row_1dije_3",
 	disabled: "_disabled_1dije_41",
 	checkboxWrap: "_checkboxWrap_1dije_49",
@@ -3074,7 +3117,7 @@ var J = {
 };
 //#endregion
 //#region src/components/CheckRow/CheckRow.tsx
-function ii({ title: e, subtitle: r, leading: i, checked: a, defaultChecked: o = !1, onCheckedChange: s, disabled: c = !1, className: l, onClick: d, ...p }) {
+function oi({ title: e, subtitle: r, leading: i, checked: a, defaultChecked: o = !1, onCheckedChange: s, disabled: c = !1, className: l, onClick: d, ...p }) {
 	let m = a !== void 0, [h, g] = f(o), _ = m ? a : h, v = u(), y = (e) => {
 		let t = !_;
 		m || g(t), s?.(t), d?.(e);
@@ -3085,20 +3128,20 @@ function ii({ title: e, subtitle: r, leading: i, checked: a, defaultChecked: o =
 		"aria-labelledby": v,
 		disabled: c,
 		className: [
-			J.row,
-			c ? J.disabled : null,
+			q.row,
+			c ? q.disabled : null,
 			l
 		].filter(Boolean).join(" "),
 		onClick: y,
 		...p,
 		children: [
 			/* @__PURE__ */ t("span", {
-				className: J.checkboxWrap,
+				className: q.checkboxWrap,
 				"aria-hidden": "true",
 				children: /* @__PURE__ */ t("span", {
-					className: [J.checkbox, _ ? J.checkboxChecked : null].filter(Boolean).join(" "),
+					className: [q.checkbox, _ ? q.checkboxChecked : null].filter(Boolean).join(" "),
 					children: _ && /* @__PURE__ */ t("svg", {
-						className: J.checkmark,
+						className: q.checkmark,
 						width: "12",
 						height: "12",
 						viewBox: "0 0 12 12",
@@ -3115,17 +3158,17 @@ function ii({ title: e, subtitle: r, leading: i, checked: a, defaultChecked: o =
 				})
 			}),
 			i && /* @__PURE__ */ t("span", {
-				className: J.leading,
+				className: q.leading,
 				children: i
 			}),
 			/* @__PURE__ */ n("span", {
-				className: J.content,
+				className: q.content,
 				id: v,
 				children: [/* @__PURE__ */ t("span", {
-					className: J.title,
+					className: q.title,
 					children: e
 				}), r && /* @__PURE__ */ t("span", {
-					className: J.subtitle,
+					className: q.subtitle,
 					children: r
 				})]
 			})
@@ -3134,35 +3177,35 @@ function ii({ title: e, subtitle: r, leading: i, checked: a, defaultChecked: o =
 }
 //#endregion
 //#region src/components/ComboRow/ComboRow.module.css
-var ai = "_row_46mn8_3", oi = "_disabled_46mn8_16", si = "_leading_46mn8_23", ci = "_content_46mn8_32", li = "_title_46mn8_40", ui = "_subtitle_46mn8_51", di = "_comboWrap_46mn8_65", fi = "_trigger_46mn8_73", pi = "_triggerOpen_46mn8_126", mi = "_triggerLabel_46mn8_136", hi = "_placeholder_46mn8_144", gi = "_chevron_46mn8_150", _i = "_chevronOpen_46mn8_157", vi = "_list_46mn8_163", yi = "_listDown_46mn8_192", bi = "_listUp_46mn8_196", xi = "_option_46mn8_208", Si = "_optionActive_46mn8_225", Ci = "_optionSelected_46mn8_229", wi = "_optionDisabled_46mn8_233", Ti = "_optionLabel_46mn8_239", Ei = "_checkIcon_46mn8_247", Y = {
-	row: ai,
-	disabled: oi,
-	leading: si,
-	content: ci,
-	title: li,
-	subtitle: ui,
-	comboWrap: di,
-	trigger: fi,
-	triggerOpen: pi,
-	triggerLabel: mi,
-	placeholder: hi,
-	chevron: gi,
-	chevronOpen: _i,
-	list: vi,
+var si = "_row_46mn8_3", ci = "_disabled_46mn8_16", li = "_leading_46mn8_23", ui = "_content_46mn8_32", di = "_title_46mn8_40", fi = "_subtitle_46mn8_51", pi = "_comboWrap_46mn8_65", mi = "_trigger_46mn8_73", hi = "_triggerOpen_46mn8_126", gi = "_triggerLabel_46mn8_136", _i = "_placeholder_46mn8_144", vi = "_chevron_46mn8_150", yi = "_chevronOpen_46mn8_157", bi = "_list_46mn8_163", xi = "_listDown_46mn8_192", Si = "_listUp_46mn8_196", Ci = "_option_46mn8_208", wi = "_optionActive_46mn8_225", Ti = "_optionSelected_46mn8_229", Ei = "_optionDisabled_46mn8_233", Di = "_optionLabel_46mn8_239", Oi = "_checkIcon_46mn8_247", J = {
+	row: si,
+	disabled: ci,
+	leading: li,
+	content: ui,
+	title: di,
+	subtitle: fi,
+	comboWrap: pi,
+	trigger: mi,
+	triggerOpen: hi,
+	triggerLabel: gi,
+	placeholder: _i,
+	chevron: vi,
+	chevronOpen: yi,
+	list: bi,
 	"list-in": "_list-in_46mn8_1",
-	listDown: yi,
-	listUp: bi,
+	listDown: xi,
+	listUp: Si,
 	"list-in-up": "_list-in-up_46mn8_1",
-	option: xi,
-	optionActive: Si,
-	optionSelected: Ci,
-	optionDisabled: wi,
-	optionLabel: Ti,
-	checkIcon: Ei
+	option: Ci,
+	optionActive: wi,
+	optionSelected: Ti,
+	optionDisabled: Ei,
+	optionLabel: Di,
+	checkIcon: Oi
 };
 //#endregion
 //#region src/components/ComboRow/ComboRow.tsx
-function Di({ title: e, subtitle: r, leading: i, options: a, value: o, defaultValue: c, onValueChange: p, disabled: m = !1, className: h, ...g }) {
+function ki({ title: e, subtitle: r, leading: i, options: a, value: o, defaultValue: c, onValueChange: p, disabled: m = !1, className: h, ...g }) {
 	let _ = o !== void 0, [v, y] = f(c), b = _ ? o : v, [x, S] = f(!1), [C, w] = f(-1), [T, E] = f(!1), D = u(), O = u(), k = d(null), A = d(null), j = a.find((e) => e.value === b), M = s(() => {
 		if (!k.current) return;
 		let e = k.current.getBoundingClientRect(), t = window.innerHeight - e.bottom, n = Math.min(a.length * 44 + 8, 260);
@@ -3251,28 +3294,28 @@ function Di({ title: e, subtitle: r, leading: i, options: a, value: o, defaultVa
 	]);
 	return /* @__PURE__ */ n("div", {
 		className: [
-			Y.row,
-			m ? Y.disabled : null,
+			J.row,
+			m ? J.disabled : null,
 			h
 		].filter(Boolean).join(" "),
 		...g,
 		children: [
 			i && /* @__PURE__ */ t("span", {
-				className: Y.leading,
+				className: J.leading,
 				children: i
 			}),
 			/* @__PURE__ */ n("span", {
-				className: Y.content,
+				className: J.content,
 				children: [/* @__PURE__ */ t("span", {
-					className: Y.title,
+					className: J.title,
 					children: e
 				}), r && /* @__PURE__ */ t("span", {
-					className: Y.subtitle,
+					className: J.subtitle,
 					children: r
 				})]
 			}),
 			/* @__PURE__ */ n("div", {
-				className: Y.comboWrap,
+				className: J.comboWrap,
 				children: [/* @__PURE__ */ n("button", {
 					ref: k,
 					id: D,
@@ -3283,14 +3326,14 @@ function Di({ title: e, subtitle: r, leading: i, options: a, value: o, defaultVa
 					"aria-controls": O,
 					"aria-activedescendant": x && C >= 0 ? `${O}-opt-${C}` : void 0,
 					disabled: m,
-					className: [Y.trigger, x ? Y.triggerOpen : null].filter(Boolean).join(" "),
+					className: [J.trigger, x ? J.triggerOpen : null].filter(Boolean).join(" "),
 					onClick: () => x ? P() : N(),
 					onKeyDown: te,
 					children: [/* @__PURE__ */ t("span", {
-						className: [Y.triggerLabel, j ? null : Y.placeholder].filter(Boolean).join(" "),
+						className: [J.triggerLabel, j ? null : J.placeholder].filter(Boolean).join(" "),
 						children: j?.label ?? "—"
 					}), /* @__PURE__ */ t("svg", {
-						className: [Y.chevron, x ? Y.chevronOpen : null].filter(Boolean).join(" "),
+						className: [J.chevron, x ? J.chevronOpen : null].filter(Boolean).join(" "),
 						width: "16",
 						height: "16",
 						viewBox: "0 0 16 16",
@@ -3311,7 +3354,7 @@ function Di({ title: e, subtitle: r, leading: i, options: a, value: o, defaultVa
 					role: "listbox",
 					"aria-labelledby": D,
 					tabIndex: -1,
-					className: [Y.list, T ? Y.listUp : Y.listDown].filter(Boolean).join(" "),
+					className: [J.list, T ? J.listUp : J.listDown].filter(Boolean).join(" "),
 					onKeyDown: ne,
 					children: a.map((e, r) => /* @__PURE__ */ n("li", {
 						id: `${O}-opt-${r}`,
@@ -3319,15 +3362,15 @@ function Di({ title: e, subtitle: r, leading: i, options: a, value: o, defaultVa
 						"aria-selected": e.value === b,
 						"aria-disabled": e.disabled,
 						className: [
-							Y.option,
-							e.value === b ? Y.optionSelected : null,
-							r === C ? Y.optionActive : null,
-							e.disabled ? Y.optionDisabled : null
+							J.option,
+							e.value === b ? J.optionSelected : null,
+							r === C ? J.optionActive : null,
+							e.disabled ? J.optionDisabled : null
 						].filter(Boolean).join(" "),
 						onMouseEnter: () => !e.disabled && w(r),
 						onClick: () => ee(e),
 						children: [/* @__PURE__ */ t("span", {
-							className: Y.optionLabel,
+							className: J.optionLabel,
 							children: e.label
 						}), e.value === b && /* @__PURE__ */ t("svg", {
 							width: "16",
@@ -3335,7 +3378,7 @@ function Di({ title: e, subtitle: r, leading: i, options: a, value: o, defaultVa
 							viewBox: "0 0 16 16",
 							"aria-hidden": "true",
 							focusable: "false",
-							className: Y.checkIcon,
+							className: J.checkIcon,
 							children: /* @__PURE__ */ t("path", {
 								d: "M3 8l4 4 6-6",
 								fill: "none",
@@ -3351,7 +3394,7 @@ function Di({ title: e, subtitle: r, leading: i, options: a, value: o, defaultVa
 		]
 	});
 }
-var X = {
+var Y = {
 	row: "_row_1kogj_3",
 	focused: "_focused_1kogj_16",
 	disabled: "_disabled_1kogj_25",
@@ -3365,31 +3408,31 @@ var X = {
 };
 //#endregion
 //#region src/components/EntryRow/EntryRow.tsx
-function Oi({ title: e, value: r, defaultValue: i = "", onValueChange: a, leading: o, trailing: s, disabled: c, className: l, id: p, onChange: m, ...h }) {
+function Ai({ title: e, value: r, defaultValue: i = "", onValueChange: a, leading: o, trailing: s, disabled: c, className: l, id: p, onChange: m, ...h }) {
 	let g = u(), _ = p ?? g, v = r !== void 0, [y, b] = f(String(i)), x = v ? String(r) : y, [S, C] = f(!1), w = d(null), T = S || x.length > 0;
 	return /* @__PURE__ */ n("div", {
 		className: [
-			X.row,
-			S ? X.focused : null,
-			c ? X.disabled : null,
+			Y.row,
+			S ? Y.focused : null,
+			c ? Y.disabled : null,
 			l
 		].filter(Boolean).join(" "),
 		onClick: () => w.current?.focus(),
 		children: [
 			o && /* @__PURE__ */ t("span", {
-				className: X.leading,
+				className: Y.leading,
 				children: o
 			}),
 			/* @__PURE__ */ n("span", {
-				className: X.fieldWrap,
+				className: Y.fieldWrap,
 				children: [/* @__PURE__ */ t("label", {
 					htmlFor: _,
-					className: [X.label, T ? X.labelFloated : null].filter(Boolean).join(" "),
+					className: [Y.label, T ? Y.labelFloated : null].filter(Boolean).join(" "),
 					children: e
 				}), /* @__PURE__ */ t("input", {
 					ref: w,
 					id: _,
-					className: [X.input, T ? X.inputFloated : null].filter(Boolean).join(" "),
+					className: [Y.input, T ? Y.inputFloated : null].filter(Boolean).join(" "),
 					value: x,
 					disabled: c,
 					onFocus: () => C(!0),
@@ -3401,19 +3444,19 @@ function Oi({ title: e, value: r, defaultValue: i = "", onValueChange: a, leadin
 				})]
 			}),
 			s && /* @__PURE__ */ t("span", {
-				className: X.trailing,
+				className: Y.trailing,
 				children: s
 			})
 		]
 	});
 }
-var ki = { revealButton: "_revealButton_1j8z0_3" };
+var ji = { revealButton: "_revealButton_1j8z0_3" };
 //#endregion
 //#region src/components/PasswordEntryRow/PasswordEntryRow.tsx
-function Ai({ trailing: r, disabled: i, ...a }) {
+function Mi({ trailing: r, disabled: i, ...a }) {
 	let [o, s] = f(!1), c = /* @__PURE__ */ t("button", {
 		type: "button",
-		className: ki.revealButton,
+		className: ji.revealButton,
 		onClick: (e) => {
 			e.stopPropagation(), s((e) => !e);
 		},
@@ -3426,14 +3469,14 @@ function Ai({ trailing: r, disabled: i, ...a }) {
 			"aria-hidden": !0
 		})
 	});
-	return /* @__PURE__ */ t(Oi, {
+	return /* @__PURE__ */ t(Ai, {
 		...a,
 		type: o ? "text" : "password",
 		disabled: i,
 		trailing: /* @__PURE__ */ n(e, { children: [r, c] })
 	});
 }
-var Z = {
+var X = {
 	row: "_row_ycg6f_3",
 	disabled: "_disabled_ycg6f_16",
 	leading: "_leading_ycg6f_23",
@@ -3446,16 +3489,16 @@ var Z = {
 };
 //#endregion
 //#region src/components/SpinRow/SpinRow.tsx
-function ji(e) {
+function Ni(e) {
 	let t = e.toString(), n = t.indexOf(".");
 	return n === -1 ? 0 : t.length - n - 1;
 }
-function Mi(e, t, n) {
+function Pi(e, t, n) {
 	return Math.min(n, Math.max(t, e));
 }
-function Ni({ title: e, subtitle: r, leading: i, value: a, defaultValue: o = 0, onValueChange: c, min: l = 0, max: d = 100, step: p = 1, decimals: m, disabled: h = !1, className: g, ..._ }) {
-	let v = a !== void 0, [y, b] = f(o), x = v ? a : y, S = m ?? ji(p), C = u(), w = s((e) => {
-		let t = parseFloat(Mi(e, l, d).toFixed(S));
+function Fi({ title: e, subtitle: r, leading: i, value: a, defaultValue: o = 0, onValueChange: c, min: l = 0, max: d = 100, step: p = 1, decimals: m, disabled: h = !1, className: g, ..._ }) {
+	let v = a !== void 0, [y, b] = f(o), x = v ? a : y, S = m ?? Ni(p), C = u(), w = s((e) => {
+		let t = parseFloat(Pi(e, l, d).toFixed(S));
 		v || b(t), c?.(t);
 	}, [
 		v,
@@ -3493,23 +3536,23 @@ function Ni({ title: e, subtitle: r, leading: i, value: a, defaultValue: o = 0,
 	]);
 	return /* @__PURE__ */ n("div", {
 		className: [
-			Z.row,
-			h ? Z.disabled : null,
+			X.row,
+			h ? X.disabled : null,
 			g
 		].filter(Boolean).join(" "),
 		..._,
 		children: [
 			i && /* @__PURE__ */ t("span", {
-				className: Z.leading,
+				className: X.leading,
 				children: i
 			}),
 			/* @__PURE__ */ n("span", {
-				className: Z.content,
+				className: X.content,
 				children: [/* @__PURE__ */ t("span", {
-					className: Z.title,
+					className: X.title,
 					children: e
 				}), r && /* @__PURE__ */ t("span", {
-					className: Z.subtitle,
+					className: X.subtitle,
 					children: r
 				})]
 			}),
@@ -3522,14 +3565,14 @@ function Ni({ title: e, subtitle: r, leading: i, value: a, defaultValue: o = 0,
 				"aria-disabled": h || void 0,
 				tabIndex: h ? -1 : 0,
 				onKeyDown: h ? void 0 : T,
-				className: Z.spin,
+				className: X.spin,
 				children: [
 					/* @__PURE__ */ t("button", {
 						type: "button",
 						tabIndex: -1,
 						"aria-hidden": "true",
 						disabled: h || x <= l,
-						className: Z.spinBtn,
+						className: X.spinBtn,
 						onClick: (e) => {
 							e.stopPropagation(), w(x - p);
 						},
@@ -3537,7 +3580,7 @@ function Ni({ title: e, subtitle: r, leading: i, value: a, defaultValue: o = 0,
 					}),
 					/* @__PURE__ */ t("span", {
 						id: C,
-						className: Z.spinValue,
+						className: X.spinValue,
 						"aria-hidden": "true",
 						children: x.toFixed(S)
 					}),
@@ -3546,7 +3589,7 @@ function Ni({ title: e, subtitle: r, leading: i, value: a, defaultValue: o = 0,
 						tabIndex: -1,
 						"aria-hidden": "true",
 						disabled: h || x >= d,
-						className: Z.spinBtn,
+						className: X.spinBtn,
 						onClick: (e) => {
 							e.stopPropagation(), w(x + p);
 						},
@@ -3559,50 +3602,50 @@ function Ni({ title: e, subtitle: r, leading: i, value: a, defaultValue: o = 0,
 }
 //#endregion
 //#region src/components/NavigationView/NavigationView.module.css
-var Pi = "_view_1r1om_3", Fi = "_page_1r1om_12", Ii = "_pageHeader_1r1om_23", Li = "_pageTitle_1r1om_34", Ri = "_pageContent_1r1om_43", zi = "_enterForward_1r1om_52", Bi = "_enterBack_1r1om_56", Vi = {
-	view: Pi,
-	page: Fi,
-	pageHeader: Ii,
-	pageTitle: Li,
-	pageContent: Ri,
-	enterForward: zi,
+var Ii = "_view_1r1om_3", Li = "_page_1r1om_12", Ri = "_pageHeader_1r1om_23", zi = "_pageTitle_1r1om_34", Bi = "_pageContent_1r1om_43", Vi = "_enterForward_1r1om_52", Hi = "_enterBack_1r1om_56", Ui = {
+	view: Ii,
+	page: Li,
+	pageHeader: Ri,
+	pageTitle: zi,
+	pageContent: Bi,
+	enterForward: Vi,
 	"slide-in-right": "_slide-in-right_1r1om_1",
-	enterBack: Bi,
+	enterBack: Hi,
 	"slide-in-left": "_slide-in-left_1r1om_1"
-}, Hi = a({
+}, Wi = a({
 	navigate: () => {},
 	pop: () => {},
 	canGoBack: !1,
 	currentTag: "",
 	direction: "forward"
 });
-function Ui() {
-	return c(Hi);
+function Gi() {
+	return c(Wi);
 }
-function Wi({ tag: e, title: r, children: i, className: a, ...o }) {
-	let { currentTag: s, direction: l } = c(Hi);
+function Ki({ tag: e, title: r, children: i, className: a, ...o }) {
+	let { currentTag: s, direction: l } = c(Wi);
 	return s === e ? /* @__PURE__ */ n("div", {
 		className: [
-			Vi.page,
-			l === "forward" ? Vi.enterForward : Vi.enterBack,
+			Ui.page,
+			l === "forward" ? Ui.enterForward : Ui.enterBack,
 			a
 		].filter(Boolean).join(" "),
 		...o,
 		children: [/* @__PURE__ */ t("div", {
-			className: Vi.pageHeader,
+			className: Ui.pageHeader,
 			children: /* @__PURE__ */ t("span", {
-				className: Vi.pageTitle,
+				className: Ui.pageTitle,
 				children: r
 			})
 		}), /* @__PURE__ */ t("div", {
-			className: Vi.pageContent,
+			className: Ui.pageContent,
 			children: i
 		})]
 	}) : null;
 }
-function Gi({ initialPage: e, children: n, className: r, ...i }) {
+function qi({ initialPage: e, children: n, className: r, ...i }) {
 	let [a, o] = f([e]), s = a[a.length - 1], c = a.length > 1, [l, u] = f("forward");
-	return /* @__PURE__ */ t(Hi.Provider, {
+	return /* @__PURE__ */ t(Wi.Provider, {
 		value: {
 			navigate: (e) => {
 				u("forward"), o((t) => [...t, e]);
@@ -3615,7 +3658,7 @@ function Gi({ initialPage: e, children: n, className: r, ...i }) {
 			direction: l
 		},
 		children: /* @__PURE__ */ t("div", {
-			className: [Vi.view, r].filter(Boolean).join(" "),
+			className: [Ui.view, r].filter(Boolean).join(" "),
 			...i,
 			children: n
 		})
@@ -3623,20 +3666,20 @@ function Gi({ initialPage: e, children: n, className: r, ...i }) {
 }
 //#endregion
 //#region src/components/BottomSheet/BottomSheet.module.css
-var Ki = "_backdrop_zzv98_3", qi = "_sheet_zzv98_26", Ji = "_handle_zzv98_49", Yi = "_handleBar_zzv98_56", Xi = "_title_zzv98_66", Zi = "_content_zzv98_79", Qi = {
-	backdrop: Ki,
+var Ji = "_backdrop_zzv98_3", Yi = "_sheet_zzv98_26", Xi = "_handle_zzv98_49", Zi = "_handleBar_zzv98_56", Qi = "_title_zzv98_66", $i = "_content_zzv98_79", ea = {
+	backdrop: Ji,
 	"backdrop-in": "_backdrop-in_zzv98_1",
-	sheet: qi,
+	sheet: Yi,
 	"sheet-in": "_sheet-in_zzv98_1",
-	handle: Ji,
-	handleBar: Yi,
-	title: Xi,
-	content: Zi
-}, $i = "button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
-function ea({ open: e, title: r, children: i, onClose: a, closeOnBackdrop: o = !0, className: c, ...f }) {
+	handle: Xi,
+	handleBar: Zi,
+	title: Qi,
+	content: $i
+}, ta = "button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
+function na({ open: e, title: r, children: i, onClose: a, closeOnBackdrop: o = !0, className: c, ...f }) {
 	let m = d(null), h = u(), g = d(null);
 	l(() => {
-		e ? (g.current = document.activeElement, (m.current?.querySelector($i))?.focus()) : g.current?.focus();
+		e ? (g.current = document.activeElement, (m.current?.querySelector(ta))?.focus()) : g.current?.focus();
 	}, [e]);
 	let _ = s((e) => {
 		if (e.key === "Escape") {
@@ -3644,14 +3687,14 @@ function ea({ open: e, title: r, children: i, onClose: a, closeOnBackdrop: o = !
 			return;
 		}
 		if (e.key !== "Tab") return;
-		let t = Array.from(m.current?.querySelectorAll($i) ?? []);
+		let t = Array.from(m.current?.querySelectorAll(ta) ?? []);
 		if (t.length === 0) return;
 		let n = t[0], r = t[t.length - 1];
 		e.shiftKey ? document.activeElement === n && (e.preventDefault(), r.focus()) : document.activeElement === r && (e.preventDefault(), n.focus());
 	}, [a]);
 	if (!e) return null;
 	let v = /* @__PURE__ */ t("div", {
-		className: Qi.backdrop,
+		className: ea.backdrop,
 		onClick: o ? a : void 0,
 		"aria-hidden": "true",
 		children: /* @__PURE__ */ n("div", {
@@ -3659,23 +3702,23 @@ function ea({ open: e, title: r, children: i, onClose: a, closeOnBackdrop: o = !
 			role: "dialog",
 			"aria-modal": "true",
 			"aria-labelledby": r ? h : void 0,
-			className: [Qi.sheet, c].filter(Boolean).join(" "),
+			className: [ea.sheet, c].filter(Boolean).join(" "),
 			onKeyDown: _,
 			onClick: (e) => e.stopPropagation(),
 			...f,
 			children: [
 				/* @__PURE__ */ t("div", {
-					className: Qi.handle,
+					className: ea.handle,
 					"aria-hidden": "true",
-					children: /* @__PURE__ */ t("div", { className: Qi.handleBar })
+					children: /* @__PURE__ */ t("div", { className: ea.handleBar })
 				}),
 				r && /* @__PURE__ */ t("div", {
 					id: h,
-					className: Qi.title,
+					className: ea.title,
 					children: r
 				}),
 				i && /* @__PURE__ */ t("div", {
-					className: Qi.content,
+					className: ea.content,
 					children: i
 				})
 			]
@@ -3683,7 +3726,7 @@ function ea({ open: e, title: r, children: i, onClose: a, closeOnBackdrop: o = !
 	});
 	return typeof document > "u" ? v : p(v, document.body);
 }
-var Q = {
+var Z = {
 	carousel: "_carousel_117hp_3",
 	horizontal: "_horizontal_117hp_20",
 	vertical: "_vertical_117hp_27",
@@ -3697,9 +3740,9 @@ var Q = {
 };
 //#endregion
 //#region src/components/Carousel/Carousel.tsx
-function ta({ pages: e, currentPage: n, onPageSelected: r, className: i, ...a }) {
+function ra({ pages: e, currentPage: n, onPageSelected: r, className: i, ...a }) {
 	return /* @__PURE__ */ t("div", {
-		className: [Q.indicatorDots, i].filter(Boolean).join(" "),
+		className: [Z.indicatorDots, i].filter(Boolean).join(" "),
 		role: "tablist",
 		"aria-label": "Carousel pages",
 		...a,
@@ -3708,14 +3751,14 @@ function ta({ pages: e, currentPage: n, onPageSelected: r, className: i, ...a })
 			role: "tab",
 			"aria-selected": i === n,
 			"aria-label": `Page ${i + 1}`,
-			className: [Q.dot, i === n ? Q.dotActive : null].filter(Boolean).join(" "),
+			className: [Z.dot, i === n ? Z.dotActive : null].filter(Boolean).join(" "),
 			onClick: () => r?.(i)
 		}, i))
 	});
 }
-function na({ pages: e, currentPage: n, onPageSelected: r, className: i, ...a }) {
+function ia({ pages: e, currentPage: n, onPageSelected: r, className: i, ...a }) {
 	return /* @__PURE__ */ t("div", {
-		className: [Q.indicatorLines, i].filter(Boolean).join(" "),
+		className: [Z.indicatorLines, i].filter(Boolean).join(" "),
 		role: "tablist",
 		"aria-label": "Carousel pages",
 		...a,
@@ -3724,12 +3767,12 @@ function na({ pages: e, currentPage: n, onPageSelected: r, className: i, ...a })
 			role: "tab",
 			"aria-selected": i === n,
 			"aria-label": `Page ${i + 1}`,
-			className: [Q.line, i === n ? Q.lineActive : null].filter(Boolean).join(" "),
+			className: [Z.line, i === n ? Z.lineActive : null].filter(Boolean).join(" "),
 			onClick: () => r?.(i)
 		}, i))
 	});
 }
-function ra({ children: e, orientation: n = "horizontal", spacing: i = 0, loop: a = !1, onPageChanged: o, page: c, className: u, ...p }) {
+function aa({ children: e, orientation: n = "horizontal", spacing: i = 0, loop: a = !1, onPageChanged: o, page: c, className: u, ...p }) {
 	let m = d(null), h = r.count(e), [g, _] = f(0), v = c !== void 0, y = v ? c : g;
 	l(() => {
 		v && b(c, "smooth");
@@ -3785,15 +3828,15 @@ function ra({ children: e, orientation: n = "horizontal", spacing: i = 0, loop:
 		"aria-roledescription": "carousel",
 		tabIndex: 0,
 		className: [
-			Q.carousel,
-			S ? Q.horizontal : Q.vertical,
+			Z.carousel,
+			S ? Z.horizontal : Z.vertical,
 			u
 		].filter(Boolean).join(" "),
 		style: S ? { columnGap: i || void 0 } : { rowGap: i || void 0 },
 		onKeyDown: x,
 		...p,
 		children: r.map(e, (e, n) => /* @__PURE__ */ t("div", {
-			className: Q.slide,
+			className: Z.slide,
 			role: "group",
 			"aria-roledescription": "slide",
 			"aria-label": `${n + 1} of ${h}`,
@@ -3803,49 +3846,49 @@ function ra({ children: e, orientation: n = "horizontal", spacing: i = 0, loop:
 }
 //#endregion
 //#region src/components/Bin/Bin.tsx
-function ia({ children: e, ...n }) {
+function oa({ children: e, ...n }) {
 	return /* @__PURE__ */ t("div", {
 		...n,
 		children: e
 	});
 }
-var aa = {
+var sa = {
 	content: "_content_1xkwk_3",
 	icon: "_icon_1xkwk_9",
 	label: "_label_1xkwk_15"
 };
 //#endregion
 //#region src/components/ButtonContent/ButtonContent.tsx
-function oa({ icon: e, label: r, iconPosition: i = "start", className: a, ...o }) {
+function ca({ icon: e, label: r, iconPosition: i = "start", className: a, ...o }) {
 	return /* @__PURE__ */ n("span", {
 		className: [
-			aa.content,
-			i === "end" ? aa.iconEnd : null,
+			sa.content,
+			i === "end" ? sa.iconEnd : null,
 			a
 		].filter(Boolean).join(" "),
 		...o,
 		children: [
 			e && i === "start" && /* @__PURE__ */ t("span", {
-				className: aa.icon,
+				className: sa.icon,
 				"aria-hidden": "true",
 				children: e
 			}),
 			/* @__PURE__ */ t("span", {
-				className: aa.label,
+				className: sa.label,
 				children: r
 			}),
 			e && i === "end" && /* @__PURE__ */ t("span", {
-				className: aa.icon,
+				className: sa.icon,
 				"aria-hidden": "true",
 				children: e
 			})
 		]
 	});
 }
-var sa = {
+var la = {
 	label: "_label_h3znl_3",
 	key: "_key_h3znl_9"
-}, ca = {
+}, ua = {
 	ctrl: "⌃",
 	control: "⌃",
 	shift: "⇧",
@@ -3873,22 +3916,22 @@ var sa = {
 	home: "⇱",
 	end: "⇲"
 };
-function la({ shortcut: e, symbols: n = !0, className: r, ...i }) {
+function da({ shortcut: e, symbols: n = !0, className: r, ...i }) {
 	let a = e.split("+").map((e) => e.trim()).filter(Boolean);
 	return /* @__PURE__ */ t("span", {
-		className: [sa.label, r].filter(Boolean).join(" "),
+		className: [la.label, r].filter(Boolean).join(" "),
 		"aria-label": e,
 		...i,
 		children: a.map((e, r) => {
-			let i = n ? ca[e.toLowerCase()] ?? e : e;
+			let i = n ? ua[e.toLowerCase()] ?? e : e;
 			return /* @__PURE__ */ t("kbd", {
-				className: sa.key,
+				className: la.key,
 				children: i
 			}, r);
 		})
 	});
 }
-var ua = {
+var fa = {
 	toolbarView: "_toolbarView_134hf_3",
 	top: "_top_134hf_11",
 	content: "_content_134hf_16",
@@ -3896,47 +3939,47 @@ var ua = {
 };
 //#endregion
 //#region src/components/ToolbarView/ToolbarView.tsx
-function da({ topBar: e, bottomBar: r, children: i, className: a, ...o }) {
+function pa({ topBar: e, bottomBar: r, children: i, className: a, ...o }) {
 	return /* @__PURE__ */ n("div", {
-		className: [ua.toolbarView, a].filter(Boolean).join(" "),
+		className: [fa.toolbarView, a].filter(Boolean).join(" "),
 		...o,
 		children: [
 			e && /* @__PURE__ */ t("div", {
-				className: ua.top,
+				className: fa.top,
 				children: e
 			}),
 			/* @__PURE__ */ t("div", {
-				className: ua.content,
+				className: fa.content,
 				children: i
 			}),
 			r && /* @__PURE__ */ t("div", {
-				className: ua.bottom,
+				className: fa.bottom,
 				children: r
 			})
 		]
 	});
 }
-var fa = {
+var ma = {
 	windowTitle: "_windowTitle_zm877_3",
 	title: "_title_zm877_11",
 	subtitle: "_subtitle_zm877_24"
 };
 //#endregion
 //#region src/components/WindowTitle/WindowTitle.tsx
-function pa({ title: e, subtitle: r, className: i, ...a }) {
+function ha({ title: e, subtitle: r, className: i, ...a }) {
 	return /* @__PURE__ */ n("div", {
-		className: [fa.windowTitle, i].filter(Boolean).join(" "),
+		className: [ma.windowTitle, i].filter(Boolean).join(" "),
 		...a,
 		children: [/* @__PURE__ */ t("span", {
-			className: fa.title,
+			className: ma.title,
 			children: e
 		}), r && /* @__PURE__ */ t("span", {
-			className: fa.subtitle,
+			className: ma.subtitle,
 			children: r
 		})]
 	});
 }
-var ma = {
+var ga = {
 	group: "_group_17s4f_3",
 	header: "_header_17s4f_11",
 	headerText: "_headerText_17s4f_17",
@@ -3947,85 +3990,85 @@ var ma = {
 };
 //#endregion
 //#region src/components/PreferencesGroup/PreferencesGroup.tsx
-function ha({ title: e, description: r, headerSuffix: i, children: a, className: o, ...s }) {
+function _a({ title: e, description: r, headerSuffix: i, children: a, className: o, ...s }) {
 	let c = e || r || i;
 	return /* @__PURE__ */ n("div", {
-		className: [ma.group, o].filter(Boolean).join(" "),
+		className: [ga.group, o].filter(Boolean).join(" "),
 		...s,
 		children: [c && /* @__PURE__ */ n("div", {
-			className: ma.header,
+			className: ga.header,
 			children: [/* @__PURE__ */ n("div", {
-				className: ma.headerText,
+				className: ga.headerText,
 				children: [e && /* @__PURE__ */ t("span", {
-					className: ma.title,
+					className: ga.title,
 					children: e
 				}), r && /* @__PURE__ */ t("span", {
-					className: ma.description,
+					className: ga.description,
 					children: r
 				})]
 			}), i && /* @__PURE__ */ t("div", {
-				className: ma.suffix,
+				className: ga.suffix,
 				children: i
 			})]
 		}), /* @__PURE__ */ t("div", {
-			className: ma.content,
+			className: ga.content,
 			children: a
 		})]
 	});
 }
-var ga = {
+var va = {
 	page: "_page_gt42j_3",
 	inner: "_inner_gt42j_10"
 };
 //#endregion
 //#region src/components/PreferencesPage/PreferencesPage.tsx
-function _a({ title: e, iconName: n, children: r, className: i, ...a }) {
+function ya({ title: e, iconName: n, children: r, className: i, ...a }) {
 	return /* @__PURE__ */ t("div", {
-		className: [ga.page, i].filter(Boolean).join(" "),
+		className: [va.page, i].filter(Boolean).join(" "),
 		role: "tabpanel",
 		...a,
 		children: /* @__PURE__ */ t("div", {
-			className: ga.inner,
+			className: va.inner,
 			children: r
 		})
 	});
 }
 //#endregion
 //#region src/components/PreferencesDialog/PreferencesDialog.module.css
-var va = "_backdrop_1u1bd_3", ya = "_dialog_1u1bd_26", ba = "_dialogMulti_1u1bd_46", xa = "_header_1u1bd_63", Sa = "_closeBtn_1u1bd_73", Ca = "_title_1u1bd_102", wa = "_searchWrap_1u1bd_112", Ta = "_searchInput_1u1bd_116", Ea = "_body_1u1bd_143", Da = "_sidebar_1u1bd_152", Oa = "_navList_1u1bd_160", ka = "_navItem_1u1bd_169", Aa = "_navItemActive_1u1bd_190", ja = "_navIcon_1u1bd_205", Ma = "_navLabel_1u1bd_211", Na = "_pageWrap_1u1bd_221", $ = {
-	backdrop: va,
+var ba = "_backdrop_1u1bd_3", xa = "_dialog_1u1bd_26", Sa = "_dialogMulti_1u1bd_46", Ca = "_header_1u1bd_63", wa = "_closeBtn_1u1bd_73", Ta = "_title_1u1bd_102", Ea = "_searchWrap_1u1bd_112", Da = "_searchInput_1u1bd_116", Oa = "_body_1u1bd_143", ka = "_sidebar_1u1bd_152", Aa = "_navList_1u1bd_160", ja = "_navItem_1u1bd_169", Ma = "_navItemActive_1u1bd_190", Na = "_navIcon_1u1bd_205", Pa = "_navLabel_1u1bd_211", Fa = "_pageWrap_1u1bd_221", Q = {
+	backdrop: ba,
 	"backdrop-in": "_backdrop-in_1u1bd_1",
-	dialog: ya,
+	dialog: xa,
 	"dialog-in": "_dialog-in_1u1bd_1",
-	dialogMulti: ba,
-	header: xa,
-	closeBtn: Sa,
-	title: Ca,
-	searchWrap: wa,
-	searchInput: Ta,
-	body: Ea,
-	sidebar: Da,
-	navList: Oa,
-	navItem: ka,
-	navItemActive: Aa,
-	navIcon: ja,
-	navLabel: Ma,
-	pageWrap: Na
-}, Pa = "button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
-function Fa(e, t) {
+	dialogMulti: Sa,
+	header: Ca,
+	closeBtn: wa,
+	title: Ta,
+	searchWrap: Ea,
+	searchInput: Da,
+	body: Oa,
+	sidebar: ka,
+	navList: Aa,
+	navItem: ja,
+	navItemActive: Ma,
+	navIcon: Na,
+	navLabel: Pa,
+	pageWrap: Fa
+}, Ia = "button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
+function La(e, t) {
 	if (e.key !== "Tab") return;
-	let n = Array.from(t.current?.querySelectorAll(Pa) ?? []);
+	let n = Array.from(t.current?.querySelectorAll(Ia) ?? []);
 	if (!n.length) return;
 	let r = n[0], i = n[n.length - 1];
 	e.shiftKey ? document.activeElement === r && (e.preventDefault(), i.focus()) : document.activeElement === i && (e.preventDefault(), r.focus());
 }
-function Ia({ open: e, onClose: a, children: c, searchable: m = !0, className: h, ...g }) {
+function Ra({ open: e, onClose: a, children: c, searchable: m = !0, className: h, ...g }) {
 	let _ = d(null), v = d(null), y = u(), b = r.toArray(c).filter((e) => o(e)), [x, S] = f(0), [C, w] = f("");
 	l(() => {
 		if (e) {
 			S(0), w("");
 			let e = requestAnimationFrame(() => {
-				m && v.current ? v.current.focus() : (_.current?.querySelector(Pa))?.focus();
+				m && v.current ? v.current.focus() : (_.current?.querySelector(Ia))?.focus();
 			});
 			return () => cancelAnimationFrame(e);
 		}
@@ -4035,10 +4078,10 @@ function Ia({ open: e, onClose: a, children: c, searchable: m = !0, className: h
 			e.stopPropagation(), a();
 			return;
 		}
-		Fa(e, _);
+		La(e, _);
 	}, [a]), E = b.length > 1, D = b[x] ?? b[0], O = C.trim().toLowerCase();
 	return e ? p(/* @__PURE__ */ t("div", {
-		className: $.backdrop,
+		className: Q.backdrop,
 		onClick: (e) => {
 			e.target === e.currentTarget && a();
 		},
@@ -4049,79 +4092,160 @@ function Ia({ open: e, onClose: a, children: c, searchable: m = !0, className: h
 			"aria-modal": "true",
 			"aria-labelledby": y,
 			className: [
-				$.dialog,
-				E ? $.dialogMulti : null,
+				Q.dialog,
+				E ? Q.dialogMulti : null,
 				h
 			].filter(Boolean).join(" "),
 			onKeyDown: T,
 			...g,
 			children: [/* @__PURE__ */ n("div", {
-				className: $.header,
+				className: Q.header,
 				children: [
 					/* @__PURE__ */ t("button", {
 						type: "button",
-						className: $.closeBtn,
+						className: Q.closeBtn,
 						onClick: a,
 						"aria-label": "Close preferences",
 						children: "✕"
 					}),
 					/* @__PURE__ */ t("span", {
 						id: y,
-						className: $.title,
+						className: Q.title,
 						children: "Preferences"
 					}),
 					m && /* @__PURE__ */ t("div", {
-						className: $.searchWrap,
+						className: Q.searchWrap,
 						children: /* @__PURE__ */ t("input", {
 							ref: v,
 							type: "search",
 							placeholder: "Search…",
 							value: C,
 							onChange: (e) => w(e.target.value),
-							className: $.searchInput,
+							className: Q.searchInput,
 							"aria-label": "Search preferences"
 						})
 					})
 				]
 			}), /* @__PURE__ */ n("div", {
-				className: $.body,
+				className: Q.body,
 				children: [E && /* @__PURE__ */ t("nav", {
-					className: $.sidebar,
+					className: Q.sidebar,
 					"aria-label": "Preferences pages",
 					children: /* @__PURE__ */ t("ul", {
 						role: "tablist",
-						className: $.navList,
+						className: Q.navList,
 						children: b.map((e, r) => /* @__PURE__ */ t("li", {
 							role: "presentation",
 							children: /* @__PURE__ */ n("button", {
 								role: "tab",
 								type: "button",
 								"aria-selected": r === x,
-								className: [$.navItem, r === x ? $.navItemActive : null].filter(Boolean).join(" "),
+								className: [Q.navItem, r === x ? Q.navItemActive : null].filter(Boolean).join(" "),
 								onClick: () => S(r),
 								children: [e.props.iconName && /* @__PURE__ */ t("span", {
 									className: [
-										$.navIcon,
+										Q.navIcon,
 										"icon",
 										e.props.iconName
 									].join(" "),
 									"aria-hidden": "true"
 								}), /* @__PURE__ */ t("span", {
-									className: $.navLabel,
+									className: Q.navLabel,
 									children: e.props.title
 								})]
 							})
 						}, r))
 					})
 				}), /* @__PURE__ */ t("div", {
-					className: $.pageWrap,
+					className: Q.pageWrap,
 					children: D && i(D, { "data-search-query": O || void 0 })
 				})]
 			})]
 		})
 	}), document.body) : null;
 }
+var $ = {
+	vertical: "_vertical_12mfk_12",
+	item: "_item_12mfk_18",
+	leading: "_leading_12mfk_25",
+	nodeTrack: "_nodeTrack_12mfk_32",
+	content: "_content_12mfk_41",
+	horizontal: "_horizontal_12mfk_65",
+	node: "_node_12mfk_32",
+	nodeDot: "_nodeDot_12mfk_114",
+	nodeWithIcon: "_nodeWithIcon_12mfk_121",
+	iconWrap: "_iconWrap_12mfk_128",
+	lineInvisible: "_lineInvisible_12mfk_139",
+	line: "_line_12mfk_139",
+	lineDotted: "_lineDotted_12mfk_153"
+};
+//#endregion
+//#region src/components/Timeline/Timeline.tsx
+function za({ items: e, orientation: r = "vertical", variant: i = "default", className: a, ...o }) {
+	let s = r === "horizontal", c = i !== "none";
+	return /* @__PURE__ */ t("div", {
+		role: "list",
+		className: [
+			$.root,
+			s ? $.horizontal : $.vertical,
+			a
+		].filter(Boolean).join(" "),
+		...o,
+		children: e.map((r, a) => {
+			let o = a === 0, l = a === e.length - 1, u = [$.line, i === "dotted" ? $.lineDotted : null].filter(Boolean).join(" "), d = /* @__PURE__ */ t("div", {
+				className: [$.node, r.icon ? $.nodeWithIcon : $.nodeDot].filter(Boolean).join(" "),
+				children: r.icon && /* @__PURE__ */ t("span", {
+					className: $.iconWrap,
+					"aria-hidden": "true",
+					children: r.icon
+				})
+			});
+			return /* @__PURE__ */ n("div", {
+				role: "listitem",
+				className: $.item,
+				children: [
+					/* @__PURE__ */ t("div", {
+						className: $.leading,
+						children: r.leading
+					}),
+					s ? /* @__PURE__ */ n("div", {
+						className: $.nodeTrack,
+						children: [
+							/* @__PURE__ */ t("div", {
+								className: [
+									$.line,
+									i === "dotted" ? $.lineDotted : null,
+									o || !c ? $.lineInvisible : null
+								].filter(Boolean).join(" "),
+								"aria-hidden": "true"
+							}),
+							d,
+							/* @__PURE__ */ t("div", {
+								className: [
+									$.line,
+									i === "dotted" ? $.lineDotted : null,
+									l || !c ? $.lineInvisible : null
+								].filter(Boolean).join(" "),
+								"aria-hidden": "true"
+							})
+						]
+					}) : /* @__PURE__ */ n("div", {
+						className: $.nodeTrack,
+						children: [d, !l && c && /* @__PURE__ */ t("div", {
+							className: u,
+							"aria-hidden": "true"
+						})]
+					}),
+					/* @__PURE__ */ t("div", {
+						className: $.content,
+						children: r.content
+					})
+				]
+			}, a);
+		})
+	});
+}
 //#endregion
-export { Et as ActionRow, te as Avatar, Ae as Badge, we as Banner, ia as Bin, ea as BottomSheet, lr as Box, Ot as BoxedList, zr as BreakpointBin, h as Button, oa as ButtonContent, Vr as ButtonRow, k as Card, ra as Carousel, ta as CarouselIndicatorDots, na as CarouselIndicatorLines, ii as CheckRow, se as Checkbox, pr as Chip, Zn as Clamp, Di as ComboRow, xn as Dialog, Bn as Dropdown, Oi as EntryRow, Zr as ExpanderRow, Oe as Footer, Xr as Frame, He as GNOME_BREAKPOINTS, Ee as HeaderBar, F as Icon, ti as InlineViewSwitcher, ni as InlineViewSwitcherItem, rr as Link, Jr as LinkedGroup, Wi as NavigationPage, Qn as NavigationSplitView, Gi as NavigationView, $n as OverlaySplitView, Ai as PasswordEntryRow, Yn as Popover, Ia as PreferencesDialog, ha as PreferencesGroup, _a as PreferencesPage, pe as ProgressBar, de as RadioButton, ze as SearchBar, re as Separator, la as ShortcutLabel, Pr as ShortcutsDialog, ft as Sidebar, ct as SidebarCollapsedContext, vt as SidebarItem, pt as SidebarSection, Wn as Slider, Kr as Spacer, St as SpinButton, Ni as SpinRow, j as Spinner, Ur as SplitButton, Ve as StatusPage, ae as Switch, ri as SwitchRow, Ct as TabBar, wt as TabItem, Tt as TabPanel, T as Text, le as TextField, Vt as Toast, Ht as Toaster, sr as ToggleGroup, cr as ToggleGroupItem, Gr as Toolbar, da as ToolbarView, _t as Tooltip, At as ViewSwitcher, tr as ViewSwitcherBar, jt as ViewSwitcherItem, Lr as ViewSwitcherSidebar, Rr as ViewSwitcherSidebarItem, pa as WindowTitle, dr as WrapBox, Ue as useBreakpoint, Ui as useNavigation, lt as useSidebarCollapsed };
+export { Tt as ActionRow, te as Avatar, Ae as Badge, we as Banner, oa as Bin, na as BottomSheet, lr as Box, Dt as BoxedList, Br as BreakpointBin, h as Button, ca as ButtonContent, Hr as ButtonRow, k as Card, aa as Carousel, ra as CarouselIndicatorDots, ia as CarouselIndicatorLines, oi as CheckRow, se as Checkbox, pr as Chip, Zn as Clamp, ki as ComboRow, bn as Dialog, zn as Dropdown, Ai as EntryRow, Qr as ExpanderRow, Oe as Footer, Zr as Frame, Ve as GNOME_BREAKPOINTS, Ee as HeaderBar, F as Icon, ni as InlineViewSwitcher, ri as InlineViewSwitcherItem, rr as Link, Yr as LinkedGroup, Ki as NavigationPage, Qn as NavigationSplitView, qi as NavigationView, $n as OverlaySplitView, Mi as PasswordEntryRow, Yn as Popover, Ra as PreferencesDialog, _a as PreferencesGroup, ya as PreferencesPage, pe as ProgressBar, de as RadioButton, Re as SearchBar, re as Separator, da as ShortcutLabel, Pr as ShortcutsDialog, dt as Sidebar, st as SidebarCollapsedContext, _t as SidebarItem, ft as SidebarSection, Wn as Slider, qr as Spacer, xt as SpinButton, Fi as SpinRow, j as Spinner, Wr as SplitButton, Be as StatusPage, ae as Switch, ai as SwitchRow, St as TabBar, Ct as TabItem, wt as TabPanel, T as Text, le as TextField, za as Timeline, Bt as Toast, Vt as Toaster, sr as ToggleGroup, cr as ToggleGroupItem, Kr as Toolbar, pa as ToolbarView, gt as Tooltip, kt as ViewSwitcher, tr as ViewSwitcherBar, At as ViewSwitcherItem, Rr as ViewSwitcherSidebar, zr as ViewSwitcherSidebarItem, ha as WindowTitle, dr as WrapBox, He as useBreakpoint, Gi as useNavigation, ct as useSidebarCollapsed };
 
 //# sourceMappingURL=index.js.map