@exegia/corpora-ui 0.14.0 → 0.16.0

package/dist-lib/index.js

@@ -5,68 +5,69 @@ import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
 import { mergeProps as o } from "@base-ui/react/merge-props";
 import { useRender as s } from "@base-ui/react/use-render";
 import { cva as c } from "class-variance-authority";
-import { ArrowLeftIcon as l, Bookmark as u, CheckIcon as d, ChevronRight as f, ChevronRightIcon as p, ChevronsUpDownIcon as m, EyeIcon as h, EyeOffIcon as g, FileText as _, FingerprintIcon as v, Folder as y, FolderOpen as b, KeyRoundIcon as x, Loader2Icon as S, LogOutIcon as C, MailIcon as w, MenuIcon as T, MoreHorizontal as E, PanelLeftIcon as D, PanelRightIcon as O, Pencil as k, SettingsIcon as A, SmartphoneIcon as j, UserIcon as M, UserPlusIcon as N, UsersIcon as ee, XIcon as te } from "lucide-react";
-import * as P from "react";
-import { Children as F, cloneElement as I, createContext as L, createElement as R, forwardRef as z, isValidElement as B, useCallback as V, useContext as ne, useEffect as H, useId as re, useLayoutEffect as ie, useMemo as ae, useRef as U, useState as W, useSyncExternalStore as oe } from "react";
+import { ArrowLeftIcon as l, Bookmark as u, CheckIcon as d, ChevronRight as f, ChevronRightIcon as p, ChevronsUpDownIcon as m, EyeIcon as h, EyeOffIcon as g, FileText as _, FingerprintIcon as v, Folder as y, FolderOpen as b, KeyRoundIcon as x, Loader2Icon as S, LogOutIcon as C, MailIcon as w, MoreHorizontal as T, PanelLeftIcon as E, Pencil as D, SettingsIcon as O, SmartphoneIcon as k, UserIcon as A, UserPlusIcon as ee, UsersIcon as j, XIcon as M } from "lucide-react";
+import * as N from "react";
+import { Children as te, cloneElement as ne, createContext as P, createElement as F, forwardRef as I, isValidElement as L, useCallback as R, useContext as z, useEffect as B, useId as re, useLayoutEffect as ie, useMemo as ae, useRef as V, useState as H, useSyncExternalStore as oe } from "react";
 import { Checkbox as se } from "@base-ui/react/checkbox";
 import { bind as ce, play as le, play as ue, setEnabled as de, setVolume as fe, sounds as pe } from "cuelume";
 import { Field as me, Field as he } from "@base-ui/react/field";
 import { Input as ge } from "@base-ui/react/input";
-import { Menu as G } from "@base-ui/react/menu";
+import { Menu as U } from "@base-ui/react/menu";
 import { OTPField as _e } from "@base-ui/react/otp-field";
 import { Separator as ve } from "@base-ui/react/separator";
-import { AnimatePresence as K, MotionConfig as ye, motion as q, useReducedMotion as be } from "motion/react";
+import { AnimatePresence as W, MotionConfig as ye, motion as G, useReducedMotion as be } from "motion/react";
 import { RiAppleFill as xe, RiGithubFill as Se, RiGoogleFill as Ce, RiTwitterXFill as we } from "@remixicon/react";
 import { createPortal as Te } from "react-dom";
+import { MotionIcon as Ee } from "motion-icons-react";
 //#region src/lib/utils.ts
