prometeo-design-system 2.8.1 → 2.8.3

package/dist/Avatar.es.js

@@ -1,4 +1,4 @@
-import { j as s } from "./jsx-runtime-DKDX3adD.js";
+import { j as s } from "./jsx-runtime-ByW6EXIE.js";
 import { c as x } from "./cn-B6yFEsav.js";
 import { motion as j } from "framer-motion";
 import { useState as g } from "react";

package/dist/Button.es.js

@@ -1,4 +1,4 @@
-import { j as t } from "./jsx-runtime-DKDX3adD.js";
+import { j as t } from "./jsx-runtime-ByW6EXIE.js";
 import { memo as M, useMemo as A } from "react";
 import E from "./Spinner.es.js";
 import { c as v } from "./index-BOQuZ0gG.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"
+  icon: "w-max transition-all ease-in-out duration-300 flex justify-center items-center"
 }, y = {
   true: {
     container: "hover:scale-105 active:scale-95 disabled:scale-100"
@@ -302,11 +302,11 @@ const m = {
   }
 }), D = ({
   label: g,
-  onClick: k,
+  onClick: j,
   icon: i,
   contentClassName: u,
   loadingText: f = "Cargando...",
-  animate: j = !0,
+  animate: k = !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 = !!(j && !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 = !!(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__ */ t.jsx(
       "span",
@@ -390,7 +390,7 @@ const m = {
       ),
       disabled: s || a,
       form: z,
-      onClick: k,
+      onClick: j,
       children: /* @__PURE__ */ t.jsx("div", { className: `flex items-center gap-1 ${u}`, children: C })
     }
   );

package/dist/{CardProfile-CHUivLbW.js → CardProfile-BB-IP1MR.js}

@@ -1,9 +1,9 @@
-import { j as e } from "./jsx-runtime-DKDX3adD.js";
+import { j as e } from "./jsx-runtime-ByW6EXIE.js";
 import { c as l } from "./cn-B6yFEsav.js";
-import { motion as i, AnimatePresence as u } from "framer-motion";
-import m from "./Avatar.es.js";
-import { I as o } from "./Icons-ChYkaR8R.js";
-function f({
+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({
   sessions: t,
   handleTokenLogin: a
 }) {
@@ -12,8 +12,8 @@ function f({
     {
       className: "w-full  ",
       onClick: () => a?.(r.token),
-      children: /* @__PURE__ */ e.jsx(s, { children: /* @__PURE__ */ e.jsx(
-        s.Content,
+      children: /* @__PURE__ */ e.jsx(o, { children: /* @__PURE__ */ e.jsx(
+        o.Content,
         {
           onClick: () => {
             console.log("hola");
@@ -22,19 +22,19 @@ function f({
           nameUser: r.name,
           nameArea: r?.areaId?.name,
           nameCompany: r.companyId.name,
-          cardProfile: /* @__PURE__ */ e.jsx(s.Image, { isExpanded: !1 })
+          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 shrink-0 w-full min-w-0 ", children: t }), h = ({
+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: r,
   handleTokenLogin: n
-}) => /* @__PURE__ */ e.jsx(u, { mode: "wait", children: t && /* @__PURE__ */ e.jsxs(
+}) => /* @__PURE__ */ e.jsx(c, { mode: "wait", children: t && /* @__PURE__ */ e.jsxs(
   i.div,
   {
     initial: { height: 0, opacity: 0 },
@@ -113,7 +113,7 @@ const x = ({ children: t }) => /* @__PURE__ */ e.jsx("div", { className: "profil
               }
             },
             children: /* @__PURE__ */ e.jsx(
-              f,
+              x,
               {
                 sessions: a,
                 handleTokenLogin: n
@@ -161,32 +161,32 @@ 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(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" })
           ]
         }
       )
     ]
   }
-) }), 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,
+) }), 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
   }
-) }), j = ({
+) }), g = ({
   isExpanded: t,
   nameUser: a,
   nameCompany: r,
   nameArea: n,
-  cardProfile: d,
-  onClick: c
+  cardProfile: s,
+  onClick: d
 }) => /* @__PURE__ */ e.jsxs(
   i.button,
   {
-    onClick: c,
+    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"
@@ -198,7 +198,7 @@ const x = ({ children: t }) => /* @__PURE__ */ e.jsx("div", { className: "profil
     whileTap: { scale: 0.98 },
     transition: { duration: 0.2, ease: "easeInOut" },
     children: [
-      d,
+      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.jsx(
           "p",
@@ -245,7 +245,7 @@ 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" }), v = ({ isExpanded: t, onClick: a }) => /* @__PURE__ */ e.jsx(
+), 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,
@@ -261,18 +261,18 @@ const x = ({ 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(o.ChevronDown, { 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 " }) })
       }
     )
   }
-), s = Object.assign(x, {
-  Menu: h,
-  Image: p,
-  Content: j,
-  Separator: g,
-  Options: v
+), o = Object.assign(h, {
+  Menu: p,
+  Image: j,
+  Content: g,
+  Separator: v,
+  Options: y
 });
 export {
-  s as C,
-  f as a
+  o as C,
+  x as a
 };

package/dist/CardProfile.es.js

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

package/dist/CheckBox.es.js

@@ -1,5 +1,5 @@
-import { j as a } from "./jsx-runtime-DKDX3adD.js";
-import { I as m } from "./Icons-ChYkaR8R.js";
+import { j as a } from "./jsx-runtime-ByW6EXIE.js";
+import { Check 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) => {
@@ -92,7 +92,7 @@ const s = g(
                 }
               ),
               t.checked && /* @__PURE__ */ a.jsx(
-                m.Check,
+                m,
                 {
                   size: 18,
                   className: `absolute ${e ? "icon-neutral-strong-disabled" : ""} pointer-events-none icon-neutral-strong-default`
@@ -106,7 +106,7 @@ const s = g(
   }
 );
 s.displayName = "CheckBox";
-const z = k(s);
+const w = k(s);
 export {
-  z as default
+  w as default
 };