prometeo-design-system 2.3.3 → 2.3.4

package/dist/{CardProfile-BhFog7j5.js → CardProfile-Fn44kEnM.js}

@@ -1,25 +1,41 @@
 import { j as e } from "./jsx-runtime-DKDX3adD.js";
-import { c as l } from "./cn-B6yFEsav.js";
-import { motion as i, AnimatePresence as u } from "framer-motion";
+import { c as i } from "./cn-B6yFEsav.js";
+import { motion as l, AnimatePresence as u } from "framer-motion";
 import m from "./Avatar.es.js";
-import { Icons as o } from "./Icons.es.js";
-function f({ sessions: t, handleTokenLogin: a }) {
-  return /* @__PURE__ */ e.jsx("div", { className: "profile-options-container w-full ", children: t?.map((r) => /* @__PURE__ */ e.jsx("button", { className: "w-full  ", onClick: () => a?.(r.token), children: /* @__PURE__ */ e.jsx(s, { children: /* @__PURE__ */ e.jsx(
-    s.Content,
+import { Icons as s } from "./Icons.es.js";
+function f({
+  sessions: t,
+  handleTokenLogin: a
+}) {
+  return /* @__PURE__ */ e.jsx("div", { className: "profile-options-container w-full ", children: t?.map((r) => /* @__PURE__ */ e.jsx(
+    "button",
     {
-      onClick: () => {
-        console.log("hola");
-      },
-      isExpanded: !1,
-      name: r.name,
-      nameArea: r?.area?.name,
-      nameCompany: r.company_id.name,
-      cardProfile: /* @__PURE__ */ e.jsx(s.Image, { isExpanded: !1 })
-    }
-  ) }) }, r._id)) });
+      className: "w-full  ",
+      onClick: () => a?.(r.token),
+      children: /* @__PURE__ */ e.jsx(o, { children: /* @__PURE__ */ e.jsx(
+        o.Content,
+        {
+          onClick: () => {
+            console.log("hola");
+          },
+          isExpanded: !1,
+          nameUser: r.name,
+          nameArea: r?.areaId?.name,
+          nameCompany: r.companyId.name,
+          cardProfile: /* @__PURE__ */ e.jsx(o.Image, { isExpanded: !1 })
+        }
+      ) })
+    },
+    r._id
+  )) });
 }
