@deepnoid/ui 0.0.95 → 0.0.97

package/dist/components/table/table.test.js

@@ -13155,10 +13155,10 @@ var TableHead = ({
   size,
   color,
   isExpanded,
-  isSelected,
-  isAllSelected,
+  isChecked,
+  isCheckedAll,
   classNames,
-  onSelectAll
+  onCheckAll
 }) => {
   const getTheadProps = (0, import_react2.useCallback)(
     () => ({
@@ -13178,12 +13178,12 @@ var TableHead = ({
     }),
     [classNames == null ? void 0 : classNames.th, slots]
   );
-  const handleClickSelectAll = (e) => {
+  const handleClickCheckAll = (e) => {
     e.preventDefault();
-    onSelectAll(!isAllSelected);
+    onCheckAll(!isCheckedAll);
   };
   return /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("thead", { ...getTheadProps(), children: /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("tr", { ...getTrProps(), children: [
-    isSelected && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("th", { className: "w-[40px]", onClick: handleClickSelectAll, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(checkbox_default, { size, color, checked: isAllSelected, classNames: { wrapper: "bg-background" } }) }),
+    isChecked && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("th", { className: "w-[40px]", onClick: handleClickCheckAll, children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(checkbox_default, { size, color, checked: isCheckedAll, classNames: { wrapper: "bg-background" } }) }),
     isExpanded && /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("th", { className: "w-[40px]" }),
     columns2.map((column, index) => /* @__PURE__ */ (0, import_react3.createElement)("th", { ...getThProps(column), key: column.field + index + "th" }, column.headerName))
   ] }) });
@@ -16774,13 +16774,16 @@ var TableBody = ({
   columns: columns2,
   isExpanded,
   isSelected,
-  isSelectedRow,
+  isChecked,
+  isCheckedRow,
   selectedRows,
+  checkedRows,
   emptyContent,
-  onSelectRow,
+  onCheckedRow,
+  onSelectedRow,
   onRowAction
 }) => {
-  const COL_SPAN_COUNT = columns2.length + (isExpanded ? 1 : 0) + (isSelected ? 1 : 0);
+  const COL_SPAN_COUNT = columns2.length + (isExpanded ? 1 : 0) + (isChecked ? 1 : 0);
   const [expandedRows, setExpandedRows] = (0, import_react4.useState)(/* @__PURE__ */ new Set());
   (0, import_react4.useEffect)(() => {
     setExpandedRows(/* @__PURE__ */ new Set());
@@ -16793,11 +16796,14 @@ var TableBody = ({
   );
   const getTrProps = (0, import_react4.useCallback)(
     (index) => ({
-      className: clsx(slots.tr({ class: classNames == null ? void 0 : classNames.tr })),
+      className: clsx(
+        slots.tr({ class: [classNames == null ? void 0 : classNames.tr, (isSelected || isCheckedRow || isExpanded) && "cursor-pointer"] })
+      ),
       "data-odd": index % 2 !== 0,
-      "data-expanded": expandedRows.has(index)
+      "data-expanded": expandedRows.has(index),
+      "data-selected": selectedRows == null ? void 0 : selectedRows.has(index)
     }),
-    [classNames == null ? void 0 : classNames.tr, expandedRows, slots]
+    [classNames == null ? void 0 : classNames.tr, expandedRows, isCheckedRow, isExpanded, isSelected, selectedRows, slots]
   );
   const getExpandedContentProps = (0, import_react4.useCallback)(
     () => ({
@@ -16848,7 +16854,8 @@ var TableBody = ({
     e.stopPropagation();
     e.preventDefault();
     if (isExpanded) onChangeExpandedRow(index);
-    if (isSelected && isSelectedRow) onSelectRow(index);
+    if (isSelected) onSelectedRow(index);
+    if (isChecked && isCheckedRow) onCheckedRow(index);
     const row = rows2[index];
     if (row) {
       (_a2 = row.onRowAction) == null ? void 0 : _a2.call(row, e, row);
@@ -16858,7 +16865,7 @@ var TableBody = ({
     const keys = Object.keys(row);
     return /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_react4.default.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)("tr", { ...getTrProps(rowIndex), onClick: handleRowClick(rowIndex), children: [
-        isSelected && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("td", { ...getTdProps({ field: "checkbox" }, row, keys), onClick: () => onSelectRow(rowIndex), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(checkbox_default, { color, size, checked: selectedRows.has(rowIndex) }) }),
+        isChecked && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("td", { ...getTdProps({ field: "checkbox" }, row, keys), onClick: () => onCheckedRow(rowIndex), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(checkbox_default, { color, size, checked: checkedRows.has(rowIndex) }) }),
         isExpanded && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)("td", { ...getTdProps({ field: "expandIcon" }, row, keys), children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(
           Icon_default,
           {
@@ -16881,7 +16888,14 @@ var import_jsx_runtime6 = require("react/jsx-runtime");
 var Table = (0, import_react6.forwardRef)((originalProps, ref) => {
   const [props, variantProps] = mapPropsVariants(originalProps, table.variantKeys);
   const { classNames, rows: rows2, columns: columns2, isLoading, className, emptyContent, onRowAction, ...tableComponentsProps } = props;
+  const [checkedRows, setCheckedRows] = (0, import_react6.useState)(/* @__PURE__ */ new Set());
   const [selectedRows, setSelectedRows] = (0, import_react6.useState)(/* @__PURE__ */ new Set());
+  (0, import_react6.useEffect)(() => {
+    setCheckedRows(/* @__PURE__ */ new Set());
+  }, [rows2]);
+  (0, import_react6.useEffect)(() => {
+    setSelectedRows(/* @__PURE__ */ new Set());
+  }, [rows2]);
   const slots = (0, import_react6.useMemo)(() => table({ ...variantProps }), [...Object.values(variantProps)]);
   const getBaseProps = (0, import_react6.useCallback)(
     (props2) => ({
@@ -16897,21 +16911,41 @@ var Table = (0, import_react6.forwardRef)((originalProps, ref) => {
     }),
     [classNames == null ? void 0 : classNames.table, slots]
   );
-  const handleSelectAll = (isSelected) => {
-    const newSelectedRows = isSelected ? new Set(rows2.map((_, index) => index)) : /* @__PURE__ */ new Set();
-    setSelectedRows(newSelectedRows);
+  const handleCheckAll = (isChecked) => {
+    const newCheckedRows = isChecked ? new Set(rows2.map((_, index) => index)) : /* @__PURE__ */ new Set();
+    setCheckedRows(newCheckedRows);
+  };
+  const handleCheckRow = (index) => {
+    const newCheckedRows = new Set(checkedRows);
+    if (newCheckedRows.has(index)) {
+      newCheckedRows.delete(index);
+    } else {
+      newCheckedRows.add(index);
+    }
+    setCheckedRows(newCheckedRows);
   };
   const handleSelectRow = (index) => {
     const newSelectedRows = new Set(selectedRows);
-    if (newSelectedRows.has(index)) {
-      newSelectedRows.delete(index);
+    if (originalProps.isMultiSelect) {
+      if (newSelectedRows.has(index)) {
+        newSelectedRows.delete(index);
+      } else {
+        newSelectedRows.add(index);
+      }
     } else {
-      newSelectedRows.add(index);
+      if (newSelectedRows.has(index)) {
+        newSelectedRows.delete(index);
+      } else {
+        newSelectedRows.clear();
+        newSelectedRows.add(index);
+      }
     }
     setSelectedRows(newSelectedRows);
   };
   (0, import_react6.useImperativeHandle)(ref, () => ({
+    checkedRows,
     selectedRows,
+    setCheckedRows,
     setSelectedRows
   }));
   return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)("div", { ref, "data-table": "base", ...getBaseProps(), children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)("table", { ...getTableProps(tableComponentsProps), children: [
@@ -16923,10 +16957,10 @@ var Table = (0, import_react6.forwardRef)((originalProps, ref) => {
         columns: columns2,
         size: originalProps.size,
         color: originalProps.color === "neutral" ? "primary" : originalProps.color,
-        isSelected: originalProps.isSelected,
+        isChecked: originalProps.isChecked,
         isExpanded: originalProps.isExpanded,
-        onSelectAll: handleSelectAll,
-        isAllSelected: selectedRows.size === rows2.length
+        onCheckAll: handleCheckAll,
+        isCheckedAll: checkedRows.size === rows2.length
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
@@ -16938,13 +16972,16 @@ var Table = (0, import_react6.forwardRef)((originalProps, ref) => {
         size: originalProps.size,
         color: originalProps.color === "neutral" ? "primary" : originalProps.color,
         isSelected: originalProps.isSelected,
-        isSelectedRow: originalProps.isSelectedRow,
+        isChecked: originalProps.isChecked,
+        isCheckedRow: originalProps.isCheckedRow,
         isExpanded: originalProps.isExpanded,
         isLoading,
         classNames,
         emptyContent,
         selectedRows,
-        onSelectRow: handleSelectRow,
+        checkedRows,
+        onCheckedRow: handleCheckRow,
+        onSelectedRow: handleSelectRow,
         onRowAction
       }
     )
@@ -16955,13 +16992,13 @@ var table_default = Table;
 var table = (0, import_tailwind_variants3.tv)({
   slots: {
     base: "flex flex-col relative gap-4",
-    table: "min-w-full h-auto",
+    table: "w-full h-auto",
     thead: "[&>tr]:first:rounded-lg",
-    tbody: "",
-    tr: ["group", "outline-none"],
+    tbody: "w-full",
+    tr: ["group", "outline-none", "w-full"],
     th: [
       "text-foreground",
-      "text-center",
+      "!text-center",
       "align-middle",
       "whitespace-nowrap",
       "font-normal",
@@ -16980,7 +17017,6 @@ var table = (0, import_tailwind_variants3.tv)({
       "[&>*]:z-1",
       "[&>*]:relative",
       "transition duration-200",
-      "data-[selected=true]:before:opacity-100",
       "group-data-[disabled=true]:text-default-300"
     ],
     tfoot: "",
@@ -17046,7 +17082,13 @@ var table = (0, import_tailwind_variants3.tv)({
     isSelected: {
       true: {}
     },
-    isSelectedRow: {
+    isMultiSelect: {
+      true: {}
+    },
+    isChecked: {
+      true: {}
+    },
+    isCheckedRow: {
       true: {
         tr: "cursor-pointer"
       }
@@ -17078,7 +17120,7 @@ var table = (0, import_tailwind_variants3.tv)({
     color: "primary",
     variant: "solid",
     size: "md",
-    isSelected: false,
+    isChecked: false,
     isExpanded: false,
     isCompact: false,
     hideHeader: false,
@@ -17091,7 +17133,7 @@ var table = (0, import_tailwind_variants3.tv)({
       color: "primary",
       class: {
         thead: "[&>tr]:bg-primary-light",
-        tr: "data-[expanded=true]:bg-primary-soft"
+        tr: ["data-[expanded=true]:bg-primary-soft", "data-[selected=true]:bg-primary-soft"]
       }
     },
     {
@@ -17099,7 +17141,7 @@ var table = (0, import_tailwind_variants3.tv)({
       color: "secondary",
       class: {
         thead: "[&>tr]:bg-secondary-light",
-        tr: "data-[expanded=true]:bg-secondary-soft"
+        tr: ["data-[expanded=true]:bg-secondary-soft", "data-[selected=true]:bg-secondary-soft"]
       }
     },
     {
@@ -17107,7 +17149,7 @@ var table = (0, import_tailwind_variants3.tv)({
       color: "neutral",
       class: {
         thead: "[&>tr]:bg-trans-light",
-        tr: "data-[expanded=true]:bg-neutral-soft"
+        tr: ["data-[expanded=true]:bg-neutral-soft", "data-[selected=true]:bg-neutral-soft"]
       }
     },
     {
@@ -17115,7 +17157,7 @@ var table = (0, import_tailwind_variants3.tv)({
       color: "primary",
       class: {
         thead: "border-primary-light",
-        tr: "data-[expanded=true]:bg-primary-soft"
+        tr: ["data-[expanded=true]:bg-primary-soft", "data-[selected=true]:bg-primary-soft"]
       }
     },
     {
@@ -17123,7 +17165,7 @@ var table = (0, import_tailwind_variants3.tv)({
       color: "secondary",
       class: {
         thead: "border-secondary-light",
-        tr: "data-[expanded=true]:bg-secondary-soft"
+        tr: ["data-[expanded=true]:bg-secondary-soft", "data-[selected=true]:bg-secondary-soft"]
       }
     },
     {
@@ -17131,7 +17173,7 @@ var table = (0, import_tailwind_variants3.tv)({
       color: "neutral",
       class: {
         thead: "border-trans-light",
-        tr: "data-[expanded=true]:bg-neutral-soft"
+        tr: ["data-[expanded=true]:bg-neutral-soft", "data-[selected=true]:bg-neutral-soft"]
       }
     },
     {

package/dist/components/table/table.test.mjs

@@ -1,9 +1,9 @@
 "use client";
 import {
   table_default
-} from "../../chunk-JWFWFBQM.mjs";
-import "../../chunk-PR277HT5.mjs";
-import "../../chunk-VG4644BG.mjs";
+} from "../../chunk-PNFR2J4Q.mjs";
+import "../../chunk-QDDEQY63.mjs";
+import "../../chunk-PO3ADNA5.mjs";
 import "../../chunk-QZ3LVYJW.mjs";
 import "../../chunk-ANYPMQH4.mjs";
 import "../../chunk-27Y6K5NK.mjs";

package/dist/components/tabs/tabs.test.mjs

@@ -1,10 +1,10 @@
 "use client";
-import {
-  tabs_default
-} from "../../chunk-KRI5IALM.mjs";
 import {
   userEvent
 } from "../../chunk-S4DTK5GI.mjs";
+import {
+  tabs_default
+} from "../../chunk-KRI5IALM.mjs";
 import {
   act,
   render

package/dist/components/textarea/textarea.test.mjs

@@ -1,8 +1,8 @@
 "use client";
+import "../../chunk-H7BLXC5M.mjs";
 import {
   textarea_default
 } from "../../chunk-OJ2OEI5B.mjs";
-import "../../chunk-H7BLXC5M.mjs";
 import {
   render,
   waitForWrapper

package/dist/components/tooltip/tooltip.test.mjs

@@ -6,12 +6,12 @@ import "../../chunk-DSBSLSJW.mjs";
 import "../../chunk-ODMRJXLJ.mjs";
 import "../../chunk-VUYUQGLF.mjs";
 import "../../chunk-NGQ3MK2J.mjs";
-import {
-  render
-} from "../../chunk-FNPWLOGV.mjs";
 import {
   button_default
 } from "../../chunk-UR64ZUAU.mjs";
+import {
+  render
+} from "../../chunk-FNPWLOGV.mjs";
 import "../../chunk-ZYIIXWVY.mjs";
 import "../../chunk-LCI6RPWE.mjs";
 import "../../chunk-IOCRFIQF.mjs";

package/dist/index.js

@@ -5305,10 +5305,10 @@ var TableHead = ({
   size,
   color,
   isExpanded,
-  isSelected,
-  isAllSelected,
+  isChecked,
+  isCheckedAll,
   classNames,
-  onSelectAll
+  onCheckAll
 }) => {
   const getTheadProps = (0, import_react7.useCallback)(
     () => ({
@@ -5328,12 +5328,12 @@ var TableHead = ({
     }),
     [classNames == null ? void 0 : classNames.th, slots]
   );
-  const handleClickSelectAll = (e) => {
+  const handleClickCheckAll = (e) => {
     e.preventDefault();
-    onSelectAll(!isAllSelected);
+    onCheckAll(!isCheckedAll);
   };
   return /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("thead", { ...getTheadProps(), children: /* @__PURE__ */ (0, import_jsx_runtime9.jsxs)("tr", { ...getTrProps(), children: [
-    isSelected && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("th", { className: "w-[40px]", onClick: handleClickSelectAll, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(checkbox_default, { size, color, checked: isAllSelected, classNames: { wrapper: "bg-background" } }) }),
+    isChecked && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("th", { className: "w-[40px]", onClick: handleClickCheckAll, children: /* @__PURE__ */ (0, import_jsx_runtime9.jsx)(checkbox_default, { size, color, checked: isCheckedAll, classNames: { wrapper: "bg-background" } }) }),
     isExpanded && /* @__PURE__ */ (0, import_jsx_runtime9.jsx)("th", { className: "w-[40px]" }),
     columns.map((column, index) => /* @__PURE__ */ (0, import_react8.createElement)("th", { ...getThProps(column), key: column.field + index + "th" }, column.headerName))
   ] }) });
@@ -5353,13 +5353,16 @@ var TableBody = ({
   columns,
   isExpanded,
   isSelected,
-  isSelectedRow,
+  isChecked,
+  isCheckedRow,
   selectedRows,
+  checkedRows,
   emptyContent,
-  onSelectRow,
+  onCheckedRow,
+  onSelectedRow,
   onRowAction
 }) => {
-  const COL_SPAN_COUNT = columns.length + (isExpanded ? 1 : 0) + (isSelected ? 1 : 0);
+  const COL_SPAN_COUNT = columns.length + (isExpanded ? 1 : 0) + (isChecked ? 1 : 0);
   const [expandedRows, setExpandedRows] = (0, import_react9.useState)(/* @__PURE__ */ new Set());
   (0, import_react9.useEffect)(() => {
     setExpandedRows(/* @__PURE__ */ new Set());
@@ -5372,11 +5375,14 @@ var TableBody = ({
   );
   const getTrProps = (0, import_react9.useCallback)(
     (index) => ({
-      className: clsx(slots.tr({ class: classNames == null ? void 0 : classNames.tr })),
+      className: clsx(
+        slots.tr({ class: [classNames == null ? void 0 : classNames.tr, (isSelected || isCheckedRow || isExpanded) && "cursor-pointer"] })
+      ),
       "data-odd": index % 2 !== 0,
-      "data-expanded": expandedRows.has(index)
+      "data-expanded": expandedRows.has(index),
+      "data-selected": selectedRows == null ? void 0 : selectedRows.has(index)
     }),
-    [classNames == null ? void 0 : classNames.tr, expandedRows, slots]
+    [classNames == null ? void 0 : classNames.tr, expandedRows, isCheckedRow, isExpanded, isSelected, selectedRows, slots]
   );
   const getExpandedContentProps = (0, import_react9.useCallback)(
     () => ({
@@ -5427,7 +5433,8 @@ var TableBody = ({
     e.stopPropagation();
     e.preventDefault();
     if (isExpanded) onChangeExpandedRow(index);
-    if (isSelected && isSelectedRow) onSelectRow(index);
+    if (isSelected) onSelectedRow(index);
+    if (isChecked && isCheckedRow) onCheckedRow(index);
     const row = rows[index];
     if (row) {
       (_a = row.onRowAction) == null ? void 0 : _a.call(row, e, row);
@@ -5437,7 +5444,7 @@ var TableBody = ({
     const keys = Object.keys(row);
     return /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)(import_react9.default.Fragment, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime10.jsxs)("tr", { ...getTrProps(rowIndex), onClick: handleRowClick(rowIndex), children: [
-        isSelected && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("td", { ...getTdProps({ field: "checkbox" }, row, keys), onClick: () => onSelectRow(rowIndex), children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(checkbox_default, { color, size, checked: selectedRows.has(rowIndex) }) }),
+        isChecked && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("td", { ...getTdProps({ field: "checkbox" }, row, keys), onClick: () => onCheckedRow(rowIndex), children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(checkbox_default, { color, size, checked: checkedRows.has(rowIndex) }) }),
         isExpanded && /* @__PURE__ */ (0, import_jsx_runtime10.jsx)("td", { ...getTdProps({ field: "expandIcon" }, row, keys), children: /* @__PURE__ */ (0, import_jsx_runtime10.jsx)(
           Icon_default,
           {
@@ -5460,7 +5467,14 @@ var import_jsx_runtime11 = require("react/jsx-runtime");
 var Table = (0, import_react11.forwardRef)((originalProps, ref) => {
   const [props, variantProps] = mapPropsVariants(originalProps, table.variantKeys);
   const { classNames, rows, columns, isLoading, className, emptyContent, onRowAction, ...tableComponentsProps } = props;
+  const [checkedRows, setCheckedRows] = (0, import_react11.useState)(/* @__PURE__ */ new Set());
   const [selectedRows, setSelectedRows] = (0, import_react11.useState)(/* @__PURE__ */ new Set());
+  (0, import_react11.useEffect)(() => {
+    setCheckedRows(/* @__PURE__ */ new Set());
+  }, [rows]);
+  (0, import_react11.useEffect)(() => {
+    setSelectedRows(/* @__PURE__ */ new Set());
+  }, [rows]);
   const slots = (0, import_react11.useMemo)(() => table({ ...variantProps }), [...Object.values(variantProps)]);
   const getBaseProps = (0, import_react11.useCallback)(
     (props2) => ({
@@ -5476,21 +5490,41 @@ var Table = (0, import_react11.forwardRef)((originalProps, ref) => {
     }),
     [classNames == null ? void 0 : classNames.table, slots]
   );
-  const handleSelectAll = (isSelected) => {
-    const newSelectedRows = isSelected ? new Set(rows.map((_, index) => index)) : /* @__PURE__ */ new Set();
-    setSelectedRows(newSelectedRows);
+  const handleCheckAll = (isChecked) => {
+    const newCheckedRows = isChecked ? new Set(rows.map((_, index) => index)) : /* @__PURE__ */ new Set();
+    setCheckedRows(newCheckedRows);
+  };
+  const handleCheckRow = (index) => {
+    const newCheckedRows = new Set(checkedRows);
+    if (newCheckedRows.has(index)) {
+      newCheckedRows.delete(index);
+    } else {
+      newCheckedRows.add(index);
+    }
+    setCheckedRows(newCheckedRows);
   };
   const handleSelectRow = (index) => {
     const newSelectedRows = new Set(selectedRows);
-    if (newSelectedRows.has(index)) {
-      newSelectedRows.delete(index);
+    if (originalProps.isMultiSelect) {
+      if (newSelectedRows.has(index)) {
+        newSelectedRows.delete(index);
+      } else {
+        newSelectedRows.add(index);
+      }
     } else {
-      newSelectedRows.add(index);
+      if (newSelectedRows.has(index)) {
+        newSelectedRows.delete(index);
+      } else {
+        newSelectedRows.clear();
+        newSelectedRows.add(index);
+      }
     }
     setSelectedRows(newSelectedRows);
   };
   (0, import_react11.useImperativeHandle)(ref, () => ({
+    checkedRows,
     selectedRows,
+    setCheckedRows,
     setSelectedRows
   }));
   return /* @__PURE__ */ (0, import_jsx_runtime11.jsx)("div", { ref, "data-table": "base", ...getBaseProps(), children: /* @__PURE__ */ (0, import_jsx_runtime11.jsxs)("table", { ...getTableProps(tableComponentsProps), children: [
@@ -5502,10 +5536,10 @@ var Table = (0, import_react11.forwardRef)((originalProps, ref) => {
         columns,
         size: originalProps.size,
         color: originalProps.color === "neutral" ? "primary" : originalProps.color,
-        isSelected: originalProps.isSelected,
+        isChecked: originalProps.isChecked,
         isExpanded: originalProps.isExpanded,
-        onSelectAll: handleSelectAll,
-        isAllSelected: selectedRows.size === rows.length
+        onCheckAll: handleCheckAll,
+        isCheckedAll: checkedRows.size === rows.length
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime11.jsx)(
@@ -5517,13 +5551,16 @@ var Table = (0, import_react11.forwardRef)((originalProps, ref) => {
         size: originalProps.size,
         color: originalProps.color === "neutral" ? "primary" : originalProps.color,
         isSelected: originalProps.isSelected,
-        isSelectedRow: originalProps.isSelectedRow,
+        isChecked: originalProps.isChecked,
+        isCheckedRow: originalProps.isCheckedRow,
         isExpanded: originalProps.isExpanded,
         isLoading,
         classNames,
         emptyContent,
         selectedRows,
-        onSelectRow: handleSelectRow,
+        checkedRows,
+        onCheckedRow: handleCheckRow,
+        onSelectedRow: handleSelectRow,
         onRowAction
       }
     )
@@ -5534,13 +5571,13 @@ var table_default = Table;
 var table = (0, import_tailwind_variants8.tv)({
   slots: {
     base: "flex flex-col relative gap-4",
-    table: "min-w-full h-auto",
+    table: "w-full h-auto",
     thead: "[&>tr]:first:rounded-lg",
-    tbody: "",
-    tr: ["group", "outline-none"],
+    tbody: "w-full",
+    tr: ["group", "outline-none", "w-full"],
     th: [
       "text-foreground",
-      "text-center",
+      "!text-center",
       "align-middle",
       "whitespace-nowrap",
       "font-normal",
@@ -5559,7 +5596,6 @@ var table = (0, import_tailwind_variants8.tv)({
       "[&>*]:z-1",
       "[&>*]:relative",
       "transition duration-200",
-      "data-[selected=true]:before:opacity-100",
       "group-data-[disabled=true]:text-default-300"
     ],
     tfoot: "",
@@ -5625,7 +5661,13 @@ var table = (0, import_tailwind_variants8.tv)({
     isSelected: {
       true: {}
     },
-    isSelectedRow: {
+    isMultiSelect: {
+      true: {}
+    },
+    isChecked: {
+      true: {}
+    },
+    isCheckedRow: {
       true: {
         tr: "cursor-pointer"
       }
@@ -5657,7 +5699,7 @@ var table = (0, import_tailwind_variants8.tv)({
     color: "primary",
     variant: "solid",
     size: "md",
-    isSelected: false,
+    isChecked: false,
     isExpanded: false,
     isCompact: false,
     hideHeader: false,
@@ -5670,7 +5712,7 @@ var table = (0, import_tailwind_variants8.tv)({
       color: "primary",
       class: {
         thead: "[&>tr]:bg-primary-light",
-        tr: "data-[expanded=true]:bg-primary-soft"
+        tr: ["data-[expanded=true]:bg-primary-soft", "data-[selected=true]:bg-primary-soft"]
       }
     },
     {
@@ -5678,7 +5720,7 @@ var table = (0, import_tailwind_variants8.tv)({
       color: "secondary",
       class: {
         thead: "[&>tr]:bg-secondary-light",
-        tr: "data-[expanded=true]:bg-secondary-soft"
+        tr: ["data-[expanded=true]:bg-secondary-soft", "data-[selected=true]:bg-secondary-soft"]
       }
     },
     {
@@ -5686,7 +5728,7 @@ var table = (0, import_tailwind_variants8.tv)({
       color: "neutral",
       class: {
         thead: "[&>tr]:bg-trans-light",
-        tr: "data-[expanded=true]:bg-neutral-soft"
+        tr: ["data-[expanded=true]:bg-neutral-soft", "data-[selected=true]:bg-neutral-soft"]
       }
     },
     {
@@ -5694,7 +5736,7 @@ var table = (0, import_tailwind_variants8.tv)({
       color: "primary",
       class: {
         thead: "border-primary-light",
-        tr: "data-[expanded=true]:bg-primary-soft"
+        tr: ["data-[expanded=true]:bg-primary-soft", "data-[selected=true]:bg-primary-soft"]
       }
     },
     {
@@ -5702,7 +5744,7 @@ var table = (0, import_tailwind_variants8.tv)({
       color: "secondary",
       class: {
         thead: "border-secondary-light",
-        tr: "data-[expanded=true]:bg-secondary-soft"
+        tr: ["data-[expanded=true]:bg-secondary-soft", "data-[selected=true]:bg-secondary-soft"]
       }
     },
     {
@@ -5710,7 +5752,7 @@ var table = (0, import_tailwind_variants8.tv)({
       color: "neutral",
       class: {
         thead: "border-trans-light",
-        tr: "data-[expanded=true]:bg-neutral-soft"
+        tr: ["data-[expanded=true]:bg-neutral-soft", "data-[selected=true]:bg-neutral-soft"]
       }
     },
     {