@deepnoid/ui 0.1.91 → 0.1.93

package/dist/components/fileUpload/fileUpload.mjs

@@ -3,10 +3,11 @@ import {
   FileUpload,
   fileUploadStyle,
   fileUpload_default
-} from "../../chunk-Q3JMHIW5.mjs";
+} from "../../chunk-APKDCFD4.mjs";
 import "../../chunk-2GCSFWHD.mjs";
-import "../../chunk-MVL7HJSH.mjs";
+import "../../chunk-I4NXNQWS.mjs";
 import "../../chunk-MY5U63QO.mjs";
+import "../../chunk-JF7JH3YN.mjs";
 import "../../chunk-ITWKPTSD.mjs";
 import "../../chunk-V5OCV42N.mjs";
 import "../../chunk-P6CRHHI3.mjs";
@@ -15,11 +16,10 @@ import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-6PNKRBUT.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-JP4TEWP7.mjs";
-import "../../chunk-JBSV7GCL.mjs";
-import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-RRONV7YA.mjs";
+import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-CDXBML6O.mjs";
-import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   FileUpload,

package/dist/components/fileUpload/index.mjs

@@ -2,10 +2,11 @@
 import "../../chunk-RLXOHILK.mjs";
 import {
   fileUpload_default
-} from "../../chunk-Q3JMHIW5.mjs";
+} from "../../chunk-APKDCFD4.mjs";
 import "../../chunk-2GCSFWHD.mjs";
-import "../../chunk-MVL7HJSH.mjs";
+import "../../chunk-I4NXNQWS.mjs";
 import "../../chunk-MY5U63QO.mjs";
+import "../../chunk-JF7JH3YN.mjs";
 import "../../chunk-ITWKPTSD.mjs";
 import "../../chunk-V5OCV42N.mjs";
 import "../../chunk-P6CRHHI3.mjs";
@@ -14,11 +15,10 @@ import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-6PNKRBUT.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-JP4TEWP7.mjs";
-import "../../chunk-JBSV7GCL.mjs";
-import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-RRONV7YA.mjs";
+import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-CDXBML6O.mjs";
-import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   fileUpload_default as FileUpload

package/dist/components/input/index.mjs

@@ -2,13 +2,13 @@
 import "../../chunk-2GCSFWHD.mjs";
 import {
   input_default
-} from "../../chunk-MVL7HJSH.mjs";
+} from "../../chunk-I4NXNQWS.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-JP4TEWP7.mjs";
-import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-RRONV7YA.mjs";
+import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-CDXBML6O.mjs";
-import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   input_default as Input

package/dist/components/input/input.mjs

@@ -2,13 +2,13 @@
 import {
   inputStyle,
   input_default
-} from "../../chunk-MVL7HJSH.mjs";
+} from "../../chunk-I4NXNQWS.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-JP4TEWP7.mjs";
-import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-RRONV7YA.mjs";
+import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-CDXBML6O.mjs";
-import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   input_default as default,

package/dist/components/list/index.mjs

@@ -2,15 +2,15 @@
 import "../../chunk-7MVEAQ7Z.mjs";
 import {
   listItem_default
-} from "../../chunk-I3ORSDFO.mjs";
+} from "../../chunk-O54WOM66.mjs";
 import {
   list_default
 } from "../../chunk-3IILPVRA.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-JP4TEWP7.mjs";
-import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-NTNIGQGI.mjs";
 import "../../chunk-RRONV7YA.mjs";
+import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-CDXBML6O.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {

package/dist/components/list/listItem.mjs

@@ -1,12 +1,12 @@
 "use client";
 import {
   listItem_default
-} from "../../chunk-I3ORSDFO.mjs";
+} from "../../chunk-O54WOM66.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-JP4TEWP7.mjs";
-import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-NTNIGQGI.mjs";
 import "../../chunk-RRONV7YA.mjs";
