prometeo-design-system 4.2.5 → 4.3.1

package/dist/CardProfile.es.js

@@ -1,293 +1,5 @@
-import { j as e } from "./jsx-runtime-GkKLlHH4.js";
-import { c as n } from "./cn-B6yFEsav.js";
-import { motion as i, AnimatePresence as h } from "framer-motion";
-import { isValidElement as j } from "react";
-import g from "./Avatar.es.js";
-import { ChevronDown as v } from "./Icons/ChevronDown.es.js";
-import { Logout as b } from "./Icons/Logout.es.js";
-function y({
-  sessions: t,
-  handleTokenLogin: r
-}) {
-  return /* @__PURE__ */ e.jsx("div", { className: "profile-options-container w-full ", children: t?.map((a) => /* @__PURE__ */ e.jsx(
-    "button",
-    {
-      className: "w-full  ",
-      onClick: () => r?.(a.token),
-      children: /* @__PURE__ */ e.jsx(s, { children: /* @__PURE__ */ e.jsx(
-        s.Content,
-        {
-          onClick: () => {
-            console.log("hola");
-          },
-          isExpanded: !1,
-          nameUser: a.name,
-          nameArea: a?.areaId?.name,
-          nameCompany: a.companyId.name,
-          cardProfile: /* @__PURE__ */ e.jsx(s.Image, { isExpanded: !1 })
-        }
-      ) })
-    },
-    a._id
-  )) });
-}
-const w = ({ children: t }) => /* @__PURE__ */ e.jsx("div", { className: "profile-container flex gap-0.5 overflow-hidden w-full min-w-0 ", children: t }), N = ({
-  isExpanded: t,
-  sessions: r,
-  onClickLogout: a,
-  handleTokenLogin: d
-}) => /* @__PURE__ */ e.jsx(h, { mode: "wait", children: t && /* @__PURE__ */ e.jsxs(
-  i.div,
-  {
-    initial: { height: 0, opacity: 0 },
-    animate: {
-      height: "auto",
-      opacity: 1,
-      transition: {
-        height: { duration: 0.6, ease: "easeOut" },
-        opacity: { duration: 0.4, delay: 0.2 }
-      }
-    },
-    exit: {
-      height: 0,
-      opacity: 0,
-      transition: {
-        height: {
-          duration: 0.8,
-          delay: 0.2,
-          ease: "easeIn"
-        },
-        opacity: { duration: 0.3, delay: 0.1 }
-      }
-    },
-    className: "overflow-hidden",
-    children: [
-      /* @__PURE__ */ e.jsx(
-        i.div,
-        {
-          className: "flex justify-center items-center w-full mt-4",
-          exit: {
-            opacity: 0,
-            scaleX: 0,
-            height: 0,
-            transition: {
-              duration: 0.4,
-              delay: 0.5,
-              ease: "easeInOut"
-            }
-          },
-          children: /* @__PURE__ */ e.jsx("div", { className: "border-b border-neutral-strong-default border w-full" })
-        }
-      ),
-      r && r.length > 0 && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-        /* @__PURE__ */ e.jsx(
-          i.div,
-          {
-            className: "mt-4",
-            exit: {
-              opacity: 0,
-              y: -5,
-              height: 0,
-              transition: {
-                duration: 0.4,
-                delay: 0.4,
-                ease: "easeInOut"
-              }
-            },
-            children: /* @__PURE__ */ e.jsx("span", { className: "text-neutral-medium-default font-semibold text-xs", children: "Cambiar cuenta" })
-          }
-        ),
-        /* @__PURE__ */ e.jsx(
-          i.div,
-          {
-            className: "mt-4 overflow-hidden w-full  ",
-            exit: {
-              height: 0,
-              opacity: 0,
-              y: -10,
-              scale: 0.98,
-              transition: {
-                height: { duration: 0.5, delay: 0.2 },
-                opacity: { duration: 0.3, delay: 0.3 },
-                y: { duration: 0.3, delay: 0.3 },
-                scale: { duration: 0.3, delay: 0.3 },
-                ease: "easeInOut"
-              }
-            },
-            children: /* @__PURE__ */ e.jsx(
-              y,
-              {
-                sessions: r,
-                handleTokenLogin: d
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ e.jsx(
-          i.div,
-          {
-            className: "flex justify-center items-center w-full mt-4",
-            exit: {
-              opacity: 0,
-              scaleX: 0,
-              height: 0,
-              transition: {
-                duration: 0.4,
-                delay: 0.15,
-                ease: "easeInOut"
-              }
-            },
-            children: /* @__PURE__ */ e.jsx("div", { className: "border-b border-neutral-strong-default border w-full" })
-          }
-        )
-      ] }),
-      /* @__PURE__ */ e.jsxs(
-        i.button,
-        {
-          onClick: a,
-          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,
-            y: -8,
-            scale: 0.96,
-            transition: {
-              duration: 0.5,
-              delay: 0,
-              ease: "easeInOut"
-            }
-          },
-          whileHover: {
-            opacity: 1,
-            scale: [1, 1.02, 1],
-            transition: { duration: 0.2 }
-          },
-          whileTap: { scale: 0.98 },
-          children: [
-            /* @__PURE__ */ e.jsx(b, { size: 24, className: "text-neutral-default-default" }),
-            /* @__PURE__ */ e.jsx("span", { className: "text-neutral-default-default font-semibold text-sm", children: "Cerrar sesión" })
-          ]
-        }
-      )
-    ]
-  }
-) }), I = ({ imageUrl: t, fallbackText: r, avatarProps: a }) => /* @__PURE__ */ e.jsx("div", { className: "flex items-center justify-center profile-image-wrapper", children: /* @__PURE__ */ e.jsx(
-  g,
-  {
-    imageUrl: t,
-    sizeImage: "xxs",
-    sizeFallback: "xxs",
-    fallbackText: r,
-    ...a
-  }
-) }), O = ({
-  isExpanded: t,
-  nameUser: r,
-  nameCompany: a,
-  nameArea: d,
-  cardProfile: o,
-  onClick: u,
-  unassigned: l = !1
-}) => {
-  const m = () => {
-    if (o && j(o) && o.type === s.Image) {
-      const c = o.props, f = l ? "" : c.fallbackText || r, x = l ? "" : c.imageUrl, p = l ? "defaultAvatar" : "initials";
-      return /* @__PURE__ */ e.jsx(s.Image, { ...c, fallbackText: f, avatarProps: { ...c.avatarProps, fallbackType: p, imageUrl: x } });
-    }
-    return o;
-  };
-  return /* @__PURE__ */ e.jsxs(
-    i.button,
-    {
-      onClick: u,
-      className: n(
-        "flex flex-1 gap-2 rounded-lg relative overflow-hidden focus:outline-none hover:bg-neutral-medium-selected button-profile h-max p-3",
-        t && "bg-neutral-medium-selected",
-        u && "cursor-pointer",
-        l && "hover:bg-transparent"
-      ),
-      whileTap: l ? void 0 : u && { scale: 0.98 },
-      transition: { duration: 0.2, ease: "easeInOut" },
-      children: [
-        m(),
-        /* @__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: n(
-                "profile-name prometeo-fonts-label-large mb-0 text-left",
-                t ? "text-primary-default-default" : "text-neutral-default-default",
-                l && "text-neutral-default-pressed"
-              ),
-              children: l ? "Sin asignar" : r?.length && r?.length > 20 ? r?.slice(0, 10) + ".." : r
-            }
-          ),
-          /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-1 mt-0 ", children: a && a ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
-            /* @__PURE__ */ e.jsx(
-              "p",
-              {
-                className: n(
-                  "profile-options truncate mt-0 prometeo-fonts-body-small",
-                  t ? "text-primary-default-default" : "text-neutral-default-default",
-                  l && "text-neutral-default-pressed"
-                ),
-                children: a?.length && a?.length > 20 ? a?.slice(0, 10) + ".." : a
-              }
-            ),
-            /* @__PURE__ */ e.jsx(
-              "p",
-              {
-                className: n(
-                  "profile-options truncate prometeo-fonts-body-small mt-0",
-                  t ? "text-primary-default-default" : "text-neutral-default-default",
-                  l && "text-neutral-default-pressed"
-                ),
-                children: "·"
-              }
-            ),
-            /* @__PURE__ */ e.jsx(
-              "p",
-              {
-                className: n(
-                  "profile-options truncate prometeo-fonts-body-small mt-0",
-                  t ? "text-primary-default-default" : "text-neutral-default-default",
-                  l && "text-neutral-default-pressed"
-                ),
-                children: d || "Sin asignar"
-              }
-            )
-          ] }) : /* @__PURE__ */ e.jsx("span", { className: "font-semibold leading-tight ml-3 text-xs text-blue-300  text-center", children: "Sin asignar" }) })
-        ] })
-      ]
-    }
-  );
-}, C = () => /* @__PURE__ */ e.jsx("div", { className: "w-px bg-gray-500/30 my-1 border-separator-profile" }), k = ({ isExpanded: t, onClick: r }) => /* @__PURE__ */ e.jsx(
-  i.button,
-  {
-    onClick: r,
-    className: "flex items-center justify-center p-3 rounded-lg cursor-pointer relative overflow-hidden focus:outline-none 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,
-      {
-        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(v, { size: 24, className: "text-prometeo-neutral " }) })
-      }
-    )
-  }
-), s = Object.assign(w, {
-  Menu: N,
-  Image: I,
-  Content: O,
-  Separator: C,
-  Options: k
-});
+import { C as e, C as f } from "./CardProfile-C1F83KJV.js";
 export {
-  s as CardProfile,
-  s as default
+  e as CardProfile,
+  f as default
 };

