prometeo-design-system 2.8.4 → 2.8.7

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

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

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

@@ -1,41 +1,16 @@
-import { j as e } from "./jsx-runtime-ByW6EXIE.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 { ChevronDown as m, Logout as f } from "./Icons.es.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(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 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: s,
-  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: [
-      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(
+      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 " }) })
       }
     )
   }
-), o = 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 {
-  o 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-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) => {
-    const u = v(), o = C(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 = g(
       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 = g(
         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 = g(
                   ...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 = g(
     );
   }
 );
-s.displayName = "CheckBox";
-const w = k(s);
+l.displayName = "CheckBox";
+const B = g(l);
 export {
-  w as default
+  B as default
 };