@viglet/viglet-design-system 2026.3.14 → 2026.3.16

package/dist/{user.context-D3kmD3_y.js → user.context-DUs2lT6D.js}

@@ -1,24 +1,24 @@
 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-Bx7m7tg2.js";
 import * as u from "react";
-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 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 * 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 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 { 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";
 //#region node_modules/lucide-react/dist/esm/icons/check.mjs
-var I = {
+var L = {
 	name: "check",
 	size: 24,
 	node: [["path", {
@@ -26,8 +26,8 @@ var I = {
 		key: "1gmf2c"
 	}]]
 };
-I.node;
-var L = t(I), R = {
+L.node;
+var R = t(L), z = {
 	name: "chevron-right",
 	size: 24,
 	node: [["path", {
@@ -35,8 +35,8 @@ var L = t(I), R = {
 		key: "mthhwq"
 	}]]
 };
-R.node;
-var z = t(R), B = {
+z.node;
+var B = t(z), V = {
 	name: "circle-check",
 	size: 24,
 	node: [["circle", {
@@ -50,8 +50,8 @@ var z = t(R), B = {
 	}]],
 	aliases: ["check-circle-2"]
 };
-B.node;
-var oe = t(B), V = {
+V.node;
+var ae = t(V), H = {
 	name: "circle",
 	size: 24,
 	node: [["circle", {
@@ -61,8 +61,8 @@ var oe = t(B), V = {
 		key: "1mglay"
 	}]]
 };
-V.node;
-var se = t(V), H = {
+H.node;
+var oe = t(H), se = {
 	name: "grip-vertical",
 	size: 24,
 	node: [
@@ -104,8 +104,8 @@ var se = t(V), H = {
 		}]
 	]
 };
-H.node;
-var ce = t(H), U = {
+se.node;
+var ce = t(se), U = {
 	name: "info",
 	size: 24,
 	node: [
@@ -176,7 +176,7 @@ var de = t(G), K = {
 	aliases: ["alert-triangle"]
 };
 K.node;
-var fe = t(K), q = 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", {
+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", {
 	variants: {
 		variant: {
 			default: "bg-primary text-primary-foreground hover:bg-primary/90",
@@ -201,8 +201,8 @@ var fe = t(K), q = S("inline-flex items-center justify-center gap-2 whitespace-n
 	}
 });
 function pe({ 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, {
+	let d = i ? b : "button", f = l(a, u["aria-disabled"], o);
+	return /* @__PURE__ */ _(d, {
 		"data-slot": "button",
 		className: e(q({
 			variant: n,
@@ -211,45 +211,45 @@ function pe({ className: t, variant: n, size: r, asChild: i = !1, loading: a = !
 		}), f.inert && (a ? "cursor-progress" : "cursor-not-allowed opacity-50")),
 		...u,
 		...f.props,
-		children: i ? s : /* @__PURE__ */ y(_, { children: [a && /* @__PURE__ */ v(c, {}), s] })
+		children: i ? s : /* @__PURE__ */ v(g, { children: [a && /* @__PURE__ */ _(c, {}), s] })
 	});
 }
 //#endregion
 //#region src/components/ui/checkbox.tsx
 function me({ className: t, ...n }) {
-	return /* @__PURE__ */ v(C.Root, {
+	return /* @__PURE__ */ _(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-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", t),
 		...n,
-		children: /* @__PURE__ */ v(C.Indicator, {
+		children: /* @__PURE__ */ _(C.Indicator, {
 			"data-slot": "checkbox-indicator",
 			className: "grid place-content-center text-current transition-none",
-			children: /* @__PURE__ */ v(L, { className: "size-3.5" })
+			children: /* @__PURE__ */ _(R, { className: "size-3.5" })
 		})
 	});
 }
 //#endregion
 //#region src/components/ui/dropdown-menu.tsx
 function he({ ...e }) {
-	return /* @__PURE__ */ v(w.Root, {
+	return /* @__PURE__ */ _(w.Root, {
 		"data-slot": "dropdown-menu",
 		...e
 	});
 }
 function ge({ ...e }) {
-	return /* @__PURE__ */ v(w.Portal, {
+	return /* @__PURE__ */ _(w.Portal, {
 		"data-slot": "dropdown-menu-portal",
 		...e
 	});
 }
 function _e({ ...e }) {
-	return /* @__PURE__ */ v(w.Trigger, {
+	return /* @__PURE__ */ _(w.Trigger, {
 		"data-slot": "dropdown-menu-trigger",
 		...e
 	});
 }
 function ve({ className: t, sideOffset: n = 4, ...r }) {
-	return /* @__PURE__ */ v(w.Portal, { children: /* @__PURE__ */ v(w.Content, {
+	return /* @__PURE__ */ _(w.Portal, { children: /* @__PURE__ */ _(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),
@@ -257,13 +257,13 @@ function ve({ className: t, sideOffset: n = 4, ...r }) {
 	}) });
 }
 function ye({ ...e }) {
-	return /* @__PURE__ */ v(w.Group, {
+	return /* @__PURE__ */ _(w.Group, {
 		"data-slot": "dropdown-menu-group",
 		...e
 	});
 }
 function be({ className: t, inset: n, variant: r = "default", ...i }) {
-	return /* @__PURE__ */ v(w.Item, {
+	return /* @__PURE__ */ _(w.Item, {
 		"data-slot": "dropdown-menu-item",
 		"data-inset": n,
 		"data-variant": r,
@@ -272,36 +272,36 @@ function be({ className: t, inset: n, variant: r = "default", ...i }) {
 	});
 }
 function xe({ className: t, children: n, checked: r, ...i }) {
-	return /* @__PURE__ */ y(w.CheckboxItem, {
+	return /* @__PURE__ */ v(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__ */ v("span", {
+		children: [/* @__PURE__ */ _("span", {
 			className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
-			children: /* @__PURE__ */ v(w.ItemIndicator, { children: /* @__PURE__ */ v(L, { className: "size-4" }) })
+			children: /* @__PURE__ */ _(w.ItemIndicator, { children: /* @__PURE__ */ _(R, { className: "size-4" }) })
 		}), n]
 	});
 }
 function Se({ ...e }) {
-	return /* @__PURE__ */ v(w.RadioGroup, {
+	return /* @__PURE__ */ _(w.RadioGroup, {
 		"data-slot": "dropdown-menu-radio-group",
 		...e
 	});
 }
 function Ce({ className: t, children: n, ...r }) {
-	return /* @__PURE__ */ y(w.RadioItem, {
+	return /* @__PURE__ */ v(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__ */ v("span", {
+		children: [/* @__PURE__ */ _("span", {
 			className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
-			children: /* @__PURE__ */ v(w.ItemIndicator, { children: /* @__PURE__ */ v(se, { className: "size-2 fill-current" }) })
+			children: /* @__PURE__ */ _(w.ItemIndicator, { children: /* @__PURE__ */ _(oe, { className: "size-2 fill-current" }) })
 		}), n]
 	});
 }
 function we({ className: t, inset: n, ...r }) {
-	return /* @__PURE__ */ v(w.Label, {
+	return /* @__PURE__ */ _(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),
@@ -309,36 +309,36 @@ function we({ className: t, inset: n, ...r }) {
 	});
 }
 function Te({ className: t, ...n }) {
-	return /* @__PURE__ */ v(w.Separator, {
+	return /* @__PURE__ */ _(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__ */ v("span", {
+	return /* @__PURE__ */ _("span", {
 		"data-slot": "dropdown-menu-shortcut",
 		className: e("text-muted-foreground ml-auto text-xs tracking-widest", t),
 		...n
 	});
 }
 function De({ ...e }) {
-	return /* @__PURE__ */ v(w.Sub, {
+	return /* @__PURE__ */ _(w.Sub, {
 		"data-slot": "dropdown-menu-sub",
 		...e
 	});
 }
 function Oe({ className: t, inset: n, children: r, ...i }) {
-	return /* @__PURE__ */ y(w.SubTrigger, {
+	return /* @__PURE__ */ v(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__ */ v(z, { className: "ml-auto size-4" })]
+		children: [r, /* @__PURE__ */ _(B, { className: "ml-auto size-4" })]
 	});
 }
 function ke({ className: t, ...n }) {
-	return /* @__PURE__ */ v(w.SubContent, {
+	return /* @__PURE__ */ _(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
@@ -362,8 +362,8 @@ async function Y(e, t, n) {
 	return [];
 }
 function je({ 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;
+	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;
 		if (!e.trim()) {
 			C([]);
 			return;
@@ -378,21 +378,21 @@ function je({ open: e, onOpenChange: t, value: c, onSelect: l, onClear: u, title
 			r() && T(!1);
 		}
 	}, []);
-	m(() => {
+	te(() => {
 		let e = new AbortController();
-		return D.current && clearTimeout(D.current), D.current = setTimeout(() => F(b, e.signal), 350), () => {
-			D.current && clearTimeout(D.current), e.abort();
+		return O.current && clearTimeout(O.current), O.current = setTimeout(() => I(y, e.signal), 350), () => {
+			O.current && clearTimeout(O.current), e.abort();
 		};
-	}, [b, F]);
-	let I = h(null);
-	m(() => () => I.current?.abort(), []);
-	function L(e) {
-		l(e), t(!1), x(""), C([]), j([]), P(null);
+	}, [y, I]);
+	let L = m(null);
+	te(() => () => L.current?.abort(), []);
+	function R(e) {
+		l(e), t(!1), b(""), C([]), M([]), F(null);
 	}
-	async function R() {
-		if (!p || O) return;
+	async function z() {
+		if (!p || k) return;
 		let e = new AbortController();
-		I.current = e, k(!0), j([]), P(null);
+		L.current = e, A(!0), M([]), F(null);
 		try {
 			let t = (await p({
 				title: d,
@@ -405,72 +405,72 @@ function je({ open: e, onOpenChange: t, value: c, onSelect: l, onClear: u, title
 					icons: await Y(r.trim(), 30, e.signal)
 				});
 			}
-			e.signal.aborted || j(n);
+			e.signal.aborted || M(n);
 		} catch {
-			e.signal.aborted || j([]);
+			e.signal.aborted || M([]);
 		} finally {
-			e.signal.aborted || k(!1);
+			e.signal.aborted || A(!1);
 		}
 	}
-	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, {
+	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, {
 		open: e,
 		onOpenChange: t,
-		children: /* @__PURE__ */ y(s, {
+		children: /* @__PURE__ */ v(s, {
 			className: "flex max-h-[80vh] flex-col sm:max-w-lg",
 			children: [
-				/* @__PURE__ */ v(o, { children: /* @__PURE__ */ v(i, { children: _("forms.iconPicker.chooseAnIcon", { defaultValue: "Choose an icon" }) }) }),
-				/* @__PURE__ */ y("div", {
+				/* @__PURE__ */ _(o, { children: /* @__PURE__ */ _(i, { children: g("forms.iconPicker.chooseAnIcon", { defaultValue: "Choose an icon" }) }) }),
+				/* @__PURE__ */ v("div", {
 					className: "flex gap-2",
-					children: [/* @__PURE__ */ y("div", {
+					children: [/* @__PURE__ */ v("div", {
 						className: "relative flex-1",
-						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" }),
+						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" }),
 							className: "pl-9",
 							autoFocus: !0
 						})]
-					}), B && /* @__PURE__ */ y(a, {
+					}), V && /* @__PURE__ */ v(a, {
 						type: "button",
 						size: "sm",
 						variant: "outline",
-						onClick: R,
-						disabled: O,
+						onClick: z,
+						disabled: k,
 						className: "shrink-0 gap-1.5",
-						children: [O ? /* @__PURE__ */ v(ne, { className: "size-4 animate-spin" }) : /* @__PURE__ */ v(ie, { className: "size-4" }), _("forms.iconPicker.aiSuggest", { defaultValue: "Suggest" })]
+						children: [k ? /* @__PURE__ */ _(ne, { className: "size-4 animate-spin" }) : /* @__PURE__ */ _(E, { className: "size-4" }), g("forms.iconPicker.aiSuggest", { defaultValue: "Suggest" })]
 					})]
 				}),
-				A.length > 0 && /* @__PURE__ */ y("div", {
+				j.length > 0 && /* @__PURE__ */ v("div", {
 					className: "rounded-lg border border-[var(--vg-accent-line)] bg-[var(--vg-accent-surface)] p-3",
 					children: [
-						/* @__PURE__ */ y("div", {
+						/* @__PURE__ */ v("div", {
 							className: "mb-2 flex items-center gap-1.5 text-xs font-medium vg-accent-text",
-							children: [/* @__PURE__ */ v(ie, { className: "size-3.5" }), _("forms.iconPicker.aiSuggestions", { defaultValue: "Suggestions" })]
+							children: [/* @__PURE__ */ _(E, { className: "size-3.5" }), g("forms.iconPicker.aiSuggestions", { defaultValue: "Suggestions" })]
 						}),
-						/* @__PURE__ */ v("div", {
+						/* @__PURE__ */ _("div", {
 							className: "mb-3 flex flex-wrap gap-1.5",
-							children: A.map((e) => /* @__PURE__ */ y("button", {
+							children: j.map((e) => /* @__PURE__ */ v("button", {
 								type: "button",
-								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", {
+								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", {
 									className: "ml-1 opacity-60",
 									children: e.icons.length
 								})]
 							}, e.keyword))
 						}),
-						/* @__PURE__ */ v("div", {
+						/* @__PURE__ */ _("div", {
 							className: "flex max-h-60 flex-wrap gap-2 overflow-y-auto",
-							children: z.map((e) => /* @__PURE__ */ y("button", {
+							children: B.map((e) => /* @__PURE__ */ v("button", {
 								type: "button",
-								onClick: () => L(e),
+								onClick: () => R(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__ */ v(E, {
+								children: [/* @__PURE__ */ _(D, {
 									icon: e,
 									className: "size-7"
-								}), /* @__PURE__ */ v("span", {
+								}), /* @__PURE__ */ _("span", {
 									className: "max-w-[80px] truncate text-center text-[9px] leading-tight text-muted-foreground",
 									children: e.split(":")[1] ?? e
 								})]
@@ -478,41 +478,41 @@ function je({ open: e, onOpenChange: t, value: c, onSelect: l, onClear: u, title
 						})
 					]
 				}),
-				/* @__PURE__ */ y("div", {
+				/* @__PURE__ */ v("div", {
 					className: "max-h-[400px] min-h-[200px] flex-1 overflow-y-auto",
 					children: [
-						w && /* @__PURE__ */ v("div", {
+						w && /* @__PURE__ */ _("div", {
 							className: "flex h-32 items-center justify-center text-sm text-muted-foreground",
-							children: _("forms.iconPicker.searching", { defaultValue: "Searching…" })
+							children: g("forms.iconPicker.searching", { defaultValue: "Searching…" })
 						}),
-						!w && b && S.length === 0 && /* @__PURE__ */ v("div", {
+						!w && y && x.length === 0 && /* @__PURE__ */ _("div", {
 							className: "flex h-32 items-center justify-center text-sm text-muted-foreground",
-							children: _("forms.iconPicker.noIconsFound", {
-								query: b,
+							children: g("forms.iconPicker.noIconsFound", {
+								query: y,
 								defaultValue: "No icons found for “{{query}}”"
 							})
 						}),
-						!w && !b && S.length === 0 && A.length === 0 && /* @__PURE__ */ y("div", {
+						!w && !y && x.length === 0 && j.length === 0 && /* @__PURE__ */ v("div", {
 							className: "flex h-32 flex-col items-center justify-center gap-2 px-4 text-center text-sm text-muted-foreground",
-							children: [/* @__PURE__ */ v("span", { children: _("forms.iconPicker.typeToSearch", {
+							children: [/* @__PURE__ */ _("span", { children: g("forms.iconPicker.typeToSearch", {
 								count: J.length,
 								defaultValue: "Type to search {{count}} icon collections"
-							}) }), B && /* @__PURE__ */ v("span", {
+							}) }), V && /* @__PURE__ */ _("span", {
 								className: "text-xs leading-relaxed",
-								children: _("forms.iconPicker.orClickAi", { defaultValue: "…or let the title and description suggest some" })
+								children: g("forms.iconPicker.orClickAi", { defaultValue: "…or let the title and description suggest some" })
 							})]
 						}),
-						S.length > 0 && /* @__PURE__ */ v("div", {
+						x.length > 0 && /* @__PURE__ */ _("div", {
 							className: "grid grid-cols-6 gap-1.5 p-1",
-							children: S.map((e) => /* @__PURE__ */ y("button", {
+							children: x.map((e) => /* @__PURE__ */ v("button", {
 								type: "button",
-								onClick: () => L(e),
+								onClick: () => R(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__ */ v(E, {
+								children: [/* @__PURE__ */ _(D, {
 									icon: e,
 									className: "size-6"
-								}), /* @__PURE__ */ v("span", {
+								}), /* @__PURE__ */ _("span", {
 									className: "w-full truncate text-center text-[9px] leading-tight text-muted-foreground",
 									children: e.split(":")[1] ?? e
 								})]
@@ -520,32 +520,32 @@ function je({ open: e, onOpenChange: t, value: c, onSelect: l, onClear: u, title
 						})
 					]
 				}),
-				c && /* @__PURE__ */ y("div", {
+				c && /* @__PURE__ */ v("div", {
 					className: "flex items-center justify-between border-t pt-2",
-					children: [/* @__PURE__ */ y("div", {
+					children: [/* @__PURE__ */ v("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ v(E, {
+						children: [/* @__PURE__ */ _(D, {
 							icon: c,
 							className: "size-5"
-						}), /* @__PURE__ */ v("span", {
+						}), /* @__PURE__ */ _("span", {
 							className: "font-mono text-xs text-muted-foreground",
 							children: c
 						})]
-					}), /* @__PURE__ */ y("div", {
+					}), /* @__PURE__ */ v("div", {
 						className: "flex gap-2",
-						children: [u && /* @__PURE__ */ y(a, {
+						children: [u && /* @__PURE__ */ v(a, {
 							size: "sm",
 							type: "button",
 							variant: "outline",
 							onClick: () => {
 								u(), t(!1);
 							},
-							children: [/* @__PURE__ */ v(ae, { className: "size-4" }), _("forms.common.remove", { defaultValue: "Remove" })]
-						}), /* @__PURE__ */ v(a, {
+							children: [/* @__PURE__ */ _(ie, { className: "size-4" }), g("forms.common.remove", { defaultValue: "Remove" })]
+						}), /* @__PURE__ */ _(a, {
 							size: "sm",
 							type: "button",
 							onClick: () => t(!1),
-							children: _("forms.iconPicker.done", { defaultValue: "Done" })
+							children: g("forms.iconPicker.done", { defaultValue: "Done" })
 						})]
 					})]
 				})
@@ -556,19 +556,19 @@ 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__ */ v(D.Root, {
+	return /* @__PURE__ */ _(O.Root, {
 		"data-slot": "popover",
 		...e
 	});
 }
 function Ne({ ...e }) {
-	return /* @__PURE__ */ v(D.Trigger, {
+	return /* @__PURE__ */ _(O.Trigger, {
 		"data-slot": "popover-trigger",
 		...e
 	});
 }
 function Pe({ className: t, align: n = "center", sideOffset: r = 4, ...i }) {
-	return /* @__PURE__ */ v(D.Portal, { children: /* @__PURE__ */ v(D.Content, {
+	return /* @__PURE__ */ _(O.Portal, { children: /* @__PURE__ */ _(O.Content, {
 		"data-slot": "popover-content",
 		align: n,
 		sideOffset: r,
@@ -577,27 +577,27 @@ function Pe({ className: t, align: n = "center", sideOffset: r = 4, ...i }) {
 	}) });
 }
 function Fe({ ...e }) {
-	return /* @__PURE__ */ v(D.Anchor, {
+	return /* @__PURE__ */ _(O.Anchor, {
 		"data-slot": "popover-anchor",
 		...e
 	});
 }
 function Ie({ className: t, ...n }) {
-	return /* @__PURE__ */ v("div", {
+	return /* @__PURE__ */ _("div", {
 		"data-slot": "popover-header",
 		className: e("flex flex-col gap-1 text-sm", t),
 		...n
 	});
 }
 function Le({ className: t, ...n }) {
-	return /* @__PURE__ */ v("div", {
+	return /* @__PURE__ */ _("div", {
 		"data-slot": "popover-title",
 		className: e("font-medium", t),
 		...n
 	});
 }
 function Re({ className: t, ...n }) {
-	return /* @__PURE__ */ v("p", {
+	return /* @__PURE__ */ _("p", {
 		"data-slot": "popover-description",
 		className: e("text-muted-foreground", t),
 		...n
@@ -606,14 +606,14 @@ function Re({ className: t, ...n }) {
 //#endregion
 //#region src/components/ui/resizable.tsx
 function ze({ className: t, ...n }) {
-	return /* @__PURE__ */ v(O, {
+	return /* @__PURE__ */ _(k, {
 		"data-slot": "resizable-panel-group",
 		className: e("flex h-full w-full", t),
 		...n
 	});
 }
 function Be({ overflowHidden: t, className: n, ...r }) {
-	return /* @__PURE__ */ v(k, {
+	return /* @__PURE__ */ _(A, {
 		"data-slot": "resizable-panel",
 		className: e(t && "[&>div]:overflow-hidden!", n),
 		style: t ? { overflow: "hidden" } : void 0,
@@ -621,13 +621,13 @@ function Be({ overflowHidden: t, className: n, ...r }) {
 	});
 }
 function Ve({ withHandle: t, className: n, ...r }) {
-	return /* @__PURE__ */ v(A, {
+	return /* @__PURE__ */ _(j, {
 		"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__ */ v("div", {
+		children: t && /* @__PURE__ */ _("div", {
 			className: "bg-border z-10 flex h-4 w-3 items-center justify-center rounded-xs border",
-			children: /* @__PURE__ */ v(ce, { className: "size-2.5" })
+			children: /* @__PURE__ */ _(ce, { className: "size-2.5" })
 		})
 	});
 }
@@ -680,14 +680,14 @@ var X = {
 	variant: "blue"
 });
 function Q({ variant: t = "blue", defaultOpen: n = !0, children: r, className: i }) {
-	let [a, o] = g(n);
-	return /* @__PURE__ */ v(Z.Provider, {
+	let [a, o] = h(n);
+	return /* @__PURE__ */ _(Z.Provider, {
 		value: {
 			open: a,
 			toggle: () => o((e) => !e),
 			variant: t
 		},
-		children: /* @__PURE__ */ v("div", {
+		children: /* @__PURE__ */ _("div", {
 			className: e("rounded-xl border overflow-hidden", i),
 			children: r
 		})
@@ -695,42 +695,42 @@ function Q({ variant: t = "blue", defaultOpen: n = !0, children: r, className: i
 }
 function He({ icon: t, title: n, description: r, className: i }) {
 	let { open: a, toggle: o, variant: s } = p(Z), c = X[s];
-	return /* @__PURE__ */ y("button", {
+	return /* @__PURE__ */ v("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__ */ v("div", {
+			/* @__PURE__ */ _("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__ */ v(t, { className: `size-4 ${c.color}` })
+				children: /* @__PURE__ */ _(t, { className: `size-4 ${c.color}` })
 			}),
-			/* @__PURE__ */ y("div", {
+			/* @__PURE__ */ v("div", {
 				className: "min-w-0 text-left",
-				children: [/* @__PURE__ */ v("h3", {
+				children: [/* @__PURE__ */ _("h3", {
 					className: "text-sm font-semibold text-foreground",
 					children: n
-				}), r && /* @__PURE__ */ v("p", {
+				}), r && /* @__PURE__ */ _("p", {
 					className: "text-xs text-muted-foreground",
 					children: r
 				})]
 			}),
-			/* @__PURE__ */ v(T, { className: e("ml-auto size-4 text-muted-foreground shrink-0 transition-transform duration-200", a && "rotate-180") })
+			/* @__PURE__ */ _(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__ */ y("div", {
+	return /* @__PURE__ */ v("div", {
 		className: e("flex items-center gap-3 px-5 py-4 bg-muted/40 border-b", i),
-		children: [/* @__PURE__ */ v("div", {
+		children: [/* @__PURE__ */ _("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__ */ v(t, { className: `size-4 ${o.color}` })
-		}), /* @__PURE__ */ y("div", {
+			children: /* @__PURE__ */ _(t, { className: `size-4 ${o.color}` })
+		}), /* @__PURE__ */ v("div", {
 			className: "min-w-0",
-			children: [/* @__PURE__ */ v("h3", {
+			children: [/* @__PURE__ */ _("h3", {
 				className: "text-sm font-semibold text-foreground",
 				children: n
-			}), r && /* @__PURE__ */ v("p", {
+			}), r && /* @__PURE__ */ _("p", {
 				className: "text-xs text-muted-foreground",
 				children: r
 			})]
@@ -739,7 +739,7 @@ function Ue({ icon: t, title: n, description: r, className: i }) {
 }
 function We({ children: t, className: n }) {
 	let { open: r } = p(Z);
-	return r ? /* @__PURE__ */ v("div", {
+	return r ? /* @__PURE__ */ _("div", {
 		className: e("p-5 space-y-6", n),
 		children: t
 	}) : null;
@@ -748,65 +748,65 @@ Q.Header = He, Q.StaticHeader = Ue, Q.Content = We;
 //#endregion
 //#region src/components/ui/tooltip.tsx
 var Ge = u.createContext(!1);
-function Ke({ delayDuration: e = 0, ...t }) {
-	return /* @__PURE__ */ v(Ge, {
+function $({ delayDuration: e = 0, ...t }) {
+	return /* @__PURE__ */ _(Ge, {
 		value: !0,
-		children: /* @__PURE__ */ v(j.Provider, {
+		children: /* @__PURE__ */ _(M.Provider, {
 			"data-slot": "tooltip-provider",
 			delayDuration: e,
 			...t
 		})
 	});
 }
-function qe({ ...e }) {
-	let t = u.useContext(Ge), n = /* @__PURE__ */ v(j.Root, {
+function Ke({ ...e }) {
+	let t = u.useContext(Ge), n = /* @__PURE__ */ _(M.Root, {
 		"data-slot": "tooltip",
 		...e
 	});
-	return t ? n : /* @__PURE__ */ v(Ke, { children: n });
+	return t ? n : /* @__PURE__ */ _($, { children: n });
 }
-function Je({ ...e }) {
-	return /* @__PURE__ */ v(j.Trigger, {
+function qe({ ...e }) {
+	return /* @__PURE__ */ _(M.Trigger, {
 		"data-slot": "tooltip-trigger",
 		...e
 	});
 }
-function Ye({ className: t, sideOffset: n = 0, children: r, ...i }) {
-	return /* @__PURE__ */ v(j.Portal, { children: /* @__PURE__ */ y(j.Content, {
+function Je({ className: t, sideOffset: n = 0, children: r, ...i }) {
+	return /* @__PURE__ */ _(M.Portal, { children: /* @__PURE__ */ v(M.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__ */ v(j.Arrow, { className: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })]
+		children: [r, /* @__PURE__ */ _(M.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 Xe = "(max-width: 767px)";
-function Ze() {
-	return window.matchMedia(Xe);
+var Ye = "(max-width: 767px)";
+function Xe() {
+	return window.matchMedia(Ye);
 }
-function Qe(e) {
-	let t = Ze();
+function Ze(e) {
+	let t = Xe();
 	return t.addEventListener("change", e), () => t.removeEventListener("change", e);
 }
-function $e() {
-	return u.useSyncExternalStore(Qe, () => Ze().matches, () => !1);
+function Qe() {
+	return u.useSyncExternalStore(Ze, () => Xe().matches, () => !1);
 }
 //#endregion
 //#region src/components/ui/sonner.tsx
-var et = ({ ...e }) => {
-	let { theme: t = "system" } = M(), { t: n } = te();
-	return /* @__PURE__ */ v(N, {
+var $e = ({ ...e }) => {
+	let { theme: t = "system" } = N(), { t: n } = S();
+	return /* @__PURE__ */ _(P, {
 		theme: t,
 		className: "toaster group",
 		containerAriaLabel: n("common.notifications", { defaultValue: "Notifications" }),
 		icons: {
-			success: /* @__PURE__ */ v(oe, { className: "size-4" }),
-			info: /* @__PURE__ */ v(le, { className: "size-4" }),
-			warning: /* @__PURE__ */ v(fe, { className: "size-4" }),
-			error: /* @__PURE__ */ v(de, { className: "size-4" }),
-			loading: /* @__PURE__ */ v(ue, { className: "size-4 animate-spin" })
+			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" })
 		},
 		style: {
 			"--normal-bg": "var(--vg-popover)",
@@ -819,29 +819,29 @@ var et = ({ ...e }) => {
 };
 //#endregion
 //#region src/components/ui/tabs.tsx
-function tt({ className: t, ...n }) {
-	return /* @__PURE__ */ v(F.Root, {
+function et({ className: t, ...n }) {
+	return /* @__PURE__ */ _(I.Root, {
 		"data-slot": "tabs",
 		className: e("flex flex-col gap-2", t),
 		...n
 	});
 }
-function nt({ className: t, ...n }) {
-	return /* @__PURE__ */ v(F.List, {
+function tt({ className: t, ...n }) {
+	return /* @__PURE__ */ _(I.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 rt({ className: t, ...n }) {
-	return /* @__PURE__ */ v(F.Trigger, {
+function nt({ className: t, ...n }) {
+	return /* @__PURE__ */ _(I.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 it({ className: t, ...n }) {
-	return /* @__PURE__ */ v(F.Content, {
+function rt({ className: t, ...n }) {
+	return /* @__PURE__ */ _(I.Content, {
 		"data-slot": "tabs-content",
 		className: e("flex-1 outline-none", t),
 		...n
@@ -849,7 +849,7 @@ function it({ className: t, ...n }) {
 }
 //#endregion
 //#region src/components/ui/user-avatar.tsx
-function at({ givenName: e, familyName: t, name: n }) {
+function it({ 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 +862,22 @@ function at({ givenName: e, familyName: t, name: n }) {
 	}
 	return "U";
 }
-function ot({ className: t, givenName: n, familyName: r, name: i, src: a, alt: o, children: s, ...c }) {
-	let l = at({
+function at({ className: t, givenName: n, familyName: r, name: i, src: a, alt: o, children: s, ...c }) {
+	let l = it({
 		givenName: n,
 		familyName: r,
 		name: i
 	}), u = o ?? i ?? [n, r].filter(Boolean).join(" ");
-	return /* @__PURE__ */ y(b.Root, {
+	return /* @__PURE__ */ v(y.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__ */ v(b.Image, {
+		children: [a && /* @__PURE__ */ _(y.Image, {
 			"data-slot": "user-avatar-image",
 			src: a,
 			alt: u,
 			className: "aspect-square size-full object-cover"
-		}), /* @__PURE__ */ v(b.Fallback, {
+		}), /* @__PURE__ */ _(y.Fallback, {
 			"data-slot": "user-avatar-fallback",
 			className: "flex size-full items-center justify-center",
 			delayMs: a ? 600 : 0,
@@ -887,14 +887,18 @@ function ot({ className: t, givenName: n, familyName: r, name: i, src: a, alt: o
 }
 //#endregion
 //#region src/lib/corner-slot.ts
-var st = f(!1);
-function ct() {
-	return p(st);
+var ot = f(!1);
+function st() {
+	return p(ot);
+}
+var ct = f("corner");
+function lt() {
+	return p(ct);
 }
 //#endregion
 //#region src/contexts/user.context.tsx
-var $ = d.createContext(null);
-function lt({ children: e, fetchUser: t }) {
+var ut = d.createContext(null);
+function dt({ 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) => {
@@ -917,15 +921,15 @@ function lt({ children: e, fetchUser: t }) {
 		i,
 		o
 	]);
-	return /* @__PURE__ */ v($, {
+	return /* @__PURE__ */ _(ut, {
 		value: u,
 		children: e
 	});
 }
-function ut() {
-	let e = d.useContext($);
+function ft() {
+	let e = d.useContext(ut);
 	if (!e) throw Error("useCurrentUser must be used within UserProvider");
 	return e;
 }
 //#endregion
-export { je as A, Te as B, Me as C, Ie as D, Re as E, be as F, _e as G, De as H, we as I, q as J, me as K, ge as L, xe as M, ve as N, Le as O, ye as P, Se as R, ze as S, Pe as T, ke as U, Ee as V, Oe as W, L as X, z as Y, Je as _, ot as a, Ve as b, it as c, et as d, P as f, Ke as g, Ye as h, ct as i, he as j, Ne as k, nt as l, qe as m, ut as n, at as o, $e as p, pe as q, st as r, tt as s, lt as t, rt as u, Q as v, Fe as w, Be as x, X as y, Ce as z };
+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 };