@wakastellar/ui 4.0.0 → 4.1.1

package/dist/blocks/kanban-board/index.es.js

@@ -0,0 +1,474 @@
+"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 { Card as o, CardContent as s } from "../../components/card/index.es.js";
+import { DropdownMenu as c, DropdownMenuContent as l, DropdownMenuItem as u, DropdownMenuSeparator as d, DropdownMenuTrigger as f } from "../../components/dropdown-menu/index.es.js";
+import { Input as p } from "../../components/input/index.es.js";
+import { Textarea as m } from "../../components/textarea/index.es.js";
+import * as h from "react";
+import { AlertCircle as g, Calendar as _, Clock as v, Edit as y, MoreHorizontal as b, Plus as x, Trash2 as S, X as C } from "lucide-react";
+import { jsx as w, jsxs as T } from "react/jsx-runtime";
+//#region src/blocks/kanban-board/index.tsx
+var E = {
+	low: {
+		label: "Basse",
+		color: "bg-gray-500",
+		icon: v
+	},
+	medium: {
+		label: "Moyenne",
+		color: "bg-blue-500",
+		icon: v
+	},
+	high: {
+		label: "Haute",
+		color: "bg-orange-500",
+		icon: g
+	},
+	urgent: {
+		label: "Urgente",
+		color: "bg-red-500",
+		icon: g
+	}
+};
+function D({ card: p, columnId: m, showAssignees: g, showLabels: v, showPriority: x, showDueDate: C, draggable: D, onCardClick: O, onCardEdit: k, onCardDelete: A, onDragStart: j }) {
+	let M = h.useMemo(() => p.dueDate ? (typeof p.dueDate == "string" ? new Date(p.dueDate) : p.dueDate) < /* @__PURE__ */ new Date() : !1, [p.dueDate]);
+	return /* @__PURE__ */ w(o, {
+		className: e("cursor-pointer hover:shadow-md transition-shadow", D && "cursor-grab active:cursor-grabbing"),
+		draggable: D,
+		onDragStart: (e) => j?.(e, p.id, m),
+		onClick: () => O?.(p, m),
+		children: /* @__PURE__ */ T(s, {
+			className: "p-3 space-y-2",
+			children: [
+				v && p.labels && p.labels.length > 0 && /* @__PURE__ */ w("div", {
+					className: "flex flex-wrap gap-1",
+					children: p.labels.map((e) => /* @__PURE__ */ w("div", {
+						className: "h-1.5 w-8 rounded-full",
+						style: { backgroundColor: e.color },
+						title: e.name
+					}, e.id))
+				}),
+				/* @__PURE__ */ T("div", {
+					className: "flex items-start justify-between gap-2",
+					children: [/* @__PURE__ */ w("h4", {
+						className: "text-sm font-medium leading-tight",
+						children: p.title
+					}), /* @__PURE__ */ T(c, { children: [/* @__PURE__ */ w(f, {
+						asChild: !0,
+						onClick: (e) => e.stopPropagation(),
+						children: /* @__PURE__ */ w(a, {
+							variant: "ghost",
+							size: "icon",
+							className: "h-6 w-6 flex-shrink-0",
+							children: /* @__PURE__ */ w(b, { className: "h-3 w-3" })
+						})
+					}), /* @__PURE__ */ T(l, {
+						align: "end",
+						children: [
+							/* @__PURE__ */ T(u, {
+								onClick: (e) => {
+									e.stopPropagation(), O?.(p, m);
+								},
+								children: [/* @__PURE__ */ w(y, { className: "mr-2 h-4 w-4" }), "Modifier"]
+							}),
+							/* @__PURE__ */ w(d, {}),
+							/* @__PURE__ */ T(u, {
+								onClick: (e) => {
+									e.stopPropagation(), A?.(p.id, m);
+								},
+								className: "text-destructive",
+								children: [/* @__PURE__ */ w(S, { className: "mr-2 h-4 w-4" }), "Supprimer"]
+							})
+						]
+					})] })]
+				}),
+				p.description && /* @__PURE__ */ w("p", {
+					className: "text-xs text-muted-foreground line-clamp-2",
+					children: p.description
+				}),
+				/* @__PURE__ */ T("div", {
+					className: "flex items-center justify-between pt-1",
+					children: [/* @__PURE__ */ T("div", {
+						className: "flex items-center gap-2",
+						children: [x && p.priority && /* @__PURE__ */ w("div", {
+							className: e("h-2 w-2 rounded-full", E[p.priority].color),
+							title: E[p.priority].label
+						}), C && p.dueDate && /* @__PURE__ */ T(i, {
+							variant: M ? "destructive" : "outline",
+							className: "text-xs px-1.5 py-0",
+							children: [/* @__PURE__ */ w(_, { className: "h-3 w-3 mr-1" }), ((e) => (typeof e == "string" ? new Date(e) : e).toLocaleDateString("fr-FR", {
+								day: "numeric",
+								month: "short"
+							}))(p.dueDate)]
+						})]
+					}), g && p.assignees && p.assignees.length > 0 && /* @__PURE__ */ T("div", {
+						className: "flex -space-x-1",
+						children: [p.assignees.slice(0, 3).map((e) => /* @__PURE__ */ T(t, {
+							className: "h-5 w-5 border-2 border-background",
+							children: [/* @__PURE__ */ w(r, { src: e.avatar }), /* @__PURE__ */ w(n, {
+								className: "text-[8px]",
+								children: e.name.charAt(0)
+							})]
+						}, e.id)), p.assignees.length > 3 && /* @__PURE__ */ T("div", {
+							className: "h-5 w-5 rounded-full bg-muted flex items-center justify-center text-[8px] border-2 border-background",
+							children: ["+", p.assignees.length - 3]
+						})]
+					})]
+				})
+			]
+		})
+	});
+}
+function O({ column: e, showCardCount: t, showAddCard: n, showAssignees: r, showLabels: s, showPriority: g, showDueDate: _, draggable: v, onCardClick: E, onCardAdd: O, onCardEdit: k, onCardDelete: A, onColumnEdit: j, onColumnDelete: M, onDragStart: N, onDragOver: P, onDrop: F }) {
+	let [I, L] = h.useState(!1), [R, z] = h.useState(""), [B, V] = h.useState(!1), [H, U] = h.useState(e.title), W = () => {
+		R.trim() && (O?.(e.id, { title: R.trim() }), z(""), L(!1));
+	}, G = () => {
+		H.trim() && H !== e.title && j?.(e.id, { title: H.trim() }), V(!1);
+	}, K = e.limit && e.cards.length >= e.limit;
+	return /* @__PURE__ */ T("div", {
+		className: "flex flex-col w-72 flex-shrink-0 bg-muted/50 rounded-lg",
+		onDragOver: P,
+		onDrop: (t) => F?.(t, e.id),
+		children: [
+			/* @__PURE__ */ T("div", {
+				className: "flex items-center justify-between p-3 border-b",
+				children: [/* @__PURE__ */ T("div", {
+					className: "flex items-center gap-2",
+					children: [
+						e.color && /* @__PURE__ */ w("div", {
+							className: "h-3 w-3 rounded-full",
+							style: { backgroundColor: e.color }
+						}),
+						B ? /* @__PURE__ */ w("div", {
+							className: "flex items-center gap-1",
+							children: /* @__PURE__ */ w(p, {
+								value: H,
+								onChange: (e) => U(e.target.value),
+								className: "h-7 text-sm font-semibold",
+								autoFocus: !0,
+								onBlur: G,
+								onKeyDown: (e) => {
+									e.key === "Enter" && G(), e.key === "Escape" && V(!1);
+								}
+							})
+						}) : /* @__PURE__ */ w("h3", {
+							className: "font-semibold text-sm cursor-pointer",
+							onClick: () => V(!0),
+							children: e.title
+						}),
+						t && /* @__PURE__ */ T(i, {
+							variant: "secondary",
+							className: "text-xs",
+							children: [e.cards.length, e.limit && `/${e.limit}`]
+						})
+					]
+				}), /* @__PURE__ */ T(c, { children: [/* @__PURE__ */ w(f, {
+					asChild: !0,
+					children: /* @__PURE__ */ w(a, {
+						variant: "ghost",
+						size: "icon",
+						className: "h-7 w-7",
+						children: /* @__PURE__ */ w(b, { className: "h-4 w-4" })
+					})
+				}), /* @__PURE__ */ T(l, {
+					align: "end",
+					children: [
+						/* @__PURE__ */ T(u, {
+							onClick: () => V(!0),
+							children: [/* @__PURE__ */ w(y, { className: "mr-2 h-4 w-4" }), "Renommer"]
+						}),
+						/* @__PURE__ */ w(d, {}),
+						/* @__PURE__ */ T(u, {
+							onClick: () => M?.(e.id),
+							className: "text-destructive",
+							children: [/* @__PURE__ */ w(S, { className: "mr-2 h-4 w-4" }), "Supprimer"]
+						})
+					]
+				})] })]
+			}),
+			/* @__PURE__ */ T("div", {
+				className: "flex-1 p-2 space-y-2 min-h-[200px] overflow-y-auto",
+				children: [e.cards.map((t) => /* @__PURE__ */ w(D, {
+					card: t,
+					columnId: e.id,
+					showAssignees: r,
+					showLabels: s,
+					showPriority: g,
+					showDueDate: _,
+					draggable: v,
+					onCardClick: E,
+					onCardEdit: k,
+					onCardDelete: A,
+					onDragStart: N
+				}, t.id)), I && /* @__PURE__ */ T(o, {
+					className: "p-2",
+					children: [/* @__PURE__ */ w(m, {
+						placeholder: "Titre de la carte...",
+						value: R,
+						onChange: (e) => z(e.target.value),
+						className: "min-h-[60px] text-sm",
+						autoFocus: !0
+					}), /* @__PURE__ */ T("div", {
+						className: "flex gap-2 mt-2",
+						children: [/* @__PURE__ */ w(a, {
+							size: "sm",
+							onClick: W,
+							children: "Ajouter"
+						}), /* @__PURE__ */ w(a, {
+							size: "sm",
+							variant: "ghost",
+							onClick: () => {
+								L(!1), z("");
+							},
+							children: /* @__PURE__ */ w(C, { className: "h-4 w-4" })
+						})]
+					})]
+				})]
+			}),
+			n && !I && !K && /* @__PURE__ */ w("div", {
+				className: "p-2 border-t",
+				children: /* @__PURE__ */ T(a, {
+					variant: "ghost",
+					size: "sm",
+					className: "w-full justify-start",
+					onClick: () => L(!0),
+					children: [/* @__PURE__ */ w(x, { className: "h-4 w-4 mr-2" }), "Ajouter une carte"]
+				})
+			}),
+			K && /* @__PURE__ */ w("div", {
+				className: "p-2 border-t text-center text-xs text-muted-foreground",
+				children: "Limite atteinte"
+			})
+		]
+	});
+}
+function k({ columns: t, onColumnsChange: n, onCardClick: r, onCardAdd: i, onCardEdit: s, onCardDelete: c, onCardMove: l, onColumnAdd: u, onColumnEdit: d, onColumnDelete: f, showAddCard: m = !0, showAddColumn: g = !0, showCardCount: _ = !0, showAssignees: v = !0, showLabels: y = !0, showPriority: b = !0, showDueDate: S = !0, draggable: E = !0, availableLabels: D = [], availableAssignees: k = [], className: A }) {
+	let [j, M] = h.useState(t), [N, P] = h.useState(null), [F, I] = h.useState(!1), [L, R] = h.useState("");
+	h.useEffect(() => {
+		M(t);
+	}, [t]);
+	let z = (e, t, n) => {
+		P({
+			cardId: t,
+			columnId: n
+		}), e.dataTransfer.effectAllowed = "move";
+	}, B = (e) => {
+		e.preventDefault(), e.dataTransfer.dropEffect = "move";
+	}, V = (e, t) => {
+		if (e.preventDefault(), !N) return;
+		let { cardId: r, columnId: i } = N;
+		if (i === t) {
+			P(null);
+			return;
+		}
+		if (l) l(r, i, t, 0);
+		else {
+			let e = j.map((e) => {
+				if (e.id === i) return {
+					...e,
+					cards: e.cards.filter((e) => e.id !== r)
+				};
+				if (e.id === t) {
+					let t = j.find((e) => e.id === i)?.cards.find((e) => e.id === r);
+					if (t) return {
+						...e,
+						cards: [...e.cards, t]
+					};
+				}
+				return e;
+			});
+			M(e), n?.(e);
+		}
+		P(null);
+	}, H = (e, t) => {
+		if (i) i(e, t);
+		else {
+			let r = {
+				id: `card-${Date.now()}`,
+				title: t.title || "Nouvelle carte",
+				...t
+			}, i = j.map((t) => t.id === e ? {
+				...t,
+				cards: [...t.cards, r]
+			} : t);
+			M(i), n?.(i);
+		}
+	}, U = (e, t) => {
+		if (c) c(e, t);
+		else {
+			let r = j.map((n) => n.id === t ? {
+				...n,
+				cards: n.cards.filter((t) => t.id !== e)
+			} : n);
+			M(r), n?.(r);
+		}
+	}, W = (e) => {
+		if (f) f(e);
+		else {
+			let t = j.filter((t) => t.id !== e);
+			M(t), n?.(t);
+		}
+	}, G = () => {
+		if (L.trim()) {
+			let e = {
+				id: `column-${Date.now()}`,
+				title: L.trim(),
+				cards: []
+			};
+			if (u) u(e);
+			else {
+				let t = [...j, e];
+				M(t), n?.(t);
+			}
+			R(""), I(!1);
+		}
+	};
+	return /* @__PURE__ */ w("div", {
+		className: e("overflow-x-auto", A),
+		children: /* @__PURE__ */ T("div", {
+			className: "flex gap-4 p-4 min-h-[500px]",
+			children: [j.map((e) => /* @__PURE__ */ w(O, {
+				column: e,
+				showCardCount: _,
+				showAddCard: m,
+				showAssignees: v,
+				showLabels: y,
+				showPriority: b,
+				showDueDate: S,
+				draggable: E,
+				onCardClick: r,
+				onCardAdd: H,
+				onCardEdit: s,
+				onCardDelete: U,
+				onColumnEdit: d,
+				onColumnDelete: W,
+				onDragStart: z,
+				onDragOver: B,
+				onDrop: V
+			}, e.id)), g && /* @__PURE__ */ w("div", {
+				className: "w-72 flex-shrink-0",
+				children: F ? /* @__PURE__ */ T(o, {
+					className: "p-3",
+					children: [/* @__PURE__ */ w(p, {
+						placeholder: "Titre de la colonne...",
+						value: L,
+						onChange: (e) => R(e.target.value),
+						autoFocus: !0,
+						onKeyDown: (e) => {
+							e.key === "Enter" && G(), e.key === "Escape" && I(!1);
+						}
+					}), /* @__PURE__ */ T("div", {
+						className: "flex gap-2 mt-2",
+						children: [/* @__PURE__ */ w(a, {
+							size: "sm",
+							onClick: G,
+							children: "Ajouter"
+						}), /* @__PURE__ */ w(a, {
+							size: "sm",
+							variant: "ghost",
+							onClick: () => {
+								I(!1), R("");
+							},
+							children: /* @__PURE__ */ w(C, { className: "h-4 w-4" })
+						})]
+					})]
+				}) : /* @__PURE__ */ T(a, {
+					variant: "outline",
+					className: "w-full justify-start h-12",
+					onClick: () => I(!0),
+					children: [/* @__PURE__ */ w(x, { className: "h-4 w-4 mr-2" }), "Ajouter une colonne"]
+				})
+			})]
+		})
+	});
+}
+var A = [
+	{
+		id: "todo",
+		title: "À faire",
+		color: "#6b7280",
+		cards: [{
+			id: "1",
+			title: "Implémenter l'authentification",
+			description: "Ajouter le login/logout avec JWT",
+			priority: "high",
+			labels: [{
+				id: "dev",
+				name: "Dev",
+				color: "#3b82f6"
+			}],
+			assignees: [{
+				id: "1",
+				name: "Marie D."
+			}]
+		}, {
+			id: "2",
+			title: "Créer les maquettes",
+			priority: "medium",
+			labels: [{
+				id: "design",
+				name: "Design",
+				color: "#8b5cf6"
+			}]
+		}]
+	},
+	{
+		id: "in-progress",
+		title: "En cours",
+		color: "#3b82f6",
+		limit: 3,
+		cards: [{
+			id: "3",
+			title: "Refactoring du dashboard",
+			priority: "medium",
+			assignees: [{
+				id: "2",
+				name: "Pierre M."
+			}],
+			dueDate: new Date(Date.now() + 1e3 * 60 * 60 * 24 * 2)
+		}]
+	},
+	{
+		id: "review",
+		title: "En revue",
+		color: "#f59e0b",
+		cards: []
+	},
+	{
+		id: "done",
+		title: "Terminé",
+		color: "#10b981",
+		cards: [{
+			id: "4",
+			title: "Setup du projet",
+			priority: "low"
+		}]
+	}
+], j = [
+	{
+		id: "dev",
+		name: "Dev",
+		color: "#3b82f6"
+	},
+	{
+		id: "design",
+		name: "Design",
+		color: "#8b5cf6"
+	},
+	{
+		id: "bug",
+		name: "Bug",
+		color: "#ef4444"
+	},
+	{
+		id: "feature",
+		name: "Feature",
+		color: "#10b981"
+	}
+];
+//#endregion
+export { k as WakaKanbanBoard, k as default, A as defaultKanbanColumns, j as defaultKanbanLabels };

