design-zystem 1.0.311 → 1.0.313

package/dist/index.d.mts

@@ -1387,4 +1387,56 @@ declare const formatKM: (value: string | number | null | undefined) => string;
 
 declare const parseAmount: (value: string) => number | null;
 
-export { Accordion, type AccordionItem, Avatar, Banner, type BannerAction, type BannerProps, Box, Bubble, Bulk, Button, Card, type CardProps, CardSkeleton, Checkbox, Col, Collapse, ColorPicker, DatePicker, type DatePickerProps, type DatePreset, Divider, Drawer, EmptyState, FileUploadZone, type FloatingAction, FloatingButton, type FloatingButtonProps, Gantt, type GanttBand, type GanttBar, type GanttDay, GanttDot, type GanttProps, type GanttRow, GanttSwatch, Grid, Icon, IconTabs, Image, Input, Link, List, ListItem, MetricCard, Modal, ModalConfirmation, MultiSelect, NewModal, Options, PageContainer, Pagination, type PastelColorPair, Popover, ProgressBar, type ProgressBarProps, type ProgressBarSegment, Radio, Row, Select, type SelectOption, type SelectProps, SkeletonRow, SliderInput, type SortOrder, Spinner, Stepper, Switch, Table, TableBody, TableCell, TableFooter, TableFooterCell, TableFooterRow, TableHeader, TableHeaderCell, type TableHeaderCellProps, TableHeaderRow, TableRow, Tabs, TagBubble, Text, Timeline, type TimelineItem, type ToastOptions, type ToastType, Toaster, Tooltip, addBusinessDays, appendCacheBuster, appendQueryParam, capitalizeFirstLetter, colors, easterDate, formatAddress, formatCityFromFormattedAddress, formatCityWithPostalCode, formatDate, formatDateWithTime, formatDistance, formatDuration, formatEuro, formatKM, formatLocality, formatName, formatNameWithInitial, formatPhoneNumber, formatPlate, formatPlateWithoutDashes, formatPostalCodeFromFormattedAddress, formatRegionCode, formatTime, formatVin, generateHexColor, getAvatarColor, getCleanFileName, getElapsedTime, getFileIconByMimeType, getFileKind, getFileNameFromUrl, getInitials, getMimeCategory, getPastelColorPair, getRelativeTime, isHoliday, isSameDay, isolateCity, optimizeImage, parseAmount, parseIsoDate, toast, truncateFileName, truncateText };
+/**
+ * Attributs qui neutralisent l'autofill du navigateur **et** des gestionnaires
+ * de mots de passe (1Password, LastPass, Bitwarden, Dashlane) sur un champ.
+ *
+ * Appliqués par défaut par les champs du DS : sans ça, un coffre-fort réécrit
+ * à l'ouverture d'une page les valeurs déjà présentes dans le formulaire
+ * (fiche existante en édition), silencieusement.
+ *
+ * `autoComplete: 'off'` seul ne suffit pas : les extensions l'ignorent, chacune
+ * a son propre attribut d'opt-out.
+ *
+ * Étalés **avant** les props du consommateur : un champ qui a besoin de
+ * l'autofill (page de login) surcharge ce qu'il veut, y compris en repassant
+ * `undefined` sur un `data-*` pour le retirer.
+ *
+ * @example
+ * <input {...noAutofillProps} {...props} />
+ * // login : <Input autoComplete="username" data-1p-ignore={undefined} />
+ */
+declare const noAutofillProps: {
+    readonly autoComplete: "off";
+    /** 1Password */
+    readonly 'data-1p-ignore': true;
+    /** LastPass */
+    readonly 'data-lpignore': "true";
+    /** Bitwarden */
+    readonly 'data-bwignore': true;
+    /** Dashlane */
+    readonly 'data-form-type': "other";
+};
+/**
+ * Inverse de {@link noAutofillProps} : réautorise l'autofill sur un champ
+ * précis, en neutralisant les `data-*` d'opt-out posés par défaut.
+ *
+ * À réserver aux champs où l'autofill est *voulu* : login, changement de mot
+ * de passe. Partout ailleurs, le défaut du DS est le bon comportement.
+ *
+ * @param autoComplete valeur HTML `autocomplete` du champ — `username`,
+ * `current-password`, `new-password`, `email`…
+ *
+ * @example
+ * <Input type="text" {...allowAutofill('username')} />
+ * <PasswordInput {...allowAutofill('current-password')} />
+ */
+declare const allowAutofill: (autoComplete: string) => {
+    autoComplete: string;
+    "data-1p-ignore": undefined;
+    "data-lpignore": undefined;
+    "data-bwignore": undefined;
+    "data-form-type": undefined;
+};
+
+export { Accordion, type AccordionItem, Avatar, Banner, type BannerAction, type BannerProps, Box, Bubble, Bulk, Button, Card, type CardProps, CardSkeleton, Checkbox, Col, Collapse, ColorPicker, DatePicker, type DatePickerProps, type DatePreset, Divider, Drawer, EmptyState, FileUploadZone, type FloatingAction, FloatingButton, type FloatingButtonProps, Gantt, type GanttBand, type GanttBar, type GanttDay, GanttDot, type GanttProps, type GanttRow, GanttSwatch, Grid, Icon, IconTabs, Image, Input, Link, List, ListItem, MetricCard, Modal, ModalConfirmation, MultiSelect, NewModal, Options, PageContainer, Pagination, type PastelColorPair, Popover, ProgressBar, type ProgressBarProps, type ProgressBarSegment, Radio, Row, Select, type SelectOption, type SelectProps, SkeletonRow, SliderInput, type SortOrder, Spinner, Stepper, Switch, Table, TableBody, TableCell, TableFooter, TableFooterCell, TableFooterRow, TableHeader, TableHeaderCell, type TableHeaderCellProps, TableHeaderRow, TableRow, Tabs, TagBubble, Text, Timeline, type TimelineItem, type ToastOptions, type ToastType, Toaster, Tooltip, addBusinessDays, allowAutofill, appendCacheBuster, appendQueryParam, capitalizeFirstLetter, colors, easterDate, formatAddress, formatCityFromFormattedAddress, formatCityWithPostalCode, formatDate, formatDateWithTime, formatDistance, formatDuration, formatEuro, formatKM, formatLocality, formatName, formatNameWithInitial, formatPhoneNumber, formatPlate, formatPlateWithoutDashes, formatPostalCodeFromFormattedAddress, formatRegionCode, formatTime, formatVin, generateHexColor, getAvatarColor, getCleanFileName, getElapsedTime, getFileIconByMimeType, getFileKind, getFileNameFromUrl, getInitials, getMimeCategory, getPastelColorPair, getRelativeTime, isHoliday, isSameDay, isolateCity, noAutofillProps, optimizeImage, parseAmount, parseIsoDate, toast, truncateFileName, truncateText };

