@deepnoid/ui 0.1.20 → 0.1.21

package/dist/components/select/select.mjs

@@ -1,14 +1,13 @@
 "use client";
 import {
   select_default
-} from "../../chunk-BXXAMH3R.mjs";
-import "../../chunk-S3QS5B7F.mjs";
-import "../../chunk-OF3X4BXG.mjs";
+} from "../../chunk-MW7CSRIE.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-HWL7TPUN.mjs";
+import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-3IU2RPSM.mjs";
+import "../../chunk-27Y6K5NK.mjs";
 import "../../chunk-4ZJFD3L3.mjs";
-import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   select_default as default

package/dist/components/table/index.js

@@ -599,7 +599,7 @@ var checkboxStyle = tv({
 
 // src/components/table/table-head.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
-var TableHead = ({ columns, slots, size, selectableRows, isCheckedAll, classNames, onCheckAll }) => {
+var TableHead = ({ columns, slots, size, rowCheckbox, isCheckedAll, classNames, onCheckAll }) => {
   const handleClickCheckAll = (e) => {
     e.preventDefault();
     onCheckAll(!isCheckedAll);
@@ -618,7 +618,7 @@ var TableHead = ({ columns, slots, size, selectableRows, isCheckedAll, className
     },
     `${column.field}${index}thead`
   ));
-  const renderSelectAllCheckbox = () => selectableRows && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("th", { className: slots.th({ class: classNames == null ? void 0 : classNames.th }), onClick: handleClickCheckAll, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(checkbox_default, { size, checked: isCheckedAll }) }) });
+  const renderSelectAllCheckbox = () => rowCheckbox && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("th", { className: slots.th({ class: classNames == null ? void 0 : classNames.th }), onClick: handleClickCheckAll, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(checkbox_default, { size, checked: isCheckedAll }) }) });
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("thead", { className: slots.thead({ class: classNames == null ? void 0 : classNames.thead }), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("tr", { className: slots.tr({ class: classNames == null ? void 0 : classNames.tr }), children: [
     renderColumnHeaders(),
     renderSelectAllCheckbox()
@@ -635,9 +635,10 @@ var TableBody = ({
   columns,
   rows,
   size,
-  selectableRows,
+  rowCheckbox,
   checkedRows,
   onCheckRow,
+  onRowClick,
   emptyContent,
   isLoading,
   classNames,
@@ -678,21 +679,30 @@ var TableBody = ({
     [classNames == null ? void 0 : classNames.td, generateColumnStyles, slots]
   );
   const hasRows = rows.length > 0;
-  const colSpan = (columns.length || 1) + (selectableRows ? 1 : 0);
+  const colSpan = (columns.length || 1) + (rowCheckbox ? 1 : 0);
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("tbody", { className: clsx(slots.tbody({ class: classNames == null ? void 0 : classNames.tbody }), className), children: [
     !isLoading && hasRows && rows.map((row, rowIndex) => {
       const isRowChecked = checkedRows.has(rowIndex);
-      return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("tr", { className: slots.tr({ class: classNames == null ? void 0 : classNames.tr }), "aria-checked": isRowChecked, children: [
-        columns.map((column) => /* @__PURE__ */ (0, import_react3.createElement)("td", { ...getCellProps(column, row), key: column.field })),
-        selectableRows && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("td", { className: slots.td({ class: classNames == null ? void 0 : classNames.td }), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          checkbox_default,
-          {
-            size,
-            checked: isRowChecked,
-            onChange: (e) => onCheckRow(rowIndex, e.target.checked)
-          }
-        ) }) })
-      ] }, rowIndex);
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+        "tr",
+        {
+          className: slots.tr({ class: classNames == null ? void 0 : classNames.tr }),
+          "aria-checked": isRowChecked,
+          onClick: () => onRowClick ? onRowClick(row) : void 0,
+          children: [
+            columns.map((column) => /* @__PURE__ */ (0, import_react3.createElement)("td", { ...getCellProps(column, row), key: column.field })),
+            rowCheckbox && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("td", { className: slots.td({ class: classNames == null ? void 0 : classNames.td }), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+              checkbox_default,
+              {
+                size,
+                checked: isRowChecked,
+                onChange: (e) => onCheckRow(rowIndex, e.target.checked)
+              }
+            ) }) })
+          ]
+        },
+        rowIndex
+      );
     }),
     !isLoading && !hasRows && emptyContent && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("tr", { className: clsx(slots.tr({ class: classNames == null ? void 0 : classNames.tr }), "border-none"), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("td", { colSpan, className: slots.empty({ class: classNames == null ? void 0 : classNames.empty }), children: emptyContent }) })
   ] });
@@ -4785,7 +4795,18 @@ var Input = (0, import_react5.forwardRef)((originalProps, ref) => {
               ),
               children: [
                 startContent && renderStartContent(),
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("input", { ...inputProps, ref: ref || inputRef, className: slots.input({ class: classNames == null ? void 0 : classNames.input }), size: 0 }),
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                  "input",
+                  {
+                    ...inputProps,
+                    ref: ref || inputRef,
+                    className: clsx(
+                      slots.input({ class: classNames == null ? void 0 : classNames.input }),
+                      inputProps.readOnly ? "!text-body-foreground placeholder:text-body-foreground" : ""
+                    ),
+                    size: 0
+                  }
+                ),
                 renderEndContent()
               ]
             }
