@dododog/ui 0.15.0 → 0.17.0

package/dist/{chunk-N5ZNXNCO.mjs → chunk-UYOPZZBN.mjs}

@@ -15,6 +15,7 @@ var FOCUSABLE_SELECTOR = [
   "[contenteditable]:not([contenteditable='false'])",
   '[tabindex]:not([tabindex="-1"])'
 ].join(", ");
+var DEFAULT_Z_INDEX_CLASS = "z-50";
 function getFocusableElements(panel) {
   return Array.from(panel.querySelectorAll(FOCUSABLE_SELECTOR)).filter(
     (element) => !element.closest("[hidden], [aria-hidden='true'], details:not([open])")
@@ -32,6 +33,11 @@ var Modal = React.forwardRef(
     children,
     title,
     className,
+    variant = "centered",
+    overlayClassName,
+    zIndexClassName = DEFAULT_Z_INDEX_CLASS,
+    initialFocusRef,
+    returnFocusTo,
     "aria-label": ariaLabel,
     "aria-labelledby": ariaLabelledBy,
     "aria-describedby": ariaDescribedBy
@@ -40,10 +46,20 @@ var Modal = React.forwardRef(
     const generatedTitleId = React.useId();
     const titleId = title ? `${generatedTitleId}-title` : void 0;
     const labelledBy = ariaLabelledBy ?? titleId;
+    const isFullBleed = variant === "fullBleed";
+    const initialFocusRefLatest = React.useRef(initialFocusRef);
+    initialFocusRefLatest.current = initialFocusRef;
+    const returnFocusToLatest = React.useRef(returnFocusTo);
+    returnFocusToLatest.current = returnFocusTo;
     React.useEffect(() => {
       if (!isOpen) return;
       const trigger = document.activeElement instanceof HTMLElement ? document.activeElement : null;
       return () => {
+        const designated = returnFocusToLatest.current?.current ?? null;
+        if (designated && designated.isConnected) {
+          designated.focus();
+          return;
+        }
         if (trigger && trigger.isConnected) trigger.focus();
       };
     }, [isOpen]);
@@ -51,6 +67,11 @@ var Modal = React.forwardRef(
       if (!isOpen) return;
       const panel = panelRef.current;
       if (!panel) return;
+      const preferred = initialFocusRefLatest.current?.current ?? null;
+      if (preferred) {
+        preferred.focus();
+        return;
+      }
       const focusable = getFocusableElements(panel);
       (focusable[0] ?? panel).focus();
     }, [isOpen]);
@@ -102,14 +123,21 @@ var Modal = React.forwardRef(
       "div",
       {
         ref,
-        className: "fixed inset-0 z-50 flex items-center justify-center p-4",
+        className: cn(
+          "fixed inset-0",
+          zIndexClassName,
+          // La mise en page centree (et sa marge de 16 px) n'existe que dans la
+          // variante `centered` : une surface bord a bord n'en veut pas.
+          !isFullBleed && "flex items-center justify-center p-4",
+          overlayClassName
+        ),
         role: "dialog",
         "aria-modal": "true",
         "aria-labelledby": labelledBy,
         "aria-label": labelledBy ? void 0 : ariaLabel,
         "aria-describedby": ariaDescribedBy,
         children: [
-          /* @__PURE__ */ jsx(
+          !isFullBleed && /* @__PURE__ */ jsx(
             "div",
             {
               className: "absolute inset-0 bg-black/50",
@@ -123,7 +151,7 @@ var Modal = React.forwardRef(
               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",
+                isFullBleed ? "relative h-full w-full outline-none" : "relative bg-white rounded-2xl shadow-xl max-w-md w-full max-h-[90vh] overflow-auto outline-none",
                 className
               ),
               children: [
@@ -164,7 +192,7 @@ var Modal = React.forwardRef(
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsx("div", { className: cn(title ? "px-6 pb-6" : "p-6"), children })
+                isFullBleed ? children : /* @__PURE__ */ jsx("div", { className: cn(title ? "px-6 pb-6" : "p-6"), children })
               ]
             }
           )

package/dist/{chunk-EAATIFYL.mjs → chunk-WNBZXXFA.mjs}

@@ -217,7 +217,7 @@ var Select = React.forwardRef(
           }
         )
       ] }),
-      error && /* @__PURE__ */ jsx("p", { id: errorId, className: "mt-1 text-sm text-red-500", children: error })
+      error && /* @__PURE__ */ jsx("p", { id: errorId, role: "alert", className: "mt-1 text-sm text-red-600", children: error })
     ] });
   }
 );

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

