bmi-next-brokers 1.2.5 → 1.2.7

package/dist/components/Input/Input.js

@@ -1,82 +1,119 @@
-import { jsxs as r, jsx as s } from "react/jsx-runtime";
-import { useState as T } from "react";
-import { s as e } from "../../Input.module-DEnV7xlj.js";
+import { jsxs as b, jsx as s } from "react/jsx-runtime";
+import { useState as N } from "react";
+import { s as a } from "../../Input.module-7cfiMD0m.js";
 import { Icon as $ } from "../../icons/Icon.js";
 const M = ({
   size: l = "medium",
   label: _,
   error: i,
-  helperText: h,
-  icon: o,
-  className: g,
-  required: w,
-  inverted: a = !1,
-  type: b,
+  helperText: m,
+  icon: c,
+  className: h,
+  required: u,
+  inverted: e = !1,
+  btc: w = !1,
+  type: o,
   ...d
 }) => {
-  const [n, u] = T(!1), m = b === "password", c = b === "date", I = [
-    e.input,
-    e[l],
-    o && !c ? e.withIcon : "",
-    i ? e.error : "",
-    a ? e.inverted : "",
-    c ? e.dateInput : "",
-    g
-  ].filter(Boolean).join(" "), t = l === "small" ? 16 : l === "large" ? 20 : 18, N = () => {
-    u(!n);
+  const [n, x] = N(!1), g = o === "password", r = o === "date", I = [
+    a.input,
+    a[l],
+    c && !r ? a.withIcon : "",
+    w && a.btc,
+    i ? a.error : "",
+    e ? a.inverted : "",
+    r ? a.dateInput : "",
+    h
+  ].filter(Boolean).join(" "), t = l === "small" ? 16 : l === "large" ? 20 : l === "extraLarge" ? 24 : 18, f = () => {
+    x(!n);
   };
-  return /* @__PURE__ */ r("div", { className: e.inputContainer, children: [
-    _ && /* @__PURE__ */ r("label", { className: `${e.label} ${l === "large" ? e.label_large : ""} ${d.disabled && !a ? e.label_disabled : ""} ${a && !d.disabled ? e.label_inverted : ""} ${a && d.disabled ? e.label_inverted_disabled : ""}`, children: [
-      _,
-      /* @__PURE__ */ s("span", { className: `${e.required} ${a ? e.required_inverted : ""}`, children: w && "*" })
-    ] }),
-    /* @__PURE__ */ r("div", { className: e.inputWrapper, children: [
-      o && !c && /* @__PURE__ */ s("div", { className: `${e.icon} ${d.disabled && !a ? e.icon_disabled : ""} ${a && !d.disabled ? e.icon_inverted : ""} ${a && d.disabled ? e.icon_inverted_disabled : ""}`, children: /* @__PURE__ */ s(
-        $,
-        {
-          name: o,
-          width: t,
-          height: t
-        }
-      ) }),
-      /* @__PURE__ */ s(
-        "input",
-        {
-          className: I,
-          type: m ? n ? "text" : "password" : b,
-          ...d
-        }
-      ),
-      m && /* @__PURE__ */ s(
-        "button",
-        {
-          type: "button",
-          className: `${e.passwordToggle} ${d.disabled && !a ? e.passwordToggle_disabled : ""} ${a && !d.disabled ? e.passwordToggle_inverted : ""} ${a && d.disabled ? e.passwordToggle_inverted_disabled : ""}`,
-          onClick: N,
-          disabled: d.disabled,
-          "aria-label": n ? "Ocultar contraseña" : "Mostrar contraseña",
-          children: /* @__PURE__ */ s(
-            $,
+  return /* @__PURE__ */ b(
+    "div",
+    {
+      className: `${a.inputContainer} ${l === "medium" ? a.inputContainer_medium : l === "large" ? a.inputContainer_large : l === "extraLarge" ? a.inputContainer_extraLarge : ""}`,
+      children: [
+        _ && /* @__PURE__ */ b(
+          "label",
+          {
+            className: `${a.label} ${l === "large" ? a.label_large : ""} ${l === "extraLarge" ? a.label_extraLarge : ""} ${d.disabled && !e ? a.label_disabled : ""} ${e && !d.disabled ? a.label_inverted : ""} ${e && d.disabled ? a.label_inverted_disabled : ""}`,
+            children: [
+              _,
+              /* @__PURE__ */ s(
+                "span",
+                {
+                  className: `${a.required} ${e ? a.required_inverted : ""}`,
+                  children: u && "*"
+                }
+              )
+            ]
+          }
+        ),
+        /* @__PURE__ */ b("div", { className: a.inputWrapper, children: [
+          c && !r && /* @__PURE__ */ s(
+            "div",
             {
-              name: n ? "VisibilityOff" : "Visibility",
-              width: t,
-              height: t
+              className: `${a.icon} ${d.disabled && !e ? a.icon_disabled : ""} ${e && !d.disabled ? a.icon_inverted : ""} ${e && d.disabled ? a.icon_inverted_disabled : ""}`,
+              children: /* @__PURE__ */ s($, { name: c, width: t, height: t })
+            }
+          ),
+          /* @__PURE__ */ s(
+            "input",
+            {
+              className: I,
+              type: g ? n ? "text" : "password" : o,
+              ...d
+            }
+          ),
+          g && /* @__PURE__ */ s(
+            "button",
+            {
+              type: "button",
+              className: `${a.passwordToggle} ${d.disabled && !e ? a.passwordToggle_disabled : ""} ${e && !d.disabled ? a.passwordToggle_inverted : ""} ${e && d.disabled ? a.passwordToggle_inverted_disabled : ""}`,
+              onClick: f,
+              disabled: d.disabled,
+              "aria-label": n ? "Ocultar contraseña" : "Mostrar contraseña",
+              children: /* @__PURE__ */ s(
+                $,
+                {
+                  name: n ? "VisibilityOff" : "Visibility",
+                  width: t,
+                  height: t
+                }
+              )
+            }
+          ),
+          r && /* @__PURE__ */ s(
+            "div",
+            {
+              className: `${a.dateIcon} ${d.disabled && !e ? a.dateIcon_disabled : ""} ${e && !d.disabled ? a.dateIcon_inverted : ""} ${e && d.disabled ? a.dateIcon_inverted_disabled : ""} ${i ? a.dateIcon_error : ""} ${i && e ? a.dateIcon_inverted_error : ""}`,
+              children: /* @__PURE__ */ s(
+                $,
+                {
+                  name: "CalendarIcon",
+                  width: t + 2,
+                  height: t + 2
+                }
+              )
             }
           )
-        }
-      ),
-      c && /* @__PURE__ */ s("div", { className: `${e.dateIcon} ${d.disabled && !a ? e.dateIcon_disabled : ""} ${a && !d.disabled ? e.dateIcon_inverted : ""} ${a && d.disabled ? e.dateIcon_inverted_disabled : ""} ${i ? e.dateIcon_error : ""} ${i && a ? e.dateIcon_inverted_error : ""}`, children: /* @__PURE__ */ s(
-        $,
-        {
-          name: "CalendarIcon",
-          width: t + 2,
-          height: t + 2
-        }
-      ) })
-    ] }),
-    i && /* @__PURE__ */ s("span", { className: `${e.errorMessage} ${e[`errorMessage_${l}`]} ${a ? e.errorMessage_inverted : ""}`, children: i }),
-    h && !i && /* @__PURE__ */ s("span", { className: `${e.helperText} ${e[`helperText_${l}`]} ${d.disabled && !a ? e.helperText_disabled : ""} ${a && !d.disabled ? e.helperText_inverted : ""} ${a && d.disabled ? e.helperText_inverted_disabled : ""}`, children: h })
-  ] });
+        ] }),
+        i && /* @__PURE__ */ s(
+          "span",
+          {
+            className: `${a.errorMessage} ${a[`errorMessage_${l}`]} ${e ? a.errorMessage_inverted : ""}`,
+            children: i
+          }
+        ),
+        m && !i && /* @__PURE__ */ s(
+          "span",
+          {
+            className: `${a.helperText} ${a[`helperText_${l}`]} ${d.disabled && !e ? a.helperText_disabled : ""} ${e && !d.disabled ? a.helperText_inverted : ""} ${e && d.disabled ? a.helperText_inverted_disabled : ""}`,
+            children: m
+          }
+        )
+      ]
+    }
+  );
 };
 export {
   M as Input

package/dist/components/Input/RadioButton/RadioButton.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-export type InputSize = "small" | "medium" | "large";
+export type InputSize = "small" | "medium" | "large" | "extraLarge";
 export interface RadioButtonProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, "size"> {
     size?: InputSize;
     label?: string;
@@ -8,5 +8,6 @@ export interface RadioButtonProps extends Omit<React.InputHTMLAttributes<HTMLInp
     required?: boolean;
     error?: string;
     inverted?: boolean;
+    btc?: boolean;
 }
 export declare const RadioButton: React.FC<RadioButtonProps>;

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

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

package/dist/components/Select/Select.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import * as Icons from "../../icons/index";
-export type SelectSize = "small" | "medium" | "large";
+export type SelectSize = "small" | "medium" | "large" | "extraLarge";
 export type IconName = keyof typeof Icons;
 export interface SelectOption {
     value: string;
@@ -22,5 +22,6 @@ export interface SelectProps extends Omit<React.HTMLAttributes<HTMLDivElement>,
     dynamicIcon?: boolean;
     showPlaceholderIcon?: boolean;
     required?: boolean;
+    btc?: boolean;
 }
 export declare const Select: React.FC<SelectProps>;