prometeo-design-system 2.8.8 → 2.8.9

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

@@ -1,15 +1,15 @@
-import { jsxs as g, jsx as e } from "react/jsx-runtime";
-import { cn as i } from "../../lib/cn.js";
-import { useState as b } from "react";
-function j({
-  imageUrl: s,
+import { j as s } from "./jsx-runtime-DKDX3adD.js";
+import { c as a } from "./cn-B6yFEsav.js";
+import { useState as j } from "react";
+function C({
+  imageUrl: e,
   sizeImage: l = "md",
   sizeFallback: t = "md",
-  fallbackText: a = "Selene Soluciones",
-  subImageUrl: r,
+  fallbackText: i = "Selene Soluciones",
+  subImageUrl: x,
   borderColor: n = "white"
 }) {
-  const [c, d] = b(!1), o = s && s.trim() !== "" && !c, m = (f) => f.split(" ").map((p) => p.charAt(0)).join("").toUpperCase().slice(0, 2), x = {
+  const [c, m] = j(!1), r = e && e.trim() !== "" && !c, d = (f) => f.split(" ").map((p) => p.charAt(0)).join("").toUpperCase().slice(0, 2), o = {
     xxxs: "w-6.5 h-6.5",
     xxs: "w-8.5 h-8.5",
     xs: "w-10 h-10",
@@ -33,48 +33,48 @@ function j({
     md: "w-12 h-12",
     lg: "w-16 h-16",
     xl: "w-20 h-20"
-  }, w = o ? l : t;
-  return /* @__PURE__ */ g("div", { className: "relative inline-block", children: [
-    o ? /* @__PURE__ */ e(
+  }, w = r ? l : t;
+  return /* @__PURE__ */ s.jsxs("div", { className: "relative inline-block", children: [
+    r ? /* @__PURE__ */ s.jsx(
       "img",
       {
         onError: () => {
-          d(!0);
+          m(!0);
         },
-        src: s,
-        className: `rounded-full object-cover ${x[l]}`,
+        src: e,
+        className: `rounded-full object-cover ${o[l]}`,
         alt: "Profile"
       }
-    ) : /* @__PURE__ */ e(
+    ) : /* @__PURE__ */ s.jsx(
       "div",
       {
-        className: ` flex items-center justify-center rounded-full aspect-square ${x[t]}`,
+        className: ` flex items-center justify-center rounded-full aspect-square ${o[t]}`,
         style: { backgroundColor: "#C6D2FF" },
-        children: /* @__PURE__ */ e(
+        children: /* @__PURE__ */ s.jsx(
           "span",
           {
-            className: i(
+            className: a(
               "text-[#312C85] font-semibold",
               h[t]
             ),
-            children: m(a)
+            children: d(i)
           }
         )
       },
       "initials"
     ),
-    r && /* @__PURE__ */ e(
+    x && /* @__PURE__ */ s.jsx(
       "div",
       {
-        className: i(
+        className: a(
           "absolute bottom-[-10px] right-[-10px] rounded-full border-4 overflow-hidden bg-gray-900",
           u[w]
         ),
         style: { borderColor: n },
-        children: /* @__PURE__ */ e(
+        children: /* @__PURE__ */ s.jsx(
           "img",
           {
-            src: r,
+            src: x,
             alt: "Sub badge",
             className: "w-full h-full object-cover"
           }
@@ -84,5 +84,5 @@ function j({
   ] });
 }
 export {
-  j as default
+  C as default
 };

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

@@ -1,8 +1,8 @@
-import { jsxs as y, jsx as o } from "react/jsx-runtime";
-import { memo as A, useMemo as q } from "react";
-import D from "../Spinner/Spinner.js";
-import { cva as v } from "../../node_modules/class-variance-authority/dist/index.js";
-import { cn as d } from "../../lib/cn.js";
+import { j as t } from "./jsx-runtime-DKDX3adD.js";
+import { memo as M, useMemo as A } from "react";
+import E from "./Spinner.es.js";
+import { c as v } from "./index-BOQuZ0gG.js";
+import { c as d } from "./cn-B6yFEsav.js";
 const m = {
   small: {
     container: "h-10 px-4 py-2"
@@ -138,21 +138,21 @@ const m = {
   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"
-}, w = {
+}, y = {
   true: {
     container: "hover:scale-105 active:scale-95 disabled:scale-100"
   },
   false: {
     container: ""
   }
-}, V = {
+}, w = {
   true: {
     icon: "group-hover:rotate-90 group-active:rotate-0 group-disabled:rotate-0"
   },
   false: {
     icon: ""
   }
-}, E = v(p.container, {
+}, R = v(p.container, {
   variants: {
     size: {
       small: `${r.small.container} ${m.small.container}`,
@@ -173,8 +173,8 @@ const m = {
       disabled: ""
     },
     animation: {
-      true: w.true.container,
-      false: w.false.container
+      true: y.true.container,
+      false: y.false.container
     }
   },
   compoundVariants: [
@@ -203,7 +203,7 @@ const m = {
     color: "primary",
     animation: !0
   }
-}), k = v(p.label, {
+}), V = v(p.label, {
   variants: {
     size: {
       small: r.small.label,
@@ -249,7 +249,7 @@ const m = {
     variant: "fill",
     color: "primary"
   }
-}), F = v(p.icon, {
+}), q = v(p.icon, {
   variants: {
     size: {
       small: r.small.icon,
@@ -270,8 +270,8 @@ const m = {
       disabled: ""
     },
     animateIcon: {
-      true: V.true.icon,
-      false: V.false.icon
+      true: w.true.icon,
+      false: w.false.icon
     }
   },
   compoundVariants: [
@@ -300,60 +300,60 @@ const m = {
     color: "primary",
     animateIcon: !0
   }
-}), G = ({
+}), D = ({
   label: g,
-  onClick: $,
-  icon: s,
+  onClick: j,
+  icon: i,
   contentClassName: u,
   loadingText: f = "Cargando...",
-  animate: N = !0,
-  animateIcon: I = !0,
-  isLoading: t = !1,
+  animate: k = !0,
+  animateIcon: $ = !0,
+  isLoading: a = !1,
   children: c,
   hideSpinner: b = !1,
-  spinner: x = /* @__PURE__ */ o(D, { size: "small", variant: "clip", speedMultiplier: 0.5, className: "mt-1.5", color: "var(--neutral-600)" }),
-  type: j,
-  className: z,
-  disabled: i,
+  spinner: x = /* @__PURE__ */ t.jsx(E, { size: "small", variant: "clip", speedMultiplier: 0.5, className: "mt-1.5", color: "var(--neutral-600)" }),
+  type: N,
+  className: I,
+  disabled: s,
   variant: l = "fill",
-  form: S,
-  size: a = "medium",
-  color: B = "primary"
+  form: z,
+  size: o = "medium",
+  color: S = "primary"
 }) => {
-  const h = !!(I && !i && !t), C = !!(N && !i && !t), n = i || t ? "disabled" : B, M = q(() => c || (t ? /* @__PURE__ */ y("div", { className: "flex items-center gap-1", children: [
+  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: [
     !b && x,
-    /* @__PURE__ */ o(
+    /* @__PURE__ */ t.jsx(
       "span",
       {
         className: d(
-          k({
-            size: a,
+          V({
+            size: o,
             variant: l,
             color: n
           }),
-          a === "small" ? "prometeo-fonts-label-xsmall" : ""
+          o === "small" ? "prometeo-fonts-label-xsmall" : ""
         ),
         children: f
       }
     )
-  ] }) : /* @__PURE__ */ y("div", { className: d("flex items-center gap-1", u), children: [
-    s && /* @__PURE__ */ o(
+  ] }) : /* @__PURE__ */ t.jsxs("div", { className: d("flex items-center gap-1", u), children: [
+    i && /* @__PURE__ */ t.jsx(
       "span",
       {
-        className: F({
-          size: a,
+        className: q({
+          size: o,
           variant: l,
           color: n,
           animateIcon: h
         }),
-        children: s
+        children: i
       }
     ),
-    /* @__PURE__ */ o(
+    /* @__PURE__ */ t.jsx(
       "span",
       {
-        className: k({
-          size: a,
+        className: V({
+          size: o,
           variant: l,
           color: n
         }),
@@ -363,38 +363,38 @@ const m = {
   ] })), [
     c,
     u,
-    s,
+    i,
     g,
     l,
-    a,
+    o,
     n,
-    t,
+    a,
     b,
     x,
     f,
     h
   ]);
-  return /* @__PURE__ */ o(
+  return /* @__PURE__ */ t.jsx(
     "button",
     {
-      type: j,
+      type: N,
       className: d(
         "group",
-        E({
-          size: a,
+        R({
+          size: o,
           variant: l,
           color: n,
-          animation: C
+          animation: B
         }),
-        z
+        I
       ),
-      disabled: i || t,
-      form: S,
-      onClick: $,
-      children: /* @__PURE__ */ o("div", { className: `flex items-center gap-1 ${u}`, children: M })
+      disabled: s || a,
+      form: z,
+      onClick: j,
+      children: /* @__PURE__ */ t.jsx("div", { className: `flex items-center gap-1 ${u}`, children: C })
     }
   );
-}, Q = A(G);
+}, O = M(D);
 export {
-  Q as default
+  O as default
 };

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

@@ -1,16 +1,41 @@
-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 = ({
+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 = ({
   isExpanded: t,
   sessions: a,
-  onClickLogout: i,
-  handleTokenLogin: o
-}) => /* @__PURE__ */ e(u, { mode: "wait", children: t && /* @__PURE__ */ l(
-  r.div,
+  onClickLogout: r,
+  handleTokenLogin: n
+}) => /* @__PURE__ */ e.jsx(c, { mode: "wait", children: t && /* @__PURE__ */ e.jsxs(
+  i.div,
   {
     initial: { height: 0, opacity: 0 },
     animate: {
@@ -35,8 +60,8 @@ const x = ({ children: t }) => /* @__PURE__ */ e("div", { className: "profile-co
     },
     className: "overflow-hidden",
     children: [
-      /* @__PURE__ */ e(
-        r.div,
+      /* @__PURE__ */ e.jsx(
+        i.div,
         {
           className: "flex justify-center items-center w-full mt-4",
           exit: {
@@ -49,12 +74,12 @@ const x = ({ children: t }) => /* @__PURE__ */ e("div", { className: "profile-co
               ease: "easeInOut"
             }
           },
-          children: /* @__PURE__ */ e("div", { className: "border-b border-neutral-strong-default border w-full" })
+          children: /* @__PURE__ */ e.jsx("div", { className: "border-b border-neutral-strong-default border w-full" })
         }
       ),
-      a && a.length > 0 && /* @__PURE__ */ l(s, { children: [
-        /* @__PURE__ */ e(
-          r.div,
+      a && a.length > 0 && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+        /* @__PURE__ */ e.jsx(
+          i.div,
           {
             className: "mt-4",
             exit: {
@@ -67,11 +92,11 @@ const x = ({ children: t }) => /* @__PURE__ */ e("div", { className: "profile-co
                 ease: "easeInOut"
               }
             },
-            children: /* @__PURE__ */ e("span", { className: "text-neutral-medium-default font-semibold text-xs", children: "Cambiar cuenta" })
+            children: /* @__PURE__ */ e.jsx("span", { className: "text-neutral-medium-default font-semibold text-xs", children: "Cambiar cuenta" })
           }
         ),
-        /* @__PURE__ */ e(
-          r.div,
+        /* @__PURE__ */ e.jsx(
+          i.div,
           {
             className: "mt-4 overflow-hidden w-full  ",
             exit: {
@@ -87,17 +112,17 @@ const x = ({ children: t }) => /* @__PURE__ */ e("div", { className: "profile-co
                 ease: "easeInOut"
               }
             },
-            children: /* @__PURE__ */ e(
-              m,
+            children: /* @__PURE__ */ e.jsx(
+              x,
               {
                 sessions: a,
-                handleTokenLogin: o
+                handleTokenLogin: n
               }
             )
           }
         ),
-        /* @__PURE__ */ e(
-          r.div,
+        /* @__PURE__ */ e.jsx(
+          i.div,
           {
             className: "flex justify-center items-center w-full mt-4",
             exit: {
@@ -110,14 +135,14 @@ const x = ({ children: t }) => /* @__PURE__ */ e("div", { className: "profile-co
                 ease: "easeInOut"
               }
             },
-            children: /* @__PURE__ */ e("div", { className: "border-b border-neutral-strong-default border w-full" })
+            children: /* @__PURE__ */ e.jsx("div", { className: "border-b border-neutral-strong-default border w-full" })
           }
         )
       ] }),
-      /* @__PURE__ */ l(
-        r.button,
+      /* @__PURE__ */ e.jsxs(
+        i.button,
         {
-          onClick: i,
+          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",
           exit: {
             opacity: 0,
@@ -136,33 +161,33 @@ const x = ({ children: t }) => /* @__PURE__ */ e("div", { className: "profile-co
           },
           whileTap: { scale: 0.98 },
           children: [
-            /* @__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" })
+            /* @__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" })
           ]
         }
       )
     ]
   }
-) }), v = ({ imageUrl: t, fallbackText: a }) => /* @__PURE__ */ e("div", { className: "flex items-center justify-center profile-image-wrapper ml-1", children: /* @__PURE__ */ e(
-  f,
+) }), 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,
   {
     imageUrl: t,
     sizeImage: "xs",
     sizeFallback: "xs",
     fallbackText: a
   }
-) }), y = ({
+) }), g = ({
   isExpanded: t,
   nameUser: a,
-  nameCompany: i,
-  nameArea: o,
-  cardProfile: d,
-  onClick: c
-}) => /* @__PURE__ */ l(
-  r.button,
+  nameCompany: r,
+  nameArea: n,
+  cardProfile: o,
+  onClick: d
+}) => /* @__PURE__ */ e.jsxs(
+  i.button,
   {
-    onClick: c,
-    className: n(
+    onClick: d,
+    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"
     ),
@@ -173,55 +198,55 @@ const x = ({ children: t }) => /* @__PURE__ */ e("div", { className: "profile-co
     whileTap: { scale: 0.98 },
     transition: { duration: 0.2, ease: "easeInOut" },
     children: [
-      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(
+      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(
           "p",
           {
-            className: n(
+            className: l(
               "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("div", { className: "flex items-center gap-1 mt-0 ", children: i && i ? /* @__PURE__ */ l(s, { children: [
-          /* @__PURE__ */ e(
+        /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-1 mt-0 ", children: r && r ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+          /* @__PURE__ */ e.jsx(
             "p",
             {
-              className: n(
+              className: l(
                 "profile-options truncate text-xs mt-0",
                 t ? "text-primary-default-default" : "text-neutral-default-default"
               ),
-              children: i?.length && i?.length > 20 ? i?.slice(0, 10) + ".." : i
+              children: r?.length && r?.length > 20 ? r?.slice(0, 10) + ".." : r
             }
           ),
-          /* @__PURE__ */ e(
+          /* @__PURE__ */ e.jsx(
             "p",
             {
-              className: n(
+              className: l(
                 "profile-options truncate font-bold mt-0",
                 t ? "text-primary-default-default" : "text-neutral-default-default"
               ),
               children: "·"
             }
           ),
-          /* @__PURE__ */ e(
+          /* @__PURE__ */ e.jsx(
             "p",
             {
-              className: n(
+              className: l(
                 "profile-options truncate text-xs mt-0",
                 t ? "text-primary-default-default" : "text-neutral-default-default"
               ),
-              children: o || "Sin asignar"
+              children: n || "Sin asignar"
             }
           )
-        ] }) : /* @__PURE__ */ e("span", { className: "font-semibold leading-tight ml-3 text-xs text-blue-300  text-center", children: "Sin asignar" }) })
+        ] }) : /* @__PURE__ */ e.jsx("span", { className: "font-semibold leading-tight ml-3 text-xs text-blue-300  text-center", children: "Sin asignar" }) })
       ] })
     ]
   }
-), 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,
+), 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,
   {
     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",
@@ -230,23 +255,24 @@ const x = ({ children: t }) => /* @__PURE__ */ e("div", { className: "profile-co
     transition: { duration: 0.2, ease: "easeOut" },
     title: t ? "Ocultar opciones" : "Mostrar opciones",
     "aria-label": t ? "Ocultar opciones" : "Mostrar opciones",
-    children: /* @__PURE__ */ e(
-      r.div,
+    children: /* @__PURE__ */ e.jsx(
+      i.div,
       {
         animate: { rotate: t ? 180 : 0 },
         transition: { duration: 0.3, ease: "easeOut" },
         className: "relative button-select-crevron",
-        children: /* @__PURE__ */ e(r.div, { transition: { duration: 0.2 }, children: /* @__PURE__ */ e(h, { size: 20, className: "text-prometeo-neutral " }) })
+        children: /* @__PURE__ */ e.jsx(i.div, { transition: { duration: 0.2 }, children: /* @__PURE__ */ e.jsx(m, { size: 20, className: "text-prometeo-neutral " }) })
       }
     )
   }
-), z = Object.assign(x, {
-  Menu: g,
-  Image: v,
-  Content: y,
-  Separator: b,
-  Options: w
+), s = Object.assign(h, {
+  Menu: p,
+  Image: j,
+  Content: g,
+  Separator: v,
+  Options: y
 });
 export {
-  z as CardProfile
+  s as C,
+  x as a
 };

package/dist/CardProfile.es.js

@@ -0,0 +1,5 @@
+import { C as e, C as f } from "./CardProfile-CsytJlKZ.js";
+export {
+  e as CardProfile,
+  f as default
+};