@wakastellar/ui 4.0.0-dev.0 → 4.0.1

package/dist/components/waka-test-report/index.es.js

@@ -0,0 +1,452 @@
+"use client";
+"use client";
+import { cn as e } from "../../utils/cn.es.js";
+import { Badge as t } from "../badge/index.es.js";
+import { Button as n } from "../button/index.es.js";
+import { Input as r } from "../input/index.es.js";
+import { ScrollArea as i } from "../scroll-area/index.es.js";
+import * as a from "react";
+import { AlertTriangle as o, BarChart3 as s, CheckCircle2 as c, ChevronDown as l, ChevronRight as u, Clock as d, FileText as f, Search as p, SkipForward as m, XCircle as h } from "lucide-react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+//#region src/components/waka-test-report/index.tsx
+var v = {
+	passed: {
+		icon: c,
+		color: "text-green-500",
+		bgColor: "bg-green-500/10",
+		label: "Passed"
+	},
+	failed: {
+		icon: h,
+		color: "text-red-500",
+		bgColor: "bg-red-500/10",
+		label: "Failed"
+	},
+	skipped: {
+		icon: m,
+		color: "text-gray-500",
+		bgColor: "bg-gray-500/10",
+		label: "Skipped"
+	},
+	pending: {
+		icon: d,
+		color: "text-yellow-500",
+		bgColor: "bg-yellow-500/10",
+		label: "Pending"
+	}
+};
+function y(e) {
+	if (e < 1e3) return `${e}ms`;
+	let t = e / 1e3;
+	return t < 60 ? `${t.toFixed(2)}s` : `${Math.floor(t / 60)}m ${(t % 60).toFixed(0)}s`;
+}
+function b({ label: t, covered: n, total: r, percentage: i }) {
+	return /* @__PURE__ */ _("div", {
+		className: "space-y-1",
+		children: [/* @__PURE__ */ _("div", {
+			className: "flex items-center justify-between text-sm",
+			children: [/* @__PURE__ */ g("span", {
+				className: "text-muted-foreground",
+				children: t
+			}), /* @__PURE__ */ _("span", {
+				className: "font-medium",
+				children: [
+					n,
+					"/",
+					r,
+					" (",
+					i.toFixed(1),
+					"%)"
+				]
+			})]
+		}), /* @__PURE__ */ g("div", {
+			className: "h-2 bg-muted rounded-full overflow-hidden",
+			children: /* @__PURE__ */ g("div", {
+				className: e("h-full transition-all", ((e) => e >= 80 ? "bg-green-500" : e >= 50 ? "bg-yellow-500" : "bg-red-500")(i)),
+				style: { width: `${i}%` }
+			})
+		})]
+	});
+}
+function x({ suite: n, isExpanded: r, onToggle: i, onTestClick: a, onViewFile: o, searchQuery: s }) {
+	let c = {
+		passed: n.tests.filter((e) => e.status === "passed").length,
+		failed: n.tests.filter((e) => e.status === "failed").length,
+		skipped: n.tests.filter((e) => e.status === "skipped").length,
+		total: n.tests.length
+	}, d = c.failed === 0 && c.passed > 0, f = c.failed > 0, p = n.tests.filter((e) => e.name.toLowerCase().includes(s.toLowerCase()));
+	return s && p.length === 0 ? null : /* @__PURE__ */ _("div", {
+		className: e("border rounded-lg overflow-hidden", f && "border-red-500/30"),
+		children: [/* @__PURE__ */ _("button", {
+			className: e("w-full flex items-center gap-3 p-3 text-left hover:bg-muted/50 transition-colors", f ? "bg-red-500/5" : d ? "bg-green-500/5" : ""),
+			onClick: i,
+			children: [
+				g(r ? l : u, { className: "h-4 w-4 text-muted-foreground shrink-0" }),
+				/* @__PURE__ */ _("div", {
+					className: "flex-1 min-w-0",
+					children: [/* @__PURE__ */ g("div", {
+						className: "font-medium truncate",
+						children: n.name
+					}), n.file && /* @__PURE__ */ g("div", {
+						className: "text-xs text-muted-foreground truncate",
+						children: n.file
+					})]
+				}),
+				/* @__PURE__ */ _("div", {
+					className: "flex items-center gap-2 shrink-0",
+					children: [
+						c.passed > 0 && /* @__PURE__ */ g(t, {
+							className: "bg-green-500 text-xs",
+							children: c.passed
+						}),
+						c.failed > 0 && /* @__PURE__ */ g(t, {
+							className: "bg-red-500 text-xs",
+							children: c.failed
+						}),
+						c.skipped > 0 && /* @__PURE__ */ g(t, {
+							variant: "secondary",
+							className: "text-xs",
+							children: c.skipped
+						}),
+						/* @__PURE__ */ g("span", {
+							className: "text-xs text-muted-foreground",
+							children: y(n.duration)
+						})
+					]
+				})
+			]
+		}), r && /* @__PURE__ */ g("div", {
+			className: "border-t",
+			children: p.map((t) => {
+				let n = v[t.status], r = n.icon;
+				return /* @__PURE__ */ _("div", {
+					className: e("flex items-start gap-3 p-3 border-b last:border-b-0 hover:bg-muted/30 cursor-pointer", n.bgColor),
+					onClick: () => a?.(t),
+					children: [
+						/* @__PURE__ */ g(r, { className: e("h-4 w-4 mt-0.5 shrink-0", n.color) }),
+						/* @__PURE__ */ _("div", {
+							className: "flex-1 min-w-0",
+							children: [
+								/* @__PURE__ */ g("div", {
+									className: "text-sm font-medium",
+									children: t.name
+								}),
+								t.errorMessage && /* @__PURE__ */ g("div", {
+									className: "text-xs text-red-500 mt-1 line-clamp-2",
+									children: t.errorMessage
+								}),
+								t.file && /* @__PURE__ */ _("button", {
+									className: "text-xs text-primary hover:underline mt-1",
+									onClick: (e) => {
+										e.stopPropagation(), o?.(t.file, t.line);
+									},
+									children: [
+										t.file,
+										":",
+										t.line
+									]
+								})
+							]
+						}),
+						/* @__PURE__ */ g("span", {
+							className: "text-xs text-muted-foreground shrink-0",
+							children: y(t.duration)
+						})
+					]
+				}, t.id);
+			})
+		})]
+	});
+}
+function S({ suites: l, coverage: u, title: d = "Test Report", onTestClick: m, onViewFile: h, showFailedOnly: v = !1, className: S }) {
+	let [C, w] = a.useState(""), [T, E] = a.useState(/* @__PURE__ */ new Set()), [D, O] = a.useState(v), k = a.useMemo(() => {
+		let e = 0, t = 0, n = 0, r = 0;
+		return l.forEach((i) => {
+			i.tests.forEach((r) => {
+				r.status === "passed" && e++, r.status === "failed" && t++, r.status === "skipped" && n++;
+			}), r += i.duration;
+		}), {
+			passed: e,
+			failed: t,
+			skipped: n,
+			total: e + t + n,
+			duration: r
+		};
+	}, [l]), A = (e) => {
+		E((t) => {
+			let n = new Set(t);
+			return n.has(e) ? n.delete(e) : n.add(e), n;
+		});
+	}, j = () => {
+		E(new Set(l.map((e) => e.id)));
+	}, M = () => {
+		E(/* @__PURE__ */ new Set());
+	}, N = D ? l.filter((e) => e.tests.some((e) => e.status === "failed")) : l;
+	return /* @__PURE__ */ _("div", {
+		className: e("flex flex-col border rounded-lg bg-background", S),
+		children: [
+			/* @__PURE__ */ _("div", {
+				className: "flex items-center justify-between gap-4 p-3 border-b",
+				children: [/* @__PURE__ */ _("div", {
+					className: "flex items-center gap-3",
+					children: [/* @__PURE__ */ g(f, { className: "h-5 w-5" }), /* @__PURE__ */ g("h3", {
+						className: "font-semibold",
+						children: d
+					})]
+				}), /* @__PURE__ */ _("div", {
+					className: "flex items-center gap-2",
+					children: [
+						k.passed > 0 && /* @__PURE__ */ _(t, {
+							className: "bg-green-500",
+							children: [k.passed, " passed"]
+						}),
+						k.failed > 0 && /* @__PURE__ */ _(t, {
+							className: "bg-red-500",
+							children: [k.failed, " failed"]
+						}),
+						k.skipped > 0 && /* @__PURE__ */ _(t, {
+							variant: "secondary",
+							children: [k.skipped, " skipped"]
+						}),
+						/* @__PURE__ */ g("span", {
+							className: "text-sm text-muted-foreground",
+							children: y(k.duration)
+						})
+					]
+				})]
+			}),
+			u && /* @__PURE__ */ _("div", {
+				className: "p-4 border-b bg-muted/30",
+				children: [/* @__PURE__ */ _("div", {
+					className: "flex items-center gap-2 mb-3",
+					children: [/* @__PURE__ */ g(s, { className: "h-4 w-4" }), /* @__PURE__ */ g("span", {
+						className: "font-medium text-sm",
+						children: "Code Coverage"
+					})]
+				}), /* @__PURE__ */ _("div", {
+					className: "grid grid-cols-2 md:grid-cols-4 gap-4",
+					children: [
+						/* @__PURE__ */ g(b, {
+							label: "Lines",
+							covered: u.lines.covered,
+							total: u.lines.total,
+							percentage: u.lines.percentage
+						}),
+						/* @__PURE__ */ g(b, {
+							label: "Branches",
+							covered: u.branches.covered,
+							total: u.branches.total,
+							percentage: u.branches.percentage
+						}),
+						/* @__PURE__ */ g(b, {
+							label: "Functions",
+							covered: u.functions.covered,
+							total: u.functions.total,
+							percentage: u.functions.percentage
+						}),
+						/* @__PURE__ */ g(b, {
+							label: "Statements",
+							covered: u.statements.covered,
+							total: u.statements.total,
+							percentage: u.statements.percentage
+						})
+					]
+				})]
+			}),
+			/* @__PURE__ */ _("div", {
+				className: "flex items-center gap-2 p-2 border-b",
+				children: [
+					/* @__PURE__ */ _("div", {
+						className: "relative flex-1 max-w-sm",
+						children: [/* @__PURE__ */ g(p, { className: "absolute left-2.5 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ g(r, {
+							placeholder: "Search tests...",
+							value: C,
+							onChange: (e) => w(e.target.value),
+							className: "pl-8 h-8"
+						})]
+					}),
+					/* @__PURE__ */ _(n, {
+						variant: D ? "default" : "outline",
+						size: "sm",
+						className: "h-8",
+						onClick: () => O(!D),
+						children: [/* @__PURE__ */ g(o, { className: "h-4 w-4 mr-1" }), "Failed only"]
+					}),
+					/* @__PURE__ */ _("div", {
+						className: "flex items-center gap-1",
+						children: [/* @__PURE__ */ g(n, {
+							variant: "ghost",
+							size: "sm",
+							className: "h-8",
+							onClick: j,
+							children: "Expand All"
+						}), /* @__PURE__ */ g(n, {
+							variant: "ghost",
+							size: "sm",
+							className: "h-8",
+							onClick: M,
+							children: "Collapse All"
+						})]
+					})
+				]
+			}),
+			/* @__PURE__ */ g(i, {
+				className: "flex-1 max-h-[500px]",
+				children: /* @__PURE__ */ g("div", {
+					className: "p-3 space-y-2",
+					children: N.length === 0 ? /* @__PURE__ */ _("div", {
+						className: "flex flex-col items-center justify-center h-32 text-muted-foreground",
+						children: [/* @__PURE__ */ g(c, { className: "h-8 w-8 mb-2" }), /* @__PURE__ */ g("span", { children: "No tests to display" })]
+					}) : N.map((e) => /* @__PURE__ */ g(x, {
+						suite: e,
+						isExpanded: T.has(e.id),
+						onToggle: () => A(e.id),
+						onTestClick: m,
+						onViewFile: h,
+						searchQuery: C
+					}, e.id))
+				})
+			}),
+			/* @__PURE__ */ _("div", {
+				className: "flex items-center justify-between px-3 py-2 border-t bg-muted/30 text-sm",
+				children: [/* @__PURE__ */ _("span", {
+					className: "text-muted-foreground",
+					children: [
+						l.length,
+						" test suites, ",
+						k.total,
+						" tests"
+					]
+				}), /* @__PURE__ */ g("span", {
+					className: e("font-medium", k.failed > 0 ? "text-red-500" : "text-green-500"),
+					children: k.failed > 0 ? `${k.failed} tests failed` : "All tests passed"
+				})]
+			})
+		]
+	});
+}
+var C = [
+	{
+		id: "1",
+		name: "Authentication",
+		file: "src/auth/__tests__/auth.test.ts",
+		duration: 2450,
+		tests: [
+			{
+				id: "1-1",
+				name: "should login with valid credentials",
+				status: "passed",
+				duration: 245,
+				file: "src/auth/__tests__/auth.test.ts",
+				line: 15
+			},
+			{
+				id: "1-2",
+				name: "should reject invalid password",
+				status: "passed",
+				duration: 128,
+				file: "src/auth/__tests__/auth.test.ts",
+				line: 32
+			},
+			{
+				id: "1-3",
+				name: "should refresh token before expiry",
+				status: "passed",
+				duration: 512,
+				file: "src/auth/__tests__/auth.test.ts",
+				line: 48
+			},
+			{
+				id: "1-4",
+				name: "should handle logout correctly",
+				status: "passed",
+				duration: 89,
+				file: "src/auth/__tests__/auth.test.ts",
+				line: 65
+			}
+		]
+	},
+	{
+		id: "2",
+		name: "User Service",
+		file: "src/users/__tests__/users.test.ts",
+		duration: 3200,
+		tests: [
+			{
+				id: "2-1",
+				name: "should create a new user",
+				status: "passed",
+				duration: 345
+			},
+			{
+				id: "2-2",
+				name: "should update user profile",
+				status: "failed",
+				duration: 156,
+				errorMessage: "Expected status 200 but got 500",
+				stackTrace: "Error: Request failed\n  at UserService.update (src/users/service.ts:45)"
+			},
+			{
+				id: "2-3",
+				name: "should delete user",
+				status: "passed",
+				duration: 234
+			},
+			{
+				id: "2-4",
+				name: "should list users with pagination",
+				status: "skipped",
+				duration: 0
+			}
+		]
+	},
+	{
+		id: "3",
+		name: "API Integration",
+		file: "src/api/__tests__/integration.test.ts",
+		duration: 8500,
+		tests: [
+			{
+				id: "3-1",
+				name: "should handle concurrent requests",
+				status: "passed",
+				duration: 2500
+			},
+			{
+				id: "3-2",
+				name: "should retry on network failure",
+				status: "passed",
+				duration: 1800
+			},
+			{
+				id: "3-3",
+				name: "should timeout after 30s",
+				status: "passed",
+				duration: 3200
+			}
+		]
+	}
+], w = {
+	lines: {
+		covered: 1245,
+		total: 1500,
+		percentage: 83
+	},
+	branches: {
+		covered: 89,
+		total: 120,
+		percentage: 74.2
+	},
+	functions: {
+		covered: 156,
+		total: 180,
+		percentage: 86.7
+	},
+	statements: {
+		covered: 1380,
+		total: 1650,
+		percentage: 83.6
+	}
+};
+//#endregion
+export { S as WakaTestReport, w as defaultCoverage, C as defaultTestSuites };