package/dist/CheckBox.es.js

@@ -1,10 +1,9 @@
 import { j as a } from "./jsx-runtime-GkKLlHH4.js";
-import { c as s } from "./cn-B6yFEsav.js";
-import { memo as k, forwardRef as g, useId as v, useRef as C, useCallback as y } from "react";
-import { Check as j } from "./Icons/Check.es.js";
-const i = g(
-  ({ className: l, disabled: e, onChange: d, value: u, ...t }, r) => {
-    const f = v(), o = C(null), p = `
+import { memo as m, forwardRef as k, useId as g, useRef as v, useCallback as C } from "react";
+import { Check as y } from "./Icons/Check.es.js";
+const s = k(
+  ({ className: l, disabled: e, onChange: i, value: d, ...t }, r) => {
+    const u = g(), o = v(null), f = `
       after:content-[""]
       after:absolute
       after:top-1/2
@@ -26,7 +25,7 @@ const i = g(
       transition-all
       duration-200
       ease-in-out
-    `, h = "hover:#hover-span:opacity-100", x = "bg-primary-light", m = `
+    `, h = "hover:#hover-span:opacity-100", p = "bg-primary-light", x = `
       bg-transparent
       border-[2px]
       aria-checked:border-none
@@ -35,7 +34,7 @@ const i = g(
     `, b = {
       selected: "bg-primary-default-disabled!",
       default: "border-neutral-default-disabled "
-    }, c = y(() => {
+    }, c = C(() => {
       if (o.current)
         return o.current.click();
     }, []);
@@ -57,14 +56,12 @@ const i = g(
           {
             id: "checkbox-box",
             "aria-checked": t.checked,
-            className: s(
-              "grid place-items-center absolute size-[18px] rounded-[2px]",
-              p,
-              m,
-              t.checked ? x : "",
-              e && b[t.checked ? "selected" : "default"],
-              l
-            ),
+            className: `grid place-items-center absolute size-[18px] rounded-[2px] 
+            ${f} 
+            ${x}
+            ${t.checked ? p : ""}
+            ${e ? b[t.checked ? "selected" : "default"] : ""}
+          `,
             onClick: c,
             draggable: !1,
             children: [
@@ -72,13 +69,13 @@ const i = g(
                 "input",
                 {
                   type: "checkbox",
-                  id: f,
+                  id: u,
                   ref: (n) => {
                     o.current = n, typeof r == "function" ? r(n) : r && (r.current = n);
                   },
-                  onChange: d,
-                  value: u,
-                  className: s(h),
+                  onChange: i,
+                  value: d,
+                  className: `${l} ${h}`,
                   disabled: e,
                   style: {
                     position: "absolute",
@@ -95,7 +92,7 @@ const i = g(
                 }
               ),
               t.checked && /* @__PURE__ */ a.jsx(
-                j,
+                y,
                 {
                   size: 18,
                   className: `absolute ${e ? "icon-neutral-strong-disabled" : ""} pointer-events-none icon-neutral-strong-default`
@@ -108,8 +105,8 @@ const i = g(
     );
   }
 );
-i.displayName = "CheckBox";
-const $ = k(i);
+s.displayName = "CheckBox";
+const w = m(s);
 export {
-  $ as default
+  w as default
 };

package/dist/DialogModal.es.js

@@ -1,84 +1,78 @@
 import { j as o } from "./jsx-runtime-GkKLlHH4.js";
-import { forwardRef as y, memo as r, useState as D, useRef as x, useCallback as l, useImperativeHandle as k } from "react";
+import { forwardRef as h, memo as r, useState as D, useRef as p, useCallback as n, useImperativeHandle as R } from "react";
 import { c as j } from "./cn-B6yFEsav.js";
-const C = y(
-  ({ children: e, onClose: t, className: c }, i) => {
-    const [n, s] = D(!1), [u, g] = D(null), f = x(t), p = x(u);
-    f.current = t, p.current = u;
-    const m = l((a) => {
-      g(a ?? null), s(!0);
-    }, []), d = l(() => {
-      s(!1), f.current?.(p.current), setTimeout(() => g(null), 300);
+const b = h(
+  ({ children: e, onClose: t, className: a }, i) => {
+    const [s, l] = D(!1), [c, f] = D(null), x = p(t), u = p(c);
+    x.current = t, u.current = c;
+    const m = n((g) => {
+      f(g ?? null), l(!0);
+    }, []), d = n(() => {
+      l(!1), x.current?.(u.current), setTimeout(() => f(null), 300);
     }, []);
-    return k(
+    return R(
       i,
       () => ({
         open: m,
         close: d,
-        isOpen: n,
-        getContext: () => p.current
+        isOpen: s,
+        getContext: () => u.current
       }),
-      [m, d, n]
-    ), /* @__PURE__ */ o.jsx(o.Fragment, { children: n && /* @__PURE__ */ o.jsxs(
+      [m, d, s]
+    ), /* @__PURE__ */ o.jsx(o.Fragment, { children: s && /* @__PURE__ */ o.jsx(
       "div",
       {
         className: "fixed inset-0 z-50 flex items-center justify-center bg-black/30 backdrop-blur-[1.5px]",
         onClick: d,
-        children: [
-          /* @__PURE__ */ o.jsx(
-            "div",
-            {
-              onClick: (a) => a.stopPropagation(),
-              className: "absolute bg-transparent z-[-1]  w-[calc(75%+10px)] h-[calc(75%+10px)] xl:w-[calc(75%+30px)] xl:h-[calc(83.33%+30px)] top-1/2 left-1/2 -translate-x-1/2 -translate-y-1/2  "
-            }
-          ),
-          /* @__PURE__ */ o.jsx(
-            "div",
-            {
-              onClick: (a) => a.stopPropagation(),
-              className: j(
-                "bg-neutral-default-default  w-3/4 h-3/4 xl:w-3/4 xl:h-10/12 rounded-lg shadow-lg border-neutral-strong-default border relative p-6",
-                c
-              ),
-              children: typeof e == "function" ? e(u) : e
-            }
-          )
-        ]
+        children: /* @__PURE__ */ o.jsxs(
+          "div",
+          {
+            className: j(
+              "bg-neutral-default-default w-3/4 h-3/4 xl:w-3/4 xl:h-10/12 rounded-lg shadow-lg border-neutral-strong-default border relative p-6",
+              a
+            ),
+            onClick: (g) => g.stopPropagation(),
+            children: [
+              /* @__PURE__ */ o.jsx("div", { className: "absolute bg-transparent -inset-4 z-[-1]" }),
+              typeof e == "function" ? e(c) : e
+            ]
+          }
+        )
       }
     ) });
   }
 );
-C.displayName = "Dialog";
-const b = r(({ children: e, className: t }) => /* @__PURE__ */ o.jsx("div", { className: t, children: /* @__PURE__ */ o.jsx("div", { className: j("flex flex-col gap-4 h-full"), children: e }) }));
-b.displayName = "DialogContent";
+b.displayName = "Dialog";
+const C = r(({ children: e, className: t }) => /* @__PURE__ */ o.jsx("div", { className: t, children: /* @__PURE__ */ o.jsx("div", { className: j("flex flex-col gap-4 h-full"), children: e }) }));
+C.displayName = "DialogContent";
 const N = r(({ children: e, className: t }) => /* @__PURE__ */ o.jsx("h1", { className: t, children: e }));
 N.displayName = "DialogTitle";
-const h = r(({ children: e, className: t }) => /* @__PURE__ */ o.jsx("div", { className: t, children: e }));
-h.displayName = "DialogHeader";
 const v = r(({ children: e, className: t }) => /* @__PURE__ */ o.jsx("div", { className: t, children: e }));
-v.displayName = "DialogFooter";
-const w = Object.assign(C, {
-  Content: b,
-  Header: h,
-  Footer: v,
+v.displayName = "DialogHeader";
+const y = r(({ children: e, className: t }) => /* @__PURE__ */ o.jsx("div", { className: t, children: e }));
+y.displayName = "DialogFooter";
+const k = Object.assign(b, {
+  Content: C,
+  Header: v,
+  Footer: y,
   Title: N
 });
-w.displayName = "DialogModal";
+k.displayName = "DialogModal";
 const H = () => {
-  const e = x(null), t = l((s) => {
-    e.current?.open(s);
-  }, []), c = l(() => {
+  const e = p(null), t = n((l) => {
+    e.current?.open(l);
+  }, []), a = n(() => {
     e.current?.close();
-  }, []), i = l(() => e.current?.isOpen ?? !1, []), n = l(() => e.current?.getContext() ?? null, []);
+  }, []), i = n(() => e.current?.isOpen ?? !1, []), s = n(() => e.current?.getContext() ?? null, []);
   return {
     ref: e,
     open: t,
-    close: c,
+    close: a,
     isOpen: i,
-    getContext: n
+    getContext: s
   };
 };
 export {
-  w as default,
+  k as default,
   H as useDialogControl
 };

package/dist/Icons/UserAvatar.es.js

@@ -1,10 +1,10 @@
 import { j as r } from "../jsx-runtime-GkKLlHH4.js";
 import { m as o } from "../iconUtils-D0lVAgGT.js";
 const s = o(
-  ({ size: t = 24, className: e, ...l }) => /* @__PURE__ */ r.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: t, height: t, viewBox: "0 0 24 24", fill: "currentColor", ...l, className: e, children: [
-    /* @__PURE__ */ r.jsx("rect", { width: "24", height: "24", rx: "12", fill: "" }),
-    /* @__PURE__ */ r.jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M15.6001 9.6C15.6001 11.5882 13.9884 13.2 12.0001 13.2C10.0119 13.2 8.40015 11.5882 8.40015 9.6C8.40015 7.61177 10.0119 6 12.0001 6C13.9884 6 15.6001 7.61177 15.6001 9.6ZM14.4001 9.6C14.4001 10.9255 13.3256 12 12.0001 12C10.6747 12 9.60015 10.9255 9.60015 9.6C9.60015 8.27452 10.6747 7.2 12.0001 7.2C13.3256 7.2 14.4001 8.27452 14.4001 9.6Z", fill: "currentColor" }),
-    /* @__PURE__ */ r.jsx("path", { d: "M12.0001 15C8.11552 15 4.80571 17.297 3.54492 20.5152C3.85206 20.8202 4.1756 21.1087 4.51412 21.3792C5.45296 18.4246 8.39818 16.2 12.0001 16.2C15.6021 16.2 18.5473 18.4246 19.4862 21.3792C19.8247 21.1087 20.1482 20.8202 20.4554 20.5152C19.1946 17.2971 15.8848 15 12.0001 15Z", fill: "currentColor" })
+  ({ size: t = 24, className: e, ...l }) => /* @__PURE__ */ r.jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: t, height: t, viewBox: "0 0 24 24", fill: "none", ...l, className: e, children: [
+    /* @__PURE__ */ r.jsx("rect", { width: "24", height: "24", rx: "12", fill: "currentColor" }),
+    /* @__PURE__ */ r.jsx("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M15.6001 9.6C15.6001 11.5882 13.9884 13.2 12.0001 13.2C10.0119 13.2 8.40015 11.5882 8.40015 9.6C8.40015 7.61177 10.0119 6 12.0001 6C13.9884 6 15.6001 7.61177 15.6001 9.6ZM14.4001 9.6C14.4001 10.9255 13.3256 12 12.0001 12C10.6747 12 9.60015 10.9255 9.60015 9.6C9.60015 8.27452 10.6747 7.2 12.0001 7.2C13.3256 7.2 14.4001 8.27452 14.4001 9.6Z", fill: "#3F3F47" }),
+    /* @__PURE__ */ r.jsx("path", { d: "M12.0001 15C8.11552 15 4.80571 17.297 3.54492 20.5152C3.85206 20.8202 4.1756 21.1087 4.51412 21.3792C5.45296 18.4246 8.39818 16.2 12.0001 16.2C15.6021 16.2 18.5473 18.4246 19.4862 21.3792C19.8247 21.1087 20.1482 20.8202 20.4554 20.5152C19.1946 17.2971 15.8848 15 12.0001 15Z", fill: "#3F3F47" })
   ] })
 );
 export {