@leonardaustin/ui 0.8.0 → 0.9.0

package/dist/index.js

@@ -7954,10 +7954,51 @@ function Wa({ className: e, size: t = "md" }) {
 	});
 }
 //#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 Ga({ 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`
@@ -7973,7 +8014,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 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),
@@ -8013,7 +8054,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 Qa() {
 	return /* @__PURE__ */ v("svg", {
 		className: "h-3.5 w-3.5",
 		viewBox: "0 0 24 24",
@@ -8038,7 +8079,7 @@ function qa() {
 		]
 	});
 }
-function Ja() {
+function $a() {
 	return /* @__PURE__ */ _("svg", {
 		className: "h-3.5 w-3.5",
 		viewBox: "0 0 24 24",
@@ -8047,25 +8088,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 eo = {
 	github: "GitHub",
 	google: "Google"
-}, Xa = {
-	github: Ja,
-	google: qa
+}, to = {
+	github: $a,
+	google: Qa
 };
-function Za({ provider: e, children: t, ...n }) {
-	let r = Xa[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 ?? Ya[e]]
+		children: [/* @__PURE__ */ _(r, {}), t ?? eo[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 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),
@@ -8093,7 +8134,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 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", {
@@ -8119,7 +8160,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 ao = [
 	{
 		value: "10",
 		label: "10 per page"
@@ -8133,7 +8174,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 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),
@@ -8164,7 +8205,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 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,
@@ -8177,8 +8218,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 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,
@@ -8230,8 +8271,8 @@ var ro = a(({ label: e, error: t, className: n, id: r, hint: i, controlSize: a,
 		]
 	});
 });
-ro.displayName = "PasswordInput";
-var io = Object.freeze([
+co.displayName = "PasswordInput";
+var lo = Object.freeze([
 	{
 		label: "At least 8 characters",
 		test: (e) => e.length >= 8
@@ -8249,12 +8290,12 @@ var io = Object.freeze([
 		test: (e) => /\d/.test(e)
 	}
 ]);
-function ao(e, t = io) {
+function uo(e, t = lo) {
 	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 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),
@@ -8281,7 +8322,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 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: [
@@ -8329,7 +8370,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 mo({ children: e, className: t }) {
 	return /* @__PURE__ */ _("div", {
 		className: G("ui-prose", t),
 		children: e
@@ -8337,21 +8378,21 @@ function co({ children: e, className: t }) {
 }
 //#endregion
 //#region src/lib/qrCode.ts
-var lo = class extends RangeError {
+var ho = class extends RangeError {
 	constructor() {
 		super("Text is too long to encode as a QR code"), this.name = "QrCapacityError";
 	}
-}, uo = {
+}, go = {
 	L: 0,
 	M: 1,
 	Q: 2,
 	H: 3
-}, fo = {
+}, _o = {
 	L: 1,
 	M: 0,
 	Q: 3,
 	H: 2
-}, po = [
+}, vo = [
 	[
 		-1,
 		7,
@@ -8524,7 +8565,7 @@ var lo = class extends RangeError {
 		30,
 		30
 	]
-], mo = [
+], yo = [
 	[
 		-1,
 		1,
@@ -8698,7 +8739,7 @@ var lo = class extends RangeError {
 		81
 	]
 ];
-function ho(e) {
+function bo(e) {
 	let t = (16 * e + 128) * e + 64;
 	if (e >= 2) {
 		let n = Math.floor(e / 7) + 2;
@@ -8706,43 +8747,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 xo(e, t) {
+	let n = go[t];
+	return Math.floor(bo(e) / 8) - vo[n][e] * yo[n][e];
 }
-function _o(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 vo(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 yo(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] = 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] = Co(t[e], n), e + 1 < t.length && (t[e] ^= t[e + 1]);
+		n = Co(n, 2);
 	}
 	return t;
 }
-function bo(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] ^= vo(t, e);
+			n[r] ^= Co(t, e);
 		});
 	}
 	return n;
 }
-function xo(e, t, n) {
-	let r = go(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);
@@ -8753,12 +8794,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 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 = bo(i, l);
+		let o = To(i, l);
 		t < s && i.push(0), u.push(i.concat(o));
 	}
 	let d = [];
@@ -8767,7 +8808,7 @@ function So(e, t, n) {
 	});
 	return d;
 }
-var Co = class {
+var Oo = class {
 	size;
 	modules;
 	isFunction;
@@ -8778,7 +8819,7 @@ var Co = class {
 		this.modules[t][e] = n, this.isFunction[t][e] = !0;
 	}
 };
-function wo(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 [
@@ -8791,15 +8832,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 = 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);
 		});
-	}), To(e, "M", 0), Eo(e, t);
+	}), Ao(e, "M", 0), jo(e, t);
 }
-function To(e, t, n) {
-	let r = fo[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));
@@ -8809,7 +8850,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 jo(e, t) {
 	if (t < 7) return;
 	let n = t;
 	for (let e = 0; e < 12; e++) n = n << 1 ^ (n >>> 11) * 7973;
@@ -8819,7 +8860,7 @@ function Eo(e, t) {
 		e.setFunction(i, a, n), e.setFunction(a, i, n);
 	}
 }
-function Do(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);
@@ -8833,7 +8874,7 @@ function Do(e, t) {
 		}
 	}
 }
-var Oo = [
+var No = [
 	(e, t) => (e + t) % 2 == 0,
 	(e, t) => t % 2 == 0,
 	(e) => e % 3 == 0,
@@ -8843,10 +8884,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 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 Ao = [[
+var Fo = [[
 	!0,
 	!1,
 	!0,
@@ -8871,12 +8912,12 @@ var Ao = [[
 	!1,
 	!0
 ]];
-function jo(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 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 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];
@@ -8885,20 +8926,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 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 <= 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 <= 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++) {
-		ko(a, e), To(a, t, e);
-		let n = jo(a.modules);
-		n < s && (s = n, o = e), ko(a, e);
+		Po(a, e), Ao(a, t, e);
+		let n = Io(a.modules);
+		n < s && (s = n, o = e), Po(a, e);
 	}
-	return ko(a, o), To(a, t, o), {
+	return Po(a, o), Ao(a, t, o), {
 		size: a.size,
 		version: r,
 		modules: a.modules
@@ -8906,13 +8947,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 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 Mo(e, t);
+			return Lo(e, t);
 		} catch (e) {
-			if (e instanceof lo) return "too-long";
+			if (e instanceof ho) return "too-long";
 			throw e;
 		}
 	}, [e, t]);
@@ -8946,7 +8987,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 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", {
@@ -8960,8 +9001,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 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,
@@ -9009,10 +9050,10 @@ var Fo = a(({ label: e, error: t, options: n, className: r, id: i, hint: a, cont
 		]
 	});
 });
-Fo.displayName = "Select";
+Bo.displayName = "Select";
 //#endregion
 //#region src/components/ui/SettingRow.tsx
-function Io({ 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", {
@@ -9032,7 +9073,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 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;
@@ -9086,41 +9127,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 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 zo({ 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 Bo = Object.assign(Ro, { Main: zo }), Vo = {
+var Go = Object.assign(Uo, { Main: Wo }), Ko = {
 	active: "bg-green",
 	inactive: "bg-text-tertiary",
 	pending: "bg-yellow animate-pulse-subtle",
 	error: "bg-red"
-}, Ho = {
+}, qo = {
 	active: "text-green",
 	inactive: "text-text-tertiary",
 	pending: "text-yellow",
 	error: "text-red"
 };
-function Uo({ 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", Vo[e]) }), t && /* @__PURE__ */ _("span", {
-			className: G("text-xs", Ho[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 Wo({ 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", {
@@ -9147,7 +9188,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 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);
@@ -9186,8 +9227,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 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,
@@ -9238,11 +9279,11 @@ var Ko = a(({ label: e, error: t, showCount: n, maxLength: r, value: i, classNam
 		]
 	});
 });
-Ko.displayName = "Textarea";
+Zo.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 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,
@@ -9291,10 +9332,10 @@ var qo = a(({ label: e, error: t, icon: n, className: r, id: i, readOnly: a, hin
 		]
 	});
 });
-qo.displayName = "TextInput";
+Qo.displayName = "TextInput";
 //#endregion
 //#region src/components/ui/Timeline.tsx
-function Jo({ 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", {
@@ -9317,16 +9358,16 @@ function Jo({ items: e, className: t }) {
 }
 //#endregion
 //#region src/components/ui/Tooltip.tsx
-var Yo = {
+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 Xo(e, t) {
+function ts(e, t) {
 	return e ? `${e} ${t}` : t;
 }
-function Zo({ 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",
@@ -9334,9 +9375,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": 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", 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", es[t]),
 			role: "tooltip",
 			children: e
 		})]
@@ -9344,7 +9385,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 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", {
@@ -9358,7 +9399,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 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`;
@@ -9405,15 +9446,15 @@ var $o = a(function({ title: e = "Drag and drop files here, or click to browse",
 			})
 		]
 	});
-}), es = r({ theme: "dark" });
+}), as = r({ theme: "dark" });
 //#endregion
 //#region src/hooks/useTheme.ts
-function ts() {
-	return c(es);
+function os() {
+	return c(as);
 }
 //#endregion
 //#region src/lib/formatDate.ts
-var ns = [
+var ss = [
 	"Jan",
 	"Feb",
 	"Mar",
@@ -9427,21 +9468,21 @@ var ns = [
 	"Nov",
 	"Dec"
 ];
-function rs(e) {
+function cs(e) {
 	return (/* @__PURE__ */ new Date(e + "T00:00:00")).toLocaleDateString("en-US", {
 		month: "short",
 		day: "numeric",
 		year: "numeric"
 	});
 }
-function is(e) {
+function ls(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 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);
@@ -9449,18 +9490,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 = `${ss[e.getMonth()]} ${e.getDate()}`;
 	return e.getFullYear() === t.getFullYear() ? o : `${o}, ${e.getFullYear()}`;
 }
 //#endregion
 //#region src/providers/SettingsProvider.tsx
-var os = {
+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"
-}, ss = {
+}, fs = {
 	purple: {
 		base: "#7C5CFC",
 		hover: "#6B4AEB",
@@ -9517,43 +9558,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([
+}, 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 ps(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 ms(e) {
+function ys(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 (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 (!us.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: 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: 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 hs = {
+var bs = {
 	accentColor: "purple",
 	sidebarCollapsed: !1,
 	sidebarWidth: 220,
@@ -9563,35 +9604,35 @@ var hs = {
 	preferredLightTheme: "light",
 	themeOverrides: {}
 };
-function gs(e, t) {
+function xs(e, t) {
 	let n = {
-		...hs,
-		...ms(t ?? {})
+		...bs,
+		...ys(t ?? {})
 	};
 	if (typeof localStorage > "u") return n;
 	try {
 		let t = localStorage.getItem(e);
 		if (t) return {
 			...n,
-			...ms(JSON.parse(t))
+			...ys(JSON.parse(t))
 		};
 	} catch (e) {
 		console.warn("[SettingsProvider] Failed to load settings:", e);
 	}
 	return n;
 }
-function _s(e, t) {
+function Ss(e, t) {
 	let n = Ot[e] ?? Ot.dark;
 	return t[e] ? {
 		...n,
 		...t[e]
 	} : n;
 }
-function vs(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 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 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);
@@ -9603,9 +9644,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(() => Ss(u, i.themeOverrides));
 	l(() => {
-		f(_s(u, i.themeOverrides));
+		f(Ss(u, i.themeOverrides));
 	}, [u]);
 	let m = s((e) => {
 		a((n) => {
@@ -9622,15 +9663,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 = 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", 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", 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(() => _s(u, i.themeOverrides), [u, i.themeOverrides]), v = u in i.themeOverrides, y = !vs(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 }
@@ -9754,7 +9795,7 @@ function ys({ children: e, storageKey: t = cs, initialSettings: n, forcedTheme:
 }
 //#endregion
 //#region src/providers/ThemeProvider.tsx
-var bs = {
+var Ts = {
 	dark: "",
 	light: "theme-light",
 	lightInverted: "theme-light-inverted",
@@ -9764,23 +9805,23 @@ var bs = {
 	cyberBrutalLight: "theme-cyber-brutal-light",
 	hashiTheme: "theme-hashi"
 };
-function xs({ children: e }) {
+function Es({ children: e }) {
 	let { resolvedTheme: t } = c(Mt);
 	return l(() => {
 		let e = document.documentElement;
-		Object.values(bs).forEach((t) => {
+		Object.values(Ts).forEach((t) => {
 			t && e.classList.remove(t);
 		});
-		let n = bs[t];
+		let n = Ts[t];
 		n && e.classList.add(n);
-	}, [t]), /* @__PURE__ */ _(es.Provider, {
+	}, [t]), /* @__PURE__ */ _(as.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 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),
@@ -9825,13 +9866,13 @@ function Ss({ id: e, label: t, hint: n, error: r, required: i, optionalLabel: a,
 		})
 	});
 }
-function Cs({ className: e, ...t }) {
+function Os({ className: e, ...t }) {
 	return /* @__PURE__ */ _("p", {
 		...t,
 		className: G("text-text-secondary text-xs", e)
 	});
 }
-function ws({ className: e, ...t }) {
+function ks({ className: e, ...t }) {
 	return /* @__PURE__ */ _("p", {
 		...t,
 		className: G("text-red text-xs", e)
@@ -9839,7 +9880,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 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,
@@ -9873,7 +9914,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 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),
@@ -9896,14 +9937,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 }) {
+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__ */ _(Ts, {
+	return /* @__PURE__ */ _(As, {
 		...c,
 		id: d,
 		disabled: o,
-		children: n.map((t, n) => /* @__PURE__ */ _(Es, {
+		children: n.map((t, n) => /* @__PURE__ */ _(js, {
 			id: `${d}-${n}`,
 			name: e ?? d,
 			value: t.value,
@@ -9917,17 +9958,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 Ns = Object.assign(js, { Group: Ms }), Ps = {
 	pending: "Pending",
 	uploading: "Uploading",
 	processing: "Processing",
 	ready: "Ready",
 	error: "Upload failed"
 };
-function As(e) {
+function Fs(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 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),
@@ -9940,7 +9981,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: Fs(t)
 				}),
 				/* @__PURE__ */ v("div", {
 					role: "status",
@@ -9949,7 +9990,7 @@ function js({ name: e, size: t, status: n = "ready", statusLabel: r, error: i, o
 					children: [
 						e,
 						": ",
-						i ?? r ?? ks[n]
+						i ?? r ?? Ps[n]
 					]
 				})
 			]
@@ -9991,7 +10032,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 Ls({ children: e, className: t, "aria-label": n = "Attachments", ...r }) {
 	return /* @__PURE__ */ _("ul", {
 		...r,
 		"aria-label": n,
@@ -10001,7 +10042,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 Rs(e, { required: t = !1, minYear: n = 1900, maxYear: r = 2100 } = {}) {
 	let i = [
 		e.day,
 		e.month,
@@ -10031,10 +10072,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 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 = Ns(e, {
+	let C = Rs(e, {
 		required: c,
 		minYear: p,
 		maxYear: g
@@ -10083,7 +10124,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__ */ _(Qo, {
 						inputMode: "numeric",
 						"data-1p-ignore": "true",
 						...f?.[n],
@@ -10150,7 +10191,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 Bs({ className: e, width: t, height: n, style: r, ...i }) {
 	return /* @__PURE__ */ _("div", {
 		...i,
 		"aria-hidden": "true",
@@ -10164,7 +10205,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 Vs({ items: e, activeKey: t, renderLink: n, className: r, "aria-label": i = "Sections", ...a }) {
 	return /* @__PURE__ */ _("nav", {
 		...a,
 		"aria-label": i,
@@ -10188,7 +10229,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 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);
@@ -10210,7 +10251,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 Us({ size: e, children: t }) {
 	return /* @__PURE__ */ _(rn.Provider, {
 		value: e,
 		children: t
@@ -10218,7 +10259,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 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");
@@ -10255,4 +10296,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 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 };