prometeo-design-system 2.7.8 → 2.7.9

package/dist/Button.es.js

@@ -137,7 +137,7 @@ const m = {
 }, p = {
   container: "flex justify-center items-center gap-1 w-max rounded-lg bg-transparent cursor-pointer transition-all ease-in-out duration-300 relative",
   label: "w-max transition-all ease-in-out duration-300",
-  icon: "w-max transition-all ease-in-out duration-300 flex justify-center items-center"
+  icon: "w-max transition-all ease-in-out duration-300"
 }, y = {
   true: {
     container: "hover:scale-105 active:scale-95 disabled:scale-100"
@@ -302,11 +302,11 @@ const m = {
   }
 }), D = ({
   label: g,
-  onClick: j,
+  onClick: k,
   icon: i,
   contentClassName: u,
   loadingText: f = "Cargando...",
-  animate: k = !0,
+  animate: j = !0,
   animateIcon: $ = !0,
   isLoading: a = !1,
   children: c,
@@ -320,7 +320,7 @@ const m = {
   size: o = "medium",
   color: S = "primary"
 }) => {
-  const h = !!($ && !s && !a), B = !!(k && !s && !a), n = s || a ? "disabled" : S, C = A(() => c || (a ? /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-1", children: [
+  const h = !!($ && !s && !a), B = !!(j && !s && !a), n = s || a ? "disabled" : S, C = A(() => c || (a ? /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-1", children: [
     !b && x,
     /* @__PURE__ */ t.jsx(
       "span",
@@ -390,7 +390,7 @@ const m = {
       ),
       disabled: s || a,
       form: z,
-      onClick: j,
+      onClick: k,
       children: /* @__PURE__ */ t.jsx("div", { className: `flex items-center gap-1 ${u}`, children: C })
     }
   );

package/dist/{CardProfile-WHoeSibd.js → CardProfile-DV3gwvqE.js}

@@ -1,9 +1,9 @@
 import { j as e } from "./jsx-runtime-DKDX3adD.js";
 import { c as l } from "./cn-B6yFEsav.js";
-import { motion as i, AnimatePresence as c } from "framer-motion";
-import u from "./Avatar.es.js";
-import { ChevronDown as m, Logout as f } from "./Icons.es.js";
-function x({
+import { motion as i, AnimatePresence as u } from "framer-motion";
+import m from "./Avatar.es.js";
+import { Icons as s } from "./Icons.es.js";
+function f({
   sessions: t,
   handleTokenLogin: a
 }) {
@@ -29,12 +29,12 @@ function x({
     r._id
   )) });
 }
-const h = ({ children: t }) => /* @__PURE__ */ e.jsx("div", { className: "profile-container flex  rounded-md text-white-prometeo overflow-hidden shrink-0 w-full min-w-0 ", children: t }), p = ({
+const x = ({ children: t }) => /* @__PURE__ */ e.jsx("div", { className: "profile-container flex  rounded-md text-white-prometeo overflow-hidden shrink-0 w-full min-w-0 ", children: t }), h = ({
   isExpanded: t,
   sessions: a,
   onClickLogout: r,
   handleTokenLogin: n
-}) => /* @__PURE__ */ e.jsx(c, { mode: "wait", children: t && /* @__PURE__ */ e.jsxs(
+}) => /* @__PURE__ */ e.jsx(u, { mode: "wait", children: t && /* @__PURE__ */ e.jsxs(
   i.div,
   {
     initial: { height: 0, opacity: 0 },
@@ -113,7 +113,7 @@ const h = ({ children: t }) => /* @__PURE__ */ e.jsx("div", { className: "profil
               }
             },
             children: /* @__PURE__ */ e.jsx(
-              x,
+              f,
               {
                 sessions: a,
                 handleTokenLogin: n
@@ -161,32 +161,32 @@ const h = ({ children: t }) => /* @__PURE__ */ e.jsx("div", { className: "profil
           },
           whileTap: { scale: 0.98 },
           children: [
-            /* @__PURE__ */ e.jsx(f, { size: 24, className: "text-neutral-default-default" }),
+            /* @__PURE__ */ e.jsx(s.Logout, { size: 24, className: "text-neutral-default-default" }),
             /* @__PURE__ */ e.jsx("span", { className: "text-neutral-default-default font-semibold text-sm", children: "Cerrar sesión" })
           ]
         }
       )
     ]
   }
-) }), j = ({ imageUrl: t, fallbackText: a }) => /* @__PURE__ */ e.jsx("div", { className: "flex items-center justify-center profile-image-wrapper ml-1", children: /* @__PURE__ */ e.jsx(
-  u,
+) }), p = ({ imageUrl: t, fallbackText: a }) => /* @__PURE__ */ e.jsx("div", { className: "flex items-center justify-center profile-image-wrapper ml-1", children: /* @__PURE__ */ e.jsx(
+  m,
   {
     imageUrl: t,
     sizeImage: "xs",
     sizeFallback: "xs",
     fallbackText: a
   }
-) }), g = ({
+) }), j = ({
   isExpanded: t,
   nameUser: a,
   nameCompany: r,
   nameArea: n,
-  cardProfile: s,
-  onClick: d
+  cardProfile: d,
+  onClick: c
 }) => /* @__PURE__ */ e.jsxs(
   i.button,
   {
-    onClick: d,
+    onClick: c,
     className: l(
       "flex flex-1 gap-1 rounded-l-md cursor-pointer relative overflow-hidden focus:outline-none hover:bg-neutral-medium-selected button-profile h-12",
       t && "bg-neutral-medium-selected"
@@ -198,7 +198,7 @@ const h = ({ children: t }) => /* @__PURE__ */ e.jsx("div", { className: "profil
     whileTap: { scale: 0.98 },
     transition: { duration: 0.2, ease: "easeInOut" },
     children: [
-      s,
+      d,
       /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col  justify-center overflow-hidden flex-1 relative z-10 profile-user-info mr-2", children: [
         /* @__PURE__ */ e.jsx(
           "p",
@@ -245,7 +245,7 @@ const h = ({ children: t }) => /* @__PURE__ */ e.jsx("div", { className: "profil
       ] })
     ]
   }
-), v = () => /* @__PURE__ */ e.jsx("div", { className: "w-px bg-gray-500/30 my-1 border-separator-profile" }), y = ({ isExpanded: t, onClick: a }) => /* @__PURE__ */ e.jsx(
+), g = () => /* @__PURE__ */ e.jsx("div", { className: "w-px bg-gray-500/30 my-1 border-separator-profile" }), v = ({ isExpanded: t, onClick: a }) => /* @__PURE__ */ e.jsx(
   i.button,
   {
     onClick: a,
@@ -261,18 +261,18 @@ const h = ({ children: t }) => /* @__PURE__ */ e.jsx("div", { className: "profil
         animate: { rotate: t ? 180 : 0 },
         transition: { duration: 0.3, ease: "easeOut" },
         className: "relative button-select-crevron",
-        children: /* @__PURE__ */ e.jsx(i.div, { transition: { duration: 0.2 }, children: /* @__PURE__ */ e.jsx(m, { size: 20, className: "text-prometeo-neutral " }) })
+        children: /* @__PURE__ */ e.jsx(i.div, { transition: { duration: 0.2 }, children: /* @__PURE__ */ e.jsx(s.ChevronDown, { size: 20, className: "text-prometeo-neutral " }) })
       }
     )
   }
-), o = Object.assign(h, {
-  Menu: p,
-  Image: j,
-  Content: g,
-  Separator: v,
-  Options: y
+), o = Object.assign(x, {
+  Menu: h,
+  Image: p,
+  Content: j,
+  Separator: g,
+  Options: v
 });
 export {
   o as C,
-  x as a
+  f as a
 };

package/dist/CardProfile.es.js

@@ -1,4 +1,4 @@
-import { C as a } from "./CardProfile-WHoeSibd.js";
+import { C as a } from "./CardProfile-DV3gwvqE.js";
 export {
   a as CardProfile
 };

package/dist/CheckBox.es.js

@@ -1,47 +1,44 @@
 import { j as a } from "./jsx-runtime-DKDX3adD.js";
-import { Check 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
-    after:-translate-x-1/2
-    after:-translate-y-1/2
-    after:w-[40px]
-    after:h-[40px]
-    after:rounded-full
-    after:bg-neutral-700
-    after:-z-10
-    after:opacity-0
-    ${!e && "hover:after:opacity-100"}
-    after:transition-all
-    after:duration-200
-    after:ease-in-out
-    after:pointer-events-none
-    ${!e && "aria-checked:hover:bg-primary-default-hover hover:border-primary-default-hover"}
-    transition-all
-    duration-200
-    ease-in-out
-    `, 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
-`, 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__ */ a.jsx(
+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
+      after:left-1/2
+      after:-translate-x-1/2
+      after:-translate-y-1/2
+      after:w-[40px]
+      after:h-[40px]
+      after:rounded-full
+      after:bg-neutral-700
+      after:-z-10
+      after:opacity-0
+      ${!e && "hover:after:opacity-100"}
+      after:transition-all
+      after:duration-200
+      after:ease-in-out
+      after:pointer-events-none
+      ${!e && "aria-checked:hover:bg-primary-default-hover hover:border-primary-default-hover"}
+      transition-all
+      duration-200
+      ease-in-out
+    `, 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
+    `, b = {
+      selected: "bg-primary-default-disabled!",
+      default: "border-neutral-default-disabled "
+    }, c = y(() => {
+      if (o.current)
+        return o.current.click();
+    }, []);
+    return /* @__PURE__ */ a.jsx(
       "div",
       {
         id: "checkbox-container",
@@ -52,7 +49,7 @@ const s = ({ className: c, disabled: e, ...t }) => {
           zIndex: 10
         },
         className: "grid place-items-center p-2",
-        onClick: o,
+        onClick: c,
         draggable: !1,
         children: /* @__PURE__ */ a.jsxs(
           "div",
@@ -60,22 +57,25 @@ const s = ({ className: c, disabled: e, ...t }) => {
             id: "checkbox-box",
             "aria-checked": t.checked,
             className: `grid place-items-center absolute size-[18px] rounded-[2px] 
-        ${d} 
-        ${p}
-        ${t.checked ? f : ""}
-        ${e ? h[t.checked ? "selected" : "default"] : ""}
-        `,
-            onClick: o,
+            ${f} 
+            ${x}
+            ${t.checked ? p : ""}
+            ${e ? b[t.checked ? "selected" : "default"] : ""}
+          `,
+            onClick: c,
             draggable: !1,
             children: [
               /* @__PURE__ */ a.jsx(
                 "input",
                 {
                   type: "checkbox",
-                  readOnly: !0,
-                  id: i,
-                  ref: r,
-                  className: `${c} ${u} `,
+                  id: u,
+                  ref: (n) => {
+                    o.current = n, typeof r == "function" ? r(n) : r && (r.current = n);
+                  },
+                  onChange: i,
+                  value: d,
+                  className: `${l} ${h}`,
                   disabled: e,
                   style: {
                     position: "absolute",
@@ -92,7 +92,7 @@ const s = ({ className: c, disabled: e, ...t }) => {
                 }
               ),
               t.checked && /* @__PURE__ */ a.jsx(
-                x,
+                m.Check,
                 {
                   size: 18,
                   className: `absolute ${e ? "icon-neutral-strong-disabled" : ""} pointer-events-none icon-neutral-strong-default`
@@ -102,11 +102,11 @@ const s = ({ className: c, disabled: e, ...t }) => {
           }
         )
       }
-    )
-  );
-};
+    );
+  }
+);
 s.displayName = "CheckBox";
-const $ = b(s);
+const I = k(s);
 export {
-  $ as default
+  I as default
 };

package/dist/CheckboxFormik.es.js

@@ -1,5 +1,5 @@
 import { j as e } from "./jsx-runtime-DKDX3adD.js";
-import { Check as x } from "./Icons.es.js";
+import { Icons as x } from "./Icons.es.js";
 import { c as r } from "./cn-B6yFEsav.js";
 import { useField as h, ErrorMessage as p } from "formik";
 import { useState as b } from "react";
@@ -46,7 +46,7 @@ const k = ({ label: c, className: d, containerClassName: m, id: o, disabled: s =
                   s && "bg-neutral-medium-default border-neutral-medium-default"
                 ),
                 children: a.value && /* @__PURE__ */ e.jsx(
-                  x,
+                  x.Check,
                   {
                     size: 14,
                     className: r(