@exegia/corpora-ui 0.9.0 → 0.11.0

package/dist-lib/index.js

@@ -5,40 +5,40 @@ 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, CheckIcon as u, ChevronRight as d, ChevronRightIcon as f, ChevronsUpDownIcon as p, EyeIcon as m, EyeOffIcon as h, FingerprintIcon as g, Loader2Icon as _, LogOutIcon as v, MailIcon as y, PanelLeftIcon as b, SettingsIcon as x, SmartphoneIcon as S, UserIcon as C, UserPlusIcon as w, UsersIcon as T, XIcon as E } from "lucide-react";
-import * as D from "react";
-import { Children as O, cloneElement as k, createContext as A, createElement as j, forwardRef as M, isValidElement as N, useCallback as P, useContext as ee, useEffect as F, useId as te, useMemo as ne, useRef as re, useState as I, useSyncExternalStore as ie } from "react";
-import { Checkbox as ae } from "@base-ui/react/checkbox";
-import { bind as oe, play as se, play as ce, setEnabled as le, setVolume as ue, sounds as de } from "cuelume";
-import { Field as fe, Field as L } from "@base-ui/react/field";
-import { Input as pe } from "@base-ui/react/input";
+import { ArrowLeftIcon as l, CheckIcon as u, ChevronRight as d, ChevronRightIcon as f, ChevronsUpDownIcon as p, EyeIcon as m, EyeOffIcon as h, FingerprintIcon as g, KeyRoundIcon as _, Loader2Icon as v, LogOutIcon as y, MailIcon as b, MenuIcon as x, PanelLeftIcon as S, PanelRightIcon as C, SettingsIcon as w, SmartphoneIcon as T, UserIcon as E, UserPlusIcon as D, UsersIcon as O, XIcon as k } from "lucide-react";
+import * as A from "react";
+import { Children as j, cloneElement as ee, createContext as te, createElement as ne, forwardRef as M, isValidElement as re, useCallback as N, useContext as ie, useEffect as P, useId as F, useMemo as ae, useRef as oe, useState as I, useSyncExternalStore as se } from "react";
+import { Checkbox as ce } from "@base-ui/react/checkbox";
+import { bind as le, play as ue, play as de, setEnabled as fe, setVolume as pe, sounds as me } from "cuelume";
+import { Field as he, Field as L } from "@base-ui/react/field";
+import { Input as ge } from "@base-ui/react/input";
 import { Menu as R } from "@base-ui/react/menu";
