design-zystem 1.0.415 → 1.0.417

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.
@@ -63,6 +63,7 @@ interface BoxProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof b
63
63
  /** Left accent bar — status/score encoding. */
64
64
  accent?: ColorToken | 'none';
65
65
  width?: string;
66
+ hexBackground?: HexColor;
66
67
  }
67
68
  /**
68
69
  * Surface bordée/ombrée. Ne gère pas le flex — composer avec `Layout` pour
@@ -466,7 +467,7 @@ declare const Switch: ({ size, color, onChange, label, labelPosition, id, classN
466
467
 
467
468
  type BadgeVariant = Extract<keyof typeof THEME_VARIANT_CLASSES, 'pale' | 'solid'>;
468
469
  declare const badgeVariants: (props?: ({
469
- size?: "s" | "m" | null | undefined;
470
+ size?: "s" | "m" | "l" | null | undefined;
470
471
  shape?: "square" | "pill" | null | undefined;
471
472
  } & class_variance_authority_types.ClassProp) | undefined) => string;
472
473
  interface BadgeProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'color'>, VariantProps<typeof badgeVariants> {
@@ -475,6 +476,8 @@ interface BadgeProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'color'>, Var
475
476
  theme?: ColorToken;
476
477
  backgroundColor?: HexColor;
477
478
  textColor?: HexColor;
479
+ /** Liseré d'1 px (ex. pastille blanche sur fond blanc). */
480
+ borderColor?: HexColor;
478
481
  pointer?: boolean;
479
482
  pulse?: boolean;
480
483
  fullWidth?: boolean;
@@ -499,9 +502,11 @@ interface TabsProps {
499
502
  variant?: TabsVariant;
500
503
  /** Chaque item se partage la largeur à parts égales (`100% / items.length`) au lieu de s'ajuster à son contenu. */
501
504
  fullWidth?: boolean;
505
+ /** Libellés en majuscules — onglets de section posés au-dessus de cartes. */
506
+ uppercase?: boolean;
502
507
  className?: string;
503
508
  }
504
- declare const Tabs: ({ value, onChange, items, variant, fullWidth, className, }: TabsProps) => react.JSX.Element;
509
+ declare const Tabs: ({ value, onChange, items, variant, fullWidth, uppercase, className, }: TabsProps) => react.JSX.Element;
505
510
 