package/dist/blocks/landing/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/card/index.cjs.js");let a=require("react");a=e.__toESM(a);let o=require("lucide-react"),s=require("react/jsx-runtime");var c=a.createContext({});function l(){return a.useContext(c)}function u({logo:e,brandName:n=`Brand`,navItems:i=[],showLoginButton:c=!0,loginButtonText:u=`Se connecter`,onLogin:d,loginHref:f}){let[p,m]=a.useState(!1),{LinkComponent:h}=l(),g=(e,t,n,r)=>h?(0,s.jsx)(h,{href:e,className:t,onClick:r,children:n}):(0,s.jsx)(`a`,{href:e,className:t,onClick:r,children:n});return(0,s.jsxs)(`nav`,{className:`sticky top-0 z-50 w-full border-b bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60`,children:[(0,s.jsxs)(`div`,{className:`container flex h-16 items-center justify-between`,children:[g(`/`,`flex items-center gap-2 font-bold text-xl`,(0,s.jsxs)(s.Fragment,{children:[e,(0,s.jsx)(`span`,{children:n})]})),(0,s.jsx)(`div`,{className:`hidden md:flex items-center gap-6`,children:i.map(e=>g(e.href,t.cn(`text-sm font-medium transition-colors hover:text-primary`,e.isActive?`text-primary`:`text-muted-foreground`),e.label))}),(0,s.jsx)(`div`,{className:`hidden md:flex items-center gap-4`,children:c&&(0,s.jsx)(r.Button,{variant:`default`,onClick:d,asChild:!!f,children:f?h?(0,s.jsx)(h,{href:f,children:u}):(0,s.jsx)(`a`,{href:f,children:u}):u})}),(0,s.jsx)(r.Button,{variant:`ghost`,size:`icon`,className:`md:hidden`,onClick:()=>m(!p),children:p?(0,s.jsx)(o.X,{className:`h-5 w-5`}):(0,s.jsx)(o.Menu,{className:`h-5 w-5`})})]}),p&&(0,s.jsx)(`div`,{className:`md:hidden border-t bg-background p-4`,children:(0,s.jsxs)(`div`,{className:`flex flex-col gap-4`,children:[i.map(e=>g(e.href,`text-sm font-medium`,e.label,()=>m(!1))),c&&(0,s.jsx)(r.Button,{onClick:d,asChild:!!f,children:f?h?(0,s.jsx)(h,{href:f,children:u}):(0,s.jsx)(`a`,{href:f,children:u}):u})]})})]})}function d({badge:e,title:t,highlightedTitle:i,description:a,primaryButtonText:c=`Commencer`,primaryButtonAction:u,primaryButtonHref:d,secondaryButtonText:f,secondaryButtonAction:p,secondaryButtonHref:m,image:h,stats:g}){let{LinkComponent:_}=l();return(0,s.jsx)(`section`,{className:`container py-24 md:py-32`,children:(0,s.jsxs)(`div`,{className:`flex flex-col lg:flex-row items-center gap-12`,children:[(0,s.jsxs)(`div`,{className:`flex-1 text-center lg:text-left`,children:[e&&(0,s.jsx)(n.Badge,{variant:`secondary`,className:`mb-4`,children:e}),(0,s.jsxs)(`h1`,{className:`text-4xl md:text-5xl lg:text-6xl font-bold tracking-tight mb-6`,children:[t,` `,i&&(0,s.jsx)(`span`,{className:`text-primary`,children:i})]}),(0,s.jsx)(`p`,{className:`text-lg md:text-xl text-muted-foreground mb-8 max-w-2xl lg:max-w-none`,children:a}),(0,s.jsxs)(`div`,{className:`flex flex-col sm:flex-row gap-4 justify-center lg:justify-start mb-8`,children:[(0,s.jsx)(r.Button,{size:`lg`,onClick:u,asChild:!!d,children:d?_?(0,s.jsxs)(_,{href:d,children:[c,(0,s.jsx)(o.ArrowRight,{className:`ml-2 h-4 w-4`})]}):(0,s.jsxs)(`a`,{href:d,children:[c,(0,s.jsx)(o.ArrowRight,{className:`ml-2 h-4 w-4`})]}):(0,s.jsxs)(s.Fragment,{children:[c,(0,s.jsx)(o.ArrowRight,{className:`ml-2 h-4 w-4`})]})}),f&&(0,s.jsx)(r.Button,{size:`lg`,variant:`outline`,onClick:p,asChild:!!m,children:m?_?(0,s.jsxs)(_,{href:m,children:[(0,s.jsx)(o.Play,{className:`mr-2 h-4 w-4`}),f]}):(0,s.jsxs)(`a`,{href:m,children:[(0,s.jsx)(o.Play,{className:`mr-2 h-4 w-4`}),f]}):(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(o.Play,{className:`mr-2 h-4 w-4`}),f]})})]}),g&&g.length>0&&(0,s.jsx)(`div`,{className:`flex gap-8 justify-center lg:justify-start`,children:g.map((e,t)=>(0,s.jsxs)(`div`,{children:[(0,s.jsx)(`div`,{className:`text-2xl md:text-3xl font-bold`,children:e.value}),(0,s.jsx)(`div`,{className:`text-sm text-muted-foreground`,children:e.label})]},t))})]}),h&&(0,s.jsx)(`div`,{className:`flex-1 w-full lg:w-auto`,children:h})]})})}function f({title:e=`Fonctionnalités`,description:t,features:n}){return(0,s.jsxs)(`section`,{className:`container py-24 bg-muted/30`,children:[(0,s.jsxs)(`div`,{className:`text-center mb-12`,children:[(0,s.jsx)(`h2`,{className:`text-3xl md:text-4xl font-bold tracking-tight mb-4`,children:e}),t&&(0,s.jsx)(`p`,{className:`text-lg text-muted-foreground max-w-2xl mx-auto`,children:t})]}),(0,s.jsx)(`div`,{className:`grid md:grid-cols-2 lg:grid-cols-3 gap-6`,children:n.map(e=>(0,s.jsxs)(i.Card,{className:`bg-background`,children:[(0,s.jsxs)(i.CardHeader,{children:[(0,s.jsx)(`div`,{className:`h-12 w-12 rounded-lg bg-primary/10 flex items-center justify-center mb-4`,children:(0,s.jsx)(`span`,{className:`text-primary`,children:e.icon})}),(0,s.jsx)(i.CardTitle,{className:`text-xl`,children:e.title})]}),(0,s.jsx)(i.CardContent,{children:(0,s.jsx)(i.CardDescription,{className:`text-base`,children:e.description})})]},e.id))})]})}function p({title:e=`Ce que disent nos clients`,testimonials:n}){return(0,s.jsxs)(`section`,{className:`container py-24`,children:[(0,s.jsx)(`h2`,{className:`text-3xl md:text-4xl font-bold tracking-tight text-center mb-12`,children:e}),(0,s.jsx)(`div`,{className:`grid md:grid-cols-2 lg:grid-cols-3 gap-6`,children:n.map(e=>(0,s.jsx)(i.Card,{children:(0,s.jsxs)(i.CardContent,{className:`pt-6`,children:[e.rating&&(0,s.jsx)(`div`,{className:`flex gap-1 mb-4`,children:Array.from({length:5}).map((n,r)=>(0,s.jsx)(o.Star,{className:t.cn(`h-4 w-4`,r<e.rating?`text-yellow-400 fill-yellow-400`:`text-muted-foreground`)},r))}),(0,s.jsxs)(`p`,{className:`text-muted-foreground mb-6`,children:[`"`,e.content,`"`]}),(0,s.jsxs)(`div`,{className:`flex items-center gap-3`,children:[e.avatar?(0,s.jsx)(`img`,{src:e.avatar,alt:e.author,className:`h-10 w-10 rounded-full object-cover`}):(0,s.jsx)(`div`,{className:`h-10 w-10 rounded-full bg-primary/10 flex items-center justify-center`,children:(0,s.jsx)(`span`,{className:`text-sm font-medium text-primary`,children:e.author.charAt(0)})}),(0,s.jsxs)(`div`,{children:[(0,s.jsx)(`div`,{className:`font-medium`,children:e.author}),(0,s.jsxs)(`div`,{className:`text-sm text-muted-foreground`,children:[e.role,e.company&&` @ ${e.company}`]})]})]})]})},e.id))})]})}function m({title:e,description:n,buttonText:i,buttonAction:a,buttonHref:c,secondaryButtonText:u,secondaryButtonAction:d,variant:f=`default`}){let{LinkComponent:p}=l();return(0,s.jsx)(`section`,{className:t.cn(`py-24`,{default:`bg-muted/50`,gradient:`bg-gradient-to-r from-primary/10 via-primary/5 to-background`,dark:`bg-foreground text-background`}[f]),children:(0,s.jsx)(`div`,{className:`container`,children:(0,s.jsxs)(`div`,{className:`text-center max-w-2xl mx-auto`,children:[(0,s.jsx)(`h2`,{className:t.cn(`text-3xl md:text-4xl font-bold tracking-tight mb-4`,f===`dark`&&`text-background`),children:e}),n&&(0,s.jsx)(`p`,{className:t.cn(`text-lg mb-8`,f===`dark`?`text-background/80`:`text-muted-foreground`),children:n}),(0,s.jsxs)(`div`,{className:`flex flex-col sm:flex-row gap-4 justify-center`,children:[(0,s.jsx)(r.Button,{size:`lg`,variant:f===`dark`?`secondary`:`default`,onClick:a,asChild:!!c,children:c?p?(0,s.jsxs)(p,{href:c,children:[i,(0,s.jsx)(o.ChevronRight,{className:`ml-2 h-4 w-4`})]}):(0,s.jsxs)(`a`,{href:c,children:[i,(0,s.jsx)(o.ChevronRight,{className:`ml-2 h-4 w-4`})]}):(0,s.jsxs)(s.Fragment,{children:[i,(0,s.jsx)(o.ChevronRight,{className:`ml-2 h-4 w-4`})]})}),u&&(0,s.jsx)(r.Button,{size:`lg`,variant:`outline`,onClick:d,className:f===`dark`?`border-background/20 text-background hover:bg-background/10`:``,children:u})]})]})})})}function h({logo:e,brandName:n=`Brand`,navItems:r,showLoginButton:i=!0,loginButtonText:o=`Se connecter`,onLogin:l,loginHref:h,hero:g,features:_,featuresTitle:v,featuresDescription:y,testimonials:b,testimonialsTitle:x,cta:S,footer:C,className:w,LinkComponent:T}){let E=a.useMemo(()=>({LinkComponent:T}),[T]);return(0,s.jsx)(c.Provider,{value:E,children:(0,s.jsxs)(`div`,{className:t.cn(`min-h-screen`,w),children:[(0,s.jsx)(u,{logo:e,brandName:n,navItems:r,showLoginButton:i,loginButtonText:o,onLogin:l,loginHref:h}),g&&(0,s.jsx)(d,{...g}),_&&_.length>0&&(0,s.jsx)(f,{title:v,description:y,features:_}),b&&b.length>0&&(0,s.jsx)(p,{title:x,testimonials:b}),S&&(0,s.jsx)(m,{...S}),C]})})}var g=[{label:`Fonctionnalités`,href:`#features`},{label:`Tarifs`,href:`#pricing`},{label:`Témoignages`,href:`#testimonials`},{label:`Contact`,href:`#contact`}],_=[{id:`1`,icon:(0,s.jsx)(o.Zap,{className:`h-6 w-6`}),title:`Rapide et performant`,description:`Optimisé pour la vitesse avec des temps de chargement minimaux.`},{id:`2`,icon:(0,s.jsx)(o.Shield,{className:`h-6 w-6`}),title:`Sécurisé`,description:`Vos données sont protégées avec un chiffrement de bout en bout.`},{id:`3`,icon:(0,s.jsx)(o.Users,{className:`h-6 w-6`}),title:`Collaboration`,description:`Travaillez en équipe avec des outils de collaboration intégrés.`},{id:`4`,icon:(0,s.jsx)(o.Globe,{className:`h-6 w-6`}),title:`Accessible partout`,description:`Accédez à votre espace depuis n'importe quel appareil.`}],v=[{id:`1`,content:`Cette solution a transformé notre façon de travailler. Nous avons gagné un temps précieux.`,author:`Marie Dupont`,role:`CEO`,company:`TechCorp`,rating:5},{id:`2`,content:`Interface intuitive et support réactif. Je recommande vivement.`,author:`Pierre Martin`,role:`CTO`,company:`StartupXYZ`,rating:5},{id:`3`,content:`Le meilleur outil que nous ayons utilisé pour gérer nos projets.`,author:`Sophie Bernard`,role:`Product Manager`,company:`InnoLab`,rating:5}],y={badge:`Nouveau`,title:`La solution pour`,highlightedTitle:`votre entreprise`,description:`Simplifiez votre quotidien avec notre plateforme tout-en-un. Gagnez du temps et concentrez-vous sur l'essentiel.`,primaryButtonText:`Essayer gratuitement`,secondaryButtonText:`Voir la démo`,stats:[{value:`10K+`,label:`Utilisateurs`},{value:`99.9%`,label:`Uptime`},{value:`24/7`,label:`Support`}]},b={title:`Prêt à commencer ?`,description:`Rejoignez des milliers d'entreprises qui nous font confiance.`,buttonText:`Créer un compte gratuit`,secondaryButtonText:`Contacter les ventes`,variant:`gradient`};exports.WakaLanding=h,exports.default=h,exports.defaultLandingCTA=b,exports.defaultLandingFeatures=_,exports.defaultLandingHero=y,exports.defaultLandingNavItems=g,exports.defaultLandingTestimonials=v;