prometeo-design-system 2.7.1 → 2.7.3

package/dist/{Select-C2-CCMwC.js → Select-CiaBY4E0.js}

@@ -5,7 +5,7 @@ import Ne, { memo as Z, useState as De, useRef as ce, useMemo as oe, useCallback
 import Xe from "./Spinner.es.js";
 import { createPortal as Ye } from "react-dom";
 import { u as Ze } from "./useDragScroll-CHN9OMwn.js";
-import { u as et, I as tt } from "./Input-C22kKz7U.js";
+import { u as et, I as tt } from "./Input-CnXDg2s7.js";
 import { H as nt } from "./HelperComponent-U6mPwuDH.js";
 import rt from "./CheckBox.es.js";
 import { Skeleton as Fe } from "./Skeleton.es.js";
@@ -25,10 +25,10 @@ const lt = {
 }, qe = {
   icon: " text-neutral-default-disabled",
   container: " border-neutral-strong-default text-neutral-default-disabled"
-}, Ve = ({ id: e, label: n, onRemove: m, className: i, disabled: u, variant: v = "default", tabIndex: h }) => /* @__PURE__ */ s.jsxs(
+}, Ve = ({ id: e, label: n, onRemove: h, className: i, disabled: u, variant: v = "default", tabIndex: m }) => /* @__PURE__ */ s.jsxs(
   "div",
   {
-    tabIndex: h,
+    tabIndex: m,
     className: f(
       "inline-flex max-w-[calc(50%-0.25rem)] items-center gap-1 px-2 py-1 bg-inherit text-xs rounded-lg border h-[30px]",
       lt[v].container,
@@ -36,11 +36,11 @@ const lt = {
     ),
     children: [
       /* @__PURE__ */ s.jsx("span", { className: "truncate w-max ", children: n }),
-      m && /* @__PURE__ */ s.jsx(
+      h && /* @__PURE__ */ s.jsx(
         "button",
         {
           onMouseDown: (j) => {
-            u || (j.stopPropagation(), j.preventDefault(), m?.(e));
+            u || (j.stopPropagation(), j.preventDefault(), h?.(e));
           },
           className: f(
             "shrink-0 p-0.5 transition-all duration-200 hover:text-neutral-default-hover cursor-pointer z-50 text-neutral-default-default hover:scale-105",
@@ -48,7 +48,7 @@ const lt = {
             i
           ),
           type: "button",
-          tabIndex: h,
+          tabIndex: m,
           children: /* @__PURE__ */ s.jsx(je.Close, { size: 18, className: f(u && qe.icon) })
         }
       )
@@ -60,9 +60,9 @@ const ot = Z(Ve);
 function G(e, n) {
   if (typeof n == "function")
     return n(e);
-  const m = n?.split(".");
+  const h = n?.split(".");
   let i = e;
-  for (const u of m)
+  for (const u of h)
     if (i && typeof i == "object" && u in i)
       i = i[u];
     else
@@ -71,11 +71,11 @@ function G(e, n) {
 }
 const Ue = (e, n) => {
   if (!n) return !0;
-  const m = 0.1, i = String(e).toLowerCase(), u = String(n).toLowerCase().trim();
+  const h = 0.1, i = String(e).toLowerCase(), u = String(n).toLowerCase().trim();
   if (i.includes(u)) return !0;
-  const v = u.split(/\s+/).filter(Boolean), h = v.filter((b) => /^\d+$/.test(b));
-  if (v.length > 1 || h.length > 0) {
-    for (const b of h)
+  const v = u.split(/\s+/).filter(Boolean), m = v.filter((b) => /^\d+$/.test(b));
+  if (v.length > 1 || m.length > 0) {
+    for (const b of m)
       if (!new RegExp(`(^|\\D)${b}(\\D|$)`).test(i)) return !1;
     for (const b of v)
       if (!/^\d+$/.test(b) && !i.includes(b))
@@ -83,7 +83,7 @@ const Ue = (e, n) => {
     return !0;
   }
   if (u.length > i.length) return !1;
-  const j = Math.floor(u.length * m);
+  const j = Math.floor(u.length * h);
   if (j <= 0) return !1;
   const p = (b, k) => {
     const I = b.length, W = k.length;
@@ -107,13 +107,13 @@ const Ue = (e, n) => {
   }
   return !1;
 }, st = (e) => {
-  const n = [], m = (i) => {
+  const n = [], h = (i) => {
     i.forEach((u) => {
-      const h = u.options;
-      Array.isArray(h) && h.length > 0 ? m(h) : n.push(u);
+      const m = u.options;
+      Array.isArray(m) && m.length > 0 ? h(m) : n.push(u);
     });
   };
-  return m(e), n;
+  return h(e), n;
 }, Re = {
   default: {
     container: "",
@@ -153,9 +153,9 @@ const Ue = (e, n) => {
   }
 }, Be = {
   input: f(
-    "border-neutral-strong-default text-neutral-default-default",
-    "focus:ring-primary-default-default focus:ring-[1px] focus:border-primary-default-default ",
-    "hover:border-primary-default-default"
+    "border-neutral-strong-default text-neutral-default-default pointer-events-none",
+    "focus:ring-0 focus:border-primary-default-disabled ",
+    "hover:border-neutral-default-disabled"
   ),
   label: f(
     "text-neutral-medium-disabled",
@@ -167,7 +167,7 @@ const Ue = (e, n) => {
   )
 };
 function at(e) {
-  const [n, m] = De(!1), [i, u] = De([]), [v, h] = De(""), j = ce(null), p = ce(null), b = ce(null), k = ce(null), I = ce(
+  const [n, h] = De(!1), [i, u] = De([]), [v, m] = De(""), j = ce(null), p = ce(null), b = ce(null), k = ce(null), I = ce(
     () => {
     }
   ), W = ce(null), A = ce(/* @__PURE__ */ new Set()), {
@@ -194,11 +194,11 @@ function at(e) {
     onRemoveOption: ke,
     onOptionClick: X,
     onClose: Se,
-    onClear: me,
+    onClear: he,
     disabled: te = !1,
     overflow: Ke = "wrap",
     variant: F = "default",
-    isLoading: he = !1,
+    isLoading: me = !1,
     attachToParent: Me = !1,
     displayMode: we = "compact",
     labelVariant: ie = "default",
@@ -321,7 +321,7 @@ function at(e) {
       S
     ]
   ), L = U(() => {
-    m((t) => !t);
+    h((t) => !t);
   }, []);
   I.current = (t) => {
     if (!e.multiple)
@@ -340,11 +340,11 @@ function at(e) {
   };
   const y = U(
     (t, a = !1) => {
-      X?.(t, S), I.current?.(t), a && (m(!1), Se?.());
+      X?.(t, S), I.current?.(t), a && (h(!1), Se?.());
     },
     [X, Se, S]
   ), R = (t) => {
-    t.preventDefault(), t.stopPropagation(), t.target.blur(), me?.(), e.multiple ? e.onChange?.([], S) : e.onChange?.(void 0, S);
+    t.preventDefault(), t.stopPropagation(), t.target.blur(), he?.(), e.multiple ? e.onChange?.([], S) : e.onChange?.(void 0, S);
   }, q = U(
     (t) => {
       e.multiple || e.onChange?.(void 0, S);
@@ -377,13 +377,13 @@ function at(e) {
       const l = a.target;
       if (a.type === "mousedown") {
         if (j.current?.contains(l) || p.current?.contains(l)) return;
-        m(!1);
+        h(!1);
       }
       if (a.type === "scroll") {
         if (p.current?.contains(l)) return;
-        m(!1);
+        h(!1);
       }
-      a.type === "resize" && m(!1);
+      a.type === "resize" && h(!1);
     };
     return document.addEventListener("mousedown", t), window.addEventListener("scroll", t, !0), window.addEventListener("resize", t, !0), () => {
       document.removeEventListener("mousedown", t), window.removeEventListener("scroll", t, !0), window.removeEventListener("resize", t, !0);
@@ -399,12 +399,12 @@ function at(e) {
     V,
     () => ({
       open: () => {
-        !n && m(!0);
+        !n && h(!0);
       },
       close: () => {
-        n && m(!1);
+        n && h(!1);
       },
-      toggle: () => m((t) => !t),
+      toggle: () => h((t) => !t),
       handleOptionSelect: y,
       subscribeOpenChange: (t) => (A.current.add(t), () => {
         A.current.delete(t);
@@ -414,11 +414,11 @@ function at(e) {
     [n, y]
   );
   const be = (t) => {
-    t.preventDefault(), t.stopPropagation(), t.target.matches(":focus-visible") && !ze && !n && (m(!0), setTimeout(() => {
+    t.preventDefault(), t.stopPropagation(), t.target.matches(":focus-visible") && !ze && !n && (h(!0), setTimeout(() => {
       b.current?.focus();
     }, 10));
   }, ue = (t) => {
-    t.key === "Tab" && n && m(!1), (t.keyCode === 32 || t.key === "ArrowDown") && (m(!0), setTimeout(() => {
+    t.key === "Tab" && n && h(!1), (t.keyCode === 32 || t.key === "ArrowDown") && (h(!0), setTimeout(() => {
       b.current?.focus();
     }, 10));
   };
@@ -510,7 +510,7 @@ function at(e) {
                   }
                 ),
                 /* @__PURE__ */ s.jsxs("div", { className: "flex items-center gap-2", children: [
-                  he && /* @__PURE__ */ s.jsx(
+                  me && /* @__PURE__ */ s.jsx(
                     Xe,
                     {
                       size: "small",
@@ -519,7 +519,7 @@ function at(e) {
                       speedMultiplier: 0.7
                     }
                   ),
-                  pe && me && /* @__PURE__ */ s.jsx(
+                  pe && he && /* @__PURE__ */ s.jsx(
                     "button",
                     {
                       onMouseDown: (t) => {
@@ -580,9 +580,9 @@ function at(e) {
             selectButtonRef: k,
             helperComponentRef: W,
             onOptionClick: y,
-            onCloseDropdown: () => m(!1),
+            onCloseDropdown: () => h(!1),
             searchValue: Ie,
-            setSearchValue: h,
+            setSearchValue: m,
             searchInputRef: b,
             isLoading: O?.isLoading,
             onSearchClear: O?.onSearchClear,
@@ -614,11 +614,11 @@ const it = Z(at, (e, n) => e.value === n.value && e.options === n.options && e.i
 function ut({
   footer: e,
   isOpen: n,
-  label: m,
+  label: h,
   options: i,
   multiple: u,
   disabled: v,
-  selectRef: h,
+  selectRef: m,
   inputProps: j,
   dropdownRef: p,
   optionLabel: b,
@@ -650,7 +650,7 @@ function ut({
   enableGroupToggle: X = !0,
   onGroupSelectChange: Se
 }) {
-  const me = e ? 380 : 320, te = W === "static" ? m !== "" ? -20 : 4 : 7, F = U(() => N ? N.endsWith("px") ? Number(N.replace("px", "")) : N.endsWith("vh") ? window.innerHeight * Number(N.replace("vh", "")) / 100 : N.endsWith("%") ? window.innerHeight * Number(N.replace("%", "")) / 100 : me : me, [N, me])(), [he, Me] = De({
+  const he = e ? 380 : 320, te = W === "static" ? h !== "" ? -20 : 4 : 7, F = U(() => N ? N.endsWith("px") ? Number(N.replace("px", "")) : N.endsWith("vh") ? window.innerHeight * Number(N.replace("vh", "")) / 100 : N.endsWith("%") ? window.innerHeight * Number(N.replace("%", "")) / 100 : he : he, [N, he])(), [me, Me] = De({
     direction: "down",
     height: F
   }), [we, ie] = De(
@@ -667,9 +667,9 @@ function ut({
     },
     []
   ), Le = (r) => {
-    if (!p.current || !h.current) return;
-    const o = h.current.getBoundingClientRect();
-    switch (r || he.direction) {
+    if (!p.current || !m.current) return;
+    const o = m.current.getBoundingClientRect();
+    switch (r || me.direction) {
       case "down":
         p.current.style.top = `${o.top + o.height - (Ee?.current?.offsetHeight ? Ee?.current?.offsetHeight + 4 : 0)}px`;
         break;
@@ -681,12 +681,12 @@ function ut({
   }, ne = (r) => {
     p.current && (p.current.style.maxHeight = `${r}px`);
   }, Te = () => {
-    if (!p.current || !h.current) return he;
-    const r = h.current.getBoundingClientRect(), o = window.innerHeight - (window.innerHeight - r.top), c = window.innerHeight - r.bottom, d = c >= F, w = o >= F;
+    if (!p.current || !m.current) return me;
+    const r = m.current.getBoundingClientRect(), o = window.innerHeight - (window.innerHeight - r.top), c = window.innerHeight - r.bottom, d = c >= F, w = o >= F;
     let L = "down", y;
     return d ? (L = "down", y = F) : w ? (L = "up", y = F) : c > o ? (L = "down", y = c - 16) : (L = "up", y = o - 16), { direction: L, height: y };
   }, pe = (r) => {
-    if (!(!p.current || !h.current)) {
+    if (!(!p.current || !m.current)) {
       if (p.current.style.transition = "max-height 0.2s ease,opacity 0.2s ease", !r) {
         p.current.style.maxHeight = "0", p.current.style.opacity = "0", p.current.style.pointerEvents = "none";
         return;
@@ -699,7 +699,7 @@ function ut({
     }
   };
   ve(() => {
-    E || !h.current || !n || Le();
+    E || !m.current || !n || Le();
   }, [ae]), ve(() => {
     pe(n);
   }, [n]), ve(() => {
@@ -841,7 +841,7 @@ function ut({
         " z-100! w-full mt-1 bg-neutral-default-default border border-neutral-default-default rounded-lg shadow-lg",
         " overflow-hidden focus-visible:bg-neutral-default-hover    ",
         E ? "absolute z-50 " : "fixed z-100 top-0 left-0",
-        he.direction === "up" ? "h-auto" : " h-max",
+        me.direction === "up" ? "h-auto" : " h-max",
         Ae
       ),
       children: /* @__PURE__ */ s.jsxs(
@@ -853,7 +853,7 @@ function ut({
           ),
           style: {
             height: "auto",
-            maxHeight: he.height
+            maxHeight: me.height
           },
           children: [
             !Ce && /* @__PURE__ */ s.jsx(
@@ -1023,12 +1023,12 @@ const ct = Z(
   ({
     option: e,
     isSelected: n,
-    onSelect: m,
+    onSelect: h,
     multiple: i,
     disabled: u,
     isLoading: v
   }) => {
-    const h = e.isGroupHeader;
+    const m = e.isGroupHeader;
     if (v)
       return /* @__PURE__ */ s.jsxs(
         "div",
@@ -1042,8 +1042,8 @@ const ct = Z(
         e.id
       );
     const j = (b) => {
-      b.preventDefault(), b.stopPropagation(), !(u || h) && m?.(e);
-    }, p = h && e.groupLabelNode ? e.groupLabelNode : e.label;
+      b.preventDefault(), b.stopPropagation(), !(u || m) && h?.(e);
+    }, p = m && e.groupLabelNode ? e.groupLabelNode : e.label;
     return (
       // biome-ignore lint/a11y/noStaticElementInteractions: no keyboard interaction needed
       /* @__PURE__ */ s.jsxs(
@@ -1052,12 +1052,12 @@ const ct = Z(
           onMouseDown: j,
           className: f(
             "px-3 py-2 flex items-center transition-colors text-neutral-default-default ",
-            h ? "cursor-default text-neutral-medium-default" : "cursor-pointer",
-            !h && (n ? " text-primary-default-default" : "hover:bg-neutral-medium-hover text-neutral-default-hover"),
-            u && !h && "text-neutral-default-disabled hover:bg-neutral-default-default"
+            m ? "cursor-default text-neutral-medium-default" : "cursor-pointer",
+            !m && (n ? " text-primary-default-default" : "hover:bg-neutral-medium-hover text-neutral-default-hover"),
+            u && !m && "text-neutral-default-disabled hover:bg-neutral-default-default"
           ),
           children: [
-            i && !h && /* @__PURE__ */ s.jsx(rt, { checked: n, disabled: u }),
+            i && !m && /* @__PURE__ */ s.jsx(rt, { checked: n, disabled: u }),
             /* @__PURE__ */ s.jsx("span", { children: p })
           ]
         },
@@ -1072,19 +1072,19 @@ const Je = Z(
   ({
     selectedOptions: e,
     placeholder: n,
-    onRemoveOption: m,
+    onRemoveOption: h,
     displayMode: i,
     multiple: u,
     className: v,
-    disabled: h
+    disabled: m
   }) => e?.length === 0 ? n ? /* @__PURE__ */ s.jsx("span", { className: "text-neutral-medium-default opacity-50", children: n }) : null : i === "chips" && u ? /* @__PURE__ */ s.jsx("div", { className: f("flex items-center gap-1 ", v), children: e.map((j) => /* @__PURE__ */ s.jsx(
     ot,
     {
       tabIndex: -1,
       id: j.id,
       label: j.label,
-      onRemove: m,
-      disabled: h
+      onRemove: h,
+      disabled: m
     },
     j.id
   )) }) : e?.length === 1 ? /* @__PURE__ */ s.jsx("span", { children: e[0].label }) : /* @__PURE__ */ s.jsxs("span", { children: [

package/dist/Select.es.js

@@ -1,4 +1,4 @@
-import { S as f } from "./Select-C2-CCMwC.js";
+import { S as f } from "./Select-CiaBY4E0.js";
 export {
   f as default
 };

package/dist/SelectFormik.es.js

@@ -1,32 +1,32 @@
-import { j as d } from "./jsx-runtime-DKDX3adD.js";
+import { j as c } from "./jsx-runtime-DKDX3adD.js";
 import { useField as y } from "formik";
-import { S as m } from "./Select-C2-CCMwC.js";
+import { S as m } from "./Select-CiaBY4E0.js";
 import { useRef as p, useEffect as g } from "react";
 function f(e) {
   return Array.isArray(e) && e.every(
-    (r) => typeof r == "string" || typeof r == "number"
+    (l) => typeof l == "string" || typeof l == "number"
   );
 }
 function v(e) {
   return e == null || typeof e == "string" || typeof e == "number";
 }
-const b = (e) => {
-  const [r, a, l] = y(e.name), u = p(!1), o = Array.isArray(r.value);
+const S = (e) => {
+  const [l, a, r] = y(e.name), u = p(!1), o = Array.isArray(l.value);
   if (g(() => {
-    u.current || (u.current = !0, o ? f(r.value) || (console.warn(
+    u.current || (u.current = !0, o ? f(l.value) || (console.warn(
       `SelectFormik: El valor del campo "${e.name}" no es un array válido de string | number. Valor recibido:`,
-      r.value,
+      l.value,
       "Inicializando como array vacío."
-    ), l.setValue([])) : v(r.value) || (console.warn(
+    ), r.setValue([])) : v(l.value) || (console.warn(
       `SelectFormik: El valor del campo "${e.name}" no es un valor válido (string | number | null). Valor recibido:`,
-      r.value,
+      l.value,
       "Inicializando como null."
-    ), l.setValue(null)));
-  }, [r.value, l, e.name, o]), o) {
-    const n = (c) => {
-      l.setValue(c.map((s) => s.value));
-    }, i = f(r.value) ? r.value : [], t = e?.displayMode || "chips";
-    return /* @__PURE__ */ d.jsx(
+    ), r.setValue(null)));
+  }, [l.value, r, e.name, o]), o) {
+    const n = (d) => {
+      r.setValue(d.map((s) => s.value));
+    }, i = f(l.value) ? l.value : [], t = e?.displayMode || "chips";
+    return /* @__PURE__ */ c.jsx(
       m,
       {
         ...e,
@@ -40,9 +40,9 @@ const b = (e) => {
     );
   } else {
     const n = (s) => {
-      l.setValue(s?.value ?? null);
-    }, i = v(r.value) ? r.value : void 0, { ...t } = e;
-    return /* @__PURE__ */ d.jsx(
+      r.setValue(s?.value ?? null);
+    }, i = v(l.value) ? l.value : void 0, { ...t } = e;
+    return /* @__PURE__ */ c.jsx(
       m,
       {
         ...t,
@@ -51,11 +51,12 @@ const b = (e) => {
         value: i,
         onChange: n,
         variant: a.error ? "error" : "default",
-        errorComponent: a.error || void 0
+        errorComponent: a.error || void 0,
+        disabled: e.disabled
       }
     );
   }
 };
 export {
-  b as default
+  S as default
 };

package/dist/SelectSearch.es.js

@@ -1,5 +1,5 @@
 import { j as G } from "./jsx-runtime-DKDX3adD.js";
-import { g as i, S as H } from "./Select-C2-CCMwC.js";
+import { g as i, S as H } from "./Select-CiaBY4E0.js";
 import { useState as T, useRef as I, useEffect as h, useMemo as Q, useCallback as X } from "react";
 function te(e) {
   const {

package/dist/Switch.es.js

@@ -52,22 +52,22 @@ const l = ({ name: d, value: o, onChange: f, disabled: t = !1 }) => {
     /* @__PURE__ */ a.jsx(
       "div",
       {
+        onClick: h,
         className: r(
-          "w-14 h-8 rounded-full relative px-2",
+          "w-14 h-8 rounded-full relative px-2 cursor-pointer",
+          t && "cursor-default",
           i[e][s].container
         ),
         children: /* @__PURE__ */ a.jsx(
           c.span,
           {
-            onClick: h,
             animate: m[e],
             whileHover: t ? {} : {
               background: e === "off" ? "rgba(29, 27, 32, 0.08)" : "rgba(101, 85, 143, 0.12)"
             },
             className: r(
               "absolute top-1/2 -translate-y-1/2 grid place-items-center ",
-              "size-10 aspect-square rounded-full absolute top-1/2 -translate-y-1/2",
-              "cursor-pointer"
+              "size-10 aspect-square rounded-full absolute top-1/2 -translate-y-1/2"
             ),
             children: /* @__PURE__ */ a.jsx(
               c.span,

package/dist/Toast.es.js

@@ -3,7 +3,7 @@ import b from "react";
 import { toast as p } from "sonner";
 import { Icons as m } from "./Icons.es.js";
 import { c as s } from "./cn-B6yFEsav.js";
-import { B as u } from "./Button-CvBWH1HX.js";
+import u from "./Button.es.js";
 const x = {
   dark: {
     success: {

package/dist/components/Avatar/Avatar.d.ts

@@ -1,6 +1,11 @@
-export default function Avatar({ imageUrl, sizeImage, sizeFallback, fallbackText }: {
+export type SizeVariant = "xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl";
+interface IAvatar {
     imageUrl?: string;
-    sizeImage?: "xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl";
-    sizeFallback?: "xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl";
+    sizeImage?: SizeVariant;
+    sizeFallback?: SizeVariant;
     fallbackText?: string;
-}): import("react/jsx-runtime").JSX.Element;
+    subImageUrl?: string;
+    borderColor?: string;
+}
+export default function Avatar({ imageUrl, sizeImage, sizeFallback, fallbackText, subImageUrl, borderColor, }: IAvatar): import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,13 +1,5 @@
-import { VariantProps } from 'class-variance-authority';
-declare const buttonVariants: (props?: ({
-    variant?: "text" | "outline" | "filled" | null | undefined;
-    color?: "primary" | "secondary" | null | undefined;
-    size?: "small" | "medium" | "large" | null | undefined;
-    disabled?: boolean | null | undefined;
-    loading?: boolean | null | undefined;
-    customSize?: boolean | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string;
-export interface ButtonProps extends VariantProps<typeof buttonVariants> {
+import { ButtonVariant, ColorVariant, SizeVariant } from '../Shared/types';
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
     label?: string;
     onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
     icon?: React.ReactNode;
@@ -17,13 +9,15 @@ export interface ButtonProps extends VariantProps<typeof buttonVariants> {
     animateIcon?: boolean;
     isLoading?: boolean;
     children?: React.ReactNode;
-    Spinner?: React.ReactNode;
+    spinner?: React.ReactNode;
     type?: 'button' | "submit" | "reset";
     className?: string;
     disabled?: boolean;
-    variant?: "filled" | "outline" | "text";
+    variant?: ButtonVariant;
     form?: string;
+    size?: SizeVariant;
+    color?: ColorVariant;
+    hideSpinner?: boolean;
 }
-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>;
+declare const _default: import('react').MemoExoticComponent<({ label, onClick, icon, contentClassName, loadingText, animate, animateIcon, isLoading, children, hideSpinner, spinner, type, className, disabled, variant, form, size, color }: ButtonProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

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

@@ -0,0 +1,29 @@
+import { VariantProps } from 'class-variance-authority';
+declare const buttonVariants: (props?: ({
+    variant?: "text" | "outline" | "filled" | null | undefined;
+    color?: "primary" | "secondary" | null | undefined;
+    size?: "small" | "medium" | "large" | null | undefined;
+    disabled?: boolean | null | undefined;
+    loading?: boolean | null | undefined;
+    customSize?: boolean | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export interface ButtonProps extends VariantProps<typeof buttonVariants> {
+    label?: string;
+    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    icon?: React.ReactNode;
+    contentClassName?: string;
+    loadingText?: string;
+    animate?: boolean;
+    animateIcon?: boolean;
+    isLoading?: boolean;
+    children?: React.ReactNode;
+    Spinner?: React.ReactNode;
+    type?: 'button' | "submit" | "reset";
+    className?: string;
+    disabled?: boolean;
+    variant?: "filled" | "outline" | "text";
+    form?: string;
+}
+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/Input/Input.d.ts

@@ -7,11 +7,10 @@ export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElem
     iconPosition?: "left" | "right";
     isFetching?: boolean;
     id?: string;
-    onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
     value?: string;
     width?: string;
     height?: string;
-    name: string;
+    name?: string;
     variant?: InputVariant;
     labelVariant?: LabelVariant;
     size?: InputSize;
@@ -22,14 +21,14 @@ export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElem
     placeholder?: string;
     required?: boolean;
     className?: string;
+    style?: React.CSSProperties;
+    readOnly?: boolean;
+    onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+    onClear?: () => void;
     onFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;
     onBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;
     onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
     onKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
-    isActive?: boolean;
-    style?: React.CSSProperties;
-    readOnly?: boolean;
-    onClear?: () => void;
 }
 declare const _default: import('react').NamedExoticComponent<InputProps & import('react').RefAttributes<HTMLInputElement>>;
 export default _default;

package/dist/index-BOQuZ0gG.js

@@ -0,0 +1,34 @@
+import { clsx as O } from "clsx";
+const m = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, y = O, j = (e, l) => (n) => {
+  var u;
+  if (l?.variants == null) return y(e, n?.class, n?.className);
+  const { variants: r, defaultVariants: d } = l, V = Object.keys(r).map((t) => {
+    const a = n?.[t], s = d?.[t];
+    if (a === null) return null;
+    const i = m(a) || m(s);
+    return r[t][i];
+  }), v = n && Object.entries(n).reduce((t, a) => {
+    let [s, i] = a;
+    return i === void 0 || (t[s] = i), t;
+  }, {}), N = l == null || (u = l.compoundVariants) === null || u === void 0 ? void 0 : u.reduce((t, a) => {
+    let { class: s, className: i, ...f } = a;
+    return Object.entries(f).every((C) => {
+      let [c, o] = C;
+      return Array.isArray(o) ? o.includes({
+        ...d,
+        ...v
+      }[c]) : {
+        ...d,
+        ...v
+      }[c] === o;
+    }) ? [
+      ...t,
+      s,
+      i
+    ] : t;
+  }, []);
+  return y(e, V, N, n?.class, n?.className);
+};
+export {
+  j as c
+};