@deepnoid/ui 0.1.20 → 0.1.22

package/dist/components/select/select.mjs

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

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

@@ -327,10 +327,10 @@ var tv = (0, import_tailwind_variants.createTV)({
 // src/components/table/form-table.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
 var DEFAULT_COLUMN_CLASSES = [
-  "w-[120px] h-[50px] px-[10px] font-bold text-md text-body-foreground border-r border-neutral-light",
-  "px-[10px]"
+  "w-[120px] px-[10px] py-[9.5px] font-bold text-md text-body-foreground border-r border-neutral-light",
+  "px-[10px] py-[9.5px]"
 ];
-var FormTableRow = ({ columns, columnClasses = [] }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tr", { className: "border-neutral-light border-b", children: columns.map((col, index) => {
+var FormTableRow = ({ columns, columnClasses = [] }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("tr", { className: "border-neutral-light min-h-[50px] border-b", children: columns.map((col, index) => {
   var _a;
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("td", { className: (_a = columnClasses[index]) != null ? _a : DEFAULT_COLUMN_CLASSES[index], children: col }, index);
 }) });

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

@@ -1,7 +1,7 @@
 "use client";
 import {
   form_table_default
-} from "../../chunk-3BKCODIL.mjs";
+} from "../../chunk-ICZTNO4V.mjs";
 import "../../chunk-4ZJFD3L3.mjs";
 import "../../chunk-AC6TWLRT.mjs";
 export {

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,
@@ -5625,10 +5648,10 @@ var tableStyle = (0, import_tailwind_variants6.tv)({
 var import_react8 = require("react");
 var import_jsx_runtime10 = require("react/jsx-runtime");
 var DEFAULT_COLUMN_CLASSES = [
-  "w-[120px] h-[50px] px-[10px] font-bold text-md text-body-foreground border-r border-neutral-light",
-  "px-[10px]"
+  "w-[120px] px-[10px] py-[9.5px] font-bold text-md text-body-foreground border-r border-neutral-light",
+  "px-[10px] py-[9.5px]"
 ];
-var FormTableRow = ({ columns, columnClasses = [] }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("tr", { className: "border-neutral-light border-b", children: columns.map((col, index) => {
+var FormTableRow = ({ columns, columnClasses = [] }) => /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("tr", { className: "border-neutral-light min-h-[50px] border-b", children: columns.map((col, index) => {
   var _a;
   return /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("td", { className: (_a = columnClasses[index]) != null ? _a : DEFAULT_COLUMN_CLASSES[index], children: col }, index);
 }) });

package/dist/components/table/index.mjs

@@ -2,19 +2,19 @@
 import "../../chunk-DX3KXNP6.mjs";
 import {
   form_table_default
-} from "../../chunk-3BKCODIL.mjs";
+} from "../../chunk-ICZTNO4V.mjs";
 import {
   table_default
-} from "../../chunk-LNYMVBV5.mjs";
-import "../../chunk-63WXGSTV.mjs";
-import "../../chunk-3DPVPTHL.mjs";
+} from "../../chunk-6OMHIMIA.mjs";
+import "../../chunk-XRC5OUYQ.mjs";
+import "../../chunk-EAK5DVWA.mjs";
 import "../../chunk-DQRAFUDA.mjs";
 import "../../chunk-M37VBNB3.mjs";
 import "../../chunk-7B7LRG5J.mjs";
-import "../../chunk-EGHTZLZJ.mjs";
+import "../../chunk-IVK24VIL.mjs";
 import "../../chunk-F3HENRVM.mjs";
 import "../../chunk-2GCSFWHD.mjs";
-import "../../chunk-JOCMCOEK.mjs";
+import "../../chunk-P5PJTJLY.mjs";
 import "../../chunk-QZ3LVYJW.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-HWL7TPUN.mjs";

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,7 +1,7 @@
 "use client";
 import {
   table_body_default
-} from "../../chunk-63WXGSTV.mjs";
+} from "../../chunk-XRC5OUYQ.mjs";
 import "../../chunk-QZ3LVYJW.mjs";
 import "../../chunk-D6QI3DJG.mjs";
 import "../../chunk-4ZJFD3L3.mjs";

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,7 +1,7 @@
 "use client";
 import {
   table_head_default
-} from "../../chunk-3DPVPTHL.mjs";
+} from "../../chunk-EAK5DVWA.mjs";
 import "../../chunk-QZ3LVYJW.mjs";
 import "../../chunk-D6QI3DJG.mjs";
 import "../../chunk-4ZJFD3L3.mjs";

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,16 +1,16 @@
 "use client";
 import {
   table_default
-} from "../../chunk-LNYMVBV5.mjs";
-import "../../chunk-63WXGSTV.mjs";
-import "../../chunk-3DPVPTHL.mjs";
+} from "../../chunk-6OMHIMIA.mjs";
+import "../../chunk-XRC5OUYQ.mjs";
+import "../../chunk-EAK5DVWA.mjs";
 import "../../chunk-DQRAFUDA.mjs";
 import "../../chunk-M37VBNB3.mjs";
 import "../../chunk-7B7LRG5J.mjs";
-import "../../chunk-EGHTZLZJ.mjs";
+import "../../chunk-IVK24VIL.mjs";
 import "../../chunk-F3HENRVM.mjs";
 import "../../chunk-2GCSFWHD.mjs";
-import "../../chunk-JOCMCOEK.mjs";
+import "../../chunk-P5PJTJLY.mjs";
 import "../../chunk-QZ3LVYJW.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-HWL7TPUN.mjs";