@gnome-ui/react 1.28.1 → 1.30.0

package/dist/index.js

@@ -2927,26 +2927,29 @@ function ui({ open: e, onClose: r, title: i = "Keyboard Shortcuts", sections: a
 	});
 	return typeof document > "u" ? b : g(b, document.body);
 }
-var di = {
-	sidebar: "_sidebar_kmj4b_3",
-	list: "_list_kmj4b_17",
-	item: "_item_kmj4b_28",
-	itemBtn: "_itemBtn_kmj4b_34",
-	active: "_active_kmj4b_60",
-	itemIcon: "_itemIcon_kmj4b_106",
-	itemLabel: "_itemLabel_kmj4b_119",
-	itemSuffix: "_itemSuffix_kmj4b_129",
-	count: "_count_kmj4b_136"
-}, fi = a(null);
-function pi() {
-	let e = l(fi);
+var K = {
+	sidebar: "_sidebar_1hdq3_3",
+	sidebarCollapsed: "_sidebarCollapsed_1hdq3_15",
+	itemBtn: "_itemBtn_1hdq3_19",
+	header: "_header_1hdq3_26",
+	footer: "_footer_1hdq3_31",
+	list: "_list_1hdq3_38",
+	item: "_item_1hdq3_19",
+	active: "_active_1hdq3_84",
+	itemIcon: "_itemIcon_1hdq3_130",
+	itemLabel: "_itemLabel_1hdq3_143",
+	itemSuffix: "_itemSuffix_1hdq3_153",
+	count: "_count_1hdq3_160"
+}, di = a(null);
+function fi() {
+	let e = l(di);
 	if (!e) throw Error("ViewSwitcherSidebarItem must be used inside ViewSwitcherSidebar");
 	return e;
 }
-function mi({ value: e, onValueChange: n, "aria-label": r = "Views", children: i, className: a, ...o }) {
-	let s = m(null);
-	function c(e) {
-		let t = Array.from(s.current?.querySelectorAll("[role=radio]:not(:disabled)") ?? []), n = t.findIndex((e) => e === document.activeElement);
+function pi({ value: e, onValueChange: r, "aria-label": i = "Views", collapsed: a = !1, header: o, footer: s, children: c, className: l, ...u }) {
+	let d = m(null);
+	function f(e) {
+		let t = Array.from(d.current?.querySelectorAll("[role=radio]:not(:disabled)") ?? []), n = t.findIndex((e) => e === document.activeElement);
 		if (n === -1) return;
 		let r = n;
 		if (e.key === "ArrowDown" || e.key === "ArrowRight") r = (n + 1) % t.length;
@@ -2956,63 +2959,78 @@ function mi({ value: e, onValueChange: n, "aria-label": r = "Views", children: i
 		else return;
 		e.preventDefault(), t[r].focus(), t[r].click();
 	}
-	return /* @__PURE__ */ t(fi.Provider, {
+	return /* @__PURE__ */ t(di.Provider, {
 		value: {
 			value: e,
-			onValueChange: n
+			onValueChange: r,
+			collapsed: a
 		},
-		children: /* @__PURE__ */ t("nav", {
-			className: [di.sidebar, a].filter(Boolean).join(" "),
-			onKeyDown: c,
-			...o,
-			children: /* @__PURE__ */ t("ul", {
-				ref: s,
-				role: "radiogroup",
-				"aria-label": r,
-				className: di.list,
-				children: i
-			})
+		children: /* @__PURE__ */ n("nav", {
+			className: [
+				K.sidebar,
+				a ? K.sidebarCollapsed : null,
+				l
+			].filter(Boolean).join(" "),
+			onKeyDown: f,
+			...u,
+			children: [
+				o && /* @__PURE__ */ t("div", {
+					className: K.header,
+					children: o
+				}),
+				/* @__PURE__ */ t("ul", {
+					ref: d,
+					role: "radiogroup",
+					"aria-label": i,
+					className: K.list,
+					children: c
+				}),
+				s && /* @__PURE__ */ t("div", {
+					className: K.footer,
+					children: s
+				})
+			]
 		})
 	});
 }
 //#endregion
 //#region src/components/ViewSwitcherSidebar/ViewSwitcherSidebarItem.tsx
-function hi({ name: e, label: r, icon: i, count: a, suffix: o, disabled: s, className: c, ...l }) {
-	let { value: u, onValueChange: d } = pi(), f = u === e, p = o ?? a ?? null;
+function mi({ name: e, label: r, icon: i, count: a, suffix: o, disabled: s, className: c, ...l }) {
+	let { value: u, onValueChange: d, collapsed: f } = fi(), p = u === e, m = o ?? a ?? null;
 	return /* @__PURE__ */ t("li", {
-		className: di.item,
+		className: K.item,
 		children: /* @__PURE__ */ n("button", {
 			type: "button",
 			role: "radio",
-			"aria-checked": f,
-			tabIndex: f ? 0 : -1,
+			"aria-checked": p,
+			tabIndex: p ? 0 : -1,
 			disabled: s,
 			onClick: () => d(e),
 			className: [
-				di.itemBtn,
-				f ? di.active : null,
+				K.itemBtn,
+				p ? K.active : null,
 				c
 			].filter(Boolean).join(" "),
 			...l,
 			children: [
 				i && /* @__PURE__ */ t("span", {
-					className: di.itemIcon,
+					className: K.itemIcon,
 					children: /* @__PURE__ */ t(I, {
 						icon: i,
 						size: "md",
 						"aria-hidden": !0
 					})
 				}),
-				/* @__PURE__ */ t("span", {
-					className: di.itemLabel,
+				!f && /* @__PURE__ */ t("span", {
+					className: K.itemLabel,
 					children: r
 				}),
-				p != null && /* @__PURE__ */ t("span", {
-					className: di.itemSuffix,
-					children: typeof p == "number" ? /* @__PURE__ */ t("span", {
-						className: di.count,
-						children: p > 99 ? "99+" : p
-					}) : p
+				!f && m != null && /* @__PURE__ */ t("span", {
+					className: K.itemSuffix,
+					children: typeof m == "number" ? /* @__PURE__ */ t("span", {
+						className: K.count,
+						children: m > 99 ? "99+" : m
+					}) : m
 				})
 			]
 		})
@@ -3020,7 +3038,7 @@ function hi({ name: e, label: r, icon: i, count: a, suffix: o, disabled: s, clas
 }
 //#endregion
 //#region src/components/BreakpointBin/BreakpointBin.tsx
-function gi({ breakpoints: e, children: n, className: r, style: i, ...a }) {
+function hi({ breakpoints: e, children: n, className: r, style: i, ...a }) {
 	let o = m(null), [s, c] = h({
 		activeBreakpoint: null,
 		width: 0
@@ -3050,7 +3068,7 @@ function gi({ breakpoints: e, children: n, className: r, style: i, ...a }) {
 		children: n(s)
 	});
 }
-var _i = {
+var gi = {
 	row: "_row_1ba2f_3",
 	title: "_title_1ba2f_48",
 	leading: "_leading_1ba2f_59",
@@ -3061,31 +3079,31 @@ var _i = {
 };
 //#endregion
 //#region src/components/ButtonRow/ButtonRow.tsx
-function vi({ title: e, variant: r = "default", leading: i, trailing: a, className: o, ...s }) {
+function _i({ title: e, variant: r = "default", leading: i, trailing: a, className: o, ...s }) {
 	return /* @__PURE__ */ n("button", {
 		className: [
-			_i.row,
-			_i[r],
+			gi.row,
+			gi[r],
 			o
 		].filter(Boolean).join(" "),
 		...s,
 		children: [
 			i && /* @__PURE__ */ t("span", {
-				className: _i.leading,
+				className: gi.leading,
 				children: i
 			}),
 			/* @__PURE__ */ t("span", {
-				className: _i.title,
+				className: gi.title,
 				children: e
 			}),
 			a && /* @__PURE__ */ t("span", {
-				className: _i.trailing,
+				className: gi.trailing,
 				children: a
 			})
 		]
 	});
 }
-var yi = {
+var vi = {
 	container: "_container_4kjnf_3",
 	primary: "_primary_4kjnf_14",
 	toggle: "_toggle_4kjnf_15",
@@ -3099,7 +3117,7 @@ var yi = {
 };
 //#endregion
 //#region src/components/SplitButton/SplitButton.tsx
-function bi({ label: r, variant: i = "default", dropdownContent: a, dropdownLabel: o = "More options", disabled: s = !1, onClick: l, className: d, ...f }) {
+function yi({ label: r, variant: i = "default", dropdownContent: a, dropdownLabel: o = "More options", disabled: s = !1, onClick: l, className: d, ...f }) {
 	let [p, _] = h(!1), [v, y] = h({}), b = m(null), x = m(null), S = m(null), C = c(() => _(!1), []), w = c(() => {
 		if (!x.current || !S.current) return;
 		let e = x.current.getBoundingClientRect(), t = S.current.getBoundingClientRect(), n = window.innerWidth, r = e.right - t.width;
@@ -3129,15 +3147,15 @@ function bi({ label: r, variant: i = "default", dropdownContent: a, dropdownLabe
 	let T = (e) => {
 		e.key === "Escape" && (e.stopPropagation(), C(), x.current?.focus());
 	}, E = [
-		yi.container,
-		yi[i],
+		vi.container,
+		vi[i],
 		d
 	].filter(Boolean).join(" "), D = /* @__PURE__ */ t("div", {
 		ref: S,
 		role: "dialog",
 		"aria-label": o,
 		tabIndex: -1,
-		className: [yi.dropdown, p ? yi.dropdownVisible : null].filter(Boolean).join(" "),
+		className: [vi.dropdown, p ? vi.dropdownVisible : null].filter(Boolean).join(" "),
 		style: Object.keys(v).length ? {
 			...v,
 			position: "fixed"
@@ -3156,26 +3174,26 @@ function bi({ label: r, variant: i = "default", dropdownContent: a, dropdownLabe
 		className: E,
 		children: [
 			/* @__PURE__ */ t("button", {
-				className: yi.primary,
+				className: vi.primary,
 				disabled: s,
 				onClick: l,
 				...f,
 				children: r
 			}),
 			/* @__PURE__ */ t("span", {
-				className: yi.separator,
+				className: vi.separator,
 				"aria-hidden": "true"
 			}),
 			/* @__PURE__ */ t("button", {
 				ref: x,
-				className: yi.toggle,
+				className: vi.toggle,
 				disabled: s,
 				"aria-label": o,
 				"aria-haspopup": "dialog",
 				"aria-expanded": p,
 				onClick: () => _((e) => !e),
 				children: /* @__PURE__ */ t("svg", {
-					className: yi.chevron,
+					className: vi.chevron,
 					width: "16",
 					height: "16",
 					viewBox: "0 0 16 16",
@@ -3194,56 +3212,56 @@ function bi({ label: r, variant: i = "default", dropdownContent: a, dropdownLabe
 		]
 	}), p && (typeof document < "u" ? g(D, document.body) : D)] });
 }
-var xi = {
+var bi = {
 	toolbar: "_toolbar_1avgl_2",
 	spacer: "_spacer_1avgl_20"
 };
 //#endregion
 //#region src/components/Toolbar/Toolbar.tsx
-function Si({ children: e, className: n, ...r }) {
+function xi({ children: e, className: n, ...r }) {
 	return /* @__PURE__ */ t("div", {
-		className: [xi.toolbar, n].filter(Boolean).join(" "),
+		className: [bi.toolbar, n].filter(Boolean).join(" "),
 		...r,
 		children: e
 	});
 }
 //#endregion
 //#region src/components/Toolbar/Spacer.tsx
-function Ci({ className: e, ...n }) {
+function Si({ className: e, ...n }) {
 	return /* @__PURE__ */ t("div", {
 		"aria-hidden": "true",
-		className: [xi.spacer, e].filter(Boolean).join(" "),
+		className: [bi.spacer, e].filter(Boolean).join(" "),
 		...n
 	});
 }
-var wi = {
+var Ci = {
 	linked: "_linked_1tser_3",
 	vertical: "_vertical_1tser_9"
 };
 //#endregion
 //#region src/components/LinkedGroup/LinkedGroup.tsx
-function Ti({ children: e, vertical: n = !1, className: r, ...i }) {
+function wi({ children: e, vertical: n = !1, className: r, ...i }) {
 	return /* @__PURE__ */ t("div", {
 		className: [
-			wi.linked,
-			n ? wi.vertical : null,
+			Ci.linked,
+			n ? Ci.vertical : null,
 			r
 		].filter(Boolean).join(" "),
 		...i,
 		children: e
 	});
 }
-var Ei = { frame: "_frame_1bq7b_2" };
+var Ti = { frame: "_frame_1bq7b_2" };
 //#endregion
 //#region src/components/Frame/Frame.tsx
-function Di({ children: e, className: n, ...r }) {
+function Ei({ children: e, className: n, ...r }) {
 	return /* @__PURE__ */ t("div", {
-		className: [Ei.frame, n].filter(Boolean).join(" "),
+		className: [Ti.frame, n].filter(Boolean).join(" "),
 		...r,
 		children: e
 	});
 }
-var K = {
+var q = {
 	expanderRow: "_expanderRow_1wh8c_3",
 	header: "_header_1wh8c_11",
 	leading: "_leading_1wh8c_55",
@@ -3261,48 +3279,48 @@ var K = {
 };
 //#endregion
 //#region src/components/ExpanderRow/ExpanderRow.tsx
-function Oi({ title: e, subtitle: i, leading: a, trailing: o, children: s, expanded: c, defaultExpanded: l = !1, onExpandedChange: u, className: f, ...p }) {
+function Di({ title: e, subtitle: i, leading: a, trailing: o, children: s, expanded: c, defaultExpanded: l = !1, onExpandedChange: u, className: f, ...p }) {
 	let m = c !== void 0, [g, _] = h(l), v = m ? c : g, y = d(), b = d(), x = () => {
 		let e = !v;
 		m || _(e), u?.(e);
 	}, S = r.toArray(s).filter(Boolean);
 	return /* @__PURE__ */ n("div", {
 		className: [
-			K.expanderRow,
-			v ? K.expanded : null,
+			q.expanderRow,
+			v ? q.expanded : null,
 			f
 		].filter(Boolean).join(" "),
 		...p,
 		children: [/* @__PURE__ */ n("button", {
 			id: b,
-			className: K.header,
+			className: q.header,
 			"aria-expanded": v,
 			"aria-controls": y,
 			onClick: x,
 			children: [
 				a && /* @__PURE__ */ t("span", {
-					className: K.leading,
+					className: q.leading,
 					children: a
 				}),
 				/* @__PURE__ */ n("span", {
-					className: K.content,
+					className: q.content,
 					children: [/* @__PURE__ */ t("span", {
-						className: K.title,
+						className: q.title,
 						children: e
 					}), i && /* @__PURE__ */ t("span", {
-						className: K.subtitle,
+						className: q.subtitle,
 						children: i
 					})]
 				}),
 				o && /* @__PURE__ */ t("span", {
-					className: K.trailing,
+					className: q.trailing,
 					children: o
 				}),
 				/* @__PURE__ */ t("span", {
-					className: [K.chevronWrap, v ? K.chevronOpen : null].filter(Boolean).join(" "),
+					className: [q.chevronWrap, v ? q.chevronOpen : null].filter(Boolean).join(" "),
 					"aria-hidden": "true",
 					children: /* @__PURE__ */ t("svg", {
-						className: K.chevron,
+						className: q.chevron,
 						width: "16",
 						height: "16",
 						viewBox: "0 0 16 16",
@@ -3322,18 +3340,18 @@ function Oi({ title: e, subtitle: i, leading: a, trailing: o, children: s, expan
 			id: y,
 			role: "region",
 			"aria-labelledby": b,
-			className: K.panel,
+			className: q.panel,
 			children: /* @__PURE__ */ t("div", {
-				className: K.panelInner,
+				className: q.panelInner,
 				children: S.map((e, r) => /* @__PURE__ */ n("div", {
-					className: K.childItem,
+					className: q.childItem,
 					children: [/* @__PURE__ */ t(se, { "aria-hidden": "true" }), e]
 				}, r))
 			})
 		})]
 	});
 }
-var ki = {
+var Oi = {
 	switcher: "_switcher_2tknm_3",
 	item: "_item_2tknm_10",
 	iconOnly: "_iconOnly_2tknm_38",
@@ -3343,13 +3361,13 @@ var ki = {
 	active: "_active_2tknm_68",
 	flat: "_flat_2tknm_121",
 	round: "_round_2tknm_169"
-}, Ai = a(null);
-function ji() {
-	let e = l(Ai);
+}, ki = a(null);
+function Ai() {
+	let e = l(ki);
 	if (!e) throw Error("InlineViewSwitcherItem must be used inside InlineViewSwitcher");
 	return e;
 }
-function Mi({ value: e, onValueChange: n, variant: r = "default", "aria-label": i = "View switcher", children: a, className: o, ...s }) {
+function ji({ value: e, onValueChange: n, variant: r = "default", "aria-label": i = "View switcher", children: a, className: o, ...s }) {
 	let c = m(null);
 	function l(e) {
 		let t = Array.from(c.current?.querySelectorAll("[role=radio]:not(:disabled)") ?? []), n = t.findIndex((e) => e === document.activeElement);
@@ -3362,7 +3380,7 @@ function Mi({ value: e, onValueChange: n, variant: r = "default", "aria-label":
 		else return;
 		e.preventDefault(), t[r].focus(), t[r].click();
 	}
-	return /* @__PURE__ */ t(Ai.Provider, {
+	return /* @__PURE__ */ t(ki.Provider, {
 		value: {
 			value: e,
 			onValueChange: n
@@ -3373,8 +3391,8 @@ function Mi({ value: e, onValueChange: n, variant: r = "default", "aria-label":
 			"aria-label": i,
 			onKeyDown: l,
 			className: [
-				ki.switcher,
-				ki[r],
+				Oi.switcher,
+				Oi[r],
 				o
 			].filter(Boolean).join(" "),
 			...s,
@@ -3384,8 +3402,8 @@ function Mi({ 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 } = ji(), u = c === e, d = i && !r;
+function Mi({ name: e, label: r, icon: i, disabled: a, className: o, ...s }) {
+	let { value: c, onValueChange: l } = Ai(), u = c === e, d = i && !r;
 	return /* @__PURE__ */ n("button", {
 		type: "button",
 		role: "radio",
@@ -3394,26 +3412,26 @@ function Ni({ name: e, label: r, icon: i, disabled: a, className: o, ...s }) {
 		disabled: a,
 		onClick: () => l(e),
 		className: [
-			ki.item,
-			u ? ki.active : null,
-			d ? ki.iconOnly : null,
+			Oi.item,
+			u ? Oi.active : null,
+			d ? Oi.iconOnly : null,
 			o
 		].filter(Boolean).join(" "),
 		...s,
 		children: [i && /* @__PURE__ */ t("span", {
-			className: ki.itemIcon,
+			className: Oi.itemIcon,
 			children: /* @__PURE__ */ t(I, {
 				icon: i,
 				size: "md",
 				"aria-hidden": !0
 			})
 		}), r && /* @__PURE__ */ t("span", {
-			className: ki.itemLabel,
+			className: Oi.itemLabel,
 			children: r
 		})]
 	});
 }
-var Pi = {
+var Ni = {
 	row: "_row_jl3bc_3",
 	disabled: "_disabled_jl3bc_41",
 	leading: "_leading_jl3bc_49",
@@ -3426,7 +3444,7 @@ var Pi = {
 };
 //#endregion
 //#region src/components/SwitchRow/SwitchRow.tsx
-function Fi({ title: e, subtitle: r, leading: i, checked: a, defaultChecked: o = !1, onCheckedChange: s, disabled: c = !1, className: l, onClick: u, ...f }) {
+function Pi({ title: e, subtitle: r, leading: i, checked: a, defaultChecked: o = !1, onCheckedChange: s, disabled: c = !1, className: l, onClick: u, ...f }) {
 	let p = a !== void 0, [m, g] = h(o), _ = p ? a : m, v = d(), y = (e) => {
 		let t = !_;
 		p || g(t), s?.(t), u?.(e);
@@ -3437,37 +3455,37 @@ function Fi({ title: e, subtitle: r, leading: i, checked: a, defaultChecked: o =
 		"aria-labelledby": v,
 		disabled: c,
 		className: [
-			Pi.row,
-			c ? Pi.disabled : null,
+			Ni.row,
+			c ? Ni.disabled : null,
 			l
 		].filter(Boolean).join(" "),
 		onClick: y,
 		...f,
 		children: [
 			i && /* @__PURE__ */ t("span", {
-				className: Pi.leading,
+				className: Ni.leading,
 				children: i
 			}),
 			/* @__PURE__ */ n("span", {
-				className: Pi.content,
+				className: Ni.content,
 				id: v,
 				children: [/* @__PURE__ */ t("span", {
-					className: Pi.title,
+					className: Ni.title,
 					children: e
 				}), r && /* @__PURE__ */ t("span", {
-					className: Pi.subtitle,
+					className: Ni.subtitle,
 					children: r
 				})]
 			}),
 			/* @__PURE__ */ t("span", {
-				className: Pi.switchTrack,
+				className: Ni.switchTrack,
 				"aria-hidden": "true",
-				children: /* @__PURE__ */ t("span", { className: [Pi.switchThumb, _ ? Pi.switchThumbOn : null].filter(Boolean).join(" ") })
+				children: /* @__PURE__ */ t("span", { className: [Ni.switchThumb, _ ? Ni.switchThumbOn : null].filter(Boolean).join(" ") })
 			})
 		]
 	});
 }
-var q = {
+var J = {
 	row: "_row_1dije_3",
 	disabled: "_disabled_1dije_41",
 	checkboxWrap: "_checkboxWrap_1dije_49",
@@ -3481,7 +3499,7 @@ var q = {
 };
 //#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: u, ...f }) {
+function Fi({ title: e, subtitle: r, leading: i, checked: a, defaultChecked: o = !1, onCheckedChange: s, disabled: c = !1, className: l, onClick: u, ...f }) {
 	let p = a !== void 0, [m, g] = h(o), _ = p ? a : m, v = d(), y = (e) => {
 		let t = !_;
 		p || g(t), s?.(t), u?.(e);
@@ -3492,20 +3510,20 @@ function Ii({ title: e, subtitle: r, leading: i, checked: a, defaultChecked: o =
 		"aria-labelledby": v,
 		disabled: c,
 		className: [
-			q.row,
-			c ? q.disabled : null,
+			J.row,
+			c ? J.disabled : null,
 			l
 		].filter(Boolean).join(" "),
 		onClick: y,
 		...f,
 		children: [
 			/* @__PURE__ */ t("span", {
-				className: q.checkboxWrap,
+				className: J.checkboxWrap,
 				"aria-hidden": "true",
 				children: /* @__PURE__ */ t("span", {
-					className: [q.checkbox, _ ? q.checkboxChecked : null].filter(Boolean).join(" "),
+					className: [J.checkbox, _ ? J.checkboxChecked : null].filter(Boolean).join(" "),
 					children: _ && /* @__PURE__ */ t("svg", {
-						className: q.checkmark,
+						className: J.checkmark,
 						width: "12",
 						height: "12",
 						viewBox: "0 0 12 12",
@@ -3522,17 +3540,17 @@ function Ii({ title: e, subtitle: r, leading: i, checked: a, defaultChecked: o =
 				})
 			}),
 			i && /* @__PURE__ */ t("span", {
-				className: q.leading,
+				className: J.leading,
 				children: i
 			}),
 			/* @__PURE__ */ n("span", {
-				className: q.content,
+				className: J.content,
 				id: v,
 				children: [/* @__PURE__ */ t("span", {
-					className: q.title,
+					className: J.title,
 					children: e
 				}), r && /* @__PURE__ */ t("span", {
-					className: q.subtitle,
+					className: J.subtitle,
 					children: r
 				})]
 			})
@@ -3541,35 +3559,35 @@ function Ii({ title: e, subtitle: r, leading: i, checked: a, defaultChecked: o =
 }
 //#endregion
 //#region src/components/ComboRow/ComboRow.module.css
-var Li = "_row_46mn8_3", Ri = "_disabled_46mn8_16", zi = "_leading_46mn8_23", Bi = "_content_46mn8_32", Vi = "_title_46mn8_40", Hi = "_subtitle_46mn8_51", Ui = "_comboWrap_46mn8_65", Wi = "_trigger_46mn8_73", Gi = "_triggerOpen_46mn8_126", Ki = "_triggerLabel_46mn8_136", qi = "_placeholder_46mn8_144", Ji = "_chevron_46mn8_150", Yi = "_chevronOpen_46mn8_157", Xi = "_list_46mn8_163", Zi = "_listDown_46mn8_192", Qi = "_listUp_46mn8_196", $i = "_option_46mn8_208", ea = "_optionActive_46mn8_225", ta = "_optionSelected_46mn8_229", na = "_optionDisabled_46mn8_233", ra = "_optionLabel_46mn8_239", ia = "_checkIcon_46mn8_247", J = {
-	row: Li,
-	disabled: Ri,
-	leading: zi,
-	content: Bi,
-	title: Vi,
-	subtitle: Hi,
-	comboWrap: Ui,
-	trigger: Wi,
-	triggerOpen: Gi,
-	triggerLabel: Ki,
-	placeholder: qi,
-	chevron: Ji,
-	chevronOpen: Yi,
-	list: Xi,
+var Ii = "_row_46mn8_3", Li = "_disabled_46mn8_16", Ri = "_leading_46mn8_23", zi = "_content_46mn8_32", Bi = "_title_46mn8_40", Vi = "_subtitle_46mn8_51", Hi = "_comboWrap_46mn8_65", Ui = "_trigger_46mn8_73", Wi = "_triggerOpen_46mn8_126", Gi = "_triggerLabel_46mn8_136", Ki = "_placeholder_46mn8_144", qi = "_chevron_46mn8_150", Ji = "_chevronOpen_46mn8_157", Yi = "_list_46mn8_163", Xi = "_listDown_46mn8_192", Zi = "_listUp_46mn8_196", Qi = "_option_46mn8_208", $i = "_optionActive_46mn8_225", ea = "_optionSelected_46mn8_229", ta = "_optionDisabled_46mn8_233", na = "_optionLabel_46mn8_239", ra = "_checkIcon_46mn8_247", Y = {
+	row: Ii,
+	disabled: Li,
+	leading: Ri,
+	content: zi,
+	title: Bi,
+	subtitle: Vi,
+	comboWrap: Hi,
+	trigger: Ui,
+	triggerOpen: Wi,
+	triggerLabel: Gi,
+	placeholder: Ki,
+	chevron: qi,
+	chevronOpen: Ji,
+	list: Yi,
 	"list-in": "_list-in_46mn8_1",
-	listDown: Zi,
-	listUp: Qi,
+	listDown: Xi,
+	listUp: Zi,
 	"list-in-up": "_list-in-up_46mn8_1",
-	option: $i,
-	optionActive: ea,
-	optionSelected: ta,
-	optionDisabled: na,
-	optionLabel: ra,
-	checkIcon: ia
+	option: Qi,
+	optionActive: $i,
+	optionSelected: ea,
+	optionDisabled: ta,
+	optionLabel: na,
+	checkIcon: ra
 };
 //#endregion
 //#region src/components/ComboRow/ComboRow.tsx
-function aa({ title: e, subtitle: r, leading: i, options: a, value: o, defaultValue: s, onValueChange: l, disabled: f = !1, className: p, ...g }) {
+function ia({ title: e, subtitle: r, leading: i, options: a, value: o, defaultValue: s, onValueChange: l, disabled: f = !1, className: p, ...g }) {
 	let _ = o !== void 0, [v, y] = h(s), b = _ ? o : v, [x, S] = h(!1), [C, w] = h(-1), [T, E] = h(!1), D = d(), O = d(), k = m(null), A = m(null), j = a.find((e) => e.value === b), M = c(() => {
 		if (!k.current) return;
 		let e = k.current.getBoundingClientRect(), t = window.innerHeight - e.bottom, n = Math.min(a.length * 44 + 8, 260);
@@ -3658,28 +3676,28 @@ function aa({ title: e, subtitle: r, leading: i, options: a, value: o, defaultVa
 	]);
 	return /* @__PURE__ */ n("div", {
 		className: [
-			J.row,
-			f ? J.disabled : null,
+			Y.row,
+			f ? Y.disabled : null,
 			p
 		].filter(Boolean).join(" "),
 		...g,
 		children: [
 			i && /* @__PURE__ */ t("span", {
-				className: J.leading,
+				className: Y.leading,
 				children: i
 			}),
 			/* @__PURE__ */ n("span", {
-				className: J.content,
+				className: Y.content,
 				children: [/* @__PURE__ */ t("span", {
-					className: J.title,
+					className: Y.title,
 					children: e
 				}), r && /* @__PURE__ */ t("span", {
-					className: J.subtitle,
+					className: Y.subtitle,
 					children: r
 				})]
 			}),
 			/* @__PURE__ */ n("div", {
-				className: J.comboWrap,
+				className: Y.comboWrap,
 				children: [/* @__PURE__ */ n("button", {
 					ref: k,
 					id: D,
@@ -3690,14 +3708,14 @@ function aa({ 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: f,
-					className: [J.trigger, x ? J.triggerOpen : null].filter(Boolean).join(" "),
+					className: [Y.trigger, x ? Y.triggerOpen : null].filter(Boolean).join(" "),
 					onClick: () => x ? P() : N(),
 					onKeyDown: ee,
 					children: [/* @__PURE__ */ t("span", {
-						className: [J.triggerLabel, j ? null : J.placeholder].filter(Boolean).join(" "),
+						className: [Y.triggerLabel, j ? null : Y.placeholder].filter(Boolean).join(" "),
 						children: j?.label ?? "—"
 					}), /* @__PURE__ */ t("svg", {
-						className: [J.chevron, x ? J.chevronOpen : null].filter(Boolean).join(" "),
+						className: [Y.chevron, x ? Y.chevronOpen : null].filter(Boolean).join(" "),
 						width: "16",
 						height: "16",
 						viewBox: "0 0 16 16",
@@ -3718,7 +3736,7 @@ function aa({ title: e, subtitle: r, leading: i, options: a, value: o, defaultVa
 					role: "listbox",
 					"aria-labelledby": D,
 					tabIndex: -1,
-					className: [J.list, T ? J.listUp : J.listDown].filter(Boolean).join(" "),
+					className: [Y.list, T ? Y.listUp : Y.listDown].filter(Boolean).join(" "),
 					onKeyDown: te,
 					children: a.map((e, r) => /* @__PURE__ */ n("li", {
 						id: `${O}-opt-${r}`,
@@ -3726,15 +3744,15 @@ function aa({ title: e, subtitle: r, leading: i, options: a, value: o, defaultVa
 						"aria-selected": e.value === b,
 						"aria-disabled": e.disabled,
 						className: [
-							J.option,
-							e.value === b ? J.optionSelected : null,
-							r === C ? J.optionActive : null,
-							e.disabled ? J.optionDisabled : null
+							Y.option,
+							e.value === b ? Y.optionSelected : null,
+							r === C ? Y.optionActive : null,
+							e.disabled ? Y.optionDisabled : null
 						].filter(Boolean).join(" "),
 						onMouseEnter: () => !e.disabled && w(r),
 						onClick: () => F(e),
 						children: [/* @__PURE__ */ t("span", {
-							className: J.optionLabel,
+							className: Y.optionLabel,
 							children: e.label
 						}), e.value === b && /* @__PURE__ */ t("svg", {
 							width: "16",
@@ -3742,7 +3760,7 @@ function aa({ title: e, subtitle: r, leading: i, options: a, value: o, defaultVa
 							viewBox: "0 0 16 16",
 							"aria-hidden": "true",
 							focusable: "false",
-							className: J.checkIcon,
+							className: Y.checkIcon,
 							children: /* @__PURE__ */ t("path", {
 								d: "M3 8l4 4 6-6",
 								fill: "none",
@@ -3758,7 +3776,7 @@ function aa({ title: e, subtitle: r, leading: i, options: a, value: o, defaultVa
 		]
 	});
 }
-var Y = {
+var aa = {
 	row: "_row_1kogj_3",
 	focused: "_focused_1kogj_16",
 	disabled: "_disabled_1kogj_25",
@@ -3776,27 +3794,27 @@ function oa({ title: e, value: r, defaultValue: i = "", onValueChange: a, leadin
 	let g = d(), _ = u ?? g, v = r !== void 0, [y, b] = h(String(i)), x = v ? String(r) : y, [S, C] = h(!1), w = m(null), T = S || x.length > 0;
 	return /* @__PURE__ */ n("div", {
 		className: [
-			Y.row,
-			S ? Y.focused : null,
-			c ? Y.disabled : null,
+			aa.row,
+			S ? aa.focused : null,
+			c ? aa.disabled : null,
 			l
 		].filter(Boolean).join(" "),
 		onClick: () => w.current?.focus(),
 		children: [
 			o && /* @__PURE__ */ t("span", {
-				className: Y.leading,
+				className: aa.leading,
 				children: o
 			}),
 			/* @__PURE__ */ n("span", {
-				className: Y.fieldWrap,
+				className: aa.fieldWrap,
 				children: [/* @__PURE__ */ t("label", {
 					htmlFor: _,
-					className: [Y.label, T ? Y.labelFloated : null].filter(Boolean).join(" "),
+					className: [aa.label, T ? aa.labelFloated : null].filter(Boolean).join(" "),
 					children: e
 				}), /* @__PURE__ */ t("input", {
 					ref: w,
 					id: _,
-					className: [Y.input, T ? Y.inputFloated : null].filter(Boolean).join(" "),
+					className: [aa.input, T ? aa.inputFloated : null].filter(Boolean).join(" "),
 					value: x,
 					disabled: c,
 					onFocus: () => C(!0),
@@ -3808,7 +3826,7 @@ function oa({ title: e, value: r, defaultValue: i = "", onValueChange: a, leadin
 				})]
 			}),
 			s && /* @__PURE__ */ t("span", {
-				className: Y.trailing,
+				className: aa.trailing,
 				children: s
 			})
 		]
@@ -5090,6 +5108,6 @@ function Mo({ columns: e, rows: r, rowKey: i, selectionMode: a = "none", selecte
 	});
 }
 //#endregion
-export { Xn as AboutDialog, Jt as ActionRow, ae as Avatar, Pe as Badge, Oe as Banner, La as Bin, v as Blockquote, Na as BottomSheet, zr as Box, Xt as BoxedList, gi as BreakpointBin, b as Button, za as ButtonContent, vi as ButtonRow, P as Card, Ia as Carousel, Pa as CarouselIndicatorDots, Fa as CarouselIndicatorLines, Ii as CheckRow, de as Checkbox, Ur as Chip, Dr as Clamp, Mo as ColumnView, aa as ComboRow, ko as ContributionGraph, Ie as CountDownTimer, Sn as Dialog, hr as Dropdown, oa as EntryRow, Oi as ExpanderRow, Me as Footer, Di as Frame, Je as GNOME_BREAKPOINTS, Ae as HeaderBar, I as Icon, Mi as InlineViewSwitcher, Ni as InlineViewSwitcherItem, Nr as Link, Ti as LinkedGroup, Ca as NavigationPage, Or as NavigationSplitView, wa as NavigationView, kr as OverlaySplitView, ca as PasswordEntryRow, yo as PathBar, Tr as Popover, go as PreferencesDialog, Ja as PreferencesGroup, Xa as PreferencesPage, _e as ProgressBar, he as RadioButton, Ge as SearchBar, se as Separator, Ha as ShortcutLabel, ui as ShortcutsDialog, Mt as Sidebar, Dt as SidebarCollapsedContext, zt as SidebarItem, Pt as SidebarSection, br as Slider, Ci as Spacer, Ut as SpinButton, fa as SpinRow, ee as Spinner, bi as SplitButton, qe as StatusPage, le as Switch, Fi as SwitchRow, Wt as TabBar, Gt as TabItem, Kt as TabPanel, A as Text, pe as TextField, _o as Timeline, un as Toast, dn as Toaster, Lr as ToggleGroup, Rr as ToggleGroupItem, Si as Toolbar, Wa as ToolbarView, Rt as Tooltip, Qt as ViewSwitcher, jr as ViewSwitcherBar, $t as ViewSwitcherItem, mi as ViewSwitcherSidebar, hi as ViewSwitcherSidebarItem, Ka as WindowTitle, Vr as WrapBox, Ye as useBreakpoint, Sa as useNavigation, Ot as useSidebarCollapsed };
+export { Xn as AboutDialog, Jt as ActionRow, ae as Avatar, Pe as Badge, Oe as Banner, La as Bin, v as Blockquote, Na as BottomSheet, zr as Box, Xt as BoxedList, hi as BreakpointBin, b as Button, za as ButtonContent, _i as ButtonRow, P as Card, Ia as Carousel, Pa as CarouselIndicatorDots, Fa as CarouselIndicatorLines, Fi as CheckRow, de as Checkbox, Ur as Chip, Dr as Clamp, Mo as ColumnView, ia as ComboRow, ko as ContributionGraph, Ie as CountDownTimer, Sn as Dialog, hr as Dropdown, oa as EntryRow, Di as ExpanderRow, Me as Footer, Ei as Frame, Je as GNOME_BREAKPOINTS, Ae as HeaderBar, I as Icon, ji as InlineViewSwitcher, Mi as InlineViewSwitcherItem, Nr as Link, wi as LinkedGroup, Ca as NavigationPage, Or as NavigationSplitView, wa as NavigationView, kr as OverlaySplitView, ca as PasswordEntryRow, yo as PathBar, Tr as Popover, go as PreferencesDialog, Ja as PreferencesGroup, Xa as PreferencesPage, _e as ProgressBar, he as RadioButton, Ge as SearchBar, se as Separator, Ha as ShortcutLabel, ui as ShortcutsDialog, Mt as Sidebar, Dt as SidebarCollapsedContext, zt as SidebarItem, Pt as SidebarSection, br as Slider, Si as Spacer, Ut as SpinButton, fa as SpinRow, ee as Spinner, yi as SplitButton, qe as StatusPage, le as Switch, Pi as SwitchRow, Wt as TabBar, Gt as TabItem, Kt as TabPanel, A as Text, pe as TextField, _o as Timeline, un as Toast, dn as Toaster, Lr as ToggleGroup, Rr as ToggleGroupItem, xi as Toolbar, Wa as ToolbarView, Rt as Tooltip, Qt as ViewSwitcher, jr as ViewSwitcherBar, $t as ViewSwitcherItem, pi as ViewSwitcherSidebar, mi as ViewSwitcherSidebarItem, Ka as WindowTitle, Vr as WrapBox, Ye as useBreakpoint, Sa as useNavigation, Ot as useSidebarCollapsed };
 
 //# sourceMappingURL=index.js.map