npm - @coderabbitai/carrot-ui - Versions diffs - 0.1.19 → 0.1.21 - Mend

@coderabbitai/carrot-ui 0.1.19 → 0.1.21

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (7) hide show

package/dist/index.js CHANGED Viewed

@@ -5,28 +5,32 @@ import { createContext as r, forwardRef as i, useCallback as a, useContext as o,
 import { Fragment as f, jsx as p, jsxs as m } from "react/jsx-runtime";
 import { Switch as h } from "@base-ui/react/switch";
 import { Checkbox as g } from "@base-ui/react/checkbox";
-import { ArrowRightStartOnRectangleIcon as _, CheckCircleIcon as v, CheckIcon as y, ChevronDownIcon as b, ChevronLeftIcon as x, ChevronRightIcon as S, ChevronUpDownIcon as C, ChevronUpIcon as w, ComputerDesktopIcon as T, ExclamationTriangleIcon as E, InformationCircleIcon as ee, MagnifyingGlassIcon as D, MinusIcon as O, MoonIcon as k, PlusCircleIcon as A, SunIcon as j, XCircleIcon as te, XMarkIcon as M } from "@heroicons/react/16/solid";
-import { Combobox as N } from "@base-ui/react/combobox";
-import { Select as P } from "@base-ui/react/select";
-import { Separator as ne } from "@base-ui/react/separator";
-import { Field as F } from "@base-ui/react/field";
-import { Menu as I } from "@base-ui/react/menu";
-import { Dialog as L } from "@base-ui/react/dialog";
-import { flexRender as re, getCoreRowModel as ie, getFilteredRowModel as ae, getPaginationRowModel as oe, getSortedRowModel as se, useReactTable as ce } from "@tanstack/react-table";
-import { Popover as R } from "@base-ui/react/popover";
-import { Tooltip as z } from "@base-ui/react/tooltip";
-import { AlertDialog as B } from "@base-ui/react/alert-dialog";
-import { Accordion as V } from "@base-ui/react/accordion";
-import { Tabs as H } from "@base-ui/react/tabs";
-import { Drawer as U } from "@base-ui/react/drawer";
-import { Command as W } from "cmdk";
+import { ArrowLeftIcon as _, ArrowRightStartOnRectangleIcon as v, CheckCircleIcon as y, CheckIcon as b, ChevronDoubleLeftIcon as x, ChevronDoubleRightIcon as S, ChevronDownIcon as C, ChevronLeftIcon as w, ChevronRightIcon as T, ChevronUpDownIcon as E, ChevronUpIcon as ee, ComputerDesktopIcon as D, ExclamationTriangleIcon as O, InformationCircleIcon as k, MagnifyingGlassIcon as A, MinusIcon as j, MoonIcon as te, PaintBrushIcon as ne, PlusCircleIcon as re, SunIcon as ie, XCircleIcon as ae, XMarkIcon as oe } from "@heroicons/react/16/solid";
+import { Combobox as M } from "@base-ui/react/combobox";
+import { Select as N } from "@base-ui/react/select";
+import { Separator as se } from "@base-ui/react/separator";
+import { Field as P } from "@base-ui/react/field";
+import { Menu as F } from "@base-ui/react/menu";
+import { Dialog as I } from "@base-ui/react/dialog";
+import { flexRender as ce, getCoreRowModel as le, getFilteredRowModel as ue, getPaginationRowModel as de, getSortedRowModel as fe, useReactTable as pe } from "@tanstack/react-table";
+import { Popover as L } from "@base-ui/react/popover";
+import { Tooltip as R } from "@base-ui/react/tooltip";
+import { AlertDialog as z } from "@base-ui/react/alert-dialog";
+import { Accordion as B } from "@base-ui/react/accordion";
+import { Tabs as V } from "@base-ui/react/tabs";
+import { Drawer as H } from "@base-ui/react/drawer";
+import { Command as U } from "cmdk";
+import { Toggle as me } from "@base-ui/react/toggle";
+import { ToggleGroup as he } from "@base-ui/react/toggle-group";
+import { RadioGroup as ge } from "@base-ui/react/radio-group";
+import { Radio as _e } from "@base-ui/react/radio";
 //#region src/lib/cn.ts
-function G(...n) {
+function W(...n) {
 	return t(e(n));
 }
 //#endregion
 //#region src/components/spinner/pixel-spinner.tsx
-var le = [
+var ve = [
 	0,
 	1,
 	2,
@@ -35,7 +39,7 @@ var le = [
 	7,
 	6,
 	3
-], ue = [
+], ye = [
 	0,
 	1,
 	2,
@@ -45,23 +49,23 @@ var le = [
 	2,
 	3,
 	4
-], de = {
+], be = {
 	xs: 10,
 	sm: 14,
 	md: 20,
 	lg: 32
-}, fe = !1;
-function pe() {
-	if (fe || typeof document > "u") return;
+}, xe = !1;
+function Se() {
+	if (xe || typeof document > "u") return;
 	let e = document.createElement("style");
-	e.setAttribute("data-pxs", ""), e.textContent = "\n@keyframes pxs-ring-on {\n  0% { opacity: var(--hi); }\n  12.5%, 100% { opacity: var(--lo); }\n}\n@keyframes pxs-ring-off {\n  0% { opacity: var(--lo); }\n  12.5%, 100% { opacity: var(--hi); }\n}\n@keyframes pxs-trail-5 {\n  0% { opacity: var(--hi); }\n  12.5% { opacity: 0.75; }\n  25% { opacity: var(--mid); }\n  37.5% { opacity: 0.25; }\n  50% { opacity: var(--lo); }\n  100% { opacity: var(--lo); }\n}\n@keyframes pxs-wave {\n  0%, 100% { opacity: var(--lo); }\n  40%, 60% { opacity: var(--hi); }\n}\n@keyframes pxs-radiate {\n  0%, 100% { opacity: var(--lo); }\n  20%, 40% { opacity: var(--hi); }\n}\n@keyframes pxs-pulse {\n  0%, 100% { opacity: var(--lo); }\n  50% { opacity: var(--hi); }\n}\n@keyframes pxs-flicker-a { 0%, 100% { opacity: var(--hi); } 33% { opacity: var(--lo); } 66% { opacity: var(--mid); } }\n@keyframes pxs-flicker-b { 0%, 100% { opacity: var(--lo); } 25% { opacity: var(--hi); } 75% { opacity: var(--mid); } }\n@keyframes pxs-flicker-c { 0%, 100% { opacity: var(--mid); } 40% { opacity: var(--hi); } 80% { opacity: var(--lo); } }\n@media (prefers-reduced-motion: reduce) {\n  .pxs-cell { animation: none !important; opacity: var(--mid) !important; }\n}\n", document.head.appendChild(e), fe = !0;
+	e.setAttribute("data-pxs", ""), e.textContent = "\n@keyframes pxs-ring-on {\n  0% { opacity: var(--hi); }\n  12.5%, 100% { opacity: var(--lo); }\n}\n@keyframes pxs-ring-off {\n  0% { opacity: var(--lo); }\n  12.5%, 100% { opacity: var(--hi); }\n}\n@keyframes pxs-trail-5 {\n  0% { opacity: var(--hi); }\n  12.5% { opacity: 0.75; }\n  25% { opacity: var(--mid); }\n  37.5% { opacity: 0.25; }\n  50% { opacity: var(--lo); }\n  100% { opacity: var(--lo); }\n}\n@keyframes pxs-wave {\n  0%, 100% { opacity: var(--lo); }\n  40%, 60% { opacity: var(--hi); }\n}\n@keyframes pxs-radiate {\n  0%, 100% { opacity: var(--lo); }\n  20%, 40% { opacity: var(--hi); }\n}\n@keyframes pxs-pulse {\n  0%, 100% { opacity: var(--lo); }\n  50% { opacity: var(--hi); }\n}\n@keyframes pxs-flicker-a { 0%, 100% { opacity: var(--hi); } 33% { opacity: var(--lo); } 66% { opacity: var(--mid); } }\n@keyframes pxs-flicker-b { 0%, 100% { opacity: var(--lo); } 25% { opacity: var(--hi); } 75% { opacity: var(--mid); } }\n@keyframes pxs-flicker-c { 0%, 100% { opacity: var(--mid); } 40% { opacity: var(--hi); } 80% { opacity: var(--lo); } }\n@media (prefers-reduced-motion: reduce) {\n  .pxs-cell { animation: none !important; opacity: var(--mid) !important; }\n}\n", document.head.appendChild(e), xe = !0;
 }
-function me(e, t, n) {
+function Ce(e, t, n) {
 	let r = `${n}s`;
 	switch (e) {
-		case "hole": return t === 4 ? null : `pxs-ring-off ${r} ${(-(le.indexOf(t) / 8) * n).toFixed(3)}s steps(1) infinite`;
-		case "trail": return t === 4 ? null : `pxs-trail-5 ${r} ${(-(le.indexOf(t) / 8) * n).toFixed(3)}s linear infinite`;
-		case "wave": return `pxs-wave ${r} ${(-((ue[t] ?? 0) / 5) * n).toFixed(3)}s ease-in-out infinite`;
+		case "hole": return t === 4 ? null : `pxs-ring-off ${r} ${(-(ve.indexOf(t) / 8) * n).toFixed(3)}s steps(1) infinite`;
+		case "trail": return t === 4 ? null : `pxs-trail-5 ${r} ${(-(ve.indexOf(t) / 8) * n).toFixed(3)}s linear infinite`;
+		case "wave": return `pxs-wave ${r} ${(-((ye[t] ?? 0) / 5) * n).toFixed(3)}s ease-in-out infinite`;
 		case "radiate": return `pxs-radiate ${r} ${(-((t === 4 ? 0 : [
 			1,
 			3,
@@ -76,12 +80,12 @@ function me(e, t, n) {
 		][t % 3]} ${r} ${(-(t * .17 % 1) * n).toFixed(3)}s ease-in-out infinite`;
 	}
 }
-function he(e, t) {
+function we(e, t) {
 	return t === 4 ? +(e === "hole") : 0;
 }
-function ge({ variant: e = "wave", size: t = "xs", gap: n = .25, duration: r = 1.2, className: i }) {
-	typeof document < "u" && pe();
-	let a = typeof t == "number" ? t : de[t], o = a / (3 + 2 * n), s = o * (1 + n), c = Array.from({ length: 9 }, (e, t) => ({
+function Te({ variant: e = "wave", size: t = "xs", gap: n = .25, duration: r = 1.2, className: i }) {
+	typeof document < "u" && Se();
+	let a = typeof t == "number" ? t : be[t], o = a / (3 + 2 * n), s = o * (1 + n), c = Array.from({ length: 9 }, (e, t) => ({
 		row: Math.floor(t / 3),
 		col: t % 3,
 		cellIndex: t
@@ -89,7 +93,7 @@ function ge({ variant: e = "wave", size: t = "xs", gap: n = .25, duration: r = 1
 	return /* @__PURE__ */ p("span", {
 		"aria-label": "Loading",
 		role: "status",
-		className: G("inline-block text-current", i),
+		className: W("inline-block text-current", i),
 		style: {
 			width: a,
 			height: a,
@@ -103,7 +107,7 @@ function ge({ variant: e = "wave", size: t = "xs", gap: n = .25, duration: r = 1
 			viewBox: `0 0 ${a} ${a}`,
 			"aria-hidden": "true",
 			children: c.map(({ row: t, col: n, cellIndex: i }) => {
-				let a = me(e, i, r), c = he(e, i);
+				let a = Ce(e, i, r), c = we(e, i);
 				return /* @__PURE__ */ p("rect", {
 					className: "pxs-cell",
 					x: n * s,
@@ -122,24 +126,24 @@ function ge({ variant: e = "wave", size: t = "xs", gap: n = .25, duration: r = 1
 }
 //#endregion
 //#region src/components/spinner/spinner.tsx
-var _e = {
+var Ee = {
 	sm: 10,
 	md: 12
-}, ve = i(function({ label: e, showDots: t = !0, showSpinner: n = !0, size: r = "md", variant: i = "wave", className: a }, o) {
-	let s = r === "sm" ? "text-xs" : "text-[13px]", c = _e[r];
+}, De = i(function({ label: e, showDots: t = !0, showSpinner: n = !0, size: r = "md", variant: i = "wave", className: a }, o) {
+	let s = r === "sm" ? "text-cui-sm" : "text-[13px]", c = Ee[r];
 	return /* @__PURE__ */ m("span", {
 		ref: o,
-		className: G("inline-flex items-center gap-1.5", a),
-		children: [n && /* @__PURE__ */ p(ge, {
+		className: W("inline-flex items-center gap-1.5", a),
+		children: [n && /* @__PURE__ */ p(Te, {
 			variant: i,
 			size: c,
 			duration: 1.2
 		}), e && /* @__PURE__ */ m("span", {
-			className: G("text-current", s),
+			className: W("text-current", s),
 			children: [e, t && /* @__PURE__ */ p("span", { className: "after:animate-cui-dot-cycle inline-block w-[2ch] text-left after:content-['.']" })]
 		})]
 	});
-}), ye = {
+}), Oe = {
 	primary: {
 		active: !0,
 		bg: "bg-cui-inverse",
@@ -176,7 +180,7 @@ var _e = {
 		bgClassName: "group-hover/btn:bg-cui-danger/30 group-active/btn:bg-cui-danger/50",
 		text: "text-cui-danger"
 	}
-}, be = {
+}, ke = {
 	xs: {
 		height: "h-6",
 		padding: "px-1.5",
@@ -195,42 +199,42 @@ var _e = {
 		textPadding: "px-1",
 		icon: "w-8"
 	}
-}, K = i(function({ variant: e = "outline", size: t = "md", iconLeft: r, iconRight: i, loading: a = !1, disabled: o, className: s, children: c, ...l }, u) {
-	let d = ye[e], f = be[t], h = !c && !i ? G(f.height, f.icon) : G(f.height, f.padding, "w-fit");
+}, G = i(function({ variant: e = "outline", size: t = "md", iconLeft: r, iconRight: i, loading: a = !1, disabled: o, className: s, children: c, ...l }, u) {
+	let d = Oe[e], f = ke[t], h = !c && !i ? W(f.height, f.icon) : W(f.height, f.padding, "w-fit");
 	return /* @__PURE__ */ m(n, {
 		ref: u,
 		disabled: o,
-		className: G("group/btn relative inline-flex min-w-fit cursor-default items-center justify-center", "rounded text-sm whitespace-pre select-none", "ring-cui-focus outline-none focus-visible:ring-2 focus-visible:ring-offset-2 ", o && "pointer-events-none opacity-50", d.text, h, s),
+		className: W("group/btn relative inline-flex min-w-fit cursor-pointer items-center justify-center", "rounded text-cui-base whitespace-pre select-none", "ring-cui-focus outline-none focus-visible:ring-2 focus-visible:ring-offset-2 ", o && "pointer-events-none opacity-50", d.text, h, s),
 		...l,
 		children: [
-			/* @__PURE__ */ p("div", { className: G("absolute rounded-[inherit]", d.bg, d.bgClassName, d.active ? "opacity-100 inset-0" : "opacity-0 inset-1", !o && [
+			/* @__PURE__ */ p("div", { className: W("absolute rounded-[inherit]", d.bg, d.bgClassName, d.active ? "opacity-100 inset-0" : "opacity-0 inset-1", !o && [
 				"transition-[inset,opacity,background-color] duration-150 ease-cui-out-expo motion-reduce:transition-none",
 				"group-hover/btn:inset-0 group-hover/btn:opacity-100",
 				"group-active/btn:inset-px"
 			]) }),
 			r && /* @__PURE__ */ p("span", {
-				className: G("relative z-[1] size-5 shrink-0 flex items-center justify-center [&>svg]:size-4", a && "opacity-0"),
+				className: W("relative z-[1] size-5 shrink-0 flex items-center justify-center [&>svg]:size-4", a && "opacity-0"),
 				children: r
 			}),
 			c && /* @__PURE__ */ p("span", {
-				className: G("relative z-[1] inline", f.textPadding, a && "opacity-0"),
+				className: W("relative z-[1] inline", f.textPadding, a && "opacity-0"),
 				children: c
 			}),
 			i && /* @__PURE__ */ p("span", {
-				className: G("relative z-[1] size-5 shrink-0 flex items-center justify-center [&>svg]:size-4", a && "opacity-0"),
+				className: W("relative z-[1] size-5 shrink-0 flex items-center justify-center [&>svg]:size-4", a && "opacity-0"),
 				children: i
 			}),
 			a && /* @__PURE__ */ p("span", {
 				className: "absolute inset-0 z-[2] flex items-center justify-center",
-				children: /* @__PURE__ */ p(ve, {
+				children: /* @__PURE__ */ p(De, {
 					showDots: !1,
 					size: "sm"
 				})
 			})
 		]
 	});
-}), xe = r(null);
-function Se(e) {
+}), Ae = r(null);
+function je(e) {
 	return {
 		left: e.offsetLeft,
 		top: e.offsetTop,
@@ -238,13 +242,13 @@ function Se(e) {
 		height: e.offsetHeight
 	};
 }
-function Ce({ children: e, background: t = "bg-cui-subtle", borderRadius: n = "rounded-sm", className: r }) {
+function Me({ children: e, background: t = "bg-cui-subtle", borderRadius: n = "rounded-sm", className: r }) {
 	let i = u(/* @__PURE__ */ new Map()), [o, s] = d(null), c = u(null), [f, h] = d("idle"), g = a((e, t) => {
 		t ? i.current.set(e, t) : i.current.delete(e);
 	}, []), _ = a((e) => {
 		let t = i.current.get(e);
 		if (!t) return;
-		let n = Se(t);
+		let n = je(t);
 		h((e) => e === "idle" ? "fade" : "slide"), s(n);
 	}, []), v = a(() => {
 		h("idle"), s(null);
@@ -261,27 +265,27 @@ function Ce({ children: e, background: t = "bg-cui-subtle", borderRadius: n = "r
 		_,
 		y
 	]);
-	return /* @__PURE__ */ p(xe.Provider, {
+	return /* @__PURE__ */ p(Ae.Provider, {
 		value: S,
 		children: /* @__PURE__ */ m("div", {
 			onPointerLeave: v,
-			className: G("group/h relative flex items-center", r),
+			className: W("group/h relative flex items-center", r),
 			children: [/* @__PURE__ */ p("div", {
 				"aria-hidden": !0,
-				className: G("pointer-events-none absolute left-0 top-0 z-0", "motion-reduce:transition-none", f === "slide" ? "transition-[translate,width,height,opacity,scale] duration-200 ease-cui-out-expo" : "transition-[opacity,scale] duration-200 ease-cui-out-expo", b ? "scale-100 opacity-100" : "scale-95 opacity-0"),
+				className: W("pointer-events-none absolute left-0 top-0 z-0", "motion-reduce:transition-none", f === "slide" ? "transition-[translate,width,height,opacity,scale] duration-200 ease-cui-out-expo" : "transition-[opacity,scale] duration-200 ease-cui-out-expo", b ? "scale-100 opacity-100" : "scale-95 opacity-0"),
 				style: x ? {
 					width: x.width,
 					height: x.height,
 					translate: `${x.left}px ${x.top}px`
 				} : void 0,
-				children: /* @__PURE__ */ p("div", { className: G("absolute inset-0", t, n, "transition-[inset] duration-150 ease-cui-out-expo", "group-active/h:inset-px", "motion-reduce:transition-none") })
+				children: /* @__PURE__ */ p("div", { className: W("absolute inset-0", t, n, "transition-[inset] duration-150 ease-cui-out-expo", "group-active/h:inset-px", "motion-reduce:transition-none") })
 			}), e]
 		})
 	});
 }
-function q({ children: e, active: t = !1, background: n = "bg-cui-subtle", backgroundClassName: r, borderRadius: i = "rounded", focus: a = !0, interactive: s = !0, instantHover: c = !1, disabled: l = !1, fullWidth: u = !1, className: d }) {
-	let f = o(xe);
-	return f ? /* @__PURE__ */ p(we, {
+function K({ children: e, active: t = !1, background: n = "bg-cui-subtle", backgroundClassName: r, borderRadius: i = "rounded", focus: a = !0, interactive: s = !0, instantHover: c = !1, disabled: l = !1, fullWidth: u = !1, className: d }) {
+	let f = o(Ae);
+	return f ? /* @__PURE__ */ p(Ne, {
 		group: f,
 		active: t,
 		background: n,
@@ -293,14 +297,14 @@ function q({ children: e, active: t = !1, background: n = "bg-cui-subtle", backg
 		className: d,
 		children: e
 	}) : /* @__PURE__ */ m("div", {
-		className: G("group/h relative flex items-center text-cui-primary text-sm", u ? "w-full" : "w-fit", d),
-		children: [/* @__PURE__ */ p("div", { className: G("absolute", c ? "transition-[inset] duration-150 ease-cui-out-expo motion-reduce:transition-none" : "transition-[inset,opacity,background-color] duration-150 ease-cui-out-expo motion-reduce:transition-none", n, r, i, !l && "group-hover/h:inset-0 group-hover/h:opacity-100", s && !l && "group-active/h:inset-px", t ? "opacity-100 inset-0" : c ? "opacity-0 inset-0" : "opacity-0 inset-1", a && !l && "group-has-focus-visible/h:inset-0 group-has-focus-visible/h:opacity-100 group-has-focus-visible/h:ring-cui-focus group-has-focus-visible/h:ring-2 group-has-focus-visible/h:ring-offset-2") }), /* @__PURE__ */ p("div", {
+		className: W("group/h relative flex items-center text-cui-primary text-cui-base", u ? "w-full" : "w-fit", d),
+		children: [/* @__PURE__ */ p("div", { className: W("absolute", c ? "transition-[inset] duration-150 ease-cui-out-expo motion-reduce:transition-none" : "transition-[inset,opacity,background-color] duration-150 ease-cui-out-expo motion-reduce:transition-none", n, r, i, !l && "group-hover/h:inset-0 group-hover/h:opacity-100", s && !l && "group-active/h:inset-px", t ? "opacity-100 inset-0" : c ? "opacity-0 inset-0" : "opacity-0 inset-1", a && !l && "group-has-focus-visible/h:inset-0 group-has-focus-visible/h:opacity-100 group-has-focus-visible/h:ring-cui-focus group-has-focus-visible/h:ring-2 group-has-focus-visible/h:ring-offset-2") }), /* @__PURE__ */ p("div", {
 			className: "relative z-[2] flex w-full items-center gap-2",
 			children: e
 		})]
 	});
 }
-function we({ children: e, group: t, active: n, background: r, backgroundClassName: i, borderRadius: a, interactive: o, disabled: s, fullWidth: l, className: d }) {
+function Ne({ children: e, group: t, active: n, background: r, backgroundClassName: i, borderRadius: a, interactive: o, disabled: s, fullWidth: l, className: d }) {
 	let f = u(null), h = u(null);
 	h.current === null && (h.current = Math.random());
 	let g = h.current, _ = u(t);
@@ -316,8 +320,8 @@ function we({ children: e, group: t, active: n, background: r, backgroundClassNa
 		onPointerEnter: () => {
 			s || (n ? t.dismissHover() : t.onItemHover(g));
 		},
-		className: G("group/hi relative z-[1] flex items-center text-cui-primary text-sm", l ? "w-full" : "w-fit", d),
-		children: [/* @__PURE__ */ p("div", { className: G("absolute", r, i, a, "transition-[inset,opacity,scale] duration-150 ease-cui-out-expo", o && !s && "group-active/hi:inset-px", "motion-reduce:transition-none", n ? "inset-0 scale-100 opacity-100" : "inset-1 scale-95 opacity-0") }), /* @__PURE__ */ p("div", {
+		className: W("group/hi relative z-[1] flex items-center text-cui-primary text-cui-base", l ? "w-full" : "w-fit", d),
+		children: [/* @__PURE__ */ p("div", { className: W("absolute", r, i, a, "transition-[inset,opacity,scale] duration-150 ease-cui-out-expo", o && !s && "group-active/hi:inset-px", "motion-reduce:transition-none", n ? "inset-0 scale-100 opacity-100" : "inset-1 scale-95 opacity-0") }), /* @__PURE__ */ p("div", {
 			className: "relative z-[2] flex w-full items-center gap-2",
 			children: e
 		})]
@@ -325,7 +329,7 @@ function we({ children: e, group: t, active: n, background: r, backgroundClassNa
 }
 //#endregion
 //#region src/components/toggle/toggle.tsx
-var Te = {
+var Pe = {
 	sm: {
 		track: "w-9 h-5",
 		thumb: "h-4 w-4 group-active/toggle:w-5"
@@ -334,104 +338,107 @@ var Te = {
 		track: "w-11 h-6",
 		thumb: "h-5 w-5 group-active/toggle:w-6"
 	}
-}, Ee = i(function({ checked: e, defaultChecked: t, onCheckedChange: n, disabled: r, size: i = "md", className: a }, o) {
-	let s = Te[i];
+}, Fe = i(function({ checked: e, defaultChecked: t, onCheckedChange: n, disabled: r, size: i = "md", className: a, ...o }, s) {
+	let c = Pe[i];
 	return /* @__PURE__ */ p(h.Root, {
-		ref: o,
+		ref: s,
 		checked: e,
 		defaultChecked: t,
-		onCheckedChange: n ? (e) => n(e) : void 0,
+		onCheckedChange: n,
 		disabled: r,
-		className: G("group/toggle relative inline-flex shrink-0 cursor-pointer items-center rounded-full", "bg-cui-subtle data-[checked]:bg-cui-accent", "ring-cui-focus outline-none focus-visible:ring-2 focus-visible:ring-offset-2", "transition-colors duration-150 ease-cui-out-expo", r && "opacity-50 pointer-events-none", s.track, a),
-		children: /* @__PURE__ */ p(h.Thumb, { className: G("block rounded-full bg-cui-accent-on shadow-sm", "translate-x-0.5 transition-all duration-150 ease-cui-out-expo", i === "sm" && "data-[checked]:translate-x-[18px] data-[checked]:group-active/toggle:translate-x-[14px]", i === "md" && "data-[checked]:translate-x-[22px] data-[checked]:group-active/toggle:translate-x-[18px]", s.thumb) })
+		className: W("group/toggle relative inline-flex shrink-0 cursor-pointer items-center rounded-full", "bg-cui-subtle data-[checked]:bg-cui-accent", "outline-none focus-visible:ring-2 focus-visible:ring-cui-focus focus-visible:ring-offset-2", "transition-colors duration-150 ease-cui-out-expo", r && "opacity-50 pointer-events-none", c.track, a),
+		...o,
+		children: /* @__PURE__ */ p(h.Thumb, { className: W("block rounded-full bg-cui-accent-on shadow-sm", "translate-x-0.5 transition-all duration-150 ease-cui-out-expo", i === "sm" && "data-[checked]:translate-x-[18px] data-[checked]:group-active/toggle:translate-x-[14px]", i === "md" && "data-[checked]:translate-x-[22px] data-[checked]:group-active/toggle:translate-x-[18px]", c.thumb) })
 	});
-}), De = {
+}), Ie = {
 	sm: {
 		root: "size-4 rounded-[4px]",
 		icon: "size-3",
-		label: "text-xs"
+		label: "text-cui-sm"
 	},
 	md: {
 		root: "size-[18px] rounded-[5px]",
 		icon: "size-3.5",
-		label: "text-sm"
+		label: "text-cui-base"
 	}
-};
-function Oe({ checked: e, defaultChecked: t, onCheckedChange: n, indeterminate: r = !1, disabled: i = !1, required: a, size: o = "md", label: s, name: c, className: l }) {
-	let u = De[o], d = /* @__PURE__ */ p(g.Root, {
+}, Le = i(function({ checked: e, defaultChecked: t, onCheckedChange: n, indeterminate: r = !1, disabled: i = !1, required: a, size: o = "md", label: s, name: c, className: l, ...u }, d) {
+	let f = Ie[o], h = /* @__PURE__ */ p(g.Root, {
+		ref: d,
 		checked: e,
 		defaultChecked: t,
-		onCheckedChange: n ? (e) => n(e) : void 0,
+		onCheckedChange: n,
 		indeterminate: r,
 		disabled: i,
 		required: a,
 		name: c,
-		className: G("group/checkbox relative inline-flex shrink-0 items-center justify-center", "outline-none focus-visible:ring-2 focus-visible:ring-cui-focus focus-visible:ring-offset-2", "transition-colors duration-150 ease-out", "motion-reduce:transition-none", "before:absolute before:inset-1/2 before:size-8 before:-translate-1/2", i ? "pointer-events-none cursor-not-allowed border border-cui-neutral bg-cui-subtle" : "cursor-pointer border border-cui-neutral bg-cui-base-2 data-[checked]:border-cui-accent data-[checked]:bg-cui-accent data-[indeterminate]:border-cui-neutral-strong data-[indeterminate]:bg-cui-subtle", u.root, !s && l),
+		className: W("group/checkbox relative inline-flex shrink-0 items-center justify-center", "outline-none focus-visible:ring-2 focus-visible:ring-cui-focus focus-visible:ring-offset-2", "transition-colors duration-150 ease-out", "motion-reduce:transition-none", "before:absolute before:inset-1/2 before:size-8 before:-translate-1/2", i ? "pointer-events-none cursor-not-allowed border border-cui-neutral bg-cui-subtle" : "cursor-pointer border border-cui-neutral bg-cui-base-2 data-[checked]:border-cui-accent data-[checked]:bg-cui-accent data-[indeterminate]:border-cui-neutral-strong data-[indeterminate]:bg-cui-subtle", f.root, !s && l),
+		...u,
 		children: /* @__PURE__ */ p(g.Indicator, {
 			keepMounted: !0,
-			className: G("flex items-center justify-center", i ? "text-cui-tertiary" : "data-[checked]:text-cui-accent-on data-[indeterminate]:text-cui-secondary", "scale-100 opacity-100", "data-[unchecked]:scale-50 data-[unchecked]:opacity-0", "data-[starting-style]:scale-50 data-[starting-style]:opacity-0", "data-[ending-style]:scale-50 data-[ending-style]:opacity-0", "transition-[scale,opacity] duration-300 ease-cui-out-expo", "motion-reduce:transition-none"),
-			children: p(r ? O : y, { className: u.icon })
+			className: W("flex items-center justify-center", i ? "text-cui-tertiary" : "data-[checked]:text-cui-accent-on data-[indeterminate]:text-cui-secondary", "scale-100 opacity-100", "data-[unchecked]:scale-50 data-[unchecked]:opacity-0", "data-[starting-style]:scale-50 data-[starting-style]:opacity-0", "data-[ending-style]:scale-50 data-[ending-style]:opacity-0", "transition-[scale,opacity] duration-300 ease-cui-out-expo", "motion-reduce:transition-none"),
+			children: p(r ? j : b, { className: f.icon })
 		})
 	});
 	return s ? /* @__PURE__ */ m("label", {
-		className: G("inline-flex items-center gap-2 select-none", i ? "cursor-not-allowed" : "cursor-pointer", l),
-		children: [d, /* @__PURE__ */ p("span", {
-			className: G(u.label, i ? "text-cui-tertiary" : "text-cui-primary"),
+		className: W("inline-flex items-center gap-2 select-none", i ? "cursor-not-allowed" : "cursor-pointer", l),
+		children: [h, /* @__PURE__ */ p("span", {
+			className: W(f.label, i ? "text-cui-tertiary" : "text-cui-primary"),
 			children: s
 		})]
-	}) : d;
-}
-//#endregion
-//#region src/components/card/card.tsx
-var ke = {
+	}) : h;
+}), Re = {
 	default: "bg-cui-base-1 rounded-lg shadow-xs ring-1 ring-cui-neutral",
 	nested: "bg-cui-base-2 rounded-sm shadow-sm ring-1 ring-cui-neutral"
-}, Ae = i(function({ className: e, children: t }, n) {
+}, ze = i(function({ className: e, children: t }, n) {
 	return /* @__PURE__ */ p("div", {
 		ref: n,
-		className: G("flex flex-col gap-1 p-1", e),
+		className: W("flex flex-col gap-1 p-1", e),
 		children: t
 	});
-}), je = i(function({ className: e, children: t }, n) {
+}), Be = i(function({ className: e, children: t }, n) {
 	return /* @__PURE__ */ p("div", {
 		ref: n,
-		className: G("px-4 py-3", e),
+		className: W("px-4 py-3", e),
 		children: t
 	});
-}), Me = i(function({ className: e, children: t }, n) {
+}), Ve = i(function({ className: e, children: t }, n) {
 	return /* @__PURE__ */ p("div", {
 		ref: n,
-		className: G("p-4", e),
+		className: W("p-4", e),
 		children: t
 	});
-}), Ne = i(function({ className: e, children: t }, n) {
+}), He = i(function({ className: e, children: t }, n) {
 	return /* @__PURE__ */ p("div", {
 		ref: n,
-		className: G("border-b border-cui-neutral last:border-b-0 p-4", e),
+		className: W("border-b border-cui-neutral last:border-b-0 p-4", e),
 		children: t
 	});
-}), J = i(function({ variant: e = "default", className: t, children: n }, r) {
+}), q = i(function({ variant: e = "default", className: t, children: n }, r) {
 	return /* @__PURE__ */ p("div", {
 		ref: r,
-		className: G(ke[e], t),
+		className: W(Re[e], t),
 		children: n
 	});
 });
-J.Content = Ae, J.Header = je, J.Body = Me, J.Section = Ne;
+q.Content = ze, q.Header = Be, q.Body = Ve, q.Section = He;
 //#endregion
 //#region src/components/nav-link/nav-link.tsx
-function Pe({ className: e, children: t }) {
-	return /* @__PURE__ */ p(Ce, {
+var Ue = {
+	sm: "h-7 px-1.5",
+	md: "h-8 px-1.5"
+};
+function We({ className: e, children: t }) {
+	return /* @__PURE__ */ p(Me, {
 		background: "bg-cui-subtle",
-		className: G("gap-1 p-2 flex-nowrap", e),
+		className: W("gap-1 p-2 flex-nowrap", e),
 		children: t
 	});
 }
-function Fe({ active: e = !1, icon: t, href: n, onClick: r, className: i, children: a }) {
-	return /* @__PURE__ */ p(q, {
+function Ge({ active: e = !1, icon: t, href: n, onClick: r, size: i = "md", className: a, children: o }) {
+	return /* @__PURE__ */ p(K, {
 		active: e,
 		background: "bg-cui-subtle",
-		className: i,
+		className: a,
 		children: /* @__PURE__ */ m(n ? "a" : "button", {
 			...n ? {
 				href: n,
@@ -440,20 +447,20 @@ function Fe({ active: e = !1, icon: t, href: n, onClick: r, className: i, childr
 				type: "button",
 				onClick: r
 			},
-			className: G("flex items-center h-8 px-1.5 text-sm font-medium cursor-pointer select-none whitespace-nowrap", "outline-none", e ? "text-cui-primary" : "text-cui-secondary"),
+			className: W("flex items-center text-cui-base font-medium cursor-pointer select-none whitespace-nowrap", "outline-none", Ue[i], e ? "text-cui-primary" : "text-cui-secondary"),
 			children: [t && /* @__PURE__ */ p("span", {
 				className: "flex size-5 shrink-0 items-center justify-center [&>svg]:size-4",
 				children: t
 			}), /* @__PURE__ */ p("span", {
 				className: "px-1",
-				children: a
+				children: o
 			})]
 		})
 	});
 }
 //#endregion
 //#region src/components/logo/logo.tsx
-var Ie = i(function({ variant: e = "mark", size: t = 18, className: n }, r) {
+var Ke = i(function({ variant: e = "mark", size: t = 18, className: n }, r) {
 	return e === "circle" ? /* @__PURE__ */ m("svg", {
 		ref: r,
 		width: t,
@@ -461,7 +468,7 @@ var Ie = i(function({ variant: e = "mark", size: t = 18, className: n }, r) {
 		viewBox: "0 0 1201 1200",
 		fill: "none",
 		xmlns: "http://www.w3.org/2000/svg",
-		className: G("shrink-0", n),
+		className: W("shrink-0", n),
 		"aria-label": "CodeRabbit",
 		children: [/* @__PURE__ */ p("path", {
 			d: "M600.867 1200C932.238 1200 1200.87 931.37 1200.87 600C1200.87 268.629 932.238 -0.000488281 600.867 -0.000488281C269.496 -0.000488281 0.867188 268.629 0.867188 600C0.867188 931.37 269.496 1200 600.867 1200Z",
@@ -477,18 +484,18 @@ var Ie = i(function({ variant: e = "mark", size: t = 18, className: n }, r) {
 		viewBox: "0 0 18 18",
 		fill: "none",
 		xmlns: "http://www.w3.org/2000/svg",
-		className: G("shrink-0", n),
+		className: W("shrink-0", n),
 		"aria-label": "CodeRabbit",
 		children: /* @__PURE__ */ p("path", {
 			d: "M17.9955 7.95021C17.9955 7.95021 16.0484 5.39587 13.6007 5.24977C12.0212 5.15411 11.6385 5.37067 11.5699 5.53194C11.4719 4.69563 10.7754 0.821109 5.96335 0C6.57764 4.53152 9.1146 3.35077 10.6086 6.47412C10.6086 6.47412 8.08743 2.9574 3.94251 4.25219C3.94251 4.25219 5.45327 7.50694 9.92182 8.17196C9.92182 8.17196 10.2799 9.43152 10.3879 9.65324C10.3879 9.65324 3.50589 5.97023 1.41629 13.0389C-0.138828 12.6774 -0.660461 14.4098 1.12695 15.5933C1.12695 15.5933 1.43108 14.3539 2.17168 13.9861C2.17168 13.9861 0.582397 15.805 2.45126 17.9833H9.15897C9.32104 17.7078 10.0384 16.2583 8.26429 15.161C9.51658 15.1426 10.5359 17.5667 11.6327 18H13.2278C13.2818 17.8654 13.3946 17.4624 13.1296 17.0998C12.7211 16.6189 11.8268 16.684 11.8347 15.7948C12.1436 11.6583 18.1877 12.9285 17.9955 7.95021Z",
 			fill: "currentColor"
 		})
 	});
-}), Y = {
+}), J = {
 	Panel: i(function({ minWidth: e, className: t, children: n, ...r }, i) {
 		return /* @__PURE__ */ p("div", {
 			ref: i,
-			className: G("flex flex-col bg-cui-base-2 border border-cui-neutral rounded-md shadow-md p-1", e, "origin-[var(--transform-origin)] will-change-[transform,opacity]", "transition-[transform,scale,opacity] duration-200 ease-cui-out-expo", "data-[starting-style]:scale-[0.96] data-[starting-style]:opacity-0", "data-[ending-style]:scale-[0.96] data-[ending-style]:opacity-0 data-[ending-style]:duration-150", "motion-reduce:transition-none", t),
+			className: W("flex flex-col bg-cui-base-2 border border-cui-neutral rounded-lg shadow-md p-1", e, "origin-[var(--transform-origin)] will-change-[transform,opacity]", "transition-[transform,scale,opacity] duration-200 ease-cui-out-expo", "data-[starting-style]:scale-[0.96] data-[starting-style]:opacity-0", "data-[ending-style]:scale-[0.96] data-[ending-style]:opacity-0 data-[ending-style]:duration-150", "motion-reduce:transition-none", t),
 			...r,
 			children: n
 		});
@@ -496,12 +503,12 @@ var Ie = i(function({ variant: e = "mark", size: t = 18, className: n }, r) {
 	Item: i(function({ icon: e, indicator: t, variant: n = "default", className: r, children: i, ...a }, o) {
 		return /* @__PURE__ */ m("div", {
 			ref: o,
-			className: G("group relative flex items-center gap-2 px-2 py-1.5 text-sm cursor-pointer rounded-sm select-none outline-none", n === "danger" ? "text-cui-danger data-[highlighted]:text-cui-danger" : "text-cui-primary", r),
+			className: W("group relative flex items-center gap-2 px-2 py-1.5 text-cui-base cursor-pointer rounded select-none outline-none", n === "danger" ? "text-cui-danger data-[highlighted]:text-cui-danger" : "text-cui-primary", r),
 			...a,
 			children: [
-				/* @__PURE__ */ p("div", { className: G("absolute inset-0 rounded-[inherit] bg-cui-subtle opacity-0", "group-data-[highlighted]:opacity-100", "group-data-[selected]:opacity-100", "group-data-[selected=true]:opacity-100", "transition-[inset] duration-150 ease-cui-out-expo motion-reduce:transition-none", "group-active:inset-px") }),
+				/* @__PURE__ */ p("div", { className: W("absolute inset-0 rounded-[inherit] bg-cui-subtle opacity-0", "group-data-[highlighted]:opacity-100", "group-data-[selected]:opacity-100", "group-data-[selected=true]:opacity-100", "transition-[inset] duration-150 ease-cui-out-expo motion-reduce:transition-none", "group-active:inset-px") }),
 				e && /* @__PURE__ */ p("span", {
-					className: G("relative z-[1] flex size-5 shrink-0 items-center justify-center [&>svg]:size-4", n === "danger" ? "text-cui-danger" : "text-cui-tertiary group-data-[highlighted]:text-cui-primary group-data-[selected]:text-cui-primary group-data-[selected=true]:text-cui-primary"),
+					className: W("relative z-[1] flex size-5 shrink-0 items-center justify-center [&>svg]:size-4", n === "danger" ? "text-cui-danger" : "text-cui-tertiary group-data-[highlighted]:text-cui-primary group-data-[selected]:text-cui-primary group-data-[selected=true]:text-cui-primary"),
 					children: e
 				}),
 				i,
@@ -515,14 +522,14 @@ var Ie = i(function({ variant: e = "mark", size: t = 18, className: n }, r) {
 	ItemIndicator: i(function({ className: e }, t) {
 		return /* @__PURE__ */ p("span", {
 			ref: t,
-			className: G("relative z-[1] ml-auto text-cui-secondary [&>svg]:size-4", e),
-			children: /* @__PURE__ */ p(y, {})
+			className: W("relative z-[1] ml-auto text-cui-secondary [&>svg]:size-4", e),
+			children: /* @__PURE__ */ p(b, {})
 		});
 	}),
 	List: i(function({ className: e, children: t, ...n }, r) {
 		return /* @__PURE__ */ p("div", {
 			ref: r,
-			className: G("flex max-h-[min(var(--available-height),280px)] flex-col gap-0.5 overflow-y-auto overscroll-contain outline-none", "[scrollbar-width:none] [&::-webkit-scrollbar]:hidden", e),
+			className: W("flex max-h-[min(var(--available-height),280px)] flex-col gap-0.5 overflow-y-auto overscroll-contain outline-none", "[scrollbar-width:none] [&::-webkit-scrollbar]:hidden", e),
 			...n,
 			children: t
 		});
@@ -530,14 +537,14 @@ var Ie = i(function({ variant: e = "mark", size: t = 18, className: n }, r) {
 	Separator: i(function({ className: e, ...t }, n) {
 		return /* @__PURE__ */ p("div", {
 			ref: n,
-			className: G("my-1 border-t border-cui-neutral", e),
+			className: W("my-1 border-t border-cui-neutral", e),
 			...t
 		});
 	}),
 	GroupLabel: i(function({ className: e, children: t, ...n }, r) {
 		return /* @__PURE__ */ p("div", {
 			ref: r,
-			className: G("px-2 py-1.5 text-xs font-medium text-cui-tertiary select-none", e),
+			className: W("px-2 py-1.5 text-cui-sm font-medium text-cui-tertiary select-none", e),
 			...n,
 			children: t
 		});
@@ -545,7 +552,7 @@ var Ie = i(function({ variant: e = "mark", size: t = 18, className: n }, r) {
 	Positioner: i(function({ className: e, children: t, ...n }, r) {
 		return /* @__PURE__ */ p("div", {
 			ref: r,
-			className: G("z-50 outline-none", e),
+			className: W("z-50 outline-none", e),
 			...n,
 			children: t
 		});
@@ -553,15 +560,15 @@ var Ie = i(function({ variant: e = "mark", size: t = 18, className: n }, r) {
 	SearchInput: i(function({ className: e, children: t, ...n }, r) {
 		return /* @__PURE__ */ m("div", {
 			ref: r,
-			className: G("bg-cui-subtle border-cui-neutral mb-0.5 flex items-center gap-2 rounded-sm border px-2 py-1.5", e),
+			className: W("mb-0.5 flex items-center gap-2 rounded px-2 py-1.5", e),
 			...n,
-			children: [/* @__PURE__ */ p(D, { className: "text-cui-tertiary size-4 shrink-0" }), t]
+			children: [/* @__PURE__ */ p(A, { className: "text-cui-tertiary size-4 shrink-0" }), t]
 		});
 	}),
 	Empty: i(function({ className: e, children: t, ...n }, r) {
 		return /* @__PURE__ */ p("div", {
 			ref: r,
-			className: G("text-cui-secondary px-2 py-4 text-center text-sm empty:hidden", e),
+			className: W("text-cui-secondary px-2 py-4 text-center text-cui-base empty:hidden", e),
 			...n,
 			children: t
 		});
@@ -569,9 +576,9 @@ var Ie = i(function({ variant: e = "mark", size: t = 18, className: n }, r) {
 };
 //#endregion
 //#region src/components/combobox/combobox.tsx
-function Le({ value: e, defaultValue: t, onValueChange: n, items: r, children: i, className: a }) {
+function qe({ value: e, defaultValue: t, onValueChange: n, items: r, children: i, className: a }) {
 	let [o, s] = d("");
-	return /* @__PURE__ */ p(N.Root, {
+	return /* @__PURE__ */ p(M.Root, {
 		value: e,
 		defaultValue: t,
 		onValueChange: n ? (e) => {
@@ -590,69 +597,70 @@ function Le({ value: e, defaultValue: t, onValueChange: n, items: r, children: i
 		}) : i
 	});
 }
-var Re = i(function({ children: e, className: t }, n) {
-	return /* @__PURE__ */ p(N.Trigger, {
+var Je = i(function({ children: e, className: t }, n) {
+	return /* @__PURE__ */ p(M.Trigger, {
 		ref: n,
-		className: G("cursor-pointer outline-none focus-visible:ring-2 focus-visible:ring-cui-focus focus-visible:ring-offset-2 rounded", t),
+		className: W("cursor-pointer outline-none focus-visible:ring-2 focus-visible:ring-cui-focus focus-visible:ring-offset-2 rounded", t),
 		children: e
 	});
-}), ze = i(function({ placeholder: e, className: t }, n) {
-	return /* @__PURE__ */ p(N.Trigger, {
-		ref: n,
-		render: /* @__PURE__ */ p(K, {
+}), Ye = i(function({ placeholder: e, size: t, className: n }, r) {
+	return /* @__PURE__ */ p(M.Trigger, {
+		ref: r,
+		render: /* @__PURE__ */ p(G, {
 			variant: "outline",
-			iconRight: /* @__PURE__ */ p(C, {}),
-			className: t,
-			children: /* @__PURE__ */ p(N.Value, { placeholder: e })
+			size: t,
+			iconRight: /* @__PURE__ */ p(E, {}),
+			className: n,
+			children: /* @__PURE__ */ p(M.Value, { placeholder: e })
 		})
 	});
 });
-function Be({ align: e = "start", searchPlaceholder: t = "Search...", emptyMessage: n = "No results found.", minWidth: r = "min-w-[220px]", children: i, className: a }) {
-	let o = i ?? ((e) => /* @__PURE__ */ p(Ve, {
+function Xe({ align: e = "start", searchPlaceholder: t = "Search...", emptyMessage: n = "No results found.", minWidth: r = "min-w-[220px]", children: i, className: a }) {
+	let o = i ?? ((e) => /* @__PURE__ */ p(Ze, {
 		value: e.value,
 		icon: e.icon,
 		children: e.label
 	}, e.value));
-	return /* @__PURE__ */ p(N.Portal, { children: /* @__PURE__ */ p(N.Positioner, {
+	return /* @__PURE__ */ p(M.Portal, { children: /* @__PURE__ */ p(M.Positioner, {
 		align: e,
 		sideOffset: 4,
-		render: /* @__PURE__ */ p(Y.Positioner, {}),
-		children: /* @__PURE__ */ m(N.Popup, {
-			render: /* @__PURE__ */ p(Y.Panel, {
+		render: /* @__PURE__ */ p(J.Positioner, {}),
+		children: /* @__PURE__ */ m(M.Popup, {
+			render: /* @__PURE__ */ p(J.Panel, {
 				minWidth: r,
 				className: a
 			}),
 			children: [
-				/* @__PURE__ */ p(Y.SearchInput, { children: /* @__PURE__ */ p(N.Input, {
+				/* @__PURE__ */ p(J.SearchInput, { children: /* @__PURE__ */ p(M.Input, {
 					placeholder: t,
-					className: "text-cui-primary placeholder:text-cui-tertiary flex-1 bg-transparent text-sm outline-none"
+					className: "text-cui-primary placeholder:text-cui-tertiary text-cui-base flex-1 bg-transparent outline-none"
 				}) }),
-				/* @__PURE__ */ p(N.Empty, {
-					render: /* @__PURE__ */ p(Y.Empty, {}),
+				/* @__PURE__ */ p(M.Empty, {
+					render: /* @__PURE__ */ p(J.Empty, {}),
 					children: n
 				}),
-				/* @__PURE__ */ p(N.List, {
-					render: /* @__PURE__ */ p(Y.List, {}),
+				/* @__PURE__ */ p(M.List, {
+					render: /* @__PURE__ */ p(J.List, {}),
 					children: o
 				})
 			]
 		})
 	}) });
 }
-var Ve = i(function({ value: e, icon: t, children: n, className: r }, i) {
-	return /* @__PURE__ */ m(N.Item, {
+var Ze = i(function({ value: e, icon: t, children: n, className: r }, i) {
+	return /* @__PURE__ */ m(M.Item, {
 		ref: i,
 		value: e,
-		render: /* @__PURE__ */ p(Y.Item, {
+		render: /* @__PURE__ */ p(J.Item, {
 			icon: t,
 			className: r
 		}),
 		children: [/* @__PURE__ */ p("span", {
 			className: "relative z-[1] flex-1",
 			children: n
-		}), /* @__PURE__ */ p(N.ItemIndicator, { render: /* @__PURE__ */ p(Y.ItemIndicator, {}) })]
+		}), /* @__PURE__ */ p(M.ItemIndicator, { render: /* @__PURE__ */ p(J.ItemIndicator, {}) })]
 	});
-}), He = {
+}), Qe = {
 	xs: {
 		outer: "size-5",
 		text: "text-[8px]",
@@ -665,30 +673,30 @@ var Ve = i(function({ value: e, icon: t, children: n, className: r }, i) {
 	},
 	md: {
 		outer: "size-8",
-		text: "text-xs",
+		text: "text-cui-sm",
 		px: 32
 	},
 	lg: {
 		outer: "size-10",
-		text: "text-sm",
+		text: "text-cui-base",
 		px: 40
 	},
 	xl: {
 		outer: "size-16",
-		text: "text-lg",
+		text: "text-cui-xl",
 		px: 64
 	}
-}, Ue = {
+}, $e = {
 	circle: "rounded-full",
 	square: "rounded-md"
-}, We = {
+}, et = {
 	neutral: "bg-cui-subtle text-cui-primary",
 	accent: "bg-cui-accent text-cui-accent-on",
 	danger: "bg-cui-danger text-cui-danger-on",
-	warning: "bg-cui-warn text-cui-warn-on",
+	warn: "bg-cui-warn text-cui-warn-on",
 	success: "bg-cui-success text-cui-success-on"
 };
-function X(e, t = 0) {
+function Y(e, t = 0) {
 	let n = 3735928559 ^ t, r = 1103547991 ^ t;
 	for (let t = 0; t < e.length; t++) {
 		let i = e.charCodeAt(t);
@@ -696,15 +704,15 @@ function X(e, t = 0) {
 	}
 	return n = Math.imul(n ^ n >>> 16, 2246822507), n ^= Math.imul(r ^ r >>> 13, 3266489909), r = Math.imul(r ^ r >>> 16, 2246822507), r ^= Math.imul(n ^ n >>> 13, 3266489909), 4294967296 * (2097151 & r) + (n >>> 0);
 }
-function Ge(e) {
+function tt(e) {
 	return [
-		X(e, 0),
-		X(e, 1),
-		X(e, 2),
-		X(e, 3)
+		Y(e, 0),
+		Y(e, 1),
+		Y(e, 2),
+		Y(e, 3)
 	];
 }
-function Ke(e, t, n, r) {
+function nt(e, t, n, r) {
 	let i = e.filter(Boolean).length, a = Math.ceil(t * n);
 	if (i >= a) return;
 	let o = a - i, s = 0;
@@ -713,8 +721,8 @@ function Ke(e, t, n, r) {
 		e[i] || (e[i] = !0, o--), s++;
 	}
 }
-function qe(e, t) {
-	let n = Ge(e), r = n[0] ?? 0, i = n[1] ?? r, a = n[2] ?? r, o = (e) => n[e % n.length] ?? r;
+function rt(e, t) {
+	let n = tt(e), r = n[0] ?? 0, i = n[1] ?? r, a = n[2] ?? r, o = (e) => n[e % n.length] ?? r;
 	switch (t) {
 		case "grid": {
 			let e = [];
@@ -722,7 +730,7 @@ function qe(e, t) {
 				let n = o(Math.floor(t / 26));
 				e.push((n >> t % 26 & 1) == 1);
 			}
-			return Ke(e, 25, .3, a), {
+			return nt(e, 25, .3, a), {
 				cols: 5,
 				rows: 5,
 				cells: e
@@ -841,42 +849,43 @@ function qe(e, t) {
 		}
 	}
 }
-function Je(e) {
-	return X(e, 42) % 360;
+function it(e) {
+	return Y(e, 42) % 360;
 }
-function Ye(e) {
+function at(e) {
 	return {
 		"--ga-pixel": `light-dark(oklch(0.55 0.15 ${e}), oklch(0.7 0.14 ${e}))`,
 		"--ga-bg": `light-dark(oklch(0.92 0.03 ${e}), oklch(0.25 0.03 ${e}))`
 	};
 }
-function Xe({ seed: e, pattern: t, px: n, isCircle: r, className: i }) {
-	let { grid: a, hue: o } = l(() => ({
-		grid: qe(e, t),
-		hue: Je(e)
-	}), [e, t]), { cols: s, rows: c, cells: u } = a, d = t === "dense" || t === "quad-dense" ? 3 : 4, f = (100 - d * 2 - 3 * (s - 1)) / s, h = c * f + (c - 1) * 3, g = s * f + (s - 1) * 3, _ = d + (100 - d * 2 - h) / 2, v = d + (100 - d * 2 - g) / 2, y = X(e, 99), b = (e) => .55 + (y >> e % 26 & 3) * .15, x = `av-${X(e + t, 7) >>> 0}`, S = Ye(o), C = X(e, 77), w = (e) => {
-		let t = C >> e % 26 & 7, n = y >> (e + 5) % 26 & 7;
+var ot = i(function({ seed: e, pattern: t, px: n, isCircle: r, className: i }, a) {
+	let { grid: o, hue: s } = l(() => ({
+		grid: rt(e, t),
+		hue: it(e)
+	}), [e, t]), { cols: c, rows: u, cells: d } = o, f = t === "dense" || t === "quad-dense" ? 3 : 4, h = (100 - f * 2 - 3 * (c - 1)) / c, g = u * h + (u - 1) * 3, _ = c * h + (c - 1) * 3, v = f + (100 - f * 2 - g) / 2, y = f + (100 - f * 2 - _) / 2, b = Y(e, 99), x = (e) => .55 + (b >> e % 26 & 3) * .15, S = `av-${Y(e + t, 7) >>> 0}`, C = at(s), w = Y(e, 77), T = (e) => {
+		let t = w >> e % 26 & 7, n = b >> (e + 5) % 26 & 7;
 		return {
 			duration: 1.5 + t * .35,
 			delay: n * .4
 		};
-	}, T = `ga-flk-${x}`;
+	}, E = `ga-flk-${S}`;
 	return /* @__PURE__ */ m("svg", {
+		ref: a,
 		width: n,
 		height: n,
 		viewBox: "0 0 100 100",
-		className: G("shrink-0", i),
+		className: W("shrink-0", i),
 		style: {
-			...S,
+			...C,
 			"--ga-anim": "none"
 		},
-		onMouseEnter: (e) => e.currentTarget.style.setProperty("--ga-anim", T),
+		onMouseEnter: (e) => e.currentTarget.style.setProperty("--ga-anim", E),
 		onMouseLeave: (e) => e.currentTarget.style.setProperty("--ga-anim", "none"),
 		role: "img",
 		"aria-label": `Avatar for ${e}`,
 		children: [
 			/* @__PURE__ */ p("style", { children: `
-				@keyframes ${T} {
+				@keyframes ${E} {
 					0%, 100% { opacity: var(--ga-o); }
 					50% { opacity: calc(var(--ga-o) * 0.25); }
 				}
@@ -895,7 +904,7 @@ function Xe({ seed: e, pattern: t, px: n, isCircle: r, className: i }) {
 				fill: "var(--ga-bg)"
 			}),
 			/* @__PURE__ */ p("defs", { children: /* @__PURE__ */ p("clipPath", {
-				id: x,
+				id: S,
 				children: r ? /* @__PURE__ */ p("circle", {
 					cx: 50,
 					cy: 50,
@@ -909,15 +918,15 @@ function Xe({ seed: e, pattern: t, px: n, isCircle: r, className: i }) {
 				})
 			}) }),
 			/* @__PURE__ */ p("g", {
-				clipPath: `url(#${x})`,
-				children: u.map((e, t) => {
+				clipPath: `url(#${S})`,
+				children: d.map((e, t) => {
 					if (!e) return null;
-					let n = t % s, r = Math.floor(t / s), i = b(t), { duration: a, delay: o } = w(t);
+					let n = t % c, r = Math.floor(t / c), i = x(t), { duration: a, delay: o } = T(t);
 					return /* @__PURE__ */ p("rect", {
-						x: v + n * (f + 3),
-						y: _ + r * (f + 3),
-						width: f,
-						height: f,
+						x: y + n * (h + 3),
+						y: v + r * (h + 3),
+						width: h,
+						height: h,
 						fill: "var(--ga-pixel)",
 						opacity: i,
 						style: {
@@ -934,41 +943,46 @@ function Xe({ seed: e, pattern: t, px: n, isCircle: r, className: i }) {
 			})
 		]
 	});
-}
-function Z({ src: e, initials: t, seed: n, generativePattern: r = "grid", alt: i, variant: a = "circle", size: o = "md", color: s = "neutral", className: c }) {
-	let l = He[o], u = Ue[a];
+}), st = i(function({ src: e, initials: t, seed: n, generativePattern: r = "grid", alt: i, variant: a = "circle", size: o = "md", color: s = "neutral", className: c }, l) {
+	let u = Qe[o], d = $e[a];
 	return e ? /* @__PURE__ */ p("img", {
+		ref: l,
 		src: e,
 		alt: i ?? t ?? n ?? "",
-		className: G("shrink-0 object-cover", l.outer, u, c)
+		className: W("shrink-0 object-cover", u.outer, d, c)
 	}) : t ? /* @__PURE__ */ p("span", {
-		className: G("flex shrink-0 items-center justify-center font-semibold select-none", l.outer, l.text, u, We[s], c),
+		ref: l,
+		className: W("flex shrink-0 items-center justify-center font-semibold select-none", u.outer, u.text, d, et[s], c),
 		children: t
-	}) : n ? /* @__PURE__ */ p(Xe, {
+	}) : n ? /* @__PURE__ */ p(ot, {
+		ref: l,
 		seed: n,
 		pattern: r,
-		px: l.px,
+		px: u.px,
 		isCircle: a === "circle",
 		className: c
-	}) : /* @__PURE__ */ p("span", { className: G("flex shrink-0 items-center justify-center font-semibold select-none", l.outer, l.text, u, We[s], c) });
-}
+	}) : /* @__PURE__ */ p("span", {
+		ref: l,
+		className: W("flex shrink-0 items-center justify-center font-semibold select-none", u.outer, u.text, d, et[s], c)
+	});
+});
 //#endregion
 //#region src/components/app-header/app-header.tsx
-function Ze({ to: e, href: t, className: n, children: r }) {
+function ct({ to: e, href: t, className: n, children: r }) {
 	return /* @__PURE__ */ p("a", {
 		href: e ?? t,
 		className: n,
 		children: r
 	});
 }
-function Qe() {
+function lt() {
 	return /* @__PURE__ */ p("div", {
 		className: "flex w-4 shrink-0 items-center justify-center self-stretch",
-		children: /* @__PURE__ */ p("div", { className: "h-4 w-px rotate-[20deg] bg-[var(--text-color-cui-tertiary)] opacity-50" })
+		children: /* @__PURE__ */ p("div", { className: "bg-cui-tertiary h-4 w-px rotate-[20deg] opacity-50" })
 	});
 }
-function $e({ item: e, asLink: t, LinkEl: n }) {
-	let r = G("flex items-center gap-2 h-8 px-2 text-sm font-medium text-cui-primary select-none", t && "outline-none rounded focus-visible:ring-2 focus-visible:ring-cui-focus focus-visible:ring-offset-2"), i = /* @__PURE__ */ m(f, { children: [e.icon && /* @__PURE__ */ p("span", {
+function ut({ item: e, asLink: t, LinkEl: n }) {
+	let r = W("flex items-center gap-2 h-8 px-2 text-cui-base font-medium text-cui-primary select-none", t && "outline-none rounded focus-visible:ring-2 focus-visible:ring-cui-focus focus-visible:ring-offset-2"), i = /* @__PURE__ */ m(f, { children: [e.icon && /* @__PURE__ */ p("span", {
 		className: "flex size-5 shrink-0 items-center justify-center [&>svg]:size-4",
 		children: e.icon
 	}), /* @__PURE__ */ p("span", { children: e.label })] });
@@ -982,77 +996,77 @@ function $e({ item: e, asLink: t, LinkEl: n }) {
 		children: i
 	});
 }
-function et() {
-	return /* @__PURE__ */ p(Re, {
+function dt() {
+	return /* @__PURE__ */ p(Je, {
 		className: "rounded-sm",
-		children: /* @__PURE__ */ p(q, {
+		children: /* @__PURE__ */ p(K, {
 			background: "bg-cui-subtle",
 			interactive: !0,
 			children: /* @__PURE__ */ p("span", {
 				className: "flex h-8 items-center justify-center px-0.5 select-none",
-				children: /* @__PURE__ */ p(C, { className: "text-cui-tertiary size-4" })
+				children: /* @__PURE__ */ p(E, { className: "text-cui-tertiary size-4" })
 			})
 		})
 	});
 }
-function tt({ item: e, LinkEl: t }) {
-	return e.selector && e.options ? /* @__PURE__ */ m(Le, {
+function ft({ item: e, LinkEl: t }) {
+	return e.selector && e.options ? /* @__PURE__ */ m(qe, {
 		value: e.value,
 		onValueChange: e.onSelect,
 		items: e.options,
 		children: [/* @__PURE__ */ m("span", {
 			className: "flex items-center",
-			children: [/* @__PURE__ */ p(q, {
+			children: [/* @__PURE__ */ p(K, {
 				background: "bg-cui-subtle",
 				interactive: !0,
-				children: /* @__PURE__ */ p($e, {
+				children: /* @__PURE__ */ p(ut, {
 					item: e,
 					asLink: !!e.href,
 					LinkEl: t
 				})
-			}), /* @__PURE__ */ p(et, {})]
-		}), /* @__PURE__ */ p(Be, { searchPlaceholder: "Search..." })]
-	}) : e.href ? /* @__PURE__ */ p(q, {
+			}), /* @__PURE__ */ p(dt, {})]
+		}), /* @__PURE__ */ p(Xe, { searchPlaceholder: "Search..." })]
+	}) : e.href ? /* @__PURE__ */ p(K, {
 		background: "bg-cui-subtle",
 		interactive: !0,
-		children: /* @__PURE__ */ p($e, {
+		children: /* @__PURE__ */ p(ut, {
 			item: e,
 			asLink: !0,
 			LinkEl: t
 		})
-	}) : /* @__PURE__ */ p(q, {
+	}) : /* @__PURE__ */ p(K, {
 		background: "bg-cui-subtle",
 		interactive: !0,
 		children: /* @__PURE__ */ m("span", {
-			className: "text-cui-primary flex h-8 items-center gap-2 px-2 text-sm font-medium select-none",
+			className: "text-cui-primary text-cui-base flex h-8 items-center gap-2 px-2 font-medium select-none",
 			children: [
 				e.icon && /* @__PURE__ */ p("span", {
 					className: "flex size-5 shrink-0 items-center justify-center [&>svg]:size-4",
 					children: e.icon
 				}),
 				/* @__PURE__ */ p("span", { children: e.label }),
-				e.selector && /* @__PURE__ */ p(C, { className: "text-cui-tertiary size-4" })
+				e.selector && /* @__PURE__ */ p(E, { className: "text-cui-tertiary size-4" })
 			]
 		})
 	});
 }
-function nt({ items: e, linkComponent: t = Ze, className: n }) {
+function pt({ items: e, linkComponent: t = ct, className: n }) {
 	return /* @__PURE__ */ m("nav", {
-		className: G("flex items-center gap-1", n),
+		className: W("flex items-center gap-1", n),
 		children: [
 			/* @__PURE__ */ p(t, {
 				to: "/",
 				href: "/",
 				className: "focus-visible:ring-cui-focus flex size-8 shrink-0 items-center justify-center rounded outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
-				children: /* @__PURE__ */ p(Ie, {
+				children: /* @__PURE__ */ p(Ke, {
 					variant: "circle",
 					className: "text-cui-primary"
 				})
 			}),
-			/* @__PURE__ */ p(Qe, {}),
+			/* @__PURE__ */ p(lt, {}),
 			e.map((e, n) => /* @__PURE__ */ m("span", {
 				className: "flex items-center gap-1",
-				children: [n > 0 && /* @__PURE__ */ p(Qe, {}), /* @__PURE__ */ p(tt, {
+				children: [n > 0 && /* @__PURE__ */ p(lt, {}), /* @__PURE__ */ p(ft, {
 					item: e,
 					LinkEl: t
 				})]
@@ -1060,65 +1074,65 @@ function nt({ items: e, linkComponent: t = Ze, className: n }) {
 		]
 	});
 }
-var rt = i(function({ children: e, className: t }, n) {
+var mt = i(function({ children: e, className: t }, n) {
 	return /* @__PURE__ */ p("div", {
 		ref: n,
-		className: G("flex items-center gap-2", t),
+		className: W("flex items-center gap-2", t),
 		children: e
 	});
-}), it = i(function({ children: e, className: t }, n) {
+}), ht = i(function({ children: e, className: t }, n) {
 	return /* @__PURE__ */ p("header", {
 		ref: n,
-		className: G("flex items-center justify-between px-3 py-2", t),
+		className: W("flex items-center justify-between px-3 py-2", t),
 		children: e
 	});
 });
-it.Breadcrumb = nt, it.Actions = rt, it.Avatar = Z;
+ht.Breadcrumb = pt, ht.Actions = mt, ht.Avatar = st;
 //#endregion
 //#region src/components/settings-card/settings-card.tsx
-var at = i(function({ title: e, description: t, toggle: n, toggled: r, onToggleChange: i, defaultToggled: a = !1, children: o, className: s }, c) {
+var gt = i(function({ title: e, description: t, toggle: n, toggled: r, onToggleChange: i, defaultToggled: a = !1, children: o, className: s }, c) {
 	let [l, u] = d(a), f = r !== void 0, h = f ? r : l, g = n && h;
 	function _(e) {
 		f || u(e), i?.(e);
 	}
-	return /* @__PURE__ */ p(J, {
+	return /* @__PURE__ */ p(q, {
 		ref: c,
 		className: s,
-		children: /* @__PURE__ */ m(J.Content, { children: [(e || t || n) && /* @__PURE__ */ p(J.Header, { children: /* @__PURE__ */ m("div", {
+		children: /* @__PURE__ */ m(q.Content, { children: [(e || t || n) && /* @__PURE__ */ p(q.Header, { children: /* @__PURE__ */ m("div", {
 			className: "flex items-start justify-between gap-4",
 			children: [/* @__PURE__ */ m("div", {
 				className: "flex flex-1 flex-col",
 				children: [e && /* @__PURE__ */ p("span", {
-					className: "text-cui-primary text-sm font-medium",
+					className: "text-cui-primary text-cui-base font-medium",
 					children: e
 				}), t && /* @__PURE__ */ p("p", {
-					className: "text-cui-secondary mt-1 text-sm leading-relaxed",
+					className: "text-cui-secondary text-cui-base mt-1 leading-relaxed",
 					children: t
 				})]
 			}), n && /* @__PURE__ */ p("div", {
 				className: "shrink-0 pt-0.5",
-				children: /* @__PURE__ */ p(Ee, {
+				children: /* @__PURE__ */ p(Fe, {
 					checked: h,
 					onCheckedChange: _
 				})
 			})]
-		}) }), /* @__PURE__ */ p(J, {
+		}) }), /* @__PURE__ */ p(q, {
 			variant: "nested",
-			className: G("transition-opacity duration-150 ease-out", g && "opacity-50 pointer-events-none select-none"),
+			className: W("transition-opacity duration-150 ease-out", g && "opacity-50 pointer-events-none select-none"),
 			children: o
 		})] })
 	});
-}), ot = i(function({ label: e, description: t, children: n, className: r }, i) {
-	return /* @__PURE__ */ m(J.Section, {
+}), _t = i(function({ label: e, description: t, children: n, className: r }, i) {
+	return /* @__PURE__ */ m(q.Section, {
 		ref: i,
-		className: G("flex justify-between items-start", r),
+		className: W("flex justify-between items-start", r),
 		children: [/* @__PURE__ */ m("div", {
 			className: "mr-4 flex flex-1 flex-col gap-1",
 			children: [/* @__PURE__ */ p("span", {
-				className: "text-cui-primary text-sm font-medium",
+				className: "text-cui-primary text-cui-base font-medium",
 				children: e
 			}), t && /* @__PURE__ */ p("span", {
-				className: "text-cui-secondary text-sm leading-relaxed",
+				className: "text-cui-secondary text-cui-base leading-relaxed",
 				children: t
 			})]
 		}), n && /* @__PURE__ */ p("div", {
@@ -1126,29 +1140,193 @@ var at = i(function({ title: e, description: t, toggle: n, toggled: r, onToggleC
 			children: n
 		})]
 	});
-}), st = i(function({ header: e, nav: t, className: n, children: r }, i) {
+}), vt = r({
+	collapsed: !1,
+	toggle: () => {}
+});
+function X() {
+	return o(vt);
+}
+//#endregion
+//#region src/components/sidebar/sidebar.tsx
+function yt({ defaultCollapsed: e = !1, className: t, children: n }) {
+	let [r, i] = d(e), a = l(() => ({
+		collapsed: r,
+		toggle: () => i((e) => !e)
+	}), [r]);
+	return /* @__PURE__ */ p(vt.Provider, {
+		value: a,
+		children: /* @__PURE__ */ p("div", {
+			className: W("flex h-full shrink-0 flex-col justify-between gap-0.5 p-2 transition-[width] duration-200", r ? "w-12" : "w-[264px]", t),
+			children: n
+		})
+	});
+}
+var bt = i(function({ className: e, children: t, ...n }, r) {
+	let { collapsed: i, toggle: a } = X();
+	return /* @__PURE__ */ p("div", {
+		ref: r,
+		tabIndex: i ? 0 : void 0,
+		className: W("group/header flex items-center", i ? "cursor-pointer justify-center" : "gap-1", e),
+		onClick: i ? a : void 0,
+		onKeyDown: i ? (e) => {
+			(e.key === "Enter" || e.key === " ") && (e.preventDefault(), a());
+		} : void 0,
+		role: i ? "button" : void 0,
+		"aria-label": i ? "Expand sidebar" : void 0,
+		...n,
+		children: i ? /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p("span", {
+			className: "flex size-8 items-center justify-center group-hover/header:hidden",
+			children: t
+		}), /* @__PURE__ */ p("span", {
+			className: "hidden size-8 items-center justify-center group-hover/header:flex",
+			children: /* @__PURE__ */ p(S, { className: "text-cui-primary size-[18px]" })
+		})] }) : t
+	});
+});
+function xt({ className: e }) {
+	let { collapsed: t, toggle: n } = X();
+	return t ? null : /* @__PURE__ */ p("button", {
+		type: "button",
+		onClick: n,
+		className: W("flex size-8 shrink-0 cursor-pointer items-center justify-center rounded", e),
+		"aria-label": "Collapse sidebar",
+		children: /* @__PURE__ */ p(x, { className: "text-cui-primary size-[18px]" })
+	});
+}
+var St = i(function({ className: e, children: t, ...n }, r) {
+	let { collapsed: i } = X();
+	return i ? null : /* @__PURE__ */ p("span", {
+		ref: r,
+		className: e,
+		...n,
+		children: t
+	});
+});
+function Ct({ label: e = "Search", icon: t, onClick: n, className: r }) {
+	let { collapsed: i } = X();
+	return /* @__PURE__ */ m("button", {
+		type: "button",
+		onClick: n,
+		className: W("text-cui-secondary hover:bg-cui-subtle/50 hover:text-cui-primary flex h-9 w-full items-center gap-0.5 rounded transition-colors", i && "justify-center", r),
+		"aria-label": e,
+		children: [t && /* @__PURE__ */ p("span", {
+			className: "flex size-8 shrink-0 items-center justify-center [&>svg]:size-[18px]",
+			children: t
+		}), !i && /* @__PURE__ */ p("span", {
+			className: "text-cui-secondary text-[13px]",
+			children: e
+		})]
+	});
+}
+function wt({ className: e, children: t }) {
+	return /* @__PURE__ */ p("nav", {
+		className: W("flex flex-col gap-0.5", e),
+		children: t
+	});
+}
+function Tt({ active: e = !1, nested: t = !1, icon: n, href: r, onClick: i, className: a, children: o }) {
+	let { collapsed: s } = X(), c = typeof o == "string" || typeof o == "number" ? String(o) : void 0;
+	return /* @__PURE__ */ m(r ? "a" : "button", {
+		...r ? {
+			href: r,
+			onClick: i
+		} : {
+			type: "button",
+			onClick: i
+		},
+		"aria-label": s ? c : void 0,
+		className: W("flex h-9 w-full cursor-pointer items-center gap-0.5 rounded text-left transition-colors", e ? "bg-cui-subtle text-cui-primary" : "text-cui-secondary hover:bg-cui-subtle/50 hover:text-cui-primary", s && "justify-center", a),
+		children: [
+			n && /* @__PURE__ */ p("span", {
+				className: "flex size-8 shrink-0 items-center justify-center [&>svg]:size-[18px]",
+				children: n
+			}),
+			!s && /* @__PURE__ */ p("span", {
+				className: "flex-1 truncate text-[13px]",
+				children: o
+			}),
+			!s && t && /* @__PURE__ */ p("span", {
+				className: "flex size-8 shrink-0 items-center justify-center",
+				children: /* @__PURE__ */ p(T, { className: "text-cui-primary size-[18px]" })
+			})
+		]
+	});
+}
+var Et = i(function({ className: e, children: t, ...n }, r) {
+	let { collapsed: i } = X();
+	return /* @__PURE__ */ p("div", {
+		ref: r,
+		className: W("flex h-9 items-center rounded", i ? "justify-center" : "gap-0.5", e),
+		...n,
+		children: t
+	});
+});
+function Dt({ onClick: e, className: t, children: n }) {
+	let { collapsed: r } = X();
+	return /* @__PURE__ */ m("button", {
+		type: "button",
+		onClick: e,
+		"aria-label": r ? typeof n == "string" || typeof n == "number" ? String(n) : "Go back" : void 0,
+		className: W("text-cui-secondary hover:text-cui-primary flex h-9 w-full cursor-pointer items-center gap-0.5 rounded text-left transition-colors", r && "justify-center", t),
+		children: [/* @__PURE__ */ p("span", {
+			className: "flex size-8 shrink-0 items-center justify-center [&>svg]:size-[18px]",
+			children: /* @__PURE__ */ p(_, {})
+		}), !r && /* @__PURE__ */ p("span", {
+			className: "flex-1 truncate text-[13px]",
+			children: n
+		})]
+	});
+}
+var Z = Object.assign(yt, {
+	Header: bt,
+	CollapseButton: xt,
+	BackButton: Dt,
+	Label: St,
+	Search: Ct,
+	Nav: wt,
+	NavItem: Tt,
+	Footer: Et
+}), Ot = i(function({ className: e, children: t, ...n }, r) {
+	return /* @__PURE__ */ p("div", {
+		ref: r,
+		className: W("flex shrink-0 items-start gap-6 px-6 py-3", e),
+		...n,
+		children: t
+	});
+}), kt = i(function({ className: e, children: t, ...n }, r) {
+	return /* @__PURE__ */ p("div", {
+		ref: r,
+		className: W("flex min-h-0 flex-1 gap-6 overflow-auto px-6 py-3", e),
+		...n,
+		children: t
+	});
+}), At = Object.assign(i(function({ sidebar: e, className: t, children: n }, r) {
 	return /* @__PURE__ */ m("div", {
-		ref: i,
-		className: G("flex h-screen flex-col bg-cui-base-0", n),
+		ref: r,
+		className: W("flex h-screen bg-cui-base-0", t),
 		children: [e, /* @__PURE__ */ p("div", {
-			className: "flex min-h-0 flex-1 px-2 pb-2",
-			children: /* @__PURE__ */ m("div", {
-				className: "bg-cui-base-1 ring-cui-neutral flex min-h-0 flex-1 flex-col rounded-lg ring-1",
-				children: [/* @__PURE__ */ p("div", {
-					className: "border-cui-neutral shrink-0 border-b",
-					children: t
-				}), /* @__PURE__ */ p("div", {
-					className: "min-h-0 flex-1 overflow-auto",
-					children: r
-				})]
+			className: "flex min-h-0 flex-1 flex-col pt-1 pr-1 pb-1",
+			children: /* @__PURE__ */ p("div", {
+				className: "bg-cui-base-1 ring-cui-neutral flex min-h-0 flex-1 flex-col rounded-lg shadow-sm ring-1",
+				children: n
 			})
 		})]
 	});
+}), {
+	Sidebar: Z,
+	SidebarHeader: Z.Header,
+	SidebarSearch: Z.Search,
+	SidebarNav: Z.Nav,
+	SidebarNavItem: Z.NavItem,
+	SidebarFooter: Z.Footer,
+	Header: Ot,
+	Body: kt
 });
 //#endregion
 //#region src/components/select/select.tsx
-function ct({ value: e, defaultValue: t, onValueChange: n, items: r, disabled: i, children: a, className: o }) {
-	return /* @__PURE__ */ p(P.Root, {
+function jt({ value: e, defaultValue: t, onValueChange: n, items: r, disabled: i, children: a, className: o }) {
+	return /* @__PURE__ */ p(N.Root, {
 		value: e,
 		defaultValue: t,
 		onValueChange: n ? (e) => {
@@ -1162,101 +1340,106 @@ function ct({ value: e, defaultValue: t, onValueChange: n, items: r, disabled: i
 		}) : a
 	});
 }
-var lt = i(function({ children: e, className: t }, n) {
-	return /* @__PURE__ */ p(P.Trigger, {
+var Mt = i(function({ children: e, className: t }, n) {
+	return /* @__PURE__ */ p(N.Trigger, {
 		ref: n,
-		className: G("cursor-pointer outline-none focus-visible:ring-2 focus-visible:ring-cui-focus focus-visible:ring-offset-2 rounded", t),
+		className: W("cursor-pointer outline-none focus-visible:ring-2 focus-visible:ring-cui-focus focus-visible:ring-offset-2 rounded", t),
 		children: e
 	});
-}), ut = i(function({ placeholder: e, className: t }, n) {
-	return /* @__PURE__ */ p(P.Trigger, {
-		ref: n,
-		render: /* @__PURE__ */ p(K, {
+}), Nt = i(function({ placeholder: e, size: t, className: n }, r) {
+	return /* @__PURE__ */ p(N.Trigger, {
+		ref: r,
+		render: /* @__PURE__ */ p(G, {
 			variant: "outline",
-			iconRight: /* @__PURE__ */ p(C, {}),
-			className: t,
-			children: /* @__PURE__ */ p(P.Value, { placeholder: e })
+			size: t,
+			iconRight: /* @__PURE__ */ p(E, {}),
+			className: n,
+			children: /* @__PURE__ */ p(N.Value, { placeholder: e })
 		})
 	});
 });
-function dt({ align: e = "start", side: t = "bottom", sideOffset: n = 4, minWidth: r = "min-w-[220px]", children: i, className: a }) {
-	return /* @__PURE__ */ p(P.Portal, { children: /* @__PURE__ */ p(P.Positioner, {
+function Pt({ align: e = "start", side: t = "bottom", sideOffset: n = 4, minWidth: r = "min-w-[220px]", children: i, className: a }) {
+	return /* @__PURE__ */ p(N.Portal, { children: /* @__PURE__ */ p(N.Positioner, {
 		align: e,
 		side: t,
 		sideOffset: n,
 		alignItemWithTrigger: !1,
-		render: /* @__PURE__ */ p(Y.Positioner, {}),
-		children: /* @__PURE__ */ p(P.Popup, {
-			render: /* @__PURE__ */ p(Y.Panel, {
+		render: /* @__PURE__ */ p(J.Positioner, {}),
+		children: /* @__PURE__ */ p(N.Popup, {
+			render: /* @__PURE__ */ p(J.Panel, {
 				minWidth: r,
 				className: a
 			}),
-			children: /* @__PURE__ */ p(P.List, {
-				render: /* @__PURE__ */ p(Y.List, {}),
+			children: /* @__PURE__ */ p(N.List, {
+				render: /* @__PURE__ */ p(J.List, {}),
 				children: i
 			})
 		})
 	}) });
 }
-var ft = i(function({ value: e, icon: t, children: n, className: r }, i) {
-	return /* @__PURE__ */ m(P.Item, {
+var Ft = i(function({ value: e, icon: t, children: n, className: r }, i) {
+	return /* @__PURE__ */ m(N.Item, {
 		ref: i,
 		value: e,
-		render: /* @__PURE__ */ p(Y.Item, {
+		render: /* @__PURE__ */ p(J.Item, {
 			icon: t,
 			className: r
 		}),
-		children: [/* @__PURE__ */ p(P.ItemText, {
+		children: [/* @__PURE__ */ p(N.ItemText, {
 			className: "relative z-[1] flex-1",
 			children: n
-		}), /* @__PURE__ */ p(P.ItemIndicator, { render: /* @__PURE__ */ p(Y.ItemIndicator, {}) })]
+		}), /* @__PURE__ */ p(N.ItemIndicator, { render: /* @__PURE__ */ p(J.ItemIndicator, {}) })]
 	});
-}), pt = i(function({ className: e }, t) {
-	return /* @__PURE__ */ p(P.Separator, {
+}), It = i(function({ className: e }, t) {
+	return /* @__PURE__ */ p(N.Separator, {
 		ref: t,
-		render: /* @__PURE__ */ p(Y.Separator, { className: e })
+		render: /* @__PURE__ */ p(J.Separator, { className: e })
 	});
-}), mt = i(function({ className: e, children: t }, n) {
-	return /* @__PURE__ */ p(P.Group, {
+}), Lt = i(function({ className: e, children: t }, n) {
+	return /* @__PURE__ */ p(N.Group, {
 		ref: n,
-		className: G("flex flex-col", e),
+		className: W("flex flex-col", e),
 		children: t
 	});
-}), ht = i(function({ className: e, children: t }, n) {
-	return /* @__PURE__ */ p(P.GroupLabel, {
+}), Rt = i(function({ className: e, children: t }, n) {
+	return /* @__PURE__ */ p(N.GroupLabel, {
 		ref: n,
-		render: /* @__PURE__ */ p(Y.GroupLabel, { className: e }),
+		render: /* @__PURE__ */ p(J.GroupLabel, { className: e }),
 		children: t
 	});
-}), gt = i(function({ orientation: e = "horizontal", className: t, ...n }, r) {
-	return /* @__PURE__ */ p(ne, {
+}), zt = i(function({ orientation: e = "horizontal", className: t, ...n }, r) {
+	return /* @__PURE__ */ p(se, {
 		ref: r,
 		orientation: e,
-		className: G(e === "horizontal" ? "w-full border-t border-cui-neutral" : "self-stretch border-l border-cui-neutral", "shrink-0", t),
+		className: W(e === "horizontal" ? "w-full border-t border-cui-neutral" : "self-stretch border-l border-cui-neutral", "shrink-0", t),
 		...n
 	});
-}), _t = {
+}), Bt = {
 	neutral: "bg-cui-subtle text-cui-secondary",
 	accent: "bg-cui-accent-subtle text-cui-accent",
 	danger: "bg-cui-danger-subtle text-cui-danger",
-	warning: "bg-cui-warn-subtle text-cui-warn",
+	warn: "bg-cui-warn-subtle text-cui-warn",
 	success: "bg-cui-success-subtle text-cui-success"
-}, vt = i(function({ variant: e = "neutral", className: t, children: n }, r) {
+}, Vt = {
+	sm: "px-1.5 py-0.5 text-cui-sm",
+	md: "px-2 py-0.5 text-cui-base"
+}, Ht = i(function({ variant: e = "neutral", size: t = "sm", className: n, children: r, ...i }, a) {
 	return /* @__PURE__ */ p("span", {
-		ref: r,
-		className: G("inline-flex items-center rounded-md px-1.5 py-0.5 text-xs font-medium leading-tight", _t[e], t),
-		children: n
+		ref: a,
+		className: W("inline-flex items-center rounded-md font-medium leading-tight", Vt[t], Bt[e], n),
+		...i,
+		children: r
 	});
-}), yt = i(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ p(F.Root, {
+}), Ut = i(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ p(P.Root, {
 		ref: n,
-		className: G("flex flex-col gap-1.5", e),
+		className: W("flex flex-col gap-1.5", e),
 		...t
 	});
-}), bt = i(function({ required: e, className: t, children: n, ...r }, i) {
-	return /* @__PURE__ */ m(F.Label, {
+}), Wt = i(function({ required: e, className: t, children: n, ...r }, i) {
+	return /* @__PURE__ */ m(P.Label, {
 		ref: i,
-		className: G("text-sm font-medium text-cui-primary", "data-[disabled]:text-cui-tertiary data-[disabled]:cursor-not-allowed", t),
+		className: W("text-cui-base font-medium text-cui-primary", "data-[disabled]:text-cui-tertiary data-[disabled]:cursor-not-allowed", t),
 		...r,
 		children: [n, e && /* @__PURE__ */ p("span", {
 			className: "text-cui-danger ml-0.5",
@@ -1264,8 +1447,8 @@ var ft = i(function({ value: e, icon: t, children: n, className: r }, i) {
 			children: "*"
 		})]
 	});
-}), xt = [
-	"w-full rounded-md border border-cui-neutral bg-cui-base-2 px-3 py-1.5 text-sm text-cui-primary",
+}), Gt = [
+	"w-full rounded-md border border-cui-neutral bg-cui-base-2 px-3 py-1.5 text-cui-base text-cui-primary",
 	"outline-none",
 	"placeholder:text-cui-tertiary",
 	"ring-cui-neutral ring-0 transition-[box-shadow,color,border-color] duration-150 ease-out",
@@ -1274,28 +1457,28 @@ var ft = i(function({ value: e, icon: t, children: n, className: r }, i) {
 	"data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50",
 	"data-[invalid]:border-cui-danger data-[invalid]:focus:ring-cui-danger/30",
 	"data-[valid]:border-cui-success"
-], St = [
-	"rounded-md border border-cui-neutral bg-cui-base-2 py-1.5 text-sm",
+], Kt = [
+	"rounded-md border border-cui-neutral bg-cui-base-2 py-1.5 text-cui-base",
 	"ring-cui-neutral ring-0 transition-[box-shadow,color,border-color] duration-150 ease-out",
 	"has-[:focus]:ring-2 has-[:focus]:border-cui-neutral-strong",
 	"motion-reduce:transition-none",
 	"has-[*[data-disabled]]:cursor-not-allowed has-[*[data-disabled]]:opacity-50",
 	"has-[*[data-invalid]]:border-cui-danger has-[*[data-invalid]:focus]:ring-cui-danger/30",
 	"has-[*[data-valid]]:border-cui-success"
-], Ct = {
-	Field: yt,
-	Label: bt,
+], qt = {
+	Field: Ut,
+	Label: Wt,
 	Input: i(function({ iconLeft: e, iconRight: t, wrapperClassName: n, className: r, ...i }, a) {
 		return e || t ? /* @__PURE__ */ m("div", {
-			className: G("flex items-center gap-2 px-2.5", St, n),
+			className: W("flex items-center gap-2 px-2.5", Kt, n),
 			children: [
 				e && /* @__PURE__ */ p("span", {
 					className: "text-cui-tertiary flex size-5 shrink-0 items-center justify-center [&>svg]:size-4",
 					children: e
 				}),
-				/* @__PURE__ */ p(F.Control, {
+				/* @__PURE__ */ p(P.Control, {
 					ref: a,
-					className: G("flex-1 min-w-0 h-full bg-transparent text-sm text-cui-primary outline-none placeholder:text-cui-tertiary", r),
+					className: W("flex-1 min-w-0 h-full bg-transparent text-cui-base text-cui-primary outline-none placeholder:text-cui-tertiary", r),
 					...i
 				}),
 				t && /* @__PURE__ */ p("span", {
@@ -1303,44 +1486,44 @@ var ft = i(function({ value: e, icon: t, children: n, className: r }, i) {
 					children: t
 				})
 			]
-		}) : /* @__PURE__ */ p(F.Control, {
+		}) : /* @__PURE__ */ p(P.Control, {
 			ref: a,
-			className: G(xt, r),
+			className: W(Gt, r),
 			...i
 		});
 	}),
 	Textarea: i(function({ className: e, ...t }, n) {
-		return /* @__PURE__ */ p(F.Control, {
+		return /* @__PURE__ */ p(P.Control, {
 			ref: n,
 			render: /* @__PURE__ */ p("textarea", {}),
-			className: G(xt, "min-h-20 resize-y", e),
+			className: W(Gt, "min-h-20 resize-y", e),
 			...t
 		});
 	}),
 	Hint: i(function({ className: e, ...t }, n) {
-		return /* @__PURE__ */ p(F.Description, {
+		return /* @__PURE__ */ p(P.Description, {
 			ref: n,
-			className: G("text-xs text-cui-tertiary data-[invalid]:text-cui-danger", e),
+			className: W("text-cui-sm text-cui-tertiary data-[invalid]:text-cui-danger", e),
 			...t
 		});
 	})
 };
 //#endregion
 //#region src/components/flickering-grid/flickering-grid.tsx
-function wt(e, t) {
+function Jt(e, t) {
 	let n = e.style.color;
 	e.style.color = t;
 	let r = getComputedStyle(e).color;
 	return e.style.color = n, r || "#000";
 }
-function Tt({ squareSize: e = 6, gridGap: t = 0, flickerChance: n = .3, color: r = "currentColor", maxOpacity: i = .3, sweep: a = !1, sweepDirection: o = "left", sweepDuration: c = 2.5, sweepWidth: l = .15, sweepOnly: d = !1, sweepNoise: f = .12, className: m }) {
+function Yt({ squareSize: e = 6, gridGap: t = 0, flickerChance: n = .3, color: r = "currentColor", maxOpacity: i = .3, sweep: a = !1, sweepDirection: o = "left", sweepDuration: c = 2.5, sweepWidth: l = .15, sweepOnly: d = !1, sweepNoise: f = .12, className: m }) {
 	let h = u(null), g = u(null);
 	return s(() => {
 		let s = h.current, u = g.current;
 		if (!s || !u) return;
 		let p = u.getContext("2d");
 		if (!p) return;
-		let m = wt(s, r), _ = 0, v = 0, y = new Float32Array(), b = new Float32Array(), x = 1, S = 0, C = 0, w = performance.now();
+		let m = Jt(s, r), _ = 0, v = 0, y = new Float32Array(), b = new Float32Array(), x = 1, S = 0, C = 0, w = performance.now();
 		function T() {
 			if (!u || !s) return;
 			x = window.devicePixelRatio || 1, S = s.clientWidth, C = s.clientHeight, u.width = S * x, u.height = C * x, u.style.width = `${S}px`, u.style.height = `${C}px`;
@@ -1387,14 +1570,14 @@ function Tt({ squareSize: e = 6, gridGap: t = 0, flickerChance: n = .3, color: r
 			k = e?.isIntersecting ?? !1, k ? (O = performance.now(), D = requestAnimationFrame(A)) : cancelAnimationFrame(D);
 		}, { threshold: 0 });
 		te.observe(u);
-		let M = new MutationObserver(() => {
-			m = wt(s, r);
+		let ne = new MutationObserver(() => {
+			m = Jt(s, r);
 		});
-		return M.observe(document.documentElement, {
+		return ne.observe(document.documentElement, {
 			attributes: !0,
 			attributeFilter: ["data-theme", "class"]
 		}), () => {
-			cancelAnimationFrame(D), j.disconnect(), te.disconnect(), M.disconnect();
+			cancelAnimationFrame(D), j.disconnect(), te.disconnect(), ne.disconnect();
 		};
 	}, [
 		e,
@@ -1410,19 +1593,19 @@ function Tt({ squareSize: e = 6, gridGap: t = 0, flickerChance: n = .3, color: r
 		f
 	]), /* @__PURE__ */ p("div", {
 		ref: h,
-		className: G("pointer-events-none size-full", m),
+		className: W("pointer-events-none size-full", m),
 		"aria-hidden": "true",
 		children: /* @__PURE__ */ p("canvas", { ref: g })
 	});
 }
 //#endregion
 //#region src/components/skeleton/skeleton.tsx
-var Et = i(function({ circular: e, className: t }, n) {
+var Xt = i(function({ circular: e, className: t }, n) {
 	return /* @__PURE__ */ p("div", {
 		ref: n,
-		className: G("relative overflow-hidden bg-cui-subtle", e ? "rounded-full" : "rounded-xs", t),
+		className: W("relative overflow-hidden bg-cui-subtle", e ? "rounded-full" : "rounded-xs", t),
 		"aria-hidden": "true",
-		children: /* @__PURE__ */ p(Tt, {
+		children: /* @__PURE__ */ p(Yt, {
 			squareSize: 4,
 			gridGap: 2,
 			color: "var(--text-color-cui-secondary)",
@@ -1438,8 +1621,8 @@ var Et = i(function({ circular: e, className: t }, n) {
 });
 //#endregion
 //#region src/components/dropdown-menu/dropdown-menu.tsx
-function Dt({ open: e, defaultOpen: t, onOpenChange: n, modal: r = !0, children: i }) {
-	return /* @__PURE__ */ p(I.Root, {
+function Zt({ open: e, defaultOpen: t, onOpenChange: n, modal: r = !0, children: i }) {
+	return /* @__PURE__ */ p(F.Root, {
 		open: e,
 		defaultOpen: t,
 		onOpenChange: n ? (e) => n(e) : void 0,
@@ -1447,21 +1630,21 @@ function Dt({ open: e, defaultOpen: t, onOpenChange: n, modal: r = !0, children:
 		children: i
 	});
 }
-var Ot = i(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ p(I.Trigger, {
+var Qt = i(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ p(F.Trigger, {
 		ref: n,
-		className: G("cursor-pointer outline-none", e),
+		className: W("cursor-pointer outline-none", e),
 		...t
 	});
 });
-function kt({ side: e = "bottom", align: t = "end", sideOffset: n = 4, minWidth: r = "min-w-[180px]", className: i, children: a }) {
-	return /* @__PURE__ */ p(I.Portal, { children: /* @__PURE__ */ p(I.Positioner, {
+function $t({ side: e = "bottom", align: t = "end", sideOffset: n = 4, minWidth: r = "min-w-[180px]", className: i, children: a }) {
+	return /* @__PURE__ */ p(F.Portal, { children: /* @__PURE__ */ p(F.Positioner, {
 		side: e,
 		align: t,
 		sideOffset: n,
-		render: /* @__PURE__ */ p(Y.Positioner, {}),
-		children: /* @__PURE__ */ p(I.Popup, {
-			render: /* @__PURE__ */ p(Y.Panel, {
+		render: /* @__PURE__ */ p(J.Positioner, {}),
+		children: /* @__PURE__ */ p(F.Popup, {
+			render: /* @__PURE__ */ p(J.Panel, {
 				minWidth: r,
 				className: i
 			}),
@@ -1470,16 +1653,16 @@ function kt({ side: e = "bottom", align: t = "end", sideOffset: n = 4, minWidth:
 	}) });
 }
 var Q = {
-	Root: Dt,
-	Trigger: Ot,
-	Content: kt,
+	Root: Zt,
+	Trigger: Qt,
+	Content: $t,
 	Item: i(function({ variant: e = "default", icon: t, onClick: n, closeOnClick: r, disabled: i, className: a, children: o }, s) {
-		return /* @__PURE__ */ p(I.Item, {
+		return /* @__PURE__ */ p(F.Item, {
 			ref: s,
 			onClick: n,
 			closeOnClick: r,
 			disabled: i,
-			render: /* @__PURE__ */ p(Y.Item, {
+			render: /* @__PURE__ */ p(J.Item, {
 				icon: t,
 				variant: e,
 				className: a
@@ -1491,220 +1674,233 @@ var Q = {
 		});
 	}),
 	Separator: i(function({ className: e }, t) {
-		return /* @__PURE__ */ p(I.Separator, {
+		return /* @__PURE__ */ p(F.Separator, {
 			ref: t,
-			render: /* @__PURE__ */ p(Y.Separator, { className: e })
+			render: /* @__PURE__ */ p(J.Separator, { className: e })
 		});
 	}),
 	Label: i(function({ className: e, children: t }, n) {
-		return /* @__PURE__ */ p(I.GroupLabel, {
+		return /* @__PURE__ */ p(F.GroupLabel, {
 			ref: n,
-			render: /* @__PURE__ */ p(Y.GroupLabel, { className: e }),
+			render: /* @__PURE__ */ p(J.GroupLabel, { className: e }),
 			children: t
 		});
 	}),
 	Group: i(function({ className: e, children: t }, n) {
-		return /* @__PURE__ */ p(I.Group, {
+		return /* @__PURE__ */ p(F.Group, {
 			ref: n,
-			className: G("flex flex-col", e),
+			className: W("flex flex-col", e),
 			children: t
 		});
 	})
 };
 //#endregion
 //#region src/components/dialog/dialog.tsx
-function At({ ...e }) {
-	return /* @__PURE__ */ p(L.Root, { ...e });
+function en({ ...e }) {
+	return /* @__PURE__ */ p(I.Root, { ...e });
 }
-var jt = i(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ p(L.Trigger, {
+var tn = i(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ p(I.Trigger, {
 		ref: n,
-		className: G(e),
+		className: W(e),
 		...t
 	});
-}), Mt = i(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ p(L.Backdrop, {
+}), nn = i(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ p(I.Backdrop, {
 		ref: n,
-		className: G("fixed inset-0 z-40 bg-cui-overlay backdrop-blur-[2px]", "transition-opacity duration-150", "data-[starting-style]:opacity-0", "data-[ending-style]:opacity-0", "motion-reduce:transition-none", e),
+		className: W("fixed inset-0 z-40 bg-cui-overlay backdrop-blur-[2px]", "transition-opacity duration-150", "data-[starting-style]:opacity-0", "data-[ending-style]:opacity-0", "motion-reduce:transition-none", e),
 		...t
 	});
-}), Nt = {
+}), rn = {
 	md: "max-w-[450px]",
 	lg: "max-w-[550px]"
 };
-function Pt({ size: e = "md", className: t, children: n, ...r }) {
-	return /* @__PURE__ */ m(L.Portal, { children: [/* @__PURE__ */ p(Mt, {}), /* @__PURE__ */ p(L.Popup, {
-		className: G("bg-cui-base-1 fixed top-1/2 left-1/2 z-50 max-h-[85vh] w-[90vw] -translate-x-1/2 -translate-y-1/2 rounded-lg p-0.5 shadow-xl", "transition-[opacity,scale] duration-150 ease-out", "data-[starting-style]:opacity-0 data-[starting-style]:scale-[0.96]", "data-[ending-style]:opacity-0 data-[ending-style]:scale-[0.98]", "motion-reduce:transition-none", "focus:outline-none", Nt[e], t),
+function an({ size: e = "md", className: t, children: n, ...r }) {
+	return /* @__PURE__ */ m(I.Portal, { children: [/* @__PURE__ */ p(nn, {}), /* @__PURE__ */ p(I.Popup, {
+		className: W("bg-cui-base-1 fixed top-1/2 left-1/2 z-50 max-h-[85vh] w-[90vw] -translate-x-1/2 -translate-y-1/2 rounded-lg p-0.5 shadow-xl", "transition-[opacity,scale] duration-150 ease-out", "data-[starting-style]:opacity-0 data-[starting-style]:scale-[0.96]", "data-[ending-style]:opacity-0 data-[ending-style]:scale-[0.98]", "motion-reduce:transition-none", "focus:outline-none", rn[e], t),
 		...r,
 		children: n
 	})] });
 }
-var Ft = {
-	Root: At,
-	Trigger: jt,
-	Content: Pt,
+var on = {
+	Root: en,
+	Trigger: tn,
+	Content: an,
 	Panel: i(function({ className: e, children: t }, n) {
 		return /* @__PURE__ */ p("div", {
 			ref: n,
-			className: G("bg-cui-base-2 border-cui-neutral rounded-md border", e),
+			className: W("bg-cui-base-2 border-cui-neutral rounded-md border", e),
 			children: t
 		});
 	}),
 	Title: i(function({ className: e, ...t }, n) {
-		return /* @__PURE__ */ p(L.Title, {
+		return /* @__PURE__ */ p(I.Title, {
 			ref: n,
-			className: G("text-cui-primary border-cui-neutral border-b px-4 py-3 text-sm font-medium", e),
+			className: W("text-cui-primary border-cui-neutral border-b px-4 py-3 text-cui-base font-medium", e),
 			...t
 		});
 	}),
 	Body: i(function({ className: e, children: t }, n) {
 		return /* @__PURE__ */ p("div", {
 			ref: n,
-			className: G("p-4", e),
+			className: W("p-4", e),
 			children: t
 		});
 	}),
 	Footer: i(function({ className: e, children: t }, n) {
 		return /* @__PURE__ */ p("div", {
 			ref: n,
-			className: G("flex items-center justify-between p-2", e),
+			className: W("flex items-center justify-between p-2", e),
 			children: t
 		});
 	}),
 	Close: i(function({ className: e, ...t }, n) {
-		return /* @__PURE__ */ p(L.Close, {
+		return /* @__PURE__ */ p(I.Close, {
 			ref: n,
-			className: G(e),
+			className: W(e),
 			...t
 		});
 	}),
 	Description: i(function({ className: e, ...t }, n) {
-		return /* @__PURE__ */ p(L.Description, {
+		return /* @__PURE__ */ p(I.Description, {
 			ref: n,
-			className: G("text-cui-secondary", e),
+			className: W("text-cui-secondary", e),
 			...t
 		});
 	})
 }, $ = i(function({ className: e, children: t }, n) {
 	return /* @__PURE__ */ p("div", {
 		ref: n,
-		className: G("overflow-hidden rounded ring-1 ring-cui-neutral", e),
+		className: W("overflow-hidden rounded ring-1 ring-cui-neutral", e),
 		children: /* @__PURE__ */ p("table", {
 			className: "w-full table-fixed border-separate border-spacing-0",
 			children: t
 		})
 	});
-}), It = i(function({ className: e, children: t }, n) {
+}), sn = i(function({ className: e, children: t }, n) {
 	return /* @__PURE__ */ p("thead", {
 		ref: n,
-		className: G("[&>tr]:bg-cui-subtle [&>tr]:text-sm [&>tr]:font-medium [&>tr]:text-cui-secondary", e),
+		className: W("[&>tr]:bg-cui-subtle [&>tr]:text-base [&>tr]:font-medium [&>tr]:text-cui-secondary", e),
 		children: t
 	});
-}), Lt = i(function({ className: e, children: t }, n) {
+}), cn = i(function({ className: e, children: t }, n) {
 	return /* @__PURE__ */ p("tbody", {
 		ref: n,
-		className: G("[&>tr:not(:last-child)>td]:border-b [&>tr:not(:last-child)>td]:border-cui-neutral", e),
+		className: W("[&>tr:not(:last-child)>td]:border-b [&>tr:not(:last-child)>td]:border-cui-neutral", e),
 		children: t
 	});
-}), Rt = i(function({ className: e, children: t, onClick: n, ...r }, i) {
+}), ln = i(function({ className: e, children: t, onClick: n, ...r }, i) {
 	return /* @__PURE__ */ p("tr", {
 		ref: i,
-		className: G("bg-cui-base-1 hover:bg-cui-subtle", "transition-colors duration-100 ease-out motion-reduce:transition-none", n && "cursor-pointer", e),
+		className: W("bg-cui-base-1 hover:bg-cui-subtle", "transition-colors duration-100 ease-out motion-reduce:transition-none", n && "cursor-pointer", e),
 		onClick: n,
 		...r,
 		children: t
 	});
-}), zt = i(function({ width: e, colSpan: t, className: n, children: r }, i) {
+}), un = i(function({ width: e, colSpan: t, className: n, children: r }, i) {
 	return /* @__PURE__ */ p("th", {
 		ref: i,
 		style: e == null ? void 0 : { width: e },
 		colSpan: t,
-		className: G("px-4 py-2.5 text-left font-medium border-b border-cui-neutral", n),
+		className: W("px-4 py-2.5 text-left font-medium border-b border-cui-neutral", n),
 		children: r
 	});
-}), Bt = i(function({ width: e, colSpan: t, className: n, children: r }, i) {
+}), dn = i(function({ width: e, colSpan: t, className: n, children: r }, i) {
 	return /* @__PURE__ */ p("td", {
 		ref: i,
 		style: e == null ? void 0 : { width: e },
 		colSpan: t,
-		className: G("px-4 py-3 text-sm", n),
+		className: W("px-4 py-3 text-cui-base", n),
 		children: r
 	});
 });
-$.Header = It, $.Body = Lt, $.Row = Rt, $.HeaderCell = zt, $.Cell = Bt;
+$.Header = sn, $.Body = cn, $.Row = ln, $.HeaderCell = un, $.Cell = dn;
 //#endregion
 //#region src/components/pagination/pagination.tsx
-function Vt(e, t) {
+var fn = {
+	sm: {
+		button: "size-7",
+		icon: "size-4",
+		strip: "h-9"
+	},
+	md: {
+		button: "size-8",
+		icon: "size-4",
+		strip: "h-10"
+	}
+};
+function pn(e, t) {
 	let n = [];
 	for (let r = e; r <= t; r++) n.push(r);
 	return n;
 }
-function Ht(e, t, n) {
-	if (t <= n * 2 + 5) return Vt(1, t);
+function mn(e, t, n) {
+	if (t <= n * 2 + 5) return pn(1, t);
 	let r = Math.max(e - n, 1), i = Math.min(e + n, t), a = r > 2, o = i < t - 1;
 	return !a && o ? [
-		...Vt(1, n * 2 + 3),
+		...pn(1, n * 2 + 3),
 		"ellipsis-end",
 		t
 	] : a && !o ? [
 		1,
 		"ellipsis-start",
-		...Vt(t - (n * 2 + 3) + 1, t)
+		...pn(t - (n * 2 + 3) + 1, t)
 	] : [
 		1,
 		"ellipsis-start",
-		...Vt(r, i),
+		...pn(r, i),
 		"ellipsis-end",
 		t
 	];
 }
-function Ut({ page: e, active: t, onClick: n }) {
+function hn({ page: e, active: t, onClick: n, buttonSize: r }) {
 	return /* @__PURE__ */ p("button", {
 		type: "button",
 		"aria-current": t ? "page" : void 0,
 		onClick: n,
-		className: G("size-7 rounded-sm flex items-center justify-center text-sm tabular-nums select-none cursor-pointer", "outline-none focus-visible:ring-2 focus-visible:ring-cui-focus", "transition-colors duration-150 motion-reduce:transition-none", t ? "bg-cui-base-2 text-cui-primary font-medium shadow-sm" : "text-cui-secondary hover:text-cui-primary hover:bg-cui-subtle"),
+		className: W("rounded-sm flex items-center justify-center text-cui-base tabular-nums select-none cursor-pointer", r, "outline-none focus-visible:ring-2 focus-visible:ring-cui-focus", "transition-colors duration-150 motion-reduce:transition-none", t ? "bg-cui-base-2 text-cui-primary font-medium shadow-sm" : "text-cui-secondary hover:text-cui-primary hover:bg-cui-subtle"),
 		children: e
 	});
 }
-function Wt() {
+function gn({ buttonSize: e }) {
 	return /* @__PURE__ */ p("span", {
-		className: "text-cui-tertiary flex size-7 items-center justify-center text-sm select-none",
+		className: W("text-cui-tertiary flex items-center justify-center text-cui-base select-none", e),
 		children: "..."
 	});
 }
-function Gt({ direction: e, disabled: t, onClick: n }) {
-	let r = e === "prev" ? x : S;
+function _n({ direction: e, disabled: t, onClick: n, buttonSize: r, iconSize: i }) {
+	let a = e === "prev" ? w : T;
 	return /* @__PURE__ */ p("button", {
 		type: "button",
 		"aria-label": e === "prev" ? "Previous page" : "Next page",
 		disabled: t,
 		onClick: n,
-		className: G("size-7 rounded-sm flex items-center justify-center cursor-pointer select-none", "outline-none focus-visible:ring-2 focus-visible:ring-cui-focus", "transition-colors duration-150 motion-reduce:transition-none", t ? "text-disabled pointer-events-none" : "text-cui-secondary hover:text-cui-primary hover:bg-cui-subtle"),
-		children: /* @__PURE__ */ p(r, { className: "size-4" })
+		className: W("rounded-sm flex items-center justify-center cursor-pointer select-none", r, "outline-none focus-visible:ring-2 focus-visible:ring-cui-focus", "transition-colors duration-150 motion-reduce:transition-none", t ? "text-cui-tertiary pointer-events-none" : "text-cui-secondary hover:text-cui-primary hover:bg-cui-subtle"),
+		children: /* @__PURE__ */ p(a, { className: i })
 	});
 }
-function Kt({ page: e, pageCount: t, onPageChange: n, totalItems: r, rowsPerPage: i = 10, onRowsPerPageChange: a, rowOptions: o = [
+var vn = i(function({ page: e, pageCount: t, onPageChange: n, totalItems: r, rowsPerPage: i = 10, onRowsPerPageChange: a, rowOptions: o = [
 	10,
 	25,
 	50
-], siblingCount: s = 1, className: c }) {
-	let l = a !== void 0, u = r !== void 0, d = t > 1, f = (e - 1) * i + 1, h = r ? Math.min(e * i, r) : e * i;
-	if (!d && !l && !u) return null;
-	let g = d ? Ht(e, t, s) : [];
+], siblingCount: s = 1, size: c = "sm", className: l }, u) {
+	let d = fn[c], f = a !== void 0, h = r !== void 0, g = t > 1, _ = (e - 1) * i + 1, v = r ? Math.min(e * i, r) : e * i;
+	if (!g && !f && !h) return null;
+	let y = g ? mn(e, t, s) : [];
 	return /* @__PURE__ */ m("nav", {
+		ref: u,
 		"aria-label": "Pagination",
-		className: G("flex items-center bg-cui-subtle rounded-md ring-1 ring-cui-neutral", c),
+		className: W("flex items-center bg-cui-subtle rounded-md ring-1 ring-cui-neutral", l),
 		children: [
-			l && /* @__PURE__ */ m("div", {
-				className: "flex h-9 items-center gap-2 px-3",
+			f && /* @__PURE__ */ m("div", {
+				className: W("flex items-center gap-2 px-3", d.strip),
 				children: [/* @__PURE__ */ p("span", {
-					className: "text-cui-tertiary text-sm whitespace-nowrap",
+					className: "text-cui-tertiary text-cui-base whitespace-nowrap",
 					children: "Rows per page"
 				}), /* @__PURE__ */ m(Q.Root, { children: [/* @__PURE__ */ p(Q.Trigger, { children: /* @__PURE__ */ m("button", {
 					type: "button",
-					className: G("flex items-center gap-1 h-6 px-1.5 rounded-sm text-sm text-cui-primary tabular-nums cursor-pointer select-none", "outline-none focus-visible:ring-2 focus-visible:ring-cui-focus", "hover:bg-cui-subtle transition-colors duration-150 motion-reduce:transition-none"),
-					children: [i, /* @__PURE__ */ p(C, { className: "text-cui-tertiary size-3.5" })]
+					className: W("flex items-center gap-1 h-6 px-1.5 rounded-sm text-cui-base text-cui-primary tabular-nums cursor-pointer select-none", "outline-none focus-visible:ring-2 focus-visible:ring-cui-focus", "hover:bg-cui-subtle transition-colors duration-150 motion-reduce:transition-none"),
+					children: [i, /* @__PURE__ */ p(E, { className: "text-cui-tertiary size-3.5" })]
 				}) }), /* @__PURE__ */ p(Q.Content, {
 					align: "start",
 					sideOffset: 4,
@@ -1715,36 +1911,41 @@ function Kt({ page: e, pageCount: t, onPageChange: n, totalItems: r, rowsPerPage
 					}, e))
 				})] })]
 			}),
-			l && d && /* @__PURE__ */ p("div", { className: "w-px self-stretch bg-[var(--border-color-cui-neutral)]" }),
-			d && /* @__PURE__ */ m("div", {
-				className: "flex h-9 items-center gap-0.5 px-1.5",
+			f && g && /* @__PURE__ */ p("div", { className: "bg-cui-neutral w-px self-stretch" }),
+			g && /* @__PURE__ */ m("div", {
+				className: W("flex items-center gap-0.5 px-1.5", d.strip),
 				children: [
-					/* @__PURE__ */ p(Gt, {
+					/* @__PURE__ */ p(_n, {
 						direction: "prev",
 						disabled: e <= 1,
-						onClick: () => n?.(e - 1)
+						onClick: () => n?.(e - 1),
+						buttonSize: d.button,
+						iconSize: d.icon
 					}),
-					g.map((t) => typeof t == "number" ? /* @__PURE__ */ p(Ut, {
+					y.map((t) => typeof t == "number" ? /* @__PURE__ */ p(hn, {
 						page: t,
 						active: t === e,
-						onClick: () => n?.(t)
-					}, t) : /* @__PURE__ */ p(Wt, {}, t)),
-					/* @__PURE__ */ p(Gt, {
+						onClick: () => n?.(t),
+						buttonSize: d.button
+					}, t) : /* @__PURE__ */ p(gn, { buttonSize: d.button }, t)),
+					/* @__PURE__ */ p(_n, {
 						direction: "next",
 						disabled: e >= t,
-						onClick: () => n?.(e + 1)
+						onClick: () => n?.(e + 1),
+						buttonSize: d.button,
+						iconSize: d.icon
 					})
 				]
 			}),
-			u && (d || l) && /* @__PURE__ */ p("div", { className: "w-px self-stretch bg-[var(--border-color-cui-neutral)]" }),
-			u && /* @__PURE__ */ p("div", {
-				className: "flex h-9 items-center px-3",
+			h && (g || f) && /* @__PURE__ */ p("div", { className: "bg-cui-neutral w-px self-stretch" }),
+			h && /* @__PURE__ */ p("div", {
+				className: W("flex items-center px-3", d.strip),
 				children: /* @__PURE__ */ m("span", {
-					className: "text-cui-tertiary text-sm whitespace-nowrap tabular-nums",
+					className: "text-cui-tertiary text-cui-base whitespace-nowrap tabular-nums",
 					children: [
-						f,
+						_,
 						"–",
-						h,
+						v,
 						" / ",
 						r
 					]
@@ -1752,13 +1953,13 @@ function Kt({ page: e, pageCount: t, onPageChange: n, totalItems: r, rowsPerPage
 			})
 		]
 	});
-}
+});
 //#endregion
 //#region src/components/data-table/data-table.tsx
-function qt({ direction: e }) {
-	return e === "asc" ? /* @__PURE__ */ p(w, { className: "text-cui-primary size-3.5" }) : e === "desc" ? /* @__PURE__ */ p(b, { className: "text-cui-primary size-3.5" }) : /* @__PURE__ */ p(C, { className: "text-cui-tertiary size-3.5 opacity-0 transition-opacity group-hover:opacity-100" });
+function yn({ direction: e }) {
+	return e === "asc" ? /* @__PURE__ */ p(ee, { className: "text-cui-primary size-3.5" }) : e === "desc" ? /* @__PURE__ */ p(C, { className: "text-cui-primary size-3.5" }) : /* @__PURE__ */ p(E, { className: "text-cui-tertiary size-3.5 opacity-0 transition-opacity group-hover:opacity-100" });
 }
-function Jt({ columns: e, data: t, sortable: n = !1, paginated: r = !1, pageSize: i = 10, pageSizeOptions: a = [
+function bn({ columns: e, data: t, sortable: n = !1, paginated: r = !1, pageSize: i = 10, pageSizeOptions: a = [
 	10,
 	25,
 	50
@@ -1767,12 +1968,12 @@ function Jt({ columns: e, data: t, sortable: n = !1, paginated: r = !1, pageSize
 		c(typeof e == "function" ? e(w) : e);
 	} : C, E = o ? [{
 		id: "_select",
-		header: ({ table: e }) => /* @__PURE__ */ p(Oe, {
+		header: ({ table: e }) => /* @__PURE__ */ p(Le, {
 			checked: e.getIsAllPageRowsSelected(),
 			indeterminate: e.getIsSomePageRowsSelected(),
 			onCheckedChange: (t) => e.toggleAllPageRowsSelected(t)
 		}),
-		cell: ({ row: e }) => /* @__PURE__ */ p(Oe, {
+		cell: ({ row: e }) => /* @__PURE__ */ p(Le, {
 			checked: e.getIsSelected(),
 			disabled: !e.getCanSelect(),
 			onCheckedChange: (t) => e.toggleSelected(t)
@@ -1780,7 +1981,7 @@ function Jt({ columns: e, data: t, sortable: n = !1, paginated: r = !1, pageSize
 		enableSorting: !1,
 		enableHiding: !1,
 		size: 40
-	}, ...e] : e, { state: ee, ...D } = h ?? {}, O = ce({
+	}, ...e] : e, { state: ee, ...D } = h ?? {}, O = pe({
 		data: t,
 		columns: E,
 		state: {
@@ -1794,35 +1995,35 @@ function Jt({ columns: e, data: t, sortable: n = !1, paginated: r = !1, pageSize
 		onColumnFiltersChange: y,
 		onColumnVisibilityChange: x,
 		onRowSelectionChange: T,
-		getCoreRowModel: ie(),
-		getSortedRowModel: se(),
-		getFilteredRowModel: ae(),
-		...r && { getPaginationRowModel: oe() },
+		getCoreRowModel: le(),
+		getSortedRowModel: fe(),
+		getFilteredRowModel: ue(),
+		...r && { getPaginationRowModel: de() },
 		enableRowSelection: o,
 		initialState: { pagination: { pageSize: i } },
 		...D
 	}), k = O.getPageCount(), A = O.getState().pagination.pageIndex + 1, j = O.getState().pagination.pageSize;
 	return /* @__PURE__ */ m("div", {
-		className: G("flex flex-col gap-3", f),
+		className: W("flex flex-col gap-3", f),
 		children: [/* @__PURE__ */ m($, { children: [/* @__PURE__ */ p($.Header, { children: O.getHeaderGroups().map((e) => /* @__PURE__ */ p($.Row, { children: e.headers.map((e) => {
 			let t = n && e.column.getCanSort(), r = e.column.getIsSorted();
 			return /* @__PURE__ */ p($.HeaderCell, {
 				width: e.getSize() === 150 ? void 0 : e.getSize(),
-				className: G(t && "cursor-pointer select-none group"),
+				className: W(t && "cursor-pointer select-none group"),
 				children: e.isPlaceholder ? null : /* @__PURE__ */ m("button", {
 					type: "button",
-					className: G("flex items-center gap-1", t && "cursor-pointer"),
+					className: W("flex items-center gap-1", t && "cursor-pointer"),
 					onClick: t ? e.column.getToggleSortingHandler() : void 0,
 					tabIndex: t ? 0 : -1,
-					children: [re(e.column.columnDef.header, e.getContext()), t && /* @__PURE__ */ p(qt, { direction: r })]
+					children: [ce(e.column.columnDef.header, e.getContext()), t && /* @__PURE__ */ p(yn, { direction: r })]
 				})
 			}, e.id);
 		}) }, e.id)) }), /* @__PURE__ */ p($.Body, { children: O.getRowModel().rows.length > 0 ? O.getRowModel().rows.map((e) => /* @__PURE__ */ p($.Row, {
 			onClick: l ? () => l(e) : void 0,
-			className: G(e.getIsSelected() && "bg-cui-subtle"),
+			className: W(e.getIsSelected() && "bg-cui-subtle"),
 			children: e.getVisibleCells().map((e) => /* @__PURE__ */ p($.Cell, {
 				width: e.column.getSize() === 150 ? void 0 : e.column.getSize(),
-				children: re(e.column.columnDef.cell, e.getContext())
+				children: ce(e.column.columnDef.cell, e.getContext())
 			}, e.id))
 		}, e.id)) : /* @__PURE__ */ p($.Row, { children: /* @__PURE__ */ p($.Cell, {
 			colSpan: E.length,
@@ -1831,7 +2032,7 @@ function Jt({ columns: e, data: t, sortable: n = !1, paginated: r = !1, pageSize
 		}) }) })] }), r && k > 0 && /* @__PURE__ */ m("div", {
 			className: "flex items-center justify-between",
 			children: [o && /* @__PURE__ */ m("span", {
-				className: "text-cui-secondary text-sm",
+				className: "text-cui-secondary text-cui-base",
 				children: [
 					O.getFilteredSelectedRowModel().rows.length,
 					" of",
@@ -1840,8 +2041,8 @@ function Jt({ columns: e, data: t, sortable: n = !1, paginated: r = !1, pageSize
 					" row(s) selected"
 				]
 			}), /* @__PURE__ */ p("div", {
-				className: G(!o && "ml-auto"),
-				children: /* @__PURE__ */ p(Kt, {
+				className: W(!o && "ml-auto"),
+				children: /* @__PURE__ */ p(vn, {
 					page: A,
 					pageCount: k,
 					onPageChange: (e) => O.setPageIndex(e - 1),
@@ -1856,167 +2057,166 @@ function Jt({ columns: e, data: t, sortable: n = !1, paginated: r = !1, pageSize
 }
 //#endregion
 //#region src/components/data-table/data-table-toolbar.tsx
-function Yt({ children: e, className: t }) {
+var xn = i(function({ children: e, className: t }, n) {
 	return /* @__PURE__ */ p("div", {
-		className: G("flex flex-wrap items-center gap-2", t),
+		ref: n,
+		className: W("flex flex-wrap items-center gap-2", t),
 		children: e
 	});
-}
-//#endregion
-//#region src/components/data-table/data-table-search.tsx
-function Xt({ value: e, onChange: t, placeholder: n = "Search...", className: r }) {
-	let i = u(null), o = a(() => {
-		t(""), i.current?.focus();
+}), Sn = i(function({ value: e, onChange: t, placeholder: n = "Search...", className: r }, i) {
+	let o = u(null), s = a(() => {
+		t(""), o.current?.focus();
 	}, [t]);
 	return /* @__PURE__ */ m("div", {
-		className: G("border-cui-neutral bg-cui-base-2 flex h-8 max-w-sm items-center gap-2 rounded-md border px-2.5", "ring-cui-neutral ring-0 transition-[box-shadow,border-color] duration-150 ease-out", "has-[:focus]:ring-2 has-[:focus]:border-cui-neutral-strong", "motion-reduce:transition-none", r),
+		ref: i,
+		className: W("border-cui-neutral bg-cui-base-2 flex h-8 max-w-sm items-center gap-2 rounded-md border px-2.5", "ring-cui-neutral ring-0 transition-[box-shadow,border-color] duration-150 ease-out", "has-[:focus]:ring-2 has-[:focus]:border-cui-neutral-strong", "motion-reduce:transition-none", r),
 		children: [
-			/* @__PURE__ */ p(D, { className: "text-cui-tertiary size-4 shrink-0" }),
+			/* @__PURE__ */ p(A, { className: "text-cui-tertiary size-4 shrink-0" }),
 			/* @__PURE__ */ p("input", {
-				ref: i,
+				ref: o,
 				type: "text",
 				value: e,
 				onChange: (e) => t(e.target.value),
 				placeholder: n,
-				className: "text-cui-primary placeholder:text-cui-tertiary min-w-0 flex-1 bg-transparent text-sm outline-none"
+				className: "text-cui-primary placeholder:text-cui-tertiary text-cui-base min-w-0 flex-1 bg-transparent outline-none"
 			}),
 			e && /* @__PURE__ */ p("button", {
 				type: "button",
-				onClick: o,
+				onClick: s,
 				className: "text-cui-tertiary hover:text-cui-secondary shrink-0 rounded-sm p-0.5 transition-colors",
-				children: /* @__PURE__ */ p(M, { className: "size-3.5" })
+				children: /* @__PURE__ */ p(oe, { className: "size-3.5" })
 			})
 		]
 	});
-}
+});
 //#endregion
 //#region src/components/popover/popover.tsx
-function Zt(e) {
-	return /* @__PURE__ */ p(R.Root, { ...e });
+function Cn(e) {
+	return /* @__PURE__ */ p(L.Root, { ...e });
 }
-var Qt = i(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ p(R.Trigger, {
+var wn = i(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ p(L.Trigger, {
 		ref: n,
-		className: G("cursor-pointer outline-none", e),
+		className: W("cursor-pointer outline-none", e),
 		...t
 	});
 });
-function $t({ side: e = "bottom", align: t = "center", sideOffset: n = 4, className: r, children: i, ...a }) {
-	return /* @__PURE__ */ p(R.Portal, { children: /* @__PURE__ */ p(R.Positioner, {
+function Tn({ side: e = "bottom", align: t = "center", sideOffset: n = 4, className: r, children: i, ...a }) {
+	return /* @__PURE__ */ p(L.Portal, { children: /* @__PURE__ */ p(L.Positioner, {
 		side: e,
 		align: t,
 		sideOffset: n,
 		className: "z-50 outline-none",
-		children: /* @__PURE__ */ p(R.Popup, {
-			className: G("bg-cui-base-2 border border-cui-neutral rounded-md shadow-md p-3", "origin-[var(--transform-origin)] will-change-[transform,opacity]", "transition-[transform,scale,opacity] duration-200 ease-cui-out-expo", "data-[starting-style]:scale-[0.96] data-[starting-style]:opacity-0", "data-[ending-style]:scale-[0.96] data-[ending-style]:opacity-0 data-[ending-style]:duration-150", "motion-reduce:transition-none", "focus:outline-none", r),
+		children: /* @__PURE__ */ p(L.Popup, {
+			className: W("bg-cui-base-2 border border-cui-neutral rounded-md shadow-md p-3", "origin-[var(--transform-origin)] will-change-[transform,opacity]", "transition-[transform,scale,opacity] duration-200 ease-cui-out-expo", "data-[starting-style]:scale-[0.96] data-[starting-style]:opacity-0", "data-[ending-style]:scale-[0.96] data-[ending-style]:opacity-0 data-[ending-style]:duration-150", "motion-reduce:transition-none", "focus:outline-none", r),
 			...a,
 			children: i
 		})
 	}) });
 }
-var en = {
-	Root: Zt,
-	Trigger: Qt,
-	Content: $t,
+var En = {
+	Root: Cn,
+	Trigger: wn,
+	Content: Tn,
 	Arrow: i(function({ className: e, ...t }, n) {
-		return /* @__PURE__ */ p(R.Arrow, {
+		return /* @__PURE__ */ p(L.Arrow, {
 			ref: n,
-			className: G("fill-base-2 stroke-neutral [stroke-width:1px]", "data-[side=top]:bottom-[-5px]", "data-[side=bottom]:top-[-5px]", "data-[side=left]:right-[-5px]", "data-[side=right]:left-[-5px]", e),
+			className: W("fill-cui-base-2 stroke-cui-neutral [stroke-width:1px]", "data-[side=top]:bottom-[-5px]", "data-[side=bottom]:top-[-5px]", "data-[side=left]:right-[-5px]", "data-[side=right]:left-[-5px]", e),
 			...t
 		});
 	}),
 	Close: i(function({ className: e, ...t }, n) {
-		return /* @__PURE__ */ p(R.Close, {
+		return /* @__PURE__ */ p(L.Close, {
 			ref: n,
-			className: G(e),
+			className: W(e),
 			...t
 		});
 	}),
 	Title: i(function({ className: e, children: t }, n) {
 		return /* @__PURE__ */ p("p", {
 			ref: n,
-			className: G("text-cui-primary text-sm font-medium", e),
+			className: W("text-cui-primary text-cui-base font-medium", e),
 			children: t
 		});
 	}),
 	Description: i(function({ className: e, ...t }, n) {
-		return /* @__PURE__ */ p(R.Description, {
+		return /* @__PURE__ */ p(L.Description, {
 			ref: n,
-			className: G("text-cui-secondary mt-1 text-sm", e),
+			className: W("text-cui-secondary mt-1 text-cui-base", e),
 			...t
 		});
 	})
 };
 //#endregion
 //#region src/components/data-table/data-table-faceted-filter.tsx
-function tn({ column: e, title: t, options: n, value: r, onValueChange: i }) {
+function Dn({ column: e, title: t, options: n, value: r, onValueChange: i }) {
 	let [a, o] = d(""), s = u(null), c = e?.getFacetedUniqueValues(), l = r ?? e?.getFilterValue() ?? [], h = new Set(l), g = h.size > 0, _ = a ? n.filter((e) => e.label.toLowerCase().includes(a.toLowerCase())) : n;
 	function v(t) {
 		i ? i(t) : e?.setFilterValue(t.length ? t : void 0);
 	}
-	function b(e) {
+	function y(e) {
 		let t = new Set(h);
 		t.has(e) ? t.delete(e) : t.add(e), v(Array.from(t));
 	}
-	return /* @__PURE__ */ m(en.Root, {
+	return /* @__PURE__ */ m(En.Root, {
 		onOpenChange: (e) => {
 			e ? requestAnimationFrame(() => {
 				s.current?.focus({ preventScroll: !0 });
 			}) : o("");
 		},
-		children: [/* @__PURE__ */ m(en.Trigger, {
+		children: [/* @__PURE__ */ m(En.Trigger, {
 			render: /* @__PURE__ */ p("button", { type: "button" }),
-			className: G("border-cui-neutral inline-flex h-8 items-center rounded-md border text-sm", g ? "gap-1 border-solid py-1 pl-2.5 pr-2.5" : "gap-1.5 border-dashed px-3", "hover:bg-cui-subtle cursor-pointer transition-colors", "ring-cui-focus outline-none focus-visible:ring-2 focus-visible:ring-offset-2"),
+			className: W("border-cui-neutral inline-flex h-8 items-center rounded-md border text-cui-base", g ? "gap-1 border-solid py-1 pl-2.5 pr-2.5" : "gap-1.5 border-dashed px-3", "hover:bg-cui-subtle cursor-pointer transition-colors", "ring-cui-focus outline-none focus-visible:ring-2 focus-visible:ring-offset-2"),
 			children: [
-				/* @__PURE__ */ p(A, { className: "text-cui-tertiary size-4 shrink-0" }),
+				/* @__PURE__ */ p(re, { className: "text-cui-tertiary size-4 shrink-0" }),
 				/* @__PURE__ */ p("span", {
 					className: "text-cui-primary",
 					children: t
 				}),
 				g && /* @__PURE__ */ m(f, { children: [
 					/* @__PURE__ */ p("div", { className: "border-cui-neutral mx-0.5 h-4 w-px border-l" }),
-					/* @__PURE__ */ p(vt, {
+					/* @__PURE__ */ p(Ht, {
 						className: "rounded-sm px-1 font-normal lg:hidden",
 						children: h.size
 					}),
 					/* @__PURE__ */ p("span", {
 						className: "hidden items-center gap-1 lg:flex",
-						children: h.size > 2 ? /* @__PURE__ */ m(vt, {
+						children: h.size > 2 ? /* @__PURE__ */ m(Ht, {
 							className: "rounded-sm px-1 font-normal",
 							children: [h.size, " selected"]
-						}) : n.filter((e) => h.has(e.value)).map((e) => /* @__PURE__ */ p(vt, {
+						}) : n.filter((e) => h.has(e.value)).map((e) => /* @__PURE__ */ p(Ht, {
 							className: "rounded-sm px-1 font-normal",
 							children: e.label
 						}, e.value))
 					})
 				] })
 			]
-		}), /* @__PURE__ */ m(en.Content, {
+		}), /* @__PURE__ */ m(En.Content, {
 			side: "bottom",
 			align: "start",
 			sideOffset: 4,
 			className: "w-[220px] p-1",
 			children: [
-				/* @__PURE__ */ p(Y.SearchInput, {
+				/* @__PURE__ */ p(J.SearchInput, {
 					className: "mx-0 mt-0",
 					children: /* @__PURE__ */ p("input", {
 						ref: s,
 						value: a,
 						onChange: (e) => o(e.target.value),
 						placeholder: t,
-						className: "text-cui-primary placeholder:text-cui-tertiary flex-1 bg-transparent text-sm outline-none"
+						className: "text-cui-primary placeholder:text-cui-tertiary text-cui-base flex-1 bg-transparent outline-none"
 					})
 				}),
-				/* @__PURE__ */ m(Y.List, { children: [_.length === 0 && /* @__PURE__ */ p(Y.Empty, { children: "No results found." }), _.map((e) => {
+				/* @__PURE__ */ m(J.List, { children: [_.length === 0 && /* @__PURE__ */ p(J.Empty, { children: "No results found." }), _.map((e) => {
 					let t = h.has(e.value);
-					return /* @__PURE__ */ m(Y.Item, {
-						onClick: () => b(e.value),
+					return /* @__PURE__ */ m(J.Item, {
+						onClick: () => y(e.value),
 						icon: /* @__PURE__ */ p("div", {
-							className: G("flex size-4 items-center justify-center rounded border", t ? "border-cui-accent bg-cui-accent text-cui-inverse" : "border-cui-neutral [&_svg]:invisible"),
-							children: /* @__PURE__ */ p(y, { className: "size-3" })
+							className: W("flex size-4 items-center justify-center rounded border", t ? "border-cui-accent bg-cui-accent text-cui-inverse" : "border-cui-neutral [&_svg]:invisible"),
+							children: /* @__PURE__ */ p(b, { className: "size-3" })
 						}),
 						indicator: c?.get(e.value) == null ? void 0 : /* @__PURE__ */ p("span", {
-							className: "text-cui-tertiary font-mono text-xs",
+							className: "text-cui-tertiary font-cui-mono text-cui-sm",
 							children: c.get(e.value)
 						}),
 						children: [e.icon && /* @__PURE__ */ p("span", {
@@ -2028,7 +2228,7 @@ function tn({ column: e, title: t, options: n, value: r, onValueChange: i }) {
 						})]
 					}, e.value);
 				})] }),
-				g && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(Y.Separator, {}), /* @__PURE__ */ p(Y.Item, {
+				g && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(J.Separator, {}), /* @__PURE__ */ p(J.Item, {
 					onClick: () => v([]),
 					className: "justify-center",
 					children: /* @__PURE__ */ p("span", {
@@ -2042,7 +2242,7 @@ function tn({ column: e, title: t, options: n, value: r, onValueChange: i }) {
 }
 //#endregion
 //#region src/components/segmented-group/segmented-group.tsx
-var nn = i(function({ activeIndex: e, itemCount: t, layout: n = "fill", className: r, children: i }, o) {
+var On = i(function({ activeIndex: e, itemCount: t, layout: n = "fill", className: r, children: i }, o) {
 	let s = n === "fill", l = u(null), [f, h] = d(null), g = u(!1), _ = a(() => {
 		if (n !== "fit") return;
 		let t = l.current;
@@ -2074,204 +2274,259 @@ var nn = i(function({ activeIndex: e, itemCount: t, layout: n = "fill", classNam
 		ref: (e) => {
 			l.current = e, typeof o == "function" ? o(e) : o && (o.current = e);
 		},
-		className: G("relative bg-cui-base-0 rounded-md ring-1 ring-cui-neutral", s ? "grid" : "inline-flex", r),
+		className: W("relative bg-cui-base-0 rounded-md ring-1 ring-cui-neutral", s ? "grid" : "inline-flex", r),
 		style: s ? { gridTemplateColumns: `repeat(${t}, 1fr)` } : void 0,
 		children: [/* @__PURE__ */ p("div", {
 			"aria-hidden": !0,
-			className: G("absolute inset-y-0 p-0.5", "transition-all duration-200 ease-cui-out-expo", "motion-reduce:transition-none", !s && !g.current && "transition-none"),
+			className: W("absolute inset-y-0 p-0.5", "transition-all duration-200 ease-cui-out-expo", "motion-reduce:transition-none", !s && !g.current && "transition-none"),
 			style: v,
 			children: /* @__PURE__ */ p("div", { className: "bg-cui-base-2 h-full rounded-sm shadow-sm" })
 		}), i]
 	});
-}), rn = i(function({ active: e = !1, className: t, children: n, ...r }, i) {
+}), kn = i(function({ active: e = !1, className: t, children: n, ...r }, i) {
 	return /* @__PURE__ */ p("button", {
 		ref: i,
 		type: "button",
 		"data-segmented-item": "",
-		className: G("relative z-10 flex items-center justify-center gap-1.5 px-2.5 h-7 rounded-sm", "text-sm font-medium select-none cursor-pointer", "outline-none focus-visible:ring-2 focus-visible:ring-cui-focus", "transition-colors duration-150", "motion-reduce:transition-none", e ? "text-cui-primary" : "text-cui-tertiary hover:text-cui-secondary", t),
+		className: W("relative z-10 flex items-center justify-center gap-1.5 px-2.5 h-7 rounded-sm", "text-cui-base font-medium select-none cursor-pointer", "outline-none focus-visible:ring-2 focus-visible:ring-cui-focus", "transition-colors duration-150", "motion-reduce:transition-none", e ? "text-cui-primary" : "text-cui-tertiary hover:text-cui-secondary", t),
 		...r,
 		children: n
 	});
-});
-//#endregion
-//#region src/components/segmented-control/segmented-control.tsx
-function an({ options: e, value: t, defaultValue: n, onValueChange: r, layout: i = "fill", className: a }) {
-	let [o, s] = d(() => n ?? e[0]?.value ?? ""), c = t !== void 0, l = c ? t : o, u = e.findIndex((e) => e.value === l);
-	function f(e) {
-		c || s(e), r?.(e);
+}), An = {
+	sm: "h-7 px-2.5",
+	md: "h-8 px-3"
+}, jn = i(function({ options: e, value: t, defaultValue: n, onValueChange: r, layout: i = "fill", size: a = "sm", className: o }, s) {
+	let [c, l] = d(() => n ?? e[0]?.value ?? ""), u = t !== void 0, f = u ? t : c, h = e.findIndex((e) => e.value === f);
+	function g(e) {
+		u || l(e), r?.(e);
 	}
-	return /* @__PURE__ */ p(nn, {
-		activeIndex: u,
+	return /* @__PURE__ */ p(On, {
+		ref: s,
+		activeIndex: h,
 		itemCount: e.length,
 		layout: i,
-		className: a,
-		children: e.map((e) => /* @__PURE__ */ m(rn, {
-			active: e.value === l,
-			"aria-pressed": e.value === l,
-			onClick: () => f(e.value),
+		className: o,
+		children: e.map((e) => /* @__PURE__ */ m(kn, {
+			active: e.value === f,
+			"aria-pressed": e.value === f,
+			onClick: () => g(e.value),
+			className: An[a],
 			children: [e.icon && /* @__PURE__ */ p("span", {
 				className: "flex size-4 shrink-0 items-center justify-center [&>svg]:size-4",
 				children: e.icon
 			}), e.label && /* @__PURE__ */ p("span", { children: e.label })]
 		}, e.value))
 	});
-}
-//#endregion
-//#region src/components/user-menu/user-menu.tsx
-var on = [
+}), Mn = [
 	{
 		value: "light",
-		icon: /* @__PURE__ */ p(j, {})
+		icon: /* @__PURE__ */ p(ie, {})
 	},
 	{
 		value: "dark",
-		icon: /* @__PURE__ */ p(k, {})
+		icon: /* @__PURE__ */ p(te, {})
 	},
 	{
 		value: "system",
-		icon: /* @__PURE__ */ p(T, {})
+		icon: /* @__PURE__ */ p(D, {})
 	}
 ];
-function sn({ user: e, theme: t = "system", onThemeChange: n, items: r, onLogout: i, className: a }) {
+function Nn({ user: e, theme: t = "system", onThemeChange: n, items: r, onLogout: i, children: a, side: o = "bottom", align: s = "end", className: c }) {
 	return /* @__PURE__ */ m(Q.Root, { children: [/* @__PURE__ */ p(Q.Trigger, {
-		className: a,
-		children: /* @__PURE__ */ p(Z, {
+		className: c,
+		children: a ?? /* @__PURE__ */ p(st, {
 			initials: e.initials,
 			src: e.avatarUrl,
 			size: "sm",
 			className: "cursor-pointer"
 		})
 	}), /* @__PURE__ */ m(Q.Content, {
-		align: "end",
+		side: o,
+		align: s,
 		sideOffset: 8,
 		minWidth: "min-w-[260px]",
-		children: [
-			/* @__PURE__ */ m("div", {
-				className: "flex items-center gap-3 px-2 py-2",
-				children: [/* @__PURE__ */ p(Z, {
-					initials: e.initials,
-					src: e.avatarUrl,
-					size: "md"
-				}), /* @__PURE__ */ m("div", {
-					className: "flex flex-col gap-0.5",
-					children: [/* @__PURE__ */ p("span", {
-						className: "text-cui-primary text-sm font-medium",
-						children: e.name
-					}), e.org && /* @__PURE__ */ p("span", {
-						className: "text-cui-secondary text-xs",
-						children: e.org
-					})]
-				})]
-			}),
-			/* @__PURE__ */ p(Q.Separator, {}),
-			/* @__PURE__ */ m("div", {
-				className: "flex items-center justify-between px-2 py-1.5",
+		children: [/* @__PURE__ */ m("div", {
+			className: "flex items-center gap-2 px-2 py-1.5",
+			children: [/* @__PURE__ */ p(st, {
+				initials: e.initials,
+				src: e.avatarUrl,
+				size: "md"
+			}), /* @__PURE__ */ m("div", {
+				className: "flex flex-col gap-0.5",
 				children: [/* @__PURE__ */ p("span", {
-					className: "text-cui-primary text-sm",
-					children: "Appearance"
-				}), /* @__PURE__ */ p(an, {
-					options: on,
-					value: t,
-					onValueChange: n
+					className: "text-cui-primary text-cui-sm font-medium",
+					children: e.name
+				}), e.org && /* @__PURE__ */ p("span", {
+					className: "text-cui-tertiary text-cui-xs",
+					children: e.org
 				})]
-			}),
-			r && r.length > 0 && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(Q.Separator, {}), r.map((e) => /* @__PURE__ */ p(Q.Item, {
-				icon: e.icon,
-				onClick: e.onClick,
-				children: e.label
-			}, e.label))] }),
-			i && /* @__PURE__ */ m(f, { children: [/* @__PURE__ */ p(Q.Separator, {}), /* @__PURE__ */ p(Q.Item, {
-				icon: /* @__PURE__ */ p(_, {}),
-				onClick: i,
-				children: "Log out"
-			})] })
-		]
+			})]
+		}), /* @__PURE__ */ m("div", {
+			className: "bg-cui-subtle flex flex-col gap-0.5 rounded-lg",
+			children: [
+				/* @__PURE__ */ m("div", {
+					className: "group/theme text-cui-primary flex cursor-pointer items-center gap-2 rounded px-2 py-1.5",
+					children: [
+						/* @__PURE__ */ p("span", {
+							className: "text-cui-tertiary group-hover/theme:text-cui-primary flex size-5 shrink-0 items-center justify-center transition-colors [&>svg]:size-4",
+							children: /* @__PURE__ */ p(ne, {})
+						}),
+						/* @__PURE__ */ p("span", {
+							className: "text-cui-base flex-1",
+							children: "Theme"
+						}),
+						/* @__PURE__ */ p(jn, {
+							options: Mn,
+							value: t,
+							onValueChange: n
+						})
+					]
+				}),
+				r && r.length > 0 && r.map((e) => /* @__PURE__ */ p(Q.Item, {
+					icon: e.icon,
+					onClick: e.onClick,
+					children: e.label
+				}, e.label)),
+				i && /* @__PURE__ */ p(Q.Item, {
+					className: "border-cui-neutral border-t",
+					icon: /* @__PURE__ */ p(v, {}),
+					onClick: i,
+					children: "Log out"
+				})
+			]
+		})]
 	})] });
 }
 //#endregion
 //#region src/components/tooltip/tooltip.tsx
-function cn(e) {
-	return /* @__PURE__ */ p(z.Provider, { ...e });
+function Pn(e) {
+	return /* @__PURE__ */ p(R.Provider, { ...e });
 }
-function ln(e) {
-	return /* @__PURE__ */ p(z.Root, { ...e });
+function Fn(e) {
+	return /* @__PURE__ */ p(R.Root, { ...e });
 }
-var un = i(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ p(z.Trigger, {
+var In = i(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ p(R.Trigger, {
 		ref: n,
-		className: G("outline-none", e),
+		className: W("outline-none", e),
 		...t
 	});
 });
-function dn({ side: e = "top", align: t = "center", sideOffset: n = 6, className: r, children: i, ...a }) {
-	return /* @__PURE__ */ p(z.Portal, { children: /* @__PURE__ */ p(z.Positioner, {
+function Ln({ side: e = "top", align: t = "center", sideOffset: n = 6, className: r, children: i, ...a }) {
+	return /* @__PURE__ */ p(R.Portal, { children: /* @__PURE__ */ p(R.Positioner, {
 		side: e,
 		align: t,
 		sideOffset: n,
-		className: G("z-50 outline-none", "h-[var(--positioner-height)] w-[var(--positioner-width)] max-w-[var(--available-width)]", "transition-[top,left,right,bottom,transform] duration-350 ease-cui-out-expo", "data-[instant]:transition-none"),
-		children: /* @__PURE__ */ p(z.Popup, {
-			className: G("bg-cui-inverse text-cui-inverse rounded px-2 py-1 text-xs font-medium", "max-w-[280px]", "origin-[var(--transform-origin)]", "transition-[transform,scale,opacity] duration-150 ease-cui-out-expo", "data-[starting-style]:scale-95 data-[starting-style]:opacity-0", "data-[ending-style]:scale-95 data-[ending-style]:opacity-0", "data-[instant]:transition-none", "motion-reduce:transition-none", r),
+		className: W("z-50 outline-none", "h-[var(--positioner-height)] w-[var(--positioner-width)] max-w-[var(--available-width)]", "transition-[top,left,right,bottom,transform] duration-350 ease-cui-out-expo", "data-[instant]:transition-none"),
+		children: /* @__PURE__ */ p(R.Popup, {
+			className: W("bg-cui-inverse text-cui-inverse rounded px-2 py-1 text-cui-sm font-medium", "max-w-[280px]", "origin-[var(--transform-origin)]", "transition-[transform,scale,opacity] duration-150 ease-cui-out-expo", "data-[starting-style]:scale-95 data-[starting-style]:opacity-0", "data-[ending-style]:scale-95 data-[ending-style]:opacity-0", "data-[instant]:transition-none", "motion-reduce:transition-none", r),
 			...a,
 			children: i
 		})
 	}) });
 }
-var fn = i(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ p(z.Viewport, {
+var Rn = i(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ p(R.Viewport, {
 		ref: n,
-		className: G("relative h-full w-full overflow-clip", "[&_[data-previous]]:transition-[translate,opacity] [&_[data-previous]]:duration-350 [&_[data-previous]]:ease-cui-out-expo", "[&_[data-current]]:transition-[translate,opacity] [&_[data-current]]:duration-350 [&_[data-current]]:ease-cui-out-expo", "[&_[data-instant]_[data-current]]:transition-none [&_[data-instant]_[data-previous]]:transition-none", "[&[data-activation-direction*=left]_[data-current][data-starting-style]]:-translate-x-1/2 [&[data-activation-direction*=left]_[data-current][data-starting-style]]:opacity-0", "[&[data-activation-direction*=right]_[data-current][data-starting-style]]:translate-x-1/2 [&[data-activation-direction*=right]_[data-current][data-starting-style]]:opacity-0", "[&[data-activation-direction*=up]_[data-current][data-starting-style]]:-translate-y-1/2 [&[data-activation-direction*=up]_[data-current][data-starting-style]]:opacity-0", "[&[data-activation-direction*=down]_[data-current][data-starting-style]]:translate-y-1/2 [&[data-activation-direction*=down]_[data-current][data-starting-style]]:opacity-0", "[&[data-activation-direction*=left]_[data-previous][data-ending-style]]:translate-x-1/2 [&[data-activation-direction*=left]_[data-previous][data-ending-style]]:opacity-0", "[&[data-activation-direction*=right]_[data-previous][data-ending-style]]:-translate-x-1/2 [&[data-activation-direction*=right]_[data-previous][data-ending-style]]:opacity-0", "[&[data-activation-direction*=up]_[data-previous][data-ending-style]]:translate-y-1/2 [&[data-activation-direction*=up]_[data-previous][data-ending-style]]:opacity-0", "[&[data-activation-direction*=down]_[data-previous][data-ending-style]]:-translate-y-1/2 [&[data-activation-direction*=down]_[data-previous][data-ending-style]]:opacity-0", "motion-reduce:[&_[data-current]]:!transition-none motion-reduce:[&_[data-previous]]:!transition-none", e),
+		className: W("relative h-full w-full overflow-clip", "[&_[data-previous]]:transition-[translate,opacity] [&_[data-previous]]:duration-350 [&_[data-previous]]:ease-cui-out-expo", "[&_[data-current]]:transition-[translate,opacity] [&_[data-current]]:duration-350 [&_[data-current]]:ease-cui-out-expo", "[&_[data-instant]_[data-current]]:transition-none [&_[data-instant]_[data-previous]]:transition-none", "[&[data-activation-direction*=left]_[data-current][data-starting-style]]:-translate-x-1/2 [&[data-activation-direction*=left]_[data-current][data-starting-style]]:opacity-0", "[&[data-activation-direction*=right]_[data-current][data-starting-style]]:translate-x-1/2 [&[data-activation-direction*=right]_[data-current][data-starting-style]]:opacity-0", "[&[data-activation-direction*=up]_[data-current][data-starting-style]]:-translate-y-1/2 [&[data-activation-direction*=up]_[data-current][data-starting-style]]:opacity-0", "[&[data-activation-direction*=down]_[data-current][data-starting-style]]:translate-y-1/2 [&[data-activation-direction*=down]_[data-current][data-starting-style]]:opacity-0", "[&[data-activation-direction*=left]_[data-previous][data-ending-style]]:translate-x-1/2 [&[data-activation-direction*=left]_[data-previous][data-ending-style]]:opacity-0", "[&[data-activation-direction*=right]_[data-previous][data-ending-style]]:-translate-x-1/2 [&[data-activation-direction*=right]_[data-previous][data-ending-style]]:opacity-0", "[&[data-activation-direction*=up]_[data-previous][data-ending-style]]:translate-y-1/2 [&[data-activation-direction*=up]_[data-previous][data-ending-style]]:opacity-0", "[&[data-activation-direction*=down]_[data-previous][data-ending-style]]:-translate-y-1/2 [&[data-activation-direction*=down]_[data-previous][data-ending-style]]:opacity-0", "motion-reduce:[&_[data-current]]:!transition-none motion-reduce:[&_[data-previous]]:!transition-none", e),
 		...t
 	});
-}), pn = z.createHandle, mn = {
-	Provider: cn,
-	Root: ln,
-	Trigger: un,
-	Content: dn,
-	Viewport: fn,
-	createHandle: z.createHandle
-}, hn = {
-	info: {
+}), zn = R.createHandle, Bn = {
+	Provider: Pn,
+	Root: Fn,
+	Trigger: In,
+	Content: Ln,
+	Viewport: Rn,
+	createHandle: R.createHandle
+}, Vn = {
+	accent: {
 		container: "bg-cui-accent-subtle",
 		icon: "text-cui-accent",
 		text: "text-cui-accent [&_a]:underline [&_a]:underline-offset-2 [&_a]:hover:opacity-80",
 		pattern: "text-cui-accent",
-		defaultIcon: ee
+		defaultIcon: k
 	},
 	success: {
 		container: "bg-cui-success-subtle",
 		icon: "text-cui-success",
 		text: "text-cui-success [&_a]:underline [&_a]:underline-offset-2 [&_a]:hover:opacity-80",
 		pattern: "text-cui-success",
-		defaultIcon: v
+		defaultIcon: y
 	},
-	warning: {
+	warn: {
 		container: "bg-cui-warn-subtle",
 		icon: "text-cui-warn",
 		text: "text-cui-warn [&_a]:underline [&_a]:underline-offset-2 [&_a]:hover:opacity-80",
 		pattern: "text-cui-warn",
-		defaultIcon: E
+		defaultIcon: O
 	},
 	danger: {
 		container: "bg-cui-danger-subtle",
 		icon: "text-cui-danger",
 		text: "text-cui-danger [&_a]:underline [&_a]:underline-offset-2 [&_a]:hover:opacity-80",
 		pattern: "text-cui-danger",
-		defaultIcon: te
+		defaultIcon: ae
 	}
-}, gn = {
+}, Hn = {
 	maskImage: "linear-gradient(to left, black, transparent)",
 	WebkitMaskImage: "linear-gradient(to left, black, transparent)"
-}, _n = i(function({ variant: e = "info", icon: t, action: n, onDismiss: r, className: i, children: a }, o) {
-	let s = hn[e], c = s.defaultIcon;
-	return /* @__PURE__ */ m("div", {
-		ref: o,
+}, Un = i(function({ variant: e = "accent", layout: t = "inline", icon: n, action: r, onDismiss: i, className: a, children: o }, s) {
+	let c = Vn[e], l = c.defaultIcon;
+	return t === "banner" ? /* @__PURE__ */ m("div", {
+		ref: s,
+		role: "alert",
+		className: W("relative flex w-full items-center justify-center overflow-hidden px-4 py-3", c.container, a),
+		children: [
+			/* @__PURE__ */ p("div", {
+				className: W("pointer-events-none absolute inset-0", c.pattern),
+				style: {
+					maskImage: "linear-gradient(to right, transparent, black 30%, black 70%, transparent)",
+					WebkitMaskImage: "linear-gradient(to right, transparent, black 30%, black 70%, transparent)"
+				},
+				children: /* @__PURE__ */ p(Yt, {
+					squareSize: 4,
+					gridGap: 2,
+					flickerChance: .4,
+					maxOpacity: .15
+				})
+			}),
+			/* @__PURE__ */ m("div", {
+				className: "relative flex items-center gap-3",
+				children: [
+					/* @__PURE__ */ p("span", {
+						className: W("flex size-5 shrink-0 items-center justify-center [&>svg]:size-4", c.icon),
+						children: n ?? /* @__PURE__ */ p(l, {})
+					}),
+					/* @__PURE__ */ p("span", {
+						className: W("text-cui-base font-medium", c.text),
+						children: o
+					}),
+					r && /* @__PURE__ */ p("div", {
+						className: "shrink-0",
+						children: r
+					})
+				]
+			}),
+			i && /* @__PURE__ */ p("div", {
+				className: "absolute right-2",
+				children: /* @__PURE__ */ p(G, {
+					variant: "transparent",
+					size: "xs",
+					iconLeft: /* @__PURE__ */ p(oe, {}),
+					onClick: i,
+					"aria-label": "Dismiss"
+				})
+			})
+		]
+	}) : /* @__PURE__ */ m("div", {
+		ref: s,
 		role: "alert",
-		className: G("relative flex min-h-10 items-center gap-3 overflow-hidden rounded-md py-1.5 pl-3 pr-1.5", s.container, i),
+		className: W("relative flex min-h-10 items-center gap-3 overflow-hidden rounded-md py-1.5 pl-3 pr-1.5", c.container, a),
 		children: [
 			/* @__PURE__ */ p("div", {
-				className: G("pointer-events-none absolute top-0 right-0 h-full w-1/2", s.pattern),
-				style: gn,
-				children: /* @__PURE__ */ p(Tt, {
+				className: W("pointer-events-none absolute top-0 right-0 h-full w-1/2", c.pattern),
+				style: Hn,
+				children: /* @__PURE__ */ p(Yt, {
 					squareSize: 4,
 					gridGap: 2,
 					flickerChance: .4,
@@ -2279,24 +2534,24 @@ var fn = i(function({ className: e, ...t }, n) {
 				})
 			}),
 			/* @__PURE__ */ p("span", {
-				className: G("relative flex size-5 shrink-0 items-center justify-center [&>svg]:size-4", s.icon),
-				children: t ?? /* @__PURE__ */ p(c, {})
+				className: W("relative flex size-5 shrink-0 items-center justify-center [&>svg]:size-4", c.icon),
+				children: n ?? /* @__PURE__ */ p(l, {})
 			}),
 			/* @__PURE__ */ p("span", {
-				className: G("relative flex-1 text-sm font-medium", s.text),
-				children: a
+				className: W("relative flex-1 text-cui-base font-medium", c.text),
+				children: o
 			}),
-			n && /* @__PURE__ */ p("div", {
+			r && /* @__PURE__ */ p("div", {
 				className: "relative ml-auto shrink-0",
-				children: n
+				children: r
 			}),
-			r && /* @__PURE__ */ p("div", {
+			i && /* @__PURE__ */ p("div", {
 				className: "relative ml-auto shrink-0",
-				children: /* @__PURE__ */ p(K, {
+				children: /* @__PURE__ */ p(G, {
 					variant: "transparent",
 					size: "xs",
-					iconLeft: /* @__PURE__ */ p(M, {}),
-					onClick: r,
+					iconLeft: /* @__PURE__ */ p(oe, {}),
+					onClick: i,
 					"aria-label": "Dismiss"
 				})
 			})
@@ -2305,90 +2560,90 @@ var fn = i(function({ className: e, ...t }, n) {
 });
 //#endregion
 //#region src/components/alert-dialog/alert-dialog.tsx
-function vn(e) {
-	return /* @__PURE__ */ p(B.Root, { ...e });
+function Wn(e) {
+	return /* @__PURE__ */ p(z.Root, { ...e });
 }
-var yn = i(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ p(B.Trigger, {
+var Gn = i(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ p(z.Trigger, {
 		ref: n,
-		className: G(e),
+		className: W(e),
 		...t
 	});
-}), bn = i(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ p(B.Backdrop, {
+}), Kn = i(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ p(z.Backdrop, {
 		ref: n,
-		className: G("fixed inset-0 z-40 bg-cui-overlay backdrop-blur-[2px]", "transition-opacity duration-150", "data-[starting-style]:opacity-0", "data-[ending-style]:opacity-0", "motion-reduce:transition-none", e),
+		className: W("fixed inset-0 z-40 bg-cui-overlay backdrop-blur-[2px]", "transition-opacity duration-150", "data-[starting-style]:opacity-0", "data-[ending-style]:opacity-0", "motion-reduce:transition-none", e),
 		...t
 	});
 });
-function xn({ className: e, children: t, ...n }) {
-	return /* @__PURE__ */ m(B.Portal, { children: [/* @__PURE__ */ p(bn, {}), /* @__PURE__ */ p(B.Popup, {
-		className: G("bg-cui-base-1 fixed top-1/2 left-1/2 z-50 max-h-[85vh] w-[90vw] max-w-[450px] -translate-x-1/2 -translate-y-1/2 rounded-lg p-0.5 shadow-xl", "transition-[opacity,scale] duration-150 ease-out", "data-[starting-style]:opacity-0 data-[starting-style]:scale-[0.96]", "data-[ending-style]:opacity-0 data-[ending-style]:scale-[0.98]", "motion-reduce:transition-none", "focus:outline-none", e),
+function qn({ className: e, children: t, ...n }) {
+	return /* @__PURE__ */ m(z.Portal, { children: [/* @__PURE__ */ p(Kn, {}), /* @__PURE__ */ p(z.Popup, {
+		className: W("bg-cui-base-1 fixed top-1/2 left-1/2 z-50 max-h-[85vh] w-[90vw] max-w-[450px] -translate-x-1/2 -translate-y-1/2 rounded-lg p-0.5 shadow-xl", "transition-[opacity,scale] duration-150 ease-out", "data-[starting-style]:opacity-0 data-[starting-style]:scale-[0.96]", "data-[ending-style]:opacity-0 data-[ending-style]:scale-[0.98]", "motion-reduce:transition-none", "focus:outline-none", e),
 		...n,
 		children: t
 	})] });
 }
-var Sn = {
-	Root: vn,
-	Trigger: yn,
-	Content: xn,
+var Jn = {
+	Root: Wn,
+	Trigger: Gn,
+	Content: qn,
 	Panel: i(function({ className: e, children: t }, n) {
 		return /* @__PURE__ */ p("div", {
 			ref: n,
-			className: G("bg-cui-base-2 border-cui-neutral rounded-md border", e),
+			className: W("bg-cui-base-2 border-cui-neutral rounded-md border", e),
 			children: t
 		});
 	}),
 	Title: i(function({ className: e, ...t }, n) {
-		return /* @__PURE__ */ p(B.Title, {
+		return /* @__PURE__ */ p(z.Title, {
 			ref: n,
-			className: G("text-cui-primary border-cui-neutral border-b px-4 py-3 text-sm font-medium", e),
+			className: W("text-cui-primary border-cui-neutral border-b px-4 py-3 text-cui-base font-medium", e),
 			...t
 		});
 	}),
 	Description: i(function({ className: e, ...t }, n) {
-		return /* @__PURE__ */ p(B.Description, {
+		return /* @__PURE__ */ p(z.Description, {
 			ref: n,
-			className: G("text-cui-secondary p-4 text-sm", e),
+			className: W("text-cui-secondary p-4 text-cui-base", e),
 			...t
 		});
 	}),
 	Actions: i(function({ className: e, children: t }, n) {
 		return /* @__PURE__ */ p("div", {
 			ref: n,
-			className: G("flex items-center justify-end gap-2 p-2", e),
+			className: W("flex items-center justify-end gap-2 p-2", e),
 			children: t
 		});
 	}),
 	Close: i(function({ className: e, ...t }, n) {
-		return /* @__PURE__ */ p(B.Close, {
+		return /* @__PURE__ */ p(z.Close, {
 			ref: n,
-			className: G(e),
+			className: W(e),
 			...t
 		});
 	})
-}, Cn = {
+}, Yn = {
 	Root: i(function({ className: e, ...t }, n) {
-		return /* @__PURE__ */ p(V.Root, {
+		return /* @__PURE__ */ p(B.Root, {
 			ref: n,
-			className: G("flex flex-col", e),
+			className: W("flex flex-col", e),
 			...t
 		});
 	}),
 	Item: i(function({ className: e, ...t }, n) {
-		return /* @__PURE__ */ p(V.Item, {
+		return /* @__PURE__ */ p(B.Item, {
 			ref: n,
-			className: G("border-cui-neutral border-b last:border-b-0", e),
+			className: W("border-cui-neutral border-b last:border-b-0", e),
 			...t
 		});
 	}),
 	Trigger: i(function({ icon: e, className: t, children: n, ...r }, i) {
-		return /* @__PURE__ */ m(V.Trigger, {
+		return /* @__PURE__ */ m(B.Trigger, {
 			ref: i,
-			className: G("group flex w-full cursor-pointer items-center gap-2 py-3 text-sm font-medium outline-none", "text-cui-primary hover:text-cui-primary", "focus-visible:ring-cui-focus focus-visible:ring-2 focus-visible:ring-offset-2 rounded-sm", t),
+			className: W("group flex w-full cursor-pointer items-center gap-2 rounded-sm py-3 text-cui-base font-medium", "text-cui-primary hover:text-cui-primary", "outline-none focus-visible:ring-2 focus-visible:ring-cui-focus focus-visible:ring-offset-2", t),
 			...r,
 			children: [
-				/* @__PURE__ */ p(S, { className: G("text-cui-tertiary size-4 shrink-0", "transition-transform duration-200 ease-cui-out-expo", "group-data-[panel-open]:rotate-90", "motion-reduce:transition-none") }),
+				/* @__PURE__ */ p(T, { className: W("text-cui-tertiary size-4 shrink-0", "transition-transform duration-200 ease-cui-out-expo", "group-data-[panel-open]:rotate-90", "motion-reduce:transition-none") }),
 				e && /* @__PURE__ */ p("span", {
 					className: "flex size-5 shrink-0 items-center justify-center [&>svg]:size-4",
 					children: e
@@ -2401,114 +2656,117 @@ var Sn = {
 		});
 	}),
 	Content: i(function({ className: e, children: t, ...n }, r) {
-		return /* @__PURE__ */ p(V.Panel, {
+		return /* @__PURE__ */ p(B.Panel, {
 			ref: r,
-			className: G("overflow-hidden", "h-[var(--accordion-panel-height)]", "transition-[height] duration-200 ease-cui-out-expo", "data-[starting-style]:h-0", "data-[ending-style]:h-0", "motion-reduce:transition-none", e),
+			className: W("overflow-hidden", "h-[var(--accordion-panel-height)]", "transition-[height] duration-200 ease-cui-out-expo", "data-[starting-style]:h-0", "data-[ending-style]:h-0", "motion-reduce:transition-none", e),
 			...n,
 			children: /* @__PURE__ */ p("div", {
-				className: "text-cui-secondary pb-3 text-sm",
+				className: "text-cui-secondary text-cui-base pb-3",
 				children: t
 			})
 		});
 	})
-}, wn = {
-	Root: i(function({ className: e, ...t }, n) {
-		return /* @__PURE__ */ p(H.Root, {
-			ref: n,
-			className: G("flex flex-col", e),
-			...t
-		});
-	}),
-	List: i(function({ className: e, layout: t = "fit", children: n, ...r }, i) {
-		let o = u(null), [s, l] = d(0), [f, m] = d(0), h = a(() => {
-			let e = o.current;
-			if (!e) return;
-			let t = e.querySelectorAll("[role='tab']");
-			l(t.length);
-			let n = -1;
-			t.forEach((e, t) => {
-				(e.getAttribute("data-active") !== null || e.getAttribute("aria-selected") === "true") && (n = t);
-			}), n < 0 && (n = 0), m(n);
-		}, []);
-		return c(() => {
-			h();
-			let e = o.current;
-			if (!e) return;
-			let t = new MutationObserver(h);
-			t.observe(e, {
-				attributes: !0,
-				attributeFilter: ["data-active", "aria-selected"],
-				subtree: !0
-			});
-			let n = new ResizeObserver(h);
-			return n.observe(e), () => {
-				t.disconnect(), n.disconnect();
-			};
-		}, [h]), /* @__PURE__ */ p(nn, {
-			ref: (e) => {
-				o.current = e, typeof i == "function" ? i(e) : i && (i.current = e);
-			},
-			activeIndex: f,
-			itemCount: s,
-			layout: t,
-			className: typeof e == "string" ? e : void 0,
-			children: /* @__PURE__ */ p(H.List, {
-				className: "contents",
-				...r,
-				children: n
-			})
+}, Xn = i(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ p(V.Root, {
+		ref: n,
+		className: W("flex flex-col", e),
+		...t
+	});
+}), Zn = i(function({ className: e, layout: t = "fit", children: n, ...r }, i) {
+	let o = u(null), [s, l] = d(0), [f, m] = d(0), h = a(() => {
+		let e = o.current;
+		if (!e) return;
+		let t = e.querySelectorAll("[role='tab']");
+		l(t.length);
+		let n = -1;
+		t.forEach((e, t) => {
+			(e.getAttribute("data-active") !== null || e.getAttribute("aria-selected") === "true") && (n = t);
+		}), n < 0 && (n = 0), m(n);
+	}, []);
+	return c(() => {
+		h();
+		let e = o.current;
+		if (!e) return;
+		let t = new MutationObserver(h);
+		t.observe(e, {
+			attributes: !0,
+			attributeFilter: ["data-active", "aria-selected"],
+			subtree: !0
 		});
-	}),
-	Tab: i(function({ className: e, children: t, ...n }, r) {
-		return /* @__PURE__ */ p(H.Tab, {
-			ref: r,
+		let n = new ResizeObserver(h);
+		return n.observe(e), () => {
+			t.disconnect(), n.disconnect();
+		};
+	}, [h]), /* @__PURE__ */ p(On, {
+		ref: (e) => {
+			o.current = e, typeof i == "function" ? i(e) : i && (i.current = e);
+		},
+		activeIndex: f,
+		itemCount: s,
+		layout: t,
+		className: typeof e == "string" ? e : void 0,
+		children: /* @__PURE__ */ p(V.List, {
+			className: "contents",
+			...r,
+			children: n
+		})
+	});
+}), Qn = {
+	sm: "h-7 px-2.5",
+	md: "h-8 px-3"
+}, $n = {
+	Root: Xn,
+	List: Zn,
+	Tab: i(function({ size: e = "sm", className: t, children: n, ...r }, i) {
+		return /* @__PURE__ */ p(V.Tab, {
+			ref: i,
 			"data-segmented-item": "",
-			className: G("relative z-10 flex items-center justify-center gap-1.5 px-2.5 h-7 rounded-sm", "text-sm font-medium select-none cursor-pointer", "outline-none focus-visible:ring-2 focus-visible:ring-cui-focus", "transition-colors duration-150", "motion-reduce:transition-none", "text-cui-tertiary hover:text-cui-secondary", "data-[active]:text-cui-primary", e),
-			...n,
-			children: t
+			className: W("relative z-10 flex items-center justify-center gap-1.5 rounded-sm", Qn[e], "text-cui-base font-medium select-none cursor-pointer", "outline-none focus-visible:ring-2 focus-visible:ring-cui-focus", "transition-colors duration-150", "motion-reduce:transition-none", "text-cui-tertiary hover:text-cui-secondary", "data-[active]:text-cui-primary", t),
+			...r,
+			children: n
 		});
 	}),
 	Panel: i(function({ className: e, ...t }, n) {
-		return /* @__PURE__ */ p(H.Panel, {
+		return /* @__PURE__ */ p(V.Panel, {
 			ref: n,
-			className: G("pt-3 outline-none", "focus-visible:ring-cui-focus focus-visible:ring-2 focus-visible:ring-offset-2 rounded-sm", e),
+			className: W("rounded-sm pt-3 outline-none", "focus-visible:ring-2 focus-visible:ring-cui-focus focus-visible:ring-offset-2", e),
 			...t
 		});
 	})
-}, Tn = {
+}, er = {
 	right: "right",
 	left: "left",
 	bottom: "down",
 	top: "up"
-}, En = {
+}, tr = {
 	right: "inset-y-0 right-0 w-[min(420px,90vw)] p-2",
 	left: "inset-y-0 left-0 w-[min(420px,90vw)] p-2",
 	bottom: "inset-x-0 bottom-0 max-h-[85vh] p-2",
 	top: "inset-x-0 top-0 max-h-[85vh] p-2"
 };
-function Dn({ side: e = "right", responsive: t, children: n, ...r }) {
-	return /* @__PURE__ */ p(U.Root, {
-		swipeDirection: Tn[e],
+function nr({ side: e = "right", responsive: t, children: n, ...r }) {
+	return /* @__PURE__ */ p(H.Root, {
+		swipeDirection: er[e],
 		...r,
 		children: n
 	});
 }
-var On = i(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ p(U.Trigger, {
+var rr = i(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ p(H.Trigger, {
 		ref: n,
-		className: G(e),
+		className: W(e),
 		...t
 	});
-}), kn = i(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ p(U.Backdrop, {
+}), ir = i(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ p(H.Backdrop, {
 		ref: n,
-		className: G("fixed inset-0 z-40 bg-cui-overlay backdrop-blur-[2px]", "transition-opacity duration-200", "data-[starting-style]:opacity-0", "data-[ending-style]:opacity-0", "motion-reduce:transition-none", e),
+		className: W("fixed inset-0 z-40 bg-cui-overlay backdrop-blur-[2px]", "transition-opacity duration-200", "data-[starting-style]:opacity-0", "data-[ending-style]:opacity-0", "motion-reduce:transition-none", e),
 		...t
 	});
 });
-function An({ side: e = "right", responsive: t = !0, className: n, children: r, ...i }) {
-	return /* @__PURE__ */ m(U.Portal, { children: [/* @__PURE__ */ p(kn, {}), /* @__PURE__ */ p(U.Popup, {
-		className: G("group/drawer fixed z-50 flex outline-none", En[e], "transition-transform duration-500 ease-cui-out-expo", e === "right" && ["data-[starting-style]:translate-x-[20%]", "data-[ending-style]:translate-x-[20%]"], e === "left" && ["data-[starting-style]:-translate-x-[20%]", "data-[ending-style]:-translate-x-[20%]"], e === "bottom" && ["data-[starting-style]:translate-y-[20%]", "data-[ending-style]:translate-y-[20%]"], e === "top" && ["data-[starting-style]:-translate-y-[20%]", "data-[ending-style]:-translate-y-[20%]"], "motion-reduce:transition-none", t && [
+function ar({ side: e = "right", responsive: t = !0, className: n, children: r, ...i }) {
+	return /* @__PURE__ */ m(H.Portal, { children: [/* @__PURE__ */ p(ir, {}), /* @__PURE__ */ p(H.Popup, {
+		className: W("group/drawer fixed z-50 flex outline-none", tr[e], "transition-transform duration-500 ease-cui-out-expo", e === "right" && ["data-[starting-style]:translate-x-[20%]", "data-[ending-style]:translate-x-[20%]"], e === "left" && ["data-[starting-style]:-translate-x-[20%]", "data-[ending-style]:-translate-x-[20%]"], e === "bottom" && ["data-[starting-style]:translate-y-[20%]", "data-[ending-style]:translate-y-[20%]"], e === "top" && ["data-[starting-style]:-translate-y-[20%]", "data-[ending-style]:-translate-y-[20%]"], "motion-reduce:transition-none", t && [
 			"max-md:inset-x-0 max-md:inset-y-auto max-md:bottom-0 max-md:right-auto max-md:left-auto",
 			"max-md:w-full max-md:max-h-[85vh]",
 			"max-md:data-[starting-style]:translate-x-0 max-md:data-[starting-style]:translate-y-[20%]",
@@ -2516,7 +2774,7 @@ function An({ side: e = "right", responsive: t = !0, className: n, children: r,
 		]),
 		...i,
 		children: /* @__PURE__ */ p("div", {
-			className: G("bg-cui-base-1 flex min-h-0 flex-1 rounded-lg p-0.5 shadow-xl", "transition-[opacity,scale] duration-500 ease-cui-out-expo", "group-data-[starting-style]/drawer:scale-95 group-data-[starting-style]/drawer:opacity-0", "group-data-[ending-style]/drawer:scale-95 group-data-[ending-style]/drawer:opacity-0", "motion-reduce:transition-none", n),
+			className: W("bg-cui-base-1 flex min-h-0 flex-1 rounded-lg p-0.5 shadow-xl", "transition-[opacity,scale] duration-500 ease-cui-out-expo", "group-data-[starting-style]/drawer:scale-95 group-data-[starting-style]/drawer:opacity-0", "group-data-[ending-style]/drawer:scale-95 group-data-[ending-style]/drawer:opacity-0", "motion-reduce:transition-none", n),
 			children: /* @__PURE__ */ p("div", {
 				className: "bg-cui-base-2 border-cui-neutral flex min-h-0 flex-1 flex-col overflow-hidden rounded-md border",
 				children: r
@@ -2524,100 +2782,100 @@ function An({ side: e = "right", responsive: t = !0, className: n, children: r,
 		})
 	})] });
 }
-var jn = {
-	Root: Dn,
-	Trigger: On,
-	Content: An,
+var or = {
+	Root: nr,
+	Trigger: rr,
+	Content: ar,
 	Header: i(function({ className: e, children: t }, n) {
 		return /* @__PURE__ */ p("div", {
 			ref: n,
-			className: G("border-cui-neutral flex items-center justify-between border-b px-4 py-3", e),
+			className: W("border-cui-neutral flex items-center justify-between border-b px-4 py-3", e),
 			children: t
 		});
 	}),
 	Title: i(function({ className: e, ...t }, n) {
-		return /* @__PURE__ */ p(U.Title, {
+		return /* @__PURE__ */ p(H.Title, {
 			ref: n,
-			className: G("text-cui-primary text-sm font-medium", e),
+			className: W("text-cui-primary text-cui-base font-medium", e),
 			...t
 		});
 	}),
 	Description: i(function({ className: e, ...t }, n) {
-		return /* @__PURE__ */ p(U.Description, {
+		return /* @__PURE__ */ p(H.Description, {
 			ref: n,
-			className: G("text-cui-secondary text-sm", e),
+			className: W("text-cui-secondary text-cui-base", e),
 			...t
 		});
 	}),
 	Body: i(function({ className: e, children: t }, n) {
 		return /* @__PURE__ */ p("div", {
 			ref: n,
-			className: G("flex-1 overflow-y-auto p-4", e),
+			className: W("flex-1 overflow-y-auto p-4", e),
 			children: t
 		});
 	}),
 	Footer: i(function({ className: e, children: t }, n) {
 		return /* @__PURE__ */ p("div", {
 			ref: n,
-			className: G("border-cui-neutral flex items-center justify-end gap-2 border-t p-3", e),
+			className: W("border-cui-neutral flex items-center justify-end gap-2 border-t p-3", e),
 			children: t
 		});
 	}),
 	Close: i(function({ asIcon: e, className: t, children: n, ...r }, i) {
-		return e ?? !n ? /* @__PURE__ */ p(U.Close, {
+		return e ?? !n ? /* @__PURE__ */ p(H.Close, {
 			ref: i,
-			className: G("text-cui-tertiary hover:text-cui-primary -m-1 flex size-7 cursor-pointer items-center justify-center rounded-sm outline-none", "transition-colors duration-150", "focus-visible:ring-cui-focus focus-visible:ring-2", "motion-reduce:transition-none", t),
+			className: W("text-cui-tertiary hover:text-cui-primary -m-1 flex size-7 cursor-pointer items-center justify-center rounded-sm outline-none", "transition-colors duration-150", "focus-visible:ring-2 focus-visible:ring-cui-focus", "motion-reduce:transition-none", t),
 			...r,
-			children: /* @__PURE__ */ p(M, { className: "size-4" })
-		}) : /* @__PURE__ */ p(U.Close, {
+			children: /* @__PURE__ */ p(oe, { className: "size-4" })
+		}) : /* @__PURE__ */ p(H.Close, {
 			ref: i,
-			className: G(t),
+			className: W(t),
 			...r,
 			children: n
 		});
 	})
-}, Mn = i(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ p(W, {
+}, sr = i(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ p(U, {
 		ref: n,
-		className: G("bg-cui-base-2 border-cui-neutral flex h-full w-full flex-col overflow-hidden rounded-md border", e),
+		className: W("bg-cui-base-2 flex h-full w-full flex-col overflow-hidden rounded-lg", e),
 		...t
 	});
-}), Nn = i(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ p(Y.SearchInput, {
-		className: "mb-0 rounded-none border-x-0 border-t-0 border-b bg-transparent px-3",
-		children: /* @__PURE__ */ p(W.Input, {
+}), cr = i(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ p(J.SearchInput, {
+		className: "mb-0 bg-transparent px-2",
+		children: /* @__PURE__ */ p(U.Input, {
 			ref: n,
-			className: G("text-cui-primary placeholder:text-cui-tertiary flex-1 bg-transparent py-2.5 text-sm outline-none", e),
+			className: W("text-cui-primary placeholder:text-cui-tertiary flex-1 bg-transparent py-1.5 text-cui-base outline-none", e),
 			...t
 		})
 	});
-}), Pn = i(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ p(W.List, {
+}), lr = i(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ p(U.List, {
 		ref: n,
-		className: G("max-h-[300px] overflow-y-auto overscroll-contain p-1 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", e),
+		className: W("max-h-[300px] overflow-y-auto overscroll-contain p-1 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", e),
 		...t
 	});
-}), Fn = i(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ p(W.Empty, {
+}), ur = i(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ p(U.Empty, {
 		ref: n,
-		className: G("text-cui-secondary px-2 py-4 text-center text-sm", e),
+		className: W("text-cui-secondary px-2 py-4 text-center text-cui-base", e),
 		...t
 	});
-}), In = i(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ p(W.Group, {
+}), dr = i(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ p(U.Group, {
 		ref: n,
-		className: G("[&_[cmdk-group-heading]]:text-cui-tertiary [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-xs [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:select-none", e),
+		className: W("flex flex-col gap-0.5", "[&_[cmdk-group-heading]]:text-cui-tertiary [&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:py-1.5 [&_[cmdk-group-heading]]:text-sm [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:select-none", e),
 		...t
 	});
-}), Ln = i(function({ icon: e, shortcut: t, className: n, children: r, ...i }, a) {
-	return /* @__PURE__ */ m(W.Item, {
+}), fr = i(function({ icon: e, shortcut: t, className: n, children: r, ...i }, a) {
+	return /* @__PURE__ */ m(U.Item, {
 		ref: a,
-		className: G("group relative flex cursor-pointer items-center gap-2 rounded-sm px-2 py-1.5 text-sm select-none outline-none", "text-cui-primary", "data-[disabled=true]:pointer-events-none data-[disabled=true]:text-cui-tertiary", n),
+		className: W("group relative flex cursor-pointer items-center gap-2 rounded px-2 py-1.5 text-cui-base select-none outline-none", "text-cui-primary", "data-[disabled=true]:pointer-events-none data-[disabled=true]:text-cui-tertiary", n),
 		...i,
 		children: [
-			/* @__PURE__ */ p("div", { className: G("absolute inset-0 rounded-[inherit] bg-cui-subtle opacity-0", "group-data-[selected=true]:opacity-100", "transition-[inset] duration-150 ease-cui-out-expo motion-reduce:transition-none", "group-active:inset-px") }),
+			/* @__PURE__ */ p("div", { className: W("absolute inset-0 rounded-[inherit] bg-cui-subtle opacity-0", "group-data-[selected=true]:opacity-100", "transition-[inset] duration-150 ease-cui-out-expo motion-reduce:transition-none", "group-active:inset-px") }),
 			e && /* @__PURE__ */ p("span", {
-				className: G("relative z-[1] flex size-5 shrink-0 items-center justify-center [&>svg]:size-4", "text-cui-tertiary group-data-[selected=true]:text-cui-primary"),
+				className: W("relative z-[1] flex size-5 shrink-0 items-center justify-center [&>svg]:size-4", "text-cui-tertiary group-data-[selected=true]:text-cui-primary"),
 				children: e
 			}),
 			/* @__PURE__ */ p("span", {
@@ -2625,55 +2883,149 @@ var jn = {
 				children: r
 			}),
 			t && /* @__PURE__ */ p("kbd", {
-				className: "text-cui-tertiary pointer-events-none relative z-[1] ml-auto text-xs tracking-widest",
+				className: "text-cui-tertiary text-cui-sm pointer-events-none relative z-[1] ml-auto tracking-widest",
 				children: t
 			})
 		]
 	});
-}), Rn = i(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ p(W.Separator, {
+}), pr = i(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ p(U.Separator, {
 		ref: n,
-		className: G("border-cui-neutral my-1 border-t", e),
+		className: W("border-cui-neutral mx-2 my-1 border-t", e),
 		...t
 	});
 });
-function zn({ open: e, onOpenChange: t, children: n, className: r }) {
-	return /* @__PURE__ */ p(L.Root, {
+function mr({ open: e, onOpenChange: t, children: n, className: r }) {
+	return /* @__PURE__ */ p(I.Root, {
 		open: e,
 		onOpenChange: t,
-		children: /* @__PURE__ */ m(L.Portal, { children: [/* @__PURE__ */ p(L.Backdrop, { className: G("fixed inset-0 z-40 bg-cui-overlay backdrop-blur-[2px]", "transition-opacity duration-150", "data-[starting-style]:opacity-0", "data-[ending-style]:opacity-0", "motion-reduce:transition-none") }), /* @__PURE__ */ p(L.Popup, {
-			className: G("bg-cui-base-1 fixed top-[20%] left-1/2 z-50 w-[90vw] max-w-[520px] -translate-x-1/2 rounded-lg p-0.5 shadow-xl", "transition-[opacity,scale] duration-150 ease-out", "data-[starting-style]:opacity-0 data-[starting-style]:scale-[0.96]", "data-[ending-style]:opacity-0 data-[ending-style]:scale-[0.98]", "motion-reduce:transition-none", "focus:outline-none", r),
+		children: /* @__PURE__ */ m(I.Portal, { children: [/* @__PURE__ */ p(I.Backdrop, { className: W("fixed inset-0 z-40 bg-cui-overlay backdrop-blur-[2px]", "transition-opacity duration-150", "data-[starting-style]:opacity-0", "data-[ending-style]:opacity-0", "motion-reduce:transition-none") }), /* @__PURE__ */ p(I.Popup, {
+			className: W("bg-cui-base-1 fixed top-[20%] left-1/2 z-50 w-[90vw] max-w-[520px] -translate-x-1/2 rounded-lg p-1 shadow-lg", "transition-[opacity,scale] duration-150 ease-out", "data-[starting-style]:opacity-0 data-[starting-style]:scale-[0.96]", "data-[ending-style]:opacity-0 data-[ending-style]:scale-[0.98]", "motion-reduce:transition-none", "focus:outline-none", r),
 			children: n
 		})] })
 	});
 }
-var Bn = {
-	Root: Mn,
-	Input: Nn,
-	List: Pn,
-	Empty: Fn,
-	Group: In,
-	Item: Ln,
-	Separator: Rn,
-	Dialog: zn
-}, Vn = i(function({ show: e, message: t = "You have unsaved changes", discardLabel: n = "Reset", saveLabel: r = "Save changes", onDiscard: i, onSave: a, saving: o = !1, saveDisabled: s = !1, shake: c = !1, className: l }, u) {
+var hr = {
+	Root: sr,
+	Input: cr,
+	List: lr,
+	Empty: ur,
+	Group: dr,
+	Item: fr,
+	Separator: pr,
+	Dialog: mr
+}, gr = {
+	xs: {
+		height: "h-6",
+		padding: "px-1.5",
+		textPadding: "px-1",
+		icon: "w-6"
+	},
+	sm: {
+		height: "h-7",
+		padding: "px-1.5",
+		textPadding: "px-1",
+		icon: "w-7"
+	},
+	md: {
+		height: "h-8",
+		padding: "px-2",
+		textPadding: "px-1",
+		icon: "w-8"
+	}
+}, _r = i(function({ size: e = "md", iconLeft: t, iconRight: n, disabled: r, className: i, children: a, ...o }, s) {
+	let c = gr[e];
+	return /* @__PURE__ */ m(me, {
+		ref: s,
+		disabled: r,
+		className: W("group/toggle-btn relative inline-flex cursor-pointer items-center justify-center", "rounded text-cui-base whitespace-pre select-none", "outline-none focus-visible:ring-2 focus-visible:ring-cui-focus focus-visible:ring-offset-2", "text-cui-secondary", "data-[pressed]:text-cui-primary data-[pressed]:bg-cui-subtle", r && "pointer-events-none opacity-50", !a && !n ? W(c.height, c.icon) : W(c.height, c.padding, "w-fit"), i),
+		...o,
+		children: [
+			/* @__PURE__ */ p("div", { className: W("absolute rounded-[inherit] opacity-0 inset-1", "bg-cui-subtle", !r && [
+				"transition-[inset,opacity] duration-150 ease-cui-out-expo motion-reduce:transition-none",
+				"group-hover/toggle-btn:inset-0 group-hover/toggle-btn:opacity-100",
+				"group-active/toggle-btn:inset-px"
+			]) }),
+			t && /* @__PURE__ */ p("span", {
+				className: "relative z-[1] flex size-5 shrink-0 items-center justify-center [&>svg]:size-4",
+				children: t
+			}),
+			a && /* @__PURE__ */ p("span", {
+				className: W("relative z-[1] inline", c.textPadding),
+				children: a
+			}),
+			n && /* @__PURE__ */ p("span", {
+				className: "relative z-[1] flex size-5 shrink-0 items-center justify-center [&>svg]:size-4",
+				children: n
+			})
+		]
+	});
+}), vr = i(function({ orientation: e = "horizontal", className: t, ...n }, r) {
+	return /* @__PURE__ */ p("div", {
+		ref: r,
+		role: "group",
+		className: W("inline-flex", e === "vertical" ? "flex-col" : "flex-row", e === "horizontal" ? ["[&>*]:rounded-none [&>*:first-child]:rounded-l [&>*:last-child]:rounded-r", "[&>*+*]:-ml-px"] : ["[&>*]:rounded-none [&>*:first-child]:rounded-t [&>*:last-child]:rounded-b", "[&>*+*]:-mt-px"], t),
+		...n
+	});
+}), yr = i(function({ orientation: e = "horizontal", className: t, ...n }, r) {
+	return /* @__PURE__ */ p(he, {
+		ref: r,
+		className: W("inline-flex", e === "vertical" ? "flex-col" : "flex-row", e === "horizontal" ? ["[&>*]:rounded-none [&>*:first-child]:rounded-l [&>*:last-child]:rounded-r", "[&>*+*]:-ml-px"] : ["[&>*]:rounded-none [&>*:first-child]:rounded-t [&>*:last-child]:rounded-b", "[&>*+*]:-mt-px"], t),
+		...n
+	});
+}), br = i(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ p(ge, {
+		ref: n,
+		className: W("flex flex-col gap-2", e),
+		...t
+	});
+}), xr = {
+	sm: {
+		radio: "size-4",
+		indicator: "size-1.5",
+		label: "text-cui-sm"
+	},
+	md: {
+		radio: "size-[18px]",
+		indicator: "size-2",
+		label: "text-cui-base"
+	}
+}, Sr = {
+	Root: br,
+	Item: i(function({ size: e = "md", label: t, className: n, value: r, ...i }, a) {
+		let o = xr[e], s = /* @__PURE__ */ p(_e.Root, {
+			ref: a,
+			value: r,
+			className: W("group/radio relative inline-flex shrink-0 items-center justify-center rounded-full", "border border-cui-neutral bg-cui-base-2", "outline-none focus-visible:ring-2 focus-visible:ring-cui-focus focus-visible:ring-offset-2", "transition-colors duration-150 ease-out", "motion-reduce:transition-none", "cursor-pointer", "data-[checked]:border-cui-accent data-[checked]:bg-cui-accent", "data-[disabled]:pointer-events-none data-[disabled]:opacity-50", "before:absolute before:inset-1/2 before:size-8 before:-translate-1/2", o.radio, !t && n),
+			...i,
+			children: /* @__PURE__ */ p(_e.Indicator, { className: W("rounded-full bg-cui-accent-on", "scale-100 opacity-100", "data-[unchecked]:scale-0 data-[unchecked]:opacity-0", "data-[starting-style]:scale-0 data-[starting-style]:opacity-0", "data-[ending-style]:scale-0 data-[ending-style]:opacity-0", "transition-[scale,opacity] duration-150 ease-cui-out-expo", "motion-reduce:transition-none", o.indicator) })
+		});
+		return t ? /* @__PURE__ */ m("label", {
+			className: W("inline-flex items-center gap-2 select-none", "cursor-pointer data-[disabled]:cursor-not-allowed", n),
+			children: [s, /* @__PURE__ */ p("span", {
+				className: W("text-cui-primary", o.label),
+				children: t
+			})]
+		}) : s;
+	})
+}, Cr = i(function({ show: e, message: t = "You have unsaved changes", discardLabel: n = "Reset", saveLabel: r = "Save changes", onDiscard: i, onSave: a, saving: o = !1, saveDisabled: s = !1, shake: c = !1, className: l }, u) {
 	return /* @__PURE__ */ p("div", {
 		ref: u,
 		"aria-live": "polite",
-		className: G("pointer-events-none fixed inset-x-0 bottom-0 z-50 flex justify-center pb-6", l),
+		className: W("pointer-events-none fixed inset-x-0 bottom-0 z-50 flex justify-center pb-6", l),
 		children: /* @__PURE__ */ m("div", {
-			className: G("pointer-events-auto", "bg-cui-base-2 border-cui-neutral shadow-lg", "flex items-center gap-5 rounded-xl border py-1.5 pr-1.5 pl-3.5", "transition-all duration-500 ease-cui-out-expo", "motion-reduce:transition-none", e ? "translate-y-0 scale-100 opacity-100" : "pointer-events-none translate-y-4 scale-95 opacity-0", c && "animate-cui-shake"),
+			className: W("pointer-events-auto", "bg-cui-base-2 border-cui-neutral shadow-lg", "flex items-center gap-5 rounded-xl border py-1.5 pr-1.5 pl-3.5", "transition-all duration-500 ease-cui-out-expo", "motion-reduce:transition-none", e ? "translate-y-0 scale-100 opacity-100" : "pointer-events-none translate-y-4 scale-95 opacity-0", c && "animate-cui-shake"),
 			children: [/* @__PURE__ */ p("span", {
-				className: "text-cui-primary text-sm font-medium",
+				className: "text-cui-primary text-cui-base font-medium",
 				children: t
 			}), /* @__PURE__ */ m("div", {
 				className: "flex items-center gap-1.5",
-				children: [/* @__PURE__ */ p(K, {
+				children: [/* @__PURE__ */ p(G, {
 					variant: "danger-light",
 					size: "sm",
 					onClick: i,
 					children: n
-				}), /* @__PURE__ */ p(K, {
+				}), /* @__PURE__ */ p(G, {
 					variant: "primary",
 					size: "sm",
 					onClick: a,
@@ -2684,19 +3036,19 @@ var Bn = {
 			})]
 		})
 	});
-}), Hn = {
+}), wr = {
 	narrow: "max-w-[800px]",
 	wide: "max-w-[1100px]"
-}, Un = i(function({ title: e, maxWidth: t = "narrow", leading: n, children: r, className: i }, a) {
+}, Tr = i(function({ title: e, maxWidth: t = "narrow", leading: n, children: r, className: i }, a) {
 	return /* @__PURE__ */ p("div", {
 		ref: a,
 		className: "flex flex-1 flex-col items-center gap-6 py-6",
 		children: /* @__PURE__ */ m("div", {
-			className: G("flex w-full flex-col gap-6 px-8", Hn[t], i),
+			className: W("flex w-full flex-col gap-6 px-8", wr[t], i),
 			children: [
 				n,
 				e && /* @__PURE__ */ p("span", {
-					className: "text-cui-primary text-lg font-semibold",
+					className: "text-cui-primary text-cui-xl font-semibold",
 					children: e
 				}),
 				r
@@ -2706,7 +3058,7 @@ var Bn = {
 });
 //#endregion
 //#region src/lib/use-dirty-state.ts
-function Wn(e) {
+function Er(e) {
 	let [t, n] = d(e), [r, i] = d(e);
 	return {
 		draft: r,
@@ -2728,4 +3080,4 @@ function Wn(e) {
 	};
 }
 //#endregion
-export { Cn as Accordion, _n as Alert, Sn as AlertDialog, it as AppHeader, Z as Avatar, vt as Badge, K as Button, J as Card, Oe as Checkbox, Le as Combobox, ze as ComboboxButton, Be as ComboboxContent, Ve as ComboboxOption, Re as ComboboxTrigger, Bn as Command, Jt as DataTable, tn as DataTableFacetedFilter, Xt as DataTableSearch, Yt as DataTableToolbar, Ft as Dialog, jn as Drawer, Q as DropdownMenu, Tt as FlickeringGrid, Ct as Form, q as Hover, Ce as HoverGroup, Ie as Logo, Fe as NavLink, Pe as NavLinks, st as PageLayout, Kt as Pagination, ge as PixelSpinner, en as Popover, Vn as SaveBar, an as SegmentedControl, ct as Select, ut as SelectButton, dt as SelectContent, mt as SelectGroup, ht as SelectGroupLabel, ft as SelectOption, pt as SelectSeparator, lt as SelectTrigger, gt as Separator, at as SettingsCard, Un as SettingsPage, ot as SettingsRow, Et as Skeleton, ve as Spinner, $ as Table, wn as Tabs, Ee as Toggle, mn as Tooltip, sn as UserMenu, G as cn, pn as createTooltipHandle, Wn as useDirtyState };
+export { Yn as Accordion, Un as Alert, Jn as AlertDialog, ht as AppHeader, st as Avatar, Ht as Badge, G as Button, vr as ButtonGroup, q as Card, Le as Checkbox, qe as Combobox, Ye as ComboboxButton, Xe as ComboboxContent, Ze as ComboboxOption, Je as ComboboxTrigger, hr as Command, bn as DataTable, Dn as DataTableFacetedFilter, Sn as DataTableSearch, xn as DataTableToolbar, on as Dialog, or as Drawer, Q as DropdownMenu, Yt as FlickeringGrid, qt as Form, K as Hover, Me as HoverGroup, Ke as Logo, Ge as NavLink, We as NavLinks, At as PageLayout, vn as Pagination, Te as PixelSpinner, En as Popover, Sr as RadioGroup, Cr as SaveBar, jn as SegmentedControl, jt as Select, Nt as SelectButton, Pt as SelectContent, Lt as SelectGroup, Rt as SelectGroupLabel, Ft as SelectOption, It as SelectSeparator, Mt as SelectTrigger, zt as Separator, gt as SettingsCard, Tr as SettingsPage, _t as SettingsRow, Z as Sidebar, Xt as Skeleton, De as Spinner, $ as Table, $n as Tabs, Fe as Toggle, _r as ToggleButton, yr as ToggleButtonGroup, Bn as Tooltip, Nn as UserMenu, W as cn, zn as createTooltipHandle, Er as useDirtyState, X as useSidebar };