@wakastellar/ui 4.0.0 → 4.0.1

package/dist/blocks/header/index.es.js

@@ -0,0 +1,170 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import { Avatar as t, AvatarFallback as n, AvatarImage as r } from "../../components/avatar/index.es.js";
+import { Badge as i } from "../../components/badge/index.es.js";
+import { Button as a } from "../../components/button/index.es.js";
+import { DropdownMenu as o, DropdownMenuContent as s, DropdownMenuItem as c, DropdownMenuSeparator as l, DropdownMenuTrigger as u } 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 * as _ from "react";
+import { Bell as v, ChevronDown as y, Plus as b, Search as x } from "lucide-react";
+import { jsx as S, jsxs as C } from "react/jsx-runtime";
+//#region src/blocks/header/index.tsx
+function w({ title: w, subtitle: T, showSearch: E = !0, searchPlaceholder: D = "Rechercher...", searchValue: O, onSearchChange: k, onSearchSubmit: A, primaryAction: j, secondaryActions: M, filters: N, notifications: P, unreadCount: F = 0, onNotificationsClick: I, userMenu: L, leftContent: R, rightContent: z, filterContent: B, className: V, mainBarClassName: H, filterBarClassName: U, sticky: W = !0 }) {
+	let [G, K] = _.useState(O || ""), q = (e) => {
+		let t = e.target.value;
+		K(t), k?.(t);
+	}, J = (e) => {
+		e.key === "Enter" && A?.(G);
+	}, Y = N && N.length > 0 || B;
+	return /* @__PURE__ */ C("header", {
+		className: e("w-full bg-background border-b", W && "sticky top-0 z-50", V),
+		children: [/* @__PURE__ */ C("div", {
+			className: e("flex items-center gap-4 px-4 py-2 min-h-[56px]", H),
+			children: [
+				/* @__PURE__ */ C("div", {
+					className: "flex items-center gap-3 flex-shrink-0",
+					children: [
+						j && /* @__PURE__ */ C(a, {
+							variant: j.variant || "default",
+							size: "sm",
+							onClick: j.onClick,
+							className: "gap-2",
+							children: [j.icon || /* @__PURE__ */ S(b, { className: "h-4 w-4" }), j.label]
+						}),
+						E && /* @__PURE__ */ C("div", {
+							className: "relative",
+							children: [/* @__PURE__ */ S(x, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ S(d, {
+								type: "search",
+								placeholder: D,
+								value: G,
+								onChange: q,
+								onKeyDown: J,
+								className: "pl-9 w-[200px] h-9 bg-muted/50"
+							})]
+						}),
+						R
+					]
+				}),
+				(w || T) && /* @__PURE__ */ C("div", {
+					className: "flex-1 text-center",
+					children: [w && /* @__PURE__ */ S("h1", {
+						className: "text-lg font-semibold leading-none",
+						children: w
+					}), T && /* @__PURE__ */ S("p", {
+						className: "text-sm text-muted-foreground mt-0.5",
+						children: T
+					})]
+				}),
+				/* @__PURE__ */ C("div", {
+					className: "flex items-center gap-2 flex-shrink-0 ml-auto",
+					children: [
+						M?.map((e) => /* @__PURE__ */ C(a, {
+							variant: e.variant || "ghost",
+							size: "sm",
+							onClick: e.onClick,
+							className: "gap-2",
+							children: [e.icon, e.label]
+						}, e.id)),
+						z,
+						(P || I) && /* @__PURE__ */ C(o, { children: [/* @__PURE__ */ S(u, {
+							asChild: !0,
+							children: /* @__PURE__ */ C(a, {
+								variant: "ghost",
+								size: "icon",
+								className: "relative",
+								onClick: P ? void 0 : I,
+								children: [/* @__PURE__ */ S(v, { className: "h-5 w-5" }), F > 0 && /* @__PURE__ */ S(i, {
+									variant: "destructive",
+									className: "absolute -top-1 -right-1 h-5 w-5 p-0 flex items-center justify-center text-xs",
+									children: F > 9 ? "9+" : F
+								})]
+							})
+						}), P && P.length > 0 && /* @__PURE__ */ C(s, {
+							align: "end",
+							className: "w-80",
+							children: [/* @__PURE__ */ S("div", {
+								className: "p-2 font-semibold border-b",
+								children: "Notifications"
+							}), P.slice(0, 5).map((t) => /* @__PURE__ */ C(c, {
+								onClick: t.onClick,
+								className: e("flex flex-col items-start gap-1 p-3", !t.read && "bg-muted/50"),
+								children: [
+									/* @__PURE__ */ S("div", {
+										className: "font-medium",
+										children: t.title
+									}),
+									t.description && /* @__PURE__ */ S("div", {
+										className: "text-sm text-muted-foreground",
+										children: t.description
+									}),
+									t.time && /* @__PURE__ */ S("div", {
+										className: "text-xs text-muted-foreground",
+										children: t.time
+									})
+								]
+							}, t.id))]
+						})] }),
+						L && /* @__PURE__ */ C(o, { children: [/* @__PURE__ */ S(u, {
+							asChild: !0,
+							children: /* @__PURE__ */ C(a, {
+								variant: "ghost",
+								size: "sm",
+								className: "gap-2",
+								children: [/* @__PURE__ */ C(t, {
+									className: "h-7 w-7",
+									children: [L.avatar && /* @__PURE__ */ S(r, {
+										src: L.avatar,
+										alt: L.name
+									}), /* @__PURE__ */ S(n, {
+										className: "text-xs",
+										children: L.initials || L.name.slice(0, 2).toUpperCase()
+									})]
+								}), /* @__PURE__ */ S(y, { className: "h-4 w-4" })]
+							})
+						}), /* @__PURE__ */ C(s, {
+							align: "end",
+							className: "w-56",
+							children: [
+								/* @__PURE__ */ C("div", {
+									className: "p-2",
+									children: [/* @__PURE__ */ S("p", {
+										className: "font-medium",
+										children: L.name
+									}), L.email && /* @__PURE__ */ S("p", {
+										className: "text-sm text-muted-foreground",
+										children: L.email
+									})]
+								}),
+								/* @__PURE__ */ S(l, {}),
+								L.items.map((e, t) => e.separator ? /* @__PURE__ */ S(l, {}, t) : /* @__PURE__ */ C(c, {
+									onClick: e.onClick,
+									children: [e.icon && /* @__PURE__ */ S("span", {
+										className: "mr-2",
+										children: e.icon
+									}), e.label]
+								}, t))
+							]
+						})] })
+					]
+				})
+			]
+		}), Y && /* @__PURE__ */ C("div", {
+			className: e("flex items-center gap-2 px-4 py-2 border-t bg-muted/30", U),
+			children: [N?.map((e) => /* @__PURE__ */ C(f, {
+				value: e.value,
+				onValueChange: e.onChange,
+				children: [/* @__PURE__ */ C(h, {
+					className: "w-auto h-8 gap-2 bg-muted/50 border-0",
+					children: [e.icon, /* @__PURE__ */ S(g, { placeholder: e.placeholder || e.label })]
+				}), /* @__PURE__ */ S(p, { children: e.options.map((e) => /* @__PURE__ */ S(m, {
+					value: e.value,
+					children: e.label
+				}, e.value)) })]
+			}, e.id)), B]
+		})]
+	});
+}
+//#endregion
+export { w as default };

package/dist/blocks/headtab/index.cjs.js

@@ -0,0 +1 @@
+"use client";"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs.js`),t=require(`../../utils/cn.cjs.js`),n=require(`../../components/tabs/index.cjs.js`);let r=require(`react`);r=e.__toESM(r);let i=require(`react/jsx-runtime`);function a({items:e,defaultActiveId:a,variant:o=`default`,size:s=`md`,className:c,onTabChange:l}){let[u,d]=r.useState(a||e[0]?.id||``),f=e=>{d(e),l?.(e)},p={sm:`h-8 px-3 text-sm`,md:`h-10 px-4 text-sm`,lg:`h-12 px-6 text-base`};return(0,i.jsx)(`div`,{className:t.cn(`w-full`,c),children:(0,i.jsxs)(n.Tabs,{value:u,onValueChange:f,children:[(0,i.jsx)(n.TabsList,{className:t.cn(`grid w-full`,o===`pills`&&`grid-cols-auto`,o!==`pills`&&`grid-cols-${e.length}`,{default:`bg-background`,pills:`bg-muted rounded-full`,underline:`bg-transparent border-b-2 border-transparent data-[state=active]:border-primary`}[o]),children:e.map(e=>(0,i.jsx)(n.TabsTrigger,{value:e.id,disabled:e.disabled,className:t.cn(p[s],o===`underline`&&`rounded-none border-b-2 border-transparent data-[state=active]:border-primary`,o===`pills`&&`rounded-full`),children:e.label},e.id))}),e.map(e=>(0,i.jsx)(n.TabsContent,{value:e.id,className:`mt-6`,children:e.content},e.id))]})})}function o({items:e,separator:n=`/`,className:a}){return(0,i.jsx)(`nav`,{className:t.cn(`flex items-center space-x-1 text-sm text-muted-foreground`,a),children:e.map((e,t)=>(0,i.jsxs)(r.Fragment,{children:[t>0&&(0,i.jsx)(`span`,{className:`mx-2 text-muted-foreground`,children:n}),e.href?(0,i.jsx)(`a`,{href:e.href,className:`hover:text-foreground transition-colors`,children:e.label}):(0,i.jsx)(`span`,{className:`text-foreground font-medium`,children:e.label})]},t))})}exports.Breadcrumb=o,exports.Headtab=a;

package/dist/blocks/headtab/index.es.js

@@ -0,0 +1,58 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import { Tabs as t, TabsContent as n, TabsList as r, TabsTrigger as i } from "../../components/tabs/index.es.js";
+import * as a from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/blocks/headtab/index.tsx
+function c({ items: c, defaultActiveId: l, variant: u = "default", size: d = "md", className: f, onTabChange: p }) {
+	let [m, h] = a.useState(l || c[0]?.id || ""), g = (e) => {
+		h(e), p?.(e);
+	}, _ = {
+		sm: "h-8 px-3 text-sm",
+		md: "h-10 px-4 text-sm",
+		lg: "h-12 px-6 text-base"
+	};
+	return /* @__PURE__ */ o("div", {
+		className: e("w-full", f),
+		children: /* @__PURE__ */ s(t, {
+			value: m,
+			onValueChange: g,
+			children: [/* @__PURE__ */ o(r, {
+				className: e("grid w-full", u === "pills" && "grid-cols-auto", u !== "pills" && `grid-cols-${c.length}`, {
+					default: "bg-background",
+					pills: "bg-muted rounded-full",
+					underline: "bg-transparent border-b-2 border-transparent data-[state=active]:border-primary"
+				}[u]),
+				children: c.map((t) => /* @__PURE__ */ o(i, {
+					value: t.id,
+					disabled: t.disabled,
+					className: e(_[d], u === "underline" && "rounded-none border-b-2 border-transparent data-[state=active]:border-primary", u === "pills" && "rounded-full"),
+					children: t.label
+				}, t.id))
+			}), c.map((e) => /* @__PURE__ */ o(n, {
+				value: e.id,
+				className: "mt-6",
+				children: e.content
+			}, e.id))]
+		})
+	});
+}
+function l({ items: t, separator: n = "/", className: r }) {
+	return /* @__PURE__ */ o("nav", {
+		className: e("flex items-center space-x-1 text-sm text-muted-foreground", r),
+		children: t.map((e, t) => /* @__PURE__ */ s(a.Fragment, { children: [t > 0 && /* @__PURE__ */ o("span", {
+			className: "mx-2 text-muted-foreground",
+			children: n
+		}), e.href ? /* @__PURE__ */ o("a", {
+			href: e.href,
+			className: "hover:text-foreground transition-colors",
+			children: e.label
+		}) : /* @__PURE__ */ o("span", {
+			className: "text-foreground font-medium",
+			children: e.label
+		})] }, t))
+	});
+}
+//#endregion
+export { l as Breadcrumb, c as Headtab };

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

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