prometeo-design-system 2.8.5 → 2.8.7

package/dist/{CardProfile-CsytJlKZ.js → components/CardProfile/CardProfile.js}

@@ -1,41 +1,16 @@
-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 { f as m, L as f } from "./Icons-DtFC5DJ7.js";
-function x({
-  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,
-        {
-          onClick: () => {
-            console.log("hola");
-          },
-          isExpanded: !1,
-          nameUser: r.name,
-          nameArea: r?.areaId?.name,
-          nameCompany: r.companyId.name,
-          cardProfile: /* @__PURE__ */ e.jsx(s.Image, { isExpanded: !1 })
-        }
-      ) })
-    },
-    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 = ({
+import { jsx as e, jsxs as l, Fragment as s } from "react/jsx-runtime";
+import { cn as n } from "../../lib/cn.js";
+import { motion as r, AnimatePresence as u } from "framer-motion";
+import f from "../Avatar/Avatar.js";
+import m from "../Sidebar/components/changue-account.js";
+import { ChevronDown as h, Logout as p } from "../../Icons/Icons.js";
+const x = ({ children: t }) => /* @__PURE__ */ e("div", { className: "profile-container flex  rounded-md text-white-prometeo overflow-hidden shrink-0 w-full min-w-0 ", children: t }), g = ({
   isExpanded: t,
   sessions: a,
-  onClickLogout: r,
-  handleTokenLogin: n
-}) => /* @__PURE__ */ e.jsx(c, { mode: "wait", children: t && /* @__PURE__ */ e.jsxs(
-  i.div,
+  onClickLogout: i,
+  handleTokenLogin: o
+}) => /* @__PURE__ */ e(u, { mode: "wait", children: t && /* @__PURE__ */ l(
+  r.div,
   {
     initial: { height: 0, opacity: 0 },
     animate: {
@@ -60,8 +35,8 @@ const h = ({ children: t }) => /* @__PURE__ */ e.jsx("div", { className: "profil
     },
     className: "overflow-hidden",
     children: [
-      /* @__PURE__ */ e.jsx(
-        i.div,
+      /* @__PURE__ */ e(
+        r.div,
         {
           className: "flex justify-center items-center w-full mt-4",
           exit: {
@@ -74,12 +49,12 @@ const h = ({ children: t }) => /* @__PURE__ */ e.jsx("div", { className: "profil
               ease: "easeInOut"
             }
           },
-          children: /* @__PURE__ */ e.jsx("div", { className: "border-b border-neutral-strong-default border w-full" })
+          children: /* @__PURE__ */ e("div", { className: "border-b border-neutral-strong-default border w-full" })
         }
       ),
-      a && a.length > 0 && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-        /* @__PURE__ */ e.jsx(
-          i.div,
+      a && a.length > 0 && /* @__PURE__ */ l(s, { children: [
+        /* @__PURE__ */ e(
+          r.div,
           {
             className: "mt-4",
             exit: {
@@ -92,11 +67,11 @@ const h = ({ children: t }) => /* @__PURE__ */ e.jsx("div", { className: "profil
                 ease: "easeInOut"
               }
             },
-            children: /* @__PURE__ */ e.jsx("span", { className: "text-neutral-medium-default font-semibold text-xs", children: "Cambiar cuenta" })
+            children: /* @__PURE__ */ e("span", { className: "text-neutral-medium-default font-semibold text-xs", children: "Cambiar cuenta" })
           }
         ),
-        /* @__PURE__ */ e.jsx(
-          i.div,
+        /* @__PURE__ */ e(
+          r.div,
           {
             className: "mt-4 overflow-hidden w-full  ",
             exit: {
@@ -112,17 +87,17 @@ const h = ({ children: t }) => /* @__PURE__ */ e.jsx("div", { className: "profil
                 ease: "easeInOut"
               }
             },
-            children: /* @__PURE__ */ e.jsx(
-              x,
+            children: /* @__PURE__ */ e(
+              m,
               {
                 sessions: a,
-                handleTokenLogin: n
+                handleTokenLogin: o
               }
             )
           }
         ),
-        /* @__PURE__ */ e.jsx(
-          i.div,
+        /* @__PURE__ */ e(
+          r.div,
           {
             className: "flex justify-center items-center w-full mt-4",
             exit: {
@@ -135,14 +110,14 @@ const h = ({ children: t }) => /* @__PURE__ */ e.jsx("div", { className: "profil
                 ease: "easeInOut"
               }
             },
-            children: /* @__PURE__ */ e.jsx("div", { className: "border-b border-neutral-strong-default border w-full" })
+            children: /* @__PURE__ */ e("div", { className: "border-b border-neutral-strong-default border w-full" })
           }
         )
       ] }),
-      /* @__PURE__ */ e.jsxs(
-        i.button,
+      /* @__PURE__ */ l(
+        r.button,
         {
-          onClick: r,
+          onClick: i,
           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",
           exit: {
             opacity: 0,
@@ -161,33 +136,33 @@ 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("span", { className: "text-neutral-default-default font-semibold text-sm", children: "Cerrar sesión" })
+            /* @__PURE__ */ e(p, { size: 24, className: "text-neutral-default-default" }),
+            /* @__PURE__ */ e("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,
+) }), v = ({ imageUrl: t, fallbackText: a }) => /* @__PURE__ */ e("div", { className: "flex items-center justify-center profile-image-wrapper ml-1", children: /* @__PURE__ */ e(
+  f,
   {
     imageUrl: t,
     sizeImage: "xs",
     sizeFallback: "xs",
     fallbackText: a
   }
-) }), g = ({
+) }), y = ({
   isExpanded: t,
   nameUser: a,
-  nameCompany: r,
-  nameArea: n,
-  cardProfile: o,
-  onClick: d
-}) => /* @__PURE__ */ e.jsxs(
-  i.button,
+  nameCompany: i,
+  nameArea: o,
+  cardProfile: d,
+  onClick: c
+}) => /* @__PURE__ */ l(
+  r.button,
   {
-    onClick: d,
-    className: l(
+    onClick: c,
+    className: n(
       "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,55 +173,55 @@ const h = ({ children: t }) => /* @__PURE__ */ e.jsx("div", { className: "profil
     whileTap: { scale: 0.98 },
     transition: { duration: 0.2, ease: "easeInOut" },
     children: [
-      o,
-      /* @__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(
+      d,
+      /* @__PURE__ */ l("div", { className: "flex flex-col  justify-center overflow-hidden flex-1 relative z-10 profile-user-info mr-2", children: [
+        /* @__PURE__ */ e(
           "p",
           {
-            className: l(
+            className: n(
               "profile-name font-semibold leading-tight mb-0 text-left",
               t ? "text-primary-default-default" : "text-neutral-default-default"
             ),
             children: a?.length && a?.length > 20 ? a?.slice(0, 10) + ".." : a
           }
         ),
-        /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-1 mt-0 ", children: r && r ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-          /* @__PURE__ */ e.jsx(
+        /* @__PURE__ */ e("div", { className: "flex items-center gap-1 mt-0 ", children: i && i ? /* @__PURE__ */ l(s, { children: [
+          /* @__PURE__ */ e(
             "p",
             {
-              className: l(
+              className: n(
                 "profile-options truncate text-xs mt-0",
                 t ? "text-primary-default-default" : "text-neutral-default-default"
               ),
-              children: r?.length && r?.length > 20 ? r?.slice(0, 10) + ".." : r
+              children: i?.length && i?.length > 20 ? i?.slice(0, 10) + ".." : i
             }
           ),
-          /* @__PURE__ */ e.jsx(
+          /* @__PURE__ */ e(
             "p",
             {
-              className: l(
+              className: n(
                 "profile-options truncate font-bold mt-0",
                 t ? "text-primary-default-default" : "text-neutral-default-default"
               ),
               children: "·"
             }
           ),
-          /* @__PURE__ */ e.jsx(
+          /* @__PURE__ */ e(
             "p",
             {
-              className: l(
+              className: n(
                 "profile-options truncate text-xs mt-0",
                 t ? "text-primary-default-default" : "text-neutral-default-default"
               ),
-              children: n || "Sin asignar"
+              children: o || "Sin asignar"
             }
           )
-        ] }) : /* @__PURE__ */ e.jsx("span", { className: "font-semibold leading-tight ml-3 text-xs text-blue-300  text-center", children: "Sin asignar" }) })
+        ] }) : /* @__PURE__ */ e("span", { className: "font-semibold leading-tight ml-3 text-xs text-blue-300  text-center", children: "Sin asignar" }) })
       ] })
     ]
   }
-), 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(
-  i.button,
+), b = () => /* @__PURE__ */ e("div", { className: "w-px bg-gray-500/30 my-1 border-separator-profile" }), w = ({ isExpanded: t, onClick: a }) => /* @__PURE__ */ e(
+  r.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",
@@ -255,24 +230,23 @@ const h = ({ children: t }) => /* @__PURE__ */ e.jsx("div", { className: "profil
     transition: { duration: 0.2, ease: "easeOut" },
     title: t ? "Ocultar opciones" : "Mostrar opciones",
     "aria-label": t ? "Ocultar opciones" : "Mostrar opciones",
-    children: /* @__PURE__ */ e.jsx(
-      i.div,
+    children: /* @__PURE__ */ e(
+      r.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(m, { size: 20, className: "text-prometeo-neutral " }) })
+        children: /* @__PURE__ */ e(r.div, { transition: { duration: 0.2 }, children: /* @__PURE__ */ e(h, { size: 20, className: "text-prometeo-neutral " }) })
       }
     )
   }
-), s = Object.assign(h, {
-  Menu: p,
-  Image: j,
-  Content: g,
-  Separator: v,
-  Options: y
+), z = Object.assign(x, {
+  Menu: g,
+  Image: v,
+  Content: y,
+  Separator: b,
+  Options: w
 });
 export {
-  s as C,
-  x as a
+  z as CardProfile
 };

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

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