@marcoschwartz/lite-ui 0.24.13 → 0.24.14

package/dist/index.d.mts

@@ -288,8 +288,9 @@ interface TableProps<T = any> {
     hoverable?: boolean;
     className?: string;
     responsive?: boolean;
+    onRowClick?: (row: T, index: number) => void;
 }
-declare function Table<T extends Record<string, any>>({ columns, data, keyField, striped, hoverable, className, responsive, }: TableProps<T>): react_jsx_runtime.JSX.Element;
+declare function Table<T extends Record<string, any>>({ columns, data, keyField, striped, hoverable, className, responsive, onRowClick, }: TableProps<T>): react_jsx_runtime.JSX.Element;
 
 interface PaginationProps {
     currentPage: number;

package/dist/index.d.ts

@@ -288,8 +288,9 @@ interface TableProps<T = any> {
     hoverable?: boolean;
     className?: string;
     responsive?: boolean;
+    onRowClick?: (row: T, index: number) => void;
 }
-declare function Table<T extends Record<string, any>>({ columns, data, keyField, striped, hoverable, className, responsive, }: TableProps<T>): react_jsx_runtime.JSX.Element;
+declare function Table<T extends Record<string, any>>({ columns, data, keyField, striped, hoverable, className, responsive, onRowClick, }: TableProps<T>): react_jsx_runtime.JSX.Element;
 
 interface PaginationProps {
     currentPage: number;

package/dist/index.js

@@ -2343,7 +2343,8 @@ function Table({
   striped = false,
   hoverable = true,
   className = "",
-  responsive = true
+  responsive = true,
+  onRowClick
 }) {
   return /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className, children: [
     /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)("div", { className: `${responsive ? "hidden md:block" : ""} overflow-x-auto`, children: [
@@ -2363,12 +2364,14 @@ function Table({
         /* @__PURE__ */ (0, import_jsx_runtime91.jsx)("tbody", { className: "bg-[hsl(var(--card))] divide-y divide-[hsl(var(--border))]", children: data.map((row, rowIndex) => {
           const rowClasses = [
             striped && rowIndex % 2 === 1 ? "bg-[hsl(var(--muted))]/50" : "",
-            hoverable ? "hover:bg-[hsl(var(--muted))] transition-colors" : ""
+            hoverable ? "hover:bg-[hsl(var(--muted))] transition-colors" : "",
+            onRowClick ? "cursor-pointer" : ""
           ].filter(Boolean).join(" ");
           return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
             "tr",
             {
               className: rowClasses,
+              onClick: onRowClick ? () => onRowClick(row, rowIndex) : void 0,
               children: columns.map((column, colIndex) => {
                 const isLast = colIndex === columns.length - 1;
                 return /* @__PURE__ */ (0, import_jsx_runtime91.jsx)(
@@ -2392,6 +2395,7 @@ function Table({
         const cardClasses = [
           "bg-[hsl(var(--card))] border border-[hsl(var(--border))] rounded-[--radius] p-4 shadow-sm",
           hoverable ? "hover:shadow-md transition-shadow" : "",
+          onRowClick ? "cursor-pointer" : "",
           "relative isolate"
           // Ensure cards are isolated layers
         ].filter(Boolean).join(" ");
@@ -2399,6 +2403,7 @@ function Table({
           "div",
           {
             className: cardClasses,
+            onClick: onRowClick ? () => onRowClick(row, rowIndex) : void 0,
             children: columns.map((column) => /* @__PURE__ */ (0, import_jsx_runtime91.jsxs)(
               "div",
               {