bmi-next-brokers 1.2.6 → 1.2.9

package/dist/components/Input/RadioButton/RadioButton.js

@@ -1,68 +1,68 @@
-import { jsxs as t, jsx as n } from "react/jsx-runtime";
+import { jsxs as s, jsx as n } from "react/jsx-runtime";
 import { useRef as P } from "react";
-import { s as e } from "../../../Input.module-DuUfwXwW.js";
-const L = ({
+import { s as a } from "../../../Input.module-7cfiMD0m.js";
+const T = ({
   size: o = "medium",
   label: c,
   placeholder: p,
   helperText: i,
   required: h,
   error: _,
-  inverted: a = !1,
+  inverted: e = !1,
   disabled: l = !1,
   checked: r = !1,
   btc: u = !1,
   onClick: m,
   ...$
 }) => {
-  const s = P(null), g = (d) => {
-    !l && s.current && s.current.click(), m && m(d);
+  const t = P(null), g = (d) => {
+    !l && t.current && t.current.click(), m && m(d);
   }, x = [
-    e.inputWrapper,
-    u && e.btc,
-    l ? e.inputCheckbox_disabled : e.inputCheckbox,
-    o === "small" ? e.smallCheckbox : o === "large" ? e.largeCheckbox : o === "extraLarge" ? e.extraLargeCheckbox : e.mediumCheckbox,
-    _ ? e.error : "",
-    a ? e.inverted : "",
-    r && !_ && !l && !a ? e.inputCheckbox_checked : "",
-    r && !_ && !l && a ? e.inputCheckbox_inverted_checked : "",
-    r && _ ? e.error_checked : "",
-    r && l ? e.inputCheckbox_disabled_checked : ""
+    a.inputWrapper,
+    u && a.btc,
+    l ? a.inputCheckbox_disabled : a.inputCheckbox,
+    o === "small" ? a.smallCheckbox : o === "large" ? a.largeCheckbox : o === "extraLarge" ? a.extraLargeCheckbox : a.mediumCheckbox,
+    _ ? a.error : "",
+    e ? a.inverted : "",
+    r && !_ && !l && !e ? a.inputCheckbox_checked : "",
+    r && !_ && !l && e ? a.inputCheckbox_inverted_checked : "",
+    r && _ ? a.error_checked : "",
+    r && l ? a.inputCheckbox_disabled_checked : ""
   ].filter(Boolean).join(" "), f = [
-    l && !a ? e.passwordToggle_disabled : "",
-    a && !l ? e.passwordToggle_inverted : "",
-    a && l ? e.passwordToggle_inverted_disabled : ""
+    l && !e ? a.passwordToggle_disabled : "",
+    e && !l ? a.passwordToggle_inverted : "",
+    e && l ? a.passwordToggle_inverted_disabled : ""
   ].filter(Boolean).join(" "), C = [
-    e.helperText,
-    e[`helperText_${o}`],
-    l && !a ? e.helperText_disabled : "",
-    a && !l ? e.helperText_inverted : "",
-    a && l ? e.helperText_inverted_disabled : ""
+    a.helperText,
+    a[`helperText_${o}`],
+    l && !e ? a.helperText_disabled : "",
+    e && !l ? a.helperText_inverted : "",
+    e && l ? a.helperText_inverted_disabled : ""
   ].filter(Boolean).join(" ");
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ s(
     "div",
     {
-      className: `${e.inputContainer} ${o === "medium" ? e.inputContainer_medium : o === "large" ? e.inputContainer_large : o === "extraLarge" ? e.inputContainer_extraLarge : ""}`,
+      className: `${a.inputContainer} ${o === "medium" ? a.inputContainer_medium : o === "large" ? a.inputContainer_large : o === "extraLarge" ? a.inputContainer_extraLarge : ""}`,
       children: [
-        c && /* @__PURE__ */ t(
+        c && /* @__PURE__ */ s(
           "label",
           {
-            className: `${e.label} ${o === "large" ? e.label_large : ""} 
-          ${o === "extraLarge" ? e.label_extraLarge : ""} 
-          ${l && !a ? e.label_disabled : ""} ${a && !l ? e.label_inverted : ""} ${a && l ? e.label_inverted_disabled : ""}`,
+            className: `${a.label} ${o === "large" ? a.label_large : ""} 
+          ${o === "extraLarge" ? a.label_extraLarge : ""} 
+          ${l && !e ? a.label_disabled : ""} ${e && !l ? a.label_inverted : ""} ${e && l ? a.label_inverted_disabled : ""}`,
             children: [
               c,
               h && /* @__PURE__ */ n(
                 "span",
                 {
-                  className: `${e.required} ${l && !a ? e.required_disabled : ""} ${a && !l ? e.required_inverted : ""} ${a && l ? e.required_inverted_disabled : ""}`,
+                  className: `${a.required} ${l && !e ? a.required_disabled : ""} ${e && !l ? a.required_inverted : ""} ${e && l ? a.required_inverted_disabled : ""}`,
                   children: "*"
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ s(
           "div",
           {
             className: x,
@@ -76,7 +76,7 @@ const L = ({
               /* @__PURE__ */ n(
                 "input",
                 {
-                  ref: s,
+                  ref: t,
                   type: "radio",
                   className: f,
                   disabled: l,
@@ -88,7 +88,7 @@ const L = ({
               p && /* @__PURE__ */ n(
                 "span",
                 {
-                  className: `${e.radioPlaceholder} ${o === "small" ? e.smallRadio : o === "large" ? e.largeRadio : e.mediumRadio} ${l && !a && !r ? e.radioPlaceholder_disabled : ""} ${l && !a && r ? e.radioPlaceholder_disabled_checked : ""} ${a && !l && !r ? e.radioPlaceholder_inverted : ""} ${a && l ? e.radioPlaceholder_inverted_disabled : ""} ${r && !_ && !l && !a ? e.radioPlaceholder_checked : ""} ${r && !_ && !l && a ? e.radioPlaceholder_inverted_checked : ""} ${_ && !r && !a ? e.radioPlaceholder_error : ""} ${_ && !r && a ? e.radioPlaceholder_inverted_error : ""} ${_ && r && !a ? e.radioPlaceholder_error_checked : ""} ${_ && r && a ? e.radioPlaceholder_inverted_error_checked : ""}`,
+                  className: `${a.radioPlaceholder} ${o === "small" ? a.smallRadio : o === "large" ? a.largeRadio : o === "extraLarge" ? a.extraLargeRadio : a.mediumRadio} ${l && !e && !r ? a.radioPlaceholder_disabled : ""} ${l && !e && r ? a.radioPlaceholder_disabled_checked : ""} ${e && !l && !r ? a.radioPlaceholder_inverted : ""} ${e && l ? a.radioPlaceholder_inverted_disabled : ""} ${r && !_ && !l && !e ? a.radioPlaceholder_checked : ""} ${r && !_ && !l && e ? a.radioPlaceholder_inverted_checked : ""} ${_ && !r && !e ? a.radioPlaceholder_error : ""} ${_ && !r && e ? a.radioPlaceholder_inverted_error : ""} ${_ && r && !e ? a.radioPlaceholder_error_checked : ""} ${_ && r && e ? a.radioPlaceholder_inverted_error_checked : ""}`,
                   children: p
                 }
               )
@@ -98,7 +98,7 @@ const L = ({
         _ ? /* @__PURE__ */ n(
           "span",
           {
-            className: `${e.errorMessage} ${e[`errorMessage_${o}`]} ${a ? e.errorMessage_inverted : ""}`,
+            className: `${a.errorMessage} ${a[`errorMessage_${o}`]} ${e ? a.errorMessage_inverted : ""}`,
             children: _
           }
         ) : i && /* @__PURE__ */ n("span", { className: C, children: i })
@@ -107,5 +107,5 @@ const L = ({
   );
 };
 export {
-  L as RadioButton
+  T as RadioButton
 };

package/dist/components/Search/Search.d.ts

@@ -0,0 +1,25 @@
+import { default as React } from 'react';
+import * as Icons from "../../icons/index";
+export type SearchSize = "small" | "medium" | "large";
+export type IconName = keyof typeof Icons;
+export interface SearchOption {
+    value: string;
+    label: string;
+    icon?: IconName;
+}
+export interface SearchProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    size?: SearchSize;
+    label?: string;
+    error?: string;
+    helperText?: string;
+    className?: string;
+    required?: boolean;
+    inverted?: boolean;
+    clearable?: boolean;
+    onClear?: () => void;
+    onSearch?: (value: string) => void;
+    options?: SearchOption[];
+    onOptionSelect?: (option: SearchOption) => void;
+    showOptionsOnFocus?: boolean;
+}
+export declare const Search: React.FC<SearchProps>;

package/dist/components/Search/Search.js

@@ -0,0 +1,188 @@
+import { jsxs as k, jsx as _ } from "react/jsx-runtime";
+import { useState as x, useRef as y, useEffect as A } from "react";
+import { Icon as $ } from "../../icons/Icon.js";
+import '../../assets/Search.css';const H = "_searchContainer_12k26_1", U = "_label_12k26_8", G = "_label_large_12k26_16", J = "_label_disabled_12k26_21", P = "_searchWrapper_12k26_25", Q = "_search_12k26_1", X = "_small_12k26_68", Y = "_medium_12k26_73", Z = "_large_12k26_78", z = "_error_12k26_97", ee = "_errorShake_12k26_1", re = "_errorMessage_12k26_116", te = "_errorMessageSlide_12k26_1", le = "_errorMessage_small_12k26_125", ne = "_errorMessage_medium_12k26_129", _e = "_errorMessage_large_12k26_133", ae = "_helperText_12k26_137", de = "_helperText_small_12k26_144", se = "_helperText_medium_12k26_148", ie = "_helperText_large_12k26_152", oe = "_helperText_disabled_12k26_157", ce = "_icon_12k26_162", he = "_icon_disabled_12k26_175", be = "_clearButton_12k26_180", ue = "_clearButton_disabled_12k26_208", ge = "_clearButton_inverted_12k26_218", me = "_clearButton_inverted_disabled_12k26_231", ke = "_required_12k26_241", ve = "_inverted_12k26_283", pe = "_label_inverted_12k26_301", fe = "_helperText_inverted_12k26_305", we = "_icon_inverted_12k26_309", xe = "_errorMessage_inverted_12k26_313", $e = "_label_inverted_disabled_12k26_350", Te = "_helperText_inverted_disabled_12k26_354", Me = "_icon_inverted_disabled_12k26_358", Be = "_required_inverted_12k26_382", qe = "_required_disabled_12k26_386", Se = "_required_inverted_disabled_12k26_390", Ne = "_dropdown_12k26_395", ye = "_dropdownSlide_12k26_1", Ce = "_dropdown_inverted_12k26_411", Ee = "_option_12k26_418", Ie = "_option_highlighted_12k26_440", De = "_option_inverted_12k26_444", Le = "_optionIcon_12k26_458", Fe = "_optionLabel_12k26_470", e = {
+  searchContainer: H,
+  label: U,
+  label_large: G,
+  label_disabled: J,
+  searchWrapper: P,
+  search: Q,
+  small: X,
+  medium: Y,
+  large: Z,
+  error: z,
+  errorShake: ee,
+  errorMessage: re,
+  errorMessageSlide: te,
+  errorMessage_small: le,
+  errorMessage_medium: ne,
+  errorMessage_large: _e,
+  helperText: ae,
+  helperText_small: de,
+  helperText_medium: se,
+  helperText_large: ie,
+  helperText_disabled: oe,
+  icon: ce,
+  icon_disabled: he,
+  clearButton: be,
+  clearButton_disabled: ue,
+  clearButton_inverted: ge,
+  clearButton_inverted_disabled: me,
+  required: ke,
+  inverted: ve,
+  label_inverted: pe,
+  helperText_inverted: fe,
+  icon_inverted: we,
+  errorMessage_inverted: xe,
+  label_inverted_disabled: $e,
+  helperText_inverted_disabled: Te,
+  icon_inverted_disabled: Me,
+  required_inverted: Be,
+  required_disabled: qe,
+  required_inverted_disabled: Se,
+  dropdown: Ne,
+  dropdownSlide: ye,
+  dropdown_inverted: Ce,
+  option: Ee,
+  option_highlighted: Ie,
+  option_inverted: De,
+  optionIcon: Le,
+  optionLabel: Fe
+}, We = ({
+  size: a = "medium",
+  label: T,
+  error: h,
+  helperText: M,
+  className: C,
+  required: E,
+  inverted: l = !1,
+  clearable: I = !0,
+  onClear: B,
+  onSearch: b,
+  value: v,
+  onChange: d,
+  options: u = [],
+  onOptionSelect: q,
+  showOptionsOnFocus: D = !1,
+  ...t
+}) => {
+  const [g, p] = x(v || ""), [S, s] = x(!1), [m, i] = x(-1), f = y(null), L = y(null), F = [
+    e.search,
+    e[a],
+    h ? e.error : "",
+    l ? e.inverted : "",
+    C
+  ].filter(Boolean).join(" "), o = a === "small" ? 16 : a === "large" ? 20 : 18, c = u.filter(
+    (r) => r.label.toLowerCase().includes(String(g).toLowerCase())
+  );
+  A(() => {
+    const r = (n) => {
+      f.current && !f.current.contains(n.target) && s(!1);
+    };
+    return document.addEventListener("mousedown", r), () => document.removeEventListener("mousedown", r);
+  }, []);
+  const K = (r) => {
+    const n = r.target.value;
+    p(n), s(u.length > 0 && n.length > 0), i(-1), d && d(r);
+  }, O = (r) => {
+    if (u.length > 0 && S)
+      switch (r.key) {
+        case "ArrowDown":
+          r.preventDefault(), i(
+            (n) => n < c.length - 1 ? n + 1 : n
+          );
+          break;
+        case "ArrowUp":
+          r.preventDefault(), i((n) => n > 0 ? n - 1 : -1);
+          break;
+        case "Enter":
+          r.preventDefault(), m >= 0 && c[m] ? N(c[m]) : b && (b(String(g)), s(!1));
+          break;
+        case "Escape":
+          s(!1), i(-1);
+          break;
+      }
+    else r.key === "Enter" && b && b(String(g));
+    t.onKeyDown && t.onKeyDown(r);
+  }, N = (r) => {
+    if (p(r.label), s(!1), i(-1), q && q(r), d) {
+      const n = {
+        target: { value: r.label }
+      };
+      d(n);
+    }
+  }, V = (r) => {
+    D && u.length > 0 && s(!0), t.onFocus && t.onFocus(r);
+  }, W = () => {
+    p(""), B && B(), d && d({
+      target: { value: "" }
+    });
+  }, w = v !== void 0 ? v : g, j = I && w && String(w).length > 0, R = S && c.length > 0 && !t.disabled;
+  return /* @__PURE__ */ k("div", { className: e.searchContainer, ref: f, children: [
+    T && /* @__PURE__ */ k("label", { className: `${e.label} ${a === "large" ? e.label_large : ""} ${t.disabled && !l ? e.label_disabled : ""} ${l && !t.disabled ? e.label_inverted : ""} ${l && t.disabled ? e.label_inverted_disabled : ""}`, children: [
+      T,
+      /* @__PURE__ */ _("span", { className: `${e.required} ${l ? e.required_inverted : ""}`, children: E && "*" })
+    ] }),
+    /* @__PURE__ */ k("div", { className: e.searchWrapper, children: [
+      /* @__PURE__ */ _("div", { className: `${e.icon} ${t.disabled && !l ? e.icon_disabled : ""} ${l && !t.disabled ? e.icon_inverted : ""} ${l && t.disabled ? e.icon_inverted_disabled : ""}`, children: /* @__PURE__ */ _(
+        $,
+        {
+          name: "SearchIcon",
+          width: o,
+          height: o
+        }
+      ) }),
+      /* @__PURE__ */ _(
+        "input",
+        {
+          ref: L,
+          className: F,
+          type: "text",
+          value: w,
+          onChange: K,
+          onKeyDown: O,
+          onFocus: V,
+          autoComplete: "off",
+          ...t
+        }
+      ),
+      R && /* @__PURE__ */ _("div", { className: `${e.dropdown} ${l ? e.dropdown_inverted : ""}`, children: c.map((r, n) => /* @__PURE__ */ k(
+        "div",
+        {
+          className: `${e.option} ${n === m ? e.option_highlighted : ""} ${l ? e.option_inverted : ""}`,
+          onClick: () => N(r),
+          onMouseEnter: () => i(n),
+          children: [
+            r.icon && /* @__PURE__ */ _("div", { className: e.optionIcon, children: /* @__PURE__ */ _($, { name: r.icon, width: o, height: o }) }),
+            /* @__PURE__ */ _("span", { className: e.optionLabel, children: r.label })
+          ]
+        },
+        r.value
+      )) }),
+      j && /* @__PURE__ */ _(
+        "button",
+        {
+          type: "button",
+          className: `${e.clearButton} ${t.disabled && !l ? e.clearButton_disabled : ""} ${l && !t.disabled ? e.clearButton_inverted : ""} ${l && t.disabled ? e.clearButton_inverted_disabled : ""}`,
+          onClick: W,
+          disabled: t.disabled,
+          "aria-label": "Limpiar búsqueda",
+          children: /* @__PURE__ */ _(
+            $,
+            {
+              name: "Close",
+              width: o,
+              height: o
+            }
+          )
+        }
+      )
+    ] }),
+    h && /* @__PURE__ */ _("span", { className: `${e.errorMessage} ${e[`errorMessage_${a}`]} ${l ? e.errorMessage_inverted : ""}`, children: h }),
+    M && !h && /* @__PURE__ */ _("span", { className: `${e.helperText} ${e[`helperText_${a}`]} ${t.disabled && !l ? e.helperText_disabled : ""} ${l && !t.disabled ? e.helperText_inverted : ""} ${l && t.disabled ? e.helperText_inverted_disabled : ""}`, children: M })
+  ] });
+};
+export {
+  We as Search
+};

package/dist/components/Search/index.d.ts

@@ -0,0 +1 @@
+export { Search, type SearchProps, type SearchSize, type SearchOption } from './Search';

package/dist/components/Search/index.js

@@ -0,0 +1,4 @@
+import { Search as o } from "./Search.js";
+export {
+  o as Search
+};

package/dist/components/Select/Select.js

@@ -1,7 +1,7 @@
-import { jsxs as s, jsx as n } from "react/jsx-runtime";
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
 import { useState as O, useRef as V, useEffect as W } from "react";
 import { Icon as g } from "../../icons/Icon.js";
-import '../../assets/Select.css';const j = "_selectContainer_1l7x6_3", E = "_selectContainer_medium_1l7x6_9", R = "_selectContainer_large_1l7x6_13", y = "_selectContainer_extraLarge_1l7x6_14", A = "_label_1l7x6_18", B = "_label_large_1l7x6_26", D = "_label_extraLarge_1l7x6_27", F = "_label_disabled_1l7x6_31", G = "_selectWrapper_1l7x6_35", H = "_select_1l7x6_3", J = "_medium_1l7x6_57", K = "_small_1l7x6_58", P = "_btc_1l7x6_76", Q = "_open_1l7x6_87", U = "_disabled_1l7x6_91", X = "_placeholder_1l7x6_99", Y = "_selectValue_1l7x6_103", Z = "_chevron_1l7x6_112", z = "_chevronOpen_1l7x6_117", ee = "_large_1l7x6_134", re = "_extraLarge_1l7x6_139", le = "_error_1l7x6_150", _e = "_errorShake_1l7x6_1", te = "_errorMessage_1l7x6_190", ne = "_errorMessageSlide_1l7x6_1", ae = "_errorMessage_medium_1l7x6_198", se = "_errorMessage_small_1l7x6_199", oe = "_errorMessage_large_1l7x6_203", ce = "_errorMessage_extraLarge_1l7x6_204", ie = "_errorMessage_inverted_1l7x6_208", de = "_helperText_1l7x6_212", xe = "_helperText_medium_1l7x6_218", pe = "_helperText_small_1l7x6_219", ge = "_helperText_large_1l7x6_223", me = "_helperText_extraLarge_1l7x6_224", he = "_helperText_disabled_1l7x6_228", be = "_iconLabel_1l7x6_232", ve = "_icon_1l7x6_232", ue = "_icon_disabled_1l7x6_248", $e = "_required_1l7x6_253", Te = "_required_inverted_1l7x6_258", Le = "_required_disabled_1l7x6_262", Me = "_required_inverted_disabled_1l7x6_266", fe = "_dropdown_1l7x6_271", Ce = "_option_1l7x6_285", qe = "_optionSelected_1l7x6_329", we = "_optionIcon_1l7x6_348", Ne = "_inverted_1l7x6_355", Se = "_label_inverted_1l7x6_373", ke = "_helperText_inverted_1l7x6_377", Ie = "_icon_inverted_1l7x6_381", Oe = "_dropdown_inverted_1l7x6_385", Ve = "_option_inverted_1l7x6_390", We = "_label_inverted_disabled_1l7x6_480", je = "_helperText_inverted_disabled_1l7x6_484", Ee = "_icon_inverted_disabled_1l7x6_488", e = {
+import '../../assets/Select.css';const j = "_selectContainer_1o6wc_3", E = "_selectContainer_medium_1o6wc_9", R = "_selectContainer_large_1o6wc_13", y = "_selectContainer_extraLarge_1o6wc_14", A = "_label_1o6wc_18", B = "_label_large_1o6wc_26", D = "_label_extraLarge_1o6wc_27", F = "_label_disabled_1o6wc_31", G = "_selectWrapper_1o6wc_35", H = "_select_1o6wc_3", J = "_medium_1o6wc_57", K = "_small_1o6wc_58", P = "_btc_1o6wc_76", Q = "_open_1o6wc_87", U = "_disabled_1o6wc_91", X = "_placeholder_1o6wc_99", Y = "_selectValue_1o6wc_103", Z = "_chevron_1o6wc_112", z = "_chevronOpen_1o6wc_117", ee = "_large_1o6wc_134", re = "_extraLarge_1o6wc_140", _e = "_error_1o6wc_147", oe = "_errorShake_1o6wc_1", le = "_errorMessage_1o6wc_187", te = "_errorMessageSlide_1o6wc_1", ce = "_errorMessage_medium_1o6wc_195", ne = "_errorMessage_small_1o6wc_196", ae = "_errorMessage_large_1o6wc_200", se = "_errorMessage_extraLarge_1o6wc_201", ie = "_errorMessage_inverted_1o6wc_205", de = "_helperText_1o6wc_209", pe = "_helperText_medium_1o6wc_215", we = "_helperText_small_1o6wc_216", ge = "_helperText_large_1o6wc_220", me = "_helperText_extraLarge_1o6wc_221", he = "_helperText_disabled_1o6wc_225", be = "_iconLabel_1o6wc_229", ve = "_icon_1o6wc_229", ue = "_icon_disabled_1o6wc_245", xe = "_required_1o6wc_250", $e = "_required_inverted_1o6wc_255", Te = "_required_disabled_1o6wc_259", Le = "_required_inverted_disabled_1o6wc_263", Me = "_dropdown_1o6wc_268", fe = "_option_1o6wc_282", Ce = "_optionSelected_1o6wc_326", qe = "_optionIcon_1o6wc_345", Ne = "_inverted_1o6wc_352", Se = "_label_inverted_1o6wc_370", ke = "_helperText_inverted_1o6wc_374", Ie = "_icon_inverted_1o6wc_378", Oe = "_dropdown_inverted_1o6wc_382", Ve = "_option_inverted_1o6wc_387", We = "_label_inverted_disabled_1o6wc_477", je = "_helperText_inverted_disabled_1o6wc_481", Ee = "_icon_inverted_disabled_1o6wc_485", e = {
   selectContainer: j,
   selectContainer_medium: E,
   selectContainer_large: R,
@@ -23,32 +23,32 @@ import '../../assets/Select.css';const j = "_selectContainer_1l7x6_3", E = "_sel
   chevronOpen: z,
   large: ee,
   extraLarge: re,
-  error: le,
-  errorShake: _e,
-  errorMessage: te,
-  errorMessageSlide: ne,
-  errorMessage_medium: ae,
-  errorMessage_small: se,
-  errorMessage_large: oe,
-  errorMessage_extraLarge: ce,
+  error: _e,
+  errorShake: oe,
+  errorMessage: le,
+  errorMessageSlide: te,
+  errorMessage_medium: ce,
+  errorMessage_small: ne,
+  errorMessage_large: ae,
+  errorMessage_extraLarge: se,
   errorMessage_inverted: ie,
   helperText: de,
-  helperText_medium: xe,
-  helperText_small: pe,
+  helperText_medium: pe,
+  helperText_small: we,
   helperText_large: ge,
   helperText_extraLarge: me,
   helperText_disabled: he,
   iconLabel: be,
   icon: ve,
   icon_disabled: ue,
-  required: $e,
-  required_inverted: Te,
-  required_disabled: Le,
-  required_inverted_disabled: Me,
-  dropdown: fe,
-  option: Ce,
-  optionSelected: qe,
-  optionIcon: we,
+  required: xe,
+  required_inverted: $e,
+  required_disabled: Te,
+  required_inverted_disabled: Le,
+  dropdown: Me,
+  option: fe,
+  optionSelected: Ce,
+  optionIcon: qe,
   inverted: Ne,
   label_inverted: Se,
   helperText_inverted: ke,
@@ -59,134 +59,134 @@ import '../../assets/Select.css';const j = "_selectContainer_1l7x6_3", E = "_sel
   helperText_inverted_disabled: je,
   icon_inverted_disabled: Ee
 }, Be = ({
-  size: t = "medium",
+  size: l = "medium",
   label: m,
-  error: o,
+  error: a,
   helperText: h,
   icon: d,
-  className: T,
-  required: L,
-  placeholder: M = "Seleccionar...",
+  className: $,
+  required: T,
+  placeholder: L = "Seleccionar...",
   options: b = [],
   value: v,
   onChange: u,
-  disabled: l = !1,
+  disabled: _ = !1,
   inverted: r = !1,
-  dynamicIcon: f = !1,
-  showPlaceholderIcon: C = !1,
-  btc: q = !1,
-  ...w
+  dynamicIcon: M = !1,
+  showPlaceholderIcon: f = !1,
+  btc: C = !1,
+  ...q
 }) => {
-  const [c, x] = O(!1), p = V(null), a = b.find((_) => _.value === v);
+  const [s, p] = O(!1), w = V(null), c = b.find((o) => o.value === v);
   W(() => {
-    const _ = (I) => {
-      p.current && !p.current.contains(I.target) && x(!1);
+    const o = (I) => {
+      w.current && !w.current.contains(I.target) && p(!1);
     };
-    return document.addEventListener("mousedown", _), () => {
-      document.removeEventListener("mousedown", _);
+    return document.addEventListener("mousedown", o), () => {
+      document.removeEventListener("mousedown", o);
     };
   }, []);
   const N = [
     e.select,
-    q && e.btc,
-    e[t],
-    o ? e.error : "",
-    l ? e.disabled : "",
-    c ? e.open : "",
+    C && e.btc,
+    e[l],
+    a ? e.error : "",
+    _ ? e.disabled : "",
+    s ? e.open : "",
     r ? e.inverted : "",
-    T
-  ].filter(Boolean).join(" "), i = t === "small" ? 16 : t === "large" ? 20 : t === "extraLarge" ? 24 : 18, $ = f && (a != null && a.icon) ? a.icon : d, S = () => {
-    l || x(!c);
-  }, k = (_) => {
-    u && u(_), x(!1);
+    $
+  ].filter(Boolean).join(" "), i = l === "small" ? 16 : l === "large" ? 20 : l === "extraLarge" ? 24 : 18, x = M && (c != null && c.icon) ? c.icon : d, S = () => {
+    _ || p(!s);
+  }, k = (o) => {
+    u && u(o), p(!1);
   };
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ n(
     "div",
     {
-      className: `${e.selectContainer} ${t === "medium" ? e.selectContainer_medium : t === "large" ? e.selectContainer_large : t === "extraLarge" ? e.selectContainer_extraLarge : ""}`,
-      ...w,
+      className: `${e.selectContainer} ${l === "medium" ? e.selectContainer_medium : l === "large" ? e.selectContainer_large : l === "extraLarge" ? e.selectContainer_extraLarge : ""}`,
+      ...q,
       children: [
-        m && /* @__PURE__ */ s(
+        m && /* @__PURE__ */ n(
           "label",
           {
-            className: `${e.label} ${t === "large" ? e.label_large : ""} ${t === "extraLarge" ? e.label_extraLarge : ""} ${l && !r ? e.label_disabled : ""} ${r && !l ? e.label_inverted : ""} ${r && l ? e.label_inverted_disabled : ""}`,
+            className: `${e.label} ${l === "large" ? e.label_large : ""} ${l === "extraLarge" ? e.label_extraLarge : ""} ${_ && !r ? e.label_disabled : ""} ${r && !_ ? e.label_inverted : ""} ${r && _ ? e.label_inverted_disabled : ""}`,
             children: [
               m,
-              /* @__PURE__ */ n(
+              /* @__PURE__ */ t(
                 "span",
                 {
-                  className: `${e.required} ${l && !r ? e.required_disabled : ""} ${r && !l ? e.required_inverted : ""} ${r && l ? e.required_inverted_disabled : ""}`,
-                  children: L && "*"
+                  className: `${e.required} ${_ && !r ? e.required_disabled : ""} ${r && !_ ? e.required_inverted : ""} ${r && _ ? e.required_inverted_disabled : ""}`,
+                  children: T && "*"
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ s("div", { className: e.selectWrapper, ref: p, children: [
-          /* @__PURE__ */ s("div", { className: N, onClick: S, children: [
-            /* @__PURE__ */ s("div", { className: e.iconLabel, children: [
-              $ && C && /* @__PURE__ */ n(
+        /* @__PURE__ */ n("div", { className: e.selectWrapper, ref: w, children: [
+          /* @__PURE__ */ n("div", { className: N, onClick: S, children: [
+            /* @__PURE__ */ n("div", { className: e.iconLabel, children: [
+              x && f && /* @__PURE__ */ t(
                 "div",
                 {
-                  className: `${e.icon} ${l && !r ? e.icon_disabled : ""} ${r && !l ? e.icon_inverted : ""} ${r && l ? e.icon_inverted_disabled : ""}`,
-                  children: /* @__PURE__ */ n(g, { name: $, width: i, height: i })
+                  className: `${e.icon} ${_ && !r ? e.icon_disabled : ""} ${r && !_ ? e.icon_inverted : ""} ${r && _ ? e.icon_inverted_disabled : ""}`,
+                  children: /* @__PURE__ */ t(g, { name: x, width: i, height: i })
                 }
               ),
-              /* @__PURE__ */ n(
+              /* @__PURE__ */ t(
                 "span",
                 {
-                  className: `${e.selectValue} ${a ? "" : e.placeholder}`,
-                  children: a ? a.label : M
+                  className: `${e.selectValue} ${c ? "" : e.placeholder}`,
+                  children: c ? c.label : L
                 }
               )
             ] }),
-            /* @__PURE__ */ n(
+            /* @__PURE__ */ t(
               g,
               {
                 name: "ArrowDown",
                 width: 16,
                 height: 16,
-                className: `${e.chevron} ${c ? e.chevronOpen : ""}`
+                className: `${e.chevron} ${s ? e.chevronOpen : ""}`
               }
             )
           ] }),
-          c && !l && /* @__PURE__ */ n(
+          s && !_ && /* @__PURE__ */ t(
             "div",
             {
               className: `${e.dropdown} ${r ? e.dropdown_inverted : ""}`,
-              children: b.map((_) => /* @__PURE__ */ s(
+              children: b.map((o) => /* @__PURE__ */ n(
                 "div",
                 {
-                  className: `${e.option} ${v === _.value ? e.optionSelected : ""} ${r ? e.option_inverted : ""}`,
-                  onClick: () => k(_.value),
+                  className: `${e.option} ${v === o.value ? e.optionSelected : ""} ${r ? e.option_inverted : ""}`,
+                  onClick: () => k(o.value),
                   children: [
-                    (_.icon || d) && /* @__PURE__ */ n("div", { className: e.optionIcon, children: /* @__PURE__ */ n(
+                    (o.icon || d) && /* @__PURE__ */ t("div", { className: e.optionIcon, children: /* @__PURE__ */ t(
                       g,
                       {
-                        name: _.icon || d,
+                        name: o.icon || d,
                         width: i,
                         height: i
                       }
                     ) }),
-                    _.label
+                    o.label
                   ]
                 },
-                _.value
+                o.value
               ))
             }
           )
         ] }),
-        o && /* @__PURE__ */ n(
+        a && /* @__PURE__ */ t(
           "span",
           {
-            className: `${e.errorMessage} ${e[`errorMessage_${t}`]} ${r ? e.errorMessage_inverted : ""}`,
-            children: o
+            className: `${e.errorMessage} ${e[`errorMessage_${l}`]} ${r ? e.errorMessage_inverted : ""}`,
+            children: a
           }
         ),
-        h && !o && /* @__PURE__ */ n(
+        h && !a && /* @__PURE__ */ t(
           "span",
           {
-            className: `${e.helperText} ${e[`helperText_${t}`]} ${l && !r ? e.helperText_disabled : ""} ${r && !l ? e.helperText_inverted : ""} ${r && l ? e.helperText_inverted_disabled : ""}`,
+            className: `${e.helperText} ${e[`helperText_${l}`]} ${_ && !r ? e.helperText_disabled : ""} ${r && !_ ? e.helperText_inverted : ""} ${r && _ ? e.helperText_inverted_disabled : ""}`,
             children: h
           }
         )

package/dist/components/modal/index.d.ts

@@ -18,8 +18,8 @@ export interface ModalProps extends React.HTMLAttributes<HTMLSpanElement> {
     title?: string;
     children?: React.ReactNode;
     width?: number;
-    confirmButton: ModalButtonProps;
-    cancelButton: ModalButtonProps;
+    confirmButton?: ModalButtonProps;
+    cancelButton?: ModalButtonProps;
     zIndex?: number;
     className?: string;
     onClickOverlay?: (() => Promise<void> | void) | false;