@coderabbitai/carrot-ui 0.1.23 → 0.2.0

package/dist/index.js

@@ -1,32 +1,32 @@
 import { clsx as e } from "clsx";
 import { extendTailwindMerge as t } from "tailwind-merge";
 import { ArrowLeftIcon as n, ArrowRightStartOnRectangleIcon as r, ArrowTopRightOnSquareIcon as i, CheckCircleIcon as a, CheckIcon as o, ChevronDownIcon as s, ChevronLeftIcon as c, ChevronRightIcon as l, ChevronUpDownIcon as u, ChevronUpIcon as d, ComputerDesktopIcon as f, ExclamationTriangleIcon as p, InformationCircleIcon as m, MagnifyingGlassIcon as h, MinusIcon as g, MoonIcon as _, PlusCircleIcon as v, SunIcon as y, XCircleIcon as b, XMarkIcon as x } from "@heroicons/react/16/solid";
-import { createContext as S, forwardRef as C, useCallback as w, useContext as ee, useEffect as te, useLayoutEffect as T, useMemo as E, useRef as D, useState as O } from "react";
-import { Fragment as k, jsx as A, jsxs as j } from "react/jsx-runtime";
-import { Combobox as M } from "@base-ui/react/combobox";
+import { createContext as S, forwardRef as C, useCallback as w, useContext as T, useEffect as ee, useLayoutEffect as E, useMemo as D, useRef as O, useState as k, useSyncExternalStore as te } from "react";
+import { Fragment as A, jsx as j, jsxs as M } from "react/jsx-runtime";
+import { Combobox as N } from "@base-ui/react/combobox";
 import { Button as ne } from "@base-ui/react/button";
 import { Switch as re } from "@base-ui/react/switch";
 import { Checkbox as ie } from "@base-ui/react/checkbox";
-import { AnimatePresence as N, motion as P } from "motion/react";
-import { Tooltip as F } from "@base-ui/react/tooltip";
-import { Select as I } from "@base-ui/react/select";
+import { AnimatePresence as P, motion as F } from "motion/react";
+import { Drawer as I } from "@base-ui/react/drawer";
+import { Tooltip as L } from "@base-ui/react/tooltip";
+import { Select as R } from "@base-ui/react/select";
 import { Separator as ae } from "@base-ui/react/separator";
-import { Field as L } from "@base-ui/react/field";
-import { Menu as R } from "@base-ui/react/menu";
-import { Dialog as z } from "@base-ui/react/dialog";
-import { flexRender as oe, getCoreRowModel as se, getFilteredRowModel as ce, getPaginationRowModel as le, getSortedRowModel as ue, useReactTable as de } from "@tanstack/react-table";
-import { Popover as B } from "@base-ui/react/popover";
-import { AlertDialog as V } from "@base-ui/react/alert-dialog";
-import { Accordion as fe } from "@base-ui/react/accordion";
-import { Tabs as pe } from "@base-ui/react/tabs";
-import { Drawer as H } from "@base-ui/react/drawer";
+import { Field as oe } from "@base-ui/react/field";
+import { Menu as z } from "@base-ui/react/menu";
+import { Dialog as B } from "@base-ui/react/dialog";
+import { flexRender as se, getCoreRowModel as ce, getFilteredRowModel as le, getPaginationRowModel as ue, getSortedRowModel as de, useReactTable as fe } from "@tanstack/react-table";
+import { Popover as V } from "@base-ui/react/popover";
+import { AlertDialog as H } from "@base-ui/react/alert-dialog";
+import { Accordion as pe } from "@base-ui/react/accordion";
+import { Tabs as me } from "@base-ui/react/tabs";
 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";
+import { Toggle as he } from "@base-ui/react/toggle";
+import { ToggleGroup as ge } from "@base-ui/react/toggle-group";
+import { RadioGroup as _e } from "@base-ui/react/radio-group";
+import { Radio as ve } from "@base-ui/react/radio";
 //#region src/lib/cn.ts
