@viglet/viglet-design-system 2026.3.17 → 2026.3.18

package/dist/{user.context-TpXsFyGy.js → user.context-vCmnGlIb.js}

@@ -1,24 +1,26 @@
 import { t as e } from "./utils-Fk5jmzzb.js";
 import { C as t, a as n, c as r, g as i, o as a, p as o, u as s, v as c, y as l } from "./badge-locale-BwsfyQJT.js";
 import * as u from "react";
-import d, { createContext as f, useCallback as ee, useContext as p, useEffect as te, useRef as m, useState as h } from "react";
-import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
-import * as y from "@radix-ui/react-avatar";
-import { Slot as b } from "@radix-ui/react-slot";
-import { cva as x } from "class-variance-authority";
-import { useTranslation as S } from "react-i18next";
+import d, { createContext as f, useCallback as ee, useContext as p, useEffect as m, useRef as h, useState as g } from "react";
+import { Fragment as _, jsx as v, jsxs as y } from "react/jsx-runtime";
+import * as b from "@radix-ui/react-avatar";
+import { Slot as x } from "@radix-ui/react-slot";
+import { cva as S } from "class-variance-authority";
+import { useTranslation as te } from "react-i18next";
 import * as C from "@radix-ui/react-checkbox";
 import * as w from "@radix-ui/react-dropdown-menu";
-import { IconChevronDown as T, IconLoader2 as ne, IconSearch as re, IconSparkles as E, IconTrash as ie } from "@tabler/icons-react";
-import { Icon as D } from "@iconify/react";
-import { Popover as O } from "radix-ui";
-import { Group as k, Panel as A, Separator as j } from "react-resizable-panels";
-import * as M from "@radix-ui/react-tooltip";
-import { useTheme as N } from "next-themes";
-import { Toaster as P, toast as F } from "sonner";
-import * as I from "@radix-ui/react-tabs";
+import { IconChevronDown as T, IconLoader2 as ne, IconSearch as re, IconSparkles as ie, IconTrash as ae } from "@tabler/icons-react";
+import { Icon as E } from "@iconify/react";
+import { Popover as D } from "radix-ui";
+import { Group as O, Panel as k, Separator as A } from "react-resizable-panels";
+import * as j from "@radix-ui/react-tooltip";
+import { useTheme as M } from "next-themes";
+import { Toaster as N, toast as P } from "sonner";
+import * as F from "@radix-ui/react-tabs";
+import * as I from "@radix-ui/react-toggle";
+import * as L from "@radix-ui/react-toggle-group";
 //#region node_modules/lucide-react/dist/esm/icons/check.mjs
