@viglet/viglet-design-system 2026.3.12 → 2026.3.13

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

@@ -6,17 +6,19 @@ 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 C } from "react-i18next";
-import * as w from "@radix-ui/react-checkbox";
-import * as T from "@radix-ui/react-dropdown-menu";
-import { IconChevronDown as E, IconLoader2 as te, IconSearch as ne, IconSparkles as D, IconTrash as re } from "@tabler/icons-react";
-import { Icon as O } from "@iconify/react";
-import { Popover as k } from "radix-ui";
-import * as A from "@radix-ui/react-tooltip";
-import { useTheme as j } from "next-themes";
-import { Toaster as M, toast as N } from "sonner";
+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 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";
 //#region node_modules/lucide-react/dist/esm/icons/check.mjs
-var P = {
+var I = {
 	name: "check",
 	size: 24,
 	node: [["path", {
@@ -24,8 +26,8 @@ var P = {
 		key: "1gmf2c"
 	}]]
 };
-P.node;
-var F = t(P), I = {
+I.node;
+var L = t(I), R = {
 	name: "chevron-right",
 	size: 24,
 	node: [["path", {
@@ -33,8 +35,8 @@ var F = t(P), I = {
 		key: "mthhwq"
 	}]]
 };
-I.node;
-var L = t(I), R = {
+R.node;
+var z = t(R), B = {
 	name: "circle-check",
 	size: 24,
 	node: [["circle", {
@@ -48,8 +50,8 @@ var L = t(I), R = {
 	}]],
 	aliases: ["check-circle-2"]
 };
-R.node;
-var z = t(R), B = {
+B.node;
+var oe = t(B), V = {
 	name: "circle",
 	size: 24,
 	node: [["circle", {
@@ -59,8 +61,51 @@ var z = t(R), B = {
 		key: "1mglay"
 	}]]
 };
-B.node;
-var V = t(B), H = {
+V.node;
+var se = t(V), H = {
+	name: "grip-vertical",
+	size: 24,
+	node: [
+		["circle", {
+			cx: "9",
+			cy: "12",
+			r: "1",
+			key: "1vctgf"
+		}],
+		["circle", {
+			cx: "9",
+			cy: "5",
+			r: "1",
+			key: "hp0tcf"
+		}],
+		["circle", {
+			cx: "9",
+			cy: "19",
+			r: "1",
+			key: "fkjjf6"
+		}],
+		["circle", {
+			cx: "15",
+			cy: "12",
+			r: "1",
+			key: "1tmaij"
+		}],
+		["circle", {
+			cx: "15",
+			cy: "5",
+			r: "1",
+			key: "19l28e"
+		}],
+		["circle", {
+			cx: "15",
+			cy: "19",
+			r: "1",
+			key: "f4zoj3"
+		}]
+	]
+};
+H.node;
+var ce = t(H), U = {
 	name: "info",
 	size: 24,
 	node: [
@@ -80,8 +125,8 @@ var V = t(B), H = {
 		}]
 	]
 };
-H.node;
-var ie = t(H), U = {
+U.node;
+var le = t(U), W = {
 	name: "loader-circle",
 	size: 24,
 	node: [["path", {
@@ -90,8 +135,8 @@ var ie = t(H), U = {
 	}]],
 	aliases: ["loader-2"]
 };
-U.node;
-var ae = t(U), W = {
+W.node;
+var ue = t(W), G = {
 	name: "octagon-x",
 	size: 24,
 	node: [
@@ -110,8 +155,8 @@ var ae = t(U), W = {
 	],
 	aliases: ["x-octagon"]
 };
-W.node;
-var oe = t(W), G = {
+G.node;
+var de = t(G), K = {
 	name: "triangle-alert",
 	size: 24,
 	node: [
@@ -130,8 +175,8 @@ var oe = t(W), G = {
 	],
 	aliases: ["alert-triangle"]
 };
-G.node;
-var se = 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", {
+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", {
 	variants: {
 		variant: {
 			default: "bg-primary text-primary-foreground hover:bg-primary/90",
@@ -155,11 +200,11 @@ var se = t(G), K = S("inline-flex items-center justify-center gap-2 whitespace-n
 		size: "default"
 	}
 });
-function ce({ className: t, variant: n, size: r, asChild: i = !1, loading: a = !1, onClick: o, children: s, ...u }) {
+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, {
 		"data-slot": "button",
-		className: e(K({
+		className: e(q({
 			variant: n,
 			size: r,
 			className: t
@@ -171,54 +216,54 @@ function ce({ className: t, variant: n, size: r, asChild: i = !1, loading: a = !
 }
 //#endregion
 //#region src/components/ui/checkbox.tsx
-function le({ className: t, ...n }) {
-	return /* @__PURE__ */ v(w.Root, {
+function me({ 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-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50", t),
 		...n,
-		children: /* @__PURE__ */ v(w.Indicator, {
+		children: /* @__PURE__ */ v(C.Indicator, {
 			"data-slot": "checkbox-indicator",
 			className: "grid place-content-center text-current transition-none",
-			children: /* @__PURE__ */ v(F, { className: "size-3.5" })
+			children: /* @__PURE__ */ v(L, { className: "size-3.5" })
 		})
 	});
 }
 //#endregion
 //#region src/components/ui/dropdown-menu.tsx
-function ue({ ...e }) {
-	return /* @__PURE__ */ v(T.Root, {
+function he({ ...e }) {
+	return /* @__PURE__ */ v(w.Root, {
 		"data-slot": "dropdown-menu",
 		...e
 	});
 }
-function de({ ...e }) {
-	return /* @__PURE__ */ v(T.Portal, {
+function ge({ ...e }) {
+	return /* @__PURE__ */ v(w.Portal, {
 		"data-slot": "dropdown-menu-portal",
 		...e
 	});
 }
-function fe({ ...e }) {
-	return /* @__PURE__ */ v(T.Trigger, {
+function _e({ ...e }) {
+	return /* @__PURE__ */ v(w.Trigger, {
 		"data-slot": "dropdown-menu-trigger",
 		...e
 	});
 }
-function pe({ className: t, sideOffset: n = 4, ...r }) {
-	return /* @__PURE__ */ v(T.Portal, { children: /* @__PURE__ */ v(T.Content, {
+function ve({ 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 me({ ...e }) {
-	return /* @__PURE__ */ v(T.Group, {
+function ye({ ...e }) {
+	return /* @__PURE__ */ v(w.Group, {
 		"data-slot": "dropdown-menu-group",
 		...e
 	});
 }
-function he({ className: t, inset: n, variant: r = "default", ...i }) {
-	return /* @__PURE__ */ v(T.Item, {
+function be({ className: t, inset: n, variant: r = "default", ...i }) {
+	return /* @__PURE__ */ v(w.Item, {
 		"data-slot": "dropdown-menu-item",
 		"data-inset": n,
 		"data-variant": r,
@@ -226,74 +271,74 @@ function he({ className: t, inset: n, variant: r = "default", ...i }) {
 		...i
 	});
 }
-function ge({ className: t, children: n, checked: r, ...i }) {
-	return /* @__PURE__ */ y(T.CheckboxItem, {
+function xe({ 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__ */ v("span", {
 			className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
-			children: /* @__PURE__ */ v(T.ItemIndicator, { children: /* @__PURE__ */ v(F, { className: "size-4" }) })
+			children: /* @__PURE__ */ v(w.ItemIndicator, { children: /* @__PURE__ */ v(L, { className: "size-4" }) })
 		}), n]
 	});
 }
-function _e({ ...e }) {
-	return /* @__PURE__ */ v(T.RadioGroup, {
+function Se({ ...e }) {
+	return /* @__PURE__ */ v(w.RadioGroup, {
 		"data-slot": "dropdown-menu-radio-group",
 		...e
 	});
 }
-function ve({ className: t, children: n, ...r }) {
-	return /* @__PURE__ */ y(T.RadioItem, {
+function Ce({ 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__ */ v("span", {
 			className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
-			children: /* @__PURE__ */ v(T.ItemIndicator, { children: /* @__PURE__ */ v(V, { className: "size-2 fill-current" }) })
+			children: /* @__PURE__ */ v(w.ItemIndicator, { children: /* @__PURE__ */ v(se, { className: "size-2 fill-current" }) })
 		}), n]
 	});
 }
-function ye({ className: t, inset: n, ...r }) {
-	return /* @__PURE__ */ v(T.Label, {
+function we({ 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 be({ className: t, ...n }) {
-	return /* @__PURE__ */ v(T.Separator, {
+function Te({ 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 xe({ className: t, ...n }) {
+function Ee({ 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 Se({ ...e }) {
-	return /* @__PURE__ */ v(T.Sub, {
+function De({ ...e }) {
+	return /* @__PURE__ */ v(w.Sub, {
 		"data-slot": "dropdown-menu-sub",
 		...e
 	});
 }
-function Ce({ className: t, inset: n, children: r, ...i }) {
-	return /* @__PURE__ */ y(T.SubTrigger, {
+function Oe({ 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__ */ v(L, { className: "ml-auto size-4" })]
+		children: [r, /* @__PURE__ */ v(z, { className: "ml-auto size-4" })]
 	});
 }
-function we({ className: t, ...n }) {
-	return /* @__PURE__ */ v(T.SubContent, {
+function ke({ 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
@@ -301,53 +346,53 @@ function we({ className: t, ...n }) {
 }
 //#endregion
 //#region src/components/ui/icon-picker-dialog.tsx
-var q = [
+var J = [
 	"lucide",
 	"tabler",
 	"mdi",
 	"ph",
 	"solar",
 	"heroicons"
-], Te = q.join(",");
-async function J(e, t, n) {
+], Ae = J.join(",");
+async function Y(e, t, n) {
 	try {
-		let r = await fetch(`https://api.iconify.design/search?query=${encodeURIComponent(e)}&limit=${t}&prefixes=${Te}`, { signal: n });
+		let r = await fetch(`https://api.iconify.design/search?query=${encodeURIComponent(e)}&limit=${t}&prefixes=${Ae}`, { signal: n });
 		if (r.ok) return (await r.json()).icons ?? [];
 	} catch {}
 	return [];
 }
-function Ee({ open: e, onOpenChange: t, value: c, onSelect: l, onClear: u, title: d, description: f, suggestKeywords: p }) {
-	let { t: _ } = C(), [b, x] = g(""), [S, w] = g([]), [T, E] = g(!1), k = h(null), [A, j] = g(!1), [M, N] = g([]), P = h(0), [F, I] = g(null), L = ee(async (e, t) => {
-		let n = ++P.current, r = () => n === P.current && !t.aborted;
+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;
 		if (!e.trim()) {
-			w([]);
+			C([]);
 			return;
 		}
-		E(!0);
+		T(!0);
 		try {
-			let n = await J(e, 60, t);
-			r() && w(n);
+			let n = await Y(e, 60, t);
+			r() && C(n);
 		} catch {
-			r() && w([]);
+			r() && C([]);
 		} finally {
-			r() && E(!1);
+			r() && T(!1);
 		}
 	}, []);
 	m(() => {
 		let e = new AbortController();
-		return k.current && clearTimeout(k.current), k.current = setTimeout(() => L(b, e.signal), 350), () => {
-			k.current && clearTimeout(k.current), e.abort();
+		return D.current && clearTimeout(D.current), D.current = setTimeout(() => F(b, e.signal), 350), () => {
+			D.current && clearTimeout(D.current), e.abort();
 		};
-	}, [b, L]);
-	let R = h(null);
-	m(() => () => R.current?.abort(), []);
-	function z(e) {
-		l(e), t(!1), x(""), w([]), N([]), I(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 B() {
-		if (!p || A) return;
+	async function R() {
+		if (!p || O) return;
 		let e = new AbortController();
-		R.current = e, j(!0), N([]), I(null);
+		I.current = e, k(!0), j([]), P(null);
 		try {
 			let t = (await p({
 				title: d,
@@ -357,17 +402,17 @@ function Ee({ open: e, onOpenChange: t, value: c, onSelect: l, onClear: u, title
 				if (e.signal.aborted) return;
 				n.push({
 					keyword: r.trim(),
-					icons: await J(r.trim(), 30, e.signal)
+					icons: await Y(r.trim(), 30, e.signal)
 				});
 			}
-			e.signal.aborted || N(n);
+			e.signal.aborted || j(n);
 		} catch {
-			e.signal.aborted || N([]);
+			e.signal.aborted || j([]);
 		} finally {
-			e.signal.aborted || j(!1);
+			e.signal.aborted || k(!1);
 		}
 	}
-	let V = F ? M.find((e) => e.keyword === F)?.icons ?? [] : M.flatMap((e) => e.icons.slice(0, 3)), H = !!p && !!(d?.trim() ?? f?.trim());
+	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,
@@ -379,36 +424,36 @@ function Ee({ open: e, onOpenChange: t, value: c, onSelect: l, onClear: u, title
 					className: "flex gap-2",
 					children: [/* @__PURE__ */ y("div", {
 						className: "relative flex-1",
-						children: [/* @__PURE__ */ v(ne, { className: "absolute left-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ v(n, {
+						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
 						})]
-					}), H && /* @__PURE__ */ y(a, {
+					}), B && /* @__PURE__ */ y(a, {
 						type: "button",
 						size: "sm",
 						variant: "outline",
-						onClick: B,
-						disabled: A,
+						onClick: R,
+						disabled: O,
 						className: "shrink-0 gap-1.5",
-						children: [A ? /* @__PURE__ */ v(te, { className: "size-4 animate-spin" }) : /* @__PURE__ */ v(D, { className: "size-4" }), _("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" })]
 					})]
 				}),
-				M.length > 0 && /* @__PURE__ */ y("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__ */ y("div", {
 							className: "mb-2 flex items-center gap-1.5 text-xs font-medium vg-accent-text",
-							children: [/* @__PURE__ */ v(D, { className: "size-3.5" }), _("forms.iconPicker.aiSuggestions", { defaultValue: "Suggestions" })]
+							children: [/* @__PURE__ */ v(ie, { className: "size-3.5" }), _("forms.iconPicker.aiSuggestions", { defaultValue: "Suggestions" })]
 						}),
 						/* @__PURE__ */ v("div", {
 							className: "mb-3 flex flex-wrap gap-1.5",
-							children: M.map((e) => /* @__PURE__ */ y("button", {
+							children: A.map((e) => /* @__PURE__ */ y("button", {
 								type: "button",
-								onClick: () => I(F === e.keyword ? null : e.keyword),
-								className: `cursor-pointer rounded-full px-3 py-1 text-xs font-medium transition-all ${F === e.keyword ? "vg-accent-solid text-white" : "bg-[var(--vg-accent-surface)] text-[var(--vg-accent-fg)] hover:bg-[var(--vg-accent-surface-strong)]"}`,
+								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
@@ -417,12 +462,12 @@ function Ee({ open: e, onOpenChange: t, value: c, onSelect: l, onClear: u, title
 						}),
 						/* @__PURE__ */ v("div", {
 							className: "flex max-h-60 flex-wrap gap-2 overflow-y-auto",
-							children: V.map((e) => /* @__PURE__ */ y("button", {
+							children: z.map((e) => /* @__PURE__ */ y("button", {
 								type: "button",
-								onClick: () => z(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__ */ v(O, {
+								children: [/* @__PURE__ */ v(E, {
 									icon: e,
 									className: "size-7"
 								}), /* @__PURE__ */ v("span", {
@@ -436,23 +481,23 @@ function Ee({ open: e, onOpenChange: t, value: c, onSelect: l, onClear: u, title
 				/* @__PURE__ */ y("div", {
 					className: "max-h-[400px] min-h-[200px] flex-1 overflow-y-auto",
 					children: [
-						T && /* @__PURE__ */ v("div", {
+						w && /* @__PURE__ */ v("div", {
 							className: "flex h-32 items-center justify-center text-sm text-muted-foreground",
 							children: _("forms.iconPicker.searching", { defaultValue: "Searching…" })
 						}),
-						!T && b && S.length === 0 && /* @__PURE__ */ v("div", {
+						!w && b && S.length === 0 && /* @__PURE__ */ v("div", {
 							className: "flex h-32 items-center justify-center text-sm text-muted-foreground",
 							children: _("forms.iconPicker.noIconsFound", {
 								query: b,
 								defaultValue: "No icons found for “{{query}}”"
 							})
 						}),
-						!T && !b && S.length === 0 && M.length === 0 && /* @__PURE__ */ y("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__ */ v("span", { children: _("forms.iconPicker.typeToSearch", {
-								count: q.length,
+								count: J.length,
 								defaultValue: "Type to search {{count}} icon collections"
-							}) }), H && /* @__PURE__ */ v("span", {
+							}) }), B && /* @__PURE__ */ v("span", {
 								className: "text-xs leading-relaxed",
 								children: _("forms.iconPicker.orClickAi", { defaultValue: "…or let the title and description suggest some" })
 							})]
@@ -461,10 +506,10 @@ function Ee({ open: e, onOpenChange: t, value: c, onSelect: l, onClear: u, title
 							className: "grid grid-cols-6 gap-1.5 p-1",
 							children: S.map((e) => /* @__PURE__ */ y("button", {
 								type: "button",
-								onClick: () => z(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__ */ v(O, {
+								children: [/* @__PURE__ */ v(E, {
 									icon: e,
 									className: "size-6"
 								}), /* @__PURE__ */ v("span", {
@@ -479,7 +524,7 @@ function Ee({ open: e, onOpenChange: t, value: c, onSelect: l, onClear: u, title
 					className: "flex items-center justify-between border-t pt-2",
 					children: [/* @__PURE__ */ y("div", {
 						className: "flex items-center gap-2",
-						children: [/* @__PURE__ */ v(O, {
+						children: [/* @__PURE__ */ v(E, {
 							icon: c,
 							className: "size-5"
 						}), /* @__PURE__ */ v("span", {
@@ -495,7 +540,7 @@ function Ee({ open: e, onOpenChange: t, value: c, onSelect: l, onClear: u, title
 							onClick: () => {
 								u(), t(!1);
 							},
-							children: [/* @__PURE__ */ v(re, { className: "size-4" }), _("forms.common.remove", { defaultValue: "Remove" })]
+							children: [/* @__PURE__ */ v(ae, { className: "size-4" }), _("forms.common.remove", { defaultValue: "Remove" })]
 						}), /* @__PURE__ */ v(a, {
 							size: "sm",
 							type: "button",
@@ -510,20 +555,20 @@ function Ee({ open: e, onOpenChange: t, value: c, onSelect: l, onClear: u, title
 }
 //#endregion
 //#region src/components/ui/popover.tsx
-function De({ ...e }) {
-	return /* @__PURE__ */ v(k.Root, {
+function Me({ ...e }) {
+	return /* @__PURE__ */ v(D.Root, {
 		"data-slot": "popover",
 		...e
 	});
 }
-function Oe({ ...e }) {
-	return /* @__PURE__ */ v(k.Trigger, {
+function Ne({ ...e }) {
+	return /* @__PURE__ */ v(D.Trigger, {
 		"data-slot": "popover-trigger",
 		...e
 	});
 }
-function ke({ className: t, align: n = "center", sideOffset: r = 4, ...i }) {
-	return /* @__PURE__ */ v(k.Portal, { children: /* @__PURE__ */ v(k.Content, {
+function Pe({ 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,
@@ -531,27 +576,27 @@ function ke({ className: t, align: n = "center", sideOffset: r = 4, ...i }) {
 		...i
 	}) });
 }
-function Ae({ ...e }) {
-	return /* @__PURE__ */ v(k.Anchor, {
+function Fe({ ...e }) {
+	return /* @__PURE__ */ v(D.Anchor, {
 		"data-slot": "popover-anchor",
 		...e
 	});
 }
-function je({ className: t, ...n }) {
+function Ie({ className: t, ...n }) {
 	return /* @__PURE__ */ v("div", {
 		"data-slot": "popover-header",
 		className: e("flex flex-col gap-1 text-sm", t),
 		...n
 	});
 }
-function Me({ className: t, ...n }) {
+function Le({ className: t, ...n }) {
 	return /* @__PURE__ */ v("div", {
 		"data-slot": "popover-title",
 		className: e("font-medium", t),
 		...n
 	});
 }
-function Ne({ className: t, ...n }) {
+function Re({ className: t, ...n }) {
 	return /* @__PURE__ */ v("p", {
 		"data-slot": "popover-description",
 		className: e("text-muted-foreground", t),
@@ -559,8 +604,36 @@ function Ne({ className: t, ...n }) {
 	});
 }
 //#endregion
+//#region src/components/ui/resizable.tsx
+function ze({ 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__ */ 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__ */ 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__ */ v("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" })
+		})
+	});
+}
+//#endregion
 //#region src/components/ui/section-card.tsx
-var Y = {
+var X = {
 	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",
@@ -601,14 +674,14 @@ var Y = {
 		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"
 	}
-}, X = f({
+}, Z = f({
 	open: !0,
 	toggle: () => {},
 	variant: "blue"
 });
-function Z({ variant: t = "blue", defaultOpen: n = !0, children: r, className: i }) {
+function Q({ variant: t = "blue", defaultOpen: n = !0, children: r, className: i }) {
 	let [a, o] = g(n);
-	return /* @__PURE__ */ v(X.Provider, {
+	return /* @__PURE__ */ v(Z.Provider, {
 		value: {
 			open: a,
 			toggle: () => o((e) => !e),
@@ -620,8 +693,8 @@ function Z({ variant: t = "blue", defaultOpen: n = !0, children: r, className: i
 		})
 	});
 }
-function Pe({ icon: t, title: n, description: r, className: i }) {
-	let { open: a, toggle: o, variant: s } = p(X), c = Y[s];
+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", {
 		type: "button",
 		onClick: o,
@@ -641,12 +714,12 @@ function Pe({ icon: t, title: n, description: r, className: i }) {
 					children: r
 				})]
 			}),
-			/* @__PURE__ */ v(E, { 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 Fe({ icon: t, title: n, description: r, className: i }) {
-	let { variant: a } = p(X), o = Y[a];
+function Ue({ icon: t, title: n, description: r, className: i }) {
+	let { variant: a } = p(Z), o = X[a];
 	return /* @__PURE__ */ y("div", {
 		className: e("flex items-center gap-3 px-5 py-4 bg-muted/40 border-b", i),
 		children: [/* @__PURE__ */ v("div", {
@@ -664,63 +737,76 @@ function Fe({ icon: t, title: n, description: r, className: i }) {
 		})]
 	});
 }
-function Ie({ children: t, className: n }) {
-	let { open: r } = p(X);
+function We({ children: t, className: n }) {
+	let { open: r } = p(Z);
 	return r ? /* @__PURE__ */ v("div", {
 		className: e("p-5 space-y-6", n),
 		children: t
 	}) : null;
 }
-Z.Header = Pe, Z.StaticHeader = Fe, Z.Content = Ie;
+Q.Header = He, Q.StaticHeader = Ue, Q.Content = We;
 //#endregion
 //#region src/components/ui/tooltip.tsx
-var Q = u.createContext(!1);
-function $({ delayDuration: e = 0, ...t }) {
-	return /* @__PURE__ */ v(Q, {
+var Ge = u.createContext(!1);
+function Ke({ delayDuration: e = 0, ...t }) {
+	return /* @__PURE__ */ v(Ge, {
 		value: !0,
-		children: /* @__PURE__ */ v(A.Provider, {
+		children: /* @__PURE__ */ v(j.Provider, {
 			"data-slot": "tooltip-provider",
 			delayDuration: e,
 			...t
 		})
 	});
 }
-function Le({ ...e }) {
-	let t = u.useContext(Q), n = /* @__PURE__ */ v(A.Root, {
+function qe({ ...e }) {
+	let t = u.useContext(Ge), n = /* @__PURE__ */ v(j.Root, {
 		"data-slot": "tooltip",
 		...e
 	});
-	return t ? n : /* @__PURE__ */ v($, { children: n });
+	return t ? n : /* @__PURE__ */ v(Ke, { children: n });
 }
-function Re({ ...e }) {
-	return /* @__PURE__ */ v(A.Trigger, {
+function Je({ ...e }) {
+	return /* @__PURE__ */ v(j.Trigger, {
 		"data-slot": "tooltip-trigger",
 		...e
 	});
 }
-function ze({ className: t, sideOffset: n = 0, children: r, ...i }) {
-	return /* @__PURE__ */ v(A.Portal, { children: /* @__PURE__ */ y(A.Content, {
+function Ye({ 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__ */ v(A.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 Xe = "(max-width: 767px)";
+function Ze() {
+	return window.matchMedia(Xe);
+}
+function Qe(e) {
+	let t = Ze();
+	return t.addEventListener("change", e), () => t.removeEventListener("change", e);
+}
+function $e() {
+	return u.useSyncExternalStore(Qe, () => Ze().matches, () => !1);
+}
+//#endregion
 //#region src/components/ui/sonner.tsx
-var Be = ({ ...e }) => {
-	let { theme: t = "system" } = j(), { t: n } = C();
-	return /* @__PURE__ */ v(M, {
+var et = ({ ...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__ */ v(z, { className: "size-4" }),
-			info: /* @__PURE__ */ v(ie, { className: "size-4" }),
-			warning: /* @__PURE__ */ v(se, { className: "size-4" }),
-			error: /* @__PURE__ */ v(oe, { className: "size-4" }),
-			loading: /* @__PURE__ */ v(ae, { className: "size-4 animate-spin" })
+			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" })
 		},
 		style: {
 			"--normal-bg": "var(--vg-popover)",
@@ -732,8 +818,38 @@ var Be = ({ ...e }) => {
 	});
 };
 //#endregion
+//#region src/components/ui/tabs.tsx
+function tt({ className: t, ...n }) {
+	return /* @__PURE__ */ v(F.Root, {
+		"data-slot": "tabs",
+		className: e("flex flex-col gap-2", t),
+		...n
+	});
+}
+function nt({ 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 rt({ 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 it({ 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/user-avatar.tsx
-function Ve({ givenName: e, familyName: t, name: n }) {
+function at({ 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();
@@ -746,8 +862,8 @@ function Ve({ givenName: e, familyName: t, name: n }) {
 	}
 	return "U";
 }
-function He({ className: t, givenName: n, familyName: r, name: i, src: a, alt: o, children: s, ...c }) {
-	let l = Ve({
+function ot({ className: t, givenName: n, familyName: r, name: i, src: a, alt: o, children: s, ...c }) {
+	let l = at({
 		givenName: n,
 		familyName: r,
 		name: i
@@ -771,14 +887,14 @@ function He({ className: t, givenName: n, familyName: r, name: i, src: a, alt: o
 }
 //#endregion
 //#region src/lib/corner-slot.ts
-var Ue = f(!1);
-function We() {
-	return p(Ue);
+var st = f(!1);
+function ct() {
+	return p(st);
 }
 //#endregion
 //#region src/contexts/user.context.tsx
-var Ge = d.createContext(null);
-function Ke({ children: e, fetchUser: t }) {
+var $ = d.createContext(null);
+function lt({ 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) => {
@@ -801,15 +917,15 @@ function Ke({ children: e, fetchUser: t }) {
 		i,
 		o
 	]);
-	return /* @__PURE__ */ v(Ge, {
+	return /* @__PURE__ */ v($, {
 		value: u,
 		children: e
 	});
 }
-function qe() {
-	let e = d.useContext(Ge);
+function ut() {
+	let e = d.useContext($);
 	if (!e) throw Error("useCurrentUser must be used within UserProvider");
 	return e;
 }
 //#endregion
-export { _e as A, K as B, ue as C, he as D, me as E, we as F, F as H, Ce as I, fe as L, be as M, xe as N, ye as O, Se as P, le as R, Ee as S, pe as T, L as V, ke as _, He as a, Me as b, N as c, $ as d, Re as f, Ae as g, De as h, We as i, ve as j, de as k, Le as l, Y as m, qe as n, Ve as o, Z as p, Ue as r, Be as s, Ke as t, ze as u, Ne as v, ge as w, Oe as x, je as y, ce as z };
+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 };