@wakastellar/ui 3.5.0 → 3.5.2

package/dist/src/blocks/login/index.d.ts

@@ -25,9 +25,9 @@ export interface LoginProps {
     onSSOMicrosoft?: () => void;
     onSSOApple?: () => void;
     onSSOLinkedIn?: () => void;
-    onSSOGithub?: () => void;
-    onSSOFacebook?: () => void;
-    onSSOInstagram?: () => void;
+    onSSOGlobe?: () => void;
+    onSSOUsers?: () => void;
+    onSSOCamera?: () => void;
     onSSOFranceConnect?: () => void;
     /** Afficher la connexion sociale (déprécié, utilise config.signup_options) */
     showSocialLogin?: boolean;
@@ -39,4 +39,4 @@ export interface LoginFormData {
     password: string;
     rememberMe?: boolean;
 }
-export declare function Login({ config, onSubmit, onForgotPassword, onSignUp, onSSOGoogle, onSSOMicrosoft, onSSOApple, onSSOLinkedIn, onSSOGithub, onSSOFacebook, onSSOInstagram, onSSOFranceConnect, showSocialLogin, className, }: LoginProps): import("react/jsx-runtime").JSX.Element;
+export declare function Login({ config, onSubmit, onForgotPassword, onSignUp, onSSOGoogle, onSSOMicrosoft, onSSOApple, onSSOLinkedIn, onSSOGlobe, onSSOUsers, onSSOCamera, onSSOFranceConnect, showSocialLogin, className, }: LoginProps): import("react/jsx-runtime").JSX.Element;

package/dist/src/stories/editor/EditorStoryWrapper.d.ts

@@ -0,0 +1,11 @@
+import * as React from "react";
+export declare function EditorStoryWrapper({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * Creates a lazy-loaded wrapper component for editor components.
+ * This defers the import to render time so ErrorBoundary can catch failures.
+ */
+export declare function createLazyEditor<P extends Record<string, unknown>>(importFn: () => Promise<{
+    default: React.ComponentType<P>;
+}>): React.LazyExoticComponent<React.ComponentType<P>>;

package/dist/waka-editor-plugins-CGojOMS5.js

@@ -0,0 +1 @@
+var e=require(`./chunk-14q5BKub.js`).r({getPresetLoaders:()=>h,loadAIPlugins:()=>u,loadComboboxPlugins:()=>m,loadCorePlugins:()=>t,loadDiffPlugin:()=>p,loadDndPlugin:()=>a,loadEmojiPlugin:()=>d,loadFloatingPlugin:()=>f,loadIndentPlugin:()=>s,loadLinkPlugin:()=>n,loadMarkdownPlugin:()=>c,loadMediaPlugins:()=>r,loadMentionPlugins:()=>i,loadSelectionPlugin:()=>l,loadTocPlugin:()=>o});async function t(){let[e,t,n,r]=await Promise.all([import(`@platejs/basic-nodes/react`),import(`@platejs/table/react`),import(`@platejs/layout/react`),import(`@platejs/callout/react`)]);return[e.BoldPlugin,e.ItalicPlugin,e.UnderlinePlugin,e.StrikethroughPlugin,e.CodePlugin,e.HighlightPlugin,e.SuperscriptPlugin,e.SubscriptPlugin,e.H1Plugin,e.H2Plugin,e.H3Plugin,e.H4Plugin,e.H5Plugin,e.H6Plugin,e.BlockquotePlugin,t.TablePlugin,t.TableRowPlugin,t.TableCellPlugin,t.TableCellHeaderPlugin,n.ColumnPlugin,n.ColumnItemPlugin,r.CalloutPlugin]}async function n(){let{LinkPlugin:e}=await import(`@platejs/link/react`);return[e.configure({options:{allowedSchemes:[`http`,`https`,`mailto`,`tel`]}})]}async function r(){let{ImagePlugin:e,MediaEmbedPlugin:t}=await import(`@platejs/media/react`);return[e,t]}async function i(){let{MentionPlugin:e,MentionInputPlugin:t}=await import(`@platejs/mention/react`);return[e.configure({options:{trigger:`@`,triggerPreviousCharPattern:/^$|^[\s"']$/,insertSpaceAfterMention:!0}}),t]}async function a(){let{DndPlugin:e}=await import(`@platejs/dnd`);return[e]}async function o(){let{TocPlugin:e}=await import(`@platejs/toc/react`);return[e]}async function s(){let{IndentPlugin:e}=await import(`@platejs/indent/react`);return[e]}async function c(){let{MarkdownPlugin:e}=await import(`@platejs/markdown`);return[e]}async function l(){let{BlockSelectionPlugin:e}=await import(`@platejs/selection/react`);return[e]}async function u(e){let{AIPlugin:t,AIChatPlugin:n}=await import(`@platejs/ai/react`),r=[t];return e?.endpoint?r.push(n.configure({options:{chat:{api:e.endpoint,body:{system:e.systemPrompt??`You are a helpful writing assistant.`},headers:e.headers}}})):r.push(n),r}async function d(){let{EmojiPlugin:e}=await import(`@platejs/emoji/react`);return[e]}async function f(){return[]}async function p(){return[]}async function m(){let{SlashPlugin:e,SlashInputPlugin:t}=await import(`@platejs/combobox/react`);return[e.configure({options:{trigger:`/`,triggerPreviousCharPattern:/^$|^[\s"']$/}}),t]}function h(e){switch(e){case`minimal`:return[];case`standard`:return[n,s];case`full`:return[n,r,i,a,o,s,c,l]}}Object.defineProperty(exports,`a`,{enumerable:!0,get:function(){return p}}),Object.defineProperty(exports,`c`,{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,`d`,{enumerable:!0,get:function(){return c}}),Object.defineProperty(exports,`f`,{enumerable:!0,get:function(){return r}}),Object.defineProperty(exports,`g`,{enumerable:!0,get:function(){return e}}),Object.defineProperty(exports,`h`,{enumerable:!0,get:function(){return o}}),Object.defineProperty(exports,`i`,{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,`l`,{enumerable:!0,get:function(){return s}}),Object.defineProperty(exports,`m`,{enumerable:!0,get:function(){return l}}),Object.defineProperty(exports,`n`,{enumerable:!0,get:function(){return u}}),Object.defineProperty(exports,`o`,{enumerable:!0,get:function(){return a}}),Object.defineProperty(exports,`p`,{enumerable:!0,get:function(){return i}}),Object.defineProperty(exports,`r`,{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,`s`,{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,`t`,{enumerable:!0,get:function(){return h}}),Object.defineProperty(exports,`u`,{enumerable:!0,get:function(){return n}});

package/dist/{waka-editor-plugins-DR6tpsUC.mjs → waka-editor-plugins-Dwh4Vreq.mjs}

@@ -71,7 +71,7 @@ async function a() {
 	} }), t];
 }
 async function o() {
-	let { DndPlugin: e } = await import("@platejs/dnd/react");
+	let { DndPlugin: e } = await import("@platejs/dnd");
 	return [e];
 }
 async function s() {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wakastellar/ui",
-  "version": "3.5.0",
+  "version": "3.5.2",
   "description": "Zero-config UI Library for Next.js with TweakCN theming and i18n support",
   "keywords": [
     "ui",

package/src/blocks/footer/index.tsx

@@ -4,7 +4,7 @@ import * as React from "react"
 import { cn } from "../../utils"
 import { Button } from "../../components/button"
 import { Separator } from "../../components/separator"
-import { Github, Twitter, Linkedin, Mail } from "lucide-react"
+import { Globe, Share2, ExternalLink, Mail } from "lucide-react"
 
 export interface FooterLink {
   label: string
@@ -29,9 +29,9 @@ export interface FooterProps {
 }
 
 const socialIcons = {
-  github: Github,
-  twitter: Twitter,
-  linkedin: Linkedin,
+  github: Globe,
+  twitter: Share2,
+  linkedin: ExternalLink,
   email: Mail,
 }
 

package/src/blocks/login/index.tsx

@@ -7,7 +7,7 @@ import { Input } from "../../components/input"
 import { Label } from "../../components/label"
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "../../components/card"
 import { Separator } from "../../components/separator"
-import { Github, Mail, Apple, Linkedin, Facebook, Instagram } from "lucide-react"
+import { Globe, Mail, Apple, ExternalLink, Users, Camera } from "lucide-react"
 import { useTheme } from "../../context/theme-provider"
 import type { LoginConfig } from "./types"
 
@@ -38,9 +38,9 @@ export interface LoginProps {
   onSSOMicrosoft?: () => void
   onSSOApple?: () => void
   onSSOLinkedIn?: () => void
-  onSSOGithub?: () => void
-  onSSOFacebook?: () => void
-  onSSOInstagram?: () => void
+  onSSOGlobe?: () => void
+  onSSOUsers?: () => void
+  onSSOCamera?: () => void
   onSSOFranceConnect?: () => void
   /** Afficher la connexion sociale (déprécié, utilise config.signup_options) */
   showSocialLogin?: boolean
@@ -63,9 +63,9 @@ export function Login({
   onSSOMicrosoft,
   onSSOApple,
   onSSOLinkedIn,
-  onSSOGithub,
-  onSSOFacebook,
-  onSSOInstagram,
+  onSSOGlobe,
+  onSSOUsers,
+  onSSOCamera,
   onSSOFranceConnect,
   showSocialLogin = false,
   className,
@@ -113,8 +113,8 @@ export function Login({
     // Mode legacy (sans config)
     if (!config?.signup_options) {
       if (showSocialLogin) {
-        if (onSSOGithub) {
-          ssoList.push({ id: "github", label: "GitHub", icon: <Github className="h-4 w-4" />, onClick: onSSOGithub })
+        if (onSSOGlobe) {
+          ssoList.push({ id: "github", label: "GitHub", icon: <Globe className="h-4 w-4" />, onClick: onSSOGlobe })
         }
         if (onSSOGoogle) {
           ssoList.push({ id: "google", label: "Google", icon: <Mail className="h-4 w-4" />, onClick: onSSOGoogle })
@@ -137,23 +137,23 @@ export function Login({
       ssoList.push({ id: "apple", label: "Apple", icon: <Apple className="h-4 w-4" />, onClick: onSSOApple })
     }
     if (options.allow_sso_linkedIn) {
-      ssoList.push({ id: "linkedin", label: "LinkedIn", icon: <Linkedin className="h-4 w-4" />, onClick: onSSOLinkedIn })
+      ssoList.push({ id: "linkedin", label: "LinkedIn", icon: <ExternalLink className="h-4 w-4" />, onClick: onSSOLinkedIn })
     }
     if (options.allow_sso_github) {
-      ssoList.push({ id: "github", label: "GitHub", icon: <Github className="h-4 w-4" />, onClick: onSSOGithub })
+      ssoList.push({ id: "github", label: "GitHub", icon: <Globe className="h-4 w-4" />, onClick: onSSOGlobe })
     }
     if (options.allow_sso_facebook) {
-      ssoList.push({ id: "facebook", label: "Facebook", icon: <Facebook className="h-4 w-4" />, onClick: onSSOFacebook })
+      ssoList.push({ id: "facebook", label: "Users", icon: <Users className="h-4 w-4" />, onClick: onSSOUsers })
     }
     if (options.allow_sso_instagram) {
-      ssoList.push({ id: "instagram", label: "Instagram", icon: <Instagram className="h-4 w-4" />, onClick: onSSOInstagram })
+      ssoList.push({ id: "instagram", label: "Camera", icon: <Camera className="h-4 w-4" />, onClick: onSSOCamera })
     }
     if (options.allow_sso_france_connect) {
       ssoList.push({ id: "france-connect", label: "France Connect", icon: <Mail className="h-4 w-4" />, onClick: onSSOFranceConnect })
     }
     
     return ssoList
-  }, [config?.signup_options, showSocialLogin, onSSOGoogle, onSSOMicrosoft, onSSOApple, onSSOLinkedIn, onSSOGithub, onSSOFacebook, onSSOInstagram, onSSOFranceConnect])
+  }, [config?.signup_options, showSocialLogin, onSSOGoogle, onSSOMicrosoft, onSSOApple, onSSOLinkedIn, onSSOGlobe, onSSOUsers, onSSOCamera, onSSOFranceConnect])
 
   // Vérifie si la connexion classique est autorisée
   // Si config n'est pas fourni, on autorise le login par défaut

package/src/blocks/profile/index.tsx

@@ -33,9 +33,8 @@ import {
   X,
   Loader2,
   Link as LinkIcon,
-  Twitter,
-  Github,
-  Linkedin,
+  Share2,
+  ExternalLink,
 } from "lucide-react"
 
 // ============================================
@@ -328,11 +327,11 @@ function SocialLinks({ links, isEditing }: SocialLinksProps) {
   const getIcon = (type: ProfileSocialLink["type"]) => {
     switch (type) {
       case "twitter":
-        return <Twitter className="h-4 w-4" />
+        return <Share2 className="h-4 w-4" />
       case "github":
-        return <Github className="h-4 w-4" />
+        return <Globe className="h-4 w-4" />
       case "linkedin":
-        return <Linkedin className="h-4 w-4" />
+        return <ExternalLink className="h-4 w-4" />
       case "website":
         return <Globe className="h-4 w-4" />
       default:

package/src/blocks/sidebar/index.tsx

@@ -596,8 +596,6 @@ export function WakaSidebar({
     "bg-[var(--sidebar-bg)] text-[var(--sidebar-text)]",
     "[&_.bg-sidebar-active]:bg-[var(--sidebar-active)]",
     "[&_.text-sidebar-active-foreground]:text-[var(--sidebar-active-foreground)]",
-    "[&_.text-sidebar-foreground\\/70]:text-[var(--sidebar-text)]",
-    "[&_.text-sidebar-foreground\\/70]:opacity-70",
     "[&_.border-sidebar-active]:border-[var(--sidebar-active)]",
     contentClassName
   )

package/src/components/dropdown-menu/DropdownMenu.stories.tsx

@@ -27,7 +27,7 @@ import {
   MessageSquare,
   PlusCircle,
   Plus,
-  Github,
+  Globe,
   LifeBuoy,
   Cloud,
   LogOut,
@@ -190,7 +190,7 @@ export const WithSubmenu: Story = {
         </DropdownMenuGroup>
         <DropdownMenuSeparator />
         <DropdownMenuItem>
-          <Github className="mr-2 h-4 w-4" />
+          <Globe className="mr-2 h-4 w-4" />
           <span>GitHub</span>
         </DropdownMenuItem>
         <DropdownMenuItem>

package/src/components/editor/waka-dnd-editor.tsx

@@ -111,7 +111,7 @@ export const WakaDnDEditor = React.forwardRef<HTMLDivElement, WakaDnDEditorProps
               import("@platejs/layout/react"),
               import("@platejs/callout/react"),
               import("@platejs/link/react"),
-              import("@platejs/dnd/react"),
+              import("@platejs/dnd"),
               import("@platejs/selection/react"),
             ])
 

package/src/components/editor/waka-document-editor.tsx

@@ -220,7 +220,7 @@ export const WakaDocumentEditor = React.forwardRef<HTMLDivElement, WakaDocumentE
           // Optional: DnD
           if (cfg.enableDnD) {
             try {
-              const { DndPlugin } = await import("@platejs/dnd/react")
+              const { DndPlugin } = await import("@platejs/dnd")
               plugins.push(DndPlugin)
             } catch { /* not installed */ }
           }

package/src/components/editor/waka-editor-plugins.ts

@@ -89,7 +89,7 @@ export async function loadMentionPlugins(): Promise<PlatePlugin[]> {
 
 /** Loads DnD (drag and drop) plugin */
 export async function loadDndPlugin(): Promise<PlatePlugin[]> {
-  const { DndPlugin } = await import("@platejs/dnd/react")
+  const { DndPlugin } = await import("@platejs/dnd")
   return [DndPlugin]
 }
 

package/src/components/waka-approval-chain/WakaApprovalChain.stories.tsx

@@ -1,5 +1,5 @@
 import type { Meta, StoryObj } from "@storybook/react"
-import { WakaApprovalChain, type Approver } from "./index"
+import { WakaApprovalChain, type ApprovalStep } from "./index"
 
 const meta: Meta<typeof WakaApprovalChain> = {
   title: "Admin/WakaApprovalChain",
@@ -7,28 +7,27 @@ const meta: Meta<typeof WakaApprovalChain> = {
   parameters: { layout: "padded" },
   tags: ["autodocs"],
   argTypes: {
-    orientation: { control: "select", options: ["horizontal", "vertical"], description: "Orientation" },
+    variant: { control: "select", options: ["horizontal", "vertical"], description: "Orientation" },
     showComments: { control: "boolean", description: "Afficher les commentaires" },
-    interactive: { control: "boolean", description: "Mode interactif" },
   },
 }
 
 export default meta
 type Story = StoryObj<typeof WakaApprovalChain>
 
-const approvers: Approver[] = [
-  { id: "1", name: "Alice Martin", role: "Manager", status: "approved", date: new Date(Date.now() - 86400000), comment: "Approuvé" },
-  { id: "2", name: "Bob Dupont", role: "Finance", status: "approved", date: new Date(Date.now() - 43200000) },
-  { id: "3", name: "Charlie Bernard", role: "Directeur", status: "pending" },
+const steps: ApprovalStep[] = [
+  { id: "1", approver: { id: "a1", name: "Alice Martin", role: "Manager" }, status: "approved", timestamp: new Date(Date.now() - 86400000), comment: "Approuve" },
+  { id: "2", approver: { id: "a2", name: "Bob Dupont", role: "Finance" }, status: "approved", timestamp: new Date(Date.now() - 43200000) },
+  { id: "3", approver: { id: "a3", name: "Charlie Bernard", role: "Directeur" }, status: "pending" },
 ]
 
 export const Default: Story = {
-  args: { approvers, orientation: "horizontal", showComments: true },
+  args: { steps, variant: "horizontal", showComments: true },
   render: (args) => <WakaApprovalChain {...args} />,
 }
 
 export const Vertical: Story = {
-  args: { approvers, orientation: "vertical", showComments: true },
+  args: { steps, variant: "vertical", showComments: true },
   render: (args) => (
     <div style={{ maxWidth: 400 }}>
       <WakaApprovalChain {...args} />
@@ -38,18 +37,18 @@ export const Vertical: Story = {
 
 export const AllApproved: Story = {
   args: {
-    approvers: approvers.map(a => ({ ...a, status: "approved" as const, date: new Date() })),
-    orientation: "horizontal",
+    steps: steps.map(s => ({ ...s, status: "approved" as const, timestamp: new Date() })),
+    variant: "horizontal",
   },
   render: (args) => <WakaApprovalChain {...args} />,
 }
 
 export const Rejected: Story = {
   args: {
-    approvers: [
-      { ...approvers[0], status: "approved" as const },
-      { ...approvers[1], status: "rejected" as const, comment: "Budget insuffisant" },
-      { ...approvers[2], status: "skipped" as const },
+    steps: [
+      { ...steps[0], status: "approved" as const },
+      { ...steps[1], status: "rejected" as const, comment: "Budget insuffisant" },
+      { ...steps[2], status: "pending" as const },
     ],
     showComments: true,
   },
@@ -57,7 +56,6 @@ export const Rejected: Story = {
 }
 
 export const Interactive: Story = {
-  args: { approvers, interactive: true, showComments: true },
+  args: { steps, showComments: true, currentUserId: "a3" },
   render: (args) => <WakaApprovalChain {...args} />,
 }
-

package/src/components/waka-compare-period/WakaComparePeriod.stories.tsx

@@ -7,29 +7,32 @@ const meta: Meta<typeof WakaComparePeriod> = {
   parameters: { layout: "centered" },
   tags: ["autodocs"],
   argTypes: {
-    preset: { control: "select", options: ["last_week", "last_month", "last_quarter", "last_year", "custom"], description: "Préréglage" },
-    showChart: { control: "boolean", description: "Afficher le graphique" },
-    showPercentage: { control: "boolean", description: "Afficher les pourcentages" },
+    periodPreset: { control: "select", options: ["last_week", "last_month", "last_quarter", "last_year", "custom"], description: "Prereglage" },
+    showComparisonBars: { control: "boolean", description: "Afficher les barres de comparaison" },
+    showSummary: { control: "boolean", description: "Afficher le resume" },
   },
 }
 
 export default meta
 type Story = StoryObj<typeof WakaComparePeriod>
 
+const currentPeriod = { start: new Date("2024-01-01"), end: new Date("2024-01-31") }
+const previousPeriod = { start: new Date("2023-12-01"), end: new Date("2023-12-31") }
+
 const metrics = [
-  { id: "revenue", label: "Revenu", current: 45000, previous: 38000, format: "currency" as const },
-  { id: "users", label: "Utilisateurs", current: 1250, previous: 1100, format: "number" as const },
-  { id: "conversion", label: "Conversion", current: 3.5, previous: 3.2, format: "percent" as const },
+  { id: "revenue", name: "Revenu", value: { current: 45000, previous: 38000 }, unit: "EUR" },
+  { id: "users", name: "Utilisateurs", value: { current: 1250, previous: 1100 } },
+  { id: "conversion", name: "Conversion", value: { current: 3.5, previous: 3.2 }, unit: "%" },
 ]
 
 export const Default: Story = {
   args: {
     metrics,
-    preset: "last_month",
-    currentPeriod: { start: new Date("2024-01-01"), end: new Date("2024-01-31") },
-    previousPeriod: { start: new Date("2023-12-01"), end: new Date("2023-12-31") },
-    showChart: true,
-    showPercentage: true,
+    currentPeriod,
+    previousPeriod,
+    periodPreset: "last_month",
+    showComparisonBars: true,
+    showSummary: true,
   },
   render: (args) => (
     <div style={{ width: 500 }}>
@@ -41,9 +44,11 @@ export const Default: Story = {
 export const WeekComparison: Story = {
   args: {
     metrics,
-    preset: "last_week",
-    showChart: true,
-    showPercentage: true,
+    currentPeriod: { start: new Date("2024-01-22"), end: new Date("2024-01-28") },
+    previousPeriod: { start: new Date("2024-01-15"), end: new Date("2024-01-21") },
+    periodPreset: "last_week",
+    showComparisonBars: true,
+    showSummary: true,
   },
   render: (args) => (
     <div style={{ width: 500 }}>
@@ -54,9 +59,14 @@ export const WeekComparison: Story = {
 
 export const NegativeTrend: Story = {
   args: {
-    metrics: metrics.map(m => ({ ...m, current: m.previous * 0.9, previous: m.current })),
-    preset: "last_month",
-    showPercentage: true,
+    metrics: metrics.map(m => ({
+      ...m,
+      value: { current: m.value.previous * 0.9, previous: m.value.current },
+    })),
+    currentPeriod,
+    previousPeriod,
+    periodPreset: "last_month",
+    showSummary: true,
   },
   render: (args) => (
     <div style={{ width: 500 }}>
@@ -66,11 +76,17 @@ export const NegativeTrend: Story = {
 }
 
 export const NoChart: Story = {
-  args: { metrics, preset: "last_quarter", showChart: false, showPercentage: true },
+  args: {
+    metrics,
+    currentPeriod,
+    previousPeriod,
+    periodPreset: "last_quarter",
+    showComparisonBars: false,
+    showSummary: true,
+  },
   render: (args) => (
     <div style={{ width: 400 }}>
       <WakaComparePeriod {...args} />
     </div>
   ),
 }
-

package/src/components/waka-content-recommendation/WakaContentRecommendation.stories.tsx

@@ -1,16 +1,30 @@
 import type { Meta, StoryObj } from "@storybook/react"
 import { WakaContentRecommendation } from "./index"
+import { WakaAdProvider } from "../waka-ad-provider/index"
+
+const adConfig = {
+  network: "custom" as const,
+  customAdServer: "https://ads.example.com",
+  testMode: true,
+}
 
 const meta: Meta<typeof WakaContentRecommendation> = {
   title: "Sponsoring/WakaContentRecommendation",
   component: WakaContentRecommendation,
   parameters: { layout: "padded" },
   tags: ["autodocs"],
+  decorators: [
+    (Story) => (
+      <WakaAdProvider config={adConfig}>
+        <Story />
+      </WakaAdProvider>
+    ),
+  ],
   argTypes: {
     layout: { control: "select", options: ["grid", "carousel", "list"], description: "Disposition" },
     columns: { control: "select", options: [2, 3, 4], description: "Colonnes (grid)" },
-    showArrows: { control: "boolean", description: "Flèches navigation" },
-    autoScroll: { control: "boolean", description: "Défilement auto" },
+    showArrows: { control: "boolean", description: "Fleches navigation" },
+    autoScroll: { control: "boolean", description: "Defilement auto" },
   },
 }
 
@@ -25,12 +39,12 @@ export const Default: Story = {
 }
 
 export const Carousel: Story = {
-  args: { title: "À découvrir", slotIds, layout: "carousel", showArrows: true, autoScroll: false },
+  args: { title: "A decouvrir", slotIds, layout: "carousel", showArrows: true, autoScroll: false },
   render: (args) => <WakaContentRecommendation {...args} />,
 }
 
 export const List: Story = {
-  args: { title: "Articles suggérés", slotIds: slotIds.slice(0, 3), layout: "list" },
+  args: { title: "Articles suggeres", slotIds: slotIds.slice(0, 3), layout: "list" },
   render: (args) => <WakaContentRecommendation {...args} />,
 }
 
@@ -38,4 +52,3 @@ export const TwoColumns: Story = {
   args: { title: "Pour vous", slotIds: slotIds.slice(0, 4), layout: "grid", columns: 2 },
   render: (args) => <WakaContentRecommendation {...args} />,
 }
-

package/src/components/waka-password-strength/WakaPasswordStrength.stories.tsx

@@ -18,9 +18,9 @@ const meta: Meta<typeof WakaPasswordStrength> = {
       control: "boolean",
       description: "Afficher le champ de saisie",
     },
-    showRequirements: {
+    showChecklist: {
       control: "boolean",
-      description: "Afficher les exigences",
+      description: "Afficher la checklist des exigences",
     },
     showStrengthBar: {
       control: "boolean",
@@ -34,22 +34,6 @@ const meta: Meta<typeof WakaPasswordStrength> = {
       control: "number",
       description: "Longueur minimale requise",
     },
-    requireUppercase: {
-      control: "boolean",
-      description: "Exiger une majuscule",
-    },
-    requireLowercase: {
-      control: "boolean",
-      description: "Exiger une minuscule",
-    },
-    requireNumber: {
-      control: "boolean",
-      description: "Exiger un chiffre",
-    },
-    requireSpecial: {
-      control: "boolean",
-      description: "Exiger un caractère spécial",
-    },
   },
 }
 
@@ -58,15 +42,12 @@ type Story = StoryObj<typeof WakaPasswordStrength>
 
 export const Default: Story = {
   args: {
+    password: "",
     showInput: true,
-    showRequirements: true,
+    showChecklist: true,
     showStrengthBar: true,
     showStrengthLabel: true,
     minLength: 8,
-    requireUppercase: true,
-    requireLowercase: true,
-    requireNumber: true,
-    requireSpecial: true,
   },
   render: (args) => (
     <div style={{ width: 350 }}>
@@ -79,7 +60,7 @@ export const WeakPassword: Story = {
   args: {
     password: "abc",
     showInput: false,
-    showRequirements: true,
+    showChecklist: true,
     showStrengthBar: true,
     showStrengthLabel: true,
   },
@@ -94,7 +75,7 @@ export const FairPassword: Story = {
   args: {
     password: "Password1",
     showInput: false,
-    showRequirements: true,
+    showChecklist: true,
     showStrengthBar: true,
     showStrengthLabel: true,
   },
@@ -109,7 +90,7 @@ export const GoodPassword: Story = {
   args: {
     password: "Password123!",
     showInput: false,
-    showRequirements: true,
+    showChecklist: true,
     showStrengthBar: true,
     showStrengthLabel: true,
   },
@@ -124,7 +105,7 @@ export const StrongPassword: Story = {
   args: {
     password: "MyStr0ng!P@ssword2024",
     showInput: false,
-    showRequirements: true,
+    showChecklist: true,
     showStrengthBar: true,
     showStrengthLabel: true,
   },
@@ -138,7 +119,7 @@ export const StrongPassword: Story = {
 export const BarOnly: Story = {
   args: {
     showInput: true,
-    showRequirements: false,
+    showChecklist: false,
     showStrengthBar: true,
     showStrengthLabel: true,
   },
@@ -152,7 +133,7 @@ export const BarOnly: Story = {
 export const RequirementsOnly: Story = {
   args: {
     showInput: true,
-    showRequirements: true,
+    showChecklist: true,
     showStrengthBar: false,
     showStrengthLabel: false,
   },
@@ -166,13 +147,9 @@ export const RequirementsOnly: Story = {
 export const SimpleRequirements: Story = {
   args: {
     showInput: true,
-    showRequirements: true,
+    showChecklist: true,
     showStrengthBar: true,
     minLength: 6,
-    requireUppercase: false,
-    requireLowercase: true,
-    requireNumber: true,
-    requireSpecial: false,
   },
   render: (args) => (
     <div style={{ width: 350 }}>