package/dist/index.d.ts

@@ -1387,4 +1387,56 @@ declare const formatKM: (value: string | number | null | undefined) => string;
 
 declare const parseAmount: (value: string) => number | null;
 
-export { Accordion, type AccordionItem, Avatar, Banner, type BannerAction, type BannerProps, Box, Bubble, Bulk, Button, Card, type CardProps, CardSkeleton, Checkbox, Col, Collapse, ColorPicker, DatePicker, type DatePickerProps, type DatePreset, Divider, Drawer, EmptyState, FileUploadZone, type FloatingAction, FloatingButton, type FloatingButtonProps, Gantt, type GanttBand, type GanttBar, type GanttDay, GanttDot, type GanttProps, type GanttRow, GanttSwatch, Grid, Icon, IconTabs, Image, Input, Link, List, ListItem, MetricCard, Modal, ModalConfirmation, MultiSelect, NewModal, Options, PageContainer, Pagination, type PastelColorPair, Popover, ProgressBar, type ProgressBarProps, type ProgressBarSegment, Radio, Row, Select, type SelectOption, type SelectProps, SkeletonRow, SliderInput, type SortOrder, Spinner, Stepper, Switch, Table, TableBody, TableCell, TableFooter, TableFooterCell, TableFooterRow, TableHeader, TableHeaderCell, type TableHeaderCellProps, TableHeaderRow, TableRow, Tabs, TagBubble, Text, Timeline, type TimelineItem, type ToastOptions, type ToastType, Toaster, Tooltip, addBusinessDays, appendCacheBuster, appendQueryParam, capitalizeFirstLetter, colors, easterDate, formatAddress, formatCityFromFormattedAddress, formatCityWithPostalCode, formatDate, formatDateWithTime, formatDistance, formatDuration, formatEuro, formatKM, formatLocality, formatName, formatNameWithInitial, formatPhoneNumber, formatPlate, formatPlateWithoutDashes, formatPostalCodeFromFormattedAddress, formatRegionCode, formatTime, formatVin, generateHexColor, getAvatarColor, getCleanFileName, getElapsedTime, getFileIconByMimeType, getFileKind, getFileNameFromUrl, getInitials, getMimeCategory, getPastelColorPair, getRelativeTime, isHoliday, isSameDay, isolateCity, optimizeImage, parseAmount, parseIsoDate, toast, truncateFileName, truncateText };
+/**
+ * Attributs qui neutralisent l'autofill du navigateur **et** des gestionnaires
+ * de mots de passe (1Password, LastPass, Bitwarden, Dashlane) sur un champ.
+ *
+ * Appliqués par défaut par les champs du DS : sans ça, un coffre-fort réécrit
+ * à l'ouverture d'une page les valeurs déjà présentes dans le formulaire
+ * (fiche existante en édition), silencieusement.
+ *
+ * `autoComplete: 'off'` seul ne suffit pas : les extensions l'ignorent, chacune
+ * a son propre attribut d'opt-out.
+ *
+ * Étalés **avant** les props du consommateur : un champ qui a besoin de
+ * l'autofill (page de login) surcharge ce qu'il veut, y compris en repassant
+ * `undefined` sur un `data-*` pour le retirer.
+ *
+ * @example
+ * <input {...noAutofillProps} {...props} />
+ * // login : <Input autoComplete="username" data-1p-ignore={undefined} />
+ */
+declare const noAutofillProps: {
+    readonly autoComplete: "off";
+    /** 1Password */
+    readonly 'data-1p-ignore': true;
+    /** LastPass */
+    readonly 'data-lpignore': "true";
+    /** Bitwarden */
+    readonly 'data-bwignore': true;
+    /** Dashlane */
+    readonly 'data-form-type': "other";
+};
+/**
+ * Inverse de {@link noAutofillProps} : réautorise l'autofill sur un champ
+ * précis, en neutralisant les `data-*` d'opt-out posés par défaut.
+ *
+ * À réserver aux champs où l'autofill est *voulu* : login, changement de mot
+ * de passe. Partout ailleurs, le défaut du DS est le bon comportement.
+ *
+ * @param autoComplete valeur HTML `autocomplete` du champ — `username`,
+ * `current-password`, `new-password`, `email`…
+ *
+ * @example
+ * <Input type="text" {...allowAutofill('username')} />
+ * <PasswordInput {...allowAutofill('current-password')} />
+ */
+declare const allowAutofill: (autoComplete: string) => {
+    autoComplete: string;
+    "data-1p-ignore": undefined;
+    "data-lpignore": undefined;
+    "data-bwignore": undefined;
+    "data-form-type": undefined;
+};
+
+export { Accordion, type AccordionItem, Avatar, Banner, type BannerAction, type BannerProps, Box, Bubble, Bulk, Button, Card, type CardProps, CardSkeleton, Checkbox, Col, Collapse, ColorPicker, DatePicker, type DatePickerProps, type DatePreset, Divider, Drawer, EmptyState, FileUploadZone, type FloatingAction, FloatingButton, type FloatingButtonProps, Gantt, type GanttBand, type GanttBar, type GanttDay, GanttDot, type GanttProps, type GanttRow, GanttSwatch, Grid, Icon, IconTabs, Image, Input, Link, List, ListItem, MetricCard, Modal, ModalConfirmation, MultiSelect, NewModal, Options, PageContainer, Pagination, type PastelColorPair, Popover, ProgressBar, type ProgressBarProps, type ProgressBarSegment, Radio, Row, Select, type SelectOption, type SelectProps, SkeletonRow, SliderInput, type SortOrder, Spinner, Stepper, Switch, Table, TableBody, TableCell, TableFooter, TableFooterCell, TableFooterRow, TableHeader, TableHeaderCell, type TableHeaderCellProps, TableHeaderRow, TableRow, Tabs, TagBubble, Text, Timeline, type TimelineItem, type ToastOptions, type ToastType, Toaster, Tooltip, addBusinessDays, allowAutofill, appendCacheBuster, appendQueryParam, capitalizeFirstLetter, colors, easterDate, formatAddress, formatCityFromFormattedAddress, formatCityWithPostalCode, formatDate, formatDateWithTime, formatDistance, formatDuration, formatEuro, formatKM, formatLocality, formatName, formatNameWithInitial, formatPhoneNumber, formatPlate, formatPlateWithoutDashes, formatPostalCodeFromFormattedAddress, formatRegionCode, formatTime, formatVin, generateHexColor, getAvatarColor, getCleanFileName, getElapsedTime, getFileIconByMimeType, getFileKind, getFileNameFromUrl, getInitials, getMimeCategory, getPastelColorPair, getRelativeTime, isHoliday, isSameDay, isolateCity, noAutofillProps, optimizeImage, parseAmount, parseIsoDate, toast, truncateFileName, truncateText };

