@leonardaustin/ui 0.1.0 → 0.1.1

package/README.md

@@ -4,12 +4,9 @@ Reusable React components, application shell, charts, tables, form controls, and
 theme tooling for Leonard Austin projects.
 
 ```bash
-pnpm add github:leonardaustin/ui react react-dom lucide-react
+pnpm add @leonardaustin/ui react react-dom lucide-react
 ```
 
-This installs straight from GitHub. To pin a release, append a tag:
-`github:leonardaustin/ui#v0.1.0`.
-
 Import the stylesheet once:
 
 ```tsx

package/dist/index.js

@@ -1,7 +1,6 @@
 import { Component as e, Fragment as t, createContext as n, forwardRef as r, useCallback as i, useContext as a, useEffect as o, useId as s, useLayoutEffect as c, useMemo as l, useRef as u, useState as d } from "react";
 import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
-import { clsx as h } from "clsx";
-import { Accessibility as g, AlertTriangle as _, ArrowDown as v, ArrowLeft as y, ArrowUp as b, BookOpen as x, Calendar as S, Check as C, CheckCircle2 as w, ChevronDown as T, ChevronLeft as E, ChevronRight as D, ChevronsUpDown as O, Columns3 as k, Eye as A, EyeOff as j, Inbox as ee, Info as te, Loader2 as ne, LogOut as re, Menu as ie, Minus as ae, Monitor as oe, Moon as se, Palette as ce, PanelLeft as le, PanelLeftDashed as ue, Search as M, Settings as de, Sun as fe, UploadCloud as pe, X as N, XCircle as me, Zap as he } from "lucide-react";
+import { Accessibility as h, AlertTriangle as g, ArrowDown as _, ArrowLeft as v, ArrowUp as y, BookOpen as b, Calendar as x, Check as S, CheckCircle2 as C, ChevronDown as w, ChevronLeft as T, ChevronRight as E, ChevronsUpDown as D, Columns3 as O, Eye as k, EyeOff as A, Inbox as ee, Info as j, Loader2 as te, LogOut as ne, Menu as re, Minus as ie, Monitor as ae, Moon as oe, Palette as se, PanelLeft as ce, PanelLeftDashed as le, Search as M, Settings as ue, Sun as de, UploadCloud as fe, X as N, XCircle as pe, Zap as me } from "lucide-react";
 import { createPortal as P } from "react-dom";
 //#region src/components/charts/AreaChart.tsx
 var F = {
@@ -10,10 +9,10 @@ var F = {
 	bottom: 28,
 	left: 48
 };
-function ge(e) {
+function he(e) {
 	return e >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : e >= 1e3 ? `${(e / 1e3).toFixed(1)}k` : String(e);
 }
-function _e({ data: e, height: t = 240 }) {
+function ge({ data: e, height: t = 240 }) {
 	let n = s(), r = u(null), [i, a] = d(null), o = 600 - F.left - F.right, c = t - F.top - F.bottom, l = Math.min(...e.map((e) => e.value)), h = Math.max(...e.map((e) => e.value)), g = h - l || 1;
 	function _(t) {
 		return F.left + t / Math.max(e.length - 1, 1) * o;
@@ -70,7 +69,7 @@ function _e({ data: e, height: t = 240 }) {
 				dominantBaseline: "central",
 				fill: "var(--text-tertiary)",
 				fontSize: 10,
-				children: ge(h)
+				children: he(h)
 			}),
 			/* @__PURE__ */ p("text", {
 				x: F.left - 8,
@@ -79,7 +78,7 @@ function _e({ data: e, height: t = 240 }) {
 				dominantBaseline: "central",
 				fill: "var(--text-tertiary)",
 				fontSize: 10,
-				children: ge(l)
+				children: he(l)
 			}),
 			/* @__PURE__ */ p("line", {
 				x1: F.left,
@@ -167,14 +166,14 @@ function _e({ data: e, height: t = 240 }) {
 }
 //#endregion
 //#region src/components/charts/BarChart.tsx
-var ve = [
+var _e = [
 	1,
 	.85,
 	.7,
 	.55,
 	.45
 ];
-function ye({ data: e, height: t }) {
+function ve({ data: e, height: t }) {
 	let [n, r] = d(null), i = Math.max(...e.map((e) => e.value));
 	return /* @__PURE__ */ p("svg", {
 		width: "100%",
@@ -220,7 +219,7 @@ function ye({ data: e, height: t }) {
 						height: 22,
 						fill: "var(--accent)",
 						rx: 6,
-						opacity: s ? 1 : ve[t % ve.length],
+						opacity: s ? 1 : _e[t % _e.length],
 						style: { transition: "all 150ms" }
 					}),
 					/* @__PURE__ */ p("text", {
@@ -240,6 +239,18 @@ function ye({ data: e, height: t }) {
 }
 //#endregion
 //#region src/lib/cn.ts
+function ye(e) {
+	if (typeof e == "string" || typeof e == "number" || typeof e == "bigint") return String(e);
+	if (!e || typeof e != "object") return "";
+	let t = "";
+	if (Array.isArray(e)) for (let n of e) {
+		if (!n) continue;
+		let e = ye(n);
+		e && (t = t ? `${t} ${e}` : e);
+	}
+	else for (let n in e) e[n] && (t = t ? `${t} ${n}` : n);
+	return t;
+}
 var be = new Set([
 	"block",
 	"contents",
@@ -345,7 +356,7 @@ var be = new Set([
 	"border-solid"
 ]);
 function I(...e) {
-	return Ae(h(e));
+	return Ae(ye(e));
 }
 function Ae(e) {
 	let t = [], n = /* @__PURE__ */ new Map();
@@ -954,17 +965,17 @@ function Ze({ data: e, height: t = 180 }) {
 }
 //#endregion
 //#region src/components/app-shell/navigation.ts
-function R(e, t) {
+function Qe(e, t) {
 	if (!t) return !1;
 	if (e.end ?? e.path === "/") return t === e.path;
 	let n = e.path.endsWith("/") ? e.path : `${e.path}/`;
 	return t === e.path || t.startsWith(n);
 }
-function z(e, t, n, r) {
+function R(e, t, n, r) {
 	let i = e.currentTarget.getAttribute("target");
 	e.defaultPrevented || e.button !== 0 || e.metaKey || e.ctrlKey || e.shiftKey || e.altKey || i && i !== "_self" || (n && (e.preventDefault(), n(t)), r?.());
 }
-function Qe(e, t) {
+function z(e, t) {
 	if (t) {
 		t(e);
 		return;
@@ -980,10 +991,10 @@ function $e({ items: e, currentPath: t, onNavigate: n, className: r }) {
 		children: /* @__PURE__ */ p("ul", {
 			className: "flex h-full items-center justify-around",
 			children: e.map((e) => {
-				let r = R(e, t);
+				let r = Qe(e, t);
 				return /* @__PURE__ */ p("li", { children: /* @__PURE__ */ m("a", {
 					href: e.path,
-					onClick: (t) => z(t, e.path, n),
+					onClick: (t) => R(t, e.path, n),
 					"aria-current": r ? "page" : void 0,
 					className: I("font-navigation flex h-full w-14 flex-col items-center justify-center gap-0.5", "cursor-pointer transition-colors duration-[100ms]", r ? "text-accent" : "text-text-tertiary"),
 					children: [/* @__PURE__ */ p(e.icon, { className: "h-5 w-5" }), /* @__PURE__ */ p("span", {
@@ -1067,7 +1078,7 @@ function ot({ items: e, eventName: t = tt, shortcut: n = nt, placeholder: r = "S
 		_(e), y(0);
 	}
 	function E(e) {
-		l?.(e), Qe(e.path, c), h(!1);
+		l?.(e), z(e.path, c), h(!1);
 	}
 	function D(e) {
 		e.key === "ArrowDown" ? (e.preventDefault(), y((e) => Math.min(e + 1, C.length - 1))) : e.key === "ArrowUp" ? (e.preventDefault(), y((e) => Math.max(e - 1, 0))) : e.key === "Enter" && C[v] ? E(C[v]) : e.key === "Escape" && h(!1);
@@ -1174,10 +1185,10 @@ function ct({ open: e, onClose: t, items: n, brand: r, currentPath: i, onNavigat
 				children: /* @__PURE__ */ p("ul", {
 					className: "space-y-0.5",
 					children: n.map((e) => {
-						let n = R(e, i);
+						let n = Qe(e, i);
 						return /* @__PURE__ */ p("li", { children: /* @__PURE__ */ m("a", {
 							href: e.path,
-							onClick: (n) => z(n, e.path, a, t),
+							onClick: (n) => R(n, e.path, a, t),
 							"aria-current": n ? "page" : void 0,
 							className: I("flex h-10 items-center gap-3 rounded-md px-3", "cursor-pointer transition-colors duration-[100ms]", n ? "bg-accent-muted text-accent" : "text-text-secondary hover:text-text-primary hover:bg-bg-hover"),
 							children: [/* @__PURE__ */ p(e.icon, { className: "h-4 w-4" }), /* @__PURE__ */ p("span", {
@@ -1197,7 +1208,7 @@ var lt = [
 	{
 		value: "dark",
 		label: "Dark",
-		icon: se,
+		icon: oe,
 		preview: {
 			bg: "#0d0f12",
 			fg: "#2a2e38"
@@ -1206,7 +1217,7 @@ var lt = [
 	{
 		value: "light",
 		label: "Light",
-		icon: fe,
+		icon: de,
 		preview: {
 			bg: "#f5f5f5",
 			fg: "#d4d4d8"
@@ -1215,7 +1226,7 @@ var lt = [
 	{
 		value: "monokai",
 		label: "Monokai",
-		icon: ce,
+		icon: se,
 		preview: {
 			bg: "#272822",
 			fg: "#3E3D32"
@@ -1224,7 +1235,7 @@ var lt = [
 	{
 		value: "solarized",
 		label: "Solarized",
-		icon: oe,
+		icon: ae,
 		preview: {
 			bg: "#002B36",
 			fg: "#0A3F4C"
@@ -1233,7 +1244,7 @@ var lt = [
 	{
 		value: "cyberBrutalDark",
 		label: "Cyber Brutal Dark",
-		icon: he,
+		icon: me,
 		preview: {
 			bg: "#050505",
 			fg: "#18181b"
@@ -1242,7 +1253,7 @@ var lt = [
 	{
 		value: "cyberBrutalLight",
 		label: "Cyber Brutal Light",
-		icon: he,
+		icon: me,
 		preview: {
 			bg: "#e4e4e7",
 			fg: "#d4d4d8"
@@ -1251,7 +1262,7 @@ var lt = [
 	{
 		value: "hashiTheme",
 		label: "HashiTheme",
-		icon: x,
+		icon: b,
 		preview: {
 			bg: "#ffffff",
 			fg: "#364153"
@@ -1509,10 +1520,10 @@ function xt({ children: e }) {
 	});
 }
 var St = {
-	success: w,
-	error: me,
-	warning: _,
-	info: te
+	success: C,
+	error: pe,
+	warning: g,
+	info: j
 }, Ct = {
 	success: "bg-green",
 	error: "bg-red",
@@ -1569,10 +1580,10 @@ function Tt({ toast: e, onDismiss: t }) {
 //#region src/components/app-shell/Sidebar.tsx
 var Et = 140, Dt = 400, Ot = 48;
 function kt({ item: e, collapsed: t, currentPath: n, onNavigate: r }) {
-	let i = R(e, n);
+	let i = Qe(e, n);
 	return /* @__PURE__ */ m("a", {
 		href: e.path,
-		onClick: (t) => z(t, e.path, r),
+		onClick: (t) => R(t, e.path, r),
 		"aria-current": i ? "page" : void 0,
 		className: I("font-navigation relative flex items-center gap-2 rounded px-2", "cursor-pointer transition-colors duration-[100ms]", t ? "mx-auto w-[2em] justify-center" : "", i ? "bg-accent-muted text-accent" : "text-text-secondary hover:text-text-primary hover:bg-bg-hover"),
 		style: { height: "2em" },
@@ -1621,7 +1632,7 @@ function Mt({ collapsed: e, accounts: t, initialAccountIndex: n = 0, onAccountCh
 		left: 0
 	}), b = u(null), x = u(null);
 	W(l, i(() => h(!1), []), [x], [b]);
-	let S = t[g] ?? t[0], w = !!(a || o);
+	let C = t[g] ?? t[0], w = !!(a || o);
 	function T() {
 		if (!b.current) return;
 		let e = b.current.getBoundingClientRect();
@@ -1633,29 +1644,29 @@ function Mt({ collapsed: e, accounts: t, initialAccountIndex: n = 0, onAccountCh
 	function E(e, t) {
 		_(t), r?.(e, t), h(!1);
 	}
-	function D() {
-		h(!1), a ? a() : o && Qe(o, c);
+	function O() {
+		h(!1), a ? a() : o && z(o, c);
 	}
-	return S ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("button", {
+	return C ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("button", {
 		ref: b,
 		onClick: T,
 		className: I("font-navigation flex w-full cursor-pointer items-center gap-2 rounded px-2 transition-colors duration-[100ms]", "text-text-secondary hover:text-text-primary hover:bg-bg-hover", e && "justify-center px-0"),
 		style: { height: "2.5em" },
-		title: e ? S.name : void 0,
+		title: e ? C.name : void 0,
 		children: [/* @__PURE__ */ p(q, {
-			name: S.name,
-			src: S.avatarSrc,
+			name: C.name,
+			src: C.avatarSrc,
 			size: "sm"
 		}), !e && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("div", {
 			className: "min-w-0 flex-1 text-left",
 			children: [/* @__PURE__ */ p("p", {
 				className: "text-text-primary truncate text-xs leading-tight font-medium",
-				children: S.name
-			}), jt(S) && /* @__PURE__ */ p("p", {
+				children: C.name
+			}), jt(C) && /* @__PURE__ */ p("p", {
 				className: "text-2xs text-text-tertiary truncate leading-tight",
-				children: jt(S)
+				children: jt(C)
 			})]
-		}), /* @__PURE__ */ p(O, { className: "text-text-tertiary h-3 w-3 shrink-0" })] })]
+		}), /* @__PURE__ */ p(D, { className: "text-text-tertiary h-3 w-3 shrink-0" })] })]
 	}), l && P(/* @__PURE__ */ m("div", {
 		ref: x,
 		className: "bg-bg-tertiary border-border-strong animate-scale-in fixed z-[100] w-56 rounded-md border py-1 shadow-lg",
@@ -1687,13 +1698,13 @@ function Mt({ collapsed: e, accounts: t, initialAccountIndex: n = 0, onAccountCh
 							children: e.email
 						})]
 					}),
-					t === g && /* @__PURE__ */ p(C, { className: "text-accent h-3.5 w-3.5 shrink-0" })
+					t === g && /* @__PURE__ */ p(S, { className: "text-accent h-3.5 w-3.5 shrink-0" })
 				]
 			}, `${e.name}-${e.email ?? t}`)),
 			w && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("div", { className: "border-border my-1 border-t" }), /* @__PURE__ */ m("button", {
-				onClick: D,
+				onClick: O,
 				className: "text-text-secondary hover:text-text-primary hover:bg-bg-hover font-navigation flex h-7 w-full cursor-pointer items-center gap-2.5 px-3 text-xs transition-colors duration-[100ms]",
-				children: [/* @__PURE__ */ p(re, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ p("span", { children: s })]
+				children: [/* @__PURE__ */ p(ne, { className: "h-3.5 w-3.5" }), /* @__PURE__ */ p("span", { children: s })]
 			})] })
 		]
 	}), document.body)] }) : null;
@@ -1702,26 +1713,26 @@ function Nt({ collapsed: e, settingsPath: t, settingsLabel: n = "All Settings",
 	let [o, s] = d(!1), [c, l] = d({
 		bottom: 0,
 		left: 0
-	}), h = u(null), _ = u(null), { accentColor: v, setAccentColor: y, reducedMotion: b, setReducedMotion: x, colorMode: S, setColorMode: w } = K(), { toast: T } = bt(), E = !!(t || r);
-	W(o, i(() => s(!1), []), [_], [h]);
+	}), g = u(null), _ = u(null), { accentColor: v, setAccentColor: y, reducedMotion: b, setReducedMotion: x, colorMode: C, setColorMode: w } = K(), { toast: T } = bt(), E = !!(t || r);
+	W(o, i(() => s(!1), []), [_], [g]);
 	function D() {
-		if (!h.current) return;
-		let e = h.current.getBoundingClientRect();
+		if (!g.current) return;
+		let e = g.current.getBoundingClientRect();
 		l({
 			bottom: window.innerHeight - e.bottom,
 			left: e.right + 6
 		}), s(!o);
 	}
 	function O() {
-		s(!1), r ? r() : t && Qe(t, a);
+		s(!1), r ? r() : t && z(t, a);
 	}
 	return /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ m("button", {
-		ref: h,
+		ref: g,
 		onClick: D,
 		className: I("font-navigation relative flex w-full items-center gap-2 rounded px-2", "cursor-pointer transition-colors duration-[100ms]", e ? "mx-auto w-[2em] justify-center" : "", o ? "bg-accent-muted text-accent" : "text-text-secondary hover:text-text-primary hover:bg-bg-hover"),
 		style: { height: "2em" },
 		title: e ? "Settings" : void 0,
-		children: [/* @__PURE__ */ p(de, { className: "h-3.5 w-3.5 shrink-0" }), !e && /* @__PURE__ */ p("span", {
+		children: [/* @__PURE__ */ p(ue, { className: "h-3.5 w-3.5 shrink-0" }), !e && /* @__PURE__ */ p("span", {
 			className: "truncate text-xs",
 			children: "Settings"
 		})]
@@ -1741,17 +1752,17 @@ function Nt({ collapsed: e, settingsPath: t, settingsLabel: n = "All Settings",
 				{
 					value: "dark",
 					label: "Dark",
-					Icon: se
+					Icon: oe
 				},
 				{
 					value: "light",
 					label: "Light",
-					Icon: fe
+					Icon: de
 				},
 				{
 					value: "system",
 					label: "System",
-					Icon: oe
+					Icon: ae
 				}
 			].map(({ value: e, label: t, Icon: n }) => /* @__PURE__ */ m("button", {
 				onClick: () => w(e),
@@ -1762,7 +1773,7 @@ function Nt({ collapsed: e, settingsPath: t, settingsLabel: n = "All Settings",
 						className: "flex-1 text-left",
 						children: t
 					}),
-					S === e && /* @__PURE__ */ p(C, { className: "text-accent h-3.5 w-3.5 shrink-0" })
+					C === e && /* @__PURE__ */ p(S, { className: "text-accent h-3.5 w-3.5 shrink-0" })
 				]
 			}, e)),
 			/* @__PURE__ */ p("div", { className: "border-border my-1 border-t" }),
@@ -1789,18 +1800,18 @@ function Nt({ collapsed: e, settingsPath: t, settingsLabel: n = "All Settings",
 				},
 				className: "text-text-secondary hover:text-text-primary hover:bg-bg-hover font-navigation flex h-7 w-full cursor-pointer items-center gap-2.5 px-3 text-xs transition-colors duration-[100ms]",
 				children: [
-					/* @__PURE__ */ p(g, { className: "h-3.5 w-3.5 shrink-0" }),
+					/* @__PURE__ */ p(h, { className: "h-3.5 w-3.5 shrink-0" }),
 					/* @__PURE__ */ p("span", {
 						className: "flex-1 text-left",
 						children: "Reduced Motion"
 					}),
-					b && /* @__PURE__ */ p(C, { className: "text-accent h-3.5 w-3.5 shrink-0" })
+					b && /* @__PURE__ */ p(S, { className: "text-accent h-3.5 w-3.5 shrink-0" })
 				]
 			}),
 			E && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("div", { className: "border-border my-1 border-t" }), /* @__PURE__ */ m("button", {
 				onClick: O,
 				className: "text-text-secondary hover:text-text-primary hover:bg-bg-hover font-navigation flex h-7 w-full cursor-pointer items-center gap-2.5 px-3 text-xs transition-colors duration-[100ms]",
-				children: [/* @__PURE__ */ p(de, { className: "h-3.5 w-3.5 shrink-0" }), /* @__PURE__ */ p("span", {
+				children: [/* @__PURE__ */ p(ue, { className: "h-3.5 w-3.5 shrink-0" }), /* @__PURE__ */ p("span", {
 					className: "flex-1 text-left",
 					children: n
 				})]
@@ -1809,12 +1820,12 @@ function Nt({ collapsed: e, settingsPath: t, settingsLabel: n = "All Settings",
 	}), document.body)] });
 }
 function Pt({ navSections: e, brand: t, accounts: n = [], initialAccountIndex: r, onAccountChange: a, onSignOut: o, signOutPath: s, signOutLabel: c, settingsPath: l, settingsLabel: f, onOpenSettings: h, currentPath: g, onNavigate: _, className: v }) {
-	let { sidebarCollapsed: y, sidebarWidth: b, setSidebarWidth: x } = K(), [S, C] = d(/* @__PURE__ */ new Set()), w = u(null), E = u(!1), D = i((e) => {
+	let { sidebarCollapsed: y, sidebarWidth: b, setSidebarWidth: x } = K(), [S, C] = d(/* @__PURE__ */ new Set()), T = u(null), E = u(!1), D = i((e) => {
 		if (y) return;
 		e.preventDefault(), E.current = !0, document.body.style.cursor = "col-resize", document.body.style.userSelect = "none";
 		let t = (e) => {
-			if (!E.current || !w.current) return;
-			let t = w.current.getBoundingClientRect(), n = e.clientX - t.left;
+			if (!E.current || !T.current) return;
+			let t = T.current.getBoundingClientRect(), n = e.clientX - t.left;
 			x(Math.max(Et, Math.min(n, Dt)));
 		}, n = () => {
 			E.current = !1, document.body.style.cursor = "", document.body.style.userSelect = "", document.removeEventListener("mousemove", t), document.removeEventListener("mouseup", n);
@@ -1828,7 +1839,7 @@ function Pt({ navSections: e, brand: t, accounts: n = [], initialAccountIndex: r
 		});
 	}
 	return /* @__PURE__ */ m("aside", {
-		ref: w,
+		ref: T,
 		className: I("bg-bg-secondary relative hidden shrink-0 flex-col border-r md:flex", "transition-[width] duration-[200ms] ease-out", "border-border", v),
 		style: { width: y ? Ot : b },
 		children: [
@@ -1857,7 +1868,7 @@ function Pt({ navSections: e, brand: t, accounts: n = [], initialAccountIndex: r
 								paddingTop: "0.35em",
 								paddingBottom: "0.35em"
 							},
-							children: [e.title, /* @__PURE__ */ p(T, { className: I("h-3 w-3 transition-transform", n && "-rotate-90") })]
+							children: [e.title, /* @__PURE__ */ p(w, { className: I("h-3 w-3 transition-transform", n && "-rotate-90") })]
 						}), (!n || y) && /* @__PURE__ */ p("ul", {
 							className: "flex flex-col gap-1",
 							children: e.items.map((e) => /* @__PURE__ */ p("li", { children: /* @__PURE__ */ p(kt, {
@@ -1918,12 +1929,12 @@ function It({ homeLabel: e = "Dashboard", labels: t = {}, parents: n = {}, curre
 			let n = t === s.length - 1;
 			return /* @__PURE__ */ m("span", {
 				className: "flex items-center gap-1",
-				children: [t > 0 && /* @__PURE__ */ p(D, { className: "text-text-tertiary h-3 w-3" }), n ? /* @__PURE__ */ p("span", {
+				children: [t > 0 && /* @__PURE__ */ p(E, { className: "text-text-tertiary h-3 w-3" }), n ? /* @__PURE__ */ p("span", {
 					className: "text-text-primary font-medium",
 					children: e.label
 				}) : /* @__PURE__ */ p("a", {
 					href: e.path,
-					onClick: (t) => z(t, e.path, i),
+					onClick: (t) => R(t, e.path, i),
 					className: I("text-text-tertiary hover:text-text-primary cursor-pointer transition-colors duration-[100ms]"),
 					children: e.label
 				})]
@@ -1938,9 +1949,9 @@ var Lt = [
 	"light",
 	"system"
 ], Rt = {
-	dark: se,
-	light: fe,
-	system: oe
+	dark: oe,
+	light: de,
+	system: ae
 }, zt = {
 	dark: "Dark",
 	light: "Light",
@@ -1962,13 +1973,13 @@ function Bt({ onMobileMenuToggle: e, breadcrumbs: t, showCommandTrigger: n = !0,
 					onClick: e,
 					className: "text-text-tertiary hover:text-text-primary hover:bg-bg-hover flex h-7 w-7 cursor-pointer items-center justify-center rounded md:hidden",
 					"aria-label": "Toggle menu",
-					children: /* @__PURE__ */ p(ie, { className: "h-4 w-4" })
+					children: /* @__PURE__ */ p(re, { className: "h-4 w-4" })
 				}),
 				/* @__PURE__ */ p("button", {
 					onClick: () => l(!c),
 					className: "text-text-tertiary hover:text-text-primary hover:bg-bg-hover hidden h-7 w-7 cursor-pointer items-center justify-center rounded md:flex",
 					"aria-label": c ? "Expand sidebar" : "Collapse sidebar",
-					children: p(c ? ue : le, { className: "h-4 w-4" })
+					children: p(c ? le : ce, { className: "h-4 w-4" })
 				}),
 				t !== !1 && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("div", { className: "bg-border hidden h-4 w-px md:block" }), /* @__PURE__ */ p(It, {
 					...t,
@@ -2082,9 +2093,9 @@ function Ht({ children: e, className: t }) {
 function Ut({ to: e, children: t, onNavigate: n, className: r }) {
 	return /* @__PURE__ */ m("a", {
 		href: e,
-		onClick: (t) => z(t, e, n),
+		onClick: (t) => R(t, e, n),
 		className: I("inline-flex items-center gap-1.5", "text-text-tertiary text-xs", "hover:text-text-primary", r),
-		children: [/* @__PURE__ */ p(y, { className: "h-3.5 w-3.5" }), t]
+		children: [/* @__PURE__ */ p(v, { className: "h-3.5 w-3.5" }), t]
 	});
 }
 //#endregion
@@ -2099,7 +2110,7 @@ function Wt({ checked: e, indeterminate: t, onChange: n, label: r, disabled: i,
 			disabled: i,
 			onClick: () => n(!e),
 			className: I("flex h-4 w-4 shrink-0 items-center justify-center rounded border", "transition-colors duration-[100ms]", "focus-visible:outline-accent focus-visible:outline-2 focus-visible:outline-offset-2", o ? "bg-accent border-accent" : "bg-bg-secondary border-border", !i && "cursor-pointer"),
-			children: t ? /* @__PURE__ */ p(ae, { className: "text-text-on-accent h-3 w-3" }) : e ? /* @__PURE__ */ p(C, { className: "text-text-on-accent h-3 w-3" }) : null
+			children: t ? /* @__PURE__ */ p(ie, { className: "text-text-on-accent h-3 w-3" }) : e ? /* @__PURE__ */ p(S, { className: "text-text-on-accent h-3 w-3" }) : null
 		}), r && /* @__PURE__ */ p("span", {
 			className: "text-text-primary text-xs",
 			children: r
@@ -2127,7 +2138,7 @@ function Kt({ columns: e, hidden: t, onToggle: n }) {
 		className: "relative",
 		ref: o,
 		children: [/* @__PURE__ */ p(Gt, {
-			icon: k,
+			icon: O,
 			onClick: () => a(!r),
 			children: "Columns"
 		}), r && /* @__PURE__ */ m("div", {
@@ -2160,7 +2171,7 @@ function qt({ page: e, totalPages: t, onPageChange: n }) {
 				onClick: () => n(e - 1),
 				className: "text-text-tertiary hover:text-text-primary hover:bg-bg-hover flex h-7 w-7 cursor-pointer items-center justify-center rounded disabled:cursor-not-allowed disabled:opacity-30",
 				"aria-label": "Previous page",
-				children: /* @__PURE__ */ p(E, { className: "h-3.5 w-3.5" })
+				children: /* @__PURE__ */ p(T, { className: "h-3.5 w-3.5" })
 			}),
 			r.map((t, r) => t === "ellipsis" ? /* @__PURE__ */ p("span", {
 				className: "text-text-tertiary flex h-7 w-7 items-center justify-center text-xs",
@@ -2175,7 +2186,7 @@ function qt({ page: e, totalPages: t, onPageChange: n }) {
 				onClick: () => n(e + 1),
 				className: "text-text-tertiary hover:text-text-primary hover:bg-bg-hover flex h-7 w-7 cursor-pointer items-center justify-center rounded disabled:cursor-not-allowed disabled:opacity-30",
 				"aria-label": "Next page",
-				children: /* @__PURE__ */ p(D, { className: "h-3.5 w-3.5" })
+				children: /* @__PURE__ */ p(E, { className: "h-3.5 w-3.5" })
 			})
 		]
 	});
@@ -2193,15 +2204,15 @@ function Jt(e, t, n, r) {
 //#endregion
 //#region src/components/tables/ResourceTable.tsx
 function Yt({ data: e, columns: t, getRowId: n, onRowClick: r, emptyMessage: i = "No data", sortKey: a, sortDir: o, onSortChange: s }) {
-	let c = s !== void 0, [u, f] = d(null), [h, g] = d("asc"), _ = c ? a ?? null : u, y = c ? o ?? "asc" : h, x = l(() => c ? e : Jt(e, t, _, y), [
+	let c = s !== void 0, [u, f] = d(null), [h, g] = d("asc"), v = c ? a ?? null : u, b = c ? o ?? "asc" : h, x = l(() => c ? e : Jt(e, t, v, b), [
 		c,
 		e,
 		t,
-		_,
-		y
+		v,
+		b
 	]);
 	function S(e) {
-		let t = _ === e && y === "asc" ? "desc" : "asc";
+		let t = v === e && b === "asc" ? "desc" : "asc";
 		if (c) {
 			s(e, t);
 			return;
@@ -2220,7 +2231,7 @@ function Yt({ data: e, columns: t, getRowId: n, onRowClick: r, emptyMessage: i =
 					onClick: e.sortable ? () => S(e.key) : void 0,
 					children: /* @__PURE__ */ m("span", {
 						className: "inline-flex items-center gap-1",
-						children: [e.header, e.sortable && _ === e.key && p(y === "asc" ? b : v, { className: "h-3 w-3" })]
+						children: [e.header, e.sortable && v === e.key && p(b === "asc" ? y : _, { className: "h-3 w-3" })]
 					})
 				}, e.key))
 			}) }), /* @__PURE__ */ p("tbody", { children: x.length === 0 ? /* @__PURE__ */ p("tr", { children: /* @__PURE__ */ p("td", {
@@ -2245,25 +2256,25 @@ var Xt = {
 	success: {
 		bg: "bg-green-muted",
 		border: "border-green/30",
-		icon: w,
+		icon: C,
 		iconColor: "text-green"
 	},
 	warning: {
 		bg: "bg-yellow-muted",
 		border: "border-yellow/30",
-		icon: _,
+		icon: g,
 		iconColor: "text-yellow"
 	},
 	error: {
 		bg: "bg-red-muted",
 		border: "border-red/30",
-		icon: me,
+		icon: pe,
 		iconColor: "text-red"
 	},
 	info: {
 		bg: "bg-blue-muted",
 		border: "border-blue/30",
-		icon: te,
+		icon: j,
 		iconColor: "text-blue"
 	}
 };
@@ -2416,7 +2427,7 @@ var rn = {
 		className: I("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", rn[e], u ? on[t] : an[t], d && !u && ln[d]?.[t], a),
 		...c,
 		children: [
-			n && /* @__PURE__ */ p(ne, { className: "h-3.5 w-3.5 animate-spin" }),
+			n && /* @__PURE__ */ p(te, { className: "h-3.5 w-3.5 animate-spin" }),
 			r && !n && /* @__PURE__ */ p(r, { className: sn[t] }),
 			o && (d ? /* @__PURE__ */ p("span", {
 				className: cn[d],
@@ -2495,7 +2506,7 @@ function X({ year: e, month: t, selected: n, rangeStart: r, rangeEnd: i, hoverDa
 	function w() {
 		t === 0 ? s(e - 1, 11) : s(e, t - 1);
 	}
-	function T() {
+	function D() {
 		t === 11 ? s(e + 1, 0) : s(e, t + 1);
 	}
 	let O = [];
@@ -2512,7 +2523,7 @@ function X({ year: e, month: t, selected: n, rangeStart: r, rangeEnd: i, hoverDa
 					onClick: w,
 					"aria-label": "Previous month",
 					className: "text-text-tertiary hover:text-text-primary hover:bg-bg-hover flex h-6 w-6 cursor-pointer items-center justify-center rounded-md transition-colors duration-[100ms]",
-					children: /* @__PURE__ */ p(E, { className: "h-3.5 w-3.5" })
+					children: /* @__PURE__ */ p(T, { className: "h-3.5 w-3.5" })
 				}),
 				/* @__PURE__ */ m("span", {
 					className: "text-text-primary text-xs font-semibold",
@@ -2525,10 +2536,10 @@ function X({ year: e, month: t, selected: n, rangeStart: r, rangeEnd: i, hoverDa
 				}),
 				/* @__PURE__ */ p("button", {
 					type: "button",
-					onClick: T,
+					onClick: D,
 					"aria-label": "Next month",
 					className: "text-text-tertiary hover:text-text-primary hover:bg-bg-hover flex h-6 w-6 cursor-pointer items-center justify-center rounded-md transition-colors duration-[100ms]",
-					children: /* @__PURE__ */ p(D, { className: "h-3.5 w-3.5" })
+					children: /* @__PURE__ */ p(E, { className: "h-3.5 w-3.5" })
 				})
 			]
 		}), /* @__PURE__ */ m("div", {
@@ -2581,20 +2592,20 @@ function hn({ children: e, className: t, header: n, footer: r }) {
 //#endregion
 //#region src/components/ui/Combobox.tsx
 function gn({ options: e, value: t, onChange: n, placeholder: r = "Select...", label: a, className: o }) {
-	let [c, l] = d(!1), [f, h] = d(""), [g, _] = d(0), v = u(null), y = u(null), b = s(), x = e.find((e) => e.value === t), S = e.filter((e) => e.label.toLowerCase().includes(f.toLowerCase()));
-	function w(e) {
+	let [c, l] = d(!1), [f, h] = d(""), [g, _] = d(0), v = u(null), y = u(null), b = s(), x = e.find((e) => e.value === t), C = e.filter((e) => e.label.toLowerCase().includes(f.toLowerCase()));
+	function T(e) {
 		h(e), _(0);
 	}
 	function E(e) {
 		switch (e.key) {
 			case "ArrowDown":
-				e.preventDefault(), _((e) => Math.min(e + 1, S.length - 1));
+				e.preventDefault(), _((e) => Math.min(e + 1, C.length - 1));
 				break;
 			case "ArrowUp":
 				e.preventDefault(), _((e) => Math.max(e - 1, 0));
 				break;
 			case "Enter":
-				e.preventDefault(), S[g] && (n(S[g].value), l(!1));
+				e.preventDefault(), C[g] && (n(C[g].value), l(!1));
 				break;
 			case "Escape":
 				l(!1);
@@ -2626,7 +2637,7 @@ function gn({ options: e, value: t, onChange: n, placeholder: r = "Select...", l
 						children: r
 					})
 				}),
-				/* @__PURE__ */ p(T, { className: I("text-text-tertiary pointer-events-none absolute top-1/2 right-2.5 h-3.5 w-3.5 -translate-y-1/2 transition-transform", c && "rotate-180") }),
+				/* @__PURE__ */ p(w, { className: I("text-text-tertiary pointer-events-none absolute top-1/2 right-2.5 h-3.5 w-3.5 -translate-y-1/2 transition-transform", c && "rotate-180") }),
 				c && /* @__PURE__ */ m("div", {
 					className: "bg-bg-tertiary border-border-strong animate-scale-in absolute top-full right-0 left-0 z-50 mt-1 overflow-hidden rounded-md border shadow-lg",
 					children: [/* @__PURE__ */ p("div", {
@@ -2638,10 +2649,10 @@ function gn({ options: e, value: t, onChange: n, placeholder: r = "Select...", l
 								type: "text",
 								"aria-label": "Search options",
 								"aria-controls": b,
-								"aria-activedescendant": S[g] ? `${b}-${g}` : void 0,
+								"aria-activedescendant": C[g] ? `${b}-${g}` : void 0,
 								"aria-autocomplete": "list",
 								value: f,
-								onChange: (e) => w(e.target.value),
+								onChange: (e) => T(e.target.value),
 								onKeyDown: E,
 								placeholder: "Search...",
 								className: "bg-bg-secondary text-text-primary border-border placeholder:text-text-disabled focus:border-accent font-control h-7 w-full rounded border pr-2 pl-7 text-xs focus:outline-none"
@@ -2651,10 +2662,10 @@ function gn({ options: e, value: t, onChange: n, placeholder: r = "Select...", l
 						id: b,
 						className: "max-h-48 overflow-y-auto py-1",
 						role: "listbox",
-						children: S.length === 0 ? /* @__PURE__ */ p("li", {
+						children: C.length === 0 ? /* @__PURE__ */ p("li", {
 							className: "text-text-tertiary px-3 py-2 text-center text-xs",
 							children: "No results"
-						}) : S.map((e, r) => /* @__PURE__ */ m("li", {
+						}) : C.map((e, r) => /* @__PURE__ */ m("li", {
 							id: `${b}-${r}`,
 							role: "option",
 							"aria-selected": e.value === t,
@@ -2666,7 +2677,7 @@ function gn({ options: e, value: t, onChange: n, placeholder: r = "Select...", l
 							children: [/* @__PURE__ */ p("span", {
 								className: "flex-1 truncate",
 								children: e.label
-							}), e.value === t && /* @__PURE__ */ p(C, { className: "h-3 w-3 shrink-0" })]
+							}), e.value === t && /* @__PURE__ */ p(S, { className: "h-3 w-3 shrink-0" })]
 						}, e.value))
 					})]
 				})
@@ -2726,7 +2737,7 @@ function bn({ label: e, value: t, onChange: n, placeholder: r = "Select date..."
 	function b(e) {
 		n(e), s(!1);
 	}
-	function x() {
+	function S() {
 		!o && t && (_(t.getFullYear()), y(t.getMonth())), s(!o);
 	}
 	return /* @__PURE__ */ m("div", {
@@ -2740,7 +2751,7 @@ function bn({ label: e, value: t, onChange: n, placeholder: r = "Select date..."
 			children: [
 				/* @__PURE__ */ p("button", {
 					type: "button",
-					onClick: x,
+					onClick: S,
 					"aria-haspopup": "dialog",
 					"aria-expanded": o,
 					className: I("flex h-7 w-full cursor-pointer items-center rounded-md text-xs", "bg-bg-secondary border-border text-text-primary border", "hover:bg-bg-hover hover:border-border-strong", "transition-colors duration-[100ms]", "px-2 pr-7"),
@@ -2749,7 +2760,7 @@ function bn({ label: e, value: t, onChange: n, placeholder: r = "Select date..."
 						children: r
 					})
 				}),
-				/* @__PURE__ */ p(S, { className: "text-text-tertiary pointer-events-none absolute top-1/2 right-2 h-3 w-3 -translate-y-1/2" }),
+				/* @__PURE__ */ p(x, { className: "text-text-tertiary pointer-events-none absolute top-1/2 right-2 h-3 w-3 -translate-y-1/2" }),
 				o && /* @__PURE__ */ p("div", {
 					ref: l,
 					role: "dialog",
@@ -2792,19 +2803,19 @@ function Cn(e) {
 	return e.start && e.end ? `${Sn(e.start)} – ${Sn(e.end)}` : e.start ? Sn(e.start) : "";
 }
 function wn({ label: e, value: t, onChange: n, placeholder: r = "Select date range..." }) {
-	let [a, o] = d(!1), s = u(null), c = u(null), l = vn(a, s, c), f = /* @__PURE__ */ new Date(), [h, g] = d(t.start?.getFullYear() ?? f.getFullYear()), [_, v] = d(t.start?.getMonth() ?? f.getMonth()), [y, b] = d(null), [x, C] = d("start"), [w, T] = d(t.start), [E, D] = d(t.end);
+	let [a, o] = d(!1), s = u(null), c = u(null), l = vn(a, s, c), f = /* @__PURE__ */ new Date(), [h, g] = d(t.start?.getFullYear() ?? f.getFullYear()), [_, v] = d(t.start?.getMonth() ?? f.getMonth()), [y, b] = d(null), [S, C] = d("start"), [w, T] = d(t.start), [E, D] = d(t.end);
 	W(a, i(() => o(!1), []), [s]);
 	let O = _ === 11 ? h + 1 : h, k = _ === 11 ? 0 : _ + 1;
 	function A() {
 		a || (T(t.start), D(t.end), C((t.start && t.end, "start")), t.start && (g(t.start.getFullYear()), v(t.start.getMonth()))), o(!a);
 	}
-	function j(e) {
-		x === "start" ? (T(e), D(null), C("end")) : (w && e < w ? (D(w), T(e)) : D(e), C("start"), n({
+	function ee(e) {
+		S === "start" ? (T(e), D(null), C("end")) : (w && e < w ? (D(w), T(e)) : D(e), C("start"), n({
 			start: w && e < w ? e : w,
 			end: w && e < w ? w : e
 		}), o(!1));
 	}
-	function ee() {
+	function j() {
 		_ === 0 ? (g(h - 1), v(11)) : v(_ - 1);
 	}
 	function te() {
@@ -2831,7 +2842,7 @@ function wn({ label: e, value: t, onChange: n, placeholder: r = "Select date ran
 						children: r
 					})
 				}),
-				/* @__PURE__ */ p(S, { className: "text-text-tertiary pointer-events-none absolute top-1/2 right-2 h-3 w-3 -translate-y-1/2" }),
+				/* @__PURE__ */ p(x, { className: "text-text-tertiary pointer-events-none absolute top-1/2 right-2 h-3 w-3 -translate-y-1/2" }),
 				a && /* @__PURE__ */ m("div", {
 					ref: c,
 					role: "dialog",
@@ -2842,7 +2853,7 @@ function wn({ label: e, value: t, onChange: n, placeholder: r = "Select date ran
 						children: [
 							/* @__PURE__ */ p("button", {
 								type: "button",
-								onClick: ee,
+								onClick: j,
 								"aria-label": "Previous month",
 								className: "text-text-tertiary hover:text-text-primary hover:bg-bg-hover flex h-6 w-6 cursor-pointer items-center justify-center rounded-md transition-colors duration-[100ms]",
 								children: /* @__PURE__ */ p("span", {
@@ -2853,7 +2864,7 @@ function wn({ label: e, value: t, onChange: n, placeholder: r = "Select date ran
 							/* @__PURE__ */ p("span", {
 								className: "text-text-tertiary text-2xs",
 								"aria-live": "polite",
-								children: x === "start" ? "Select start date" : "Select end date"
+								children: S === "start" ? "Select start date" : "Select end date"
 							}),
 							/* @__PURE__ */ p("button", {
 								type: "button",
@@ -2873,8 +2884,8 @@ function wn({ label: e, value: t, onChange: n, placeholder: r = "Select date ran
 							month: _,
 							rangeStart: w,
 							rangeEnd: E,
-							hoverDate: x === "end" ? y : null,
-							onSelect: j,
+							hoverDate: S === "end" ? y : null,
+							onSelect: ee,
 							onMonthChange: (e, t) => {
 								g(e), v(t);
 							},
@@ -2884,8 +2895,8 @@ function wn({ label: e, value: t, onChange: n, placeholder: r = "Select date ran
 							month: k,
 							rangeStart: w,
 							rangeEnd: E,
-							hoverDate: x === "end" ? y : null,
-							onSelect: j,
+							hoverDate: S === "end" ? y : null,
+							onSelect: ee,
 							onMonthChange: (e, t) => {
 								t === 0 ? (g(e - 1), v(11)) : (g(e), v(t - 1));
 							},
@@ -2942,27 +2953,27 @@ function An({ label: e, value: t, onChange: n, placeholder: r = "Select date & t
 	let [a, o] = d(!1), s = u(null), c = u(null), l = vn(a, s, c), f = /* @__PURE__ */ new Date(), h = t ? En(t.getHours()) : {
 		hour12: 12,
 		period: "PM"
-	}, [g, _] = d(t?.getFullYear() ?? f.getFullYear()), [v, y] = d(t?.getMonth() ?? f.getMonth()), [b, x] = d(String(h.hour12)), [C, w] = d(t ? kn(t.getMinutes()) : "00"), [T, E] = d(h.period), [D, O] = d(t);
+	}, [g, _] = d(t?.getFullYear() ?? f.getFullYear()), [v, y] = d(t?.getMonth() ?? f.getMonth()), [b, S] = d(String(h.hour12)), [C, w] = d(t ? kn(t.getMinutes()) : "00"), [T, E] = d(h.period), [D, O] = d(t);
 	W(a, i(() => o(!1), []), [s]);
 	function k(e) {
 		O(e);
 	}
 	function A(e) {
 		let t = e.replace(/\D/g, "").slice(0, 2);
-		x(t);
+		S(t);
 		let n = parseInt(t, 10);
-		!isNaN(n) && n >= 13 && n <= 23 ? (x(String(n - 12)), E("PM")) : n === 0 && (x("12"), E("AM"));
+		!isNaN(n) && n >= 13 && n <= 23 ? (S(String(n - 12)), E("PM")) : n === 0 && (S("12"), E("AM"));
 	}
-	function j() {
+	function ee() {
 		if (!D) return;
 		let e = Math.max(1, Math.min(12, parseInt(b, 10) || 12)), t = Math.max(0, Math.min(59, parseInt(C, 10) || 0)), r = Dn(e, T);
 		n(new Date(D.getFullYear(), D.getMonth(), D.getDate(), r, t)), o(!1);
 	}
-	function ee() {
+	function j() {
 		if (!a && t) {
 			_(t.getFullYear()), y(t.getMonth()), O(t);
 			let e = En(t.getHours());
-			x(String(e.hour12)), E(e.period), w(kn(t.getMinutes()));
+			S(String(e.hour12)), E(e.period), w(kn(t.getMinutes()));
 		}
 		o(!a);
 	}
@@ -2977,7 +2988,7 @@ function An({ label: e, value: t, onChange: n, placeholder: r = "Select date & t
 			children: [
 				/* @__PURE__ */ p("button", {
 					type: "button",
-					onClick: ee,
+					onClick: j,
 					"aria-haspopup": "dialog",
 					"aria-expanded": a,
 					className: I("flex h-7 w-full cursor-pointer items-center rounded-md text-xs", "bg-bg-secondary border-border text-text-primary border", "hover:bg-bg-hover hover:border-border-strong", "transition-colors duration-[100ms]", "px-2 pr-7"),
@@ -2986,7 +2997,7 @@ function An({ label: e, value: t, onChange: n, placeholder: r = "Select date & t
 						children: r
 					})
 				}),
-				/* @__PURE__ */ p(S, { className: "text-text-tertiary pointer-events-none absolute top-1/2 right-2 h-3 w-3 -translate-y-1/2" }),
+				/* @__PURE__ */ p(x, { className: "text-text-tertiary pointer-events-none absolute top-1/2 right-2 h-3 w-3 -translate-y-1/2" }),
 				a && /* @__PURE__ */ m("div", {
 					ref: c,
 					role: "dialog",
@@ -3054,7 +3065,7 @@ function An({ label: e, value: t, onChange: n, placeholder: r = "Select date & t
 							}),
 							/* @__PURE__ */ p("button", {
 								type: "button",
-								onClick: j,
+								onClick: ee,
 								disabled: !D,
 								className: I("ml-auto h-6 rounded-md px-3 text-xs font-medium transition-colors duration-[100ms]", D ? "bg-accent text-text-on-accent hover:bg-accent-hover cursor-pointer" : "bg-bg-hover text-text-disabled cursor-not-allowed"),
 								children: "Apply"
@@ -3232,7 +3243,7 @@ function Rn({ trigger: e, items: t, align: n = "right" }) {
 			triggerWidth: e.width
 		}), a(!r), g(-1);
 	}
-	let S = -1;
+	let C = -1;
 	return /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("div", {
 		ref: _,
 		onClick: x,
@@ -3251,8 +3262,8 @@ function Rn({ trigger: e, items: t, align: n = "right" }) {
 				className: "border-border my-1 border-t",
 				role: "separator"
 			}, `divider-${t}`);
-			S++;
-			let n = S;
+			C++;
+			let n = C;
 			return /* @__PURE__ */ m("button", {
 				role: "menuitem",
 				tabIndex: n === h ? 0 : -1,
@@ -3274,7 +3285,7 @@ function Rn({ trigger: e, items: t, align: n = "right" }) {
 						className: "text-2xs text-text-tertiary ml-auto pl-4 font-mono",
 						children: e.shortcut
 					}),
-					e.checked && /* @__PURE__ */ p(C, { className: "text-accent ml-auto h-3.5 w-3.5 shrink-0" })
+					e.checked && /* @__PURE__ */ p(S, { className: "text-accent ml-auto h-3.5 w-3.5 shrink-0" })
 				]
 			}, e.label || `item-${t}`);
 		})
@@ -3378,7 +3389,7 @@ var Un = {
 function Wn({ className: e, size: t = "md" }) {
 	return /* @__PURE__ */ p("div", {
 		className: I("flex min-h-[200px] items-center justify-center", e),
-		children: /* @__PURE__ */ p(ne, { className: I("text-accent animate-spin", Un[t]) })
+		children: /* @__PURE__ */ p(te, { className: I("text-accent animate-spin", Un[t]) })
 	});
 }
 //#endregion
@@ -3526,9 +3537,9 @@ function $n({ title: e, description: t, actions: n, children: r, as: i = "h2", c
 //#endregion
 //#region src/components/ui/SelectDropdown.tsx
 function er({ options: e, value: t, onChange: n, label: r, placeholder: a = "Select...", className: o, size: c = "md" }) {
-	let [l, f] = d(!1), [h, g] = d(-1), _ = u(null), v = u(null), y = vn(l, _, v), b = s(), x = `${b}-listbox`, S = e.find((e) => e.value === t);
+	let [l, f] = d(!1), [h, g] = d(-1), _ = u(null), v = u(null), y = vn(l, _, v), b = s(), x = `${b}-listbox`, C = e.find((e) => e.value === t);
 	W(l, i(() => f(!1), []), [_]);
-	function w() {
+	function T() {
 		if (!l) {
 			let n = e.findIndex((e) => e.value === t);
 			g(n >= 0 ? n : 0);
@@ -3570,19 +3581,19 @@ function er({ options: e, value: t, onChange: n, label: r, placeholder: a = "Sel
 			children: [
 				/* @__PURE__ */ p("button", {
 					type: "button",
-					onClick: w,
+					onClick: T,
 					onKeyDown: E,
 					"aria-haspopup": "listbox",
 					"aria-expanded": l,
 					"aria-controls": l ? x : void 0,
 					"aria-activedescendant": l && h >= 0 ? `${b}-option-${h}` : void 0,
 					className: I("font-control flex w-full cursor-pointer items-center rounded-md text-xs", "bg-bg-secondary border-border text-text-primary border", "hover:bg-bg-hover hover:border-border-strong", "transition-colors duration-[100ms]", "focus-visible:outline-accent focus-visible:outline-2 focus-visible:outline-offset-2", c === "sm" ? "h-6 px-2 pr-6" : "h-7 px-2 pr-7"),
-					children: S ? S.label : /* @__PURE__ */ p("span", {
+					children: C ? C.label : /* @__PURE__ */ p("span", {
 						className: "text-text-disabled",
 						children: a
 					})
 				}),
-				/* @__PURE__ */ p(T, { className: I("text-text-tertiary pointer-events-none absolute top-1/2 h-3 w-3 -translate-y-1/2 transition-transform", c === "sm" ? "right-1.5" : "right-2", l && "rotate-180") }),
+				/* @__PURE__ */ p(w, { className: I("text-text-tertiary pointer-events-none absolute top-1/2 h-3 w-3 -translate-y-1/2 transition-transform", c === "sm" ? "right-1.5" : "right-2", l && "rotate-180") }),
 				l && /* @__PURE__ */ p("div", {
 					ref: v,
 					className: I("bg-bg-tertiary border-border-strong animate-scale-in absolute right-0 left-0 z-[100] overflow-hidden rounded-md border shadow-lg", y ? "bottom-full mb-1" : "top-full mt-1"),
@@ -3602,7 +3613,7 @@ function er({ options: e, value: t, onChange: n, label: r, placeholder: a = "Sel
 							children: [/* @__PURE__ */ p("span", {
 								className: "flex-1 truncate",
 								children: e.label
-							}), e.value === t && /* @__PURE__ */ p(C, { className: "h-3 w-3 shrink-0" })]
+							}), e.value === t && /* @__PURE__ */ p(S, { className: "h-3 w-3 shrink-0" })]
 						}, e.value))
 					})
 				})
@@ -3684,7 +3695,7 @@ var rr = r(({ label: e, error: t, className: n, id: r, ...i }, a) => {
 				onClick: () => c(!s),
 				className: "text-text-tertiary hover:text-text-primary absolute top-1/2 right-2.5 -translate-y-1/2 cursor-pointer",
 				"aria-label": s ? "Hide password" : "Show password",
-				children: p(s ? j : A, { className: "h-3.5 w-3.5" })
+				children: p(s ? A : k, { className: "h-3.5 w-3.5" })
 			})]
 		})]
 	});
@@ -3812,7 +3823,7 @@ var lr = r(({ label: e, error: t, options: n, className: r, id: i, ...a }, o) =>
 					value: e.value,
 					children: e.label
 				}, e.value))
-			}), /* @__PURE__ */ p(T, { className: "text-text-tertiary pointer-events-none absolute top-1/2 right-2.5 h-3.5 w-3.5 -translate-y-1/2" })]
+			}), /* @__PURE__ */ p(w, { className: "text-text-tertiary pointer-events-none absolute top-1/2 right-2.5 h-3.5 w-3.5 -translate-y-1/2" })]
 		})]
 	});
 });
@@ -3967,7 +3978,7 @@ function yr({ steps: e, currentStep: t, className: n }) {
 				children: [
 					/* @__PURE__ */ p("div", {
 						className: I("flex h-8 w-8 items-center justify-center rounded-full text-xs", r < t && "bg-accent text-text-on-accent", r === t && "border-accent text-accent border-2 font-semibold", r > t && "bg-bg-tertiary border-border text-text-tertiary border"),
-						children: r < t ? /* @__PURE__ */ p(C, { className: "h-4 w-4" }) : r + 1
+						children: r < t ? /* @__PURE__ */ p(S, { className: "h-4 w-4" }) : r + 1
 					}),
 					/* @__PURE__ */ p("span", {
 						className: I("text-2xs mt-1.5 hidden sm:block", r === t && "text-accent", r < t && "text-text-primary", r > t && "text-text-tertiary"),
@@ -4224,7 +4235,7 @@ function kr({ title: e = "Drag and drop files here, or click to browse", descrip
 			}),
 			/* @__PURE__ */ p("div", {
 				className: "text-text-tertiary mx-auto mb-3 flex h-9 w-9 items-center justify-center rounded-md bg-bg-tertiary",
-				children: n ?? /* @__PURE__ */ p(pe, { className: "h-4.5 w-4.5" })
+				children: n ?? /* @__PURE__ */ p(fe, { className: "h-4.5 w-4.5" })
 			}),
 			/* @__PURE__ */ p("p", {
 				className: "text-text-secondary mb-1 text-xs",
@@ -4619,4 +4630,4 @@ function Yr({ children: e }) {
 	});
 }
 //#endregion
-export { Zt as Alert, Vt as AppShell, _e as AreaChart, Qt as AuthCard, Ht as AuthLayout, $t as AuthorByline, q as Avatar, Ut as BackLink, nn as Badge, ye as BarChart, $e as BottomNav, It as Breadcrumbs, J as Button, tt as COMMAND_PALETTE_EVENT, X as CalendarGrid, hn as Card, Wt as Checkbox, Kt as ColumnPicker, gn as Combobox, ot as CommandPalette, nt as DEFAULT_COMMAND_PALETTE_SHORTCUT, _n as DangerZone, bn as DatePicker, wn as DateRangePicker, An as DateTimePicker, Pn as DetailPanel, Fn as Dialog, In as DialogActions, Ln as DividerLabel, Ue as DonutChart, Rn as DropdownMenu, zn as EmptyState, Bn as ErrorBoundary, Gt as FilterButton, Vn as FilterDropdown, Hn as Kbd, Wn as LoadingSpinner, Gn as MetadataGrid, Kn as MetricCard, ct as MobileDrawer, Zn as OAuthButton, Qn as PageHeader, $n as PageSection, qt as Pagination, nr as PaginationBar, rr as PasswordInput, ir as ProfileHeader, ar as ProseContent, Ge as RadarChart, qe as RadialBarChart, or as RadioPill, Yt as ResourceTable, sr as SearchInput, cr as SectionHeader, lr as Select, er as SelectDropdown, ur as SettingRow, G as SettingsContext, qr as SettingsProvider, fr as SideSheet, Pt as Sidebar, dr as Slider, Je as SparkLine, hr as SplitPaneLayout, vr as StatusDot, yr as StepProgress, br as Tabs, Sr as TextInput, xr as Textarea, jr as ThemeContext, Or as ThemePreview, Yr as ThemeProvider, Cr as Timeline, xt as ToastProvider, wr as Toggle, Dr as Toolbar, Er as Tooltip, Bt as TopBar, kr as UploadDropzone, Ze as VerticalBarChart, ht as accentItems, I as cn, ft as darkThemes, mt as fontOptions, Fr as formatDateLong, Pr as formatDateShort, Ir as formatRelative, z as handleAppShellNavigate, R as isAppShellPathActive, V as isLightTheme, dt as lightThemes, it as matchesCommandPaletteShortcut, Qe as navigateToPath, rt as openCommandPalette, Jt as sortRows, U as themeDefaults, lt as themeItems, Ar as useApplyTheme, W as useDismiss, B as useFocusTrap, K as useSettings, Mr as useTheme, bt as useToast };
+export { Zt as Alert, Vt as AppShell, ge as AreaChart, Qt as AuthCard, Ht as AuthLayout, $t as AuthorByline, q as Avatar, Ut as BackLink, nn as Badge, ve as BarChart, $e as BottomNav, It as Breadcrumbs, J as Button, tt as COMMAND_PALETTE_EVENT, X as CalendarGrid, hn as Card, Wt as Checkbox, Kt as ColumnPicker, gn as Combobox, ot as CommandPalette, nt as DEFAULT_COMMAND_PALETTE_SHORTCUT, _n as DangerZone, bn as DatePicker, wn as DateRangePicker, An as DateTimePicker, Pn as DetailPanel, Fn as Dialog, In as DialogActions, Ln as DividerLabel, Ue as DonutChart, Rn as DropdownMenu, zn as EmptyState, Bn as ErrorBoundary, Gt as FilterButton, Vn as FilterDropdown, Hn as Kbd, Wn as LoadingSpinner, Gn as MetadataGrid, Kn as MetricCard, ct as MobileDrawer, Zn as OAuthButton, Qn as PageHeader, $n as PageSection, qt as Pagination, nr as PaginationBar, rr as PasswordInput, ir as ProfileHeader, ar as ProseContent, Ge as RadarChart, qe as RadialBarChart, or as RadioPill, Yt as ResourceTable, sr as SearchInput, cr as SectionHeader, lr as Select, er as SelectDropdown, ur as SettingRow, G as SettingsContext, qr as SettingsProvider, fr as SideSheet, Pt as Sidebar, dr as Slider, Je as SparkLine, hr as SplitPaneLayout, vr as StatusDot, yr as StepProgress, br as Tabs, Sr as TextInput, xr as Textarea, jr as ThemeContext, Or as ThemePreview, Yr as ThemeProvider, Cr as Timeline, xt as ToastProvider, wr as Toggle, Dr as Toolbar, Er as Tooltip, Bt as TopBar, kr as UploadDropzone, Ze as VerticalBarChart, ht as accentItems, I as cn, ft as darkThemes, mt as fontOptions, Fr as formatDateLong, Pr as formatDateShort, Ir as formatRelative, R as handleAppShellNavigate, Qe as isAppShellPathActive, V as isLightTheme, dt as lightThemes, it as matchesCommandPaletteShortcut, z as navigateToPath, rt as openCommandPalette, Jt as sortRows, U as themeDefaults, lt as themeItems, Ar as useApplyTheme, W as useDismiss, B as useFocusTrap, K as useSettings, Mr as useTheme, bt as useToast };

package/dist/lib/cn.d.ts

@@ -1,3 +1,9 @@
-import { type ClassValue } from "clsx";
+/**
+ * Minimal first-party clsx-equivalent. Flattens strings, numbers, nested
+ * arrays, and objects (key kept when its value is truthy) into a space-joined
+ * className string; falsy values are ignored. Inlined so the package carries
+ * no runtime dependency for a few lines of trivial string-joining.
+ */
+export type ClassValue = ClassValue[] | Record<string, unknown> | string | number | bigint | null | boolean | undefined;
 export declare function cn(...inputs: ClassValue[]): string;
 //# sourceMappingURL=cn.d.ts.map

package/dist/lib/cn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../src/lib/cn.ts"],"names":[],"mappings":"AAWA,OAAO,EAAQ,KAAK,UAAU,EAAE,MAAM,MAAM,CAAC;AAwG7C,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}
+{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../src/lib/cn.ts"],"names":[],"mappings":"AAWA;;;;;GAKG;AACH,MAAM,MAAM,UAAU,GAClB,UAAU,EAAE,GACZ,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GACvB,MAAM,GACN,MAAM,GACN,MAAM,GACN,IAAI,GACJ,OAAO,GACP,SAAS,CAAC;AAiId,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,UAAU,EAAE,UAEzC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@leonardaustin/ui",
-  "version": "0.1.0",
+  "version": "0.1.1",
   "description": "Reusable React component library and application shell for Leonard Austin projects.",
   "license": "MIT",
   "type": "module",
@@ -37,27 +37,9 @@
     },
     "./styles.css": "./dist/styles.css"
   },
-  "scripts": {
-    "build": "vite build && tsc -p tsconfig.build.json && node scripts/build-css.mjs",
-    "lint": "eslint .",
-    "prepublishOnly": "pnpm build"
-  },
-  "dependencies": {
-    "clsx": "^2.1.1"
-  },
   "peerDependencies": {
     "lucide-react": "^1.7.0",
     "react": "^19.2.4",
     "react-dom": "^19.2.4"
-  },
-  "devDependencies": {
-    "@types/react": "^19.2.14",
-    "@types/react-dom": "^19.2.3",
-    "@vitejs/plugin-react": "^6.0.1",
-    "lucide-react": "^1.7.0",
-    "react": "^19.2.4",
-    "react-dom": "^19.2.4",
-    "typescript": "~5.9.3",
-    "vite": "^8.0.16"
   }
 }