+import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-CDXBML6O.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {

package/dist/components/modal/index.mjs

@@ -2,9 +2,11 @@
 import "../../chunk-DJOG6Z35.mjs";
 import {
   modal_default
-} from "../../chunk-XGY54NSJ.mjs";
+} from "../../chunk-4HCQMYHI.mjs";
 import "../../chunk-SE5TU755.mjs";
+import "../../chunk-NUELPELQ.mjs";
 import "../../chunk-MY5U63QO.mjs";
+import "../../chunk-JF7JH3YN.mjs";
 import "../../chunk-ITWKPTSD.mjs";
 import "../../chunk-V5OCV42N.mjs";
 import "../../chunk-P6CRHHI3.mjs";
@@ -13,12 +15,10 @@ import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-6PNKRBUT.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-JP4TEWP7.mjs";
-import "../../chunk-JBSV7GCL.mjs";
-import "../../chunk-AF4I7ZQS.mjs";
-import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-RRONV7YA.mjs";
+import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-CDXBML6O.mjs";
-import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   modal_default as Modal

package/dist/components/modal/modal.mjs

@@ -1,9 +1,11 @@
 "use client";
 import {
   modal_default
-} from "../../chunk-XGY54NSJ.mjs";
+} from "../../chunk-4HCQMYHI.mjs";
 import "../../chunk-SE5TU755.mjs";
+import "../../chunk-NUELPELQ.mjs";
 import "../../chunk-MY5U63QO.mjs";
+import "../../chunk-JF7JH3YN.mjs";
 import "../../chunk-ITWKPTSD.mjs";
 import "../../chunk-V5OCV42N.mjs";
 import "../../chunk-P6CRHHI3.mjs";
@@ -12,12 +14,10 @@ import "../../chunk-LXHUO6VM.mjs";
 import "../../chunk-6PNKRBUT.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-JP4TEWP7.mjs";
-import "../../chunk-JBSV7GCL.mjs";
-import "../../chunk-AF4I7ZQS.mjs";
-import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-RRONV7YA.mjs";
+import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-CDXBML6O.mjs";
-import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   modal_default as default

package/dist/components/pagination/index.mjs

@@ -2,16 +2,16 @@
 import "../../chunk-7B7LRG5J.mjs";
 import {
   pagination_default
-} from "../../chunk-LMHSWLH2.mjs";
+} from "../../chunk-CTEQVIV4.mjs";
 import "../../chunk-F3HENRVM.mjs";
 import "../../chunk-2GCSFWHD.mjs";
-import "../../chunk-MVL7HJSH.mjs";
+import "../../chunk-I4NXNQWS.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-JP4TEWP7.mjs";
-import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-RRONV7YA.mjs";
+import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-CDXBML6O.mjs";
-import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   pagination_default as Pagination

package/dist/components/pagination/pagination.mjs

@@ -2,16 +2,16 @@
 import {
   paginationStyle,
   pagination_default
-} from "../../chunk-LMHSWLH2.mjs";
+} from "../../chunk-CTEQVIV4.mjs";
 import "../../chunk-F3HENRVM.mjs";
 import "../../chunk-2GCSFWHD.mjs";
-import "../../chunk-MVL7HJSH.mjs";
+import "../../chunk-I4NXNQWS.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-JP4TEWP7.mjs";
-import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-RRONV7YA.mjs";
+import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-CDXBML6O.mjs";
-import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   pagination_default as default,

package/dist/components/progress/index.mjs

@@ -2,10 +2,10 @@
 import "../../chunk-7VOQKIIK.mjs";
 import {
   progress_default
-} from "../../chunk-5FFTHFBX.mjs";
+} from "../../chunk-2KS64V6J.mjs";
+import "../../chunk-3V4HT2K5.mjs";
 import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-CDXBML6O.mjs";
-import "../../chunk-3V4HT2K5.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   progress_default as Progress

package/dist/components/progress/progress.mjs

