@viglet/viglet-design-system 2026.3.8 → 2026.3.10

package/dist/{badge-locale-BxI9TwkE.js → badge-locale-Du41PpLA.js}

@@ -1,52 +1,17 @@
-import { clsx as e } from "clsx";
-import { twMerge as t } from "tailwind-merge";
-import { createContext as n, createElement as r, forwardRef as i, useContext as a, useState as o } from "react";
-import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
-import { Slot as u } from "@radix-ui/react-slot";
-import { cva as d } from "class-variance-authority";
-import * as f from "@radix-ui/react-dialog";
-import * as p from "@radix-ui/react-dropdown-menu";
-import * as m from "@radix-ui/react-tooltip";
-//#region src/lib/utils.ts
-function h(...n) {
-	return t(e(n));
-}
-function g(e) {
-	let [t = "", n] = e.trim().replaceAll("-", "_").toUpperCase().split("_");
-	return {
-		language: t,
-		region: n?.length === 2 ? n : null
-	};
-}
-var ee = (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);
-}, _ = (e) => {
-	let { region: t } = g(e);
-	return t ? t.split("").map((e) => String.fromCodePoint((e.codePointAt(0) ?? 0) + 127397)).join("") : "🌐";
-}, v = (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%)`
-		}
-	};
-}, y = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), te = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), ne = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), b = (e) => {
-	let t = ne(e);
+import { i as e, r as t, t as n } from "./utils-Fk5jmzzb.js";
+import { createContext as r, createElement as i, forwardRef as a, useContext as o, useState as s } from "react";
+import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Slot as d } from "@radix-ui/react-slot";
+import { cva as f } from "class-variance-authority";
+import { useTranslation as p } from "react-i18next";
+import * as m from "@radix-ui/react-dialog";
+import * as h from "@radix-ui/react-dropdown-menu";
+import * as g from "@radix-ui/react-tooltip";
+//#region node_modules/lucide-react/dist/esm/shared/src/utils/mergeClasses.mjs
+var _ = (...e) => e.filter((e, t, n) => !!e && e.trim() !== "" && n.indexOf(e) === t).join(" ").trim(), v = (e) => e.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), ee = (e) => e.replace(/^([A-Z])|[\s-_]+(\w)/g, (e, t, n) => n ? n.toUpperCase() : t.toLowerCase()), y = (e) => {
+	let t = ee(e);
 	return t.charAt(0).toUpperCase() + t.slice(1);
-}, x = {
+}, b = {
 	xmlns: "http://www.w3.org/2000/svg",
 	width: 24,
 	height: 24,
@@ -56,42 +21,42 @@ var ee = (e, t = 10) => {
 	strokeWidth: 2,
 	strokeLinecap: "round",
 	strokeLinejoin: "round"
-}, S = (e) => {
+}, te = (e) => {
 	for (let t in e) if (t.startsWith("aria-") || t === "role" || t === "title") return !0;
 	return !1;
-}, C = n({}), w = () => a(C), T = i(({ color: e, size: t, strokeWidth: n, absoluteStrokeWidth: i, className: a = "", children: o, iconNode: s, ...c }, l) => {
-	let { size: u = 24, strokeWidth: d = 2, absoluteStrokeWidth: f = !1, color: p = "currentColor", className: m = "" } = w() ?? {}, h = i ?? f ? Number(n ?? d) * 24 / Number(t ?? u) : n ?? d;
-	return r("svg", {
+}, x = r({}), S = () => o(x), ne = a(({ color: e, size: t, strokeWidth: n, absoluteStrokeWidth: r, className: a = "", children: o, iconNode: s, ...c }, l) => {
+	let { size: u = 24, strokeWidth: d = 2, absoluteStrokeWidth: f = !1, color: p = "currentColor", className: m = "" } = S() ?? {}, h = r ?? f ? Number(n ?? d) * 24 / Number(t ?? u) : n ?? d;
+	return i("svg", {
 		ref: l,
-		...x,
-		width: t ?? u ?? x.width,
-		height: t ?? u ?? x.height,
+		...b,
+		width: t ?? u ?? b.width,
+		height: t ?? u ?? b.height,
 		stroke: e ?? p,
 		strokeWidth: h,
-		className: y("lucide", m, a),
-		...!o && !S(c) && { "aria-hidden": "true" },
+		className: _("lucide", m, a),
+		...!o && !te(c) && { "aria-hidden": "true" },
 		...c
-	}, [...s.map(([e, t]) => r(e, t)), ...Array.isArray(o) ? o : [o]]);
-}), E = (e, t) => {
-	let n = i(({ className: n, ...i }, a) => r(T, {
+	}, [...s.map(([e, t]) => i(e, t)), ...Array.isArray(o) ? o : [o]]);
+}), C = (e, t) => {
+	let n = a(({ className: n, ...r }, a) => i(ne, {
 		ref: a,
 		iconNode: t,
-		className: y(`lucide-${te(b(e))}`, `lucide-${e}`, n),
-		...i
+		className: _(`lucide-${v(y(e))}`, `lucide-${e}`, n),
+		...r
 	}));
-	return n.displayName = b(e), n;
-}, D = E("check", [["path", {
+	return n.displayName = y(e), n;
+}, w = C("check", [["path", {
 	d: "M20 6 9 17l-5-5",
 	key: "1gmf2c"
-}]]), O = E("chevron-right", [["path", {
+}]]), T = C("chevron-right", [["path", {
 	d: "m9 18 6-6-6-6",
 	key: "mthhwq"
-}]]), re = E("circle", [["circle", {
+}]]), re = C("circle", [["circle", {
 	cx: "12",
 	cy: "12",
 	r: "10",
 	key: "1mglay"
-}]]), ie = E("globe", [
+}]]), ie = C("globe", [
 	["circle", {
 		cx: "12",
 		cy: "12",
@@ -106,13 +71,13 @@ var ee = (e, t = 10) => {
 		d: "M2 12h20",
 		key: "9i4pu4"
 	}]
-]), k = E("x", [["path", {
+]), E = C("x", [["path", {
 	d: "M18 6 6 18",
 	key: "1bl5f8"
 }], ["path", {
 	d: "m6 6 12 12",
 	key: "d8bk6v"
-}]]), A = d("inline-flex items-center justify-center rounded-full border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-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 transition-[color,box-shadow] overflow-hidden", {
+}]]), D = f("inline-flex items-center justify-center rounded-full border px-2 py-0.5 text-xs font-medium w-fit whitespace-nowrap shrink-0 [&>svg]:size-3 gap-1 [&>svg]:pointer-events-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 transition-[color,box-shadow] overflow-hidden", {
 	variants: { variant: {
 		default: "border-transparent bg-primary text-primary-foreground [a&]:hover:bg-primary/90",
 		secondary: "border-transparent bg-secondary text-secondary-foreground [a&]:hover:bg-secondary/90",
@@ -121,211 +86,212 @@ var ee = (e, t = 10) => {
 	} },
 	defaultVariants: { variant: "default" }
 });
-function j({ className: e, variant: t, asChild: n = !1, ...r }) {
-	return /* @__PURE__ */ c(n ? u : "span", {
+function O({ className: e, variant: t, asChild: r = !1, ...i }) {
+	return /* @__PURE__ */ l(r ? d : "span", {
 		"data-slot": "badge",
-		className: h(A({ variant: t }), e),
-		...r
+		className: n(D({ variant: t }), e),
+		...i
 	});
 }
 //#endregion
 //#region src/components/ui/dialog.tsx
-function M({ ...e }) {
-	return /* @__PURE__ */ c(f.Root, {
+function k({ ...e }) {
+	return /* @__PURE__ */ l(m.Root, {
 		"data-slot": "dialog",
 		...e
 	});
 }
-function N({ ...e }) {
-	return /* @__PURE__ */ c(f.Trigger, {
+function A({ ...e }) {
+	return /* @__PURE__ */ l(m.Trigger, {
 		"data-slot": "dialog-trigger",
 		...e
 	});
 }
-function P({ ...e }) {
-	return /* @__PURE__ */ c(f.Portal, {
+function j({ ...e }) {
+	return /* @__PURE__ */ l(m.Portal, {
 		"data-slot": "dialog-portal",
 		...e
 	});
 }
-function F({ ...e }) {
-	return /* @__PURE__ */ c(f.Close, {
+function M({ ...e }) {
+	return /* @__PURE__ */ l(m.Close, {
 		"data-slot": "dialog-close",
 		...e
 	});
 }
-function I({ className: e, ...t }) {
-	return /* @__PURE__ */ c(f.Overlay, {
+function N({ className: e, ...t }) {
+	return /* @__PURE__ */ l(m.Overlay, {
 		"data-slot": "dialog-overlay",
-		className: h("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", e),
+		className: n("data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50", e),
 		...t
 	});
 }
-function L({ className: e, children: t, showCloseButton: n = !0, ...r }) {
-	return /* @__PURE__ */ l(P, {
+function P({ className: e, children: t, showCloseButton: r = !0, ...i }) {
+	let { t: a } = p();
+	return /* @__PURE__ */ u(j, {
 		"data-slot": "dialog-portal",
-		children: [/* @__PURE__ */ c(I, {}), /* @__PURE__ */ l(f.Content, {
+		children: [/* @__PURE__ */ l(N, {}), /* @__PURE__ */ u(m.Content, {
 			"data-slot": "dialog-content",
-			className: h("bg-background 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg", e),
-			...r,
-			children: [t, n && /* @__PURE__ */ l(f.Close, {
+			className: n("bg-background 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 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border p-6 shadow-lg duration-200 sm:max-w-lg", e),
+			...i,
+			children: [t, r && /* @__PURE__ */ u(m.Close, {
 				"data-slot": "dialog-close",
 				className: "ring-offset-background focus:ring-ring data-[state=open]:bg-accent data-[state=open]:text-muted-foreground absolute top-4 right-4 rounded-xs opacity-70 transition-opacity hover:opacity-100 focus:ring-2 focus:ring-offset-2 focus:outline-hidden disabled:pointer-events-none [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-				children: [/* @__PURE__ */ c(k, {}), /* @__PURE__ */ c("span", {
+				children: [/* @__PURE__ */ l(E, {}), /* @__PURE__ */ l("span", {
 					className: "sr-only",
-					children: "Close"
+					children: a("dialog.close", { defaultValue: "Close" })
 				})]
 			})]
 		})]
 	});
 }
-function R({ className: e, ...t }) {
-	return /* @__PURE__ */ c("div", {
+function F({ className: e, ...t }) {
+	return /* @__PURE__ */ l("div", {
 		"data-slot": "dialog-header",
-		className: h("flex flex-col gap-2 text-center sm:text-left", e),
+		className: n("flex flex-col gap-2 text-center sm:text-left", e),
 		...t
 	});
 }
-function z({ className: e, ...t }) {
-	return /* @__PURE__ */ c("div", {
+function I({ className: e, ...t }) {
+	return /* @__PURE__ */ l("div", {
 		"data-slot": "dialog-footer",
-		className: h("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", e),
+		className: n("flex flex-col-reverse gap-2 sm:flex-row sm:justify-end", e),
 		...t
 	});
 }
-function B({ className: e, ...t }) {
-	return /* @__PURE__ */ c(f.Title, {
+function L({ className: e, ...t }) {
+	return /* @__PURE__ */ l(m.Title, {
 		"data-slot": "dialog-title",
-		className: h("text-lg leading-none font-semibold", e),
+		className: n("text-lg leading-none font-semibold", e),
 		...t
 	});
 }
-function V({ className: e, ...t }) {
-	return /* @__PURE__ */ c(f.Description, {
+function R({ className: e, ...t }) {
+	return /* @__PURE__ */ l(m.Description, {
 		"data-slot": "dialog-description",
-		className: h("text-muted-foreground text-sm", e),
+		className: n("text-muted-foreground text-sm", e),
 		...t
 	});
 }
 //#endregion
 //#region src/components/ui/dropdown-menu.tsx
-function H({ ...e }) {
-	return /* @__PURE__ */ c(p.Root, {
+function z({ ...e }) {
+	return /* @__PURE__ */ l(h.Root, {
 		"data-slot": "dropdown-menu",
 		...e
 	});
 }
-function U({ ...e }) {
-	return /* @__PURE__ */ c(p.Portal, {
+function B({ ...e }) {
+	return /* @__PURE__ */ l(h.Portal, {
 		"data-slot": "dropdown-menu-portal",
 		...e
 	});
 }
-function W({ ...e }) {
-	return /* @__PURE__ */ c(p.Trigger, {
+function V({ ...e }) {
+	return /* @__PURE__ */ l(h.Trigger, {
 		"data-slot": "dropdown-menu-trigger",
 		...e
 	});
 }
-function G({ className: e, sideOffset: t = 4, ...n }) {
-	return /* @__PURE__ */ c(p.Portal, { children: /* @__PURE__ */ c(p.Content, {
+function H({ className: e, sideOffset: t = 4, ...r }) {
+	return /* @__PURE__ */ l(h.Portal, { children: /* @__PURE__ */ l(h.Content, {
 		"data-slot": "dropdown-menu-content",
 		sideOffset: t,
-		className: h("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", e),
-		...n
+		className: n("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", e),
+		...r
 	}) });
 }
-function K({ ...e }) {
-	return /* @__PURE__ */ c(p.Group, {
+function U({ ...e }) {
+	return /* @__PURE__ */ l(h.Group, {
 		"data-slot": "dropdown-menu-group",
 		...e
 	});
 }
-function q({ className: e, inset: t, variant: n = "default", ...r }) {
-	return /* @__PURE__ */ c(p.Item, {
+function ae({ className: e, inset: t, variant: r = "default", ...i }) {
+	return /* @__PURE__ */ l(h.Item, {
 		"data-slot": "dropdown-menu-item",
 		"data-inset": t,
-		"data-variant": n,
-		className: h("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", e),
-		...r
+		"data-variant": r,
+		className: n("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", e),
+		...i
 	});
 }
-function J({ className: e, children: t, checked: n, ...r }) {
-	return /* @__PURE__ */ l(p.CheckboxItem, {
+function W({ className: e, children: t, checked: r, ...i }) {
+	return /* @__PURE__ */ u(h.CheckboxItem, {
 		"data-slot": "dropdown-menu-checkbox-item",
-		className: h("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", e),
-		checked: n,
-		...r,
-		children: [/* @__PURE__ */ c("span", {
+		className: n("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", e),
+		checked: r,
+		...i,
+		children: [/* @__PURE__ */ l("span", {
 			className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
-			children: /* @__PURE__ */ c(p.ItemIndicator, { children: /* @__PURE__ */ c(D, { className: "size-4" }) })
+			children: /* @__PURE__ */ l(h.ItemIndicator, { children: /* @__PURE__ */ l(w, { className: "size-4" }) })
 		}), t]
 	});
 }
-function ae({ ...e }) {
-	return /* @__PURE__ */ c(p.RadioGroup, {
+function G({ ...e }) {
+	return /* @__PURE__ */ l(h.RadioGroup, {
 		"data-slot": "dropdown-menu-radio-group",
 		...e
 	});
 }
-function oe({ className: e, children: t, ...n }) {
-	return /* @__PURE__ */ l(p.RadioItem, {
+function K({ className: e, children: t, ...r }) {
+	return /* @__PURE__ */ u(h.RadioItem, {
 		"data-slot": "dropdown-menu-radio-item",
-		className: h("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", e),
-		...n,
-		children: [/* @__PURE__ */ c("span", {
+		className: n("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", e),
+		...r,
+		children: [/* @__PURE__ */ l("span", {
 			className: "pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",
-			children: /* @__PURE__ */ c(p.ItemIndicator, { children: /* @__PURE__ */ c(re, { className: "size-2 fill-current" }) })
+			children: /* @__PURE__ */ l(h.ItemIndicator, { children: /* @__PURE__ */ l(re, { className: "size-2 fill-current" }) })
 		}), t]
 	});
 }
-function se({ className: e, inset: t, ...n }) {
-	return /* @__PURE__ */ c(p.Label, {
+function q({ className: e, inset: t, ...r }) {
+	return /* @__PURE__ */ l(h.Label, {
 		"data-slot": "dropdown-menu-label",
 		"data-inset": t,
-		className: h("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", e),
-		...n
+		className: n("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8", e),
+		...r
 	});
 }
-function ce({ className: e, ...t }) {
-	return /* @__PURE__ */ c(p.Separator, {
+function J({ className: e, ...t }) {
+	return /* @__PURE__ */ l(h.Separator, {
 		"data-slot": "dropdown-menu-separator",
-		className: h("bg-border -mx-1 my-1 h-px", e),
+		className: n("bg-border -mx-1 my-1 h-px", e),
 		...t
 	});
 }
-function le({ className: e, ...t }) {
-	return /* @__PURE__ */ c("span", {
+function oe({ className: e, ...t }) {
+	return /* @__PURE__ */ l("span", {
 		"data-slot": "dropdown-menu-shortcut",
-		className: h("text-muted-foreground ml-auto text-xs tracking-widest", e),
+		className: n("text-muted-foreground ml-auto text-xs tracking-widest", e),
 		...t
 	});
 }
-function ue({ ...e }) {
-	return /* @__PURE__ */ c(p.Sub, {
+function se({ ...e }) {
+	return /* @__PURE__ */ l(h.Sub, {
 		"data-slot": "dropdown-menu-sub",
 		...e
 	});
 }
-function de({ className: e, inset: t, children: n, ...r }) {
-	return /* @__PURE__ */ l(p.SubTrigger, {
+function ce({ className: e, inset: t, children: r, ...i }) {
+	return /* @__PURE__ */ u(h.SubTrigger, {
 		"data-slot": "dropdown-menu-sub-trigger",
 		"data-inset": t,
-		className: h("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", e),
-		...r,
-		children: [n, /* @__PURE__ */ c(O, { className: "ml-auto size-4" })]
+		className: n("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", e),
+		...i,
+		children: [r, /* @__PURE__ */ l(T, { className: "ml-auto size-4" })]
 	});
 }
-function fe({ className: e, ...t }) {
-	return /* @__PURE__ */ c(p.SubContent, {
+function le({ className: e, ...t }) {
+	return /* @__PURE__ */ l(h.SubContent, {
 		"data-slot": "dropdown-menu-sub-content",
-		className: h("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", e),
+		className: n("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", e),
 		...t
 	});
 }
 //#endregion
 //#region src/components/ui/gradient-button.tsx
-var Y = d("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all duration-200 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:ring-[3px]", {
+var Y = f("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all duration-200 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:ring-[3px]", {
 	variants: {
 		variant: {
 			default: [
@@ -397,119 +363,107 @@ var Y = d("inline-flex items-center justify-center gap-2 whitespace-nowrap round
 		size: "default"
 	}
 });
-function pe({ className: e, variant: t, size: n, asChild: r = !1, loading: i = !1, ...a }) {
-	let o = h(Y({
+function ue({ className: e, variant: t, size: r, asChild: i = !1, loading: a = !1, ...o }) {
+	let s = n(Y({
 		variant: t,
-		size: n,
+		size: r,
 		className: e
 	}));
-	return /* @__PURE__ */ c(r ? u : "button", {
+	return /* @__PURE__ */ l(i ? d : "button", {
 		"data-slot": "gradient-button",
-		className: o,
-		disabled: i || a.disabled,
-		...a,
-		children: i ? /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ l("svg", {
+		className: s,
+		disabled: a || o.disabled,
+		...o,
+		children: a ? /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ u("svg", {
 			className: "size-4 animate-spin",
 			xmlns: "http://www.w3.org/2000/svg",
 			fill: "none",
 			viewBox: "0 0 24 24",
-			children: [/* @__PURE__ */ c("circle", {
+			children: [/* @__PURE__ */ l("circle", {
 				className: "opacity-25",
 				cx: "12",
 				cy: "12",
 				r: "10",
 				stroke: "currentColor",
 				strokeWidth: "4"
-			}), /* @__PURE__ */ c("path", {
+			}), /* @__PURE__ */ l("path", {
 				className: "opacity-75",
 				fill: "currentColor",
 				d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"
 			})]
-		}), a.children] }) : a.children
+		}), o.children] }) : o.children
 	});
 }
 //#endregion
 //#region src/components/ui/input.tsx
-function me({ className: e, type: t, ...n }) {
-	return /* @__PURE__ */ c("input", {
+function de({ className: e, type: t, ...r }) {
+	return /* @__PURE__ */ l("input", {
 		type: t,
 		"data-slot": "input",
-		className: h("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent pl-3 pr-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", "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", e),
-		...n
+		className: n("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-md border bg-transparent pl-3 pr-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm", "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", e),
+		...r
 	});
 }
 //#endregion
 //#region src/components/ui/skeleton.tsx
-function he({ className: e, ...t }) {
-	return /* @__PURE__ */ c("div", {
+function X({ className: e, ...t }) {
+	return /* @__PURE__ */ l("div", {
 		"data-slot": "skeleton",
-		className: h("bg-accent animate-pulse rounded-md", e),
+		className: n("bg-accent animate-pulse rounded-md", e),
 		...t
 	});
 }
 //#endregion
 //#region src/components/ui/tooltip.tsx
-function X({ delayDuration: e = 0, ...t }) {
-	return /* @__PURE__ */ c(m.Provider, {
+function Z({ delayDuration: e = 0, ...t }) {
+	return /* @__PURE__ */ l(g.Provider, {
 		"data-slot": "tooltip-provider",
 		delayDuration: e,
 		...t
 	});
 }
-function Z({ ...e }) {
-	return /* @__PURE__ */ c(X, { children: /* @__PURE__ */ c(m.Root, {
+function fe({ ...e }) {
+	return /* @__PURE__ */ l(Z, { children: /* @__PURE__ */ l(g.Root, {
 		"data-slot": "tooltip",
 		...e
 	}) });
 }
-function ge({ ...e }) {
-	return /* @__PURE__ */ c(m.Trigger, {
+function pe({ ...e }) {
+	return /* @__PURE__ */ l(g.Trigger, {
 		"data-slot": "tooltip-trigger",
 		...e
 	});
 }
-function _e({ className: e, sideOffset: t = 0, children: n, ...r }) {
-	return /* @__PURE__ */ c(m.Portal, { children: /* @__PURE__ */ l(m.Content, {
+function me({ className: e, sideOffset: t = 0, children: r, ...i }) {
+	return /* @__PURE__ */ l(g.Portal, { children: /* @__PURE__ */ u(g.Content, {
 		"data-slot": "tooltip-content",
 		sideOffset: t,
-		className: h("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", e),
-		...r,
-		children: [n, /* @__PURE__ */ c(m.Arrow, { className: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })]
+		className: n("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", e),
+		...i,
+		children: [r, /* @__PURE__ */ l(g.Arrow, { className: "bg-foreground fill-foreground z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px]" })]
 	}) });
 }
 //#endregion
 //#region src/components/badge-colorful.tsx
-var ve = ({ text: e, href: t, onClick: n, className: r, prefix: i }) => {
+var he = ({ text: e, href: r, onClick: i, className: a, prefix: o }) => {
 	if (!e) return null;
-	let a = v(e);
-	return /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ l(j, {
+	let s = t(e);
+	return /* @__PURE__ */ u(O, {
 		variant: "outline",
 		title: e,
-		onClick: () => t && n?.(t),
-		className: `text-xs font-medium px-2 py-0.5 gap-1.5 cursor-pointer transition-all hover:opacity-80 dynamic-badge-${e.length} ${r ?? ""}`,
+		onClick: () => r && i?.(r),
+		className: n("vg-badge-colorful text-xs font-medium px-2 py-0.5 gap-1.5 cursor-pointer transition-all hover:opacity-80", `dynamic-badge-${e.length}`, a),
 		style: {
-			"--badge-bg": a.light.bg,
-			"--badge-text": a.light.text,
-			"--badge-border": a.light.border,
-			"--badge-dark-bg": a.dark.bg,
-			"--badge-dark-text": a.dark.text,
-			"--badge-dark-border": a.dark.border,
-			backgroundColor: "var(--badge-bg)",
-			color: "var(--badge-text)",
-			borderColor: "var(--badge-border)"
+			"--badge-bg": s.light.bg,
+			"--badge-text": s.light.text,
+			"--badge-border": s.light.border,
+			"--badge-dark-bg": s.dark.bg,
+			"--badge-dark-text": s.dark.text,
+			"--badge-dark-border": s.dark.border
 		},
-		children: [i, /* @__PURE__ */ c("span", { dangerouslySetInnerHTML: { __html: e } })]
-	}), /* @__PURE__ */ c("style", {
-		suppressHydrationWarning: !0,
-		children: `
-        .dark [title="${e}"] {
-          background-color: var(--badge-dark-bg) !important;
-          color: var(--badge-dark-text) !important;
-          border-color: var(--badge-dark-border) !important;
-        }
-      `
-	})] });
-}, ye = {
+		children: [o, /* @__PURE__ */ l("span", { children: e })]
+	});
+}, ge = {
 	AR: "SA",
 	BN: "BD",
 	CA: "ES",
@@ -552,28 +506,28 @@ var ve = ({ text: e, href: t, onClick: n, className: r, prefix: i }) => {
 	VI: "VN",
 	ZH: "CN"
 }, Q = { UK: "GB" };
-function $(e) {
-	if (!e) return "";
-	let { language: t, region: n } = g(e);
-	if (n) return (Q[n] || n).toLowerCase();
-	let r = ye[t];
-	return r ? r.toLowerCase() : (Q[t] || t).toLowerCase();
-}
-var be = ({ locale: e, className: t }) => {
-	let n = $(e), [r, i] = o(null), a = r === n;
-	return /* @__PURE__ */ l(j, {
+function $(t) {
+	if (!t) return "";
+	let { language: n, region: r } = e(t);
+	if (r) return (Q[r] || r).toLowerCase();
+	let i = ge[n];
+	return i ? i.toLowerCase() : (Q[n] || n).toLowerCase();
+}
+var _e = ({ locale: e, className: t }) => {
+	let r = $(e), [i, a] = s(null), o = i === r;
+	return /* @__PURE__ */ u(O, {
 		variant: "secondary",
-		className: `font-mono gap-2 py-1 pl-1 pr-2 w-fit ${t}`,
-		children: [!a && n ? /* @__PURE__ */ c("img", {
-			src: `https://flagcdn.com/w40/${n}.png`,
-			alt: n,
-			onError: () => i(n),
+		className: n("font-mono gap-2 py-1 pl-1 pr-2 w-fit", t),
+		children: [!o && r ? /* @__PURE__ */ l("img", {
+			src: `https://flagcdn.com/w40/${r}.png`,
+			alt: r,
+			onError: () => a(r),
 			className: "w-5 h-3.5 object-cover rounded-sm shadow-sm"
-		}) : /* @__PURE__ */ c(ie, { className: "w-3.5 h-3.5 text-muted-foreground" }), /* @__PURE__ */ c("span", {
+		}) : /* @__PURE__ */ l(ie, { className: "w-3.5 h-3.5 text-muted-foreground" }), /* @__PURE__ */ l("span", {
 			className: "text-xs font-bold uppercase tracking-tight leading-none",
 			children: e
 		})]
 	});
 };
 //#endregion
-export { V as A, O as B, ue as C, M as D, W as E, B as F, v as G, E as H, N as I, ee as K, j as L, R as M, I as N, F as O, P, A as R, le as S, de as T, h as U, D as V, _ as W, se as _, _e as a, oe as b, he as c, Y as d, H as f, q as g, K as h, Z as i, z as j, L as k, me as l, G as m, $ as n, X as o, J as p, ve as r, ge as s, be as t, pe as u, U as v, fe as w, ce as x, ae as y, k as z };
+export { R as A, T as B, se as C, k as D, V as E, L as F, C as H, A as I, O as L, F as M, N, M as O, j as P, D as R, oe as S, ce as T, w as V, q as _, me as a, K as b, X as c, Y as d, z as f, ae as g, U as h, fe as i, I as j, P as k, de as l, H as m, $ as n, Z as o, W as p, he as r, pe as s, _e as t, ue as u, B as v, le as w, J as x, G as y, E as z };