@dododog/ui 0.13.1 → 0.14.1

package/README.md

@@ -1,6 +1,6 @@
 # @dododog/ui
 
-React UI component library for [DodoDog](https://dododog.voyage) — the pet-friendly travel platform.
+React UI component library for [ToutouTrip](https://toutoutrip.com) — the pet-friendly travel platform.
 
 Built with React, TypeScript, Tailwind CSS, and [class-variance-authority](https://cva.style).
 
@@ -14,7 +14,7 @@ npm install @dododog/ui
 
 ### Tailwind CSS
 
-Add the DodoDog preset and content path to your `tailwind.config.ts`:
+Add the ToutouTrip preset and content path to your `tailwind.config.ts`:
 
 ```ts
 import type { Config } from "tailwindcss";
@@ -113,7 +113,7 @@ export default function App() {
 | Export | Import path | Description |
 |--------|-------------|-------------|
 | Tokens | `@dododog/ui/tokens` | Design tokens (colors, spacing, etc.) |
-| Tailwind Preset | `@dododog/ui/tailwind-preset` | Tailwind CSS preset with DodoDog theme |
+| Tailwind Preset | `@dododog/ui/tailwind-preset` | Tailwind CSS preset with ToutouTrip theme |
 | Utils | `@dododog/ui/utils` | Utility functions (`cn`, etc.) |
 
 ## Requirements

package/dist/{chunk-SZ3SV4SJ.mjs → chunk-4DHZ6MIL.mjs}

@@ -106,7 +106,7 @@ var Footer = React.forwardRef(
           bottomExtra
         ] }),
         tagline && /* @__PURE__ */ jsx("div", { className: "text-sm text-white/60", children: tagline }),
-        /* @__PURE__ */ jsx("p", { className: "text-sm text-white/60", children: copyright || `\xA9 ${year} DodoDog. Tous droits r\xE9serv\xE9s.` })
+        /* @__PURE__ */ jsx("p", { className: "text-sm text-white/60", children: copyright || `\xA9 ${year} ToutouTrip. Tous droits r\xE9serv\xE9s.` })
       ] }) }) })
     ] });
   }

package/dist/{chunk-77WKG2D7.js → chunk-5UNG2O64.js}

@@ -46,31 +46,61 @@ var inputVariants = classVarianceAuthority.cva(
   }
 );
 var Input = React__namespace.forwardRef(
-  ({ className, size, variant, label, error, required, leftIcon, rightIcon, ...props }, ref) => {
+  ({
+    className,
+    size,
+    variant,
+    label,
+    error,
+    required,
+    leftIcon,
+    rightIcon,
+    id,
+    "aria-describedby": ariaDescribedBy,
+    "aria-invalid": ariaInvalid,
+    "aria-required": ariaRequired,
+    ...props
+  }, ref) => {
+    const generatedId = React__namespace.useId();
+    const inputId = id ?? generatedId;
+    const errorId = `${inputId}-error`;
     const resolvedVariant = error ? "error" : variant ?? "default";
+    const describedBy = [ariaDescribedBy, error ? errorId : null].filter(Boolean).join(" ") || void 0;
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full", children: [
-      label && /* @__PURE__ */ jsxRuntime.jsxs("label", { className: "block text-sm font-medium text-primary mb-1.5", children: [
-        label,
-        required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-secondary", children: " *" })
-      ] }),
+      label && /* @__PURE__ */ jsxRuntime.jsxs(
+        "label",
+        {
+          htmlFor: inputId,
+          className: "block text-sm font-medium text-primary mb-1.5",
+          children: [
+            label,
+            required && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-secondary", "aria-hidden": "true", children: " *" })
+          ]
+        }
+      ),
       /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative", children: [
         leftIcon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-text-muted", children: leftIcon }),
         /* @__PURE__ */ jsxRuntime.jsx(
           "input",
           {
+            ...props,
             ref,
+            id: inputId,
+            required,
+            "aria-required": ariaRequired ?? (required ? true : void 0),
+            "aria-invalid": ariaInvalid ?? (error ? true : void 0),
+            "aria-describedby": describedBy,
             className: chunkADIDI7AJ_js.cn(
               inputVariants({ size, variant: resolvedVariant }),
               leftIcon && "pl-10",
               rightIcon && "pr-10",
               className
-            ),
-            ...props
+            )
           }
         ),
         rightIcon && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute right-3 top-1/2 -translate-y-1/2 text-text-muted", children: rightIcon })
       ] }),
-      error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-red-500", children: error })
+      error && /* @__PURE__ */ jsxRuntime.jsx("p", { id: errorId, className: "mt-1 text-sm text-red-500", children: error })
     ] });
   }
 );

package/dist/{chunk-C4RZBOKH.js → chunk-EQPT6VZF.js}

@@ -128,7 +128,7 @@ var Footer = React__namespace.forwardRef(
           bottomExtra
         ] }),
         tagline && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-sm text-white/60", children: tagline }),
-        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-white/60", children: copyright || `\xA9 ${year} DodoDog. Tous droits r\xE9serv\xE9s.` })
+        /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm text-white/60", children: copyright || `\xA9 ${year} ToutouTrip. Tous droits r\xE9serv\xE9s.` })
       ] }) }) })
     ] });
   }

package/dist/{chunk-NBDPT3XQ.js → chunk-HH4X2JYO.js}

@@ -24,13 +24,89 @@ function _interopNamespace(e) {
 
 var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
+var FOCUSABLE_SELECTOR = [
+  "a[href]",
+  "area[href]",
+  "button:not([disabled])",
+  "input:not([disabled]):not([type='hidden'])",
+  "select:not([disabled])",
+  "textarea:not([disabled])",
+  "iframe",
+  "audio[controls]",
+  "video[controls]",
+  "[contenteditable]:not([contenteditable='false'])",
+  '[tabindex]:not([tabindex="-1"])'
+].join(", ");
+function getFocusableElements(panel) {
+  return Array.from(panel.querySelectorAll(FOCUSABLE_SELECTOR)).filter(
+    (element) => !element.closest("[hidden], [aria-hidden='true'], details:not([open])")
+  );
+}
+function isTopMostDialog(panel) {
+  const dialogs = document.querySelectorAll('[role="dialog"][aria-modal="true"]');
+  const topMost = dialogs[dialogs.length - 1];
+  return !topMost || topMost.contains(panel);
+}
 var Modal = React__namespace.forwardRef(
-  ({ isOpen, onClose, children, title, className }, ref) => {
-    const contentRef = React__namespace.useRef(null);
+  ({
+    isOpen,
+    onClose,
+    children,
+    title,
+    className,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    "aria-describedby": ariaDescribedBy
+  }, ref) => {
+    const panelRef = React__namespace.useRef(null);
+    const generatedTitleId = React__namespace.useId();
+    const titleId = title ? `${generatedTitleId}-title` : void 0;
+    const labelledBy = ariaLabelledBy ?? titleId;
     React__namespace.useEffect(() => {
       if (!isOpen) return;
-      const handleKeyDown = (e) => {
-        if (e.key === "Escape") onClose();
+      const trigger = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+      return () => {
+        if (trigger && trigger.isConnected) trigger.focus();
+      };
+    }, [isOpen]);
+    React__namespace.useEffect(() => {
+      if (!isOpen) return;
+      const panel = panelRef.current;
+      if (!panel) return;
+      const focusable = getFocusableElements(panel);
+      (focusable[0] ?? panel).focus();
+    }, [isOpen]);
+    React__namespace.useEffect(() => {
+      if (!isOpen) return;
+      const handleKeyDown = (event) => {
+        const panel = panelRef.current;
+        if (!panel || !isTopMostDialog(panel)) return;
+        if (event.key === "Escape") {
+          onClose();
+          return;
+        }
+        if (event.key !== "Tab") return;
+        const focusable = getFocusableElements(panel);
+        const active = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+        if (focusable.length === 0) {
+          event.preventDefault();
+          panel.focus();
+          return;
+        }
+        const first = focusable[0];
+        const last = focusable[focusable.length - 1];
+        if (!active || !panel.contains(active)) {
+          event.preventDefault();
+          (event.shiftKey ? last : first).focus();
+          return;
+        }
+        if (event.shiftKey && active === first) {
+          event.preventDefault();
+          last.focus();
+        } else if (!event.shiftKey && active === last) {
+          event.preventDefault();
+          first.focus();
+        }
       };
       document.addEventListener("keydown", handleKeyDown);
       return () => document.removeEventListener("keydown", handleKeyDown);
@@ -43,13 +119,6 @@ var Modal = React__namespace.forwardRef(
         document.body.style.overflow = prev;
       };
     }, [isOpen]);
-    React__namespace.useEffect(() => {
-      if (!isOpen || !contentRef.current) return;
-      const focusable = contentRef.current.querySelectorAll(
-        'button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'
-      );
-      if (focusable.length > 0) focusable[0].focus();
-    }, [isOpen]);
     if (!isOpen) return null;
     return /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
@@ -58,7 +127,9 @@ var Modal = React__namespace.forwardRef(
         className: "fixed inset-0 z-50 flex items-center justify-center p-4",
         role: "dialog",
         "aria-modal": "true",
-        "aria-label": title,
+        "aria-labelledby": labelledBy,
+        "aria-label": labelledBy ? void 0 : ariaLabel,
+        "aria-describedby": ariaDescribedBy,
         children: [
           /* @__PURE__ */ jsxRuntime.jsx(
             "div",
@@ -71,14 +142,22 @@ var Modal = React__namespace.forwardRef(
           /* @__PURE__ */ jsxRuntime.jsxs(
             "div",
             {
-              ref: contentRef,
+              ref: panelRef,
+              tabIndex: -1,
               className: chunkADIDI7AJ_js.cn(
-                "relative bg-white rounded-2xl shadow-xl max-w-md w-full max-h-[90vh] overflow-auto",
+                "relative bg-white rounded-2xl shadow-xl max-w-md w-full max-h-[90vh] overflow-auto outline-none",
                 className
               ),
               children: [
                 title && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between px-6 pt-6 pb-2", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx("h2", { className: "text-lg font-heading font-semibold text-primary", children: title }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    "h2",
+                    {
+                      id: titleId,
+                      className: "text-lg font-heading font-semibold text-primary",
+                      children: title
+                    }
+                  ),
                   /* @__PURE__ */ jsxRuntime.jsx(
                     "button",
                     {

package/dist/{chunk-GRG4USTC.mjs → chunk-JWOV5H6G.mjs}

@@ -24,31 +24,61 @@ var inputVariants = cva(
   }
 );
 var Input = React.forwardRef(
-  ({ className, size, variant, label, error, required, leftIcon, rightIcon, ...props }, ref) => {
+  ({
+    className,
+    size,
+    variant,
+    label,
+    error,
+    required,
+    leftIcon,
+    rightIcon,
+    id,
+    "aria-describedby": ariaDescribedBy,
+    "aria-invalid": ariaInvalid,
+    "aria-required": ariaRequired,
+    ...props
+  }, ref) => {
+    const generatedId = React.useId();
+    const inputId = id ?? generatedId;
+    const errorId = `${inputId}-error`;
     const resolvedVariant = error ? "error" : variant ?? "default";
+    const describedBy = [ariaDescribedBy, error ? errorId : null].filter(Boolean).join(" ") || void 0;
     return /* @__PURE__ */ jsxs("div", { className: "w-full", children: [
-      label && /* @__PURE__ */ jsxs("label", { className: "block text-sm font-medium text-primary mb-1.5", children: [
-        label,
-        required && /* @__PURE__ */ jsx("span", { className: "text-secondary", children: " *" })
-      ] }),
+      label && /* @__PURE__ */ jsxs(
+        "label",
+        {
+          htmlFor: inputId,
+          className: "block text-sm font-medium text-primary mb-1.5",
+          children: [
+            label,
+            required && /* @__PURE__ */ jsx("span", { className: "text-secondary", "aria-hidden": "true", children: " *" })
+          ]
+        }
+      ),
       /* @__PURE__ */ jsxs("div", { className: "relative", children: [
         leftIcon && /* @__PURE__ */ jsx("div", { className: "absolute left-3 top-1/2 -translate-y-1/2 text-text-muted", children: leftIcon }),
         /* @__PURE__ */ jsx(
           "input",
           {
+            ...props,
             ref,
+            id: inputId,
+            required,
+            "aria-required": ariaRequired ?? (required ? true : void 0),
+            "aria-invalid": ariaInvalid ?? (error ? true : void 0),
+            "aria-describedby": describedBy,
             className: cn(
               inputVariants({ size, variant: resolvedVariant }),
               leftIcon && "pl-10",
               rightIcon && "pr-10",
               className
-            ),
-            ...props
+            )
           }
         ),
         rightIcon && /* @__PURE__ */ jsx("div", { className: "absolute right-3 top-1/2 -translate-y-1/2 text-text-muted", children: rightIcon })
       ] }),
-      error && /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-red-500", children: error })
+      error && /* @__PURE__ */ jsx("p", { id: errorId, className: "mt-1 text-sm text-red-500", children: error })
     ] });
   }
 );

package/dist/chunk-N5ZNXNCO.mjs

@@ -0,0 +1,178 @@
+import { cn } from './chunk-IMKLN273.mjs';
+import * as React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var FOCUSABLE_SELECTOR = [
+  "a[href]",
+  "area[href]",
+  "button:not([disabled])",
+  "input:not([disabled]):not([type='hidden'])",
+  "select:not([disabled])",
+  "textarea:not([disabled])",
+  "iframe",
+  "audio[controls]",
+  "video[controls]",
+  "[contenteditable]:not([contenteditable='false'])",
+  '[tabindex]:not([tabindex="-1"])'
+].join(", ");
+function getFocusableElements(panel) {
+  return Array.from(panel.querySelectorAll(FOCUSABLE_SELECTOR)).filter(
+    (element) => !element.closest("[hidden], [aria-hidden='true'], details:not([open])")
+  );
+}
+function isTopMostDialog(panel) {
+  const dialogs = document.querySelectorAll('[role="dialog"][aria-modal="true"]');
+  const topMost = dialogs[dialogs.length - 1];
+  return !topMost || topMost.contains(panel);
+}
+var Modal = React.forwardRef(
+  ({
+    isOpen,
+    onClose,
+    children,
+    title,
+    className,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    "aria-describedby": ariaDescribedBy
+  }, ref) => {
+    const panelRef = React.useRef(null);
+    const generatedTitleId = React.useId();
+    const titleId = title ? `${generatedTitleId}-title` : void 0;
+    const labelledBy = ariaLabelledBy ?? titleId;
+    React.useEffect(() => {
+      if (!isOpen) return;
+      const trigger = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+      return () => {
+        if (trigger && trigger.isConnected) trigger.focus();
+      };
+    }, [isOpen]);
+    React.useEffect(() => {
+      if (!isOpen) return;
+      const panel = panelRef.current;
+      if (!panel) return;
+      const focusable = getFocusableElements(panel);
+      (focusable[0] ?? panel).focus();
+    }, [isOpen]);
+    React.useEffect(() => {
+      if (!isOpen) return;
+      const handleKeyDown = (event) => {
+        const panel = panelRef.current;
+        if (!panel || !isTopMostDialog(panel)) return;
+        if (event.key === "Escape") {
+          onClose();
+          return;
+        }
+        if (event.key !== "Tab") return;
+        const focusable = getFocusableElements(panel);
+        const active = document.activeElement instanceof HTMLElement ? document.activeElement : null;
+        if (focusable.length === 0) {
+          event.preventDefault();
+          panel.focus();
+          return;
+        }
+        const first = focusable[0];
+        const last = focusable[focusable.length - 1];
+        if (!active || !panel.contains(active)) {
+          event.preventDefault();
+          (event.shiftKey ? last : first).focus();
+          return;
+        }
+        if (event.shiftKey && active === first) {
+          event.preventDefault();
+          last.focus();
+        } else if (!event.shiftKey && active === last) {
+          event.preventDefault();
+          first.focus();
+        }
+      };
+      document.addEventListener("keydown", handleKeyDown);
+      return () => document.removeEventListener("keydown", handleKeyDown);
+    }, [isOpen, onClose]);
+    React.useEffect(() => {
+      if (!isOpen) return;
+      const prev = document.body.style.overflow;
+      document.body.style.overflow = "hidden";
+      return () => {
+        document.body.style.overflow = prev;
+      };
+    }, [isOpen]);
+    if (!isOpen) return null;
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        className: "fixed inset-0 z-50 flex items-center justify-center p-4",
+        role: "dialog",
+        "aria-modal": "true",
+        "aria-labelledby": labelledBy,
+        "aria-label": labelledBy ? void 0 : ariaLabel,
+        "aria-describedby": ariaDescribedBy,
+        children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "absolute inset-0 bg-black/50",
+              onClick: onClose,
+              "aria-hidden": "true"
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              ref: panelRef,
+              tabIndex: -1,
+              className: cn(
+                "relative bg-white rounded-2xl shadow-xl max-w-md w-full max-h-[90vh] overflow-auto outline-none",
+                className
+              ),
+              children: [
+                title && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between px-6 pt-6 pb-2", children: [
+                  /* @__PURE__ */ jsx(
+                    "h2",
+                    {
+                      id: titleId,
+                      className: "text-lg font-heading font-semibold text-primary",
+                      children: title
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: onClose,
+                      className: "text-text-muted hover:text-primary transition-colors",
+                      "aria-label": "Fermer",
+                      children: /* @__PURE__ */ jsxs(
+                        "svg",
+                        {
+                          xmlns: "http://www.w3.org/2000/svg",
+                          width: "20",
+                          height: "20",
+                          viewBox: "0 0 24 24",
+                          fill: "none",
+                          stroke: "currentColor",
+                          strokeWidth: "2",
+                          strokeLinecap: "round",
+                          strokeLinejoin: "round",
+                          children: [
+                            /* @__PURE__ */ jsx("path", { d: "M18 6 6 18" }),
+                            /* @__PURE__ */ jsx("path", { d: "m6 6 12 12" })
+                          ]
+                        }
+                      )
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ jsx("div", { className: cn(title ? "px-6 pb-6" : "p-6"), children })
+              ]
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+Modal.displayName = "Modal";
+
+export { Modal };

package/dist/components/Footer/index.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var chunkC4RZBOKH_js = require('../../chunk-C4RZBOKH.js');
+var chunkEQPT6VZF_js = require('../../chunk-EQPT6VZF.js');
 require('../../chunk-ADIDI7AJ.js');
 
 
 
 Object.defineProperty(exports, "Footer", {
   enumerable: true,
-  get: function () { return chunkC4RZBOKH_js.Footer; }
+  get: function () { return chunkEQPT6VZF_js.Footer; }
 });

package/dist/components/Footer/index.mjs

@@ -1,2 +1,2 @@
-export { Footer } from '../../chunk-SZ3SV4SJ.mjs';
+export { Footer } from '../../chunk-4DHZ6MIL.mjs';
 import '../../chunk-IMKLN273.mjs';

package/dist/components/Input/index.js

@@ -1,15 +1,15 @@
 'use strict';
 
-var chunk77WKG2D7_js = require('../../chunk-77WKG2D7.js');
+var chunk5UNG2O64_js = require('../../chunk-5UNG2O64.js');
 require('../../chunk-ADIDI7AJ.js');
 
 
 
 Object.defineProperty(exports, "Input", {
   enumerable: true,
-  get: function () { return chunk77WKG2D7_js.Input; }
+  get: function () { return chunk5UNG2O64_js.Input; }
 });
 Object.defineProperty(exports, "inputVariants", {
   enumerable: true,
-  get: function () { return chunk77WKG2D7_js.inputVariants; }
+  get: function () { return chunk5UNG2O64_js.inputVariants; }
 });

package/dist/components/Input/index.mjs

@@ -1,2 +1,2 @@
-export { Input, inputVariants } from '../../chunk-GRG4USTC.mjs';
+export { Input, inputVariants } from '../../chunk-JWOV5H6G.mjs';
 import '../../chunk-IMKLN273.mjs';

package/dist/components/Modal/index.d.mts

@@ -6,6 +6,18 @@ interface ModalProps {
     children: React.ReactNode;
     title?: string;
     className?: string;
+    /**
+     * Nom accessible quand aucun `title` n'est rendu. Ignore si `title` est
+     * fourni : le titre visible sert alors de nom via `aria-labelledby`.
+     */
+    "aria-label"?: string;
+    /**
+     * Id d'un titre rendu par l'appelant (dialogue sans `title`). Prioritaire
+     * sur l'id genere en interne.
+     */
+    "aria-labelledby"?: string;
+    /** Id d'une description du dialogue, relayee telle quelle. */
+    "aria-describedby"?: string;
 }
 declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>>;
 

package/dist/components/Modal/index.d.ts

@@ -6,6 +6,18 @@ interface ModalProps {
     children: React.ReactNode;
     title?: string;
     className?: string;
+    /**
+     * Nom accessible quand aucun `title` n'est rendu. Ignore si `title` est
+     * fourni : le titre visible sert alors de nom via `aria-labelledby`.
+     */
+    "aria-label"?: string;
+    /**
+     * Id d'un titre rendu par l'appelant (dialogue sans `title`). Prioritaire
+     * sur l'id genere en interne.
+     */
+    "aria-labelledby"?: string;
+    /** Id d'une description du dialogue, relayee telle quelle. */
+    "aria-describedby"?: string;
 }
 declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>>;
 

package/dist/components/Modal/index.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var chunkNBDPT3XQ_js = require('../../chunk-NBDPT3XQ.js');
+var chunkHH4X2JYO_js = require('../../chunk-HH4X2JYO.js');
 require('../../chunk-ADIDI7AJ.js');
 
 
 
 Object.defineProperty(exports, "Modal", {
   enumerable: true,
-  get: function () { return chunkNBDPT3XQ_js.Modal; }
+  get: function () { return chunkHH4X2JYO_js.Modal; }
 });

package/dist/components/Modal/index.mjs

@@ -1,2 +1,2 @@
-export { Modal } from '../../chunk-74B2EGKT.mjs';
+export { Modal } from '../../chunk-N5ZNXNCO.mjs';
 import '../../chunk-IMKLN273.mjs';

package/dist/index.d.mts

@@ -164,8 +164,14 @@ interface ReviewSummaryProps extends React.HTMLAttributes<HTMLElement> {
     sources?: string[];
     /** Sous-notes détaillées (/10) */
     subScores?: ReviewSubScore[];
-    /** Avis mis en avant */
+    /** Avis mis en avant (liste COMPLÈTE : la pagination « Voir plus » est gérée en interne) */
     reviews?: ReviewItem[];
+    /** Nombre d'avis affichés initialement (défaut : 8). Le reste est déplié via « Voir plus d'avis ». */
+    initialVisibleReviews?: number;
+    /** Pas de déploiement à chaque clic sur « Voir plus d'avis » (défaut : 8). */
+    reviewsStep?: number;
+    /** Libellé du bouton de déploiement progressif (défaut : « Voir plus d'avis »). */
+    moreReviewsLabel?: string;
     /** Callback bouton "Afficher tous les avis" */
     onSeeAll?: () => void;
     /** Libellé du bouton (par défaut dérivé du count) */
@@ -177,7 +183,7 @@ interface ReviewSummaryProps extends React.HTMLAttributes<HTMLElement> {
  * Bloc avis consolidé de la fiche hébergement (échelle /10 unique).
  * Remplace les blocs avis redondants. N'affiche que des sources réelles.
  */
-declare function ReviewSummary({ score, scoreLabel, count, title, countLabel, sources, subScores, reviews, onSeeAll, seeAllLabel, emptyLabel, className, ...props }: ReviewSummaryProps): react_jsx_runtime.JSX.Element;
+declare function ReviewSummary({ score, scoreLabel, count, title, countLabel, sources, subScores, reviews, initialVisibleReviews, reviewsStep, moreReviewsLabel, onSeeAll, seeAllLabel, emptyLabel, className, ...props }: ReviewSummaryProps): react_jsx_runtime.JSX.Element;
 
 interface MobileBookingBarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onSelect"> {
     /** Prix total déjà formaté, ex: "248 €" */

package/dist/index.d.ts

@@ -164,8 +164,14 @@ interface ReviewSummaryProps extends React.HTMLAttributes<HTMLElement> {
     sources?: string[];
     /** Sous-notes détaillées (/10) */
     subScores?: ReviewSubScore[];
-    /** Avis mis en avant */
+    /** Avis mis en avant (liste COMPLÈTE : la pagination « Voir plus » est gérée en interne) */
     reviews?: ReviewItem[];
+    /** Nombre d'avis affichés initialement (défaut : 8). Le reste est déplié via « Voir plus d'avis ». */
+    initialVisibleReviews?: number;
+    /** Pas de déploiement à chaque clic sur « Voir plus d'avis » (défaut : 8). */
+    reviewsStep?: number;
+    /** Libellé du bouton de déploiement progressif (défaut : « Voir plus d'avis »). */
+    moreReviewsLabel?: string;
     /** Callback bouton "Afficher tous les avis" */
     onSeeAll?: () => void;
     /** Libellé du bouton (par défaut dérivé du count) */
@@ -177,7 +183,7 @@ interface ReviewSummaryProps extends React.HTMLAttributes<HTMLElement> {
  * Bloc avis consolidé de la fiche hébergement (échelle /10 unique).
  * Remplace les blocs avis redondants. N'affiche que des sources réelles.
  */
-declare function ReviewSummary({ score, scoreLabel, count, title, countLabel, sources, subScores, reviews, onSeeAll, seeAllLabel, emptyLabel, className, ...props }: ReviewSummaryProps): react_jsx_runtime.JSX.Element;
+declare function ReviewSummary({ score, scoreLabel, count, title, countLabel, sources, subScores, reviews, initialVisibleReviews, reviewsStep, moreReviewsLabel, onSeeAll, seeAllLabel, emptyLabel, className, ...props }: ReviewSummaryProps): react_jsx_runtime.JSX.Element;
 
 interface MobileBookingBarProps extends Omit<React.HTMLAttributes<HTMLDivElement>, "onSelect"> {
     /** Prix total déjà formaté, ex: "248 €" */