prometeo-design-system 4.9.0 → 4.9.2

package/dist/CheckBox.es.js

@@ -1,14 +1,14 @@
 import { j as a } from "./jsx-runtime-GkKLlHH4.js";
-import { c as C } from "./cn-B6yFEsav.js";
-import { memo as y, forwardRef as j, useId as I, useRef as z, useState as N, useImperativeHandle as w } from "react";
+import { c as j } from "./cn-B6yFEsav.js";
+import { memo as I, forwardRef as z, useId as B, useRef as l, useState as N, useImperativeHandle as w } from "react";
 import { Check as R } from "./Icons/Check.es.js";
-const l = j(
-  ({ className: c, disabled: e, onChange: o, value: d, checked: n, ...f }, u) => {
-    const p = I(), s = z(null), i = n !== void 0, [h, m] = N(!1), t = i ? n : h;
-    w(u, () => s.current, []);
-    const x = (r) => {
-      o && o(r), i || m(r.target.checked);
-    }, b = `
+const c = z(
+  ({ className: d, disabled: e, onChange: o, value: f, checked: n, defaultChecked: u, ...p }, h) => {
+    const m = B(), s = l(null), i = l(n !== void 0).current, [x, b] = N(!!u), t = i ? n : x;
+    w(h, () => s.current, []);
+    const g = (r) => {
+      o && o(r), i || b(r.target.checked);
+    }, k = `
       after:content-[""]
       after:absolute
       after:top-1/2
@@ -31,7 +31,7 @@ const l = j(
       transition-all
       duration-200
       ease-in-out
-    `, g = "bg-primary-light", v = `
+    `, v = "bg-primary-light", C = `
       bg-transparent
       border-[2px]
       aria-checked:border-none
@@ -40,7 +40,7 @@ const l = j(
       transition-all
       duration-200
       ease-in-out
-    `, k = {
+    `, y = {
       selected: "bg-primary-default-disabled",
       default: "border-neutral-default-disabled"
     };
@@ -59,13 +59,13 @@ const l = j(
           "div",
           {
             "aria-checked": t,
-            className: C(
+            className: j(
               "grid place-items-center absolute size-[18px] rounded-[2px]",
-              b,
-              v,
-              t ? g : "",
-              e && k[t ? "selected" : "default"],
-              c
+              k,
+              C,
+              t ? v : "",
+              e && y[t ? "selected" : "default"],
+              d
             ),
             draggable: !1,
             children: [
@@ -73,12 +73,13 @@ const l = j(
                 "input",
                 {
                   type: "checkbox",
-                  id: p,
+                  id: m,
                   ref: (r) => {
                     s.current = r;
                   },
-                  onChange: x,
-                  value: d,
+                  onChange: g,
+                  value: f,
+                  checked: !!t,
                   disabled: e,
                   style: {
                     position: "absolute",
@@ -91,7 +92,7 @@ const l = j(
                     opacity: 0,
                     zIndex: 150
                   },
-                  ...f
+                  ...p
                 }
               ),
               t && /* @__PURE__ */ a.jsx(
@@ -108,8 +109,8 @@ const l = j(
     );
   }
 );
-l.displayName = "CheckBox";
-const E = y(l);
+c.displayName = "CheckBox";
+const S = I(c);
 export {
-  E as default
+  S as default
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "prometeo-design-system",
   "private": false,
-  "version": "4.9.0",
+  "version": "4.9.2",
   "type": "module",
   "description": "design kit system",
   "main": "dist/prometeo-design-system.umd.js",