prometeo-design-system 4.1.3 → 4.1.5

package/dist/Avatar.es.js

@@ -1,15 +1,18 @@
 import { j as e } from "./jsx-runtime-GkKLlHH4.js";
-import { g as j } from "./useLabelBackground-BDIHUdND.js";
-import { c as i } from "./cn-B6yFEsav.js";
-import { useState as C, useRef as u, useLayoutEffect as v } from "react";
-function R({
+import { g as S } from "./useLabelBackground-BDIHUdND.js";
+import { c as u } from "./cn-B6yFEsav.js";
+import { useState as N, useRef as d, useLayoutEffect as y } from "react";
+import { UserAvatar as f } from "./Icons/UserAvatar.es.js";
+function q({
   imageUrl: t,
   sizeImage: a = "md",
   sizeFallback: s = "md",
-  fallbackText: d = "Selene Soluciones",
-  subImageUrl: x
+  sizeFallbackIcon: x = 24,
+  fallbackText: h = "Selene Soluciones",
+  subImageUrl: n,
+  fallbackType: i = "initials"
 }) {
-  const [m, f] = C(!1), n = t && t.trim() !== "" && !m, h = (l) => l.split(" ").map((w) => w.charAt(0)).join("").toUpperCase().slice(0, 2), c = {
+  const [g, p] = N(!1), c = t && t.trim() !== "" && !g, w = (l) => l.split(" ").map((C) => C.charAt(0)).join("").toUpperCase().slice(0, 2), m = {
     xxxs: "w-6.5 h-6.5",
     xxs: "w-8 h-8",
     xs: "w-10 h-10",
@@ -17,7 +20,7 @@ function R({
     md: "w-24 h-24",
     lg: "w-32 h-32",
     xl: "w-40 h-40"
-  }, g = {
+  }, b = {
     xxxs: "text-[12px]",
     xxs: "text-xs",
     xs: "text-sm",
@@ -25,7 +28,7 @@ function R({
     md: "text-2xl",
     lg: "text-3xl",
     xl: "text-4xl"
-  }, b = {
+  }, j = {
     xxxs: "w-3 h-3",
     xxs: "w-[18px] h-[18px] bottom-0 right-0 translate-x-1/3 translate-y-1/3",
     xs: "w-5 h-5",
@@ -33,54 +36,54 @@ function R({
     md: "w-12 h-12 border-3",
     lg: "w-16 h-16 border-4",
     xl: "w-20 h-20 border-5"
-  }, p = n ? a : s, r = u(null), o = u(null);
-  return v(() => {
+  }, v = c ? a : s, r = d(null), o = d(null);
+  return y(() => {
     if (!r.current || !o.current) return;
-    const l = j(r.current);
+    const l = S(r.current);
     o.current.style.borderColor = l;
   }, []), /* @__PURE__ */ e.jsxs("div", { className: "relative inline-block min-w-max ", ref: r, children: [
-    n ? /* @__PURE__ */ e.jsx(
+    c ? /* @__PURE__ */ e.jsx(
       "img",
       {
         onError: () => {
-          f(!0);
+          p(!0);
         },
         src: t,
-        className: `rounded-full object-cover ${c[a]}`,
+        className: `rounded-full object-cover ${m[a]}`,
         alt: "Profile",
         draggable: !1
       }
-    ) : /* @__PURE__ */ e.jsx(
+    ) : i === "initials" ? /* @__PURE__ */ e.jsx(
       "div",
       {
-        className: ` flex items-center justify-center rounded-full aspect-square ${c[s]}`,
+        className: ` flex items-center justify-center rounded-full aspect-square ${m[s]}`,
         style: { backgroundColor: "#C6D2FF" },
         children: /* @__PURE__ */ e.jsx(
           "span",
           {
-            className: i(
+            className: u(
               "text-[#312C85] font-semibold",
-              g[s]
+              b[s]
             ),
-            children: h(d)
+            children: w(h)
           }
         )
       },
       "initials"
-    ),
-    x && /* @__PURE__ */ e.jsx(
+    ) : i === "defaultAvatar" ? /* @__PURE__ */ e.jsx(f, { size: x }) : /* @__PURE__ */ e.jsx(f, { size: x }),
+    n && /* @__PURE__ */ e.jsx(
       "div",
       {
-        className: i(
+        className: u(
           "absolute bottom-[-10px] right-[-10px] rounded-full border-1 overflow-hidden bg-gray-900",
-          b[p]
+          j[v]
         ),
         ref: o,
         children: /* @__PURE__ */ e.jsx(
           "img",
           {
             draggable: !1,
-            src: x,
+            src: n,
             alt: "Sub badge",
             className: "w-full h-full object-cover"
           }
@@ -90,5 +93,5 @@ function R({
   ] });
 }
 export {
-  R as default
+  q as default
 };

package/dist/Icons/UserAvatar.d.ts

@@ -0,0 +1,6 @@
+export * from './components/UserAvatar'
+export {}
+import PrometeoDesignSystem from './components/UserAvatar'
+export default PrometeoDesignSystem
+export * from './components/UserAvatar'
+export {}

package/dist/Icons/UserAvatar.es.js

@@ -0,0 +1,13 @@
+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: "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 {
+  s as UserAvatar,
+  s as default
+};

package/dist/Icons/components/UserAvatar.d.ts

@@ -0,0 +1,4 @@
+import { IconProps } from '../iconUtils';
+export type { IconProps };
+export declare const UserAvatar: import('react').MemoExoticComponent<(props: IconProps) => import('react').ReactElement>;
+export default UserAvatar;

package/dist/Icons/index.d.ts

@@ -13,6 +13,7 @@ export { Collapse } from './components/Collapse';
 export { Calendar } from './components/Calendar';
 export { Close } from './components/Close';
 export { UserPerson } from './components/UserPerson';
+export { UserAvatar } from './components/UserAvatar';
 export { Logout } from './components/Logout';
 export { ArrowUpDown } from './components/ArrowUpDown';
 export { Filter } from './components/Filter';

package/dist/Icons/types.d.ts

@@ -13,6 +13,7 @@ import { Collapse } from './components/Collapse';
 import { Calendar } from './components/Calendar';
 import { Close } from './components/Close';
 import { UserPerson } from './components/UserPerson';
+import { UserAvatar } from './components/UserAvatar';
 import { Logout } from './components/Logout';
 import { ArrowUpDown } from './components/ArrowUpDown';
 import { Filter } from './components/Filter';
@@ -127,6 +128,7 @@ export type IconsMap = {
     ReassignmentFill: typeof ReassignmentFill;
     Send: typeof Send;
     StarFill: typeof StarFill;
+    UserAvatar: typeof UserAvatar;
 };
 export type IconName = keyof IconsMap;
 export type IconComponent = IconsMap[IconName];

package/dist/Icons.es.js

@@ -9,122 +9,124 @@ import { CrevronRight as F } from "./Icons/CrevronRight.es.js";
 import { ArrowLeft as A } from "./Icons/ArrowLeft.es.js";
 import { Shared as g } from "./Icons/Shared.es.js";
 import { ChevronDown as y } from "./Icons/ChevronDown.es.js";
-import { Collapse as w } from "./Icons/Collapse.es.js";
-import { Calendar as U } from "./Icons/Calendar.es.js";
+import { Collapse as U } from "./Icons/Collapse.es.js";
+import { Calendar as w } from "./Icons/Calendar.es.js";
 import { Close as D } from "./Icons/Close.es.js";
 import { UserPerson as T } from "./Icons/UserPerson.es.js";
-import { Logout as H } from "./Icons/Logout.es.js";
-import { ArrowUpDown as V } from "./Icons/ArrowUpDown.es.js";
-import { Filter as q } from "./Icons/Filter.es.js";
-import { Search as I } from "./Icons/Search.es.js";
-import { Stars as P } from "./Icons/Stars.es.js";
-import { MoreVert as W } from "./Icons/MoreVert.es.js";
-import { Add as z } from "./Icons/Add.es.js";
-import { Edit as J } from "./Icons/Edit.es.js";
-import { Upload as Q } from "./Icons/Upload.es.js";
-import { Copy as Y } from "./Icons/Copy.es.js";
-import { FaLock as _ } from "./Icons/FaLock.es.js";
-import { AccountCircle as oo } from "./Icons/AccountCircle.es.js";
-import { UserAdd as eo } from "./Icons/UserAdd.es.js";
-import { AttachFile as po } from "./Icons/AttachFile.es.js";
-import { HistoryActivity as fo } from "./Icons/HistoryActivity.es.js";
-import { MessageSquare as lo } from "./Icons/MessageSquare.es.js";
-import { CloseNavBarDesktop as ao } from "./Icons/CloseNavBarDesktop.es.js";
-import { EyeVisibility as no } from "./Icons/EyeVisibility.es.js";
-import { EyeVisibilityOff as co } from "./Icons/EyeVisibilityOff.es.js";
-import { Check as ho } from "./Icons/Check.es.js";
-import { Info as So } from "./Icons/Info.es.js";
-import { Error as ko } from "./Icons/Error.es.js";
-import { TicketFilled as uo } from "./Icons/TicketFilled.es.js";
-import { UploadCloud as Eo } from "./Icons/UploadCloud.es.js";
-import { Clock as vo } from "./Icons/Clock.es.js";
-import { Pause as Lo } from "./Icons/Pause.es.js";
-import { FastForward as Ro } from "./Icons/FastForward.es.js";
-import { Trash as Mo } from "./Icons/Trash.es.js";
-import { Sort as bo } from "./Icons/Sort.es.js";
-import { Cancel as Bo } from "./Icons/Cancel.es.js";
-import { CheckCircle as No } from "./Icons/CheckCircle.es.js";
-import { FormatColorText as Oo } from "./Icons/FormatColorText.es.js";
-import { CheckList as jo } from "./Icons/CheckList.es.js";
-import { WhatsApp as Go } from "./Icons/WhatsApp.es.js";
-import { File as Ko } from "./Icons/File.es.js";
-import { Email as Xo } from "./Icons/Email.es.js";
-import { Download as Zo } from "./Icons/Download.es.js";
-import { Reload as $o } from "./Icons/Reload.es.js";
-import { Image as rr } from "./Icons/Image.es.js";
-import { DocumentFill as tr } from "./Icons/DocumentFill.es.js";
-import { Company as mr } from "./Icons/Company.es.js";
-import { EditFill as xr } from "./Icons/EditFill.es.js";
-import { TrashFill as ir } from "./Icons/TrashFill.es.js";
-import { MessageSquareFill as sr } from "./Icons/MessageSquareFill.es.js";
-import { UserAddFill as dr } from "./Icons/UserAddFill.es.js";
-import { Reassignment as cr } from "./Icons/Reassignment.es.js";
-import { ReassignmentFill as hr } from "./Icons/ReassignmentFill.es.js";
-import { Send as Sr } from "./Icons/Send.es.js";
-import { StarFill as kr } from "./Icons/StarFill.es.js";
+import { UserAvatar as H } from "./Icons/UserAvatar.es.js";
+import { Logout as V } from "./Icons/Logout.es.js";
+import { ArrowUpDown as q } from "./Icons/ArrowUpDown.es.js";
+import { Filter as I } from "./Icons/Filter.es.js";
+import { Search as P } from "./Icons/Search.es.js";
+import { Stars as W } from "./Icons/Stars.es.js";
+import { MoreVert as z } from "./Icons/MoreVert.es.js";
+import { Add as J } from "./Icons/Add.es.js";
+import { Edit as Q } from "./Icons/Edit.es.js";
+import { Upload as Y } from "./Icons/Upload.es.js";
+import { Copy as _ } from "./Icons/Copy.es.js";
+import { FaLock as rr } from "./Icons/FaLock.es.js";
+import { AccountCircle as er } from "./Icons/AccountCircle.es.js";
+import { UserAdd as pr } from "./Icons/UserAdd.es.js";
+import { AttachFile as fr } from "./Icons/AttachFile.es.js";
+import { HistoryActivity as lr } from "./Icons/HistoryActivity.es.js";
+import { MessageSquare as ar } from "./Icons/MessageSquare.es.js";
+import { CloseNavBarDesktop as nr } from "./Icons/CloseNavBarDesktop.es.js";
+import { EyeVisibility as Cr } from "./Icons/EyeVisibility.es.js";
+import { EyeVisibilityOff as Fr } from "./Icons/EyeVisibilityOff.es.js";
+import { Check as Ar } from "./Icons/Check.es.js";
+import { Info as gr } from "./Icons/Info.es.js";
+import { Error as yr } from "./Icons/Error.es.js";
+import { TicketFilled as Ur } from "./Icons/TicketFilled.es.js";
+import { UploadCloud as wr } from "./Icons/UploadCloud.es.js";
+import { Clock as Dr } from "./Icons/Clock.es.js";
+import { Pause as Tr } from "./Icons/Pause.es.js";
+import { FastForward as Hr } from "./Icons/FastForward.es.js";
+import { Trash as Vr } from "./Icons/Trash.es.js";
+import { Sort as qr } from "./Icons/Sort.es.js";
+import { Cancel as Ir } from "./Icons/Cancel.es.js";
+import { CheckCircle as Pr } from "./Icons/CheckCircle.es.js";
+import { FormatColorText as Wr } from "./Icons/FormatColorText.es.js";
+import { CheckList as zr } from "./Icons/CheckList.es.js";
+import { WhatsApp as Jr } from "./Icons/WhatsApp.es.js";
+import { File as Qr } from "./Icons/File.es.js";
+import { Email as Yr } from "./Icons/Email.es.js";
+import { Download as _r } from "./Icons/Download.es.js";
+import { Reload as ro } from "./Icons/Reload.es.js";
+import { Image as eo } from "./Icons/Image.es.js";
+import { DocumentFill as po } from "./Icons/DocumentFill.es.js";
+import { Company as fo } from "./Icons/Company.es.js";
+import { EditFill as lo } from "./Icons/EditFill.es.js";
+import { TrashFill as ao } from "./Icons/TrashFill.es.js";
+import { MessageSquareFill as no } from "./Icons/MessageSquareFill.es.js";
+import { UserAddFill as co } from "./Icons/UserAddFill.es.js";
+import { Reassignment as ho } from "./Icons/Reassignment.es.js";
+import { ReassignmentFill as So } from "./Icons/ReassignmentFill.es.js";
+import { Send as ko } from "./Icons/Send.es.js";
+import { StarFill as uo } from "./Icons/StarFill.es.js";
 export {
-  oo as AccountCircle,
-  z as Add,
+  er as AccountCircle,
+  J as Add,
   A as ArrowLeft,
-  V as ArrowUpDown,
-  po as AttachFile,
+  q as ArrowUpDown,
+  fr as AttachFile,
   f as Boards,
-  U as Calendar,
-  Bo as Cancel,
-  ho as Check,
-  No as CheckCircle,
-  jo as CheckList,
+  w as Calendar,
+  Ir as Cancel,
+  Ar as Check,
+  Pr as CheckCircle,
+  zr as CheckList,
   y as ChevronDown,
-  vo as Clock,
+  Dr as Clock,
   D as Close,
-  ao as CloseNavBarDesktop,
-  w as Collapse,
-  mr as Company,
-  Y as Copy,
+  nr as CloseNavBarDesktop,
+  U as Collapse,
+  fo as Company,
+  _ as Copy,
   C as CrevronLeft,
   F as CrevronRight,
-  tr as DocumentFill,
-  Zo as Download,
-  J as Edit,
-  xr as EditFill,
-  Xo as Email,
-  ko as Error,
-  no as EyeVisibility,
-  co as EyeVisibilityOff,
-  _ as FaLock,
-  Ro as FastForward,
-  Ko as File,
-  q as Filter,
-  Oo as FormatColorText,
+  po as DocumentFill,
+  _r as Download,
+  Q as Edit,
+  lo as EditFill,
+  Yr as Email,
+  yr as Error,
+  Cr as EyeVisibility,
+  Fr as EyeVisibilityOff,
+  rr as FaLock,
+  Hr as FastForward,
+  Qr as File,
+  I as Filter,
+  Wr as FormatColorText,
   a as Help,
-  fo as HistoryActivity,
+  lr as HistoryActivity,
   p as Home,
-  rr as Image,
-  So as Info,
-  H as Logout,
-  lo as MessageSquare,
-  sr as MessageSquareFill,
-  W as MoreVert,
+  eo as Image,
+  gr as Info,
+  V as Logout,
+  ar as MessageSquare,
+  no as MessageSquareFill,
+  z as MoreVert,
   l as Notifications,
-  Lo as Pause,
-  cr as Reassignment,
-  hr as ReassignmentFill,
-  $o as Reload,
-  I as Search,
-  Sr as Send,
+  Tr as Pause,
+  ho as Reassignment,
+  So as ReassignmentFill,
+  ro as Reload,
+  P as Search,
+  ko as Send,
   n as Settings,
   g as Shared,
-  bo as Sort,
-  kr as StarFill,
-  P as Stars,
+  qr as Sort,
+  uo as StarFill,
+  W as Stars,
   e as Ticket,
-  uo as TicketFilled,
-  Mo as Trash,
-  ir as TrashFill,
-  Q as Upload,
-  Eo as UploadCloud,
-  eo as UserAdd,
-  dr as UserAddFill,
+  Ur as TicketFilled,
+  Vr as Trash,
+  ao as TrashFill,
+  Y as Upload,
+  wr as UploadCloud,
+  pr as UserAdd,
+  co as UserAddFill,
+  H as UserAvatar,
   T as UserPerson,
-  Go as WhatsApp
+  Jr as WhatsApp
 };

package/dist/components/Avatar/Avatar.d.ts

@@ -6,6 +6,8 @@ interface IAvatar {
     fallbackText?: string;
     subImageUrl?: string;
     borderColor?: string;
+    fallbackType?: "initials" | "defaultAvatar";
+    sizeFallbackIcon?: number;
 }
-export default function Avatar({ imageUrl, sizeImage, sizeFallback, fallbackText, subImageUrl, }: IAvatar): import("react/jsx-runtime").JSX.Element;
+export default function Avatar({ imageUrl, sizeImage, sizeFallback, sizeFallbackIcon, fallbackText, subImageUrl, fallbackType, }: IAvatar): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/PlainTooltip/PlainTooltip.d.ts

@@ -7,5 +7,5 @@ export interface PlainTooltipProps {
     attachToParent?: boolean;
     disabled?: boolean;
 }
-declare const PlainTooltip: import('react').MemoExoticComponent<({ title, children, delayToShow, delayToClose, className, attachToParent, disabled }: PlainTooltipProps) => string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<import('react').ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined> | null | undefined>;
+declare const PlainTooltip: import('react').MemoExoticComponent<({ title, children, delayToShow, delayToClose, className, attachToParent, disabled }: PlainTooltipProps) => string | number | bigint | boolean | Iterable<import('react').ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<import('react').ReactNode> | null | undefined> | import("react/jsx-runtime").JSX.Element | null | undefined>;
 export default PlainTooltip;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "prometeo-design-system",
   "private": false,
-  "version": "4.1.3",
+  "version": "4.1.5",
   "type": "module",
   "description": "design kit system",
   "main": "dist/prometeo-design-system.umd.js",
@@ -304,4 +304,4 @@
       "ajv": "^8.17.1"
     }
   }
-}
+}