@mithrl/design-system 0.1.0

package/dist/index.js

@@ -0,0 +1,3869 @@
+import { cva as e } from "class-variance-authority";
+import { ArrowUpDown as t, Check as n, ChevronDown as r, CircleAlert as i, CircleCheck as a, File as o, FilePlus2 as s, Folder as c, FolderPlus as l, Grid2X2 as u, List as d, LoaderCircle as f, LogOut as p, Minus as m, Moon as h, Plus as g, RotateCcw as _, Search as v, Settings as y, Sun as b, Upload as x, UserRound as S, X as C } from "lucide-react";
+import { Fragment as w, cloneElement as T, forwardRef as E, isValidElement as D, useCallback as O, useEffect as k, useId as A, useImperativeHandle as j, useLayoutEffect as M, useMemo as N, useRef as P, useState as F } from "react";
+import { Fragment as I, jsx as L, jsxs as R } from "react/jsx-runtime";
+import { createPortal as ee, flushSync as te } from "react-dom";
+import { Menu as z } from "@base-ui/react/menu";
+import { Dialog as B } from "@base-ui/react/dialog";
+//#region src/components/button/Button.tsx
+var V = e("mithrl-button", {
+	variants: {
+		variant: {
+			brand: "mithrl-button--brand",
+			primary: "mithrl-button--primary",
+			secondary: "mithrl-button--secondary",
+			outline: "mithrl-button--outline",
+			ghost: "mithrl-button--ghost",
+			destructive: "mithrl-button--destructive",
+			text: "mithrl-button--text"
+		},
+		size: {
+			compact: "mithrl-button--compact",
+			default: "mithrl-button--default",
+			comfortable: "mithrl-button--comfortable",
+			large: "mithrl-button--large"
+		}
+	},
+	defaultVariants: {
+		variant: "primary",
+		size: "default"
+	}
+}), H = {
+	compact: "var(--size-icon-small)",
+	default: "var(--size-icon-default)",
+	comfortable: "var(--size-icon-default)",
+	large: "var(--size-icon-medium)"
+}, U = E(function({ variant: e = "primary", size: t = "default", loading: n = !1, leadingIcon: r, trailingIcon: i, disabled: a, children: o, className: s, type: c = "button", style: l, ...u }, d) {
+	let p = e ?? "primary", m = t ?? "default", h = a || n, g = H[m], _ = {
+		...l,
+		"--button-spinner-size": g
+	};
+	return /* @__PURE__ */ R("button", {
+		...u,
+		ref: d,
+		type: c,
+		className: V({
+			variant: p,
+			size: m,
+			className: s
+		}),
+		style: _,
+		disabled: h,
+		"aria-busy": n || void 0,
+		"data-variant": p,
+		"data-size": m,
+		"data-loading": n ? "" : void 0,
+		children: [/* @__PURE__ */ R("span", {
+			className: "mithrl-button__content",
+			children: [
+				r ? /* @__PURE__ */ L("span", {
+					className: "mithrl-button__icon",
+					"aria-hidden": "true",
+					children: r
+				}) : null,
+				/* @__PURE__ */ L("span", {
+					className: "mithrl-button__label",
+					children: o
+				}),
+				i ? /* @__PURE__ */ L("span", {
+					className: "mithrl-button__icon",
+					"aria-hidden": "true",
+					children: i
+				}) : null
+			]
+		}), n ? /* @__PURE__ */ L(f, {
+			className: "mithrl-button__spinner",
+			size: "var(--button-spinner-size)",
+			strokeWidth: 2,
+			"aria-hidden": "true"
+		}) : null]
+	});
+}), W = e("mithrl-icon", {
+	variants: { size: {
+		xsmall: "mithrl-icon--xsmall",
+		small: "mithrl-icon--small",
+		default: "mithrl-icon--default",
+		medium: "mithrl-icon--medium",
+		large: "mithrl-icon--large"
+	} },
+	defaultVariants: { size: "default" }
+});
+function G({ glyph: e, size: t = "default", label: n, className: r, ...i }) {
+	let a = t ?? "default", o = n?.trim(), s = o ? {
+		role: "img",
+		"aria-label": o
+	} : { "aria-hidden": !0 };
+	return /* @__PURE__ */ L("span", {
+		...i,
+		...s,
+		className: W({
+			size: a,
+			className: r
+		}),
+		"data-size": a,
+		children: /* @__PURE__ */ L(e, {
+			strokeWidth: 2,
+			"aria-hidden": "true",
+			focusable: "false"
+		})
+	});
+}
+//#endregion
+//#region src/components/icon-button/IconButton.tsx
+var ne = e("mithrl-icon-button", {
+	variants: {
+		variant: {
+			brand: "mithrl-icon-button--brand",
+			primary: "mithrl-icon-button--primary",
+			secondary: "mithrl-icon-button--secondary",
+			outline: "mithrl-icon-button--outline",
+			ghost: "mithrl-icon-button--ghost",
+			destructive: "mithrl-icon-button--destructive"
+		},
+		size: {
+			compact: "mithrl-icon-button--compact",
+			default: "mithrl-icon-button--default",
+			comfortable: "mithrl-icon-button--comfortable",
+			large: "mithrl-icon-button--large"
+		}
+	},
+	defaultVariants: {
+		variant: "primary",
+		size: "default"
+	}
+}), K = {
+	compact: "small",
+	default: "default",
+	comfortable: "medium",
+	large: "large"
+}, q = E(function({ variant: e = "primary", size: t = "default", loading: n = !1, icon: r, disabled: i, className: a, type: o = "button", style: s, "aria-label": c, ...l }, u) {
+	let d = e ?? "primary", p = t ?? "default", m = c?.trim();
+	if (!m) throw Error("IconButton requires a non-empty aria-label.");
+	let h = i || n, g = K[p], _ = {
+		...s,
+		"--icon-button-spinner-size": `var(--size-icon-${g})`
+	};
+	return /* @__PURE__ */ L("button", {
+		...l,
+		ref: u,
+		type: o,
+		"aria-label": m,
+		className: ne({
+			variant: d,
+			size: p,
+			className: a
+		}),
+		style: _,
+		disabled: h,
+		"aria-busy": n || void 0,
+		"data-variant": d,
+		"data-size": p,
+		"data-loading": n ? "" : void 0,
+		children: n ? /* @__PURE__ */ L(f, {
+			className: "mithrl-icon-button__spinner",
+			size: "var(--icon-button-spinner-size)",
+			strokeWidth: 2,
+			"aria-hidden": "true"
+		}) : /* @__PURE__ */ L(G, {
+			glyph: r,
+			size: g
+		})
+	});
+}), J = e("mithrl-segmented-tabs", {
+	variants: { size: {
+		sm: "mithrl-segmented-tabs--sm",
+		md: "mithrl-segmented-tabs--md",
+		lg: "mithrl-segmented-tabs--lg"
+	} },
+	defaultVariants: { size: "md" }
+}), Y = typeof window > "u" ? k : M, X = {
+	sm: "small",
+	md: "default",
+	lg: "medium"
+};
+function re(e) {
+	if (e.length < 2) throw Error("SegmentedTabs requires at least two items.");
+	let t = /* @__PURE__ */ new Set();
+	for (let n of e) {
+		let e = n.value.trim(), r = n.label.trim();
+		if (!e || !r) throw Error("SegmentedTabs items require non-empty value and label fields.");
+		if (t.has(e)) throw Error(`SegmentedTabs item values must be unique: "${e}".`);
+		t.add(e);
+	}
+}
+function ie(e) {
+	return e.trim().replace(/[^a-zA-Z0-9_-]+/g, "-").replace(/^-|-$/g, "");
+}
+var ae = E(function({ items: e, value: t, defaultValue: n, onValueChange: r, size: i = "md", activationMode: a = "automatic", fullWidth: o = !1, className: s, style: c, "aria-label": l, "aria-labelledby": u, ...d }, f) {
+	if (re(e), !l?.trim() && !u?.trim()) throw Error("SegmentedTabs requires aria-label or aria-labelledby.");
+	let p = e.filter((e) => !e.disabled), m = p[0]?.value ?? e[0].value, h = P(e);
+	if (n !== void 0 && !h.current.some((e) => e.value === n)) throw Error("SegmentedTabs defaultValue must reference an item.");
+	if (t !== void 0 && !e.some((e) => e.value === t)) throw Error("SegmentedTabs value must reference an item.");
+	let [g, _] = F(n ?? m), v = e.some((e) => e.value === g) ? g : m, y = t ?? v, b = e.find((e) => e.value === y)?.disabled ? p[0]?.value : y, x = i ?? "md", S = A().replace(/:/g, ""), C = P(null), w = P([]), [T, E] = F({
+		ready: !1,
+		width: 0,
+		x: 0
+	}), [D, j] = F([]);
+	k(() => {
+		t === void 0 && g !== v && (_(v), r?.(v));
+	}, [
+		v,
+		g,
+		r,
+		t
+	]);
+	let M = O((e) => {
+		C.current = e, typeof f == "function" ? f(e) : f && (f.current = e);
+	}, [f]);
+	Y(() => {
+		let t = C.current, n = e.findIndex((e) => e.value === y), r = w.current[n];
+		if (!t || !r) return;
+		let i = () => {
+			let n = t.getBoundingClientRect(), i = r.getBoundingClientRect(), a = i.width, o = i.left - n.left;
+			E((e) => e.ready && e.width === a && e.x === o ? e : {
+				ready: !0,
+				width: a,
+				x: o
+			});
+			let s = e.filter((e, t) => {
+				let n = w.current[t]?.querySelector(".mithrl-segmented-tabs__label");
+				return n ? n.scrollWidth > n.clientWidth + 1 : !1;
+			}).map((e) => e.value);
+			j((e) => e.length === s.length && e.every((e, t) => e === s[t]) ? e : s);
+		};
+		if (i(), typeof ResizeObserver > "u") return window.addEventListener("resize", i), () => window.removeEventListener("resize", i);
+		let a = new ResizeObserver(i);
+		return a.observe(t), w.current.forEach((e) => {
+			e && a.observe(e);
+		}), () => a.disconnect();
+	}, [
+		o,
+		e,
+		x,
+		y
+	]);
+	let N = {
+		...c,
+		"--segmented-tabs-indicator-width": `${T.width}px`,
+		"--segmented-tabs-indicator-x": `${T.x}px`
+	}, I = (e) => {
+		t === void 0 && _(e), e !== y && r?.(e);
+	}, ee = (t, n) => {
+		let r = e.map((e, t) => e.disabled ? -1 : t).filter((e) => e >= 0), i = r.indexOf(n), o = getComputedStyle(t.currentTarget).direction, s;
+		switch (t.key) {
+			case "ArrowRight":
+				s = o === "rtl" ? i - 1 : i + 1;
+				break;
+			case "ArrowLeft":
+				s = o === "rtl" ? i + 1 : i - 1;
+				break;
+			case "Home":
+				s = 0;
+				break;
+			case "End":
+				s = r.length - 1;
+				break;
+			case "Enter":
+			case " ":
+				a === "manual" && (t.preventDefault(), I(e[n].value));
+				return;
+			default: return;
+		}
+		t.preventDefault();
+		let c = r[((s ?? 0) % r.length + r.length) % r.length], l = e[c];
+		w.current[c]?.focus(), a === "automatic" && I(l.value);
+	};
+	return /* @__PURE__ */ R("div", {
+		...d,
+		ref: M,
+		role: "tablist",
+		"aria-label": l?.trim() || void 0,
+		"aria-labelledby": u?.trim() || void 0,
+		className: J({
+			size: x,
+			className: s
+		}),
+		"data-size": x,
+		"data-full-width": o ? "" : void 0,
+		"data-activation-mode": a,
+		"data-indicator-ready": T.ready ? "" : void 0,
+		style: N,
+		children: [/* @__PURE__ */ L("span", {
+			className: "mithrl-segmented-tabs__indicator",
+			"aria-hidden": "true"
+		}), e.map((e, t) => {
+			let n = e.value === y, r = D.includes(e.value);
+			return /* @__PURE__ */ R("button", {
+				ref: (e) => {
+					w.current[t] = e;
+				},
+				id: e.id ?? `mithrl-segmented-tabs-${S}-${t}-${ie(e.value) || "tab"}`,
+				className: "mithrl-segmented-tabs__tab",
+				type: "button",
+				role: "tab",
+				"aria-selected": n,
+				"aria-controls": e.panelId,
+				"aria-disabled": e.disabled || void 0,
+				disabled: e.disabled,
+				tabIndex: e.value === b && !e.disabled ? 0 : -1,
+				"data-value": e.value,
+				"data-selected": n ? "" : void 0,
+				"data-disabled": e.disabled ? "" : void 0,
+				title: r ? e.label : void 0,
+				onClick: () => I(e.value),
+				onKeyDown: (e) => ee(e, t),
+				children: [
+					e.icon ? /* @__PURE__ */ L(G, {
+						className: "mithrl-segmented-tabs__icon",
+						glyph: e.icon,
+						size: X[x]
+					}) : null,
+					/* @__PURE__ */ L("span", {
+						className: "mithrl-segmented-tabs__label",
+						"data-overflowing": r ? "" : void 0,
+						children: e.label
+					}),
+					e.badge !== void 0 && e.badge !== null ? /* @__PURE__ */ L("span", {
+						className: "mithrl-segmented-tabs__badge",
+						children: e.badge
+					}) : null
+				]
+			}, e.value);
+		})]
+	});
+});
+//#endregion
+//#region src/components/panel-tabs/PanelTabs.tsx
+function oe(e, t, n) {
+	if (e.length === 0) throw Error("PanelTabs requires at least one item.");
+	let r = /* @__PURE__ */ new Set();
+	for (let t of e) {
+		let e = t.value.trim(), i = t.label.trim();
+		if (!e || !i) throw Error("PanelTabs items require non-empty value and label fields.");
+		if (t.value !== e) throw Error("PanelTabs item values must not contain leading or trailing whitespace.");
+		if (r.has(t.value)) throw Error(`PanelTabs item values must be unique: "${t.value}".`);
+		if (t.closable && !n) throw Error("PanelTabs closable items require an onClose callback.");
+		if (t.closeLabel !== void 0 && !t.closeLabel.trim()) throw Error("PanelTabs closeLabel must not be empty.");
+		r.add(t.value);
+	}
+	if (t !== void 0 && !r.has(t)) throw Error("PanelTabs value must reference an item.");
+}
+function se(e) {
+	return e.trim().replace(/[^a-zA-Z0-9_-]+/g, "-").replace(/^-|-$/g, "");
+}
+function ce({ children: e }) {
+	let t = P(null), [n, r] = F(!1), [i, a] = F("ltr");
+	return k(() => {
+		let e = t.current;
+		if (!e) return;
+		let n = () => {
+			r(e.scrollWidth > e.clientWidth + 1);
+			let t = getComputedStyle(e).direction === "rtl" ? "rtl" : "ltr";
+			a((e) => e === t ? e : t);
+		};
+		n();
+		let i;
+		typeof ResizeObserver > "u" ? window.addEventListener("resize", n) : (i = new ResizeObserver(n), i.observe(e));
+		let o;
+		if (typeof MutationObserver < "u") {
+			o = new MutationObserver(n);
+			let t = e;
+			for (; t;) o.observe(t, {
+				attributes: !0,
+				attributeFilter: [
+					"class",
+					"dir",
+					"style"
+				]
+			}), t = t.parentElement;
+		}
+		return () => {
+			window.removeEventListener("resize", n), i?.disconnect(), o?.disconnect();
+		};
+	}, [e]), /* @__PURE__ */ L("span", {
+		ref: t,
+		className: "mithrl-panel-tabs__label",
+		"data-truncated": n ? "" : void 0,
+		"data-direction": i,
+		children: e
+	});
+}
+var le = E(function({ items: e, value: t, defaultValue: n, onValueChange: r, onClose: i, className: a, "aria-label": o, "aria-labelledby": s, ...c }, l) {
+	if (oe(e, t, i), !o?.trim() && !s?.trim()) throw Error("PanelTabs requires aria-label or aria-labelledby.");
+	let u = P(e);
+	if (n !== void 0 && !u.current.some((e) => e.value === n)) throw Error("PanelTabs defaultValue must reference an item.");
+	let d = A().replace(/:/g, ""), [f, p] = F(n ?? e[0].value), m = P(null), h = m.current?.focusValue, g = e.some((e) => e.value === f) ? f : h && e.some((e) => e.value === h) ? h : e[0].value, _ = t ?? g, v = P([]);
+	k(() => {
+		t === void 0 && f !== g && (p(g), r?.(g));
+	}, [
+		g,
+		f,
+		r,
+		t
+	]), k(() => {
+		let t = m.current;
+		if (!t || e.some((e) => e.value === t.closedValue)) return;
+		let n = e.findIndex((e) => e.value === t.focusValue), r = e.findIndex((e) => e.value === _);
+		v.current[n >= 0 ? n : Math.max(r, 0)]?.focus(), m.current = null;
+	}, [e, _]), k(() => {
+		let t = e.findIndex((e) => e.value === _);
+		v.current[t]?.scrollIntoView?.({
+			block: "nearest",
+			inline: "nearest"
+		});
+	}, [_]);
+	let y = (e) => {
+		t === void 0 && p(e), e !== _ && r?.(e);
+	}, b = (t) => {
+		let n = e[t];
+		if (!n.closable || !i) return;
+		let r = e[t + 1] ?? e[t - 1], a = n.value === _ ? r?.value : _;
+		m.current = a ? {
+			closedValue: n.value,
+			focusValue: a
+		} : null, i(n.value);
+	}, x = (t, n) => {
+		let r = getComputedStyle(t.currentTarget).direction, i;
+		switch (t.key) {
+			case "ArrowRight":
+				i = r === "rtl" ? n - 1 : n + 1;
+				break;
+			case "ArrowLeft":
+				i = r === "rtl" ? n + 1 : n - 1;
+				break;
+			case "Home":
+				i = 0;
+				break;
+			case "End":
+				i = e.length - 1;
+				break;
+			case "Delete":
+				e[n].closable && (t.preventDefault(), b(n));
+				return;
+			default: return;
+		}
+		t.preventDefault();
+		let a = ((i ?? 0) % e.length + e.length) % e.length, o = e[a];
+		v.current[a]?.focus(), y(o.value);
+	}, S = (e, t) => {
+		e.stopPropagation(), b(t);
+	}, w = ["mithrl-panel-tabs", a].filter(Boolean).join(" ");
+	return /* @__PURE__ */ L("div", {
+		...c,
+		ref: l,
+		role: "tablist",
+		"aria-label": o?.trim() || void 0,
+		"aria-labelledby": s?.trim() || void 0,
+		"aria-orientation": "horizontal",
+		className: w,
+		"data-count": e.length,
+		children: e.map((e, t) => {
+			let n = e.value === _, r = e.id ?? `mithrl-panel-tab-${d}-${t}-${se(e.value) || "tab"}`, i = e.closeLabel?.trim() || `Close ${e.label}`;
+			return /* @__PURE__ */ R("div", {
+				className: "mithrl-panel-tabs__item",
+				role: "presentation",
+				"data-selected": n ? "" : void 0,
+				"data-closable": e.closable ? "" : void 0,
+				children: [/* @__PURE__ */ R("button", {
+					ref: (e) => {
+						v.current[t] = e;
+					},
+					id: r,
+					className: "mithrl-panel-tabs__tab",
+					type: "button",
+					role: "tab",
+					"aria-selected": n,
+					"aria-controls": e.panelId,
+					tabIndex: n ? 0 : -1,
+					title: e.label,
+					"data-value": e.value,
+					onClick: () => y(e.value),
+					onKeyDown: (e) => x(e, t),
+					children: [e.icon ? /* @__PURE__ */ L(G, {
+						className: "mithrl-panel-tabs__icon",
+						glyph: e.icon,
+						size: "small"
+					}) : null, /* @__PURE__ */ L(ce, { children: e.label })]
+				}), e.closable ? /* @__PURE__ */ L("button", {
+					className: "mithrl-panel-tabs__close",
+					type: "button",
+					"aria-label": i,
+					title: i,
+					tabIndex: n ? 0 : -1,
+					onClick: (e) => S(e, t),
+					children: /* @__PURE__ */ L(G, {
+						glyph: C,
+						size: "xsmall"
+					})
+				}) : null]
+			}, e.value);
+		})
+	});
+});
+//#endregion
+//#region src/components/switch/Switch.tsx
+function ue(...e) {
+	return e.filter(Boolean).join(" ");
+}
+function de(e, t, n) {
+	if (!t?.trim() && !n?.trim()) throw Error(`${e} requires aria-label or aria-labelledby.`);
+}
+var fe = E(function({ checked: e, defaultChecked: t = !1, onCheckedChange: n, onClick: r, disabled: i = !1, className: a, type: o = "button", "aria-label": s, "aria-labelledby": c, ...l }, u) {
+	de("Switch", s, c);
+	let d = e !== void 0, [f, p] = F(t), m = e ?? f, h = (e) => {
+		if (r?.(e), e.defaultPrevented || i) return;
+		let t = !m;
+		d || p(t), n?.(t);
+	};
+	return /* @__PURE__ */ L("button", {
+		...l,
+		ref: u,
+		type: o,
+		role: "switch",
+		"aria-checked": m,
+		"aria-label": s?.trim() || void 0,
+		"aria-labelledby": c?.trim() || void 0,
+		className: ue("mithrl-switch", a),
+		disabled: i,
+		"data-checked": m ? "" : void 0,
+		onClick: h,
+		children: /* @__PURE__ */ L("span", {
+			className: "mithrl-switch__track",
+			"aria-hidden": "true",
+			children: /* @__PURE__ */ L("span", { className: "mithrl-switch__thumb" })
+		})
+	});
+}), pe = E(function({ theme: e, defaultTheme: t = "light", onThemeChange: n, onClick: r, disabled: i = !1, className: a, type: o = "button", "aria-label": s, "aria-labelledby": c, ...l }, u) {
+	let d = e !== void 0, [f, p] = F(t), m = e ?? f, g = m === "dark" ? "light" : "dark", _ = s?.trim() || (c?.trim() ? void 0 : `Switch to ${g} mode`);
+	de("ThemeSwitch", _, c);
+	let v = (e) => {
+		r?.(e), !(e.defaultPrevented || i) && (d || p(g), n?.(g));
+	};
+	return /* @__PURE__ */ L("button", {
+		...l,
+		ref: u,
+		type: o,
+		role: "switch",
+		"aria-checked": m === "dark",
+		"aria-label": _,
+		"aria-labelledby": c?.trim() || void 0,
+		className: ue("mithrl-switch mithrl-theme-switch", a),
+		disabled: i,
+		"data-theme-mode": m,
+		"data-checked": m === "dark" ? "" : void 0,
+		onClick: v,
+		children: /* @__PURE__ */ R("span", {
+			className: "mithrl-switch__track",
+			"aria-hidden": "true",
+			children: [
+				/* @__PURE__ */ L(G, {
+					className: "mithrl-theme-switch__icon mithrl-theme-switch__icon--light",
+					glyph: b,
+					size: "small"
+				}),
+				/* @__PURE__ */ L(G, {
+					className: "mithrl-theme-switch__icon mithrl-theme-switch__icon--dark",
+					glyph: h,
+					size: "small"
+				}),
+				/* @__PURE__ */ L("span", { className: "mithrl-switch__thumb" })
+			]
+		})
+	});
+}), Z = e("mithrl-toggle-button", {
+	variants: { size: {
+		compact: "mithrl-toggle-button--compact",
+		default: "mithrl-toggle-button--default",
+		comfortable: "mithrl-toggle-button--comfortable"
+	} },
+	defaultVariants: { size: "compact" }
+}), me = {
+	compact: "small",
+	default: "default",
+	comfortable: "medium"
+};
+function he(e, t) {
+	if (!e?.trim() && !t?.trim()) throw Error("ToggleButton requires aria-label or aria-labelledby.");
+}
+var ge = E(function({ icon: e, size: t = "compact", pressed: n, defaultPressed: r = !1, onPressedChange: i, onClick: a, disabled: o = !1, className: s, "aria-label": c, "aria-labelledby": l, ...u }, d) {
+	he(c, l);
+	let f = t ?? "compact", p = n !== void 0, [m, h] = F(r), g = n ?? m, _ = (e) => {
+		if (a?.(e), e.defaultPrevented || o) return;
+		let t = !g;
+		p || h(t), i?.(t);
+	};
+	return /* @__PURE__ */ L("button", {
+		...u,
+		ref: d,
+		type: "button",
+		"aria-label": c?.trim() || void 0,
+		"aria-labelledby": l?.trim() || void 0,
+		"aria-pressed": g,
+		className: Z({
+			size: f,
+			className: s
+		}),
+		disabled: o,
+		"data-pressed": g ? "" : void 0,
+		"data-size": f,
+		onClick: _,
+		children: /* @__PURE__ */ L(G, {
+			glyph: e,
+			size: me[f]
+		})
+	});
+}), Q = 8, _e = 4, ve = 5, ye = typeof window > "u" ? k : M;
+function be(e, t, n) {
+	return n < t ? t : Math.min(Math.max(e, t), n);
+}
+function xe(e, t) {
+	typeof e == "function" ? e(t) : e && (e.current = t);
+}
+function $(e, t) {
+	return Array.from(new Set(`${e ?? ""} ${t}`.trim().split(/\s+/).filter(Boolean))).join(" ");
+}
+function Se({ children: e, content: t, placement: n = "top", arrow: r = !0, delayDuration: i = 400, closeDelayDuration: a = 80, open: o, defaultOpen: s = !1, onOpenChange: c, disabled: l = !1, id: u, className: d, portalContainer: f }) {
+	if (!D(e) || e.type === w) throw Error("Tooltip requires one non-Fragment trigger element.");
+	if (t == null || t === !1 || t === "") throw Error("Tooltip requires non-empty content.");
+	if (i < 0 || a < 0) throw Error("Tooltip delays must be zero or greater.");
+	let p = A().replace(/:/g, ""), m = u ?? `mithrl-tooltip-${p}`, h = o !== void 0, [g, _] = F(s), [v, y] = F(!1), [b, x] = F(null), [S, C] = F(), E = h ? o : g, j = !l && E, M = P(null), N = P(null), te = P(null), z = P(null), B = P(!1), V = P(!1), H = P(!1), U = O(() => {
+		te.current !== null && (clearTimeout(te.current), te.current = null);
+	}, []), W = O(() => {
+		z.current !== null && (clearTimeout(z.current), z.current = null);
+	}, []), G = O((e) => {
+		let t = !l && e;
+		t !== E && (h || _(t), c?.(t));
+	}, [
+		l,
+		h,
+		c,
+		E
+	]), ne = O(() => {
+		U(), W(), G(!0);
+	}, [
+		W,
+		U,
+		G
+	]), K = O(() => {
+		U(), W(), !(l || j) && (te.current = setTimeout(() => G(!0), i));
+	}, [
+		W,
+		U,
+		i,
+		l,
+		j,
+		G
+	]), q = O(() => {
+		U(), W(), G(!1);
+	}, [
+		W,
+		U,
+		G
+	]), J = O(() => {
+		U(), W(), !(B.current || V.current || H.current) && (z.current = setTimeout(() => {
+			!B.current && !V.current && !H.current && G(!1);
+		}, a));
+	}, [
+		W,
+		U,
+		a,
+		G
+	]);
+	k(() => (y(!0), () => {
+		U(), W();
+	}), [W, U]), k(() => {
+		l && q();
+	}, [q, l]), k(() => {
+		if (!j) {
+			V.current = !1, x(null);
+			return;
+		}
+		let e = (e) => {
+			e.key === "Escape" && q();
+		};
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	}, [q, j]);
+	let Y = O(() => {
+		let e = M.current, t = N.current;
+		if (!e || !t) return;
+		let i = e.getBoundingClientRect(), a = t.getBoundingClientRect(), o = e.closest("[data-theme]")?.dataset.theme || void 0;
+		C((e) => e === o ? e : o);
+		let s = _e + (r ? ve : 0), c = i.left + i.width / 2, l = i.top + i.height / 2, u = c - a.width / 2, d = i.top - a.height - s;
+		n === "bottom" ? d = i.bottom + s : n === "right" ? (u = i.right + s, d = l - a.height / 2) : n === "left" && (u = i.left - a.width - s, d = l - a.height / 2), u = be(u, Q, window.innerWidth - a.width - Q), d = be(d, Q, window.innerHeight - a.height - Q);
+		let f = n === "top" || n === "bottom" ? be(c - u, 8, a.width - 8) : be(l - d, 8, a.height - 8);
+		x((e) => {
+			let t = {
+				left: u,
+				top: d,
+				arrowOffset: f
+			};
+			return e && Math.abs(e.left - t.left) < .1 && Math.abs(e.top - t.top) < .1 && Math.abs(e.arrowOffset - t.arrowOffset) < .1 ? e : t;
+		});
+	}, [r, n]);
+	ye(() => {
+		if (!v || !j) return;
+		Y();
+		let e = requestAnimationFrame(Y), t = typeof ResizeObserver > "u" ? null : new ResizeObserver(Y);
+		return M.current && t?.observe(M.current), N.current && t?.observe(N.current), window.addEventListener("resize", Y), window.addEventListener("scroll", Y, !0), () => {
+			cancelAnimationFrame(e), t?.disconnect(), window.removeEventListener("resize", Y), window.removeEventListener("scroll", Y, !0);
+		};
+	}, [
+		j,
+		v,
+		Y
+	]);
+	let X = e.ref, re = T(e, {
+		ref: (e) => {
+			M.current = e, xe(X, e);
+		},
+		"aria-describedby": (v && j ? $(e.props["aria-describedby"], m) : e.props["aria-describedby"]) || void 0,
+		onPointerEnter: (t) => {
+			B.current = !0, e.props.onPointerEnter?.(t), !t.defaultPrevented && t.pointerType !== "touch" && K();
+		},
+		onPointerLeave: (t) => {
+			if (B.current = !1, e.props.onPointerLeave?.(t), t.defaultPrevented) return;
+			let n = t.relatedTarget;
+			n instanceof Node && N.current?.contains(n) || J();
+		},
+		onFocus: (t) => {
+			H.current = !0, e.props.onFocus?.(t), t.defaultPrevented || ne();
+		},
+		onBlur: (t) => {
+			if (H.current = !1, e.props.onBlur?.(t), t.defaultPrevented) return;
+			let n = t.relatedTarget;
+			n instanceof Node && N.current?.contains(n) || J();
+		}
+	}), ie = v && j ? /* @__PURE__ */ R("div", {
+		ref: N,
+		id: m,
+		role: "tooltip",
+		className: ["mithrl-tooltip", d].filter(Boolean).join(" "),
+		"data-placement": n,
+		"data-arrow": r ? "" : void 0,
+		"data-theme": S,
+		style: {
+			left: b?.left ?? 0,
+			top: b?.top ?? 0,
+			visibility: b ? "visible" : "hidden",
+			"--tooltip-arrow-offset": `${b?.arrowOffset ?? 8}px`
+		},
+		onPointerEnter: () => {
+			V.current = !0, W();
+		},
+		onPointerLeave: (e) => {
+			V.current = !1;
+			let t = e.relatedTarget;
+			t instanceof Node && M.current?.contains(t) || J();
+		},
+		children: [/* @__PURE__ */ L("span", {
+			className: "mithrl-tooltip__surface",
+			children: t
+		}), r ? /* @__PURE__ */ L("span", {
+			className: "mithrl-tooltip__arrow",
+			"aria-hidden": "true"
+		}) : null]
+	}) : null;
+	return /* @__PURE__ */ R(I, { children: [re, ie ? ee(ie, f ?? document.body) : null] });
+}
+//#endregion
+//#region src/components/text-field/TextField.tsx
+var Ce = e("mithrl-text-field", {
+	variants: {
+		surface: {
+			surface: "mithrl-text-field--surface",
+			transparent: "mithrl-text-field--transparent"
+		},
+		status: {
+			default: "mithrl-text-field--default",
+			warning: "mithrl-text-field--warning",
+			invalid: "mithrl-text-field--invalid"
+		}
+	},
+	defaultVariants: {
+		surface: "surface",
+		status: "default"
+	}
+});
+function we(...e) {
+	return e.filter(Boolean).join(" ");
+}
+function Te(e) {
+	return e !== void 0 && e !== !1 && e !== "false";
+}
+var Ee = E(function({ surface: e = "surface", status: t = "default", leadingVisual: n, trailingVisual: r, className: a, inputClassName: o, disabled: s = !1, readOnly: c = !1, "aria-invalid": l, "data-preview-state": u, ...d }, f) {
+	let [p, m] = F(!1), h = e ?? "surface", g = Te(l) ? "invalid" : t ?? "default", _ = g !== "default";
+	return /* @__PURE__ */ R("span", {
+		className: Ce({
+			surface: h,
+			status: g,
+			className: a
+		}),
+		"data-surface": h,
+		"data-status": g,
+		"data-disabled": s ? "" : void 0,
+		"data-read-only": c ? "" : void 0,
+		"data-read-only-pointer-focus": c && p ? "" : void 0,
+		"data-preview-state": u,
+		onBlur: (e) => {
+			e.currentTarget.contains(e.relatedTarget) || m(!1);
+		},
+		onClick: (e) => {
+			let t = e.currentTarget.querySelector(".mithrl-text-field__control");
+			s || (c && m(!0), e.target !== t && t?.focus());
+		},
+		children: [
+			n ? /* @__PURE__ */ L("span", {
+				className: "mithrl-text-field__visual mithrl-text-field__visual--leading",
+				"aria-hidden": "true",
+				children: n
+			}) : null,
+			/* @__PURE__ */ L("input", {
+				...d,
+				ref: f,
+				className: we("mithrl-text-field__control", o),
+				disabled: s,
+				readOnly: c,
+				"aria-invalid": l
+			}),
+			_ ? /* @__PURE__ */ L("span", {
+				className: "mithrl-text-field__visual mithrl-text-field__visual--status",
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ L(G, { glyph: i })
+			}) : r ? /* @__PURE__ */ L("span", {
+				className: "mithrl-text-field__visual mithrl-text-field__visual--trailing",
+				"aria-hidden": "true",
+				children: r
+			}) : null
+		]
+	});
+}), De = e("mithrl-textarea", {
+	variants: {
+		surface: {
+			surface: "mithrl-textarea--surface",
+			transparent: "mithrl-textarea--transparent"
+		},
+		status: {
+			default: "mithrl-textarea--default",
+			warning: "mithrl-textarea--warning",
+			invalid: "mithrl-textarea--invalid"
+		},
+		resize: {
+			vertical: "mithrl-textarea--resize-vertical",
+			none: "mithrl-textarea--resize-none"
+		}
+	},
+	defaultVariants: {
+		surface: "surface",
+		status: "default",
+		resize: "vertical"
+	}
+});
+function Oe(...e) {
+	return e.filter(Boolean).join(" ");
+}
+function ke(e) {
+	return e !== void 0 && e !== !1 && e !== "false";
+}
+var Ae = E(function({ surface: e = "surface", status: t = "default", resize: n = "vertical", className: r, textareaClassName: a, disabled: o = !1, readOnly: s = !1, "aria-invalid": c, "data-preview-state": l, ...u }, d) {
+	let f = e ?? "surface", p = n ?? "vertical", m = ke(c) ? "invalid" : t ?? "default", h = !o && m !== "default";
+	return /* @__PURE__ */ R("span", {
+		className: De({
+			surface: f,
+			status: m,
+			resize: p,
+			className: r
+		}),
+		"data-surface": f,
+		"data-status": m,
+		"data-resize": p,
+		"data-disabled": o ? "" : void 0,
+		"data-read-only": s ? "" : void 0,
+		"data-preview-state": l,
+		children: [/* @__PURE__ */ L("textarea", {
+			...u,
+			ref: d,
+			className: Oe("mithrl-textarea__control", a),
+			disabled: o,
+			readOnly: s,
+			"aria-invalid": c
+		}), h ? /* @__PURE__ */ L("span", {
+			className: "mithrl-textarea__status",
+			"aria-hidden": "true",
+			children: /* @__PURE__ */ L(G, { glyph: i })
+		}) : null]
+	});
+}), je = e("mithrl-select", {
+	variants: { size: {
+		comfortable: "mithrl-select--comfortable",
+		large: "mithrl-select--large"
+	} },
+	defaultVariants: { size: "comfortable" }
+});
+function Me(...e) {
+	return e.filter(Boolean).join(" ");
+}
+function Ne(e) {
+	return e !== void 0 && e !== !1 && e !== "false";
+}
+var Pe = E(function(e, t) {
+	let { multiple: n, ...i } = e;
+	if (n !== void 0 && n !== !1) throw Error("Select does not support multiple selection.");
+	let { size: a = "comfortable", leadingVisual: o, className: s, selectClassName: c, disabled: l = !1, children: u, "aria-invalid": d, "data-preview-state": f, ...p } = i, m = a ?? "comfortable", h = Ne(d);
+	return /* @__PURE__ */ R("span", {
+		className: je({
+			size: m,
+			className: s
+		}),
+		"data-size": m,
+		"data-leading": o ? "" : void 0,
+		"data-disabled": l ? "" : void 0,
+		"data-invalid": h ? "" : void 0,
+		"data-preview-state": f,
+		children: [
+			o ? /* @__PURE__ */ L("span", {
+				className: "mithrl-select__visual mithrl-select__visual--leading",
+				"aria-hidden": "true",
+				children: o
+			}) : null,
+			/* @__PURE__ */ L("select", {
+				...p,
+				ref: t,
+				className: Me("mithrl-select__control", c),
+				disabled: l,
+				"aria-invalid": d,
+				children: u
+			}),
+			/* @__PURE__ */ L("span", {
+				className: "mithrl-select__visual mithrl-select__visual--trailing",
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ L(G, { glyph: r })
+			})
+		]
+	});
+}), Fe = e("mithrl-link", {
+	variants: { context: {
+		inline: "mithrl-link--inline",
+		standalone: "mithrl-link--standalone"
+	} },
+	defaultVariants: { context: "inline" }
+}), Ie = E(function({ context: e = "inline", leadingIcon: t, trailingIcon: n, children: r, className: i, href: a, "data-preview-state": o, ...s }, c) {
+	let l = e ?? "inline", u = !!t, d = !!n;
+	if (typeof a != "string" || !a.trim()) throw Error("Link requires a non-empty href.");
+	if ("aria-disabled" in s) throw Error("Link does not support aria-disabled.");
+	if (u && d) throw Error("Link supports at most one icon.");
+	if (l === "inline" && (u || d)) throw Error("Link icons are supported only in Standalone context.");
+	return /* @__PURE__ */ R("a", {
+		...s,
+		ref: c,
+		href: a,
+		className: Fe({
+			context: l,
+			className: i
+		}),
+		"data-context": l,
+		"data-preview-state": o,
+		children: [
+			t ? /* @__PURE__ */ L("span", {
+				className: "mithrl-link__icon",
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ L(G, {
+					glyph: t,
+					size: "small"
+				})
+			}) : null,
+			/* @__PURE__ */ L("span", {
+				className: "mithrl-link__label",
+				children: r
+			}),
+			n ? /* @__PURE__ */ L("span", {
+				className: "mithrl-link__icon",
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ L(G, {
+					glyph: n,
+					size: "small"
+				})
+			}) : null
+		]
+	});
+}), Le = e("mithrl-separator", {
+	variants: {
+		orientation: {
+			horizontal: "mithrl-separator--horizontal",
+			vertical: "mithrl-separator--vertical"
+		},
+		emphasis: {
+			default: "mithrl-separator--default",
+			soft: "mithrl-separator--soft"
+		}
+	},
+	defaultVariants: {
+		orientation: "horizontal",
+		emphasis: "default"
+	}
+}), Re = E(function({ orientation: e = "horizontal", emphasis: t = "default", decorative: n = !0, className: r, ...i }, a) {
+	let o = [
+		"aria-valuemax",
+		"aria-valuemin",
+		"aria-valuenow",
+		"children",
+		"tabIndex"
+	].find((e) => e in i);
+	if (o) throw Error(`Separator does not support ${o}.`);
+	let s = e ?? "horizontal", c = t ?? "default", l = n === !1 ? {
+		role: "separator",
+		"aria-hidden": void 0,
+		"aria-orientation": s
+	} : {
+		role: void 0,
+		"aria-hidden": !0,
+		"aria-orientation": void 0
+	};
+	return /* @__PURE__ */ L("div", {
+		...i,
+		...l,
+		ref: a,
+		className: Le({
+			orientation: s,
+			emphasis: c,
+			className: r
+		}),
+		"data-orientation": s,
+		"data-emphasis": c
+	});
+}), ze = e("mithrl-badge", {
+	variants: { tone: {
+		neutral: "mithrl-badge--neutral",
+		success: "mithrl-badge--success",
+		warning: "mithrl-badge--warning",
+		information: "mithrl-badge--information",
+		destructive: "mithrl-badge--destructive"
+	} },
+	defaultVariants: { tone: "neutral" }
+}), Be = [
+	"aria-live",
+	"onClick",
+	"onDoubleClick",
+	"onKeyDown",
+	"onKeyUp",
+	"role",
+	"tabIndex"
+], Ve = E(function({ children: e, icon: t, tone: n = "neutral", className: r, ...i }, a) {
+	let o = Be.find((e) => e in i);
+	if (o) throw Error(`Badge does not support ${o}.`);
+	let s = n ?? "neutral";
+	return /* @__PURE__ */ R("span", {
+		...i,
+		ref: a,
+		className: ze({
+			tone: s,
+			className: r
+		}),
+		"data-tone": s,
+		children: [t ? /* @__PURE__ */ L(G, {
+			glyph: t,
+			size: "xsmall"
+		}) : null, /* @__PURE__ */ L("span", {
+			className: "mithrl-badge__label",
+			children: e
+		})]
+	});
+}), He = e("mithrl-tag", {
+	variants: { tone: {
+		neutral: "mithrl-tag--neutral",
+		success: "mithrl-tag--success",
+		warning: "mithrl-tag--warning",
+		information: "mithrl-tag--information",
+		destructive: "mithrl-tag--destructive"
+	} },
+	defaultVariants: { tone: "neutral" }
+}), Ue = [
+	"aria-live",
+	"onClick",
+	"onDoubleClick",
+	"onKeyDown",
+	"onKeyUp",
+	"role",
+	"tabIndex"
+], We = E(function({ children: e, icon: t, tone: n = "neutral", className: r, ...i }, a) {
+	let o = Ue.find((e) => e in i);
+	if (o) throw Error(`Tag does not support ${o}.`);
+	let s = n ?? "neutral";
+	return /* @__PURE__ */ R("span", {
+		...i,
+		ref: a,
+		className: He({
+			tone: s,
+			className: r
+		}),
+		"data-tone": s,
+		children: [t ? /* @__PURE__ */ L(G, {
+			glyph: t,
+			size: "xsmall"
+		}) : null, /* @__PURE__ */ L("span", {
+			className: "mithrl-tag__label",
+			children: e
+		})]
+	});
+}), Ge = e("mithrl-avatar", {
+	variants: { size: {
+		small: "mithrl-avatar--small",
+		default: "mithrl-avatar--default",
+		large: "mithrl-avatar--large"
+	} },
+	defaultVariants: { size: "default" }
+}), Ke = {
+	small: "small",
+	default: "default",
+	large: "large"
+}, qe = [
+	"aria-hidden",
+	"aria-label",
+	"aria-live",
+	"children",
+	"onClick",
+	"onDoubleClick",
+	"onKeyDown",
+	"onKeyUp",
+	"role",
+	"tabIndex"
+], Je = typeof window > "u" ? k : M, Ye = E(function({ src: e, initials: t, size: n = "default", label: r, className: i, ...a }, o) {
+	let s = n ?? "default", c = t?.trim(), l = r?.trim(), [u, d] = F(null);
+	Je(() => {
+		d(null);
+	}, [e]);
+	let f = qe.find((e) => e in a);
+	if (f) throw Error(`Avatar does not support ${f}.`);
+	let p = !!(e && u?.src === e && u.state === "loaded"), m = p ? "image" : c ? "initials" : "fallback", h = l ? {
+		role: "img",
+		"aria-label": l
+	} : { "aria-hidden": !0 };
+	return /* @__PURE__ */ R("span", {
+		...a,
+		...h,
+		ref: o,
+		className: Ge({
+			size: s,
+			className: i
+		}),
+		"data-size": s,
+		"data-content": m,
+		"data-image-loaded": p ? "" : void 0,
+		children: [/* @__PURE__ */ L("span", {
+			className: "mithrl-avatar__fallback",
+			"aria-hidden": "true",
+			children: c ? /* @__PURE__ */ L("span", {
+				className: "mithrl-avatar__initials",
+				children: c
+			}) : /* @__PURE__ */ L(G, {
+				className: "mithrl-avatar__icon",
+				glyph: S,
+				size: Ke[s]
+			})
+		}), e ? /* @__PURE__ */ L("img", {
+			className: "mithrl-avatar__image",
+			src: e,
+			alt: "",
+			"aria-hidden": "true",
+			onLoad: () => d({
+				src: e,
+				state: "loaded"
+			}),
+			onError: () => d({
+				src: e,
+				state: "failed"
+			})
+		}, e) : null]
+	});
+}), Xe = e("mithrl-progress-indicator", {
+	variants: {
+		size: {
+			xsmall: "mithrl-progress-indicator--xsmall",
+			small: "mithrl-progress-indicator--small",
+			default: "mithrl-progress-indicator--default"
+		},
+		tone: {
+			neutral: "mithrl-progress-indicator--neutral",
+			brand: "mithrl-progress-indicator--brand"
+		}
+	},
+	defaultVariants: {
+		size: "small",
+		tone: "neutral"
+	}
+}), Ze = {
+	xsmall: "xsmall",
+	small: "small",
+	default: "default"
+}, Qe = [
+	"aria-atomic",
+	"aria-busy",
+	"aria-hidden",
+	"aria-label",
+	"aria-live",
+	"children",
+	"onClick",
+	"onDoubleClick",
+	"onKeyDown",
+	"onKeyUp",
+	"role",
+	"tabIndex"
+], $e = E(function({ size: e = "small", tone: t = "neutral", label: n, decorative: r, className: i, ...a }, o) {
+	let s = e ?? "small", c = t ?? "neutral", l = n?.trim(), u = n !== void 0, d = r === !0, p = Qe.find((e) => e in a);
+	if (p) throw Error(`ProgressIndicator does not support ${p}.`);
+	if (u && !l) throw Error("ProgressIndicator label must not be empty.");
+	if (l && d) throw Error("ProgressIndicator cannot be both labelled and decorative.");
+	if (!l && !d) throw Error("ProgressIndicator requires a label or decorative={true}.");
+	let m = d ? { "aria-hidden": !0 } : {
+		role: "status",
+		"aria-label": l
+	};
+	return /* @__PURE__ */ R("span", {
+		...a,
+		...m,
+		ref: o,
+		className: Xe({
+			size: s,
+			tone: c,
+			className: i
+		}),
+		"data-size": s,
+		"data-tone": c,
+		children: [/* @__PURE__ */ L(G, {
+			className: "mithrl-progress-indicator__active",
+			glyph: f,
+			size: Ze[s]
+		}), /* @__PURE__ */ L("svg", {
+			className: "mithrl-progress-indicator__gap",
+			viewBox: "0 0 24 24",
+			fill: "none",
+			"aria-hidden": "true",
+			focusable: "false",
+			children: /* @__PURE__ */ L("path", {
+				className: "mithrl-progress-indicator__gap-path",
+				d: "M14.781 3.4404 A9 9 0 0 1 21 12",
+				stroke: "currentColor",
+				strokeWidth: "2",
+				strokeLinecap: "round",
+				opacity: "0.18"
+			})
+		})]
+	});
+}), et = e("mithrl-skeleton", {
+	variants: { radius: {
+		small: "mithrl-skeleton--small",
+		medium: "mithrl-skeleton--medium",
+		large: "mithrl-skeleton--large",
+		full: "mithrl-skeleton--full"
+	} },
+	defaultVariants: { radius: "medium" }
+}), tt = [
+	"aria-atomic",
+	"aria-busy",
+	"aria-hidden",
+	"aria-label",
+	"aria-live",
+	"children",
+	"onClick",
+	"onDoubleClick",
+	"onKeyDown",
+	"onKeyUp",
+	"role",
+	"tabIndex"
+], nt = E(function({ radius: e = "medium", className: t, ...n }, r) {
+	let i = tt.find((e) => e in n);
+	if (i) throw Error(`Skeleton does not support ${i}.`);
+	let a = e ?? "medium";
+	return /* @__PURE__ */ L("div", {
+		...n,
+		ref: r,
+		"aria-hidden": "true",
+		className: et({
+			radius: a,
+			className: t
+		}),
+		"data-radius": a
+	});
+});
+//#endregion
+//#region src/components/checkbox/Checkbox.tsx
+function rt(...e) {
+	return e.filter(Boolean).join(" ");
+}
+var it = typeof window > "u" ? k : M, at = E(function({ indeterminate: e = !1, className: t, inputClassName: r, disabled: i = !1, onChange: a, "data-preview-state": o, ...s }, c) {
+	if ("aria-checked" in s) throw Error("Checkbox does not support aria-checked.");
+	let l = P(null), u = O((e) => {
+		l.current = e, typeof c == "function" ? c(e) : c && (c.current = e);
+	}, [c]);
+	it(() => {
+		l.current && (l.current.indeterminate = e);
+	});
+	let d = (t) => {
+		a?.(t), t.currentTarget.indeterminate = e;
+	};
+	return /* @__PURE__ */ R("span", {
+		className: rt("mithrl-checkbox", t),
+		"data-indeterminate": e ? "" : void 0,
+		"data-preview-state": o,
+		children: [/* @__PURE__ */ L("input", {
+			...s,
+			ref: u,
+			className: rt("mithrl-checkbox__input", r),
+			type: "checkbox",
+			disabled: i,
+			onChange: d
+		}), /* @__PURE__ */ R("span", {
+			className: "mithrl-checkbox__visual",
+			"aria-hidden": "true",
+			children: [/* @__PURE__ */ L(G, {
+				className: "mithrl-checkbox__icon mithrl-checkbox__icon--check",
+				glyph: n,
+				size: "xsmall"
+			}), /* @__PURE__ */ L(G, {
+				className: "mithrl-checkbox__icon mithrl-checkbox__icon--minus",
+				glyph: m,
+				size: "xsmall"
+			})]
+		})]
+	});
+});
+//#endregion
+//#region src/components/radio/Radio.tsx
+function ot(...e) {
+	return e.filter(Boolean).join(" ");
+}
+var st = E(function({ className: e, inputClassName: t, disabled: n = !1, "data-preview-state": r, ...i }, a) {
+	if ("aria-checked" in i) throw Error("Radio does not support aria-checked.");
+	return /* @__PURE__ */ R("span", {
+		className: ot("mithrl-radio", e),
+		"data-preview-state": r,
+		children: [/* @__PURE__ */ L("input", {
+			...i,
+			ref: a,
+			className: ot("mithrl-radio__input", t),
+			type: "radio",
+			disabled: n
+		}), /* @__PURE__ */ L("span", {
+			className: "mithrl-radio__visual",
+			"aria-hidden": "true"
+		})]
+	});
+}), ct = e("mithrl-field-label", {
+	variants: { size: {
+		standard: "mithrl-field-label--standard",
+		compact: "mithrl-field-label--compact"
+	} },
+	defaultVariants: { size: "standard" }
+}), lt = E(function({ size: e = "standard", optional: t = !1, disabled: n = !1, className: r, children: i, ...a }, o) {
+	let s = e ?? "standard";
+	return /* @__PURE__ */ R("label", {
+		...a,
+		ref: o,
+		className: ct({
+			size: s,
+			className: r
+		}),
+		"data-size": s,
+		"data-disabled": n ? "" : void 0,
+		children: [/* @__PURE__ */ L("span", {
+			className: "mithrl-field-label__text",
+			children: i
+		}), t ? /* @__PURE__ */ L("span", {
+			className: "mithrl-field-label__optional",
+			children: "(optional)"
+		}) : null]
+	});
+}), ut = e("mithrl-standard-tabs", {
+	variants: { size: {
+		compact: "mithrl-standard-tabs--compact",
+		default: "mithrl-standard-tabs--default"
+	} },
+	defaultVariants: { size: "default" }
+});
+function dt(e, t) {
+	if (e.length < 2) throw Error("StandardTabs requires at least two items.");
+	let n = /* @__PURE__ */ new Set(), r = 0;
+	for (let t of e) {
+		let e = t.value.trim(), i = t.label.trim();
+		if (!e || !i) throw Error("StandardTabs items require non-empty value and label fields.");
+		if (e !== t.value) throw Error("StandardTabs item values must not contain leading or trailing whitespace.");
+		if (n.has(t.value)) throw Error(`StandardTabs item values must be unique: "${t.value}".`);
+		t.disabled || (r += 1), n.add(t.value);
+	}
+	if (r === 0) throw Error("StandardTabs requires at least one enabled item.");
+	if (t !== void 0 && !n.has(t)) throw Error("StandardTabs value must reference an item.");
+}
+function ft(e) {
+	return e.replace(/[^a-zA-Z0-9_-]+/g, "-").replace(/^-|-$/g, "");
+}
+var pt = E(function({ items: e, value: t, defaultValue: n, onValueChange: r, activationMode: i = "automatic", fullWidth: a = !1, size: o = "default", className: s, "aria-label": c, "aria-labelledby": l, ...u }, d) {
+	if (dt(e, t), !c?.trim() && !l?.trim()) throw Error("StandardTabs requires aria-label or aria-labelledby.");
+	let f = e.filter((e) => !e.disabled)[0].value, [p, m] = F(() => {
+		if (n !== void 0 && !e.some((e) => e.value === n)) throw Error("StandardTabs defaultValue must reference an item.");
+		return n ?? f;
+	}), h = e.some((e) => e.value === p) ? p : f, g = t ?? h, _ = e.find((e) => e.value === g)?.disabled ? f : g, v = o ?? "default", y = A().replace(/:/g, ""), b = P(null), x = P([]), S = P(null), C = P(null), [w, T] = F([]), [E, D] = F("ltr");
+	k(() => {
+		t === void 0 && p !== h && (m(h), r?.(h));
+	}, [
+		h,
+		p,
+		r,
+		t
+	]), k(() => {
+		let t = () => {
+			let t = b.current && getComputedStyle(b.current).direction === "rtl" ? "rtl" : "ltr";
+			D((e) => e === t ? e : t);
+			let n = e.filter((e, t) => {
+				let n = x.current[t]?.querySelector(".mithrl-standard-tabs__label");
+				return n ? n.scrollWidth > n.clientWidth + 1 : !1;
+			}).map((e) => e.value);
+			T((e) => e.length === n.length && e.every((e, t) => e === n[t]) ? e : n);
+		};
+		t();
+		let n;
+		typeof ResizeObserver > "u" ? window.addEventListener("resize", t) : (n = new ResizeObserver(t), x.current.forEach((e) => {
+			e && n?.observe(e);
+		}));
+		let r;
+		if (typeof MutationObserver < "u") {
+			r = new MutationObserver(t);
+			let e = b.current;
+			for (; e;) r.observe(e, {
+				attributes: !0,
+				attributeFilter: [
+					"class",
+					"dir",
+					"style"
+				]
+			}), e = e.parentElement;
+		}
+		return () => {
+			window.removeEventListener("resize", t), n?.disconnect(), r?.disconnect();
+		};
+	}, [
+		a,
+		e,
+		v
+	]);
+	let O = (n) => {
+		let i = e.find((e) => e.value === n);
+		!i || i.disabled || (t === void 0 && m(n), n !== g && r?.(n));
+	}, j = (t, n) => {
+		let r = e.map((e, t) => e.disabled ? -1 : t).filter((e) => e >= 0), a = r.indexOf(n), o = getComputedStyle(t.currentTarget).direction, s;
+		switch (t.key) {
+			case "ArrowRight":
+				s = o === "rtl" ? a - 1 : a + 1;
+				break;
+			case "ArrowLeft":
+				s = o === "rtl" ? a + 1 : a - 1;
+				break;
+			case "Home":
+				s = 0;
+				break;
+			case "End":
+				s = r.length - 1;
+				break;
+			case "Enter":
+			case " ":
+				i === "manual" && (t.preventDefault(), O(e[n].value));
+				return;
+			default: return;
+		}
+		t.preventDefault();
+		let c = r[((s ?? 0) % r.length + r.length) % r.length], l = x.current[c], u = document.activeElement === l;
+		l?.focus(), i === "automatic" && u && O(e[c].value);
+	};
+	return /* @__PURE__ */ L("div", {
+		...u,
+		ref: (e) => {
+			b.current = e, typeof d == "function" ? d(e) : d && (d.current = e);
+		},
+		role: "tablist",
+		"aria-label": c?.trim() || void 0,
+		"aria-labelledby": l?.trim() || void 0,
+		"aria-orientation": "horizontal",
+		className: ut({
+			size: v,
+			className: s
+		}),
+		"data-size": v,
+		"data-full-width": a ? "" : void 0,
+		"data-activation-mode": i,
+		"data-direction": E,
+		children: e.map((e, t) => {
+			let n = e.value === g, r = w.includes(e.value);
+			return /* @__PURE__ */ L("button", {
+				ref: (e) => {
+					x.current[t] = e;
+				},
+				id: e.id ?? `mithrl-standard-tabs-${y}-${t}-${ft(e.value) || "tab"}`,
+				className: "mithrl-standard-tabs__tab",
+				type: "button",
+				role: "tab",
+				"aria-selected": n,
+				"aria-controls": e.panelId,
+				"aria-disabled": e.disabled || void 0,
+				disabled: e.disabled,
+				tabIndex: e.value === _ && !e.disabled ? 0 : -1,
+				"data-value": e.value,
+				"data-selected": n ? "" : void 0,
+				title: r ? e.label : void 0,
+				onPointerDown: () => {
+					S.current = e.value, C.current = null;
+				},
+				onFocus: () => {
+					i === "automatic" && (O(e.value), S.current === e.value && (C.current = e.value));
+				},
+				onClick: () => {
+					let t = C.current === e.value;
+					S.current = null, C.current = null, (i === "manual" || !t) && O(e.value);
+				},
+				onKeyDown: (e) => j(e, t),
+				children: /* @__PURE__ */ L("span", {
+					className: "mithrl-standard-tabs__label",
+					"data-overflowing": r ? "" : void 0,
+					children: e.label
+				})
+			}, e.value);
+		})
+	});
+}), mt = e("mithrl-field-message", {
+	variants: { tone: {
+		helper: "mithrl-field-message--helper",
+		warning: "mithrl-field-message--warning",
+		error: "mithrl-field-message--error"
+	} },
+	defaultVariants: { tone: "helper" }
+}), ht = E(function({ children: e, tone: t = "helper", className: n, ...r }, i) {
+	let a = t ?? "helper";
+	return /* @__PURE__ */ L("p", {
+		...r,
+		ref: i,
+		className: mt({
+			tone: a,
+			className: n
+		}),
+		"data-tone": a,
+		children: e
+	});
+});
+//#endregion
+//#region src/components/field/Field.tsx
+function gt(...e) {
+	return e.filter(Boolean).join(" ");
+}
+function _t(...e) {
+	let t = e.flatMap((e) => e?.trim().split(/\s+/) ?? []).filter(Boolean);
+	return t.length > 0 ? [...new Set(t)].join(" ") : void 0;
+}
+function vt(e) {
+	return e == null || typeof e == "boolean" || e === 0 ? !1 : typeof e == "string" ? e.trim().length > 0 : !Array.isArray(e) || e.some(vt);
+}
+function yt({ label: e, children: t, controlId: n, describedBy: r, size: i = "standard", description: a, warning: o, error: s, required: c = !1, optional: l = !1, disabled: u = !1, className: d, ...f }) {
+	let p = A(), m = i ?? "standard", h = n ?? `mithrl-field-${p.replace(/[^a-zA-Z0-9_-]/g, "")}`, g = vt(a), _ = vt(o), v = vt(s), y = v ? "error" : _ ? "warning" : "default", b = g ? `${h}-description` : void 0, x = _ ? `${h}-warning` : void 0, S = v ? `${h}-error` : void 0, C = _t(r, x, y === "warning" ? void 0 : b), w = {
+		id: h,
+		required: c || void 0,
+		disabled: u || void 0,
+		"aria-invalid": y === "error" || void 0,
+		"aria-describedby": C,
+		"aria-errormessage": S
+	};
+	return /* @__PURE__ */ R("div", {
+		...f,
+		className: gt("mithrl-field", `mithrl-field--${m}`, d),
+		"data-size": m,
+		"data-state": y,
+		"data-disabled": u ? "" : void 0,
+		children: [/* @__PURE__ */ L(lt, {
+			htmlFor: h,
+			size: m,
+			optional: l,
+			disabled: u,
+			children: e
+		}), /* @__PURE__ */ R("div", {
+			className: "mithrl-field__control-and-messages",
+			children: [/* @__PURE__ */ L("div", {
+				className: "mithrl-field__control",
+				children: t({
+					controlProps: w,
+					status: y === "warning" ? "warning" : "default"
+				})
+			}), _ || v || g ? /* @__PURE__ */ R("div", {
+				className: "mithrl-field__messages",
+				children: [
+					_ ? /* @__PURE__ */ L(ht, {
+						id: x,
+						tone: "warning",
+						children: o
+					}) : null,
+					v ? /* @__PURE__ */ L(ht, {
+						id: S,
+						tone: "error",
+						children: s
+					}) : null,
+					g ? /* @__PURE__ */ L(ht, {
+						id: b,
+						tone: "helper",
+						children: a
+					}) : null
+				]
+			}) : null]
+		})]
+	});
+}
+//#endregion
+//#region src/components/dropdown-menu/DropdownMenu.tsx
+var bt = e("mithrl-dropdown-menu__popup", {
+	variants: { width: {
+		compact: "mithrl-dropdown-menu__popup--compact",
+		default: "mithrl-dropdown-menu__popup--default",
+		maximum: "mithrl-dropdown-menu__popup--maximum"
+	} },
+	defaultVariants: { width: "default" }
+});
+function xt(...e) {
+	return e.filter(Boolean).join(" ");
+}
+var St = z.Trigger;
+function Ct({ modal: e = !1, ...t }) {
+	return /* @__PURE__ */ L(z.Root, {
+		...t,
+		modal: e
+	});
+}
+var wt = E(function({ children: e, width: t = "default", side: n = "bottom", align: r = "start", sideOffset: i = 4, collisionPadding: a = 8, collisionAvoidance: o = {
+	side: "flip",
+	align: "shift",
+	fallbackAxisSide: "none"
+}, positionMethod: s = "fixed", positionerClassName: c, className: l, keepMounted: u, portalContainer: d, finalFocus: f = !0, "aria-label": p, ...m }, h) {
+	let g = t ?? "default";
+	return /* @__PURE__ */ L(z.Portal, {
+		keepMounted: u,
+		container: d,
+		children: /* @__PURE__ */ L(z.Positioner, {
+			...m,
+			className: xt("mithrl-dropdown-menu__positioner", c),
+			side: n,
+			align: r,
+			sideOffset: i,
+			collisionPadding: a,
+			collisionAvoidance: o,
+			positionMethod: s,
+			children: /* @__PURE__ */ L(z.Popup, {
+				ref: h,
+				className: bt({
+					width: g,
+					className: l
+				}),
+				finalFocus: f,
+				"aria-label": p,
+				"data-width": g,
+				children: e
+			})
+		})
+	});
+}), Tt = E(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ L(z.Group, {
+		...t,
+		ref: n,
+		className: xt("mithrl-dropdown-menu__group", e)
+	});
+}), Et = E(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ L(z.GroupLabel, {
+		...t,
+		ref: n,
+		className: xt("mithrl-dropdown-menu__label", e)
+	});
+}), Dt = E(function({ children: e, leadingIcon: t, shortcut: n, tone: r = "neutral", className: i, disabled: a = !1, id: o, label: s, closeOnClick: c, onClick: l, ...u }, d) {
+	let f = r ?? "neutral", p = /* @__PURE__ */ R(I, { children: [
+		t ? /* @__PURE__ */ L("span", {
+			className: "mithrl-dropdown-menu__icon",
+			"aria-hidden": "true",
+			children: t
+		}) : null,
+		/* @__PURE__ */ L("span", {
+			className: "mithrl-dropdown-menu__item-label",
+			children: e
+		}),
+		n ? /* @__PURE__ */ L("span", {
+			className: "mithrl-dropdown-menu__shortcut",
+			"aria-hidden": "true",
+			children: n
+		}) : null
+	] });
+	if (a) {
+		let { style: e, ...t } = u, n = t, r = typeof e == "function" ? e({
+			disabled: !0,
+			highlighted: !1
+		}) : e;
+		return /* @__PURE__ */ L("div", {
+			...n,
+			ref: d,
+			id: o,
+			role: "menuitem",
+			"aria-disabled": "true",
+			className: xt("mithrl-dropdown-menu__item", i),
+			style: r,
+			"data-disabled": "",
+			"data-tone": f,
+			children: p
+		});
+	}
+	return /* @__PURE__ */ L(z.Item, {
+		...u,
+		ref: d,
+		id: o,
+		label: s,
+		closeOnClick: c,
+		onClick: l,
+		render: /* @__PURE__ */ L("button", { type: "button" }),
+		nativeButton: !0,
+		className: xt("mithrl-dropdown-menu__item", i),
+		"data-tone": f,
+		children: p
+	});
+}), Ot = E(function({ children: e, leadingIcon: t, shortcut: n, className: r, closeOnClick: i = !0, ...a }, o) {
+	return /* @__PURE__ */ R(z.LinkItem, {
+		...a,
+		ref: o,
+		closeOnClick: i,
+		className: xt("mithrl-dropdown-menu__item", r),
+		"data-tone": "neutral",
+		children: [
+			t ? /* @__PURE__ */ L("span", {
+				className: "mithrl-dropdown-menu__icon",
+				"aria-hidden": "true",
+				children: t
+			}) : null,
+			/* @__PURE__ */ L("span", {
+				className: "mithrl-dropdown-menu__item-label",
+				children: e
+			}),
+			n ? /* @__PURE__ */ L("span", {
+				className: "mithrl-dropdown-menu__shortcut",
+				"aria-hidden": "true",
+				children: n
+			}) : null
+		]
+	});
+}), kt = E(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ L(z.Separator, {
+		...t,
+		ref: n,
+		className: xt("mithrl-dropdown-menu__separator-slot", e),
+		orientation: "horizontal",
+		children: /* @__PURE__ */ L(Re, { decorative: !0 })
+	});
+});
+function At({ className: e, ...t }) {
+	return /* @__PURE__ */ L("span", {
+		...t,
+		className: xt("mithrl-dropdown-menu__shortcut", e),
+		"aria-hidden": "true"
+	});
+}
+//#endregion
+//#region src/components/account-menu/AccountMenu.tsx
+function jt({ href: e, onSelect: t, disabled: n, children: r, icon: i }) {
+	return e && !n ? /* @__PURE__ */ L(Ot, {
+		href: e,
+		leadingIcon: i,
+		onClick: t,
+		children: r
+	}) : /* @__PURE__ */ L(Dt, {
+		leadingIcon: i,
+		disabled: n,
+		onClick: t,
+		children: r
+	});
+}
+function Mt({ displayName: e, message: t = "Authenticated account", account: n = {}, settings: r = {}, signOut: i = {}, labels: a, align: o = "end", ...s }) {
+	let c = e.trim(), l = t.trim();
+	if (!c) throw Error("AccountMenu requires a non-empty displayName.");
+	return /* @__PURE__ */ R(wt, {
+		...s,
+		align: o,
+		width: "default",
+		"aria-label": "Account menu",
+		className: ["mithrl-account-menu", s.className].filter(Boolean).join(" "),
+		children: [
+			/* @__PURE__ */ R(Tt, { children: [
+				/* @__PURE__ */ R(Et, {
+					className: "mithrl-account-menu__identity",
+					children: [/* @__PURE__ */ L("span", {
+						className: "mithrl-account-menu__display-name",
+						children: c
+					}), l ? /* @__PURE__ */ L("span", {
+						className: "mithrl-account-menu__message",
+						children: l
+					}) : null]
+				}),
+				/* @__PURE__ */ L(jt, {
+					...n,
+					icon: /* @__PURE__ */ L(G, { glyph: S }),
+					children: a?.account ?? "Account"
+				}),
+				/* @__PURE__ */ L(jt, {
+					...r,
+					icon: /* @__PURE__ */ L(G, { glyph: y }),
+					children: a?.settings ?? "Settings"
+				})
+			] }),
+			/* @__PURE__ */ L(kt, {}),
+			/* @__PURE__ */ L(Tt, { children: /* @__PURE__ */ L(jt, {
+				...i,
+				icon: /* @__PURE__ */ L(G, { glyph: p }),
+				children: a?.signOut ?? "Sign out"
+			}) })
+		]
+	});
+}
+//#endregion
+//#region src/components/global-app-bar/assets/horizontal-logo-dark.svg
+var Nt = "data:image/svg+xml,%3csvg%20width='1297'%20height='233'%20viewBox='0%200%201297%20233'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M362.582%20232.028C343.936%20232.028%20328.736%20216.86%20328.736%20198.182V48.3378H290.027C284.713%2048.3378%20280.366%2052.6853%20280.366%2057.9989V193.383C280.366%20214.702%20263.04%20232.028%20241.721%20232.028H203.012C185.043%20232.028%20169.875%20219.694%20165.592%20203.012H145.013C129.04%20203.012%20116.03%20190.002%20116.03%20174.029V48.2412H77.3212C72.0075%2048.2412%2067.66%2052.5887%2067.66%2057.9023V198.214C67.66%20216.86%2052.4921%20232.028%2033.8461%20232.028C15.2002%20232.028%200%20216.86%200%20198.214V38.6445C0%2017.3256%2017.3256%200%2038.6445%200H96.7078C114.645%200%20129.781%2012.3018%20134.128%2028.9189H154.739C170.712%2028.9189%20183.722%2041.9292%20183.722%2057.9023V183.69H203.077C208.39%20183.69%20212.738%20179.343%20212.738%20174.029V38.6445C212.738%2017.3256%20230.063%200%20251.382%200H309.446C327.415%200%20342.583%2012.334%20346.866%2029.0156H367.444C383.418%2029.0156%20396.428%2042.0259%20396.428%2057.9989V198.214C396.428%20216.86%20381.26%20232.06%20362.582%20232.06V232.028ZM348.058%2048.3378V198.214C348.058%20206.2%20354.563%20212.738%20362.582%20212.738C370.6%20212.738%20377.106%20206.233%20377.106%20198.214V57.9989C377.106%2052.6853%20372.758%2048.3378%20367.444%2048.3378H348.09H348.058ZM186.299%20203.012C189.648%20208.809%20195.895%20212.706%20203.045%20212.706H241.753C252.413%20212.706%20261.076%20204.043%20261.076%20193.383V57.9989C261.076%2042.0259%20274.086%2029.0156%20290.059%2029.0156H326.159C322.81%2023.2189%20316.563%2019.3222%20309.413%2019.3222H251.35C240.691%2019.3222%20232.028%2027.985%20232.028%2038.6445V174.029C232.028%20190.002%20219.018%20203.012%20203.045%20203.012H186.266H186.299ZM38.6767%2019.3222C28.0173%2019.3222%2019.3545%2027.985%2019.3545%2038.6445V198.182C19.3545%20206.168%2025.8596%20212.673%2033.8783%20212.673C41.897%20212.673%2048.37%20206.168%2048.37%20198.182V57.9023C48.37%2041.9292%2061.3803%2028.9189%2077.3533%2028.9189H113.422C110.072%2023.1867%20103.825%2019.3222%2096.74%2019.3222H38.6767ZM135.352%2048.2412V174.029C135.352%20179.343%20139.7%20183.69%20145.013%20183.69H164.368V57.9023C164.368%2052.5887%20160.02%2048.2412%20154.707%2048.2412H135.352ZM905.375%20196.572C902.638%20193.995%20901.253%20189.422%20901.253%20182.821V83.3432H937.772V51.7836H901.253V0H862.705V51.7514H830.953V83.311H862.705V188.07C862.705%20202.851%20866.924%20213.833%20875.329%20221.079C883.735%20228.324%20896.648%20231.931%20914.07%20231.931H937.805V200.404H920.06C912.975%20200.404%20908.08%20199.116%20905.375%20196.572ZM777.945%200V38.5156H816.493V0H777.945ZM777.816%20231.963H816.396V51.7836H777.816V231.996V231.963ZM724.101%2055.487C715.051%2050.592%20704.843%2048.1446%20693.475%2048.1446C683.556%2048.1446%20674.443%2049.948%20666.166%2053.6192C657.825%2057.2582%20650.902%2062.2176%20645.266%2068.4651C641.627%2072.5228%20638.729%2077.0313%20636.474%2081.9263C633.383%2073.4245%20628.069%2066.1464%20620.437%2060.0921C610.422%2052.1378%20598.474%2048.1446%20584.594%2048.1446C576.157%2048.1446%20568.235%2049.7225%20560.796%2052.8463C553.389%2055.9701%20546.755%2060.6718%20541.022%2066.9515C537.48%2070.816%20534.453%2075.2923%20531.812%2080.2839V51.7514H493.136V231.931H531.748V123.759C531.748%20114.452%20533.551%20106.691%20537.126%20100.476C540.701%2094.2603%20545.402%2089.5585%20551.295%2086.306C557.124%2083.0534%20563.436%2081.4432%20570.135%2081.4432C580.15%2081.4432%20588.394%2084.5348%20594.899%2090.6857C601.372%2096.8366%20604.625%20104.952%20604.625%20115.096V231.963H642.496V120.023C642.496%20112.52%20644.01%20105.854%20647.005%20100.057C650.032%2094.2603%20654.315%2089.7196%20659.886%2086.4026C665.425%2083.1178%20672.156%2081.4754%20680.014%2081.4754C689.417%2081.4754%20697.661%2084.3093%20704.65%2089.9772C711.638%2095.6451%20715.148%20104.823%20715.148%20117.447V231.931H753.728V113.325C753.728%2098.962%20751.055%2086.9822%20745.709%2077.3211C740.364%2067.6278%20733.15%2060.382%20724.133%2055.4548L724.101%2055.487ZM1257.91%200V231.931H1296.49V0H1257.91ZM1083.04%2056.2277C1073.29%2050.8497%201062.18%2048.1124%201049.78%2048.1124C1034.51%2048.1124%201021.66%2052.17%201011.2%2060.3176C1005.27%2064.9227%201000.12%2070.8482%20995.675%2078.0296V0H957.094V231.963H995.675V128.847C995.675%20117.93%20997.51%20109.042%201001.21%20102.215C1004.92%2095.3874%201009.94%2090.3314%201016.32%2087.1111C1022.69%2083.8585%201029.81%2082.2483%201037.64%2082.2483C1049.81%2082.2483%201059.28%2085.8229%201065.98%2092.9721C1072.67%20100.121%201076.02%20110.716%201076.02%20124.693V231.835H1114.76V119.572C1114.76%20103.857%201111.93%2090.7501%201106.26%2080.1551C1100.56%2069.5922%201092.83%2061.5735%201083.04%2056.1955V56.2277ZM1206.22%2053.3938C1200.78%2054.7463%201196.08%2056.9684%201192.12%2060.0599C1185.81%2064.9871%201181.01%2071.7499%201177.69%2080.3483L1176.6%2083.3432H1177.46V51.7836H1138.88V231.996H1177.46V129.298C1177.46%20119.605%201179.07%20111.586%201182.39%20105.21C1185.68%2098.8332%201190.12%2094.0993%201195.69%2090.9755C1201.26%2087.8517%201207.38%2086.2738%201214.08%2086.2738C1214.08%2086.2738%201214.08%2086.2738%201214.11%2086.2738C1214.11%2086.2738%201214.18%2086.2738%201214.21%2086.2738H1238.62V51.7836H1220.26C1215.14%2051.7836%201210.47%2052.3632%201206.22%2053.426V53.3938Z'%20fill='white'/%3e%3c/svg%3e", Pt = "data:image/svg+xml,%3csvg%20width='1297'%20height='233'%20viewBox='0%200%201297%20233'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M362.582%20232.028C343.936%20232.028%20328.736%20216.86%20328.736%20198.182V48.3378H290.027C284.713%2048.3378%20280.366%2052.6853%20280.366%2057.9989V193.383C280.366%20214.702%20263.04%20232.028%20241.721%20232.028H203.012C185.043%20232.028%20169.875%20219.694%20165.592%20203.012H145.013C129.04%20203.012%20116.03%20190.002%20116.03%20174.029V48.2412H77.3212C72.0075%2048.2412%2067.66%2052.5887%2067.66%2057.9023V198.214C67.66%20216.86%2052.4921%20232.028%2033.8461%20232.028C15.2002%20232.028%200%20216.86%200%20198.214V38.6445C0%2017.3256%2017.3256%200%2038.6445%200H96.7078C114.645%200%20129.781%2012.3018%20134.128%2028.9189H154.739C170.712%2028.9189%20183.722%2041.9292%20183.722%2057.9023V183.69H203.077C208.39%20183.69%20212.738%20179.343%20212.738%20174.029V38.6445C212.738%2017.3256%20230.063%200%20251.382%200H309.446C327.415%200%20342.583%2012.334%20346.866%2029.0156H367.444C383.418%2029.0156%20396.428%2042.0259%20396.428%2057.9989V198.214C396.428%20216.86%20381.26%20232.06%20362.582%20232.06V232.028ZM348.058%2048.3378V198.214C348.058%20206.2%20354.563%20212.738%20362.582%20212.738C370.6%20212.738%20377.106%20206.233%20377.106%20198.214V57.9989C377.106%2052.6853%20372.758%2048.3378%20367.444%2048.3378H348.09H348.058ZM186.299%20203.012C189.648%20208.809%20195.895%20212.706%20203.045%20212.706H241.753C252.413%20212.706%20261.076%20204.043%20261.076%20193.383V57.9989C261.076%2042.0259%20274.086%2029.0156%20290.059%2029.0156H326.159C322.81%2023.2189%20316.563%2019.3222%20309.413%2019.3222H251.35C240.691%2019.3222%20232.028%2027.985%20232.028%2038.6445V174.029C232.028%20190.002%20219.018%20203.012%20203.045%20203.012H186.266H186.299ZM38.6767%2019.3222C28.0173%2019.3222%2019.3545%2027.985%2019.3545%2038.6445V198.182C19.3545%20206.168%2025.8596%20212.673%2033.8783%20212.673C41.897%20212.673%2048.37%20206.168%2048.37%20198.182V57.9023C48.37%2041.9292%2061.3803%2028.9189%2077.3533%2028.9189H113.422C110.072%2023.1867%20103.825%2019.3222%2096.74%2019.3222H38.6767ZM135.352%2048.2412V174.029C135.352%20179.343%20139.7%20183.69%20145.013%20183.69H164.368V57.9023C164.368%2052.5887%20160.02%2048.2412%20154.707%2048.2412H135.352ZM905.375%20196.572C902.638%20193.995%20901.253%20189.422%20901.253%20182.821V83.3432H937.772V51.7836H901.253V0H862.705V51.7514H830.953V83.311H862.705V188.07C862.705%20202.851%20866.924%20213.833%20875.329%20221.079C883.735%20228.324%20896.648%20231.931%20914.07%20231.931H937.804V200.404H920.06C912.975%20200.404%20908.08%20199.116%20905.375%20196.572ZM777.945%200V38.5156H816.493V0H777.945ZM777.816%20231.963H816.396V51.7836H777.816V231.996V231.963ZM724.101%2055.487C715.051%2050.592%20704.843%2048.1446%20693.475%2048.1446C683.556%2048.1446%20674.443%2049.948%20666.166%2053.6192C657.825%2057.2582%20650.902%2062.2176%20645.266%2068.4651C641.627%2072.5228%20638.729%2077.0313%20636.474%2081.9263C633.383%2073.4245%20628.069%2066.1464%20620.437%2060.0921C610.422%2052.1378%20598.474%2048.1446%20584.594%2048.1446C576.157%2048.1446%20568.235%2049.7225%20560.796%2052.8463C553.389%2055.9701%20546.755%2060.6718%20541.022%2066.9515C537.48%2070.816%20534.453%2075.2923%20531.812%2080.2839V51.7514H493.136V231.931H531.748V123.759C531.748%20114.452%20533.551%20106.691%20537.126%20100.476C540.7%2094.2603%20545.402%2089.5585%20551.295%2086.306C557.124%2083.0534%20563.436%2081.4432%20570.135%2081.4432C580.15%2081.4432%20588.394%2084.5348%20594.899%2090.6857C601.372%2096.8366%20604.625%20104.952%20604.625%20115.096V231.963H642.496V120.023C642.496%20112.52%20644.01%20105.854%20647.005%20100.057C650.032%2094.2603%20654.315%2089.7196%20659.886%2086.4026C665.425%2083.1178%20672.156%2081.4754%20680.014%2081.4754C689.417%2081.4754%20697.661%2084.3093%20704.65%2089.9772C711.638%2095.645%20715.148%20104.823%20715.148%20117.447V231.931H753.728V113.325C753.728%2098.962%20751.055%2086.9822%20745.709%2077.3211C740.364%2067.6278%20733.15%2060.382%20724.133%2055.4548L724.101%2055.487ZM1257.91%200V231.931H1296.49V0H1257.91ZM1083.04%2056.2277C1073.29%2050.8497%201062.18%2048.1124%201049.78%2048.1124C1034.51%2048.1124%201021.66%2052.17%201011.2%2060.3176C1005.27%2064.9227%201000.12%2070.8482%20995.675%2078.0296V0H957.094V231.963H995.675V128.847C995.675%20117.93%20997.51%20109.042%201001.21%20102.215C1004.92%2095.3874%201009.94%2090.3314%201016.32%2087.1111C1022.69%2083.8585%201029.81%2082.2483%201037.64%2082.2483C1049.81%2082.2483%201059.28%2085.8229%201065.98%2092.9721C1072.67%20100.121%201076.02%20110.716%201076.02%20124.693V231.835H1114.76V119.572C1114.76%20103.857%201111.93%2090.7501%201106.26%2080.1551C1100.56%2069.5922%201092.83%2061.5735%201083.04%2056.1955V56.2277ZM1206.22%2053.3938C1200.78%2054.7463%201196.08%2056.9684%201192.12%2060.0599C1185.81%2064.9871%201181.01%2071.7499%201177.69%2080.3483L1176.6%2083.3432H1177.46V51.7836H1138.88V231.996H1177.46V129.298C1177.46%20119.605%201179.07%20111.586%201182.39%20105.21C1185.68%2098.8332%201190.12%2094.0993%201195.69%2090.9755C1201.26%2087.8517%201207.38%2086.2738%201214.08%2086.2738C1214.08%2086.2738%201214.08%2086.2738%201214.11%2086.2738C1214.11%2086.2738%201214.18%2086.2738%201214.21%2086.2738H1238.62V51.7836H1220.26C1215.14%2051.7836%201210.47%2052.3632%201206.22%2053.426V53.3938Z'%20fill='%23181818'/%3e%3c/svg%3e", Ft = [
+	"aria-controls",
+	"aria-expanded",
+	"aria-haspopup",
+	"aria-label",
+	"children",
+	"className",
+	"onClick",
+	"type"
+];
+function It(...e) {
+	return e.filter(Boolean).join(" ");
+}
+var Lt = E(function({ brandHref: e = "/", brandLabel: t = "Mithrl home", brandLinkProps: n, theme: r, defaultTheme: i = "light", onThemeChange: a, accountLabel: o, accountMenu: s, accountImageSrc: c, accountInitials: l, onAccountClick: u, accountMenuOpen: d, defaultAccountMenuOpen: f, onAccountMenuOpenChange: p, accountButtonProps: m, className: h, ...g }, _) {
+	let v = P(null), y = r !== void 0, [b, x] = F(i), S = o.trim(), C = t.trim();
+	if (!S) throw Error("GlobalAppBar requires a non-empty accountLabel.");
+	if (!C) throw Error("GlobalAppBar requires a non-empty brandLabel.");
+	let w = Ft.find((e) => e in (m ?? {}));
+	if (w) throw Error(`GlobalAppBar accountButtonProps does not support ${w}.`);
+	let T = r ?? b, E = (e) => {
+		y || x(e), a?.(e);
+	};
+	return /* @__PURE__ */ R("header", {
+		...g,
+		ref: _,
+		className: It("mithrl-global-app-bar", h),
+		"data-theme": T,
+		children: [
+			/* @__PURE__ */ R("a", {
+				...n,
+				className: "mithrl-global-app-bar__brand",
+				href: e,
+				"aria-label": C,
+				children: [/* @__PURE__ */ L("img", {
+					className: "mithrl-global-app-bar__brand-artwork mithrl-global-app-bar__brand-artwork--light",
+					src: Pt,
+					alt: "",
+					"aria-hidden": "true"
+				}), /* @__PURE__ */ L("img", {
+					className: "mithrl-global-app-bar__brand-artwork mithrl-global-app-bar__brand-artwork--dark",
+					src: Nt,
+					alt: "",
+					"aria-hidden": "true"
+				})]
+			}),
+			/* @__PURE__ */ L("span", {
+				className: "mithrl-global-app-bar__spacer",
+				"aria-hidden": "true"
+			}),
+			/* @__PURE__ */ L(pe, {
+				theme: T,
+				onThemeChange: E
+			}),
+			/* @__PURE__ */ R(Ct, {
+				open: d,
+				defaultOpen: f,
+				onOpenChange: p,
+				children: [/* @__PURE__ */ L(St, { render: /* @__PURE__ */ L("button", {
+					...m,
+					className: "mithrl-global-app-bar__account",
+					type: "button",
+					"aria-label": S,
+					onClick: u,
+					children: /* @__PURE__ */ L(Ye, {
+						size: "small",
+						src: c,
+						initials: l
+					})
+				}) }), /* @__PURE__ */ L(Mt, {
+					...s,
+					portalContainer: s.portalContainer ?? v
+				})]
+			}),
+			/* @__PURE__ */ L("div", {
+				className: "mithrl-global-app-bar__account-menu-portal",
+				ref: v
+			})
+		]
+	});
+}), Rt = {
+	rings: 1,
+	"split-response": 2,
+	"mini-matrices": 3,
+	"dot-series": 4,
+	"broken-chain": 5,
+	"orbital-pairs": 1,
+	"pulse-clusters": 2,
+	"ladder-sequence": 3,
+	"alternating-targets": 4,
+	"offset-constellations": 5,
+	"mirrored-waves": 1,
+	"binary-colonies": 2,
+	"crossing-signals": 3,
+	"nested-cadence": 4,
+	"fragmented-axis": 5
+};
+function zt(e, t) {
+	typeof e == "function" ? e(t) : e && (e.current = t);
+}
+function Bt() {
+	return /* @__PURE__ */ L(I, { children: [
+		-10,
+		38,
+		84,
+		130,
+		176,
+		224,
+		270,
+		316,
+		362,
+		408
+	].map((e, t) => {
+		let n = t % 4;
+		return n === 0 ? /* @__PURE__ */ L("circle", {
+			cx: e,
+			cy: "44",
+			r: "12",
+			fill: "currentColor"
+		}, e) : n === 1 ? /* @__PURE__ */ R("g", { children: [/* @__PURE__ */ L("circle", {
+			cx: e,
+			cy: "44",
+			r: "14",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "1.5"
+		}), /* @__PURE__ */ L("circle", {
+			cx: e,
+			cy: "44",
+			r: "9",
+			fill: "currentColor"
+		})] }, e) : /* @__PURE__ */ L("circle", {
+			cx: e,
+			cy: "44",
+			r: n === 2 ? 12 : 14,
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: n === 2 ? 2.5 : 1.5,
+			strokeDasharray: n === 3 ? "3 3" : void 0
+		}, e);
+	}) });
+}
+function Vt() {
+	return /* @__PURE__ */ R(I, { children: [
+		/* @__PURE__ */ L("circle", {
+			cx: "60",
+			cy: "44",
+			r: "12",
+			fill: "currentColor"
+		}),
+		/* @__PURE__ */ L("circle", {
+			cx: "340",
+			cy: "44",
+			r: "12",
+			fill: "currentColor"
+		}),
+		[
+			154,
+			174,
+			188,
+			212,
+			226,
+			246
+		].map((e) => /* @__PURE__ */ L("circle", {
+			cx: e,
+			cy: "44",
+			r: "2.5",
+			fill: "currentColor"
+		}, e)),
+		/* @__PURE__ */ L("line", {
+			x1: "200",
+			y1: "16",
+			x2: "200",
+			y2: "72",
+			stroke: "currentColor",
+			strokeWidth: "2"
+		})
+	] });
+}
+function Ht() {
+	return /* @__PURE__ */ L(I, { children: [
+		38,
+		74,
+		110,
+		146,
+		182,
+		218,
+		254,
+		290,
+		326,
+		362
+	].map((e) => /* @__PURE__ */ L("g", {
+		transform: `translate(${e - 9.5} 34)`,
+		children: Array.from({ length: 5 }, (e, t) => Array.from({ length: 5 }, (e, n) => /* @__PURE__ */ L("rect", {
+			x: n * 4,
+			y: t * 4,
+			width: "3",
+			height: "3",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "0.75"
+		}, `${t}-${n}`)))
+	}, e)) });
+}
+function Ut() {
+	return /* @__PURE__ */ L(I, { children: [
+		-8,
+		38,
+		84,
+		130,
+		176,
+		224,
+		270,
+		316,
+		362,
+		408
+	].map((e) => /* @__PURE__ */ L("circle", {
+		cx: e,
+		cy: "44",
+		r: "12",
+		fill: "currentColor"
+	}, e)) });
+}
+function Wt() {
+	return /* @__PURE__ */ R(I, { children: [
+		/* @__PURE__ */ L("path", {
+			d: "M-24 44H54 M54 44H116 M284 44H346 M346 44H424",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "2"
+		}),
+		/* @__PURE__ */ L("path", {
+			d: "M116 30L144 58 M256 58L284 30",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "2"
+		}),
+		[
+			54,
+			146,
+			254,
+			346
+		].map((e) => /* @__PURE__ */ L("circle", {
+			cx: e,
+			cy: "44",
+			r: "11",
+			fill: "currentColor"
+		}, e))
+	] });
+}
+function Gt() {
+	return /* @__PURE__ */ L(I, { children: [
+		72,
+		200,
+		328
+	].map((e, t) => /* @__PURE__ */ R("g", {
+		transform: `rotate(${t % 2 ? 90 : 0} ${e} 44)`,
+		children: [
+			/* @__PURE__ */ L("ellipse", {
+				cx: e,
+				cy: "44",
+				rx: "34",
+				ry: "18",
+				fill: "none",
+				stroke: "currentColor",
+				strokeWidth: "1.5"
+			}),
+			/* @__PURE__ */ L("circle", {
+				cx: e - 24,
+				cy: "44",
+				r: "6",
+				fill: "currentColor"
+			}),
+			/* @__PURE__ */ L("circle", {
+				cx: e + 24,
+				cy: "44",
+				r: "6",
+				fill: "currentColor"
+			})
+		]
+	}, e)) });
+}
+function Kt() {
+	return /* @__PURE__ */ L(I, { children: [
+		-150,
+		-90,
+		-30,
+		30,
+		90,
+		150
+	].map((e, t) => /* @__PURE__ */ R("g", {
+		transform: `translate(${200 + e} 44)`,
+		children: [/* @__PURE__ */ L("circle", {
+			r: [
+				9,
+				5,
+				9,
+				9,
+				5,
+				9
+			][t],
+			fill: "currentColor"
+		}), /* @__PURE__ */ L("circle", {
+			r: [
+				17,
+				13,
+				17,
+				17,
+				13,
+				17
+			][t],
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "1.25",
+			opacity: "0.65"
+		})]
+	}, e)) });
+}
+function qt() {
+	return /* @__PURE__ */ R(I, { children: [[
+		-8,
+		38,
+		84,
+		130,
+		176,
+		224,
+		270,
+		316,
+		362,
+		408
+	].map((e, t) => {
+		let n = 24 + t % 3 * 20;
+		return /* @__PURE__ */ L("rect", {
+			x: e - 13,
+			y: n - 4,
+			width: "26",
+			height: "8",
+			rx: "3",
+			fill: "currentColor"
+		}, e);
+	}), /* @__PURE__ */ L("line", {
+		x1: "-20",
+		y1: "44",
+		x2: "420",
+		y2: "44",
+		stroke: "currentColor",
+		strokeWidth: "1",
+		opacity: "0.45"
+	})] });
+}
+function Jt() {
+	return /* @__PURE__ */ L(I, { children: [
+		-11,
+		38,
+		84,
+		130,
+		176,
+		224,
+		270,
+		316,
+		362,
+		408
+	].map((e, t) => t % 2 ? /* @__PURE__ */ R("g", { children: [/* @__PURE__ */ L("circle", {
+		cx: e,
+		cy: "44",
+		r: "14",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "1.5"
+	}), /* @__PURE__ */ L("circle", {
+		cx: e,
+		cy: "44",
+		r: "6",
+		fill: "currentColor"
+	})] }, e) : /* @__PURE__ */ L("circle", {
+		cx: e,
+		cy: "44",
+		r: "11",
+		fill: "currentColor"
+	}, e)) });
+}
+function Yt() {
+	return /* @__PURE__ */ R(I, { children: [/* @__PURE__ */ L("path", {
+		d: "M44 30L76 54L112 26L148 60L176 38 M224 38L252 60L288 26L324 54L356 30",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "1.25",
+		opacity: "0.7"
+	}), [
+		[44, 30],
+		[76, 54],
+		[112, 26],
+		[148, 60],
+		[176, 38],
+		[224, 38],
+		[252, 60],
+		[288, 26],
+		[324, 54],
+		[356, 30]
+	].map(([e, t], n) => /* @__PURE__ */ L("circle", {
+		cx: e,
+		cy: t,
+		r: n % 3 == 0 ? 6 : 4,
+		fill: "currentColor"
+	}, n))] });
+}
+function Xt() {
+	return /* @__PURE__ */ R(I, { children: [/* @__PURE__ */ L("path", {
+		d: "M-20 44C20 6 60 6 100 44S180 82 200 44S280 6 300 44S380 82 420 44",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "2"
+	}), /* @__PURE__ */ L("path", {
+		d: "M-20 44C20 82 60 82 100 44S180 6 200 44S280 82 300 44S380 6 420 44",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "1",
+		opacity: "0.55"
+	})] });
+}
+function Zt() {
+	return /* @__PURE__ */ L(I, { children: [
+		-8,
+		38,
+		84,
+		130,
+		176,
+		224,
+		270,
+		316,
+		362,
+		408
+	].map((e, t) => /* @__PURE__ */ R("g", { children: [/* @__PURE__ */ L("circle", {
+		cx: e,
+		cy: t % 2 ? 30 : 44,
+		r: t % 3 ? 7 : 11,
+		fill: t % 2 ? "currentColor" : "none",
+		stroke: "currentColor",
+		strokeWidth: "1.5"
+	}), /* @__PURE__ */ L("circle", {
+		cx: e,
+		cy: t % 2 ? 58 : 66,
+		r: "3",
+		fill: "currentColor",
+		opacity: "0.65"
+	})] }, e)) });
+}
+function Qt() {
+	return /* @__PURE__ */ R(I, { children: [
+		/* @__PURE__ */ L("path", {
+			d: "M-20 68L120 20L200 68L280 20L420 68",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "1.5"
+		}),
+		/* @__PURE__ */ L("path", {
+			d: "M-20 20L120 68L200 20L280 68L420 20",
+			fill: "none",
+			stroke: "currentColor",
+			strokeWidth: "1.5",
+			opacity: "0.55"
+		}),
+		[
+			120,
+			200,
+			280
+		].map((e) => /* @__PURE__ */ L("circle", {
+			cx: e,
+			cy: "44",
+			r: "7",
+			fill: "currentColor"
+		}, e))
+	] });
+}
+function $t() {
+	return /* @__PURE__ */ L(I, { children: [
+		44,
+		96,
+		148,
+		200,
+		252,
+		304,
+		356
+	].map((e, t) => /* @__PURE__ */ R("g", { children: [t % 2 ? /* @__PURE__ */ L("rect", {
+		x: e - 14,
+		y: "30",
+		width: "28",
+		height: "28",
+		rx: "6",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "1.5"
+	}) : /* @__PURE__ */ L("circle", {
+		cx: e,
+		cy: "44",
+		r: "14",
+		fill: "none",
+		stroke: "currentColor",
+		strokeWidth: "1.5"
+	}), /* @__PURE__ */ L("circle", {
+		cx: e,
+		cy: "44",
+		r: t % 2 ? 5 : 8,
+		fill: "currentColor"
+	})] }, e)) });
+}
+function en() {
+	return /* @__PURE__ */ R(I, { children: [/* @__PURE__ */ L("line", {
+		x1: "-20",
+		y1: "44",
+		x2: "420",
+		y2: "44",
+		stroke: "currentColor",
+		strokeWidth: "1",
+		opacity: "0.45"
+	}), [
+		[-8, 38],
+		[54, 104],
+		[122, 176],
+		[224, 278],
+		[296, 346],
+		[362, 408]
+	].map(([e, t], n) => /* @__PURE__ */ R(w, { children: [/* @__PURE__ */ L("line", {
+		x1: e,
+		y1: n % 2 ? 34 : 54,
+		x2: t,
+		y2: n % 2 ? 34 : 54,
+		stroke: "currentColor",
+		strokeWidth: "4",
+		strokeLinecap: "round"
+	}), /* @__PURE__ */ L("circle", {
+		cx: (e + t) / 2,
+		cy: n % 2 ? 34 : 54,
+		r: "6",
+		fill: "currentColor"
+	})] }, e))] });
+}
+function tn({ artwork: e }) {
+	let t;
+	switch (e) {
+		case "rings":
+			t = /* @__PURE__ */ L(Bt, {});
+			break;
+		case "split-response":
+			t = /* @__PURE__ */ L(Vt, {});
+			break;
+		case "mini-matrices":
+			t = /* @__PURE__ */ L(Ht, {});
+			break;
+		case "dot-series":
+			t = /* @__PURE__ */ L(Ut, {});
+			break;
+		case "broken-chain":
+			t = /* @__PURE__ */ L(Wt, {});
+			break;
+		case "orbital-pairs":
+			t = /* @__PURE__ */ L(Gt, {});
+			break;
+		case "pulse-clusters":
+			t = /* @__PURE__ */ L(Kt, {});
+			break;
+		case "ladder-sequence":
+			t = /* @__PURE__ */ L(qt, {});
+			break;
+		case "alternating-targets":
+			t = /* @__PURE__ */ L(Jt, {});
+			break;
+		case "offset-constellations":
+			t = /* @__PURE__ */ L(Yt, {});
+			break;
+		case "mirrored-waves":
+			t = /* @__PURE__ */ L(Xt, {});
+			break;
+		case "binary-colonies":
+			t = /* @__PURE__ */ L(Zt, {});
+			break;
+		case "crossing-signals":
+			t = /* @__PURE__ */ L(Qt, {});
+			break;
+		case "nested-cadence":
+			t = /* @__PURE__ */ L($t, {});
+			break;
+		case "fragmented-axis":
+			t = /* @__PURE__ */ L(en, {});
+			break;
+	}
+	return /* @__PURE__ */ L("svg", {
+		className: `mithrl-project-card__artwork mithrl-project-card__artwork--chart-${Rt[e]}`,
+		"data-artwork": e,
+		viewBox: "0 0 400 88",
+		width: "400",
+		height: "88",
+		"aria-hidden": "true",
+		focusable: "false",
+		children: /* @__PURE__ */ L("g", {
+			"data-artwork-content": "",
+			children: t
+		})
+	});
+}
+function nn(e) {
+	return e === "updated" ? "Updated" : "Created";
+}
+function rn(...e) {
+	return e.filter(Boolean).join(" ");
+}
+var an = E(function({ href: e, name: t, presentation: n = "grid", previewArtwork: r, activity: i, description: a, creator: o, metrics: s = [], headingLevel: c = "h3", className: l, "aria-label": u, "aria-describedby": d, "data-preview-state": f, title: p, ...m }, h) {
+	let g = P(null), [_, v] = F(!1), y = A(), b = t.trim(), x = a?.trim(), S = o?.name.trim(), C = s.map((e) => ({
+		...e,
+		label: e.label.trim()
+	})).filter((e) => e.label), T = O((e) => {
+		g.current = e, zt(h, e);
+	}, [h]);
+	if (k(() => {
+		let e = g.current;
+		if (!e || typeof ResizeObserver > "u") return;
+		let t = (e) => v(e <= 280);
+		t(e.getBoundingClientRect().width);
+		let n = new ResizeObserver(([e]) => t(e.contentRect.width));
+		return n.observe(e), () => n.disconnect();
+	}, []), !e.trim()) throw Error("ProjectCard requires a non-empty href.");
+	if (!b) throw Error("ProjectCard requires a non-empty name.");
+	if (!i.label.trim() || !i.dateTime.trim()) throw Error("ProjectCard activity requires label and dateTime.");
+	if (s.length > 3) throw Error("ProjectCard supports at most three metrics.");
+	if (o && !S) throw Error("ProjectCard creator requires a non-empty name.");
+	let E = c, D = `${nn(i.kind)} ${i.label.trim()}`;
+	return /* @__PURE__ */ R("a", {
+		...m,
+		ref: T,
+		href: e,
+		"aria-label": u ?? b,
+		"aria-describedby": rn(d, S ? y : void 0) || void 0,
+		className: rn("mithrl-project-card", l),
+		"data-presentation": n,
+		"data-preview-state": f,
+		children: [/* @__PURE__ */ L("span", {
+			className: "mithrl-project-card__preview-shell",
+			children: /* @__PURE__ */ R("span", {
+				className: "mithrl-project-card__preview",
+				children: [/* @__PURE__ */ L(We, {
+					className: "mithrl-project-card__activity",
+					children: /* @__PURE__ */ L("time", {
+						dateTime: i.dateTime,
+						children: D
+					})
+				}), /* @__PURE__ */ L(tn, { artwork: r })]
+			})
+		}), /* @__PURE__ */ R("span", {
+			className: "mithrl-project-card__body",
+			children: [/* @__PURE__ */ R("span", {
+				className: "mithrl-project-card__primary",
+				children: [/* @__PURE__ */ L(E, {
+					className: "mithrl-project-card__title",
+					children: b
+				}), x ? /* @__PURE__ */ L("span", {
+					className: "mithrl-project-card__description",
+					children: x
+				}) : null]
+			}), C.length || S ? /* @__PURE__ */ R("span", {
+				className: "mithrl-project-card__metadata",
+				children: [C.length ? /* @__PURE__ */ L("span", {
+					className: "mithrl-project-card__metrics",
+					children: C.map((e, t) => /* @__PURE__ */ R(w, { children: [t ? /* @__PURE__ */ L("span", {
+						className: "mithrl-project-card__metric-separator",
+						"aria-hidden": "true",
+						children: "·"
+					}) : null, /* @__PURE__ */ R("span", { children: [
+						e.value,
+						" ",
+						e.label
+					] })] }, `${e.label}-${t}`))
+				}) : /* @__PURE__ */ L("span", {}), o && S ? /* @__PURE__ */ R("span", {
+					className: "mithrl-project-card__creator",
+					children: [
+						/* @__PURE__ */ R("span", {
+							id: y,
+							className: "mithrl-project-card__creator-accessible-name",
+							children: ["Project creator: ", S]
+						}),
+						/* @__PURE__ */ L(Se, {
+							content: S,
+							placement: "top",
+							arrow: !0,
+							disabled: !_,
+							children: /* @__PURE__ */ L("span", {
+								className: "mithrl-project-card__creator-avatar",
+								children: /* @__PURE__ */ L(Ye, {
+									size: "small",
+									src: o.imageSrc,
+									initials: o.initials
+								})
+							})
+						}),
+						/* @__PURE__ */ L("span", {
+							className: "mithrl-project-card__creator-name",
+							"aria-hidden": "true",
+							children: S
+						})
+					]
+				}) : null]
+			}) : null]
+		})]
+	});
+}), on = {
+	ready: "Ready to add",
+	uploading: "Uploading",
+	completed: "Uploaded",
+	failed: "Upload failed",
+	canceled: "Canceled"
+};
+function sn(...e) {
+	return e.filter(Boolean).join(" ");
+}
+function cn(e) {
+	return e === 1 ? "resource" : "resources";
+}
+function ln(e) {
+	let t = e.length, n = e.filter((e) => e.state === "uploading").length, r = e.filter((e) => e.state === "completed").length, i = e.filter((e) => e.state === "failed").length, a = e.filter((e) => e.state === "canceled").length, o = e.filter((e) => e.state === "ready").length;
+	if (t === 0) return "No resources selected";
+	if (n === t) return `Uploading ${t} ${cn(t)}`;
+	if (r === t) return `${t} ${cn(t)} uploaded`;
+	if (i === t) return `${t} ${t === 1 ? "resource needs" : "resources need"} attention`;
+	if (a === t) return `${t} ${cn(t)} canceled`;
+	if (o === t) return `${t} ${cn(t)} ready to add`;
+	let s = [];
+	return n > 0 && s.push(`${n} uploading`), r > 0 && s.push(`${r} uploaded`), i > 0 && s.push(`${i} ${i === 1 ? "needs" : "need"} attention`), a > 0 && s.push(`${a} canceled`), o > 0 && s.push(`${o} ready`), s.join(", ");
+}
+function un(e) {
+	let t = e.id.trim(), n = e.name.trim(), r = e.metadata?.trim(), i = e.errorMessage?.trim();
+	if (!t) throw Error("UploadQueue resources require a non-empty id.");
+	if (!n) throw Error("UploadQueue resources require a non-empty name.");
+	if (e.errorMessage !== void 0 && !i) throw Error("UploadQueue resource errorMessage must not be empty.");
+	return {
+		...e,
+		id: t,
+		name: n,
+		metadata: r,
+		errorMessage: i
+	};
+}
+function dn({ state: e }) {
+	return e === "uploading" ? /* @__PURE__ */ L($e, {
+		decorative: !0,
+		size: "small"
+	}) : e === "completed" ? /* @__PURE__ */ L(G, {
+		glyph: a,
+		size: "default"
+	}) : e === "failed" ? /* @__PURE__ */ L(G, {
+		glyph: i,
+		size: "default"
+	}) : e === "canceled" ? /* @__PURE__ */ L(G, {
+		glyph: _,
+		size: "default"
+	}) : null;
+}
+var fn = E(function({ resource: e, stateLabels: t, onRemove: n, onCancel: r, onRetry: i, className: a, ...s }, l) {
+	let u = un(e), d = {
+		...on,
+		...t
+	}, f = u.state === "failed" && u.errorMessage ? u.errorMessage : d[u.state], p = u.disabled || u.actionPending, m = u.kind === "folder" ? c : o, h = n ? /* @__PURE__ */ L(q, {
+		variant: "ghost",
+		size: "comfortable",
+		icon: C,
+		"aria-label": `Remove ${u.name}`,
+		disabled: u.disabled,
+		loading: u.actionPending,
+		onClick: () => n(u)
+	}) : null, g = null;
+	return u.state === "ready" ? g = h : u.state === "uploading" && r ? g = /* @__PURE__ */ L(q, {
+		variant: "ghost",
+		size: "comfortable",
+		icon: C,
+		"aria-label": `Cancel upload for ${u.name}`,
+		disabled: u.disabled,
+		loading: u.actionPending,
+		onClick: () => r(u)
+	}) : (u.state === "failed" || u.state === "canceled") && (i || n) && (g = /* @__PURE__ */ R(I, { children: [i ? /* @__PURE__ */ L(U, {
+		variant: "text",
+		size: "compact",
+		"aria-label": `Retry upload for ${u.name}`,
+		disabled: u.disabled,
+		loading: u.actionPending,
+		onClick: () => i(u),
+		children: "Retry"
+	}) : null, h] })), /* @__PURE__ */ R("li", {
+		...s,
+		ref: l,
+		className: sn("mithrl-upload-queue__item", a),
+		"data-kind": u.kind,
+		"data-state": u.state,
+		"data-action-pending": u.actionPending ? "" : void 0,
+		children: [
+			/* @__PURE__ */ L("span", {
+				className: "mithrl-upload-queue__leading",
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ L(G, {
+					glyph: m,
+					size: "default"
+				})
+			}),
+			/* @__PURE__ */ R("span", {
+				className: "mithrl-upload-queue__copy",
+				children: [/* @__PURE__ */ L(Se, {
+					content: u.name,
+					placement: "top",
+					children: /* @__PURE__ */ L("span", {
+						className: "mithrl-upload-queue__name",
+						tabIndex: 0,
+						children: u.name
+					})
+				}), /* @__PURE__ */ R("span", {
+					className: "mithrl-upload-queue__metadata",
+					children: [u.metadata ? /* @__PURE__ */ R(I, { children: [/* @__PURE__ */ L("span", { children: u.metadata }), /* @__PURE__ */ L("span", {
+						"aria-hidden": "true",
+						children: " · "
+					})] }) : null, /* @__PURE__ */ L("span", {
+						className: "mithrl-upload-queue__status-text",
+						"data-tone": u.state === "failed" ? "destructive" : "neutral",
+						children: f
+					})]
+				})]
+			}),
+			/* @__PURE__ */ R("span", {
+				className: "mithrl-upload-queue__tail",
+				children: [u.state === "ready" ? null : /* @__PURE__ */ L("span", {
+					className: "mithrl-upload-queue__status-icon",
+					"data-state": u.state,
+					"aria-hidden": "true",
+					children: /* @__PURE__ */ L(dn, { state: u.state })
+				}), g ? /* @__PURE__ */ L("span", {
+					className: "mithrl-upload-queue__actions",
+					"aria-disabled": p || void 0,
+					children: g
+				}) : null]
+			})
+		]
+	});
+}), pn = E(function({ items: e, label: t = "Selected files and folders", summary: n, showSummary: r = !0, stateLabels: i, onRemove: a, onCancel: o, onRetry: s, announcement: c, className: l, ...u }, d) {
+	let f = `mithrl-upload-queue-label-${A().replace(/:/g, "")}`, p = t.trim(), m = n?.trim(), h = c?.trim(), g = e.map(un), _ = /* @__PURE__ */ new Set();
+	if (!p) throw Error("UploadQueue requires a non-empty label.");
+	if (n !== void 0 && !m) throw Error("UploadQueue summary must not be empty.");
+	if (c !== void 0 && !h) throw Error("UploadQueue announcement must not be empty.");
+	for (let e of g) {
+		if (_.has(e.id)) throw Error(`UploadQueue resource id must be unique: ${e.id}.`);
+		_.add(e.id);
+	}
+	return /* @__PURE__ */ R("section", {
+		...u,
+		ref: d,
+		role: "region",
+		"aria-labelledby": f,
+		className: sn("mithrl-upload-queue", l),
+		children: [
+			/* @__PURE__ */ R("header", {
+				className: "mithrl-upload-queue__header",
+				children: [/* @__PURE__ */ L("span", {
+					id: f,
+					className: "mithrl-upload-queue__label",
+					children: p
+				}), r ? /* @__PURE__ */ L("span", {
+					className: "mithrl-upload-queue__summary",
+					children: m ?? ln(g)
+				}) : null]
+			}),
+			/* @__PURE__ */ L("ul", {
+				className: "mithrl-upload-queue__list",
+				children: g.map((e) => /* @__PURE__ */ L(fn, {
+					resource: e,
+					stateLabels: i,
+					onRemove: a,
+					onCancel: o,
+					onRetry: s
+				}, e.id))
+			}),
+			/* @__PURE__ */ L("span", {
+				className: "mithrl-upload-queue__announcement",
+				role: "status",
+				"aria-live": "polite",
+				"aria-atomic": "true",
+				children: h ?? ""
+			})
+		]
+	});
+});
+//#endregion
+//#region src/patterns/project-library/ProjectLibrary.tsx
+function mn(...e) {
+	return e.filter(Boolean).join(" ");
+}
+function hn({ variant: e }) {
+	return /* @__PURE__ */ L("div", {
+		className: "mithrl-project-library__empty-illustration",
+		"data-variant": e,
+		"aria-hidden": "true",
+		children: e === "no-match" ? /* @__PURE__ */ R("svg", {
+			viewBox: "0 0 96 96",
+			focusable: "false",
+			children: [
+				/* @__PURE__ */ L("path", {
+					className: "empty-art__path",
+					d: "M15 33C25 22 35 20 45 29"
+				}),
+				/* @__PURE__ */ L("path", {
+					className: "empty-art__path empty-art__path--quiet",
+					d: "M56 66C67 75 77 72 83 61"
+				}),
+				/* @__PURE__ */ L("circle", {
+					className: "empty-art__node",
+					cx: "19",
+					cy: "58",
+					r: "5"
+				}),
+				/* @__PURE__ */ L("circle", {
+					className: "empty-art__node empty-art__node--quiet",
+					cx: "76",
+					cy: "31",
+					r: "5"
+				}),
+				/* @__PURE__ */ L("circle", {
+					className: "empty-art__target",
+					cx: "47",
+					cy: "48",
+					r: "13"
+				}),
+				/* @__PURE__ */ L("path", {
+					className: "empty-art__gap",
+					d: "M58 58L69 69"
+				})
+			]
+		}) : /* @__PURE__ */ R("svg", {
+			viewBox: "0 0 96 96",
+			focusable: "false",
+			children: [
+				/* @__PURE__ */ L("circle", {
+					className: "empty-art__orbit",
+					cx: "48",
+					cy: "48",
+					r: "29"
+				}),
+				/* @__PURE__ */ L("circle", {
+					className: "empty-art__target",
+					cx: "48",
+					cy: "48",
+					r: "12"
+				}),
+				/* @__PURE__ */ L("rect", {
+					className: "empty-art__tile",
+					x: "19",
+					y: "25",
+					width: "10",
+					height: "10",
+					rx: "3"
+				}),
+				/* @__PURE__ */ L("rect", {
+					className: "empty-art__tile empty-art__tile--quiet",
+					x: "67",
+					y: "27",
+					width: "10",
+					height: "10",
+					rx: "3"
+				}),
+				/* @__PURE__ */ L("rect", {
+					className: "empty-art__tile",
+					x: "43",
+					y: "70",
+					width: "10",
+					height: "10",
+					rx: "3"
+				}),
+				/* @__PURE__ */ L("path", {
+					className: "empty-art__path",
+					d: "M29 34L38 41M66 36L58 42M48 60V70"
+				})
+			]
+		})
+	});
+}
+function gn({ variant: e }) {
+	return /* @__PURE__ */ L("div", {
+		className: "mithrl-project-library__state-illustration",
+		"data-variant": e,
+		"aria-hidden": "true",
+		children: e === "empty" ? /* @__PURE__ */ R(I, { children: [
+			/* @__PURE__ */ L("span", { className: "state-art__orbit" }),
+			/* @__PURE__ */ L("span", { className: "state-art__project" }),
+			/* @__PURE__ */ L("span", { className: "state-art__node state-art__node--one" }),
+			/* @__PURE__ */ L("span", { className: "state-art__node state-art__node--two" }),
+			/* @__PURE__ */ L("span", { className: "state-art__node state-art__node--three" })
+		] }) : /* @__PURE__ */ R(I, { children: [
+			/* @__PURE__ */ L("span", { className: "state-art__source" }),
+			/* @__PURE__ */ L("span", { className: "state-art__connection state-art__connection--one" }),
+			/* @__PURE__ */ L("span", { className: "state-art__connection state-art__connection--two" }),
+			/* @__PURE__ */ L("span", { className: "state-art__destination" })
+		] })
+	});
+}
+function _n({ className: e }) {
+	return /* @__PURE__ */ L("li", {
+		className: mn("mithrl-project-library__skeleton-item", e),
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ R("div", {
+			className: "mithrl-project-library__skeleton-card",
+			children: [/* @__PURE__ */ L(nt, {
+				className: "mithrl-project-library__skeleton-preview",
+				radius: "large"
+			}), /* @__PURE__ */ R("div", {
+				className: "mithrl-project-library__skeleton-body",
+				children: [
+					/* @__PURE__ */ L(nt, {
+						className: "mithrl-project-library__skeleton-title",
+						radius: "small"
+					}),
+					/* @__PURE__ */ L(nt, {
+						className: "mithrl-project-library__skeleton-description",
+						radius: "small"
+					}),
+					/* @__PURE__ */ R("div", {
+						className: "mithrl-project-library__skeleton-metadata",
+						children: [
+							/* @__PURE__ */ L(nt, {
+								className: "mithrl-project-library__skeleton-avatar",
+								radius: "full"
+							}),
+							/* @__PURE__ */ L(nt, {
+								className: "mithrl-project-library__skeleton-creator",
+								radius: "small"
+							}),
+							/* @__PURE__ */ L(nt, {
+								className: "mithrl-project-library__skeleton-activity",
+								radius: "small"
+							})
+						]
+					})
+				]
+			})]
+		})
+	});
+}
+function vn({ value: e, defaultValue: t, onChange: n }) {
+	let [r, i] = F(t), a = e !== void 0;
+	return [e ?? r, O((e) => {
+		a || i(e), n?.(e);
+	}, [a, n])];
+}
+function yn(e, t) {
+	let n = Date.parse(e.activity.dateTime), r = Date.parse(t.activity.dateTime), i = Number.isNaN(n) ? 0 : n;
+	return (Number.isNaN(r) ? 0 : r) - i;
+}
+function bn(e) {
+	return e.trim().toLocaleLowerCase();
+}
+var xn = typeof window > "u" ? k : M;
+function Sn(e) {
+	let t = /* @__PURE__ */ new Set();
+	for (let n of e) {
+		let e = n.id.trim();
+		if (!e) throw Error("ProjectLibrary projects require a non-empty id.");
+		if (t.has(e)) throw Error(`ProjectLibrary project ids must be unique: "${e}".`);
+		t.add(e);
+	}
+}
+var Cn = E(function({ projects: e, state: n = "ready", resultCount: r, scope: i, defaultScope: a = "mine", onScopeChange: o, query: s, defaultQuery: c = "", onQueryChange: l, sort: f, defaultSort: p = "activity", onSortChange: m, presentation: h, defaultPresentation: _ = "grid", onPresentationChange: y, initialVisibleCount: b = 12, loadMoreCount: x = 12, onLoadMore: S, loadingMore: C = !1, retrying: w = !1, onRetry: T, onNewProject: E, newProjectTriggerId: D, newProjectLabel: O = "New project", hideCreatorInMyProjects: j = !0, className: M, ...I }, ee) {
+	let [z, B] = vn({
+		value: i,
+		defaultValue: a,
+		onChange: o
+	}), [V, H] = vn({
+		value: s,
+		defaultValue: c,
+		onChange: l
+	}), [W, ne] = vn({
+		value: f,
+		defaultValue: p,
+		onChange: m
+	}), [K, q] = vn({
+		value: h,
+		defaultValue: _,
+		onChange: y
+	}), [J, Y] = F(b), [X, re] = F(0), ie = P(null), oe = P([]), se = P(null), ce = A().replace(/:/g, ""), le = `project-library-heading-${ce}`, ue = `project-library-results-${ce}`, de = `project-library-scope-mine-${ce}`, fe = `project-library-scope-all-${ce}`, pe = `project-library-view-label-${ce}`, Z = bn(V);
+	if (Sn(e), b < 1 || !Number.isInteger(b)) throw Error("ProjectLibrary initialVisibleCount must be a positive integer.");
+	if (x < 1 || !Number.isInteger(x)) throw Error("ProjectLibrary loadMoreCount must be a positive integer.");
+	if (r !== void 0 && r < 0) throw Error("ProjectLibrary resultCount cannot be negative.");
+	if (!O.trim()) throw Error("ProjectLibrary requires a non-empty newProjectLabel.");
+	if (n === "error" && !T) throw Error("ProjectLibrary requires onRetry when state is error.");
+	if (w && n !== "error") throw Error("ProjectLibrary retrying is only valid when state is error.");
+	let me = N(() => {
+		let t = z === "mine" ? e.filter((e) => e.ownedByCurrentUser) : [...e];
+		return [...Z ? t.filter((e) => [e.name, e.description].filter(Boolean).some((e) => e.toLocaleLowerCase().includes(Z))) : t].sort((e, t) => W === "name" ? e.name.localeCompare(t.name) : yn(e, t));
+	}, [
+		Z,
+		e,
+		z,
+		W
+	]), he = s === void 0 && Z || i === void 0 && z === "mine" ? me.length : Math.max(r ?? 0, me.length), Q = me.slice(0, J), _e = Q.length, ve = _e < he, ye = X >= 760, be = K === "list" && ye ? "list" : "grid", xe = be === "grid" && Q.length % 3 == 2, $ = n === "loading", Se = n === "ready", Ce = $ || C || w, we = n === "ready" || n === "loading", Te = n !== "empty", De = C ? Math.min(x, Math.max(he - _e, 0)) : 0;
+	k(() => {
+		Y(b);
+	}, [
+		b,
+		Z,
+		z,
+		W
+	]), xn(() => {
+		let e = ie.current;
+		if (!e) return;
+		let t = () => re(e.getBoundingClientRect().width);
+		if (t(), typeof ResizeObserver > "u") return;
+		let n = new ResizeObserver(t);
+		return n.observe(e), () => n.disconnect();
+	}, []), xn(() => {
+		let e = se.current;
+		if (e === null || _e <= e) return;
+		if (ve) {
+			se.current = null;
+			return;
+		}
+		let t = oe.current[e];
+		t && (t.focus(), se.current = null);
+	}, [_e, ve]);
+	let Oe = (e) => {
+		if (e === K) return;
+		let t = () => q(e), n = document;
+		!window.matchMedia?.("(prefers-reduced-motion: reduce)").matches && n.startViewTransition ? n.startViewTransition(() => {
+			te(t);
+		}) : t();
+	}, ke = () => {
+		C || (se.current = _e, Y((e) => e + x), S?.());
+	}, Ae = Z ? `No projects match “${V.trim()}”.` : z === "mine" ? "No projects in My projects yet." : "No projects in All projects.", je = $ ? "Loading projects." : n === "empty" ? "No projects are available." : n === "error" ? w ? "Retrying projects." : "Projects could not be loaded." : `${he} ${he === 1 ? "project" : "projects"} shown in ${z === "mine" ? "My projects" : "All projects"}.${K === "list" && !ye ? " List preference is temporarily displayed as Grid at this width." : ""}`;
+	return /* @__PURE__ */ L("main", {
+		...I,
+		ref: ee,
+		className: mn("mithrl-project-library", M),
+		"aria-labelledby": le,
+		"data-presentation": K,
+		"data-effective-presentation": be,
+		"data-state": n,
+		"data-list-fallback": K === "list" && !ye ? "" : void 0,
+		children: /* @__PURE__ */ R("div", {
+			className: "mithrl-project-library__frame",
+			children: [
+				/* @__PURE__ */ R("div", {
+					className: "mithrl-project-library__toolbar",
+					"aria-label": "Project controls",
+					children: [
+						/* @__PURE__ */ R("div", {
+							className: "mithrl-project-library__primary-controls",
+							children: [/* @__PURE__ */ R("div", {
+								className: "mithrl-project-library__heading-group",
+								children: [/* @__PURE__ */ L("h1", {
+									id: le,
+									children: "Projects"
+								}), $ ? /* @__PURE__ */ L(nt, {
+									className: "mithrl-project-library__count-skeleton",
+									radius: "full"
+								}) : n === "error" ? null : /* @__PURE__ */ L(Ve, {
+									className: "mithrl-project-library__count",
+									children: n === "empty" ? 0 : he
+								})]
+							}), we ? /* @__PURE__ */ L(ae, {
+								className: "mithrl-project-library__scope",
+								"aria-label": "Project scope",
+								items: [{
+									value: "mine",
+									label: "My projects",
+									panelId: ue,
+									id: de,
+									disabled: $
+								}, {
+									value: "all",
+									label: "All projects",
+									panelId: ue,
+									id: fe,
+									disabled: $
+								}],
+								value: z,
+								onValueChange: (e) => B(e),
+								size: "md"
+							}) : null]
+						}),
+						we ? /* @__PURE__ */ R("div", {
+							className: "mithrl-project-library__secondary-controls",
+							children: [
+								/* @__PURE__ */ L(Ee, {
+									className: "mithrl-project-library__search",
+									"aria-label": "Search projects",
+									placeholder: "Search projects",
+									surface: "transparent",
+									value: V,
+									disabled: $,
+									onChange: (e) => H(e.currentTarget.value),
+									leadingVisual: /* @__PURE__ */ L(G, {
+										glyph: v,
+										size: "default"
+									})
+								}),
+								/* @__PURE__ */ R(Pe, {
+									className: "mithrl-project-library__sort",
+									"aria-label": "Sort projects",
+									value: W,
+									disabled: $,
+									onChange: (e) => ne(e.currentTarget.value),
+									leadingVisual: /* @__PURE__ */ L(G, {
+										glyph: t,
+										size: "default"
+									}),
+									children: [/* @__PURE__ */ L("option", {
+										value: "activity",
+										children: "Last activity"
+									}), /* @__PURE__ */ L("option", {
+										value: "name",
+										children: "Name"
+									})]
+								}),
+								/* @__PURE__ */ R("div", {
+									className: "mithrl-project-library__view",
+									role: "group",
+									"aria-labelledby": pe,
+									children: [
+										/* @__PURE__ */ L("span", {
+											id: pe,
+											className: "mithrl-project-library__sr-only",
+											children: "Project presentation"
+										}),
+										/* @__PURE__ */ L(ge, {
+											icon: u,
+											size: "default",
+											"aria-label": "Grid view",
+											disabled: $,
+											pressed: K === "grid",
+											onPressedChange: (e) => e && Oe("grid")
+										}),
+										/* @__PURE__ */ L(ge, {
+											icon: d,
+											size: "default",
+											"aria-label": "List view",
+											disabled: $,
+											pressed: K === "list",
+											onPressedChange: (e) => e && Oe("list")
+										})
+									]
+								})
+							]
+						}) : null,
+						Te ? /* @__PURE__ */ L(U, {
+							id: D,
+							className: "mithrl-project-library__new-project",
+							variant: "brand",
+							size: "comfortable",
+							leadingIcon: /* @__PURE__ */ L(G, {
+								glyph: g,
+								size: "default"
+							}),
+							"aria-label": O,
+							onClick: E,
+							children: O
+						}) : null
+					]
+				}),
+				/* @__PURE__ */ L("p", {
+					className: "mithrl-project-library__sr-only",
+					"aria-live": "polite",
+					"aria-atomic": "true",
+					children: je
+				}),
+				/* @__PURE__ */ R("div", {
+					id: ue,
+					ref: ie,
+					className: "mithrl-project-library__results",
+					role: we ? "tabpanel" : "region",
+					"aria-labelledby": we ? z === "mine" ? de : fe : le,
+					"aria-busy": Ce || void 0,
+					children: [$ ? /* @__PURE__ */ L("ul", {
+						className: "mithrl-project-library__skeleton-collection",
+						"aria-hidden": "true",
+						children: Array.from({ length: 6 }, (e, t) => /* @__PURE__ */ L(_n, { className: `mithrl-project-library__skeleton-item--${t + 1}` }, t))
+					}) : n === "empty" ? /* @__PURE__ */ R("section", {
+						className: "mithrl-project-library__structural-state",
+						children: [
+							/* @__PURE__ */ L(gn, { variant: "empty" }),
+							/* @__PURE__ */ L("h2", { children: "Create your first project" }),
+							/* @__PURE__ */ L("p", { children: "Start a workspace for your research, files, and agent context." }),
+							/* @__PURE__ */ L(U, {
+								id: D,
+								variant: "brand",
+								size: "comfortable",
+								leadingIcon: /* @__PURE__ */ L(G, {
+									glyph: g,
+									size: "default"
+								}),
+								onClick: E,
+								children: O
+							})
+						]
+					}) : n === "error" ? /* @__PURE__ */ R("section", {
+						className: "mithrl-project-library__structural-state",
+						children: [
+							/* @__PURE__ */ L(gn, { variant: "error" }),
+							/* @__PURE__ */ L("h2", { children: "We couldn’t load projects" }),
+							/* @__PURE__ */ L("p", { children: "Check the connection and try again. Creating a new project remains available." }),
+							/* @__PURE__ */ L(U, {
+								className: "mithrl-project-library__retry-button",
+								variant: "outline",
+								"aria-disabled": w || void 0,
+								leadingIcon: w ? /* @__PURE__ */ L($e, {
+									size: "xsmall",
+									decorative: !0
+								}) : void 0,
+								onClick: () => {
+									w || T?.();
+								},
+								children: "Try again"
+							})
+						]
+					}) : Q.length ? /* @__PURE__ */ R("ul", {
+						className: "mithrl-project-library__collection",
+						"data-presentation": be,
+						"data-balanced-final-pair": xe ? "" : void 0,
+						children: [Q.map((e, t) => {
+							let { id: n, ownedByCurrentUser: r, creator: i, ...a } = e;
+							return /* @__PURE__ */ L("li", {
+								className: mn("mithrl-project-library__item", xe && t >= Q.length - 2 ? "mithrl-project-library__item--balanced-final-pair" : void 0),
+								"aria-posinset": t + 1,
+								"aria-setsize": he,
+								style: { viewTransitionName: `project-${n.replace(/[^a-zA-Z0-9_-]/g, "-")}` },
+								children: /* @__PURE__ */ L(an, {
+									...a,
+									ref: (e) => {
+										oe.current[t] = e;
+									},
+									creator: z === "mine" && j ? void 0 : i,
+									headingLevel: "h2",
+									presentation: be
+								})
+							}, n);
+						}), Array.from({ length: De }, (e, t) => /* @__PURE__ */ L(_n, { className: "mithrl-project-library__skeleton-item--incoming" }, `incoming-${t}`))]
+					}) : /* @__PURE__ */ R("section", {
+						className: "mithrl-project-library__empty",
+						"aria-live": "polite",
+						children: [
+							/* @__PURE__ */ L(hn, { variant: Z ? "no-match" : "mine" }),
+							/* @__PURE__ */ L("h2", { children: Ae }),
+							/* @__PURE__ */ L("p", { children: Z ? "Clear Search to restore projects in the active scope." : z === "mine" ? "Create a project or switch to All projects to discover shared work." : "Change scope or create a new project to continue." }),
+							/* @__PURE__ */ R("div", {
+								className: "mithrl-project-library__empty-actions",
+								children: [Z ? /* @__PURE__ */ L(U, {
+									variant: "outline",
+									onClick: () => H(""),
+									children: "Clear search"
+								}) : null, !Z && z === "mine" ? /* @__PURE__ */ L(U, {
+									variant: "outline",
+									onClick: () => B("all"),
+									children: "View all projects"
+								}) : null]
+							})
+						]
+					}), Se && Q.length && ve ? /* @__PURE__ */ R("div", {
+						className: "mithrl-project-library__continuation",
+						children: [/* @__PURE__ */ L(U, {
+							variant: "outline",
+							loading: C,
+							onClick: ke,
+							onBlur: (e) => {
+								e.relatedTarget !== null && (se.current = null);
+							},
+							children: "Load more projects"
+						}), /* @__PURE__ */ R("span", { children: [
+							_e,
+							" of ",
+							he,
+							" projects"
+						] })]
+					}) : null]
+				})
+			]
+		})
+	});
+});
+//#endregion
+//#region src/components/dialog/Dialog.tsx
+function wn(...e) {
+	return e.filter(Boolean).join(" ");
+}
+var Tn = e("mithrl-dialog__popup", {
+	variants: { size: {
+		small: "mithrl-dialog__popup--small",
+		default: "mithrl-dialog__popup--default",
+		large: "mithrl-dialog__popup--large"
+	} },
+	defaultVariants: { size: "default" }
+});
+function En(e) {
+	return /* @__PURE__ */ L(B.Root, {
+		...e,
+		modal: !0
+	});
+}
+var Dn = B.Trigger, On = B.Portal, kn = E(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ L(B.Backdrop, {
+		...t,
+		ref: n,
+		className: wn("mithrl-dialog__backdrop", e)
+	});
+}), An = E(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ L(B.Viewport, {
+		...t,
+		ref: n,
+		className: wn("mithrl-dialog__viewport", e)
+	});
+}), jn = E(function({ size: e = "default", className: t, ...n }, r) {
+	let i = e ?? "default";
+	return /* @__PURE__ */ L(B.Popup, {
+		...n,
+		ref: r,
+		className: Tn({
+			size: i,
+			className: t
+		}),
+		"data-size": i
+	});
+}), Mn = E(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ L("header", {
+		...t,
+		ref: n,
+		className: wn("mithrl-dialog__header", e)
+	});
+}), Nn = E(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ L(B.Title, {
+		...t,
+		ref: n,
+		className: wn("mithrl-dialog__title", e)
+	});
+}), Pn = E(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ L(B.Description, {
+		...t,
+		ref: n,
+		className: wn("mithrl-dialog__description", e)
+	});
+}), Fn = E(function({ className: e, onScroll: t, ...n }, r) {
+	let [i, a] = F(!1), o = (e) => {
+		a(e.currentTarget.scrollTop > 0), t?.(e);
+	};
+	return /* @__PURE__ */ L("div", {
+		...n,
+		ref: r,
+		className: wn("mithrl-dialog__body", e),
+		"data-scrolled": i ? "" : void 0,
+		onScroll: o
+	});
+}), In = E(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ L("footer", {
+		...t,
+		ref: n,
+		className: wn("mithrl-dialog__footer", e)
+	});
+}), Ln = B.Close, Rn = E(function({ label: e = "Close", className: t, ...n }, r) {
+	let i = e.trim();
+	if (!i) throw Error("DialogCloseButton requires a non-empty label.");
+	return /* @__PURE__ */ L(B.Close, {
+		ref: r,
+		render: /* @__PURE__ */ L(q, {
+			...n,
+			icon: C,
+			variant: "ghost",
+			size: "comfortable",
+			"aria-label": i,
+			className: wn("mithrl-dialog__close-button", t)
+		})
+	});
+}), zn = E(function({ children: e, portalContainer: t, keepMounted: n, backdropProps: r, viewportProps: i, ...a }, o) {
+	return /* @__PURE__ */ R(On, {
+		container: t,
+		keepMounted: n,
+		children: [/* @__PURE__ */ L(kn, { ...r }), /* @__PURE__ */ L(An, {
+			...i,
+			children: /* @__PURE__ */ L(jn, {
+				...a,
+				ref: o,
+				children: e
+			})
+		})]
+	});
+});
+//#endregion
+//#region src/components/file-dropzone/FileDropzone.tsx
+function Bn(...e) {
+	return e.filter(Boolean).join(" ");
+}
+function Vn(e, t) {
+	let n = t.split(",").map((e) => e.trim().toLowerCase()).filter(Boolean);
+	if (!n.length) return !0;
+	let r = e.name.toLowerCase(), i = e.type.toLowerCase(), a = r.split("."), o = a.slice(1).map((e, t) => `.${a.slice(t + 1).join(".")}`);
+	return n.some((e) => e.startsWith(".") ? o.includes(e) : e.endsWith("/*") ? i.startsWith(e.slice(0, -1)) : i === e);
+}
+function Hn(e, { accept: t, maxFiles: n, maxFileSize: r, multiple: i }) {
+	let a = i === !1 ? 1 : n;
+	return a !== void 0 && e.length > a ? {
+		valid: !1,
+		reason: "count",
+		message: a === 1 ? "Choose one file at a time." : `Choose no more than ${a} files at a time.`
+	} : r !== void 0 && e.some((e) => e.size > r) ? {
+		valid: !1,
+		reason: "size",
+		message: "One or more files exceed the allowed size."
+	} : t && e.some((e) => !Vn(e, t)) ? {
+		valid: !1,
+		reason: "type",
+		message: "One or more file types are not supported."
+	} : { valid: !0 };
+}
+function Un(e) {
+	return Array.from(e.dataTransfer.files);
+}
+function Wn(e) {
+	return e.webkitGetAsEntry?.() ?? null;
+}
+function Gn(e) {
+	return new Promise((t, n) => e.file(t, n));
+}
+async function Kn(e) {
+	let t = e.createReader(), n = [];
+	for (;;) {
+		let e = await new Promise((e, n) => t.readEntries(e, n));
+		if (!e.length) return n;
+		n.push(...e);
+	}
+}
+function qn(e, t) {
+	if (e.webkitRelativePath === t) return e;
+	try {
+		return Object.defineProperty(e, "webkitRelativePath", {
+			configurable: !0,
+			value: t
+		}), e;
+	} catch {
+		let n = new File([e], e.name, {
+			lastModified: e.lastModified,
+			type: e.type
+		});
+		return Object.defineProperty(n, "webkitRelativePath", {
+			configurable: !0,
+			value: t
+		}), n;
+	}
+}
+async function Jn(e, t = "") {
+	let n = t ? `${t}/${e.name}` : e.name;
+	if (e.isFile) {
+		let r = await Gn(e);
+		return [t ? qn(r, n) : r];
+	}
+	let r = await Kn(e);
+	return (await Promise.all(r.map((e) => Jn(e, n)))).flat();
+}
+async function Yn(e) {
+	let t = Array.from(e.files), n = Array.from(e.items).filter((e) => e.kind === "file").map(Wn).filter((e) => e !== null);
+	if (!(n.some((e) => e.isDirectory) || t.length === 0 && n.length > 0)) return t;
+	try {
+		return (await Promise.all(n.map((e) => Jn(e)))).flat();
+	} catch {
+		return t;
+	}
+}
+function Xn(e) {
+	return Array.from(e.dataTransfer.items).filter((e) => e.kind === "file").map((e) => e.getAsFile()).filter((e) => e !== null);
+}
+function Zn(e, t) {
+	let n = Array.from(e.dataTransfer.items).filter((e) => e.kind === "file"), r = t.multiple === !1 ? 1 : t.maxFiles;
+	if (r !== void 0 && n.length > r) return {
+		valid: !1,
+		reason: "count",
+		message: r === 1 ? "Choose one file at a time." : `Choose no more than ${r} files at a time.`
+	};
+	if (!t.accept || !n.length) return { valid: !0 };
+	let i = t.accept.split(",").map((e) => e.trim().toLowerCase()).filter(Boolean), a = i.some((e) => e.startsWith(".")), o = i.filter((e) => !e.startsWith("."));
+	return !a && o.length > 0 && n.some((e) => {
+		let t = e.type.toLowerCase();
+		return t ? !o.some((e) => e.endsWith("/*") ? t.startsWith(e.slice(0, -1)) : t === e) : !1;
+	}) ? {
+		valid: !1,
+		reason: "type",
+		message: "One or more file types are not supported."
+	} : { valid: !0 };
+}
+var Qn = E(function({ label: e, accept: t, multiple: n = !0, enableFolderSelection: r = !1, maxFiles: i, maxFileSize: a, disabled: o = !1, onSelection: s, onReject: c, className: l, "data-preview-state": u, ...d }, f) {
+	let p = e.trim(), m = `${A()}-helper`, h = P(null), g = P(null), _ = P(null), v = P(!1), y = P(0), b = P(!0), [S, C] = F("idle"), [w, T] = F(!1), [E, D] = F(!1), [O, M] = F("One or more files cannot be added."), [ee, te] = F("One or more files cannot be added."), z = N(() => ({
+		accept: t,
+		maxFiles: i,
+		maxFileSize: a,
+		multiple: n
+	}), [
+		t,
+		a,
+		i,
+		n
+	]), B = P({
+		disabled: o,
+		onReject: c,
+		onSelection: s,
+		validationPolicy: z
+	});
+	B.current = {
+		disabled: o,
+		onReject: c,
+		onSelection: s,
+		validationPolicy: z
+	}, k(() => (b.current = !0, () => {
+		b.current = !1, y.current += 1;
+	}), []), k(() => {
+		o && (v.current = !1, y.current += 1, C("idle"));
+	}, [o]);
+	let V = o ? "disabled" : u ?? (S === "rejected" ? "drag-rejected" : S === "active" ? "drag-active" : E ? "drag-rejected" : w ? "selection-received" : "default"), H = (e, t) => {
+		let n = B.current;
+		if (n.disabled) return;
+		if (!e.length) {
+			C("idle");
+			return;
+		}
+		let r = Hn(e, n.validationPolicy);
+		if (!r.valid) {
+			C("idle"), D(!0), T(!1), M(r.message), n.onReject?.({
+				files: e,
+				reason: r.reason,
+				message: r.message
+			});
+			return;
+		}
+		C("idle"), D(!1), T(!0), n.onSelection?.({
+			files: e,
+			source: t
+		});
+	};
+	if (j(f, () => ({
+		browseFiles: () => {
+			o || h.current?.click();
+		},
+		browseFolder: () => {
+			!o && r && g.current?.click();
+		},
+		focusBrowse: () => _.current?.focus()
+	}), [o, r]), !p) throw Error("FileDropzone requires a non-empty label.");
+	if (i !== void 0 && i < 1) throw Error("FileDropzone maxFiles must be at least 1.");
+	if (a !== void 0 && a < 1) throw Error("FileDropzone maxFileSize must be at least 1 byte.");
+	let U = (e, t) => {
+		y.current += 1, H(Array.from(e.currentTarget.files ?? []), t), e.currentTarget.value = "";
+	}, W = (e) => {
+		if (e.preventDefault(), o) {
+			v.current = !1, C("idle");
+			return;
+		}
+		let t = Un(e), n = t.length ? t : Xn(e), r = n.length ? Hn(n, z) : Zn(e, z);
+		if (!(n.length > 0 || Array.from(e.dataTransfer.items).some((e) => e.kind === "file") || Array.from(e.dataTransfer.types).includes("Files"))) {
+			v.current = !1, C("idle");
+			return;
+		}
+		v.current = r.valid, C(r.valid ? "active" : "rejected"), r.valid || te(r.message);
+	}, ne = (e) => {
+		if (e.preventDefault(), o) {
+			e.dataTransfer.dropEffect = "none";
+			return;
+		}
+		e.dataTransfer.dropEffect = v.current ? "copy" : "none";
+	}, K = (e) => {
+		if (e.preventDefault(), o) {
+			v.current = !1, C("idle");
+			return;
+		}
+		let t = e.currentTarget.getBoundingClientRect();
+		e.clientX >= t.left && e.clientX <= t.right && e.clientY >= t.top && e.clientY <= t.bottom || (v.current = !1, C("idle"));
+	}, q = async (e) => {
+		if (e.preventDefault(), o) {
+			v.current = !1, C("idle");
+			return;
+		}
+		v.current = !1, C("idle");
+		let t = ++y.current, n = await Yn(e.dataTransfer);
+		!b.current || t !== y.current || H(n, "drop");
+	}, J = {
+		default: {
+			instruction: "Drag and drop files or folders",
+			helper: "browse"
+		},
+		"drag-active": {
+			instruction: "Drop to add files or folders",
+			helper: "Release anywhere inside this target."
+		},
+		"drag-rejected": {
+			instruction: "These files can’t be added",
+			helper: S === "rejected" ? ee : O
+		},
+		disabled: {
+			instruction: "File selection unavailable",
+			helper: "This control is currently disabled."
+		},
+		"selection-received": {
+			instruction: "Files added",
+			helper: "browse"
+		}
+	}[V], Y = V === "default" || V === "drag-rejected" || V === "selection-received", X = r ? {
+		webkitdirectory: "",
+		directory: ""
+	} : {};
+	return /* @__PURE__ */ R("div", {
+		...d,
+		className: Bn("mithrl-file-dropzone", l),
+		role: "group",
+		"aria-label": p,
+		"aria-describedby": m,
+		"aria-disabled": o || void 0,
+		"data-state": V,
+		onDragEnter: W,
+		onDragOver: ne,
+		onDragLeave: K,
+		onDrop: q,
+		children: [
+			/* @__PURE__ */ L("input", {
+				ref: h,
+				className: "mithrl-file-dropzone__input",
+				type: "file",
+				tabIndex: -1,
+				"aria-hidden": "true",
+				accept: t,
+				multiple: n,
+				disabled: o,
+				onChange: (e) => U(e, "browse")
+			}),
+			r ? /* @__PURE__ */ L("input", {
+				...X,
+				ref: g,
+				className: "mithrl-file-dropzone__input",
+				type: "file",
+				tabIndex: -1,
+				"aria-hidden": "true",
+				accept: t,
+				multiple: !0,
+				disabled: o,
+				onChange: (e) => U(e, "folder")
+			}) : null,
+			/* @__PURE__ */ L("span", {
+				className: "mithrl-file-dropzone__icon",
+				"aria-hidden": "true",
+				children: /* @__PURE__ */ L(G, {
+					glyph: x,
+					size: "large"
+				})
+			}),
+			/* @__PURE__ */ R("span", {
+				className: "mithrl-file-dropzone__copy",
+				children: [/* @__PURE__ */ L("strong", { children: J.instruction }), /* @__PURE__ */ R("span", {
+					id: m,
+					children: [/* @__PURE__ */ L("span", {
+						role: V === "drag-rejected" ? "alert" : void 0,
+						children: J.helper === "browse" ? "or " : J.helper
+					}), Y ? /* @__PURE__ */ R(I, { children: [
+						J.helper === "browse" ? null : " ",
+						/* @__PURE__ */ L("button", {
+							ref: _,
+							className: "mithrl-file-dropzone__browse",
+							type: "button",
+							disabled: o,
+							onClick: () => h.current?.click(),
+							children: "click to browse"
+						}),
+						" ",
+						"files",
+						V === "drag-rejected" ? " again" : null
+					] }) : null]
+				})]
+			})
+		]
+	});
+});
+//#endregion
+//#region src/patterns/new-project-dialog/NewProjectDialog.tsx
+function $n(...e) {
+	return e.filter(Boolean).join(" ");
+}
+function er(e) {
+	return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${Math.round(e / 1024)} KB` : e < 1024 * 1024 * 1024 ? `${(e / (1024 * 1024)).toFixed(1)} MB` : `${(e / (1024 * 1024 * 1024)).toFixed(1)} GB`;
+}
+function tr(e) {
+	return [
+		e.webkitRelativePath || e.name,
+		e.size,
+		e.lastModified
+	].join(":");
+}
+function nr(e) {
+	let t = /* @__PURE__ */ new Map(), n = [];
+	for (let r of e.files) {
+		let e = r.webkitRelativePath?.trim(), i = e?.includes("/") ? e.split("/")[0] : void 0;
+		i ? t.set(i, [...t.get(i) ?? [], r]) : n.push(r);
+	}
+	let r = Array.from(t, ([e, t]) => ({
+		id: `folder:${e}:${t.map(tr).join("|")}`,
+		name: e,
+		kind: "folder",
+		metadata: `${t.length} ${t.length === 1 ? "file" : "files"}`,
+		files: t
+	})), i = n.map((e) => ({
+		id: `file:${tr(e)}`,
+		name: e.name,
+		kind: "file",
+		metadata: er(e.size),
+		files: [e]
+	}));
+	return [...r, ...i];
+}
+function rr(e, t = !1) {
+	return {
+		id: e.id,
+		name: e.name,
+		kind: e.kind,
+		metadata: e.metadata,
+		state: "ready",
+		disabled: t
+	};
+}
+function ir(e, t) {
+	return e.length === t.length && e.every((e, n) => {
+		let r = t[n];
+		return e.id === r.id && e.name === r.name && e.kind === r.kind && e.metadata === r.metadata && e.files.length === r.files.length && e.files.every((e, t) => e === r.files[t]);
+	});
+}
+function ar(e) {
+	return {
+		name: e?.name ?? "",
+		description: e?.description ?? "",
+		agentContext: e?.agentContext ?? "",
+		resources: [...e?.resources ?? []]
+	};
+}
+function or({ open: e, defaultOpen: t = !1, onOpenChange: n, triggerId: r, initialValue: i, onCreate: a, onResourcesChange: o, submitting: c, submitError: u, accept: d, maxFiles: f, maxFileSize: p, portalContainer: m, className: h }) {
+	let g = ar(i), [_, v] = F(t), [y, b] = F(g.name), [x, S] = F(g.description), [C, w] = F(g.agentContext), [T, E] = F(g.resources), [D, O] = F(), [j, M] = F(), [N, I] = F(!1), [ee, te] = F(!1), [z, B] = F(0), V = P(null), H = P(null), W = P(null), ne = P(), K = P(!1), q = P(T);
+	q.current = T;
+	let J = `mithrl-new-project-dialog-resources-${A().replace(/:/g, "")}`, Y = e ?? _, X = !!c || ee, re = N ? j : u ?? j, ie = (e) => {
+		let t = q.current;
+		ir(t, e) || (q.current = e, E(e), t.length > 0 && e.length === 0 && B((e) => e + 1), o?.(e));
+	}, ae = () => {
+		let e = ar(i);
+		b(e.name), S(e.description), w(e.agentContext), ie(e.resources), O(void 0), M(void 0), I(!1), te(!1);
+	};
+	k(() => {
+		Y || ae();
+	}, [Y, i]), k(() => {
+		I(!1);
+	}, [u]), k(() => {
+		let e = ne.current;
+		if (e === void 0) return;
+		ne.current = void 0;
+		let t = W.current?.querySelectorAll("button[aria-label^=\"Remove \"]"), n = Math.min(e, Math.max((t?.length ?? 1) - 1, 0)), r = t?.[n];
+		r ? r.focus() : H.current?.focusBrowse();
+	}, [z, T]);
+	let oe = (t, r) => {
+		if (X && !t) {
+			r.cancel();
+			return;
+		}
+		e === void 0 && v(t), n?.(t);
+	}, se = (e) => {
+		let t = nr(e), n = q.current, r = new Set(n.map((e) => e.id)), i = [];
+		for (let e of t) r.has(e.id) || (r.add(e.id), i.push(e));
+		ie([...n, ...i]);
+	}, ce = (e) => {
+		if (X) return;
+		let t = q.current, n = t.findIndex((t) => t.id === e);
+		n < 0 || (ne.current = n, ie(t.filter((t) => t.id !== e)));
+	};
+	return /* @__PURE__ */ L(En, {
+		open: Y,
+		onOpenChange: oe,
+		triggerId: r,
+		disablePointerDismissal: X,
+		children: /* @__PURE__ */ L(zn, {
+			size: "large",
+			initialFocus: V,
+			portalContainer: m,
+			className: $n("mithrl-new-project-dialog", h),
+			children: /* @__PURE__ */ R("form", {
+				className: "mithrl-new-project-dialog__form",
+				noValidate: !0,
+				onSubmit: async (t) => {
+					if (t.preventDefault(), X || K.current) return;
+					M(void 0), I(!0);
+					let r = y.trim();
+					if (!r) {
+						O("Enter a project name."), V.current?.focus();
+						return;
+					}
+					O(void 0), K.current = !0, te(!0);
+					try {
+						await a({
+							name: r,
+							description: x.trim(),
+							agentContext: C.trim(),
+							resources: T
+						}), e === void 0 && v(!1), n?.(!1);
+					} catch {
+						M("We couldn’t create the project. Review your connection and try again.");
+					} finally {
+						K.current = !1, te(!1);
+					}
+				},
+				children: [
+					/* @__PURE__ */ R(Mn, { children: [
+						/* @__PURE__ */ L(Nn, { children: "Create a project" }),
+						/* @__PURE__ */ L(Pn, { children: "Start with a name and optionally add resources and context." }),
+						/* @__PURE__ */ L(Rn, { disabled: X })
+					] }),
+					/* @__PURE__ */ R(Fn, {
+						className: "mithrl-new-project-dialog__body",
+						children: [
+							/* @__PURE__ */ R("div", {
+								className: "mithrl-new-project-dialog__fields",
+								children: [/* @__PURE__ */ L(yt, {
+									label: "Project name",
+									required: !0,
+									error: D,
+									disabled: X,
+									children: ({ controlProps: e, status: t }) => /* @__PURE__ */ L(Ee, {
+										...e,
+										ref: V,
+										status: t,
+										value: y,
+										placeholder: "My research project",
+										autoComplete: "off",
+										disabled: X,
+										onChange: (e) => {
+											b(e.currentTarget.value), D && O(void 0);
+										}
+									})
+								}), /* @__PURE__ */ L(yt, {
+									label: "Description",
+									optional: !0,
+									description: "Shown on the project card for quick reference.",
+									disabled: X,
+									children: ({ controlProps: e, status: t }) => /* @__PURE__ */ L(Ae, {
+										...e,
+										status: t,
+										resize: "none",
+										rows: 3,
+										value: x,
+										placeholder: "What is this project about?",
+										disabled: X,
+										onChange: (e) => S(e.currentTarget.value)
+									})
+								})]
+							}),
+							/* @__PURE__ */ L(Re, {}),
+							/* @__PURE__ */ R("section", {
+								className: "mithrl-new-project-dialog__resources",
+								"aria-labelledby": J,
+								children: [
+									/* @__PURE__ */ R("div", {
+										className: "mithrl-new-project-dialog__resources-header",
+										children: [/* @__PURE__ */ R("div", { children: [/* @__PURE__ */ R("p", {
+											id: J,
+											children: ["Add files and folders ", /* @__PURE__ */ L("span", { children: "Optional" })]
+										}), /* @__PURE__ */ L("span", { children: "Folder structure is preserved." })] }), /* @__PURE__ */ R("div", {
+											className: "mithrl-new-project-dialog__resource-actions",
+											children: [/* @__PURE__ */ L(U, {
+												variant: "secondary",
+												size: "comfortable",
+												leadingIcon: /* @__PURE__ */ L(G, {
+													glyph: s,
+													size: "default"
+												}),
+												disabled: X,
+												onClick: () => H.current?.browseFiles(),
+												children: "Add files"
+											}), /* @__PURE__ */ L(U, {
+												variant: "secondary",
+												size: "comfortable",
+												leadingIcon: /* @__PURE__ */ L(G, {
+													glyph: l,
+													size: "default"
+												}),
+												disabled: X,
+												onClick: () => H.current?.browseFolder(),
+												children: "Add folder"
+											})]
+										})]
+									}),
+									/* @__PURE__ */ L(Qn, {
+										ref: H,
+										className: $n("mithrl-new-project-dialog__dropzone", T.length > 0 ? "mithrl-new-project-dialog__dropzone--compact" : void 0),
+										label: "Project files and folders",
+										accept: d,
+										maxFiles: f,
+										maxFileSize: p,
+										enableFolderSelection: !0,
+										disabled: X,
+										onSelection: se
+									}, z),
+									T.length > 0 ? /* @__PURE__ */ L(pn, {
+										ref: W,
+										items: T.map((e) => rr(e, X)),
+										summary: `${T.length} ${T.length === 1 ? "resource" : "resources"} ready to add`,
+										onRemove: (e) => ce(e.id)
+									}) : null,
+									/* @__PURE__ */ L("p", {
+										className: "mithrl-new-project-dialog__upload-note",
+										children: "Upload begins when you create the project."
+									})
+								]
+							}),
+							/* @__PURE__ */ L(yt, {
+								label: "Agent context",
+								optional: !0,
+								description: "Included as background for every agent working in this project.",
+								disabled: X,
+								children: ({ controlProps: e, status: t }) => /* @__PURE__ */ L(Ae, {
+									...e,
+									status: t,
+									resize: "none",
+									rows: 4,
+									value: C,
+									placeholder: "Goals, experimental design, conventions, and constraints.",
+									disabled: X,
+									onChange: (e) => w(e.currentTarget.value)
+								})
+							}),
+							re ? /* @__PURE__ */ L("div", {
+								className: "mithrl-new-project-dialog__submit-error",
+								role: "alert",
+								children: /* @__PURE__ */ L(ht, {
+									tone: "error",
+									children: re
+								})
+							}) : null
+						]
+					}),
+					/* @__PURE__ */ R(In, { children: [/* @__PURE__ */ L(Ln, { render: /* @__PURE__ */ L(U, {
+						variant: "outline",
+						size: "comfortable",
+						disabled: X,
+						children: "Cancel"
+					}) }), /* @__PURE__ */ L(U, {
+						variant: "brand",
+						size: "comfortable",
+						type: "submit",
+						loading: X,
+						children: "Create project"
+					})] })
+				]
+			})
+		})
+	});
+}
+//#endregion
+export { Mt as AccountMenu, Ye as Avatar, Ve as Badge, U as Button, at as Checkbox, kn as DialogBackdrop, Fn as DialogBody, Ln as DialogClose, Rn as DialogCloseButton, zn as DialogContent, Pn as DialogDescription, In as DialogFooter, Mn as DialogHeader, jn as DialogPopup, On as DialogPortal, En as DialogRoot, Nn as DialogTitle, Dn as DialogTrigger, An as DialogViewport, Ct as DropdownMenu, wt as DropdownMenuContent, Tt as DropdownMenuGroup, Dt as DropdownMenuItem, Et as DropdownMenuLabel, Ot as DropdownMenuLinkItem, kt as DropdownMenuSeparator, At as DropdownMenuShortcut, St as DropdownMenuTrigger, yt as Field, lt as FieldLabel, ht as FieldMessage, Qn as FileDropzone, Lt as GlobalAppBar, G as Icon, q as IconButton, Ie as Link, or as NewProjectDialog, le as PanelTabs, $e as ProgressIndicator, an as ProjectCard, Cn as ProjectLibrary, st as Radio, ae as SegmentedTabs, Pe as Select, Re as Separator, nt as Skeleton, pt as StandardTabs, fe as Switch, We as Tag, Ee as TextField, Ae as Textarea, pe as ThemeSwitch, ge as ToggleButton, Se as Tooltip, pn as UploadQueue, fn as UploadQueueItem, Ge as avatarVariants, ze as badgeVariants, V as buttonVariants, Tn as dialogPopupVariants, bt as dropdownMenuContentVariants, ct as fieldLabelVariants, mt as fieldMessageVariants, ne as iconButtonVariants, W as iconVariants, Fe as linkVariants, Xe as progressIndicatorVariants, J as segmentedTabsVariants, je as selectVariants, Le as separatorVariants, et as skeletonVariants, ut as standardTabsVariants, He as tagVariants, Ce as textFieldVariants, De as textareaVariants, Z as toggleButtonVariants };