design-zystem 1.0.345 → 1.0.346

package/dist/ui/index.d.mts

@@ -9,6 +9,7 @@ import * as RadixDialog from '@radix-ui/react-dialog';
 import * as RadixAvatar from '@radix-ui/react-avatar';
 import * as RadixCollapsible from '@radix-ui/react-collapsible';
 import { Drawer as Drawer$1 } from 'vaul';
+import * as RadixTooltip from '@radix-ui/react-tooltip';
 import { DocumentProps } from 'react-pdf';
 import * as RadixScrollArea from '@radix-ui/react-scroll-area';
 
@@ -834,7 +835,7 @@ interface SidebarUserMenuProps {
 /** 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 {
+interface TooltipProps extends Omit<ComponentPropsWithoutRef<typeof RadixTooltip.Trigger>, 'content' | 'children'> {
     children: ReactNode;
     content: ReactNode;
     side?: 'top' | 'bottom' | 'left' | 'right';
@@ -843,8 +844,11 @@ interface TooltipProps {
     align?: 'start' | 'center' | 'end';
     className?: string;
 }
-/** Enveloppe son propre Provider — pour partager `delayDuration` entre plusieurs Tooltip, monter un seul `RadixTooltip.Provider` à la racine de l'app à la place. */
-declare const Tooltip: ({ children, content, side, align, className, }: TooltipProps) => react.JSX.Element;
+/**
+ * Enveloppe son propre Provider — pour partager `delayDuration` entre plusieurs Tooltip, monter un seul `RadixTooltip.Provider` à la racine de l'app à la place.
+ * La ref et les props reçues passent au déclencheur : un Tooltip peut ainsi servir lui-même de déclencheur à un `Popover`.
+ */
+declare const Tooltip: react.ForwardRefExoticComponent<TooltipProps & react.RefAttributes<HTMLButtonElement>>;
 
 /** Monter une seule fois à la racine de l'app, à côté du router — construit sur `sonner` (le moteur recommandé par shadcn), retint via `ToastCard`. */
 declare const Toaster: () => react.JSX.Element;
@@ -1170,7 +1174,7 @@ interface FilePickerProps {
 declare const FilePicker: ({ label, onSelect, accept, multiple, icon, iconFamily, iconSize, iconColor, disabled, className, }: FilePickerProps) => react.JSX.Element;
 
 declare const itemVariants: (props?: ({
-    variant?: "default" | "outline" | "muted" | null | undefined;
+    variant?: "default" | "muted" | "outline" | null | undefined;
     size?: "default" | "sm" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ItemProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof itemVariants> {
@@ -1259,6 +1263,12 @@ interface MessageProps extends HTMLAttributes<HTMLDivElement> {
     status?: ReactNode;
     /** Actions contextuelles posées à côté de la bulle (suppression…). */
     actions?: ReactNode;
+    /**
+     * `true` : `actions` se pose dans le coin haut droit de la bulle (ou du contenu
+     * sans bulle) et n'apparaît qu'au survol du message, au focus clavier, et tant
+     * qu'un menu ouvert depuis l'action (`aria-expanded`) reste affiché.
+     */
+    actionsOnHover?: boolean;
     /** `false` : le contenu est rendu sans bulle ni padding (pièce jointe, image, message audio). */
     bubble?: boolean;
     /** Largeur maximale de la bulle. */

package/dist/ui/index.d.ts

@@ -9,6 +9,7 @@ import * as RadixDialog from '@radix-ui/react-dialog';
 import * as RadixAvatar from '@radix-ui/react-avatar';
 import * as RadixCollapsible from '@radix-ui/react-collapsible';
 import { Drawer as Drawer$1 } from 'vaul';
+import * as RadixTooltip from '@radix-ui/react-tooltip';
 import { DocumentProps } from 'react-pdf';
 import * as RadixScrollArea from '@radix-ui/react-scroll-area';
 
@@ -834,7 +835,7 @@ interface SidebarUserMenuProps {
 /** 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 {
+interface TooltipProps extends Omit<ComponentPropsWithoutRef<typeof RadixTooltip.Trigger>, 'content' | 'children'> {
     children: ReactNode;
     content: ReactNode;
     side?: 'top' | 'bottom' | 'left' | 'right';
@@ -843,8 +844,11 @@ interface TooltipProps {
     align?: 'start' | 'center' | 'end';
     className?: string;
 }
-/** Enveloppe son propre Provider — pour partager `delayDuration` entre plusieurs Tooltip, monter un seul `RadixTooltip.Provider` à la racine de l'app à la place. */
-declare const Tooltip: ({ children, content, side, align, className, }: TooltipProps) => react.JSX.Element;
+/**
+ * Enveloppe son propre Provider — pour partager `delayDuration` entre plusieurs Tooltip, monter un seul `RadixTooltip.Provider` à la racine de l'app à la place.
+ * La ref et les props reçues passent au déclencheur : un Tooltip peut ainsi servir lui-même de déclencheur à un `Popover`.
+ */
+declare const Tooltip: react.ForwardRefExoticComponent<TooltipProps & react.RefAttributes<HTMLButtonElement>>;
 
 /** Monter une seule fois à la racine de l'app, à côté du router — construit sur `sonner` (le moteur recommandé par shadcn), retint via `ToastCard`. */
 declare const Toaster: () => react.JSX.Element;
@@ -1170,7 +1174,7 @@ interface FilePickerProps {
 declare const FilePicker: ({ label, onSelect, accept, multiple, icon, iconFamily, iconSize, iconColor, disabled, className, }: FilePickerProps) => react.JSX.Element;
 
 declare const itemVariants: (props?: ({
-    variant?: "default" | "outline" | "muted" | null | undefined;
+    variant?: "default" | "muted" | "outline" | null | undefined;
     size?: "default" | "sm" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 interface ItemProps extends HTMLAttributes<HTMLDivElement>, VariantProps<typeof itemVariants> {
@@ -1259,6 +1263,12 @@ interface MessageProps extends HTMLAttributes<HTMLDivElement> {
     status?: ReactNode;
     /** Actions contextuelles posées à côté de la bulle (suppression…). */
     actions?: ReactNode;
+    /**
+     * `true` : `actions` se pose dans le coin haut droit de la bulle (ou du contenu
+     * sans bulle) et n'apparaît qu'au survol du message, au focus clavier, et tant
+     * qu'un menu ouvert depuis l'action (`aria-expanded`) reste affiché.
+     */
+    actionsOnHover?: boolean;
     /** `false` : le contenu est rendu sans bulle ni padding (pièce jointe, image, message audio). */
     bubble?: boolean;
     /** Largeur maximale de la bulle. */