prometeo-design-system 7.5.2 → 7.7.0

package/dist/Avatar.es.js

@@ -1,48 +1,9 @@
-import { j as i } from "./jsx-runtime-GkKLlHH4.js";
-import { c as f } from "./index-BOQuZ0gG.js";
-import { memo as b, useState as x, useEffect as v } from "react";
-import { A as u } from "./AvatarBase-D6H-sXbg.js";
-const z = f(
-  "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"
-      }
-    }
-  }
-), A = ({
-  ref: a,
-  subImageUrl: e,
-  size: r = "medium",
-  ...s
-}) => {
-  const [o, l] = x(!1);
-  return v(() => {
-    l(!1);
-  }, [e]), /* @__PURE__ */ i.jsxs("div", { ref: a, className: "relative size-max", children: [
-    /* @__PURE__ */ i.jsx(u, { ...s, size: r }),
-    e && !o && /* @__PURE__ */ i.jsx(
-      "img",
-      {
-        className: z({ size: r }),
-        src: e,
-        alt: "subimage",
-        draggable: !1,
-        onError: () => l(!0)
-      }
-    )
-  ] });
-}, g = b(A);
-g.displayName = "AvatarAndSubavatar";
-const p = "[Pyrion Avatar]", d = /* @__PURE__ */ new Set(), t = (a, e) => {
-  d.has(a) || (d.add(a), console.warn(`${p} ${e}`));
-}, k = {
+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";
+const g = "[Pyrion Avatar]", o = /* @__PURE__ */ new Set(), e = (a, r) => {
+  o.has(a) || (o.add(a), console.warn(`${g} ${r}`));
+}, f = {
   xxxxs: "xsmall",
   xxxs: "small",
   xxs: "medium",
@@ -51,70 +12,70 @@ const p = "[Pyrion Avatar]", d = /* @__PURE__ */ new Set(), t = (a, e) => {
   md: "xlarge",
   lg: "xlarge",
   xl: "2xlarge"
-}, y = (a) => {
+}, b = (a) => {
   if (a.size) return a.size;
   if (a.sizeImage ?? a.sizeFallback) {
-    a.sizeImage && t(
+    a.sizeImage && e(
       "sizeImage",
       'La prop "sizeImage" está deprecada. Usá "size" (AvatarSize) en su lugar.'
-    ), a.sizeFallback && t(
+    ), a.sizeFallback && e(
       "sizeFallback",
       'La prop "sizeFallback" está deprecada. Usá "size" (AvatarSize) en su lugar.'
     );
-    const r = a.sizeImage ?? a.sizeFallback;
-    return k[r];
+    const i = a.sizeImage ?? a.sizeFallback;
+    return f[i];
   }
   return "medium";
-}, I = (a) => {
+}, v = (a) => {
   if (a.name) return a.name;
   if (a.fallbackText)
-    return t(
+    return e(
       "fallbackText",
       'La prop "fallbackText" está deprecada. Usá "name" en su lugar.'
     ), a.fallbackText;
-}, L = (a) => {
+}, z = (a) => {
   const {
-    sizeImage: e,
-    sizeFallback: r,
-    imageDiameter: s,
-    fallbackText: o,
-    subImageDiameter: l,
-    subImageUrl: m,
-    fallbackType: c,
-    ...n
+    sizeImage: r,
+    sizeFallback: i,
+    imageDiameter: t,
+    fallbackText: x,
+    subImageDiameter: c,
+    subImageUrl: l,
+    fallbackType: n,
+    ...s
   } = a;
-  return m && t(
+  return l && e(
     "subImageUrl",
     'La prop "subImageUrl" en Avatar está deprecada. Usá el componente AvatarAndSubavatar en su lugar.'
-  ), s !== void 0 && t(
+  ), t !== void 0 && e(
     "imageDiameter",
     'La prop "imageDiameter" ya no tiene efecto. Usá "size" (AvatarSize) en su lugar.'
-  ), l !== void 0 && t(
+  ), c !== void 0 && e(
     "subImageDiameter",
     'La prop "subImageDiameter" ya no tiene efecto en el nuevo layout del subavatar.'
-  ), c === "defaultAvatar" && t(
+  ), n === "defaultAvatar" && e(
     "fallbackType-defaultAvatar",
     'La prop "fallbackType=defaultAvatar" está deprecada. El avatar usa el icono por defecto cuando no hay imagen ni nombre.'
-  ), a.isLoading && t(
+  ), a.isLoading && e(
     "isLoading",
     'La prop "isLoading" en Avatar está deprecada para futuras versiones; sigue soportada por retrocompatibilidad.'
   ), {
-    imageUrl: n.imageUrl,
-    size: y(a),
-    name: I(a),
-    className: n.className,
-    isLoading: n.isLoading,
-    fallbackType: c ?? "initials",
-    subImageUrl: m,
-    ref: n.ref
+    imageUrl: s.imageUrl,
+    size: b(a),
+    name: v(a),
+    className: s.className,
+    isLoading: s.isLoading,
+    fallbackType: n ?? "initials",
+    subImageUrl: l,
+    ref: s.ref
   };
 };
-function E(a) {
-  const e = L(a), { subImageUrl: r, ...s } = e;
-  return r ? /* @__PURE__ */ i.jsx(g, { subImageUrl: r, ...s }) : /* @__PURE__ */ i.jsx(u, { ...s });
+function p(a) {
+  const r = z(a), { subImageUrl: i, ...t } = r;
+  return i ? /* @__PURE__ */ m.jsx(u, { subImageUrl: i, ...t }) : /* @__PURE__ */ m.jsx(d, { ...t });
 }
 export {
-  E as AvatarAndSubavatar,
-  u as AvatarBase,
-  E as default
+  p as AvatarAndSubavatar,
+  d as AvatarBase,
+  p as default
 };

package/dist/AvatarAndSubavatar-CzNxClpf.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-B8nEsgzk.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-D6H-sXbg.js → AvatarBase-B8nEsgzk.js}

@@ -2,10 +2,10 @@ 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 b from "./Skeleton.es.js";
-import { UserAvatar as h } from "./Icons/UserAvatar.es.js";
+import h from "./Skeleton.es.js";
+import { UserAvatar as b } from "./Icons/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",
+  "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: {
@@ -44,7 +44,7 @@ function I({
     i(!1);
   }, [a]), m)
     return /* @__PURE__ */ e.jsx("div", { ref: r, className: t("inline-flex", l), children: /* @__PURE__ */ e.jsx(
-      b,
+      h,
       {
         shape: "circle",
         className: t(o({ size: s }), "border-0")
@@ -60,7 +60,7 @@ function I({
       draggable: !1,
       onError: () => i(!0)
     }
-  ) : p ? /* @__PURE__ */ e.jsx("p", { className: j({ size: s }), children: v(n) }) : /* @__PURE__ */ e.jsx(h, { className: "size-full rounded-full" }) });
+  ) : 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/Button.es.js

@@ -1,7 +1,7 @@
 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 { c as g } from "./index-BOQuZ0gG.js";
+import { c as m } from "./index-BOQuZ0gG.js";
 import U from "./Spinner.es.js";
 const W = (r) => Q(r), B = {
   primary: "brand",
@@ -58,41 +58,41 @@ const W = (r) => Q(r), B = {
   },
   outline: {
     brand: {
-      container: `bg-transparent after:border after:border-brand-onneutral-default
-            hover:bg-neutral-primary-hover hover:after:border-brand-onneutral-hover
-            active:bg-neutral-primary-pressed active:after:border-brand-onneutral-pressed`,
+      container: `bg-neutral-primary-default after:border after:border-brand-onneutral-default
+            hover:bg-brand-overlay-hover hover:after:border-brand-onneutral-hover
+            active:bg-brand-overlay-pressed active:after:border-brand-onneutral-pressed`,
       label: "text-brand-onneutral-default group-hover:text-brand-onneutral-hover group-active:text-brand-onneutral-pressed",
       icon: "icon-brand-onneutral-default group-hover:icon-brand-onneutral-hover group-active:icon-brand-onneutral-pressed"
     },
     neutral: {
-      container: "bg-transparent after:border after:border-neutral-primary-default hover:bg-neutral-primary-hover hover:after:border-neutral-primary-hover active:bg-neutral-primary-pressed active:after:border-neutral-primary-pressed",
+      container: "bg-neutral-primary-default after:border after:border-neutral-primary-default hover:bg-neutral-primary-hover hover:after:border-neutral-primary-hover active:bg-neutral-primary-pressed active:after:border-neutral-primary-pressed",
       label: "text-neutral-secondary-default group-hover:text-neutral-secondary-hover group-active:text-neutral-secondary-pressed",
       icon: "icon-neutral--default group-hover:icon-neutral-default-hover group-active:icon-neutral-default-pressed"
     },
     success: {
-      container: "bg-transparent after:border after:border-success-onneutral-default hover:bg-neutral-primary-hover hover:after:border-success-onneutral-hover active:bg-neutral-primary-pressed active:after:border-success-onneutral-pressed",
+      container: "bg-transparent after:border after:border-success-onneutral-default hover:bg-success-overlay-hover hover:after:border-success-onneutral-hover active:bg-success-overlay-pressed active:after:border-success-onneutral-pressed",
       label: "text-semantic-success-onneutral-default group-hover:text-semantic-success-onneutral-hover group-active:text-semantic-success-onneutral-pressed",
       icon: "icon-semantic-success-onneutral-default group-hover:icon-semantic-success-onneutral-hover group-active:icon-semantic-success-onneutral-pressed"
     },
     error: {
-      container: "bg-transparent after:border after:border-error-onneutral-default hover:bg-neutral-primary-hover hover:after:border-error-onneutral-hover active:bg-neutral-primary-pressed active:after:border-error-onneutral-pressed",
+      container: "bg-transparent after:border after:border-error-onneutral-default hover:bg-error-overlay-hover hover:after:border-error-onneutral-hover active:bg-error-overlay-pressed active:after:border-error-onneutral-pressed",
       label: "text-semantic-error-onneutral-default group-hover:text-semantic-error-onneutral-hover group-active:text-semantic-error-onneutral-pressed",
       icon: "icon-semantic-error-onneutral-default group-hover:icon-semantic-error-onneutral-hover group-active:icon-semantic-error-onneutral-pressed"
     },
     warning: {
-      container: "bg-transparent after:border after:border-warning-onneutral-default hover:bg-neutral-primary-hover hover:after:border-warning-onneutral-hover active:bg-neutral-primary-pressed active:after:border-warning-onneutral-pressed",
+      container: "bg-transparent after:border after:border-warning-onneutral-default hover:bg-warning-overlay-hover hover:after:border-warning-onneutral-hover active:bg-warning-overlay-pressed active:after:border-warning-onneutral-pressed",
       label: "text-semantic-warning-onneutral-default group-hover:text-semantic-warning-onneutral-hover group-active:text-semantic-warning-onneutral-pressed",
       icon: "icon-semantic-warning-onneutral-default group-hover:icon-semantic-warning-onneutral-hover group-active:icon-semantic-warning-onneutral-pressed"
     },
     disabled: {
       container: "bg-disabled-default after:border after:border-disabled-ondisabled cursor-default! hover:bg-disabled-default active:bg-disabled-default",
-      label: "text-disabled-default group-hover:text-disabled-default group-active:text-disabled-default",
+      label: "text-disabled-ondisabled group-hover:text-disabled-ondisabled group-active:text-disabled-ondisabled",
       icon: "icon-disabled-default group-hover:icon-disabled-default group-active:icon-disabled-default"
     }
   },
   text: {
     brand: {
-      container: "bg-transparent hover:bg-neutral-primary-hover active:bg-neutral-primary-pressed",
+      container: "bg-transparent hover:bg-brand-overlay-hover active:bg-brand-overlay-pressed",
       label: "text-brand-onneutral-default group-hover:text-brand-onneutral-hover group-active:text-brand-onneutral-pressed",
       icon: "icon-brand-onneutral-default group-hover:icon-brand-onneutral-hover group-active:icon-brand-onneutral-pressed"
     },
@@ -102,17 +102,17 @@ const W = (r) => Q(r), B = {
       icon: "icon-neutral-default-default group-hover:icon-neutral-default-hover group-active:icon-neutral-default-pressed"
     },
     success: {
-      container: "hover:bg-neutral-primary-hover active:bg-neutral-primary-pressed",
+      container: "hover:bg-success-overlay-hover active:bg-success-overlay-pressed",
       label: "text-semantic-success-onneutral-default group-hover:text-semantic-success-onneutral-hover group-active:text-semantic-success-onneutral-pressed",
       icon: "icon-semantic-success-onneutral-default group-hover:icon-semantic-success-onneutral-hover group-active:icon-semantic-success-onneutral-pressed"
     },
     error: {
-      container: "hover:bg-neutral-primary-hover active:bg-neutral-primary-pressed",
+      container: "hover:bg-error-overlay-hover active:bg-error-overlay-pressed",
       label: "text-semantic-error-onneutral-default group-hover:text-semantic-error-onneutral-hover group-active:text-semantic-error-onneutral-pressed",
       icon: "icon-semantic-error-onneutral-default group-hover:icon-semantic-error-onneutral-hover group-active:icon-semantic-error-onneutral-pressed"
     },
     warning: {
-      container: "hover:bg-neutral-primary-hover active:bg-neutral-primary-pressed",
+      container: "hover:bg-warning-overlay-hover active:bg-warning-overlay-pressed",
       label: "text-semantic-warning-onneutral-default group-hover:text-semantic-warning-onneutral-hover group-active:text-semantic-warning-onneutral-pressed",
       icon: "icon-semantic-warning-onneutral-default group-hover:icon-semantic-warning-onneutral-hover group-active:icon-semantic-warning-onneutral-pressed"
     },
@@ -156,7 +156,7 @@ const W = (r) => Q(r), B = {
   false: {
     icon: ""
   }
-}, Z = g(f.icon, {
+}, Z = m(f.icon, {
   variants: {
     size: {
       small: `${n.small.icon} ${o.small.icon}`,
@@ -207,7 +207,7 @@ const W = (r) => Q(r), B = {
     color: "brand",
     animateIcon: !0
   }
-}), _ = g(f.container, {
+}), _ = m(f.container, {
   variants: {
     size: {
       small: `${n.small.container} ${o.small.container}`,
@@ -258,7 +258,7 @@ const W = (r) => Q(r), B = {
     color: "brand",
     animation: !0
   }
-}), C = g(f.label, {
+}), C = m(f.label, {
   variants: {
     size: {
       small: n.small.label,
@@ -353,16 +353,16 @@ const W = (r) => Q(r), B = {
     if (p)
       return p;
     const u = h;
-    let m = null;
+    let g = null;
     const G = {
       small: 20,
       medium: 24,
       large: 24
     };
-    return u && (m = W(u) ? u : P(u, {
+    return u && (g = W(u) ? u : P(u, {
       size: G[t]
     })), /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-      m && /* @__PURE__ */ a.jsx(
+      g && /* @__PURE__ */ a.jsx(
         "span",
         {
           className: Z({
@@ -371,7 +371,7 @@ const W = (r) => Q(r), B = {
             color: i,
             animateIcon: w
           }),
-          children: m
+          children: g
         }
       ),
       v && /* @__PURE__ */ a.jsx(

package/dist/Chip.es.js

@@ -4,7 +4,7 @@ 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-D6H-sXbg.js";
+import { A as Q } from "./AvatarBase-B8nEsgzk.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",
@@ -12,7 +12,8 @@ const Z = {
 }, $ = {
   default: "text-neutral-default-default border-neutral-default-default bg-inherit rounded-lg font-semibold",
   error: "",
-  success: ""
+  success: "",
+  warning: ""
 }, J = "border-neutral-strong-default text-neutral-default-disabled", W = "text-neutral-default-disabled", X = ["leading", "avatar"], ee = ["default", "error", "success"];
 function ae(e) {
   return X.includes(e);

package/dist/Dialog.es.js

@@ -2,7 +2,7 @@ import { j as n } from "./jsx-runtime-GkKLlHH4.js";
 import { useContext as Z, createContext as $, forwardRef as ee, memo as O, useRef as h, useState as R, useCallback as p, useEffect as I, useImperativeHandle as ne, useMemo as q } from "react";
 import { createPortal as te } from "react-dom";
 import { c as v } from "./cn-B6yFEsav.js";
-import { M as re } from "./MenuFloating-CZ7dqXy2.js";
+import { M as re } from "./MenuFloating-SbwgI4UF.js";
 import oe from "./CardBackground.es.js";
 import se from "./IconButton.es.js";
 import { Close as le } from "./Icons/Close.es.js";

package/dist/FAButton.es.js

@@ -95,7 +95,7 @@ const h = {
     }
   }
 }, b = {
-  root: "group grid place-items-center size-[56px] p-4 radius-small transition-all duration-300 cursor-pointer select-none",
+  root: "group grid place-items-center size-[56px] p-4 radius-large transition-all duration-300 cursor-pointer select-none",
   icon: "flex justify-center items-center transition-all duration-300"
 }, x = i(b.root, {
   variants: {
@@ -201,7 +201,7 @@ const h = {
     disabled: !1
   }
 }), F = (e) => {
-  const a = e.position ?? h, l = e.attachToParent ?? !1, c = w(e.color ?? "primary"), t = e.icon ?? f, n = !!e.disabled, s = e.variant ?? "fill", u = /* @__PURE__ */ o.jsx(
+  const a = e.position ?? h, c = e.attachToParent ?? !1, l = w(e.color ?? "primary"), t = e.icon ?? f, n = !!e.disabled, s = e.variant ?? "fill", u = /* @__PURE__ */ o.jsx(
     "div",
     {
       style: {
@@ -212,12 +212,12 @@ const h = {
       },
       className: g(
         x({
-          attachToParent: l,
+          attachToParent: c,
           disabled: n
         }),
         C({
           variant: s,
-          color: c,
+          color: l,
           disabled: n
         }),
         n && "pointer-events-none",
@@ -229,7 +229,7 @@ const h = {
         {
           className: V({
             variant: s,
-            color: c,
+            color: l,
             disabled: n
           }),
           children: /* @__PURE__ */ o.jsx(t, { size: 24 })
@@ -237,7 +237,7 @@ const h = {
       ) : /* @__PURE__ */ o.jsx(t, { size: 24 })
     }
   );
-  return l ? u : m(u, document.body);
+  return c ? u : m(u, document.body);
 }, T = v(F, (e, a) => e.attachToParent === a.attachToParent && e.position === a.position && e.color === a.color && e.icon === a.icon && e.disabled === a.disabled && e.variant === a.variant && e.className === a.className && e.onClick === a.onClick);
 T.displayName = "FAButton";
 export {

package/dist/HelperComponent.es.js

@@ -1,16 +1,18 @@
-import { j as t } from "./jsx-runtime-GkKLlHH4.js";
+import { j as s } from "./jsx-runtime-GkKLlHH4.js";
 import { c as r } from "./cn-B6yFEsav.js";
 import { c as i } from "./index-BOQuZ0gG.js";
 import { memo as d } from "react";
-import { CheckCircle as c } from "./Icons/CheckCircle.es.js";
-import { Error as o } from "./Icons/Error.es.js";
-import { Info as u } from "./Icons/Info.es.js";
-const f = i("truncate", {
+import { Warning as c } from "./Icons/Warning.es.js";
+import { CheckCircle as o } from "./Icons/CheckCircle.es.js";
+import { Error as u } from "./Icons/Error.es.js";
+import { Info as f } from "./Icons/Info.es.js";
+const m = i("truncate", {
   variants: {
     variant: {
       default: "text-neutral-tertiary-default",
       error: "text-semantic-error-onneutral-default",
-      success: "text-semantic-success-onneutral-default"
+      success: "text-semantic-success-onneutral-default",
+      warning: "text-semantic-warning-onneutral-default"
     },
     disabled: {
       true: "text-disabled-default!",
@@ -21,12 +23,13 @@ const f = i("truncate", {
     variant: "default",
     disabled: !1
   }
-}), m = i("min-h-4 shrink-0", {
+}), b = i("min-h-4 shrink-0", {
   variants: {
     variant: {
       default: "",
       error: "",
-      success: ""
+      success: "",
+      warning: ""
     },
     disabled: {
       true: "",
@@ -37,30 +40,33 @@ const f = i("truncate", {
     { disabled: !0, variant: "default", class: "icon-disabled-default!" },
     { disabled: !0, variant: "error", class: "icon-disabled-default!" },
     { disabled: !0, variant: "success", class: "icon-disabled-default!" },
+    { disabled: !0, variant: "warning", class: "icon-disabled-default!" },
     { disabled: !1, variant: "default", class: "icon-neutral-tertiary-default" },
     { disabled: !1, variant: "error", class: "icon-semantic-error-onneutral-default" },
-    { disabled: !1, variant: "success", class: "icon-semantic-success-onneutral-default" }
+    { disabled: !1, variant: "success", class: "icon-semantic-success-onneutral-default" },
+    { disabled: !1, variant: "warning", class: "icon-semantic-warning-onneutral-default" }
   ],
   defaultVariants: {
     variant: "default",
     disabled: !1
   }
-}), b = (e, s) => {
-  const a = {
-    default: u,
-    error: o,
-    success: c
-  }[e];
-  return /* @__PURE__ */ t.jsx(a, { size: 16, className: r(m({ variant: e, disabled: s })) });
-}, v = "*:text-disabled-default *:icon-disabled-default", n = (e) => {
-  const { variant: s, className: l, disabled: a } = e;
-  return /* @__PURE__ */ t.jsxs("div", { ref: e.ref, className: r("flex gap-0.5 px-3 items-center prometeo-fonts-body-small", a && v, l), children: [
-    e.children && b(s, a ?? !1),
-    typeof e.children == "string" ? /* @__PURE__ */ t.jsx("p", { title: e.children, className: r(" prometeo-fonts-body-small", f({ variant: s, disabled: a })), children: e.children }) : e.children
+}), v = (a, t) => {
+  const e = {
+    default: f,
+    error: u,
+    success: o,
+    warning: c
+  }[a];
+  return /* @__PURE__ */ s.jsx(e, { size: 16, className: r(b({ variant: a, disabled: t })) });
+}, x = "*:text-disabled-default *:icon-disabled-default", l = (a) => {
+  const { variant: t, className: n, disabled: e } = a;
+  return /* @__PURE__ */ s.jsxs("div", { ref: a.ref, className: r("flex gap-0.5 px-3 items-center prometeo-fonts-body-small", e && x, n), children: [
+    a.children && v(t, e ?? !1),
+    typeof a.children == "string" ? /* @__PURE__ */ s.jsx("p", { title: a.children, className: r(" prometeo-fonts-body-small", m({ variant: t, disabled: e })), children: a.children }) : a.children
   ] });
 };
-n.displayName = "HelperText";
-const V = d(n);
+l.displayName = "HelperText";
+const V = d(l);
 export {
   V as default
 };