@viglet/viglet-design-system 2026.3.8 → 2026.3.10

package/dist/{user.context-kPAqKN4o.js → user.context-CPmUBBLa.js}

@@ -1,15 +1,16 @@
-import { D as e, F as t, H as n, M as r, U as i, k as a, l as o, u as s } from "./badge-locale-BxI9TwkE.js";
+import { t as e } from "./utils-Fk5jmzzb.js";
+import { D as t, F as n, H as r, M as i, k as a, l as o, u as s } from "./badge-locale-Du41PpLA.js";
 import c, { createContext as l, useCallback as u, useContext as d, useEffect as f, useRef as p, useState as m } from "react";
 import { jsx as h, jsxs as g } from "react/jsx-runtime";
 import * as _ from "@radix-ui/react-avatar";
 import { Slot as v } from "@radix-ui/react-slot";
 import { cva as y } from "class-variance-authority";
-import { IconChevronDown as b, IconLoader2 as x, IconSearch as S, IconSparkles as C, IconTrash as w } from "@tabler/icons-react";
-import { useTranslation as T } from "react-i18next";
+import { useTranslation as b } from "react-i18next";
+import { IconChevronDown as x, IconLoader2 as S, IconSearch as C, IconSparkles as w, IconTrash as T } from "@tabler/icons-react";
 import { Icon as E } from "@iconify/react";
 import { useTheme as D } from "next-themes";
 import { Toaster as O, toast as k } from "sonner";