package/dist/components/waka-theme-creator/index.cjs.js

@@ -0,0 +1,32 @@
+"use client";"use client";const e=require(`../../_virtual/_rolldown/runtime.cjs.js`),t=require(`../../utils/cn.cjs.js`),n=require(`../alert-dialog/index.cjs.js`),r=require(`../badge/index.cjs.js`),i=require(`../button/index.cjs.js`),a=require(`../card/index.cjs.js`),o=require(`../label/index.cjs.js`),s=require(`../input/index.cjs.js`),c=require(`../textarea/index.cjs.js`),l=require(`../../hooks/use-toast.cjs.js`);let u=require(`react`);u=e.__toESM(u);let d=require(`lucide-react`),f=require(`react/jsx-runtime`);function p({s3Config:e,onSave:p,onDelete:m,onLoadTheme:h,existingThemes:g=[],className:_}){let{toast:v}=l.useToast(),[y,b]=u.useState(``),[x,S]=u.useState(``),[C,w]=u.useState(``),[T,E]=u.useState(`#3b82f6`),[D,O]=u.useState(``),[k,A]=u.useState(``),[j,M]=u.useState(``),[N,P]=u.useState(!1),[F,I]=u.useState(!1),[L,R]=u.useState(!1),[z,B]=u.useState(!1),[V,H]=u.useState(!1),[U,W]=u.useState(null),[G,K]=u.useState([]),[q,J]=u.useState(`1.0.0`),Y=u.useRef(null),X=u.useCallback(e=>{if(!e.trim())return{valid:!1,error:`Le CSS ne peut pas être vide`};let t=e.includes(`:root`)||e.includes(`.dark`),n=e.includes(`@theme inline`);return!t&&!n?{valid:!1,error:`Le CSS doit contenir :root, .dark ou @theme inline`}:e.includes(`--`)?{valid:!0}:{valid:!1,error:`Le CSS doit contenir des variables CSS (--variable)`}},[]),Z=u.useCallback(()=>{let e=X(k);if(!e.valid){v({title:`CSS invalide`,description:e.error,variant:`destructive`});return}Y.current&&Y.current.parentNode&&Y.current.parentNode.removeChild(Y.current);let t=document.createElement(`style`);t.setAttribute(`data-theme-preview`,y),t.textContent=k,document.head.appendChild(t),Y.current=t,document.documentElement.setAttribute(`data-theme`,y),I(!0),v({title:`Prévisualisation activée`,description:`Le thème "${x}" est maintenant actif`})},[k,y,x,X,v]),Q=u.useCallback(()=>{Y.current&&Y.current.parentNode&&Y.current.parentNode.removeChild(Y.current),document.documentElement.removeAttribute(`data-theme`),I(!1),v({title:`Prévisualisation arrêtée`,description:`Thème par défaut restauré`})},[v]),ee=u.useCallback(async()=>{let t=X(k);if(!t.valid){v({title:`CSS invalide`,description:t.error,variant:`destructive`});return}if(!y||!x){v({title:`Informations manquantes`,description:`Veuillez renseigner l'ID et le nom du thème`,variant:`destructive`});return}P(!0);try{let{baseUrl:t,method:n=`PUT`,headers:r={},prefix:i=``,extension:a=`css`}=e,o=encodeURIComponent(y.replace(/\s+/g,`-`).toLowerCase()),s=`${t.replace(/\/$/,``)}/${i}${o}.${a}`;console.log(`[ThemeCreator] Uploading theme to: ${s}`);let c=await fetch(s,{method:n,headers:{"Content-Type":`text/css`,...r},body:k});if(!c.ok)throw Error(`Upload failed: ${c.status} ${c.statusText}`);let l={version:q,createdAt:new Date,createdBy:D||`Anonymous`,changelog:j||`No changelog provided`,css:k},u=[...G,l];K(u);let d={id:y,label:x,description:C,previewColor:T,author:D,versions:u,currentVersion:q},f=`${t.replace(/\/$/,``)}/${i}${y}.json`;await fetch(f,{method:n,headers:{"Content-Type":`application/json`,...r},body:JSON.stringify(d,null,2)}),v({title:`Thème publié !`,description:`Le thème "${x}" v${q} a été uploadé sur S3`}),p?.(d),M(``)}catch(e){console.error(`[ThemeCreator] Upload error:`,e),v({title:`Erreur d'upload`,description:e instanceof Error?e.message:`Une erreur est survenue`,variant:`destructive`})}finally{P(!1)}},[k,y,x,C,T,D,q,j,G,e,X,v,p]),te=u.useCallback(async()=>{try{await navigator.clipboard.writeText(k),R(!0),setTimeout(()=>R(!1),2e3),v({title:`CSS copié !`,description:`Le code CSS a été copié dans le presse-papiers`})}catch{v({title:`Erreur de copie`,description:`Impossible de copier le CSS`,variant:`destructive`})}},[k,v]),ne=u.useCallback(async e=>{H(!0);try{let t=e;if(h&&(!e.versions||e.versions.length===0||!e.versions[0].css)){let n=await h(e.id);if(n)t=n,v({title:`Thème chargé`,description:`Thème "${t.label}" chargé depuis S3`});else{v({title:`Erreur`,description:`Impossible de charger le thème "${e.label}"`,variant:`destructive`});return}}b(t.id),S(t.label),w(t.description||``),E(t.previewColor||`#3b82f6`),O(t.author||``),K(t.versions),J(t.currentVersion);let n=t.versions[t.versions.length-1];n&&A(n.css),W(t)}catch(e){console.error(`[WakaThemeCreator] Error loading theme:`,e),v({title:`Erreur`,description:`Erreur lors du chargement du thème`,variant:`destructive`})}finally{H(!1)}},[h,v]),$=u.useCallback(()=>{b(``),S(``),w(``),E(`#3b82f6`),O(``),A(``),M(``),K([]),J(`1.0.0`),W(null),F&&Q()},[F,Q]),re=u.useCallback(()=>{let e=new Blob([k],{type:`text/css`}),t=URL.createObjectURL(e),n=document.createElement(`a`);n.href=t,n.download=`${y||`theme`}.css`,document.body.appendChild(n),n.click(),document.body.removeChild(n),URL.revokeObjectURL(t),v({title:`CSS téléchargé`,description:`Fichier ${y||`theme`}.css téléchargé`})},[k,y,v]);return(0,f.jsxs)(`div`,{className:t.cn(`w-full max-w-6xl mx-auto space-y-6`,_),children:[(0,f.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,f.jsxs)(`div`,{children:[(0,f.jsx)(`h1`,{className:`text-3xl font-bold`,children:`Créateur de Thèmes`}),(0,f.jsx)(`p`,{className:`text-muted-foreground`,children:`Créez et publiez des thèmes TweakCN sur S3`})]}),(0,f.jsxs)(`div`,{className:`flex gap-2`,children:[(0,f.jsxs)(i.Button,{variant:`outline`,onClick:$,children:[(0,f.jsx)(d.Plus,{className:`mr-2 h-4 w-4`}),`Nouveau thème`]}),F&&(0,f.jsx)(i.Button,{variant:`destructive`,onClick:Q,children:`Arrêter la prévisualisation`})]})]}),(0,f.jsxs)(`div`,{className:`grid grid-cols-1 lg:grid-cols-3 gap-6`,children:[(0,f.jsxs)(a.Card,{className:`lg:col-span-1`,children:[(0,f.jsxs)(a.CardHeader,{children:[(0,f.jsx)(a.CardTitle,{children:`Thèmes existants`}),(0,f.jsx)(a.CardDescription,{children:`Chargez un thème pour le modifier`})]}),(0,f.jsx)(a.CardContent,{className:`space-y-2`,children:g.length===0?(0,f.jsx)(`p`,{className:`text-sm text-muted-foreground text-center py-4`,children:`Aucun thème existant`}):g.map(e=>(0,f.jsxs)(`button`,{onClick:()=>ne(e),disabled:V,className:t.cn(`w-full flex items-center gap-3 p-3 rounded-lg border-2 transition-all text-left`,U?.id===e.id?`border-primary bg-primary/10`:`border-border hover:border-primary/50`,V&&`opacity-50 cursor-not-allowed`),children:[(0,f.jsx)(`div`,{className:`w-8 h-8 rounded-full flex-shrink-0`,style:{backgroundColor:e.previewColor||`#3b82f6`}}),(0,f.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,f.jsxs)(`div`,{className:`font-medium truncate flex items-center gap-2`,children:[e.label,V&&U?.id===e.id&&(0,f.jsx)(d.Loader2,{className:`h-4 w-4 animate-spin`})]}),(0,f.jsxs)(`div`,{className:`text-xs text-muted-foreground`,children:[`v`,e.currentVersion||`1.0.0`,` • `,e.versions?.length||0,` versions`]})]})]},e.id))})]}),(0,f.jsxs)(`div`,{className:`lg:col-span-2 space-y-6`,children:[(0,f.jsxs)(a.Card,{children:[(0,f.jsx)(a.CardHeader,{children:(0,f.jsxs)(a.CardTitle,{className:`flex items-center gap-2`,children:[(0,f.jsx)(d.Palette,{className:`h-5 w-5`}),`Informations du thème`]})}),(0,f.jsxs)(a.CardContent,{className:`space-y-4`,children:[(0,f.jsxs)(`div`,{className:`grid grid-cols-2 gap-4`,children:[(0,f.jsxs)(`div`,{className:`space-y-2`,children:[(0,f.jsx)(o.Label,{htmlFor:`theme-id`,children:`ID du thème *`}),(0,f.jsx)(s.Input,{id:`theme-id`,placeholder:`ex: forest`,value:y,onChange:e=>b(e.target.value)})]}),(0,f.jsxs)(`div`,{className:`space-y-2`,children:[(0,f.jsx)(o.Label,{htmlFor:`theme-label`,children:`Nom d'affichage *`}),(0,f.jsx)(s.Input,{id:`theme-label`,placeholder:`ex: Forêt`,value:x,onChange:e=>S(e.target.value)})]})]}),(0,f.jsxs)(`div`,{className:`space-y-2`,children:[(0,f.jsx)(o.Label,{htmlFor:`theme-description`,children:`Description`}),(0,f.jsx)(s.Input,{id:`theme-description`,placeholder:`Thème inspiré de la nature`,value:C,onChange:e=>w(e.target.value)})]}),(0,f.jsxs)(`div`,{className:`grid grid-cols-2 gap-4`,children:[(0,f.jsxs)(`div`,{className:`space-y-2`,children:[(0,f.jsx)(o.Label,{htmlFor:`theme-color`,children:`Couleur de prévisualisation`}),(0,f.jsxs)(`div`,{className:`flex gap-2`,children:[(0,f.jsx)(s.Input,{id:`theme-color`,type:`color`,value:T,onChange:e=>E(e.target.value),className:`w-16 h-10 p-1`}),(0,f.jsx)(s.Input,{value:T,onChange:e=>E(e.target.value),placeholder:`#3b82f6`})]})]}),(0,f.jsxs)(`div`,{className:`space-y-2`,children:[(0,f.jsx)(o.Label,{htmlFor:`theme-author`,children:`Auteur`}),(0,f.jsx)(s.Input,{id:`theme-author`,placeholder:`Votre nom`,value:D,onChange:e=>O(e.target.value)})]})]}),(0,f.jsxs)(`div`,{className:`grid grid-cols-2 gap-4`,children:[(0,f.jsxs)(`div`,{className:`space-y-2`,children:[(0,f.jsx)(o.Label,{htmlFor:`theme-version`,children:`Version`}),(0,f.jsx)(s.Input,{id:`theme-version`,placeholder:`1.0.0`,value:q,onChange:e=>J(e.target.value)})]}),(0,f.jsxs)(`div`,{className:`space-y-2`,children:[(0,f.jsx)(o.Label,{htmlFor:`theme-changelog`,children:`Changelog`}),(0,f.jsx)(s.Input,{id:`theme-changelog`,placeholder:`Modifications apportées`,value:j,onChange:e=>M(e.target.value)})]})]})]})]}),(0,f.jsxs)(a.Card,{children:[(0,f.jsxs)(a.CardHeader,{children:[(0,f.jsxs)(a.CardTitle,{className:`flex items-center gap-2`,children:[(0,f.jsx)(d.FileCode,{className:`h-5 w-5`}),`Code CSS TweakCN`]}),(0,f.jsx)(a.CardDescription,{children:`Collez le CSS généré par TweakCN ici`})]}),(0,f.jsxs)(a.CardContent,{className:`space-y-4`,children:[(0,f.jsx)(c.Textarea,{placeholder:`:root {
+  --background: oklch(0.9911 0 0);
+  --foreground: oklch(0.2046 0 0);
+  --primary: oklch(0.8348 0.1302 160.9080);
+  --primary-foreground: oklch(0.2626 0.0147 166.4589);
+  --secondary: oklch(0.9940 0 0);
+  --secondary-foreground: oklch(0.2046 0 0);
+  --muted: oklch(0.9461 0 0);
+  --muted-foreground: oklch(0.2435 0 0);
+  --accent: oklch(0.9461 0 0);
+  --accent-foreground: oklch(0.2435 0 0);
+  --destructive: oklch(0.5523 0.1927 32.7272);
+  --destructive-foreground: oklch(0.9934 0.0032 17.2118);
+  --border: oklch(0.9037 0 0);
+  --ring: oklch(0.8348 0.1302 160.9080);
+  --radius: 0.5rem;
+}
+
+.dark {
+  --background: oklch(0.1822 0 0);
+  --foreground: oklch(0.9288 0.0126 255.5078);
+  --primary: oklch(0.4365 0.1044 156.7556);
+  --primary-foreground: oklch(0.9213 0.0135 167.1556);
+}
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --color-primary: var(--primary);
+  --color-primary-foreground: var(--primary-foreground);
+  /* ... autres couleurs ... */
+}`,value:k,onChange:e=>A(e.target.value),className:`font-mono text-sm min-h-[300px]`}),(0,f.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,f.jsxs)(i.Button,{onClick:Z,disabled:F,children:[(0,f.jsx)(d.Eye,{className:`mr-2 h-4 w-4`}),`Prévisualiser`]}),(0,f.jsx)(i.Button,{variant:`outline`,onClick:te,children:L?(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(d.Check,{className:`mr-2 h-4 w-4`}),`Copié !`]}):(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(d.Copy,{className:`mr-2 h-4 w-4`}),`Copier CSS`]})}),(0,f.jsxs)(i.Button,{variant:`outline`,onClick:re,children:[(0,f.jsx)(d.Download,{className:`mr-2 h-4 w-4`}),`Télécharger`]}),(0,f.jsx)(`div`,{className:`ml-auto`,children:(0,f.jsx)(i.Button,{onClick:ee,disabled:N,children:N?(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(d.Loader2,{className:`mr-2 h-4 w-4 animate-spin`}),`Publication...`]}):(0,f.jsxs)(f.Fragment,{children:[(0,f.jsx)(d.Upload,{className:`mr-2 h-4 w-4`}),`Publier sur S3`]})})})]})]})]}),G.length>0&&(0,f.jsxs)(a.Card,{children:[(0,f.jsx)(a.CardHeader,{children:(0,f.jsxs)(a.CardTitle,{className:`flex items-center gap-2`,children:[(0,f.jsx)(d.History,{className:`h-5 w-5`}),`Historique des versions`]})}),(0,f.jsx)(a.CardContent,{children:(0,f.jsx)(`div`,{className:`space-y-3`,children:G.slice().reverse().map((e,t)=>(0,f.jsxs)(`div`,{className:`flex items-start gap-3 p-3 border rounded-lg`,children:[(0,f.jsxs)(r.Badge,{variant:`outline`,children:[`v`,e.version]}),(0,f.jsxs)(`div`,{className:`flex-1`,children:[(0,f.jsx)(`p`,{className:`text-sm font-medium`,children:e.changelog||`Aucune description`}),(0,f.jsxs)(`p`,{className:`text-xs text-muted-foreground`,children:[`Par `,e.createdBy,` • `,e.createdAt.toLocaleDateString()]})]}),(0,f.jsx)(i.Button,{variant:`ghost`,size:`sm`,onClick:()=>A(e.css),children:`Charger`})]},t))})})]})]})]}),(0,f.jsx)(n.AlertDialog,{open:z,onOpenChange:B,children:(0,f.jsxs)(n.AlertDialogContent,{children:[(0,f.jsxs)(n.AlertDialogHeader,{children:[(0,f.jsx)(n.AlertDialogTitle,{children:`Supprimer le thème ?`}),(0,f.jsx)(n.AlertDialogDescription,{children:`Cette action est irréversible. Le thème sera supprimé de S3.`})]}),(0,f.jsxs)(n.AlertDialogFooter,{children:[(0,f.jsx)(n.AlertDialogCancel,{children:`Annuler`}),(0,f.jsx)(n.AlertDialogAction,{onClick:()=>{U&&(m?.(U.id),$()),B(!1)},className:`bg-destructive text-destructive-foreground hover:bg-destructive/90`,children:`Supprimer`})]})]})})]})}p.displayName=`WakaThemeCreator`,exports.WakaThemeCreator=p;