design-zystem 1.0.394 → 1.0.396

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;

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;

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: {
@@ -4968,6 +4974,7 @@ var ToastCard = ({
 }) => /* @__PURE__ */ (0, import_jsx_runtime64.jsxs)(
   Layout,
   {
+    role: "status",
     align: "start",
     gap: 3,
     className: cn(
@@ -6126,6 +6133,8 @@ var formatDate = (dateString, type = "date", language = "en") => {
     }
     case "longDate":
       return format2({ day: "numeric", month: "long", year: "numeric" });
+    case "monthYear":
+      return format2({ month: "long", year: "numeric" });
     default:
       return format2({ day: "2-digit", month: "2-digit", year: "numeric" });
   }

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: {
@@ -4791,6 +4797,7 @@ var ToastCard = ({
 }) => /* @__PURE__ */ jsxs31(
   Layout,
   {
+    role: "status",
     align: "start",
     gap: 3,
     className: cn(
@@ -5955,6 +5962,8 @@ var formatDate = (dateString, type = "date", language = "en") => {
     }
     case "longDate":
       return format2({ day: "numeric", month: "long", year: "numeric" });
+    case "monthYear":
+      return format2({ month: "long", year: "numeric" });
     default:
       return format2({ day: "2-digit", month: "2-digit", year: "numeric" });
   }

package/package.json

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