design-zystem 1.0.416 → 1.0.418
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/ui/index.d.mts +54 -9
- package/dist/ui/index.d.ts +54 -9
- package/dist/ui/index.js +963 -827
- package/dist/ui/index.mjs +739 -606
- package/dist/ui/style.css +1 -1
- package/package.json +1 -1
package/dist/ui/index.d.mts
CHANGED
|
@@ -361,6 +361,14 @@ interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'col
|
|
|
361
361
|
}
|
|
362
362
|
declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
|
|
363
363
|
|
|
364
|
+
declare const buttonGroupVariants: (props?: ({
|
|
365
|
+
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
366
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
367
|
+
interface ButtonGroupProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof buttonGroupVariants> {
|
|
368
|
+
}
|
|
369
|
+
/** Boutons soudés en un seul bloc — bordure partagée, arrondis gardés aux seules extrémités — calqué sur `ButtonGroup` de shadcn. Composer avec des `Button`. */
|
|
370
|
+
declare const ButtonGroup: react.ForwardRefExoticComponent<ButtonGroupProps & react.RefAttributes<HTMLDivElement>>;
|
|
371
|
+
|
|
364
372
|
interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
|
|
365
373
|
label?: string;
|
|
366
374
|
}
|
|
@@ -467,7 +475,7 @@ declare const Switch: ({ size, color, onChange, label, labelPosition, id, classN
|
|
|
467
475
|
|
|
468
476
|
type BadgeVariant = Extract<keyof typeof THEME_VARIANT_CLASSES, 'pale' | 'solid'>;
|
|
469
477
|
declare const badgeVariants: (props?: ({
|
|
470
|
-
size?: "s" | "m" | null | undefined;
|
|
478
|
+
size?: "s" | "m" | "l" | null | undefined;
|
|
471
479
|
shape?: "square" | "pill" | null | undefined;
|
|
472
480
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
473
481
|
interface BadgeProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'color'>, VariantProps<typeof badgeVariants> {
|
|
@@ -476,6 +484,8 @@ interface BadgeProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'color'>, Var
|
|
|
476
484
|
theme?: ColorToken;
|
|
477
485
|
backgroundColor?: HexColor;
|
|
478
486
|
textColor?: HexColor;
|
|
487
|
+
/** Liseré d'1 px (ex. pastille blanche sur fond blanc). */
|
|
488
|
+
borderColor?: HexColor;
|
|
479
489
|
pointer?: boolean;
|
|
480
490
|
pulse?: boolean;
|
|
481
491
|
fullWidth?: boolean;
|
|
@@ -500,9 +510,11 @@ interface TabsProps {
|
|
|
500
510
|
variant?: TabsVariant;
|
|
501
511
|
/** Chaque item se partage la largeur à parts égales (`100% / items.length`) au lieu de s'ajuster à son contenu. */
|
|
502
512
|
fullWidth?: boolean;
|
|
513
|
+
/** Libellés en majuscules — onglets de section posés au-dessus de cartes. */
|
|
514
|
+
uppercase?: boolean;
|
|
503
515
|
className?: string;
|
|
504
516
|
}
|
|
505
|
-
declare const Tabs: ({ value, onChange, items, variant, fullWidth, className, }: TabsProps) => react.JSX.Element;
|
|
517
|
+
declare const Tabs: ({ value, onChange, items, variant, fullWidth, uppercase, className, }: TabsProps) => react.JSX.Element;
|
|
506
518
|
|
|
507
519
|
interface ModalProps {
|
|
508
520
|
children?: ReactNode;
|
|
@@ -863,24 +875,43 @@ interface RadioProps extends VariantProps<typeof radioVariants> {
|
|
|
863
875
|
declare const Radio: ({ items, value, onChange, disabled, color, width, className, }: RadioProps) => react.JSX.Element;
|
|
864
876
|
|
|
865
877
|
declare const trackVariants: (props?: ({
|
|
866
|
-
height?: "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
878
|
+
height?: "sm" | "md" | "lg" | "xs" | "xl" | null | undefined;
|
|
867
879
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
868
|
-
interface
|
|
869
|
-
/** Sur la plage `min`–`max`, clampée. */
|
|
880
|
+
interface ProgressSegment {
|
|
870
881
|
value: number;
|
|
871
|
-
|
|
872
|
-
|
|
882
|
+
hexColor: HexColor;
|
|
883
|
+
}
|
|
884
|
+
interface ProgressBarBaseProps extends VariantProps<typeof trackVariants> {
|
|
873
885
|
min?: number;
|
|
874
886
|
max?: number;
|
|
875
887
|
step?: number;
|
|
876
888
|
disabled?: boolean;
|
|
877
889
|
color?: ColorToken;
|
|
890
|
+
/** Couleur brute hors palette fermée (ex. la couleur d'un pôle) — remplace `color`. */
|
|
891
|
+
hexColor?: HexColor;
|
|
878
892
|
label?: string;
|
|
893
|
+
/** Nom accessible sans libellé visible — quand la barre se lit dans son contexte (ex. sous un titre). */
|
|
894
|
+
'aria-label'?: string;
|
|
879
895
|
showLabel?: boolean;
|
|
880
896
|
formatValue?: (value: number) => string;
|
|
881
897
|
className?: string;
|
|
882
898
|
}
|
|
883
|
-
|
|
899
|
+
interface ReadOnlyProgressBarProps extends ProgressBarBaseProps {
|
|
900
|
+
/** Sur la plage `min`–`max`, clampée. Ignorée avec `segments`. */
|
|
901
|
+
value?: number;
|
|
902
|
+
onChange?: undefined;
|
|
903
|
+
/** Barre de répartition en lecture seule : un tronçon par segment, de largeur proportionnelle à sa `value`. */
|
|
904
|
+
segments?: ProgressSegment[];
|
|
905
|
+
}
|
|
906
|
+
interface EditableProgressBarProps extends ProgressBarBaseProps {
|
|
907
|
+
/** Sur la plage `min`–`max`, clampée. Obligatoire : le slider est contrôlé. */
|
|
908
|
+
value: number;
|
|
909
|
+
/** Rend la barre déplaçable au doigt/souris (slider) — sans, c'est une barre en lecture seule. */
|
|
910
|
+
onChange: (value: number) => void;
|
|
911
|
+
segments?: undefined;
|
|
912
|
+
}
|
|
913
|
+
type ProgressBarProps = ReadOnlyProgressBarProps | EditableProgressBarProps;
|
|
914
|
+
declare const ProgressBar: ({ value, onChange, min, max, step, disabled, color, hexColor, segments, height, label, "aria-label": ariaLabel, showLabel, formatValue, className, }: ProgressBarProps) => react.JSX.Element;
|
|
884
915
|
|
|
885
916
|
declare const Collapsible: react.ForwardRefExoticComponent<RadixCollapsible.CollapsibleProps & react.RefAttributes<HTMLDivElement>>;
|
|
886
917
|
declare const CollapsibleTrigger: react.ForwardRefExoticComponent<RadixCollapsible.CollapsibleTriggerProps & react.RefAttributes<HTMLButtonElement>>;
|
|
@@ -1251,6 +1282,20 @@ interface MetricCardProps {
|
|
|
1251
1282
|
}
|
|
1252
1283
|
declare const MetricCard: ({ icon, iconFamily, title, value, valueColor, subtitle, accent, layout, onClick, selected, children, className, }: MetricCardProps) => react.JSX.Element;
|
|
1253
1284
|
|
|
1285
|
+
type TileVariant = 'outline' | 'ghost';
|
|
1286
|
+
interface TileProps {
|
|
1287
|
+
children: ReactNode;
|
|
1288
|
+
onClick?: () => void;
|
|
1289
|
+
selected?: boolean;
|
|
1290
|
+
/** `outline` : tuile bordée sur fond blanc. `ghost` : ligne sans bordure, fond au survol — pour une sous-liste posée dans une tuile. */
|
|
1291
|
+
variant?: TileVariant;
|
|
1292
|
+
/** Contenu sous la zone cliquable (ex. sous-liste dépliée de la tuile sélectionnée), hors du bouton pour pouvoir porter ses propres actions. */
|
|
1293
|
+
expandedContent?: ReactNode;
|
|
1294
|
+
className?: string;
|
|
1295
|
+
}
|
|
1296
|
+
/** Tuile sélectionnable d'un panneau de navigation — la zone cliquable est un vrai bouton (clavier, `aria-pressed`). */
|
|
1297
|
+
declare const Tile: ({ children, onClick, selected, variant, expandedContent, className, }: TileProps) => react.JSX.Element;
|
|
1298
|
+
|
|
1254
1299
|
type SpinnerSize = 's' | 'm' | 'l';
|
|
1255
1300
|
interface SpinnerProps {
|
|
1256
1301
|
size?: SpinnerSize;
|
|
@@ -2005,4 +2050,4 @@ interface TourTargetProps {
|
|
|
2005
2050
|
declare const TourTarget: ({ id, children }: TourTargetProps) => react.JSX.Element;
|
|
2006
2051
|
declare const Tour: ({ steps, open, step, onStepChange, onClose, labels, targetTimeout, }: TourProps) => null;
|
|
2007
2052
|
|
|
2008
|
-
export { type ActivityFeedItem, ActivityFeedPanel, type ActivityFeedPanelProps, Attachment, type AttachmentProps, type AttachmentStatus, Avatar, AvatarBadge, type AvatarBadgeConfig, type AvatarBadgeProps, AvatarFallback, type AvatarFallbackProps, AvatarGroup, type AvatarGroupProps, AvatarImage, type AvatarImageProps, type AvatarProps, Badge, type BadgeProps, Banner, type BannerAction, type BannerJustify, type BannerProps, type BannerToggle, Box, type BoxProps, Bulk, type BulkProps, type BulkSection, Button, type ButtonProps, COLOR_TOKENS, Checkbox, type CheckboxProps, Collapsible, CollapsibleContent, CollapsibleTrigger, type ColorKey, ColorPicker, type ColorPickerProps, type ColorToken, DatePicker, type DatePickerMode, type DatePickerProps, type DatePreset, Divider, type DividerProps, Drawer, DrawerBody, DrawerClose, DrawerDescription, type DrawerDirection, DrawerFooter, DrawerHeader, type DrawerProps, DrawerTitle, EmailInput, type EmailInputProps, EmptyState, type EmptyStateProps, FAB_EDGE_MARGIN, FAB_SIZE, FilePicker, type FilePickerProps, FileUploadZone, type FileUploadZoneProps, type FloatingAction, FloatingButton, type FloatingButtonProps, type FloatingSafeArea, Gantt, type GanttBand, type GanttBar, type GanttDay, GanttDot, type GanttProps, type GanttRow, GanttSwatch, type HexColor, HistoryButton, type HistoryButtonProps, type HistoryChange, HistoryDrawer, type HistoryDrawerProps, type HistoryEntry, type HistoryFilter, HistoryList, type HistoryListProps, Icon, IconBadge, type IconBadgeProps, type IconColor, type IconFamily, type IconProps, type IconSize, type IconTabItem, IconTabs, type IconTabsProps, IconTooltip, type IconTooltipProps, type IconVariant, Image, type ImageProps, InfoTooltip, type InfoTooltipProps, type InfoTooltipVariant, Input, InputGroup, InputGroupAddon, type InputGroupAddonProps, InputGroupButton, type InputGroupButtonProps, type InputGroupProps, type InputProps, Item, ItemActions, ItemContent, ItemDescription, ItemMedia, type ItemMediaProps, type ItemProps, ItemTitle, Label, type LabelProps, Layout, type LayoutProps, Link, type LinkProps, Message, MessageDateSeparator, type MessageDateSeparatorProps, type MessageProps, MessageScroller, type MessageScrollerProps, type MessageSeparatorTone, type MessageVariant, MetricCard, type MetricCardProps, Modal, ModalBody, ModalClose, ModalDescription, ModalFooter, ModalHeader, type ModalProps, ModalTitle, type MultiSelectProps, type OptimizeImageOptions, type OptimizeImageResult, PageContainer, type PageContainerProps, Pagination, type PaginationProps, PasswordInput, type PasswordInputProps, PdfPreview, type PdfPreviewProps, PhoneInput, type PhoneInputMeta, type PhoneInputProps, Popover, type PopoverMenuItem, type PopoverProps, ProgressBar, type ProgressBarProps, Radio, type RadioOption, type RadioProps, ScrollArea, type ScrollAreaProps, SearchInput, type SearchInputProps, Select, type SelectBubbleOption, type SelectGroup, type SelectItem, type SelectOption, type SelectProps, Sidebar, SidebarContent, type SidebarContentProps, SidebarFooter, type SidebarFooterProps, SidebarGroup, type SidebarGroupProps, SidebarHeader, type SidebarHeaderProps, SidebarMenuButton, type SidebarMenuButtonProps, SidebarMenuSearchInput, type SidebarMenuSearchInputProps, SidebarMenuSub, SidebarMenuSubButton, type SidebarMenuSubButtonProps, SidebarMenuSubItem, type SidebarMenuSubItemProps, type SidebarMenuSubProps, type SidebarProps, SidebarSupportInfo, type SidebarSupportInfoProps, SidebarTrigger, type SidebarTriggerProps, SidebarUserMenu, type SidebarUserMenuAction, type SidebarUserMenuLeafAction, type SidebarUserMenuProps, type SingleSelectProps, Skeleton, type SkeletonProps, Spinner, type SpinnerProps, type SpinnerSize, Stepper, type StepperProps, Switch, type SwitchProps, TOUR_TARGET_ATTRIBUTE, type TabItem, Table, TableCell, type TableCellProps, type TableEmptyState, TableFooter, TableFooterCell, type TableFooterCellProps, type TableFooterProps, TableFooterRow, type TableFooterRowProps, TableHeader, TableHeaderCell, type TableHeaderCellProps, type TableHeaderProps, TableHeaderRow, type TableHeaderRowProps, type TablePagination, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, type TabsVariant, TagBubble, type TagBubbleProps, type TagLevelItem, TagLevelPicker, type TagLevelPickerProps, type TagOption, type TagSearchOption, TagSelect, type TagSelectProps, Text, type TextProps, Textarea, type TextareaProps, type TextareaVariant, Timeline, type TimelineItem, type TimelineProps, type ToastId, type ToastOptions, type ToastType, Toaster, Tooltip, type TooltipProps, Tour, type TourCloseReason, type TourLabels, type TourPlacement, type TourProps, type TourStep, TourTarget, type TourTargetProps, VideoPlayer, type VideoPlayerProps, addBusinessDays, allowAutofill, appendCacheBuster, appendQueryParam, buttonVariants, capitalizeFirstLetter, colors, easterDate, formatAddress, formatCityFromFormattedAddress, formatCityWithPostalCode, formatDate, formatDateWithTime, formatDistance, formatDuration, formatEuro, formatKM, formatLocality, formatName, formatNameWithInitial, formatPhoneNumber, formatPlate, formatPlateWithoutDashes, formatPostalCodeFromFormattedAddress, formatRegionCode, formatTime, formatVideoDuration, formatVin, generateHexColor, getAvatarColor, getCleanFileName, getElapsedTime, getFileIconByMimeType, getFileKind, getFileNameFromUrl, getInitials, getMimeCategory, getPastelColorPair, getRelativeTime, isHoliday, isSameDay, isolateCity, linkVariants, noAutofillProps, optimizeImage, parseAmount, parseIsoDate, toast, truncateFileName, truncateText, useAvatarSize };
|
|
2053
|
+
export { type ActivityFeedItem, ActivityFeedPanel, type ActivityFeedPanelProps, Attachment, type AttachmentProps, type AttachmentStatus, Avatar, AvatarBadge, type AvatarBadgeConfig, type AvatarBadgeProps, AvatarFallback, type AvatarFallbackProps, AvatarGroup, type AvatarGroupProps, AvatarImage, type AvatarImageProps, type AvatarProps, Badge, type BadgeProps, Banner, type BannerAction, type BannerJustify, type BannerProps, type BannerToggle, Box, type BoxProps, Bulk, type BulkProps, type BulkSection, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, COLOR_TOKENS, Checkbox, type CheckboxProps, Collapsible, CollapsibleContent, CollapsibleTrigger, type ColorKey, ColorPicker, type ColorPickerProps, type ColorToken, DatePicker, type DatePickerMode, type DatePickerProps, type DatePreset, Divider, type DividerProps, Drawer, DrawerBody, DrawerClose, DrawerDescription, type DrawerDirection, DrawerFooter, DrawerHeader, type DrawerProps, DrawerTitle, EmailInput, type EmailInputProps, EmptyState, type EmptyStateProps, FAB_EDGE_MARGIN, FAB_SIZE, FilePicker, type FilePickerProps, FileUploadZone, type FileUploadZoneProps, type FloatingAction, FloatingButton, type FloatingButtonProps, type FloatingSafeArea, Gantt, type GanttBand, type GanttBar, type GanttDay, GanttDot, type GanttProps, type GanttRow, GanttSwatch, type HexColor, HistoryButton, type HistoryButtonProps, type HistoryChange, HistoryDrawer, type HistoryDrawerProps, type HistoryEntry, type HistoryFilter, HistoryList, type HistoryListProps, Icon, IconBadge, type IconBadgeProps, type IconColor, type IconFamily, type IconProps, type IconSize, type IconTabItem, IconTabs, type IconTabsProps, IconTooltip, type IconTooltipProps, type IconVariant, Image, type ImageProps, InfoTooltip, type InfoTooltipProps, type InfoTooltipVariant, Input, InputGroup, InputGroupAddon, type InputGroupAddonProps, InputGroupButton, type InputGroupButtonProps, type InputGroupProps, type InputProps, Item, ItemActions, ItemContent, ItemDescription, ItemMedia, type ItemMediaProps, type ItemProps, ItemTitle, Label, type LabelProps, Layout, type LayoutProps, Link, type LinkProps, Message, MessageDateSeparator, type MessageDateSeparatorProps, type MessageProps, MessageScroller, type MessageScrollerProps, type MessageSeparatorTone, type MessageVariant, MetricCard, type MetricCardProps, Modal, ModalBody, ModalClose, ModalDescription, ModalFooter, ModalHeader, type ModalProps, ModalTitle, type MultiSelectProps, type OptimizeImageOptions, type OptimizeImageResult, PageContainer, type PageContainerProps, Pagination, type PaginationProps, PasswordInput, type PasswordInputProps, PdfPreview, type PdfPreviewProps, PhoneInput, type PhoneInputMeta, type PhoneInputProps, Popover, type PopoverMenuItem, type PopoverProps, ProgressBar, type ProgressBarProps, type ProgressSegment, Radio, type RadioOption, type RadioProps, ScrollArea, type ScrollAreaProps, SearchInput, type SearchInputProps, Select, type SelectBubbleOption, type SelectGroup, type SelectItem, type SelectOption, type SelectProps, Sidebar, SidebarContent, type SidebarContentProps, SidebarFooter, type SidebarFooterProps, SidebarGroup, type SidebarGroupProps, SidebarHeader, type SidebarHeaderProps, SidebarMenuButton, type SidebarMenuButtonProps, SidebarMenuSearchInput, type SidebarMenuSearchInputProps, SidebarMenuSub, SidebarMenuSubButton, type SidebarMenuSubButtonProps, SidebarMenuSubItem, type SidebarMenuSubItemProps, type SidebarMenuSubProps, type SidebarProps, SidebarSupportInfo, type SidebarSupportInfoProps, SidebarTrigger, type SidebarTriggerProps, SidebarUserMenu, type SidebarUserMenuAction, type SidebarUserMenuLeafAction, type SidebarUserMenuProps, type SingleSelectProps, Skeleton, type SkeletonProps, Spinner, type SpinnerProps, type SpinnerSize, Stepper, type StepperProps, Switch, type SwitchProps, TOUR_TARGET_ATTRIBUTE, type TabItem, Table, TableCell, type TableCellProps, type TableEmptyState, TableFooter, TableFooterCell, type TableFooterCellProps, type TableFooterProps, TableFooterRow, type TableFooterRowProps, TableHeader, TableHeaderCell, type TableHeaderCellProps, type TableHeaderProps, TableHeaderRow, type TableHeaderRowProps, type TablePagination, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, type TabsVariant, TagBubble, type TagBubbleProps, type TagLevelItem, TagLevelPicker, type TagLevelPickerProps, type TagOption, type TagSearchOption, TagSelect, type TagSelectProps, Text, type TextProps, Textarea, type TextareaProps, type TextareaVariant, Tile, type TileProps, type TileVariant, Timeline, type TimelineItem, type TimelineProps, type ToastId, type ToastOptions, type ToastType, Toaster, Tooltip, type TooltipProps, Tour, type TourCloseReason, type TourLabels, type TourPlacement, type TourProps, type TourStep, TourTarget, type TourTargetProps, VideoPlayer, type VideoPlayerProps, addBusinessDays, allowAutofill, appendCacheBuster, appendQueryParam, buttonGroupVariants, buttonVariants, capitalizeFirstLetter, colors, easterDate, formatAddress, formatCityFromFormattedAddress, formatCityWithPostalCode, formatDate, formatDateWithTime, formatDistance, formatDuration, formatEuro, formatKM, formatLocality, formatName, formatNameWithInitial, formatPhoneNumber, formatPlate, formatPlateWithoutDashes, formatPostalCodeFromFormattedAddress, formatRegionCode, formatTime, formatVideoDuration, formatVin, generateHexColor, getAvatarColor, getCleanFileName, getElapsedTime, getFileIconByMimeType, getFileKind, getFileNameFromUrl, getInitials, getMimeCategory, getPastelColorPair, getRelativeTime, isHoliday, isSameDay, isolateCity, linkVariants, noAutofillProps, optimizeImage, parseAmount, parseIsoDate, toast, truncateFileName, truncateText, useAvatarSize };
|
package/dist/ui/index.d.ts
CHANGED
|
@@ -361,6 +361,14 @@ interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'col
|
|
|
361
361
|
}
|
|
362
362
|
declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
|
|
363
363
|
|
|
364
|
+
declare const buttonGroupVariants: (props?: ({
|
|
365
|
+
orientation?: "horizontal" | "vertical" | null | undefined;
|
|
366
|
+
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
367
|
+
interface ButtonGroupProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof buttonGroupVariants> {
|
|
368
|
+
}
|
|
369
|
+
/** Boutons soudés en un seul bloc — bordure partagée, arrondis gardés aux seules extrémités — calqué sur `ButtonGroup` de shadcn. Composer avec des `Button`. */
|
|
370
|
+
declare const ButtonGroup: react.ForwardRefExoticComponent<ButtonGroupProps & react.RefAttributes<HTMLDivElement>>;
|
|
371
|
+
|
|
364
372
|
interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
|
|
365
373
|
label?: string;
|
|
366
374
|
}
|
|
@@ -467,7 +475,7 @@ declare const Switch: ({ size, color, onChange, label, labelPosition, id, classN
|
|
|
467
475
|
|
|
468
476
|
type BadgeVariant = Extract<keyof typeof THEME_VARIANT_CLASSES, 'pale' | 'solid'>;
|
|
469
477
|
declare const badgeVariants: (props?: ({
|
|
470
|
-
size?: "s" | "m" | null | undefined;
|
|
478
|
+
size?: "s" | "m" | "l" | null | undefined;
|
|
471
479
|
shape?: "square" | "pill" | null | undefined;
|
|
472
480
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
473
481
|
interface BadgeProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'color'>, VariantProps<typeof badgeVariants> {
|
|
@@ -476,6 +484,8 @@ interface BadgeProps extends Omit<HTMLAttributes<HTMLSpanElement>, 'color'>, Var
|
|
|
476
484
|
theme?: ColorToken;
|
|
477
485
|
backgroundColor?: HexColor;
|
|
478
486
|
textColor?: HexColor;
|
|
487
|
+
/** Liseré d'1 px (ex. pastille blanche sur fond blanc). */
|
|
488
|
+
borderColor?: HexColor;
|
|
479
489
|
pointer?: boolean;
|
|
480
490
|
pulse?: boolean;
|
|
481
491
|
fullWidth?: boolean;
|
|
@@ -500,9 +510,11 @@ interface TabsProps {
|
|
|
500
510
|
variant?: TabsVariant;
|
|
501
511
|
/** Chaque item se partage la largeur à parts égales (`100% / items.length`) au lieu de s'ajuster à son contenu. */
|
|
502
512
|
fullWidth?: boolean;
|
|
513
|
+
/** Libellés en majuscules — onglets de section posés au-dessus de cartes. */
|
|
514
|
+
uppercase?: boolean;
|
|
503
515
|
className?: string;
|
|
504
516
|
}
|
|
505
|
-
declare const Tabs: ({ value, onChange, items, variant, fullWidth, className, }: TabsProps) => react.JSX.Element;
|
|
517
|
+
declare const Tabs: ({ value, onChange, items, variant, fullWidth, uppercase, className, }: TabsProps) => react.JSX.Element;
|
|
506
518
|
|
|
507
519
|
interface ModalProps {
|
|
508
520
|
children?: ReactNode;
|
|
@@ -863,24 +875,43 @@ interface RadioProps extends VariantProps<typeof radioVariants> {
|
|
|
863
875
|
declare const Radio: ({ items, value, onChange, disabled, color, width, className, }: RadioProps) => react.JSX.Element;
|
|
864
876
|
|
|
865
877
|
declare const trackVariants: (props?: ({
|
|
866
|
-
height?: "sm" | "md" | "lg" | "xl" | null | undefined;
|
|
878
|
+
height?: "sm" | "md" | "lg" | "xs" | "xl" | null | undefined;
|
|
867
879
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
868
|
-
interface
|
|
869
|
-
/** Sur la plage `min`–`max`, clampée. */
|
|
880
|
+
interface ProgressSegment {
|
|
870
881
|
value: number;
|
|
871
|
-
|
|
872
|
-
|
|
882
|
+
hexColor: HexColor;
|
|
883
|
+
}
|
|
884
|
+
interface ProgressBarBaseProps extends VariantProps<typeof trackVariants> {
|
|
873
885
|
min?: number;
|
|
874
886
|
max?: number;
|
|
875
887
|
step?: number;
|
|
876
888
|
disabled?: boolean;
|
|
877
889
|
color?: ColorToken;
|
|
890
|
+
/** Couleur brute hors palette fermée (ex. la couleur d'un pôle) — remplace `color`. */
|
|
891
|
+
hexColor?: HexColor;
|
|
878
892
|
label?: string;
|
|
893
|
+
/** Nom accessible sans libellé visible — quand la barre se lit dans son contexte (ex. sous un titre). */
|
|
894
|
+
'aria-label'?: string;
|
|
879
895
|
showLabel?: boolean;
|
|
880
896
|
formatValue?: (value: number) => string;
|
|
881
897
|
className?: string;
|
|
882
898
|
}
|
|
883
|
-
|
|
899
|
+
interface ReadOnlyProgressBarProps extends ProgressBarBaseProps {
|
|
900
|
+
/** Sur la plage `min`–`max`, clampée. Ignorée avec `segments`. */
|
|
901
|
+
value?: number;
|
|
902
|
+
onChange?: undefined;
|
|
903
|
+
/** Barre de répartition en lecture seule : un tronçon par segment, de largeur proportionnelle à sa `value`. */
|
|
904
|
+
segments?: ProgressSegment[];
|
|
905
|
+
}
|
|
906
|
+
interface EditableProgressBarProps extends ProgressBarBaseProps {
|
|
907
|
+
/** Sur la plage `min`–`max`, clampée. Obligatoire : le slider est contrôlé. */
|
|
908
|
+
value: number;
|
|
909
|
+
/** Rend la barre déplaçable au doigt/souris (slider) — sans, c'est une barre en lecture seule. */
|
|
910
|
+
onChange: (value: number) => void;
|
|
911
|
+
segments?: undefined;
|
|
912
|
+
}
|
|
913
|
+
type ProgressBarProps = ReadOnlyProgressBarProps | EditableProgressBarProps;
|
|
914
|
+
declare const ProgressBar: ({ value, onChange, min, max, step, disabled, color, hexColor, segments, height, label, "aria-label": ariaLabel, showLabel, formatValue, className, }: ProgressBarProps) => react.JSX.Element;
|
|
884
915
|
|
|
885
916
|
declare const Collapsible: react.ForwardRefExoticComponent<RadixCollapsible.CollapsibleProps & react.RefAttributes<HTMLDivElement>>;
|
|
886
917
|
declare const CollapsibleTrigger: react.ForwardRefExoticComponent<RadixCollapsible.CollapsibleTriggerProps & react.RefAttributes<HTMLButtonElement>>;
|
|
@@ -1251,6 +1282,20 @@ interface MetricCardProps {
|
|
|
1251
1282
|
}
|
|
1252
1283
|
declare const MetricCard: ({ icon, iconFamily, title, value, valueColor, subtitle, accent, layout, onClick, selected, children, className, }: MetricCardProps) => react.JSX.Element;
|
|
1253
1284
|
|
|
1285
|
+
type TileVariant = 'outline' | 'ghost';
|
|
1286
|
+
interface TileProps {
|
|
1287
|
+
children: ReactNode;
|
|
1288
|
+
onClick?: () => void;
|
|
1289
|
+
selected?: boolean;
|
|
1290
|
+
/** `outline` : tuile bordée sur fond blanc. `ghost` : ligne sans bordure, fond au survol — pour une sous-liste posée dans une tuile. */
|
|
1291
|
+
variant?: TileVariant;
|
|
1292
|
+
/** Contenu sous la zone cliquable (ex. sous-liste dépliée de la tuile sélectionnée), hors du bouton pour pouvoir porter ses propres actions. */
|
|
1293
|
+
expandedContent?: ReactNode;
|
|
1294
|
+
className?: string;
|
|
1295
|
+
}
|
|
1296
|
+
/** Tuile sélectionnable d'un panneau de navigation — la zone cliquable est un vrai bouton (clavier, `aria-pressed`). */
|
|
1297
|
+
declare const Tile: ({ children, onClick, selected, variant, expandedContent, className, }: TileProps) => react.JSX.Element;
|
|
1298
|
+
|
|
1254
1299
|
type SpinnerSize = 's' | 'm' | 'l';
|
|
1255
1300
|
interface SpinnerProps {
|
|
1256
1301
|
size?: SpinnerSize;
|
|
@@ -2005,4 +2050,4 @@ interface TourTargetProps {
|
|
|
2005
2050
|
declare const TourTarget: ({ id, children }: TourTargetProps) => react.JSX.Element;
|
|
2006
2051
|
declare const Tour: ({ steps, open, step, onStepChange, onClose, labels, targetTimeout, }: TourProps) => null;
|
|
2007
2052
|
|
|
2008
|
-
export { type ActivityFeedItem, ActivityFeedPanel, type ActivityFeedPanelProps, Attachment, type AttachmentProps, type AttachmentStatus, Avatar, AvatarBadge, type AvatarBadgeConfig, type AvatarBadgeProps, AvatarFallback, type AvatarFallbackProps, AvatarGroup, type AvatarGroupProps, AvatarImage, type AvatarImageProps, type AvatarProps, Badge, type BadgeProps, Banner, type BannerAction, type BannerJustify, type BannerProps, type BannerToggle, Box, type BoxProps, Bulk, type BulkProps, type BulkSection, Button, type ButtonProps, COLOR_TOKENS, Checkbox, type CheckboxProps, Collapsible, CollapsibleContent, CollapsibleTrigger, type ColorKey, ColorPicker, type ColorPickerProps, type ColorToken, DatePicker, type DatePickerMode, type DatePickerProps, type DatePreset, Divider, type DividerProps, Drawer, DrawerBody, DrawerClose, DrawerDescription, type DrawerDirection, DrawerFooter, DrawerHeader, type DrawerProps, DrawerTitle, EmailInput, type EmailInputProps, EmptyState, type EmptyStateProps, FAB_EDGE_MARGIN, FAB_SIZE, FilePicker, type FilePickerProps, FileUploadZone, type FileUploadZoneProps, type FloatingAction, FloatingButton, type FloatingButtonProps, type FloatingSafeArea, Gantt, type GanttBand, type GanttBar, type GanttDay, GanttDot, type GanttProps, type GanttRow, GanttSwatch, type HexColor, HistoryButton, type HistoryButtonProps, type HistoryChange, HistoryDrawer, type HistoryDrawerProps, type HistoryEntry, type HistoryFilter, HistoryList, type HistoryListProps, Icon, IconBadge, type IconBadgeProps, type IconColor, type IconFamily, type IconProps, type IconSize, type IconTabItem, IconTabs, type IconTabsProps, IconTooltip, type IconTooltipProps, type IconVariant, Image, type ImageProps, InfoTooltip, type InfoTooltipProps, type InfoTooltipVariant, Input, InputGroup, InputGroupAddon, type InputGroupAddonProps, InputGroupButton, type InputGroupButtonProps, type InputGroupProps, type InputProps, Item, ItemActions, ItemContent, ItemDescription, ItemMedia, type ItemMediaProps, type ItemProps, ItemTitle, Label, type LabelProps, Layout, type LayoutProps, Link, type LinkProps, Message, MessageDateSeparator, type MessageDateSeparatorProps, type MessageProps, MessageScroller, type MessageScrollerProps, type MessageSeparatorTone, type MessageVariant, MetricCard, type MetricCardProps, Modal, ModalBody, ModalClose, ModalDescription, ModalFooter, ModalHeader, type ModalProps, ModalTitle, type MultiSelectProps, type OptimizeImageOptions, type OptimizeImageResult, PageContainer, type PageContainerProps, Pagination, type PaginationProps, PasswordInput, type PasswordInputProps, PdfPreview, type PdfPreviewProps, PhoneInput, type PhoneInputMeta, type PhoneInputProps, Popover, type PopoverMenuItem, type PopoverProps, ProgressBar, type ProgressBarProps, Radio, type RadioOption, type RadioProps, ScrollArea, type ScrollAreaProps, SearchInput, type SearchInputProps, Select, type SelectBubbleOption, type SelectGroup, type SelectItem, type SelectOption, type SelectProps, Sidebar, SidebarContent, type SidebarContentProps, SidebarFooter, type SidebarFooterProps, SidebarGroup, type SidebarGroupProps, SidebarHeader, type SidebarHeaderProps, SidebarMenuButton, type SidebarMenuButtonProps, SidebarMenuSearchInput, type SidebarMenuSearchInputProps, SidebarMenuSub, SidebarMenuSubButton, type SidebarMenuSubButtonProps, SidebarMenuSubItem, type SidebarMenuSubItemProps, type SidebarMenuSubProps, type SidebarProps, SidebarSupportInfo, type SidebarSupportInfoProps, SidebarTrigger, type SidebarTriggerProps, SidebarUserMenu, type SidebarUserMenuAction, type SidebarUserMenuLeafAction, type SidebarUserMenuProps, type SingleSelectProps, Skeleton, type SkeletonProps, Spinner, type SpinnerProps, type SpinnerSize, Stepper, type StepperProps, Switch, type SwitchProps, TOUR_TARGET_ATTRIBUTE, type TabItem, Table, TableCell, type TableCellProps, type TableEmptyState, TableFooter, TableFooterCell, type TableFooterCellProps, type TableFooterProps, TableFooterRow, type TableFooterRowProps, TableHeader, TableHeaderCell, type TableHeaderCellProps, type TableHeaderProps, TableHeaderRow, type TableHeaderRowProps, type TablePagination, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, type TabsVariant, TagBubble, type TagBubbleProps, type TagLevelItem, TagLevelPicker, type TagLevelPickerProps, type TagOption, type TagSearchOption, TagSelect, type TagSelectProps, Text, type TextProps, Textarea, type TextareaProps, type TextareaVariant, Timeline, type TimelineItem, type TimelineProps, type ToastId, type ToastOptions, type ToastType, Toaster, Tooltip, type TooltipProps, Tour, type TourCloseReason, type TourLabels, type TourPlacement, type TourProps, type TourStep, TourTarget, type TourTargetProps, VideoPlayer, type VideoPlayerProps, addBusinessDays, allowAutofill, appendCacheBuster, appendQueryParam, buttonVariants, capitalizeFirstLetter, colors, easterDate, formatAddress, formatCityFromFormattedAddress, formatCityWithPostalCode, formatDate, formatDateWithTime, formatDistance, formatDuration, formatEuro, formatKM, formatLocality, formatName, formatNameWithInitial, formatPhoneNumber, formatPlate, formatPlateWithoutDashes, formatPostalCodeFromFormattedAddress, formatRegionCode, formatTime, formatVideoDuration, formatVin, generateHexColor, getAvatarColor, getCleanFileName, getElapsedTime, getFileIconByMimeType, getFileKind, getFileNameFromUrl, getInitials, getMimeCategory, getPastelColorPair, getRelativeTime, isHoliday, isSameDay, isolateCity, linkVariants, noAutofillProps, optimizeImage, parseAmount, parseIsoDate, toast, truncateFileName, truncateText, useAvatarSize };
|
|
2053
|
+
export { type ActivityFeedItem, ActivityFeedPanel, type ActivityFeedPanelProps, Attachment, type AttachmentProps, type AttachmentStatus, Avatar, AvatarBadge, type AvatarBadgeConfig, type AvatarBadgeProps, AvatarFallback, type AvatarFallbackProps, AvatarGroup, type AvatarGroupProps, AvatarImage, type AvatarImageProps, type AvatarProps, Badge, type BadgeProps, Banner, type BannerAction, type BannerJustify, type BannerProps, type BannerToggle, Box, type BoxProps, Bulk, type BulkProps, type BulkSection, Button, ButtonGroup, type ButtonGroupProps, type ButtonProps, COLOR_TOKENS, Checkbox, type CheckboxProps, Collapsible, CollapsibleContent, CollapsibleTrigger, type ColorKey, ColorPicker, type ColorPickerProps, type ColorToken, DatePicker, type DatePickerMode, type DatePickerProps, type DatePreset, Divider, type DividerProps, Drawer, DrawerBody, DrawerClose, DrawerDescription, type DrawerDirection, DrawerFooter, DrawerHeader, type DrawerProps, DrawerTitle, EmailInput, type EmailInputProps, EmptyState, type EmptyStateProps, FAB_EDGE_MARGIN, FAB_SIZE, FilePicker, type FilePickerProps, FileUploadZone, type FileUploadZoneProps, type FloatingAction, FloatingButton, type FloatingButtonProps, type FloatingSafeArea, Gantt, type GanttBand, type GanttBar, type GanttDay, GanttDot, type GanttProps, type GanttRow, GanttSwatch, type HexColor, HistoryButton, type HistoryButtonProps, type HistoryChange, HistoryDrawer, type HistoryDrawerProps, type HistoryEntry, type HistoryFilter, HistoryList, type HistoryListProps, Icon, IconBadge, type IconBadgeProps, type IconColor, type IconFamily, type IconProps, type IconSize, type IconTabItem, IconTabs, type IconTabsProps, IconTooltip, type IconTooltipProps, type IconVariant, Image, type ImageProps, InfoTooltip, type InfoTooltipProps, type InfoTooltipVariant, Input, InputGroup, InputGroupAddon, type InputGroupAddonProps, InputGroupButton, type InputGroupButtonProps, type InputGroupProps, type InputProps, Item, ItemActions, ItemContent, ItemDescription, ItemMedia, type ItemMediaProps, type ItemProps, ItemTitle, Label, type LabelProps, Layout, type LayoutProps, Link, type LinkProps, Message, MessageDateSeparator, type MessageDateSeparatorProps, type MessageProps, MessageScroller, type MessageScrollerProps, type MessageSeparatorTone, type MessageVariant, MetricCard, type MetricCardProps, Modal, ModalBody, ModalClose, ModalDescription, ModalFooter, ModalHeader, type ModalProps, ModalTitle, type MultiSelectProps, type OptimizeImageOptions, type OptimizeImageResult, PageContainer, type PageContainerProps, Pagination, type PaginationProps, PasswordInput, type PasswordInputProps, PdfPreview, type PdfPreviewProps, PhoneInput, type PhoneInputMeta, type PhoneInputProps, Popover, type PopoverMenuItem, type PopoverProps, ProgressBar, type ProgressBarProps, type ProgressSegment, Radio, type RadioOption, type RadioProps, ScrollArea, type ScrollAreaProps, SearchInput, type SearchInputProps, Select, type SelectBubbleOption, type SelectGroup, type SelectItem, type SelectOption, type SelectProps, Sidebar, SidebarContent, type SidebarContentProps, SidebarFooter, type SidebarFooterProps, SidebarGroup, type SidebarGroupProps, SidebarHeader, type SidebarHeaderProps, SidebarMenuButton, type SidebarMenuButtonProps, SidebarMenuSearchInput, type SidebarMenuSearchInputProps, SidebarMenuSub, SidebarMenuSubButton, type SidebarMenuSubButtonProps, SidebarMenuSubItem, type SidebarMenuSubItemProps, type SidebarMenuSubProps, type SidebarProps, SidebarSupportInfo, type SidebarSupportInfoProps, SidebarTrigger, type SidebarTriggerProps, SidebarUserMenu, type SidebarUserMenuAction, type SidebarUserMenuLeafAction, type SidebarUserMenuProps, type SingleSelectProps, Skeleton, type SkeletonProps, Spinner, type SpinnerProps, type SpinnerSize, Stepper, type StepperProps, Switch, type SwitchProps, TOUR_TARGET_ATTRIBUTE, type TabItem, Table, TableCell, type TableCellProps, type TableEmptyState, TableFooter, TableFooterCell, type TableFooterCellProps, type TableFooterProps, TableFooterRow, type TableFooterRowProps, TableHeader, TableHeaderCell, type TableHeaderCellProps, type TableHeaderProps, TableHeaderRow, type TableHeaderRowProps, type TablePagination, type TableProps, TableRow, type TableRowProps, Tabs, type TabsProps, type TabsVariant, TagBubble, type TagBubbleProps, type TagLevelItem, TagLevelPicker, type TagLevelPickerProps, type TagOption, type TagSearchOption, TagSelect, type TagSelectProps, Text, type TextProps, Textarea, type TextareaProps, type TextareaVariant, Tile, type TileProps, type TileVariant, Timeline, type TimelineItem, type TimelineProps, type ToastId, type ToastOptions, type ToastType, Toaster, Tooltip, type TooltipProps, Tour, type TourCloseReason, type TourLabels, type TourPlacement, type TourProps, type TourStep, TourTarget, type TourTargetProps, VideoPlayer, type VideoPlayerProps, addBusinessDays, allowAutofill, appendCacheBuster, appendQueryParam, buttonGroupVariants, buttonVariants, capitalizeFirstLetter, colors, easterDate, formatAddress, formatCityFromFormattedAddress, formatCityWithPostalCode, formatDate, formatDateWithTime, formatDistance, formatDuration, formatEuro, formatKM, formatLocality, formatName, formatNameWithInitial, formatPhoneNumber, formatPlate, formatPlateWithoutDashes, formatPostalCodeFromFormattedAddress, formatRegionCode, formatTime, formatVideoDuration, formatVin, generateHexColor, getAvatarColor, getCleanFileName, getElapsedTime, getFileIconByMimeType, getFileKind, getFileNameFromUrl, getInitials, getMimeCategory, getPastelColorPair, getRelativeTime, isHoliday, isSameDay, isolateCity, linkVariants, noAutofillProps, optimizeImage, parseAmount, parseIsoDate, toast, truncateFileName, truncateText, useAvatarSize };
|