-function J(...e) {
+function K(...e) {
 	return n(t(e));
 }
 //#endregion
 //#region src/components/ui/avatar.tsx
-function Ee({ className: t, ...n }) {
+function De({ className: t, ...n }) {
 	return /* @__PURE__ */ i(e.Root, {
-		className: J("inline-flex size-8 shrink-0 select-none items-center justify-center overflow-hidden rounded-full bg-background align-middle font-medium text-xs", t),
+		className: K("inline-flex size-8 shrink-0 select-none items-center justify-center overflow-hidden rounded-full bg-background align-middle font-medium text-xs", t),
 		"data-slot": "avatar",
 		...n
 	});
 }
-function De({ className: t, ...n }) {
+function Oe({ className: t, ...n }) {
 	return /* @__PURE__ */ i(e.Image, {
-		className: J("size-full object-cover", t),
+		className: K("size-full object-cover", t),
 		"data-slot": "avatar-image",
 		...n
 	});
 }
-function Oe({ className: t, ...n }) {
+function ke({ className: t, ...n }) {
 	return /* @__PURE__ */ i(e.Fallback, {
-		className: J("flex size-full items-center justify-center rounded-full bg-muted", t),
+		className: K("flex size-full items-center justify-center rounded-full bg-muted", t),
 		"data-slot": "avatar-fallback",
 		...n
 	});
 }
 //#endregion
 //#region src/components/ui/spinner.tsx
-function ke({ className: e, ...t }) {
+function Ae({ className: e, ...t }) {
 	return /* @__PURE__ */ i(S, {
 		"aria-label": "Loading",
-		className: J("animate-spin", e),
+		className: K("animate-spin", e),
 		role: "status",
 		...t
 	});
 }
 //#endregion
 //#region src/components/ui/glasscn/liquid-glass.tsx
-var Ae = 480, je = 1.25, Me = /* @__PURE__ */ new Map();
-function Ne() {
+var je = 480, Me = 1.25, Ne = /* @__PURE__ */ new Map();
+function Pe() {
 	if (typeof navigator > "u") return !1;
 	let e = navigator.userAgent;
 	return (/Chrom(e|ium)/.test(e) || /Edg\//.test(e)) && !/Firefox/.test(e);
 }
-function Pe({ width: e, height: t, radius: n, bezel: r }) {
-	let i = `${e}:${t}:${n}:${r}`, a = Me.get(i);
+function Fe({ width: e, height: t, radius: n, bezel: r }) {
+	let i = `${e}:${t}:${n}:${r}`, a = Ne.get(i);
 	if (a !== void 0) return a;
-	let o = Math.min(1, Ae / Math.max(e, t)), s = Math.max(2, Math.round(e * o)), c = Math.max(2, Math.round(t * o)), l = document.createElement("canvas");
+	let o = Math.min(1, je / Math.max(e, t)), s = Math.max(2, Math.round(e * o)), c = Math.max(2, Math.round(t * o)), l = document.createElement("canvas");
 	l.width = s, l.height = c;
 	let u = l.getContext("2d");
 	if (!u) return "";
@@ -82,23 +83,23 @@ function Pe({ width: e, height: t, radius: n, bezel: r }) {
 			f[v] = 128, f[v + 1] = 128, f[v + 2] = 128, f[v + 3] = 255;
 			continue;
 		}
-		let b = 1 - Fe(Math.min(1, y / g));
-		b *= Math.min(1, y / je), f[v] = Math.round(128 + d * b * 127), f[v + 1] = Math.round(128 + _ * b * 127), f[v + 2] = 128, f[v + 3] = 255;
+		let b = 1 - Ie(Math.min(1, y / g));
+		b *= Math.min(1, y / Me), f[v] = Math.round(128 + d * b * 127), f[v + 1] = Math.round(128 + _ * b * 127), f[v + 2] = 128, f[v + 3] = 255;
 	}
 	u.putImageData(d, 0, 0);
 	let _ = l.toDataURL("image/png");
-	return Me.set(i, _), _;
+	return Ne.set(i, _), _;
 }
-function Fe(e) {
+function Ie(e) {
 	return (1 - (1 - e) ** 4) ** .25;
 }
-var Ie = z(function({ blur: e = 2, refraction: t = 15, mapSize: n, bezel: o = .34, saturation: s = 1.28, className: c, style: l, children: u, ...d }, f) {
+var Le = I(function({ blur: e = 2, refraction: t = 15, mapSize: n, bezel: o = .34, saturation: s = 1.28, className: c, style: l, children: u, ...d }, f) {
 	let p = re(), m = ae(() => `liquid-glass-${p.replace(/:/g, "")}`, [p]);
 	console.log(n);
-	let h = U(null), g = V((e) => {
+	let h = V(null), g = R((e) => {
 		h.current = e, typeof f == "function" ? f(e) : f && (f.current = e);
-	}, [f]), [_, v] = W(null);
-	H(() => {
+	}, [f]), [_, v] = H(null);
+	B(() => {
 		let e = h.current;
 		if (!e) return;
 		let t = () => {
@@ -116,14 +117,14 @@ var Ie = z(function({ blur: e = 2, refraction: t = 15, mapSize: n, bezel: o = .3
 		let n = new ResizeObserver(t);
 		return n.observe(e), () => n.disconnect();
 	}, [o]);
-	let y = ae(() => _ ? Pe(_) : "", [_]), [b, x] = W(!1);
-	H(() => {
-		x(Ne());
+	let y = ae(() => _ ? Fe(_) : "", [_]), [b, x] = H(!1);
+	B(() => {
+		x(Pe());
 	}, []);
 	let S = b && y !== "", C = S ? `url(#${m}) blur(${e}px) saturate(${s})` : `blur(${e + 2}px) saturate(${s})`;
 	return /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ a("div", {
 		ref: g,
-		className: J("relative overflow-hidden rounded-full bg-white/[0.08]", c),
+		className: K("relative overflow-hidden rounded-full bg-white/[0.08]", c),
 		style: {
 			...l,
 			backdropFilter: C,
@@ -176,7 +177,7 @@ var Ie = z(function({ blur: e = 2, refraction: t = 15, mapSize: n, bezel: o = .3
 			]
 		})
 	})] });
-}), Le = {
+}), Re = {
 	clear: [
 		"backdrop-blur-[2px] backdrop-saturate-[1.9]",
 		"bg-white/[0.25] dark:bg-black/[0.25]",
@@ -210,7 +211,7 @@ var Ie = z(function({ blur: e = 2, refraction: t = 15, mapSize: n, bezel: o = .3
 		"[will-change:background-position]"
 	].join(" "),
 	"liquid-refract": ""
-}, Re = c("relative inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-lg border font-medium text-base outline-none transition-[scale,box-shadow,width,height,background-color,border-color] [transition-duration:150ms,150ms,300ms,300ms,150ms,150ms] ease-smooth-out active:scale-97 data-pressed:scale-97 motion-reduce:transition-none motion-reduce:active:scale-100 motion-reduce:data-pressed:scale-100 [&_svg]:transition-transform [&_svg]:duration-150 [&_svg]:ease-smooth-out motion-reduce:[&_svg]:transition-none before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] pointer-coarse:after:absolute pointer-coarse:after:size-full pointer-coarse:after:min-h-11 pointer-coarse:after:min-w-11 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-64 data-loading:select-none sm:text-sm [&_svg:not([class*='opacity-'])]:opacity-80 [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:-mx-0.5 [&_svg]:shrink-0", {
+}, ze = c("relative inline-flex shrink-0 cursor-pointer items-center justify-center gap-2 whitespace-nowrap rounded-lg border font-medium text-base outline-none transition-[scale,box-shadow,width,height,background-color,border-color] [transition-duration:150ms,150ms,300ms,300ms,150ms,150ms] ease-smooth-out active:scale-97 data-pressed:scale-97 motion-reduce:transition-none motion-reduce:active:scale-100 motion-reduce:data-pressed:scale-100 [&_svg]:transition-transform [&_svg]:duration-150 [&_svg]:ease-smooth-out motion-reduce:[&_svg]:transition-none before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] pointer-coarse:after:absolute pointer-coarse:after:size-full pointer-coarse:after:min-h-11 pointer-coarse:after:min-w-11 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background disabled:pointer-events-none disabled:opacity-64 data-loading:select-none sm:text-sm [&_svg:not([class*='opacity-'])]:opacity-80 [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:-mx-0.5 [&_svg]:shrink-0", {
 	compoundVariants: [{
 		class: "h-auto border-0 px-0 align-middle sm:h-auto",
 		size: [
@@ -251,7 +252,7 @@ var Ie = z(function({ blur: e = 2, refraction: t = 15, mapSize: n, bezel: o = .3
 		}
 	}
 });
-function Y({ className: e, variant: t, size: n, render: c, children: l, loading: u = !1, disabled: d, glassVariant: f, sound: p = !0, ...m }) {
+function q({ className: e, variant: t, size: n, render: c, children: l, loading: u = !1, disabled: d, glassVariant: f, sound: p = !0, ...m }) {
 	let h = !!(u || d), g = c ? void 0 : "button", _ = t === "glass" ? f ?? "liquid-refract" : void 0, v = _ === "liquid-refract", y = (n ?? "default").startsWith("icon"), b = s({
 		defaultTagName: "button",
 		props: o({
@@ -259,19 +260,19 @@ function Y({ className: e, variant: t, size: n, render: c, children: l, loading:
 				!y && /* @__PURE__ */ i("span", {
 					"aria-hidden": !u || void 0,
 					"data-slot": "button-loading-indicator",
-					className: J("pointer-events-none inline-flex shrink-0 items-center overflow-hidden transition-[max-width,margin-inline-start,opacity,filter] duration-300 ease-smooth-out motion-reduce:transition-none", u ? "max-w-6" : J("max-w-0 opacity-0 blur-[2px]", n === "xs" ? "-ms-1" : n === "sm" ? "-ms-1.5" : "-ms-2")),
-					children: /* @__PURE__ */ i(ke, { className: u ? void 0 : "animate-none" })
+					className: K("pointer-events-none inline-flex shrink-0 items-center overflow-hidden transition-[max-width,margin-inline-start,opacity,filter] duration-300 ease-smooth-out motion-reduce:transition-none", u ? "max-w-6" : K("max-w-0 opacity-0 blur-[2px]", n === "xs" ? "-ms-1" : n === "sm" ? "-ms-1.5" : "-ms-2")),
+					children: /* @__PURE__ */ i(Ae, { className: u ? void 0 : "animate-none" })
 				}),
 				l,
-				u && y && /* @__PURE__ */ i(ke, {
+				u && y && /* @__PURE__ */ i(Ae, {
 					className: "pointer-events-none absolute",
 					"data-slot": "button-loading-indicator"
 				})
 			] }),
-			className: J(Re({
+			className: K(ze({
 				size: n,
 				variant: t
-			}), !y && "hover:[&_svg:not([class*='animate-'])]:scale-110 motion-reduce:hover:[&_svg]:scale-100", u && y && "data-loading:text-transparent", _ && Le[_], v && "bg-transparent border-0 shadow-none", e),
+			}), !y && "hover:[&_svg:not([class*='animate-'])]:scale-110 motion-reduce:hover:[&_svg]:scale-100", u && y && "data-loading:text-transparent", _ && Re[_], v && "bg-transparent border-0 shadow-none", e),
 			"aria-disabled": u || void 0,
 			"data-cuelume-press": p ? "" : void 0,
 			"data-cuelume-release": p ? "" : void 0,
@@ -283,135 +284,135 @@ function Y({ className: e, variant: t, size: n, render: c, children: l, loading:
 		}, m),
 		render: c
 	});
-	return v ? /* @__PURE__ */ i(Ie, { children: b }) : b;
+	return v ? /* @__PURE__ */ i(Le, { children: b }) : b;
 }
 //#endregion
 //#region src/components/ui/card.tsx
-function ze({ className: e, render: t, ...n }) {
+function Be({ className: e, render: t, ...n }) {
 	return s({
 		defaultTagName: "div",
 		props: o({
-			className: J("relative flex flex-col rounded-2xl border bg-card not-dark:bg-clip-padding text-card-foreground shadow-xs/5 before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-2xl)-1px)] before:shadow-[0_1px_--theme(--color-black/4%)] dark:before:shadow-[0_-1px_--theme(--color-white/6%)]", e),
+			className: K("relative flex flex-col rounded-2xl border bg-card not-dark:bg-clip-padding text-card-foreground shadow-xs/5 before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-2xl)-1px)] before:shadow-[0_1px_--theme(--color-black/4%)] dark:before:shadow-[0_-1px_--theme(--color-white/6%)]", e),
 			"data-slot": "card"
 		}, n),
 		render: t
 	});
 }
-function Be({ className: e, render: t, ...n }) {
+function Ve({ className: e, render: t, ...n }) {
 	return s({
 		defaultTagName: "div",
 		props: o({
-			className: J("relative flex flex-col rounded-2xl border bg-card not-dark:bg-clip-padding text-card-foreground shadow-xs/5 [--clip-bottom:-1rem] [--clip-top:-1rem] before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-2xl)-1px)] before:bg-muted/72 before:shadow-[0_1px_--theme(--color-black/4%)] has-data-[slot=table-container]:overflow-hidden *:data-[slot=card]:-m-px *:data-[slot=table-container]:-m-px *:data-[slot=table-container]:w-[calc(100%+2px)] *:not-first:data-[slot=card]:rounded-t-xl *:not-last:data-[slot=card]:rounded-b-xl *:data-[slot=card]:bg-clip-padding *:data-[slot=card]:shadow-none *:data-[slot=card]:before:hidden *:not-first:data-[slot=card]:before:rounded-t-[calc(var(--radius-xl)-1px)] *:not-last:data-[slot=card]:before:rounded-b-[calc(var(--radius-xl)-1px)] dark:before:shadow-[0_-1px_--theme(--color-white/6%)] *:data-[slot=card]:[clip-path:inset(var(--clip-top)_1px_var(--clip-bottom)_1px_round_calc(var(--radius-2xl)-1px))] *:data-[slot=card]:last:[--clip-bottom:1px] *:data-[slot=card]:first:[--clip-top:1px]", e),
+			className: K("relative flex flex-col rounded-2xl border bg-card not-dark:bg-clip-padding text-card-foreground shadow-xs/5 [--clip-bottom:-1rem] [--clip-top:-1rem] before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-2xl)-1px)] before:bg-muted/72 before:shadow-[0_1px_--theme(--color-black/4%)] has-data-[slot=table-container]:overflow-hidden *:data-[slot=card]:-m-px *:data-[slot=table-container]:-m-px *:data-[slot=table-container]:w-[calc(100%+2px)] *:not-first:data-[slot=card]:rounded-t-xl *:not-last:data-[slot=card]:rounded-b-xl *:data-[slot=card]:bg-clip-padding *:data-[slot=card]:shadow-none *:data-[slot=card]:before:hidden *:not-first:data-[slot=card]:before:rounded-t-[calc(var(--radius-xl)-1px)] *:not-last:data-[slot=card]:before:rounded-b-[calc(var(--radius-xl)-1px)] dark:before:shadow-[0_-1px_--theme(--color-white/6%)] *:data-[slot=card]:[clip-path:inset(var(--clip-top)_1px_var(--clip-bottom)_1px_round_calc(var(--radius-2xl)-1px))] *:data-[slot=card]:last:[--clip-bottom:1px] *:data-[slot=card]:first:[--clip-top:1px]", e),
 			"data-slot": "card-frame"
 		}, n),
 		render: t
 	});
 }
-function Ve({ className: e, render: t, ...n }) {
+function He({ className: e, render: t, ...n }) {
 	return s({
 		defaultTagName: "div",
 		props: o({
-			className: J("relative flex grid auto-rows-min grid-rows-[auto_auto] flex-col items-start gap-x-4 px-6 py-4 has-data-[slot=card-frame-action]:grid-cols-[1fr_auto]", e),
+			className: K("relative flex grid auto-rows-min grid-rows-[auto_auto] flex-col items-start gap-x-4 px-6 py-4 has-data-[slot=card-frame-action]:grid-cols-[1fr_auto]", e),
 			"data-slot": "card-frame-header"
 		}, n),
 		render: t
 	});
 }
-function He({ className: e, render: t, ...n }) {
+function Ue({ className: e, render: t, ...n }) {
 	return s({
 		defaultTagName: "div",
 		props: o({
-			className: J("self-center font-semibold text-sm", e),
+			className: K("self-center font-semibold text-sm", e),
 			"data-slot": "card-frame-title"
 		}, n),
 		render: t
 	});
 }
-function Ue({ className: e, render: t, ...n }) {
+function We({ className: e, render: t, ...n }) {
 	return s({
 		defaultTagName: "div",
 		props: o({
-			className: J("self-center text-muted-foreground text-sm", e),
+			className: K("self-center text-muted-foreground text-sm", e),
 			"data-slot": "card-frame-description"
 		}, n),
 		render: t
 	});
 }
-function We({ className: e, render: t, ...n }) {
+function Ge({ className: e, render: t, ...n }) {
 	return s({
 		defaultTagName: "div",
 		props: o({
-			className: J("col-start-2 nth-3:row-span-2 nth-3:row-start-1 inline-flex self-center justify-self-end", e),
+			className: K("col-start-2 nth-3:row-span-2 nth-3:row-start-1 inline-flex self-center justify-self-end", e),
 			"data-slot": "card-frame-action"
 		}, n),
 		render: t
 	});
 }
-function Ge({ className: e, render: t, ...n }) {
+function Ke({ className: e, render: t, ...n }) {
 	return s({
 		defaultTagName: "div",
 		props: o({
-			className: J("px-6 py-4", e),
+			className: K("px-6 py-4", e),
 			"data-slot": "card-frame-footer"
 		}, n),
 		render: t
 	});
 }
-function Ke({ className: e, render: t, ...n }) {
+function qe({ className: e, render: t, ...n }) {
 	return s({
 		defaultTagName: "div",
 		props: o({
-			className: J("grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 p-6 in-[[data-slot=card]:has(>[data-slot=card-panel])]:pb-4 has-data-[slot=card-action]:grid-cols-[1fr_auto]", e),
+			className: K("grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 p-6 in-[[data-slot=card]:has(>[data-slot=card-panel])]:pb-4 has-data-[slot=card-action]:grid-cols-[1fr_auto]", e),
 			"data-slot": "card-header"
 		}, n),
 		render: t
 	});
 }
-function qe({ className: e, render: t, ...n }) {
+function Je({ className: e, render: t, ...n }) {
 	return s({
 		defaultTagName: "div",
 		props: o({
-			className: J("font-heading font-semibold text-lg leading-none", e),
+			className: K("font-heading font-semibold text-lg leading-none", e),
 			"data-slot": "card-title"
 		}, n),
 		render: t
 	});
 }
-function Je({ className: e, render: t, ...n }) {
+function Ye({ className: e, render: t, ...n }) {
 	return s({
 		defaultTagName: "div",
 		props: o({
-			className: J("text-muted-foreground text-sm", e),
+			className: K("text-muted-foreground text-sm", e),
 			"data-slot": "card-description"
 		}, n),
 		render: t
 	});
 }
-function Ye({ className: e, render: t, ...n }) {
+function Xe({ className: e, render: t, ...n }) {
 	return s({
 		defaultTagName: "div",
 		props: o({
-			className: J("col-start-2 row-span-2 row-start-1 inline-flex self-start justify-self-end", e),
+			className: K("col-start-2 row-span-2 row-start-1 inline-flex self-start justify-self-end", e),
 			"data-slot": "card-action"
 		}, n),
 		render: t
 	});
 }
-function Xe({ className: e, render: t, ...n }) {
+function Ze({ className: e, render: t, ...n }) {
 	return s({
 		defaultTagName: "div",
 		props: o({
-			className: J("flex-1 p-6 in-[[data-slot=card]:has(>[data-slot=card-header]:not(.border-b))]:pt-0 in-[[data-slot=card]:has(>[data-slot=card-footer]:not(.border-t))]:pb-0", e),
+			className: K("flex-1 p-6 in-[[data-slot=card]:has(>[data-slot=card-header]:not(.border-b))]:pt-0 in-[[data-slot=card]:has(>[data-slot=card-footer]:not(.border-t))]:pb-0", e),
 			"data-slot": "card-panel"
 		}, n),
 		render: t
 	});
 }
-function Ze({ className: e, render: t, ...n }) {
+function Qe({ className: e, render: t, ...n }) {
 	return s({
 		defaultTagName: "div",
 		props: o({
-			className: J("flex items-center p-6 in-[[data-slot=card]:has(>[data-slot=card-panel])]:pt-4", e),
+			className: K("flex items-center p-6 in-[[data-slot=card]:has(>[data-slot=card-panel])]:pt-4", e),
 			"data-slot": "card-footer"
 		}, n),
 		render: t
@@ -419,21 +420,21 @@ function Ze({ className: e, render: t, ...n }) {
 }
 //#endregion
 //#region src/lib/sound.ts
-var Qe = !1;
-function $e(e) {
-	Qe = !0, ce(e);
+var $e = !1;
+function et(e) {
+	$e = !0, ce(e);
 }
-function et(e, t) {
-	Qe && le(e, t);
+function tt(e, t) {
+	$e && le(e, t);
 }
 //#endregion
 //#region src/components/ui/checkbox.tsx
-function tt({ className: e, sound: t = !0, onCheckedChange: n, ...r }) {
+function nt({ className: e, sound: t = !0, onCheckedChange: n, ...r }) {
 	return /* @__PURE__ */ i(se.Root, {
 		onCheckedChange: (e, r) => {
-			t && et("toggle"), n?.(e, r);
+			t && tt("toggle"), n?.(e, r);
 		},
-		className: J("relative inline-flex size-4.5 shrink-0 cursor-pointer items-center justify-center rounded-[.25rem] border border-input bg-background not-dark:bg-clip-padding shadow-xs/5 outline-none ring-ring transition-shadow before:pointer-events-none before:absolute before:inset-0 before:rounded-[3px] not-data-disabled:not-data-checked:not-aria-invalid:before:shadow-[0_1px_--theme(--color-black/4%)] focus-visible:ring-2 focus-visible:ring-offset-1 focus-visible:ring-offset-background aria-invalid:border-destructive/36 focus-visible:aria-invalid:border-destructive/64 focus-visible:aria-invalid:ring-destructive/48 data-disabled:cursor-not-allowed data-disabled:opacity-64 sm:size-4 dark:not-data-checked:bg-input/32 dark:aria-invalid:ring-destructive/24 dark:not-data-disabled:not-data-checked:not-aria-invalid:before:shadow-[0_-1px_--theme(--color-white/6%)] [[data-disabled],[data-checked],[aria-invalid]]:shadow-none", e),
+		className: K("relative inline-flex size-4.5 shrink-0 cursor-pointer items-center justify-center rounded-[.25rem] border border-input bg-background not-dark:bg-clip-padding shadow-xs/5 outline-none ring-ring transition-shadow before:pointer-events-none before:absolute before:inset-0 before:rounded-[3px] not-data-disabled:not-data-checked:not-aria-invalid:before:shadow-[0_1px_--theme(--color-black/4%)] focus-visible:ring-2 focus-visible:ring-offset-1 focus-visible:ring-offset-background aria-invalid:border-destructive/36 focus-visible:aria-invalid:border-destructive/64 focus-visible:aria-invalid:ring-destructive/48 data-disabled:cursor-not-allowed data-disabled:opacity-64 sm:size-4 dark:not-data-checked:bg-input/32 dark:aria-invalid:ring-destructive/24 dark:not-data-disabled:not-data-checked:not-aria-invalid:before:shadow-[0_-1px_--theme(--color-white/6%)] [[data-disabled],[data-checked],[aria-invalid]]:shadow-none", e),
 		"data-slot": "checkbox",
 		...r,
 		children: /* @__PURE__ */ i(se.Indicator, {
@@ -474,92 +475,92 @@ function tt({ className: e, sound: t = !0, onCheckedChange: n, ...r }) {
 }
 //#endregion
 //#region src/components/ui/field.tsx
-function X({ className: e, ...t }) {
+function J({ className: e, ...t }) {
 	return /* @__PURE__ */ i(he.Root, {
-		className: J("flex flex-col items-start gap-2", e),
+		className: K("flex flex-col items-start gap-2", e),
 		"data-slot": "field",
 		...t
 	});
 }
-function Z({ className: e, ...t }) {
+function Y({ className: e, ...t }) {
 	return /* @__PURE__ */ i(he.Label, {
-		className: J("inline-flex cursor-pointer items-center gap-2 font-medium text-base/4 text-foreground data-disabled:cursor-not-allowed data-disabled:opacity-64 sm:text-xs/3.5 ml-3", e),
+		className: K("inline-flex cursor-pointer items-center gap-2 font-medium text-base/4 text-foreground data-disabled:cursor-not-allowed data-disabled:opacity-64 sm:text-xs/3.5 ml-3", e),
 		"data-slot": "field-label",
 		...t
 	});
 }
-function nt({ className: e, ...t }) {
+function rt({ className: e, ...t }) {
 	return /* @__PURE__ */ i(he.Item, {
-		className: J("flex", e),
+		className: K("flex", e),
 		"data-slot": "field-item",
 		...t
 	});
 }
-function rt({ className: e, ...t }) {
+function it({ className: e, ...t }) {
 	return /* @__PURE__ */ i(he.Description, {
-		className: J("overflow-hidden text-muted-foreground text-xs transition-[height,opacity,filter,translate] duration-300 ease-smooth-out starting:h-0 starting:translate-y-1 starting:opacity-0 starting:blur-[2px] motion-reduce:transition-none", e),
+		className: K("overflow-hidden text-muted-foreground text-xs transition-[height,opacity,filter,translate] duration-300 ease-smooth-out starting:h-0 starting:translate-y-1 starting:opacity-0 starting:blur-[2px] motion-reduce:transition-none", e),
 		"data-slot": "field-description",
 		...t
 	});
 }
-function it({ className: e, ...t }) {
+function at({ className: e, ...t }) {
 	return /* @__PURE__ */ i(he.Error, {
-		className: J("overflow-hidden text-destructive-foreground text-xs transition-[height,opacity,filter,translate] duration-300 ease-smooth-out starting:h-0 starting:translate-y-1 starting:opacity-0 starting:blur-[2px] motion-reduce:transition-none", e),
+		className: K("overflow-hidden text-destructive-foreground text-xs transition-[height,opacity,filter,translate] duration-300 ease-smooth-out starting:h-0 starting:translate-y-1 starting:opacity-0 starting:blur-[2px] motion-reduce:transition-none", e),
 		"data-slot": "field-error",
 		...t
 	});
 }
-var at = he.Control, ot = he.Validity;
+var ot = he.Control, st = he.Validity;
 //#endregion
 //#region src/components/ui/frame.tsx
-function st({ className: e, ...t }) {
+function ct({ className: e, ...t }) {
 	return /* @__PURE__ */ i("div", {
-		className: J("relative flex flex-col rounded-2xl bg-muted/72 p-1", "*:[[data-slot=frame-panel]+[data-slot=frame-panel]]:mt-1", e),
+		className: K("relative flex flex-col rounded-2xl bg-muted/72 p-1", "*:[[data-slot=frame-panel]+[data-slot=frame-panel]]:mt-1", e),
 		"data-slot": "frame",
 		...t
 	});
 }
-function ct({ className: e, ...t }) {
+function lt({ className: e, ...t }) {
 	return /* @__PURE__ */ i("div", {
-		className: J("relative rounded-xl border bg-background bg-clip-padding p-5 shadow-xs/5 before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-xl)-1px)] before:shadow-[0_1px_--theme(--color-black/4%)] dark:before:shadow-[0_-1px_--theme(--color-white/6%)]", e),
+		className: K("relative rounded-xl border bg-background bg-clip-padding p-5 shadow-xs/5 before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-xl)-1px)] before:shadow-[0_1px_--theme(--color-black/4%)] dark:before:shadow-[0_-1px_--theme(--color-white/6%)]", e),
 		"data-slot": "frame-panel",
 		...t
 	});
 }
-function lt({ className: e, ...t }) {
+function ut({ className: e, ...t }) {
 	return /* @__PURE__ */ i("header", {
-		className: J("flex flex-col px-5 py-4", e),
+		className: K("flex flex-col px-5 py-4", e),
 		"data-slot": "frame-panel-header",
 		...t
 	});
 }
-function ut({ className: e, ...t }) {
+function dt({ className: e, ...t }) {
 	return /* @__PURE__ */ i("div", {
-		className: J("font-semibold text-sm", e),
+		className: K("font-semibold text-sm", e),
 		"data-slot": "frame-panel-title",
 		...t
 	});
 }
-function dt({ className: e, ...t }) {
+function ft({ className: e, ...t }) {
 	return /* @__PURE__ */ i("div", {
-		className: J("text-muted-foreground text-sm", e),
+		className: K("text-muted-foreground text-sm", e),
 		"data-slot": "frame-panel-description",
 		...t
 	});
 }
-function ft({ className: e, ...t }) {
+function pt({ className: e, ...t }) {
 	return /* @__PURE__ */ i("footer", {
-		className: J("px-5 py-4", e),
+		className: K("px-5 py-4", e),
 		"data-slot": "frame-panel-footer",
 		...t
 	});
 }
 //#endregion
 //#region src/components/ui/input.tsx
-function pt({ className: e, size: t = "default", unstyled: n = !1, nativeInput: r = !1, style: a, ...o }) {
-	let s = J("h-8.5 w-full min-w-0 rounded-[inherit] px-[calc(--spacing(3)-1px)] leading-8.5 outline-none [transition:background-color_5000000s_ease-in-out_0s,height_300ms_var(--ease-smooth-out),line-height_300ms_var(--ease-smooth-out),padding_300ms_var(--ease-smooth-out),font-size_300ms_var(--ease-smooth-out)] placeholder:text-muted-foreground/72 motion-reduce:[transition:background-color_5000000s_ease-in-out_0s] sm:h-7.5 sm:leading-7.5", t === "sm" && "h-7.5 px-[calc(--spacing(2.5)-1px)] leading-7.5 sm:h-6.5 sm:leading-6.5", t === "lg" && "h-9.5 leading-9.5 sm:h-8.5 sm:leading-8.5", o.type === "search" && "[&::-webkit-search-cancel-button]:appearance-none [&::-webkit-search-decoration]:appearance-none [&::-webkit-search-results-button]:appearance-none [&::-webkit-search-results-decoration]:appearance-none", o.type === "file" && "text-muted-foreground file:me-3 file:bg-transparent file:font-medium file:text-foreground file:text-sm");
+function mt({ className: e, size: t = "default", unstyled: n = !1, nativeInput: r = !1, style: a, ...o }) {
+	let s = K("h-8.5 w-full min-w-0 rounded-[inherit] px-[calc(--spacing(3)-1px)] leading-8.5 outline-none [transition:background-color_5000000s_ease-in-out_0s,height_300ms_var(--ease-smooth-out),line-height_300ms_var(--ease-smooth-out),padding_300ms_var(--ease-smooth-out),font-size_300ms_var(--ease-smooth-out)] placeholder:text-muted-foreground/72 motion-reduce:[transition:background-color_5000000s_ease-in-out_0s] sm:h-7.5 sm:leading-7.5", t === "sm" && "h-7.5 px-[calc(--spacing(2.5)-1px)] leading-7.5 sm:h-6.5 sm:leading-6.5", t === "lg" && "h-9.5 leading-9.5 sm:h-8.5 sm:leading-8.5", o.type === "search" && "[&::-webkit-search-cancel-button]:appearance-none [&::-webkit-search-decoration]:appearance-none [&::-webkit-search-results-button]:appearance-none [&::-webkit-search-results-decoration]:appearance-none", o.type === "file" && "text-muted-foreground file:me-3 file:bg-transparent file:font-medium file:text-foreground file:text-sm");
 	return /* @__PURE__ */ i("span", {
-		className: J(!n && "relative inline-flex w-full rounded-lg border border-input bg-background not-dark:bg-clip-padding text-base text-foreground shadow-xs/5 ring-ring/24 transition-[box-shadow,border-color] duration-150 ease-smooth-out has-aria-invalid:animate-input-shake motion-reduce:animate-none motion-reduce:transition-none before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] not-has-disabled:not-has-focus-visible:not-has-aria-invalid:before:shadow-[0_1px_--theme(--color-black/4%)] has-focus-visible:has-aria-invalid:border-destructive/64 has-focus-visible:has-aria-invalid:ring-destructive/16 has-aria-invalid:border-destructive/36 has-focus-visible:border-ring has-autofill:bg-foreground/4 has-disabled:opacity-64 has-[:disabled,:focus-visible,[aria-invalid]]:shadow-none has-focus-visible:ring-[3px] sm:text-sm dark:bg-input/32 dark:has-autofill:bg-foreground/8 dark:has-aria-invalid:ring-destructive/24 dark:not-has-disabled:not-has-focus-visible:not-has-aria-invalid:before:shadow-[0_-1px_--theme(--color-white/6%)]", e) || void 0,
+		className: K(!n && "relative inline-flex w-full rounded-lg border border-input bg-background not-dark:bg-clip-padding text-base text-foreground shadow-xs/5 ring-ring/24 transition-[box-shadow,border-color] duration-150 ease-smooth-out has-aria-invalid:animate-input-shake motion-reduce:animate-none motion-reduce:transition-none before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] not-has-disabled:not-has-focus-visible:not-has-aria-invalid:before:shadow-[0_1px_--theme(--color-black/4%)] has-focus-visible:has-aria-invalid:border-destructive/64 has-focus-visible:has-aria-invalid:ring-destructive/16 has-aria-invalid:border-destructive/36 has-focus-visible:border-ring has-autofill:bg-foreground/4 has-disabled:opacity-64 has-[:disabled,:focus-visible,[aria-invalid]]:shadow-none has-focus-visible:ring-[3px] sm:text-sm dark:bg-input/32 dark:has-autofill:bg-foreground/8 dark:has-aria-invalid:ring-destructive/24 dark:not-has-disabled:not-has-focus-visible:not-has-aria-invalid:before:shadow-[0_-1px_--theme(--color-white/6%)]", e) || void 0,
 		"data-size": t,
 		"data-slot": "input-control",
 		children: r ? /* @__PURE__ */ i("input", {
@@ -579,9 +580,9 @@ function pt({ className: e, size: t = "default", unstyled: n = !1, nativeInput:
 }
 //#endregion
 //#region src/components/ui/textarea.tsx
-function mt({ className: e, size: t = "default", unstyled: n = !1, ref: r, ...a }) {
+function ht({ className: e, size: t = "default", unstyled: n = !1, ref: r, ...a }) {
 	return /* @__PURE__ */ i("span", {
-		className: J(!n && "relative inline-flex w-full rounded-lg border border-input bg-background not-dark:bg-clip-padding text-base text-foreground shadow-xs/5 ring-ring/24 transition-shadow before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] has-focus-visible:has-aria-invalid:border-destructive/64 has-focus-visible:has-aria-invalid:ring-destructive/16 has-aria-invalid:border-destructive/36 has-focus-visible:border-ring has-disabled:opacity-64 has-[:disabled,:focus-visible,[aria-invalid]]:shadow-none has-focus-visible:ring-[3px] not-has-disabled:has-not-focus-visible:not-has-aria-invalid:before:shadow-[0_1px_--theme(--color-black/4%)] sm:text-sm dark:bg-input/32 dark:has-aria-invalid:ring-destructive/24 dark:not-has-disabled:has-not-focus-visible:not-has-aria-invalid:before:shadow-[0_-1px_--theme(--color-white/6%)]", e) || void 0,
+		className: K(!n && "relative inline-flex w-full rounded-lg border border-input bg-background not-dark:bg-clip-padding text-base text-foreground shadow-xs/5 ring-ring/24 transition-shadow before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] has-focus-visible:has-aria-invalid:border-destructive/64 has-focus-visible:has-aria-invalid:ring-destructive/16 has-aria-invalid:border-destructive/36 has-focus-visible:border-ring has-disabled:opacity-64 has-[:disabled,:focus-visible,[aria-invalid]]:shadow-none has-focus-visible:ring-[3px] not-has-disabled:has-not-focus-visible:not-has-aria-invalid:before:shadow-[0_1px_--theme(--color-black/4%)] sm:text-sm dark:bg-input/32 dark:has-aria-invalid:ring-destructive/24 dark:not-has-disabled:has-not-focus-visible:not-has-aria-invalid:before:shadow-[0_-1px_--theme(--color-white/6%)]", e) || void 0,
 		"data-size": t,
 		"data-slot": "textarea-control",
 		children: /* @__PURE__ */ i(me.Control, {
@@ -592,7 +593,7 @@ function mt({ className: e, size: t = "default", unstyled: n = !1, ref: r, ...a
 			id: a.id,
 			name: a.name,
 			render: (e) => /* @__PURE__ */ i("textarea", {
-				className: J("field-sizing-content min-h-17.5 w-full rounded-[inherit] px-[calc(--spacing(3)-1px)] py-[calc(--spacing(1.5)-1px)] outline-none max-sm:min-h-20.5", t === "sm" && "min-h-16.5 px-[calc(--spacing(2.5)-1px)] py-[calc(--spacing(1)-1px)] max-sm:min-h-19.5", t === "lg" && "min-h-18.5 py-[calc(--spacing(2)-1px)] max-sm:min-h-21.5"),
+				className: K("field-sizing-content min-h-17.5 w-full rounded-[inherit] px-[calc(--spacing(3)-1px)] py-[calc(--spacing(1.5)-1px)] outline-none max-sm:min-h-20.5", t === "sm" && "min-h-16.5 px-[calc(--spacing(2.5)-1px)] py-[calc(--spacing(1)-1px)] max-sm:min-h-19.5", t === "lg" && "min-h-18.5 py-[calc(--spacing(2)-1px)] max-sm:min-h-21.5"),
 				"data-slot": "textarea",
 				...o(e, a)
 			})
@@ -601,7 +602,7 @@ function mt({ className: e, size: t = "default", unstyled: n = !1, ref: r, ...a
 }
 //#endregion
 //#region src/components/ui/input-group.tsx
-var ht = c("flex h-auto cursor-text select-none items-center justify-center gap-2 leading-none [&>kbd]:rounded-[calc(var(--radius)-5px)] in-[[data-slot=input-group]:has([data-slot=input-control],[data-slot=textarea-control])]:[&_svg:not([class*='size-'])]:size-4.5 sm:in-[[data-slot=input-group]:has([data-slot=input-control],[data-slot=textarea-control])]:[&_svg:not([class*='size-'])]:size-4 [&_svg]:-mx-0.5 not-has-[button]:**:[svg:not([class*='opacity-'])]:opacity-80", {
+var gt = c("flex h-auto cursor-text select-none items-center justify-center gap-2 leading-none [&>kbd]:rounded-[calc(var(--radius)-5px)] in-[[data-slot=input-group]:has([data-slot=input-control],[data-slot=textarea-control])]:[&_svg:not([class*='size-'])]:size-4.5 sm:in-[[data-slot=input-group]:has([data-slot=input-control],[data-slot=textarea-control])]:[&_svg:not([class*='size-'])]:size-4 [&_svg]:-mx-0.5 not-has-[button]:**:[svg:not([class*='opacity-'])]:opacity-80", {
 	defaultVariants: { align: "inline-start" },
 	variants: { align: {
 		"block-end": "order-last w-full justify-start px-[calc(--spacing(3)-1px)] pb-[calc(--spacing(3)-1px)] [.border-t]:pt-[calc(--spacing(3)-1px)] [[data-size=sm]+&]:px-[calc(--spacing(2.5)-1px)]",
@@ -610,17 +611,17 @@ var ht = c("flex h-auto cursor-text select-none items-center justify-center gap-
 		"inline-start": "order-first ps-[calc(--spacing(3)-1px)] has-[>:last-child[data-slot=badge]]:-ms-1.5 has-[>button]:-ms-2 has-[>kbd:last-child]:ms-[-0.35rem] [[data-size=sm]+&]:ps-[calc(--spacing(2.5)-1px)]"
 	} }
 });
-function gt({ className: e, ...t }) {
+function _t({ className: e, ...t }) {
 	return /* @__PURE__ */ i("div", {
-		className: J("relative inline-flex w-full min-w-0 items-center rounded-lg border border-input bg-background not-dark:bg-clip-padding text-base text-foreground shadow-xs/5 ring-ring/24 transition-shadow before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] not-has-[input:disabled,textarea:disabled]:not-has-[input:focus-visible,textarea:focus-visible]:not-has-[input[aria-invalid],textarea[aria-invalid]]:before:shadow-[0_1px_--theme(--color-black/4%)] has-[input:focus-visible,textarea:focus-visible]:has-[input[aria-invalid],textarea[aria-invalid]]:border-destructive/64 has-[input:focus-visible,textarea:focus-visible]:has-[input[aria-invalid],textarea[aria-invalid]]:ring-destructive/16 has-[textarea]:h-auto has-data-[align=block-end]:h-auto has-data-[align=block-start]:h-auto has-data-[align=block-end]:flex-col has-data-[align=block-start]:flex-col has-[input:focus-visible,textarea:focus-visible]:border-ring has-[input[aria-invalid],textarea[aria-invalid]]:border-destructive/36 has-autofill:bg-foreground/4 has-[input:disabled,textarea:disabled]:opacity-64 has-[input:disabled,textarea:disabled,input:focus-visible,textarea:focus-visible,input[aria-invalid],textarea[aria-invalid]]:shadow-none has-[input:focus-visible,textarea:focus-visible]:ring-[3px] sm:text-sm dark:bg-input/32 dark:has-autofill:bg-foreground/8 dark:has-[input[aria-invalid],textarea[aria-invalid]]:ring-destructive/24 dark:not-has-[input:disabled,textarea:disabled]:not-has-[input:focus-visible,textarea:focus-visible]:not-has-[input[aria-invalid],textarea[aria-invalid]]:before:shadow-[0_-1px_--theme(--color-white/6%)] has-data-[align=inline-start]:**:[[data-size=sm]_input]:ps-1.5 has-data-[align=inline-end]:**:[[data-size=sm]_input]:pe-1.5 *:[[data-slot=input-control],[data-slot=textarea-control]]:contents *:[[data-slot=input-control],[data-slot=textarea-control]]:before:hidden has-[[data-align=block-start],[data-align=block-end]]:**:[input]:h-auto has-data-[align=inline-start]:**:[input]:ps-2 has-data-[align=inline-end]:**:[input]:pe-2 has-data-[align=block-end]:**:[input]:pt-1.5 has-data-[align=block-start]:**:[input]:pb-1.5 **:[textarea]:min-h-20.5 **:[textarea]:resize-none **:[textarea]:py-[calc(--spacing(3)-1px)] **:[textarea]:max-sm:min-h-23.5 **:[textarea_button]:rounded-[calc(var(--radius-md)-1px)]", e),
+		className: K("relative inline-flex w-full min-w-0 items-center rounded-lg border border-input bg-background not-dark:bg-clip-padding text-base text-foreground shadow-xs/5 ring-ring/24 transition-shadow before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] not-has-[input:disabled,textarea:disabled]:not-has-[input:focus-visible,textarea:focus-visible]:not-has-[input[aria-invalid],textarea[aria-invalid]]:before:shadow-[0_1px_--theme(--color-black/4%)] has-[input:focus-visible,textarea:focus-visible]:has-[input[aria-invalid],textarea[aria-invalid]]:border-destructive/64 has-[input:focus-visible,textarea:focus-visible]:has-[input[aria-invalid],textarea[aria-invalid]]:ring-destructive/16 has-[textarea]:h-auto has-data-[align=block-end]:h-auto has-data-[align=block-start]:h-auto has-data-[align=block-end]:flex-col has-data-[align=block-start]:flex-col has-[input:focus-visible,textarea:focus-visible]:border-ring has-[input[aria-invalid],textarea[aria-invalid]]:border-destructive/36 has-autofill:bg-foreground/4 has-[input:disabled,textarea:disabled]:opacity-64 has-[input:disabled,textarea:disabled,input:focus-visible,textarea:focus-visible,input[aria-invalid],textarea[aria-invalid]]:shadow-none has-[input:focus-visible,textarea:focus-visible]:ring-[3px] sm:text-sm dark:bg-input/32 dark:has-autofill:bg-foreground/8 dark:has-[input[aria-invalid],textarea[aria-invalid]]:ring-destructive/24 dark:not-has-[input:disabled,textarea:disabled]:not-has-[input:focus-visible,textarea:focus-visible]:not-has-[input[aria-invalid],textarea[aria-invalid]]:before:shadow-[0_-1px_--theme(--color-white/6%)] has-data-[align=inline-start]:**:[[data-size=sm]_input]:ps-1.5 has-data-[align=inline-end]:**:[[data-size=sm]_input]:pe-1.5 *:[[data-slot=input-control],[data-slot=textarea-control]]:contents *:[[data-slot=input-control],[data-slot=textarea-control]]:before:hidden has-[[data-align=block-start],[data-align=block-end]]:**:[input]:h-auto has-data-[align=inline-start]:**:[input]:ps-2 has-data-[align=inline-end]:**:[input]:pe-2 has-data-[align=block-end]:**:[input]:pt-1.5 has-data-[align=block-start]:**:[input]:pb-1.5 **:[textarea]:min-h-20.5 **:[textarea]:resize-none **:[textarea]:py-[calc(--spacing(3)-1px)] **:[textarea]:max-sm:min-h-23.5 **:[textarea_button]:rounded-[calc(var(--radius-md)-1px)]", e),
 		"data-slot": "input-group",
 		role: "group",
 		...t
 	});
 }
-function _t({ className: e, align: t = "inline-start", ...n }) {
+function vt({ className: e, align: t = "inline-start", ...n }) {
 	return /* @__PURE__ */ i("div", {
-		className: J(ht({ align: t }), e),
+		className: K(gt({ align: t }), e),
 		"data-align": t,
 		"data-slot": "input-group-addon",
 		onMouseDown: (e) => {
@@ -632,21 +633,21 @@ function _t({ className: e, align: t = "inline-start", ...n }) {
 		...n
 	});
 }
-function vt({ className: e, ...t }) {
+function yt({ className: e, ...t }) {
 	return /* @__PURE__ */ i("span", {
-		className: J("line-clamp-1 flex items-center gap-2 whitespace-nowrap text-muted-foreground leading-none in-[[data-slot=input-group]:has([data-slot=input-control],[data-slot=textarea-control])]:[&_svg:not([class*='size-'])]:size-4.5 sm:in-[[data-slot=input-group]:has([data-slot=input-control],[data-slot=textarea-control])]:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:-mx-0.5", e),
+		className: K("line-clamp-1 flex items-center gap-2 whitespace-nowrap text-muted-foreground leading-none in-[[data-slot=input-group]:has([data-slot=input-control],[data-slot=textarea-control])]:[&_svg:not([class*='size-'])]:size-4.5 sm:in-[[data-slot=input-group]:has([data-slot=input-control],[data-slot=textarea-control])]:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:-mx-0.5", e),
 		...t
 	});
 }
-function yt({ className: e, ...t }) {
-	return /* @__PURE__ */ i(pt, {
+function bt({ className: e, ...t }) {
+	return /* @__PURE__ */ i(mt, {
 		className: e,
 		unstyled: !0,
 		...t
 	});
 }
-function bt({ className: e, ...t }) {
-	return /* @__PURE__ */ i(mt, {
+function xt({ className: e, ...t }) {
+	return /* @__PURE__ */ i(ht, {
 		className: e,
 		unstyled: !0,
 		...t
@@ -654,11 +655,11 @@ function bt({ className: e, ...t }) {
 }
 //#endregion
 //#region src/components/ui/label.tsx
-function xt({ className: e, render: t, sound: n = !1, ...r }) {
+function St({ className: e, render: t, sound: n = !1, ...r }) {
 	return s({
 		defaultTagName: "label",
 		props: o({
-			className: J("inline-flex cursor-pointer items-center gap-2 font-medium text-base/4.5 text-foreground sm:text-sm/4", e),
+			className: K("inline-flex cursor-pointer items-center gap-2 font-medium text-base/4.5 text-foreground sm:text-sm/4", e),
 			"data-cuelume-hover": n ? "tick" : void 0,
 			"data-slot": "label"
 		}, r),
@@ -667,19 +668,19 @@ function xt({ className: e, render: t, sound: n = !1, ...r }) {
 }
 //#endregion
 //#region src/components/ui/menu.tsx
-var St = G.createHandle, Ct = G.Root, wt = G.Portal;
-function Tt({ className: e, children: t, ...n }) {
-	return /* @__PURE__ */ i(G.Trigger, {
+var Ct = U.createHandle, wt = U.Root, Tt = U.Portal;
+function Et({ className: e, children: t, ...n }) {
+	return /* @__PURE__ */ i(U.Trigger, {
 		className: e,
 		"data-slot": "menu-trigger",
 		...n,
 		children: t
 	});
 }
-function Et({ children: e, className: t, sideOffset: n = 4, align: r = "center", alignOffset: a, side: o = "bottom", anchor: s, portalProps: c, ...l }) {
-	return /* @__PURE__ */ i(wt, {
+function Dt({ children: e, className: t, sideOffset: n = 4, align: r = "center", alignOffset: a, side: o = "bottom", anchor: s, portalProps: c, ...l }) {
+	return /* @__PURE__ */ i(Tt, {
 		...c,
-		children: /* @__PURE__ */ i(G.Positioner, {
+		children: /* @__PURE__ */ i(U.Positioner, {
 			align: r,
 			alignOffset: a,
 			anchor: s,
@@ -687,8 +688,8 @@ function Et({ children: e, className: t, sideOffset: n = 4, align: r = "center",
 			"data-slot": "menu-positioner",
 			side: o,
 			sideOffset: n,
-			children: /* @__PURE__ */ i(G.Popup, {
-				className: J("relative flex not-[class*='w-']:min-w-32 origin-(--transform-origin) rounded-lg border bg-popover not-dark:bg-clip-padding shadow-lg/5 outline-none before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] before:shadow-[0_1px_--theme(--color-black/4%)] focus:outline-none dark:before:shadow-[0_-1px_--theme(--color-white/6%)]", t),
+			children: /* @__PURE__ */ i(U.Popup, {
+				className: K("relative flex not-[class*='w-']:min-w-32 origin-(--transform-origin) rounded-lg border bg-popover not-dark:bg-clip-padding shadow-lg/5 outline-none before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] before:shadow-[0_1px_--theme(--color-black/4%)] focus:outline-none dark:before:shadow-[0_-1px_--theme(--color-white/6%)]", t),
 				"data-slot": "menu-popup",
 				...l,
 				children: /* @__PURE__ */ i("div", {
@@ -699,24 +700,24 @@ function Et({ children: e, className: t, sideOffset: n = 4, align: r = "center",
 		})
 	});
 }
-function Dt(e) {
-	return /* @__PURE__ */ i(G.Group, {
+function Ot(e) {
+	return /* @__PURE__ */ i(U.Group, {
 		"data-slot": "menu-group",
 		...e
 	});
 }
-function Ot({ className: e, inset: t, variant: n = "default", ...r }) {
-	return /* @__PURE__ */ i(G.Item, {
-		className: J("flex min-h-8 cursor-default select-none items-center gap-2 rounded-sm px-2 py-1 text-base text-foreground outline-none data-disabled:pointer-events-none data-highlighted:bg-accent data-inset:ps-8 data-[variant=destructive]:text-destructive-foreground data-highlighted:text-accent-foreground data-disabled:opacity-64 sm:min-h-7 sm:text-sm [&>svg:not([class*='opacity-'])]:opacity-80 [&>svg:not([class*='size-'])]:size-4.5 sm:[&>svg:not([class*='size-'])]:size-4 [&>svg]:pointer-events-none [&>svg]:-mx-0.5 [&>svg]:shrink-0", e),
+function kt({ className: e, inset: t, variant: n = "default", ...r }) {
+	return /* @__PURE__ */ i(U.Item, {
+		className: K("flex min-h-8 cursor-default select-none items-center gap-2 rounded-sm px-2 py-1 text-base text-foreground outline-none data-disabled:pointer-events-none data-highlighted:bg-accent data-inset:ps-8 data-[variant=destructive]:text-destructive-foreground data-highlighted:text-accent-foreground data-disabled:opacity-64 sm:min-h-7 sm:text-sm [&>svg:not([class*='opacity-'])]:opacity-80 [&>svg:not([class*='size-'])]:size-4.5 sm:[&>svg:not([class*='size-'])]:size-4 [&>svg]:pointer-events-none [&>svg]:-mx-0.5 [&>svg]:shrink-0", e),
 		"data-inset": t,
 		"data-slot": "menu-item",
 		"data-variant": n,
 		...r
 	});
 }
-function kt({ className: e, inset: t, variant: n = "default", closeOnClick: r = !0, ...a }) {
-	return /* @__PURE__ */ i(G.LinkItem, {
-		className: J("flex min-h-8 cursor-default select-none items-center gap-2 rounded-sm px-2 py-1 text-base text-foreground outline-none data-disabled:pointer-events-none data-highlighted:bg-accent data-inset:ps-8 data-[variant=destructive]:text-destructive-foreground data-highlighted:text-accent-foreground data-disabled:opacity-64 sm:min-h-7 sm:text-sm [&>svg:not([class*='opacity-'])]:opacity-80 [&>svg:not([class*='size-'])]:size-4.5 sm:[&>svg:not([class*='size-'])]:size-4 [&>svg]:pointer-events-none [&>svg]:-mx-0.5 [&>svg]:shrink-0", e),
+function At({ className: e, inset: t, variant: n = "default", closeOnClick: r = !0, ...a }) {
+	return /* @__PURE__ */ i(U.LinkItem, {
+		className: K("flex min-h-8 cursor-default select-none items-center gap-2 rounded-sm px-2 py-1 text-base text-foreground outline-none data-disabled:pointer-events-none data-highlighted:bg-accent data-inset:ps-8 data-[variant=destructive]:text-destructive-foreground data-highlighted:text-accent-foreground data-disabled:opacity-64 sm:min-h-7 sm:text-sm [&>svg:not([class*='opacity-'])]:opacity-80 [&>svg:not([class*='size-'])]:size-4.5 sm:[&>svg:not([class*='size-'])]:size-4 [&>svg]:pointer-events-none [&>svg]:-mx-0.5 [&>svg]:shrink-0", e),
 		closeOnClick: r,
 		"data-inset": t,
 		"data-slot": "menu-link-item",
@@ -724,20 +725,20 @@ function kt({ className: e, inset: t, variant: n = "default", closeOnClick: r =
 		...a
 	});
 }
-function At({ className: e, children: t, checked: n, variant: o = "default", ...s }) {
-	return /* @__PURE__ */ i(G.CheckboxItem, {
+function jt({ className: e, children: t, checked: n, variant: o = "default", ...s }) {
+	return /* @__PURE__ */ i(U.CheckboxItem, {
 		checked: n,
-		className: J("grid min-h-8 in-data-[side=none]:min-w-[calc(var(--anchor-width)+1.25rem)] cursor-default items-center gap-2 rounded-sm py-1 ps-2 text-base text-foreground outline-none data-disabled:pointer-events-none data-highlighted:bg-accent data-highlighted:text-accent-foreground data-disabled:opacity-64 sm:min-h-7 sm:text-sm [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", o === "switch" ? "grid-cols-[1fr_auto] gap-4 pe-1.5" : "grid-cols-[.75rem_1fr] pe-4", e),
+		className: K("grid min-h-8 in-data-[side=none]:min-w-[calc(var(--anchor-width)+1.25rem)] cursor-default items-center gap-2 rounded-sm py-1 ps-2 text-base text-foreground outline-none data-disabled:pointer-events-none data-highlighted:bg-accent data-highlighted:text-accent-foreground data-disabled:opacity-64 sm:min-h-7 sm:text-sm [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", o === "switch" ? "grid-cols-[1fr_auto] gap-4 pe-1.5" : "grid-cols-[.75rem_1fr] pe-4", e),
 		"data-slot": "menu-checkbox-item",
 		...s,
 		children: o === "switch" ? /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i("span", {
 			className: "col-start-1",
 			children: t
-		}), /* @__PURE__ */ i(G.CheckboxItemIndicator, {
+		}), /* @__PURE__ */ i(U.CheckboxItemIndicator, {
 			className: "inset-shadow-[0_1px_--theme(--color-black/4%)] inline-flex h-[calc(var(--thumb-size)+2px)] w-[calc(var(--thumb-size)*2-2px)] shrink-0 items-center rounded-full p-px outline-none transition-[background-color,box-shadow] duration-200 [--thumb-size:--spacing(4)] focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-1 focus-visible:ring-offset-background data-checked:bg-primary data-unchecked:bg-input data-disabled:opacity-64 sm:[--thumb-size:--spacing(3)]",
 			keepMounted: !0,
 			children: /* @__PURE__ */ i("span", { className: "pointer-events-none block aspect-square h-full in-[[data-slot=menu-checkbox-item][data-checked]]:origin-[var(--thumb-size)_50%] origin-left in-[[data-slot=menu-checkbox-item][data-checked]]:translate-x-[calc(var(--thumb-size)-4px)] in-[[data-slot=menu-checkbox-item]:active]:not-data-disabled:scale-x-110 in-[[data-slot=menu-checkbox-item]:active]:rounded-[var(--thumb-size)/calc(var(--thumb-size)*1.10)] rounded-(--thumb-size) bg-background shadow-sm/5 will-change-transform [transition:translate_.15s,border-radius_.15s,scale_.1s_.1s,transform-origin_.15s]" })
-		})] }) : /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i(G.CheckboxItemIndicator, {
+		})] }) : /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i(U.CheckboxItemIndicator, {
 			className: "col-start-1 -ms-0.5",
 			children: /* @__PURE__ */ i("svg", {
 				"aria-hidden": "true",
@@ -758,18 +759,18 @@ function At({ className: e, children: t, checked: n, variant: o = "default", ...
 		})] })
 	});
 }
-function jt(e) {
-	return /* @__PURE__ */ i(G.RadioGroup, {
+function Mt(e) {
+	return /* @__PURE__ */ i(U.RadioGroup, {
 		"data-slot": "menu-radio-group",
 		...e
 	});
 }
-function Mt({ className: e, children: t, ...n }) {
-	return /* @__PURE__ */ a(G.RadioItem, {
-		className: J("grid min-h-8 in-data-[side=none]:min-w-[calc(var(--anchor-width)+1.25rem)] cursor-default grid-cols-[.75rem_1fr] items-center gap-2 rounded-sm py-1 ps-2 pe-4 text-base text-foreground outline-none data-disabled:pointer-events-none data-highlighted:bg-accent data-highlighted:text-accent-foreground data-disabled:opacity-64 sm:min-h-7 sm:text-sm [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", e),
+function Nt({ className: e, children: t, ...n }) {
+	return /* @__PURE__ */ a(U.RadioItem, {
+		className: K("grid min-h-8 in-data-[side=none]:min-w-[calc(var(--anchor-width)+1.25rem)] cursor-default grid-cols-[.75rem_1fr] items-center gap-2 rounded-sm py-1 ps-2 pe-4 text-base text-foreground outline-none data-disabled:pointer-events-none data-highlighted:bg-accent data-highlighted:text-accent-foreground data-disabled:opacity-64 sm:min-h-7 sm:text-sm [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0", e),
 		"data-slot": "menu-radio-item",
 		...n,
-		children: [/* @__PURE__ */ i(G.RadioItemIndicator, {
+		children: [/* @__PURE__ */ i(U.RadioItemIndicator, {
 			className: "col-start-1 -ms-0.5",
 			children: /* @__PURE__ */ i("svg", {
 				"aria-hidden": "true",
@@ -790,45 +791,45 @@ function Mt({ className: e, children: t, ...n }) {
 		})]
 	});
 }
-function Nt({ className: e, inset: t, ...n }) {
-	return /* @__PURE__ */ i(G.GroupLabel, {
-		className: J("px-2 py-1.5 font-medium text-muted-foreground text-xs data-inset:ps-9 sm:data-inset:ps-8", e),
+function Pt({ className: e, inset: t, ...n }) {
+	return /* @__PURE__ */ i(U.GroupLabel, {
+		className: K("px-2 py-1.5 font-medium text-muted-foreground text-xs data-inset:ps-9 sm:data-inset:ps-8", e),
 		"data-inset": t,
 		"data-slot": "menu-label",
 		...n
 	});
 }
-function Pt({ className: e, ...t }) {
-	return /* @__PURE__ */ i(G.Separator, {
-		className: J("mx-2 my-1 h-px bg-border", e),
+function Ft({ className: e, ...t }) {
+	return /* @__PURE__ */ i(U.Separator, {
+		className: K("mx-2 my-1 h-px bg-border", e),
 		"data-slot": "menu-separator",
 		...t
 	});
 }
-function Ft({ className: e, ...t }) {
+function It({ className: e, ...t }) {
 	return /* @__PURE__ */ i("kbd", {
-		className: J("ms-auto font-medium font-sans text-muted-foreground/72 text-xs tracking-widest", e),
+		className: K("ms-auto font-medium font-sans text-muted-foreground/72 text-xs tracking-widest", e),
 		"data-slot": "menu-shortcut",
 		...t
 	});
 }
-function It(e) {
-	return /* @__PURE__ */ i(G.SubmenuRoot, {
+function Lt(e) {
+	return /* @__PURE__ */ i(U.SubmenuRoot, {
 		"data-slot": "menu-sub",
 		...e
 	});
 }
-function Lt({ className: e, inset: t, children: n, ...r }) {
-	return /* @__PURE__ */ a(G.SubmenuTrigger, {
-		className: J("flex min-h-8 items-center gap-2 rounded-sm px-2 py-1 text-base text-foreground outline-none data-disabled:pointer-events-none data-highlighted:bg-accent data-popup-open:bg-accent data-inset:ps-8 data-highlighted:text-accent-foreground data-popup-open:text-accent-foreground data-disabled:opacity-64 sm:min-h-7 sm:text-sm [&>svg:not(:last-child)]:-mx-0.5 [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none", e),
+function Rt({ className: e, inset: t, children: n, ...r }) {
+	return /* @__PURE__ */ a(U.SubmenuTrigger, {
+		className: K("flex min-h-8 items-center gap-2 rounded-sm px-2 py-1 text-base text-foreground outline-none data-disabled:pointer-events-none data-highlighted:bg-accent data-popup-open:bg-accent data-inset:ps-8 data-highlighted:text-accent-foreground data-popup-open:text-accent-foreground data-disabled:opacity-64 sm:min-h-7 sm:text-sm [&>svg:not(:last-child)]:-mx-0.5 [&_svg:not([class*='size-'])]:size-4.5 sm:[&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none", e),
 		"data-inset": t,
 		"data-slot": "menu-sub-trigger",
 		...r,
 		children: [n, /* @__PURE__ */ i(p, { className: "ms-auto -me-0.5 opacity-80" })]
 	});
 }
-function Rt({ className: e, sideOffset: t = 0, alignOffset: n, align: r = "start", ...a }) {
-	return /* @__PURE__ */ i(Et, {
+function zt({ className: e, sideOffset: t = 0, alignOffset: n, align: r = "start", ...a }) {
+	return /* @__PURE__ */ i(Dt, {
 		align: r,
 		alignOffset: n ?? (r === "center" ? void 0 : -5),
 		className: e,
@@ -840,9 +841,9 @@ function Rt({ className: e, sideOffset: t = 0, alignOffset: n, align: r = "start
 }
 //#endregion
 //#region src/components/ui/separator.tsx
-function zt({ className: e, orientation: t = "horizontal", ...n }) {
+function Bt({ className: e, orientation: t = "horizontal", ...n }) {
 	return /* @__PURE__ */ i(ve, {
-		className: J("shrink-0 bg-border data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px data-[orientation=vertical]:not-[[class^='h-']]:not-[[class*='_h-']]:self-stretch", e),
+		className: K("shrink-0 bg-border data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px data-[orientation=vertical]:not-[[class^='h-']]:not-[[class*='_h-']]:self-stretch", e),
 		"data-slot": "separator",
 		orientation: t,
 		...n
@@ -850,50 +851,50 @@ function zt({ className: e, orientation: t = "horizontal", ...n }) {
 }
 //#endregion
 //#region src/components/ui/otp-field.tsx
-function Bt({ className: e, size: t = "default", sound: n = !0, onValueChange: r, ...a }) {
-	let o = P.useRef(String(a.value ?? a.defaultValue ?? "").length);
+function Vt({ className: e, size: t = "default", sound: n = !0, onValueChange: r, ...a }) {
+	let o = N.useRef(String(a.value ?? a.defaultValue ?? "").length);
 	return /* @__PURE__ */ i(_e.Root, {
-		className: J("flex items-center gap-2 has-disabled:opacity-64 has-disabled:**:data-[slot=otp-field-input]:shadow-none has-disabled:**:data-[slot=otp-field-input]:before:shadow-none!", e),
+		className: K("flex items-center gap-2 has-disabled:opacity-64 has-disabled:**:data-[slot=otp-field-input]:shadow-none has-disabled:**:data-[slot=otp-field-input]:before:shadow-none!", e),
 		"data-size": t,
 		"data-slot": "otp-field",
 		onValueChange: (e, ...t) => {
-			n && e.length > o.current && et("tick"), o.current = e.length, r?.(e, ...t);
+			n && e.length > o.current && tt("tick"), o.current = e.length, r?.(e, ...t);
 		},
 		...a
 	});
 }
-function Vt({ className: e, ...t }) {
+function Ht({ className: e, ...t }) {
 	return /* @__PURE__ */ i(_e.Input, {
-		className: J("relative in-[[data-slot=otp-field][data-size=lg]]:size-10 size-9 min-w-0 rounded-lg border border-input bg-background not-dark:bg-clip-padding text-center in-[[data-slot=otp-field][data-size=lg]]:text-lg text-base text-foreground in-[[data-slot=otp-field][data-size=lg]]:leading-10 leading-9 shadow-xs/5 outline-none ring-ring/24 transition-shadow before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] not-focus-visible:not-aria-invalid:before:shadow-[0_1px_--theme(--color-black/4%)] focus-visible:z-10 focus-visible:border-ring focus-visible:shadow-none focus-visible:ring-[3px] focus-visible:ring-ring/24 aria-invalid:border-destructive/36 aria-invalid:shadow-none aria-invalid:focus-visible:border-destructive/64 aria-invalid:focus-visible:ring-destructive/16 sm:in-[[data-slot=otp-field][data-size=lg]]:size-9 sm:size-8 sm:in-[[data-slot=otp-field][data-size=lg]]:text-base sm:text-sm sm:in-[[data-slot=otp-field][data-size=lg]]:leading-9 sm:leading-8 dark:bg-input/32 dark:aria-invalid:focus-visible:ring-destructive/24 dark:not-focus-visible:not-aria-invalid:before:shadow-[0_-1px_--theme(--color-white/6%)]", e),
+		className: K("relative in-[[data-slot=otp-field][data-size=lg]]:size-10 size-9 min-w-0 rounded-lg border border-input bg-background not-dark:bg-clip-padding text-center in-[[data-slot=otp-field][data-size=lg]]:text-lg text-base text-foreground in-[[data-slot=otp-field][data-size=lg]]:leading-10 leading-9 shadow-xs/5 outline-none ring-ring/24 transition-shadow before:pointer-events-none before:absolute before:inset-0 before:rounded-[calc(var(--radius-lg)-1px)] not-focus-visible:not-aria-invalid:before:shadow-[0_1px_--theme(--color-black/4%)] focus-visible:z-10 focus-visible:border-ring focus-visible:shadow-none focus-visible:ring-[3px] focus-visible:ring-ring/24 aria-invalid:border-destructive/36 aria-invalid:shadow-none aria-invalid:focus-visible:border-destructive/64 aria-invalid:focus-visible:ring-destructive/16 sm:in-[[data-slot=otp-field][data-size=lg]]:size-9 sm:size-8 sm:in-[[data-slot=otp-field][data-size=lg]]:text-base sm:text-sm sm:in-[[data-slot=otp-field][data-size=lg]]:leading-9 sm:leading-8 dark:bg-input/32 dark:aria-invalid:focus-visible:ring-destructive/24 dark:not-focus-visible:not-aria-invalid:before:shadow-[0_-1px_--theme(--color-white/6%)]", e),
 		"data-slot": "otp-field-input",
 		spellCheck: !1,
 		...t
 	});
 }
-function Ht({ className: e, ...t }) {
-	return /* @__PURE__ */ i(_e.Separator, { render: /* @__PURE__ */ i(zt, {
-		className: J("rounded-full bg-input data-[orientation=horizontal]:h-0.5 data-[orientation=horizontal]:w-3", e),
+function Ut({ className: e, ...t }) {
+	return /* @__PURE__ */ i(_e.Separator, { render: /* @__PURE__ */ i(Bt, {
+		className: K("rounded-full bg-input data-[orientation=horizontal]:h-0.5 data-[orientation=horizontal]:w-3", e),
 		orientation: "horizontal",
 		...t
 	}) });
 }
 //#endregion
 //#region src/components/ui/skeleton.tsx
-function Ut({ className: e, ...t }) {
+function Wt({ className: e, ...t }) {
 	return /* @__PURE__ */ i("div", {
-		className: J("animate-skeleton rounded-sm [--skeleton-highlight:--alpha(var(--color-white)/64%)] [background:linear-gradient(120deg,transparent_40%,var(--skeleton-highlight),transparent_60%)_var(--color-muted)_0_0/200%_100%_fixed] dark:[--skeleton-highlight:--alpha(var(--color-white)/4%)]", e),
+		className: K("animate-skeleton rounded-sm [--skeleton-highlight:--alpha(var(--color-white)/64%)] [background:linear-gradient(120deg,transparent_40%,var(--skeleton-highlight),transparent_60%)_var(--color-muted)_0_0/200%_100%_fixed] dark:[--skeleton-highlight:--alpha(var(--color-white)/4%)]", e),
 		"data-slot": "skeleton",
 		...t
 	});
 }
 //#endregion
 //#region src/components/composed/password-input.tsx
-var Wt = [
+var Gt = [
 	.22,
 	1,
 	.36,
 	1
-], Gt = [
+], Kt = [
 	{
 		regex: /.{8,}/,
 		text: "At least 8 characters"
@@ -911,21 +912,21 @@ var Wt = [
 		text: "At least 1 uppercase letter"
 	}
 ];
-function Kt(e) {
-	return Gt.filter((t) => t.regex.test(e)).length;
+function qt(e) {
+	return Kt.filter((t) => t.regex.test(e)).length;
 }
-var qt = [
+var Jt = [
 	"bg-border",
 	"bg-red-500",
 	"bg-orange-500",
 	"bg-amber-500",
 	"bg-emerald-500"
 ];
-function Jt({ visibilityToggle: e = !0, showStrength: t = !1, sound: n = !0, className: r, value: o, defaultValue: s, onChange: c, ...l }) {
-	let [u, f] = P.useState(!1), [p, m] = P.useState(String(s ?? "")), _ = o === void 0 ? p : String(o), v = Kt(_);
+function Yt({ visibilityToggle: e = !0, showStrength: t = !1, sound: n = !0, className: r, value: o, defaultValue: s, onChange: c, ...l }) {
+	let [u, f] = N.useState(!1), [p, m] = N.useState(String(s ?? "")), _ = o === void 0 ? p : String(o), v = qt(_);
 	return /* @__PURE__ */ a("div", {
-		className: J("flex w-full flex-col gap-3", r),
-		children: [/* @__PURE__ */ a(gt, { children: [/* @__PURE__ */ i(yt, {
+		className: K("flex w-full flex-col gap-3", r),
+		children: [/* @__PURE__ */ a(_t, { children: [/* @__PURE__ */ i(bt, {
 			placeholder: "Enter your password",
 			...l,
 			type: u ? "text" : "password",
@@ -933,20 +934,20 @@ function Jt({ visibilityToggle: e = !0, showStrength: t = !1, sound: n = !0, cla
 			onChange: (e) => {
 				m(e.target.value), c?.(e);
 			}
-		}), e && /* @__PURE__ */ i(_t, {
+		}), e && /* @__PURE__ */ i(vt, {
 			align: "inline-end",
-			children: /* @__PURE__ */ i(Y, {
+			children: /* @__PURE__ */ i(q, {
 				"aria-label": u ? "Hide password" : "Show password",
 				onClick: () => {
-					n && et(u ? "droplet" : "bloom"), f((e) => !e);
+					n && tt(u ? "droplet" : "bloom"), f((e) => !e);
 				},
 				size: "icon-xs",
 				variant: "ghost",
 				sound: !1,
-				children: /* @__PURE__ */ i(K, {
+				children: /* @__PURE__ */ i(W, {
 					mode: "wait",
 					initial: !1,
-					children: /* @__PURE__ */ i(q.span, {
+					children: /* @__PURE__ */ i(G.span, {
 						className: "inline-flex",
 						initial: {
 							opacity: 0,
@@ -965,15 +966,15 @@ function Jt({ visibilityToggle: e = !0, showStrength: t = !1, sound: n = !0, cla
 						},
 						transition: {
 							duration: .15,
-							ease: Wt
+							ease: Gt
 						},
 						children: i(u ? g : h, { "aria-hidden": "true" })
 					}, u ? "off" : "on")
 				})
 			})
-		})] }), /* @__PURE__ */ i(K, {
+		})] }), /* @__PURE__ */ i(W, {
 			initial: !1,
-			children: t && /* @__PURE__ */ a(q.div, {
+			children: t && /* @__PURE__ */ a(G.div, {
 				className: "flex flex-col gap-2 overflow-hidden",
 				initial: {
 					height: 0,
@@ -989,7 +990,7 @@ function Jt({ visibilityToggle: e = !0, showStrength: t = !1, sound: n = !0, cla
 				},
 				transition: {
 					duration: .25,
-					ease: Wt
+					ease: Gt
 				},
 				children: [/* @__PURE__ */ i("div", {
 					"aria-label": "Password strength",
@@ -998,25 +999,25 @@ function Jt({ visibilityToggle: e = !0, showStrength: t = !1, sound: n = !0, cla
 					"aria-valuenow": v,
 					className: "h-1 w-full overflow-hidden rounded-full bg-border",
 					role: "progressbar",
-					children: /* @__PURE__ */ i(q.div, {
-						className: J("h-full rounded-full", qt[v]),
+					children: /* @__PURE__ */ i(G.div, {
+						className: K("h-full rounded-full", Jt[v]),
 						animate: { width: `${v / 4 * 100}%` },
 						transition: {
 							duration: .4,
-							ease: Wt
+							ease: Gt
 						}
 					})
 				}), /* @__PURE__ */ i("ul", {
 					"aria-label": "Password requirements",
 					className: "flex flex-col gap-1",
-					children: Gt.map((e) => {
+					children: Kt.map((e) => {
 						let t = e.regex.test(_);
 						return /* @__PURE__ */ a("li", {
 							className: "flex items-center gap-2 text-xs",
 							children: [t ? /* @__PURE__ */ i(d, {
 								"aria-hidden": "true",
 								className: "size-3.5 text-emerald-500"
-							}) : /* @__PURE__ */ i(te, {
+							}) : /* @__PURE__ */ i(M, {
 								"aria-hidden": "true",
 								className: "size-3.5 text-muted-foreground/80"
 							}), /* @__PURE__ */ a("span", {
@@ -1035,7 +1036,7 @@ function Jt({ visibilityToggle: e = !0, showStrength: t = !1, sound: n = !0, cla
 }
 //#endregion
 //#region src/components/composed/social-providers.tsx
-function Yt(e) {
+function Xt(e) {
 	return /* @__PURE__ */ a("svg", {
 		viewBox: "0 0 24 24",
 		fill: "none",
@@ -1060,11 +1061,11 @@ function Yt(e) {
 		]
 	});
 }
-var Xt = {
+var Zt = {
 	google: {
 		label: "Google",
 		Icon: Ce,
-		BrandIcon: Yt,
+		BrandIcon: Xt,
 		brandClassName: ""
 	},
 	apple: {
@@ -1085,33 +1086,33 @@ var Xt = {
 		BrandIcon: we,
 		brandClassName: "text-foreground"
 	}
-}, Zt = {
+}, Qt = {
 	login: "Login with",
 	signup: "Sign up with",
 	continue: "Continue with"
 };
-function Qt({ providers: e = [
+function $t({ providers: e = [
 	"google",
 	"apple",
 	"github"
 ], action: t = "continue", layout: n = "stack", loadingProvider: r = null, disabled: o = !1, onSelect: s, className: c }) {
 	let l = n === "row";
 	return /* @__PURE__ */ i("div", {
-		className: J("flex w-full gap-2", l ? "flex-row justify-center" : "flex-col", c),
+		className: K("flex w-full gap-2", l ? "flex-row justify-center" : "flex-col", c),
 		children: e.map((e) => {
-			let { label: n, Icon: c } = Xt[e];
-			return /* @__PURE__ */ a(Y, {
+			let { label: n, Icon: c } = Zt[e];
+			return /* @__PURE__ */ a(q, {
 				variant: "outline",
 				size: l ? "icon" : "default",
 				className: l ? void 0 : "w-full",
-				"aria-label": `${Zt[t]} ${n}`,
+				"aria-label": `${Qt[t]} ${n}`,
 				loading: r === e,
 				disabled: o || r !== null && r !== e,
 				onClick: () => s?.(e),
 				children: [/* @__PURE__ */ i(c, { "aria-hidden": "true" }), !l && /* @__PURE__ */ a("span", {
 					className: "flex-1",
 					children: [
-						Zt[t],
+						Qt[t],
 						" ",
 						n
 					]
@@ -1122,30 +1123,30 @@ function Qt({ providers: e = [
 }
 //#endregion
 //#region src/components/composed/user-avatar.tsx
-function $t(e) {
+function en(e) {
 	let t = e.trim().split(/\s+/).filter(Boolean);
 	return t.length === 0 ? "" : ((t[0]?.[0] ?? "") + (t.length > 1 ? t.at(-1)?.[0] ?? "" : "")).toUpperCase();
 }
-function en({ src: e, name: t = "", initials: n, alt: r, loading: o, className: s, ...c }) {
-	let [l, u] = P.useState("idle"), d = o ?? (e !== void 0 && (l === "idle" || l === "loading"));
-	return /* @__PURE__ */ a(Ee, {
-		className: J("size-8", s),
+function tn({ src: e, name: t = "", initials: n, alt: r, loading: o, className: s, ...c }) {
+	let [l, u] = N.useState("idle"), d = o ?? (e !== void 0 && (l === "idle" || l === "loading"));
+	return /* @__PURE__ */ a(De, {
+		className: K("size-8", s),
 		"data-loading": d || void 0,
 		"data-slot": "user-avatar",
 		...c,
-		children: [e === void 0 || o === !0 ? null : /* @__PURE__ */ i(De, {
+		children: [e === void 0 || o === !0 ? null : /* @__PURE__ */ i(Oe, {
 			alt: r ?? t,
 			onLoadingStatusChange: u,
 			src: e
-		}), /* @__PURE__ */ i(Oe, { children: d ? /* @__PURE__ */ i(Ut, {
+		}), /* @__PURE__ */ i(ke, { children: d ? /* @__PURE__ */ i(Wt, {
 			className: "size-full rounded-full",
 			"data-slot": "avatar-skeleton"
-		}) : n ?? $t(t) })]
+		}) : n ?? en(t) })]
 	});
 }
 //#endregion
 //#region src/lib/auth-accent.ts
-var tn = {
+var nn = {
 	corpora: {
 		"--auth-accent": "#E8B124",
 		"--auth-accent-image": "none",
@@ -1156,38 +1157,38 @@ var tn = {
 		"--auth-accent-image": "linear-gradient(44deg in oklab, rgba(29,0,202,0.66) 3%, #3B0080 37%, rgba(36,0,72,0.86) 98%)",
 		"--auth-accent-foreground": "oklch(0.985 0 0)"
 	}
-}, nn = "border-transparent bg-[var(--auth-accent)] bg-[image:var(--auth-accent-image)] text-[var(--auth-accent-foreground)] shadow-none hover:bg-[var(--auth-accent)] hover:brightness-110 data-pressed:bg-[var(--auth-accent)] data-pressed:brightness-110 *:data-[slot=button-loading-indicator]:text-[var(--auth-accent-foreground)]", Q = [
+}, rn = "border-transparent bg-[var(--auth-accent)] bg-[image:var(--auth-accent-image)] text-[var(--auth-accent-foreground)] shadow-none hover:bg-[var(--auth-accent)] hover:brightness-110 data-pressed:bg-[var(--auth-accent)] data-pressed:brightness-110 *:data-[slot=button-loading-indicator]:text-[var(--auth-accent-foreground)]", X = [
 	.22,
 	1,
 	.36,
 	1
 ];
-function rn({ title: e, description: t, children: n, footer: r, className: o, logo: s, accent: c }) {
+function an({ title: e, description: t, children: n, footer: r, className: o, logo: s, accent: c }) {
 	return /* @__PURE__ */ i(ye, {
 		reducedMotion: "user",
-		children: /* @__PURE__ */ i(st, {
-			className: J("w-full max-w-sm", o),
+		children: /* @__PURE__ */ i(ct, {
+			className: K("w-full max-w-sm", o),
 			"data-accent": c,
-			style: c ? tn[c] : void 0,
-			children: /* @__PURE__ */ a(q.div, {
+			style: c ? nn[c] : void 0,
+			children: /* @__PURE__ */ a(G.div, {
 				layout: !0,
 				transition: {
 					duration: .3,
-					ease: Q
+					ease: X
 				},
 				className: "flex flex-col",
-				children: [/* @__PURE__ */ a(ze, { children: [/* @__PURE__ */ a(Ke, { children: [
+				children: [/* @__PURE__ */ a(Be, { children: [/* @__PURE__ */ a(qe, { children: [
 					s && /* @__PURE__ */ i("div", {
 						className: "mb-1.5 flex items-center [&_img:not([class*='h-'])]:h-8 [&_img]:w-auto [&_svg:not([class*='size-'])]:size-8",
 						"data-slot": "auth-logo",
 						children: s
 					}),
-					/* @__PURE__ */ i(qe, { children: e }),
-					t && /* @__PURE__ */ i(Je, { children: t })
-				] }), /* @__PURE__ */ i(Xe, {
+					/* @__PURE__ */ i(Je, { children: e }),
+					t && /* @__PURE__ */ i(Ye, { children: t })
+				] }), /* @__PURE__ */ i(Ze, {
 					className: "overflow-hidden",
 					children: n
-				})] }), r && /* @__PURE__ */ i(ft, {
+				})] }), r && /* @__PURE__ */ i(pt, {
 					className: "text-center text-sm text-muted-foreground",
 					children: r
 				})]
@@ -1195,11 +1196,11 @@ function rn({ title: e, description: t, children: n, footer: r, className: o, lo
 		})
 	});
 }
-function an({ step: e, children: t, className: n }) {
-	return /* @__PURE__ */ i(K, {
+function on({ step: e, children: t, className: n }) {
+	return /* @__PURE__ */ i(W, {
 		mode: "popLayout",
 		initial: !1,
-		children: /* @__PURE__ */ i(q.div, {
+		children: /* @__PURE__ */ i(G.div, {
 			className: n,
 			initial: {
 				opacity: 0,
@@ -1218,24 +1219,24 @@ function an({ step: e, children: t, className: n }) {
 			},
 			transition: {
 				duration: .25,
-				ease: Q
+				ease: X
 			},
 			children: t
 		}, e)
 	});
 }
-function $({ show: e, children: t, className: n }) {
-	let [r, a] = P.useState({
+function Z({ show: e, children: t, className: n }) {
+	let [r, a] = N.useState({
 		show: e,
 		settled: e
 	});
 	return r.show !== e && a({
 		show: e,
 		settled: !1
-	}), /* @__PURE__ */ i(K, {
+	}), /* @__PURE__ */ i(W, {
 		initial: !1,
-		children: e && /* @__PURE__ */ i(q.div, {
-			className: J(!r.settled && "overflow-hidden", n),
+		children: e && /* @__PURE__ */ i(G.div, {
+			className: K(!r.settled && "overflow-hidden", n),
 			initial: {
 				height: 0,
 				opacity: 0,
@@ -1256,7 +1257,7 @@ function $({ show: e, children: t, className: n }) {
 			},
 			transition: {
 				duration: .25,
-				ease: Q
+				ease: X
 			},
 			onAnimationComplete: () => a((e) => ({
 				...e,
@@ -1266,10 +1267,10 @@ function $({ show: e, children: t, className: n }) {
 		})
 	});
 }
-function on({ message: e }) {
-	return /* @__PURE__ */ i(K, {
+function Q({ message: e }) {
+	return /* @__PURE__ */ i(W, {
 		initial: !1,
-		children: e && /* @__PURE__ */ i(q.p, {
+		children: e && /* @__PURE__ */ i(G.p, {
 			role: "alert",
 			className: "text-sm text-destructive-foreground",
 			initial: {
@@ -1294,7 +1295,7 @@ function on({ message: e }) {
 			},
 			transition: {
 				duration: .25,
-				ease: Q,
+				ease: X,
 				x: {
 					duration: .4,
 					ease: "easeInOut"
@@ -1308,7 +1309,7 @@ function sn({ title: e, description: t, children: n }) {
 	return /* @__PURE__ */ a("div", {
 		className: "flex flex-col items-center gap-3 py-4 text-center",
 		children: [
-			/* @__PURE__ */ i(q.span, {
+			/* @__PURE__ */ i(G.span, {
 				className: "flex size-12 items-center justify-center rounded-full bg-emerald-500/12 text-emerald-600",
 				initial: {
 					scale: .6,
@@ -1320,7 +1321,7 @@ function sn({ title: e, description: t, children: n }) {
 				},
 				transition: {
 					duration: .4,
-					ease: Q
+					ease: X
 				},
 				children: /* @__PURE__ */ i("svg", {
 					"aria-hidden": "true",
@@ -1331,14 +1332,14 @@ function sn({ title: e, description: t, children: n }) {
 					strokeWidth: "2.5",
 					strokeLinecap: "round",
 					strokeLinejoin: "round",
-					children: /* @__PURE__ */ i(q.path, {
+					children: /* @__PURE__ */ i(G.path, {
 						d: "M4 12.5l5 5L20 6.5",
 						initial: { pathLength: 0 },
 						animate: { pathLength: 1 },
 						transition: {
 							duration: .4,
 							delay: .15,
-							ease: Q
+							ease: X
 						}
 					})
 				})
@@ -1361,17 +1362,17 @@ function cn({ label: e = "Or" }) {
 	return /* @__PURE__ */ a("div", {
 		className: "flex items-center gap-3",
 		children: [
-			/* @__PURE__ */ i(zt, { className: "flex-1" }),
+			/* @__PURE__ */ i(Bt, { className: "flex-1" }),
 			/* @__PURE__ */ i("span", {
 				className: "text-xs text-muted-foreground uppercase",
 				children: e
 			}),
-			/* @__PURE__ */ i(zt, { className: "flex-1" })
+			/* @__PURE__ */ i(Bt, { className: "flex-1" })
 		]
 	});
 }
 function ln(e, t) {
-	let [n, r] = P.useState({
+	let [n, r] = N.useState({
 		restartKey: t,
 		seconds: e,
 		remaining: e
@@ -1380,7 +1381,7 @@ function ln(e, t) {
 		restartKey: t,
 		seconds: e,
 		remaining: e
-	}), P.useEffect(() => {
+	}), N.useEffect(() => {
 		if (e <= 0) return;
 		let t = window.setInterval(() => {
 			r((e) => e.remaining <= 0 ? e : {
@@ -1394,7 +1395,7 @@ function ln(e, t) {
 //#endregion
 //#region src/components/blocks/auth/code-auth-block.tsx
 function un({ channel: e = "email", logo: t, accent: n, destination: o, length: s = 6, autoSubmit: c = !0, resendSeconds: l = 30, onVerify: u, onResend: d, onBack: f }) {
-	let [p, m] = P.useState("idle"), [h, g] = P.useState(null), [_, v] = P.useState(""), [y, b] = P.useState(0), x = ln(l, y), S = e === "sms" ? j : w, C = e === "sms" ? "phone" : "email", T = P.useCallback(async (e) => {
+	let [p, m] = N.useState("idle"), [h, g] = N.useState(null), [_, v] = N.useState(""), [y, b] = N.useState(0), x = ln(l, y), S = e === "sms" ? k : w, C = e === "sms" ? "phone" : "email", T = N.useCallback(async (e) => {
 		g(null), m("loading");
 		try {
 			await u?.(e), m("success");
@@ -1408,7 +1409,7 @@ function un({ channel: e = "email", logo: t, accent: n, destination: o, length:
 	async function D() {
 		b((e) => e + 1), v(""), g(null), await d?.();
 	}
-	return /* @__PURE__ */ i(rn, {
+	return /* @__PURE__ */ i(an, {
 		title: "Enter verification code",
 		logo: t,
 		accent: n,
@@ -1426,12 +1427,12 @@ function un({ channel: e = "email", logo: t, accent: n, destination: o, length:
 				"."
 			] })]
 		}),
-		footer: p !== "success" && /* @__PURE__ */ a(Y, {
+		footer: p !== "success" && /* @__PURE__ */ a(q, {
 			variant: "link",
 			onClick: f,
 			children: ["Use a different ", C]
 		}),
-		children: /* @__PURE__ */ i(an, {
+		children: /* @__PURE__ */ i(on, {
 			step: p === "success" ? "success" : "form",
 			children: p === "success" ? /* @__PURE__ */ i(sn, {
 				title: "Verified",
@@ -1439,7 +1440,7 @@ function un({ channel: e = "email", logo: t, accent: n, destination: o, length:
 			}) : /* @__PURE__ */ a("div", {
 				className: "flex flex-col items-center gap-4",
 				children: [
-					/* @__PURE__ */ i(q.div, {
+					/* @__PURE__ */ i(G.div, {
 						animate: h ? { x: [
 							0,
 							-8,
@@ -1452,30 +1453,30 @@ function un({ channel: e = "email", logo: t, accent: n, destination: o, length:
 							duration: .4,
 							ease: "easeInOut"
 						},
-						children: /* @__PURE__ */ i(Bt, {
+						children: /* @__PURE__ */ i(Vt, {
 							length: s,
 							value: _,
 							onValueChange: E,
 							disabled: p === "loading",
-							children: Array.from({ length: s }, (e, t) => /* @__PURE__ */ i(Vt, {
+							children: Array.from({ length: s }, (e, t) => /* @__PURE__ */ i(Ht, {
 								"aria-invalid": h ? !0 : void 0,
 								"aria-label": `Digit ${t + 1} of ${s}`
 							}, `slot-${t}`))
 						})
 					}, h ?? "steady"),
-					/* @__PURE__ */ i(on, { message: h }),
-					!c && /* @__PURE__ */ i(Y, {
-						className: J("w-full", n && "border-transparent bg-[var(--auth-accent)] bg-[image:var(--auth-accent-image)] text-[var(--auth-accent-foreground)] shadow-none hover:bg-[var(--auth-accent)] hover:brightness-110 data-pressed:bg-[var(--auth-accent)] data-pressed:brightness-110 *:data-[slot=button-loading-indicator]:text-[var(--auth-accent-foreground)]"),
+					/* @__PURE__ */ i(Q, { message: h }),
+					!c && /* @__PURE__ */ i(q, {
+						className: K("w-full", n && "border-transparent bg-[var(--auth-accent)] bg-[image:var(--auth-accent-image)] text-[var(--auth-accent-foreground)] shadow-none hover:bg-[var(--auth-accent)] hover:brightness-110 data-pressed:bg-[var(--auth-accent)] data-pressed:brightness-110 *:data-[slot=button-loading-indicator]:text-[var(--auth-accent-foreground)]"),
 						loading: p === "loading",
 						disabled: _.length !== s,
 						onClick: () => void T(_),
 						children: "Verify"
 					}),
-					/* @__PURE__ */ i(q.p, {
+					/* @__PURE__ */ i(G.p, {
 						layout: !0,
 						transition: {
 							duration: .25,
-							ease: Q
+							ease: X
 						},
 						className: "text-center text-sm text-muted-foreground",
 						children: x > 0 ? /* @__PURE__ */ a(r, { children: [
@@ -1485,7 +1486,7 @@ function un({ channel: e = "email", logo: t, accent: n, destination: o, length:
 								className: "font-medium tabular-nums text-foreground",
 								children: [x, "s"]
 							})
-						] }) : /* @__PURE__ */ i(Y, {
+						] }) : /* @__PURE__ */ i(q, {
 							variant: "link",
 							disabled: p === "loading",
 							onClick: () => void D(),
@@ -1500,7 +1501,7 @@ function un({ channel: e = "email", logo: t, accent: n, destination: o, length:
 //#endregion
 //#region src/components/blocks/auth/forgot-password-block.tsx
 function dn({ title: e = "Reset your password", logo: t, accent: n, description: o = "Enter your email and we will send you a reset link", onSubmit: s, onBackToLogin: c }) {
-	let u = P.useId(), [d, f] = P.useState("idle"), [p, m] = P.useState(null), [h, g] = P.useState("");
+	let u = N.useId(), [d, f] = N.useState("idle"), [p, m] = N.useState(null), [h, g] = N.useState("");
 	async function _(e) {
 		e.preventDefault(), m(null), f("loading");
 		try {
@@ -1509,18 +1510,18 @@ function dn({ title: e = "Reset your password", logo: t, accent: n, description:
 			f("idle"), m(e instanceof Error ? e.message : "Unable to send reset link.");
 		}
 	}
-	return /* @__PURE__ */ i(rn, {
+	return /* @__PURE__ */ i(an, {
 		title: e,
 		description: o,
 		logo: t,
 		accent: n,
-		footer: /* @__PURE__ */ a(Y, {
+		footer: /* @__PURE__ */ a(q, {
 			variant: "link",
 			className: "gap-1",
 			onClick: c,
 			children: [/* @__PURE__ */ i(l, { className: "size-3.5" }), "Back to login"]
 		}),
-		children: /* @__PURE__ */ i(an, {
+		children: /* @__PURE__ */ i(on, {
 			step: d === "success" ? "success" : "form",
 			children: d === "success" ? /* @__PURE__ */ i(sn, {
 				title: "Check your inbox",
@@ -1533,7 +1534,7 @@ function dn({ title: e = "Reset your password", logo: t, accent: n, description:
 					}),
 					"."
 				] }),
-				children: /* @__PURE__ */ i(Y, {
+				children: /* @__PURE__ */ i(q, {
 					variant: "link",
 					className: "text-xs sm:text-xs",
 					onClick: () => f("idle"),
@@ -1543,12 +1544,12 @@ function dn({ title: e = "Reset your password", logo: t, accent: n, description:
 				className: "flex flex-col gap-4",
 				onSubmit: _,
 				children: [
-					/* @__PURE__ */ a(X, {
+					/* @__PURE__ */ a(J, {
 						name: "email",
-						children: [/* @__PURE__ */ i(Z, {
+						children: [/* @__PURE__ */ i(Y, {
 							htmlFor: u,
 							children: "Email"
-						}), /* @__PURE__ */ i(pt, {
+						}), /* @__PURE__ */ i(mt, {
 							id: u,
 							name: "email",
 							type: "email",
@@ -1560,9 +1561,9 @@ function dn({ title: e = "Reset your password", logo: t, accent: n, description:
 							onChange: (e) => g(e.target.value)
 						})]
 					}),
-					/* @__PURE__ */ i(on, { message: p }),
-					/* @__PURE__ */ i(Y, {
-						className: J("w-full", n && "border-transparent bg-[var(--auth-accent)] bg-[image:var(--auth-accent-image)] text-[var(--auth-accent-foreground)] shadow-none hover:bg-[var(--auth-accent)] hover:brightness-110 data-pressed:bg-[var(--auth-accent)] data-pressed:brightness-110 *:data-[slot=button-loading-indicator]:text-[var(--auth-accent-foreground)]"),
+					/* @__PURE__ */ i(Q, { message: p }),
+					/* @__PURE__ */ i(q, {
+						className: K("w-full", n && "border-transparent bg-[var(--auth-accent)] bg-[image:var(--auth-accent-image)] text-[var(--auth-accent-foreground)] shadow-none hover:bg-[var(--auth-accent)] hover:brightness-110 data-pressed:bg-[var(--auth-accent)] data-pressed:brightness-110 *:data-[slot=button-loading-indicator]:text-[var(--auth-accent-foreground)]"),
 						type: "submit",
 						loading: d === "loading",
 						children: "Send reset link"
@@ -1580,7 +1581,7 @@ function pn({ title: e = "Connected accounts", description: t = "Manage the acco
 	"apple",
 	"github"
 ], loading: o = !1, hasOtherSignInMethods: s = !1, onLink: c, onUnlink: l, className: u }) {
-	let d = P.useId(), [f, p] = P.useState(null), [m, h] = P.useState(null), [g, _] = P.useState(null), v = new Set(n.map((e) => e.provider)), y = r.filter((e) => !v.has(e)), b = m !== null || g !== null, x = !s && n.length <= 1;
+	let d = N.useId(), [f, p] = N.useState(null), [m, h] = N.useState(null), [g, _] = N.useState(null), v = new Set(n.map((e) => e.provider)), y = r.filter((e) => !v.has(e)), b = m !== null || g !== null, x = !s && n.length <= 1;
 	async function S(e) {
 		if (!b) {
 			p(null), h(e);
@@ -1607,29 +1608,29 @@ function pn({ title: e = "Connected accounts", description: t = "Manage the acco
 	}
 	return /* @__PURE__ */ i(ye, {
 		reducedMotion: "user",
-		children: /* @__PURE__ */ a(ze, {
-			className: J("w-full", u),
+		children: /* @__PURE__ */ a(Be, {
+			className: K("w-full", u),
 			"data-slot": "auth-block",
-			children: [/* @__PURE__ */ a(Ke, { children: [/* @__PURE__ */ i(qe, { children: e }), /* @__PURE__ */ i(Je, { children: t })] }), /* @__PURE__ */ i(Xe, { children: o ? /* @__PURE__ */ a("div", {
+			children: [/* @__PURE__ */ a(qe, { children: [/* @__PURE__ */ i(Je, { children: e }), /* @__PURE__ */ i(Ye, { children: t })] }), /* @__PURE__ */ i(Ze, { children: o ? /* @__PURE__ */ a("div", {
 				className: "flex items-center gap-2 text-sm text-muted-foreground",
-				children: [/* @__PURE__ */ i(ke, { className: "size-4" }), "Loading connected accounts…"]
-			}) : /* @__PURE__ */ a(q.div, {
+				children: [/* @__PURE__ */ i(Ae, { className: "size-4" }), "Loading connected accounts…"]
+			}) : /* @__PURE__ */ a(G.div, {
 				layout: !0,
 				transition: {
 					duration: .3,
-					ease: Q
+					ease: X
 				},
 				className: "flex flex-col gap-3",
 				children: [
-					/* @__PURE__ */ i(on, { message: f }),
+					/* @__PURE__ */ i(Q, { message: f }),
 					n.length > 0 ? /* @__PURE__ */ i("ul", {
 						"aria-label": "Connected accounts",
 						className: "flex flex-col gap-2",
-						children: /* @__PURE__ */ i(K, {
+						children: /* @__PURE__ */ i(W, {
 							initial: !1,
 							children: n.map((e, t) => {
-								let { label: n, BrandIcon: r, brandClassName: o } = Xt[e.provider];
-								return /* @__PURE__ */ a(q.li, {
+								let { label: n, BrandIcon: r, brandClassName: o } = Zt[e.provider];
+								return /* @__PURE__ */ a(G.li, {
 									layout: !0,
 									className: "flex items-center justify-between gap-3 rounded-lg border px-3 py-2",
 									initial: {
@@ -1646,14 +1647,14 @@ function pn({ title: e = "Connected accounts", description: t = "Manage the acco
 									},
 									transition: {
 										duration: .25,
-										ease: Q,
+										ease: X,
 										delay: Math.min(t, 5) * .04
 									},
 									children: [/* @__PURE__ */ a("div", {
 										className: "flex min-w-0 items-center gap-2.5",
 										children: [/* @__PURE__ */ i(r, {
 											"aria-hidden": "true",
-											className: J("size-4", o)
+											className: K("size-4", o)
 										}), /* @__PURE__ */ a("div", {
 											className: "flex min-w-0 flex-col",
 											children: [/* @__PURE__ */ i("span", {
@@ -1664,7 +1665,7 @@ function pn({ title: e = "Connected accounts", description: t = "Manage the acco
 												children: e.email
 											})]
 										})]
-									}), /* @__PURE__ */ i(Y, {
+									}), /* @__PURE__ */ i(q, {
 										"aria-describedby": x ? d : void 0,
 										"aria-label": `Disconnect ${n}`,
 										size: "sm",
@@ -1688,8 +1689,8 @@ function pn({ title: e = "Connected accounts", description: t = "Manage the acco
 						children: fn
 					}),
 					y.map((e) => {
-						let { label: t, BrandIcon: n, brandClassName: r } = Xt[e];
-						return /* @__PURE__ */ a(Y, {
+						let { label: t, BrandIcon: n, brandClassName: r } = Zt[e];
+						return /* @__PURE__ */ a(q, {
 							className: "w-full",
 							type: "button",
 							variant: "outline",
@@ -1717,9 +1718,9 @@ function mn({ title: e = "Login to your account", description: t = "Enter your e
 	"apple",
 	"github"
 ], showRememberMe: c = !0, showForgotPassword: l = !0, onSubmit: u, onProviderSelect: d, onForgotPassword: f, onSignup: p }) {
-	let m = P.useId(), h = P.useId(), [g, _] = P.useState("idle"), [v, y] = P.useState(null), [b, x] = P.useState(null), [S, C] = P.useState(!1), [w, T] = P.useState(""), [E, D] = P.useState(!1), [O, k] = P.useState(""), A = g === "loading" || b !== null, j = O.trim().length > 0, M = E && j;
-	async function N(e) {
-		if (e.preventDefault(), !M) return;
+	let m = N.useId(), h = N.useId(), [g, _] = N.useState("idle"), [v, y] = N.useState(null), [b, x] = N.useState(null), [S, C] = N.useState(!1), [w, T] = N.useState(""), [E, D] = N.useState(!1), [O, k] = N.useState(""), A = g === "loading" || b !== null, ee = O.trim().length > 0, j = E && ee;
+	async function M(e) {
+		if (e.preventDefault(), !j) return;
 		let t = new FormData(e.currentTarget);
 		y(null), _("loading");
 		try {
@@ -1732,7 +1733,7 @@ function mn({ title: e = "Login to your account", description: t = "Enter your e
 			_("idle"), y(e instanceof Error ? e.message : "Unable to login.");
 		}
 	}
-	async function ee(e) {
+	async function te(e) {
 		y(null), x(e);
 		try {
 			await d?.(e), _("success");
@@ -1742,7 +1743,7 @@ function mn({ title: e = "Login to your account", description: t = "Enter your e
 			x(null);
 		}
 	}
-	return /* @__PURE__ */ i(rn, {
+	return /* @__PURE__ */ i(an, {
 		title: e,
 		description: t,
 		logo: n,
@@ -1750,13 +1751,13 @@ function mn({ title: e = "Login to your account", description: t = "Enter your e
 		footer: g !== "success" && /* @__PURE__ */ a(r, { children: [
 			"Don't have an account?",
 			" ",
-			/* @__PURE__ */ i(Y, {
+			/* @__PURE__ */ i(q, {
 				variant: "link",
 				onClick: p,
 				children: "Sign up"
 			})
 		] }),
-		children: /* @__PURE__ */ i(an, {
+		children: /* @__PURE__ */ i(on, {
 			step: g === "success" ? "success" : "form",
 			children: g === "success" ? /* @__PURE__ */ i(sn, {
 				title: "Welcome back",
@@ -1765,14 +1766,14 @@ function mn({ title: e = "Login to your account", description: t = "Enter your e
 				className: "flex flex-col gap-4",
 				children: [/* @__PURE__ */ a("form", {
 					className: "flex flex-col gap-4",
-					onSubmit: N,
+					onSubmit: M,
 					children: [
-						/* @__PURE__ */ a(X, {
+						/* @__PURE__ */ a(J, {
 							name: "email",
-							children: [/* @__PURE__ */ i(Z, {
+							children: [/* @__PURE__ */ i(Y, {
 								htmlFor: m,
 								children: "Email"
-							}), /* @__PURE__ */ i(pt, {
+							}), /* @__PURE__ */ i(mt, {
 								id: m,
 								"aria-label": "Email",
 								name: "email",
@@ -1787,16 +1788,16 @@ function mn({ title: e = "Login to your account", description: t = "Enter your e
 								}
 							})]
 						}),
-						/* @__PURE__ */ i($, {
+						/* @__PURE__ */ i(Z, {
 							show: E,
-							children: /* @__PURE__ */ a(X, {
+							children: /* @__PURE__ */ a(J, {
 								name: "password",
 								children: [
-									/* @__PURE__ */ i(Z, {
+									/* @__PURE__ */ i(Y, {
 										htmlFor: "password",
 										children: "Password"
 									}),
-									/* @__PURE__ */ i(Jt, {
+									/* @__PURE__ */ i(Yt, {
 										id: "password",
 										name: "password",
 										autoComplete: "current-password",
@@ -1805,7 +1806,7 @@ function mn({ title: e = "Login to your account", description: t = "Enter your e
 										value: O,
 										onChange: (e) => k(e.target.value)
 									}),
-									l && /* @__PURE__ */ i(Y, {
+									l && /* @__PURE__ */ i(q, {
 										variant: "link",
 										type: "button",
 										className: "self-end font-normal text-muted-foreground text-xs hover:text-foreground sm:text-xs",
@@ -1817,22 +1818,22 @@ function mn({ title: e = "Login to your account", description: t = "Enter your e
 						}),
 						c && /* @__PURE__ */ a("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ i(tt, {
+							children: [/* @__PURE__ */ i(nt, {
 								id: h,
 								checked: S,
 								onCheckedChange: (e) => C(e),
 								disabled: A
-							}), /* @__PURE__ */ i(xt, {
+							}), /* @__PURE__ */ i(St, {
 								htmlFor: h,
 								className: "font-normal",
 								children: "Remember me"
 							})]
 						}),
-						/* @__PURE__ */ i(on, { message: v }),
-						/* @__PURE__ */ i($, {
-							show: M,
-							children: /* @__PURE__ */ i(Y, {
-								className: J("w-full", o && "border-transparent bg-[var(--auth-accent)] bg-[image:var(--auth-accent-image)] text-[var(--auth-accent-foreground)] shadow-none hover:bg-[var(--auth-accent)] hover:brightness-110 data-pressed:bg-[var(--auth-accent)] data-pressed:brightness-110 *:data-[slot=button-loading-indicator]:text-[var(--auth-accent-foreground)]"),
+						/* @__PURE__ */ i(Q, { message: v }),
+						/* @__PURE__ */ i(Z, {
+							show: j,
+							children: /* @__PURE__ */ i(q, {
+								className: K("w-full", o && "border-transparent bg-[var(--auth-accent)] bg-[image:var(--auth-accent-image)] text-[var(--auth-accent-foreground)] shadow-none hover:bg-[var(--auth-accent)] hover:brightness-110 data-pressed:bg-[var(--auth-accent)] data-pressed:brightness-110 *:data-[slot=button-loading-indicator]:text-[var(--auth-accent-foreground)]"),
 								type: "submit",
 								loading: g === "loading",
 								disabled: A,
@@ -1840,15 +1841,15 @@ function mn({ title: e = "Login to your account", description: t = "Enter your e
 							})
 						})
 					]
-				}), s.length > 0 && /* @__PURE__ */ a($, {
-					show: !M,
+				}), s.length > 0 && /* @__PURE__ */ a(Z, {
+					show: !j,
 					className: "flex flex-col gap-4",
-					children: [/* @__PURE__ */ i(cn, { label: "Or continue with" }), /* @__PURE__ */ i(Qt, {
+					children: [/* @__PURE__ */ i(cn, { label: "Or continue with" }), /* @__PURE__ */ i($t, {
 						providers: s,
 						action: "login",
 						loadingProvider: b,
 						disabled: g === "loading",
-						onSelect: ee
+						onSelect: te
 					})]
 				})]
 			})
@@ -1873,7 +1874,7 @@ function gn(e, t) {
 	return e.kind === "select" && r.length > 0 && !e.options.map((e) => e.value).includes(r) ? `Choose a valid option for ${e.label}` : e.validate?.(r) ?? null;
 }
 function _n({ step: e, values: t, submitting: n = !1, submitLabel: r, onSubmit: o, onBack: s, onDraftChange: c }) {
-	let l = P.useId(), [u, d] = P.useState(() => Object.fromEntries(e.fields.map((e) => [e.name, hn(e, t[e.name])]))), [f, p] = P.useState({});
+	let l = N.useId(), [u, d] = N.useState(() => Object.fromEntries(e.fields.map((e) => [e.name, hn(e, t[e.name])]))), [f, p] = N.useState({});
 	function m(e, t) {
 		d((n) => ({
 			...n,
@@ -1908,35 +1909,35 @@ function _n({ step: e, values: t, submitting: n = !1, submitLabel: r, onSubmit:
 		onSubmit: h,
 		children: [e.fields.map((e) => {
 			let t = f[e.name] || void 0, r = `${l}-${e.name}`, o = u[e.name];
-			return e.kind === "checkbox" ? /* @__PURE__ */ a(X, {
+			return e.kind === "checkbox" ? /* @__PURE__ */ a(J, {
 				name: e.name,
 				invalid: !!t,
 				className: "gap-1.5",
 				children: [/* @__PURE__ */ a("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ i(tt, {
+					children: [/* @__PURE__ */ i(nt, {
 						id: r,
 						checked: o === !0,
 						disabled: n,
 						onCheckedChange: (t) => m(e.name, t)
-					}), /* @__PURE__ */ i(xt, {
+					}), /* @__PURE__ */ i(St, {
 						htmlFor: r,
 						className: "font-normal",
 						children: e.label
 					})]
-				}), t && /* @__PURE__ */ i(it, {
+				}), t && /* @__PURE__ */ i(at, {
 					match: !0,
 					children: t
 				})]
-			}, e.name) : /* @__PURE__ */ a(X, {
+			}, e.name) : /* @__PURE__ */ a(J, {
 				name: e.name,
 				invalid: !!t,
 				children: [
-					/* @__PURE__ */ i(Z, {
+					/* @__PURE__ */ i(Y, {
 						htmlFor: r,
 						children: e.label
 					}),
-					e.kind === "textarea" ? /* @__PURE__ */ i(mt, {
+					e.kind === "textarea" ? /* @__PURE__ */ i(ht, {
 						id: r,
 						"aria-invalid": t ? !0 : void 0,
 						disabled: n,
@@ -1946,7 +1947,7 @@ function _n({ step: e, values: t, submitting: n = !1, submitLabel: r, onSubmit:
 					}) : e.kind === "select" ? /* @__PURE__ */ a("select", {
 						id: r,
 						"aria-invalid": t ? !0 : void 0,
-						className: J("h-8.5 w-full rounded-lg border border-input bg-background px-[calc(--spacing(3)-1px)] text-base text-foreground shadow-xs/5 outline-none transition-[box-shadow,border-color] duration-150 ease-smooth-out focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/24 disabled:opacity-64 aria-invalid:border-destructive/36 sm:h-7.5 sm:text-sm dark:bg-input/32"),
+						className: K("h-8.5 w-full rounded-lg border border-input bg-background px-[calc(--spacing(3)-1px)] text-base text-foreground shadow-xs/5 outline-none transition-[box-shadow,border-color] duration-150 ease-smooth-out focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/24 disabled:opacity-64 aria-invalid:border-destructive/36 sm:h-7.5 sm:text-sm dark:bg-input/32"),
 						disabled: n,
 						value: String(o ?? ""),
 						onChange: (t) => m(e.name, t.target.value),
@@ -1957,7 +1958,7 @@ function _n({ step: e, values: t, submitting: n = !1, submitLabel: r, onSubmit:
 							value: e.value,
 							children: e.label
 						}, e.value))]
-					}) : /* @__PURE__ */ i(pt, {
+					}) : /* @__PURE__ */ i(mt, {
 						id: r,
 						"aria-invalid": t ? !0 : void 0,
 						disabled: n,
@@ -1966,7 +1967,7 @@ function _n({ step: e, values: t, submitting: n = !1, submitLabel: r, onSubmit:
 						value: String(o ?? ""),
 						onChange: (t) => m(e.name, t.target.value)
 					}),
-					t && /* @__PURE__ */ i(it, {
+					t && /* @__PURE__ */ i(at, {
 						match: !0,
 						children: t
 					})
@@ -1974,13 +1975,13 @@ function _n({ step: e, values: t, submitting: n = !1, submitLabel: r, onSubmit:
 			}, e.name);
 		}), /* @__PURE__ */ a("div", {
 			className: "flex gap-2",
-			children: [s && /* @__PURE__ */ i(Y, {
+			children: [s && /* @__PURE__ */ i(q, {
 				type: "button",
 				variant: "outline",
 				disabled: n,
 				onClick: s,
 				children: "Back"
-			}), /* @__PURE__ */ i(Y, {
+			}), /* @__PURE__ */ i(q, {
 				className: "flex-1",
 				type: "submit",
 				loading: n,
@@ -2002,8 +2003,8 @@ var vn = [{
 	}]
 }];
 function yn({ steps: e = vn, logo: t, accent: n, onStepSubmit: r, onComplete: o, showCompleteScreen: s = !0, className: c }) {
-	let l = P.useRef(null), u = P.useRef({}), [d, f] = P.useState({}), [p, m] = P.useState(0), [h, g] = P.useState({}), [_, v] = P.useState("idle"), [y, b] = P.useState(null), x = _ === "success", S = e[p], C = p >= e.length - 1;
-	P.useEffect(() => {
+	let l = N.useRef(null), u = N.useRef({}), [d, f] = N.useState({}), [p, m] = N.useState(0), [h, g] = N.useState({}), [_, v] = N.useState("idle"), [y, b] = N.useState(null), x = _ === "success", S = e[p], C = p >= e.length - 1;
+	N.useEffect(() => {
 		y || l.current?.focus();
 	}, [
 		p,
@@ -2023,13 +2024,13 @@ function yn({ steps: e = vn, logo: t, accent: n, onStepSubmit: r, onComplete: o,
 			v("idle"), b(e instanceof Error ? e.message : "Unable to save your profile.");
 		}
 	}
-	return x && !s ? null : /* @__PURE__ */ i(rn, {
+	return x && !s ? null : /* @__PURE__ */ i(an, {
 		title: x ? "You're all set" : S?.title ?? "Your profile",
 		description: x ? void 0 : S?.description,
 		logo: t,
 		accent: n,
 		className: c,
-		children: /* @__PURE__ */ i(an, {
+		children: /* @__PURE__ */ i(on, {
 			step: x ? "done" : `step-${p}`,
 			children: x ? /* @__PURE__ */ i(sn, {
 				title: "Profile saved",
@@ -2043,7 +2044,7 @@ function yn({ steps: e = vn, logo: t, accent: n, onStepSubmit: r, onComplete: o,
 							className: "flex flex-wrap gap-x-3 gap-y-1 text-xs",
 							children: e.map((e, t) => /* @__PURE__ */ a("li", {
 								"aria-current": t === p ? "step" : void 0,
-								className: J("text-muted-foreground", t === p && "font-medium text-foreground"),
+								className: K("text-muted-foreground", t === p && "font-medium text-foreground"),
 								children: [e.title, t < p && /* @__PURE__ */ i("span", {
 									className: "sr-only",
 									children: " (completed)"
@@ -2057,7 +2058,7 @@ function yn({ steps: e = vn, logo: t, accent: n, onStepSubmit: r, onComplete: o,
 						className: "sr-only",
 						children: S.title
 					}),
-					/* @__PURE__ */ i(on, { message: y }),
+					/* @__PURE__ */ i(Q, { message: y }),
 					/* @__PURE__ */ i(_n, {
 						step: S,
 						values: {
@@ -2091,7 +2092,7 @@ function Sn(e) {
 	return Number.isNaN(t.getTime()) ? null : t.toLocaleDateString();
 }
 function Cn({ title: e = "Passkeys", description: t = "Sign in without a password using your device's biometrics or security key.", passkeys: n = [], available: r = !0, loading: o = !1, onRegister: s, onRename: c, onDelete: l, className: u }) {
-	let [d, f] = P.useState(null), [p, m] = P.useState(!1), [h, g] = P.useState(!1), [_, v] = P.useState(null), [y, b] = P.useState(""), [S, C] = P.useState(null), [w, T] = P.useState(null), E = n.length === 1;
+	let [d, f] = N.useState(null), [p, m] = N.useState(!1), [h, g] = N.useState(!1), [_, v] = N.useState(null), [y, b] = N.useState(""), [S, C] = N.useState(null), [w, T] = N.useState(null), E = n.length === 1;
 	async function D(e) {
 		if (p) return { ok: !1 };
 		f(null), m(!0);
@@ -2120,35 +2121,35 @@ function Cn({ title: e = "Passkeys", description: t = "Sign in without a passwor
 		}
 		(await D(() => c?.(e, t))).ok && (v(null), C(null));
 	}
-	async function j(e) {
+	async function ee(e) {
 		let t = await D(() => l?.(e));
 		T(null), t.ok && _ === e && v(null);
 	}
 	return /* @__PURE__ */ i(ye, {
 		reducedMotion: "user",
-		children: /* @__PURE__ */ a(ze, {
-			className: J("w-full", u),
+		children: /* @__PURE__ */ a(Be, {
+			className: K("w-full", u),
 			"data-slot": "auth-block",
-			children: [/* @__PURE__ */ a(Ke, { children: [/* @__PURE__ */ i(qe, { children: e }), /* @__PURE__ */ i(Je, { children: t })] }), /* @__PURE__ */ i(Xe, { children: r ? o ? /* @__PURE__ */ a("div", {
+			children: [/* @__PURE__ */ a(qe, { children: [/* @__PURE__ */ i(Je, { children: e }), /* @__PURE__ */ i(Ye, { children: t })] }), /* @__PURE__ */ i(Ze, { children: r ? o ? /* @__PURE__ */ a("div", {
 				className: "flex items-center gap-2 text-sm text-muted-foreground",
-				children: [/* @__PURE__ */ i(ke, { className: "size-4" }), "Loading passkeys…"]
-			}) : /* @__PURE__ */ a(q.div, {
+				children: [/* @__PURE__ */ i(Ae, { className: "size-4" }), "Loading passkeys…"]
+			}) : /* @__PURE__ */ a(G.div, {
 				layout: !0,
 				transition: {
 					duration: .3,
-					ease: Q
+					ease: X
 				},
 				className: "flex flex-col gap-3",
 				children: [
-					/* @__PURE__ */ i(on, { message: d }),
+					/* @__PURE__ */ i(Q, { message: d }),
 					n.length > 0 ? /* @__PURE__ */ i("ul", {
 						"aria-label": "Passkeys",
 						className: "flex flex-col gap-2",
-						children: /* @__PURE__ */ i(K, {
+						children: /* @__PURE__ */ i(W, {
 							initial: !1,
 							children: n.map((e, t) => {
 								let n = e.name ?? "Passkey", r = Sn(e.createdAt), o = Sn(e.lastUsedAt);
-								return /* @__PURE__ */ a(q.li, {
+								return /* @__PURE__ */ a(G.li, {
 									layout: !0,
 									className: "flex flex-col gap-2 rounded-lg border px-3 py-2",
 									initial: {
@@ -2165,7 +2166,7 @@ function Cn({ title: e = "Passkeys", description: t = "Sign in without a passwor
 									},
 									transition: {
 										duration: .25,
-										ease: Q,
+										ease: X,
 										delay: Math.min(t, 5) * .04
 									},
 									children: [
@@ -2193,7 +2194,7 @@ function Cn({ title: e = "Passkeys", description: t = "Sign in without a passwor
 												})]
 											}), /* @__PURE__ */ a("div", {
 												className: "flex shrink-0 gap-2",
-												children: [/* @__PURE__ */ i(Y, {
+												children: [/* @__PURE__ */ i(q, {
 													"aria-label": `Rename ${n}`,
 													size: "sm",
 													type: "button",
@@ -2201,7 +2202,7 @@ function Cn({ title: e = "Passkeys", description: t = "Sign in without a passwor
 													disabled: p,
 													onClick: () => k(e),
 													children: "Rename"
-												}), /* @__PURE__ */ i(Y, {
+												}), /* @__PURE__ */ i(q, {
 													"aria-label": `Delete ${n}`,
 													size: "sm",
 													type: "button",
@@ -2214,7 +2215,7 @@ function Cn({ title: e = "Passkeys", description: t = "Sign in without a passwor
 												})]
 											})]
 										}),
-										/* @__PURE__ */ i($, {
+										/* @__PURE__ */ i(Z, {
 											show: _ === e.id,
 											children: /* @__PURE__ */ a("form", {
 												className: "flex items-start gap-2 pt-1",
@@ -2222,15 +2223,15 @@ function Cn({ title: e = "Passkeys", description: t = "Sign in without a passwor
 													t.preventDefault(), A(e.id);
 												},
 												children: [
-													/* @__PURE__ */ a(X, {
+													/* @__PURE__ */ a(J, {
 														className: "min-w-0 grow",
 														invalid: !!S,
 														children: [
-															/* @__PURE__ */ i(Z, {
+															/* @__PURE__ */ i(Y, {
 																className: "sr-only",
 																children: "Passkey name"
 															}),
-															/* @__PURE__ */ i(pt, {
+															/* @__PURE__ */ i(mt, {
 																"aria-label": "Passkey name",
 																"aria-invalid": S ? !0 : void 0,
 																autoFocus: !0,
@@ -2239,19 +2240,19 @@ function Cn({ title: e = "Passkeys", description: t = "Sign in without a passwor
 																value: y,
 																onChange: (e) => b(e.target.value)
 															}),
-															S && /* @__PURE__ */ i(it, {
+															S && /* @__PURE__ */ i(at, {
 																match: !0,
 																children: S
 															})
 														]
 													}),
-													/* @__PURE__ */ i(Y, {
+													/* @__PURE__ */ i(q, {
 														size: "sm",
 														type: "submit",
 														loading: p,
 														children: "Save"
 													}),
-													/* @__PURE__ */ i(Y, {
+													/* @__PURE__ */ i(q, {
 														size: "sm",
 														type: "button",
 														variant: "ghost",
@@ -2262,7 +2263,7 @@ function Cn({ title: e = "Passkeys", description: t = "Sign in without a passwor
 												]
 											})
 										}),
-										/* @__PURE__ */ i($, {
+										/* @__PURE__ */ i(Z, {
 											show: w === e.id,
 											children: /* @__PURE__ */ a("div", {
 												className: "flex flex-col gap-2 rounded-lg bg-muted/50 p-2",
@@ -2279,14 +2280,14 @@ function Cn({ title: e = "Passkeys", description: t = "Sign in without a passwor
 													}),
 													/* @__PURE__ */ a("div", {
 														className: "flex gap-2",
-														children: [/* @__PURE__ */ i(Y, {
+														children: [/* @__PURE__ */ i(q, {
 															size: "sm",
 															type: "button",
 															variant: "destructive",
 															loading: p,
-															onClick: () => void j(e.id),
+															onClick: () => void ee(e.id),
 															children: "Delete passkey"
-														}), /* @__PURE__ */ i(Y, {
+														}), /* @__PURE__ */ i(q, {
 															size: "sm",
 															type: "button",
 															variant: "ghost",
@@ -2306,7 +2307,7 @@ function Cn({ title: e = "Passkeys", description: t = "Sign in without a passwor
 						className: "text-sm text-muted-foreground",
 						children: "No passkeys registered yet. Add one to sign in without a password."
 					}),
-					/* @__PURE__ */ i(Y, {
+					/* @__PURE__ */ i(q, {
 						className: "w-full",
 						type: "button",
 						variant: "outline",
@@ -2326,7 +2327,7 @@ function Cn({ title: e = "Passkeys", description: t = "Sign in without a passwor
 //#endregion
 //#region src/components/blocks/auth/passkey-sign-in-block.tsx
 function wn({ available: e = !0, label: t = "Sign in with a passkey", onSignIn: n, fallbackHint: r = "You can still sign in with your other methods below.", className: o }) {
-	let [s, c] = P.useState(null), [l, u] = P.useState(!1);
+	let [s, c] = N.useState(null), [l, u] = N.useState(!1);
 	if (!e) return null;
 	async function d() {
 		if (!l) {
@@ -2341,9 +2342,9 @@ function wn({ available: e = !0, label: t = "Sign in with a passkey", onSignIn:
 		}
 	}
 	return /* @__PURE__ */ a("div", {
-		className: J("flex w-full flex-col gap-2", o),
+		className: K("flex w-full flex-col gap-2", o),
 		children: [
-			/* @__PURE__ */ a(Y, {
+			/* @__PURE__ */ a(q, {
 				variant: "outline",
 				className: "w-full",
 				type: "button",
@@ -2354,8 +2355,8 @@ function wn({ available: e = !0, label: t = "Sign in with a passkey", onSignIn:
 					children: t
 				})]
 			}),
-			/* @__PURE__ */ i(on, { message: s }),
-			/* @__PURE__ */ i($, {
+			/* @__PURE__ */ i(Q, { message: s }),
+			/* @__PURE__ */ i(Z, {
 				show: !!s && !!r,
 				children: /* @__PURE__ */ i("p", {
 					className: "text-xs text-muted-foreground",
@@ -2372,17 +2373,17 @@ function Tn({ title: e = "Create your account", description: t = "Start explorin
 	"apple",
 	"github"
 ], showNameField: c = !0, showTerms: l = !0, termsChecked: u, defaultTermsChecked: d = !1, onTermsCheckedChange: f, enforceStrongPassword: p = !0, onSubmit: m, termsComponent: h, onProviderSelect: g, onLogin: _, onTerms: v }) {
-	let y = P.useId(), b = P.useId(), x = P.useId(), S = P.useId(), [C, w] = P.useState("idle"), [T, E] = P.useState(null), [D, O] = P.useState(null), [k, A] = P.useState(""), [j, M] = P.useState(d), N = u ?? j;
-	function ee(e) {
-		u === void 0 && M(e), f?.(e);
+	let y = N.useId(), b = N.useId(), x = N.useId(), S = N.useId(), [C, w] = N.useState("idle"), [T, E] = N.useState(null), [D, O] = N.useState(null), [k, A] = N.useState(""), [ee, j] = N.useState(d), M = u ?? ee;
+	function te(e) {
+		u === void 0 && j(e), f?.(e);
 	}
-	let [te, F] = P.useState(!1), [I, L] = P.useState(!1), R = C === "loading" || D !== null, z = !p || Kt(k) === Gt.length, B = k.trim().length > 0 && z, V = (!c || I) && te && B;
-	async function ne(e) {
-		if (e.preventDefault(), E(null), !z) {
+	let [ne, P] = N.useState(!1), [F, I] = N.useState(!1), L = C === "loading" || D !== null, R = !p || qt(k) === Kt.length, z = k.trim().length > 0 && R, B = (!c || F) && ne && z;
+	async function re(e) {
+		if (e.preventDefault(), E(null), !R) {
 			E("Please meet all password requirements.");
 			return;
 		}
-		if (l && !N) {
+		if (l && !M) {
 			E("Please accept the terms to continue.");
 			return;
 		}
@@ -2398,7 +2399,7 @@ function Tn({ title: e = "Create your account", description: t = "Start explorin
 			w("idle"), E(e instanceof Error ? e.message : "Unable to create account.");
 		}
 	}
-	async function H(e) {
+	async function ie(e) {
 		E(null), O(e);
 		try {
 			await g?.(e), w("success");
@@ -2408,7 +2409,7 @@ function Tn({ title: e = "Create your account", description: t = "Start explorin
 			O(null);
 		}
 	}
-	return /* @__PURE__ */ i(rn, {
+	return /* @__PURE__ */ i(an, {
 		title: e,
 		description: t,
 		logo: n,
@@ -2416,55 +2417,55 @@ function Tn({ title: e = "Create your account", description: t = "Start explorin
 		footer: C !== "success" && /* @__PURE__ */ a(r, { children: [
 			"Already have an account?",
 			" ",
-			/* @__PURE__ */ i(Y, {
+			/* @__PURE__ */ i(q, {
 				variant: "link",
 				onClick: _,
 				children: "Login"
 			})
 		] }),
-		children: /* @__PURE__ */ i(an, {
+		children: /* @__PURE__ */ i(on, {
 			step: C === "success" ? "success" : "form",
 			children: C === "success" ? /* @__PURE__ */ i(sn, {
 				title: "Account created",
 				description: "Check your inbox to confirm your email address."
 			}) : /* @__PURE__ */ a("div", {
 				className: "flex flex-col gap-4",
-				children: [s.length > 0 && /* @__PURE__ */ a($, {
-					show: !V,
+				children: [s.length > 0 && /* @__PURE__ */ a(Z, {
+					show: !B,
 					className: "flex flex-col gap-4",
-					children: [/* @__PURE__ */ i(Qt, {
+					children: [/* @__PURE__ */ i($t, {
 						providers: s,
 						action: "signup",
 						loadingProvider: D,
 						disabled: C === "loading",
-						onSelect: H
+						onSelect: ie
 					}), /* @__PURE__ */ i(cn, { label: "Or with email" })]
 				}), /* @__PURE__ */ a("form", {
 					className: "flex flex-col gap-4",
-					onSubmit: ne,
+					onSubmit: re,
 					children: [
-						c && /* @__PURE__ */ a(X, {
+						c && /* @__PURE__ */ a(J, {
 							name: "name",
-							children: [/* @__PURE__ */ i(Z, {
+							children: [/* @__PURE__ */ i(Y, {
 								htmlFor: y,
 								children: "Name"
-							}), /* @__PURE__ */ i(pt, {
+							}), /* @__PURE__ */ i(mt, {
 								"aria-label": "Name",
 								id: y,
 								name: "name",
 								autoComplete: "name",
 								placeholder: "Your name",
 								required: !0,
-								disabled: R,
-								onChange: (e) => L(e.currentTarget.validity.valid)
+								disabled: L,
+								onChange: (e) => I(e.currentTarget.validity.valid)
 							})]
 						}),
-						/* @__PURE__ */ a(X, {
+						/* @__PURE__ */ a(J, {
 							name: "email",
-							children: [/* @__PURE__ */ i(Z, {
+							children: [/* @__PURE__ */ i(Y, {
 								htmlFor: b,
 								children: "Email"
-							}), /* @__PURE__ */ i(pt, {
+							}), /* @__PURE__ */ i(mt, {
 								id: b,
 								name: "email",
 								type: "email",
@@ -2472,18 +2473,18 @@ function Tn({ title: e = "Create your account", description: t = "Start explorin
 								autoComplete: "email",
 								placeholder: "you@example.com",
 								required: !0,
-								disabled: R,
-								onChange: (e) => F(e.currentTarget.validity.valid)
+								disabled: L,
+								onChange: (e) => P(e.currentTarget.validity.valid)
 							})]
 						}),
-						/* @__PURE__ */ i($, {
-							show: te,
-							children: /* @__PURE__ */ a(X, {
+						/* @__PURE__ */ i(Z, {
+							show: ne,
+							children: /* @__PURE__ */ a(J, {
 								name: "password",
-								children: [/* @__PURE__ */ i(Z, {
+								children: [/* @__PURE__ */ i(Y, {
 									htmlFor: x,
 									children: "Password"
-								}), /* @__PURE__ */ i(Jt, {
+								}), /* @__PURE__ */ i(Yt, {
 									id: x,
 									name: "password",
 									"aria-label": "Password",
@@ -2491,7 +2492,7 @@ function Tn({ title: e = "Create your account", description: t = "Start explorin
 									placeholder: "Create a password",
 									showStrength: !0,
 									required: !0,
-									disabled: R,
+									disabled: L,
 									value: k,
 									onChange: (e) => A(e.target.value)
 								})]
@@ -2499,18 +2500,18 @@ function Tn({ title: e = "Create your account", description: t = "Start explorin
 						}),
 						l && /* @__PURE__ */ a("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ i(tt, {
+							children: [/* @__PURE__ */ i(nt, {
 								id: S,
-								checked: N,
-								onCheckedChange: (e) => ee(e === !0),
-								disabled: R
-							}), /* @__PURE__ */ a(xt, {
+								checked: M,
+								onCheckedChange: (e) => te(e === !0),
+								disabled: L
+							}), /* @__PURE__ */ a(St, {
 								htmlFor: S,
 								className: "font-normal",
 								children: [
 									"I agree to the",
 									" ",
-									h ?? /* @__PURE__ */ i(Y, {
+									h ?? /* @__PURE__ */ i(q, {
 										variant: "link",
 										type: "button",
 										onClick: v,
@@ -2519,12 +2520,12 @@ function Tn({ title: e = "Create your account", description: t = "Start explorin
 								]
 							})]
 						}),
-						/* @__PURE__ */ i(on, { message: T }),
-						/* @__PURE__ */ i(Y, {
-							className: J("w-full", o && "border-transparent bg-[var(--auth-accent)] bg-[image:var(--auth-accent-image)] text-[var(--auth-accent-foreground)] shadow-none hover:bg-[var(--auth-accent)] hover:brightness-110 data-pressed:bg-[var(--auth-accent)] data-pressed:brightness-110 *:data-[slot=button-loading-indicator]:text-[var(--auth-accent-foreground)]"),
+						/* @__PURE__ */ i(Q, { message: T }),
+						/* @__PURE__ */ i(q, {
+							className: K("w-full", o && "border-transparent bg-[var(--auth-accent)] bg-[image:var(--auth-accent-image)] text-[var(--auth-accent-foreground)] shadow-none hover:bg-[var(--auth-accent)] hover:brightness-110 data-pressed:bg-[var(--auth-accent)] data-pressed:brightness-110 *:data-[slot=button-loading-indicator]:text-[var(--auth-accent-foreground)]"),
 							type: "submit",
 							loading: C === "loading",
-							disabled: R,
+							disabled: L,
 							children: "Create account"
 						})
 					]
@@ -2536,7 +2537,7 @@ function Tn({ title: e = "Create your account", description: t = "Start explorin
 //#endregion
 //#region src/components/blocks/auth/update-password-block.tsx
 function En({ title: e = "Update your password", description: t = "Choose a new password for your account", logo: n, accent: r, minStrength: o = 4, onSubmit: s, onDone: c }) {
-	let l = P.useId(), u = P.useId(), [d, f] = P.useState("idle"), [p, m] = P.useState(null), [h, g] = P.useState(""), [_, v] = P.useState(""), y = Kt(h) >= o, b = _.length > 0 && _ === h, x = y && b, S = _.length > 0 && !h.startsWith(_);
+	let l = N.useId(), u = N.useId(), [d, f] = N.useState("idle"), [p, m] = N.useState(null), [h, g] = N.useState(""), [_, v] = N.useState(""), y = qt(h) >= o, b = _.length > 0 && _ === h, x = y && b, S = _.length > 0 && !h.startsWith(_);
 	async function C(e) {
 		if (e.preventDefault(), x) {
 			m(null), f("loading");
@@ -2547,17 +2548,17 @@ function En({ title: e = "Update your password", description: t = "Choose a new
 			}
 		}
 	}
-	return /* @__PURE__ */ i(rn, {
+	return /* @__PURE__ */ i(an, {
 		title: e,
 		description: t,
 		logo: n,
 		accent: r,
-		children: /* @__PURE__ */ i(an, {
+		children: /* @__PURE__ */ i(on, {
 			step: d === "success" ? "success" : "form",
 			children: d === "success" ? /* @__PURE__ */ i(sn, {
 				title: "Password updated",
 				description: "Your password has been changed successfully.",
-				children: c && /* @__PURE__ */ i(Y, {
+				children: c && /* @__PURE__ */ i(q, {
 					variant: "link",
 					onClick: c,
 					children: "Continue"
@@ -2566,12 +2567,12 @@ function En({ title: e = "Update your password", description: t = "Choose a new
 				className: "flex flex-col gap-4",
 				onSubmit: C,
 				children: [
-					/* @__PURE__ */ a(X, {
+					/* @__PURE__ */ a(J, {
 						name: "password",
-						children: [/* @__PURE__ */ i(Z, {
+						children: [/* @__PURE__ */ i(Y, {
 							htmlFor: l,
 							children: "New password"
-						}), /* @__PURE__ */ i(Jt, {
+						}), /* @__PURE__ */ i(Yt, {
 							id: l,
 							name: "password",
 							autoComplete: "new-password",
@@ -2582,14 +2583,14 @@ function En({ title: e = "Update your password", description: t = "Choose a new
 							onChange: (e) => g(e.target.value)
 						})]
 					}),
-					/* @__PURE__ */ i($, {
+					/* @__PURE__ */ i(Z, {
 						show: y,
-						children: /* @__PURE__ */ a(X, {
+						children: /* @__PURE__ */ a(J, {
 							name: "confirmPassword",
-							children: [/* @__PURE__ */ i(Z, {
+							children: [/* @__PURE__ */ i(Y, {
 								htmlFor: u,
 								children: "Confirm new password"
-							}), /* @__PURE__ */ i(Jt, {
+							}), /* @__PURE__ */ i(Yt, {
 								id: u,
 								name: "confirmPassword",
 								autoComplete: "new-password",
@@ -2600,11 +2601,11 @@ function En({ title: e = "Update your password", description: t = "Choose a new
 							})]
 						})
 					}),
-					/* @__PURE__ */ i(on, { message: p ?? (S ? "Passwords do not match." : null) }),
-					/* @__PURE__ */ i($, {
+					/* @__PURE__ */ i(Q, { message: p ?? (S ? "Passwords do not match." : null) }),
+					/* @__PURE__ */ i(Z, {
 						show: x,
-						children: /* @__PURE__ */ i(Y, {
-							className: J("w-full", r && "border-transparent bg-[var(--auth-accent)] bg-[image:var(--auth-accent-image)] text-[var(--auth-accent-foreground)] shadow-none hover:bg-[var(--auth-accent)] hover:brightness-110 data-pressed:bg-[var(--auth-accent)] data-pressed:brightness-110 *:data-[slot=button-loading-indicator]:text-[var(--auth-accent-foreground)]"),
+						children: /* @__PURE__ */ i(q, {
+							className: K("w-full", r && "border-transparent bg-[var(--auth-accent)] bg-[image:var(--auth-accent-image)] text-[var(--auth-accent-foreground)] shadow-none hover:bg-[var(--auth-accent)] hover:brightness-110 data-pressed:bg-[var(--auth-accent)] data-pressed:brightness-110 *:data-[slot=button-loading-indicator]:text-[var(--auth-accent-foreground)]"),
 							type: "submit",
 							loading: d === "loading",
 							children: "Update password"
@@ -2617,50 +2618,50 @@ function En({ title: e = "Update your password", description: t = "Choose a new
 }
 //#endregion
 //#region src/lib/ease.ts
-var Dn = [
+var $ = [
 	.16,
 	1,
 	.3,
 	1
-], On = [
+], Dn = [
 	.77,
 	0,
 	.175,
 	1
-], kn = [
+], On = [
 	.32,
 	.72,
 	0,
 	1
-], An = "cubic-bezier(0.16, 1, 0.3, 1)", jn = {
+], kn = "cubic-bezier(0.16, 1, 0.3, 1)", An = {
 	type: "spring",
 	stiffness: 500,
 	damping: 30,
 	mass: .6
-}, Mn = {
+}, jn = {
 	type: "spring",
 	stiffness: 460,
 	damping: 30,
 	mass: .55
-}, Nn = {
+}, Mn = {
 	type: "spring",
 	stiffness: 420,
 	damping: 40,
 	mass: .5
-}, Pn = {
+}, Nn = {
 	type: "spring",
 	stiffness: 360,
 	damping: 32,
 	mass: .6
-}, Fn = {
+}, Pn = {
 	stiffness: 200,
 	damping: 15,
 	mass: .3
-}, In = {
+}, Fn = {
 	stiffness: 700,
 	damping: 50,
 	mass: .5
-}, Ln = {
+}, In = {
 	initial: {
 		opacity: 0,
 		filter: "blur(6px)"
@@ -2673,36 +2674,36 @@ var Dn = [
 		opacity: 0,
 		filter: "blur(6px)"
 	}
-}, Rn = {
+}, Ln = {
 	initial: { opacity: 0 },
 	animate: { opacity: 1 },
 	exit: (e) => e ? {} : { opacity: 0 }
-}, zn = z(function({ children: e, as: t = "div", className: n, onMouseLeave: o, pillClassName: s, pillContainerClassName: c, inset: l = 20, ...u }, d) {
-	let [f, p] = W(null), m = re(), h = be(), g = F.toArray(e).filter(B).map((e, t) => {
+}, Rn = I(function({ children: e, as: t = "div", className: n, onMouseLeave: o, pillClassName: s, pillContainerClassName: c, inset: l = 20, ...u }, d) {
+	let [f, p] = H(null), m = re(), h = be(), g = te.toArray(e).filter(L).map((e, t) => {
 		let n = e, o = n.key ? String(n.key) : `item-${t}`;
-		return I(n, {
+		return ne(n, {
 			key: o,
-			className: J("relative", n.props.className),
+			className: K("relative", n.props.className),
 			onMouseEnter: () => {
 				n.props.onMouseEnter?.(), p(o);
 			}
-		}, /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i(K, {
+		}, /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i(W, {
 			custom: f !== null,
-			children: f === null ? null : /* @__PURE__ */ i(q.div, {
-				variants: h ? Rn : Ln,
+			children: f === null ? null : /* @__PURE__ */ i(G.div, {
+				variants: h ? Ln : In,
 				initial: "initial",
 				animate: "animate",
 				exit: "exit",
 				custom: f !== null,
-				className: J("pointer-events-none absolute inset-y-0", c),
+				className: K("pointer-events-none absolute inset-y-0", c),
 				style: {
 					left: -l,
 					right: -l
 				},
-				children: f === o ? /* @__PURE__ */ i(q.div, {
+				children: f === o ? /* @__PURE__ */ i(G.div, {
 					layoutId: `shared-bg-${m}`,
-					transition: h ? { duration: 0 } : Pn,
-					className: J("pointer-events-none h-full w-full rounded-2xl bg-primary/[0.06]", s)
+					transition: h ? { duration: 0 } : Nn,
+					className: K("pointer-events-none h-full w-full rounded-2xl bg-primary/[0.06]", s)
 				}) : null
 			})
 		}), /* @__PURE__ */ i("div", {
@@ -2712,39 +2713,39 @@ var Dn = [
 	}), _ = (e) => {
 		p(null), o?.(e);
 	};
-	return i(t === "ul" ? q.ul : q.div, {
+	return i(t === "ul" ? G.ul : G.div, {
 		...u,
 		ref: d,
 		layoutRoot: !0,
 		onMouseLeave: _,
-		className: J("flex w-full flex-col", n),
+		className: K("flex w-full flex-col", n),
 		children: g
 	});
-}), Bn = "(max-width: 767px)", Vn = "b", Hn = {
+}), zn = "(max-width: 767px)", Bn = "b", Vn = {
 	duration: .36,
-	ease: kn
-}, Un = {
+	ease: On
+}, Hn = {
 	type: "spring",
 	stiffness: 380,
 	damping: 35,
 	mass: .75
-}, Wn = {
+}, Un = {
 	duration: .2,
 	delay: .08,
-	ease: Dn
-}, Gn = {
+	ease: $
+}, Wn = {
 	duration: .12,
-	ease: Dn
-}, Kn = {
+	ease: $
+}, Gn = {
 	duration: .18,
-	ease: Dn
-}, qn = {
+	ease: $
+}, Kn = {
 	closed: {
 		opacity: 0,
 		clipPath: "inset(0 0 100% 0 round 8px)",
 		transition: {
 			duration: .14,
-			ease: Dn,
+			ease: $,
 			staggerChildren: .025,
 			staggerDirection: -1
 		}
@@ -2755,11 +2756,11 @@ var Dn = [
 		transition: {
 			duration: .2,
 			delayChildren: .035,
-			ease: Dn,
+			ease: $,
 			staggerChildren: .045
 		}
 	}
-}, Jn = {
+}, qn = {
 	closed: {
 		opacity: 0,
 		y: -6,
@@ -2769,12 +2770,12 @@ var Dn = [
 		opacity: 1,
 		y: 0,
 		filter: "blur(0px)",
-		transition: Kn
+		transition: Gn
 	}
-}, Yn = {
+}, Jn = {
 	duration: .16,
-	ease: Dn
-}, Xn = [
+	ease: $
+}, Yn = [
 	"a[href]",
 	"button:not([disabled])",
 	"input:not([disabled])",
@@ -2782,91 +2783,119 @@ var Dn = [
 	"textarea:not([disabled])",
 	"[tabindex]:not([tabindex='-1'])"
 ].join(",");
-function Zn(e) {
-	let t = window.matchMedia(Bn);
+function Xn(e) {
+	let t = window.matchMedia(zn);
 	return t.addEventListener("change", e), () => t.removeEventListener("change", e);
 }
-function Qn() {
-	return window.matchMedia(Bn).matches;
+function Zn() {
+	return window.matchMedia(zn).matches;
 }
-function $n() {
+function Qn() {
 	return !1;
 }
-function er() {
-	return oe(Zn, Qn, $n);
+function $n() {
+	return oe(Xn, Zn, Qn);
 }
-var tr = L(null), nr = L(null);
-function rr() {
-	let e = ne(tr);
+var er = P(null), tr = P(null);
+function nr() {
+	let e = z(er);
 	if (!e) throw Error("useAnimatedSidebar must be used inside AnimatedSidebarProvider.");
 	return e;
 }
-function ir() {
-	let e = ne(nr);
+function rr() {
+	let e = z(tr);
 	if (!e) throw Error("Animated Sidebar parts must be used inside AnimatedSidebar.");
 	return e;
 }
-function ar({ children: e, open: t, defaultOpen: n = !0, onOpenChange: r, openMobile: a, defaultOpenMobile: o = !1, onOpenMobileChange: s, openRight: c, defaultOpenRight: l = !1, onOpenRightChange: u, className: d, style: f, ...p }) {
-	let [m, h] = W(n), [g, _] = W(o), [v, y] = W(l), b = er(), x = be() ?? !1, S = re(), C = U(null), w = U(null), T = t ?? m, E = a ?? g, D = c ?? v, O = V((e) => {
-		t === void 0 && h(e), r?.(e);
-	}, [r, t]), k = V((e) => {
-		a === void 0 && _(e), s?.(e);
-	}, [s, a]), A = V((e) => {
-		c === void 0 && y(e), u?.(e);
-	}, [u, c]), j = V(() => {
-		b ? k(!E) : O(!T);
+function ir({ children: e, open: t, defaultOpen: n, onOpenChange: r, openMobile: a, defaultOpenMobile: o, onOpenMobileChange: s, className: c, style: l, ...u }) {
+	let [d, f] = H(() => ({
+		left: n?.left ?? !0,
+		right: n?.right ?? !1
+	})), [p, m] = H(() => ({
+		left: o?.left ?? !1,
+		right: o?.right ?? !1
+	})), h = $n(), g = be() ?? !1, _ = re(), v = V(null), y = V(null), b = t?.left, x = t?.right, S = a?.left, C = a?.right, w = ae(() => ({
+		left: b ?? d.left,
+		right: x ?? d.right
+	}), [
+		b,
+		x,
+		d
+	]), T = ae(() => ({
+		left: S ?? p.left,
+		right: C ?? p.right
+	}), [
+		S,
+		C,
+		p
+	]), E = R((e, t) => {
+		(t === "left" ? b : x) === void 0 && f((n) => n[t] === e ? n : {
+			...n,
+			[t]: e
+		}), r?.(e, t);
 	}, [
-		T,
 		b,
+		x,
+		r
+	]), D = R((e, t) => {
+		(t === "left" ? S : C) === void 0 && m((n) => n[t] === e ? n : {
+			...n,
+			[t]: e
+		}), s?.(e, t);
+	}, [
+		S,
+		C,
+		s
+	]), O = R((e) => {
+		h ? D(!T[e], e) : E(!w[e], e);
+	}, [
+		h,
+		T,
+		w,
 		E,
-		O,
-		k
-	]), M = V(() => {
-		A(!D);
-	}, [D, A]);
-	return H(() => {
+		D
+	]), k = ae(() => ({
+		left: v,
+		right: y
+	}), []);
+	return B(() => {
 		let e = (e) => {
-			e.key.toLowerCase() === Vn && (e.metaKey || e.ctrlKey) && (e.preventDefault(), j());
+			e.key.toLowerCase() === Bn && (e.metaKey || e.ctrlKey) && (e.preventDefault(), O("left"));
 		};
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
-	}, [j]), /* @__PURE__ */ i(tr.Provider, {
+	}, [O]), /* @__PURE__ */ i(er.Provider, {
 		value: {
-			isMobile: b,
-			layoutId: `${S}-active`,
-			open: T,
-			openMobile: E,
-			openRight: D,
-			reduce: x,
-			setOpen: O,
-			setOpenMobile: k,
-			setOpenRight: A,
-			state: T ? "expanded" : "collapsed",
-			toggleSidebar: j,
-			toggleRightSidebar: M,
-			triggerRef: C,
-			rightTriggerRef: w
+			isMobile: h,
+			layoutId: `${_}-active`,
+			open: w,
+			openMobile: T,
+			reduce: g,
+			setOpen: E,
+			setOpenMobile: D,
+			toggleSidebar: O,
+			triggerRefs: k
 		},
 		children: /* @__PURE__ */ i("div", {
-			...p,
+			...u,
 			"data-slot": "sidebar-wrapper",
-			"data-state": T ? "expanded" : "collapsed",
-			"data-right-state": D ? "expanded" : "collapsed",
+			"data-state-left": w.left ? "expanded" : "collapsed",
+			"data-state-right": w.right ? "expanded" : "collapsed",
 			style: {
 				"--sidebar-width": "19rem",
 				"--sidebar-width-icon": "4.25rem",
 				"--sidebar-width-mobile": "18rem",
-				...f
+				...l
 			},
-			className: J("group/sidebar-wrapper flex min-h-svh w-full min-w-0", d),
+			className: K("group/sidebar-wrapper flex min-h-svh w-full min-w-0", c),
 			children: e
 		})
 	});
 }
-function or({ ariaLabel: e, children: t, className: n, side: r }) {
-	let o = rr(), s = r === "right", c = s ? o.openRight : o.openMobile, l = s ? o.setOpenRight : o.setOpenMobile, u = s ? o.rightTriggerRef : o.triggerRef, d = U(null), [f, p] = W(!1);
-	return H(() => p(!0), []), H(() => {
-		if (!c) return;
-		let e = document.body, t = window.scrollY, n = u.current, r = {
+function ar({ ariaLabel: e, children: t, className: n, side: r }) {
+	let o = nr(), s = o.openMobile[r], c = (e) => o.setOpenMobile(e, r), l = o.triggerRefs[r], u = V(null), [d, f] = H(!1);
+	return B(() => f(!0), []), B(() => {
+		if (!s) return;
+		let e = document.body, t = window.scrollY, n = l.current, r = {
 			left: e.style.left,
 			overflow: e.style.overflow,
 			position: e.style.position,
@@ -2875,55 +2904,55 @@ function or({ ariaLabel: e, children: t, className: n, side: r }) {
 		};
 		e.style.position = "fixed", e.style.top = `-${t}px`, e.style.left = "0", e.style.right = "0", e.style.overflow = "hidden";
 		let i = requestAnimationFrame(() => {
-			(d.current?.querySelector(Xn) ?? d.current)?.focus({ preventScroll: !0 });
+			(u.current?.querySelector(Yn) ?? u.current)?.focus({ preventScroll: !0 });
 		});
 		return () => {
 			cancelAnimationFrame(i), e.style.position = r.position, e.style.top = r.top, e.style.left = r.left, e.style.right = r.right, e.style.overflow = r.overflow, window.scrollTo(0, t), n?.focus({ preventScroll: !0 });
 		};
-	}, [c, u]), f ? Te(/* @__PURE__ */ a("div", {
-		className: J("pointer-events-none fixed inset-0 z-50 md:hidden", c ? "visible" : "invisible"),
-		children: [/* @__PURE__ */ i(q.button, {
+	}, [s, l]), d ? Te(/* @__PURE__ */ a("div", {
+		className: K("pointer-events-none fixed inset-0 z-50 md:hidden", s ? "visible" : "invisible"),
+		children: [/* @__PURE__ */ i(G.button, {
 			type: "button",
 			"aria-label": "Close sidebar",
-			tabIndex: c ? 0 : -1,
+			tabIndex: s ? 0 : -1,
 			initial: !1,
-			animate: { opacity: +!!c },
-			transition: o.reduce ? Yn : Hn,
-			onClick: () => l(!1),
-			className: J("absolute inset-0", c ? "pointer-events-auto" : "pointer-events-none")
-		}), /* @__PURE__ */ i(q.div, {
-			ref: d,
+			animate: { opacity: +!!s },
+			transition: o.reduce ? Jn : Vn,
+			onClick: () => c(!1),
+			className: K("absolute inset-0", s ? "pointer-events-auto" : "pointer-events-none")
+		}), /* @__PURE__ */ i(G.div, {
+			ref: u,
 			role: "dialog",
 			"aria-modal": "true",
 			"aria-label": e,
-			"aria-hidden": !c,
-			inert: !c,
+			"aria-hidden": !s,
+			inert: !s,
 			tabIndex: -1,
 			"data-mobile": "true",
-			"data-state": c ? "expanded" : "collapsed",
+			"data-state": s ? "expanded" : "collapsed",
 			"data-side": r,
 			initial: !1,
 			animate: {
-				opacity: o.reduce ? +!!c : 1,
-				x: o.reduce ? 0 : c ? "0%" : r === "left" ? "-100%" : "100%"
+				opacity: o.reduce ? +!!s : 1,
+				x: o.reduce ? 0 : s ? "0%" : r === "left" ? "-100%" : "100%"
 			},
-			transition: o.reduce ? Yn : Hn,
+			transition: o.reduce ? Jn : Vn,
 			onKeyDown: (e) => {
 				if (e.key === "Escape") {
-					e.preventDefault(), l(!1);
+					e.preventDefault(), c(!1);
 					return;
 				}
 				if (e.key !== "Tab") return;
-				let t = d.current ? Array.from(d.current.querySelectorAll(Xn)) : [];
+				let t = u.current ? Array.from(u.current.querySelectorAll(Yn)) : [];
 				if (t.length === 0) {
-					e.preventDefault(), d.current?.focus();
+					e.preventDefault(), u.current?.focus();
 					return;
 				}
 				let n = t[0], r = t[t.length - 1];
 				e.shiftKey && document.activeElement === n ? (e.preventDefault(), r.focus()) : !e.shiftKey && document.activeElement === r && (e.preventDefault(), n.focus());
 			},
-			className: J("pointer-events-auto absolute inset-y-0 flex h-dvh w-(--sidebar-width-mobile) max-w-[88vw] flex-col overflow-hidden", "will-change-transform", r === "left" ? "left-0 border-r" : "right-0", !c && "pointer-events-none", n),
-			children: /* @__PURE__ */ i(nr.Provider, {
+			className: K("pointer-events-auto absolute inset-y-0 flex h-dvh w-(--sidebar-width-mobile) max-w-[88vw] flex-col overflow-hidden", "will-change-transform", r === "left" ? "left-0 border-r" : "right-0", !s && "pointer-events-none", n),
+			children: /* @__PURE__ */ i(tr.Provider, {
 				value: {
 					collapsed: !1,
 					collapsible: "none",
@@ -2934,14 +2963,14 @@ function or({ ariaLabel: e, children: t, className: n, side: r }) {
 		})]
 	}), document.body) : null;
 }
-var sr = z(function({ side: e = "left", variant: t = "sidebar", collapsible: n = "icon", ariaLabel: r = "Sidebar", children: o, className: s, panelClassName: c, style: l, ...u }, d) {
-	let f = rr(), p = e === "right" ? f.openRight : f.open, m = n !== "none" && !p, h = m && n === "offcanvas", g = h ? "0px" : m ? "var(--sidebar-width-icon)" : "var(--sidebar-width)";
-	return f.isMobile ? /* @__PURE__ */ i(or, {
+var or = I(function({ side: e = "left", variant: t = "sidebar", collapsible: n = "icon", ariaLabel: r = "Sidebar", children: o, className: s, panelClassName: c, style: l, ...u }, d) {
+	let f = nr(), p = f.open[e], m = n !== "none" && !p, h = m && n === "offcanvas", g = h ? "0px" : m ? "var(--sidebar-width-icon)" : "var(--sidebar-width)";
+	return f.isMobile ? /* @__PURE__ */ i(ar, {
 		ariaLabel: r,
 		className: s,
 		side: e,
 		children: o
-	}) : /* @__PURE__ */ a(q.aside, {
+	}) : /* @__PURE__ */ a(G.aside, {
 		...u,
 		ref: d,
 		initial: !1,
@@ -2952,18 +2981,18 @@ var sr = z(function({ side: e = "left", variant: t = "sidebar", collapsible: n =
 		"data-variant": t,
 		"data-side": e,
 		animate: { width: g },
-		transition: f.reduce ? { duration: 0 } : Un,
+		transition: f.reduce ? { duration: 0 } : Hn,
 		style: l,
-		className: J("group/sidebar relative hidden h-auto shrink-0 will-change-[width] md:block", "peer flex!", n === "offcanvas" && "overflow-x-visible [overflow-clip-margin:1rem]", e === "right" && "order-last", s),
-		children: [e === "right" && !m && /* @__PURE__ */ i(q.div, { className: "h-full p-0.5 flex flex-1  bg-radial/decreasing from-amber-400 to-0% hover:to-50% ease-smooth-out to-amber-500/0 cursor-col-resize transition-colors duration-1000 animate-in" }), /* @__PURE__ */ i(q.div, {
+		className: K("group/sidebar relative hidden h-auto shrink-0 will-change-[width] md:block", "peer flex!", n === "offcanvas" && "overflow-x-visible [overflow-clip-margin:1rem]", e === "right" && "order-last", s),
+		children: [e === "right" && !m && /* @__PURE__ */ i(G.div, { className: "h-full p-0.5 flex flex-1  bg-radial/decreasing from-amber-400 to-0% hover:to-50% ease-smooth-out to-amber-500/0 cursor-col-resize transition-colors duration-1000 animate-in" }), /* @__PURE__ */ i(G.div, {
 			initial: !1,
 			animate: {
 				opacity: +!h,
 				x: h ? e === "left" ? "-100%" : "100%" : "0%"
 			},
-			transition: f.reduce ? Yn : Hn,
-			className: J("sticky top-0 flex h-svh w-full flex-col overflow-hidden", n === "offcanvas" && "w-[var(--sidebar-width)]", t === "floating" && "m-2 h-[calc(100svh-1rem)]", t === "inset" && "m-2 h-[calc(100svh-1rem)]", c),
-			children: /* @__PURE__ */ i(nr.Provider, {
+			transition: f.reduce ? Jn : Vn,
+			className: K("sticky top-0 flex h-svh w-full flex-col overflow-hidden", n === "offcanvas" && "w-(--sidebar-width)", t === "floating" && "m-2 h-[calc(100svh-1rem)]", t === "inset" && "m-2 h-[calc(100svh-1rem)]", c),
+			children: /* @__PURE__ */ i(tr.Provider, {
 				value: {
 					collapsed: m,
 					collapsible: n,
@@ -2973,26 +3002,26 @@ var sr = z(function({ side: e = "left", variant: t = "sidebar", collapsible: n =
 			})
 		})]
 	});
-}), cr = z(function({ className: e, onClick: t, side: n = "left", type: r = "button", ...a }, o) {
-	let s = rr(), c = n === "right", l = c ? s.openRight : s.isMobile ? s.openMobile : s.open, u = c ? s.rightTriggerRef : s.triggerRef;
+}), sr = I(function({ className: e, onClick: t, side: n = "left", type: r = "button", ...a }, o) {
+	let s = nr(), c = s.isMobile ? s.openMobile[n] : s.open[n], l = s.triggerRefs[n];
 	return /* @__PURE__ */ i("button", {
 		...a,
 		ref: (e) => {
-			u.current = e, typeof o == "function" ? o(e) : o && (o.current = e);
+			l.current = e, typeof o == "function" ? o(e) : o && (o.current = e);
 		},
 		type: r,
 		"aria-label": a["aria-label"] ?? "Toggle sidebar",
-		"aria-expanded": l,
+		"aria-expanded": c,
 		"data-slot": "sidebar-trigger",
 		"data-side": n,
-		"data-state": l ? "expanded" : "collapsed",
+		"data-state": c ? "expanded" : "collapsed",
 		onClick: (e) => {
-			t?.(e), !e.defaultPrevented && (c ? s.toggleRightSidebar() : s.toggleSidebar());
+			t?.(e), !e.defaultPrevented && s.toggleSidebar(n);
 		},
-		className: J("inline-flex size-10 shrink-0 items-center justify-center rounded-xl outline-none", "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background", e)
+		className: K("inline-flex size-10 shrink-0 items-center justify-center rounded-xl outline-none", "focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background", e)
 	});
-}), lr = z(function({ className: e, onClick: t, side: n = "left", type: r = "button", ...a }, o) {
-	let s = rr();
+}), cr = I(function({ className: e, onClick: t, side: n = "left", type: r = "button", ...a }, o) {
+	let s = nr();
 	return /* @__PURE__ */ i("button", {
 		...a,
 		ref: o,
@@ -3000,12 +3029,12 @@ var sr = z(function({ side: e = "left", variant: t = "sidebar", collapsible: n =
 		"data-side": n,
 		"aria-label": a["aria-label"] ?? "Close sidebar",
 		onClick: (e) => {
-			t?.(e), !e.defaultPrevented && (n === "right" ? s.setOpenRight(!1) : s.isMobile ? s.setOpenMobile(!1) : s.setOpen(!1));
+			t?.(e), !e.defaultPrevented && (s.isMobile ? s.setOpenMobile(!1, n) : s.setOpen(!1, n));
 		},
-		className: J("inline-flex size-10 shrink-0 items-center justify-center rounded-xl outline-none", "focus-visible:ring-2 focus-visible:ring-ring", e)
+		className: K("inline-flex size-10 shrink-0 items-center justify-center rounded-xl outline-none", "focus-visible:ring-2 focus-visible:ring-ring", e)
 	});
-}), ur = z(function({ className: e, onClick: t, type: n = "button", ...r }, a) {
-	let o = rr(), s = ir();
+}), lr = I(function({ className: e, onClick: t, type: n = "button", ...r }, a) {
+	let o = nr(), s = rr();
 	return /* @__PURE__ */ i("button", {
 		...r,
 		ref: a,
@@ -3015,64 +3044,64 @@ var sr = z(function({ side: e = "left", variant: t = "sidebar", collapsible: n =
 		title: "Toggle sidebar",
 		tabIndex: -1,
 		onClick: (e) => {
-			t?.(e), !e.defaultPrevented && (s.side === "right" ? o.toggleRightSidebar() : o.toggleSidebar());
+			t?.(e), !e.defaultPrevented && o.toggleSidebar(s.side);
 		},
-		className: J("absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 outline-none md:block", "after:absolute after:inset-y-0 after:left-1/2 after:w-px after:bg-transparent after:transition-colors hover:after:bg-border", "data-[side=left]:left-full data-[side=right]:right-0 data-[side=right]:translate-x-1/2", e)
+		className: K("absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 outline-none md:block", "after:absolute after:inset-y-0 after:left-1/2 after:w-px after:bg-transparent after:transition-colors hover:after:bg-border", "data-[side=left]:left-full data-[side=right]:right-0 data-[side=right]:translate-x-1/2", e)
 	});
-}), dr = z(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ i(q.main, {
+}), ur = I(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ i(G.main, {
 		...t,
 		ref: n,
 		"data-slot": "sidebar-inset",
-		className: J("relative flex min-w-0 flex-1 flex-col bg-background", "md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:mr-1.5 md:peer-data-[variant=inset]:rounded-md md:peer-data-[variant=inset]:shadow-md", e)
+		className: K("relative flex min-w-0 flex-1 flex-col bg-background", "md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:mr-1.5 md:peer-data-[variant=inset]:rounded-md md:peer-data-[variant=inset]:shadow-md", e)
 	});
-}), fr = z(function({ className: e, ...t }, n) {
+}), dr = I(function({ className: e, ...t }, n) {
 	return /* @__PURE__ */ i("div", {
 		...t,
 		ref: n,
 		"data-slot": "sidebar-header",
-		className: J("flex shrink-0 flex-col gap-2 p-3", e)
+		className: K("flex shrink-0 flex-col gap-2 p-3", e)
 	});
-}), pr = z(function({ className: e, ...t }, n) {
+}), fr = I(function({ className: e, ...t }, n) {
 	return /* @__PURE__ */ i("div", {
 		...t,
 		ref: n,
 		"data-slot": "sidebar-content",
-		className: J("flex min-h-0 flex-1 flex-col gap-2 overflow-x-hidden overflow-y-auto overscroll-contain px-2 py-2", e)
+		className: K("flex min-h-0 flex-1 flex-col gap-2 overflow-x-hidden overflow-y-auto overscroll-contain px-2 py-2", e)
 	});
-}), mr = z(function({ className: e, ...t }, n) {
+}), pr = I(function({ className: e, ...t }, n) {
 	return /* @__PURE__ */ i("div", {
 		...t,
 		ref: n,
 		"data-slot": "sidebar-footer",
-		className: J("flex shrink-0 flex-col gap-2 border-t border-border p-3 pb-[max(0.75rem,env(safe-area-inset-bottom))]", e)
+		className: K("flex shrink-0 flex-col gap-2 border-t border-border p-3 pb-[max(0.75rem,env(safe-area-inset-bottom))]", e)
 	});
-}), hr = z(function({ className: e, ...t }, n) {
+}), mr = I(function({ className: e, ...t }, n) {
 	return /* @__PURE__ */ i("div", {
 		...t,
 		ref: n,
 		"data-slot": "sidebar-group",
-		className: J("flex w-full min-w-0 flex-col px-1 py-1.5", e)
+		className: K("flex w-full min-w-0 flex-col px-1 py-1.5", e)
 	});
-}), gr = z(function({ children: e, className: t, ...n }, r) {
-	let { collapsed: a } = ir();
+}), hr = I(function({ children: e, className: t, ...n }, r) {
+	let { collapsed: a } = rr();
 	return /* @__PURE__ */ i("div", {
 		...n,
 		ref: r,
 		"aria-hidden": a,
 		"data-slot": "sidebar-group-label",
-		className: J("mb-1 h-7 overflow-hidden px-2 text-[10px] font-medium tracking-[0.14em] text-muted-foreground uppercase transition-opacity", a ? "opacity-0" : "opacity-100", t),
+		className: K("mb-1 h-7 overflow-hidden px-2 text-[10px] font-medium tracking-[0.14em] text-muted-foreground uppercase transition-opacity", a ? "opacity-0" : "opacity-100", t),
 		children: e
 	});
-}), _r = z(function({ className: e, ...t }, n) {
+}), gr = I(function({ className: e, ...t }, n) {
 	return /* @__PURE__ */ i("div", {
 		...t,
 		ref: n,
 		"data-slot": "sidebar-group-content",
-		className: J("w-full min-w-0", e)
+		className: K("w-full min-w-0", e)
 	});
-}), vr = z(function({ children: e, className: t, ...n }, r) {
-	return /* @__PURE__ */ i(zn, {
+}), _r = I(function({ children: e, className: t, ...n }, r) {
+	return /* @__PURE__ */ i(Rn, {
 		...n,
 		ref: r,
 		as: "ul",
@@ -3080,96 +3109,96 @@ var sr = z(function({ side: e = "left", variant: t = "sidebar", collapsible: n =
 		pillClassName: "rounded-xl bg-muted/70",
 		pillContainerClassName: "inset-y-auto top-0 h-9",
 		"data-slot": "sidebar-menu",
-		className: J("flex w-full min-w-0 list-none flex-col gap-0.5", t),
+		className: K("flex w-full min-w-0 list-none flex-col gap-0.5", t),
 		children: e
 	});
-}), yr = z(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ i(q.li, {
+}), vr = I(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ i(G.li, {
 		...t,
 		ref: n,
 		layout: "position",
-		transition: Pn,
+		transition: Nn,
 		"data-slot": "sidebar-menu-item",
-		className: J("relative", e)
+		className: K("relative", e)
 	});
-}), br = z(function({ open: e, children: t, className: n, ...r }, a) {
-	let o = rr(), s = ir();
-	return /* @__PURE__ */ i(K, {
+}), yr = I(function({ open: e, children: t, className: n, ...r }, a) {
+	let o = nr(), s = rr();
+	return /* @__PURE__ */ i(W, {
 		initial: !1,
 		mode: "popLayout",
-		children: e && !s.collapsed ? /* @__PURE__ */ R(q.ul, {
+		children: e && !s.collapsed ? /* @__PURE__ */ F(G.ul, {
 			...r,
 			ref: a,
 			key: "sidebar-submenu",
-			variants: o.reduce ? void 0 : qn,
+			variants: o.reduce ? void 0 : Kn,
 			initial: !o.reduce && "closed",
 			animate: o.reduce ? { opacity: 1 } : "open",
 			exit: o.reduce ? { opacity: 0 } : "closed",
 			transition: o.reduce ? { duration: .12 } : void 0,
 			"data-slot": "sidebar-menu-sub",
-			className: J("relative mt-1 ml-5 flex min-w-0 flex-col gap-0.5 border-l border-border pl-3", n)
+			className: K("relative mt-1 ml-5 flex min-w-0 flex-col gap-0.5 border-l border-border pl-3", n)
 		}, t) : null
 	});
-}), xr = z(function({ className: e, ...t }, n) {
-	return /* @__PURE__ */ i(q.li, {
+}), br = I(function({ className: e, ...t }, n) {
+	return /* @__PURE__ */ i(G.li, {
 		...t,
 		ref: n,
-		variants: Jn,
+		variants: qn,
 		"data-slot": "sidebar-menu-sub-item",
-		className: J("relative min-w-0", e)
+		className: K("relative min-w-0", e)
 	});
 });
-function Sr({ children: e, icon: t, href: n, isActive: o = !1, disabled: s = !1, closeOnSelect: c = !0, target: l, rel: u, onSelect: d, className: f }) {
-	let p = rr(), m = (e) => {
+function xr({ children: e, icon: t, href: n, isActive: o = !1, disabled: s = !1, closeOnSelect: c = !0, target: l, rel: u, onSelect: d, className: f }) {
+	let p = nr(), m = rr(), h = (e) => {
 		if (s) {
 			e.preventDefault();
 			return;
 		}
-		d?.(), p.isMobile && c && p.setOpenMobile(!1);
-	}, h = /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i("span", {
+		d?.(), p.isMobile && c && p.setOpenMobile(!1, m.side);
+	}, g = /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i("span", {
 		"aria-hidden": "true",
 		className: "grid size-4 shrink-0 place-items-center",
 		children: t ?? /* @__PURE__ */ i("span", { className: "size-1 rounded-full bg-current" })
 	}), /* @__PURE__ */ i("span", {
 		className: "min-w-0 flex-1 truncate",
 		children: e
-	})] }), g = J("flex min-h-8 w-full min-w-0 items-center gap-2 rounded-lg px-2 text-left text-xs outline-none", "text-muted-foreground transition-colors hover:bg-muted/60 hover:text-foreground", "focus-visible:bg-muted/70 focus-visible:ring-2 focus-visible:ring-ring", o && "bg-muted/70 text-foreground", s && "cursor-not-allowed opacity-40", f);
-	return n ? /* @__PURE__ */ i(q.a, {
+	})] }), _ = K("flex min-h-8 w-full min-w-0 items-center gap-2 rounded-lg px-2 text-left text-xs outline-none", "text-muted-foreground transition-colors hover:bg-muted/60 hover:text-foreground", "focus-visible:bg-muted/70 focus-visible:ring-2 focus-visible:ring-ring", o && "bg-muted/70 text-foreground", s && "cursor-not-allowed opacity-40", f);
+	return n ? /* @__PURE__ */ i(G.a, {
 		href: n,
 		target: l,
 		rel: u ?? (l === "_blank" ? "noreferrer noopener" : void 0),
 		"aria-current": o ? "page" : void 0,
 		"aria-disabled": s || void 0,
 		tabIndex: s ? -1 : void 0,
-		onClick: m,
+		onClick: h,
 		whileTap: p.reduce || s ? void 0 : { scale: .98 },
-		transition: jn,
-		className: g,
-		children: h
-	}) : /* @__PURE__ */ i(q.button, {
+		transition: An,
+		className: _,
+		children: g
+	}) : /* @__PURE__ */ i(G.button, {
 		type: "button",
 		disabled: s,
 		"aria-current": o ? "page" : void 0,
-		onClick: m,
+		onClick: h,
 		whileTap: p.reduce || s ? void 0 : { scale: .98 },
-		transition: jn,
-		className: g,
-		children: h
+		transition: An,
+		className: _,
+		children: g
 	});
 }
-function Cr({ children: e, icon: t, badge: n, href: o, isActive: s = !1, ariaExpanded: c, disabled: l = !1, closeOnSelect: u, target: d, rel: p, onSelect: m, className: h }) {
-	let g = rr(), _ = ir(), v = typeof e == "string" ? e : void 0, y = (e) => {
+function Sr({ children: e, icon: t, badge: n, href: o, isActive: s = !1, ariaExpanded: c, disabled: l = !1, closeOnSelect: u, target: d, rel: p, onSelect: m, className: h }) {
+	let g = nr(), _ = rr(), v = typeof e == "string" ? e : void 0, y = (e) => {
 		if (l) {
 			e.preventDefault();
 			return;
 		}
 		m?.();
 		let t = u ?? c === void 0;
-		g.isMobile && t && g.setOpenMobile(!1);
+		g.isMobile && t && g.setOpenMobile(!1, _.side);
 	}, b = /* @__PURE__ */ a(r, { children: [
-		s ? /* @__PURE__ */ i(q.span, {
+		s ? /* @__PURE__ */ i(G.span, {
 			layoutId: g.layoutId,
-			transition: g.reduce ? { duration: 0 } : Pn,
+			transition: g.reduce ? { duration: 0 } : Nn,
 			className: "absolute inset-0 rounded-xl bg-muted"
 		}) : null,
 		t ? /* @__PURE__ */ i("span", {
@@ -3177,22 +3206,22 @@ function Cr({ children: e, icon: t, badge: n, href: o, isActive: s = !1, ariaExp
 			className: "relative z-10 grid size-5 shrink-0 place-items-center",
 			children: t
 		}) : null,
-		/* @__PURE__ */ i(q.span, {
+		/* @__PURE__ */ i(G.span, {
 			initial: !1,
 			animate: {
 				opacity: +!_.collapsed,
 				x: _.collapsed ? -4 : 0
 			},
-			transition: g.reduce ? Yn : _.collapsed ? Gn : Wn,
+			transition: g.reduce ? Jn : _.collapsed ? Wn : Un,
 			"aria-hidden": _.collapsed,
-			className: J("relative z-10 min-w-0 flex-1 truncate", _.collapsed && "pointer-events-none"),
+			className: K("relative z-10 min-w-0 flex-1 truncate", _.collapsed && "pointer-events-none"),
 			children: e
 		}),
 		n && !_.collapsed ? /* @__PURE__ */ i("span", {
 			className: "relative z-10 shrink-0 text-xs text-muted-foreground",
 			children: n
 		}) : null,
-		c === void 0 ? null : /* @__PURE__ */ i(q.span, {
+		c === void 0 ? null : /* @__PURE__ */ i(G.span, {
 			"aria-hidden": "true",
 			initial: !1,
 			animate: {
@@ -3200,12 +3229,12 @@ function Cr({ children: e, icon: t, badge: n, href: o, isActive: s = !1, ariaExp
 				rotate: c ? 90 : 0,
 				x: _.collapsed ? 4 : 0
 			},
-			transition: g.reduce ? { duration: 0 } : Pn,
+			transition: g.reduce ? { duration: 0 } : Nn,
 			className: "relative z-10 grid size-4 shrink-0 place-items-center text-muted-foreground",
 			children: /* @__PURE__ */ i(f, { className: "size-3.5" })
 		})
-	] }), x = J("relative flex min-h-9 w-full min-w-0 items-center gap-2.5 overflow-hidden rounded-xl px-3 text-left text-sm font-medium outline-none", "text-muted-foreground transition-colors hover:text-foreground", "focus-visible:bg-muted/70 focus-visible:ring-2 focus-visible:ring-ring", s && "text-foreground", l && "cursor-not-allowed opacity-40", h);
-	return o ? /* @__PURE__ */ i(q.a, {
+	] }), x = K("relative flex min-h-9 w-full min-w-0 items-center gap-2.5 overflow-hidden rounded-xl px-3 text-left text-sm font-medium outline-none", "text-muted-foreground transition-colors hover:text-foreground", "focus-visible:bg-muted/70 focus-visible:ring-2 focus-visible:ring-ring", s && "text-foreground", l && "cursor-not-allowed opacity-40", h);
+	return o ? /* @__PURE__ */ i(G.a, {
 		href: o,
 		target: d,
 		rel: p ?? (d === "_blank" ? "noreferrer noopener" : void 0),
@@ -3217,10 +3246,10 @@ function Cr({ children: e, icon: t, badge: n, href: o, isActive: s = !1, ariaExp
 		tabIndex: l ? -1 : void 0,
 		onClick: y,
 		whileTap: g.reduce || l ? void 0 : { scale: .98 },
-		transition: jn,
+		transition: An,
 		className: x,
 		children: b
-	}) : /* @__PURE__ */ i(q.button, {
+	}) : /* @__PURE__ */ i(G.button, {
 		type: "button",
 		disabled: l,
 		"aria-current": s ? "page" : void 0,
@@ -3229,32 +3258,32 @@ function Cr({ children: e, icon: t, badge: n, href: o, isActive: s = !1, ariaExp
 		title: _.collapsed ? v : void 0,
 		onClick: y,
 		whileTap: g.reduce || l ? void 0 : { scale: .98 },
-		transition: jn,
+		transition: An,
 		className: x,
 		children: b
 	});
 }
 //#endregion
 //#region src/components/blocks/nav/utils.ts
-function wr(e, t) {
+function Cr(e, t) {
 	return t !== void 0 && e === t;
 }
 //#endregion
 //#region src/components/blocks/nav/sidebar-nav-row.tsx
-function Tr({ item: e, activeId: t, onNavigate: n }) {
-	let r = e.items ?? [], o = r.length > 0, s = r.some((e) => wr(e.id, t)), [c, l] = P.useState(null), [u, d] = P.useState(s);
+function wr({ item: e, activeId: t, onNavigate: n }) {
+	let r = e.items ?? [], o = r.length > 0, s = r.some((e) => Cr(e.id, t)), [c, l] = N.useState(null), [u, d] = N.useState(s);
 	s !== u && (d(s), s && l(null));
 	let f = c ?? e.defaultOpen ?? s;
 	function p(e) {
 		e.onSelect?.(), n?.(e);
 	}
-	return /* @__PURE__ */ a(yr, { children: [/* @__PURE__ */ i(Cr, {
+	return /* @__PURE__ */ a(vr, { children: [/* @__PURE__ */ i(Sr, {
 		ariaExpanded: o ? f : void 0,
 		badge: e.badge,
 		disabled: e.disabled,
 		href: o ? void 0 : e.href,
 		icon: e.icon,
-		isActive: wr(e.id, t),
+		isActive: Cr(e.id, t),
 		onSelect: () => {
 			if (o) {
 				l(!f);
@@ -3264,13 +3293,13 @@ function Tr({ item: e, activeId: t, onNavigate: n }) {
 		},
 		target: e.target,
 		children: e.label
-	}), o ? /* @__PURE__ */ i(br, {
+	}), o ? /* @__PURE__ */ i(yr, {
 		open: f,
-		children: r.map((e) => /* @__PURE__ */ i(xr, { children: /* @__PURE__ */ i(Sr, {
+		children: r.map((e) => /* @__PURE__ */ i(br, { children: /* @__PURE__ */ i(xr, {
 			disabled: e.disabled,
 			href: e.href,
 			icon: e.icon,
-			isActive: wr(e.id, t),
+			isActive: Cr(e.id, t),
 			onSelect: () => p(e),
 			target: e.target,
 			children: e.label
@@ -3279,79 +3308,83 @@ function Tr({ item: e, activeId: t, onNavigate: n }) {
 }
 //#endregion
 //#region src/components/blocks/nav/sidebar-block.tsx
-function Er({ sections: e, activeId: t, onNavigate: n, header: r, footer: o, showTrigger: s = !0, side: c = "left", variant: l = "sidebar", collapsible: u = "icon", open: d, defaultOpen: f, onOpenChange: p, openMobile: m, defaultOpenMobile: h, onOpenMobileChange: g, width: _, iconWidth: v, mobileWidth: y, ariaLabel: b = "Main", className: x }) {
-	return /* @__PURE__ */ i(ar, {
+function Tr({ sections: e, activeId: t, onNavigate: n, header: r, footer: o, showTrigger: s = !0, side: c = "left", variant: l = "sidebar", collapsible: u = "icon", open: d, defaultOpen: f, onOpenChange: p, openMobile: m, defaultOpenMobile: h, onOpenMobileChange: g, width: _, iconWidth: v, mobileWidth: y, ariaLabel: b = "Main", className: x }) {
+	return /* @__PURE__ */ i(ir, {
 		className: "h-full min-h-0 w-auto",
-		defaultOpen: f,
-		defaultOpenMobile: h,
-		onOpenChange: p,
-		onOpenMobileChange: g,
-		open: d,
-		openMobile: m,
+		defaultOpen: { [c]: f ?? !0 },
+		defaultOpenMobile: h === void 0 ? void 0 : { [c]: h },
+		onOpenChange: (e, t) => {
+			t === c && p?.(e);
+		},
+		onOpenMobileChange: (e, t) => {
+			t === c && g?.(e);
+		},
+		open: d === void 0 ? void 0 : { [c]: d },
+		openMobile: m === void 0 ? void 0 : { [c]: m },
 		style: {
 			..._ ? { "--sidebar-width": _ } : null,
 			...v ? { "--sidebar-width-icon": v } : null,
 			...y ? { "--sidebar-width-mobile": y } : null
 		},
-		children: /* @__PURE__ */ a(sr, {
+		children: /* @__PURE__ */ a(or, {
 			ariaLabel: b,
-			className: J("h-full", x),
+			className: K("h-full", x),
 			collapsible: u,
 			panelClassName: "h-full",
 			role: "navigation",
 			side: c,
 			variant: l,
 			children: [
-				r || s && /* @__PURE__ */ i(fr, { children: /* @__PURE__ */ a("div", {
+				r || s && /* @__PURE__ */ i(dr, { children: /* @__PURE__ */ a("div", {
 					className: "flex min-w-0 items-center justify-between gap-2",
 					children: [r && /* @__PURE__ */ i("div", {
 						className: "min-w-0 flex-1",
 						children: r
-					}), s && /* @__PURE__ */ i(cr, {
+					}), s && /* @__PURE__ */ i(sr, {
 						className: "text-muted-foreground hover:text-foreground",
-						children: /* @__PURE__ */ i(D, { className: "size-4.5" })
+						children: /* @__PURE__ */ i(E, { className: "size-4.5" })
 					})]
 				}) }),
-				/* @__PURE__ */ i(pr, { children: e.map((e) => /* @__PURE__ */ a(hr, { children: [e.label && /* @__PURE__ */ i(gr, { children: e.label }), /* @__PURE__ */ i(_r, { children: /* @__PURE__ */ i(vr, { children: e.items.map((e) => /* @__PURE__ */ i(Tr, {
+				/* @__PURE__ */ i(fr, { children: e.map((e) => /* @__PURE__ */ a(mr, { children: [e.label && /* @__PURE__ */ i(hr, { children: e.label }), /* @__PURE__ */ i(gr, { children: /* @__PURE__ */ i(_r, { children: e.items.map((e) => /* @__PURE__ */ i(wr, {
 					activeId: t,
 					item: e,
 					onNavigate: n
 				}, e.id)) }) })] }, e.id)) }),
-				o && /* @__PURE__ */ i(mr, { children: o })
+				o && /* @__PURE__ */ i(pr, { children: o })
 			]
 		})
 	});
 }
 //#endregion
 //#region src/components/blocks/nav/sidebar/utils.ts
-var Dr = {
+var Er = {
 	duration: .16,
-	ease: Dn
+	ease: $
 };
-function Or(e) {
+function Dr(e) {
 	return e.kind === "folder" || e.kind === "project";
 }
-function kr(e, t, n = 0, r = null) {
+function Or(e, t, n = 0, r = null) {
 	return e.flatMap((e) => {
 		let i = {
 			item: e,
 			depth: n,
 			parentId: r
 		};
-		return !e.children?.length || !t.has(e.id) ? [i] : [i, ...kr(e.children, t, n + 1, e.id)];
+		return !e.children?.length || !t.has(e.id) ? [i] : [i, ...Or(e.children, t, n + 1, e.id)];
 	});
 }
-function Ar(e, t) {
+function kr(e, t) {
 	for (let n of e) {
 		if (n.id === t) return n;
-		let e = n.children ? Ar(n.children, t) : void 0;
+		let e = n.children ? kr(n.children, t) : void 0;
 		if (e) return e;
 	}
 }
-function jr(e, t) {
-	return e.id === t || e.children?.some((e) => jr(e, t)) === !0;
+function Ar(e, t) {
+	return e.id === t || e.children?.some((e) => Ar(e, t)) === !0;
 }
-function Mr(e, t) {
+function jr(e, t) {
 	let n, r = [];
 	for (let i of e) {
 		if (i.id === t) {
@@ -3359,7 +3392,7 @@ function Mr(e, t) {
 			continue;
 		}
 		if (i.children?.length) {
-			let e = Mr(i.children, t);
+			let e = jr(i.children, t);
 			if (e.removed) {
 				n = e.removed, r.push({
 					...i,
@@ -3375,7 +3408,7 @@ function Mr(e, t) {
 		removed: n
 	};
 }
-function Nr(e, t, n, r) {
+function Mr(e, t, n, r) {
 	if (n === null) return [...e, t];
 	let i = [];
 	for (let a of e) {
@@ -3388,96 +3421,96 @@ function Nr(e, t, n, r) {
 		}
 		a.children?.length ? i.push({
 			...a,
-			children: Nr(a.children, t, n, r)
+			children: Mr(a.children, t, n, r)
 		}) : i.push(a);
 	}
 	return i;
 }
-function Pr(e, t) {
-	let n = Ar(e, t.itemId);
-	if (!n || n.disabled || t.targetId && jr(n, t.targetId)) return null;
-	let r = t.targetId ? Ar(e, t.targetId) : void 0;
-	if (t.position === "inside" && (!r || r.disabled || !Or(r))) return null;
-	let i = Mr(e, t.itemId);
-	return i.removed ? Nr(i.items, i.removed, t.targetId, t.position) : null;
+function Nr(e, t) {
+	let n = kr(e, t.itemId);
+	if (!n || n.disabled || t.targetId && Ar(n, t.targetId)) return null;
+	let r = t.targetId ? kr(e, t.targetId) : void 0;
+	if (t.position === "inside" && (!r || r.disabled || !Dr(r))) return null;
+	let i = jr(e, t.itemId);
+	return i.removed ? Mr(i.items, i.removed, t.targetId, t.position) : null;
 }
-function Fr(e, t, n) {
+function Pr(e, t, n) {
 	return e.map((e) => ({
 		...e,
 		label: e.id === t ? n : e.label,
-		children: e.children ? Fr(e.children, t, n) : void 0
+		children: e.children ? Pr(e.children, t, n) : void 0
 	}));
 }
 //#endregion
 //#region src/components/blocks/nav/sidebar/use-ai-sidebar.ts
-function Ir({ items: e, defaultItems: t = [], onItemsChange: n, onMove: r, onMoveError: i, onRename: a, activeId: o, defaultActiveId: s = null, onActiveChange: c, defaultExpandedIds: l = [] }) {
-	let [u, d] = W(e ?? t), [f, p] = W(s), [m, h] = W(() => new Set(l)), [g, _] = W(o ?? s), [v, y] = W(null), [b, x] = W(null), [S, C] = W(null), [w, T] = W(null), [E, D] = W(null), O = re(), [k, A] = W(""), j = U(/* @__PURE__ */ new Map()), M = U(!1), N = u, ee = o ?? f, [te, P] = W(e);
-	e !== te && (P(e), e && d(e));
-	let F = ae(() => kr(N, m), [m, N]);
-	if (!(g !== null && F.some((e) => e.item.id === g))) {
-		let e = F[0]?.item.id ?? null;
+function Fr({ items: e, defaultItems: t = [], onItemsChange: n, onMove: r, onMoveError: i, onRename: a, activeId: o, defaultActiveId: s = null, onActiveChange: c, defaultExpandedIds: l = [] }) {
+	let [u, d] = H(e ?? t), [f, p] = H(s), [m, h] = H(() => new Set(l)), [g, _] = H(o ?? s), [v, y] = H(null), [b, x] = H(null), [S, C] = H(null), [w, T] = H(null), [E, D] = H(null), O = re(), [k, A] = H(""), ee = V(/* @__PURE__ */ new Map()), j = V(!1), M = u, N = o ?? f, [te, ne] = H(e);
+	e !== te && (ne(e), e && d(e));
+	let P = ae(() => Or(M, m), [m, M]);
+	if (!(g !== null && P.some((e) => e.item.id === g))) {
+		let e = P[0]?.item.id ?? null;
 		g !== e && _(e);
 	}
-	H(() => {
+	B(() => {
 		if (!S) return;
 		let e = requestAnimationFrame(() => {
 			Array.from(document.querySelectorAll("[data-sidebar-resource-menu]")).find((e) => e.dataset.sidebarResourceMenu === S)?.querySelector("button, a[href]")?.focus();
 		});
 		return () => cancelAnimationFrame(e);
 	}, [S]);
-	let I = V((e) => {
+	let F = R((e) => {
 		d(e), n?.(e);
-	}, [n]), L = V(async (e) => {
-		if (M.current) {
+	}, [n]), I = R(async (e) => {
+		if (j.current) {
 			A("Wait for the current move to finish.");
 			return;
 		}
-		let t = N, n = Pr(t, e);
+		let t = M, n = Nr(t, e);
 		if (!n || n === t) return;
-		M.current = !0, I(n), x(null), y(null);
-		let a = Ar(t, e.itemId), o = e.targetId ? Ar(t, e.targetId) : null;
+		j.current = !0, F(n), x(null), y(null);
+		let a = kr(t, e.itemId), o = e.targetId ? kr(t, e.targetId) : null;
 		A(o ? `Moved ${a?.label ?? "item"} ${e.position} ${o.label}.` : `Moved ${a?.label ?? "item"} to the top level.`);
 		try {
 			await r?.(e);
 		} catch (n) {
-			I(t), A(`Move failed. ${a?.label ?? "Item"} was restored.`), i?.(n, e);
+			F(t), A(`Move failed. ${a?.label ?? "Item"} was restored.`), i?.(n, e);
 		} finally {
-			M.current = !1;
+			j.current = !1;
 		}
 	}, [
 		r,
 		i,
-		N,
-		I
-	]), R = V((e) => {
-		_(e), requestAnimationFrame(() => j.current.get(e)?.focus());
-	}, []), z = V((e) => {
+		M,
+		F
+	]), L = R((e) => {
+		_(e), requestAnimationFrame(() => ee.current.get(e)?.focus());
+	}, []), z = R((e) => {
 		o === void 0 && p(e), c?.(e);
-	}, [o, c]), B = V((e) => {
+	}, [o, c]), ie = R((e) => {
 		h((t) => {
 			let n = new Set(t);
 			return n.has(e) ? n.delete(e) : n.add(e), n;
 		});
-	}, []), ne = V((e, t) => {
-		let n = F.findIndex(({ item: e }) => e.id === t.item.id), r = F[n - 1], i = F[n + 1], a = e.altKey && e.shiftKey;
+	}, []), oe = R((e, t) => {
+		let n = P.findIndex(({ item: e }) => e.id === t.item.id), r = P[n - 1], i = P[n + 1], a = e.altKey && e.shiftKey;
 		if (e.key === "ArrowDown" && !a && i) {
-			e.preventDefault(), R(i.item.id);
+			e.preventDefault(), L(i.item.id);
 			return;
 		}
 		if (e.key === "ArrowUp" && !a && r) {
-			e.preventDefault(), R(r.item.id);
+			e.preventDefault(), L(r.item.id);
 			return;
 		}
-		if (e.key === "Home" && F[0]) {
-			e.preventDefault(), R(F[0].item.id);
+		if (e.key === "Home" && P[0]) {
+			e.preventDefault(), L(P[0].item.id);
 			return;
 		}
-		if (e.key === "End" && F.at(-1)) {
-			e.preventDefault(), R(F.at(-1)?.item.id ?? t.item.id);
+		if (e.key === "End" && P.at(-1)) {
+			e.preventDefault(), L(P.at(-1)?.item.id ?? t.item.id);
 			return;
 		}
 		if (t.item.disabled) {
-			e.key === "ArrowLeft" && t.parentId ? (e.preventDefault(), R(t.parentId)) : (a || [
+			e.key === "ArrowLeft" && t.parentId ? (e.preventDefault(), L(t.parentId)) : (a || [
 				"ArrowRight",
 				"Enter",
 				" ",
@@ -3487,7 +3520,7 @@ function Ir({ items: e, defaultItems: t = [], onItemsChange: n, onMove: r, onMov
 			return;
 		}
 		if (a && e.key === "ArrowUp" && r) {
-			e.preventDefault(), L({
+			e.preventDefault(), I({
 				itemId: t.item.id,
 				targetId: r.item.id,
 				position: "before"
@@ -3495,15 +3528,15 @@ function Ir({ items: e, defaultItems: t = [], onItemsChange: n, onMove: r, onMov
 			return;
 		}
 		if (a && e.key === "ArrowDown" && i) {
-			e.preventDefault(), L({
+			e.preventDefault(), I({
 				itemId: t.item.id,
 				targetId: i.item.id,
 				position: "after"
 			});
 			return;
 		}
-		if (a && e.key === "ArrowRight" && r && Or(r.item)) {
-			e.preventDefault(), h((e) => new Set(e).add(r.item.id)), L({
+		if (a && e.key === "ArrowRight" && r && Dr(r.item)) {
+			e.preventDefault(), h((e) => new Set(e).add(r.item.id)), I({
 				itemId: t.item.id,
 				targetId: r.item.id,
 				position: "inside"
@@ -3511,28 +3544,28 @@ function Ir({ items: e, defaultItems: t = [], onItemsChange: n, onMove: r, onMov
 			return;
 		}
 		if (a && e.key === "ArrowLeft" && t.parentId) {
-			e.preventDefault(), L({
+			e.preventDefault(), I({
 				itemId: t.item.id,
 				targetId: t.parentId,
 				position: "after"
 			});
 			return;
 		}
-		e.key === "ArrowRight" && Or(t.item) ? (e.preventDefault(), m.has(t.item.id) ? i?.parentId === t.item.id && R(i.item.id) : B(t.item.id)) : e.key === "ArrowLeft" ? (e.preventDefault(), m.has(t.item.id) ? B(t.item.id) : t.parentId && R(t.parentId)) : e.key === "Enter" || e.key === " " ? (e.preventDefault(), Or(t.item) ? B(t.item.id) : z(t.item.id)) : e.key === "F2" ? (e.preventDefault(), T(t.item.id)) : (e.key === "ContextMenu" || e.shiftKey && e.key === "F10") && (e.preventDefault(), C(t.item.id));
+		e.key === "ArrowRight" && Dr(t.item) ? (e.preventDefault(), m.has(t.item.id) ? i?.parentId === t.item.id && L(i.item.id) : ie(t.item.id)) : e.key === "ArrowLeft" ? (e.preventDefault(), m.has(t.item.id) ? ie(t.item.id) : t.parentId && L(t.parentId)) : e.key === "Enter" || e.key === " " ? (e.preventDefault(), Dr(t.item) ? ie(t.item.id) : z(t.item.id)) : e.key === "F2" ? (e.preventDefault(), T(t.item.id)) : (e.key === "ContextMenu" || e.shiftKey && e.key === "F10") && (e.preventDefault(), C(t.item.id));
 	}, [
 		m,
-		F,
-		R,
+		P,
 		L,
+		I,
 		z,
-		B
-	]), ie = V((e) => {
+		ie
+	]), se = R((e) => {
 		!v || e.target !== e.currentTarget || (e.preventDefault(), x({
 			id: null,
 			position: "after"
 		}));
-	}, [v]), oe = V((e) => {
-		e.preventDefault(), e.stopPropagation(), v && b && L({
+	}, [v]), ce = R((e) => {
+		e.preventDefault(), e.stopPropagation(), v && b && I({
 			itemId: v,
 			targetId: b.id,
 			position: b.position
@@ -3540,38 +3573,38 @@ function Ir({ items: e, defaultItems: t = [], onItemsChange: n, onMove: r, onMov
 	}, [
 		v,
 		b,
-		L
-	]), se = V((e, t) => {
+		I
+	]), le = R((e, t) => {
 		y(t), e.dataTransfer.effectAllowed = "move", e.dataTransfer.setData("text/plain", t);
-	}, []), ce = V(() => {
+	}, []), ue = R(() => {
 		y(null), x(null);
-	}, []), le = V((e, t) => {
+	}, []), de = R((e, t) => {
 		if (!v || v === t.item.id) return;
-		let n = Ar(N, v);
-		if (n && jr(n, t.item.id)) return;
+		let n = kr(M, v);
+		if (n && Ar(n, t.item.id)) return;
 		e.preventDefault(), e.stopPropagation();
-		let r = e.currentTarget.getBoundingClientRect(), i = (e.clientY - r.top) / r.height, a = !t.item.disabled && Or(t.item) && i >= .25 && i <= .75 ? "inside" : i < .5 ? "before" : "after";
+		let r = e.currentTarget.getBoundingClientRect(), i = (e.clientY - r.top) / r.height, a = !t.item.disabled && Dr(t.item) && i >= .25 && i <= .75 ? "inside" : i < .5 ? "before" : "after";
 		x({
 			id: t.item.id,
 			position: a
 		});
-	}, [v, N]), ue = V((e, t) => {
+	}, [v, M]), fe = R((e, t) => {
 		let n = t.trim();
 		if (T(null), !n || n === e.item.label) return;
-		let r = N;
-		I(Fr(r, e.item.id, n)), Promise.resolve(a?.(e.item, n)).catch(() => {
-			I(r), A(`Rename failed. ${e.item.label} was restored.`);
+		let r = M;
+		F(Pr(r, e.item.id, n)), Promise.resolve(a?.(e.item, n)).catch(() => {
+			F(r), A(`Rename failed. ${e.item.label} was restored.`);
 		});
 	}, [
 		a,
-		N,
-		I
-	]), de = V((e, t) => {
-		C(t ? e.item.id : null), t || R(e.item.id);
-	}, [R]);
+		M,
+		F
+	]), pe = R((e, t) => {
+		C(t ? e.item.id : null), t || L(e.item.id);
+	}, [L]);
 	return {
-		flat: F,
-		selectedId: ee,
+		flat: P,
+		selectedId: N,
 		expandedIds: m,
 		focusedId: g,
 		setFocusedId: _,
@@ -3579,39 +3612,39 @@ function Ir({ items: e, defaultItems: t = [], onItemsChange: n, onMove: r, onMov
 		dropTarget: b,
 		hoveredId: E,
 		hoverLayoutId: O,
-		handleRowHover: V((e, t) => {
+		handleRowHover: R((e, t) => {
 			D((n) => t ? e : n === e ? null : n);
 		}, []),
-		clearHover: V(() => D(null), []),
+		clearHover: R(() => D(null), []),
 		menuOpenId: S,
 		renamingId: w,
 		setRenamingId: T,
 		announcement: k,
 		select: z,
-		toggle: B,
-		handleKeyDown: ne,
-		handleRootDragOver: ie,
-		handleDrop: oe,
-		handleRowDragStart: se,
-		handleRowDragEnd: ce,
-		handleRowDragOver: le,
-		commitRename: ue,
-		handleMenuOpenChange: de,
-		setRowRef: V((e, t) => {
-			t ? j.current.set(e, t) : j.current.delete(e);
+		toggle: ie,
+		handleKeyDown: oe,
+		handleRootDragOver: se,
+		handleDrop: ce,
+		handleRowDragStart: le,
+		handleRowDragEnd: ue,
+		handleRowDragOver: de,
+		commitRename: fe,
+		handleMenuOpenChange: pe,
+		setRowRef: R((e, t) => {
+			t ? ee.current.set(e, t) : ee.current.delete(e);
 		}, [])
 	};
 }
 //#endregion
 //#region src/components/blocks/nav/sidebar/sidebar-icon.tsx
-function Lr(e, t) {
+function Ir(e, t) {
 	return /* @__PURE__ */ i(e.kind === "folder" || e.kind === "project" ? t ? b : y : e.kind === "bookmark" ? u : _, { className: "size-4" });
 }
 //#endregion
 //#region src/components/blocks/nav/sidebar/marquee-label.tsx
-function Rr({ active: e, children: t }) {
-	let n = be() ?? !1, r = U(null), o = U(null), [s, c] = W(0);
-	H(() => {
+function Lr({ active: e, children: t }) {
+	let n = be() ?? !1, r = V(null), o = V(null), [s, c] = H(0);
+	B(() => {
 		let e = () => {
 			let e = r.current, t = o.current;
 			!e || !t || c(t.scrollWidth > e.clientWidth ? t.scrollWidth + 24 : 0);
@@ -3624,7 +3657,7 @@ function Rr({ active: e, children: t }) {
 	return /* @__PURE__ */ i("span", {
 		ref: r,
 		className: "relative block min-w-0 flex-1 overflow-hidden",
-		children: /* @__PURE__ */ a(q.span, {
+		children: /* @__PURE__ */ a(G.span, {
 			className: "flex w-max items-center gap-6 whitespace-nowrap",
 			animate: { x: l ? [0, -s] : 0 },
 			transition: l ? {
@@ -3632,7 +3665,7 @@ function Rr({ active: e, children: t }) {
 				ease: "linear",
 				repeat: Infinity,
 				repeatDelay: 2
-			} : Dr,
+			} : Er,
 			children: [/* @__PURE__ */ i("span", {
 				ref: o,
 				children: t
@@ -3645,11 +3678,11 @@ function Rr({ active: e, children: t }) {
 }
 //#endregion
 //#region src/components/motion/popover-position.ts
-function zr(e, t) {
+function Rr(e, t) {
 	return e?.trigger.left === t.trigger.left && e.trigger.top === t.trigger.top && e.trigger.width === t.trigger.width && e.trigger.height === t.trigger.height && e.content.width === t.content.width && e.content.height === t.content.height;
 }
-function Br(e, t, n) {
-	let [r, i] = W(null), a = V(() => {
+function zr(e, t, n) {
+	let [r, i] = H(null), a = R(() => {
 		let n = e.current, r = t.current;
 		if (!n || !r) return;
 		let a = n.getBoundingClientRect(), o = {
@@ -3664,7 +3697,7 @@ function Br(e, t, n) {
 				height: r.offsetHeight
 			}
 		};
-		i((e) => zr(e, o) ? e : o);
+		i((e) => Rr(e, o) ? e : o);
 	}, [t, e]);
 	return ie(() => {
 		if (a(), !n) return;
@@ -3681,17 +3714,17 @@ function Br(e, t, n) {
 }
 //#endregion
 //#region src/components/motion/popover-morph.tsx
-var Vr = L(null);
-function Hr(e) {
-	let t = ne(Vr);
+var Br = P(null);
+function Vr(e) {
+	let t = z(Br);
 	if (!t) throw Error(`${e} must be used within <MorphPopover>`);
 	return t;
 }
-function Ur({ children: e, open: t, defaultOpen: n = !1, onOpenChange: r, className: a }) {
-	let o = re(), s = U(null), c = U(null), l = U(null), [u, d] = W(n), f = t !== void 0, p = f ? t : u, m = V((e) => {
+function Hr({ children: e, open: t, defaultOpen: n = !1, onOpenChange: r, className: a }) {
+	let o = re(), s = V(null), c = V(null), l = V(null), [u, d] = H(n), f = t !== void 0, p = f ? t : u, m = R((e) => {
 		f || d(e), r?.(e);
-	}, [f, r]), h = V(() => m(!p), [m, p]);
-	H(() => {
+	}, [f, r]), h = R(() => m(!p), [m, p]);
+	B(() => {
 		if (!p) return;
 		let e = (e) => e.key === "Escape" && m(!1), t = (e) => {
 			let t = e.target;
@@ -3718,27 +3751,27 @@ function Ur({ children: e, open: t, defaultOpen: n = !1, onOpenChange: r, classN
 		h,
 		o
 	]);
-	return /* @__PURE__ */ i(Vr.Provider, {
+	return /* @__PURE__ */ i(Br.Provider, {
 		value: g,
 		children: /* @__PURE__ */ i("div", {
 			ref: s,
-			className: J("relative inline-flex", a),
+			className: K("relative inline-flex", a),
 			children: e
 		})
 	});
 }
-function Wr(...e) {
+function Ur(...e) {
 	return (t) => {
 		for (let n of e) typeof n == "function" ? n(t) : n && typeof n == "object" && (n.current = t);
 	};
 }
-function Gr({ children: e }) {
-	let t = Hr("MorphPopoverTrigger");
-	if (!B(e)) return e;
+function Wr({ children: e }) {
+	let t = Vr("MorphPopoverTrigger");
+	if (!L(e)) return e;
 	let n = e, r = n.props.onClick, i = n.props.ref;
-	return I(n, {
+	return ne(n, {
 		id: t.triggerId,
-		ref: Wr(i, (e) => {
+		ref: Ur(i, (e) => {
 			t.triggerRef.current = e;
 		}),
 		onClick: (e) => {
@@ -3749,39 +3782,39 @@ function Gr({ children: e }) {
 		"aria-controls": t.open ? t.contentId : void 0
 	});
 }
-var Kr = (e, t) => `${e === "bottom" ? "top" : "bottom"} ${t === "end" ? "right" : "left"}`;
-function qr(e, t, n) {
+var Gr = (e, t) => `${e === "bottom" ? "top" : "bottom"} ${t === "end" ? "right" : "left"}`;
+function Kr(e, t, n) {
 	return `inset(${e === "bottom" ? "0%" : "92%"} ${t === "end" ? "0%" : "92%"} ${e === "bottom" ? "92%" : "0%"} ${t === "end" ? "92%" : "0%"} round ${n}px)`;
 }
-var Jr = (e) => `inset(0% 0% 0% 0% round ${e}px)`, Yr = {
+var qr = (e) => `inset(0% 0% 0% 0% round ${e}px)`, Jr = {
 	duration: .32,
-	ease: Dn
+	ease: $
 };
-function Xr({ children: e, side: t = "bottom", align: n = "end", sideOffset: r = 8, radius: a = 16, className: o }) {
-	let s = Hr("MorphPopoverContent"), { contentId: c, setContentRef: l, triggerId: u } = s, d = be() ?? !1, [f, p] = W(!1), m = Br(s.triggerRef, s.contentRef, f && s.open);
-	H(() => p(!0), []);
+function Yr({ children: e, side: t = "bottom", align: n = "end", sideOffset: r = 8, radius: a = 16, className: o }) {
+	let s = Vr("MorphPopoverContent"), { contentId: c, setContentRef: l, triggerId: u } = s, d = be() ?? !1, [f, p] = H(!1), m = zr(s.triggerRef, s.contentRef, f && s.open);
+	B(() => p(!0), []);
 	let h = m ? n === "end" ? m.trigger.left + m.trigger.width - m.content.width : m.trigger.left : 0, g = m ? t === "bottom" ? m.trigger.top + m.trigger.height + r : m.trigger.top - m.content.height - r : 0, _ = d ? void 0 : {
 		hidden: {
 			opacity: 0,
 			scale: .96,
-			transition: Nn
+			transition: Mn
 		},
 		show: {
 			opacity: 1,
 			scale: 1,
-			transition: Nn
+			transition: Mn
 		}
 	}, v = d ? void 0 : {
 		hidden: {
-			clipPath: qr(t, n, a),
-			transition: Yr
+			clipPath: Kr(t, n, a),
+			transition: Jr
 		},
 		show: {
-			clipPath: Jr(a),
-			transition: Yr
+			clipPath: qr(a),
+			transition: Jr
 		}
 	};
-	return f ? Te(/* @__PURE__ */ i(K, { children: s.open ? /* @__PURE__ */ i(q.div, {
+	return f ? Te(/* @__PURE__ */ i(W, { children: s.open ? /* @__PURE__ */ i(G.div, {
 		"data-morph-popover-portal": "",
 		variants: _,
 		initial: d ? { opacity: 0 } : "hidden",
@@ -3792,24 +3825,24 @@ function Xr({ children: e, side: t = "bottom", align: n = "end", sideOffset: r =
 			left: h,
 			top: g,
 			visibility: m ? "visible" : "hidden",
-			transformOrigin: Kr(t, n)
+			transformOrigin: Gr(t, n)
 		},
 		className: "fixed z-[9999] [filter:drop-shadow(0_10px_18px_rgba(0,0,0,0.14))]",
-		children: /* @__PURE__ */ i(q.div, {
+		children: /* @__PURE__ */ i(G.div, {
 			ref: l,
 			id: c,
 			role: "dialog",
 			"aria-labelledby": u,
 			variants: v,
 			style: { borderRadius: a },
-			className: J("overflow-hidden border border-border bg-background", o),
+			className: K("overflow-hidden border border-border bg-background", o),
 			children: e
 		})
 	}) : null }), document.body) : null;
 }
 //#endregion
 //#region src/components/blocks/nav/sidebar/sidebar-row.tsx
-var Zr = {
+var Xr = {
 	initial: {
 		opacity: 0,
 		filter: "blur(6px)"
@@ -3822,19 +3855,19 @@ var Zr = {
 		opacity: 0,
 		filter: "blur(6px)"
 	}
-}, Qr = {
+}, Zr = {
 	initial: { opacity: 0 },
 	animate: { opacity: 1 },
 	exit: (e) => e ? {} : { opacity: 0 }
 };
-function $r({ row: e, active: t, expanded: n, focused: r, draggingId: o, dropTarget: s, menuOpen: c, renaming: l, onDragEnd: u, onDragOver: d, onDragStart: p, onDrop: m, onFocus: h, onKeyDown: g, onMenuOpenChange: _, onRenameCancel: v, onRenameCommit: y, onRenameStart: b, onSelect: x, onToggle: S, hoverActive: C = !1, hoverPill: w = !1, hoverLayoutId: T, onHoverChange: D, renderIcon: O, renderMenu: A, renderActionsTrigger: j, setRef: M }) {
-	let N = be() ?? !1, [ee, te] = W(!1), P = U(null), F = U(!1), L = U(!1), [R, z] = W(e.item.label), B = Or(e.item), V = o === e.item.id, ne = s?.id === e.item.id ? s.position : null;
-	H(() => {
+function Qr({ row: e, active: t, expanded: n, focused: r, draggingId: o, dropTarget: s, menuOpen: c, renaming: l, onDragEnd: u, onDragOver: d, onDragStart: p, onDrop: m, onFocus: h, onKeyDown: g, onMenuOpenChange: _, onRenameCancel: v, onRenameCommit: y, onRenameStart: b, onSelect: x, onToggle: S, hoverActive: C = !1, hoverPill: w = !1, hoverLayoutId: E, onHoverChange: O, renderIcon: k, renderMenu: A, renderActionsTrigger: ee, setRef: j }) {
+	let M = be() ?? !1, [N, te] = H(!1), P = V(null), F = V(!1), I = V(!1), [L, R] = H(e.item.label), z = Dr(e.item), re = o === e.item.id, ie = s?.id === e.item.id ? s.position : null;
+	B(() => {
 		l && (F.current = !1, requestAnimationFrame(() => {
 			P.current?.focus(), P.current?.select();
 		}));
 	}, [l, e.item.label]);
-	let re = A?.(e.item, {
+	let ae = A?.(e.item, {
 		close: () => _(!1),
 		rename: () => {
 			_(!1), b();
@@ -3845,65 +3878,65 @@ function $r({ row: e, active: t, expanded: n, focused: r, draggingId: o, dropTar
 			_(!1), b();
 		},
 		className: "flex h-8 w-full items-center gap-2 rounded-lg px-2.5 text-left text-xs text-foreground transition-colors outline-none hover:bg-muted focus-visible:bg-muted focus-visible:ring-2 focus-visible:ring-ring",
-		children: [/* @__PURE__ */ i(k, {
+		children: [/* @__PURE__ */ i(D, {
 			"aria-hidden": "true",
 			className: "size-3.5"
 		}), "Rename"]
 	});
-	return /* @__PURE__ */ a(q.div, {
-		ref: M,
+	return /* @__PURE__ */ a(G.div, {
+		ref: j,
 		layout: "position",
-		transition: N ? { duration: 0 } : Pn,
+		transition: M ? { duration: 0 } : Nn,
 		role: "treeitem",
 		"aria-level": e.depth + 1,
-		"aria-selected": B ? void 0 : t,
-		"aria-expanded": B ? n : void 0,
+		"aria-selected": z ? void 0 : t,
+		"aria-expanded": z ? n : void 0,
 		"aria-disabled": e.item.disabled || void 0,
 		tabIndex: r ? 0 : -1,
 		draggable: !e.item.disabled && !l,
 		"data-menu-open": c || void 0,
-		"data-drop": ne ?? void 0,
-		"data-dragging": V || void 0,
+		"data-drop": ie ?? void 0,
+		"data-dragging": re || void 0,
 		onFocus: h,
 		onKeyDown: g,
 		onClick: (t) => {
-			t.defaultPrevented || L.current || l || e.item.disabled || (B ? S() : x());
+			t.defaultPrevented || I.current || l || e.item.disabled || (z ? S() : x());
 		},
 		onDoubleClick: (t) => {
-			B || e.item.disabled || (t.preventDefault(), b());
+			z || e.item.disabled || (t.preventDefault(), b());
 		},
 		onMouseEnter: () => {
-			te(!0), D?.(!0);
+			te(!0), O?.(!0);
 		},
 		onMouseLeave: () => {
-			te(!1), D?.(!1);
+			te(!1), O?.(!1);
 		},
 		onDragStartCapture: (t) => {
-			L.current = !0, p(t, e.item.id);
+			I.current = !0, p(t, e.item.id);
 		},
 		onDragEndCapture: () => {
 			u(), requestAnimationFrame(() => {
-				L.current = !1;
+				I.current = !1;
 			});
 		},
 		onDragOver: (t) => d(t, e),
 		onDrop: m,
-		className: J("group/resource relative flex min-h-9 min-w-0 cursor-pointer items-center gap-2.5 rounded-md pr-3 text-sm outline-none", "text-muted-foreground transition-[color,background-color,scale] duration-150 ease-smooth-out hover:text-foreground motion-reduce:transition-none", !e.item.disabled && !l && "active:scale-97 motion-reduce:active:scale-100", T === void 0 && "hover:bg-muted", "focus-visible:bg-muted/70 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset", "data-[menu-open=true]:bg-muted data-[menu-open=true]:text-foreground", "data-[dragging=true]:opacity-40", "data-[drop=inside]:bg-primary/10 data-[drop=inside]:ring-1 data-[drop=inside]:ring-primary/45", "data-[drop=before]:before:absolute data-[drop=before]:before:-top-0.5 data-[drop=before]:before:right-2 data-[drop=before]:before:left-2 data-[drop=before]:before:h-0.5 data-[drop=before]:before:rounded-full data-[drop=before]:before:bg-primary", "data-[drop=after]:after:absolute data-[drop=after]:after:right-2 data-[drop=after]:after:-bottom-0.5 data-[drop=after]:after:left-2 data-[drop=after]:after:h-0.5 data-[drop=after]:after:rounded-full data-[drop=after]:after:bg-primary", !B && t && "bg-primary/10 text-primary dark:bg-primary/25 dark:text-primary-foreground", e.item.disabled && "cursor-not-allowed opacity-45"),
+		className: K("group/resource relative flex min-h-9 min-w-0 cursor-pointer items-center gap-2.5 rounded-md pr-3 text-sm outline-none", "text-muted-foreground transition-[color,background-color,scale] duration-150 ease-smooth-out hover:text-foreground motion-reduce:transition-none", !e.item.disabled && !l && "active:scale-97 motion-reduce:active:scale-100", E === void 0 && "hover:bg-muted", "focus-visible:bg-muted/70 focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-inset", "data-[menu-open=true]:bg-muted data-[menu-open=true]:text-foreground", "data-[dragging=true]:opacity-40", "data-[drop=inside]:bg-primary/10 data-[drop=inside]:ring-1 data-[drop=inside]:ring-primary/45", "data-[drop=before]:before:absolute data-[drop=before]:before:-top-0.5 data-[drop=before]:before:right-2 data-[drop=before]:before:left-2 data-[drop=before]:before:h-0.5 data-[drop=before]:before:rounded-full data-[drop=before]:before:bg-primary", "data-[drop=after]:after:absolute data-[drop=after]:after:right-2 data-[drop=after]:after:-bottom-0.5 data-[drop=after]:after:left-2 data-[drop=after]:after:h-0.5 data-[drop=after]:after:rounded-full data-[drop=after]:after:bg-primary", !z && t && "bg-primary/10 text-primary dark:bg-primary/25 dark:text-primary-foreground", e.item.disabled && "cursor-not-allowed opacity-45"),
 		style: { paddingLeft: `${12 + e.depth * 16}px` },
 		children: [
-			T ? /* @__PURE__ */ i(K, {
+			E ? /* @__PURE__ */ i(W, {
 				custom: C,
-				children: C ? /* @__PURE__ */ i(q.span, {
+				children: C ? /* @__PURE__ */ i(G.span, {
 					"aria-hidden": "true",
-					variants: N ? Qr : Zr,
+					variants: M ? Zr : Xr,
 					initial: "initial",
 					animate: "animate",
 					exit: "exit",
 					custom: C,
 					className: "pointer-events-none absolute inset-0",
-					children: w ? /* @__PURE__ */ i(q.span, {
-						layoutId: T,
-						transition: N ? { duration: 0 } : Pn,
+					children: w ? /* @__PURE__ */ i(G.span, {
+						layoutId: E,
+						transition: M ? { duration: 0 } : Nn,
 						className: "block h-full w-full rounded-md bg-foreground/8 dark:bg-muted/50"
 					}) : null
 				}) : null
@@ -3911,54 +3944,54 @@ function $r({ row: e, active: t, expanded: n, focused: r, draggingId: o, dropTar
 			/* @__PURE__ */ i("span", {
 				"aria-hidden": "true",
 				className: "relative grid size-5 shrink-0 place-items-center",
-				children: O?.(e.item) ?? Lr(e.item, n)
+				children: k?.(e.item) ?? Ir(e.item, n)
 			}),
 			l ? /* @__PURE__ */ i("input", {
 				ref: P,
-				value: R,
+				value: L,
 				"aria-label": `Rename ${e.item.label}`,
-				onChange: (e) => z(e.target.value),
+				onChange: (e) => R(e.target.value),
 				draggable: !1,
 				onClick: (e) => e.stopPropagation(),
 				onDoubleClick: (e) => e.stopPropagation(),
 				onBlur: () => {
-					F.current || y(R);
+					F.current || y(L);
 				},
 				onKeyDown: (e) => {
-					e.stopPropagation(), e.key === "Enter" && (F.current = !0, y(R)), e.key === "Escape" && (F.current = !0, v());
+					e.stopPropagation(), e.key === "Enter" && (F.current = !0, y(L)), e.key === "Escape" && (F.current = !0, v());
 				},
 				className: "relative h-7 min-w-0 flex-1 text-sm text-foreground outline-none focus-visible:ring-0 focus-visible:ring-ring"
-			}) : /* @__PURE__ */ i(Rr, {
-				active: ee || c,
+			}) : /* @__PURE__ */ i(Lr, {
+				active: N || c,
 				children: e.item.label
 			}),
-			!l && !e.item.disabled ? /* @__PURE__ */ a(Ur, {
+			!l && !e.item.disabled ? /* @__PURE__ */ a(Hr, {
 				open: c,
 				onOpenChange: _,
-				children: [/* @__PURE__ */ i(Gr, { children: (() => {
-					let t = j?.(e.item);
+				children: [/* @__PURE__ */ i(Wr, { children: (() => {
+					let t = ee?.(e.item);
 					if (t) {
 						let e = t.props.onClick;
-						return I(t, {
+						return ne(t, {
 							draggable: !1,
 							onClick: (t) => {
 								t.stopPropagation(), e?.(t);
 							}
 						});
 					}
-					return /* @__PURE__ */ i(Y, {
+					return /* @__PURE__ */ i(q, {
 						draggable: !1,
 						tabIndex: -1,
 						variant: "link",
 						"aria-label": `Actions for ${e.item.label}`,
 						onClick: (e) => e.stopPropagation(),
 						className: "relative grid size-7 shrink-0 place-items-center rounded-lg opacity-0 transition-opacity duration-150 ease-smooth-out outline-none group-hover/resource:opacity-80 group-hover/resource:delay-150 group-data-[menu-open=true]/resource:opacity-100 hover:bg-foreground/5 focus-visible:opacity-100 focus-visible:ring-2 focus-visible:ring-ring motion-reduce:transition-none",
-						children: /* @__PURE__ */ i(E, {
+						children: /* @__PURE__ */ i(T, {
 							"aria-hidden": "true",
 							className: "size-4"
 						})
 					});
-				})() }), /* @__PURE__ */ i(Xr, {
+				})() }), /* @__PURE__ */ i(Yr, {
 					side: "bottom",
 					align: "end",
 					sideOffset: 8,
@@ -3966,21 +3999,21 @@ function $r({ row: e, active: t, expanded: n, focused: r, draggingId: o, dropTar
 					className: "w-40 p-1.5",
 					children: /* @__PURE__ */ i("div", {
 						"data-sidebar-resource-menu": e.item.id,
-						children: re
+						children: ae
 					})
 				})]
 			}) : null,
-			e.depth === 0 && B && (e.item.children?.length ?? 0) > 0 ? /* @__PURE__ */ i(f, {
+			e.depth === 0 && z && (e.item.children?.length ?? 0) > 0 ? /* @__PURE__ */ i(f, {
 				"aria-hidden": "true",
-				className: J("relative size-3.5 shrink-0 text-muted-foreground transition-transform duration-200 ease-smooth-out motion-reduce:transition-none", n && "rotate-90")
+				className: K("relative size-3.5 shrink-0 text-muted-foreground transition-transform duration-200 ease-smooth-out motion-reduce:transition-none", n && "rotate-90")
 			}) : null
 		]
 	});
 }
 //#endregion
 //#region src/components/blocks/nav/sidebar/ai-sidebar.tsx
-function ei({ renderIcon: e, renderMenu: t, renderActionsTrigger: n, ariaLabel: o = "Resources", className: s, ...c }) {
-	let { flat: l, selectedId: u, expandedIds: d, focusedId: f, setFocusedId: p, draggingId: m, dropTarget: h, hoveredId: g, hoverLayoutId: _, handleRowHover: v, clearHover: y, menuOpenId: b, renamingId: x, setRenamingId: S, announcement: C, select: w, toggle: T, handleKeyDown: E, handleRootDragOver: D, handleDrop: O, handleRowDragStart: k, handleRowDragEnd: A, handleRowDragOver: j, commitRename: M, handleMenuOpenChange: N, setRowRef: ee } = Ir(c);
+function $r({ renderIcon: e, renderMenu: t, renderActionsTrigger: n, ariaLabel: o = "Resources", className: s, ...c }) {
+	let { flat: l, selectedId: u, expandedIds: d, focusedId: f, setFocusedId: p, draggingId: m, dropTarget: h, hoveredId: g, hoverLayoutId: _, handleRowHover: v, clearHover: y, menuOpenId: b, renamingId: x, setRenamingId: S, announcement: C, select: w, toggle: T, handleKeyDown: E, handleRootDragOver: D, handleDrop: O, handleRowDragStart: k, handleRowDragEnd: A, handleRowDragOver: ee, commitRename: j, handleMenuOpenChange: M, setRowRef: N } = Fr(c);
 	return /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ a("div", {
 		role: "tree",
 		"aria-label": o,
@@ -3988,10 +4021,10 @@ function ei({ renderIcon: e, renderMenu: t, renderActionsTrigger: n, ariaLabel:
 		onDragOver: D,
 		onDrop: O,
 		onMouseLeave: y,
-		className: J("relative min-w-0 flex-col gap-0.5 [overflow-anchor:none] group-data-[state=collapsed]/sidebar:hidden", m && "pb-9 select-none", s),
-		children: [/* @__PURE__ */ i(K, {
+		className: K("relative min-w-0 flex-col gap-0.5 [overflow-anchor:none] group-data-[state=collapsed]/sidebar:hidden", m && "pb-9 select-none", s),
+		children: [/* @__PURE__ */ i(W, {
 			initial: !1,
-			children: l.map((r) => /* @__PURE__ */ i($r, {
+			children: l.map((r) => /* @__PURE__ */ i(Qr, {
 				row: r,
 				active: u === r.item.id,
 				expanded: d.has(r.item.id),
@@ -4010,16 +4043,16 @@ function ei({ renderIcon: e, renderMenu: t, renderActionsTrigger: n, ariaLabel:
 				onKeyDown: (e) => E(e, r),
 				onRenameStart: () => S(r.item.id),
 				onRenameCancel: () => S(null),
-				onRenameCommit: (e) => M(r, e),
-				onMenuOpenChange: (e) => N(r, e),
+				onRenameCommit: (e) => j(r, e),
+				onMenuOpenChange: (e) => M(r, e),
 				onDragStart: k,
 				onDragEnd: A,
-				onDragOver: j,
+				onDragOver: ee,
 				onDrop: O,
 				renderIcon: e,
 				renderMenu: t,
 				renderActionsTrigger: n,
-				setRef: (e) => ee(r.item.id, e)
+				setRef: (e) => N(r.item.id, e)
 			}, r.item.id))
 		}), m && /* @__PURE__ */ i("div", {
 			"aria-hidden": "true",
@@ -4035,66 +4068,75 @@ function ei({ renderIcon: e, renderMenu: t, renderActionsTrigger: n, ariaLabel:
 }
 //#endregion
 //#region src/components/blocks/nav/sidebar/index.ts
-var ti = {
-	Wrapper: ei,
-	MarqueeLabel: Rr,
-	Row: $r,
-	Icon: Lr
-}, ni = 48;
+var ei = {
+	Wrapper: $r,
+	MarqueeLabel: Lr,
+	Row: Qr,
+	Icon: Ir
+}, ti = 48;
 //#endregion
 //#region src/components/blocks/shell/shell-layout.tsx
-function ri({ children: e, open: t, defaultOpen: n, onOpenChange: r, rightDrawer: o, rightOpen: s, defaultRightOpen: c, onRightOpenChange: l, variant: u = "desktop", className: d }) {
-	return /* @__PURE__ */ a(ar, {
-		className: J("block-full", d, "bg-linear-to-tr/increasing from-neutral-200 via-neutral-100 to-stone-200 dark:from-neutral-900 dark:via-neutral-950 dark:to-stone-950", "relative pr-2"),
-		defaultOpen: n,
-		defaultOpenRight: c,
-		onOpenChange: r,
-		onOpenRightChange: l,
-		open: t,
-		openRight: s,
-		style: { paddingTop: u === "desktop" ? 48 : 0 },
+function ni({ children: e, variant: t = "desktop", panels: n, className: r, defaultOpen: o, ...s }) {
+	let c = {
+		...n?.left && { left: n.left.defaultOpen ?? n.left.open },
+		...n?.right && { right: n.right.defaultOpen ?? n.right.open },
+		...o
+	};
+	return /* @__PURE__ */ a(ir, {
+		...s,
+		defaultOpen: c,
+		className: K("block-full", r, "bg-linear-to-tr/increasing from-neutral-200 via-neutral-100 to-stone-200 dark:from-neutral-900 dark:via-neutral-950 dark:to-stone-950", "relative pr-2"),
+		style: { paddingTop: t === "desktop" ? 48 : 0 },
 		children: [
-			/* @__PURE__ */ i(sr, {
+			/* @__PURE__ */ i(or, {
 				ariaLabel: "Primary navigation",
-				className: J(""),
 				collapsible: "icon",
 				role: "navigation",
-				variant: "inset"
+				variant: "inset",
+				children: n?.left?.component
 			}),
-			/* @__PURE__ */ a(dr, {
-				className: J("min-w-24 overflow-hidden border-t border-neutral-200 dark:border-neutral-700 inset-ring-1 inset-ring-neutral-50 dark:inset-ring-black bg-white dark:bg-card rounded-lg!", "mx-0!"),
+			/* @__PURE__ */ a(ur, {
+				className: K("min-w-24 overflow-hidden border-t border-neutral-200 dark:border-neutral-700 inset-ring-1 inset-ring-neutral-50 dark:inset-ring-black bg-white dark:bg-card rounded-lg!", "mx-0!"),
 				children: [/* @__PURE__ */ a("header", {
 					className: "flex h-16 items-center justify-between gap-3 px-4 sm:px-6",
 					children: [/* @__PURE__ */ i("div", {
 						className: "flex min-w-0 items-center gap-3",
-						children: /* @__PURE__ */ i(cr, { children: /* @__PURE__ */ i(T, { className: "size-5" }) })
+						children: /* @__PURE__ */ i(sr, { children: n?.left?.trigger ?? /* @__PURE__ */ i(Ee, {
+							name: "PanelLeft",
+							size: 24,
+							animation: "press"
+						}) })
 					}), /* @__PURE__ */ i("div", {
 						className: "flex shrink-0 items-center gap-3",
-						children: /* @__PURE__ */ i(cr, {
+						children: /* @__PURE__ */ i(sr, {
 							"aria-label": "Toggle panel",
 							side: "right",
-							children: /* @__PURE__ */ i(O, { className: "size-5" })
+							children: n?.right?.trigger ?? /* @__PURE__ */ i(Ee, {
+								name: "PanelRight",
+								size: 24,
+								animation: "press"
+							})
 						})
 					})]
 				}), /* @__PURE__ */ i("div", {
 					className: "min-h-24 flex-1 overflow-auto",
-					children: e ?? /* @__PURE__ */ i(ii, {})
+					children: e ?? /* @__PURE__ */ i(ri, {})
 				})]
 			}),
-			/* @__PURE__ */ i(sr, {
-				ariaLabel: "Secondary panel",
-				className: J("max-md:border-l max-md:border-neutral-200 max-md:bg-white dark:max-md:border-neutral-700 dark:max-md:bg-card"),
+			/* @__PURE__ */ i(or, {
+				ariaLabel: n?.right?.name ?? "Secondary panel",
+				className: K("max-md:border-l max-md:border-neutral-200 max-md:bg-white dark:max-md:border-neutral-700 dark:max-md:bg-card"),
 				collapsible: "offcanvas",
-				panelClassName: J("top-2 ml-0 h-[calc(100%-1rem)] min-w-[calc(var(--sidebar-width))]", "rounded-lg border-t border-neutral-200 bg-white shadow-md inset-ring-1 inset-ring-neutral-50", "dark:border-neutral-700 dark:bg-card dark:inset-ring-black"),
+				panelClassName: K("top-2 ml-0 h-[calc(100%-1rem)] min-w-[calc(var(--sidebar-width))]", "rounded-lg border-t border-neutral-200 bg-white shadow-md inset-ring-1 inset-ring-neutral-50", "dark:border-neutral-700 dark:bg-card dark:inset-ring-black"),
 				role: "complementary",
 				side: "right",
 				variant: "inset",
-				children: o
+				children: n?.right?.component
 			})
 		]
 	});
 }
-function ii() {
+function ri() {
 	return /* @__PURE__ */ a("div", {
 		className: "grid gap-5",
 		children: [/* @__PURE__ */ i("div", {
@@ -4104,8 +4146,47 @@ function ii() {
 	});
 }
 //#endregion
+//#region src/components/blocks/shell/use-shell-panels.ts
+function ii({ defaultOpen: e, defaultOpenMobile: t, onPanelChange: n } = {}) {
+	let [r, i] = H(() => ({
+		left: e?.left ?? !0,
+		right: e?.right ?? !1
+	})), [a, o] = H(() => ({
+		left: t?.left ?? !1,
+		right: t?.right ?? !1
+	})), s = R((e, t) => {
+		i((n) => n[t] === e ? n : {
+			...n,
+			[t]: e
+		}), n?.(e, t);
+	}, [n]), c = R((e, t) => {
+		o((n) => n[t] === e ? n : {
+			...n,
+			[t]: e
+		}), n?.(e, t);
+	}, [n]);
+	return {
+		open: r,
+		openMobile: a,
+		setOpen: s,
+		setOpenMobile: c,
+		toggle: R((e) => s(!r[e], e), [r, s]),
+		providerProps: ae(() => ({
+			open: r,
+			onOpenChange: s,
+			openMobile: a,
+			onOpenMobileChange: c
+		}), [
+			r,
+			a,
+			s,
+			c
+		])
+	};
+}
+//#endregion
 //#region src/components/blocks/layout.ts
-var ai = { Main: ri }, oi = [
+var ai = { Main: ni }, oi = [
 	{
 		type: "label",
 		label: "Management"
@@ -4113,23 +4194,23 @@ var ai = { Main: ri }, oi = [
 	{
 		id: "profile",
 		label: "Profile",
-		icon: /* @__PURE__ */ i(M, { "aria-hidden": "true" })
+		icon: /* @__PURE__ */ i(A, { "aria-hidden": "true" })
 	},
 	{
 		id: "settings",
 		label: "Settings",
-		icon: /* @__PURE__ */ i(A, { "aria-hidden": "true" })
+		icon: /* @__PURE__ */ i(O, { "aria-hidden": "true" })
 	},
 	{ type: "separator" },
 	{
 		id: "teams",
 		label: "Teams",
-		icon: /* @__PURE__ */ i(ee, { "aria-hidden": "true" })
+		icon: /* @__PURE__ */ i(j, { "aria-hidden": "true" })
 	},
 	{
 		id: "invite",
 		label: "Invite",
-		icon: /* @__PURE__ */ i(N, { "aria-hidden": "true" })
+		icon: /* @__PURE__ */ i(ee, { "aria-hidden": "true" })
 	},
 	{ type: "separator" },
 	{
@@ -4145,11 +4226,11 @@ function si(e) {
 	return t.push(n), t.filter((e) => e.actions.length > 0 || e.label !== void 0);
 }
 function ci({ user: e, items: t = oi, align: n = "center", side: r = "bottom", sideOffset: o = 8, menuWidth: s = "content", open: c, defaultOpen: l, onOpenChange: u, sound: d = !0, onError: f, className: p }) {
-	let [h, g] = P.useState(null), _ = P.useRef(!0);
-	P.useEffect(() => (_.current = !0, () => {
+	let [h, g] = N.useState(null), _ = N.useRef(!0);
+	N.useEffect(() => (_.current = !0, () => {
 		_.current = !1;
 	}), []);
-	let v = P.useMemo(() => si(t), [t]);
+	let v = N.useMemo(() => si(t), [t]);
 	function y(e) {
 		let t = e.onSelect?.();
 		t instanceof Promise && (g(e.id), t.catch((e) => f?.(e)).finally(() => {
@@ -4157,24 +4238,24 @@ function ci({ user: e, items: t = oi, align: n = "center", side: r = "bottom", s
 		}));
 	}
 	let b = h !== null;
-	return /* @__PURE__ */ a(Ct, {
+	return /* @__PURE__ */ a(wt, {
 		defaultOpen: l,
 		onOpenChange: (e, t) => {
-			d && et(e ? "bloom" : "droplet"), u?.(e, t);
+			d && tt(e ? "bloom" : "droplet"), u?.(e, t);
 		},
 		open: c,
-		children: [/* @__PURE__ */ i(Tt, {
+		children: [/* @__PURE__ */ i(Et, {
 			disabled: b,
-			render: /* @__PURE__ */ a(Y, {
+			render: /* @__PURE__ */ a(q, {
 				"aria-label": `${e.name}${e.username ? ` ${e.username}` : ""}, account menu`,
-				className: J("h-auto w-full justify-between py-1.5 pl-1.5 data-popup-open:bg-accent sm:h-auto", p),
+				className: K("h-auto w-full justify-between py-1.5 pl-1.5 data-popup-open:bg-accent sm:h-auto", p),
 				"data-slot": "profile-card",
 				loading: b,
 				sound: d,
 				variant: "ghost",
 				children: [/* @__PURE__ */ a("span", {
 					className: "flex w-full min-w-0 items-center justify-start gap-2",
-					children: [/* @__PURE__ */ i(en, {
+					children: [/* @__PURE__ */ i(tn, {
 						alt: "",
 						initials: e.initials,
 						name: e.name,
@@ -4194,25 +4275,25 @@ function ci({ user: e, items: t = oi, align: n = "center", side: r = "bottom", s
 					className: "size-3.5"
 				})]
 			})
-		}), /* @__PURE__ */ i(Et, {
+		}), /* @__PURE__ */ i(Dt, {
 			align: n,
-			className: J(s === "card" ? "w-(--anchor-width)" : "min-w-44!", "origin-(--transform-origin) transition-[opacity,scale,translate] duration-150 ease-smooth-out data-ending-style:scale-98 data-ending-style:opacity-0 data-ending-style:duration-100 data-starting-style:scale-98 data-starting-style:opacity-0 data-[side=bottom]:data-ending-style:-translate-y-1 data-[side=bottom]:data-starting-style:-translate-y-1 data-[side=top]:data-ending-style:translate-y-1 data-[side=top]:data-starting-style:translate-y-1 motion-reduce:transition-none"),
+			className: K(s === "card" ? "w-(--anchor-width)" : "min-w-44!", "origin-(--transform-origin) transition-[opacity,scale,translate] duration-150 ease-smooth-out data-ending-style:scale-98 data-ending-style:opacity-0 data-ending-style:duration-100 data-starting-style:scale-98 data-starting-style:opacity-0 data-[side=bottom]:data-ending-style:-translate-y-1 data-[side=bottom]:data-starting-style:-translate-y-1 data-[side=top]:data-ending-style:translate-y-1 data-[side=top]:data-starting-style:translate-y-1 motion-reduce:transition-none"),
 			side: r,
 			sideOffset: o,
-			children: v.map((e, t) => /* @__PURE__ */ a(P.Fragment, { children: [t > 0 ? /* @__PURE__ */ i(Pt, {}) : null, /* @__PURE__ */ a(Dt, { children: [e.label ? /* @__PURE__ */ i(Nt, { children: e.label }) : null, e.actions.map((e) => /* @__PURE__ */ a(Ot, {
+			children: v.map((e, t) => /* @__PURE__ */ a(N.Fragment, { children: [t > 0 ? /* @__PURE__ */ i(Ft, {}) : null, /* @__PURE__ */ a(Ot, { children: [e.label ? /* @__PURE__ */ i(Pt, { children: e.label }) : null, e.actions.map((e) => /* @__PURE__ */ a(kt, {
 				disabled: e.disabled,
 				onClick: () => y(e),
 				variant: e.variant,
 				children: [
 					e.icon,
 					/* @__PURE__ */ i("span", { children: e.label }),
-					e.shortcut ? /* @__PURE__ */ i(Ft, { children: e.shortcut }) : null
+					e.shortcut ? /* @__PURE__ */ i(It, { children: e.shortcut }) : null
 				]
 			}, e.id))] })] }, e.label ?? `group-${e.actions[0]?.id}`))
 		})]
 	});
 }
 //#endregion
-export { ei as AISidebar, sr as AnimatedSidebar, lr as AnimatedSidebarClose, pr as AnimatedSidebarContent, mr as AnimatedSidebarFooter, hr as AnimatedSidebarGroup, _r as AnimatedSidebarGroupContent, gr as AnimatedSidebarGroupLabel, fr as AnimatedSidebarHeader, dr as AnimatedSidebarInset, vr as AnimatedSidebarMenu, Cr as AnimatedSidebarMenuButton, yr as AnimatedSidebarMenuItem, br as AnimatedSidebarMenuSub, Sr as AnimatedSidebarMenuSubButton, xr as AnimatedSidebarMenuSubItem, ar as AnimatedSidebarProvider, ur as AnimatedSidebarRail, cr as AnimatedSidebarTrigger, rn as AuthCard, on as AuthError, cn as AuthSeparator, sn as AuthSuccess, Ee as Avatar, Oe as AvatarFallback, De as AvatarImage, e as AvatarPrimitive, Y as Button, ze as Card, Ye as CardAction, Xe as CardContent, Xe as CardPanel, Je as CardDescription, Ze as CardFooter, Be as CardFrame, We as CardFrameAction, Ue as CardFrameDescription, Ge as CardFrameFooter, Ve as CardFrameHeader, He as CardFrameTitle, Ke as CardHeader, qe as CardTitle, tt as Checkbox, se as CheckboxPrimitive, un as CodeAuthBlock, vn as DEFAULT_ONBOARDING_STEPS, Ct as DropdownMenu, Ct as Menu, At as DropdownMenuCheckboxItem, At as MenuCheckboxItem, Et as DropdownMenuContent, Et as MenuPopup, St as DropdownMenuCreateHandle, St as MenuCreateHandle, Dt as DropdownMenuGroup, Dt as MenuGroup, Ot as DropdownMenuItem, Ot as MenuItem, Nt as DropdownMenuLabel, Nt as MenuGroupLabel, wt as DropdownMenuPortal, wt as MenuPortal, jt as DropdownMenuRadioGroup, jt as MenuRadioGroup, Mt as DropdownMenuRadioItem, Mt as MenuRadioItem, Pt as DropdownMenuSeparator, Pt as MenuSeparator, Ft as DropdownMenuShortcut, Ft as MenuShortcut, It as DropdownMenuSub, It as MenuSub, Rt as DropdownMenuSubContent, Rt as MenuSubPopup, Lt as DropdownMenuSubTrigger, Lt as MenuSubTrigger, Tt as DropdownMenuTrigger, Tt as MenuTrigger, Q as EASE, kn as EASE_DRAWER, On as EASE_IN_OUT, Dn as EASE_OUT, An as EASE_OUT_CSS, X as Field, at as FieldControl, rt as FieldDescription, it as FieldError, nt as FieldItem, Z as FieldLabel, ot as FieldValidity, dn as ForgotPasswordBlock, st as Frame, dt as FrameDescription, ft as FrameFooter, lt as FrameHeader, ct as FramePanel, ut as FrameTitle, pt as Input, gt as InputGroup, _t as InputGroupAddon, yt as InputGroupInput, vt as InputGroupText, bt as InputGroupTextarea, ge as InputPrimitive, xt as Label, ai as Layout, pn as LinkedAccountsBlock, mn as LoginBlock, Rr as MarqueeLabel, kt as MenuLinkItem, G as MenuPrimitive, an as MorphStep, Bt as OTPField, Vt as OTPFieldInput, _e as OTPFieldPrimitive, Ht as OTPFieldSeparator, yn as OnboardingBlock, Cn as PasskeyManagerBlock, wn as PasskeySignInBlock, Jt as PasswordInput, ci as ProfileCardBlock, $r as ResourceRow, $ as Reveal, Xt as SOCIAL_PROVIDERS, In as SPRING_GLIDE, Pn as SPRING_LAYOUT, Fn as SPRING_MOUSE, Nn as SPRING_PANEL, jn as SPRING_PRESS, Mn as SPRING_SWAP, zt as Separator, ve as SeparatorPrimitive, zn as SharedLayoutBg, ri as ShellLayout, ti as Sidebar, Er as SidebarBlock, Lr as SidebarIcon, Tn as SignupBlock, Ut as Skeleton, Qt as SocialProviders, ke as Spinner, ni as TITLE_BAR_HEIGHT, mt as Textarea, En as UpdatePasswordBlock, en as UserAvatar, nn as authAccentActionStyles, tn as authAccentVars, $e as bindSounds, Re as buttonVariants, J as cn, oi as defaultProfileCardItems, Kt as getPasswordStrength, $t as initialsFrom, Gt as passwordRequirements, et as playCue, ue as playSound, de as setSoundEnabled, fe as setSoundVolume, pe as sounds, Ir as useAISidebar, rr as useAnimatedSidebar, ln as useCountdown };
+export { $r as AISidebar, or as AnimatedSidebar, cr as AnimatedSidebarClose, fr as AnimatedSidebarContent, pr as AnimatedSidebarFooter, mr as AnimatedSidebarGroup, gr as AnimatedSidebarGroupContent, hr as AnimatedSidebarGroupLabel, dr as AnimatedSidebarHeader, ur as AnimatedSidebarInset, _r as AnimatedSidebarMenu, Sr as AnimatedSidebarMenuButton, vr as AnimatedSidebarMenuItem, yr as AnimatedSidebarMenuSub, xr as AnimatedSidebarMenuSubButton, br as AnimatedSidebarMenuSubItem, ir as AnimatedSidebarProvider, lr as AnimatedSidebarRail, sr as AnimatedSidebarTrigger, an as AuthCard, Q as AuthError, cn as AuthSeparator, sn as AuthSuccess, De as Avatar, ke as AvatarFallback, Oe as AvatarImage, e as AvatarPrimitive, q as Button, Be as Card, Xe as CardAction, Ze as CardContent, Ze as CardPanel, Ye as CardDescription, Qe as CardFooter, Ve as CardFrame, Ge as CardFrameAction, We as CardFrameDescription, Ke as CardFrameFooter, He as CardFrameHeader, Ue as CardFrameTitle, qe as CardHeader, Je as CardTitle, nt as Checkbox, se as CheckboxPrimitive, un as CodeAuthBlock, vn as DEFAULT_ONBOARDING_STEPS, wt as DropdownMenu, wt as Menu, jt as DropdownMenuCheckboxItem, jt as MenuCheckboxItem, Dt as DropdownMenuContent, Dt as MenuPopup, Ct as DropdownMenuCreateHandle, Ct as MenuCreateHandle, Ot as DropdownMenuGroup, Ot as MenuGroup, kt as DropdownMenuItem, kt as MenuItem, Pt as DropdownMenuLabel, Pt as MenuGroupLabel, Tt as DropdownMenuPortal, Tt as MenuPortal, Mt as DropdownMenuRadioGroup, Mt as MenuRadioGroup, Nt as DropdownMenuRadioItem, Nt as MenuRadioItem, Ft as DropdownMenuSeparator, Ft as MenuSeparator, It as DropdownMenuShortcut, It as MenuShortcut, Lt as DropdownMenuSub, Lt as MenuSub, zt as DropdownMenuSubContent, zt as MenuSubPopup, Rt as DropdownMenuSubTrigger, Rt as MenuSubTrigger, Et as DropdownMenuTrigger, Et as MenuTrigger, X as EASE, On as EASE_DRAWER, Dn as EASE_IN_OUT, $ as EASE_OUT, kn as EASE_OUT_CSS, J as Field, ot as FieldControl, it as FieldDescription, at as FieldError, rt as FieldItem, Y as FieldLabel, st as FieldValidity, dn as ForgotPasswordBlock, ct as Frame, ft as FrameDescription, pt as FrameFooter, ut as FrameHeader, lt as FramePanel, dt as FrameTitle, mt as Input, _t as InputGroup, vt as InputGroupAddon, bt as InputGroupInput, yt as InputGroupText, xt as InputGroupTextarea, ge as InputPrimitive, St as Label, ai as Layout, pn as LinkedAccountsBlock, mn as LoginBlock, Lr as MarqueeLabel, At as MenuLinkItem, U as MenuPrimitive, on as MorphStep, Vt as OTPField, Ht as OTPFieldInput, _e as OTPFieldPrimitive, Ut as OTPFieldSeparator, yn as OnboardingBlock, Cn as PasskeyManagerBlock, wn as PasskeySignInBlock, Yt as PasswordInput, ci as ProfileCardBlock, Qr as ResourceRow, Z as Reveal, Zt as SOCIAL_PROVIDERS, Fn as SPRING_GLIDE, Nn as SPRING_LAYOUT, Pn as SPRING_MOUSE, Mn as SPRING_PANEL, An as SPRING_PRESS, jn as SPRING_SWAP, Bt as Separator, ve as SeparatorPrimitive, Rn as SharedLayoutBg, ni as ShellLayout, ei as Sidebar, Tr as SidebarBlock, Ir as SidebarIcon, Tn as SignupBlock, Wt as Skeleton, $t as SocialProviders, Ae as Spinner, ti as TITLE_BAR_HEIGHT, ht as Textarea, En as UpdatePasswordBlock, tn as UserAvatar, rn as authAccentActionStyles, nn as authAccentVars, et as bindSounds, ze as buttonVariants, K as cn, oi as defaultProfileCardItems, qt as getPasswordStrength, en as initialsFrom, Kt as passwordRequirements, tt as playCue, ue as playSound, de as setSoundEnabled, fe as setSoundVolume, pe as sounds, Fr as useAISidebar, nr as useAnimatedSidebar, ln as useCountdown, ii as useShellPanels };
 
 //# sourceMappingURL=index.js.map