@@ -1,10 +1,10 @@
 "use client";
 import {
   progress_default
-} from "../../chunk-5FFTHFBX.mjs";
+} from "../../chunk-2KS64V6J.mjs";
+import "../../chunk-3V4HT2K5.mjs";
 import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-CDXBML6O.mjs";
-import "../../chunk-3V4HT2K5.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   progress_default as default

package/dist/components/radio/index.mjs

@@ -2,10 +2,10 @@
 import "../../chunk-TPFN22HR.mjs";
 import {
   radio_default
-} from "../../chunk-GH4EPD35.mjs";
+} from "../../chunk-BJMVYWOZ.mjs";
+import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-CDXBML6O.mjs";
-import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   radio_default as Radio

package/dist/components/radio/radio.mjs

@@ -1,10 +1,10 @@
 "use client";
 import {
   radio_default
-} from "../../chunk-GH4EPD35.mjs";
+} from "../../chunk-BJMVYWOZ.mjs";
+import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-CDXBML6O.mjs";
-import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   radio_default as default

package/dist/components/select/index.mjs

@@ -2,13 +2,13 @@
 import "../../chunk-QCEKPS7U.mjs";
 import {
   select_default
-} from "../../chunk-MPZKOT6P.mjs";
+} from "../../chunk-CZKOYVZM.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-JP4TEWP7.mjs";
-import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-RRONV7YA.mjs";
+import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-CDXBML6O.mjs";
-import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   select_default as Select

package/dist/components/select/select.mjs

@@ -1,13 +1,13 @@
 "use client";
 import {
   select_default
-} from "../../chunk-MPZKOT6P.mjs";
+} from "../../chunk-CZKOYVZM.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-JP4TEWP7.mjs";
-import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-RRONV7YA.mjs";
+import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-CDXBML6O.mjs";
-import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   select_default as default

package/dist/components/table/definition-table.mjs

@@ -1,9 +1,9 @@
 "use client";
 import {
   definition_table_default
-} from "../../chunk-3M6VYLOU.mjs";
-import "../../chunk-CDXBML6O.mjs";
+} from "../../chunk-KY3W7MBV.mjs";
 import "../../chunk-27Y6K5NK.mjs";
+import "../../chunk-CDXBML6O.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   definition_table_default as default

package/dist/components/table/index.js

