prometeo-design-system 8.1.4 → 8.2.0

package/dist/AttachInput.es.js

@@ -1,9 +1,9 @@
 import { j as t } from "./jsx-runtime-GkKLlHH4.js";
 import { c as o } from "./cn-B6yFEsav.js";
-import { memo as E, forwardRef as G, useCallback as H } from "react";
-import { useDropzone as P } from "react-dropzone";
+import { memo as P, forwardRef as E, useCallback as G } from "react";
+import { useDropzone as H } from "react-dropzone";
 import _ from "./CardBackground.es.js";
-import q from "./PlainTooltip.es.js";
+import { PlainTooltip as q } from "./PlainTooltip.es.js";
 import K from "./HelperComponent.es.js";
 import { c as i } from "./index-BOQuZ0gG.js";
 import { UploadCloud as O } from "./Icon-UploadCloud.es.js";
@@ -77,7 +77,7 @@ const W = i(
     return `Máximo ${e} ${e === 1 ? "archivo" : "archivos"} permitido${e === 1 ? "" : "s"}`;
   const s = r.length;
   return s === 1 ? "El archivo no pudo cargarse" : `${s} archivos no pudieron cargarse`;
-}, ee = (r, e) => e ? "reject" : r ? "active" : "idle", w = G(
+}, ee = (r, e) => e ? "reject" : r ? "active" : "idle", w = E(
   ({
     onFilesAccepted: r,
     onFilesRejected: e,
@@ -95,7 +95,7 @@ const W = i(
     cardBackground: b,
     ...C
   }, M) => {
-    const D = H(
+    const D = G(
       (j, y) => {
         j.length > 0 && r?.(j), y.length > 0 && e?.(y);
       },
@@ -106,14 +106,14 @@ const W = i(
       isDragActive: k,
       isDragReject: A,
       fileRejections: g
-    } = P({
+    } = H({
       onDrop: D,
       accept: m,
       maxFiles: h,
       disabled: a,
       maxSize: v,
       ...C
-    }), p = g.length > 0, l = p ? "error" : u ?? "default", x = ee(k, A), R = L(l, x, a), S = J[R], I = p ? F([...g], h) : typeof f == "function" ? f() : f, B = d ?? N(m ?? {}), T = N(m ?? {});
+    }), p = g.length > 0, l = p ? "error" : u ?? "default", x = ee(k, A), R = L(l, x, a), S = J[R], I = p ? F([...g], h) : typeof f == "function" ? f() : f, T = d ?? N(m ?? {}), B = N(m ?? {});
     return /* @__PURE__ */ t.jsxs("div", { className: o("w-full flex flex-col gap-1 h-[136px]", n), children: [
       c && /* @__PURE__ */ t.jsx(
         "label",
@@ -185,7 +185,7 @@ const W = i(
                     a && "text-disabled-default!"
                   ),
                   children: [
-                    B,
+                    T,
                     v !== void 0 && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
                       " ",
                       "· Máx. ",
@@ -194,7 +194,7 @@ const W = i(
                   ]
                 }
               ),
-              /* @__PURE__ */ t.jsx(q, { title: T, children: /* @__PURE__ */ t.jsx(
+              /* @__PURE__ */ t.jsx(q, { title: B, children: /* @__PURE__ */ t.jsx(
                 U,
                 {
                   size: 12,
@@ -213,7 +213,7 @@ const W = i(
   }
 );
 w.displayName = "AttachInput";
-const ue = E(w);
+const ue = P(w);
 export {
   ue as AttachInput,
   ue as default

package/dist/Button.es.js

@@ -1,12 +1,12 @@
 import { j as a } from "./jsx-runtime-GkKLlHH4.js";
-import { memo as J, forwardRef as K, useMemo as O, createElement as P, isValidElement as Q } from "react";
-import { c as V } from "./cn-B6yFEsav.js";
+import { memo as H, forwardRef as J, useMemo as K, createElement as O, isValidElement as P } from "react";
+import { c as Q } from "./cn-B6yFEsav.js";
 import { c as m } from "./index-BOQuZ0gG.js";
 import U from "./Spinner.es.js";
-const W = (r) => Q(r), B = {
+const W = (r) => P(r), C = {
   primary: "brand",
   secondary: "neutral"
-}, X = (r) => r in B, Y = (r) => X(r) ? B[r] : r, o = {
+}, X = (r) => r in C, Y = (r) => X(r) ? C[r] : r, o = {
   small: {
     container: "h-8 px-3 py-1.5 spacing-x-2 radius-small",
     icon: ""
@@ -142,14 +142,14 @@ const W = (r) => Q(r), B = {
   container: "box-border flex justify-center items-center w-max bg-transparent cursor-pointer transition-all ease-in-out duration-300 relative after:pointer-events-none after:absolute after:inset-0 after:rounded-[inherit] after:border-transparent after:transition-all after:ease-in-out after:duration-300",
   label: "w-max transition-all ease-in-out duration-300 pyrion-fonts-label-large",
   icon: "transition-all ease-in-out duration-300 flex justify-center items-center m-0 p-0"
-}, $ = {
+}, V = {
   true: {
     container: "hover:scale-105 active:scale-95 disabled:scale-100"
   },
   false: {
     container: ""
   }
-}, j = {
+}, $ = {
   true: {
     icon: "group-hover:rotate-90 group-active:rotate-0 group-disabled:rotate-0"
   },
@@ -177,8 +177,8 @@ const W = (r) => Q(r), B = {
       disabled: ""
     },
     animateIcon: {
-      true: j.true.icon,
-      false: j.false.icon
+      true: $.true.icon,
+      false: $.false.icon
     }
   },
   compoundVariants: [
@@ -228,8 +228,8 @@ const W = (r) => Q(r), B = {
       disabled: ""
     },
     animation: {
-      true: $.true.container,
-      false: $.false.container
+      true: V.true.container,
+      false: V.false.container
     }
   },
   compoundVariants: [
@@ -258,7 +258,7 @@ const W = (r) => Q(r), B = {
     color: "brand",
     animation: !0
   }
-}), C = m(f.label, {
+}), j = m(f.label, {
   variants: {
     size: {
       small: n.small.label,
@@ -304,47 +304,44 @@ const W = (r) => Q(r), B = {
     variant: "fill",
     color: "brand"
   }
-}), I = K(({
+}), B = J(({
   label: r,
   onClick: z,
   icon: h,
   contentClassName: T,
   loadingText: x = "Cargando...",
-  animate: N = !1,
-  animateIcon: S = !1,
+  animate: I = !1,
+  animateIcon: N = !1,
   isLoading: d = !1,
   children: s,
   hideSpinner: y = !1,
   spinner: b,
-  type: E = "button",
-  className: M,
-  disabled: F,
+  type: S = "button",
+  className: E,
+  disabled: M,
   variant: l = "fill",
-  form: R,
+  form: F,
   size: t = "medium",
-  color: A = "brand",
-  ...D
-}, L) => {
-  const c = !!(F || d), w = S && !c, k = N && !c, i = c ? "disabled" : Y(A), v = typeof s == "string" ? s : r, p = typeof s != "string" ? s : void 0, q = O(() => {
+  color: R = "brand",
+  ...A
+}, D) => {
+  const c = !!(M || d), w = N && !c, L = I && !c, i = c ? "disabled" : Y(R), v = typeof s == "string" ? s : r, p = typeof s != "string" ? s : void 0, k = K(() => {
     if (d) {
-      const H = {
+      const G = {
         small: "small",
         medium: "medium",
         large: "medium"
       };
       return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-        !y && b ? b : /* @__PURE__ */ a.jsx(U, { size: H[t], variant: "clip", color: "brand" }),
+        !y && b ? b : /* @__PURE__ */ a.jsx(U, { size: G[t], variant: "clip", color: "brand" }),
         /* @__PURE__ */ a.jsx(
           "span",
           {
-            className: V(
-              C({
-                size: t,
-                variant: l,
-                color: i
-              }),
-              t === "small" ? "pyrion-fonts-label-xsmall" : ""
-            ),
+            className: j({
+              size: t,
+              variant: l,
+              color: i
+            }),
             children: x
           }
         )
@@ -354,13 +351,13 @@ const W = (r) => Q(r), B = {
       return p;
     const u = h;
     let g = null;
-    const G = {
+    const q = {
       small: 20,
       medium: 24,
       large: 24
     };
-    return u && (g = W(u) ? u : P(u, {
-      size: G[t]
+    return u && (g = W(u) ? u : O(u, {
+      size: q[t]
     })), /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
       g && /* @__PURE__ */ a.jsx(
         "span",
@@ -377,7 +374,7 @@ const W = (r) => Q(r), B = {
       v && /* @__PURE__ */ a.jsx(
         "span",
         {
-          className: C({
+          className: j({
             size: t,
             variant: l,
             color: i
@@ -402,28 +399,28 @@ const W = (r) => Q(r), B = {
   return /* @__PURE__ */ a.jsx(
     "button",
     {
-      ref: L,
-      type: E,
-      className: V(
+      ref: D,
+      type: S,
+      className: Q(
         "group",
         _({
           size: t,
           variant: l,
           color: i,
-          animation: k
+          animation: L
         }),
-        M
+        E
       ),
       disabled: c,
-      form: R,
+      form: F,
       onClick: z,
-      ...D,
-      children: q
+      ...A,
+      children: k
     }
   );
 });
-I.displayName = "Button";
-const oe = J(I);
+B.displayName = "Button";
+const oe = H(B);
 export {
   oe as default
 };

package/dist/Calendar.es.js

@@ -3,7 +3,7 @@ import { useCallback as z, useRef as J, useEffect as ae, useState as fe, useMemo
 import { c as H } from "./cn-B6yFEsav.js";
 import st from "./Button.es.js";
 import Pe from "./IconButton.es.js";
-import at from "./SegmentedButton.es.js";
+import { SegmentedButton as at } from "./SegmentedButton.es.js";
 import { ArrowBack as ot } from "./Icon-ArrowBack.es.js";
 import { ArrowForward as lt } from "./Icon-ArrowForward.es.js";
 const it = 864e5, Me = 1440, ct = /^(\d{4})-(\d{2})-(\d{2})(?:[T ](\d{1,2}):(\d{2})(?::(\d{2}))?)?$/;

package/dist/Card.es.js

@@ -1,11 +1,11 @@
 import { j as e } from "./jsx-runtime-GkKLlHH4.js";
-import { createContext as z, useContext as w, memo as s, forwardRef as F, useMemo as H } from "react";
+import { useContext as z, createContext as w, memo as s, forwardRef as F, useMemo as H } from "react";
 import { c as i } from "./cn-B6yFEsav.js";
 import { c as d } from "./index-BOQuZ0gG.js";
 import V from "./CardBackground.es.js";
-const C = z(null);
+const C = w(null);
 function m() {
-  const a = w(C);
+  const a = z(C);
   if (!a)
     throw new Error(
       "Card compound components (Card.Header, Card.Content, Card.Footer) must be used inside <Card>"

package/dist/CardProfile.es.js

@@ -1,8 +1,8 @@
 import { j as e } from "./jsx-runtime-GkKLlHH4.js";
 import { c as i } from "./cn-B6yFEsav.js";
 import { motion as n, AnimatePresence as h } from "framer-motion";
-import { isValidElement as j } from "react";
-import b from "./Avatar.es.js";
+import { isValidElement as b } from "react";
+import { AvatarAndSubavatar as j } from "./Avatar.es.js";
 import { ChevronDown as v } from "./Icon-ChevronDown.es.js";
 import { Logout as y } from "./Icon-Logout.es.js";
 function g({
@@ -168,7 +168,7 @@ const w = ({ children: t }) => /* @__PURE__ */ e.jsx("div", { className: "profil
     ]
   }
 ) }), I = ({ imageUrl: t, fallbackText: r, avatarProps: a }) => /* @__PURE__ */ e.jsx("div", { className: "flex items-center justify-center profile-image-wrapper", children: /* @__PURE__ */ e.jsx(
-  b,
+  j,
   {
     imageUrl: t,
     sizeImage: "xxs",
@@ -186,7 +186,7 @@ const w = ({ children: t }) => /* @__PURE__ */ e.jsx("div", { className: "profil
   unassigned: l = !1
 }) => {
   const f = () => {
-    if (o && j(o) && o.type === s.Image) {
+    if (o && b(o) && o.type === s.Image) {
       const d = o.props, m = l ? "" : d.fallbackText || r, x = l ? "" : d.imageUrl, p = l ? "defaultAvatar" : "initials";
       return /* @__PURE__ */ e.jsx(s.Image, { ...d, fallbackText: m, avatarProps: { ...d.avatarProps, fallbackType: p, imageUrl: x } });
     }
@@ -257,7 +257,7 @@ const w = ({ children: t }) => /* @__PURE__ */ e.jsx("div", { className: "profil
       ]
     }
   );
-}, C = () => /* @__PURE__ */ e.jsx("div", { className: "w-px bg-gray-500/30 my-1 border-separator-profile" }), P = ({ isExpanded: t, onClick: r }) => /* @__PURE__ */ e.jsx(
+}, C = () => /* @__PURE__ */ e.jsx("div", { className: "w-px bg-gray-500/30 my-1 border-separator-profile" }), A = ({ isExpanded: t, onClick: r }) => /* @__PURE__ */ e.jsx(
   n.button,
   {
     onClick: r,
@@ -282,7 +282,7 @@ const w = ({ children: t }) => /* @__PURE__ */ e.jsx("div", { className: "profil
   Image: I,
   Content: O,
   Separator: C,
-  Options: P
+  Options: A
 });
 export {
   s as CardProfile,

package/dist/Chat.es.js

@@ -1,4 +1,4 @@
-import { M as f } from "./ChatCard-0GSfoMZZ.js";
+import { M as f } from "./ChatCard-BFhVwFm3.js";
 import { j as a } from "./jsx-runtime-GkKLlHH4.js";
 import { memo as d, forwardRef as l, useMemo as m } from "react";
 import { c as i } from "./cn-B6yFEsav.js";

package/dist/{ChatCard-0GSfoMZZ.js → ChatCard-BFhVwFm3.js}

@@ -1,104 +1,30 @@
 import { j as n } from "./jsx-runtime-GkKLlHH4.js";
-import { Children as C, isValidElement as h, cloneElement as j, memo as d, forwardRef as w } from "react";
+import { memo as d, forwardRef as j, Children as C, isValidElement as h, cloneElement as b } from "react";
 import { c as l } from "./cn-B6yFEsav.js";
 import { c as m } from "./index-BOQuZ0gG.js";
-import b from "./Avatar.es.js";
-import D from "./Link.es.js";
-import S from "./CardBackground.es.js";
+import { AvatarAndSubavatar as w } from "./Avatar.es.js";
+import S from "./Link.es.js";
+import D from "./CardBackground.es.js";
 function k(t) {
-  if (typeof t != "function" && typeof t != "object") return;
-  const e = t;
-  return e.displayName ?? e.type?.displayName;
-}
-function z(t) {
-  const e = t.type;
-  return e === c || k(e) === "ChatCard";
-}
-function F(t, e) {
-  return C.map(t, (r) => !h(r) || !z(r) || r.props.direction ? r : j(r, {
-    direction: e
-  }));
-}
-const V = m("relative flex flex-col gap-1 justify-start", {
-  variants: {
-    direction: {
-      left: "items-start",
-      right: "items-end"
-    },
-    withAvatar: {
-      true: "",
-      false: ""
-    }
-  },
-  compoundVariants: [
-    { direction: "left", withAvatar: !0, class: "pl-12" },
-    { direction: "right", withAvatar: !0, class: "pr-12" }
-  ]
-}), $ = m("flex gap-1", {
-  variants: {
-    direction: {
-      left: "flex-row",
-      right: "flex-row-reverse"
-    }
-  }
-});
-function A({
-  direction: t,
-  avatar: e,
-  link: r,
-  children: a,
-  className: s
-}) {
-  const { ref: o, label: i, href: f, onClick: u } = r, g = f ? { href: f } : { onClick: u }, N = F(a, t);
-  return /* @__PURE__ */ n.jsxs(
-    "div",
-    {
-      className: l(
-        V({ direction: t, withAvatar: !0 }),
-        s
-      ),
-      children: [
-        /* @__PURE__ */ n.jsxs("div", { className: $({ direction: t }), children: [
-          /* @__PURE__ */ n.jsx("div", { className: "flex items-end shrink-0 self-end", children: /* @__PURE__ */ n.jsx(b, { ...e, size: e.size ?? "small" }) }),
-          /* @__PURE__ */ n.jsx("div", { className: "flex flex-col gap-2 flex-1 min-w-0", children: N })
-        ] }),
-        /* @__PURE__ */ n.jsx(
-          D,
-          {
-            ref: o,
-            color: "brand",
-            size: "medium",
-            withBackground: !1,
-            ...g,
-            children: i
-          }
-        )
-      ]
-    }
-  );
-}
-const x = d(A);
-x.displayName = "Chat";
-function E(t) {
   if (!t) return;
   if (typeof t == "string") return t;
   const e = String(t.getDate()).padStart(2, "0"), r = String(t.getMonth() + 1).padStart(2, "0"), a = t.getFullYear(), s = String(t.getHours()).padStart(2, "0"), o = String(t.getMinutes()).padStart(2, "0");
   return `${e}/${r}/${a}, ${s}:${o}`;
 }
-const T = m("relative overflow-hidden flex flex-col rounded-[var(--radius-large)]", {
+const z = m("relative overflow-hidden flex flex-col rounded-[var(--radius-large)]", {
   variants: {
     direction: {
       left: "[&:last-child]:rounded-bl-none",
       right: "[&:last-child]:rounded-br-none"
     }
   }
-}), M = m("flex flex-col gap-3 relative z-10 p-3"), v = d(function({
+}), A = m("flex flex-col gap-3 relative z-10 p-3"), x = d(function({
   children: e,
   className: r,
   ...a
 }) {
   return /* @__PURE__ */ n.jsx("div", { className: l("flex flex-col gap-3 ", r), ...a, children: e });
-}), y = d(function({
+}), v = d(function({
   children: e,
   className: r,
   ...a
@@ -121,7 +47,7 @@ const T = m("relative overflow-hidden flex flex-col rounded-[var(--radius-large)
   className: s,
   ...o
 }) {
-  const i = E(e);
+  const i = k(e);
   return /* @__PURE__ */ n.jsxs(
     "div",
     {
@@ -140,36 +66,36 @@ const T = m("relative overflow-hidden flex flex-col rounded-[var(--radius-large)
     }
   );
 });
-function P(t) {
+function F(t) {
   if (typeof t != "function" && typeof t != "object") return;
   const e = t;
   return e.displayName ?? e.type?.displayName;
 }
-function R(t) {
+function V(t) {
   const e = t.type;
-  return e === p || P(e) === "ChatCard.Footer";
+  return e === p || F(e) === "ChatCard.Footer";
 }
-function G(t) {
+function $(t) {
   const e = [], r = [];
   return C.forEach(t, (a) => {
-    if (h(a) && R(a)) {
+    if (h(a) && V(a)) {
       r.push(a);
       return;
     }
     e.push(a);
   }), { commentContent: e, footers: r };
 }
-const B = w(function({ cardBackground: e, children: r, className: a, direction: s = "left", ...o }, i) {
-  const { commentContent: f, footers: u } = G(r);
+const E = j(function({ cardBackground: e, children: r, className: a, direction: s = "left", ...o }, i) {
+  const { commentContent: f, footers: u } = $(r);
   return /* @__PURE__ */ n.jsxs(
     "div",
     {
-      className: l(T({ direction: s }), a),
+      className: l(z({ direction: s }), a),
       ref: i,
       ...o,
       children: [
         /* @__PURE__ */ n.jsx(
-          S,
+          D,
           {
             color: "neutral",
             variant: "secondary",
@@ -177,25 +103,99 @@ const B = w(function({ cardBackground: e, children: r, className: a, direction:
             className: l("absolute inset-0 z-0", e?.className)
           }
         ),
-        /* @__PURE__ */ n.jsx("div", { className: M(), children: f }),
+        /* @__PURE__ */ n.jsx("div", { className: A(), children: f }),
         u
       ]
     }
   );
 });
-function H(t) {
-  return /* @__PURE__ */ n.jsx(x, { ...t });
+function T(t) {
+  return /* @__PURE__ */ n.jsx(y, { ...t });
 }
-const c = d(B);
-c.Content = v;
-c.Text = y;
+const c = d(E);
+c.Content = x;
+c.Text = v;
 c.Footer = p;
-c.Participant = H;
+c.Participant = T;
 c.displayName = "ChatCard";
-v.displayName = "ChatCard.Content";
-y.displayName = "ChatCard.Text";
+x.displayName = "ChatCard.Content";
+v.displayName = "ChatCard.Text";
 p.displayName = "ChatCard.Footer";
+function M(t) {
+  if (typeof t != "function" && typeof t != "object") return;
+  const e = t;
+  return e.displayName ?? e.type?.displayName;
+}
+function P(t) {
+  const e = t.type;
+  return e === c || M(e) === "ChatCard";
+}
+function R(t, e) {
+  return C.map(t, (r) => !h(r) || !P(r) || r.props.direction ? r : b(r, {
+    direction: e
+  }));
+}
+const G = m("relative flex flex-col gap-1 justify-start", {
+  variants: {
+    direction: {
+      left: "items-start",
+      right: "items-end"
+    },
+    withAvatar: {
+      true: "",
+      false: ""
+    }
+  },
+  compoundVariants: [
+    { direction: "left", withAvatar: !0, class: "pl-12" },
+    { direction: "right", withAvatar: !0, class: "pr-12" }
+  ]
+}), B = m("flex gap-1", {
+  variants: {
+    direction: {
+      left: "flex-row",
+      right: "flex-row-reverse"
+    }
+  }
+});
+function H({
+  direction: t,
+  avatar: e,
+  link: r,
+  children: a,
+  className: s
+}) {
+  const { ref: o, label: i, href: f, onClick: u } = r, g = f ? { href: f } : { onClick: u }, N = R(a, t);
+  return /* @__PURE__ */ n.jsxs(
+    "div",
+    {
+      className: l(
+        G({ direction: t, withAvatar: !0 }),
+        s
+      ),
+      children: [
+        /* @__PURE__ */ n.jsxs("div", { className: B({ direction: t }), children: [
+          /* @__PURE__ */ n.jsx("div", { className: "flex items-end shrink-0 self-end", children: /* @__PURE__ */ n.jsx(w, { ...e, size: e.size ?? "small" }) }),
+          /* @__PURE__ */ n.jsx("div", { className: "flex flex-col gap-2 flex-1 min-w-0", children: N })
+        ] }),
+        /* @__PURE__ */ n.jsx(
+          S,
+          {
+            ref: o,
+            color: "brand",
+            size: "medium",
+            withBackground: !1,
+            ...g,
+            children: i
+          }
+        )
+      ]
+    }
+  );
+}
+const y = d(H);
+y.displayName = "Chat";
 export {
   c as C,
-  x as M
+  y as M
 };

package/dist/ChatCard.es.js

@@ -1,4 +1,4 @@
-import { C as f } from "./ChatCard-0GSfoMZZ.js";
+import { C as f } from "./ChatCard-BFhVwFm3.js";
 export {
   f as default
 };