prometeo-design-system 1.8.2 → 1.8.3

package/dist/Button.es.js

@@ -1,8 +1,9 @@
-import { j as t } from "./jsx-runtime-DKDX3adD.js";
-import { c as n } from "./cn-B6yFEsav.js";
-import { c as C } from "./index-BOQuZ0gG.js";
-import { useAnimationControls as N, motion as m } from "framer-motion";
-const z = C(
+import { j as o } from "./jsx-runtime-DKDX3adD.js";
+import { c as x } from "./cn-B6yFEsav.js";
+import { c as N } from "./index-BOQuZ0gG.js";
+import { useAnimationControls as k, motion as y } from "framer-motion";
+import { memo as z, useCallback as g, useMemo as i } from "react";
+const A = N(
   "flex items-center justify-center cursor-pointer focus:outline-none font-semibold rounded-md transition-colors",
   {
     variants: {
@@ -75,75 +76,78 @@ const z = C(
     }
   }
 );
-function R({
-  label: o = "Selene",
-  onClick: p,
-  icon: l,
-  contentClassName: c,
-  loadingText: f = "Cargando...",
-  animate: a = !0,
+function M({
+  label: l = "Selene",
+  onClick: h,
+  icon: u,
+  contentClassName: m,
+  loadingText: p = "Cargando...",
+  animate: t = !0,
   animateIcon: s = !0,
   isLoading: e = !1,
   disabled: r = !1,
-  type: b = "button",
-  variant: v = "filled",
-  color: x = "primary",
-  size: i = "medium",
-  children: u,
-  Spinner: g,
-  className: y,
-  form: h,
-  ...w
+  type: w = "button",
+  variant: f = "filled",
+  color: c = "primary",
+  size: d = "medium",
+  children: n,
+  Spinner: b,
+  className: v,
+  form: j,
+  ...C
 }) {
-  const d = N(), j = () => {
-    !a || r || e || !s || d.start({ rotate: 90 });
-  }, H = () => {
-    !a || r || e || !s || d.start({ rotate: 0 });
-  }, S = n(
-    z({
-      variant: v,
-      color: x,
-      size: i,
+  const a = k(), H = g(() => {
+    !t || r || e || !s || a.start({ rotate: 90 });
+  }, [t, r, e, s, a]), S = g(() => {
+    !t || r || e || !s || a.start({ rotate: 0 });
+  }, [t, r, e, s, a]), E = i(() => x(
+    A({
+      variant: f,
+      color: c,
+      size: d,
       disabled: r || e,
       loading: e
     }),
-    y
-  );
-  return /* @__PURE__ */ t.jsx(
-    m.button,
+    v
+  ), [f, c, d, r, e, v]), V = i(() => ({
+    whileHover: t && !r && !e ? { scale: 1.05 } : {},
+    whileTap: t && !r && !e ? { scale: 0.98 } : {},
+    transition: { type: "spring", stiffness: 400, damping: 17 }
+  }), [t, r, e]), B = i(() => e ? /* @__PURE__ */ o.jsxs("div", { className: "flex items-center gap-2", children: [
+    b,
+    d !== "small" && /* @__PURE__ */ o.jsx("span", { children: p })
+  ] }) : n || /* @__PURE__ */ o.jsxs("span", { className: x("flex items-center gap-2", m), children: [
+    u && /* @__PURE__ */ o.jsx(
+      y.div,
+      {
+        animate: s ? a : void 0,
+        transition: {
+          type: "spring",
+          stiffness: 400,
+          damping: 17
+        },
+        children: u
+      }
+    ),
+    l && /* @__PURE__ */ o.jsx("span", { children: l })
+  ] }), [e, n, u, l, b, d, p, s, a, m]);
+  return /* @__PURE__ */ o.jsx(
+    y.button,
     {
-      form: h,
-      onClick: p,
-      className: S,
-      whileHover: a && !r && !e ? { scale: 1.05 } : {},
-      whileTap: a && !r && !e ? { scale: 0.98 } : {},
-      transition: { type: "spring", stiffness: 400, damping: 17 },
-      onHoverStart: j,
-      onHoverEnd: H,
+      form: j,
+      onClick: h,
+      className: E,
+      ...V,
+      onHoverStart: H,
+      onHoverEnd: S,
       disabled: r || e,
-      type: b,
-      ...w,
-      children: e ? /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-2", children: [
-        g,
-        i !== "small" && /* @__PURE__ */ t.jsx("span", { children: f })
-      ] }) : u || /* @__PURE__ */ t.jsxs("span", { className: n("flex items-center gap-2", c), children: [
-        l && /* @__PURE__ */ t.jsx(
-          m.div,
-          {
-            animate: s ? d : void 0,
-            transition: {
-              type: "spring",
-              stiffness: 400,
-              damping: 17
-            },
-            children: l
-          }
-        ),
-        o && /* @__PURE__ */ t.jsx("span", { children: o })
-      ] })
+      type: w,
+      ...C,
+      children: B
     }
   );
 }
+const F = z(M);
 export {
-  R as default
+  F as default
 };

package/dist/components/Button/Button.d.ts

@@ -24,5 +24,6 @@ export interface ButtonProps extends VariantProps<typeof buttonVariants> {
     variant?: "filled" | "outline" | "text";
     form?: string;
 }
-export default function Button({ label, onClick, icon, contentClassName, loadingText, animate, animateIcon, isLoading, disabled, type, variant, color, size, children, Spinner, className, form, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
-export {};
+declare function Button({ label, onClick, icon, contentClassName, loadingText, animate, animateIcon, isLoading, disabled, type, variant, color, size, children, Spinner, className, form, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+declare const _default: import('react').MemoExoticComponent<typeof Button>;
+export default _default;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "prometeo-design-system",
   "private": false,
-  "version": "1.8.2",
+  "version": "1.8.3",
   "type": "module",
   "description": "design kit system",
   "main": "dist/prometeo-design-system.umd.js",