@wakastellar/ui 4.0.0-dev.0 → 4.0.1

package/README.md

@@ -4,11 +4,12 @@
 
 ![npm version](https://img.shields.io/npm/v/@wakastellar/ui?style=for-the-badge&color=blue)
 ![npm license](https://img.shields.io/npm/l/@wakastellar/ui?style=for-the-badge)
-![TypeScript](https://img.shields.io/badge/TypeScript-5.5+-blue?style=for-the-badge&logo=typescript)
-![React](https://img.shields.io/badge/React-18+-61dafb?style=for-the-badge&logo=react)
+![TypeScript](https://img.shields.io/badge/TypeScript-6.0-blue?style=for-the-badge&logo=typescript)
+![React](https://img.shields.io/badge/React-18%20%2F%2019-61dafb?style=for-the-badge&logo=react)
+![Next.js](https://img.shields.io/badge/Next.js-14--16-black?style=for-the-badge&logo=nextdotjs)
 ![Tailwind](https://img.shields.io/badge/Tailwind-v3%20%26%20v4-38bdf8?style=for-the-badge&logo=tailwindcss)
 
-**Bibliothèque de 200+ composants React professionnels pour applications Next.js modernes**
+**Bibliothèque de 250+ composants React professionnels pour applications Next.js modernes**
 
 [Quick Start](#quick-start) • [CLI](#cli) • [Tailwind v3/v4](#compatibilité-tailwind-v3--v4) • [Composants](#composants) • [Thèmes](#système-de-thèmes) • [i18n](#internationalisation)
 
@@ -18,13 +19,13 @@
 
 ## Caractéristiques
 
-- **200+ composants** - UI complète basée sur Radix UI
+- **250+ composants** - 258 composants + 55 blocks préfabriqués, basés sur Radix UI
 - **Tailwind v3 & v4** - Compatible avec les deux versions, zero-config
 - **DataTable avancé** - TanStack Table v8 avec tri, filtres, pagination, édition inline, export
 - **Système de thèmes** - Format shadcn/ui registry-item, chargement dynamique JSON
 - **Internationalisation** - i18next intégré avec chargement JSON à la volée
-- **TypeScript strict** - API 100% typée
-- **SSR/Next.js 15+** - Compatible App Router et React 18+
+- **TypeScript strict** - API 100% typée (TypeScript 6)
+- **SSR/Next.js** - Compatible App Router, testé sur Next.js 16 et React 19 (peer floor 18)
 - **Accessible** - WCAG compliant via Radix UI
 
 ---
@@ -151,17 +152,16 @@ Le CLI permet d'ajouter des composants individuels à votre projet, similaire à
 ```bash
 # Initialiser un projet
 npx wakastellar-ui init
-npx wakastellar-ui init --defaults  # Utilise les paramètres par défaut
+npx wakastellar-ui init --yes  # Skip les prompts, utilise les défauts
 
 # Ajouter des composants
 npx wakastellar-ui add button
 npx wakastellar-ui add button card input dialog
-npx wakastellar-ui add waka-datatable --overwrite
+npx wakastellar-ui add data-table --overwrite
 
 # Lister les composants
 npx wakastellar-ui list
-npx wakastellar-ui list --type ui
-npx wakastellar-ui list --category gamification
+npx wakastellar-ui list --category Gamification
 
 # Rechercher
 npx wakastellar-ui search button
@@ -197,9 +197,11 @@ Le CLI installe automatiquement les dépendances internes. Par exemple, ajouter
 
 ### Catégories principales
 
+> **258 composants** et **55 blocks** au total. Répartition indicative par domaine :
+
 | Catégorie | Nombre | Exemples |
 |-----------|--------|----------|
-| **Base** | 45+ | Button, Card, Input, Dialog, Tabs... |
+| **Base** | 48 | Button, Card, Input, Dialog, Tabs, Resizable, ToggleGroup... |
 | **Gamification** | 35+ | Achievements, Leaderboards, XP bars, Quests... |
 | **Infrastructure** | 25+ | Pipelines, Server racks, Network topology... |
 | **Sécurité** | 15+ | 2FA, Biometrics, Permission matrix... |
@@ -471,9 +473,10 @@ toast({ title: "Succès", description: "Action réussie" })
   "next": ">=14.0.0",
   "tailwindcss": ">=3.4.0 || >=4.0.0",
   "react-hook-form": "^7.0.0",     // optionnel
-  "recharts": ">=2.0.0",           // optionnel (charts)
-  "xlsx": ">=0.18.0",              // optionnel (export Excel)
-  "jspdf": ">=2.5.0",              // optionnel (export PDF)
+  "recharts": "^2.0.0",            // optionnel (charts)
+  "exceljs": ">=4.3.0",            // optionnel (export Excel)
+  "jspdf": ">=4.1.0",              // optionnel (export PDF)
+  "platejs": ">=52.0.0",           // optionnel (éditeur PlateJS)
   "@tiptap/*": ">=2.0.0"           // optionnel (rich text editor)
 }
 ```

package/dist/_virtual/_rolldown/runtime.cjs.js

@@ -0,0 +1 @@
+"use client";var e=Object.create,t=Object.defineProperty,n=Object.getOwnPropertyDescriptor,r=Object.getOwnPropertyNames,i=Object.getPrototypeOf,a=Object.prototype.hasOwnProperty,o=(e,t)=>()=>(t||(e((t={exports:{}}).exports,t),e=null),t.exports),s=(e,i,o,s)=>{if(i&&typeof i==`object`||typeof i==`function`)for(var c=r(i),l=0,u=c.length,d;l<u;l++)d=c[l],!a.call(e,d)&&d!==o&&t(e,d,{get:(e=>i[e]).bind(null,d),enumerable:!(s=n(i,d))||s.enumerable});return e},c=(n,r,a)=>(a=n==null?{}:e(i(n)),s(r||!n||!n.__esModule?t(a,`default`,{value:n,enumerable:!0}):a,n));exports.__commonJSMin=o,exports.__toESM=c;

package/dist/_virtual/_rolldown/runtime.es.js

@@ -0,0 +1,17 @@
+"use client";
+//#region \0rolldown/runtime.js
+var e = Object.create, t = Object.defineProperty, n = Object.getOwnPropertyDescriptor, r = Object.getOwnPropertyNames, i = Object.getPrototypeOf, a = Object.prototype.hasOwnProperty, o = (e, t) => () => (t || (e((t = { exports: {} }).exports, t), e = null), t.exports), s = (e, i, o, s) => {
+	if (i && typeof i == "object" || typeof i == "function") for (var c = r(i), l = 0, u = c.length, d; l < u; l++) d = c[l], !a.call(e, d) && d !== o && t(e, d, {
+		get: ((e) => i[e]).bind(null, d),
+		enumerable: !(s = n(i, d)) || s.enumerable
+	});
+	return e;
+}, c = (n, r, a) => (a = n == null ? {} : e(i(n)), s(r || !n || !n.__esModule ? t(a, "default", {
+	value: n,
+	enumerable: !0
+}) : a, n)), l = /* @__PURE__ */ ((e) => typeof require < "u" ? require : typeof Proxy < "u" ? new Proxy(e, { get: (e, t) => (typeof require < "u" ? require : e)[t] }) : e)(function(e) {
+	if (typeof require < "u") return require.apply(this, arguments);
+	throw Error("Calling `require` for \"" + e + "\" in an environment that doesn't expose the `require` function. See https://rolldown.rs/in-depth/bundling-cjs#require-external-modules for more details.");
+});
+//#endregion
+export { o as __commonJSMin, l as __require, c as __toESM };

package/dist/blocks/_shared/identity/InviteUserPanel.cjs.js

@@ -0,0 +1 @@
+"use client";"use client";const e=require(`../../../_virtual/_rolldown/runtime.cjs.js`),t=require(`../../../components/button/index.cjs.js`),n=require(`../../../components/label/index.cjs.js`),r=require(`../../../components/textarea/index.cjs.js`),i=require(`./RoleSelect.cjs.js`);let a=require(`react`);a=e.__toESM(a);let o=require(`react/jsx-runtime`);function s(e){return Array.from(new Set(e.split(/[\s,;\n]+/).map(e=>e.trim().toLowerCase()).filter(e=>/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e))))}function c({roles:e,defaultRoleId:c,onSubmit:l,onCancel:u,isSubmitting:d}){let[f,p]=a.useState(``),[m,h]=a.useState(c??e[0]?.id),[g,_]=a.useState(``),v=a.useMemo(()=>s(f),[f]),y=v.length>0&&!!m&&!d;return(0,o.jsxs)(`form`,{onSubmit:async e=>{e.preventDefault(),!(!m||v.length===0)&&await l({emails:v,roleId:m,message:g||void 0})},className:`flex flex-col gap-4 p-4`,children:[(0,o.jsxs)(`div`,{className:`space-y-2`,children:[(0,o.jsx)(n.Label,{htmlFor:`invite-emails`,children:`Adresses email`}),(0,o.jsx)(r.Textarea,{id:`invite-emails`,value:f,onChange:e=>p(e.target.value),placeholder:`alice@example.com, bob@example.com`,rows:3}),(0,o.jsxs)(`p`,{className:`text-xs text-muted-foreground`,children:[v.length,` adresse`,v.length>1?`s`:``,` détectée`,v.length>1?`s`:``]})]}),(0,o.jsxs)(`div`,{className:`space-y-2`,children:[(0,o.jsx)(n.Label,{htmlFor:`invite-role`,children:`Rôle`}),(0,o.jsx)(i.RoleSelect,{id:`invite-role`,value:m,onChange:h,roles:e})]}),(0,o.jsxs)(`div`,{className:`space-y-2`,children:[(0,o.jsx)(n.Label,{htmlFor:`invite-message`,children:`Message (optionnel)`}),(0,o.jsx)(r.Textarea,{id:`invite-message`,value:g,onChange:e=>_(e.target.value),rows:3})]}),(0,o.jsxs)(`div`,{className:`mt-auto flex justify-end gap-2 pt-4 border-t`,children:[u&&(0,o.jsx)(t.Button,{type:`button`,variant:`ghost`,onClick:u,disabled:d,children:`Annuler`}),(0,o.jsx)(t.Button,{type:`submit`,disabled:!y,children:d?`Envoi…`:`Envoyer l'invitation`})]})]})}exports.InviteUserPanel=c;

package/dist/blocks/_shared/identity/InviteUserPanel.d.ts

@@ -0,0 +1,13 @@
+import * as React from "react";
+import type { InvitePayload, RoleDefinition } from './types';
+export interface InviteUserPanelProps {
+    roles: RoleDefinition[];
+    defaultRoleId?: string;
+    onSubmit: (payload: InvitePayload) => Promise<void> | void;
+    onCancel?: () => void;
+    isSubmitting?: boolean;
+}
+/**
+ * Panel form for inviting one or more users by email with role selection.
+ */
+export declare function InviteUserPanel({ roles, defaultRoleId, onSubmit, onCancel, isSubmitting, }: InviteUserPanelProps): React.ReactElement;

package/dist/blocks/_shared/identity/InviteUserPanel.es.js

@@ -0,0 +1,93 @@
+"use client";
+"use client";
+import { Button as e } from "../../../components/button/index.es.js";
+import { Label as t } from "../../../components/label/index.es.js";
+import { Textarea as n } from "../../../components/textarea/index.es.js";
+import { RoleSelect as r } from "./RoleSelect.es.js";
+import * as i from "react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+//#region src/blocks/_shared/identity/InviteUserPanel.tsx
+function s(e) {
+	return Array.from(new Set(e.split(/[\s,;\n]+/).map((e) => e.trim().toLowerCase()).filter((e) => /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(e))));
+}
+function c({ roles: c, defaultRoleId: l, onSubmit: u, onCancel: d, isSubmitting: f }) {
+	let [p, m] = i.useState(""), [h, g] = i.useState(l ?? c[0]?.id), [_, v] = i.useState(""), y = i.useMemo(() => s(p), [p]), b = y.length > 0 && !!h && !f;
+	return /* @__PURE__ */ o("form", {
+		onSubmit: async (e) => {
+			e.preventDefault(), !(!h || y.length === 0) && await u({
+				emails: y,
+				roleId: h,
+				message: _ || void 0
+			});
+		},
+		className: "flex flex-col gap-4 p-4",
+		children: [
+			/* @__PURE__ */ o("div", {
+				className: "space-y-2",
+				children: [
+					/* @__PURE__ */ a(t, {
+						htmlFor: "invite-emails",
+						children: "Adresses email"
+					}),
+					/* @__PURE__ */ a(n, {
+						id: "invite-emails",
+						value: p,
+						onChange: (e) => m(e.target.value),
+						placeholder: "alice@example.com, bob@example.com",
+						rows: 3
+					}),
+					/* @__PURE__ */ o("p", {
+						className: "text-xs text-muted-foreground",
+						children: [
+							y.length,
+							" adresse",
+							y.length > 1 ? "s" : "",
+							" détectée",
+							y.length > 1 ? "s" : ""
+						]
+					})
+				]
+			}),
+			/* @__PURE__ */ o("div", {
+				className: "space-y-2",
+				children: [/* @__PURE__ */ a(t, {
+					htmlFor: "invite-role",
+					children: "Rôle"
+				}), /* @__PURE__ */ a(r, {
+					id: "invite-role",
+					value: h,
+					onChange: g,
+					roles: c
+				})]
+			}),
+			/* @__PURE__ */ o("div", {
+				className: "space-y-2",
+				children: [/* @__PURE__ */ a(t, {
+					htmlFor: "invite-message",
+					children: "Message (optionnel)"
+				}), /* @__PURE__ */ a(n, {
+					id: "invite-message",
+					value: _,
+					onChange: (e) => v(e.target.value),
+					rows: 3
+				})]
+			}),
+			/* @__PURE__ */ o("div", {
+				className: "mt-auto flex justify-end gap-2 pt-4 border-t",
+				children: [d && /* @__PURE__ */ a(e, {
+					type: "button",
+					variant: "ghost",
+					onClick: d,
+					disabled: f,
+					children: "Annuler"
+				}), /* @__PURE__ */ a(e, {
+					type: "submit",
+					disabled: !b,
+					children: f ? "Envoi…" : "Envoyer l'invitation"
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { c as InviteUserPanel };

package/dist/blocks/_shared/identity/RoleSelect.cjs.js

@@ -0,0 +1 @@
+"use client";"use client";const e=require(`../../../_virtual/_rolldown/runtime.cjs.js`),t=require(`../../../components/select/index.cjs.js`);let n=require(`react`);n=e.__toESM(n);let r=require(`react/jsx-runtime`);function i({value:e,onChange:i,roles:a,disabled:o,placeholder:s=`Rôle`,triggerClassName:c,id:l,triggerId:u}){let d=n.useId();return(0,r.jsxs)(t.Select,{value:e,onValueChange:i,disabled:o,children:[(0,r.jsx)(t.SelectTrigger,{id:l??u??d,className:c,children:(0,r.jsx)(t.SelectValue,{placeholder:s})}),(0,r.jsx)(t.SelectContent,{children:a.map(e=>(0,r.jsx)(t.SelectItem,{value:e.id,children:e.label},e.id))})]})}exports.RoleSelect=i;

package/dist/blocks/_shared/identity/RoleSelect.d.ts

@@ -0,0 +1,24 @@
+import * as React from "react";
+import type { RoleDefinition } from './types';
+export interface RoleSelectProps {
+    value: string | undefined;
+    onChange: (value: string) => void;
+    roles: RoleDefinition[];
+    disabled?: boolean;
+    placeholder?: string;
+    triggerClassName?: string;
+    /**
+     * Optional id assigned to the underlying SelectTrigger so that a sibling
+     * `<Label htmlFor={...}>` can target it. When omitted, a stable id is
+     * generated via `useId()` and exposed through `aria-labelledby` fallback.
+     */
+    id?: string;
+    /** Alias for `id` — kept for explicit naming in calling code. */
+    triggerId?: string;
+}
+/**
+ * Accessible role picker built on top of the shared Select primitive.
+ * Accepts an optional `id` (or `triggerId`) so that a sibling `<Label htmlFor>`
+ * can target the trigger button — falls back to `useId()` when unset.
+ */
+export declare function RoleSelect({ value, onChange, roles, disabled, placeholder, triggerClassName, id, triggerId, }: RoleSelectProps): React.ReactElement;

package/dist/blocks/_shared/identity/RoleSelect.es.js

@@ -0,0 +1,24 @@
+"use client";
+"use client";
+import { Select as e, SelectContent as t, SelectItem as n, SelectTrigger as r, SelectValue as i } from "../../../components/select/index.es.js";
+import * as a from "react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/blocks/_shared/identity/RoleSelect.tsx
+function c({ value: c, onChange: l, roles: u, disabled: d, placeholder: f = "Rôle", triggerClassName: p, id: m, triggerId: h }) {
+	let g = a.useId();
+	return /* @__PURE__ */ s(e, {
+		value: c,
+		onValueChange: l,
+		disabled: d,
+		children: [/* @__PURE__ */ o(r, {
+			id: m ?? h ?? g,
+			className: p,
+			children: /* @__PURE__ */ o(i, { placeholder: f })
+		}), /* @__PURE__ */ o(t, { children: u.map((e) => /* @__PURE__ */ o(n, {
+			value: e.id,
+			children: e.label
+		}, e.id)) })]
+	});
+}
+//#endregion
+export { c as RoleSelect };

package/dist/blocks/_shared/identity/SidePushLayout.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/button/index.cjs.js`),r=require(`../../../components/sheet/index.cjs.js`);let i=require(`react`);i=e.__toESM(i);let a=require(`lucide-react`),o=require(`react/jsx-runtime`);var s=`(max-width: 767px)`;function c(){let[e,t]=i.useState(!1);return i.useEffect(()=>{if(typeof window>`u`)return;let e=window.matchMedia(s),n=()=>t(e.matches);return n(),e.addEventListener(`change`,n),()=>e.removeEventListener(`change`,n)},[]),e}function l({children:e,panel:s,panelWidth:l=520,panelTitle:u,onClose:d,className:f}){let p=c(),m=s!==null,h=i.useRef(null),g=i.useRef(null),_=i.useId();return i.useEffect(()=>{if(!m)return;let e=e=>{e.key===`Escape`&&d?.()};return document.addEventListener(`keydown`,e),()=>document.removeEventListener(`keydown`,e)},[m,d]),i.useEffect(()=>{if(m)return g.current=document.activeElement,h.current&&h.current.querySelector(`button,[href],input,select,textarea,[tabindex]:not([tabindex="-1"])`)?.focus(),()=>{g.current?.focus?.()}},[m]),p?(0,o.jsxs)(`div`,{className:t.cn(`flex w-full h-full`,f),children:[(0,o.jsx)(`div`,{className:`flex-1 min-w-0`,children:e}),(0,o.jsx)(r.Sheet,{open:m,onOpenChange:e=>{e||d?.()},children:(0,o.jsxs)(r.SheetContent,{side:`right`,className:`w-full p-0`,style:{maxWidth:`${l}px`},children:[u&&(0,o.jsxs)(r.SheetHeader,{className:`px-4 py-3 border-b`,children:[(0,o.jsx)(r.SheetTitle,{children:u}),(0,o.jsx)(r.SheetDescription,{className:`sr-only`,children:u})]}),(0,o.jsx)(`div`,{className:`overflow-y-auto h-full`,children:s})]})})]}):(0,o.jsxs)(`div`,{className:t.cn(`flex w-full h-full`,f),children:[(0,o.jsx)(`div`,{className:`flex-1 min-w-0`,children:e}),(0,o.jsx)(`aside`,{ref:h,"aria-hidden":!m,"aria-labelledby":u?_:void 0,style:{width:m?l:0},className:t.cn(`shrink-0 overflow-hidden border-l bg-card transition-[width] duration-200 ease-out`,m?`opacity-100`:`opacity-0 pointer-events-none`),children:m&&(0,o.jsxs)(`div`,{className:`flex h-full flex-col`,style:{width:l},children:[(0,o.jsxs)(`header`,{className:`sticky top-0 z-10 flex items-center justify-between border-b bg-card px-4 py-3`,children:[(0,o.jsx)(`h2`,{id:_,className:`text-base font-semibold`,children:u}),(0,o.jsx)(n.Button,{variant:`ghost`,size:`icon`,onClick:d,"aria-label":`Fermer`,children:(0,o.jsx)(a.X,{className:`size-4`})})]}),(0,o.jsx)(`div`,{className:`flex-1 overflow-y-auto`,children:s})]})})]})}exports.SidePushLayout=l;

package/dist/blocks/_shared/identity/SidePushLayout.d.ts

@@ -0,0 +1,10 @@
+import * as React from "react";
+export interface SidePushLayoutProps {
+    children: React.ReactNode;
+    panel: React.ReactNode | null;
+    panelWidth?: number;
+    panelTitle?: string;
+    onClose?: () => void;
+    className?: string;
+}
+export declare function SidePushLayout({ children, panel, panelWidth, panelTitle, onClose, className, }: SidePushLayoutProps): React.ReactElement;

package/dist/blocks/_shared/identity/SidePushLayout.es.js

@@ -0,0 +1,93 @@
+"use client";
+"use client";
+import { cn as e } from "../../../utils/cn.es.js";
+import { Button as t } from "../../../components/button/index.es.js";
+import { Sheet as n, SheetContent as r, SheetDescription as i, SheetHeader as a, SheetTitle as o } from "../../../components/sheet/index.es.js";
+import * as s from "react";
+import { X as c } from "lucide-react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/blocks/_shared/identity/SidePushLayout.tsx
+var d = "(max-width: 767px)";
+function f() {
+	let [e, t] = s.useState(!1);
+	return s.useEffect(() => {
+		if (typeof window > "u") return;
+		let e = window.matchMedia(d), n = () => t(e.matches);
+		return n(), e.addEventListener("change", n), () => e.removeEventListener("change", n);
+	}, []), e;
+}
+function p({ children: d, panel: p, panelWidth: m = 520, panelTitle: h, onClose: g, className: _ }) {
+	let v = f(), y = p !== null, b = s.useRef(null), x = s.useRef(null), S = s.useId();
+	return s.useEffect(() => {
+		if (!y) return;
+		let e = (e) => {
+			e.key === "Escape" && g?.();
+		};
+		return document.addEventListener("keydown", e), () => document.removeEventListener("keydown", e);
+	}, [y, g]), s.useEffect(() => {
+		if (y) return x.current = document.activeElement, b.current && b.current.querySelector("button,[href],input,select,textarea,[tabindex]:not([tabindex=\"-1\"])")?.focus(), () => {
+			x.current?.focus?.();
+		};
+	}, [y]), v ? /* @__PURE__ */ u("div", {
+		className: e("flex w-full h-full", _),
+		children: [/* @__PURE__ */ l("div", {
+			className: "flex-1 min-w-0",
+			children: d
+		}), /* @__PURE__ */ l(n, {
+			open: y,
+			onOpenChange: (e) => {
+				e || g?.();
+			},
+			children: /* @__PURE__ */ u(r, {
+				side: "right",
+				className: "w-full p-0",
+				style: { maxWidth: `${m}px` },
+				children: [h && /* @__PURE__ */ u(a, {
+					className: "px-4 py-3 border-b",
+					children: [/* @__PURE__ */ l(o, { children: h }), /* @__PURE__ */ l(i, {
+						className: "sr-only",
+						children: h
+					})]
+				}), /* @__PURE__ */ l("div", {
+					className: "overflow-y-auto h-full",
+					children: p
+				})]
+			})
+		})]
+	}) : /* @__PURE__ */ u("div", {
+		className: e("flex w-full h-full", _),
+		children: [/* @__PURE__ */ l("div", {
+			className: "flex-1 min-w-0",
+			children: d
+		}), /* @__PURE__ */ l("aside", {
+			ref: b,
+			"aria-hidden": !y,
+			"aria-labelledby": h ? S : void 0,
+			style: { width: y ? m : 0 },
+			className: e("shrink-0 overflow-hidden border-l bg-card transition-[width] duration-200 ease-out", y ? "opacity-100" : "opacity-0 pointer-events-none"),
+			children: y && /* @__PURE__ */ u("div", {
+				className: "flex h-full flex-col",
+				style: { width: m },
+				children: [/* @__PURE__ */ u("header", {
+					className: "sticky top-0 z-10 flex items-center justify-between border-b bg-card px-4 py-3",
+					children: [/* @__PURE__ */ l("h2", {
+						id: S,
+						className: "text-base font-semibold",
+						children: h
+					}), /* @__PURE__ */ l(t, {
+						variant: "ghost",
+						size: "icon",
+						onClick: g,
+						"aria-label": "Fermer",
+						children: /* @__PURE__ */ l(c, { className: "size-4" })
+					})]
+				}), /* @__PURE__ */ l("div", {
+					className: "flex-1 overflow-y-auto",
+					children: p
+				})]
+			})
+		})]
+	});
+}
+//#endregion
+export { p as SidePushLayout };

package/dist/blocks/_shared/identity/index.d.ts

@@ -0,0 +1,3 @@
+export { SidePushLayout } from './SidePushLayout';
+export type { SidePushLayoutProps } from './SidePushLayout';
+export type { UserRecord, RoleDefinition, InvitePayload, UserPatch } from './types';

package/dist/blocks/_shared/identity/types.d.ts

@@ -0,0 +1,26 @@
+export interface UserRecord {
+    id: string;
+    email: string;
+    firstName?: string;
+    lastName?: string;
+    avatarUrl?: string;
+    roleId: string;
+    status: 'active' | 'invited' | 'suspended';
+    lastLoginAt?: Date;
+}
+export interface RoleDefinition {
+    id: string;
+    label: string;
+    description?: string;
+}
+export interface InvitePayload {
+    emails: string[];
+    roleId: string;
+    message?: string;
+}
+export interface UserPatch {
+    firstName?: string;
+    lastName?: string;
+    roleId?: string;
+    status?: UserRecord['status'];
+}

package/dist/blocks/activity-timeline/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/button/index.cjs.js`),a=require(`../../components/card/index.cjs.js`),o=require(`../../components/input/index.cjs.js`),s=require(`../../components/select/index.cjs.js`);let c=require(`react`);c=e.__toESM(c);let l=require(`lucide-react`),u=require(`react/jsx-runtime`);var d={created:{icon:l.Plus,color:`text-green-500`,label:`créé`},updated:{icon:l.Edit,color:`text-blue-500`,label:`modifié`},deleted:{icon:l.Trash2,color:`text-red-500`,label:`supprimé`},commented:{icon:l.MessageSquare,color:`text-purple-500`,label:`commenté`},uploaded:{icon:l.Upload,color:`text-cyan-500`,label:`uploadé`},downloaded:{icon:l.Download,color:`text-gray-500`,label:`téléchargé`},shared:{icon:l.User,color:`text-orange-500`,label:`partagé`},approved:{icon:l.Check,color:`text-green-500`,label:`approuvé`},rejected:{icon:l.X,color:`text-red-500`,label:`rejeté`},mentioned:{icon:l.Bell,color:`text-yellow-500`,label:`mentionné`},assigned:{icon:l.User,color:`text-indigo-500`,label:`assigné`},completed:{icon:l.Check,color:`text-green-500`,label:`terminé`},custom:{icon:l.AlertCircle,color:`text-gray-500`,label:``}};function f({user:e,size:t=`sm`}){let r={sm:`h-8 w-8`,md:`h-10 w-10`},i=e.name.split(` `).map(e=>e[0]).join(``).toUpperCase().slice(0,2);return(0,u.jsxs)(n.Avatar,{className:r[t],children:[(0,u.jsx)(n.AvatarImage,{src:e.avatar,alt:e.name}),(0,u.jsx)(n.AvatarFallback,{className:`text-xs`,children:i})]})}function p({type:e,customIcon:n,customColor:r}){let i=d[e],a=i.icon;return(0,u.jsx)(`div`,{className:t.cn(`flex h-8 w-8 items-center justify-center rounded-full bg-background border-2 shadow-sm`,r||i.color),children:n||(0,u.jsx)(a,{className:`h-4 w-4`})})}function m({activity:e,showAvatar:t,relativeTime:n,layout:i,isLast:o}){let s=e=>{let t=typeof e==`string`?new Date(e):e;if(n){let e=new Date().getTime()-t.getTime(),n=Math.floor(e/6e4),r=Math.floor(n/60),i=Math.floor(r/24);if(n<1)return`À l'instant`;if(n<60)return`Il y a ${n} min`;if(r<24)return`Il y a ${r}h`;if(i<7)return`Il y a ${i}j`}return t.toLocaleDateString(`fr-FR`,{day:`numeric`,month:`short`,hour:`2-digit`,minute:`2-digit`})},c=d[e.type];return i===`compact`?(0,u.jsxs)(`div`,{className:`flex items-center gap-3 py-2`,children:[(0,u.jsx)(p,{type:e.type,customIcon:e.icon,customColor:e.color}),(0,u.jsx)(`div`,{className:`flex-1 min-w-0`,children:(0,u.jsxs)(`p`,{className:`text-sm truncate`,children:[(0,u.jsx)(`span`,{className:`font-medium`,children:e.user.name}),` `,(0,u.jsx)(`span`,{className:`text-muted-foreground`,children:e.title})]})}),(0,u.jsx)(`span`,{className:`text-xs text-muted-foreground flex-shrink-0`,children:s(e.timestamp)})]}):i===`feed`?(0,u.jsx)(a.Card,{className:`mb-4`,children:(0,u.jsx)(a.CardContent,{className:`pt-4`,children:(0,u.jsxs)(`div`,{className:`flex gap-3`,children:[t&&(0,u.jsx)(f,{user:e.user,size:`md`}),(0,u.jsxs)(`div`,{className:`flex-1`,children:[(0,u.jsxs)(`div`,{className:`flex items-center gap-2 mb-1`,children:[(0,u.jsx)(`span`,{className:`font-medium`,children:e.user.name}),(0,u.jsx)(r.Badge,{variant:`secondary`,className:`text-xs`,children:c.label||e.type}),(0,u.jsx)(`span`,{className:`text-xs text-muted-foreground`,children:s(e.timestamp)})]}),(0,u.jsx)(`p`,{className:`text-sm`,children:e.title}),e.description&&(0,u.jsx)(`p`,{className:`text-sm text-muted-foreground mt-1`,children:e.description}),e.metadata?.comment&&(0,u.jsx)(`div`,{className:`mt-2 p-3 bg-muted rounded-lg text-sm`,children:e.metadata.comment})]})]})})}):(0,u.jsxs)(`div`,{className:`flex gap-4`,children:[(0,u.jsxs)(`div`,{className:`flex flex-col items-center`,children:[(0,u.jsx)(p,{type:e.type,customIcon:e.icon,customColor:e.color}),!o&&(0,u.jsx)(`div`,{className:`w-0.5 flex-1 bg-border mt-2`})]}),(0,u.jsx)(`div`,{className:`flex-1 pb-8`,children:(0,u.jsxs)(`div`,{className:`flex items-start gap-3`,children:[t&&(0,u.jsx)(f,{user:e.user}),(0,u.jsxs)(`div`,{className:`flex-1`,children:[(0,u.jsxs)(`div`,{className:`flex items-center gap-2 flex-wrap`,children:[(0,u.jsx)(`span`,{className:`font-medium`,children:e.user.name}),(0,u.jsx)(`span`,{className:`text-muted-foreground`,children:e.title})]}),e.description&&(0,u.jsx)(`p`,{className:`text-sm text-muted-foreground mt-1`,children:e.description}),e.metadata?.comment&&(0,u.jsx)(`div`,{className:`mt-2 p-3 bg-muted rounded-lg text-sm`,children:e.metadata.comment}),(0,u.jsx)(`span`,{className:`text-xs text-muted-foreground mt-2 block`,children:s(e.timestamp)})]})]})})]})}function h({activities:e,title:n=`Activité`,showSearch:r=!0,showFilters:a=!0,filters:d=[],activeFilter:f,onFilterChange:p,showRefresh:h=!0,onRefresh:g,loading:_=!1,groupByDay:v=!0,showLoadMore:y=!1,onLoadMore:b,loadingMore:x=!1,showAvatars:S=!0,relativeTime:C=!0,layout:w=`timeline`,className:T}){let[E,D]=c.useState(``),[O,k]=c.useState(null),A=f??O,j=e=>{p?p(e):k(e)},M=c.useMemo(()=>{let t=e;if(E){let e=E.toLowerCase();t=t.filter(t=>t.title.toLowerCase().includes(e)||t.user.name.toLowerCase().includes(e)||t.description?.toLowerCase().includes(e))}if(A){let e=d.find(e=>e.id===A);e&&(t=t.filter(t=>e.types.includes(t.type)))}return t},[e,E,A,d]),N=c.useMemo(()=>{if(!v)return null;let e={};return M.forEach(t=>{let n=(typeof t.timestamp==`string`?new Date(t.timestamp):t.timestamp).toLocaleDateString(`fr-FR`,{weekday:`long`,day:`numeric`,month:`long`,year:`numeric`});e[n]||(e[n]=[]),e[n].push(t)}),e},[M,v]),P=e=>(0,u.jsx)(`div`,{children:e.map((t,n)=>(0,u.jsx)(m,{activity:t,showAvatar:S,relativeTime:C,layout:w,isLast:n===e.length-1},t.id))});return(0,u.jsxs)(`div`,{className:t.cn(`space-y-4`,T),children:[(0,u.jsxs)(`div`,{className:`flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between`,children:[(0,u.jsx)(`h2`,{className:`text-xl font-semibold`,children:n}),(0,u.jsx)(`div`,{className:`flex items-center gap-2`,children:h&&g&&(0,u.jsx)(i.Button,{variant:`outline`,size:`sm`,onClick:g,disabled:_,children:(0,u.jsx)(l.RefreshCw,{className:t.cn(`h-4 w-4`,_&&`animate-spin`)})})})]}),(r||a)&&(0,u.jsxs)(`div`,{className:`flex flex-col gap-4 sm:flex-row sm:items-center`,children:[r&&(0,u.jsxs)(`div`,{className:`relative flex-1 max-w-sm`,children:[(0,u.jsx)(l.Search,{className:`absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-muted-foreground`}),(0,u.jsx)(o.Input,{placeholder:`Rechercher...`,value:E,onChange:e=>D(e.target.value),className:`pl-9`})]}),a&&d.length>0&&(0,u.jsxs)(s.Select,{value:A||`all`,onValueChange:e=>j(e===`all`?null:e),children:[(0,u.jsxs)(s.SelectTrigger,{className:`w-[180px]`,children:[(0,u.jsx)(l.Filter,{className:`h-4 w-4 mr-2`}),(0,u.jsx)(s.SelectValue,{placeholder:`Filtrer`})]}),(0,u.jsxs)(s.SelectContent,{children:[(0,u.jsx)(s.SelectItem,{value:`all`,children:`Toutes les activités`}),d.map(e=>(0,u.jsx)(s.SelectItem,{value:e.id,children:e.label},e.id))]})]})]}),_?(0,u.jsx)(`div`,{className:`flex items-center justify-center py-12`,children:(0,u.jsx)(l.RefreshCw,{className:`h-6 w-6 animate-spin text-muted-foreground`})}):M.length===0?(0,u.jsxs)(`div`,{className:`text-center py-12`,children:[(0,u.jsx)(l.Clock,{className:`h-12 w-12 text-muted-foreground mx-auto mb-4`}),(0,u.jsx)(`p`,{className:`text-muted-foreground`,children:`Aucune activité`})]}):v&&N?(0,u.jsx)(`div`,{className:`space-y-6`,children:Object.entries(N).map(([e,t])=>(0,u.jsxs)(`div`,{children:[(0,u.jsx)(`h3`,{className:`text-sm font-medium text-muted-foreground mb-4 capitalize`,children:e}),P(t)]},e))}):P(M),y&&b&&(0,u.jsx)(`div`,{className:`flex justify-center pt-4`,children:(0,u.jsxs)(i.Button,{variant:`outline`,onClick:b,disabled:x,children:[x?(0,u.jsx)(l.RefreshCw,{className:`h-4 w-4 animate-spin mr-2`}):(0,u.jsx)(l.ChevronDown,{className:`h-4 w-4 mr-2`}),`Charger plus`]})})]})}var g=[{id:`edits`,label:`Modifications`,types:[`created`,`updated`,`deleted`]},{id:`comments`,label:`Commentaires`,types:[`commented`,`mentioned`]},{id:`files`,label:`Fichiers`,types:[`uploaded`,`downloaded`,`shared`]},{id:`approvals`,label:`Approbations`,types:[`approved`,`rejected`,`completed`]}],_=[{id:`1`,type:`created`,title:`a créé le document 'Rapport Q4'`,user:{id:`1`,name:`Marie Dupont`},timestamp:new Date(Date.now()-1e3*60*5)},{id:`2`,type:`commented`,title:`a commenté sur 'Projet Alpha'`,user:{id:`2`,name:`Pierre Martin`},timestamp:new Date(Date.now()-1e3*60*30),metadata:{comment:`Super travail sur cette partie !`}},{id:`3`,type:`uploaded`,title:`a uploadé 3 fichiers`,user:{id:`3`,name:`Sophie Bernard`},timestamp:new Date(Date.now()-1e3*60*60*2)},{id:`4`,type:`approved`,title:`a approuvé la demande de congés`,user:{id:`1`,name:`Marie Dupont`},timestamp:new Date(Date.now()-1e3*60*60*24)}];exports.default=h,exports.defaultActivities=_,exports.defaultActivityFilters=g;