@leonardaustin/ui 0.8.0 → 0.10.0

package/dist/index.js

@@ -3,19 +3,19 @@ import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
 import { Accessibility as y, AlertTriangle as b, ArrowDown as x, ArrowLeft as S, ArrowUp as C, BookOpen as w, Calendar as T, Check as E, CheckCircle2 as D, ChevronDown as O, ChevronLeft as k, ChevronRight as A, ChevronsUpDown as j, Columns3 as M, Eye as N, EyeOff as P, Inbox as F, Info as I, Loader2 as L, LogOut as R, Menu as ee, Minus as te, Monitor as ne, Moon as re, Palette as z, PanelLeft as ie, PanelLeftDashed as ae, Search as B, Settings as oe, Sun as se, UploadCloud as ce, X as V, XCircle as le, Zap as ue } from "lucide-react";
 import { createPortal as H } from "react-dom";
 //#region src/lib/cn.ts
-function de(e) {
+function U(e) {
 	if (typeof e == "string" || typeof e == "number" || typeof e == "bigint") return String(e);
 	if (!e || typeof e != "object") return "";
 	let t = "";
 	if (Array.isArray(e)) for (let n of e) {
 		if (!n) continue;
-		let e = de(n);
+		let e = U(n);
 		e && (t = t ? `${t} ${e}` : e);
 	}
 	else for (let n in e) e[n] && (t = t ? `${t} ${n}` : n);
 	return t;
 }
-var U = new Set([
+var de = new Set([
 	"block",
 	"contents",
 	"flex",
@@ -120,7 +120,7 @@ var U = new Set([
 	"border-solid"
 ]);
 function G(...e) {
-	return be(de(e));
+	return be(U(e));
 }
 function be(e) {
 	let t = [], n = /* @__PURE__ */ new Map();
@@ -168,7 +168,7 @@ function we(e) {
 	if (n) return [...ge[n]];
 	let r = De(e);
 	if (r) return [..._e[r]];
-	if (U.has(e)) return ["display"];
+	if (de.has(e)) return ["display"];
 	if (e === "absolute" || e === "fixed" || e === "relative" || e === "static" || e === "sticky") return ["position"];
 	if (e === "visible" || e === "invisible" || e === "collapse") return ["visibility"];
 	if (e === "border-collapse") return ["border-collapse"];
@@ -2947,7 +2947,7 @@ function On({ className: e, respondToOpenEvent: t = !0 }) {
 			window.removeEventListener("resize", x), window.removeEventListener("scroll", x, !0);
 		};
 	}, [n, x]);
-	let { colorMode: C, setColorMode: w, preferredDarkTheme: T, preferredLightTheme: E, accentColor: D, setAccentColor: O, fontSize: k, setFontSize: A, uiFont: j, setUiFont: M, headingFont: N, setHeadingFont: P, proseFont: F, setProseFont: I, codeFont: L, setCodeFont: R, borderRadius: ee, setBorderRadius: te, borderWidth: ne, setBorderWidth: re, tracking: ie, setTracking: ae, lineHeight: B, setLineHeight: oe, density: se, setDensity: ce, reducedMotion: V, setReducedMotion: le, saveThemeCustomization: ue, resetThemeCustomization: de, hasThemeOverrides: U, isCustomized: W, resolvedTheme: fe } = f;
+	let { colorMode: C, setColorMode: w, preferredDarkTheme: T, preferredLightTheme: E, accentColor: D, setAccentColor: O, fontSize: k, setFontSize: A, uiFont: j, setUiFont: M, headingFont: N, setHeadingFont: P, proseFont: F, setProseFont: I, codeFont: L, setCodeFont: R, borderRadius: ee, setBorderRadius: te, borderWidth: ne, setBorderWidth: re, tracking: ie, setTracking: ae, lineHeight: B, setLineHeight: oe, density: se, setDensity: ce, reducedMotion: V, setReducedMotion: le, saveThemeCustomization: ue, resetThemeCustomization: U, hasThemeOverrides: de, isCustomized: W, resolvedTheme: fe } = f;
 	return /* @__PURE__ */ v(g, { children: [/* @__PURE__ */ _("button", {
 		ref: u,
 		onClick: S,
@@ -3143,9 +3143,9 @@ function On({ className: e, respondToOpenEvent: t = !0 }) {
 					}), /* @__PURE__ */ _(fn, {
 						variant: "secondary",
 						size: "sm",
-						disabled: !U && !W,
+						disabled: !de && !W,
 						onClick: () => {
-							de(), y("info", "Reset to theme defaults");
+							U(), y("info", "Reset to theme defaults");
 						},
 						children: "Reset"
 					})]
@@ -4361,18 +4361,54 @@ function Xr(e) {
 		}
 	};
 }
+function Zr(e, t, n, r, i = !0) {
+	let a = Math.max(5, t), o = (e) => Array.from({ length: Math.ceil((e.max - e.min) / a) }, (t, n) => e.min + n * a);
+	if (!i) return {
+		reference: void 0,
+		axes: e.map(({ day: e, bounds: t }) => ({
+			day: e,
+			bounds: t,
+			minutes: o(t),
+			matchesReference: !1
+		}))
+	};
+	let s = Xr(n.timeZone), c = /* @__PURE__ */ new Map(), l = e.map(({ day: e, bounds: t }) => {
+		let i = s.toDateKey(e), a = c.get(i);
+		if (a) return a;
+		let l = o(t), u = l.map((t) => s.dateAtMinutes(e, t)), d = u.map((e) => Or(e, n)), f = Dr(n.locale ?? "en-GB", {
+			timeZone: n.timeZone,
+			timeZoneName: "short"
+		}), p = new Set(u.map((e) => f.formatToParts(e).find((e) => e.type === "timeZoneName")?.value)), m = t.max - t.min === r.max - r.min && p.size === 1, h = {
+			day: e,
+			bounds: t,
+			minutes: l,
+			signature: JSON.stringify([t.max - t.min, d]),
+			regular: m
+		};
+		return c.set(i, h), h;
+	}), u = /* @__PURE__ */ new Map(), d = [...c.values()].filter((e) => e.regular);
+	for (let e of d) u.set(e.signature, (u.get(e.signature) ?? 0) + 1);
+	let f = d.reduce((e, t) => !e || u.get(t.signature) > u.get(e.signature) || u.get(t.signature) === u.get(e.signature) && t.day < e.day ? t : e, void 0);
+	return {
+		reference: f,
+		axes: l.map((e) => ({
+			...e,
+			matchesReference: !!f && e.signature === f.signature
+		}))
+	};
+}
 //#endregion
 //#region src/components/ui/calendar/context.ts
-var Zr = r(null);
-function Qr() {
-	let e = c(Zr);
+var Qr = r(null);
+function $r() {
+	let e = c(Qr);
 	if (!e) throw Error("Calendar views must render inside <Calendar>");
 	return e;
 }
 //#endregion
 //#region src/components/ui/calendar/AgendaView.tsx
-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, {
+function ei({ days: e, events: t, availability: n, label: r }) {
+	let i = $r(), { daySegment: a, eventsOnDay: o, getFormatter: s, isAllDayLike: c, isSameDay: l, toDateKey: u } = i.dates, d = s(i.locale, {
 		weekday: "long",
 		day: "numeric",
 		month: "long"
@@ -4413,10 +4449,10 @@ function $r({ 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__ */ _(ei, {
+					children: r.map((e) => /* @__PURE__ */ _("li", { children: e.type === "event" ? /* @__PURE__ */ _(ti, {
 						event: e.value,
 						resources: f(e.value.resourceId)
-					}) : /* @__PURE__ */ _(ti, {
+					}) : /* @__PURE__ */ _(ni, {
 						block: e.value,
 						resources: f(e.value.resourceId)
 					}) }, `${e.type}:${e.value.id}`))
@@ -4425,8 +4461,8 @@ function $r({ days: e, events: t, availability: n, label: r }) {
 		})
 	});
 }
-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);
+function ti({ event: e, resources: t }) {
+	let n = $r(), { 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,
@@ -4473,8 +4509,8 @@ function ei({ event: e, resources: t }) {
 		]
 	});
 }
-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;
+function ni({ block: e, resources: t }) {
+	let n = $r(), 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,
@@ -4506,12 +4542,12 @@ function ti({ block: e, resources: t }) {
 }
 //#endregion
 //#region src/components/ui/calendar/MonthView.tsx
-var ni = 96, ri = 224;
-function ii(e) {
+var ri = 96, ii = 224;
+function ai(e) {
 	return `${e.type}:${e.value.id}`;
 }
-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), [
+function oi({ date: e, events: t, availability: n, label: r }) {
+	let i = $r(), { 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
@@ -4565,8 +4601,8 @@ function ai({ 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, ni) - 28) / 20)) : 3);
-	function U(e) {
+	]), ue = y(i.locale, { weekday: "short" }), U = i.monthMaxEvents ?? (ne ? Math.max(1, Math.floor((Math.max(ne / T.length, ri) - 28) / 20)) : 3);
+	function de(e) {
 		let t = w(e);
 		k(t), requestAnimationFrame(() => {
 			E.current?.querySelector(`[data-cal-date="${t}"]`)?.focus();
@@ -4583,11 +4619,11 @@ function ai({ date: e, events: t, availability: n, label: r }) {
 		if (e.key in n) {
 			e.preventDefault();
 			let r = a(t, n[e.key]);
-			B.some((e) => S(e, r)) && U(r);
+			B.some((e) => S(e, r)) && de(r);
 		} else if (e.key === "Home" || e.key === "End") {
 			e.preventDefault();
 			let n = (i.dates.weekday(t) - i.weekStartsOn + 7) % 7;
-			U(a(t, e.key === "Home" ? -n : 6 - n));
+			de(a(t, e.key === "Home" ? -n : 6 - n));
 		} else (e.key === "Enter" || e.key === " ") && (e.preventDefault(), i.openDay(t));
 	}
 	function fe(e) {
@@ -4619,7 +4655,7 @@ function ai({ 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(ii(t.item));
+				t.started = !0, L(ai(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);
@@ -4672,7 +4708,7 @@ function ai({ date: e, events: t, availability: n, label: r }) {
 		}, "pointer");
 	}
 	let ye = (e, t) => {
-		let n = ii(e), r = e.value.placeholder ? {
+		let n = ai(e), r = e.value.placeholder ? {
 			"aria-hidden": !0,
 			"data-placeholder": !0
 		} : {
@@ -4743,7 +4779,7 @@ function ai({ date: e, events: t, availability: n, label: r }) {
 				role: "row",
 				className: "grid min-h-24 flex-1 grid-cols-7",
 				children: e.map((e) => {
-					let t = w(e), n = le.get(t), r = n?.items ?? [], a = Math.max(1, de), o = r.length > a, s = o ? r.slice(0, a - 1) : r, c = t === oe, l = i.dates.parts(e).month !== ae, u = i.hasAvailability && i.shadeOutsideAvailability && !n?.hasAvailable;
+					let t = w(e), n = le.get(t), r = n?.items ?? [], a = Math.max(1, U), o = r.length > a, s = o ? r.slice(0, a - 1) : r, c = t === oe, l = i.dates.parts(e).month !== ae, u = i.hasAvailability && i.shadeOutsideAvailability && !n?.hasAvailable;
 					return /* @__PURE__ */ v("div", {
 						role: "gridcell",
 						tabIndex: t === ce ? 0 : -1,
@@ -4777,7 +4813,7 @@ function ai({ 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, ri);
+										let e = Math.max(n.width, ii);
 										N({
 											top: Math.max(8, n.top),
 											left: Math.max(8, Math.min(n.left, window.innerWidth - e - 8)),
@@ -4820,8 +4856,8 @@ function ai({ date: e, events: t, availability: n, label: r }) {
 }
 //#endregion
 //#region src/components/ui/calendar/items.tsx
-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, {
+function si({ event: e, style: t, resizeEdge: n, compact: r, dense: i, continuesBefore: a, continuesAfter: o, dragging: s, onKeyDown: c, onClick: l }) {
+	let u = $r(), 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,
@@ -4852,7 +4888,7 @@ function oi({ event: e, style: t, resizeEdge: n, compact: r, dense: i, continues
 		}), h && /* @__PURE__ */ _("span", {
 			className: "ui-cal-meta font-mono",
 			children: h
-		})] }) : /* @__PURE__ */ _(si, {
+		})] }) : /* @__PURE__ */ _(ci, {
 			event: e,
 			compact: r,
 			timeLabel: p.time ? f : void 0,
@@ -4867,7 +4903,7 @@ function oi({ event: e, style: t, resizeEdge: n, compact: r, dense: i, continues
 		})]
 	});
 }
-function si({ event: e, compact: t, timeLabel: n, statusLabel: r, description: i, badge: a }) {
+function ci({ 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", {
@@ -4905,8 +4941,8 @@ function si({ event: e, compact: t, timeLabel: n, statusLabel: r, description: i
 		})
 	] });
 }
-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);
+function li({ block: e, style: t, resizeEdge: n, continuesAfter: r, dragging: i, onKeyDown: a, onClick: o }) {
+	let s = $r(), 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,
@@ -4942,8 +4978,8 @@ function ci({ block: e, style: t, resizeEdge: n, continuesAfter: r, dragging: i,
 		]
 	});
 }
-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;
+function ui({ draft: e, invalid: t, style: n }) {
+	let r = $r(), 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,
@@ -4967,8 +5003,8 @@ function li({ draft: e, invalid: t, style: n }) {
 }
 //#endregion
 //#region src/components/ui/calendar/useGridInteraction.ts
-var ui = 4, di = 10, fi = 36;
-function pi(e, t, n, r, i) {
+var di = 4, fi = 10, pi = 36;
+function mi(e, t, n, r, i) {
 	let a = zr(e.value.resourceId).length > 0, o = {
 		action: t,
 		start: n.start,
@@ -4987,11 +5023,11 @@ function pi(e, t, n, r, i) {
 		...o
 	};
 }
-function mi(e, t) {
+function hi(e, t) {
 	return t.target === "selection" ? !1 : Jr(e.value, t) && (t.resourceId === void 0 || t.resourceId === t.previousResourceId);
 }
-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({
+function gi({ axis: e, columns: t, pxPerMinute: n, scrollRef: r, events: i, blocks: a, initialColumn: o }) {
+	let s = $r(), { 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,
@@ -5057,12 +5093,12 @@ function hi({ 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 = pi(e.item, "move", c, s.resourceId, a.resourceId);
+			l = mi(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 = pi(e.item, "resize", {
+			l = mi(e.item, "resize", {
 				start: e.item.value.start,
 				end: n
 			}, s.resourceId, s.resourceId);
@@ -5077,7 +5113,7 @@ function hi({ 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 + 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) {
+		if (e.lastY < n.top + pi ? a = -1 : e.lastY > n.bottom - pi && (a = 1), e.lastX < n.left + pi ? i = -1 : e.lastX > n.right - pi && (i = 1), !i && !a) {
 			e.frame = void 0;
 			return;
 		}
@@ -5090,7 +5126,7 @@ function hi({ 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 && mi(a.item, e.draft)) return;
+				if (!e || a.item && hi(a.item, e.draft)) return;
 				t.commit(e.draft, "pointer");
 				return;
 			}
@@ -5152,11 +5188,11 @@ function hi({ 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 > di && (t.moved = !0);
+					n > fi && (t.moved = !0);
 					return;
 				}
-				if (t.kind === "click" || n < ui) {
-					n >= ui && (t.moved = !0);
+				if (t.kind === "click" || n < di) {
+					n >= di && (t.moved = !0);
 					return;
 				}
 				t.started = !0, r.current?.setPointerCapture?.(t.pointerId);
@@ -5215,17 +5251,17 @@ function hi({ 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 = pi(f, "resize", {
+				v = mi(f, "resize", {
 					start: d.start,
 					end: t
 				}, _.resourceId, _.resourceId);
-			} else v = pi(f, "move", u(d, e, s.dayBounds(d.start)), _.resourceId, _.resourceId);
+			} else v = mi(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 = pi(f, "move", g(d, p(e.day, _.day)), _.resourceId, e.resourceId);
+			v = mi(f, "move", g(d, p(e.day, _.day)), _.resourceId, e.resourceId);
 		}
-		v && (n.preventDefault(), !mi(f, v) && s.commit(v, "keyboard") && j(o));
+		v && (n.preventDefault(), !hi(f, v) && s.commit(v, "keyboard") && j(o));
 	}
 	function N(e) {
 		if (e.target !== e.currentTarget || y) return;
@@ -5355,12 +5391,12 @@ function hi({ axis: e, columns: t, pxPerMinute: n, scrollRef: r, events: i, bloc
 }
 //#endregion
 //#region src/components/ui/calendar/TimeGrid.tsx
-var gi = 22, _i = 3, vi = 18, yi = 36;
-function bi(e) {
+var _i = 22, vi = 3, yi = 18, bi = 36;
+function xi(e) {
 	let t = e.querySelector(".ui-cal-head")?.offsetHeight ?? 0;
 	return (e.clientHeight - t) / 2;
 }
-function xi(e, t, n, r, i) {
+function Si(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,
@@ -5370,8 +5406,8 @@ function xi(e, t, n, r, i) {
 		continuesAfter: a.continuesAfter || a.endMinute > r
 	} : null;
 }
-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) => ({
+function Ci({ days: e, events: t, availability: n, label: r }) {
+	let i = $r(), { 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),
@@ -5386,7 +5422,7 @@ function Si({ 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 = hi({
+	]), 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 = gi({
 		axis: "y",
 		columns: O,
 		pxPerMinute: C,
@@ -5395,12 +5431,12 @@ function Si({ 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 = vi / C;
+		let e = t.filter((e) => !c(e)), r = yi / C;
 		return O.map((t) => {
 			let o = t.bounds ?? i.bounds, s = 0, c = 0, l = [];
 			for (let n of e) {
 				if (!Br(n.resourceId, t.resourceId, { emptyMatchesAll: !1 })) continue;
-				let e = xi(n, t.day, o.min, o.max, a);
+				let e = Si(n, t.day, o.min, o.max, a);
 				e === "before" ? s++ : e === "after" ? c++ : e && l.push(e);
 			}
 			let u = Lr(l.map((e) => ({
@@ -5410,7 +5446,7 @@ function Si({ days: e, events: t, availability: n, label: r }) {
 			})), r), d = [];
 			for (let e of n) {
 				if (!Br(e.resourceId, t.resourceId, { emptyMatchesAll: !0 })) continue;
-				let n = xi(e, t.day, o.min, o.max, a);
+				let n = Si(e, t.day, o.min, o.max, a);
 				n && typeof n == "object" && d.push(n);
 			}
 			let f = F ? Lr(d.map((e) => ({
@@ -5470,12 +5506,12 @@ function Si({ days: e, events: t, availability: n, label: r }) {
 		O,
 		a,
 		c
-	]), 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);
+	]), R = E ? L.count : Math.min(L.count, vi), 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 + bi(e)) / te.current;
+			ne.current = (e.scrollTop + xi(e)) / te.current;
 		};
 		return e.addEventListener("scroll", t, { passive: !0 }), () => e.removeEventListener("scroll", t);
 	}, []), f(() => {
@@ -5483,7 +5519,7 @@ function Si({ 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 - bi(e)));
+		t !== null && (e.scrollTop = Math.max(0, t * C - xi(e)));
 	}, [C]);
 	let re = m(null), z = i.scrollToMinute, { dates: ie, timeZone: ae, now: B } = i, oe = i.scrollAlign;
 	l(() => {
@@ -5491,7 +5527,7 @@ function Si({ 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" ? bi(t) : 8;
+			let e = oe === "center" ? xi(t) : 8;
 			t.scrollTop = Math.max(0, (r - a.min) * C - e);
 		};
 		if (s(), typeof ResizeObserver > "u") return;
@@ -5526,35 +5562,56 @@ function Si({ days: e, events: t, availability: n, label: r }) {
 		ae,
 		B
 	]);
-	let se = e.length > 1, ce = x.length > 0, V = i.timeZone ? 72 : 0, le = i.timeZone ? Math.max(ce ? i.resourceMinWidth : 0, 180) : ce ? i.resourceMinWidth : 44, ue = Math.max(...O.map((e) => (e.bounds?.max ?? b.max) - (e.bounds?.min ?? b.min))) * C, H = {
+	let se = e.length > 1, ce = x.length > 0, V = !!i.timeZone && i.sharedTimeAxis, le = p(() => Zr(O.map((e) => ({
+		day: e.day,
+		bounds: e.bounds ?? i.bounds
+	})), i.slotLabelInterval, {
+		timeZone: i.timeZone,
+		locale: i.locale,
+		hour12: i.hour12
+	}, i.bounds, V), [
+		O,
+		i.slotLabelInterval,
+		i.timeZone,
+		i.locale,
+		i.hour12,
+		i.bounds,
+		V
+	]), ue = le.reference, H = le.axes.map((e) => !!i.timeZone && (!V || !e.matchesReference)), U = ue ? s(i.locale, { timeZoneName: "short" }).formatToParts(i.dates.dateAtMinutes(ue.day, ue.bounds.min)).find((e) => e.type === "timeZoneName")?.value : void 0, de = H.some(Boolean) ? Math.max(ce ? i.resourceMinWidth : 0, 180) : ce ? i.resourceMinWidth : 44, W = Math.max(...O.map((e) => (e.bounds?.max ?? b.max) - (e.bounds?.min ?? b.min))) * C, fe = {
 		"--cal-hour": `${S}px`,
 		"--cal-offset": `${-(b.min % 60 * C)}px`,
-		height: ue
-	}, de = [], U = Math.max(5, i.slotLabelInterval);
-	for (let e = Math.ceil(b.min / U) * U; e < b.max; e += U) e > b.min && de.push(e);
-	let W = s(i.locale, { weekday: "short" }), fe = g(i.now), pe = i.nowIndicator, me = N?.draft, he = me && (me.target === "selection" ? me.resourceId : me.resourceIds), ge = "";
+		height: W
+	}, pe = ue?.bounds ?? b, me = [], he = Math.max(5, i.slotLabelInterval);
+	for (let e = Math.ceil(pe.min / he) * he; e < pe.max; e += he) e > pe.min && me.push(e);
+	let ge = s(i.locale, { weekday: "short" }), _e = g(i.now), ve = i.nowIndicator, ye = N?.draft, be = ye && (ye.target === "selection" ? ye.resourceId : ye.resourceIds), xe = "";
 	if (P) {
 		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 ? 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}` : ""}`;
+			xe = `${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", {
 		ref: w,
 		"data-cal-drag": N?.draft.action,
 		className: "ui-cal-scroll relative min-h-0 flex-1 overflow-auto",
+		style: i.timeZone && !ue ? { "--cal-gutter": "0px" } : void 0,
 		children: /* @__PURE__ */ v("div", {
 			className: "flex min-h-full flex-col",
-			style: { minWidth: `calc(var(--cal-gutter) + ${O.length * le}px)` },
+			style: { minWidth: `calc(var(--cal-gutter) + ${O.length * de}px)` },
 			children: [/* @__PURE__ */ v("div", {
 				className: "ui-cal-head border-border border-b",
 				children: [
 					se && /* @__PURE__ */ v("div", {
 						className: "flex",
-						children: [/* @__PURE__ */ _("div", { className: "ui-cal-corner" }), e.map((e) => /* @__PURE__ */ _(Ci, {
+						children: [/* @__PURE__ */ _("div", {
+							className: U ? "ui-cal-corner text-text-tertiary flex items-center justify-center text-2xs" : "ui-cal-corner",
+							title: U ? i.timeZone : void 0,
+							"aria-label": U ? i.timeZone : void 0,
+							children: U
+						}), e.map((e) => /* @__PURE__ */ _(wi, {
 							day: e,
-							weekday: W.format(e),
+							weekday: ge.format(e),
 							isToday: d(e, i.now),
 							grow: ce ? x.length : 1,
 							onOpen: () => i.openDay(e),
@@ -5563,7 +5620,12 @@ function Si({ 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__ */ _(wi, {
+						children: [/* @__PURE__ */ _("div", {
+							className: U && !se ? "ui-cal-corner text-text-tertiary flex items-center justify-center text-2xs" : "ui-cal-corner",
+							title: !se && U ? i.timeZone : void 0,
+							"aria-label": !se && U ? i.timeZone : void 0,
+							children: se ? void 0 : U
+						}), O.map((e, t) => /* @__PURE__ */ _(Ti, {
 							resource: i.resourceById.get(e.resourceId ?? ""),
 							sub: t % x.length !== 0
 						}, e.key))]
@@ -5572,7 +5634,7 @@ function Si({ 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 > _i && /* @__PURE__ */ _("button", {
+							children: [/* @__PURE__ */ _("span", { children: i.labels.allDay }), L.count > vi && /* @__PURE__ */ _("button", {
 								type: "button",
 								className: "text-accent cursor-pointer hover:underline",
 								"aria-expanded": E,
@@ -5581,19 +5643,19 @@ function Si({ days: e, events: t, availability: n, label: r }) {
 							})]
 						}), /* @__PURE__ */ _("div", {
 							className: "relative flex-1",
-							style: { height: R * gi + 4 },
+							style: { height: R * _i + 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__ */ _(oi, {
+								return /* @__PURE__ */ _(si, {
 									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 * gi + 2,
-										height: gi - 3,
+										top: t * _i + 2,
+										height: _i - 3,
 										left: `calc(${e.start / O.length * 100}% + 2px)`,
 										width: `calc(${(e.end - e.start) / O.length * 100}% - 4px)`,
 										justifyContent: "center"
@@ -5609,15 +5671,30 @@ function Si({ days: e, events: t, availability: n, label: r }) {
 				]
 			}), /* @__PURE__ */ v("div", {
 				className: "flex flex-1",
-				children: [/* @__PURE__ */ _("div", {
+				children: [/* @__PURE__ */ v("div", {
 					className: "ui-cal-gutter relative",
-					style: { height: ue },
+					style: { height: W },
 					"aria-hidden": "true",
-					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: Ar(e, i)
-					}, e))
+					children: [
+						U && !se && !ce && /* @__PURE__ */ _("span", {
+							className: "text-text-tertiary absolute top-0 right-2 text-2xs",
+							"aria-hidden": "true",
+							children: U
+						}),
+						ue && me.map((e) => {
+							let t = i.dates.parts(i.dates.dateAtMinutes(ue.day, e));
+							return /* @__PURE__ */ _("span", {
+								className: "text-text-tertiary font-mono absolute right-2 -translate-y-1/2 text-2xs",
+								style: { top: (e - ue.bounds.min) * C },
+								children: Ar(t.hour * 60 + t.minute, i)
+							}, e);
+						}),
+						!i.timeZone && me.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: Ar(e, i)
+						}, e))
+					]
 				}), /* @__PURE__ */ v("div", {
 					role: "group",
 					"aria-roledescription": "time grid",
@@ -5625,7 +5702,7 @@ function Si({ days: e, events: t, availability: n, label: r }) {
 					"aria-describedby": T,
 					tabIndex: 0,
 					className: "ui-cal-lines ui-cal-surface relative flex flex-1 select-none focus-visible:outline-none",
-					style: H,
+					style: fe,
 					onPointerDown: M.onPointerDown,
 					onFocus: M.onGridFocus,
 					onBlur: M.onGridBlur,
@@ -5639,21 +5716,21 @@ function Si({ days: e, events: t, availability: n, label: r }) {
 						/* @__PURE__ */ _("span", {
 							className: "sr-only",
 							"aria-live": "polite",
-							children: ge
+							children: xe
 						}),
 						O.map((e, t) => {
-							let n = I[t], r = e.bounds ?? i.bounds, o = i.timeZone ? Array.from({ length: Math.ceil((r.max - r.min) / U) }, (e, t) => r.min + t * U) : [], s = d(e.day, i.now), c = ce && t % x.length !== 0;
+							let n = I[t], r = e.bounds ?? i.bounds, o = H[t] ? 72 : 0, s = H[t] ? le.axes[t].minutes : [], c = d(e.day, i.now), l = ce && t % x.length !== 0;
 							return /* @__PURE__ */ v("div", {
 								"data-cal-col": t,
-								"data-today": s || void 0,
-								"data-subcol": c || void 0,
+								"data-today": c || void 0,
+								"data-subcol": l || void 0,
 								className: "ui-cal-col flex-1",
 								style: {
-									minWidth: le,
+									minWidth: de,
 									height: (r.max - r.min) * C
 								},
 								children: [
-									o.map((t) => /* @__PURE__ */ _("span", {
+									s.map((t) => /* @__PURE__ */ _("span", {
 										className: "ui-cal-zone-label",
 										style: { top: (t - r.min) * C },
 										"aria-hidden": "true",
@@ -5671,7 +5748,7 @@ function Si({ days: e, events: t, availability: n, label: r }) {
 									}, `o${e}`)),
 									n.blocks.map((e) => {
 										let a = n.blockLayout?.get(e.item.id);
-										return /* @__PURE__ */ _(ci, {
+										return /* @__PURE__ */ _(li, {
 											block: e.item,
 											resizeEdge: "bottom",
 											continuesAfter: e.continuesAfter,
@@ -5679,8 +5756,8 @@ function Si({ days: e, events: t, availability: n, label: r }) {
 											style: {
 												top: (e.start - r.min) * C,
 												height: Math.max((e.end - e.start) * C, 4),
-												left: a ? `calc(${a.column / a.columns * 100}% + ${V * (1 - a.column / a.columns) + 1}px)` : V,
-												width: a ? `calc(${a.span / a.columns * 100}% - ${V * a.span / a.columns + 4}px)` : V ? `calc(100% - ${V}px)` : "100%"
+												left: a ? `calc(${a.column / a.columns * 100}% + ${o * (1 - a.column / a.columns) + 1}px)` : o,
+												width: a ? `calc(${a.span / a.columns * 100}% - ${o * a.span / a.columns + 4}px)` : o ? `calc(100% - ${o}px)` : "100%"
 											},
 											onKeyDown: (n) => M.onItemKeyDown(n, "availability", e.item.id, t),
 											onClick: (t) => {
@@ -5689,13 +5766,13 @@ function Si({ days: e, events: t, availability: n, label: r }) {
 										}, e.item.id);
 									}),
 									/* @__PURE__ */ _("div", {
-										style: V ? { left: V } : void 0,
+										style: o ? { left: o } : 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, vi);
-											return /* @__PURE__ */ _(oi, {
+											let a = n.layout.get(e.item.id), o = Math.max((e.end - e.start) * C, yi);
+											return /* @__PURE__ */ _(si, {
 												event: e.item,
-												compact: o < yi,
+												compact: o < bi,
 												resizeEdge: "bottom",
 												continuesBefore: e.continuesBefore,
 												continuesAfter: e.continuesAfter,
@@ -5725,21 +5802,21 @@ function Si({ days: e, events: t, availability: n, label: r }) {
 										"data-cal-ignore": !0,
 										children: i.labels.later(n.later)
 									}),
-									s && pe && fe >= r.min && fe <= r.max && /* @__PURE__ */ _("div", {
+									c && ve && _e >= r.min && _e <= r.max && /* @__PURE__ */ _("div", {
 										className: "ui-cal-now",
 										"data-axis": "y",
-										"data-dot": !c || void 0,
-										style: { top: (fe - r.min) * C }
+										"data-dot": !l || void 0,
+										style: { top: (_e - r.min) * C }
 									}),
-									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,
+									ye && Br(be, e.resourceId, { emptyMatchesAll: !0 }) && (() => {
+										let t = Si(ye, e.day, r.min, r.max, a);
+										return !t || typeof t != "object" ? null : /* @__PURE__ */ _(ui, {
+											draft: ye,
 											invalid: N?.invalid,
 											style: {
 												top: (t.start - r.min) * C + 1,
-												height: Math.max((t.end - t.start) * C - 2, vi),
-												left: V + 1,
+												height: Math.max((t.end - t.start) * C - 2, yi),
+												left: o + 1,
 												right: 4
 											}
 										});
@@ -5748,7 +5825,7 @@ function Si({ days: e, events: t, availability: n, label: r }) {
 										"data-cal-cursor": !0,
 										className: "ui-cal-cursor",
 										style: {
-											left: V,
+											left: o,
 											right: 0,
 											top: (P.start - r.min) * C,
 											height: (P.end - P.start) * C
@@ -5763,8 +5840,8 @@ function Si({ days: e, events: t, availability: n, label: r }) {
 		})
 	});
 }
-function Ci({ day: e, weekday: t, isToday: n, grow: r, bordered: i, onOpen: a }) {
-	let o = Qr();
+function wi({ day: e, weekday: t, isToday: n, grow: r, bordered: i, onOpen: a }) {
+	let o = $r();
 	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` },
@@ -5784,8 +5861,8 @@ function Ci({ day: e, weekday: t, isToday: n, grow: r, bordered: i, onOpen: a })
 		})
 	});
 }
-function wi({ resource: e, sub: t }) {
-	let n = Qr();
+function Ti({ resource: e, sub: t }) {
+	let n = $r();
 	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 },
@@ -5807,8 +5884,8 @@ function wi({ resource: e, sub: t }) {
 }
 //#endregion
 //#region src/components/ui/calendar/TimelineView.tsx
-var Ti = 34, Ei = 4, Di = 28;
-function Oi(e, t, n, r, i) {
+var Ei = 34, Di = 4, Oi = 28;
+function ki(e, t, n, r, i) {
 	let a = i(e.start, e.end, t);
 	return !a || a.endMinute <= n || a.startMinute >= r ? null : {
 		item: e,
@@ -5818,8 +5895,8 @@ function Oi(e, t, n, r, i) {
 		continuesAfter: a.continuesAfter || a.endMinute > r
 	};
 }
-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);
+function Ai({ day: e, events: t, availability: n, label: r }) {
+	let i = $r(), { 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;
@@ -5850,7 +5927,7 @@ function ki({ day: e, events: t, availability: n, label: r }) {
 		D,
 		T,
 		e
-	]), j = hi({
+	]), j = gi({
 		axis: "x",
 		columns: k,
 		pxPerMinute: S,
@@ -5859,13 +5936,13 @@ function ki({ 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 = Di / S;
+		let r = Oi / S;
 		return k.map((o) => {
-			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) => ({
+			let s = t.filter((e) => Br(e.resourceId, o.resourceId, { emptyMatchesAll: !1 })).map((t) => ki(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) => 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) => ({
+			}))), u = n.filter((e) => Br(e.resourceId, o.resourceId, { emptyMatchesAll: !0 })).map((t) => ki(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)
@@ -5986,7 +6063,7 @@ function ki({ 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 * Ti + Ei * 2;
+							let s = r.laneCount * Ei + Di * 2;
 							return /* @__PURE__ */ v("div", {
 								className: "border-border flex border-b",
 								children: [/* @__PURE__ */ v("div", {
@@ -6026,7 +6103,7 @@ function ki({ 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__ */ _(ci, {
+											return /* @__PURE__ */ _(li, {
 												block: e.item,
 												resizeEdge: "right",
 												continuesAfter: e.continuesAfter,
@@ -6034,8 +6111,8 @@ function ki({ 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 : Ei + t * Ti,
-													height: t === void 0 ? "100%" : Ti - 3
+													top: t === void 0 ? 0 : Di + t * Ei,
+													height: t === void 0 ? "100%" : Ei - 3
 												},
 												onKeyDown: (t) => j.onItemKeyDown(t, "availability", e.item.id, n),
 												onClick: (t) => {
@@ -6047,7 +6124,7 @@ function ki({ 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__ */ _(oi, {
+												return /* @__PURE__ */ _(si, {
 													event: e.item,
 													compact: !1,
 													dense: !0,
@@ -6057,9 +6134,9 @@ function ki({ 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, Di) - 2,
-														top: Ei + t * Ti,
-														height: Ti - 3,
+														width: Math.max((e.end - e.start) * S, Oi) - 2,
+														top: Di + t * Ei,
+														height: Ei - 3,
 														justifyContent: "center"
 													},
 													onKeyDown: (t) => j.onItemKeyDown(t, "event", e.item.id, n),
@@ -6075,15 +6152,15 @@ function ki({ day: e, events: t, availability: n, label: r }) {
 											style: { left: (ne - c.min) * S }
 										}),
 										z && Br(ie, o.resourceId, { emptyMatchesAll: !0 }) && (() => {
-											let t = Oi(z, e, c.min, c.max, a);
-											return t ? /* @__PURE__ */ _(li, {
+											let t = ki(z, e, c.min, c.max, a);
+											return t ? /* @__PURE__ */ _(ui, {
 												draft: z,
 												invalid: M?.invalid,
 												style: {
 													left: (t.start - c.min) * S + 1,
-													width: Math.max((t.end - t.start) * S - 2, Di),
-													top: Ei,
-													bottom: Ei
+													width: Math.max((t.end - t.start) * S - 2, Oi),
+													top: Di,
+													bottom: Di
 												}
 											}) : null;
 										})(),
@@ -6109,7 +6186,7 @@ function ki({ day: e, events: t, availability: n, label: r }) {
 }
 //#endregion
 //#region src/components/ui/calendar/types.ts
-var Ai = {
+var ji = {
 	today: "Today",
 	previous: "Previous",
 	next: "Next",
@@ -6146,7 +6223,7 @@ var Ai = {
 };
 //#endregion
 //#region src/components/ui/RadioPill.tsx
-function ji({ options: e, value: t, onChange: n, disabled: r, className: i, "aria-label": a }) {
+function Mi({ options: e, value: t, onChange: n, disabled: r, className: i, "aria-label": a }) {
 	return /* @__PURE__ */ _("div", {
 		role: "radiogroup",
 		"aria-label": a,
@@ -6163,25 +6240,25 @@ function ji({ options: e, value: t, onChange: n, disabled: r, className: i, "ari
 }
 //#endregion
 //#region src/components/ui/Calendar.tsx
-var Mi = [
+var Ni = [
 	"day",
 	"threeDay",
 	"week",
 	"month",
 	"agenda"
 ];
-function Ni() {
+function Pi() {
 	return /* @__PURE__ */ new Date();
 }
-function Pi(e) {
-	let [t, n] = h(Ni);
+function Fi(e) {
+	let [t, n] = h(Pi);
 	return l(() => {
 		if (e) return;
-		let t = setInterval(() => n(Ni()), 3e4);
+		let t = setInterval(() => n(Pi()), 3e4);
 		return () => clearInterval(t);
 	}, [e]), e ?? t;
 }
-function Fi(e) {
+function Ii(e) {
 	let [t, n] = h(null);
 	return l(() => {
 		let t = e.current;
@@ -6192,38 +6269,38 @@ function Fi(e) {
 		return r.observe(t), () => r.disconnect();
 	}, [e]), t;
 }
-var Ii = /* @__PURE__ */ new Set();
-function Li(e) {
+var Li = /* @__PURE__ */ new Set();
+function Ri(e) {
 	let t = !1;
 	try {
 		t = process.env.NODE_ENV !== "production";
 	} catch {}
-	!t || Ii.has(e) || (Ii.add(e), console.warn(`[Calendar] ${e}`));
+	!t || Li.has(e) || (Li.add(e), console.warn(`[Calendar] ${e}`));
 }
-function Ri(e, t, n) {
+function zi(e, t, n) {
 	try {
 		return hr(t);
 	} catch {
-		return Li(`Invalid ${e} "${t}", expected HH:mm; using the default.`), n;
+		return Ri(`Invalid ${e} "${t}", expected HH:mm; using the default.`), n;
 	}
 }
-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 && xr(Pe) && Pe !== "day" && H ? H : Pe, q = p(() => ({
-		...Ai,
-		...pe,
+function Bi({ events: e = [], availability: t, resources: n = [], view: r, defaultView: i = "week", onViewChange: a, views: o = Ni, date: s, defaultDate: c, onDateChange: d, onRangeChange: g, weekStartsOn: y = 1, workWeekDays: b, agendaDays: x = 7, slotMinTime: S = "07:00", slotMaxTime: C = "20:00", slotDuration: w = 15, slotLabelInterval: T = 60, sharedTimeAxis: E = !1, hourHeight: D = 48, timelineHourWidth: O = 96, resourceMinWidth: j = 120, scrollToTime: M, scrollAlign: N = "start", now: P, nowIndicator: F = !0, editLayer: I = "events", readOnly: R = !1, selectable: ee, clickCreateDuration: te = 30, shadeOutsideAvailability: ne = !0, onCreate: re, onEventClick: z, onEventChange: ie, onAvailabilityClick: ae, onAvailabilityChange: B, validate: oe, onInvalidChange: se, onDateClick: ce, renderEvent: V, monthMaxEvents: le, agendaShowAvailability: ue = !0, display: H, narrowView: U = "day", narrowWidth: de = 640, locale: W = "en-GB", timeZone: fe, hour12: pe = !1, labels: me, toolbar: he = !0, toolbarActions: ge, loading: _e = !1, className: ve, "aria-label": ye }) {
+	let be = p(() => Xr(fe), [fe]), { addDays: xe, formatLongDate: Se, formatRangeTitle: Ce, getVisibleDays: we, minutesOfDay: Te, shiftDate: Ee } = be, De = m(null), Oe = u(), ke = Fi(P), Ae = Ii(De), [je, Me] = h(i), [Ne, Pe] = h(() => c ?? Pi()), Fe = r ?? je, K = s ?? Ne, Ie = (e) => {
+		r === void 0 && Me(e), a?.(e);
+	}, Le = (e) => {
+		s === void 0 && Pe(e), d?.(e);
+	}, q = Ae !== null && Ae < de && U !== !1 && xr(Fe) && Fe !== "day" && U ? U : Fe, Re = p(() => ({
+		...ji,
+		...me,
 		views: {
-			...Ai.views,
-			...pe?.views
+			...ji.views,
+			...me?.views
 		},
 		status: {
-			...Ai.status,
-			...pe?.status
+			...ji.status,
+			...me?.status
 		}
-	}), [pe]), Re = p(() => ({
+	}), [me]), ze = p(() => ({
 		weekStartsOn: y,
 		workWeekDays: b,
 		agendaDays: x
@@ -6231,127 +6308,128 @@ function zi({ events: e = [], availability: t, resources: n = [], view: r, defau
 		y,
 		b,
 		x
-	]), ze = Fe.getTime(), J = p(() => Ce(Le, new Date(ze), Re), [
-		Le,
+	]), J = K.getTime(), Be = p(() => we(q, new Date(J), ze), [
+		q,
+		J,
 		ze,
-		Re,
-		Ce
-	]), Be = J[0], Ve = be(J[J.length - 1], 1), He = Be.getTime(), Ue = Ve.getTime(), We = m(g);
+		we
+	]), Ve = Be[0], He = xe(Be[Be.length - 1], 1), Ue = Ve.getTime(), We = He.getTime(), Ge = m(g);
 	f(() => {
-		We.current = g;
+		Ge.current = g;
 	}), l(() => {
-		We.current?.({
-			start: new Date(He),
-			end: new Date(Ue),
-			view: Le
+		Ge.current?.({
+			start: new Date(Ue),
+			end: new Date(We),
+			view: q
 		});
 	}, [
-		He,
 		Ue,
-		Le
+		We,
+		q
 	]);
-	let Ge = p(() => e.filter((e) => Nr(e.start.getTime(), Math.max(e.end.getTime(), e.start.getTime() + 1), He, Ue)), [
+	let Ke = p(() => e.filter((e) => Nr(e.start.getTime(), Math.max(e.end.getTime(), e.start.getTime() + 1), Ue, We)), [
 		e,
-		He,
-		Ue
-	]), Ke = p(() => (t ?? []).filter((e) => Nr(e.start.getTime(), e.end.getTime(), He, Ue)), [
+		Ue,
+		We
+	]), qe = p(() => (t ?? []).filter((e) => Nr(e.start.getTime(), e.end.getTime(), Ue, We)), [
 		t,
-		He,
-		Ue
-	]), 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
+		Ue,
+		We
+	]), Je = zi("slotMinTime", S, 0), Ye = zi("slotMaxTime", C, 1440);
+	Ye <= Je && Ri(`slotMaxTime "${C}" must be after slotMinTime "${S}"; showing the whole day.`);
+	let Xe = p(() => Ye > Je ? {
+		min: Je,
+		max: Ye
 	} : {
 		min: 0,
 		max: 1440
-	}, [qe, Je]), Xe = Math.max(1, Math.round(w)), Y;
-	if (j) Y = Ri("scrollToTime", j, Ye.min);
+	}, [Je, Ye]), Y = Math.max(1, Math.round(w)), Ze;
+	if (M) Ze = zi("scrollToTime", M, Xe.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));
+		let e = qe.filter((e) => (e.kind ?? "available") === "available").map((e) => fe ? be.parts(e.start).hour * 60 + be.parts(e.start).minute : Te(e.start)).filter((e) => e >= Xe.min && e < Xe.max);
+		e.length && (Ze = Math.min(...e));
 	}
-	let Ze = p(() => new Map(n.map((e) => [e.id, e])), [n]), Qe = Se(Le, Fe, {
-		...Re,
-		locale: U
-	}), $e = {
-		locale: U,
-		hour12: fe,
-		timeZone: W
-	}, et = (e) => Ze.get(zr(e)[0] ?? ""), tt = (e) => {
-		let t = zr(e).map((e) => Ze.get(e)?.title).filter(Boolean);
+	let Qe = p(() => new Map(n.map((e) => [e.id, e])), [n]), $e = Ce(q, K, {
+		...ze,
+		locale: W
+	}), et = {
+		locale: W,
+		hour12: pe,
+		timeZone: fe
+	}, tt = (e) => Qe.get(zr(e)[0] ?? ""), nt = (e) => {
+		let t = zr(e).map((e) => Qe.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);
+	}, rt = (e) => e.status && e.status !== "confirmed" ? Re.status[e.status] : void 0, it = (e) => {
+		let t = oe?.(e);
 		return typeof t == "string" && t ? t : void 0;
-	}, it = {
-		view: Le,
-		dates: ye,
-		timeZone: W,
-		dayBounds: (e) => ye.dayBounds(e, Ye),
-		locale: U,
-		hour12: fe,
+	}, X = {
+		view: q,
+		dates: be,
+		timeZone: fe,
+		dayBounds: (e) => be.dayBounds(e, Xe),
+		locale: W,
+		hour12: pe,
 		weekStartsOn: y,
-		now: Oe,
-		nowIndicator: P,
-		labels: q,
-		itemHelpId: De,
+		now: ke,
+		nowIndicator: F,
+		labels: Re,
+		itemHelpId: Oe,
 		resources: n,
-		resourceById: Ze,
-		step: Xe,
-		bounds: Ye,
-		hourHeight: E,
+		resourceById: Qe,
+		step: Y,
+		bounds: Xe,
+		hourHeight: D,
 		slotLabelInterval: T,
-		timelineHourWidth: D,
-		resourceMinWidth: O,
-		editLayer: F,
-		selectable: !I && !!ne && (R ?? !0),
-		clickCreateDuration: ee,
+		sharedTimeAxis: E,
+		timelineHourWidth: O,
+		resourceMinWidth: j,
+		editLayer: I,
+		selectable: !R && !!re && (ee ?? !0),
+		clickCreateDuration: te,
 		hasAvailability: t !== void 0,
-		shadeOutsideAvailability: te,
-		monthMaxEvents: V,
-		agendaShowAvailability: le,
+		shadeOutsideAvailability: ne,
+		monthMaxEvents: le,
+		agendaShowAvailability: ue,
 		display: {
-			time: ue?.time ?? !0,
-			description: ue?.description ?? !0,
-			status: ue?.status ?? !0,
-			badge: ue?.badge ?? !0,
-			blockLabels: ue?.blockLabels ?? !0,
-			availableBlocks: ue?.availableBlocks ?? !0
+			time: H?.time ?? !0,
+			description: H?.description ?? !0,
+			status: H?.status ?? !0,
+			badge: H?.badge ?? !0,
+			blockLabels: H?.blockLabels ?? !0,
+			availableBlocks: H?.availableBlocks ?? !0
 		},
-		scrollToMinute: Y,
-		scrollAlign: M,
-		canEditEvent: (e) => !e.placeholder && !I && !!z && F === "events" && (e.editable ?? e.status !== "cancelled"),
-		canEditBlock: (e) => !e.placeholder && !I && !!ae && F === "availability" && e.editable !== !1,
-		eventColor: (e) => e.color ?? et(e.resourceId)?.color ?? "accent",
-		blockColor: (e) => e.color ?? et(e.resourceId)?.color ?? ((e.kind ?? "available") === "available" ? "green" : "gray"),
-		statusLabel: nt,
+		scrollToMinute: Ze,
+		scrollAlign: N,
+		canEditEvent: (e) => !e.placeholder && !R && !!ie && I === "events" && (e.editable ?? e.status !== "cancelled"),
+		canEditBlock: (e) => !e.placeholder && !R && !!B && I === "availability" && e.editable !== !1,
+		eventColor: (e) => e.color ?? tt(e.resourceId)?.color ?? "accent",
+		blockColor: (e) => e.color ?? tt(e.resourceId)?.color ?? ((e.kind ?? "available") === "available" ? "green" : "gray"),
+		statusLabel: rt,
 		describeEvent: (e) => {
-			let t = e.allDay ? `${xe(e.start, U)}, ${q.allDay}` : `${xe(e.start, U)}, ${kr(e.start, e.end, $e)}`, n = nt(e);
+			let t = e.allDay ? `${Se(e.start, W)}, ${Re.allDay}` : `${Se(e.start, W)}, ${kr(e.start, e.end, et)}`, n = rt(e);
 			return [
 				e.title,
 				t,
 				n,
 				e.badge,
 				e.description
-			].filter(Boolean).join(", ").concat(tt(e.resourceId));
+			].filter(Boolean).join(", ").concat(nt(e.resourceId));
 		},
 		describeBlock: (e) => [
-			(e.kind ?? "available") === "available" ? q.available : q.unavailable,
+			(e.kind ?? "available") === "available" ? Re.available : Re.unavailable,
 			e.label,
-			`${xe(e.start, U)}, ${kr(e.start, e.end, $e)}`
-		].filter(Boolean).join(", ").concat(tt(e.resourceId)),
-		renderEvent: ce,
-		hasEventClick: !!re,
-		hasBlockClick: !!ie,
-		clickEvent: (e) => re?.(e),
-		clickBlock: (e) => ie?.(e),
-		check: rt,
+			`${Se(e.start, W)}, ${kr(e.start, e.end, et)}`
+		].filter(Boolean).join(", ").concat(nt(e.resourceId)),
+		renderEvent: V,
+		hasEventClick: !!z,
+		hasBlockClick: !!ae,
+		clickEvent: (e) => z?.(e),
+		clickBlock: (e) => ae?.(e),
+		check: it,
 		commit: (e, t) => {
-			let n = rt(e);
-			if (n) return oe?.(e, n), !1;
-			if (e.target === "selection") ne?.({
+			let n = it(e);
+			if (n) return se?.(e, n), !1;
+			if (e.target === "selection") re?.({
 				start: e.start,
 				end: e.end,
 				allDay: e.allDay,
@@ -6363,72 +6441,78 @@ function zi({ events: e = [], availability: t, resources: n = [], view: r, defau
 					...e,
 					source: t
 				};
-				delete n.target, e.target === "event" ? z?.(n) : ae?.(n);
+				delete n.target, e.target === "event" ? ie?.(n) : B?.(n);
 			}
 			return !0;
 		},
 		openDay: (e) => {
-			if (se) {
-				se(e);
+			if (ce) {
+				ce(e);
 				return;
 			}
-			Ie(e), Le !== "day" && Le !== "timeline" && K("day");
+			Le(e), q !== "day" && q !== "timeline" && Ie("day");
 		}
-	}, X = o.map((e) => ({
+	}, at = o.map((e) => ({
 		value: e,
-		label: q.views[e]
-	})), at = ve ?? Qe, ot = JSON.stringify([
-		W,
-		J.map((e) => e.getTime()),
-		Ye.min,
-		Ye.max,
-		Xe,
+		label: Re.views[e]
+	})), ot = ye ?? $e, st = JSON.stringify([
+		fe,
+		Be.map((e) => e.getTime()),
+		Xe.min,
+		Xe.max,
+		Y,
 		n.map((e) => e.id)
-	]), st;
-	return st = Le === "month" ? /* @__PURE__ */ _(ai, {
-		date: Fe,
-		events: Ge,
-		availability: Ke,
-		label: at
-	}, 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__ */ _(ki, {
-		day: J[0],
-		events: Ge,
-		availability: Ke,
-		label: at
-	}, ot) : /* @__PURE__ */ _(Si, {
-		days: J,
-		events: Ge,
-		availability: Ke,
-		label: at
-	}, ot), /* @__PURE__ */ _(Zr.Provider, {
-		value: it,
+	]), ct;
+	return ct = q === "month" ? /* @__PURE__ */ _(oi, {
+		date: K,
+		events: Ke,
+		availability: qe,
+		label: ot
+	}, fe) : q === "agenda" ? /* @__PURE__ */ _(ei, {
+		days: Be,
+		events: Ke.filter((e) => !e.placeholder),
+		availability: qe.filter((e) => !e.placeholder),
+		label: ot
+	}, fe) : q === "timeline" ? /* @__PURE__ */ _(Ai, {
+		day: Be[0],
+		events: Ke,
+		availability: qe,
+		label: ot
+	}, st) : /* @__PURE__ */ _(Ci, {
+		days: Be,
+		events: Ke,
+		availability: qe,
+		label: ot
+	}, st), /* @__PURE__ */ _(Qr.Provider, {
+		value: X,
 		children: /* @__PURE__ */ v("div", {
-			ref: Ee,
-			"data-time-zone": W,
+			ref: De,
+			"data-time-zone": fe,
+			"data-shared-axis": E && fe && [
+				"day",
+				"threeDay",
+				"workWeek",
+				"week"
+			].includes(q) ? !0 : void 0,
 			role: "region",
-			"aria-label": ve ?? Qe,
-			"aria-busy": ge || void 0,
-			className: G("ui-cal relative flex h-full min-h-0 flex-col overflow-hidden", _e),
+			"aria-label": ye ?? $e,
+			"aria-busy": _e || void 0,
+			className: G("ui-cal relative flex h-full min-h-0 flex-col overflow-hidden", ve),
 			children: [
 				/* @__PURE__ */ _("span", {
-					id: De,
+					id: Oe,
 					className: "sr-only",
-					children: q.itemHelp
+					children: Re.itemHelp
 				}),
-				me && /* @__PURE__ */ v("div", {
+				he && /* @__PURE__ */ v("div", {
 					className: "ui-cal-noprint border-border flex flex-wrap items-center justify-between gap-2 border-b px-3 py-2",
 					children: [/* @__PURE__ */ v("div", {
 						className: "flex min-w-0 items-center gap-2",
 						children: [
 							/* @__PURE__ */ _(fn, {
 								size: "sm",
-								onClick: () => Ie(Oe),
-								children: q.today
+								onClick: () => Le(ke),
+								children: Re.today
 							}),
 							/* @__PURE__ */ v("div", {
 								className: "flex items-center",
@@ -6436,45 +6520,45 @@ function zi({ events: e = [], availability: t, resources: n = [], view: r, defau
 									variant: "icon",
 									size: "sm",
 									icon: k,
-									"aria-label": q.previous,
-									onClick: () => Ie(Te(Le, Fe, -1, Re))
+									"aria-label": Re.previous,
+									onClick: () => Le(Ee(q, K, -1, ze))
 								}), /* @__PURE__ */ _(fn, {
 									variant: "icon",
 									size: "sm",
 									icon: A,
-									"aria-label": q.next,
-									onClick: () => Ie(Te(Le, Fe, 1, Re))
+									"aria-label": Re.next,
+									onClick: () => Le(Ee(q, K, 1, ze))
 								})]
 							}),
 							/* @__PURE__ */ _("h2", {
 								className: "text-text-primary truncate text-sm font-semibold",
 								"aria-live": "polite",
-								children: Qe
+								children: $e
 							})
 						]
 					}), /* @__PURE__ */ v("div", {
 						className: "flex items-center gap-1.5",
-						children: [he, o.length > 1 && (ke === null || ke >= o.length * 80 + 420 ? /* @__PURE__ */ _(ji, {
-							"aria-label": q.view,
-							options: X,
-							value: Pe,
-							onChange: K
+						children: [ge, o.length > 1 && (Ae === null || Ae >= o.length * 80 + 420 ? /* @__PURE__ */ _(Mi, {
+							"aria-label": Re.view,
+							options: at,
+							value: Fe,
+							onChange: Ie
 						}) : /* @__PURE__ */ _(xn, {
 							className: "w-28",
 							size: "sm",
-							options: X,
-							value: Pe,
-							onChange: (e) => K(e)
+							options: at,
+							value: Fe,
+							onChange: (e) => Ie(e)
 						}))]
 					})]
 				}),
-				st,
-				ge && /* @__PURE__ */ v("div", {
+				ct,
+				_e && /* @__PURE__ */ v("div", {
 					className: "ui-cal-loading",
 					role: "status",
 					children: [/* @__PURE__ */ _(L, { className: "text-accent h-6 w-6 animate-spin" }), /* @__PURE__ */ _("span", {
 						className: "sr-only",
-						children: q.loading
+						children: Re.loading
 					})]
 				})
 			]
@@ -6483,7 +6567,7 @@ function zi({ events: e = [], availability: t, resources: n = [], view: r, defau
 }
 //#endregion
 //#region src/components/ui/CalendarGrid.tsx
-var Bi = [
+var Vi = [
 	"Mo",
 	"Tu",
 	"We",
@@ -6491,7 +6575,7 @@ var Bi = [
 	"Fr",
 	"Sa",
 	"Su"
-], Vi = [
+], Hi = [
 	"January",
 	"February",
 	"March",
@@ -6505,24 +6589,24 @@ var Bi = [
 	"November",
 	"December"
 ];
-function Hi(e, t, n) {
+function Ui(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 Ui(e, t, n) {
+function Wi(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 Wi(e, t) {
+function Gi(e, t) {
 	return new Date(e, t + 1, 0).getDate();
 }
-function Gi(e, t) {
+function Ki(e, t) {
 	let n = new Date(e, t, 1).getDay();
 	return n === 0 ? 6 : n - 1;
 }
-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 qi({ 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 = Gi(e, t), p = Ki(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;
 	}
@@ -6574,7 +6658,7 @@ function Ki({ year: e, month: t, timeZone: n, selected: r, rangeStart: i, rangeE
 					className: "text-text-primary text-xs font-semibold",
 					"aria-live": "polite",
 					children: [
-						Vi[t],
+						Hi[t],
 						" ",
 						e
 					]
@@ -6589,7 +6673,7 @@ function Ki({ year: e, month: t, timeZone: n, selected: r, rangeStart: i, rangeE
 			]
 		}), /* @__PURE__ */ v("div", {
 			className: "grid grid-cols-7 gap-0",
-			children: [Bi.map((e) => /* @__PURE__ */ _("div", {
+			children: [Vi.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) => {
@@ -6602,13 +6686,13 @@ function Ki({ year: e, month: t, timeZone: n, selected: r, rangeStart: i, rangeE
 					minute: 0,
 					second: 0,
 					millisecond: 0
-				}, 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;
+				}, n), m = Ui(p, g, n), h = r ? Ui(p, r, n) : !1, v = i ? Ui(p, i, n) : !1, y = a ? Ui(p, a, n) : !1, b = Wi(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": `${Vi[t]} ${c}, ${e}`,
+					"aria-label": `${Hi[t]} ${c}, ${e}`,
 					"aria-current": m ? "date" : void 0,
 					onClick: () => s(p),
 					onKeyDown: (e) => w(e, c),
@@ -6623,7 +6707,7 @@ function Ki({ year: e, month: t, timeZone: n, selected: r, rangeStart: i, rangeE
 }
 //#endregion
 //#region src/components/ui/Card.tsx
-function qi({ children: e, className: t, header: n, footer: r, as: i = "div", flush: a = !1, bodyClassName: o, ...s }) {
+function Ji({ 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,
@@ -6648,16 +6732,16 @@ function qi({ children: e, className: t, header: n, footer: r, as: i = "div", fl
 }
 //#endregion
 //#region src/lib/codeInput.ts
-function Ji(e, t) {
+function Yi(e, t) {
 	let n = e.replace(/\D/g, "").slice(0, t);
 	return Array.from({ length: t }, (e, t) => n[t] ?? "");
 }
-function Yi(e, t, n) {
+function Xi(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 Xi(e, t, n) {
+function Zi(e, t, n) {
 	let r = e.length, i = n.match(RegExp(`(?<!\\d)\\d{${r}}(?!\\d)`));
 	if (i) return {
 		slots: i[0].split(""),
@@ -6677,7 +6761,7 @@ function Xi(e, t, n) {
 		focus: Math.min(t + a.length, r - 1)
 	};
 }
-function Zi(e, t, n, r) {
+function Qi(e, t, n, r) {
 	if (n === "") {
 		let n = [...e];
 		return n[t] = "", {
@@ -6685,9 +6769,9 @@ function Zi(e, t, n, r) {
 			focus: t
 		};
 	}
-	return Xi(e, t, Yi(n, e[t], r));
+	return Zi(e, t, Xi(n, e[t], r));
 }
-function Qi(e, t) {
+function $i(e, t) {
 	let n = e[t] ? t : t - 1;
 	if (n < 0) return null;
 	let r = [...e];
@@ -6698,15 +6782,15 @@ function Qi(e, t) {
 }
 //#endregion
 //#region src/components/ui/CodeInput.tsx
-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({
+function ea({ 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(() => Yi(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(Ji(e, r)));
+	}), (y.length !== r || y.join("") !== e) && b(Yi(e, r)));
 	function C(e) {
 		let t = f.current[Math.max(0, Math.min(e, r - 1))];
 		t?.focus(), t?.select();
@@ -6718,7 +6802,7 @@ function $i({ 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(Qi(y, e))) : t.key === "ArrowLeft" ? (t.preventDefault(), C(e - 1)) : t.key === "ArrowRight" && (t.preventDefault(), C(e + 1));
+		t.key === "Backspace" ? (t.preventDefault(), w($i(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),
@@ -6741,10 +6825,10 @@ function $i({ 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(Zi(y, t, e.target.value, e.target.selectionStart)),
+					onChange: (e) => w(Qi(y, t, e.target.value, e.target.selectionStart)),
 					onKeyDown: (e) => T(t, e),
 					onPaste: (e) => {
-						e.preventDefault(), w(Xi(y, t, e.clipboardData.getData("text")));
+						e.preventDefault(), w(Zi(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))
@@ -6766,8 +6850,8 @@ function $i({ value: e, onChange: t, onComplete: n, length: r = 6, error: i, inv
 }
 //#endregion
 //#region src/components/ui/Combobox.tsx
-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 ta({ 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, U = Math.min(R, Math.max(H.length - 1, 0)), de = H[U], W = P && !f;
 	function fe(e) {
 		b === void 0 && L(e), x?.(e), ee(0);
 	}
@@ -6782,10 +6866,10 @@ function ea({ options: e, value: t, onChange: n, onOptionChange: r, placeholder:
 			"End"
 		].includes(e.key)) {
 			e.preventDefault();
-			let t = e.key === "ArrowUp" || e.key === "End" ? -1 : 1, n = e.key === "Home" ? 0 : e.key === "End" ? H.length - 1 : de + t;
+			let t = e.key === "ArrowUp" || e.key === "End" ? -1 : 1, n = e.key === "Home" ? 0 : e.key === "End" ? H.length - 1 : U + t;
 			for (; n >= 0 && n < H.length && H[n].disabled;) n += t;
 			n >= 0 && n < H.length && ee(n);
-		} else e.key === "Enter" ? (e.preventDefault(), U && pe(U)) : e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), F(!1), z.current?.focus());
+		} else e.key === "Enter" ? (e.preventDefault(), de && pe(de)) : e.key === "Escape" && (e.preventDefault(), e.stopPropagation(), F(!1), z.current?.focus());
 	}
 	jt(W, s(() => F(!1), []), [re]);
 	function he() {
@@ -6861,7 +6945,7 @@ function ea({ options: e, value: t, onChange: n, onOptionChange: r, placeholder:
 										"aria-label": p ?? (a ? `Search ${a}` : "Search options"),
 										"aria-expanded": "true",
 										"aria-controls": V,
-										"aria-activedescendant": U && !U.disabled ? `${V}-${de}` : void 0,
+										"aria-activedescendant": de && !de.disabled ? `${V}-${U}` : void 0,
 										"aria-autocomplete": "list",
 										"aria-describedby": g,
 										"aria-invalid": y,
@@ -6903,7 +6987,7 @@ function ea({ options: e, value: t, onChange: n, onOptionChange: r, placeholder:
 									onMouseEnter: () => {
 										e.disabled || ee(n);
 									},
-									className: G("font-control flex w-full items-center gap-2 px-3 py-1.5 text-xs", "transition-colors duration-[100ms]", e.disabled ? "text-text-disabled cursor-not-allowed" : "cursor-pointer", !e.disabled && (n === de ? "bg-accent-muted text-accent" : e.value === t ? "text-accent" : "text-text-secondary hover:text-text-primary hover:bg-bg-hover")),
+									className: G("font-control flex w-full items-center gap-2 px-3 py-1.5 text-xs", "transition-colors duration-[100ms]", e.disabled ? "text-text-disabled cursor-not-allowed" : "cursor-pointer", !e.disabled && (n === U ? "bg-accent-muted text-accent" : e.value === t ? "text-accent" : "text-text-secondary hover:text-text-primary hover:bg-bg-hover")),
 									children: [/* @__PURE__ */ _("span", {
 										className: "flex-1",
 										children: w ? w(e) : e.label
@@ -6931,7 +7015,7 @@ function ea({ options: e, value: t, onChange: n, onOptionChange: r, placeholder:
 }
 //#endregion
 //#region src/components/ui/DangerZone.tsx
-function ta({ title: e = "Danger Zone", description: t, children: n, className: r }) {
+function na({ 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: [
@@ -6949,7 +7033,7 @@ function ta({ title: e = "Danger Zone", description: t, children: n, className:
 }
 //#endregion
 //#region src/components/ui/DatePicker.tsx
-function na(e) {
+function ra(e) {
 	return `${[
 		"Jan",
 		"Feb",
@@ -6965,7 +7049,7 @@ function na(e) {
 		"Dec"
 	][e.getMonth()]} ${e.getDate()}, ${e.getFullYear()}`;
 }
-function ra({ controlSize: e, label: t, timeZone: n, value: r, onChange: i, placeholder: a = "Select date...", format: o }) {
+function ia({ 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) {
@@ -6995,7 +7079,7 @@ function ra({ controlSize: e, label: t, timeZone: n, value: r, onChange: i, plac
 						day: "numeric",
 						month: "short",
 						year: "numeric"
-					}).format(r) : na(r) : /* @__PURE__ */ _("span", {
+					}).format(r) : ra(r) : /* @__PURE__ */ _("span", {
 						className: "text-text-disabled",
 						children: a
 					})
@@ -7006,7 +7090,7 @@ function ra({ 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__ */ _(Ki, {
+					children: /* @__PURE__ */ _(qi, {
 						timeZone: n,
 						year: y,
 						month: x,
@@ -7023,7 +7107,7 @@ function ra({ controlSize: e, label: t, timeZone: n, value: r, onChange: i, plac
 }
 //#endregion
 //#region src/components/ui/DateRangePicker.tsx
-var ia = [
+var aa = [
 	"Jan",
 	"Feb",
 	"Mar",
@@ -7037,13 +7121,13 @@ var ia = [
 	"Nov",
 	"Dec"
 ];
-function aa(e) {
-	return `${ia[e.getMonth()]} ${e.getDate()}, ${e.getFullYear()}`;
-}
 function oa(e) {
-	return e.start && e.end ? `${aa(e.start)} – ${aa(e.end)}` : e.start ? aa(e.start) : "";
+	return `${aa[e.getMonth()]} ${e.getDate()}, ${e.getFullYear()}`;
+}
+function sa(e) {
+	return e.start && e.end ? `${oa(e.start)} – ${oa(e.end)}` : e.start ? oa(e.start) : "";
 }
-function sa({ controlSize: e, label: t, value: n, onChange: r, placeholder: i = "Select date range..." }) {
+function ca({ 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;
@@ -7062,7 +7146,7 @@ function sa({ 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 ? oa(n) : "";
+	let I = n.start || n.end ? sa(n) : "";
 	return /* @__PURE__ */ v("div", {
 		className: "flex flex-col gap-1.5",
 		ref: l,
@@ -7121,7 +7205,7 @@ function sa({ controlSize: e, label: t, value: n, onChange: r, placeholder: i =
 						]
 					}), /* @__PURE__ */ v("div", {
 						className: "flex gap-4",
-						children: [/* @__PURE__ */ _(Ki, {
+						children: [/* @__PURE__ */ _(qi, {
 							year: p,
 							month: y,
 							rangeStart: E,
@@ -7132,7 +7216,7 @@ function sa({ controlSize: e, label: t, value: n, onChange: r, placeholder: i =
 								g(e), b(t);
 							},
 							onHover: S
-						}), /* @__PURE__ */ _(Ki, {
+						}), /* @__PURE__ */ _(qi, {
 							year: A,
 							month: j,
 							rangeStart: E,
@@ -7152,7 +7236,7 @@ function sa({ controlSize: e, label: t, value: n, onChange: r, placeholder: i =
 }
 //#endregion
 //#region src/components/ui/DateTimePicker.tsx
-var ca = [
+var la = [
 	"Jan",
 	"Feb",
 	"Mar",
@@ -7166,7 +7250,7 @@ var ca = [
 	"Nov",
 	"Dec"
 ];
-function la(e) {
+function ua(e) {
 	return e === 0 ? {
 		hour12: 12,
 		period: "AM"
@@ -7181,10 +7265,10 @@ function la(e) {
 		period: "PM"
 	};
 }
-function ua(e, t) {
+function da(e, t) {
 	return t === "AM" ? e === 12 ? 0 : e : e === 12 ? 12 : e + 12;
 }
-function da(e, t) {
+function fa(e, t) {
 	if (t) return new Intl.DateTimeFormat("en-GB", {
 		timeZone: t,
 		day: "numeric",
@@ -7195,20 +7279,20 @@ function da(e, t) {
 		timeZoneName: "short",
 		hourCycle: "h23"
 	}).format(e);
-	let n = ca[e.getMonth()], r = e.getDate(), i = e.getFullYear(), { hour12: a, period: o } = la(e.getHours());
+	let n = la[e.getMonth()], r = e.getDate(), i = e.getFullYear(), { hour12: a, period: o } = ua(e.getHours());
 	return `${n} ${r}, ${i} ${a}:${String(e.getMinutes()).padStart(2, "0")} ${o}`;
 }
-function fa(e) {
+function pa(e) {
 	return String(e).padStart(2, "0");
 }
-function pa(e) {
-	return /* @__PURE__ */ _(ma, { ...e }, e.timeZone ?? "browser-local");
+function ma(e) {
+	return /* @__PURE__ */ _(ha, { ...e }, e.timeZone ?? "browser-local");
 }
-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) : {
+function ha({ 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 ? ua(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 ? fa(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 ? pa(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);
@@ -7221,7 +7305,7 @@ function ma({ 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 = ua(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 = da(e, I), o = {
 			...Z(R, n),
 			hour: a,
 			minute: t,
@@ -7248,8 +7332,8 @@ function ma({ 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 = la(Z(r, n).hour);
-			N(String(e.hour12)), L(e.period), F(fa(Z(r, n).minute));
+			let e = ua(Z(r, n).hour);
+			N(String(e.hour12)), L(e.period), F(pa(Z(r, n).minute));
 		}
 		f(null);
 		let e = !1;
@@ -7276,7 +7360,7 @@ function ma({ 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 ? da(r, n) : /* @__PURE__ */ _("span", {
+					children: r ? fa(r, n) : /* @__PURE__ */ _("span", {
 						className: "text-text-disabled",
 						children: a
 					})
@@ -7288,7 +7372,7 @@ function ma({ 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__ */ _(Ki, {
+						/* @__PURE__ */ _(qi, {
 							timeZone: n,
 							year: O,
 							month: A,
@@ -7401,8 +7485,8 @@ function ma({ controlSize: e, label: t, timeZone: n, value: r, onChange: i, plac
 }
 //#endregion
 //#region src/components/ui/DetailPanel.tsx
-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 }) {
+var ga = 360, _a = 260, va = 700;
+function ya({ open: e, onClose: t, title: n, children: r, className: i, resizable: a = !0, defaultWidth: o = ga, minWidth: c = _a, maxWidth: u = va }) {
 	let [d, f] = h(o), p = m(!1), g = m(0), y = m(0);
 	l(() => {
 		if (!e) return;
@@ -7453,37 +7537,37 @@ function va({ open: e, onClose: t, title: n, children: r, className: i, resizabl
 		})
 	});
 }
-function ya(e, t) {
+function ba(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) {
+function xa(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 xa(e, t, n, r, i, a) {
+function Sa(e, t, n, r, i, a) {
 	return {
-		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)
+		x: xa(e.x, t.x, [n.left, n.right], [r.left, r.right], [i.left, i.right], a),
+		y: xa(e.y, t.y, [n.top, n.bottom], [r.top, r.bottom], [i.top, i.bottom], a)
 	};
 }
-function Sa({ x: e, y: t }) {
+function Ca({ x: e, y: t }) {
 	return e === 0 && t === 0 ? "" : `${e}px ${t}px`;
 }
 //#endregion
 //#region src/components/ui/Dialog.tsx
-var Ca = {
+var wa = {
 	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 = {
+}, Ta = "(min-width: 48rem)", Ea = "a[href], button, input, select, textarea, label, summary, [contenteditable]:not([contenteditable=\"false\"]), [role=\"button\"], [role=\"link\"], [tabindex]:not([tabindex=\"-1\"])", Da = {
 	x: 0,
 	y: 0
 };
-function Da(e) {
+function Oa(e) {
 	let t = e.getBoundingClientRect();
 	return {
 		left: t.left,
@@ -7492,19 +7576,19 @@ function Da(e) {
 		bottom: t.top + e.clientHeight
 	};
 }
-var Oa = {
+var ka = {
 	top: "bottom",
 	bottom: "top",
 	left: "right",
 	right: "left"
 };
-function ka(e, t) {
+function Aa(e, t) {
 	return {
 		x: e.x + t.x,
 		y: e.y + t.y
 	};
 }
-function Aa(e, t) {
+function ja(e, t) {
 	let n = t.getBoundingClientRect();
 	return {
 		left: n.left + e.offsetLeft - t.scrollLeft,
@@ -7513,65 +7597,65 @@ function Aa(e, t) {
 		height: e.offsetHeight
 	};
 }
-function ja(e, t) {
+function Ma(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) {
+	return e.ownerDocument.defaultView?.matchMedia(Ta).matches ?? !1;
+}
+function Pa(e) {
 	let t = e.ownerDocument.defaultView;
-	return t ? ya(t.getComputedStyle(e).getPropertyValue("--spacing"), parseFloat(t.getComputedStyle(e.ownerDocument.documentElement).fontSize)) : 8;
+	return t ? ba(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;
+function Fa({ open: e, draggable: t, remember: n, placement: r, anchorRef: i }, a, o) {
+	let s = m(Da), c = m(Da), 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());
+		let b = v ? Ma(f.ownerDocument.activeElement, f) : null, x = () => v ? Ma(i?.current, f) ?? Ma(b, f) : null, S = () => Aa(c.current, m ? s.current : Da), C = () => {
+			f.style.translate = Ca(S());
 		}, w = () => {
-			let e = Aa(f, g);
+			let e = ja(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 = "";
+				}, s.current = Da, f.dataset.placement = "remembered", f.style.transformOrigin = "";
 				return;
 			}
-			let t = Ma(f) ? x() : null, n = v && t ? yn(r, t.getBoundingClientRect(), {
+			let t = Na(f) ? x() : null, n = v && t ? yn(r, t.getBoundingClientRect(), {
 				size: {
 					width: e.width,
 					height: e.height
 				},
-				bounds: Da(g),
+				bounds: Oa(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] : "";
+			} : Da, f.dataset.placement = n?.side ?? "center", f.style.transformOrigin = n ? ka[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);
+			let t = S(), n = Sa(t, t, f.getBoundingClientRect(), m.getBoundingClientRect(), Oa(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);
+				let e = ja(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();
+			l.current = Pa(f), Na(f) || (u.current = null, s.current = Da, p.current = !1, d.current = null), u.current || w(), C(), T();
 		}, D = 0, O = () => {
 			D ||= _.requestAnimationFrame(() => {
 				D = 0, E();
@@ -7583,7 +7667,7 @@ function Pa({ open: e, draggable: t, remember: n, placement: r, anchorRef: i },
 			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;
+			_.cancelAnimationFrame(D), _.removeEventListener("resize", O), _.removeEventListener("scroll", O, { capture: !0 }), f.removeEventListener("animationend", k), A?.disconnect(), u.current = null, c.current = Da, s.current = Da, p.current = !1, f.style.translate = "", f.style.transformOrigin = "", delete f.dataset.placement;
 		};
 	}, [
 		e,
@@ -7598,40 +7682,40 @@ function Pa({ open: e, draggable: t, remember: n, placement: r, anchorRef: i },
 	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 = {
+		let i = e.target.closest(Ea);
+		i && n.contains(i) || !Na(t) || (e.preventDefault(), n.setPointerCapture(e.pointerId), u.current = {
 			pointerId: e.pointerId,
 			startX: e.clientX,
 			startY: e.clientY,
-			origin: ka(c.current, s.current),
+			origin: Aa(c.current, s.current),
 			dialog: t.getBoundingClientRect(),
 			handle: n.getBoundingClientRect(),
-			bounds: Da(r),
+			bounds: Oa(r),
 			margin: l.current,
 			moved: !1
 		});
 	}, _ = (e) => {
 		let t = u.current, n = a.current;
 		if (!t || t.pointerId !== e.pointerId || !n) return;
-		let r = xa({
+		let r = Sa({
 			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);
+		}, n.style.translate = Ca(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);
+		let o = Aa(c.current, s.current), l = ja(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 = "";
+		}, c.current = o, s.current = Da, p.current = !0, r.dataset.placement = "remembered", r.style.transformOrigin = "";
 	};
 	if (h) return {
 		onPointerDown: g,
@@ -7641,13 +7725,13 @@ function Pa({ open: e, draggable: t, remember: n, placement: r, anchorRef: i },
 		onLostPointerCapture: v
 	};
 }
-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 }) {
+function Ia({ 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 j = Pa({
+	let j = Fa({
 		open: e,
 		draggable: s,
 		remember: c,
@@ -7679,7 +7763,7 @@ function Fa({ open: e, onClose: t, title: n, children: r, footer: i, className:
 			"aria-hidden": "true"
 		}), /* @__PURE__ */ v("div", {
 			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),
+			className: G(`relative z-50 mx-1 mb-8 flex w-full ${wa[o]} flex-col`, "bg-bg-secondary border-border rounded-lg border", "animate-scale-in shadow-lg", a),
 			role: p,
 			tabIndex: -1,
 			"aria-busy": S || void 0,
@@ -7729,7 +7813,7 @@ function Fa({ open: e, onClose: t, title: n, children: r, footer: i, className:
 }
 //#endregion
 //#region src/components/ui/DialogActions.tsx
-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 }) {
+function La({ 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,
@@ -7758,7 +7842,7 @@ function Ia({ onCancel: e, onConfirm: t, cancelLabel: n = "Cancel", confirmLabel
 }
 //#endregion
 //#region src/components/ui/DividerLabel.tsx
-function La({ children: e, className: t }) {
+function Ra({ children: e, className: t }) {
 	return /* @__PURE__ */ v("div", {
 		className: G("my-6 flex items-center gap-3", t),
 		children: [
@@ -7773,7 +7857,7 @@ function La({ children: e, className: t }) {
 }
 //#endregion
 //#region src/components/ui/DropdownMenu.tsx
-function Ra({ trigger: e, items: t, align: n = "right" }) {
+function za({ trigger: e, items: t, align: n = "right" }) {
 	let [r, i] = h(!1), [a, o] = h({
 		top: 0,
 		left: 0,
@@ -7854,7 +7938,7 @@ function Ra({ trigger: e, items: t, align: n = "right" }) {
 }
 //#endregion
 //#region src/components/ui/EmptyState.tsx
-function za({ icon: e, title: t, description: n, action: r, className: i }) {
+function Ba({ 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: [
@@ -7879,7 +7963,7 @@ function za({ icon: e, title: t, description: n, action: r, className: i }) {
 }
 //#endregion
 //#region src/components/ui/ErrorBoundary.tsx
-var Ba = class extends e {
+var Va = class extends e {
 	state = {
 		hasError: !1,
 		error: null
@@ -7921,8 +8005,8 @@ var Ba = class extends e {
 };
 //#endregion
 //#region src/components/ui/FilterDropdown.tsx
-function Va({ icon: e, children: t, items: n, align: r, className: i }) {
-	return /* @__PURE__ */ _(Ra, {
+function Ha({ icon: e, children: t, items: n, align: r, className: i }) {
+	return /* @__PURE__ */ _(za, {
 		align: r,
 		trigger: /* @__PURE__ */ _(Bn, {
 			icon: e,
@@ -7934,7 +8018,7 @@ function Va({ icon: e, children: t, items: n, align: r, className: i }) {
 }
 //#endregion
 //#region src/components/ui/Kbd.tsx
-function Ha({ children: e, className: t }) {
+function Ua({ 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
@@ -7942,22 +8026,63 @@ function Ha({ children: e, className: t }) {
 }
 //#endregion
 //#region src/components/ui/LoadingSpinner.tsx
-var Ua = {
+var Wa = {
 	sm: "w-4 h-4",
 	md: "w-6 h-6",
 	lg: "w-8 h-8"
 };
-function Wa({ className: e, size: t = "md" }) {
+function Ga({ 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", Ua[t]) })
+		children: /* @__PURE__ */ _(L, { className: G("text-accent animate-spin", Wa[t]) })
 	});
 }
 //#endregion
+//#region src/lib/layout.ts
+function Ka(e, t, n, r) {
+	let i = typeof t == "object" ? t : { base: t }, a = { [`--ui-${e}-base`]: n(i.base ?? r) };
+	for (let t of [
+		"sm",
+		"md",
+		"lg",
+		"xl"
+	]) a[`--ui-${e}-${t}`] = i[t] === void 0 ? "initial" : n(i[t]);
+	return a;
+}
+function qa(e) {
+	return typeof e == "number" ? `repeat(${e}, minmax(0, 1fr))` : e;
+}
+function Ja(e = 0, t, n) {
+	return {
+		"--ui-gap": `calc(var(--spacing) * ${e})`,
+		"--ui-gap-x": t === void 0 ? "initial" : `calc(var(--spacing) * ${t})`,
+		"--ui-gap-y": n === void 0 ? "initial" : `calc(var(--spacing) * ${n})`
+	};
+}
+function Ya(e) {
+	return e === "start" || e === "end" ? `flex-${e}` : e;
+}
+function Xa(e) {
+	return e === "between" || e === "around" || e === "evenly" ? `space-${e}` : Ya(e);
+}
+//#endregion
 //#region src/components/ui/MetadataGrid.tsx
-function Ga({ items: e, labelWidth: n = "100px", className: r }) {
-	return /* @__PURE__ */ _("div", {
-		className: G("gap-x-3 gap-y-2 text-xs", r),
+function Za({ items: e, labelWidth: n = "100px", layout: r = "inline", columns: i = 1, gap: a = 3, className: o }) {
+	return r === "stacked" ? /* @__PURE__ */ _("dl", {
+		className: G("ui-grid text-xs", o),
+		style: {
+			...Ka("columns", i, qa, 1),
+			...Ja(a)
+		},
+		children: e.map((e) => /* @__PURE__ */ v("div", { children: [/* @__PURE__ */ _("dt", {
+			className: "text-text-tertiary font-label",
+			children: e.label
+		}), /* @__PURE__ */ _("dd", {
+			className: G((typeof e.value == "string" || typeof e.value == "number") && "text-text-primary font-data"),
+			children: e.value
+		})] }, e.label))
+	}) : /* @__PURE__ */ _("div", {
+		className: G("gap-x-3 gap-y-2 text-xs", o),
 		style: {
 			display: "grid",
 			gridTemplateColumns: `${n} 1fr`
@@ -7973,7 +8098,7 @@ function Ga({ items: e, labelWidth: n = "100px", className: r }) {
 }
 //#endregion
 //#region src/components/ui/MetricCard.tsx
-function Ka({ label: e, value: t, sub: n, trend: r, bar: i, icon: a, iconColor: o, className: s }) {
+function Qa({ 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),
@@ -8013,7 +8138,7 @@ function Ka({ label: e, value: t, sub: n, trend: r, bar: i, icon: a, iconColor:
 }
 //#endregion
 //#region src/components/ui/OAuthButton.tsx
-function qa() {
+function $a() {
 	return /* @__PURE__ */ v("svg", {
 		className: "h-3.5 w-3.5",
 		viewBox: "0 0 24 24",
@@ -8038,7 +8163,7 @@ function qa() {
 		]
 	});
 }
-function Ja() {
+function eo() {
 	return /* @__PURE__ */ _("svg", {
 		className: "h-3.5 w-3.5",
 		viewBox: "0 0 24 24",
@@ -8047,25 +8172,25 @@ function Ja() {
 		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 Ya = {
+var to = {
 	github: "GitHub",
 	google: "Google"
-}, Xa = {
-	github: Ja,
-	google: qa
+}, no = {
+	github: eo,
+	google: $a
 };
-function Za({ provider: e, children: t, ...n }) {
-	let r = Xa[e];
+function ro({ provider: e, children: t, ...n }) {
+	let r = no[e];
 	return /* @__PURE__ */ v(fn, {
 		variant: "secondary",
 		size: "md",
 		...n,
-		children: [/* @__PURE__ */ _(r, {}), t ?? Ya[e]]
+		children: [/* @__PURE__ */ _(r, {}), t ?? to[e]]
 	});
 }
 //#endregion
 //#region src/components/ui/PageHeader.tsx
-function Qa({ title: e, subtitle: t, actions: n, className: r, eyebrow: i, headingLevel: a = 1, wrap: o = !1 }) {
+function io({ 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),
@@ -8093,7 +8218,7 @@ function Qa({ title: e, subtitle: t, actions: n, className: r, eyebrow: i, headi
 }
 //#endregion
 //#region src/components/ui/PageSection.tsx
-function $a({ title: e, description: t, actions: n, children: r, as: i = "h2", className: a, headerClassName: o, contentClassName: s }) {
+function ao({ 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", {
@@ -8119,7 +8244,7 @@ function $a({ title: e, description: t, actions: n, children: r, as: i = "h2", c
 }
 //#endregion
 //#region src/components/ui/PaginationBar.tsx
-var eo = [
+var oo = [
 	{
 		value: "10",
 		label: "10 per page"
@@ -8133,7 +8258,7 @@ var eo = [
 		label: "50 per page"
 	}
 ];
-function to({ page: e, pageSize: t, total: n, pageSizeOptions: r = eo, onPageChange: i, onPageSizeChange: a, className: o }) {
+function so({ page: e, pageSize: t, total: n, pageSizeOptions: r = oo, 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),
@@ -8164,7 +8289,7 @@ function to({ page: e, pageSize: t, total: n, pageSizeOptions: r = eo, onPageCha
 }
 //#endregion
 //#region src/components/ui/useFieldControl.ts
-function no({ id: e, error: t, hint: n, describedBy: r, invalid: i, required: a }) {
+function co({ 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,
@@ -8177,8 +8302,8 @@ function no({ id: e, error: t, hint: n, describedBy: r, invalid: i, required: a
 }
 //#endregion
 //#region src/components/ui/PasswordInput.tsx
-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({
+var lo = 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 = co({
 		id: r,
 		error: t,
 		hint: i,
@@ -8230,8 +8355,8 @@ var ro = a(({ label: e, error: t, className: n, id: r, hint: i, controlSize: a,
 		]
 	});
 });
-ro.displayName = "PasswordInput";
-var io = Object.freeze([
+lo.displayName = "PasswordInput";
+var uo = Object.freeze([
 	{
 		label: "At least 8 characters",
 		test: (e) => e.length >= 8
@@ -8249,12 +8374,12 @@ var io = Object.freeze([
 		test: (e) => /\d/.test(e)
 	}
 ]);
-function ao(e, t = io) {
+function fo(e, t = uo) {
 	return t.every((t) => t.test(e));
 }
 //#endregion
 //#region src/components/ui/PasswordRequirements.tsx
-function oo({ password: e, requirements: t = io, showWhenEmpty: n = !1, className: r }) {
+function po({ password: e, requirements: t = uo, showWhenEmpty: n = !1, className: r }) {
 	return !n && e.length === 0 ? null : /* @__PURE__ */ _("ul", {
 		"aria-label": "Password requirements",
 		className: G("space-y-1", r),
@@ -8281,7 +8406,7 @@ function oo({ password: e, requirements: t = io, showWhenEmpty: n = !1, classNam
 }
 //#endregion
 //#region src/components/ui/ProfileHeader.tsx
-function so({ name: e, subtitle: t, badge: n, meta: r, action: i, className: a }) {
+function mo({ 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: [
@@ -8329,7 +8454,7 @@ function so({ name: e, subtitle: t, badge: n, meta: r, action: i, className: a }
 }
 //#endregion
 //#region src/components/ui/ProseContent.tsx
-function co({ children: e, className: t }) {
+function ho({ children: e, className: t }) {
 	return /* @__PURE__ */ _("div", {
 		className: G("ui-prose", t),
 		children: e
@@ -8337,21 +8462,21 @@ function co({ children: e, className: t }) {
 }
 //#endregion
 //#region src/lib/qrCode.ts
-var lo = class extends RangeError {
+var go = class extends RangeError {
 	constructor() {
 		super("Text is too long to encode as a QR code"), this.name = "QrCapacityError";
 	}
-}, uo = {
+}, _o = {
 	L: 0,
 	M: 1,
 	Q: 2,
 	H: 3
-}, fo = {
+}, vo = {
 	L: 1,
 	M: 0,
 	Q: 3,
 	H: 2
-}, po = [
+}, yo = [
 	[
 		-1,
 		7,
@@ -8524,7 +8649,7 @@ var lo = class extends RangeError {
 		30,
 		30
 	]
-], mo = [
+], bo = [
 	[
 		-1,
 		1,
@@ -8698,7 +8823,7 @@ var lo = class extends RangeError {
 		81
 	]
 ];
-function ho(e) {
+function xo(e) {
 	let t = (16 * e + 128) * e + 64;
 	if (e >= 2) {
 		let n = Math.floor(e / 7) + 2;
@@ -8706,43 +8831,43 @@ function ho(e) {
 	}
 	return t;
 }
-function go(e, t) {
-	let n = uo[t];
-	return Math.floor(ho(e) / 8) - po[n][e] * mo[n][e];
+function So(e, t) {
+	let n = _o[t];
+	return Math.floor(xo(e) / 8) - yo[n][e] * bo[n][e];
 }
-function _o(e) {
+function Co(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 vo(e, t) {
+function wo(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 yo(e) {
+function To(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] = vo(t[e], n), e + 1 < t.length && (t[e] ^= t[e + 1]);
-		n = vo(n, 2);
+		for (let e = 0; e < t.length; e++) t[e] = wo(t[e], n), e + 1 < t.length && (t[e] ^= t[e + 1]);
+		n = wo(n, 2);
 	}
 	return t;
 }
-function bo(e, t) {
+function Eo(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] ^= vo(t, e);
+			n[r] ^= wo(t, e);
 		});
 	}
 	return n;
 }
-function xo(e, t, n) {
-	let r = go(t, n) * 8, i = [], a = (e, t) => {
+function Do(e, t, n) {
+	let r = So(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);
@@ -8753,12 +8878,12 @@ function xo(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 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 = [];
+function Oo(e, t, n) {
+	let r = _o[n], i = bo[r][t], a = yo[r][t], o = Math.floor(xo(t) / 8), s = i - o % i, c = Math.floor(o / i), l = To(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 = bo(i, l);
+		let o = Eo(i, l);
 		t < s && i.push(0), u.push(i.concat(o));
 	}
 	let d = [];
@@ -8767,7 +8892,7 @@ function So(e, t, n) {
 	});
 	return d;
 }
-var Co = class {
+var ko = class {
 	size;
 	modules;
 	isFunction;
@@ -8778,7 +8903,7 @@ var Co = class {
 		this.modules[t][e] = n, this.isFunction[t][e] = !0;
 	}
 };
-function wo(e, t) {
+function Ao(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 [
@@ -8791,15 +8916,15 @@ function wo(e, t) {
 		let c = Math.max(Math.abs(a), Math.abs(i));
 		e.setFunction(o, s, c !== 2 && c !== 4);
 	}
-	let r = _o(t), i = r.length - 1;
+	let r = Co(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);
 		});
-	}), To(e, "M", 0), Eo(e, t);
+	}), jo(e, "M", 0), Mo(e, t);
 }
-function To(e, t, n) {
-	let r = fo[t] << 3 | n, i = r;
+function jo(e, t, n) {
+	let r = vo[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));
@@ -8809,7 +8934,7 @@ function To(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 Eo(e, t) {
+function Mo(e, t) {
 	if (t < 7) return;
 	let n = t;
 	for (let e = 0; e < 12; e++) n = n << 1 ^ (n >>> 11) * 7973;
@@ -8819,7 +8944,7 @@ function Eo(e, t) {
 		e.setFunction(i, a, n), e.setFunction(a, i, n);
 	}
 }
-function Do(e, t) {
+function No(e, t) {
 	let { size: n } = e, r = 0;
 	for (let i = n - 1; i >= 1; i -= 2) {
 		i === 6 && (i = 5);
@@ -8833,7 +8958,7 @@ function Do(e, t) {
 		}
 	}
 }
-var Oo = [
+var Po = [
 	(e, t) => (e + t) % 2 == 0,
 	(e, t) => t % 2 == 0,
 	(e) => e % 3 == 0,
@@ -8843,10 +8968,10 @@ var Oo = [
 	(e, t) => (e * t % 2 + e * t % 3) % 2 == 0,
 	(e, t) => ((e + t) % 2 + e * t % 3) % 2 == 0
 ];
-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]);
+function Fo(e, t) {
+	for (let n = 0; n < e.size; n++) for (let r = 0; r < e.size; r++) !e.isFunction[n][r] && Po[t](r, n) && (e.modules[n][r] = !e.modules[n][r]);
 }
-var Ao = [[
+var Io = [[
 	!0,
 	!1,
 	!0,
@@ -8871,12 +8996,12 @@ var Ao = [[
 	!1,
 	!0
 ]];
-function jo(e) {
+function Lo(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 Ao) t.every((t, r) => n(a + r, i, e) === t) && (r += 40);
+		for (let a = 0; a + 11 <= t; a++) for (let t of Io) 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];
@@ -8885,20 +9010,20 @@ function jo(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 Mo(e, t = "M") {
-	if (!Object.hasOwn(uo, t)) throw RangeError(`Invalid QR error correction level "${t}"; expected L, M, Q or H`);
+function Ro(e, t = "M") {
+	if (!Object.hasOwn(_o, 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 <= 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);
+	for (; r <= 40 && !(4 + (r <= 9 ? 8 : 16) + n.length * 8 <= So(r, t) * 8); r++);
+	if (r > 40) throw new go();
+	let i = Oo(Do(n, r, t), r, t), a = new ko(r * 4 + 17);
+	Ao(a, r), No(a, i);
 	let o = 0, s = Infinity;
 	for (let e = 0; e < 8; e++) {
-		ko(a, e), To(a, t, e);
-		let n = jo(a.modules);
-		n < s && (s = n, o = e), ko(a, e);
+		Fo(a, e), jo(a, t, e);
+		let n = Lo(a.modules);
+		n < s && (s = n, o = e), Fo(a, e);
 	}
-	return ko(a, o), To(a, t, o), {
+	return Fo(a, o), jo(a, t, o), {
 		size: a.size,
 		version: r,
 		modules: a.modules
@@ -8906,13 +9031,13 @@ function Mo(e, t = "M") {
 }
 //#endregion
 //#region src/components/ui/QrCode.tsx
-function No({ value: e, errorCorrection: t = "M", size: n = 160, margin: r = 4, "aria-label": i = "QR code", fallback: a = null, className: o }) {
+function zo({ 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 Mo(e, t);
+			return Ro(e, t);
 		} catch (e) {
-			if (e instanceof lo) return "too-long";
+			if (e instanceof go) return "too-long";
 			throw e;
 		}
 	}, [e, t]);
@@ -8946,7 +9071,7 @@ function No({ value: e, errorCorrection: t = "M", size: n = 160, margin: r = 4,
 }
 //#endregion
 //#region src/components/ui/SearchInput.tsx
-function Po({ value: e, onChange: t, placeholder: n = "Search...", className: r }) {
+function Bo({ 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", {
@@ -8960,8 +9085,8 @@ function Po({ value: e, onChange: t, placeholder: n = "Search...", className: r
 }
 //#endregion
 //#region src/components/ui/Select.tsx
-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({
+var Vo = 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 = co({
 		id: i,
 		error: t,
 		hint: a,
@@ -9009,10 +9134,10 @@ var Fo = a(({ label: e, error: t, options: n, className: r, id: i, hint: a, cont
 		]
 	});
 });
-Fo.displayName = "Select";
+Vo.displayName = "Select";
 //#endregion
 //#region src/components/ui/SettingRow.tsx
-function Io({ label: e, description: t, action: n, className: r }) {
+function Ho({ 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", {
@@ -9032,7 +9157,7 @@ function Io({ label: e, description: t, action: n, className: r }) {
 }
 //#endregion
 //#region src/components/ui/SideSheet.tsx
-function Lo({ open: e, onClose: t, title: n, children: r, footer: i, side: a = "right", widthClassName: o = "w-[360px]", className: s, contentClassName: c }) {
+function Uo({ 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;
@@ -9086,41 +9211,41 @@ function Lo({ open: e, onClose: t, title: n, children: r, footer: i, side: a = "
 }
 //#endregion
 //#region src/components/ui/SplitPaneLayout.tsx
-function Ro({ children: e, direction: t = "row", className: n }) {
+function Wo({ 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 zo({ children: e, className: t }) {
+function Go({ 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 Bo = Object.assign(Ro, { Main: zo }), Vo = {
+var Ko = Object.assign(Wo, { Main: Go }), qo = {
 	active: "bg-green",
 	inactive: "bg-text-tertiary",
 	pending: "bg-yellow animate-pulse-subtle",
 	error: "bg-red"
-}, Ho = {
+}, Jo = {
 	active: "text-green",
 	inactive: "text-text-tertiary",
 	pending: "text-yellow",
 	error: "text-red"
 };
-function Uo({ status: e, label: t, className: n }) {
+function Yo({ 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", Vo[e]) }), t && /* @__PURE__ */ _("span", {
-			className: G("text-xs", Ho[e]),
+		children: [/* @__PURE__ */ _("span", { className: G("h-2 w-2 rounded-full", qo[e]) }), t && /* @__PURE__ */ _("span", {
+			className: G("text-xs", Jo[e]),
 			children: t
 		})]
 	});
 }
 //#endregion
 //#region src/components/ui/StepProgress.tsx
-function Wo({ steps: e, currentStep: t, className: n }) {
+function Xo({ 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", {
@@ -9147,7 +9272,7 @@ function Wo({ steps: e, currentStep: t, className: n }) {
 }
 //#endregion
 //#region src/components/ui/Tabs.tsx
-function Go({ tabs: e, defaultTab: t, value: n, onChange: r, className: i }) {
+function Zo({ 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);
@@ -9186,8 +9311,8 @@ function Go({ tabs: e, defaultTab: t, value: n, onChange: r, className: i }) {
 }
 //#endregion
 //#region src/components/ui/Textarea.tsx
-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({
+var Qo = 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 = co({
 		id: o,
 		error: t,
 		hint: s,
@@ -9238,11 +9363,11 @@ var Ko = a(({ label: e, error: t, showCount: n, maxLength: r, value: i, classNam
 		]
 	});
 });
-Ko.displayName = "Textarea";
+Qo.displayName = "Textarea";
 //#endregion
 //#region src/components/ui/TextInput.tsx
-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({
+var $o = 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 = co({
 		id: i,
 		error: t,
 		hint: o,
@@ -9291,10 +9416,10 @@ var qo = a(({ label: e, error: t, icon: n, className: r, id: i, readOnly: a, hin
 		]
 	});
 });
-qo.displayName = "TextInput";
+$o.displayName = "TextInput";
 //#endregion
 //#region src/components/ui/Timeline.tsx
-function Jo({ items: e, className: t }) {
+function es({ items: e, className: t }) {
 	return /* @__PURE__ */ _("div", {
 		className: G("space-y-0", t),
 		children: e.map((t, n) => /* @__PURE__ */ v("div", {
@@ -9317,16 +9442,16 @@ function Jo({ items: e, className: t }) {
 }
 //#endregion
 //#region src/components/ui/Tooltip.tsx
-var Yo = {
+var ts = {
 	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 Xo(e, t) {
+function ns(e, t) {
 	return e ? `${e} ${t}` : t;
 }
-function Zo({ content: e, placement: t = "top", children: r }) {
+function rs({ content: e, placement: t = "top", children: r }) {
 	let [i, a] = h(!1), s = u();
 	return /* @__PURE__ */ v("div", {
 		className: "relative inline-flex",
@@ -9334,9 +9459,9 @@ function Zo({ content: e, placement: t = "top", children: r }) {
 		onMouseLeave: () => a(!1),
 		onFocus: () => a(!0),
 		onBlur: () => a(!1),
-		children: [o(r) ? n(r, { "aria-describedby": Xo(r.props["aria-describedby"], s) }) : r, i && /* @__PURE__ */ _("div", {
+		children: [o(r) ? n(r, { "aria-describedby": ns(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", Yo[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", ts[t]),
 			role: "tooltip",
 			children: e
 		})]
@@ -9344,7 +9469,7 @@ function Zo({ content: e, placement: t = "top", children: r }) {
 }
 //#endregion
 //#region src/components/ui/Toolbar.tsx
-function Qo({ start: e, end: t, children: n, className: r, startClassName: i, endClassName: a }) {
+function is({ 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", {
@@ -9358,7 +9483,7 @@ function Qo({ start: e, end: t, children: n, className: r, startClassName: i, en
 }
 //#endregion
 //#region src/components/ui/UploadDropzone.tsx
-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) {
+var as = 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`;
@@ -9405,15 +9530,15 @@ var $o = a(function({ title: e = "Drag and drop files here, or click to browse",
 			})
 		]
 	});
-}), es = r({ theme: "dark" });
+}), os = r({ theme: "dark" });
 //#endregion
 //#region src/hooks/useTheme.ts
-function ts() {
-	return c(es);
+function ss() {
+	return c(os);
 }
 //#endregion
 //#region src/lib/formatDate.ts
-var ns = [
+var cs = [
 	"Jan",
 	"Feb",
 	"Mar",
@@ -9427,21 +9552,21 @@ var ns = [
 	"Nov",
 	"Dec"
 ];
-function rs(e) {
+function ls(e) {
 	return (/* @__PURE__ */ new Date(e + "T00:00:00")).toLocaleDateString("en-US", {
 		month: "short",
 		day: "numeric",
 		year: "numeric"
 	});
 }
-function is(e) {
+function us(e) {
 	return (/* @__PURE__ */ new Date(e + "T00:00:00")).toLocaleDateString("en-US", {
 		month: "long",
 		day: "numeric",
 		year: "numeric"
 	});
 }
-function as(e, t = /* @__PURE__ */ new Date()) {
+function ds(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);
@@ -9449,18 +9574,18 @@ function as(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 = `${ns[e.getMonth()]} ${e.getDate()}`;
+	let o = `${cs[e.getMonth()]} ${e.getDate()}`;
 	return e.getFullYear() === t.getFullYear() ? o : `${o}, ${e.getFullYear()}`;
 }
 //#endregion
 //#region src/providers/SettingsProvider.tsx
-var os = {
+var fs = {
 	"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"
-}, ss = {
+}, ps = {
 	purple: {
 		base: "#7C5CFC",
 		hover: "#6B4AEB",
@@ -9517,43 +9642,43 @@ var os = {
 		muted: "rgba(99,102,241,0.15)",
 		subtle: "rgba(99,102,241,0.08)"
 	}
-}, 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([
+}, ms = "leonardaustin-ui-settings", hs = new Set(Object.keys(ps)), gs = new Set(Object.keys(Ot)), _s = new Set(Object.keys(fs)), vs = new Set([
 	"light",
 	"dark",
 	"system"
 ]);
-function ps(e, t, n, r) {
+function ys(e, t, n, r) {
 	return typeof e != "number" || !isFinite(e) ? r : Math.min(n, Math.max(t, e));
 }
-function ms(e) {
+function bs(e) {
 	let t = {};
-	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") {
+	if (hs.has(e.accentColor) && (t.accentColor = e.accentColor), vs.has(e.colorMode) && (t.colorMode = e.colorMode), gs.has(e.preferredDarkTheme) && !Ct(e.preferredDarkTheme) && (t.preferredDarkTheme = e.preferredDarkTheme), gs.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 = ys(e.sidebarWidth, 160, 400, 220)), e.themeOverrides && typeof e.themeOverrides == "object") {
 		let n = {};
 		for (let [t, r] of Object.entries(e.themeOverrides)) {
-			if (!us.has(t) || !r || typeof r != "object") continue;
+			if (!gs.has(t) || !r || typeof r != "object") continue;
 			let e = r, i = Ot[t];
 			n[t] = {
-				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)
+				uiFont: _s.has(e.uiFont) ? e.uiFont : i.uiFont,
+				headingFont: _s.has(e.headingFont) ? e.headingFont : i.headingFont,
+				proseFont: _s.has(e.proseFont) ? e.proseFont : i.proseFont,
+				controlFont: _s.has(e.controlFont) ? e.controlFont : i.controlFont,
+				labelFont: _s.has(e.labelFont) ? e.labelFont : i.labelFont,
+				navigationFont: _s.has(e.navigationFont) ? e.navigationFont : i.navigationFont,
+				dataFont: _s.has(e.dataFont) ? e.dataFont : i.dataFont,
+				codeFont: _s.has(e.codeFont) ? e.codeFont : i.codeFont,
+				fontSize: ys(e.fontSize, 11, 18, i.fontSize),
+				borderRadius: ys(e.borderRadius, 0, 16, i.borderRadius),
+				borderWidth: ys(e.borderWidth, 1, 3, i.borderWidth),
+				tracking: ys(e.tracking, 0, .3, i.tracking),
+				lineHeight: ys(e.lineHeight, 1.2, 2, i.lineHeight),
+				density: ys(e.density, .18, .32, i.density)
 			};
 		}
 		t.themeOverrides = n;
 	}
 	return t;
 }
-var hs = {
+var xs = {
 	accentColor: "purple",
 	sidebarCollapsed: !1,
 	sidebarWidth: 220,
@@ -9563,35 +9688,35 @@ var hs = {
 	preferredLightTheme: "light",
 	themeOverrides: {}
 };
-function gs(e, t) {
+function Ss(e, t) {
 	let n = {
-		...hs,
-		...ms(t ?? {})
+		...xs,
+		...bs(t ?? {})
 	};
 	if (typeof localStorage > "u") return n;
 	try {
 		let t = localStorage.getItem(e);
 		if (t) return {
 			...n,
-			...ms(JSON.parse(t))
+			...bs(JSON.parse(t))
 		};
 	} catch (e) {
 		console.warn("[SettingsProvider] Failed to load settings:", e);
 	}
 	return n;
 }
-function _s(e, t) {
+function Cs(e, t) {
 	let n = Ot[e] ?? Ot.dark;
 	return t[e] ? {
 		...n,
 		...t[e]
 	} : n;
 }
-function vs(e, t) {
+function ws(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 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);
+function Ts({ children: e, storageKey: t = ms, initialSettings: n, forcedTheme: r }) {
+	let [i, a] = h(() => Ss(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);
@@ -9603,9 +9728,9 @@ function ys({ children: e, storageKey: t = cs, initialSettings: n, forcedTheme:
 		i.preferredDarkTheme,
 		i.preferredLightTheme,
 		o
-	]), [d, f] = h(() => _s(u, i.themeOverrides));
+	]), [d, f] = h(() => Cs(u, i.themeOverrides));
 	l(() => {
-		f(_s(u, i.themeOverrides));
+		f(Cs(u, i.themeOverrides));
 	}, [u]);
 	let m = s((e) => {
 		a((n) => {
@@ -9622,15 +9747,15 @@ function ys({ children: e, storageKey: t = cs, initialSettings: n, forcedTheme:
 		});
 	}, [t]);
 	l(() => {
-		let e = document.documentElement, t = ss[i.accentColor];
+		let e = document.documentElement, t = ps[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", 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`);
+		e.style.fontSize = `${d.fontSize / 13 * 100}%`, e.style.setProperty("--font-ui", fs[d.uiFont]), e.style.setProperty("--font-heading", fs[d.headingFont]), e.style.setProperty("--font-prose", fs[d.proseFont]), e.style.setProperty("--font-control", fs[d.controlFont]), e.style.setProperty("--font-label", fs[d.labelFont]), e.style.setProperty("--font-navigation", fs[d.navigationFont]), e.style.setProperty("--font-data", fs[d.dataFont]), e.style.setProperty("--font-code", fs[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(() => _s(u, i.themeOverrides), [u, i.themeOverrides]), v = u in i.themeOverrides, y = !vs(d, g), b = s(() => {
+	let g = p(() => Cs(u, i.themeOverrides), [u, i.themeOverrides]), v = u in i.themeOverrides, y = !ws(d, g), b = s(() => {
 		m({ themeOverrides: {
 			...i.themeOverrides,
 			[u]: { ...d }
@@ -9754,7 +9879,7 @@ function ys({ children: e, storageKey: t = cs, initialSettings: n, forcedTheme:
 }
 //#endregion
 //#region src/providers/ThemeProvider.tsx
-var bs = {
+var Es = {
 	dark: "",
 	light: "theme-light",
 	lightInverted: "theme-light-inverted",
@@ -9764,23 +9889,23 @@ var bs = {
 	cyberBrutalLight: "theme-cyber-brutal-light",
 	hashiTheme: "theme-hashi"
 };
-function xs({ children: e }) {
+function Ds({ children: e }) {
 	let { resolvedTheme: t } = c(Mt);
 	return l(() => {
 		let e = document.documentElement;
-		Object.values(bs).forEach((t) => {
+		Object.values(Es).forEach((t) => {
 			t && e.classList.remove(t);
 		});
-		let n = bs[t];
+		let n = Es[t];
 		n && e.classList.add(n);
-	}, [t]), /* @__PURE__ */ _(es.Provider, {
+	}, [t]), /* @__PURE__ */ _(os.Provider, {
 		value: { theme: t },
 		children: e
 	});
 }
 //#endregion
 //#region src/components/ui/FormField.tsx
-function Ss({ id: e, label: t, hint: n, error: r, required: i, optionalLabel: a, children: o, className: s, ...c }) {
+function Os({ 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": Rn(f, p),
@@ -9825,13 +9950,13 @@ function Ss({ id: e, label: t, hint: n, error: r, required: i, optionalLabel: a,
 		})
 	});
 }
-function Cs({ className: e, ...t }) {
+function ks({ className: e, ...t }) {
 	return /* @__PURE__ */ _("p", {
 		...t,
 		className: G("text-text-secondary text-xs", e)
 	});
 }
-function ws({ className: e, ...t }) {
+function As({ className: e, ...t }) {
 	return /* @__PURE__ */ _("p", {
 		...t,
 		className: G("text-red text-xs", e)
@@ -9839,7 +9964,7 @@ function ws({ className: e, ...t }) {
 }
 //#endregion
 //#region src/components/ui/Fieldset.tsx
-function Ts({ id: e, legend: t, hint: n, error: r, children: i, className: a, "aria-describedby": o, ...s }) {
+function js({ 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,
@@ -9873,7 +9998,7 @@ function Ts({ id: e, legend: t, hint: n, error: r, children: i, className: a, "a
 }
 //#endregion
 //#region src/components/ui/Radio.tsx
-var Es = a(({ label: e, description: t, controlSize: n, className: r, id: i, "aria-describedby": a, "aria-invalid": o, ...s }, l) => {
+var Ms = 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),
@@ -9896,14 +10021,14 @@ var Es = a(({ label: e, description: t, controlSize: n, className: r, id: i, "ar
 		})]
 	});
 });
-Es.displayName = "Radio";
-function Ds({ name: e, id: t, options: n, value: r, onChange: i, required: a, disabled: o, controlSize: s, ...c }) {
+Ms.displayName = "Radio";
+function Ns({ 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__ */ _(Ts, {
+	return /* @__PURE__ */ _(js, {
 		...c,
 		id: d,
 		disabled: o,
-		children: n.map((t, n) => /* @__PURE__ */ _(Es, {
+		children: n.map((t, n) => /* @__PURE__ */ _(Ms, {
 			id: `${d}-${n}`,
 			name: e ?? d,
 			value: t.value,
@@ -9917,17 +10042,17 @@ function Ds({ name: e, id: t, options: n, value: r, onChange: i, required: a, di
 		}, t.value))
 	});
 }
-var Os = Object.assign(Es, { Group: Ds }), ks = {
+var Ps = Object.assign(Ms, { Group: Ns }), Fs = {
 	pending: "Pending",
 	uploading: "Uploading",
 	processing: "Processing",
 	ready: "Ready",
 	error: "Upload failed"
 };
-function As(e) {
+function Is(e) {
 	return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 }
-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 }) {
+function Ls({ 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),
@@ -9940,7 +10065,7 @@ function js({ name: e, size: t, status: n = "ready", statusLabel: r, error: i, o
 				}),
 				t !== void 0 && /* @__PURE__ */ _("p", {
 					className: "text-text-tertiary text-2xs",
-					children: As(t)
+					children: Is(t)
 				}),
 				/* @__PURE__ */ v("div", {
 					role: "status",
@@ -9949,7 +10074,7 @@ function js({ name: e, size: t, status: n = "ready", statusLabel: r, error: i, o
 					children: [
 						e,
 						": ",
-						i ?? r ?? ks[n]
+						i ?? r ?? Fs[n]
 					]
 				})
 			]
@@ -9991,7 +10116,7 @@ function js({ name: e, size: t, status: n = "ready", statusLabel: r, error: i, o
 		})]
 	});
 }
-function Ms({ children: e, className: t, "aria-label": n = "Attachments", ...r }) {
+function Rs({ children: e, className: t, "aria-label": n = "Attachments", ...r }) {
 	return /* @__PURE__ */ _("ul", {
 		...r,
 		"aria-label": n,
@@ -10001,7 +10126,7 @@ function Ms({ children: e, className: t, "aria-label": n = "Attachments", ...r }
 }
 //#endregion
 //#region src/lib/dateParts.ts
-function Ns(e, { required: t = !1, minYear: n = 1900, maxYear: r = 2100 } = {}) {
+function zs(e, { required: t = !1, minYear: n = 1900, maxYear: r = 2100 } = {}) {
 	let i = [
 		e.day,
 		e.month,
@@ -10031,10 +10156,10 @@ function Ns(e, { required: t = !1, minYear: n = 1900, maxYear: r = 2100 } = {})
 }
 //#endregion
 //#region src/components/ui/DatePartsInput.tsx
-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 }) {
+function Bs({ 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 = Ns(e, {
+	let C = zs(e, {
 		required: c,
 		minYear: p,
 		maxYear: g
@@ -10083,7 +10208,7 @@ function Ps({ 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__ */ _(qo, {
+					children: [/* @__PURE__ */ _($o, {
 						inputMode: "numeric",
 						"data-1p-ignore": "true",
 						...f?.[n],
@@ -10150,7 +10275,7 @@ function Ps({ value: e, onChange: t, label: n, hint: r, error: i, id: a, name: o
 }
 //#endregion
 //#region src/components/ui/Skeleton.tsx
-function Fs({ className: e, width: t, height: n, style: r, ...i }) {
+function Vs({ className: e, width: t, height: n, style: r, ...i }) {
 	return /* @__PURE__ */ _("div", {
 		...i,
 		"aria-hidden": "true",
@@ -10164,7 +10289,7 @@ function Fs({ className: e, width: t, height: n, style: r, ...i }) {
 }
 //#endregion
 //#region src/components/ui/NavTabs.tsx
-function Is({ items: e, activeKey: t, renderLink: n, className: r, "aria-label": i = "Sections", ...a }) {
+function Hs({ items: e, activeKey: t, renderLink: n, className: r, "aria-label": i = "Sections", ...a }) {
 	return /* @__PURE__ */ _("nav", {
 		...a,
 		"aria-label": i,
@@ -10188,7 +10313,7 @@ function Is({ items: e, activeKey: t, renderLink: n, className: r, "aria-label":
 }
 //#endregion
 //#region src/components/ui/CharacterCount.tsx
-function Ls({ value: e, maxLength: t, announcementDelay: n = 1e3, className: r, ...i }) {
+function Us({ 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);
@@ -10210,7 +10335,7 @@ function Ls({ value: e, maxLength: t, announcementDelay: n = 1e3, className: r,
 }
 //#endregion
 //#region src/providers/ControlSizeProvider.tsx
-function Rs({ size: e, children: t }) {
+function Ws({ size: e, children: t }) {
 	return /* @__PURE__ */ _(rn.Provider, {
 		value: e,
 		children: t
@@ -10218,7 +10343,7 @@ function Rs({ size: e, children: t }) {
 }
 //#endregion
 //#region src/components/ui/ProgressBar.tsx
-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) {
+var Gs = 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");
@@ -10255,4 +10380,138 @@ var zs = a(function({ label: e, value: t, min: n = 0, max: r = 100, color: i = "
 	});
 });
 //#endregion
-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 };
+//#region src/components/ui/Stack.tsx
+function Ks({ as: e, gap: t = 0, align: n = "stretch", justify: r = "start", className: a, style: o, ...s }) {
+	return i(e ?? "div", {
+		...s,
+		className: G("ui-stack", a),
+		style: {
+			...Ja(t),
+			"--ui-align": Ya(n),
+			"--ui-justify": Xa(r),
+			...o
+		}
+	});
+}
+//#endregion
+//#region src/components/ui/Inline.tsx
+function qs({ as: e, gap: t = 0, gapX: n, gapY: r, align: a = "stretch", justify: o = "start", wrap: s = !1, inline: c = !1, stackBelow: l, className: u, style: d, ...f }) {
+	return i(e ?? "div", {
+		...f,
+		className: G("ui-inline", u),
+		style: {
+			...Ja(t, n, r),
+			"--ui-align": Ya(a),
+			"--ui-justify": Xa(o),
+			"--ui-wrap": s ? "wrap" : "nowrap",
+			"--ui-display": c ? "inline-flex" : "flex",
+			...Ka("direction", l ? {
+				base: "column",
+				[l]: "row"
+			} : "row", (e) => e, "row"),
+			...d
+		}
+	});
+}
+//#endregion
+//#region src/components/ui/Grid.tsx
+function Js({ as: e, columns: t = 1, gap: n = 0, gapX: r, gapY: a, align: o = "stretch", justify: s = "stretch", className: c, style: l, ...u }) {
+	return i(e ?? "div", {
+		...u,
+		className: G("ui-grid", c),
+		style: {
+			...Ja(n, r, a),
+			...Ka("columns", t, qa, 1),
+			"--ui-align": o,
+			"--ui-justify": s,
+			...l
+		}
+	});
+}
+//#endregion
+//#region src/components/ui/GridItem.tsx
+function Ys({ as: e, span: t = 1, className: n, style: r, ...a }) {
+	return i(e ?? "div", {
+		...a,
+		className: G("ui-grid-item", n),
+		style: {
+			...Ka("span", t, (e) => `span ${e} / span ${e}`, 1),
+			...r
+		}
+	});
+}
+//#endregion
+//#region src/components/tables/Table.tsx
+function Xs({ caption: e, captionHidden: t = !1, stickyHeader: n = !1, maxHeight: r, wrapperClassName: i, wrapperProps: a, className: o, children: s, ...c }) {
+	return /* @__PURE__ */ _("div", {
+		...a,
+		className: G("ui-table-wrap", a?.className, i),
+		style: {
+			maxHeight: r,
+			...r ? { overflow: "auto" } : {},
+			...a?.style
+		},
+		children: /* @__PURE__ */ v("table", {
+			...c,
+			className: G("ui-table", n && "ui-table-sticky", o),
+			children: [e != null && /* @__PURE__ */ _("caption", {
+				className: G(t && "sr-only"),
+				children: e
+			}), s]
+		})
+	});
+}
+function Zs({ className: e, ...t }) {
+	return /* @__PURE__ */ _("thead", {
+		...t,
+		className: G("ui-table-head", e)
+	});
+}
+function Qs({ className: e, ...t }) {
+	return /* @__PURE__ */ _("tbody", {
+		...t,
+		className: G("ui-table-body", e)
+	});
+}
+function $s({ selected: e, interactive: t = !1, className: n, ...r }) {
+	return /* @__PURE__ */ _("tr", {
+		...r,
+		"aria-selected": e ?? r["aria-selected"],
+		className: G("ui-table-row", t && "ui-table-interactive", n)
+	});
+}
+function ec({ numeric: e = !1, align: t, sort: n, scope: r = "col", className: i, style: a, ...o }) {
+	return /* @__PURE__ */ _("th", {
+		...o,
+		scope: r,
+		"aria-sort": n ?? o["aria-sort"],
+		className: G("ui-table-header-cell", e && "ui-table-numeric", i),
+		style: {
+			...t ? { textAlign: t } : {},
+			...a
+		}
+	});
+}
+function tc({ numeric: e = !1, align: t, nowrap: n = !1, className: r, style: i, ...a }) {
+	return /* @__PURE__ */ _("td", {
+		...a,
+		className: G("ui-table-cell", e && "ui-table-numeric", n && "ui-table-nowrap", r),
+		style: {
+			...t ? { textAlign: t } : {},
+			...i
+		}
+	});
+}
+function nc({ colSpan: e, children: t, className: n, ...r }) {
+	return /* @__PURE__ */ _("tr", {
+		...r,
+		className: G("ui-table-empty-row", n),
+		children: /* @__PURE__ */ _("td", {
+			colSpan: e,
+			className: "ui-table-empty-cell",
+			children: t
+		})
+	});
+}
+//#endregion
+export { qn as Alert, Pn as AppShell, He as AreaChart, Ls as AttachmentItem, Rs 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, Bi as Calendar, qi as CalendarGrid, Ji as Card, Us as CharacterCount, zn as Checkbox, ea as CodeInput, Hn as ColumnPicker, ta as Combobox, vt as CommandPalette, Ws as ControlSizeProvider, ji as DEFAULT_CALENDAR_LABELS, mt as DEFAULT_COMMAND_PALETTE_SHORTCUT, na as DangerZone, Bs as DatePartsInput, ia as DatePicker, ca as DateRangePicker, ma as DateTimePicker, ya as DetailPanel, Ia as Dialog, La as DialogActions, Ra as DividerLabel, qe as DonutChart, za as DropdownMenu, Ba as EmptyState, Va as ErrorBoundary, As as FieldError, ks as FieldHint, js as Fieldset, Bn as FilterButton, Ha as FilterDropdown, Os as FormField, Js as Grid, Ys as GridItem, qs as Inline, Ua as Kbd, Ga as LoadingSpinner, Za as MetadataGrid, Qa as MetricCard, bt as MobileDrawer, Hs as NavTabs, ro as OAuthButton, io as PageHeader, ao as PageSection, Un as Pagination, so as PaginationBar, lo as PasswordInput, po as PasswordRequirements, mo as ProfileHeader, Gs as ProgressBar, ho as ProseContent, go as QrCapacityError, zo as QrCode, Je as RadarChart, Ye as RadialBarChart, Ps as Radio, Mi as RadioPill, Gn as ResourceTable, Bo as SearchInput, pn as SectionHeader, Vo as Select, xn as SelectDropdown, Ho as SettingRow, Mt as SettingsContext, Ts as SettingsProvider, Uo as SideSheet, $t as Sidebar, Vs as Skeleton, Sn as Slider, Xe as SparkLine, Ko as SplitPaneLayout, Ks as Stack, rt as StackedBarChart, Yo as StatusDot, Xo as StepProgress, Tn as THEME_MENU_EVENT, Xs as Table, Qs as TableBody, tc as TableCell, nc as TableEmptyRow, Zs as TableHead, ec as TableHeaderCell, $s as TableRow, Zo as Tabs, $o as TextInput, Qo as Textarea, os as ThemeContext, On as ThemeMenu, Cn as ThemePreview, Ds as ThemeProvider, es as Timeline, Bt as ToastProvider, wn as Toggle, is as Toolbar, rs as Tooltip, Mn as TopBar, as 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, uo as defaultPasswordRequirements, dr as differenceInDays, Ro as encodeQrCode, Ur as expandAvailabilityRules, kt as fontOptions, us as formatDateLong, ls as formatDateShort, Mr as formatRangeTitle, ds 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, fo 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, ss as useTheme, zt as useToast };