design-zystem 1.0.341 → 1.0.342

package/dist/ui/index.d.mts

@@ -726,6 +726,114 @@ interface PopoverProps {
 }
 declare const Popover: ({ trigger, items, children, align, side, className, }: PopoverProps) => react.JSX.Element;
 
+interface SidebarProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
+    /** Rétracte le panneau en rail d'icônes (64px, assez large pour des boutons de 40px comme en déplié) — contrôlé par le consommateur, comme `Tabs value`. */
+    collapsed?: boolean;
+    children?: ReactNode;
+    className?: string;
+}
+/** Panneau de navigation latéral plein hauteur, thème sombre (structure shadcn/ui, couleur `blue-800` reprise de la sidebar DeliveryApp actuelle). Compose-le avec `SidebarHeader`/`SidebarContent`/`SidebarGroup`/`SidebarMenuButton`/`SidebarFooter`. `collapsed` propage aux enfants via contexte : ils basculent seuls en rail d'icônes, sans prop à répéter. */
+declare const Sidebar: react.ForwardRefExoticComponent<SidebarProps & react.RefAttributes<HTMLElement>>;
+
+interface SidebarTriggerProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color'> {
+    /** État courant du `Sidebar` — oriente le chevron (replié : pointe vers la droite). */
+    collapsed?: boolean;
+}
+/** Bouton pilule qui replie/déplie le `Sidebar` — à positionner par le consommateur à cheval sur son bord droit (`className="absolute -right-3 top-3"` sur un `Sidebar className="relative"`), comme le toggle actuel de DeliveryApp. Ne porte pas l'état : le consommateur bascule son `collapsed` au clic (`onClick`) et lui passe la valeur courante pour orienter le chevron. */
+declare const SidebarTrigger: react.ForwardRefExoticComponent<SidebarTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+
+type SidebarHeaderProps = HTMLAttributes<HTMLDivElement>;
+/** Zone haute fixe du `Sidebar` (logo, recherche, action rapide…) — libre, le consommateur compose son propre contenu. */
+declare const SidebarHeader: react.ForwardRefExoticComponent<SidebarHeaderProps & react.RefAttributes<HTMLDivElement>>;
+
+type SidebarContentProps = HTMLAttributes<HTMLDivElement>;
+/** Zone scrollable du `Sidebar`, entre `SidebarHeader` et `SidebarFooter` — accueille un ou plusieurs `SidebarGroup`. Défile sans afficher de scrollbar (le contenu reste navigable au clavier/molette/tactile, seul le rendu du rail est masqué). */
+declare const SidebarContent: react.ForwardRefExoticComponent<SidebarContentProps & react.RefAttributes<HTMLDivElement>>;
+
+interface SidebarGroupProps extends HTMLAttributes<HTMLDivElement> {
+    /** Titre de section (ex. "OPÉRATIONS"). Masqué automatiquement quand le `Sidebar` parent est `collapsed`. */
+    label?: ReactNode;
+    children?: ReactNode;
+}
+/** Section du `SidebarContent` : un libellé optionnel puis une pile de `SidebarMenuButton`. */
+declare const SidebarGroup: react.ForwardRefExoticComponent<SidebarGroupProps & react.RefAttributes<HTMLDivElement>>;
+
+interface SidebarMenuButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color'> {
+    /** Nom de l'icône FontAwesome, sans le préfixe `fa-`. */
+    icon: string;
+    iconFamily?: FaFamily;
+    label: string;
+    active?: boolean;
+    /** Compteur affiché en pastille (ex. messages non lus) — masqué si `0`/`undefined`. */
+    badge?: number;
+    /** Raccourci clavier affiché en bout de ligne (ex. `"⌘K"`) — pour un déclencheur comme la recherche globale. Masqué en replié. */
+    shortcut?: string;
+    /** Élément libre en bout de ligne (ex. un chevron de `CollapsibleTrigger`) — masqué en replié, comme `shortcut`/`badge`. */
+    trailing?: ReactNode;
+}
+/** Entrée de navigation d'un `SidebarGroup` (ou déclencheur d'action, ex. recherche globale). Replié (`Sidebar collapsed`) : ne garde que l'icône et bascule `label` en tooltip au survol. */
+declare const SidebarMenuButton: react.ForwardRefExoticComponent<SidebarMenuButtonProps & react.RefAttributes<HTMLButtonElement>>;
+
+type SidebarMenuSubProps = HTMLAttributes<HTMLUListElement>;
+/** Liste des sous-items d'un `SidebarMenuButton` extensible (ex. déplié via `Collapsible`) — indentée, reliée par un trait vertical, comme `SidebarMenuSub` du sidebar shadcn/ui. */
+declare const SidebarMenuSub: react.ForwardRefExoticComponent<SidebarMenuSubProps & react.RefAttributes<HTMLUListElement>>;
+
+type SidebarMenuSubItemProps = HTMLAttributes<HTMLLIElement>;
+/** `<li>` d'un `SidebarMenuSub` — enveloppe un `SidebarMenuSubButton`. */
+declare const SidebarMenuSubItem: react.ForwardRefExoticComponent<SidebarMenuSubItemProps & react.RefAttributes<HTMLLIElement>>;
+
+interface SidebarMenuSubButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    active?: boolean;
+    /** `default` (40px, même hauteur que les choix du popover navbar) ou `lg` (56px, pour une liste où chaque ligne doit rester bien cliquable, ex. une liste de clients). */
+    size?: 'default' | 'lg';
+}
+/** Item cliquable d'un `SidebarMenuSub` — même logique que `SidebarMenuButton`, sans icône. */
+declare const SidebarMenuSubButton: react.ForwardRefExoticComponent<SidebarMenuSubButtonProps & react.RefAttributes<HTMLButtonElement>>;
+
+type SidebarFooterProps = HTMLAttributes<HTMLDivElement>;
+/** Zone basse fixe du `Sidebar` (profil, déconnexion…) — voir `SidebarUserMenu` pour le bloc profil standard. */
+declare const SidebarFooter: react.ForwardRefExoticComponent<SidebarFooterProps & react.RefAttributes<HTMLDivElement>>;
+
+interface SidebarSupportInfoProps {
+    phone: string;
+    hours: string;
+    icon?: string;
+    iconFamily?: FaFamily;
+    className?: string;
+}
+/** Bloc "contactez-nous" au-dessus du `SidebarFooter` : icône ronde + numéro + horaires — calqué sur `SidebarSupportInfo` de ClientOffice. Replié : seule l'icône reste, numéro et horaires passent en tooltip. */
+declare const SidebarSupportInfo: ({ phone, hours, icon, iconFamily, className, }: SidebarSupportInfoProps) => react.JSX.Element;
+
+type SidebarMenuSearchInputProps = InputHTMLAttributes<HTMLInputElement>;
+/** Champ de recherche thème sombre pour un panneau de `SidebarUserMenu` (ex. flyout "rechercher un client…") — même composition que `SearchInput` (icône ancrée via `InputGroup`), recolorée pour un fond `bg-blue-*`. */
+declare const SidebarMenuSearchInput: react.ForwardRefExoticComponent<SidebarMenuSearchInputProps & react.RefAttributes<HTMLInputElement>>;
+
+interface SidebarUserMenuLeafAction {
+    /** Nom de l'icône FontAwesome, sans le préfixe `fa-`. */
+    icon: string;
+    iconFamily?: FaFamily;
+    label: string;
+    action: () => void;
+}
+interface SidebarUserMenuAction extends SidebarUserMenuLeafAction {
+    /** Transforme la ligne en déclencheur d'un panneau secondaire ouvert à droite (un seul niveau de profondeur) — `action` n'est alors pas appelée. Ignoré si `renderPanel` est fourni. */
+    subActions?: SidebarUserMenuLeafAction[];
+    /** Contenu libre du panneau secondaire (recherche + liste custom…) — prioritaire sur `subActions`. Reçoit `close`, à appeler une fois l'action terminée pour refermer tout le menu (comme `subActions` le fait automatiquement). */
+    renderPanel?: (close: () => void) => ReactNode;
+}
+interface SidebarUserMenuProps {
+    name: string;
+    email?: string;
+    /** Ligne libre sous `email` (ex. le nom d'un client impersoné) — sur sa propre ligne, tronquée indépendamment, pour les valeurs potentiellement longues. */
+    subtitle?: ReactNode;
+    avatarSrc?: string | null;
+    /** Groupes d'actions séparés par un trait (ex. `[[compte, facturation], [déconnexion]]`), comme le `NavUser` du sidebar shadcn/ui. */
+    actionGroups: SidebarUserMenuAction[][];
+    className?: string;
+}
+/** 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. */
+declare const SidebarUserMenu: ({ name, email, subtitle, avatarSrc, actionGroups, className, }: SidebarUserMenuProps) => react.JSX.Element;
+
 interface TooltipProps {
     children: ReactNode;
     content: ReactNode;
@@ -1459,4 +1567,4 @@ declare const allowAutofill: (autoComplete: string) => {
     "data-form-type": undefined;
 };
 
-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, 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 };
+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 };