-var A = n("circle-check", [["circle", {
+var A = r("circle-check", [["circle", {
 	cx: "12",
 	cy: "12",
 	r: "10",
@@ -17,7 +18,7 @@ var A = n("circle-check", [["circle", {
 }], ["path", {
 	d: "m9 12 2 2 4-4",
 	key: "dzmm74"
-}]]), j = n("info", [
+}]]), j = r("info", [
 	["circle", {
 		cx: "12",
 		cy: "12",
@@ -32,10 +33,10 @@ var A = n("circle-check", [["circle", {
 		d: "M12 8h.01",
 		key: "e9boi3"
 	}]
-]), M = n("loader-circle", [["path", {
+]), M = r("loader-circle", [["path", {
 	d: "M21 12a9 9 0 1 1-6.219-8.56",
 	key: "13zald"
-}]]), N = n("octagon-x", [
+}]]), N = r("octagon-x", [
 	["path", {
 		d: "m15 9-6 6",
 		key: "1uzhvr"
@@ -48,7 +49,7 @@ var A = n("circle-check", [["circle", {
 		d: "m9 9 6 6",
 		key: "z0biqf"
 	}]
-]), P = n("triangle-alert", [
+]), P = r("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"
@@ -85,13 +86,13 @@ var A = n("circle-check", [["circle", {
 		size: "default"
 	}
 });
-function I({ className: e, variant: t, size: n, asChild: r = !1, ...a }) {
-	return /* @__PURE__ */ h(r ? v : "button", {
+function I({ className: t, variant: n, size: r, asChild: i = !1, ...a }) {
+	return /* @__PURE__ */ h(i ? v : "button", {
 		"data-slot": "button",
-		className: i(F({
-			variant: t,
-			size: n,
-			className: e
+		className: e(F({
+			variant: n,
+			size: r,
+			className: t
 		})),
 		...a
 	});
@@ -106,83 +107,91 @@ var L = [
 	"solar",
 	"heroicons"
 ], R = L.join(",");
-async function z(e, t) {
+async function z(e, t, n) {
 	try {
-		let n = await fetch(`https://api.iconify.design/search?query=${encodeURIComponent(e)}&limit=${t}&prefixes=${R}`);
-		if (n.ok) return (await n.json()).icons ?? [];
+		let r = await fetch(`https://api.iconify.design/search?query=${encodeURIComponent(e)}&limit=${t}&prefixes=${R}`, { signal: n });
+		if (r.ok) return (await r.json()).icons ?? [];
 	} catch {}
 	return [];
 }
-function B({ open: n, onOpenChange: i, value: c, onSelect: l, onClear: d, title: _, description: v, suggestKeywords: y }) {
-	let { t: b } = T(), [D, O] = m(""), [k, A] = m([]), [j, M] = m(!1), N = p(null), [P, F] = m(!1), [I, R] = m([]), B = p(0), [V, H] = m(null), U = u(async (e) => {
-		let t = ++B.current, n = () => t === B.current;
+function B({ open: e, onOpenChange: r, value: c, onSelect: l, onClear: d, title: _, description: v, suggestKeywords: y }) {
+	let { t: x } = b(), [D, O] = m(""), [k, A] = m([]), [j, M] = m(!1), N = p(null), [P, F] = m(!1), [I, R] = m([]), B = p(0), [V, H] = m(null), U = u(async (e, t) => {
+		let n = ++B.current, r = () => n === B.current && !t.aborted;
 		if (!e.trim()) {
 			A([]);
 			return;
 		}
 		M(!0);
 		try {
-			let t = await z(e, 60);
-			n() && A(t);
+			let n = await z(e, 60, t);
+			r() && A(n);
 		} catch {
-			n() && A([]);
+			r() && A([]);
 		} finally {
-			n() && M(!1);
+			r() && M(!1);
 		}
 	}, []);
-	f(() => (N.current && clearTimeout(N.current), N.current = setTimeout(() => U(D), 350), () => {
-		N.current && clearTimeout(N.current);
-	}), [D, U]);
-	function W(e) {
-		l(e), i(!1), O(""), A([]), R([]), H(null);
+	f(() => {
+		let e = new AbortController();
+		return N.current && clearTimeout(N.current), N.current = setTimeout(() => U(D, e.signal), 350), () => {
+			N.current && clearTimeout(N.current), e.abort();
+		};
+	}, [D, U]);
+	let W = p(null);
+	f(() => () => W.current?.abort(), []);
+	function G(e) {
+		l(e), r(!1), O(""), A([]), R([]), H(null);
 	}
-	async function G() {
-		if (!(!y || P)) {
-			F(!0), R([]), H(null);
-			try {
-				let e = (await y({
-					title: _,
-					description: v
-				})).filter((e) => typeof e == "string" && e.trim()).slice(0, 5), t = [];
-				for (let n of e) t.push({
-					keyword: n.trim(),
-					icons: await z(n.trim(), 30)
+	async function K() {
+		if (!y || P) return;
+		let e = new AbortController();
+		W.current = e, F(!0), R([]), H(null);
+		try {
+			let t = (await y({
+				title: _,
+				description: v
+			})).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 z(r.trim(), 30, e.signal)
 				});
-				R(t);
-			} catch {
-				R([]);
-			} finally {
-				F(!1);
 			}
+			e.signal.aborted || R(n);
+		} catch {
+			e.signal.aborted || R([]);
+		} finally {
+			e.signal.aborted || F(!1);
 		}
 	}
-	let K = V ? I.find((e) => e.keyword === V)?.icons ?? [] : I.flatMap((e) => e.icons.slice(0, 3)), q = !!y && !!(_?.trim() ?? v?.trim());
-	return /* @__PURE__ */ h(e, {
-		open: n,
-		onOpenChange: i,
+	let q = V ? I.find((e) => e.keyword === V)?.icons ?? [] : I.flatMap((e) => e.icons.slice(0, 3)), J = !!y && !!(_?.trim() ?? v?.trim());
+	return /* @__PURE__ */ h(t, {
+		open: e,
+		onOpenChange: r,
 		children: /* @__PURE__ */ g(a, {
 			className: "flex max-h-[80vh] flex-col sm:max-w-lg",
 			children: [
-				/* @__PURE__ */ h(r, { children: /* @__PURE__ */ h(t, { children: b("forms.iconPicker.chooseAnIcon", { defaultValue: "Choose an icon" }) }) }),
+				/* @__PURE__ */ h(i, { children: /* @__PURE__ */ h(n, { children: x("forms.iconPicker.chooseAnIcon", { defaultValue: "Choose an icon" }) }) }),
 				/* @__PURE__ */ g("div", {
 					className: "flex gap-2",
 					children: [/* @__PURE__ */ g("div", {
 						className: "relative flex-1",
-						children: [/* @__PURE__ */ h(S, { className: "absolute left-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ h(o, {
+						children: [/* @__PURE__ */ h(C, { className: "absolute left-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ h(o, {
 							value: D,
 							onChange: (e) => O(e.target.value),
-							placeholder: b("forms.iconPicker.searchIcons", { defaultValue: "Search icons" }),
+							placeholder: x("forms.iconPicker.searchIcons", { defaultValue: "Search icons" }),
 							className: "pl-9",
 							autoFocus: !0
 						})]
-					}), q && /* @__PURE__ */ g(s, {
+					}), J && /* @__PURE__ */ g(s, {
 						type: "button",
 						size: "sm",
 						variant: "outline",
-						onClick: G,
+						onClick: K,
 						disabled: P,
 						className: "shrink-0 gap-1.5",
-						children: [P ? /* @__PURE__ */ h(x, { className: "size-4 animate-spin" }) : /* @__PURE__ */ h(C, { className: "size-4" }), b("forms.iconPicker.aiSuggest", { defaultValue: "Suggest" })]
+						children: [P ? /* @__PURE__ */ h(S, { className: "size-4 animate-spin" }) : /* @__PURE__ */ h(w, { className: "size-4" }), x("forms.iconPicker.aiSuggest", { defaultValue: "Suggest" })]
 					})]
 				}),
 				I.length > 0 && /* @__PURE__ */ g("div", {
@@ -190,7 +199,7 @@ function B({ open: n, onOpenChange: i, value: c, onSelect: l, onClear: d, title:
 					children: [
 						/* @__PURE__ */ g("div", {
 							className: "mb-2 flex items-center gap-1.5 text-xs font-medium vg-accent-text",
-							children: [/* @__PURE__ */ h(C, { className: "size-3.5" }), b("forms.iconPicker.aiSuggestions", { defaultValue: "Suggestions" })]
+							children: [/* @__PURE__ */ h(w, { className: "size-3.5" }), x("forms.iconPicker.aiSuggestions", { defaultValue: "Suggestions" })]
 						}),
 						/* @__PURE__ */ h("div", {
 							className: "mb-3 flex flex-wrap gap-1.5",
@@ -206,9 +215,9 @@ function B({ open: n, onOpenChange: i, value: c, onSelect: l, onClear: d, title:
 						}),
 						/* @__PURE__ */ h("div", {
 							className: "flex max-h-60 flex-wrap gap-2 overflow-y-auto",
-							children: K.map((e) => /* @__PURE__ */ g("button", {
+							children: q.map((e) => /* @__PURE__ */ g("button", {
 								type: "button",
-								onClick: () => W(e),
+								onClick: () => G(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__ */ h(E, {
@@ -227,30 +236,30 @@ function B({ open: n, onOpenChange: i, value: c, onSelect: l, onClear: d, title:
 					children: [
 						j && /* @__PURE__ */ h("div", {
 							className: "flex h-32 items-center justify-center text-sm text-muted-foreground",
-							children: b("forms.iconPicker.searching", { defaultValue: "Searching…" })
+							children: x("forms.iconPicker.searching", { defaultValue: "Searching…" })
 						}),
 						!j && D && k.length === 0 && /* @__PURE__ */ h("div", {
 							className: "flex h-32 items-center justify-center text-sm text-muted-foreground",
-							children: b("forms.iconPicker.noIconsFound", {
+							children: x("forms.iconPicker.noIconsFound", {
 								query: D,
 								defaultValue: "No icons found for “{{query}}”"
 							})
 						}),
 						!j && !D && k.length === 0 && I.length === 0 && /* @__PURE__ */ g("div", {
 							className: "flex h-32 flex-col items-center justify-center gap-2 px-4 text-center text-sm text-muted-foreground",
-							children: [/* @__PURE__ */ h("span", { children: b("forms.iconPicker.typeToSearch", {
+							children: [/* @__PURE__ */ h("span", { children: x("forms.iconPicker.typeToSearch", {
 								count: L.length,
 								defaultValue: "Type to search {{count}} icon collections"
-							}) }), q && /* @__PURE__ */ h("span", {
+							}) }), J && /* @__PURE__ */ h("span", {
 								className: "text-xs leading-relaxed",
-								children: b("forms.iconPicker.orClickAi", { defaultValue: "…or let the title and description suggest some" })
+								children: x("forms.iconPicker.orClickAi", { defaultValue: "…or let the title and description suggest some" })
 							})]
 						}),
 						k.length > 0 && /* @__PURE__ */ h("div", {
 							className: "grid grid-cols-6 gap-1.5 p-1",
 							children: k.map((e) => /* @__PURE__ */ g("button", {
 								type: "button",
-								onClick: () => W(e),
+								onClick: () => G(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__ */ h(E, {
@@ -282,14 +291,14 @@ function B({ open: n, onOpenChange: i, value: c, onSelect: l, onClear: d, title:
 							type: "button",
 							variant: "outline",
 							onClick: () => {
-								d(), i(!1);
+								d(), r(!1);
 							},
-							children: [/* @__PURE__ */ h(w, { className: "size-4" }), b("forms.common.remove", { defaultValue: "Remove" })]
+							children: [/* @__PURE__ */ h(T, { className: "size-4" }), x("forms.common.remove", { defaultValue: "Remove" })]
 						}), /* @__PURE__ */ h(s, {
 							size: "sm",
 							type: "button",
-							onClick: () => i(!1),
-							children: b("forms.iconPicker.done", { defaultValue: "Done" })
+							onClick: () => r(!1),
+							children: x("forms.iconPicker.done", { defaultValue: "Done" })
 						})]
 					})]
 				})
@@ -345,79 +354,80 @@ var V = {
 	toggle: () => {},
 	variant: "blue"
 });
-function U({ variant: e = "blue", defaultOpen: t = !0, children: n, className: r }) {
-	let [a, o] = m(t);
+function U({ variant: t = "blue", defaultOpen: n = !0, children: r, className: i }) {
+	let [a, o] = m(n);
 	return /* @__PURE__ */ h(H.Provider, {
 		value: {
 			open: a,
 			toggle: () => o((e) => !e),
-			variant: e
+			variant: t
 		},
 		children: /* @__PURE__ */ h("div", {
-			className: i("rounded-xl border overflow-hidden", r),
-			children: n
+			className: e("rounded-xl border overflow-hidden", i),
+			children: r
 		})
 	});
 }
-function W({ icon: e, title: t, description: n, className: r }) {
+function W({ icon: t, title: n, description: r, className: i }) {
 	let { open: a, toggle: o, variant: s } = d(H), c = V[s];
 	return /* @__PURE__ */ g("button", {
 		type: "button",
 		onClick: o,
-		className: i("flex w-full items-center gap-3 px-5 py-4 bg-muted/40 border-b cursor-pointer hover:bg-muted/60 transition-colors", r),
+		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__ */ h("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__ */ h(e, { className: `size-4 ${c.color}` })
+				children: /* @__PURE__ */ h(t, { className: `size-4 ${c.color}` })
 			}),
 			/* @__PURE__ */ g("div", {
 				className: "min-w-0 text-left",
 				children: [/* @__PURE__ */ h("h3", {
 					className: "text-sm font-semibold text-foreground",
-					children: t
-				}), n && /* @__PURE__ */ h("p", {
-					className: "text-xs text-muted-foreground",
 					children: n
+				}), r && /* @__PURE__ */ h("p", {
+					className: "text-xs text-muted-foreground",
+					children: r
 				})]
 			}),
-			/* @__PURE__ */ h(b, { className: i("ml-auto size-4 text-muted-foreground shrink-0 transition-transform duration-200", a && "rotate-180") })
+			/* @__PURE__ */ h(x, { className: e("ml-auto size-4 text-muted-foreground shrink-0 transition-transform duration-200", a && "rotate-180") })
 		]
 	});
 }
-function G({ icon: e, title: t, description: n, className: r }) {
+function G({ icon: t, title: n, description: r, className: i }) {
 	let { variant: a } = d(H), o = V[a];
 	return /* @__PURE__ */ g("div", {
-		className: i("flex items-center gap-3 px-5 py-4 bg-muted/40 border-b", r),
+		className: e("flex items-center gap-3 px-5 py-4 bg-muted/40 border-b", i),
 		children: [/* @__PURE__ */ h("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__ */ h(e, { className: `size-4 ${o.color}` })
+			children: /* @__PURE__ */ h(t, { className: `size-4 ${o.color}` })
 		}), /* @__PURE__ */ g("div", {
 			className: "min-w-0",
 			children: [/* @__PURE__ */ h("h3", {
 				className: "text-sm font-semibold text-foreground",
-				children: t
-			}), n && /* @__PURE__ */ h("p", {
-				className: "text-xs text-muted-foreground",
 				children: n
+			}), r && /* @__PURE__ */ h("p", {
+				className: "text-xs text-muted-foreground",
+				children: r
 			})]
 		})]
 	});
 }
-function K({ children: e, className: t }) {
-	let { open: n } = d(H);
-	return n ? /* @__PURE__ */ h("div", {
-		className: i("p-5 space-y-6", t),
-		children: e
+function K({ children: t, className: n }) {
+	let { open: r } = d(H);
+	return r ? /* @__PURE__ */ h("div", {
+		className: e("p-5 space-y-6", n),
+		children: t
 	}) : null;
 }
 U.Header = W, U.StaticHeader = G, U.Content = K;
 //#endregion
 //#region src/components/ui/sonner.tsx
 var q = ({ ...e }) => {
-	let { theme: t = "system" } = D();
+	let { theme: t = "system" } = D(), { t: n } = b();
 	return /* @__PURE__ */ h(O, {
 		theme: t,
 		className: "toaster group",
+		containerAriaLabel: n("common.notifications", { defaultValue: "Notifications" }),
 		icons: {
 			success: /* @__PURE__ */ h(A, { className: "size-4" }),
 			info: /* @__PURE__ */ h(j, { className: "size-4" }),
@@ -449,15 +459,15 @@ function J({ givenName: e, familyName: t, name: n }) {
 	}
 	return "U";
 }
-function Y({ className: e, givenName: t, familyName: n, name: r, src: a, alt: o, children: s, ...c }) {
+function Y({ className: t, givenName: n, familyName: r, name: i, src: a, alt: o, children: s, ...c }) {
 	let l = J({
-		givenName: t,
-		familyName: n,
-		name: r
-	}), u = o ?? r ?? [t, n].filter(Boolean).join(" ");
+		givenName: n,
+		familyName: r,
+		name: i
+	}), u = o ?? i ?? [n, r].filter(Boolean).join(" ");
 	return /* @__PURE__ */ g(_.Root, {
 		"data-slot": "user-avatar",
-		className: i("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", e),
+		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__ */ h(_.Image, {
 			"data-slot": "user-avatar-image",
@@ -509,4 +519,4 @@ function Q() {
 	return e;
 }
 //#endregion
-export { q as a, B as c, J as i, I as l, Q as n, k as o, Y as r, U as s, Z as t, F as u };
+export { q as a, V as c, F as d, J as i, B as l, Q as n, k as o, Y as r, U as s, Z as t, I as u };

package/dist/user.context-xsJgPpcO.cjs

@@ -0,0 +1 @@
+const e=require("./rolldown-runtime-BocRIvOZ.cjs"),t=require("./utils-Oagwe_oa.cjs"),n=require("./badge-locale-Bij94NwL.cjs");let r=require("react");r=e.t(r,1);let i=require("react/jsx-runtime"),a=require("@radix-ui/react-avatar");a=e.t(a,1);let o=require("@radix-ui/react-slot"),s=require("class-variance-authority"),c=require("react-i18next"),l=require("@tabler/icons-react"),u=require("@iconify/react"),d=require("next-themes"),f=require("sonner");var p=n.H(`circle-check`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`path`,{d:`m9 12 2 2 4-4`,key:`dzmm74`}]]),m=n.H(`info`,[[`circle`,{cx:`12`,cy:`12`,r:`10`,key:`1mglay`}],[`path`,{d:`M12 16v-4`,key:`1dtifu`}],[`path`,{d:`M12 8h.01`,key:`e9boi3`}]]),h=n.H(`loader-circle`,[[`path`,{d:`M21 12a9 9 0 1 1-6.219-8.56`,key:`13zald`}]]),g=n.H(`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`}]]),_=n.H(`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`}]]),v=(0,s.cva)(`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 y({className:e,variant:n,size:r,asChild:a=!1,...s}){return(0,i.jsx)(a?o.Slot:`button`,{"data-slot":`button`,className:t.t(v({variant:n,size:r,className:e})),...s})}var b=[`lucide`,`tabler`,`mdi`,`ph`,`solar`,`heroicons`],x=b.join(`,`);async function S(e,t,n){try{let r=await fetch(`https://api.iconify.design/search?query=${encodeURIComponent(e)}&limit=${t}&prefixes=${x}`,{signal:n});if(r.ok)return(await r.json()).icons??[]}catch{}return[]}function C({open:e,onOpenChange:t,value:a,onSelect:o,onClear:s,title:d,description:f,suggestKeywords:p}){let{t:m}=(0,c.useTranslation)(),[h,g]=(0,r.useState)(``),[_,v]=(0,r.useState)([]),[y,x]=(0,r.useState)(!1),C=(0,r.useRef)(null),[w,T]=(0,r.useState)(!1),[E,D]=(0,r.useState)([]),O=(0,r.useRef)(0),[k,A]=(0,r.useState)(null),j=(0,r.useCallback)(async(e,t)=>{let n=++O.current,r=()=>n===O.current&&!t.aborted;if(!e.trim()){v([]);return}x(!0);try{let n=await S(e,60,t);r()&&v(n)}catch{r()&&v([])}finally{r()&&x(!1)}},[]);(0,r.useEffect)(()=>{let e=new AbortController;return C.current&&clearTimeout(C.current),C.current=setTimeout(()=>j(h,e.signal),350),()=>{C.current&&clearTimeout(C.current),e.abort()}},[h,j]);let M=(0,r.useRef)(null);(0,r.useEffect)(()=>()=>M.current?.abort(),[]);function N(e){o(e),t(!1),g(``),v([]),D([]),A(null)}async function P(){if(!p||w)return;let e=new AbortController;M.current=e,T(!0),D([]),A(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 S(r.trim(),30,e.signal)})}e.signal.aborted||D(n)}catch{e.signal.aborted||D([])}finally{e.signal.aborted||T(!1)}}let F=k?E.find(e=>e.keyword===k)?.icons??[]:E.flatMap(e=>e.icons.slice(0,3)),I=!!p&&!!(d?.trim()??f?.trim());return(0,i.jsx)(n.D,{open:e,onOpenChange:t,children:(0,i.jsxs)(n.k,{className:`flex max-h-[80vh] flex-col sm:max-w-lg`,children:[(0,i.jsx)(n.M,{children:(0,i.jsx)(n.F,{children:m(`forms.iconPicker.chooseAnIcon`,{defaultValue:`Choose an icon`})})}),(0,i.jsxs)(`div`,{className:`flex gap-2`,children:[(0,i.jsxs)(`div`,{className:`relative flex-1`,children:[(0,i.jsx)(l.IconSearch,{className:`absolute left-3 top-1/2 size-4 -translate-y-1/2 text-muted-foreground`}),(0,i.jsx)(n.l,{value:h,onChange:e=>g(e.target.value),placeholder:m(`forms.iconPicker.searchIcons`,{defaultValue:`Search icons`}),className:`pl-9`,autoFocus:!0})]}),I&&(0,i.jsxs)(n.u,{type:`button`,size:`sm`,variant:`outline`,onClick:P,disabled:w,className:`shrink-0 gap-1.5`,children:[w?(0,i.jsx)(l.IconLoader2,{className:`size-4 animate-spin`}):(0,i.jsx)(l.IconSparkles,{className:`size-4`}),m(`forms.iconPicker.aiSuggest`,{defaultValue:`Suggest`})]})]}),E.length>0&&(0,i.jsxs)(`div`,{className:`rounded-lg border border-[var(--vg-accent-line)] bg-[var(--vg-accent-surface)] p-3`,children:[(0,i.jsxs)(`div`,{className:`mb-2 flex items-center gap-1.5 text-xs font-medium vg-accent-text`,children:[(0,i.jsx)(l.IconSparkles,{className:`size-3.5`}),m(`forms.iconPicker.aiSuggestions`,{defaultValue:`Suggestions`})]}),(0,i.jsx)(`div`,{className:`mb-3 flex flex-wrap gap-1.5`,children:E.map(e=>(0,i.jsxs)(`button`,{type:`button`,onClick:()=>A(k===e.keyword?null:e.keyword),className:`cursor-pointer rounded-full px-3 py-1 text-xs font-medium transition-all ${k===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,(0,i.jsx)(`span`,{className:`ml-1 opacity-60`,children:e.icons.length})]},e.keyword))}),(0,i.jsx)(`div`,{className:`flex max-h-60 flex-wrap gap-2 overflow-y-auto`,children:F.map(e=>(0,i.jsxs)(`button`,{type:`button`,onClick:()=>N(e),className:`flex cursor-pointer flex-col items-center gap-1 rounded-lg p-2 transition-all hover:bg-[var(--vg-accent-surface)] ${a===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:[(0,i.jsx)(u.Icon,{icon:e,className:`size-7`}),(0,i.jsx)(`span`,{className:`max-w-[80px] truncate text-center text-[9px] leading-tight text-muted-foreground`,children:e.split(`:`)[1]??e})]},e))})]}),(0,i.jsxs)(`div`,{className:`max-h-[400px] min-h-[200px] flex-1 overflow-y-auto`,children:[y&&(0,i.jsx)(`div`,{className:`flex h-32 items-center justify-center text-sm text-muted-foreground`,children:m(`forms.iconPicker.searching`,{defaultValue:`Searching…`})}),!y&&h&&_.length===0&&(0,i.jsx)(`div`,{className:`flex h-32 items-center justify-center text-sm text-muted-foreground`,children:m(`forms.iconPicker.noIconsFound`,{query:h,defaultValue:`No icons found for “{{query}}”`})}),!y&&!h&&_.length===0&&E.length===0&&(0,i.jsxs)(`div`,{className:`flex h-32 flex-col items-center justify-center gap-2 px-4 text-center text-sm text-muted-foreground`,children:[(0,i.jsx)(`span`,{children:m(`forms.iconPicker.typeToSearch`,{count:b.length,defaultValue:`Type to search {{count}} icon collections`})}),I&&(0,i.jsx)(`span`,{className:`text-xs leading-relaxed`,children:m(`forms.iconPicker.orClickAi`,{defaultValue:`…or let the title and description suggest some`})})]}),_.length>0&&(0,i.jsx)(`div`,{className:`grid grid-cols-6 gap-1.5 p-1`,children:_.map(e=>(0,i.jsxs)(`button`,{type:`button`,onClick:()=>N(e),className:`flex cursor-pointer flex-col items-center justify-center gap-1 rounded-lg p-2 transition-all hover:bg-muted ${a===e?`border border-[var(--vg-accent-line)] bg-[var(--vg-accent-surface)] vg-accent-text`:`border border-transparent hover:border-border`}`,title:e,children:[(0,i.jsx)(u.Icon,{icon:e,className:`size-6`}),(0,i.jsx)(`span`,{className:`w-full truncate text-center text-[9px] leading-tight text-muted-foreground`,children:e.split(`:`)[1]??e})]},e))})]}),a&&(0,i.jsxs)(`div`,{className:`flex items-center justify-between border-t pt-2`,children:[(0,i.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,i.jsx)(u.Icon,{icon:a,className:`size-5`}),(0,i.jsx)(`span`,{className:`font-mono text-xs text-muted-foreground`,children:a})]}),(0,i.jsxs)(`div`,{className:`flex gap-2`,children:[s&&(0,i.jsxs)(n.u,{size:`sm`,type:`button`,variant:`outline`,onClick:()=>{s(),t(!1)},children:[(0,i.jsx)(l.IconTrash,{className:`size-4`}),m(`forms.common.remove`,{defaultValue:`Remove`})]}),(0,i.jsx)(n.u,{size:`sm`,type:`button`,onClick:()=>t(!1),children:m(`forms.iconPicker.done`,{defaultValue:`Done`})})]})]})]})})}var w={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`}},T=(0,r.createContext)({open:!0,toggle:()=>{},variant:`blue`});function E({variant:e=`blue`,defaultOpen:n=!0,children:a,className:o}){let[s,c]=(0,r.useState)(n);return(0,i.jsx)(T.Provider,{value:{open:s,toggle:()=>c(e=>!e),variant:e},children:(0,i.jsx)(`div`,{className:t.t(`rounded-xl border overflow-hidden`,o),children:a})})}function D({icon:e,title:n,description:a,className:o}){let{open:s,toggle:c,variant:u}=(0,r.useContext)(T),d=w[u];return(0,i.jsxs)(`button`,{type:`button`,onClick:c,className:t.t(`flex w-full items-center gap-3 px-5 py-4 bg-muted/40 border-b cursor-pointer hover:bg-muted/60 transition-colors`,o),children:[(0,i.jsx)(`div`,{className:`flex h-8 w-8 shrink-0 items-center justify-center rounded-lg bg-linear-to-br ${d.bg} ring-1 ${d.ring}`,children:(0,i.jsx)(e,{className:`size-4 ${d.color}`})}),(0,i.jsxs)(`div`,{className:`min-w-0 text-left`,children:[(0,i.jsx)(`h3`,{className:`text-sm font-semibold text-foreground`,children:n}),a&&(0,i.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:a})]}),(0,i.jsx)(l.IconChevronDown,{className:t.t(`ml-auto size-4 text-muted-foreground shrink-0 transition-transform duration-200`,s&&`rotate-180`)})]})}function O({icon:e,title:n,description:a,className:o}){let{variant:s}=(0,r.useContext)(T),c=w[s];return(0,i.jsxs)(`div`,{className:t.t(`flex items-center gap-3 px-5 py-4 bg-muted/40 border-b`,o),children:[(0,i.jsx)(`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:(0,i.jsx)(e,{className:`size-4 ${c.color}`})}),(0,i.jsxs)(`div`,{className:`min-w-0`,children:[(0,i.jsx)(`h3`,{className:`text-sm font-semibold text-foreground`,children:n}),a&&(0,i.jsx)(`p`,{className:`text-xs text-muted-foreground`,children:a})]})]})}function k({children:e,className:n}){let{open:a}=(0,r.useContext)(T);return a?(0,i.jsx)(`div`,{className:t.t(`p-5 space-y-6`,n),children:e}):null}E.Header=D,E.StaticHeader=O,E.Content=k;var A=({...e})=>{let{theme:t=`system`}=(0,d.useTheme)(),{t:n}=(0,c.useTranslation)();return(0,i.jsx)(f.Toaster,{theme:t,className:`toaster group`,containerAriaLabel:n(`common.notifications`,{defaultValue:`Notifications`}),icons:{success:(0,i.jsx)(p,{className:`size-4`}),info:(0,i.jsx)(m,{className:`size-4`}),warning:(0,i.jsx)(_,{className:`size-4`}),error:(0,i.jsx)(g,{className:`size-4`}),loading:(0,i.jsx)(h,{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})};function j({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 M({className:e,givenName:n,familyName:r,name:o,src:s,alt:c,children:l,...u}){let d=j({givenName:n,familyName:r,name:o}),f=c??o??[n,r].filter(Boolean).join(` `);return(0,i.jsxs)(a.Root,{"data-slot":`user-avatar`,className:t.t(`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`,e),...u,children:[s&&(0,i.jsx)(a.Image,{"data-slot":`user-avatar-image`,src:s,alt:f,className:`aspect-square size-full object-cover`}),(0,i.jsx)(a.Fallback,{"data-slot":`user-avatar-fallback`,className:`flex size-full items-center justify-center`,delayMs:s?600:0,children:l??d})]})}var N=r.default.createContext(null);function P({children:e,fetchUser:t}){let[n,a]=r.default.useState({}),[o,s]=r.default.useState(`loading`),[c,l]=r.default.useState(null),u=r.default.useRef(0),d=r.default.useCallback(()=>{let e=++u.current;t().then(t=>{e===u.current&&(a(t),l(null),s(`ready`))},t=>{e===u.current&&(l(t),s(`failed`))})},[t]);r.default.useEffect(()=>{d()},[d]);let f=r.default.useMemo(()=>({user:n,refreshUser:d,status:o,error:c}),[n,d,o,c]);return(0,i.jsx)(N,{value:f,children:e})}function F(){let e=r.default.useContext(N);if(!e)throw Error(`useCurrentUser must be used within UserProvider`);return e}Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return A}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return C}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return j}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return F}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return E}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return M}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return w}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return P}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return v}});

package/dist/utils-Fk5jmzzb.js

@@ -0,0 +1,41 @@
+import { clsx as e } from "clsx";
+import { twMerge as t } from "tailwind-merge";
+//#region src/lib/utils.ts
+function n(...n) {
+	return t(e(n));
+}
+function r(e) {
+	let [t = "", n] = e.trim().replaceAll("-", "_").toUpperCase().split("_");
+	return {
+		language: t,
+		region: n?.length === 2 ? n : null
+	};
+}
+var i = (e, t = 10) => {
+	if (!e || e.length <= t) return e ?? "";
+	if (t < 3) return "...".slice(0, Math.max(t, 0));
+	let n = t - 3, r = Math.ceil(n / 2), i = Math.floor(n / 2);
+	return e.substring(0, r) + "..." + e.substring(e.length - i);
+}, a = (e) => {
+	let { region: t } = r(e);
+	return t ? t.split("").map((e) => String.fromCodePoint((e.codePointAt(0) ?? 0) + 127397)).join("") : "🌐";
+}, o = (e) => {
+	let t = 0;
+	for (let n = 0; n < e.length; n++) t = (e.codePointAt(n) ?? 0) + ((t << 5) - t);
+	let n = Math.abs(t) % 360;
+	return {
+		h: n,
+		light: {
+			bg: `hsl(${n}, 70%, 95%)`,
+			text: `hsl(${n}, 70%, 20%)`,
+			border: `hsl(${n}, 70%, 90%)`
+		},
+		dark: {
+			bg: `hsl(${n}, 50%, 15%)`,
+			text: `hsl(${n}, 80%, 80%)`,
+			border: `hsl(${n}, 50%, 25%)`
+		}
+	};
+};
+//#endregion
+export { i as a, r as i, a as n, o as r, n as t };

package/dist/utils-Oagwe_oa.cjs

@@ -0,0 +1 @@
+let e=require("clsx"),t=require("tailwind-merge");function n(...n){return(0,t.twMerge)((0,e.clsx)(n))}function r(e){let[t=``,n]=e.trim().replaceAll(`-`,`_`).toUpperCase().split(`_`);return{language:t,region:n?.length===2?n:null}}var i=(e,t=10)=>{if(!e||e.length<=t)return e??``;if(t<3)return`...`.slice(0,Math.max(t,0));let n=t-3,r=Math.ceil(n/2),i=Math.floor(n/2);return e.substring(0,r)+`...`+e.substring(e.length-i)},a=e=>{let{region:t}=r(e);return t?t.split(``).map(e=>String.fromCodePoint((e.codePointAt(0)??0)+127397)).join(``):`🌐`},o=e=>{let t=0;for(let n=0;n<e.length;n++)t=(e.codePointAt(n)??0)+((t<<5)-t);let n=Math.abs(t)%360;return{h:n,light:{bg:`hsl(${n}, 70%, 95%)`,text:`hsl(${n}, 70%, 20%)`,border:`hsl(${n}, 70%, 90%)`},dark:{bg:`hsl(${n}, 50%, 15%)`,text:`hsl(${n}, 80%, 80%)`,border:`hsl(${n}, 50%, 25%)`}}};Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return n}});