@leonardaustin/ui 0.12.0 → 0.13.0

package/dist/index.js

@@ -1,21 +1,21 @@
 import { Component as e, Fragment as t, cloneElement as n, createContext as r, createElement as i, forwardRef as a, isValidElement as o, useCallback as s, useContext as c, useEffect as l, useId as u, useImperativeHandle as d, useLayoutEffect as f, useMemo as p, useRef as m, useState as h } from "react";
 import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
-import { Accessibility as y, AlertTriangle as b, ArrowDown as x, ArrowLeft as S, ArrowUp as C, BookOpen as w, Calendar as T, Check as E, CheckCircle2 as D, ChevronDown as O, ChevronLeft as k, ChevronRight as A, ChevronsUpDown as j, Columns3 as M, Eye as N, EyeOff as P, GripVertical as F, Inbox as I, Info as L, Loader2 as R, LogOut as ee, Menu as te, Minus as ne, Monitor as re, Moon as z, MoveDiagonal2 as ie, Palette as ae, PanelLeft as oe, PanelLeftDashed as se, Search as ce, Settings as le, Sun as ue, UploadCloud as de, X as B, XCircle as V, Zap as H } from "lucide-react";
-import { createPortal as fe } from "react-dom";
+import { Accessibility as y, AlertTriangle as b, ArrowDown as x, ArrowLeft as S, ArrowUp as C, BookOpen as w, Calendar as T, Check as E, CheckCircle2 as D, ChevronDown as O, ChevronLeft as k, ChevronRight as A, ChevronsUpDown as j, Columns3 as M, Eye as N, EyeOff as P, GripVertical as F, HandleBottomRight as I, Inbox as L, Info as R, Loader2 as ee, LogOut as te, Menu as ne, Minus as re, Monitor as z, Moon as ie, Palette as ae, PanelLeft as B, PanelLeftDashed as oe, Search as se, Settings as ce, Sun as le, UploadCloud as ue, X as V, XCircle as H, Zap as U } from "lucide-react";
+import { createPortal as de } from "react-dom";
 //#region src/lib/cn.ts