package/dist/ui/index.d.ts

@@ -726,6 +726,114 @@ interface PopoverProps {
 }
 declare const Popover: ({ trigger, items, children, align, side, className, }: PopoverProps) => react.JSX.Element;
 
+interface SidebarProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
+    /** Rétracte le panneau en rail d'icônes (64px, assez large pour des boutons de 40px comme en déplié) — contrôlé par le consommateur, comme `Tabs value`. */
+    collapsed?: boolean;
+    children?: ReactNode;
+    className?: string;
+}
+/** Panneau de navigation latéral plein hauteur, thème sombre (structure shadcn/ui, couleur `blue-800` reprise de la sidebar DeliveryApp actuelle). Compose-le avec `SidebarHeader`/`SidebarContent`/`SidebarGroup`/`SidebarMenuButton`/`SidebarFooter`. `collapsed` propage aux enfants via contexte : ils basculent seuls en rail d'icônes, sans prop à répéter. */
+declare const Sidebar: react.ForwardRefExoticComponent<SidebarProps & react.RefAttributes<HTMLElement>>;
+
+interface SidebarTriggerProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color'> {
+    /** État courant du `Sidebar` — oriente le chevron (replié : pointe vers la droite). */
+    collapsed?: boolean;
+}
+/** Bouton pilule qui replie/déplie le `Sidebar` — à positionner par le consommateur à cheval sur son bord droit (`className="absolute -right-3 top-3"` sur un `Sidebar className="relative"`), comme le toggle actuel de DeliveryApp. Ne porte pas l'état : le consommateur bascule son `collapsed` au clic (`onClick`) et lui passe la valeur courante pour orienter le chevron. */
+declare const SidebarTrigger: react.ForwardRefExoticComponent<SidebarTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+
+type SidebarHeaderProps = HTMLAttributes<HTMLDivElement>;
+/** Zone haute fixe du `Sidebar` (logo, recherche, action rapide…) — libre, le consommateur compose son propre contenu. */
+declare const SidebarHeader: react.ForwardRefExoticComponent<SidebarHeaderProps & react.RefAttributes<HTMLDivElement>>;
+
+type SidebarContentProps = HTMLAttributes<HTMLDivElement>;
+/** Zone scrollable du `Sidebar`, entre `SidebarHeader` et `SidebarFooter` — accueille un ou plusieurs `SidebarGroup`. Défile sans afficher de scrollbar (le contenu reste navigable au clavier/molette/tactile, seul le rendu du rail est masqué). */
+declare const SidebarContent: react.ForwardRefExoticComponent<SidebarContentProps & react.RefAttributes<HTMLDivElement>>;
+
+interface SidebarGroupProps extends HTMLAttributes<HTMLDivElement> {
+    /** Titre de section (ex. "OPÉRATIONS"). Masqué automatiquement quand le `Sidebar` parent est `collapsed`. */
+    label?: ReactNode;
+    children?: ReactNode;
+}
+/** Section du `SidebarContent` : un libellé optionnel puis une pile de `SidebarMenuButton`. */
+declare const SidebarGroup: react.ForwardRefExoticComponent<SidebarGroupProps & react.RefAttributes<HTMLDivElement>>;
+
+interface SidebarMenuButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color'> {
+    /** Nom de l'icône FontAwesome, sans le préfixe `fa-`. */
+    icon: string;
+    iconFamily?: FaFamily;
+    label: string;
+    active?: boolean;
+    /** Compteur affiché en pastille (ex. messages non lus) — masqué si `0`/`undefined`. */
+    badge?: number;
+    /** Raccourci clavier affiché en bout de ligne (ex. `"⌘K"`) — pour un déclencheur comme la recherche globale. Masqué en replié. */
+    shortcut?: string;
+    /** Élément libre en bout de ligne (ex. un chevron de `CollapsibleTrigger`) — masqué en replié, comme `shortcut`/`badge`. */
+    trailing?: ReactNode;
+}
+/** Entrée de navigation d'un `SidebarGroup` (ou déclencheur d'action, ex. recherche globale). Replié (`Sidebar collapsed`) : ne garde que l'icône et bascule `label` en tooltip au survol. */
+declare const SidebarMenuButton: react.ForwardRefExoticComponent<SidebarMenuButtonProps & react.RefAttributes<HTMLButtonElement>>;
+
+type SidebarMenuSubProps = HTMLAttributes<HTMLUListElement>;
+/** Liste des sous-items d'un `SidebarMenuButton` extensible (ex. déplié via `Collapsible`) — indentée, reliée par un trait vertical, comme `SidebarMenuSub` du sidebar shadcn/ui. */
+declare const SidebarMenuSub: react.ForwardRefExoticComponent<SidebarMenuSubProps & react.RefAttributes<HTMLUListElement>>;
+
+type SidebarMenuSubItemProps = HTMLAttributes<HTMLLIElement>;
+/** `<li>` d'un `SidebarMenuSub` — enveloppe un `SidebarMenuSubButton`. */
+declare const SidebarMenuSubItem: react.ForwardRefExoticComponent<SidebarMenuSubItemProps & react.RefAttributes<HTMLLIElement>>;
+
+interface SidebarMenuSubButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    active?: boolean;
+    /** `default` (40px, même hauteur que les choix du popover navbar) ou `lg` (56px, pour une liste où chaque ligne doit rester bien cliquable, ex. une liste de clients). */
+    size?: 'default' | 'lg';
+}
+/** Item cliquable d'un `SidebarMenuSub` — même logique que `SidebarMenuButton`, sans icône. */
+declare const SidebarMenuSubButton: react.ForwardRefExoticComponent<SidebarMenuSubButtonProps & react.RefAttributes<HTMLButtonElement>>;
+
+type SidebarFooterProps = HTMLAttributes<HTMLDivElement>;
+/** Zone basse fixe du `Sidebar` (profil, déconnexion…) — voir `SidebarUserMenu` pour le bloc profil standard. */
+declare const SidebarFooter: react.ForwardRefExoticComponent<SidebarFooterProps & react.RefAttributes<HTMLDivElement>>;
+
+interface SidebarSupportInfoProps {
+    phone: string;
+    hours: string;
+    icon?: string;
+    iconFamily?: FaFamily;
+    className?: string;
+}
+/** Bloc "contactez-nous" au-dessus du `SidebarFooter` : icône ronde + numéro + horaires — calqué sur `SidebarSupportInfo` de ClientOffice. Replié : seule l'icône reste, numéro et horaires passent en tooltip. */
+declare const SidebarSupportInfo: ({ phone, hours, icon, iconFamily, className, }: SidebarSupportInfoProps) => react.JSX.Element;
+
+type SidebarMenuSearchInputProps = InputHTMLAttributes<HTMLInputElement>;
+/** Champ de recherche thème sombre pour un panneau de `SidebarUserMenu` (ex. flyout "rechercher un client…") — même composition que `SearchInput` (icône ancrée via `InputGroup`), recolorée pour un fond `bg-blue-*`. */
+declare const SidebarMenuSearchInput: react.ForwardRefExoticComponent<SidebarMenuSearchInputProps & react.RefAttributes<HTMLInputElement>>;
+
+interface SidebarUserMenuLeafAction {
+    /** Nom de l'icône FontAwesome, sans le préfixe `fa-`. */
+    icon: string;
+    iconFamily?: FaFamily;
+    label: string;
+    action: () => void;
+}
+interface SidebarUserMenuAction extends SidebarUserMenuLeafAction {
+    /** Transforme la ligne en déclencheur d'un panneau secondaire ouvert à droite (un seul niveau de profondeur) — `action` n'est alors pas appelée. Ignoré si `renderPanel` est fourni. */
+    subActions?: SidebarUserMenuLeafAction[];
+    /** Contenu libre du panneau secondaire (recherche + liste custom…) — prioritaire sur `subActions`. Reçoit `close`, à appeler une fois l'action terminée pour refermer tout le menu (comme `subActions` le fait automatiquement). */
+    renderPanel?: (close: () => void) => ReactNode;
+}
+interface SidebarUserMenuProps {
+    name: string;
+    email?: string;
+    /** Ligne libre sous `email` (ex. le nom d'un client impersoné) — sur sa propre ligne, tronquée indépendamment, pour les valeurs potentiellement longues. */
+    subtitle?: ReactNode;
+    avatarSrc?: string | null;
+    /** Groupes d'actions séparés par un trait (ex. `[[compte, facturation], [déconnexion]]`), comme le `NavUser` du sidebar shadcn/ui. */
+    actionGroups: SidebarUserMenuAction[][];
+    className?: string;
+}
+/** 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. */
+declare const SidebarUserMenu: ({ name, email, subtitle, avatarSrc, actionGroups, className, }: SidebarUserMenuProps) => react.JSX.Element;
+
 interface TooltipProps {
     children: ReactNode;
     content: ReactNode;
@@ -1459,4 +1567,4 @@ declare const allowAutofill: (autoComplete: string) => {
     "data-form-type": undefined;
 };
 
-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, 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 };
+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 };