prometeo-design-system 5.7.3 → 5.7.6

package/dist/Button.es.js

@@ -1,6 +1,6 @@
 import { j as t } from "./jsx-runtime-GkKLlHH4.js";
-import { memo as A, useMemo as E } from "react";
-import M from "./Spinner.es.js";
+import { memo as E, useMemo as M } from "react";
+import R from "./Spinner.es.js";
 import { c as p } from "./index-BOQuZ0gG.js";
 import { c as m } from "./cn-B6yFEsav.js";
 const v = {
@@ -152,7 +152,7 @@ const v = {
   false: {
     icon: ""
   }
-}, R = p(g.container, {
+}, q = p(g.container, {
   variants: {
     size: {
       small: `${r.small.container} ${v.small.container}`,
@@ -249,7 +249,7 @@ const v = {
     variant: "fill",
     color: "primary"
   }
-}), q = p(g.icon, {
+}), D = p(g.icon, {
   variants: {
     size: {
       small: r.small.icon,
@@ -300,7 +300,7 @@ const v = {
     color: "primary",
     animateIcon: !0
   }
-}), D = ({
+}), F = ({
   label: i,
   onClick: j,
   icon: u,
@@ -311,16 +311,17 @@ const v = {
   isLoading: a = !1,
   children: d,
   hideSpinner: b = !1,
-  spinner: x = /* @__PURE__ */ t.jsx(M, { size: "small", variant: "clip", color: "var(--neutral-600)", className: "size-4 " }),
+  spinner: x = /* @__PURE__ */ t.jsx(R, { size: "small", variant: "clip", color: "var(--neutral-600)", className: "size-4 " }),
   type: N,
   className: z,
   disabled: s,
   variant: l = "fill",
   form: I,
   size: o = "medium",
-  color: S = "primary"
+  color: S = "primary",
+  ...B
 }) => {
-  const h = !!($ && !s && !a), B = !!(k && !s && !a), n = s || a ? "disabled" : S, C = E(() => d || (a ? /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-1", children: [
+  const h = !!($ && !s && !a), C = !!(k && !s && !a), n = s || a ? "disabled" : S, A = M(() => d || (a ? /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-1", children: [
     !b && x,
     /* @__PURE__ */ t.jsx(
       "span",
@@ -340,7 +341,7 @@ const v = {
     u && /* @__PURE__ */ t.jsx(
       "span",
       {
-        className: q({
+        className: D({
           size: o,
           variant: l,
           color: n,
@@ -380,21 +381,22 @@ const v = {
       type: N,
       className: m(
         "group",
-        R({
+        q({
           size: o,
           variant: l,
           color: n,
-          animation: B
+          animation: C
         }),
         z
       ),
       disabled: s || a,
       form: I,
       onClick: j,
-      children: /* @__PURE__ */ t.jsx("div", { className: `flex items-center gap-1 ${c}`, children: C })
+      ...B,
+      children: /* @__PURE__ */ t.jsx("div", { className: `flex items-center gap-1 ${c}`, children: A })
     }
   );
-}, O = A(D);
+}, P = E(F);
 export {
-  O as default
+  P as default
 };