@gnome-ui/react 1.9.0 → 1.10.0

package/dist/index.js

@@ -0,0 +1,4109 @@
+import { Fragment as e, jsx as t, jsxs as n } from "react/jsx-runtime";
+import { Children as r, cloneElement as i, createContext as a, isValidElement as o, useCallback as s, useContext as c, useEffect as l, useId as u, useRef as d, useState as f } from "react";
+import { createPortal as p } from "react-dom";
+var m = {
+	button: "_button_1qgdy_1",
+	pill: "_pill_1qgdy_52",
+	circular: "_circular_1qgdy_59",
+	default: "_default_1qgdy_71",
+	suggested: "_suggested_1qgdy_105",
+	destructive: "_destructive_1qgdy_120",
+	flat: "_flat_1qgdy_135",
+	raised: "_raised_1qgdy_150",
+	osd: "_osd_1qgdy_184",
+	sm: "_sm_1qgdy_228",
+	lg: "_lg_1qgdy_235"
+};
+//#endregion
+//#region src/components/Button/Button.tsx
+function h({ variant: e = "default", size: t = "md", shape: r = "default", osd: i = !1, leadingIcon: a, trailingIcon: o, children: s, className: c, ...l }) {
+	return /* @__PURE__ */ n("button", {
+		className: [
+			m.button,
+			m[e],
+			t === "md" ? null : m[t],
+			r === "default" ? null : m[r],
+			i ? m.osd : null,
+			c
+		].filter(Boolean).join(" "),
+		...l,
+		children: [
+			a,
+			s,
+			o
+		]
+	});
+}
+//#endregion
+//#region src/components/Text/Text.module.css
+var g = "_text_102e3_1", _ = "_heading_102e3_41", v = "_body_102e3_48", y = "_document_102e3_55", b = "_caption_102e3_62", x = "_monospace_102e3_78", S = "_numeric_102e3_85", C = {
+	text: g,
+	"large-title": "_large-title_102e3_9",
+	"title-1": "_title-1_102e3_16",
+	"title-2": "_title-2_102e3_22",
+	"title-3": "_title-3_102e3_28",
+	"title-4": "_title-4_102e3_34",
+	heading: _,
+	body: v,
+	document: y,
+	caption: b,
+	"caption-heading": "_caption-heading_102e3_69",
+	monospace: x,
+	numeric: S,
+	"color-default": "_color-default_102e3_95",
+	"color-dim": "_color-dim_102e3_99",
+	"color-accent": "_color-accent_102e3_103",
+	"color-destructive": "_color-destructive_102e3_107",
+	"color-success": "_color-success_102e3_111",
+	"color-warning": "_color-warning_102e3_115",
+	"color-error": "_color-error_102e3_119"
+}, w = {
+	"large-title": "h1",
+	"title-1": "h1",
+	"title-2": "h2",
+	"title-3": "h3",
+	"title-4": "h4",
+	heading: "h3",
+	body: "p",
+	document: "p",
+	caption: "span",
+	"caption-heading": "span",
+	monospace: "code",
+	numeric: "span"
+};
+function T({ variant: e = "body", color: n = "default", as: r, className: i, children: a, ...o }) {
+	return /* @__PURE__ */ t(r ?? w[e], {
+		className: [
+			C.text,
+			C[e],
+			C[`color-${n}`],
+			i
+		].filter(Boolean).join(" "),
+		...o,
+		children: a
+	});
+}
+//#endregion
+//#region src/components/Card/Card.module.css
+var E = "_card_7f351_1", D = "_interactive_7f351_19", O = {
+	card: E,
+	"padding-none": "_padding-none_7f351_12",
+	"padding-sm": "_padding-sm_7f351_13",
+	"padding-md": "_padding-md_7f351_14",
+	"padding-lg": "_padding-lg_7f351_15",
+	interactive: D
+};
+//#endregion
+//#region src/components/Card/Card.tsx
+function k({ interactive: e = !1, padding: n = "md", as: r, className: i, children: a, ...o }) {
+	return /* @__PURE__ */ t(r ?? (e ? "button" : "div"), {
+		className: [
+			O.card,
+			O[`padding-${n}`],
+			e ? O.interactive : null,
+			i
+		].filter(Boolean).join(" "),
+		...o,
+		children: a
+	});
+}
+var A = {
+	spinner: "_spinner_101bb_3",
+	spin: "_spin_101bb_3",
+	sm: "_sm_101bb_15",
+	md: "_md_101bb_21",
+	lg: "_lg_101bb_27"
+};
+//#endregion
+//#region src/components/Spinner/Spinner.tsx
+function j({ size: e = "md", label: n = "Loading…", className: r, ...i }) {
+	let a = [
+		A.spinner,
+		A[e],
+		r
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ t("span", {
+		role: "status",
+		"aria-label": n || void 0,
+		"aria-hidden": n === "" ? !0 : void 0,
+		className: a,
+		...i
+	});
+}
+var M = {
+	avatar: "_avatar_1f2cd_3",
+	sm: "_sm_1f2cd_17",
+	md: "_md_1f2cd_22",
+	lg: "_lg_1f2cd_27",
+	xl: "_xl_1f2cd_32",
+	image: "_image_1f2cd_39",
+	initials: "_initials_1f2cd_48",
+	"color-blue": "_color-blue_1f2cd_64",
+	"color-green": "_color-green_1f2cd_65",
+	"color-yellow": "_color-yellow_1f2cd_66",
+	"color-orange": "_color-orange_1f2cd_72",
+	"color-red": "_color-red_1f2cd_73",
+	"color-purple": "_color-purple_1f2cd_74",
+	"color-brown": "_color-brown_1f2cd_75",
+	"color-teal": "_color-teal_1f2cd_76",
+	"color-slate": "_color-slate_1f2cd_77"
+}, N = [
+	"blue",
+	"green",
+	"yellow",
+	"orange",
+	"red",
+	"purple",
+	"brown",
+	"teal",
+	"slate"
+];
+function P(e) {
+	let t = 0;
+	for (let n = 0; n < e.length; n++) t = t * 31 + e.charCodeAt(n) >>> 0;
+	return N[t % N.length];
+}
+function ee(e) {
+	let t = e.trim().split(/\s+/).filter(Boolean);
+	return t.length === 0 ? "" : t.length === 1 ? t[0].charAt(0).toUpperCase() : t[0].charAt(0).toUpperCase() + t[t.length - 1].charAt(0).toUpperCase();
+}
+function te({ name: e = "", src: n, alt: r, size: i = "md", color: a, className: o, ...s }) {
+	let c = a ?? (e ? P(e) : "blue"), l = ee(e), u = [
+		M.avatar,
+		M[i],
+		n ? null : M[`color-${c}`],
+		o
+	].filter(Boolean).join(" ");
+	return /* @__PURE__ */ t("span", {
+		role: "img",
+		"aria-label": r ?? e ?? "Avatar",
+		className: u,
+		...s,
+		children: n ? /* @__PURE__ */ t("img", {
+			src: n,
+			alt: r ?? e,
+			className: M.image
+		}) : /* @__PURE__ */ t("span", {
+			"aria-hidden": "true",
+			className: M.initials,
+			children: l
+		})
+	});
+}
+var ne = {
+	separator: "_separator_w9b4s_3",
+	horizontal: "_horizontal_w9b4s_12",
+	vertical: "_vertical_w9b4s_20"
+};
+//#endregion
+//#region src/components/Separator/Separator.tsx
+function re({ orientation: e = "horizontal", className: n, ...r }) {
+	let i = [
+		ne.separator,
+		e === "vertical" ? ne.vertical : ne.horizontal,
+		n
+	].filter(Boolean).join(" ");
+	return e === "vertical" ? /* @__PURE__ */ t("div", {
+		role: "separator",
+		"aria-orientation": "vertical",
+		className: i,
+		...r
+	}) : /* @__PURE__ */ t("hr", {
+		className: i,
+		...r
+	});
+}
+//#endregion
+//#region src/components/Switch/Switch.module.css
+var ie = { switch: "_switch_1h6fk_3" };
+//#endregion
+//#region src/components/Switch/Switch.tsx
+function ae({ className: e, ...n }) {
+	return /* @__PURE__ */ t("input", {
+		type: "checkbox",
+		role: "switch",
+		className: [ie.switch, e].filter(Boolean).join(" "),
+		...n
+	});
+}
+var oe = { checkbox: "_checkbox_jnffk_3" };
+//#endregion
+//#region src/components/Checkbox/Checkbox.tsx
+function se({ indeterminate: e = !1, className: n, ...r }) {
+	let i = d(null);
+	return l(() => {
+		i.current && (i.current.indeterminate = e);
+	}, [e]), /* @__PURE__ */ t("input", {
+		ref: i,
+		type: "checkbox",
+		className: [oe.checkbox, n].filter(Boolean).join(" "),
+		...r
+	});
+}
+var ce = {
+	wrapper: "_wrapper_q91d8_3",
+	disabled: "_disabled_q91d8_9",
+	label: "_label_q91d8_15",
+	input: "_input_q91d8_25",
+	errorInput: "_errorInput_q91d8_74",
+	hint: "_hint_q91d8_89",
+	errorHint: "_errorHint_q91d8_97"
+};
+//#endregion
+//#region src/components/TextField/TextField.tsx
+function le({ label: e, helperText: r, error: i, id: a, className: o, disabled: s, ...c }) {
+	let l = u(), d = a ?? l, f = `${d}-help`;
+	return /* @__PURE__ */ n("div", {
+		className: [ce.wrapper, s ? ce.disabled : null].filter(Boolean).join(" "),
+		children: [
+			e && /* @__PURE__ */ t("label", {
+				htmlFor: d,
+				className: ce.label,
+				children: e
+			}),
+			/* @__PURE__ */ t("input", {
+				id: d,
+				disabled: s,
+				"aria-describedby": i || r ? f : void 0,
+				"aria-invalid": i ? !0 : void 0,
+				className: [
+					ce.input,
+					i ? ce.errorInput : null,
+					o
+				].filter(Boolean).join(" "),
+				...c
+			}),
+			(i || r) && /* @__PURE__ */ t("span", {
+				id: f,
+				className: [ce.hint, i ? ce.errorHint : null].filter(Boolean).join(" "),
+				children: i ?? r
+			})
+		]
+	});
+}
+var ue = { radio: "_radio_1vybt_3" };
+//#endregion
+//#region src/components/RadioButton/RadioButton.tsx
+function de({ className: e, ...n }) {
+	return /* @__PURE__ */ t("input", {
+		type: "radio",
+		className: [ue.radio, e].filter(Boolean).join(" "),
+		...n
+	});
+}
+var fe = {
+	track: "_track_n3qbv_3",
+	fill: "_fill_n3qbv_14",
+	indeterminate: "_indeterminate_n3qbv_24",
+	pulse: "_pulse_n3qbv_1"
+};
+//#endregion
+//#region src/components/ProgressBar/ProgressBar.tsx
+function pe({ value: e, className: n, "aria-label": r, "aria-labelledby": i, ...a }) {
+	let o = e == null, s = o ? void 0 : Math.min(1, Math.max(0, e)), c = s === void 0 ? void 0 : s * 100;
+	return /* @__PURE__ */ t("div", {
+		role: "progressbar",
+		"aria-label": r,
+		"aria-labelledby": i,
+		"aria-valuenow": s === void 0 ? void 0 : Math.round(c),
+		"aria-valuemin": o ? void 0 : 0,
+		"aria-valuemax": o ? void 0 : 100,
+		className: [fe.track, n].filter(Boolean).join(" "),
+		...a,
+		children: /* @__PURE__ */ t("div", {
+			className: [fe.fill, o ? fe.indeterminate : null].filter(Boolean).join(" "),
+			style: o ? void 0 : { width: `${c}%` }
+		})
+	});
+}
+//#endregion
+//#region src/components/Banner/Banner.module.css
+var me = "_banner_1x3b0_3", he = "_message_1x3b0_17", ge = "_actions_1x3b0_24", _e = "_actionBtn_1x3b0_33", ve = "_dismissBtn_1x3b0_55", ye = "_info_1x3b0_85", be = "_warning_1x3b0_99", xe = "_error_1x3b0_113", Se = "_success_1x3b0_127", Ce = {
+	banner: me,
+	message: he,
+	actions: ge,
+	actionBtn: _e,
+	dismissBtn: ve,
+	info: ye,
+	"actionBtn-info": "_actionBtn-info_1x3b0_90",
+	warning: be,
+	"actionBtn-warning": "_actionBtn-warning_1x3b0_104",
+	error: xe,
+	"actionBtn-error": "_actionBtn-error_1x3b0_118",
+	success: Se,
+	"actionBtn-success": "_actionBtn-success_1x3b0_132"
+};
+//#endregion
+//#region src/components/Banner/Banner.tsx
+function we({ variant: e = "info", children: r, actionLabel: i, onAction: a, dismissible: o = !1, onDismiss: s, className: c, ...l }) {
+	return /* @__PURE__ */ n("div", {
+		role: "status",
+		"aria-live": "polite",
+		className: [
+			Ce.banner,
+			Ce[e],
+			c
+		].filter(Boolean).join(" "),
+		...l,
+		children: [/* @__PURE__ */ t("span", {
+			className: Ce.message,
+			children: r
+		}), (i || o) && /* @__PURE__ */ n("span", {
+			className: Ce.actions,
+			children: [i && /* @__PURE__ */ t("button", {
+				type: "button",
+				className: [Ce.actionBtn, Ce[`actionBtn-${e}`]].filter(Boolean).join(" "),
+				onClick: a,
+				children: i
+			}), o && /* @__PURE__ */ t("button", {
+				type: "button",
+				className: Ce.dismissBtn,
+				onClick: s,
+				"aria-label": "Dismiss",
+				children: /* @__PURE__ */ t("svg", {
+					width: "16",
+					height: "16",
+					viewBox: "0 0 16 16",
+					"aria-hidden": "true",
+					fill: "currentColor",
+					children: /* @__PURE__ */ t("path", { d: "M3.293 3.293a1 1 0 011.414 0L8 6.586l3.293-3.293a1 1 0 111.414 1.414L9.414 8l3.293 3.293a1 1 0 01-1.414 1.414L8 9.414l-3.293 3.293a1 1 0 01-1.414-1.414L6.586 8 3.293 4.707a1 1 0 010-1.414z" })
+				})
+			})]
+		})]
+	});
+}
+var Te = {
+	headerBar: "_headerBar_1rr5r_3",
+	flat: "_flat_1rr5r_22",
+	slot: "_slot_1rr5r_29",
+	slotEnd: "_slotEnd_1rr5r_36",
+	titleSlot: "_titleSlot_1rr5r_42",
+	title: "_title_1rr5r_42"
+};
+//#endregion
+//#region src/components/HeaderBar/HeaderBar.tsx
+function Ee({ title: e, start: r, end: i, flat: a = !1, className: o, ...s }) {
+	return /* @__PURE__ */ n("header", {
+		className: [
+			Te.headerBar,
+			a ? Te.flat : null,
+			o
+		].filter(Boolean).join(" "),
+		...s,
+		children: [
+			/* @__PURE__ */ t("div", {
+				className: Te.slot,
+				children: r
+			}),
+			/* @__PURE__ */ t("div", {
+				className: Te.titleSlot,
+				"aria-live": "polite",
+				children: typeof e == "string" ? /* @__PURE__ */ t("span", {
+					className: Te.title,
+					children: e
+				}) : e
+			}),
+			/* @__PURE__ */ t("div", {
+				className: [Te.slot, Te.slotEnd].filter(Boolean).join(" "),
+				children: i
+			})
+		]
+	});
+}
+var De = {
+	footer: "_footer_10xz9_3",
+	flat: "_flat_10xz9_23",
+	slot: "_slot_10xz9_29",
+	slotEnd: "_slotEnd_10xz9_36",
+	center: "_center_10xz9_42"
+};
+//#endregion
+//#region src/components/Footer/Footer.tsx
+function Oe({ start: e, end: r, children: i, flat: a = !1, className: o, ...s }) {
+	return /* @__PURE__ */ n("footer", {
+		className: [
+			De.footer,
+			a ? De.flat : null,
+			o
+		].filter(Boolean).join(" "),
+		...s,
+		children: [
+			/* @__PURE__ */ t("div", {
+				className: De.slot,
+				children: e
+			}),
+			i != null && /* @__PURE__ */ t("div", {
+				className: De.center,
+				children: i
+			}),
+			/* @__PURE__ */ t("div", {
+				className: [De.slot, De.slotEnd].filter(Boolean).join(" "),
+				children: r
+			})
+		]
+	});
+}
+var ke = {
+	wrapper: "_wrapper_1apop_3",
+	badge: "_badge_1apop_11",
+	anchored: "_anchored_1apop_32",
+	dot: "_dot_1apop_41",
+	accent: "_accent_1apop_56",
+	success: "_success_1apop_61",
+	warning: "_warning_1apop_66",
+	error: "_error_1apop_71",
+	neutral: "_neutral_1apop_76"
+};
+//#endregion
+//#region src/components/Badge/Badge.tsx
+function Ae({ variant: e = "accent", dot: r = !1, children: i, anchor: a, className: o, ...s }) {
+	let c = /* @__PURE__ */ t("span", {
+		className: [
+			ke.badge,
+			ke[e],
+			r ? ke.dot : null,
+			a ? ke.anchored : null,
+			o
+		].filter(Boolean).join(" "),
+		...s,
+		children: !r && i
+	});
+	return a ? /* @__PURE__ */ n("span", {
+		className: ke.wrapper,
+		children: [a, c]
+	}) : c;
+}
+//#endregion
+//#region src/components/Icon/Icon.tsx
+var je = {
+	sm: 12,
+	md: 16,
+	lg: 20
+};
+function F({ icon: e, size: n = "md", label: r, width: i, height: a, ...o }) {
+	let s = je[n];
+	return /* @__PURE__ */ t("svg", {
+		xmlns: "http://www.w3.org/2000/svg",
+		viewBox: e.viewBox,
+		width: i ?? s,
+		height: a ?? s,
+		fill: "currentColor",
+		"aria-label": r,
+		"aria-hidden": r ? void 0 : !0,
+		role: r ? "img" : void 0,
+		focusable: "false",
+		...o,
+		children: e.paths.map((e, n) => /* @__PURE__ */ t("path", {
+			d: e.d,
+			fillRule: e.fillRule,
+			clipRule: e.clipRule
+		}, n))
+	});
+}
+//#endregion
+//#region ../icons/dist/index.js
+var Me = {
+	viewBox: "0 0 16 16",
+	paths: [{
+		d: "m2.5 5 5.5 6 5.5-6z",
+		fillRule: "evenodd"
+	}]
+}, Ne = {
+	viewBox: "0 0 16 16",
+	paths: [{
+		d: "M3.293 3.293a1 1 0 0 1 1.414 0L8 6.586l3.293-3.293a1 1 0 1 1 1.414 1.414L9.414 8l3.293 3.293a1 1 0 0 1-1.414 1.414L8 9.414l-3.293 3.293a1 1 0 0 1-1.414-1.414L6.586 8 3.293 4.707a1 1 0 0 1 0-1.414z",
+		fillRule: "evenodd"
+	}]
+}, Pe = {
+	viewBox: "0 0 16 16",
+	paths: [{
+		d: "M6.5 1a5.5 5.5 0 0 1 4.33 8.92l3.13 3.13-1.41 1.41-3.13-3.13A5.5 5.5 0 1 1 6.5 1zm0 2a3.5 3.5 0 1 0 0 7 3.5 3.5 0 0 0 0-7z",
+		fillRule: "evenodd"
+	}]
+}, Fe = {
+	viewBox: "0 0 16 16",
+	paths: [{
+		d: "M8 3C4.5 3 1.5 5.667 0 8c1.5 2.333 4.5 5 8 5s6.5-2.667 8-5c-1.5-2.333-4.5-5-8-5zm0 8a3 3 0 1 1 0-6 3 3 0 0 1 0 6zm0-4.5a1.5 1.5 0 1 0 0 3 1.5 1.5 0 0 0 0-3z",
+		fillRule: "evenodd"
+	}]
+}, Ie = {
+	viewBox: "0 0 16 16",
+	paths: [{
+		d: "M1.293 1.293a1 1 0 0 1 1.414 0l12 12a1 1 0 0 1-1.414 1.414l-1.88-1.88A8.8 8.8 0 0 1 8 13C4.5 13 1.5 10.333 0 8c.637-1.023 1.52-2.049 2.6-2.893L1.293 2.707a1 1 0 0 1 0-1.414zM5.03 6.444 7.09 8.505A1.5 1.5 0 0 0 9.494 6.91L7.432 4.848A3 3 0 0 0 5.03 6.444zM8 3c.645 0 1.27.083 1.867.237l-1.59 1.59A3 3 0 0 0 5.173 7.92L3.584 6.333C4.51 4.95 6.152 3 8 3zm5.4 2.107C14.48 5.951 15.363 6.977 16 8c-1.5 2.333-4.5 5-8 5a8.8 8.8 0 0 1-2.072-.249l1.538-1.538a3 3 0 0 0 3.703-3.703L12.81 5.87c.202.076.4.156.59.237z",
+		fillRule: "evenodd"
+	}]
+}, Le = {
+	viewBox: "0 0 16 16",
+	paths: [{
+		d: "M13.5 3 6 11.5 2.5 8 1 9.5l5 5 9-10z",
+		fillRule: "evenodd"
+	}]
+}, I = {
+	wrapper: "_wrapper_1rkb1_3",
+	open: "_open_1rkb1_13",
+	bar: "_bar_1rkb1_20",
+	disabled: "_disabled_1rkb1_31",
+	searchIcon: "_searchIcon_1rkb1_37",
+	input: "_input_1rkb1_47",
+	clearButton: "_clearButton_1rkb1_82",
+	filterRow: "_filterRow_1rkb1_124",
+	inline: "_inline_1rkb1_136"
+};
+//#endregion
+//#region src/components/SearchBar/SearchBar.tsx
+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) {
+			let e = requestAnimationFrame(() => g.current?.focus());
+			return () => cancelAnimationFrame(e);
+		}
+	}, [e]);
+	let _ = s((e) => {
+		e.key === "Escape" && (e.preventDefault(), r?.()), h.onKeyDown?.(e);
+	}, [r, h]), v = o !== void 0 && o !== "";
+	return /* @__PURE__ */ n("div", {
+		className: [
+			I.wrapper,
+			e ? I.open : null,
+			m
+		].filter(Boolean).join(" "),
+		"aria-hidden": !e,
+		children: [/* @__PURE__ */ n("div", {
+			className: [
+				I.bar,
+				p ? I.inline : null,
+				f ? I.disabled : null
+			].filter(Boolean).join(" "),
+			children: [
+				/* @__PURE__ */ t("span", {
+					className: I.searchIcon,
+					"aria-hidden": !0,
+					children: /* @__PURE__ */ t(F, {
+						icon: Pe,
+						size: "md"
+					})
+				}),
+				/* @__PURE__ */ t("input", {
+					ref: g,
+					type: "search",
+					role: "searchbox",
+					value: o,
+					onChange: c,
+					placeholder: u,
+					disabled: f,
+					tabIndex: e ? void 0 : -1,
+					className: I.input,
+					onKeyDown: _,
+					...h
+				}),
+				v && /* @__PURE__ */ t("button", {
+					type: "button",
+					className: I.clearButton,
+					"aria-label": "Clear search",
+					tabIndex: e ? void 0 : -1,
+					disabled: f,
+					onClick: () => {
+						i?.(), g.current?.focus();
+					},
+					children: /* @__PURE__ */ t(F, {
+						icon: Ne,
+						size: "md"
+					})
+				})
+			]
+		}), a && /* @__PURE__ */ t("div", {
+			className: I.filterRow,
+			children: a
+		})]
+	});
+}
+var ze = {
+	page: "_page_cb4hq_3",
+	iconWrap: "_iconWrap_cb4hq_20",
+	title: "_title_cb4hq_33",
+	description: "_description_cb4hq_44",
+	actions: "_actions_cb4hq_58",
+	compact: "_compact_cb4hq_68"
+};
+//#endregion
+//#region src/components/StatusPage/StatusPage.tsx
+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,
+		height: u,
+		"aria-hidden": !0
+	}) : r ?? null;
+	return /* @__PURE__ */ n("div", {
+		className: [
+			ze.page,
+			s ? ze.compact : null,
+			c
+		].filter(Boolean).join(" "),
+		...l,
+		children: [
+			d && /* @__PURE__ */ t("div", {
+				className: ze.iconWrap,
+				"aria-hidden": "true",
+				children: d
+			}),
+			/* @__PURE__ */ t("p", {
+				className: ze.title,
+				children: i
+			}),
+			a && /* @__PURE__ */ t("p", {
+				className: ze.description,
+				children: a
+			}),
+			o && /* @__PURE__ */ t("div", {
+				className: ze.actions,
+				children: o
+			})
+		]
+	});
+}
+//#endregion
+//#region src/hooks/useBreakpoint.ts
+var Ve = {
+	narrow: 400,
+	medium: 550,
+	wide: 860
+};
+function He() {
+	let e = () => {
+		let e = typeof window < "u" ? window.innerWidth : 1280;
+		return {
+			isNarrow: e <= Ve.narrow,
+			isMedium: e <= Ve.medium,
+			isWide: e <= Ve.wide,
+			width: e
+		};
+	}, [t, n] = f(e);
+	return l(() => {
+		let t = () => n(e());
+		return window.addEventListener("resize", t, { passive: !0 }), () => window.removeEventListener("resize", t);
+	}, []), t;
+}
+//#endregion
+//#region src/components/Sidebar/Sidebar.module.css
+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: et,
+	contextMenuDestructive: tt,
+	searchWrap: nt,
+	pageMode: rt,
+	dragOver: it,
+	collapsed: at,
+	itemCollapsed: ot
+}, st = a(!1);
+function ct() {
+	return c(st);
+}
+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 += ut(r.children, t));
+	}), n;
+}
+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 = !_ || ut(e, h) > 0;
+	return /* @__PURE__ */ t(st.Provider, {
+		value: r,
+		children: /* @__PURE__ */ t(lt.Provider, {
+			value: h,
+			children: /* @__PURE__ */ n("nav", {
+				className: [
+					L.sidebar,
+					r ? L.collapsed : null,
+					v === "page" ? L.pageMode : null,
+					c
+				].filter(Boolean).join(" "),
+				...l,
+				children: [i && /* @__PURE__ */ t("div", {
+					className: L.searchWrap,
+					children: /* @__PURE__ */ t(Re, {
+						open: !0,
+						value: h,
+						onChange: (e) => g(e.target.value),
+						onClose: () => g(""),
+						onClear: () => g(""),
+						inline: !0
+					})
+				}), _ && !y ? /* @__PURE__ */ t(Be, {
+					title: "No Results",
+					description: "No items match your search.",
+					compact: !0
+				}) : e]
+			})
+		})
+	});
+}
+//#endregion
+//#region src/components/Sidebar/SidebarSection.tsx
+function ft({ title: e, children: r, className: i, ...a }) {
+	return /* @__PURE__ */ n("section", {
+		className: [L.section, i].filter(Boolean).join(" "),
+		...a,
+		children: [e && /* @__PURE__ */ t("h3", {
+			className: L.sectionTitle,
+			children: e
+		}), /* @__PURE__ */ t("ul", {
+			role: "list",
+			className: L.list,
+			children: r
+		})]
+	});
+}
+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"
+}, 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",
+		"top",
+		"bottom",
+		"left",
+		"right"
+	];
+	for (let n of a) {
+		let a = 0, o = 0;
+		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)),
+			left: Math.max(8, Math.min(o, r - t.width - 8)),
+			placement: n
+		};
+	}
+	let o = 0, s = 0;
+	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 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(ht(y.current.getBoundingClientRect(), b.current.getBoundingClientRect(), a));
+	}, [a]);
+	l(() => {
+		if (h) return C(), window.addEventListener("scroll", C, {
+			passive: !0,
+			capture: !0
+		}), window.addEventListener("resize", C, { passive: !0 }), () => {
+			window.removeEventListener("scroll", C, { capture: !0 }), window.removeEventListener("resize", C);
+		};
+	}, [h, C]);
+	let w = s(() => {
+		S(), x.current = setTimeout(() => g(!0), o);
+	}, [o]), T = s(() => {
+		S(), g(!1), v(null);
+	}, []);
+	l(() => {
+		h && C();
+	}, [h, C]), l(() => {
+		if (!h) return;
+		let e = (e) => {
+			e.key === "Escape" && T();
+		};
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	}, [h, T]);
+	let E = i(c, {
+		ref: y,
+		"aria-describedby": m,
+		onMouseEnter: (e) => {
+			w(), c.props.onMouseEnter?.(e);
+		},
+		onMouseLeave: (e) => {
+			T(), c.props.onMouseLeave?.(e);
+		},
+		onFocus: (e) => {
+			w(), c.props.onFocus?.(e);
+		},
+		onBlur: (e) => {
+			T(), c.props.onBlur?.(e);
+		}
+	}), D = /* @__PURE__ */ t("div", {
+		ref: b,
+		id: m,
+		role: "tooltip",
+		className: [
+			pt.tooltip,
+			_ ? pt[_.placement] : null,
+			h && _ ? pt.visible : null
+		].filter(Boolean).join(" "),
+		style: _ ? {
+			top: _.top,
+			left: _.left
+		} : {
+			visibility: "hidden",
+			top: -9999,
+			left: -9999
+		},
+		children: r
+	});
+	return /* @__PURE__ */ n(e, { children: [E, typeof document < "u" ? p(D, document.body) : D] });
+}
+//#endregion
+//#region src/components/Sidebar/SidebarItem.tsx
+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));
+	}, [k, A] = f(null), j = d(null), M = s((e, t) => A({
+		x: e,
+		y: t
+	}), []), N = s(() => A(null), []);
+	l(() => {
+		if (!k) return;
+		let e = (e) => {
+			j.current && !j.current.contains(e.target) && N();
+		}, t = (e) => {
+			e.key === "Escape" && N();
+		};
+		return document.addEventListener("mousedown", e), document.addEventListener("keydown", t), () => {
+			document.removeEventListener("mousedown", e), document.removeEventListener("keydown", t);
+		};
+	}, [k, N]);
+	let P = (e) => {
+		m?.length && (e.preventDefault(), M(e.clientX, e.clientY));
+	}, ee = (e) => {
+		if (e.key === "ContextMenu" || e.key === "F10" && e.shiftKey) {
+			if (!m?.length) return;
+			e.preventDefault();
+			let t = e.currentTarget.getBoundingClientRect();
+			M(t.right, t.top);
+		}
+	}, te = /* @__PURE__ */ n("button", {
+		type: "button",
+		"aria-current": i ? "page" : void 0,
+		"aria-label": y ? e : void 0,
+		className: [
+			L.itemBtn,
+			i ? L.active : null,
+			y ? L.itemCollapsed : null,
+			w ? L.dragOver : null,
+			_
+		].filter(Boolean).join(" "),
+		onContextMenu: P,
+		onKeyDown: ee,
+		onDragOver: E,
+		onDragLeave: D,
+		onDrop: O,
+		...v,
+		children: [
+			r && /* @__PURE__ */ t("span", {
+				className: L.itemIcon,
+				children: /* @__PURE__ */ t(F, {
+					icon: r,
+					size: "md",
+					"aria-hidden": !0
+				})
+			}),
+			!y && /* @__PURE__ */ t("span", {
+				className: L.itemLabel,
+				children: e
+			}),
+			!y && x && /* @__PURE__ */ t("span", {
+				className: L.itemSuffix,
+				children: x
+			})
+		]
+	});
+	return /* @__PURE__ */ n("li", {
+		className: L.item,
+		hidden: C || void 0,
+		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: L.contextMenu,
+			style: {
+				top: k.y,
+				left: k.x
+			},
+			role: "menu",
+			children: m.map((e) => /* @__PURE__ */ t("button", {
+				type: "button",
+				role: "menuitem",
+				disabled: e.disabled,
+				className: [L.contextMenuItem, e.destructive ? L.contextMenuDestructive : null].filter(Boolean).join(" "),
+				onClick: () => {
+					e.onClick(), N();
+				},
+				children: e.label
+			}, e.label))
+		}), document.body)]
+	});
+}
+var vt = {
+	spin: "_spin_7d4yi_3",
+	disabled: "_disabled_7d4yi_36",
+	btn: "_btn_7d4yi_43",
+	value: "_value_7d4yi_96"
+};
+//#endregion
+//#region src/components/SpinButton/SpinButton.tsx
+function yt(e) {
+	let t = e.toString(), n = t.indexOf(".");
+	return n === -1 ? 0 : t.length - n - 1;
+}
+function bt(e, t, n) {
+	return Math.min(n, Math.max(t, e));
+}
+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,
+		m
+	]), g = s((t) => {
+		switch (t.key) {
+			case "ArrowUp":
+				t.preventDefault(), h(e + o);
+				break;
+			case "ArrowDown":
+				t.preventDefault(), h(e - o);
+				break;
+			case "PageUp":
+				t.preventDefault(), h(e + o * 10);
+				break;
+			case "PageDown":
+				t.preventDefault(), h(e - o * 10);
+				break;
+			case "Home":
+				t.preventDefault(), h(i);
+				break;
+			case "End":
+				t.preventDefault(), h(a);
+				break;
+		}
+	}, [
+		e,
+		o,
+		i,
+		a,
+		h
+	]);
+	return /* @__PURE__ */ n("div", {
+		role: "spinbutton",
+		"aria-valuenow": e,
+		"aria-valuemin": i,
+		"aria-valuemax": a,
+		"aria-label": d,
+		"aria-labelledby": f,
+		"aria-disabled": l || void 0,
+		tabIndex: l ? -1 : 0,
+		onKeyDown: l ? void 0 : g,
+		className: [
+			vt.spin,
+			l ? vt.disabled : null,
+			u
+		].filter(Boolean).join(" "),
+		...p,
+		children: [
+			/* @__PURE__ */ t("button", {
+				type: "button",
+				tabIndex: -1,
+				"aria-hidden": "true",
+				disabled: l || e <= i,
+				className: vt.btn,
+				onClick: () => h(e - o),
+				children: "−"
+			}),
+			/* @__PURE__ */ t("span", {
+				className: vt.value,
+				"aria-hidden": "true",
+				children: e.toFixed(m)
+			}),
+			/* @__PURE__ */ t("button", {
+				type: "button",
+				tabIndex: -1,
+				"aria-hidden": "true",
+				disabled: l || e >= a,
+				className: vt.btn,
+				onClick: () => h(e + o),
+				children: "+"
+			})
+		]
+	});
+}
+var R = {
+	bar: "_bar_12ars_3",
+	list: "_list_12ars_10",
+	tab: "_tab_12ars_26",
+	active: "_active_12ars_81",
+	tabIcon: "_tabIcon_12ars_102",
+	tabLabel: "_tabLabel_12ars_110",
+	closeBtn: "_closeBtn_12ars_119",
+	panel: "_panel_12ars_148",
+	inline: "_inline_12ars_158"
+};
+//#endregion
+//#region src/components/Tabs/TabBar.tsx
+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);
+		if (n === -1) return;
+		let r = n;
+		if (e.key === "ArrowRight") r = (n + 1) % t.length;
+		else if (e.key === "ArrowLeft") r = (n - 1 + t.length) % t.length;
+		else if (e.key === "Home") r = 0;
+		else if (e.key === "End") r = t.length - 1;
+		else return;
+		e.preventDefault(), t[r].focus();
+	}
+	return /* @__PURE__ */ t("div", {
+		className: [
+			R.bar,
+			r ? R.inline : null,
+			n
+		].filter(Boolean).join(" "),
+		...a,
+		children: /* @__PURE__ */ t("div", {
+			ref: o,
+			role: "tablist",
+			"aria-label": i,
+			className: R.list,
+			onKeyDown: s,
+			children: e
+		})
+	});
+}
+//#endregion
+//#region src/components/Tabs/TabItem.tsx
+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",
+		"aria-selected": i,
+		"aria-controls": a,
+		tabIndex: i ? 0 : -1,
+		disabled: l,
+		className: [
+			R.tab,
+			i ? R.active : null,
+			o ? R.closeable : null,
+			c
+		].filter(Boolean).join(" "),
+		...u,
+		children: [
+			r && /* @__PURE__ */ t("span", {
+				className: R.tabIcon,
+				children: /* @__PURE__ */ t(F, {
+					icon: r,
+					size: "sm",
+					"aria-hidden": !0
+				})
+			}),
+			/* @__PURE__ */ t("span", {
+				className: R.tabLabel,
+				children: e
+			}),
+			o && /* @__PURE__ */ t("span", {
+				role: "button",
+				tabIndex: 0,
+				"aria-label": s,
+				className: R.closeBtn,
+				onClick: (e) => {
+					e.stopPropagation(), o();
+				},
+				onKeyDown: (e) => {
+					(e.key === "Enter" || e.key === " ") && (e.preventDefault(), e.stopPropagation(), o());
+				},
+				children: "×"
+			})
+		]
+	});
+}
+//#endregion
+//#region src/components/Tabs/TabPanel.tsx
+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: [R.panel, r].filter(Boolean).join(" "),
+		...a,
+		children: i
+	});
+}
+var z = {
+	row: "_row_17clq_3",
+	leading: "_leading_17clq_16",
+	content: "_content_17clq_25",
+	title: "_title_17clq_33",
+	subtitle: "_subtitle_17clq_44",
+	trailing: "_trailing_17clq_58",
+	propertyLabel: "_propertyLabel_17clq_68",
+	propertyValue: "_propertyValue_17clq_81",
+	interactive: "_interactive_17clq_94"
+};
+//#endregion
+//#region src/components/ActionRow/ActionRow.tsx
+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: [
+			z.row,
+			o ? z.interactive : null,
+			d ? z.property : null,
+			c
+		].filter(Boolean).join(" "),
+		...l,
+		children: [
+			i && /* @__PURE__ */ t("span", {
+				className: z.leading,
+				children: i
+			}),
+			/* @__PURE__ */ n("span", {
+				className: z.content,
+				children: [/* @__PURE__ */ t("span", {
+					className: d ? z.propertyLabel : z.title,
+					children: e
+				}), r && /* @__PURE__ */ t("span", {
+					className: d ? z.propertyValue : z.subtitle,
+					children: r
+				})]
+			}),
+			a && /* @__PURE__ */ t("span", {
+				className: z.trailing,
+				children: a
+			})
+		]
+	});
+}
+var Et = {
+	list: "_list_1mn4t_3",
+	item: "_item_1mn4t_17",
+	divider: "_divider_1mn4t_25",
+	separate: "_separate_1mn4t_34",
+	separateItem: "_separateItem_1mn4t_44"
+};
+//#endregion
+//#region src/components/BoxedList/BoxedList.tsx
+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: [
+			Et.list,
+			c ? Et.separate : null,
+			a
+		].filter(Boolean).join(" "),
+		...o,
+		children: s.map((e, r) => /* @__PURE__ */ n("li", {
+			className: c ? Et.separateItem : Et.item,
+			children: [!c && r > 0 && /* @__PURE__ */ t("div", {
+				className: Et.divider,
+				"aria-hidden": "true"
+			}), e]
+		}, r))
+	});
+}
+var Ot = {
+	switcher: "_switcher_1uh9r_3",
+	item: "_item_1uh9r_18",
+	active: "_active_1uh9r_45",
+	itemIcon: "_itemIcon_1uh9r_76",
+	itemLabel: "_itemLabel_1uh9r_84"
+};
+//#endregion
+//#region src/components/ViewSwitcher/ViewSwitcher.tsx
+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);
+		if (n === -1) return;
+		let r = n;
+		if (e.key === "ArrowRight" || e.key === "ArrowDown") r = (n + 1) % t.length;
+		else if (e.key === "ArrowLeft" || e.key === "ArrowUp") r = (n - 1 + t.length) % t.length;
+		else if (e.key === "Home") r = 0;
+		else if (e.key === "End") r = t.length - 1;
+		else return;
+		e.preventDefault(), t[r].focus(), t[r].click();
+	}
+	return /* @__PURE__ */ t("div", {
+		ref: a,
+		role: "radiogroup",
+		"aria-label": r,
+		onKeyDown: o,
+		className: [Ot.switcher, n].filter(Boolean).join(" "),
+		...i,
+		children: e
+	});
+}
+//#endregion
+//#region src/components/ViewSwitcher/ViewSwitcherItem.tsx
+function At({ label: e, icon: r, active: i = !1, className: a, disabled: o, ...s }) {
+	return /* @__PURE__ */ n("button", {
+		type: "button",
+		role: "radio",
+		"aria-checked": i,
+		tabIndex: i ? 0 : -1,
+		disabled: o,
+		className: [
+			Ot.item,
+			i ? Ot.active : null,
+			a
+		].filter(Boolean).join(" "),
+		...s,
+		children: [r && /* @__PURE__ */ t("span", {
+			className: Ot.itemIcon,
+			children: /* @__PURE__ */ t(F, {
+				icon: r,
+				size: "md",
+				"aria-hidden": !0
+			})
+		}), /* @__PURE__ */ t("span", {
+			className: Ot.itemLabel,
+			children: e
+		})]
+	});
+}
+//#endregion
+//#region src/components/Toast/Toast.module.css
+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: Ft,
+	actions: It,
+	actionBtn: Lt,
+	dismissBtn: Rt
+};
+//#endregion
+//#region src/components/Toast/Toast.tsx
+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) => {
+		e <= 0 || !i || (h(), m.current = Date.now(), f.current = setTimeout(() => i(), e));
+	};
+	l(() => (r > 0 && (p.current = r, g(r)), h), [r]);
+	let _ = () => {
+		if (f.current) {
+			let e = Date.now() - m.current;
+			p.current = Math.max(0, p.current - e), h();
+		}
+	}, v = () => {
+		g(p.current);
+	}, y = () => {
+		h(), o?.(), i?.();
+	};
+	return /* @__PURE__ */ n("div", {
+		role: "status",
+		"aria-live": "polite",
+		"aria-atomic": "true",
+		className: [zt.toast, c].filter(Boolean).join(" "),
+		onMouseEnter: _,
+		onMouseLeave: v,
+		onFocus: _,
+		onBlur: v,
+		...u,
+		children: [/* @__PURE__ */ t("span", {
+			className: zt.title,
+			children: e
+		}), (a || s) && /* @__PURE__ */ n("span", {
+			className: zt.actions,
+			children: [a && /* @__PURE__ */ t("button", {
+				type: "button",
+				className: zt.actionBtn,
+				onClick: y,
+				children: a
+			}), s && /* @__PURE__ */ t("button", {
+				type: "button",
+				className: zt.dismissBtn,
+				"aria-label": "Dismiss",
+				onClick: () => {
+					h(), i?.();
+				},
+				children: /* @__PURE__ */ t(F, {
+					icon: Ne,
+					size: "md",
+					"aria-hidden": !0
+				})
+			})]
+		})]
+	});
+}
+//#endregion
+//#region src/components/Toast/Toaster.tsx
+function Vt({ position: e = "bottom", children: n, container: r, className: i, ...a }) {
+	let o = /* @__PURE__ */ t("div", {
+		"aria-label": "Notifications",
+		className: [
+			zt.toaster,
+			e === "top" ? zt.toasterTop : zt.toasterBottom,
+			i
+		].filter(Boolean).join(" "),
+		...a,
+		children: n
+	});
+	return typeof document > "u" ? o : p(o, r ?? document.body);
+}
+//#endregion
+//#region src/components/Dialog/Dialog.module.css
+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: Ut,
+	"dialog-in": "_dialog-in_zx0yn_1",
+	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: 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(_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 yn = {
+	details: "Details",
+	credits: "Credits",
+	legal: "Legal"
+};
+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(_n))?.focus()) : (ne.current?.focus(), oe && ie("details"));
+	}, [r, oe]);
+	let se = s(() => {
+		let e = g?.find((e) => e.variant !== "destructive" && !e.disabled);
+		e && _?.(e.id);
+	}, [g, _]), ce = ae ? se : m ? c : void 0, le = s((e) => {
+		if (e.key === "Escape") {
+			e.preventDefault(), ae ? se() : c?.();
+			return;
+		}
+		vn(e, ee);
+	}, [
+		ae,
+		se,
+		c
+	]);
+	if (!r) return null;
+	let ue = [
+		"details",
+		!!(E?.length || D?.length || O?.length) && "credits",
+		!!(k || A || j) && "legal"
+	].filter(Boolean), de = () => oe ? /* @__PURE__ */ t("div", {
+		className: B.footer,
+		children: /* @__PURE__ */ t("button", {
+			type: "button",
+			className: [B.btn, B["btn-default"]].join(" "),
+			onClick: c,
+			children: "Close"
+		})
+	}) : ae && g ? /* @__PURE__ */ t("div", {
+		className: B.footer,
+		children: g.map((e) => /* @__PURE__ */ t("button", {
+			type: "button",
+			disabled: e.disabled,
+			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: B.footer,
+		children: o.map((e) => /* @__PURE__ */ t("button", {
+			type: "button",
+			disabled: e.disabled,
+			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: B.aboutHeader,
+			children: [
+				b && /* @__PURE__ */ t("div", {
+					className: B.aboutIcon,
+					children: b
+				}),
+				/* @__PURE__ */ t("div", {
+					id: te,
+					className: B.aboutAppName,
+					children: y
+				}),
+				x && /* @__PURE__ */ t("div", {
+					className: B.aboutVersion,
+					children: x
+				})
+			]
+		}),
+		ue.length > 1 && /* @__PURE__ */ t("div", {
+			className: B.aboutTabBar,
+			role: "tablist",
+			children: ue.map((e) => /* @__PURE__ */ t("button", {
+				type: "button",
+				role: "tab",
+				"aria-selected": re === e,
+				className: [B.aboutTabBtn, re === e ? B.aboutTabBtnActive : null].filter(Boolean).join(" "),
+				onClick: () => ie(e),
+				children: yn[e]
+			}, e))
+		}),
+		/* @__PURE__ */ n("div", {
+			className: B.aboutTabContent,
+			children: [
+				re === "details" && /* @__PURE__ */ n("div", {
+					className: B.aboutSection,
+					children: [S && /* @__PURE__ */ t("p", {
+						className: B.aboutComments,
+						children: S
+					}), (C || w || M?.length) && /* @__PURE__ */ n("dl", {
+						className: B.aboutInfoList,
+						children: [
+							C && /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("dt", {
+								className: B.aboutInfoLabel,
+								children: "Developer"
+							}), /* @__PURE__ */ t("dd", {
+								className: B.aboutInfoValue,
+								children: C
+							})] }),
+							w && /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("dt", {
+								className: B.aboutInfoLabel,
+								children: "Website"
+							}), /* @__PURE__ */ t("dd", {
+								className: B.aboutInfoValue,
+								children: /* @__PURE__ */ t("a", {
+									href: w,
+									target: "_blank",
+									rel: "noopener noreferrer",
+									className: B.aboutLink,
+									children: T ?? w
+								})
+							})] }),
+							M?.map((r) => /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ t("dt", {
+								className: B.aboutInfoLabel,
+								children: r.label
+							}, `${r.label}-dt`), /* @__PURE__ */ t("dd", {
+								className: B.aboutInfoValue,
+								children: /* @__PURE__ */ t("a", {
+									href: r.url,
+									target: "_blank",
+									rel: "noopener noreferrer",
+									className: B.aboutLink,
+									children: r.url
+								})
+							}, `${r.label}-dd`)] }))
+						]
+					})]
+				}),
+				re === "credits" && /* @__PURE__ */ t("div", {
+					className: B.aboutSection,
+					children: [
+						{
+							heading: "Developers",
+							list: E
+						},
+						{
+							heading: "Designers",
+							list: D
+						},
+						{
+							heading: "Artists",
+							list: O
+						}
+					].filter((e) => e.list?.length).map(({ heading: e, list: r }) => /* @__PURE__ */ n("div", {
+						className: B.aboutCreditGroup,
+						children: [/* @__PURE__ */ t("h4", {
+							className: B.aboutCreditTitle,
+							children: e
+						}), /* @__PURE__ */ t("ul", {
+							className: B.aboutCreditList,
+							children: r.map((e) => /* @__PURE__ */ t("li", {
+								className: B.aboutCreditItem,
+								children: e
+							}, e))
+						})]
+					}, e))
+				}),
+				re === "legal" && /* @__PURE__ */ n("div", {
+					className: B.aboutSection,
+					children: [
+						k && /* @__PURE__ */ t("p", {
+							className: B.aboutCopyright,
+							children: k
+						}),
+						A && /* @__PURE__ */ t("p", {
+							className: B.aboutLicenseType,
+							children: A
+						}),
+						j && /* @__PURE__ */ t("pre", {
+							className: B.aboutLicenseText,
+							children: j
+						})
+					]
+				})
+			]
+		})
+	] }), pe = /* @__PURE__ */ t("div", {
+		className: B.backdrop,
+		onClick: ce,
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ n("div", {
+			ref: ee,
+			role: h,
+			"aria-modal": "true",
+			"aria-labelledby": te,
+			className: [
+				B.dialog,
+				oe ? B.dialogAbout : null,
+				N
+			].filter(Boolean).join(" "),
+			onKeyDown: le,
+			onClick: (e) => e.stopPropagation(),
+			...P,
+			children: [oe ? fe() : /* @__PURE__ */ n(e, { children: [i && /* @__PURE__ */ t("div", {
+				id: te,
+				className: B.title,
+				children: i
+			}), a && /* @__PURE__ */ t("div", {
+				className: B.body,
+				children: a
+			})] }), de()]
+		})
+	});
+	return typeof document > "u" ? pe : p(pe, document.body);
+}
+//#endregion
+//#region src/components/Dropdown/Dropdown.module.css
+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: kn,
+	listUp: An,
+	"list-in-up": "_list-in-up_1hi05_1",
+	option: jn,
+	optionActive: Mn,
+	optionSelected: Nn,
+	optionDisabled: Pn,
+	optionText: Fn,
+	optionLabel: In,
+	optionDesc: Ln,
+	checkIcon: Rn
+};
+//#endregion
+//#region src/components/Dropdown/Dropdown.tsx
+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);
+		y(n < r && t.top > r);
+	}, [e.length]), E = s(() => {
+		if (o) return;
+		T(), h(!0);
+		let t = e.findIndex((e) => e.value === r && !e.disabled);
+		_(t >= 0 ? t : e.findIndex((e) => !e.disabled));
+	}, [
+		o,
+		T,
+		e,
+		r
+	]), D = s(() => {
+		h(!1), _(-1), S.current?.focus();
+	}, []), O = s((e) => {
+		e.disabled || (i?.(e.value), D());
+	}, [i, D]);
+	l(() => {
+		!m || g < 0 || !C.current || C.current.children[g]?.scrollIntoView({ block: "nearest" });
+	}, [g, m]), l(() => {
+		if (!m) return;
+		let e = (e) => {
+			!S.current?.contains(e.target) && !C.current?.contains(e.target) && D();
+		};
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, [m, D]);
+	let k = s((t) => {
+		switch (t.key) {
+			case "Enter":
+			case " ":
+			case "ArrowDown":
+				t.preventDefault(), E();
+				break;
+			case "ArrowUp":
+				t.preventDefault(), T(), h(!0), _(e.reduce((e, t, n) => t.disabled ? e : n, -1));
+				break;
+		}
+	}, [
+		E,
+		T,
+		e
+	]), A = s((t) => {
+		let n = e.map((e, t) => ({
+			o: e,
+			i: t
+		})).filter(({ o: e }) => !e.disabled).map(({ i: e }) => e), r = n.indexOf(g);
+		switch (t.key) {
+			case "ArrowDown": {
+				t.preventDefault();
+				let e = n[Math.min(r + 1, n.length - 1)];
+				_(e ?? g);
+				break;
+			}
+			case "ArrowUp": {
+				t.preventDefault();
+				let e = n[Math.max(r - 1, 0)];
+				_(e ?? g);
+				break;
+			}
+			case "Home":
+				t.preventDefault(), _(n[0] ?? -1);
+				break;
+			case "End":
+				t.preventDefault(), _(n[n.length - 1] ?? -1);
+				break;
+			case "Enter":
+			case " ":
+				t.preventDefault(), g >= 0 && O(e[g]);
+				break;
+			case "Escape":
+			case "Tab":
+				D();
+				break;
+		}
+	}, [
+		e,
+		g,
+		O,
+		D
+	]);
+	return /* @__PURE__ */ n("div", {
+		className: [V.wrapper, c].filter(Boolean).join(" "),
+		...p,
+		children: [/* @__PURE__ */ n("button", {
+			ref: S,
+			id: b,
+			type: "button",
+			role: "combobox",
+			"aria-haspopup": "listbox",
+			"aria-expanded": m,
+			"aria-controls": x,
+			"aria-activedescendant": m && g >= 0 ? `${x}-opt-${g}` : void 0,
+			disabled: o,
+			className: [V.trigger, m ? V.triggerOpen : null].filter(Boolean).join(" "),
+			onClick: () => m ? D() : E(),
+			onKeyDown: k,
+			children: [/* @__PURE__ */ t("span", {
+				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: [V.chevron, m ? V.chevronOpen : null].filter(Boolean).join(" ")
+			})]
+		}), m && /* @__PURE__ */ t("ul", {
+			ref: C,
+			id: x,
+			role: "listbox",
+			"aria-labelledby": b,
+			tabIndex: -1,
+			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}`,
+				role: "option",
+				"aria-selected": e.value === r,
+				"aria-disabled": e.disabled,
+				className: [
+					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: V.optionText,
+					children: [/* @__PURE__ */ t("span", {
+						className: V.optionLabel,
+						children: e.label
+					}), e.description && /* @__PURE__ */ t("span", {
+						className: V.optionDesc,
+						children: e.description
+					})]
+				}), e.value === r && /* @__PURE__ */ t(F, {
+					icon: Le,
+					size: "md",
+					"aria-hidden": !0,
+					className: V.checkIcon
+				})]
+			}, e.value))
+		})]
+	});
+}
+var H = {
+	wrapper: "_wrapper_11zhs_3",
+	hasLabels: "_hasLabels_11zhs_11",
+	track: "_track_11zhs_17",
+	disabled: "_disabled_11zhs_42",
+	fill: "_fill_11zhs_50",
+	thumb: "_thumb_11zhs_64",
+	tick: "_tick_11zhs_97",
+	labels: "_labels_11zhs_112",
+	markLabel: "_markLabel_11zhs_119"
+};
+//#endregion
+//#region src/components/Slider/Slider.tsx
+function Bn(e, t, n) {
+	return Math.min(n, Math.max(t, e));
+}
+function Vn(e, t, n, r) {
+	return parseFloat((Math.round((e - t) / n) * n + t).toFixed(r));
+}
+function Hn(e) {
+	let t = e.toString(), n = t.indexOf(".");
+	return n === -1 ? 0 : t.length - n - 1;
+}
+function Un({ value: e, onChange: r, min: i = 0, max: a = 100, step: o = 1, disabled: c = !1, marks: l, className: u, "aria-label": f, "aria-labelledby": p, "aria-describedby": m, ...h }) {
+	let g = d(null), _ = Hn(o), v = (Bn(e, i, a) - i) / (a - i) * 100, y = s((e) => {
+		if (!g.current) return;
+		let { left: t, width: n } = g.current.getBoundingClientRect();
+		r(Bn(Vn((e - t) / n * (a - i) + i, i, o, _), i, a));
+	}, [
+		i,
+		a,
+		o,
+		_,
+		r
+	]), b = s((e) => {
+		c || (e.currentTarget.setPointerCapture(e.pointerId), y(e.clientX));
+	}, [c, y]), x = s((e) => {
+		e.currentTarget.hasPointerCapture(e.pointerId) && y(e.clientX);
+	}, [y]), S = s((t) => {
+		let n = (e) => {
+			t.preventDefault(), r(Bn(Vn(e, i, o, _), i, a));
+		};
+		switch (t.key) {
+			case "ArrowRight":
+			case "ArrowUp":
+				n(e + o);
+				break;
+			case "ArrowLeft":
+			case "ArrowDown":
+				n(e - o);
+				break;
+			case "PageUp":
+				n(e + o * 10);
+				break;
+			case "PageDown":
+				n(e - o * 10);
+				break;
+			case "Home":
+				n(i);
+				break;
+			case "End":
+				n(a);
+				break;
+		}
+	}, [
+		e,
+		o,
+		i,
+		a,
+		_,
+		r
+	]), C = l && l.length > 0, w = C && l.some((e) => e.label);
+	return /* @__PURE__ */ n("div", {
+		className: [
+			H.wrapper,
+			w ? H.hasLabels : null,
+			u
+		].filter(Boolean).join(" "),
+		...h,
+		children: [/* @__PURE__ */ n("div", {
+			ref: g,
+			role: "slider",
+			tabIndex: c ? -1 : 0,
+			"aria-valuemin": i,
+			"aria-valuemax": a,
+			"aria-valuenow": e,
+			"aria-label": f,
+			"aria-labelledby": p,
+			"aria-describedby": m,
+			"aria-disabled": c || void 0,
+			className: [H.track, c ? H.disabled : null].filter(Boolean).join(" "),
+			onPointerDown: b,
+			onPointerMove: x,
+			onKeyDown: c ? void 0 : S,
+			children: [
+				/* @__PURE__ */ t("div", {
+					className: H.fill,
+					style: { width: `${v}%` }
+				}),
+				/* @__PURE__ */ t("div", {
+					className: H.thumb,
+					style: { left: `${v}%` },
+					"aria-hidden": "true"
+				}),
+				C && l.map((e) => {
+					let n = (Bn(e.value, i, a) - i) / (a - i) * 100;
+					return /* @__PURE__ */ t("div", {
+						className: H.tick,
+						style: { left: `${n}%` },
+						"aria-hidden": "true"
+					}, e.value);
+				})
+			]
+		}), w && /* @__PURE__ */ t("div", {
+			className: H.labels,
+			"aria-hidden": "true",
+			children: l.map((e) => {
+				let n = (Bn(e.value, i, a) - i) / (a - i) * 100;
+				return /* @__PURE__ */ t("span", {
+					className: H.markLabel,
+					style: { left: `${n}%` },
+					children: e.label
+				}, e.value);
+			})
+		})]
+	});
+}
+var Wn = {
+	panel: "_panel_1tk9v_3",
+	visible: "_visible_1tk9v_36",
+	arrow: "_arrow_1tk9v_44",
+	bottom: "_bottom_1tk9v_59",
+	top: "_top_1tk9v_67",
+	left: "_left_1tk9v_75",
+	right: "_right_1tk9v_83"
+}, Gn = 8, Kn = 8;
+function qn(e, t, n) {
+	let r = window.innerWidth, i = window.innerHeight, a = [...new Set([
+		n,
+		n === "top" ? "bottom" : n === "bottom" ? "top" : n === "left" ? "right" : "left",
+		"bottom",
+		"top",
+		"left",
+		"right"
+	])];
+	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 {
+			top: a,
+			left: o,
+			placement: n
+		};
+	}
+	let o = e.bottom + Gn, s = e.left + e.width / 2 - t.width / 2;
+	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"
+	};
+}
+function Jn({ content: r, placement: a = "bottom", open: o, onClose: c, onOpenChange: m, children: h }) {
+	let g = o !== void 0, [_, v] = f(!1), y = g ? o : _, [b, x] = f(null), S = u(), C = u(), w = d(null), T = d(null), E = d(null), D = s(() => {
+		g ? c?.() : v(!1), m?.(!1);
+	}, [
+		g,
+		c,
+		m
+	]), O = s(() => {
+		y ? D() : (g || v(!0), m?.(!0));
+	}, [
+		y,
+		D,
+		g,
+		m
+	]), k = s(() => {
+		!w.current || !T.current || x(qn(w.current.getBoundingClientRect(), T.current.getBoundingClientRect(), a));
+	}, [a]);
+	l(() => {
+		if (!y) return;
+		let e = requestAnimationFrame(() => {
+			k(), window.addEventListener("scroll", k, {
+				passive: !0,
+				capture: !0
+			}), window.addEventListener("resize", k, { passive: !0 });
+		});
+		return () => {
+			cancelAnimationFrame(e), window.removeEventListener("scroll", k, { capture: !0 }), window.removeEventListener("resize", k);
+		};
+	}, [y, k]), l(() => {
+		y ? (E.current = document.activeElement, requestAnimationFrame(() => {
+			(T.current?.querySelector("button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])") ?? T.current)?.focus();
+		})) : (E.current?.focus(), x(null));
+	}, [y]), l(() => {
+		if (!y) return;
+		let e = (e) => {
+			!w.current?.contains(e.target) && !T.current?.contains(e.target) && D();
+		};
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, [y, D]);
+	let A = s((e) => {
+		e.key === "Escape" && (e.stopPropagation(), D());
+	}, [D]), j = i(h, {
+		ref: w,
+		id: S,
+		"aria-haspopup": "dialog",
+		"aria-expanded": y,
+		"aria-controls": y ? C : void 0,
+		onClick: (e) => {
+			O(), h.props.onClick?.(e);
+		}
+	}), M = /* @__PURE__ */ n("div", {
+		ref: T,
+		id: C,
+		role: "dialog",
+		"aria-labelledby": S,
+		tabIndex: -1,
+		className: [
+			Wn.panel,
+			b ? Wn[b.placement] : null,
+			y && b ? Wn.visible : null
+		].filter(Boolean).join(" "),
+		style: b ? {
+			top: b.top,
+			left: b.left
+		} : {
+			visibility: "hidden",
+			pointerEvents: "none",
+			top: -9999,
+			left: -9999
+		},
+		onKeyDown: A,
+		children: [/* @__PURE__ */ t("div", {
+			className: Wn.arrow,
+			"aria-hidden": "true"
+		}), r]
+	});
+	return /* @__PURE__ */ n(e, { children: [j, y && (typeof document < "u" ? p(M, document.body) : M)] });
+}
+var Yn = { clamp: "_clamp_1j51b_6" };
+//#endregion
+//#region src/components/Clamp/Clamp.tsx
+function Xn({ maximumSize: e = 600, children: n, className: r, style: i, ...a }) {
+	return /* @__PURE__ */ t("div", {
+		className: [Yn.clamp, r].filter(Boolean).join(" "),
+		style: {
+			maxWidth: e,
+			...i
+		},
+		...a,
+		children: n
+	});
+}
+var U = {
+	root: "_root_yaj3r_3",
+	expanded: "_expanded_yaj3r_12",
+	sidebar: "_sidebar_yaj3r_16",
+	contentPane: "_contentPane_yaj3r_22",
+	collapsed: "_collapsed_yaj3r_30",
+	paneVisible: "_paneVisible_yaj3r_46",
+	paneHidden: "_paneHidden_yaj3r_50",
+	divider: "_divider_yaj3r_67"
+};
+//#endregion
+//#region src/components/NavigationSplitView/NavigationSplitView.tsx
+function Zn({ sidebar: e, content: r, showContent: i = !1, minSidebarWidth: a = 180, maxSidebarWidth: o = 280, sidebarWidthFraction: s = .25, className: c, style: l, ...u }) {
+	let { isNarrow: d } = He(), f = `clamp(${a}px, ${s * 100}%, ${o}px)`;
+	return /* @__PURE__ */ n("div", {
+		className: [
+			U.root,
+			d ? U.collapsed : U.expanded,
+			c
+		].filter(Boolean).join(" "),
+		style: {
+			"--sidebar-width": f,
+			...l
+		},
+		...u,
+		children: [
+			/* @__PURE__ */ t("div", {
+				className: [U.sidebar, d && i ? U.paneHidden : U.paneVisible].filter(Boolean).join(" "),
+				"aria-hidden": d && i,
+				children: e
+			}),
+			!d && /* @__PURE__ */ t("div", {
+				className: U.divider,
+				"aria-hidden": "true"
+			}),
+			/* @__PURE__ */ t("div", {
+				className: [U.contentPane, d && !i ? U.paneHidden : U.paneVisible].filter(Boolean).join(" "),
+				"aria-hidden": d && !i,
+				children: r
+			})
+		]
+	});
+}
+var W = {
+	root: "_root_1xl2w_3",
+	wide: "_wide_1xl2w_13",
+	end: "_end_1xl2w_17",
+	sidebar: "_sidebar_1xl2w_21",
+	content: "_content_1xl2w_27",
+	narrow: "_narrow_1xl2w_35",
+	start: "_start_1xl2w_55",
+	sidebarOpen: "_sidebarOpen_1xl2w_59",
+	sidebarClosed: "_sidebarClosed_1xl2w_60",
+	backdrop: "_backdrop_1xl2w_72",
+	backdropVisible: "_backdropVisible_1xl2w_83"
+};
+//#endregion
+//#region src/components/OverlaySplitView/OverlaySplitView.tsx
+function Qn({ 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 } = He(), g = d(null), _ = `clamp(${s}px, ${u * 100}%, ${c}px)`;
+	l(() => {
+		if (!h || !i) return;
+		let e = (e) => {
+			e.key === "Escape" && a?.();
+		};
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	}, [
+		h,
+		i,
+		a
+	]), l(() => {
+		!h || !i || (g.current?.querySelector("button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])"))?.focus();
+	}, [h, i]);
+	let v = o === "end";
+	return /* @__PURE__ */ n("div", {
+		className: [
+			W.root,
+			h ? W.narrow : W.wide,
+			v ? W.end : W.start,
+			f
+		].filter(Boolean).join(" "),
+		style: {
+			"--sidebar-width": _,
+			...p
+		},
+		...m,
+		children: [
+			h && /* @__PURE__ */ t("div", {
+				className: [W.backdrop, i ? W.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(" "),
+				"aria-hidden": h && !i,
+				children: e
+			}),
+			/* @__PURE__ */ t("div", {
+				className: W.content,
+				children: r
+			})
+		]
+	});
+}
+var $n = { bar: "_bar_njcvu_3" };
+//#endregion
+//#region src/components/ViewSwitcherBar/ViewSwitcherBar.tsx
+function er({ children: e, reveal: n = !0, className: r, ...i }) {
+	return n ? /* @__PURE__ */ t("div", {
+		role: "navigation",
+		"aria-label": "Bottom navigation",
+		className: [$n.bar, r].filter(Boolean).join(" "),
+		...i,
+		children: e
+	}) : null;
+}
+var tr = {
+	link: "_link_x1qyh_1",
+	externalIcon: "_externalIcon_x1qyh_36"
+};
+//#endregion
+//#region src/components/Link/Link.tsx
+function nr({ external: e = !1, children: r, className: i, target: a, rel: o, ...s }) {
+	let c = e || a === "_blank";
+	return /* @__PURE__ */ n("a", {
+		className: [tr.link, i].filter(Boolean).join(" "),
+		target: c ? "_blank" : a,
+		rel: c ? "noopener noreferrer" : o,
+		...s,
+		children: [r, c && /* @__PURE__ */ t("span", {
+			className: tr.externalIcon,
+			"aria-label": "(opens in new tab)",
+			children: "↗"
+		})]
+	});
+}
+var rr = {
+	group: "_group_1fa3l_3",
+	item: "_item_1fa3l_18",
+	iconOnly: "_iconOnly_1fa3l_48",
+	active: "_active_1fa3l_53",
+	itemIcon: "_itemIcon_1fa3l_86",
+	itemLabel: "_itemLabel_1fa3l_92"
+}, ir = a(null);
+function ar() {
+	let e = c(ir);
+	if (!e) throw Error("ToggleGroupItem must be used inside ToggleGroup");
+	return e;
+}
+function or({ value: e, onValueChange: n, "aria-label": r = "Options", 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);
+		if (n === -1) return;
+		let r = n;
+		if (e.key === "ArrowRight" || e.key === "ArrowDown") r = (n + 1) % t.length;
+		else if (e.key === "ArrowLeft" || e.key === "ArrowUp") r = (n - 1 + t.length) % t.length;
+		else if (e.key === "Home") r = 0;
+		else if (e.key === "End") r = t.length - 1;
+		else return;
+		e.preventDefault(), t[r].focus(), t[r].click();
+	}
+	return /* @__PURE__ */ t(ir.Provider, {
+		value: {
+			value: e,
+			onValueChange: n
+		},
+		children: /* @__PURE__ */ t("div", {
+			ref: s,
+			role: "radiogroup",
+			"aria-label": r,
+			onKeyDown: c,
+			className: [rr.group, a].filter(Boolean).join(" "),
+			...o,
+			children: i
+		})
+	});
+}
+//#endregion
+//#region src/components/ToggleGroup/ToggleGroupItem.tsx
+function sr({ name: e, label: r, icon: i, disabled: a, className: o, ...s }) {
+	let { value: c, onValueChange: l } = ar(), u = c === e, d = i && !r;
+	return /* @__PURE__ */ n("button", {
+		type: "button",
+		role: "radio",
+		"aria-checked": u,
+		tabIndex: u ? 0 : -1,
+		disabled: a,
+		onClick: () => l(e),
+		className: [
+			rr.item,
+			u ? rr.active : null,
+			d ? rr.iconOnly : null,
+			o
+		].filter(Boolean).join(" "),
+		...s,
+		children: [i && /* @__PURE__ */ t("span", {
+			className: rr.itemIcon,
+			children: /* @__PURE__ */ t(F, {
+				icon: i,
+				size: "md",
+				"aria-hidden": !0
+			})
+		}), r && /* @__PURE__ */ t("span", {
+			className: rr.itemLabel,
+			children: r
+		})]
+	});
+}
+var cr = {
+	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 }) {
+	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,
+		"--wrapbox-justify": r,
+		"--wrapbox-align": i,
+		...c
+	};
+	return /* @__PURE__ */ t("div", {
+		className: [
+			cr.wrapBox,
+			a ? cr.reverse : null,
+			s
+		].filter(Boolean).join(" "),
+		style: f,
+		...l,
+		children: o
+	});
+}
+var ur = {
+	chip: "_chip_e26qc_3",
+	selectable: "_selectable_e26qc_31",
+	selected: "_selected_e26qc_55",
+	disabled: "_disabled_e26qc_68",
+	icon: "_icon_e26qc_76",
+	label: "_label_e26qc_85",
+	remove: "_remove_e26qc_91"
+};
+//#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 }) {
+	let f = o && !a, p = [
+		ur.chip,
+		s ? ur.selected : null,
+		l ? ur.disabled : null,
+		f ? ur.selectable : null,
+		u
+	].filter(Boolean).join(" "), m = /* @__PURE__ */ n(e, { children: [
+		i && /* @__PURE__ */ t("span", {
+			className: ur.icon,
+			children: /* @__PURE__ */ t(F, {
+				icon: i,
+				size: "sm",
+				"aria-hidden": !0
+			})
+		}),
+		/* @__PURE__ */ t("span", {
+			className: ur.label,
+			children: r
+		}),
+		a && /* @__PURE__ */ t("button", {
+			type: "button",
+			className: ur.remove,
+			"aria-label": `Remove ${r}`,
+			disabled: l,
+			onClick: (e) => {
+				e.stopPropagation(), a();
+			},
+			tabIndex: l ? -1 : 0,
+			children: /* @__PURE__ */ t(F, {
+				icon: Ne,
+				size: "sm",
+				"aria-hidden": !0
+			})
+		})
+	] });
+	return f ? /* @__PURE__ */ t("button", {
+		type: "button",
+		role: "checkbox",
+		"aria-checked": s,
+		"aria-label": r,
+		disabled: l,
+		onClick: c,
+		className: p,
+		...d,
+		children: m
+	}) : /* @__PURE__ */ t("span", {
+		className: p,
+		...d,
+		children: m
+	});
+}
+//#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,
+	"backdrop-in": "_backdrop-in_zvuhh_1",
+	dialog: pr,
+	"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 }) {
+	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());
+	}, [e]);
+	let _ = s((e) => {
+		if (e.key === "Escape") {
+			e.preventDefault(), r();
+			return;
+		}
+		if (e.key !== "Tab") return;
+		let t = Array.from(u.current?.querySelectorAll(jr) ?? []);
+		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());
+	}, [r]);
+	if (!e) return null;
+	let v = o.trim().toLowerCase(), y = a.map((e) => ({
+		...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,
+		onClick: r,
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ n("div", {
+			ref: u,
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-labelledby": g.current,
+			className: G.dialog,
+			onKeyDown: _,
+			onClick: (e) => e.stopPropagation(),
+			children: [
+				/* @__PURE__ */ n("div", {
+					className: G.header,
+					children: [/* @__PURE__ */ t("span", {
+						id: g.current,
+						className: G.title,
+						children: i
+					}), /* @__PURE__ */ t("button", {
+						type: "button",
+						className: G.closeBtn,
+						"aria-label": "Close",
+						onClick: r,
+						children: "×"
+					})]
+				}),
+				/* @__PURE__ */ n("div", {
+					className: G.searchRow,
+					children: [
+						/* @__PURE__ */ t("span", {
+							className: G.searchIcon,
+							"aria-hidden": "true",
+							children: "⌕"
+						}),
+						/* @__PURE__ */ t("input", {
+							ref: m,
+							type: "search",
+							className: G.searchInput,
+							placeholder: "Search shortcuts…",
+							value: o,
+							onChange: (e) => c(e.target.value),
+							"aria-label": "Search shortcuts"
+						}),
+						o && /* @__PURE__ */ t("button", {
+							type: "button",
+							className: G.searchClear,
+							"aria-label": "Clear search",
+							onClick: () => {
+								c(""), m.current?.focus();
+							},
+							children: "×"
+						})
+					]
+				}),
+				/* @__PURE__ */ t("div", {
+					className: G.body,
+					role: "list",
+					children: y.length === 0 ? /* @__PURE__ */ n("p", {
+						className: G.empty,
+						children: [
+							"No shortcuts match \"",
+							o,
+							"\""
+						]
+					}) : y.map((e) => /* @__PURE__ */ n("section", {
+						className: G.section,
+						children: [/* @__PURE__ */ t("h3", {
+							className: G.sectionTitle,
+							children: e.title
+						}), /* @__PURE__ */ t("ul", {
+							className: G.list,
+							children: e.shortcuts.map((e) => /* @__PURE__ */ n("li", {
+								className: G.row,
+								role: "listitem",
+								children: [/* @__PURE__ */ t("span", {
+									className: G.keys,
+									"aria-label": e.keys.join(" + "),
+									children: e.keys.map((r, i) => /* @__PURE__ */ n("span", {
+										className: G.keyCap,
+										children: [/* @__PURE__ */ t("kbd", { children: r }), i < e.keys.length - 1 && /* @__PURE__ */ t("span", {
+											className: G.plus,
+											"aria-hidden": "true",
+											children: "+"
+										})]
+									}, i))
+								}), /* @__PURE__ */ t("span", {
+									className: G.description,
+									children: e.description
+								})]
+							}, e.description))
+						})]
+					}, e.title))
+				})
+			]
+		})
+	});
+	return typeof document > "u" ? b : p(b, document.body);
+}
+var K = {
+	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"
+}, Nr = a(null);
+function Pr() {
+	let e = c(Nr);
+	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 }) {
+	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);
+		if (n === -1) return;
+		let r = n;
+		if (e.key === "ArrowDown" || e.key === "ArrowRight") r = (n + 1) % t.length;
+		else if (e.key === "ArrowUp" || e.key === "ArrowLeft") r = (n - 1 + t.length) % t.length;
+		else if (e.key === "Home") r = 0;
+		else if (e.key === "End") r = t.length - 1;
+		else return;
+		e.preventDefault(), t[r].focus(), t[r].click();
+	}
+	return /* @__PURE__ */ t(Nr.Provider, {
+		value: {
+			value: e,
+			onValueChange: n
+		},
+		children: /* @__PURE__ */ t("nav", {
+			className: [K.sidebar, a].filter(Boolean).join(" "),
+			onKeyDown: c,
+			...o,
+			children: /* @__PURE__ */ t("ul", {
+				ref: s,
+				role: "radiogroup",
+				"aria-label": r,
+				className: K.list,
+				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;
+	return /* @__PURE__ */ t("li", {
+		className: K.item,
+		children: /* @__PURE__ */ n("button", {
+			type: "button",
+			role: "radio",
+			"aria-checked": f,
+			tabIndex: f ? 0 : -1,
+			disabled: s,
+			onClick: () => d(e),
+			className: [
+				K.itemBtn,
+				f ? K.active : null,
+				c
+			].filter(Boolean).join(" "),
+			...l,
+			children: [
+				i && /* @__PURE__ */ t("span", {
+					className: K.itemIcon,
+					children: /* @__PURE__ */ t(F, {
+						icon: i,
+						size: "md",
+						"aria-hidden": !0
+					})
+				}),
+				/* @__PURE__ */ t("span", {
+					className: K.itemLabel,
+					children: r
+				}),
+				p != null && /* @__PURE__ */ t("span", {
+					className: K.itemSuffix,
+					children: typeof p == "number" ? /* @__PURE__ */ t("span", {
+						className: K.count,
+						children: p > 99 ? "99+" : p
+					}) : p
+				})
+			]
+		})
+	});
+}
+//#endregion
+//#region src/components/BreakpointBin/BreakpointBin.tsx
+function Lr({ breakpoints: e, children: n, className: r, style: i, ...a }) {
+	let o = d(null), [s, c] = f({
+		activeBreakpoint: null,
+		width: 0
+	});
+	return l(() => {
+		let t = o.current;
+		if (!t) return;
+		let n = [...e].sort((e, t) => e.maxWidth - t.maxWidth), r = (e) => ({
+			activeBreakpoint: (n.find((t) => e <= t.maxWidth) ?? null)?.name ?? null,
+			width: e
+		});
+		c(r(t.offsetWidth));
+		let i = new ResizeObserver((e) => {
+			let t = e[0];
+			t && c(r(t.contentBoxSize?.[0]?.inlineSize ?? t.contentRect.width));
+		});
+		return i.observe(t), () => i.disconnect();
+	}, [JSON.stringify(e)]), /* @__PURE__ */ t("div", {
+		ref: o,
+		className: r,
+		style: {
+			minWidth: 0,
+			...i
+		},
+		"data-breakpoint": s.activeBreakpoint ?? void 0,
+		...a,
+		children: n(s)
+	});
+}
+var Rr = {
+	row: "_row_1ba2f_3",
+	title: "_title_1ba2f_48",
+	leading: "_leading_1ba2f_59",
+	trailing: "_trailing_1ba2f_60",
+	default: "_default_1ba2f_68",
+	suggested: "_suggested_1ba2f_77",
+	destructive: "_destructive_1ba2f_86"
+};
+//#endregion
+//#region src/components/ButtonRow/ButtonRow.tsx
+function zr({ title: e, variant: r = "default", leading: i, trailing: a, className: o, ...s }) {
+	return /* @__PURE__ */ n("button", {
+		className: [
+			Rr.row,
+			Rr[r],
+			o
+		].filter(Boolean).join(" "),
+		...s,
+		children: [
+			i && /* @__PURE__ */ t("span", {
+				className: Rr.leading,
+				children: i
+			}),
+			/* @__PURE__ */ t("span", {
+				className: Rr.title,
+				children: e
+			}),
+			a && /* @__PURE__ */ t("span", {
+				className: Rr.trailing,
+				children: a
+			})
+		]
+	});
+}
+var Br = {
+	container: "_container_4kjnf_3",
+	primary: "_primary_4kjnf_14",
+	toggle: "_toggle_4kjnf_15",
+	separator: "_separator_4kjnf_66",
+	chevron: "_chevron_4kjnf_81",
+	default: "_default_4kjnf_88",
+	suggested: "_suggested_4kjnf_123",
+	destructive: "_destructive_4kjnf_145",
+	dropdown: "_dropdown_4kjnf_167",
+	dropdownVisible: "_dropdownVisible_4kjnf_185"
+};
+//#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 }) {
+	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;
+		r < 8 && (r = 8), r + t.width > n - 8 && (r = n - t.width - 8), y({
+			top: e.bottom + 6,
+			left: r
+		});
+	}, []);
+	l(() => {
+		if (!g) return;
+		let e = requestAnimationFrame(() => {
+			w(), window.addEventListener("scroll", w, {
+				passive: !0,
+				capture: !0
+			}), window.addEventListener("resize", w, { passive: !0 });
+		});
+		return () => {
+			cancelAnimationFrame(e), window.removeEventListener("scroll", w, { capture: !0 }), window.removeEventListener("resize", w);
+		};
+	}, [g, w]), l(() => {
+		if (!g) return;
+		let e = (e) => {
+			!b.current?.contains(e.target) && !S.current?.contains(e.target) && C();
+		};
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, [g, C]);
+	let T = (e) => {
+		e.key === "Escape" && (e.stopPropagation(), C(), x.current?.focus());
+	}, E = [
+		Br.container,
+		Br[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(" "),
+		style: Object.keys(v).length ? {
+			...v,
+			position: "fixed"
+		} : {
+			visibility: "hidden",
+			pointerEvents: "none",
+			top: -9999,
+			left: -9999,
+			position: "fixed"
+		},
+		onKeyDown: T,
+		children: a
+	});
+	return /* @__PURE__ */ n(e, { children: [/* @__PURE__ */ n("div", {
+		ref: b,
+		className: E,
+		children: [
+			/* @__PURE__ */ t("button", {
+				className: Br.primary,
+				disabled: c,
+				onClick: u,
+				...h,
+				children: r
+			}),
+			/* @__PURE__ */ t("span", {
+				className: Br.separator,
+				"aria-hidden": "true"
+			}),
+			/* @__PURE__ */ t("button", {
+				ref: x,
+				className: Br.toggle,
+				disabled: c,
+				"aria-label": o,
+				"aria-haspopup": "dialog",
+				"aria-expanded": g,
+				onClick: () => _((e) => !e),
+				children: /* @__PURE__ */ t("svg", {
+					className: Br.chevron,
+					width: "16",
+					height: "16",
+					viewBox: "0 0 16 16",
+					"aria-hidden": "true",
+					focusable: "false",
+					children: /* @__PURE__ */ t("path", {
+						d: "M4 6l4 4 4-4",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "1.5",
+						strokeLinecap: "round",
+						strokeLinejoin: "round"
+					})
+				})
+			})
+		]
+	}), g && (typeof document < "u" ? p(D, document.body) : D)] });
+}
+var Hr = {
+	toolbar: "_toolbar_1avgl_2",
+	spacer: "_spacer_1avgl_20"
+};
+//#endregion
+//#region src/components/Toolbar/Toolbar.tsx
+function Ur({ children: e, className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		className: [Hr.toolbar, n].filter(Boolean).join(" "),
+		...r,
+		children: e
+	});
+}
+//#endregion
+//#region src/components/Toolbar/Spacer.tsx
+function Wr({ className: e, ...n }) {
+	return /* @__PURE__ */ t("div", {
+		"aria-hidden": "true",
+		className: [Hr.spacer, e].filter(Boolean).join(" "),
+		...n
+	});
+}
+var Gr = {
+	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 }) {
+	return /* @__PURE__ */ t("div", {
+		className: [
+			Gr.linked,
+			n ? Gr.vertical : null,
+			r
+		].filter(Boolean).join(" "),
+		...i,
+		children: e
+	});
+}
+var qr = { frame: "_frame_1bq7b_2" };
+//#endregion
+//#region src/components/Frame/Frame.tsx
+function Jr({ children: e, className: n, ...r }) {
+	return /* @__PURE__ */ t("div", {
+		className: [qr.frame, n].filter(Boolean).join(" "),
+		...r,
+		children: e
+	});
+}
+var q = {
+	expanderRow: "_expanderRow_16el8_3",
+	header: "_header_16el8_11",
+	leading: "_leading_16el8_55",
+	content: "_content_16el8_64",
+	title: "_title_16el8_72",
+	subtitle: "_subtitle_16el8_83",
+	trailing: "_trailing_16el8_97",
+	chevronWrap: "_chevronWrap_16el8_106",
+	chevronOpen: "_chevronOpen_16el8_115",
+	chevron: "_chevron_16el8_106",
+	panel: "_panel_16el8_125",
+	expanded: "_expanded_16el8_131",
+	panelInner: "_panelInner_16el8_135",
+	childItem: "_childItem_16el8_142",
+	divider: "_divider_16el8_147"
+};
+//#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 }) {
+	let h = c !== void 0, [g, _] = f(l), v = h ? c : g, y = u(), b = u(), x = () => {
+		let e = !v;
+		h || _(e), d?.(e);
+	}, S = r.toArray(s).filter(Boolean);
+	return /* @__PURE__ */ n("div", {
+		className: [
+			q.expanderRow,
+			v ? q.expanded : null,
+			p
+		].filter(Boolean).join(" "),
+		...m,
+		children: [/* @__PURE__ */ n("button", {
+			id: b,
+			className: q.header,
+			"aria-expanded": v,
+			"aria-controls": y,
+			onClick: x,
+			children: [
+				a && /* @__PURE__ */ t("span", {
+					className: q.leading,
+					children: a
+				}),
+				/* @__PURE__ */ n("span", {
+					className: q.content,
+					children: [/* @__PURE__ */ t("span", {
+						className: q.title,
+						children: e
+					}), i && /* @__PURE__ */ t("span", {
+						className: q.subtitle,
+						children: i
+					})]
+				}),
+				o && /* @__PURE__ */ t("span", {
+					className: q.trailing,
+					children: o
+				}),
+				/* @__PURE__ */ t("span", {
+					className: [q.chevronWrap, v ? q.chevronOpen : null].filter(Boolean).join(" "),
+					"aria-hidden": "true",
+					children: /* @__PURE__ */ t("svg", {
+						className: q.chevron,
+						width: "16",
+						height: "16",
+						viewBox: "0 0 16 16",
+						focusable: "false",
+						children: /* @__PURE__ */ t("path", {
+							d: "M4 6l4 4 4-4",
+							fill: "none",
+							stroke: "currentColor",
+							strokeWidth: "1.5",
+							strokeLinecap: "round",
+							strokeLinejoin: "round"
+						})
+					})
+				})
+			]
+		}), /* @__PURE__ */ t("div", {
+			id: y,
+			role: "region",
+			"aria-labelledby": b,
+			className: q.panel,
+			children: /* @__PURE__ */ t("div", {
+				className: q.panelInner,
+				children: S.map((e, r) => /* @__PURE__ */ n("div", {
+					className: q.childItem,
+					children: [/* @__PURE__ */ t("div", {
+						className: q.divider,
+						"aria-hidden": "true"
+					}), e]
+				}, r))
+			})
+		})]
+	});
+}
+var Xr = {
+	switcher: "_switcher_2tknm_3",
+	item: "_item_2tknm_10",
+	iconOnly: "_iconOnly_2tknm_38",
+	itemIcon: "_itemIcon_2tknm_43",
+	itemLabel: "_itemLabel_2tknm_49",
+	default: "_default_2tknm_55",
+	active: "_active_2tknm_68",
+	flat: "_flat_2tknm_121",
+	round: "_round_2tknm_169"
+}, Zr = a(null);
+function Qr() {
+	let e = c(Zr);
+	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 }) {
+	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);
+		if (n === -1) return;
+		let r = n;
+		if (e.key === "ArrowRight" || e.key === "ArrowDown") r = (n + 1) % t.length;
+		else if (e.key === "ArrowLeft" || e.key === "ArrowUp") r = (n - 1 + t.length) % t.length;
+		else if (e.key === "Home") r = 0;
+		else if (e.key === "End") r = t.length - 1;
+		else return;
+		e.preventDefault(), t[r].focus(), t[r].click();
+	}
+	return /* @__PURE__ */ t(Zr.Provider, {
+		value: {
+			value: e,
+			onValueChange: n
+		},
+		children: /* @__PURE__ */ t("div", {
+			ref: c,
+			role: "radiogroup",
+			"aria-label": i,
+			onKeyDown: l,
+			className: [
+				Xr.switcher,
+				Xr[r],
+				o
+			].filter(Boolean).join(" "),
+			...s,
+			children: a
+		})
+	});
+}
+//#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;
+	return /* @__PURE__ */ n("button", {
+		type: "button",
+		role: "radio",
+		"aria-checked": u,
+		tabIndex: u ? 0 : -1,
+		disabled: a,
+		onClick: () => l(e),
+		className: [
+			Xr.item,
+			u ? Xr.active : null,
+			d ? Xr.iconOnly : null,
+			o
+		].filter(Boolean).join(" "),
+		...s,
+		children: [i && /* @__PURE__ */ t("span", {
+			className: Xr.itemIcon,
+			children: /* @__PURE__ */ t(F, {
+				icon: i,
+				size: "md",
+				"aria-hidden": !0
+			})
+		}), r && /* @__PURE__ */ t("span", {
+			className: Xr.itemLabel,
+			children: r
+		})]
+	});
+}
+var ti = {
+	row: "_row_jl3bc_3",
+	disabled: "_disabled_jl3bc_41",
+	leading: "_leading_jl3bc_49",
+	content: "_content_jl3bc_58",
+	title: "_title_jl3bc_66",
+	subtitle: "_subtitle_jl3bc_77",
+	switchTrack: "_switchTrack_jl3bc_91",
+	switchThumb: "_switchThumb_jl3bc_114",
+	switchThumbOn: "_switchThumbOn_jl3bc_126"
+};
+//#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 }) {
+	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);
+	};
+	return /* @__PURE__ */ n("button", {
+		role: "switch",
+		"aria-checked": _,
+		"aria-labelledby": v,
+		disabled: c,
+		className: [
+			ti.row,
+			c ? ti.disabled : null,
+			l
+		].filter(Boolean).join(" "),
+		onClick: y,
+		...p,
+		children: [
+			i && /* @__PURE__ */ t("span", {
+				className: ti.leading,
+				children: i
+			}),
+			/* @__PURE__ */ n("span", {
+				className: ti.content,
+				id: v,
+				children: [/* @__PURE__ */ t("span", {
+					className: ti.title,
+					children: e
+				}), r && /* @__PURE__ */ t("span", {
+					className: ti.subtitle,
+					children: r
+				})]
+			}),
+			/* @__PURE__ */ t("span", {
+				className: ti.switchTrack,
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ t("span", { className: [ti.switchThumb, _ ? ti.switchThumbOn : null].filter(Boolean).join(" ") })
+			})
+		]
+	});
+}
+var J = {
+	row: "_row_1dije_3",
+	disabled: "_disabled_1dije_41",
+	checkboxWrap: "_checkboxWrap_1dije_49",
+	checkbox: "_checkbox_1dije_49",
+	checkboxChecked: "_checkboxChecked_1dije_71",
+	checkmark: "_checkmark_1dije_77",
+	leading: "_leading_1dije_84",
+	content: "_content_1dije_93",
+	title: "_title_1dije_101",
+	subtitle: "_subtitle_1dije_112"
+};
+//#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 }) {
+	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);
+	};
+	return /* @__PURE__ */ n("button", {
+		role: "checkbox",
+		"aria-checked": _,
+		"aria-labelledby": v,
+		disabled: c,
+		className: [
+			J.row,
+			c ? J.disabled : null,
+			l
+		].filter(Boolean).join(" "),
+		onClick: y,
+		...p,
+		children: [
+			/* @__PURE__ */ t("span", {
+				className: J.checkboxWrap,
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ t("span", {
+					className: [J.checkbox, _ ? J.checkboxChecked : null].filter(Boolean).join(" "),
+					children: _ && /* @__PURE__ */ t("svg", {
+						className: J.checkmark,
+						width: "12",
+						height: "12",
+						viewBox: "0 0 12 12",
+						focusable: "false",
+						children: /* @__PURE__ */ t("path", {
+							d: "M2 6l3 3 5-5",
+							fill: "none",
+							stroke: "currentColor",
+							strokeWidth: "1.75",
+							strokeLinecap: "round",
+							strokeLinejoin: "round"
+						})
+					})
+				})
+			}),
+			i && /* @__PURE__ */ t("span", {
+				className: J.leading,
+				children: i
+			}),
+			/* @__PURE__ */ n("span", {
+				className: J.content,
+				id: v,
+				children: [/* @__PURE__ */ t("span", {
+					className: J.title,
+					children: e
+				}), r && /* @__PURE__ */ t("span", {
+					className: J.subtitle,
+					children: r
+				})]
+			})
+		]
+	});
+}
+//#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,
+	"list-in": "_list-in_46mn8_1",
+	listDown: vi,
+	listUp: yi,
+	"list-in-up": "_list-in-up_46mn8_1",
+	option: bi,
+	optionActive: xi,
+	optionSelected: Si,
+	optionDisabled: Ci,
+	optionLabel: wi,
+	checkIcon: Ti
+};
+//#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 }) {
+	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);
+		E(t < n && e.top > n);
+	}, [a.length]), N = s(() => {
+		if (m) return;
+		M(), S(!0);
+		let e = a.findIndex((e) => e.value === b && !e.disabled);
+		w(e >= 0 ? e : a.findIndex((e) => !e.disabled));
+	}, [
+		m,
+		M,
+		a,
+		b
+	]), P = s(() => {
+		S(!1), w(-1), k.current?.focus();
+	}, []), ee = s((e) => {
+		e.disabled || (_ || y(e.value), p?.(e.value), P());
+	}, [
+		_,
+		p,
+		P
+	]);
+	l(() => {
+		!x || C < 0 || !A.current || A.current.children[C]?.scrollIntoView({ block: "nearest" });
+	}, [C, x]), l(() => {
+		if (!x) return;
+		let e = (e) => {
+			!k.current?.contains(e.target) && !A.current?.contains(e.target) && P();
+		};
+		return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
+	}, [x, P]);
+	let te = s((e) => {
+		switch (e.key) {
+			case "Enter":
+			case " ":
+			case "ArrowDown":
+				e.preventDefault(), N();
+				break;
+			case "ArrowUp":
+				e.preventDefault(), M(), S(!0), w(a.reduce((e, t, n) => t.disabled ? e : n, -1));
+				break;
+		}
+	}, [
+		N,
+		M,
+		a
+	]), ne = s((e) => {
+		let t = a.map((e, t) => ({
+			o: e,
+			i: t
+		})).filter(({ o: e }) => !e.disabled).map(({ i: e }) => e), n = t.indexOf(C);
+		switch (e.key) {
+			case "ArrowDown": {
+				e.preventDefault();
+				let r = t[Math.min(n + 1, t.length - 1)];
+				w(r ?? C);
+				break;
+			}
+			case "ArrowUp": {
+				e.preventDefault();
+				let r = t[Math.max(n - 1, 0)];
+				w(r ?? C);
+				break;
+			}
+			case "Home":
+				e.preventDefault(), w(t[0] ?? -1);
+				break;
+			case "End":
+				e.preventDefault(), w(t[t.length - 1] ?? -1);
+				break;
+			case "Enter":
+			case " ":
+				e.preventDefault(), C >= 0 && ee(a[C]);
+				break;
+			case "Escape":
+			case "Tab":
+				P();
+				break;
+		}
+	}, [
+		a,
+		C,
+		ee,
+		P
+	]);
+	return /* @__PURE__ */ n("div", {
+		className: [
+			Y.row,
+			m ? Y.disabled : null,
+			h
+		].filter(Boolean).join(" "),
+		...g,
+		children: [
+			i && /* @__PURE__ */ t("span", {
+				className: Y.leading,
+				children: i
+			}),
+			/* @__PURE__ */ n("span", {
+				className: Y.content,
+				children: [/* @__PURE__ */ t("span", {
+					className: Y.title,
+					children: e
+				}), r && /* @__PURE__ */ t("span", {
+					className: Y.subtitle,
+					children: r
+				})]
+			}),
+			/* @__PURE__ */ n("div", {
+				className: Y.comboWrap,
+				children: [/* @__PURE__ */ n("button", {
+					ref: k,
+					id: D,
+					type: "button",
+					role: "combobox",
+					"aria-haspopup": "listbox",
+					"aria-expanded": x,
+					"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(" "),
+					onClick: () => x ? P() : N(),
+					onKeyDown: te,
+					children: [/* @__PURE__ */ t("span", {
+						className: [Y.triggerLabel, j ? null : Y.placeholder].filter(Boolean).join(" "),
+						children: j?.label ?? "—"
+					}), /* @__PURE__ */ t("svg", {
+						className: [Y.chevron, x ? Y.chevronOpen : null].filter(Boolean).join(" "),
+						width: "16",
+						height: "16",
+						viewBox: "0 0 16 16",
+						"aria-hidden": "true",
+						focusable: "false",
+						children: /* @__PURE__ */ t("path", {
+							d: "M4 6l4 4 4-4",
+							fill: "none",
+							stroke: "currentColor",
+							strokeWidth: "1.5",
+							strokeLinecap: "round",
+							strokeLinejoin: "round"
+						})
+					})]
+				}), x && /* @__PURE__ */ t("ul", {
+					ref: A,
+					id: O,
+					role: "listbox",
+					"aria-labelledby": D,
+					tabIndex: -1,
+					className: [Y.list, T ? Y.listUp : Y.listDown].filter(Boolean).join(" "),
+					onKeyDown: ne,
+					children: a.map((e, r) => /* @__PURE__ */ n("li", {
+						id: `${O}-opt-${r}`,
+						role: "option",
+						"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
+						].filter(Boolean).join(" "),
+						onMouseEnter: () => !e.disabled && w(r),
+						onClick: () => ee(e),
+						children: [/* @__PURE__ */ t("span", {
+							className: Y.optionLabel,
+							children: e.label
+						}), e.value === b && /* @__PURE__ */ t("svg", {
+							width: "16",
+							height: "16",
+							viewBox: "0 0 16 16",
+							"aria-hidden": "true",
+							focusable: "false",
+							className: Y.checkIcon,
+							children: /* @__PURE__ */ t("path", {
+								d: "M3 8l4 4 6-6",
+								fill: "none",
+								stroke: "currentColor",
+								strokeWidth: "1.75",
+								strokeLinecap: "round",
+								strokeLinejoin: "round"
+							})
+						})]
+					}, e.value))
+				})]
+			})
+		]
+	});
+}
+var X = {
+	row: "_row_1kogj_3",
+	focused: "_focused_1kogj_16",
+	disabled: "_disabled_1kogj_25",
+	leading: "_leading_1kogj_33",
+	trailing: "_trailing_1kogj_40",
+	fieldWrap: "_fieldWrap_1kogj_49",
+	label: "_label_1kogj_61",
+	labelFloated: "_labelFloated_1kogj_82",
+	input: "_input_1kogj_91",
+	inputFloated: "_inputFloated_1kogj_114"
+};
+//#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 }) {
+	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,
+			l
+		].filter(Boolean).join(" "),
+		onClick: () => w.current?.focus(),
+		children: [
+			o && /* @__PURE__ */ t("span", {
+				className: X.leading,
+				children: o
+			}),
+			/* @__PURE__ */ n("span", {
+				className: X.fieldWrap,
+				children: [/* @__PURE__ */ t("label", {
+					htmlFor: _,
+					className: [X.label, T ? X.labelFloated : null].filter(Boolean).join(" "),
+					children: e
+				}), /* @__PURE__ */ t("input", {
+					ref: w,
+					id: _,
+					className: [X.input, T ? X.inputFloated : null].filter(Boolean).join(" "),
+					value: x,
+					disabled: c,
+					onFocus: () => C(!0),
+					onBlur: () => C(!1),
+					onChange: (e) => {
+						v || b(e.target.value), a?.(e.target.value), m?.(e);
+					},
+					...h
+				})]
+			}),
+			s && /* @__PURE__ */ t("span", {
+				className: X.trailing,
+				children: s
+			})
+		]
+	});
+}
+var Oi = { revealButton: "_revealButton_1j8z0_3" };
+//#endregion
+//#region src/components/PasswordEntryRow/PasswordEntryRow.tsx
+function ki({ trailing: r, disabled: i, ...a }) {
+	let [o, s] = f(!1), c = /* @__PURE__ */ t("button", {
+		type: "button",
+		className: Oi.revealButton,
+		onClick: (e) => {
+			e.stopPropagation(), s((e) => !e);
+		},
+		"aria-label": o ? "Conceal password" : "Reveal password",
+		"aria-pressed": o,
+		disabled: i,
+		children: /* @__PURE__ */ t(F, {
+			icon: o ? Ie : Fe,
+			size: "md",
+			"aria-hidden": !0
+		})
+	});
+	return /* @__PURE__ */ t(Di, {
+		...a,
+		type: o ? "text" : "password",
+		disabled: i,
+		trailing: /* @__PURE__ */ n(e, { children: [r, c] })
+	});
+}
+var Z = {
+	row: "_row_ycg6f_3",
+	disabled: "_disabled_ycg6f_16",
+	leading: "_leading_ycg6f_23",
+	content: "_content_ycg6f_32",
+	title: "_title_ycg6f_40",
+	subtitle: "_subtitle_ycg6f_51",
+	spin: "_spin_ycg6f_65",
+	spinBtn: "_spinBtn_ycg6f_100",
+	spinValue: "_spinValue_ycg6f_144"
+};
+//#endregion
+//#region src/components/SpinRow/SpinRow.tsx
+function Ai(e) {
+	let t = e.toString(), n = t.indexOf(".");
+	return n === -1 ? 0 : t.length - n - 1;
+}
+function ji(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));
+		v || b(t), c?.(t);
+	}, [
+		v,
+		l,
+		d,
+		S,
+		c
+	]), T = s((e) => {
+		switch (e.key) {
+			case "ArrowUp":
+				e.preventDefault(), w(x + p);
+				break;
+			case "ArrowDown":
+				e.preventDefault(), w(x - p);
+				break;
+			case "PageUp":
+				e.preventDefault(), w(x + p * 10);
+				break;
+			case "PageDown":
+				e.preventDefault(), w(x - p * 10);
+				break;
+			case "Home":
+				e.preventDefault(), w(l);
+				break;
+			case "End":
+				e.preventDefault(), w(d);
+				break;
+		}
+	}, [
+		x,
+		p,
+		l,
+		d,
+		w
+	]);
+	return /* @__PURE__ */ n("div", {
+		className: [
+			Z.row,
+			h ? Z.disabled : null,
+			g
+		].filter(Boolean).join(" "),
+		..._,
+		children: [
+			i && /* @__PURE__ */ t("span", {
+				className: Z.leading,
+				children: i
+			}),
+			/* @__PURE__ */ n("span", {
+				className: Z.content,
+				children: [/* @__PURE__ */ t("span", {
+					className: Z.title,
+					children: e
+				}), r && /* @__PURE__ */ t("span", {
+					className: Z.subtitle,
+					children: r
+				})]
+			}),
+			/* @__PURE__ */ n("div", {
+				role: "spinbutton",
+				"aria-valuenow": x,
+				"aria-valuemin": l,
+				"aria-valuemax": d,
+				"aria-labelledby": C,
+				"aria-disabled": h || void 0,
+				tabIndex: h ? -1 : 0,
+				onKeyDown: h ? void 0 : T,
+				className: Z.spin,
+				children: [
+					/* @__PURE__ */ t("button", {
+						type: "button",
+						tabIndex: -1,
+						"aria-hidden": "true",
+						disabled: h || x <= l,
+						className: Z.spinBtn,
+						onClick: (e) => {
+							e.stopPropagation(), w(x - p);
+						},
+						children: "−"
+					}),
+					/* @__PURE__ */ t("span", {
+						id: C,
+						className: Z.spinValue,
+						"aria-hidden": "true",
+						children: x.toFixed(S)
+					}),
+					/* @__PURE__ */ t("button", {
+						type: "button",
+						tabIndex: -1,
+						"aria-hidden": "true",
+						disabled: h || x >= d,
+						className: Z.spinBtn,
+						onClick: (e) => {
+							e.stopPropagation(), w(x + p);
+						},
+						children: "+"
+					})
+				]
+			})
+		]
+	});
+}
+//#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,
+	"slide-in-right": "_slide-in-right_1r1om_1",
+	enterBack: zi,
+	"slide-in-left": "_slide-in-left_1r1om_1"
+}, Vi = a({
+	navigate: () => {},
+	pop: () => {},
+	canGoBack: !1,
+	currentTag: "",
+	direction: "forward"
+});
+function Hi() {
+	return c(Vi);
+}
+function Ui({ tag: e, title: r, children: i, className: a, ...o }) {
+	let { currentTag: s, direction: l } = c(Vi);
+	return s === e ? /* @__PURE__ */ n("div", {
+		className: [
+			Bi.page,
+			l === "forward" ? Bi.enterForward : Bi.enterBack,
+			a
+		].filter(Boolean).join(" "),
+		...o,
+		children: [/* @__PURE__ */ t("div", {
+			className: Bi.pageHeader,
+			children: /* @__PURE__ */ t("span", {
+				className: Bi.pageTitle,
+				children: r
+			})
+		}), /* @__PURE__ */ t("div", {
+			className: Bi.pageContent,
+			children: i
+		})]
+	}) : null;
+}
+function Wi({ 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, {
+		value: {
+			navigate: (e) => {
+				u("forward"), o((t) => [...t, e]);
+			},
+			pop: () => {
+				a.length <= 1 || (u("back"), o((e) => e.slice(0, -1)));
+			},
+			canGoBack: c,
+			currentTag: s,
+			direction: l
+		},
+		children: /* @__PURE__ */ t("div", {
+			className: [Bi.view, r].filter(Boolean).join(" "),
+			...i,
+			children: n
+		})
+	});
+}
+//#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,
+	"backdrop-in": "_backdrop-in_zzv98_1",
+	sheet: Ki,
+	"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 }) {
+	let m = d(null), h = u(), g = d(null);
+	l(() => {
+		e ? (g.current = document.activeElement, (m.current?.querySelector(Qi))?.focus()) : g.current?.focus();
+	}, [e]);
+	let _ = s((e) => {
+		if (e.key === "Escape") {
+			e.preventDefault(), a?.();
+			return;
+		}
+		if (e.key !== "Tab") return;
+		let t = Array.from(m.current?.querySelectorAll(Qi) ?? []);
+		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,
+		onClick: o ? a : void 0,
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ n("div", {
+			ref: m,
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-labelledby": r ? h : void 0,
+			className: [Zi.sheet, c].filter(Boolean).join(" "),
+			onKeyDown: _,
+			onClick: (e) => e.stopPropagation(),
+			...f,
+			children: [
+				/* @__PURE__ */ t("div", {
+					className: Zi.handle,
+					"aria-hidden": "true",
+					children: /* @__PURE__ */ t("div", { className: Zi.handleBar })
+				}),
+				r && /* @__PURE__ */ t("div", {
+					id: h,
+					className: Zi.title,
+					children: r
+				}),
+				i && /* @__PURE__ */ t("div", {
+					className: Zi.content,
+					children: i
+				})
+			]
+		})
+	});
+	return typeof document > "u" ? v : p(v, document.body);
+}
+var Q = {
+	carousel: "_carousel_117hp_3",
+	horizontal: "_horizontal_117hp_20",
+	vertical: "_vertical_117hp_27",
+	slide: "_slide_117hp_36",
+	indicatorDots: "_indicatorDots_117hp_46",
+	dot: "_dot_117hp_54",
+	dotActive: "_dotActive_117hp_73",
+	indicatorLines: "_indicatorLines_117hp_85",
+	line: "_line_117hp_93",
+	lineActive: "_lineActive_117hp_110"
+};
+//#endregion
+//#region src/components/Carousel/Carousel.tsx
+function ea({ pages: e, currentPage: n, onPageSelected: r, className: i, ...a }) {
+	return /* @__PURE__ */ t("div", {
+		className: [Q.indicatorDots, i].filter(Boolean).join(" "),
+		role: "tablist",
+		"aria-label": "Carousel pages",
+		...a,
+		children: Array.from({ length: e }, (e, i) => /* @__PURE__ */ t("button", {
+			type: "button",
+			role: "tab",
+			"aria-selected": i === n,
+			"aria-label": `Page ${i + 1}`,
+			className: [Q.dot, i === n ? Q.dotActive : null].filter(Boolean).join(" "),
+			onClick: () => r?.(i)
+		}, i))
+	});
+}
+function ta({ pages: e, currentPage: n, onPageSelected: r, className: i, ...a }) {
+	return /* @__PURE__ */ t("div", {
+		className: [Q.indicatorLines, i].filter(Boolean).join(" "),
+		role: "tablist",
+		"aria-label": "Carousel pages",
+		...a,
+		children: Array.from({ length: e }, (e, i) => /* @__PURE__ */ t("button", {
+			type: "button",
+			role: "tab",
+			"aria-selected": i === n,
+			"aria-label": `Page ${i + 1}`,
+			className: [Q.line, i === n ? Q.lineActive : null].filter(Boolean).join(" "),
+			onClick: () => r?.(i)
+		}, i))
+	});
+}
+function na({ 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");
+	}, [c]);
+	let b = s((e, t = "smooth") => {
+		let r = m.current;
+		r && (n === "horizontal" ? r.scrollTo({
+			left: r.clientWidth * e,
+			behavior: t
+		}) : r.scrollTo({
+			top: r.clientHeight * e,
+			behavior: t
+		}));
+	}, [n]);
+	l(() => {
+		let e = m.current;
+		if (!e) return;
+		let t = () => {
+			Array.from(e.children);
+			let t = n === "horizontal" ? e.clientWidth : e.clientHeight, r = n === "horizontal" ? e.scrollLeft : e.scrollTop, i = Math.round(r / (t || 1)), a = Math.max(0, Math.min(i, h - 1));
+			v || _(a), o?.(a);
+		};
+		return e.addEventListener("scroll", t, { passive: !0 }), () => e.removeEventListener("scroll", t);
+	}, [
+		n,
+		h,
+		v,
+		o
+	]);
+	let x = s((e) => {
+		let t = n === "horizontal" ? e.key === "ArrowRight" : e.key === "ArrowDown", r = n === "horizontal" ? e.key === "ArrowLeft" : e.key === "ArrowUp";
+		if (t) {
+			e.preventDefault();
+			let t = a ? (y + 1) % h : Math.min(y + 1, h - 1);
+			b(t), v || _(t), o?.(t);
+		} else if (r) {
+			e.preventDefault();
+			let t = a ? (y - 1 + h) % h : Math.max(y - 1, 0);
+			b(t), v || _(t), o?.(t);
+		}
+	}, [
+		y,
+		h,
+		a,
+		n,
+		b,
+		v,
+		o
+	]), S = n === "horizontal";
+	return /* @__PURE__ */ t("div", {
+		ref: m,
+		role: "region",
+		"aria-roledescription": "carousel",
+		tabIndex: 0,
+		className: [
+			Q.carousel,
+			S ? Q.horizontal : Q.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,
+			role: "group",
+			"aria-roledescription": "slide",
+			"aria-label": `${n + 1} of ${h}`,
+			children: e
+		}, n))
+	});
+}
+//#endregion
+//#region src/components/Bin/Bin.tsx
+function ra({ children: e, ...n }) {
+	return /* @__PURE__ */ t("div", {
+		...n,
+		children: e
+	});
+}
+var ia = {
+	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 }) {
+	return /* @__PURE__ */ n("span", {
+		className: [
+			ia.content,
+			i === "end" ? ia.iconEnd : null,
+			a
+		].filter(Boolean).join(" "),
+		...o,
+		children: [
+			e && i === "start" && /* @__PURE__ */ t("span", {
+				className: ia.icon,
+				"aria-hidden": "true",
+				children: e
+			}),
+			/* @__PURE__ */ t("span", {
+				className: ia.label,
+				children: r
+			}),
+			e && i === "end" && /* @__PURE__ */ t("span", {
+				className: ia.icon,
+				"aria-hidden": "true",
+				children: e
+			})
+		]
+	});
+}
+var oa = {
+	label: "_label_h3znl_3",
+	key: "_key_h3znl_9"
+}, sa = {
+	ctrl: "⌃",
+	control: "⌃",
+	shift: "⇧",
+	alt: "⌥",
+	option: "⌥",
+	super: "⊞",
+	win: "⊞",
+	cmd: "⌘",
+	command: "⌘",
+	meta: "⌘",
+	up: "↑",
+	down: "↓",
+	left: "←",
+	right: "→",
+	enter: "↵",
+	return: "↵",
+	backspace: "⌫",
+	delete: "⌦",
+	escape: "⎋",
+	esc: "⎋",
+	tab: "⇥",
+	space: "␣",
+	pageup: "⇞",
+	pagedown: "⇟",
+	home: "⇱",
+	end: "⇲"
+};
+function ca({ 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(" "),
+		"aria-label": e,
+		...i,
+		children: a.map((e, r) => {
+			let i = n ? sa[e.toLowerCase()] ?? e : e;
+			return /* @__PURE__ */ t("kbd", {
+				className: oa.key,
+				children: i
+			}, r);
+		})
+	});
+}
+var la = {
+	toolbarView: "_toolbarView_134hf_3",
+	top: "_top_134hf_11",
+	content: "_content_134hf_16",
+	bottom: "_bottom_134hf_23"
+};
+//#endregion
+//#region src/components/ToolbarView/ToolbarView.tsx
+function ua({ topBar: e, bottomBar: r, children: i, className: a, ...o }) {
+	return /* @__PURE__ */ n("div", {
+		className: [la.toolbarView, a].filter(Boolean).join(" "),
+		...o,
+		children: [
+			e && /* @__PURE__ */ t("div", {
+				className: la.top,
+				children: e
+			}),
+			/* @__PURE__ */ t("div", {
+				className: la.content,
+				children: i
+			}),
+			r && /* @__PURE__ */ t("div", {
+				className: la.bottom,
+				children: r
+			})
+		]
+	});
+}
+var da = {
+	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 }) {
+	return /* @__PURE__ */ n("div", {
+		className: [da.windowTitle, i].filter(Boolean).join(" "),
+		...a,
+		children: [/* @__PURE__ */ t("span", {
+			className: da.title,
+			children: e
+		}), r && /* @__PURE__ */ t("span", {
+			className: da.subtitle,
+			children: r
+		})]
+	});
+}
+var pa = {
+	group: "_group_17s4f_3",
+	header: "_header_17s4f_11",
+	headerText: "_headerText_17s4f_17",
+	title: "_title_17s4f_25",
+	description: "_description_17s4f_33",
+	suffix: "_suffix_17s4f_42",
+	content: "_content_17s4f_48"
+};
+//#endregion
+//#region src/components/PreferencesGroup/PreferencesGroup.tsx
+function ma({ 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(" "),
+		...s,
+		children: [c && /* @__PURE__ */ n("div", {
+			className: pa.header,
+			children: [/* @__PURE__ */ n("div", {
+				className: pa.headerText,
+				children: [e && /* @__PURE__ */ t("span", {
+					className: pa.title,
+					children: e
+				}), r && /* @__PURE__ */ t("span", {
+					className: pa.description,
+					children: r
+				})]
+			}), i && /* @__PURE__ */ t("div", {
+				className: pa.suffix,
+				children: i
+			})]
+		}), /* @__PURE__ */ t("div", {
+			className: pa.content,
+			children: a
+		})]
+	});
+}
+var ha = {
+	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 }) {
+	return /* @__PURE__ */ t("div", {
+		className: [ha.page, i].filter(Boolean).join(" "),
+		role: "tabpanel",
+		...a,
+		children: /* @__PURE__ */ t("div", {
+			className: ha.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,
+	"backdrop-in": "_backdrop-in_1u1bd_1",
+	dialog: va,
+	"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) {
+	if (e.key !== "Tab") return;
+	let n = Array.from(t.current?.querySelectorAll(Na) ?? []);
+	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 }) {
+	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();
+			});
+			return () => cancelAnimationFrame(e);
+		}
+	}, [e, m]);
+	let T = s((e) => {
+		if (e.key === "Escape") {
+			e.stopPropagation(), a();
+			return;
+		}
+		Pa(e, _);
+	}, [a]), E = b.length > 1, D = b[x] ?? b[0], O = C.trim().toLowerCase();
+	return e ? p(/* @__PURE__ */ t("div", {
+		className: $.backdrop,
+		onClick: (e) => {
+			e.target === e.currentTarget && a();
+		},
+		role: "presentation",
+		children: /* @__PURE__ */ n("div", {
+			ref: _,
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-labelledby": y,
+			className: [
+				$.dialog,
+				E ? $.dialogMulti : null,
+				h
+			].filter(Boolean).join(" "),
+			onKeyDown: T,
+			...g,
+			children: [/* @__PURE__ */ n("div", {
+				className: $.header,
+				children: [
+					/* @__PURE__ */ t("button", {
+						type: "button",
+						className: $.closeBtn,
+						onClick: a,
+						"aria-label": "Close preferences",
+						children: "✕"
+					}),
+					/* @__PURE__ */ t("span", {
+						id: y,
+						className: $.title,
+						children: "Preferences"
+					}),
+					m && /* @__PURE__ */ t("div", {
+						className: $.searchWrap,
+						children: /* @__PURE__ */ t("input", {
+							ref: v,
+							type: "search",
+							placeholder: "Search…",
+							value: C,
+							onChange: (e) => w(e.target.value),
+							className: $.searchInput,
+							"aria-label": "Search preferences"
+						})
+					})
+				]
+			}), /* @__PURE__ */ n("div", {
+				className: $.body,
+				children: [E && /* @__PURE__ */ t("nav", {
+					className: $.sidebar,
+					"aria-label": "Preferences pages",
+					children: /* @__PURE__ */ t("ul", {
+						role: "tablist",
+						className: $.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(" "),
+								onClick: () => S(r),
+								children: [e.props.iconName && /* @__PURE__ */ t("span", {
+									className: [
+										$.navIcon,
+										"icon",
+										e.props.iconName
+									].join(" "),
+									"aria-hidden": "true"
+								}), /* @__PURE__ */ t("span", {
+									className: $.navLabel,
+									children: e.props.title
+								})]
+							})
+						}, r))
+					})
+				}), /* @__PURE__ */ t("div", {
+					className: $.pageWrap,
+					children: D && i(D, { "data-search-query": O || void 0 })
+				})]
+			})]
+		})
+	}), 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 };
+
+//# sourceMappingURL=index.js.map