@@ -78,7 +78,13 @@ var Input = React.forwardRef(
         ),
         rightIcon && /* @__PURE__ */ jsx("div", { className: "absolute right-3 top-1/2 -translate-y-1/2 text-text-muted", children: rightIcon })
       ] }),
-      error && /* @__PURE__ */ jsx("p", { id: errorId, className: "mt-1 text-sm text-red-500", children: error })
+      error && // Pas de `role="alert"` ici, contrairement aux autres champs de la
+      // bibliotheque : les trois seuls consommateurs de cette prop
+      // (BookingForm, PaymentForm, EscalationForm) sont des formulaires du
+      // tunnel, et BookingForm annonce deja ses fautes par un resume en
+      // region live (TTR-651). Un second canal produirait des annonces
+      // concurrentes sur le chemin de paiement.
+      /* @__PURE__ */ jsx("p", { id: errorId, className: "mt-1 text-sm text-red-600", children: error })
     ] });
   }
 );

package/dist/chunk-YGAWCP65.mjs

@@ -0,0 +1,109 @@
+import { cn } from './chunk-IMKLN273.mjs';
+import * as React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var Tabs = React.forwardRef(
+  ({
+    tabs,
+    defaultTab,
+    value,
+    onChange,
+    className,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy
+  }, ref) => {
+    const [internalValue, setInternalValue] = React.useState(
+      defaultTab || tabs[0]?.key || ""
+    );
+    const activeKey = value ?? internalValue;
+    const idPrefix = React.useId();
+    const tabId = (key) => `${idPrefix}-tab-${key}`;
+    const panelId = (key) => `${idPrefix}-panel-${key}`;
+    const tabRefs = React.useRef([]);
+    const handleChange = React.useCallback(
+      (key) => {
+        if (onChange) {
+          onChange(key);
+        } else {
+          setInternalValue(key);
+        }
+      },
+      [onChange]
+    );
+    const handleKeyDown = (event, index) => {
+      const lastIndex = tabs.length - 1;
+      let nextIndex;
+      switch (event.key) {
+        case "ArrowRight":
+          nextIndex = index === lastIndex ? 0 : index + 1;
+          break;
+        case "ArrowLeft":
+          nextIndex = index === 0 ? lastIndex : index - 1;
+          break;
+        case "Home":
+          nextIndex = 0;
+          break;
+        case "End":
+          nextIndex = lastIndex;
+          break;
+        default:
+          return;
+      }
+      event.preventDefault();
+      const nextTab = tabs[nextIndex];
+      if (!nextTab) return;
+      handleChange(nextTab.key);
+      tabRefs.current[nextIndex]?.focus();
+    };
+    const activeTab = tabs.find((t) => t.key === activeKey);
+    return /* @__PURE__ */ jsxs("div", { ref, className: cn("w-full", className), children: [
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          role: "tablist",
+          "aria-label": ariaLabelledBy ? void 0 : ariaLabel,
+          "aria-labelledby": ariaLabelledBy,
+          className: "flex border-b border-gray-200 gap-1 overflow-x-auto",
+          children: tabs.map((tab, index) => /* @__PURE__ */ jsxs(
+            "button",
+            {
+              id: tabId(tab.key),
+              role: "tab",
+              type: "button",
+              "aria-selected": tab.key === activeKey,
+              "aria-controls": panelId(tab.key),
+              tabIndex: tab.key === activeKey ? 0 : -1,
+              ref: (node) => {
+                tabRefs.current[index] = node;
+              },
+              onKeyDown: (event) => handleKeyDown(event, index),
+              onClick: () => handleChange(tab.key),
+              className: cn(
+                "flex items-center gap-2 px-4 py-3 text-sm font-medium whitespace-nowrap border-b-2 transition-colors -mb-px",
+                tab.key === activeKey ? "border-secondary text-secondary" : "border-transparent text-text-secondary hover:text-primary hover:border-gray-300"
+              ),
+              children: [
+                tab.icon && /* @__PURE__ */ jsx("span", { className: "shrink-0", children: tab.icon }),
+                tab.label
+              ]
+            },
+            tab.key
+          ))
+        }
+      ),
+      activeTab && /* @__PURE__ */ jsx(
+        "div",
+        {
+          role: "tabpanel",
+          id: panelId(activeTab.key),
+          "aria-labelledby": tabId(activeTab.key),
+          className: "py-4",
+          children: activeTab.content
+        }
+      )
+    ] });
+  }
+);
+Tabs.displayName = "Tabs";
+
+export { Tabs };

