prometeo-design-system 2.8.7 → 2.8.9

package/dist/{components/CheckBox/CheckBox.js → CheckBox.es.js}

@@ -1,9 +1,9 @@
-import { jsx as n, jsxs as x } from "react/jsx-runtime";
-import { Check as k } from "../../Icons/Icons.js";
-import { memo as g, forwardRef as v, useId as C, useRef as y, useCallback as $ } from "react";
-const l = v(
-  ({ className: i, disabled: e, onChange: s, value: d, ...t }, r) => {
-    const u = C(), a = y(null), f = `
+import { j as a } from "./jsx-runtime-DKDX3adD.js";
+import { C as m } from "./Icons-DtFC5DJ7.js";
+import { memo as k, forwardRef as C, useId as g, useRef as v, useCallback as y } from "react";
+const s = C(
+  ({ className: l, disabled: e, onChange: i, value: d, ...t }, r) => {
+    const u = g(), o = v(null), f = `
       after:content-[""]
       after:absolute
       after:top-1/2
@@ -25,20 +25,20 @@ const l = v(
       transition-all
       duration-200
       ease-in-out
-    `, h = "hover:#hover-span:opacity-100", p = "bg-primary-light", b = `
+    `, 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
-    `, m = {
+    `, b = {
       selected: "bg-primary-default-disabled!",
       default: "border-neutral-default-disabled "
-    }, c = $(() => {
-      if (a.current)
-        return a.current.click();
+    }, c = y(() => {
+      if (o.current)
+        return o.current.click();
     }, []);
-    return /* @__PURE__ */ n(
+    return /* @__PURE__ */ a.jsx(
       "div",
       {
         id: "checkbox-container",
@@ -51,31 +51,31 @@ const l = v(
         className: "grid place-items-center p-2",
         onClick: c,
         draggable: !1,
-        children: /* @__PURE__ */ x(
+        children: /* @__PURE__ */ a.jsxs(
           "div",
           {
             id: "checkbox-box",
             "aria-checked": t.checked,
             className: `grid place-items-center absolute size-[18px] rounded-[2px] 
             ${f} 
-            ${b}
+            ${x}
             ${t.checked ? p : ""}
-            ${e ? m[t.checked ? "selected" : "default"] : ""}
+            ${e ? b[t.checked ? "selected" : "default"] : ""}
           `,
             onClick: c,
             draggable: !1,
             children: [
-              /* @__PURE__ */ n(
+              /* @__PURE__ */ a.jsx(
                 "input",
                 {
                   type: "checkbox",
                   id: u,
-                  ref: (o) => {
-                    a.current = o, typeof r == "function" ? r(o) : r && (r.current = o);
+                  ref: (n) => {
+                    o.current = n, typeof r == "function" ? r(n) : r && (r.current = n);
                   },
-                  onChange: s,
+                  onChange: i,
                   value: d,
-                  className: `${i} ${h}`,
+                  className: `${l} ${h}`,
                   disabled: e,
                   style: {
                     position: "absolute",
@@ -91,8 +91,8 @@ const l = v(
                   ...t
                 }
               ),
-              t.checked && /* @__PURE__ */ n(
-                k,
+              t.checked && /* @__PURE__ */ a.jsx(
+                m,
                 {
                   size: 18,
                   className: `absolute ${e ? "icon-neutral-strong-disabled" : ""} pointer-events-none icon-neutral-strong-default`
@@ -105,8 +105,8 @@ const l = v(
     );
   }
 );
-l.displayName = "CheckBox";
-const B = g(l);
+s.displayName = "CheckBox";
+const w = k(s);
 export {
-  B as default
+  w as default
 };