prometeo-design-system 1.8.0 → 1.8.3

package/dist/Avatar.es.js

@@ -1,4 +1,4 @@
-import { j as t } from "./jsx-runtime-ByW6EXIE.js";
+import { j as t } from "./jsx-runtime-DKDX3adD.js";
 import { c as p } from "./cn-B6yFEsav.js";
 import { motion as f } from "framer-motion";
 import { useState as u } from "react";

package/dist/Button.es.js

@@ -1,8 +1,9 @@
-import { j as t } from "./jsx-runtime-ByW6EXIE.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/{CardProfile-BZajBGbO.js → CardProfile-Bg_q2qMm.js}

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-ByW6EXIE.js";
+import { j as e } from "./jsx-runtime-DKDX3adD.js";
 import { c as l } from "./cn-B6yFEsav.js";
 import { motion as i, AnimatePresence as u } from "framer-motion";
 import m from "./Avatar.es.js";

package/dist/CardProfile.es.js

@@ -1,4 +1,4 @@
-import { C as a } from "./CardProfile-BZajBGbO.js";
+import { C as a } from "./CardProfile-Bg_q2qMm.js";
 export {
   a as CardProfile
 };

package/dist/CheckBox.es.js

@@ -1,4 +1,4 @@
-import { j as t } from "./jsx-runtime-ByW6EXIE.js";
+import { j as t } from "./jsx-runtime-DKDX3adD.js";
 import { Icons as l } from "./Icons.es.js";
 import { useId as o, useRef as d } from "react";
 const k = ({ className: s, disabled: e, ...a }) => {

package/dist/CheckboxFormik.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-ByW6EXIE.js";
+import { j as e } from "./jsx-runtime-DKDX3adD.js";
 import { Icons as x } from "./Icons.es.js";
 import { c as r } from "./cn-B6yFEsav.js";
 import { useField as h, ErrorMessage as p } from "formik";

package/dist/DialogModal.es.js

@@ -1,4 +1,4 @@
-import { j as t } from "./jsx-runtime-ByW6EXIE.js";
+import { j as t } from "./jsx-runtime-DKDX3adD.js";
 import { forwardRef as u, useState as p, useImperativeHandle as f, useRef as g } from "react";
 import { c as i } from "./cn-B6yFEsav.js";
 const x = u(({

package/dist/DrawerDesktop.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-ByW6EXIE.js";
+import { j as e } from "./jsx-runtime-DKDX3adD.js";
 import { Icons as j } from "./Icons.es.js";
 import { c as m } from "./cn-B6yFEsav.js";
 import { c as d } from "./index-BOQuZ0gG.js";

package/dist/DrawerMobile.es.js

@@ -1,4 +1,4 @@
-import { j as r } from "./jsx-runtime-ByW6EXIE.js";
+import { j as r } from "./jsx-runtime-DKDX3adD.js";
 import { forwardRef as O, useState as g, useRef as x, useCallback as t, useImperativeHandle as D } from "react";
 import { Drawer as n } from "vaul";
 import { c as R } from "./cn-B6yFEsav.js";

package/dist/DropZone.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-ByW6EXIE.js";
+import { j as e } from "./jsx-runtime-DKDX3adD.js";
 import { c as i } from "./cn-B6yFEsav.js";
 import w, { useCallback as z } from "react";
 import { useDropzone as R } from "react-dropzone";

package/dist/Header.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-ByW6EXIE.js";
+import { j as e } from "./jsx-runtime-DKDX3adD.js";
 import { c as x } from "./cn-B6yFEsav.js";
 import { motion as i } from "framer-motion";
 import { memo as m } from "react";

package/dist/Icons.es.js

@@ -1,4 +1,4 @@
-import { j as q } from "./jsx-runtime-ByW6EXIE.js";
+import { j as q } from "./jsx-runtime-DKDX3adD.js";
 const l = ({
   size: t,
   className: h,

package/dist/Input.es.js

@@ -1,4 +1,4 @@
-import { j as r } from "./jsx-runtime-ByW6EXIE.js";
+import { j as r } from "./jsx-runtime-DKDX3adD.js";
 import { Icons as z } from "./Icons.es.js";
 import { c as e } from "./cn-B6yFEsav.js";
 import { memo as oe, useState as L, useRef as ae, useCallback as ne, useEffect as B, useLayoutEffect as ue } from "react";

package/dist/InputFormik.es.js

@@ -1,57 +1,59 @@
-import { j as e } from "./jsx-runtime-ByW6EXIE.js";
-import { c as u } from "./cn-B6yFEsav.js";
-import { useField as k, ErrorMessage as B } from "formik";
-import { useState as w } from "react";
+import { j as e } from "./jsx-runtime-DKDX3adD.js";
+import { c as o } from "./cn-B6yFEsav.js";
+import { FastField as $, ErrorMessage as D } from "formik";
+import { memo as L, useState as w, useCallback as f } from "react";
 import { Icons as v } from "./Icons.es.js";
-const U = ({
-  icon: a,
-  iconPosition: s = "left",
-  label: c,
-  className: j,
-  containerClassName: N,
+const T = ({
+  icon: r,
+  iconPosition: a = "left",
+  label: u,
+  className: F,
+  containerClassName: I,
   id: x,
   type: p = "text",
-  labelVariant: r = "default",
-  placeholder: o,
+  labelVariant: s = "default",
+  placeholder: d,
   disabled: h = !1,
-  ...t
+  field: t,
+  form: N,
+  ...n
 }) => {
-  const [l, g] = k(t), [d, y] = w(!1), [i, E] = w(!1), f = g.touched && g.error, b = l.value && l.value.toString().length > 0, m = p === "password", F = m ? i ? "text" : "password" : p, I = () => {
-    const n = () => a ? s === "left" ? "left-9" : "left-0" : "left-2";
-    return r === "static" ? `-top-5 ${n()} scale-90 px-1` : d || b ? `-top-2 ${n()} scale-90` : `top-1/2 -translate-y-1/2 ${n()} scale-100`;
-  }, z = () => r === "static" ? "text-sm" : "text-sm peer-focus:text-sm peer-placeholder-shown:text-base", C = () => r === "static" ? o || c : o || "", K = () => m ? a ? s === "left" ? "pl-10 pr-10" : "pr-16" : "pr-10" : a ? s === "left" ? "pl-10" : "pr-10" : "", P = () => {
-    E(!i);
-  };
-  return /* @__PURE__ */ e.jsxs("div", { className: u("relative w-full bg-inherit", r === "static" && "mt-2", N), children: [
+  const [i, g] = w(!1), [y, E] = w(!1), b = N.getFieldMeta(t.name), m = b.touched && b.error, j = t.value && t.value.toString().length > 0, c = p === "password", k = c ? y ? "text" : "password" : p, z = () => {
+    const l = () => r ? a === "left" ? "left-9" : "left-0" : "left-2";
+    return s === "static" ? `-top-5 ${l()} scale-90 px-1` : i || j ? `-top-2 ${l()} scale-90` : `top-1/2 -translate-y-1/2 ${l()} scale-100`;
+  }, C = () => s === "static" ? "text-sm" : "text-sm peer-focus:text-sm peer-placeholder-shown:text-base", B = () => s === "static" ? d || u : d || "", K = () => c ? r ? a === "left" ? "pl-10 pr-10" : "pr-16" : "pr-10" : r ? a === "left" ? "pl-10" : "pr-10" : "", P = f(() => {
+    g(!0), n.onFocus?.();
+  }, [n]), M = f((l) => {
+    g(!1), n.onBlur?.(), t.onBlur(l);
+  }, [t, n]), S = f(() => {
+    E((l) => !l);
+  }, []);
+  return /* @__PURE__ */ e.jsxs("div", { className: o("relative w-full bg-inherit", s === "static" && "mt-2", I), children: [
     /* @__PURE__ */ e.jsxs("div", { className: "relative bg-inherit", children: [
       /* @__PURE__ */ e.jsx(
         "input",
         {
           disabled: h,
           id: x || t.name,
-          type: F,
-          name: l.name,
-          value: l.value || "",
-          placeholder: C(),
-          onChange: l.onChange,
-          onFocus: () => {
-            y(!0), t.onFocus?.();
-          },
-          onEmptied: t.onEmptied,
-          onKeyDown: t.onKeyDown,
-          onKeyUp: t.onKeyUp,
-          onBlur: (n) => {
-            y(!1), t.onBlur?.(), l.onBlur(n);
-          },
-          className: u(
+          type: k,
+          name: t.name,
+          value: t.value || "",
+          placeholder: B(),
+          onChange: t.onChange,
+          onFocus: P,
+          onEmptied: n.onEmptied,
+          onKeyDown: n.onKeyDown,
+          onKeyUp: n.onKeyUp,
+          onBlur: M,
+          className: o(
             "w-full px-3 h-12 text-left border-1 rounded-lg transition-all duration-200 ease-in-out text-neutral-default-default",
             "bg-transparent focus:outline-none",
-            r === "default" && !o && "placeholder:text-transparent",
-            r === "default" && o && "placeholder:text-neutral-medium-default placeholder:opacity-50",
-            r === "static" && "placeholder:text-neutral-medium-default placeholder:opacity-50",
-            d ? "border-primary-default-default border-2 text-primary-default-default" : f ? "border-error-default-default" : "border-neutral-default-default hover:border-neutral-strong-default",
+            s === "default" && !d && "placeholder:text-transparent",
+            s === "default" && d && "placeholder:text-neutral-medium-default placeholder:opacity-50",
+            s === "static" && "placeholder:text-neutral-medium-default placeholder:opacity-50",
+            i ? "border-primary-default-default border-2 text-primary-default-default" : m ? "border-error-default-default" : "border-neutral-default-default hover:border-neutral-strong-default",
             K(),
-            j
+            F
           )
         }
       ),
@@ -59,37 +61,37 @@ const U = ({
         "label",
         {
           htmlFor: x || t.name,
-          className: u(
+          className: o(
             "absolute transition-all duration-200 font-bold text-sm ease-in-out pointer-events-none bg-inherit px-1 z-10",
+            C(),
             z(),
-            I(),
-            b || d ? "text-primary-default-default" : f ? "text-red-500" : "text-neutral-medium-default"
+            j || i ? "text-primary-default-default" : m ? "text-red-500" : "text-neutral-medium-default"
           ),
-          children: c
+          children: u
         }
       ),
-      a && /* @__PURE__ */ e.jsx("div", { className: u(
+      r && /* @__PURE__ */ e.jsx("div", { className: o(
         "absolute top-1/2 -translate-y-1/2 text-neutral-medium-default",
-        s === "left" ? "left-3" : "right-3"
-      ), children: a }),
-      m && /* @__PURE__ */ e.jsx(
+        a === "left" ? "left-3" : "right-3"
+      ), children: r }),
+      c && /* @__PURE__ */ e.jsx(
         "button",
         {
           type: "button",
-          onClick: P,
-          className: u(
+          onClick: S,
+          className: o(
             "absolute top-1/2 -translate-y-1/2 p-1 text-neutral-medium-default hover:text-neutral-strong-default",
             "transition-colors duration-200 focus:outline-none focus:text-primary-default-default",
-            a && s === "right" ? "right-8" : "right-3"
+            r && a === "right" ? "right-8" : "right-3"
           ),
           tabIndex: -1,
           disabled: h,
-          children: i ? /* @__PURE__ */ e.jsx(v.EyeVisibility, { size: 24, className: "text-neutral-default-default" }) : /* @__PURE__ */ e.jsx(v.EyeVisibilityOff, { size: 24, className: "text-neutral-default-default" })
+          children: y ? /* @__PURE__ */ e.jsx(v.EyeVisibility, { size: 24, className: "text-neutral-default-default" }) : /* @__PURE__ */ e.jsx(v.EyeVisibilityOff, { size: 24, className: "text-neutral-default-default" })
         }
       )
     ] }),
-    f && /* @__PURE__ */ e.jsx(
-      B,
+    m && /* @__PURE__ */ e.jsx(
+      D,
       {
         name: t.name,
         component: "span",
@@ -97,7 +99,7 @@ const U = ({
       }
     )
   ] });
-};
+}, U = L(T), G = (r) => /* @__PURE__ */ e.jsx($, { name: r.name, children: ({ field: a, form: u }) => /* @__PURE__ */ e.jsx(U, { ...r, field: a, form: u }) });
 export {
-  U as default
+  G as default
 };

package/dist/InputMultiple.es.js

@@ -1,4 +1,4 @@
-import { j as r } from "./jsx-runtime-ByW6EXIE.js";
+import { j as r } from "./jsx-runtime-DKDX3adD.js";
 import { Icons as E } from "./Icons.es.js";
 import { c as d } from "./cn-B6yFEsav.js";
 import M, { useRef as D, useState as p, useCallback as W, useEffect as X } from "react";

package/dist/{LayoutGeneric-jDE96L2N.js → LayoutGeneric-p4Pll4Cm.js}

@@ -1,4 +1,4 @@
-import { j as t } from "./jsx-runtime-ByW6EXIE.js";
+import { j as t } from "./jsx-runtime-DKDX3adD.js";
 import { useRef as a, createContext as i, useContext as u, memo as c } from "react";
 const o = i(null), l = ({ children: e }) => {
   const r = a(null), s = (n) => {

package/dist/LayoutGeneric.es.js

@@ -1,4 +1,4 @@
-import { L as f } from "./LayoutGeneric-jDE96L2N.js";
+import { L as f } from "./LayoutGeneric-p4Pll4Cm.js";
 export {
   f as default
 };

package/dist/Logo.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-ByW6EXIE.js";
+import { j as e } from "./jsx-runtime-DKDX3adD.js";
 import { Icons as t } from "./Icons.es.js";
 const s = () => /* @__PURE__ */ e.jsxs("div", { className: "container-logo flex items-center justify-center gap-1 bg-gradient-to-br from-[#312C85] to-[#1E1A4D] rounded-md min-w-[185px]", children: [
   /* @__PURE__ */ e.jsx(t.TicketFilled, { size: 28, className: "rotate-140 text-primary-medium-pressed icon-logo" }),

package/dist/Menu.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-ByW6EXIE.js";
+import { j as e } from "./jsx-runtime-DKDX3adD.js";
 import { c as r } from "./cn-B6yFEsav.js";
 import { AnimatePresence as n, motion as o } from "framer-motion";
 const s = ({ menuRef: t, children: a, className: i }) => /* @__PURE__ */ e.jsx("div", { ref: t, className: r("flex bg-neutral-default-default absolute bottom-10 left-24 border-1 border-neutral-strong-default h-auto w-60 rounded-md px-2", i), children: /* @__PURE__ */ e.jsx(n, { mode: "wait", children: /* @__PURE__ */ e.jsx(

package/dist/OtpInput.es.js

@@ -1,4 +1,4 @@
-import { j as p } from "./jsx-runtime-ByW6EXIE.js";
+import { j as p } from "./jsx-runtime-DKDX3adD.js";
 import { Icons as ve } from "./Icons.es.js";
 import { c as L } from "./cn-B6yFEsav.js";
 import * as n from "react";

package/dist/Pagination.es.js

@@ -1,4 +1,4 @@
-import { j as t } from "./jsx-runtime-ByW6EXIE.js";
+import { j as t } from "./jsx-runtime-DKDX3adD.js";
 import { motion as a } from "framer-motion";
 function h({
   currentPage: i = 1,

package/dist/ProfilePictureUpload.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-ByW6EXIE.js";
+import { j as e } from "./jsx-runtime-DKDX3adD.js";
 import { motion as n, AnimatePresence as L } from "framer-motion";
 import { useRef as B, useState as C } from "react";
 import b from "./Avatar.es.js";

package/dist/ProgressBar.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-ByW6EXIE.js";
+import { j as e } from "./jsx-runtime-DKDX3adD.js";
 import { c as x } from "./cn-B6yFEsav.js";
 import u from "react";
 const j = u.forwardRef(

package/dist/Select.es.js

@@ -1,4 +1,4 @@
-import { j as t } from "./jsx-runtime-ByW6EXIE.js";
+import { j as t } from "./jsx-runtime-DKDX3adD.js";
 import { Icons as w } from "./Icons.es.js";
 import { c as o } from "./cn-B6yFEsav.js";
 import { memo as se, useState as y, useRef as re, useEffect as oe } from "react";

package/dist/SelectFormik.es.js

@@ -1,4 +1,4 @@
-import { j as t } from "./jsx-runtime-ByW6EXIE.js";
+import { j as t } from "./jsx-runtime-DKDX3adD.js";
 import { Icons as v } from "./Icons.es.js";
 import { c as o } from "./cn-B6yFEsav.js";
 import { useField as P, ErrorMessage as M } from "formik";

package/dist/Spinner.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-ByW6EXIE.js";
+import { j as e } from "./jsx-runtime-DKDX3adD.js";
 import { ClipLoader as l, SyncLoader as m, HashLoader as p, GridLoader as x, DotLoader as j, BounceLoader as f } from "react-spinners";
 import { c as L } from "./cn-B6yFEsav.js";
 const y = ({

package/dist/Steps.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-ByW6EXIE.js";
+import { j as e } from "./jsx-runtime-DKDX3adD.js";
 import { c as j } from "./cn-B6yFEsav.js";
 import { motion as r } from "framer-motion";
 import N from "react";

package/dist/SwipeContainer.es.js

@@ -1,4 +1,4 @@
-import { j as o } from "./jsx-runtime-ByW6EXIE.js";
+import { j as o } from "./jsx-runtime-DKDX3adD.js";
 import { c as i } from "./cn-B6yFEsav.js";
 import { useState as d, useRef as D, useEffect as L } from "react";
 const O = ({

package/dist/TabLinks.es.js

@@ -1,4 +1,4 @@
-import { j as a } from "./jsx-runtime-ByW6EXIE.js";
+import { j as a } from "./jsx-runtime-DKDX3adD.js";
 import { motion as x } from "framer-motion";
 import { memo as b } from "react";
 import { c as r } from "./cn-B6yFEsav.js";

package/dist/Table.es.js

@@ -1,4 +1,4 @@
-import { j as r } from "./jsx-runtime-ByW6EXIE.js";
+import { j as r } from "./jsx-runtime-DKDX3adD.js";
 import { c as l } from "./cn-B6yFEsav.js";
 import * as o from "react";
 const n = o.forwardRef(({ className: e, ...t }, a) => /* @__PURE__ */ r.jsx("div", { className: "w-full", children: /* @__PURE__ */ r.jsx(

package/dist/TextArea.es.js

@@ -1,4 +1,4 @@
-import { j as y } from "./jsx-runtime-ByW6EXIE.js";
+import { j as y } from "./jsx-runtime-DKDX3adD.js";
 import { c as C } from "./cn-B6yFEsav.js";
 import * as s from "react";
 function M({

package/dist/Tooltip.es.js

@@ -1,4 +1,4 @@
-import { j as e } from "./jsx-runtime-ByW6EXIE.js";
+import { j as e } from "./jsx-runtime-DKDX3adD.js";
 import { AnimatePresence as f, motion as n } from "framer-motion";
 import { useState as p, cloneElement as x } from "react";
 import { Icons as b } from "./Icons.es.js";

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/dist/components/InputFormik/InputFormik.d.ts

@@ -18,5 +18,5 @@ export interface IInputFormik {
     onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
     onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
 }
-declare const InputFormik: ({ icon, iconPosition, label, className, containerClassName, id, type, labelVariant, placeholder, disabled, ...props }: IInputFormik) => import("react/jsx-runtime").JSX.Element;
+declare const InputFormik: (props: IInputFormik) => import("react/jsx-runtime").JSX.Element;
 export default InputFormik;