-var ve = t({ extend: { classGroups: {
+var ye = t({ extend: { classGroups: {
 	"font-size": [{ "text-cui": [
 		"sm",
 		"base",
@@ -49,12 +49,12 @@ var ve = t({ extend: { classGroups: {
 	] }]
 } } });
 function W(...t) {
-	return ve(e(t));
+	return ye(e(t));
 }
 //#endregion
 //#region src/components/hover/hover.tsx
-var ye = S(null);
-function be(e) {
+var be = S(null);
+function xe(e) {
 	return {
 		left: e.offsetLeft,
 		top: e.offsetTop,
@@ -62,13 +62,13 @@ function be(e) {
 		height: e.offsetHeight
 	};
 }
-function xe({ children: e, background: t = "bg-cui-subtle", borderRadius: n = "rounded-sm", className: r }) {
-	let i = D(/* @__PURE__ */ new Map()), [a, o] = O(null), s = D(null), [c, l] = O("idle"), u = w((e, t) => {
+function Se({ children: e, background: t = "bg-cui-subtle", borderRadius: n = "rounded-sm", className: r }) {
+	let i = O(/* @__PURE__ */ new Map()), [a, o] = k(null), s = O(null), [c, l] = k("idle"), u = w((e, t) => {
 		t ? i.current.set(e, t) : i.current.delete(e);
 	}, []), d = w((e) => {
 		let t = i.current.get(e);
 		if (!t) return;
-		let n = be(t);
+		let n = xe(t);
 		l((e) => e === "idle" ? "fade" : "slide"), o(n);
 	}, []), f = w(() => {
 		l("idle"), o(null);
@@ -76,7 +76,7 @@ function xe({ children: e, background: t = "bg-cui-subtle", borderRadius: n = "r
 		l("idle"), o(null);
 	}, []), m = a !== null, h = a ?? s.current;
 	a && (s.current = a);
-	let g = E(() => ({
+	let g = D(() => ({
 		registerItem: u,
 		onItemHover: d,
 		dismissHover: p
@@ -85,12 +85,12 @@ function xe({ children: e, background: t = "bg-cui-subtle", borderRadius: n = "r
 		d,
 		p
 	]);
-	return /* @__PURE__ */ A(ye.Provider, {
+	return /* @__PURE__ */ j(be.Provider, {
 		value: g,
-		children: /* @__PURE__ */ j("div", {
+		children: /* @__PURE__ */ M("div", {
 			onPointerLeave: f,
 			className: W("group/h relative flex items-center", r),
-			children: [/* @__PURE__ */ A("div", {
+			children: [/* @__PURE__ */ j("div", {
 				"aria-hidden": !0,
 				className: W("pointer-events-none absolute left-0 top-0 z-0", "motion-reduce:transition-none", c === "slide" ? "transition-[translate,width,height,opacity,scale] duration-200 ease-cui-out-expo" : "transition-[opacity,scale] duration-200 ease-cui-out-expo", m ? "scale-100 opacity-100" : "scale-95 opacity-0"),
 				style: h ? {
@@ -98,14 +98,14 @@ function xe({ children: e, background: t = "bg-cui-subtle", borderRadius: n = "r
 					height: h.height,
 					translate: `${h.left}px ${h.top}px`
 				} : void 0,
-				children: /* @__PURE__ */ A("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") })
+				children: /* @__PURE__ */ j("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 G({ children: e, active: t = !1, background: n = "bg-cui-subtle", backgroundClassName: r, borderRadius: i = "rounded", focus: a = !0, interactive: o = !0, instantHover: s = !1, disabled: c = !1, fullWidth: l = !1, className: u, ...d }) {
-	let f = ee(ye);
-	return f ? /* @__PURE__ */ A(Se, {
+	let f = T(be);
+	return f ? /* @__PURE__ */ j(Ce, {
 		group: f,
 		active: t,
 		background: n,
@@ -117,34 +117,34 @@ function G({ children: e, active: t = !1, background: n = "bg-cui-subtle", backg
 		className: u,
 		...d,
 		children: e
-	}) : /* @__PURE__ */ j("div", {
+	}) : /* @__PURE__ */ M("div", {
 		...d,
 		className: W("group/h relative flex min-w-0 items-center text-cui-primary text-cui-base", l ? "w-full" : "w-fit", u),
-		children: [/* @__PURE__ */ A("div", { className: W("absolute", s ? "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, !c && "group-hover/h:inset-0 group-hover/h:opacity-100", o && !c && "group-active/h:inset-px", t ? "opacity-100 inset-0" : s ? "opacity-0 inset-0" : "opacity-0 inset-1", a && !c && "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__ */ A("div", {
+		children: [/* @__PURE__ */ j("div", { className: W("absolute", s ? "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, !c && "group-hover/h:inset-0 group-hover/h:opacity-100", o && !c && "group-active/h:inset-px", t ? "opacity-100 inset-0" : s ? "opacity-0 inset-0" : "opacity-0 inset-1", a && !c && "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__ */ j("div", {
 			className: "relative z-[2] flex w-full min-w-0 items-center gap-2",
 			children: e
 		})]
 	});
 }
-function Se({ children: e, group: t, active: n, background: r, backgroundClassName: i, borderRadius: a, interactive: o, disabled: s, fullWidth: c, className: l, ...u }) {
-	let d = D(null), f = D(null);
+function Ce({ children: e, group: t, active: n, background: r, backgroundClassName: i, borderRadius: a, interactive: o, disabled: s, fullWidth: c, className: l, ...u }) {
+	let d = O(null), f = O(null);
 	f.current === null && (f.current = Math.random());
-	let p = f.current, m = D(t);
-	m.current = t, T(() => {
+	let p = f.current, m = O(t);
+	m.current = t, E(() => {
 		let e = m.current;
 		return e.registerItem(p, d.current), () => e.registerItem(p, null);
 	}, [p]);
-	let h = D(n);
-	return T(() => {
+	let h = O(n);
+	return E(() => {
 		n && !h.current && t.dismissHover(), h.current = n;
-	}, [n, t]), /* @__PURE__ */ j("div", {
+	}, [n, t]), /* @__PURE__ */ M("div", {
 		...u,
 		ref: d,
 		onPointerEnter: (e) => {
-			u.onPointerEnter?.(e), !s && (n ? t.dismissHover() : t.onItemHover(p));
+			u.onPointerEnter?.(e), s || n ? t.dismissHover() : t.onItemHover(p);
 		},
 		className: W("group/hi relative z-[1] flex items-center text-cui-primary text-cui-base", c ? "w-full" : "w-fit", l),
-		children: [/* @__PURE__ */ A("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__ */ A("div", {
+		children: [/* @__PURE__ */ j("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__ */ j("div", {
 			className: "relative z-[2] flex w-full min-w-0 items-center gap-2",
 			children: e
 		})]
@@ -152,7 +152,7 @@ function Se({ children: e, group: t, active: n, background: r, backgroundClassNa
 }
 //#endregion
 //#region src/components/spinner/pixel-spinner.tsx
-var Ce = [
+var we = [
 	0,
 	1,
 	2,
@@ -161,7 +161,7 @@ var Ce = [
 	7,
 	6,
 	3
-], we = [
+], Te = [
 	0,
 	1,
 	2,
@@ -171,23 +171,23 @@ var Ce = [
 	2,
 	3,
 	4
-], Te = {
+], Ee = {
 	xs: 10,
 	sm: 14,
 	md: 20,
 	lg: 32
-}, Ee = !1;
-function De() {
-	if (Ee || typeof document > "u") return;
+}, De = !1;
+function Oe() {
+	if (De || 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), Ee = !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), De = !0;
 }
-function Oe(e, t, n) {
+function ke(e, t, n) {
 	let r = `${n}s`;
 	switch (e) {
-		case "hole": return t === 4 ? null : `pxs-ring-off ${r} ${(-(Ce.indexOf(t) / 8) * n).toFixed(3)}s steps(1) infinite`;
-		case "trail": return t === 4 ? null : `pxs-trail-5 ${r} ${(-(Ce.indexOf(t) / 8) * n).toFixed(3)}s linear infinite`;
-		case "wave": return `pxs-wave ${r} ${(-((we[t] ?? 0) / 5) * n).toFixed(3)}s ease-in-out infinite`;
+		case "hole": return t === 4 ? null : `pxs-ring-off ${r} ${(-(we.indexOf(t) / 8) * n).toFixed(3)}s steps(1) infinite`;
+		case "trail": return t === 4 ? null : `pxs-trail-5 ${r} ${(-(we.indexOf(t) / 8) * n).toFixed(3)}s linear infinite`;
+		case "wave": return `pxs-wave ${r} ${(-((Te[t] ?? 0) / 5) * n).toFixed(3)}s ease-in-out infinite`;
 		case "radiate": return `pxs-radiate ${r} ${(-((t === 4 ? 0 : [
 			1,
 			3,
@@ -202,17 +202,17 @@ function Oe(e, t, n) {
 		][t % 3]} ${r} ${(-(t * .17 % 1) * n).toFixed(3)}s ease-in-out infinite`;
 	}
 }
-function ke(e, t) {
+function Ae(e, t) {
 	return t === 4 ? +(e === "hole") : 0;
 }
-function Ae({ variant: e = "wave", size: t = "xs", gap: n = .25, duration: r = 1.2, className: i }) {
-	typeof document < "u" && De();
-	let a = typeof t == "number" ? t : Te[t], o = a / (3 + 2 * n), s = o * (1 + n), c = Array.from({ length: 9 }, (e, t) => ({
+function je({ variant: e = "wave", size: t = "xs", gap: n = .25, duration: r = 1.2, className: i }) {
+	typeof document < "u" && Oe();
+	let a = typeof t == "number" ? t : Ee[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
 	}));
-	return /* @__PURE__ */ A("span", {
+	return /* @__PURE__ */ j("span", {
 		"aria-label": "Loading",
 		role: "status",
 		className: W("inline-block text-current", i),
@@ -223,14 +223,14 @@ function Ae({ variant: e = "wave", size: t = "xs", gap: n = .25, duration: r = 1
 			"--mid": "0.5",
 			"--hi": "1"
 		},
-		children: /* @__PURE__ */ A("svg", {
+		children: /* @__PURE__ */ j("svg", {
 			width: a,
 			height: a,
 			viewBox: `0 0 ${a} ${a}`,
 			"aria-hidden": "true",
 			children: c.map(({ row: t, col: n, cellIndex: i }) => {
-				let a = Oe(e, i, r), c = ke(e, i);
-				return /* @__PURE__ */ A("rect", {
+				let a = ke(e, i, r), c = Ae(e, i);
+				return /* @__PURE__ */ j("rect", {
 					className: "pxs-cell",
 					x: n * s,
 					y: t * s,
@@ -248,24 +248,24 @@ function Ae({ variant: e = "wave", size: t = "xs", gap: n = .25, duration: r = 1
 }
 //#endregion
 //#region src/components/spinner/spinner.tsx
-var je = {
+var Me = {
 	sm: 10,
 	md: 12
-}, Me = C(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 = je[r];
-	return /* @__PURE__ */ j("span", {
+}, Ne = C(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 = Me[r];
+	return /* @__PURE__ */ M("span", {
 		ref: o,
 		className: W("inline-flex items-center gap-1.5", a),
-		children: [n && /* @__PURE__ */ A(Ae, {
+		children: [n && /* @__PURE__ */ j(je, {
 			variant: i,
 			size: c,
 			duration: 1.2
-		}), e && /* @__PURE__ */ j("span", {
+		}), e && /* @__PURE__ */ M("span", {
 			className: W("text-current", s),
-			children: [e, t && /* @__PURE__ */ A("span", { className: "after:animate-cui-dot-cycle inline-block w-[2ch] text-left after:content-['.']" })]
+			children: [e, t && /* @__PURE__ */ j("span", { className: "after:animate-cui-dot-cycle inline-block w-[2ch] text-left after:content-['.']" })]
 		})]
 	});
-}), Ne = {
+}), Pe = {
 	primary: {
 		active: !0,
 		bg: "bg-cui-inverse",
@@ -302,7 +302,7 @@ var je = {
 		bgClassName: "group-hover/btn:bg-cui-danger/30 group-active/btn:bg-cui-danger/50",
 		text: "text-cui-danger"
 	}
-}, Pe = {
+}, Fe = {
 	xs: {
 		height: "h-6",
 		padding: "px-1.5",
@@ -322,33 +322,33 @@ var je = {
 		icon: "w-8"
 	}
 }, K = C(function({ variant: e = "outline", size: t = "md", iconLeft: n, iconRight: r, loading: i = !1, disabled: a, className: o, children: s, ...c }, l) {
-	let u = Ne[e], d = Pe[t], f = !s && !r ? W(d.height, d.icon) : W(d.height, d.padding, "w-fit");
-	return /* @__PURE__ */ j(ne, {
+	let u = Pe[e], d = Fe[t], f = !s && !r ? W(d.height, d.icon) : W(d.height, d.padding, "w-fit");
+	return /* @__PURE__ */ M(ne, {
 		ref: l,
 		disabled: a,
 		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 ", a && "pointer-events-none opacity-50", u.text, f, o),
 		...c,
 		children: [
-			/* @__PURE__ */ A("div", { className: W("absolute rounded-[inherit]", u.bg, u.bgClassName, u.active ? "opacity-100 inset-0" : "opacity-0 inset-1", !a && [
+			/* @__PURE__ */ j("div", { className: W("absolute rounded-[inherit]", u.bg, u.bgClassName, u.active ? "opacity-100 inset-0" : "opacity-0 inset-1", !a && [
 				"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"
 			]) }),
-			n && /* @__PURE__ */ A("span", {
+			n && /* @__PURE__ */ j("span", {
 				className: W("relative z-[1] size-5 shrink-0 flex items-center justify-center [&>svg]:size-4", i && "opacity-0"),
 				children: n
 			}),
-			s && /* @__PURE__ */ A("span", {
+			s && /* @__PURE__ */ j("span", {
 				className: W("relative z-[1] inline", d.textPadding, i && "opacity-0"),
 				children: s
 			}),
-			r && /* @__PURE__ */ A("span", {
+			r && /* @__PURE__ */ j("span", {
 				className: W("relative z-[1] size-5 shrink-0 flex items-center justify-center [&>svg]:size-4", i && "opacity-0"),
 				children: r
 			}),
-			i && /* @__PURE__ */ A("span", {
+			i && /* @__PURE__ */ j("span", {
 				className: "absolute inset-0 z-[2] flex items-center justify-center",
-				children: /* @__PURE__ */ A(Me, {
+				children: /* @__PURE__ */ j(Ne, {
 					showDots: !1,
 					size: "sm"
 				})
@@ -357,7 +357,7 @@ var je = {
 	});
 }), q = {
 	Panel: C(function({ minWidth: e, className: t, children: n, ...r }, i) {
-		return /* @__PURE__ */ A("div", {
+		return /* @__PURE__ */ j("div", {
 			ref: i,
 			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,
@@ -365,18 +365,18 @@ var je = {
 		});
 	}),
 	Item: C(function({ icon: e, indicator: t, variant: n = "default", className: r, children: i, ...a }, o) {
-		return /* @__PURE__ */ j("div", {
+		return /* @__PURE__ */ M("div", {
 			ref: o,
 			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__ */ A("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__ */ A("span", {
+				/* @__PURE__ */ j("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__ */ j("span", {
 					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,
-				t && /* @__PURE__ */ A("span", {
+				t && /* @__PURE__ */ j("span", {
 					className: "text-cui-accent relative z-[1] ml-auto [&>svg]:size-4",
 					children: t
 				})
@@ -384,14 +384,14 @@ var je = {
 		});
 	}),
 	ItemIndicator: C(function({ className: e }, t) {
-		return /* @__PURE__ */ A("span", {
+		return /* @__PURE__ */ j("span", {
 			ref: t,
 			className: W("relative z-[1] ml-auto text-cui-secondary [&>svg]:size-4", e),
-			children: /* @__PURE__ */ A(o, {})
+			children: /* @__PURE__ */ j(o, {})
 		});
 	}),
 	List: C(function({ className: e, children: t, ...n }, r) {
-		return /* @__PURE__ */ A("div", {
+		return /* @__PURE__ */ j("div", {
 			ref: r,
 			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,
@@ -399,14 +399,14 @@ var je = {
 		});
 	}),
 	Separator: C(function({ className: e, ...t }, n) {
-		return /* @__PURE__ */ A("div", {
+		return /* @__PURE__ */ j("div", {
 			ref: n,
 			className: W("my-1 border-t border-cui-neutral", e),
 			...t
 		});
 	}),
 	GroupLabel: C(function({ className: e, children: t, ...n }, r) {
-		return /* @__PURE__ */ A("div", {
+		return /* @__PURE__ */ j("div", {
 			ref: r,
 			className: W("px-2 py-1.5 text-cui-sm font-medium text-cui-tertiary select-none", e),
 			...n,
@@ -414,7 +414,7 @@ var je = {
 		});
 	}),
 	Positioner: C(function({ className: e, children: t, ...n }, r) {
-		return /* @__PURE__ */ A("div", {
+		return /* @__PURE__ */ j("div", {
 			ref: r,
 			className: W("z-50 outline-none", e),
 			...n,
@@ -422,15 +422,15 @@ var je = {
 		});
 	}),
 	SearchInput: C(function({ className: e, children: t, ...n }, r) {
-		return /* @__PURE__ */ j("div", {
+		return /* @__PURE__ */ M("div", {
 			ref: r,
 			className: W("mb-0.5 flex items-center gap-2 rounded px-2 py-1.5", e),
 			...n,
-			children: [/* @__PURE__ */ A(h, { className: "text-cui-tertiary size-4 shrink-0" }), t]
+			children: [/* @__PURE__ */ j(h, { className: "text-cui-tertiary size-4 shrink-0" }), t]
 		});
 	}),
 	Empty: C(function({ className: e, children: t, ...n }, r) {
-		return /* @__PURE__ */ A("div", {
+		return /* @__PURE__ */ j("div", {
 			ref: r,
 			className: W("text-cui-secondary px-2 py-4 text-center text-cui-base empty:hidden", e),
 			...n,
@@ -440,9 +440,9 @@ var je = {
 };
 //#endregion
 //#region src/components/combobox/combobox.tsx
-function Fe({ value: e, defaultValue: t, onValueChange: n, items: r, children: i, className: a }) {
-	let [o, s] = O("");
-	return /* @__PURE__ */ A(M.Root, {
+function Ie({ value: e, defaultValue: t, onValueChange: n, items: r, children: i, className: a }) {
+	let [o, s] = k("");
+	return /* @__PURE__ */ j(N.Root, {
 		value: e,
 		defaultValue: t,
 		onValueChange: n ? (e) => {
@@ -455,176 +455,176 @@ function Fe({ value: e, defaultValue: t, onValueChange: n, items: r, children: i
 			e && s("");
 		},
 		autoHighlight: !0,
-		children: a ? /* @__PURE__ */ A("div", {
+		children: a ? /* @__PURE__ */ j("div", {
 			className: a,
 			children: i
 		}) : i
 	});
 }
-var Ie = C(function({ children: e, className: t }, n) {
-	return /* @__PURE__ */ A(M.Trigger, {
+var Le = C(function({ children: e, className: t }, n) {
+	return /* @__PURE__ */ j(N.Trigger, {
 		ref: n,
 		className: W("cursor-pointer outline-none focus-visible:ring-2 focus-visible:ring-cui-focus focus-visible:ring-offset-2 rounded", t),
 		children: e
 	});
-}), Le = C(function({ placeholder: e, size: t, className: n }, r) {
-	return /* @__PURE__ */ A(M.Trigger, {
+}), Re = C(function({ placeholder: e, size: t, className: n }, r) {
+	return /* @__PURE__ */ j(N.Trigger, {
 		ref: r,
-		render: /* @__PURE__ */ A(K, {
+		render: /* @__PURE__ */ j(K, {
 			variant: "outline",
 			size: t,
-			iconRight: /* @__PURE__ */ A(u, {}),
+			iconRight: /* @__PURE__ */ j(u, {}),
 			className: n,
-			children: /* @__PURE__ */ A(M.Value, { placeholder: e })
+			children: /* @__PURE__ */ j(N.Value, { placeholder: e })
 		})
 	});
 });
-function Re({ 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__ */ A(ze, {
+function ze({ 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__ */ j(Be, {
 		value: e.value,
 		icon: e.icon,
 		children: e.label
 	}, e.value));
-	return /* @__PURE__ */ A(M.Portal, { children: /* @__PURE__ */ A(M.Positioner, {
+	return /* @__PURE__ */ j(N.Portal, { children: /* @__PURE__ */ j(N.Positioner, {
 		align: e,
 		sideOffset: 4,
-		render: /* @__PURE__ */ A(q.Positioner, {}),
-		children: /* @__PURE__ */ j(M.Popup, {
-			render: /* @__PURE__ */ A(q.Panel, {
+		render: /* @__PURE__ */ j(q.Positioner, {}),
+		children: /* @__PURE__ */ M(N.Popup, {
+			render: /* @__PURE__ */ j(q.Panel, {
 				minWidth: r,
 				className: a
 			}),
 			children: [
-				/* @__PURE__ */ A(q.SearchInput, { children: /* @__PURE__ */ A(M.Input, {
+				/* @__PURE__ */ j(q.SearchInput, { children: /* @__PURE__ */ j(N.Input, {
 					placeholder: t,
 					className: "text-cui-primary placeholder:text-cui-tertiary text-cui-base flex-1 bg-transparent outline-none"
 				}) }),
-				/* @__PURE__ */ A(M.Empty, {
-					render: /* @__PURE__ */ A(q.Empty, {}),
+				/* @__PURE__ */ j(N.Empty, {
+					render: /* @__PURE__ */ j(q.Empty, {}),
 					children: n
 				}),
-				/* @__PURE__ */ A(M.List, {
-					render: /* @__PURE__ */ A(q.List, {}),
+				/* @__PURE__ */ j(N.List, {
+					render: /* @__PURE__ */ j(q.List, {}),
 					children: o
 				})
 			]
 		})
 	}) });
 }
-var ze = C(function({ value: e, icon: t, children: n, className: r }, i) {
-	return /* @__PURE__ */ j(M.Item, {
+var Be = C(function({ value: e, icon: t, children: n, className: r }, i) {
+	return /* @__PURE__ */ M(N.Item, {
 		ref: i,
 		value: e,
-		render: /* @__PURE__ */ A(q.Item, {
+		render: /* @__PURE__ */ j(q.Item, {
 			icon: t,
 			className: r
 		}),
-		children: [/* @__PURE__ */ A("span", {
+		children: [/* @__PURE__ */ j("span", {
 			className: "relative z-[1] flex-1",
 			children: n
-		}), /* @__PURE__ */ A(M.ItemIndicator, { render: /* @__PURE__ */ A(q.ItemIndicator, {}) })]
+		}), /* @__PURE__ */ j(N.ItemIndicator, { render: /* @__PURE__ */ j(q.ItemIndicator, {}) })]
 	});
-}), Be = C(function({ className: e, children: t }, n) {
-	return /* @__PURE__ */ A(M.Group, {
+}), Ve = C(function({ className: e, children: t }, n) {
+	return /* @__PURE__ */ j(N.Group, {
 		ref: n,
 		className: W("flex flex-col", e),
 		children: t
 	});
-}), Ve = C(function({ className: e, children: t }, n) {
-	return /* @__PURE__ */ A(M.GroupLabel, {
+}), He = C(function({ className: e, children: t }, n) {
+	return /* @__PURE__ */ j(N.GroupLabel, {
 		ref: n,
-		render: /* @__PURE__ */ A(q.GroupLabel, { className: e }),
+		render: /* @__PURE__ */ j(q.GroupLabel, { className: e }),
 		children: t
 	});
-}), He = C(function({ className: e }, t) {
-	return /* @__PURE__ */ A(M.Separator, {
+}), Ue = C(function({ className: e }, t) {
+	return /* @__PURE__ */ j(N.Separator, {
 		ref: t,
-		render: /* @__PURE__ */ A(q.Separator, { className: e })
+		render: /* @__PURE__ */ j(q.Separator, { className: e })
 	});
 });
 //#endregion
 //#region src/components/breadcrumb/breadcrumb.tsx
-function Ue({ to: e, href: t, className: n, children: r }) {
-	return /* @__PURE__ */ A("a", {
+function We({ to: e, href: t, className: n, children: r }) {
+	return /* @__PURE__ */ j("a", {
 		href: e ?? t,
 		className: n,
 		children: r
 	});
 }
-function We() {
-	return /* @__PURE__ */ A("div", {
+function Ge() {
+	return /* @__PURE__ */ j("div", {
 		className: "flex w-4 shrink-0 items-center justify-center self-stretch",
-		children: /* @__PURE__ */ A("div", { className: "bg-cui-tertiary h-4 w-px rotate-[20deg] opacity-50" })
+		children: /* @__PURE__ */ j("div", { className: "bg-cui-tertiary h-4 w-px rotate-[20deg] opacity-50" })
 	});
 }
-function Ge({ 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__ */ j(k, { children: [e.icon && /* @__PURE__ */ A("span", {
+function Ke({ 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(A, { children: [e.icon && /* @__PURE__ */ j("span", {
 		className: "flex size-5 shrink-0 items-center justify-center [&>svg]:size-4",
 		children: e.icon
-	}), /* @__PURE__ */ A("span", { children: e.label })] });
-	return t && e.href ? /* @__PURE__ */ A(n, {
+	}), /* @__PURE__ */ j("span", { children: e.label })] });
+	return t && e.href ? /* @__PURE__ */ j(n, {
 		to: e.href,
 		href: e.href,
 		className: r,
 		children: i
-	}) : /* @__PURE__ */ A("span", {
+	}) : /* @__PURE__ */ j("span", {
 		className: r,
 		children: i
 	});
 }
-function Ke() {
-	return /* @__PURE__ */ A(Ie, {
+function qe() {
+	return /* @__PURE__ */ j(Le, {
 		className: "rounded-sm",
-		children: /* @__PURE__ */ A(G, {
+		children: /* @__PURE__ */ j(G, {
 			background: "bg-cui-subtle",
 			interactive: !0,
-			children: /* @__PURE__ */ A("span", {
+			children: /* @__PURE__ */ j("span", {
 				className: "flex h-8 items-center justify-center px-0.5 select-none",
-				children: /* @__PURE__ */ A(u, { className: "text-cui-tertiary size-4" })
+				children: /* @__PURE__ */ j(u, { className: "text-cui-tertiary size-4" })
 			})
 		})
 	});
 }
-function qe({ item: e, LinkEl: t }) {
-	return e.selector && e.options ? /* @__PURE__ */ j(Fe, {
+function Je({ item: e, LinkEl: t }) {
+	return e.selector && e.options ? /* @__PURE__ */ M(Ie, {
 		value: e.value,
 		onValueChange: e.onSelect,
 		items: e.options,
-		children: [/* @__PURE__ */ j("span", {
+		children: [/* @__PURE__ */ M("span", {
 			className: "flex items-center",
-			children: [/* @__PURE__ */ A(G, {
+			children: [/* @__PURE__ */ j(G, {
 				background: "bg-cui-subtle",
 				interactive: !0,
-				children: /* @__PURE__ */ A(Ge, {
+				children: /* @__PURE__ */ j(Ke, {
 					item: e,
 					asLink: !!e.href,
 					LinkEl: t
 				})
-			}), /* @__PURE__ */ A(Ke, {})]
-		}), /* @__PURE__ */ A(Re, { searchPlaceholder: "Search..." })]
-	}) : e.href ? /* @__PURE__ */ A(G, {
+			}), /* @__PURE__ */ j(qe, {})]
+		}), /* @__PURE__ */ j(ze, { searchPlaceholder: "Search..." })]
+	}) : e.href ? /* @__PURE__ */ j(G, {
 		background: "bg-cui-subtle",
 		interactive: !0,
-		children: /* @__PURE__ */ A(Ge, {
+		children: /* @__PURE__ */ j(Ke, {
 			item: e,
 			asLink: !0,
 			LinkEl: t
 		})
-	}) : /* @__PURE__ */ A(G, {
+	}) : /* @__PURE__ */ j(G, {
 		background: "bg-cui-subtle",
 		interactive: !0,
-		children: /* @__PURE__ */ A(Ge, {
+		children: /* @__PURE__ */ j(Ke, {
 			item: e,
 			LinkEl: t
 		})
 	});
 }
-function Je({ items: e, linkComponent: t = Ue, className: n }) {
-	return /* @__PURE__ */ A("nav", {
+function Ye({ items: e, linkComponent: t = We, className: n }) {
+	return /* @__PURE__ */ j("nav", {
 		className: W("flex items-center", n),
-		children: e.map((e, n) => /* @__PURE__ */ j("span", {
+		children: e.map((e, n) => /* @__PURE__ */ M("span", {
 			className: "flex items-center",
-			children: [n > 0 && /* @__PURE__ */ A(We, {}), /* @__PURE__ */ A(qe, {
+			children: [n > 0 && /* @__PURE__ */ j(Ge, {}), /* @__PURE__ */ j(Je, {
 				item: e,
 				LinkEl: t
 			})]
@@ -633,7 +633,7 @@ function Je({ items: e, linkComponent: t = Ue, className: n }) {
 }
 //#endregion
 //#region src/components/toggle/toggle.tsx
-var Ye = {
+var Xe = {
 	sm: {
 		track: "w-9 h-5",
 		thumb: "h-4 w-4 group-active/toggle:w-5"
@@ -642,9 +642,9 @@ var Ye = {
 		track: "w-11 h-6",
 		thumb: "h-5 w-5 group-active/toggle:w-6"
 	}
-}, Xe = C(function({ checked: e, defaultChecked: t, onCheckedChange: n, disabled: r, size: i = "md", className: a, ...o }, s) {
-	let c = Ye[i];
-	return /* @__PURE__ */ A(re.Root, {
+}, Ze = C(function({ checked: e, defaultChecked: t, onCheckedChange: n, disabled: r, size: i = "md", className: a, ...o }, s) {
+	let c = Xe[i];
+	return /* @__PURE__ */ j(re.Root, {
 		ref: s,
 		checked: e,
 		defaultChecked: t,
@@ -652,9 +652,9 @@ var Ye = {
 		disabled: r,
 		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__ */ A(re.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) })
+		children: /* @__PURE__ */ j(re.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) })
 	});
-}), Ze = {
+}), Qe = {
 	sm: {
 		root: "size-4 rounded-[4px]",
 		icon: "size-3",
@@ -665,8 +665,8 @@ var Ye = {
 		icon: "size-3.5",
 		label: "text-cui-base"
 	}
-}, Qe = C(function({ checked: e, defaultChecked: t, onCheckedChange: n, indeterminate: r = !1, disabled: i = !1, required: a, size: s = "md", label: c, name: l, className: u, ...d }, f) {
-	let p = Ze[s], m = /* @__PURE__ */ A(ie.Root, {
+}, $e = C(function({ checked: e, defaultChecked: t, onCheckedChange: n, indeterminate: r = !1, disabled: i = !1, required: a, size: s = "md", label: c, name: l, className: u, ...d }, f) {
+	let p = Qe[s], m = /* @__PURE__ */ j(ie.Root, {
 		ref: f,
 		checked: e,
 		defaultChecked: t,
@@ -677,73 +677,73 @@ var Ye = {
 		name: 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", p.root, !c && u),
 		...d,
-		children: /* @__PURE__ */ A(ie.Indicator, {
+		children: /* @__PURE__ */ j(ie.Indicator, {
 			keepMounted: !0,
 			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: A(r ? g : o, { className: p.icon })
+			children: j(r ? g : o, { className: p.icon })
 		})
 	});
-	return c ? /* @__PURE__ */ j("label", {
+	return c ? /* @__PURE__ */ M("label", {
 		className: W("inline-flex items-center gap-2 select-none", i ? "cursor-not-allowed" : "cursor-pointer", u),
-		children: [m, /* @__PURE__ */ A("span", {
+		children: [m, /* @__PURE__ */ j("span", {
 			className: W(p.label, i ? "text-cui-tertiary" : "text-cui-primary"),
 			children: c
 		})]
 	}) : m;
-}), $e = {
+}), et = {
 	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"
-}, et = C(function({ className: e, children: t }, n) {
-	return /* @__PURE__ */ A("div", {
+}, tt = C(function({ className: e, children: t }, n) {
+	return /* @__PURE__ */ j("div", {
 		ref: n,
 		className: W("flex flex-col gap-1 p-1", e),
 		children: t
 	});
-}), tt = C(function({ className: e, children: t }, n) {
-	return /* @__PURE__ */ A("div", {
+}), nt = C(function({ className: e, children: t }, n) {
+	return /* @__PURE__ */ j("div", {
 		ref: n,
 		className: W("px-4 py-3", e),
 		children: t
 	});
-}), nt = C(function({ className: e, children: t }, n) {
-	return /* @__PURE__ */ A("div", {
+}), rt = C(function({ className: e, children: t }, n) {
+	return /* @__PURE__ */ j("div", {
 		ref: n,
 		className: W("p-4", e),
 		children: t
 	});
-}), rt = C(function({ className: e, children: t }, n) {
-	return /* @__PURE__ */ A("div", {
+}), it = C(function({ className: e, children: t }, n) {
+	return /* @__PURE__ */ j("div", {
 		ref: n,
 		className: W("border-b border-cui-neutral last:border-b-0 p-4", e),
 		children: t
 	});
 }), J = C(function({ variant: e = "default", className: t, children: n }, r) {
-	return /* @__PURE__ */ A("div", {
+	return /* @__PURE__ */ j("div", {
 		ref: r,
-		className: W($e[e], t),
+		className: W(et[e], t),
 		children: n
 	});
 });
-J.Content = et, J.Header = tt, J.Body = nt, J.Section = rt;
+J.Content = tt, J.Header = nt, J.Body = rt, J.Section = it;
 //#endregion
 //#region src/components/nav-link/nav-link.tsx
-var it = {
+var at = {
 	sm: "h-7 px-1.5",
 	md: "h-8 px-1.5"
 };
-function at({ className: e, children: t }) {
-	return /* @__PURE__ */ A(xe, {
+function ot({ className: e, children: t }) {
+	return /* @__PURE__ */ j(Se, {
 		background: "bg-cui-subtle",
 		className: W("gap-1 p-2 flex-nowrap", e),
 		children: t
 	});
 }
-function ot({ active: e = !1, icon: t, href: n, onClick: r, size: i = "md", className: a, children: o }) {
-	return /* @__PURE__ */ A(G, {
+function st({ active: e = !1, icon: t, href: n, onClick: r, size: i = "md", className: a, children: o }) {
+	return /* @__PURE__ */ j(G, {
 		active: e,
 		background: "bg-cui-subtle",
 		className: a,
-		children: /* @__PURE__ */ j(n ? "a" : "button", {
+		children: /* @__PURE__ */ M(n ? "a" : "button", {
 			...n ? {
 				href: n,
 				onClick: r
@@ -751,11 +751,11 @@ function ot({ active: e = !1, icon: t, href: n, onClick: r, size: i = "md", clas
 				type: "button",
 				onClick: r
 			},
-			className: W("flex items-center text-cui-base font-medium cursor-pointer select-none whitespace-nowrap", "outline-none", it[i], e ? "text-cui-primary" : "text-cui-secondary"),
-			children: [t && /* @__PURE__ */ A("span", {
+			className: W("flex items-center text-cui-base font-medium cursor-pointer select-none whitespace-nowrap", "outline-none", at[i], e ? "text-cui-primary" : "text-cui-secondary"),
+			children: [t && /* @__PURE__ */ j("span", {
 				className: "flex size-5 shrink-0 items-center justify-center [&>svg]:size-4",
 				children: t
-			}), /* @__PURE__ */ A("span", {
+			}), /* @__PURE__ */ j("span", {
 				className: "px-1",
 				children: o
 			})]
@@ -764,8 +764,8 @@ function ot({ active: e = !1, icon: t, href: n, onClick: r, size: i = "md", clas
 }
 //#endregion
 //#region src/components/logo/logo.tsx
-var st = C(function({ variant: e = "mark", size: t = 18, className: n }, r) {
-	return e === "circle" ? /* @__PURE__ */ j("svg", {
+var ct = C(function({ variant: e = "mark", size: t = 18, className: n }, r) {
+	return e === "circle" ? /* @__PURE__ */ M("svg", {
 		ref: r,
 		width: t,
 		height: t,
@@ -774,14 +774,14 @@ var st = C(function({ variant: e = "mark", size: t = 18, className: n }, r) {
 		xmlns: "http://www.w3.org/2000/svg",
 		className: W("shrink-0", n),
 		"aria-label": "CodeRabbit",
-		children: [/* @__PURE__ */ A("path", {
+		children: [/* @__PURE__ */ j("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",
 			fill: "currentColor"
-		}), /* @__PURE__ */ A("path", {
+		}), /* @__PURE__ */ j("path", {
 			d: "M1008.3 500.615C1008.3 500.615 924.706 393.751 819.62 387.639C751.807 383.636 735.379 392.696 732.434 399.444C728.226 364.456 698.322 202.361 491.729 168.008C518.102 357.589 627.02 308.191 691.161 438.86C691.161 438.86 582.921 291.734 404.969 345.903C404.969 345.903 469.83 482.07 661.676 509.891C661.676 509.891 677.05 562.586 681.684 571.862C681.684 571.862 386.224 417.779 296.512 713.505C229.747 698.382 207.352 770.859 284.09 820.369C284.09 820.369 297.147 768.519 328.943 753.131C328.943 753.131 260.711 829.226 340.946 920.36H628.925C635.883 908.834 666.68 848.19 590.514 802.285C644.278 801.516 688.042 902.932 735.128 921.058H803.61C805.927 915.428 810.771 898.567 799.395 883.395C781.857 863.278 743.46 866.002 743.802 828.8C757.062 655.746 1016.55 708.888 1008.3 500.615Z",
 			fill: "var(--background-color-cui-base-1)"
 		})]
-	}) : /* @__PURE__ */ A("svg", {
+	}) : /* @__PURE__ */ j("svg", {
 		ref: r,
 		width: t,
 		height: t,
@@ -790,12 +790,12 @@ var st = C(function({ variant: e = "mark", size: t = 18, className: n }, r) {
 		xmlns: "http://www.w3.org/2000/svg",
 		className: W("shrink-0", n),
 		"aria-label": "CodeRabbit",
-		children: /* @__PURE__ */ A("path", {
+		children: /* @__PURE__ */ j("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"
 		})
 	});
-}), ct = {
+}), lt = {
 	xs: {
 		outer: "size-5",
 		text: "text-[8px]",
@@ -821,10 +821,10 @@ var st = C(function({ variant: e = "mark", size: t = 18, className: n }, r) {
 		text: "text-cui-lg",
 		px: 64
 	}
-}, lt = {
+}, ut = {
 	circle: "rounded-full",
 	square: "rounded-md"
-}, ut = {
+}, dt = {
 	neutral: "bg-cui-subtle text-cui-primary",
 	accent: "bg-cui-accent text-cui-accent-on",
 	danger: "bg-cui-danger text-cui-danger-on",
@@ -839,7 +839,7 @@ function Y(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 dt(e) {
+function ft(e) {
 	return [
 		Y(e, 0),
 		Y(e, 1),
@@ -847,7 +847,7 @@ function dt(e) {
 		Y(e, 3)
 	];
 }
-function ft(e, t, n, r) {
+function pt(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;
@@ -856,8 +856,8 @@ function ft(e, t, n, r) {
 		e[i] || (e[i] = !0, o--), s++;
 	}
 }
-function pt(e, t) {
-	let n = dt(e), r = n[0] ?? 0, i = n[1] ?? r, a = n[2] ?? r, o = (e) => n[e % n.length] ?? r;
+function mt(e, t) {
+	let n = ft(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 = [];
@@ -865,7 +865,7 @@ function pt(e, t) {
 				let n = o(Math.floor(t / 26));
 				e.push((n >> t % 26 & 1) == 1);
 			}
-			return ft(e, 25, .3, a), {
+			return pt(e, 25, .3, a), {
 				cols: 5,
 				rows: 5,
 				cells: e
@@ -984,27 +984,27 @@ function pt(e, t) {
 		}
 	}
 }
-function mt(e) {
+function ht(e) {
 	return Y(e, 42) % 360;
 }
-function ht(e) {
+function gt(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}))`
 	};
 }
-var gt = C(function({ seed: e, pattern: t, px: n, isCircle: r, className: i }, a) {
-	let { grid: o, hue: s } = E(() => ({
-		grid: pt(e, t),
-		hue: mt(e)
-	}), [e, t]), { cols: c, rows: l, cells: u } = o, d = t === "dense" || t === "quad-dense" ? 3 : 4, f = (100 - d * 2 - 3 * (c - 1)) / c, p = l * f + (l - 1) * 3, m = c * f + (c - 1) * 3, h = d + (100 - d * 2 - p) / 2, g = d + (100 - d * 2 - m) / 2, _ = Y(e, 99), v = (e) => .55 + (_ >> e % 26 & 3) * .15, y = `av-${Y(e + t, 7) >>> 0}`, b = ht(s), x = Y(e, 77), S = (e) => {
+var _t = C(function({ seed: e, pattern: t, px: n, isCircle: r, className: i }, a) {
+	let { grid: o, hue: s } = D(() => ({
+		grid: mt(e, t),
+		hue: ht(e)
+	}), [e, t]), { cols: c, rows: l, cells: u } = o, d = t === "dense" || t === "quad-dense" ? 3 : 4, f = (100 - d * 2 - 3 * (c - 1)) / c, p = l * f + (l - 1) * 3, m = c * f + (c - 1) * 3, h = d + (100 - d * 2 - p) / 2, g = d + (100 - d * 2 - m) / 2, _ = Y(e, 99), v = (e) => .55 + (_ >> e % 26 & 3) * .15, y = `av-${Y(e + t, 7) >>> 0}`, b = gt(s), x = Y(e, 77), S = (e) => {
 		let t = x >> e % 26 & 7, n = _ >> (e + 5) % 26 & 7;
 		return {
 			duration: 1.5 + t * .35,
 			delay: n * .4
 		};
 	}, C = `ga-flk-${y}`;
-	return /* @__PURE__ */ j("svg", {
+	return /* @__PURE__ */ M("svg", {
 		ref: a,
 		width: n,
 		height: n,
@@ -1019,18 +1019,18 @@ var gt = C(function({ seed: e, pattern: t, px: n, isCircle: r, className: i }, a
 		role: "img",
 		"aria-label": `Avatar for ${e}`,
 		children: [
-			/* @__PURE__ */ A("style", { children: `
+			/* @__PURE__ */ j("style", { children: `
 				@keyframes ${C} {
 					0%, 100% { opacity: var(--ga-o); }
 					50% { opacity: calc(var(--ga-o) * 0.25); }
 				}
 			` }),
-			r ? /* @__PURE__ */ A("circle", {
+			r ? /* @__PURE__ */ j("circle", {
 				cx: 50,
 				cy: 50,
 				r: 50,
 				fill: "var(--ga-bg)"
-			}) : /* @__PURE__ */ A("rect", {
+			}) : /* @__PURE__ */ j("rect", {
 				x: 0,
 				y: 0,
 				width: 100,
@@ -1038,13 +1038,13 @@ var gt = C(function({ seed: e, pattern: t, px: n, isCircle: r, className: i }, a
 				rx: 8,
 				fill: "var(--ga-bg)"
 			}),
-			/* @__PURE__ */ A("defs", { children: /* @__PURE__ */ A("clipPath", {
+			/* @__PURE__ */ j("defs", { children: /* @__PURE__ */ j("clipPath", {
 				id: y,
-				children: r ? /* @__PURE__ */ A("circle", {
+				children: r ? /* @__PURE__ */ j("circle", {
 					cx: 50,
 					cy: 50,
 					r: 50
-				}) : /* @__PURE__ */ A("rect", {
+				}) : /* @__PURE__ */ j("rect", {
 					x: 0,
 					y: 0,
 					width: 100,
@@ -1052,12 +1052,12 @@ var gt = C(function({ seed: e, pattern: t, px: n, isCircle: r, className: i }, a
 					rx: 8
 				})
 			}) }),
-			/* @__PURE__ */ A("g", {
+			/* @__PURE__ */ j("g", {
 				clipPath: `url(#${y})`,
 				children: u.map((e, t) => {
 					if (!e) return null;
 					let n = t % c, r = Math.floor(t / c), i = v(t), { duration: a, delay: o } = S(t);
-					return /* @__PURE__ */ A("rect", {
+					return /* @__PURE__ */ j("rect", {
 						x: g + n * (f + 3),
 						y: h + r * (f + 3),
 						width: f,
@@ -1078,263 +1078,559 @@ var gt = C(function({ seed: e, pattern: t, px: n, isCircle: r, className: i }, a
 			})
 		]
 	});
-}), _t = C(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 = ct[o], d = lt[a];
-	return e ? /* @__PURE__ */ A("img", {
+}), vt = C(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 = lt[o], d = ut[a];
+	return e ? /* @__PURE__ */ j("img", {
 		ref: l,
 		src: e,
 		alt: i ?? t ?? n ?? "",
 		className: W("shrink-0 object-cover", u.outer, d, c)
-	}) : t ? /* @__PURE__ */ A("span", {
+	}) : t ? /* @__PURE__ */ j("span", {
 		ref: l,
-		className: W("flex shrink-0 items-center justify-center font-semibold select-none", u.outer, u.text, d, ut[s], c),
+		className: W("flex shrink-0 items-center justify-center font-semibold select-none", u.outer, u.text, d, dt[s], c),
 		children: t
-	}) : n ? /* @__PURE__ */ A(gt, {
+	}) : n ? /* @__PURE__ */ j(_t, {
 		ref: l,
 		seed: n,
 		pattern: r,
 		px: u.px,
 		isCircle: a === "circle",
 		className: c
-	}) : /* @__PURE__ */ A("span", {
+	}) : /* @__PURE__ */ j("span", {
 		ref: l,
-		className: W("flex shrink-0 items-center justify-center font-semibold select-none", u.outer, u.text, d, ut[s], c)
+		className: W("flex shrink-0 items-center justify-center font-semibold select-none", u.outer, u.text, d, dt[s], c)
 	});
 });
 //#endregion
 //#region src/components/app-header/app-header.tsx
-function vt({ to: e, href: t, className: n, children: r }) {
-	return /* @__PURE__ */ A("a", {
+function yt({ to: e, href: t, className: n, children: r }) {
+	return /* @__PURE__ */ j("a", {
 		href: e ?? t,
 		className: n,
 		children: r
 	});
 }
-function yt() {
-	return /* @__PURE__ */ A("div", {
+function bt() {
+	return /* @__PURE__ */ j("div", {
 		className: "flex w-4 shrink-0 items-center justify-center self-stretch",
-		children: /* @__PURE__ */ A("div", { className: "bg-cui-tertiary h-4 w-px rotate-[20deg] opacity-50" })
+		children: /* @__PURE__ */ j("div", { className: "bg-cui-tertiary h-4 w-px rotate-[20deg] opacity-50" })
 	});
 }
-function bt({ items: e, linkComponent: t = vt, className: n }) {
-	return /* @__PURE__ */ j("nav", {
+function xt({ items: e, linkComponent: t = yt, className: n }) {
+	return /* @__PURE__ */ M("nav", {
 		className: W("flex items-center", n),
 		children: [
-			/* @__PURE__ */ A(t, {
+			/* @__PURE__ */ j(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__ */ A(st, {
+				children: /* @__PURE__ */ j(ct, {
 					variant: "circle",
 					className: "text-cui-primary"
 				})
 			}),
-			/* @__PURE__ */ A(yt, {}),
-			/* @__PURE__ */ A(Je, {
+			/* @__PURE__ */ j(bt, {}),
+			/* @__PURE__ */ j(Ye, {
 				items: e,
 				linkComponent: t
 			})
 		]
 	});
 }
-var xt = C(function({ children: e, className: t }, n) {
-	return /* @__PURE__ */ A("div", {
+var St = C(function({ children: e, className: t }, n) {
+	return /* @__PURE__ */ j("div", {
 		ref: n,
 		className: W("flex items-center gap-2", t),
 		children: e
 	});
-}), St = C(function({ children: e, className: t }, n) {
-	return /* @__PURE__ */ A("header", {
+}), Ct = C(function({ children: e, className: t }, n) {
+	return /* @__PURE__ */ j("header", {
 		ref: n,
 		className: W("flex items-center justify-between px-3 py-2", t),
 		children: e
 	});
 });
-St.Breadcrumb = bt, St.Actions = xt, St.Avatar = _t;
+Ct.Breadcrumb = xt, Ct.Actions = St, Ct.Avatar = vt;
 //#endregion
 //#region src/components/settings-card/settings-card.tsx
-var Ct = C(function({ title: e, description: t, toggle: n, toggled: r, onToggleChange: i, defaultToggled: a = !1, children: o, className: s }, c) {
-	let [l, u] = O(a), d = r !== void 0, f = d ? r : l, p = n && f;
+var wt = C(function({ title: e, description: t, toggle: n, toggled: r, onToggleChange: i, defaultToggled: a = !1, children: o, className: s }, c) {
+	let [l, u] = k(a), d = r !== void 0, f = d ? r : l, p = n && f;
 	function m(e) {
 		d || u(e), i?.(e);
 	}
-	return /* @__PURE__ */ A(J, {
+	return /* @__PURE__ */ j(J, {
 		ref: c,
 		className: s,
-		children: /* @__PURE__ */ j(J.Content, { children: [(e || t || n) && /* @__PURE__ */ A(J.Header, { children: /* @__PURE__ */ j("div", {
+		children: /* @__PURE__ */ M(J.Content, { children: [(e || t || n) && /* @__PURE__ */ j(J.Header, { children: /* @__PURE__ */ M("div", {
 			className: "flex items-start justify-between gap-4",
-			children: [/* @__PURE__ */ j("div", {
+			children: [/* @__PURE__ */ M("div", {
 				className: "flex flex-1 flex-col",
-				children: [e && /* @__PURE__ */ A("span", {
+				children: [e && /* @__PURE__ */ j("span", {
 					className: "text-cui-primary text-cui-base font-medium",
 					children: e
-				}), t && /* @__PURE__ */ A("p", {
+				}), t && /* @__PURE__ */ j("p", {
 					className: "text-cui-secondary text-cui-base mt-1 leading-relaxed",
 					children: t
 				})]
-			}), n && /* @__PURE__ */ A("div", {
+			}), n && /* @__PURE__ */ j("div", {
 				className: "shrink-0 pt-0.5",
-				children: /* @__PURE__ */ A(Xe, {
+				children: /* @__PURE__ */ j(Ze, {
 					checked: f,
 					onCheckedChange: m
 				})
 			})]
-		}) }), /* @__PURE__ */ A(J, {
+		}) }), /* @__PURE__ */ j(J, {
 			variant: "nested",
 			className: W("transition-opacity duration-150 ease-out", p && "opacity-50 pointer-events-none select-none"),
 			children: o
 		})] })
 	});
-}), wt = C(function({ label: e, description: t, children: n, className: r }, i) {
-	return /* @__PURE__ */ j(J.Section, {
+}), Tt = C(function({ label: e, description: t, children: n, className: r }, i) {
+	return /* @__PURE__ */ M(J.Section, {
 		ref: i,
 		className: W("flex justify-between items-start", r),
-		children: [/* @__PURE__ */ j("div", {
+		children: [/* @__PURE__ */ M("div", {
 			className: "mr-4 flex flex-1 flex-col gap-1",
-			children: [/* @__PURE__ */ A("span", {
+			children: [/* @__PURE__ */ j("span", {
 				className: "text-cui-primary text-cui-base font-medium",
 				children: e
-			}), t && /* @__PURE__ */ A("span", {
+			}), t && /* @__PURE__ */ j("span", {
 				className: "text-cui-secondary text-cui-base leading-relaxed",
 				children: t
 			})]
-		}), n && /* @__PURE__ */ A("div", {
+		}), n && /* @__PURE__ */ j("div", {
 			className: "flex w-[340px] shrink-0 flex-col items-end",
 			children: n
 		})]
 	});
-}), Tt = C(function({ className: e, children: t, ...n }, r) {
-	return /* @__PURE__ */ A("div", {
+}), Et = C(function({ className: e, children: t, ...n }, r) {
+	return /* @__PURE__ */ j("div", {
 		ref: r,
 		className: W("flex shrink-0 items-center gap-6 px-1.5 py-1.5", e),
 		...n,
 		children: t
 	});
-}), Et = C(function({ className: e, children: t, ...n }, r) {
-	return /* @__PURE__ */ A("div", {
+}), Dt = C(function({ className: e, children: t, ...n }, r) {
+	return /* @__PURE__ */ j("div", {
 		ref: r,
 		className: W("flex min-h-0 flex-1 gap-6 overflow-auto px-3.5 py-3", e),
 		...n,
 		children: t
 	});
-}), Dt = Object.assign(C(function({ sidebar: e, className: t, children: n }, r) {
-	return /* @__PURE__ */ j("div", {
+}), Ot = Object.assign(C(function({ sidebar: e, className: t, children: n }, r) {
+	return /* @__PURE__ */ M("div", {
 		ref: r,
 		className: W("flex h-screen bg-cui-base-0", t),
-		children: [e, /* @__PURE__ */ A("div", {
+		children: [e, /* @__PURE__ */ j("div", {
 			className: "flex min-h-0 flex-1 flex-col pt-1 pr-1 pb-1",
-			children: /* @__PURE__ */ A("div", {
+			children: /* @__PURE__ */ j("div", {
 				className: "bg-cui-base-1 ring-cui-neutral flex min-h-0 flex-1 flex-col rounded shadow-sm ring-1",
 				children: n
 			})
 		})]
 	});
 }), {
-	Header: Tt,
-	Body: Et
+	Header: Et,
+	Body: Dt
+}), kt = {
+	right: "right",
+	left: "left",
+	bottom: "down",
+	top: "up"
+}, At = {
+	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 jt({ side: e = "right", responsive: t, children: n, ...r }) {
+	return /* @__PURE__ */ j(I.Root, {
+		swipeDirection: kt[e],
+		...r,
+		children: n
+	});
+}
+var Mt = C(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ j(I.Trigger, {
+		ref: n,
+		className: W(e),
+		...t
+	});
+}), Nt = C(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ j(I.Backdrop, {
+		ref: n,
+		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 Pt({ side: e = "right", responsive: t = !0, className: n, children: r, ...i }) {
+	return /* @__PURE__ */ M(I.Portal, { children: [/* @__PURE__ */ j(Nt, {}), /* @__PURE__ */ j(I.Popup, {
+		className: W("group/drawer fixed z-50 flex outline-none", At[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%]",
+			"max-md:data-[ending-style]:translate-x-0 max-md:data-[ending-style]:translate-y-[20%]"
+		]),
+		...i,
+		children: /* @__PURE__ */ j("div", {
+			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__ */ j("div", {
+				className: "bg-cui-base-2 border-cui-neutral flex min-h-0 flex-1 flex-col overflow-hidden rounded-md border",
+				children: r
+			})
+		})
+	})] });
+}
+var Ft = {
+	Root: jt,
+	Trigger: Mt,
+	Content: Pt,
+	Header: C(function({ className: e, children: t }, n) {
+		return /* @__PURE__ */ j("div", {
+			ref: n,
+			className: W("border-cui-neutral flex items-center justify-between border-b px-4 py-3", e),
+			children: t
+		});
+	}),
+	Title: C(function({ className: e, ...t }, n) {
+		return /* @__PURE__ */ j(I.Title, {
+			ref: n,
+			className: W("text-cui-primary text-cui-base font-medium", e),
+			...t
+		});
+	}),
+	Description: C(function({ className: e, ...t }, n) {
+		return /* @__PURE__ */ j(I.Description, {
+			ref: n,
+			className: W("text-cui-secondary text-cui-base", e),
+			...t
+		});
+	}),
+	Body: C(function({ className: e, children: t }, n) {
+		return /* @__PURE__ */ j("div", {
+			ref: n,
+			className: W("flex-1 overflow-y-auto p-4", e),
+			children: t
+		});
+	}),
+	Footer: C(function({ className: e, children: t }, n) {
+		return /* @__PURE__ */ j("div", {
+			ref: n,
+			className: W("border-cui-neutral flex items-center justify-end gap-2 border-t p-3", e),
+			children: t
+		});
+	}),
+	Close: C(function({ asIcon: e, className: t, children: n, ...r }, i) {
+		return e ?? !n ? /* @__PURE__ */ j(I.Close, {
+			ref: i,
+			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__ */ j(x, { className: "size-4" })
+		}) : /* @__PURE__ */ j(I.Close, {
+			ref: i,
+			className: W(t),
+			...r,
+			children: n
+		});
+	})
+};
+//#endregion
+//#region src/components/flickering-grid/flickering-grid.tsx
+function It(e, t) {
+	let n = e.style.color;
+	e.style.color = t;
+	let r = getComputedStyle(e).color;
+	return e.style.color = n, r || "#000";
+}
+function Lt({ squareSize: e = 6, gridGap: t = 0, flickerChance: n = .3, color: r = "currentColor", maxOpacity: i = .3, sweep: a = !1, sweepDirection: o = "left", sweepDuration: s = 2.5, sweepWidth: c = .15, sweepOnly: l = !1, sweepNoise: u = .12, className: d }) {
+	let f = O(null), p = O(null);
+	return ee(() => {
+		let d = f.current, m = p.current;
+		if (!d || !m) return;
+		let h = m.getContext("2d");
+		if (!h) return;
+		let g = It(d, r), _ = 0, v = 0, y = new Float32Array(), b = new Float32Array(), x = 1, S = 0, C = 0, w = performance.now();
+		function T() {
+			if (!m || !d) return;
+			x = window.devicePixelRatio || 1, S = d.clientWidth, C = d.clientHeight, m.width = S * x, m.height = C * x, m.style.width = `${S}px`, m.style.height = `${C}px`;
+			let n = e + t;
+			_ = Math.max(1, Math.floor((S + t) / n)), v = Math.max(1, Math.floor((C + t) / n)), y = new Float32Array(_ * v), b = new Float32Array(_ * v);
+			for (let e = 0; e < y.length; e++) y[e] = Math.random() * i, b[e] = (Math.random() - .5) * 2 * u;
+		}
+		function ee(e) {
+			if (!l) for (let t = 0; t < y.length; t++) Math.random() < n * e && (y[t] = Math.random() * i);
+		}
+		function E(n) {
+			if (!h || !m) return;
+			h.clearRect(0, 0, m.width, m.height), h.fillStyle = g;
+			let r = e + t, u = 0;
+			if (a) {
+				let e = (n - w) / 1e3 / s % 1;
+				u = o === "left" ? 1 - e : e, u = u * (1 + c * 2) - c;
+			}
+			for (let t = 0; t < _; t++) for (let n = 0; n < v; n++) {
+				let o = t * v + n, s;
+				if (l && a) {
+					let e = (_ > 1 ? t / (_ - 1) : 0) + (b[o] ?? 0), n = Math.abs(e - u), r = Math.max(0, 1 - n / c);
+					s = r * r * (3 - 2 * r) * i;
+				} else if (s = y[o] ?? 0, a) {
+					let e = _ > 1 ? t / (_ - 1) : 0, n = Math.abs(e - u), r = Math.max(0, 1 - n / c), a = r * r * (3 - 2 * r);
+					s = Math.min(i * 1.5, s + a * i);
+				}
+				s < .01 || (h.globalAlpha = s, h.fillRect(t * r * x, n * r * x, e * x, e * x));
+			}
+			h.globalAlpha = 1;
+		}
+		T();
+		let D = 0, O = performance.now(), k = !0;
+		function te(e) {
+			if (!k) return;
+			let t = (e - O) / 1e3;
+			O = e, ee(t), E(e), D = requestAnimationFrame(te);
+		}
+		let A = new ResizeObserver(() => {
+			T();
+		});
+		A.observe(d);
+		let j = new IntersectionObserver(([e]) => {
+			k = e?.isIntersecting ?? !1, k ? (O = performance.now(), D = requestAnimationFrame(te)) : cancelAnimationFrame(D);
+		}, { threshold: 0 });
+		j.observe(m);
+		let M = new MutationObserver(() => {
+			g = It(d, r);
+		});
+		return M.observe(document.documentElement, {
+			attributes: !0,
+			attributeFilter: ["data-theme", "class"]
+		}), () => {
+			cancelAnimationFrame(D), A.disconnect(), j.disconnect(), M.disconnect();
+		};
+	}, [
+		e,
+		t,
+		n,
+		r,
+		i,
+		a,
+		o,
+		s,
+		c,
+		l,
+		u
+	]), /* @__PURE__ */ j("div", {
+		ref: f,
+		className: W("pointer-events-none size-full", d),
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ j("canvas", { ref: p })
+	});
+}
+//#endregion
+//#region src/components/skeleton/skeleton.tsx
+var Rt = C(function({ circular: e, className: t }, n) {
+	return /* @__PURE__ */ j("div", {
+		ref: n,
+		className: W("relative overflow-hidden bg-cui-subtle", e ? "rounded-full" : "rounded-xs", t),
+		"aria-hidden": "true",
+		children: /* @__PURE__ */ j(Lt, {
+			squareSize: 4,
+			gridGap: 2,
+			color: "var(--text-color-cui-secondary)",
+			maxOpacity: .05,
+			sweep: !0,
+			sweepOnly: !0,
+			sweepDirection: "right",
+			sweepDuration: 1.5,
+			sweepWidth: .4,
+			sweepNoise: .1
+		})
+	});
 });
 //#endregion
 //#region src/components/tooltip/tooltip.tsx
-function Ot(e) {
-	return /* @__PURE__ */ A(F.Provider, { ...e });
+function zt(e) {
+	return /* @__PURE__ */ j(L.Provider, { ...e });
 }
-function kt(e) {
-	return /* @__PURE__ */ A(F.Root, { ...e });
+function Bt(e) {
+	return /* @__PURE__ */ j(L.Root, { ...e });
 }
-var At = C(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ A(F.Trigger, {
+var Vt = C(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ j(L.Trigger, {
 		ref: n,
 		className: W("outline-none", e),
 		...t
 	});
 });
-function jt({ side: e = "top", align: t = "center", sideOffset: n = 6, className: r, children: i, ...a }) {
-	return /* @__PURE__ */ A(F.Portal, { children: /* @__PURE__ */ A(F.Positioner, {
+function Ht({ side: e = "top", align: t = "center", sideOffset: n = 6, className: r, children: i, ...a }) {
+	return /* @__PURE__ */ j(L.Portal, { children: /* @__PURE__ */ j(L.Positioner, {
 		side: e,
 		align: t,
 		sideOffset: n,
 		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__ */ A(F.Popup, {
+		children: /* @__PURE__ */ j(L.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 Mt = C(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ A(F.Viewport, {
+var Ut = C(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ j(L.Viewport, {
 		ref: n,
 		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
 	});
-}), Nt = F.createHandle, X = {
-	Provider: Ot,
-	Root: kt,
-	Trigger: At,
-	Content: jt,
-	Viewport: Mt,
-	createHandle: F.createHandle
-}, Pt = S(null);
+}), Wt = L.createHandle, X = {
+	Provider: zt,
+	Root: Bt,
+	Trigger: Vt,
+	Content: Ht,
+	Viewport: Ut,
+	createHandle: L.createHandle
+}, Gt = S(null);
 function Z() {
-	let e = ee(Pt);
-	if (!e) throw Error("useSidebar must be used within a <Sidebar>");
+	let e = T(Gt);
+	if (!e) throw Error("useSidebar must be used within a <Sidebar> or <Sidebar.Provider>");
 	return e;
 }
+function Kt() {
+	return T(Gt);
+}
 //#endregion
 //#region src/components/sidebar/sidebar.tsx
-function Ft({ defaultCollapsed: e = !1, collapsed: t, onCollapsedChange: n, className: r, children: i }) {
-	let [a, o] = O(e), s = t !== void 0, c = s ? t : a, l = w(() => {
-		let e = !c;
-		s ? n?.(e) : o(e);
+var qt = "(max-width: 767px)";
+function Jt(e) {
+	let t = window.matchMedia(qt);
+	return t.addEventListener("change", e), () => t.removeEventListener("change", e);
+}
+function Yt() {
+	return window.matchMedia(qt).matches;
+}
+function Xt() {
+	return !1;
+}
+function Zt() {
+	return te(Jt, Yt, Xt);
+}
+function Qt({ defaultCollapsed: e = !1, collapsed: t, onCollapsedChange: n, linkComponent: r, children: i }) {
+	let a = Zt(), [o, s] = k(e), [c, l] = k(!1), u = t !== void 0, d = u ? t : o, f = w(() => {
+		let e = !d;
+		u ? n?.(e) : s(e);
 	}, [
-		c,
-		s,
+		d,
+		u,
 		n
-	]), u = E(() => ({
-		collapsed: c,
-		toggle: l
-	}), [c, l]);
-	return /* @__PURE__ */ A(Pt.Provider, {
-		value: u,
-		children: /* @__PURE__ */ A(X.Provider, {
-			delay: 0,
-			closeDelay: 0,
-			children: /* @__PURE__ */ A("div", {
-				className: W("relative flex h-full shrink-0 flex-col justify-between overflow-hidden px-2 py-1 transition-[width] duration-400 ease-cui-out-expo", c ? "w-12" : "w-[264px]", r),
-				children: i
-			})
+	]);
+	ee(() => {
+		!a && c && l(!1);
+	}, [a, c]);
+	let p = D(() => ({
+		collapsed: a ? !0 : d,
+		toggle: f,
+		linkComponent: r,
+		mobile: a,
+		mobileOpen: c,
+		setMobileOpen: l
+	}), [
+		d,
+		f,
+		r,
+		a,
+		c
+	]);
+	return /* @__PURE__ */ j(Gt.Provider, {
+		value: p,
+		children: i
+	});
+}
+function $t({ defaultCollapsed: e = !1, collapsed: t, onCollapsedChange: n, linkComponent: r, className: i, children: a }) {
+	let o = Kt();
+	return o ? /* @__PURE__ */ j(tn, {
+		className: i,
+		ctx: o,
+		children: a
+	}) : /* @__PURE__ */ j(Qt, {
+		defaultCollapsed: e,
+		collapsed: t,
+		onCollapsedChange: n,
+		linkComponent: r,
+		children: /* @__PURE__ */ j(en, {
+			className: i,
+			children: a
 		})
 	});
 }
-function It({ className: e, children: t }) {
-	return /* @__PURE__ */ A("div", {
-		className: W("flex w-full flex-col gap-0.5", e),
+function en({ className: e, children: t }) {
+	return /* @__PURE__ */ j(tn, {
+		className: e,
+		ctx: Z(),
 		children: t
 	});
 }
-var Lt = C(function({ className: e, children: t, ...n }, r) {
+function tn({ className: e, ctx: t, children: n }) {
+	let { collapsed: r, mobile: i, mobileOpen: a, setMobileOpen: o } = t, s = D(() => ({
+		...t,
+		collapsed: !1
+	}), [t]);
+	return /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j(X.Provider, {
+		delay: 0,
+		closeDelay: 0,
+		children: /* @__PURE__ */ j("div", {
+			className: W("relative flex h-full shrink-0 flex-col justify-between overflow-hidden px-2 py-1 transition-[width] duration-400 ease-cui-out-expo", i || r ? "w-12" : "w-[264px]", e),
+			children: n
+		})
+	}), i && /* @__PURE__ */ j(Ft.Root, {
+		open: a,
+		onOpenChange: o,
+		side: "left",
+		responsive: !1,
+		children: /* @__PURE__ */ j(Ft.Content, {
+			side: "left",
+			responsive: !1,
+			children: /* @__PURE__ */ j(Gt.Provider, {
+				value: s,
+				children: /* @__PURE__ */ j(X.Provider, {
+					delay: 0,
+					closeDelay: 0,
+					children: /* @__PURE__ */ j("div", {
+						className: "flex h-full w-full flex-col justify-between px-2 py-1",
+						children: n
+					})
+				})
+			})
+		})
+	})] });
+}
+function nn({ className: e, children: t }) {
+	return /* @__PURE__ */ j(Se, {
+		background: "bg-cui-subtle",
+		borderRadius: "rounded",
+		className: W("w-full flex-col items-stretch gap-0.5", e),
+		children: t
+	});
+}
+var rn = C(function({ className: e, children: t, ...n }, r) {
 	let { collapsed: i } = Z();
-	return /* @__PURE__ */ A("div", {
+	return /* @__PURE__ */ j("div", {
 		ref: r,
 		className: W("grid transition-all duration-400 ease-cui-out-expo", i ? "grid-rows-[0fr]" : "grid-rows-[1fr]"),
 		...n,
-		children: /* @__PURE__ */ A("div", {
+		children: /* @__PURE__ */ j("div", {
 			className: "overflow-hidden",
-			children: /* @__PURE__ */ A("div", {
+			children: /* @__PURE__ */ j("div", {
 				className: W("flex h-6 items-center px-2 text-cui-sm text-cui-secondary transition-all duration-400 ease-cui-out-expo", i ? "-translate-x-5 scale-80 opacity-0" : "opacity-100", e),
 				children: t
 			})
 		})
 	});
 });
-function Rt({ className: e, children: t }) {
+function an({ className: e, children: t }) {
 	let { collapsed: n } = Z();
-	return /* @__PURE__ */ j("div", {
+	return /* @__PURE__ */ M("div", {
 		className: W("flex items-center justify-center py-1.5 transition-all duration-400 ease-cui-out-expo", e),
-		children: [/* @__PURE__ */ A(N, {
+		children: [/* @__PURE__ */ j(P, {
 			mode: "popLayout",
 			initial: !1,
-			children: !n && /* @__PURE__ */ A(P.div, {
+			children: !n && /* @__PURE__ */ j(F.div, {
 				initial: {
 					opacity: 0,
 					x: -320,
@@ -1358,43 +1654,84 @@ function Rt({ className: e, children: t }) {
 				className: "flex min-w-0 flex-1 items-center gap-2",
 				children: t
 			})
-		}), /* @__PURE__ */ A(Ht, {})]
+		}), /* @__PURE__ */ j(ln, {})]
 	});
 }
-function zt({ name: e, href: t, as: n, active: r = !1, icon: a, nested: o = !1, external: s = !1, showIndicator: c = !1, onClick: u, className: d }) {
-	let { collapsed: f } = Z(), p = n ?? (t ? "a" : "button"), m = n === "div" ? { onClick: u } : t ? {
+function on({ name: e, href: t, as: n, active: r = !1, icon: a, nested: o = !1, external: s = !1, showIndicator: c = !1, trailing: u, disabled: d = !1, loading: f = !1, onClick: p, className: m, ...h }) {
+	let { collapsed: g, linkComponent: _, mobile: v, setMobileOpen: y } = Z();
+	if (f) return /* @__PURE__ */ M("div", {
+		className: W("flex h-8 w-full items-center gap-2 p-2 transition-[width] duration-400 ease-cui-out-expo", g ? "w-8" : "w-full"),
+		children: [/* @__PURE__ */ j(Rt, { className: "size-4 shrink-0" }), /* @__PURE__ */ j(P, {
+			mode: "popLayout",
+			initial: !1,
+			children: !g && /* @__PURE__ */ j(F.span, {
+				initial: {
+					opacity: 0,
+					scale: .8
+				},
+				animate: {
+					opacity: 1,
+					scale: 1
+				},
+				exit: {
+					opacity: 0,
+					scale: .8
+				},
+				transition: {
+					duration: .2,
+					ease: "easeOut"
+				},
+				className: "flex-1 origin-left",
+				children: /* @__PURE__ */ j(Rt, { className: "h-4 w-24" })
+			})
+		})]
+	});
+	let b = !!t && !s && !!_, x = n ?? (b ? _ : t ? "a" : "button"), S = d ? (e) => {
+		e.preventDefault(), e.stopPropagation();
+	} : v && g ? (e) => {
+		e.preventDefault(), y(!0);
+	} : () => {
+		p?.(), y(!1);
+	}, C = b ? {
+		to: t,
+		href: t,
+		onClick: S
+	} : n === "div" ? { onClick: S } : t ? {
 		href: t,
-		onClick: u,
+		onClick: S,
 		target: s ? "_blank" : void 0,
 		rel: s ? "noopener noreferrer" : void 0
 	} : {
 		type: "button",
-		onClick: u
-	}, h = /* @__PURE__ */ A(G, {
+		onClick: S
+	}, w = /* @__PURE__ */ j(G, {
 		active: r,
+		disabled: d,
 		background: "bg-cui-subtle",
 		borderRadius: "rounded",
 		fullWidth: !0,
-		className: W("overflow-hidden transition-[width] duration-400 ease-cui-out-expo", f ? "w-8" : "w-full"),
-		children: /* @__PURE__ */ j(p, {
-			...m,
-			"aria-label": f ? e : void 0,
-			className: W("flex h-8 w-full cursor-pointer select-none items-center gap-2 p-2 text-left text-cui-base text-cui-secondary group-hover/h:text-cui-primary outline-none", r && "text-cui-primary", d),
+		className: W("overflow-hidden transition-[width] duration-400 ease-cui-out-expo", g ? "w-8" : "w-full"),
+		...h,
+		children: /* @__PURE__ */ M(x, {
+			...C,
+			"aria-label": g ? e : void 0,
+			"aria-disabled": d || void 0,
+			className: W("group/link flex h-8 w-full select-none items-center gap-2 p-2 text-left text-cui-base text-cui-secondary outline-none", !d && "cursor-pointer hover:text-cui-primary", r && "text-cui-primary", d && "cursor-default opacity-50", m),
 			children: [
-				a && /* @__PURE__ */ j("span", {
+				a && /* @__PURE__ */ M("span", {
 					className: "relative shrink-0",
-					children: [/* @__PURE__ */ A("span", {
-						className: W("flex size-4 items-center justify-center [&>svg]:size-4", r ? "text-cui-primary" : "text-cui-secondary group-hover/h:text-cui-primary"),
+					children: [/* @__PURE__ */ j("span", {
+						className: W("flex size-4 items-center justify-center [&>svg]:size-4", r ? "text-cui-primary" : d ? "text-cui-tertiary" : "text-cui-secondary group-hover/link:text-cui-primary"),
 						children: a
-					}), c && f && /* @__PURE__ */ A("span", {
+					}), c && g && /* @__PURE__ */ j("span", {
 						className: "bg-cui-accent-strong absolute -top-0.5 -right-0.5 size-2 rounded-full",
-						children: /* @__PURE__ */ A("span", { className: "bg-cui-accent-strong absolute inset-0 animate-ping rounded-full opacity-75" })
+						children: /* @__PURE__ */ j("span", { className: "bg-cui-accent-strong absolute inset-0 animate-ping rounded-full opacity-75" })
 					})]
 				}),
-				/* @__PURE__ */ A(N, {
+				/* @__PURE__ */ j(P, {
 					mode: "popLayout",
 					initial: !1,
-					children: !f && /* @__PURE__ */ A(P.span, {
+					children: !g && /* @__PURE__ */ j(F.span, {
 						initial: {
 							opacity: 0,
 							scale: .8
@@ -1415,10 +1752,10 @@ function zt({ name: e, href: t, as: n, active: r = !1, icon: a, nested: o = !1,
 						children: e
 					})
 				}),
-				/* @__PURE__ */ A(N, {
+				/* @__PURE__ */ j(P, {
 					mode: "popLayout",
 					initial: !1,
-					children: c && !f && /* @__PURE__ */ A(P.span, {
+					children: c && !g && /* @__PURE__ */ j(F.span, {
 						initial: {
 							opacity: 0,
 							scale: .8
@@ -1436,16 +1773,16 @@ function zt({ name: e, href: t, as: n, active: r = !1, icon: a, nested: o = !1,
 							ease: "easeOut"
 						},
 						className: "flex shrink-0 origin-left items-center",
-						children: /* @__PURE__ */ j("span", {
+						children: /* @__PURE__ */ M("span", {
 							className: "relative flex size-2",
-							children: [/* @__PURE__ */ A("span", { className: "bg-cui-accent-strong absolute inline-flex size-full animate-ping rounded-full opacity-75" }), /* @__PURE__ */ A("span", { className: "bg-cui-accent-strong relative inline-flex size-2 rounded-full" })]
+							children: [/* @__PURE__ */ j("span", { className: "bg-cui-accent-strong absolute inline-flex size-full animate-ping rounded-full opacity-75" }), /* @__PURE__ */ j("span", { className: "bg-cui-accent-strong relative inline-flex size-2 rounded-full" })]
 						})
 					})
 				}),
-				/* @__PURE__ */ A(N, {
+				/* @__PURE__ */ j(P, {
 					mode: "popLayout",
 					initial: !1,
-					children: s && !f && /* @__PURE__ */ A(P.span, {
+					children: u && !g && /* @__PURE__ */ j(F.span, {
 						initial: {
 							opacity: 0,
 							scale: .8
@@ -1462,14 +1799,14 @@ function zt({ name: e, href: t, as: n, active: r = !1, icon: a, nested: o = !1,
 							duration: .2,
 							ease: "easeOut"
 						},
-						className: "origin-left",
-						children: /* @__PURE__ */ A(i, { className: "text-cui-tertiary size-4 shrink-0" })
+						className: "flex shrink-0 origin-left items-center",
+						children: u
 					})
 				}),
-				/* @__PURE__ */ A(N, {
+				/* @__PURE__ */ j(P, {
 					mode: "popLayout",
 					initial: !1,
-					children: o && !f && /* @__PURE__ */ A(P.span, {
+					children: s && !g && /* @__PURE__ */ j(F.span, {
 						initial: {
 							opacity: 0,
 							scale: .8
@@ -1487,40 +1824,13 @@ function zt({ name: e, href: t, as: n, active: r = !1, icon: a, nested: o = !1,
 							ease: "easeOut"
 						},
 						className: "origin-left",
-						children: /* @__PURE__ */ A(l, { className: "text-cui-tertiary size-4 shrink-0" })
+						children: /* @__PURE__ */ j(i, { className: "text-cui-tertiary size-4 shrink-0" })
 					})
-				})
-			]
-		})
-	});
-	return /* @__PURE__ */ j(X.Root, {
-		disabled: !f,
-		children: [/* @__PURE__ */ A(X.Trigger, { render: h }), /* @__PURE__ */ A(X.Content, {
-			side: "right",
-			children: e
-		})]
-	});
-}
-function Bt({ name: e, onClick: t, className: r }) {
-	let { collapsed: i } = Z(), a = /* @__PURE__ */ A("div", {
-		className: "flex items-center py-1.5",
-		children: /* @__PURE__ */ A(G, {
-			background: "bg-cui-subtle",
-			borderRadius: "rounded",
-			fullWidth: !0,
-			className: W("overflow-hidden transition-[width] duration-400 ease-cui-out-expo", i ? "w-8" : "w-full"),
-			children: /* @__PURE__ */ j("button", {
-				type: "button",
-				onClick: t,
-				"aria-label": i ? e : void 0,
-				className: W("flex h-8 w-full cursor-pointer select-none items-center gap-2 p-2 text-left text-cui-base text-cui-secondary group-hover/h:text-cui-primary outline-none", r),
-				children: [/* @__PURE__ */ A("span", {
-					className: "flex size-4 shrink-0 items-center justify-center [&>svg]:size-4",
-					children: /* @__PURE__ */ A(n, {})
-				}), /* @__PURE__ */ A(N, {
+				}),
+				/* @__PURE__ */ j(P, {
 					mode: "popLayout",
 					initial: !1,
-					children: !i && /* @__PURE__ */ A(P.span, {
+					children: o && !g && /* @__PURE__ */ j(F.span, {
 						initial: {
 							opacity: 0,
 							scale: .8
@@ -1537,29 +1847,88 @@ function Bt({ name: e, onClick: t, className: r }) {
 							duration: .2,
 							ease: "easeOut"
 						},
-						className: "flex-1 origin-left truncate",
-						children: e
+						className: "origin-left",
+						children: /* @__PURE__ */ j(l, { className: "text-cui-tertiary size-4 shrink-0" })
 					})
-				})]
-			})
+				})
+			]
 		})
 	});
-	return /* @__PURE__ */ j(X.Root, {
+	return /* @__PURE__ */ M(X.Root, {
+		disabled: !g || v,
+		children: [/* @__PURE__ */ j(X.Trigger, {
+			className: "w-full outline-none",
+			render: /* @__PURE__ */ j("div", {}),
+			children: w
+		}), /* @__PURE__ */ j(X.Content, {
+			side: "right",
+			children: e
+		})]
+	});
+}
+function sn({ name: e, onClick: t, className: r }) {
+	let { collapsed: i } = Z();
+	return /* @__PURE__ */ M(X.Root, {
 		disabled: !i,
-		children: [/* @__PURE__ */ A(X.Trigger, { render: a }), /* @__PURE__ */ A(X.Content, {
+		children: [/* @__PURE__ */ j(X.Trigger, {
+			className: "w-full outline-none",
+			render: /* @__PURE__ */ j("div", {}),
+			children: /* @__PURE__ */ j("div", {
+				className: "flex items-center py-1.5",
+				children: /* @__PURE__ */ j(G, {
+					background: "bg-cui-subtle",
+					borderRadius: "rounded",
+					fullWidth: !0,
+					className: W("overflow-hidden transition-[width] duration-400 ease-cui-out-expo", i ? "w-8" : "w-full"),
+					children: /* @__PURE__ */ M("button", {
+						type: "button",
+						onClick: t,
+						"aria-label": i ? e : void 0,
+						className: W("flex h-8 w-full cursor-pointer select-none items-center gap-2 p-2 text-left text-cui-base text-cui-secondary hover:text-cui-primary outline-none", r),
+						children: [/* @__PURE__ */ j("span", {
+							className: "flex size-4 shrink-0 items-center justify-center [&>svg]:size-4",
+							children: /* @__PURE__ */ j(n, {})
+						}), /* @__PURE__ */ j(P, {
+							mode: "popLayout",
+							initial: !1,
+							children: !i && /* @__PURE__ */ j(F.span, {
+								initial: {
+									opacity: 0,
+									scale: .8
+								},
+								animate: {
+									opacity: 1,
+									scale: 1
+								},
+								exit: {
+									opacity: 0,
+									scale: .8
+								},
+								transition: {
+									duration: .2,
+									ease: "easeOut"
+								},
+								className: "flex-1 origin-left truncate",
+								children: e
+							})
+						})]
+					})
+				})
+			})
+		}), /* @__PURE__ */ j(X.Content, {
 			side: "right",
 			children: e
 		})]
 	});
 }
-function Vt({ collapsed: e }) {
-	return /* @__PURE__ */ j("svg", {
+function cn({ collapsed: e }) {
+	return /* @__PURE__ */ M("svg", {
 		width: "16",
 		height: "16",
 		viewBox: "0 0 16 16",
 		fill: "none",
 		className: "size-4",
-		children: [/* @__PURE__ */ A("rect", {
+		children: [/* @__PURE__ */ j("rect", {
 			x: 2,
 			y: 3,
 			width: 12,
@@ -1567,7 +1936,7 @@ function Vt({ collapsed: e }) {
 			rx: 2,
 			stroke: "currentColor",
 			strokeWidth: 1.5
-		}), /* @__PURE__ */ A("rect", {
+		}), /* @__PURE__ */ j("rect", {
 			x: 4,
 			y: 5,
 			height: 6,
@@ -1577,25 +1946,39 @@ function Vt({ collapsed: e }) {
 		})]
 	});
 }
-function Ht({ className: e }) {
-	let { collapsed: t, toggle: n } = Z();
-	return /* @__PURE__ */ A(K, {
+function ln({ className: e }) {
+	let { collapsed: t, toggle: n, mobile: r, setMobileOpen: i } = Z();
+	return r && !t ? /* @__PURE__ */ j(K, {
+		variant: "transparent",
+		size: "md",
+		iconLeft: /* @__PURE__ */ j(x, {}),
+		onClick: () => i(!1),
+		className: W("shrink-0", e),
+		"aria-label": "Close menu"
+	}) : r ? /* @__PURE__ */ j(K, {
 		variant: "transparent",
 		size: "md",
-		iconLeft: /* @__PURE__ */ A(Vt, { collapsed: t }),
+		iconLeft: /* @__PURE__ */ j(cn, { collapsed: t }),
+		onClick: () => i(!0),
+		className: W("shrink-0", e),
+		"aria-label": "Open menu"
+	}) : /* @__PURE__ */ j(K, {
+		variant: "transparent",
+		size: "md",
+		iconLeft: /* @__PURE__ */ j(cn, { collapsed: t }),
 		onClick: n,
 		className: W("shrink-0", e),
 		"aria-label": t ? "Expand sidebar" : "Collapse sidebar"
 	});
 }
-function Ut({ activeKey: e, direction: t = "forward", className: n, children: r }) {
-	return /* @__PURE__ */ A("div", {
+function un({ activeKey: e, direction: t = "forward", className: n, children: r }) {
+	return /* @__PURE__ */ j("div", {
 		className: W("relative min-h-0 flex-1", n),
-		children: /* @__PURE__ */ A(N, {
+		children: /* @__PURE__ */ j(P, {
 			mode: "popLayout",
 			initial: !1,
 			custom: t,
-			children: /* @__PURE__ */ A(P.div, {
+			children: /* @__PURE__ */ j(F.div, {
 				custom: t,
 				variants: {
 					enter: (e) => ({
@@ -1625,19 +2008,20 @@ function Ut({ activeKey: e, direction: t = "forward", className: n, children: r
 		})
 	});
 }
-var Wt = Object.assign(Ft, {
-	Section: It,
-	Header: Rt,
-	Label: Lt,
-	Link: zt,
-	BackLink: Bt,
-	CollapseButton: Ht,
-	Layers: Ut
+var dn = Object.assign($t, {
+	Provider: Qt,
+	Section: nn,
+	Header: an,
+	Label: rn,
+	Link: on,
+	BackLink: sn,
+	CollapseButton: ln,
+	Layers: un
 });
 //#endregion
 //#region src/components/select/select.tsx
-function Gt({ value: e, defaultValue: t, onValueChange: n, items: r, disabled: i, children: a, className: o }) {
-	return /* @__PURE__ */ A(I.Root, {
+function fn({ value: e, defaultValue: t, onValueChange: n, items: r, disabled: i, children: a, className: o }) {
+	return /* @__PURE__ */ j(R.Root, {
 		value: e,
 		defaultValue: t,
 		onValueChange: n ? (e) => {
@@ -1645,120 +2029,120 @@ function Gt({ value: e, defaultValue: t, onValueChange: n, items: r, disabled: i
 		} : void 0,
 		items: r,
 		disabled: i,
-		children: o ? /* @__PURE__ */ A("div", {
+		children: o ? /* @__PURE__ */ j("div", {
 			className: o,
 			children: a
 		}) : a
 	});
 }
-var Kt = C(function({ children: e, className: t }, n) {
-	return /* @__PURE__ */ A(I.Trigger, {
+var pn = C(function({ children: e, className: t }, n) {
+	return /* @__PURE__ */ j(R.Trigger, {
 		ref: n,
 		className: W("cursor-pointer outline-none focus-visible:ring-2 focus-visible:ring-cui-focus focus-visible:ring-offset-2 rounded", t),
 		children: e
 	});
-}), qt = C(function({ placeholder: e, size: t, className: n }, r) {
-	return /* @__PURE__ */ A(I.Trigger, {
+}), mn = C(function({ placeholder: e, size: t, className: n }, r) {
+	return /* @__PURE__ */ j(R.Trigger, {
 		ref: r,
-		render: /* @__PURE__ */ A(K, {
+		render: /* @__PURE__ */ j(K, {
 			variant: "outline",
 			size: t,
-			iconRight: /* @__PURE__ */ A(u, {}),
+			iconRight: /* @__PURE__ */ j(u, {}),
 			className: n,
-			children: /* @__PURE__ */ A(I.Value, { placeholder: e })
+			children: /* @__PURE__ */ j(R.Value, { placeholder: e })
 		})
 	});
 });
-function Jt({ align: e = "start", side: t = "bottom", sideOffset: n = 4, minWidth: r = "min-w-[220px]", children: i, className: a }) {
-	return /* @__PURE__ */ A(I.Portal, { children: /* @__PURE__ */ A(I.Positioner, {
+function hn({ align: e = "start", side: t = "bottom", sideOffset: n = 4, minWidth: r = "min-w-[220px]", children: i, className: a }) {
+	return /* @__PURE__ */ j(R.Portal, { children: /* @__PURE__ */ j(R.Positioner, {
 		align: e,
 		side: t,
 		sideOffset: n,
 		alignItemWithTrigger: !1,
-		render: /* @__PURE__ */ A(q.Positioner, {}),
-		children: /* @__PURE__ */ A(I.Popup, {
-			render: /* @__PURE__ */ A(q.Panel, {
+		render: /* @__PURE__ */ j(q.Positioner, {}),
+		children: /* @__PURE__ */ j(R.Popup, {
+			render: /* @__PURE__ */ j(q.Panel, {
 				minWidth: r,
 				className: a
 			}),
-			children: /* @__PURE__ */ A(I.List, {
-				render: /* @__PURE__ */ A(q.List, {}),
+			children: /* @__PURE__ */ j(R.List, {
+				render: /* @__PURE__ */ j(q.List, {}),
 				children: i
 			})
 		})
 	}) });
 }
-var Yt = C(function({ value: e, icon: t, children: n, className: r }, i) {
-	return /* @__PURE__ */ j(I.Item, {
+var gn = C(function({ value: e, icon: t, children: n, className: r }, i) {
+	return /* @__PURE__ */ M(R.Item, {
 		ref: i,
 		value: e,
-		render: /* @__PURE__ */ A(q.Item, {
+		render: /* @__PURE__ */ j(q.Item, {
 			icon: t,
 			className: r
 		}),
-		children: [/* @__PURE__ */ A(I.ItemText, {
+		children: [/* @__PURE__ */ j(R.ItemText, {
 			className: "relative z-[1] flex-1",
 			children: n
-		}), /* @__PURE__ */ A(I.ItemIndicator, { render: /* @__PURE__ */ A(q.ItemIndicator, {}) })]
+		}), /* @__PURE__ */ j(R.ItemIndicator, { render: /* @__PURE__ */ j(q.ItemIndicator, {}) })]
 	});
-}), Xt = C(function({ className: e }, t) {
-	return /* @__PURE__ */ A(I.Separator, {
+}), _n = C(function({ className: e }, t) {
+	return /* @__PURE__ */ j(R.Separator, {
 		ref: t,
-		render: /* @__PURE__ */ A(q.Separator, { className: e })
+		render: /* @__PURE__ */ j(q.Separator, { className: e })
 	});
-}), Zt = C(function({ className: e, children: t }, n) {
-	return /* @__PURE__ */ A(I.Group, {
+}), vn = C(function({ className: e, children: t }, n) {
+	return /* @__PURE__ */ j(R.Group, {
 		ref: n,
 		className: W("flex flex-col", e),
 		children: t
 	});
-}), Qt = C(function({ className: e, children: t }, n) {
-	return /* @__PURE__ */ A(I.GroupLabel, {
+}), yn = C(function({ className: e, children: t }, n) {
+	return /* @__PURE__ */ j(R.GroupLabel, {
 		ref: n,
-		render: /* @__PURE__ */ A(q.GroupLabel, { className: e }),
+		render: /* @__PURE__ */ j(q.GroupLabel, { className: e }),
 		children: t
 	});
-}), $t = C(function({ orientation: e = "horizontal", className: t, ...n }, r) {
-	return /* @__PURE__ */ A(ae, {
+}), bn = C(function({ orientation: e = "horizontal", className: t, ...n }, r) {
+	return /* @__PURE__ */ j(ae, {
 		ref: r,
 		orientation: e,
 		className: W(e === "horizontal" ? "w-full border-t border-cui-neutral" : "self-stretch border-l border-cui-neutral", "shrink-0", t),
 		...n
 	});
-}), en = {
+}), xn = {
 	neutral: "bg-cui-subtle text-cui-secondary",
 	accent: "bg-cui-accent-subtle text-cui-accent",
 	danger: "bg-cui-danger-subtle text-cui-danger",
 	warn: "bg-cui-warn-subtle text-cui-warn",
 	success: "bg-cui-success-subtle text-cui-success"
-}, tn = {
+}, Sn = {
 	sm: "px-1.5 py-0.5 text-cui-sm",
 	md: "px-2 py-0.5 text-cui-base"
-}, nn = C(function({ variant: e = "neutral", size: t = "sm", className: n, children: r, ...i }, a) {
-	return /* @__PURE__ */ A("span", {
+}, Cn = C(function({ variant: e = "neutral", size: t = "sm", className: n, children: r, ...i }, a) {
+	return /* @__PURE__ */ j("span", {
 		ref: a,
-		className: W("inline-flex items-center rounded-md font-medium leading-tight", tn[t], en[e], n),
+		className: W("inline-flex items-center rounded-md font-medium leading-tight", Sn[t], xn[e], n),
 		...i,
 		children: r
 	});
-}), rn = C(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ A(L.Root, {
+}), wn = C(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ j(oe.Root, {
 		ref: n,
 		className: W("flex flex-col gap-1.5", e),
 		...t
 	});
-}), an = C(function({ required: e, className: t, children: n, ...r }, i) {
-	return /* @__PURE__ */ j(L.Label, {
+}), Tn = C(function({ required: e, className: t, children: n, ...r }, i) {
+	return /* @__PURE__ */ M(oe.Label, {
 		ref: i,
 		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__ */ A("span", {
+		children: [n, e && /* @__PURE__ */ j("span", {
 			className: "text-cui-danger ml-0.5",
 			"aria-hidden": "true",
 			children: "*"
 		})]
 	});
-}), on = [
+}), En = [
 	"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",
@@ -1768,7 +2152,7 @@ var Yt = C(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"
-], sn = [
+], Dn = [
 	"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",
@@ -1776,43 +2160,43 @@ var Yt = C(function({ value: e, icon: t, children: n, className: r }, i) {
 	"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"
-], cn = {
-	Field: rn,
-	Label: an,
+], On = {
+	Field: wn,
+	Label: Tn,
 	Input: C(function({ iconLeft: e, iconRight: t, wrapperClassName: n, className: r, ...i }, a) {
-		return e || t ? /* @__PURE__ */ j("div", {
-			className: W("flex items-center gap-2 px-2.5", sn, n),
+		return e || t ? /* @__PURE__ */ M("div", {
+			className: W("flex items-center gap-2 px-2.5", Dn, n),
 			children: [
-				e && /* @__PURE__ */ A("span", {
+				e && /* @__PURE__ */ j("span", {
 					className: "text-cui-tertiary flex size-5 shrink-0 items-center justify-center [&>svg]:size-4",
 					children: e
 				}),
-				/* @__PURE__ */ A(L.Control, {
+				/* @__PURE__ */ j(oe.Control, {
 					ref: a,
 					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__ */ A("span", {
+				t && /* @__PURE__ */ j("span", {
 					className: "text-cui-tertiary flex size-5 shrink-0 items-center justify-center [&>svg]:size-4",
 					children: t
 				})
 			]
-		}) : /* @__PURE__ */ A(L.Control, {
+		}) : /* @__PURE__ */ j(oe.Control, {
 			ref: a,
-			className: W(on, r),
+			className: W(En, r),
 			...i
 		});
 	}),
 	Textarea: C(function({ className: e, ...t }, n) {
-		return /* @__PURE__ */ A(L.Control, {
+		return /* @__PURE__ */ j(oe.Control, {
 			ref: n,
-			render: /* @__PURE__ */ A("textarea", {}),
-			className: W(on, "min-h-20 resize-y", e),
+			render: /* @__PURE__ */ j("textarea", {}),
+			className: W(En, "min-h-20 resize-y", e),
 			...t
 		});
 	}),
 	Hint: C(function({ className: e, ...t }, n) {
-		return /* @__PURE__ */ A(L.Description, {
+		return /* @__PURE__ */ j(oe.Description, {
 			ref: n,
 			className: W("text-cui-sm text-cui-tertiary data-[invalid]:text-cui-danger", e),
 			...t
@@ -1820,120 +2204,9 @@ var Yt = C(function({ value: e, icon: t, children: n, className: r }, i) {
 	})
 };
 //#endregion
-//#region src/components/flickering-grid/flickering-grid.tsx
-function ln(e, t) {
-	let n = e.style.color;
-	e.style.color = t;
-	let r = getComputedStyle(e).color;
-	return e.style.color = n, r || "#000";
-}
-function un({ squareSize: e = 6, gridGap: t = 0, flickerChance: n = .3, color: r = "currentColor", maxOpacity: i = .3, sweep: a = !1, sweepDirection: o = "left", sweepDuration: s = 2.5, sweepWidth: c = .15, sweepOnly: l = !1, sweepNoise: u = .12, className: d }) {
-	let f = D(null), p = D(null);
-	return te(() => {
-		let d = f.current, m = p.current;
-		if (!d || !m) return;
-		let h = m.getContext("2d");
-		if (!h) return;
-		let g = ln(d, r), _ = 0, v = 0, y = new Float32Array(), b = new Float32Array(), x = 1, S = 0, C = 0, w = performance.now();
-		function ee() {
-			if (!m || !d) return;
-			x = window.devicePixelRatio || 1, S = d.clientWidth, C = d.clientHeight, m.width = S * x, m.height = C * x, m.style.width = `${S}px`, m.style.height = `${C}px`;
-			let n = e + t;
-			_ = Math.max(1, Math.floor((S + t) / n)), v = Math.max(1, Math.floor((C + t) / n)), y = new Float32Array(_ * v), b = new Float32Array(_ * v);
-			for (let e = 0; e < y.length; e++) y[e] = Math.random() * i, b[e] = (Math.random() - .5) * 2 * u;
-		}
-		function te(e) {
-			if (!l) for (let t = 0; t < y.length; t++) Math.random() < n * e && (y[t] = Math.random() * i);
-		}
-		function T(n) {
-			if (!h || !m) return;
-			h.clearRect(0, 0, m.width, m.height), h.fillStyle = g;
-			let r = e + t, u = 0;
-			if (a) {
-				let e = (n - w) / 1e3 / s % 1;
-				u = o === "left" ? 1 - e : e, u = u * (1 + c * 2) - c;
-			}
-			for (let t = 0; t < _; t++) for (let n = 0; n < v; n++) {
-				let o = t * v + n, s;
-				if (l && a) {
-					let e = (_ > 1 ? t / (_ - 1) : 0) + (b[o] ?? 0), n = Math.abs(e - u), r = Math.max(0, 1 - n / c);
-					s = r * r * (3 - 2 * r) * i;
-				} else if (s = y[o] ?? 0, a) {
-					let e = _ > 1 ? t / (_ - 1) : 0, n = Math.abs(e - u), r = Math.max(0, 1 - n / c), a = r * r * (3 - 2 * r);
-					s = Math.min(i * 1.5, s + a * i);
-				}
-				s < .01 || (h.globalAlpha = s, h.fillRect(t * r * x, n * r * x, e * x, e * x));
-			}
-			h.globalAlpha = 1;
-		}
-		ee();
-		let E = 0, D = performance.now(), O = !0;
-		function k(e) {
-			if (!O) return;
-			let t = (e - D) / 1e3;
-			D = e, te(t), T(e), E = requestAnimationFrame(k);
-		}
-		let A = new ResizeObserver(() => {
-			ee();
-		});
-		A.observe(d);
-		let j = new IntersectionObserver(([e]) => {
-			O = e?.isIntersecting ?? !1, O ? (D = performance.now(), E = requestAnimationFrame(k)) : cancelAnimationFrame(E);
-		}, { threshold: 0 });
-		j.observe(m);
-		let M = new MutationObserver(() => {
-			g = ln(d, r);
-		});
-		return M.observe(document.documentElement, {
-			attributes: !0,
-			attributeFilter: ["data-theme", "class"]
-		}), () => {
-			cancelAnimationFrame(E), A.disconnect(), j.disconnect(), M.disconnect();
-		};
-	}, [
-		e,
-		t,
-		n,
-		r,
-		i,
-		a,
-		o,
-		s,
-		c,
-		l,
-		u
-	]), /* @__PURE__ */ A("div", {
-		ref: f,
-		className: W("pointer-events-none size-full", d),
-		"aria-hidden": "true",
-		children: /* @__PURE__ */ A("canvas", { ref: p })
-	});
-}
-//#endregion
-//#region src/components/skeleton/skeleton.tsx
-var dn = C(function({ circular: e, className: t }, n) {
-	return /* @__PURE__ */ A("div", {
-		ref: n,
-		className: W("relative overflow-hidden bg-cui-subtle", e ? "rounded-full" : "rounded-xs", t),
-		"aria-hidden": "true",
-		children: /* @__PURE__ */ A(un, {
-			squareSize: 4,
-			gridGap: 2,
-			color: "var(--text-color-cui-secondary)",
-			maxOpacity: .05,
-			sweep: !0,
-			sweepOnly: !0,
-			sweepDirection: "right",
-			sweepDuration: 1.5,
-			sweepWidth: .4,
-			sweepNoise: .1
-		})
-	});
-});
-//#endregion
 //#region src/components/dropdown-menu/dropdown-menu.tsx
-function fn({ open: e, defaultOpen: t, onOpenChange: n, modal: r = !0, children: i }) {
-	return /* @__PURE__ */ A(R.Root, {
+function kn({ open: e, defaultOpen: t, onOpenChange: n, modal: r = !0, children: i }) {
+	return /* @__PURE__ */ j(z.Root, {
 		open: e,
 		defaultOpen: t,
 		onOpenChange: n ? (e) => n(e) : void 0,
@@ -1941,21 +2214,21 @@ function fn({ open: e, defaultOpen: t, onOpenChange: n, modal: r = !0, children:
 		children: i
 	});
 }
-var pn = C(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ A(R.Trigger, {
+var An = C(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ j(z.Trigger, {
 		ref: n,
 		className: W("cursor-pointer outline-none", e),
 		...t
 	});
 });
-function mn({ side: e = "bottom", align: t = "end", sideOffset: n = 4, minWidth: r = "min-w-[180px]", className: i, children: a }) {
-	return /* @__PURE__ */ A(R.Portal, { children: /* @__PURE__ */ A(R.Positioner, {
+function jn({ side: e = "bottom", align: t = "end", sideOffset: n = 4, minWidth: r = "min-w-[180px]", className: i, children: a }) {
+	return /* @__PURE__ */ j(z.Portal, { children: /* @__PURE__ */ j(z.Positioner, {
 		side: e,
 		align: t,
 		sideOffset: n,
-		render: /* @__PURE__ */ A(q.Positioner, {}),
-		children: /* @__PURE__ */ A(R.Popup, {
-			render: /* @__PURE__ */ A(q.Panel, {
+		render: /* @__PURE__ */ j(q.Positioner, {}),
+		children: /* @__PURE__ */ j(z.Popup, {
+			render: /* @__PURE__ */ j(q.Panel, {
 				minWidth: r,
 				className: i
 			}),
@@ -1964,41 +2237,41 @@ function mn({ side: e = "bottom", align: t = "end", sideOffset: n = 4, minWidth:
 	}) });
 }
 var Q = {
-	Root: fn,
-	Trigger: pn,
-	Content: mn,
+	Root: kn,
+	Trigger: An,
+	Content: jn,
 	Item: C(function({ variant: e = "default", icon: t, onClick: n, closeOnClick: r, disabled: i, className: a, children: o }, s) {
-		return /* @__PURE__ */ A(R.Item, {
+		return /* @__PURE__ */ j(z.Item, {
 			ref: s,
 			onClick: n,
 			closeOnClick: r,
 			disabled: i,
-			render: /* @__PURE__ */ A(q.Item, {
+			render: /* @__PURE__ */ j(q.Item, {
 				icon: t,
 				variant: e,
 				className: a
 			}),
-			children: /* @__PURE__ */ A("span", {
+			children: /* @__PURE__ */ j("span", {
 				className: "relative z-[1] flex-1",
 				children: o
 			})
 		});
 	}),
 	Separator: C(function({ className: e }, t) {
-		return /* @__PURE__ */ A(R.Separator, {
+		return /* @__PURE__ */ j(z.Separator, {
 			ref: t,
-			render: /* @__PURE__ */ A(q.Separator, { className: e })
+			render: /* @__PURE__ */ j(q.Separator, { className: e })
 		});
 	}),
 	Label: C(function({ className: e, children: t }, n) {
-		return /* @__PURE__ */ A(R.GroupLabel, {
+		return /* @__PURE__ */ j(z.GroupLabel, {
 			ref: n,
-			render: /* @__PURE__ */ A(q.GroupLabel, { className: e }),
+			render: /* @__PURE__ */ j(q.GroupLabel, { className: e }),
 			children: t
 		});
 	}),
 	Group: C(function({ className: e, children: t }, n) {
-		return /* @__PURE__ */ A(R.Group, {
+		return /* @__PURE__ */ j(z.Group, {
 			ref: n,
 			className: W("flex flex-col", e),
 			children: t
@@ -2007,111 +2280,111 @@ var Q = {
 };
 //#endregion
 //#region src/components/dialog/dialog.tsx
-function hn({ ...e }) {
-	return /* @__PURE__ */ A(z.Root, { ...e });
+function Mn({ ...e }) {
+	return /* @__PURE__ */ j(B.Root, { ...e });
 }
-var gn = C(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ A(z.Trigger, {
+var Nn = C(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ j(B.Trigger, {
 		ref: n,
 		className: W(e),
 		...t
 	});
-}), _n = C(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ A(z.Backdrop, {
+}), Pn = C(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ j(B.Backdrop, {
 		ref: n,
 		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
 	});
-}), vn = {
+}), Fn = {
 	md: "max-w-[450px]",
 	lg: "max-w-[550px]"
 };
-function yn({ size: e = "md", className: t, children: n, ...r }) {
-	return /* @__PURE__ */ j(z.Portal, { children: [/* @__PURE__ */ A(_n, {}), /* @__PURE__ */ A(z.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", vn[e], t),
+function In({ size: e = "md", className: t, children: n, ...r }) {
+	return /* @__PURE__ */ M(B.Portal, { children: [/* @__PURE__ */ j(Pn, {}), /* @__PURE__ */ j(B.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", Fn[e], t),
 		...r,
 		children: n
 	})] });
 }
-var bn = C(function({ className: e, children: t }, n) {
-	return /* @__PURE__ */ A("div", {
+var Ln = C(function({ className: e, children: t }, n) {
+	return /* @__PURE__ */ j("div", {
 		ref: n,
 		className: W("bg-cui-base-2 border-cui-neutral rounded-md border", e),
 		children: t
 	});
-}), xn = C(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ A(z.Title, {
+}), Rn = C(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ j(B.Title, {
 		ref: n,
 		className: W("text-cui-primary border-cui-neutral border-b px-4 py-3 text-cui-base font-medium", e),
 		...t
 	});
-}), Sn = C(function({ className: e, children: t }, n) {
-	return /* @__PURE__ */ A("div", {
+}), zn = C(function({ className: e, children: t }, n) {
+	return /* @__PURE__ */ j("div", {
 		ref: n,
 		className: W("p-4", e),
 		children: t
 	});
-}), Cn = C(function({ className: e, children: t }, n) {
-	return /* @__PURE__ */ A("div", {
+}), Bn = C(function({ className: e, children: t }, n) {
+	return /* @__PURE__ */ j("div", {
 		ref: n,
 		className: W("flex items-center justify-between p-2", e),
 		children: t
 	});
-}), wn = C(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ A(z.Close, {
+}), Vn = C(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ j(B.Close, {
 		ref: n,
 		className: W(e),
 		...t
 	});
-}), Tn = {
-	Root: hn,
-	Trigger: gn,
-	Content: yn,
-	Panel: bn,
-	Title: xn,
-	Description: z.Description,
-	Body: Sn,
-	Footer: Cn,
-	Close: wn
+}), Hn = {
+	Root: Mn,
+	Trigger: Nn,
+	Content: In,
+	Panel: Ln,
+	Title: Rn,
+	Description: B.Description,
+	Body: zn,
+	Footer: Bn,
+	Close: Vn
 }, $ = C(function({ className: e, children: t }, n) {
-	return /* @__PURE__ */ A("div", {
+	return /* @__PURE__ */ j("div", {
 		ref: n,
 		className: W("overflow-hidden rounded ring-1 ring-cui-neutral", e),
-		children: /* @__PURE__ */ A("table", {
+		children: /* @__PURE__ */ j("table", {
 			className: "w-full table-fixed border-separate border-spacing-0",
 			children: t
 		})
 	});
-}), En = C(function({ className: e, children: t }, n) {
-	return /* @__PURE__ */ A("thead", {
+}), Un = C(function({ className: e, children: t }, n) {
+	return /* @__PURE__ */ j("thead", {
 		ref: n,
 		className: W("[&>tr]:text-cui-sm [&>tr]:font-medium [&>tr]:text-cui-secondary", e),
 		children: t
 	});
-}), Dn = C(function({ className: e, children: t }, n) {
-	return /* @__PURE__ */ A("tbody", {
+}), Wn = C(function({ className: e, children: t }, n) {
+	return /* @__PURE__ */ j("tbody", {
 		ref: n,
 		className: W("[&>tr:not(:last-child)>td]:border-b [&>tr:not(:last-child)>td]:border-cui-neutral", e),
 		children: t
 	});
-}), On = C(function({ className: e, children: t, onClick: n, ...r }, i) {
-	return /* @__PURE__ */ A("tr", {
+}), Gn = C(function({ className: e, children: t, onClick: n, ...r }, i) {
+	return /* @__PURE__ */ j("tr", {
 		ref: i,
 		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
 	});
-}), kn = C(function({ width: e, colSpan: t, className: n, children: r }, i) {
-	return /* @__PURE__ */ A("th", {
+}), Kn = C(function({ width: e, colSpan: t, className: n, children: r }, i) {
+	return /* @__PURE__ */ j("th", {
 		ref: i,
 		style: e == null ? void 0 : { width: e },
 		colSpan: t,
 		className: W("px-4 py-2.5 text-left text-cui-sm font-medium border-b border-cui-neutral", n),
 		children: r
 	});
-}), An = C(function({ width: e, colSpan: t, className: n, children: r }, i) {
-	return /* @__PURE__ */ A("td", {
+}), qn = C(function({ width: e, colSpan: t, className: n, children: r }, i) {
+	return /* @__PURE__ */ j("td", {
 		ref: i,
 		style: e == null ? void 0 : { width: e },
 		colSpan: t,
@@ -2119,22 +2392,22 @@ var bn = C(function({ className: e, children: t }, n) {
 		children: r
 	});
 });
-function jn({ columns: e, rows: t = 5, className: n }) {
-	return /* @__PURE__ */ A("tbody", {
+function Jn({ columns: e, rows: t = 5, className: n }) {
+	return /* @__PURE__ */ j("tbody", {
 		className: n,
-		children: Array.from({ length: t }, (t, n) => /* @__PURE__ */ A("tr", {
+		children: Array.from({ length: t }, (t, n) => /* @__PURE__ */ j("tr", {
 			className: "bg-cui-base-1",
-			children: Array.from({ length: e }, (e, t) => /* @__PURE__ */ A("td", {
+			children: Array.from({ length: e }, (e, t) => /* @__PURE__ */ j("td", {
 				className: "px-4 py-3",
-				children: /* @__PURE__ */ A(dn, { className: "h-4 w-full" })
+				children: /* @__PURE__ */ j(Rt, { className: "h-4 w-full" })
 			}, `skel-cell-${String(n)}-${String(t)}`))
 		}, `skel-row-${String(n)}`))
 	});
 }
-$.Header = En, $.Body = Dn, $.Row = On, $.HeaderCell = kn, $.Cell = An, $.Skeleton = jn;
+$.Header = Un, $.Body = Wn, $.Row = Gn, $.HeaderCell = Kn, $.Cell = qn, $.Skeleton = Jn;
 //#endregion
 //#region src/components/pagination/pagination.tsx
-var Mn = {
+var Yn = {
 	sm: {
 		button: "size-7",
 		icon: "size-4",
@@ -2146,32 +2419,32 @@ var Mn = {
 		strip: "h-10"
 	}
 };
-function Nn(e, t) {
+function Xn(e, t) {
 	let n = [];
 	for (let r = e; r <= t; r++) n.push(r);
 	return n;
 }
-function Pn(e, t, n) {
-	if (t <= n * 2 + 5) return Nn(1, t);
+function Zn(e, t, n) {
+	if (t <= n * 2 + 5) return Xn(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 ? [
-		...Nn(1, n * 2 + 3),
+		...Xn(1, n * 2 + 3),
 		"ellipsis-end",
 		t
 	] : a && !o ? [
 		1,
 		"ellipsis-start",
-		...Nn(t - (n * 2 + 3) + 1, t)
+		...Xn(t - (n * 2 + 3) + 1, t)
 	] : [
 		1,
 		"ellipsis-start",
-		...Nn(r, i),
+		...Xn(r, i),
 		"ellipsis-end",
 		t
 	];
 }
-function Fn({ page: e, active: t, onClick: n, buttonSize: r }) {
-	return /* @__PURE__ */ A("button", {
+function Qn({ page: e, active: t, onClick: n, buttonSize: r }) {
+	return /* @__PURE__ */ j("button", {
 		type: "button",
 		"aria-current": t ? "page" : void 0,
 		onClick: n,
@@ -2179,73 +2452,73 @@ function Fn({ page: e, active: t, onClick: n, buttonSize: r }) {
 		children: e
 	});
 }
-function In({ buttonSize: e }) {
-	return /* @__PURE__ */ A("span", {
+function $n({ buttonSize: e }) {
+	return /* @__PURE__ */ j("span", {
 		className: W("text-cui-tertiary flex items-center justify-center text-cui-base select-none", e),
 		children: "..."
 	});
 }
-function Ln({ direction: e, disabled: t, onClick: n, buttonSize: r, iconSize: i }) {
+function er({ direction: e, disabled: t, onClick: n, buttonSize: r, iconSize: i }) {
 	let a = e === "prev" ? c : l;
-	return /* @__PURE__ */ A("button", {
+	return /* @__PURE__ */ j("button", {
 		type: "button",
 		"aria-label": e === "prev" ? "Previous page" : "Next page",
 		disabled: t,
 		onClick: n,
 		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__ */ A(a, { className: i })
+		children: /* @__PURE__ */ j(a, { className: i })
 	});
 }
-var Rn = C(function({ page: e, pageCount: t, onPageChange: n, totalItems: r, rowsPerPage: i = 10, onRowsPerPageChange: a, rowOptions: o = [
+var tr = C(function({ page: e, pageCount: t, onPageChange: n, totalItems: r, rowsPerPage: i = 10, onRowsPerPageChange: a, rowOptions: o = [
 	10,
 	25,
 	50
 ], siblingCount: s = 1, size: c = "sm", className: l }, d) {
-	let f = Mn[c], p = a !== void 0, m = r !== void 0, h = t > 1, g = (e - 1) * i + 1, _ = r ? Math.min(e * i, r) : e * i;
+	let f = Yn[c], p = a !== void 0, m = r !== void 0, h = t > 1, g = (e - 1) * i + 1, _ = r ? Math.min(e * i, r) : e * i;
 	if (!h && !p && !m) return null;
-	let v = h ? Pn(e, t, s) : [];
-	return /* @__PURE__ */ j("nav", {
+	let v = h ? Zn(e, t, s) : [];
+	return /* @__PURE__ */ M("nav", {
 		ref: d,
 		"aria-label": "Pagination",
 		className: W("flex items-center bg-cui-subtle rounded-md ring-1 ring-cui-neutral", l),
 		children: [
-			p && /* @__PURE__ */ j("div", {
+			p && /* @__PURE__ */ M("div", {
 				className: W("flex items-center gap-2 px-3", f.strip),
-				children: [/* @__PURE__ */ A("span", {
+				children: [/* @__PURE__ */ j("span", {
 					className: "text-cui-tertiary text-cui-base whitespace-nowrap",
 					children: "Rows per page"
-				}), /* @__PURE__ */ j(Q.Root, { children: [/* @__PURE__ */ A(Q.Trigger, { children: /* @__PURE__ */ j("button", {
+				}), /* @__PURE__ */ M(Q.Root, { children: [/* @__PURE__ */ j(Q.Trigger, { children: /* @__PURE__ */ M("button", {
 					type: "button",
 					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__ */ A(u, { className: "text-cui-tertiary size-3.5" })]
-				}) }), /* @__PURE__ */ A(Q.Content, {
+					children: [i, /* @__PURE__ */ j(u, { className: "text-cui-tertiary size-3.5" })]
+				}) }), /* @__PURE__ */ j(Q.Content, {
 					align: "start",
 					sideOffset: 4,
 					minWidth: "min-w-[80px]",
-					children: o.map((e) => /* @__PURE__ */ A(Q.Item, {
+					children: o.map((e) => /* @__PURE__ */ j(Q.Item, {
 						onClick: () => a?.(e),
 						children: e
 					}, e))
 				})] })]
 			}),
-			p && h && /* @__PURE__ */ A("div", { className: "bg-cui-neutral w-px self-stretch" }),
-			h && /* @__PURE__ */ j("div", {
+			p && h && /* @__PURE__ */ j("div", { className: "bg-cui-neutral w-px self-stretch" }),
+			h && /* @__PURE__ */ M("div", {
 				className: W("flex items-center gap-0.5 px-1.5", f.strip),
 				children: [
-					/* @__PURE__ */ A(Ln, {
+					/* @__PURE__ */ j(er, {
 						direction: "prev",
 						disabled: e <= 1,
 						onClick: () => n?.(e - 1),
 						buttonSize: f.button,
 						iconSize: f.icon
 					}),
-					v.map((t) => typeof t == "number" ? /* @__PURE__ */ A(Fn, {
+					v.map((t) => typeof t == "number" ? /* @__PURE__ */ j(Qn, {
 						page: t,
 						active: t === e,
 						onClick: () => n?.(t),
 						buttonSize: f.button
-					}, t) : /* @__PURE__ */ A(In, { buttonSize: f.button }, t)),
-					/* @__PURE__ */ A(Ln, {
+					}, t) : /* @__PURE__ */ j($n, { buttonSize: f.button }, t)),
+					/* @__PURE__ */ j(er, {
 						direction: "next",
 						disabled: e >= t,
 						onClick: () => n?.(e + 1),
@@ -2254,10 +2527,10 @@ var Rn = C(function({ page: e, pageCount: t, onPageChange: n, totalItems: r, row
 					})
 				]
 			}),
-			m && (h || p) && /* @__PURE__ */ A("div", { className: "bg-cui-neutral w-px self-stretch" }),
-			m && /* @__PURE__ */ A("div", {
+			m && (h || p) && /* @__PURE__ */ j("div", { className: "bg-cui-neutral w-px self-stretch" }),
+			m && /* @__PURE__ */ j("div", {
 				className: W("flex items-center px-3", f.strip),
-				children: /* @__PURE__ */ j("span", {
+				children: /* @__PURE__ */ M("span", {
 					className: "text-cui-tertiary text-cui-base whitespace-nowrap tabular-nums",
 					children: [
 						g,
@@ -2273,24 +2546,24 @@ var Rn = C(function({ page: e, pageCount: t, onPageChange: n, totalItems: r, row
 });
 //#endregion
 //#region src/components/data-table/data-table.tsx
-function zn({ direction: e }) {
-	return e === "asc" ? /* @__PURE__ */ A(d, { className: "text-cui-primary size-3.5" }) : e === "desc" ? /* @__PURE__ */ A(s, { className: "text-cui-primary size-3.5" }) : /* @__PURE__ */ A(u, { className: "text-cui-tertiary size-3.5 opacity-0 transition-opacity group-hover:opacity-100" });
+function nr({ direction: e }) {
+	return e === "asc" ? /* @__PURE__ */ j(d, { className: "text-cui-primary size-3.5" }) : e === "desc" ? /* @__PURE__ */ j(s, { className: "text-cui-primary size-3.5" }) : /* @__PURE__ */ j(u, { className: "text-cui-tertiary size-3.5 opacity-0 transition-opacity group-hover:opacity-100" });
 }
-function Bn({ columns: e, data: t, sortable: n = !1, paginated: r = !1, pageSize: i = 10, pageSizeOptions: a = [
+function rr({ columns: e, data: t, sortable: n = !1, paginated: r = !1, pageSize: i = 10, pageSizeOptions: a = [
 	10,
 	25,
 	50
 ], selectable: o = !1, rowSelection: s, onRowSelectionChange: c, onRowClick: l, loading: u = !1, loadingRows: d = 5, emptyMessage: f = "No results.", className: p, tableOptions: m }) {
-	let [h, g] = O([]), [_, v] = O([]), [y, b] = O({}), [x, S] = O({}), C = s ?? x, w = c ? (e) => {
+	let [h, g] = k([]), [_, v] = k([]), [y, b] = k({}), [x, S] = k({}), C = s ?? x, w = c ? (e) => {
 		c(typeof e == "function" ? e(C) : e);
-	} : S, ee = o ? [{
+	} : S, T = o ? [{
 		id: "_select",
-		header: ({ table: e }) => /* @__PURE__ */ A(Qe, {
+		header: ({ table: e }) => /* @__PURE__ */ j($e, {
 			checked: e.getIsAllPageRowsSelected(),
 			indeterminate: e.getIsSomePageRowsSelected(),
 			onCheckedChange: (t) => e.toggleAllPageRowsSelected(t)
 		}),
-		cell: ({ row: e }) => /* @__PURE__ */ A(Qe, {
+		cell: ({ row: e }) => /* @__PURE__ */ j($e, {
 			checked: e.getIsSelected(),
 			disabled: !e.getCanSelect(),
 			onCheckedChange: (t) => e.toggleSelected(t)
@@ -2298,74 +2571,74 @@ function Bn({ columns: e, data: t, sortable: n = !1, paginated: r = !1, pageSize
 		enableSorting: !1,
 		enableHiding: !1,
 		size: 40
-	}, ...e] : e, { state: te, ...T } = m ?? {}, E = de({
+	}, ...e] : e, { state: ee, ...E } = m ?? {}, D = fe({
 		data: t,
-		columns: ee,
+		columns: T,
 		state: {
 			sorting: h,
 			columnFilters: _,
 			columnVisibility: y,
 			rowSelection: C,
-			...te
+			...ee
 		},
 		onSortingChange: g,
 		onColumnFiltersChange: v,
 		onColumnVisibilityChange: b,
 		onRowSelectionChange: w,
-		getCoreRowModel: se(),
-		getSortedRowModel: ue(),
-		getFilteredRowModel: ce(),
-		...r && { getPaginationRowModel: le() },
+		getCoreRowModel: ce(),
+		getSortedRowModel: de(),
+		getFilteredRowModel: le(),
+		...r && { getPaginationRowModel: ue() },
 		enableRowSelection: o,
 		initialState: { pagination: { pageSize: i } },
-		...T
-	}), D = E.getPageCount(), k = E.getState().pagination.pageIndex + 1, M = E.getState().pagination.pageSize;
-	return /* @__PURE__ */ j("div", {
+		...E
+	}), O = D.getPageCount(), te = D.getState().pagination.pageIndex + 1, A = D.getState().pagination.pageSize;
+	return /* @__PURE__ */ M("div", {
 		className: W("flex flex-col gap-3", p),
-		children: [/* @__PURE__ */ j($, { children: [/* @__PURE__ */ A($.Header, { children: E.getHeaderGroups().map((e) => /* @__PURE__ */ A($.Row, { children: e.headers.map((e) => {
+		children: [/* @__PURE__ */ M($, { children: [/* @__PURE__ */ j($.Header, { children: D.getHeaderGroups().map((e) => /* @__PURE__ */ j($.Row, { children: e.headers.map((e) => {
 			let t = n && e.column.getCanSort(), r = e.column.getIsSorted();
-			return /* @__PURE__ */ A($.HeaderCell, {
+			return /* @__PURE__ */ j($.HeaderCell, {
 				width: e.getSize() === 150 ? void 0 : e.getSize(),
 				className: W(t && "cursor-pointer select-none group"),
-				children: e.isPlaceholder ? null : /* @__PURE__ */ j("button", {
+				children: e.isPlaceholder ? null : /* @__PURE__ */ M("button", {
 					type: "button",
 					className: W("flex items-center gap-1", t && "cursor-pointer"),
 					onClick: t ? e.column.getToggleSortingHandler() : void 0,
 					tabIndex: t ? 0 : -1,
-					children: [oe(e.column.columnDef.header, e.getContext()), t && /* @__PURE__ */ A(zn, { direction: r })]
+					children: [se(e.column.columnDef.header, e.getContext()), t && /* @__PURE__ */ j(nr, { direction: r })]
 				})
 			}, e.id);
-		}) }, e.id)) }), /* @__PURE__ */ A($.Body, { children: u ? Array.from({ length: d }, (e, t) => /* @__PURE__ */ A($.Row, { children: E.getVisibleLeafColumns().map((e, n) => /* @__PURE__ */ A($.Cell, { children: /* @__PURE__ */ A(dn, { className: "h-4 w-full" }) }, `skeleton-${String(t)}-${String(n)}`)) }, `skeleton-${String(t)}`)) : E.getRowModel().rows.length > 0 ? E.getRowModel().rows.map((e) => /* @__PURE__ */ A($.Row, {
+		}) }, e.id)) }), /* @__PURE__ */ j($.Body, { children: u ? Array.from({ length: d }, (e, t) => /* @__PURE__ */ j($.Row, { children: D.getVisibleLeafColumns().map((e, n) => /* @__PURE__ */ j($.Cell, { children: /* @__PURE__ */ j(Rt, { className: "h-4 w-full" }) }, `skeleton-${String(t)}-${String(n)}`)) }, `skeleton-${String(t)}`)) : D.getRowModel().rows.length > 0 ? D.getRowModel().rows.map((e) => /* @__PURE__ */ j($.Row, {
 			onClick: l ? () => l(e) : void 0,
 			className: W(e.getIsSelected() && "bg-cui-subtle"),
-			children: e.getVisibleCells().map((e) => /* @__PURE__ */ A($.Cell, {
+			children: e.getVisibleCells().map((e) => /* @__PURE__ */ j($.Cell, {
 				width: e.column.getSize() === 150 ? void 0 : e.column.getSize(),
-				children: oe(e.column.columnDef.cell, e.getContext())
+				children: se(e.column.columnDef.cell, e.getContext())
 			}, e.id))
-		}, e.id)) : /* @__PURE__ */ A($.Row, { children: /* @__PURE__ */ A($.Cell, {
-			colSpan: ee.length,
+		}, e.id)) : /* @__PURE__ */ j($.Row, { children: /* @__PURE__ */ j($.Cell, {
+			colSpan: T.length,
 			className: "text-cui-tertiary py-8 text-center",
 			children: f
-		}) }) })] }), r && D > 0 && /* @__PURE__ */ j("div", {
+		}) }) })] }), r && O > 0 && /* @__PURE__ */ M("div", {
 			className: "flex items-center justify-between",
-			children: [o && /* @__PURE__ */ j("span", {
+			children: [o && /* @__PURE__ */ M("span", {
 				className: "text-cui-secondary text-cui-base",
 				children: [
-					E.getFilteredSelectedRowModel().rows.length,
+					D.getFilteredSelectedRowModel().rows.length,
 					" of",
 					" ",
-					E.getFilteredRowModel().rows.length,
+					D.getFilteredRowModel().rows.length,
 					" row(s) selected"
 				]
-			}), /* @__PURE__ */ A("div", {
+			}), /* @__PURE__ */ j("div", {
 				className: W(!o && "ml-auto"),
-				children: /* @__PURE__ */ A(Rn, {
-					page: k,
-					pageCount: D,
-					onPageChange: (e) => E.setPageIndex(e - 1),
-					totalItems: E.getFilteredRowModel().rows.length,
-					rowsPerPage: M,
-					onRowsPerPageChange: (e) => E.setPageSize(e),
+				children: /* @__PURE__ */ j(tr, {
+					page: te,
+					pageCount: O,
+					onPageChange: (e) => D.setPageIndex(e - 1),
+					totalItems: D.getFilteredRowModel().rows.length,
+					rowsPerPage: A,
+					onRowsPerPageChange: (e) => D.setPageSize(e),
 					rowOptions: a
 				})
 			})]
@@ -2374,22 +2647,22 @@ function Bn({ columns: e, data: t, sortable: n = !1, paginated: r = !1, pageSize
 }
 //#endregion
 //#region src/components/data-table/data-table-toolbar.tsx
-var Vn = C(function({ children: e, className: t }, n) {
-	return /* @__PURE__ */ A("div", {
+var ir = C(function({ children: e, className: t }, n) {
+	return /* @__PURE__ */ j("div", {
 		ref: n,
 		className: W("flex flex-wrap items-center gap-2", t),
 		children: e
 	});
-}), Hn = C(function({ value: e, onChange: t, placeholder: n = "Search...", className: r }, i) {
-	let a = D(null), o = w(() => {
+}), ar = C(function({ value: e, onChange: t, placeholder: n = "Search...", className: r }, i) {
+	let a = O(null), o = w(() => {
 		t(""), a.current?.focus();
 	}, [t]);
-	return /* @__PURE__ */ j("div", {
+	return /* @__PURE__ */ M("div", {
 		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__ */ A(h, { className: "text-cui-tertiary size-4 shrink-0" }),
-			/* @__PURE__ */ A("input", {
+			/* @__PURE__ */ j(h, { className: "text-cui-tertiary size-4 shrink-0" }),
+			/* @__PURE__ */ j("input", {
 				ref: a,
 				type: "text",
 				value: e,
@@ -2397,67 +2670,67 @@ var Vn = C(function({ children: e, className: t }, n) {
 				placeholder: n,
 				className: "text-cui-primary placeholder:text-cui-tertiary text-cui-base min-w-0 flex-1 bg-transparent outline-none"
 			}),
-			e && /* @__PURE__ */ A("button", {
+			e && /* @__PURE__ */ j("button", {
 				type: "button",
 				onClick: o,
 				className: "text-cui-tertiary hover:text-cui-secondary shrink-0 rounded-sm p-0.5 transition-colors",
-				children: /* @__PURE__ */ A(x, { className: "size-3.5" })
+				children: /* @__PURE__ */ j(x, { className: "size-3.5" })
 			})
 		]
 	});
 });
 //#endregion
 //#region src/components/popover/popover.tsx
-function Un(e) {
-	return /* @__PURE__ */ A(B.Root, { ...e });
+function or(e) {
+	return /* @__PURE__ */ j(V.Root, { ...e });
 }
-var Wn = C(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ A(B.Trigger, {
+var sr = C(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ j(V.Trigger, {
 		ref: n,
 		className: W("cursor-pointer outline-none", e),
 		...t
 	});
 });
-function Gn({ side: e = "bottom", align: t = "center", sideOffset: n = 4, className: r, children: i, ...a }) {
-	return /* @__PURE__ */ A(B.Portal, { children: /* @__PURE__ */ A(B.Positioner, {
+function cr({ side: e = "bottom", align: t = "center", sideOffset: n = 4, className: r, children: i, ...a }) {
+	return /* @__PURE__ */ j(V.Portal, { children: /* @__PURE__ */ j(V.Positioner, {
 		side: e,
 		align: t,
 		sideOffset: n,
 		className: "z-50 outline-none",
-		children: /* @__PURE__ */ A(B.Popup, {
+		children: /* @__PURE__ */ j(V.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 Kn = {
-	Root: Un,
-	Trigger: Wn,
-	Content: Gn,
+var lr = {
+	Root: or,
+	Trigger: sr,
+	Content: cr,
 	Arrow: C(function({ className: e, ...t }, n) {
-		return /* @__PURE__ */ A(B.Arrow, {
+		return /* @__PURE__ */ j(V.Arrow, {
 			ref: n,
 			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: C(function({ className: e, ...t }, n) {
-		return /* @__PURE__ */ A(B.Close, {
+		return /* @__PURE__ */ j(V.Close, {
 			ref: n,
 			className: W(e),
 			...t
 		});
 	}),
 	Title: C(function({ className: e, children: t }, n) {
-		return /* @__PURE__ */ A("p", {
+		return /* @__PURE__ */ j("p", {
 			ref: n,
 			className: W("text-cui-primary text-cui-base font-medium", e),
 			children: t
 		});
 	}),
 	Description: C(function({ className: e, ...t }, n) {
-		return /* @__PURE__ */ A(B.Description, {
+		return /* @__PURE__ */ j(V.Description, {
 			ref: n,
 			className: W("text-cui-secondary mt-1 text-cui-base", e),
 			...t
@@ -2466,8 +2739,8 @@ var Kn = {
 };
 //#endregion
 //#region src/components/data-table/data-table-faceted-filter.tsx
-function qn({ column: e, title: t, options: n, value: r, onValueChange: i }) {
-	let [a, s] = O(""), c = D(null), l = e?.getFacetedUniqueValues(), u = r ?? e?.getFilterValue() ?? [], d = new Set(u), f = d.size > 0, p = a ? n.filter((e) => e.label.toLowerCase().includes(a.toLowerCase())) : n;
+function ur({ column: e, title: t, options: n, value: r, onValueChange: i }) {
+	let [a, s] = k(""), c = O(null), l = e?.getFacetedUniqueValues(), u = r ?? e?.getFilterValue() ?? [], d = new Set(u), f = d.size > 0, p = a ? n.filter((e) => e.label.toLowerCase().includes(a.toLowerCase())) : n;
 	function m(t) {
 		i ? i(t) : e?.setFilterValue(t.length ? t : void 0);
 	}
@@ -2475,48 +2748,48 @@ function qn({ column: e, title: t, options: n, value: r, onValueChange: i }) {
 		let t = new Set(d);
 		t.has(e) ? t.delete(e) : t.add(e), m(Array.from(t));
 	}
-	return /* @__PURE__ */ j(Kn.Root, {
+	return /* @__PURE__ */ M(lr.Root, {
 		onOpenChange: (e) => {
 			e ? requestAnimationFrame(() => {
 				c.current?.focus({ preventScroll: !0 });
 			}) : s("");
 		},
-		children: [/* @__PURE__ */ j(Kn.Trigger, {
-			render: /* @__PURE__ */ A("button", { type: "button" }),
+		children: [/* @__PURE__ */ M(lr.Trigger, {
+			render: /* @__PURE__ */ j("button", { type: "button" }),
 			className: W("border-cui-neutral inline-flex h-8 items-center rounded-md border text-cui-base", f ? "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__ */ A(v, { className: "text-cui-tertiary size-4 shrink-0" }),
-				/* @__PURE__ */ A("span", {
+				/* @__PURE__ */ j(v, { className: "text-cui-tertiary size-4 shrink-0" }),
+				/* @__PURE__ */ j("span", {
 					className: "text-cui-primary",
 					children: t
 				}),
-				f && /* @__PURE__ */ j(k, { children: [
-					/* @__PURE__ */ A("div", { className: "border-cui-neutral mx-0.5 h-4 w-px border-l" }),
-					/* @__PURE__ */ A(nn, {
+				f && /* @__PURE__ */ M(A, { children: [
+					/* @__PURE__ */ j("div", { className: "border-cui-neutral mx-0.5 h-4 w-px border-l" }),
+					/* @__PURE__ */ j(Cn, {
 						className: "rounded-sm px-1 font-medium lg:hidden",
 						children: d.size
 					}),
-					/* @__PURE__ */ A("span", {
+					/* @__PURE__ */ j("span", {
 						className: "hidden items-center gap-1 lg:flex",
-						children: d.size > 2 ? /* @__PURE__ */ j(nn, {
+						children: d.size > 2 ? /* @__PURE__ */ M(Cn, {
 							className: "rounded-sm px-1 font-medium",
 							children: [d.size, " selected"]
-						}) : n.filter((e) => d.has(e.value)).map((e) => /* @__PURE__ */ A(nn, {
+						}) : n.filter((e) => d.has(e.value)).map((e) => /* @__PURE__ */ j(Cn, {
 							className: "rounded-sm px-1 font-medium",
 							children: e.label
 						}, e.value))
 					})
 				] })
 			]
-		}), /* @__PURE__ */ j(Kn.Content, {
+		}), /* @__PURE__ */ M(lr.Content, {
 			side: "bottom",
 			align: "start",
 			sideOffset: 4,
 			className: "w-[220px] p-1",
 			children: [
-				/* @__PURE__ */ A(q.SearchInput, {
+				/* @__PURE__ */ j(q.SearchInput, {
 					className: "mx-0 mt-0",
-					children: /* @__PURE__ */ A("input", {
+					children: /* @__PURE__ */ j("input", {
 						ref: c,
 						value: a,
 						onChange: (e) => s(e.target.value),
@@ -2524,31 +2797,31 @@ function qn({ column: e, title: t, options: n, value: r, onValueChange: i }) {
 						className: "text-cui-primary placeholder:text-cui-tertiary text-cui-base flex-1 bg-transparent outline-none"
 					})
 				}),
-				/* @__PURE__ */ j(q.List, { children: [p.length === 0 && /* @__PURE__ */ A(q.Empty, { children: "No results found." }), p.map((e) => {
+				/* @__PURE__ */ M(q.List, { children: [p.length === 0 && /* @__PURE__ */ j(q.Empty, { children: "No results found." }), p.map((e) => {
 					let t = d.has(e.value);
-					return /* @__PURE__ */ j(q.Item, {
+					return /* @__PURE__ */ M(q.Item, {
 						onClick: () => h(e.value),
-						icon: /* @__PURE__ */ A("div", {
+						icon: /* @__PURE__ */ j("div", {
 							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__ */ A(o, { className: "size-3" })
+							children: /* @__PURE__ */ j(o, { className: "size-3" })
 						}),
-						indicator: l?.get(e.value) == null ? void 0 : /* @__PURE__ */ A("span", {
+						indicator: l?.get(e.value) == null ? void 0 : /* @__PURE__ */ j("span", {
 							className: "text-cui-tertiary font-cui-mono text-cui-sm",
 							children: l.get(e.value)
 						}),
-						children: [e.icon && /* @__PURE__ */ A("span", {
+						children: [e.icon && /* @__PURE__ */ j("span", {
 							className: "text-cui-secondary flex size-4 shrink-0 items-center justify-center [&>svg]:size-3.5",
 							children: e.icon
-						}), /* @__PURE__ */ A("span", {
+						}), /* @__PURE__ */ j("span", {
 							className: "relative z-[1]",
 							children: e.label
 						})]
 					}, e.value);
 				})] }),
-				f && /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(q.Separator, {}), /* @__PURE__ */ A(q.Item, {
+				f && /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j(q.Separator, {}), /* @__PURE__ */ j(q.Item, {
 					onClick: () => m([]),
 					className: "justify-center",
-					children: /* @__PURE__ */ A("span", {
+					children: /* @__PURE__ */ j("span", {
 						className: "relative z-[1]",
 						children: "Clear filters"
 					})
@@ -2559,8 +2832,8 @@ function qn({ column: e, title: t, options: n, value: r, onValueChange: i }) {
 }
 //#endregion
 //#region src/components/segmented-group/segmented-group.tsx
-var Jn = C(function({ activeIndex: e, itemCount: t, layout: n = "fill", className: r, children: i }, a) {
-	let o = n === "fill", s = D(null), [c, l] = O(null), u = D(!1), d = w(() => {
+var dr = C(function({ activeIndex: e, itemCount: t, layout: n = "fill", className: r, children: i }, a) {
+	let o = n === "fill", s = O(null), [c, l] = k(null), u = O(!1), d = w(() => {
 		if (n !== "fit") return;
 		let t = s.current;
 		if (!t) return;
@@ -2572,7 +2845,7 @@ var Jn = C(function({ activeIndex: e, itemCount: t, layout: n = "fill", classNam
 			width: r.offsetWidth
 		}), i && r.offsetHeight;
 	}, [e, n]);
-	T(() => {
+	E(() => {
 		d();
 		let e = s.current;
 		if (!e || n !== "fit") return;
@@ -2587,21 +2860,21 @@ var Jn = C(function({ activeIndex: e, itemCount: t, layout: n = "fill", classNam
 		width: c.width,
 		transition: u.current ? void 0 : "none"
 	} : { opacity: 0 };
-	return /* @__PURE__ */ j("div", {
+	return /* @__PURE__ */ M("div", {
 		ref: (e) => {
 			s.current = e, typeof a == "function" ? a(e) : a && (a.current = e);
 		},
 		className: W("relative bg-cui-base-0 rounded-md ring-1 ring-cui-neutral", o ? "grid" : "inline-flex", r),
 		style: o ? { gridTemplateColumns: `repeat(${t}, 1fr)` } : void 0,
-		children: [/* @__PURE__ */ A("div", {
+		children: [/* @__PURE__ */ j("div", {
 			"aria-hidden": !0,
 			className: W("absolute inset-y-0 p-0.5", "transition-all duration-200 ease-cui-out-expo", "motion-reduce:transition-none", !o && !u.current && "transition-none"),
 			style: f,
-			children: /* @__PURE__ */ A("div", { className: "bg-cui-base-2 h-full rounded-sm shadow-sm" })
+			children: /* @__PURE__ */ j("div", { className: "bg-cui-base-2 h-full rounded-sm shadow-sm" })
 		}), i]
 	});
-}), Yn = C(function({ active: e = !1, className: t, children: n, ...r }, i) {
-	return /* @__PURE__ */ A("button", {
+}), fr = C(function({ active: e = !1, className: t, children: n, ...r }, i) {
+	return /* @__PURE__ */ j("button", {
 		ref: i,
 		type: "button",
 		"data-segmented-item": "",
@@ -2609,96 +2882,96 @@ var Jn = C(function({ activeIndex: e, itemCount: t, layout: n = "fill", classNam
 		...r,
 		children: n
 	});
-}), Xn = {
+}), pr = {
 	sm: "h-7 px-2.5",
 	md: "h-8 px-3"
-}, Zn = C(function({ options: e, value: t, defaultValue: n, onValueChange: r, layout: i = "fill", size: a = "sm", className: o }, s) {
-	let [c, l] = O(() => n ?? e[0]?.value ?? ""), u = t !== void 0, d = u ? t : c, f = e.findIndex((e) => e.value === d);
+}, mr = C(function({ options: e, value: t, defaultValue: n, onValueChange: r, layout: i = "fill", size: a = "sm", className: o }, s) {
+	let [c, l] = k(() => n ?? e[0]?.value ?? ""), u = t !== void 0, d = u ? t : c, f = e.findIndex((e) => e.value === d);
 	function p(e) {
 		u || l(e), r?.(e);
 	}
-	return /* @__PURE__ */ A(Jn, {
+	return /* @__PURE__ */ j(dr, {
 		ref: s,
 		activeIndex: f,
 		itemCount: e.length,
 		layout: i,
 		className: o,
-		children: e.map((e) => /* @__PURE__ */ j(Yn, {
+		children: e.map((e) => /* @__PURE__ */ M(fr, {
 			active: e.value === d,
 			"aria-pressed": e.value === d,
 			onClick: () => p(e.value),
-			className: Xn[a],
-			children: [e.icon && /* @__PURE__ */ A("span", {
+			className: pr[a],
+			children: [e.icon && /* @__PURE__ */ j("span", {
 				className: "flex size-4 shrink-0 items-center justify-center [&>svg]:size-4",
 				children: e.icon
-			}), e.label && /* @__PURE__ */ A("span", { children: e.label })]
+			}), e.label && /* @__PURE__ */ j("span", { children: e.label })]
 		}, e.value))
 	});
-}), Qn = [
+}), hr = [
 	{
 		value: "light",
-		icon: /* @__PURE__ */ A(y, {})
+		icon: /* @__PURE__ */ j(y, {})
 	},
 	{
 		value: "dark",
-		icon: /* @__PURE__ */ A(_, {})
+		icon: /* @__PURE__ */ j(_, {})
 	},
 	{
 		value: "system",
-		icon: /* @__PURE__ */ A(f, {})
+		icon: /* @__PURE__ */ j(f, {})
 	}
 ];
-function $n({ user: e, theme: t = "system", onThemeChange: n, items: i, onLogout: a, children: o, side: s = "bottom", align: c = "end", className: l }) {
-	return /* @__PURE__ */ j(Q.Root, { children: [/* @__PURE__ */ A(Q.Trigger, {
+function gr({ user: e, theme: t = "system", onThemeChange: n, items: i, onLogout: a, children: o, side: s = "bottom", align: c = "end", className: l }) {
+	return /* @__PURE__ */ M(Q.Root, { children: [/* @__PURE__ */ j(Q.Trigger, {
 		className: l,
-		children: o ?? /* @__PURE__ */ A(_t, {
+		children: o ?? /* @__PURE__ */ j(vt, {
 			initials: e.initials,
 			src: e.avatarUrl,
 			size: "sm",
 			className: "cursor-pointer"
 		})
-	}), /* @__PURE__ */ j(Q.Content, {
+	}), /* @__PURE__ */ M(Q.Content, {
 		side: s,
 		align: c,
 		sideOffset: 8,
 		minWidth: "min-w-[260px]",
 		children: [
-			/* @__PURE__ */ j("div", {
+			/* @__PURE__ */ M("div", {
 				className: "flex items-center gap-2 px-2 py-1.5",
-				children: [/* @__PURE__ */ A(_t, {
+				children: [/* @__PURE__ */ j(vt, {
 					initials: e.initials,
 					src: e.avatarUrl,
 					size: "md"
-				}), /* @__PURE__ */ j("div", {
+				}), /* @__PURE__ */ M("div", {
 					className: "flex flex-col gap-0.5",
-					children: [/* @__PURE__ */ A("span", {
+					children: [/* @__PURE__ */ j("span", {
 						className: "text-cui-primary text-cui-base font-semibold",
 						children: e.name
-					}), e.org && /* @__PURE__ */ A("span", {
+					}), e.org && /* @__PURE__ */ j("span", {
 						className: "text-cui-tertiary text-cui-sm",
 						children: e.org
 					})]
 				})]
 			}),
-			/* @__PURE__ */ A(Q.Separator, {}),
-			/* @__PURE__ */ j("div", {
+			/* @__PURE__ */ j(Q.Separator, {}),
+			/* @__PURE__ */ M("div", {
 				className: "flex items-center justify-between px-2 py-1.5",
-				children: [/* @__PURE__ */ A("span", {
+				children: [/* @__PURE__ */ j("span", {
 					className: "text-cui-primary text-cui-base",
 					children: "Theme"
-				}), /* @__PURE__ */ A(Zn, {
-					options: Qn,
+				}), /* @__PURE__ */ j(mr, {
+					options: hr,
 					value: t,
 					onValueChange: n
 				})]
 			}),
-			i && i.length > 0 && /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(Q.Separator, {}), i.map((e) => /* @__PURE__ */ A(Q.Item, {
+			i && i.length > 0 && /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j(Q.Separator, {}), i.map((e) => /* @__PURE__ */ j(Q.Item, {
 				icon: e.icon,
 				onClick: e.onClick,
 				children: e.label
 			}, e.label))] }),
-			a && /* @__PURE__ */ j(k, { children: [/* @__PURE__ */ A(Q.Separator, {}), /* @__PURE__ */ A(Q.Item, {
-				icon: /* @__PURE__ */ A(r, {}),
+			a && /* @__PURE__ */ M(A, { children: [/* @__PURE__ */ j(Q.Separator, {}), /* @__PURE__ */ j(Q.Item, {
+				icon: /* @__PURE__ */ j(r, {}),
 				onClick: a,
 				children: "Log out"
 			})] })
@@ -2707,7 +2980,7 @@ function $n({ user: e, theme: t = "system", onThemeChange: n, items: i, onLogout
 }
 //#endregion
 //#region src/components/alert/alert.tsx
-var er = {
+var _r = {
 	accent: {
 		container: "bg-cui-accent-subtle",
 		icon: "text-cui-accent",
@@ -2736,90 +3009,90 @@ var er = {
 		pattern: "text-cui-danger",
 		defaultIcon: b
 	}
-}, tr = {
+}, vr = {
 	maskImage: "linear-gradient(to left, black, transparent)",
 	WebkitMaskImage: "linear-gradient(to left, black, transparent)"
-}, nr = C(function({ variant: e = "accent", layout: t = "inline", icon: n, action: r, onDismiss: i, className: a, children: o }, s) {
-	let c = er[e], l = c.defaultIcon;
-	return t === "banner" ? /* @__PURE__ */ j("div", {
+}, yr = C(function({ variant: e = "accent", layout: t = "inline", icon: n, action: r, onDismiss: i, className: a, children: o }, s) {
+	let c = _r[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__ */ A("div", {
+			/* @__PURE__ */ j("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__ */ A(un, {
+				children: /* @__PURE__ */ j(Lt, {
 					squareSize: 4,
 					gridGap: 2,
 					flickerChance: .4,
 					maxOpacity: .15
 				})
 			}),
-			/* @__PURE__ */ j("div", {
+			/* @__PURE__ */ M("div", {
 				className: "relative flex items-center gap-3",
 				children: [
-					/* @__PURE__ */ A("span", {
+					/* @__PURE__ */ j("span", {
 						className: W("flex size-5 shrink-0 items-center justify-center [&>svg]:size-4", c.icon),
-						children: n ?? /* @__PURE__ */ A(l, {})
+						children: n ?? /* @__PURE__ */ j(l, {})
 					}),
-					/* @__PURE__ */ A("span", {
+					/* @__PURE__ */ j("span", {
 						className: W("text-cui-base font-medium", c.text),
 						children: o
 					}),
-					r && /* @__PURE__ */ A("div", {
+					r && /* @__PURE__ */ j("div", {
 						className: "shrink-0",
 						children: r
 					})
 				]
 			}),
-			i && /* @__PURE__ */ A("div", {
+			i && /* @__PURE__ */ j("div", {
 				className: "absolute right-2",
-				children: /* @__PURE__ */ A(K, {
+				children: /* @__PURE__ */ j(K, {
 					variant: "transparent",
 					size: "xs",
-					iconLeft: /* @__PURE__ */ A(x, {}),
+					iconLeft: /* @__PURE__ */ j(x, {}),
 					onClick: i,
 					"aria-label": "Dismiss"
 				})
 			})
 		]
-	}) : /* @__PURE__ */ j("div", {
+	}) : /* @__PURE__ */ M("div", {
 		ref: s,
 		role: "alert",
 		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__ */ A("div", {
+			/* @__PURE__ */ j("div", {
 				className: W("pointer-events-none absolute top-0 right-0 h-full w-1/2", c.pattern),
-				style: tr,
-				children: /* @__PURE__ */ A(un, {
+				style: vr,
+				children: /* @__PURE__ */ j(Lt, {
 					squareSize: 4,
 					gridGap: 2,
 					flickerChance: .4,
 					maxOpacity: .2
 				})
 			}),
-			/* @__PURE__ */ A("span", {
+			/* @__PURE__ */ j("span", {
 				className: W("relative flex size-5 shrink-0 items-center justify-center [&>svg]:size-4", c.icon),
-				children: n ?? /* @__PURE__ */ A(l, {})
+				children: n ?? /* @__PURE__ */ j(l, {})
 			}),
-			/* @__PURE__ */ A("span", {
+			/* @__PURE__ */ j("span", {
 				className: W("relative flex-1 text-cui-base font-medium", c.text),
 				children: o
 			}),
-			r && /* @__PURE__ */ A("div", {
+			r && /* @__PURE__ */ j("div", {
 				className: "relative ml-auto shrink-0",
 				children: r
 			}),
-			i && /* @__PURE__ */ A("div", {
+			i && /* @__PURE__ */ j("div", {
 				className: "relative ml-auto shrink-0",
-				children: /* @__PURE__ */ A(K, {
+				children: /* @__PURE__ */ j(K, {
 					variant: "transparent",
 					size: "xs",
-					iconLeft: /* @__PURE__ */ A(x, {}),
+					iconLeft: /* @__PURE__ */ j(x, {}),
 					onClick: i,
 					"aria-label": "Dismiss"
 				})
@@ -2829,95 +3102,95 @@ var er = {
 });
 //#endregion
 //#region src/components/alert-dialog/alert-dialog.tsx
-function rr(e) {
-	return /* @__PURE__ */ A(V.Root, { ...e });
+function br(e) {
+	return /* @__PURE__ */ j(H.Root, { ...e });
 }
-var ir = C(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ A(V.Trigger, {
+var xr = C(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ j(H.Trigger, {
 		ref: n,
 		className: W(e),
 		...t
 	});
-}), ar = C(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ A(V.Backdrop, {
+}), Sr = C(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ j(H.Backdrop, {
 		ref: n,
 		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 or({ className: e, children: t, ...n }) {
-	return /* @__PURE__ */ j(V.Portal, { children: [/* @__PURE__ */ A(ar, {}), /* @__PURE__ */ A(V.Popup, {
+function Cr({ className: e, children: t, ...n }) {
+	return /* @__PURE__ */ M(H.Portal, { children: [/* @__PURE__ */ j(Sr, {}), /* @__PURE__ */ j(H.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 sr = {
-	Root: rr,
-	Trigger: ir,
-	Content: or,
+var wr = {
+	Root: br,
+	Trigger: xr,
+	Content: Cr,
 	Panel: C(function({ className: e, children: t }, n) {
-		return /* @__PURE__ */ A("div", {
+		return /* @__PURE__ */ j("div", {
 			ref: n,
 			className: W("bg-cui-base-2 border-cui-neutral rounded-md border", e),
 			children: t
 		});
 	}),
 	Title: C(function({ className: e, ...t }, n) {
-		return /* @__PURE__ */ A(V.Title, {
+		return /* @__PURE__ */ j(H.Title, {
 			ref: n,
 			className: W("text-cui-primary border-cui-neutral border-b px-4 py-3 text-cui-base font-medium", e),
 			...t
 		});
 	}),
 	Description: C(function({ className: e, ...t }, n) {
-		return /* @__PURE__ */ A(V.Description, {
+		return /* @__PURE__ */ j(H.Description, {
 			ref: n,
 			className: W("text-cui-secondary p-4 text-cui-base", e),
 			...t
 		});
 	}),
 	Actions: C(function({ className: e, children: t }, n) {
-		return /* @__PURE__ */ A("div", {
+		return /* @__PURE__ */ j("div", {
 			ref: n,
 			className: W("flex items-center justify-end gap-2 p-2", e),
 			children: t
 		});
 	}),
 	Close: C(function({ className: e, ...t }, n) {
-		return /* @__PURE__ */ A(V.Close, {
+		return /* @__PURE__ */ j(H.Close, {
 			ref: n,
 			className: W(e),
 			...t
 		});
 	})
-}, cr = {
+}, Tr = {
 	Root: C(function({ className: e, ...t }, n) {
-		return /* @__PURE__ */ A(fe.Root, {
+		return /* @__PURE__ */ j(pe.Root, {
 			ref: n,
 			className: W("flex flex-col", e),
 			...t
 		});
 	}),
 	Item: C(function({ className: e, ...t }, n) {
-		return /* @__PURE__ */ A(fe.Item, {
+		return /* @__PURE__ */ j(pe.Item, {
 			ref: n,
 			className: W("border-cui-neutral border-b last:border-b-0", e),
 			...t
 		});
 	}),
 	Trigger: C(function({ icon: e, className: t, children: n, ...r }, i) {
-		return /* @__PURE__ */ j(fe.Trigger, {
+		return /* @__PURE__ */ M(pe.Trigger, {
 			ref: i,
 			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__ */ A(l, { 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__ */ A("span", {
+				/* @__PURE__ */ j(l, { 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__ */ j("span", {
 					className: "flex size-5 shrink-0 items-center justify-center [&>svg]:size-4",
 					children: e
 				}),
-				/* @__PURE__ */ A("span", {
+				/* @__PURE__ */ j("span", {
 					className: "flex-1 text-left",
 					children: n
 				})
@@ -2925,24 +3198,24 @@ var sr = {
 		});
 	}),
 	Content: C(function({ className: e, children: t, ...n }, r) {
-		return /* @__PURE__ */ A(fe.Panel, {
+		return /* @__PURE__ */ j(pe.Panel, {
 			ref: r,
 			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__ */ A("div", {
+			children: /* @__PURE__ */ j("div", {
 				className: "text-cui-secondary text-cui-base pb-3",
 				children: t
 			})
 		});
 	})
-}, lr = C(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ A(pe.Root, {
+}, Er = C(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ j(me.Root, {
 		ref: n,
 		className: W("flex flex-col", e),
 		...t
 	});
-}), ur = C(function({ className: e, layout: t = "fit", children: n, ...r }, i) {
-	let a = D(null), [o, s] = O(0), [c, l] = O(0), u = w(() => {
+}), Dr = C(function({ className: e, layout: t = "fit", children: n, ...r }, i) {
+	let a = O(null), [o, s] = k(0), [c, l] = k(0), u = w(() => {
 		let e = a.current;
 		if (!e) return;
 		let t = e.querySelectorAll("[role='tab']");
@@ -2952,7 +3225,7 @@ var sr = {
 			(e.getAttribute("data-active") !== null || e.getAttribute("aria-selected") === "true") && (n = t);
 		}), n < 0 && (n = 0), l(n);
 	}, []);
-	return T(() => {
+	return E(() => {
 		u();
 		let e = a.current;
 		if (!e) return;
@@ -2966,7 +3239,7 @@ var sr = {
 		return n.observe(e), () => {
 			t.disconnect(), n.disconnect();
 		};
-	}, [u]), /* @__PURE__ */ A(Jn, {
+	}, [u]), /* @__PURE__ */ j(dr, {
 		ref: (e) => {
 			a.current = e, typeof i == "function" ? i(e) : i && (i.current = e);
 		},
@@ -2974,216 +3247,115 @@ var sr = {
 		itemCount: o,
 		layout: t,
 		className: typeof e == "string" ? e : void 0,
-		children: /* @__PURE__ */ A(pe.List, {
+		children: /* @__PURE__ */ j(me.List, {
 			className: "contents",
 			...r,
 			children: n
 		})
 	});
-}), dr = {
+}), Or = {
 	sm: "h-7 px-2.5",
 	md: "h-8 px-3"
-}, fr = {
-	Root: lr,
-	List: ur,
+}, kr = {
+	Root: Er,
+	List: Dr,
 	Tab: C(function({ size: e = "sm", className: t, children: n, ...r }, i) {
-		return /* @__PURE__ */ A(pe.Tab, {
+		return /* @__PURE__ */ j(me.Tab, {
 			ref: i,
 			"data-segmented-item": "",
-			className: W("relative z-10 flex items-center justify-center gap-1.5 rounded-sm", dr[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),
+			className: W("relative z-10 flex items-center justify-center gap-1.5 rounded-sm", Or[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: C(function({ className: e, ...t }, n) {
-		return /* @__PURE__ */ A(pe.Panel, {
+		return /* @__PURE__ */ j(me.Panel, {
 			ref: n,
 			className: W("rounded-sm pt-3 outline-none", "focus-visible:ring-2 focus-visible:ring-cui-focus focus-visible:ring-offset-2", e),
 			...t
 		});
 	})
-}, pr = {
-	right: "right",
-	left: "left",
-	bottom: "down",
-	top: "up"
-}, mr = {
-	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 hr({ side: e = "right", responsive: t, children: n, ...r }) {
-	return /* @__PURE__ */ A(H.Root, {
-		swipeDirection: pr[e],
-		...r,
-		children: n
-	});
-}
-var gr = C(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ A(H.Trigger, {
-		ref: n,
-		className: W(e),
-		...t
-	});
-}), _r = C(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ A(H.Backdrop, {
-		ref: n,
-		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 vr({ side: e = "right", responsive: t = !0, className: n, children: r, ...i }) {
-	return /* @__PURE__ */ j(H.Portal, { children: [/* @__PURE__ */ A(_r, {}), /* @__PURE__ */ A(H.Popup, {
-		className: W("group/drawer fixed z-50 flex outline-none", mr[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%]",
-			"max-md:data-[ending-style]:translate-x-0 max-md:data-[ending-style]:translate-y-[20%]"
-		]),
-		...i,
-		children: /* @__PURE__ */ A("div", {
-			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__ */ A("div", {
-				className: "bg-cui-base-2 border-cui-neutral flex min-h-0 flex-1 flex-col overflow-hidden rounded-md border",
-				children: r
-			})
-		})
-	})] });
-}
-var yr = {
-	Root: hr,
-	Trigger: gr,
-	Content: vr,
-	Header: C(function({ className: e, children: t }, n) {
-		return /* @__PURE__ */ A("div", {
-			ref: n,
-			className: W("border-cui-neutral flex items-center justify-between border-b px-4 py-3", e),
-			children: t
-		});
-	}),
-	Title: C(function({ className: e, ...t }, n) {
-		return /* @__PURE__ */ A(H.Title, {
-			ref: n,
-			className: W("text-cui-primary text-cui-base font-medium", e),
-			...t
-		});
-	}),
-	Description: C(function({ className: e, ...t }, n) {
-		return /* @__PURE__ */ A(H.Description, {
-			ref: n,
-			className: W("text-cui-secondary text-cui-base", e),
-			...t
-		});
-	}),
-	Body: C(function({ className: e, children: t }, n) {
-		return /* @__PURE__ */ A("div", {
-			ref: n,
-			className: W("flex-1 overflow-y-auto p-4", e),
-			children: t
-		});
-	}),
-	Footer: C(function({ className: e, children: t }, n) {
-		return /* @__PURE__ */ A("div", {
-			ref: n,
-			className: W("border-cui-neutral flex items-center justify-end gap-2 border-t p-3", e),
-			children: t
-		});
-	}),
-	Close: C(function({ asIcon: e, className: t, children: n, ...r }, i) {
-		return e ?? !n ? /* @__PURE__ */ A(H.Close, {
-			ref: i,
-			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__ */ A(x, { className: "size-4" })
-		}) : /* @__PURE__ */ A(H.Close, {
-			ref: i,
-			className: W(t),
-			...r,
-			children: n
-		});
-	})
-}, br = C(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ A(U, {
+}, Ar = C(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ j(U, {
 		ref: n,
 		className: W("bg-cui-base-2 flex h-full w-full flex-col overflow-hidden rounded-lg", e),
 		...t
 	});
-}), xr = C(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ A(q.SearchInput, {
+}), jr = C(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ j(q.SearchInput, {
 		className: "mb-0 bg-transparent px-2",
-		children: /* @__PURE__ */ A(U.Input, {
+		children: /* @__PURE__ */ j(U.Input, {
 			ref: n,
 			className: W("text-cui-primary placeholder:text-cui-tertiary flex-1 bg-transparent py-1.5 text-cui-base outline-none", e),
 			...t
 		})
 	});
-}), Sr = C(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ A(U.List, {
+}), Mr = C(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ j(U.List, {
 		ref: n,
 		className: W("max-h-[300px] overflow-y-auto overscroll-contain p-1 [scrollbar-width:none] [&::-webkit-scrollbar]:hidden", e),
 		...t
 	});
-}), Cr = C(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ A(U.Empty, {
+}), Nr = C(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ j(U.Empty, {
 		ref: n,
 		className: W("text-cui-secondary px-2 py-4 text-center text-cui-base", e),
 		...t
 	});
-}), wr = C(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ A(U.Group, {
+}), Pr = C(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ j(U.Group, {
 		ref: n,
 		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
 	});
-}), Tr = C(function({ icon: e, shortcut: t, className: n, children: r, ...i }, a) {
-	return /* @__PURE__ */ j(U.Item, {
+}), Fr = C(function({ icon: e, shortcut: t, className: n, children: r, ...i }, a) {
+	return /* @__PURE__ */ M(U.Item, {
 		ref: a,
 		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__ */ A("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__ */ A("span", {
+			/* @__PURE__ */ j("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__ */ j("span", {
 				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__ */ A("span", {
+			/* @__PURE__ */ j("span", {
 				className: "relative z-[1] flex-1",
 				children: r
 			}),
-			t && /* @__PURE__ */ A("kbd", {
+			t && /* @__PURE__ */ j("kbd", {
 				className: "text-cui-tertiary text-cui-sm pointer-events-none relative z-[1] ml-auto tracking-widest",
 				children: t
 			})
 		]
 	});
-}), Er = C(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ A(U.Separator, {
+}), Ir = C(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ j(U.Separator, {
 		ref: n,
 		className: W("border-cui-neutral mx-2 my-1 border-t", e),
 		...t
 	});
 });
-function Dr({ open: e, onOpenChange: t, children: n, className: r }) {
-	return /* @__PURE__ */ A(z.Root, {
+function Lr({ open: e, onOpenChange: t, children: n, className: r }) {
+	return /* @__PURE__ */ j(B.Root, {
 		open: e,
 		onOpenChange: t,
-		children: /* @__PURE__ */ j(z.Portal, { children: [/* @__PURE__ */ A(z.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__ */ A(z.Popup, {
+		children: /* @__PURE__ */ M(B.Portal, { children: [/* @__PURE__ */ j(B.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__ */ j(B.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 Or = {
-	Root: br,
-	Input: xr,
-	List: Sr,
-	Empty: Cr,
-	Group: wr,
-	Item: Tr,
-	Separator: Er,
-	Dialog: Dr
-}, kr = {
+var Rr = {
+	Root: Ar,
+	Input: jr,
+	List: Mr,
+	Empty: Nr,
+	Group: Pr,
+	Item: Fr,
+	Separator: Ir,
+	Dialog: Lr
+}, zr = {
 	xs: {
 		height: "h-6",
 		padding: "px-1.5",
@@ -3202,53 +3374,53 @@ var Or = {
 		textPadding: "px-1",
 		icon: "w-8"
 	}
-}, Ar = C(function({ size: e = "md", iconLeft: t, iconRight: n, disabled: r, className: i, children: a, ...o }, s) {
-	let c = kr[e];
-	return /* @__PURE__ */ j(me, {
+}, Br = C(function({ size: e = "md", iconLeft: t, iconRight: n, disabled: r, className: i, children: a, ...o }, s) {
+	let c = zr[e];
+	return /* @__PURE__ */ M(he, {
 		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", r && "pointer-events-none opacity-50", !a && !n ? W(c.height, c.icon) : W(c.height, c.padding, "w-fit"), i),
 		...o,
 		children: [
-			/* @__PURE__ */ A("div", { className: W("absolute rounded-[inherit] inset-0 opacity-100", "bg-cui-base-2 border border-cui-neutral shadow-xs", "group-data-[pressed]/toggle-btn:bg-cui-subtle group-data-[pressed]/toggle-btn:border-cui-neutral", !r && [
+			/* @__PURE__ */ j("div", { className: W("absolute rounded-[inherit] inset-0 opacity-100", "bg-cui-base-2 border border-cui-neutral shadow-xs", "group-data-[pressed]/toggle-btn:bg-cui-subtle group-data-[pressed]/toggle-btn:border-cui-neutral", !r && [
 				"transition-[inset,opacity,background-color] duration-150 ease-cui-out-expo motion-reduce:transition-none",
 				"group-hover/toggle-btn:bg-cui-subtle",
 				"group-active/toggle-btn:inset-px"
 			]) }),
-			t && /* @__PURE__ */ A("span", {
+			t && /* @__PURE__ */ j("span", {
 				className: "relative z-[1] flex size-5 shrink-0 items-center justify-center [&>svg]:size-4",
 				children: t
 			}),
-			a && /* @__PURE__ */ A("span", {
+			a && /* @__PURE__ */ j("span", {
 				className: W("relative z-[1] inline", c.textPadding),
 				children: a
 			}),
-			n && /* @__PURE__ */ A("span", {
+			n && /* @__PURE__ */ j("span", {
 				className: "relative z-[1] flex size-5 shrink-0 items-center justify-center [&>svg]:size-4",
 				children: n
 			})
 		]
 	});
-}), jr = C(function({ orientation: e = "horizontal", className: t, ...n }, r) {
-	return /* @__PURE__ */ A("div", {
+}), Vr = C(function({ orientation: e = "horizontal", className: t, ...n }, r) {
+	return /* @__PURE__ */ j("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
 	});
-}), Mr = C(function({ orientation: e = "horizontal", className: t, ...n }, r) {
-	return /* @__PURE__ */ A(he, {
+}), Hr = C(function({ orientation: e = "horizontal", className: t, ...n }, r) {
+	return /* @__PURE__ */ j(ge, {
 		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
 	});
-}), Nr = C(function({ orientation: e = "vertical", className: t, ...n }, r) {
-	return /* @__PURE__ */ A(ge, {
+}), Ur = C(function({ orientation: e = "vertical", className: t, ...n }, r) {
+	return /* @__PURE__ */ j(_e, {
 		ref: r,
 		className: W("flex gap-2", e === "horizontal" ? "flex-row items-center" : "flex-col", t),
 		...n
 	});
-}), Pr = {
+}), Wr = {
 	sm: {
 		radio: "size-4",
 		indicator: "size-1.5",
@@ -3259,71 +3431,71 @@ var Or = {
 		indicator: "size-2",
 		label: "text-cui-base"
 	}
-}, Fr = C(function({ size: e = "md", label: t, className: n, value: r, ...i }, a) {
-	let o = Pr[e], s = /* @__PURE__ */ A(_e.Root, {
+}, Gr = C(function({ size: e = "md", label: t, className: n, value: r, ...i }, a) {
+	let o = Wr[e], s = /* @__PURE__ */ j(ve.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__ */ A(_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) })
+		children: /* @__PURE__ */ j(ve.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__ */ j("label", {
+	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__ */ A("span", {
+		children: [s, /* @__PURE__ */ j("span", {
 			className: W("text-cui-primary", o.label),
 			children: t
 		})]
 	}) : s;
 });
-function Ir({ value: e, title: t, description: n, icon: r, disabled: i, className: a }) {
-	return /* @__PURE__ */ j("label", {
+function Kr({ value: e, title: t, description: n, icon: r, disabled: i, className: a }) {
+	return /* @__PURE__ */ M("label", {
 		className: W("group/card relative flex cursor-pointer items-start gap-3 rounded-lg p-3 ring-1 ring-cui-neutral select-none", "transition-all duration-150 ease-out", "hover:bg-cui-subtle/50", "has-[span[data-checked]]:ring-2 has-[span[data-checked]]:ring-cui-accent has-[span[data-checked]]:bg-cui-subtle", i && "pointer-events-none opacity-50", a),
 		children: [
-			r && /* @__PURE__ */ A("span", {
+			r && /* @__PURE__ */ j("span", {
 				className: "text-cui-secondary flex size-5 shrink-0 items-center justify-center [&>svg]:size-5",
 				children: r
 			}),
-			/* @__PURE__ */ j("div", {
+			/* @__PURE__ */ M("div", {
 				className: "flex flex-1 flex-col gap-0.5",
-				children: [/* @__PURE__ */ A("span", {
+				children: [/* @__PURE__ */ j("span", {
 					className: "text-cui-primary text-cui-base font-medium",
 					children: t
-				}), n && /* @__PURE__ */ A("span", {
+				}), n && /* @__PURE__ */ j("span", {
 					className: "text-cui-secondary text-cui-sm",
 					children: n
 				})]
 			}),
-			/* @__PURE__ */ A(_e.Root, {
+			/* @__PURE__ */ j(ve.Root, {
 				value: e,
 				disabled: i,
 				className: W("group/radio relative mt-0.5 inline-flex size-[18px] 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", "data-[checked]:border-cui-accent data-[checked]:bg-cui-accent"),
-				children: /* @__PURE__ */ A(_e.Indicator, { className: W("size-2 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") })
+				children: /* @__PURE__ */ j(ve.Indicator, { className: W("size-2 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") })
 			})
 		]
 	});
 }
-var Lr = {
-	Root: Nr,
-	Item: Fr,
-	Card: Ir
-}, Rr = C(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__ */ A("div", {
+var qr = {
+	Root: Ur,
+	Item: Gr,
+	Card: Kr
+}, Jr = C(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__ */ j("div", {
 		ref: u,
 		"aria-live": "polite",
 		className: W("pointer-events-none fixed inset-x-0 bottom-0 z-50 flex justify-center pb-6", l),
-		children: /* @__PURE__ */ j("div", {
+		children: /* @__PURE__ */ M("div", {
 			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__ */ A("span", {
+			children: [/* @__PURE__ */ j("span", {
 				className: "text-cui-primary text-cui-base font-medium",
 				children: t
-			}), /* @__PURE__ */ j("div", {
+			}), /* @__PURE__ */ M("div", {
 				className: "flex items-center gap-1.5",
-				children: [/* @__PURE__ */ A(K, {
+				children: [/* @__PURE__ */ j(K, {
 					variant: "danger-light",
 					size: "sm",
 					onClick: i,
 					children: n
-				}), /* @__PURE__ */ A(K, {
+				}), /* @__PURE__ */ j(K, {
 					variant: "primary",
 					size: "sm",
 					onClick: a,
@@ -3334,18 +3506,18 @@ var Lr = {
 			})]
 		})
 	});
-}), zr = {
+}), Yr = {
 	narrow: "max-w-[800px]",
 	wide: "max-w-[1100px]"
-}, Br = C(function({ title: e, maxWidth: t = "narrow", leading: n, children: r, className: i }, a) {
-	return /* @__PURE__ */ A("div", {
+}, Xr = C(function({ title: e, maxWidth: t = "narrow", leading: n, children: r, className: i }, a) {
+	return /* @__PURE__ */ j("div", {
 		ref: a,
 		className: "flex flex-1 flex-col items-center gap-6 py-6",
-		children: /* @__PURE__ */ j("div", {
-			className: W("flex w-full flex-col gap-6 px-8", zr[t], i),
+		children: /* @__PURE__ */ M("div", {
+			className: W("flex w-full flex-col gap-6 px-8", Yr[t], i),
 			children: [
 				n,
-				e && /* @__PURE__ */ A("span", {
+				e && /* @__PURE__ */ j("span", {
 					className: "text-cui-primary text-cui-lg font-semibold",
 					children: e
 				}),
@@ -3356,12 +3528,12 @@ var Lr = {
 });
 //#endregion
 //#region src/lib/use-dirty-state.ts
-function Vr(e) {
-	let [t, n] = O(e), [r, i] = O(e);
+function Zr(e) {
+	let [t, n] = k(e), [r, i] = k(e);
 	return {
 		draft: r,
 		saved: t,
-		dirty: E(() => JSON.stringify(r) !== JSON.stringify(t), [r, t]),
+		dirty: D(() => JSON.stringify(r) !== JSON.stringify(t), [r, t]),
 		setDraft: i,
 		update: w((e, t) => {
 			i((n) => ({
@@ -3378,4 +3550,4 @@ function Vr(e) {
 	};
 }
 //#endregion
-export { cr as Accordion, nr as Alert, sr as AlertDialog, St as AppHeader, _t as Avatar, nn as Badge, Je as Breadcrumb, K as Button, jr as ButtonGroup, J as Card, Qe as Checkbox, Fe as Combobox, Le as ComboboxButton, Re as ComboboxContent, Be as ComboboxGroup, Ve as ComboboxGroupLabel, ze as ComboboxOption, He as ComboboxSeparator, Ie as ComboboxTrigger, Or as Command, Bn as DataTable, qn as DataTableFacetedFilter, Hn as DataTableSearch, Vn as DataTableToolbar, Tn as Dialog, yr as Drawer, Q as DropdownMenu, un as FlickeringGrid, cn as Form, G as Hover, xe as HoverGroup, st as Logo, ot as NavLink, at as NavLinks, Dt as PageLayout, Rn as Pagination, Ae as PixelSpinner, Kn as Popover, Lr as RadioGroup, Rr as SaveBar, Zn as SegmentedControl, Gt as Select, qt as SelectButton, Jt as SelectContent, Zt as SelectGroup, Qt as SelectGroupLabel, Yt as SelectOption, Xt as SelectSeparator, Kt as SelectTrigger, $t as Separator, Ct as SettingsCard, Br as SettingsPage, wt as SettingsRow, Wt as Sidebar, dn as Skeleton, Me as Spinner, $ as Table, fr as Tabs, Xe as Toggle, Ar as ToggleButton, Mr as ToggleButtonGroup, X as Tooltip, $n as UserMenu, W as cn, Nt as createTooltipHandle, Vr as useDirtyState, Z as useSidebar };
+export { Tr as Accordion, yr as Alert, wr as AlertDialog, Ct as AppHeader, vt as Avatar, Cn as Badge, Ye as Breadcrumb, K as Button, Vr as ButtonGroup, J as Card, $e as Checkbox, Ie as Combobox, Re as ComboboxButton, ze as ComboboxContent, Ve as ComboboxGroup, He as ComboboxGroupLabel, Be as ComboboxOption, Ue as ComboboxSeparator, Le as ComboboxTrigger, Rr as Command, rr as DataTable, ur as DataTableFacetedFilter, ar as DataTableSearch, ir as DataTableToolbar, Hn as Dialog, Ft as Drawer, Q as DropdownMenu, Lt as FlickeringGrid, On as Form, G as Hover, Se as HoverGroup, ct as Logo, st as NavLink, ot as NavLinks, Ot as PageLayout, tr as Pagination, je as PixelSpinner, lr as Popover, qr as RadioGroup, Jr as SaveBar, mr as SegmentedControl, fn as Select, mn as SelectButton, hn as SelectContent, vn as SelectGroup, yn as SelectGroupLabel, gn as SelectOption, _n as SelectSeparator, pn as SelectTrigger, bn as Separator, wt as SettingsCard, Xr as SettingsPage, Tt as SettingsRow, dn as Sidebar, Rt as Skeleton, Ne as Spinner, $ as Table, kr as Tabs, Ze as Toggle, Br as ToggleButton, Hr as ToggleButtonGroup, X as Tooltip, gr as UserMenu, W as cn, Wt as createTooltipHandle, Zr as useDirtyState, Z as useSidebar };