@gnome-ui/react 1.12.0 → 1.14.0

package/dist/index.js

@@ -1937,7 +1937,7 @@ var Wn = {
 	top: "_top_1tk9v_67",
 	left: "_left_1tk9v_75",
 	right: "_right_1tk9v_83"
-}, Gn = 8, Kn = 8;
+}, Gn = 8, U = 10, Kn = 6;
 function qn(e, t, n) {
 	let r = window.innerWidth, i = window.innerHeight, a = [...new Set([
 		n,
@@ -1947,21 +1947,57 @@ function qn(e, t, n) {
 		"left",
 		"right"
 	])];
+	function o(n) {
+		return n === "bottom" ? {
+			top: e.bottom + Gn,
+			left: e.left + e.width / 2 - t.width / 2
+		} : n === "top" ? {
+			top: e.top - t.height - Gn,
+			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 - Gn
+		} : {
+			top: e.top + e.height / 2 - t.height / 2,
+			left: e.right + Gn
+		};
+	}
 	for (let n of a) {
-		let a = 0, o = 0;
-		n === "bottom" ? (a = e.bottom + Gn, o = e.left + e.width / 2 - t.width / 2) : n === "top" ? (a = e.top - t.height - Gn, 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 - Gn) : (a = e.top + e.height / 2 - t.height / 2, o = e.right + Gn);
-		let s = o >= Kn && o + t.width <= r - Kn, c = a >= Kn && a + t.height <= i - Kn;
-		if (s && c) return {
+		let { top: a, left: s } = o(n), c = s >= U && s + t.width <= r - U, l = a >= U && a + t.height <= i - U;
+		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 + Gn, s = e.left + e.width / 2 - t.width / 2;
+	for (let n of a) {
+		let { top: a, left: s } = o(n), c = a >= U && a + t.height <= i - U, l = s >= U && s + t.width <= r - U;
+		if ((n === "top" || n === "bottom") && c) {
+			let i = Math.max(U, Math.min(s, r - t.width - U)), o = e.left + e.width / 2 - i;
+			return {
+				top: a,
+				left: i,
+				placement: n,
+				arrowOffset: Math.max(Kn + 4, Math.min(o, t.width - Kn - 4))
+			};
+		}
+		if ((n === "left" || n === "right") && l) {
+			let r = Math.max(U, Math.min(a, i - t.height - U)), o = e.top + e.height / 2 - r;
+			return {
+				top: r,
+				left: s,
+				placement: n,
+				arrowOffset: Math.max(Kn + 4, Math.min(o, t.height - Kn - 4))
+			};
+		}
+	}
+	let s = e.bottom + Gn, c = e.left + e.width / 2 - t.width / 2, l = Math.max(U, Math.min(s, i - t.height - U)), u = Math.max(U, Math.min(c, r - t.width - U)), d = e.left + e.width / 2 - u;
 	return {
-		top: Math.max(Kn, Math.min(o, i - t.height - Kn)),
-		left: Math.max(Kn, Math.min(s, r - t.width - Kn)),
-		placement: "bottom"
+		top: l,
+		left: u,
+		placement: "bottom",
+		arrowOffset: Math.max(Kn + 4, Math.min(d, t.width - Kn - 4))
 	};
 }
 function Jn({ content: r, placement: a = "bottom", open: o, onClose: c, onOpenChange: m, children: h }) {
@@ -2037,7 +2073,14 @@ function Jn({ content: r, placement: a = "bottom", open: o, onClose: c, onOpenCh
 		onKeyDown: A,
 		children: [/* @__PURE__ */ t("div", {
 			className: Wn.arrow,
-			"aria-hidden": "true"
+			"aria-hidden": "true",
+			style: b?.arrowOffset === void 0 ? void 0 : b.placement === "top" || b.placement === "bottom" ? {
+				left: b.arrowOffset - Kn,
+				marginLeft: 0
+			} : {
+				top: b.arrowOffset - Kn,
+				marginTop: 0
+			}
 		}), r]
 	});
 	return /* @__PURE__ */ n(e, { children: [j, y && (typeof document < "u" ? p(M, document.body) : M)] });
@@ -2056,7 +2099,7 @@ function Xn({ maximumSize: e = 600, children: n, className: r, style: i, ...a })
 		children: n
 	});
 }
-var U = {
+var W = {
 	root: "_root_yaj3r_3",
 	expanded: "_expanded_yaj3r_12",
 	sidebar: "_sidebar_yaj3r_16",
@@ -2072,8 +2115,8 @@ function Zn({ sidebar: e, content: r, showContent: i = !1, minSidebarWidth: a =
 	let { isNarrow: d } = He(), f = `clamp(${a}px, ${s * 100}%, ${o}px)`;
 	return /* @__PURE__ */ n("div", {
 		className: [
-			U.root,
-			d ? U.collapsed : U.expanded,
+			W.root,
+			d ? W.collapsed : W.expanded,
 			c
 		].filter(Boolean).join(" "),
 		style: {
@@ -2083,23 +2126,23 @@ function Zn({ sidebar: e, content: r, showContent: i = !1, minSidebarWidth: a =
 		...u,
 		children: [
 			/* @__PURE__ */ t("div", {
-				className: [U.sidebar, d && i ? U.paneHidden : U.paneVisible].filter(Boolean).join(" "),
+				className: [W.sidebar, d && i ? W.paneHidden : W.paneVisible].filter(Boolean).join(" "),
 				"aria-hidden": d && i,
 				children: e
 			}),
 			!d && /* @__PURE__ */ t("div", {
-				className: U.divider,
+				className: W.divider,
 				"aria-hidden": "true"
 			}),
 			/* @__PURE__ */ t("div", {
-				className: [U.contentPane, d && !i ? U.paneHidden : U.paneVisible].filter(Boolean).join(" "),
+				className: [W.contentPane, d && !i ? W.paneHidden : W.paneVisible].filter(Boolean).join(" "),
 				"aria-hidden": d && !i,
 				children: r
 			})
 		]
 	});
 }
-var W = {
+var G = {
 	root: "_root_1xl2w_3",
 	wide: "_wide_1xl2w_13",
 	end: "_end_1xl2w_17",
@@ -2132,9 +2175,9 @@ function Qn({ sidebar: e, content: r, showSidebar: i = !1, onClose: a, sidebarPo
 	let v = o === "end";
 	return /* @__PURE__ */ n("div", {
 		className: [
-			W.root,
-			h ? W.narrow : W.wide,
-			v ? W.end : W.start,
+			G.root,
+			h ? G.narrow : G.wide,
+			v ? G.end : G.start,
 			f
 		].filter(Boolean).join(" "),
 		style: {
@@ -2144,18 +2187,18 @@ function Qn({ sidebar: e, content: r, showSidebar: i = !1, onClose: a, sidebarPo
 		...m,
 		children: [
 			h && /* @__PURE__ */ t("div", {
-				className: [W.backdrop, i ? W.backdropVisible : null].filter(Boolean).join(" "),
+				className: [G.backdrop, i ? G.backdropVisible : null].filter(Boolean).join(" "),
 				"aria-hidden": "true",
 				onClick: a
 			}),
 			/* @__PURE__ */ t("div", {
 				ref: g,
-				className: [W.sidebar, h ? i ? W.sidebarOpen : W.sidebarClosed : null].filter(Boolean).join(" "),
+				className: [G.sidebar, h ? i ? G.sidebarOpen : G.sidebarClosed : null].filter(Boolean).join(" "),
 				"aria-hidden": h && !i,
 				children: e
 			}),
 			/* @__PURE__ */ t("div", {
-				className: W.content,
+				className: G.content,
 				children: r
 			})
 		]
@@ -2266,13 +2309,31 @@ function sr({ name: e, label: r, icon: i, disabled: a, className: o, ...s }) {
 		})]
 	});
 }
-var cr = {
+//#endregion
+//#region src/components/Box/Box.tsx
+function cr({ orientation: e = "vertical", spacing: n = 6, align: r, justify: i = "start", className: a, style: o, children: s, ...c }) {
+	let l = e === "horizontal" ? "center" : "stretch";
+	return /* @__PURE__ */ t("div", {
+		className: a,
+		style: {
+			display: "flex",
+			flexDirection: e === "horizontal" ? "row" : "column",
+			gap: typeof n == "number" ? `${n}px` : n,
+			alignItems: r ?? l,
+			justifyContent: i,
+			...o
+		},
+		...c,
+		children: s
+	});
+}
+var lr = {
 	wrapBox: "_wrapBox_1ik0x_1",
 	reverse: "_reverse_1ik0x_10"
 };
 //#endregion
 //#region src/components/WrapBox/WrapBox.tsx
-function lr({ childSpacing: e = 6, lineSpacing: n, justify: r = "start", align: i = "center", wrapReverse: a = !1, children: o, className: s, style: c, ...l }) {
+function ur({ childSpacing: e = 6, lineSpacing: n, justify: r = "start", align: i = "center", wrapReverse: a = !1, children: o, className: s, style: c, ...l }) {
 	let u = typeof e == "number" ? `${e}px` : e, d = n == null ? u : typeof n == "number" ? `${n}px` : n, f = {
 		"--wrapbox-gap": u,
 		"--wrapbox-row-gap": d,
@@ -2282,8 +2343,8 @@ function lr({ childSpacing: e = 6, lineSpacing: n, justify: r = "start", align:
 	};
 	return /* @__PURE__ */ t("div", {
 		className: [
-			cr.wrapBox,
-			a ? cr.reverse : null,
+			lr.wrapBox,
+			a ? lr.reverse : null,
 			s
 		].filter(Boolean).join(" "),
 		style: f,
@@ -2291,7 +2352,7 @@ function lr({ childSpacing: e = 6, lineSpacing: n, justify: r = "start", align:
 		children: o
 	});
 }
-var ur = {
+var dr = {
 	chip: "_chip_e26qc_3",
 	selectable: "_selectable_e26qc_31",
 	selected: "_selected_e26qc_55",
@@ -2302,16 +2363,16 @@ var ur = {
 };
 //#endregion
 //#region src/components/Chip/Chip.tsx
-function dr({ label: r, icon: i, onRemove: a, selectable: o = !1, selected: s = !1, onToggle: c, disabled: l = !1, className: u, ...d }) {
+function fr({ label: r, icon: i, onRemove: a, selectable: o = !1, selected: s = !1, onToggle: c, disabled: l = !1, className: u, ...d }) {
 	let f = o && !a, p = [
-		ur.chip,
-		s ? ur.selected : null,
-		l ? ur.disabled : null,
-		f ? ur.selectable : null,
+		dr.chip,
+		s ? dr.selected : null,
+		l ? dr.disabled : null,
+		f ? dr.selectable : null,
 		u
 	].filter(Boolean).join(" "), m = /* @__PURE__ */ n(e, { children: [
 		i && /* @__PURE__ */ t("span", {
-			className: ur.icon,
+			className: dr.icon,
 			children: /* @__PURE__ */ t(F, {
 				icon: i,
 				size: "sm",
@@ -2319,12 +2380,12 @@ function dr({ label: r, icon: i, onRemove: a, selectable: o = !1, selected: s =
 			})
 		}),
 		/* @__PURE__ */ t("span", {
-			className: ur.label,
+			className: dr.label,
 			children: r
 		}),
 		a && /* @__PURE__ */ t("button", {
 			type: "button",
-			className: ur.remove,
+			className: dr.remove,
 			"aria-label": `Remove ${r}`,
 			disabled: l,
 			onClick: (e) => {
@@ -2356,30 +2417,30 @@ function dr({ label: r, icon: i, onRemove: a, selectable: o = !1, selected: s =
 }
 //#endregion
 //#region src/components/ShortcutsDialog/ShortcutsDialog.module.css
-var fr = "_backdrop_zvuhh_3", pr = "_dialog_zvuhh_26", mr = "_header_zvuhh_59", hr = "_title_zvuhh_67", gr = "_closeBtn_zvuhh_74", _r = "_searchRow_zvuhh_112", vr = "_searchIcon_zvuhh_124", yr = "_searchInput_zvuhh_132", br = "_searchClear_zvuhh_151", xr = "_body_zvuhh_174", Sr = "_empty_zvuhh_182", Cr = "_section_zvuhh_193", wr = "_sectionTitle_zvuhh_199", Tr = "_list_zvuhh_209", Er = "_row_zvuhh_225", Dr = "_keys_zvuhh_240", Or = "_keyCap_zvuhh_247", kr = "_plus_zvuhh_277", Ar = "_description_zvuhh_284", G = {
-	backdrop: fr,
+var pr = "_backdrop_zvuhh_3", mr = "_dialog_zvuhh_26", hr = "_header_zvuhh_59", gr = "_title_zvuhh_67", _r = "_closeBtn_zvuhh_74", vr = "_searchRow_zvuhh_112", yr = "_searchIcon_zvuhh_124", br = "_searchInput_zvuhh_132", xr = "_searchClear_zvuhh_151", Sr = "_body_zvuhh_174", Cr = "_empty_zvuhh_182", wr = "_section_zvuhh_193", Tr = "_sectionTitle_zvuhh_199", Er = "_list_zvuhh_209", Dr = "_row_zvuhh_225", Or = "_keys_zvuhh_240", kr = "_keyCap_zvuhh_247", Ar = "_plus_zvuhh_277", jr = "_description_zvuhh_284", K = {
+	backdrop: pr,
 	"backdrop-in": "_backdrop-in_zvuhh_1",
-	dialog: pr,
+	dialog: mr,
 	"dialog-in": "_dialog-in_zvuhh_1",
-	header: mr,
-	title: hr,
-	closeBtn: gr,
-	searchRow: _r,
-	searchIcon: vr,
-	searchInput: yr,
-	searchClear: br,
-	body: xr,
-	empty: Sr,
-	section: Cr,
-	sectionTitle: wr,
-	list: Tr,
-	row: Er,
-	keys: Dr,
-	keyCap: Or,
-	plus: kr,
-	description: Ar
-}, jr = "button:not([disabled]), [href], input:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
-function Mr({ open: e, onClose: r, title: i = "Keyboard Shortcuts", sections: a }) {
+	header: hr,
+	title: gr,
+	closeBtn: _r,
+	searchRow: vr,
+	searchIcon: yr,
+	searchInput: br,
+	searchClear: xr,
+	body: Sr,
+	empty: Cr,
+	section: wr,
+	sectionTitle: Tr,
+	list: Er,
+	row: Dr,
+	keys: Or,
+	keyCap: kr,
+	plus: Ar,
+	description: jr
+}, Mr = "button:not([disabled]), [href], input:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
+function Nr({ open: e, onClose: r, title: i = "Keyboard Shortcuts", sections: a }) {
 	let [o, c] = f(""), u = d(null), m = d(null), h = d(null), g = d(`shortcuts-title-${Math.random().toString(36).slice(2, 9)}`);
 	l(() => {
 		e ? (h.current = document.activeElement, requestAnimationFrame(() => m.current?.focus())) : (c(""), h.current?.focus());
@@ -2390,7 +2451,7 @@ function Mr({ open: e, onClose: r, title: i = "Keyboard Shortcuts", sections: a
 			return;
 		}
 		if (e.key !== "Tab") return;
-		let t = Array.from(u.current?.querySelectorAll(jr) ?? []);
+		let t = Array.from(u.current?.querySelectorAll(Mr) ?? []);
 		if (t.length === 0) return;
 		let n = t[0], i = t[t.length - 1];
 		e.shiftKey ? document.activeElement === n && (e.preventDefault(), i.focus()) : document.activeElement === i && (e.preventDefault(), n.focus());
@@ -2400,7 +2461,7 @@ function Mr({ 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: G.backdrop,
+		className: K.backdrop,
 		onClick: r,
 		"aria-hidden": "true",
 		children: /* @__PURE__ */ n("div", {
@@ -2408,36 +2469,36 @@ function Mr({ open: e, onClose: r, title: i = "Keyboard Shortcuts", sections: a
 			role: "dialog",
 			"aria-modal": "true",
 			"aria-labelledby": g.current,
-			className: G.dialog,
+			className: K.dialog,
 			onKeyDown: _,
 			onClick: (e) => e.stopPropagation(),
 			children: [
 				/* @__PURE__ */ n("div", {
-					className: G.header,
+					className: K.header,
 					children: [/* @__PURE__ */ t("span", {
 						id: g.current,
-						className: G.title,
+						className: K.title,
 						children: i
 					}), /* @__PURE__ */ t("button", {
 						type: "button",
-						className: G.closeBtn,
+						className: K.closeBtn,
 						"aria-label": "Close",
 						onClick: r,
 						children: "×"
 					})]
 				}),
 				/* @__PURE__ */ n("div", {
-					className: G.searchRow,
+					className: K.searchRow,
 					children: [
 						/* @__PURE__ */ t("span", {
-							className: G.searchIcon,
+							className: K.searchIcon,
 							"aria-hidden": "true",
 							children: "⌕"
 						}),
 						/* @__PURE__ */ t("input", {
 							ref: m,
 							type: "search",
-							className: G.searchInput,
+							className: K.searchInput,
 							placeholder: "Search shortcuts…",
 							value: o,
 							onChange: (e) => c(e.target.value),
@@ -2445,7 +2506,7 @@ function Mr({ open: e, onClose: r, title: i = "Keyboard Shortcuts", sections: a
 						}),
 						o && /* @__PURE__ */ t("button", {
 							type: "button",
-							className: G.searchClear,
+							className: K.searchClear,
 							"aria-label": "Clear search",
 							onClick: () => {
 								c(""), m.current?.focus();
@@ -2455,38 +2516,38 @@ function Mr({ open: e, onClose: r, title: i = "Keyboard Shortcuts", sections: a
 					]
 				}),
 				/* @__PURE__ */ t("div", {
-					className: G.body,
+					className: K.body,
 					role: "list",
 					children: y.length === 0 ? /* @__PURE__ */ n("p", {
-						className: G.empty,
+						className: K.empty,
 						children: [
 							"No shortcuts match \"",
 							o,
 							"\""
 						]
 					}) : y.map((e) => /* @__PURE__ */ n("section", {
-						className: G.section,
+						className: K.section,
 						children: [/* @__PURE__ */ t("h3", {
-							className: G.sectionTitle,
+							className: K.sectionTitle,
 							children: e.title
 						}), /* @__PURE__ */ t("ul", {
-							className: G.list,
+							className: K.list,
 							children: e.shortcuts.map((e) => /* @__PURE__ */ n("li", {
-								className: G.row,
+								className: K.row,
 								role: "listitem",
 								children: [/* @__PURE__ */ t("span", {
-									className: G.keys,
+									className: K.keys,
 									"aria-label": e.keys.join(" + "),
 									children: e.keys.map((r, i) => /* @__PURE__ */ n("span", {
-										className: G.keyCap,
+										className: K.keyCap,
 										children: [/* @__PURE__ */ t("kbd", { children: r }), i < e.keys.length - 1 && /* @__PURE__ */ t("span", {
-											className: G.plus,
+											className: K.plus,
 											"aria-hidden": "true",
 											children: "+"
 										})]
 									}, i))
 								}), /* @__PURE__ */ t("span", {
-									className: G.description,
+									className: K.description,
 									children: e.description
 								})]
 							}, e.description))
@@ -2498,7 +2559,7 @@ function Mr({ open: e, onClose: r, title: i = "Keyboard Shortcuts", sections: a
 	});
 	return typeof document > "u" ? b : p(b, document.body);
 }
-var K = {
+var Pr = {
 	sidebar: "_sidebar_kmj4b_3",
 	list: "_list_kmj4b_17",
 	item: "_item_kmj4b_28",
@@ -2508,13 +2569,13 @@ var K = {
 	itemLabel: "_itemLabel_kmj4b_119",
 	itemSuffix: "_itemSuffix_kmj4b_129",
 	count: "_count_kmj4b_136"
-}, Nr = a(null);
-function Pr() {
-	let e = c(Nr);
+}, Fr = a(null);
+function Ir() {
+	let e = c(Fr);
 	if (!e) throw Error("ViewSwitcherSidebarItem must be used inside ViewSwitcherSidebar");
 	return e;
 }
-function Fr({ value: e, onValueChange: n, "aria-label": r = "Views", children: i, className: a, ...o }) {
+function Lr({ 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);
@@ -2527,20 +2588,20 @@ function Fr({ value: e, onValueChange: n, "aria-label": r = "Views", children: i
 		else return;
 		e.preventDefault(), t[r].focus(), t[r].click();
 	}
-	return /* @__PURE__ */ t(Nr.Provider, {
+	return /* @__PURE__ */ t(Fr.Provider, {
 		value: {
 			value: e,
 			onValueChange: n
 		},
 		children: /* @__PURE__ */ t("nav", {
-			className: [K.sidebar, a].filter(Boolean).join(" "),
+			className: [Pr.sidebar, a].filter(Boolean).join(" "),
 			onKeyDown: c,
 			...o,
 			children: /* @__PURE__ */ t("ul", {
 				ref: s,
 				role: "radiogroup",
 				"aria-label": r,
-				className: K.list,
+				className: Pr.list,
 				children: i
 			})
 		})
@@ -2548,10 +2609,10 @@ function Fr({ value: e, onValueChange: n, "aria-label": r = "Views", children: i
 }
 //#endregion
 //#region src/components/ViewSwitcherSidebar/ViewSwitcherSidebarItem.tsx
-function Ir({ name: e, label: r, icon: i, count: a, suffix: o, disabled: s, className: c, ...l }) {
-	let { value: u, onValueChange: d } = Pr(), f = u === e, p = o ?? a ?? null;
+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;
 	return /* @__PURE__ */ t("li", {
-		className: K.item,
+		className: Pr.item,
 		children: /* @__PURE__ */ n("button", {
 			type: "button",
 			role: "radio",
@@ -2560,14 +2621,14 @@ function Ir({ name: e, label: r, icon: i, count: a, suffix: o, disabled: s, clas
 			disabled: s,
 			onClick: () => d(e),
 			className: [
-				K.itemBtn,
-				f ? K.active : null,
+				Pr.itemBtn,
+				f ? Pr.active : null,
 				c
 			].filter(Boolean).join(" "),
 			...l,
 			children: [
 				i && /* @__PURE__ */ t("span", {
-					className: K.itemIcon,
+					className: Pr.itemIcon,
 					children: /* @__PURE__ */ t(F, {
 						icon: i,
 						size: "md",
@@ -2575,13 +2636,13 @@ function Ir({ name: e, label: r, icon: i, count: a, suffix: o, disabled: s, clas
 					})
 				}),
 				/* @__PURE__ */ t("span", {
-					className: K.itemLabel,
+					className: Pr.itemLabel,
 					children: r
 				}),
 				p != null && /* @__PURE__ */ t("span", {
-					className: K.itemSuffix,
+					className: Pr.itemSuffix,
 					children: typeof p == "number" ? /* @__PURE__ */ t("span", {
-						className: K.count,
+						className: Pr.count,
 						children: p > 99 ? "99+" : p
 					}) : p
 				})
@@ -2591,7 +2652,7 @@ function Ir({ name: e, label: r, icon: i, count: a, suffix: o, disabled: s, clas
 }
 //#endregion
 //#region src/components/BreakpointBin/BreakpointBin.tsx
-function Lr({ breakpoints: e, children: n, className: r, style: i, ...a }) {
+function zr({ breakpoints: e, children: n, className: r, style: i, ...a }) {
 	let o = d(null), [s, c] = f({
 		activeBreakpoint: null,
 		width: 0
@@ -2621,7 +2682,7 @@ function Lr({ breakpoints: e, children: n, className: r, style: i, ...a }) {
 		children: n(s)
 	});
 }
-var Rr = {
+var Br = {
 	row: "_row_1ba2f_3",
 	title: "_title_1ba2f_48",
 	leading: "_leading_1ba2f_59",
@@ -2632,31 +2693,31 @@ var Rr = {
 };
 //#endregion
 //#region src/components/ButtonRow/ButtonRow.tsx
-function zr({ title: e, variant: r = "default", leading: i, trailing: a, className: o, ...s }) {
+function Vr({ title: e, variant: r = "default", leading: i, trailing: a, className: o, ...s }) {
 	return /* @__PURE__ */ n("button", {
 		className: [
-			Rr.row,
-			Rr[r],
+			Br.row,
+			Br[r],
 			o
 		].filter(Boolean).join(" "),
 		...s,
 		children: [
 			i && /* @__PURE__ */ t("span", {
-				className: Rr.leading,
+				className: Br.leading,
 				children: i
 			}),
 			/* @__PURE__ */ t("span", {
-				className: Rr.title,
+				className: Br.title,
 				children: e
 			}),
 			a && /* @__PURE__ */ t("span", {
-				className: Rr.trailing,
+				className: Br.trailing,
 				children: a
 			})
 		]
 	});
 }
-var Br = {
+var Hr = {
 	container: "_container_4kjnf_3",
 	primary: "_primary_4kjnf_14",
 	toggle: "_toggle_4kjnf_15",
@@ -2670,7 +2731,7 @@ var Br = {
 };
 //#endregion
 //#region src/components/SplitButton/SplitButton.tsx
-function Vr({ label: r, variant: i = "default", dropdownContent: a, dropdownLabel: o = "More options", disabled: c = !1, onClick: u, className: m, ...h }) {
+function Ur({ 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;
@@ -2700,15 +2761,15 @@ function Vr({ label: r, variant: i = "default", dropdownContent: a, dropdownLabe
 	let T = (e) => {
 		e.key === "Escape" && (e.stopPropagation(), C(), x.current?.focus());
 	}, E = [
-		Br.container,
-		Br[i],
+		Hr.container,
+		Hr[i],
 		m
 	].filter(Boolean).join(" "), D = /* @__PURE__ */ t("div", {
 		ref: S,
 		role: "dialog",
 		"aria-label": o,
 		tabIndex: -1,
-		className: [Br.dropdown, g ? Br.dropdownVisible : null].filter(Boolean).join(" "),
+		className: [Hr.dropdown, g ? Hr.dropdownVisible : null].filter(Boolean).join(" "),
 		style: Object.keys(v).length ? {
 			...v,
 			position: "fixed"
@@ -2727,26 +2788,26 @@ function Vr({ label: r, variant: i = "default", dropdownContent: a, dropdownLabe
 		className: E,
 		children: [
 			/* @__PURE__ */ t("button", {
-				className: Br.primary,
+				className: Hr.primary,
 				disabled: c,
 				onClick: u,
 				...h,
 				children: r
 			}),
 			/* @__PURE__ */ t("span", {
-				className: Br.separator,
+				className: Hr.separator,
 				"aria-hidden": "true"
 			}),
 			/* @__PURE__ */ t("button", {
 				ref: x,
-				className: Br.toggle,
+				className: Hr.toggle,
 				disabled: c,
 				"aria-label": o,
 				"aria-haspopup": "dialog",
 				"aria-expanded": g,
 				onClick: () => _((e) => !e),
 				children: /* @__PURE__ */ t("svg", {
-					className: Br.chevron,
+					className: Hr.chevron,
 					width: "16",
 					height: "16",
 					viewBox: "0 0 16 16",
@@ -2765,51 +2826,51 @@ function Vr({ label: r, variant: i = "default", dropdownContent: a, dropdownLabe
 		]
 	}), g && (typeof document < "u" ? p(D, document.body) : D)] });
 }
-var Hr = {
+var Wr = {
 	toolbar: "_toolbar_1avgl_2",
 	spacer: "_spacer_1avgl_20"
 };
 //#endregion
 //#region src/components/Toolbar/Toolbar.tsx
-function Ur({ children: e, className: n, ...r }) {
+function Gr({ children: e, className: n, ...r }) {
 	return /* @__PURE__ */ t("div", {
-		className: [Hr.toolbar, n].filter(Boolean).join(" "),
+		className: [Wr.toolbar, n].filter(Boolean).join(" "),
 		...r,
 		children: e
 	});
 }
 //#endregion
 //#region src/components/Toolbar/Spacer.tsx
-function Wr({ className: e, ...n }) {
+function Kr({ className: e, ...n }) {
 	return /* @__PURE__ */ t("div", {
 		"aria-hidden": "true",
-		className: [Hr.spacer, e].filter(Boolean).join(" "),
+		className: [Wr.spacer, e].filter(Boolean).join(" "),
 		...n
 	});
 }
-var Gr = {
+var qr = {
 	linked: "_linked_1tser_3",
 	vertical: "_vertical_1tser_9"
 };
 //#endregion
 //#region src/components/LinkedGroup/LinkedGroup.tsx
-function Kr({ children: e, vertical: n = !1, className: r, ...i }) {
+function Jr({ children: e, vertical: n = !1, className: r, ...i }) {
 	return /* @__PURE__ */ t("div", {
 		className: [
-			Gr.linked,
-			n ? Gr.vertical : null,
+			qr.linked,
+			n ? qr.vertical : null,
 			r
 		].filter(Boolean).join(" "),
 		...i,
 		children: e
 	});
 }
-var qr = { frame: "_frame_1bq7b_2" };
+var Yr = { frame: "_frame_1bq7b_2" };
 //#endregion
 //#region src/components/Frame/Frame.tsx
-function Jr({ children: e, className: n, ...r }) {
+function Xr({ children: e, className: n, ...r }) {
 	return /* @__PURE__ */ t("div", {
-		className: [qr.frame, n].filter(Boolean).join(" "),
+		className: [Yr.frame, n].filter(Boolean).join(" "),
 		...r,
 		children: e
 	});
@@ -2833,7 +2894,7 @@ var q = {
 };
 //#endregion
 //#region src/components/ExpanderRow/ExpanderRow.tsx
-function Yr({ title: e, subtitle: i, leading: a, trailing: o, children: s, expanded: c, defaultExpanded: l = !1, onExpandedChange: d, className: p, ...m }) {
+function Zr({ 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);
@@ -2908,7 +2969,7 @@ function Yr({ title: e, subtitle: i, leading: a, trailing: o, children: s, expan
 		})]
 	});
 }
-var Xr = {
+var Qr = {
 	switcher: "_switcher_2tknm_3",
 	item: "_item_2tknm_10",
 	iconOnly: "_iconOnly_2tknm_38",
@@ -2918,13 +2979,13 @@ var Xr = {
 	active: "_active_2tknm_68",
 	flat: "_flat_2tknm_121",
 	round: "_round_2tknm_169"
-}, Zr = a(null);
-function Qr() {
-	let e = c(Zr);
+}, $r = a(null);
+function ei() {
+	let e = c($r);
 	if (!e) throw Error("InlineViewSwitcherItem must be used inside InlineViewSwitcher");
 	return e;
 }
-function $r({ value: e, onValueChange: n, variant: r = "default", "aria-label": i = "View switcher", children: a, className: o, ...s }) {
+function ti({ 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);
@@ -2937,7 +2998,7 @@ function $r({ value: e, onValueChange: n, variant: r = "default", "aria-label":
 		else return;
 		e.preventDefault(), t[r].focus(), t[r].click();
 	}
-	return /* @__PURE__ */ t(Zr.Provider, {
+	return /* @__PURE__ */ t($r.Provider, {
 		value: {
 			value: e,
 			onValueChange: n
@@ -2948,8 +3009,8 @@ function $r({ value: e, onValueChange: n, variant: r = "default", "aria-label":
 			"aria-label": i,
 			onKeyDown: l,
 			className: [
-				Xr.switcher,
-				Xr[r],
+				Qr.switcher,
+				Qr[r],
 				o
 			].filter(Boolean).join(" "),
 			...s,
@@ -2959,8 +3020,8 @@ function $r({ value: e, onValueChange: n, variant: r = "default", "aria-label":
 }
 //#endregion
 //#region src/components/InlineViewSwitcher/InlineViewSwitcherItem.tsx
-function ei({ name: e, label: r, icon: i, disabled: a, className: o, ...s }) {
-	let { value: c, onValueChange: l } = Qr(), u = c === e, d = i && !r;
+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;
 	return /* @__PURE__ */ n("button", {
 		type: "button",
 		role: "radio",
@@ -2969,26 +3030,26 @@ function ei({ name: e, label: r, icon: i, disabled: a, className: o, ...s }) {
 		disabled: a,
 		onClick: () => l(e),
 		className: [
-			Xr.item,
-			u ? Xr.active : null,
-			d ? Xr.iconOnly : null,
+			Qr.item,
+			u ? Qr.active : null,
+			d ? Qr.iconOnly : null,
 			o
 		].filter(Boolean).join(" "),
 		...s,
 		children: [i && /* @__PURE__ */ t("span", {
-			className: Xr.itemIcon,
+			className: Qr.itemIcon,
 			children: /* @__PURE__ */ t(F, {
 				icon: i,
 				size: "md",
 				"aria-hidden": !0
 			})
 		}), r && /* @__PURE__ */ t("span", {
-			className: Xr.itemLabel,
+			className: Qr.itemLabel,
 			children: r
 		})]
 	});
 }
-var ti = {
+var ri = {
 	row: "_row_jl3bc_3",
 	disabled: "_disabled_jl3bc_41",
 	leading: "_leading_jl3bc_49",
@@ -3001,7 +3062,7 @@ var ti = {
 };
 //#endregion
 //#region src/components/SwitchRow/SwitchRow.tsx
-function ni({ title: e, subtitle: r, leading: i, checked: a, defaultChecked: o = !1, onCheckedChange: s, disabled: c = !1, className: l, onClick: d, ...p }) {
+function ii({ 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);
@@ -3012,32 +3073,32 @@ function ni({ title: e, subtitle: r, leading: i, checked: a, defaultChecked: o =
 		"aria-labelledby": v,
 		disabled: c,
 		className: [
-			ti.row,
-			c ? ti.disabled : null,
+			ri.row,
+			c ? ri.disabled : null,
 			l
 		].filter(Boolean).join(" "),
 		onClick: y,
 		...p,
 		children: [
 			i && /* @__PURE__ */ t("span", {
-				className: ti.leading,
+				className: ri.leading,
 				children: i
 			}),
 			/* @__PURE__ */ n("span", {
-				className: ti.content,
+				className: ri.content,
 				id: v,
 				children: [/* @__PURE__ */ t("span", {
-					className: ti.title,
+					className: ri.title,
 					children: e
 				}), r && /* @__PURE__ */ t("span", {
-					className: ti.subtitle,
+					className: ri.subtitle,
 					children: r
 				})]
 			}),
 			/* @__PURE__ */ t("span", {
-				className: ti.switchTrack,
+				className: ri.switchTrack,
 				"aria-hidden": "true",
-				children: /* @__PURE__ */ t("span", { className: [ti.switchThumb, _ ? ti.switchThumbOn : null].filter(Boolean).join(" ") })
+				children: /* @__PURE__ */ t("span", { className: [ri.switchThumb, _ ? ri.switchThumbOn : null].filter(Boolean).join(" ") })
 			})
 		]
 	});
@@ -3056,7 +3117,7 @@ var J = {
 };
 //#endregion
 //#region src/components/CheckRow/CheckRow.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);
@@ -3116,35 +3177,35 @@ function ri({ title: e, subtitle: r, leading: i, checked: a, defaultChecked: o =
 }
 //#endregion
 //#region src/components/ComboRow/ComboRow.module.css
-var ii = "_row_46mn8_3", ai = "_disabled_46mn8_16", oi = "_leading_46mn8_23", si = "_content_46mn8_32", ci = "_title_46mn8_40", li = "_subtitle_46mn8_51", ui = "_comboWrap_46mn8_65", di = "_trigger_46mn8_73", fi = "_triggerOpen_46mn8_126", pi = "_triggerLabel_46mn8_136", mi = "_placeholder_46mn8_144", hi = "_chevron_46mn8_150", gi = "_chevronOpen_46mn8_157", _i = "_list_46mn8_163", vi = "_listDown_46mn8_192", yi = "_listUp_46mn8_196", bi = "_option_46mn8_208", xi = "_optionActive_46mn8_225", Si = "_optionSelected_46mn8_229", Ci = "_optionDisabled_46mn8_233", wi = "_optionLabel_46mn8_239", Ti = "_checkIcon_46mn8_247", Y = {
-	row: ii,
-	disabled: ai,
-	leading: oi,
-	content: si,
-	title: ci,
-	subtitle: li,
-	comboWrap: ui,
-	trigger: di,
-	triggerOpen: fi,
-	triggerLabel: pi,
-	placeholder: mi,
-	chevron: hi,
-	chevronOpen: gi,
-	list: _i,
+var oi = "_row_46mn8_3", si = "_disabled_46mn8_16", ci = "_leading_46mn8_23", li = "_content_46mn8_32", ui = "_title_46mn8_40", di = "_subtitle_46mn8_51", fi = "_comboWrap_46mn8_65", pi = "_trigger_46mn8_73", mi = "_triggerOpen_46mn8_126", hi = "_triggerLabel_46mn8_136", gi = "_placeholder_46mn8_144", _i = "_chevron_46mn8_150", vi = "_chevronOpen_46mn8_157", yi = "_list_46mn8_163", bi = "_listDown_46mn8_192", xi = "_listUp_46mn8_196", Si = "_option_46mn8_208", Ci = "_optionActive_46mn8_225", wi = "_optionSelected_46mn8_229", Ti = "_optionDisabled_46mn8_233", Ei = "_optionLabel_46mn8_239", Di = "_checkIcon_46mn8_247", Y = {
+	row: oi,
+	disabled: si,
+	leading: ci,
+	content: li,
+	title: ui,
+	subtitle: di,
+	comboWrap: fi,
+	trigger: pi,
+	triggerOpen: mi,
+	triggerLabel: hi,
+	placeholder: gi,
+	chevron: _i,
+	chevronOpen: vi,
+	list: yi,
 	"list-in": "_list-in_46mn8_1",
-	listDown: vi,
-	listUp: yi,
+	listDown: bi,
+	listUp: xi,
 	"list-in-up": "_list-in-up_46mn8_1",
-	option: bi,
-	optionActive: xi,
-	optionSelected: Si,
-	optionDisabled: Ci,
-	optionLabel: wi,
-	checkIcon: Ti
+	option: Si,
+	optionActive: Ci,
+	optionSelected: wi,
+	optionDisabled: Ti,
+	optionLabel: Ei,
+	checkIcon: Di
 };
 //#endregion
 //#region src/components/ComboRow/ComboRow.tsx
-function Ei({ title: e, subtitle: r, leading: i, options: a, value: o, defaultValue: c, onValueChange: p, disabled: m = !1, className: h, ...g }) {
+function Oi({ 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);
@@ -3347,7 +3408,7 @@ var X = {
 };
 //#endregion
 //#region src/components/EntryRow/EntryRow.tsx
-function Di({ title: e, value: r, defaultValue: i = "", onValueChange: a, leading: o, trailing: s, disabled: c, className: l, id: p, onChange: m, ...h }) {
+function ki({ 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: [
@@ -3389,13 +3450,13 @@ function Di({ title: e, value: r, defaultValue: i = "", onValueChange: a, leadin
 		]
 	});
 }
-var Oi = { revealButton: "_revealButton_1j8z0_3" };
+var Ai = { revealButton: "_revealButton_1j8z0_3" };
 //#endregion
 //#region src/components/PasswordEntryRow/PasswordEntryRow.tsx
-function ki({ trailing: r, disabled: i, ...a }) {
+function ji({ trailing: r, disabled: i, ...a }) {
 	let [o, s] = f(!1), c = /* @__PURE__ */ t("button", {
 		type: "button",
-		className: Oi.revealButton,
+		className: Ai.revealButton,
 		onClick: (e) => {
 			e.stopPropagation(), s((e) => !e);
 		},
@@ -3408,7 +3469,7 @@ function ki({ trailing: r, disabled: i, ...a }) {
 			"aria-hidden": !0
 		})
 	});
-	return /* @__PURE__ */ t(Di, {
+	return /* @__PURE__ */ t(ki, {
 		...a,
 		type: o ? "text" : "password",
 		disabled: i,
@@ -3428,16 +3489,16 @@ var Z = {
 };
 //#endregion
 //#region src/components/SpinRow/SpinRow.tsx
-function Ai(e) {
+function Mi(e) {
 	let t = e.toString(), n = t.indexOf(".");
 	return n === -1 ? 0 : t.length - n - 1;
 }
-function ji(e, t, n) {
+function Ni(e, t, n) {
 	return Math.min(n, Math.max(t, e));
 }
-function Mi({ 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 ?? Ai(p), C = u(), w = s((e) => {
-		let t = parseFloat(ji(e, l, d).toFixed(S));
+function Pi({ 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 ?? Mi(p), C = u(), w = s((e) => {
+		let t = parseFloat(Ni(e, l, d).toFixed(S));
 		v || b(t), c?.(t);
 	}, [
 		v,
@@ -3541,50 +3602,50 @@ function Mi({ title: e, subtitle: r, leading: i, value: a, defaultValue: o = 0,
 }
 //#endregion
 //#region src/components/NavigationView/NavigationView.module.css
-var Ni = "_view_1r1om_3", Pi = "_page_1r1om_12", Fi = "_pageHeader_1r1om_23", Ii = "_pageTitle_1r1om_34", Li = "_pageContent_1r1om_43", Ri = "_enterForward_1r1om_52", zi = "_enterBack_1r1om_56", Bi = {
-	view: Ni,
-	page: Pi,
-	pageHeader: Fi,
-	pageTitle: Ii,
-	pageContent: Li,
-	enterForward: Ri,
+var Fi = "_view_1r1om_3", Ii = "_page_1r1om_12", Li = "_pageHeader_1r1om_23", Ri = "_pageTitle_1r1om_34", zi = "_pageContent_1r1om_43", Bi = "_enterForward_1r1om_52", Vi = "_enterBack_1r1om_56", Hi = {
+	view: Fi,
+	page: Ii,
+	pageHeader: Li,
+	pageTitle: Ri,
+	pageContent: zi,
+	enterForward: Bi,
 	"slide-in-right": "_slide-in-right_1r1om_1",
-	enterBack: zi,
+	enterBack: Vi,
 	"slide-in-left": "_slide-in-left_1r1om_1"
-}, Vi = a({
+}, Ui = a({
 	navigate: () => {},
 	pop: () => {},
 	canGoBack: !1,
 	currentTag: "",
 	direction: "forward"
 });
-function Hi() {
-	return c(Vi);
+function Wi() {
+	return c(Ui);
 }
-function Ui({ tag: e, title: r, children: i, className: a, ...o }) {
-	let { currentTag: s, direction: l } = c(Vi);
+function Gi({ tag: e, title: r, children: i, className: a, ...o }) {
+	let { currentTag: s, direction: l } = c(Ui);
 	return s === e ? /* @__PURE__ */ n("div", {
 		className: [
-			Bi.page,
-			l === "forward" ? Bi.enterForward : Bi.enterBack,
+			Hi.page,
+			l === "forward" ? Hi.enterForward : Hi.enterBack,
 			a
 		].filter(Boolean).join(" "),
 		...o,
 		children: [/* @__PURE__ */ t("div", {
-			className: Bi.pageHeader,
+			className: Hi.pageHeader,
 			children: /* @__PURE__ */ t("span", {
-				className: Bi.pageTitle,
+				className: Hi.pageTitle,
 				children: r
 			})
 		}), /* @__PURE__ */ t("div", {
-			className: Bi.pageContent,
+			className: Hi.pageContent,
 			children: i
 		})]
 	}) : null;
 }
-function Wi({ initialPage: e, children: n, className: r, ...i }) {
+function Ki({ 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(Vi.Provider, {
+	return /* @__PURE__ */ t(Ui.Provider, {
 		value: {
 			navigate: (e) => {
 				u("forward"), o((t) => [...t, e]);
@@ -3597,7 +3658,7 @@ function Wi({ initialPage: e, children: n, className: r, ...i }) {
 			direction: l
 		},
 		children: /* @__PURE__ */ t("div", {
-			className: [Bi.view, r].filter(Boolean).join(" "),
+			className: [Hi.view, r].filter(Boolean).join(" "),
 			...i,
 			children: n
 		})
@@ -3605,20 +3666,20 @@ function Wi({ initialPage: e, children: n, className: r, ...i }) {
 }
 //#endregion
 //#region src/components/BottomSheet/BottomSheet.module.css
-var Gi = "_backdrop_zzv98_3", Ki = "_sheet_zzv98_26", qi = "_handle_zzv98_49", Ji = "_handleBar_zzv98_56", Yi = "_title_zzv98_66", Xi = "_content_zzv98_79", Zi = {
-	backdrop: Gi,
+var qi = "_backdrop_zzv98_3", Ji = "_sheet_zzv98_26", Yi = "_handle_zzv98_49", Xi = "_handleBar_zzv98_56", Zi = "_title_zzv98_66", Qi = "_content_zzv98_79", $i = {
+	backdrop: qi,
 	"backdrop-in": "_backdrop-in_zzv98_1",
-	sheet: Ki,
+	sheet: Ji,
 	"sheet-in": "_sheet-in_zzv98_1",
-	handle: qi,
-	handleBar: Ji,
-	title: Yi,
-	content: Xi
-}, Qi = "button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
-function $i({ open: e, title: r, children: i, onClose: a, closeOnBackdrop: o = !0, className: c, ...f }) {
+	handle: Yi,
+	handleBar: Xi,
+	title: Zi,
+	content: Qi
+}, ea = "button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
+function ta({ 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(Qi))?.focus()) : g.current?.focus();
+		e ? (g.current = document.activeElement, (m.current?.querySelector(ea))?.focus()) : g.current?.focus();
 	}, [e]);
 	let _ = s((e) => {
 		if (e.key === "Escape") {
@@ -3626,14 +3687,14 @@ function $i({ open: e, title: r, children: i, onClose: a, closeOnBackdrop: o = !
 			return;
 		}
 		if (e.key !== "Tab") return;
-		let t = Array.from(m.current?.querySelectorAll(Qi) ?? []);
+		let t = Array.from(m.current?.querySelectorAll(ea) ?? []);
 		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: Zi.backdrop,
+		className: $i.backdrop,
 		onClick: o ? a : void 0,
 		"aria-hidden": "true",
 		children: /* @__PURE__ */ n("div", {
@@ -3641,23 +3702,23 @@ function $i({ open: e, title: r, children: i, onClose: a, closeOnBackdrop: o = !
 			role: "dialog",
 			"aria-modal": "true",
 			"aria-labelledby": r ? h : void 0,
-			className: [Zi.sheet, c].filter(Boolean).join(" "),
+			className: [$i.sheet, c].filter(Boolean).join(" "),
 			onKeyDown: _,
 			onClick: (e) => e.stopPropagation(),
 			...f,
 			children: [
 				/* @__PURE__ */ t("div", {
-					className: Zi.handle,
+					className: $i.handle,
 					"aria-hidden": "true",
-					children: /* @__PURE__ */ t("div", { className: Zi.handleBar })
+					children: /* @__PURE__ */ t("div", { className: $i.handleBar })
 				}),
 				r && /* @__PURE__ */ t("div", {
 					id: h,
-					className: Zi.title,
+					className: $i.title,
 					children: r
 				}),
 				i && /* @__PURE__ */ t("div", {
-					className: Zi.content,
+					className: $i.content,
 					children: i
 				})
 			]
@@ -3679,7 +3740,7 @@ var Q = {
 };
 //#endregion
 //#region src/components/Carousel/Carousel.tsx
-function ea({ pages: e, currentPage: n, onPageSelected: r, className: i, ...a }) {
+function na({ pages: e, currentPage: n, onPageSelected: r, className: i, ...a }) {
 	return /* @__PURE__ */ t("div", {
 		className: [Q.indicatorDots, i].filter(Boolean).join(" "),
 		role: "tablist",
@@ -3695,7 +3756,7 @@ function ea({ pages: e, currentPage: n, onPageSelected: r, className: i, ...a })
 		}, i))
 	});
 }
-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.indicatorLines, i].filter(Boolean).join(" "),
 		role: "tablist",
@@ -3711,7 +3772,7 @@ function ta({ pages: e, currentPage: n, onPageSelected: r, className: i, ...a })
 		}, i))
 	});
 }
-function na({ children: e, orientation: n = "horizontal", spacing: i = 0, loop: a = !1, onPageChanged: o, page: c, className: u, ...p }) {
+function ia({ 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,49 +3846,49 @@ function na({ children: e, orientation: n = "horizontal", spacing: i = 0, loop:
 }
 //#endregion
 //#region src/components/Bin/Bin.tsx
-function ra({ children: e, ...n }) {
+function aa({ children: e, ...n }) {
 	return /* @__PURE__ */ t("div", {
 		...n,
 		children: e
 	});
 }
-var ia = {
+var oa = {
 	content: "_content_1xkwk_3",
 	icon: "_icon_1xkwk_9",
 	label: "_label_1xkwk_15"
 };
 //#endregion
 //#region src/components/ButtonContent/ButtonContent.tsx
-function aa({ icon: e, label: r, iconPosition: i = "start", className: a, ...o }) {
+function sa({ icon: e, label: r, iconPosition: i = "start", className: a, ...o }) {
 	return /* @__PURE__ */ n("span", {
 		className: [
-			ia.content,
-			i === "end" ? ia.iconEnd : null,
+			oa.content,
+			i === "end" ? oa.iconEnd : null,
 			a
 		].filter(Boolean).join(" "),
 		...o,
 		children: [
 			e && i === "start" && /* @__PURE__ */ t("span", {
-				className: ia.icon,
+				className: oa.icon,
 				"aria-hidden": "true",
 				children: e
 			}),
 			/* @__PURE__ */ t("span", {
-				className: ia.label,
+				className: oa.label,
 				children: r
 			}),
 			e && i === "end" && /* @__PURE__ */ t("span", {
-				className: ia.icon,
+				className: oa.icon,
 				"aria-hidden": "true",
 				children: e
 			})
 		]
 	});
 }
-var oa = {
+var ca = {
 	label: "_label_h3znl_3",
 	key: "_key_h3znl_9"
-}, sa = {
+}, la = {
 	ctrl: "⌃",
 	control: "⌃",
 	shift: "⇧",
@@ -3855,22 +3916,22 @@ var oa = {
 	home: "⇱",
 	end: "⇲"
 };
-function ca({ shortcut: e, symbols: n = !0, className: r, ...i }) {
+function ua({ shortcut: e, symbols: n = !0, className: r, ...i }) {
 	let a = e.split("+").map((e) => e.trim()).filter(Boolean);
 	return /* @__PURE__ */ t("span", {
-		className: [oa.label, r].filter(Boolean).join(" "),
+		className: [ca.label, r].filter(Boolean).join(" "),
 		"aria-label": e,
 		...i,
 		children: a.map((e, r) => {
-			let i = n ? sa[e.toLowerCase()] ?? e : e;
+			let i = n ? la[e.toLowerCase()] ?? e : e;
 			return /* @__PURE__ */ t("kbd", {
-				className: oa.key,
+				className: ca.key,
 				children: i
 			}, r);
 		})
 	});
 }
-var la = {
+var da = {
 	toolbarView: "_toolbarView_134hf_3",
 	top: "_top_134hf_11",
 	content: "_content_134hf_16",
@@ -3878,47 +3939,47 @@ var la = {
 };
 //#endregion
 //#region src/components/ToolbarView/ToolbarView.tsx
-function ua({ topBar: e, bottomBar: r, children: i, className: a, ...o }) {
+function fa({ topBar: e, bottomBar: r, children: i, className: a, ...o }) {
 	return /* @__PURE__ */ n("div", {
-		className: [la.toolbarView, a].filter(Boolean).join(" "),
+		className: [da.toolbarView, a].filter(Boolean).join(" "),
 		...o,
 		children: [
 			e && /* @__PURE__ */ t("div", {
-				className: la.top,
+				className: da.top,
 				children: e
 			}),
 			/* @__PURE__ */ t("div", {
-				className: la.content,
+				className: da.content,
 				children: i
 			}),
 			r && /* @__PURE__ */ t("div", {
-				className: la.bottom,
+				className: da.bottom,
 				children: r
 			})
 		]
 	});
 }
-var da = {
+var pa = {
 	windowTitle: "_windowTitle_zm877_3",
 	title: "_title_zm877_11",
 	subtitle: "_subtitle_zm877_24"
 };
 //#endregion
 //#region src/components/WindowTitle/WindowTitle.tsx
-function fa({ title: e, subtitle: r, className: i, ...a }) {
+function ma({ title: e, subtitle: r, className: i, ...a }) {
 	return /* @__PURE__ */ n("div", {
-		className: [da.windowTitle, i].filter(Boolean).join(" "),
+		className: [pa.windowTitle, i].filter(Boolean).join(" "),
 		...a,
 		children: [/* @__PURE__ */ t("span", {
-			className: da.title,
+			className: pa.title,
 			children: e
 		}), r && /* @__PURE__ */ t("span", {
-			className: da.subtitle,
+			className: pa.subtitle,
 			children: r
 		})]
 	});
 }
-var pa = {
+var ha = {
 	group: "_group_17s4f_3",
 	header: "_header_17s4f_11",
 	headerText: "_headerText_17s4f_17",
@@ -3929,85 +3990,85 @@ var pa = {
 };
 //#endregion
 //#region src/components/PreferencesGroup/PreferencesGroup.tsx
-function ma({ title: e, description: r, headerSuffix: i, children: a, className: o, ...s }) {
+function ga({ title: e, description: r, headerSuffix: i, children: a, className: o, ...s }) {
 	let c = e || r || i;
 	return /* @__PURE__ */ n("div", {
-		className: [pa.group, o].filter(Boolean).join(" "),
+		className: [ha.group, o].filter(Boolean).join(" "),
 		...s,
 		children: [c && /* @__PURE__ */ n("div", {
-			className: pa.header,
+			className: ha.header,
 			children: [/* @__PURE__ */ n("div", {
-				className: pa.headerText,
+				className: ha.headerText,
 				children: [e && /* @__PURE__ */ t("span", {
-					className: pa.title,
+					className: ha.title,
 					children: e
 				}), r && /* @__PURE__ */ t("span", {
-					className: pa.description,
+					className: ha.description,
 					children: r
 				})]
 			}), i && /* @__PURE__ */ t("div", {
-				className: pa.suffix,
+				className: ha.suffix,
 				children: i
 			})]
 		}), /* @__PURE__ */ t("div", {
-			className: pa.content,
+			className: ha.content,
 			children: a
 		})]
 	});
 }
-var ha = {
+var _a = {
 	page: "_page_gt42j_3",
 	inner: "_inner_gt42j_10"
 };
 //#endregion
 //#region src/components/PreferencesPage/PreferencesPage.tsx
-function ga({ title: e, iconName: n, children: r, className: i, ...a }) {
+function va({ title: e, iconName: n, children: r, className: i, ...a }) {
 	return /* @__PURE__ */ t("div", {
-		className: [ha.page, i].filter(Boolean).join(" "),
+		className: [_a.page, i].filter(Boolean).join(" "),
 		role: "tabpanel",
 		...a,
 		children: /* @__PURE__ */ t("div", {
-			className: ha.inner,
+			className: _a.inner,
 			children: r
 		})
 	});
 }
 //#endregion
 //#region src/components/PreferencesDialog/PreferencesDialog.module.css
-var _a = "_backdrop_1u1bd_3", va = "_dialog_1u1bd_26", ya = "_dialogMulti_1u1bd_46", ba = "_header_1u1bd_63", xa = "_closeBtn_1u1bd_73", Sa = "_title_1u1bd_102", Ca = "_searchWrap_1u1bd_112", wa = "_searchInput_1u1bd_116", Ta = "_body_1u1bd_143", Ea = "_sidebar_1u1bd_152", Da = "_navList_1u1bd_160", Oa = "_navItem_1u1bd_169", ka = "_navItemActive_1u1bd_190", Aa = "_navIcon_1u1bd_205", ja = "_navLabel_1u1bd_211", Ma = "_pageWrap_1u1bd_221", $ = {
-	backdrop: _a,
+var ya = "_backdrop_1u1bd_3", ba = "_dialog_1u1bd_26", xa = "_dialogMulti_1u1bd_46", Sa = "_header_1u1bd_63", Ca = "_closeBtn_1u1bd_73", wa = "_title_1u1bd_102", Ta = "_searchWrap_1u1bd_112", Ea = "_searchInput_1u1bd_116", Da = "_body_1u1bd_143", Oa = "_sidebar_1u1bd_152", ka = "_navList_1u1bd_160", Aa = "_navItem_1u1bd_169", ja = "_navItemActive_1u1bd_190", Ma = "_navIcon_1u1bd_205", Na = "_navLabel_1u1bd_211", Pa = "_pageWrap_1u1bd_221", $ = {
+	backdrop: ya,
 	"backdrop-in": "_backdrop-in_1u1bd_1",
-	dialog: va,
+	dialog: ba,
 	"dialog-in": "_dialog-in_1u1bd_1",
-	dialogMulti: ya,
-	header: ba,
-	closeBtn: xa,
-	title: Sa,
-	searchWrap: Ca,
-	searchInput: wa,
-	body: Ta,
-	sidebar: Ea,
-	navList: Da,
-	navItem: Oa,
-	navItemActive: ka,
-	navIcon: Aa,
-	navLabel: ja,
-	pageWrap: Ma
-}, Na = "button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
-function Pa(e, t) {
+	dialogMulti: xa,
+	header: Sa,
+	closeBtn: Ca,
+	title: wa,
+	searchWrap: Ta,
+	searchInput: Ea,
+	body: Da,
+	sidebar: Oa,
+	navList: ka,
+	navItem: Aa,
+	navItemActive: ja,
+	navIcon: Ma,
+	navLabel: Na,
+	pageWrap: Pa
+}, Fa = "button:not([disabled]), [href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex=\"-1\"])";
+function Ia(e, t) {
 	if (e.key !== "Tab") return;
-	let n = Array.from(t.current?.querySelectorAll(Na) ?? []);
+	let n = Array.from(t.current?.querySelectorAll(Fa) ?? []);
 	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 Fa({ open: e, onClose: a, children: c, searchable: m = !0, className: h, ...g }) {
+function La({ 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(Na))?.focus();
+				m && v.current ? v.current.focus() : (_.current?.querySelector(Fa))?.focus();
 			});
 			return () => cancelAnimationFrame(e);
 		}
@@ -4017,7 +4078,7 @@ function Fa({ open: e, onClose: a, children: c, searchable: m = !0, className: h
 			e.stopPropagation(), a();
 			return;
 		}
-		Pa(e, _);
+		Ia(e, _);
 	}, [a]), E = b.length > 1, D = b[x] ?? b[0], O = C.trim().toLowerCase();
 	return e ? p(/* @__PURE__ */ t("div", {
 		className: $.backdrop,
@@ -4104,6 +4165,6 @@ function Fa({ open: e, onClose: a, children: c, searchable: m = !0, className: h
 	}), document.body) : null;
 }
 //#endregion
-export { Tt as ActionRow, te as Avatar, Ae as Badge, we as Banner, ra as Bin, $i as BottomSheet, Dt as BoxedList, Lr as BreakpointBin, h as Button, aa as ButtonContent, zr as ButtonRow, k as Card, na as Carousel, ea as CarouselIndicatorDots, ta as CarouselIndicatorLines, ri as CheckRow, se as Checkbox, dr as Chip, Xn as Clamp, Ei as ComboRow, bn as Dialog, zn as Dropdown, Di as EntryRow, Yr as ExpanderRow, Oe as Footer, Jr as Frame, Ve as GNOME_BREAKPOINTS, Ee as HeaderBar, F as Icon, $r as InlineViewSwitcher, ei as InlineViewSwitcherItem, nr as Link, Kr as LinkedGroup, Ui as NavigationPage, Zn as NavigationSplitView, Wi as NavigationView, Qn as OverlaySplitView, ki as PasswordEntryRow, Jn as Popover, Fa as PreferencesDialog, ma as PreferencesGroup, ga as PreferencesPage, pe as ProgressBar, de as RadioButton, Re as SearchBar, re as Separator, ca as ShortcutLabel, Mr as ShortcutsDialog, dt as Sidebar, st as SidebarCollapsedContext, _t as SidebarItem, ft as SidebarSection, Un as Slider, Wr as Spacer, xt as SpinButton, Mi as SpinRow, j as Spinner, Vr as SplitButton, Be as StatusPage, ae as Switch, ni as SwitchRow, St as TabBar, Ct as TabItem, wt as TabPanel, T as Text, le as TextField, Bt as Toast, Vt as Toaster, or as ToggleGroup, sr as ToggleGroupItem, Ur as Toolbar, ua as ToolbarView, gt as Tooltip, kt as ViewSwitcher, er as ViewSwitcherBar, At as ViewSwitcherItem, Fr as ViewSwitcherSidebar, Ir as ViewSwitcherSidebarItem, fa as WindowTitle, lr as WrapBox, He as useBreakpoint, Hi as useNavigation, ct as useSidebarCollapsed };
+export { Tt as ActionRow, te as Avatar, Ae as Badge, we as Banner, aa as Bin, ta as BottomSheet, cr as Box, Dt as BoxedList, zr as BreakpointBin, h as Button, sa as ButtonContent, Vr as ButtonRow, k as Card, ia as Carousel, na as CarouselIndicatorDots, ra as CarouselIndicatorLines, ai as CheckRow, se as Checkbox, fr as Chip, Xn as Clamp, Oi as ComboRow, bn as Dialog, zn as Dropdown, ki as EntryRow, Zr as ExpanderRow, Oe as Footer, Xr as Frame, Ve as GNOME_BREAKPOINTS, Ee as HeaderBar, F as Icon, ti as InlineViewSwitcher, ni as InlineViewSwitcherItem, nr as Link, Jr as LinkedGroup, Gi as NavigationPage, Zn as NavigationSplitView, Ki as NavigationView, Qn as OverlaySplitView, ji as PasswordEntryRow, Jn as Popover, La as PreferencesDialog, ga as PreferencesGroup, va as PreferencesPage, pe as ProgressBar, de as RadioButton, Re as SearchBar, re as Separator, ua as ShortcutLabel, Nr as ShortcutsDialog, dt as Sidebar, st as SidebarCollapsedContext, _t as SidebarItem, ft as SidebarSection, Un as Slider, Kr as Spacer, xt as SpinButton, Pi as SpinRow, j as Spinner, Ur as SplitButton, Be as StatusPage, ae as Switch, ii as SwitchRow, St as TabBar, Ct as TabItem, wt as TabPanel, T as Text, le as TextField, Bt as Toast, Vt as Toaster, or as ToggleGroup, sr as ToggleGroupItem, Gr as Toolbar, fa as ToolbarView, gt as Tooltip, kt as ViewSwitcher, er as ViewSwitcherBar, At as ViewSwitcherItem, Lr as ViewSwitcherSidebar, Rr as ViewSwitcherSidebarItem, ma as WindowTitle, ur as WrapBox, He as useBreakpoint, Wi as useNavigation, ct as useSidebarCollapsed };
 
 //# sourceMappingURL=index.js.map