prometeo-design-system 8.3.0 → 8.4.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 P, forwardRef as E, useCallback as G } from "react";
-import { useDropzone as H } from "react-dropzone";
+import { memo as E, forwardRef as G, useCallback as H } from "react";
+import { useDropzone as P } from "react-dropzone";
 import _ from "./CardBackground.es.js";
-import { PlainTooltip as q } from "./PlainTooltip.es.js";
+import 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 = E(
+}, ee = (r, e) => e ? "reject" : r ? "active" : "idle", w = G(
   ({
     onFilesAccepted: r,
     onFilesRejected: e,
@@ -95,7 +95,7 @@ const W = i(
     cardBackground: b,
     ...C
   }, M) => {
-    const D = G(
+    const D = H(
       (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
-    } = H({
+    } = P({
       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, T = d ?? N(m ?? {}), B = 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, B = d ?? N(m ?? {}), T = 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: [
-                    T,
+                    B,
                     v !== void 0 && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
                       " ",
                       "· Máx. ",
@@ -194,7 +194,7 @@ const W = i(
                   ]
                 }
               ),
-              /* @__PURE__ */ t.jsx(q, { title: B, children: /* @__PURE__ */ t.jsx(
+              /* @__PURE__ */ t.jsx(q, { title: T, children: /* @__PURE__ */ t.jsx(
                 U,
                 {
                   size: 12,
@@ -213,7 +213,7 @@ const W = i(
   }
 );
 w.displayName = "AttachInput";
-const ue = P(w);
+const ue = E(w);
 export {
   ue as AttachInput,
   ue 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 { SegmentedButton as at } from "./SegmentedButton.es.js";
+import 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 { useContext as z, createContext as w, memo as s, forwardRef as F, useMemo as H } from "react";
+import { createContext as z, useContext 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 = w(null);
+const C = z(null);
 function m() {
-  const a = z(C);
+  const a = w(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 b } from "react";
-import { AvatarAndSubavatar as j } from "./Avatar.es.js";
+import { isValidElement as j } from "react";
+import b 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(
-  j,
+  b,
   {
     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 && b(o) && o.type === s.Image) {
+    if (o && j(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" }), A = ({ isExpanded: t, onClick: r }) => /* @__PURE__ */ e.jsx(
+}, 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(
   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: A
+  Options: P
 });
 export {
   s as CardProfile,

package/dist/Chat.es.js

@@ -1,4 +1,4 @@
-import { M as f } from "./ChatCard-O3S0nzbH.js";
+import { M as f } from "./ChatCard-CkayOQuw.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-O3S0nzbH.js → ChatCard-CkayOQuw.js}

@@ -1,30 +1,104 @@
 import { j as n } from "./jsx-runtime-GkKLlHH4.js";
-import { memo as d, forwardRef as j, Children as C, isValidElement as h, cloneElement as w } from "react";
+import { Children as C, isValidElement as h, cloneElement as j, memo as d, forwardRef as w } from "react";
 import { c as l } from "./cn-B6yFEsav.js";
 import { c as m } from "./index-BOQuZ0gG.js";
-import { AvatarAndSubavatar as b } from "./Avatar.es.js";
-import S from "./Link.es.js";
-import D from "./CardBackground.es.js";
+import b from "./Avatar.es.js";
+import D from "./Link.es.js";
+import S 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 min-w-0 max-w-full", {
+  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 z = m("relative overflow-hidden flex flex-col rounded-[var(--radius-large)]", {
+const T = 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"
     }
   }
-}), A = m("flex flex-col gap-3 relative z-10 p-3"), x = d(function({
+}), M = m("flex flex-col gap-3 relative z-10 p-3"), v = d(function({
   children: e,
   className: r,
   ...a
 }) {
   return /* @__PURE__ */ n.jsx("div", { className: l("flex flex-col gap-3 ", r), ...a, children: e });
-}), v = d(function({
+}), y = d(function({
   children: e,
   className: r,
   ...a
@@ -47,7 +121,7 @@ const z = m("relative overflow-hidden flex flex-col rounded-[var(--radius-large)
   className: s,
   ...o
 }) {
-  const i = k(e);
+  const i = E(e);
   return /* @__PURE__ */ n.jsxs(
     "div",
     {
@@ -66,36 +140,36 @@ const z = m("relative overflow-hidden flex flex-col rounded-[var(--radius-large)
     }
   );
 });
-function F(t) {
+function P(t) {
   if (typeof t != "function" && typeof t != "object") return;
   const e = t;
   return e.displayName ?? e.type?.displayName;
 }
-function V(t) {
+function R(t) {
   const e = t.type;
-  return e === p || F(e) === "ChatCard.Footer";
+  return e === p || P(e) === "ChatCard.Footer";
 }
-function $(t) {
+function G(t) {
   const e = [], r = [];
   return C.forEach(t, (a) => {
-    if (h(a) && V(a)) {
+    if (h(a) && R(a)) {
       r.push(a);
       return;
     }
     e.push(a);
   }), { commentContent: e, footers: r };
 }
-const E = j(function({ cardBackground: e, children: r, className: a, direction: s = "left", ...o }, i) {
-  const { commentContent: f, footers: u } = $(r);
+const B = w(function({ cardBackground: e, children: r, className: a, direction: s = "left", ...o }, i) {
+  const { commentContent: f, footers: u } = G(r);
   return /* @__PURE__ */ n.jsxs(
     "div",
     {
-      className: l(z({ direction: s }), a),
+      className: l(T({ direction: s }), a),
       ref: i,
       ...o,
       children: [
         /* @__PURE__ */ n.jsx(
-          D,
+          S,
           {
             color: "neutral",
             variant: "secondary",
@@ -103,99 +177,25 @@ const E = j(function({ cardBackground: e, children: r, className: a, direction:
             className: l("absolute inset-0 z-0", e?.className)
           }
         ),
-        /* @__PURE__ */ n.jsx("div", { className: A(), children: f }),
+        /* @__PURE__ */ n.jsx("div", { className: M(), children: f }),
         u
       ]
     }
   );
 });
-function T(t) {
-  return /* @__PURE__ */ n.jsx(y, { ...t });
+function H(t) {
+  return /* @__PURE__ */ n.jsx(x, { ...t });
 }
-const c = d(E);
-c.Content = x;
-c.Text = v;
+const c = d(B);
+c.Content = v;
+c.Text = y;
 c.Footer = p;
-c.Participant = T;
+c.Participant = H;
 c.displayName = "ChatCard";
-x.displayName = "ChatCard.Content";
-v.displayName = "ChatCard.Text";
+v.displayName = "ChatCard.Content";
+y.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 : w(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 min-w-0 max-w-full", {
-  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(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(
-          S,
-          {
-            ref: o,
-            color: "brand",
-            size: "medium",
-            withBackground: !1,
-            ...g,
-            children: i
-          }
-        )
-      ]
-    }
-  );
-}
-const y = d(H);
-y.displayName = "Chat";
 export {
   c as C,
-  y as M
+  x as M
 };

package/dist/ChatCard.es.js

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