@sarunyu/system-one 4.1.0 → 4.1.1

package/dist/index.js

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