-const x = ({ children: t }) => /* @__PURE__ */ e.jsx("div", { className: "profile-container flex  rounded-md text-white-prometeo overflow-hidden flex-shrink-0 w-full min-w-0 ", children: t }), h = ({ isExpanded: t, sessions: a, onClickLogout: r, handleTokenLogin: n }) => /* @__PURE__ */ e.jsx(u, { mode: "wait", children: t && /* @__PURE__ */ e.jsxs(
-  i.div,
+const x = ({ children: t }) => /* @__PURE__ */ e.jsx("div", { className: "profile-container flex  rounded-md text-white-prometeo overflow-hidden flex-shrink-0 w-full min-w-0 ", children: t }), h = ({
+  isExpanded: t,
+  sessions: a,
+  onClickLogout: r,
+  handleTokenLogin: n
+}) => /* @__PURE__ */ e.jsx(u, { mode: "wait", children: t && /* @__PURE__ */ e.jsxs(
+  l.div,
   {
     initial: { height: 0, opacity: 0 },
     animate: {
@@ -45,7 +61,7 @@ const x = ({ children: t }) => /* @__PURE__ */ e.jsx("div", { className: "profil
     className: "overflow-hidden",
     children: [
       /* @__PURE__ */ e.jsx(
-        i.div,
+        l.div,
         {
           className: "flex justify-center items-center w-full mt-4",
           exit: {
@@ -63,7 +79,7 @@ const x = ({ children: t }) => /* @__PURE__ */ e.jsx("div", { className: "profil
       ),
       a && a.length > 0 && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
         /* @__PURE__ */ e.jsx(
-          i.div,
+          l.div,
           {
             className: "mt-4",
             exit: {
@@ -80,7 +96,7 @@ const x = ({ children: t }) => /* @__PURE__ */ e.jsx("div", { className: "profil
           }
         ),
         /* @__PURE__ */ e.jsx(
-          i.div,
+          l.div,
           {
             className: "mt-4 overflow-hidden w-full  ",
             exit: {
@@ -96,11 +112,17 @@ const x = ({ children: t }) => /* @__PURE__ */ e.jsx("div", { className: "profil
                 ease: "easeInOut"
               }
             },
-            children: /* @__PURE__ */ e.jsx(f, { sessions: a, handleTokenLogin: n })
+            children: /* @__PURE__ */ e.jsx(
+              f,
+              {
+                sessions: a,
+                handleTokenLogin: n
+              }
+            )
           }
         ),
         /* @__PURE__ */ e.jsx(
-          i.div,
+          l.div,
           {
             className: "flex justify-center items-center w-full mt-4",
             exit: {
@@ -118,7 +140,7 @@ const x = ({ children: t }) => /* @__PURE__ */ e.jsx("div", { className: "profil
         )
       ] }),
       /* @__PURE__ */ e.jsxs(
-        i.button,
+        l.button,
         {
           onClick: r,
           className: "flex flex-1 h-12 w-full gap-1 rounded-md cursor-pointer mt-4 mb-4 px-2 items-center overflow-hidden focus:outline-none hover:bg-neutral-medium-selected button-profile",
@@ -139,24 +161,33 @@ const x = ({ children: t }) => /* @__PURE__ */ e.jsx("div", { className: "profil
           },
           whileTap: { scale: 0.98 },
           children: [
-            /* @__PURE__ */ e.jsx(
-              o.Logout,
-              {
-                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" })
           ]
         }
       )
     ]
   }
-) }), 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 }) }), j = ({ isExpanded: t, name: a, nameCompany: r, nameArea: n, cardProfile: d, onClick: c }) => /* @__PURE__ */ e.jsxs(
-  i.button,
+) }), 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
+  }
+) }), j = ({
+  isExpanded: t,
+  nameUser: a,
+  nameCompany: r,
+  nameArea: n,
+  cardProfile: d,
+  onClick: c
+}) => /* @__PURE__ */ e.jsxs(
+  l.button,
   {
     onClick: c,
-    className: l(
+    className: i(
       "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"
     ),
@@ -172,7 +203,7 @@ const x = ({ children: t }) => /* @__PURE__ */ e.jsx("div", { className: "profil
         /* @__PURE__ */ e.jsx(
           "p",
           {
-            className: l(
+            className: i(
               "profile-name font-semibold leading-tight mb-0 text-left",
               t ? "text-primary-default-default" : "text-neutral-default-default"
             ),
@@ -183,17 +214,17 @@ const x = ({ children: t }) => /* @__PURE__ */ e.jsx("div", { className: "profil
           /* @__PURE__ */ e.jsx(
             "p",
             {
-              className: l(
+              className: i(
                 "profile-options truncate text-xs mt-0",
                 t ? "text-primary-default-default" : "text-neutral-default-default"
               ),
-              children: r.length > 20 ? r?.slice(0, 10) + ".." : r
+              children: r?.length && r?.length > 20 ? r?.slice(0, 10) + ".." : r
             }
           ),
           /* @__PURE__ */ e.jsx(
             "p",
             {
-              className: l(
+              className: i(
                 "profile-options truncate font-bold mt-0",
                 t ? "text-primary-default-default" : "text-neutral-default-default"
               ),
@@ -203,7 +234,7 @@ const x = ({ children: t }) => /* @__PURE__ */ e.jsx("div", { className: "profil
           /* @__PURE__ */ e.jsx(
             "p",
             {
-              className: l(
+              className: i(
                 "profile-options truncate text-xs mt-0",
                 t ? "text-primary-default-default" : "text-neutral-default-default"
               ),
@@ -214,8 +245,8 @@ const x = ({ children: t }) => /* @__PURE__ */ e.jsx("div", { className: "profil
       ] })
     ]
   }
-), g = () => /* @__PURE__ */ e.jsx("div", { className: "w-px bg-gray-500/30 my-1 border-separator-profile" }), y = ({ isExpanded: t, onClick: a }) => /* @__PURE__ */ e.jsx(
-  i.button,
+), 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(
+  l.button,
   {
     onClick: a,
     className: "flex items-center justify-center p-3 rounded-r-md cursor-pointer relative overflow-hidden focus:outline-none min-w-[50px] hover:bg-neutral-medium-selected button-content-chevron",
@@ -225,29 +256,23 @@ const x = ({ children: t }) => /* @__PURE__ */ e.jsx("div", { className: "profil
     title: t ? "Ocultar opciones" : "Mostrar opciones",
     "aria-label": t ? "Ocultar opciones" : "Mostrar opciones",
     children: /* @__PURE__ */ e.jsx(
-      i.div,
+      l.div,
       {
         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(
-          o.ChevronDown,
-          {
-            size: 20,
-            className: "text-prometeo-neutral "
-          }
-        ) })
+        children: /* @__PURE__ */ e.jsx(l.div, { transition: { duration: 0.2 }, children: /* @__PURE__ */ e.jsx(s.ChevronDown, { size: 20, className: "text-prometeo-neutral " }) })
       }
     )
   }
-), s = Object.assign(x, {
+), o = Object.assign(x, {
   Menu: h,
   Image: p,
   Content: j,
   Separator: g,
-  Options: y
+  Options: v
 });
 export {
-  s as C,
+  o as C,
   f as a
 };

package/dist/CardProfile.es.js

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

package/dist/CheckBox.es.js

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

package/dist/Icons/Icons.d.ts

@@ -50,5 +50,7 @@ declare const Icons: {
     readonly FastForward: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
     readonly Trash: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
     readonly Sort: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
+    readonly Cancel: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
+    readonly CheckCircle: import('react').MemoExoticComponent<(props: IconProps) => ReactElement>;
 };
 export { Icons };