@jinaan/uikit 0.1.44 → 0.1.45

package/dist/table-empty-state.d.ts

@@ -2,7 +2,7 @@ import type { ReactNode } from "react";
 interface TableEmptyStateProps {
     icon?: ReactNode;
     title: string;
-    description?: string;
+    description?: ReactNode;
     action?: ReactNode;
     className?: string;
 }

package/dist/table-empty-state.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"table-empty-state.d.ts","sourceRoot":"","sources":["../src/table-empty-state.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,UAAU,oBAAoB;IAC5B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,KAAK,EACL,WAAW,EACX,MAAM,EACN,SAAS,GACV,EAAE,oBAAoB,+BA4BtB"}
+{"version":3,"file":"table-empty-state.d.ts","sourceRoot":"","sources":["../src/table-empty-state.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIvC,UAAU,oBAAoB;IAC5B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EACJ,KAAK,EACL,WAAW,EACX,MAAM,EACN,SAAS,GACV,EAAE,oBAAoB,+BA4BtB"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jinaan/uikit",
-  "version": "0.1.44",
+  "version": "0.1.45",
   "description": "Reusable React and Tailwind UI components for Jinaan projects.",
   "license": "UNLICENSED",
   "type": "module",

package/src/data-table.tsx

@@ -160,6 +160,10 @@ interface DataTableProps<T> {
 
   /** Surface preset for the table card. */
   tone?: TableSurfaceTone;
+  /** Title shown in the card's top band, above the column header. */
+  title?: ReactNode;
+  /** Supporting text under the title band. */
+  description?: ReactNode;
   /** Optional action pinned to the top-right of the header band. */
   headerAction?: ReactNode | TableSurfaceAction;
   /** Header band color/style overrides. */
@@ -237,6 +241,8 @@ export function DataTable<T>({
   pageSizeOptions = [10, 25, 50, 100],
   pagination = "auto",
   tone,
+  title,
+  description,
   headerAction,
   headerClassName,
   panelClassName,
@@ -728,6 +734,8 @@ export function DataTable<T>({
         headerContentRef={bandContentRef}
         action={headerAction}
         tone={tone}
+        title={title}
+        description={description}
         headerClassName={headerClassName}
         panelClassName={panelClassName}
         header={
@@ -850,7 +858,7 @@ export function DataTable<T>({
               <TableEmptyState
                 icon={empty?.icon}
                 title={empty?.title ?? "No results"}
-                description={typeof empty?.description === "string" ? empty.description : undefined}
+                description={empty?.description}
                 action={empty?.action}
               />
             ) : (

package/src/table-empty-state.tsx

@@ -5,7 +5,7 @@ import { cn } from "./utils";
 interface TableEmptyStateProps {
   icon?: ReactNode;
   title: string;
-  description?: string;
+  description?: ReactNode;
   action?: ReactNode;
   className?: string;
 }