prometeo-design-system 2.7.7 → 2.7.9

package/dist/CheckBox.es.js

@@ -1,9 +1,9 @@
 import { j as a } from "./jsx-runtime-DKDX3adD.js";
-import { Icons as x } from "./Icons.es.js";
-import { memo as b, forwardRef as m, useId as k, useRef as g, useCallback as v } from "react";
-const s = m(
-  ({ className: l, disabled: e, ...t }, r) => {
-    const i = k(), o = g(null), d = `
+import { Icons as m } from "./Icons.es.js";
+import { memo as k, forwardRef as g, useId as v, useRef as C, useCallback as y } from "react";
+const s = g(
+  ({ className: l, disabled: e, onChange: i, value: d, ...t }, r) => {
+    const u = v(), o = C(null), f = `
       after:content-[""]
       after:absolute
       after:top-1/2
@@ -25,16 +25,16 @@ const s = m(
       transition-all
       duration-200
       ease-in-out
-    `, u = "hover:#hover-span:opacity-100", f = "bg-primary-light", h = `
+    `, h = "hover:#hover-span:opacity-100", p = "bg-primary-light", x = `
       bg-transparent
       border-[2px]
       aria-checked:border-none
       border-neutral-medium-default
       hover:border-neutral-medium-hover
-    `, p = {
+    `, b = {
       selected: "bg-primary-default-disabled!",
       default: "border-neutral-default-disabled "
-    }, c = v(() => {
+    }, c = y(() => {
       if (o.current)
         return o.current.click();
     }, []);
@@ -57,10 +57,10 @@ const s = m(
             id: "checkbox-box",
             "aria-checked": t.checked,
             className: `grid place-items-center absolute size-[18px] rounded-[2px] 
-            ${d} 
-            ${h}
-            ${t.checked ? f : ""}
-            ${e ? p[t.checked ? "selected" : "default"] : ""}
+            ${f} 
+            ${x}
+            ${t.checked ? p : ""}
+            ${e ? b[t.checked ? "selected" : "default"] : ""}
           `,
             onClick: c,
             draggable: !1,
@@ -69,11 +69,13 @@ const s = m(
                 "input",
                 {
                   type: "checkbox",
-                  id: i,
+                  id: u,
                   ref: (n) => {
                     o.current = n, typeof r == "function" ? r(n) : r && (r.current = n);
                   },
-                  className: `${l} ${u}`,
+                  onChange: i,
+                  value: d,
+                  className: `${l} ${h}`,
                   disabled: e,
                   style: {
                     position: "absolute",
@@ -90,7 +92,7 @@ const s = m(
                 }
               ),
               t.checked && /* @__PURE__ */ a.jsx(
-                x.Check,
+                m.Check,
                 {
                   size: 18,
                   className: `absolute ${e ? "icon-neutral-strong-disabled" : ""} pointer-events-none icon-neutral-strong-default`
@@ -104,7 +106,7 @@ const s = m(
   }
 );
 s.displayName = "CheckBox";
-const N = b(s);
+const I = k(s);
 export {
-  N as default
+  I as default
 };

package/dist/components/CheckBox/CheckBox.d.ts

@@ -3,5 +3,9 @@ export type CheckBoxProps = {
     className?: string;
     disabled?: boolean;
 } & HTMLProps<HTMLInputElement>;
-declare const _default: import('react').NamedExoticComponent<Omit<CheckBoxProps, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
+interface ICheckBox extends CheckBoxProps {
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    value?: string;
+}
+declare const _default: import('react').NamedExoticComponent<Omit<ICheckBox, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
 export default _default;

package/package.json

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