@dododog/ui 0.14.1 → 0.16.0

package/dist/{chunk-3R7PT3JG.js → chunk-USJDHMKS.js}

@@ -57,14 +57,27 @@ var Select = React__namespace.forwardRef(
     placeholder,
     value,
     onChange,
-    disabled = false
+    disabled = false,
+    id,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    "aria-describedby": ariaDescribedBy
   }, ref) => {
     const [isOpen, setIsOpen] = React__namespace.useState(false);
     const [highlightedIndex, setHighlightedIndex] = React__namespace.useState(-1);
     const containerRef = React__namespace.useRef(null);
     const listboxRef = React__namespace.useRef(null);
+    const generatedId = React__namespace.useId();
+    const selectId = id ?? generatedId;
+    const labelId = `${selectId}-label`;
+    const listboxId = `${selectId}-listbox`;
+    const errorId = `${selectId}-error`;
+    const optionId = (index) => `${selectId}-option-${index}`;
     const resolvedVariant = error ? "error" : variant ?? "default";
     const selectedOption = options.find((o) => o.value === value);
+    const labelledBy = [label ? labelId : null, ariaLabelledBy].filter(Boolean).join(" ") || void 0;
+    const describedBy = [ariaDescribedBy, error ? errorId : null].filter(Boolean).join(" ") || void 0;
+    const hasHighlight = isOpen && highlightedIndex >= 0 && highlightedIndex < options.length;
     React__namespace.useEffect(() => {
       const handleClickOutside = (e) => {
         if (containerRef.current && !containerRef.current.contains(e.target)) {
@@ -133,18 +146,34 @@ var Select = React__namespace.forwardRef(
       }
     };
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full", ref, 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",
+        {
+          id: labelId,
+          htmlFor: selectId,
+          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", { ref: containerRef, className: "relative", children: [
         /* @__PURE__ */ jsxRuntime.jsx(
           "button",
           {
             type: "button",
+            id: selectId,
             role: "combobox",
             "aria-expanded": isOpen,
             "aria-haspopup": "listbox",
+            "aria-controls": isOpen ? listboxId : void 0,
+            "aria-activedescendant": hasHighlight ? optionId(highlightedIndex) : void 0,
+            "aria-labelledby": labelledBy,
+            "aria-label": labelledBy ? void 0 : ariaLabel,
+            "aria-required": required ? true : void 0,
+            "aria-invalid": error ? true : void 0,
+            "aria-describedby": describedBy,
             disabled,
             onClick: handleToggle,
             onKeyDown: handleKeyDown,
@@ -170,6 +199,7 @@ var Select = React__namespace.forwardRef(
             strokeWidth: "2",
             strokeLinecap: "round",
             strokeLinejoin: "round",
+            "aria-hidden": "true",
             className: chunkADIDI7AJ_js.cn(
               "absolute right-3 top-1/2 -translate-y-1/2 text-text-muted pointer-events-none transition-transform",
               isOpen && "rotate-180"
@@ -181,12 +211,16 @@ var Select = React__namespace.forwardRef(
           "ul",
           {
             ref: listboxRef,
+            id: listboxId,
             role: "listbox",
+            "aria-labelledby": labelledBy,
+            "aria-label": labelledBy ? void 0 : ariaLabel,
             className: "absolute z-50 mt-1 w-full bg-white border border-gray-200 rounded-xl shadow-lg max-h-60 overflow-auto py-1",
             children: [
               options.map((option, index) => /* @__PURE__ */ jsxRuntime.jsx(
                 "li",
                 {
+                  id: optionId(index),
                   role: "option",
                   "aria-selected": option.value === value,
                   onClick: () => handleSelect(option.value),
@@ -205,7 +239,7 @@ var Select = React__namespace.forwardRef(
           }
         )
       ] }),
-      error && /* @__PURE__ */ jsxRuntime.jsx("p", { className: "mt-1 text-sm text-red-500", children: error })
+      error && /* @__PURE__ */ jsxRuntime.jsx("p", { id: errorId, role: "alert", className: "mt-1 text-sm text-red-600", children: error })
     ] });
   }
 );

package/dist/{chunk-333YD5QI.mjs → chunk-WNBZXXFA.mjs}

@@ -35,14 +35,27 @@ var Select = React.forwardRef(
     placeholder,
     value,
     onChange,
-    disabled = false
+    disabled = false,
+    id,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    "aria-describedby": ariaDescribedBy
   }, ref) => {
     const [isOpen, setIsOpen] = React.useState(false);
     const [highlightedIndex, setHighlightedIndex] = React.useState(-1);
     const containerRef = React.useRef(null);
     const listboxRef = React.useRef(null);
+    const generatedId = React.useId();
+    const selectId = id ?? generatedId;
+    const labelId = `${selectId}-label`;
+    const listboxId = `${selectId}-listbox`;
+    const errorId = `${selectId}-error`;
+    const optionId = (index) => `${selectId}-option-${index}`;
     const resolvedVariant = error ? "error" : variant ?? "default";
     const selectedOption = options.find((o) => o.value === value);
+    const labelledBy = [label ? labelId : null, ariaLabelledBy].filter(Boolean).join(" ") || void 0;
+    const describedBy = [ariaDescribedBy, error ? errorId : null].filter(Boolean).join(" ") || void 0;
+    const hasHighlight = isOpen && highlightedIndex >= 0 && highlightedIndex < options.length;
     React.useEffect(() => {
       const handleClickOutside = (e) => {
         if (containerRef.current && !containerRef.current.contains(e.target)) {
@@ -111,18 +124,34 @@ var Select = React.forwardRef(
       }
     };
     return /* @__PURE__ */ jsxs("div", { className: "w-full", ref, 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",
+        {
+          id: labelId,
+          htmlFor: selectId,
+          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", { ref: containerRef, className: "relative", children: [
         /* @__PURE__ */ jsx(
           "button",
           {
             type: "button",
+            id: selectId,
             role: "combobox",
             "aria-expanded": isOpen,
             "aria-haspopup": "listbox",
+            "aria-controls": isOpen ? listboxId : void 0,
+            "aria-activedescendant": hasHighlight ? optionId(highlightedIndex) : void 0,
+            "aria-labelledby": labelledBy,
+            "aria-label": labelledBy ? void 0 : ariaLabel,
+            "aria-required": required ? true : void 0,
+            "aria-invalid": error ? true : void 0,
+            "aria-describedby": describedBy,
             disabled,
             onClick: handleToggle,
             onKeyDown: handleKeyDown,
@@ -148,6 +177,7 @@ var Select = React.forwardRef(
             strokeWidth: "2",
             strokeLinecap: "round",
             strokeLinejoin: "round",
+            "aria-hidden": "true",
             className: cn(
               "absolute right-3 top-1/2 -translate-y-1/2 text-text-muted pointer-events-none transition-transform",
               isOpen && "rotate-180"
@@ -159,12 +189,16 @@ var Select = React.forwardRef(
           "ul",
           {
             ref: listboxRef,
+            id: listboxId,
             role: "listbox",
+            "aria-labelledby": labelledBy,
+            "aria-label": labelledBy ? void 0 : ariaLabel,
             className: "absolute z-50 mt-1 w-full bg-white border border-gray-200 rounded-xl shadow-lg max-h-60 overflow-auto py-1",
             children: [
               options.map((option, index) => /* @__PURE__ */ jsx(
                 "li",
                 {
+                  id: optionId(index),
                   role: "option",
                   "aria-selected": option.value === value,
                   onClick: () => handleSelect(option.value),
@@ -183,7 +217,7 @@ var Select = React.forwardRef(
           }
         )
       ] }),
-      error && /* @__PURE__ */ jsx("p", { 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-WY24TZ4R.mjs

@@ -0,0 +1,94 @@
+import { cn } from './chunk-IMKLN273.mjs';
+import * as React from 'react';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var Counter = React.forwardRef(
+  ({
+    value,
+    onChange,
+    min = 0,
+    max = 99,
+    label,
+    subtitle,
+    className,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    decrementLabel,
+    incrementLabel
+  }, ref) => {
+    const generatedId = React.useId();
+    const labelId = `${generatedId}-label`;
+    const canDecrement = value > min;
+    const canIncrement = value < max;
+    const labelledBy = [label ? labelId : null, ariaLabelledBy].filter(Boolean).join(" ") || void 0;
+    const groupName = label ?? ariaLabel;
+    const resolvedDecrementLabel = decrementLabel ?? (groupName ? `Diminuer ${groupName}` : "Diminuer");
+    const resolvedIncrementLabel = incrementLabel ?? (groupName ? `Augmenter ${groupName}` : "Augmenter");
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref,
+        role: "group",
+        "aria-labelledby": labelledBy,
+        "aria-label": labelledBy ? void 0 : ariaLabel,
+        className: cn("flex items-center justify-between", className),
+        children: [
+          (label || subtitle) && /* @__PURE__ */ jsxs("div", { children: [
+            label && /* @__PURE__ */ jsx("span", { id: labelId, className: "text-sm font-medium text-primary", children: label }),
+            subtitle && /* @__PURE__ */ jsx("span", { className: "block text-xs text-text-secondary", children: subtitle })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                disabled: !canDecrement,
+                onPointerDown: (e) => e.stopPropagation(),
+                onClick: () => canDecrement && onChange?.(value - 1),
+                className: cn(
+                  "w-8 h-8 rounded-full border flex items-center justify-center transition-colors",
+                  canDecrement ? "border-gray-300 text-primary hover:border-primary hover:bg-primary/5" : "border-gray-200 text-gray-300 cursor-not-allowed"
+                ),
+                "aria-label": resolvedDecrementLabel,
+                children: /* @__PURE__ */ jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsx("path", { d: "M5 12h14" }) })
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              "span",
+              {
+                "aria-live": "polite",
+                "aria-atomic": "true",
+                className: "w-8 text-center text-sm font-medium text-primary tabular-nums",
+                children: [
+                  groupName && /* @__PURE__ */ jsx("span", { className: "sr-only", children: `${groupName} : ` }),
+                  value
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                disabled: !canIncrement,
+                onPointerDown: (e) => e.stopPropagation(),
+                onClick: () => canIncrement && onChange?.(value + 1),
+                className: cn(
+                  "w-8 h-8 rounded-full border flex items-center justify-center transition-colors",
+                  canIncrement ? "border-gray-300 text-primary hover:border-primary hover:bg-primary/5" : "border-gray-200 text-gray-300 cursor-not-allowed"
+                ),
+                "aria-label": resolvedIncrementLabel,
+                children: /* @__PURE__ */ jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
+                  /* @__PURE__ */ jsx("path", { d: "M5 12h14" }),
+                  /* @__PURE__ */ jsx("path", { d: "M12 5v14" })
+                ] })
+              }
+            )
+          ] })
+        ]
+      }
+    );
+  }
+);
+Counter.displayName = "Counter";
+
+export { Counter };

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-XBNIHUSG.js

@@ -0,0 +1,116 @@
+'use strict';
+
+var chunkADIDI7AJ_js = require('./chunk-ADIDI7AJ.js');
+var React = require('react');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopNamespace(e) {
+  if (e && e.__esModule) return e;
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+
+var Counter = React__namespace.forwardRef(
+  ({
+    value,
+    onChange,
+    min = 0,
+    max = 99,
+    label,
+    subtitle,
+    className,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledBy,
+    decrementLabel,
+    incrementLabel
+  }, ref) => {
+    const generatedId = React__namespace.useId();
+    const labelId = `${generatedId}-label`;
+    const canDecrement = value > min;
+    const canIncrement = value < max;
+    const labelledBy = [label ? labelId : null, ariaLabelledBy].filter(Boolean).join(" ") || void 0;
+    const groupName = label ?? ariaLabel;
+    const resolvedDecrementLabel = decrementLabel ?? (groupName ? `Diminuer ${groupName}` : "Diminuer");
+    const resolvedIncrementLabel = incrementLabel ?? (groupName ? `Augmenter ${groupName}` : "Augmenter");
+    return /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        ref,
+        role: "group",
+        "aria-labelledby": labelledBy,
+        "aria-label": labelledBy ? void 0 : ariaLabel,
+        className: chunkADIDI7AJ_js.cn("flex items-center justify-between", className),
+        children: [
+          (label || subtitle) && /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            label && /* @__PURE__ */ jsxRuntime.jsx("span", { id: labelId, className: "text-sm font-medium text-primary", children: label }),
+            subtitle && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "block text-xs text-text-secondary", children: subtitle })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                disabled: !canDecrement,
+                onPointerDown: (e) => e.stopPropagation(),
+                onClick: () => canDecrement && onChange?.(value - 1),
+                className: chunkADIDI7AJ_js.cn(
+                  "w-8 h-8 rounded-full border flex items-center justify-center transition-colors",
+                  canDecrement ? "border-gray-300 text-primary hover:border-primary hover:bg-primary/5" : "border-gray-200 text-gray-300 cursor-not-allowed"
+                ),
+                "aria-label": resolvedDecrementLabel,
+                children: /* @__PURE__ */ jsxRuntime.jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5 12h14" }) })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              "span",
+              {
+                "aria-live": "polite",
+                "aria-atomic": "true",
+                className: "w-8 text-center text-sm font-medium text-primary tabular-nums",
+                children: [
+                  groupName && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "sr-only", children: `${groupName} : ` }),
+                  value
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                disabled: !canIncrement,
+                onPointerDown: (e) => e.stopPropagation(),
+                onClick: () => canIncrement && onChange?.(value + 1),
+                className: chunkADIDI7AJ_js.cn(
+                  "w-8 h-8 rounded-full border flex items-center justify-center transition-colors",
+                  canIncrement ? "border-gray-300 text-primary hover:border-primary hover:bg-primary/5" : "border-gray-200 text-gray-300 cursor-not-allowed"
+                ),
+                "aria-label": resolvedIncrementLabel,
+                children: /* @__PURE__ */ jsxRuntime.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M5 12h14" }),
+                  /* @__PURE__ */ jsxRuntime.jsx("path", { d: "M12 5v14" })
+                ] })
+              }
+            )
+          ] })
+        ]
+      }
+    );
+  }
+);
+Counter.displayName = "Counter";
+
+exports.Counter = Counter;

package/dist/{chunk-TDGU5Y2P.js → chunk-XOFTU3T7.js}

@@ -52,12 +52,12 @@ var DualRangeSlider = React__namespace.forwardRef(
     const labelMin = formatLabel ? formatLabel(valueMin, "min") : String(valueMin);
     const labelMax = formatLabel ? formatLabel(valueMax, "max") : String(valueMax);
     return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref, className: chunkADIDI7AJ_js.cn("w-full", className), children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative h-2", children: [
-        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-0 rounded-full bg-gray-200" }),
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "relative h-6", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "absolute inset-x-0 top-1/2 h-2 -translate-y-1/2 rounded-full bg-gray-200" }),
         /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
-            className: "absolute h-full rounded-full bg-secondary",
+            className: "absolute top-1/2 h-2 -translate-y-1/2 rounded-full bg-secondary",
             style: { left: `${leftPercent}%`, right: `${rightPercent}%` }
           }
         ),
