design-zystem 1.0.416 → 1.0.418

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -361,6 +361,14 @@ interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'col
361
361
  }
362
362
  declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
363
363
 
364
+ declare const buttonGroupVariants: (props?: ({
365
+ orientation?: "horizontal" | "vertical" | null | undefined;
366
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
367
+ interface ButtonGroupProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof buttonGroupVariants> {
368
+ }
369
+ /** Boutons soudés en un seul bloc — bordure partagée, arrondis gardés aux seules extrémités — calqué sur `ButtonGroup` de shadcn. Composer avec des `Button`. */
370
+ declare const ButtonGroup: react.ForwardRefExoticComponent<ButtonGroupProps & react.RefAttributes<HTMLDivElement>>;
371
+
364
372
  interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
365
373
  label?: string;
366
374
  }
@@ -467,7 +475,7 @@ declare const Switch: ({ size, color, onChange, label, labelPosition, id, classN
467
475
 
468
476
  type BadgeVariant = Extract<keyof typeof THEME_VARIANT_CLASSES, 'pale' | 'solid'>;
469
477
  declare const badgeVariants: (props?: ({
470
- size?: "s" | "m" | null | undefined;
478
+ size?: "s" | "m" | "l" | null | undefined;
471
479
  shape?: "square" | "pill" | null | undefined;
472
480
  } & class_variance_authority_types.ClassProp) | undefined) => string;
473
481
  interface BadgeProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'color'>, VariantProps<typeof badgeVariants> {
@@ -476,6 +484,8 @@ interface BadgeProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'color'>, Var
476
484
  theme?: ColorToken;
477
485
  backgroundColor?: HexColor;
478
486
  textColor?: HexColor;
487
+ /** Liseré d'1 px (ex. pastille blanche sur fond blanc). */
488
+ borderColor?: HexColor;
479
489
  pointer?: boolean;
480
490
  pulse?: boolean;
481
491
  fullWidth?: boolean;
@@ -500,9 +510,11 @@ interface TabsProps {
500
510
  variant?: TabsVariant;
501
511
  /** Chaque item se partage la largeur à parts égales (`100% / items.length`) au lieu de s'ajuster à son contenu. */
502
512
  fullWidth?: boolean;
513
+ /** Libellés en majuscules — onglets de section posés au-dessus de cartes. */
514
+ uppercase?: boolean;
503
515
  className?: string;
504
516
  }
505
- declare const Tabs: ({ value, onChange, items, variant, fullWidth, className, }: TabsProps) => react.JSX.Element;
517
+ declare const Tabs: ({ value, onChange, items, variant, fullWidth, uppercase, className, }: TabsProps) => react.JSX.Element;
506
518
 
507
519
  interface ModalProps {
508
520
  children?: ReactNode;
@@ -863,24 +875,43 @@ interface RadioProps extends VariantProps<typeof radioVariants> {
863
875
  declare const Radio: ({ items, value, onChange, disabled, color, width, className, }: RadioProps) => react.JSX.Element;
864
876
 
865
877
  declare const trackVariants: (props?: ({
866
- height?: "sm" | "md" | "lg" | "xl" | null | undefined;
878
+ height?: "sm" | "md" | "lg" | "xs" | "xl" | null | undefined;
867
879
  } & class_variance_authority_types.ClassProp) | undefined) => string;
868
- interface ProgressBarProps extends VariantProps<typeof trackVariants> {
869
- /** Sur la plage `min`–`max`, clampée. */
880
+ interface ProgressSegment {
870
881
  value: number;
871
- /** Rend la barre déplaçable au doigt/souris (slider) — sans, c'est une barre en lecture seule. */
872
- onChange?: (value: number) => void;
882
+ hexColor: HexColor;
883
+ }
884
+ interface ProgressBarBaseProps extends VariantProps<typeof trackVariants> {
873
885
  min?: number;
874
886
  max?: number;
875
887
  step?: number;
876
888
  disabled?: boolean;
877
889
  color?: ColorToken;
890
+ /** Couleur brute hors palette fermée (ex. la couleur d'un pôle) — remplace `color`. */
891
+ hexColor?: HexColor;
878
892
  label?: string;
893
+ /** Nom accessible sans libellé visible — quand la barre se lit dans son contexte (ex. sous un titre). */
894
+ 'aria-label'?: string;
879
895
  showLabel?: boolean;
880
896
  formatValue?: (value: number) => string;
881
897
  className?: string;
882
898
  }
883
- declare const ProgressBar: ({ value, onChange, min, max, step, disabled, color, height, label, showLabel, formatValue, className, }: ProgressBarProps) => react.JSX.Element;
899
+ interface ReadOnlyProgressBarProps extends ProgressBarBaseProps {
900
+ /** Sur la plage `min`–`max`, clampée. Ignorée avec `segments`. */
901
+ value?: number;
902
+ onChange?: undefined;
903
+ /** Barre de répartition en lecture seule : un tronçon par segment, de largeur proportionnelle à sa `value`. */
904
+ segments?: ProgressSegment[];
905
+ }
906
+ interface EditableProgressBarProps extends ProgressBarBaseProps {
907
+ /** Sur la plage `min`–`max`, clampée. Obligatoire : le slider est contrôlé. */
908
+ value: number;
909
+ /** Rend la barre déplaçable au doigt/souris (slider) — sans, c'est une barre en lecture seule. */
910
+ onChange: (value: number) => void;
911
+ segments?: undefined;
912
+ }
913
+ type ProgressBarProps = ReadOnlyProgressBarProps | EditableProgressBarProps;
914
+ declare const ProgressBar: ({ value, onChange, min, max, step, disabled, color, hexColor, segments, height, label, "aria-label": ariaLabel, showLabel, formatValue, className, }: ProgressBarProps) => react.JSX.Element;
884
915
 
885
916
  declare const Collapsible: react.ForwardRefExoticComponent<RadixCollapsible.CollapsibleProps & react.RefAttributes<HTMLDivElement>>;
886
917
  declare const CollapsibleTrigger: react.ForwardRefExoticComponent<RadixCollapsible.CollapsibleTriggerProps & react.RefAttributes<HTMLButtonElement>>;
@@ -1251,6 +1282,20 @@ interface MetricCardProps {
1251
1282
  }
1252
1283
  declare const MetricCard: ({ icon, iconFamily, title, value, valueColor, subtitle, accent, layout, onClick, selected, children, className, }: MetricCardProps) => react.JSX.Element;
1253
1284
 
1285
+ type TileVariant = 'outline' | 'ghost';
1286
+ interface TileProps {
1287
+ children: ReactNode;
1288
+ onClick?: () => void;
1289
+ selected?: boolean;
1290
+ /** `outline` : tuile bordée sur fond blanc. `ghost` : ligne sans bordure, fond au survol — pour une sous-liste posée dans une tuile. */
1291
+ variant?: TileVariant;
1292
+ /** Contenu sous la zone cliquable (ex. sous-liste dépliée de la tuile sélectionnée), hors du bouton pour pouvoir porter ses propres actions. */
1293
+ expandedContent?: ReactNode;
1294
+ className?: string;
1295
+ }
1296
+ /** Tuile sélectionnable d'un panneau de navigation — la zone cliquable est un vrai bouton (clavier, `aria-pressed`). */
1297
+ declare const Tile: ({ children, onClick, selected, variant, expandedContent, className, }: TileProps) => react.JSX.Element;
1298
+
1254
1299
  type SpinnerSize = 's' | 'm' | 'l';
1255
1300
  interface SpinnerProps {
1256
1301
  size?: SpinnerSize;
@@ -2005,4 +2050,4 @@ interface TourTargetProps {
2005
2050
  declare const TourTarget: ({ id, children }: TourTargetProps) => react.JSX.Element;
2006
2051
  declare const Tour: ({ steps, open, step, onStepChange, onClose, labels, targetTimeout, }: TourProps) => null;
2007
2052
 
2008
- export { type ActivityFeedItem, ActivityFeedPanel, type ActivityFeedPanelProps, 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, FAB_EDGE_MARGIN, FAB_SIZE, 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, HistoryButton, type HistoryButtonProps, type HistoryChange, HistoryDrawer, type HistoryDrawerProps, type HistoryEntry, type HistoryFilter, HistoryList, type HistoryListProps, Icon, IconBadge, type IconBadgeProps, type IconColor, type IconFamily, type IconProps, type IconSize, type IconTabItem, IconTabs, type IconTabsProps, IconTooltip, type IconTooltipProps, type IconVariant, Image, type ImageProps, InfoTooltip, type InfoTooltipProps, type InfoTooltipVariant, 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 SelectBubbleOption, type SelectGroup, type SelectItem, 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, TOUR_TARGET_ATTRIBUTE, 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 TagLevelItem, TagLevelPicker, type TagLevelPickerProps, type TagOption, type TagSearchOption, TagSelect, type TagSelectProps, Text, type TextProps, Textarea, type TextareaProps, type TextareaVariant, Timeline, type TimelineItem, type TimelineProps, type ToastId, type ToastOptions, type ToastType, Toaster, Tooltip, type TooltipProps, Tour, type TourCloseReason, type TourLabels, type TourPlacement, type TourProps, type TourStep, TourTarget, type TourTargetProps, 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, getElapsedTime, getFileIconByMimeType, getFileKind, getFileNameFromUrl, getInitials, getMimeCategory, getPastelColorPair, getRelativeTime, isHoliday, isSameDay, isolateCity, linkVariants, noAutofillProps, optimizeImage, parseAmount, parseIsoDate, toast, truncateFileName, truncateText, useAvatarSize };
2053
+ export { type ActivityFeedItem, ActivityFeedPanel, type ActivityFeedPanelProps, 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, ButtonGroup, type ButtonGroupProps, 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, FAB_EDGE_MARGIN, FAB_SIZE, 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, HistoryButton, type HistoryButtonProps, type HistoryChange, HistoryDrawer, type HistoryDrawerProps, type HistoryEntry, type HistoryFilter, HistoryList, type HistoryListProps, Icon, IconBadge, type IconBadgeProps, type IconColor, type IconFamily, type IconProps, type IconSize, type IconTabItem, IconTabs, type IconTabsProps, IconTooltip, type IconTooltipProps, type IconVariant, Image, type ImageProps, InfoTooltip, type InfoTooltipProps, type InfoTooltipVariant, 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, type ProgressSegment, Radio, type RadioOption, type RadioProps, ScrollArea, type ScrollAreaProps, SearchInput, type SearchInputProps, Select, type SelectBubbleOption, type SelectGroup, type SelectItem, 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, TOUR_TARGET_ATTRIBUTE, 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 TagLevelItem, TagLevelPicker, type TagLevelPickerProps, type TagOption, type TagSearchOption, TagSelect, type TagSelectProps, Text, type TextProps, Textarea, type TextareaProps, type TextareaVariant, Tile, type TileProps, type TileVariant, Timeline, type TimelineItem, type TimelineProps, type ToastId, type ToastOptions, type ToastType, Toaster, Tooltip, type TooltipProps, Tour, type TourCloseReason, type TourLabels, type TourPlacement, type TourProps, type TourStep, TourTarget, type TourTargetProps, VideoPlayer, type VideoPlayerProps, addBusinessDays, allowAutofill, appendCacheBuster, appendQueryParam, buttonGroupVariants, 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, getElapsedTime, getFileIconByMimeType, getFileKind, getFileNameFromUrl, getInitials, getMimeCategory, getPastelColorPair, getRelativeTime, isHoliday, isSameDay, isolateCity, linkVariants, noAutofillProps, optimizeImage, parseAmount, parseIsoDate, toast, truncateFileName, truncateText, useAvatarSize };
@@ -361,6 +361,14 @@ interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'col
361
361
  }
362
362
  declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
363
363
 
364
+ declare const buttonGroupVariants: (props?: ({
365
+ orientation?: "horizontal" | "vertical" | null | undefined;
366
+ } & class_variance_authority_types.ClassProp) | undefined) => string;
367
+ interface ButtonGroupProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof buttonGroupVariants> {
368
+ }
369
+ /** Boutons soudés en un seul bloc — bordure partagée, arrondis gardés aux seules extrémités — calqué sur `ButtonGroup` de shadcn. Composer avec des `Button`. */
370
+ declare const ButtonGroup: react.ForwardRefExoticComponent<ButtonGroupProps & react.RefAttributes<HTMLDivElement>>;
371
+
364
372
  interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
365
373
  label?: string;
366
374
  }
@@ -467,7 +475,7 @@ declare const Switch: ({ size, color, onChange, label, labelPosition, id, classN
467
475
 
468
476
  type BadgeVariant = Extract<keyof typeof THEME_VARIANT_CLASSES, 'pale' | 'solid'>;
469
477
  declare const badgeVariants: (props?: ({
470
- size?: "s" | "m" | null | undefined;
478
+ size?: "s" | "m" | "l" | null | undefined;
471
479
  shape?: "square" | "pill" | null | undefined;
472
480
  } & class_variance_authority_types.ClassProp) | undefined) => string;
473
481
  interface BadgeProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'color'>, VariantProps<typeof badgeVariants> {
@@ -476,6 +484,8 @@ interface BadgeProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'color'>, Var
476
484
  theme?: ColorToken;
477
485
  backgroundColor?: HexColor;
478
486
  textColor?: HexColor;
487
+ /** Liseré d'1 px (ex. pastille blanche sur fond blanc). */
488
+ borderColor?: HexColor;
479
489
  pointer?: boolean;
480
490
  pulse?: boolean;
481
491
  fullWidth?: boolean;
@@ -500,9 +510,11 @@ interface TabsProps {
500
510
  variant?: TabsVariant;
501
511
  /** Chaque item se partage la largeur à parts égales (`100% / items.length`) au lieu de s'ajuster à son contenu. */
502
512
  fullWidth?: boolean;
513
+ /** Libellés en majuscules — onglets de section posés au-dessus de cartes. */
514
+ uppercase?: boolean;
503
515
  className?: string;
504
516
  }
505
- declare const Tabs: ({ value, onChange, items, variant, fullWidth, className, }: TabsProps) => react.JSX.Element;
517
+ declare const Tabs: ({ value, onChange, items, variant, fullWidth, uppercase, className, }: TabsProps) => react.JSX.Element;
506
518
 
507
519
  interface ModalProps {
508
520
  children?: ReactNode;
@@ -863,24 +875,43 @@ interface RadioProps extends VariantProps<typeof radioVariants> {
863
875
  declare const Radio: ({ items, value, onChange, disabled, color, width, className, }: RadioProps) => react.JSX.Element;
864
876
 
865
877
  declare const trackVariants: (props?: ({
866
- height?: "sm" | "md" | "lg" | "xl" | null | undefined;
878
+ height?: "sm" | "md" | "lg" | "xs" | "xl" | null | undefined;
867
879
  } & class_variance_authority_types.ClassProp) | undefined) => string;
868
- interface ProgressBarProps extends VariantProps<typeof trackVariants> {
869
- /** Sur la plage `min`–`max`, clampée. */
880
+ interface ProgressSegment {
870
881
  value: number;
871
- /** Rend la barre déplaçable au doigt/souris (slider) — sans, c'est une barre en lecture seule. */
872
- onChange?: (value: number) => void;
882
+ hexColor: HexColor;
883
+ }
884
+ interface ProgressBarBaseProps extends VariantProps<typeof trackVariants> {
873
885
  min?: number;
874
886
  max?: number;
875
887
  step?: number;
876
888
  disabled?: boolean;
877
889
  color?: ColorToken;
890
+ /** Couleur brute hors palette fermée (ex. la couleur d'un pôle) — remplace `color`. */
891
+ hexColor?: HexColor;
878
892
  label?: string;
893
+ /** Nom accessible sans libellé visible — quand la barre se lit dans son contexte (ex. sous un titre). */
894
+ 'aria-label'?: string;
879
895
  showLabel?: boolean;
880
896
  formatValue?: (value: number) => string;
881
897
  className?: string;
882
898
  }
883
- declare const ProgressBar: ({ value, onChange, min, max, step, disabled, color, height, label, showLabel, formatValue, className, }: ProgressBarProps) => react.JSX.Element;
899
+ interface ReadOnlyProgressBarProps extends ProgressBarBaseProps {
900
+ /** Sur la plage `min`–`max`, clampée. Ignorée avec `segments`. */
901
+ value?: number;
902
+ onChange?: undefined;
903
+ /** Barre de répartition en lecture seule : un tronçon par segment, de largeur proportionnelle à sa `value`. */
904
+ segments?: ProgressSegment[];
905
+ }
906
+ interface EditableProgressBarProps extends ProgressBarBaseProps {
907
+ /** Sur la plage `min`–`max`, clampée. Obligatoire : le slider est contrôlé. */
908
+ value: number;
909
+ /** Rend la barre déplaçable au doigt/souris (slider) — sans, c'est une barre en lecture seule. */
910
+ onChange: (value: number) => void;
911
+ segments?: undefined;
912
+ }
913
+ type ProgressBarProps = ReadOnlyProgressBarProps | EditableProgressBarProps;
914
+ declare const ProgressBar: ({ value, onChange, min, max, step, disabled, color, hexColor, segments, height, label, "aria-label": ariaLabel, showLabel, formatValue, className, }: ProgressBarProps) => react.JSX.Element;
884
915
 
885
916
  declare const Collapsible: react.ForwardRefExoticComponent<RadixCollapsible.CollapsibleProps & react.RefAttributes<HTMLDivElement>>;
886
917
  declare const CollapsibleTrigger: react.ForwardRefExoticComponent<RadixCollapsible.CollapsibleTriggerProps & react.RefAttributes<HTMLButtonElement>>;
@@ -1251,6 +1282,20 @@ interface MetricCardProps {
1251
1282
  }
1252
1283
  declare const MetricCard: ({ icon, iconFamily, title, value, valueColor, subtitle, accent, layout, onClick, selected, children, className, }: MetricCardProps) => react.JSX.Element;
1253
1284
 
1285
+ type TileVariant = 'outline' | 'ghost';
1286
+ interface TileProps {
1287
+ children: ReactNode;
1288
+ onClick?: () => void;
1289
+ selected?: boolean;
1290
+ /** `outline` : tuile bordée sur fond blanc. `ghost` : ligne sans bordure, fond au survol — pour une sous-liste posée dans une tuile. */
1291
+ variant?: TileVariant;
1292
+ /** Contenu sous la zone cliquable (ex. sous-liste dépliée de la tuile sélectionnée), hors du bouton pour pouvoir porter ses propres actions. */
1293
+ expandedContent?: ReactNode;
1294
+ className?: string;
1295
+ }
1296
+ /** Tuile sélectionnable d'un panneau de navigation — la zone cliquable est un vrai bouton (clavier, `aria-pressed`). */
1297
+ declare const Tile: ({ children, onClick, selected, variant, expandedContent, className, }: TileProps) => react.JSX.Element;
1298
+
1254
1299
  type SpinnerSize = 's' | 'm' | 'l';
1255
1300
  interface SpinnerProps {
1256
1301
  size?: SpinnerSize;
@@ -2005,4 +2050,4 @@ interface TourTargetProps {
2005
2050
  declare const TourTarget: ({ id, children }: TourTargetProps) => react.JSX.Element;
2006
2051
  declare const Tour: ({ steps, open, step, onStepChange, onClose, labels, targetTimeout, }: TourProps) => null;
2007
2052
 
2008
- export { type ActivityFeedItem, ActivityFeedPanel, type ActivityFeedPanelProps, 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, FAB_EDGE_MARGIN, FAB_SIZE, 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, HistoryButton, type HistoryButtonProps, type HistoryChange, HistoryDrawer, type HistoryDrawerProps, type HistoryEntry, type HistoryFilter, HistoryList, type HistoryListProps, Icon, IconBadge, type IconBadgeProps, type IconColor, type IconFamily, type IconProps, type IconSize, type IconTabItem, IconTabs, type IconTabsProps, IconTooltip, type IconTooltipProps, type IconVariant, Image, type ImageProps, InfoTooltip, type InfoTooltipProps, type InfoTooltipVariant, 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 SelectBubbleOption, type SelectGroup, type SelectItem, 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, TOUR_TARGET_ATTRIBUTE, 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 TagLevelItem, TagLevelPicker, type TagLevelPickerProps, type TagOption, type TagSearchOption, TagSelect, type TagSelectProps, Text, type TextProps, Textarea, type TextareaProps, type TextareaVariant, Timeline, type TimelineItem, type TimelineProps, type ToastId, type ToastOptions, type ToastType, Toaster, Tooltip, type TooltipProps, Tour, type TourCloseReason, type TourLabels, type TourPlacement, type TourProps, type TourStep, TourTarget, type TourTargetProps, 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, getElapsedTime, getFileIconByMimeType, getFileKind, getFileNameFromUrl, getInitials, getMimeCategory, getPastelColorPair, getRelativeTime, isHoliday, isSameDay, isolateCity, linkVariants, noAutofillProps, optimizeImage, parseAmount, parseIsoDate, toast, truncateFileName, truncateText, useAvatarSize };
2053
+ export { type ActivityFeedItem, ActivityFeedPanel, type ActivityFeedPanelProps, 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, ButtonGroup, type ButtonGroupProps, 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, FAB_EDGE_MARGIN, FAB_SIZE, 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, HistoryButton, type HistoryButtonProps, type HistoryChange, HistoryDrawer, type HistoryDrawerProps, type HistoryEntry, type HistoryFilter, HistoryList, type HistoryListProps, Icon, IconBadge, type IconBadgeProps, type IconColor, type IconFamily, type IconProps, type IconSize, type IconTabItem, IconTabs, type IconTabsProps, IconTooltip, type IconTooltipProps, type IconVariant, Image, type ImageProps, InfoTooltip, type InfoTooltipProps, type InfoTooltipVariant, 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, type ProgressSegment, Radio, type RadioOption, type RadioProps, ScrollArea, type ScrollAreaProps, SearchInput, type SearchInputProps, Select, type SelectBubbleOption, type SelectGroup, type SelectItem, 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, TOUR_TARGET_ATTRIBUTE, 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 TagLevelItem, TagLevelPicker, type TagLevelPickerProps, type TagOption, type TagSearchOption, TagSelect, type TagSelectProps, Text, type TextProps, Textarea, type TextareaProps, type TextareaVariant, Tile, type TileProps, type TileVariant, Timeline, type TimelineItem, type TimelineProps, type ToastId, type ToastOptions, type ToastType, Toaster, Tooltip, type TooltipProps, Tour, type TourCloseReason, type TourLabels, type TourPlacement, type TourProps, type TourStep, TourTarget, type TourTargetProps, VideoPlayer, type VideoPlayerProps, addBusinessDays, allowAutofill, appendCacheBuster, appendQueryParam, buttonGroupVariants, 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, getElapsedTime, getFileIconByMimeType, getFileKind, getFileNameFromUrl, getInitials, getMimeCategory, getPastelColorPair, getRelativeTime, isHoliday, isSameDay, isolateCity, linkVariants, noAutofillProps, optimizeImage, parseAmount, parseIsoDate, toast, truncateFileName, truncateText, useAvatarSize };