package/dist/components/Autocomplete/index.js

@@ -1,15 +1,15 @@
 'use strict';
 
-var chunkNHB2TI2B_js = require('../../chunk-NHB2TI2B.js');
+var chunkFHAWYXPX_js = require('../../chunk-FHAWYXPX.js');
 require('../../chunk-ADIDI7AJ.js');
 
 
 
 Object.defineProperty(exports, "Autocomplete", {
   enumerable: true,
-  get: function () { return chunkNHB2TI2B_js.Autocomplete; }
+  get: function () { return chunkFHAWYXPX_js.Autocomplete; }
 });
 Object.defineProperty(exports, "autocompleteInputVariants", {
   enumerable: true,
-  get: function () { return chunkNHB2TI2B_js.autocompleteInputVariants; }
+  get: function () { return chunkFHAWYXPX_js.autocompleteInputVariants; }
 });

package/dist/components/Autocomplete/index.mjs

@@ -1,2 +1,2 @@
-export { Autocomplete, autocompleteInputVariants } from '../../chunk-B47HQHX3.mjs';
+export { Autocomplete, autocompleteInputVariants } from '../../chunk-RGZHSI2G.mjs';
 import '../../chunk-IMKLN273.mjs';

package/dist/components/Checkbox/index.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var chunkIJIUUBFT_js = require('../../chunk-IJIUUBFT.js');
+var chunkOUN5BU4Z_js = require('../../chunk-OUN5BU4Z.js');
 require('../../chunk-ADIDI7AJ.js');
 
 
 
 Object.defineProperty(exports, "Checkbox", {
   enumerable: true,
-  get: function () { return chunkIJIUUBFT_js.Checkbox; }
+  get: function () { return chunkOUN5BU4Z_js.Checkbox; }
 });

package/dist/components/Checkbox/index.mjs

@@ -1,2 +1,2 @@
-export { Checkbox } from '../../chunk-EEIPCJQ2.mjs';
+export { Checkbox } from '../../chunk-KWQKC5TG.mjs';
 import '../../chunk-IMKLN273.mjs';

package/dist/components/DateRangePicker/index.js

@@ -1,15 +1,15 @@
 'use strict';
 
-var chunkFLKEMER2_js = require('../../chunk-FLKEMER2.js');
+var chunkDJTFRMRY_js = require('../../chunk-DJTFRMRY.js');
 require('../../chunk-ADIDI7AJ.js');
 
 
 
 Object.defineProperty(exports, "DatePickerInput", {
   enumerable: true,
-  get: function () { return chunkFLKEMER2_js.DatePickerInput; }
+  get: function () { return chunkDJTFRMRY_js.DatePickerInput; }
 });
 Object.defineProperty(exports, "DateRangePicker", {
   enumerable: true,
-  get: function () { return chunkFLKEMER2_js.DateRangePicker; }
+  get: function () { return chunkDJTFRMRY_js.DateRangePicker; }
 });