506
511
  interface ModalProps {
507
512
  children?: ReactNode;
@@ -862,24 +867,43 @@ interface RadioProps extends VariantProps<typeof radioVariants> {
862
867
  declare const Radio: ({ items, value, onChange, disabled, color, width, className, }: RadioProps) => react.JSX.Element;
863
868
 
864
869
  declare const trackVariants: (props?: ({
865
- height?: "sm" | "md" | "lg" | "xl" | null | undefined;
870
+ height?: "sm" | "md" | "lg" | "xs" | "xl" | null | undefined;
866
871
  } & class_variance_authority_types.ClassProp) | undefined) => string;
867
- interface ProgressBarProps extends VariantProps<typeof trackVariants> {
868
- /** Sur la plage `min`–`max`, clampée. */
872
+ interface ProgressSegment {
869
873
  value: number;
870
- /** Rend la barre déplaçable au doigt/souris (slider) — sans, c'est une barre en lecture seule. */
871
- onChange?: (value: number) => void;
874
+ hexColor: HexColor;
875
+ }
876
+ interface ProgressBarBaseProps extends VariantProps<typeof trackVariants> {
872
877
  min?: number;
873
878
  max?: number;
874
879
  step?: number;
875
880
  disabled?: boolean;
876
881
  color?: ColorToken;
882
+ /** Couleur brute hors palette fermée (ex. la couleur d'un pôle) — remplace `color`. */
883
+ hexColor?: HexColor;
877
884
  label?: string;
885
+ /** Nom accessible sans libellé visible — quand la barre se lit dans son contexte (ex. sous un titre). */
886
+ 'aria-label'?: string;
878
887
  showLabel?: boolean;
879
888
  formatValue?: (value: number) => string;
880
889
  className?: string;
881
890
  }
882
- declare const ProgressBar: ({ value, onChange, min, max, step, disabled, color, height, label, showLabel, formatValue, className, }: ProgressBarProps) => react.JSX.Element;
891
+ interface ReadOnlyProgressBarProps extends ProgressBarBaseProps {
892
+ /** Sur la plage `min`–`max`, clampée. Ignorée avec `segments`. */
893
+ value?: number;
894
+ onChange?: undefined;
895
+ /** Barre de répartition en lecture seule : un tronçon par segment, de largeur proportionnelle à sa `value`. */
896
+ segments?: ProgressSegment[];
897
+ }
898
+ interface EditableProgressBarProps extends ProgressBarBaseProps {
899
+ /** Sur la plage `min`–`max`, clampée. Obligatoire : le slider est contrôlé. */
900
+ value: number;
901
+ /** Rend la barre déplaçable au doigt/souris (slider) — sans, c'est une barre en lecture seule. */
902
+ onChange: (value: number) => void;
903
+ segments?: undefined;
904
+ }
905
+ type ProgressBarProps = ReadOnlyProgressBarProps | EditableProgressBarProps;
906
+ declare const ProgressBar: ({ value, onChange, min, max, step, disabled, color, hexColor, segments, height, label, "aria-label": ariaLabel, showLabel, formatValue, className, }: ProgressBarProps) => react.JSX.Element;
883
907
 
884
908
  declare const Collapsible: react.ForwardRefExoticComponent<RadixCollapsible.CollapsibleProps & react.RefAttributes<HTMLDivElement>>;
885
909
  declare const CollapsibleTrigger: react.ForwardRefExoticComponent<RadixCollapsible.CollapsibleTriggerProps & react.RefAttributes<HTMLButtonElement>>;
@@ -1250,6 +1274,20 @@ interface MetricCardProps {
1250
1274
  }
1251
1275
  declare const MetricCard: ({ icon, iconFamily, title, value, valueColor, subtitle, accent, layout, onClick, selected, children, className, }: MetricCardProps) => react.JSX.Element;
1252
1276
 
1277
+ type TileVariant = 'outline' | 'ghost';
1278
+ interface TileProps {
1279
+ children: ReactNode;
1280
+ onClick?: () => void;
1281
+ selected?: boolean;
1282
+ /** `outline` : tuile bordée sur fond blanc. `ghost` : ligne sans bordure, fond au survol — pour une sous-liste posée dans une tuile. */
1283
+ variant?: TileVariant;
1284
+ /** 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. */
1285
+ expandedContent?: ReactNode;
1286
+ className?: string;
1287
+ }
1288
+ /** Tuile sélectionnable d'un panneau de navigation — la zone cliquable est un vrai bouton (clavier, `aria-pressed`). */
1289
+ declare const Tile: ({ children, onClick, selected, variant, expandedContent, className, }: TileProps) => react.JSX.Element;
1290
+
1253
1291
  type SpinnerSize = 's' | 'm' | 'l';
1254
1292
  interface SpinnerProps {
1255
1293
  size?: SpinnerSize;
@@ -2004,4 +2042,4 @@ interface TourTargetProps {
2004
2042
  declare const TourTarget: ({ id, children }: TourTargetProps) => react.JSX.Element;
2005
2043
  declare const Tour: ({ steps, open, step, onStepChange, onClose, labels, targetTimeout, }: TourProps) => null;
2006
2044
 
2007
- 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 };
2045
+ 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, 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, 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 };
@@ -63,6 +63,7 @@ interface BoxProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof b
63
63
  /** Left accent bar — status/score encoding. */
64
64
  accent?: ColorToken | 'none';
65
65
  width?: string;
66
+ hexBackground?: HexColor;
66
67
  }
67
68
  /**
68
69
  * Surface bordée/ombrée. Ne gère pas le flex — composer avec `Layout` pour
@@ -466,7 +467,7 @@ declare const Switch: ({ size, color, onChange, label, labelPosition, id, classN
466
467
 
467
468
  type BadgeVariant = Extract<keyof typeof THEME_VARIANT_CLASSES, 'pale' | 'solid'>;
468
469
  declare const badgeVariants: (props?: ({
469
- size?: "s" | "m" | null | undefined;
470
+ size?: "s" | "m" | "l" | null | undefined;
470
471
  shape?: "square" | "pill" | null | undefined;
471
472
  } & class_variance_authority_types.ClassProp) | undefined) => string;
472
473
  interface BadgeProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'color'>, VariantProps<typeof badgeVariants> {
@@ -475,6 +476,8 @@ interface BadgeProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'color'>, Var
475
476
  theme?: ColorToken;
476
477
  backgroundColor?: HexColor;
477
478
  textColor?: HexColor;
479
+ /** Liseré d'1 px (ex. pastille blanche sur fond blanc). */
480
+ borderColor?: HexColor;
478
481
  pointer?: boolean;
479
482
  pulse?: boolean;
480
483
  fullWidth?: boolean;
@@ -499,9 +502,11 @@ interface TabsProps {
499
502
  variant?: TabsVariant;
500
503
  /** Chaque item se partage la largeur à parts égales (`100% / items.length`) au lieu de s'ajuster à son contenu. */
501
504
  fullWidth?: boolean;
505
+ /** Libellés en majuscules — onglets de section posés au-dessus de cartes. */
506
+ uppercase?: boolean;
502
507
  className?: string;
503
508
  }
504
- declare const Tabs: ({ value, onChange, items, variant, fullWidth, className, }: TabsProps) => react.JSX.Element;
509
+ declare const Tabs: ({ value, onChange, items, variant, fullWidth, uppercase, className, }: TabsProps) => react.JSX.Element;
505
510
 
506
511
  interface ModalProps {
507
512
  children?: ReactNode;
@@ -862,24 +867,43 @@ interface RadioProps extends VariantProps<typeof radioVariants> {
862
867
  declare const Radio: ({ items, value, onChange, disabled, color, width, className, }: RadioProps) => react.JSX.Element;
863
868
 
864
869
  declare const trackVariants: (props?: ({
865
- height?: "sm" | "md" | "lg" | "xl" | null | undefined;
870
+ height?: "sm" | "md" | "lg" | "xs" | "xl" | null | undefined;
866
871
  } & class_variance_authority_types.ClassProp) | undefined) => string;
867
- interface ProgressBarProps extends VariantProps<typeof trackVariants> {
868
- /** Sur la plage `min`–`max`, clampée. */
872
+ interface ProgressSegment {
869
873
  value: number;
870
- /** Rend la barre déplaçable au doigt/souris (slider) — sans, c'est une barre en lecture seule. */
871
- onChange?: (value: number) => void;
874
+ hexColor: HexColor;
875
+ }
876
+ interface ProgressBarBaseProps extends VariantProps<typeof trackVariants> {
872
877
  min?: number;
873
878
  max?: number;
874
879
  step?: number;
875
880
  disabled?: boolean;
876
881
  color?: ColorToken;
882
+ /** Couleur brute hors palette fermée (ex. la couleur d'un pôle) — remplace `color`. */
883
+ hexColor?: HexColor;
877
884
  label?: string;
885
+ /** Nom accessible sans libellé visible — quand la barre se lit dans son contexte (ex. sous un titre). */
886
+ 'aria-label'?: string;
878
887
  showLabel?: boolean;
879
888
  formatValue?: (value: number) => string;
880
889
  className?: string;
881
890
  }
882
- declare const ProgressBar: ({ value, onChange, min, max, step, disabled, color, height, label, showLabel, formatValue, className, }: ProgressBarProps) => react.JSX.Element;
891
+ interface ReadOnlyProgressBarProps extends ProgressBarBaseProps {
892
+ /** Sur la plage `min`–`max`, clampée. Ignorée avec `segments`. */
893
+ value?: number;
894
+ onChange?: undefined;
895
+ /** Barre de répartition en lecture seule : un tronçon par segment, de largeur proportionnelle à sa `value`. */
896
+ segments?: ProgressSegment[];
897
+ }
898
+ interface EditableProgressBarProps extends ProgressBarBaseProps {
899
+ /** Sur la plage `min`–`max`, clampée. Obligatoire : le slider est contrôlé. */
900
+ value: number;
901
+ /** Rend la barre déplaçable au doigt/souris (slider) — sans, c'est une barre en lecture seule. */
902
+ onChange: (value: number) => void;
903
+ segments?: undefined;
904
+ }
905
+ type ProgressBarProps = ReadOnlyProgressBarProps | EditableProgressBarProps;
906
+ declare const ProgressBar: ({ value, onChange, min, max, step, disabled, color, hexColor, segments, height, label, "aria-label": ariaLabel, showLabel, formatValue, className, }: ProgressBarProps) => react.JSX.Element;
883
907
 
884
908
  declare const Collapsible: react.ForwardRefExoticComponent<RadixCollapsible.CollapsibleProps & react.RefAttributes<HTMLDivElement>>;
885
909
  declare const CollapsibleTrigger: react.ForwardRefExoticComponent<RadixCollapsible.CollapsibleTriggerProps & react.RefAttributes<HTMLButtonElement>>;
@@ -1250,6 +1274,20 @@ interface MetricCardProps {
1250
1274
  }
1251
1275
  declare const MetricCard: ({ icon, iconFamily, title, value, valueColor, subtitle, accent, layout, onClick, selected, children, className, }: MetricCardProps) => react.JSX.Element;
1252
1276
 
1277
+ type TileVariant = 'outline' | 'ghost';
1278
+ interface TileProps {
1279
+ children: ReactNode;
1280
+ onClick?: () => void;
1281
+ selected?: boolean;
1282
+ /** `outline` : tuile bordée sur fond blanc. `ghost` : ligne sans bordure, fond au survol — pour une sous-liste posée dans une tuile. */
1283
+ variant?: TileVariant;
1284
+ /** 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. */
1285
+ expandedContent?: ReactNode;
1286
+ className?: string;
1287
+ }
1288
+ /** Tuile sélectionnable d'un panneau de navigation — la zone cliquable est un vrai bouton (clavier, `aria-pressed`). */
1289
+ declare const Tile: ({ children, onClick, selected, variant, expandedContent, className, }: TileProps) => react.JSX.Element;
1290
+
1253
1291
  type SpinnerSize = 's' | 'm' | 'l';
1254
1292
  interface SpinnerProps {
1255
1293
  size?: SpinnerSize;
@@ -2004,4 +2042,4 @@ interface TourTargetProps {
2004
2042
  declare const TourTarget: ({ id, children }: TourTargetProps) => react.JSX.Element;
2005
2043
  declare const Tour: ({ steps, open, step, onStepChange, onClose, labels, targetTimeout, }: TourProps) => null;
2006
2044
 
2007
- 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 };
2045
+ 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, 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, 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 };