design-zystem 1.0.325 → 1.0.327

package/dist/index.d.mts

@@ -483,6 +483,8 @@ interface InputProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | '
     onBlur?: (e: FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
     onKeyDown?: (e: KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
     asTextArea?: boolean;
+    /** Lignes visibles d'un `asTextArea` : sans valeur, le navigateur en impose deux. */
+    rows?: number;
     noFlex?: boolean;
     name?: string;
     min?: string | number;
@@ -776,6 +778,7 @@ interface TableCellProps extends HTMLAttributes<HTMLDivElement> {
     minHeight?: string;
     padding?: string;
     width?: string;
+    alignSelf?: string;
     style?: CSSProperties;
     className?: string;
 }

package/dist/index.d.ts

@@ -483,6 +483,8 @@ interface InputProps extends Omit<HTMLAttributes<HTMLDivElement>, 'onChange' | '
     onBlur?: (e: FocusEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
     onKeyDown?: (e: KeyboardEvent<HTMLInputElement | HTMLTextAreaElement>) => void;
     asTextArea?: boolean;
+    /** Lignes visibles d'un `asTextArea` : sans valeur, le navigateur en impose deux. */
+    rows?: number;
     noFlex?: boolean;
     name?: string;
     min?: string | number;
@@ -776,6 +778,7 @@ interface TableCellProps extends HTMLAttributes<HTMLDivElement> {
     minHeight?: string;
     padding?: string;
     width?: string;
+    alignSelf?: string;
     style?: CSSProperties;
     className?: string;
 }

package/dist/index.js

@@ -4022,7 +4022,8 @@ var shouldForwardPropTableCell = (prop) => ![
   "minHeight",
   "width",
   "colSpan",
-  "padding"
+  "padding",
+  "alignSelf"
 ].includes(prop);
 var StyledTableCell = import_styled_components33.default.div.withConfig({
   shouldForwardProp: shouldForwardPropTableCell
@@ -4042,6 +4043,7 @@ var StyledTableCell = import_styled_components33.default.div.withConfig({
   min-height: ${(props) => props.minHeight || "auto"};
   max-width: ${(props) => props.width || "auto"};
   min-width: ${(props) => props.width || "auto"};
+  align-self: ${(props) => props.alignSelf || "auto"};
 `;
 var TableCell = (props) => {
   const _a = props, { centerContent, children } = _a, otherProps = __objRest(_a, ["centerContent", "children"]);
@@ -6879,6 +6881,8 @@ var formatDate = (dateString, type = "date", language = "en") => {
       });
       return `${dayPart} ${formatTime2()}`;
     }
+    case "time":
+      return formatTime2();
     case "longDate":
       return format({ day: "numeric", month: "long", year: "numeric" });
     case "dayMonth": {

package/dist/index.mjs

@@ -3885,7 +3885,8 @@ var shouldForwardPropTableCell = (prop) => ![
   "minHeight",
   "width",
   "colSpan",
-  "padding"
+  "padding",
+  "alignSelf"
 ].includes(prop);
 var StyledTableCell = styled33.div.withConfig({
   shouldForwardProp: shouldForwardPropTableCell
@@ -3905,6 +3906,7 @@ var StyledTableCell = styled33.div.withConfig({
   min-height: ${(props) => props.minHeight || "auto"};
   max-width: ${(props) => props.width || "auto"};
   min-width: ${(props) => props.width || "auto"};
+  align-self: ${(props) => props.alignSelf || "auto"};
 `;
 var TableCell = (props) => {
   const _a = props, { centerContent, children } = _a, otherProps = __objRest(_a, ["centerContent", "children"]);
@@ -6756,6 +6758,8 @@ var formatDate = (dateString, type = "date", language = "en") => {
       });
       return `${dayPart} ${formatTime2()}`;
     }
+    case "time":
+      return formatTime2();
     case "longDate":
       return format({ day: "numeric", month: "long", year: "numeric" });
     case "dayMonth": {

package/dist/ui/index.d.mts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { HTMLAttributes, AnchorHTMLAttributes, ElementType, ImgHTMLAttributes, ButtonHTMLAttributes, ReactNode, InputHTMLAttributes, TextareaHTMLAttributes, MouseEvent, ComponentPropsWithoutRef } from 'react';
+import { HTMLAttributes, AnchorHTMLAttributes, ElementType, ImgHTMLAttributes, ReactNode, ButtonHTMLAttributes, InputHTMLAttributes, TextareaHTMLAttributes, MouseEvent, ComponentPropsWithoutRef, Ref } from 'react';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
 import * as RadixLabel from '@radix-ui/react-label';
@@ -75,7 +75,7 @@ interface DividerProps extends VariantProps<typeof dividerVariants> {
 declare const Divider: ({ orientation, className, }: DividerProps) => react.JSX.Element;
 
 declare const linkVariants: (props?: ({
-    color?: "blue-700" | "blue-900" | "blue-950" | "red-900" | "red-500" | "green-700" | "grey-600" | "yellow-500" | "yellow-200" | "purple-700" | null | undefined;
+    color?: "white" | "blue-700" | "blue-900" | "blue-950" | "red-900" | "red-500" | "green-700" | "grey-600" | "yellow-500" | "yellow-200" | "purple-700" | null | undefined;
     size?: "s" | "xs" | "m" | "l" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface LinkProps extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'color'>, VariantProps<typeof linkVariants> {
@@ -130,6 +130,39 @@ interface IconProps extends Omit<HTMLAttributes<HTMLElement>, 'color' | 'onClick
  */
 declare const Icon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<HTMLElement>>;
 
+interface IconTooltipProps {
+    /** Nom de l'icône FontAwesome, sans le préfixe `fa-`. */
+    name: string;
+    /**
+     * Contenu de l'infobulle. Sert aussi d'`aria-label` quand l'icône est
+     * cliquable : décris l'action par un verbe (« Supprimer la mission »), pas
+     * le glyphe.
+     */
+    label: ReactNode;
+    /** Présent : l'icône devient un vrai bouton. Absent : simple glyphe légendé. */
+    onClick?: () => void;
+    disabled?: boolean;
+    family?: IconFamily;
+    size?: IconSize;
+    color?: IconColor;
+    side?: 'top' | 'bottom' | 'left' | 'right';
+    align?: 'start' | 'center' | 'end';
+    className?: string;
+}
+/**
+ * Icône légendée par une infobulle.
+ *
+ * Monté directement sur une `Icon`, un `Tooltip` lui injecte ses gestionnaires
+ * via `asChild` — dont un `onClick` — et l'icône bascule alors en bouton, avec
+ * son fond rond au survol, même purement décorative. Ce composant tranche à
+ * partir du seul signal fiable : l'`onClick` que le consommateur passe ici.
+ *
+ * Sans `onClick`, l'infobulle s'accroche à une enveloppe et l'icône reste un
+ * glyphe ; avec, elle s'accroche au bouton lui-même, pour que l'`aria-describedby`
+ * de Radix porte bien sur l'élément interactif.
+ */
+declare const IconTooltip: ({ name, label, onClick, disabled, family, size, color, side, align, className, }: IconTooltipProps) => react.JSX.Element;
+
 declare const colors: {
     readonly neutral_00: "#FFFFFF00";
     readonly neutral_50: "#fff";
@@ -651,10 +684,17 @@ interface DrawerProps {
     direction?: DrawerDirection;
     /** Largeur (directions `left`/`right`) ou hauteur (directions `top`/`bottom`) du panneau. */
     size?: string;
+    /**
+     * `false` : le panneau n'inerte plus la page et ne capture plus le focus — à
+     * utiliser dès qu'il ouvre lui-même une modale (sinon celle-ci, montée hors
+     * de son DOM, devient inerte et injoignable au clavier). Il ne se ferme alors
+     * plus au clic extérieur, seulement par son bouton de fermeture.
+     */
+    modal?: boolean;
     className?: string;
 }
 /** Panneau — construit sur `vaul` (la lib derrière le vrai `Drawer` de shadcn). Compose-le avec `DrawerHeader`/`DrawerTitle`/`DrawerDescription`/`DrawerBody`/`DrawerFooter`/`DrawerClose`, comme le `Table`. Flotte : une marge le sépare des bords de la page, l'overlay se voit tout autour. */
-declare const Drawer: ({ children, open, onClose, direction, size, className, }: DrawerProps) => react.JSX.Element;
+declare const Drawer: ({ children, open, onClose, direction, size, modal, className, }: DrawerProps) => react.JSX.Element;
 declare const DrawerHeader: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => react.JSX.Element;
 declare const DrawerTitle: ({ className, ...props }: React.ComponentPropsWithoutRef<typeof Drawer$1.Title>) => react.JSX.Element;
 declare const DrawerDescription: ({ className, ...props }: React.ComponentPropsWithoutRef<typeof Drawer$1.Description>) => react.JSX.Element;
@@ -961,6 +1001,25 @@ interface FileUploadZoneProps {
 }
 declare const FileUploadZone: ({ onSave, multiple, onSaveMultiple, onRemove, onError, accept, acceptOnlyPdf, maxSizeMB, label, sublabel, browseLabel, disabled, showPreview, previewUrl: controlledPreviewUrl, fullWidth, compact, showIcon, showFileName, className, }: FileUploadZoneProps) => react.JSX.Element;
 
+interface FilePickerProps {
+    /** Décrit l'action, pas l'icône (« Joindre un fichier ») — sert au tooltip et à l'`aria-label`. */
+    label: string;
+    /** Appelé avec les fichiers choisis. Jamais avec un tableau vide (annulation ignorée). */
+    onSelect: (files: File[]) => void;
+    /** Types acceptés, syntaxe de l'attribut `accept` : `"image/*"`, `".pdf,.docx"`. Sans valeur, tout est accepté. */
+    accept?: string;
+    multiple?: boolean;
+    /** Nom de l'icône FontAwesome du déclencheur, sans le préfixe `fa-`. */
+    icon?: string;
+    iconFamily?: IconFamily;
+    iconSize?: IconSize;
+    iconColor?: IconColor;
+    disabled?: boolean;
+    className?: string;
+}
+/** Déclencheur de sélection de fichier : une icône sous tooltip, l'`input file` natif restant caché à l'intérieur. Pour une zone de dépôt pleine largeur, voir `FileUploadZone`. */
+declare const FilePicker: ({ label, onSelect, accept, multiple, icon, iconFamily, iconSize, iconColor, disabled, className, }: FilePickerProps) => react.JSX.Element;
+
 declare const itemVariants: (props?: ({
     variant?: "default" | "outline" | "muted" | null | undefined;
     size?: "default" | "sm" | null | undefined;
@@ -1012,9 +1071,94 @@ declare const PdfPreview: ({ file, width, maxHeight, className, }: PdfPreviewPro
 interface ScrollAreaProps extends Omit<ComponentPropsWithoutRef<typeof RadixScrollArea.Root>, 'children'> {
     children?: ReactNode;
     orientation?: 'vertical' | 'horizontal' | 'both';
+    /** Ref sur le viewport Radix — le noeud qui scrolle réellement. Indispensable pour piloter `scrollTop` (auto-scroll en bas d'une messagerie). */
+    viewportRef?: Ref<HTMLDivElement>;
 }
 /** Construit sur `@radix-ui/react-scroll-area` (comme le `ScrollArea` de shadcn) — scrollbars custom au lieu de celles du système. */
-declare const ScrollArea: ({ children, className, orientation, ...props }: ScrollAreaProps) => react.JSX.Element;
+declare const ScrollArea: ({ children, className, orientation, viewportRef, ...props }: ScrollAreaProps) => react.JSX.Element;
+
+type MessageVariant = 'own' | 'other';
+type MessageTone = 'solid' | 'soft';
+interface MessageProps extends HTMLAttributes<HTMLDivElement> {
+    /** `own` = message de l'utilisateur courant (aligné à droite), `other` = interlocuteur (aligné à gauche). */
+    variant?: MessageVariant;
+    /** `solid` = bulle pleine (messagerie), `soft` = bulle pâle (commentaires, fils de discussion). */
+    tone?: MessageTone;
+    /** Contenu du message — texte brut ou nœuds riches (mentions, liens cliquables). */
+    children?: ReactNode;
+    /** Nom de l'auteur, affiché au-dessus de la bulle quand `showAuthor`. */
+    authorName?: string;
+    /** URL de la photo de l'auteur — la résolution du chemin de storage reste côté app. */
+    authorSrc?: string | null;
+    /** Dernier message d'une séquence : avatar + nom affichés sous la bulle. Sinon l'espace de l'avatar reste réservé pour garder l'alignement. */
+    showAuthor?: boolean;
+    /**
+     * `false` : `authorName` ne sert qu'aux initiales de l'avatar, sans ligne de
+     * nom au-dessus de la bulle — cas d'une conversation à deux, où l'avatar
+     * suffit à désigner l'auteur.
+     */
+    showAuthorName?: boolean;
+    avatarSize?: number;
+    /** Horodatage déjà formaté (`formatTime`, `formatDate`) — affiché en bas de bulle. */
+    time?: ReactNode;
+    /** Coin plat côté auteur, style bulle de messagerie. */
+    tail?: boolean;
+    /** Affiche `deletedLabel` en italique à la place du contenu. */
+    deleted?: boolean;
+    deletedLabel?: string;
+    /** Ligne sous la bulle : accusé de lecture, « Lu par … », état d'envoi. */
+    status?: ReactNode;
+    /** Actions contextuelles posées à côté de la bulle (suppression…). */
+    actions?: ReactNode;
+    /** `false` : le contenu est rendu sans bulle ni padding (pièce jointe, image, message audio). */
+    bubble?: boolean;
+    /** Largeur maximale de la bulle. */
+    maxWidth?: string;
+}
+/** Bulle de message unitaire — messagerie convoyeur, commentaires, fils de discussion, incidents. La liste, les séparateurs de date et l'auto-scroll sont gérés par `MessageScroller`. */
+declare const Message: react.ForwardRefExoticComponent<MessageProps & react.RefAttributes<HTMLDivElement>>;
+
+type MessageSeparatorTone = 'neutral' | 'alert';
+interface MessageDateSeparatorProps {
+    /** Date déjà formatée (`formatDate(date, 'weekday', 'fr')`) — le formatage reste côté app. */
+    label: ReactNode;
+    /** `alert` : trait et libellé en rouge, pour marquer la reprise des messages non lus. */
+    tone?: MessageSeparatorTone;
+    className?: string;
+}
+/** Ligne de séparation légendée entre deux blocs de messages : changement de journée, ou reprise des non-lus. */
+declare const MessageDateSeparator: ({ label, tone, className, }: MessageDateSeparatorProps) => react.JSX.Element;
+interface MessageScrollerProps {
+    /** Les `Message` (et les `MessageDateSeparator` intercalés) à afficher. */
+    children?: ReactNode;
+    /**
+     * Hauteur fixe de la zone scrollable. Une `maxHeight` ne contraindrait pas le
+     * viewport Radix (`height: 100%` face à un `max-height` parent) — cf. `ScrollArea`.
+     */
+    height?: string | number;
+    /** Espacement entre messages (échelle Tailwind, comme `Layout`). */
+    gap?: LayoutProps['gap'];
+    /** Bloc au-dessus des messages : bouton « Charger les messages plus anciens », bandeau d'info. */
+    header?: ReactNode;
+    /** Bloc sous les messages : indicateur de frappe, séparateur de fin. */
+    footer?: ReactNode;
+    /** Affiché à la place des messages quand `isEmpty`. */
+    emptyState?: ReactNode;
+    isEmpty?: boolean;
+    /** Affiché à la place de tout le contenu pendant le premier chargement. */
+    loadingState?: ReactNode;
+    isLoading?: boolean;
+    /** Descend en bas de liste au montage puis à chaque changement de `scrollKey`. */
+    autoScroll?: boolean;
+    /**
+     * Déclencheur du scroll automatique — typiquement le nombre de messages ou
+     * l'id du dernier. Sans valeur, seul le montage descend en bas.
+     */
+    scrollKey?: string | number;
+    className?: string;
+}
+/** Zone scrollable d'une liste de messages : hauteur fixe, espacement, slots haut/bas, états vide/chargement, et scroll automatique en bas à l'arrivée d'un message. */
+declare const MessageScroller: ({ children, height, gap, header, footer, emptyState, isEmpty, loadingState, isLoading, autoScroll, scrollKey, className, }: MessageScrollerProps) => react.JSX.Element;
 
 interface StepperProps {
     numberOfSteps: number;
@@ -1070,6 +1214,7 @@ declare const DatePicker: ({ mode, value, onChange, startDate, endDate, onRangeC
  *   - "weekdayDay": jour court + jour
  *   - "weekdayYear": jour court + jour + mois + année
  *   - "weekdayTime": jour/date + heure (24h)
+ *   - "time": heure seule (24h) (ex: 14:32)
  *   - "longDate": jour + mois complet + année, sans jour de semaine (ex: 16 mai 2024)
  *   - "dateISO": format ISO YYYY-MM-DD (safe timezone pour le backend)
  */
@@ -1257,4 +1402,4 @@ declare const allowAutofill: (autoComplete: string) => {
     "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 };
+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, FilePicker, type FilePickerProps, 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, IconTooltip, type IconTooltipProps, 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, Message, MessageDateSeparator, type MessageDateSeparatorProps, type MessageProps, MessageScroller, type MessageScrollerProps, type MessageSeparatorTone, type MessageTone, type MessageVariant, 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 };

package/dist/ui/index.d.ts

@@ -1,5 +1,5 @@
 import * as react from 'react';
-import { HTMLAttributes, AnchorHTMLAttributes, ElementType, ImgHTMLAttributes, ButtonHTMLAttributes, ReactNode, InputHTMLAttributes, TextareaHTMLAttributes, MouseEvent, ComponentPropsWithoutRef } from 'react';
+import { HTMLAttributes, AnchorHTMLAttributes, ElementType, ImgHTMLAttributes, ReactNode, ButtonHTMLAttributes, InputHTMLAttributes, TextareaHTMLAttributes, MouseEvent, ComponentPropsWithoutRef, Ref } from 'react';
 import * as class_variance_authority_types from 'class-variance-authority/types';
 import { VariantProps } from 'class-variance-authority';
 import * as RadixLabel from '@radix-ui/react-label';
@@ -75,7 +75,7 @@ interface DividerProps extends VariantProps<typeof dividerVariants> {
 declare const Divider: ({ orientation, className, }: DividerProps) => react.JSX.Element;
 
 declare const linkVariants: (props?: ({
-    color?: "blue-700" | "blue-900" | "blue-950" | "red-900" | "red-500" | "green-700" | "grey-600" | "yellow-500" | "yellow-200" | "purple-700" | null | undefined;
+    color?: "white" | "blue-700" | "blue-900" | "blue-950" | "red-900" | "red-500" | "green-700" | "grey-600" | "yellow-500" | "yellow-200" | "purple-700" | null | undefined;
     size?: "s" | "xs" | "m" | "l" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface LinkProps extends Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'color'>, VariantProps<typeof linkVariants> {
@@ -130,6 +130,39 @@ interface IconProps extends Omit<HTMLAttributes<HTMLElement>, 'color' | 'onClick
  */
 declare const Icon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<HTMLElement>>;
 
+interface IconTooltipProps {
+    /** Nom de l'icône FontAwesome, sans le préfixe `fa-`. */
+    name: string;
+    /**
+     * Contenu de l'infobulle. Sert aussi d'`aria-label` quand l'icône est
+     * cliquable : décris l'action par un verbe (« Supprimer la mission »), pas
+     * le glyphe.
+     */
+    label: ReactNode;
+    /** Présent : l'icône devient un vrai bouton. Absent : simple glyphe légendé. */
+    onClick?: () => void;
+    disabled?: boolean;
+    family?: IconFamily;
+    size?: IconSize;
+    color?: IconColor;
+    side?: 'top' | 'bottom' | 'left' | 'right';
+    align?: 'start' | 'center' | 'end';
+    className?: string;
+}
+/**
+ * Icône légendée par une infobulle.
+ *
+ * Monté directement sur une `Icon`, un `Tooltip` lui injecte ses gestionnaires
+ * via `asChild` — dont un `onClick` — et l'icône bascule alors en bouton, avec
+ * son fond rond au survol, même purement décorative. Ce composant tranche à
+ * partir du seul signal fiable : l'`onClick` que le consommateur passe ici.
+ *
+ * Sans `onClick`, l'infobulle s'accroche à une enveloppe et l'icône reste un
+ * glyphe ; avec, elle s'accroche au bouton lui-même, pour que l'`aria-describedby`
+ * de Radix porte bien sur l'élément interactif.
+ */
+declare const IconTooltip: ({ name, label, onClick, disabled, family, size, color, side, align, className, }: IconTooltipProps) => react.JSX.Element;
+
 declare const colors: {
     readonly neutral_00: "#FFFFFF00";
     readonly neutral_50: "#fff";
@@ -651,10 +684,17 @@ interface DrawerProps {
     direction?: DrawerDirection;
     /** Largeur (directions `left`/`right`) ou hauteur (directions `top`/`bottom`) du panneau. */
     size?: string;
+    /**
+     * `false` : le panneau n'inerte plus la page et ne capture plus le focus — à
+     * utiliser dès qu'il ouvre lui-même une modale (sinon celle-ci, montée hors
+     * de son DOM, devient inerte et injoignable au clavier). Il ne se ferme alors
+     * plus au clic extérieur, seulement par son bouton de fermeture.
+     */
+    modal?: boolean;
     className?: string;
 }
 /** Panneau — construit sur `vaul` (la lib derrière le vrai `Drawer` de shadcn). Compose-le avec `DrawerHeader`/`DrawerTitle`/`DrawerDescription`/`DrawerBody`/`DrawerFooter`/`DrawerClose`, comme le `Table`. Flotte : une marge le sépare des bords de la page, l'overlay se voit tout autour. */
-declare const Drawer: ({ children, open, onClose, direction, size, className, }: DrawerProps) => react.JSX.Element;
+declare const Drawer: ({ children, open, onClose, direction, size, modal, className, }: DrawerProps) => react.JSX.Element;
 declare const DrawerHeader: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => react.JSX.Element;
 declare const DrawerTitle: ({ className, ...props }: React.ComponentPropsWithoutRef<typeof Drawer$1.Title>) => react.JSX.Element;
 declare const DrawerDescription: ({ className, ...props }: React.ComponentPropsWithoutRef<typeof Drawer$1.Description>) => react.JSX.Element;
@@ -961,6 +1001,25 @@ interface FileUploadZoneProps {
 }
 declare const FileUploadZone: ({ onSave, multiple, onSaveMultiple, onRemove, onError, accept, acceptOnlyPdf, maxSizeMB, label, sublabel, browseLabel, disabled, showPreview, previewUrl: controlledPreviewUrl, fullWidth, compact, showIcon, showFileName, className, }: FileUploadZoneProps) => react.JSX.Element;
 
+interface FilePickerProps {
+    /** Décrit l'action, pas l'icône (« Joindre un fichier ») — sert au tooltip et à l'`aria-label`. */
+    label: string;
+    /** Appelé avec les fichiers choisis. Jamais avec un tableau vide (annulation ignorée). */
+    onSelect: (files: File[]) => void;
+    /** Types acceptés, syntaxe de l'attribut `accept` : `"image/*"`, `".pdf,.docx"`. Sans valeur, tout est accepté. */
+    accept?: string;
+    multiple?: boolean;
+    /** Nom de l'icône FontAwesome du déclencheur, sans le préfixe `fa-`. */
+    icon?: string;
+    iconFamily?: IconFamily;
+    iconSize?: IconSize;
+    iconColor?: IconColor;
+    disabled?: boolean;
+    className?: string;
+}
+/** Déclencheur de sélection de fichier : une icône sous tooltip, l'`input file` natif restant caché à l'intérieur. Pour une zone de dépôt pleine largeur, voir `FileUploadZone`. */
+declare const FilePicker: ({ label, onSelect, accept, multiple, icon, iconFamily, iconSize, iconColor, disabled, className, }: FilePickerProps) => react.JSX.Element;
+
 declare const itemVariants: (props?: ({
     variant?: "default" | "outline" | "muted" | null | undefined;
     size?: "default" | "sm" | null | undefined;
@@ -1012,9 +1071,94 @@ declare const PdfPreview: ({ file, width, maxHeight, className, }: PdfPreviewPro
 interface ScrollAreaProps extends Omit<ComponentPropsWithoutRef<typeof RadixScrollArea.Root>, 'children'> {
     children?: ReactNode;
     orientation?: 'vertical' | 'horizontal' | 'both';
+    /** Ref sur le viewport Radix — le noeud qui scrolle réellement. Indispensable pour piloter `scrollTop` (auto-scroll en bas d'une messagerie). */
+    viewportRef?: Ref<HTMLDivElement>;
 }
 /** Construit sur `@radix-ui/react-scroll-area` (comme le `ScrollArea` de shadcn) — scrollbars custom au lieu de celles du système. */
-declare const ScrollArea: ({ children, className, orientation, ...props }: ScrollAreaProps) => react.JSX.Element;
+declare const ScrollArea: ({ children, className, orientation, viewportRef, ...props }: ScrollAreaProps) => react.JSX.Element;
+
+type MessageVariant = 'own' | 'other';
+type MessageTone = 'solid' | 'soft';
+interface MessageProps extends HTMLAttributes<HTMLDivElement> {
+    /** `own` = message de l'utilisateur courant (aligné à droite), `other` = interlocuteur (aligné à gauche). */
+    variant?: MessageVariant;
+    /** `solid` = bulle pleine (messagerie), `soft` = bulle pâle (commentaires, fils de discussion). */
+    tone?: MessageTone;
+    /** Contenu du message — texte brut ou nœuds riches (mentions, liens cliquables). */
+    children?: ReactNode;
+    /** Nom de l'auteur, affiché au-dessus de la bulle quand `showAuthor`. */
+    authorName?: string;
+    /** URL de la photo de l'auteur — la résolution du chemin de storage reste côté app. */
+    authorSrc?: string | null;
+    /** Dernier message d'une séquence : avatar + nom affichés sous la bulle. Sinon l'espace de l'avatar reste réservé pour garder l'alignement. */
+    showAuthor?: boolean;
+    /**
+     * `false` : `authorName` ne sert qu'aux initiales de l'avatar, sans ligne de
+     * nom au-dessus de la bulle — cas d'une conversation à deux, où l'avatar
+     * suffit à désigner l'auteur.
+     */
+    showAuthorName?: boolean;
+    avatarSize?: number;
+    /** Horodatage déjà formaté (`formatTime`, `formatDate`) — affiché en bas de bulle. */
+    time?: ReactNode;
+    /** Coin plat côté auteur, style bulle de messagerie. */
+    tail?: boolean;
+    /** Affiche `deletedLabel` en italique à la place du contenu. */
+    deleted?: boolean;
+    deletedLabel?: string;
+    /** Ligne sous la bulle : accusé de lecture, « Lu par … », état d'envoi. */
+    status?: ReactNode;
+    /** Actions contextuelles posées à côté de la bulle (suppression…). */
+    actions?: ReactNode;
+    /** `false` : le contenu est rendu sans bulle ni padding (pièce jointe, image, message audio). */
+    bubble?: boolean;
+    /** Largeur maximale de la bulle. */
+    maxWidth?: string;
+}
+/** Bulle de message unitaire — messagerie convoyeur, commentaires, fils de discussion, incidents. La liste, les séparateurs de date et l'auto-scroll sont gérés par `MessageScroller`. */
+declare const Message: react.ForwardRefExoticComponent<MessageProps & react.RefAttributes<HTMLDivElement>>;
+
+type MessageSeparatorTone = 'neutral' | 'alert';
+interface MessageDateSeparatorProps {
+    /** Date déjà formatée (`formatDate(date, 'weekday', 'fr')`) — le formatage reste côté app. */
+    label: ReactNode;
+    /** `alert` : trait et libellé en rouge, pour marquer la reprise des messages non lus. */
+    tone?: MessageSeparatorTone;
+    className?: string;
+}
+/** Ligne de séparation légendée entre deux blocs de messages : changement de journée, ou reprise des non-lus. */
+declare const MessageDateSeparator: ({ label, tone, className, }: MessageDateSeparatorProps) => react.JSX.Element;
+interface MessageScrollerProps {
+    /** Les `Message` (et les `MessageDateSeparator` intercalés) à afficher. */
+    children?: ReactNode;
+    /**
+     * Hauteur fixe de la zone scrollable. Une `maxHeight` ne contraindrait pas le
+     * viewport Radix (`height: 100%` face à un `max-height` parent) — cf. `ScrollArea`.
+     */
+    height?: string | number;
+    /** Espacement entre messages (échelle Tailwind, comme `Layout`). */
+    gap?: LayoutProps['gap'];
+    /** Bloc au-dessus des messages : bouton « Charger les messages plus anciens », bandeau d'info. */
+    header?: ReactNode;
+    /** Bloc sous les messages : indicateur de frappe, séparateur de fin. */
+    footer?: ReactNode;
+    /** Affiché à la place des messages quand `isEmpty`. */
+    emptyState?: ReactNode;
+    isEmpty?: boolean;
+    /** Affiché à la place de tout le contenu pendant le premier chargement. */
+    loadingState?: ReactNode;
+    isLoading?: boolean;
+    /** Descend en bas de liste au montage puis à chaque changement de `scrollKey`. */
+    autoScroll?: boolean;
+    /**
+     * Déclencheur du scroll automatique — typiquement le nombre de messages ou
+     * l'id du dernier. Sans valeur, seul le montage descend en bas.
+     */
+    scrollKey?: string | number;
+    className?: string;
+}
+/** Zone scrollable d'une liste de messages : hauteur fixe, espacement, slots haut/bas, états vide/chargement, et scroll automatique en bas à l'arrivée d'un message. */
+declare const MessageScroller: ({ children, height, gap, header, footer, emptyState, isEmpty, loadingState, isLoading, autoScroll, scrollKey, className, }: MessageScrollerProps) => react.JSX.Element;
 
 interface StepperProps {
     numberOfSteps: number;
@@ -1070,6 +1214,7 @@ declare const DatePicker: ({ mode, value, onChange, startDate, endDate, onRangeC
  *   - "weekdayDay": jour court + jour
  *   - "weekdayYear": jour court + jour + mois + année
  *   - "weekdayTime": jour/date + heure (24h)
+ *   - "time": heure seule (24h) (ex: 14:32)
  *   - "longDate": jour + mois complet + année, sans jour de semaine (ex: 16 mai 2024)
  *   - "dateISO": format ISO YYYY-MM-DD (safe timezone pour le backend)
  */
@@ -1257,4 +1402,4 @@ declare const allowAutofill: (autoComplete: string) => {
     "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 };
+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, FilePicker, type FilePickerProps, 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, IconTooltip, type IconTooltipProps, 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, Message, MessageDateSeparator, type MessageDateSeparatorProps, type MessageProps, MessageScroller, type MessageScrollerProps, type MessageSeparatorTone, type MessageTone, type MessageVariant, 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 };