@@ -697,15 +697,11 @@ var TableHead = ({
   color,
   size,
   rowCheckbox = false,
-  isCheckedAll,
+  hasCheckedRows,
   isLoading = false,
   classNames,
   onCheckAll
 }) => {
-  const handleClickCheckAll = (e) => {
-    e.preventDefault();
-    onCheckAll(!isCheckedAll);
-  };
   const renderTh = (content, key, column, isCheckbox) => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
     "th",
     {
@@ -731,11 +727,11 @@ var TableHead = ({
   const renderContentRow = () => /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("thead", { className: slots.thead({ class: classNames == null ? void 0 : classNames.thead }), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("tr", { className: slots.tr({ class: classNames == null ? void 0 : classNames.tr }), children: [
     columns.map((column, idx) => renderTh(column.headerName, `${column.field}-${idx}`, column)),
     rowCheckbox && renderTh(
-      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "flex items-center justify-center", onClick: handleClickCheckAll, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+      /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { "data-checkbox": true, children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
         checkbox_default,
         {
           size,
-          checked: isCheckedAll,
+          checked: hasCheckedRows,
           onChange: (e) => onCheckAll(e.target.checked)
         }
       ) }),
@@ -759,6 +755,7 @@ var TableBody = ({
   rowCheckbox = false,
   checkedRows,
   onCheckRow,
+  onRowClick,
   isLoading = false,
   emptyContent,
   skeletonRow,
@@ -767,67 +764,54 @@ var TableBody = ({
 }) => {
   const renderTdSkeleton = (key, column) => {
     const isCheckbox = key.includes("checkbox");
-    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-      "td",
-      {
-        className: slots.td({ class: classNames == null ? void 0 : classNames.td }),
-        style: isCheckbox ? {
-          width: "40px",
-          minWidth: "40px",
-          maxWidth: "40px",
-          flexShrink: 0,
-          flexGrow: 0,
-          boxSizing: "border-box"
-        } : column ? getCellStyle(column) : void 0,
-        children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(skeleton_default, { color, className: "h-full w-full", rounded: "lg", speed: "fast" })
-      },
-      key
-    );
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { className: slots.td({ class: classNames == null ? void 0 : classNames.td }), style: column ? getCellStyle(column) : {}, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(skeleton_default, { color, className: "h-full w-full", rounded: "lg", speed: "fast" }) }, key);
   };
   const renderCheckboxCell = (rowId) => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
     "td",
     {
       className: clsx(slots.td({ class: classNames == null ? void 0 : classNames.td }), "text-center"),
-      style: {
-        width: "40px",
-        minWidth: "40px",
-        maxWidth: "40px",
-        flexShrink: 0,
-        flexGrow: 0,
-        boxSizing: "border-box"
-      },
-      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(checkbox_default, { size, checked: checkedRows.has(rowId), onChange: (e) => onCheckRow(rowId, e.target.checked) })
-    }
+      style: { width: "40px", minWidth: "40px", textAlign: "center" },
+      children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("div", { "data-checkbox": true, children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(checkbox_default, { size, checked: checkedRows.has(rowId), onChange: (e) => onCheckRow(rowId, e.target.checked) }) })
+    },
+    `checkbox-${rowId}`
   );
   const renderSkeletonRow = (rowIndex) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("tr", { className: slots.tr({ class: classNames == null ? void 0 : classNames.tr }), children: [
     columns.map((column, colIdx) => renderTdSkeleton(`skeleton-${rowIndex}-${colIdx}`, column)),
     rowCheckbox && renderTdSkeleton(`skeleton-checkbox-${rowIndex}`)
   ] }, `skeleton-${rowIndex}`);
   const renderEmptyRow = () => /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("tr", { className: slots.tr({ class: classNames == null ? void 0 : classNames.tr }), children: /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("td", { colSpan: columns.length + (rowCheckbox ? 1 : 0), className: slots.empty({ class: classNames == null ? void 0 : classNames.empty }), children: emptyContent }) });
-  const renderDataRow = (row, rowIndex) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)("tr", { className: slots.tr({ class: classNames == null ? void 0 : classNames.tr }), children: [
-    columns.map((column, colIdx) => {
-      var _a;
-      const value = row[column.field];
-      const formattedValue = ((_a = column.valueFormatter) == null ? void 0 : _a.call(column, { value, field: column.field })) || value;
-      const content = column.renderCell ? column.renderCell({ id: row.id, field: column.field, value, formattedValue, row }) : formattedValue;
-      return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
-        "td",
-        {
-          className: clsx(slots.td({ class: classNames == null ? void 0 : classNames.td }), column.className),
-          style: getCellStyle(column),
-          children: content
-        },
-        `${rowIndex}-${colIdx}`
-      );
-    }),
-    rowCheckbox && renderCheckboxCell(row.id)
-  ] }, rowIndex);
+  const renderDataRow = (row, rowIndex) => /* @__PURE__ */ (0, import_jsx_runtime4.jsxs)(
+    "tr",
+    {
+      className: slots.tr({ class: classNames == null ? void 0 : classNames.tr }),
+      onClick: typeof onRowClick === "function" ? (event) => onRowClick(row, rowIndex, event) : void 0,
+      children: [
+        columns.map((column, colIdx) => {
+          var _a;
+          const value = row[column.field];
+          const formattedValue = ((_a = column.valueFormatter) == null ? void 0 : _a.call(column, { value, field: column.field })) || value;
+          const content = column.renderCell ? column.renderCell({ id: row.id, field: column.field, value, formattedValue, row }) : formattedValue;
+          return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+            "td",
+            {
+              className: clsx(slots.td(), classNames == null ? void 0 : classNames.td, column.className),
+              style: getCellStyle(column),
+              children: content
+            },
+            `${row.id}-${column.field}-${colIdx}`
+          );
+        }),
+        rowCheckbox && renderCheckboxCell(row.id)
+      ]
+    },
+    row.id
+  );
   const renderRows = () => {
     if (isLoading) return skeletonRow ? Array.from({ length: skeletonRow }, (_, idx) => renderSkeletonRow(idx)) : /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(import_jsx_runtime4.Fragment, {});
     if (!rows.length && emptyContent) return renderEmptyRow();
     return rows.map((row, index) => renderDataRow(row, index));
   };
-  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("tbody", { className: `${slots.tbody({ class: classNames == null ? void 0 : classNames.tbody })} ${className || ""}`, children: renderRows() });
+  return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)("tbody", { className: clsx(slots.tbody({ class: classNames == null ? void 0 : classNames.tbody }), className), children: renderRows() });
 };
 var table_body_default = TableBody;
 
@@ -6170,10 +6154,12 @@ var Table = (0, import_react5.forwardRef)((originalProps, ref) => {
     emptyContent,
     isLoading = false,
     classNames,
+    variant,
     color,
     size,
     skeletonRow,
-    onCheckedRowsChange
+    onCheckedRowsChange,
+    onRowClick
   } = { ...props, ...variantProps };
   const { page = 1, perPage = 15 } = pagination || {};
   const showPagination = pagination && totalData > 0 && !isLoading;
@@ -6217,8 +6203,18 @@ var Table = (0, import_react5.forwardRef)((originalProps, ref) => {
       return updated;
     });
   };
+  const handleRowClick = (row, index, event) => {
+    const target = event.target;
+    if (target.closest('input[type="checkbox"]') || target.closest("[data-checkbox]")) {
+      return;
+    }
+    onRowClick == null ? void 0 : onRowClick(row, index, event);
+  };
   const getCheckedRowData = (checked) => rows.filter((row) => checked.has(row.id));
-  const slots = (0, import_react5.useMemo)(() => tableStyle(variantProps), [variantProps]);
+  const slots = (0, import_react5.useMemo)(
+    () => tableStyle({ ...variantProps, rowClickable: typeof onRowClick === "function" }),
+    [variantProps, onRowClick]
+  );
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("div", { "data-table": "base", className: slots.base({ class: classNames == null ? void 0 : classNames.base }), children: [
     /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(scrollArea_default, { direction: "x", size: size === "xl" ? "lg" : size, children: /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(
       "table",
@@ -6237,7 +6233,7 @@ var Table = (0, import_react5.forwardRef)((originalProps, ref) => {
               size,
               color,
               rowCheckbox,
-              isCheckedAll: checkedRows.size === rows.length && rows.length > 0,
+              hasCheckedRows: checkedRows.size > 0,
               onCheckAll: handleAllRowCheck,
               isLoading,
               classNames,
@@ -6255,8 +6251,9 @@ var Table = (0, import_react5.forwardRef)((originalProps, ref) => {
               rowCheckbox,
               checkedRows,
               onCheckRow: handleRowCheck,
-              emptyContent,
+              onRowClick: handleRowClick,
               isLoading,
+              emptyContent,
               skeletonRow,
               className: clsx(
                 "transition-all duration-150 ease-out",
@@ -6271,6 +6268,7 @@ var Table = (0, import_react5.forwardRef)((originalProps, ref) => {
     showPagination && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("div", { className: "flex justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
       pagination_default,
       {
+        variant: variant === "outline" ? "solid" : variant,
         color,
         currentPage: page,
         totalPage: Math.ceil(totalData / perPage),
@@ -6365,6 +6363,11 @@ var tableStyle = (0, import_tailwind_variants7.tv)({
     height: {
       narrow: {},
       wide: {}
+    },
+    rowClickable: {
+      true: {
+        tr: ["cursor-pointer"]
+      }
     }
   },
   compoundVariants: [

package/dist/components/table/index.mjs

@@ -2,27 +2,27 @@
 import "../../chunk-DX3KXNP6.mjs";
 import {
   table_default
-} from "../../chunk-XVV6JM5I.mjs";
+} from "../../chunk-LYAPVC26.mjs";
 import "../../chunk-MZ76AA76.mjs";
 import "../../chunk-6PN3DGOE.mjs";
 import {
   definition_table_default
-} from "../../chunk-3M6VYLOU.mjs";
+} from "../../chunk-KY3W7MBV.mjs";
 import "../../chunk-DQRAFUDA.mjs";
 import "../../chunk-M37VBNB3.mjs";
 import "../../chunk-7B7LRG5J.mjs";
-import "../../chunk-LMHSWLH2.mjs";
+import "../../chunk-CTEQVIV4.mjs";
 import "../../chunk-F3HENRVM.mjs";
 import "../../chunk-2GCSFWHD.mjs";
-import "../../chunk-MVL7HJSH.mjs";
+import "../../chunk-I4NXNQWS.mjs";
 import "../../chunk-QZ3LVYJW.mjs";
-import "../../chunk-XZ5DXOJQ.mjs";
+import "../../chunk-36SVU53P.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-JP4TEWP7.mjs";
-import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-RRONV7YA.mjs";
+import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-CDXBML6O.mjs";
-import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   definition_table_default as DefinitionTable,

package/dist/components/table/table-body.d.mts

@@ -13,12 +13,13 @@ interface TableBodyProps {
     rowCheckbox?: boolean;
     checkedRows: Set<number>;
     onCheckRow: (index: number, isChecked: boolean) => void;
+    onRowClick?: (row: TableRow, index: number, event: React.MouseEvent<HTMLTableRowElement>) => void;
     isLoading?: boolean;
     emptyContent?: ReactNode;
     skeletonRow?: number;
     classNames?: SlotsToClasses<TableSlots>;
     className?: string;
 }
-declare const TableBody: ({ slots, rows, columns, size, color, rowCheckbox, checkedRows, onCheckRow, isLoading, emptyContent, skeletonRow, classNames, className, }: TableBodyProps) => react_jsx_runtime.JSX.Element;
+declare const TableBody: ({ slots, rows, columns, size, color, rowCheckbox, checkedRows, onCheckRow, onRowClick, isLoading, emptyContent, skeletonRow, classNames, className, }: TableBodyProps) => react_jsx_runtime.JSX.Element;
 
 export { TableBody as default };

package/dist/components/table/table-body.d.ts

@@ -13,12 +13,13 @@ interface TableBodyProps {
     rowCheckbox?: boolean;
     checkedRows: Set<number>;
     onCheckRow: (index: number, isChecked: boolean) => void;
+    onRowClick?: (row: TableRow, index: number, event: React.MouseEvent<HTMLTableRowElement>) => void;
     isLoading?: boolean;
     emptyContent?: ReactNode;
     skeletonRow?: number;
     classNames?: SlotsToClasses<TableSlots>;
     className?: string;
 }
-declare const TableBody: ({ slots, rows, columns, size, color, rowCheckbox, checkedRows, onCheckRow, isLoading, emptyContent, skeletonRow, classNames, className, }: TableBodyProps) => react_jsx_runtime.JSX.Element;
+declare const TableBody: ({ slots, rows, columns, size, color, rowCheckbox, checkedRows, onCheckRow, onRowClick, isLoading, emptyContent, skeletonRow, classNames, className, }: TableBodyProps) => react_jsx_runtime.JSX.Element;
 
 export { TableBody as default };