package/dist/components/DateRangePicker/index.mjs

@@ -1,2 +1,2 @@
-export { DatePickerInput, DateRangePicker } from '../../chunk-BKM5VCUS.mjs';
+export { DatePickerInput, DateRangePicker } from '../../chunk-CPBDDGRX.mjs';
 import '../../chunk-IMKLN273.mjs';

package/dist/components/Input/index.js

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

package/dist/components/Input/index.mjs

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

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

@@ -1,11 +1,52 @@
 import * as React from 'react';
 
+/**
+ * Presentation de la racine du dialogue.
+ *
+ * - `centered` (defaut) : voile sombre + panneau carte centre avec marge de
+ *   16 px, angles arrondis et largeur bornee. C'est le rendu historique, il ne
+ *   doit pas changer pour les appelants existants.
+ * - `fullBleed` : la surface occupe tout le cadre, SANS voile ni marge ni
+ *   arrondi. Necessaire aux surcouches bord a bord (menu mobile plein cadre,
+ *   lightbox dont l'image est en `fill`), qui devaient sinon reimplementer le
+ *   comportement de dialogue en local.
+ */
+type ModalVariant = "centered" | "fullBleed";
 interface ModalProps {
     isOpen: boolean;
     onClose: () => void;
     children: React.ReactNode;
     title?: string;
+    /** Classes du PANNEAU interne (pas de la racine). Voir `overlayClassName`. */
     className?: string;
+    /** Presentation de la racine. Defaut : `centered` (rendu historique). */
+    variant?: ModalVariant;
+    /**
+     * Classes de la RACINE (`fixed inset-0`), pour les cas que la variante ne
+     * couvre pas : fond propre a la surface, `lg:hidden` d'un menu mobile...
+     * Appliquees en dernier, elles l'emportent sur les classes de base.
+     */
+    overlayClassName?: string;
+    /**
+     * Plan d'empilement de la racine. Defaut : `z-50`. Chaque appelant devait
+     * auparavant envelopper le dialogue dans un conteneur `relative z-[...]`
+     * pour passer au-dessus de la barre de reservation (`z-50`) ou des cartes
+     * plein ecran (`z-[1000]`).
+     */
+    zIndexClassName?: string;
+    /**
+     * Element a focaliser a l'OUVERTURE. Defaut : premier element focusable du
+     * panneau, sinon le panneau lui-meme.
+     */
+    initialFocusRef?: React.RefObject<HTMLElement | null>;
+    /**
+     * Element a focaliser a la FERMETURE, prioritaire sur le declencheur
+     * memorise. Indispensable quand le declencheur est DEMONTE pendant que le
+     * dialogue est ouvert (bandeau cookies : le bandeau cede la place au
+     * panneau) — sans lui la garde `isConnected` echoue et le focus retombe sur
+     * `<body>`. A defaut, le repli reste la restitution au declencheur.
+     */
+    returnFocusTo?: React.RefObject<HTMLElement | null>;
     /**
      * Nom accessible quand aucun `title` n'est rendu. Ignore si `title` est
      * fourni : le titre visible sert alors de nom via `aria-labelledby`.
@@ -21,4 +62,4 @@ interface ModalProps {
 }
 declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>>;
 
-export { Modal, type ModalProps };
+export { Modal, type ModalProps, type ModalVariant };

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

@@ -1,11 +1,52 @@
 import * as React from 'react';
 
+/**
+ * Presentation de la racine du dialogue.
+ *
+ * - `centered` (defaut) : voile sombre + panneau carte centre avec marge de
+ *   16 px, angles arrondis et largeur bornee. C'est le rendu historique, il ne
+ *   doit pas changer pour les appelants existants.
+ * - `fullBleed` : la surface occupe tout le cadre, SANS voile ni marge ni
+ *   arrondi. Necessaire aux surcouches bord a bord (menu mobile plein cadre,
+ *   lightbox dont l'image est en `fill`), qui devaient sinon reimplementer le
+ *   comportement de dialogue en local.
+ */
+type ModalVariant = "centered" | "fullBleed";
 interface ModalProps {
     isOpen: boolean;
     onClose: () => void;
     children: React.ReactNode;
     title?: string;
+    /** Classes du PANNEAU interne (pas de la racine). Voir `overlayClassName`. */
     className?: string;
+    /** Presentation de la racine. Defaut : `centered` (rendu historique). */
+    variant?: ModalVariant;
+    /**
+     * Classes de la RACINE (`fixed inset-0`), pour les cas que la variante ne
+     * couvre pas : fond propre a la surface, `lg:hidden` d'un menu mobile...
+     * Appliquees en dernier, elles l'emportent sur les classes de base.
+     */
+    overlayClassName?: string;
+    /**
+     * Plan d'empilement de la racine. Defaut : `z-50`. Chaque appelant devait
+     * auparavant envelopper le dialogue dans un conteneur `relative z-[...]`
+     * pour passer au-dessus de la barre de reservation (`z-50`) ou des cartes
+     * plein ecran (`z-[1000]`).
+     */
+    zIndexClassName?: string;
+    /**
+     * Element a focaliser a l'OUVERTURE. Defaut : premier element focusable du
+     * panneau, sinon le panneau lui-meme.
+     */
+    initialFocusRef?: React.RefObject<HTMLElement | null>;
+    /**
+     * Element a focaliser a la FERMETURE, prioritaire sur le declencheur
+     * memorise. Indispensable quand le declencheur est DEMONTE pendant que le
+     * dialogue est ouvert (bandeau cookies : le bandeau cede la place au
+     * panneau) — sans lui la garde `isConnected` echoue et le focus retombe sur
+     * `<body>`. A defaut, le repli reste la restitution au declencheur.
+     */
+    returnFocusTo?: React.RefObject<HTMLElement | null>;
     /**
      * Nom accessible quand aucun `title` n'est rendu. Ignore si `title` est
      * fourni : le titre visible sert alors de nom via `aria-labelledby`.
@@ -21,4 +62,4 @@ interface ModalProps {
 }
 declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>>;
 
-export { Modal, type ModalProps };
+export { Modal, type ModalProps, type ModalVariant };

package/dist/components/Modal/index.js

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

package/dist/components/Modal/index.mjs

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

package/dist/components/RadioGroup/index.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var chunkGXKON34B_js = require('../../chunk-GXKON34B.js');
+var chunkRTI25IBR_js = require('../../chunk-RTI25IBR.js');
 require('../../chunk-ADIDI7AJ.js');
 
 
 
 Object.defineProperty(exports, "RadioGroup", {
   enumerable: true,
-  get: function () { return chunkGXKON34B_js.RadioGroup; }
+  get: function () { return chunkRTI25IBR_js.RadioGroup; }
 });

package/dist/components/RadioGroup/index.mjs

@@ -1,2 +1,2 @@
-export { RadioGroup } from '../../chunk-F2BUMJYW.mjs';
+export { RadioGroup } from '../../chunk-RBVTV3LA.mjs';
 import '../../chunk-IMKLN273.mjs';

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

@@ -9,7 +9,23 @@ interface SegmentedControlProps {
     value: string;
     onChange: (value: string) => void;
     className?: string;
+    /**
+     * Nom du groupe de boutons radio. Sans lui, un lecteur d'ecran annonce
+     * « groupe de boutons radio » sans dire sur quoi il porte.
+     */
+    "aria-label"?: string;
+    /** Id d'un titre deja rendu qui nomme le groupe. Prioritaire sur `aria-label`. */
+    "aria-labelledby"?: string;
 }
+/**
+ * Motif « radio group » de l'APG WAI-ARIA.
+ *
+ * Le groupe est UN SEUL arret de tabulation (roving tabindex) : seule l'option
+ * cochee est atteignable au Tab, les autres se rejoignent aux fleches (les
+ * quatre directions, avec bouclage) et Home/Fin. Sans cela, N options font N
+ * arrets de tabulation et la selection au clavier n'a pas le comportement
+ * attendu d'un groupe radio.
+ */
 declare const SegmentedControl: React.ForwardRefExoticComponent<SegmentedControlProps & React.RefAttributes<HTMLDivElement>>;
 
 export { SegmentedControl, type SegmentedControlOption, type SegmentedControlProps };

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

@@ -9,7 +9,23 @@ interface SegmentedControlProps {
     value: string;
     onChange: (value: string) => void;
     className?: string;
+    /**
+     * Nom du groupe de boutons radio. Sans lui, un lecteur d'ecran annonce
+     * « groupe de boutons radio » sans dire sur quoi il porte.
+     */
+    "aria-label"?: string;
+    /** Id d'un titre deja rendu qui nomme le groupe. Prioritaire sur `aria-label`. */
+    "aria-labelledby"?: string;
 }
+/**
+ * Motif « radio group » de l'APG WAI-ARIA.
+ *
+ * Le groupe est UN SEUL arret de tabulation (roving tabindex) : seule l'option
+ * cochee est atteignable au Tab, les autres se rejoignent aux fleches (les
+ * quatre directions, avec bouclage) et Home/Fin. Sans cela, N options font N
+ * arrets de tabulation et la selection au clavier n'a pas le comportement
+ * attendu d'un groupe radio.
+ */
 declare const SegmentedControl: React.ForwardRefExoticComponent<SegmentedControlProps & React.RefAttributes<HTMLDivElement>>;
 
 export { SegmentedControl, type SegmentedControlOption, type SegmentedControlProps };

package/dist/components/SegmentedControl/index.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var chunkQWDKSY6Y_js = require('../../chunk-QWDKSY6Y.js');
+var chunkOZ4RJDDZ_js = require('../../chunk-OZ4RJDDZ.js');
 require('../../chunk-ADIDI7AJ.js');
 
 
 
 Object.defineProperty(exports, "SegmentedControl", {
   enumerable: true,
-  get: function () { return chunkQWDKSY6Y_js.SegmentedControl; }
+  get: function () { return chunkOZ4RJDDZ_js.SegmentedControl; }
 });

package/dist/components/SegmentedControl/index.mjs

@@ -1,2 +1,2 @@
-export { SegmentedControl } from '../../chunk-36Y7UU32.mjs';
+export { SegmentedControl } from '../../chunk-DUCRCDLI.mjs';
 import '../../chunk-IMKLN273.mjs';

package/dist/components/Select/index.js

@@ -1,15 +1,15 @@
 'use strict';
 
-var chunkLJSMPON7_js = require('../../chunk-LJSMPON7.js');
+var chunkUSJDHMKS_js = require('../../chunk-USJDHMKS.js');
 require('../../chunk-ADIDI7AJ.js');
 
 
 
 Object.defineProperty(exports, "Select", {
   enumerable: true,
-  get: function () { return chunkLJSMPON7_js.Select; }
+  get: function () { return chunkUSJDHMKS_js.Select; }
 });
 Object.defineProperty(exports, "selectVariants", {
   enumerable: true,
-  get: function () { return chunkLJSMPON7_js.selectVariants; }
+  get: function () { return chunkUSJDHMKS_js.selectVariants; }
 });

package/dist/components/Select/index.mjs

@@ -1,2 +1,2 @@
-export { Select, selectVariants } from '../../chunk-EAATIFYL.mjs';
+export { Select, selectVariants } from '../../chunk-WNBZXXFA.mjs';
 import '../../chunk-IMKLN273.mjs';

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

@@ -12,7 +12,28 @@ interface TabsProps {
     value?: string;
     onChange?: (key: string) => void;
     className?: string;
+    /**
+     * Nom du groupe d'onglets (« Filtrer les reservations »...). Sans lui, un
+     * lecteur d'ecran annonce « liste d'onglets » sans dire de quoi.
+     */
+    "aria-label"?: string;
+    /** Id d'un titre deja rendu qui nomme le groupe. Prioritaire sur `aria-label`. */
+    "aria-labelledby"?: string;
 }
+/**
+ * Motif « tabs » de l'APG WAI-ARIA.
+ *
+ * Le tablist est UN SEUL arret de tabulation (roving tabindex) : on circule
+ * entre les onglets aux fleches Gauche/Droite (avec bouclage) et Home/Fin, pas
+ * au Tab. Chaque onglet est relie au panneau qu'il commande
+ * (`aria-controls` / `id`), et le panneau est nomme par son onglet
+ * (`aria-labelledby`) — sans quoi le contenu affiche apres un changement
+ * d'onglet n'est pas annonce.
+ *
+ * Activation automatique : l'onglet qui recoit le focus devient l'onglet actif.
+ * Le contenu de tous les onglets est fourni d'avance par `tabs`, aucun
+ * chargement reseau n'est declenche par ce deplacement.
+ */
 declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>>;
 
 export { type TabItem, Tabs, type TabsProps };

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

@@ -12,7 +12,28 @@ interface TabsProps {
     value?: string;
     onChange?: (key: string) => void;
     className?: string;
+    /**
+     * Nom du groupe d'onglets (« Filtrer les reservations »...). Sans lui, un
+     * lecteur d'ecran annonce « liste d'onglets » sans dire de quoi.
+     */
+    "aria-label"?: string;
+    /** Id d'un titre deja rendu qui nomme le groupe. Prioritaire sur `aria-label`. */
+    "aria-labelledby"?: string;
 }
+/**
+ * Motif « tabs » de l'APG WAI-ARIA.
+ *
+ * Le tablist est UN SEUL arret de tabulation (roving tabindex) : on circule
+ * entre les onglets aux fleches Gauche/Droite (avec bouclage) et Home/Fin, pas
+ * au Tab. Chaque onglet est relie au panneau qu'il commande
+ * (`aria-controls` / `id`), et le panneau est nomme par son onglet
+ * (`aria-labelledby`) — sans quoi le contenu affiche apres un changement
+ * d'onglet n'est pas annonce.
+ *
+ * Activation automatique : l'onglet qui recoit le focus devient l'onglet actif.
+ * Le contenu de tous les onglets est fourni d'avance par `tabs`, aucun
+ * chargement reseau n'est declenche par ce deplacement.
+ */
 declare const Tabs: React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<HTMLDivElement>>;
 
 export { type TabItem, Tabs, type TabsProps };

package/dist/components/Tabs/index.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var chunk762LQMWP_js = require('../../chunk-762LQMWP.js');
+var chunkRAXPJ7VC_js = require('../../chunk-RAXPJ7VC.js');
 require('../../chunk-ADIDI7AJ.js');
 
 
 
 Object.defineProperty(exports, "Tabs", {
   enumerable: true,
-  get: function () { return chunk762LQMWP_js.Tabs; }
+  get: function () { return chunkRAXPJ7VC_js.Tabs; }
 });

package/dist/components/Tabs/index.mjs

@@ -1,2 +1,2 @@
-export { Tabs } from '../../chunk-VOZPGXQD.mjs';
+export { Tabs } from '../../chunk-YGAWCP65.mjs';
 import '../../chunk-IMKLN273.mjs';