prometeo-design-system 2.6.0 → 2.6.2

package/dist/CheckBox.es.js

@@ -1,9 +1,9 @@
-import { j as r } from "./jsx-runtime-ByW6EXIE.js";
-import { Icons as h } from "./Icons.es.js";
-import { memo as x, useId as o, useRef as m } from "react";
-const n = ({ className: s, disabled: e, ...t }) => {
-  const c = o(), i = o(), a = m(null), l = `
-    after:content-["<span id='${c}-hover-span'></span>"]
+import { j as a } from "./jsx-runtime-ByW6EXIE.js";
+import { Icons as x } from "./Icons.es.js";
+import { memo as b, useId as n, useRef as m, useCallback as k } from "react";
+const s = ({ className: c, disabled: e, ...t }) => {
+  const l = n(), i = n(), r = m(null), d = `
+    after:content-["<span id='${l}-hover-span'></span>"]
     after:absolute
     after:top-1/2
     after:left-1/2
@@ -24,21 +24,24 @@ const n = ({ className: s, disabled: e, ...t }) => {
     transition-all
     duration-200
     ease-in-out
-    `, d = "hover:#hover-span:opacity-100", u = "bg-primary-light", p = `
+    `, u = "hover:#hover-span:opacity-100", f = "bg-primary-light", p = `
     bg-transparent
     border-[2px]
     aria-checked:border-none
     border-neutral-medium-default
     hover:border-neutral-medium-hover
-`, f = {
+`, h = {
     selected: "bg-primary-default-disabled!",
     default: "border-neutral-default-disabled "
-  };
+  }, o = k(() => {
+    if (r.current)
+      return r.current.click();
+  }, []);
   return (
     // biome-ignore lint/a11y/noStaticElementInteractions: <>
     // biome-ignore lint/a11y/useKeyWithClickEvents: <>
     // biome-ignore lint/correctness/useUniqueElementIds: <>
-    /* @__PURE__ */ r.jsx(
+    /* @__PURE__ */ a.jsx(
       "div",
       {
         id: "checkbox-container",
@@ -49,30 +52,30 @@ const n = ({ className: s, disabled: e, ...t }) => {
           zIndex: 10
         },
         className: "grid place-items-center p-2",
-        onClick: a.current?.click,
+        onClick: o,
         draggable: !1,
-        children: /* @__PURE__ */ r.jsxs(
+        children: /* @__PURE__ */ a.jsxs(
           "div",
           {
             id: "checkbox-box",
             "aria-checked": t.checked,
             className: `grid place-items-center absolute size-[18px] rounded-[2px] 
-        ${l} 
+        ${d} 
         ${p}
-        ${t.checked ? u : ""}
-        ${e ? f[t.checked ? "selected" : "default"] : ""}
+        ${t.checked ? f : ""}
+        ${e ? h[t.checked ? "selected" : "default"] : ""}
         `,
-            onClick: a.current?.click,
+            onClick: o,
             draggable: !1,
             children: [
-              /* @__PURE__ */ r.jsx(
+              /* @__PURE__ */ a.jsx(
                 "input",
                 {
                   type: "checkbox",
                   readOnly: !0,
                   id: i,
-                  ref: a,
-                  className: `${s} ${d} `,
+                  ref: r,
+                  className: `${c} ${u} `,
                   disabled: e,
                   style: {
                     position: "absolute",
@@ -88,8 +91,8 @@ const n = ({ className: s, disabled: e, ...t }) => {
                   ...t
                 }
               ),
-              t.checked && /* @__PURE__ */ r.jsx(
-                h.Check,
+              t.checked && /* @__PURE__ */ a.jsx(
+                x.Check,
                 {
                   size: 18,
                   className: `absolute ${e ? "icon-neutral-strong-disabled" : ""} pointer-events-none icon-neutral-strong-default`
@@ -102,8 +105,8 @@ const n = ({ className: s, disabled: e, ...t }) => {
     )
   );
 };
-n.displayName = "CheckBox";
-const g = x(n);
+s.displayName = "CheckBox";
+const $ = b(s);
 export {
-  g as default
+  $ as default
 };