design-zystem 1.0.416 → 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.
- package/dist/ui/index.d.mts +46 -9
- package/dist/ui/index.d.ts +46 -9
- package/dist/ui/index.js +333 -243
- package/dist/ui/index.mjs +332 -243
- package/dist/ui/style.css +1 -1
- package/package.json +1 -1
package/dist/ui/index.d.mts
CHANGED
|
@@ -467,7 +467,7 @@ declare const Switch: ({ size, color, onChange, label, labelPosition, id, classN
|
|
|
467
467
|
|
|
468
468
|
type BadgeVariant = Extract<keyof typeof THEME_VARIANT_CLASSES, 'pale' | 'solid'>;
|
|
469
469
|
declare const badgeVariants: (props?: ({
|
|
470
|
-
size?: "s" | "m" | null | undefined;
|
|
470
|
+
size?: "s" | "m" | "l" | null | undefined;
|
|
471
471
|
shape?: "square" | "pill" | null | undefined;
|
|
472
472
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
473
473
|
interface BadgeProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'color'>, VariantProps<typeof badgeVariants> {
|
|
@@ -476,6 +476,8 @@ interface BadgeProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'color'>, Var
|
|
|
476
476
|
theme?: ColorToken;
|
|
477
477
|
backgroundColor?: HexColor;
|
|
478
478
|
textColor?: HexColor;
|
|
479
|
+
/** Liseré d'1 px (ex. pastille blanche sur fond blanc). */
|
|
480
|
+
borderColor?: HexColor;
|
|
479
481
|
pointer?: boolean;
|
|
480
482
|
pulse?: boolean;
|
|
481
483
|
fullWidth?: boolean;
|
|
@@ -500,9 +502,11 @@ interface TabsProps {
|
|
|
500
502
|
variant?: TabsVariant;
|
|
501
503
|
/** Chaque item se partage la largeur à parts égales (`100% / items.length`) au lieu de s'ajuster à son contenu. */
|
|
502
504
|
fullWidth?: boolean;
|
|
505
|
+
/** Libellés en majuscules — onglets de section posés au-dessus de cartes. */
|
|
506
|
+
uppercase?: boolean;
|
|
503
507
|
className?: string;
|
|
504
508
|
}
|
|
505
|
-
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;
|
|
506
510
|
|
|
507
511
|
interface ModalProps {
|
|
508
512
|
children?: ReactNode;
|
|
@@ -863,24 +867,43 @@ interface RadioProps extends VariantProps<typeof radioVariants> {
|
|
|
863
867
|
declare const Radio: ({ items, value, onChange, disabled, color, width, className, }: RadioProps) => react.JSX.Element;
|
|
864
868
|
|
|
865
869
|
declare const trackVariants: (props?: ({
|
|
866
|
-
height?: "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
870
|
+
height?: "sm" | "md" | "lg" | "xs" | "xl" | null | undefined;
|
|
867
871
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
868
|
-
interface
|
|
869
|
-
/** Sur la plage `min`–`max`, clampée. */
|
|
872
|
+
interface ProgressSegment {
|
|
870
873
|
value: number;
|
|
871
|
-
|
|
872
|
-
|
|
874
|
+
hexColor: HexColor;
|
|
875
|
+
}
|
|
876
|
+
interface ProgressBarBaseProps extends VariantProps<typeof trackVariants> {
|
|
873
877
|
min?: number;
|
|
874
878
|
max?: number;
|
|
875
879
|
step?: number;
|
|
876
880
|
disabled?: boolean;
|
|
877
881
|
color?: ColorToken;
|
|
882
|
+
/** Couleur brute hors palette fermée (ex. la couleur d'un pôle) — remplace `color`. */
|
|
883
|
+
hexColor?: HexColor;
|
|
878
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;
|
|
879
887
|
showLabel?: boolean;
|
|
880
888
|
formatValue?: (value: number) => string;
|
|
881
889
|
className?: string;
|
|
882
890
|
}
|
|
883
|
-
|
|
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;
|
|
884
907
|
|
|
885
908
|
declare const Collapsible: react.ForwardRefExoticComponent<RadixCollapsible.CollapsibleProps & react.RefAttributes<HTMLDivElement>>;
|
|
886
909
|
declare const CollapsibleTrigger: react.ForwardRefExoticComponent<RadixCollapsible.CollapsibleTriggerProps & react.RefAttributes<HTMLButtonElement>>;
|
|
@@ -1251,6 +1274,20 @@ interface MetricCardProps {
|
|
|
1251
1274
|
}
|
|
1252
1275
|
declare const MetricCard: ({ icon, iconFamily, title, value, valueColor, subtitle, accent, layout, onClick, selected, children, className, }: MetricCardProps) => react.JSX.Element;
|
|
1253
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
|
+
|
|
1254
1291
|
type SpinnerSize = 's' | 'm' | 'l';
|
|
1255
1292
|
interface SpinnerProps {
|
|
1256
1293
|
size?: SpinnerSize;
|
|
@@ -2005,4 +2042,4 @@ interface TourTargetProps {
|
|
|
2005
2042
|
declare const TourTarget: ({ id, children }: TourTargetProps) => react.JSX.Element;
|
|
2006
2043
|
declare const Tour: ({ steps, open, step, onStepChange, onClose, labels, targetTimeout, }: TourProps) => null;
|
|
2007
2044
|
|
|
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 };
|
|
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 };
|
package/dist/ui/index.d.ts
CHANGED
|
@@ -467,7 +467,7 @@ declare const Switch: ({ size, color, onChange, label, labelPosition, id, classN
|
|
|
467
467
|
|
|
468
468
|
type BadgeVariant = Extract<keyof typeof THEME_VARIANT_CLASSES, 'pale' | 'solid'>;
|
|
469
469
|
declare const badgeVariants: (props?: ({
|
|
470
|
-
size?: "s" | "m" | null | undefined;
|
|
470
|
+
size?: "s" | "m" | "l" | null | undefined;
|
|
471
471
|
shape?: "square" | "pill" | null | undefined;
|
|
472
472
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
473
473
|
interface BadgeProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'color'>, VariantProps<typeof badgeVariants> {
|
|
@@ -476,6 +476,8 @@ interface BadgeProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'color'>, Var
|
|
|
476
476
|
theme?: ColorToken;
|
|
477
477
|
backgroundColor?: HexColor;
|
|
478
478
|
textColor?: HexColor;
|
|
479
|
+
/** Liseré d'1 px (ex. pastille blanche sur fond blanc). */
|
|
480
|
+
borderColor?: HexColor;
|
|
479
481
|
pointer?: boolean;
|
|
480
482
|
pulse?: boolean;
|
|
481
483
|
fullWidth?: boolean;
|
|
@@ -500,9 +502,11 @@ interface TabsProps {
|
|
|
500
502
|
variant?: TabsVariant;
|
|
501
503
|
/** Chaque item se partage la largeur à parts égales (`100% / items.length`) au lieu de s'ajuster à son contenu. */
|
|
502
504
|
fullWidth?: boolean;
|
|
505
|
+
/** Libellés en majuscules — onglets de section posés au-dessus de cartes. */
|
|
506
|
+
uppercase?: boolean;
|
|
503
507
|
className?: string;
|
|
504
508
|
}
|
|
505
|
-
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;
|
|
506
510
|
|
|
507
511
|
interface ModalProps {
|
|
508
512
|
children?: ReactNode;
|
|
@@ -863,24 +867,43 @@ interface RadioProps extends VariantProps<typeof radioVariants> {
|
|
|
863
867
|
declare const Radio: ({ items, value, onChange, disabled, color, width, className, }: RadioProps) => react.JSX.Element;
|
|
864
868
|
|
|
865
869
|
declare const trackVariants: (props?: ({
|
|
866
|
-
height?: "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
870
|
+
height?: "sm" | "md" | "lg" | "xs" | "xl" | null | undefined;
|
|
867
871
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
868
|
-
interface
|
|
869
|
-
/** Sur la plage `min`–`max`, clampée. */
|
|
872
|
+
interface ProgressSegment {
|
|
870
873
|
value: number;
|
|
871
|
-
|
|
872
|
-
|
|
874
|
+
hexColor: HexColor;
|
|
875
|
+
}
|
|
876
|
+
interface ProgressBarBaseProps extends VariantProps<typeof trackVariants> {
|
|
873
877
|
min?: number;
|
|
874
878
|
max?: number;
|
|
875
879
|
step?: number;
|
|
876
880
|
disabled?: boolean;
|
|
877
881
|
color?: ColorToken;
|
|
882
|
+
/** Couleur brute hors palette fermée (ex. la couleur d'un pôle) — remplace `color`. */
|
|
883
|
+
hexColor?: HexColor;
|
|
878
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;
|
|
879
887
|
showLabel?: boolean;
|
|
880
888
|
formatValue?: (value: number) => string;
|
|
881
889
|
className?: string;
|
|
882
890
|
}
|
|
883
|
-
|
|
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;
|
|
884
907
|
|
|
885
908
|
declare const Collapsible: react.ForwardRefExoticComponent<RadixCollapsible.CollapsibleProps & react.RefAttributes<HTMLDivElement>>;
|
|
886
909
|
declare const CollapsibleTrigger: react.ForwardRefExoticComponent<RadixCollapsible.CollapsibleTriggerProps & react.RefAttributes<HTMLButtonElement>>;
|
|
@@ -1251,6 +1274,20 @@ interface MetricCardProps {
|
|
|
1251
1274
|
}
|
|
1252
1275
|
declare const MetricCard: ({ icon, iconFamily, title, value, valueColor, subtitle, accent, layout, onClick, selected, children, className, }: MetricCardProps) => react.JSX.Element;
|
|
1253
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
|
+
|
|
1254
1291
|
type SpinnerSize = 's' | 'm' | 'l';
|
|
1255
1292
|
interface SpinnerProps {
|
|
1256
1293
|
size?: SpinnerSize;
|
|
@@ -2005,4 +2042,4 @@ interface TourTargetProps {
|
|
|
2005
2042
|
declare const TourTarget: ({ id, children }: TourTargetProps) => react.JSX.Element;
|
|
2006
2043
|
declare const Tour: ({ steps, open, step, onStepChange, onClose, labels, targetTimeout, }: TourProps) => null;
|
|
2007
2044
|
|
|
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 };
|
|
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 };
|