package/dist/index.js

@@ -124,6 +124,7 @@ __export(index_exports, {
   Toaster: () => Toaster,
   Tooltip: () => Tooltip,
   addBusinessDays: () => addBusinessDays,
+  allowAutofill: () => allowAutofill,
   appendCacheBuster: () => appendCacheBuster,
   appendQueryParam: () => appendQueryParam,
   capitalizeFirstLetter: () => capitalizeFirstLetter,
@@ -162,6 +163,7 @@ __export(index_exports, {
   isHoliday: () => isHoliday,
   isSameDay: () => isSameDay,
   isolateCity: () => isolateCity,
+  noAutofillProps: () => noAutofillProps,
   optimizeImage: () => optimizeImage_default,
   parseAmount: () => parseAmount,
   parseIsoDate: () => parseIsoDate,
@@ -2536,6 +2538,28 @@ var Avatar = ({
 var import_react12 = require("react");
 var import_react_dom2 = __toESM(require("react-dom"));
 var import_styled_components20 = __toESM(require("styled-components"));
+
+// src/ui/lib/autofill.ts
+var noAutofillProps = {
+  autoComplete: "off",
+  /** 1Password */
+  "data-1p-ignore": true,
+  /** LastPass */
+  "data-lpignore": "true",
+  /** Bitwarden */
+  "data-bwignore": true,
+  /** Dashlane */
+  "data-form-type": "other"
+};
+var allowAutofill = (autoComplete) => ({
+  autoComplete,
+  "data-1p-ignore": void 0,
+  "data-lpignore": void 0,
+  "data-bwignore": void 0,
+  "data-form-type": void 0
+});
+
+// src/ui-legacy/Components/Select/Select.tsx
 var import_jsx_runtime24 = require("react/jsx-runtime");
 var StyledContainer = import_styled_components20.default.div.withConfig({
   shouldForwardProp: (prop) => !["width", "noFlex", "label"].includes(prop)
@@ -2771,13 +2795,14 @@ var Select = ({
             children: [
               !hideSearchBar && /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
                 SearchInput,
-                {
+                __spreadProps(__spreadValues({
                   ref: searchInputRef,
                   type: "text",
-                  placeholder: "Rechercher...",
+                  placeholder: "Rechercher..."
+                }, noAutofillProps), {
                   value: searchTerm,
                   onChange: handleSearch
-                }
+                })
               ),
               /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(DropdownList, { children: filteredOptions.map((option, index) => /* @__PURE__ */ (0, import_jsx_runtime24.jsx)(
                 Option,
@@ -3144,12 +3169,12 @@ var Input = (0, import_react13.forwardRef)((props, ref) => {
           isDate ? /* @__PURE__ */ (0, import_jsx_runtime25.jsxs)(import_jsx_runtime25.Fragment, { children: [
             /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
               StyledInput,
-              __spreadProps(__spreadValues({
+              __spreadProps(__spreadValues(__spreadProps(__spreadValues({
                 id: inputId,
                 ref: innerRef,
                 type: "text",
-                inputMode: "numeric",
-                autoComplete: "off",
+                inputMode: "numeric"
+              }, noAutofillProps), {
                 value: displayDateValue,
                 onChange: handleDateInputChange,
                 onPaste: handleDateInputPaste,
@@ -3159,7 +3184,7 @@ var Input = (0, import_react13.forwardRef)((props, ref) => {
                 disabled,
                 "aria-required": required || void 0,
                 style: computedStyle
-              }, forwardProps), {
+              }), forwardProps), {
                 name: void 0,
                 min: void 0,
                 max: void 0,
@@ -3203,7 +3228,7 @@ var Input = (0, import_react13.forwardRef)((props, ref) => {
             )
           ] }) : /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
             Component,
-            __spreadValues({
+            __spreadValues(__spreadValues(__spreadValues({
               id: inputId,
               ref: innerRef,
               type: isPassword ? showPassword ? "text" : "password" : type,
@@ -3215,7 +3240,7 @@ var Input = (0, import_react13.forwardRef)((props, ref) => {
               disabled,
               name: inputName,
               style: computedStyle
-            }, forwardProps)
+            }, noAutofillProps), isPassword ? { autoComplete: "new-password" } : {}), forwardProps)
           ),
           isPassword && /* @__PURE__ */ (0, import_jsx_runtime25.jsx)(
             EyeButton,
@@ -3623,14 +3648,15 @@ var ColorPicker = (0, import_react17.forwardRef)(
         ) }) }),
         /* @__PURE__ */ (0, import_jsx_runtime29.jsx)(
           HexInput,
-          {
+          __spreadProps(__spreadValues({
             type: "text",
-            value: currentColor,
+            value: currentColor
+          }, noAutofillProps), {
             onChange: handleChange,
             disabled,
             $fontSize: dims.fontSize,
             $padding: dims.inputPadding
-          }
+          })
         )
       ] })
     ] });
@@ -7543,6 +7569,7 @@ var parseAmount = (value) => {
   Toaster,
   Tooltip,
   addBusinessDays,
+  allowAutofill,
   appendCacheBuster,
   appendQueryParam,
   capitalizeFirstLetter,
@@ -7581,6 +7608,7 @@ var parseAmount = (value) => {
   isHoliday,
   isSameDay,
   isolateCity,
+  noAutofillProps,
   optimizeImage,
   parseAmount,
   parseIsoDate,

package/dist/index.mjs

@@ -2395,6 +2395,28 @@ var Avatar = ({
 import { useState as useState7, useRef as useRef5, useEffect as useEffect6 } from "react";
 import ReactDOM from "react-dom";
 import styled20 from "styled-components";
+
+// src/ui/lib/autofill.ts
+var noAutofillProps = {
+  autoComplete: "off",
+  /** 1Password */
+  "data-1p-ignore": true,
+  /** LastPass */
+  "data-lpignore": "true",
+  /** Bitwarden */
+  "data-bwignore": true,
+  /** Dashlane */
+  "data-form-type": "other"
+};
+var allowAutofill = (autoComplete) => ({
+  autoComplete,
+  "data-1p-ignore": void 0,
+  "data-lpignore": void 0,
+  "data-bwignore": void 0,
+  "data-form-type": void 0
+});
+
+// src/ui-legacy/Components/Select/Select.tsx
 import { jsx as jsx24, jsxs as jsxs11 } from "react/jsx-runtime";
 var StyledContainer = styled20.div.withConfig({
   shouldForwardProp: (prop) => !["width", "noFlex", "label"].includes(prop)
@@ -2630,13 +2652,14 @@ var Select = ({
             children: [
               !hideSearchBar && /* @__PURE__ */ jsx24(
                 SearchInput,
-                {
+                __spreadProps(__spreadValues({
                   ref: searchInputRef,
                   type: "text",
-                  placeholder: "Rechercher...",
+                  placeholder: "Rechercher..."
+                }, noAutofillProps), {
                   value: searchTerm,
                   onChange: handleSearch
-                }
+                })
               ),
               /* @__PURE__ */ jsx24(DropdownList, { children: filteredOptions.map((option, index) => /* @__PURE__ */ jsx24(
                 Option,
@@ -3009,12 +3032,12 @@ var Input = forwardRef3((props, ref) => {
           isDate ? /* @__PURE__ */ jsxs12(Fragment3, { children: [
             /* @__PURE__ */ jsx25(
               StyledInput,
-              __spreadProps(__spreadValues({
+              __spreadProps(__spreadValues(__spreadProps(__spreadValues({
                 id: inputId,
                 ref: innerRef,
                 type: "text",
-                inputMode: "numeric",
-                autoComplete: "off",
+                inputMode: "numeric"
+              }, noAutofillProps), {
                 value: displayDateValue,
                 onChange: handleDateInputChange,
                 onPaste: handleDateInputPaste,
@@ -3024,7 +3047,7 @@ var Input = forwardRef3((props, ref) => {
                 disabled,
                 "aria-required": required || void 0,
                 style: computedStyle
-              }, forwardProps), {
+              }), forwardProps), {
                 name: void 0,
                 min: void 0,
                 max: void 0,
@@ -3068,7 +3091,7 @@ var Input = forwardRef3((props, ref) => {
             )
           ] }) : /* @__PURE__ */ jsx25(
             Component,
-            __spreadValues({
+            __spreadValues(__spreadValues(__spreadValues({
               id: inputId,
               ref: innerRef,
               type: isPassword ? showPassword ? "text" : "password" : type,
@@ -3080,7 +3103,7 @@ var Input = forwardRef3((props, ref) => {
               disabled,
               name: inputName,
               style: computedStyle
-            }, forwardProps)
+            }, noAutofillProps), isPassword ? { autoComplete: "new-password" } : {}), forwardProps)
           ),
           isPassword && /* @__PURE__ */ jsx25(
             EyeButton,
@@ -3488,14 +3511,15 @@ var ColorPicker = forwardRef4(
         ) }) }),
         /* @__PURE__ */ jsx29(
           HexInput,
-          {
+          __spreadProps(__spreadValues({
             type: "text",
-            value: currentColor,
+            value: currentColor
+          }, noAutofillProps), {
             onChange: handleChange,
             disabled,
             $fontSize: dims.fontSize,
             $padding: dims.inputPadding
-          }
+          })
         )
       ] })
     ] });
@@ -7421,6 +7445,7 @@ export {
   Toaster,
   Tooltip,
   addBusinessDays,
+  allowAutofill,
   appendCacheBuster,
   appendQueryParam,
   capitalizeFirstLetter,
@@ -7459,6 +7484,7 @@ export {
   isHoliday,
   isSameDay,
   isolateCity,
+  noAutofillProps,
   optimizeImage_default as optimizeImage,
   parseAmount,
   parseIsoDate,

package/dist/ui/index.d.mts

@@ -128,6 +128,108 @@ interface IconProps extends Omit<HTMLAttributes<HTMLElement>, 'color' | 'onClick
  */
 declare const Icon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<HTMLElement>>;
 
+declare const colors: {
+    readonly neutral_00: "#FFFFFF00";
+    readonly neutral_50: "#fff";
+    readonly neutral_100: "#f8f9fa";
+    readonly neutral_200: "#f2F2F2";
+    readonly neutral_400: "#ccc";
+    readonly neutral_500: "#A4A4A4";
+    readonly neutral_600: "#808080";
+    readonly neutral_800: "#343a40";
+    readonly neutral_950: "#000";
+    readonly grey_100: "#F8FAFC";
+    readonly grey_200: "#F1F5F9";
+    readonly grey_300: "#E2E8F0";
+    readonly grey_400: "#CBD5E1";
+    readonly grey_500: "#94A3B8";
+    readonly grey_600: "#646B73";
+    readonly dark_100: "#42979D";
+    readonly dark_200: "#317176";
+    readonly dark_300: "#1D1C1C";
+    readonly blue_50: "#DBE9FE";
+    readonly blue_100: "#CCEAF8";
+    readonly blue_200: "#B9DCED";
+    readonly blue_300: "#A7CFE2";
+    readonly blue_400: "#94C1D7";
+    readonly blue_500: "#82B4CC";
+    readonly blue_600: "#5C99B7";
+    readonly blue_700: "#377EA1";
+    readonly blue_800: "#12638B";
+    readonly blue_900: "#0E4F6F";
+    readonly blue_950: "#1C4ED8";
+    readonly red_500: "#F44649";
+    readonly red_50: "#FEE9E9";
+    readonly red_900: "#7F1D1D";
+    readonly turquoise_50: "#EEF8F9";
+    readonly turquoise_100: "#DCF2F3";
+    readonly turquoise_200: "#CBEBED";
+    readonly turquoise_300: "#BAE5E7";
+    readonly turquoise_400: "#97D7DC";
+    readonly yellow_50: "#FEF7EA";
+    readonly yellow_100: "#FEEDD5";
+    readonly yellow_200: "#FFD700";
+    readonly yellow_300: "#F8AF2D";
+    readonly yellow_400: "#DF8F00";
+    readonly yellow_500: "#A16207";
+    readonly orange_50: "#FFEEE6";
+    readonly orange_100: "#FFCEB8";
+    readonly orange_300: "#FFAF8A";
+    readonly orange_400: "#FF8F5C";
+    readonly orange_500: "#FF641C";
+    readonly orange_600: "#FF5100";
+    readonly purple_50: "#EDE9FE";
+    readonly purple_700: "#7230DB";
+    readonly pink_50: "#FDF2F8";
+    readonly pink_100: "#FCE7F3";
+    readonly pink_300: "#FBCFE8";
+    readonly pink_400: "#F9A8D4";
+    readonly pink_500: "#CF0F9E";
+    readonly pink_600: "#EC4899";
+    readonly pink_700: "#DB2777";
+    readonly pink_800: "#BE185D";
+    readonly pink_900: "#9D174D";
+    readonly fuchsia_300: "#FFB3EC";
+    readonly green_50: "#DCFCE7";
+    readonly green_100: "#12B76A";
+    readonly green_700: "#17803D";
+    readonly green_900: "#006123";
+    readonly brown_50: "#EFEBE9";
+    readonly brown_100: "#D7CCC8";
+    readonly brown_300: "#A1887F";
+    readonly brown_400: "#8D6E63";
+    readonly brown_500: "#795548";
+    readonly brown_600: "#CD7F32";
+    readonly brown_700: "#5D4037";
+    readonly brown_800: "#4E342E";
+    readonly brown_900: "#3E2723";
+    readonly brown_950: "#333222";
+    readonly gradient_blue_deep: "linear-gradient(131.36deg, rgb(3, 62, 113) 0%, rgb(0, 87, 138) 20%, rgb(1, 113, 164) 40%, rgb(1, 113, 164) 50%, rgb(0, 87, 138) 80%, rgb(3, 62, 113) 100%)";
+};
+type ColorKey = keyof typeof colors;
+
+interface IconBadgeProps extends Omit<HTMLAttributes<HTMLElement>, 'color' | 'onClick'> {
+    /** Nom de l'icône FontAwesome, sans le préfixe `fa-`. */
+    name: string;
+    family?: IconFamily;
+    size?: IconSize;
+    /** Couleur de fond — n'importe quelle clé de la palette brute (`lib/colors.ts`), posée en style inline (pas de classe Tailwind fermée à générer). */
+    bgColor: ColorKey;
+    /** Couleur de l'icône — même palette. Explicite, sans défaut : une icône reprenant automatiquement `bgColor` deviendrait invisible sur son propre fond. */
+    iconColor: ColorKey;
+    onClick?: () => void;
+    /** Action indisponible : badge grisé, clic inerte. N'a de sens qu'avec `onClick`. */
+    disabled?: boolean;
+    className?: string;
+}
+/**
+ * Icône posée dans un badge circulaire coloré — en-tête de bloc/carte, statut...
+ * Composant dédié plutôt qu'une prop de fond sur `Icon` : même logique que
+ * `Badge`, séparé de `Text`, pour garder chaque primitive à une seule
+ * responsabilité (cf. philosophie shadcn/Radix de la lib).
+ */
+declare const IconBadge: react.ForwardRefExoticComponent<IconBadgeProps & react.RefAttributes<HTMLElement>>;
+
 /** `red-500` est le rouge vif d'action destructive (l'ancien `red_950` du DZ) —
  * `red-900` reste le bordeaux d'état d'erreur. */
 type ButtonColor = ColorToken | 'red-500';
@@ -946,86 +1048,6 @@ interface DatePickerProps {
 /** Construit sur `react-day-picker` — la lib derrière le vrai `Calendar`/`DatePicker` de shadcn. */
 declare const DatePicker: ({ mode, value, onChange, startDate, endDate, onRangeChange, showPresets, presets, placeholder, disabled, minDate, maxDate, width, align, className, }: DatePickerProps) => react.JSX.Element;
 
-declare const colors: {
-    readonly neutral_00: "#FFFFFF00";
-    readonly neutral_50: "#fff";
-    readonly neutral_100: "#f8f9fa";
-    readonly neutral_200: "#f2F2F2";
-    readonly neutral_400: "#ccc";
-    readonly neutral_500: "#A4A4A4";
-    readonly neutral_600: "#808080";
-    readonly neutral_800: "#343a40";
-    readonly neutral_950: "#000";
-    readonly grey_100: "#F8FAFC";
-    readonly grey_200: "#F1F5F9";
-    readonly grey_300: "#E2E8F0";
-    readonly grey_400: "#CBD5E1";
-    readonly grey_500: "#94A3B8";
-    readonly grey_600: "#646B73";
-    readonly dark_100: "#42979D";
-    readonly dark_200: "#317176";
-    readonly dark_300: "#1D1C1C";
-    readonly blue_50: "#DBE9FE";
-    readonly blue_100: "#CCEAF8";
-    readonly blue_200: "#B9DCED";
-    readonly blue_300: "#A7CFE2";
-    readonly blue_400: "#94C1D7";
-    readonly blue_500: "#82B4CC";
-    readonly blue_600: "#5C99B7";
-    readonly blue_700: "#377EA1";
-    readonly blue_800: "#12638B";
-    readonly blue_900: "#0E4F6F";
-    readonly blue_950: "#1C4ED8";
-    readonly red_500: "#F44649";
-    readonly red_50: "#FEE9E9";
-    readonly red_900: "#7F1D1D";
-    readonly turquoise_50: "#EEF8F9";
-    readonly turquoise_100: "#DCF2F3";
-    readonly turquoise_200: "#CBEBED";
-    readonly turquoise_300: "#BAE5E7";
-    readonly turquoise_400: "#97D7DC";
-    readonly yellow_50: "#FEF7EA";
-    readonly yellow_100: "#FEEDD5";
-    readonly yellow_200: "#FFD700";
-    readonly yellow_300: "#F8AF2D";
-    readonly yellow_400: "#DF8F00";
-    readonly yellow_500: "#A16207";
-    readonly orange_50: "#FFEEE6";
-    readonly orange_100: "#FFCEB8";
-    readonly orange_300: "#FFAF8A";
-    readonly orange_400: "#FF8F5C";
-    readonly orange_500: "#FF641C";
-    readonly orange_600: "#FF5100";
-    readonly purple_50: "#EDE9FE";
-    readonly purple_700: "#7230DB";
-    readonly pink_50: "#FDF2F8";
-    readonly pink_100: "#FCE7F3";
-    readonly pink_300: "#FBCFE8";
-    readonly pink_400: "#F9A8D4";
-    readonly pink_500: "#CF0F9E";
-    readonly pink_600: "#EC4899";
-    readonly pink_700: "#DB2777";
-    readonly pink_800: "#BE185D";
-    readonly pink_900: "#9D174D";
-    readonly fuchsia_300: "#FFB3EC";
-    readonly green_50: "#DCFCE7";
-    readonly green_100: "#12B76A";
-    readonly green_700: "#17803D";
-    readonly green_900: "#006123";
-    readonly brown_50: "#EFEBE9";
-    readonly brown_100: "#D7CCC8";
-    readonly brown_300: "#A1887F";
-    readonly brown_400: "#8D6E63";
-    readonly brown_500: "#795548";
-    readonly brown_600: "#CD7F32";
-    readonly brown_700: "#5D4037";
-    readonly brown_800: "#4E342E";
-    readonly brown_900: "#3E2723";
-    readonly brown_950: "#333222";
-    readonly gradient_blue_deep: "linear-gradient(131.36deg, rgb(3, 62, 113) 0%, rgb(0, 87, 138) 20%, rgb(1, 113, 164) 40%, rgb(1, 113, 164) 50%, rgb(0, 87, 138) 80%, rgb(3, 62, 113) 100%)";
-};
-type ColorKey = keyof typeof colors;
-
 /**
  * Miroir de DesignSystem/src/data/globalMethods.ts.
  *
@@ -1174,4 +1196,56 @@ interface OptimizeImageOptions {
 }
 declare const optimizeImage: (file: File | null | undefined, desiredBaseName: string, opts?: OptimizeImageOptions) => Promise<OptimizeImageResult>;
 
-export { Attachment, type AttachmentProps, type AttachmentStatus, Avatar, AvatarBadge, type AvatarBadgeConfig, type AvatarBadgeProps, AvatarFallback, type AvatarFallbackProps, AvatarGroup, type AvatarGroupProps, AvatarImage, type AvatarImageProps, type AvatarProps, Badge, type BadgeProps, Banner, type BannerAction, type BannerProps, type BannerToggle, Box, type BoxProps, Bulk, type BulkProps, type BulkSection, Button, type ButtonColor, type ButtonProps, COLOR_TOKENS, Checkbox, type CheckboxProps, Collapsible, CollapsibleContent, CollapsibleTrigger, type ColorKey, ColorPicker, type ColorPickerProps, type ColorToken, DatePicker, type DatePickerMode, type DatePickerProps, type DatePreset, Divider, type DividerProps, Drawer, DrawerBody, DrawerClose, DrawerDescription, type DrawerDirection, DrawerFooter, DrawerHeader, type DrawerProps, DrawerTitle, EmailInput, type EmailInputProps, EmptyState, type EmptyStateProps, FileUploadZone, type FileUploadZoneProps, type FloatingAction, FloatingButton, type FloatingButtonProps, Gantt, type GanttBand, type GanttBar, type GanttDay, GanttDot, type GanttProps, type GanttRow, GanttSwatch, Icon, type IconColor, type IconFamily, type IconProps, type IconSize, type IconTabItem, IconTabs, type IconTabsProps, Image, type ImageProps, Input, InputGroup, InputGroupAddon, type InputGroupAddonProps, InputGroupButton, type InputGroupButtonProps, type InputGroupProps, type InputProps, Item, ItemActions, ItemContent, ItemDescription, ItemMedia, type ItemMediaProps, type ItemProps, ItemTitle, Label, type LabelProps, Layout, type LayoutProps, Link, type LinkProps, MetricCard, type MetricCardProps, Modal, ModalBody, ModalClose, ModalDescription, ModalFooter, ModalHeader, type ModalProps, ModalTitle, type MultiSelectProps, type OptimizeImageOptions, type OptimizeImageResult, PageContainer, type PageContainerProps, Pagination, type PaginationProps, PasswordInput, type PasswordInputProps, PdfPreview, type PdfPreviewProps, PhoneInput, type PhoneInputMeta, type PhoneInputProps, Popover, type PopoverMenuItem, type PopoverProps, ProgressBar, type ProgressBarProps, Radio, type RadioOption, type RadioProps, ScrollArea, type ScrollAreaProps, SearchInput, type SearchInputProps, Select, type SelectOption, type SelectProps, type SingleSelectProps, Skeleton, type SkeletonProps, Spinner, type SpinnerProps, type SpinnerSize, Stepper, type StepperProps, Switch, type SwitchProps, type TabItem, Table, TableCell, type TableCellProps, type TableEmptyState, TableFooter, TableFooterCell, type TableFooterCellProps, type TableFooterProps, TableFooterRow, type TableFooterRowProps, TableHeader, TableHeaderCell, type TableHeaderCellProps, type TableHeaderProps, TableHeaderRow, type TableHeaderRowProps, type TablePagination, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, type TabsVariant, TagBubble, type TagBubbleProps, type TagOption, TagSelect, type TagSelectProps, Text, type TextProps, Textarea, type TextareaProps, Timeline, type TimelineItem, type TimelineProps, type ToastOptions, type ToastType, Toaster, Tooltip, type TooltipProps, addBusinessDays, appendCacheBuster, appendQueryParam, buttonVariants, capitalizeFirstLetter, colors, easterDate, formatAddress, formatCityFromFormattedAddress, formatCityWithPostalCode, formatDate, formatDateWithTime, formatDistance, formatDuration, formatEuro, formatKM, formatLocality, formatName, formatNameWithInitial, formatPhoneNumber, formatPlate, formatPlateWithoutDashes, formatPostalCodeFromFormattedAddress, formatRegionCode, formatTime, formatVin, generateHexColor, getAvatarColor, getCleanFileName, getFileIconByMimeType, getFileKind, getFileNameFromUrl, getInitials, getMimeCategory, getRelativeTime, isHoliday, isSameDay, isolateCity, optimizeImage, parseAmount, parseIsoDate, toast, truncateFileName, truncateText, useAvatarSize };
+/**
+ * Attributs qui neutralisent l'autofill du navigateur **et** des gestionnaires
+ * de mots de passe (1Password, LastPass, Bitwarden, Dashlane) sur un champ.
+ *
+ * Appliqués par défaut par les champs du DS : sans ça, un coffre-fort réécrit
+ * à l'ouverture d'une page les valeurs déjà présentes dans le formulaire
+ * (fiche existante en édition), silencieusement.
+ *
+ * `autoComplete: 'off'` seul ne suffit pas : les extensions l'ignorent, chacune
+ * a son propre attribut d'opt-out.
+ *
+ * Étalés **avant** les props du consommateur : un champ qui a besoin de
+ * l'autofill (page de login) surcharge ce qu'il veut, y compris en repassant
+ * `undefined` sur un `data-*` pour le retirer.
+ *
+ * @example
+ * <input {...noAutofillProps} {...props} />
+ * // login : <Input autoComplete="username" data-1p-ignore={undefined} />
+ */
+declare const noAutofillProps: {
+    readonly autoComplete: "off";
+    /** 1Password */
+    readonly 'data-1p-ignore': true;
+    /** LastPass */
+    readonly 'data-lpignore': "true";
+    /** Bitwarden */
+    readonly 'data-bwignore': true;
+    /** Dashlane */
+    readonly 'data-form-type': "other";
+};
+/**
+ * Inverse de {@link noAutofillProps} : réautorise l'autofill sur un champ
+ * précis, en neutralisant les `data-*` d'opt-out posés par défaut.
+ *
+ * À réserver aux champs où l'autofill est *voulu* : login, changement de mot
+ * de passe. Partout ailleurs, le défaut du DS est le bon comportement.
+ *
+ * @param autoComplete valeur HTML `autocomplete` du champ — `username`,
+ * `current-password`, `new-password`, `email`…
+ *
+ * @example
+ * <Input type="text" {...allowAutofill('username')} />
+ * <PasswordInput {...allowAutofill('current-password')} />
+ */
+declare const allowAutofill: (autoComplete: string) => {
+    autoComplete: string;
+    "data-1p-ignore": undefined;
+    "data-lpignore": undefined;
+    "data-bwignore": undefined;
+    "data-form-type": undefined;
+};
+
+export { Attachment, type AttachmentProps, type AttachmentStatus, Avatar, AvatarBadge, type AvatarBadgeConfig, type AvatarBadgeProps, AvatarFallback, type AvatarFallbackProps, AvatarGroup, type AvatarGroupProps, AvatarImage, type AvatarImageProps, type AvatarProps, Badge, type BadgeProps, Banner, type BannerAction, type BannerProps, type BannerToggle, Box, type BoxProps, Bulk, type BulkProps, type BulkSection, Button, type ButtonColor, type ButtonProps, COLOR_TOKENS, Checkbox, type CheckboxProps, Collapsible, CollapsibleContent, CollapsibleTrigger, type ColorKey, ColorPicker, type ColorPickerProps, type ColorToken, DatePicker, type DatePickerMode, type DatePickerProps, type DatePreset, Divider, type DividerProps, Drawer, DrawerBody, DrawerClose, DrawerDescription, type DrawerDirection, DrawerFooter, DrawerHeader, type DrawerProps, DrawerTitle, EmailInput, type EmailInputProps, EmptyState, type EmptyStateProps, FileUploadZone, type FileUploadZoneProps, type FloatingAction, FloatingButton, type FloatingButtonProps, Gantt, type GanttBand, type GanttBar, type GanttDay, GanttDot, type GanttProps, type GanttRow, GanttSwatch, Icon, IconBadge, type IconBadgeProps, type IconColor, type IconFamily, type IconProps, type IconSize, type IconTabItem, IconTabs, type IconTabsProps, Image, type ImageProps, Input, InputGroup, InputGroupAddon, type InputGroupAddonProps, InputGroupButton, type InputGroupButtonProps, type InputGroupProps, type InputProps, Item, ItemActions, ItemContent, ItemDescription, ItemMedia, type ItemMediaProps, type ItemProps, ItemTitle, Label, type LabelProps, Layout, type LayoutProps, Link, type LinkProps, MetricCard, type MetricCardProps, Modal, ModalBody, ModalClose, ModalDescription, ModalFooter, ModalHeader, type ModalProps, ModalTitle, type MultiSelectProps, type OptimizeImageOptions, type OptimizeImageResult, PageContainer, type PageContainerProps, Pagination, type PaginationProps, PasswordInput, type PasswordInputProps, PdfPreview, type PdfPreviewProps, PhoneInput, type PhoneInputMeta, type PhoneInputProps, Popover, type PopoverMenuItem, type PopoverProps, ProgressBar, type ProgressBarProps, Radio, type RadioOption, type RadioProps, ScrollArea, type ScrollAreaProps, SearchInput, type SearchInputProps, Select, type SelectOption, type SelectProps, type SingleSelectProps, Skeleton, type SkeletonProps, Spinner, type SpinnerProps, type SpinnerSize, Stepper, type StepperProps, Switch, type SwitchProps, type TabItem, Table, TableCell, type TableCellProps, type TableEmptyState, TableFooter, TableFooterCell, type TableFooterCellProps, type TableFooterProps, TableFooterRow, type TableFooterRowProps, TableHeader, TableHeaderCell, type TableHeaderCellProps, type TableHeaderProps, TableHeaderRow, type TableHeaderRowProps, type TablePagination, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, type TabsVariant, TagBubble, type TagBubbleProps, type TagOption, TagSelect, type TagSelectProps, Text, type TextProps, Textarea, type TextareaProps, Timeline, type TimelineItem, type TimelineProps, type ToastOptions, type ToastType, Toaster, Tooltip, type TooltipProps, addBusinessDays, allowAutofill, appendCacheBuster, appendQueryParam, buttonVariants, capitalizeFirstLetter, colors, easterDate, formatAddress, formatCityFromFormattedAddress, formatCityWithPostalCode, formatDate, formatDateWithTime, formatDistance, formatDuration, formatEuro, formatKM, formatLocality, formatName, formatNameWithInitial, formatPhoneNumber, formatPlate, formatPlateWithoutDashes, formatPostalCodeFromFormattedAddress, formatRegionCode, formatTime, formatVin, generateHexColor, getAvatarColor, getCleanFileName, getFileIconByMimeType, getFileKind, getFileNameFromUrl, getInitials, getMimeCategory, getRelativeTime, isHoliday, isSameDay, isolateCity, noAutofillProps, optimizeImage, parseAmount, parseIsoDate, toast, truncateFileName, truncateText, useAvatarSize };