design-zystem 1.0.346 → 1.0.348

package/dist/ui/index.d.mts

@@ -50,6 +50,7 @@ declare const Layout: react.ForwardRefExoticComponent<LayoutProps & react.RefAtt
  */
 declare const COLOR_TOKENS: readonly ["blue-700", "blue-900", "blue-950", "red-900", "red-500", "green-700", "grey-600", "yellow-500", "yellow-300", "yellow-200", "purple-700"];
 type ColorToken = (typeof COLOR_TOKENS)[number];
+type HexColor = `#${string}`;
 
 declare const boxVariants: (props?: ({
     padding?: "none" | "sm" | "md" | "lg" | null | undefined;
@@ -266,18 +267,58 @@ interface IconBadgeProps extends Omit<HTMLAttributes<HTMLElement>, 'color' | 'on
  */
 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';
+declare const THEME_VARIANT_CLASSES: {
+    solid: {
+        'blue-700': string;
+        'blue-900': string;
+        'blue-950': string;
+        'red-900': string;
+        'red-500': string;
+        'green-700': string;
+        'grey-600': string;
+        'yellow-500': string;
+        'yellow-300': string;
+        'yellow-200': string;
+        'purple-700': string;
+    };
+    pale: {
+        'blue-700': string;
+        'blue-900': string;
+        'blue-950': string;
+        'red-900': string;
+        'red-500': string;
+        'green-700': string;
+        'grey-600': string;
+        'yellow-500': string;
+        'yellow-300': string;
+        'yellow-200': string;
+        'purple-700': string;
+    };
+    outline: {
+        'blue-700': string;
+        'blue-900': string;
+        'blue-950': string;
+        'red-900': string;
+        'red-500': string;
+        'green-700': string;
+        'grey-600': string;
+        'yellow-500': string;
+        'yellow-300': string;
+        'yellow-200': string;
+        'purple-700': string;
+    };
+};
+
+type ButtonVariant = Extract<keyof typeof THEME_VARIANT_CLASSES, 'solid' | 'outline'>;
 declare const buttonVariants: (props?: ({
-    color?: "blue-700" | "blue-900" | "blue-950" | "red-900" | "red-500" | "green-700" | "grey-600" | "yellow-500" | "yellow-300" | "yellow-200" | "purple-700" | null | undefined;
-    look?: "filled" | "outline" | null | undefined;
     size?: "s" | "m" | "l" | null | undefined;
     iconOnly?: boolean | null | undefined;
     fullWidth?: boolean | null | undefined;
     elevated?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color'>, VariantProps<typeof buttonVariants> {
+    variant?: ButtonVariant;
+    theme?: ColorToken;
     label?: string;
     iconLeft?: ReactNode;
     iconRight?: ReactNode;
@@ -295,9 +336,9 @@ declare const Input: react.ForwardRefExoticComponent<InputProps & react.RefAttri
  * une barre — pas de bordure, un fond gris, et pas de poignée de redimension,
  * qui déborderait d'une barre de saisie.
  */
-type TextareaLook = 'outline' | 'quiet';
+type TextareaVariant = 'outline' | 'quiet';
 interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
-    look?: TextareaLook;
+    variant?: TextareaVariant;
 }
 declare const Textarea: react.ForwardRefExoticComponent<TextareaProps & react.RefAttributes<HTMLTextAreaElement>>;
 
@@ -389,15 +430,22 @@ interface SwitchProps extends Omit<React.ComponentPropsWithoutRef<typeof RadixSw
 }
 declare const Switch: ({ size, color, onChange, label, labelPosition, id, className, ...props }: SwitchProps) => react.JSX.Element;
 
+type BadgeVariant = Extract<keyof typeof THEME_VARIANT_CLASSES, 'pale' | 'solid'>;
 declare const badgeVariants: (props?: ({
-    look?: "filled" | "soft" | null | undefined;
-    color?: "blue-700" | "blue-900" | "blue-950" | "red-900" | "red-500" | "green-700" | "grey-600" | "yellow-500" | "yellow-300" | "yellow-200" | "purple-700" | null | undefined;
-    size?: "s" | "xs" | "m" | "l" | "xxs" | "xl" | "xxl" | null | undefined;
-    isRound?: boolean | null | undefined;
-    pointer?: boolean | null | undefined;
-    pulse?: boolean | null | undefined;
+    size?: "s" | "m" | null | undefined;
+    shape?: "square" | "pill" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BadgeProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'color'>, VariantProps<typeof badgeVariants> {
+    /** `pale` : fond pâle, le défaut. `solid` : fond plein et texte blanc, pour un compteur qui doit rester lisible par-dessus du contenu. */
+    variant?: BadgeVariant;
+    theme?: ColorToken;
+    backgroundColor?: HexColor;
+    textColor?: HexColor;
+    pointer?: boolean;
+    pulse?: boolean;
+    fullWidth?: boolean;
+    /** Rend l'enfant à la place du `span` (un `button` ou un `a` pour un badge cliquable) en lui transmettant classes et props. */
+    asChild?: boolean;
 }
 declare const Badge: react.ForwardRefExoticComponent<BadgeProps & react.RefAttributes<HTMLSpanElement>>;
 
@@ -426,10 +474,12 @@ interface ModalProps {
     width?: string;
     /** L'en-tête (`ModalHeader`) devient une poignée de glisser-déposer. */
     draggable?: boolean;
+    /** Focus à l'ouverture (Radix). `e.preventDefault()` évite le focus auto du premier bouton — et l'ouverture de son tooltip. */
+    onOpenAutoFocus?: (e: Event) => void;
     className?: string;
 }
 /** Construit sur `@radix-ui/react-dialog` — compose-le avec `ModalHeader`/`ModalTitle`/`ModalDescription`/`ModalBody`/`ModalFooter`/`ModalClose`, comme le `Table`. */
-declare const Modal: ({ children, open, onClose, width, draggable, className, }: ModalProps) => react.JSX.Element;
+declare const Modal: ({ children, open, onClose, width, draggable, onOpenAutoFocus, className, }: ModalProps) => react.JSX.Element;
 declare const ModalHeader: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => react.JSX.Element;
 declare const ModalTitle: ({ className, ...props }: React.ComponentPropsWithoutRef<typeof RadixDialog.Title>) => react.JSX.Element;
 declare const ModalDescription: ({ className, ...props }: React.ComponentPropsWithoutRef<typeof RadixDialog.Description>) => react.JSX.Element;
@@ -903,14 +953,14 @@ interface EmptyStateProps {
 declare const EmptyState: ({ icon, title, description, actionLabel, onAction, className, }: EmptyStateProps) => react.JSX.Element;
 
 /**
- * Un ton = une famille de couleur, pas une nuance : tous les tokens d'une même
+ * Un thème = une famille de couleur, pas une nuance : tous les tokens d'une même
  * famille donnent le même fond (`*-50`) et le même texte. La nuance passée en
- * `tone` sert à choisir la famille, pas à décliner le rendu.
+ * `theme` sert à choisir la famille, pas à décliner le rendu.
  *
  * Pas de bordure : le fond teinté suffit à détacher la bannière de la page.
  */
 declare const bannerVariants: (props?: ({
-    tone?: "blue-700" | "blue-900" | "blue-950" | "red-900" | "red-500" | "green-700" | "grey-600" | "yellow-500" | "yellow-300" | "yellow-200" | "purple-700" | null | undefined;
+    theme?: "blue-700" | "blue-900" | "blue-950" | "red-900" | "red-500" | "green-700" | "grey-600" | "yellow-500" | "yellow-300" | "yellow-200" | "purple-700" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BannerAction {
     label: string;
@@ -943,7 +993,7 @@ interface BannerProps extends VariantProps<typeof bannerVariants> {
     width?: string;
     className?: string;
 }
-declare const Banner: ({ tone, badge, title, subtitle, message, action, toggle, children, justify, fullWidth, width, className, }: BannerProps) => react.JSX.Element;
+declare const Banner: ({ theme, badge, title, subtitle, message, action, toggle, children, justify, fullWidth, width, className, }: BannerProps) => react.JSX.Element;
 
 interface FloatingAction {
     id: string;
@@ -1221,6 +1271,43 @@ interface PdfPreviewProps {
 /** Lecture complète d'un PDF (toutes les pages, défilement vertical) — construit sur `react-pdf` (wrapper de `pdf.js`), shadcn n'a pas de composant de rendu de document. */
 declare const PdfPreview: ({ file, width, maxHeight, className, }: PdfPreviewProps) => react.JSX.Element;
 
+interface VideoPlayerProps {
+    src: string;
+    /** Vignette (première image) affichée avant la lecture. Sans elle : tuile sombre. */
+    poster?: string;
+    /** Durée en secondes, affichée en `m:ss` sur la vignette. */
+    duration?: number;
+    /** Dimensions natives de la vidéo — servent uniquement au ratio de la vignette. */
+    width?: number;
+    height?: number;
+    /** Titre du plein écran et nom proposé au téléchargement. */
+    fileName?: string;
+    /** URL de téléchargement (ex. URL Storage avec `?download=`). Défaut : `src`. */
+    downloadUrl?: string;
+    /** Remplace le téléchargement intégré. */
+    onDownload?: () => void;
+    /** Largeur max de la vignette dans le fil, en px. */
+    maxWidth?: number;
+    /** Hauteur max de la vignette dans le fil, en px (vidéos portrait). */
+    maxHeight?: number;
+    /** Contenu libre en haut à gauche de la vignette (ex. type de fichier). */
+    label?: ReactNode;
+    /** Contenu libre en bas à droite de la vignette (ex. heure d'envoi). */
+    meta?: ReactNode;
+    /** Volume appliqué à l'ouverture du lecteur (fil et plein écran), de 0 à 1. Défaut : 0,5. */
+    defaultVolume?: number;
+    className?: string;
+}
+/** `75` → `1:15`, `3725` → `1:02:05`. Chaîne vide si la durée est absente ou invalide. */
+declare const formatVideoDuration: (seconds?: number) => string;
+/**
+ * Vidéo de conversation : vignette au format des photos (poster + bouton lecture + durée),
+ * lecture/pause dans le fil au clic, agrandissement dans une `Modal`, téléchargement.
+ * Jamais d'autoplay : la lecture ne démarre que sur une action de l'utilisateur.
+ * Les clics ne remontent pas au conteneur (bulle de message cliquable).
+ */
+declare const VideoPlayer: ({ src, poster, duration, width, height, fileName, downloadUrl, onDownload, maxWidth, maxHeight, label, meta, defaultVolume, className, }: VideoPlayerProps) => react.JSX.Element;
+
 interface ScrollAreaProps extends Omit<ComponentPropsWithoutRef<typeof RadixScrollArea.Root>, 'children'> {
     children?: ReactNode;
     orientation?: 'vertical' | 'horizontal' | 'both';
@@ -1230,13 +1317,12 @@ interface ScrollAreaProps extends Omit<ComponentPropsWithoutRef<typeof RadixScro
 /** 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, viewportRef, ...props }: ScrollAreaProps) => react.JSX.Element;
 
-type MessageVariant = 'own' | 'other';
-type MessageTone = 'solid' | 'soft';
+type MessageVariant = 'solid' | 'pale';
 interface MessageProps extends HTMLAttributes<HTMLDivElement> {
-    /** `own` = message de l'utilisateur courant (aligné à droite), `other` = interlocuteur (aligné à gauche). */
+    /** `true` = message de l'utilisateur courant (aligné à droite), `false` = interlocuteur (aligné à gauche). */
+    isOwn?: boolean;
+    /** `solid` = bulle pleine (messagerie), `pale` = bulle pâle (commentaires, fils de discussion). */
     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`. */
@@ -1577,4 +1663,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 BannerJustify, 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, type FloatingSafeArea, 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, Sidebar, SidebarContent, type SidebarContentProps, SidebarFooter, type SidebarFooterProps, SidebarGroup, type SidebarGroupProps, SidebarHeader, type SidebarHeaderProps, SidebarMenuButton, type SidebarMenuButtonProps, SidebarMenuSearchInput, type SidebarMenuSearchInputProps, SidebarMenuSub, SidebarMenuSubButton, type SidebarMenuSubButtonProps, SidebarMenuSubItem, type SidebarMenuSubItemProps, type SidebarMenuSubProps, type SidebarProps, SidebarSupportInfo, type SidebarSupportInfoProps, SidebarTrigger, type SidebarTriggerProps, SidebarUserMenu, type SidebarUserMenuAction, type SidebarUserMenuLeafAction, type SidebarUserMenuProps, 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 TextareaLook, 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 BannerJustify, type BannerProps, type BannerToggle, Box, type BoxProps, Bulk, type BulkProps, type BulkSection, Button, 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, type FloatingSafeArea, Gantt, type GanttBand, type GanttBar, type GanttDay, GanttDot, type GanttProps, type GanttRow, GanttSwatch, type HexColor, 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 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, Sidebar, SidebarContent, type SidebarContentProps, SidebarFooter, type SidebarFooterProps, SidebarGroup, type SidebarGroupProps, SidebarHeader, type SidebarHeaderProps, SidebarMenuButton, type SidebarMenuButtonProps, SidebarMenuSearchInput, type SidebarMenuSearchInputProps, SidebarMenuSub, SidebarMenuSubButton, type SidebarMenuSubButtonProps, SidebarMenuSubItem, type SidebarMenuSubItemProps, type SidebarMenuSubProps, type SidebarProps, SidebarSupportInfo, type SidebarSupportInfoProps, SidebarTrigger, type SidebarTriggerProps, SidebarUserMenu, type SidebarUserMenuAction, type SidebarUserMenuLeafAction, type SidebarUserMenuProps, 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, type TextareaVariant, Timeline, type TimelineItem, type TimelineProps, type ToastOptions, type ToastType, Toaster, Tooltip, type TooltipProps, VideoPlayer, type VideoPlayerProps, 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, formatVideoDuration, 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

@@ -50,6 +50,7 @@ declare const Layout: react.ForwardRefExoticComponent<LayoutProps & react.RefAtt
  */
 declare const COLOR_TOKENS: readonly ["blue-700", "blue-900", "blue-950", "red-900", "red-500", "green-700", "grey-600", "yellow-500", "yellow-300", "yellow-200", "purple-700"];
 type ColorToken = (typeof COLOR_TOKENS)[number];
+type HexColor = `#${string}`;
 
 declare const boxVariants: (props?: ({
     padding?: "none" | "sm" | "md" | "lg" | null | undefined;
@@ -266,18 +267,58 @@ interface IconBadgeProps extends Omit<HTMLAttributes<HTMLElement>, 'color' | 'on
  */
 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';
+declare const THEME_VARIANT_CLASSES: {
+    solid: {
+        'blue-700': string;
+        'blue-900': string;
+        'blue-950': string;
+        'red-900': string;
+        'red-500': string;
+        'green-700': string;
+        'grey-600': string;
+        'yellow-500': string;
+        'yellow-300': string;
+        'yellow-200': string;
+        'purple-700': string;
+    };
+    pale: {
+        'blue-700': string;
+        'blue-900': string;
+        'blue-950': string;
+        'red-900': string;
+        'red-500': string;
+        'green-700': string;
+        'grey-600': string;
+        'yellow-500': string;
+        'yellow-300': string;
+        'yellow-200': string;
+        'purple-700': string;
+    };
+    outline: {
+        'blue-700': string;
+        'blue-900': string;
+        'blue-950': string;
+        'red-900': string;
+        'red-500': string;
+        'green-700': string;
+        'grey-600': string;
+        'yellow-500': string;
+        'yellow-300': string;
+        'yellow-200': string;
+        'purple-700': string;
+    };
+};
+
+type ButtonVariant = Extract<keyof typeof THEME_VARIANT_CLASSES, 'solid' | 'outline'>;
 declare const buttonVariants: (props?: ({
-    color?: "blue-700" | "blue-900" | "blue-950" | "red-900" | "red-500" | "green-700" | "grey-600" | "yellow-500" | "yellow-300" | "yellow-200" | "purple-700" | null | undefined;
-    look?: "filled" | "outline" | null | undefined;
     size?: "s" | "m" | "l" | null | undefined;
     iconOnly?: boolean | null | undefined;
     fullWidth?: boolean | null | undefined;
     elevated?: boolean | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color'>, VariantProps<typeof buttonVariants> {
+    variant?: ButtonVariant;
+    theme?: ColorToken;
     label?: string;
     iconLeft?: ReactNode;
     iconRight?: ReactNode;
@@ -295,9 +336,9 @@ declare const Input: react.ForwardRefExoticComponent<InputProps & react.RefAttri
  * une barre — pas de bordure, un fond gris, et pas de poignée de redimension,
  * qui déborderait d'une barre de saisie.
  */
-type TextareaLook = 'outline' | 'quiet';
+type TextareaVariant = 'outline' | 'quiet';
 interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAreaElement> {
-    look?: TextareaLook;
+    variant?: TextareaVariant;
 }
 declare const Textarea: react.ForwardRefExoticComponent<TextareaProps & react.RefAttributes<HTMLTextAreaElement>>;
 
@@ -389,15 +430,22 @@ interface SwitchProps extends Omit<React.ComponentPropsWithoutRef<typeof RadixSw
 }
 declare const Switch: ({ size, color, onChange, label, labelPosition, id, className, ...props }: SwitchProps) => react.JSX.Element;
 
+type BadgeVariant = Extract<keyof typeof THEME_VARIANT_CLASSES, 'pale' | 'solid'>;
 declare const badgeVariants: (props?: ({
-    look?: "filled" | "soft" | null | undefined;
-    color?: "blue-700" | "blue-900" | "blue-950" | "red-900" | "red-500" | "green-700" | "grey-600" | "yellow-500" | "yellow-300" | "yellow-200" | "purple-700" | null | undefined;
-    size?: "s" | "xs" | "m" | "l" | "xxs" | "xl" | "xxl" | null | undefined;
-    isRound?: boolean | null | undefined;
-    pointer?: boolean | null | undefined;
-    pulse?: boolean | null | undefined;
+    size?: "s" | "m" | null | undefined;
+    shape?: "square" | "pill" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BadgeProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'color'>, VariantProps<typeof badgeVariants> {
+    /** `pale` : fond pâle, le défaut. `solid` : fond plein et texte blanc, pour un compteur qui doit rester lisible par-dessus du contenu. */
+    variant?: BadgeVariant;
+    theme?: ColorToken;
+    backgroundColor?: HexColor;
+    textColor?: HexColor;
+    pointer?: boolean;
+    pulse?: boolean;
+    fullWidth?: boolean;
+    /** Rend l'enfant à la place du `span` (un `button` ou un `a` pour un badge cliquable) en lui transmettant classes et props. */
+    asChild?: boolean;
 }
 declare const Badge: react.ForwardRefExoticComponent<BadgeProps & react.RefAttributes<HTMLSpanElement>>;
 
@@ -426,10 +474,12 @@ interface ModalProps {
     width?: string;
     /** L'en-tête (`ModalHeader`) devient une poignée de glisser-déposer. */
     draggable?: boolean;
+    /** Focus à l'ouverture (Radix). `e.preventDefault()` évite le focus auto du premier bouton — et l'ouverture de son tooltip. */
+    onOpenAutoFocus?: (e: Event) => void;
     className?: string;
 }
 /** Construit sur `@radix-ui/react-dialog` — compose-le avec `ModalHeader`/`ModalTitle`/`ModalDescription`/`ModalBody`/`ModalFooter`/`ModalClose`, comme le `Table`. */
-declare const Modal: ({ children, open, onClose, width, draggable, className, }: ModalProps) => react.JSX.Element;
+declare const Modal: ({ children, open, onClose, width, draggable, onOpenAutoFocus, className, }: ModalProps) => react.JSX.Element;
 declare const ModalHeader: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => react.JSX.Element;
 declare const ModalTitle: ({ className, ...props }: React.ComponentPropsWithoutRef<typeof RadixDialog.Title>) => react.JSX.Element;
 declare const ModalDescription: ({ className, ...props }: React.ComponentPropsWithoutRef<typeof RadixDialog.Description>) => react.JSX.Element;
@@ -903,14 +953,14 @@ interface EmptyStateProps {
 declare const EmptyState: ({ icon, title, description, actionLabel, onAction, className, }: EmptyStateProps) => react.JSX.Element;
 
 /**
- * Un ton = une famille de couleur, pas une nuance : tous les tokens d'une même
+ * Un thème = une famille de couleur, pas une nuance : tous les tokens d'une même
  * famille donnent le même fond (`*-50`) et le même texte. La nuance passée en
- * `tone` sert à choisir la famille, pas à décliner le rendu.
+ * `theme` sert à choisir la famille, pas à décliner le rendu.
  *
  * Pas de bordure : le fond teinté suffit à détacher la bannière de la page.
  */
 declare const bannerVariants: (props?: ({
-    tone?: "blue-700" | "blue-900" | "blue-950" | "red-900" | "red-500" | "green-700" | "grey-600" | "yellow-500" | "yellow-300" | "yellow-200" | "purple-700" | null | undefined;
+    theme?: "blue-700" | "blue-900" | "blue-950" | "red-900" | "red-500" | "green-700" | "grey-600" | "yellow-500" | "yellow-300" | "yellow-200" | "purple-700" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface BannerAction {
     label: string;
@@ -943,7 +993,7 @@ interface BannerProps extends VariantProps<typeof bannerVariants> {
     width?: string;
     className?: string;
 }
-declare const Banner: ({ tone, badge, title, subtitle, message, action, toggle, children, justify, fullWidth, width, className, }: BannerProps) => react.JSX.Element;
+declare const Banner: ({ theme, badge, title, subtitle, message, action, toggle, children, justify, fullWidth, width, className, }: BannerProps) => react.JSX.Element;
 
 interface FloatingAction {
     id: string;
@@ -1221,6 +1271,43 @@ interface PdfPreviewProps {
 /** Lecture complète d'un PDF (toutes les pages, défilement vertical) — construit sur `react-pdf` (wrapper de `pdf.js`), shadcn n'a pas de composant de rendu de document. */
 declare const PdfPreview: ({ file, width, maxHeight, className, }: PdfPreviewProps) => react.JSX.Element;
 
+interface VideoPlayerProps {
+    src: string;
+    /** Vignette (première image) affichée avant la lecture. Sans elle : tuile sombre. */
+    poster?: string;
+    /** Durée en secondes, affichée en `m:ss` sur la vignette. */
+    duration?: number;
+    /** Dimensions natives de la vidéo — servent uniquement au ratio de la vignette. */
+    width?: number;
+    height?: number;
+    /** Titre du plein écran et nom proposé au téléchargement. */
+    fileName?: string;
+    /** URL de téléchargement (ex. URL Storage avec `?download=`). Défaut : `src`. */
+    downloadUrl?: string;
+    /** Remplace le téléchargement intégré. */
+    onDownload?: () => void;
+    /** Largeur max de la vignette dans le fil, en px. */
+    maxWidth?: number;
+    /** Hauteur max de la vignette dans le fil, en px (vidéos portrait). */
+    maxHeight?: number;
+    /** Contenu libre en haut à gauche de la vignette (ex. type de fichier). */
+    label?: ReactNode;
+    /** Contenu libre en bas à droite de la vignette (ex. heure d'envoi). */
+    meta?: ReactNode;
+    /** Volume appliqué à l'ouverture du lecteur (fil et plein écran), de 0 à 1. Défaut : 0,5. */
+    defaultVolume?: number;
+    className?: string;
+}
+/** `75` → `1:15`, `3725` → `1:02:05`. Chaîne vide si la durée est absente ou invalide. */
+declare const formatVideoDuration: (seconds?: number) => string;
+/**
+ * Vidéo de conversation : vignette au format des photos (poster + bouton lecture + durée),
+ * lecture/pause dans le fil au clic, agrandissement dans une `Modal`, téléchargement.
+ * Jamais d'autoplay : la lecture ne démarre que sur une action de l'utilisateur.
+ * Les clics ne remontent pas au conteneur (bulle de message cliquable).
+ */
+declare const VideoPlayer: ({ src, poster, duration, width, height, fileName, downloadUrl, onDownload, maxWidth, maxHeight, label, meta, defaultVolume, className, }: VideoPlayerProps) => react.JSX.Element;
+
 interface ScrollAreaProps extends Omit<ComponentPropsWithoutRef<typeof RadixScrollArea.Root>, 'children'> {
     children?: ReactNode;
     orientation?: 'vertical' | 'horizontal' | 'both';
@@ -1230,13 +1317,12 @@ interface ScrollAreaProps extends Omit<ComponentPropsWithoutRef<typeof RadixScro
 /** 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, viewportRef, ...props }: ScrollAreaProps) => react.JSX.Element;
 
-type MessageVariant = 'own' | 'other';
-type MessageTone = 'solid' | 'soft';
+type MessageVariant = 'solid' | 'pale';
 interface MessageProps extends HTMLAttributes<HTMLDivElement> {
-    /** `own` = message de l'utilisateur courant (aligné à droite), `other` = interlocuteur (aligné à gauche). */
+    /** `true` = message de l'utilisateur courant (aligné à droite), `false` = interlocuteur (aligné à gauche). */
+    isOwn?: boolean;
+    /** `solid` = bulle pleine (messagerie), `pale` = bulle pâle (commentaires, fils de discussion). */
     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`. */
@@ -1577,4 +1663,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 BannerJustify, 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, type FloatingSafeArea, 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, Sidebar, SidebarContent, type SidebarContentProps, SidebarFooter, type SidebarFooterProps, SidebarGroup, type SidebarGroupProps, SidebarHeader, type SidebarHeaderProps, SidebarMenuButton, type SidebarMenuButtonProps, SidebarMenuSearchInput, type SidebarMenuSearchInputProps, SidebarMenuSub, SidebarMenuSubButton, type SidebarMenuSubButtonProps, SidebarMenuSubItem, type SidebarMenuSubItemProps, type SidebarMenuSubProps, type SidebarProps, SidebarSupportInfo, type SidebarSupportInfoProps, SidebarTrigger, type SidebarTriggerProps, SidebarUserMenu, type SidebarUserMenuAction, type SidebarUserMenuLeafAction, type SidebarUserMenuProps, 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 TextareaLook, 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 BannerJustify, type BannerProps, type BannerToggle, Box, type BoxProps, Bulk, type BulkProps, type BulkSection, Button, 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, type FloatingSafeArea, Gantt, type GanttBand, type GanttBar, type GanttDay, GanttDot, type GanttProps, type GanttRow, GanttSwatch, type HexColor, 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 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, Sidebar, SidebarContent, type SidebarContentProps, SidebarFooter, type SidebarFooterProps, SidebarGroup, type SidebarGroupProps, SidebarHeader, type SidebarHeaderProps, SidebarMenuButton, type SidebarMenuButtonProps, SidebarMenuSearchInput, type SidebarMenuSearchInputProps, SidebarMenuSub, SidebarMenuSubButton, type SidebarMenuSubButtonProps, SidebarMenuSubItem, type SidebarMenuSubItemProps, type SidebarMenuSubProps, type SidebarProps, SidebarSupportInfo, type SidebarSupportInfoProps, SidebarTrigger, type SidebarTriggerProps, SidebarUserMenu, type SidebarUserMenuAction, type SidebarUserMenuLeafAction, type SidebarUserMenuProps, 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, type TextareaVariant, Timeline, type TimelineItem, type TimelineProps, type ToastOptions, type ToastType, Toaster, Tooltip, type TooltipProps, VideoPlayer, type VideoPlayerProps, 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, formatVideoDuration, formatVin, generateHexColor, getAvatarColor, getCleanFileName, getFileIconByMimeType, getFileKind, getFileNameFromUrl, getInitials, getMimeCategory, getRelativeTime, isHoliday, isSameDay, isolateCity, noAutofillProps, optimizeImage, parseAmount, parseIsoDate, toast, truncateFileName, truncateText, useAvatarSize };