@wakastellar/ui 4.0.0-dev.0 → 4.0.1

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

@@ -0,0 +1,450 @@
+"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 { Button as i } from "../../components/button/index.es.js";
+import { Card as a, CardContent as o, CardDescription as s, CardHeader as c, CardTitle as l } from "../../components/card/index.es.js";
+import { Label as u } from "../../components/label/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 { Separator as _ } from "../../components/separator/index.es.js";
+import { Tabs as v, TabsContent as y, TabsList as b, TabsTrigger as x } from "../../components/tabs/index.es.js";
+import { Textarea as S } from "../../components/textarea/index.es.js";
+import * as C from "react";
+import { Briefcase as w, Building as T, Calendar as E, Camera as D, Edit3 as O, ExternalLink as k, Globe as A, Link as j, Loader2 as M, Mail as N, MapPin as P, Phone as F, Save as I, Share2 as L, User as R, X as z } from "lucide-react";
+import { Fragment as B, jsx as V, jsxs as H } from "react/jsx-runtime";
+//#region src/blocks/profile/index.tsx
+function U({ url: a, name: o, size: s = "lg", editable: c, onAvatarChange: l }) {
+	let u = C.useRef(null), d = {
+		sm: "h-12 w-12",
+		md: "h-16 w-16",
+		lg: "h-24 w-24",
+		xl: "h-32 w-32"
+	}, f = o.split(" ").map((e) => e[0]).join("").toUpperCase().slice(0, 2);
+	return /* @__PURE__ */ H("div", {
+		className: "relative inline-block",
+		children: [/* @__PURE__ */ H(t, {
+			className: e(d[s], "border-4 border-background shadow-lg"),
+			children: [/* @__PURE__ */ V(r, {
+				src: a,
+				alt: o
+			}), /* @__PURE__ */ V(n, {
+				className: "text-lg font-medium",
+				children: f
+			})]
+		}), c && l && /* @__PURE__ */ H(B, { children: [/* @__PURE__ */ V("input", {
+			ref: u,
+			type: "file",
+			accept: "image/*",
+			onChange: (e) => {
+				let t = e.target.files?.[0];
+				t && l && l(t);
+			},
+			className: "hidden"
+		}), /* @__PURE__ */ V(i, {
+			size: "icon",
+			variant: "secondary",
+			className: "absolute bottom-0 right-0 h-8 w-8 rounded-full shadow-md",
+			onClick: () => u.current?.click(),
+			children: /* @__PURE__ */ V(D, { className: "h-4 w-4" })
+		})] })]
+	});
+}
+function W({ field: t, value: n, onChange: r, isEditing: i }) {
+	if (!i) return /* @__PURE__ */ H("div", {
+		className: "flex items-center gap-2",
+		children: [t.icon && /* @__PURE__ */ V("span", {
+			className: "text-muted-foreground",
+			children: t.icon
+		}), /* @__PURE__ */ V("span", {
+			className: e(!n && "text-muted-foreground italic"),
+			children: n || "Non renseigné"
+		})]
+	});
+	let a = {
+		id: t.id,
+		value: n || "",
+		onChange: (e) => r(e.target.value),
+		placeholder: t.placeholder,
+		disabled: t.disabled
+	};
+	return t.type === "textarea" ? /* @__PURE__ */ V(S, {
+		...a,
+		rows: 3
+	}) : t.type === "select" && t.options ? /* @__PURE__ */ H(f, {
+		value: n,
+		onValueChange: r,
+		disabled: t.disabled,
+		children: [/* @__PURE__ */ V(h, { children: /* @__PURE__ */ V(g, { placeholder: t.placeholder || "Sélectionner..." }) }), /* @__PURE__ */ V(p, { children: t.options.map((e) => /* @__PURE__ */ V(m, {
+			value: e.value,
+			children: e.label
+		}, e.value)) })]
+	}) : /* @__PURE__ */ V(d, {
+		type: t.type || "text",
+		...a
+	});
+}
+function G({ section: e, values: t, onChange: n, isEditing: r }) {
+	return /* @__PURE__ */ H(a, { children: [/* @__PURE__ */ V(c, { children: /* @__PURE__ */ H("div", {
+		className: "flex items-center gap-2",
+		children: [e.icon && /* @__PURE__ */ V("span", {
+			className: "text-muted-foreground",
+			children: e.icon
+		}), /* @__PURE__ */ H("div", { children: [/* @__PURE__ */ V(l, {
+			className: "text-base",
+			children: e.title
+		}), e.description && /* @__PURE__ */ V(s, { children: e.description })] })]
+	}) }), /* @__PURE__ */ V(o, {
+		className: "space-y-4",
+		children: e.fields.map((i, a) => /* @__PURE__ */ H(C.Fragment, { children: [/* @__PURE__ */ H("div", {
+			className: "space-y-2",
+			children: [/* @__PURE__ */ H(u, {
+				htmlFor: i.id,
+				className: "text-sm font-medium",
+				children: [i.label, i.required && /* @__PURE__ */ V("span", {
+					className: "text-destructive ml-1",
+					children: "*"
+				})]
+			}), /* @__PURE__ */ V(W, {
+				field: i,
+				value: t[i.id] || "",
+				onChange: (e) => n(i.id, e),
+				isEditing: r
+			})]
+		}), a < e.fields.length - 1 && r && /* @__PURE__ */ V(_, { className: "my-4" })] }, i.id))
+	})] });
+}
+function K({ links: e, isEditing: t }) {
+	let n = (e) => {
+		switch (e) {
+			case "twitter": return /* @__PURE__ */ V(L, { className: "h-4 w-4" });
+			case "github": return /* @__PURE__ */ V(A, { className: "h-4 w-4" });
+			case "linkedin": return /* @__PURE__ */ V(k, { className: "h-4 w-4" });
+			case "website": return /* @__PURE__ */ V(A, { className: "h-4 w-4" });
+			default: return /* @__PURE__ */ V(j, { className: "h-4 w-4" });
+		}
+	};
+	return t ? /* @__PURE__ */ V("div", {
+		className: "space-y-2",
+		children: e.map((e) => /* @__PURE__ */ H("div", {
+			className: "flex items-center gap-2",
+			children: [n(e.type), /* @__PURE__ */ V(d, {
+				value: e.url,
+				className: "flex-1",
+				readOnly: !0
+			})]
+		}, e.id))
+	}) : /* @__PURE__ */ V("div", {
+		className: "flex gap-2 flex-wrap",
+		children: e.map((e) => /* @__PURE__ */ H("a", {
+			href: e.url,
+			target: "_blank",
+			rel: "noopener noreferrer",
+			className: "inline-flex items-center gap-1.5 px-3 py-1.5 bg-muted rounded-full text-sm hover:bg-muted/80 transition-colors",
+			children: [n(e.type), /* @__PURE__ */ V("span", { children: e.label || e.type })]
+		}, e.id))
+	});
+}
+function q({ profile: t, editable: n = !1, isEditing: r, onEditToggle: s, onChange: c, onSave: l, saving: u = !1, onAvatarChange: d, customSections: f, showSocialLinks: p = !0, showStats: m = !1, stats: h, layout: g = "card", useTabs: S = !1, className: D }) {
+	let [k, j] = C.useState(!1), [L, W] = C.useState(t), q = r ?? k;
+	C.useEffect(() => {
+		W(t);
+	}, [t]);
+	let J = (e) => {
+		s ? s(e) : j(e), e || W(t);
+	}, Y = (e, t) => {
+		W((n) => ({
+			...n,
+			[e]: t
+		})), c?.(e, t);
+	}, ee = async () => {
+		await l?.(L), J(!1);
+	}, te = [{
+		id: "personal",
+		title: "Informations personnelles",
+		icon: /* @__PURE__ */ V(R, { className: "h-5 w-5" }),
+		fields: [
+			{
+				id: "firstName",
+				label: "Prénom",
+				value: L.firstName || "",
+				type: "text",
+				placeholder: "Jean",
+				icon: /* @__PURE__ */ V(R, { className: "h-4 w-4" })
+			},
+			{
+				id: "lastName",
+				label: "Nom",
+				value: L.lastName || "",
+				type: "text",
+				placeholder: "Dupont"
+			},
+			{
+				id: "email",
+				label: "Email",
+				value: L.email,
+				type: "email",
+				placeholder: "jean@exemple.com",
+				required: !0,
+				icon: /* @__PURE__ */ V(N, { className: "h-4 w-4" })
+			},
+			{
+				id: "phone",
+				label: "Téléphone",
+				value: L.phone || "",
+				type: "tel",
+				placeholder: "+33 6 12 34 56 78",
+				icon: /* @__PURE__ */ V(F, { className: "h-4 w-4" })
+			},
+			{
+				id: "bio",
+				label: "Bio",
+				value: L.bio || "",
+				type: "textarea",
+				placeholder: "Parlez-nous de vous..."
+			}
+		]
+	}, {
+		id: "professional",
+		title: "Informations professionnelles",
+		icon: /* @__PURE__ */ V(w, { className: "h-5 w-5" }),
+		fields: [
+			{
+				id: "role",
+				label: "Poste",
+				value: L.role || "",
+				type: "text",
+				placeholder: "Développeur Senior",
+				icon: /* @__PURE__ */ V(w, { className: "h-4 w-4" })
+			},
+			{
+				id: "department",
+				label: "Département",
+				value: L.department || "",
+				type: "text",
+				placeholder: "Engineering"
+			},
+			{
+				id: "company",
+				label: "Entreprise",
+				value: L.company || "",
+				type: "text",
+				placeholder: "Acme Inc.",
+				icon: /* @__PURE__ */ V(T, { className: "h-4 w-4" })
+			},
+			{
+				id: "location",
+				label: "Localisation",
+				value: L.location || "",
+				type: "text",
+				placeholder: "Paris, France",
+				icon: /* @__PURE__ */ V(P, { className: "h-4 w-4" })
+			},
+			{
+				id: "website",
+				label: "Site web",
+				value: L.website || "",
+				type: "url",
+				placeholder: "https://exemple.com",
+				icon: /* @__PURE__ */ V(A, { className: "h-4 w-4" })
+			}
+		]
+	}], X = f || te, Z = {
+		firstName: L.firstName || "",
+		lastName: L.lastName || "",
+		email: L.email,
+		phone: L.phone || "",
+		bio: L.bio || "",
+		role: L.role || "",
+		department: L.department || "",
+		company: L.company || "",
+		location: L.location || "",
+		website: L.website || "",
+		...L.customFields
+	};
+	if (g === "compact") return /* @__PURE__ */ H("div", {
+		className: e("flex items-center gap-4", D),
+		children: [/* @__PURE__ */ V(U, {
+			url: L.avatarUrl,
+			name: L.displayName,
+			size: "md"
+		}), /* @__PURE__ */ H("div", { children: [
+			/* @__PURE__ */ V("h3", {
+				className: "font-semibold",
+				children: L.displayName
+			}),
+			L.role && /* @__PURE__ */ V("p", {
+				className: "text-sm text-muted-foreground",
+				children: L.role
+			}),
+			L.email && /* @__PURE__ */ V("p", {
+				className: "text-sm text-muted-foreground",
+				children: L.email
+			})
+		] })]
+	});
+	let Q = () => /* @__PURE__ */ H("div", {
+		className: "flex flex-col items-center text-center gap-4 md:flex-row md:text-left",
+		children: [/* @__PURE__ */ V(U, {
+			url: L.avatarUrl,
+			name: L.displayName,
+			size: "xl",
+			editable: n && q,
+			onAvatarChange: d
+		}), /* @__PURE__ */ H("div", {
+			className: "flex-1",
+			children: [
+				/* @__PURE__ */ H("div", {
+					className: "flex flex-col gap-2 md:flex-row md:items-start md:justify-between",
+					children: [/* @__PURE__ */ H("div", { children: [
+						/* @__PURE__ */ V("h1", {
+							className: "text-2xl font-bold",
+							children: L.displayName
+						}),
+						L.role && /* @__PURE__ */ V("p", {
+							className: "text-muted-foreground",
+							children: L.role
+						}),
+						L.company && /* @__PURE__ */ H("p", {
+							className: "text-sm text-muted-foreground flex items-center gap-1",
+							children: [/* @__PURE__ */ V(T, { className: "h-3 w-3" }), L.company]
+						}),
+						L.location && /* @__PURE__ */ H("p", {
+							className: "text-sm text-muted-foreground flex items-center gap-1",
+							children: [/* @__PURE__ */ V(P, { className: "h-3 w-3" }), L.location]
+						})
+					] }), n && /* @__PURE__ */ V("div", {
+						className: "flex gap-2",
+						children: q ? /* @__PURE__ */ H(B, { children: [/* @__PURE__ */ H(i, {
+							variant: "outline",
+							size: "sm",
+							onClick: () => J(!1),
+							disabled: u,
+							children: [/* @__PURE__ */ V(z, { className: "mr-2 h-4 w-4" }), "Annuler"]
+						}), /* @__PURE__ */ H(i, {
+							size: "sm",
+							onClick: ee,
+							disabled: u,
+							children: [u ? /* @__PURE__ */ V(M, { className: "mr-2 h-4 w-4 animate-spin" }) : /* @__PURE__ */ V(I, { className: "mr-2 h-4 w-4" }), "Enregistrer"]
+						})] }) : /* @__PURE__ */ H(i, {
+							variant: "outline",
+							size: "sm",
+							onClick: () => J(!0),
+							children: [/* @__PURE__ */ V(O, { className: "mr-2 h-4 w-4" }), "Modifier"]
+						})
+					})]
+				}),
+				m && h && h.length > 0 && /* @__PURE__ */ V("div", {
+					className: "flex gap-6 mt-4",
+					children: h.map((e, t) => /* @__PURE__ */ H("div", {
+						className: "text-center",
+						children: [/* @__PURE__ */ V("div", {
+							className: "text-2xl font-bold",
+							children: e.value
+						}), /* @__PURE__ */ V("div", {
+							className: "text-xs text-muted-foreground",
+							children: e.label
+						})]
+					}, t))
+				}),
+				p && L.socialLinks && L.socialLinks.length > 0 && /* @__PURE__ */ V("div", {
+					className: "mt-4",
+					children: /* @__PURE__ */ V(K, {
+						links: L.socialLinks,
+						isEditing: q
+					})
+				}),
+				L.joinedAt && /* @__PURE__ */ H("p", {
+					className: "text-xs text-muted-foreground mt-4 flex items-center gap-1",
+					children: [
+						/* @__PURE__ */ V(E, { className: "h-3 w-3" }),
+						"Membre depuis",
+						" ",
+						new Date(L.joinedAt).toLocaleDateString("fr-FR", {
+							month: "long",
+							year: "numeric"
+						})
+					]
+				})
+			]
+		})]
+	}), $ = () => /* @__PURE__ */ V("div", {
+		className: "space-y-6",
+		children: X.map((e) => /* @__PURE__ */ V(G, {
+			section: e,
+			values: Z,
+			onChange: Y,
+			isEditing: q
+		}, e.id))
+	});
+	return g === "card" ? /* @__PURE__ */ V(a, {
+		className: D,
+		children: /* @__PURE__ */ V(o, {
+			className: "pt-6",
+			children: /* @__PURE__ */ H("div", {
+				className: "space-y-6",
+				children: [
+					Q(),
+					/* @__PURE__ */ V(_, {}),
+					$()
+				]
+			})
+		})
+	}) : /* @__PURE__ */ H("div", {
+		className: e("space-y-6", D),
+		children: [Q(), S ? /* @__PURE__ */ H(v, {
+			defaultValue: X[0]?.id,
+			className: "space-y-6",
+			children: [/* @__PURE__ */ V(b, { children: X.map((e) => /* @__PURE__ */ H(x, {
+				value: e.id,
+				className: "gap-2",
+				children: [e.icon, e.title]
+			}, e.id)) }), X.map((e) => /* @__PURE__ */ V(y, {
+				value: e.id,
+				children: /* @__PURE__ */ V(G, {
+					section: e,
+					values: Z,
+					onChange: Y,
+					isEditing: q
+				})
+			}, e.id))]
+		}) : $()]
+	});
+}
+var J = {
+	displayName: "Jean Dupont",
+	firstName: "Jean",
+	lastName: "Dupont",
+	email: "jean.dupont@exemple.com",
+	phone: "+33 6 12 34 56 78",
+	bio: "Développeur passionné avec plus de 10 ans d'expérience dans le développement web et mobile.",
+	avatarUrl: "",
+	role: "Lead Developer",
+	department: "Engineering",
+	company: "Acme Inc.",
+	location: "Paris, France",
+	website: "https://jeandupont.dev",
+	joinedAt: /* @__PURE__ */ new Date("2023-01-15"),
+	socialLinks: [
+		{
+			id: "1",
+			type: "twitter",
+			url: "https://twitter.com/jeandupont",
+			label: "@jeandupont"
+		},
+		{
+			id: "2",
+			type: "github",
+			url: "https://github.com/jeandupont",
+			label: "jeandupont"
+		},
+		{
+			id: "3",
+			type: "linkedin",
+			url: "https://linkedin.com/in/jeandupont",
+			label: "Jean Dupont"
+		}
+	]
+};
+//#endregion
+export { q as default, J as defaultProfileData };

