@leonardaustin/ui 0.7.0 → 0.8.0

package/dist/index.js

@@ -2632,6 +2632,9 @@ var on = {
 	return /* @__PURE__ */ v("button", {
 		ref: u,
 		"data-control-size": d,
+		"data-variant": e,
+		"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", on[e], f ? cn[t] : sn[t], p && !f && dn[p]?.[t], o),
 		...l,
@@ -2655,19 +2658,69 @@ function pn({ children: e, as: t = "h2", className: n, border: r = !0 }) {
 	});
 }
 //#endregion
+//#region src/lib/anchorPlacement.ts
+var mn = {
+	top: "bottom",
+	bottom: "top",
+	left: "right",
+	right: "left"
+}, hn = [
+	"bottom",
+	"top",
+	"right",
+	"left"
+];
+function gn(e, t, n) {
+	switch (n) {
+		case "top": return e.top - t.top;
+		case "bottom": return t.bottom - e.bottom;
+		case "left": return e.left - t.left;
+		case "right": return t.right - e.right;
+	}
+}
+function _n(e, t, n, r) {
+	return Math.min(Math.max(e, n), r - t);
+}
+function vn(e, t, { size: { width: n, height: r }, bounds: i, margin: a, gap: o }) {
+	let s = i.left + a, c = i.right - a, l = i.top + a, u = i.bottom - a;
+	if (n > c - s || r > u - l) return null;
+	let d, f;
+	return e === "top" || e === "bottom" ? (d = _n((t.left + t.right) / 2 - n / 2, n, s, c), f = e === "bottom" ? t.bottom + o : t.top - o - r) : (d = e === "right" ? t.right + o : t.left - o - n, f = _n((t.top + t.bottom) / 2 - r / 2, r, l, u)), d >= s && d + n <= c && f >= l && f + r <= u ? {
+		side: e,
+		left: d,
+		top: f
+	} : null;
+}
+function yn(e, t, n) {
+	if (!t) return null;
+	let { bounds: r } = n;
+	if (!(t.right > r.left && t.left < r.right && t.bottom > r.top && t.top < r.bottom)) return null;
+	let i = e === "auto" ? [...hn].sort((e, n) => gn(t, r, n) - gn(t, r, e)) : [e, mn[e]];
+	for (let e of i) {
+		let r = vn(e, t, n);
+		if (r) return r;
+	}
+	return null;
+}
+//#endregion
 //#region src/hooks/useDropUp.ts
