@viglet/viglet-design-system 2026.3.9 → 2026.3.11

package/dist/user.context-Cr3GAQ_r.js

@@ -0,0 +1,762 @@
+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-DxDp8Q3S.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 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";
+var P = t("check", [["path", {
+	d: "M20 6 9 17l-5-5",
+	key: "1gmf2c"
+}]]), F = t("chevron-right", [["path", {
+	d: "m9 18 6-6-6-6",
+	key: "mthhwq"
+}]]), I = t("circle-check", [["circle", {
+	cx: "12",
+	cy: "12",
+	r: "10",
+	key: "1mglay"
+}], ["path", {
+	d: "m9 12 2 2 4-4",
+	key: "dzmm74"
+}]]), L = t("circle", [["circle", {
+	cx: "12",
+	cy: "12",
+	r: "10",
+	key: "1mglay"
+}]]), R = t("info", [
+	["circle", {
+		cx: "12",
+		cy: "12",
+		r: "10",
+		key: "1mglay"
+	}],
+	["path", {
+		d: "M12 16v-4",
+		key: "1dtifu"
+	}],
+	["path", {
+		d: "M12 8h.01",
+		key: "e9boi3"
+	}]
+]), z = t("loader-circle", [["path", {
+	d: "M21 12a9 9 0 1 1-6.219-8.56",
+	key: "13zald"
+}]]), B = t("octagon-x", [
+	["path", {
+		d: "m15 9-6 6",
+		key: "1uzhvr"
+	}],
+	["path", {
+		d: "M2.586 16.726A2 2 0 0 1 2 15.312V8.688a2 2 0 0 1 .586-1.414l4.688-4.688A2 2 0 0 1 8.688 2h6.624a2 2 0 0 1 1.414.586l4.688 4.688A2 2 0 0 1 22 8.688v6.624a2 2 0 0 1-.586 1.414l-4.688 4.688a2 2 0 0 1-1.414.586H8.688a2 2 0 0 1-1.414-.586z",
+		key: "2d38gg"
+	}],
+	["path", {
+		d: "m9 9 6 6",
+		key: "z0biqf"
+	}]
+]), V = t("triangle-alert", [
+	["path", {
+		d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",
+		key: "wmoenq"
+	}],
+	["path", {
+		d: "M12 9v4",
+		key: "juzpu7"
+	}],
+	["path", {
+		d: "M12 17h.01",
+		key: "p32p05"
+	}]
+]), H = 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",
+			destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",
+			outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",
+			secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
+			ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
+			link: "text-primary underline-offset-4 hover:underline"
+		},
+		size: {
+			default: "h-9 px-4 py-2 has-[>svg]:px-3",
+			sm: "h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",
+			lg: "h-10 rounded-md px-6 has-[>svg]:px-4",
+			icon: "size-9",
+			"icon-sm": "size-8",
+			"icon-lg": "size-10"
+		}
+	},
+	defaultVariants: {
+		variant: "default",
+		size: "default"
+	}
+});
+function ie({ 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(H({
+			variant: n,
+			size: r,
+			className: t
+		}), f.inert && (a ? "cursor-progress" : "cursor-not-allowed opacity-50")),
+		...u,
+		...f.props,
+		children: i ? s : /* @__PURE__ */ y(_, { children: [a && /* @__PURE__ */ v(c, {}), s] })
+	});
+}
+//#endregion
+//#region src/components/ui/checkbox.tsx
+function ae({ className: t, ...n }) {
+	return /* @__PURE__ */ v(w.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, {
+			"data-slot": "checkbox-indicator",
+			className: "grid place-content-center text-current transition-none",
+			children: /* @__PURE__ */ v(P, { className: "size-3.5" })
+		})
+	});
+}
+//#endregion
+//#region src/components/ui/dropdown-menu.tsx
+function oe({ ...e }) {
+	return /* @__PURE__ */ v(T.Root, {
+		"data-slot": "dropdown-menu",
+		...e
+	});
+}
+function se({ ...e }) {
+	return /* @__PURE__ */ v(T.Portal, {
+		"data-slot": "dropdown-menu-portal",
+		...e
+	});
+}
+function ce({ ...e }) {
+	return /* @__PURE__ */ v(T.Trigger, {
+		"data-slot": "dropdown-menu-trigger",
+		...e
+	});
+}
+function le({ className: t, sideOffset: n = 4, ...r }) {
+	return /* @__PURE__ */ v(T.Portal, { children: /* @__PURE__ */ v(T.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 ue({ ...e }) {
+	return /* @__PURE__ */ v(T.Group, {
+		"data-slot": "dropdown-menu-group",
+		...e
+	});
+}
+function de({ className: t, inset: n, variant: r = "default", ...i }) {
+	return /* @__PURE__ */ v(T.Item, {
+		"data-slot": "dropdown-menu-item",
+		"data-inset": n,
+		"data-variant": r,
+		className: e("focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", t),
+		...i
+	});
+}
+function fe({ className: t, children: n, checked: r, ...i }) {
+	return /* @__PURE__ */ y(T.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(P, { className: "size-4" }) })
+		}), n]
+	});
+}
+function pe({ ...e }) {
+	return /* @__PURE__ */ v(T.RadioGroup, {
+		"data-slot": "dropdown-menu-radio-group",
+		...e
+	});
+}
+function me({ className: t, children: n, ...r }) {
+	return /* @__PURE__ */ y(T.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(L, { className: "size-2 fill-current" }) })
+		}), n]
+	});
+}
+function he({ className: t, inset: n, ...r }) {
+	return /* @__PURE__ */ v(T.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 ge({ className: t, ...n }) {
+	return /* @__PURE__ */ v(T.Separator, {
+		"data-slot": "dropdown-menu-separator",
+		className: e("bg-border -mx-1 my-1 h-px", t),
+		...n
+	});
+}
+function _e({ 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 ve({ ...e }) {
+	return /* @__PURE__ */ v(T.Sub, {
+		"data-slot": "dropdown-menu-sub",
+		...e
+	});
+}
+function ye({ className: t, inset: n, children: r, ...i }) {
+	return /* @__PURE__ */ y(T.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(F, { className: "ml-auto size-4" })]
+	});
+}
+function be({ className: t, ...n }) {
+	return /* @__PURE__ */ v(T.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
+	});
+}
+//#endregion
+//#region src/components/ui/icon-picker-dialog.tsx
+var U = [
+	"lucide",
+	"tabler",
+	"mdi",
+	"ph",
+	"solar",
+	"heroicons"
+], xe = U.join(",");
+async function W(e, t, n) {
+	try {
+		let r = await fetch(`https://api.iconify.design/search?query=${encodeURIComponent(e)}&limit=${t}&prefixes=${xe}`, { signal: n });
+		if (r.ok) return (await r.json()).icons ?? [];
+	} catch {}
+	return [];
+}
+function Se({ 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;
+		if (!e.trim()) {
+			w([]);
+			return;
+		}
+		E(!0);
+		try {
+			let n = await W(e, 60, t);
+			r() && w(n);
+		} catch {
+			r() && w([]);
+		} finally {
+			r() && E(!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();
+		};
+	}, [b, L]);
+	let R = h(null);
+	m(() => () => R.current?.abort(), []);
+	function z(e) {
+		l(e), t(!1), x(""), w([]), N([]), I(null);
+	}
+	async function B() {
+		if (!p || A) return;
+		let e = new AbortController();
+		R.current = e, j(!0), N([]), I(null);
+		try {
+			let t = (await p({
+				title: d,
+				description: f
+			})).filter((e) => typeof e == "string" && e.trim()).slice(0, 5), n = [];
+			for (let r of t) {
+				if (e.signal.aborted) return;
+				n.push({
+					keyword: r.trim(),
+					icons: await W(r.trim(), 30, e.signal)
+				});
+			}
+			e.signal.aborted || N(n);
+		} catch {
+			e.signal.aborted || N([]);
+		} finally {
+			e.signal.aborted || j(!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());
+	return /* @__PURE__ */ v(r, {
+		open: e,
+		onOpenChange: t,
+		children: /* @__PURE__ */ y(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", {
+					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, {
+							value: b,
+							onChange: (e) => x(e.target.value),
+							placeholder: _("forms.iconPicker.searchIcons", { defaultValue: "Search icons" }),
+							className: "pl-9",
+							autoFocus: !0
+						})]
+					}), H && /* @__PURE__ */ y(a, {
+						type: "button",
+						size: "sm",
+						variant: "outline",
+						onClick: B,
+						disabled: A,
+						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" })]
+					})]
+				}),
+				M.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" })]
+						}),
+						/* @__PURE__ */ v("div", {
+							className: "mb-3 flex flex-wrap gap-1.5",
+							children: M.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)]"}`,
+								children: [e.keyword, /* @__PURE__ */ v("span", {
+									className: "ml-1 opacity-60",
+									children: e.icons.length
+								})]
+							}, e.keyword))
+						}),
+						/* @__PURE__ */ v("div", {
+							className: "flex max-h-60 flex-wrap gap-2 overflow-y-auto",
+							children: V.map((e) => /* @__PURE__ */ y("button", {
+								type: "button",
+								onClick: () => z(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, {
+									icon: e,
+									className: "size-7"
+								}), /* @__PURE__ */ v("span", {
+									className: "max-w-[80px] truncate text-center text-[9px] leading-tight text-muted-foreground",
+									children: e.split(":")[1] ?? e
+								})]
+							}, e))
+						})
+					]
+				}),
+				/* @__PURE__ */ y("div", {
+					className: "max-h-[400px] min-h-[200px] flex-1 overflow-y-auto",
+					children: [
+						T && /* @__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", {
+							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", {
+							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: U.length,
+								defaultValue: "Type to search {{count}} icon collections"
+							}) }), H && /* @__PURE__ */ v("span", {
+								className: "text-xs leading-relaxed",
+								children: _("forms.iconPicker.orClickAi", { defaultValue: "…or let the title and description suggest some" })
+							})]
+						}),
+						S.length > 0 && /* @__PURE__ */ v("div", {
+							className: "grid grid-cols-6 gap-1.5 p-1",
+							children: S.map((e) => /* @__PURE__ */ y("button", {
+								type: "button",
+								onClick: () => z(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, {
+									icon: e,
+									className: "size-6"
+								}), /* @__PURE__ */ v("span", {
+									className: "w-full truncate text-center text-[9px] leading-tight text-muted-foreground",
+									children: e.split(":")[1] ?? e
+								})]
+							}, e))
+						})
+					]
+				}),
+				c && /* @__PURE__ */ y("div", {
+					className: "flex items-center justify-between border-t pt-2",
+					children: [/* @__PURE__ */ y("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ v(O, {
+							icon: c,
+							className: "size-5"
+						}), /* @__PURE__ */ v("span", {
+							className: "font-mono text-xs text-muted-foreground",
+							children: c
+						})]
+					}), /* @__PURE__ */ y("div", {
+						className: "flex gap-2",
+						children: [u && /* @__PURE__ */ y(a, {
+							size: "sm",
+							type: "button",
+							variant: "outline",
+							onClick: () => {
+								u(), t(!1);
+							},
+							children: [/* @__PURE__ */ v(re, { className: "size-4" }), _("forms.common.remove", { defaultValue: "Remove" })]
+						}), /* @__PURE__ */ v(a, {
+							size: "sm",
+							type: "button",
+							onClick: () => t(!1),
+							children: _("forms.iconPicker.done", { defaultValue: "Done" })
+						})]
+					})]
+				})
+			]
+		})
+	});
+}
+//#endregion
+//#region src/components/ui/popover.tsx
+function Ce({ ...e }) {
+	return /* @__PURE__ */ v(k.Root, {
+		"data-slot": "popover",
+		...e
+	});
+}
+function we({ ...e }) {
+	return /* @__PURE__ */ v(k.Trigger, {
+		"data-slot": "popover-trigger",
+		...e
+	});
+}
+function Te({ className: t, align: n = "center", sideOffset: r = 4, ...i }) {
+	return /* @__PURE__ */ v(k.Portal, { children: /* @__PURE__ */ v(k.Content, {
+		"data-slot": "popover-content",
+		align: n,
+		sideOffset: r,
+		className: e("z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-hidden 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 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95", t),
+		...i
+	}) });
+}
+function Ee({ ...e }) {
+	return /* @__PURE__ */ v(k.Anchor, {
+		"data-slot": "popover-anchor",
+		...e
+	});
+}
+function De({ className: t, ...n }) {
+	return /* @__PURE__ */ v("div", {
+		"data-slot": "popover-header",
+		className: e("flex flex-col gap-1 text-sm", t),
+		...n
+	});
+}
+function Oe({ className: t, ...n }) {
+	return /* @__PURE__ */ v("div", {
+		"data-slot": "popover-title",
+		className: e("font-medium", t),
+		...n
+	});
+}
+function ke({ className: t, ...n }) {
+	return /* @__PURE__ */ v("p", {
+		"data-slot": "popover-description",
+		className: e("text-muted-foreground", t),
+		...n
+	});
+}
+//#endregion
+//#region src/components/ui/section-card.tsx
+var G = {
+	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",
+		ring: "ring-blue-500/10 dark:ring-blue-400/10"
+	},
+	violet: {
+		color: "text-violet-600 dark:text-violet-400",
+		bg: "from-violet-500/10 to-purple-500/10 dark:from-violet-500/20 dark:to-purple-500/20",
+		ring: "ring-violet-500/10 dark:ring-violet-400/10"
+	},
+	emerald: {
+		color: "text-emerald-600 dark:text-emerald-400",
+		bg: "from-emerald-500/10 to-teal-500/10 dark:from-emerald-500/20 dark:to-teal-500/20",
+		ring: "ring-emerald-500/10 dark:ring-emerald-400/10"
+	},
+	amber: {
+		color: "text-amber-600 dark:text-amber-400",
+		bg: "from-amber-500/10 to-orange-500/10 dark:from-amber-500/20 dark:to-orange-500/20",
+		ring: "ring-amber-500/10 dark:ring-amber-400/10"
+	},
+	rose: {
+		color: "text-rose-600 dark:text-rose-400",
+		bg: "from-rose-500/10 to-pink-500/10 dark:from-rose-500/20 dark:to-pink-500/20",
+		ring: "ring-rose-500/10 dark:ring-rose-400/10"
+	},
+	cyan: {
+		color: "text-cyan-600 dark:text-cyan-400",
+		bg: "from-cyan-500/10 to-sky-500/10 dark:from-cyan-500/20 dark:to-sky-500/20",
+		ring: "ring-cyan-500/10 dark:ring-cyan-400/10"
+	},
+	orange: {
+		color: "text-orange-600 dark:text-orange-400",
+		bg: "from-orange-500/10 to-amber-500/10 dark:from-orange-500/20 dark:to-amber-500/20",
+		ring: "ring-orange-500/10 dark:ring-orange-400/10"
+	},
+	slate: {
+		color: "text-slate-600 dark:text-slate-400",
+		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"
+	}
+}, K = f({
+	open: !0,
+	toggle: () => {},
+	variant: "blue"
+});
+function q({ variant: t = "blue", defaultOpen: n = !0, children: r, className: i }) {
+	let [a, o] = g(n);
+	return /* @__PURE__ */ v(K.Provider, {
+		value: {
+			open: a,
+			toggle: () => o((e) => !e),
+			variant: t
+		},
+		children: /* @__PURE__ */ v("div", {
+			className: e("rounded-xl border overflow-hidden", i),
+			children: r
+		})
+	});
+}
+function Ae({ icon: t, title: n, description: r, className: i }) {
+	let { open: a, toggle: o, variant: s } = p(K), c = G[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__ */ 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__ */ v(t, { className: `size-4 ${c.color}` })
+			}),
+			/* @__PURE__ */ y("div", {
+				className: "min-w-0 text-left",
+				children: [/* @__PURE__ */ v("h3", {
+					className: "text-sm font-semibold text-foreground",
+					children: n
+				}), r && /* @__PURE__ */ v("p", {
+					className: "text-xs text-muted-foreground",
+					children: r
+				})]
+			}),
+			/* @__PURE__ */ v(E, { className: e("ml-auto size-4 text-muted-foreground shrink-0 transition-transform duration-200", a && "rotate-180") })
+		]
+	});
+}
+function je({ icon: t, title: n, description: r, className: i }) {
+	let { variant: a } = p(K), o = G[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", {
+			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", {
+			className: "min-w-0",
+			children: [/* @__PURE__ */ v("h3", {
+				className: "text-sm font-semibold text-foreground",
+				children: n
+			}), r && /* @__PURE__ */ v("p", {
+				className: "text-xs text-muted-foreground",
+				children: r
+			})]
+		})]
+	});
+}
+function Me({ children: t, className: n }) {
+	let { open: r } = p(K);
+	return r ? /* @__PURE__ */ v("div", {
+		className: e("p-5 space-y-6", n),
+		children: t
+	}) : null;
+}
+q.Header = Ae, q.StaticHeader = je, q.Content = Me;
+//#endregion
+//#region src/components/ui/tooltip.tsx
+var J = u.createContext(!1);
+function Y({ delayDuration: e = 0, ...t }) {
+	return /* @__PURE__ */ v(J, {
+		value: !0,
+		children: /* @__PURE__ */ v(A.Provider, {
+			"data-slot": "tooltip-provider",
+			delayDuration: e,
+			...t
+		})
+	});
+}
+function Ne({ ...e }) {
+	let t = u.useContext(J), n = /* @__PURE__ */ v(A.Root, {
+		"data-slot": "tooltip",
+		...e
+	});
+	return t ? n : /* @__PURE__ */ v(Y, { children: n });
+}
+function X({ ...e }) {
+	return /* @__PURE__ */ v(A.Trigger, {
+		"data-slot": "tooltip-trigger",
+		...e
+	});
+}
+function Pe({ className: t, sideOffset: n = 0, children: r, ...i }) {
+	return /* @__PURE__ */ v(A.Portal, { children: /* @__PURE__ */ y(A.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]" })]
+	}) });
+}
+//#endregion
+//#region src/components/ui/sonner.tsx
+var Fe = ({ ...e }) => {
+	let { theme: t = "system" } = j(), { t: n } = C();
+	return /* @__PURE__ */ v(M, {
+		theme: t,
+		className: "toaster group",
+		containerAriaLabel: n("common.notifications", { defaultValue: "Notifications" }),
+		icons: {
+			success: /* @__PURE__ */ v(I, { className: "size-4" }),
+			info: /* @__PURE__ */ v(R, { className: "size-4" }),
+			warning: /* @__PURE__ */ v(V, { className: "size-4" }),
+			error: /* @__PURE__ */ v(B, { className: "size-4" }),
+			loading: /* @__PURE__ */ v(z, { className: "size-4 animate-spin" })
+		},
+		style: {
+			"--normal-bg": "var(--vg-popover)",
+			"--normal-text": "var(--vg-popover-foreground)",
+			"--normal-border": "var(--vg-border)",
+			"--border-radius": "var(--vg-radius)"
+		},
+		...e
+	});
+};
+//#endregion
+//#region src/components/ui/user-avatar.tsx
+function Z({ 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();
+		if (n) return n;
+	}
+	let a = (n ?? "").trim();
+	if (a) {
+		let e = a.split(/\s+/).filter(Boolean);
+		return e.length === 1 ? e[0][0].toUpperCase() : `${e[0][0]}${e[e.length - 1][0]}`.toUpperCase();
+	}
+	return "U";
+}
+function Ie({ className: t, givenName: n, familyName: r, name: i, src: a, alt: o, children: s, ...c }) {
+	let l = Z({
+		givenName: n,
+		familyName: r,
+		name: i
+	}), u = o ?? i ?? [n, r].filter(Boolean).join(" ");
+	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__ */ v(b.Image, {
+			"data-slot": "user-avatar-image",
+			src: a,
+			alt: u,
+			className: "aspect-square size-full object-cover"
+		}), /* @__PURE__ */ v(b.Fallback, {
+			"data-slot": "user-avatar-fallback",
+			className: "flex size-full items-center justify-center",
+			delayMs: a ? 600 : 0,
+			children: s ?? l
+		})]
+	});
+}
+//#endregion
+//#region src/lib/corner-slot.ts
+var Q = f(!1);
+function Le() {
+	return p(Q);
+}
+//#endregion
+//#region src/contexts/user.context.tsx
+var $ = d.createContext(null);
+function Re({ 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) => {
+			e === c.current && (r(t), s(null), a("ready"));
+		}, (t) => {
+			e === c.current && (s(t), a("failed"));
+		});
+	}, [t]);
+	d.useEffect(() => {
+		l();
+	}, [l]);
+	let u = d.useMemo(() => ({
+		user: n,
+		refreshUser: l,
+		status: i,
+		error: o
+	}), [
+		n,
+		l,
+		i,
+		o
+	]);
+	return /* @__PURE__ */ v($, {
+		value: u,
+		children: e
+	});
+}
+function ze() {
+	let e = d.useContext($);
+	if (!e) throw Error("useCurrentUser must be used within UserProvider");
+	return e;
+}
+//#endregion
+export { pe as A, H as B, oe as C, de as D, ue as E, be as F, P as H, ye as I, ce as L, ge as M, _e as N, he as O, ve as P, ae as R, Se as S, le as T, F as V, Te as _, Ie as a, Oe as b, N as c, Y as d, X as f, Ee as g, Ce as h, Le as i, me as j, se as k, Ne as l, G as m, ze as n, Z as o, q as p, Q as r, Fe as s, Re as t, Pe as u, ke as v, fe as w, we as x, De as y, ie as z };