@@ -4833,7 +4854,7 @@ var inputStyle = tv(
       ],
       helperText: ["text-neutral-main", "group-has-[:hover]/input:text-neutral-dark"],
       errorText: ["text-danger-main"],
-      readonly: ["pointer-events-none"]
+      readonly: ["pointer-events-none", "!text-body-foreground"]
     },
     variants: {
       variant: {
@@ -5327,7 +5348,8 @@ var Table = (0, import_react7.forwardRef)((originalProps, ref) => {
     rows,
     columns,
     size,
-    selectableRows,
+    rowCheckbox,
+    onRowClick,
     totalData,
     pagination,
     onPageChange,
@@ -5364,7 +5386,7 @@ var Table = (0, import_react7.forwardRef)((originalProps, ref) => {
         {
           columns,
           size,
-          selectableRows,
+          rowCheckbox,
           isCheckedAll: checkedRows.size === rows.length && rows.length > 0,
           onCheckAll: handleCheckAll,
           classNames,
@@ -5378,8 +5400,9 @@ var Table = (0, import_react7.forwardRef)((originalProps, ref) => {
           rows,
           columns,
           size,
-          selectableRows,
+          rowCheckbox,
           checkedRows,
+          onRowClick,
           onCheckRow: handleCheck,
           emptyContent,
           isLoading,

package/dist/components/table/index.mjs

@@ -5,24 +5,24 @@ import {
 } from "../../chunk-3BKCODIL.mjs";
 import {
   table_default
-} from "../../chunk-LNYMVBV5.mjs";
-import "../../chunk-63WXGSTV.mjs";
-import "../../chunk-3DPVPTHL.mjs";
+} from "../../chunk-7CFOD7G4.mjs";
+import "../../chunk-QHWFHOW2.mjs";
+import "../../chunk-MV7RSV4D.mjs";
 import "../../chunk-DQRAFUDA.mjs";
 import "../../chunk-M37VBNB3.mjs";
 import "../../chunk-7B7LRG5J.mjs";
-import "../../chunk-EGHTZLZJ.mjs";
+import "../../chunk-UTC2D6GV.mjs";
 import "../../chunk-F3HENRVM.mjs";
 import "../../chunk-2GCSFWHD.mjs";
-import "../../chunk-JOCMCOEK.mjs";
+import "../../chunk-2Y7IBUAZ.mjs";
 import "../../chunk-QZ3LVYJW.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-HWL7TPUN.mjs";
-import "../../chunk-D6QI3DJG.mjs";
+import "../../chunk-7H5XPHY6.mjs";
+import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-3IU2RPSM.mjs";
-import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-27Y6K5NK.mjs";
-import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   form_table_default as FormTable,

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

@@ -9,14 +9,15 @@ interface TableBodyProps {
     rows: TableRow[];
     columns: TableColumn[];
     size?: "sm" | "md" | "lg" | "xl";
-    selectableRows?: boolean;
+    rowCheckbox?: boolean;
     checkedRows: Set<number>;
     onCheckRow: (index: number, isChecked: boolean) => void;
+    onRowClick?: (row: TableRow) => void;
     emptyContent?: ReactNode;
     isLoading?: boolean;
     classNames?: SlotsToClasses<TableSlots>;
     className?: string;
 }
-declare const TableBody: ({ slots, columns, rows, size, selectableRows, checkedRows, onCheckRow, emptyContent, isLoading, classNames, className, }: TableBodyProps) => react_jsx_runtime.JSX.Element;
+declare const TableBody: ({ slots, columns, rows, size, rowCheckbox, checkedRows, onCheckRow, onRowClick, emptyContent, isLoading, classNames, className, }: TableBodyProps) => react_jsx_runtime.JSX.Element;
 
 export { TableBody as default };

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

@@ -9,14 +9,15 @@ interface TableBodyProps {
     rows: TableRow[];
     columns: TableColumn[];
     size?: "sm" | "md" | "lg" | "xl";
-    selectableRows?: boolean;
+    rowCheckbox?: boolean;
     checkedRows: Set<number>;
     onCheckRow: (index: number, isChecked: boolean) => void;
+    onRowClick?: (row: TableRow) => void;
     emptyContent?: ReactNode;
     isLoading?: boolean;
     classNames?: SlotsToClasses<TableSlots>;
     className?: string;
 }
-declare const TableBody: ({ slots, columns, rows, size, selectableRows, checkedRows, onCheckRow, emptyContent, isLoading, classNames, className, }: TableBodyProps) => react_jsx_runtime.JSX.Element;
+declare const TableBody: ({ slots, columns, rows, size, rowCheckbox, checkedRows, onCheckRow, onRowClick, emptyContent, isLoading, classNames, className, }: TableBodyProps) => react_jsx_runtime.JSX.Element;
 
 export { TableBody as default };

package/dist/components/table/table-body.js

@@ -601,9 +601,10 @@ var TableBody = ({
   columns,
   rows,
   size,
-  selectableRows,
+  rowCheckbox,
   checkedRows,
   onCheckRow,
+  onRowClick,
   emptyContent,
   isLoading,
   classNames,
@@ -644,21 +645,30 @@ var TableBody = ({
     [classNames == null ? void 0 : classNames.td, generateColumnStyles, slots]
   );
   const hasRows = rows.length > 0;
-  const colSpan = (columns.length || 1) + (selectableRows ? 1 : 0);
+  const colSpan = (columns.length || 1) + (rowCheckbox ? 1 : 0);
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("tbody", { className: clsx(slots.tbody({ class: classNames == null ? void 0 : classNames.tbody }), className), children: [
     !isLoading && hasRows && rows.map((row, rowIndex) => {
       const isRowChecked = checkedRows.has(rowIndex);
-      return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("tr", { className: slots.tr({ class: classNames == null ? void 0 : classNames.tr }), "aria-checked": isRowChecked, children: [
-        columns.map((column) => /* @__PURE__ */ (0, import_react3.createElement)("td", { ...getCellProps(column, row), key: column.field })),
-        selectableRows && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("td", { className: slots.td({ class: classNames == null ? void 0 : classNames.td }), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
-          checkbox_default,
-          {
-            size,
-            checked: isRowChecked,
-            onChange: (e) => onCheckRow(rowIndex, e.target.checked)
-          }
-        ) }) })
-      ] }, rowIndex);
+      return /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
+        "tr",
+        {
+          className: slots.tr({ class: classNames == null ? void 0 : classNames.tr }),
+          "aria-checked": isRowChecked,
+          onClick: () => onRowClick ? onRowClick(row) : void 0,
+          children: [
+            columns.map((column) => /* @__PURE__ */ (0, import_react3.createElement)("td", { ...getCellProps(column, row), key: column.field })),
+            rowCheckbox && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("td", { className: slots.td({ class: classNames == null ? void 0 : classNames.td }), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
+              checkbox_default,
+              {
+                size,
+                checked: isRowChecked,
+                onChange: (e) => onCheckRow(rowIndex, e.target.checked)
+              }
+            ) }) })
+          ]
+        },
+        rowIndex
+      );
     }),
     !isLoading && !hasRows && emptyContent && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("tr", { className: clsx(slots.tr({ class: classNames == null ? void 0 : classNames.tr }), "border-none"), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("td", { colSpan, className: slots.empty({ class: classNames == null ? void 0 : classNames.empty }), children: emptyContent }) })
   ] });

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

@@ -1,12 +1,12 @@
 "use client";
 import {
   table_body_default
-} from "../../chunk-63WXGSTV.mjs";
+} from "../../chunk-QHWFHOW2.mjs";
 import "../../chunk-QZ3LVYJW.mjs";
-import "../../chunk-D6QI3DJG.mjs";
-import "../../chunk-4ZJFD3L3.mjs";
-import "../../chunk-27Y6K5NK.mjs";
+import "../../chunk-7H5XPHY6.mjs";
 import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-27Y6K5NK.mjs";
+import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   table_body_default as default

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

@@ -8,11 +8,11 @@ type TableHeadProps = {
     slots: TableReturnType;
     columns: TableColumn[];
     size?: Size;
-    selectableRows?: boolean;
+    rowCheckbox?: boolean;
     isCheckedAll: boolean;
     classNames?: SlotsToClasses<TableSlots>;
     onCheckAll: (isChecked: boolean) => void;
 };
-declare const TableHead: ({ columns, slots, size, selectableRows, isCheckedAll, classNames, onCheckAll }: TableHeadProps) => react_jsx_runtime.JSX.Element;
+declare const TableHead: ({ columns, slots, size, rowCheckbox, isCheckedAll, classNames, onCheckAll }: TableHeadProps) => react_jsx_runtime.JSX.Element;
 
 export { TableHead as default };

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

@@ -8,11 +8,11 @@ type TableHeadProps = {
     slots: TableReturnType;
     columns: TableColumn[];
     size?: Size;
-    selectableRows?: boolean;
+    rowCheckbox?: boolean;
     isCheckedAll: boolean;
     classNames?: SlotsToClasses<TableSlots>;
     onCheckAll: (isChecked: boolean) => void;
 };
-declare const TableHead: ({ columns, slots, size, selectableRows, isCheckedAll, classNames, onCheckAll }: TableHeadProps) => react_jsx_runtime.JSX.Element;
+declare const TableHead: ({ columns, slots, size, rowCheckbox, isCheckedAll, classNames, onCheckAll }: TableHeadProps) => react_jsx_runtime.JSX.Element;
 
 export { TableHead as default };

package/dist/components/table/table-head.js

@@ -594,7 +594,7 @@ var checkboxStyle = tv({
 
 // src/components/table/table-head.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
-var TableHead = ({ columns, slots, size, selectableRows, isCheckedAll, classNames, onCheckAll }) => {
+var TableHead = ({ columns, slots, size, rowCheckbox, isCheckedAll, classNames, onCheckAll }) => {
   const handleClickCheckAll = (e) => {
     e.preventDefault();
     onCheckAll(!isCheckedAll);
@@ -613,7 +613,7 @@ var TableHead = ({ columns, slots, size, selectableRows, isCheckedAll, className
     },
     `${column.field}${index}thead`
   ));
-  const renderSelectAllCheckbox = () => selectableRows && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("th", { className: slots.th({ class: classNames == null ? void 0 : classNames.th }), onClick: handleClickCheckAll, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(checkbox_default, { size, checked: isCheckedAll }) }) });
+  const renderSelectAllCheckbox = () => rowCheckbox && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("th", { className: slots.th({ class: classNames == null ? void 0 : classNames.th }), onClick: handleClickCheckAll, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(checkbox_default, { size, checked: isCheckedAll }) }) });
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("thead", { className: slots.thead({ class: classNames == null ? void 0 : classNames.thead }), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("tr", { className: slots.tr({ class: classNames == null ? void 0 : classNames.tr }), children: [
     renderColumnHeaders(),
     renderSelectAllCheckbox()

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

@@ -1,12 +1,12 @@
 "use client";
 import {
   table_head_default
-} from "../../chunk-3DPVPTHL.mjs";
+} from "../../chunk-MV7RSV4D.mjs";
 import "../../chunk-QZ3LVYJW.mjs";
-import "../../chunk-D6QI3DJG.mjs";
-import "../../chunk-4ZJFD3L3.mjs";
-import "../../chunk-27Y6K5NK.mjs";
+import "../../chunk-7H5XPHY6.mjs";
 import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-27Y6K5NK.mjs";
+import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   table_head_default as default

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

@@ -7,7 +7,8 @@ import { SlotsToClasses } from '../../utils/types.mjs';
 interface TableBaseProps extends Omit<ComponentPropsWithRef<"table">, "ref" | "color" | "slot" | "size" | "height" | "defaultChecked" | "defaultValue"> {
     rows: TableRow[];
     columns: TableColumn[];
-    selectableRows?: boolean;
+    rowCheckbox?: boolean;
+    onRowClick?: (row: TableRow) => void;
     totalData?: number;
     pagination?: {
         page: number;

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

@@ -7,7 +7,8 @@ import { SlotsToClasses } from '../../utils/types.js';
 interface TableBaseProps extends Omit<ComponentPropsWithRef<"table">, "ref" | "color" | "slot" | "size" | "height" | "defaultChecked" | "defaultValue"> {
     rows: TableRow[];
     columns: TableColumn[];
-    selectableRows?: boolean;
+    rowCheckbox?: boolean;
+    onRowClick?: (row: TableRow) => void;
     totalData?: number;
     pagination?: {
         page: number;

package/dist/components/table/table.js

@@ -596,7 +596,7 @@ var checkboxStyle = tv({
 
 // src/components/table/table-head.tsx
 var import_jsx_runtime2 = require("react/jsx-runtime");
-var TableHead = ({ columns, slots, size, selectableRows, isCheckedAll, classNames, onCheckAll }) => {
+var TableHead = ({ columns, slots, size, rowCheckbox, isCheckedAll, classNames, onCheckAll }) => {
   const handleClickCheckAll = (e) => {
     e.preventDefault();
     onCheckAll(!isCheckedAll);
@@ -615,7 +615,7 @@ var TableHead = ({ columns, slots, size, selectableRows, isCheckedAll, className
     },
     `${column.field}${index}thead`
   ));
-  const renderSelectAllCheckbox = () => selectableRows && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("th", { className: slots.th({ class: classNames == null ? void 0 : classNames.th }), onClick: handleClickCheckAll, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(checkbox_default, { size, checked: isCheckedAll }) }) });
+  const renderSelectAllCheckbox = () => rowCheckbox && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("th", { className: slots.th({ class: classNames == null ? void 0 : classNames.th }), onClick: handleClickCheckAll, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(checkbox_default, { size, checked: isCheckedAll }) }) });
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("thead", { className: slots.thead({ class: classNames == null ? void 0 : classNames.thead }), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("tr", { className: slots.tr({ class: classNames == null ? void 0 : classNames.tr }), children: [
     renderColumnHeaders(),
     renderSelectAllCheckbox()
@@ -632,9 +632,10 @@ var TableBody = ({
   columns,
   rows,
   size,
-  selectableRows,
+  rowCheckbox,
   checkedRows,
   onCheckRow,
+  onRowClick,
   emptyContent,
   isLoading,
   classNames,
@@ -675,21 +676,30 @@ var TableBody = ({
     [classNames == null ? void 0 : classNames.td, generateColumnStyles, slots]
   );
   const hasRows = rows.length > 0;
-  const colSpan = (columns.length || 1) + (selectableRows ? 1 : 0);
+  const colSpan = (columns.length || 1) + (rowCheckbox ? 1 : 0);
   return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("tbody", { className: clsx(slots.tbody({ class: classNames == null ? void 0 : classNames.tbody }), className), children: [
     !isLoading && hasRows && rows.map((row, rowIndex) => {
       const isRowChecked = checkedRows.has(rowIndex);
-      return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)("tr", { className: slots.tr({ class: classNames == null ? void 0 : classNames.tr }), "aria-checked": isRowChecked, children: [
-        columns.map((column) => /* @__PURE__ */ (0, import_react3.createElement)("td", { ...getCellProps(column, row), key: column.field })),
-        selectableRows && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("td", { className: slots.td({ class: classNames == null ? void 0 : classNames.td }), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
-          checkbox_default,
-          {
-            size,
-            checked: isRowChecked,
-            onChange: (e) => onCheckRow(rowIndex, e.target.checked)
-          }
-        ) }) })
-      ] }, rowIndex);
+      return /* @__PURE__ */ (0, import_jsx_runtime3.jsxs)(
+        "tr",
+        {
+          className: slots.tr({ class: classNames == null ? void 0 : classNames.tr }),
+          "aria-checked": isRowChecked,
+          onClick: () => onRowClick ? onRowClick(row) : void 0,
+          children: [
+            columns.map((column) => /* @__PURE__ */ (0, import_react3.createElement)("td", { ...getCellProps(column, row), key: column.field })),
+            rowCheckbox && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("td", { className: slots.td({ class: classNames == null ? void 0 : classNames.td }), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(
+              checkbox_default,
+              {
+                size,
+                checked: isRowChecked,
+                onChange: (e) => onCheckRow(rowIndex, e.target.checked)
+              }
+            ) }) })
+          ]
+        },
+        rowIndex
+      );
     }),
     !isLoading && !hasRows && emptyContent && /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("tr", { className: clsx(slots.tr({ class: classNames == null ? void 0 : classNames.tr }), "border-none"), children: /* @__PURE__ */ (0, import_jsx_runtime3.jsx)("td", { colSpan, className: slots.empty({ class: classNames == null ? void 0 : classNames.empty }), children: emptyContent }) })
   ] });
@@ -4782,7 +4792,18 @@ var Input = (0, import_react5.forwardRef)((originalProps, ref) => {
               ),
               children: [
                 startContent && renderStartContent(),
-                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("input", { ...inputProps, ref: ref || inputRef, className: slots.input({ class: classNames == null ? void 0 : classNames.input }), size: 0 }),
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                  "input",
+                  {
+                    ...inputProps,
+                    ref: ref || inputRef,
+                    className: clsx(
+                      slots.input({ class: classNames == null ? void 0 : classNames.input }),
+                      inputProps.readOnly ? "!text-body-foreground placeholder:text-body-foreground" : ""
+                    ),
+                    size: 0
+                  }
+                ),
                 renderEndContent()
               ]
             }
@@ -4830,7 +4851,7 @@ var inputStyle = tv(
       ],
       helperText: ["text-neutral-main", "group-has-[:hover]/input:text-neutral-dark"],
       errorText: ["text-danger-main"],
-      readonly: ["pointer-events-none"]
+      readonly: ["pointer-events-none", "!text-body-foreground"]
     },
     variants: {
       variant: {
@@ -5324,7 +5345,8 @@ var Table = (0, import_react7.forwardRef)((originalProps, ref) => {
     rows,
     columns,
     size,
-    selectableRows,
+    rowCheckbox,
+    onRowClick,
     totalData,
     pagination,
     onPageChange,
@@ -5361,7 +5383,7 @@ var Table = (0, import_react7.forwardRef)((originalProps, ref) => {
         {
           columns,
           size,
-          selectableRows,
+          rowCheckbox,
           isCheckedAll: checkedRows.size === rows.length && rows.length > 0,
           onCheckAll: handleCheckAll,
           classNames,
@@ -5375,8 +5397,9 @@ var Table = (0, import_react7.forwardRef)((originalProps, ref) => {
           rows,
           columns,
           size,
-          selectableRows,
+          rowCheckbox,
           checkedRows,
+          onRowClick,
           onCheckRow: handleCheck,
           emptyContent,
           isLoading,

package/dist/components/table/table.mjs

@@ -1,24 +1,24 @@
 "use client";
 import {
   table_default
-} from "../../chunk-LNYMVBV5.mjs";
-import "../../chunk-63WXGSTV.mjs";
-import "../../chunk-3DPVPTHL.mjs";
+} from "../../chunk-7CFOD7G4.mjs";
+import "../../chunk-QHWFHOW2.mjs";
+import "../../chunk-MV7RSV4D.mjs";
 import "../../chunk-DQRAFUDA.mjs";
 import "../../chunk-M37VBNB3.mjs";
 import "../../chunk-7B7LRG5J.mjs";
-import "../../chunk-EGHTZLZJ.mjs";
+import "../../chunk-UTC2D6GV.mjs";
 import "../../chunk-F3HENRVM.mjs";
 import "../../chunk-2GCSFWHD.mjs";
-import "../../chunk-JOCMCOEK.mjs";
+import "../../chunk-2Y7IBUAZ.mjs";
 import "../../chunk-QZ3LVYJW.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-HWL7TPUN.mjs";
-import "../../chunk-D6QI3DJG.mjs";
+import "../../chunk-7H5XPHY6.mjs";
+import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-3IU2RPSM.mjs";
-import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-27Y6K5NK.mjs";
-import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   table_default as default

package/dist/components/tabs/index.mjs

@@ -2,9 +2,9 @@
 import "../../chunk-3MY6LO7N.mjs";
 import {
   tabs_default
-} from "../../chunk-2YMAKIZ6.mjs";
-import "../../chunk-4ZJFD3L3.mjs";
+} from "../../chunk-SSMMWMQC.mjs";
 import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   tabs_default as Tabs

package/dist/components/tabs/tabs.mjs

@@ -2,9 +2,9 @@
 import {
   tabs,
   tabs_default
-} from "../../chunk-2YMAKIZ6.mjs";
-import "../../chunk-4ZJFD3L3.mjs";
+} from "../../chunk-SSMMWMQC.mjs";
 import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   tabs_default as default,

package/dist/components/toast/index.mjs

@@ -3,17 +3,17 @@ import "../../chunk-LUWGOKLG.mjs";
 import {
   ToastProvider,
   useToast
-} from "../../chunk-YBDA3WQP.mjs";
+} from "../../chunk-7KUFDVGL.mjs";
 import "../../chunk-ZOTHPHXA.mjs";
 import {
   toast_default
-} from "../../chunk-OUAKGMDW.mjs";
+} from "../../chunk-2DLKV6TT.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-HWL7TPUN.mjs";
+import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-3IU2RPSM.mjs";
-import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-27Y6K5NK.mjs";
-import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   toast_default as Toast,

package/dist/components/toast/toast.mjs

@@ -1,13 +1,13 @@
 "use client";
 import {
   toast_default
-} from "../../chunk-OUAKGMDW.mjs";
+} from "../../chunk-2DLKV6TT.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-HWL7TPUN.mjs";
+import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-3IU2RPSM.mjs";
-import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-27Y6K5NK.mjs";
-import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   toast_default as default

package/dist/components/toast/use-toast.mjs

@@ -2,15 +2,15 @@
 import {
   ToastProvider,
   useToast
-} from "../../chunk-YBDA3WQP.mjs";
+} from "../../chunk-7KUFDVGL.mjs";
 import "../../chunk-ZOTHPHXA.mjs";
-import "../../chunk-OUAKGMDW.mjs";
+import "../../chunk-2DLKV6TT.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-HWL7TPUN.mjs";
+import "../../chunk-E3G5QXSH.mjs";
 import "../../chunk-3IU2RPSM.mjs";
-import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-27Y6K5NK.mjs";
-import "../../chunk-E3G5QXSH.mjs";
+import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {
   ToastProvider,