@sarunyu/system-one 4.0.4 → 4.1.1

package/dist/index.cjs

@@ -3869,7 +3869,15 @@ const Table = React.forwardRef(function Table2({ className, responsive = true, .
   return /* @__PURE__ */ jsxRuntime.jsx(TableScrollShadowContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxRuntime.jsx("div", { ref: scrollRef, className: "w-full overflow-x-auto", children: table }) });
 });
 const TableRow = React.forwardRef(
-  function TableRow2({ className, selected = false, hoverable = true, onMouseEnter, onMouseLeave, ...props }, ref) {
+  function TableRow2({
+    className,
+    selected = false,
+    onSelectedChange,
+    hoverable = true,
+    onMouseEnter,
+    onMouseLeave,
+    ...props
+  }, ref) {
     const [hovered, setHovered] = React.useState(false);
     const handleMouseEnter = (e) => {
       if (hoverable) setHovered(true);
@@ -3880,8 +3888,8 @@ const TableRow = React.forwardRef(
       onMouseLeave == null ? void 0 : onMouseLeave(e);
     };
     const rowState = React.useMemo(
-      () => ({ selected, hovered: hoverable ? hovered : false }),
-      [hoverable, hovered, selected]
+      () => ({ selected, hovered: hoverable ? hovered : false, onSelectedChange }),
+      [hoverable, hovered, selected, onSelectedChange]
     );
     return /* @__PURE__ */ jsxRuntime.jsx(TableRowStateContext.Provider, { value: rowState, children: /* @__PURE__ */ jsxRuntime.jsx(
       "tr",
@@ -4078,7 +4086,14 @@ const TableCell = React.forwardRef(function TableCell2({
               "flex items-center",
               contentAlign === "start" ? "justify-start" : "justify-center"
             ),
-            children: /* @__PURE__ */ jsxRuntime.jsx(Checkbox, { checked: cellSelected })
+            children: /* @__PURE__ */ jsxRuntime.jsx(
+              Checkbox,
+              {
+                checked: cellSelected,
+                onChange: rowState.onSelectedChange,
+                ariaLabel: "Select row"
+              }
+            )
           }
         )
       ]