design-zystem 1.0.345 → 1.0.347
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 +55 -6
- package/dist/ui/index.d.ts +55 -6
- package/dist/ui/index.js +543 -253
- package/dist/ui/index.mjs +463 -168
- package/dist/ui/style.css +1 -1
- package/package.json +1 -1
package/dist/ui/index.d.mts
CHANGED
|
@@ -9,6 +9,7 @@ import * as RadixDialog from '@radix-ui/react-dialog';
|
|
|
9
9
|
import * as RadixAvatar from '@radix-ui/react-avatar';
|
|
10
10
|
import * as RadixCollapsible from '@radix-ui/react-collapsible';
|
|
11
11
|
import { Drawer as Drawer$1 } from 'vaul';
|
|
12
|
+
import * as RadixTooltip from '@radix-ui/react-tooltip';
|
|
12
13
|
import { DocumentProps } from 'react-pdf';
|
|
13
14
|
import * as RadixScrollArea from '@radix-ui/react-scroll-area';
|
|
14
15
|
|
|
@@ -425,10 +426,12 @@ interface ModalProps {
|
|
|
425
426
|
width?: string;
|
|
426
427
|
/** L'en-tête (`ModalHeader`) devient une poignée de glisser-déposer. */
|
|
427
428
|
draggable?: boolean;
|
|
429
|
+
/** Focus à l'ouverture (Radix). `e.preventDefault()` évite le focus auto du premier bouton — et l'ouverture de son tooltip. */
|
|
430
|
+
onOpenAutoFocus?: (e: Event) => void;
|
|
428
431
|
className?: string;
|
|
429
432
|
}
|
|
430
433
|
/** Construit sur `@radix-ui/react-dialog` — compose-le avec `ModalHeader`/`ModalTitle`/`ModalDescription`/`ModalBody`/`ModalFooter`/`ModalClose`, comme le `Table`. */
|
|
431
|
-
declare const Modal: ({ children, open, onClose, width, draggable, className, }: ModalProps) => react.JSX.Element;
|
|
434
|
+
declare const Modal: ({ children, open, onClose, width, draggable, onOpenAutoFocus, className, }: ModalProps) => react.JSX.Element;
|
|
432
435
|
declare const ModalHeader: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => react.JSX.Element;
|
|
433
436
|
declare const ModalTitle: ({ className, ...props }: React.ComponentPropsWithoutRef<typeof RadixDialog.Title>) => react.JSX.Element;
|
|
434
437
|
declare const ModalDescription: ({ className, ...props }: React.ComponentPropsWithoutRef<typeof RadixDialog.Description>) => react.JSX.Element;
|
|
@@ -834,7 +837,7 @@ interface SidebarUserMenuProps {
|
|
|
834
837
|
/** Bloc profil du `SidebarFooter` : avatar + nom/e-mail, ouvrant un menu d'actions groupées — calqué sur le `NavUser` du sidebar shadcn/ui (thème sombre propre au `Sidebar`, indépendant du `Popover` clair partagé). Une action avec `subActions` ouvre un panneau secondaire à droite (flyout), sur le même principe que le menu principal. Replié : seul l'avatar reste, le menu s'ouvre toujours au clic. */
|
|
835
838
|
declare const SidebarUserMenu: ({ name, email, subtitle, avatarSrc, actionGroups, className, }: SidebarUserMenuProps) => react.JSX.Element;
|
|
836
839
|
|
|
837
|
-
interface TooltipProps {
|
|
840
|
+
interface TooltipProps extends Omit<ComponentPropsWithoutRef<typeof RadixTooltip.Trigger>, 'content' | 'children'> {
|
|
838
841
|
children: ReactNode;
|
|
839
842
|
content: ReactNode;
|
|
840
843
|
side?: 'top' | 'bottom' | 'left' | 'right';
|
|
@@ -843,8 +846,11 @@ interface TooltipProps {
|
|
|
843
846
|
align?: 'start' | 'center' | 'end';
|
|
844
847
|
className?: string;
|
|
845
848
|
}
|
|
846
|
-
/**
|
|
847
|
-
|
|
849
|
+
/**
|
|
850
|
+
* Enveloppe son propre Provider — pour partager `delayDuration` entre plusieurs Tooltip, monter un seul `RadixTooltip.Provider` à la racine de l'app à la place.
|
|
851
|
+
* La ref et les props reçues passent au déclencheur : un Tooltip peut ainsi servir lui-même de déclencheur à un `Popover`.
|
|
852
|
+
*/
|
|
853
|
+
declare const Tooltip: react.ForwardRefExoticComponent<TooltipProps & react.RefAttributes<HTMLButtonElement>>;
|
|
848
854
|
|
|
849
855
|
/** Monter une seule fois à la racine de l'app, à côté du router — construit sur `sonner` (le moteur recommandé par shadcn), retint via `ToastCard`. */
|
|
850
856
|
declare const Toaster: () => react.JSX.Element;
|
|
@@ -1170,7 +1176,7 @@ interface FilePickerProps {
|
|
|
1170
1176
|
declare const FilePicker: ({ label, onSelect, accept, multiple, icon, iconFamily, iconSize, iconColor, disabled, className, }: FilePickerProps) => react.JSX.Element;
|
|
1171
1177
|
|
|
1172
1178
|
declare const itemVariants: (props?: ({
|
|
1173
|
-
variant?: "default" | "
|
|
1179
|
+
variant?: "default" | "muted" | "outline" | null | undefined;
|
|
1174
1180
|
size?: "default" | "sm" | null | undefined;
|
|
1175
1181
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1176
1182
|
interface ItemProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof itemVariants> {
|
|
@@ -1217,6 +1223,43 @@ interface PdfPreviewProps {
|
|
|
1217
1223
|
/** Lecture complète d'un PDF (toutes les pages, défilement vertical) — construit sur `react-pdf` (wrapper de `pdf.js`), shadcn n'a pas de composant de rendu de document. */
|
|
1218
1224
|
declare const PdfPreview: ({ file, width, maxHeight, className, }: PdfPreviewProps) => react.JSX.Element;
|
|
1219
1225
|
|
|
1226
|
+
interface VideoPlayerProps {
|
|
1227
|
+
src: string;
|
|
1228
|
+
/** Vignette (première image) affichée avant la lecture. Sans elle : tuile sombre. */
|
|
1229
|
+
poster?: string;
|
|
1230
|
+
/** Durée en secondes, affichée en `m:ss` sur la vignette. */
|
|
1231
|
+
duration?: number;
|
|
1232
|
+
/** Dimensions natives de la vidéo — servent uniquement au ratio de la vignette. */
|
|
1233
|
+
width?: number;
|
|
1234
|
+
height?: number;
|
|
1235
|
+
/** Titre du plein écran et nom proposé au téléchargement. */
|
|
1236
|
+
fileName?: string;
|
|
1237
|
+
/** URL de téléchargement (ex. URL Storage avec `?download=`). Défaut : `src`. */
|
|
1238
|
+
downloadUrl?: string;
|
|
1239
|
+
/** Remplace le téléchargement intégré. */
|
|
1240
|
+
onDownload?: () => void;
|
|
1241
|
+
/** Largeur max de la vignette dans le fil, en px. */
|
|
1242
|
+
maxWidth?: number;
|
|
1243
|
+
/** Hauteur max de la vignette dans le fil, en px (vidéos portrait). */
|
|
1244
|
+
maxHeight?: number;
|
|
1245
|
+
/** Contenu libre en haut à gauche de la vignette (ex. type de fichier). */
|
|
1246
|
+
label?: ReactNode;
|
|
1247
|
+
/** Contenu libre en bas à droite de la vignette (ex. heure d'envoi). */
|
|
1248
|
+
meta?: ReactNode;
|
|
1249
|
+
/** Volume appliqué à l'ouverture du lecteur (fil et plein écran), de 0 à 1. Défaut : 0,5. */
|
|
1250
|
+
defaultVolume?: number;
|
|
1251
|
+
className?: string;
|
|
1252
|
+
}
|
|
1253
|
+
/** `75` → `1:15`, `3725` → `1:02:05`. Chaîne vide si la durée est absente ou invalide. */
|
|
1254
|
+
declare const formatVideoDuration: (seconds?: number) => string;
|
|
1255
|
+
/**
|
|
1256
|
+
* Vidéo de conversation : vignette au format des photos (poster + bouton lecture + durée),
|
|
1257
|
+
* lecture/pause dans le fil au clic, agrandissement dans une `Modal`, téléchargement.
|
|
1258
|
+
* Jamais d'autoplay : la lecture ne démarre que sur une action de l'utilisateur.
|
|
1259
|
+
* Les clics ne remontent pas au conteneur (bulle de message cliquable).
|
|
1260
|
+
*/
|
|
1261
|
+
declare const VideoPlayer: ({ src, poster, duration, width, height, fileName, downloadUrl, onDownload, maxWidth, maxHeight, label, meta, defaultVolume, className, }: VideoPlayerProps) => react.JSX.Element;
|
|
1262
|
+
|
|
1220
1263
|
interface ScrollAreaProps extends Omit<ComponentPropsWithoutRef<typeof RadixScrollArea.Root>, 'children'> {
|
|
1221
1264
|
children?: ReactNode;
|
|
1222
1265
|
orientation?: 'vertical' | 'horizontal' | 'both';
|
|
@@ -1259,6 +1302,12 @@ interface MessageProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
1259
1302
|
status?: ReactNode;
|
|
1260
1303
|
/** Actions contextuelles posées à côté de la bulle (suppression…). */
|
|
1261
1304
|
actions?: ReactNode;
|
|
1305
|
+
/**
|
|
1306
|
+
* `true` : `actions` se pose dans le coin haut droit de la bulle (ou du contenu
|
|
1307
|
+
* sans bulle) et n'apparaît qu'au survol du message, au focus clavier, et tant
|
|
1308
|
+
* qu'un menu ouvert depuis l'action (`aria-expanded`) reste affiché.
|
|
1309
|
+
*/
|
|
1310
|
+
actionsOnHover?: boolean;
|
|
1262
1311
|
/** `false` : le contenu est rendu sans bulle ni padding (pièce jointe, image, message audio). */
|
|
1263
1312
|
bubble?: boolean;
|
|
1264
1313
|
/** Largeur maximale de la bulle. */
|
|
@@ -1567,4 +1616,4 @@ declare const allowAutofill: (autoComplete: string) => {
|
|
|
1567
1616
|
"data-form-type": undefined;
|
|
1568
1617
|
};
|
|
1569
1618
|
|
|
1570
|
-
export { 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 ButtonColor, 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, 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, Icon, IconBadge, type IconBadgeProps, type IconColor, type IconFamily, type IconProps, type IconSize, type IconTabItem, IconTabs, type IconTabsProps, IconTooltip, type IconTooltipProps, Image, type ImageProps, 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 MessageTone, 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 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, 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 TagOption, TagSelect, type TagSelectProps, Text, type TextProps, Textarea, type TextareaLook, type TextareaProps, Timeline, type TimelineItem, type TimelineProps, type ToastOptions, type ToastType, Toaster, Tooltip, type TooltipProps, 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, formatVin, generateHexColor, getAvatarColor, getCleanFileName, getFileIconByMimeType, getFileKind, getFileNameFromUrl, getInitials, getMimeCategory, getRelativeTime, isHoliday, isSameDay, isolateCity, noAutofillProps, optimizeImage, parseAmount, parseIsoDate, toast, truncateFileName, truncateText, useAvatarSize };
|
|
1619
|
+
export { 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 ButtonColor, 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, 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, Icon, IconBadge, type IconBadgeProps, type IconColor, type IconFamily, type IconProps, type IconSize, type IconTabItem, IconTabs, type IconTabsProps, IconTooltip, type IconTooltipProps, Image, type ImageProps, 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 MessageTone, 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 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, 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 TagOption, TagSelect, type TagSelectProps, Text, type TextProps, Textarea, type TextareaLook, type TextareaProps, Timeline, type TimelineItem, type TimelineProps, type ToastOptions, type ToastType, Toaster, Tooltip, type TooltipProps, 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, getFileIconByMimeType, getFileKind, getFileNameFromUrl, getInitials, getMimeCategory, getRelativeTime, isHoliday, isSameDay, isolateCity, noAutofillProps, optimizeImage, parseAmount, parseIsoDate, toast, truncateFileName, truncateText, useAvatarSize };
|
package/dist/ui/index.d.ts
CHANGED
|
@@ -9,6 +9,7 @@ import * as RadixDialog from '@radix-ui/react-dialog';
|
|
|
9
9
|
import * as RadixAvatar from '@radix-ui/react-avatar';
|
|
10
10
|
import * as RadixCollapsible from '@radix-ui/react-collapsible';
|
|
11
11
|
import { Drawer as Drawer$1 } from 'vaul';
|
|
12
|
+
import * as RadixTooltip from '@radix-ui/react-tooltip';
|
|
12
13
|
import { DocumentProps } from 'react-pdf';
|
|
13
14
|
import * as RadixScrollArea from '@radix-ui/react-scroll-area';
|
|
14
15
|
|
|
@@ -425,10 +426,12 @@ interface ModalProps {
|
|
|
425
426
|
width?: string;
|
|
426
427
|
/** L'en-tête (`ModalHeader`) devient une poignée de glisser-déposer. */
|
|
427
428
|
draggable?: boolean;
|
|
429
|
+
/** Focus à l'ouverture (Radix). `e.preventDefault()` évite le focus auto du premier bouton — et l'ouverture de son tooltip. */
|
|
430
|
+
onOpenAutoFocus?: (e: Event) => void;
|
|
428
431
|
className?: string;
|
|
429
432
|
}
|
|
430
433
|
/** Construit sur `@radix-ui/react-dialog` — compose-le avec `ModalHeader`/`ModalTitle`/`ModalDescription`/`ModalBody`/`ModalFooter`/`ModalClose`, comme le `Table`. */
|
|
431
|
-
declare const Modal: ({ children, open, onClose, width, draggable, className, }: ModalProps) => react.JSX.Element;
|
|
434
|
+
declare const Modal: ({ children, open, onClose, width, draggable, onOpenAutoFocus, className, }: ModalProps) => react.JSX.Element;
|
|
432
435
|
declare const ModalHeader: ({ className, ...props }: React.HTMLAttributes<HTMLDivElement>) => react.JSX.Element;
|
|
433
436
|
declare const ModalTitle: ({ className, ...props }: React.ComponentPropsWithoutRef<typeof RadixDialog.Title>) => react.JSX.Element;
|
|
434
437
|
declare const ModalDescription: ({ className, ...props }: React.ComponentPropsWithoutRef<typeof RadixDialog.Description>) => react.JSX.Element;
|
|
@@ -834,7 +837,7 @@ interface SidebarUserMenuProps {
|
|
|
834
837
|
/** Bloc profil du `SidebarFooter` : avatar + nom/e-mail, ouvrant un menu d'actions groupées — calqué sur le `NavUser` du sidebar shadcn/ui (thème sombre propre au `Sidebar`, indépendant du `Popover` clair partagé). Une action avec `subActions` ouvre un panneau secondaire à droite (flyout), sur le même principe que le menu principal. Replié : seul l'avatar reste, le menu s'ouvre toujours au clic. */
|
|
835
838
|
declare const SidebarUserMenu: ({ name, email, subtitle, avatarSrc, actionGroups, className, }: SidebarUserMenuProps) => react.JSX.Element;
|
|
836
839
|
|
|
837
|
-
interface TooltipProps {
|
|
840
|
+
interface TooltipProps extends Omit<ComponentPropsWithoutRef<typeof RadixTooltip.Trigger>, 'content' | 'children'> {
|
|
838
841
|
children: ReactNode;
|
|
839
842
|
content: ReactNode;
|
|
840
843
|
side?: 'top' | 'bottom' | 'left' | 'right';
|
|
@@ -843,8 +846,11 @@ interface TooltipProps {
|
|
|
843
846
|
align?: 'start' | 'center' | 'end';
|
|
844
847
|
className?: string;
|
|
845
848
|
}
|
|
846
|
-
/**
|
|
847
|
-
|
|
849
|
+
/**
|
|
850
|
+
* Enveloppe son propre Provider — pour partager `delayDuration` entre plusieurs Tooltip, monter un seul `RadixTooltip.Provider` à la racine de l'app à la place.
|
|
851
|
+
* La ref et les props reçues passent au déclencheur : un Tooltip peut ainsi servir lui-même de déclencheur à un `Popover`.
|
|
852
|
+
*/
|
|
853
|
+
declare const Tooltip: react.ForwardRefExoticComponent<TooltipProps & react.RefAttributes<HTMLButtonElement>>;
|
|
848
854
|
|
|
849
855
|
/** Monter une seule fois à la racine de l'app, à côté du router — construit sur `sonner` (le moteur recommandé par shadcn), retint via `ToastCard`. */
|
|
850
856
|
declare const Toaster: () => react.JSX.Element;
|
|
@@ -1170,7 +1176,7 @@ interface FilePickerProps {
|
|
|
1170
1176
|
declare const FilePicker: ({ label, onSelect, accept, multiple, icon, iconFamily, iconSize, iconColor, disabled, className, }: FilePickerProps) => react.JSX.Element;
|
|
1171
1177
|
|
|
1172
1178
|
declare const itemVariants: (props?: ({
|
|
1173
|
-
variant?: "default" | "
|
|
1179
|
+
variant?: "default" | "muted" | "outline" | null | undefined;
|
|
1174
1180
|
size?: "default" | "sm" | null | undefined;
|
|
1175
1181
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
1176
1182
|
interface ItemProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof itemVariants> {
|
|
@@ -1217,6 +1223,43 @@ interface PdfPreviewProps {
|
|
|
1217
1223
|
/** Lecture complète d'un PDF (toutes les pages, défilement vertical) — construit sur `react-pdf` (wrapper de `pdf.js`), shadcn n'a pas de composant de rendu de document. */
|
|
1218
1224
|
declare const PdfPreview: ({ file, width, maxHeight, className, }: PdfPreviewProps) => react.JSX.Element;
|
|
1219
1225
|
|
|
1226
|
+
interface VideoPlayerProps {
|
|
1227
|
+
src: string;
|
|
1228
|
+
/** Vignette (première image) affichée avant la lecture. Sans elle : tuile sombre. */
|
|
1229
|
+
poster?: string;
|
|
1230
|
+
/** Durée en secondes, affichée en `m:ss` sur la vignette. */
|
|
1231
|
+
duration?: number;
|
|
1232
|
+
/** Dimensions natives de la vidéo — servent uniquement au ratio de la vignette. */
|
|
1233
|
+
width?: number;
|
|
1234
|
+
height?: number;
|
|
1235
|
+
/** Titre du plein écran et nom proposé au téléchargement. */
|
|
1236
|
+
fileName?: string;
|
|
1237
|
+
/** URL de téléchargement (ex. URL Storage avec `?download=`). Défaut : `src`. */
|
|
1238
|
+
downloadUrl?: string;
|
|
1239
|
+
/** Remplace le téléchargement intégré. */
|
|
1240
|
+
onDownload?: () => void;
|
|
1241
|
+
/** Largeur max de la vignette dans le fil, en px. */
|
|
1242
|
+
maxWidth?: number;
|
|
1243
|
+
/** Hauteur max de la vignette dans le fil, en px (vidéos portrait). */
|
|
1244
|
+
maxHeight?: number;
|
|
1245
|
+
/** Contenu libre en haut à gauche de la vignette (ex. type de fichier). */
|
|
1246
|
+
label?: ReactNode;
|
|
1247
|
+
/** Contenu libre en bas à droite de la vignette (ex. heure d'envoi). */
|
|
1248
|
+
meta?: ReactNode;
|
|
1249
|
+
/** Volume appliqué à l'ouverture du lecteur (fil et plein écran), de 0 à 1. Défaut : 0,5. */
|
|
1250
|
+
defaultVolume?: number;
|
|
1251
|
+
className?: string;
|
|
1252
|
+
}
|
|
1253
|
+
/** `75` → `1:15`, `3725` → `1:02:05`. Chaîne vide si la durée est absente ou invalide. */
|
|
1254
|
+
declare const formatVideoDuration: (seconds?: number) => string;
|
|
1255
|
+
/**
|
|
1256
|
+
* Vidéo de conversation : vignette au format des photos (poster + bouton lecture + durée),
|
|
1257
|
+
* lecture/pause dans le fil au clic, agrandissement dans une `Modal`, téléchargement.
|
|
1258
|
+
* Jamais d'autoplay : la lecture ne démarre que sur une action de l'utilisateur.
|
|
1259
|
+
* Les clics ne remontent pas au conteneur (bulle de message cliquable).
|
|
1260
|
+
*/
|
|
1261
|
+
declare const VideoPlayer: ({ src, poster, duration, width, height, fileName, downloadUrl, onDownload, maxWidth, maxHeight, label, meta, defaultVolume, className, }: VideoPlayerProps) => react.JSX.Element;
|
|
1262
|
+
|
|
1220
1263
|
interface ScrollAreaProps extends Omit<ComponentPropsWithoutRef<typeof RadixScrollArea.Root>, 'children'> {
|
|
1221
1264
|
children?: ReactNode;
|
|
1222
1265
|
orientation?: 'vertical' | 'horizontal' | 'both';
|
|
@@ -1259,6 +1302,12 @@ interface MessageProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
1259
1302
|
status?: ReactNode;
|
|
1260
1303
|
/** Actions contextuelles posées à côté de la bulle (suppression…). */
|
|
1261
1304
|
actions?: ReactNode;
|
|
1305
|
+
/**
|
|
1306
|
+
* `true` : `actions` se pose dans le coin haut droit de la bulle (ou du contenu
|
|
1307
|
+
* sans bulle) et n'apparaît qu'au survol du message, au focus clavier, et tant
|
|
1308
|
+
* qu'un menu ouvert depuis l'action (`aria-expanded`) reste affiché.
|
|
1309
|
+
*/
|
|
1310
|
+
actionsOnHover?: boolean;
|
|
1262
1311
|
/** `false` : le contenu est rendu sans bulle ni padding (pièce jointe, image, message audio). */
|
|
1263
1312
|
bubble?: boolean;
|
|
1264
1313
|
/** Largeur maximale de la bulle. */
|
|
@@ -1567,4 +1616,4 @@ declare const allowAutofill: (autoComplete: string) => {
|
|
|
1567
1616
|
"data-form-type": undefined;
|
|
1568
1617
|
};
|
|
1569
1618
|
|
|
1570
|
-
export { 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 ButtonColor, 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, 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, Icon, IconBadge, type IconBadgeProps, type IconColor, type IconFamily, type IconProps, type IconSize, type IconTabItem, IconTabs, type IconTabsProps, IconTooltip, type IconTooltipProps, Image, type ImageProps, 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 MessageTone, 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 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, 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 TagOption, TagSelect, type TagSelectProps, Text, type TextProps, Textarea, type TextareaLook, type TextareaProps, Timeline, type TimelineItem, type TimelineProps, type ToastOptions, type ToastType, Toaster, Tooltip, type TooltipProps, 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, formatVin, generateHexColor, getAvatarColor, getCleanFileName, getFileIconByMimeType, getFileKind, getFileNameFromUrl, getInitials, getMimeCategory, getRelativeTime, isHoliday, isSameDay, isolateCity, noAutofillProps, optimizeImage, parseAmount, parseIsoDate, toast, truncateFileName, truncateText, useAvatarSize };
|
|
1619
|
+
export { 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 ButtonColor, 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, 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, Icon, IconBadge, type IconBadgeProps, type IconColor, type IconFamily, type IconProps, type IconSize, type IconTabItem, IconTabs, type IconTabsProps, IconTooltip, type IconTooltipProps, Image, type ImageProps, 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 MessageTone, 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 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, 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 TagOption, TagSelect, type TagSelectProps, Text, type TextProps, Textarea, type TextareaLook, type TextareaProps, Timeline, type TimelineItem, type TimelineProps, type ToastOptions, type ToastType, Toaster, Tooltip, type TooltipProps, 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, getFileIconByMimeType, getFileKind, getFileNameFromUrl, getInitials, getMimeCategory, getRelativeTime, isHoliday, isSameDay, isolateCity, noAutofillProps, optimizeImage, parseAmount, parseIsoDate, toast, truncateFileName, truncateText, useAvatarSize };
|