-function mn(e, t, n) {
+function bn(e, t, n) {
 	let [r, i] = h(!1);
 	return f(() => {
 		if (!e || !n.current || !t.current) return;
 		let r = t.current.getBoundingClientRect(), a = n.current.getBoundingClientRect();
-		i(window.innerHeight - r.bottom < a.height + 8);
+		i(gn(r, {
+			left: 0,
+			top: 0,
+			right: window.innerWidth,
+			bottom: window.innerHeight
+		}, "bottom") < a.height + 8);
 	}, [e]), r;
 }
 //#endregion
 //#region src/components/ui/SelectDropdown.tsx
-function hn({ options: e, value: t, onChange: n, label: r, placeholder: i = "Select...", className: a, size: o = "md" }) {
-	let [c, l] = h(!1), [d, f] = h(-1), p = m(null), g = m(null), y = mn(c, p, g), b = u(), x = `${b}-listbox`, S = e.find((e) => e.value === t);
+function xn({ options: e, value: t, onChange: n, label: r, placeholder: i = "Select...", className: a, size: o = "md" }) {
+	let [c, l] = h(!1), [d, f] = h(-1), p = m(null), g = m(null), y = bn(c, p, g), b = u(), x = `${b}-listbox`, S = e.find((e) => e.value === t);
 	jt(c, s(() => l(!1), []), [p]);
 	function C() {
 		if (!c) {
@@ -2704,7 +2757,7 @@ function hn({ options: e, value: t, onChange: n, label: r, placeholder: i = "Sel
 		className: G("flex flex-col gap-1.5", a),
 		ref: p,
 		children: [r && /* @__PURE__ */ _("span", {
-			className: "text-text-secondary font-label text-xs font-medium",
+			className: "ui-field-label font-label text-xs font-medium",
 			children: r
 		}), /* @__PURE__ */ v("div", {
 			className: "relative",
@@ -2753,14 +2806,14 @@ function hn({ options: e, value: t, onChange: n, label: r, placeholder: i = "Sel
 }
 //#endregion
 //#region src/components/ui/Slider.tsx
-function gn({ min: e, max: t, step: n = 1, value: r, onChange: i, onCommit: a, label: o, showValue: s, className: c }) {
+function Sn({ 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),
 		children: [(o || s) && /* @__PURE__ */ v("div", {
 			className: "flex items-center justify-between",
 			children: [o && /* @__PURE__ */ _("span", {
-				className: "text-text-secondary font-label text-xs font-medium",
+				className: "ui-field-label font-label text-xs font-medium",
 				children: o
 			}), s && /* @__PURE__ */ _("span", {
 				className: "text-text-primary font-data text-xs",
@@ -2781,7 +2834,7 @@ function gn({ min: e, max: t, step: n = 1, value: r, onChange: i, onCommit: a, l
 }
 //#endregion
 //#region src/components/ui/ThemePreview.tsx
-function _n({ label: e, active: t, icon: n, preview: r, onClick: i, className: a }) {
+function Cn({ label: e, active: t, icon: n, preview: r, onClick: i, className: a }) {
 	return /* @__PURE__ */ v("button", {
 		type: "button",
 		onClick: i,
@@ -2804,7 +2857,7 @@ function _n({ label: e, active: t, icon: n, preview: r, onClick: i, className: a
 }
 //#endregion
 //#region src/components/ui/Toggle.tsx
-function vn({ checked: e, onChange: t, disabled: n, label: r, className: i }) {
+function wn({ 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),
 		style: { gap: 10 },
@@ -2814,13 +2867,13 @@ function vn({ 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 border-border", !n && "cursor-pointer"),
+			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"),
 			style: {
 				width: 36,
 				height: 20
 			},
 			children: /* @__PURE__ */ _("span", {
-				className: "bg-control-knob absolute top-1/2 rounded-full transition-[left] duration-[100ms]",
+				className: "ui-switch-knob absolute top-1/2 rounded-full transition-[left] duration-[100ms]",
 				style: {
 					width: 14,
 					height: 14,
@@ -2837,13 +2890,13 @@ function vn({ checked: e, onChange: t, disabled: n, label: r, className: i }) {
 }
 //#endregion
 //#region src/components/app-shell/themeMenuEvents.ts
-var yn = "open-theme-menu";
-function bn(e = yn) {
+var Tn = "open-theme-menu";
+function En(e = Tn) {
 	typeof document > "u" || document.dispatchEvent(new CustomEvent(e));
 }
 //#endregion
 //#region src/components/app-shell/ThemeMenu.tsx
-var xn = [
+var Dn = [
 	{
 		value: "dark",
 		label: "Dark",
@@ -2860,7 +2913,7 @@ var xn = [
 		Icon: ne
 	}
 ];
-function Sn({ className: e, respondToOpenEvent: t = !0 }) {
+function On({ className: e, respondToOpenEvent: t = !0 }) {
 	let [n, r] = h(!1), [i, a] = h(!1), [o, c] = h({
 		top: 0,
 		right: 0
@@ -2888,7 +2941,7 @@ function Sn({ className: e, respondToOpenEvent: t = !0 }) {
 		let e = () => {
 			x(), r(!0), a(!0);
 		};
-		return document.addEventListener(yn, e), () => document.removeEventListener(yn, e);
+		return document.addEventListener(Tn, e), () => document.removeEventListener(Tn, e);
 	}, [t, x]), l(() => {
 		if (n) return window.addEventListener("resize", x), window.addEventListener("scroll", x, !0), () => {
 			window.removeEventListener("resize", x), window.removeEventListener("scroll", x, !0);
@@ -2924,7 +2977,7 @@ function Sn({ className: e, respondToOpenEvent: t = !0 }) {
 					children: "Mode"
 				}), /* @__PURE__ */ _("div", {
 					className: "bg-bg-secondary border-border flex gap-1 rounded-md border p-1.5",
-					children: xn.map(({ value: e, label: t, Icon: n }) => /* @__PURE__ */ v("button", {
+					children: Dn.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"),
 						children: [/* @__PURE__ */ _(n, { className: "h-3.5 w-3.5" }), t]
@@ -2937,7 +2990,7 @@ function Sn({ className: e, respondToOpenEvent: t = !0 }) {
 					children: "Dark themes"
 				}), /* @__PURE__ */ _("div", {
 					className: "grid grid-cols-2 gap-2",
-					children: Tt.map((e) => /* @__PURE__ */ _(_n, {
+					children: Tt.map((e) => /* @__PURE__ */ _(Cn, {
 						label: e.label,
 						icon: e.icon,
 						preview: e.preview,
@@ -2952,7 +3005,7 @@ function Sn({ className: e, respondToOpenEvent: t = !0 }) {
 					children: "Light themes"
 				}), /* @__PURE__ */ _("div", {
 					className: "grid grid-cols-2 gap-2",
-					children: wt.map((e) => /* @__PURE__ */ _(_n, {
+					children: wt.map((e) => /* @__PURE__ */ _(Cn, {
 						label: e.label,
 						icon: e.icon,
 						preview: e.preview,
@@ -2986,28 +3039,28 @@ function Sn({ className: e, respondToOpenEvent: t = !0 }) {
 				}), /* @__PURE__ */ v("div", {
 					className: "grid grid-cols-2 gap-2",
 					children: [
-						/* @__PURE__ */ _(hn, {
+						/* @__PURE__ */ _(xn, {
 							label: "UI / Body",
 							size: "sm",
 							options: kt,
 							value: j,
 							onChange: (e) => M(e)
 						}),
-						/* @__PURE__ */ _(hn, {
+						/* @__PURE__ */ _(xn, {
 							label: "Headings",
 							size: "sm",
 							options: kt,
 							value: N,
 							onChange: (e) => P(e)
 						}),
-						/* @__PURE__ */ _(hn, {
+						/* @__PURE__ */ _(xn, {
 							label: "Prose",
 							size: "sm",
 							options: kt,
 							value: F,
 							onChange: (e) => I(e)
 						}),
-						/* @__PURE__ */ _(hn, {
+						/* @__PURE__ */ _(xn, {
 							label: "Code",
 							size: "sm",
 							options: kt,
@@ -3019,7 +3072,7 @@ function Sn({ className: e, respondToOpenEvent: t = !0 }) {
 				/* @__PURE__ */ v("div", {
 					className: "space-y-3",
 					children: [
-						/* @__PURE__ */ _(gn, {
+						/* @__PURE__ */ _(Sn, {
 							label: "Font size",
 							min: 11,
 							max: 18,
@@ -3027,7 +3080,7 @@ function Sn({ className: e, respondToOpenEvent: t = !0 }) {
 							onChange: A,
 							showValue: !0
 						}),
-						/* @__PURE__ */ _(gn, {
+						/* @__PURE__ */ _(Sn, {
 							label: "Corner radius",
 							min: 0,
 							max: 16,
@@ -3035,7 +3088,7 @@ function Sn({ className: e, respondToOpenEvent: t = !0 }) {
 							onChange: te,
 							showValue: !0
 						}),
-						/* @__PURE__ */ _(gn, {
+						/* @__PURE__ */ _(Sn, {
 							label: "Border width",
 							min: 1,
 							max: 3,
@@ -3043,7 +3096,7 @@ function Sn({ className: e, respondToOpenEvent: t = !0 }) {
 							onChange: re,
 							showValue: !0
 						}),
-						/* @__PURE__ */ _(gn, {
+						/* @__PURE__ */ _(Sn, {
 							label: "Letter spacing",
 							min: 0,
 							max: .3,
@@ -3052,7 +3105,7 @@ function Sn({ className: e, respondToOpenEvent: t = !0 }) {
 							onChange: ae,
 							showValue: !0
 						}),
-						/* @__PURE__ */ _(gn, {
+						/* @__PURE__ */ _(Sn, {
 							label: "Line height",
 							min: 1.2,
 							max: 2,
@@ -3061,7 +3114,7 @@ function Sn({ className: e, respondToOpenEvent: t = !0 }) {
 							onChange: oe,
 							showValue: !0
 						}),
-						/* @__PURE__ */ _(gn, {
+						/* @__PURE__ */ _(Sn, {
 							label: "Density",
 							min: .18,
 							max: .32,
@@ -3072,7 +3125,7 @@ function Sn({ className: e, respondToOpenEvent: t = !0 }) {
 						})
 					]
 				}),
-				/* @__PURE__ */ _(vn, {
+				/* @__PURE__ */ _(wn, {
 					label: "Reduced motion",
 					checked: V,
 					onChange: le
@@ -3103,25 +3156,25 @@ function Sn({ className: e, respondToOpenEvent: t = !0 }) {
 }
 //#endregion
 //#region src/components/app-shell/TopBar.tsx
-var Cn = [
+var kn = [
 	"dark",
 	"light",
 	"system"
-], wn = {
+], An = {
 	dark: re,
 	light: se,
 	system: ne
-}, Tn = {
+}, jn = {
 	dark: "Dark",
 	light: "Light",
 	system: "System"
 };
-function En({ onMobileMenuToggle: e, breadcrumbs: t, navItems: n = [], navLabel: r = "Primary", showCommandTrigger: i = !0, commandTriggerLabel: a = "Search", commandShortcut: o = mt, currentPath: s, onNavigate: c, onCommandTrigger: l, actions: u }) {
+function Mn({ onMobileMenuToggle: e, breadcrumbs: t, navItems: n = [], navLabel: r = "Primary", showCommandTrigger: i = !0, commandTriggerLabel: a = "Search", commandShortcut: o = mt, currentPath: s, onNavigate: c, onCommandTrigger: l, actions: u }) {
 	let { sidebarCollapsed: d, setSidebarCollapsed: f, colorMode: p, setColorMode: m } = Nt();
 	function h() {
-		m(Cn[(Cn.indexOf(p) + 1) % Cn.length]);
+		m(kn[(kn.indexOf(p) + 1) % kn.length]);
 	}
-	let y = wn[p], b = n.length > 0;
+	let y = An[p], b = n.length > 0;
 	return /* @__PURE__ */ v("header", {
 		className: "border-border bg-bg-secondary font-navigation flex h-9 shrink-0 items-center justify-between border-b px-3",
 		style: { height: "var(--topbar-height)" },
@@ -3140,7 +3193,7 @@ function En({ onMobileMenuToggle: e, breadcrumbs: t, navItems: n = [], navLabel:
 					"aria-label": d ? "Expand sidebar" : "Collapse sidebar",
 					children: _(d ? ae : ie, { 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__ */ _(Dn, {
+				(b || t !== !1) && /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("div", { className: "bg-border hidden h-4 w-px md:block" }), b ? /* @__PURE__ */ _(Nn, {
 					items: n,
 					label: r,
 					currentPath: s,
@@ -3173,16 +3226,16 @@ function En({ onMobileMenuToggle: e, breadcrumbs: t, navItems: n = [], navLabel:
 				/* @__PURE__ */ _("button", {
 					onClick: h,
 					className: "text-text-tertiary hover:text-text-primary hover:bg-bg-hover flex h-7 w-7 cursor-pointer items-center justify-center rounded",
-					"aria-label": `Color mode: ${Tn[p]}. Click to cycle.`,
-					title: Tn[p],
+					"aria-label": `Color mode: ${jn[p]}. Click to cycle.`,
+					title: jn[p],
 					children: /* @__PURE__ */ _(y, { className: "h-4 w-4" })
 				}),
-				/* @__PURE__ */ _(Sn, {})
+				/* @__PURE__ */ _(On, {})
 			]
 		})]
 	});
 }
-function Dn({ items: e, label: t, currentPath: n, onNavigate: r }) {
+function Nn({ items: e, label: t, currentPath: n, onNavigate: r }) {
 	return /* @__PURE__ */ _("nav", {
 		className: "hidden min-w-0 items-center gap-1 md:flex",
 		"aria-label": t,
@@ -3214,7 +3267,7 @@ function Dn({ items: e, label: t, currentPath: n, onNavigate: r }) {
 }
 //#endregion
 //#region src/components/app-shell/AppShell.tsx
-function On({ 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 }) {
+function Pn({ 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),
@@ -3242,7 +3295,7 @@ function On({ children: e, navSections: t, brand: n, accounts: r, bottomNavItems
 			}),
 			/* @__PURE__ */ v("div", {
 				className: "flex min-w-0 flex-1 flex-col",
-				children: [/* @__PURE__ */ _(En, {
+				children: [/* @__PURE__ */ _(Mn, {
 					onMobileMenuToggle: () => M(!0),
 					breadcrumbs: o,
 					showCommandTrigger: y && b,
@@ -3285,7 +3338,7 @@ function On({ children: e, navSections: t, brand: n, accounts: r, bottomNavItems
 }
 //#endregion
 //#region src/components/app-shell/AuthLayout.tsx
-function kn({ children: e, className: t }) {
+function Fn({ 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),
 		children: [/* @__PURE__ */ _("div", {
@@ -3296,7 +3349,7 @@ function kn({ children: e, className: t }) {
 }
 //#endregion
 //#region src/components/app-shell/BackLink.tsx
-function An({ to: e, children: t, onNavigate: n, className: r }) {
+function In({ to: e, children: t, onNavigate: n, className: r }) {
 	return /* @__PURE__ */ v("a", {
 		href: e,
 		onClick: (t) => ct(t, e, n),
@@ -3306,14 +3359,14 @@ function An({ to: e, children: t, onNavigate: n, className: r }) {
 }
 //#endregion
 //#region src/components/ui/FieldContext.ts
-var jn = r(null);
-function Mn(...e) {
+var Ln = r(null);
+function Rn(...e) {
 	return [...new Set(e.flatMap((e) => e?.split(/\s+/).filter(Boolean) ?? []))].join(" ") || void 0;
 }
 //#endregion
 //#region src/components/ui/Checkbox.tsx
-var Nn = a(({ id: e, checked: t, indeterminate: n, onChange: r, label: i, ariaLabel: a, disabled: o, controlSize: s, className: d, "aria-label": f, "aria-describedby": p, "aria-invalid": h, required: g, ...y }, b) => {
-	let x = u(), S = an(s), C = c(jn), w = e ?? C?.id ?? x, T = m(null);
+var zn = a(({ id: e, checked: t, indeterminate: n, onChange: r, label: i, ariaLabel: a, disabled: o, controlSize: s, className: d, "aria-label": f, "aria-describedby": p, "aria-invalid": h, required: g, ...y }, b) => {
+	let x = u(), S = an(s), C = c(Ln), w = e ?? C?.id ?? x, T = m(null);
 	return l(() => {
 		T.current && (T.current.indeterminate = !!n);
 	}, [n]), /* @__PURE__ */ v("div", {
@@ -3332,7 +3385,7 @@ var Nn = a(({ id: e, checked: t, indeterminate: n, onChange: r, label: i, ariaLa
 				checked: t,
 				"aria-checked": n ? "mixed" : t,
 				"aria-label": f ?? a,
-				"aria-describedby": Mn(p, C?.describedBy),
+				"aria-describedby": Rn(p, C?.describedBy),
 				"aria-invalid": h ?? (C?.invalid || void 0),
 				disabled: o,
 				required: g ?? C?.required,
@@ -3350,10 +3403,10 @@ var Nn = a(({ id: e, checked: t, indeterminate: n, onChange: r, label: i, ariaLa
 		})]
 	});
 });
-Nn.displayName = "Checkbox";
+zn.displayName = "Checkbox";
 //#endregion
 //#region src/components/ui/FilterButton.tsx
-var Pn = a(function({ icon: e, children: t, className: n, ...r }, i) {
+var Bn = 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),
@@ -3366,15 +3419,15 @@ var Pn = a(function({ icon: e, children: t, className: n, ...r }, i) {
 });
 //#endregion
 //#region src/components/tables/ColumnPicker.tsx
-function Fn(e) {
+function Vn(e) {
 	return typeof e.header == "string" ? e.header : e.sortLabel ?? e.key;
 }
-function In({ columns: e, hidden: n, onToggle: r, label: i = "Columns", heading: a = "Toggle columns", icon: o = M, onOnly: c, onlyLabel: l = "Only", footer: u }) {
+function Hn({ columns: e, hidden: n, onToggle: r, label: i = "Columns", heading: a = "Toggle columns", icon: o = M, onOnly: c, onlyLabel: l = "Only", footer: u }) {
 	let [d, f] = h(!1), p = m(null);
 	return jt(d, s(() => f(!1), []), [p]), /* @__PURE__ */ v("div", {
 		className: "relative",
 		ref: p,
-		children: [/* @__PURE__ */ _(Pn, {
+		children: [/* @__PURE__ */ _(Bn, {
 			icon: o,
 			onClick: () => f(!d),
 			children: i
@@ -3387,10 +3440,10 @@ function In({ columns: e, hidden: n, onToggle: r, label: i = "Columns", heading:
 				onClick: () => r(i.key),
 				className: "group text-text-secondary hover:text-text-primary hover:bg-bg-hover flex h-7 w-full cursor-pointer items-center gap-2.5 px-3 text-xs transition-colors duration-[100ms]",
 				children: [
-					/* @__PURE__ */ _(Nn, {
+					/* @__PURE__ */ _(zn, {
 						checked: !n.has(i.key),
 						onChange: () => {},
-						ariaLabel: Fn(i)
+						ariaLabel: Vn(i)
 					}),
 					/* @__PURE__ */ _("span", {
 						className: "min-w-0 flex-1 truncate",
@@ -3398,7 +3451,7 @@ function In({ columns: e, hidden: n, onToggle: r, label: i = "Columns", heading:
 					}),
 					c && /* @__PURE__ */ _("button", {
 						type: "button",
-						"aria-label": `${l}: ${Fn(i)}`,
+						"aria-label": `${l}: ${Vn(i)}`,
 						onClick: (e) => {
 							e.stopPropagation(), c(i.key);
 						},
@@ -3415,7 +3468,7 @@ function In({ columns: e, hidden: n, onToggle: r, label: i = "Columns", heading:
 }
 //#endregion
 //#region src/components/tables/Pagination.tsx
-function Ln({ page: e, totalPages: t, onPageChange: n }) {
+function Un({ page: e, totalPages: t, onPageChange: n }) {
 	if (t <= 1) return null;
 	let r = [];
 	for (let n = 1; n <= t; n++) n === 1 || n === t || n >= e - 1 && n <= e + 1 ? r.push(n) : r[r.length - 1] !== "ellipsis" && r.push("ellipsis");
@@ -3449,7 +3502,7 @@ function Ln({ page: e, totalPages: t, onPageChange: n }) {
 }
 //#endregion
 //#region src/components/tables/sortRows.ts
-function Rn(e, t, n, r) {
+function Wn(e, t, n, r) {
 	if (!n) return e;
 	let i = t.find((e) => e.key === n)?.getValue;
 	return i ? [...e].sort((e, t) => {
@@ -3459,8 +3512,8 @@ function Rn(e, t, n, r) {
 }
 //#endregion
 //#region src/components/tables/ResourceTable.tsx
-function zn({ data: e, columns: t, getRowId: n, onRowClick: r, emptyMessage: a = "No data", sortKey: o, sortDir: s, onSortChange: c, caption: l, loading: u = !1, loadingMessage: d = "Loading…", className: f, tableProps: m, getRowProps: g, isRowSelected: y }) {
-	let b = c !== void 0, [S, w] = h(null), [T, E] = h("asc"), D = b ? o ?? null : S, O = b ? s ?? "asc" : T, k = p(() => b ? e : Rn(e, t, D, O), [
+function Gn({ data: e, columns: t, getRowId: n, onRowClick: r, emptyMessage: a = "No data", sortKey: o, sortDir: s, onSortChange: c, caption: l, loading: u = !1, loadingMessage: d = "Loading…", className: f, tableProps: m, getRowProps: g, isRowSelected: y }) {
+	let b = c !== void 0, [S, w] = h(null), [T, E] = h("asc"), D = b ? o ?? null : S, O = b ? s ?? "asc" : T, k = p(() => b ? e : Wn(e, t, D, O), [
 		b,
 		e,
 		t,
@@ -3535,7 +3588,13 @@ function zn({ data: e, columns: t, getRowId: n, onRowClick: r, emptyMessage: a =
 }
 //#endregion
 //#region src/components/ui/Alert.tsx
-var Bn = {
+var Kn = {
+	neutral: {
+		bg: "bg-bg-hover",
+		border: "border-border",
+		icon: I,
+		iconColor: "text-text-tertiary"
+	},
 	success: {
 		bg: "bg-green-muted",
 		border: "border-green/30",
@@ -3561,26 +3620,31 @@ var Bn = {
 		iconColor: "text-blue"
 	}
 };
-function Vn({ type: e, title: t, children: n, dismissible: r, className: i }) {
-	let [a, o] = h(!1);
-	if (a) return null;
-	let s = Bn[e], c = s.icon;
+function qn({ type: e, title: t, children: n, dismissible: r, className: i, actions: a, toneBody: o = !1, ...s }) {
+	let [c, l] = h(!1);
+	if (c) return null;
+	let u = Kn[e], d = u.icon, f = e === "neutral" ? "text-text-primary" : u.iconColor;
 	return /* @__PURE__ */ v("div", {
-		className: G("flex gap-2.5 rounded-md border p-3", s.bg, s.border, i),
+		...s,
+		className: G("flex gap-2.5 rounded-md border p-3", u.bg, u.border, i),
 		children: [
-			/* @__PURE__ */ _(c, { className: G("mt-0.5 h-4 w-4 shrink-0", s.iconColor) }),
+			/* @__PURE__ */ _(d, { className: G("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: "text-text-primary mb-0.5 text-xs font-semibold",
+					className: G(o ? f : "text-text-primary", "mb-0.5 text-xs font-semibold"),
 					children: t
 				}), /* @__PURE__ */ _("div", {
-					className: "text-text-secondary text-xs",
+					className: G(o ? f : "text-text-secondary", "text-xs"),
 					children: n
 				})]
 			}),
+			a ? /* @__PURE__ */ _("div", {
+				className: "shrink-0 self-center",
+				children: a
+			}) : null,
 			r && /* @__PURE__ */ _("button", {
-				onClick: () => o(!0),
+				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__ */ _(V, { className: "h-3 w-3" })
@@ -3590,7 +3654,7 @@ function Vn({ type: e, title: t, children: n, dismissible: r, className: i }) {
 }
 //#endregion
 //#region src/components/ui/AuthCard.tsx
-function Hn({ title: e, subtitle: t, icon: n, children: r, footer: i, className: a }) {
+function Jn({ 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),
 		children: /* @__PURE__ */ v("div", {
@@ -3624,7 +3688,7 @@ function Hn({ title: e, subtitle: t, icon: n, children: r, footer: i, className:
 }
 //#endregion
 //#region src/components/ui/AuthorByline.tsx
-function Un({ name: e, meta: t, nameAppend: n, size: r = "sm", className: i }) {
+function Yn({ name: e, meta: t, nameAppend: n, size: r = "sm", className: i }) {
 	return /* @__PURE__ */ v("div", {
 		className: G("flex items-center gap-2", i),
 		children: [/* @__PURE__ */ _(Lt, {
@@ -3641,14 +3705,18 @@ function Un({ name: e, meta: t, nameAppend: n, size: r = "sm", className: i }) {
 }
 //#endregion
 //#region src/components/ui/Badge.tsx
-var Wn = {
+var Xn = {
+	teal: "bg-teal-muted text-teal",
+	rose: "bg-rose-muted text-rose",
 	green: "bg-green-muted text-green",
 	yellow: "bg-yellow-muted text-yellow",
 	red: "bg-red-muted text-red",
 	blue: "bg-blue-muted text-blue",
 	purple: "bg-purple-muted text-purple",
 	gray: "bg-bg-hover text-text-secondary"
-}, Gn = {
+}, Zn = {
+	teal: "bg-teal",
+	rose: "bg-rose",
 	green: "bg-green",
 	yellow: "bg-yellow",
 	red: "bg-red",
@@ -3656,15 +3724,15 @@ var Wn = {
 	purple: "bg-purple",
 	gray: "bg-text-tertiary"
 };
-function Kn({ color: e = "gray", dot: t, children: n, className: r }) {
+function Qn({ 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", Wn[e], r),
-		children: [t && /* @__PURE__ */ _("span", { className: G("h-1.5 w-1.5 rounded-full", Gn[e]) }), n]
+		className: G("font-label text-2xs inline-flex items-center gap-1.5 rounded-md px-2 py-0.5 font-medium", Xn[e], r),
+		children: [t && /* @__PURE__ */ _("span", { className: G("h-1.5 w-1.5 rounded-full", Zn[e]) }), n]
 	});
 }
 //#endregion
 //#region src/lib/calendar.ts
-var qn = /* @__PURE__ */ new Map();
+var $n = /* @__PURE__ */ new Map();
 function Z(e, t) {
 	if (!t) return {
 		year: e.getFullYear(),
@@ -3675,7 +3743,7 @@ function Z(e, t) {
 		second: e.getSeconds(),
 		millisecond: e.getMilliseconds()
 	};
-	let n = qn.get(t);
+	let n = $n.get(t);
 	n || (n = new Intl.DateTimeFormat("en-GB-u-ca-iso8601-nu-latn", {
 		timeZone: t,
 		year: "numeric",
@@ -3685,7 +3753,7 @@ function Z(e, t) {
 		minute: "2-digit",
 		second: "2-digit",
 		hourCycle: "h23"
-	}), qn.set(t, n));
+	}), $n.set(t, n));
 	let r = {};
 	for (let t of n.formatToParts(e)) t.type !== "literal" && (r[t.type] = Number(t.value));
 	return {
@@ -3698,12 +3766,12 @@ function Z(e, t) {
 		millisecond: e.getUTCMilliseconds()
 	};
 }
-function Jn(e) {
+function er(e) {
 	let t = /* @__PURE__ */ new Date(0);
 	return t.setUTCFullYear(e.year, e.month - 1, e.day), t.setUTCHours(e.hour, e.minute, e.second, e.millisecond), t.getTime();
 }
-function Yn(e, t, n = "compatible") {
-	let r = Jn(e), i = new Date(r);
+function tr(e, t, n = "compatible") {
+	let r = er(e), i = new Date(r);
 	if (!Object.values(e).every(Number.isInteger) || i.getUTCFullYear() !== e.year || i.getUTCMonth() + 1 !== e.month || i.getUTCDate() !== e.day || i.getUTCHours() !== e.hour || i.getUTCMinutes() !== e.minute || i.getUTCSeconds() !== e.second || i.getUTCMilliseconds() !== e.millisecond) throw RangeError("Invalid civil date and time");
 	if (!t) {
 		let t = /* @__PURE__ */ new Date(0);
@@ -3718,98 +3786,98 @@ function Yn(e, t, n = "compatible") {
 		48
 	]) {
 		let n = r + e * 36e5;
-		a.add(Jn(Z(new Date(n), t)) - n);
+		a.add(er(Z(new Date(n), t)) - n);
 	}
-	let o = [...a].map((e) => r - e).sort((e, t) => e - t), s = o.filter((e) => Jn(Z(new Date(e), t)) === r);
+	let o = [...a].map((e) => r - e).sort((e, t) => e - t), s = o.filter((e) => er(Z(new Date(e), t)) === r);
 	if (s.length === 1) return new Date(s[0]);
 	if (n === "reject") throw RangeError(s.length ? "This time occurs twice in the selected timezone" : "This time does not exist in the selected timezone");
 	return s.length ? new Date(n === "later" ? s[s.length - 1] : s[0]) : new Date(n === "earlier" ? o[0] : o[o.length - 1]);
 }
-var Xn = 1440, Zn = 6e4, Qn = [
+var nr = 1440, rr = 6e4, ir = [
 	1,
 	2,
 	3,
 	4,
 	5
 ];
-function $n(e) {
+function ar(e) {
 	return new Date(e.getFullYear(), e.getMonth(), e.getDate());
 }
 function Q(e, t) {
 	return new Date(e.getFullYear(), e.getMonth(), e.getDate() + t, e.getHours(), e.getMinutes(), e.getSeconds(), e.getMilliseconds());
 }
-function er(e, t) {
+function or(e, t) {
 	return new Date(e.getFullYear(), e.getMonth(), e.getDate(), e.getHours(), e.getMinutes() + t, e.getSeconds(), e.getMilliseconds());
 }
-function tr(e, t) {
+function sr(e, t) {
 	let n = new Date(e.getFullYear(), e.getMonth() + t, 1), r = new Date(n.getFullYear(), n.getMonth() + 1, 0).getDate();
 	return new Date(n.getFullYear(), n.getMonth(), Math.min(e.getDate(), r), e.getHours(), e.getMinutes());
 }
-function nr(e, t = 1) {
-	let n = $n(e);
+function cr(e, t = 1) {
+	let n = ar(e);
 	return Q(n, -((n.getDay() - t + 7) % 7));
 }
-function rr(e) {
+function lr(e) {
 	return new Date(e.getFullYear(), e.getMonth(), 1);
 }
-function ir(e, t) {
+function ur(e, t) {
 	return e.getFullYear() === t.getFullYear() && e.getMonth() === t.getMonth() && e.getDate() === t.getDate();
 }
-function ar(e, t) {
+function dr(e, t) {
 	let n = Date.UTC(e.getFullYear(), e.getMonth(), e.getDate()), r = Date.UTC(t.getFullYear(), t.getMonth(), t.getDate());
 	return Math.round((n - r) / 864e5);
 }
-function or(e) {
-	return e.getHours() * 60 + e.getMinutes() + e.getSeconds() / 60 + e.getMilliseconds() / Zn;
+function fr(e) {
+	return e.getHours() * 60 + e.getMinutes() + e.getSeconds() / 60 + e.getMilliseconds() / rr;
 }
-function sr(e, t) {
-	let n = cr(e, t);
-	if (!ir(n, e) || or(n) <= t) return n;
+function pr(e, t) {
+	let n = mr(e, t);
+	if (!ur(n, e) || fr(n) <= t) return n;
 	let r = Math.floor(t);
-	for (; r > 0 && or(cr(e, r - 1)) !== r - 1;) r--;
-	return /* @__PURE__ */ new Date(n.getTime() - (t - r) * Zn);
+	for (; r > 0 && fr(mr(e, r - 1)) !== r - 1;) r--;
+	return /* @__PURE__ */ new Date(n.getTime() - (t - r) * rr);
 }
-function cr(e, t) {
+function mr(e, t) {
 	let n = Math.floor(t);
 	return new Date(e.getFullYear(), e.getMonth(), e.getDate(), 0, n, Math.round((t - n) * 60));
 }
-function lr(e) {
+function hr(e) {
 	let t = /^(\d{1,2}):(\d{2})$/.exec(e.trim());
 	if (!t) throw RangeError(`Invalid time "${e}", expected HH:mm`);
 	let n = Number(t[1]), r = Number(t[2]);
 	if (r > 59 || n > 24 || n === 24 && r > 0) throw RangeError(`Invalid time "${e}"`);
 	return n * 60 + r;
 }
-function ur(e) {
+function gr(e) {
 	let t = Math.round(e), n = Math.floor(t / 60), r = t % 60;
 	return `${String(n).padStart(2, "0")}:${String(r).padStart(2, "0")}`;
 }
-function dr(e) {
+function _r(e) {
 	return `${e.getFullYear()}-${String(e.getMonth() + 1).padStart(2, "0")}-${String(e.getDate()).padStart(2, "0")}`;
 }
-function fr(e) {
+function vr(e) {
 	let t = /^(\d{4})-(\d{2})-(\d{2})$/.exec(e);
 	if (!t) throw RangeError(`Invalid date key "${e}"`);
 	let n = new Date(Number(t[1]), Number(t[2]) - 1, Number(t[3]));
-	if (dr(n) !== e) throw RangeError(`Invalid date key "${e}"`);
+	if (_r(n) !== e) throw RangeError(`Invalid date key "${e}"`);
 	return n;
 }
-function pr(e, t, n = "round") {
+function yr(e, t, n = "round") {
 	if (t <= 0) return e;
 	let r = n === "floor" ? Math.floor : n === "ceil" ? Math.ceil : Math.round, i = e / t;
 	return r(n === "floor" ? i + 1e-9 : n === "ceil" ? i - 1e-9 : i) * t;
 }
-function mr(e, t, n = "round") {
-	return cr($n(e), pr(or(e), t, n));
+function br(e, t, n = "round") {
+	return mr(ar(e), yr(fr(e), t, n));
 }
 function $(e, t, n) {
 	return Math.min(n, Math.max(t, e));
 }
-function hr(e) {
+function xr(e) {
 	return e === "day" || e === "threeDay" || e === "workWeek" || e === "week";
 }
-function gr(e, t, n = {}) {
-	let r = n.weekStartsOn ?? 1, i = $n(t);
+function Sr(e, t, n = {}) {
+	let r = n.weekStartsOn ?? 1, i = ar(t);
 	switch (e) {
 		case "day":
 		case "timeline": return [i];
@@ -3819,36 +3887,36 @@ function gr(e, t, n = {}) {
 			Q(i, 2)
 		];
 		case "week": {
-			let e = nr(i, r);
+			let e = cr(i, r);
 			return Array.from({ length: 7 }, (t, n) => Q(e, n));
 		}
 		case "workWeek": {
-			let e = new Set(n.workWeekDays ?? Qn), t = nr(i, r), a = Array.from({ length: 7 }, (e, n) => Q(t, n)).filter((t) => e.has(t.getDay()));
+			let e = new Set(n.workWeekDays ?? ir), t = cr(i, r), a = Array.from({ length: 7 }, (e, n) => Q(t, n)).filter((t) => e.has(t.getDay()));
 			return a.length ? a : [i];
 		}
 		case "agenda": {
 			let e = Math.max(1, Math.floor(n.agendaDays ?? 7));
 			return Array.from({ length: e }, (e, t) => Q(i, t));
 		}
-		case "month": return _r(t, r).flat();
+		case "month": return Cr(t, r).flat();
 	}
 }
-function _r(e, t = 1) {
-	let n = rr(e), r = new Date(n.getFullYear(), n.getMonth() + 1, 0), i = nr(n, t), a = [], o = i;
+function Cr(e, t = 1) {
+	let n = lr(e), r = new Date(n.getFullYear(), n.getMonth() + 1, 0), i = cr(n, t), a = [], o = i;
 	for (; o <= r || a.length === 0;) {
 		let e = Array.from({ length: 7 }, (e, t) => Q(o, t));
 		a.push(e), o = Q(o, 7);
 	}
 	return a;
 }
-function vr(e, t, n = {}) {
-	let r = gr(e, t, n);
+function wr(e, t, n = {}) {
+	let r = Sr(e, t, n);
 	return {
 		start: r[0],
 		end: Q(r[r.length - 1], 1)
 	};
 }
-function yr(e, t, n, r = {}) {
+function Tr(e, t, n, r = {}) {
 	switch (e) {
 		case "day":
 		case "timeline": return Q(t, n);
@@ -3856,16 +3924,16 @@ function yr(e, t, n, r = {}) {
 		case "week":
 		case "workWeek": return Q(t, 7 * n);
 		case "agenda": return Q(t, Math.max(1, r.agendaDays ?? 7) * n);
-		case "month": return tr(t, n);
+		case "month": return sr(t, n);
 	}
 }
-var br = /* @__PURE__ */ new Map();
-function xr(e, t) {
-	let n = `${e}|${JSON.stringify(t)}`, r = br.get(n);
-	return r || (r = new Intl.DateTimeFormat(e, t), br.set(n, r)), r;
+var Er = /* @__PURE__ */ new Map();
+function Dr(e, t) {
+	let n = `${e}|${JSON.stringify(t)}`, r = Er.get(n);
+	return r || (r = new Intl.DateTimeFormat(e, t), Er.set(n, r)), r;
 }
-function Sr(e, t = {}) {
-	return xr(t.locale ?? "en-GB", {
+function Or(e, t = {}) {
+	return Dr(t.locale ?? "en-GB", {
 		timeZone: t.timeZone,
 		timeZoneName: t.timeZone ? "short" : void 0,
 		hour: t.hour12 ? "numeric" : "2-digit",
@@ -3873,71 +3941,71 @@ function Sr(e, t = {}) {
 		hourCycle: t.hour12 ? "h12" : "h23"
 	}).format(e);
 }
-function Cr(e, t, n = {}) {
-	return `${Sr(e, n)}–${Sr(t, n)}`;
+function kr(e, t, n = {}) {
+	return `${Or(e, n)}–${Or(t, n)}`;
 }
-function wr(e, t = {}) {
-	if (!t.hour12) return ur(e);
-	let n = cr(new Date(2e3, 0, 1), e);
-	return xr(t.locale ?? "en-GB", {
+function Ar(e, t = {}) {
+	if (!t.hour12) return gr(e);
+	let n = mr(new Date(2e3, 0, 1), e);
+	return Dr(t.locale ?? "en-GB", {
 		hour: "numeric",
 		minute: e % 60 ? "2-digit" : void 0,
 		hour12: !0
 	}).format(n);
 }
-function Tr(e, t = "en-GB") {
-	return xr(t, {
+function jr(e, t = "en-GB") {
+	return Dr(t, {
 		weekday: "long",
 		day: "numeric",
 		month: "long",
 		year: "numeric"
 	}).format(e);
 }
-function Er(e, t, n = {}) {
+function Mr(e, t, n = {}) {
 	let r = n.locale ?? "en-GB";
-	if (e === "month") return xr(r, {
+	if (e === "month") return Dr(r, {
 		month: "long",
 		year: "numeric"
 	}).format(t);
-	let i = gr(e, t, n), a = i[0], o = i[i.length - 1];
-	if (i.length === 1) return Tr(a, r);
-	let s = a.getFullYear() === o.getFullYear(), c = s && a.getMonth() === o.getMonth(), l = xr(r, {
+	let i = Sr(e, t, n), a = i[0], o = i[i.length - 1];
+	if (i.length === 1) return jr(a, r);
+	let s = a.getFullYear() === o.getFullYear(), c = s && a.getMonth() === o.getMonth(), l = Dr(r, {
 		day: "numeric",
 		month: "long",
 		year: "numeric"
 	});
 	if (c) return `${a.getDate()} – ${l.format(o)}`;
-	let u = xr(r, s ? {
+	let u = Dr(r, s ? {
 		day: "numeric",
 		month: "short"
 	} : {
 		day: "numeric",
 		month: "short",
 		year: "numeric"
-	}), d = xr(r, {
+	}), d = Dr(r, {
 		day: "numeric",
 		month: "short",
 		year: "numeric"
 	});
 	return `${u.format(a)} – ${d.format(o)}`;
 }
-function Dr(e, t, n, r) {
+function Nr(e, t, n, r) {
 	return e < r && n < t;
 }
-function Or(e, t, n) {
-	let r = $n(n), i = Q(r, 1), a = e.getTime(), o = Math.max(t.getTime(), a);
+function Pr(e, t, n) {
+	let r = ar(n), i = Q(r, 1), a = e.getTime(), o = Math.max(t.getTime(), a);
 	if (o === a) {
 		if (a < r.getTime() || a >= i.getTime()) return null;
-	} else if (!Dr(a, o, r.getTime(), i.getTime())) return null;
+	} else if (!Nr(a, o, r.getTime(), i.getTime())) return null;
 	let s = a < r.getTime(), c = o > i.getTime();
 	return {
-		startMinute: s ? 0 : or(e),
-		endMinute: o >= i.getTime() ? Xn : Math.max(or(t), s ? 0 : or(e)),
+		startMinute: s ? 0 : fr(e),
+		endMinute: o >= i.getTime() ? nr : Math.max(fr(t), s ? 0 : fr(e)),
 		continuesBefore: s,
 		continuesAfter: c
 	};
 }
-function kr(e) {
+function Fr(e) {
 	let t = e.filter(([e, t]) => t > e).map(([e, t]) => [e, t]).sort((e, t) => e[0] - t[0]), n = [];
 	for (let [e, r] of t) {
 		let t = n[n.length - 1];
@@ -3945,12 +4013,12 @@ function kr(e) {
 	}
 	return n;
 }
-function Ar(e, t, n) {
+function Ir(e, t, n) {
 	let r = [], i = e;
-	for (let [e, a] of kr(n)) if (!(a <= i) && (e >= t || (e > i && r.push([i, Math.min(e, t)]), i = Math.max(i, a), i >= t))) break;
+	for (let [e, a] of Fr(n)) if (!(a <= i) && (e >= t || (e > i && r.push([i, Math.min(e, t)]), i = Math.max(i, a), i >= t))) break;
 	return i < t && r.push([i, t]), r;
 }
-function jr(e, t = 0) {
+function Lr(e, t = 0) {
 	let n = e.map((e) => ({
 		id: e.id,
 		start: e.start,
@@ -3959,7 +4027,7 @@ function jr(e, t = 0) {
 		let e = a.length;
 		for (let t of i) {
 			let n = 1;
-			for (let r = t.column + 1; r < e && !i.some((e) => e.column === r && Dr(t.start, t.end, e.start, e.end)); r++) n++;
+			for (let r = t.column + 1; r < e && !i.some((e) => e.column === r && Nr(t.start, t.end, e.start, e.end)); r++) n++;
 			r.set(t.id, {
 				column: t.column,
 				columns: e,
@@ -3978,7 +4046,7 @@ function jr(e, t = 0) {
 	}
 	return s(), r;
 }
-function Mr(e) {
+function Rr(e) {
 	let t = [...e].sort((e, t) => e.start - t.start || t.end - e.end || (e.id < t.id ? -1 : 1)), n = [], r = /* @__PURE__ */ new Map();
 	for (let e of t) {
 		let t = Math.max(e.end, e.start + 1e-6), i = n.findIndex((t) => t <= e.start);
@@ -3989,34 +4057,34 @@ function Mr(e) {
 		count: n.length
 	};
 }
-function Nr(e) {
+function zr(e) {
 	return e === void 0 ? [] : typeof e == "string" ? [e] : e;
 }
-function Pr(e, t, { emptyMatchesAll: n }) {
+function Br(e, t, { emptyMatchesAll: n }) {
 	if (t === void 0) return !0;
-	let r = Nr(e);
+	let r = zr(e);
 	return r.length === 0 ? n : r.includes(t);
 }
-function Fr(e, t, n) {
-	let r = Nr(e);
+function Vr(e, t, n) {
+	let r = zr(e);
 	if (t === void 0 || n === void 0 || t === n) return r.length ? [...r] : void 0;
 	if (r.length === 0) return;
 	let i = r.map((e) => e === t ? n : e);
 	return [...new Set(i)];
 }
-function Ir(e, t, n = []) {
+function Hr(e, t, n = []) {
 	let r = /* @__PURE__ */ new Set(), i = e.start.getTime(), a = e.end.getTime();
-	for (let e of [...t, ...n]) if (Dr(e.start.getTime(), e.end.getTime(), i, a) && !("kind" in e && e.kind === "unavailable")) for (let t of Nr(e.resourceId)) r.add(t);
+	for (let e of [...t, ...n]) if (Nr(e.start.getTime(), e.end.getTime(), i, a) && !("kind" in e && e.kind === "unavailable")) for (let t of zr(e.resourceId)) r.add(t);
 	return r;
 }
-function Lr(e, t, n = {}) {
-	let { fromDateKey: r, wallDateAtMinutes: i, toDateKey: a, startOfWeek: o, startOfDay: s, addDays: c, differenceInDays: l, weekday: u } = Wr(n.timeZone), d = n.weekStartsOn ?? 1, f = [], p = t.start.getTime(), m = t.end.getTime();
+function Ur(e, t, n = {}) {
+	let { fromDateKey: r, wallDateAtMinutes: i, toDateKey: a, startOfWeek: o, startOfDay: s, addDays: c, differenceInDays: l, weekday: u } = Xr(n.timeZone), d = n.weekStartsOn ?? 1, f = [], p = t.start.getTime(), m = t.end.getTime();
 	for (let n of e) {
-		let e = lr(n.startTime), h = lr(n.endTime);
-		h <= e && (h += Xn);
+		let e = hr(n.startTime), h = hr(n.endTime);
+		h <= e && (h += nr);
 		let g = r(n.startDate), _ = (t) => {
 			let r = i(t, e), o = i(t, h);
-			if (o <= r || !Dr(r.getTime(), o.getTime(), p, m)) return;
+			if (o <= r || !Nr(r.getTime(), o.getTime(), p, m)) return;
 			let s = a(t);
 			f.push({
 				id: n.recurrence ? `${n.id}@${s}` : n.id,
@@ -4045,40 +4113,40 @@ function Lr(e, t, n = {}) {
 	}
 	return f.sort((e, t) => e.start.getTime() - t.start.getTime());
 }
-function Rr(e, t, n, r, i) {
-	let a = pr(t, r, "floor"), o = pr(n, r, "floor"), s = $(Math.min(a, o), i.min, i.max - r), c = $(Math.max(a, o) + r, s + r, i.max), l = sr(e, s), u = sr(e, c);
-	return u <= l && (u = new Date(l.getTime() + r * Zn)), {
+function Wr(e, t, n, r, i) {
+	let a = yr(t, r, "floor"), o = yr(n, r, "floor"), s = $(Math.min(a, o), i.min, i.max - r), c = $(Math.max(a, o) + r, s + r, i.max), l = pr(e, s), u = pr(e, c);
+	return u <= l && (u = new Date(l.getTime() + r * rr)), {
 		start: l,
 		end: u
 	};
 }
-function zr(e, t, n, r, i, a) {
-	let o = (e.end.getTime() - e.start.getTime()) / Zn, s = pr(n - r, i), c = or(e.start);
+function Gr(e, t, n, r, i, a) {
+	let o = (e.end.getTime() - e.start.getTime()) / rr, s = yr(n - r, i), c = fr(e.start);
 	c >= a.min && c + o <= a.max && (s = $(s, a.min, a.max - o));
-	let l = cr(t, s);
+	let l = mr(t, s);
 	return {
 		start: l,
-		end: new Date(l.getTime() + o * Zn)
+		end: new Date(l.getTime() + o * rr)
 	};
 }
-function Br(e, t, n, r, i) {
-	let a = $n(t), o = e.start.getTime() >= a.getTime() ? or(e.start) + r : r;
-	return sr(a, $(pr(n, r), Math.min(o, Xn), Math.max(i.max, o)));
+function Kr(e, t, n, r, i) {
+	let a = ar(t), o = e.start.getTime() >= a.getTime() ? fr(e.start) + r : r;
+	return pr(a, $(yr(n, r), Math.min(o, nr), Math.max(i.max, o)));
 }
-function Vr(e, t) {
+function qr(e, t) {
 	return {
 		start: Q(e.start, t),
 		end: Q(e.end, t)
 	};
 }
-function Hr(e, t) {
+function Jr(e, t) {
 	return e.start.getTime() === t.start.getTime() && e.end.getTime() === t.end.getTime();
 }
-function Ur(e) {
+function Yr(e) {
 	return e.allDay ? !0 : e.end.getTime() >= Q(e.start, 1).getTime();
 }
-function Wr(e) {
-	let t = (t) => Z(t, e), n = (t) => Yn(t, e), r = (e) => {
+function Xr(e) {
+	let t = (t) => Z(t, e), n = (t) => tr(t, e), r = (e) => {
 		let n = t(e);
 		return `${String(n.year).padStart(4, "0")}-${String(n.month).padStart(2, "0")}-${String(n.day).padStart(2, "0")}`;
 	}, i = (e) => n({
@@ -4114,7 +4182,7 @@ function Wr(e) {
 		let r = t(e), i = t(n);
 		return Math.round((Date.UTC(r.year, r.month - 1, r.day) - Date.UTC(i.year, i.month - 1, i.day)) / 864e5);
 	}, d = (e, r) => {
-		let i = t(e), a = new Date(Date.UTC(i.year, i.month - 1, i.day, 0, Math.floor(r), 0, Math.round((r - Math.floor(r)) * Zn)));
+		let i = t(e), a = new Date(Date.UTC(i.year, i.month - 1, i.day, 0, Math.floor(r), 0, Math.round((r - Math.floor(r)) * rr)));
 		return n({
 			year: a.getUTCFullYear(),
 			month: a.getUTCMonth() + 1,
@@ -4126,11 +4194,11 @@ function Wr(e) {
 		});
 	}, f = (e, n) => {
 		let r = t(e);
-		return u(e, n) * Xn + r.hour * 60 + r.minute + r.second / 60 + r.millisecond / Zn;
+		return u(e, n) * nr + r.hour * 60 + r.minute + r.second / 60 + r.millisecond / rr;
 	}, p = (t, n) => {
 		let r = d(t, n), i = f(r, t);
 		if (!e || i <= n + 1e-8) return r;
-		let a = Math.floor(r.getTime() - (i - n) * Zn), o = r.getTime();
+		let a = Math.floor(r.getTime() - (i - n) * rr), o = r.getTime();
 		for (; a < o;) {
 			let e = Math.floor((a + o) / 2);
 			f(new Date(e), t) < n ? a = e + 1 : o = e;
@@ -4138,7 +4206,7 @@ function Wr(e) {
 		return new Date(o);
 	}, m = (e) => {
 		if (!Number.isFinite(e.min) || !Number.isFinite(e.max) || e.max <= e.min) throw RangeError("Calendar time bounds must contain a positive interval of real instants");
-	}, h = e ? (e, t) => new Date(i(e).getTime() + t * Zn) : cr, g = e ? (e) => (e.getTime() - i(e).getTime()) / Zn : or, _ = e ? (e, t) => new Date(e.getTime() + t * Zn) : er, v = (e) => {
+	}, h = e ? (e, t) => new Date(i(e).getTime() + t * rr) : mr, g = e ? (e) => (e.getTime() - i(e).getTime()) / rr : fr, _ = e ? (e, t) => new Date(e.getTime() + t * rr) : or, v = (e) => {
 		let t = /^(\d{4})-(\d{2})-(\d{2})$/.exec(e);
 		if (!t) throw RangeError(`Invalid date key "${e}"`);
 		let i = n({
@@ -4162,21 +4230,21 @@ function Wr(e) {
 		if (e === "week" || e === "workWeek") {
 			let t = c(r, n.weekStartsOn), i = Array.from({ length: 7 }, (e, n) => a(t, n));
 			if (e === "week") return i;
-			let o = new Set(n.workWeekDays ?? Qn), l = i.filter((e) => o.has(s(e)));
+			let o = new Set(n.workWeekDays ?? ir), l = i.filter((e) => o.has(s(e)));
 			return l.length ? l : [r];
 		}
 		let o = e === "threeDay" ? 3 : e === "agenda" ? Math.max(1, Math.floor(n.agendaDays ?? 7)) : 1;
 		return Array.from({ length: o }, (e, t) => a(r, t));
 	}, x = (t, n, r) => {
-		if (!e) return Or(t, n, r);
+		if (!e) return Pr(t, n, r);
 		let o = i(r).getTime(), s = a(i(r), 1).getTime(), c = t.getTime(), l = Math.max(c, n.getTime());
-		return (l === c ? c < o || c >= s : !Dr(c, l, o, s)) ? null : {
-			startMinute: Math.max(0, (c - o) / Zn),
-			endMinute: Math.min(s - o, l - o) / Zn,
+		return (l === c ? c < o || c >= s : !Nr(c, l, o, s)) ? null : {
+			startMinute: Math.max(0, (c - o) / rr),
+			endMinute: Math.min(s - o, l - o) / rr,
 			continuesBefore: c < o,
 			continuesAfter: l > s
 		};
-	}, S = (e) => !!e.allDay || e.end >= a(e.start, 1), C = (t, n) => xr(t, {
+	}, S = (e) => !!e.allDay || e.end >= a(e.start, 1), C = (t, n) => Dr(t, {
 		...n,
 		...e ? { timeZone: e } : {}
 	}), w = (e, t = "en-GB") => C(t, {
@@ -4185,7 +4253,7 @@ function Wr(e) {
 		month: "long",
 		year: "numeric"
 	}).format(e), T = (n, r, i = {}) => {
-		if (!e) return Er(n, r, i);
+		if (!e) return Mr(n, r, i);
 		let a = i.locale ?? "en-GB";
 		if (n === "month") return C(a, {
 			month: "long",
@@ -4208,11 +4276,11 @@ function Wr(e) {
 			year: "numeric"
 		}).format(c)}`;
 	}, E = (n, r, i, a, o, s) => {
-		if (!e) return zr(n, r, i, a, o, s);
+		if (!e) return Gr(n, r, i, a, o, s);
 		m(s);
-		let c = (n.end.getTime() - n.start.getTime()) / Zn, l = pr(i - a, o), f = (e) => {
+		let c = (n.end.getTime() - n.start.getTime()) / rr, l = yr(i - a, o), f = (e) => {
 			let n = h(r, e), i = t(n);
-			return u(n, r) * Xn + i.hour * 60 + i.minute;
+			return u(n, r) * nr + i.hour * 60 + i.minute;
 		}, p = d(n.start, f(s.min)), g = d(n.start, f(s.max));
 		n.start >= p && n.end <= g && c <= s.max - s.min && (l = $(l, s.min, s.max - c));
 		let v = h(r, l);
@@ -4254,8 +4322,8 @@ function Wr(e) {
 		isAllDayLike: S,
 		eventsOnDay: (e, t) => e.filter((e) => x(e.start, e.end, t)).sort((e, t) => Number(S(t)) - Number(S(e)) || e.start.getTime() - t.start.getTime() || t.end.getTime() - e.end.getTime() || e.title.localeCompare(t.title)),
 		computeCreateRange: (t, n, r, i, a) => {
-			if (!e) return Rr(t, n, r, i, a);
-			let o = pr(n, i, "floor"), s = pr(r, i, "floor");
+			if (!e) return Wr(t, n, r, i, a);
+			let o = yr(n, i, "floor"), s = yr(r, i, "floor");
 			m(a);
 			let c = Math.min(i, a.max - a.min), l = $(Math.min(o, s), a.min, a.max - c);
 			return {
@@ -4265,14 +4333,14 @@ function Wr(e) {
 		},
 		computeMoveRange: E,
 		computeResizeEnd: (t, n, r, a, o) => {
-			if (!e) return Br(t, n, r, a, o);
+			if (!e) return Kr(t, n, r, a, o);
 			m(o);
-			let s = Math.max(0, (t.start.getTime() - i(n).getTime()) / Zn) + a;
-			return h(n, $(pr(r, a), s, Math.max(o.max, s)));
+			let s = Math.max(0, (t.start.getTime() - i(n).getTime()) / rr) + a;
+			return h(n, $(yr(r, a), s, Math.max(o.max, s)));
 		},
 		computeNudgeRange: (e, t, n) => E(e, i(e.start), g(e.start) + t, 0, 1, n),
 		shiftRangeDays: (t, n) => {
-			if (!e) return Vr(t, n);
+			if (!e) return qr(t, n);
 			if (t.allDay) return {
 				start: a(t.start, n),
 				end: a(t.end, n)
@@ -4286,8 +4354,8 @@ function Wr(e) {
 		dayBounds: (t, n) => {
 			if (!e) return n;
 			let r = i(t).getTime(), a = {
-				min: (p(t, n.min).getTime() - r) / Zn,
-				max: (p(t, n.max).getTime() - r) / Zn
+				min: (p(t, n.min).getTime() - r) / rr,
+				max: (p(t, n.max).getTime() - r) / rr
 			};
 			return m(a), a;
 		}
@@ -4295,20 +4363,20 @@ function Wr(e) {
 }
 //#endregion
 //#region src/components/ui/calendar/context.ts
-var Gr = r(null);
-function Kr() {
-	let e = c(Gr);
+var Zr = r(null);
+function Qr() {
+	let e = c(Zr);
 	if (!e) throw Error("Calendar views must render inside <Calendar>");
 	return e;
 }
 //#endregion
 //#region src/components/ui/calendar/AgendaView.tsx
-function qr({ days: e, events: t, availability: n, label: r }) {
-	let i = Kr(), { daySegment: a, eventsOnDay: o, getFormatter: s, isAllDayLike: c, isSameDay: l, toDateKey: u } = i.dates, d = s(i.locale, {
+function $r({ days: e, events: t, availability: n, label: r }) {
+	let i = Qr(), { daySegment: a, eventsOnDay: o, getFormatter: s, isAllDayLike: c, isSameDay: l, toDateKey: u } = i.dates, d = s(i.locale, {
 		weekday: "long",
 		day: "numeric",
 		month: "long"
-	}), f = (e) => Nr(e).map((e) => i.resourceById.get(e)?.title).filter(Boolean).join(", ");
+	}), f = (e) => zr(e).map((e) => i.resourceById.get(e)?.title).filter(Boolean).join(", ");
 	return /* @__PURE__ */ _("div", {
 		className: "ui-cal-scroll min-h-0 flex-1 overflow-y-auto",
 		"aria-label": r,
@@ -4345,10 +4413,10 @@ function qr({ days: e, events: t, availability: n, label: r }) {
 					children: i.labels.noEvents
 				}) : /* @__PURE__ */ _("ul", {
 					className: "divide-border divide-y border-border border-b",
-					children: r.map((e) => /* @__PURE__ */ _("li", { children: e.type === "event" ? /* @__PURE__ */ _(Jr, {
+					children: r.map((e) => /* @__PURE__ */ _("li", { children: e.type === "event" ? /* @__PURE__ */ _(ei, {
 						event: e.value,
 						resources: f(e.value.resourceId)
-					}) : /* @__PURE__ */ _(Yr, {
+					}) : /* @__PURE__ */ _(ti, {
 						block: e.value,
 						resources: f(e.value.resourceId)
 					}) }, `${e.type}:${e.value.id}`))
@@ -4357,8 +4425,8 @@ function qr({ days: e, events: t, availability: n, label: r }) {
 		})
 	});
 }
-function Jr({ event: e, resources: t }) {
-	let n = Kr(), { isAllDayLike: r } = n.dates, i = n.statusLabel(e), a = r(e) ? n.labels.allDay : Cr(e.start, e.end, n);
+function ei({ event: e, resources: t }) {
+	let n = Qr(), { isAllDayLike: r } = n.dates, i = n.statusLabel(e), a = r(e) ? n.labels.allDay : kr(e.start, e.end, n);
 	return /* @__PURE__ */ v("div", {
 		role: "button",
 		tabIndex: 0,
@@ -4405,8 +4473,8 @@ function Jr({ event: e, resources: t }) {
 		]
 	});
 }
-function Yr({ block: e, resources: t }) {
-	let n = Kr(), r = e.kind ?? "available", i = r === "available" ? n.labels.available : n.labels.unavailable, a = n.hasBlockClick;
+function ti({ block: e, resources: t }) {
+	let n = Qr(), r = e.kind ?? "available", i = r === "available" ? n.labels.available : n.labels.unavailable, a = n.hasBlockClick;
 	return /* @__PURE__ */ v("div", {
 		role: a ? "button" : void 0,
 		tabIndex: a ? 0 : void 0,
@@ -4419,7 +4487,7 @@ function Yr({ block: e, resources: t }) {
 		children: [
 			/* @__PURE__ */ _("span", {
 				className: "font-mono w-24 shrink-0",
-				children: Cr(e.start, e.end, n)
+				children: kr(e.start, e.end, n)
 			}),
 			/* @__PURE__ */ _("span", {
 				className: G("ui-cal-agenda-swatch mt-0.5", r === "unavailable" && "ui-cal-agenda-swatch-off"),
@@ -4438,12 +4506,12 @@ function Yr({ block: e, resources: t }) {
 }
 //#endregion
 //#region src/components/ui/calendar/MonthView.tsx
-var Xr = 96, Zr = 224;
-function Qr(e) {
+var ni = 96, ri = 224;
+function ii(e) {
 	return `${e.type}:${e.value.id}`;
 }
-function $r({ date: e, events: t, availability: n, label: r }) {
-	let i = Kr(), { addDays: a, daySegment: o, differenceInDays: c, eventsOnDay: u, formatLongDate: d, fromDateKey: g, getFormatter: y, getMonthWeeks: b, isAllDayLike: x, isSameDay: S, shiftRangeDays: C, toDateKey: w } = i.dates, T = p(() => b(e, i.weekStartsOn), [
+function ai({ date: e, events: t, availability: n, label: r }) {
+	let i = Qr(), { addDays: a, daySegment: o, differenceInDays: c, eventsOnDay: u, formatLongDate: d, fromDateKey: g, getFormatter: y, getMonthWeeks: b, isAllDayLike: x, isSameDay: S, shiftRangeDays: C, toDateKey: w } = i.dates, T = p(() => b(e, i.weekStartsOn), [
 		e,
 		i.weekStartsOn,
 		b
@@ -4497,7 +4565,7 @@ function $r({ date: e, events: t, availability: n, label: r }) {
 		u,
 		o,
 		w
-	]), ue = y(i.locale, { weekday: "short" }), de = i.monthMaxEvents ?? (ne ? Math.max(1, Math.floor((Math.max(ne / T.length, Xr) - 28) / 20)) : 3);
+	]), ue = y(i.locale, { weekday: "short" }), de = i.monthMaxEvents ?? (ne ? Math.max(1, Math.floor((Math.max(ne / T.length, ni) - 28) / 20)) : 3);
 	function U(e) {
 		let t = w(e);
 		k(t), requestAnimationFrame(() => {
@@ -4529,7 +4597,7 @@ function $r({ date: e, events: t, availability: n, label: r }) {
 		let n = {
 			action: "move",
 			...C(e.value, t),
-			resourceIds: Fr(e.value.resourceId, void 0, void 0)
+			resourceIds: Vr(e.value.resourceId, void 0, void 0)
 		};
 		return e.type === "event" ? {
 			target: "event",
@@ -4551,7 +4619,7 @@ function $r({ date: e, events: t, availability: n, label: r }) {
 			if (!t || e.pointerId !== t.pointerId) return;
 			if (!t.started) {
 				if (Math.hypot(e.clientX - t.startX, e.clientY - t.startY) < 4) return;
-				t.started = !0, L(Qr(t.item));
+				t.started = !0, L(ii(t.item));
 			}
 			let n = document.elementFromPoint(e.clientX, e.clientY)?.closest("[data-cal-date]"), r = n && E.current?.contains(n) ? n.dataset.calDate ?? null : null;
 			t.overKey = r ?? void 0, F(r);
@@ -4604,7 +4672,7 @@ function $r({ date: e, events: t, availability: n, label: r }) {
 		}, "pointer");
 	}
 	let ye = (e, t) => {
-		let n = Qr(e), r = e.value.placeholder ? {
+		let n = ii(e), r = e.value.placeholder ? {
 			"aria-hidden": !0,
 			"data-placeholder": !0
 		} : {
@@ -4624,7 +4692,7 @@ function $r({ date: e, events: t, availability: n, label: r }) {
 				...r,
 				children: [i.display.time && /* @__PURE__ */ _("span", {
 					className: "ui-cal-meta font-mono shrink-0",
-					children: Cr(t.start, t.end, i)
+					children: kr(t.start, t.end, i)
 				}), i.display.blockLabels && /* @__PURE__ */ _("span", {
 					className: "ui-cal-title",
 					children: t.label ?? ((t.kind ?? "available") === "available" ? i.labels.available : i.labels.unavailable)
@@ -4647,7 +4715,7 @@ function $r({ date: e, events: t, availability: n, label: r }) {
 				}),
 				!o && i.display.time && /* @__PURE__ */ _("span", {
 					className: "ui-cal-meta font-mono shrink-0",
-					children: Sr(a.start, i)
+					children: Or(a.start, i)
 				}),
 				/* @__PURE__ */ _("span", {
 					className: "ui-cal-title font-medium",
@@ -4709,7 +4777,7 @@ function $r({ date: e, events: t, availability: n, label: r }) {
 								onClick: (e) => {
 									let n = e.currentTarget.closest("[data-cal-date]")?.getBoundingClientRect();
 									if (n) {
-										let e = Math.max(n.width, Zr);
+										let e = Math.max(n.width, ri);
 										N({
 											top: Math.max(8, n.top),
 											left: Math.max(8, Math.min(n.left, window.innerWidth - e - 8)),
@@ -4752,8 +4820,8 @@ function $r({ date: e, events: t, availability: n, label: r }) {
 }
 //#endregion
 //#region src/components/ui/calendar/items.tsx
-function ei({ event: e, style: t, resizeEdge: n, compact: r, dense: i, continuesBefore: a, continuesAfter: o, dragging: s, onKeyDown: c, onClick: l }) {
-	let u = Kr(), d = u.canEditEvent(e), f = e.allDay ? u.labels.allDay : Cr(e.start, e.end, u), { display: p } = u, m = p.status ? u.statusLabel(e) : void 0, h = [p.time && f, m].filter(Boolean).join(" · "), y = !!e.placeholder, b = u.renderEvent?.(e, {
+function oi({ event: e, style: t, resizeEdge: n, compact: r, dense: i, continuesBefore: a, continuesAfter: o, dragging: s, onKeyDown: c, onClick: l }) {
+	let u = Qr(), d = u.canEditEvent(e), f = e.allDay ? u.labels.allDay : kr(e.start, e.end, u), { display: p } = u, m = p.status ? u.statusLabel(e) : void 0, h = [p.time && f, m].filter(Boolean).join(" · "), y = !!e.placeholder, b = u.renderEvent?.(e, {
 		view: u.view,
 		compact: r,
 		timeLabel: f,
@@ -4784,7 +4852,7 @@ function ei({ event: e, style: t, resizeEdge: n, compact: r, dense: i, continues
 		}), h && /* @__PURE__ */ _("span", {
 			className: "ui-cal-meta font-mono",
 			children: h
-		})] }) : /* @__PURE__ */ _(ti, {
+		})] }) : /* @__PURE__ */ _(si, {
 			event: e,
 			compact: r,
 			timeLabel: p.time ? f : void 0,
@@ -4799,7 +4867,7 @@ function ei({ event: e, style: t, resizeEdge: n, compact: r, dense: i, continues
 		})]
 	});
 }
-function ti({ event: e, compact: t, timeLabel: n, statusLabel: r, description: i, badge: a }) {
+function si({ event: e, compact: t, timeLabel: n, statusLabel: r, description: i, badge: a }) {
 	return t ? /* @__PURE__ */ v("div", {
 		className: "flex min-w-0 items-center gap-1",
 		children: [/* @__PURE__ */ v("span", {
@@ -4837,8 +4905,8 @@ function ti({ event: e, compact: t, timeLabel: n, statusLabel: r, description: i
 		})
 	] });
 }
-function ni({ block: e, style: t, resizeEdge: n, continuesAfter: r, dragging: i, onKeyDown: a, onClick: o }) {
-	let s = Kr(), c = s.editLayer === "availability", l = c && s.canEditBlock(e), u = e.kind ?? "available", d = e.label ?? (u === "available" ? s.labels.available : s.labels.unavailable), f = c && !e.placeholder && (l || s.hasBlockClick);
+function ci({ block: e, style: t, resizeEdge: n, continuesAfter: r, dragging: i, onKeyDown: a, onClick: o }) {
+	let s = Qr(), c = s.editLayer === "availability", l = c && s.canEditBlock(e), u = e.kind ?? "available", d = e.label ?? (u === "available" ? s.labels.available : s.labels.unavailable), f = c && !e.placeholder && (l || s.hasBlockClick);
 	return u === "available" && !c && !s.display.availableBlocks ? null : /* @__PURE__ */ v("div", {
 		role: f ? "button" : void 0,
 		tabIndex: f ? 0 : void 0,
@@ -4863,7 +4931,7 @@ function ni({ block: e, style: t, resizeEdge: n, continuesAfter: r, dragging: i,
 			}),
 			c && s.display.time && /* @__PURE__ */ _("span", {
 				className: "ui-cal-meta font-mono block",
-				children: Cr(e.start, e.end, s)
+				children: kr(e.start, e.end, s)
 			}),
 			n && l && !r && /* @__PURE__ */ _("div", {
 				"data-cal-resize": !0,
@@ -4874,8 +4942,8 @@ function ni({ block: e, style: t, resizeEdge: n, continuesAfter: r, dragging: i,
 		]
 	});
 }
-function ri({ draft: e, invalid: t, style: n }) {
-	let r = Kr(), i = e.target === "event" ? e.event.title : e.target === "availability" ? e.availability.label ?? r.labels.available : void 0;
+function li({ draft: e, invalid: t, style: n }) {
+	let r = Qr(), i = e.target === "event" ? e.event.title : e.target === "availability" ? e.availability.label ?? r.labels.available : void 0;
 	return /* @__PURE__ */ v("div", {
 		className: "ui-cal-ghost",
 		"data-invalid": t ? !0 : void 0,
@@ -4888,7 +4956,7 @@ function ri({ draft: e, invalid: t, style: n }) {
 			}),
 			/* @__PURE__ */ _("div", {
 				className: "font-mono",
-				children: Cr(e.start, e.end, r)
+				children: kr(e.start, e.end, r)
 			}),
 			t && /* @__PURE__ */ _("div", {
 				className: "text-red font-medium",
@@ -4899,15 +4967,15 @@ function ri({ draft: e, invalid: t, style: n }) {
 }
 //#endregion
 //#region src/components/ui/calendar/useGridInteraction.ts
-var ii = 4, ai = 10, oi = 36;
-function si(e, t, n, r, i) {
-	let a = Nr(e.value.resourceId).length > 0, o = {
+var ui = 4, di = 10, fi = 36;
+function pi(e, t, n, r, i) {
+	let a = zr(e.value.resourceId).length > 0, o = {
 		action: t,
 		start: n.start,
 		end: n.end,
 		resourceId: a ? i : void 0,
 		previousResourceId: a ? r : void 0,
-		resourceIds: Fr(e.value.resourceId, r, i)
+		resourceIds: Vr(e.value.resourceId, r, i)
 	};
 	return e.type === "event" ? {
 		target: "event",
@@ -4919,11 +4987,11 @@ function si(e, t, n, r, i) {
 		...o
 	};
 }
-function ci(e, t) {
-	return t.target === "selection" ? !1 : Hr(e.value, t) && (t.resourceId === void 0 || t.resourceId === t.previousResourceId);
+function mi(e, t) {
+	return t.target === "selection" ? !1 : Jr(e.value, t) && (t.resourceId === void 0 || t.resourceId === t.previousResourceId);
 }
-function li({ axis: e, columns: t, pxPerMinute: n, scrollRef: r, events: i, blocks: a, initialColumn: o }) {
-	let s = Kr(), { addMinutes: c, computeNudgeRange: u, dateAtMinutes: d, differenceInDays: p, shiftRangeDays: g } = s.dates, [_, v] = h(null), [y, b] = h(null), x = m(null), S = m({
+function hi({ axis: e, columns: t, pxPerMinute: n, scrollRef: r, events: i, blocks: a, initialColumn: o }) {
+	let s = Qr(), { addMinutes: c, computeNudgeRange: u, dateAtMinutes: d, differenceInDays: p, shiftRangeDays: g } = s.dates, [_, v] = h(null), [y, b] = h(null), x = m(null), S = m({
 		ctx: s,
 		columns: t,
 		axis: e,
@@ -4989,12 +5057,12 @@ function li({ axis: e, columns: t, pxPerMinute: n, scrollRef: r, events: i, bloc
 			if (!r) return;
 			e.hover = r.index;
 			let a = n[r.index], c = i(e.item.value, a.day, T(r.el, e.lastX, e.lastY), e.grabOffset, o, t.dayBounds(a.day));
-			l = si(e.item, "move", c, s.resourceId, a.resourceId);
+			l = pi(e.item, "move", c, s.resourceId, a.resourceId);
 		} else if (e.kind === "resize" && e.item) {
 			let t = w(e.origin);
 			if (!t) return;
 			let n = a(e.item.value, s.day, T(t, e.lastX, e.lastY), o, c);
-			l = si(e.item, "resize", {
+			l = pi(e.item, "resize", {
 				start: e.item.value.start,
 				end: n
 			}, s.resourceId, s.resourceId);
@@ -5009,7 +5077,7 @@ function li({ axis: e, columns: t, pxPerMinute: n, scrollRef: r, events: i, bloc
 		let t = r.current;
 		if (!t || !e.started) return;
 		let n = t.getBoundingClientRect(), i = 0, a = 0;
-		if (e.lastY < n.top + oi ? a = -1 : e.lastY > n.bottom - oi && (a = 1), e.lastX < n.left + oi ? i = -1 : e.lastX > n.right - oi && (i = 1), !i && !a) {
+		if (e.lastY < n.top + fi ? a = -1 : e.lastY > n.bottom - fi && (a = 1), e.lastX < n.left + fi ? i = -1 : e.lastX > n.right - fi && (i = 1), !i && !a) {
 			e.frame = void 0;
 			return;
 		}
@@ -5022,7 +5090,7 @@ function li({ axis: e, columns: t, pxPerMinute: n, scrollRef: r, events: i, bloc
 		if (a && (x.current = null, a.cleanup(), a.frame && cancelAnimationFrame(a.frame), v(null), e)) {
 			if (a.started) {
 				let e = a.current;
-				if (!e || a.item && ci(a.item, e.draft)) return;
+				if (!e || a.item && mi(a.item, e.draft)) return;
 				t.commit(e.draft, "pointer");
 				return;
 			}
@@ -5034,7 +5102,7 @@ function li({ axis: e, columns: t, pxPerMinute: n, scrollRef: r, events: i, bloc
 				if (a.kind === "create") {
 					let e = n[a.origin];
 					if (!e) return;
-					let o = t.dayBounds(e.day), s = Math.min(i, o.max - o.min), c = $(pr(a.anchorMinute, i, "floor"), o.min, o.max - s), l = Math.min(c + Math.max(i, t.clickCreateDuration), o.max);
+					let o = t.dayBounds(e.day), s = Math.min(i, o.max - o.min), c = $(yr(a.anchorMinute, i, "floor"), o.min, o.max - s), l = Math.min(c + Math.max(i, t.clickCreateDuration), o.max);
 					t.commit({
 						target: "selection",
 						action: "create",
@@ -5084,11 +5152,11 @@ function li({ axis: e, columns: t, pxPerMinute: n, scrollRef: r, events: i, bloc
 			let n = Math.hypot(e.clientX - t.startX, e.clientY - t.startY);
 			if (!t.started) {
 				if (t.pointerType === "touch") {
-					n > ai && (t.moved = !0);
+					n > di && (t.moved = !0);
 					return;
 				}
-				if (t.kind === "click" || n < ii) {
-					n >= ii && (t.moved = !0);
+				if (t.kind === "click" || n < ui) {
+					n >= ui && (t.moved = !0);
 					return;
 				}
 				t.started = !0, r.current?.setPointerCapture?.(t.pointerId);
@@ -5147,17 +5215,17 @@ function li({ axis: e, columns: t, pxPerMinute: n, scrollRef: r, events: i, bloc
 			if (n.shiftKey) {
 				let t = c(d.end, e);
 				if (t.getTime() - d.start.getTime() < C * 6e4) return;
-				v = si(f, "resize", {
+				v = pi(f, "resize", {
 					start: d.start,
 					end: t
 				}, _.resourceId, _.resourceId);
-			} else v = si(f, "move", u(d, e, s.dayBounds(d.start)), _.resourceId, _.resourceId);
+			} else v = pi(f, "move", u(d, e, s.dayBounds(d.start)), _.resourceId, _.resourceId);
 		} else if (h.includes(n.key) && !n.shiftKey) {
 			let e = t[l + (n.key === h[0] ? -1 : 1)];
 			if (!e) return;
-			v = si(f, "move", g(d, p(e.day, _.day)), _.resourceId, e.resourceId);
+			v = pi(f, "move", g(d, p(e.day, _.day)), _.resourceId, e.resourceId);
 		}
-		v && (n.preventDefault(), !ci(f, v) && s.commit(v, "keyboard") && j(o));
+		v && (n.preventDefault(), !mi(f, v) && s.commit(v, "keyboard") && j(o));
 	}
 	function N(e) {
 		if (e.target !== e.currentTarget || y) return;
@@ -5168,7 +5236,7 @@ function li({ axis: e, columns: t, pxPerMinute: n, scrollRef: r, events: i, bloc
 		t && b(P());
 	}
 	function P() {
-		let e = t[$(o, 0, Math.max(0, t.length - 1))], n = e ? s.dayBounds(e.day) : s.bounds, r = Math.min(C, n.max - n.min), i = $(pr((e && s.timeZone && s.scrollToMinute !== void 0 ? s.dates.minutesOfDay(s.dates.wallDateAtMinutes(e.day, s.scrollToMinute)) : s.scrollToMinute) ?? n.min, C, "floor"), n.min, n.max - r);
+		let e = t[$(o, 0, Math.max(0, t.length - 1))], n = e ? s.dayBounds(e.day) : s.bounds, r = Math.min(C, n.max - n.min), i = $(yr((e && s.timeZone && s.scrollToMinute !== void 0 ? s.dates.minutesOfDay(s.dates.wallDateAtMinutes(e.day, s.scrollToMinute)) : s.scrollToMinute) ?? n.min, C, "floor"), n.min, n.max - r);
 		return {
 			column: $(o, 0, Math.max(0, t.length - 1)),
 			start: i,
@@ -5287,12 +5355,12 @@ function li({ axis: e, columns: t, pxPerMinute: n, scrollRef: r, events: i, bloc
 }
 //#endregion
 //#region src/components/ui/calendar/TimeGrid.tsx
-var ui = 22, di = 3, fi = 18, pi = 36;
-function mi(e) {
+var gi = 22, _i = 3, vi = 18, yi = 36;
+function bi(e) {
 	let t = e.querySelector(".ui-cal-head")?.offsetHeight ?? 0;
 	return (e.clientHeight - t) / 2;
 }
-function hi(e, t, n, r, i) {
+function xi(e, t, n, r, i) {
 	let a = i(e.start, e.end, t);
 	return a ? a.endMinute <= n && a.startMinute < n ? "before" : a.startMinute >= r ? "after" : {
 		item: e,
@@ -5302,8 +5370,8 @@ function hi(e, t, n, r, i) {
 		continuesAfter: a.continuesAfter || a.endMinute > r
 	} : null;
 }
-function gi({ days: e, events: t, availability: n, label: r }) {
-	let i = Kr(), { daySegment: a, formatLongDate: o, getFormatter: s, isAllDayLike: c, isSameDay: d, minutesOfDay: g, toDateKey: y } = i.dates, { bounds: b, resources: x, hourHeight: S } = i, C = S / 60, w = m(null), T = u(), [E, D] = h(!1), O = p(() => e.flatMap((e) => x.length ? x.map((t) => ({
+function Si({ days: e, events: t, availability: n, label: r }) {
+	let i = Qr(), { daySegment: a, formatLongDate: o, getFormatter: s, isAllDayLike: c, isSameDay: d, minutesOfDay: g, toDateKey: y } = i.dates, { bounds: b, resources: x, hourHeight: S } = i, C = S / 60, w = m(null), T = u(), [E, D] = h(!1), O = p(() => e.flatMap((e) => x.length ? x.map((t) => ({
 		key: `${y(e)}|${t.id}`,
 		day: e,
 		bounds: i.dates.dayBounds(e, i.bounds),
@@ -5318,7 +5386,7 @@ function gi({ days: e, events: t, availability: n, label: r }) {
 		y,
 		i.dates,
 		i.bounds
-	]), k = p(() => new Map(t.map((e) => [e.id, e])), [t]), A = p(() => new Map(n.map((e) => [e.id, e])), [n]), j = O.findIndex((e) => d(e.day, i.now)), M = li({
+	]), k = p(() => new Map(t.map((e) => [e.id, e])), [t]), A = p(() => new Map(n.map((e) => [e.id, e])), [n]), j = O.findIndex((e) => d(e.day, i.now)), M = hi({
 		axis: "y",
 		columns: O,
 		pxPerMinute: C,
@@ -5327,30 +5395,30 @@ function gi({ days: e, events: t, availability: n, label: r }) {
 		blocks: A,
 		initialColumn: Math.max(0, j)
 	}), { drag: N, cursor: P } = M, F = i.editLayer === "availability", I = p(() => {
-		let e = t.filter((e) => !c(e)), r = fi / C;
+		let e = t.filter((e) => !c(e)), r = vi / C;
 		return O.map((t) => {
 			let o = t.bounds ?? i.bounds, s = 0, c = 0, l = [];
 			for (let n of e) {
-				if (!Pr(n.resourceId, t.resourceId, { emptyMatchesAll: !1 })) continue;
-				let e = hi(n, t.day, o.min, o.max, a);
+				if (!Br(n.resourceId, t.resourceId, { emptyMatchesAll: !1 })) continue;
+				let e = xi(n, t.day, o.min, o.max, a);
 				e === "before" ? s++ : e === "after" ? c++ : e && l.push(e);
 			}
-			let u = jr(l.map((e) => ({
+			let u = Lr(l.map((e) => ({
 				id: e.item.id,
 				start: e.start,
 				end: e.end
 			})), r), d = [];
 			for (let e of n) {
-				if (!Pr(e.resourceId, t.resourceId, { emptyMatchesAll: !0 })) continue;
-				let n = hi(e, t.day, o.min, o.max, a);
+				if (!Br(e.resourceId, t.resourceId, { emptyMatchesAll: !0 })) continue;
+				let n = xi(e, t.day, o.min, o.max, a);
 				n && typeof n == "object" && d.push(n);
 			}
-			let f = F ? jr(d.map((e) => ({
+			let f = F ? Lr(d.map((e) => ({
 				id: e.item.id,
 				start: e.start,
 				end: e.end
 			})), r) : null, p = [];
-			return i.hasAvailability && i.shadeOutsideAvailability && (p = Ar(o.min, o.max, d.map((e) => [e.start, e.end]))), {
+			return i.hasAvailability && i.shadeOutsideAvailability && (p = Ir(o.min, o.max, d.map((e) => [e.start, e.end]))), {
 				placed: l,
 				layout: u,
 				blocks: d,
@@ -5377,7 +5445,7 @@ function gi({ days: e, events: t, availability: n, label: r }) {
 			if (!c(n)) continue;
 			let t = -1;
 			O.forEach((r, i) => {
-				let o = a(n.start, n.end, r.day) !== null && Pr(n.resourceId, r.resourceId, { emptyMatchesAll: !1 });
+				let o = a(n.start, n.end, r.day) !== null && Br(n.resourceId, r.resourceId, { emptyMatchesAll: !1 });
 				o && t === -1 && (t = i);
 				let s = i === O.length - 1;
 				if (t !== -1 && (!o || s)) {
@@ -5391,7 +5459,7 @@ function gi({ days: e, events: t, availability: n, label: r }) {
 				}
 			});
 		}
-		let { lanes: n, count: r } = Mr(e);
+		let { lanes: n, count: r } = Rr(e);
 		return {
 			runs: e,
 			lanes: n,
@@ -5402,12 +5470,12 @@ function gi({ days: e, events: t, availability: n, label: r }) {
 		O,
 		a,
 		c
-	]), R = E ? L.count : Math.min(L.count, di), ee = L.runs.filter((e) => (L.lanes.get(e.id) ?? 0) >= R).length, te = m(C), ne = m(null);
+	]), R = E ? L.count : Math.min(L.count, _i), ee = L.runs.filter((e) => (L.lanes.get(e.id) ?? 0) >= R).length, te = m(C), ne = m(null);
 	l(() => {
 		let e = w.current;
 		if (!e) return;
 		let t = () => {
-			ne.current = (e.scrollTop + mi(e)) / te.current;
+			ne.current = (e.scrollTop + bi(e)) / te.current;
 		};
 		return e.addEventListener("scroll", t, { passive: !0 }), () => e.removeEventListener("scroll", t);
 	}, []), f(() => {
@@ -5415,7 +5483,7 @@ function gi({ days: e, events: t, availability: n, label: r }) {
 		if (!e || te.current === C) return;
 		te.current = C;
 		let t = ne.current;
-		t !== null && (e.scrollTop = Math.max(0, t * C - mi(e)));
+		t !== null && (e.scrollTop = Math.max(0, t * C - bi(e)));
 	}, [C]);
 	let re = m(null), z = i.scrollToMinute, { dates: ie, timeZone: ae, now: B } = i, oe = i.scrollAlign;
 	l(() => {
@@ -5423,7 +5491,7 @@ function gi({ days: e, events: t, availability: n, label: r }) {
 		if (!t || re.current === i.view) return;
 		re.current = i.view;
 		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" ? mi(t) : 8;
+			let e = oe === "center" ? bi(t) : 8;
 			t.scrollTop = Math.max(0, (r - a.min) * C - e);
 		};
 		if (s(), typeof ResizeObserver > "u") return;
@@ -5469,7 +5537,7 @@ function gi({ days: e, events: t, availability: n, label: r }) {
 		let e = O[P.column];
 		if (e) {
 			let t = e.resourceId ? i.resourceById.get(e.resourceId) : void 0;
-			ge = `${o(e.day, i.locale)}, ${i.timeZone ? Sr(i.dates.dateAtMinutes(e.day, P.start), i) : ur(P.start)} to ${i.timeZone ? Sr(i.dates.dateAtMinutes(e.day, P.end), i) : ur(P.end)}${t ? `, ${t.title}` : ""}`;
+			ge = `${o(e.day, i.locale)}, ${i.timeZone ? Or(i.dates.dateAtMinutes(e.day, P.start), i) : gr(P.start)} to ${i.timeZone ? Or(i.dates.dateAtMinutes(e.day, P.end), i) : gr(P.end)}${t ? `, ${t.title}` : ""}`;
 		}
 	}
 	return /* @__PURE__ */ _("div", {
@@ -5484,7 +5552,7 @@ function gi({ days: e, events: t, availability: n, label: r }) {
 				children: [
 					se && /* @__PURE__ */ v("div", {
 						className: "flex",
-						children: [/* @__PURE__ */ _("div", { className: "ui-cal-corner" }), e.map((e) => /* @__PURE__ */ _(_i, {
+						children: [/* @__PURE__ */ _("div", { className: "ui-cal-corner" }), e.map((e) => /* @__PURE__ */ _(Ci, {
 							day: e,
 							weekday: W.format(e),
 							isToday: d(e, i.now),
@@ -5495,7 +5563,7 @@ function gi({ days: e, events: t, availability: n, label: r }) {
 					}),
 					ce && /* @__PURE__ */ v("div", {
 						className: "flex",
-						children: [/* @__PURE__ */ _("div", { className: "ui-cal-corner" }), O.map((e, t) => /* @__PURE__ */ _(vi, {
+						children: [/* @__PURE__ */ _("div", { className: "ui-cal-corner" }), O.map((e, t) => /* @__PURE__ */ _(wi, {
 							resource: i.resourceById.get(e.resourceId ?? ""),
 							sub: t % x.length !== 0
 						}, e.key))]
@@ -5504,7 +5572,7 @@ function gi({ days: e, events: t, availability: n, label: r }) {
 						className: "border-border flex border-t",
 						children: [/* @__PURE__ */ v("div", {
 							className: "ui-cal-corner text-text-tertiary flex flex-col items-end justify-center gap-0.5 pr-2 text-2xs",
-							children: [/* @__PURE__ */ _("span", { children: i.labels.allDay }), L.count > di && /* @__PURE__ */ _("button", {
+							children: [/* @__PURE__ */ _("span", { children: i.labels.allDay }), L.count > _i && /* @__PURE__ */ _("button", {
 								type: "button",
 								className: "text-accent cursor-pointer hover:underline",
 								"aria-expanded": E,
@@ -5513,19 +5581,19 @@ function gi({ days: e, events: t, availability: n, label: r }) {
 							})]
 						}), /* @__PURE__ */ _("div", {
 							className: "relative flex-1",
-							style: { height: R * ui + 4 },
+							style: { height: R * gi + 4 },
 							children: L.runs.map((e) => {
 								let t = L.lanes.get(e.id) ?? 0;
 								if (t >= R) return null;
 								let n = O[e.start], r = O[e.end - 1];
-								return /* @__PURE__ */ _(ei, {
+								return /* @__PURE__ */ _(oi, {
 									event: e.event,
 									compact: !0,
 									continuesBefore: !!n && a(e.event.start, e.event.end, n.day)?.continuesBefore,
 									continuesAfter: !!r && a(e.event.start, e.event.end, r.day)?.continuesAfter,
 									style: {
-										top: t * ui + 2,
-										height: ui - 3,
+										top: t * gi + 2,
+										height: gi - 3,
 										left: `calc(${e.start / O.length * 100}% + 2px)`,
 										width: `calc(${(e.end - e.start) / O.length * 100}% - 4px)`,
 										justifyContent: "center"
@@ -5548,7 +5616,7 @@ function gi({ days: e, events: t, availability: n, label: r }) {
 					children: !i.timeZone && de.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: wr(e, i)
+						children: Ar(e, i)
 					}, e))
 				}), /* @__PURE__ */ v("div", {
 					role: "group",
@@ -5589,7 +5657,7 @@ function gi({ days: e, events: t, availability: n, label: r }) {
 										className: "ui-cal-zone-label",
 										style: { top: (t - r.min) * C },
 										"aria-hidden": "true",
-										children: Sr(i.dates.dateAtMinutes(e.day, t), i)
+										children: Or(i.dates.dateAtMinutes(e.day, t), i)
 									}, `label-${t}`)),
 									n.outside.map(([e, t]) => /* @__PURE__ */ _("div", {
 										className: "ui-cal-outside",
@@ -5603,7 +5671,7 @@ function gi({ days: e, events: t, availability: n, label: r }) {
 									}, `o${e}`)),
 									n.blocks.map((e) => {
 										let a = n.blockLayout?.get(e.item.id);
-										return /* @__PURE__ */ _(ni, {
+										return /* @__PURE__ */ _(ci, {
 											block: e.item,
 											resizeEdge: "bottom",
 											continuesAfter: e.continuesAfter,
@@ -5624,10 +5692,10 @@ function gi({ days: e, events: t, availability: n, label: r }) {
 										style: V ? { left: V } : void 0,
 										className: G("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, fi);
-											return /* @__PURE__ */ _(ei, {
+											let a = n.layout.get(e.item.id), o = Math.max((e.end - e.start) * C, vi);
+											return /* @__PURE__ */ _(oi, {
 												event: e.item,
-												compact: o < pi,
+												compact: o < yi,
 												resizeEdge: "bottom",
 												continuesBefore: e.continuesBefore,
 												continuesAfter: e.continuesAfter,
@@ -5663,14 +5731,14 @@ function gi({ days: e, events: t, availability: n, label: r }) {
 										"data-dot": !c || void 0,
 										style: { top: (fe - r.min) * C }
 									}),
-									me && Pr(he, e.resourceId, { emptyMatchesAll: !0 }) && (() => {
-										let t = hi(me, e.day, r.min, r.max, a);
-										return !t || typeof t != "object" ? null : /* @__PURE__ */ _(ri, {
+									me && Br(he, e.resourceId, { emptyMatchesAll: !0 }) && (() => {
+										let t = xi(me, e.day, r.min, r.max, a);
+										return !t || typeof t != "object" ? null : /* @__PURE__ */ _(li, {
 											draft: me,
 											invalid: N?.invalid,
 											style: {
 												top: (t.start - r.min) * C + 1,
-												height: Math.max((t.end - t.start) * C - 2, fi),
+												height: Math.max((t.end - t.start) * C - 2, vi),
 												left: V + 1,
 												right: 4
 											}
@@ -5695,8 +5763,8 @@ function gi({ days: e, events: t, availability: n, label: r }) {
 		})
 	});
 }
-function _i({ day: e, weekday: t, isToday: n, grow: r, bordered: i, onOpen: a }) {
-	let o = Kr();
+function Ci({ day: e, weekday: t, isToday: n, grow: r, bordered: i, onOpen: a }) {
+	let o = Qr();
 	return /* @__PURE__ */ _("div", {
 		className: G("flex min-w-0 items-center justify-center py-1.5", i && "border-border border-l"),
 		style: { flex: `${r} 1 0` },
@@ -5716,8 +5784,8 @@ function _i({ day: e, weekday: t, isToday: n, grow: r, bordered: i, onOpen: a })
 		})
 	});
 }
-function vi({ resource: e, sub: t }) {
-	let n = Kr();
+function wi({ resource: e, sub: t }) {
+	let n = Qr();
 	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"),
 		style: { minWidth: n.resourceMinWidth },
@@ -5739,8 +5807,8 @@ function vi({ resource: e, sub: t }) {
 }
 //#endregion
 //#region src/components/ui/calendar/TimelineView.tsx
-var yi = 34, bi = 4, xi = 28;
-function Si(e, t, n, r, i) {
+var Ti = 34, Ei = 4, Di = 28;
+function Oi(e, t, n, r, i) {
 	let a = i(e.start, e.end, t);
 	return !a || a.endMinute <= n || a.startMinute >= r ? null : {
 		item: e,
@@ -5750,8 +5818,8 @@ function Si(e, t, n, r, i) {
 		continuesAfter: a.continuesAfter || a.endMinute > r
 	};
 }
-function Ci({ day: e, events: t, availability: n, label: r }) {
-	let i = Kr(), { daySegment: a, isSameDay: o, minutesOfDay: s } = i.dates, c = i.dayBounds(e), d = m(null), f = i.resources.length === 0 && t.length === 0 && n.length === 0, [g, y] = h(0);
+function ki({ day: e, events: t, availability: n, label: r }) {
+	let i = Qr(), { daySegment: a, isSameDay: o, minutesOfDay: s } = i.dates, c = i.dayBounds(e), d = m(null), f = i.resources.length === 0 && t.length === 0 && n.length === 0, [g, y] = h(0);
 	l(() => {
 		let e = d.current;
 		if (!e || typeof ResizeObserver > "u") return;
@@ -5782,7 +5850,7 @@ function Ci({ day: e, events: t, availability: n, label: r }) {
 		D,
 		T,
 		e
-	]), j = li({
+	]), j = hi({
 		axis: "x",
 		columns: k,
 		pxPerMinute: S,
@@ -5791,13 +5859,13 @@ function Ci({ day: e, events: t, availability: n, label: r }) {
 		blocks: p(() => new Map(n.map((e) => [e.id, e])), [n]),
 		initialColumn: 0
 	}), { drag: M, cursor: N } = j, P = i.editLayer === "availability", F = p(() => {
-		let r = xi / S;
+		let r = Di / S;
 		return k.map((o) => {
-			let s = t.filter((e) => Pr(e.resourceId, o.resourceId, { emptyMatchesAll: !1 })).map((t) => Si(t, e, c.min, c.max, a)).filter((e) => e !== null), l = Mr(s.map((e) => ({
+			let s = t.filter((e) => Br(e.resourceId, o.resourceId, { emptyMatchesAll: !1 })).map((t) => Oi(t, e, c.min, c.max, a)).filter((e) => e !== null), l = Rr(s.map((e) => ({
 				id: e.item.id,
 				start: e.start,
 				end: Math.max(e.end, e.start + r)
-			}))), u = n.filter((e) => Pr(e.resourceId, o.resourceId, { emptyMatchesAll: !0 })).map((t) => Si(t, e, c.min, c.max, a)).filter((e) => e !== null), d = P ? Mr(u.map((e) => ({
+			}))), u = n.filter((e) => Br(e.resourceId, o.resourceId, { emptyMatchesAll: !0 })).map((t) => Oi(t, e, c.min, c.max, a)).filter((e) => e !== null), d = P ? Rr(u.map((e) => ({
 				id: e.item.id,
 				start: e.start,
 				end: Math.max(e.end, e.start + r)
@@ -5807,7 +5875,7 @@ function Ci({ day: e, events: t, availability: n, label: r }) {
 				lanes: l,
 				blocks: u,
 				blockLanes: d,
-				outside: i.hasAvailability && i.shadeOutsideAvailability ? Ar(c.min, c.max, u.map((e) => [e.start, e.end])) : [],
+				outside: i.hasAvailability && i.shadeOutsideAvailability ? Ir(c.min, c.max, u.map((e) => [e.start, e.end])) : [],
 				laneCount: f
 			};
 		});
@@ -5844,7 +5912,7 @@ function Ci({ day: e, events: t, availability: n, label: r }) {
 	}, B = "";
 	if (N) {
 		let t = k[N.column], n = t?.resourceId ? i.resourceById.get(t.resourceId) : void 0;
-		B = `${n ? `${n.title}, ` : ""}${i.timeZone ? Sr(i.dates.dateAtMinutes(e, N.start), i) : ur(N.start)} to ${i.timeZone ? Sr(i.dates.dateAtMinutes(e, N.end), i) : ur(N.end)}`;
+		B = `${n ? `${n.title}, ` : ""}${i.timeZone ? Or(i.dates.dateAtMinutes(e, N.start), i) : gr(N.start)} to ${i.timeZone ? Or(i.dates.dateAtMinutes(e, N.end), i) : gr(N.end)}`;
 	}
 	function oe(e) {
 		E((t) => {
@@ -5872,7 +5940,7 @@ function Ci({ day: e, events: t, availability: n, label: r }) {
 					children: ee.map((t) => /* @__PURE__ */ _("span", {
 						className: "text-text-tertiary font-mono absolute top-1.5 text-2xs",
 						style: { left: (t - c.min) * S + 4 },
-						children: i.timeZone ? Sr(i.dates.dateAtMinutes(e, t), i) : wr(t, i)
+						children: i.timeZone ? Or(i.dates.dateAtMinutes(e, t), i) : Ar(t, i)
 					}, t))
 				})]
 			}), /* @__PURE__ */ v("div", {
@@ -5918,7 +5986,7 @@ function Ci({ day: e, events: t, availability: n, label: r }) {
 						}), !n && t.resources.map((t) => {
 							let n = se++, r = F[n], o = k[n];
 							if (!r || !o) return null;
-							let s = r.laneCount * yi + bi * 2;
+							let s = r.laneCount * Ti + Ei * 2;
 							return /* @__PURE__ */ v("div", {
 								className: "border-border flex border-b",
 								children: [/* @__PURE__ */ v("div", {
@@ -5958,7 +6026,7 @@ function Ci({ day: e, events: t, availability: n, label: r }) {
 										}, `o${e}`)),
 										r.blocks.map((e) => {
 											let t = r.blockLanes?.lanes.get(e.item.id);
-											return /* @__PURE__ */ _(ni, {
+											return /* @__PURE__ */ _(ci, {
 												block: e.item,
 												resizeEdge: "right",
 												continuesAfter: e.continuesAfter,
@@ -5966,8 +6034,8 @@ function Ci({ day: e, events: t, availability: n, label: r }) {
 												style: {
 													left: (e.start - c.min) * S,
 													width: Math.max((e.end - e.start) * S, 4),
-													top: t === void 0 ? 0 : bi + t * yi,
-													height: t === void 0 ? "100%" : yi - 3
+													top: t === void 0 ? 0 : Ei + t * Ti,
+													height: t === void 0 ? "100%" : Ti - 3
 												},
 												onKeyDown: (t) => j.onItemKeyDown(t, "availability", e.item.id, n),
 												onClick: (t) => {
@@ -5979,7 +6047,7 @@ function Ci({ day: e, events: t, availability: n, label: r }) {
 											className: G("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__ */ _(ei, {
+												return /* @__PURE__ */ _(oi, {
 													event: e.item,
 													compact: !1,
 													dense: !0,
@@ -5989,9 +6057,9 @@ function Ci({ day: e, events: t, availability: n, label: r }) {
 													dragging: M?.itemId === e.item.id,
 													style: {
 														left: (e.start - c.min) * S + 1,
-														width: Math.max((e.end - e.start) * S, xi) - 2,
-														top: bi + t * yi,
-														height: yi - 3,
+														width: Math.max((e.end - e.start) * S, Di) - 2,
+														top: Ei + t * Ti,
+														height: Ti - 3,
 														justifyContent: "center"
 													},
 													onKeyDown: (t) => j.onItemKeyDown(t, "event", e.item.id, n),
@@ -6006,16 +6074,16 @@ function Ci({ day: e, events: t, availability: n, label: r }) {
 											"data-axis": "x",
 											style: { left: (ne - c.min) * S }
 										}),
-										z && Pr(ie, o.resourceId, { emptyMatchesAll: !0 }) && (() => {
-											let t = Si(z, e, c.min, c.max, a);
-											return t ? /* @__PURE__ */ _(ri, {
+										z && Br(ie, o.resourceId, { emptyMatchesAll: !0 }) && (() => {
+											let t = Oi(z, e, c.min, c.max, a);
+											return t ? /* @__PURE__ */ _(li, {
 												draft: z,
 												invalid: M?.invalid,
 												style: {
 													left: (t.start - c.min) * S + 1,
-													width: Math.max((t.end - t.start) * S - 2, xi),
-													top: bi,
-													bottom: bi
+													width: Math.max((t.end - t.start) * S - 2, Di),
+													top: Ei,
+													bottom: Ei
 												}
 											}) : null;
 										})(),
@@ -6041,7 +6109,7 @@ function Ci({ day: e, events: t, availability: n, label: r }) {
 }
 //#endregion
 //#region src/components/ui/calendar/types.ts
-var wi = {
+var Ai = {
 	today: "Today",
 	previous: "Previous",
 	next: "Next",
@@ -6078,7 +6146,7 @@ var wi = {
 };
 //#endregion
 //#region src/components/ui/RadioPill.tsx
-function Ti({ options: e, value: t, onChange: n, disabled: r, className: i, "aria-label": a }) {
+function ji({ options: e, value: t, onChange: n, disabled: r, className: i, "aria-label": a }) {
 	return /* @__PURE__ */ _("div", {
 		role: "radiogroup",
 		"aria-label": a,
@@ -6095,25 +6163,25 @@ function Ti({ options: e, value: t, onChange: n, disabled: r, className: i, "ari
 }
 //#endregion
 //#region src/components/ui/Calendar.tsx
-var Ei = [
+var Mi = [
 	"day",
 	"threeDay",
 	"week",
 	"month",
 	"agenda"
 ];
-function Di() {
+function Ni() {
 	return /* @__PURE__ */ new Date();
 }
-function Oi(e) {
-	let [t, n] = h(Di);
+function Pi(e) {
+	let [t, n] = h(Ni);
 	return l(() => {
 		if (e) return;
-		let t = setInterval(() => n(Di()), 3e4);
+		let t = setInterval(() => n(Ni()), 3e4);
 		return () => clearInterval(t);
 	}, [e]), e ?? t;
 }
-function ki(e) {
+function Fi(e) {
 	let [t, n] = h(null);
 	return l(() => {
 		let t = e.current;
@@ -6124,35 +6192,35 @@ function ki(e) {
 		return r.observe(t), () => r.disconnect();
 	}, [e]), t;
 }
-var Ai = /* @__PURE__ */ new Set();
-function ji(e) {
+var Ii = /* @__PURE__ */ new Set();
+function Li(e) {
 	let t = !1;
 	try {
 		t = process.env.NODE_ENV !== "production";
 	} catch {}
-	!t || Ai.has(e) || (Ai.add(e), console.warn(`[Calendar] ${e}`));
+	!t || Ii.has(e) || (Ii.add(e), console.warn(`[Calendar] ${e}`));
 }
-function Mi(e, t, n) {
+function Ri(e, t, n) {
 	try {
-		return lr(t);
+		return hr(t);
 	} catch {
-		return ji(`Invalid ${e} "${t}", expected HH:mm; using the default.`), n;
+		return Li(`Invalid ${e} "${t}", expected HH:mm; using the default.`), n;
 	}
 }
-function Ni({ events: e = [], availability: t, resources: n = [], view: r, defaultView: i = "week", onViewChange: a, views: o = Ei, 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, hourHeight: E = 48, timelineHourWidth: D = 96, resourceMinWidth: O = 120, scrollToTime: j, scrollAlign: M = "start", now: N, nowIndicator: P = !0, editLayer: F = "events", readOnly: I = !1, selectable: R, clickCreateDuration: ee = 30, shadeOutsideAvailability: te = !0, onCreate: ne, onEventClick: re, onEventChange: z, onAvailabilityClick: ie, onAvailabilityChange: ae, validate: B, onInvalidChange: oe, onDateClick: se, renderEvent: ce, monthMaxEvents: V, agendaShowAvailability: le = !0, display: ue, narrowView: H = "day", narrowWidth: de = 640, locale: U = "en-GB", timeZone: W, hour12: fe = !1, labels: pe, toolbar: me = !0, toolbarActions: he, loading: ge = !1, className: _e, "aria-label": ve }) {
-	let ye = p(() => Wr(W), [W]), { addDays: be, formatLongDate: xe, formatRangeTitle: Se, getVisibleDays: Ce, minutesOfDay: we, shiftDate: Te } = ye, Ee = m(null), De = u(), Oe = Oi(N), ke = ki(Ee), [Ae, je] = h(i), [Me, Ne] = h(() => c ?? Di()), Pe = r ?? Ae, Fe = s ?? Me, K = (e) => {
+function zi({ events: e = [], availability: t, resources: n = [], view: r, defaultView: i = "week", onViewChange: a, views: o = Mi, 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, hourHeight: E = 48, timelineHourWidth: D = 96, resourceMinWidth: O = 120, scrollToTime: j, scrollAlign: M = "start", now: N, nowIndicator: P = !0, editLayer: F = "events", readOnly: I = !1, selectable: R, clickCreateDuration: ee = 30, shadeOutsideAvailability: te = !0, onCreate: ne, onEventClick: re, onEventChange: z, onAvailabilityClick: ie, onAvailabilityChange: ae, validate: B, onInvalidChange: oe, onDateClick: se, renderEvent: ce, monthMaxEvents: V, agendaShowAvailability: le = !0, display: ue, narrowView: H = "day", narrowWidth: de = 640, locale: U = "en-GB", timeZone: W, hour12: fe = !1, labels: pe, toolbar: me = !0, toolbarActions: he, loading: ge = !1, className: _e, "aria-label": ve }) {
+	let ye = p(() => Xr(W), [W]), { addDays: be, formatLongDate: xe, formatRangeTitle: Se, getVisibleDays: Ce, minutesOfDay: we, shiftDate: Te } = ye, Ee = m(null), De = u(), Oe = Pi(N), ke = Fi(Ee), [Ae, je] = h(i), [Me, Ne] = h(() => c ?? Ni()), Pe = r ?? Ae, Fe = s ?? Me, K = (e) => {
 		r === void 0 && je(e), a?.(e);
 	}, Ie = (e) => {
 		s === void 0 && Ne(e), d?.(e);
-	}, Le = ke !== null && ke < de && H !== !1 && hr(Pe) && Pe !== "day" && H ? H : Pe, q = p(() => ({
-		...wi,
+	}, Le = ke !== null && ke < de && H !== !1 && xr(Pe) && Pe !== "day" && H ? H : Pe, q = p(() => ({
+		...Ai,
 		...pe,
 		views: {
-			...wi.views,
+			...Ai.views,
 			...pe?.views
 		},
 		status: {
-			...wi.status,
+			...Ai.status,
 			...pe?.status
 		}
 	}), [pe]), Re = p(() => ({
@@ -6182,16 +6250,16 @@ function Ni({ events: e = [], availability: t, resources: n = [], view: r, defau
 		Ue,
 		Le
 	]);
-	let Ge = p(() => e.filter((e) => Dr(e.start.getTime(), Math.max(e.end.getTime(), e.start.getTime() + 1), He, Ue)), [
+	let Ge = p(() => e.filter((e) => Nr(e.start.getTime(), Math.max(e.end.getTime(), e.start.getTime() + 1), He, Ue)), [
 		e,
 		He,
 		Ue
-	]), Ke = p(() => (t ?? []).filter((e) => Dr(e.start.getTime(), e.end.getTime(), He, Ue)), [
+	]), Ke = p(() => (t ?? []).filter((e) => Nr(e.start.getTime(), e.end.getTime(), He, Ue)), [
 		t,
 		He,
 		Ue
-	]), qe = Mi("slotMinTime", S, 0), Je = Mi("slotMaxTime", C, 1440);
-	Je <= qe && ji(`slotMaxTime "${C}" must be after slotMinTime "${S}"; showing the whole day.`);
+	]), qe = Ri("slotMinTime", S, 0), Je = Ri("slotMaxTime", C, 1440);
+	Je <= qe && Li(`slotMaxTime "${C}" must be after slotMinTime "${S}"; showing the whole day.`);
 	let Ye = p(() => Je > qe ? {
 		min: qe,
 		max: Je
@@ -6199,7 +6267,7 @@ function Ni({ events: e = [], availability: t, resources: n = [], view: r, defau
 		min: 0,
 		max: 1440
 	}, [qe, Je]), Xe = Math.max(1, Math.round(w)), Y;
-	if (j) Y = Mi("scrollToTime", j, Ye.min);
+	if (j) Y = Ri("scrollToTime", j, Ye.min);
 	else {
 		let e = Ke.filter((e) => (e.kind ?? "available") === "available").map((e) => W ? ye.parts(e.start).hour * 60 + ye.parts(e.start).minute : we(e.start)).filter((e) => e >= Ye.min && e < Ye.max);
 		e.length && (Y = Math.min(...e));
@@ -6211,8 +6279,8 @@ function Ni({ events: e = [], availability: t, resources: n = [], view: r, defau
 		locale: U,
 		hour12: fe,
 		timeZone: W
-	}, et = (e) => Ze.get(Nr(e)[0] ?? ""), tt = (e) => {
-		let t = Nr(e).map((e) => Ze.get(e)?.title).filter(Boolean);
+	}, et = (e) => Ze.get(zr(e)[0] ?? ""), tt = (e) => {
+		let t = zr(e).map((e) => Ze.get(e)?.title).filter(Boolean);
 		return t.length ? `, ${t.join(", ")}` : "";
 	}, nt = (e) => e.status && e.status !== "confirmed" ? q.status[e.status] : void 0, rt = (e) => {
 		let t = B?.(e);
@@ -6260,7 +6328,7 @@ function Ni({ events: e = [], availability: t, resources: n = [], view: r, defau
 		blockColor: (e) => e.color ?? et(e.resourceId)?.color ?? ((e.kind ?? "available") === "available" ? "green" : "gray"),
 		statusLabel: nt,
 		describeEvent: (e) => {
-			let t = e.allDay ? `${xe(e.start, U)}, ${q.allDay}` : `${xe(e.start, U)}, ${Cr(e.start, e.end, $e)}`, n = nt(e);
+			let t = e.allDay ? `${xe(e.start, U)}, ${q.allDay}` : `${xe(e.start, U)}, ${kr(e.start, e.end, $e)}`, n = nt(e);
 			return [
 				e.title,
 				t,
@@ -6272,7 +6340,7 @@ function Ni({ events: e = [], availability: t, resources: n = [], view: r, defau
 		describeBlock: (e) => [
 			(e.kind ?? "available") === "available" ? q.available : q.unavailable,
 			e.label,
-			`${xe(e.start, U)}, ${Cr(e.start, e.end, $e)}`
+			`${xe(e.start, U)}, ${kr(e.start, e.end, $e)}`
 		].filter(Boolean).join(", ").concat(tt(e.resourceId)),
 		renderEvent: ce,
 		hasEventClick: !!re,
@@ -6317,27 +6385,27 @@ function Ni({ events: e = [], availability: t, resources: n = [], view: r, defau
 		Xe,
 		n.map((e) => e.id)
 	]), st;
-	return st = Le === "month" ? /* @__PURE__ */ _($r, {
+	return st = Le === "month" ? /* @__PURE__ */ _(ai, {
 		date: Fe,
 		events: Ge,
 		availability: Ke,
 		label: at
-	}, W) : Le === "agenda" ? /* @__PURE__ */ _(qr, {
+	}, W) : Le === "agenda" ? /* @__PURE__ */ _($r, {
 		days: J,
 		events: Ge.filter((e) => !e.placeholder),
 		availability: Ke.filter((e) => !e.placeholder),
 		label: at
-	}, W) : Le === "timeline" ? /* @__PURE__ */ _(Ci, {
+	}, W) : Le === "timeline" ? /* @__PURE__ */ _(ki, {
 		day: J[0],
 		events: Ge,
 		availability: Ke,
 		label: at
-	}, ot) : /* @__PURE__ */ _(gi, {
+	}, ot) : /* @__PURE__ */ _(Si, {
 		days: J,
 		events: Ge,
 		availability: Ke,
 		label: at
-	}, ot), /* @__PURE__ */ _(Gr.Provider, {
+	}, ot), /* @__PURE__ */ _(Zr.Provider, {
 		value: it,
 		children: /* @__PURE__ */ v("div", {
 			ref: Ee,
@@ -6386,12 +6454,12 @@ function Ni({ events: e = [], availability: t, resources: n = [], view: r, defau
 						]
 					}), /* @__PURE__ */ v("div", {
 						className: "flex items-center gap-1.5",
-						children: [he, o.length > 1 && (ke === null || ke >= o.length * 80 + 420 ? /* @__PURE__ */ _(Ti, {
+						children: [he, o.length > 1 && (ke === null || ke >= o.length * 80 + 420 ? /* @__PURE__ */ _(ji, {
 							"aria-label": q.view,
 							options: X,
 							value: Pe,
 							onChange: K
-						}) : /* @__PURE__ */ _(hn, {
+						}) : /* @__PURE__ */ _(xn, {
 							className: "w-28",
 							size: "sm",
 							options: X,
@@ -6415,7 +6483,7 @@ function Ni({ events: e = [], availability: t, resources: n = [], view: r, defau
 }
 //#endregion
 //#region src/components/ui/CalendarGrid.tsx
-var Pi = [
+var Bi = [
 	"Mo",
 	"Tu",
 	"We",
@@ -6423,7 +6491,7 @@ var Pi = [
 	"Fr",
 	"Sa",
 	"Su"
-], Fi = [
+], Vi = [
 	"January",
 	"February",
 	"March",
@@ -6437,24 +6505,24 @@ var Pi = [
 	"November",
 	"December"
 ];
-function Ii(e, t, n) {
+function Hi(e, t, n) {
 	let r = Z(e, n), i = Z(t, n);
 	return r.year === i.year && r.month === i.month && r.day === i.day;
 }
-function Li(e, t, n) {
+function Ui(e, t, n) {
 	if (!t || !n) return !1;
 	let r = e.getTime(), i = Math.min(t.getTime(), n.getTime()), a = Math.max(t.getTime(), n.getTime());
 	return r > i && r < a;
 }
-function Ri(e, t) {
+function Wi(e, t) {
 	return new Date(e, t + 1, 0).getDate();
 }
-function zi(e, t) {
+function Gi(e, t) {
 	let n = new Date(e, t, 1).getDay();
 	return n === 0 ? 6 : n - 1;
 }
-function Bi({ year: e, month: t, timeZone: n, selected: r, rangeStart: i, rangeEnd: a, hoverDate: o, onSelect: s, onMonthChange: c, onHover: l, minDate: u, maxDate: d }) {
-	let f = Ri(e, t), p = zi(e, t), g = /* @__PURE__ */ new Date(), y = m(null), [b, x] = h(null);
+function Ki({ year: e, month: t, timeZone: n, selected: r, rangeStart: i, rangeEnd: a, hoverDate: o, onSelect: s, onMonthChange: c, onHover: l, minDate: u, maxDate: d }) {
+	let f = Wi(e, t), p = Gi(e, t), g = /* @__PURE__ */ new Date(), y = m(null), [b, x] = h(null);
 	function S() {
 		return b !== null && b >= 1 && b <= f ? b : r && Z(r, n).year === e && Z(r, n).month - 1 === t ? Z(r, n).day : i && Z(i, n).year === e && Z(i, n).month - 1 === t ? Z(i, n).day : Z(g, n).year === e && Z(g, n).month - 1 === t ? Z(g, n).day : 1;
 	}
@@ -6506,7 +6574,7 @@ function Bi({ year: e, month: t, timeZone: n, selected: r, rangeStart: i, rangeE
 					className: "text-text-primary text-xs font-semibold",
 					"aria-live": "polite",
 					children: [
-						Fi[t],
+						Vi[t],
 						" ",
 						e
 					]
@@ -6521,12 +6589,12 @@ function Bi({ year: e, month: t, timeZone: n, selected: r, rangeStart: i, rangeE
 			]
 		}), /* @__PURE__ */ v("div", {
 			className: "grid grid-cols-7 gap-0",
-			children: [Pi.map((e) => /* @__PURE__ */ _("div", {
+			children: [Bi.map((e) => /* @__PURE__ */ _("div", {
 				className: "text-text-tertiary text-2xs flex h-8 items-center justify-center font-medium",
 				children: e
 			}, e)), D.map((c, f) => {
 				if (c === null) return /* @__PURE__ */ _("div", { className: "h-8" }, `empty-${f}`);
-				let p = Yn({
+				let p = tr({
 					year: e,
 					month: t + 1,
 					day: c,
@@ -6534,13 +6602,13 @@ function Bi({ year: e, month: t, timeZone: n, selected: r, rangeStart: i, rangeE
 					minute: 0,
 					second: 0,
 					millisecond: 0
-				}, n), m = Ii(p, g, n), h = r ? Ii(p, r, n) : !1, v = i ? Ii(p, i, n) : !1, y = a ? Ii(p, a, n) : !1, b = Li(p, i ?? null, a ?? o ?? null), x = u && p < u || d && p > d;
+				}, n), m = Hi(p, g, n), h = r ? Hi(p, r, n) : !1, v = i ? Hi(p, i, n) : !1, y = a ? Hi(p, a, n) : !1, b = Ui(p, i ?? null, a ?? o ?? null), x = u && p < u || d && p > d;
 				return /* @__PURE__ */ _("button", {
 					type: "button",
 					"data-day": c,
 					disabled: !!x,
 					tabIndex: c === C ? 0 : -1,
-					"aria-label": `${Fi[t]} ${c}, ${e}`,
+					"aria-label": `${Vi[t]} ${c}, ${e}`,
 					"aria-current": m ? "date" : void 0,
 					onClick: () => s(p),
 					onKeyDown: (e) => w(e, c),
@@ -6555,21 +6623,24 @@ function Bi({ year: e, month: t, timeZone: n, selected: r, rangeStart: i, rangeE
 }
 //#endregion
 //#region src/components/ui/Card.tsx
-function Vi({ children: e, className: t, header: n, footer: r, as: i = "div", flush: a = !1, bodyClassName: o, ...s }) {
+function qi({ children: e, className: t, header: n, footer: r, as: i = "div", flush: a = !1, bodyClassName: o, ...s }) {
+	let c = an();
 	return /* @__PURE__ */ v(i, {
 		...s,
 		className: G("bg-bg-secondary border-border overflow-hidden rounded-md border", t),
 		children: [
 			n && /* @__PURE__ */ _("div", {
-				className: "border-border border-b px-3 py-2.5",
+				"data-control-size": c,
+				className: "ui-bar border-border flex flex-col justify-center border-b px-3 py-2.5",
 				children: n
 			}),
 			/* @__PURE__ */ _("div", {
-				className: G(!a && "p-3", o),
+				className: G(!a && "ui-surface-body p-3", o),
 				children: e
 			}),
 			r && /* @__PURE__ */ _("div", {
-				className: "border-border bg-bg-primary/50 border-t px-3 py-2.5",
+				"data-control-size": c,
+				className: "ui-bar border-border bg-bg-primary/50 flex flex-col justify-center border-t px-3 py-2.5",
 				children: r
 			})
 		]
@@ -6577,16 +6648,16 @@ function Vi({ children: e, className: t, header: n, footer: r, as: i = "div", fl
 }
 //#endregion
 //#region src/lib/codeInput.ts
-function Hi(e, t) {
+function Ji(e, t) {
 	let n = e.replace(/\D/g, "").slice(0, t);
 	return Array.from({ length: t }, (e, t) => n[t] ?? "");
 }
-function Ui(e, t, n) {
+function Yi(e, t, n) {
 	if (!t || e.length <= t.length) return e;
 	let r = e.length - t.length, i = n ?? e.length;
 	return i - r >= 0 ? e.slice(i - r, i) : e.slice(-r);
 }
-function Wi(e, t, n) {
+function Xi(e, t, n) {
 	let r = e.length, i = n.match(RegExp(`(?<!\\d)\\d{${r}}(?!\\d)`));
 	if (i) return {
 		slots: i[0].split(""),
@@ -6606,7 +6677,7 @@ function Wi(e, t, n) {
 		focus: Math.min(t + a.length, r - 1)
 	};
 }
-function Gi(e, t, n, r) {
+function Zi(e, t, n, r) {
 	if (n === "") {
 		let n = [...e];
 		return n[t] = "", {
@@ -6614,9 +6685,9 @@ function Gi(e, t, n, r) {
 			focus: t
 		};
 	}
-	return Wi(e, t, Ui(n, e[t], r));
+	return Xi(e, t, Yi(n, e[t], r));
 }
-function Ki(e, t) {
+function Qi(e, t) {
 	let n = e[t] ? t : t - 1;
 	if (n < 0) return null;
 	let r = [...e];
@@ -6627,15 +6698,15 @@ function Ki(e, t) {
 }
 //#endregion
 //#region src/components/ui/CodeInput.tsx
-function qi({ value: e, onChange: t, onComplete: n, length: r = 6, error: i, invalid: a, disabled: o, autoFocus: s, name: c, "aria-label": l = "Verification code", className: d }) {
-	let f = m([]), p = u(), g = a || !!i, [y, b] = h(() => Hi(e, r)), [x, S] = h({
+function $i({ value: e, onChange: t, onComplete: n, length: r = 6, error: i, invalid: a, disabled: o, autoFocus: s, name: c, "aria-label": l = "Verification code", className: d }) {
+	let f = m([]), p = u(), g = a || !!i, [y, b] = h(() => Ji(e, r)), [x, S] = h({
 		value: e,
 		length: r
 	});
 	(x.value !== e || x.length !== r) && (S({
 		value: e,
 		length: r
-	}), (y.length !== r || y.join("") !== e) && b(Hi(e, r)));
+	}), (y.length !== r || y.join("") !== e) && b(Ji(e, r)));
 	function C(e) {
 		let t = f.current[Math.max(0, Math.min(e, r - 1))];
 		t?.focus(), t?.select();
@@ -6647,7 +6718,7 @@ function qi({ value: e, onChange: t, onComplete: n, length: r = 6, error: i, inv
 		t(r), e.slots.every(Boolean) && n?.(r), C(e.focus);
 	}
 	function T(e, t) {
-		t.key === "Backspace" ? (t.preventDefault(), w(Ki(y, e))) : t.key === "ArrowLeft" ? (t.preventDefault(), C(e - 1)) : t.key === "ArrowRight" && (t.preventDefault(), C(e + 1));
+		t.key === "Backspace" ? (t.preventDefault(), w(Qi(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),
@@ -6670,10 +6741,10 @@ function qi({ value: e, onChange: t, onComplete: n, length: r = 6, error: i, inv
 					"aria-describedby": i ? p : void 0,
 					value: e,
 					onFocus: (e) => e.target.select(),
-					onChange: (e) => w(Gi(y, t, e.target.value, e.target.selectionStart)),
+					onChange: (e) => w(Zi(y, t, e.target.value, e.target.selectionStart)),
 					onKeyDown: (e) => T(t, e),
 					onPaste: (e) => {
-						e.preventDefault(), w(Wi(y, t, e.clipboardData.getData("text")));
+						e.preventDefault(), w(Xi(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")
 				}, t))
@@ -6695,7 +6766,7 @@ function qi({ value: e, onChange: t, onComplete: n, length: r = 6, error: i, inv
 }
 //#endregion
 //#region src/components/ui/Combobox.tsx
-function Ji({ 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 }) {
+function ea({ 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 = an(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`, ce = `${ae}-selected`, V = `${ae}-listbox`, le = b ?? I, ue = 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(le.toLowerCase())) : e, de = Math.min(R, Math.max(H.length - 1, 0)), U = H[de], W = P && !f;
 	function fe(e) {
 		b === void 0 && L(e), x?.(e), ee(0);
@@ -6729,7 +6800,7 @@ function Ji({ options: e, value: t, onChange: n, onOptionChange: r, placeholder:
 		children: [
 			a && /* @__PURE__ */ _("span", {
 				id: se,
-				className: "text-text-secondary font-label text-xs font-medium",
+				className: "ui-field-label font-label text-xs font-medium",
 				children: a
 			}),
 			d && /* @__PURE__ */ _("input", {
@@ -6860,7 +6931,7 @@ function Ji({ options: e, value: t, onChange: n, onOptionChange: r, placeholder:
 }
 //#endregion
 //#region src/components/ui/DangerZone.tsx
-function Yi({ title: e = "Danger Zone", description: t, children: n, className: r }) {
+function ta({ 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),
 		children: [
@@ -6878,7 +6949,7 @@ function Yi({ title: e = "Danger Zone", description: t, children: n, className:
 }
 //#endregion
 //#region src/components/ui/DatePicker.tsx
-function Xi(e) {
+function na(e) {
 	return `${[
 		"Jan",
 		"Feb",
@@ -6894,8 +6965,8 @@ function Xi(e) {
 		"Dec"
 	][e.getMonth()]} ${e.getDate()}, ${e.getFullYear()}`;
 }
-function Zi({ controlSize: e, label: t, timeZone: n, value: r, onChange: i, placeholder: a = "Select date...", format: o }) {
-	let c = an(e), [l, u] = h(!1), d = m(null), f = m(null), p = mn(l, d, f), g = Z(r ?? /* @__PURE__ */ new Date(), n), [y, b] = h(g.year), [x, S] = h(g.month - 1);
+function ra({ controlSize: e, label: t, timeZone: n, value: r, onChange: i, placeholder: a = "Select date...", format: o }) {
+	let c = an(e), [l, u] = h(!1), d = m(null), f = m(null), p = bn(l, d, f), g = Z(r ?? /* @__PURE__ */ new Date(), n), [y, b] = h(g.year), [x, S] = h(g.month - 1);
 	jt(l, s(() => u(!1), []), [d]);
 	function C(e) {
 		i(e), u(!1);
@@ -6907,7 +6978,7 @@ function Zi({ controlSize: e, label: t, timeZone: n, value: r, onChange: i, plac
 		className: "flex flex-col gap-1.5",
 		ref: d,
 		children: [t && /* @__PURE__ */ _("span", {
-			className: "text-text-secondary text-xs font-medium",
+			className: "ui-field-label text-xs font-medium",
 			children: t
 		}), /* @__PURE__ */ v("div", {
 			className: "relative",
@@ -6924,7 +6995,7 @@ function Zi({ controlSize: e, label: t, timeZone: n, value: r, onChange: i, plac
 						day: "numeric",
 						month: "short",
 						year: "numeric"
-					}).format(r) : Xi(r) : /* @__PURE__ */ _("span", {
+					}).format(r) : na(r) : /* @__PURE__ */ _("span", {
 						className: "text-text-disabled",
 						children: a
 					})
@@ -6935,7 +7006,7 @@ function Zi({ controlSize: e, label: t, timeZone: n, value: r, onChange: i, plac
 					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"),
-					children: /* @__PURE__ */ _(Bi, {
+					children: /* @__PURE__ */ _(Ki, {
 						timeZone: n,
 						year: y,
 						month: x,
@@ -6952,7 +7023,7 @@ function Zi({ controlSize: e, label: t, timeZone: n, value: r, onChange: i, plac
 }
 //#endregion
 //#region src/components/ui/DateRangePicker.tsx
-var Qi = [
+var ia = [
 	"Jan",
 	"Feb",
 	"Mar",
@@ -6966,14 +7037,14 @@ var Qi = [
 	"Nov",
 	"Dec"
 ];
-function $i(e) {
-	return `${Qi[e.getMonth()]} ${e.getDate()}, ${e.getFullYear()}`;
+function aa(e) {
+	return `${ia[e.getMonth()]} ${e.getDate()}, ${e.getFullYear()}`;
 }
-function ea(e) {
-	return e.start && e.end ? `${$i(e.start)} – ${$i(e.end)}` : e.start ? $i(e.start) : "";
+function oa(e) {
+	return e.start && e.end ? `${aa(e.start)} – ${aa(e.end)}` : e.start ? aa(e.start) : "";
 }
-function ta({ controlSize: e, label: t, value: n, onChange: r, placeholder: i = "Select date range..." }) {
-	let a = an(e), [o, c] = h(!1), l = m(null), u = m(null), d = mn(o, l, u), f = /* @__PURE__ */ new Date(), [p, g] = h(n.start?.getFullYear() ?? f.getFullYear()), [y, b] = h(n.start?.getMonth() ?? f.getMonth()), [x, S] = h(null), [C, w] = h("start"), [E, D] = h(n.start), [O, k] = h(n.end);
+function sa({ controlSize: e, label: t, value: n, onChange: r, placeholder: i = "Select date range..." }) {
+	let a = an(e), [o, c] = h(!1), l = m(null), u = m(null), d = bn(o, l, u), f = /* @__PURE__ */ new Date(), [p, g] = h(n.start?.getFullYear() ?? f.getFullYear()), [y, b] = h(n.start?.getMonth() ?? f.getMonth()), [x, S] = h(null), [C, w] = h("start"), [E, D] = h(n.start), [O, k] = h(n.end);
 	jt(o, s(() => c(!1), []), [l]);
 	let A = y === 11 ? p + 1 : p, j = y === 11 ? 0 : y + 1;
 	function M() {
@@ -6991,12 +7062,12 @@ function ta({ controlSize: e, label: t, value: n, onChange: r, placeholder: i =
 	function F() {
 		y === 11 ? (g(p + 1), b(0)) : b(y + 1);
 	}
-	let I = n.start || n.end ? ea(n) : "";
+	let I = n.start || n.end ? oa(n) : "";
 	return /* @__PURE__ */ v("div", {
 		className: "flex flex-col gap-1.5",
 		ref: l,
 		children: [t && /* @__PURE__ */ _("span", {
-			className: "text-text-secondary text-xs font-medium",
+			className: "ui-field-label text-xs font-medium",
 			children: t
 		}), /* @__PURE__ */ v("div", {
 			className: "relative",
@@ -7050,7 +7121,7 @@ function ta({ controlSize: e, label: t, value: n, onChange: r, placeholder: i =
 						]
 					}), /* @__PURE__ */ v("div", {
 						className: "flex gap-4",
-						children: [/* @__PURE__ */ _(Bi, {
+						children: [/* @__PURE__ */ _(Ki, {
 							year: p,
 							month: y,
 							rangeStart: E,
@@ -7061,7 +7132,7 @@ function ta({ controlSize: e, label: t, value: n, onChange: r, placeholder: i =
 								g(e), b(t);
 							},
 							onHover: S
-						}), /* @__PURE__ */ _(Bi, {
+						}), /* @__PURE__ */ _(Ki, {
 							year: A,
 							month: j,
 							rangeStart: E,
@@ -7081,7 +7152,7 @@ function ta({ controlSize: e, label: t, value: n, onChange: r, placeholder: i =
 }
 //#endregion
 //#region src/components/ui/DateTimePicker.tsx
-var na = [
+var ca = [
 	"Jan",
 	"Feb",
 	"Mar",
@@ -7095,7 +7166,7 @@ var na = [
 	"Nov",
 	"Dec"
 ];
-function ra(e) {
+function la(e) {
 	return e === 0 ? {
 		hour12: 12,
 		period: "AM"
@@ -7110,10 +7181,10 @@ function ra(e) {
 		period: "PM"
 	};
 }
-function ia(e, t) {
+function ua(e, t) {
 	return t === "AM" ? e === 12 ? 0 : e : e === 12 ? 12 : e + 12;
 }
-function aa(e, t) {
+function da(e, t) {
 	if (t) return new Intl.DateTimeFormat("en-GB", {
 		timeZone: t,
 		day: "numeric",
@@ -7124,20 +7195,20 @@ function aa(e, t) {
 		timeZoneName: "short",
 		hourCycle: "h23"
 	}).format(e);
-	let n = na[e.getMonth()], r = e.getDate(), i = e.getFullYear(), { hour12: a, period: o } = ra(e.getHours());
+	let n = ca[e.getMonth()], r = e.getDate(), i = e.getFullYear(), { hour12: a, period: o } = la(e.getHours());
 	return `${n} ${r}, ${i} ${a}:${String(e.getMinutes()).padStart(2, "0")} ${o}`;
 }
-function oa(e) {
+function fa(e) {
 	return String(e).padStart(2, "0");
 }
-function sa(e) {
-	return /* @__PURE__ */ _(ca, { ...e }, e.timeZone ?? "browser-local");
+function pa(e) {
+	return /* @__PURE__ */ _(ma, { ...e }, e.timeZone ?? "browser-local");
 }
-function ca({ controlSize: e, label: t, timeZone: n, value: r, onChange: i, placeholder: a = "Select date & time..." }) {
-	let o = an(e), [c, l] = h(!1), [d, f] = h(null), [p, g] = h(!1), [y, b] = h("reject"), x = u(), S = m(null), C = m(null), w = mn(c, S, C), E = Z(r ?? /* @__PURE__ */ new Date(), n), D = r ? ra(Z(r, n).hour) : {
+function ma({ controlSize: e, label: t, timeZone: n, value: r, onChange: i, placeholder: a = "Select date & time..." }) {
+	let o = an(e), [c, l] = h(!1), [d, f] = h(null), [p, g] = h(!1), [y, b] = h("reject"), x = u(), S = m(null), C = m(null), w = bn(c, S, C), E = Z(r ?? /* @__PURE__ */ new Date(), n), D = r ? la(Z(r, n).hour) : {
 		hour12: 12,
 		period: "PM"
-	}, [O, k] = h(E.year), [A, j] = h(E.month - 1), [M, N] = h(String(D.hour12)), [P, F] = h(r ? oa(Z(r, n).minute) : "00"), [I, L] = h(D.period), [R, ee] = h(r);
+	}, [O, k] = h(E.year), [A, j] = h(E.month - 1), [M, N] = h(String(D.hour12)), [P, F] = h(r ? fa(Z(r, n).minute) : "00"), [I, L] = h(D.period), [R, ee] = h(r);
 	jt(c, s(() => l(!1), []), [S]);
 	function te(e) {
 		ee(e);
@@ -7150,7 +7221,7 @@ function ca({ controlSize: e, label: t, timeZone: n, value: r, onChange: i, plac
 	}
 	function re() {
 		if (!R) return;
-		let e = Math.max(1, Math.min(12, parseInt(M, 10) || 12)), t = Math.max(0, Math.min(59, parseInt(P, 10) || 0)), a = ia(e, I), o = {
+		let e = Math.max(1, Math.min(12, parseInt(M, 10) || 12)), t = Math.max(0, Math.min(59, parseInt(P, 10) || 0)), a = ua(e, I), o = {
 			...Z(R, n),
 			hour: a,
 			minute: t,
@@ -7164,7 +7235,7 @@ function ca({ controlSize: e, label: t, timeZone: n, value: r, onChange: i, plac
 				"day",
 				"hour",
 				"minute"
-			].every((e) => s[e] === o[e]) ? new Date(r) : Yn(o, n, y);
+			].every((e) => s[e] === o[e]) ? new Date(r) : tr(o, n, y);
 			let e = Z(c, n);
 			if (e.hour !== a || e.minute !== t || e.day !== o.day) throw RangeError("This time does not exist in the selected timezone");
 		} catch (e) {
@@ -7177,13 +7248,13 @@ function ca({ controlSize: e, label: t, timeZone: n, value: r, onChange: i, plac
 	function z() {
 		if (!c && r) {
 			k(Z(r, n).year), j(Z(r, n).month - 1), ee(r);
-			let e = ra(Z(r, n).hour);
-			N(String(e.hour12)), L(e.period), F(oa(Z(r, n).minute));
+			let e = la(Z(r, n).hour);
+			N(String(e.hour12)), L(e.period), F(fa(Z(r, n).minute));
 		}
 		f(null);
 		let e = !1;
 		if (!c && r && n) try {
-			Yn(Z(r, n), n, "reject");
+			tr(Z(r, n), n, "reject");
 		} catch (t) {
 			e = t instanceof Error && t.message.includes("twice");
 		}
@@ -7193,7 +7264,7 @@ function ca({ controlSize: e, label: t, timeZone: n, value: r, onChange: i, plac
 		className: "flex flex-col gap-1.5",
 		ref: S,
 		children: [t && /* @__PURE__ */ _("span", {
-			className: "text-text-secondary text-xs font-medium",
+			className: "ui-field-label text-xs font-medium",
 			children: t
 		}), /* @__PURE__ */ v("div", {
 			className: "relative",
@@ -7205,7 +7276,7 @@ function ca({ controlSize: e, label: t, timeZone: n, value: r, onChange: i, plac
 					"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"),
-					children: r ? aa(r, n) : /* @__PURE__ */ _("span", {
+					children: r ? da(r, n) : /* @__PURE__ */ _("span", {
 						className: "text-text-disabled",
 						children: a
 					})
@@ -7217,7 +7288,7 @@ function ca({ controlSize: e, label: t, timeZone: n, value: r, onChange: i, plac
 					"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"),
 					children: [
-						/* @__PURE__ */ _(Bi, {
+						/* @__PURE__ */ _(Ki, {
 							timeZone: n,
 							year: O,
 							month: A,
@@ -7330,8 +7401,8 @@ function ca({ controlSize: e, label: t, timeZone: n, value: r, onChange: i, plac
 }
 //#endregion
 //#region src/components/ui/DetailPanel.tsx
-var la = 360, ua = 260, da = 700;
-function fa({ open: e, onClose: t, title: n, children: r, className: i, resizable: a = !0, defaultWidth: o = la, minWidth: c = ua, maxWidth: u = da }) {
+var ha = 360, ga = 260, _a = 700;
+function va({ open: e, onClose: t, title: n, children: r, className: i, resizable: a = !0, defaultWidth: o = ha, minWidth: c = ga, maxWidth: u = _a }) {
 	let [d, f] = h(o), p = m(!1), g = m(0), y = m(0);
 	l(() => {
 		if (!e) return;
@@ -7382,26 +7453,37 @@ function fa({ open: e, onClose: t, title: n, children: r, className: i, resizabl
 		})
 	});
 }
-function pa(e, t, [n, r], [i, a], [o, s], c) {
+function ya(e, t) {
+	let n = /^\s*(\d*\.?\d+)(px|rem)\s*$/.exec(e);
+	if (!n) return 8;
+	let r = Number(n[1]), i = n[2] === "rem" ? r * t : r;
+	return Number.isFinite(i) && i >= 0 ? i * 2 : 8;
+}
+function ba(e, t, [n, r], [i, a], [o, s], c) {
 	let [l, u] = r - n <= s - o - c * 2 ? [n, r] : [i, a], d = t + (o + c - l), f = t + (s - c - u);
 	return f < d && (f = d), d = Math.min(d, 0), f = Math.max(f, 0), Math.min(f, Math.max(d, e));
 }
-function ma(e, t, n, r, i, a = 8) {
+function xa(e, t, n, r, i, a) {
 	return {
-		x: pa(e.x, t.x, [n.left, n.right], [r.left, r.right], [i.left, i.right], a),
-		y: pa(e.y, t.y, [n.top, n.bottom], [r.top, r.bottom], [i.top, i.bottom], a)
+		x: ba(e.x, t.x, [n.left, n.right], [r.left, r.right], [i.left, i.right], a),
+		y: ba(e.y, t.y, [n.top, n.bottom], [r.top, r.bottom], [i.top, i.bottom], a)
 	};
 }
-function ha({ x: e, y: t }) {
+function Sa({ x: e, y: t }) {
 	return e === 0 && t === 0 ? "" : `${e}px ${t}px`;
 }
 //#endregion
 //#region src/components/ui/Dialog.tsx
-var ga = "(min-width: 48rem)", _a = "a[href], button, input, select, textarea, label, summary, [contenteditable]:not([contenteditable=\"false\"]), [role=\"button\"], [role=\"link\"], [tabindex]:not([tabindex=\"-1\"])", va = {
+var Ca = {
+	sm: "max-w-[400px]",
+	md: "max-w-[576px]",
+	lg: "max-w-[768px]",
+	xl: "max-w-[1024px]"
+}, wa = "(min-width: 48rem)", Ta = "a[href], button, input, select, textarea, label, summary, [contenteditable]:not([contenteditable=\"false\"]), [role=\"button\"], [role=\"link\"], [tabindex]:not([tabindex=\"-1\"])", Ea = {
 	x: 0,
 	y: 0
 };
-function ya(e) {
+function Da(e) {
 	let t = e.getBoundingClientRect();
 	return {
 		left: t.left,
@@ -7410,75 +7492,172 @@ function ya(e) {
 		bottom: t.top + e.clientHeight
 	};
 }
-function ba(e) {
-	return e.ownerDocument.defaultView?.matchMedia(ga).matches ?? !1;
+var Oa = {
+	top: "bottom",
+	bottom: "top",
+	left: "right",
+	right: "left"
+};
+function ka(e, t) {
+	return {
+		x: e.x + t.x,
+		y: e.y + t.y
+	};
 }
-function xa(e, t, n) {
-	let r = m(va), i = m(null);
-	l(() => {
-		let a = t.current, o = n.current, s = a?.ownerDocument.defaultView;
-		if (!e || !a || !o || !s) return;
-		let c = (e) => {
-			r.current = e, a.style.translate = ha(e);
-		}, l = () => {
-			if (!ba(a)) {
-				i.current = null, c(va);
+function Aa(e, t) {
+	let n = t.getBoundingClientRect();
+	return {
+		left: n.left + e.offsetLeft - t.scrollLeft,
+		top: n.top + e.offsetTop - t.scrollTop,
+		width: e.offsetWidth,
+		height: e.offsetHeight
+	};
+}
+function ja(e, t) {
+	if (!(e instanceof HTMLElement) || !e.isConnected) return null;
+	let n = e.ownerDocument;
+	return e === n.body || e === n.documentElement || t.contains(e) ? null : e.getClientRects().length > 0 ? e : null;
+}
+function Ma(e) {
+	return e.ownerDocument.defaultView?.matchMedia(wa).matches ?? !1;
+}
+function Na(e) {
+	let t = e.ownerDocument.defaultView;
+	return t ? ya(t.getComputedStyle(e).getPropertyValue("--spacing"), parseFloat(t.getComputedStyle(e.ownerDocument.documentElement).fontSize)) : 8;
+}
+function Pa({ open: e, draggable: t, remember: n, placement: r, anchorRef: i }, a, o) {
+	let s = m(Ea), c = m(Ea), l = m(8), u = m(null), d = m(null), p = m(!1), h = e && t;
+	f(() => {
+		let f = a.current, m = h ? o.current : null, g = f?.parentElement, _ = f?.ownerDocument.defaultView, v = r !== "center";
+		(!n || !t) && (d.current = null);
+		let y = n && m !== null;
+		if (!e || !f || !g || !_ || !m && !v) return;
+		let b = v ? ja(f.ownerDocument.activeElement, f) : null, x = () => v ? ja(i?.current, f) ?? ja(b, f) : null, S = () => ka(c.current, m ? s.current : Ea), C = () => {
+			f.style.translate = Sa(S());
+		}, w = () => {
+			let e = Aa(f, g);
+			if (p.current && d.current) {
+				c.current = {
+					x: d.current.left - e.left,
+					y: d.current.top - e.top
+				}, s.current = Ea, f.dataset.placement = "remembered", f.style.transformOrigin = "";
 				return;
 			}
-			let e = r.current, t = a.parentElement;
-			e.x === 0 && e.y === 0 || !t || c(ma(e, e, a.getBoundingClientRect(), o.getBoundingClientRect(), ya(t)));
-		};
-		return s.addEventListener("resize", l), () => {
-			s.removeEventListener("resize", l), i.current = null, r.current = va, a.style.translate = "";
+			let t = Ma(f) ? x() : null, n = v && t ? yn(r, t.getBoundingClientRect(), {
+				size: {
+					width: e.width,
+					height: e.height
+				},
+				bounds: Da(g),
+				margin: l.current,
+				gap: l.current
+			}) : null;
+			c.current = n ? {
+				x: n.left - e.left,
+				y: n.top - e.top
+			} : Ea, f.dataset.placement = n?.side ?? "center", f.style.transformOrigin = n ? Oa[n.side] : "";
+		}, T = () => {
+			let e = s.current;
+			if (!m || !p.current && e.x === 0 && e.y === 0) return;
+			let t = S(), n = xa(t, t, f.getBoundingClientRect(), m.getBoundingClientRect(), Da(g), l.current);
+			if (s.current = {
+				x: n.x - c.current.x,
+				y: n.y - c.current.y
+			}, C(), p.current) {
+				let e = Aa(f, g);
+				d.current = {
+					left: e.left + n.x,
+					top: e.top + n.y
+				};
+			}
+		}, E = () => {
+			l.current = Na(f), Ma(f) || (u.current = null, s.current = Ea, p.current = !1, d.current = null), u.current || w(), C(), T();
+		}, D = 0, O = () => {
+			D ||= _.requestAnimationFrame(() => {
+				D = 0, E();
+			});
+		}, k = (e) => {
+			e.target === f && T();
+		}, A = "ResizeObserver" in _ ? new _.ResizeObserver(O) : null;
+		return p.current = y && d.current !== null, E(), _.addEventListener("resize", O), _.addEventListener("scroll", O, {
+			capture: !0,
+			passive: !0
+		}), f.addEventListener("animationend", k), A?.observe(f), () => {
+			_.cancelAnimationFrame(D), _.removeEventListener("resize", O), _.removeEventListener("scroll", O, { capture: !0 }), f.removeEventListener("animationend", k), A?.disconnect(), u.current = null, c.current = Ea, s.current = Ea, p.current = !1, f.style.translate = "", f.style.transformOrigin = "", delete f.dataset.placement;
 		};
 	}, [
 		e,
+		h,
 		t,
-		n
+		n,
+		r,
+		i,
+		a,
+		o
 	]);
-	let a = (e) => {
-		let n = t.current, a = e.currentTarget, o = n?.parentElement;
-		if (!n || !o || e.button !== 0 || !e.isPrimary) return;
-		let s = e.target.closest(_a);
-		s && a.contains(s) || !ba(n) || (e.preventDefault(), a.setPointerCapture(e.pointerId), i.current = {
+	let g = (e) => {
+		let t = a.current, n = e.currentTarget, r = t?.parentElement;
+		if (!t || !r || e.button !== 0 || !e.isPrimary) return;
+		let i = e.target.closest(Ta);
+		i && n.contains(i) || !Ma(t) || (e.preventDefault(), n.setPointerCapture(e.pointerId), u.current = {
 			pointerId: e.pointerId,
 			startX: e.clientX,
 			startY: e.clientY,
-			origin: r.current,
-			dialog: n.getBoundingClientRect(),
-			handle: a.getBoundingClientRect(),
-			bounds: ya(o)
+			origin: ka(c.current, s.current),
+			dialog: t.getBoundingClientRect(),
+			handle: n.getBoundingClientRect(),
+			bounds: Da(r),
+			margin: l.current,
+			moved: !1
 		});
-	}, o = (e) => {
-		let n = i.current, a = t.current;
-		if (!n || n.pointerId !== e.pointerId || !a) return;
-		let o = ma({
-			x: n.origin.x + e.clientX - n.startX,
-			y: n.origin.y + e.clientY - n.startY
-		}, n.origin, n.dialog, n.handle, n.bounds);
-		r.current = o, a.style.translate = ha(o);
-	}, s = (e) => {
-		i.current?.pointerId === e.pointerId && (i.current = null);
+	}, _ = (e) => {
+		let t = u.current, n = a.current;
+		if (!t || t.pointerId !== e.pointerId || !n) return;
+		let r = xa({
+			x: t.origin.x + e.clientX - t.startX,
+			y: t.origin.y + e.clientY - t.startY
+		}, t.origin, t.dialog, t.handle, t.bounds, t.margin);
+		t.moved ||= r.x !== t.origin.x || r.y !== t.origin.y, s.current = {
+			x: r.x - c.current.x,
+			y: r.y - c.current.y
+		}, n.style.translate = Sa(r);
+	}, v = (e) => {
+		let t = u.current;
+		if (t?.pointerId !== e.pointerId) return;
+		u.current = null;
+		let r = a.current, i = r?.parentElement;
+		if (!n || !t.moved || !r || !i) return;
+		let o = ka(c.current, s.current), l = Aa(r, i);
+		d.current = {
+			left: l.left + o.x,
+			top: l.top + o.y
+		}, c.current = o, s.current = Ea, p.current = !0, r.dataset.placement = "remembered", r.style.transformOrigin = "";
 	};
-	if (e) return {
-		onPointerDown: a,
-		onPointerMove: o,
-		onPointerUp: s,
-		onPointerCancel: s,
-		onLostPointerCapture: s
+	if (h) return {
+		onPointerDown: g,
+		onPointerMove: _,
+		onPointerUp: v,
+		onPointerCancel: v,
+		onLostPointerCapture: v
 	};
 }
-function Sa({ open: e, onClose: t, title: n, children: r, footer: i, className: a, draggable: o = !1, role: s = "dialog", description: c, "aria-label": d, "aria-describedby": f, initialFocusRef: p, returnFocusRef: h, busy: g = !1, closeOnEscape: y = !0, closeOnOverlayClick: b = !0, hideCloseButton: x = !1 }) {
-	let S = m(null), C = m(null), w = u(), T = u();
-	ft(S, e, {
-		initialFocusRef: p,
-		returnFocusRef: h
+function Fa({ open: e, onClose: t, title: n, children: r, footer: i, className: a, size: o = "sm", draggable: s = !1, rememberPosition: c = !1, placement: d = "center", anchorRef: f, role: p = "dialog", description: h, "aria-label": g, "aria-describedby": y, initialFocusRef: b, returnFocusRef: x, busy: S = !1, closeOnEscape: C = !0, closeOnOverlayClick: w = !0, hideCloseButton: T = !1 }) {
+	let E = an(), D = m(null), O = m(null), k = u(), A = u();
+	ft(D, e, {
+		initialFocusRef: b,
+		returnFocusRef: x
 	});
-	let E = xa(e && o, S, C);
+	let j = Pa({
+		open: e,
+		draggable: s,
+		remember: c,
+		placement: d,
+		anchorRef: f
+	}, D, O);
 	return l(() => {
 		if (!e) return;
 		let n = (e) => {
-			e.key === "Escape" && y && !g && (e.preventDefault(), t());
+			e.key === "Escape" && C && !S && (e.preventDefault(), t());
 		};
 		document.addEventListener("keydown", n);
 		let r = document.body.style.overflow;
@@ -7488,60 +7667,69 @@ function Sa({ open: e, onClose: t, title: n, children: r, footer: i, className:
 	}, [
 		e,
 		t,
-		y,
-		g
+		C,
+		S
 	]), e ? H(/* @__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",
 			onClick: () => {
-				b && !g && t();
+				w && !S && t();
 			},
 			"aria-hidden": "true"
 		}), /* @__PURE__ */ v("div", {
-			ref: S,
-			className: G("relative z-50 mx-4 mb-8 w-full max-w-[400px] p-6", "bg-bg-secondary border-border rounded-lg border", "animate-scale-in shadow-lg", a),
-			role: s,
+			ref: D,
+			className: G(`relative z-50 mx-1 mb-8 flex w-full ${Ca[o]} flex-col`, "bg-bg-secondary border-border rounded-lg border", "animate-scale-in shadow-lg", a),
+			role: p,
 			tabIndex: -1,
-			"aria-busy": g || void 0,
+			"aria-busy": S || void 0,
 			"aria-modal": "true",
-			"aria-labelledby": n ? w : void 0,
-			"aria-label": d ?? (n ? void 0 : "Dialog"),
-			"aria-describedby": [c ? T : void 0, f].filter(Boolean).join(" ") || void 0,
+			"aria-labelledby": n ? k : void 0,
+			"aria-label": g ?? (n ? void 0 : "Dialog"),
+			"aria-describedby": [h ? A : void 0, y].filter(Boolean).join(" ") || void 0,
 			children: [
-				/* @__PURE__ */ v("div", {
-					ref: C,
-					className: G("mb-4 flex items-center justify-between", o && "md:cursor-grab md:touch-none md:select-none md:active:cursor-grabbing"),
-					...E,
+				(n || !T || s) && /* @__PURE__ */ v("div", {
+					ref: O,
+					"data-control-size": E,
+					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"),
+					...j,
 					children: [n && /* @__PURE__ */ _("h3", {
-						id: w,
-						className: "text-text-primary text-sm font-semibold",
+						id: k,
+						className: "text-text-primary min-w-0 text-sm font-medium",
 						children: n
-					}), !x && /* @__PURE__ */ _("button", {
+					}), !T && /* @__PURE__ */ _(fn, {
 						type: "button",
-						"aria-disabled": g || void 0,
+						variant: "icon",
+						size: "sm",
+						"aria-disabled": S || void 0,
 						onClick: () => {
-							g || t();
+							S || t();
 						},
-						className: "text-text-tertiary hover:text-text-primary hover:bg-bg-hover ml-auto flex h-6 w-6 cursor-pointer items-center justify-center rounded transition-colors duration-[100ms]",
+						className: "ml-auto shrink-0",
 						"aria-label": "Close",
 						children: /* @__PURE__ */ _(V, { className: "h-4 w-4" })
 					})]
 				}),
-				c && /* @__PURE__ */ _("div", {
-					id: T,
-					className: "text-text-secondary mb-4 text-xs",
-					children: c
+				/* @__PURE__ */ v("div", {
+					className: "ui-surface-body p-3",
+					children: [h && /* @__PURE__ */ _("div", {
+						id: A,
+						className: "text-text-secondary mb-3 text-xs",
+						children: h
+					}), r]
 				}),
-				r,
-				i
+				i && /* @__PURE__ */ _("div", {
+					"data-control-size": E,
+					className: "ui-bar border-border bg-bg-primary/50 flex shrink-0 flex-col justify-center rounded-b-lg border-t px-3 py-2.5",
+					children: i
+				})
 			]
 		})]
 	}), document.body) : null;
 }
 //#endregion
 //#region src/components/ui/DialogActions.tsx
-function Ca({ 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 }) {
+function Ia({ 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),
 		"aria-busy": o || void 0,
@@ -7570,7 +7758,7 @@ function Ca({ onCancel: e, onConfirm: t, cancelLabel: n = "Cancel", confirmLabel
 }
 //#endregion
 //#region src/components/ui/DividerLabel.tsx
-function wa({ children: e, className: t }) {
+function La({ children: e, className: t }) {
 	return /* @__PURE__ */ v("div", {
 		className: G("my-6 flex items-center gap-3", t),
 		children: [
@@ -7585,7 +7773,7 @@ function wa({ children: e, className: t }) {
 }
 //#endregion
 //#region src/components/ui/DropdownMenu.tsx
-function Ta({ trigger: e, items: t, align: n = "right" }) {
+function Ra({ trigger: e, items: t, align: n = "right" }) {
 	let [r, i] = h(!1), [a, o] = h({
 		top: 0,
 		left: 0,
@@ -7666,7 +7854,7 @@ function Ta({ trigger: e, items: t, align: n = "right" }) {
 }
 //#endregion
 //#region src/components/ui/EmptyState.tsx
-function Ea({ icon: e, title: t, description: n, action: r, className: i }) {
+function za({ 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),
 		children: [
@@ -7691,7 +7879,7 @@ function Ea({ icon: e, title: t, description: n, action: r, className: i }) {
 }
 //#endregion
 //#region src/components/ui/ErrorBoundary.tsx
-var Da = class extends e {
+var Ba = class extends e {
 	state = {
 		hasError: !1,
 		error: null
@@ -7733,10 +7921,10 @@ var Da = class extends e {
 };
 //#endregion
 //#region src/components/ui/FilterDropdown.tsx
-function Oa({ icon: e, children: t, items: n, align: r, className: i }) {
-	return /* @__PURE__ */ _(Ta, {
+function Va({ icon: e, children: t, items: n, align: r, className: i }) {
+	return /* @__PURE__ */ _(Ra, {
 		align: r,
-		trigger: /* @__PURE__ */ _(Pn, {
+		trigger: /* @__PURE__ */ _(Bn, {
 			icon: e,
 			className: i,
 			children: t
@@ -7746,7 +7934,7 @@ function Oa({ icon: e, children: t, items: n, align: r, className: i }) {
 }
 //#endregion
 //#region src/components/ui/Kbd.tsx
-function ka({ children: e, className: t }) {
+function Ha({ 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),
 		children: e
@@ -7754,20 +7942,20 @@ function ka({ children: e, className: t }) {
 }
 //#endregion
 //#region src/components/ui/LoadingSpinner.tsx
-var Aa = {
+var Ua = {
 	sm: "w-4 h-4",
 	md: "w-6 h-6",
 	lg: "w-8 h-8"
 };
-function ja({ className: e, size: t = "md" }) {
+function Wa({ className: e, size: t = "md" }) {
 	return /* @__PURE__ */ _("div", {
 		className: G("flex min-h-[200px] items-center justify-center", e),
-		children: /* @__PURE__ */ _(L, { className: G("text-accent animate-spin", Aa[t]) })
+		children: /* @__PURE__ */ _(L, { className: G("text-accent animate-spin", Ua[t]) })
 	});
 }
 //#endregion
 //#region src/components/ui/MetadataGrid.tsx
-function Ma({ items: e, labelWidth: n = "100px", className: r }) {
+function Ga({ items: e, labelWidth: n = "100px", className: r }) {
 	return /* @__PURE__ */ _("div", {
 		className: G("gap-x-3 gap-y-2 text-xs", r),
 		style: {
@@ -7785,7 +7973,7 @@ function Ma({ items: e, labelWidth: n = "100px", className: r }) {
 }
 //#endregion
 //#region src/components/ui/MetricCard.tsx
-function Na({ label: e, value: t, sub: n, trend: r, bar: i, icon: a, iconColor: o, className: s }) {
+function Ka({ 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),
@@ -7825,7 +8013,7 @@ function Na({ label: e, value: t, sub: n, trend: r, bar: i, icon: a, iconColor:
 }
 //#endregion
 //#region src/components/ui/OAuthButton.tsx
-function Pa() {
+function qa() {
 	return /* @__PURE__ */ v("svg", {
 		className: "h-3.5 w-3.5",
 		viewBox: "0 0 24 24",
@@ -7850,7 +8038,7 @@ function Pa() {
 		]
 	});
 }
-function Fa() {
+function Ja() {
 	return /* @__PURE__ */ _("svg", {
 		className: "h-3.5 w-3.5",
 		viewBox: "0 0 24 24",
@@ -7859,25 +8047,25 @@ function Fa() {
 		children: /* @__PURE__ */ _("path", { d: "M12 0C5.37 0 0 5.37 0 12c0 5.31 3.435 9.795 8.205 11.385.6.105.825-.255.825-.57 0-.285-.015-1.23-.015-2.235-3.015.555-3.795-.735-4.035-1.41-.135-.345-.72-1.41-1.23-1.695-.42-.225-1.02-.78-.015-.795.945-.015 1.62.87 1.845 1.23 1.08 1.815 2.805 1.305 3.495.99.105-.78.42-1.305.765-1.605-2.67-.3-5.46-1.335-5.46-5.925 0-1.305.465-2.385 1.23-3.225-.12-.3-.54-1.53.12-3.18 0 0 1.005-.315 3.3 1.23.96-.27 1.98-.405 3-.405s2.04.135 3 .405c2.295-1.56 3.3-1.23 3.3-1.23.66 1.65.24 2.88.12 3.18.765.84 1.23 1.905 1.23 3.225 0 4.605-2.805 5.625-5.475 5.925.435.375.81 1.095.81 2.22 0 1.605-.015 2.895-.015 3.3 0 .315.225.69.825.57A12.02 12.02 0 0024 12c0-6.63-5.37-12-12-12z" })
 	});
 }
-var Ia = {
+var Ya = {
 	github: "GitHub",
 	google: "Google"
-}, La = {
-	github: Fa,
-	google: Pa
+}, Xa = {
+	github: Ja,
+	google: qa
 };
-function Ra({ provider: e, children: t, ...n }) {
-	let r = La[e];
+function Za({ provider: e, children: t, ...n }) {
+	let r = Xa[e];
 	return /* @__PURE__ */ v(fn, {
 		variant: "secondary",
 		size: "md",
 		...n,
-		children: [/* @__PURE__ */ _(r, {}), t ?? Ia[e]]
+		children: [/* @__PURE__ */ _(r, {}), t ?? Ya[e]]
 	});
 }
 //#endregion
 //#region src/components/ui/PageHeader.tsx
-function za({ title: e, subtitle: t, actions: n, className: r, eyebrow: i, headingLevel: a = 1, wrap: o = !1 }) {
+function Qa({ 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),
@@ -7905,7 +8093,7 @@ function za({ title: e, subtitle: t, actions: n, className: r, eyebrow: i, headi
 }
 //#endregion
 //#region src/components/ui/PageSection.tsx
-function Ba({ title: e, description: t, actions: n, children: r, as: i = "h2", className: a, headerClassName: o, contentClassName: s }) {
+function $a({ 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),
 		children: [(e || t || n) && /* @__PURE__ */ v("div", {
@@ -7931,7 +8119,7 @@ function Ba({ title: e, description: t, actions: n, children: r, as: i = "h2", c
 }
 //#endregion
 //#region src/components/ui/PaginationBar.tsx
-var Va = [
+var eo = [
 	{
 		value: "10",
 		label: "10 per page"
@@ -7945,13 +8133,13 @@ var Va = [
 		label: "50 per page"
 	}
 ];
-function Ha({ page: e, pageSize: t, total: n, pageSizeOptions: r = Va, onPageChange: i, onPageSizeChange: a, className: o }) {
+function to({ page: e, pageSize: t, total: n, pageSizeOptions: r = eo, 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),
 		children: [/* @__PURE__ */ v("div", {
 			className: "flex items-center gap-3",
-			children: [/* @__PURE__ */ _(hn, {
+			children: [/* @__PURE__ */ _(xn, {
 				size: "sm",
 				value: String(t),
 				onChange: (e) => a(Number(e)),
@@ -7967,7 +8155,7 @@ function Ha({ page: e, pageSize: t, total: n, pageSizeOptions: r = Va, onPageCha
 					n
 				]
 			})]
-		}), /* @__PURE__ */ _(Ln, {
+		}), /* @__PURE__ */ _(Un, {
 			page: e,
 			totalPages: s,
 			onPageChange: i
@@ -7976,21 +8164,21 @@ function Ha({ page: e, pageSize: t, total: n, pageSizeOptions: r = Va, onPageCha
 }
 //#endregion
 //#region src/components/ui/useFieldControl.ts
-function Ua({ id: e, error: t, hint: n, describedBy: r, invalid: i, required: a }) {
-	let o = u(), s = c(jn), l = e ?? s?.id ?? o, d = t ? `${l}-error` : void 0, f = n ? `${l}-hint` : void 0;
+function no({ id: e, error: t, hint: n, describedBy: r, invalid: i, required: a }) {
+	let o = u(), s = c(Ln), l = e ?? s?.id ?? o, d = t ? `${l}-error` : void 0, f = n ? `${l}-hint` : void 0;
 	return {
 		inputId: l,
 		errorId: d,
 		hintId: f,
-		describedBy: Mn(r, s?.describedBy, f, d),
+		describedBy: Rn(r, s?.describedBy, f, d),
 		invalid: i ?? (!!t || s?.invalid || void 0),
 		required: a ?? s?.required
 	};
 }
 //#endregion
 //#region src/components/ui/PasswordInput.tsx
-var Wa = a(({ label: e, error: t, className: n, id: r, hint: i, controlSize: a, required: o, "aria-describedby": s, "aria-invalid": c, ...l }, u) => {
-	let d = Ua({
+var ro = a(({ label: e, error: t, className: n, id: r, hint: i, controlSize: a, required: o, "aria-describedby": s, "aria-invalid": c, ...l }, u) => {
+	let d = no({
 		id: r,
 		error: t,
 		hint: i,
@@ -8010,7 +8198,7 @@ var Wa = a(({ label: e, error: t, className: n, id: r, hint: i, controlSize: a,
 				className: "flex items-center justify-between",
 				children: [e && /* @__PURE__ */ _("label", {
 					htmlFor: f,
-					className: "text-text-secondary text-xs font-medium",
+					className: "ui-field-label text-xs font-medium",
 					children: e
 				}), t && /* @__PURE__ */ _("p", {
 					id: p,
@@ -8042,8 +8230,8 @@ var Wa = a(({ label: e, error: t, className: n, id: r, hint: i, controlSize: a,
 		]
 	});
 });
-Wa.displayName = "PasswordInput";
-var Ga = Object.freeze([
+ro.displayName = "PasswordInput";
+var io = Object.freeze([
 	{
 		label: "At least 8 characters",
 		test: (e) => e.length >= 8
@@ -8061,12 +8249,12 @@ var Ga = Object.freeze([
 		test: (e) => /\d/.test(e)
 	}
 ]);
-function Ka(e, t = Ga) {
+function ao(e, t = io) {
 	return t.every((t) => t.test(e));
 }
 //#endregion
 //#region src/components/ui/PasswordRequirements.tsx
-function qa({ password: e, requirements: t = Ga, showWhenEmpty: n = !1, className: r }) {
+function oo({ password: e, requirements: t = io, showWhenEmpty: n = !1, className: r }) {
 	return !n && e.length === 0 ? null : /* @__PURE__ */ _("ul", {
 		"aria-label": "Password requirements",
 		className: G("space-y-1", r),
@@ -8093,7 +8281,7 @@ function qa({ password: e, requirements: t = Ga, showWhenEmpty: n = !1, classNam
 }
 //#endregion
 //#region src/components/ui/ProfileHeader.tsx
-function Ja({ name: e, subtitle: t, badge: n, meta: r, action: i, className: a }) {
+function so({ name: e, subtitle: t, badge: n, meta: r, action: i, className: a }) {
 	return /* @__PURE__ */ v("div", {
 		className: G("flex items-start gap-4", a),
 		children: [
@@ -8141,7 +8329,7 @@ function Ja({ name: e, subtitle: t, badge: n, meta: r, action: i, className: a }
 }
 //#endregion
 //#region src/components/ui/ProseContent.tsx
-function Ya({ children: e, className: t }) {
+function co({ children: e, className: t }) {
 	return /* @__PURE__ */ _("div", {
 		className: G("ui-prose", t),
 		children: e
@@ -8149,21 +8337,21 @@ function Ya({ children: e, className: t }) {
 }
 //#endregion
 //#region src/lib/qrCode.ts
-var Xa = class extends RangeError {
+var lo = class extends RangeError {
 	constructor() {
 		super("Text is too long to encode as a QR code"), this.name = "QrCapacityError";
 	}
-}, Za = {
+}, uo = {
 	L: 0,
 	M: 1,
 	Q: 2,
 	H: 3
-}, Qa = {
+}, fo = {
 	L: 1,
 	M: 0,
 	Q: 3,
 	H: 2
-}, $a = [
+}, po = [
 	[
 		-1,
 		7,
@@ -8336,7 +8524,7 @@ var Xa = class extends RangeError {
 		30,
 		30
 	]
-], eo = [
+], mo = [
 	[
 		-1,
 		1,
@@ -8510,7 +8698,7 @@ var Xa = class extends RangeError {
 		81
 	]
 ];
-function to(e) {
+function ho(e) {
 	let t = (16 * e + 128) * e + 64;
 	if (e >= 2) {
 		let n = Math.floor(e / 7) + 2;
@@ -8518,43 +8706,43 @@ function to(e) {
 	}
 	return t;
 }
-function no(e, t) {
-	let n = Za[t];
-	return Math.floor(to(e) / 8) - $a[n][e] * eo[n][e];
+function go(e, t) {
+	let n = uo[t];
+	return Math.floor(ho(e) / 8) - po[n][e] * mo[n][e];
 }
-function ro(e) {
+function _o(e) {
 	if (e === 1) return [];
 	let t = Math.floor(e / 7) + 2, n = Math.floor((e * 8 + t * 3 + 5) / (t * 4 - 4)) * 2, r = [6];
 	for (let i = e * 4 + 17 - 7; r.length < t; i -= n) r.splice(1, 0, i);
 	return r;
 }
-function io(e, t) {
+function vo(e, t) {
 	let n = 0;
 	for (let r = 7; r >= 0; r--) n = n << 1 ^ (n >>> 7) * 285, n ^= (t >>> r & 1) * e;
 	return n;
 }
-function ao(e) {
+function yo(e) {
 	let t = Array(e).fill(0);
 	t[e - 1] = 1;
 	let n = 1;
 	for (let r = 0; r < e; r++) {
-		for (let e = 0; e < t.length; e++) t[e] = io(t[e], n), e + 1 < t.length && (t[e] ^= t[e + 1]);
-		n = io(n, 2);
+		for (let e = 0; e < t.length; e++) t[e] = vo(t[e], n), e + 1 < t.length && (t[e] ^= t[e + 1]);
+		n = vo(n, 2);
 	}
 	return t;
 }
-function oo(e, t) {
+function bo(e, t) {
 	let n = Array(t.length).fill(0);
 	for (let r of e) {
 		let e = r ^ n.shift();
 		n.push(0), t.forEach((t, r) => {
-			n[r] ^= io(t, e);
+			n[r] ^= vo(t, e);
 		});
 	}
 	return n;
 }
-function so(e, t, n) {
-	let r = no(t, n) * 8, i = [], a = (e, t) => {
+function xo(e, t, n) {
+	let r = go(t, n) * 8, i = [], a = (e, t) => {
 		for (let n = t - 1; n >= 0; n--) i.push(e >>> n & 1);
 	};
 	a(4, 4), a(e.length, t <= 9 ? 8 : 16);
@@ -8565,12 +8753,12 @@ function so(e, t, n) {
 	for (let e = 0; e < i.length; e += 8) o.push(i.slice(e, e + 8).reduce((e, t) => e << 1 | t));
 	return o;
 }
-function co(e, t, n) {
-	let r = Za[n], i = eo[r][t], a = $a[r][t], o = Math.floor(to(t) / 8), s = i - o % i, c = Math.floor(o / i), l = ao(a), u = [];
+function So(e, t, n) {
+	let r = uo[n], i = mo[r][t], a = po[r][t], o = Math.floor(ho(t) / 8), s = i - o % i, c = Math.floor(o / i), l = yo(a), u = [];
 	for (let t = 0, n = 0; t < i; t++) {
 		let r = c - a + (t < s ? 0 : 1), i = e.slice(n, n + r);
 		n += r;
-		let o = oo(i, l);
+		let o = bo(i, l);
 		t < s && i.push(0), u.push(i.concat(o));
 	}
 	let d = [];
@@ -8579,7 +8767,7 @@ function co(e, t, n) {
 	});
 	return d;
 }
-var lo = class {
+var Co = class {
 	size;
 	modules;
 	isFunction;
@@ -8590,7 +8778,7 @@ var lo = class {
 		this.modules[t][e] = n, this.isFunction[t][e] = !0;
 	}
 };
-function uo(e, t) {
+function wo(e, t) {
 	let { size: n } = e;
 	for (let t = 0; t < n; t++) e.setFunction(6, t, t % 2 == 0), e.setFunction(t, 6, t % 2 == 0);
 	for (let [t, r] of [
@@ -8603,15 +8791,15 @@ function uo(e, t) {
 		let c = Math.max(Math.abs(a), Math.abs(i));
 		e.setFunction(o, s, c !== 2 && c !== 4);
 	}
-	let r = ro(t), i = r.length - 1;
+	let r = _o(t), i = r.length - 1;
 	r.forEach((t, n) => {
 		r.forEach((r, a) => {
 			if (!(n === 0 && a === 0 || n === 0 && a === i || n === i && a === 0)) for (let n = -2; n <= 2; n++) for (let i = -2; i <= 2; i++) e.setFunction(t + i, r + n, Math.max(Math.abs(i), Math.abs(n)) !== 1);
 		});
-	}), fo(e, "M", 0), po(e, t);
+	}), To(e, "M", 0), Eo(e, t);
 }
-function fo(e, t, n) {
-	let r = Qa[t] << 3 | n, i = r;
+function To(e, t, n) {
+	let r = fo[t] << 3 | n, i = r;
 	for (let e = 0; e < 10; e++) i = i << 1 ^ (i >>> 9) * 1335;
 	let a = (r << 10 | i) ^ 21522, o = (e) => (a >>> e & 1) != 0, { size: s } = e;
 	for (let t = 0; t <= 5; t++) e.setFunction(8, t, o(t));
@@ -8621,7 +8809,7 @@ function fo(e, t, n) {
 	for (let t = 8; t < 15; t++) e.setFunction(8, s - 15 + t, o(t));
 	e.setFunction(8, s - 8, !0);
 }
-function po(e, t) {
+function Eo(e, t) {
 	if (t < 7) return;
 	let n = t;
 	for (let e = 0; e < 12; e++) n = n << 1 ^ (n >>> 11) * 7973;
@@ -8631,7 +8819,7 @@ function po(e, t) {
 		e.setFunction(i, a, n), e.setFunction(a, i, n);
 	}
 }
-function mo(e, t) {
+function Do(e, t) {
 	let { size: n } = e, r = 0;
 	for (let i = n - 1; i >= 1; i -= 2) {
 		i === 6 && (i = 5);
@@ -8645,7 +8833,7 @@ function mo(e, t) {
 		}
 	}
 }
-var ho = [
+var Oo = [
 	(e, t) => (e + t) % 2 == 0,
 	(e, t) => t % 2 == 0,
 	(e) => e % 3 == 0,
@@ -8655,10 +8843,10 @@ var ho = [
 	(e, t) => (e * t % 2 + e * t % 3) % 2 == 0,
 	(e, t) => ((e + t) % 2 + e * t % 3) % 2 == 0
 ];
-function go(e, t) {
-	for (let n = 0; n < e.size; n++) for (let r = 0; r < e.size; r++) !e.isFunction[n][r] && ho[t](r, n) && (e.modules[n][r] = !e.modules[n][r]);
+function ko(e, t) {
+	for (let n = 0; n < e.size; n++) for (let r = 0; r < e.size; r++) !e.isFunction[n][r] && Oo[t](r, n) && (e.modules[n][r] = !e.modules[n][r]);
 }
-var _o = [[
+var Ao = [[
 	!0,
 	!1,
 	!0,
@@ -8683,12 +8871,12 @@ var _o = [[
 	!1,
 	!0
 ]];
-function vo(e) {
+function jo(e) {
 	let t = e.length, n = (t, n, r) => r ? e[t][n] : e[n][t], r = 0;
 	for (let e of [!1, !0]) for (let i = 0; i < t; i++) {
 		let a = 1;
 		for (let o = 1; o <= t; o++) o < t && n(o, i, e) === n(o - 1, i, e) ? a++ : (a >= 5 && (r += 3 + (a - 5)), a = 1);
-		for (let a = 0; a + 11 <= t; a++) for (let t of _o) t.every((t, r) => n(a + r, i, e) === t) && (r += 40);
+		for (let a = 0; a + 11 <= t; a++) for (let t of Ao) t.every((t, r) => n(a + r, i, e) === t) && (r += 40);
 	}
 	for (let n = 0; n < t - 1; n++) for (let i = 0; i < t - 1; i++) {
 		let t = e[n][i];
@@ -8697,20 +8885,20 @@ function vo(e) {
 	let i = e.reduce((e, t) => e + t.filter(Boolean).length, 0) * 100 / (t * t);
 	return r += Math.floor(Math.abs(i - 50) / 5) * 10, r;
 }
-function yo(e, t = "M") {
-	if (!Object.hasOwn(Za, t)) throw RangeError(`Invalid QR error correction level "${t}"; expected L, M, Q or H`);
+function Mo(e, t = "M") {
+	if (!Object.hasOwn(uo, t)) throw RangeError(`Invalid QR error correction level "${t}"; expected L, M, Q or H`);
 	let n = new TextEncoder().encode(e), r = 1;
-	for (; r <= 40 && !(4 + (r <= 9 ? 8 : 16) + n.length * 8 <= no(r, t) * 8); r++);
-	if (r > 40) throw new Xa();
-	let i = co(so(n, r, t), r, t), a = new lo(r * 4 + 17);
-	uo(a, r), mo(a, i);
+	for (; r <= 40 && !(4 + (r <= 9 ? 8 : 16) + n.length * 8 <= go(r, t) * 8); r++);
+	if (r > 40) throw new lo();
+	let i = So(xo(n, r, t), r, t), a = new Co(r * 4 + 17);
+	wo(a, r), Do(a, i);
 	let o = 0, s = Infinity;
 	for (let e = 0; e < 8; e++) {
-		go(a, e), fo(a, t, e);
-		let n = vo(a.modules);
-		n < s && (s = n, o = e), go(a, e);
+		ko(a, e), To(a, t, e);
+		let n = jo(a.modules);
+		n < s && (s = n, o = e), ko(a, e);
 	}
-	return go(a, o), fo(a, t, o), {
+	return ko(a, o), To(a, t, o), {
 		size: a.size,
 		version: r,
 		modules: a.modules
@@ -8718,13 +8906,13 @@ function yo(e, t = "M") {
 }
 //#endregion
 //#region src/components/ui/QrCode.tsx
-function bo({ value: e, errorCorrection: t = "M", size: n = 160, margin: r = 4, "aria-label": i = "QR code", fallback: a = null, className: o }) {
+function No({ value: e, errorCorrection: t = "M", size: n = 160, margin: r = 4, "aria-label": i = "QR code", fallback: a = null, className: o }) {
 	let s = p(() => {
 		if (!e) return null;
 		try {
-			return yo(e, t);
+			return Mo(e, t);
 		} catch (e) {
-			if (e instanceof Xa) return "too-long";
+			if (e instanceof lo) return "too-long";
 			throw e;
 		}
 	}, [e, t]);
@@ -8758,7 +8946,7 @@ function bo({ value: e, errorCorrection: t = "M", size: n = 160, margin: r = 4,
 }
 //#endregion
 //#region src/components/ui/SearchInput.tsx
-function xo({ value: e, onChange: t, placeholder: n = "Search...", className: r }) {
+function Po({ value: e, onChange: t, placeholder: n = "Search...", className: r }) {
 	return /* @__PURE__ */ v("div", {
 		className: G("relative", r),
 		children: [/* @__PURE__ */ _(B, { className: "text-text-tertiary absolute top-1/2 left-2 h-3.5 w-3.5 -translate-y-1/2" }), /* @__PURE__ */ _("input", {
@@ -8772,8 +8960,8 @@ function xo({ value: e, onChange: t, placeholder: n = "Search...", className: r
 }
 //#endregion
 //#region src/components/ui/Select.tsx
-var So = a(({ label: e, error: t, options: n, className: r, id: i, hint: a, controlSize: o, required: s, "aria-describedby": c, "aria-invalid": l, ...u }, d) => {
-	let f = Ua({
+var Fo = a(({ label: e, error: t, options: n, className: r, id: i, hint: a, controlSize: o, required: s, "aria-describedby": c, "aria-invalid": l, ...u }, d) => {
+	let f = no({
 		id: i,
 		error: t,
 		hint: a,
@@ -8793,7 +8981,7 @@ var So = a(({ label: e, error: t, options: n, className: r, id: i, hint: a, cont
 				className: "flex items-center justify-between",
 				children: [e && /* @__PURE__ */ _("label", {
 					htmlFor: p,
-					className: "text-text-secondary font-label text-xs font-medium",
+					className: "ui-field-label font-label text-xs font-medium",
 					children: e
 				}), t && /* @__PURE__ */ _("p", {
 					id: m,
@@ -8821,10 +9009,10 @@ var So = a(({ label: e, error: t, options: n, className: r, id: i, hint: a, cont
 		]
 	});
 });
-So.displayName = "Select";
+Fo.displayName = "Select";
 //#endregion
 //#region src/components/ui/SettingRow.tsx
-function Co({ label: e, description: t, action: n, className: r }) {
+function Io({ 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),
 		children: [/* @__PURE__ */ v("div", {
@@ -8844,9 +9032,9 @@ function Co({ label: e, description: t, action: n, className: r }) {
 }
 //#endregion
 //#region src/components/ui/SideSheet.tsx
-function wo({ open: e, onClose: t, title: n, children: r, footer: i, side: a = "right", widthClassName: o = "w-[360px]", className: s, contentClassName: c }) {
-	let u = m(null);
-	return ft(u, e), l(() => {
+function Lo({ open: e, onClose: t, title: n, children: r, footer: i, side: a = "right", widthClassName: o = "w-[360px]", className: s, contentClassName: c }) {
+	let u = an(), d = m(null);
+	return ft(d, e), l(() => {
 		if (!e) return;
 		let n = (e) => {
 			e.key === "Escape" && t();
@@ -8860,7 +9048,7 @@ function wo({ open: e, onClose: t, title: n, children: r, footer: i, side: a = "
 			className: "bg-bg-overlay animate-fade-in absolute inset-0",
 			onClick: t
 		}), /* @__PURE__ */ v("div", {
-			ref: u,
+			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),
 			style: { maxWidth: "calc(100vw - 2rem)" },
 			role: "dialog",
@@ -8868,23 +9056,28 @@ function wo({ open: e, onClose: t, title: n, children: r, footer: i, side: a = "
 			"aria-label": typeof n == "string" ? n : "Panel",
 			children: [
 				/* @__PURE__ */ v("div", {
-					className: "border-border flex h-10 shrink-0 items-center justify-between border-b px-3",
+					"data-control-size": u,
+					className: "ui-bar border-border flex shrink-0 items-center justify-between gap-2 border-b px-3 py-2.5",
 					children: [n && /* @__PURE__ */ _("h3", {
-						className: "text-text-primary truncate text-xs font-semibold",
+						className: "text-text-primary truncate text-sm font-medium",
 						children: n
-					}), /* @__PURE__ */ _("button", {
+					}), /* @__PURE__ */ _(fn, {
+						type: "button",
+						variant: "icon",
+						size: "sm",
 						onClick: t,
-						className: "text-text-tertiary hover:text-text-primary hover:bg-bg-hover ml-auto flex h-6 w-6 cursor-pointer items-center justify-center rounded",
+						className: "ml-auto shrink-0",
 						"aria-label": "Close",
-						children: /* @__PURE__ */ _(V, { className: "h-3.5 w-3.5" })
+						children: /* @__PURE__ */ _(V, { className: "h-4 w-4" })
 					})]
 				}),
 				/* @__PURE__ */ _("div", {
-					className: G("flex-1 overflow-y-auto p-3", c),
+					className: G("ui-surface-body flex-1 overflow-y-auto p-3", c),
 					children: r
 				}),
 				i && /* @__PURE__ */ _("div", {
-					className: "border-border flex gap-2 border-t p-3",
+					"data-control-size": u,
+					className: "ui-bar border-border bg-bg-primary/50 flex shrink-0 items-center gap-2 border-t px-3 py-2.5",
 					children: i
 				})
 			]
@@ -8893,41 +9086,41 @@ function wo({ open: e, onClose: t, title: n, children: r, footer: i, side: a = "
 }
 //#endregion
 //#region src/components/ui/SplitPaneLayout.tsx
-function To({ children: e, direction: t = "row", className: n }) {
+function Ro({ 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),
 		children: e
 	});
 }
-function Eo({ children: e, className: t }) {
+function zo({ children: e, className: t }) {
 	return /* @__PURE__ */ _("div", {
 		className: G("flex min-h-0 min-w-0 flex-1 flex-col overflow-hidden", t),
 		children: e
 	});
 }
-var Do = Object.assign(To, { Main: Eo }), Oo = {
+var Bo = Object.assign(Ro, { Main: zo }), Vo = {
 	active: "bg-green",
 	inactive: "bg-text-tertiary",
 	pending: "bg-yellow animate-pulse-subtle",
 	error: "bg-red"
-}, ko = {
+}, Ho = {
 	active: "text-green",
 	inactive: "text-text-tertiary",
 	pending: "text-yellow",
 	error: "text-red"
 };
-function Ao({ status: e, label: t, className: n }) {
+function Uo({ 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", Oo[e]) }), t && /* @__PURE__ */ _("span", {
-			className: G("text-xs", ko[e]),
+		children: [/* @__PURE__ */ _("span", { className: G("h-2 w-2 rounded-full", Vo[e]) }), t && /* @__PURE__ */ _("span", {
+			className: G("text-xs", Ho[e]),
 			children: t
 		})]
 	});
 }
 //#endregion
 //#region src/components/ui/StepProgress.tsx
-function jo({ steps: e, currentStep: t, className: n }) {
+function Wo({ steps: e, currentStep: t, className: n }) {
 	return /* @__PURE__ */ _("div", {
 		className: G("flex items-center justify-between", n),
 		children: e.map((n, r) => /* @__PURE__ */ v("div", {
@@ -8954,7 +9147,7 @@ function jo({ steps: e, currentStep: t, className: n }) {
 }
 //#endregion
 //#region src/components/ui/Tabs.tsx
-function Mo({ tabs: e, defaultTab: t, value: n, onChange: r, className: i }) {
+function Go({ tabs: e, defaultTab: t, value: n, onChange: r, className: i }) {
 	let [a, o] = h(t || e[0]?.key), s = n ?? a, c = e.some((e) => e.key === s) ? s : e[0]?.key, l = e.find((e) => e.key === c);
 	function d(e) {
 		n === void 0 && o(e), r?.(e);
@@ -8993,8 +9186,8 @@ function Mo({ tabs: e, defaultTab: t, value: n, onChange: r, className: i }) {
 }
 //#endregion
 //#region src/components/ui/Textarea.tsx
-var No = a(({ label: e, error: t, showCount: n, maxLength: r, value: i, className: a, id: o, hint: s, controlSize: c, required: l, "aria-describedby": u, "aria-invalid": d, ...f }, p) => {
-	let m = Ua({
+var Ko = a(({ label: e, error: t, showCount: n, maxLength: r, value: i, className: a, id: o, hint: s, controlSize: c, required: l, "aria-describedby": u, "aria-invalid": d, ...f }, p) => {
+	let m = no({
 		id: o,
 		error: t,
 		hint: s,
@@ -9012,7 +9205,7 @@ var No = a(({ label: e, error: t, showCount: n, maxLength: r, value: i, classNam
 			}),
 			e && /* @__PURE__ */ _("label", {
 				htmlFor: h,
-				className: "text-text-secondary font-label text-xs font-medium",
+				className: "ui-field-label font-label text-xs font-medium",
 				children: e
 			}),
 			/* @__PURE__ */ _("textarea", {
@@ -9045,11 +9238,11 @@ var No = a(({ label: e, error: t, showCount: n, maxLength: r, value: i, classNam
 		]
 	});
 });
-No.displayName = "Textarea";
+Ko.displayName = "Textarea";
 //#endregion
 //#region src/components/ui/TextInput.tsx
-var Po = a(({ label: e, error: t, icon: n, className: r, id: i, readOnly: a, hint: o, controlSize: s, required: c, "aria-describedby": l, "aria-invalid": u, ...d }, f) => {
-	let p = Ua({
+var qo = a(({ label: e, error: t, icon: n, className: r, id: i, readOnly: a, hint: o, controlSize: s, required: c, "aria-describedby": l, "aria-invalid": u, ...d }, f) => {
+	let p = no({
 		id: i,
 		error: t,
 		hint: o,
@@ -9069,7 +9262,7 @@ var Po = a(({ label: e, error: t, icon: n, className: r, id: i, readOnly: a, hin
 				className: "flex items-center justify-between",
 				children: [e && /* @__PURE__ */ _("label", {
 					htmlFor: m,
-					className: "text-text-secondary font-label text-xs font-medium",
+					className: "ui-field-label font-label text-xs font-medium",
 					children: e
 				}), t && /* @__PURE__ */ _("p", {
 					id: h,
@@ -9098,10 +9291,10 @@ var Po = a(({ label: e, error: t, icon: n, className: r, id: i, readOnly: a, hin
 		]
 	});
 });
-Po.displayName = "TextInput";
+qo.displayName = "TextInput";
 //#endregion
 //#region src/components/ui/Timeline.tsx
-function Fo({ items: e, className: t }) {
+function Jo({ items: e, className: t }) {
 	return /* @__PURE__ */ _("div", {
 		className: G("space-y-0", t),
 		children: e.map((t, n) => /* @__PURE__ */ v("div", {
@@ -9124,16 +9317,16 @@ function Fo({ items: e, className: t }) {
 }
 //#endregion
 //#region src/components/ui/Tooltip.tsx
-var Io = {
+var Yo = {
 	top: "bottom-full left-1/2 -translate-x-1/2 mb-2",
 	bottom: "top-full left-1/2 -translate-x-1/2 mt-2",
 	left: "right-full top-1/2 -translate-y-1/2 mr-2",
 	right: "left-full top-1/2 -translate-y-1/2 ml-2"
 };
-function Lo(e, t) {
+function Xo(e, t) {
 	return e ? `${e} ${t}` : t;
 }
-function Ro({ content: e, placement: t = "top", children: r }) {
+function Zo({ content: e, placement: t = "top", children: r }) {
 	let [i, a] = h(!1), s = u();
 	return /* @__PURE__ */ v("div", {
 		className: "relative inline-flex",
@@ -9141,9 +9334,9 @@ function Ro({ content: e, placement: t = "top", children: r }) {
 		onMouseLeave: () => a(!1),
 		onFocus: () => a(!0),
 		onBlur: () => a(!1),
-		children: [o(r) ? n(r, { "aria-describedby": Lo(r.props["aria-describedby"], s) }) : r, i && /* @__PURE__ */ _("div", {
+		children: [o(r) ? n(r, { "aria-describedby": Xo(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", Io[t]),
+			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", Yo[t]),
 			role: "tooltip",
 			children: e
 		})]
@@ -9151,7 +9344,7 @@ function Ro({ content: e, placement: t = "top", children: r }) {
 }
 //#endregion
 //#region src/components/ui/Toolbar.tsx
-function zo({ start: e, end: t, children: n, className: r, startClassName: i, endClassName: a }) {
+function Qo({ 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),
 		children: [/* @__PURE__ */ _("div", {
@@ -9165,7 +9358,7 @@ function zo({ start: e, end: t, children: n, className: r, startClassName: i, en
 }
 //#endregion
 //#region src/components/ui/UploadDropzone.tsx
-var Bo = a(function({ title: e = "Drag and drop files here, or click to browse", description: t, icon: n, multiple: r, disabled: i, onChange: a, onFilesChange: o, className: s, id: c, "aria-describedby": l, ...f }, p) {
+var $o = a(function({ title: e = "Drag and drop files here, or click to browse", description: t, icon: n, multiple: r, disabled: i, onChange: a, onFilesChange: o, className: s, id: c, "aria-describedby": l, ...f }, p) {
 	let h = m(null);
 	d(p, () => h.current, []);
 	let g = u(), y = `${c ?? g}-description`;
@@ -9212,15 +9405,15 @@ var Bo = a(function({ title: e = "Drag and drop files here, or click to browse",
 			})
 		]
 	});
-}), Vo = r({ theme: "dark" });
+}), es = r({ theme: "dark" });
 //#endregion
 //#region src/hooks/useTheme.ts
-function Ho() {
-	return c(Vo);
+function ts() {
+	return c(es);
 }
 //#endregion
 //#region src/lib/formatDate.ts
-var Uo = [
+var ns = [
 	"Jan",
 	"Feb",
 	"Mar",
@@ -9234,21 +9427,21 @@ var Uo = [
 	"Nov",
 	"Dec"
 ];
-function Wo(e) {
+function rs(e) {
 	return (/* @__PURE__ */ new Date(e + "T00:00:00")).toLocaleDateString("en-US", {
 		month: "short",
 		day: "numeric",
 		year: "numeric"
 	});
 }
-function Go(e) {
+function is(e) {
 	return (/* @__PURE__ */ new Date(e + "T00:00:00")).toLocaleDateString("en-US", {
 		month: "long",
 		day: "numeric",
 		year: "numeric"
 	});
 }
-function Ko(e, t = /* @__PURE__ */ new Date()) {
+function as(e, t = /* @__PURE__ */ new Date()) {
 	let n = t.getTime() - e.getTime(), r = Math.floor(n / 1e3);
 	if (r < 60) return "just now";
 	let i = Math.floor(r / 60);
@@ -9256,18 +9449,18 @@ function Ko(e, t = /* @__PURE__ */ new Date()) {
 	let a = Math.floor(i / 60);
 	if (a < 24) return `${a}h ago`;
 	if (Math.floor(a / 24) === 1) return "yesterday";
-	let o = `${Uo[e.getMonth()]} ${e.getDate()}`;
+	let o = `${ns[e.getMonth()]} ${e.getDate()}`;
 	return e.getFullYear() === t.getFullYear() ? o : `${o}, ${e.getFullYear()}`;
 }
 //#endregion
 //#region src/providers/SettingsProvider.tsx
-var qo = {
+var os = {
 	"archivo-expanded": "\"Archivo\", \"Arial Black\", \"Avenir Next Condensed\", \"HelveticaNeue-CondensedBold\", system-ui, sans-serif",
 	inter: "\"Inter\", system-ui, -apple-system, BlinkMacSystemFont, sans-serif",
 	"jetbrains-mono": "\"JetBrains Mono\", Menlo, Monaco, Consolas, monospace",
 	"pt-serif": "\"PT Serif\", Georgia, ui-serif, Cambria, \"Times New Roman\", Times, serif",
 	system: "system-ui, -apple-system, BlinkMacSystemFont, sans-serif"
-}, Jo = {
+}, ss = {
 	purple: {
 		base: "#7C5CFC",
 		hover: "#6B4AEB",
@@ -9324,43 +9517,43 @@ var qo = {
 		muted: "rgba(99,102,241,0.15)",
 		subtle: "rgba(99,102,241,0.08)"
 	}
-}, Yo = "leonardaustin-ui-settings", Xo = new Set(Object.keys(Jo)), Zo = new Set(Object.keys(Ot)), Qo = new Set(Object.keys(qo)), $o = new Set([
+}, cs = "leonardaustin-ui-settings", ls = new Set(Object.keys(ss)), us = new Set(Object.keys(Ot)), ds = new Set(Object.keys(os)), fs = new Set([
 	"light",
 	"dark",
 	"system"
 ]);
-function es(e, t, n, r) {
+function ps(e, t, n, r) {
 	return typeof e != "number" || !isFinite(e) ? r : Math.min(n, Math.max(t, e));
 }
-function ts(e) {
+function ms(e) {
 	let t = {};
-	if (Xo.has(e.accentColor) && (t.accentColor = e.accentColor), $o.has(e.colorMode) && (t.colorMode = e.colorMode), Zo.has(e.preferredDarkTheme) && !Ct(e.preferredDarkTheme) && (t.preferredDarkTheme = e.preferredDarkTheme), Zo.has(e.preferredLightTheme) && Ct(e.preferredLightTheme) && (t.preferredLightTheme = e.preferredLightTheme), typeof e.sidebarCollapsed == "boolean" && (t.sidebarCollapsed = e.sidebarCollapsed), typeof e.reducedMotion == "boolean" && (t.reducedMotion = e.reducedMotion), typeof e.sidebarWidth == "number" && (t.sidebarWidth = es(e.sidebarWidth, 160, 400, 220)), e.themeOverrides && typeof e.themeOverrides == "object") {
+	if (ls.has(e.accentColor) && (t.accentColor = e.accentColor), fs.has(e.colorMode) && (t.colorMode = e.colorMode), us.has(e.preferredDarkTheme) && !Ct(e.preferredDarkTheme) && (t.preferredDarkTheme = e.preferredDarkTheme), us.has(e.preferredLightTheme) && Ct(e.preferredLightTheme) && (t.preferredLightTheme = e.preferredLightTheme), typeof e.sidebarCollapsed == "boolean" && (t.sidebarCollapsed = e.sidebarCollapsed), typeof e.reducedMotion == "boolean" && (t.reducedMotion = e.reducedMotion), typeof e.sidebarWidth == "number" && (t.sidebarWidth = ps(e.sidebarWidth, 160, 400, 220)), e.themeOverrides && typeof e.themeOverrides == "object") {
 		let n = {};
 		for (let [t, r] of Object.entries(e.themeOverrides)) {
-			if (!Zo.has(t) || !r || typeof r != "object") continue;
+			if (!us.has(t) || !r || typeof r != "object") continue;
 			let e = r, i = Ot[t];
 			n[t] = {
-				uiFont: Qo.has(e.uiFont) ? e.uiFont : i.uiFont,
-				headingFont: Qo.has(e.headingFont) ? e.headingFont : i.headingFont,
-				proseFont: Qo.has(e.proseFont) ? e.proseFont : i.proseFont,
-				controlFont: Qo.has(e.controlFont) ? e.controlFont : i.controlFont,
-				labelFont: Qo.has(e.labelFont) ? e.labelFont : i.labelFont,
-				navigationFont: Qo.has(e.navigationFont) ? e.navigationFont : i.navigationFont,
-				dataFont: Qo.has(e.dataFont) ? e.dataFont : i.dataFont,
-				codeFont: Qo.has(e.codeFont) ? e.codeFont : i.codeFont,
-				fontSize: es(e.fontSize, 11, 18, i.fontSize),
-				borderRadius: es(e.borderRadius, 0, 16, i.borderRadius),
-				borderWidth: es(e.borderWidth, 1, 3, i.borderWidth),
-				tracking: es(e.tracking, 0, .3, i.tracking),
-				lineHeight: es(e.lineHeight, 1.2, 2, i.lineHeight),
-				density: es(e.density, .18, .32, i.density)
+				uiFont: ds.has(e.uiFont) ? e.uiFont : i.uiFont,
+				headingFont: ds.has(e.headingFont) ? e.headingFont : i.headingFont,
+				proseFont: ds.has(e.proseFont) ? e.proseFont : i.proseFont,
+				controlFont: ds.has(e.controlFont) ? e.controlFont : i.controlFont,
+				labelFont: ds.has(e.labelFont) ? e.labelFont : i.labelFont,
+				navigationFont: ds.has(e.navigationFont) ? e.navigationFont : i.navigationFont,
+				dataFont: ds.has(e.dataFont) ? e.dataFont : i.dataFont,
+				codeFont: ds.has(e.codeFont) ? e.codeFont : i.codeFont,
+				fontSize: ps(e.fontSize, 11, 18, i.fontSize),
+				borderRadius: ps(e.borderRadius, 0, 16, i.borderRadius),
+				borderWidth: ps(e.borderWidth, 1, 3, i.borderWidth),
+				tracking: ps(e.tracking, 0, .3, i.tracking),
+				lineHeight: ps(e.lineHeight, 1.2, 2, i.lineHeight),
+				density: ps(e.density, .18, .32, i.density)
 			};
 		}
 		t.themeOverrides = n;
 	}
 	return t;
 }
-var ns = {
+var hs = {
 	accentColor: "purple",
 	sidebarCollapsed: !1,
 	sidebarWidth: 220,
@@ -9370,35 +9563,35 @@ var ns = {
 	preferredLightTheme: "light",
 	themeOverrides: {}
 };
-function rs(e, t) {
+function gs(e, t) {
 	let n = {
-		...ns,
-		...ts(t ?? {})
+		...hs,
+		...ms(t ?? {})
 	};
 	if (typeof localStorage > "u") return n;
 	try {
 		let t = localStorage.getItem(e);
 		if (t) return {
 			...n,
-			...ts(JSON.parse(t))
+			...ms(JSON.parse(t))
 		};
 	} catch (e) {
 		console.warn("[SettingsProvider] Failed to load settings:", e);
 	}
 	return n;
 }
-function is(e, t) {
+function _s(e, t) {
 	let n = Ot[e] ?? Ot.dark;
 	return t[e] ? {
 		...n,
 		...t[e]
 	} : n;
 }
-function as(e, t) {
+function vs(e, t) {
 	return e.uiFont === t.uiFont && e.headingFont === t.headingFont && e.proseFont === t.proseFont && e.controlFont === t.controlFont && e.labelFont === t.labelFont && e.navigationFont === t.navigationFont && e.dataFont === t.dataFont && e.codeFont === t.codeFont && e.fontSize === t.fontSize && e.borderRadius === t.borderRadius && e.borderWidth === t.borderWidth && e.tracking === t.tracking && e.lineHeight === t.lineHeight && e.density === t.density;
 }
-function os({ children: e, storageKey: t = Yo, initialSettings: n, forcedTheme: r }) {
-	let [i, a] = h(() => rs(t, n)), [o, c] = h(() => typeof window < "u" && window.matchMedia("(prefers-color-scheme: dark)").matches);
+function ys({ children: e, storageKey: t = cs, initialSettings: n, forcedTheme: r }) {
+	let [i, a] = h(() => gs(t, n)), [o, c] = h(() => typeof window < "u" && window.matchMedia("(prefers-color-scheme: dark)").matches);
 	l(() => {
 		if (typeof window > "u") return;
 		let e = window.matchMedia("(prefers-color-scheme: dark)"), t = (e) => c(e.matches);
@@ -9410,9 +9603,9 @@ function os({ children: e, storageKey: t = Yo, initialSettings: n, forcedTheme:
 		i.preferredDarkTheme,
 		i.preferredLightTheme,
 		o
-	]), [d, f] = h(() => is(u, i.themeOverrides));
+	]), [d, f] = h(() => _s(u, i.themeOverrides));
 	l(() => {
-		f(is(u, i.themeOverrides));
+		f(_s(u, i.themeOverrides));
 	}, [u]);
 	let m = s((e) => {
 		a((n) => {
@@ -9429,15 +9622,15 @@ function os({ children: e, storageKey: t = Yo, initialSettings: n, forcedTheme:
 		});
 	}, [t]);
 	l(() => {
-		let e = document.documentElement, t = Jo[i.accentColor];
+		let e = document.documentElement, t = ss[i.accentColor];
 		e.style.setProperty("--accent", t.base), e.style.setProperty("--accent-hover", t.hover), e.style.setProperty("--accent-active", t.active), e.style.setProperty("--accent-muted", t.muted), e.style.setProperty("--accent-subtle", t.subtle);
 	}, [i.accentColor]), l(() => {
 		document.documentElement.classList.toggle("reduced-motion", i.reducedMotion);
 	}, [i.reducedMotion]), l(() => {
 		let e = document.documentElement, t = d.borderRadius;
-		e.style.fontSize = `${d.fontSize / 13 * 100}%`, e.style.setProperty("--font-ui", qo[d.uiFont]), e.style.setProperty("--font-heading", qo[d.headingFont]), e.style.setProperty("--font-prose", qo[d.proseFont]), e.style.setProperty("--font-control", qo[d.controlFont]), e.style.setProperty("--font-label", qo[d.labelFont]), e.style.setProperty("--font-navigation", qo[d.navigationFont]), e.style.setProperty("--font-data", qo[d.dataFont]), e.style.setProperty("--font-code", qo[d.codeFont]), e.style.setProperty("--ui-radius", t === 0 ? "0" : `${Math.round(t * 2 / 3)}px`), e.style.setProperty("--ui-radius-md", t === 0 ? "0" : `${t}px`), e.style.setProperty("--ui-radius-lg", t === 0 ? "0" : `${Math.round(t * 4 / 3)}px`), e.style.setProperty("--ui-radius-xl", t === 0 ? "0" : `${t * 2}px`), e.style.setProperty("--ui-border-width", `${d.borderWidth}px`), e.style.setProperty("--ui-tracking", `${d.tracking}em`), e.style.setProperty("--ui-line-height", String(d.lineHeight)), e.style.setProperty("--ui-density", `${d.density}rem`);
+		e.style.fontSize = `${d.fontSize / 13 * 100}%`, e.style.setProperty("--font-ui", os[d.uiFont]), e.style.setProperty("--font-heading", os[d.headingFont]), e.style.setProperty("--font-prose", os[d.proseFont]), e.style.setProperty("--font-control", os[d.controlFont]), e.style.setProperty("--font-label", os[d.labelFont]), e.style.setProperty("--font-navigation", os[d.navigationFont]), e.style.setProperty("--font-data", os[d.dataFont]), e.style.setProperty("--font-code", os[d.codeFont]), e.style.setProperty("--ui-radius", t === 0 ? "0" : `${Math.round(t * 2 / 3)}px`), e.style.setProperty("--ui-radius-md", t === 0 ? "0" : `${t}px`), e.style.setProperty("--ui-radius-lg", t === 0 ? "0" : `${Math.round(t * 4 / 3)}px`), e.style.setProperty("--ui-radius-xl", t === 0 ? "0" : `${t * 2}px`), e.style.setProperty("--ui-border-width", `${d.borderWidth}px`), e.style.setProperty("--ui-tracking", `${d.tracking}em`), e.style.setProperty("--ui-line-height", String(d.lineHeight)), e.style.setProperty("--ui-density", `${d.density}rem`);
 	}, [d]);
-	let g = p(() => is(u, i.themeOverrides), [u, i.themeOverrides]), v = u in i.themeOverrides, y = !as(d, g), b = s(() => {
+	let g = p(() => _s(u, i.themeOverrides), [u, i.themeOverrides]), v = u in i.themeOverrides, y = !vs(d, g), b = s(() => {
 		m({ themeOverrides: {
 			...i.themeOverrides,
 			[u]: { ...d }
@@ -9561,7 +9754,7 @@ function os({ children: e, storageKey: t = Yo, initialSettings: n, forcedTheme:
 }
 //#endregion
 //#region src/providers/ThemeProvider.tsx
-var ss = {
+var bs = {
 	dark: "",
 	light: "theme-light",
 	lightInverted: "theme-light-inverted",
@@ -9571,33 +9764,33 @@ var ss = {
 	cyberBrutalLight: "theme-cyber-brutal-light",
 	hashiTheme: "theme-hashi"
 };
-function cs({ children: e }) {
+function xs({ children: e }) {
 	let { resolvedTheme: t } = c(Mt);
 	return l(() => {
 		let e = document.documentElement;
-		Object.values(ss).forEach((t) => {
+		Object.values(bs).forEach((t) => {
 			t && e.classList.remove(t);
 		});
-		let n = ss[t];
+		let n = bs[t];
 		n && e.classList.add(n);
-	}, [t]), /* @__PURE__ */ _(Vo.Provider, {
+	}, [t]), /* @__PURE__ */ _(es.Provider, {
 		value: { theme: t },
 		children: e
 	});
 }
 //#endregion
 //#region src/components/ui/FormField.tsx
-function ls({ id: e, label: t, hint: n, error: r, required: i, optionalLabel: a, children: o, className: s, ...c }) {
+function Ss({ id: e, label: t, hint: n, error: r, required: i, optionalLabel: a, children: o, className: s, ...c }) {
 	let l = u(), d = e ?? l, f = n ? `${d}-hint` : void 0, p = r ? `${d}-error` : void 0, m = {
 		id: d,
-		"aria-describedby": Mn(f, p),
+		"aria-describedby": Rn(f, p),
 		"aria-invalid": !!r || void 0,
 		required: i
 	};
-	return /* @__PURE__ */ _(jn.Provider, {
+	return /* @__PURE__ */ _(Ln.Provider, {
 		value: {
 			id: d,
-			describedBy: Mn(f, p),
+			describedBy: Rn(f, p),
 			invalid: !!r,
 			required: i
 		},
@@ -9607,7 +9800,7 @@ function ls({ id: e, label: t, hint: n, error: r, required: i, optionalLabel: a,
 			children: [
 				/* @__PURE__ */ v("label", {
 					htmlFor: d,
-					className: "text-text-secondary font-label text-xs font-medium",
+					className: "ui-field-label font-label text-xs font-medium",
 					children: [
 						t,
 						i && /* @__PURE__ */ _("span", {
@@ -9632,13 +9825,13 @@ function ls({ id: e, label: t, hint: n, error: r, required: i, optionalLabel: a,
 		})
 	});
 }
-function us({ className: e, ...t }) {
+function Cs({ className: e, ...t }) {
 	return /* @__PURE__ */ _("p", {
 		...t,
 		className: G("text-text-secondary text-xs", e)
 	});
 }
-function ds({ className: e, ...t }) {
+function ws({ className: e, ...t }) {
 	return /* @__PURE__ */ _("p", {
 		...t,
 		className: G("text-red text-xs", e)
@@ -9646,8 +9839,8 @@ function ds({ className: e, ...t }) {
 }
 //#endregion
 //#region src/components/ui/Fieldset.tsx
-function fs({ id: e, legend: t, hint: n, error: r, children: i, className: a, "aria-describedby": o, ...s }) {
-	let c = u(), l = e ?? c, d = n ? `${l}-hint` : void 0, f = r ? `${l}-error` : void 0, p = Mn(o, d, f);
+function Ts({ id: e, legend: t, hint: n, error: r, children: i, className: a, "aria-describedby": o, ...s }) {
+	let c = u(), l = e ?? c, d = n ? `${l}-hint` : void 0, f = r ? `${l}-error` : void 0, p = Rn(o, d, f);
 	return /* @__PURE__ */ v("fieldset", {
 		...s,
 		id: l,
@@ -9668,7 +9861,7 @@ function fs({ id: e, legend: t, hint: n, error: r, children: i, className: a, "a
 				className: "text-red text-xs",
 				children: r
 			}),
-			/* @__PURE__ */ _(jn.Provider, {
+			/* @__PURE__ */ _(Ln.Provider, {
 				value: {
 					describedBy: p,
 					invalid: !!r
@@ -9680,8 +9873,8 @@ function fs({ id: e, legend: t, hint: n, error: r, children: i, className: a, "a
 }
 //#endregion
 //#region src/components/ui/Radio.tsx
-var ps = a(({ label: e, description: t, controlSize: n, className: r, id: i, "aria-describedby": a, "aria-invalid": o, ...s }, l) => {
-	let d = u(), f = an(n), p = c(jn), m = i ?? p?.id ?? d, h = t ? `${m}-description` : void 0;
+var Es = a(({ label: e, description: t, controlSize: n, className: r, id: i, "aria-describedby": a, "aria-invalid": o, ...s }, l) => {
+	let d = u(), f = an(n), p = c(Ln), 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),
 		"data-control-size": f,
@@ -9691,7 +9884,7 @@ var ps = a(({ label: e, description: t, controlSize: n, className: r, id: i, "ar
 			id: m,
 			type: "radio",
 			"aria-invalid": o ?? (p?.invalid || void 0),
-			"aria-describedby": Mn(a, p?.describedBy, h),
+			"aria-describedby": Rn(a, p?.describedBy, h),
 			className: "ui-native-choice"
 		}), /* @__PURE__ */ v("span", {
 			className: "text-text-primary text-xs",
@@ -9703,14 +9896,14 @@ var ps = a(({ label: e, description: t, controlSize: n, className: r, id: i, "ar
 		})]
 	});
 });
-ps.displayName = "Radio";
-function ms({ name: e, id: t, options: n, value: r, onChange: i, required: a, disabled: o, controlSize: s, ...c }) {
+Es.displayName = "Radio";
+function Ds({ name: e, id: t, options: n, value: r, onChange: i, required: a, disabled: o, controlSize: s, ...c }) {
 	let l = u(), d = t ?? l;
-	return /* @__PURE__ */ _(fs, {
+	return /* @__PURE__ */ _(Ts, {
 		...c,
 		id: d,
 		disabled: o,
-		children: n.map((t, n) => /* @__PURE__ */ _(ps, {
+		children: n.map((t, n) => /* @__PURE__ */ _(Es, {
 			id: `${d}-${n}`,
 			name: e ?? d,
 			value: t.value,
@@ -9724,17 +9917,17 @@ function ms({ name: e, id: t, options: n, value: r, onChange: i, required: a, di
 		}, t.value))
 	});
 }
-var hs = Object.assign(ps, { Group: ms }), gs = {
+var Os = Object.assign(Es, { Group: Ds }), ks = {
 	pending: "Pending",
 	uploading: "Uploading",
 	processing: "Processing",
 	ready: "Ready",
 	error: "Upload failed"
 };
-function _s(e) {
+function As(e) {
 	return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 }
-function vs({ name: e, size: t, status: n = "ready", statusLabel: r, error: i, onRetry: a, onRemove: o, onDownload: s, downloadHref: c, actionsDisabled: l, className: u, ...d }) {
+function js({ 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),
@@ -9747,7 +9940,7 @@ function vs({ name: e, size: t, status: n = "ready", statusLabel: r, error: i, o
 				}),
 				t !== void 0 && /* @__PURE__ */ _("p", {
 					className: "text-text-tertiary text-2xs",
-					children: _s(t)
+					children: As(t)
 				}),
 				/* @__PURE__ */ v("div", {
 					role: "status",
@@ -9756,7 +9949,7 @@ function vs({ name: e, size: t, status: n = "ready", statusLabel: r, error: i, o
 					children: [
 						e,
 						": ",
-						i ?? r ?? gs[n]
+						i ?? r ?? ks[n]
 					]
 				})
 			]
@@ -9798,7 +9991,7 @@ function vs({ name: e, size: t, status: n = "ready", statusLabel: r, error: i, o
 		})]
 	});
 }
-function ys({ children: e, className: t, "aria-label": n = "Attachments", ...r }) {
+function Ms({ children: e, className: t, "aria-label": n = "Attachments", ...r }) {
 	return /* @__PURE__ */ _("ul", {
 		...r,
 		"aria-label": n,
@@ -9808,7 +10001,7 @@ function ys({ children: e, className: t, "aria-label": n = "Attachments", ...r }
 }
 //#endregion
 //#region src/lib/dateParts.ts
-function bs(e, { required: t = !1, minYear: n = 1900, maxYear: r = 2100 } = {}) {
+function Ns(e, { required: t = !1, minYear: n = 1900, maxYear: r = 2100 } = {}) {
 	let i = [
 		e.day,
 		e.month,
@@ -9838,10 +10031,10 @@ function bs(e, { required: t = !1, minYear: n = 1900, maxYear: r = 2100 } = {})
 }
 //#endregion
 //#region src/components/ui/DatePartsInput.tsx
-function xs({ value: e, onChange: t, label: n, hint: r, error: i, id: a, name: o, disabled: s, required: c, className: d, inputProps: f, minYear: p = 1900, maxYear: g = 2100 }) {
+function Ps({ value: e, onChange: t, label: n, hint: r, error: i, id: a, name: o, disabled: s, required: c, className: d, inputProps: f, minYear: p = 1900, maxYear: g = 2100 }) {
 	let y = u(), b = m({}), [x, S] = h(!1);
 	if (!Number.isInteger(p) || !Number.isInteger(g) || p < 1 || g > 9999 || p > g) throw RangeError("DatePartsInput requires year bounds between 1 and 9999, with minYear <= maxYear");
-	let C = bs(e, {
+	let C = Ns(e, {
 		required: c,
 		minYear: p,
 		maxYear: g
@@ -9874,7 +10067,7 @@ function xs({ value: e, onChange: t, label: n, hint: r, error: i, id: a, name: o
 		"aria-describedby": A,
 		children: [
 			/* @__PURE__ */ v("legend", {
-				className: "text-text-secondary text-xs font-medium",
+				className: "ui-field-label text-xs font-medium",
 				children: [n, c && /* @__PURE__ */ _("span", { children: " (required)" })]
 			}),
 			r && /* @__PURE__ */ _("p", {
@@ -9890,7 +10083,7 @@ function xs({ value: e, onChange: t, label: n, hint: r, error: i, id: a, name: o
 					"year"
 				].map((n) => /* @__PURE__ */ v("div", {
 					className: "ui-date-part",
-					children: [/* @__PURE__ */ _(Po, {
+					children: [/* @__PURE__ */ _(qo, {
 						inputMode: "numeric",
 						"data-1p-ignore": "true",
 						...f?.[n],
@@ -9957,7 +10150,7 @@ function xs({ value: e, onChange: t, label: n, hint: r, error: i, id: a, name: o
 }
 //#endregion
 //#region src/components/ui/Skeleton.tsx
-function Ss({ className: e, width: t, height: n, style: r, ...i }) {
+function Fs({ className: e, width: t, height: n, style: r, ...i }) {
 	return /* @__PURE__ */ _("div", {
 		...i,
 		"aria-hidden": "true",
@@ -9971,7 +10164,7 @@ function Ss({ className: e, width: t, height: n, style: r, ...i }) {
 }
 //#endregion
 //#region src/components/ui/NavTabs.tsx
-function Cs({ items: e, activeKey: t, renderLink: n, className: r, "aria-label": i = "Sections", ...a }) {
+function Is({ items: e, activeKey: t, renderLink: n, className: r, "aria-label": i = "Sections", ...a }) {
 	return /* @__PURE__ */ _("nav", {
 		...a,
 		"aria-label": i,
@@ -9995,7 +10188,7 @@ function Cs({ items: e, activeKey: t, renderLink: n, className: r, "aria-label":
 }
 //#endregion
 //#region src/components/ui/CharacterCount.tsx
-function ws({ value: e, maxLength: t, announcementDelay: n = 1e3, className: r, ...i }) {
+function Ls({ value: e, maxLength: t, announcementDelay: n = 1e3, className: r, ...i }) {
 	let a = t - e.length, o = Math.abs(a), s = `${o} ${o === 1 ? "character" : "characters"} ${a < 0 ? "over the limit" : "remaining"}`, [c, u] = h(s);
 	return l(() => {
 		let e = setTimeout(() => u(s), n);
@@ -10017,7 +10210,7 @@ function ws({ value: e, maxLength: t, announcementDelay: n = 1e3, className: r,
 }
 //#endregion
 //#region src/providers/ControlSizeProvider.tsx
-function Ts({ size: e, children: t }) {
+function Rs({ size: e, children: t }) {
 	return /* @__PURE__ */ _(rn.Provider, {
 		value: e,
 		children: t
@@ -10025,7 +10218,7 @@ function Ts({ size: e, children: t }) {
 }
 //#endregion
 //#region src/components/ui/ProgressBar.tsx
-var Es = a(function({ label: e, value: t, min: n = 0, max: r = 100, color: i = "accent", striped: a = !1, animated: o = !1, id: s, className: c, ...l }, d) {
+var zs = a(function({ label: e, value: t, min: n = 0, max: r = 100, color: i = "accent", striped: a = !1, animated: o = !1, id: s, className: c, ...l }, d) {
 	let f = u(), p = s ?? f;
 	if (!Number.isFinite(n) || !Number.isFinite(r) || r <= n) throw RangeError("ProgressBar requires a finite max greater than min");
 	if (t !== void 0 && !Number.isFinite(t)) throw RangeError("ProgressBar value must be finite");
@@ -10062,4 +10255,4 @@ var Es = a(function({ label: e, value: t, min: n = 0, max: r = 100, color: i = "
 	});
 });
 //#endregion
-export { Vn as Alert, On as AppShell, He as AreaChart, vs as AttachmentItem, ys as AttachmentList, Hn as AuthCard, kn as AuthLayout, Un as AuthorByline, Lt as Avatar, An as BackLink, Kn as Badge, Ge as BarChart, ut as BottomNav, tn as Breadcrumbs, fn as Button, pt as COMMAND_PALETTE_EVENT, Ni as Calendar, Bi as CalendarGrid, Vi as Card, ws as CharacterCount, Nn as Checkbox, qi as CodeInput, In as ColumnPicker, Ji as Combobox, vt as CommandPalette, Ts as ControlSizeProvider, wi as DEFAULT_CALENDAR_LABELS, mt as DEFAULT_COMMAND_PALETTE_SHORTCUT, Yi as DangerZone, xs as DatePartsInput, Zi as DatePicker, ta as DateRangePicker, sa as DateTimePicker, fa as DetailPanel, Sa as Dialog, Ca as DialogActions, wa as DividerLabel, qe as DonutChart, Ta as DropdownMenu, Ea as EmptyState, Da as ErrorBoundary, ds as FieldError, us as FieldHint, fs as Fieldset, Pn as FilterButton, Oa as FilterDropdown, ls as FormField, ka as Kbd, ja as LoadingSpinner, Ma as MetadataGrid, Na as MetricCard, bt as MobileDrawer, Cs as NavTabs, Ra as OAuthButton, za as PageHeader, Ba as PageSection, Ln as Pagination, Ha as PaginationBar, Wa as PasswordInput, qa as PasswordRequirements, Ja as ProfileHeader, Es as ProgressBar, Ya as ProseContent, Xa as QrCapacityError, bo as QrCode, Je as RadarChart, Ye as RadialBarChart, hs as Radio, Ti as RadioPill, zn as ResourceTable, xo as SearchInput, pn as SectionHeader, So as Select, hn as SelectDropdown, Co as SettingRow, Mt as SettingsContext, os as SettingsProvider, wo as SideSheet, $t as Sidebar, Ss as Skeleton, gn as Slider, Xe as SparkLine, Do as SplitPaneLayout, rt as StackedBarChart, Ao as StatusDot, jo as StepProgress, yn as THEME_MENU_EVENT, Mo as Tabs, Po as TextInput, No as Textarea, Vo as ThemeContext, Sn as ThemeMenu, _n as ThemePreview, cs as ThemeProvider, Fo as Timeline, Bt as ToastProvider, vn as Toggle, zo as Toolbar, Ro as Tooltip, En as TopBar, Bo as UploadDropzone, ot as VerticalBarChart, At as accentItems, Q as addDays, er as addMinutes, tr as addMonths, Yn as calendarDateFromParts, Z as calendarDateParts, G as cn, Wr as createCalendarDateMath, Tt as darkThemes, cr as dateAtMinutes, Ga as defaultPasswordRequirements, ar as differenceInDays, yo as encodeQrCode, Lr as expandAvailabilityRules, kt as fontOptions, Go as formatDateLong, Wo as formatDateShort, Er as formatRangeTitle, Ko as formatRelative, Sr as formatTime, ur as formatTimeOfDay, Cr as formatTimeRange, fr as fromDateKey, Ir as getActiveResourceIds, vr as getViewRange, gr as getVisibleDays, ct as handleAppShellNavigate, Ur as isAllDayLike, st as isAppShellPathActive, Ct as isLightTheme, ir as isSameDay, hr as isTimeGridView, jr as layoutOverlaps, wt as lightThemes, gt as matchesCommandPaletteShortcut, Ka as meetsPasswordRequirements, or as minutesOfDay, lt as navigateToPath, ht as openCommandPalette, bn as openThemeMenu, lr as parseTime, Dr as rangesOverlap, yr as shiftDate, mr as snapDate, pr as snapMinutes, Rn as sortRows, $n as startOfDay, rr as startOfMonth, nr as startOfWeek, Ot as themeDefaults, xt as themeItems, dr as toDateKey, nn as useApplyTheme, an as useControlSize, jt as useDismiss, ft as useFocusTrap, Nt as useSettings, Ho as useTheme, zt as useToast };
+export { qn as Alert, Pn as AppShell, He as AreaChart, js as AttachmentItem, Ms as AttachmentList, Jn as AuthCard, Fn as AuthLayout, Yn as AuthorByline, Lt as Avatar, In as BackLink, Qn as Badge, Ge as BarChart, ut as BottomNav, tn as Breadcrumbs, fn as Button, pt as COMMAND_PALETTE_EVENT, zi as Calendar, Ki as CalendarGrid, qi as Card, Ls as CharacterCount, zn as Checkbox, $i as CodeInput, Hn as ColumnPicker, ea as Combobox, vt as CommandPalette, Rs as ControlSizeProvider, Ai as DEFAULT_CALENDAR_LABELS, mt as DEFAULT_COMMAND_PALETTE_SHORTCUT, ta as DangerZone, Ps as DatePartsInput, ra as DatePicker, sa as DateRangePicker, pa as DateTimePicker, va as DetailPanel, Fa as Dialog, Ia as DialogActions, La as DividerLabel, qe as DonutChart, Ra as DropdownMenu, za as EmptyState, Ba as ErrorBoundary, ws as FieldError, Cs as FieldHint, Ts as Fieldset, Bn as FilterButton, Va as FilterDropdown, Ss as FormField, Ha as Kbd, Wa as LoadingSpinner, Ga as MetadataGrid, Ka as MetricCard, bt as MobileDrawer, Is as NavTabs, Za as OAuthButton, Qa as PageHeader, $a as PageSection, Un as Pagination, to as PaginationBar, ro as PasswordInput, oo as PasswordRequirements, so as ProfileHeader, zs as ProgressBar, co as ProseContent, lo as QrCapacityError, No as QrCode, Je as RadarChart, Ye as RadialBarChart, Os as Radio, ji as RadioPill, Gn as ResourceTable, Po as SearchInput, pn as SectionHeader, Fo as Select, xn as SelectDropdown, Io as SettingRow, Mt as SettingsContext, ys as SettingsProvider, Lo as SideSheet, $t as Sidebar, Fs as Skeleton, Sn as Slider, Xe as SparkLine, Bo as SplitPaneLayout, rt as StackedBarChart, Uo as StatusDot, Wo as StepProgress, Tn as THEME_MENU_EVENT, Go as Tabs, qo as TextInput, Ko as Textarea, es as ThemeContext, On as ThemeMenu, Cn as ThemePreview, xs as ThemeProvider, Jo as Timeline, Bt as ToastProvider, wn as Toggle, Qo as Toolbar, Zo as Tooltip, Mn as TopBar, $o as UploadDropzone, ot as VerticalBarChart, At as accentItems, Q as addDays, or as addMinutes, sr as addMonths, tr as calendarDateFromParts, Z as calendarDateParts, G as cn, Xr as createCalendarDateMath, Tt as darkThemes, mr as dateAtMinutes, io as defaultPasswordRequirements, dr as differenceInDays, Mo as encodeQrCode, Ur as expandAvailabilityRules, kt as fontOptions, is as formatDateLong, rs as formatDateShort, Mr as formatRangeTitle, as as formatRelative, Or as formatTime, gr as formatTimeOfDay, kr as formatTimeRange, vr as fromDateKey, Hr as getActiveResourceIds, wr as getViewRange, Sr as getVisibleDays, ct as handleAppShellNavigate, Yr as isAllDayLike, st as isAppShellPathActive, Ct as isLightTheme, ur as isSameDay, xr as isTimeGridView, Lr as layoutOverlaps, wt as lightThemes, gt as matchesCommandPaletteShortcut, ao as meetsPasswordRequirements, fr as minutesOfDay, lt as navigateToPath, ht as openCommandPalette, En as openThemeMenu, hr as parseTime, Nr as rangesOverlap, Tr as shiftDate, br as snapDate, yr as snapMinutes, Wn as sortRows, ar as startOfDay, lr as startOfMonth, cr as startOfWeek, Ot as themeDefaults, xt as themeItems, _r as toDateKey, nn as useApplyTheme, an as useControlSize, jt as useDismiss, ft as useFocusTrap, Nt as useSettings, ts as useTheme, zt as useToast };