@moontra/moonui-pro 2.26.27 → 2.26.29

package/dist/index.mjs

@@ -74000,34 +74000,31 @@ function DataTable({
     if (selectable || enableRowSelection) {
       const checkboxColumn = {
         id: "select",
-        header: ({ table: table2 }) => /* @__PURE__ */ jsx(
-          MoonUICheckboxPro,
+        header: ({ table: table2 }) => /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx(
+          "input",
           {
-            checked: table2.getIsAllPageRowsSelected() || table2.getIsSomePageRowsSelected() && "indeterminate",
-            onCheckedChange: (value) => table2.toggleAllPageRowsSelected(!!value),
+            type: "checkbox",
+            checked: table2.getIsAllPageRowsSelected(),
+            ref: (el) => {
+              if (el) {
+                el.indeterminate = !table2.getIsAllPageRowsSelected() && table2.getIsSomePageRowsSelected();
+              }
+            },
+            onChange: (e) => table2.toggleAllPageRowsSelected(e.target.checked),
             "aria-label": "Select all",
-            className: "translate-y-[2px]"
+            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"
           }
-        ),
-        cell: ({ row }) => {
-          const isSelected = row.getIsSelected();
-          if (typeof window !== "undefined" && true) {
-            console.log("Row selection state:", {
-              rowId: row.id,
-              isSelected,
-              rowSelectionState: table.getState().rowSelection
-            });
+        ) }),
+        cell: ({ row }) => /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx(
+          "input",
+          {
+            type: "checkbox",
+            checked: row.getIsSelected(),
+            onChange: (e) => row.toggleSelected(e.target.checked),
+            "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"
           }
-          return /* @__PURE__ */ jsx(
-            MoonUICheckboxPro,
-            {
-              checked: isSelected,
-              onCheckedChange: (value) => row.toggleSelected(!!value),
-              "aria-label": "Select row",
-              className: "translate-y-[2px]"
-            }
-          );
-        },
+        ) }),
         enableSorting: false,
         enableHiding: false,
         size: 40,

package/package.json

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