@wakastellar/ui 4.0.0 → 4.1.1

package/dist/blocks/i18n-editor/index.es.js

@@ -0,0 +1,719 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import { Badge as t } from "../../components/badge/index.es.js";
+import { Button as n } from "../../components/button/index.es.js";
+import { Dialog as r, DialogContent as i, DialogDescription as a, DialogFooter as o, DialogHeader as s, DialogTitle as c } from "../../components/dialog/index.es.js";
+import { DropdownMenu as l, DropdownMenuContent as ee, DropdownMenuItem as u, DropdownMenuSeparator as te, DropdownMenuTrigger as ne } from "../../components/dropdown-menu/index.es.js";
+import { Input as d } from "../../components/input/index.es.js";
+import { Select as f, SelectContent as p, SelectItem as m, SelectTrigger as h, SelectValue as g } from "../../components/select/index.es.js";
+import { Sheet as re, SheetContent as ie, SheetDescription as ae, SheetFooter as oe, SheetHeader as se, SheetTitle as ce } from "../../components/sheet/index.es.js";
+import { Textarea as _ } from "../../components/textarea/index.es.js";
+import { Tooltip as le, TooltipContent as ue, TooltipProvider as de, TooltipTrigger as fe } from "../../components/tooltip/index.es.js";
+import * as v from "react";
+import { AlertTriangle as y, CheckCircle as pe, ChevronDown as me, ChevronRight as he, Copy as ge, Download as _e, Edit3 as ve, Filter as ye, Flag as be, Languages as xe, Loader2 as Se, MoreHorizontal as Ce, Plus as we, Search as Te, Trash2 as Ee, Upload as De, X as Oe, XCircle as b } from "lucide-react";
+import { jsx as x, jsxs as S } from "react/jsx-runtime";
+//#region src/blocks/i18n-editor/index.tsx
+function C(e, t, n) {
+	let r = e.translations[n]?.value || "", i = e.translations[t]?.value;
+	return !i || i.trim() === "" ? "missing" : i === r ? "identical" : "valid";
+}
+function w(e, t, n) {
+	let r = t.filter((e) => e !== n).map((t) => C(e, t, n));
+	return r.includes("missing") ? "missing" : r.includes("identical") ? "identical" : "valid";
+}
+function ke(e, t) {
+	let n = /* @__PURE__ */ new Map();
+	for (let r of e) {
+		let e = r.key.split(t), i = e.length > 1 ? e[0] : "__root__";
+		n.has(i) || n.set(i, []), n.get(i).push(r);
+	}
+	return n;
+}
+function Ae({ status: n }) {
+	let { label: r, icon: i, className: a } = {
+		valid: {
+			label: "OK",
+			variant: "default",
+			icon: pe,
+			className: "bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-300"
+		},
+		missing: {
+			label: "Manquant",
+			variant: "destructive",
+			icon: b,
+			className: "bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-300"
+		},
+		identical: {
+			label: "Identique",
+			variant: "secondary",
+			icon: y,
+			className: "bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-300"
+		},
+		warning: {
+			label: "Attention",
+			variant: "secondary",
+			icon: y,
+			className: "bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-300"
+		}
+	}[n];
+	return /* @__PURE__ */ S(t, {
+		variant: "outline",
+		className: e("gap-1 text-xs", a),
+		children: [/* @__PURE__ */ x(i, { className: "h-3 w-3" }), r]
+	});
+}
+function T({ value: t, onChange: n, onBlur: r, placeholder: i, status: a, disabled: o }) {
+	let [s, c] = v.useState(t);
+	return v.useEffect(() => {
+		c(t);
+	}, [t]), /* @__PURE__ */ x(_, {
+		value: s,
+		onChange: (e) => {
+			c(e.target.value), n(e.target.value);
+		},
+		onBlur: r,
+		placeholder: i,
+		disabled: o,
+		className: e("min-h-[60px] resize-none text-sm", a === "missing" && "border-red-300 dark:border-red-700", a === "identical" && "border-yellow-300 dark:border-yellow-700")
+	});
+}
+function E({ config: E, translations: D, onChange: je, onSave: O, onAddKey: Me, onDeleteKey: Ne, onAddLanguage: Pe, onExport: k, onImport: Fe, isLoading: Ie = !1, isSaving: Le = !1, className: A, title: Re = "Translation Editor", description: ze = "Gérez vos traductions i18n" }) {
+	let [j, M] = v.useState(D), [N, Be] = v.useState(""), [P, Ve] = v.useState("all"), [He, Ue] = v.useState(/* @__PURE__ */ new Set()), [F, I] = v.useState(null), [We, L] = v.useState(!1), [Ge, R] = v.useState(!1), [Ke, z] = v.useState(!1), [qe, B] = v.useState(!1), [V, Je] = v.useState(""), [H, U] = v.useState({
+		code: "",
+		label: "",
+		flag: ""
+	}), [W, Ye] = v.useState(null), [G, Xe] = v.useState(""), [Ze, Qe] = v.useState("merge"), [$e, et] = v.useState(/* @__PURE__ */ new Map()), K = v.useRef(null), { languages: q, sourceLanguage: J, keyPathSeparator: tt = ".", autoSave: Y = !0, saveDebounceMs: nt = 300, placeholderPatterns: rt = [
+		"{{.*?}}",
+		"{.*?}",
+		"%s",
+		"%d"
+	] } = E, X = q.filter((e) => e.code !== J);
+	v.useEffect(() => {
+		M(D);
+	}, [D]), v.useEffect(() => (Y && $e.size > 0 && O && (K.current && clearTimeout(K.current), K.current = setTimeout(async () => {
+		await O(j), et(/* @__PURE__ */ new Map());
+	}, nt)), () => {
+		K.current && clearTimeout(K.current);
+	}), [
+		$e,
+		Y,
+		nt,
+		O,
+		j
+	]);
+	let Z = v.useMemo(() => {
+		let e = j;
+		if (N) {
+			let t = N.toLowerCase();
+			e = e.filter((e) => {
+				if (e.key.toLowerCase().includes(t)) return !0;
+				for (let n of Object.keys(e.translations)) if (e.translations[n]?.value?.toLowerCase().includes(t)) return !0;
+				return !1;
+			});
+		}
+		return P !== "all" && (e = e.filter((e) => {
+			let t = w(e, q.map((e) => e.code), J);
+			switch (P) {
+				case "missing": return t === "missing";
+				case "incomplete": return t === "missing" || t === "identical";
+				case "identical": return t === "identical";
+				default: return !0;
+			}
+		})), e;
+	}, [
+		j,
+		N,
+		P,
+		q,
+		J
+	]), it = v.useMemo(() => ke(Z, tt), [Z, tt]), Q = (e, t, n) => {
+		M((r) => r.map((r) => r.key === e ? {
+			...r,
+			translations: {
+				...r.translations,
+				[t]: {
+					...r.translations[t],
+					value: n,
+					updatedAt: /* @__PURE__ */ new Date()
+				}
+			}
+		} : r)), et((r) => {
+			let i = new Map(r);
+			return i.has(e) || i.set(e, /* @__PURE__ */ new Map()), i.get(e).set(t, n), i;
+		}), je?.(e, t, n);
+	}, at = async () => {
+		V.trim() && (await Me?.(V), Je(""), R(!1));
+	}, ot = async (e) => {
+		await Ne?.(e), M((t) => t.filter((t) => t.key !== e));
+	}, st = async () => {
+		!H.code || !H.label || (await Pe?.(H), U({
+			code: "",
+			label: "",
+			flag: ""
+		}), z(!1));
+	}, ct = async () => {
+		!W || !G || (await Fe?.(W, G, Ze), Ye(null), Xe(""), B(!1));
+	}, lt = (e) => {
+		navigator.clipboard.writeText(e);
+	}, ut = (e) => {
+		Ue((t) => {
+			let n = new Set(t);
+			return n.has(e) ? n.delete(e) : n.add(e), n;
+		});
+	}, $ = v.useMemo(() => {
+		let e = j.length, t = 0, n = 0, r = 0;
+		for (let e of j) {
+			let i = w(e, q.map((e) => e.code), J);
+			i === "missing" ? t++ : i === "identical" ? n++ : r++;
+		}
+		return {
+			total: e,
+			missing: t,
+			identical: n,
+			valid: r
+		};
+	}, [
+		j,
+		q,
+		J
+	]);
+	return Ie ? /* @__PURE__ */ x("div", {
+		className: e("flex items-center justify-center py-12", A),
+		children: /* @__PURE__ */ x(Se, { className: "h-8 w-8 animate-spin text-muted-foreground" })
+	}) : /* @__PURE__ */ x(de, { children: /* @__PURE__ */ S("div", {
+		className: e("flex flex-col h-full", A),
+		children: [
+			/* @__PURE__ */ S("div", {
+				className: "flex flex-col gap-4 p-4 border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60",
+				children: [
+					/* @__PURE__ */ S("div", {
+						className: "flex items-center justify-between",
+						children: [/* @__PURE__ */ S("div", { children: [/* @__PURE__ */ S("h2", {
+							className: "text-2xl font-bold flex items-center gap-2",
+							children: [/* @__PURE__ */ x(xe, { className: "h-6 w-6" }), Re]
+						}), /* @__PURE__ */ x("p", {
+							className: "text-sm text-muted-foreground",
+							children: ze
+						})] }), /* @__PURE__ */ S("div", {
+							className: "flex items-center gap-2",
+							children: [
+								/* @__PURE__ */ S(n, {
+									variant: "outline",
+									size: "sm",
+									onClick: () => R(!0),
+									children: [/* @__PURE__ */ x(we, { className: "h-4 w-4 mr-1" }), "Ajouter une clé"]
+								}),
+								/* @__PURE__ */ S(n, {
+									variant: "outline",
+									size: "sm",
+									onClick: () => z(!0),
+									children: [/* @__PURE__ */ x(be, { className: "h-4 w-4 mr-1" }), "Ajouter une langue"]
+								}),
+								/* @__PURE__ */ S(l, { children: [/* @__PURE__ */ x(ne, {
+									asChild: !0,
+									children: /* @__PURE__ */ x(n, {
+										variant: "outline",
+										size: "sm",
+										children: /* @__PURE__ */ x(Ce, { className: "h-4 w-4" })
+									})
+								}), /* @__PURE__ */ S(ee, {
+									align: "end",
+									children: [
+										/* @__PURE__ */ S(u, {
+											onClick: () => k?.(),
+											children: [/* @__PURE__ */ x(_e, { className: "h-4 w-4 mr-2" }), "Exporter tout"]
+										}),
+										q.map((e) => /* @__PURE__ */ S(u, {
+											onClick: () => k?.(e.code),
+											children: [
+												/* @__PURE__ */ x(_e, { className: "h-4 w-4 mr-2" }),
+												"Exporter ",
+												e.label
+											]
+										}, e.code)),
+										/* @__PURE__ */ x(te, {}),
+										/* @__PURE__ */ S(u, {
+											onClick: () => B(!0),
+											children: [/* @__PURE__ */ x(De, { className: "h-4 w-4 mr-2" }), "Importer"]
+										})
+									]
+								})] }),
+								Le && /* @__PURE__ */ S("div", {
+									className: "flex items-center gap-2 text-sm text-muted-foreground",
+									children: [/* @__PURE__ */ x(Se, { className: "h-4 w-4 animate-spin" }), "Sauvegarde..."]
+								})
+							]
+						})]
+					}),
+					/* @__PURE__ */ S("div", {
+						className: "flex items-center gap-4 text-sm",
+						children: [
+							/* @__PURE__ */ S("span", {
+								className: "text-muted-foreground",
+								children: [$.total, " clés"]
+							}),
+							/* @__PURE__ */ S("span", {
+								className: "flex items-center gap-1 text-green-600 dark:text-green-400",
+								children: [
+									/* @__PURE__ */ x(pe, { className: "h-4 w-4" }),
+									$.valid,
+									" traduites"
+								]
+							}),
+							/* @__PURE__ */ S("span", {
+								className: "flex items-center gap-1 text-red-600 dark:text-red-400",
+								children: [
+									/* @__PURE__ */ x(b, { className: "h-4 w-4" }),
+									$.missing,
+									" manquantes"
+								]
+							}),
+							/* @__PURE__ */ S("span", {
+								className: "flex items-center gap-1 text-yellow-600 dark:text-yellow-400",
+								children: [
+									/* @__PURE__ */ x(y, { className: "h-4 w-4" }),
+									$.identical,
+									" identiques"
+								]
+							})
+						]
+					}),
+					/* @__PURE__ */ S("div", {
+						className: "flex items-center gap-4",
+						children: [/* @__PURE__ */ S("div", {
+							className: "relative flex-1 max-w-md",
+							children: [
+								/* @__PURE__ */ x(Te, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }),
+								/* @__PURE__ */ x(d, {
+									placeholder: "Rechercher une clé ou une traduction...",
+									value: N,
+									onChange: (e) => Be(e.target.value),
+									className: "pl-10"
+								}),
+								N && /* @__PURE__ */ x("button", {
+									onClick: () => Be(""),
+									className: "absolute right-3 top-1/2 -translate-y-1/2 text-muted-foreground hover:text-foreground",
+									children: /* @__PURE__ */ x(Oe, { className: "h-4 w-4" })
+								})
+							]
+						}), /* @__PURE__ */ S("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ x(ye, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ S(f, {
+								value: P,
+								onValueChange: (e) => Ve(e),
+								children: [/* @__PURE__ */ x(h, {
+									className: "w-[180px]",
+									children: /* @__PURE__ */ x(g, {})
+								}), /* @__PURE__ */ S(p, { children: [
+									/* @__PURE__ */ S(m, {
+										value: "all",
+										children: [
+											"Toutes (",
+											$.total,
+											")"
+										]
+									}),
+									/* @__PURE__ */ S(m, {
+										value: "missing",
+										children: [
+											"Manquantes (",
+											$.missing,
+											")"
+										]
+									}),
+									/* @__PURE__ */ S(m, {
+										value: "incomplete",
+										children: [
+											"Incomplètes (",
+											$.missing + $.identical,
+											")"
+										]
+									}),
+									/* @__PURE__ */ S(m, {
+										value: "identical",
+										children: [
+											"Identiques (",
+											$.identical,
+											")"
+										]
+									})
+								] })]
+							})]
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ x("div", {
+				className: "flex-1 overflow-auto",
+				children: /* @__PURE__ */ S("table", {
+					className: "w-full border-collapse",
+					children: [/* @__PURE__ */ x("thead", {
+						className: "sticky top-0 bg-muted/50 backdrop-blur z-10",
+						children: /* @__PURE__ */ S("tr", { children: [
+							/* @__PURE__ */ x("th", {
+								className: "text-left p-3 font-medium text-sm border-b w-[280px]",
+								children: "Clé"
+							}),
+							/* @__PURE__ */ S("th", {
+								className: "text-left p-3 font-medium text-sm border-b",
+								children: [q.find((e) => e.code === J)?.label || J, " (source)"]
+							}),
+							X.map((e) => /* @__PURE__ */ x("th", {
+								className: "text-left p-3 font-medium text-sm border-b",
+								children: /* @__PURE__ */ S("span", {
+									className: "flex items-center gap-2",
+									children: [e.flag && /* @__PURE__ */ x("span", { children: e.flag }), e.label]
+								})
+							}, e.code)),
+							/* @__PURE__ */ x("th", {
+								className: "text-center p-3 font-medium text-sm border-b w-[100px]",
+								children: "État"
+							}),
+							/* @__PURE__ */ x("th", {
+								className: "text-center p-3 font-medium text-sm border-b w-[60px]",
+								children: "Actions"
+							})
+						] })
+					}), /* @__PURE__ */ S("tbody", { children: [Array.from(it.entries()).map(([e, r]) => /* @__PURE__ */ S(v.Fragment, { children: [e !== "__root__" && /* @__PURE__ */ x("tr", {
+						className: "bg-muted/30",
+						children: /* @__PURE__ */ x("td", {
+							colSpan: X.length + 4,
+							className: "p-2",
+							children: /* @__PURE__ */ S("button", {
+								onClick: () => ut(e),
+								className: "flex items-center gap-2 text-sm font-medium hover:text-primary transition-colors",
+								children: [
+									He.has(e) ? /* @__PURE__ */ x(he, { className: "h-4 w-4" }) : /* @__PURE__ */ x(me, { className: "h-4 w-4" }),
+									e,
+									/* @__PURE__ */ x(t, {
+										variant: "secondary",
+										className: "text-xs",
+										children: r.length
+									})
+								]
+							})
+						})
+					}), !He.has(e) && r.map((e) => {
+						let t = w(e, q.map((e) => e.code), J);
+						return /* @__PURE__ */ S("tr", {
+							className: "border-b hover:bg-muted/30 transition-colors",
+							children: [
+								/* @__PURE__ */ x("td", {
+									className: "p-3 font-mono text-sm",
+									children: /* @__PURE__ */ S("div", {
+										className: "flex items-center gap-2",
+										children: [/* @__PURE__ */ x("span", {
+											className: "truncate max-w-[200px]",
+											title: e.key,
+											children: e.key
+										}), /* @__PURE__ */ S(le, { children: [/* @__PURE__ */ x(fe, {
+											asChild: !0,
+											children: /* @__PURE__ */ x("button", {
+												onClick: () => lt(e.key),
+												className: "text-muted-foreground hover:text-foreground",
+												children: /* @__PURE__ */ x(ge, { className: "h-3 w-3" })
+											})
+										}), /* @__PURE__ */ x(ue, { children: "Copier la clé" })] })]
+									})
+								}),
+								/* @__PURE__ */ x("td", {
+									className: "p-2",
+									children: /* @__PURE__ */ x(T, {
+										value: e.translations[J]?.value || "",
+										onChange: (t) => Q(e.key, J, t),
+										placeholder: "Texte source...",
+										status: e.translations[J]?.value ? "valid" : "missing"
+									})
+								}),
+								X.map((t) => {
+									let n = C(e, t.code, J);
+									return /* @__PURE__ */ x("td", {
+										className: "p-2",
+										children: /* @__PURE__ */ x(T, {
+											value: e.translations[t.code]?.value || "",
+											onChange: (n) => Q(e.key, t.code, n),
+											placeholder: `Traduction ${t.label}...`,
+											status: n
+										})
+									}, t.code);
+								}),
+								/* @__PURE__ */ x("td", {
+									className: "p-3 text-center",
+									children: /* @__PURE__ */ x(Ae, { status: t })
+								}),
+								/* @__PURE__ */ x("td", {
+									className: "p-3 text-center",
+									children: /* @__PURE__ */ S(l, { children: [/* @__PURE__ */ x(ne, {
+										asChild: !0,
+										children: /* @__PURE__ */ x(n, {
+											variant: "ghost",
+											size: "sm",
+											children: /* @__PURE__ */ x(Ce, { className: "h-4 w-4" })
+										})
+									}), /* @__PURE__ */ S(ee, {
+										align: "end",
+										children: [
+											/* @__PURE__ */ S(u, {
+												onClick: () => {
+													I(e), L(!0);
+												},
+												children: [/* @__PURE__ */ x(ve, { className: "h-4 w-4 mr-2" }), "Éditer"]
+											}),
+											/* @__PURE__ */ S(u, {
+												onClick: () => lt(e.key),
+												children: [/* @__PURE__ */ x(ge, { className: "h-4 w-4 mr-2" }), "Copier la clé"]
+											}),
+											/* @__PURE__ */ x(te, {}),
+											/* @__PURE__ */ S(u, {
+												className: "text-destructive",
+												onClick: () => ot(e.key),
+												children: [/* @__PURE__ */ x(Ee, { className: "h-4 w-4 mr-2" }), "Supprimer"]
+											})
+										]
+									})] })
+								})
+							]
+						}, e.key);
+					})] }, e)), Z.length === 0 && /* @__PURE__ */ x("tr", { children: /* @__PURE__ */ S("td", {
+						colSpan: X.length + 4,
+						className: "p-12 text-center",
+						children: [/* @__PURE__ */ x(xe, { className: "h-12 w-12 mx-auto text-muted-foreground/50 mb-4" }), /* @__PURE__ */ x("p", {
+							className: "text-muted-foreground",
+							children: N || P !== "all" ? "Aucune traduction ne correspond à vos critères" : "Aucune traduction disponible"
+						})]
+					}) })] })]
+				})
+			}),
+			/* @__PURE__ */ x(re, {
+				open: We,
+				onOpenChange: L,
+				children: /* @__PURE__ */ S(ie, {
+					className: "w-[500px] sm:max-w-[500px]",
+					children: [
+						/* @__PURE__ */ S(se, { children: [/* @__PURE__ */ x(ce, { children: "Éditer la traduction" }), /* @__PURE__ */ x(ae, { children: F?.key })] }),
+						F && /* @__PURE__ */ S("div", {
+							className: "py-6 space-y-6",
+							children: [
+								/* @__PURE__ */ S("div", {
+									className: "space-y-2",
+									children: [/* @__PURE__ */ S("label", {
+										className: "text-sm font-medium",
+										children: [q.find((e) => e.code === J)?.label, " (source)"]
+									}), /* @__PURE__ */ x(_, {
+										value: F.translations[J]?.value || "",
+										onChange: (e) => {
+											Q(F.key, J, e.target.value), I({
+												...F,
+												translations: {
+													...F.translations,
+													[J]: {
+														...F.translations[J],
+														value: e.target.value
+													}
+												}
+											});
+										},
+										placeholder: "Texte source...",
+										className: "min-h-[100px]"
+									})]
+								}),
+								q.filter((e) => e.code !== J).map((e) => /* @__PURE__ */ S("div", {
+									className: "space-y-2",
+									children: [/* @__PURE__ */ S("label", {
+										className: "text-sm font-medium flex items-center gap-2",
+										children: [e.flag && /* @__PURE__ */ x("span", { children: e.flag }), e.label]
+									}), /* @__PURE__ */ x(_, {
+										value: F.translations[e.code]?.value || "",
+										onChange: (t) => {
+											Q(F.key, e.code, t.target.value), I({
+												...F,
+												translations: {
+													...F.translations,
+													[e.code]: {
+														...F.translations[e.code],
+														value: t.target.value
+													}
+												}
+											});
+										},
+										placeholder: `Traduction ${e.label}...`,
+										className: "min-h-[100px]"
+									})]
+								}, e.code)),
+								/* @__PURE__ */ S("div", {
+									className: "space-y-2",
+									children: [/* @__PURE__ */ x("label", {
+										className: "text-sm font-medium",
+										children: "Commentaire (optionnel)"
+									}), /* @__PURE__ */ x(_, {
+										placeholder: "Contexte ou indication pour la traduction...",
+										className: "min-h-[80px]"
+									})]
+								})
+							]
+						}),
+						/* @__PURE__ */ x(oe, { children: /* @__PURE__ */ x(n, {
+							variant: "outline",
+							onClick: () => L(!1),
+							children: "Fermer"
+						}) })
+					]
+				})
+			}),
+			/* @__PURE__ */ x(r, {
+				open: Ge,
+				onOpenChange: R,
+				children: /* @__PURE__ */ S(i, { children: [
+					/* @__PURE__ */ S(s, { children: [/* @__PURE__ */ x(c, { children: "Ajouter une clé de traduction" }), /* @__PURE__ */ x(a, { children: "Entrez la clé de traduction (ex: common.buttons.submit)" })] }),
+					/* @__PURE__ */ x("div", {
+						className: "py-4",
+						children: /* @__PURE__ */ x(d, {
+							value: V,
+							onChange: (e) => Je(e.target.value),
+							placeholder: "namespace.key.name"
+						})
+					}),
+					/* @__PURE__ */ S(o, { children: [/* @__PURE__ */ x(n, {
+						variant: "outline",
+						onClick: () => R(!1),
+						children: "Annuler"
+					}), /* @__PURE__ */ x(n, {
+						onClick: at,
+						children: "Ajouter"
+					})] })
+				] })
+			}),
+			/* @__PURE__ */ x(r, {
+				open: Ke,
+				onOpenChange: z,
+				children: /* @__PURE__ */ S(i, { children: [
+					/* @__PURE__ */ S(s, { children: [/* @__PURE__ */ x(c, { children: "Ajouter une langue" }), /* @__PURE__ */ x(a, { children: "Configurez la nouvelle langue à ajouter" })] }),
+					/* @__PURE__ */ S("div", {
+						className: "py-4 space-y-4",
+						children: [
+							/* @__PURE__ */ S("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ x("label", {
+									className: "text-sm font-medium",
+									children: "Code (ex: de, it, pt)"
+								}), /* @__PURE__ */ x(d, {
+									value: H.code,
+									onChange: (e) => U({
+										...H,
+										code: e.target.value
+									}),
+									placeholder: "de"
+								})]
+							}),
+							/* @__PURE__ */ S("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ x("label", {
+									className: "text-sm font-medium",
+									children: "Label"
+								}), /* @__PURE__ */ x(d, {
+									value: H.label,
+									onChange: (e) => U({
+										...H,
+										label: e.target.value
+									}),
+									placeholder: "Allemand"
+								})]
+							}),
+							/* @__PURE__ */ S("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ x("label", {
+									className: "text-sm font-medium",
+									children: "Emoji drapeau (optionnel)"
+								}), /* @__PURE__ */ x(d, {
+									value: H.flag,
+									onChange: (e) => U({
+										...H,
+										flag: e.target.value
+									}),
+									placeholder: "🇩🇪"
+								})]
+							})
+						]
+					}),
+					/* @__PURE__ */ S(o, { children: [/* @__PURE__ */ x(n, {
+						variant: "outline",
+						onClick: () => z(!1),
+						children: "Annuler"
+					}), /* @__PURE__ */ x(n, {
+						onClick: st,
+						children: "Ajouter"
+					})] })
+				] })
+			}),
+			/* @__PURE__ */ x(r, {
+				open: qe,
+				onOpenChange: B,
+				children: /* @__PURE__ */ S(i, { children: [
+					/* @__PURE__ */ S(s, { children: [/* @__PURE__ */ x(c, { children: "Importer des traductions" }), /* @__PURE__ */ x(a, { children: "Sélectionnez un fichier JSON à importer" })] }),
+					/* @__PURE__ */ S("div", {
+						className: "py-4 space-y-4",
+						children: [
+							/* @__PURE__ */ S("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ x("label", {
+									className: "text-sm font-medium",
+									children: "Fichier JSON"
+								}), /* @__PURE__ */ x(d, {
+									type: "file",
+									accept: ".json",
+									onChange: (e) => Ye(e.target.files?.[0] || null)
+								})]
+							}),
+							/* @__PURE__ */ S("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ x("label", {
+									className: "text-sm font-medium",
+									children: "Langue cible"
+								}), /* @__PURE__ */ S(f, {
+									value: G,
+									onValueChange: Xe,
+									children: [/* @__PURE__ */ x(h, { children: /* @__PURE__ */ x(g, { placeholder: "Sélectionner une langue" }) }), /* @__PURE__ */ x(p, { children: q.map((e) => /* @__PURE__ */ S(m, {
+										value: e.code,
+										children: [e.flag && /* @__PURE__ */ x("span", {
+											className: "mr-2",
+											children: e.flag
+										}), e.label]
+									}, e.code)) })]
+								})]
+							}),
+							/* @__PURE__ */ S("div", {
+								className: "space-y-2",
+								children: [/* @__PURE__ */ x("label", {
+									className: "text-sm font-medium",
+									children: "Stratégie"
+								}), /* @__PURE__ */ S(f, {
+									value: Ze,
+									onValueChange: (e) => Qe(e),
+									children: [/* @__PURE__ */ x(h, { children: /* @__PURE__ */ x(g, {}) }), /* @__PURE__ */ S(p, { children: [/* @__PURE__ */ x(m, {
+										value: "merge",
+										children: "Fusionner (conserver les existantes)"
+									}), /* @__PURE__ */ x(m, {
+										value: "overwrite",
+										children: "Écraser tout"
+									})] })]
+								})]
+							})
+						]
+					}),
+					/* @__PURE__ */ S(o, { children: [/* @__PURE__ */ x(n, {
+						variant: "outline",
+						onClick: () => B(!1),
+						children: "Annuler"
+					}), /* @__PURE__ */ x(n, {
+						onClick: ct,
+						disabled: !W || !G,
+						children: "Importer"
+					})] })
+				] })
+			})
+		]
+	}) });
+}
+//#endregion
+export { E as WakaI18nEditor, E as default };