prometeo-design-system 7.3.0 → 7.3.2

package/dist/Button.es.js

@@ -1,12 +1,12 @@
 import { j as a } from "./jsx-runtime-GkKLlHH4.js";
-import { memo as G, useMemo as H, createElement as J, isValidElement as K } from "react";
+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 O from "./Spinner.es.js";
-const P = (r) => K(r), B = {
+import U from "./Spinner.es.js";
+const W = (r) => Q(r), B = {
   primary: "brand",
   secondary: "neutral"
-}, Q = (r) => r in B, U = (r) => Q(r) ? B[r] : r, o = {
+}, X = (r) => r in B, Y = (r) => X(r) ? B[r] : r, o = {
   small: {
     container: "h-8 px-3 py-1.5 spacing-x-2 radius-small",
     icon: ""
@@ -156,7 +156,7 @@ const P = (r) => K(r), B = {
   false: {
     icon: ""
   }
-}, W = g(f.icon, {
+}, Z = g(f.icon, {
   variants: {
     size: {
       small: `${n.small.icon} ${o.small.icon}`,
@@ -207,7 +207,7 @@ const P = (r) => K(r), B = {
     color: "brand",
     animateIcon: !0
   }
-}), X = g(f.container, {
+}), _ = g(f.container, {
   variants: {
     size: {
       small: `${n.small.container} ${o.small.container}`,
@@ -304,36 +304,36 @@ const P = (r) => K(r), B = {
     variant: "fill",
     color: "brand"
   }
-}), Y = ({
+}), I = K(({
   label: r,
-  onClick: I,
+  onClick: z,
   icon: h,
-  contentClassName: Z,
+  contentClassName: T,
   loadingText: x = "Cargando...",
-  animate: z = !1,
-  animateIcon: N = !1,
+  animate: N = !1,
+  animateIcon: S = !1,
   isLoading: d = !1,
   children: s,
   hideSpinner: y = !1,
   spinner: b,
-  type: S = "button",
-  className: E,
-  disabled: M,
+  type: E = "button",
+  className: M,
+  disabled: F,
   variant: l = "fill",
-  form: F,
+  form: R,
   size: t = "medium",
   color: A = "brand",
   ...D
-}) => {
-  const c = !!(M || d), w = N && !c, L = z && !c, i = c ? "disabled" : U(A), v = typeof s == "string" ? s : r, p = typeof s != "string" ? s : void 0, R = H(() => {
+}, 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(() => {
     if (d) {
-      const q = {
+      const H = {
         small: "small",
         medium: "medium",
         large: "medium"
       };
       return /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
-        !y && b ? b : /* @__PURE__ */ a.jsx(O, { size: q[t], variant: "clip", color: "brand" }),
+        !y && b ? b : /* @__PURE__ */ a.jsx(U, { size: H[t], variant: "clip", color: "brand" }),
         /* @__PURE__ */ a.jsx(
           "span",
           {
@@ -354,18 +354,18 @@ const P = (r) => K(r), B = {
       return p;
     const u = h;
     let m = null;
-    const k = {
+    const G = {
       small: 20,
       medium: 24,
       large: 24
     };
-    return u && (m = P(u) ? u : J(u, {
-      size: k[t]
+    return u && (m = W(u) ? u : P(u, {
+      size: G[t]
     })), /* @__PURE__ */ a.jsxs(a.Fragment, { children: [
       m && /* @__PURE__ */ a.jsx(
         "span",
         {
-          className: W({
+          className: Z({
             size: t,
             variant: l,
             color: i,
@@ -402,25 +402,28 @@ const P = (r) => K(r), B = {
   return /* @__PURE__ */ a.jsx(
     "button",
     {
-      type: S,
+      ref: L,
+      type: E,
       className: V(
         "group",
-        X({
+        _({
           size: t,
           variant: l,
           color: i,
-          animation: L
+          animation: k
         }),
-        E
+        M
       ),
       disabled: c,
-      form: F,
-      onClick: I,
+      form: R,
+      onClick: z,
       ...D,
-      children: R
+      children: q
     }
   );
-}, ne = G(Y);
+});
+I.displayName = "Button";
+const oe = J(I);
 export {
-  ne as default
+  oe as default
 };

package/dist/DesktopModal.es.js

@@ -1,5 +1,5 @@
-import { a as o, u as t } from "./useModalControl-BE-IfhuR.js";
-import { D as u } from "./useModalControl-BE-IfhuR.js";
+import { u as o, a as t } from "./useModalControl-3Dx1Wop_.js";
+import { D as u } from "./useModalControl-3Dx1Wop_.js";
 const e = o, s = t;
 export {
   u as default,

package/dist/DialogModal.es.js

@@ -1,4 +1,4 @@
-import { D as t } from "./useModalControl-BE-IfhuR.js";
+import { D as t } from "./useModalControl-3Dx1Wop_.js";
 import { useDesktopModalControl as s, useDesktopModalState as l } from "./DesktopModal.es.js";
 export {
   t as default,

package/dist/IconButton.es.js

@@ -1,7 +1,7 @@
 import { j as n } from "./jsx-runtime-GkKLlHH4.js";
-import { memo as T, useMemo as k, isValidElement as V } from "react";
+import { memo as F, forwardRef as G, useMemo as H, isValidElement as I } from "react";
 import { i as m } from "./iconUtils-rTOfKDxE.js";
-import q from "./Spinner.es.js";
+import J from "./Spinner.es.js";
 import { c as x } from "./index-BOQuZ0gG.js";
 import { c as h } from "./cn-B6yFEsav.js";
 const u = {
@@ -117,21 +117,21 @@ const u = {
 }, w = {
   container: "flex justify-center items-center gap-1 w-max bg-transparent cursor-pointer transition-all ease-in-out duration-300 relative",
   icon: "w-max transition-all ease-in-out duration-300 flex justify-center items-center overflow-hidden"
-}, I = {
+}, V = {
   true: {
     container: "hover:scale-105 active:scale-95 disabled:scale-100"
   },
   false: {
     container: ""
   }
-}, $ = {
+}, N = {
   true: {
     icon: "group-hover:rotate-90 group-active:rotate-0 group-disabled:rotate-0"
   },
   false: {
     icon: ""
   }
-}, F = x(w.container, {
+}, K = x(w.container, {
   variants: {
     size: {
       small: `${y.small.container} ${u.small.container}`,
@@ -147,7 +147,7 @@ const u = {
     size: "medium",
     disabled: !1
   }
-}), G = x(w.container, {
+}), O = x(w.container, {
   variants: {
     size: {
       small: "radius-small",
@@ -167,8 +167,8 @@ const u = {
       warning: ""
     },
     animation: {
-      true: I.true.container,
-      false: I.false.container
+      true: V.true.container,
+      false: V.false.container
     },
     disabled: {
       true: "cursor-default!",
@@ -221,8 +221,8 @@ const u = {
       warning: ""
     },
     animateIcon: {
-      true: $.true.icon,
-      false: $.false.icon
+      true: N.true.icon,
+      false: N.false.icon
     },
     disabled: {
       true: "",
@@ -256,34 +256,35 @@ const u = {
     animateIcon: !0,
     disabled: !1
   }
-}), H = ({
+}), $ = G(({
   onClick: z,
   icon: b,
   contentClassName: p,
-  animate: N = !1,
-  animateIcon: S = !1,
+  animate: S = !1,
+  animateIcon: B = !1,
   isLoading: f = !1,
   children: r,
   hideSpinner: j = !1,
   spinner: g,
-  type: B = "button",
+  type: R = "button",
   className: E,
   disabled: i,
   variant: s = "fill",
   form: M,
   size: o = "medium",
-  color: R = "brand"
-}) => {
-  const l = !!(i || f), d = !!(S && !l), A = !!(N && !l), c = R, C = {
+  color: A = "brand",
+  ...C
+}, D) => {
+  const l = !!(i || f), d = !!(B && !l), T = !!(S && !l), c = A, k = {
     small: "small",
     medium: "medium",
     large: "medium"
-  }, D = k(() => {
+  }, q = H(() => {
     if (f)
-      return /* @__PURE__ */ n.jsx("div", { className: "flex items-center justify-center", children: !j && (g || /* @__PURE__ */ n.jsx(q, { size: C[o], color: "brand" })) });
+      return /* @__PURE__ */ n.jsx("div", { className: "flex items-center justify-center", children: !j && (g || /* @__PURE__ */ n.jsx(J, { size: k[o], color: "brand" })) });
     let a = null;
     if (r)
-      if (V(r))
+      if (I(r))
         m(r.type) ? a = /* @__PURE__ */ n.jsx(
           "span",
           {
@@ -300,7 +301,7 @@ const u = {
       else if (typeof r == "function")
         try {
           const t = r();
-          V(t) && (m(t.type) ? a = /* @__PURE__ */ n.jsx(
+          I(t) && (m(t.type) ? a = /* @__PURE__ */ n.jsx(
             "span",
             {
               className: v({
@@ -362,10 +363,11 @@ const u = {
   return /* @__PURE__ */ n.jsx(
     "button",
     {
-      type: B,
+      ref: D,
+      type: R,
       className: h(
         "group",
-        F({
+        K({
           size: o,
           disabled: l
         }),
@@ -374,16 +376,19 @@ const u = {
       disabled: l,
       form: M,
       onClick: z,
+      ...C,
       children: /* @__PURE__ */ n.jsx("div", { className: h(
         "flex items-center gap-1",
         l && "pointer-events-none",
-        G({ size: o, variant: s, color: c, animation: A, disabled: l }),
+        O({ size: o, variant: s, color: c, animation: T, disabled: l }),
         "w-full h-full grid place-items-center",
         p
-      ), children: D })
+      ), children: q })
     }
   );
-}, W = T(H);
+});
+$.displayName = "IconButton";
+const Z = F($);
 export {
-  W as default
+  Z as default
 };

package/dist/Modal.es.js

@@ -3,8 +3,8 @@ import { u as V } from "./useDevice-S7cYqLVh.js";
 import { createContext as q, useContext as G, memo as J, useState as L, useEffect as H, useRef as Q, isValidElement as d, Children as S, Fragment as W } from "react";
 import { createPortal as p } from "react-dom";
 import { D as X, u as M } from "./DrawerMobile-BzwNbhK7.js";
-import { D as m } from "./useModalControl-BE-IfhuR.js";
-import { a as ce, u as me } from "./useModalControl-BE-IfhuR.js";
+import { D as m } from "./useModalControl-3Dx1Wop_.js";
+import { u as ce, a as me } from "./useModalControl-3Dx1Wop_.js";
 import { c as A } from "./cn-B6yFEsav.js";
 const D = q(null);
 function j() {