@moontra/moonui-pro 2.26.28 → 2.26.30

package/dist/index.mjs

@@ -74000,25 +74000,50 @@ function DataTable({
     if (selectable || enableRowSelection) {
       const checkboxColumn = {
         id: "select",
-        header: ({ table: table2 }) => /* @__PURE__ */ jsx(
-          MoonUICheckboxPro,
-          {
-            checked: table2.getIsAllPageRowsSelected(),
-            indeterminate: table2.getIsSomePageRowsSelected(),
-            onCheckedChange: (value) => table2.toggleAllPageRowsSelected(!!value),
-            "aria-label": "Select all",
-            className: "translate-y-[2px]"
-          }
-        ),
-        cell: ({ row }) => /* @__PURE__ */ jsx(
-          MoonUICheckboxPro,
-          {
-            checked: row.getIsSelected(),
-            onCheckedChange: (value) => row.toggleSelected(!!value),
-            "aria-label": "Select row",
-            className: "translate-y-[2px]"
-          }
-        ),
+        header: ({ table: table2 }) => {
+          const isAllSelected = table2.getIsAllPageRowsSelected();
+          const isSomeSelected = table2.getIsSomePageRowsSelected();
+          return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "checkbox",
+              checked: isAllSelected,
+              ref: (el) => {
+                if (el) {
+                  el.indeterminate = !isAllSelected && isSomeSelected;
+                }
+              },
+              onChange: (e) => {
+                table2.toggleAllPageRowsSelected(e.target.checked);
+              },
+              onClick: (e) => {
+                e.stopPropagation();
+              },
+              "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))" }
+            }
+          ) });
+        },
+        cell: ({ row }) => {
+          const isSelected = row.getIsSelected();
+          return /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx(
+            "input",
+            {
+              type: "checkbox",
+              checked: isSelected,
+              onChange: (e) => {
+                row.toggleSelected(e.target.checked);
+              },
+              onClick: (e) => {
+                e.stopPropagation();
+              },
+              "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))" }
+            }
+          ) });
+        },
         enableSorting: false,
         enableHiding: false,
         size: 40,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@moontra/moonui-pro",
-    "version": "2.26.28",
+    "version": "2.26.30",
     "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",