-function U(e) {
+function W(e) {
 	if (typeof e == "string" || typeof e == "number" || typeof e == "bigint") return String(e);
 	if (!e || typeof e != "object") return "";
 	let t = "";
 	if (Array.isArray(e)) for (let n of e) {
 		if (!n) continue;
-		let e = U(n);
+		let e = W(n);
 		e && (t = t ? `${t} ${e}` : e);
 	}
 	else for (let n in e) e[n] && (t = t ? `${t} ${n}` : n);
 	return t;
 }
-var W = new Set([
+var G = new Set([
 	"block",
 	"contents",
 	"flex",
@@ -25,7 +25,7 @@ var W = new Set([
 	"inline-block",
 	"inline-flex",
 	"table"
-]), pe = new Set([
+]), fe = new Set([
 	"text-2xl",
 	"text-2xs",
 	"text-2xs-f",
@@ -36,16 +36,16 @@ var W = new Set([
 	"text-sm",
 	"text-xl",
 	"text-xs"
-]), me = new Set([
+]), pe = new Set([
 	"text-center",
 	"text-left",
 	"text-right"
-]), he = new Set(["lowercase", "uppercase"]), ge = new Set([
+]), me = new Set(["lowercase", "uppercase"]), he = new Set([
 	"font-bold",
 	"font-medium",
 	"font-normal",
 	"font-semibold"
-]), _e = {
+]), ge = {
 	m: [
 		"margin-top",
 		"margin-right",
@@ -70,7 +70,7 @@ var W = new Set([
 	pr: ["padding-right"],
 	pb: ["padding-bottom"],
 	pl: ["padding-left"]
-}, ve = {
+}, _e = {
 	inset: [
 		"top",
 		"right",
@@ -85,7 +85,7 @@ var W = new Set([
 	left: ["left"],
 	start: ["inset-inline-start"],
 	end: ["inset-inline-end"]
-}, ye = {
+}, ve = {
 	border: [
 		"border-top-width",
 		"border-right-width",
@@ -98,7 +98,7 @@ var W = new Set([
 	"border-r": ["border-right-width"],
 	"border-b": ["border-bottom-width"],
 	"border-l": ["border-left-width"]
-}, be = {
+}, ye = {
 	border: [
 		"border-top-color",
 		"border-right-color",
@@ -111,7 +111,7 @@ var W = new Set([
 	"border-r": ["border-right-color"],
 	"border-b": ["border-bottom-color"],
 	"border-l": ["border-left-color"]
-}, xe = new Set([
+}, be = new Set([
 	"border-dashed",
 	"border-dotted",
 	"border-double",
@@ -119,14 +119,14 @@ var W = new Set([
 	"border-none",
 	"border-solid"
 ]);
-function G(...e) {
-	return Se(U(e));
+function K(...e) {
+	return xe(W(e));
 }
-function Se(e) {
+function xe(e) {
 	let t = [], n = /* @__PURE__ */ new Map();
 	for (let r of e.split(/\s+/)) {
 		if (!r) continue;
-		let e = Ce(r);
+		let e = Se(r);
 		if (e.size === 0) {
 			let i = n.get(r);
 			i !== void 0 && (t[i] = null), n.set(r, t.length), t.push({
@@ -137,7 +137,7 @@ function Se(e) {
 		}
 		for (let n = t.length - 1; n >= 0; n--) {
 			let r = t[n];
-			r && r.keys.size > 0 && Me(r.keys, e) && (t[n] = null);
+			r && r.keys.size > 0 && je(r.keys, e) && (t[n] = null);
 		}
 		t.push({
 			token: r,
@@ -146,11 +146,11 @@ function Se(e) {
 	}
 	return t.filter((e) => !!e).map((e) => e.token).join(" ");
 }
-function Ce(e) {
-	let t = we(e), n = t.pop() ?? e, r = n.startsWith("!"), i = Te(r ? n.slice(1) : n), a = `${t.join(":")}|${r ? "!" : ""}`, o = Ee(i);
+function Se(e) {
+	let t = Ce(e), n = t.pop() ?? e, r = n.startsWith("!"), i = we(r ? n.slice(1) : n), a = `${t.join(":")}|${r ? "!" : ""}`, o = Te(i);
 	return new Set(o.map((e) => `${a}${e}`));
 }
-function we(e) {
+function Ce(e) {
 	let t = [], n = 0, r = 0;
 	for (let i = 0; i < e.length; i++) {
 		let a = e[i];
@@ -158,50 +158,50 @@ function we(e) {
 	}
 	return t.push(e.slice(r)), t;
 }
-function Te(e) {
+function we(e) {
 	return e.startsWith("-") ? e.slice(1) : e;
 }
-function Ee(e) {
-	let t = De(e);
-	if (t) return [..._e[t]];
-	let n = Oe(e);
-	if (n) return [...ve[n]];
-	let r = ke(e);
-	if (r) return [...ye[r]];
-	if (W.has(e)) return ["display"];
+function Te(e) {
+	let t = Ee(e);
+	if (t) return [...ge[t]];
+	let n = De(e);
+	if (n) return [..._e[n]];
+	let r = Oe(e);
+	if (r) return [...ve[r]];
+	if (G.has(e)) return ["display"];
 	if (e === "absolute" || e === "fixed" || e === "relative" || e === "static" || e === "sticky") return ["position"];
 	if (e === "visible" || e === "invisible" || e === "collapse") return ["visibility"];
 	if (e === "border-collapse") return ["border-collapse"];
-	if (xe.has(e)) return ["border-style"];
-	let i = Ae(e);
-	return i ? [...be[i]] : e === "rounded" || e.startsWith("rounded-") ? ["border-radius"] : e.startsWith("bg-") ? ["background"] : pe.has(e) ? ["font-size"] : me.has(e) ? ["text-align"] : he.has(e) ? ["text-transform"] : e.startsWith("text-") ? ["color"] : e === "font-mono" ? ["font-family"] : ge.has(e) ? ["font-weight"] : e.startsWith("leading-") ? ["line-height"] : e.startsWith("tracking-") ? ["letter-spacing"] : e.startsWith("w-") ? ["width"] : e.startsWith("min-w-") ? ["min-width"] : e.startsWith("max-w-") ? ["max-width"] : e.startsWith("h-") ? ["height"] : e.startsWith("min-h-") ? ["min-height"] : e.startsWith("max-h-") ? ["max-height"] : e.startsWith("translate-x-") ? ["translate-x"] : e.startsWith("translate-y-") ? ["translate-y"] : e.startsWith("scale-") ? ["scale"] : e.startsWith("rotate-") ? ["rotate"] : e === "transform" ? ["transform"] : e.startsWith("grid-cols-") ? ["grid-template-columns"] : e.startsWith("col-span-") ? ["grid-column"] : e.startsWith("columns-") ? ["columns"] : e === "flex-col" || e === "flex-row" ? ["flex-direction"] : e === "flex-wrap" ? ["flex-wrap"] : e.startsWith("flex-") ? ["flex"] : e === "shrink" || e.startsWith("shrink-") ? ["flex-shrink"] : e === "grow" || e.startsWith("grow-") ? ["flex-grow"] : e.startsWith("items-") ? ["align-items"] : e.startsWith("justify-") ? ["justify-content"] : e.startsWith("gap-") ? ["gap"] : e.startsWith("space-y-") ? ["space-y"] : e.startsWith("overflow-y-") ? ["overflow-y"] : e.startsWith("overflow-x-") ? ["overflow-x"] : e.startsWith("overflow-") ? ["overflow-x", "overflow-y"] : e.startsWith("object-") ? ["object-fit"] : e.startsWith("aspect-") ? ["aspect-ratio"] : e.startsWith("cursor-") ? ["cursor"] : e.startsWith("opacity-") ? ["opacity"] : e.startsWith("shadow-") ? ["box-shadow"] : e === "ring" || /^ring-\d/.test(e) ? ["ring-width"] : e.startsWith("ring-offset-bg-") ? ["ring-offset-color"] : e.startsWith("ring-offset-") ? ["ring-offset-width"] : e.startsWith("ring-") ? ["ring-color"] : e.startsWith("outline-offset-") ? ["outline-offset"] : /^outline-\d/.test(e) ? ["outline-width"] : e === "outline" || e === "outline-none" ? ["outline-style"] : e.startsWith("outline-") ? ["outline-color"] : e.startsWith("transition-") || e === "transition" ? ["transition-property"] : e.startsWith("duration-") ? ["transition-duration"] : e.startsWith("ease-") ? ["transition-timing-function"] : e.startsWith("animate-") ? ["animation"] : e.startsWith("z-") ? ["z-index"] : e.startsWith("whitespace-") ? ["white-space"] : e.startsWith("break-inside-") ? ["break-inside"] : e.startsWith("break-") ? ["word-break"] : e.startsWith("line-clamp-") ? ["line-clamp"] : e === "list-inside" || e === "list-outside" ? ["list-style-position"] : e.startsWith("list-") ? ["list-style-type"] : e.startsWith("resize") ? ["resize"] : e.startsWith("select-") ? ["user-select"] : e.startsWith("pointer-events-") ? ["pointer-events"] : e.startsWith("appearance-") ? ["appearance"] : e.startsWith("accent-") ? ["accent-color"] : [];
+	if (be.has(e)) return ["border-style"];
+	let i = ke(e);
+	return i ? [...ye[i]] : e === "rounded" || e.startsWith("rounded-") ? ["border-radius"] : e.startsWith("bg-") ? ["background"] : fe.has(e) ? ["font-size"] : pe.has(e) ? ["text-align"] : me.has(e) ? ["text-transform"] : e.startsWith("text-") ? ["color"] : e === "font-mono" ? ["font-family"] : he.has(e) ? ["font-weight"] : e.startsWith("leading-") ? ["line-height"] : e.startsWith("tracking-") ? ["letter-spacing"] : e.startsWith("w-") ? ["width"] : e.startsWith("min-w-") ? ["min-width"] : e.startsWith("max-w-") ? ["max-width"] : e.startsWith("h-") ? ["height"] : e.startsWith("min-h-") ? ["min-height"] : e.startsWith("max-h-") ? ["max-height"] : e.startsWith("translate-x-") ? ["translate-x"] : e.startsWith("translate-y-") ? ["translate-y"] : e.startsWith("scale-") ? ["scale"] : e.startsWith("rotate-") ? ["rotate"] : e === "transform" ? ["transform"] : e.startsWith("grid-cols-") ? ["grid-template-columns"] : e.startsWith("col-span-") ? ["grid-column"] : e.startsWith("columns-") ? ["columns"] : e === "flex-col" || e === "flex-row" ? ["flex-direction"] : e === "flex-wrap" ? ["flex-wrap"] : e.startsWith("flex-") ? ["flex"] : e === "shrink" || e.startsWith("shrink-") ? ["flex-shrink"] : e === "grow" || e.startsWith("grow-") ? ["flex-grow"] : e.startsWith("items-") ? ["align-items"] : e.startsWith("justify-") ? ["justify-content"] : e.startsWith("gap-") ? ["gap"] : e.startsWith("space-y-") ? ["space-y"] : e.startsWith("overflow-y-") ? ["overflow-y"] : e.startsWith("overflow-x-") ? ["overflow-x"] : e.startsWith("overflow-") ? ["overflow-x", "overflow-y"] : e.startsWith("object-") ? ["object-fit"] : e.startsWith("aspect-") ? ["aspect-ratio"] : e.startsWith("cursor-") ? ["cursor"] : e.startsWith("opacity-") ? ["opacity"] : e.startsWith("shadow-") ? ["box-shadow"] : e === "ring" || /^ring-\d/.test(e) ? ["ring-width"] : e.startsWith("ring-offset-bg-") ? ["ring-offset-color"] : e.startsWith("ring-offset-") ? ["ring-offset-width"] : e.startsWith("ring-") ? ["ring-color"] : e.startsWith("outline-offset-") ? ["outline-offset"] : /^outline-\d/.test(e) ? ["outline-width"] : e === "outline" || e === "outline-none" ? ["outline-style"] : e.startsWith("outline-") ? ["outline-color"] : e.startsWith("transition-") || e === "transition" ? ["transition-property"] : e.startsWith("duration-") ? ["transition-duration"] : e.startsWith("ease-") ? ["transition-timing-function"] : e.startsWith("animate-") ? ["animation"] : e.startsWith("z-") ? ["z-index"] : e.startsWith("whitespace-") ? ["white-space"] : e.startsWith("break-inside-") ? ["break-inside"] : e.startsWith("break-") ? ["word-break"] : e.startsWith("line-clamp-") ? ["line-clamp"] : e === "list-inside" || e === "list-outside" ? ["list-style-position"] : e.startsWith("list-") ? ["list-style-type"] : e.startsWith("resize") ? ["resize"] : e.startsWith("select-") ? ["user-select"] : e.startsWith("pointer-events-") ? ["pointer-events"] : e.startsWith("appearance-") ? ["appearance"] : e.startsWith("accent-") ? ["accent-color"] : [];
+}
+function Ee(e) {
+	return Ae(e, ge);
 }
 function De(e) {
-	return je(e, _e);
+	return Ae(e, _e);
 }
 function Oe(e) {
-	return je(e, ve);
-}
-function ke(e) {
 	return e === "border" ? "border" : e.match(/^(border(?:-[xytrbl])?)(?=$|-(?:0|2|4|8|\[))/)?.[1];
 }
-function Ae(e) {
+function ke(e) {
 	let t = e.match(/^(border-[xytrbl])-./);
 	return t ? t[1] : e.startsWith("border-") ? "border" : void 0;
 }
-function je(e, t) {
+function Ae(e, t) {
 	return Object.keys(t).sort((e, t) => String(t).length - String(e).length).find((t) => {
 		let n = String(t);
 		return e === n || e.startsWith(`${n}-`);
 	});
 }
-function Me(e, t) {
+function je(e, t) {
 	for (let n of e) if (!t.has(n)) return !1;
 	return !0;
 }
 //#endregion
 //#region src/components/charts/chartUtils.ts
-var Ne = {
+var Me = {
 	"text-accent": "var(--accent)",
 	"text-blue": "var(--blue)",
 	"text-green": "var(--green)",
@@ -209,27 +209,27 @@ var Ne = {
 	"text-red": "var(--red)",
 	"text-yellow": "var(--yellow)"
 };
-function Pe(e, t, n) {
+function Ne(e, t, n) {
 	return Math.min(n, Math.max(t, e));
 }
-function Fe(e) {
+function Pe(e) {
 	let t = Math.abs(e);
 	return t >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : t >= 1e3 ? `${(e / 1e3).toFixed(1)}k` : String(e);
 }
-function Ie(e) {
-	return e ? Ne[e] ?? e : "var(--accent)";
+function Fe(e) {
+	return e ? Me[e] ?? e : "var(--accent)";
 }
-function Le(e, t) {
+function Ie(e, t) {
 	if (e <= 0 || t <= 0) return [];
 	if (e === 1 || t === 1) return [0];
 	let n = Math.min(e, Math.max(2, Math.floor(t))), r = (e - 1) / (n - 1), i = /* @__PURE__ */ new Set();
 	for (let e = 0; e < n; e += 1) i.add(Math.round(e * r));
 	return i.add(e - 1), Array.from(i).sort((e, t) => e - t);
 }
-function K(e) {
+function q(e) {
 	return Number.isFinite(e) ? Math.max(0, e) : 0;
 }
-function q(e, t) {
+function Le(e, t) {
 	let n = String(e ?? "");
 	return t === void 0 || t <= 0 || n.length <= t ? n : t <= 3 ? n.slice(0, t) : `${n.slice(0, t - 3)}...`;
 }
@@ -239,16 +239,16 @@ function Re(e, t = 10) {
 	return Math.ceil(n);
 }
 function ze(e, { maxWidth: t = 220, minWidth: n = 72, paddingX: r = 20 } = {}) {
-	return Pe(e.reduce((e, t) => Math.max(e, Re(t, 11)), 0) + r, n, t);
+	return Ne(e.reduce((e, t) => Math.max(e, Re(t, 11)), 0) + r, n, t);
 }
 function Be(e, t, { boundsHeight: n, boundsWidth: r, height: i, margin: a = 0, offset: o = 8, width: s }) {
-	let c = Math.max(1, Math.min(s, r - a * 2)), l = Math.max(1, Math.min(i, n - a * 2)), u = Math.max(a, r - c - a), d = Math.max(a, n - l - a), f = Pe(e - c / 2, a, u), p = t - l - o, m = p >= a ? "above" : "below";
+	let c = Math.max(1, Math.min(s, r - a * 2)), l = Math.max(1, Math.min(i, n - a * 2)), u = Math.max(a, r - c - a), d = Math.max(a, n - l - a), f = Ne(e - c / 2, a, u), p = t - l - o, m = p >= a ? "above" : "below";
 	return {
 		height: l,
 		placement: m,
 		width: c,
 		x: f,
-		y: m === "above" ? p : Pe(t + o, a, d)
+		y: m === "above" ? p : Ne(t + o, a, d)
 	};
 }
 function Ve({ anchorX: e, anchorY: t, boundsHeight: n, boundsWidth: r, height: i, margin: a = 0, offset: o = 8, width: s }) {
@@ -290,7 +290,7 @@ function We({ data: e, height: t = 240, minValue: n, maxValue: r, startAtZero: i
 		}
 		E === D && (D = E + 1);
 	}
-	let O = D - E, k = a ?? Fe, A = o ?? a ?? ((e) => e.toLocaleString());
+	let O = D - E, k = a ?? Pe, A = o ?? a ?? ((e) => e.toLocaleString());
 	function j(t) {
 		return J.left + t / Math.max(e.length - 1, 1) * x;
 	}
@@ -301,7 +301,7 @@ function We({ data: e, height: t = 240, minValue: n, maxValue: r, startAtZero: i
 		`${j(0)},${J.top + S}`,
 		...e.map((e, t) => `${j(t)},${M(e.value)}`),
 		`${j(e.length - 1)},${J.top + S}`
-	].join(" ") : "", F = Le(e.length, s);
+	].join(" ") : "", F = Ie(e.length, s);
 	function I(t) {
 		let n = f.current;
 		if (!n || e.length === 0) return;
@@ -330,7 +330,7 @@ function We({ data: e, height: t = 240, minValue: n, maxValue: r, startAtZero: i
 		viewBox: `0 0 ${He} ${b}`,
 		onPointerMove: I,
 		onPointerLeave: R,
-		className: G("select-none", l),
+		className: K("select-none", l),
 		role: "img",
 		"aria-label": c,
 		children: [
@@ -484,15 +484,15 @@ var Ge = [
 	.45
 ], Ke = 600;
 function qe({ data: e, height: t, maxValue: n, valueFormatter: r, labelFormatter: i, maxLabelLength: a, labelWidth: o = 160, valueWidth: s = 60, barHeight: c = 28, gap: l = 10, ariaLabel: u = "Horizontal bar chart", className: d }) {
-	let [f, p] = h(null), m = e.length, g = Math.max(1, c), y = Math.max(0, l), b = m > 0 ? m * g + Math.max(0, m - 1) * y : g, x = Math.max(1, t ?? b), S = t === void 0 ? 1 : x / b, C = g * S, w = y * S, T = Math.min(3, C / 3), E = Math.max(0, C - T * 2), D = n === void 0 ? Math.max(...e.map((e) => K(e.value)), 1) : Math.max(K(n), 1), O = Math.max(0, o), k = Math.max(0, s), A = Math.max(0, Ke - O - k), j = r ?? ((e) => e.toLocaleString());
+	let [f, p] = h(null), m = e.length, g = Math.max(1, c), y = Math.max(0, l), b = m > 0 ? m * g + Math.max(0, m - 1) * y : g, x = Math.max(1, t ?? b), S = t === void 0 ? 1 : x / b, C = g * S, w = y * S, T = Math.min(3, C / 3), E = Math.max(0, C - T * 2), D = n === void 0 ? Math.max(...e.map((e) => q(e.value)), 1) : Math.max(q(n), 1), O = Math.max(0, o), k = Math.max(0, s), A = Math.max(0, Ke - O - k), j = r ?? ((e) => e.toLocaleString());
 	return /* @__PURE__ */ _("svg", {
 		width: "100%",
 		viewBox: `0 0 ${Ke} ${x}`,
-		className: G("select-none", d),
+		className: K("select-none", d),
 		role: "img",
 		"aria-label": u,
 		children: e.map((e, t) => {
-			let n = t * (C + w), r = D > 0 ? Pe(K(e.value), 0, D) / D * A : 0, o = f === t, s = i?.(e.label, e, t) ?? e.label, c = q(s, a), l = c !== s, u = j(e.value);
+			let n = t * (C + w), r = D > 0 ? Ne(q(e.value), 0, D) / D * A : 0, o = f === t, s = i?.(e.label, e, t) ?? e.label, c = Le(s, a), l = c !== s, u = j(e.value);
 			return /* @__PURE__ */ v("g", {
 				onMouseEnter: () => p(t),
 				onMouseLeave: () => p(null),
@@ -560,9 +560,9 @@ function qe({ data: e, height: t, maxValue: n, valueFormatter: r, labelFormatter
 //#endregion
 //#region src/components/charts/DonutChart.tsx
 function Je(e, t) {
-	let n = e.reduce((e, t) => e + K(t.value), 0), r = 0;
+	let n = e.reduce((e, t) => e + q(t.value), 0), r = 0;
 	return e.map((e) => {
-		let i = K(e.value), a = n > 0 ? i / n * t : 0, o = t - a, s = r / t * 360 - 90, c = s + a / t * 180, l = n > 0 ? i / n * 100 : 0;
+		let i = q(e.value), a = n > 0 ? i / n * t : 0, o = t - a, s = r / t * 360 - 90, c = s + a / t * 180, l = n > 0 ? i / n * 100 : 0;
 		return r += a, {
 			segment: e,
 			segmentLength: a,
@@ -574,9 +574,9 @@ function Je(e, t) {
 	});
 }
 function Ye({ segments: e, size: t = 180, strokeWidth: n = 28, valueFormatter: r, percentageFormatter: i, showLegend: a = !0, ariaLabel: o = "Donut chart", className: s }) {
-	let [c, l] = h(null), u = e.reduce((e, t) => e + K(t.value), 0), d = Math.max(1, t), f = Math.max(1, Math.min(n, d - 1)), p = Math.max(.5, (d - f) / 2), m = Je(e, 2 * Math.PI * p), g = r ?? ((e) => e.toLocaleString()), y = i ?? ((e) => `${e.toFixed(1)}%`), b = d + 12, x = b / 2;
+	let [c, l] = h(null), u = e.reduce((e, t) => e + q(t.value), 0), d = Math.max(1, t), f = Math.max(1, Math.min(n, d - 1)), p = Math.max(.5, (d - f) / 2), m = Je(e, 2 * Math.PI * p), g = r ?? ((e) => e.toLocaleString()), y = i ?? ((e) => `${e.toFixed(1)}%`), b = d + 12, x = b / 2;
 	return /* @__PURE__ */ v("div", {
-		className: G("flex flex-col items-center gap-4", s),
+		className: K("flex flex-col items-center gap-4", s),
 		children: [/* @__PURE__ */ v("div", {
 			className: "relative",
 			children: [/* @__PURE__ */ v("svg", {
@@ -606,7 +606,7 @@ function Ye({ segments: e, size: t = 180, strokeWidth: n = 28, valueFormatter: r
 						onBlur: () => l(null),
 						tabIndex: 0,
 						role: "button",
-						"aria-label": `${e.segment.name}: ${g(K(e.segment.value))} (${y(e.percentage)})`,
+						"aria-label": `${e.segment.name}: ${g(q(e.segment.value))} (${y(e.percentage)})`,
 						className: "cursor-pointer"
 					}, `hit-${e.segment.name}`)),
 					m.map((e, t) => {
@@ -616,7 +616,7 @@ function Ye({ segments: e, size: t = 180, strokeWidth: n = 28, valueFormatter: r
 							cy: x,
 							r: p,
 							fill: "none",
-							stroke: Ie(e.segment.color),
+							stroke: Fe(e.segment.color),
 							strokeWidth: n ? f + 4 : f,
 							strokeDasharray: `${e.segmentLength} ${e.dashOffset}`,
 							strokeLinecap: "butt",
@@ -635,7 +635,7 @@ function Ye({ segments: e, size: t = 180, strokeWidth: n = 28, valueFormatter: r
 						fontSize: 18,
 						fontWeight: 700,
 						className: "pointer-events-none",
-						children: g(c === null ? u : K(m[c].segment.value))
+						children: g(c === null ? u : q(m[c].segment.value))
 					}),
 					/* @__PURE__ */ _("text", {
 						x,
@@ -649,7 +649,7 @@ function Ye({ segments: e, size: t = 180, strokeWidth: n = 28, valueFormatter: r
 					})
 				]
 			}), c !== null && (() => {
-				let e = m[c], t = e.midAngle * Math.PI / 180, n = p + f / 2 + 20, r = x + Math.cos(t) * n, i = x + Math.sin(t) * n, a = Ie(e.segment.color), o = g(K(e.segment.value)), s = y(e.percentage);
+				let e = m[c], t = e.midAngle * Math.PI / 180, n = p + f / 2 + 20, r = x + Math.cos(t) * n, i = x + Math.sin(t) * n, a = Fe(e.segment.color), o = g(q(e.segment.value)), s = y(e.percentage);
 				return /* @__PURE__ */ _("div", {
 					className: "bg-bg-tertiary border-border pointer-events-none absolute z-10 rounded-md border px-2.5 py-1.5 shadow-lg",
 					style: Ve({
@@ -703,11 +703,11 @@ function Ye({ segments: e, size: t = 180, strokeWidth: n = 28, valueFormatter: r
 				onPointerLeave: () => l(null),
 				onFocus: () => l(t),
 				onBlur: () => l(null),
-				className: G("flex cursor-pointer items-center gap-1.5 transition-opacity duration-[100ms]", c !== null && c !== t && "opacity-50"),
+				className: K("flex cursor-pointer items-center gap-1.5 transition-opacity duration-[100ms]", c !== null && c !== t && "opacity-50"),
 				children: [
 					/* @__PURE__ */ _("span", {
 						className: "h-2 w-2 rounded-full",
-						style: { backgroundColor: Ie(e.color) }
+						style: { backgroundColor: Fe(e.color) }
 					}),
 					/* @__PURE__ */ _("span", {
 						className: "text-text-secondary text-xs",
@@ -715,7 +715,7 @@ function Ye({ segments: e, size: t = 180, strokeWidth: n = 28, valueFormatter: r
 					}),
 					/* @__PURE__ */ _("span", {
 						className: "text-text-primary text-xs font-semibold",
-						children: g(K(e.value))
+						children: g(q(e.value))
 					})
 				]
 			}, e.name))
@@ -725,8 +725,8 @@ function Ye({ segments: e, size: t = 180, strokeWidth: n = 28, valueFormatter: r
 //#endregion
 //#region src/components/charts/RadarChart.tsx
 function Xe({ data: e, maxValue: t, size: n = 240, rings: r = 4, labelOffset: i = 18, labelFormatter: a, maxLabelLength: o, valueFormatter: s, ariaLabel: c = "Radar chart", className: l }) {
-	let [u, d] = h(null), f = Math.max(80, n), p = Math.max(K(t ?? 0), ...e.map((e) => K(e.value)), 1), m = f / 2, g = Math.max(1, m - Math.max(0, i) - 12), y = e.length > 0 ? 2 * Math.PI / e.length : 0, b = Math.max(1, Math.floor(r)), x = s ?? String, S = e.map((e, t) => {
-		let n = a?.(e.label, e, t) ?? e.label, r = q(n, o);
+	let [u, d] = h(null), f = Math.max(80, n), p = Math.max(q(t ?? 0), ...e.map((e) => q(e.value)), 1), m = f / 2, g = Math.max(1, m - Math.max(0, i) - 12), y = e.length > 0 ? 2 * Math.PI / e.length : 0, b = Math.max(1, Math.floor(r)), x = s ?? String, S = e.map((e, t) => {
+		let n = a?.(e.label, e, t) ?? e.label, r = Le(n, o);
 		return {
 			displayLabel: r,
 			isTruncated: r !== n,
@@ -737,11 +737,11 @@ function Xe({ data: e, maxValue: t, size: n = 240, rings: r = 4, labelOffset: i
 		return [m + t * Math.cos(e - Math.PI / 2), m + t * Math.sin(e - Math.PI / 2)];
 	}
 	let w = e.map((e, t) => {
-		let n = Pe(K(e.value), 0, p) / p * g;
+		let n = Ne(q(e.value), 0, p) / p * g;
 		return C(t * y, n);
 	}), T = w.map((e) => `${e[0]},${e[1]}`).join(" ");
 	return /* @__PURE__ */ v("div", {
-		className: G("relative flex flex-col items-center", l),
+		className: K("relative flex flex-col items-center", l),
 		children: [/* @__PURE__ */ v("svg", {
 			width: f,
 			height: f,
@@ -844,7 +844,7 @@ function Xe({ data: e, maxValue: t, size: n = 240, rings: r = 4, labelOffset: i
 				children: [
 					/* @__PURE__ */ _("span", { className: "bg-accent h-2 w-2 shrink-0 rounded-full" }),
 					/* @__PURE__ */ _("span", {
-						className: G("text-text-secondary text-xs whitespace-nowrap"),
+						className: K("text-text-secondary text-xs whitespace-nowrap"),
 						children: S[u].label
 					}),
 					/* @__PURE__ */ _("span", {
@@ -880,14 +880,14 @@ function Ze({ segments: e, size: t = 200, strokeWidth: n = 14, gap: r = 6, value
 		});
 	}
 	function k(e) {
-		let t = K(e.max);
-		return t <= 0 ? 0 : Pe(K(e.value) / t, 0, 1);
+		let t = q(e.max);
+		return t <= 0 ? 0 : Ne(q(e.value) / t, 0, 1);
 	}
 	function A(e) {
 		return k(e) * 100;
 	}
 	return /* @__PURE__ */ v("div", {
-		className: G("flex flex-col items-center gap-4", c),
+		className: K("flex flex-col items-center gap-4", c),
 		children: [/* @__PURE__ */ v("div", {
 			className: "relative",
 			ref: p,
@@ -902,7 +902,7 @@ function Ze({ segments: e, size: t = 200, strokeWidth: n = 14, gap: r = 6, value
 				children: [e.map((e, t) => {
 					let n = C - t * (b + x);
 					if (n <= 0) return null;
-					let r = 2 * Math.PI * n, i = r * k(e), a = r - i, o = Ie(e.color), s = g === t, c = A(e);
+					let r = 2 * Math.PI * n, i = r * k(e), a = r - i, o = Fe(e.color), s = g === t, c = A(e);
 					return /* @__PURE__ */ v("g", {
 						onMouseEnter: () => u({
 							index: t,
@@ -979,7 +979,7 @@ function Ze({ segments: e, size: t = 200, strokeWidth: n = 14, gap: r = 6, value
 			}), g !== null && l?.source === "chart" && (() => {
 				let t = e[g];
 				if (!t) return null;
-				let n = A(t), r = Ie(t.color), i = T(n), a = `${w(t.value)}/${w(t.max)}`;
+				let n = A(t), r = Fe(t.color), i = T(n), a = `${w(t.value)}/${w(t.max)}`;
 				return /* @__PURE__ */ _("div", {
 					className: "bg-bg-tertiary border-border pointer-events-none absolute z-10 rounded-md border px-2.5 py-1.5 shadow-lg",
 					style: Ve({
@@ -1047,11 +1047,11 @@ function Ze({ segments: e, size: t = 200, strokeWidth: n = 14, gap: r = 6, value
 						source: "legend"
 					}),
 					onBlur: () => u(null),
-					className: G("flex cursor-pointer items-center gap-1.5 transition-opacity duration-[100ms]", g !== null && g !== t && "opacity-50"),
+					className: K("flex cursor-pointer items-center gap-1.5 transition-opacity duration-[100ms]", g !== null && g !== t && "opacity-50"),
 					children: [
 						/* @__PURE__ */ _("span", {
 							className: "h-2 w-2 rounded-full",
-							style: { backgroundColor: Ie(e.color) }
+							style: { backgroundColor: Fe(e.color) }
 						}),
 						/* @__PURE__ */ _("span", {
 							className: "text-text-secondary text-xs",
@@ -1073,7 +1073,7 @@ function Qe({ data: e, width: t = 60, height: n = 20, minValue: r, maxValue: i,
 	if (e.length < 2) return null;
 	let f = Math.max(1, t), p = Math.max(1, n), m = Math.max(0, Math.min(o, p / 2, f / 2)), h = r ?? Math.min(...e), g = i ?? Math.max(...e), y = Math.min(h, g), b = Math.max(h, g), x = b - y, S = Math.max(1, f - m * 2), C = Math.max(1, p - m * 2), w = e.map((t, n) => ({
 		x: m + n / (e.length - 1) * S,
-		y: x === 0 ? p / 2 : m + C - (Pe(t, y, b) - y) / x * C
+		y: x === 0 ? p / 2 : m + C - (Ne(t, y, b) - y) / x * C
 	})), T = w.map(({ x: e, y: t }) => `${e},${t}`).join(" "), E = w.length > 0 ? [
 		`${w[0].x},${p - m}`,
 		...w.map(({ x: e, y: t }) => `${e},${t}`),
@@ -1083,7 +1083,7 @@ function Qe({ data: e, width: t = 60, height: n = 20, minValue: r, maxValue: i,
 		width: f,
 		height: p,
 		viewBox: `0 0 ${f} ${p}`,
-		className: G("inline-block", d),
+		className: K("inline-block", d),
 		role: "img",
 		"aria-label": u,
 		children: [c && /* @__PURE__ */ _("polygon", {
@@ -1153,7 +1153,7 @@ function it(e, t, n, r, i) {
 	].join(" ");
 }
 function at({ data: e, segments: t, height: n = 220, ariaLabel: r = "Stacked bar chart", tooltipRows: i, valueFormatter: a, tooltipValueFormatter: o, xLabelCount: s = 6, barGap: c, minBarWidth: l = 1, className: u }) {
-	let [d, f] = h(null), p = Math.max(Y.top + Y.bottom + 1, n), m = $e - Y.left - Y.right, y = Math.max(1, p - Y.top - Y.bottom), b = e.reduce((e, n) => Math.max(e, rt(n, t)), 1), x = Math.ceil(b / 2), S = x > 0 && x < b, C = c ?? (e.length > 60 ? 2 : e.length > 30 ? 3 : 6), w = Math.max(1, l), T = e.length > 1 ? Math.max(0, (m - e.length * w) / Math.max(e.length - 1, 1)) : 0, E = e.length > 1 ? Math.min(Math.max(0, C), T) : 0, D = e.length > 0 ? (m - E * Math.max(e.length - 1, 0)) / e.length : 0, O = new Set(Le(e.length, s)), k = d === null ? null : e[d], A = a ?? Fe, j = o ?? ((e) => e.toLocaleString());
+	let [d, f] = h(null), p = Math.max(Y.top + Y.bottom + 1, n), m = $e - Y.left - Y.right, y = Math.max(1, p - Y.top - Y.bottom), b = e.reduce((e, n) => Math.max(e, rt(n, t)), 1), x = Math.ceil(b / 2), S = x > 0 && x < b, C = c ?? (e.length > 60 ? 2 : e.length > 30 ? 3 : 6), w = Math.max(1, l), T = e.length > 1 ? Math.max(0, (m - e.length * w) / Math.max(e.length - 1, 1)) : 0, E = e.length > 1 ? Math.min(Math.max(0, C), T) : 0, D = e.length > 0 ? (m - E * Math.max(e.length - 1, 0)) / e.length : 0, O = new Set(Ie(e.length, s)), k = d === null ? null : e[d], A = a ?? Pe, j = o ?? ((e) => e.toLocaleString());
 	function M(e) {
 		return Y.left + e * (D + E);
 	}
@@ -1163,7 +1163,7 @@ function at({ data: e, segments: t, height: n = 220, ariaLabel: r = "Stacked bar
 	return /* @__PURE__ */ v("svg", {
 		width: "100%",
 		viewBox: `0 0 ${$e} ${p}`,
-		className: G("select-none", u),
+		className: K("select-none", u),
 		role: "img",
 		"aria-label": r,
 		children: [
@@ -1359,11 +1359,11 @@ var ot = [
 	left: 40
 }, st = 600;
 function ct({ data: e, height: t = 180, maxValue: n, valueFormatter: r, tooltipValueFormatter: i, labelFormatter: a, maxLabelLength: o, xLabelCount: s = 7, barGap: c = 6, minBarWidth: l = 4, ariaLabel: u = "Vertical bar chart", className: d }) {
-	let [f, p] = h(null), m = Math.max(X.top + X.bottom + 1, t), y = st - X.left - X.right, b = Math.max(1, m - X.top - X.bottom), x = n === void 0 ? Math.max(...e.map((e) => K(e.value)), 1) : Math.max(K(n), 1), S = Math.max(0, c), C = Math.max(1, l), w = e.length > 1 ? Math.max(0, (y - e.length * C) / Math.max(e.length - 1, 1)) : 0, T = e.length > 1 ? Math.min(S, w) : 0, E = e.length > 0 ? Math.max(0, (y - T * Math.max(e.length - 1, 0)) / e.length) : 0, D = r ?? Fe, O = i ?? ((e) => e.toLocaleString()), k = new Set(Le(e.length, s));
+	let [f, p] = h(null), m = Math.max(X.top + X.bottom + 1, t), y = st - X.left - X.right, b = Math.max(1, m - X.top - X.bottom), x = n === void 0 ? Math.max(...e.map((e) => q(e.value)), 1) : Math.max(q(n), 1), S = Math.max(0, c), C = Math.max(1, l), w = e.length > 1 ? Math.max(0, (y - e.length * C) / Math.max(e.length - 1, 1)) : 0, T = e.length > 1 ? Math.min(S, w) : 0, E = e.length > 0 ? Math.max(0, (y - T * Math.max(e.length - 1, 0)) / e.length) : 0, D = r ?? Pe, O = i ?? ((e) => e.toLocaleString()), k = new Set(Ie(e.length, s));
 	return /* @__PURE__ */ v("svg", {
 		width: "100%",
 		viewBox: `0 0 ${st} ${m}`,
-		className: G("select-none", d),
+		className: K("select-none", d),
 		role: "img",
 		"aria-label": u,
 		children: [
@@ -1403,7 +1403,7 @@ function ct({ data: e, height: t = 180, maxValue: n, valueFormatter: r, tooltipV
 				opacity: .5
 			}),
 			e.map((e, t) => {
-				let n = X.left + t * (E + T), r = Pe(K(e.value), 0, x) / x * b, i = X.top + b - r, s = f === t, c = a?.(e.label, e, t) ?? e.label, l = q(c, o), u = l !== c, d = O(e.value);
+				let n = X.left + t * (E + T), r = Ne(q(e.value), 0, x) / x * b, i = X.top + b - r, s = f === t, c = a?.(e.label, e, t) ?? e.label, l = Le(c, o), u = l !== c, d = O(e.value);
 				return /* @__PURE__ */ v("g", {
 					onMouseEnter: () => p(t),
 					onMouseLeave: () => p(null),
@@ -1428,7 +1428,7 @@ function ct({ data: e, height: t = 180, maxValue: n, valueFormatter: r, tooltipV
 							y: i,
 							width: E,
 							height: r,
-							fill: Ie(e.color),
+							fill: Fe(e.color),
 							rx: 6,
 							opacity: s ? 1 : ot[t % ot.length],
 							style: { transition: "all 150ms" }
@@ -1501,7 +1501,7 @@ function dt(e, t) {
 //#region src/components/app-shell/BottomNav.tsx
 function ft({ items: e, currentPath: t, onNavigate: n, className: r }) {
 	return e.length === 0 ? null : /* @__PURE__ */ _("nav", {
-		className: G("bg-bg-secondary border-border font-navigation fixed right-0 bottom-0 left-0 z-30 border-t md:hidden", r),
+		className: K("bg-bg-secondary border-border font-navigation fixed right-0 bottom-0 left-0 z-30 border-t md:hidden", r),
 		style: { height: "var(--bottomnav-height)" },
 		children: /* @__PURE__ */ _("ul", {
 			className: "flex h-full items-center justify-around",
@@ -1511,7 +1511,7 @@ function ft({ items: e, currentPath: t, onNavigate: n, className: r }) {
 					href: e.path,
 					onClick: (t) => ut(t, e.path, n),
 					"aria-current": r ? "page" : void 0,
-					className: G("font-navigation flex h-full w-14 flex-col items-center justify-center gap-0.5", "cursor-pointer transition-colors duration-[100ms]", r ? "text-accent" : "text-text-tertiary"),
+					className: K("font-navigation flex h-full w-14 flex-col items-center justify-center gap-0.5", "cursor-pointer transition-colors duration-[100ms]", r ? "text-accent" : "text-text-tertiary"),
 					children: [/* @__PURE__ */ _(e.icon, { className: "h-5 w-5" }), /* @__PURE__ */ _("span", {
 						className: "text-2xs",
 						children: e.shortLabel ?? e.label
@@ -1628,7 +1628,7 @@ function bt({ items: e, eventName: t = ht, shortcut: n = gt, placeholder: r = "S
 			children: [/* @__PURE__ */ v("div", {
 				className: "border-border flex items-center gap-3 border-b px-4",
 				children: [
-					/* @__PURE__ */ _(ce, { className: "text-text-tertiary h-4 w-4 shrink-0" }),
+					/* @__PURE__ */ _(se, { className: "text-text-tertiary h-4 w-4 shrink-0" }),
 					/* @__PURE__ */ _("input", {
 						ref: b,
 						type: "text",
@@ -1661,7 +1661,7 @@ function bt({ items: e, eventName: t = ht, shortcut: n = gt, placeholder: r = "S
 					role: "option",
 					"aria-selected": t === g,
 					onClick: () => E(e),
-					className: G("flex h-9 w-full cursor-pointer items-center gap-3 rounded-md px-3 text-left", "transition-colors duration-[100ms]", t === g ? "bg-accent-muted text-accent" : "text-text-secondary hover:text-text-primary hover:bg-bg-hover"),
+					className: K("flex h-9 w-full cursor-pointer items-center gap-3 rounded-md px-3 text-left", "transition-colors duration-[100ms]", t === g ? "bg-accent-muted text-accent" : "text-text-secondary hover:text-text-primary hover:bg-bg-hover"),
 					children: [
 						/* @__PURE__ */ _("span", {
 							className: "shrink-0 opacity-60",
@@ -1713,7 +1713,7 @@ function St({ open: e, onClose: t, items: n, topBarNavItems: r = [], topBarNavLa
 			onClick: t
 		}), /* @__PURE__ */ v("div", {
 			ref: d,
-			className: G("bg-bg-sidebar border-border animate-slide-in-left fixed inset-y-0 left-0 z-50 flex w-64 flex-col border-r", u),
+			className: K("bg-bg-sidebar border-border animate-slide-in-left fixed inset-y-0 left-0 z-50 flex w-64 flex-col border-r", u),
 			children: [
 				/* @__PURE__ */ v("div", {
 					className: "border-border flex h-11 items-center justify-between border-b px-4",
@@ -1721,7 +1721,7 @@ function St({ open: e, onClose: t, items: n, topBarNavItems: r = [], topBarNavLa
 						onClick: t,
 						className: "text-text-tertiary hover:text-text-primary flex h-7 w-7 cursor-pointer items-center justify-center rounded",
 						"aria-label": "Close menu",
-						children: /* @__PURE__ */ _(B, { className: "h-4 w-4" })
+						children: /* @__PURE__ */ _(V, { className: "h-4 w-4" })
 					})]
 				}),
 				c && /* @__PURE__ */ _("div", {
@@ -1752,7 +1752,7 @@ function St({ open: e, onClose: t, items: n, topBarNavItems: r = [], topBarNavLa
 										ut(n, e.path, s, t);
 									},
 									"aria-current": r ? "page" : void 0,
-									className: G("flex h-10 items-center gap-3 rounded-md px-3", "cursor-pointer transition-colors duration-[100ms]", r ? "bg-accent-muted text-accent" : "text-text-secondary hover:text-text-primary hover:bg-bg-hover"),
+									className: K("flex h-10 items-center gap-3 rounded-md px-3", "cursor-pointer transition-colors duration-[100ms]", r ? "bg-accent-muted text-accent" : "text-text-secondary hover:text-text-primary hover:bg-bg-hover"),
 									children: [
 										n && /* @__PURE__ */ _(n, { className: "h-4 w-4" }),
 										/* @__PURE__ */ _("span", {
@@ -1775,7 +1775,7 @@ function St({ open: e, onClose: t, items: n, topBarNavItems: r = [], topBarNavLa
 								href: e.path,
 								onClick: (n) => ut(n, e.path, s, t),
 								"aria-current": n ? "page" : void 0,
-								className: G("flex h-10 items-center gap-3 rounded-md px-3", "cursor-pointer transition-colors duration-[100ms]", n ? "bg-accent-muted text-accent" : "text-text-secondary hover:text-text-primary hover:bg-bg-hover"),
+								className: K("flex h-10 items-center gap-3 rounded-md px-3", "cursor-pointer transition-colors duration-[100ms]", n ? "bg-accent-muted text-accent" : "text-text-secondary hover:text-text-primary hover:bg-bg-hover"),
 								children: [
 									/* @__PURE__ */ _(e.icon, { className: "h-4 w-4" }),
 									/* @__PURE__ */ _("span", {
@@ -1801,7 +1801,7 @@ var Ct = [
 	{
 		value: "dark",
 		label: "Dark",
-		icon: z,
+		icon: ie,
 		preview: {
 			bg: "#0d0f12",
 			fg: "#2a2e38"
@@ -1810,7 +1810,7 @@ var Ct = [
 	{
 		value: "light",
 		label: "Light",
-		icon: ue,
+		icon: le,
 		preview: {
 			bg: "#f5f5f5",
 			fg: "#d4d4d8"
@@ -1819,7 +1819,7 @@ var Ct = [
 	{
 		value: "lightInverted",
 		label: "Light Inverted",
-		icon: ue,
+		icon: le,
 		preview: {
 			bg: "#f1f2f4",
 			fg: "#ffffff"
@@ -1837,7 +1837,7 @@ var Ct = [
 	{
 		value: "solarized",
 		label: "Solarized",
-		icon: re,
+		icon: z,
 		preview: {
 			bg: "#002B36",
 			fg: "#0A3F4C"
@@ -1846,7 +1846,7 @@ var Ct = [
 	{
 		value: "cyberBrutalDark",
 		label: "Cyber Brutal Dark",
-		icon: H,
+		icon: U,
 		preview: {
 			bg: "#050505",
 			fg: "#18181b"
@@ -1855,7 +1855,7 @@ var Ct = [
 	{
 		value: "cyberBrutalLight",
 		label: "Cyber Brutal Light",
-		icon: H,
+		icon: U,
 		preview: {
 			bg: "#e4e4e7",
 			fg: "#d4d4d8"
@@ -2085,7 +2085,7 @@ function Rt(e) {
 }
 function zt({ name: e, src: t, size: n = "md", className: r }) {
 	return /* @__PURE__ */ _("div", {
-		className: G("text-text-on-avatar flex shrink-0 items-center justify-center rounded-full font-semibold", It[n], r),
+		className: K("text-text-on-avatar flex shrink-0 items-center justify-center rounded-full font-semibold", It[n], r),
 		style: { backgroundColor: t ? void 0 : Rt(e) },
 		"aria-label": e,
 		children: t ? /* @__PURE__ */ _("img", {
@@ -2127,9 +2127,9 @@ function Ht({ children: e }) {
 }
 var Ut = {
 	success: D,
-	error: V,
+	error: H,
 	warning: b,
-	info: L
+	info: R
 }, Wt = {
 	success: "bg-green",
 	error: "bg-red",
@@ -2156,11 +2156,11 @@ function Kt({ toast: e, onDismiss: t }) {
 		"aria-live": a ? "assertive" : "polite",
 		className: "bg-bg-secondary border-border animate-slide-down pointer-events-auto relative w-80 overflow-hidden rounded-lg border shadow-lg",
 		children: [
-			/* @__PURE__ */ _("div", { className: G("absolute top-1.5 bottom-1.5 left-0 w-[3px] rounded-md", Wt[e.type]) }),
+			/* @__PURE__ */ _("div", { className: K("absolute top-1.5 bottom-1.5 left-0 w-[3px] rounded-md", Wt[e.type]) }),
 			/* @__PURE__ */ v("div", {
 				className: "flex items-center gap-2.5 p-3 pl-3.5",
 				children: [
-					/* @__PURE__ */ _(i, { className: G("h-4 w-4 shrink-0", Gt[e.type]) }),
+					/* @__PURE__ */ _(i, { className: K("h-4 w-4 shrink-0", Gt[e.type]) }),
 					/* @__PURE__ */ _("p", {
 						className: "text-text-primary flex-1 text-xs",
 						children: e.message
@@ -2168,7 +2168,7 @@ function Kt({ toast: e, onDismiss: t }) {
 					/* @__PURE__ */ _("button", {
 						onClick: t,
 						className: "text-text-tertiary hover:text-text-primary flex h-5 w-5 cursor-pointer items-center justify-center rounded",
-						children: /* @__PURE__ */ _(B, { className: "h-3 w-3" })
+						children: /* @__PURE__ */ _(V, { className: "h-3 w-3" })
 					})
 				]
 			}),
@@ -2191,7 +2191,7 @@ function Xt({ item: e, collapsed: t, currentPath: n, onNavigate: r }) {
 		href: e.path,
 		onClick: (t) => ut(t, e.path, r),
 		"aria-current": i ? "page" : void 0,
-		className: G("font-navigation relative flex items-center gap-2 rounded px-2", "cursor-pointer transition-colors duration-[100ms]", t ? "mx-auto w-[2em] justify-center" : "", i ? "bg-accent-muted text-accent" : "text-text-secondary hover:text-text-primary hover:bg-bg-hover"),
+		className: K("font-navigation relative flex items-center gap-2 rounded px-2", "cursor-pointer transition-colors duration-[100ms]", t ? "mx-auto w-[2em] justify-center" : "", i ? "bg-accent-muted text-accent" : "text-text-secondary hover:text-text-primary hover:bg-bg-hover"),
 		style: { height: "2em" },
 		title: t ? e.label : void 0,
 		children: [
@@ -2223,7 +2223,7 @@ function Zt({ brand: e, collapsed: t }) {
 		className: "flex min-w-0 items-center gap-2 px-2",
 		children: e.logo
 	}) : /* @__PURE__ */ v("div", {
-		className: G("flex min-w-0 items-center gap-2 px-2", t && "mx-auto justify-center px-0"),
+		className: K("flex min-w-0 items-center gap-2 px-2", t && "mx-auto justify-center px-0"),
 		children: [n ? /* @__PURE__ */ _(n, { className: "text-accent h-3.5 w-3.5 shrink-0" }) : t && r && /* @__PURE__ */ _("span", {
 			className: "text-accent shrink-0 text-xs font-bold",
 			children: r
@@ -2260,7 +2260,7 @@ function $t({ collapsed: e, accounts: t, initialAccountIndex: n = 0, onAccountCh
 	return S ? /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ v("button", {
 		ref: b,
 		onClick: w,
-		className: G("font-navigation flex w-full cursor-pointer items-center gap-2 rounded px-2 transition-colors duration-[100ms]", "text-text-secondary hover:text-text-primary hover:bg-bg-hover", e && "justify-center px-0"),
+		className: K("font-navigation flex w-full cursor-pointer items-center gap-2 rounded px-2 transition-colors duration-[100ms]", "text-text-secondary hover:text-text-primary hover:bg-bg-hover", e && "justify-center px-0"),
 		style: { height: "2.5em" },
 		title: e ? S.name : void 0,
 		children: [/* @__PURE__ */ _(zt, {
@@ -2277,7 +2277,7 @@ function $t({ collapsed: e, accounts: t, initialAccountIndex: n = 0, onAccountCh
 				children: Qt(S)
 			})]
 		}), /* @__PURE__ */ _(j, { className: "text-text-tertiary h-3 w-3 shrink-0" })] })]
-	}), l && fe(/* @__PURE__ */ v("div", {
+	}), l && de(/* @__PURE__ */ v("div", {
 		ref: x,
 		className: "bg-bg-tertiary border-border-strong animate-scale-in fixed z-[100] w-56 rounded-md border py-1 shadow-lg",
 		style: {
@@ -2314,7 +2314,7 @@ function $t({ collapsed: e, accounts: t, initialAccountIndex: n = 0, onAccountCh
 			C && /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("div", { className: "border-border my-1 border-t" }), /* @__PURE__ */ v("button", {
 				onClick: D,
 				className: "text-text-secondary hover:text-text-primary hover:bg-bg-hover font-navigation flex h-7 w-full cursor-pointer items-center gap-2.5 px-3 text-xs transition-colors duration-[100ms]",
-				children: [/* @__PURE__ */ _(ee, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ _("span", { children: o })]
+				children: [/* @__PURE__ */ _(te, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ _("span", { children: o })]
 			})] })
 		]
 	}), document.body)] }) : null;
@@ -2339,14 +2339,14 @@ function en({ collapsed: e, settingsPath: t, settingsLabel: n = "All Settings",
 	return /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ v("button", {
 		ref: u,
 		onClick: D,
-		className: G("font-navigation relative flex w-full items-center gap-2 rounded px-2", "cursor-pointer transition-colors duration-[100ms]", e ? "mx-auto w-[2em] justify-center" : "", a ? "bg-accent-muted text-accent" : "text-text-secondary hover:text-text-primary hover:bg-bg-hover"),
+		className: K("font-navigation relative flex w-full items-center gap-2 rounded px-2", "cursor-pointer transition-colors duration-[100ms]", e ? "mx-auto w-[2em] justify-center" : "", a ? "bg-accent-muted text-accent" : "text-text-secondary hover:text-text-primary hover:bg-bg-hover"),
 		style: { height: "2em" },
 		title: e ? "Settings" : void 0,
-		children: [/* @__PURE__ */ _(le, { className: "h-3.5 w-3.5 shrink-0" }), !e && /* @__PURE__ */ _("span", {
+		children: [/* @__PURE__ */ _(ce, { className: "h-3.5 w-3.5 shrink-0" }), !e && /* @__PURE__ */ _("span", {
 			className: "truncate text-xs",
 			children: "Settings"
 		})]
-	}), a && fe(/* @__PURE__ */ v("div", {
+	}), a && de(/* @__PURE__ */ v("div", {
 		ref: d,
 		className: "bg-bg-tertiary border-border-strong animate-scale-in fixed z-[100] w-64 rounded-md border py-1 shadow-lg",
 		style: {
@@ -2362,17 +2362,17 @@ function en({ collapsed: e, settingsPath: t, settingsLabel: n = "All Settings",
 				{
 					value: "dark",
 					label: "Dark",
-					Icon: z
+					Icon: ie
 				},
 				{
 					value: "light",
 					label: "Light",
-					Icon: ue
+					Icon: le
 				},
 				{
 					value: "system",
 					label: "System",
-					Icon: re
+					Icon: z
 				}
 			].map(({ value: e, label: t, Icon: n }) => /* @__PURE__ */ v("button", {
 				onClick: () => C(e),
@@ -2395,7 +2395,7 @@ function en({ collapsed: e, settingsPath: t, settingsLabel: n = "All Settings",
 				className: "flex flex-wrap gap-1.5 px-3 pb-2",
 				children: Mt.map((e) => /* @__PURE__ */ _("button", {
 					onClick: () => p(e.value),
-					className: G("h-5 w-5 cursor-pointer rounded-full transition-transform duration-[100ms] hover:scale-110", f === e.value && "ring-offset-bg-tertiary scale-110 ring-2 ring-offset-1"),
+					className: K("h-5 w-5 cursor-pointer rounded-full transition-transform duration-[100ms] hover:scale-110", f === e.value && "ring-offset-bg-tertiary scale-110 ring-2 ring-offset-1"),
 					style: {
 						backgroundColor: e.color,
 						...f === e.value ? { "--utility-ring-color": e.color } : {}
@@ -2421,7 +2421,7 @@ function en({ collapsed: e, settingsPath: t, settingsLabel: n = "All Settings",
 			T && /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("div", { className: "border-border my-1 border-t" }), /* @__PURE__ */ v("button", {
 				onClick: O,
 				className: "text-text-secondary hover:text-text-primary hover:bg-bg-hover font-navigation flex h-7 w-full cursor-pointer items-center gap-2.5 px-3 text-xs transition-colors duration-[100ms]",
-				children: [/* @__PURE__ */ _(le, { className: "h-3.5 w-3.5 shrink-0" }), /* @__PURE__ */ _("span", {
+				children: [/* @__PURE__ */ _(ce, { className: "h-3.5 w-3.5 shrink-0" }), /* @__PURE__ */ _("span", {
 					className: "flex-1 text-left",
 					children: n
 				})]
@@ -2450,7 +2450,7 @@ function tn({ navSections: e, brand: t, accounts: n = [], initialAccountIndex: r
 	}
 	return /* @__PURE__ */ v("aside", {
 		ref: T,
-		className: G("bg-bg-secondary relative hidden shrink-0 flex-col border-r md:flex", "transition-[width] duration-[200ms] ease-out", "border-border", y),
+		className: K("bg-bg-secondary relative hidden shrink-0 flex-col border-r md:flex", "transition-[width] duration-[200ms] ease-out", "border-border", y),
 		style: { width: b ? Yt : x },
 		children: [
 			!b && /* @__PURE__ */ _("div", {
@@ -2485,7 +2485,7 @@ function tn({ navSections: e, brand: t, accounts: n = [], initialAccountIndex: r
 							children: [/* @__PURE__ */ _("span", {
 								className: "min-w-0 flex-1",
 								children: e.title
-							}), /* @__PURE__ */ _(O, { className: G("h-3 w-3 shrink-0 transition-transform", n && "-rotate-90") })]
+							}), /* @__PURE__ */ _(O, { className: K("h-3 w-3 shrink-0 transition-transform", n && "-rotate-90") })]
 						}), (!n || b) && /* @__PURE__ */ _("ul", {
 							className: "flex flex-col gap-1",
 							children: e.items.map((e) => /* @__PURE__ */ _("li", { children: /* @__PURE__ */ _(Xt, {
@@ -2541,7 +2541,7 @@ function rn({ homeLabel: e = "Dashboard", labels: t = {}, parents: n = {}, curre
 	})];
 	return /* @__PURE__ */ _("nav", {
 		"aria-label": "Breadcrumb",
-		className: G("font-navigation flex items-center gap-1 text-xs", a),
+		className: K("font-navigation flex items-center gap-1 text-xs", a),
 		children: /* @__PURE__ */ _("ol", {
 			className: "flex items-center gap-1",
 			children: s.map((e, t) => {
@@ -2554,7 +2554,7 @@ function rn({ homeLabel: e = "Dashboard", labels: t = {}, parents: n = {}, curre
 					}) : /* @__PURE__ */ _("a", {
 						href: e.path,
 						onClick: (t) => ut(t, e.path, i),
-						className: G("text-text-tertiary hover:text-text-primary cursor-pointer transition-colors duration-[100ms]"),
+						className: K("text-text-tertiary hover:text-text-primary cursor-pointer transition-colors duration-[100ms]"),
 						children: e.label
 					})]
 				}, e.path);
@@ -2636,10 +2636,10 @@ var cn = {
 		"data-size": t,
 		"data-hide-label": p && !f ? "" : void 0,
 		disabled: c || r,
-		className: G("ui-sized-control inline-flex items-center justify-center rounded-md font-medium", "font-control", "transition-colors duration-[100ms] ease-out", "cursor-pointer", "disabled:cursor-not-allowed disabled:opacity-40", "focus-visible:outline-accent focus-visible:outline-2 focus-visible:outline-offset-2", cn[e], f ? un[t] : ln[t], p && !f && pn[p]?.[t], o),
+		className: K("ui-sized-control inline-flex items-center justify-center rounded-md font-medium", "font-control", "transition-colors duration-[100ms] ease-out", "cursor-pointer", "disabled:cursor-not-allowed disabled:opacity-40", "focus-visible:outline-accent focus-visible:outline-2 focus-visible:outline-offset-2", cn[e], f ? un[t] : ln[t], p && !f && pn[p]?.[t], o),
 		...l,
 		children: [
-			r && /* @__PURE__ */ _(R, { className: "h-3.5 w-3.5 animate-spin" }),
+			r && /* @__PURE__ */ _(ee, { className: "h-3.5 w-3.5 animate-spin" }),
 			i && !r && /* @__PURE__ */ _(i, { className: dn[t] }),
 			s && (p ? /* @__PURE__ */ _("span", {
 				className: fn[p],
@@ -2653,7 +2653,7 @@ mn.displayName = "Button";
 //#region src/components/ui/SectionHeader.tsx
 function hn({ children: e, as: t = "h2", className: n, border: r = !0 }) {
 	return /* @__PURE__ */ _(t, {
-		className: G("text-text-primary font-heading text-xs font-semibold", r && "border-border border-b pb-2", n),
+		className: K("text-text-primary font-heading text-xs font-semibold", r && "border-border border-b pb-2", n),
 		children: e
 	});
 }
@@ -2754,7 +2754,7 @@ function Cn({ options: e, value: t, onChange: n, label: r, placeholder: i = "Sel
 		}
 	}
 	return /* @__PURE__ */ v("div", {
-		className: G("flex flex-col gap-1.5", a),
+		className: K("flex flex-col gap-1.5", a),
 		ref: p,
 		children: [r && /* @__PURE__ */ _("span", {
 			className: "ui-field-label font-label text-xs font-medium",
@@ -2770,16 +2770,16 @@ function Cn({ options: e, value: t, onChange: n, label: r, placeholder: i = "Sel
 					"aria-expanded": c,
 					"aria-controls": c ? x : void 0,
 					"aria-activedescendant": c && d >= 0 ? `${b}-option-${d}` : void 0,
-					className: G("font-control flex w-full cursor-pointer items-center rounded-md text-xs", "bg-bg-secondary border-border text-text-primary border", "hover:bg-bg-hover hover:border-border-strong", "transition-colors duration-[100ms]", "focus-visible:outline-accent focus-visible:outline-2 focus-visible:outline-offset-2", o === "sm" ? "h-6 px-2 pr-6" : "h-7 px-2 pr-7"),
+					className: K("font-control flex w-full cursor-pointer items-center rounded-md text-xs", "bg-bg-secondary border-border text-text-primary border", "hover:bg-bg-hover hover:border-border-strong", "transition-colors duration-[100ms]", "focus-visible:outline-accent focus-visible:outline-2 focus-visible:outline-offset-2", o === "sm" ? "h-6 px-2 pr-6" : "h-7 px-2 pr-7"),
 					children: S ? S.label : /* @__PURE__ */ _("span", {
 						className: "text-text-disabled",
 						children: i
 					})
 				}),
-				/* @__PURE__ */ _(O, { className: G("text-text-tertiary pointer-events-none absolute top-1/2 h-3 w-3 -translate-y-1/2 transition-transform", o === "sm" ? "right-1.5" : "right-2", c && "rotate-180") }),
+				/* @__PURE__ */ _(O, { className: K("text-text-tertiary pointer-events-none absolute top-1/2 h-3 w-3 -translate-y-1/2 transition-transform", o === "sm" ? "right-1.5" : "right-2", c && "rotate-180") }),
 				c && /* @__PURE__ */ _("div", {
 					ref: g,
-					className: G("bg-bg-tertiary border-border-strong animate-scale-in absolute right-0 left-0 z-[100] overflow-hidden rounded-md border shadow-lg", y ? "bottom-full mb-1" : "top-full mt-1"),
+					className: K("bg-bg-tertiary border-border-strong animate-scale-in absolute right-0 left-0 z-[100] overflow-hidden rounded-md border shadow-lg", y ? "bottom-full mb-1" : "top-full mt-1"),
 					children: /* @__PURE__ */ _("ul", {
 						id: x,
 						className: "max-h-48 overflow-y-auto py-1",
@@ -2792,7 +2792,7 @@ function Cn({ options: e, value: t, onChange: n, label: r, placeholder: i = "Sel
 								n(e.value), l(!1);
 							},
 							onMouseEnter: () => f(r),
-							className: G("font-control flex h-7 w-full cursor-pointer items-center gap-2 px-3 text-xs", "transition-colors duration-[100ms]", r === d ? "bg-accent-muted text-accent" : e.value === t ? "text-accent" : "text-text-secondary hover:text-text-primary hover:bg-bg-hover"),
+							className: K("font-control flex h-7 w-full cursor-pointer items-center gap-2 px-3 text-xs", "transition-colors duration-[100ms]", r === d ? "bg-accent-muted text-accent" : e.value === t ? "text-accent" : "text-text-secondary hover:text-text-primary hover:bg-bg-hover"),
 							children: [/* @__PURE__ */ _("span", {
 								className: "flex-1 truncate",
 								children: e.label
@@ -2809,7 +2809,7 @@ function Cn({ options: e, value: t, onChange: n, label: r, placeholder: i = "Sel
 function wn({ min: e, max: t, step: n = 1, value: r, onChange: i, onCommit: a, label: o, showValue: s, className: c }) {
 	let l = (r - e) / (t - e) * 100;
 	return /* @__PURE__ */ v("div", {
-		className: G("flex flex-col gap-1.5", c),
+		className: K("flex flex-col gap-1.5", c),
 		children: [(o || s) && /* @__PURE__ */ v("div", {
 			className: "flex items-center justify-between",
 			children: [o && /* @__PURE__ */ _("span", {
@@ -2838,7 +2838,7 @@ function Tn({ label: e, active: t, icon: n, preview: r, onClick: i, className: a
 	return /* @__PURE__ */ v("button", {
 		type: "button",
 		onClick: i,
-		className: G("flex cursor-pointer flex-col items-center gap-2 rounded-md border p-3 transition-colors duration-[100ms]", t ? "border-accent bg-accent-muted" : "border-border bg-bg-secondary hover:bg-bg-hover hover:border-border-strong", a),
+		className: K("flex cursor-pointer flex-col items-center gap-2 rounded-md border p-3 transition-colors duration-[100ms]", t ? "border-accent bg-accent-muted" : "border-border bg-bg-secondary hover:bg-bg-hover hover:border-border-strong", a),
 		children: [/* @__PURE__ */ _("div", {
 			className: "border-border-strong/20 flex h-10 w-full items-center justify-center rounded border",
 			style: { backgroundColor: r?.bg },
@@ -2859,7 +2859,7 @@ function Tn({ label: e, active: t, icon: n, preview: r, onClick: i, className: a
 //#region src/components/ui/Toggle.tsx
 function En({ checked: e, onChange: t, disabled: n, label: r, className: i }) {
 	return /* @__PURE__ */ v("label", {
-		className: G("flex w-fit items-center", n ? "cursor-not-allowed opacity-40" : "cursor-pointer", i),
+		className: K("flex w-fit items-center", n ? "cursor-not-allowed opacity-40" : "cursor-pointer", i),
 		style: { gap: 10 },
 		children: [/* @__PURE__ */ _("button", {
 			type: "button",
@@ -2867,7 +2867,7 @@ function En({ checked: e, onChange: t, disabled: n, label: r, className: i }) {
 			"aria-checked": e,
 			disabled: n,
 			onClick: () => t(!e),
-			className: G("relative shrink-0 rounded-full border transition-colors duration-[100ms]", "focus-visible:outline-accent focus-visible:outline-2 focus-visible:outline-offset-2", e ? "bg-accent border-accent" : "bg-bg-tertiary ui-switch-off", !n && "cursor-pointer"),
+			className: K("relative shrink-0 rounded-full border transition-colors duration-[100ms]", "focus-visible:outline-accent focus-visible:outline-2 focus-visible:outline-offset-2", e ? "bg-accent border-accent" : "bg-bg-tertiary ui-switch-off", !n && "cursor-pointer"),
 			style: {
 				width: 36,
 				height: 20
@@ -2900,17 +2900,17 @@ var kn = [
 	{
 		value: "dark",
 		label: "Dark",
-		Icon: z
+		Icon: ie
 	},
 	{
 		value: "light",
 		label: "Light",
-		Icon: ue
+		Icon: le
 	},
 	{
 		value: "system",
 		label: "System",
-		Icon: re
+		Icon: z
 	}
 ];
 function An({ className: e, respondToOpenEvent: t = !0 }) {
@@ -2947,7 +2947,7 @@ function An({ className: e, respondToOpenEvent: t = !0 }) {
 			window.removeEventListener("resize", x), window.removeEventListener("scroll", x, !0);
 		};
 	}, [n, x]);
-	let { colorMode: C, setColorMode: w, preferredDarkTheme: T, preferredLightTheme: E, accentColor: D, setAccentColor: O, fontSize: k, setFontSize: A, uiFont: j, setUiFont: M, headingFont: N, setHeadingFont: P, proseFont: F, setProseFont: I, codeFont: L, setCodeFont: R, borderRadius: ee, setBorderRadius: te, borderWidth: ne, setBorderWidth: re, tracking: z, setTracking: ie, lineHeight: oe, setLineHeight: se, density: ce, setDensity: le, reducedMotion: ue, setReducedMotion: de, saveThemeCustomization: B, resetThemeCustomization: V, hasThemeOverrides: H, isCustomized: U, resolvedTheme: W } = f;
+	let { colorMode: C, setColorMode: w, preferredDarkTheme: T, preferredLightTheme: E, accentColor: D, setAccentColor: O, fontSize: k, setFontSize: A, uiFont: j, setUiFont: M, headingFont: N, setHeadingFont: P, proseFont: F, setProseFont: I, codeFont: L, setCodeFont: R, borderRadius: ee, setBorderRadius: te, borderWidth: ne, setBorderWidth: re, tracking: z, setTracking: ie, lineHeight: B, setLineHeight: oe, density: se, setDensity: ce, reducedMotion: le, setReducedMotion: ue, saveThemeCustomization: V, resetThemeCustomization: H, hasThemeOverrides: U, isCustomized: W, resolvedTheme: G } = f;
 	return /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("button", {
 		ref: u,
 		onClick: S,
@@ -2955,9 +2955,9 @@ function An({ className: e, respondToOpenEvent: t = !0 }) {
 		"aria-haspopup": "dialog",
 		"aria-expanded": n,
 		title: "Theme",
-		className: G("flex h-7 w-7 cursor-pointer items-center justify-center rounded transition-colors duration-[100ms]", n ? "text-accent bg-accent-muted" : "text-text-tertiary hover:text-text-primary hover:bg-bg-hover", e),
+		className: K("flex h-7 w-7 cursor-pointer items-center justify-center rounded transition-colors duration-[100ms]", n ? "text-accent bg-accent-muted" : "text-text-tertiary hover:text-text-primary hover:bg-bg-hover", e),
 		children: /* @__PURE__ */ _(ae, { className: "h-4 w-4" })
-	}), n && fe(/* @__PURE__ */ _("div", {
+	}), n && de(/* @__PURE__ */ _("div", {
 		ref: d,
 		role: "dialog",
 		"aria-label": "Theme settings",
@@ -2979,7 +2979,7 @@ function An({ className: e, respondToOpenEvent: t = !0 }) {
 					className: "bg-bg-secondary border-border flex gap-1 rounded-md border p-1.5",
 					children: kn.map(({ value: e, label: t, Icon: n }) => /* @__PURE__ */ v("button", {
 						onClick: () => w(e),
-						className: G("font-navigation flex flex-1 cursor-pointer items-center justify-center gap-1.5 rounded px-2 py-1 text-xs transition-colors duration-[100ms]", C === e ? "bg-accent-muted text-accent" : "text-text-secondary hover:text-text-primary hover:bg-bg-hover"),
+						className: K("font-navigation flex flex-1 cursor-pointer items-center justify-center gap-1.5 rounded px-2 py-1 text-xs transition-colors duration-[100ms]", C === e ? "bg-accent-muted text-accent" : "text-text-secondary hover:text-text-primary hover:bg-bg-hover"),
 						children: [/* @__PURE__ */ _(n, { className: "h-3.5 w-3.5" }), t]
 					}, e))
 				})] }),
@@ -3022,7 +3022,7 @@ function An({ className: e, respondToOpenEvent: t = !0 }) {
 					className: "flex flex-wrap gap-1.5",
 					children: Mt.map((e) => /* @__PURE__ */ _("button", {
 						onClick: () => O(e.value),
-						className: G("h-6 w-6 cursor-pointer rounded-full transition-transform duration-[100ms] hover:scale-110", D === e.value && "ring-offset-bg-tertiary scale-110 ring-2 ring-offset-1"),
+						className: K("h-6 w-6 cursor-pointer rounded-full transition-transform duration-[100ms] hover:scale-110", D === e.value && "ring-offset-bg-tertiary scale-110 ring-2 ring-offset-1"),
 						style: {
 							backgroundColor: e.color,
 							...D === e.value ? { "--utility-ring-color": e.color } : {}
@@ -3110,8 +3110,8 @@ function An({ className: e, respondToOpenEvent: t = !0 }) {
 							min: 1.2,
 							max: 2,
 							step: .05,
-							value: oe,
-							onChange: se,
+							value: B,
+							onChange: oe,
 							showValue: !0
 						}),
 						/* @__PURE__ */ _(wn, {
@@ -3119,33 +3119,33 @@ function An({ className: e, respondToOpenEvent: t = !0 }) {
 							min: .18,
 							max: .32,
 							step: .01,
-							value: ce,
-							onChange: le,
+							value: se,
+							onChange: ce,
 							showValue: !0
 						})
 					]
 				}),
 				/* @__PURE__ */ _(En, {
 					label: "Reduced motion",
-					checked: ue,
-					onChange: de
+					checked: le,
+					onChange: ue
 				}),
 				/* @__PURE__ */ v("div", {
 					className: "border-border flex items-center gap-2 border-t pt-3",
 					children: [/* @__PURE__ */ _(mn, {
 						variant: "primary",
 						size: "sm",
-						disabled: !U,
+						disabled: !W,
 						onClick: () => {
-							B(), y("success", `Saved customization for ${Ct.find((e) => e.value === W)?.label ?? W}`);
+							V(), y("success", `Saved customization for ${Ct.find((e) => e.value === G)?.label ?? G}`);
 						},
 						children: "Save for theme"
 					}), /* @__PURE__ */ _(mn, {
 						variant: "secondary",
 						size: "sm",
-						disabled: !H && !U,
+						disabled: !U && !W,
 						onClick: () => {
-							V(), y("info", "Reset to theme defaults");
+							H(), y("info", "Reset to theme defaults");
 						},
 						children: "Reset"
 					})]
@@ -3161,9 +3161,9 @@ var jn = [
 	"light",
 	"system"
 ], Mn = {
-	dark: z,
-	light: ue,
-	system: re
+	dark: ie,
+	light: le,
+	system: z
 }, Nn = {
 	dark: "Dark",
 	light: "Light",
@@ -3185,13 +3185,13 @@ function Pn({ onMobileMenuToggle: e, breadcrumbs: t, navItems: n = [], navLabel:
 					onClick: e,
 					className: "text-text-tertiary hover:text-text-primary hover:bg-bg-hover flex h-7 w-7 cursor-pointer items-center justify-center rounded md:hidden",
 					"aria-label": "Toggle menu",
-					children: /* @__PURE__ */ _(te, { className: "h-4 w-4" })
+					children: /* @__PURE__ */ _(ne, { className: "h-4 w-4" })
 				}),
 				/* @__PURE__ */ _("button", {
 					onClick: () => f(!d),
 					className: "text-text-tertiary hover:text-text-primary hover:bg-bg-hover hidden h-7 w-7 cursor-pointer items-center justify-center rounded md:flex",
 					"aria-label": d ? "Expand sidebar" : "Collapse sidebar",
-					children: _(d ? se : oe, { className: "h-4 w-4" })
+					children: _(d ? oe : B, { className: "h-4 w-4" })
 				}),
 				(b || t !== !1) && /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("div", { className: "bg-border hidden h-4 w-px md:block" }), b ? /* @__PURE__ */ _(Fn, {
 					items: n,
@@ -3212,7 +3212,7 @@ function Pn({ onMobileMenuToggle: e, breadcrumbs: t, navItems: n = [], navLabel:
 					onClick: l ?? (() => _t()),
 					className: "text-text-tertiary bg-bg-primary border-border hover:border-border-strong hover:text-text-secondary font-navigation hidden h-6 cursor-pointer items-center gap-2 rounded-md border px-2 transition-colors duration-[100ms] sm:flex",
 					children: [
-						/* @__PURE__ */ _(ce, { className: "h-3 w-3" }),
+						/* @__PURE__ */ _(se, { className: "h-3 w-3" }),
 						/* @__PURE__ */ _("span", {
 							className: "text-2xs",
 							children: a
@@ -3249,7 +3249,7 @@ function Fn({ items: e, label: t, currentPath: n, onNavigate: r }) {
 				onClick: (t) => {
 					e.reloadDocument || ut(t, e.path, r);
 				},
-				className: G("font-navigation flex h-6 max-w-40 items-center gap-1 rounded px-2 text-xs transition-colors duration-[100ms]", i ? "bg-accent-muted text-accent" : "text-text-tertiary hover:bg-bg-hover hover:text-text-primary"),
+				className: K("font-navigation flex h-6 max-w-40 items-center gap-1 rounded px-2 text-xs transition-colors duration-[100ms]", i ? "bg-accent-muted text-accent" : "text-text-tertiary hover:bg-bg-hover hover:text-text-primary"),
 				children: [
 					t && /* @__PURE__ */ _(t, { className: "h-3 w-3 shrink-0" }),
 					/* @__PURE__ */ _("span", {
@@ -3270,7 +3270,7 @@ function Fn({ items: e, label: t, currentPath: n, onNavigate: r }) {
 function In({ children: e, navSections: t, brand: n, accounts: r, bottomNavItems: i = [], commandItems: a, breadcrumbs: o, initialAccountIndex: s, onAccountChange: c, onSignOut: l, signOutPath: u, signOutLabel: d, settingsPath: f, settingsLabel: m, onOpenSettings: g, showCommandPalette: y = !0, showCommandTrigger: b = !0, commandTriggerLabel: x, commandShortcut: S, sidebarHeaderActions: C, topBarActions: w, topBarNavItems: T, topBarNavLabel: E, currentPath: D, onNavigate: O, mainClassName: k, className: A }) {
 	let [j, M] = h(!1), N = p(() => t.flatMap((e) => e.items), [t]), P = a ?? N;
 	return /* @__PURE__ */ v("div", {
-		className: G("bg-bg-primary flex h-svh overflow-hidden", A),
+		className: K("bg-bg-primary flex h-svh overflow-hidden", A),
 		children: [
 			/* @__PURE__ */ _("a", {
 				href: "#main-content",
@@ -3308,7 +3308,7 @@ function In({ children: e, navSections: t, brand: n, accounts: r, bottomNavItems
 					onNavigate: O
 				}), /* @__PURE__ */ _("main", {
 					id: "main-content",
-					className: G("flex-1 overflow-y-auto p-4 pb-20 md:p-6 md:pb-6", k),
+					className: K("flex-1 overflow-y-auto p-4 pb-20 md:p-6 md:pb-6", k),
 					children: e
 				})]
 			}),
@@ -3340,7 +3340,7 @@ function In({ children: e, navSections: t, brand: n, accounts: r, bottomNavItems
 //#region src/components/app-shell/AuthLayout.tsx
 function Ln({ children: e, className: t }) {
 	return /* @__PURE__ */ v("div", {
-		className: G("bg-bg-primary relative flex min-h-svh items-center justify-center p-4", t),
+		className: K("bg-bg-primary relative flex min-h-svh items-center justify-center p-4", t),
 		children: [/* @__PURE__ */ _("div", {
 			className: "pointer-events-none absolute inset-0 opacity-30",
 			style: { background: "radial-gradient(ellipse at 50% 30%, var(--accent-muted) 0%, transparent 60%)" }
@@ -3353,7 +3353,7 @@ function Rn({ to: e, children: t, onNavigate: n, className: r }) {
 	return /* @__PURE__ */ v("a", {
 		href: e,
 		onClick: (t) => ut(t, e, n),
-		className: G("inline-flex items-center gap-1.5", "text-text-tertiary text-xs", "hover:text-text-primary transition-colors duration-[100ms]", r),
+		className: K("inline-flex items-center gap-1.5", "text-text-tertiary text-xs", "hover:text-text-primary transition-colors duration-[100ms]", r),
 		children: [/* @__PURE__ */ _(S, { className: "h-3.5 w-3.5" }), t]
 	});
 }
@@ -3370,7 +3370,7 @@ var Vn = a(({ id: e, checked: t, indeterminate: n, onChange: r, label: i, ariaLa
 	return l(() => {
 		T.current && (T.current.indeterminate = !!n);
 	}, [n]), /* @__PURE__ */ v("div", {
-		className: G("ui-choice flex w-fit items-center gap-2.5", o ? "cursor-not-allowed opacity-40" : "cursor-pointer", d),
+		className: K("ui-choice flex w-fit items-center gap-2.5", o ? "cursor-not-allowed opacity-40" : "cursor-pointer", d),
 		"data-control-size": S,
 		children: [/* @__PURE__ */ v("span", {
 			className: "ui-checkbox-control",
@@ -3394,11 +3394,11 @@ var Vn = a(({ id: e, checked: t, indeterminate: n, onChange: r, label: i, ariaLa
 			}), /* @__PURE__ */ _("span", {
 				className: "ui-checkbox-decoration",
 				"aria-hidden": "true",
-				children: n ? /* @__PURE__ */ _(ne, { className: "h-3 w-3" }) : t ? /* @__PURE__ */ _(E, { className: "h-3 w-3" }) : null
+				children: n ? /* @__PURE__ */ _(re, { className: "h-3 w-3" }) : t ? /* @__PURE__ */ _(E, { className: "h-3 w-3" }) : null
 			})]
 		}), i && /* @__PURE__ */ _("label", {
 			htmlFor: w,
-			className: G("text-text-primary text-xs", o ? "cursor-not-allowed" : "cursor-pointer"),
+			className: K("text-text-primary text-xs", o ? "cursor-not-allowed" : "cursor-pointer"),
 			children: i
 		})]
 	});
@@ -3409,7 +3409,7 @@ Vn.displayName = "Checkbox";
 var Hn = a(function({ icon: e, children: t, className: n, ...r }, i) {
 	return /* @__PURE__ */ v("button", {
 		ref: i,
-		className: G("flex h-7 cursor-pointer items-center gap-1.5 rounded-md px-2.5", "border-border bg-bg-secondary text-text-secondary border", "hover:bg-bg-hover hover:border-border-strong", "text-xs", "transition-colors duration-[100ms]", n),
+		className: K("flex h-7 cursor-pointer items-center gap-1.5 rounded-md px-2.5", "border-border bg-bg-secondary text-text-secondary border", "hover:bg-bg-hover hover:border-border-strong", "text-xs", "transition-colors duration-[100ms]", n),
 		...r,
 		children: [/* @__PURE__ */ _(e, { className: "h-3.5 w-3.5 shrink-0" }), t && /* @__PURE__ */ _("span", {
 			className: "hidden sm:inline",
@@ -3432,7 +3432,7 @@ function Wn({ columns: e, hidden: n, onToggle: r, label: i = "Columns", heading:
 			onClick: () => f(!d),
 			children: i
 		}), d && /* @__PURE__ */ v("div", {
-			className: G("bg-bg-tertiary border-border-strong animate-scale-in absolute top-full right-0 z-[100] mt-1 rounded-md border py-1 shadow-lg", c ? "w-56" : "w-48"),
+			className: K("bg-bg-tertiary border-border-strong animate-scale-in absolute top-full right-0 z-[100] mt-1 rounded-md border py-1 shadow-lg", c ? "w-56" : "w-48"),
 			children: [e.map((i, o) => /* @__PURE__ */ v(t, { children: [(o === 0 || i.group !== e[o - 1].group) && /* @__PURE__ */ _("p", {
 				className: "text-2xs-f text-text-tertiary px-3 py-1.5 font-semibold tracking-wider uppercase",
 				children: i.group ?? a
@@ -3487,7 +3487,7 @@ function Gn({ page: e, totalPages: t, onPageChange: n }) {
 				children: "..."
 			}, `e${r}`) : /* @__PURE__ */ _("button", {
 				onClick: () => n(t),
-				className: G("flex h-7 w-7 cursor-pointer items-center justify-center rounded text-xs font-medium", "transition-colors duration-[100ms]", t === e ? "bg-accent text-text-on-accent" : "text-text-secondary hover:text-text-primary hover:bg-bg-hover"),
+				className: K("flex h-7 w-7 cursor-pointer items-center justify-center rounded text-xs font-medium", "transition-colors duration-[100ms]", t === e ? "bg-accent text-text-on-accent" : "text-text-secondary hover:text-text-primary hover:bg-bg-hover"),
 				children: t
 			}, t)),
 			/* @__PURE__ */ _("button", {
@@ -3529,7 +3529,7 @@ function qn({ data: e, columns: t, getRowId: n, onRowClick: r, emptyMessage: a =
 		w(e), E(t);
 	}
 	return /* @__PURE__ */ v("div", {
-		className: G("border-border bg-bg-table overflow-x-auto rounded-md border", f),
+		className: K("border-border bg-bg-table overflow-x-auto rounded-md border", f),
 		children: [u && /* @__PURE__ */ _("span", {
 			role: "status",
 			className: "sr-only",
@@ -3537,7 +3537,7 @@ function qn({ data: e, columns: t, getRowId: n, onRowClick: r, emptyMessage: a =
 		}), /* @__PURE__ */ v("table", {
 			...m,
 			"aria-busy": u || m?.["aria-busy"],
-			className: G("font-data w-full text-xs", m?.className),
+			className: K("font-data w-full text-xs", m?.className),
 			children: [
 				l && /* @__PURE__ */ _("caption", {
 					className: "text-text-secondary px-3 py-2 text-left text-xs",
@@ -3546,7 +3546,7 @@ function qn({ data: e, columns: t, getRowId: n, onRowClick: r, emptyMessage: a =
 				/* @__PURE__ */ _("thead", { children: /* @__PURE__ */ _("tr", {
 					className: "border-border bg-bg-table-header border-b",
 					children: t.map((e) => /* @__PURE__ */ _("th", {
-						className: G("text-2xs text-text-table-header font-label h-7 px-3 text-left font-semibold tracking-wider uppercase", e.sortable && "hover:text-text-table-header-hover cursor-pointer select-none"),
+						className: K("text-2xs text-text-table-header font-label h-7 px-3 text-left font-semibold tracking-wider uppercase", e.sortable && "hover:text-text-table-header-hover cursor-pointer select-none"),
 						style: { width: e.width },
 						scope: "col",
 						"aria-sort": e.sortable ? D === e.key ? O === "asc" ? "ascending" : "descending" : "none" : void 0,
@@ -3572,12 +3572,12 @@ function qn({ data: e, columns: t, getRowId: n, onRowClick: r, emptyMessage: a =
 						...a,
 						key: n(e),
 						"aria-selected": o,
-						className: G("border-border h-8 border-b last:border-b-0", "transition-none", o === !0 || o === "true" ? "bg-accent-muted" : "hover:bg-bg-hover", r && "cursor-pointer", a?.className),
+						className: K("border-border h-8 border-b last:border-b-0", "transition-none", o === !0 || o === "true" ? "bg-accent-muted" : "hover:bg-bg-hover", r && "cursor-pointer", a?.className),
 						onClick: (t) => {
 							a?.onClick?.(t), t.defaultPrevented || r?.(e);
 						}
 					}, t.map((t) => /* @__PURE__ */ _("td", {
-						className: G("text-text-primary px-3 whitespace-nowrap", t.cellClassName),
+						className: K("text-text-primary px-3 whitespace-nowrap", t.cellClassName),
 						onClick: t.interactive ? (e) => e.stopPropagation() : void 0,
 						children: t.render(e)
 					}, t.key)));
@@ -3592,7 +3592,7 @@ var Jn = {
 	neutral: {
 		bg: "bg-bg-hover",
 		border: "border-border",
-		icon: L,
+		icon: R,
 		iconColor: "text-text-tertiary"
 	},
 	success: {
@@ -3610,13 +3610,13 @@ var Jn = {
 	error: {
 		bg: "bg-red-muted",
 		border: "border-red/30",
-		icon: V,
+		icon: H,
 		iconColor: "text-red"
 	},
 	info: {
 		bg: "bg-blue-muted",
 		border: "border-blue/30",
-		icon: L,
+		icon: R,
 		iconColor: "text-blue"
 	}
 };
@@ -3626,16 +3626,16 @@ function Yn({ type: e, title: t, children: n, dismissible: r, className: i, acti
 	let u = Jn[e], d = u.icon, f = e === "neutral" ? "text-text-primary" : u.iconColor;
 	return /* @__PURE__ */ v("div", {
 		...s,
-		className: G("flex gap-2.5 rounded-md border p-3", u.bg, u.border, i),
+		className: K("flex gap-2.5 rounded-md border p-3", u.bg, u.border, i),
 		children: [
-			/* @__PURE__ */ _(d, { className: G("mt-0.5 h-4 w-4 shrink-0", u.iconColor) }),
+			/* @__PURE__ */ _(d, { className: K("mt-0.5 h-4 w-4 shrink-0", u.iconColor) }),
 			/* @__PURE__ */ v("div", {
 				className: "min-w-0 flex-1",
 				children: [t && /* @__PURE__ */ _("p", {
-					className: G(o ? f : "text-text-primary", "mb-0.5 text-xs font-semibold"),
+					className: K(o ? f : "text-text-primary", "mb-0.5 text-xs font-semibold"),
 					children: t
 				}), /* @__PURE__ */ _("div", {
-					className: G(o ? f : "text-text-secondary", "text-xs"),
+					className: K(o ? f : "text-text-secondary", "text-xs"),
 					children: n
 				})]
 			}),
@@ -3647,7 +3647,7 @@ function Yn({ type: e, title: t, children: n, dismissible: r, className: i, acti
 				onClick: () => l(!0),
 				className: "text-text-tertiary hover:text-text-primary flex h-5 w-5 cursor-pointer items-center justify-center rounded",
 				"aria-label": "Dismiss",
-				children: /* @__PURE__ */ _(B, { className: "h-3 w-3" })
+				children: /* @__PURE__ */ _(V, { className: "h-3 w-3" })
 			})
 		]
 	});
@@ -3656,7 +3656,7 @@ function Yn({ type: e, title: t, children: n, dismissible: r, className: i, acti
 //#region src/components/ui/AuthCard.tsx
 function Xn({ title: e, subtitle: t, icon: n, children: r, footer: i, className: a }) {
 	return /* @__PURE__ */ _("div", {
-		className: G("relative z-10 w-full max-w-sm", a),
+		className: K("relative z-10 w-full max-w-sm", a),
 		children: /* @__PURE__ */ v("div", {
 			className: "bg-bg-secondary border-border rounded-lg border p-8 shadow-lg",
 			children: [
@@ -3690,12 +3690,12 @@ function Xn({ title: e, subtitle: t, icon: n, children: r, footer: i, className:
 //#region src/components/ui/AuthorByline.tsx
 function Zn({ name: e, meta: t, nameAppend: n, size: r = "sm", className: i }) {
 	return /* @__PURE__ */ v("div", {
-		className: G("flex items-center gap-2", i),
+		className: K("flex items-center gap-2", i),
 		children: [/* @__PURE__ */ _(zt, {
 			name: e,
 			size: "sm"
 		}), /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ v("p", {
-			className: G("text-text-primary font-label font-medium", r === "md" ? "text-xs" : "text-2xs"),
+			className: K("text-text-primary font-label font-medium", r === "md" ? "text-xs" : "text-2xs"),
 			children: [e, n]
 		}), t && /* @__PURE__ */ _("p", {
 			className: "text-text-tertiary font-label text-2xs",
@@ -3726,8 +3726,8 @@ var Qn = {
 };
 function er({ color: e = "gray", dot: t, children: n, className: r }) {
 	return /* @__PURE__ */ v("span", {
-		className: G("font-label text-2xs inline-flex items-center gap-1.5 rounded-md px-2 py-0.5 font-medium", Qn[e], r),
-		children: [t && /* @__PURE__ */ _("span", { className: G("h-1.5 w-1.5 rounded-full", $n[e]) }), n]
+		className: K("font-label text-2xs inline-flex items-center gap-1.5 rounded-md px-2 py-0.5 font-medium", Qn[e], r),
+		children: [t && /* @__PURE__ */ _("span", { className: K("h-1.5 w-1.5 rounded-full", $n[e]) }), n]
 	});
 }
 //#endregion
@@ -4436,7 +4436,7 @@ function ni({ days: e, events: t, availability: n, label: r }) {
 			return /* @__PURE__ */ v("section", {
 				"aria-label": d.format(e),
 				children: [/* @__PURE__ */ _("h3", {
-					className: G("ui-cal-agenda-day border-border border-b px-3 py-1.5 text-xs font-semibold", s ? "text-accent" : "text-text-primary"),
+					className: K("ui-cal-agenda-day border-border border-b px-3 py-1.5 text-xs font-semibold", s ? "text-accent" : "text-text-primary"),
 					children: /* @__PURE__ */ _("button", {
 						type: "button",
 						className: "cursor-pointer hover:underline",
@@ -4468,7 +4468,7 @@ function ri({ event: e, resources: t }) {
 		tabIndex: 0,
 		"aria-label": n.describeEvent(e),
 		"data-status": e.status ?? "confirmed",
-		className: G("ui-cal-agenda-row hover:bg-bg-hover flex cursor-pointer items-start gap-3 px-3 py-2 transition-colors duration-[100ms]", `ui-cal-c-${n.eventColor(e)}`),
+		className: K("ui-cal-agenda-row hover:bg-bg-hover flex cursor-pointer items-start gap-3 px-3 py-2 transition-colors duration-[100ms]", `ui-cal-c-${n.eventColor(e)}`),
 		onClick: () => n.clickEvent(e),
 		onKeyDown: (t) => {
 			(t.key === "Enter" || t.key === " ") && (t.preventDefault(), n.clickEvent(e));
@@ -4515,7 +4515,7 @@ function ii({ block: e, resources: t }) {
 		role: a ? "button" : void 0,
 		tabIndex: a ? 0 : void 0,
 		"aria-label": n.describeBlock(e),
-		className: G("text-text-tertiary flex items-start gap-3 px-3 py-1.5 text-2xs", a && "hover:bg-bg-hover cursor-pointer transition-colors duration-[100ms]", `ui-cal-c-${n.blockColor(e)}`),
+		className: K("text-text-tertiary flex items-start gap-3 px-3 py-1.5 text-2xs", a && "hover:bg-bg-hover cursor-pointer transition-colors duration-[100ms]", `ui-cal-c-${n.blockColor(e)}`),
 		onClick: a ? () => n.clickBlock(e) : void 0,
 		onKeyDown: a ? (t) => {
 			(t.key === "Enter" || t.key === " ") && (t.preventDefault(), n.clickBlock(e));
@@ -4526,7 +4526,7 @@ function ii({ block: e, resources: t }) {
 				children: jr(e.start, e.end, n)
 			}),
 			/* @__PURE__ */ _("span", {
-				className: G("ui-cal-agenda-swatch mt-0.5", r === "unavailable" && "ui-cal-agenda-swatch-off"),
+				className: K("ui-cal-agenda-swatch mt-0.5", r === "unavailable" && "ui-cal-agenda-swatch-off"),
 				"aria-hidden": "true"
 			}),
 			/* @__PURE__ */ v("span", {
@@ -4577,9 +4577,9 @@ function ci({ date: e, events: t, availability: n, label: r }) {
 	Nt(A !== null, z, [D]), l(() => {
 		A && D.current?.querySelector("[data-cal-close]")?.focus();
 	}, [A]);
-	let ie = i.editLayer === "availability", ae = i.dates.parts(e).month, oe = p(() => T.flat(), [T]), se = w(i.now), ce = oe.find((e) => w(e) === se && i.dates.parts(e).month === ae) ?? oe.find((t) => i.dates.parts(t).month === ae && i.dates.parts(t).day === i.dates.parts(e).day) ?? oe.find((e) => i.dates.parts(e).month === ae) ?? oe[0], le = O && oe.some((e) => w(e) === O) ? O : w(ce), ue = p(() => {
+	let ie = i.editLayer === "availability", ae = i.dates.parts(e).month, B = p(() => T.flat(), [T]), oe = w(i.now), se = B.find((e) => w(e) === oe && i.dates.parts(e).month === ae) ?? B.find((t) => i.dates.parts(t).month === ae && i.dates.parts(t).day === i.dates.parts(e).day) ?? B.find((e) => i.dates.parts(e).month === ae) ?? B[0], ce = O && B.some((e) => w(e) === O) ? O : w(se), le = p(() => {
 		let e = /* @__PURE__ */ new Map();
-		for (let r of oe) {
+		for (let r of B) {
 			let i = u(t, r).map((e) => ({
 				type: "event",
 				value: e
@@ -4594,21 +4594,21 @@ function ci({ date: e, events: t, availability: n, label: r }) {
 		}
 		return e;
 	}, [
-		oe,
+		B,
 		t,
 		n,
 		ie,
 		u,
 		o,
 		w
-	]), de = y(i.locale, { weekday: "short" }), V = i.monthMaxEvents ?? (ne ? Math.max(1, Math.floor((Math.max(ne / T.length, ai) - 28) / 20)) : 3);
-	function H(e) {
+	]), ue = y(i.locale, { weekday: "short" }), H = i.monthMaxEvents ?? (ne ? Math.max(1, Math.floor((Math.max(ne / T.length, ai) - 28) / 20)) : 3);
+	function U(e) {
 		let t = w(e);
 		k(t), requestAnimationFrame(() => {
 			E.current?.querySelector(`[data-cal-date="${t}"]`)?.focus();
 		});
 	}
-	function U(e, t) {
+	function W(e, t) {
 		if (e.target !== e.currentTarget) return;
 		let n = {
 			ArrowLeft: -1,
@@ -4619,17 +4619,17 @@ function ci({ date: e, events: t, availability: n, label: r }) {
 		if (e.key in n) {
 			e.preventDefault();
 			let r = a(t, n[e.key]);
-			oe.some((e) => S(e, r)) && H(r);
+			B.some((e) => S(e, r)) && U(r);
 		} else if (e.key === "Home" || e.key === "End") {
 			e.preventDefault();
 			let n = (i.dates.weekday(t) - i.weekStartsOn + 7) % 7;
-			H(a(t, e.key === "Home" ? -n : 6 - n));
+			U(a(t, e.key === "Home" ? -n : 6 - n));
 		} else (e.key === "Enter" || e.key === " ") && (e.preventDefault(), i.openDay(t));
 	}
-	function W(e) {
+	function G(e) {
 		return e.type === "event" ? i.canEditEvent(e.value) : i.canEditBlock(e.value);
 	}
-	function pe(e, t) {
+	function fe(e, t) {
 		let n = {
 			action: "move",
 			...C(e.value, t),
@@ -4645,11 +4645,11 @@ function ci({ date: e, events: t, availability: n, label: r }) {
 			...n
 		};
 	}
-	function me(e) {
+	function pe(e) {
 		e.type === "event" ? i.clickEvent(e.value) : i.clickBlock(e.value);
 	}
-	function he(e, t, n) {
-		if (e.button !== 0 || R.current || (e.stopPropagation(), e.pointerType === "touch" || !W(t))) return;
+	function me(e, t, n) {
+		if (e.button !== 0 || R.current || (e.stopPropagation(), e.pointerType === "touch" || !G(t))) return;
 		let r = (e) => {
 			let t = R.current;
 			if (!t || e.pointerId !== t.pointerId) return;
@@ -4665,7 +4665,7 @@ function ci({ date: e, events: t, availability: n, label: r }) {
 				te.current = !1;
 			}, 0)), !e || !t.started || !t.overKey || t.overKey === t.originKey)) return;
 			let n = c(g(t.overKey), g(t.originKey));
-			ee.current.commit(pe(t.item, n), "pointer");
+			ee.current.commit(fe(t.item, n), "pointer");
 		}, a = (e) => {
 			e.pointerId === R.current?.pointerId && i(!0);
 		}, o = (e) => {
@@ -4685,20 +4685,20 @@ function ci({ date: e, events: t, availability: n, label: r }) {
 			}
 		};
 	}
-	function ge(e) {
-		te.current || me(e);
+	function he(e) {
+		te.current || pe(e);
 	}
-	function _e(e, t) {
+	function ge(e, t) {
 		if (e.key === "Enter" || e.key === " ") {
-			e.preventDefault(), e.stopPropagation(), me(t);
+			e.preventDefault(), e.stopPropagation(), pe(t);
 			return;
 		}
 		if (e.altKey && (e.key === "ArrowLeft" || e.key === "ArrowRight")) {
-			if (e.preventDefault(), e.stopPropagation(), !W(t)) return;
-			i.commit(pe(t, e.key === "ArrowLeft" ? -1 : 1), "keyboard");
+			if (e.preventDefault(), e.stopPropagation(), !G(t)) return;
+			i.commit(fe(t, e.key === "ArrowLeft" ? -1 : 1), "keyboard");
 		}
 	}
-	function ve(e, t) {
+	function _e(e, t) {
 		e.target !== e.currentTarget || !i.selectable || i.commit({
 			target: "selection",
 			action: "create",
@@ -4707,21 +4707,21 @@ function ci({ date: e, events: t, availability: n, label: r }) {
 			allDay: !0
 		}, "pointer");
 	}
-	let ye = (e, t) => {
+	let ve = (e, t) => {
 		let n = si(e), r = e.value.placeholder ? {
 			"aria-hidden": !0,
 			"data-placeholder": !0
 		} : {
 			role: "button",
 			tabIndex: 0,
-			onPointerDown: (n) => he(n, e, t),
-			onClick: () => ge(e),
-			onKeyDown: (t) => _e(t, e)
+			onPointerDown: (n) => me(n, e, t),
+			onClick: () => he(e),
+			onKeyDown: (t) => ge(t, e)
 		};
 		if (e.type === "availability") {
 			let t = e.value;
 			return /* @__PURE__ */ v("div", {
-				className: G("ui-cal-chip", `ui-cal-c-${i.blockColor(t)}`),
+				className: K("ui-cal-chip", `ui-cal-c-${i.blockColor(t)}`),
 				"data-all-day": !0,
 				"data-dragging": I === n || void 0,
 				"aria-label": t.placeholder ? void 0 : i.describeBlock(t),
@@ -4737,7 +4737,7 @@ function ci({ date: e, events: t, availability: n, label: r }) {
 		}
 		let a = e.value, o = x(a), s = i.statusLabel(a);
 		return /* @__PURE__ */ v("div", {
-			className: G("ui-cal-chip", `ui-cal-c-${i.eventColor(a)}`),
+			className: K("ui-cal-chip", `ui-cal-c-${i.eventColor(a)}`),
 			"data-all-day": o || void 0,
 			"data-status": a.status ?? "confirmed",
 			"data-dragging": I === n || void 0,
@@ -4767,7 +4767,7 @@ function ci({ date: e, events: t, availability: n, label: r }) {
 			"aria-hidden": "true",
 			children: T[0].map((e) => /* @__PURE__ */ _("div", {
 				className: "text-text-tertiary py-1.5 text-center text-2xs font-medium uppercase",
-				children: de.format(e)
+				children: ue.format(e)
 			}, i.dates.weekday(e)))
 		}), /* @__PURE__ */ _("div", {
 			ref: E,
@@ -4779,10 +4779,10 @@ function ci({ date: e, events: t, availability: n, label: r }) {
 				role: "row",
 				className: "grid min-h-24 flex-1 grid-cols-7",
 				children: e.map((e) => {
-					let t = w(e), n = ue.get(t), r = n?.items ?? [], a = Math.max(1, V), o = r.length > a, s = o ? r.slice(0, a - 1) : r, c = t === se, l = i.dates.parts(e).month !== ae, u = i.hasAvailability && i.shadeOutsideAvailability && !n?.hasAvailable;
+					let t = w(e), n = le.get(t), r = n?.items ?? [], a = Math.max(1, H), o = r.length > a, s = o ? r.slice(0, a - 1) : r, c = t === oe, l = i.dates.parts(e).month !== ae, u = i.hasAvailability && i.shadeOutsideAvailability && !n?.hasAvailable;
 					return /* @__PURE__ */ v("div", {
 						role: "gridcell",
-						tabIndex: t === le ? 0 : -1,
+						tabIndex: t === ce ? 0 : -1,
 						"data-cal-date": t,
 						"data-outside-month": l || void 0,
 						"data-unavailable": u || void 0,
@@ -4793,18 +4793,18 @@ function ci({ date: e, events: t, availability: n, label: r }) {
 						onFocus: (e) => {
 							e.target === e.currentTarget && k(t);
 						},
-						onKeyDown: (t) => U(t, e),
-						onClick: (t) => ve(t, e),
+						onKeyDown: (t) => W(t, e),
+						onClick: (t) => _e(t, e),
 						children: [
 							/* @__PURE__ */ _("button", {
 								type: "button",
 								tabIndex: -1,
 								onClick: () => i.openDay(e),
 								"aria-label": d(e, i.locale),
-								className: G("flex h-5 min-w-5 cursor-pointer items-center justify-center self-start rounded-full px-1 text-2xs font-semibold transition-colors duration-[100ms]", c ? "bg-accent text-text-on-accent" : l ? "text-text-tertiary hover:bg-bg-hover" : "text-text-primary hover:bg-bg-hover"),
+								className: K("flex h-5 min-w-5 cursor-pointer items-center justify-center self-start rounded-full px-1 text-2xs font-semibold transition-colors duration-[100ms]", c ? "bg-accent text-text-on-accent" : l ? "text-text-tertiary hover:bg-bg-hover" : "text-text-primary hover:bg-bg-hover"),
 								children: i.dates.parts(e).day
 							}),
-							s.map((e) => ye(e, t)),
+							s.map((e) => ve(e, t)),
 							o && /* @__PURE__ */ _("button", {
 								type: "button",
 								className: "text-text-secondary hover:bg-bg-hover hover:text-text-primary cursor-pointer self-start rounded-md px-1 text-2xs font-medium transition-colors duration-[100ms]",
@@ -4824,7 +4824,7 @@ function ci({ date: e, events: t, availability: n, label: r }) {
 								},
 								children: i.labels.more(r.length - s.length)
 							}),
-							A === t && fe(/* @__PURE__ */ v("div", {
+							A === t && de(/* @__PURE__ */ v("div", {
 								ref: D,
 								role: "dialog",
 								"aria-label": d(e, i.locale),
@@ -4843,9 +4843,9 @@ function ci({ date: e, events: t, availability: n, label: r }) {
 										className: "text-text-tertiary hover:text-text-primary hover:bg-bg-hover flex h-6 w-6 cursor-pointer items-center justify-center rounded-md transition-colors duration-[100ms]",
 										onClick: z,
 										"data-cal-close": !0,
-										children: /* @__PURE__ */ _(B, { className: "h-3.5 w-3.5" })
+										children: /* @__PURE__ */ _(V, { className: "h-3.5 w-3.5" })
 									})]
-								}), r.map((e) => ye(e, t))]
+								}), r.map((e) => ve(e, t))]
 							}), document.body)
 						]
 					}, t);
@@ -4878,7 +4878,7 @@ function li({ event: e, style: t, resizeEdge: n, compact: r, dense: i, continues
 		"aria-label": y ? void 0 : u.describeEvent(e),
 		"aria-describedby": !y && (d || u.hasEventClick) ? u.itemHelpId : void 0,
 		title: `${e.title}\n${f}${e.description ? `\n${e.description}` : ""}`,
-		className: G("ui-cal-event", `ui-cal-c-${u.eventColor(e)}`),
+		className: K("ui-cal-event", `ui-cal-c-${u.eventColor(e)}`),
 		style: t,
 		onKeyDown: y ? void 0 : c,
 		onClick: y ? void 0 : l,
@@ -4956,7 +4956,7 @@ function di({ block: e, style: t, resizeEdge: n, continuesAfter: r, dragging: i,
 		"data-edit": c || void 0,
 		"data-readonly": c && !l ? !0 : void 0,
 		"data-dragging": i || void 0,
-		className: G("ui-cal-avail", `ui-cal-c-${s.blockColor(e)}`),
+		className: K("ui-cal-avail", `ui-cal-c-${s.blockColor(e)}`),
 		style: t,
 		onKeyDown: f ? a : void 0,
 		onClick: f ? o : void 0,
@@ -5521,13 +5521,13 @@ function Ti({ days: e, events: t, availability: n, label: r }) {
 		let t = ne.current;
 		t !== null && (e.scrollTop = Math.max(0, t * C - Ci(e)));
 	}, [C]);
-	let re = m(null), z = i.scrollToMinute, { dates: ie, timeZone: ae, now: oe } = i, se = i.scrollAlign;
+	let re = m(null), z = i.scrollToMinute, { dates: ie, timeZone: ae, now: B } = i, oe = i.scrollAlign;
 	l(() => {
 		let t = w.current;
 		if (!t || re.current === i.view) return;
 		re.current = i.view;
-		let n = e.find((e) => d(e, oe)) ?? e[0], r = ae ? ie.minutesOfDay(ie.wallDateAtMinutes(n, z ?? 480)) : z ?? 480, a = ie.dayBounds(n, b), o = t.querySelector(".ui-cal-head"), s = () => {
-			let e = se === "center" ? Ci(t) : 8;
+		let n = e.find((e) => d(e, B)) ?? e[0], r = ae ? ie.minutesOfDay(ie.wallDateAtMinutes(n, z ?? 480)) : z ?? 480, a = ie.dayBounds(n, b), o = t.querySelector(".ui-cal-head"), s = () => {
+			let e = oe === "center" ? Ci(t) : 8;
 			t.scrollTop = Math.max(0, (r - a.min) * C - e);
 		};
 		if (s(), typeof ResizeObserver > "u") return;
@@ -5553,78 +5553,78 @@ function Ti({ days: e, events: t, availability: n, label: r }) {
 	}, [
 		i.view,
 		z,
-		se,
+		oe,
 		b,
 		C,
 		e,
 		d,
 		ie,
 		ae,
-		oe
+		B
 	]);
-	let ce = e.length > 1, le = x.length > 0, ue = !!i.timeZone && i.sharedTimeAxis, de = p(() => $r(O.map((e) => ({
+	let se = e.length > 1, ce = x.length > 0, le = !!i.timeZone && i.sharedTimeAxis, ue = p(() => $r(O.map((e) => ({
 		day: e.day,
 		bounds: e.bounds ?? i.bounds
 	})), i.slotLabelInterval, {
 		timeZone: i.timeZone,
 		locale: i.locale,
 		hour12: i.hour12
-	}, i.bounds, ue), [
+	}, i.bounds, le), [
 		O,
 		i.slotLabelInterval,
 		i.timeZone,
 		i.locale,
 		i.hour12,
 		i.bounds,
-		ue
-	]), B = de.reference, V = de.axes.map((e) => !!i.timeZone && (!ue || !e.matchesReference)), H = B ? s(i.locale, { timeZoneName: "short" }).formatToParts(i.dates.dateAtMinutes(B.day, B.bounds.min)).find((e) => e.type === "timeZoneName")?.value : void 0, fe = V.some(Boolean) ? Math.max(le ? i.resourceMinWidth : 0, 180) : le ? i.resourceMinWidth : 44, U = Math.max(...O.map((e) => (e.bounds?.max ?? b.max) - (e.bounds?.min ?? b.min))) * C, W = {
+		le
+	]), V = ue.reference, H = ue.axes.map((e) => !!i.timeZone && (!le || !e.matchesReference)), U = V ? s(i.locale, { timeZoneName: "short" }).formatToParts(i.dates.dateAtMinutes(V.day, V.bounds.min)).find((e) => e.type === "timeZoneName")?.value : void 0, de = H.some(Boolean) ? Math.max(ce ? i.resourceMinWidth : 0, 180) : ce ? i.resourceMinWidth : 44, W = Math.max(...O.map((e) => (e.bounds?.max ?? b.max) - (e.bounds?.min ?? b.min))) * C, G = {
 		"--cal-hour": `${S}px`,
 		"--cal-offset": `${-(b.min % 60 * C)}px`,
-		height: U
-	}, pe = B?.bounds ?? b, me = [], he = Math.max(5, i.slotLabelInterval);
-	for (let e = Math.ceil(pe.min / he) * he; e < pe.max; e += he) e > pe.min && me.push(e);
-	let ge = s(i.locale, { weekday: "short" }), _e = g(i.now), ve = i.nowIndicator, ye = N?.draft, be = ye && (ye.target === "selection" ? ye.resourceId : ye.resourceIds), xe = "";
+		height: W
+	}, fe = V?.bounds ?? b, pe = [], me = Math.max(5, i.slotLabelInterval);
+	for (let e = Math.ceil(fe.min / me) * me; e < fe.max; e += me) e > fe.min && pe.push(e);
+	let he = s(i.locale, { weekday: "short" }), ge = g(i.now), _e = i.nowIndicator, ve = N?.draft, ye = ve && (ve.target === "selection" ? ve.resourceId : ve.resourceIds), be = "";
 	if (P) {
 		let e = O[P.column];
 		if (e) {
 			let t = e.resourceId ? i.resourceById.get(e.resourceId) : void 0;
-			xe = `${o(e.day, i.locale)}, ${i.timeZone ? Ar(i.dates.dateAtMinutes(e.day, P.start), i) : vr(P.start)} to ${i.timeZone ? Ar(i.dates.dateAtMinutes(e.day, P.end), i) : vr(P.end)}${t ? `, ${t.title}` : ""}`;
+			be = `${o(e.day, i.locale)}, ${i.timeZone ? Ar(i.dates.dateAtMinutes(e.day, P.start), i) : vr(P.start)} to ${i.timeZone ? Ar(i.dates.dateAtMinutes(e.day, P.end), i) : vr(P.end)}${t ? `, ${t.title}` : ""}`;
 		}
 	}
 	return /* @__PURE__ */ _("div", {
 		ref: w,
 		"data-cal-drag": N?.draft.action,
 		className: "ui-cal-scroll relative min-h-0 flex-1 overflow-auto",
-		style: i.timeZone && !B ? { "--cal-gutter": "0px" } : void 0,
+		style: i.timeZone && !V ? { "--cal-gutter": "0px" } : void 0,
 		children: /* @__PURE__ */ v("div", {
 			className: "flex min-h-full flex-col",
-			style: { minWidth: `calc(var(--cal-gutter) + ${O.length * fe}px)` },
+			style: { minWidth: `calc(var(--cal-gutter) + ${O.length * de}px)` },
 			children: [/* @__PURE__ */ v("div", {
 				className: "ui-cal-head border-border border-b",
 				children: [
-					ce && /* @__PURE__ */ v("div", {
+					se && /* @__PURE__ */ v("div", {
 						className: "flex",
 						children: [/* @__PURE__ */ _("div", {
-							className: H ? "ui-cal-corner text-text-tertiary flex items-center justify-center text-2xs" : "ui-cal-corner",
-							title: H ? i.timeZone : void 0,
-							"aria-label": H ? i.timeZone : void 0,
-							children: H
+							className: U ? "ui-cal-corner text-text-tertiary flex items-center justify-center text-2xs" : "ui-cal-corner",
+							title: U ? i.timeZone : void 0,
+							"aria-label": U ? i.timeZone : void 0,
+							children: U
 						}), e.map((e) => /* @__PURE__ */ _(Ei, {
 							day: e,
-							weekday: ge.format(e),
+							weekday: he.format(e),
 							isToday: d(e, i.now),
-							grow: le ? x.length : 1,
+							grow: ce ? x.length : 1,
 							onOpen: () => i.openDay(e),
-							bordered: le
+							bordered: ce
 						}, y(e)))]
 					}),
-					le && /* @__PURE__ */ v("div", {
+					ce && /* @__PURE__ */ v("div", {
 						className: "flex",
 						children: [/* @__PURE__ */ _("div", {
-							className: H && !ce ? "ui-cal-corner text-text-tertiary flex items-center justify-center text-2xs" : "ui-cal-corner",
-							title: !ce && H ? i.timeZone : void 0,
-							"aria-label": !ce && H ? i.timeZone : void 0,
-							children: ce ? void 0 : H
+							className: U && !se ? "ui-cal-corner text-text-tertiary flex items-center justify-center text-2xs" : "ui-cal-corner",
+							title: !se && U ? i.timeZone : void 0,
+							"aria-label": !se && U ? i.timeZone : void 0,
+							children: se ? void 0 : U
 						}), O.map((e, t) => /* @__PURE__ */ _(Di, {
 							resource: i.resourceById.get(e.resourceId ?? ""),
 							sub: t % x.length !== 0
@@ -5673,23 +5673,23 @@ function Ti({ days: e, events: t, availability: n, label: r }) {
 				className: "flex flex-1",
 				children: [/* @__PURE__ */ v("div", {
 					className: "ui-cal-gutter relative",
-					style: { height: U },
+					style: { height: W },
 					"aria-hidden": "true",
 					children: [
-						H && !ce && !le && /* @__PURE__ */ _("span", {
+						U && !se && !ce && /* @__PURE__ */ _("span", {
 							className: "text-text-tertiary absolute top-0 right-2 text-2xs",
 							"aria-hidden": "true",
-							children: H
+							children: U
 						}),
-						B && me.map((e) => {
-							let t = i.dates.parts(i.dates.dateAtMinutes(B.day, e));
+						V && pe.map((e) => {
+							let t = i.dates.parts(i.dates.dateAtMinutes(V.day, e));
 							return /* @__PURE__ */ _("span", {
 								className: "text-text-tertiary font-mono absolute right-2 -translate-y-1/2 text-2xs",
-								style: { top: (e - B.bounds.min) * C },
+								style: { top: (e - V.bounds.min) * C },
 								children: Mr(t.hour * 60 + t.minute, i)
 							}, e);
 						}),
-						!i.timeZone && me.map((e) => /* @__PURE__ */ _("span", {
+						!i.timeZone && pe.map((e) => /* @__PURE__ */ _("span", {
 							className: "text-text-tertiary font-mono absolute right-2 -translate-y-1/2 text-2xs",
 							style: { top: (e - b.min) * C },
 							children: Mr(e, i)
@@ -5702,7 +5702,7 @@ function Ti({ days: e, events: t, availability: n, label: r }) {
 					"aria-describedby": T,
 					tabIndex: 0,
 					className: "ui-cal-lines ui-cal-surface relative flex flex-1 select-none focus-visible:outline-none",
-					style: W,
+					style: G,
 					onPointerDown: M.onPointerDown,
 					onFocus: M.onGridFocus,
 					onBlur: M.onGridBlur,
@@ -5716,17 +5716,17 @@ function Ti({ days: e, events: t, availability: n, label: r }) {
 						/* @__PURE__ */ _("span", {
 							className: "sr-only",
 							"aria-live": "polite",
-							children: xe
+							children: be
 						}),
 						O.map((e, t) => {
-							let n = I[t], r = e.bounds ?? i.bounds, o = V[t] ? 72 : 0, s = V[t] ? de.axes[t].minutes : [], c = d(e.day, i.now), l = le && t % x.length !== 0;
+							let n = I[t], r = e.bounds ?? i.bounds, o = H[t] ? 72 : 0, s = H[t] ? ue.axes[t].minutes : [], c = d(e.day, i.now), l = ce && t % x.length !== 0;
 							return /* @__PURE__ */ v("div", {
 								"data-cal-col": t,
 								"data-today": c || void 0,
 								"data-subcol": l || void 0,
 								className: "ui-cal-col flex-1",
 								style: {
-									minWidth: fe,
+									minWidth: de,
 									height: (r.max - r.min) * C
 								},
 								children: [
@@ -5767,7 +5767,7 @@ function Ti({ days: e, events: t, availability: n, label: r }) {
 									}),
 									/* @__PURE__ */ _("div", {
 										style: o ? { left: o } : void 0,
-										className: G("absolute inset-0", F && "ui-cal-muted-layer"),
+										className: K("absolute inset-0", F && "ui-cal-muted-layer"),
 										children: n.placed.map((e) => {
 											let a = n.layout.get(e.item.id), o = Math.max((e.end - e.start) * C, xi);
 											return /* @__PURE__ */ _(li, {
@@ -5802,16 +5802,16 @@ function Ti({ days: e, events: t, availability: n, label: r }) {
 										"data-cal-ignore": !0,
 										children: i.labels.later(n.later)
 									}),
-									c && ve && _e >= r.min && _e <= r.max && /* @__PURE__ */ _("div", {
+									c && _e && ge >= r.min && ge <= r.max && /* @__PURE__ */ _("div", {
 										className: "ui-cal-now",
 										"data-axis": "y",
 										"data-dot": !l || void 0,
-										style: { top: (_e - r.min) * C }
+										style: { top: (ge - r.min) * C }
 									}),
-									ye && Hr(be, e.resourceId, { emptyMatchesAll: !0 }) && (() => {
-										let t = wi(ye, e.day, r.min, r.max, a);
+									ve && Hr(ye, e.resourceId, { emptyMatchesAll: !0 }) && (() => {
+										let t = wi(ve, e.day, r.min, r.max, a);
 										return !t || typeof t != "object" ? null : /* @__PURE__ */ _(fi, {
-											draft: ye,
+											draft: ve,
 											invalid: N?.invalid,
 											style: {
 												top: (t.start - r.min) * C + 1,
@@ -5843,7 +5843,7 @@ function Ti({ days: e, events: t, availability: n, label: r }) {
 function Ei({ day: e, weekday: t, isToday: n, grow: r, bordered: i, onOpen: a }) {
 	let o = ti();
 	return /* @__PURE__ */ _("div", {
-		className: G("flex min-w-0 items-center justify-center py-1.5", i && "border-border border-l"),
+		className: K("flex min-w-0 items-center justify-center py-1.5", i && "border-border border-l"),
 		style: { flex: `${r} 1 0` },
 		children: /* @__PURE__ */ v("button", {
 			type: "button",
@@ -5852,10 +5852,10 @@ function Ei({ day: e, weekday: t, isToday: n, grow: r, bordered: i, onOpen: a })
 			"aria-current": n ? "date" : void 0,
 			className: "hover:bg-bg-hover flex cursor-pointer items-center gap-1.5 rounded-md px-1.5 py-0.5 transition-colors duration-[100ms]",
 			children: [/* @__PURE__ */ _("span", {
-				className: G("text-2xs font-medium uppercase", n ? "text-accent" : "text-text-tertiary"),
+				className: K("text-2xs font-medium uppercase", n ? "text-accent" : "text-text-tertiary"),
 				children: t
 			}), /* @__PURE__ */ _("span", {
-				className: G("flex h-6 w-6 items-center justify-center rounded-full text-sm font-semibold", n ? "bg-accent text-text-on-accent" : "text-text-primary"),
+				className: K("flex h-6 w-6 items-center justify-center rounded-full text-sm font-semibold", n ? "bg-accent text-text-on-accent" : "text-text-primary"),
 				children: o.dates.parts(e).day
 			})]
 		})
@@ -5864,11 +5864,11 @@ function Ei({ day: e, weekday: t, isToday: n, grow: r, bordered: i, onOpen: a })
 function Di({ resource: e, sub: t }) {
 	let n = ti();
 	return /* @__PURE__ */ v("div", {
-		className: G("border-border flex min-w-0 flex-1 items-center gap-1.5 border-l px-2 py-1.5", t && "ui-cal-subhead"),
+		className: K("border-border flex min-w-0 flex-1 items-center gap-1.5 border-l px-2 py-1.5", t && "ui-cal-subhead"),
 		style: { minWidth: n.resourceMinWidth },
 		title: e?.title,
 		children: [e?.color && /* @__PURE__ */ _("span", {
-			className: G("ui-cal-dot", `ui-cal-c-${e.color}`),
+			className: K("ui-cal-dot", `ui-cal-c-${e.color}`),
 			"aria-hidden": "true"
 		}), /* @__PURE__ */ v("span", {
 			className: "min-w-0",
@@ -5986,12 +5986,12 @@ function Mi({ day: e, events: t, availability: n, label: r }) {
 	let ne = s(i.now), re = i.nowIndicator && o(e, i.now) && ne >= c.min && ne <= c.max, z = M?.draft, ie = z && (z.target === "selection" ? z.resourceId : z.resourceIds), ae = {
 		"--cal-hour": `${x}px`,
 		"--cal-offset": `${-(c.min % 60 * S)}px`
-	}, oe = "";
+	}, B = "";
 	if (N) {
 		let t = k[N.column], n = t?.resourceId ? i.resourceById.get(t.resourceId) : void 0;
-		oe = `${n ? `${n.title}, ` : ""}${i.timeZone ? Ar(i.dates.dateAtMinutes(e, N.start), i) : vr(N.start)} to ${i.timeZone ? Ar(i.dates.dateAtMinutes(e, N.end), i) : vr(N.end)}`;
+		B = `${n ? `${n.title}, ` : ""}${i.timeZone ? Ar(i.dates.dateAtMinutes(e, N.start), i) : vr(N.start)} to ${i.timeZone ? Ar(i.dates.dateAtMinutes(e, N.end), i) : vr(N.end)}`;
 	}
-	function se(e) {
+	function oe(e) {
 		E((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
@@ -6001,7 +6001,7 @@ function Mi({ day: e, events: t, availability: n, label: r }) {
 		className: "text-text-tertiary flex flex-1 items-center justify-center p-6 text-xs",
 		children: i.labels.noResources
 	});
-	let ce = 0;
+	let se = 0;
 	return /* @__PURE__ */ _("div", {
 		ref: d,
 		"data-cal-drag": M?.draft.action,
@@ -6040,7 +6040,7 @@ function Mi({ day: e, events: t, availability: n, label: r }) {
 					/* @__PURE__ */ _("span", {
 						className: "sr-only",
 						"aria-live": "polite",
-						children: oe
+						children: B
 					}),
 					D.map((t) => {
 						let n = t.name !== void 0 && T.has(t.name);
@@ -6050,7 +6050,7 @@ function Mi({ day: e, events: t, availability: n, label: r }) {
 								type: "button",
 								className: "ui-cal-group text-text-secondary hover:text-text-primary flex cursor-pointer items-center gap-1 px-2 py-1 text-2xs font-semibold uppercase transition-colors duration-[100ms]",
 								"aria-expanded": !n,
-								onClick: () => se(t.name),
+								onClick: () => oe(t.name),
 								children: [
 									_(n ? A : O, { className: "h-3 w-3" }),
 									t.name,
@@ -6061,7 +6061,7 @@ function Mi({ day: e, events: t, availability: n, label: r }) {
 								]
 							})
 						}), !n && t.resources.map((t) => {
-							let n = ce++, r = F[n], o = k[n];
+							let n = se++, r = F[n], o = k[n];
 							if (!r || !o) return null;
 							let s = r.laneCount * Oi + ki * 2;
 							return /* @__PURE__ */ v("div", {
@@ -6070,7 +6070,7 @@ function Mi({ day: e, events: t, availability: n, label: r }) {
 									className: "ui-cal-row-head flex items-center gap-1.5 px-2",
 									title: t.title,
 									children: [t.color && /* @__PURE__ */ _("span", {
-										className: G("ui-cal-dot", `ui-cal-c-${t.color}`),
+										className: K("ui-cal-dot", `ui-cal-c-${t.color}`),
 										"aria-hidden": "true"
 									}), /* @__PURE__ */ v("span", {
 										className: "min-w-0",
@@ -6121,7 +6121,7 @@ function Mi({ day: e, events: t, availability: n, label: r }) {
 											}, e.item.id);
 										}),
 										/* @__PURE__ */ _("div", {
-											className: G("absolute inset-0", P && "ui-cal-muted-layer"),
+											className: K("absolute inset-0", P && "ui-cal-muted-layer"),
 											children: r.placed.map((e) => {
 												let t = r.lanes.lanes.get(e.item.id) ?? 0;
 												return /* @__PURE__ */ _(li, {
@@ -6227,13 +6227,13 @@ function Pi({ options: e, value: t, onChange: n, disabled: r, className: i, "ari
 	return /* @__PURE__ */ _("div", {
 		role: "radiogroup",
 		"aria-label": a,
-		className: G("border-border inline-flex overflow-hidden rounded-md border", r && "cursor-not-allowed opacity-40", i),
+		className: K("border-border inline-flex overflow-hidden rounded-md border", r && "cursor-not-allowed opacity-40", i),
 		children: e.map((e) => /* @__PURE__ */ _("button", {
 			role: "radio",
 			"aria-checked": e.value === t,
 			disabled: r,
 			onClick: () => n(e.value),
-			className: G("font-control px-3 py-1.5 text-xs font-medium transition-colors duration-[100ms]", "focus-visible:outline-accent focus-visible:outline-2 focus-visible:outline-offset-[-2px]", !r && "cursor-pointer", e.value === t ? "bg-accent text-text-on-accent" : "bg-bg-secondary text-text-secondary hover:bg-bg-hover hover:text-text-primary"),
+			className: K("font-control px-3 py-1.5 text-xs font-medium transition-colors duration-[100ms]", "focus-visible:outline-accent focus-visible:outline-2 focus-visible:outline-offset-[-2px]", !r && "cursor-pointer", e.value === t ? "bg-accent text-text-on-accent" : "bg-bg-secondary text-text-secondary hover:bg-bg-hover hover:text-text-primary"),
 			children: e.label
 		}, e.value))
 	});
@@ -6284,23 +6284,23 @@ function Vi(e, t, n) {
 		return Bi(`Invalid ${e} "${t}", expected HH:mm; using the default.`), n;
 	}
 }
-function Hi({ events: e = [], availability: t, resources: n = [], view: r, defaultView: i = "week", onViewChange: a, views: o = Fi, date: s, defaultDate: c, onDateChange: d, onRangeChange: g, weekStartsOn: y = 1, workWeekDays: b, agendaDays: x = 7, slotMinTime: S = "07:00", slotMaxTime: C = "20:00", slotDuration: w = 15, slotLabelInterval: T = 60, sharedTimeAxis: E = !1, hourHeight: D = 48, timelineHourWidth: O = 96, resourceMinWidth: j = 120, scrollToTime: M, scrollAlign: N = "start", now: P, nowIndicator: F = !0, editLayer: I = "events", readOnly: L = !1, selectable: ee, clickCreateDuration: te = 30, shadeOutsideAvailability: ne = !0, onCreate: re, onEventClick: z, onEventChange: ie, onAvailabilityClick: ae, onAvailabilityChange: oe, validate: se, onInvalidChange: ce, onDateClick: le, renderEvent: ue, monthMaxEvents: de, agendaShowAvailability: B = !0, display: V, narrowView: H = "day", narrowWidth: fe = 640, locale: U = "en-GB", timeZone: W, hour12: pe = !1, labels: me, toolbar: he = !0, toolbarActions: ge, loading: _e = !1, className: ve, "aria-label": ye }) {
-	let be = p(() => Qr(W), [W]), { addDays: xe, formatLongDate: Se, formatRangeTitle: Ce, getVisibleDays: we, minutesOfDay: Te, shiftDate: Ee } = be, De = m(null), Oe = u(), ke = Li(P), Ae = Ri(De), [je, Me] = h(i), [Ne, Pe] = h(() => c ?? Ii()), Fe = r ?? je, Ie = s ?? Ne, Le = (e) => {
-		r === void 0 && Me(e), a?.(e);
-	}, K = (e) => {
-		s === void 0 && Pe(e), d?.(e);
-	}, q = Ae !== null && Ae < fe && H !== !1 && Cr(Fe) && Fe !== "day" && H ? H : Fe, Re = p(() => ({
+function Hi({ events: e = [], availability: t, resources: n = [], view: r, defaultView: i = "week", onViewChange: a, views: o = Fi, date: s, defaultDate: c, onDateChange: d, onRangeChange: g, weekStartsOn: y = 1, workWeekDays: b, agendaDays: x = 7, slotMinTime: S = "07:00", slotMaxTime: C = "20:00", slotDuration: w = 15, slotLabelInterval: T = 60, sharedTimeAxis: E = !1, hourHeight: D = 48, timelineHourWidth: O = 96, resourceMinWidth: j = 120, scrollToTime: M, scrollAlign: N = "start", now: P, nowIndicator: F = !0, editLayer: I = "events", readOnly: L = !1, selectable: R, clickCreateDuration: te = 30, shadeOutsideAvailability: ne = !0, onCreate: re, onEventClick: z, onEventChange: ie, onAvailabilityClick: ae, onAvailabilityChange: B, validate: oe, onInvalidChange: se, onDateClick: ce, renderEvent: le, monthMaxEvents: ue, agendaShowAvailability: V = !0, display: H, narrowView: U = "day", narrowWidth: de = 640, locale: W = "en-GB", timeZone: G, hour12: fe = !1, labels: pe, toolbar: me = !0, toolbarActions: he, loading: ge = !1, className: _e, "aria-label": ve }) {
+	let ye = p(() => Qr(G), [G]), { addDays: be, formatLongDate: xe, formatRangeTitle: Se, getVisibleDays: Ce, minutesOfDay: we, shiftDate: Te } = ye, Ee = m(null), De = u(), Oe = Li(P), ke = Ri(Ee), [Ae, je] = h(i), [Me, Ne] = h(() => c ?? Ii()), Pe = r ?? Ae, Fe = s ?? Me, Ie = (e) => {
+		r === void 0 && je(e), a?.(e);
+	}, q = (e) => {
+		s === void 0 && Ne(e), d?.(e);
+	}, Le = ke !== null && ke < de && U !== !1 && Cr(Pe) && Pe !== "day" && U ? U : Pe, Re = p(() => ({
 		...Ni,
-		...me,
+		...pe,
 		views: {
 			...Ni.views,
-			...me?.views
+			...pe?.views
 		},
 		status: {
 			...Ni.status,
-			...me?.status
+			...pe?.status
 		}
-	}), [me]), ze = p(() => ({
+	}), [pe]), ze = p(() => ({
 		weekStartsOn: y,
 		workWeekDays: b,
 		agendaDays: x
@@ -6308,24 +6308,24 @@ function Hi({ events: e = [], availability: t, resources: n = [], view: r, defau
 		y,
 		b,
 		x
-	]), Be = Ie.getTime(), Ve = p(() => we(q, new Date(Be), ze), [
-		q,
+	]), Be = Fe.getTime(), Ve = p(() => Ce(Le, new Date(Be), ze), [
+		Le,
 		Be,
 		ze,
-		we
-	]), J = Ve[0], He = xe(Ve[Ve.length - 1], 1), Ue = J.getTime(), We = He.getTime(), Ge = m(g);
+		Ce
+	]), J = Ve[0], He = be(Ve[Ve.length - 1], 1), Ue = J.getTime(), We = He.getTime(), Ge = m(g);
 	f(() => {
 		Ge.current = g;
 	}), l(() => {
 		Ge.current?.({
 			start: new Date(Ue),
 			end: new Date(We),
-			view: q
+			view: Le
 		});
 	}, [
 		Ue,
 		We,
-		q
+		Le
 	]);
 	let Ke = p(() => e.filter((e) => Fr(e.start.getTime(), Math.max(e.end.getTime(), e.start.getTime() + 1), Ue, We)), [
 		e,
@@ -6346,34 +6346,34 @@ function Hi({ events: e = [], availability: t, resources: n = [], view: r, defau
 	}, [Je, Ye]), Ze = Math.max(1, Math.round(w)), Qe;
 	if (M) Qe = Vi("scrollToTime", M, Xe.min);
 	else {
-		let e = qe.filter((e) => (e.kind ?? "available") === "available").map((e) => W ? be.parts(e.start).hour * 60 + be.parts(e.start).minute : Te(e.start)).filter((e) => e >= Xe.min && e < Xe.max);
+		let e = qe.filter((e) => (e.kind ?? "available") === "available").map((e) => G ? ye.parts(e.start).hour * 60 + ye.parts(e.start).minute : we(e.start)).filter((e) => e >= Xe.min && e < Xe.max);
 		e.length && (Qe = Math.min(...e));
 	}
-	let Y = p(() => new Map(n.map((e) => [e.id, e])), [n]), $e = Ce(q, Ie, {
+	let Y = p(() => new Map(n.map((e) => [e.id, e])), [n]), $e = Se(Le, Fe, {
 		...ze,
-		locale: U
+		locale: W
 	}), et = {
-		locale: U,
-		hour12: pe,
-		timeZone: W
+		locale: W,
+		hour12: fe,
+		timeZone: G
 	}, tt = (e) => Y.get(Vr(e)[0] ?? ""), nt = (e) => {
 		let t = Vr(e).map((e) => Y.get(e)?.title).filter(Boolean);
 		return t.length ? `, ${t.join(", ")}` : "";
 	}, rt = (e) => e.status && e.status !== "confirmed" ? Re.status[e.status] : void 0, it = (e) => {
-		let t = se?.(e);
+		let t = oe?.(e);
 		return typeof t == "string" && t ? t : void 0;
 	}, at = {
-		view: q,
-		dates: be,
-		timeZone: W,
-		dayBounds: (e) => be.dayBounds(e, Xe),
-		locale: U,
-		hour12: pe,
+		view: Le,
+		dates: ye,
+		timeZone: G,
+		dayBounds: (e) => ye.dayBounds(e, Xe),
+		locale: W,
+		hour12: fe,
 		weekStartsOn: y,
-		now: ke,
+		now: Oe,
 		nowIndicator: F,
 		labels: Re,
-		itemHelpId: Oe,
+		itemHelpId: De,
 		resources: n,
 		resourceById: Y,
 		step: Ze,
@@ -6384,29 +6384,29 @@ function Hi({ events: e = [], availability: t, resources: n = [], view: r, defau
 		timelineHourWidth: O,
 		resourceMinWidth: j,
 		editLayer: I,
-		selectable: !L && !!re && (ee ?? !0),
+		selectable: !L && !!re && (R ?? !0),
 		clickCreateDuration: te,
 		hasAvailability: t !== void 0,
 		shadeOutsideAvailability: ne,
-		monthMaxEvents: de,
-		agendaShowAvailability: B,
+		monthMaxEvents: ue,
+		agendaShowAvailability: V,
 		display: {
-			time: V?.time ?? !0,
-			description: V?.description ?? !0,
-			status: V?.status ?? !0,
-			badge: V?.badge ?? !0,
-			blockLabels: V?.blockLabels ?? !0,
-			availableBlocks: V?.availableBlocks ?? !0
+			time: H?.time ?? !0,
+			description: H?.description ?? !0,
+			status: H?.status ?? !0,
+			badge: H?.badge ?? !0,
+			blockLabels: H?.blockLabels ?? !0,
+			availableBlocks: H?.availableBlocks ?? !0
 		},
 		scrollToMinute: Qe,
 		scrollAlign: N,
 		canEditEvent: (e) => !e.placeholder && !L && !!ie && I === "events" && (e.editable ?? e.status !== "cancelled"),
-		canEditBlock: (e) => !e.placeholder && !L && !!oe && I === "availability" && e.editable !== !1,
+		canEditBlock: (e) => !e.placeholder && !L && !!B && I === "availability" && e.editable !== !1,
 		eventColor: (e) => e.color ?? tt(e.resourceId)?.color ?? "accent",
 		blockColor: (e) => e.color ?? tt(e.resourceId)?.color ?? ((e.kind ?? "available") === "available" ? "green" : "gray"),
 		statusLabel: rt,
 		describeEvent: (e) => {
-			let t = e.allDay ? `${Se(e.start, U)}, ${Re.allDay}` : `${Se(e.start, U)}, ${jr(e.start, e.end, et)}`, n = rt(e);
+			let t = e.allDay ? `${xe(e.start, W)}, ${Re.allDay}` : `${xe(e.start, W)}, ${jr(e.start, e.end, et)}`, n = rt(e);
 			return [
 				e.title,
 				t,
@@ -6418,9 +6418,9 @@ function Hi({ events: e = [], availability: t, resources: n = [], view: r, defau
 		describeBlock: (e) => [
 			(e.kind ?? "available") === "available" ? Re.available : Re.unavailable,
 			e.label,
-			`${Se(e.start, U)}, ${jr(e.start, e.end, et)}`
+			`${xe(e.start, W)}, ${jr(e.start, e.end, et)}`
 		].filter(Boolean).join(", ").concat(nt(e.resourceId)),
-		renderEvent: ue,
+		renderEvent: le,
 		hasEventClick: !!z,
 		hasBlockClick: !!ae,
 		clickEvent: (e) => z?.(e),
@@ -6428,7 +6428,7 @@ function Hi({ events: e = [], availability: t, resources: n = [], view: r, defau
 		check: it,
 		commit: (e, t) => {
 			let n = it(e);
-			if (n) return ce?.(e, n), !1;
+			if (n) return se?.(e, n), !1;
 			if (e.target === "selection") re?.({
 				start: e.start,
 				end: e.end,
@@ -6441,39 +6441,39 @@ function Hi({ events: e = [], availability: t, resources: n = [], view: r, defau
 					...e,
 					source: t
 				};
-				delete n.target, e.target === "event" ? ie?.(n) : oe?.(n);
+				delete n.target, e.target === "event" ? ie?.(n) : B?.(n);
 			}
 			return !0;
 		},
 		openDay: (e) => {
-			if (le) {
-				le(e);
+			if (ce) {
+				ce(e);
 				return;
 			}
-			K(e), q !== "day" && q !== "timeline" && Le("day");
+			q(e), Le !== "day" && Le !== "timeline" && Ie("day");
 		}
 	}, ot = o.map((e) => ({
 		value: e,
 		label: Re.views[e]
-	})), X = ye ?? $e, st = JSON.stringify([
-		W,
+	})), X = ve ?? $e, st = JSON.stringify([
+		G,
 		Ve.map((e) => e.getTime()),
 		Xe.min,
 		Xe.max,
 		Ze,
 		n.map((e) => e.id)
 	]), ct;
-	return ct = q === "month" ? /* @__PURE__ */ _(ci, {
-		date: Ie,
+	return ct = Le === "month" ? /* @__PURE__ */ _(ci, {
+		date: Fe,
 		events: Ke,
 		availability: qe,
 		label: X
-	}, W) : q === "agenda" ? /* @__PURE__ */ _(ni, {
+	}, G) : Le === "agenda" ? /* @__PURE__ */ _(ni, {
 		days: Ve,
 		events: Ke.filter((e) => !e.placeholder),
 		availability: qe.filter((e) => !e.placeholder),
 		label: X
-	}, W) : q === "timeline" ? /* @__PURE__ */ _(Mi, {
+	}, G) : Le === "timeline" ? /* @__PURE__ */ _(Mi, {
 		day: Ve[0],
 		events: Ke,
 		availability: qe,
@@ -6486,32 +6486,32 @@ function Hi({ events: e = [], availability: t, resources: n = [], view: r, defau
 	}, st), /* @__PURE__ */ _(ei.Provider, {
 		value: at,
 		children: /* @__PURE__ */ v("div", {
-			ref: De,
-			"data-time-zone": W,
-			"data-shared-axis": E && W && [
+			ref: Ee,
+			"data-time-zone": G,
+			"data-shared-axis": E && G && [
 				"day",
 				"threeDay",
 				"workWeek",
 				"week"
-			].includes(q) ? !0 : void 0,
+			].includes(Le) ? !0 : void 0,
 			role: "region",
-			"aria-label": ye ?? $e,
-			"aria-busy": _e || void 0,
-			className: G("ui-cal relative flex h-full min-h-0 flex-col overflow-hidden", ve),
+			"aria-label": ve ?? $e,
+			"aria-busy": ge || void 0,
+			className: K("ui-cal relative flex h-full min-h-0 flex-col overflow-hidden", _e),
 			children: [
 				/* @__PURE__ */ _("span", {
-					id: Oe,
+					id: De,
 					className: "sr-only",
 					children: Re.itemHelp
 				}),
-				he && /* @__PURE__ */ v("div", {
+				me && /* @__PURE__ */ v("div", {
 					className: "ui-cal-noprint border-border flex flex-wrap items-center justify-between gap-2 border-b px-3 py-2",
 					children: [/* @__PURE__ */ v("div", {
 						className: "flex min-w-0 items-center gap-2",
 						children: [
 							/* @__PURE__ */ _(mn, {
 								size: "sm",
-								onClick: () => K(ke),
+								onClick: () => q(Oe),
 								children: Re.today
 							}),
 							/* @__PURE__ */ v("div", {
@@ -6521,13 +6521,13 @@ function Hi({ events: e = [], availability: t, resources: n = [], view: r, defau
 									size: "sm",
 									icon: k,
 									"aria-label": Re.previous,
-									onClick: () => K(Ee(q, Ie, -1, ze))
+									onClick: () => q(Te(Le, Fe, -1, ze))
 								}), /* @__PURE__ */ _(mn, {
 									variant: "icon",
 									size: "sm",
 									icon: A,
 									"aria-label": Re.next,
-									onClick: () => K(Ee(q, Ie, 1, ze))
+									onClick: () => q(Te(Le, Fe, 1, ze))
 								})]
 							}),
 							/* @__PURE__ */ _("h2", {
@@ -6538,25 +6538,25 @@ function Hi({ events: e = [], availability: t, resources: n = [], view: r, defau
 						]
 					}), /* @__PURE__ */ v("div", {
 						className: "flex items-center gap-1.5",
-						children: [ge, o.length > 1 && (Ae === null || Ae >= o.length * 80 + 420 ? /* @__PURE__ */ _(Pi, {
+						children: [he, o.length > 1 && (ke === null || ke >= o.length * 80 + 420 ? /* @__PURE__ */ _(Pi, {
 							"aria-label": Re.view,
 							options: ot,
-							value: Fe,
-							onChange: Le
+							value: Pe,
+							onChange: Ie
 						}) : /* @__PURE__ */ _(Cn, {
 							className: "w-28",
 							size: "sm",
 							options: ot,
-							value: Fe,
-							onChange: (e) => Le(e)
+							value: Pe,
+							onChange: (e) => Ie(e)
 						}))]
 					})]
 				}),
 				ct,
-				_e && /* @__PURE__ */ v("div", {
+				ge && /* @__PURE__ */ v("div", {
 					className: "ui-cal-loading",
 					role: "status",
-					children: [/* @__PURE__ */ _(R, { className: "text-accent h-6 w-6 animate-spin" }), /* @__PURE__ */ _("span", {
+					children: [/* @__PURE__ */ _(ee, { className: "text-accent h-6 w-6 animate-spin" }), /* @__PURE__ */ _("span", {
 						className: "sr-only",
 						children: Re.loading
 					})]
@@ -6698,7 +6698,7 @@ function Yi({ year: e, month: t, timeZone: n, selected: r, rangeStart: i, rangeE
 					onKeyDown: (e) => w(e, c),
 					onMouseEnter: () => l?.(p),
 					onMouseLeave: () => l?.(null),
-					className: G("flex h-8 w-full cursor-pointer items-center justify-center text-xs transition-colors duration-[100ms]", "rounded-md", x && "cursor-not-allowed opacity-30", !x && !h && !v && !y && !b && "hover:bg-bg-hover text-text-primary", m && !h && !v && !y && "text-accent font-semibold", (h || v || y) && "bg-accent text-text-on-accent font-semibold", b && !h && !v && !y && "bg-accent-muted text-accent"),
+					className: K("flex h-8 w-full cursor-pointer items-center justify-center text-xs transition-colors duration-[100ms]", "rounded-md", x && "cursor-not-allowed opacity-30", !x && !h && !v && !y && !b && "hover:bg-bg-hover text-text-primary", m && !h && !v && !y && "text-accent font-semibold", (h || v || y) && "bg-accent text-text-on-accent font-semibold", b && !h && !v && !y && "bg-accent-muted text-accent"),
 					children: c
 				}, c);
 			})]
@@ -6711,7 +6711,7 @@ function Xi({ children: e, className: t, header: n, footer: r, as: i = "div", fl
 	let c = sn();
 	return /* @__PURE__ */ v(i, {
 		...s,
-		className: G("bg-bg-secondary border-border overflow-hidden rounded-md border", t),
+		className: K("bg-bg-secondary border-border overflow-hidden rounded-md border", t),
 		children: [
 			n && /* @__PURE__ */ _("div", {
 				"data-control-size": c,
@@ -6719,7 +6719,7 @@ function Xi({ children: e, className: t, header: n, footer: r, as: i = "div", fl
 				children: n
 			}),
 			/* @__PURE__ */ _("div", {
-				className: G(!a && "ui-surface-body p-3", o),
+				className: K(!a && "ui-surface-body p-3", o),
 				children: e
 			}),
 			r && /* @__PURE__ */ _("div", {
@@ -6805,7 +6805,7 @@ function na({ value: e, onChange: t, onComplete: n, length: r = 6, error: i, inv
 		t.key === "Backspace" ? (t.preventDefault(), w(ta(y, e))) : t.key === "ArrowLeft" ? (t.preventDefault(), C(e - 1)) : t.key === "ArrowRight" && (t.preventDefault(), C(e + 1));
 	}
 	return /* @__PURE__ */ v("div", {
-		className: G("flex flex-col gap-1.5", d),
+		className: K("flex flex-col gap-1.5", d),
 		children: [
 			/* @__PURE__ */ _("div", {
 				role: "group",
@@ -6830,7 +6830,7 @@ function na({ value: e, onChange: t, onComplete: n, length: r = 6, error: i, inv
 					onPaste: (e) => {
 						e.preventDefault(), w($i(y, t, e.clipboardData.getData("text")));
 					},
-					className: G("bg-bg-secondary text-text-primary h-10 w-10 rounded-md border text-center font-mono text-sm", "transition-colors duration-[100ms]", "focus:border-accent focus:outline-none", "disabled:cursor-not-allowed disabled:opacity-40", g ? "border-red" : "border-border")
+					className: K("bg-bg-secondary text-text-primary h-10 w-10 rounded-md border text-center font-mono text-sm", "transition-colors duration-[100ms]", "focus:border-accent focus:outline-none", "disabled:cursor-not-allowed disabled:opacity-40", g ? "border-red" : "border-border")
 				}, t))
 			}),
 			c && /* @__PURE__ */ _("input", {
@@ -6851,14 +6851,14 @@ function na({ value: e, onChange: t, onComplete: n, length: r = 6, error: i, inv
 //#endregion
 //#region src/components/ui/Combobox.tsx
 function ra({ options: e, value: t, onChange: n, onOptionChange: r, placeholder: i = "Select...", label: a, className: o, controlSize: c, id: l, name: d, disabled: f, "aria-label": p, "aria-describedby": g, "aria-invalid": y, query: b, onQueryChange: x, filterOptions: S = !0, selectedOption: C, renderOption: w, loading: T = !1, loadingMessage: D = "Loading results…", error: k, onRetry: A, emptyMessage: j = "No results", footer: M }) {
-	let N = sn(c), [P, F] = h(!1), [I, L] = h(""), [R, ee] = h(0), [te, ne] = h(() => e.find((e) => e.value === t)), re = m(null), z = m(null), ie = m(null), ae = u(), oe = l ?? `${ae}-search`, se = `${ae}-label`, le = `${ae}-selected`, ue = `${ae}-listbox`, de = b ?? I, B = e.find((e) => e.value === t) ?? (C?.value === t ? C : void 0) ?? (te?.value === t ? te : void 0), V = S ? e.filter((e) => e.label.toLowerCase().includes(de.toLowerCase())) : e, H = Math.min(R, Math.max(V.length - 1, 0)), fe = V[H], U = P && !f;
-	function W(e) {
+	let N = sn(c), [P, F] = h(!1), [I, L] = h(""), [R, ee] = h(0), [te, ne] = h(() => e.find((e) => e.value === t)), re = m(null), z = m(null), ie = m(null), ae = u(), B = l ?? `${ae}-search`, oe = `${ae}-label`, ce = `${ae}-selected`, le = `${ae}-listbox`, ue = b ?? I, V = e.find((e) => e.value === t) ?? (C?.value === t ? C : void 0) ?? (te?.value === t ? te : void 0), H = S ? e.filter((e) => e.label.toLowerCase().includes(ue.toLowerCase())) : e, U = Math.min(R, Math.max(H.length - 1, 0)), de = H[U], W = P && !f;
+	function G(e) {
 		b === void 0 && L(e), x?.(e), ee(0);
 	}
-	function pe(e) {
+	function fe(e) {
 		e.disabled || (ne(e), n(e.value), r?.(e), F(!1), z.current?.focus());
 	}
-	function me(e) {
+	function pe(e) {
 		if ([
 			"ArrowDown",
 			"ArrowUp",
@@ -6866,24 +6866,24 @@ function ra({ options: e, value: t, onChange: n, onOptionChange: r, placeholder:
 			"End"
 		].includes(e.key)) {
 			e.preventDefault();
-			let t = e.key === "ArrowUp" || e.key === "End" ? -1 : 1, n = e.key === "Home" ? 0 : e.key === "End" ? V.length - 1 : H + t;
-			for (; n >= 0 && n < V.length && V[n].disabled;) n += t;
-			n >= 0 && n < V.length && ee(n);
-		} else e.key === "Enter" ? (e.preventDefault(), fe && pe(fe)) : e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), F(!1), z.current?.focus());
+			let t = e.key === "ArrowUp" || e.key === "End" ? -1 : 1, n = e.key === "Home" ? 0 : e.key === "End" ? H.length - 1 : U + t;
+			for (; n >= 0 && n < H.length && H[n].disabled;) n += t;
+			n >= 0 && n < H.length && ee(n);
+		} else e.key === "Enter" ? (e.preventDefault(), de && fe(de)) : e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), F(!1), z.current?.focus());
 	}
-	Nt(U, s(() => F(!1), []), [re]);
-	function he() {
+	Nt(W, s(() => F(!1), []), [re]);
+	function me() {
 		F(!0), b === void 0 && L(""), ee(0), setTimeout(() => ie.current?.focus(), 0);
 	}
 	return /* @__PURE__ */ v("div", {
-		className: G("flex flex-col gap-1.5", o),
+		className: K("flex flex-col gap-1.5", o),
 		ref: re,
 		onBlur: (e) => {
 			e.currentTarget.contains(e.relatedTarget) || F(!1);
 		},
 		children: [
 			a && /* @__PURE__ */ _("span", {
-				id: se,
+				id: oe,
 				className: "ui-field-label font-label text-xs font-medium",
 				children: a
 			}),
@@ -6902,20 +6902,20 @@ function ra({ options: e, value: t, onChange: n, onOptionChange: r, placeholder:
 						type: "button",
 						disabled: f,
 						"aria-label": p ?? (a ? void 0 : i),
-						"aria-labelledby": a && !p ? `${se} ${le}` : void 0,
+						"aria-labelledby": a && !p ? `${oe} ${ce}` : void 0,
 						"aria-describedby": g,
 						"aria-invalid": y,
-						"aria-expanded": U,
+						"aria-expanded": W,
 						"aria-haspopup": "listbox",
-						"aria-controls": U ? ue : void 0,
-						onClick: () => U ? F(!1) : he(),
+						"aria-controls": W ? le : void 0,
+						onClick: () => W ? F(!1) : me(),
 						onKeyDown: (e) => {
-							(e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), he());
+							(e.key === "ArrowDown" || e.key === "ArrowUp") && (e.preventDefault(), me());
 						},
-						className: G("ui-sized-control font-control flex h-7 w-full cursor-pointer items-center rounded-md px-2 pr-7 text-xs", "bg-bg-secondary border-border text-text-primary border", "hover:bg-bg-hover hover:border-border-strong", "transition-colors duration-[100ms] disabled:cursor-not-allowed disabled:opacity-40", "focus-visible:outline-accent focus-visible:outline-2 focus-visible:outline-offset-2"),
+						className: K("ui-sized-control font-control flex h-7 w-full cursor-pointer items-center rounded-md px-2 pr-7 text-xs", "bg-bg-secondary border-border text-text-primary border", "hover:bg-bg-hover hover:border-border-strong", "transition-colors duration-[100ms] disabled:cursor-not-allowed disabled:opacity-40", "focus-visible:outline-accent focus-visible:outline-2 focus-visible:outline-offset-2"),
 						children: /* @__PURE__ */ _("span", {
-							id: le,
-							children: B ? B.label : /* @__PURE__ */ _("span", {
+							id: ce,
+							children: V ? V.label : /* @__PURE__ */ _("span", {
 								className: "text-text-disabled",
 								children: t || i
 							})
@@ -6923,35 +6923,35 @@ function ra({ options: e, value: t, onChange: n, onOptionChange: r, placeholder:
 					}),
 					/* @__PURE__ */ _(O, {
 						"aria-hidden": "true",
-						className: G("text-text-tertiary pointer-events-none absolute top-1/2 right-2.5 h-3.5 w-3.5 -translate-y-1/2 transition-transform", U && "rotate-180")
+						className: K("text-text-tertiary pointer-events-none absolute top-1/2 right-2.5 h-3.5 w-3.5 -translate-y-1/2 transition-transform", W && "rotate-180")
 					}),
-					U && /* @__PURE__ */ v("div", {
+					W && /* @__PURE__ */ v("div", {
 						className: "bg-bg-tertiary border-border-strong animate-scale-in absolute top-full right-0 left-0 z-50 mt-1 overflow-hidden rounded-md border shadow-lg",
 						children: [
 							/* @__PURE__ */ _("div", {
 								className: "border-border border-b p-1.5",
 								children: /* @__PURE__ */ v("div", {
 									className: "relative",
-									children: [/* @__PURE__ */ _(ce, {
+									children: [/* @__PURE__ */ _(se, {
 										"aria-hidden": "true",
 										className: "text-text-tertiary absolute top-1/2 left-2 h-3 w-3 -translate-y-1/2"
 									}), /* @__PURE__ */ _("input", {
 										ref: ie,
 										"data-control-size": N,
 										"data-has-icon": "true",
-										id: oe,
+										id: B,
 										type: "text",
 										role: "combobox",
 										"aria-label": p ?? (a ? `Search ${a}` : "Search options"),
 										"aria-expanded": "true",
-										"aria-controls": ue,
-										"aria-activedescendant": fe && !fe.disabled ? `${ue}-${H}` : void 0,
+										"aria-controls": le,
+										"aria-activedescendant": de && !de.disabled ? `${le}-${U}` : void 0,
 										"aria-autocomplete": "list",
 										"aria-describedby": g,
 										"aria-invalid": y,
-										value: de,
-										onChange: (e) => W(e.target.value),
-										onKeyDown: me,
+										value: ue,
+										onChange: (e) => G(e.target.value),
+										onKeyDown: pe,
 										placeholder: "Search...",
 										className: "ui-sized-control bg-bg-secondary text-text-primary border-border placeholder:text-text-disabled focus:border-accent font-control h-7 w-full rounded border pr-2 pl-7 text-xs focus:outline-none"
 									})]
@@ -6973,21 +6973,21 @@ function ra({ options: e, value: t, onChange: n, onOptionChange: r, placeholder:
 								})]
 							}),
 							/* @__PURE__ */ _("ul", {
-								id: ue,
+								id: le,
 								className: "max-h-48 overflow-y-auto py-1",
 								role: "listbox",
 								"aria-label": a ?? p ?? "Options",
 								"aria-busy": T,
-								children: V.map((e, n) => /* @__PURE__ */ v("li", {
-									id: `${ue}-${n}`,
+								children: H.map((e, n) => /* @__PURE__ */ v("li", {
+									id: `${le}-${n}`,
 									role: "option",
 									"aria-selected": e.value === t,
 									"aria-disabled": e.disabled || void 0,
-									onClick: () => pe(e),
+									onClick: () => fe(e),
 									onMouseEnter: () => {
 										e.disabled || ee(n);
 									},
-									className: G("font-control flex w-full items-center gap-2 px-3 py-1.5 text-xs", "transition-colors duration-[100ms]", e.disabled ? "text-text-disabled cursor-not-allowed" : "cursor-pointer", !e.disabled && (n === H ? "bg-accent-muted text-accent" : e.value === t ? "text-accent" : "text-text-secondary hover:text-text-primary hover:bg-bg-hover")),
+									className: K("font-control flex w-full items-center gap-2 px-3 py-1.5 text-xs", "transition-colors duration-[100ms]", e.disabled ? "text-text-disabled cursor-not-allowed" : "cursor-pointer", !e.disabled && (n === U ? "bg-accent-muted text-accent" : e.value === t ? "text-accent" : "text-text-secondary hover:text-text-primary hover:bg-bg-hover")),
 									children: [/* @__PURE__ */ _("span", {
 										className: "flex-1",
 										children: w ? w(e) : e.label
@@ -6997,7 +6997,7 @@ function ra({ options: e, value: t, onChange: n, onOptionChange: r, placeholder:
 									})]
 								}, e.value))
 							}),
-							V.length === 0 && !T && !k && /* @__PURE__ */ _("div", {
+							H.length === 0 && !T && !k && /* @__PURE__ */ _("div", {
 								role: "status",
 								className: "text-text-tertiary px-3 py-2 text-center text-xs",
 								children: j
@@ -7017,7 +7017,7 @@ function ra({ options: e, value: t, onChange: n, onOptionChange: r, placeholder:
 //#region src/components/ui/DangerZone.tsx
 function ia({ title: e = "Danger Zone", description: t, children: n, className: r }) {
 	return /* @__PURE__ */ v("div", {
-		className: G("border-border mt-8 border-t pt-6", r),
+		className: K("border-border mt-8 border-t pt-6", r),
 		children: [
 			/* @__PURE__ */ _("h3", {
 				className: "text-red mb-2 text-xs font-semibold",
@@ -7073,7 +7073,7 @@ function oa({ controlSize: e, label: t, timeZone: n, value: r, onChange: i, plac
 					"data-control-size": c,
 					"aria-haspopup": "dialog",
 					"aria-expanded": l,
-					className: G("ui-sized-control flex h-7 w-full cursor-pointer items-center rounded-md text-xs", "bg-bg-secondary border-border text-text-primary border", "hover:bg-bg-hover hover:border-border-strong", "transition-colors duration-[100ms]", "px-2 pr-7"),
+					className: K("ui-sized-control flex h-7 w-full cursor-pointer items-center rounded-md text-xs", "bg-bg-secondary border-border text-text-primary border", "hover:bg-bg-hover hover:border-border-strong", "transition-colors duration-[100ms]", "px-2 pr-7"),
 					children: r ? o ? o(r) : n ? new Intl.DateTimeFormat("en-GB", {
 						timeZone: n,
 						day: "numeric",
@@ -7089,7 +7089,7 @@ function oa({ controlSize: e, label: t, timeZone: n, value: r, onChange: i, plac
 					ref: f,
 					role: "dialog",
 					"aria-label": "Choose date",
-					className: G("bg-bg-tertiary border-border-strong animate-scale-in absolute left-0 z-[100] rounded-md border p-3 shadow-lg", p ? "bottom-full mb-1" : "top-full mt-1"),
+					className: K("bg-bg-tertiary border-border-strong animate-scale-in absolute left-0 z-[100] rounded-md border p-3 shadow-lg", p ? "bottom-full mb-1" : "top-full mt-1"),
 					children: /* @__PURE__ */ _(Yi, {
 						timeZone: n,
 						year: y,
@@ -7162,7 +7162,7 @@ function ua({ controlSize: e, label: t, value: n, onChange: r, placeholder: i =
 					"data-control-size": a,
 					"aria-haspopup": "dialog",
 					"aria-expanded": o,
-					className: G("ui-sized-control flex h-7 w-full cursor-pointer items-center rounded-md text-xs", "bg-bg-secondary border-border text-text-primary border", "hover:bg-bg-hover hover:border-border-strong", "transition-colors duration-[100ms]", "px-2 pr-7"),
+					className: K("ui-sized-control flex h-7 w-full cursor-pointer items-center rounded-md text-xs", "bg-bg-secondary border-border text-text-primary border", "hover:bg-bg-hover hover:border-border-strong", "transition-colors duration-[100ms]", "px-2 pr-7"),
 					children: I || /* @__PURE__ */ _("span", {
 						className: "text-text-disabled",
 						children: i
@@ -7173,7 +7173,7 @@ function ua({ controlSize: e, label: t, value: n, onChange: r, placeholder: i =
 					ref: u,
 					role: "dialog",
 					"aria-label": "Choose date range",
-					className: G("bg-bg-tertiary border-border-strong animate-scale-in absolute left-0 z-[100] rounded-md border p-3 shadow-lg", d ? "bottom-full mb-1" : "top-full mt-1"),
+					className: K("bg-bg-tertiary border-border-strong animate-scale-in absolute left-0 z-[100] rounded-md border p-3 shadow-lg", d ? "bottom-full mb-1" : "top-full mt-1"),
 					children: [/* @__PURE__ */ v("div", {
 						className: "mb-2 flex items-center justify-between",
 						children: [
@@ -7359,7 +7359,7 @@ function _a({ controlSize: e, label: t, timeZone: n, value: r, onChange: i, plac
 					"data-control-size": o,
 					"aria-haspopup": "dialog",
 					"aria-expanded": c,
-					className: G("ui-sized-control flex h-7 w-full cursor-pointer items-center rounded-md text-xs", "bg-bg-secondary border-border text-text-primary border", "hover:bg-bg-hover hover:border-border-strong", "transition-colors duration-[100ms]", "px-2 pr-7"),
+					className: K("ui-sized-control flex h-7 w-full cursor-pointer items-center rounded-md text-xs", "bg-bg-secondary border-border text-text-primary border", "hover:bg-bg-hover hover:border-border-strong", "transition-colors duration-[100ms]", "px-2 pr-7"),
 					children: r ? ma(r, n) : /* @__PURE__ */ _("span", {
 						className: "text-text-disabled",
 						children: a
@@ -7370,7 +7370,7 @@ function _a({ controlSize: e, label: t, timeZone: n, value: r, onChange: i, plac
 					ref: C,
 					role: "dialog",
 					"aria-label": "Choose date and time",
-					className: G("bg-bg-tertiary border-border-strong animate-scale-in absolute left-0 z-[100] rounded-md border p-3 shadow-lg", w ? "bottom-full mb-1" : "top-full mt-1"),
+					className: K("bg-bg-tertiary border-border-strong animate-scale-in absolute left-0 z-[100] rounded-md border p-3 shadow-lg", w ? "bottom-full mb-1" : "top-full mt-1"),
 					children: [
 						/* @__PURE__ */ _(Yi, {
 							timeZone: n,
@@ -7458,13 +7458,13 @@ function _a({ controlSize: e, label: t, timeZone: n, value: r, onChange: i, plac
 										type: "button",
 										onClick: () => L("AM"),
 										"aria-pressed": I === "AM",
-										className: G("text-2xs cursor-pointer px-2 py-0.5 font-medium transition-colors duration-[100ms]", I === "AM" ? "bg-accent text-text-on-accent" : "bg-bg-secondary text-text-secondary hover:bg-bg-hover"),
+										className: K("text-2xs cursor-pointer px-2 py-0.5 font-medium transition-colors duration-[100ms]", I === "AM" ? "bg-accent text-text-on-accent" : "bg-bg-secondary text-text-secondary hover:bg-bg-hover"),
 										children: "AM"
 									}), /* @__PURE__ */ _("button", {
 										type: "button",
 										onClick: () => L("PM"),
 										"aria-pressed": I === "PM",
-										className: G("text-2xs cursor-pointer px-2 py-0.5 font-medium transition-colors duration-[100ms]", I === "PM" ? "bg-accent text-text-on-accent" : "bg-bg-secondary text-text-secondary hover:bg-bg-hover"),
+										className: K("text-2xs cursor-pointer px-2 py-0.5 font-medium transition-colors duration-[100ms]", I === "PM" ? "bg-accent text-text-on-accent" : "bg-bg-secondary text-text-secondary hover:bg-bg-hover"),
 										children: "PM"
 									})]
 								}),
@@ -7472,7 +7472,7 @@ function _a({ controlSize: e, label: t, timeZone: n, value: r, onChange: i, plac
 									type: "button",
 									onClick: re,
 									disabled: !R,
-									className: G("ml-auto h-6 rounded-md px-3 text-xs font-medium transition-colors duration-[100ms]", R ? "bg-accent text-text-on-accent hover:bg-accent-hover cursor-pointer" : "bg-bg-hover text-text-disabled cursor-not-allowed"),
+									className: K("ml-auto h-6 rounded-md px-3 text-xs font-medium transition-colors duration-[100ms]", R ? "bg-accent text-text-on-accent hover:bg-accent-hover cursor-pointer" : "bg-bg-hover text-text-disabled cursor-not-allowed"),
 									children: "Apply"
 								})
 							]
@@ -7505,7 +7505,7 @@ function xa({ open: e, onClose: t, title: n, children: r, className: i, resizabl
 		p.current = !1;
 	}, []);
 	return /* @__PURE__ */ _("div", {
-		className: G("border-border bg-bg-secondary relative shrink-0 overflow-hidden border-l", "transition-[width] duration-[200ms] ease-out", i),
+		className: K("border-border bg-bg-secondary relative shrink-0 overflow-hidden border-l", "transition-[width] duration-[200ms] ease-out", i),
 		style: { width: e ? d : 0 },
 		children: e && /* @__PURE__ */ v("div", {
 			className: "animate-fade-in flex h-full flex-col",
@@ -7526,7 +7526,7 @@ function xa({ open: e, onClose: t, title: n, children: r, className: i, resizabl
 						onClick: t,
 						className: "text-text-tertiary hover:text-text-primary hover:bg-bg-hover flex h-6 w-6 cursor-pointer items-center justify-center rounded",
 						"aria-label": "Close panel",
-						children: /* @__PURE__ */ _(B, { className: "h-3.5 w-3.5" })
+						children: /* @__PURE__ */ _(V, { className: "h-3.5 w-3.5" })
 					})]
 				}),
 				/* @__PURE__ */ _("div", {
@@ -7926,7 +7926,7 @@ function Wa({ open: e, onClose: t, title: n, children: r, footer: i, className:
 		w,
 		C
 	]), !e) return null;
-	let I = N && /* @__PURE__ */ _("button", {
+	let L = N && /* @__PURE__ */ _("button", {
 		type: "button",
 		"aria-label": "Move dialog",
 		title: "Move dialog: drag, or use the arrow keys (Shift for larger steps)",
@@ -7938,20 +7938,20 @@ function Wa({ open: e, onClose: t, title: n, children: r, footer: i, className:
 			className: "h-3.5 w-3.5",
 			"aria-hidden": "true"
 		})
-	}), L = P && /* @__PURE__ */ _("button", {
+	}), R = P && /* @__PURE__ */ _("button", {
 		type: "button",
 		"aria-label": "Resize dialog",
 		title: "Resize dialog: drag, or use the arrow keys (Shift for larger steps)",
 		"data-dialog-resize": "",
-		className: "text-text-tertiary hover:text-text-secondary hover:bg-bg-hover focus-visible:outline-accent ml-auto hidden h-5 w-5 shrink-0 cursor-nwse-resize items-center justify-center rounded-md transition-colors duration-[100ms] focus-visible:outline-2 focus-visible:outline-offset-2 md:flex md:touch-none md:select-none",
+		className: "text-text-tertiary hover:text-text-primary focus-visible:outline-accent absolute right-0.5 bottom-0.5 hidden h-4 w-4 cursor-nwse-resize items-center justify-center rounded-md transition-colors duration-[100ms] focus-visible:outline-2 focus-visible:outline-offset-0 md:flex md:touch-none md:select-none",
 		...P.pointer,
 		onKeyDown: P.onKeyDown,
-		children: /* @__PURE__ */ _(ie, {
-			className: "h-3.5 w-3.5",
+		children: /* @__PURE__ */ _(I, {
+			className: "h-4 w-4",
 			"aria-hidden": "true"
 		})
-	}), R = I || L;
-	return fe(/* @__PURE__ */ v("div", {
+	});
+	return de(/* @__PURE__ */ v("div", {
 		className: "fixed inset-0 z-50 flex items-start justify-center overflow-y-auto pt-4 md:pt-[5vh]",
 		children: [/* @__PURE__ */ _("div", {
 			className: "bg-bg-overlay fixed inset-0",
@@ -7961,7 +7961,7 @@ function Wa({ open: e, onClose: t, title: n, children: r, footer: i, className:
 			"aria-hidden": "true"
 		}), /* @__PURE__ */ v("div", {
 			ref: O,
-			className: G(`relative z-50 mx-1 mb-8 flex w-full ${Aa[o]} flex-col`, "bg-bg-secondary border-border rounded-lg border", "animate-scale-in shadow-lg", a),
+			className: K(`relative z-50 mx-1 mb-8 flex w-full ${Aa[o]} flex-col`, "bg-bg-secondary border-border rounded-lg border", "animate-scale-in shadow-lg", a),
 			role: h,
 			tabIndex: -1,
 			"aria-busy": C || void 0,
@@ -7973,7 +7973,7 @@ function Wa({ open: e, onClose: t, title: n, children: r, footer: i, className:
 				(n || !E || s) && /* @__PURE__ */ v("div", {
 					ref: k,
 					"data-control-size": D,
-					className: G("ui-bar border-border flex shrink-0 items-center justify-between gap-2 border-b px-3 py-2.5", s && "md:cursor-move md:touch-none md:select-none"),
+					className: K("ui-bar border-border flex shrink-0 items-center justify-between gap-2 border-b px-3 py-2.5", s && "md:cursor-move md:touch-none md:select-none"),
 					...N?.pointer,
 					children: [n && /* @__PURE__ */ _("h3", {
 						id: j,
@@ -7989,7 +7989,7 @@ function Wa({ open: e, onClose: t, title: n, children: r, footer: i, className:
 						},
 						className: "ml-auto shrink-0",
 						"aria-label": "Close",
-						children: /* @__PURE__ */ _(B, { className: "h-4 w-4" })
+						children: /* @__PURE__ */ _(V, { className: "h-4 w-4" })
 					})]
 				}),
 				/* @__PURE__ */ v("div", {
@@ -8003,20 +8003,21 @@ function Wa({ open: e, onClose: t, title: n, children: r, footer: i, className:
 				}),
 				i && /* @__PURE__ */ v("div", {
 					"data-control-size": D,
-					className: G("ui-bar border-border bg-bg-primary/50 flex shrink-0 rounded-b-lg border-t px-3 py-2.5", R ? "items-center gap-2" : "flex-col justify-center"),
-					children: [
-						R ? /* @__PURE__ */ _("div", {
-							className: "flex min-w-0 flex-1 flex-col justify-center",
-							children: i
-						}) : i,
-						I,
-						L
-					]
+					className: K("ui-bar border-border bg-bg-primary/50 flex shrink-0 rounded-b-lg border-t px-3 py-2.5", R && "md:pr-6", L ? "items-center gap-2" : "flex-col justify-center"),
+					children: [L ? /* @__PURE__ */ _("div", {
+						className: "flex min-w-0 flex-1 flex-col justify-center",
+						children: i
+					}) : i, L]
 				}),
-				R && !i && /* @__PURE__ */ v("div", {
+				L && !i && /* @__PURE__ */ _("div", {
 					className: "hidden px-3 pb-2 md:flex",
-					children: [I, L]
-				})
+					children: L
+				}),
+				R && !i && !L && /* @__PURE__ */ _("div", {
+					"data-dialog-resize-spacer": "",
+					className: "hidden h-5 md:block"
+				}),
+				R
 			]
 		})]
 	}), document.body);
@@ -8025,7 +8026,7 @@ function Wa({ open: e, onClose: t, title: n, children: r, footer: i, className:
 //#region src/components/ui/DialogActions.tsx
 function Ga({ onCancel: e, onConfirm: t, cancelLabel: n = "Cancel", confirmLabel: r = "Confirm", confirmVariant: i = "primary", className: a, busy: o = !1, busyLabel: s = "Working…", cancelRef: c, confirmRef: l, confirmDisabled: u = !1 }) {
 	return /* @__PURE__ */ v("div", {
-		className: G("flex justify-end gap-2", a),
+		className: K("flex justify-end gap-2", a),
 		"aria-busy": o || void 0,
 		children: [/* @__PURE__ */ _(mn, {
 			ref: c,
@@ -8054,7 +8055,7 @@ function Ga({ onCancel: e, onConfirm: t, cancelLabel: n = "Cancel", confirmLabel
 //#region src/components/ui/DividerLabel.tsx
 function Ka({ children: e, className: t }) {
 	return /* @__PURE__ */ v("div", {
-		className: G("my-6 flex items-center gap-3", t),
+		className: K("my-6 flex items-center gap-3", t),
 		children: [
 			/* @__PURE__ */ _("div", { className: "border-border flex-1 border-t" }),
 			/* @__PURE__ */ _("span", {
@@ -8103,7 +8104,7 @@ function qa({ trigger: e, items: t, align: n = "right" }) {
 		ref: d,
 		onClick: x,
 		children: e
-	}), r && fe(/* @__PURE__ */ _("div", {
+	}), r && de(/* @__PURE__ */ _("div", {
 		ref: f,
 		role: "menu",
 		className: "bg-bg-tertiary border-border-strong animate-scale-in fixed z-[100] w-max rounded-md border py-1 shadow-lg",
@@ -8126,7 +8127,7 @@ function qa({ trigger: e, items: t, align: n = "right" }) {
 					e.onClick(), b();
 				},
 				onMouseEnter: () => u(n),
-				className: G("flex h-7 w-full cursor-pointer items-center gap-2 px-4 text-left text-xs", "transition-colors duration-[100ms]", "focus:outline-none", e.danger ? "text-red hover:bg-red-muted focus:bg-red-muted" : "text-text-secondary hover:text-text-primary hover:bg-bg-hover focus:text-text-primary focus:bg-bg-hover"),
+				className: K("flex h-7 w-full cursor-pointer items-center gap-2 px-4 text-left text-xs", "transition-colors duration-[100ms]", "focus:outline-none", e.danger ? "text-red hover:bg-red-muted focus:bg-red-muted" : "text-text-secondary hover:text-text-primary hover:bg-bg-hover focus:text-text-primary focus:bg-bg-hover"),
 				children: [
 					e.icon && /* @__PURE__ */ _("span", {
 						className: "flex h-3.5 w-3.5 shrink-0 items-center",
@@ -8150,11 +8151,11 @@ function qa({ trigger: e, items: t, align: n = "right" }) {
 //#region src/components/ui/EmptyState.tsx
 function Ja({ icon: e, title: t, description: n, action: r, className: i }) {
 	return /* @__PURE__ */ v("div", {
-		className: G("flex flex-col items-center justify-center px-4 py-12", i),
+		className: K("flex flex-col items-center justify-center px-4 py-12", i),
 		children: [
 			/* @__PURE__ */ _("div", {
 				className: "bg-bg-tertiary text-text-tertiary mb-3 flex h-10 w-10 items-center justify-center rounded-md",
-				children: e || /* @__PURE__ */ _(I, { className: "h-5 w-5" })
+				children: e || /* @__PURE__ */ _(L, { className: "h-5 w-5" })
 			}),
 			/* @__PURE__ */ _("p", {
 				className: "text-text-primary mb-1 text-sm font-medium",
@@ -8230,7 +8231,7 @@ function Xa({ icon: e, children: t, items: n, align: r, className: i }) {
 //#region src/components/ui/Kbd.tsx
 function Za({ children: e, className: t }) {
 	return /* @__PURE__ */ _("kbd", {
-		className: G("text-2xs inline-flex items-center px-1.5 py-0.5 font-mono font-medium", "bg-bg-tertiary text-text-secondary border-border rounded border", t),
+		className: K("text-2xs inline-flex items-center px-1.5 py-0.5 font-mono font-medium", "bg-bg-tertiary text-text-secondary border-border rounded border", t),
 		children: e
 	});
 }
@@ -8243,8 +8244,8 @@ var Qa = {
 };
 function $a({ className: e, size: t = "md" }) {
 	return /* @__PURE__ */ _("div", {
-		className: G("flex min-h-[200px] items-center justify-center", e),
-		children: /* @__PURE__ */ _(R, { className: G("text-accent animate-spin", Qa[t]) })
+		className: K("flex min-h-[200px] items-center justify-center", e),
+		children: /* @__PURE__ */ _(ee, { className: K("text-accent animate-spin", Qa[t]) })
 	});
 }
 //#endregion
@@ -8283,7 +8284,7 @@ function oo(e, t) {
 }
 function so({ items: e, labelWidth: n = "100px", layout: r = "inline", columns: i = 1, gap: a = 3, striped: o = !1, className: s }) {
 	return r === "stacked" ? /* @__PURE__ */ _("dl", {
-		className: G("ui-grid text-xs", s),
+		className: K("ui-grid text-xs", s),
 		style: {
 			...eo("columns", i, to, 1),
 			...o ? no(a, void 0, 0) : no(a)
@@ -8295,12 +8296,12 @@ function so({ items: e, labelWidth: n = "100px", layout: r = "inline", columns:
 				className: "text-text-tertiary font-label",
 				children: e.label
 			}), /* @__PURE__ */ _("dd", {
-				className: G((typeof e.value == "string" || typeof e.value == "number") && "text-text-primary font-data"),
+				className: K((typeof e.value == "string" || typeof e.value == "number") && "text-text-primary font-data"),
 				children: e.value
 			})]
 		}, e.label))
 	}) : o ? /* @__PURE__ */ _("div", {
-		className: G("gap-x-3 text-xs", s),
+		className: K("gap-x-3 text-xs", s),
 		style: {
 			display: "grid",
 			gridTemplateColumns: `${n} 1fr`
@@ -8322,7 +8323,7 @@ function so({ items: e, labelWidth: n = "100px", layout: r = "inline", columns:
 			}) : /* @__PURE__ */ _("span", { children: e.value })]
 		}, e.label))
 	}) : /* @__PURE__ */ _("div", {
-		className: G("gap-x-3 gap-y-2 text-xs", s),
+		className: K("gap-x-3 gap-y-2 text-xs", s),
 		style: {
 			display: "grid",
 			gridTemplateColumns: `${n} 1fr`
@@ -8341,9 +8342,9 @@ function so({ items: e, labelWidth: n = "100px", layout: r = "inline", columns:
 function co({ label: e, value: t, sub: n, trend: r, bar: i, icon: a, iconColor: o, className: s }) {
 	let c = r?.tone === "positive" ? "text-green" : r?.tone === "negative" ? "text-red" : "text-text-tertiary";
 	return /* @__PURE__ */ v("div", {
-		className: G("bg-bg-secondary border-border relative overflow-hidden rounded-md border p-3", s),
+		className: K("bg-bg-secondary border-border relative overflow-hidden rounded-md border p-3", s),
 		children: [
-			a && /* @__PURE__ */ _(a, { className: G("absolute -right-9 -bottom-9 h-44 w-44 -rotate-45 opacity-[0.06]", o) }),
+			a && /* @__PURE__ */ _(a, { className: K("absolute -right-9 -bottom-9 h-44 w-44 -rotate-45 opacity-[0.06]", o) }),
 			/* @__PURE__ */ _("p", {
 				className: "text-2xs-f text-text-tertiary font-label mb-1 font-medium tracking-wider uppercase",
 				children: e
@@ -8359,7 +8360,7 @@ function co({ label: e, value: t, sub: n, trend: r, bar: i, icon: a, iconColor:
 			r && /* @__PURE__ */ v("p", {
 				className: "text-2xs font-label mt-1 flex items-center gap-1",
 				children: [/* @__PURE__ */ _("span", {
-					className: G("font-medium tabular-nums", c),
+					className: K("font-medium tabular-nums", c),
 					children: r.value
 				}), /* @__PURE__ */ _("span", {
 					className: "text-text-tertiary",
@@ -8433,7 +8434,7 @@ function mo({ provider: e, children: t, ...n }) {
 function ho({ title: e, subtitle: t, actions: n, className: r, eyebrow: i, headingLevel: a = 1, wrap: o = !1 }) {
 	let s = `h${a}`;
 	return /* @__PURE__ */ v("div", {
-		className: G("flex items-center justify-between gap-3", o && "flex-wrap", r),
+		className: K("flex items-center justify-between gap-3", o && "flex-wrap", r),
 		children: [/* @__PURE__ */ v("div", {
 			className: "min-w-0",
 			children: [
@@ -8451,7 +8452,7 @@ function ho({ title: e, subtitle: t, actions: n, className: r, eyebrow: i, headi
 				})
 			]
 		}), n && /* @__PURE__ */ _("div", {
-			className: G("flex items-center gap-2", o && "flex-wrap"),
+			className: K("flex items-center gap-2", o && "flex-wrap"),
 			children: n
 		})]
 	});
@@ -8460,9 +8461,9 @@ function ho({ title: e, subtitle: t, actions: n, className: r, eyebrow: i, headi
 //#region src/components/ui/PageSection.tsx
 function go({ title: e, description: t, actions: n, children: r, as: i = "h2", className: a, headerClassName: o, contentClassName: s }) {
 	return /* @__PURE__ */ v("section", {
-		className: G("space-y-4", a),
+		className: K("space-y-4", a),
 		children: [(e || t || n) && /* @__PURE__ */ v("div", {
-			className: G("border-border flex items-end justify-between gap-3 border-b pb-2", o),
+			className: K("border-border flex items-end justify-between gap-3 border-b pb-2", o),
 			children: [/* @__PURE__ */ v("div", {
 				className: "min-w-0",
 				children: [e && /* @__PURE__ */ _(i, {
@@ -8501,7 +8502,7 @@ var _o = [
 function vo({ page: e, pageSize: t, total: n, pageSizeOptions: r = _o, onPageChange: i, onPageSizeChange: a, className: o }) {
 	let s = Math.ceil(n / t), c = Math.min((e - 1) * t + 1, n), l = Math.min(e * t, n);
 	return /* @__PURE__ */ v("div", {
-		className: G("flex items-center justify-between", o),
+		className: K("flex items-center justify-between", o),
 		children: [/* @__PURE__ */ v("div", {
 			className: "flex items-center gap-3",
 			children: [/* @__PURE__ */ _(Cn, {
@@ -8581,7 +8582,7 @@ var bo = a(({ label: e, error: t, className: n, id: r, hint: i, controlSize: a,
 					"aria-describedby": d.describedBy,
 					id: f,
 					type: y ? "text" : "password",
-					className: G("ui-password-input ui-sized-control bg-bg-secondary text-text-primary h-7 w-full rounded-md border px-2 pr-8 text-xs", "placeholder:text-text-disabled", "transition-colors duration-[100ms]", "focus:border-accent focus:outline-none", t ? "border-red" : "border-border", n),
+					className: K("ui-password-input ui-sized-control bg-bg-secondary text-text-primary h-7 w-full rounded-md border px-2 pr-8 text-xs", "placeholder:text-text-disabled", "transition-colors duration-[100ms]", "focus:border-accent focus:outline-none", t ? "border-red" : "border-border", n),
 					...l
 				}), /* @__PURE__ */ _("button", {
 					type: "button",
@@ -8622,7 +8623,7 @@ function So(e, t = xo) {
 function Co({ password: e, requirements: t = xo, showWhenEmpty: n = !1, className: r }) {
 	return !n && e.length === 0 ? null : /* @__PURE__ */ _("ul", {
 		"aria-label": "Password requirements",
-		className: G("space-y-1", r),
+		className: K("space-y-1", r),
 		children: t.map((t) => {
 			let n = t.test(e);
 			return /* @__PURE__ */ v("li", {
@@ -8630,11 +8631,11 @@ function Co({ password: e, requirements: t = xo, showWhenEmpty: n = !1, classNam
 				children: [n ? /* @__PURE__ */ _(E, {
 					"aria-hidden": "true",
 					className: "text-green h-3 w-3"
-				}) : /* @__PURE__ */ _(B, {
+				}) : /* @__PURE__ */ _(V, {
 					"aria-hidden": "true",
 					className: "text-text-disabled h-3 w-3"
 				}), /* @__PURE__ */ v("span", {
-					className: G("text-2xs", n ? "text-green" : "text-text-disabled"),
+					className: K("text-2xs", n ? "text-green" : "text-text-disabled"),
 					children: [t.label, /* @__PURE__ */ _("span", {
 						className: "sr-only",
 						children: n ? " (met)" : " (not met)"
@@ -8648,7 +8649,7 @@ function Co({ password: e, requirements: t = xo, showWhenEmpty: n = !1, classNam
 //#region src/components/ui/ProfileHeader.tsx
 function wo({ name: e, subtitle: t, badge: n, meta: r, action: i, className: a }) {
 	return /* @__PURE__ */ v("div", {
-		className: G("flex items-start gap-4", a),
+		className: K("flex items-start gap-4", a),
 		children: [
 			/* @__PURE__ */ _(zt, {
 				name: e,
@@ -8696,7 +8697,7 @@ function wo({ name: e, subtitle: t, badge: n, meta: r, action: i, className: a }
 //#region src/components/ui/ProseContent.tsx
 function To({ children: e, className: t }) {
 	return /* @__PURE__ */ _("div", {
-		className: G("ui-prose", t),
+		className: K("ui-prose", t),
 		children: e
 	});
 }
@@ -9298,7 +9299,7 @@ function Yo({ value: e, errorCorrection: t = "M", size: n = 160, margin: r = 4,
 		height: n,
 		viewBox: `0 0 ${l} ${l}`,
 		shapeRendering: "crispEdges",
-		className: G("block", o),
+		className: K("block", o),
 		children: [/* @__PURE__ */ _("rect", {
 			width: l,
 			height: l,
@@ -9313,13 +9314,13 @@ function Yo({ value: e, errorCorrection: t = "M", size: n = 160, margin: r = 4,
 //#region src/components/ui/SearchInput.tsx
 function Xo({ value: e, onChange: t, placeholder: n = "Search...", className: r }) {
 	return /* @__PURE__ */ v("div", {
-		className: G("relative", r),
-		children: [/* @__PURE__ */ _(ce, { className: "text-text-tertiary absolute top-1/2 left-2 h-3.5 w-3.5 -translate-y-1/2" }), /* @__PURE__ */ _("input", {
+		className: K("relative", r),
+		children: [/* @__PURE__ */ _(se, { className: "text-text-tertiary absolute top-1/2 left-2 h-3.5 w-3.5 -translate-y-1/2" }), /* @__PURE__ */ _("input", {
 			type: "search",
 			value: e,
 			onChange: (e) => t(e.target.value),
 			placeholder: n,
-			className: G("bg-bg-secondary text-text-primary h-7 w-full pr-2 pl-7 text-xs", "border-border rounded-md border", "placeholder:text-text-disabled", "transition-colors duration-[100ms]", "focus:border-accent focus:outline-none")
+			className: K("bg-bg-secondary text-text-primary h-7 w-full pr-2 pl-7 text-xs", "border-border rounded-md border", "placeholder:text-text-disabled", "transition-colors duration-[100ms]", "focus:border-accent focus:outline-none")
 		})]
 	});
 }
@@ -9363,7 +9364,7 @@ var Zo = a(({ label: e, error: t, options: n, className: r, id: i, hint: a, cont
 					"aria-invalid": f.invalid,
 					"aria-describedby": f.describedBy,
 					id: p,
-					className: G("ui-sized-control bg-bg-secondary text-text-primary font-control h-7 w-full px-2 pr-7 text-xs", "appearance-none rounded-md border", "transition-colors duration-[100ms]", "focus:border-accent focus:outline-none", "disabled:cursor-not-allowed disabled:opacity-40", "cursor-pointer", t ? "border-red" : "border-border", r),
+					className: K("ui-sized-control bg-bg-secondary text-text-primary font-control h-7 w-full px-2 pr-7 text-xs", "appearance-none rounded-md border", "transition-colors duration-[100ms]", "focus:border-accent focus:outline-none", "disabled:cursor-not-allowed disabled:opacity-40", "cursor-pointer", t ? "border-red" : "border-border", r),
 					...u,
 					children: n.map((e) => /* @__PURE__ */ _("option", {
 						value: e.value,
@@ -9379,7 +9380,7 @@ Zo.displayName = "Select";
 //#region src/components/ui/SettingRow.tsx
 function Qo({ label: e, description: t, action: n, className: r }) {
 	return /* @__PURE__ */ v("div", {
-		className: G("border-border flex items-center justify-between border-b py-3", r),
+		className: K("border-border flex items-center justify-between border-b py-3", r),
 		children: [/* @__PURE__ */ v("div", {
 			className: "min-w-0 flex-1 pr-4",
 			children: [/* @__PURE__ */ _("p", {
@@ -9407,14 +9408,14 @@ function $o({ open: e, onClose: t, title: n, children: r, footer: i, side: a = "
 		return document.addEventListener("keydown", n), document.body.style.overflow = "hidden", () => {
 			document.removeEventListener("keydown", n), document.body.style.overflow = "";
 		};
-	}, [e, t]), e ? fe(/* @__PURE__ */ v("div", {
+	}, [e, t]), e ? de(/* @__PURE__ */ v("div", {
 		className: "fixed inset-0 z-50",
 		children: [/* @__PURE__ */ _("div", {
 			className: "bg-bg-overlay animate-fade-in absolute inset-0",
 			onClick: t
 		}), /* @__PURE__ */ v("div", {
 			ref: d,
-			className: G("bg-bg-secondary border-border absolute inset-y-0 flex flex-col shadow-lg", o, a === "right" ? "animate-slide-in-right right-0 border-l" : "animate-slide-in-left left-0 border-r", s),
+			className: K("bg-bg-secondary border-border absolute inset-y-0 flex flex-col shadow-lg", o, a === "right" ? "animate-slide-in-right right-0 border-l" : "animate-slide-in-left left-0 border-r", s),
 			style: { maxWidth: "calc(100vw - 2rem)" },
 			role: "dialog",
 			"aria-modal": "true",
@@ -9433,11 +9434,11 @@ function $o({ open: e, onClose: t, title: n, children: r, footer: i, side: a = "
 						onClick: t,
 						className: "ml-auto shrink-0",
 						"aria-label": "Close",
-						children: /* @__PURE__ */ _(B, { className: "h-4 w-4" })
+						children: /* @__PURE__ */ _(V, { className: "h-4 w-4" })
 					})]
 				}),
 				/* @__PURE__ */ _("div", {
-					className: G("ui-surface-body flex-1 overflow-y-auto p-3", c),
+					className: K("ui-surface-body flex-1 overflow-y-auto p-3", c),
 					children: r
 				}),
 				i && /* @__PURE__ */ _("div", {
@@ -9453,13 +9454,13 @@ function $o({ open: e, onClose: t, title: n, children: r, footer: i, side: a = "
 //#region src/components/ui/SplitPaneLayout.tsx
 function es({ children: e, direction: t = "row", className: n }) {
 	return /* @__PURE__ */ _("div", {
-		className: G("-m-4 md:-m-6", "flex h-[calc(100vh-var(--topbar-height)-var(--bottomnav-height))] gap-0 md:h-[calc(100vh-var(--topbar-height))]", t === "column" && "flex-col", n),
+		className: K("-m-4 md:-m-6", "flex h-[calc(100vh-var(--topbar-height)-var(--bottomnav-height))] gap-0 md:h-[calc(100vh-var(--topbar-height))]", t === "column" && "flex-col", n),
 		children: e
 	});
 }
 function ts({ children: e, className: t }) {
 	return /* @__PURE__ */ _("div", {
-		className: G("flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden", t),
+		className: K("flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden", t),
 		children: e
 	});
 }
@@ -9476,9 +9477,9 @@ var ns = Object.assign(es, { Main: ts }), rs = {
 };
 function as({ status: e, label: t, className: n }) {
 	return /* @__PURE__ */ v("span", {
-		className: G("inline-flex items-center gap-1.5", n),
-		children: [/* @__PURE__ */ _("span", { className: G("h-2 w-2 rounded-full", rs[e]) }), t && /* @__PURE__ */ _("span", {
-			className: G("text-xs", is[e]),
+		className: K("inline-flex items-center gap-1.5", n),
+		children: [/* @__PURE__ */ _("span", { className: K("h-2 w-2 rounded-full", rs[e]) }), t && /* @__PURE__ */ _("span", {
+			className: K("text-xs", is[e]),
 			children: t
 		})]
 	});
@@ -9487,18 +9488,18 @@ function as({ status: e, label: t, className: n }) {
 //#region src/components/ui/StepProgress.tsx
 function os({ steps: e, currentStep: t, className: n }) {
 	return /* @__PURE__ */ _("div", {
-		className: G("flex items-center justify-between", n),
+		className: K("flex items-center justify-between", n),
 		children: e.map((n, r) => /* @__PURE__ */ v("div", {
-			className: G("flex items-center", r < e.length - 1 && "flex-1"),
+			className: K("flex items-center", r < e.length - 1 && "flex-1"),
 			children: [/* @__PURE__ */ v("div", {
 				className: "flex flex-col items-center",
 				children: [
 					/* @__PURE__ */ _("div", {
-						className: G("flex h-8 w-8 items-center justify-center rounded-full text-xs", r < t && "bg-accent text-text-on-accent", r === t && "border-accent text-accent border-2 font-semibold", r > t && "bg-bg-tertiary border-border text-text-tertiary border"),
+						className: K("flex h-8 w-8 items-center justify-center rounded-full text-xs", r < t && "bg-accent text-text-on-accent", r === t && "border-accent text-accent border-2 font-semibold", r > t && "bg-bg-tertiary border-border text-text-tertiary border"),
 						children: r < t ? /* @__PURE__ */ _(E, { className: "h-4 w-4" }) : r + 1
 					}),
 					/* @__PURE__ */ _("span", {
-						className: G("text-2xs mt-1.5 hidden sm:block", r === t && "text-accent", r < t && "text-text-primary", r > t && "text-text-tertiary"),
+						className: K("text-2xs mt-1.5 hidden sm:block", r === t && "text-accent", r < t && "text-text-primary", r > t && "text-text-tertiary"),
 						children: n.label
 					}),
 					n.description && /* @__PURE__ */ _("span", {
@@ -9506,7 +9507,7 @@ function os({ steps: e, currentStep: t, className: n }) {
 						children: n.description
 					})
 				]
-			}), r < e.length - 1 && /* @__PURE__ */ _("div", { className: G("mx-2 h-0.5 flex-1", r < t ? "bg-accent" : "bg-border") })]
+			}), r < e.length - 1 && /* @__PURE__ */ _("div", { className: K("mx-2 h-0.5 flex-1", r < t ? "bg-accent" : "bg-border") })]
 		}, n.label))
 	});
 }
@@ -9537,7 +9538,7 @@ function ss({ tabs: e, defaultTab: t, value: n, onChange: r, className: i }) {
 				"aria-controls": `${f}-panel-${e.key}`,
 				onClick: () => d(e.key),
 				onKeyDown: g,
-				className: G("font-control relative cursor-pointer px-3 py-2 text-xs font-medium transition-colors duration-[100ms]", "hover:text-text-primary", e.key === c ? "text-accent" : "text-text-tertiary"),
+				className: K("font-control relative cursor-pointer px-3 py-2 text-xs font-medium transition-colors duration-[100ms]", "hover:text-text-primary", e.key === c ? "text-accent" : "text-text-tertiary"),
 				children: [e.label, e.key === c && /* @__PURE__ */ _("div", { className: "bg-accent absolute right-0 bottom-0 left-0 h-0.5 rounded-md" })]
 			}, e.key))
 		}), /* @__PURE__ */ _("div", {
@@ -9582,7 +9583,7 @@ var cs = a(({ label: e, error: t, showCount: n, maxLength: r, value: i, classNam
 				id: h,
 				value: i,
 				maxLength: r,
-				className: G("ui-sized-control bg-bg-secondary text-text-primary font-control min-h-[72px] w-full px-2 py-1.5 text-xs", "resize-y rounded-md border", "placeholder:text-text-disabled", "transition-colors duration-[100ms]", "focus:border-accent focus:outline-none", t ? "border-red" : "border-border", a),
+				className: K("ui-sized-control bg-bg-secondary text-text-primary font-control min-h-[72px] w-full px-2 py-1.5 text-xs", "resize-y rounded-md border", "placeholder:text-text-disabled", "transition-colors duration-[100ms]", "focus:border-accent focus:outline-none", t ? "border-red" : "border-border", a),
 				...f
 			}),
 			/* @__PURE__ */ v("div", {
@@ -9649,7 +9650,7 @@ var ls = a(({ label: e, error: t, icon: n, className: r, id: i, readOnly: a, hin
 					id: m,
 					readOnly: a,
 					"aria-describedby": p.describedBy,
-					className: G("ui-sized-control bg-bg-secondary text-text-primary font-control h-7 w-full px-2 text-xs", "rounded-md border", "placeholder:text-text-disabled", "transition-colors duration-[100ms]", "focus:border-accent focus:outline-none", "disabled:cursor-not-allowed disabled:opacity-40", a && "bg-bg-primary text-text-secondary focus:border-border cursor-default border-dashed", n && "pl-7", t ? "border-red" : !a && "border-border", a && !t && "border-border", r),
+					className: K("ui-sized-control bg-bg-secondary text-text-primary font-control h-7 w-full px-2 text-xs", "rounded-md border", "placeholder:text-text-disabled", "transition-colors duration-[100ms]", "focus:border-accent focus:outline-none", "disabled:cursor-not-allowed disabled:opacity-40", a && "bg-bg-primary text-text-secondary focus:border-border cursor-default border-dashed", n && "pl-7", t ? "border-red" : !a && "border-border", a && !t && "border-border", r),
 					...d
 				})]
 			})
@@ -9661,14 +9662,14 @@ ls.displayName = "TextInput";
 //#region src/components/ui/Timeline.tsx
 function us({ items: e, className: t }) {
 	return /* @__PURE__ */ _("div", {
-		className: G("space-y-0", t),
+		className: K("space-y-0", t),
 		children: e.map((t, n) => /* @__PURE__ */ v("div", {
 			className: "flex gap-3",
 			children: [/* @__PURE__ */ v("div", {
 				className: "flex flex-col items-center",
-				children: [/* @__PURE__ */ _("div", { className: G(t.dot, "mt-1.5 h-2 w-2 shrink-0 rounded-full") }), n < e.length - 1 && /* @__PURE__ */ _("div", { className: "bg-border mt-1 w-px flex-1" })]
+				children: [/* @__PURE__ */ _("div", { className: K(t.dot, "mt-1.5 h-2 w-2 shrink-0 rounded-full") }), n < e.length - 1 && /* @__PURE__ */ _("div", { className: "bg-border mt-1 w-px flex-1" })]
 			}), /* @__PURE__ */ v("div", {
-				className: G("pb-4", n === e.length - 1 && "pb-0"),
+				className: K("pb-4", n === e.length - 1 && "pb-0"),
 				children: [/* @__PURE__ */ _("p", {
 					className: "text-text-primary text-xs",
 					children: t.text
@@ -9701,7 +9702,7 @@ function ps({ content: e, placement: t = "top", children: r }) {
 		onBlur: () => a(!1),
 		children: [o(r) ? n(r, { "aria-describedby": fs(r.props["aria-describedby"], s) }) : r, i && /* @__PURE__ */ _("div", {
 			id: s,
-			className: G("text-2xs absolute z-50 px-2 py-1 font-medium whitespace-nowrap", "bg-bg-tertiary text-text-primary border-border rounded border shadow-md", "animate-fade-in pointer-events-none", ds[t]),
+			className: K("text-2xs absolute z-50 px-2 py-1 font-medium whitespace-nowrap", "bg-bg-tertiary text-text-primary border-border rounded border shadow-md", "animate-fade-in pointer-events-none", ds[t]),
 			role: "tooltip",
 			children: e
 		})]
@@ -9711,12 +9712,12 @@ function ps({ content: e, placement: t = "top", children: r }) {
 //#region src/components/ui/Toolbar.tsx
 function ms({ start: e, end: t, children: n, className: r, startClassName: i, endClassName: a }) {
 	return /* @__PURE__ */ v("div", {
-		className: G("flex items-center justify-between gap-3", r),
+		className: K("flex items-center justify-between gap-3", r),
 		children: [/* @__PURE__ */ _("div", {
-			className: G("flex flex-1 items-center gap-3", i),
+			className: K("flex flex-1 items-center gap-3", i),
 			children: e ?? n
 		}), t && /* @__PURE__ */ _("div", {
-			className: G("flex items-center gap-1.5", a),
+			className: K("flex items-center gap-1.5", a),
 			children: t
 		})]
 	});
@@ -9728,7 +9729,7 @@ var hs = a(function({ title: e = "Drag and drop files here, or click to browse",
 	d(p, () => h.current, []);
 	let g = u(), y = `${c ?? g}-description`;
 	return /* @__PURE__ */ v("label", {
-		className: G("ui-upload-dropzone border-border hover:border-border-strong relative block rounded-md border-2 border-dashed p-8 text-center transition-colors duration-[100ms]", i ? "cursor-not-allowed opacity-60" : "cursor-pointer hover:bg-bg-hover", s),
+		className: K("ui-upload-dropzone border-border hover:border-border-strong relative block rounded-md border-2 border-dashed p-8 text-center transition-colors duration-[100ms]", i ? "cursor-not-allowed opacity-60" : "cursor-pointer hover:bg-bg-hover", s),
 		onDragOver: (e) => {
 			e.preventDefault(), e.dataTransfer.dropEffect = i || h.current?.matches(":disabled") ? "none" : "copy";
 		},
@@ -9757,7 +9758,7 @@ var hs = a(function({ title: e = "Drag and drop files here, or click to browse",
 			/* @__PURE__ */ _("div", {
 				"aria-hidden": "true",
 				className: "text-text-tertiary mx-auto mb-3 flex h-9 w-9 items-center justify-center rounded-md bg-bg-tertiary",
-				children: n ?? /* @__PURE__ */ _(de, { className: "h-4.5 w-4.5" })
+				children: n ?? /* @__PURE__ */ _(ue, { className: "h-4.5 w-4.5" })
 			}),
 			/* @__PURE__ */ _("span", {
 				className: "text-text-secondary mb-1 block text-xs",
@@ -10161,7 +10162,7 @@ function Rs({ id: e, label: t, hint: n, error: r, required: i, optionalLabel: a,
 		},
 		children: /* @__PURE__ */ v("div", {
 			...c,
-			className: G("flex flex-col gap-1.5", s),
+			className: K("flex flex-col gap-1.5", s),
 			children: [
 				/* @__PURE__ */ v("label", {
 					htmlFor: d,
@@ -10193,13 +10194,13 @@ function Rs({ id: e, label: t, hint: n, error: r, required: i, optionalLabel: a,
 function zs({ className: e, ...t }) {
 	return /* @__PURE__ */ _("p", {
 		...t,
-		className: G("text-text-secondary text-xs", e)
+		className: K("text-text-secondary text-xs", e)
 	});
 }
 function Bs({ className: e, ...t }) {
 	return /* @__PURE__ */ _("p", {
 		...t,
-		className: G("text-red text-xs", e)
+		className: K("text-red text-xs", e)
 	});
 }
 //#endregion
@@ -10210,7 +10211,7 @@ function Vs({ id: e, legend: t, hint: n, error: r, children: i, className: a, "a
 		...s,
 		id: l,
 		"aria-describedby": p,
-		className: G("min-w-0 space-y-2", a),
+		className: K("min-w-0 space-y-2", a),
 		children: [
 			/* @__PURE__ */ _("legend", {
 				className: "text-text-primary font-label text-xs font-medium",
@@ -10241,7 +10242,7 @@ function Vs({ id: e, legend: t, hint: n, error: r, children: i, className: a, "a
 var Hs = a(({ label: e, description: t, controlSize: n, className: r, id: i, "aria-describedby": a, "aria-invalid": o, ...s }, l) => {
 	let d = u(), f = sn(n), p = c(zn), m = i ?? p?.id ?? d, h = t ? `${m}-description` : void 0;
 	return /* @__PURE__ */ v("label", {
-		className: G("ui-choice flex items-start gap-2.5", r),
+		className: K("ui-choice flex items-start gap-2.5", r),
 		"data-control-size": f,
 		children: [/* @__PURE__ */ _("input", {
 			...s,
@@ -10295,7 +10296,7 @@ function Ks(e) {
 function qs({ name: e, size: t, status: n = "ready", statusLabel: r, error: i, onRetry: a, onRemove: o, onDownload: s, downloadHref: c, actionsDisabled: l, className: u, ...d }) {
 	return /* @__PURE__ */ v("li", {
 		...d,
-		className: G("ui-attachment-item border-border flex items-center justify-between gap-3 rounded-md border p-3", u),
+		className: K("ui-attachment-item border-border flex items-center justify-between gap-3 rounded-md border p-3", u),
 		children: [/* @__PURE__ */ v("div", {
 			className: "min-w-0",
 			children: [
@@ -10310,7 +10311,7 @@ function qs({ name: e, size: t, status: n = "ready", statusLabel: r, error: i, o
 				/* @__PURE__ */ v("div", {
 					role: "status",
 					"aria-atomic": "true",
-					className: G("text-2xs", n === "error" ? "text-red" : "text-text-secondary"),
+					className: K("text-2xs", n === "error" ? "text-red" : "text-text-secondary"),
 					children: [
 						e,
 						": ",
@@ -10360,7 +10361,7 @@ function Js({ children: e, className: t, "aria-label": n = "Attachments", ...r }
 	return /* @__PURE__ */ _("ul", {
 		...r,
 		"aria-label": n,
-		className: G("space-y-2", t),
+		className: K("space-y-2", t),
 		children: e
 	});
 }
@@ -10428,7 +10429,7 @@ function Xs({ value: e, onChange: t, label: n, hint: r, error: i, id: a, name: o
 	return /* @__PURE__ */ v("fieldset", {
 		id: k,
 		disabled: s,
-		className: G("space-y-2", d),
+		className: K("space-y-2", d),
 		"aria-describedby": A,
 		children: [
 			/* @__PURE__ */ v("legend", {
@@ -10519,7 +10520,7 @@ function Zs({ className: e, width: t, height: n, style: r, ...i }) {
 	return /* @__PURE__ */ _("div", {
 		...i,
 		"aria-hidden": "true",
-		className: G("ui-skeleton rounded-md bg-bg-tertiary", e),
+		className: K("ui-skeleton rounded-md bg-bg-tertiary", e),
 		style: {
 			width: t,
 			height: n,
@@ -10533,14 +10534,14 @@ function Qs({ items: e, activeKey: t, renderLink: n, className: r, "aria-label":
 	return /* @__PURE__ */ _("nav", {
 		...a,
 		"aria-label": i,
-		className: G("ui-nav-tabs border-border border-b", r),
+		className: K("ui-nav-tabs border-border border-b", r),
 		children: /* @__PURE__ */ _("ul", {
 			className: "ui-nav-tabs-list",
 			children: e.map((e) => {
 				let { key: r, label: i, badge: a, ...o } = e, s = {
 					...o,
 					"aria-current": r === t ? "page" : void 0,
-					className: G("ui-nav-tab px-3 py-2 text-xs font-medium", r === t ? "text-accent" : "text-text-secondary", e.className),
+					className: K("ui-nav-tab px-3 py-2 text-xs font-medium", r === t ? "text-accent" : "text-text-secondary", e.className),
 					children: /* @__PURE__ */ v(g, { children: [i, a !== void 0 && /* @__PURE__ */ _("span", {
 						className: "bg-bg-tertiary rounded-md px-1.5 text-2xs",
 						children: a
@@ -10560,7 +10561,7 @@ function $s({ value: e, maxLength: t, announcementDelay: n = 1e3, className: r,
 		return () => clearTimeout(e);
 	}, [s, n]), /* @__PURE__ */ v("p", {
 		...i,
-		className: G("text-2xs", a < 0 ? "text-red" : "text-text-tertiary", r),
+		className: K("text-2xs", a < 0 ? "text-red" : "text-text-tertiary", r),
 		children: [/* @__PURE__ */ _("span", {
 			"aria-hidden": "true",
 			children: s
@@ -10608,7 +10609,7 @@ var tc = a(function({ label: e, value: t, min: n = 0, max: r = 100, color: i = "
 				...l,
 				ref: d,
 				id: p,
-				className: G("ui-progress-bar", c),
+				className: K("ui-progress-bar", c),
 				max: r - n,
 				value: m === void 0 ? void 0 : m - n,
 				"aria-valuemin": n,
@@ -10624,7 +10625,7 @@ var tc = a(function({ label: e, value: t, min: n = 0, max: r = 100, color: i = "
 function nc({ as: e, gap: t = 0, align: n = "stretch", justify: r = "start", className: a, style: o, ...s }) {
 	return i(e ?? "div", {
 		...s,
-		className: G("ui-stack", a),
+		className: K("ui-stack", a),
 		style: {
 			...no(t),
 			"--ui-align": ro(n),
@@ -10638,7 +10639,7 @@ function nc({ as: e, gap: t = 0, align: n = "stretch", justify: r = "start", cla
 function rc({ as: e, gap: t = 0, gapX: n, gapY: r, align: a = "stretch", justify: o = "start", wrap: s = !1, inline: c = !1, stackBelow: l, className: u, style: d, ...f }) {
 	return i(e ?? "div", {
 		...f,
-		className: G("ui-inline", u),
+		className: K("ui-inline", u),
 		style: {
 			...no(t, n, r),
 			"--ui-align": ro(a),
@@ -10658,7 +10659,7 @@ function rc({ as: e, gap: t = 0, gapX: n, gapY: r, align: a = "stretch", justify
 function ic({ as: e, columns: t = 1, gap: n = 0, gapX: r, gapY: a, align: o = "stretch", justify: s = "stretch", className: c, style: l, ...u }) {
 	return i(e ?? "div", {
 		...u,
-		className: G("ui-grid", c),
+		className: K("ui-grid", c),
 		style: {
 			...no(n, r, a),
 			...eo("columns", t, to, 1),
@@ -10673,7 +10674,7 @@ function ic({ as: e, columns: t = 1, gap: n = 0, gapX: r, gapY: a, align: o = "s
 function ac({ as: e, span: t = 1, className: n, style: r, ...a }) {
 	return i(e ?? "div", {
 		...a,
-		className: G("ui-grid-item", n),
+		className: K("ui-grid-item", n),
 		style: {
 			...eo("span", t, (e) => `span ${e} / span ${e}`, 1),
 			...r
@@ -10685,7 +10686,7 @@ function ac({ as: e, span: t = 1, className: n, style: r, ...a }) {
 function oc({ caption: e, captionHidden: t = !1, stickyHeader: n = !1, maxHeight: r, wrapperClassName: i, wrapperProps: a, className: o, children: s, ...c }) {
 	return /* @__PURE__ */ _("div", {
 		...a,
-		className: G("ui-table-wrap", a?.className, i),
+		className: K("ui-table-wrap", a?.className, i),
 		style: {
 			maxHeight: r,
 			...r ? { overflow: "auto" } : {},
@@ -10693,9 +10694,9 @@ function oc({ caption: e, captionHidden: t = !1, stickyHeader: n = !1, maxHeight
 		},
 		children: /* @__PURE__ */ v("table", {
 			...c,
-			className: G("ui-table", n && "ui-table-sticky", o),
+			className: K("ui-table", n && "ui-table-sticky", o),
 			children: [e != null && /* @__PURE__ */ _("caption", {
-				className: G(t && "sr-only"),
+				className: K(t && "sr-only"),
 				children: e
 			}), s]
 		})
@@ -10704,20 +10705,20 @@ function oc({ caption: e, captionHidden: t = !1, stickyHeader: n = !1, maxHeight
 function sc({ className: e, ...t }) {
 	return /* @__PURE__ */ _("thead", {
 		...t,
-		className: G("ui-table-head", e)
+		className: K("ui-table-head", e)
 	});
 }
 function cc({ className: e, ...t }) {
 	return /* @__PURE__ */ _("tbody", {
 		...t,
-		className: G("ui-table-body", e)
+		className: K("ui-table-body", e)
 	});
 }
 function lc({ selected: e, interactive: t = !1, className: n, ...r }) {
 	return /* @__PURE__ */ _("tr", {
 		...r,
 		"aria-selected": e ?? r["aria-selected"],
-		className: G("ui-table-row", t && "ui-table-interactive", n)
+		className: K("ui-table-row", t && "ui-table-interactive", n)
 	});
 }
 function uc({ numeric: e = !1, align: t, sort: n, scope: r = "col", className: i, style: a, ...o }) {
@@ -10725,7 +10726,7 @@ function uc({ numeric: e = !1, align: t, sort: n, scope: r = "col", className: i
 		...o,
 		scope: r,
 		"aria-sort": n ?? o["aria-sort"],
-		className: G("ui-table-header-cell", e && "ui-table-numeric", i),
+		className: K("ui-table-header-cell", e && "ui-table-numeric", i),
 		style: {
 			...t ? { textAlign: t } : {},
 			...a
@@ -10735,7 +10736,7 @@ function uc({ numeric: e = !1, align: t, sort: n, scope: r = "col", className: i
 function dc({ numeric: e = !1, align: t, nowrap: n = !1, className: r, style: i, ...a }) {
 	return /* @__PURE__ */ _("td", {
 		...a,
-		className: G("ui-table-cell", e && "ui-table-numeric", n && "ui-table-nowrap", r),
+		className: K("ui-table-cell", e && "ui-table-numeric", n && "ui-table-nowrap", r),
 		style: {
 			...t ? { textAlign: t } : {},
 			...i
@@ -10745,7 +10746,7 @@ function dc({ numeric: e = !1, align: t, nowrap: n = !1, className: r, style: i,
 function fc({ colSpan: e, children: t, className: n, ...r }) {
 	return /* @__PURE__ */ _("tr", {
 		...r,
-		className: G("ui-table-empty-row", n),
+		className: K("ui-table-empty-row", n),
 		children: /* @__PURE__ */ _("td", {
 			colSpan: e,
 			className: "ui-table-empty-cell",
@@ -10754,4 +10755,4 @@ function fc({ colSpan: e, children: t, className: n, ...r }) {
 	});
 }
 //#endregion
-export { Yn as Alert, In as AppShell, We as AreaChart, qs as AttachmentItem, Js as AttachmentList, Xn as AuthCard, Ln as AuthLayout, Zn as AuthorByline, zt as Avatar, Rn as BackLink, er as Badge, qe as BarChart, ft as BottomNav, rn as Breadcrumbs, mn as Button, ht as COMMAND_PALETTE_EVENT, Hi as Calendar, Yi as CalendarGrid, Xi as Card, $s as CharacterCount, Vn as Checkbox, na as CodeInput, Wn as ColumnPicker, ra as Combobox, bt as CommandPalette, ec as ControlSizeProvider, Ni as DEFAULT_CALENDAR_LABELS, gt as DEFAULT_COMMAND_PALETTE_SHORTCUT, ia as DangerZone, Xs as DatePartsInput, oa as DatePicker, ua as DateRangePicker, ga as DateTimePicker, xa as DetailPanel, Wa as Dialog, Ga as DialogActions, Ka as DividerLabel, Ye as DonutChart, qa as DropdownMenu, Ja as EmptyState, Ya as ErrorBoundary, Bs as FieldError, zs as FieldHint, Vs as Fieldset, Hn as FilterButton, Xa as FilterDropdown, Rs as FormField, ic as Grid, ac as GridItem, rc as Inline, Za as Kbd, $a as LoadingSpinner, so as MetadataGrid, co as MetricCard, St as MobileDrawer, Qs as NavTabs, mo as OAuthButton, ho as PageHeader, go as PageSection, Gn as Pagination, vo as PaginationBar, bo as PasswordInput, Co as PasswordRequirements, wo as ProfileHeader, tc as ProgressBar, To as ProseContent, Eo as QrCapacityError, Yo as QrCode, Xe as RadarChart, Ze as RadialBarChart, Ws as Radio, Pi as RadioPill, qn as ResourceTable, Xo as SearchInput, hn as SectionHeader, Zo as Select, Cn as SelectDropdown, Qo as SettingRow, Pt as SettingsContext, Fs as SettingsProvider, $o as SideSheet, tn as Sidebar, Zs as Skeleton, wn as Slider, Qe as SparkLine, ns as SplitPaneLayout, nc as Stack, at as StackedBarChart, as as StatusDot, os as StepProgress, Dn as THEME_MENU_EVENT, oc as Table, cc as TableBody, dc as TableCell, fc as TableEmptyRow, sc as TableHead, uc as TableHeaderCell, lc as TableRow, ss as Tabs, ls as TextInput, cs as Textarea, gs as ThemeContext, An as ThemeMenu, Tn as ThemePreview, Ls as ThemeProvider, us as Timeline, Ht as ToastProvider, En as Toggle, ms as Toolbar, ps as Tooltip, Pn as TopBar, hs as UploadDropzone, ct as VerticalBarChart, Mt as accentItems, Q as addDays, cr as addMinutes, lr as addMonths, rr as calendarDateFromParts, Z as calendarDateParts, G as cn, Qr as createCalendarDateMath, Dt as darkThemes, gr as dateAtMinutes, xo as defaultPasswordRequirements, pr as differenceInDays, Jo as encodeQrCode, Gr as expandAvailabilityRules, jt as fontOptions, bs as formatDateLong, ys as formatDateShort, Pr as formatRangeTitle, xs as formatRelative, Ar as formatTime, vr as formatTimeOfDay, jr as formatTimeRange, br as fromDateKey, Wr as getActiveResourceIds, Er as getViewRange, wr as getVisibleDays, ut as handleAppShellNavigate, Zr as isAllDayLike, lt as isAppShellPathActive, Tt as isLightTheme, fr as isSameDay, Cr as isTimeGridView, zr as layoutOverlaps, Et as lightThemes, vt as matchesCommandPaletteShortcut, So as meetsPasswordRequirements, mr as minutesOfDay, dt as navigateToPath, _t as openCommandPalette, On as openThemeMenu, _r as parseTime, Fr as rangesOverlap, Dr as shiftDate, Sr as snapDate, xr as snapMinutes, Kn as sortRows, sr as startOfDay, dr as startOfMonth, ur as startOfWeek, At as themeDefaults, Ct as themeItems, yr as toDateKey, an as useApplyTheme, sn as useControlSize, Nt as useDismiss, mt as useFocusTrap, Ft as useSettings, _s as useTheme, Vt as useToast };
+export { Yn as Alert, In as AppShell, We as AreaChart, qs as AttachmentItem, Js as AttachmentList, Xn as AuthCard, Ln as AuthLayout, Zn as AuthorByline, zt as Avatar, Rn as BackLink, er as Badge, qe as BarChart, ft as BottomNav, rn as Breadcrumbs, mn as Button, ht as COMMAND_PALETTE_EVENT, Hi as Calendar, Yi as CalendarGrid, Xi as Card, $s as CharacterCount, Vn as Checkbox, na as CodeInput, Wn as ColumnPicker, ra as Combobox, bt as CommandPalette, ec as ControlSizeProvider, Ni as DEFAULT_CALENDAR_LABELS, gt as DEFAULT_COMMAND_PALETTE_SHORTCUT, ia as DangerZone, Xs as DatePartsInput, oa as DatePicker, ua as DateRangePicker, ga as DateTimePicker, xa as DetailPanel, Wa as Dialog, Ga as DialogActions, Ka as DividerLabel, Ye as DonutChart, qa as DropdownMenu, Ja as EmptyState, Ya as ErrorBoundary, Bs as FieldError, zs as FieldHint, Vs as Fieldset, Hn as FilterButton, Xa as FilterDropdown, Rs as FormField, ic as Grid, ac as GridItem, rc as Inline, Za as Kbd, $a as LoadingSpinner, so as MetadataGrid, co as MetricCard, St as MobileDrawer, Qs as NavTabs, mo as OAuthButton, ho as PageHeader, go as PageSection, Gn as Pagination, vo as PaginationBar, bo as PasswordInput, Co as PasswordRequirements, wo as ProfileHeader, tc as ProgressBar, To as ProseContent, Eo as QrCapacityError, Yo as QrCode, Xe as RadarChart, Ze as RadialBarChart, Ws as Radio, Pi as RadioPill, qn as ResourceTable, Xo as SearchInput, hn as SectionHeader, Zo as Select, Cn as SelectDropdown, Qo as SettingRow, Pt as SettingsContext, Fs as SettingsProvider, $o as SideSheet, tn as Sidebar, Zs as Skeleton, wn as Slider, Qe as SparkLine, ns as SplitPaneLayout, nc as Stack, at as StackedBarChart, as as StatusDot, os as StepProgress, Dn as THEME_MENU_EVENT, oc as Table, cc as TableBody, dc as TableCell, fc as TableEmptyRow, sc as TableHead, uc as TableHeaderCell, lc as TableRow, ss as Tabs, ls as TextInput, cs as Textarea, gs as ThemeContext, An as ThemeMenu, Tn as ThemePreview, Ls as ThemeProvider, us as Timeline, Ht as ToastProvider, En as Toggle, ms as Toolbar, ps as Tooltip, Pn as TopBar, hs as UploadDropzone, ct as VerticalBarChart, Mt as accentItems, Q as addDays, cr as addMinutes, lr as addMonths, rr as calendarDateFromParts, Z as calendarDateParts, K as cn, Qr as createCalendarDateMath, Dt as darkThemes, gr as dateAtMinutes, xo as defaultPasswordRequirements, pr as differenceInDays, Jo as encodeQrCode, Gr as expandAvailabilityRules, jt as fontOptions, bs as formatDateLong, ys as formatDateShort, Pr as formatRangeTitle, xs as formatRelative, Ar as formatTime, vr as formatTimeOfDay, jr as formatTimeRange, br as fromDateKey, Wr as getActiveResourceIds, Er as getViewRange, wr as getVisibleDays, ut as handleAppShellNavigate, Zr as isAllDayLike, lt as isAppShellPathActive, Tt as isLightTheme, fr as isSameDay, Cr as isTimeGridView, zr as layoutOverlaps, Et as lightThemes, vt as matchesCommandPaletteShortcut, So as meetsPasswordRequirements, mr as minutesOfDay, dt as navigateToPath, _t as openCommandPalette, On as openThemeMenu, _r as parseTime, Fr as rangesOverlap, Dr as shiftDate, Sr as snapDate, xr as snapMinutes, Kn as sortRows, sr as startOfDay, dr as startOfMonth, ur as startOfWeek, At as themeDefaults, Ct as themeItems, yr as toDateKey, an as useApplyTheme, sn as useControlSize, Nt as useDismiss, mt as useFocusTrap, Ft as useSettings, _s as useTheme, Vt as useToast };