@@ -72,7 +72,7 @@ var DualRangeSlider = React__namespace.forwardRef(
             onChange: handleMinChange,
             "aria-label": "Minimum",
             className: chunkADIDI7AJ_js.cn(
-              "absolute w-full h-2 appearance-none bg-transparent pointer-events-none",
+              "absolute inset-0 h-6 w-full appearance-none bg-transparent pointer-events-none",
               // Webkit thumb
               "[&::-webkit-slider-thumb]:pointer-events-auto",
               "[&::-webkit-slider-thumb]:appearance-none",
@@ -104,7 +104,7 @@ var DualRangeSlider = React__namespace.forwardRef(
             onChange: handleMaxChange,
             "aria-label": "Maximum",
             className: chunkADIDI7AJ_js.cn(
-              "absolute w-full h-2 appearance-none bg-transparent pointer-events-none",
+              "absolute inset-0 h-6 w-full appearance-none bg-transparent pointer-events-none",
               "[&::-webkit-slider-thumb]:pointer-events-auto",
               "[&::-webkit-slider-thumb]:appearance-none",
               "[&::-webkit-slider-thumb]:w-5 [&::-webkit-slider-thumb]:h-5",

package/dist/{chunk-NZ7GF6RF.mjs → chunk-YOMOULLR.mjs}

@@ -51,11 +51,15 @@ Accordion.displayName = "Accordion";
 function AccordionItem({ title, isOpen, onToggle, children }) {
   const contentRef = React.useRef(null);
   const [height, setHeight] = React.useState(0);
+  const baseId = React.useId();
+  const headerId = `${baseId}-header`;
+  const panelId = `${baseId}-panel`;
   React.useEffect(() => {
     if (contentRef.current) {
       setHeight(isOpen ? contentRef.current.scrollHeight : 0);
     }
   }, [isOpen]);
+  const inertProps = isOpen ? {} : { inert: "" };
   return /* @__PURE__ */ jsxs(
     "div",
     {
@@ -67,8 +71,10 @@ function AccordionItem({ title, isOpen, onToggle, children }) {
         /* @__PURE__ */ jsxs(
           "button",
           {
+            id: headerId,
             onClick: onToggle,
             "aria-expanded": isOpen,
+            "aria-controls": panelId,
             className: "w-full flex items-center justify-between py-5 px-5 text-left group",
             children: [
               /* @__PURE__ */ jsx(
@@ -84,6 +90,7 @@ function AccordionItem({ title, isOpen, onToggle, children }) {
               /* @__PURE__ */ jsx(
                 "div",
                 {
+                  "aria-hidden": "true",
                   className: cn(
                     "w-7 h-7 rounded-full flex items-center justify-center shrink-0 transition-all duration-300",
                     isOpen ? "bg-secondary text-white" : "bg-gray-100 text-gray-600 group-hover:bg-secondary/10 group-hover:text-secondary"
@@ -100,7 +107,12 @@ function AccordionItem({ title, isOpen, onToggle, children }) {
         /* @__PURE__ */ jsx(
           "div",
           {
-            style: { height },
+            id: panelId,
+            role: "region",
+            "aria-labelledby": headerId,
+            "aria-hidden": isOpen ? void 0 : true,
+            ...inertProps,
+            style: { height, visibility: isOpen ? void 0 : "hidden" },
             className: "overflow-hidden transition-all duration-500 ease-out",
             children: /* @__PURE__ */ jsx("div", { ref: contentRef, className: "pb-5 px-5 pr-12", children })
           }

package/dist/{chunk-ZZ4EWC53.mjs → chunk-Z7CF7EQJ.mjs}

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

package/dist/components/Accordion/index.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var chunkMCF3EQTV_js = require('../../chunk-MCF3EQTV.js');
+var chunk73BHQJW6_js = require('../../chunk-73BHQJW6.js');
 require('../../chunk-ADIDI7AJ.js');
 
 
 
 Object.defineProperty(exports, "Accordion", {
   enumerable: true,
-  get: function () { return chunkMCF3EQTV_js.Accordion; }
+  get: function () { return chunk73BHQJW6_js.Accordion; }
 });

package/dist/components/Accordion/index.mjs

@@ -1,2 +1,2 @@
-export { Accordion } from '../../chunk-NZ7GF6RF.mjs';
+export { Accordion } from '../../chunk-YOMOULLR.mjs';
 import '../../chunk-IMKLN273.mjs';

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/Counter/index.d.mts

@@ -8,6 +8,18 @@ interface CounterProps {
     label?: string;
     subtitle?: string;
     className?: string;
+    /** Nom accessible du groupe quand aucun `label` visible n'est rendu. */
+    "aria-label"?: string;
+    /** Id d'un texte externe qui sert de nom accessible au groupe. */
+    "aria-labelledby"?: string;
+    /**
+     * Libelle du bouton « moins ». Par defaut « Diminuer <nom du compteur> » :
+     * un simple « Diminuer » ne dit pas quoi, des que plusieurs compteurs
+     * cohabitent.
+     */
+    decrementLabel?: string;
+    /** Libelle du bouton « plus ». Par defaut « Augmenter <nom du compteur> ». */
+    incrementLabel?: string;
 }
 declare const Counter: React.ForwardRefExoticComponent<CounterProps & React.RefAttributes<HTMLDivElement>>;
 

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

@@ -8,6 +8,18 @@ interface CounterProps {
     label?: string;
     subtitle?: string;
     className?: string;
+    /** Nom accessible du groupe quand aucun `label` visible n'est rendu. */
+    "aria-label"?: string;
+    /** Id d'un texte externe qui sert de nom accessible au groupe. */
+    "aria-labelledby"?: string;
+    /**
+     * Libelle du bouton « moins ». Par defaut « Diminuer <nom du compteur> » :
+     * un simple « Diminuer » ne dit pas quoi, des que plusieurs compteurs
+     * cohabitent.
+     */
+    decrementLabel?: string;
+    /** Libelle du bouton « plus ». Par defaut « Augmenter <nom du compteur> ». */
+    incrementLabel?: string;
 }
 declare const Counter: React.ForwardRefExoticComponent<CounterProps & React.RefAttributes<HTMLDivElement>>;
 

package/dist/components/Counter/index.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var chunkT4AT3YCT_js = require('../../chunk-T4AT3YCT.js');
+var chunkXBNIHUSG_js = require('../../chunk-XBNIHUSG.js');
 require('../../chunk-ADIDI7AJ.js');
 
 
 
 Object.defineProperty(exports, "Counter", {
   enumerable: true,
-  get: function () { return chunkT4AT3YCT_js.Counter; }
+  get: function () { return chunkXBNIHUSG_js.Counter; }
 });

package/dist/components/Counter/index.mjs

@@ -1,2 +1,2 @@
-export { Counter } from '../../chunk-LRNSVRUN.mjs';
+export { Counter } from '../../chunk-WY24TZ4R.mjs';
 import '../../chunk-IMKLN273.mjs';