-import { OTPField as me } from "@base-ui/react/otp-field";
-import { Separator as he } from "@base-ui/react/separator";
-import { AnimatePresence as z, MotionConfig as ge, motion as B, useReducedMotion as _e } from "motion/react";
-import { RiAppleFill as ve, RiGithubFill as ye, RiGoogleFill as be, RiTwitterXFill as xe } from "@remixicon/react";
-import { createPortal as Se } from "react-dom";
+import { OTPField as _e } from "@base-ui/react/otp-field";
+import { Separator as ve } from "@base-ui/react/separator";
+import { AnimatePresence as z, MotionConfig as ye, motion as B, 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";
 //#region src/lib/utils.ts
 function V(...e) {
 	return n(t(e));
 }
 //#endregion
 //#region src/components/ui/avatar.tsx
-function Ce({ className: t, ...n }) {
+function Ee({ className: t, ...n }) {
 	return /* @__PURE__ */ i(e.Root, {
 		className: V("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 we({ className: t, ...n }) {
+function De({ className: t, ...n }) {
 	return /* @__PURE__ */ i(e.Image, {
 		className: V("size-full object-cover", t),
 		"data-slot": "avatar-image",
 		...n
 	});
 }
-function Te({ className: t, ...n }) {
+function Oe({ className: t, ...n }) {
 	return /* @__PURE__ */ i(e.Fallback, {
 		className: V("flex size-full items-center justify-center rounded-full bg-muted", t),
 		"data-slot": "avatar-fallback",
@@ -47,8 +47,8 @@ function Te({ className: t, ...n }) {
 }
 //#endregion
 //#region src/components/ui/spinner.tsx
-function Ee({ className: e, ...t }) {
-	return /* @__PURE__ */ i(_, {
+function ke({ className: e, ...t }) {
+	return /* @__PURE__ */ i(v, {
 		"aria-label": "Loading",
 		className: V("animate-spin", e),
 		role: "status",
@@ -57,16 +57,16 @@ function Ee({ className: e, ...t }) {
 }
 //#endregion
 //#region src/components/ui/glasscn/liquid-glass.tsx
-var De = 480, Oe = 1.25, ke = /* @__PURE__ */ new Map();
-function Ae() {
+var Ae = 480, je = 1.25, Me = /* @__PURE__ */ new Map();
+function Ne() {
 	if (typeof navigator > "u") return !1;
 	let e = navigator.userAgent;
 	return (/Chrom(e|ium)/.test(e) || /Edg\//.test(e)) && !/Firefox/.test(e);
 }
-function je({ width: e, height: t, radius: n, bezel: r }) {
-	let i = `${e}:${t}:${n}:${r}`, a = ke.get(i);
+function Pe({ width: e, height: t, radius: n, bezel: r }) {
+	let i = `${e}:${t}:${n}:${r}`, a = Me.get(i);
 	if (a !== void 0) return a;
-	let o = Math.min(1, De / 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, 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");
 	l.width = s, l.height = c;
 	let u = l.getContext("2d");
 	if (!u) return "";
@@ -82,23 +82,23 @@ function je({ 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 - Me(Math.min(1, y / g));
-		b *= Math.min(1, y / Oe), 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 - 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;
 	}
 	u.putImageData(d, 0, 0);
 	let _ = l.toDataURL("image/png");
-	return ke.set(i, _), _;
+	return Me.set(i, _), _;
 }
-function Me(e) {
+function Fe(e) {
 	return (1 - (1 - e) ** 4) ** .25;
 }
-var Ne = M(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 = te(), m = ne(() => `liquid-glass-${p.replace(/:/g, "")}`, [p]);
+var Ie = M(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 = F(), m = ae(() => `liquid-glass-${p.replace(/:/g, "")}`, [p]);
 	console.log(n);
-	let h = re(null), g = P((e) => {
+	let h = oe(null), g = N((e) => {
 		h.current = e, typeof f == "function" ? f(e) : f && (f.current = e);
 	}, [f]), [_, v] = I(null);
-	F(() => {
+	P(() => {
 		let e = h.current;
 		if (!e) return;
 		let t = () => {
@@ -116,9 +116,9 @@ var Ne = M(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 = ne(() => _ ? je(_) : "", [_]), [b, x] = I(!1);
-	F(() => {
-		x(Ae());
+	let y = ae(() => _ ? Pe(_) : "", [_]), [b, x] = I(!1);
+	P(() => {
+		x(Ne());
 	}, []);
 	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", {
@@ -176,7 +176,7 @@ var Ne = M(function({ blur: e = 2, refraction: t = 15, mapSize: n, bezel: o = .3
 			]
 		})
 	})] });
-}), Pe = {
+}), Le = {
 	clear: [
 		"backdrop-blur-[2px] backdrop-saturate-[1.9]",
 		"bg-white/[0.25] dark:bg-black/[0.25]",
@@ -210,7 +210,7 @@ var Ne = M(function({ blur: e = 2, refraction: t = 15, mapSize: n, bezel: o = .3
 		"[will-change:background-position]"
 	].join(" "),
 	"liquid-refract": ""
-}, Fe = 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", {
+}, 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", {
 	compoundVariants: [{
 		class: "h-auto border-0 px-0 align-middle sm:h-auto",
 		size: [
@@ -260,18 +260,18 @@ function H({ className: e, variant: t, size: n, render: c, children: l, loading:
 					"aria-hidden": !u || void 0,
 					"data-slot": "button-loading-indicator",
 					className: V("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" : V("max-w-0 opacity-0 blur-[2px]", n === "xs" ? "-ms-1" : n === "sm" ? "-ms-1.5" : "-ms-2")),
-					children: /* @__PURE__ */ i(Ee, { className: u ? void 0 : "animate-none" })
+					children: /* @__PURE__ */ i(ke, { className: u ? void 0 : "animate-none" })
 				}),
 				l,
-				u && y && /* @__PURE__ */ i(Ee, {
+				u && y && /* @__PURE__ */ i(ke, {
 					className: "pointer-events-none absolute",
 					"data-slot": "button-loading-indicator"
 				})
 			] }),
-			className: V(Fe({
+			className: V(Re({
 				size: n,
 				variant: t
-			}), !y && "hover:[&_svg:not([class*='animate-'])]:scale-110 motion-reduce:hover:[&_svg]:scale-100", u && y && "data-loading:text-transparent", _ && Pe[_], 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", _ && Le[_], 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,11 +283,11 @@ function H({ className: e, variant: t, size: n, render: c, children: l, loading:
 		}, m),
 		render: c
 	});
-	return v ? /* @__PURE__ */ i(Ne, { children: b }) : b;
+	return v ? /* @__PURE__ */ i(Ie, { children: b }) : b;
 }
 //#endregion
 //#region src/components/ui/card.tsx
-function Ie({ className: e, render: t, ...n }) {
+function ze({ className: e, render: t, ...n }) {
 	return s({
 		defaultTagName: "div",
 		props: o({
@@ -297,7 +297,7 @@ function Ie({ className: e, render: t, ...n }) {
 		render: t
 	});
 }
-function Le({ className: e, render: t, ...n }) {
+function Be({ className: e, render: t, ...n }) {
 	return s({
 		defaultTagName: "div",
 		props: o({
@@ -307,7 +307,7 @@ function Le({ className: e, render: t, ...n }) {
 		render: t
 	});
 }
-function Re({ className: e, render: t, ...n }) {
+function Ve({ className: e, render: t, ...n }) {
 	return s({
 		defaultTagName: "div",
 		props: o({
@@ -317,7 +317,7 @@ function Re({ className: e, render: t, ...n }) {
 		render: t
 	});
 }
-function ze({ className: e, render: t, ...n }) {
+function He({ className: e, render: t, ...n }) {
 	return s({
 		defaultTagName: "div",
 		props: o({
@@ -327,7 +327,7 @@ function ze({ className: e, render: t, ...n }) {
 		render: t
 	});
 }
-function Be({ className: e, render: t, ...n }) {
+function Ue({ className: e, render: t, ...n }) {
 	return s({
 		defaultTagName: "div",
 		props: o({
@@ -337,7 +337,7 @@ function Be({ className: e, render: t, ...n }) {
 		render: t
 	});
 }
-function Ve({ className: e, render: t, ...n }) {
+function We({ className: e, render: t, ...n }) {
 	return s({
 		defaultTagName: "div",
 		props: o({
@@ -347,7 +347,7 @@ function Ve({ className: e, render: t, ...n }) {
 		render: t
 	});
 }
-function He({ className: e, render: t, ...n }) {
+function Ge({ className: e, render: t, ...n }) {
 	return s({
 		defaultTagName: "div",
 		props: o({
@@ -357,7 +357,7 @@ function He({ className: e, render: t, ...n }) {
 		render: t
 	});
 }
-function Ue({ className: e, render: t, ...n }) {
+function Ke({ className: e, render: t, ...n }) {
 	return s({
 		defaultTagName: "div",
 		props: o({
@@ -367,7 +367,7 @@ function Ue({ className: e, render: t, ...n }) {
 		render: t
 	});
 }
-function We({ className: e, render: t, ...n }) {
+function qe({ className: e, render: t, ...n }) {
 	return s({
 		defaultTagName: "div",
 		props: o({
@@ -377,7 +377,7 @@ function We({ className: e, render: t, ...n }) {
 		render: t
 	});
 }
-function Ge({ className: e, render: t, ...n }) {
+function Je({ className: e, render: t, ...n }) {
 	return s({
 		defaultTagName: "div",
 		props: o({
@@ -387,7 +387,7 @@ function Ge({ className: e, render: t, ...n }) {
 		render: t
 	});
 }
-function Ke({ className: e, render: t, ...n }) {
+function Ye({ className: e, render: t, ...n }) {
 	return s({
 		defaultTagName: "div",
 		props: o({
@@ -397,7 +397,7 @@ function Ke({ className: e, render: t, ...n }) {
 		render: t
 	});
 }
-function qe({ className: e, render: t, ...n }) {
+function Xe({ className: e, render: t, ...n }) {
 	return s({
 		defaultTagName: "div",
 		props: o({
@@ -407,7 +407,7 @@ function qe({ className: e, render: t, ...n }) {
 		render: t
 	});
 }
-function Je({ className: e, render: t, ...n }) {
+function Ze({ className: e, render: t, ...n }) {
 	return s({
 		defaultTagName: "div",
 		props: o({
@@ -419,24 +419,24 @@ function Je({ className: e, render: t, ...n }) {
 }
 //#endregion
 //#region src/lib/sound.ts
-var Ye = !1;
-function Xe(e) {
-	Ye = !0, oe(e);
+var Qe = !1;
+function $e(e) {
+	Qe = !0, le(e);
 }
-function Ze(e, t) {
-	Ye && se(e, t);
+function et(e, t) {
+	Qe && ue(e, t);
 }
 //#endregion
 //#region src/components/ui/checkbox.tsx
-function Qe({ className: e, sound: t = !0, onCheckedChange: n, ...r }) {
-	return /* @__PURE__ */ i(ae.Root, {
+function tt({ className: e, sound: t = !0, onCheckedChange: n, ...r }) {
+	return /* @__PURE__ */ i(ce.Root, {
 		onCheckedChange: (e, r) => {
-			t && Ze("toggle"), n?.(e, r);
+			t && et("toggle"), n?.(e, r);
 		},
 		className: V("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(ae.Indicator, {
+		children: /* @__PURE__ */ i(ce.Indicator, {
 			className: "absolute -inset-px flex items-center justify-center rounded-[.25rem] text-primary-foreground data-unchecked:hidden data-checked:bg-primary data-indeterminate:text-foreground",
 			"data-slot": "checkbox-indicator",
 			render: (e, t) => /* @__PURE__ */ i("span", {
@@ -488,66 +488,66 @@ function W({ className: e, ...t }) {
 		...t
 	});
 }
-function $e({ className: e, ...t }) {
+function nt({ className: e, ...t }) {
 	return /* @__PURE__ */ i(L.Item, {
 		className: V("flex", e),
 		"data-slot": "field-item",
 		...t
 	});
 }
-function et({ className: e, ...t }) {
+function rt({ className: e, ...t }) {
 	return /* @__PURE__ */ i(L.Description, {
 		className: V("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 tt({ className: e, ...t }) {
+function it({ className: e, ...t }) {
 	return /* @__PURE__ */ i(L.Error, {
 		className: V("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 nt = L.Control, rt = L.Validity;
+var at = L.Control, ot = L.Validity;
 //#endregion
 //#region src/components/ui/frame.tsx
-function it({ className: e, ...t }) {
+function st({ className: e, ...t }) {
 	return /* @__PURE__ */ i("div", {
 		className: V("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 at({ className: e, ...t }) {
+function ct({ className: e, ...t }) {
 	return /* @__PURE__ */ i("div", {
 		className: V("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 ot({ className: e, ...t }) {
+function lt({ className: e, ...t }) {
 	return /* @__PURE__ */ i("header", {
 		className: V("flex flex-col px-5 py-4", e),
 		"data-slot": "frame-panel-header",
 		...t
 	});
 }
-function st({ className: e, ...t }) {
+function ut({ className: e, ...t }) {
 	return /* @__PURE__ */ i("div", {
 		className: V("font-semibold text-sm", e),
 		"data-slot": "frame-panel-title",
 		...t
 	});
 }
-function ct({ className: e, ...t }) {
+function dt({ className: e, ...t }) {
 	return /* @__PURE__ */ i("div", {
 		className: V("text-muted-foreground text-sm", e),
 		"data-slot": "frame-panel-description",
 		...t
 	});
 }
-function lt({ className: e, ...t }) {
+function ft({ className: e, ...t }) {
 	return /* @__PURE__ */ i("footer", {
 		className: V("px-5 py-4", e),
 		"data-slot": "frame-panel-footer",
@@ -568,7 +568,7 @@ function G({ className: e, size: t = "default", unstyled: n = !1, nativeInput: r
 			size: typeof t == "number" ? t : void 0,
 			style: typeof a == "function" ? void 0 : a,
 			...o
-		}) : /* @__PURE__ */ i(pe, {
+		}) : /* @__PURE__ */ i(ge, {
 			className: s,
 			"data-slot": "input",
 			size: typeof t == "number" ? t : void 0,
@@ -579,12 +579,12 @@ function G({ className: e, size: t = "default", unstyled: n = !1, nativeInput: r
 }
 //#endregion
 //#region src/components/ui/textarea.tsx
-function ut({ className: e, size: t = "default", unstyled: n = !1, ref: r, ...a }) {
+function pt({ className: e, size: t = "default", unstyled: n = !1, ref: r, ...a }) {
 	return /* @__PURE__ */ i("span", {
 		className: V(!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(fe.Control, {
+		children: /* @__PURE__ */ i(he.Control, {
 			ref: r,
 			value: a.value,
 			defaultValue: a.defaultValue,
@@ -601,7 +601,7 @@ function ut({ className: e, size: t = "default", unstyled: n = !1, ref: r, ...a
 }
 //#endregion
 //#region src/components/ui/input-group.tsx
-var dt = 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 mt = 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,7 +610,7 @@ var dt = 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 ft({ className: e, ...t }) {
+function ht({ className: e, ...t }) {
 	return /* @__PURE__ */ i("div", {
 		className: V("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",
@@ -618,9 +618,9 @@ function ft({ className: e, ...t }) {
 		...t
 	});
 }
-function pt({ className: e, align: t = "inline-start", ...n }) {
+function gt({ className: e, align: t = "inline-start", ...n }) {
 	return /* @__PURE__ */ i("div", {
-		className: V(dt({ align: t }), e),
+		className: V(mt({ align: t }), e),
 		"data-align": t,
 		"data-slot": "input-group-addon",
 		onMouseDown: (e) => {
@@ -632,21 +632,21 @@ function pt({ className: e, align: t = "inline-start", ...n }) {
 		...n
 	});
 }
-function mt({ className: e, ...t }) {
+function _t({ className: e, ...t }) {
 	return /* @__PURE__ */ i("span", {
 		className: V("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 ht({ className: e, ...t }) {
+function vt({ className: e, ...t }) {
 	return /* @__PURE__ */ i(G, {
 		className: e,
 		unstyled: !0,
 		...t
 	});
 }
-function gt({ className: e, ...t }) {
-	return /* @__PURE__ */ i(ut, {
+function yt({ className: e, ...t }) {
+	return /* @__PURE__ */ i(pt, {
 		className: e,
 		unstyled: !0,
 		...t
@@ -654,7 +654,7 @@ function gt({ className: e, ...t }) {
 }
 //#endregion
 //#region src/components/ui/label.tsx
-function _t({ className: e, render: t, sound: n = !1, ...r }) {
+function bt({ className: e, render: t, sound: n = !1, ...r }) {
 	return s({
 		defaultTagName: "label",
 		props: o({
@@ -667,8 +667,8 @@ function _t({ className: e, render: t, sound: n = !1, ...r }) {
 }
 //#endregion
 //#region src/components/ui/menu.tsx
-var vt = R.createHandle, yt = R.Root, bt = R.Portal;
-function xt({ className: e, children: t, ...n }) {
+var xt = R.createHandle, St = R.Root, Ct = R.Portal;
+function wt({ className: e, children: t, ...n }) {
 	return /* @__PURE__ */ i(R.Trigger, {
 		className: e,
 		"data-slot": "menu-trigger",
@@ -676,8 +676,8 @@ function xt({ className: e, children: t, ...n }) {
 		children: t
 	});
 }
-function St({ children: e, className: t, sideOffset: n = 4, align: r = "center", alignOffset: a, side: o = "bottom", anchor: s, portalProps: c, ...l }) {
-	return /* @__PURE__ */ i(bt, {
+function Tt({ children: e, className: t, sideOffset: n = 4, align: r = "center", alignOffset: a, side: o = "bottom", anchor: s, portalProps: c, ...l }) {
+	return /* @__PURE__ */ i(Ct, {
 		...c,
 		children: /* @__PURE__ */ i(R.Positioner, {
 			align: r,
@@ -699,13 +699,13 @@ function St({ children: e, className: t, sideOffset: n = 4, align: r = "center",
 		})
 	});
 }
-function Ct(e) {
+function Et(e) {
 	return /* @__PURE__ */ i(R.Group, {
 		"data-slot": "menu-group",
 		...e
 	});
 }
-function wt({ className: e, inset: t, variant: n = "default", ...r }) {
+function Dt({ className: e, inset: t, variant: n = "default", ...r }) {
 	return /* @__PURE__ */ i(R.Item, {
 		className: V("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,
@@ -714,7 +714,7 @@ function wt({ className: e, inset: t, variant: n = "default", ...r }) {
 		...r
 	});
 }
-function Tt({ className: e, inset: t, variant: n = "default", closeOnClick: r = !0, ...a }) {
+function Ot({ className: e, inset: t, variant: n = "default", closeOnClick: r = !0, ...a }) {
 	return /* @__PURE__ */ i(R.LinkItem, {
 		className: V("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,
@@ -724,7 +724,7 @@ function Tt({ className: e, inset: t, variant: n = "default", closeOnClick: r =
 		...a
 	});
 }
-function Et({ className: e, children: t, checked: n, variant: o = "default", ...s }) {
+function kt({ className: e, children: t, checked: n, variant: o = "default", ...s }) {
 	return /* @__PURE__ */ i(R.CheckboxItem, {
 		checked: n,
 		className: V("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),
@@ -758,13 +758,13 @@ function Et({ className: e, children: t, checked: n, variant: o = "default", ...
 		})] })
 	});
 }
-function Dt(e) {
+function At(e) {
 	return /* @__PURE__ */ i(R.RadioGroup, {
 		"data-slot": "menu-radio-group",
 		...e
 	});
 }
-function Ot({ className: e, children: t, ...n }) {
+function jt({ className: e, children: t, ...n }) {
 	return /* @__PURE__ */ a(R.RadioItem, {
 		className: V("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",
@@ -790,7 +790,7 @@ function Ot({ className: e, children: t, ...n }) {
 		})]
 	});
 }
-function kt({ className: e, inset: t, ...n }) {
+function Mt({ className: e, inset: t, ...n }) {
 	return /* @__PURE__ */ i(R.GroupLabel, {
 		className: V("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,
@@ -798,27 +798,27 @@ function kt({ className: e, inset: t, ...n }) {
 		...n
 	});
 }
-function At({ className: e, ...t }) {
+function Nt({ className: e, ...t }) {
 	return /* @__PURE__ */ i(R.Separator, {
 		className: V("mx-2 my-1 h-px bg-border", e),
 		"data-slot": "menu-separator",
 		...t
 	});
 }
-function jt({ className: e, ...t }) {
+function Pt({ className: e, ...t }) {
 	return /* @__PURE__ */ i("kbd", {
 		className: V("ms-auto font-medium font-sans text-muted-foreground/72 text-xs tracking-widest", e),
 		"data-slot": "menu-shortcut",
 		...t
 	});
 }
-function Mt(e) {
+function Ft(e) {
 	return /* @__PURE__ */ i(R.SubmenuRoot, {
 		"data-slot": "menu-sub",
 		...e
 	});
 }
-function Nt({ className: e, inset: t, children: n, ...r }) {
+function It({ className: e, inset: t, children: n, ...r }) {
 	return /* @__PURE__ */ a(R.SubmenuTrigger, {
 		className: V("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,
@@ -827,8 +827,8 @@ function Nt({ className: e, inset: t, children: n, ...r }) {
 		children: [n, /* @__PURE__ */ i(f, { className: "ms-auto -me-0.5 opacity-80" })]
 	});
 }
-function Pt({ className: e, sideOffset: t = 0, alignOffset: n, align: r = "start", ...a }) {
-	return /* @__PURE__ */ i(St, {
+function Lt({ className: e, sideOffset: t = 0, alignOffset: n, align: r = "start", ...a }) {
+	return /* @__PURE__ */ i(Tt, {
 		align: r,
 		alignOffset: n ?? (r === "center" ? void 0 : -5),
 		className: e,
@@ -840,8 +840,8 @@ function Pt({ className: e, sideOffset: t = 0, alignOffset: n, align: r = "start
 }
 //#endregion
 //#region src/components/ui/separator.tsx
-function Ft({ className: e, orientation: t = "horizontal", ...n }) {
-	return /* @__PURE__ */ i(he, {
+function Rt({ className: e, orientation: t = "horizontal", ...n }) {
+	return /* @__PURE__ */ i(ve, {
 		className: V("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,
@@ -850,28 +850,28 @@ function Ft({ className: e, orientation: t = "horizontal", ...n }) {
 }
 //#endregion
 //#region src/components/ui/otp-field.tsx
-function It({ className: e, size: t = "default", sound: n = !0, onValueChange: r, ...a }) {
-	let o = D.useRef(String(a.value ?? a.defaultValue ?? "").length);
-	return /* @__PURE__ */ i(me.Root, {
+function zt({ className: e, size: t = "default", sound: n = !0, onValueChange: r, ...a }) {
+	let o = A.useRef(String(a.value ?? a.defaultValue ?? "").length);
+	return /* @__PURE__ */ i(_e.Root, {
 		className: V("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 && Ze("tick"), o.current = e.length, r?.(e, ...t);
+			n && e.length > o.current && et("tick"), o.current = e.length, r?.(e, ...t);
 		},
 		...a
 	});
 }
-function Lt({ className: e, ...t }) {
-	return /* @__PURE__ */ i(me.Input, {
+function Bt({ className: e, ...t }) {
+	return /* @__PURE__ */ i(_e.Input, {
 		className: V("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 Rt({ className: e, ...t }) {
-	return /* @__PURE__ */ i(me.Separator, { render: /* @__PURE__ */ i(Ft, {
+function Vt({ className: e, ...t }) {
+	return /* @__PURE__ */ i(_e.Separator, { render: /* @__PURE__ */ i(Rt, {
 		className: V("rounded-full bg-input data-[orientation=horizontal]:h-0.5 data-[orientation=horizontal]:w-3", e),
 		orientation: "horizontal",
 		...t
@@ -879,7 +879,7 @@ function Rt({ className: e, ...t }) {
 }
 //#endregion
 //#region src/components/ui/skeleton.tsx
-function zt({ className: e, ...t }) {
+function Ht({ className: e, ...t }) {
 	return /* @__PURE__ */ i("div", {
 		className: V("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",
@@ -888,12 +888,12 @@ function zt({ className: e, ...t }) {
 }
 //#endregion
 //#region src/components/composed/password-input.tsx
-var Bt = [
+var Ut = [
 	.22,
 	1,
 	.36,
 	1
-], Vt = [
+], Wt = [
 	{
 		regex: /.{8,}/,
 		text: "At least 8 characters"
@@ -911,21 +911,21 @@ var Bt = [
 		text: "At least 1 uppercase letter"
 	}
 ];
-function Ht(e) {
-	return Vt.filter((t) => t.regex.test(e)).length;
+function Gt(e) {
+	return Wt.filter((t) => t.regex.test(e)).length;
 }
-var Ut = [
+var Kt = [
 	"bg-border",
 	"bg-red-500",
 	"bg-orange-500",
 	"bg-amber-500",
 	"bg-emerald-500"
 ];
-function Wt({ visibilityToggle: e = !0, showStrength: t = !1, sound: n = !0, className: r, value: o, defaultValue: s, onChange: c, ...l }) {
-	let [d, f] = D.useState(!1), [p, g] = D.useState(String(s ?? "")), _ = o === void 0 ? p : String(o), v = Ht(_);
+function qt({ visibilityToggle: e = !0, showStrength: t = !1, sound: n = !0, className: r, value: o, defaultValue: s, onChange: c, ...l }) {
+	let [d, f] = A.useState(!1), [p, g] = A.useState(String(s ?? "")), _ = o === void 0 ? p : String(o), v = Gt(_);
 	return /* @__PURE__ */ a("div", {
 		className: V("flex w-full flex-col gap-3", r),
-		children: [/* @__PURE__ */ a(ft, { children: [/* @__PURE__ */ i(ht, {
+		children: [/* @__PURE__ */ a(ht, { children: [/* @__PURE__ */ i(vt, {
 			placeholder: "Enter your password",
 			...l,
 			type: d ? "text" : "password",
@@ -933,12 +933,12 @@ function Wt({ visibilityToggle: e = !0, showStrength: t = !1, sound: n = !0, cla
 			onChange: (e) => {
 				g(e.target.value), c?.(e);
 			}
-		}), e && /* @__PURE__ */ i(pt, {
+		}), e && /* @__PURE__ */ i(gt, {
 			align: "inline-end",
 			children: /* @__PURE__ */ i(H, {
 				"aria-label": d ? "Hide password" : "Show password",
 				onClick: () => {
-					n && Ze(d ? "droplet" : "bloom"), f((e) => !e);
+					n && et(d ? "droplet" : "bloom"), f((e) => !e);
 				},
 				size: "icon-xs",
 				variant: "ghost",
@@ -965,7 +965,7 @@ function Wt({ visibilityToggle: e = !0, showStrength: t = !1, sound: n = !0, cla
 						},
 						transition: {
 							duration: .15,
-							ease: Bt
+							ease: Ut
 						},
 						children: i(d ? h : m, { "aria-hidden": "true" })
 					}, d ? "off" : "on")
@@ -989,7 +989,7 @@ function Wt({ visibilityToggle: e = !0, showStrength: t = !1, sound: n = !0, cla
 				},
 				transition: {
 					duration: .25,
-					ease: Bt
+					ease: Ut
 				},
 				children: [/* @__PURE__ */ i("div", {
 					"aria-label": "Password strength",
@@ -999,24 +999,24 @@ function Wt({ visibilityToggle: e = !0, showStrength: t = !1, sound: n = !0, cla
 					className: "h-1 w-full overflow-hidden rounded-full bg-border",
 					role: "progressbar",
 					children: /* @__PURE__ */ i(B.div, {
-						className: V("h-full rounded-full", Ut[v]),
+						className: V("h-full rounded-full", Kt[v]),
 						animate: { width: `${v / 4 * 100}%` },
 						transition: {
 							duration: .4,
-							ease: Bt
+							ease: Ut
 						}
 					})
 				}), /* @__PURE__ */ i("ul", {
 					"aria-label": "Password requirements",
 					className: "flex flex-col gap-1",
-					children: Vt.map((e) => {
+					children: Wt.map((e) => {
 						let t = e.regex.test(_);
 						return /* @__PURE__ */ a("li", {
 							className: "flex items-center gap-2 text-xs",
 							children: [t ? /* @__PURE__ */ i(u, {
 								"aria-hidden": "true",
 								className: "size-3.5 text-emerald-500"
-							}) : /* @__PURE__ */ i(E, {
+							}) : /* @__PURE__ */ i(k, {
 								"aria-hidden": "true",
 								className: "size-3.5 text-muted-foreground/80"
 							}), /* @__PURE__ */ a("span", {
@@ -1035,29 +1035,62 @@ function Wt({ visibilityToggle: e = !0, showStrength: t = !1, sound: n = !0, cla
 }
 //#endregion
 //#region src/components/composed/social-providers.tsx
-var Gt = {
+function Jt(e) {
+	return /* @__PURE__ */ a("svg", {
+		viewBox: "0 0 24 24",
+		fill: "none",
+		...e,
+		children: [
+			/* @__PURE__ */ i("path", {
+				fill: "#4285F4",
+				d: "M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 0 1-2.2 3.32v2.76h3.56c2.09-1.92 3.28-4.74 3.28-8.09Z"
+			}),
+			/* @__PURE__ */ i("path", {
+				fill: "#34A853",
+				d: "M12 23c2.97 0 5.46-.98 7.28-2.66l-3.56-2.76c-.99.66-2.25 1.05-3.72 1.05-2.86 0-5.28-1.93-6.15-4.53H2.18v2.85A11 11 0 0 0 12 23Z"
+			}),
+			/* @__PURE__ */ i("path", {
+				fill: "#FBBC05",
+				d: "M5.85 14.1A6.6 6.6 0 0 1 5.5 12c0-.73.13-1.44.35-2.1V7.05H2.18a11 11 0 0 0 0 9.9l3.67-2.85Z"
+			}),
+			/* @__PURE__ */ i("path", {
+				fill: "#EA4335",
+				d: "M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15A11 11 0 0 0 2.18 7.05L5.85 9.9C6.72 7.3 9.14 5.38 12 5.38Z"
+			})
+		]
+	});
+}
+var Yt = {
 	google: {
 		label: "Google",
-		Icon: be
+		Icon: Ce,
+		BrandIcon: Jt,
+		brandClassName: ""
 	},
 	apple: {
 		label: "Apple",
-		Icon: ve
+		Icon: xe,
+		BrandIcon: xe,
+		brandClassName: "text-foreground"
 	},
 	github: {
 		label: "GitHub",
-		Icon: ye
+		Icon: Se,
+		BrandIcon: Se,
+		brandClassName: "text-foreground"
 	},
 	x: {
 		label: "X",
-		Icon: xe
+		Icon: we,
+		BrandIcon: we,
+		brandClassName: "text-foreground"
 	}
-}, Kt = {
+}, Xt = {
 	login: "Login with",
 	signup: "Sign up with",
 	continue: "Continue with"
 };
-function qt({ providers: e = [
+function Zt({ providers: e = [
 	"google",
 	"apple",
 	"github"
@@ -1066,19 +1099,19 @@ function qt({ providers: e = [
 	return /* @__PURE__ */ i("div", {
 		className: V("flex w-full gap-2", l ? "flex-row justify-center" : "flex-col", c),
 		children: e.map((e) => {
-			let { label: n, Icon: c } = Gt[e];
+			let { label: n, Icon: c } = Yt[e];
 			return /* @__PURE__ */ a(H, {
 				variant: "outline",
 				size: l ? "icon" : "default",
 				className: l ? void 0 : "w-full",
-				"aria-label": `${Kt[t]} ${n}`,
+				"aria-label": `${Xt[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: [
-						Kt[t],
+						Xt[t],
 						" ",
 						n
 					]
@@ -1089,30 +1122,30 @@ function qt({ providers: e = [
 }
 //#endregion
 //#region src/components/composed/user-avatar.tsx
-function Jt(e) {
+function Qt(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 Yt({ src: e, name: t = "", initials: n, alt: r, loading: o, className: s, ...c }) {
-	let [l, u] = D.useState("idle"), d = o ?? (e !== void 0 && (l === "idle" || l === "loading"));
-	return /* @__PURE__ */ a(Ce, {
+function $t({ src: e, name: t = "", initials: n, alt: r, loading: o, className: s, ...c }) {
+	let [l, u] = A.useState("idle"), d = o ?? (e !== void 0 && (l === "idle" || l === "loading"));
+	return /* @__PURE__ */ a(Ee, {
 		className: V("size-8", s),
 		"data-loading": d || void 0,
 		"data-slot": "user-avatar",
 		...c,
-		children: [e === void 0 || o === !0 ? null : /* @__PURE__ */ i(we, {
+		children: [e === void 0 || o === !0 ? null : /* @__PURE__ */ i(De, {
 			alt: r ?? t,
 			onLoadingStatusChange: u,
 			src: e
-		}), /* @__PURE__ */ i(Te, { children: d ? /* @__PURE__ */ i(zt, {
+		}), /* @__PURE__ */ i(Oe, { children: d ? /* @__PURE__ */ i(Ht, {
 			className: "size-full rounded-full",
 			"data-slot": "avatar-skeleton"
-		}) : n ?? Jt(t) })]
+		}) : n ?? Qt(t) })]
 	});
 }
 //#endregion
 //#region src/lib/auth-accent.ts
-var Xt = {
+var en = {
 	corpora: {
 		"--auth-accent": "#E8B124",
 		"--auth-accent-image": "none",
@@ -1123,19 +1156,19 @@ var Xt = {
 		"--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)"
 	}
-}, Zt = "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)]", K = [
+}, tn = "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)]", K = [
 	.22,
 	1,
 	.36,
 	1
 ];
 function q({ title: e, description: t, children: n, footer: r, className: o, logo: s, accent: c }) {
-	return /* @__PURE__ */ i(ge, {
+	return /* @__PURE__ */ i(ye, {
 		reducedMotion: "user",
-		children: /* @__PURE__ */ i(it, {
+		children: /* @__PURE__ */ i(st, {
 			className: V("w-full max-w-sm", o),
 			"data-accent": c,
-			style: c ? Xt[c] : void 0,
+			style: c ? en[c] : void 0,
 			children: /* @__PURE__ */ a(B.div, {
 				layout: !0,
 				transition: {
@@ -1143,18 +1176,18 @@ function q({ title: e, description: t, children: n, footer: r, className: o, log
 					ease: K
 				},
 				className: "flex flex-col",
-				children: [/* @__PURE__ */ a(Ie, { children: [/* @__PURE__ */ a(Ue, { children: [
+				children: [/* @__PURE__ */ a(ze, { children: [/* @__PURE__ */ a(Ke, { 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(We, { children: e }),
-					t && /* @__PURE__ */ i(Ge, { children: t })
-				] }), /* @__PURE__ */ i(qe, {
+					/* @__PURE__ */ i(qe, { children: e }),
+					t && /* @__PURE__ */ i(Je, { children: t })
+				] }), /* @__PURE__ */ i(Xe, {
 					className: "overflow-hidden",
 					children: n
-				})] }), r && /* @__PURE__ */ i(lt, {
+				})] }), r && /* @__PURE__ */ i(ft, {
 					className: "text-center text-sm text-muted-foreground",
 					children: r
 				})]
@@ -1192,7 +1225,7 @@ function J({ step: e, children: t, className: n }) {
 	});
 }
 function Y({ show: e, children: t, className: n }) {
-	let [r, a] = D.useState({
+	let [r, a] = A.useState({
 		show: e,
 		settled: e
 	});
@@ -1324,21 +1357,21 @@ function Z({ title: e, description: t, children: n }) {
 		]
 	});
 }
-function Qt({ label: e = "Or" }) {
+function nn({ label: e = "Or" }) {
 	return /* @__PURE__ */ a("div", {
 		className: "flex items-center gap-3",
 		children: [
-			/* @__PURE__ */ i(Ft, { className: "flex-1" }),
+			/* @__PURE__ */ i(Rt, { className: "flex-1" }),
 			/* @__PURE__ */ i("span", {
 				className: "text-xs text-muted-foreground uppercase",
 				children: e
 			}),
-			/* @__PURE__ */ i(Ft, { className: "flex-1" })
+			/* @__PURE__ */ i(Rt, { className: "flex-1" })
 		]
 	});
 }
-function $t(e, t) {
-	let [n, r] = D.useState({
+function rn(e, t) {
+	let [n, r] = A.useState({
 		restartKey: t,
 		seconds: e,
 		remaining: e
@@ -1347,7 +1380,7 @@ function $t(e, t) {
 		restartKey: t,
 		seconds: e,
 		remaining: e
-	}), D.useEffect(() => {
+	}), A.useEffect(() => {
 		if (e <= 0) return;
 		let t = window.setInterval(() => {
 			r((e) => e.remaining <= 0 ? e : {
@@ -1360,8 +1393,8 @@ function $t(e, t) {
 }
 //#endregion
 //#region src/components/blocks/auth/code-auth-block.tsx
-function en({ 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] = D.useState("idle"), [h, g] = D.useState(null), [_, v] = D.useState(""), [b, x] = D.useState(0), C = $t(l, b), w = e === "sms" ? S : y, T = e === "sms" ? "phone" : "email", E = D.useCallback(async (e) => {
+function an({ 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] = A.useState("idle"), [h, g] = A.useState(null), [_, v] = A.useState(""), [y, x] = A.useState(0), S = rn(l, y), C = e === "sms" ? T : b, w = e === "sms" ? "phone" : "email", E = A.useCallback(async (e) => {
 		g(null), m("loading");
 		try {
 			await u?.(e), m("success");
@@ -1369,10 +1402,10 @@ function en({ channel: e = "email", logo: t, accent: n, destination: o, length:
 			m("idle"), v(""), g(e instanceof Error ? e.message : "Invalid code.");
 		}
 	}, [u]);
-	function O(e) {
+	function D(e) {
 		v(e), h && g(null), c && e.length === s && p === "idle" && E(e);
 	}
-	async function k() {
+	async function O() {
 		x((e) => e + 1), v(""), g(null), await d?.();
 	}
 	return /* @__PURE__ */ i(q, {
@@ -1381,11 +1414,11 @@ function en({ channel: e = "email", logo: t, accent: n, destination: o, length:
 		accent: n,
 		description: /* @__PURE__ */ a("span", {
 			className: "inline-flex items-center gap-1.5",
-			children: [/* @__PURE__ */ i(w, { className: "size-3.5 shrink-0" }), /* @__PURE__ */ a("span", { children: [
+			children: [/* @__PURE__ */ i(C, { className: "size-3.5 shrink-0" }), /* @__PURE__ */ a("span", { children: [
 				"We sent a ",
 				s,
 				"-digit code to your ",
-				T,
+				w,
 				o ? /* @__PURE__ */ a(r, { children: [" ", /* @__PURE__ */ i("span", {
 					className: "font-medium text-foreground",
 					children: o
@@ -1396,7 +1429,7 @@ function en({ channel: e = "email", logo: t, accent: n, destination: o, length:
 		footer: p !== "success" && /* @__PURE__ */ a(H, {
 			variant: "link",
 			onClick: f,
-			children: ["Use a different ", T]
+			children: ["Use a different ", w]
 		}),
 		children: /* @__PURE__ */ i(J, {
 			step: p === "success" ? "success" : "form",
@@ -1419,12 +1452,12 @@ function en({ channel: e = "email", logo: t, accent: n, destination: o, length:
 							duration: .4,
 							ease: "easeInOut"
 						},
-						children: /* @__PURE__ */ i(It, {
+						children: /* @__PURE__ */ i(zt, {
 							length: s,
 							value: _,
-							onValueChange: O,
+							onValueChange: D,
 							disabled: p === "loading",
-							children: Array.from({ length: s }, (e, t) => /* @__PURE__ */ i(Lt, {
+							children: Array.from({ length: s }, (e, t) => /* @__PURE__ */ i(Bt, {
 								"aria-invalid": h ? !0 : void 0,
 								"aria-label": `Digit ${t + 1} of ${s}`
 							}, `slot-${t}`))
@@ -1445,17 +1478,17 @@ function en({ channel: e = "email", logo: t, accent: n, destination: o, length:
 							ease: K
 						},
 						className: "text-center text-sm text-muted-foreground",
-						children: C > 0 ? /* @__PURE__ */ a(r, { children: [
+						children: S > 0 ? /* @__PURE__ */ a(r, { children: [
 							"Resend code in",
 							" ",
 							/* @__PURE__ */ a("span", {
 								className: "font-medium tabular-nums text-foreground",
-								children: [C, "s"]
+								children: [S, "s"]
 							})
 						] }) : /* @__PURE__ */ i(H, {
 							variant: "link",
 							disabled: p === "loading",
-							onClick: () => void k(),
+							onClick: () => void O(),
 							children: "Resend code"
 						})
 					})
@@ -1466,8 +1499,8 @@ function en({ channel: e = "email", logo: t, accent: n, destination: o, length:
 }
 //#endregion
 //#region src/components/blocks/auth/forgot-password-block.tsx
-function tn({ 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 = D.useId(), [d, f] = D.useState("idle"), [p, m] = D.useState(null), [h, g] = D.useState("");
+function on({ 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 = A.useId(), [d, f] = A.useState("idle"), [p, m] = A.useState(null), [h, g] = A.useState("");
 	async function _(e) {
 		e.preventDefault(), m(null), f("loading");
 		try {
@@ -1541,45 +1574,45 @@ function tn({ title: e = "Reset your password", logo: t, accent: n, description:
 }
 //#endregion
 //#region src/components/blocks/auth/linked-accounts-block.tsx
-var nn = "This is your only way to sign in, so it can't be disconnected.";
-function rn({ title: e = "Connected accounts", description: t = "Manage the accounts you can use to sign in.", identities: n = [], providers: r = [
+var sn = "This is your only way to sign in, so it can't be disconnected.";
+function cn({ title: e = "Connected accounts", description: t = "Manage the accounts you can use to sign in.", identities: n = [], providers: r = [
 	"google",
 	"apple",
 	"github"
-], loading: o = !1, onLink: s, onUnlink: c, className: l }) {
-	let u = D.useId(), [d, f] = D.useState(null), [p, m] = D.useState(null), [h, g] = D.useState(null), _ = new Set(n.map((e) => e.provider)), v = r.filter((e) => !_.has(e)), y = p !== null || h !== null, b = n.length <= 1;
-	async function x(e) {
-		if (!y) {
-			f(null), m(e);
+], loading: o = !1, hasOtherSignInMethods: s = !1, onLink: c, onUnlink: l, className: u }) {
+	let d = A.useId(), [f, p] = A.useState(null), [m, h] = A.useState(null), [g, _] = A.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);
 			try {
-				await s?.(e);
+				await c?.(e);
 			} catch (e) {
-				f(e instanceof Error ? e.message : "Unable to connect account.");
+				p(e instanceof Error ? e.message : "Unable to connect account.");
 			} finally {
-				m(null);
+				h(null);
 			}
 		}
 	}
-	async function S(e) {
-		if (!(y || b)) {
-			f(null), g(e);
+	async function C(e) {
+		if (!(b || x)) {
+			p(null), _(e);
 			try {
-				await c?.(e);
+				await l?.(e);
 			} catch (e) {
-				f(e instanceof Error ? e.message : "Unable to disconnect account.");
+				p(e instanceof Error ? e.message : "Unable to disconnect account.");
 			} finally {
-				g(null);
+				_(null);
 			}
 		}
 	}
-	return /* @__PURE__ */ i(ge, {
+	return /* @__PURE__ */ i(ye, {
 		reducedMotion: "user",
-		children: /* @__PURE__ */ a(Ie, {
-			className: V("w-full", l),
+		children: /* @__PURE__ */ a(ze, {
+			className: V("w-full", u),
 			"data-slot": "auth-block",
-			children: [/* @__PURE__ */ a(Ue, { children: [/* @__PURE__ */ i(We, { children: e }), /* @__PURE__ */ i(Ge, { children: t })] }), /* @__PURE__ */ i(qe, { children: o ? /* @__PURE__ */ a("div", {
+			children: [/* @__PURE__ */ a(Ke, { children: [/* @__PURE__ */ i(qe, { children: e }), /* @__PURE__ */ i(Je, { children: t })] }), /* @__PURE__ */ i(Xe, { children: o ? /* @__PURE__ */ a("div", {
 				className: "flex items-center gap-2 text-sm text-muted-foreground",
-				children: [/* @__PURE__ */ i(Ee, { className: "size-4" }), "Loading connected accounts…"]
+				children: [/* @__PURE__ */ i(ke, { className: "size-4" }), "Loading connected accounts…"]
 			}) : /* @__PURE__ */ a(B.div, {
 				layout: !0,
 				transition: {
@@ -1588,14 +1621,14 @@ function rn({ title: e = "Connected accounts", description: t = "Manage the acco
 				},
 				className: "flex flex-col gap-3",
 				children: [
-					/* @__PURE__ */ i(X, { message: d }),
+					/* @__PURE__ */ i(X, { message: f }),
 					n.length > 0 ? /* @__PURE__ */ i("ul", {
 						"aria-label": "Connected accounts",
 						className: "flex flex-col gap-2",
 						children: /* @__PURE__ */ i(z, {
 							initial: !1,
 							children: n.map((e, t) => {
-								let { label: n, Icon: r } = Gt[e.provider];
+								let { label: n, BrandIcon: r, brandClassName: o } = Yt[e.provider];
 								return /* @__PURE__ */ a(B.li, {
 									layout: !0,
 									className: "flex items-center justify-between gap-3 rounded-lg border px-3 py-2",
@@ -1620,11 +1653,11 @@ function rn({ title: e = "Connected accounts", description: t = "Manage the acco
 										className: "flex min-w-0 items-center gap-2.5",
 										children: [/* @__PURE__ */ i(r, {
 											"aria-hidden": "true",
-											className: "size-4 text-muted-foreground"
+											className: V("size-4", o)
 										}), /* @__PURE__ */ a("div", {
 											className: "flex min-w-0 flex-col",
 											children: [/* @__PURE__ */ i("span", {
-												className: "font-medium text-sm",
+												className: "text-sm font-medium",
 												children: n
 											}), e.email && /* @__PURE__ */ i("span", {
 												className: "truncate text-xs text-muted-foreground",
@@ -1632,14 +1665,14 @@ function rn({ title: e = "Connected accounts", description: t = "Manage the acco
 											})]
 										})]
 									}), /* @__PURE__ */ i(H, {
-										"aria-describedby": b ? u : void 0,
+										"aria-describedby": x ? d : void 0,
 										"aria-label": `Disconnect ${n}`,
 										size: "sm",
 										type: "button",
 										variant: "destructive-outline",
-										disabled: y || b,
-										loading: h === e.id,
-										onClick: () => void S(e.id),
+										disabled: b || x,
+										loading: g === e.id,
+										onClick: () => void C(e.id),
 										children: "Disconnect"
 									})]
 								}, e.id);
@@ -1649,21 +1682,24 @@ function rn({ title: e = "Connected accounts", description: t = "Manage the acco
 						className: "text-sm text-muted-foreground",
 						children: "No sign-in methods connected yet."
 					}),
-					b && n.length > 0 && /* @__PURE__ */ i("p", {
+					x && n.length > 0 && /* @__PURE__ */ i("p", {
 						className: "text-xs text-muted-foreground",
-						id: u,
-						children: nn
+						id: d,
+						children: sn
 					}),
-					v.map((e) => {
-						let { label: t, Icon: n } = Gt[e];
+					y.map((e) => {
+						let { label: t, BrandIcon: n, brandClassName: r } = Yt[e];
 						return /* @__PURE__ */ a(H, {
 							className: "w-full",
 							type: "button",
 							variant: "outline",
-							disabled: y,
-							loading: p === e,
-							onClick: () => void x(e),
-							children: [/* @__PURE__ */ i(n, { "aria-hidden": "true" }), /* @__PURE__ */ a("span", {
+							disabled: b,
+							loading: m === e,
+							onClick: () => void S(e),
+							children: [/* @__PURE__ */ i(n, {
+								"aria-hidden": "true",
+								className: r
+							}), /* @__PURE__ */ a("span", {
 								className: "flex-1",
 								children: ["Connect ", t]
 							})]
@@ -1676,14 +1712,14 @@ function rn({ title: e = "Connected accounts", description: t = "Manage the acco
 }
 //#endregion
 //#region src/components/blocks/auth/login-block.tsx
-function an({ title: e = "Login to your account", description: t = "Enter your email and password to login", logo: n, accent: o, providers: s = [
+function ln({ title: e = "Login to your account", description: t = "Enter your email and password to login", logo: n, accent: o, providers: s = [
 	"google",
 	"apple",
 	"github"
 ], showRememberMe: c = !0, showForgotPassword: l = !0, onSubmit: u, onProviderSelect: d, onForgotPassword: f, onSignup: p }) {
-	let m = D.useId(), h = D.useId(), [g, _] = D.useState("idle"), [v, y] = D.useState(null), [b, x] = D.useState(null), [S, C] = D.useState(!1), [w, T] = D.useState(""), [E, O] = D.useState(!1), [k, A] = D.useState(""), j = g === "loading" || b !== null, M = k.trim().length > 0, N = E && M;
-	async function P(e) {
-		if (e.preventDefault(), !N) return;
+	let m = A.useId(), h = A.useId(), [g, _] = A.useState("idle"), [v, y] = A.useState(null), [b, x] = A.useState(null), [S, C] = A.useState(!1), [w, T] = A.useState(""), [E, D] = A.useState(!1), [O, k] = A.useState(""), j = g === "loading" || b !== null, ee = O.trim().length > 0, te = E && ee;
+	async function ne(e) {
+		if (e.preventDefault(), !te) return;
 		let t = new FormData(e.currentTarget);
 		y(null), _("loading");
 		try {
@@ -1696,7 +1732,7 @@ function an({ 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 M(e) {
 		y(null), x(e);
 		try {
 			await d?.(e), _("success");
@@ -1729,7 +1765,7 @@ function an({ 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: P,
+					onSubmit: ne,
 					children: [
 						/* @__PURE__ */ a(U, {
 							name: "email",
@@ -1747,7 +1783,7 @@ function an({ title: e = "Login to your account", description: t = "Enter your e
 								disabled: j,
 								value: w,
 								onChange: (e) => {
-									T(e.currentTarget.value), O(e.currentTarget.validity.valid);
+									T(e.currentTarget.value), D(e.currentTarget.validity.valid);
 								}
 							})]
 						}),
@@ -1760,14 +1796,14 @@ function an({ title: e = "Login to your account", description: t = "Enter your e
 										htmlFor: "password",
 										children: "Password"
 									}),
-									/* @__PURE__ */ i(Wt, {
+									/* @__PURE__ */ i(qt, {
 										id: "password",
 										name: "password",
 										autoComplete: "current-password",
 										required: !0,
 										disabled: j,
-										value: k,
-										onChange: (e) => A(e.target.value)
+										value: O,
+										onChange: (e) => k(e.target.value)
 									}),
 									l && /* @__PURE__ */ i(H, {
 										variant: "link",
@@ -1781,12 +1817,12 @@ function an({ title: e = "Login to your account", description: t = "Enter your e
 						}),
 						c && /* @__PURE__ */ a("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ i(Qe, {
+							children: [/* @__PURE__ */ i(tt, {
 								id: h,
 								checked: S,
 								onCheckedChange: (e) => C(e),
 								disabled: j
-							}), /* @__PURE__ */ i(_t, {
+							}), /* @__PURE__ */ i(bt, {
 								htmlFor: h,
 								className: "font-normal",
 								children: "Remember me"
@@ -1794,7 +1830,7 @@ function an({ title: e = "Login to your account", description: t = "Enter your e
 						}),
 						/* @__PURE__ */ i(X, { message: v }),
 						/* @__PURE__ */ i(Y, {
-							show: N,
+							show: te,
 							children: /* @__PURE__ */ i(H, {
 								className: V("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",
@@ -1805,14 +1841,14 @@ function an({ title: e = "Login to your account", description: t = "Enter your e
 						})
 					]
 				}), s.length > 0 && /* @__PURE__ */ a(Y, {
-					show: !N,
+					show: !te,
 					className: "flex flex-col gap-4",
-					children: [/* @__PURE__ */ i(Qt, { label: "Or continue with" }), /* @__PURE__ */ i(qt, {
+					children: [/* @__PURE__ */ i(nn, { label: "Or continue with" }), /* @__PURE__ */ i(Zt, {
 						providers: s,
 						action: "login",
 						loadingProvider: b,
 						disabled: g === "loading",
-						onSelect: ee
+						onSelect: M
 					})]
 				})]
 			})
@@ -1821,10 +1857,10 @@ function an({ title: e = "Login to your account", description: t = "Enter your e
 }
 //#endregion
 //#region src/components/blocks/auth/onboarding/profile-step.tsx
-function on(e, t) {
+function un(e, t) {
 	return e.kind === "checkbox" ? typeof t == "boolean" && t : typeof t == "string" ? t : "";
 }
-function sn(e, t) {
+function dn(e, t) {
 	let n = e.required === !0;
 	if (e.kind === "checkbox") return n && t !== !0 ? `${e.label} is required` : null;
 	let r = typeof t == "string" ? t.trim() : "";
@@ -1836,8 +1872,8 @@ function sn(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 cn({ step: e, values: t, submitting: n = !1, submitLabel: r, onSubmit: o, onBack: s, onDraftChange: c }) {
-	let l = D.useId(), [u, d] = D.useState(() => Object.fromEntries(e.fields.map((e) => [e.name, on(e, t[e.name])]))), [f, p] = D.useState({});
+function fn({ step: e, values: t, submitting: n = !1, submitLabel: r, onSubmit: o, onBack: s, onDraftChange: c }) {
+	let l = A.useId(), [u, d] = A.useState(() => Object.fromEntries(e.fields.map((e) => [e.name, un(e, t[e.name])]))), [f, p] = A.useState({});
 	function m(e, t) {
 		d((n) => ({
 			...n,
@@ -1851,7 +1887,7 @@ function cn({ step: e, values: t, submitting: n = !1, submitLabel: r, onSubmit:
 		if (t.preventDefault(), n) return;
 		let r = {};
 		for (let t of e.fields) {
-			let e = sn(t, u[t.name]);
+			let e = dn(t, u[t.name]);
 			e && (r[t.name] = e);
 		}
 		if (Object.keys(r).length > 0) {
@@ -1878,17 +1914,17 @@ function cn({ step: e, values: t, submitting: n = !1, submitLabel: r, onSubmit:
 				className: "gap-1.5",
 				children: [/* @__PURE__ */ a("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ i(Qe, {
+					children: [/* @__PURE__ */ i(tt, {
 						id: r,
 						checked: o === !0,
 						disabled: n,
 						onCheckedChange: (t) => m(e.name, t)
-					}), /* @__PURE__ */ i(_t, {
+					}), /* @__PURE__ */ i(bt, {
 						htmlFor: r,
 						className: "font-normal",
 						children: e.label
 					})]
-				}), t && /* @__PURE__ */ i(tt, {
+				}), t && /* @__PURE__ */ i(it, {
 					match: !0,
 					children: t
 				})]
@@ -1900,7 +1936,7 @@ function cn({ step: e, values: t, submitting: n = !1, submitLabel: r, onSubmit:
 						htmlFor: r,
 						children: e.label
 					}),
-					e.kind === "textarea" ? /* @__PURE__ */ i(ut, {
+					e.kind === "textarea" ? /* @__PURE__ */ i(pt, {
 						id: r,
 						"aria-invalid": t ? !0 : void 0,
 						disabled: n,
@@ -1930,7 +1966,7 @@ function cn({ step: e, values: t, submitting: n = !1, submitLabel: r, onSubmit:
 						value: String(o ?? ""),
 						onChange: (t) => m(e.name, t.target.value)
 					}),
-					t && /* @__PURE__ */ i(tt, {
+					t && /* @__PURE__ */ i(it, {
 						match: !0,
 						children: t
 					})
@@ -1955,7 +1991,7 @@ function cn({ step: e, values: t, submitting: n = !1, submitLabel: r, onSubmit:
 }
 //#endregion
 //#region src/components/blocks/auth/onboarding-block.tsx
-var ln = [{
+var pn = [{
 	id: "profile",
 	title: "Your profile",
 	fields: [{
@@ -1965,9 +2001,9 @@ var ln = [{
 		required: !0
 	}]
 }];
-function un({ steps: e = ln, logo: t, accent: n, onStepSubmit: r, onComplete: o, showCompleteScreen: s = !0, className: c }) {
-	let l = D.useRef(null), u = D.useRef({}), [d, f] = D.useState({}), [p, m] = D.useState(0), [h, g] = D.useState({}), [_, v] = D.useState("idle"), [y, b] = D.useState(null), x = _ === "success", S = e[p], C = p >= e.length - 1;
-	D.useEffect(() => {
+function mn({ steps: e = pn, logo: t, accent: n, onStepSubmit: r, onComplete: o, showCompleteScreen: s = !0, className: c }) {
+	let l = A.useRef(null), u = A.useRef({}), [d, f] = A.useState({}), [p, m] = A.useState(0), [h, g] = A.useState({}), [_, v] = A.useState("idle"), [y, b] = A.useState(null), x = _ === "success", S = e[p], C = p >= e.length - 1;
+	A.useEffect(() => {
 		y || l.current?.focus();
 	}, [
 		p,
@@ -2022,7 +2058,7 @@ function un({ steps: e = ln, logo: t, accent: n, onStepSubmit: r, onComplete: o,
 						children: S.title
 					}),
 					/* @__PURE__ */ i(X, { message: y }),
-					/* @__PURE__ */ i(cn, {
+					/* @__PURE__ */ i(fn, {
 						step: S,
 						values: {
 							...h,
@@ -2048,15 +2084,15 @@ function un({ steps: e = ln, logo: t, accent: n, onStepSubmit: r, onComplete: o,
 }
 //#endregion
 //#region src/components/blocks/auth/passkey-manager-block.tsx
-var dn = 120, fn = "This is your last passkey. After deleting it you won't be able to sign in with a passkey until you register a new one.";
-function pn(e) {
+var hn = 120, gn = "This is your last passkey. After deleting it you won't be able to sign in with a passkey until you register a new one.";
+function _n(e) {
 	if (!e) return null;
 	let t = new Date(e);
 	return Number.isNaN(t.getTime()) ? null : t.toLocaleDateString();
 }
-function mn({ 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] = D.useState(null), [p, m] = D.useState(!1), [h, g] = D.useState(!1), [_, v] = D.useState(null), [y, b] = D.useState(""), [x, S] = D.useState(null), [C, w] = D.useState(null), T = n.length === 1;
-	async function E(e) {
+function vn({ 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] = A.useState(null), [p, m] = A.useState(!1), [h, g] = A.useState(!1), [v, y] = A.useState(null), [b, x] = A.useState(""), [S, C] = A.useState(null), [w, T] = A.useState(null), E = n.length === 1;
+	async function D(e) {
 		if (p) return { ok: !1 };
 		f(null), m(!0);
 		try {
@@ -2071,31 +2107,31 @@ function mn({ title: e = "Passkeys", description: t = "Sign in without a passwor
 		}
 	}
 	async function O() {
-		g(!0), await E(() => s?.()), g(!1);
+		g(!0), await D(() => s?.()), g(!1);
 	}
 	function k(e) {
-		w(null), v(e.id), b(e.name ?? ""), S(null);
+		T(null), y(e.id), x(e.name ?? ""), C(null);
 	}
-	async function A(e) {
-		let t = y.trim();
-		if (t.length < 1 || t.length > dn) {
-			S(`Name must be between 1 and ${dn} characters.`);
+	async function j(e) {
+		let t = b.trim();
+		if (t.length < 1 || t.length > hn) {
+			C(`Name must be between 1 and ${hn} characters.`);
 			return;
 		}
-		(await E(() => c?.(e, t))).ok && (v(null), S(null));
+		(await D(() => c?.(e, t))).ok && (y(null), C(null));
 	}
-	async function j(e) {
-		let t = await E(() => l?.(e));
-		w(null), t.ok && _ === e && v(null);
+	async function ee(e) {
+		let t = await D(() => l?.(e));
+		T(null), t.ok && v === e && y(null);
 	}
-	return /* @__PURE__ */ i(ge, {
+	return /* @__PURE__ */ i(ye, {
 		reducedMotion: "user",
-		children: /* @__PURE__ */ a(Ie, {
+		children: /* @__PURE__ */ a(ze, {
 			className: V("w-full", u),
 			"data-slot": "auth-block",
-			children: [/* @__PURE__ */ a(Ue, { children: [/* @__PURE__ */ i(We, { children: e }), /* @__PURE__ */ i(Ge, { children: t })] }), /* @__PURE__ */ i(qe, { children: r ? o ? /* @__PURE__ */ a("div", {
+			children: [/* @__PURE__ */ a(Ke, { children: [/* @__PURE__ */ i(qe, { children: e }), /* @__PURE__ */ i(Je, { children: t })] }), /* @__PURE__ */ i(Xe, { children: r ? o ? /* @__PURE__ */ a("div", {
 				className: "flex items-center gap-2 text-sm text-muted-foreground",
-				children: [/* @__PURE__ */ i(Ee, { className: "size-4" }), "Loading passkeys…"]
+				children: [/* @__PURE__ */ i(ke, { className: "size-4" }), "Loading passkeys…"]
 			}) : /* @__PURE__ */ a(B.div, {
 				layout: !0,
 				transition: {
@@ -2111,7 +2147,7 @@ function mn({ title: e = "Passkeys", description: t = "Sign in without a passwor
 						children: /* @__PURE__ */ i(z, {
 							initial: !1,
 							children: n.map((e, t) => {
-								let n = e.name ?? "Passkey", r = pn(e.createdAt), o = pn(e.lastUsedAt);
+								let n = e.name ?? "Passkey", r = _n(e.createdAt), o = _n(e.lastUsedAt);
 								return /* @__PURE__ */ a(B.li, {
 									layout: !0,
 									className: "flex flex-col gap-2 rounded-lg border px-3 py-2",
@@ -2136,17 +2172,24 @@ function mn({ title: e = "Passkeys", description: t = "Sign in without a passwor
 										/* @__PURE__ */ a("div", {
 											className: "flex items-center justify-between gap-3",
 											children: [/* @__PURE__ */ a("div", {
-												className: "flex min-w-0 flex-col",
+												className: "flex min-w-0 items-center gap-2.5",
 												children: [/* @__PURE__ */ i("span", {
-													className: "truncate font-medium text-sm",
-													children: n
-												}), /* @__PURE__ */ a("span", {
-													className: "text-xs text-muted-foreground",
-													children: [
-														r ? `Added ${r}` : null,
-														r && o ? " · " : null,
-														o ? `Last used ${o}` : null
-													]
+													"aria-hidden": "true",
+													className: "grid size-8 shrink-0 place-items-center rounded-md bg-muted text-muted-foreground",
+													children: /* @__PURE__ */ i(_, { className: "size-4" })
+												}), /* @__PURE__ */ a("div", {
+													className: "flex min-w-0 flex-col",
+													children: [/* @__PURE__ */ i("span", {
+														className: "truncate text-sm font-medium",
+														children: n
+													}), /* @__PURE__ */ a("span", {
+														className: "text-xs text-muted-foreground",
+														children: [
+															r ? `Added ${r}` : null,
+															r && o ? " · " : null,
+															o ? `Last used ${o}` : null
+														]
+													})]
 												})]
 											}), /* @__PURE__ */ a("div", {
 												className: "flex shrink-0 gap-2",
@@ -2165,23 +2208,23 @@ function mn({ title: e = "Passkeys", description: t = "Sign in without a passwor
 													variant: "destructive-outline",
 													disabled: p,
 													onClick: () => {
-														v(null), w(e.id);
+														y(null), T(e.id);
 													},
 													children: "Delete"
 												})]
 											})]
 										}),
 										/* @__PURE__ */ i(Y, {
-											show: _ === e.id,
+											show: v === e.id,
 											children: /* @__PURE__ */ a("form", {
 												className: "flex items-start gap-2 pt-1",
 												onSubmit: (t) => {
-													t.preventDefault(), A(e.id);
+													t.preventDefault(), j(e.id);
 												},
 												children: [
 													/* @__PURE__ */ a(U, {
 														className: "min-w-0 grow",
-														invalid: !!x,
+														invalid: !!S,
 														children: [
 															/* @__PURE__ */ i(W, {
 																className: "sr-only",
@@ -2189,16 +2232,16 @@ function mn({ title: e = "Passkeys", description: t = "Sign in without a passwor
 															}),
 															/* @__PURE__ */ i(G, {
 																"aria-label": "Passkey name",
-																"aria-invalid": x ? !0 : void 0,
+																"aria-invalid": S ? !0 : void 0,
 																autoFocus: !0,
 																disabled: p,
 																maxLength: 121,
-																value: y,
-																onChange: (e) => b(e.target.value)
+																value: b,
+																onChange: (e) => x(e.target.value)
 															}),
-															x && /* @__PURE__ */ i(tt, {
+															S && /* @__PURE__ */ i(it, {
 																match: !0,
-																children: x
+																children: S
 															})
 														]
 													}),
@@ -2213,14 +2256,14 @@ function mn({ title: e = "Passkeys", description: t = "Sign in without a passwor
 														type: "button",
 														variant: "ghost",
 														disabled: p,
-														onClick: () => v(null),
+														onClick: () => y(null),
 														children: "Cancel"
 													})
 												]
 											})
 										}),
 										/* @__PURE__ */ i(Y, {
-											show: C === e.id,
+											show: w === e.id,
 											children: /* @__PURE__ */ a("div", {
 												className: "flex flex-col gap-2 rounded-lg bg-muted/50 p-2",
 												role: "alertdialog",
@@ -2230,9 +2273,9 @@ function mn({ title: e = "Passkeys", description: t = "Sign in without a passwor
 														className: "text-sm",
 														children: "Delete this passkey? It can no longer be used to sign in."
 													}),
-													T && /* @__PURE__ */ i("p", {
+													E && /* @__PURE__ */ i("p", {
 														className: "text-xs text-destructive-foreground",
-														children: fn
+														children: gn
 													}),
 													/* @__PURE__ */ a("div", {
 														className: "flex gap-2",
@@ -2241,14 +2284,14 @@ function mn({ title: e = "Passkeys", description: t = "Sign in without a passwor
 															type: "button",
 															variant: "destructive",
 															loading: p,
-															onClick: () => void j(e.id),
+															onClick: () => void ee(e.id),
 															children: "Delete passkey"
 														}), /* @__PURE__ */ i(H, {
 															size: "sm",
 															type: "button",
 															variant: "ghost",
 															disabled: p,
-															onClick: () => w(null),
+															onClick: () => T(null),
 															children: "Keep it"
 														})]
 													})
@@ -2282,8 +2325,8 @@ function mn({ title: e = "Passkeys", description: t = "Sign in without a passwor
 }
 //#endregion
 //#region src/components/blocks/auth/passkey-sign-in-block.tsx
-function hn({ 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] = D.useState(null), [l, u] = D.useState(!1);
+function yn({ 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] = A.useState(null), [l, u] = A.useState(!1);
 	if (!e) return null;
 	async function d() {
 		if (!l) {
@@ -2324,22 +2367,22 @@ function hn({ available: e = !0, label: t = "Sign in with a passkey", onSignIn:
 }
 //#endregion
 //#region src/components/blocks/auth/signup-block.tsx
-function gn({ title: e = "Create your account", description: t = "Start exploring manuscripts in minutes", logo: n, accent: o, providers: s = [
+function bn({ title: e = "Create your account", description: t = "Start exploring manuscripts in minutes", logo: n, accent: o, providers: s = [
 	"google",
 	"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 = D.useId(), b = D.useId(), x = D.useId(), S = D.useId(), [C, w] = D.useState("idle"), [T, E] = D.useState(null), [O, k] = D.useState(null), [A, j] = D.useState(""), [M, N] = D.useState(d), P = u ?? M;
-	function ee(e) {
-		u === void 0 && N(e), f?.(e);
+	let y = A.useId(), b = A.useId(), x = A.useId(), S = A.useId(), [C, w] = A.useState("idle"), [T, E] = A.useState(null), [D, O] = A.useState(null), [k, j] = A.useState(""), [ee, te] = A.useState(d), ne = u ?? ee;
+	function M(e) {
+		u === void 0 && te(e), f?.(e);
 	}
-	let [F, te] = D.useState(!1), [ne, re] = D.useState(!1), I = C === "loading" || O !== null, ie = !p || Ht(A) === Vt.length, ae = A.trim().length > 0 && ie, oe = (!c || ne) && F && ae;
+	let [re, N] = A.useState(!1), [ie, P] = A.useState(!1), F = C === "loading" || D !== null, ae = !p || Gt(k) === Wt.length, oe = k.trim().length > 0 && ae, I = (!c || ie) && re && oe;
 	async function se(e) {
-		if (e.preventDefault(), E(null), !ie) {
+		if (e.preventDefault(), E(null), !ae) {
 			E("Please meet all password requirements.");
 			return;
 		}
-		if (l && !P) {
+		if (l && !ne) {
 			E("Please accept the terms to continue.");
 			return;
 		}
@@ -2349,20 +2392,20 @@ function gn({ title: e = "Create your account", description: t = "Start explorin
 			await m?.({
 				name: String(t.get("name") ?? ""),
 				email: String(t.get("email") ?? ""),
-				password: A
+				password: k
 			}), w("success");
 		} catch (e) {
 			w("idle"), E(e instanceof Error ? e.message : "Unable to create account.");
 		}
 	}
 	async function ce(e) {
-		E(null), k(e);
+		E(null), O(e);
 		try {
 			await g?.(e), w("success");
 		} catch (e) {
 			E(e instanceof Error ? e.message : "Unable to create account.");
 		} finally {
-			k(null);
+			O(null);
 		}
 	}
 	return /* @__PURE__ */ i(q, {
@@ -2387,15 +2430,15 @@ function gn({ title: e = "Create your account", description: t = "Start explorin
 			}) : /* @__PURE__ */ a("div", {
 				className: "flex flex-col gap-4",
 				children: [s.length > 0 && /* @__PURE__ */ a(Y, {
-					show: !oe,
+					show: !I,
 					className: "flex flex-col gap-4",
-					children: [/* @__PURE__ */ i(qt, {
+					children: [/* @__PURE__ */ i(Zt, {
 						providers: s,
 						action: "signup",
-						loadingProvider: O,
+						loadingProvider: D,
 						disabled: C === "loading",
 						onSelect: ce
-					}), /* @__PURE__ */ i(Qt, { label: "Or with email" })]
+					}), /* @__PURE__ */ i(nn, { label: "Or with email" })]
 				}), /* @__PURE__ */ a("form", {
 					className: "flex flex-col gap-4",
 					onSubmit: se,
@@ -2412,8 +2455,8 @@ function gn({ title: e = "Create your account", description: t = "Start explorin
 								autoComplete: "name",
 								placeholder: "Your name",
 								required: !0,
-								disabled: I,
-								onChange: (e) => re(e.currentTarget.validity.valid)
+								disabled: F,
+								onChange: (e) => P(e.currentTarget.validity.valid)
 							})]
 						}),
 						/* @__PURE__ */ a(U, {
@@ -2429,18 +2472,18 @@ function gn({ title: e = "Create your account", description: t = "Start explorin
 								autoComplete: "email",
 								placeholder: "you@example.com",
 								required: !0,
-								disabled: I,
-								onChange: (e) => te(e.currentTarget.validity.valid)
+								disabled: F,
+								onChange: (e) => N(e.currentTarget.validity.valid)
 							})]
 						}),
 						/* @__PURE__ */ i(Y, {
-							show: F,
+							show: re,
 							children: /* @__PURE__ */ a(U, {
 								name: "password",
 								children: [/* @__PURE__ */ i(W, {
 									htmlFor: x,
 									children: "Password"
-								}), /* @__PURE__ */ i(Wt, {
+								}), /* @__PURE__ */ i(qt, {
 									id: x,
 									name: "password",
 									"aria-label": "Password",
@@ -2448,20 +2491,20 @@ function gn({ title: e = "Create your account", description: t = "Start explorin
 									placeholder: "Create a password",
 									showStrength: !0,
 									required: !0,
-									disabled: I,
-									value: A,
+									disabled: F,
+									value: k,
 									onChange: (e) => j(e.target.value)
 								})]
 							})
 						}),
 						l && /* @__PURE__ */ a("div", {
 							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ i(Qe, {
+							children: [/* @__PURE__ */ i(tt, {
 								id: S,
-								checked: P,
-								onCheckedChange: (e) => ee(e === !0),
-								disabled: I
-							}), /* @__PURE__ */ a(_t, {
+								checked: ne,
+								onCheckedChange: (e) => M(e === !0),
+								disabled: F
+							}), /* @__PURE__ */ a(bt, {
 								htmlFor: S,
 								className: "font-normal",
 								children: [
@@ -2481,7 +2524,7 @@ function gn({ title: e = "Create your account", description: t = "Start explorin
 							className: V("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: I,
+							disabled: F,
 							children: "Create account"
 						})
 					]
@@ -2492,8 +2535,8 @@ function gn({ title: e = "Create your account", description: t = "Start explorin
 }
 //#endregion
 //#region src/components/blocks/auth/update-password-block.tsx
-function _n({ 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 = D.useId(), u = D.useId(), [d, f] = D.useState("idle"), [p, m] = D.useState(null), [h, g] = D.useState(""), [_, v] = D.useState(""), y = Ht(h) >= o, b = _.length > 0 && _ === h, x = y && b, S = _.length > 0 && !h.startsWith(_);
+function xn({ 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 = A.useId(), u = A.useId(), [d, f] = A.useState("idle"), [p, m] = A.useState(null), [h, g] = A.useState(""), [_, v] = A.useState(""), y = Gt(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");
@@ -2528,7 +2571,7 @@ function _n({ title: e = "Update your password", description: t = "Choose a new
 						children: [/* @__PURE__ */ i(W, {
 							htmlFor: l,
 							children: "New password"
-						}), /* @__PURE__ */ i(Wt, {
+						}), /* @__PURE__ */ i(qt, {
 							id: l,
 							name: "password",
 							autoComplete: "new-password",
@@ -2546,7 +2589,7 @@ function _n({ title: e = "Update your password", description: t = "Choose a new
 							children: [/* @__PURE__ */ i(W, {
 								htmlFor: u,
 								children: "Confirm new password"
-							}), /* @__PURE__ */ i(Wt, {
+							}), /* @__PURE__ */ i(qt, {
 								id: u,
 								name: "confirmPassword",
 								autoComplete: "new-password",
@@ -2579,45 +2622,45 @@ var Q = [
 	1,
 	.3,
 	1
-], vn = [
+], Sn = [
 	.77,
 	0,
 	.175,
 	1
-], yn = [
+], Cn = [
 	.32,
 	.72,
 	0,
 	1
-], bn = "cubic-bezier(0.16, 1, 0.3, 1)", xn = {
+], wn = "cubic-bezier(0.16, 1, 0.3, 1)", Tn = {
 	type: "spring",
 	stiffness: 500,
 	damping: 30,
 	mass: .6
-}, Sn = {
+}, En = {
 	type: "spring",
 	stiffness: 460,
 	damping: 30,
 	mass: .55
-}, Cn = {
+}, Dn = {
 	type: "spring",
 	stiffness: 420,
 	damping: 40,
 	mass: .5
-}, wn = {
+}, On = {
 	type: "spring",
 	stiffness: 360,
 	damping: 32,
 	mass: .6
-}, Tn = {
+}, kn = {
 	stiffness: 200,
 	damping: 15,
 	mass: .3
-}, En = {
+}, An = {
 	stiffness: 700,
 	damping: 50,
 	mass: .5
-}, Dn = {
+}, jn = {
 	initial: {
 		opacity: 0,
 		filter: "blur(6px)"
@@ -2630,14 +2673,14 @@ var Q = [
 		opacity: 0,
 		filter: "blur(6px)"
 	}
-}, On = {
+}, Mn = {
 	initial: { opacity: 0 },
 	animate: { opacity: 1 },
 	exit: (e) => e ? {} : { opacity: 0 }
-}, kn = M(function({ children: e, as: t = "div", className: n, onMouseLeave: o, pillClassName: s, pillContainerClassName: c, inset: l = 20, ...u }, d) {
-	let [f, p] = I(null), m = te(), h = _e(), g = O.toArray(e).filter(N).map((e, t) => {
+}, Nn = M(function({ children: e, as: t = "div", className: n, onMouseLeave: o, pillClassName: s, pillContainerClassName: c, inset: l = 20, ...u }, d) {
+	let [f, p] = I(null), m = F(), h = be(), g = j.toArray(e).filter(re).map((e, t) => {
 		let n = e, o = n.key ? String(n.key) : `item-${t}`;
-		return k(n, {
+		return ee(n, {
 			key: o,
 			className: V("relative", n.props.className),
 			onMouseEnter: () => {
@@ -2646,7 +2689,7 @@ var Q = [
 		}, /* @__PURE__ */ a(r, { children: [/* @__PURE__ */ i(z, {
 			custom: f !== null,
 			children: f === null ? null : /* @__PURE__ */ i(B.div, {
-				variants: h ? On : Dn,
+				variants: h ? Mn : jn,
 				initial: "initial",
 				animate: "animate",
 				exit: "exit",
@@ -2658,7 +2701,7 @@ var Q = [
 				},
 				children: f === o ? /* @__PURE__ */ i(B.div, {
 					layoutId: `shared-bg-${m}`,
-					transition: h ? { duration: 0 } : wn,
+					transition: h ? { duration: 0 } : On,
 					className: V("pointer-events-none h-full w-full rounded-2xl bg-primary/[0.06]", s)
 				}) : null
 			})
@@ -2677,25 +2720,25 @@ var Q = [
 		className: V("flex w-full flex-col", n),
 		children: g
 	});
-}), An = "(max-width: 767px)", jn = "b", Mn = {
+}), Pn = "(max-width: 767px)", Fn = "b", In = {
 	duration: .36,
-	ease: yn
-}, Nn = {
+	ease: Cn
+}, Ln = {
 	type: "spring",
 	stiffness: 380,
 	damping: 35,
 	mass: .75
-}, Pn = {
+}, Rn = {
 	duration: .2,
 	delay: .08,
 	ease: Q
-}, Fn = {
+}, zn = {
 	duration: .12,
 	ease: Q
-}, In = {
+}, Bn = {
 	duration: .18,
 	ease: Q
-}, Ln = {
+}, Vn = {
 	closed: {
 		opacity: 0,
 		clipPath: "inset(0 0 100% 0 round 8px)",
@@ -2716,7 +2759,7 @@ var Q = [
 			staggerChildren: .045
 		}
 	}
-}, Rn = {
+}, Hn = {
 	closed: {
 		opacity: 0,
 		y: -6,
@@ -2726,12 +2769,12 @@ var Q = [
 		opacity: 1,
 		y: 0,
 		filter: "blur(0px)",
-		transition: In
+		transition: Bn
 	}
-}, zn = {
+}, Un = {
 	duration: .16,
 	ease: Q
-}, Bn = [
+}, Wn = [
 	"a[href]",
 	"button:not([disabled])",
 	"input:not([disabled])",
@@ -2739,82 +2782,91 @@ var Q = [
 	"textarea:not([disabled])",
 	"[tabindex]:not([tabindex='-1'])"
 ].join(",");
-function Vn(e) {
-	let t = window.matchMedia(An);
+function Gn(e) {
+	let t = window.matchMedia(Pn);
 	return t.addEventListener("change", e), () => t.removeEventListener("change", e);
 }
-function Hn() {
-	return window.matchMedia(An).matches;
+function Kn() {
+	return window.matchMedia(Pn).matches;
 }
-function Un() {
+function qn() {
 	return !1;
 }
-function Wn() {
-	return ie(Vn, Hn, Un);
+function Jn() {
+	return se(Gn, Kn, qn);
 }
-var Gn = A(null), Kn = A(null);
+var Yn = te(null), Xn = te(null);
 function $() {
-	let e = ee(Gn);
+	let e = ie(Yn);
 	if (!e) throw Error("useAnimatedSidebar must be used inside AnimatedSidebarProvider.");
 	return e;
 }
-function qn() {
-	let e = ee(Kn);
+function Zn() {
+	let e = ie(Xn);
 	if (!e) throw Error("Animated Sidebar parts must be used inside AnimatedSidebar.");
 	return e;
 }
-function Jn({ children: e, open: t, defaultOpen: n = !0, onOpenChange: r, openMobile: a, defaultOpenMobile: o = !1, onOpenMobileChange: s, className: c, style: l, ...u }) {
-	let [d, f] = I(n), [p, m] = I(o), h = Wn(), g = _e() ?? !1, _ = te(), v = re(null), y = t ?? d, b = a ?? p, x = P((e) => {
-		t === void 0 && f(e), r?.(e);
-	}, [r, t]), S = P((e) => {
-		a === void 0 && m(e), s?.(e);
-	}, [s, a]), C = P(() => {
-		h ? S(!b) : x(!y);
+function Qn({ 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] = I(n), [g, _] = I(o), [v, y] = I(l), b = Jn(), x = be() ?? !1, S = F(), C = oe(null), w = oe(null), T = t ?? m, E = a ?? g, D = c ?? v, O = N((e) => {
+		t === void 0 && h(e), r?.(e);
+	}, [r, t]), k = N((e) => {
+		a === void 0 && _(e), s?.(e);
+	}, [s, a]), A = N((e) => {
+		c === void 0 && y(e), u?.(e);
+	}, [u, c]), j = N(() => {
+		b ? k(!E) : O(!T);
 	}, [
-		y,
-		h,
+		T,
 		b,
-		x,
-		S
-	]);
-	return F(() => {
+		E,
+		O,
+		k
+	]), ee = N(() => {
+		A(!D);
+	}, [D, A]);
+	return P(() => {
 		let e = (e) => {
-			e.key.toLowerCase() === jn && (e.metaKey || e.ctrlKey) && (e.preventDefault(), C());
+			e.key.toLowerCase() === Fn && (e.metaKey || e.ctrlKey) && (e.preventDefault(), j());
 		};
 		return window.addEventListener("keydown", e), () => window.removeEventListener("keydown", e);
-	}, [C]), /* @__PURE__ */ i(Gn.Provider, {
+	}, [j]), /* @__PURE__ */ i(Yn.Provider, {
 		value: {
-			isMobile: h,
-			layoutId: `${_}-active`,
-			open: y,
-			openMobile: b,
-			reduce: g,
-			setOpen: x,
-			setOpenMobile: S,
-			state: y ? "expanded" : "collapsed",
-			toggleSidebar: C,
-			triggerRef: v
+			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: ee,
+			triggerRef: C,
+			rightTriggerRef: w
 		},
 		children: /* @__PURE__ */ i("div", {
-			...u,
+			...p,
 			"data-slot": "sidebar-wrapper",
-			"data-state": y ? "expanded" : "collapsed",
+			"data-state": T ? "expanded" : "collapsed",
+			"data-right-state": D ? "expanded" : "collapsed",
 			style: {
-				"--sidebar-width": "16rem",
+				"--sidebar-width": "19rem",
 				"--sidebar-width-icon": "4.25rem",
 				"--sidebar-width-mobile": "18rem",
-				...l
+				...f
 			},
-			className: V("group/sidebar-wrapper flex min-h-svh w-full min-w-0", c),
+			className: V("group/sidebar-wrapper flex min-h-svh w-full min-w-0", d),
 			children: e
 		})
 	});
 }
-function Yn({ ariaLabel: e, children: t, className: n, side: r }) {
-	let o = $(), s = re(null), [c, l] = I(!1);
-	return F(() => l(!0), []), F(() => {
-		if (!o.openMobile) return;
-		let e = document.body, t = window.scrollY, n = {
+function $n({ ariaLabel: e, children: t, className: n, side: r }) {
+	let o = $(), s = r === "right", c = s ? o.openRight : o.openMobile, l = s ? o.setOpenRight : o.setOpenMobile, u = s ? o.rightTriggerRef : o.triggerRef, d = oe(null), [f, p] = I(!1);
+	return P(() => p(!0), []), P(() => {
+		if (!c) return;
+		let e = document.body, t = window.scrollY, n = u.current, r = {
 			left: e.style.left,
 			overflow: e.style.overflow,
 			position: e.style.position,
@@ -2822,56 +2874,56 @@ function Yn({ ariaLabel: e, children: t, className: n, side: r }) {
 			top: e.style.top
 		};
 		e.style.position = "fixed", e.style.top = `-${t}px`, e.style.left = "0", e.style.right = "0", e.style.overflow = "hidden";
-		let r = requestAnimationFrame(() => {
-			(s.current?.querySelector(Bn) ?? s.current)?.focus({ preventScroll: !0 });
+		let i = requestAnimationFrame(() => {
+			(d.current?.querySelector(Wn) ?? d.current)?.focus({ preventScroll: !0 });
 		});
 		return () => {
-			cancelAnimationFrame(r), e.style.position = n.position, e.style.top = n.top, e.style.left = n.left, e.style.right = n.right, e.style.overflow = n.overflow, window.scrollTo(0, t), o.triggerRef.current?.focus({ preventScroll: !0 });
+			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 });
 		};
-	}, [o.openMobile, o.triggerRef]), c ? Se(/* @__PURE__ */ a("div", {
-		className: V("pointer-events-none fixed inset-0 z-50 md:hidden", o.openMobile ? "visible" : "invisible"),
+	}, [c, u]), f ? Te(/* @__PURE__ */ a("div", {
+		className: V("pointer-events-none fixed inset-0 z-50 md:hidden", c ? "visible" : "invisible"),
 		children: [/* @__PURE__ */ i(B.button, {
 			type: "button",
 			"aria-label": "Close sidebar",
-			tabIndex: o.openMobile ? 0 : -1,
+			tabIndex: c ? 0 : -1,
 			initial: !1,
-			animate: { opacity: +!!o.openMobile },
-			transition: o.reduce ? zn : Mn,
-			onClick: () => o.setOpenMobile(!1),
-			className: V("absolute inset-0 bg-black/40", o.openMobile ? "pointer-events-auto" : "pointer-events-none")
+			animate: { opacity: +!!c },
+			transition: o.reduce ? Un : In,
+			onClick: () => l(!1),
+			className: V("absolute inset-0", c ? "pointer-events-auto" : "pointer-events-none")
 		}), /* @__PURE__ */ i(B.div, {
-			ref: s,
+			ref: d,
 			role: "dialog",
 			"aria-modal": "true",
 			"aria-label": e,
-			"aria-hidden": !o.openMobile,
-			inert: !o.openMobile,
+			"aria-hidden": !c,
+			inert: !c,
 			tabIndex: -1,
 			"data-mobile": "true",
-			"data-state": o.openMobile ? "expanded" : "collapsed",
+			"data-state": c ? "expanded" : "collapsed",
 			"data-side": r,
 			initial: !1,
 			animate: {
-				opacity: o.reduce ? +!!o.openMobile : 1,
-				x: o.reduce ? 0 : o.openMobile ? "0%" : r === "left" ? "-100%" : "100%"
+				opacity: o.reduce ? +!!c : 1,
+				x: o.reduce ? 0 : c ? "0%" : r === "left" ? "-100%" : "100%"
 			},
-			transition: o.reduce ? zn : Mn,
+			transition: o.reduce ? Un : In,
 			onKeyDown: (e) => {
 				if (e.key === "Escape") {
-					e.preventDefault(), o.setOpenMobile(!1);
+					e.preventDefault(), l(!1);
 					return;
 				}
 				if (e.key !== "Tab") return;
-				let t = s.current ? Array.from(s.current.querySelectorAll(Bn)) : [];
+				let t = d.current ? Array.from(d.current.querySelectorAll(Wn)) : [];
 				if (t.length === 0) {
-					e.preventDefault(), s.current?.focus();
+					e.preventDefault(), d.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: V("pointer-events-auto absolute inset-y-0 flex h-dvh w-(--sidebar-width-mobile) max-w-[88vw] flex-col overflow-hidden", "border-border bg-background shadow-2xl will-change-transform", r === "left" ? "left-0 border-r" : "right-0 border-l", !o.openMobile && "pointer-events-none", n),
-			children: /* @__PURE__ */ i(Kn.Provider, {
+			className: V("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(Xn.Provider, {
 				value: {
 					collapsed: !1,
 					collapsible: "none",
@@ -2882,76 +2934,78 @@ function Yn({ ariaLabel: e, children: t, className: n, side: r }) {
 		})]
 	}), document.body) : null;
 }
-var Xn = M(function({ side: e = "left", variant: t = "sidebar", collapsible: n = "icon", ariaLabel: r = "Sidebar", children: a, className: o, panelClassName: s, style: c, ...l }, u) {
-	let d = $(), f = n !== "none" && !d.open, p = f && n === "offcanvas", m = p ? "0px" : f ? "var(--sidebar-width-icon)" : "var(--sidebar-width)";
-	return d.isMobile ? /* @__PURE__ */ i(Yn, {
+var er = M(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 = $(), 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($n, {
 		ariaLabel: r,
-		className: o,
+		className: s,
 		side: e,
-		children: a
-	}) : /* @__PURE__ */ i(B.aside, {
-		...l,
-		ref: u,
+		children: o
+	}) : /* @__PURE__ */ a(B.aside, {
+		...u,
+		ref: d,
 		initial: !1,
 		"aria-label": r,
 		"data-slot": "sidebar",
-		"data-state": f ? "collapsed" : "expanded",
+		"data-state": m ? "collapsed" : "expanded",
 		"data-collapsible": n,
 		"data-variant": t,
 		"data-side": e,
-		animate: { width: m },
-		transition: d.reduce ? { duration: 0 } : Nn,
-		style: c,
-		className: V("group/sidebar relative hidden h-auto shrink-0 md:block will-change-[width]", "peer", e === "right" && "order-last", o),
-		children: /* @__PURE__ */ i(B.div, {
+		animate: { width: g },
+		transition: f.reduce ? { duration: 0 } : Ln,
+		style: l,
+		className: V("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(B.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(B.div, {
 			initial: !1,
 			animate: {
-				opacity: +!p,
-				x: p ? e === "left" ? "-100%" : "100%" : "0%"
+				opacity: +!h,
+				x: h ? e === "left" ? "-100%" : "100%" : "0%"
 			},
-			transition: d.reduce ? zn : Mn,
-			className: V("sticky top-0 flex h-svh w-full flex-col overflow-hidden bg-background", n === "offcanvas" && "w-[var(--sidebar-width)]", t === "sidebar" && (e === "left" ? "border-border border-r" : "border-border border-l"), t === "floating" && "m-2 h-[calc(100svh-1rem)] rounded-2xl border border-border shadow-sm", t === "inset" && "m-2 h-[calc(100svh-1rem)] rounded-2xl", s),
-			children: /* @__PURE__ */ i(Kn.Provider, {
+			transition: f.reduce ? Un : In,
+			className: V("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(Xn.Provider, {
 				value: {
-					collapsed: f,
+					collapsed: m,
 					collapsible: n,
 					side: e
 				},
-				children: a
+				children: o
 			})
-		})
+		})]
 	});
-}), Zn = M(function({ className: e, onClick: t, type: n = "button", ...r }, a) {
-	let o = $(), s = o.isMobile ? o.openMobile : o.open;
+}), tr = M(function({ className: e, onClick: t, side: n = "left", type: r = "button", ...a }, o) {
+	let s = $(), c = n === "right", l = c ? s.openRight : s.isMobile ? s.openMobile : s.open, u = c ? s.rightTriggerRef : s.triggerRef;
 	return /* @__PURE__ */ i("button", {
-		...r,
+		...a,
 		ref: (e) => {
-			o.triggerRef.current = e, typeof a == "function" ? a(e) : a && (a.current = e);
+			u.current = e, typeof o == "function" ? o(e) : o && (o.current = e);
 		},
-		type: n,
-		"aria-label": r["aria-label"] ?? "Toggle sidebar",
-		"aria-expanded": s,
+		type: r,
+		"aria-label": a["aria-label"] ?? "Toggle sidebar",
+		"aria-expanded": l,
 		"data-slot": "sidebar-trigger",
-		"data-state": s ? "expanded" : "collapsed",
+		"data-side": n,
+		"data-state": l ? "expanded" : "collapsed",
 		onClick: (e) => {
-			t?.(e), e.defaultPrevented || o.toggleSidebar();
+			t?.(e), !e.defaultPrevented && (c ? s.toggleRightSidebar() : s.toggleSidebar());
 		},
 		className: V("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)
 	});
-}), Qn = M(function({ className: e, onClick: t, type: n = "button", ...r }, a) {
-	let o = $();
+}), nr = M(function({ className: e, onClick: t, side: n = "left", type: r = "button", ...a }, o) {
+	let s = $();
 	return /* @__PURE__ */ i("button", {
-		...r,
-		ref: a,
-		type: n,
-		"aria-label": r["aria-label"] ?? "Close sidebar",
+		...a,
+		ref: o,
+		type: r,
+		"data-side": n,
+		"aria-label": a["aria-label"] ?? "Close sidebar",
 		onClick: (e) => {
-			t?.(e), !e.defaultPrevented && (o.isMobile ? o.setOpenMobile(!1) : o.setOpen(!1));
+			t?.(e), !e.defaultPrevented && (n === "right" ? s.setOpenRight(!1) : s.isMobile ? s.setOpenMobile(!1) : s.setOpen(!1));
 		},
 		className: V("inline-flex size-10 shrink-0 items-center justify-center rounded-xl outline-none", "focus-visible:ring-2 focus-visible:ring-ring", e)
 	});
-}), $n = M(function({ className: e, onClick: t, type: n = "button", ...r }, a) {
-	let o = $(), s = qn();
+}), rr = M(function({ className: e, onClick: t, type: n = "button", ...r }, a) {
+	let o = $(), s = Zn();
 	return /* @__PURE__ */ i("button", {
 		...r,
 		ref: a,
@@ -2961,64 +3015,64 @@ var Xn = M(function({ side: e = "left", variant: t = "sidebar", collapsible: n =
 		title: "Toggle sidebar",
 		tabIndex: -1,
 		onClick: (e) => {
-			t?.(e), e.defaultPrevented || o.toggleSidebar();
+			t?.(e), !e.defaultPrevented && (s.side === "right" ? o.toggleRightSidebar() : o.toggleSidebar());
 		},
-		className: V("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=right]:right-0 data-[side=right]:translate-x-1/2 data-[side=left]:left-full", e)
+		className: V("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)
 	});
-}), er = M(function({ className: e, ...t }, n) {
+}), ir = M(function({ className: e, ...t }, n) {
 	return /* @__PURE__ */ i(B.main, {
 		...t,
 		ref: n,
 		"data-slot": "sidebar-inset",
-		className: V("relative flex min-h-svh 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]:rounded-2xl md:peer-data-[variant=inset]:shadow-sm", e)
+		className: V("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)
 	});
-}), tr = M(function({ className: e, ...t }, n) {
+}), ar = M(function({ className: e, ...t }, n) {
 	return /* @__PURE__ */ i("div", {
 		...t,
 		ref: n,
 		"data-slot": "sidebar-header",
 		className: V("flex shrink-0 flex-col gap-2 p-3", e)
 	});
-}), nr = M(function({ className: e, ...t }, n) {
+}), or = M(function({ className: e, ...t }, n) {
 	return /* @__PURE__ */ i("div", {
 		...t,
 		ref: n,
 		"data-slot": "sidebar-content",
-		className: V("flex min-h-0 flex-1 flex-col gap-2 overflow-y-auto overflow-x-hidden overscroll-contain px-2 py-2", e)
+		className: V("flex min-h-0 flex-1 flex-col gap-2 overflow-x-hidden overflow-y-auto overscroll-contain px-2 py-2", e)
 	});
-}), rr = M(function({ className: e, ...t }, n) {
+}), sr = M(function({ className: e, ...t }, n) {
 	return /* @__PURE__ */ i("div", {
 		...t,
 		ref: n,
 		"data-slot": "sidebar-footer",
-		className: V("flex shrink-0 flex-col gap-2 border-border border-t p-3 pb-[max(0.75rem,env(safe-area-inset-bottom))]", e)
+		className: V("flex shrink-0 flex-col gap-2 border-t border-border p-3 pb-[max(0.75rem,env(safe-area-inset-bottom))]", e)
 	});
-}), ir = M(function({ className: e, ...t }, n) {
+}), cr = M(function({ className: e, ...t }, n) {
 	return /* @__PURE__ */ i("div", {
 		...t,
 		ref: n,
 		"data-slot": "sidebar-group",
 		className: V("flex w-full min-w-0 flex-col px-1 py-1.5", e)
 	});
-}), ar = M(function({ children: e, className: t, ...n }, r) {
-	let { collapsed: a } = qn();
+}), lr = M(function({ children: e, className: t, ...n }, r) {
+	let { collapsed: a } = Zn();
 	return /* @__PURE__ */ i("div", {
 		...n,
 		ref: r,
 		"aria-hidden": a,
 		"data-slot": "sidebar-group-label",
-		className: V("mb-1 h-7 overflow-hidden px-2 text-[10px] font-medium uppercase tracking-[0.14em] text-muted-foreground transition-opacity", a ? "opacity-0" : "opacity-100", t),
+		className: V("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
 	});
-}), or = M(function({ className: e, ...t }, n) {
+}), ur = M(function({ className: e, ...t }, n) {
 	return /* @__PURE__ */ i("div", {
 		...t,
 		ref: n,
 		"data-slot": "sidebar-group-content",
 		className: V("w-full min-w-0", e)
 	});
-}), sr = M(function({ children: e, className: t, ...n }, r) {
-	return /* @__PURE__ */ i(kn, {
+}), dr = M(function({ children: e, className: t, ...n }, r) {
+	return /* @__PURE__ */ i(Nn, {
 		...n,
 		ref: r,
 		as: "ul",
@@ -3029,43 +3083,43 @@ var Xn = M(function({ side: e = "left", variant: t = "sidebar", collapsible: n =
 		className: V("flex w-full min-w-0 list-none flex-col gap-0.5", t),
 		children: e
 	});
-}), cr = M(function({ className: e, ...t }, n) {
+}), fr = M(function({ className: e, ...t }, n) {
 	return /* @__PURE__ */ i(B.li, {
 		...t,
 		ref: n,
 		layout: "position",
-		transition: wn,
+		transition: On,
 		"data-slot": "sidebar-menu-item",
 		className: V("relative", e)
 	});
-}), lr = M(function({ open: e, children: t, className: n, ...r }, a) {
-	let o = $(), s = qn();
+}), pr = M(function({ open: e, children: t, className: n, ...r }, a) {
+	let o = $(), s = Zn();
 	return /* @__PURE__ */ i(z, {
 		initial: !1,
 		mode: "popLayout",
-		children: e && !s.collapsed ? /* @__PURE__ */ j(B.ul, {
+		children: e && !s.collapsed ? /* @__PURE__ */ ne(B.ul, {
 			...r,
 			ref: a,
 			key: "sidebar-submenu",
-			variants: o.reduce ? void 0 : Ln,
+			variants: o.reduce ? void 0 : Vn,
 			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: V("relative mt-1 ml-5 flex min-w-0 flex-col gap-0.5 border-border border-l pl-3", n)
+			className: V("relative mt-1 ml-5 flex min-w-0 flex-col gap-0.5 border-l border-border pl-3", n)
 		}, t) : null
 	});
-}), ur = M(function({ className: e, ...t }, n) {
+}), mr = M(function({ className: e, ...t }, n) {
 	return /* @__PURE__ */ i(B.li, {
 		...t,
 		ref: n,
-		variants: Rn,
+		variants: Hn,
 		"data-slot": "sidebar-menu-sub-item",
 		className: V("relative min-w-0", e)
 	});
 });
-function dr({ children: e, icon: t, href: n, isActive: o = !1, disabled: s = !1, closeOnSelect: c = !0, target: l, rel: u, onSelect: d, className: f }) {
+function hr({ 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 = $(), m = (e) => {
 		if (s) {
 			e.preventDefault();
@@ -3089,7 +3143,7 @@ function dr({ children: e, icon: t, href: n, isActive: o = !1, disabled: s = !1,
 		tabIndex: s ? -1 : void 0,
 		onClick: m,
 		whileTap: p.reduce || s ? void 0 : { scale: .98 },
-		transition: xn,
+		transition: Tn,
 		className: g,
 		children: h
 	}) : /* @__PURE__ */ i(B.button, {
@@ -3098,13 +3152,13 @@ function dr({ children: e, icon: t, href: n, isActive: o = !1, disabled: s = !1,
 		"aria-current": o ? "page" : void 0,
 		onClick: m,
 		whileTap: p.reduce || s ? void 0 : { scale: .98 },
-		transition: xn,
+		transition: Tn,
 		className: g,
 		children: h
 	});
 }
-function fr({ children: e, icon: t, badge: n, href: o, isActive: s = !1, ariaExpanded: c, disabled: l = !1, closeOnSelect: u, target: f, rel: p, onSelect: m, className: h }) {
-	let g = $(), _ = qn(), v = typeof e == "string" ? e : void 0, y = (e) => {
+function gr({ children: e, icon: t, badge: n, href: o, isActive: s = !1, ariaExpanded: c, disabled: l = !1, closeOnSelect: u, target: f, rel: p, onSelect: m, className: h }) {
+	let g = $(), _ = Zn(), v = typeof e == "string" ? e : void 0, y = (e) => {
 		if (l) {
 			e.preventDefault();
 			return;
@@ -3115,7 +3169,7 @@ function fr({ children: e, icon: t, badge: n, href: o, isActive: s = !1, ariaExp
 	}, b = /* @__PURE__ */ a(r, { children: [
 		s ? /* @__PURE__ */ i(B.span, {
 			layoutId: g.layoutId,
-			transition: g.reduce ? { duration: 0 } : wn,
+			transition: g.reduce ? { duration: 0 } : On,
 			className: "absolute inset-0 rounded-xl bg-muted"
 		}) : null,
 		t ? /* @__PURE__ */ i("span", {
@@ -3129,7 +3183,7 @@ function fr({ children: e, icon: t, badge: n, href: o, isActive: s = !1, ariaExp
 				opacity: +!_.collapsed,
 				x: _.collapsed ? -4 : 0
 			},
-			transition: g.reduce ? zn : _.collapsed ? Fn : Pn,
+			transition: g.reduce ? Un : _.collapsed ? zn : Rn,
 			"aria-hidden": _.collapsed,
 			className: V("relative z-10 min-w-0 flex-1 truncate", _.collapsed && "pointer-events-none"),
 			children: e
@@ -3146,7 +3200,7 @@ function fr({ 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 } : wn,
+			transition: g.reduce ? { duration: 0 } : On,
 			className: "relative z-10 grid size-4 shrink-0 place-items-center text-muted-foreground",
 			children: /* @__PURE__ */ i(d, { className: "size-3.5" })
 		})
@@ -3163,7 +3217,7 @@ function fr({ 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: xn,
+		transition: Tn,
 		className: x,
 		children: b
 	}) : /* @__PURE__ */ i(B.button, {
@@ -3175,30 +3229,32 @@ function fr({ 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: xn,
+		transition: Tn,
 		className: x,
 		children: b
 	});
 }
 //#endregion
-//#region src/components/blocks/nav/sidebar-block.tsx
-function pr(e, t) {
+//#region src/components/blocks/nav/utils.ts
+function _r(e, t) {
 	return t !== void 0 && e === t;
 }
-function mr({ item: e, activeId: t, onNavigate: n }) {
-	let r = e.items ?? [], o = r.length > 0, s = r.some((e) => pr(e.id, t)), [c, l] = D.useState(null), [u, d] = D.useState(s);
+//#endregion
+//#region src/components/blocks/nav/sidebar-nav-row.tsx
+function vr({ item: e, activeId: t, onNavigate: n }) {
+	let r = e.items ?? [], o = r.length > 0, s = r.some((e) => _r(e.id, t)), [c, l] = A.useState(null), [u, d] = A.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(cr, { children: [/* @__PURE__ */ i(fr, {
+	return /* @__PURE__ */ a(fr, { children: [/* @__PURE__ */ i(gr, {
 		ariaExpanded: o ? f : void 0,
 		badge: e.badge,
 		disabled: e.disabled,
 		href: o ? void 0 : e.href,
 		icon: e.icon,
-		isActive: pr(e.id, t),
+		isActive: _r(e.id, t),
 		onSelect: () => {
 			if (o) {
 				l(!f);
@@ -3208,21 +3264,23 @@ function mr({ item: e, activeId: t, onNavigate: n }) {
 		},
 		target: e.target,
 		children: e.label
-	}), o ? /* @__PURE__ */ i(lr, {
+	}), o ? /* @__PURE__ */ i(pr, {
 		open: f,
-		children: r.map((e) => /* @__PURE__ */ i(ur, { children: /* @__PURE__ */ i(dr, {
+		children: r.map((e) => /* @__PURE__ */ i(mr, { children: /* @__PURE__ */ i(hr, {
 			disabled: e.disabled,
 			href: e.href,
 			icon: e.icon,
-			isActive: pr(e.id, t),
+			isActive: _r(e.id, t),
 			onSelect: () => p(e),
 			target: e.target,
 			children: e.label
 		}) }, e.id))
 	}) : null] });
 }
-function hr({ 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: x = "Main", className: S }) {
-	return /* @__PURE__ */ i(Jn, {
+//#endregion
+//#region src/components/blocks/nav/sidebar-block.tsx
+function yr({ 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(Qn, {
 		className: "h-full min-h-0 w-auto",
 		defaultOpen: f,
 		defaultOpenMobile: h,
@@ -3235,38 +3293,100 @@ function hr({ sections: e, activeId: t, onNavigate: n, header: r, footer: o, sho
 			...v ? { "--sidebar-width-icon": v } : null,
 			...y ? { "--sidebar-width-mobile": y } : null
 		},
-		children: /* @__PURE__ */ a(Xn, {
-			ariaLabel: x,
-			className: V("h-full", S),
+		children: /* @__PURE__ */ a(er, {
+			ariaLabel: b,
+			className: V("h-full", x),
 			collapsible: u,
 			panelClassName: "h-full",
 			role: "navigation",
 			side: c,
 			variant: l,
 			children: [
-				r || s ? /* @__PURE__ */ i(tr, { children: /* @__PURE__ */ a("div", {
+				r || s && /* @__PURE__ */ i(ar, { children: /* @__PURE__ */ a("div", {
 					className: "flex min-w-0 items-center justify-between gap-2",
-					children: [r ? /* @__PURE__ */ i("div", {
+					children: [r && /* @__PURE__ */ i("div", {
 						className: "min-w-0 flex-1",
 						children: r
-					}) : null, s ? /* @__PURE__ */ i(Zn, {
+					}), s && /* @__PURE__ */ i(tr, {
 						className: "text-muted-foreground hover:text-foreground",
-						children: /* @__PURE__ */ i(b, { className: "size-4.5" })
-					}) : null]
-				}) }) : null,
-				/* @__PURE__ */ i(nr, { children: e.map((e) => /* @__PURE__ */ a(ir, { children: [e.label ? /* @__PURE__ */ i(ar, { children: e.label }) : null, /* @__PURE__ */ i(or, { children: /* @__PURE__ */ i(sr, { children: e.items.map((e) => /* @__PURE__ */ i(mr, {
+						children: /* @__PURE__ */ i(S, { className: "size-4.5" })
+					})]
+				}) }),
+				/* @__PURE__ */ i(or, { children: e.map((e) => /* @__PURE__ */ a(cr, { children: [e.label && /* @__PURE__ */ i(lr, { children: e.label }), /* @__PURE__ */ i(ur, { children: /* @__PURE__ */ i(dr, { children: e.items.map((e) => /* @__PURE__ */ i(vr, {
 					activeId: t,
 					item: e,
 					onNavigate: n
 				}, e.id)) }) })] }, e.id)) }),
-				o ? /* @__PURE__ */ i(rr, { children: o }) : null
+				o && /* @__PURE__ */ i(sr, { children: o })
 			]
 		})
 	});
 }
 //#endregion
+//#region src/components/blocks/shell/shell-layout.tsx
+function br({ children: e, open: t, defaultOpen: n, onOpenChange: r, rightDrawer: o, rightOpen: s, defaultRightOpen: c, onRightOpenChange: l, variant: u = "desktop", className: d }) {
+	return /* @__PURE__ */ a(Qn, {
+		className: V("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 },
+		children: [
+			/* @__PURE__ */ i(er, {
+				ariaLabel: "Primary navigation",
+				className: V(""),
+				collapsible: "icon",
+				role: "navigation",
+				variant: "inset"
+			}),
+			/* @__PURE__ */ a(ir, {
+				className: V("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(tr, { children: /* @__PURE__ */ i(x, { className: "size-5" }) })
+					}), /* @__PURE__ */ i("div", {
+						className: "flex shrink-0 items-center gap-3",
+						children: /* @__PURE__ */ i(tr, {
+							"aria-label": "Toggle panel",
+							side: "right",
+							children: /* @__PURE__ */ i(C, { className: "size-5" })
+						})
+					})]
+				}), /* @__PURE__ */ i("div", {
+					className: "min-h-24 flex-1 overflow-auto",
+					children: e ?? /* @__PURE__ */ i(xr, {})
+				})]
+			}),
+			/* @__PURE__ */ i(er, {
+				ariaLabel: "Secondary panel",
+				className: V("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: V("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
+			})
+		]
+	});
+}
+function xr() {
+	return /* @__PURE__ */ a("div", {
+		className: "grid gap-5",
+		children: [/* @__PURE__ */ i("div", {
+			className: "grid gap-5 lg:grid-cols-3",
+			children: Array.from({ length: 3 }).map((e, t) => /* @__PURE__ */ i("div", { className: "h-32 border border-border bg-background/60" }, t))
+		}), /* @__PURE__ */ i("div", { className: "h-72 border border-border bg-background/60" })]
+	});
+}
+//#endregion
 //#region src/components/blocks/profile/profile-card-block.tsx
-var gr = [
+var Sr = [
 	{
 		type: "label",
 		label: "Management"
@@ -3274,68 +3394,68 @@ var gr = [
 	{
 		id: "profile",
 		label: "Profile",
-		icon: /* @__PURE__ */ i(C, { "aria-hidden": "true" })
+		icon: /* @__PURE__ */ i(E, { "aria-hidden": "true" })
 	},
 	{
 		id: "settings",
 		label: "Settings",
-		icon: /* @__PURE__ */ i(x, { "aria-hidden": "true" })
+		icon: /* @__PURE__ */ i(w, { "aria-hidden": "true" })
 	},
 	{ type: "separator" },
 	{
 		id: "teams",
 		label: "Teams",
-		icon: /* @__PURE__ */ i(T, { "aria-hidden": "true" })
+		icon: /* @__PURE__ */ i(O, { "aria-hidden": "true" })
 	},
 	{
 		id: "invite",
 		label: "Invite",
-		icon: /* @__PURE__ */ i(w, { "aria-hidden": "true" })
+		icon: /* @__PURE__ */ i(D, { "aria-hidden": "true" })
 	},
 	{ type: "separator" },
 	{
 		id: "sign-out",
 		label: "Log out",
-		icon: /* @__PURE__ */ i(v, { "aria-hidden": "true" }),
+		icon: /* @__PURE__ */ i(y, { "aria-hidden": "true" }),
 		variant: "destructive"
 	}
 ];
-function _r(e) {
+function Cr(e) {
 	let t = [], n = { actions: [] };
 	for (let r of e) r.type === "separator" ? (t.push(n), n = { actions: [] }) : r.type === "label" ? n.label = r.label : n.actions.push(r);
 	return t.push(n), t.filter((e) => e.actions.length > 0 || e.label !== void 0);
 }
-function vr({ user: e, items: t = gr, align: n = "center", side: r = "bottom", sideOffset: o = 8, open: s, defaultOpen: c, onOpenChange: l, sound: u = !0, onError: d, className: f }) {
-	let [m, h] = D.useState(null), g = D.useRef(!0);
-	D.useEffect(() => (g.current = !0, () => {
-		g.current = !1;
+function wr({ user: e, items: t = Sr, align: n = "center", side: r = "bottom", sideOffset: o = 8, menuWidth: s = "content", open: c, defaultOpen: l, onOpenChange: u, sound: d = !0, onError: f, className: m }) {
+	let [h, g] = A.useState(null), _ = A.useRef(!0);
+	A.useEffect(() => (_.current = !0, () => {
+		_.current = !1;
 	}), []);
-	let _ = D.useMemo(() => _r(t), [t]);
-	function v(e) {
+	let v = A.useMemo(() => Cr(t), [t]);
+	function y(e) {
 		let t = e.onSelect?.();
-		t instanceof Promise && (h(e.id), t.catch((e) => d?.(e)).finally(() => {
-			g.current && h(null);
+		t instanceof Promise && (g(e.id), t.catch((e) => f?.(e)).finally(() => {
+			_.current && g(null);
 		}));
 	}
-	let y = m !== null;
-	return /* @__PURE__ */ a(yt, {
-		defaultOpen: c,
+	let b = h !== null;
+	return /* @__PURE__ */ a(St, {
+		defaultOpen: l,
 		onOpenChange: (e, t) => {
-			u && Ze(e ? "bloom" : "droplet"), l?.(e, t);
+			d && et(e ? "bloom" : "droplet"), u?.(e, t);
 		},
-		open: s,
-		children: [/* @__PURE__ */ i(xt, {
-			disabled: y,
+		open: c,
+		children: [/* @__PURE__ */ i(wt, {
+			disabled: b,
 			render: /* @__PURE__ */ a(H, {
 				"aria-label": `${e.name}${e.username ? ` ${e.username}` : ""}, account menu`,
-				className: V("h-auto w-full justify-between py-1.5 pl-1.5 sm:h-auto", f),
+				className: V("h-auto w-full justify-between py-1.5 pl-1.5 data-popup-open:bg-accent sm:h-auto", m),
 				"data-slot": "profile-card",
-				loading: y,
-				sound: u,
-				variant: "outline",
+				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(Yt, {
+					children: [/* @__PURE__ */ i($t, {
 						alt: "",
 						initials: e.initials,
 						name: e.name,
@@ -3355,25 +3475,25 @@ function vr({ user: e, items: t = gr, align: n = "center", side: r = "bottom", s
 					className: "size-3.5"
 				})]
 			})
-		}), /* @__PURE__ */ i(St, {
+		}), /* @__PURE__ */ i(Tt, {
 			align: n,
-			className: "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: V(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: _.map((e, t) => /* @__PURE__ */ a(D.Fragment, { children: [t > 0 ? /* @__PURE__ */ i(At, {}) : null, /* @__PURE__ */ a(Ct, { children: [e.label ? /* @__PURE__ */ i(kt, { children: e.label }) : null, e.actions.map((e) => /* @__PURE__ */ a(wt, {
+			children: v.map((e, t) => /* @__PURE__ */ a(A.Fragment, { children: [t > 0 ? /* @__PURE__ */ i(Nt, {}) : null, /* @__PURE__ */ a(Et, { children: [e.label ? /* @__PURE__ */ i(Mt, { children: e.label }) : null, e.actions.map((e) => /* @__PURE__ */ a(Dt, {
 				disabled: e.disabled,
-				onClick: () => v(e),
+				onClick: () => y(e),
 				variant: e.variant,
 				children: [
 					e.icon,
 					/* @__PURE__ */ i("span", { children: e.label }),
-					e.shortcut ? /* @__PURE__ */ i(jt, { children: e.shortcut }) : null
+					e.shortcut ? /* @__PURE__ */ i(Pt, { children: e.shortcut }) : null
 				]
 			}, e.id))] })] }, e.label ?? `group-${e.actions[0]?.id}`))
 		})]
 	});
 }
 //#endregion
-export { Xn as AnimatedSidebar, Qn as AnimatedSidebarClose, nr as AnimatedSidebarContent, rr as AnimatedSidebarFooter, ir as AnimatedSidebarGroup, or as AnimatedSidebarGroupContent, ar as AnimatedSidebarGroupLabel, tr as AnimatedSidebarHeader, er as AnimatedSidebarInset, sr as AnimatedSidebarMenu, fr as AnimatedSidebarMenuButton, cr as AnimatedSidebarMenuItem, lr as AnimatedSidebarMenuSub, dr as AnimatedSidebarMenuSubButton, ur as AnimatedSidebarMenuSubItem, Jn as AnimatedSidebarProvider, $n as AnimatedSidebarRail, Zn as AnimatedSidebarTrigger, q as AuthCard, X as AuthError, Qt as AuthSeparator, Z as AuthSuccess, Ce as Avatar, Te as AvatarFallback, we as AvatarImage, e as AvatarPrimitive, H as Button, Ie as Card, Ke as CardAction, qe as CardContent, qe as CardPanel, Ge as CardDescription, Je as CardFooter, Le as CardFrame, Ve as CardFrameAction, Be as CardFrameDescription, He as CardFrameFooter, Re as CardFrameHeader, ze as CardFrameTitle, Ue as CardHeader, We as CardTitle, Qe as Checkbox, ae as CheckboxPrimitive, en as CodeAuthBlock, ln as DEFAULT_ONBOARDING_STEPS, yt as DropdownMenu, yt as Menu, Et as DropdownMenuCheckboxItem, Et as MenuCheckboxItem, St as DropdownMenuContent, St as MenuPopup, vt as DropdownMenuCreateHandle, vt as MenuCreateHandle, Ct as DropdownMenuGroup, Ct as MenuGroup, wt as DropdownMenuItem, wt as MenuItem, kt as DropdownMenuLabel, kt as MenuGroupLabel, bt as DropdownMenuPortal, bt as MenuPortal, Dt as DropdownMenuRadioGroup, Dt as MenuRadioGroup, Ot as DropdownMenuRadioItem, Ot as MenuRadioItem, At as DropdownMenuSeparator, At as MenuSeparator, jt as DropdownMenuShortcut, jt as MenuShortcut, Mt as DropdownMenuSub, Mt as MenuSub, Pt as DropdownMenuSubContent, Pt as MenuSubPopup, Nt as DropdownMenuSubTrigger, Nt as MenuSubTrigger, xt as DropdownMenuTrigger, xt as MenuTrigger, K as EASE, yn as EASE_DRAWER, vn as EASE_IN_OUT, Q as EASE_OUT, bn as EASE_OUT_CSS, U as Field, nt as FieldControl, et as FieldDescription, tt as FieldError, $e as FieldItem, W as FieldLabel, rt as FieldValidity, tn as ForgotPasswordBlock, it as Frame, ct as FrameDescription, lt as FrameFooter, ot as FrameHeader, at as FramePanel, st as FrameTitle, G as Input, ft as InputGroup, pt as InputGroupAddon, ht as InputGroupInput, mt as InputGroupText, gt as InputGroupTextarea, pe as InputPrimitive, _t as Label, rn as LinkedAccountsBlock, an as LoginBlock, Tt as MenuLinkItem, R as MenuPrimitive, J as MorphStep, It as OTPField, Lt as OTPFieldInput, me as OTPFieldPrimitive, Rt as OTPFieldSeparator, un as OnboardingBlock, mn as PasskeyManagerBlock, hn as PasskeySignInBlock, Wt as PasswordInput, vr as ProfileCardBlock, Y as Reveal, Gt as SOCIAL_PROVIDERS, En as SPRING_GLIDE, wn as SPRING_LAYOUT, Tn as SPRING_MOUSE, Cn as SPRING_PANEL, xn as SPRING_PRESS, Sn as SPRING_SWAP, Ft as Separator, he as SeparatorPrimitive, kn as SharedLayoutBg, hr as SidebarBlock, gn as SignupBlock, zt as Skeleton, qt as SocialProviders, Ee as Spinner, ut as Textarea, _n as UpdatePasswordBlock, Yt as UserAvatar, Zt as authAccentActionStyles, Xt as authAccentVars, Xe as bindSounds, Fe as buttonVariants, V as cn, gr as defaultProfileCardItems, Ht as getPasswordStrength, Jt as initialsFrom, Vt as passwordRequirements, Ze as playCue, ce as playSound, le as setSoundEnabled, ue as setSoundVolume, de as sounds, $ as useAnimatedSidebar, $t as useCountdown };
+export { er as AnimatedSidebar, nr as AnimatedSidebarClose, or as AnimatedSidebarContent, sr as AnimatedSidebarFooter, cr as AnimatedSidebarGroup, ur as AnimatedSidebarGroupContent, lr as AnimatedSidebarGroupLabel, ar as AnimatedSidebarHeader, ir as AnimatedSidebarInset, dr as AnimatedSidebarMenu, gr as AnimatedSidebarMenuButton, fr as AnimatedSidebarMenuItem, pr as AnimatedSidebarMenuSub, hr as AnimatedSidebarMenuSubButton, mr as AnimatedSidebarMenuSubItem, Qn as AnimatedSidebarProvider, rr as AnimatedSidebarRail, tr as AnimatedSidebarTrigger, q as AuthCard, X as AuthError, nn as AuthSeparator, Z as AuthSuccess, Ee as Avatar, Oe as AvatarFallback, De as AvatarImage, e as AvatarPrimitive, H 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, ce as CheckboxPrimitive, an as CodeAuthBlock, pn as DEFAULT_ONBOARDING_STEPS, St as DropdownMenu, St as Menu, kt as DropdownMenuCheckboxItem, kt as MenuCheckboxItem, Tt as DropdownMenuContent, Tt as MenuPopup, xt as DropdownMenuCreateHandle, xt as MenuCreateHandle, Et as DropdownMenuGroup, Et as MenuGroup, Dt as DropdownMenuItem, Dt as MenuItem, Mt as DropdownMenuLabel, Mt as MenuGroupLabel, Ct as DropdownMenuPortal, Ct as MenuPortal, At as DropdownMenuRadioGroup, At as MenuRadioGroup, jt as DropdownMenuRadioItem, jt as MenuRadioItem, Nt as DropdownMenuSeparator, Nt as MenuSeparator, Pt as DropdownMenuShortcut, Pt as MenuShortcut, Ft as DropdownMenuSub, Ft as MenuSub, Lt as DropdownMenuSubContent, Lt as MenuSubPopup, It as DropdownMenuSubTrigger, It as MenuSubTrigger, wt as DropdownMenuTrigger, wt as MenuTrigger, K as EASE, Cn as EASE_DRAWER, Sn as EASE_IN_OUT, Q as EASE_OUT, wn as EASE_OUT_CSS, U as Field, at as FieldControl, rt as FieldDescription, it as FieldError, nt as FieldItem, W as FieldLabel, ot as FieldValidity, on as ForgotPasswordBlock, st as Frame, dt as FrameDescription, ft as FrameFooter, lt as FrameHeader, ct as FramePanel, ut as FrameTitle, G as Input, ht as InputGroup, gt as InputGroupAddon, vt as InputGroupInput, _t as InputGroupText, yt as InputGroupTextarea, ge as InputPrimitive, bt as Label, cn as LinkedAccountsBlock, ln as LoginBlock, Ot as MenuLinkItem, R as MenuPrimitive, J as MorphStep, zt as OTPField, Bt as OTPFieldInput, _e as OTPFieldPrimitive, Vt as OTPFieldSeparator, mn as OnboardingBlock, vn as PasskeyManagerBlock, yn as PasskeySignInBlock, qt as PasswordInput, wr as ProfileCardBlock, Y as Reveal, Yt as SOCIAL_PROVIDERS, An as SPRING_GLIDE, On as SPRING_LAYOUT, kn as SPRING_MOUSE, Dn as SPRING_PANEL, Tn as SPRING_PRESS, En as SPRING_SWAP, Rt as Separator, ve as SeparatorPrimitive, Nn as SharedLayoutBg, br as ShellLayout, yr as SidebarBlock, bn as SignupBlock, Ht as Skeleton, Zt as SocialProviders, ke as Spinner, pt as Textarea, xn as UpdatePasswordBlock, $t as UserAvatar, tn as authAccentActionStyles, en as authAccentVars, $e as bindSounds, Re as buttonVariants, V as cn, Sr as defaultProfileCardItems, Gt as getPasswordStrength, Qt as initialsFrom, Wt as passwordRequirements, et as playCue, de as playSound, fe as setSoundEnabled, pe as setSoundVolume, me as sounds, $ as useAnimatedSidebar, rn as useCountdown };
 
 //# sourceMappingURL=index.js.map