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.
- package/dist/ui/index.d.mts +47 -9
- package/dist/ui/index.d.ts +47 -9
- package/dist/ui/index.js +336 -244
- package/dist/ui/index.mjs +335 -244
- package/dist/ui/style.css +1 -1
- package/package.json +1 -1
package/dist/ui/index.d.mts
CHANGED
|
@@ -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
|
|
868
|
-
/** Sur la plage `min`–`max`, clampée. */
|
|
872
|
+
interface ProgressSegment {
|
|
869
873
|
value: number;
|
|
870
|
-
|
|
871
|
-
|
|
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
|
-
|
|
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 };
|
package/dist/ui/index.d.ts
CHANGED
|
@@ -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
|
|
868
|
-
/** Sur la plage `min`–`max`, clampée. */
|
|
872
|
+
interface ProgressSegment {
|
|
869
873
|
value: number;
|
|
870
|
-
|
|
871
|
-
|
|
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
|
-
|
|
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 };
|