prometeo-design-system 3.1.1 → 3.1.3

package/dist/Avatar.es.js

@@ -2,16 +2,16 @@ 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,
+  imageUrl: t,
   sizeImage: l = "md",
-  sizeFallback: t = "md",
+  sizeFallback: e = "md",
   fallbackText: i = "Selene Soluciones",
-  subImageUrl: x,
+  subImageUrl: r,
   borderColor: n = "white"
 }) {
-  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 = {
+  const [c, m] = j(!1), x = t && t.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",
+    xxs: "w-8 h-8",
     xs: "w-10 h-10",
     sm: "w-16 h-16",
     md: "w-24 h-24",
@@ -27,35 +27,35 @@ function C({
     xl: "text-4xl"
   }, u = {
     xxxs: "w-3 h-3",
-    xxs: "w-4 h-4",
+    xxs: "w-4 h-4 bottom-0 right-0 translate-x-1/3 translate-y-1/3",
     xs: "w-5 h-5",
     sm: "w-8 h-8",
     md: "w-12 h-12",
     lg: "w-16 h-16",
     xl: "w-20 h-20"
-  }, w = r ? l : t;
+  }, w = x ? l : e;
   return /* @__PURE__ */ s.jsxs("div", { className: "relative inline-block", children: [
-    r ? /* @__PURE__ */ s.jsx(
+    x ? /* @__PURE__ */ s.jsx(
       "img",
       {
         onError: () => {
           m(!0);
         },
-        src: e,
+        src: t,
         className: `rounded-full object-cover ${o[l]}`,
         alt: "Profile"
       }
     ) : /* @__PURE__ */ s.jsx(
       "div",
       {
-        className: ` flex items-center justify-center rounded-full aspect-square ${o[t]}`,
+        className: ` flex items-center justify-center rounded-full aspect-square ${o[e]}`,
         style: { backgroundColor: "#C6D2FF" },
         children: /* @__PURE__ */ s.jsx(
           "span",
           {
             className: a(
               "text-[#312C85] font-semibold",
-              h[t]
+              h[e]
             ),
             children: d(i)
           }
@@ -63,7 +63,7 @@ function C({
       },
       "initials"
     ),
-    x && /* @__PURE__ */ s.jsx(
+    r && /* @__PURE__ */ s.jsx(
       "div",
       {
         className: a(
@@ -74,7 +74,7 @@ function C({
         children: /* @__PURE__ */ s.jsx(
           "img",
           {
-            src: x,
+            src: r,
             alt: "Sub badge",
             className: "w-full h-full object-cover"
           }

package/dist/{CardProfile-Ct5Fs60N.js → CardProfile-BVO6fKr9.js}

@@ -1,6 +1,6 @@
 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 { c as i } from "./cn-B6yFEsav.js";
+import { motion as l, AnimatePresence as c } from "framer-motion";
 import u from "./Avatar.es.js";
 import { ChevronDown as m } from "./Icons/ChevronDown.es.js";
 import { Logout as f } from "./Icons/Logout.es.js";
@@ -30,13 +30,13 @@ 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 h = ({ children: t }) => /* @__PURE__ */ e.jsx("div", { className: "profile-container flex gap-0.5 overflow-hidden w-full min-w-0 bg-red-200 ", children: t }), p = ({
   isExpanded: t,
   sessions: a,
   onClickLogout: r,
   handleTokenLogin: n
 }) => /* @__PURE__ */ e.jsx(c, { mode: "wait", children: t && /* @__PURE__ */ e.jsxs(
-  i.div,
+  l.div,
   {
     initial: { height: 0, opacity: 0 },
     animate: {
@@ -62,7 +62,7 @@ const h = ({ 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: {
@@ -80,7 +80,7 @@ const h = ({ 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: {
@@ -97,7 +97,7 @@ const h = ({ children: t }) => /* @__PURE__ */ e.jsx("div", { className: "profil
           }
         ),
         /* @__PURE__ */ e.jsx(
-          i.div,
+          l.div,
           {
             className: "mt-4 overflow-hidden w-full  ",
             exit: {
@@ -123,7 +123,7 @@ const h = ({ children: t }) => /* @__PURE__ */ e.jsx("div", { className: "profil
           }
         ),
         /* @__PURE__ */ e.jsx(
-          i.div,
+          l.div,
           {
             className: "flex justify-center items-center w-full mt-4",
             exit: {
@@ -141,7 +141,7 @@ const h = ({ 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",
@@ -169,15 +169,16 @@ const h = ({ children: t }) => /* @__PURE__ */ e.jsx("div", { className: "profil
       )
     ]
   }
-) }), j = ({ imageUrl: t, fallbackText: a }) => /* @__PURE__ */ e.jsx("div", { className: "flex items-center justify-center profile-image-wrapper ml-1", children: /* @__PURE__ */ e.jsx(
+) }), g = ({ imageUrl: t, fallbackText: a }) => /* @__PURE__ */ e.jsx("div", { className: "flex items-center justify-center profile-image-wrapper bg-orange-600", children: /* @__PURE__ */ e.jsx(
   u,
   {
+    subImageUrl: t,
     imageUrl: t,
-    sizeImage: "xs",
+    sizeImage: "xxs",
     sizeFallback: "xs",
     fallbackText: a
   }
-) }), g = ({
+) }), j = ({
   isExpanded: t,
   nameUser: a,
   nameCompany: r,
@@ -185,11 +186,11 @@ const h = ({ children: t }) => /* @__PURE__ */ e.jsx("div", { className: "profil
   cardProfile: s,
   onClick: d
 }) => /* @__PURE__ */ e.jsxs(
-  i.button,
+  l.button,
   {
     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",
+    className: i(
+      "flex flex-1 gap-2 rounded-lg cursor-pointer relative overflow-hidden focus:outline-none hover:bg-neutral-medium-selected button-profile h-max p-3 bg-lime-600",
       t && "bg-neutral-medium-selected"
     ),
     whileHover: {
@@ -200,11 +201,11 @@ const h = ({ children: t }) => /* @__PURE__ */ e.jsx("div", { className: "profil
     transition: { duration: 0.2, ease: "easeInOut" },
     children: [
       s,
-      /* @__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.jsxs("div", { className: "flex flex-col  justify-center overflow-hidden flex-1 relative z-10 profile-user-info mr-2 p-0", children: [
         /* @__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"
             ),
@@ -215,7 +216,7 @@ const h = ({ 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"
               ),
@@ -225,7 +226,7 @@ const h = ({ children: t }) => /* @__PURE__ */ e.jsx("div", { className: "profil
           /* @__PURE__ */ e.jsx(
             "p",
             {
-              className: l(
+              className: i(
                 "profile-options truncate font-bold mt-0",
                 t ? "text-primary-default-default" : "text-neutral-default-default"
               ),
@@ -235,7 +236,7 @@ const h = ({ 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"
               ),
@@ -246,32 +247,32 @@ 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(
-  i.button,
+), b = () => /* @__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",
+    className: "flex items-center justify-center p-3 rounded-lg cursor-pointer relative overflow-hidden focus:outline-none bg-amber-800 w-8 min-w-8 hover:bg-neutral-medium-selected button-content-chevron",
     whileHover: { scale: 1.05 },
     whileTap: { scale: 0.95 },
     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,
+      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(m, { size: 20, className: "text-prometeo-neutral " }) })
+        children: /* @__PURE__ */ e.jsx(l.div, { transition: { duration: 0.2 }, children: /* @__PURE__ */ e.jsx(m, { size: 24, className: "text-prometeo-neutral " }) })
       }
     )
   }
 ), o = Object.assign(h, {
   Menu: p,
-  Image: j,
-  Content: g,
-  Separator: v,
-  Options: y
+  Image: g,
+  Content: j,
+  Separator: b,
+  Options: v
 });
 export {
   o as C,

package/dist/CardProfile.es.js

@@ -1,4 +1,4 @@
-import { C as e, C as f } from "./CardProfile-Ct5Fs60N.js";
+import { C as e, C as f } from "./CardProfile-BVO6fKr9.js";
 export {
   e as CardProfile,
   f as default

package/dist/RecurrentDatePicker.es.js

@@ -1,7 +1,7 @@
 import { j as r } from "./jsx-runtime-DKDX3adD.js";
 import O, { useMemo as D, memo as b, useRef as M, useCallback as g, useState as L, useEffect as W } from "react";
 import { D as I } from "./DatePicker-D1EwMGIN.js";
-import { S as f } from "./Select-mdLPyy7g.js";
+import { S as f } from "./Select-Bq1fVlwM.js";
 import { I as R } from "./Input-EkMrxcNX.js";
 import _ from "./CheckBox.es.js";
 import { c as p } from "./cn-B6yFEsav.js";