@moontra/moonui-pro 2.26.37 → 2.26.39

package/dist/index.mjs

@@ -74004,44 +74004,28 @@ function DataTable({
           const isAllSelected = table2.getIsAllPageRowsSelected();
           const isSomeSelected = table2.getIsSomePageRowsSelected();
           return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx(
-            "input",
+            MoonUICheckboxPro,
             {
-              type: "checkbox",
-              checked: isAllSelected,
-              ref: (el) => {
-                if (el) {
-                  el.indeterminate = !isAllSelected && isSomeSelected;
-                }
-              },
-              onChange: (e) => {
-                table2.toggleAllPageRowsSelected(e.target.checked);
-              },
-              onClick: (e) => {
-                e.stopPropagation();
+              checked: isAllSelected ? true : isSomeSelected ? "indeterminate" : false,
+              onCheckedChange: (value) => {
+                table2.toggleAllPageRowsSelected(!!value);
               },
               "aria-label": "Select all",
-              className: "h-4 w-4 rounded border-input bg-background text-primary focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 accent-primary",
-              style: { accentColor: "hsl(var(--primary))" }
+              className: "h-4 w-4"
             }
           ) });
         },
         cell: ({ row }) => {
-          const rowId = row.id;
-          const isSelected = !!rowSelection[rowId];
           return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx(
-            "input",
+            MoonUICheckboxPro,
             {
-              type: "checkbox",
-              checked: isSelected,
-              onChange: (e) => {
-                row.toggleSelected(e.target.checked);
-              },
-              onClick: (e) => {
-                e.stopPropagation();
+              checked: row.getIsSelected(),
+              onCheckedChange: (value) => {
+                row.toggleSelected(!!value);
               },
+              disabled: !row.getCanSelect(),
               "aria-label": "Select row",
-              className: "h-4 w-4 rounded border-input bg-background text-primary focus:ring-2 focus:ring-ring focus:ring-offset-2 focus:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 accent-primary",
-              style: { accentColor: "hsl(var(--primary))" }
+              className: "h-4 w-4"
             }
           ) });
         },
@@ -74053,7 +74037,7 @@ function DataTable({
       cols = [checkboxColumn, ...cols];
     }
     return cols;
-  }, [columns, selectable, enableRowSelection, rowSelection]);
+  }, [columns, selectable, enableRowSelection]);
   const table = useReactTable({
     data: stableData,
     columns: processedColumns,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@moontra/moonui-pro",
-    "version": "2.26.37",
+    "version": "2.26.39",
     "description": "Premium React components for MoonUI - Advanced UI library with 50+ pro components including performance, interactive, and gesture components",
     "type": "module",
     "main": "dist/index.mjs",
@@ -81,7 +81,6 @@
         "react-dom": ">=18.0.0 || ^19.0.0"
     },
     "dependencies": {
-        "@moontra/moonui-pro": "^2.26.36",
         "@radix-ui/react-accordion": "^1.2.11",
         "@radix-ui/react-avatar": "^1.1.10",
         "@radix-ui/react-checkbox": "^1.3.2",