-var L = {
+var R = {
 	name: "check",
 	size: 24,
 	node: [["path", {
@@ -26,8 +28,8 @@ var L = {
 		key: "1gmf2c"
 	}]]
 };
-L.node;
-var R = t(L), z = {
+R.node;
+var z = t(R), B = {
 	name: "chevron-right",
 	size: 24,
 	node: [["path", {
@@ -35,8 +37,8 @@ var R = t(L), z = {
 		key: "mthhwq"
 	}]]
 };
-z.node;
-var B = t(z), V = {
+B.node;
+var oe = t(B), se = {
 	name: "circle-check",
 	size: 24,
 	node: [["circle", {
@@ -50,8 +52,8 @@ var B = t(z), V = {
 	}]],
 	aliases: ["check-circle-2"]
 };
-V.node;
-var ae = t(V), H = {
+se.node;
+var ce = t(se), le = {
 	name: "circle",
 	size: 24,
 	node: [["circle", {
@@ -61,8 +63,8 @@ var ae = t(V), H = {
 		key: "1mglay"
 	}]]
 };
-H.node;
-var oe = t(H), se = {
+le.node;
+var ue = t(le), V = {
 	name: "grip-vertical",
 	size: 24,
 	node: [
@@ -104,8 +106,8 @@ var oe = t(H), se = {
 		}]
 	]
 };
-se.node;
-var ce = t(se), U = {
+V.node;
+var de = t(V), H = {
 	name: "info",
 	size: 24,
 	node: [
@@ -125,8 +127,8 @@ var ce = t(se), U = {
 		}]
 	]
 };
-U.node;
-var le = t(U), W = {
+H.node;
+var fe = t(H), U = {
 	name: "loader-circle",
 	size: 24,
 	node: [["path", {
@@ -135,8 +137,8 @@ var le = t(U), W = {
 	}]],
 	aliases: ["loader-2"]
 };
-W.node;
-var ue = t(W), G = {
+U.node;
+var pe = t(U), W = {
 	name: "octagon-x",
 	size: 24,
 	node: [
@@ -155,8 +157,8 @@ var ue = t(W), G = {
 	],
 	aliases: ["x-octagon"]
 };
-G.node;
-var de = t(G), K = {
+W.node;
+var me = t(W), G = {
 	name: "triangle-alert",
 	size: 24,
 	node: [
@@ -175,8 +177,8 @@ var de = t(G), K = {
 	],
 	aliases: ["alert-triangle"]
 };
-K.node;
-var fe = t(K), q = x("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all cursor-pointer disabled:cursor-not-allowed disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", {
+G.node;
+var he = t(G), K = S("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all cursor-pointer disabled:cursor-not-allowed disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive", {
 	variants: {
 		variant: {
 			default: "bg-primary text-primary-foreground hover:bg-primary/90",
@@ -200,70 +202,70 @@ var fe = t(K), q = x("inline-flex items-center justify-center gap-2 whitespace-n
 		size: "default"
 	}
 });
-function pe({ className: t, variant: n, size: r, asChild: i = !1, loading: a = !1, onClick: o, children: s, ...u }) {
-	let d = i ? b : "button", f = l(a, u["aria-disabled"], o);
-	return /* @__PURE__ */ _(d, {
+function ge({ className: t, variant: n, size: r, asChild: i = !1, loading: a = !1, onClick: o, children: s, ...u }) {
+	let d = i ? x : "button", f = l(a, u["aria-disabled"], o);
+	return /* @__PURE__ */ v(d, {
 		"data-slot": "button",
-		className: e(q({
+		className: e(K({
 			variant: n,
 			size: r,
 			className: t
 		}), f.inert && (a ? "cursor-progress" : "cursor-not-allowed opacity-50")),
 		...u,
 		...f.props,
-		children: i ? s : /* @__PURE__ */ v(g, { children: [a && /* @__PURE__ */ _(c, {}), s] })
+		children: i ? s : /* @__PURE__ */ y(_, { children: [a && /* @__PURE__ */ v(c, {}), s] })
 	});
 }
 //#endregion
 //#region src/components/ui/checkbox.tsx
-function me({ className: t, ...n }) {
-	return /* @__PURE__ */ _(C.Root, {
+function _e({ className: t, ...n }) {
+	return /* @__PURE__ */ v(C.Root, {
 		"data-slot": "checkbox",
 		className: e("peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-sm border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", t),
 		...n,
-		children: /* @__PURE__ */ _(C.Indicator, {
+		children: /* @__PURE__ */ v(C.Indicator, {
 			"data-slot": "checkbox-indicator",
 			className: "grid place-content-center text-current transition-none",
-			children: /* @__PURE__ */ _(R, { className: "size-3.5" })
+			children: /* @__PURE__ */ v(z, { className: "size-3.5" })
 		})
 	});
 }
 //#endregion
 //#region src/components/ui/dropdown-menu.tsx
-function he({ ...e }) {
-	return /* @__PURE__ */ _(w.Root, {
+function ve({ ...e }) {
+	return /* @__PURE__ */ v(w.Root, {
 		"data-slot": "dropdown-menu",
 		...e
 	});
 }
-function ge({ ...e }) {
-	return /* @__PURE__ */ _(w.Portal, {
+function ye({ ...e }) {
+	return /* @__PURE__ */ v(w.Portal, {
 		"data-slot": "dropdown-menu-portal",
 		...e
 	});
 }
-function _e({ ...e }) {
-	return /* @__PURE__ */ _(w.Trigger, {
+function be({ ...e }) {
+	return /* @__PURE__ */ v(w.Trigger, {
 		"data-slot": "dropdown-menu-trigger",
 		...e
 	});
 }
-function ve({ className: t, sideOffset: n = 4, ...r }) {
-	return /* @__PURE__ */ _(w.Portal, { children: /* @__PURE__ */ _(w.Content, {
+function xe({ className: t, sideOffset: n = 4, ...r }) {
+	return /* @__PURE__ */ v(w.Portal, { children: /* @__PURE__ */ v(w.Content, {
 		"data-slot": "dropdown-menu-content",
 		sideOffset: n,
 		className: e("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md", t),
 		...r
 	}) });
 }
-function ye({ ...e }) {
-	return /* @__PURE__ */ _(w.Group, {
+function Se({ ...e }) {
+	return /* @__PURE__ */ v(w.Group, {
 		"data-slot": "dropdown-menu-group",
 		...e
 	});
 }
-function be({ className: t, inset: n, variant: r = "default", ...i }) {
-	return /* @__PURE__ */ _(w.Item, {
+function Ce({ className: t, inset: n, variant: r = "default", ...i }) {
+	return /* @__PURE__ */ v(w.Item, {
 		"data-slot": "dropdown-menu-item",
 		"data-inset": n,
 		"data-variant": r,
@@ -271,74 +273,74 @@ function be({ className: t, inset: n, variant: r = "default", ...i }) {
 		...i
 	});
 }
-function xe({ className: t, children: n, checked: r, ...i }) {
-	return /* @__PURE__ */ v(w.CheckboxItem, {
+function we({ className: t, children: n, checked: r, ...i }) {
+	return /* @__PURE__ */ y(w.CheckboxItem, {
 		"data-slot": "dropdown-menu-checkbox-item",
 		className: e("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", t),
 		checked: r,
 		...i,
-		children: [/* @__PURE__ */ _("span", {
+		children: [/* @__PURE__ */ v("span", {
 			className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
-			children: /* @__PURE__ */ _(w.ItemIndicator, { children: /* @__PURE__ */ _(R, { className: "size-4" }) })
+			children: /* @__PURE__ */ v(w.ItemIndicator, { children: /* @__PURE__ */ v(z, { className: "size-4" }) })
 		}), n]
 	});
 }
-function Se({ ...e }) {
-	return /* @__PURE__ */ _(w.RadioGroup, {
+function Te({ ...e }) {
+	return /* @__PURE__ */ v(w.RadioGroup, {
 		"data-slot": "dropdown-menu-radio-group",
 		...e
 	});
 }
-function Ce({ className: t, children: n, ...r }) {
-	return /* @__PURE__ */ v(w.RadioItem, {
+function Ee({ className: t, children: n, ...r }) {
+	return /* @__PURE__ */ y(w.RadioItem, {
 		"data-slot": "dropdown-menu-radio-item",
 		className: e("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", t),
 		...r,
-		children: [/* @__PURE__ */ _("span", {
+		children: [/* @__PURE__ */ v("span", {
 			className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
-			children: /* @__PURE__ */ _(w.ItemIndicator, { children: /* @__PURE__ */ _(oe, { className: "size-2 fill-current" }) })
+			children: /* @__PURE__ */ v(w.ItemIndicator, { children: /* @__PURE__ */ v(ue, { className: "size-2 fill-current" }) })
 		}), n]
 	});
 }
-function we({ className: t, inset: n, ...r }) {
-	return /* @__PURE__ */ _(w.Label, {
+function De({ className: t, inset: n, ...r }) {
+	return /* @__PURE__ */ v(w.Label, {
 		"data-slot": "dropdown-menu-label",
 		"data-inset": n,
 		className: e("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", t),
 		...r
 	});
 }
-function Te({ className: t, ...n }) {
-	return /* @__PURE__ */ _(w.Separator, {
+function Oe({ className: t, ...n }) {
+	return /* @__PURE__ */ v(w.Separator, {
 		"data-slot": "dropdown-menu-separator",
 		className: e("bg-border -mx-1 my-1 h-px", t),
 		...n
 	});
 }
-function Ee({ className: t, ...n }) {
-	return /* @__PURE__ */ _("span", {
+function ke({ className: t, ...n }) {
+	return /* @__PURE__ */ v("span", {
 		"data-slot": "dropdown-menu-shortcut",
 		className: e("text-muted-foreground ml-auto text-xs tracking-widest", t),
 		...n
 	});
 }
-function De({ ...e }) {
-	return /* @__PURE__ */ _(w.Sub, {
+function Ae({ ...e }) {
+	return /* @__PURE__ */ v(w.Sub, {
 		"data-slot": "dropdown-menu-sub",
 		...e
 	});
 }
-function Oe({ className: t, inset: n, children: r, ...i }) {
-	return /* @__PURE__ */ v(w.SubTrigger, {
+function je({ className: t, inset: n, children: r, ...i }) {
+	return /* @__PURE__ */ y(w.SubTrigger, {
 		"data-slot": "dropdown-menu-sub-trigger",
 		"data-inset": n,
 		className: e("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", t),
 		...i,
-		children: [r, /* @__PURE__ */ _(B, { className: "ml-auto size-4" })]
+		children: [r, /* @__PURE__ */ v(oe, { className: "ml-auto size-4" })]
 	});
 }
-function ke({ className: t, ...n }) {
-	return /* @__PURE__ */ _(w.SubContent, {
+function Me({ className: t, ...n }) {
+	return /* @__PURE__ */ v(w.SubContent, {
 		"data-slot": "dropdown-menu-sub-content",
 		className: e("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg", t),
 		...n
@@ -346,31 +348,31 @@ function ke({ className: t, ...n }) {
 }
 //#endregion
 //#region src/components/ui/icon-picker-dialog.tsx
-var J = [
+var q = [
 	"lucide",
 	"tabler",
 	"mdi",
 	"ph",
 	"solar",
 	"heroicons"
-], Ae = J.join(",");
-async function Y(e, t, n) {
+], Ne = q.join(",");
+async function J(e, t, n) {
 	try {
-		let r = await fetch(`https://api.iconify.design/search?query=${encodeURIComponent(e)}&limit=${t}&prefixes=${Ae}`, { signal: n });
+		let r = await fetch(`https://api.iconify.design/search?query=${encodeURIComponent(e)}&limit=${t}&prefixes=${Ne}`, { signal: n });
 		if (r.ok) return (await r.json()).icons ?? [];
 	} catch {}
 	return [];
 }
-function je({ open: e, onOpenChange: t, value: c, onSelect: l, onClear: u, title: d, description: f, suggestKeywords: p }) {
-	let { t: g } = S(), [y, b] = h(""), [x, C] = h([]), [w, T] = h(!1), O = m(null), [k, A] = h(!1), [j, M] = h([]), N = m(0), [P, F] = h(null), I = ee(async (e, t) => {
-		let n = ++N.current, r = () => n === N.current && !t.aborted;
+function Pe({ open: e, onOpenChange: t, value: c, onSelect: l, onClear: u, title: d, description: f, suggestKeywords: p }) {
+	let { t: _ } = te(), [b, x] = g(""), [S, C] = g([]), [w, T] = g(!1), D = h(null), [O, k] = g(!1), [A, j] = g([]), M = h(0), [N, P] = g(null), F = ee(async (e, t) => {
+		let n = ++M.current, r = () => n === M.current && !t.aborted;
 		if (!e.trim()) {
 			C([]);
 			return;
 		}
 		T(!0);
 		try {
-			let n = await Y(e, 60, t);
+			let n = await J(e, 60, t);
 			r() && C(n);
 		} catch {
 			r() && C([]);
@@ -378,21 +380,21 @@ function je({ open: e, onOpenChange: t, value: c, onSelect: l, onClear: u, title
 			r() && T(!1);
 		}
 	}, []);
-	te(() => {
+	m(() => {
 		let e = new AbortController();
-		return O.current && clearTimeout(O.current), O.current = setTimeout(() => I(y, e.signal), 350), () => {
-			O.current && clearTimeout(O.current), e.abort();
+		return D.current && clearTimeout(D.current), D.current = setTimeout(() => F(b, e.signal), 350), () => {
+			D.current && clearTimeout(D.current), e.abort();
 		};
-	}, [y, I]);
-	let L = m(null);
-	te(() => () => L.current?.abort(), []);
-	function R(e) {
-		l(e), t(!1), b(""), C([]), M([]), F(null);
+	}, [b, F]);
+	let I = h(null);
+	m(() => () => I.current?.abort(), []);
+	function L(e) {
+		l(e), t(!1), x(""), C([]), j([]), P(null);
 	}
-	async function z() {
-		if (!p || k) return;
+	async function R() {
+		if (!p || O) return;
 		let e = new AbortController();
-		L.current = e, A(!0), M([]), F(null);
+		I.current = e, k(!0), j([]), P(null);
 		try {
 			let t = (await p({
 				title: d,
@@ -402,75 +404,75 @@ function je({ open: e, onOpenChange: t, value: c, onSelect: l, onClear: u, title
 				if (e.signal.aborted) return;
 				n.push({
 					keyword: r.trim(),
-					icons: await Y(r.trim(), 30, e.signal)
+					icons: await J(r.trim(), 30, e.signal)
 				});
 			}
-			e.signal.aborted || M(n);
+			e.signal.aborted || j(n);
 		} catch {
-			e.signal.aborted || M([]);
+			e.signal.aborted || j([]);
 		} finally {
-			e.signal.aborted || A(!1);
+			e.signal.aborted || k(!1);
 		}
 	}
-	let B = P ? j.find((e) => e.keyword === P)?.icons ?? [] : j.flatMap((e) => e.icons.slice(0, 3)), V = !!p && !!(d?.trim() ?? f?.trim());
-	return /* @__PURE__ */ _(r, {
+	let z = N ? A.find((e) => e.keyword === N)?.icons ?? [] : A.flatMap((e) => e.icons.slice(0, 3)), B = !!p && !!(d?.trim() ?? f?.trim());
+	return /* @__PURE__ */ v(r, {
 		open: e,
 		onOpenChange: t,
-		children: /* @__PURE__ */ v(s, {
+		children: /* @__PURE__ */ y(s, {
 			className: "flex max-h-[80vh] flex-col sm:max-w-lg",
 			children: [
-				/* @__PURE__ */ _(o, { children: /* @__PURE__ */ _(i, { children: g("forms.iconPicker.chooseAnIcon", { defaultValue: "Choose an icon" }) }) }),
-				/* @__PURE__ */ v("div", {
+				/* @__PURE__ */ v(o, { children: /* @__PURE__ */ v(i, { children: _("forms.iconPicker.chooseAnIcon", { defaultValue: "Choose an icon" }) }) }),
+				/* @__PURE__ */ y("div", {
 					className: "flex gap-2",
-					children: [/* @__PURE__ */ v("div", {
+					children: [/* @__PURE__ */ y("div", {
 						className: "relative flex-1",
-						children: [/* @__PURE__ */ _(re, { className: "absolute left-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ _(n, {
-							value: y,
-							onChange: (e) => b(e.target.value),
-							placeholder: g("forms.iconPicker.searchIcons", { defaultValue: "Search icons" }),
+						children: [/* @__PURE__ */ v(re, { className: "absolute left-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ v(n, {
+							value: b,
+							onChange: (e) => x(e.target.value),
+							placeholder: _("forms.iconPicker.searchIcons", { defaultValue: "Search icons" }),
 							className: "pl-9",
 							autoFocus: !0
 						})]
-					}), V && /* @__PURE__ */ v(a, {
+					}), B && /* @__PURE__ */ y(a, {
 						type: "button",
 						size: "sm",
 						variant: "outline",
-						onClick: z,
-						disabled: k,
+						onClick: R,
+						disabled: O,
 						className: "shrink-0 gap-1.5",
-						children: [k ? /* @__PURE__ */ _(ne, { className: "size-4 animate-spin" }) : /* @__PURE__ */ _(E, { className: "size-4" }), g("forms.iconPicker.aiSuggest", { defaultValue: "Suggest" })]
+						children: [O ? /* @__PURE__ */ v(ne, { className: "size-4 animate-spin" }) : /* @__PURE__ */ v(ie, { className: "size-4" }), _("forms.iconPicker.aiSuggest", { defaultValue: "Suggest" })]
 					})]
 				}),
-				j.length > 0 && /* @__PURE__ */ v("div", {
+				A.length > 0 && /* @__PURE__ */ y("div", {
 					className: "rounded-lg border border-[var(--vg-accent-line)] bg-[var(--vg-accent-surface)] p-3",
 					children: [
-						/* @__PURE__ */ v("div", {
+						/* @__PURE__ */ y("div", {
 							className: "mb-2 flex items-center gap-1.5 text-xs font-medium vg-accent-text",
-							children: [/* @__PURE__ */ _(E, { className: "size-3.5" }), g("forms.iconPicker.aiSuggestions", { defaultValue: "Suggestions" })]
+							children: [/* @__PURE__ */ v(ie, { className: "size-3.5" }), _("forms.iconPicker.aiSuggestions", { defaultValue: "Suggestions" })]
 						}),
-						/* @__PURE__ */ _("div", {
+						/* @__PURE__ */ v("div", {
 							className: "mb-3 flex flex-wrap gap-1.5",
-							children: j.map((e) => /* @__PURE__ */ v("button", {
+							children: A.map((e) => /* @__PURE__ */ y("button", {
 								type: "button",
-								onClick: () => F(P === e.keyword ? null : e.keyword),
-								className: `cursor-pointer rounded-full px-3 py-1 text-xs font-medium transition-all ${P === e.keyword ? "vg-accent-solid text-white" : "bg-[var(--vg-accent-surface)] text-[var(--vg-accent-fg)] hover:bg-[var(--vg-accent-surface-strong)]"}`,
-								children: [e.keyword, /* @__PURE__ */ _("span", {
+								onClick: () => P(N === e.keyword ? null : e.keyword),
+								className: `cursor-pointer rounded-full px-3 py-1 text-xs font-medium transition-all ${N === e.keyword ? "vg-accent-solid text-white" : "bg-[var(--vg-accent-surface)] text-[var(--vg-accent-fg)] hover:bg-[var(--vg-accent-surface-strong)]"}`,
+								children: [e.keyword, /* @__PURE__ */ v("span", {
 									className: "ml-1 opacity-60",
 									children: e.icons.length
 								})]
 							}, e.keyword))
 						}),
-						/* @__PURE__ */ _("div", {
+						/* @__PURE__ */ v("div", {
 							className: "flex max-h-60 flex-wrap gap-2 overflow-y-auto",
-							children: B.map((e) => /* @__PURE__ */ v("button", {
+							children: z.map((e) => /* @__PURE__ */ y("button", {
 								type: "button",
-								onClick: () => R(e),
+								onClick: () => L(e),
 								className: `flex cursor-pointer flex-col items-center gap-1 rounded-lg p-2 transition-all hover:bg-[var(--vg-accent-surface)] ${c === e ? "border border-[var(--vg-accent-line)] bg-[var(--vg-accent-surface-strong)] vg-accent-text" : "border border-[var(--vg-accent-line)]"}`,
 								title: e,
-								children: [/* @__PURE__ */ _(D, {
+								children: [/* @__PURE__ */ v(E, {
 									icon: e,
 									className: "size-7"
-								}), /* @__PURE__ */ _("span", {
+								}), /* @__PURE__ */ v("span", {
 									className: "max-w-[80px] truncate text-center text-[9px] leading-tight text-muted-foreground",
 									children: e.split(":")[1] ?? e
 								})]
@@ -478,41 +480,41 @@ function je({ open: e, onOpenChange: t, value: c, onSelect: l, onClear: u, title
 						})
 					]
 				}),
-				/* @__PURE__ */ v("div", {
+				/* @__PURE__ */ y("div", {
 					className: "max-h-[400px] min-h-[200px] flex-1 overflow-y-auto",
 					children: [
-						w && /* @__PURE__ */ _("div", {
+						w && /* @__PURE__ */ v("div", {
 							className: "flex h-32 items-center justify-center text-sm text-muted-foreground",
-							children: g("forms.iconPicker.searching", { defaultValue: "Searching…" })
+							children: _("forms.iconPicker.searching", { defaultValue: "Searching…" })
 						}),
-						!w && y && x.length === 0 && /* @__PURE__ */ _("div", {
+						!w && b && S.length === 0 && /* @__PURE__ */ v("div", {
 							className: "flex h-32 items-center justify-center text-sm text-muted-foreground",
-							children: g("forms.iconPicker.noIconsFound", {
-								query: y,
+							children: _("forms.iconPicker.noIconsFound", {
+								query: b,
 								defaultValue: "No icons found for “{{query}}”"
 							})
 						}),
-						!w && !y && x.length === 0 && j.length === 0 && /* @__PURE__ */ v("div", {
+						!w && !b && S.length === 0 && A.length === 0 && /* @__PURE__ */ y("div", {
 							className: "flex h-32 flex-col items-center justify-center gap-2 px-4 text-center text-sm text-muted-foreground",
-							children: [/* @__PURE__ */ _("span", { children: g("forms.iconPicker.typeToSearch", {
-								count: J.length,
+							children: [/* @__PURE__ */ v("span", { children: _("forms.iconPicker.typeToSearch", {
+								count: q.length,
 								defaultValue: "Type to search {{count}} icon collections"
-							}) }), V && /* @__PURE__ */ _("span", {
+							}) }), B && /* @__PURE__ */ v("span", {
 								className: "text-xs leading-relaxed",
-								children: g("forms.iconPicker.orClickAi", { defaultValue: "…or let the title and description suggest some" })
+								children: _("forms.iconPicker.orClickAi", { defaultValue: "…or let the title and description suggest some" })
 							})]
 						}),
-						x.length > 0 && /* @__PURE__ */ _("div", {
+						S.length > 0 && /* @__PURE__ */ v("div", {
 							className: "grid grid-cols-6 gap-1.5 p-1",
-							children: x.map((e) => /* @__PURE__ */ v("button", {
+							children: S.map((e) => /* @__PURE__ */ y("button", {
 								type: "button",
-								onClick: () => R(e),
+								onClick: () => L(e),
 								className: `flex cursor-pointer flex-col items-center justify-center gap-1 rounded-lg p-2 transition-all hover:bg-muted ${c === e ? "border border-[var(--vg-accent-line)] bg-[var(--vg-accent-surface)] vg-accent-text" : "border border-transparent hover:border-border"}`,
 								title: e,
-								children: [/* @__PURE__ */ _(D, {
+								children: [/* @__PURE__ */ v(E, {
 									icon: e,
 									className: "size-6"
-								}), /* @__PURE__ */ _("span", {
+								}), /* @__PURE__ */ v("span", {
 									className: "w-full truncate text-center text-[9px] leading-tight text-muted-foreground",
 									children: e.split(":")[1] ?? e
 								})]
@@ -520,32 +522,32 @@ function je({ open: e, onOpenChange: t, value: c, onSelect: l, onClear: u, title
 						})
 					]
 				}),
-				c && /* @__PURE__ */ v("div", {
+				c && /* @__PURE__ */ y("div", {
 					className: "flex items-center justify-between border-t pt-2",
-					children: [/* @__PURE__ */ v("div", {
+					children: [/* @__PURE__ */ y("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ _(D, {
+						children: [/* @__PURE__ */ v(E, {
 							icon: c,
 							className: "size-5"
-						}), /* @__PURE__ */ _("span", {
+						}), /* @__PURE__ */ v("span", {
 							className: "font-mono text-xs text-muted-foreground",
 							children: c
 						})]
-					}), /* @__PURE__ */ v("div", {
+					}), /* @__PURE__ */ y("div", {
 						className: "flex gap-2",
-						children: [u && /* @__PURE__ */ v(a, {
+						children: [u && /* @__PURE__ */ y(a, {
 							size: "sm",
 							type: "button",
 							variant: "outline",
 							onClick: () => {
 								u(), t(!1);
 							},
-							children: [/* @__PURE__ */ _(ie, { className: "size-4" }), g("forms.common.remove", { defaultValue: "Remove" })]
-						}), /* @__PURE__ */ _(a, {
+							children: [/* @__PURE__ */ v(ae, { className: "size-4" }), _("forms.common.remove", { defaultValue: "Remove" })]
+						}), /* @__PURE__ */ v(a, {
 							size: "sm",
 							type: "button",
 							onClick: () => t(!1),
-							children: g("forms.iconPicker.done", { defaultValue: "Done" })
+							children: _("forms.iconPicker.done", { defaultValue: "Done" })
 						})]
 					})]
 				})
@@ -555,20 +557,20 @@ function je({ open: e, onOpenChange: t, value: c, onSelect: l, onClear: u, title
 }
 //#endregion
 //#region src/components/ui/popover.tsx
-function Me({ ...e }) {
-	return /* @__PURE__ */ _(O.Root, {
+function Fe({ ...e }) {
+	return /* @__PURE__ */ v(D.Root, {
 		"data-slot": "popover",
 		...e
 	});
 }
-function Ne({ ...e }) {
-	return /* @__PURE__ */ _(O.Trigger, {
+function Ie({ ...e }) {
+	return /* @__PURE__ */ v(D.Trigger, {
 		"data-slot": "popover-trigger",
 		...e
 	});
 }
-function Pe({ className: t, align: n = "center", sideOffset: r = 4, ...i }) {
-	return /* @__PURE__ */ _(O.Portal, { children: /* @__PURE__ */ _(O.Content, {
+function Le({ className: t, align: n = "center", sideOffset: r = 4, ...i }) {
+	return /* @__PURE__ */ v(D.Portal, { children: /* @__PURE__ */ v(D.Content, {
 		"data-slot": "popover-content",
 		align: n,
 		sideOffset: r,
@@ -576,28 +578,28 @@ function Pe({ className: t, align: n = "center", sideOffset: r = 4, ...i }) {
 		...i
 	}) });
 }
-function Fe({ ...e }) {
-	return /* @__PURE__ */ _(O.Anchor, {
+function Re({ ...e }) {
+	return /* @__PURE__ */ v(D.Anchor, {
 		"data-slot": "popover-anchor",
 		...e
 	});
 }
-function Ie({ className: t, ...n }) {
-	return /* @__PURE__ */ _("div", {
+function ze({ className: t, ...n }) {
+	return /* @__PURE__ */ v("div", {
 		"data-slot": "popover-header",
 		className: e("flex flex-col gap-1 text-sm", t),
 		...n
 	});
 }
-function Le({ className: t, ...n }) {
-	return /* @__PURE__ */ _("div", {
+function Be({ className: t, ...n }) {
+	return /* @__PURE__ */ v("div", {
 		"data-slot": "popover-title",
 		className: e("font-medium", t),
 		...n
 	});
 }
-function Re({ className: t, ...n }) {
-	return /* @__PURE__ */ _("p", {
+function Ve({ className: t, ...n }) {
+	return /* @__PURE__ */ v("p", {
 		"data-slot": "popover-description",
 		className: e("text-muted-foreground", t),
 		...n
@@ -605,35 +607,35 @@ function Re({ className: t, ...n }) {
 }
 //#endregion
 //#region src/components/ui/resizable.tsx
-function ze({ className: t, ...n }) {
-	return /* @__PURE__ */ _(k, {
+function He({ className: t, ...n }) {
+	return /* @__PURE__ */ v(O, {
 		"data-slot": "resizable-panel-group",
 		className: e("flex h-full w-full", t),
 		...n
 	});
 }
-function Be({ overflowHidden: t, className: n, ...r }) {
-	return /* @__PURE__ */ _(A, {
+function Ue({ overflowHidden: t, className: n, ...r }) {
+	return /* @__PURE__ */ v(k, {
 		"data-slot": "resizable-panel",
 		className: e(t && "[&>div]:overflow-hidden!", n),
 		style: t ? { overflow: "hidden" } : void 0,
 		...r
 	});
 }
-function Ve({ withHandle: t, className: n, ...r }) {
-	return /* @__PURE__ */ _(j, {
+function We({ withHandle: t, className: n, ...r }) {
+	return /* @__PURE__ */ v(A, {
 		"data-slot": "resizable-handle",
 		className: e("bg-border focus-visible:ring-ring relative flex w-px items-center justify-center after:absolute after:inset-y-0 after:-left-2 after:-right-2 focus-visible:ring-1 focus-visible:ring-offset-1 focus-visible:outline-hidden", "[&[aria-orientation=horizontal]]:h-px [&[aria-orientation=horizontal]]:w-full [&[aria-orientation=horizontal]]:after:inset-x-0 [&[aria-orientation=horizontal]]:after:-top-2 [&[aria-orientation=horizontal]]:after:-bottom-2 [&[aria-orientation=horizontal]>div]:rotate-90", n),
 		...r,
-		children: t && /* @__PURE__ */ _("div", {
+		children: t && /* @__PURE__ */ v("div", {
 			className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border",
-			children: /* @__PURE__ */ _(ce, { className: "size-2.5" })
+			children: /* @__PURE__ */ v(de, { className: "size-2.5" })
 		})
 	});
 }
 //#endregion
 //#region src/components/ui/section-card.tsx
-var X = {
+var Y = {
 	blue: {
 		color: "text-blue-600 dark:text-blue-400",
 		bg: "from-blue-500/10 to-indigo-500/10 dark:from-blue-500/20 dark:to-indigo-500/20",
@@ -674,139 +676,139 @@ var X = {
 		bg: "from-slate-500/10 to-gray-500/10 dark:from-slate-500/20 dark:to-gray-500/20",
 		ring: "ring-slate-500/10 dark:ring-slate-400/10"
 	}
-}, Z = f({
+}, X = f({
 	open: !0,
 	toggle: () => {},
 	variant: "blue"
 });
-function Q({ variant: t = "blue", defaultOpen: n = !0, children: r, className: i }) {
-	let [a, o] = h(n);
-	return /* @__PURE__ */ _(Z.Provider, {
+function Z({ variant: t = "blue", defaultOpen: n = !0, children: r, className: i }) {
+	let [a, o] = g(n);
+	return /* @__PURE__ */ v(X.Provider, {
 		value: {
 			open: a,
 			toggle: () => o((e) => !e),
 			variant: t
 		},
-		children: /* @__PURE__ */ _("div", {
+		children: /* @__PURE__ */ v("div", {
 			className: e("rounded-xl border overflow-hidden", i),
 			children: r
 		})
 	});
 }
-function He({ icon: t, title: n, description: r, className: i }) {
-	let { open: a, toggle: o, variant: s } = p(Z), c = X[s];
-	return /* @__PURE__ */ v("button", {
+function Ge({ icon: t, title: n, description: r, className: i }) {
+	let { open: a, toggle: o, variant: s } = p(X), c = Y[s];
+	return /* @__PURE__ */ y("button", {
 		type: "button",
 		onClick: o,
 		className: e("flex w-full items-center gap-3 px-5 py-4 bg-muted/40 border-b cursor-pointer hover:bg-muted/60 transition-colors", i),
 		children: [
-			/* @__PURE__ */ _("div", {
+			/* @__PURE__ */ v("div", {
 				className: `flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-linear-to-br ${c.bg} ring-1 ${c.ring}`,
-				children: /* @__PURE__ */ _(t, { className: `size-4 ${c.color}` })
+				children: /* @__PURE__ */ v(t, { className: `size-4 ${c.color}` })
 			}),
-			/* @__PURE__ */ v("div", {
+			/* @__PURE__ */ y("div", {
 				className: "min-w-0 text-left",
-				children: [/* @__PURE__ */ _("h3", {
+				children: [/* @__PURE__ */ v("h3", {
 					className: "text-sm font-semibold text-foreground",
 					children: n
-				}), r && /* @__PURE__ */ _("p", {
+				}), r && /* @__PURE__ */ v("p", {
 					className: "text-xs text-muted-foreground",
 					children: r
 				})]
 			}),
-			/* @__PURE__ */ _(T, { className: e("ml-auto size-4 text-muted-foreground shrink-0 transition-transform duration-200", a && "rotate-180") })
+			/* @__PURE__ */ v(T, { className: e("ml-auto size-4 text-muted-foreground shrink-0 transition-transform duration-200", a && "rotate-180") })
 		]
 	});
 }
-function Ue({ icon: t, title: n, description: r, className: i }) {
-	let { variant: a } = p(Z), o = X[a];
-	return /* @__PURE__ */ v("div", {
+function Ke({ icon: t, title: n, description: r, className: i }) {
+	let { variant: a } = p(X), o = Y[a];
+	return /* @__PURE__ */ y("div", {
 		className: e("flex items-center gap-3 px-5 py-4 bg-muted/40 border-b", i),
-		children: [/* @__PURE__ */ _("div", {
+		children: [/* @__PURE__ */ v("div", {
 			className: `flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-linear-to-br ${o.bg} ring-1 ${o.ring}`,
-			children: /* @__PURE__ */ _(t, { className: `size-4 ${o.color}` })
-		}), /* @__PURE__ */ v("div", {
+			children: /* @__PURE__ */ v(t, { className: `size-4 ${o.color}` })
+		}), /* @__PURE__ */ y("div", {
 			className: "min-w-0",
-			children: [/* @__PURE__ */ _("h3", {
+			children: [/* @__PURE__ */ v("h3", {
 				className: "text-sm font-semibold text-foreground",
 				children: n
-			}), r && /* @__PURE__ */ _("p", {
+			}), r && /* @__PURE__ */ v("p", {
 				className: "text-xs text-muted-foreground",
 				children: r
 			})]
 		})]
 	});
 }
-function We({ children: t, className: n }) {
-	let { open: r } = p(Z);
-	return r ? /* @__PURE__ */ _("div", {
+function qe({ children: t, className: n }) {
+	let { open: r } = p(X);
+	return r ? /* @__PURE__ */ v("div", {
 		className: e("p-5 space-y-6", n),
 		children: t
 	}) : null;
 }
-Q.Header = He, Q.StaticHeader = Ue, Q.Content = We;
+Z.Header = Ge, Z.StaticHeader = Ke, Z.Content = qe;
 //#endregion
 //#region src/components/ui/tooltip.tsx
-var Ge = u.createContext(!1);
-function $({ delayDuration: e = 0, ...t }) {
-	return /* @__PURE__ */ _(Ge, {
+var Je = u.createContext(!1);
+function Ye({ delayDuration: e = 0, ...t }) {
+	return /* @__PURE__ */ v(Je, {
 		value: !0,
-		children: /* @__PURE__ */ _(M.Provider, {
+		children: /* @__PURE__ */ v(j.Provider, {
 			"data-slot": "tooltip-provider",
 			delayDuration: e,
 			...t
 		})
 	});
 }
-function Ke({ ...e }) {
-	let t = u.useContext(Ge), n = /* @__PURE__ */ _(M.Root, {
+function Xe({ ...e }) {
+	let t = u.useContext(Je), n = /* @__PURE__ */ v(j.Root, {
 		"data-slot": "tooltip",
 		...e
 	});
-	return t ? n : /* @__PURE__ */ _($, { children: n });
+	return t ? n : /* @__PURE__ */ v(Ye, { children: n });
 }
-function qe({ ...e }) {
-	return /* @__PURE__ */ _(M.Trigger, {
+function Ze({ ...e }) {
+	return /* @__PURE__ */ v(j.Trigger, {
 		"data-slot": "tooltip-trigger",
 		...e
 	});
 }
-function Je({ className: t, sideOffset: n = 0, children: r, ...i }) {
-	return /* @__PURE__ */ _(M.Portal, { children: /* @__PURE__ */ v(M.Content, {
+function Qe({ className: t, sideOffset: n = 0, children: r, ...i }) {
+	return /* @__PURE__ */ v(j.Portal, { children: /* @__PURE__ */ y(j.Content, {
 		"data-slot": "tooltip-content",
 		sideOffset: n,
 		className: e("bg-foreground text-background animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) rounded-md px-3 py-1.5 text-xs text-balance", t),
 		...i,
-		children: [r, /* @__PURE__ */ _(M.Arrow, { className: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })]
+		children: [r, /* @__PURE__ */ v(j.Arrow, { className: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })]
 	}) });
 }
 //#endregion
 //#region src/hooks/use-mobile.ts
-var Ye = "(max-width: 767px)";
-function Xe() {
-	return window.matchMedia(Ye);
+var $e = "(max-width: 767px)";
+function Q() {
+	return window.matchMedia($e);
 }
-function Ze(e) {
-	let t = Xe();
+function et(e) {
+	let t = Q();
 	return t.addEventListener("change", e), () => t.removeEventListener("change", e);
 }
-function Qe() {
-	return u.useSyncExternalStore(Ze, () => Xe().matches, () => !1);
+function tt() {
+	return u.useSyncExternalStore(et, () => Q().matches, () => !1);
 }
 //#endregion
 //#region src/components/ui/sonner.tsx
-var $e = ({ ...e }) => {
-	let { theme: t = "system" } = N(), { t: n } = S();
-	return /* @__PURE__ */ _(P, {
+var nt = ({ ...e }) => {
+	let { theme: t = "system" } = M(), { t: n } = te();
+	return /* @__PURE__ */ v(N, {
 		theme: t,
 		className: "toaster group",
 		containerAriaLabel: n("common.notifications", { defaultValue: "Notifications" }),
 		icons: {
-			success: /* @__PURE__ */ _(ae, { className: "size-4" }),
-			info: /* @__PURE__ */ _(le, { className: "size-4" }),
-			warning: /* @__PURE__ */ _(fe, { className: "size-4" }),
-			error: /* @__PURE__ */ _(de, { className: "size-4" }),
-			loading: /* @__PURE__ */ _(ue, { className: "size-4 animate-spin" })
+			success: /* @__PURE__ */ v(ce, { className: "size-4" }),
+			info: /* @__PURE__ */ v(fe, { className: "size-4" }),
+			warning: /* @__PURE__ */ v(he, { className: "size-4" }),
+			error: /* @__PURE__ */ v(me, { className: "size-4" }),
+			loading: /* @__PURE__ */ v(pe, { className: "size-4 animate-spin" })
 		},
 		style: {
 			"--normal-bg": "var(--vg-popover)",
@@ -819,37 +821,108 @@ var $e = ({ ...e }) => {
 };
 //#endregion
 //#region src/components/ui/tabs.tsx
-function et({ className: t, ...n }) {
-	return /* @__PURE__ */ _(I.Root, {
+function rt({ className: t, ...n }) {
+	return /* @__PURE__ */ v(F.Root, {
 		"data-slot": "tabs",
 		className: e("flex flex-col gap-2", t),
 		...n
 	});
 }
-function tt({ className: t, ...n }) {
-	return /* @__PURE__ */ _(I.List, {
+function it({ className: t, ...n }) {
+	return /* @__PURE__ */ v(F.List, {
 		"data-slot": "tabs-list",
 		className: e("bg-muted text-muted-foreground inline-flex h-9 w-fit items-center justify-center rounded-lg p-[3px]", t),
 		...n
 	});
 }
-function nt({ className: t, ...n }) {
-	return /* @__PURE__ */ _(I.Trigger, {
+function at({ className: t, ...n }) {
+	return /* @__PURE__ */ v(F.Trigger, {
 		"data-slot": "tabs-trigger",
 		className: e("data-[state=active]:bg-background dark:data-[state=active]:text-foreground focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:outline-ring dark:data-[state=active]:border-input dark:data-[state=active]:bg-input/30 text-foreground dark:text-muted-foreground inline-flex h-[calc(100%-1px)] flex-1 items-center justify-center gap-1.5 rounded-md border border-transparent px-2 py-1 text-sm font-medium whitespace-nowrap transition-[color,box-shadow] focus-visible:ring-[3px] focus-visible:outline-1 disabled:pointer-events-none disabled:opacity-50 data-[state=active]:shadow-sm [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", t),
 		...n
 	});
 }
-function rt({ className: t, ...n }) {
-	return /* @__PURE__ */ _(I.Content, {
+function ot({ className: t, ...n }) {
+	return /* @__PURE__ */ v(F.Content, {
 		"data-slot": "tabs-content",
 		className: e("flex-1 outline-none", t),
 		...n
 	});
 }
 //#endregion
+//#region src/components/ui/toggle.tsx
+var $ = S("inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium hover:bg-muted hover:text-muted-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=on]:bg-accent data-[state=on]:text-accent-foreground [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 [&_svg]:shrink-0 focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] outline-none transition-[color,box-shadow] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive whitespace-nowrap", {
+	variants: {
+		variant: {
+			default: "bg-transparent",
+			outline: "border border-input bg-transparent shadow-xs hover:bg-accent hover:text-accent-foreground"
+		},
+		size: {
+			default: "h-(--vg-control-form) px-2 min-w-(--vg-control-form)",
+			sm: "h-(--vg-control-dense) px-1.5 min-w-(--vg-control-dense)",
+			lg: "h-(--vg-control-form) px-2.5 min-w-(--vg-control-form)"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+function st({ className: t, variant: n, size: r, ...i }) {
+	return /* @__PURE__ */ v(I.Root, {
+		"data-slot": "toggle",
+		className: e($({
+			variant: n,
+			size: r,
+			className: t
+		})),
+		...i
+	});
+}
+//#endregion
+//#region src/components/ui/toggle-group.tsx
+var ct = u.createContext({
+	size: "default",
+	variant: "default",
+	spacing: 0
+});
+function lt({ className: t, variant: n, size: r, spacing: i = 0, children: a, ...o }) {
+	return /* @__PURE__ */ v(L.Root, {
+		"data-slot": "toggle-group",
+		"data-variant": n,
+		"data-size": r,
+		"data-spacing": i,
+		style: { "--gap": i },
+		className: e("group/toggle-group flex w-fit items-center gap-[--spacing(var(--gap))] rounded-md data-[spacing=default]:data-[variant=outline]:shadow-xs", t),
+		...o,
+		children: /* @__PURE__ */ v(ct.Provider, {
+			value: {
+				variant: n,
+				size: r,
+				spacing: i
+			},
+			children: a
+		})
+	});
+}
+function ut({ className: t, children: n, variant: r, size: i, ...a }) {
+	let o = u.useContext(ct);
+	return /* @__PURE__ */ v(L.Item, {
+		"data-slot": "toggle-group-item",
+		"data-variant": o.variant || r,
+		"data-size": o.size || i,
+		"data-spacing": o.spacing,
+		className: e($({
+			variant: o.variant || r,
+			size: o.size || i
+		}), "w-auto min-w-0 shrink-0 px-3 focus:z-10 focus-visible:z-10", "data-[spacing=0]:rounded-none data-[spacing=0]:shadow-none data-[spacing=0]:first:rounded-l-md data-[spacing=0]:last:rounded-r-md data-[spacing=0]:data-[variant=outline]:border-l-0 data-[spacing=0]:data-[variant=outline]:first:border-l", t),
+		...a,
+		children: n
+	});
+}
+//#endregion
 //#region src/components/ui/user-avatar.tsx
-function it({ givenName: e, familyName: t, name: n }) {
+function dt({ givenName: e, familyName: t, name: n }) {
 	let r = (e ?? "").trim(), i = (t ?? "").trim();
 	if (r || i) {
 		let e = r ? r[0] : "", t = i.split(/\s+/).filter(Boolean), n = `${e}${t.length > 0 ? t[t.length - 1][0] : ""}`.toUpperCase();
@@ -862,22 +935,22 @@ function it({ givenName: e, familyName: t, name: n }) {
 	}
 	return "U";
 }
-function at({ className: t, givenName: n, familyName: r, name: i, src: a, alt: o, children: s, ...c }) {
-	let l = it({
+function ft({ className: t, givenName: n, familyName: r, name: i, src: a, alt: o, children: s, ...c }) {
+	let l = dt({
 		givenName: n,
 		familyName: r,
 		name: i
 	}), u = o ?? i ?? [n, r].filter(Boolean).join(" ");
-	return /* @__PURE__ */ v(y.Root, {
+	return /* @__PURE__ */ y(b.Root, {
 		"data-slot": "user-avatar",
 		className: e("relative inline-flex shrink-0 items-center justify-center overflow-hidden rounded-full size-8", "bg-muted text-muted-foreground text-xs font-semibold", "ring-1 ring-border", t),
 		...c,
-		children: [a && /* @__PURE__ */ _(y.Image, {
+		children: [a && /* @__PURE__ */ v(b.Image, {
 			"data-slot": "user-avatar-image",
 			src: a,
 			alt: u,
 			className: "aspect-square size-full object-cover"
-		}), /* @__PURE__ */ _(y.Fallback, {
+		}), /* @__PURE__ */ v(b.Fallback, {
 			"data-slot": "user-avatar-fallback",
 			className: "flex size-full items-center justify-center",
 			delayMs: a ? 600 : 0,
@@ -887,18 +960,18 @@ function at({ className: t, givenName: n, familyName: r, name: i, src: a, alt: o
 }
 //#endregion
 //#region src/lib/corner-slot.ts
-var ot = f(!1);
-function st() {
-	return p(ot);
+var pt = f(!1);
+function mt() {
+	return p(pt);
 }
-var ct = f("corner");
-function lt() {
-	return p(ct);
+var ht = f("corner");
+function gt() {
+	return p(ht);
 }
 //#endregion
 //#region src/contexts/user.context.tsx
-var ut = d.createContext(null);
-function dt({ children: e, fetchUser: t }) {
+var _t = d.createContext(null);
+function vt({ children: e, fetchUser: t }) {
 	let [n, r] = d.useState({}), [i, a] = d.useState("loading"), [o, s] = d.useState(null), c = d.useRef(0), l = d.useCallback(() => {
 		let e = ++c.current;
 		t().then((t) => {
@@ -921,15 +994,15 @@ function dt({ children: e, fetchUser: t }) {
 		i,
 		o
 	]);
-	return /* @__PURE__ */ _(ut, {
+	return /* @__PURE__ */ v(_t, {
 		value: u,
 		children: e
 	});
 }
-function ft() {
-	let e = d.useContext(ut);
+function yt() {
+	let e = d.useContext(_t);
 	if (!e) throw Error("useCurrentUser must be used within UserProvider");
 	return e;
 }
 //#endregion
-export { Le as A, Se as B, Be as C, Pe as D, Fe as E, ve as F, ke as G, Te as H, ye as I, me as J, Oe as K, be as L, je as M, he as N, Re as O, xe as P, R as Q, we as R, Ve as S, Me as T, Ee as U, Ce as V, De as W, q as X, pe as Y, B as Z, Je as _, lt as a, Q as b, it as c, tt as d, nt as f, Ke as g, Qe as h, ct as i, Ne as j, Ie as k, et as l, F as m, ft as n, st as o, $e as p, _e as q, ot as r, at as s, dt as t, rt as u, $ as v, ze as w, X as x, qe as y, ge as z };
+export { ge as $, Re as A, Se as B, Ze as C, Ue as D, We as E, Ie as F, Ee as G, De as H, Pe as I, Ae as J, Oe as K, ve as L, Ve as M, ze as N, He as O, Be as P, _e as Q, we as R, Ye as S, Y as T, ye as U, Ce as V, Te as W, je as X, Me as Y, be as Z, nt as _, gt as a, Xe as b, dt as c, st as d, K as et, $ as f, at as g, it as h, ht as i, Le as j, Fe as k, lt as l, ot as m, yt as n, z as nt, mt as o, rt as p, ke as q, pt as r, ft as s, vt as t, oe as tt, ut as u, P as v, Z as w, Qe as x, tt as y, xe as z };