prometeo-design-system 7.7.2 → 7.7.4

package/dist/AttachInput.es.js

@@ -6,8 +6,8 @@ import _ from "./CardBackground.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 "./Icons/UploadCloud.es.js";
-import { Info as U } from "./Icons/Info.es.js";
+import { UploadCloud as O } from "./Icon-UploadCloud.es.js";
+import { Info as U } from "./Icon-Info.es.js";
 const W = i(
   "relative w-full radius-large transition-colors duration-200 overflow-hidden flex flex-col items-center justify-center text-center gap-1 p-3 flex-1",
   {

package/dist/Avatar.es.js

@@ -1,6 +1,6 @@
 import { j as m } from "./jsx-runtime-GkKLlHH4.js";
-import { A as u } from "./AvatarAndSubavatar-CzNxClpf.js";
-import { A as d } from "./AvatarBase-B8nEsgzk.js";
+import { A as u } from "./AvatarAndSubavatar-BuZi4MrC.js";
+import { A as d } from "./AvatarBase-DiSd8Z2B.js";
 const g = "[Pyrion Avatar]", o = /* @__PURE__ */ new Set(), e = (a, r) => {
   o.has(a) || (o.add(a), console.warn(`${g} ${r}`));
 }, f = {

package/dist/AvatarAndSubavatar-BuZi4MrC.js

@@ -0,0 +1,45 @@
+import { j as r } from "./jsx-runtime-GkKLlHH4.js";
+import { c as m } from "./index-BOQuZ0gG.js";
+import { memo as l, useState as d, useEffect as n } from "react";
+import { A as x } from "./AvatarBase-DiSd8Z2B.js";
+const c = m(
+  "bg-brand-secondary-default border-neutral-default-default border-1 rounded-full text-brand-secondary-default grid place-items-center overflow-hidden object-cover object-center absolute ",
+  {
+    variants: {
+      size: {
+        "2xlarge": "size-12 -bottom-[6px] -right-[6px]",
+        xlarge: "size-8 -bottom-[6px] -right-[6px]",
+        large: "size-6 -bottom-[6px] -right-[6px]",
+        medium: "size-4 -bottom-[4px] -right-[4px]",
+        small: "size-4 -bottom-[4px] -right-[4px]",
+        xsmall: "size-0"
+      }
+    }
+  }
+), p = ({
+  ref: s,
+  subImageUrl: a,
+  size: t = "medium",
+  ...o
+}) => {
+  const [i, e] = d(!1);
+  return n(() => {
+    e(!1);
+  }, [a]), /* @__PURE__ */ r.jsxs("div", { ref: s, className: "relative size-max", children: [
+    /* @__PURE__ */ r.jsx(x, { ...o, size: t }),
+    a && !i && /* @__PURE__ */ r.jsx(
+      "img",
+      {
+        className: c({ size: t }),
+        src: a,
+        alt: "subimage",
+        draggable: !1,
+        onError: () => e(!0)
+      }
+    )
+  ] });
+}, u = l(p);
+u.displayName = "AvatarAndSubavatar";
+export {
+  u as A
+};

package/dist/AvatarBase-DiSd8Z2B.js

@@ -0,0 +1,67 @@
+import { j as e } from "./jsx-runtime-GkKLlHH4.js";
+import { c as t } from "./cn-B6yFEsav.js";
+import { c } from "./index-BOQuZ0gG.js";
+import { useState as u, useEffect as g } from "react";
+import h from "./Skeleton.es.js";
+import { UserAvatar as b } from "./Icon-UserAvatar.es.js";
+const o = c(
+  "bg-brand-secondary-default rounded-full text-brand-secondary-default grid place-items-center overflow-hidden object-cover object-center select-none shrink-0",
+  {
+    variants: {
+      size: {
+        "2xlarge": "size-[128px]",
+        xlarge: "size-16",
+        large: "size-[42px]",
+        medium: "size-8",
+        small: "size-6",
+        xsmall: "size-4"
+      }
+    }
+  }
+), j = c("text-brand-secondary-default w-full text-center", {
+  variants: {
+    size: {
+      "2xlarge": "pyrion-fonts-headline-large text-[56px]",
+      xlarge: "pyrion-fonts-headline-medium",
+      large: "pyrion-fonts-headline-small",
+      medium: "pyrion-fonts-label-large",
+      small: "pyrion-fonts-label-medium",
+      xsmall: "pyrion-fonts-label-small text-[8px]"
+    }
+  }
+}), v = (r) => r.trim().split(" ").map((a) => a.charAt(0)).join("").toUpperCase().slice(0, 2);
+function I({
+  ref: r,
+  imageUrl: a,
+  size: s = "medium",
+  isLoading: m = !1,
+  className: l = "",
+  name: n,
+  fallbackType: d = "initials"
+}) {
+  const [f, i] = u(!1);
+  if (g(() => {
+    i(!1);
+  }, [a]), m)
+    return /* @__PURE__ */ e.jsx("div", { ref: r, className: t("inline-flex", l), children: /* @__PURE__ */ e.jsx(
+      h,
+      {
+        shape: "circle",
+        className: t(o({ size: s }), "border-0")
+      }
+    ) });
+  const p = d === "initials" && n, x = !!a && !f;
+  return /* @__PURE__ */ e.jsx("div", { ref: r, className: t(o({ size: s }), l), children: x ? /* @__PURE__ */ e.jsx(
+    "img",
+    {
+      src: a,
+      alt: "avatar",
+      className: "w-full h-full object-cover",
+      draggable: !1,
+      onError: () => i(!0)
+    }
+  ) : p ? /* @__PURE__ */ e.jsx("p", { className: j({ size: s }), children: v(n) }) : /* @__PURE__ */ e.jsx(b, { className: "size-full rounded-full" }) });
+}
+export {
+  I as A
+};

package/dist/Breadcrumbs.es.js

@@ -1,7 +1,7 @@
 import { j as i } from "./jsx-runtime-GkKLlHH4.js";
 import { memo as I, useCallback as g, Children as z, isValidElement as D, useState as V, useMemo as N } from "react";
 import { c as j } from "./cn-B6yFEsav.js";
-import { KeyboardArrowUp as w } from "./Icons/KeyboardArrowUp.es.js";
+import { KeyboardArrowUp as w } from "./Icon-KeyboardArrowUp.es.js";
 import { c as v } from "./index-BOQuZ0gG.js";
 const A = ({ showIcon: e }) => /* @__PURE__ */ i.jsxs("li", { className: "flex items-center", children: [
   /* @__PURE__ */ i.jsx(

package/dist/CardProfile.es.js

@@ -3,8 +3,8 @@ 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";
+import { ChevronDown as v } from "./Icon-ChevronDown.es.js";
+import { Logout as b } from "./Icon-Logout.es.js";
 function y({
   sessions: t,
   handleTokenLogin: r

package/dist/Chip.es.js

@@ -3,8 +3,8 @@ import { memo as C, forwardRef as K, useMemo as N, useCallback as v } from "reac
 import { c as m } from "./index-BOQuZ0gG.js";
 import { c as h } from "./cn-B6yFEsav.js";
 import { i as V } from "./iconUtils-rTOfKDxE.js";
-import { Close as q } from "./Icons/Close.es.js";
-import { A as Q } from "./AvatarBase-B8nEsgzk.js";
+import { Close as q } from "./Icon-Close.es.js";
+import { A as Q } from "./AvatarBase-DiSd8Z2B.js";
 const Z = {
   small: "h-5 px-2 text-xs prometeo-fonts-body-small",
   medium: "h-8 px-3 text-sm prometeo-fonts-body-medium",