design-zystem 1.0.395 → 1.0.397

package/dist/ui/index.d.mts

@@ -648,8 +648,9 @@ interface TagLevelPickerProps {
 declare const TagLevelPicker: ({ tags, options, levelCount, levelLabel, onAdd, onRemove, onLevelChange, placeholder, maxSuggestions, disabled, className, }: TagLevelPickerProps) => react.JSX.Element;
 
 interface TableEmptyState {
-    icon: ReactNode;
+    icon?: ReactNode;
     label: string;
+    description?: string;
     buttonLabel?: string;
     action?: () => void;
 }
@@ -738,6 +739,9 @@ declare const SURFACE_CLASS: {
     readonly white: "bg-white";
     readonly 'grey-100': "bg-grey-100";
 };
+declare const CURSOR_CLASS: {
+    readonly pointer: "cursor-pointer";
+};
 interface TableCellProps {
     children?: ReactNode;
     width?: string;
@@ -754,11 +758,13 @@ interface TableCellProps {
     accentColor?: HexColor;
     /** Séparateur vertical entre colonnes. */
     borderLeft?: boolean;
+    /** Curseur sur toute la cellule — quand un enfant de la cellule porte sa propre action de clic. */
+    cursor?: keyof typeof CURSOR_CLASS;
     className?: string;
     /** Fusionne la cellule sur ce nombre de colonnes — ignore `width` pour laisser le navigateur répartir l'espace fusionné. */
     colSpan?: number;
 }
-declare const TableCell: ({ children, width, centerContent, sticky, stickyOffset, surface, backgroundColor, accentColor, borderLeft, colSpan, className, }: TableCellProps) => react.JSX.Element;
+declare const TableCell: ({ children, width, centerContent, sticky, stickyOffset, surface, backgroundColor, accentColor, borderLeft, colSpan, cursor, className, }: TableCellProps) => react.JSX.Element;
 
 interface TableFooterProps {
     children?: ReactNode;
@@ -805,7 +811,10 @@ interface AvatarFallbackProps extends ComponentPropsWithoutRef<typeof RadixAvata
     color?: ColorToken;
 }
 declare const AvatarFallback: react.ForwardRefExoticComponent<AvatarFallbackProps & react.RefAttributes<HTMLSpanElement>>;
-type AvatarBadgeProps = HTMLAttributes<HTMLDivElement>;
+interface AvatarBadgeProps extends HTMLAttributes<HTMLDivElement> {
+    /** Diamètre en px. Par défaut 35 % de l'Avatar parent — à augmenter quand le badge porte une icône qui doit rester lisible sur un petit avatar. */
+    size?: number;
+}
 /** Positionné dans le coin bas-droit de l'Avatar parent (via context de taille) — un point de statut nu (`<AvatarBadge className="bg-green-700" />`) ou une icône en enfant. */
 declare const AvatarBadge: react.ForwardRefExoticComponent<AvatarBadgeProps & react.RefAttributes<HTMLDivElement>>;
 interface AvatarGroupProps extends HTMLAttributes<HTMLDivElement> {

package/dist/ui/index.d.ts

@@ -648,8 +648,9 @@ interface TagLevelPickerProps {
 declare const TagLevelPicker: ({ tags, options, levelCount, levelLabel, onAdd, onRemove, onLevelChange, placeholder, maxSuggestions, disabled, className, }: TagLevelPickerProps) => react.JSX.Element;
 
 interface TableEmptyState {
-    icon: ReactNode;
+    icon?: ReactNode;
     label: string;
+    description?: string;
     buttonLabel?: string;
     action?: () => void;
 }
@@ -738,6 +739,9 @@ declare const SURFACE_CLASS: {
     readonly white: "bg-white";
     readonly 'grey-100': "bg-grey-100";
 };
+declare const CURSOR_CLASS: {
+    readonly pointer: "cursor-pointer";
+};
 interface TableCellProps {
     children?: ReactNode;
     width?: string;
@@ -754,11 +758,13 @@ interface TableCellProps {
     accentColor?: HexColor;
     /** Séparateur vertical entre colonnes. */
     borderLeft?: boolean;
+    /** Curseur sur toute la cellule — quand un enfant de la cellule porte sa propre action de clic. */
+    cursor?: keyof typeof CURSOR_CLASS;
     className?: string;
     /** Fusionne la cellule sur ce nombre de colonnes — ignore `width` pour laisser le navigateur répartir l'espace fusionné. */
     colSpan?: number;
 }
-declare const TableCell: ({ children, width, centerContent, sticky, stickyOffset, surface, backgroundColor, accentColor, borderLeft, colSpan, className, }: TableCellProps) => react.JSX.Element;
+declare const TableCell: ({ children, width, centerContent, sticky, stickyOffset, surface, backgroundColor, accentColor, borderLeft, colSpan, cursor, className, }: TableCellProps) => react.JSX.Element;
 
 interface TableFooterProps {
     children?: ReactNode;
@@ -805,7 +811,10 @@ interface AvatarFallbackProps extends ComponentPropsWithoutRef<typeof RadixAvata
     color?: ColorToken;
 }
 declare const AvatarFallback: react.ForwardRefExoticComponent<AvatarFallbackProps & react.RefAttributes<HTMLSpanElement>>;
-type AvatarBadgeProps = HTMLAttributes<HTMLDivElement>;
+interface AvatarBadgeProps extends HTMLAttributes<HTMLDivElement> {
+    /** Diamètre en px. Par défaut 35 % de l'Avatar parent — à augmenter quand le badge porte une icône qui doit rester lisible sur un petit avatar. */
+    size?: number;
+}
 /** Positionné dans le coin bas-droit de l'Avatar parent (via context de taille) — un point de statut nu (`<AvatarBadge className="bg-green-700" />`) ou une icône en enfant. */
 declare const AvatarBadge: react.ForwardRefExoticComponent<AvatarBadgeProps & react.RefAttributes<HTMLDivElement>>;
 interface AvatarGroupProps extends HTMLAttributes<HTMLDivElement> {

package/dist/ui/index.js

@@ -3354,6 +3354,7 @@ var Table = ({
           {
             icon: emptyState.icon,
             title: emptyState.label,
+            description: emptyState.description,
             actionLabel: emptyState.buttonLabel,
             onAction: emptyState.action
           }
@@ -3480,6 +3481,9 @@ var SURFACE_CLASS2 = {
   white: "bg-white",
   "grey-100": "bg-grey-100"
 };
+var CURSOR_CLASS = {
+  pointer: "cursor-pointer"
+};
 var TableCell = ({
   children,
   width,
@@ -3491,6 +3495,7 @@ var TableCell = ({
   accentColor,
   borderLeft = false,
   colSpan,
+  cursor,
   className
 }) => /* @__PURE__ */ (0, import_jsx_runtime40.jsx)(
   "td",
@@ -3506,6 +3511,7 @@ var TableCell = ({
       sticky && !backgroundColor && cn("z-[2]", SURFACE_CLASS2[surface]),
       sticky && backgroundColor && "z-[2]",
       accentColor && "border-l-4",
+      cursor && CURSOR_CLASS[cursor],
       className
     ),
     style: {
@@ -3814,9 +3820,9 @@ var AvatarFallback = (0, import_react26.forwardRef)((_a, ref) => {
 AvatarFallback.displayName = "AvatarFallback";
 var AvatarBadge = (0, import_react26.forwardRef)(
   (_a, ref) => {
-    var _b = _a, { className, style } = _b, props = __objRest(_b, ["className", "style"]);
-    const size = useAvatarSize();
-    const badgeSize = Math.round(size * 0.35);
+    var _b = _a, { size, className, style } = _b, props = __objRest(_b, ["size", "className", "style"]);
+    const avatarSize = useAvatarSize();
+    const badgeSize = size != null ? size : Math.round(avatarSize * 0.35);
     return /* @__PURE__ */ (0, import_jsx_runtime44.jsx)(
       "div",
       __spreadValues({

package/dist/ui/index.mjs

@@ -3170,6 +3170,7 @@ var Table = ({
           {
             icon: emptyState.icon,
             title: emptyState.label,
+            description: emptyState.description,
             actionLabel: emptyState.buttonLabel,
             onAction: emptyState.action
           }
@@ -3296,6 +3297,9 @@ var SURFACE_CLASS2 = {
   white: "bg-white",
   "grey-100": "bg-grey-100"
 };
+var CURSOR_CLASS = {
+  pointer: "cursor-pointer"
+};
 var TableCell = ({
   children,
   width,
@@ -3307,6 +3311,7 @@ var TableCell = ({
   accentColor,
   borderLeft = false,
   colSpan,
+  cursor,
   className
 }) => /* @__PURE__ */ jsx40(
   "td",
@@ -3322,6 +3327,7 @@ var TableCell = ({
       sticky && !backgroundColor && cn("z-[2]", SURFACE_CLASS2[surface]),
       sticky && backgroundColor && "z-[2]",
       accentColor && "border-l-4",
+      cursor && CURSOR_CLASS[cursor],
       className
     ),
     style: {
@@ -3637,9 +3643,9 @@ var AvatarFallback = forwardRef17((_a, ref) => {
 AvatarFallback.displayName = "AvatarFallback";
 var AvatarBadge = forwardRef17(
   (_a, ref) => {
-    var _b = _a, { className, style } = _b, props = __objRest(_b, ["className", "style"]);
-    const size = useAvatarSize();
-    const badgeSize = Math.round(size * 0.35);
+    var _b = _a, { size, className, style } = _b, props = __objRest(_b, ["size", "className", "style"]);
+    const avatarSize = useAvatarSize();
+    const badgeSize = size != null ? size : Math.round(avatarSize * 0.35);
     return /* @__PURE__ */ jsx44(
       "div",
       __spreadValues({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "design-zystem",
-  "version": "1.0.395",
+  "version": "1.0.397",
   "description": "A React design system of importable components",
   "main": "dist/index.js",
   "module": "dist/index.mjs",