@leonardaustin/ui 0.7.1 → 0.9.0

package/dist/index.js

@@ -2632,6 +2632,9 @@ var on = {
 	return /* @__PURE__ */ v("button", {
 		ref: u,
 		"data-control-size": d,
+		"data-variant": e,
+		"data-size": t,
+		"data-hide-label": p && !f ? "" : void 0,
 		disabled: c || r,
 		className: G("ui-sized-control inline-flex items-center justify-center rounded-md font-medium", "font-control", "transition-colors duration-[100ms] ease-out", "cursor-pointer", "disabled:cursor-not-allowed disabled:opacity-40", "focus-visible:outline-accent focus-visible:outline-2 focus-visible:outline-offset-2", on[e], f ? cn[t] : sn[t], p && !f && dn[p]?.[t], o),
 		...l,
@@ -2754,7 +2757,7 @@ function xn({ options: e, value: t, onChange: n, label: r, placeholder: i = "Sel
 		className: G("flex flex-col gap-1.5", a),
 		ref: p,
 		children: [r && /* @__PURE__ */ _("span", {
-			className: "text-text-secondary font-label text-xs font-medium",
+			className: "ui-field-label font-label text-xs font-medium",
 			children: r
 		}), /* @__PURE__ */ v("div", {
 			className: "relative",
@@ -2810,7 +2813,7 @@ function Sn({ min: e, max: t, step: n = 1, value: r, onChange: i, onCommit: a, l
 		children: [(o || s) && /* @__PURE__ */ v("div", {
 			className: "flex items-center justify-between",
 			children: [o && /* @__PURE__ */ _("span", {
-				className: "text-text-secondary font-label text-xs font-medium",
+				className: "ui-field-label font-label text-xs font-medium",
 				children: o
 			}), s && /* @__PURE__ */ _("span", {
 				className: "text-text-primary font-data text-xs",
@@ -2864,13 +2867,13 @@ function wn({ checked: e, onChange: t, disabled: n, label: r, className: i }) {
 			"aria-checked": e,
 			disabled: n,
 			onClick: () => t(!e),
-			className: G("relative shrink-0 rounded-full border transition-colors duration-[100ms]", "focus-visible:outline-accent focus-visible:outline-2 focus-visible:outline-offset-2", e ? "bg-accent border-accent" : "bg-bg-tertiary border-border", !n && "cursor-pointer"),
+			className: G("relative shrink-0 rounded-full border transition-colors duration-[100ms]", "focus-visible:outline-accent focus-visible:outline-2 focus-visible:outline-offset-2", e ? "bg-accent border-accent" : "bg-bg-tertiary ui-switch-off", !n && "cursor-pointer"),
 			style: {
 				width: 36,
 				height: 20
 			},
 			children: /* @__PURE__ */ _("span", {
-				className: "bg-control-knob absolute top-1/2 rounded-full transition-[left] duration-[100ms]",
+				className: "ui-switch-knob absolute top-1/2 rounded-full transition-[left] duration-[100ms]",
 				style: {
 					width: 14,
 					height: 14,
@@ -3586,6 +3589,12 @@ function Gn({ data: e, columns: t, getRowId: n, onRowClick: r, emptyMessage: a =
 //#endregion
 //#region src/components/ui/Alert.tsx
 var Kn = {
+	neutral: {
+		bg: "bg-bg-hover",
+		border: "border-border",
+		icon: I,
+		iconColor: "text-text-tertiary"
+	},
 	success: {
 		bg: "bg-green-muted",
 		border: "border-green/30",
@@ -3611,26 +3620,31 @@ var Kn = {
 		iconColor: "text-blue"
 	}
 };
-function qn({ type: e, title: t, children: n, dismissible: r, className: i }) {
-	let [a, o] = h(!1);
-	if (a) return null;
-	let s = Kn[e], c = s.icon;
+function qn({ type: e, title: t, children: n, dismissible: r, className: i, actions: a, toneBody: o = !1, ...s }) {
+	let [c, l] = h(!1);
+	if (c) return null;
+	let u = Kn[e], d = u.icon, f = e === "neutral" ? "text-text-primary" : u.iconColor;
 	return /* @__PURE__ */ v("div", {
-		className: G("flex gap-2.5 rounded-md border p-3", s.bg, s.border, i),
+		...s,
+		className: G("flex gap-2.5 rounded-md border p-3", u.bg, u.border, i),
 		children: [
-			/* @__PURE__ */ _(c, { className: G("mt-0.5 h-4 w-4 shrink-0", s.iconColor) }),
+			/* @__PURE__ */ _(d, { className: G("mt-0.5 h-4 w-4 shrink-0", u.iconColor) }),
 			/* @__PURE__ */ v("div", {
 				className: "min-w-0 flex-1",
 				children: [t && /* @__PURE__ */ _("p", {
-					className: "text-text-primary mb-0.5 text-xs font-semibold",
+					className: G(o ? f : "text-text-primary", "mb-0.5 text-xs font-semibold"),
 					children: t
 				}), /* @__PURE__ */ _("div", {
-					className: "text-text-secondary text-xs",
+					className: G(o ? f : "text-text-secondary", "text-xs"),
 					children: n
 				})]
 			}),
+			a ? /* @__PURE__ */ _("div", {
+				className: "shrink-0 self-center",
+				children: a
+			}) : null,
 			r && /* @__PURE__ */ _("button", {
-				onClick: () => o(!0),
+				onClick: () => l(!0),
 				className: "text-text-tertiary hover:text-text-primary flex h-5 w-5 cursor-pointer items-center justify-center rounded",
 				"aria-label": "Dismiss",
 				children: /* @__PURE__ */ _(V, { className: "h-3 w-3" })
@@ -3692,6 +3706,8 @@ function Yn({ name: e, meta: t, nameAppend: n, size: r = "sm", className: i }) {
 //#endregion
 //#region src/components/ui/Badge.tsx
 var Xn = {
+	teal: "bg-teal-muted text-teal",
+	rose: "bg-rose-muted text-rose",
 	green: "bg-green-muted text-green",
 	yellow: "bg-yellow-muted text-yellow",
 	red: "bg-red-muted text-red",
@@ -3699,6 +3715,8 @@ var Xn = {
 	purple: "bg-purple-muted text-purple",
 	gray: "bg-bg-hover text-text-secondary"
 }, Zn = {
+	teal: "bg-teal",
+	rose: "bg-rose",
 	green: "bg-green",
 	yellow: "bg-yellow",
 	red: "bg-red",
@@ -6617,7 +6635,7 @@ function qi({ children: e, className: t, header: n, footer: r, as: i = "div", fl
 				children: n
 			}),
 			/* @__PURE__ */ _("div", {
-				className: G(!a && "p-3", o),
+				className: G(!a && "ui-surface-body p-3", o),
 				children: e
 			}),
 			r && /* @__PURE__ */ _("div", {
@@ -6782,7 +6800,7 @@ function ea({ options: e, value: t, onChange: n, onOptionChange: r, placeholder:
 		children: [
 			a && /* @__PURE__ */ _("span", {
 				id: se,
-				className: "text-text-secondary font-label text-xs font-medium",
+				className: "ui-field-label font-label text-xs font-medium",
 				children: a
 			}),
 			d && /* @__PURE__ */ _("input", {
@@ -6960,7 +6978,7 @@ function ra({ controlSize: e, label: t, timeZone: n, value: r, onChange: i, plac
 		className: "flex flex-col gap-1.5",
 		ref: d,
 		children: [t && /* @__PURE__ */ _("span", {
-			className: "text-text-secondary text-xs font-medium",
+			className: "ui-field-label text-xs font-medium",
 			children: t
 		}), /* @__PURE__ */ v("div", {
 			className: "relative",
@@ -7049,7 +7067,7 @@ function sa({ controlSize: e, label: t, value: n, onChange: r, placeholder: i =
 		className: "flex flex-col gap-1.5",
 		ref: l,
 		children: [t && /* @__PURE__ */ _("span", {
-			className: "text-text-secondary text-xs font-medium",
+			className: "ui-field-label text-xs font-medium",
 			children: t
 		}), /* @__PURE__ */ v("div", {
 			className: "relative",
@@ -7246,7 +7264,7 @@ function ma({ controlSize: e, label: t, timeZone: n, value: r, onChange: i, plac
 		className: "flex flex-col gap-1.5",
 		ref: S,
 		children: [t && /* @__PURE__ */ _("span", {
-			className: "text-text-secondary text-xs font-medium",
+			className: "ui-field-label text-xs font-medium",
 			children: t
 		}), /* @__PURE__ */ v("div", {
 			className: "relative",
@@ -7456,11 +7474,16 @@ function Sa({ x: e, y: t }) {
 }
 //#endregion
 //#region src/components/ui/Dialog.tsx
-var Ca = "(min-width: 48rem)", wa = "a[href], button, input, select, textarea, label, summary, [contenteditable]:not([contenteditable=\"false\"]), [role=\"button\"], [role=\"link\"], [tabindex]:not([tabindex=\"-1\"])", Ta = {
+var Ca = {
+	sm: "max-w-[400px]",
+	md: "max-w-[576px]",
+	lg: "max-w-[768px]",
+	xl: "max-w-[1024px]"
+}, wa = "(min-width: 48rem)", Ta = "a[href], button, input, select, textarea, label, summary, [contenteditable]:not([contenteditable=\"false\"]), [role=\"button\"], [role=\"link\"], [tabindex]:not([tabindex=\"-1\"])", Ea = {
 	x: 0,
 	y: 0
 };
-function Ea(e) {
+function Da(e) {
 	let t = e.getBoundingClientRect();
 	return {
 		left: t.left,
@@ -7469,19 +7492,19 @@ function Ea(e) {
 		bottom: t.top + e.clientHeight
 	};
 }
-var Da = {
+var Oa = {
 	top: "bottom",
 	bottom: "top",
 	left: "right",
 	right: "left"
 };
-function Oa(e, t) {
+function ka(e, t) {
 	return {
 		x: e.x + t.x,
 		y: e.y + t.y
 	};
 }
-function ka(e, t) {
+function Aa(e, t) {
 	let n = t.getBoundingClientRect();
 	return {
 		left: n.left + e.offsetLeft - t.scrollLeft,
@@ -7490,65 +7513,65 @@ function ka(e, t) {
 		height: e.offsetHeight
 	};
 }
-function Aa(e, t) {
+function ja(e, t) {
 	if (!(e instanceof HTMLElement) || !e.isConnected) return null;
 	let n = e.ownerDocument;
 	return e === n.body || e === n.documentElement || t.contains(e) ? null : e.getClientRects().length > 0 ? e : null;
 }
-function ja(e) {
-	return e.ownerDocument.defaultView?.matchMedia(Ca).matches ?? !1;
-}
 function Ma(e) {
+	return e.ownerDocument.defaultView?.matchMedia(wa).matches ?? !1;
+}
+function Na(e) {
 	let t = e.ownerDocument.defaultView;
 	return t ? ya(t.getComputedStyle(e).getPropertyValue("--spacing"), parseFloat(t.getComputedStyle(e.ownerDocument.documentElement).fontSize)) : 8;
 }
-function Na({ open: e, draggable: t, remember: n, placement: r, anchorRef: i }, a, o) {
-	let s = m(Ta), c = m(Ta), l = m(8), u = m(null), d = m(null), p = m(!1), h = e && t;
+function Pa({ open: e, draggable: t, remember: n, placement: r, anchorRef: i }, a, o) {
+	let s = m(Ea), c = m(Ea), l = m(8), u = m(null), d = m(null), p = m(!1), h = e && t;
 	f(() => {
 		let f = a.current, m = h ? o.current : null, g = f?.parentElement, _ = f?.ownerDocument.defaultView, v = r !== "center";
 		(!n || !t) && (d.current = null);
 		let y = n && m !== null;
 		if (!e || !f || !g || !_ || !m && !v) return;
-		let b = v ? Aa(f.ownerDocument.activeElement, f) : null, x = () => v ? Aa(i?.current, f) ?? Aa(b, f) : null, S = () => Oa(c.current, m ? s.current : Ta), C = () => {
+		let b = v ? ja(f.ownerDocument.activeElement, f) : null, x = () => v ? ja(i?.current, f) ?? ja(b, f) : null, S = () => ka(c.current, m ? s.current : Ea), C = () => {
 			f.style.translate = Sa(S());
 		}, w = () => {
-			let e = ka(f, g);
+			let e = Aa(f, g);
 			if (p.current && d.current) {
 				c.current = {
 					x: d.current.left - e.left,
 					y: d.current.top - e.top
-				}, s.current = Ta, f.dataset.placement = "remembered", f.style.transformOrigin = "";
+				}, s.current = Ea, f.dataset.placement = "remembered", f.style.transformOrigin = "";
 				return;
 			}
-			let t = ja(f) ? x() : null, n = v && t ? yn(r, t.getBoundingClientRect(), {
+			let t = Ma(f) ? x() : null, n = v && t ? yn(r, t.getBoundingClientRect(), {
 				size: {
 					width: e.width,
 					height: e.height
 				},
-				bounds: Ea(g),
+				bounds: Da(g),
 				margin: l.current,
 				gap: l.current
 			}) : null;
 			c.current = n ? {
 				x: n.left - e.left,
 				y: n.top - e.top
-			} : Ta, f.dataset.placement = n?.side ?? "center", f.style.transformOrigin = n ? Da[n.side] : "";
+			} : Ea, f.dataset.placement = n?.side ?? "center", f.style.transformOrigin = n ? Oa[n.side] : "";
 		}, T = () => {
 			let e = s.current;
 			if (!m || !p.current && e.x === 0 && e.y === 0) return;
-			let t = S(), n = xa(t, t, f.getBoundingClientRect(), m.getBoundingClientRect(), Ea(g), l.current);
+			let t = S(), n = xa(t, t, f.getBoundingClientRect(), m.getBoundingClientRect(), Da(g), l.current);
 			if (s.current = {
 				x: n.x - c.current.x,
 				y: n.y - c.current.y
 			}, C(), p.current) {
-				let e = ka(f, g);
+				let e = Aa(f, g);
 				d.current = {
 					left: e.left + n.x,
 					top: e.top + n.y
 				};
 			}
 		}, E = () => {
-			l.current = Ma(f), ja(f) || (u.current = null, s.current = Ta, p.current = !1, d.current = null), u.current || w(), C(), T();
+			l.current = Na(f), Ma(f) || (u.current = null, s.current = Ea, p.current = !1, d.current = null), u.current || w(), C(), T();
 		}, D = 0, O = () => {
 			D ||= _.requestAnimationFrame(() => {
 				D = 0, E();
@@ -7560,7 +7583,7 @@ function Na({ 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 = Ta, s.current = Ta, 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 = Ea, s.current = Ea, p.current = !1, f.style.translate = "", f.style.transformOrigin = "", delete f.dataset.placement;
 		};
 	}, [
 		e,
@@ -7575,15 +7598,15 @@ function Na({ 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(wa);
-		i && n.contains(i) || !ja(t) || (e.preventDefault(), n.setPointerCapture(e.pointerId), u.current = {
+		let i = e.target.closest(Ta);
+		i && n.contains(i) || !Ma(t) || (e.preventDefault(), n.setPointerCapture(e.pointerId), u.current = {
 			pointerId: e.pointerId,
 			startX: e.clientX,
 			startY: e.clientY,
-			origin: Oa(c.current, s.current),
+			origin: ka(c.current, s.current),
 			dialog: t.getBoundingClientRect(),
 			handle: n.getBoundingClientRect(),
-			bounds: Ea(r),
+			bounds: Da(r),
 			margin: l.current,
 			moved: !1
 		});
@@ -7604,11 +7627,11 @@ function Na({ open: e, draggable: t, remember: n, placement: r, anchorRef: i },
 		u.current = null;
 		let r = a.current, i = r?.parentElement;
 		if (!n || !t.moved || !r || !i) return;
-		let o = Oa(c.current, s.current), l = ka(r, i);
+		let o = ka(c.current, s.current), l = Aa(r, i);
 		d.current = {
 			left: l.left + o.x,
 			top: l.top + o.y
-		}, c.current = o, s.current = Ta, p.current = !0, r.dataset.placement = "remembered", r.style.transformOrigin = "";
+		}, c.current = o, s.current = Ea, p.current = !0, r.dataset.placement = "remembered", r.style.transformOrigin = "";
 	};
 	if (h) return {
 		onPointerDown: g,
@@ -7618,23 +7641,23 @@ function Na({ open: e, draggable: t, remember: n, placement: r, anchorRef: i },
 		onLostPointerCapture: v
 	};
 }
-function Pa({ open: e, onClose: t, title: n, children: r, footer: i, className: a, draggable: o = !1, rememberPosition: s = !1, placement: c = "center", anchorRef: d, role: f = "dialog", description: p, "aria-label": h, "aria-describedby": g, initialFocusRef: y, returnFocusRef: b, busy: x = !1, closeOnEscape: S = !0, closeOnOverlayClick: C = !0, hideCloseButton: w = !1 }) {
-	let T = an(), E = m(null), D = m(null), O = u(), k = u();
-	ft(E, e, {
-		initialFocusRef: y,
-		returnFocusRef: b
+function Fa({ open: e, onClose: t, title: n, children: r, footer: i, className: a, size: o = "sm", draggable: s = !1, rememberPosition: c = !1, placement: d = "center", anchorRef: f, role: p = "dialog", description: h, "aria-label": g, "aria-describedby": y, initialFocusRef: b, returnFocusRef: x, busy: S = !1, closeOnEscape: C = !0, closeOnOverlayClick: w = !0, hideCloseButton: T = !1 }) {
+	let E = an(), D = m(null), O = m(null), k = u(), A = u();
+	ft(D, e, {
+		initialFocusRef: b,
+		returnFocusRef: x
 	});
-	let A = Na({
+	let j = Pa({
 		open: e,
-		draggable: o,
-		remember: s,
-		placement: c,
-		anchorRef: d
-	}, E, D);
+		draggable: s,
+		remember: c,
+		placement: d,
+		anchorRef: f
+	}, D, O);
 	return l(() => {
 		if (!e) return;
 		let n = (e) => {
-			e.key === "Escape" && S && !x && (e.preventDefault(), t());
+			e.key === "Escape" && C && !S && (e.preventDefault(), t());
 		};
 		document.addEventListener("keydown", n);
 		let r = document.body.style.overflow;
@@ -7644,43 +7667,43 @@ function Pa({ open: e, onClose: t, title: n, children: r, footer: i, className:
 	}, [
 		e,
 		t,
-		S,
-		x
+		C,
+		S
 	]), e ? H(/* @__PURE__ */ v("div", {
 		className: "fixed inset-0 z-50 flex items-start justify-center overflow-y-auto pt-4 md:pt-[5vh]",
 		children: [/* @__PURE__ */ _("div", {
 			className: "bg-bg-overlay fixed inset-0",
 			onClick: () => {
-				C && !x && t();
+				w && !S && t();
 			},
 			"aria-hidden": "true"
 		}), /* @__PURE__ */ v("div", {
-			ref: E,
-			className: G("relative z-50 mx-1 mb-8 flex w-full max-w-[400px] flex-col", "bg-bg-secondary border-border rounded-lg border", "animate-scale-in shadow-lg", a),
-			role: f,
+			ref: D,
+			className: G(`relative z-50 mx-1 mb-8 flex w-full ${Ca[o]} flex-col`, "bg-bg-secondary border-border rounded-lg border", "animate-scale-in shadow-lg", a),
+			role: p,
 			tabIndex: -1,
-			"aria-busy": x || void 0,
+			"aria-busy": S || void 0,
 			"aria-modal": "true",
-			"aria-labelledby": n ? O : void 0,
-			"aria-label": h ?? (n ? void 0 : "Dialog"),
-			"aria-describedby": [p ? k : void 0, g].filter(Boolean).join(" ") || void 0,
+			"aria-labelledby": n ? k : void 0,
+			"aria-label": g ?? (n ? void 0 : "Dialog"),
+			"aria-describedby": [h ? A : void 0, y].filter(Boolean).join(" ") || void 0,
 			children: [
-				(n || !w || o) && /* @__PURE__ */ v("div", {
-					ref: D,
-					"data-control-size": T,
-					className: G("ui-bar border-border flex shrink-0 items-center justify-between gap-2 border-b px-3 py-2.5", o && "md:cursor-move md:touch-none md:select-none"),
-					...A,
+				(n || !T || s) && /* @__PURE__ */ v("div", {
+					ref: O,
+					"data-control-size": E,
+					className: G("ui-bar border-border flex shrink-0 items-center justify-between gap-2 border-b px-3 py-2.5", s && "md:cursor-move md:touch-none md:select-none"),
+					...j,
 					children: [n && /* @__PURE__ */ _("h3", {
-						id: O,
+						id: k,
 						className: "text-text-primary min-w-0 text-sm font-medium",
 						children: n
-					}), !w && /* @__PURE__ */ _(fn, {
+					}), !T && /* @__PURE__ */ _(fn, {
 						type: "button",
 						variant: "icon",
 						size: "sm",
-						"aria-disabled": x || void 0,
+						"aria-disabled": S || void 0,
 						onClick: () => {
-							x || t();
+							S || t();
 						},
 						className: "ml-auto shrink-0",
 						"aria-label": "Close",
@@ -7688,15 +7711,15 @@ function Pa({ open: e, onClose: t, title: n, children: r, footer: i, className:
 					})]
 				}),
 				/* @__PURE__ */ v("div", {
-					className: "p-3",
-					children: [p && /* @__PURE__ */ _("div", {
-						id: k,
+					className: "ui-surface-body p-3",
+					children: [h && /* @__PURE__ */ _("div", {
+						id: A,
 						className: "text-text-secondary mb-3 text-xs",
-						children: p
+						children: h
 					}), r]
 				}),
 				i && /* @__PURE__ */ _("div", {
-					"data-control-size": T,
+					"data-control-size": E,
 					className: "ui-bar border-border bg-bg-primary/50 flex shrink-0 flex-col justify-center rounded-b-lg border-t px-3 py-2.5",
 					children: i
 				})
@@ -7706,7 +7729,7 @@ function Pa({ open: e, onClose: t, title: n, children: r, footer: i, className:
 }
 //#endregion
 //#region src/components/ui/DialogActions.tsx
-function Fa({ onCancel: e, onConfirm: t, cancelLabel: n = "Cancel", confirmLabel: r = "Confirm", confirmVariant: i = "primary", className: a, busy: o = !1, busyLabel: s = "Working…", cancelRef: c, confirmRef: l, confirmDisabled: u = !1 }) {
+function Ia({ onCancel: e, onConfirm: t, cancelLabel: n = "Cancel", confirmLabel: r = "Confirm", confirmVariant: i = "primary", className: a, busy: o = !1, busyLabel: s = "Working…", cancelRef: c, confirmRef: l, confirmDisabled: u = !1 }) {
 	return /* @__PURE__ */ v("div", {
 		className: G("flex justify-end gap-2", a),
 		"aria-busy": o || void 0,
@@ -7735,7 +7758,7 @@ function Fa({ onCancel: e, onConfirm: t, cancelLabel: n = "Cancel", confirmLabel
 }
 //#endregion
 //#region src/components/ui/DividerLabel.tsx
-function Ia({ children: e, className: t }) {
+function La({ children: e, className: t }) {
 	return /* @__PURE__ */ v("div", {
 		className: G("my-6 flex items-center gap-3", t),
 		children: [
@@ -7750,7 +7773,7 @@ function Ia({ children: e, className: t }) {
 }
 //#endregion
 //#region src/components/ui/DropdownMenu.tsx
-function La({ trigger: e, items: t, align: n = "right" }) {
+function Ra({ trigger: e, items: t, align: n = "right" }) {
 	let [r, i] = h(!1), [a, o] = h({
 		top: 0,
 		left: 0,
@@ -7831,7 +7854,7 @@ function La({ trigger: e, items: t, align: n = "right" }) {
 }
 //#endregion
 //#region src/components/ui/EmptyState.tsx
-function Ra({ icon: e, title: t, description: n, action: r, className: i }) {
+function za({ icon: e, title: t, description: n, action: r, className: i }) {
 	return /* @__PURE__ */ v("div", {
 		className: G("flex flex-col items-center justify-center px-4 py-12", i),
 		children: [
@@ -7856,7 +7879,7 @@ function Ra({ icon: e, title: t, description: n, action: r, className: i }) {
 }
 //#endregion
 //#region src/components/ui/ErrorBoundary.tsx
-var za = class extends e {
+var Ba = class extends e {
 	state = {
 		hasError: !1,
 		error: null
@@ -7898,8 +7921,8 @@ var za = class extends e {
 };
 //#endregion
 //#region src/components/ui/FilterDropdown.tsx
-function Ba({ icon: e, children: t, items: n, align: r, className: i }) {
-	return /* @__PURE__ */ _(La, {
+function Va({ icon: e, children: t, items: n, align: r, className: i }) {
+	return /* @__PURE__ */ _(Ra, {
 		align: r,
 		trigger: /* @__PURE__ */ _(Bn, {
 			icon: e,
@@ -7911,7 +7934,7 @@ function Ba({ icon: e, children: t, items: n, align: r, className: i }) {
 }
 //#endregion
 //#region src/components/ui/Kbd.tsx
-function Va({ children: e, className: t }) {
+function Ha({ children: e, className: t }) {
 	return /* @__PURE__ */ _("kbd", {
 		className: G("text-2xs inline-flex items-center px-1.5 py-0.5 font-mono font-medium", "bg-bg-tertiary text-text-secondary border-border rounded border", t),
 		children: e
@@ -7919,22 +7942,63 @@ function Va({ children: e, className: t }) {
 }
 //#endregion
 //#region src/components/ui/LoadingSpinner.tsx
-var Ha = {
+var Ua = {
 	sm: "w-4 h-4",
 	md: "w-6 h-6",
 	lg: "w-8 h-8"
 };
-function Ua({ className: e, size: t = "md" }) {
+function Wa({ className: e, size: t = "md" }) {
 	return /* @__PURE__ */ _("div", {
 		className: G("flex min-h-[200px] items-center justify-center", e),
-		children: /* @__PURE__ */ _(L, { className: G("text-accent animate-spin", Ha[t]) })
+		children: /* @__PURE__ */ _(L, { className: G("text-accent animate-spin", Ua[t]) })
 	});
 }
 //#endregion
+//#region src/lib/layout.ts
+function Ga(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 Ka(e) {
+	return typeof e == "number" ? `repeat(${e}, minmax(0, 1fr))` : e;
+}
+function qa(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 Ja(e) {
+	return e === "start" || e === "end" ? `flex-${e}` : e;
+}
+function Ya(e) {
+	return e === "between" || e === "around" || e === "evenly" ? `space-${e}` : Ja(e);
+}
+//#endregion
 //#region src/components/ui/MetadataGrid.tsx
-function Wa({ items: e, labelWidth: n = "100px", className: r }) {
-	return /* @__PURE__ */ _("div", {
-		className: G("gap-x-3 gap-y-2 text-xs", r),
+function Xa({ 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: {
+			...Ga("columns", i, Ka, 1),
+			...qa(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`
@@ -7950,7 +8014,7 @@ function Wa({ items: e, labelWidth: n = "100px", className: r }) {
 }
 //#endregion
 //#region src/components/ui/MetricCard.tsx
-function Ga({ label: e, value: t, sub: n, trend: r, bar: i, icon: a, iconColor: o, className: s }) {
+function Za({ 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),
@@ -7990,7 +8054,7 @@ function Ga({ label: e, value: t, sub: n, trend: r, bar: i, icon: a, iconColor:
 }
 //#endregion
 //#region src/components/ui/OAuthButton.tsx
-function Ka() {
+function Qa() {
 	return /* @__PURE__ */ v("svg", {
 		className: "h-3.5 w-3.5",
 		viewBox: "0 0 24 24",
@@ -8015,7 +8079,7 @@ function Ka() {
 		]
 	});
 }
-function qa() {
+function $a() {
 	return /* @__PURE__ */ _("svg", {
 		className: "h-3.5 w-3.5",
 		viewBox: "0 0 24 24",
@@ -8024,25 +8088,25 @@ function qa() {
 		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 Ja = {
+var eo = {
 	github: "GitHub",
 	google: "Google"
-}, Ya = {
-	github: qa,
-	google: Ka
+}, to = {
+	github: $a,
+	google: Qa
 };
-function Xa({ provider: e, children: t, ...n }) {
-	let r = Ya[e];
+function no({ provider: e, children: t, ...n }) {
+	let r = to[e];
 	return /* @__PURE__ */ v(fn, {
 		variant: "secondary",
 		size: "md",
 		...n,
-		children: [/* @__PURE__ */ _(r, {}), t ?? Ja[e]]
+		children: [/* @__PURE__ */ _(r, {}), t ?? eo[e]]
 	});
 }
 //#endregion
 //#region src/components/ui/PageHeader.tsx
-function Za({ title: e, subtitle: t, actions: n, className: r, eyebrow: i, headingLevel: a = 1, wrap: o = !1 }) {
+function ro({ 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),
@@ -8070,7 +8134,7 @@ function Za({ title: e, subtitle: t, actions: n, className: r, eyebrow: i, headi
 }
 //#endregion
 //#region src/components/ui/PageSection.tsx
-function Qa({ title: e, description: t, actions: n, children: r, as: i = "h2", className: a, headerClassName: o, contentClassName: s }) {
+function io({ 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", {
@@ -8096,7 +8160,7 @@ function Qa({ title: e, description: t, actions: n, children: r, as: i = "h2", c
 }
 //#endregion
 //#region src/components/ui/PaginationBar.tsx
-var $a = [
+var ao = [
 	{
 		value: "10",
 		label: "10 per page"
@@ -8110,7 +8174,7 @@ var $a = [
 		label: "50 per page"
 	}
 ];
-function eo({ page: e, pageSize: t, total: n, pageSizeOptions: r = $a, onPageChange: i, onPageSizeChange: a, className: o }) {
+function oo({ page: e, pageSize: t, total: n, pageSizeOptions: r = ao, 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),
@@ -8141,7 +8205,7 @@ function eo({ page: e, pageSize: t, total: n, pageSizeOptions: r = $a, onPageCha
 }
 //#endregion
 //#region src/components/ui/useFieldControl.ts
-function to({ id: e, error: t, hint: n, describedBy: r, invalid: i, required: a }) {
+function so({ 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,
@@ -8154,8 +8218,8 @@ function to({ id: e, error: t, hint: n, describedBy: r, invalid: i, required: a
 }
 //#endregion
 //#region src/components/ui/PasswordInput.tsx
-var no = 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 = to({
+var co = 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 = so({
 		id: r,
 		error: t,
 		hint: i,
@@ -8175,7 +8239,7 @@ var no = a(({ label: e, error: t, className: n, id: r, hint: i, controlSize: a,
 				className: "flex items-center justify-between",
 				children: [e && /* @__PURE__ */ _("label", {
 					htmlFor: f,
-					className: "text-text-secondary text-xs font-medium",
+					className: "ui-field-label text-xs font-medium",
 					children: e
 				}), t && /* @__PURE__ */ _("p", {
 					id: p,
@@ -8207,8 +8271,8 @@ var no = a(({ label: e, error: t, className: n, id: r, hint: i, controlSize: a,
 		]
 	});
 });
-no.displayName = "PasswordInput";
-var ro = Object.freeze([
+co.displayName = "PasswordInput";
+var lo = Object.freeze([
 	{
 		label: "At least 8 characters",
 		test: (e) => e.length >= 8
@@ -8226,12 +8290,12 @@ var ro = Object.freeze([
 		test: (e) => /\d/.test(e)
 	}
 ]);
-function io(e, t = ro) {
+function uo(e, t = lo) {
 	return t.every((t) => t.test(e));
 }
 //#endregion
 //#region src/components/ui/PasswordRequirements.tsx
-function ao({ password: e, requirements: t = ro, showWhenEmpty: n = !1, className: r }) {
+function fo({ password: e, requirements: t = lo, showWhenEmpty: n = !1, className: r }) {
 	return !n && e.length === 0 ? null : /* @__PURE__ */ _("ul", {
 		"aria-label": "Password requirements",
 		className: G("space-y-1", r),
@@ -8258,7 +8322,7 @@ function ao({ password: e, requirements: t = ro, showWhenEmpty: n = !1, classNam
 }
 //#endregion
 //#region src/components/ui/ProfileHeader.tsx
-function oo({ name: e, subtitle: t, badge: n, meta: r, action: i, className: a }) {
+function po({ 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: [
@@ -8306,7 +8370,7 @@ function oo({ name: e, subtitle: t, badge: n, meta: r, action: i, className: a }
 }
 //#endregion
 //#region src/components/ui/ProseContent.tsx
-function so({ children: e, className: t }) {
+function mo({ children: e, className: t }) {
 	return /* @__PURE__ */ _("div", {
 		className: G("ui-prose", t),
 		children: e
@@ -8314,21 +8378,21 @@ function so({ children: e, className: t }) {
 }
 //#endregion
 //#region src/lib/qrCode.ts
-var co = class extends RangeError {
+var ho = class extends RangeError {
 	constructor() {
 		super("Text is too long to encode as a QR code"), this.name = "QrCapacityError";
 	}
-}, lo = {
+}, go = {
 	L: 0,
 	M: 1,
 	Q: 2,
 	H: 3
-}, uo = {
+}, _o = {
 	L: 1,
 	M: 0,
 	Q: 3,
 	H: 2
-}, fo = [
+}, vo = [
 	[
 		-1,
 		7,
@@ -8501,7 +8565,7 @@ var co = class extends RangeError {
 		30,
 		30
 	]
-], po = [
+], yo = [
 	[
 		-1,
 		1,
@@ -8675,7 +8739,7 @@ var co = class extends RangeError {
 		81
 	]
 ];
-function mo(e) {
+function bo(e) {
 	let t = (16 * e + 128) * e + 64;
 	if (e >= 2) {
 		let n = Math.floor(e / 7) + 2;
@@ -8683,43 +8747,43 @@ function mo(e) {
 	}
 	return t;
 }
-function ho(e, t) {
-	let n = lo[t];
-	return Math.floor(mo(e) / 8) - fo[n][e] * po[n][e];
+function xo(e, t) {
+	let n = go[t];
+	return Math.floor(bo(e) / 8) - vo[n][e] * yo[n][e];
 }
-function go(e) {
+function So(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 _o(e, t) {
+function Co(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 vo(e) {
+function wo(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] = _o(t[e], n), e + 1 < t.length && (t[e] ^= t[e + 1]);
-		n = _o(n, 2);
+		for (let e = 0; e < t.length; e++) t[e] = Co(t[e], n), e + 1 < t.length && (t[e] ^= t[e + 1]);
+		n = Co(n, 2);
 	}
 	return t;
 }
-function yo(e, t) {
+function To(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] ^= _o(t, e);
+			n[r] ^= Co(t, e);
 		});
 	}
 	return n;
 }
-function bo(e, t, n) {
-	let r = ho(t, n) * 8, i = [], a = (e, t) => {
+function Eo(e, t, n) {
+	let r = xo(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);
@@ -8730,12 +8794,12 @@ function bo(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 xo(e, t, n) {
-	let r = lo[n], i = po[r][t], a = fo[r][t], o = Math.floor(mo(t) / 8), s = i - o % i, c = Math.floor(o / i), l = vo(a), u = [];
+function Do(e, t, n) {
+	let r = go[n], i = yo[r][t], a = vo[r][t], o = Math.floor(bo(t) / 8), s = i - o % i, c = Math.floor(o / i), l = wo(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 = yo(i, l);
+		let o = To(i, l);
 		t < s && i.push(0), u.push(i.concat(o));
 	}
 	let d = [];
@@ -8744,7 +8808,7 @@ function xo(e, t, n) {
 	});
 	return d;
 }
-var So = class {
+var Oo = class {
 	size;
 	modules;
 	isFunction;
@@ -8755,7 +8819,7 @@ var So = class {
 		this.modules[t][e] = n, this.isFunction[t][e] = !0;
 	}
 };
-function Co(e, t) {
+function ko(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 [
@@ -8768,15 +8832,15 @@ function Co(e, t) {
 		let c = Math.max(Math.abs(a), Math.abs(i));
 		e.setFunction(o, s, c !== 2 && c !== 4);
 	}
-	let r = go(t), i = r.length - 1;
+	let r = So(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);
 		});
-	}), wo(e, "M", 0), To(e, t);
+	}), Ao(e, "M", 0), jo(e, t);
 }
-function wo(e, t, n) {
-	let r = uo[t] << 3 | n, i = r;
+function Ao(e, t, n) {
+	let r = _o[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));
@@ -8786,7 +8850,7 @@ function wo(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 To(e, t) {
+function jo(e, t) {
 	if (t < 7) return;
 	let n = t;
 	for (let e = 0; e < 12; e++) n = n << 1 ^ (n >>> 11) * 7973;
@@ -8796,7 +8860,7 @@ function To(e, t) {
 		e.setFunction(i, a, n), e.setFunction(a, i, n);
 	}
 }
-function Eo(e, t) {
+function Mo(e, t) {
 	let { size: n } = e, r = 0;
 	for (let i = n - 1; i >= 1; i -= 2) {
 		i === 6 && (i = 5);
@@ -8810,7 +8874,7 @@ function Eo(e, t) {
 		}
 	}
 }
-var Do = [
+var No = [
 	(e, t) => (e + t) % 2 == 0,
 	(e, t) => t % 2 == 0,
 	(e) => e % 3 == 0,
@@ -8820,10 +8884,10 @@ var Do = [
 	(e, t) => (e * t % 2 + e * t % 3) % 2 == 0,
 	(e, t) => ((e + t) % 2 + e * t % 3) % 2 == 0
 ];
-function Oo(e, t) {
-	for (let n = 0; n < e.size; n++) for (let r = 0; r < e.size; r++) !e.isFunction[n][r] && Do[t](r, n) && (e.modules[n][r] = !e.modules[n][r]);
+function Po(e, t) {
+	for (let n = 0; n < e.size; n++) for (let r = 0; r < e.size; r++) !e.isFunction[n][r] && No[t](r, n) && (e.modules[n][r] = !e.modules[n][r]);
 }
-var ko = [[
+var Fo = [[
 	!0,
 	!1,
 	!0,
@@ -8848,12 +8912,12 @@ var ko = [[
 	!1,
 	!0
 ]];
-function Ao(e) {
+function Io(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 ko) t.every((t, r) => n(a + r, i, e) === t) && (r += 40);
+		for (let a = 0; a + 11 <= t; a++) for (let t of Fo) 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];
@@ -8862,20 +8926,20 @@ function Ao(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 jo(e, t = "M") {
-	if (!Object.hasOwn(lo, t)) throw RangeError(`Invalid QR error correction level "${t}"; expected L, M, Q or H`);
+function Lo(e, t = "M") {
+	if (!Object.hasOwn(go, 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 <= ho(r, t) * 8); r++);
-	if (r > 40) throw new co();
-	let i = xo(bo(n, r, t), r, t), a = new So(r * 4 + 17);
-	Co(a, r), Eo(a, i);
+	for (; r <= 40 && !(4 + (r <= 9 ? 8 : 16) + n.length * 8 <= xo(r, t) * 8); r++);
+	if (r > 40) throw new ho();
+	let i = Do(Eo(n, r, t), r, t), a = new Oo(r * 4 + 17);
+	ko(a, r), Mo(a, i);
 	let o = 0, s = Infinity;
 	for (let e = 0; e < 8; e++) {
-		Oo(a, e), wo(a, t, e);
-		let n = Ao(a.modules);
-		n < s && (s = n, o = e), Oo(a, e);
+		Po(a, e), Ao(a, t, e);
+		let n = Io(a.modules);
+		n < s && (s = n, o = e), Po(a, e);
 	}
-	return Oo(a, o), wo(a, t, o), {
+	return Po(a, o), Ao(a, t, o), {
 		size: a.size,
 		version: r,
 		modules: a.modules
@@ -8883,13 +8947,13 @@ function jo(e, t = "M") {
 }
 //#endregion
 //#region src/components/ui/QrCode.tsx
-function Mo({ value: e, errorCorrection: t = "M", size: n = 160, margin: r = 4, "aria-label": i = "QR code", fallback: a = null, className: o }) {
+function Ro({ 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 jo(e, t);
+			return Lo(e, t);
 		} catch (e) {
-			if (e instanceof co) return "too-long";
+			if (e instanceof ho) return "too-long";
 			throw e;
 		}
 	}, [e, t]);
@@ -8923,7 +8987,7 @@ function Mo({ value: e, errorCorrection: t = "M", size: n = 160, margin: r = 4,
 }
 //#endregion
 //#region src/components/ui/SearchInput.tsx
-function No({ value: e, onChange: t, placeholder: n = "Search...", className: r }) {
+function zo({ 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", {
@@ -8937,8 +9001,8 @@ function No({ value: e, onChange: t, placeholder: n = "Search...", className: r
 }
 //#endregion
 //#region src/components/ui/Select.tsx
-var Po = 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 = to({
+var Bo = 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 = so({
 		id: i,
 		error: t,
 		hint: a,
@@ -8958,7 +9022,7 @@ var Po = a(({ label: e, error: t, options: n, className: r, id: i, hint: a, cont
 				className: "flex items-center justify-between",
 				children: [e && /* @__PURE__ */ _("label", {
 					htmlFor: p,
-					className: "text-text-secondary font-label text-xs font-medium",
+					className: "ui-field-label font-label text-xs font-medium",
 					children: e
 				}), t && /* @__PURE__ */ _("p", {
 					id: m,
@@ -8986,10 +9050,10 @@ var Po = a(({ label: e, error: t, options: n, className: r, id: i, hint: a, cont
 		]
 	});
 });
-Po.displayName = "Select";
+Bo.displayName = "Select";
 //#endregion
 //#region src/components/ui/SettingRow.tsx
-function Fo({ label: e, description: t, action: n, className: r }) {
+function Vo({ 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", {
@@ -9009,7 +9073,7 @@ function Fo({ label: e, description: t, action: n, className: r }) {
 }
 //#endregion
 //#region src/components/ui/SideSheet.tsx
-function Io({ open: e, onClose: t, title: n, children: r, footer: i, side: a = "right", widthClassName: o = "w-[360px]", className: s, contentClassName: c }) {
+function Ho({ 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;
@@ -9049,7 +9113,7 @@ function Io({ open: e, onClose: t, title: n, children: r, footer: i, side: a = "
 					})]
 				}),
 				/* @__PURE__ */ _("div", {
-					className: G("flex-1 overflow-y-auto p-3", c),
+					className: G("ui-surface-body flex-1 overflow-y-auto p-3", c),
 					children: r
 				}),
 				i && /* @__PURE__ */ _("div", {
@@ -9063,41 +9127,41 @@ function Io({ open: e, onClose: t, title: n, children: r, footer: i, side: a = "
 }
 //#endregion
 //#region src/components/ui/SplitPaneLayout.tsx
-function Lo({ children: e, direction: t = "row", className: n }) {
+function Uo({ 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 Ro({ children: e, className: t }) {
+function Wo({ 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 zo = Object.assign(Lo, { Main: Ro }), Bo = {
+var Go = Object.assign(Uo, { Main: Wo }), Ko = {
 	active: "bg-green",
 	inactive: "bg-text-tertiary",
 	pending: "bg-yellow animate-pulse-subtle",
 	error: "bg-red"
-}, Vo = {
+}, qo = {
 	active: "text-green",
 	inactive: "text-text-tertiary",
 	pending: "text-yellow",
 	error: "text-red"
 };
-function Ho({ status: e, label: t, className: n }) {
+function Jo({ 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", Bo[e]) }), t && /* @__PURE__ */ _("span", {
-			className: G("text-xs", Vo[e]),
+		children: [/* @__PURE__ */ _("span", { className: G("h-2 w-2 rounded-full", Ko[e]) }), t && /* @__PURE__ */ _("span", {
+			className: G("text-xs", qo[e]),
 			children: t
 		})]
 	});
 }
 //#endregion
 //#region src/components/ui/StepProgress.tsx
-function Uo({ steps: e, currentStep: t, className: n }) {
+function Yo({ 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", {
@@ -9124,7 +9188,7 @@ function Uo({ steps: e, currentStep: t, className: n }) {
 }
 //#endregion
 //#region src/components/ui/Tabs.tsx
-function Wo({ tabs: e, defaultTab: t, value: n, onChange: r, className: i }) {
+function Xo({ 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);
@@ -9163,8 +9227,8 @@ function Wo({ tabs: e, defaultTab: t, value: n, onChange: r, className: i }) {
 }
 //#endregion
 //#region src/components/ui/Textarea.tsx
-var Go = 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 = to({
+var Zo = 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 = so({
 		id: o,
 		error: t,
 		hint: s,
@@ -9182,7 +9246,7 @@ var Go = a(({ label: e, error: t, showCount: n, maxLength: r, value: i, classNam
 			}),
 			e && /* @__PURE__ */ _("label", {
 				htmlFor: h,
-				className: "text-text-secondary font-label text-xs font-medium",
+				className: "ui-field-label font-label text-xs font-medium",
 				children: e
 			}),
 			/* @__PURE__ */ _("textarea", {
@@ -9215,11 +9279,11 @@ var Go = a(({ label: e, error: t, showCount: n, maxLength: r, value: i, classNam
 		]
 	});
 });
-Go.displayName = "Textarea";
+Zo.displayName = "Textarea";
 //#endregion
 //#region src/components/ui/TextInput.tsx
-var Ko = 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 = to({
+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 = so({
 		id: i,
 		error: t,
 		hint: o,
@@ -9239,7 +9303,7 @@ var Ko = a(({ label: e, error: t, icon: n, className: r, id: i, readOnly: a, hin
 				className: "flex items-center justify-between",
 				children: [e && /* @__PURE__ */ _("label", {
 					htmlFor: m,
-					className: "text-text-secondary font-label text-xs font-medium",
+					className: "ui-field-label font-label text-xs font-medium",
 					children: e
 				}), t && /* @__PURE__ */ _("p", {
 					id: h,
@@ -9268,10 +9332,10 @@ var Ko = a(({ label: e, error: t, icon: n, className: r, id: i, readOnly: a, hin
 		]
 	});
 });
-Ko.displayName = "TextInput";
+Qo.displayName = "TextInput";
 //#endregion
 //#region src/components/ui/Timeline.tsx
-function qo({ items: e, className: t }) {
+function $o({ items: e, className: t }) {
 	return /* @__PURE__ */ _("div", {
 		className: G("space-y-0", t),
 		children: e.map((t, n) => /* @__PURE__ */ v("div", {
@@ -9294,16 +9358,16 @@ function qo({ items: e, className: t }) {
 }
 //#endregion
 //#region src/components/ui/Tooltip.tsx
-var Jo = {
+var es = {
 	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 Yo(e, t) {
+function ts(e, t) {
 	return e ? `${e} ${t}` : t;
 }
-function Xo({ content: e, placement: t = "top", children: r }) {
+function ns({ content: e, placement: t = "top", children: r }) {
 	let [i, a] = h(!1), s = u();
 	return /* @__PURE__ */ v("div", {
 		className: "relative inline-flex",
@@ -9311,9 +9375,9 @@ function Xo({ content: e, placement: t = "top", children: r }) {
 		onMouseLeave: () => a(!1),
 		onFocus: () => a(!0),
 		onBlur: () => a(!1),
-		children: [o(r) ? n(r, { "aria-describedby": Yo(r.props["aria-describedby"], s) }) : r, i && /* @__PURE__ */ _("div", {
+		children: [o(r) ? n(r, { "aria-describedby": ts(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", Jo[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", es[t]),
 			role: "tooltip",
 			children: e
 		})]
@@ -9321,7 +9385,7 @@ function Xo({ content: e, placement: t = "top", children: r }) {
 }
 //#endregion
 //#region src/components/ui/Toolbar.tsx
-function Zo({ start: e, end: t, children: n, className: r, startClassName: i, endClassName: a }) {
+function rs({ 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", {
@@ -9335,7 +9399,7 @@ function Zo({ start: e, end: t, children: n, className: r, startClassName: i, en
 }
 //#endregion
 //#region src/components/ui/UploadDropzone.tsx
-var Qo = 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 is = 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`;
@@ -9382,15 +9446,15 @@ var Qo = a(function({ title: e = "Drag and drop files here, or click to browse",
 			})
 		]
 	});
-}), $o = r({ theme: "dark" });
+}), as = r({ theme: "dark" });
 //#endregion
 //#region src/hooks/useTheme.ts
-function es() {
-	return c($o);
+function os() {
+	return c(as);
 }
 //#endregion
 //#region src/lib/formatDate.ts
-var ts = [
+var ss = [
 	"Jan",
 	"Feb",
 	"Mar",
@@ -9404,21 +9468,21 @@ var ts = [
 	"Nov",
 	"Dec"
 ];
-function ns(e) {
+function cs(e) {
 	return (/* @__PURE__ */ new Date(e + "T00:00:00")).toLocaleDateString("en-US", {
 		month: "short",
 		day: "numeric",
 		year: "numeric"
 	});
 }
-function rs(e) {
+function ls(e) {
 	return (/* @__PURE__ */ new Date(e + "T00:00:00")).toLocaleDateString("en-US", {
 		month: "long",
 		day: "numeric",
 		year: "numeric"
 	});
 }
-function is(e, t = /* @__PURE__ */ new Date()) {
+function us(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);
@@ -9426,18 +9490,18 @@ function is(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 = `${ts[e.getMonth()]} ${e.getDate()}`;
+	let o = `${ss[e.getMonth()]} ${e.getDate()}`;
 	return e.getFullYear() === t.getFullYear() ? o : `${o}, ${e.getFullYear()}`;
 }
 //#endregion
 //#region src/providers/SettingsProvider.tsx
-var as = {
+var ds = {
 	"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"
-}, os = {
+}, fs = {
 	purple: {
 		base: "#7C5CFC",
 		hover: "#6B4AEB",
@@ -9494,43 +9558,43 @@ var as = {
 		muted: "rgba(99,102,241,0.15)",
 		subtle: "rgba(99,102,241,0.08)"
 	}
-}, ss = "leonardaustin-ui-settings", cs = new Set(Object.keys(os)), ls = new Set(Object.keys(Ot)), us = new Set(Object.keys(as)), ds = new Set([
+}, ps = "leonardaustin-ui-settings", ms = new Set(Object.keys(fs)), hs = new Set(Object.keys(Ot)), gs = new Set(Object.keys(ds)), _s = new Set([
 	"light",
 	"dark",
 	"system"
 ]);
-function fs(e, t, n, r) {
+function vs(e, t, n, r) {
 	return typeof e != "number" || !isFinite(e) ? r : Math.min(n, Math.max(t, e));
 }
-function ps(e) {
+function ys(e) {
 	let t = {};
-	if (cs.has(e.accentColor) && (t.accentColor = e.accentColor), ds.has(e.colorMode) && (t.colorMode = e.colorMode), ls.has(e.preferredDarkTheme) && !Ct(e.preferredDarkTheme) && (t.preferredDarkTheme = e.preferredDarkTheme), ls.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 = fs(e.sidebarWidth, 160, 400, 220)), e.themeOverrides && typeof e.themeOverrides == "object") {
+	if (ms.has(e.accentColor) && (t.accentColor = e.accentColor), _s.has(e.colorMode) && (t.colorMode = e.colorMode), hs.has(e.preferredDarkTheme) && !Ct(e.preferredDarkTheme) && (t.preferredDarkTheme = e.preferredDarkTheme), hs.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 = vs(e.sidebarWidth, 160, 400, 220)), e.themeOverrides && typeof e.themeOverrides == "object") {
 		let n = {};
 		for (let [t, r] of Object.entries(e.themeOverrides)) {
-			if (!ls.has(t) || !r || typeof r != "object") continue;
+			if (!hs.has(t) || !r || typeof r != "object") continue;
 			let e = r, i = Ot[t];
 			n[t] = {
-				uiFont: us.has(e.uiFont) ? e.uiFont : i.uiFont,
-				headingFont: us.has(e.headingFont) ? e.headingFont : i.headingFont,
-				proseFont: us.has(e.proseFont) ? e.proseFont : i.proseFont,
-				controlFont: us.has(e.controlFont) ? e.controlFont : i.controlFont,
-				labelFont: us.has(e.labelFont) ? e.labelFont : i.labelFont,
-				navigationFont: us.has(e.navigationFont) ? e.navigationFont : i.navigationFont,
-				dataFont: us.has(e.dataFont) ? e.dataFont : i.dataFont,
-				codeFont: us.has(e.codeFont) ? e.codeFont : i.codeFont,
-				fontSize: fs(e.fontSize, 11, 18, i.fontSize),
-				borderRadius: fs(e.borderRadius, 0, 16, i.borderRadius),
-				borderWidth: fs(e.borderWidth, 1, 3, i.borderWidth),
-				tracking: fs(e.tracking, 0, .3, i.tracking),
-				lineHeight: fs(e.lineHeight, 1.2, 2, i.lineHeight),
-				density: fs(e.density, .18, .32, i.density)
+				uiFont: gs.has(e.uiFont) ? e.uiFont : i.uiFont,
+				headingFont: gs.has(e.headingFont) ? e.headingFont : i.headingFont,
+				proseFont: gs.has(e.proseFont) ? e.proseFont : i.proseFont,
+				controlFont: gs.has(e.controlFont) ? e.controlFont : i.controlFont,
+				labelFont: gs.has(e.labelFont) ? e.labelFont : i.labelFont,
+				navigationFont: gs.has(e.navigationFont) ? e.navigationFont : i.navigationFont,
+				dataFont: gs.has(e.dataFont) ? e.dataFont : i.dataFont,
+				codeFont: gs.has(e.codeFont) ? e.codeFont : i.codeFont,
+				fontSize: vs(e.fontSize, 11, 18, i.fontSize),
+				borderRadius: vs(e.borderRadius, 0, 16, i.borderRadius),
+				borderWidth: vs(e.borderWidth, 1, 3, i.borderWidth),
+				tracking: vs(e.tracking, 0, .3, i.tracking),
+				lineHeight: vs(e.lineHeight, 1.2, 2, i.lineHeight),
+				density: vs(e.density, .18, .32, i.density)
 			};
 		}
 		t.themeOverrides = n;
 	}
 	return t;
 }
-var ms = {
+var bs = {
 	accentColor: "purple",
 	sidebarCollapsed: !1,
 	sidebarWidth: 220,
@@ -9540,35 +9604,35 @@ var ms = {
 	preferredLightTheme: "light",
 	themeOverrides: {}
 };
-function hs(e, t) {
+function xs(e, t) {
 	let n = {
-		...ms,
-		...ps(t ?? {})
+		...bs,
+		...ys(t ?? {})
 	};
 	if (typeof localStorage > "u") return n;
 	try {
 		let t = localStorage.getItem(e);
 		if (t) return {
 			...n,
-			...ps(JSON.parse(t))
+			...ys(JSON.parse(t))
 		};
 	} catch (e) {
 		console.warn("[SettingsProvider] Failed to load settings:", e);
 	}
 	return n;
 }
-function gs(e, t) {
+function Ss(e, t) {
 	let n = Ot[e] ?? Ot.dark;
 	return t[e] ? {
 		...n,
 		...t[e]
 	} : n;
 }
-function _s(e, t) {
+function Cs(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 vs({ children: e, storageKey: t = ss, initialSettings: n, forcedTheme: r }) {
-	let [i, a] = h(() => hs(t, n)), [o, c] = h(() => typeof window < "u" && window.matchMedia("(prefers-color-scheme: dark)").matches);
+function ws({ children: e, storageKey: t = ps, initialSettings: n, forcedTheme: r }) {
+	let [i, a] = h(() => xs(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);
@@ -9580,9 +9644,9 @@ function vs({ children: e, storageKey: t = ss, initialSettings: n, forcedTheme:
 		i.preferredDarkTheme,
 		i.preferredLightTheme,
 		o
-	]), [d, f] = h(() => gs(u, i.themeOverrides));
+	]), [d, f] = h(() => Ss(u, i.themeOverrides));
 	l(() => {
-		f(gs(u, i.themeOverrides));
+		f(Ss(u, i.themeOverrides));
 	}, [u]);
 	let m = s((e) => {
 		a((n) => {
@@ -9599,15 +9663,15 @@ function vs({ children: e, storageKey: t = ss, initialSettings: n, forcedTheme:
 		});
 	}, [t]);
 	l(() => {
-		let e = document.documentElement, t = os[i.accentColor];
+		let e = document.documentElement, t = fs[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", as[d.uiFont]), e.style.setProperty("--font-heading", as[d.headingFont]), e.style.setProperty("--font-prose", as[d.proseFont]), e.style.setProperty("--font-control", as[d.controlFont]), e.style.setProperty("--font-label", as[d.labelFont]), e.style.setProperty("--font-navigation", as[d.navigationFont]), e.style.setProperty("--font-data", as[d.dataFont]), e.style.setProperty("--font-code", as[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", ds[d.uiFont]), e.style.setProperty("--font-heading", ds[d.headingFont]), e.style.setProperty("--font-prose", ds[d.proseFont]), e.style.setProperty("--font-control", ds[d.controlFont]), e.style.setProperty("--font-label", ds[d.labelFont]), e.style.setProperty("--font-navigation", ds[d.navigationFont]), e.style.setProperty("--font-data", ds[d.dataFont]), e.style.setProperty("--font-code", ds[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(() => gs(u, i.themeOverrides), [u, i.themeOverrides]), v = u in i.themeOverrides, y = !_s(d, g), b = s(() => {
+	let g = p(() => Ss(u, i.themeOverrides), [u, i.themeOverrides]), v = u in i.themeOverrides, y = !Cs(d, g), b = s(() => {
 		m({ themeOverrides: {
 			...i.themeOverrides,
 			[u]: { ...d }
@@ -9731,7 +9795,7 @@ function vs({ children: e, storageKey: t = ss, initialSettings: n, forcedTheme:
 }
 //#endregion
 //#region src/providers/ThemeProvider.tsx
-var ys = {
+var Ts = {
 	dark: "",
 	light: "theme-light",
 	lightInverted: "theme-light-inverted",
@@ -9741,23 +9805,23 @@ var ys = {
 	cyberBrutalLight: "theme-cyber-brutal-light",
 	hashiTheme: "theme-hashi"
 };
-function bs({ children: e }) {
+function Es({ children: e }) {
 	let { resolvedTheme: t } = c(Mt);
 	return l(() => {
 		let e = document.documentElement;
-		Object.values(ys).forEach((t) => {
+		Object.values(Ts).forEach((t) => {
 			t && e.classList.remove(t);
 		});
-		let n = ys[t];
+		let n = Ts[t];
 		n && e.classList.add(n);
-	}, [t]), /* @__PURE__ */ _($o.Provider, {
+	}, [t]), /* @__PURE__ */ _(as.Provider, {
 		value: { theme: t },
 		children: e
 	});
 }
 //#endregion
 //#region src/components/ui/FormField.tsx
-function xs({ id: e, label: t, hint: n, error: r, required: i, optionalLabel: a, children: o, className: s, ...c }) {
+function Ds({ 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),
@@ -9777,7 +9841,7 @@ function xs({ id: e, label: t, hint: n, error: r, required: i, optionalLabel: a,
 			children: [
 				/* @__PURE__ */ v("label", {
 					htmlFor: d,
-					className: "text-text-secondary font-label text-xs font-medium",
+					className: "ui-field-label font-label text-xs font-medium",
 					children: [
 						t,
 						i && /* @__PURE__ */ _("span", {
@@ -9802,13 +9866,13 @@ function xs({ id: e, label: t, hint: n, error: r, required: i, optionalLabel: a,
 		})
 	});
 }
-function Ss({ className: e, ...t }) {
+function Os({ className: e, ...t }) {
 	return /* @__PURE__ */ _("p", {
 		...t,
 		className: G("text-text-secondary text-xs", e)
 	});
 }
-function Cs({ className: e, ...t }) {
+function ks({ className: e, ...t }) {
 	return /* @__PURE__ */ _("p", {
 		...t,
 		className: G("text-red text-xs", e)
@@ -9816,7 +9880,7 @@ function Cs({ className: e, ...t }) {
 }
 //#endregion
 //#region src/components/ui/Fieldset.tsx
-function ws({ id: e, legend: t, hint: n, error: r, children: i, className: a, "aria-describedby": o, ...s }) {
+function As({ 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,
@@ -9850,7 +9914,7 @@ function ws({ id: e, legend: t, hint: n, error: r, children: i, className: a, "a
 }
 //#endregion
 //#region src/components/ui/Radio.tsx
-var Ts = a(({ label: e, description: t, controlSize: n, className: r, id: i, "aria-describedby": a, "aria-invalid": o, ...s }, l) => {
+var js = 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),
@@ -9873,14 +9937,14 @@ var Ts = a(({ label: e, description: t, controlSize: n, className: r, id: i, "ar
 		})]
 	});
 });
-Ts.displayName = "Radio";
-function Es({ name: e, id: t, options: n, value: r, onChange: i, required: a, disabled: o, controlSize: s, ...c }) {
+js.displayName = "Radio";
+function Ms({ 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__ */ _(ws, {
+	return /* @__PURE__ */ _(As, {
 		...c,
 		id: d,
 		disabled: o,
-		children: n.map((t, n) => /* @__PURE__ */ _(Ts, {
+		children: n.map((t, n) => /* @__PURE__ */ _(js, {
 			id: `${d}-${n}`,
 			name: e ?? d,
 			value: t.value,
@@ -9894,17 +9958,17 @@ function Es({ name: e, id: t, options: n, value: r, onChange: i, required: a, di
 		}, t.value))
 	});
 }
-var Ds = Object.assign(Ts, { Group: Es }), Os = {
+var Ns = Object.assign(js, { Group: Ms }), Ps = {
 	pending: "Pending",
 	uploading: "Uploading",
 	processing: "Processing",
 	ready: "Ready",
 	error: "Upload failed"
 };
-function ks(e) {
+function Fs(e) {
 	return e < 1024 ? `${e} B` : e < 1024 * 1024 ? `${(e / 1024).toFixed(1)} KB` : `${(e / (1024 * 1024)).toFixed(1)} MB`;
 }
-function As({ 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 Is({ 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),
@@ -9917,7 +9981,7 @@ function As({ name: e, size: t, status: n = "ready", statusLabel: r, error: i, o
 				}),
 				t !== void 0 && /* @__PURE__ */ _("p", {
 					className: "text-text-tertiary text-2xs",
-					children: ks(t)
+					children: Fs(t)
 				}),
 				/* @__PURE__ */ v("div", {
 					role: "status",
@@ -9926,7 +9990,7 @@ function As({ name: e, size: t, status: n = "ready", statusLabel: r, error: i, o
 					children: [
 						e,
 						": ",
-						i ?? r ?? Os[n]
+						i ?? r ?? Ps[n]
 					]
 				})
 			]
@@ -9968,7 +10032,7 @@ function As({ name: e, size: t, status: n = "ready", statusLabel: r, error: i, o
 		})]
 	});
 }
-function js({ children: e, className: t, "aria-label": n = "Attachments", ...r }) {
+function Ls({ children: e, className: t, "aria-label": n = "Attachments", ...r }) {
 	return /* @__PURE__ */ _("ul", {
 		...r,
 		"aria-label": n,
@@ -9978,7 +10042,7 @@ function js({ children: e, className: t, "aria-label": n = "Attachments", ...r }
 }
 //#endregion
 //#region src/lib/dateParts.ts
-function Ms(e, { required: t = !1, minYear: n = 1900, maxYear: r = 2100 } = {}) {
+function Rs(e, { required: t = !1, minYear: n = 1900, maxYear: r = 2100 } = {}) {
 	let i = [
 		e.day,
 		e.month,
@@ -10008,10 +10072,10 @@ function Ms(e, { required: t = !1, minYear: n = 1900, maxYear: r = 2100 } = {})
 }
 //#endregion
 //#region src/components/ui/DatePartsInput.tsx
-function Ns({ 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 zs({ 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 = Ms(e, {
+	let C = Rs(e, {
 		required: c,
 		minYear: p,
 		maxYear: g
@@ -10044,7 +10108,7 @@ function Ns({ value: e, onChange: t, label: n, hint: r, error: i, id: a, name: o
 		"aria-describedby": A,
 		children: [
 			/* @__PURE__ */ v("legend", {
-				className: "text-text-secondary text-xs font-medium",
+				className: "ui-field-label text-xs font-medium",
 				children: [n, c && /* @__PURE__ */ _("span", { children: " (required)" })]
 			}),
 			r && /* @__PURE__ */ _("p", {
@@ -10060,7 +10124,7 @@ function Ns({ 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__ */ _(Ko, {
+					children: [/* @__PURE__ */ _(Qo, {
 						inputMode: "numeric",
 						"data-1p-ignore": "true",
 						...f?.[n],
@@ -10127,7 +10191,7 @@ function Ns({ value: e, onChange: t, label: n, hint: r, error: i, id: a, name: o
 }
 //#endregion
 //#region src/components/ui/Skeleton.tsx
-function Ps({ className: e, width: t, height: n, style: r, ...i }) {
+function Bs({ className: e, width: t, height: n, style: r, ...i }) {
 	return /* @__PURE__ */ _("div", {
 		...i,
 		"aria-hidden": "true",
@@ -10141,7 +10205,7 @@ function Ps({ className: e, width: t, height: n, style: r, ...i }) {
 }
 //#endregion
 //#region src/components/ui/NavTabs.tsx
-function Fs({ items: e, activeKey: t, renderLink: n, className: r, "aria-label": i = "Sections", ...a }) {
+function Vs({ items: e, activeKey: t, renderLink: n, className: r, "aria-label": i = "Sections", ...a }) {
 	return /* @__PURE__ */ _("nav", {
 		...a,
 		"aria-label": i,
@@ -10165,7 +10229,7 @@ function Fs({ items: e, activeKey: t, renderLink: n, className: r, "aria-label":
 }
 //#endregion
 //#region src/components/ui/CharacterCount.tsx
-function Is({ value: e, maxLength: t, announcementDelay: n = 1e3, className: r, ...i }) {
+function Hs({ 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);
@@ -10187,7 +10251,7 @@ function Is({ value: e, maxLength: t, announcementDelay: n = 1e3, className: r,
 }
 //#endregion
 //#region src/providers/ControlSizeProvider.tsx
-function Ls({ size: e, children: t }) {
+function Us({ size: e, children: t }) {
 	return /* @__PURE__ */ _(rn.Provider, {
 		value: e,
 		children: t
@@ -10195,7 +10259,7 @@ function Ls({ size: e, children: t }) {
 }
 //#endregion
 //#region src/components/ui/ProgressBar.tsx
-var Rs = 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 Ws = 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");
@@ -10232,4 +10296,138 @@ var Rs = 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, As as AttachmentItem, js 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, Is as CharacterCount, zn as Checkbox, $i as CodeInput, Hn as ColumnPicker, ea as Combobox, vt as CommandPalette, Ls as ControlSizeProvider, Ai as DEFAULT_CALENDAR_LABELS, mt as DEFAULT_COMMAND_PALETTE_SHORTCUT, ta as DangerZone, Ns as DatePartsInput, ra as DatePicker, sa as DateRangePicker, pa as DateTimePicker, va as DetailPanel, Pa as Dialog, Fa as DialogActions, Ia as DividerLabel, qe as DonutChart, La as DropdownMenu, Ra as EmptyState, za as ErrorBoundary, Cs as FieldError, Ss as FieldHint, ws as Fieldset, Bn as FilterButton, Ba as FilterDropdown, xs as FormField, Va as Kbd, Ua as LoadingSpinner, Wa as MetadataGrid, Ga as MetricCard, bt as MobileDrawer, Fs as NavTabs, Xa as OAuthButton, Za as PageHeader, Qa as PageSection, Un as Pagination, eo as PaginationBar, no as PasswordInput, ao as PasswordRequirements, oo as ProfileHeader, Rs as ProgressBar, so as ProseContent, co as QrCapacityError, Mo as QrCode, Je as RadarChart, Ye as RadialBarChart, Ds as Radio, ji as RadioPill, Gn as ResourceTable, No as SearchInput, pn as SectionHeader, Po as Select, xn as SelectDropdown, Fo as SettingRow, Mt as SettingsContext, vs as SettingsProvider, Io as SideSheet, $t as Sidebar, Ps as Skeleton, Sn as Slider, Xe as SparkLine, zo as SplitPaneLayout, rt as StackedBarChart, Ho as StatusDot, Uo as StepProgress, Tn as THEME_MENU_EVENT, Wo as Tabs, Ko as TextInput, Go as Textarea, $o as ThemeContext, On as ThemeMenu, Cn as ThemePreview, bs as ThemeProvider, qo as Timeline, Bt as ToastProvider, wn as Toggle, Zo as Toolbar, Xo as Tooltip, Mn as TopBar, Qo 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, ro as defaultPasswordRequirements, dr as differenceInDays, jo as encodeQrCode, Ur as expandAvailabilityRules, kt as fontOptions, rs as formatDateLong, ns as formatDateShort, Mr as formatRangeTitle, is 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, io 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, es as useTheme, zt as useToast };
+//#region src/components/ui/Stack.tsx
+function Gs({ 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: {
+			...qa(t),
+			"--ui-align": Ja(n),
+			"--ui-justify": Ya(r),
+			...o
+		}
+	});
+}
+//#endregion
+//#region src/components/ui/Inline.tsx
+function Ks({ 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: {
+			...qa(t, n, r),
+			"--ui-align": Ja(a),
+			"--ui-justify": Ya(o),
+			"--ui-wrap": s ? "wrap" : "nowrap",
+			"--ui-display": c ? "inline-flex" : "flex",
+			...Ga("direction", l ? {
+				base: "column",
+				[l]: "row"
+			} : "row", (e) => e, "row"),
+			...d
+		}
+	});
+}
+//#endregion
+//#region src/components/ui/Grid.tsx
+function qs({ 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: {
+			...qa(n, r, a),
+			...Ga("columns", t, Ka, 1),
+			"--ui-align": o,
+			"--ui-justify": s,
+			...l
+		}
+	});
+}
+//#endregion
+//#region src/components/ui/GridItem.tsx
+function Js({ as: e, span: t = 1, className: n, style: r, ...a }) {
+	return i(e ?? "div", {
+		...a,
+		className: G("ui-grid-item", n),
+		style: {
+			...Ga("span", t, (e) => `span ${e} / span ${e}`, 1),
+			...r
+		}
+	});
+}
+//#endregion
+//#region src/components/tables/Table.tsx
+function Ys({ 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 Xs({ className: e, ...t }) {
+	return /* @__PURE__ */ _("thead", {
+		...t,
+		className: G("ui-table-head", e)
+	});
+}
+function Zs({ className: e, ...t }) {
+	return /* @__PURE__ */ _("tbody", {
+		...t,
+		className: G("ui-table-body", e)
+	});
+}
+function Qs({ 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 $s({ 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 ec({ 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 tc({ 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, Is as AttachmentItem, Ls 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, Hs as CharacterCount, zn as Checkbox, $i as CodeInput, Hn as ColumnPicker, ea as Combobox, vt as CommandPalette, Us as ControlSizeProvider, Ai as DEFAULT_CALENDAR_LABELS, mt as DEFAULT_COMMAND_PALETTE_SHORTCUT, ta as DangerZone, zs 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, ks as FieldError, Os as FieldHint, As as Fieldset, Bn as FilterButton, Va as FilterDropdown, Ds as FormField, qs as Grid, Js as GridItem, Ks as Inline, Ha as Kbd, Wa as LoadingSpinner, Xa as MetadataGrid, Za as MetricCard, bt as MobileDrawer, Vs as NavTabs, no as OAuthButton, ro as PageHeader, io as PageSection, Un as Pagination, oo as PaginationBar, co as PasswordInput, fo as PasswordRequirements, po as ProfileHeader, Ws as ProgressBar, mo as ProseContent, ho as QrCapacityError, Ro as QrCode, Je as RadarChart, Ye as RadialBarChart, Ns as Radio, ji as RadioPill, Gn as ResourceTable, zo as SearchInput, pn as SectionHeader, Bo as Select, xn as SelectDropdown, Vo as SettingRow, Mt as SettingsContext, ws as SettingsProvider, Ho as SideSheet, $t as Sidebar, Bs as Skeleton, Sn as Slider, Xe as SparkLine, Go as SplitPaneLayout, Gs as Stack, rt as StackedBarChart, Jo as StatusDot, Yo as StepProgress, Tn as THEME_MENU_EVENT, Ys as Table, Zs as TableBody, ec as TableCell, tc as TableEmptyRow, Xs as TableHead, $s as TableHeaderCell, Qs as TableRow, Xo as Tabs, Qo as TextInput, Zo as Textarea, as as ThemeContext, On as ThemeMenu, Cn as ThemePreview, Es as ThemeProvider, $o as Timeline, Bt as ToastProvider, wn as Toggle, rs as Toolbar, ns as Tooltip, Mn as TopBar, is 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, lo as defaultPasswordRequirements, dr as differenceInDays, Lo as encodeQrCode, Ur as expandAvailabilityRules, kt as fontOptions, ls as formatDateLong, cs as formatDateShort, Mr as formatRangeTitle, us 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, uo 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, os as useTheme, zt as useToast };