package/dist/blocks/profile-list/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/avatar/index.cjs.js`),r=require(`../../components/badge/index.cjs.js`),i=require(`../../components/skeleton/index.cjs.js`);let a=require(`react`);a=e.__toESM(a);let o=require(`react/jsx-runtime`);function s(e){let t=e.displayName.trim().split(/\s+/);return((t[0]?.[0]??``)+(t[1]?.[0]??``)).toUpperCase()||`?`}function c({profiles:e,layout:n=`grid`,onProfileClick:r,renderActions:a,emptyState:s,isLoading:c,className:u}){return c?(0,o.jsx)(`div`,{className:t.cn(n===`grid`?`grid gap-4 grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4`:`flex flex-col gap-2`,u),children:Array.from({length:6}).map((e,t)=>(0,o.jsx)(i.Skeleton,{"data-skeleton":``,className:`h-32 rounded-lg`},t))}):e.length===0?(0,o.jsx)(`div`,{className:t.cn(`p-12 text-center text-sm text-muted-foreground`,u),children:s??`Aucun profil à afficher`}):n===`list`?(0,o.jsx)(`div`,{className:t.cn(`flex flex-col gap-2`,u),children:e.map(e=>(0,o.jsx)(d,{profile:e,onClick:r,renderActions:a},e.id))}):(0,o.jsx)(`div`,{className:t.cn(`grid gap-4 grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4`,u),children:e.map(e=>(0,o.jsx)(l,{profile:e,onClick:r,renderActions:a},e.id))})}function l({profile:e,onClick:n,renderActions:r}){return n?(0,o.jsx)(`button`,{type:`button`,onClick:()=>n(e),className:t.cn(`flex flex-col items-center gap-2 rounded-lg border bg-card p-4 text-center`,`hover:bg-accent transition-colors`),"aria-label":e.displayName,children:(0,o.jsx)(u,{profile:e,renderActions:r})}):(0,o.jsx)(`div`,{className:`flex flex-col items-center gap-2 rounded-lg border bg-card p-4 text-center`,children:(0,o.jsx)(u,{profile:e,renderActions:r})})}function u({profile:e,renderActions:t}){return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)(n.Avatar,{className:`size-14`,children:[e.avatarUrl&&(0,o.jsx)(n.AvatarImage,{src:e.avatarUrl,alt:``}),(0,o.jsx)(n.AvatarFallback,{children:s(e)})]}),(0,o.jsxs)(`div`,{className:`text-center w-full`,children:[(0,o.jsx)(`div`,{className:`font-medium truncate`,children:e.displayName}),e.title&&(0,o.jsx)(`div`,{className:`text-xs text-muted-foreground truncate`,children:e.title}),e.email&&(0,o.jsx)(`div`,{className:`text-xs text-muted-foreground truncate`,children:e.email})]}),e.badges&&e.badges.length>0&&(0,o.jsx)(`div`,{className:`flex flex-wrap gap-1 justify-center`,children:e.badges.map((e,t)=>(0,o.jsx)(r.Badge,{variant:e.variant??`default`,children:e.label},t))}),t&&(0,o.jsx)(`div`,{className:`mt-2`,children:t(e)})]})}function d({profile:e,onClick:n,renderActions:r}){return n?(0,o.jsx)(`button`,{type:`button`,onClick:()=>n(e),className:t.cn(`flex items-center gap-3 rounded-md border bg-card p-3 w-full text-left`,`hover:bg-accent transition-colors`),"aria-label":e.displayName,children:(0,o.jsx)(f,{profile:e,renderActions:r})}):(0,o.jsx)(`div`,{className:`flex items-center gap-3 rounded-md border bg-card p-3 w-full text-left`,children:(0,o.jsx)(f,{profile:e,renderActions:r})})}function f({profile:e,renderActions:t}){return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)(n.Avatar,{className:`size-10 shrink-0`,children:[e.avatarUrl&&(0,o.jsx)(n.AvatarImage,{src:e.avatarUrl,alt:``}),(0,o.jsx)(n.AvatarFallback,{children:s(e)})]}),(0,o.jsxs)(`div`,{className:`flex-1 min-w-0`,children:[(0,o.jsx)(`div`,{className:`font-medium truncate`,children:e.displayName}),(0,o.jsx)(`div`,{className:`text-xs text-muted-foreground truncate`,children:[e.title,e.email].filter(Boolean).join(` • `)})]}),e.badges&&e.badges.length>0&&(0,o.jsx)(`div`,{className:`hidden sm:flex gap-1`,children:e.badges.map((e,t)=>(0,o.jsx)(r.Badge,{variant:e.variant??`default`,children:e.label},t))}),t&&(0,o.jsx)(`div`,{className:`ml-2`,children:t(e)})]})}exports.WakaProfileList=c;

package/dist/blocks/profile-list/index.d.ts

@@ -0,0 +1,26 @@
+import * as React from "react";
+export interface ProfileSummary {
+    id: string;
+    displayName: string;
+    email?: string;
+    avatarUrl?: string;
+    title?: string;
+    badges?: Array<{
+        label: string;
+        variant?: 'default' | 'secondary' | 'destructive';
+    }>;
+    meta?: Array<{
+        icon?: React.ReactNode;
+        label: string;
+    }>;
+}
+export interface WakaProfileListProps {
+    profiles: ProfileSummary[];
+    layout?: 'grid' | 'list';
+    onProfileClick?: (profile: ProfileSummary) => void;
+    renderActions?: (profile: ProfileSummary) => React.ReactNode;
+    emptyState?: React.ReactNode;
+    isLoading?: boolean;
+    className?: string;
+}
+export declare function WakaProfileList({ profiles, layout, onProfileClick, renderActions, emptyState, isLoading, className, }: WakaProfileListProps): React.ReactElement;

package/dist/blocks/profile-list/index.es.js

@@ -0,0 +1,148 @@
+"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 { Skeleton as a } from "../../components/skeleton/index.es.js";
+import "react";
+import { Fragment as o, jsx as s, jsxs as c } from "react/jsx-runtime";
+//#region src/blocks/profile-list/index.tsx
+function l(e) {
+	let t = e.displayName.trim().split(/\s+/);
+	return ((t[0]?.[0] ?? "") + (t[1]?.[0] ?? "")).toUpperCase() || "?";
+}
+function u({ profiles: t, layout: n = "grid", onProfileClick: r, renderActions: i, emptyState: o, isLoading: c, className: l }) {
+	return c ? /* @__PURE__ */ s("div", {
+		className: e(n === "grid" ? "grid gap-4 grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4" : "flex flex-col gap-2", l),
+		children: Array.from({ length: 6 }).map((e, t) => /* @__PURE__ */ s(a, {
+			"data-skeleton": "",
+			className: "h-32 rounded-lg"
+		}, t))
+	}) : t.length === 0 ? /* @__PURE__ */ s("div", {
+		className: e("p-12 text-center text-sm text-muted-foreground", l),
+		children: o ?? "Aucun profil à afficher"
+	}) : n === "list" ? /* @__PURE__ */ s("div", {
+		className: e("flex flex-col gap-2", l),
+		children: t.map((e) => /* @__PURE__ */ s(p, {
+			profile: e,
+			onClick: r,
+			renderActions: i
+		}, e.id))
+	}) : /* @__PURE__ */ s("div", {
+		className: e("grid gap-4 grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4", l),
+		children: t.map((e) => /* @__PURE__ */ s(d, {
+			profile: e,
+			onClick: r,
+			renderActions: i
+		}, e.id))
+	});
+}
+function d({ profile: t, onClick: n, renderActions: r }) {
+	return n ? /* @__PURE__ */ s("button", {
+		type: "button",
+		onClick: () => n(t),
+		className: e("flex flex-col items-center gap-2 rounded-lg border bg-card p-4 text-center", "hover:bg-accent transition-colors"),
+		"aria-label": t.displayName,
+		children: /* @__PURE__ */ s(f, {
+			profile: t,
+			renderActions: r
+		})
+	}) : /* @__PURE__ */ s("div", {
+		className: "flex flex-col items-center gap-2 rounded-lg border bg-card p-4 text-center",
+		children: /* @__PURE__ */ s(f, {
+			profile: t,
+			renderActions: r
+		})
+	});
+}
+function f({ profile: e, renderActions: a }) {
+	return /* @__PURE__ */ c(o, { children: [
+		/* @__PURE__ */ c(t, {
+			className: "size-14",
+			children: [e.avatarUrl && /* @__PURE__ */ s(r, {
+				src: e.avatarUrl,
+				alt: ""
+			}), /* @__PURE__ */ s(n, { children: l(e) })]
+		}),
+		/* @__PURE__ */ c("div", {
+			className: "text-center w-full",
+			children: [
+				/* @__PURE__ */ s("div", {
+					className: "font-medium truncate",
+					children: e.displayName
+				}),
+				e.title && /* @__PURE__ */ s("div", {
+					className: "text-xs text-muted-foreground truncate",
+					children: e.title
+				}),
+				e.email && /* @__PURE__ */ s("div", {
+					className: "text-xs text-muted-foreground truncate",
+					children: e.email
+				})
+			]
+		}),
+		e.badges && e.badges.length > 0 && /* @__PURE__ */ s("div", {
+			className: "flex flex-wrap gap-1 justify-center",
+			children: e.badges.map((e, t) => /* @__PURE__ */ s(i, {
+				variant: e.variant ?? "default",
+				children: e.label
+			}, t))
+		}),
+		a && /* @__PURE__ */ s("div", {
+			className: "mt-2",
+			children: a(e)
+		})
+	] });
+}
+function p({ profile: t, onClick: n, renderActions: r }) {
+	return n ? /* @__PURE__ */ s("button", {
+		type: "button",
+		onClick: () => n(t),
+		className: e("flex items-center gap-3 rounded-md border bg-card p-3 w-full text-left", "hover:bg-accent transition-colors"),
+		"aria-label": t.displayName,
+		children: /* @__PURE__ */ s(m, {
+			profile: t,
+			renderActions: r
+		})
+	}) : /* @__PURE__ */ s("div", {
+		className: "flex items-center gap-3 rounded-md border bg-card p-3 w-full text-left",
+		children: /* @__PURE__ */ s(m, {
+			profile: t,
+			renderActions: r
+		})
+	});
+}
+function m({ profile: e, renderActions: a }) {
+	return /* @__PURE__ */ c(o, { children: [
+		/* @__PURE__ */ c(t, {
+			className: "size-10 shrink-0",
+			children: [e.avatarUrl && /* @__PURE__ */ s(r, {
+				src: e.avatarUrl,
+				alt: ""
+			}), /* @__PURE__ */ s(n, { children: l(e) })]
+		}),
+		/* @__PURE__ */ c("div", {
+			className: "flex-1 min-w-0",
+			children: [/* @__PURE__ */ s("div", {
+				className: "font-medium truncate",
+				children: e.displayName
+			}), /* @__PURE__ */ s("div", {
+				className: "text-xs text-muted-foreground truncate",
+				children: [e.title, e.email].filter(Boolean).join(" • ")
+			})]
+		}),
+		e.badges && e.badges.length > 0 && /* @__PURE__ */ s("div", {
+			className: "hidden sm:flex gap-1",
+			children: e.badges.map((e, t) => /* @__PURE__ */ s(i, {
+				variant: e.variant ?? "default",
+				children: e.label
+			}, t))
+		}),
+		a && /* @__PURE__ */ s("div", {
+			className: "ml-2",
+			children: a(e)
+		})
+	] });
+}
+//#endregion
+export { u as WakaProfileList };

package/dist/blocks/quarantine-manager/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`),a=require(`../../components/dialog/index.cjs.js`),o=require(`../../components/input/index.cjs.js`),s=require(`../../components/select/index.cjs.js`),c=require(`../../components/scroll-area/index.cjs.js`);let l=require(`react`);l=e.__toESM(l);let u=require(`lucide-react`),d=require(`react/jsx-runtime`);var f={critical:{label:`Critique`,color:`bg-red-500/10 text-red-700 dark:text-red-400 border-red-500/20`},high:{label:`Élevée`,color:`bg-orange-500/10 text-orange-700 dark:text-orange-400 border-orange-500/20`},medium:{label:`Moyenne`,color:`bg-yellow-500/10 text-yellow-700 dark:text-yellow-400 border-yellow-500/20`},low:{label:`Faible`,color:`bg-blue-500/10 text-blue-700 dark:text-blue-400 border-blue-500/20`}},p=e=>e<1024?`${e} B`:e<1024*1024?`${(e/1024).toFixed(1)} KB`:e<1024*1024*1024?`${(e/(1024*1024)).toFixed(1)} MB`:`${(e/(1024*1024*1024)).toFixed(1)} GB`,m=e=>new Intl.DateTimeFormat(`fr-FR`,{dateStyle:`short`,timeStyle:`short`}).format(e),h=({files:e=[],totalCount:h=0,onDelete:g,onRestore:_,onRescan:v,onPurgeAll:y,onDownloadReport:b,className:x})=>{let[S,C]=l.useState(``),[w,T]=l.useState(`all`),[E,D]=l.useState(`all`),[O,k]=l.useState(!1),[A,j]=l.useState(!1),[M,N]=l.useState(!1),[P,F]=l.useState(null),I=l.useMemo(()=>{let t=e;if(S){let e=S.toLowerCase();t=t.filter(t=>t.originalName.toLowerCase().includes(e)||t.threatName.toLowerCase().includes(e)||t.originalPath.toLowerCase().includes(e))}if(w!==`all`&&(t=t.filter(e=>e.severity===w)),E!==`all`){let e=new Date,n=new Date;switch(E){case`today`:n.setHours(0,0,0,0);break;case`week`:n.setDate(e.getDate()-7);break;case`month`:n.setMonth(e.getMonth()-1);break}E!==`all`&&(t=t.filter(e=>new Date(e.quarantinedAt)>=n))}return t},[e,S,w,E]),L=l.useMemo(()=>{let t={critical:0,high:0,medium:0,low:0};return e.forEach(e=>{t[e.severity]++}),t},[e]),R=e=>{F(e),k(!0)},z=e=>{F(e),j(!0)};return(0,d.jsxs)(`div`,{className:t.cn(`space-y-6`,x),children:[(0,d.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,d.jsxs)(`div`,{className:`space-y-1`,children:[(0,d.jsx)(`h2`,{className:`text-2xl font-semibold tracking-tight`,children:`Quarantaine`}),(0,d.jsxs)(`p`,{className:`text-sm text-muted-foreground`,children:[h||e.length,` fichier`,(h||e.length)>1?`s`:``,` en quarantaine`]})]}),(0,d.jsxs)(r.Button,{variant:`destructive`,onClick:()=>N(!0),disabled:e.length===0,children:[(0,d.jsx)(u.Trash2,{className:`mr-2 h-4 w-4`}),`Vider la quarantaine`]})]}),(0,d.jsx)(`div`,{className:`grid gap-4 md:grid-cols-4`,children:[`critical`,`high`,`medium`,`low`].map(e=>(0,d.jsx)(i.Card,{className:`p-4`,children:(0,d.jsxs)(`div`,{className:`flex items-center justify-between`,children:[(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`p`,{className:`text-sm font-medium text-muted-foreground`,children:f[e].label}),(0,d.jsx)(`p`,{className:`text-2xl font-bold`,children:L[e]})]}),(0,d.jsx)(u.AlertTriangle,{className:t.cn(`h-5 w-5`,e===`critical`&&`text-red-500`,e===`high`&&`text-orange-500`,e===`medium`&&`text-yellow-500`,e===`low`&&`text-blue-500`)})]})},e))}),(0,d.jsx)(i.Card,{className:`p-4`,children:(0,d.jsxs)(`div`,{className:`grid gap-4 md:grid-cols-3`,children:[(0,d.jsxs)(`div`,{className:`relative`,children:[(0,d.jsx)(u.Search,{className:`absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground`}),(0,d.jsx)(o.Input,{placeholder:`Rechercher par nom, menace ou chemin...`,value:S,onChange:e=>C(e.target.value),className:`pl-9`})]}),(0,d.jsxs)(s.Select,{value:w,onValueChange:e=>T(e),children:[(0,d.jsx)(`option`,{value:`all`,children:`Toutes les sévérités`}),(0,d.jsx)(`option`,{value:`critical`,children:`Critique`}),(0,d.jsx)(`option`,{value:`high`,children:`Élevée`}),(0,d.jsx)(`option`,{value:`medium`,children:`Moyenne`}),(0,d.jsx)(`option`,{value:`low`,children:`Faible`})]}),(0,d.jsxs)(s.Select,{value:E,onValueChange:D,children:[(0,d.jsx)(`option`,{value:`all`,children:`Toutes les dates`}),(0,d.jsx)(`option`,{value:`today`,children:`Aujourd'hui`}),(0,d.jsx)(`option`,{value:`week`,children:`7 derniers jours`}),(0,d.jsx)(`option`,{value:`month`,children:`30 derniers jours`})]})]})}),(0,d.jsx)(i.Card,{children:(0,d.jsx)(c.ScrollArea,{className:`h-[600px]`,children:(0,d.jsx)(`div`,{className:`p-4`,children:I.length===0?(0,d.jsxs)(`div`,{className:`flex flex-col items-center justify-center py-12 text-center`,children:[(0,d.jsx)(u.AlertTriangle,{className:`mb-4 h-12 w-12 text-muted-foreground`}),(0,d.jsx)(`h3`,{className:`mb-1 text-lg font-semibold`,children:`Aucun fichier trouvé`}),(0,d.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:e.length===0?`La quarantaine est vide`:`Aucun fichier ne correspond aux filtres`})]}):(0,d.jsx)(`div`,{className:`space-y-4`,children:I.map(e=>(0,d.jsx)(i.Card,{className:`p-4`,children:(0,d.jsxs)(`div`,{className:`space-y-3`,children:[(0,d.jsx)(`div`,{className:`flex items-start justify-between`,children:(0,d.jsxs)(`div`,{className:`flex-1 space-y-1`,children:[(0,d.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,d.jsx)(`h4`,{className:`font-medium`,children:e.originalName}),(0,d.jsx)(n.Badge,{className:f[e.severity].color,children:f[e.severity].label})]}),(0,d.jsx)(`p`,{className:`text-sm text-muted-foreground`,children:e.originalPath})]})}),(0,d.jsxs)(`div`,{className:`grid gap-3 text-sm md:grid-cols-2`,children:[(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`span`,{className:`font-medium`,children:`Menace détectée:`}),` `,(0,d.jsx)(`span`,{className:`text-muted-foreground`,children:e.threatName})]}),(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`span`,{className:`font-medium`,children:`Date quarantaine:`}),` `,(0,d.jsx)(`span`,{className:`text-muted-foreground`,children:m(e.quarantinedAt)})]}),(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`span`,{className:`font-medium`,children:`Taille:`}),` `,(0,d.jsx)(`span`,{className:`text-muted-foreground`,children:p(e.fileSize)})]}),e.uploadedBy&&(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`span`,{className:`font-medium`,children:`Uploadé par:`}),` `,(0,d.jsx)(`span`,{className:`text-muted-foreground`,children:e.uploadedBy})]}),(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`span`,{className:`font-medium`,children:`Hash:`}),` `,(0,d.jsxs)(`span`,{className:`font-mono text-xs text-muted-foreground`,children:[e.fileHash.substring(0,16),`...`]})]}),(0,d.jsxs)(`div`,{children:[(0,d.jsx)(`span`,{className:`font-medium`,children:`Moteur:`}),` `,(0,d.jsxs)(`span`,{className:`text-muted-foreground`,children:[e.scanEngine,` (`,e.signatureVersion,`)`]})]})]}),(0,d.jsxs)(`div`,{className:`flex gap-2 border-t pt-3`,children:[(0,d.jsxs)(r.Button,{variant:`outline`,size:`sm`,onClick:()=>v?.(e.id),children:[(0,d.jsx)(u.RefreshCw,{className:`mr-2 h-3 w-3`}),`Re-scanner`]}),(0,d.jsxs)(r.Button,{variant:`outline`,size:`sm`,onClick:()=>z(e),children:[(0,d.jsx)(u.RotateCcw,{className:`mr-2 h-3 w-3`}),`Restaurer`]}),(0,d.jsxs)(r.Button,{variant:`outline`,size:`sm`,onClick:()=>b?.(e.id),children:[(0,d.jsx)(u.Download,{className:`mr-2 h-3 w-3`}),`Rapport`]}),(0,d.jsxs)(r.Button,{variant:`destructive`,size:`sm`,onClick:()=>R(e),children:[(0,d.jsx)(u.Trash2,{className:`mr-2 h-3 w-3`}),`Supprimer`]})]})]})},e.id))})})})}),(0,d.jsx)(a.Dialog,{open:O,onOpenChange:k,children:(0,d.jsxs)(a.DialogContent,{children:[(0,d.jsxs)(a.DialogHeader,{children:[(0,d.jsx)(a.DialogTitle,{children:`Supprimer définitivement`}),(0,d.jsxs)(a.DialogDescription,{children:[`Êtes-vous sûr de vouloir supprimer définitivement le fichier`,` `,(0,d.jsx)(`span`,{className:`font-medium`,children:P?.originalName}),` ?`,(0,d.jsx)(`br`,{}),`Cette action est irréversible.`]})]}),(0,d.jsxs)(a.DialogFooter,{children:[(0,d.jsx)(r.Button,{variant:`outline`,onClick:()=>k(!1),children:`Annuler`}),(0,d.jsx)(r.Button,{variant:`destructive`,onClick:()=>{P&&g&&g(P.id),k(!1),F(null)},children:`Supprimer`})]})]})}),(0,d.jsx)(a.Dialog,{open:A,onOpenChange:j,children:(0,d.jsxs)(a.DialogContent,{children:[(0,d.jsxs)(a.DialogHeader,{children:[(0,d.jsx)(a.DialogTitle,{children:`Restaurer le fichier`}),(0,d.jsxs)(a.DialogDescription,{children:[`Êtes-vous sûr de vouloir restaurer le fichier`,` `,(0,d.jsx)(`span`,{className:`font-medium`,children:P?.originalName}),` ?`,(0,d.jsx)(`br`,{}),`Le fichier sera replacé à son emplacement d'origine :`,` `,(0,d.jsx)(`span`,{className:`font-mono text-xs`,children:P?.originalPath})]})]}),(0,d.jsxs)(a.DialogFooter,{children:[(0,d.jsx)(r.Button,{variant:`outline`,onClick:()=>j(!1),children:`Annuler`}),(0,d.jsx)(r.Button,{onClick:()=>{P&&_&&_(P.id),j(!1),F(null)},children:`Restaurer`})]})]})}),(0,d.jsx)(a.Dialog,{open:M,onOpenChange:N,children:(0,d.jsxs)(a.DialogContent,{children:[(0,d.jsxs)(a.DialogHeader,{children:[(0,d.jsx)(a.DialogTitle,{children:`Vider la quarantaine`}),(0,d.jsxs)(a.DialogDescription,{children:[`Êtes-vous sûr de vouloir supprimer définitivement tous les fichiers en quarantaine ?`,(0,d.jsx)(`br`,{}),e.length,` fichier`,e.length>1?`s`:``,` ser`,e.length>1?`ont`:`a`,` `,`supprimé`,e.length>1?`s`:``,`. Cette action est irréversible.`]})]}),(0,d.jsxs)(a.DialogFooter,{children:[(0,d.jsx)(r.Button,{variant:`outline`,onClick:()=>N(!1),children:`Annuler`}),(0,d.jsx)(r.Button,{variant:`destructive`,onClick:()=>{y&&y(),N(!1)},children:`Vider la quarantaine`})]})]})})]})};exports.default=h;