bmi-next-brokers 1.7.1 → 1.7.2

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

@@ -13,5 +13,6 @@ export interface InputProps extends Omit<React.InputHTMLAttributes<HTMLInputElem
     inverted?: boolean;
     btc?: boolean;
     prefix?: string;
+    customBorderColor?: string;
 }
 export declare const Input: React.FC<InputProps>;

package/dist/components/Input/Input.js

@@ -1,47 +1,48 @@
 import { jsxs as c, jsx as s } from "react/jsx-runtime";
-import { useState as P, useRef as v, useEffect as E } from "react";
+import { useState as v, useRef as E, useEffect as R } from "react";
 import { s as e } from "../../Input.module-33gMsaqf.js";
 import { Icon as _ } from "../../icons/Icon.js";
-const p = ({
+const q = ({
   size: t = "medium",
   label: g,
   error: i,
   helperText: m,
   icon: h,
-  className: x,
-  required: w,
+  className: w,
+  required: I,
   inverted: a = !1,
-  btc: I = !1,
+  btc: N = !1,
   prefix: b,
   type: r,
+  customBorderColor: f,
   ...l
 }) => {
-  const [o, N] = P(!1), f = r === "password", $ = r === "date", y = r === "textarea", u = v(null), T = () => {
+  const [o, y] = v(!1), x = r === "password", $ = r === "date", T = r === "textarea", u = E(null), C = () => {
     if (r !== "textarea") return;
     const d = u.current;
     d && (d.style.height = "auto");
-  }, C = () => {
+  }, L = () => {
     const d = u.current;
     d && (d.style.height = "auto", d.style.height = d.scrollHeight + "px");
-  }, L = (d) => {
+  }, j = (d) => {
     d.key === "Enter" && d.preventDefault();
   };
-  E(() => {
-    T();
+  R(() => {
+    C();
   }, []);
-  const j = [
+  const D = [
     e.input,
     e[t],
-    I && e.btc,
+    N && e.btc,
     i ? e.error : "",
     a ? e.inverted : "",
-    x
-  ].filter(Boolean).join(" "), D = [
+    w
+  ].filter(Boolean).join(" "), M = [
     e.hiddenInput,
     i ? e.hiddenInputError : "",
     $ ? e.dateInput : ""
-  ].filter(Boolean).join(" "), n = t === "small" ? 16 : t === "large" ? 20 : t === "extraLarge" ? 24 : 18, M = () => {
-    N(!o);
+  ].filter(Boolean).join(" "), n = t === "small" ? 16 : t === "large" ? 20 : t === "extraLarge" ? 24 : 18, P = () => {
+    y(!o);
   };
   return /* @__PURE__ */ c(
     "div",
@@ -58,47 +59,58 @@ const p = ({
                 "span",
                 {
                   className: `${e.required} ${a ? e.required_inverted : ""}`,
-                  children: w && "*"
+                  children: I && "*"
                 }
               )
             ]
           }
         ),
         /* @__PURE__ */ c("div", { className: e.inputWrapper, children: [
-          /* @__PURE__ */ c("div", { className: j, ref: u, style: l.style, children: [
-            (b || h) && /* @__PURE__ */ c("div", { className: e.prefixIcon, children: [
-              b && /* @__PURE__ */ s("span", { className: e.prefix, children: b }),
-              h && !$ && /* @__PURE__ */ s(
-                "div",
-                {
-                  className: `${e.icon} ${l.disabled && !a ? e.icon_disabled : ""} ${a && !l.disabled ? e.icon_inverted : ""} ${a && l.disabled ? e.icon_inverted_disabled : ""}`,
-                  children: /* @__PURE__ */ s(_, { name: h, width: n, height: n })
-                }
-              )
-            ] }),
-            y ? /* @__PURE__ */ s(
-              "textarea",
-              {
-                className: `${e.textArea} ${e[`textArea_${t}`]} ${e.hiddenInput}`,
-                onChange: C,
-                onKeyDown: L,
-                ...l
-              }
-            ) : /* @__PURE__ */ s(
-              "input",
-              {
-                className: D,
-                type: f ? o ? "text" : "password" : r,
-                ...l
-              }
-            )
-          ] }),
-          f && /* @__PURE__ */ s(
+          /* @__PURE__ */ c(
+            "div",
+            {
+              className: D,
+              ref: u,
+              style: {
+                ...l.style,
+                ...f && { borderColor: f }
+              },
+              children: [
+                (b || h) && /* @__PURE__ */ c("div", { className: e.prefixIcon, children: [
+                  b && /* @__PURE__ */ s("span", { className: e.prefix, children: b }),
+                  h && !$ && /* @__PURE__ */ s(
+                    "div",
+                    {
+                      className: `${e.icon} ${l.disabled && !a ? e.icon_disabled : ""} ${a && !l.disabled ? e.icon_inverted : ""} ${a && l.disabled ? e.icon_inverted_disabled : ""}`,
+                      children: /* @__PURE__ */ s(_, { name: h, width: n, height: n })
+                    }
+                  )
+                ] }),
+                T ? /* @__PURE__ */ s(
+                  "textarea",
+                  {
+                    className: `${e.textArea} ${e[`textArea_${t}`]} ${e.hiddenInput}`,
+                    onChange: L,
+                    onKeyDown: j,
+                    ...l
+                  }
+                ) : /* @__PURE__ */ s(
+                  "input",
+                  {
+                    className: M,
+                    type: x ? o ? "text" : "password" : r,
+                    ...l
+                  }
+                )
+              ]
+            }
+          ),
+          x && /* @__PURE__ */ s(
             "button",
             {
               type: "button",
               className: `${e.passwordToggle} ${l.disabled && !a ? e.passwordToggle_disabled : ""} ${a && !l.disabled ? e.passwordToggle_inverted : ""} ${a && l.disabled ? e.passwordToggle_inverted_disabled : ""}`,
-              onClick: M,
+              onClick: P,
               disabled: l.disabled,
               "aria-label": o ? "Ocultar contraseña" : "Mostrar contraseña",
               children: /* @__PURE__ */ s(
@@ -145,5 +157,5 @@ const p = ({
   );
 };
 export {
-  p as Input
+  q as Input
 };

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

@@ -28,5 +28,6 @@ export interface SelectProps extends Omit<React.HTMLAttributes<HTMLDivElement>,
     searchable?: boolean;
     noSearchResult?: string;
     searchAndCheckbox?: boolean;
+    customBorderColor?: string;
 }
 export declare const Select: React.FC<SelectProps>;

package/dist/components/Select/Select.js

@@ -1,108 +1,109 @@
-import { jsxs as p, jsx as t, Fragment as J } from "react/jsx-runtime";
-import { useState as M, useRef as k, useEffect as ve, useLayoutEffect as xe } from "react";
-import { r as ze } from "../../index-CGDUIzcq.js";
+import { jsxs as p, jsx as t, Fragment as K } from "react/jsx-runtime";
+import { useState as M, useRef as k, useEffect as xe, useLayoutEffect as ze } from "react";
+import { r as we } from "../../index-CGDUIzcq.js";
 import { Icon as P } from "../../icons/Icon.js";
-import '../../assets/Select.css';const we = "_selectContainer_knzy9_5", $e = "_selectContainer_medium_knzy9_21", Te = "_selectContainer_large_knzy9_29", Ce = "_selectContainer_extraLarge_knzy9_31", Le = "_label_knzy9_39", Se = "_label_large_knzy9_55", Me = "_label_extraLarge_knzy9_57", Ie = "_label_disabled_knzy9_65", Ne = "_selectWrapper_knzy9_73", qe = "_select_knzy9_5", Ee = "_large_knzy9_125", Oe = "_medium_knzy9_133", We = "_small_knzy9_141", Re = "_btc_knzy9_173", He = "_open_knzy9_197", Pe = "_disabled_knzy9_205", Be = "_placeholder_knzy9_219", Ve = "_selectValue_knzy9_227", Ae = "_selectInput_knzy9_247", Fe = "_inverted_knzy9_329", je = "_error_knzy9_361", De = "_chevron_knzy9_385", Qe = "_chevronOpen_knzy9_395", Ye = "_extraLarge_knzy9_441", Xe = "_errorShake_knzy9_1", Ge = "_errorMessage_knzy9_535", Je = "_errorMessageSlide_knzy9_1", Ke = "_errorMessage_medium_knzy9_551", Ue = "_errorMessage_small_knzy9_553", Ze = "_errorMessage_large_knzy9_561", en = "_errorMessage_extraLarge_knzy9_563", nn = "_errorMessage_inverted_knzy9_571", rn = "_helperText_knzy9_579", tn = "_helperText_medium_knzy9_591", on = "_helperText_small_knzy9_593", ln = "_helperText_large_knzy9_601", sn = "_helperText_extraLarge_knzy9_603", an = "_helperText_disabled_knzy9_611", cn = "_iconLabel_knzy9_619", _n = "_icon_knzy9_619", dn = "_icon_disabled_knzy9_659", pn = "_required_knzy9_669", un = "_required_inverted_knzy9_679", hn = "_required_disabled_knzy9_687", mn = "_required_inverted_disabled_knzy9_695", gn = "_dropdown_knzy9_705", bn = "_dropdownPortal_knzy9_755", yn = "_option_knzy9_771", kn = "_optionSelected_knzy9_797", fn = "_optionWithCheckbox_knzy9_815", vn = "_optionCheckbox_knzy9_827", xn = "_dropdown_inverted_knzy9_889", zn = "_option_inverted_knzy9_943", wn = "_searchInputWrapper_knzy9_961", $n = "_searchIcon_knzy9_979", Tn = "_searchInput_knzy9_961", Cn = "_noResults_knzy9_1057", Ln = "_optionIcon_knzy9_1167", Sn = "_label_inverted_knzy9_1217", Mn = "_helperText_inverted_knzy9_1225", In = "_icon_inverted_knzy9_1233", Nn = "_dropdownTable_knzy9_1355", qn = "_optionTable_knzy9_1365", En = "_tableColumn_knzy9_1381", On = "_columnHeader_knzy9_1397", Wn = "_columnValue_knzy9_1419", Rn = "_label_inverted_disabled_knzy9_1543", Hn = "_helperText_inverted_disabled_knzy9_1551", Pn = "_icon_inverted_disabled_knzy9_1559", e = {
-  selectContainer: we,
-  selectContainer_medium: $e,
-  selectContainer_large: Te,
-  selectContainer_extraLarge: Ce,
-  label: Le,
-  label_large: Se,
-  label_extraLarge: Me,
-  label_disabled: Ie,
-  selectWrapper: Ne,
-  select: qe,
-  large: Ee,
-  medium: Oe,
-  small: We,
-  btc: Re,
-  open: He,
-  disabled: Pe,
-  placeholder: Be,
-  selectValue: Ve,
-  selectInput: Ae,
-  inverted: Fe,
-  error: je,
-  chevron: De,
-  chevronOpen: Qe,
-  extraLarge: Ye,
-  errorShake: Xe,
-  errorMessage: Ge,
-  errorMessageSlide: Je,
-  errorMessage_medium: Ke,
-  errorMessage_small: Ue,
-  errorMessage_large: Ze,
-  errorMessage_extraLarge: en,
-  errorMessage_inverted: nn,
-  helperText: rn,
-  helperText_medium: tn,
-  helperText_small: on,
-  helperText_large: ln,
-  helperText_extraLarge: sn,
-  helperText_disabled: an,
-  iconLabel: cn,
-  icon: _n,
-  icon_disabled: dn,
-  required: pn,
-  required_inverted: un,
-  required_disabled: hn,
-  required_inverted_disabled: mn,
-  dropdown: gn,
-  dropdownPortal: bn,
-  option: yn,
-  optionSelected: kn,
-  optionWithCheckbox: fn,
-  optionCheckbox: vn,
-  dropdown_inverted: xn,
-  option_inverted: zn,
-  searchInputWrapper: wn,
-  searchIcon: $n,
-  searchInput: Tn,
-  noResults: Cn,
-  optionIcon: Ln,
-  label_inverted: Sn,
-  helperText_inverted: Mn,
-  icon_inverted: In,
-  dropdownTable: Nn,
-  optionTable: qn,
-  tableColumn: En,
-  columnHeader: On,
-  columnValue: Wn,
-  label_inverted_disabled: Rn,
-  helperText_inverted_disabled: Hn,
-  icon_inverted_disabled: Pn
-}, Xn = ({
+import '../../assets/Select.css';const $e = "_selectContainer_knzy9_5", Te = "_selectContainer_medium_knzy9_21", Ce = "_selectContainer_large_knzy9_29", Le = "_selectContainer_extraLarge_knzy9_31", Se = "_label_knzy9_39", Me = "_label_large_knzy9_55", Ie = "_label_extraLarge_knzy9_57", Ne = "_label_disabled_knzy9_65", qe = "_selectWrapper_knzy9_73", Ee = "_select_knzy9_5", Oe = "_large_knzy9_125", We = "_medium_knzy9_133", Re = "_small_knzy9_141", He = "_btc_knzy9_173", Pe = "_open_knzy9_197", Be = "_disabled_knzy9_205", Ve = "_placeholder_knzy9_219", Ae = "_selectValue_knzy9_227", Fe = "_selectInput_knzy9_247", je = "_inverted_knzy9_329", De = "_error_knzy9_361", Qe = "_chevron_knzy9_385", Ye = "_chevronOpen_knzy9_395", Xe = "_extraLarge_knzy9_441", Ge = "_errorShake_knzy9_1", Je = "_errorMessage_knzy9_535", Ke = "_errorMessageSlide_knzy9_1", Ue = "_errorMessage_medium_knzy9_551", Ze = "_errorMessage_small_knzy9_553", en = "_errorMessage_large_knzy9_561", nn = "_errorMessage_extraLarge_knzy9_563", rn = "_errorMessage_inverted_knzy9_571", tn = "_helperText_knzy9_579", on = "_helperText_medium_knzy9_591", ln = "_helperText_small_knzy9_593", sn = "_helperText_large_knzy9_601", an = "_helperText_extraLarge_knzy9_603", cn = "_helperText_disabled_knzy9_611", _n = "_iconLabel_knzy9_619", dn = "_icon_knzy9_619", pn = "_icon_disabled_knzy9_659", un = "_required_knzy9_669", hn = "_required_inverted_knzy9_679", mn = "_required_disabled_knzy9_687", gn = "_required_inverted_disabled_knzy9_695", bn = "_dropdown_knzy9_705", yn = "_dropdownPortal_knzy9_755", kn = "_option_knzy9_771", fn = "_optionSelected_knzy9_797", vn = "_optionWithCheckbox_knzy9_815", xn = "_optionCheckbox_knzy9_827", zn = "_dropdown_inverted_knzy9_889", wn = "_option_inverted_knzy9_943", $n = "_searchInputWrapper_knzy9_961", Tn = "_searchIcon_knzy9_979", Cn = "_searchInput_knzy9_961", Ln = "_noResults_knzy9_1057", Sn = "_optionIcon_knzy9_1167", Mn = "_label_inverted_knzy9_1217", In = "_helperText_inverted_knzy9_1225", Nn = "_icon_inverted_knzy9_1233", qn = "_dropdownTable_knzy9_1355", En = "_optionTable_knzy9_1365", On = "_tableColumn_knzy9_1381", Wn = "_columnHeader_knzy9_1397", Rn = "_columnValue_knzy9_1419", Hn = "_label_inverted_disabled_knzy9_1543", Pn = "_helperText_inverted_disabled_knzy9_1551", Bn = "_icon_inverted_disabled_knzy9_1559", e = {
+  selectContainer: $e,
+  selectContainer_medium: Te,
+  selectContainer_large: Ce,
+  selectContainer_extraLarge: Le,
+  label: Se,
+  label_large: Me,
+  label_extraLarge: Ie,
+  label_disabled: Ne,
+  selectWrapper: qe,
+  select: Ee,
+  large: Oe,
+  medium: We,
+  small: Re,
+  btc: He,
+  open: Pe,
+  disabled: Be,
+  placeholder: Ve,
+  selectValue: Ae,
+  selectInput: Fe,
+  inverted: je,
+  error: De,
+  chevron: Qe,
+  chevronOpen: Ye,
+  extraLarge: Xe,
+  errorShake: Ge,
+  errorMessage: Je,
+  errorMessageSlide: Ke,
+  errorMessage_medium: Ue,
+  errorMessage_small: Ze,
+  errorMessage_large: en,
+  errorMessage_extraLarge: nn,
+  errorMessage_inverted: rn,
+  helperText: tn,
+  helperText_medium: on,
+  helperText_small: ln,
+  helperText_large: sn,
+  helperText_extraLarge: an,
+  helperText_disabled: cn,
+  iconLabel: _n,
+  icon: dn,
+  icon_disabled: pn,
+  required: un,
+  required_inverted: hn,
+  required_disabled: mn,
+  required_inverted_disabled: gn,
+  dropdown: bn,
+  dropdownPortal: yn,
+  option: kn,
+  optionSelected: fn,
+  optionWithCheckbox: vn,
+  optionCheckbox: xn,
+  dropdown_inverted: zn,
+  option_inverted: wn,
+  searchInputWrapper: $n,
+  searchIcon: Tn,
+  searchInput: Cn,
+  noResults: Ln,
+  optionIcon: Sn,
+  label_inverted: Mn,
+  helperText_inverted: In,
+  icon_inverted: Nn,
+  dropdownTable: qn,
+  optionTable: En,
+  tableColumn: On,
+  columnHeader: Wn,
+  columnValue: Rn,
+  label_inverted_disabled: Hn,
+  helperText_inverted_disabled: Pn,
+  icon_inverted_disabled: Bn
+}, Gn = ({
   size: a = "medium",
   label: f,
   error: B,
   helperText: v,
   icon: I,
-  className: K,
-  required: U,
+  className: U,
+  required: Z,
   placeholder: V = "Seleccionar...",
   options: x = [],
   value: u,
   onChange: N,
   disabled: o = !1,
   inverted: l = !1,
-  dynamicIcon: Z = !1,
-  showPlaceholderIcon: ee = !1,
-  btc: ne = !1,
+  dynamicIcon: ee = !1,
+  showPlaceholderIcon: ne = !1,
+  btc: re = !1,
   columnHeaders: q,
-  searchable: re = !1,
+  searchable: te = !1,
   noSearchResult: A = "No se encontraron resultados",
   searchAndCheckbox: z = !1,
-  ...te
+  customBorderColor: F,
+  ...oe
 }) => {
-  const [c, m] = M(!1), [b, w] = M(""), [oe, $] = M(!1), _ = re || z, T = z, E = k(null), le = k(null), y = k(null), O = k(null), W = k(null), i = T ? void 0 : x.find((n) => n.value === u), F = T && Array.isArray(u) ? u : [], j = (n) => T ? F.includes(n) : u === n, C = _ && b ? x.filter(
+  const [c, m] = M(!1), [b, w] = M(""), [le, $] = M(!1), _ = te || z, T = z, E = k(null), se = k(null), y = k(null), O = k(null), W = k(null), i = T ? void 0 : x.find((n) => n.value === u), j = T && Array.isArray(u) ? u : [], D = (n) => T ? j.includes(n) : u === n, C = _ && b ? x.filter(
     (n) => n.label.toLowerCase().includes(b.toLowerCase())
   ) : x, g = (() => {
     if (B) return B;
-    if (_ && oe && b && b.trim().length > 0 && C.length === 0 && !c && !u)
+    if (_ && le && b && b.trim().length > 0 && C.length === 0 && !c && !u)
       return A;
   })();
-  ve(() => {
+  xe(() => {
     const n = (r) => {
       E.current && !E.current.contains(r.target) && y.current && !y.current.contains(r.target) && (m(!1), _ && (setTimeout(() => {
         $(!1);
@@ -112,14 +113,14 @@ import '../../assets/Select.css';const we = "_selectContainer_knzy9_5", $e = "_s
       document.removeEventListener("mousedown", n);
     };
   }, [_, i]);
-  const [se, ae] = M();
-  xe(() => {
+  const [ae, ce] = M();
+  ze(() => {
     const n = document.body.style.overflow === "hidden", r = () => {
       if (c && O.current && y.current) {
-        const d = O.current.getBoundingClientRect(), h = y.current.offsetHeight, pe = window.innerHeight, ue = (be) => {
-          const { label: ye, helperText: ke, displayError: fe } = be;
-          return { top: _ && !ye ? 3 : 0, bottom: _ && !ke && !fe ? 3 : 0 };
-        }, { top: X, bottom: G } = ue({
+        const d = O.current.getBoundingClientRect(), h = y.current.offsetHeight, ue = window.innerHeight, he = (ye) => {
+          const { label: ke, helperText: fe, displayError: ve } = ye;
+          return { top: _ && !ke ? 3 : 0, bottom: _ && !fe && !ve ? 3 : 0 };
+        }, { top: G, bottom: J } = he({
           label: f,
           helperText: v,
           displayError: g
@@ -129,20 +130,20 @@ import '../../assets/Select.css';const we = "_selectContainer_knzy9_5", $e = "_s
           medium: 2,
           large: 4,
           extraLarge: 4
-        }[a], he = d.bottom + S + G, R = pe - he, H = d.top - S - X, me = (
+        }[a], me = d.bottom + S + J, R = ue - me, H = d.top - S - G, ge = (
           //si no hay espacio abajo pero sí arriba, se muestra arriba con separación dependiendo del size y tamaño del label
-          R < h && H >= h ? d.top + window.scrollY - h - S - X : d.bottom + window.scrollY + S + G
-        ), ge = R < h && H >= h ? (
+          R < h && H >= h ? d.top + window.scrollY - h - S - G : d.bottom + window.scrollY + S + J
+        ), be = R < h && H >= h ? (
           //si no cabe abajo, pero si arriba, se coloca con el tamaño mas pequeño entre 300 px y el espacio que hay arriba -15 px de margen (para que cuadre con el margen de los overlays de los modales etc)
           Math.min(H - 15, 300)
         ) : (
           //si tiene espacio abajo, se calcula la altura igual que arriba pero teniendo en cuenta el espacio que tiene abajo
           Math.min(R - 15, 300)
         );
-        ae({
+        ce({
           position: "absolute",
-          top: me,
-          maxHeight: n ? ge : 300,
+          top: ge,
+          maxHeight: n ? be : 300,
           //si document tiene scroll bloqueado (está abierto este componente en un overlay de Modal, por ejemplo), se utiliza la altura máxima calculada, sino, 300px (de este modo, en overlays se ve siempre completo el listado, independientemente de la altura de la ventana, y en flujo normal tiene su altura máxima natural de 300px)
           left: d.left + window.scrollX,
           width: d.width,
@@ -166,19 +167,19 @@ import '../../assets/Select.css';const we = "_selectContainer_knzy9_5", $e = "_s
     g,
     v
   ]);
-  const ce = [
+  const _e = [
     e.select,
-    ne && e.btc,
+    re && e.btc,
     e[a],
     g ? e.error : "",
     o ? e.disabled : "",
     c ? e.open : "",
     l ? e.inverted : "",
-    K
-  ].filter(Boolean).join(" "), L = a === "small" ? 16 : a === "large" ? 20 : a === "extraLarge" ? 24 : 18, D = Z && (i != null && i.icon) ? i.icon : I, _e = () => {
+    U
+  ].filter(Boolean).join(" "), L = a === "small" ? 16 : a === "large" ? 20 : a === "extraLarge" ? 24 : 18, Q = ee && (i != null && i.icon) ? i.icon : I, ie = () => {
     var n;
-    o || (m(!c), _ && !c && (Y(), (n = W.current) == null || n.focus()));
-  }, Q = (n) => {
+    o || (m(!c), _ && !c && (X(), (n = W.current) == null || n.focus()));
+  }, Y = (n) => {
     const r = x.find((s) => s.value === n);
     if (r && N)
       if (T) {
@@ -186,12 +187,12 @@ import '../../assets/Select.css';const we = "_selectContainer_knzy9_5", $e = "_s
         N(d);
       } else
         N(n), _ && w(r.label), m(!1), $(!1);
-  }, ie = (n) => {
+  }, de = (n) => {
     const r = n.target.value;
     w(r), $(r.length > 0), c || m(!0);
-  }, Y = () => {
+  }, X = () => {
     c || (m(!0), w(""), $(!1));
-  }, de = (n) => {
+  }, pe = (n) => {
     _ && (n.stopPropagation(), c || (m(!0), setTimeout(() => {
       var r;
       (r = W.current) == null || r.focus();
@@ -202,7 +203,7 @@ import '../../assets/Select.css';const we = "_selectContainer_knzy9_5", $e = "_s
     {
       ref: O,
       className: `${e.selectContainer} ${a === "medium" ? e.selectContainer_medium : a === "large" ? e.selectContainer_large : a === "extraLarge" ? e.selectContainer_extraLarge : ""}`,
-      ...te,
+      ...oe,
       children: [
         f && /* @__PURE__ */ p(
           "label",
@@ -214,83 +215,92 @@ import '../../assets/Select.css';const we = "_selectContainer_knzy9_5", $e = "_s
                 "span",
                 {
                   className: `${e.required} ${o && !l ? e.required_disabled : ""} ${l && !o ? e.required_inverted : ""} ${l && o ? e.required_inverted_disabled : ""}`,
-                  children: U && "*"
+                  children: Z && "*"
                 }
               )
             ]
           }
         ),
-        /* @__PURE__ */ p("div", { className: e.selectWrapper, ref: le, children: [
-          /* @__PURE__ */ p("div", { className: ce, onClick: _e, ref: E, children: [
-            /* @__PURE__ */ p("div", { className: e.iconLabel, children: [
-              D && ee && /* @__PURE__ */ t(
-                "div",
-                {
-                  className: `${e.icon} ${o && !l ? e.icon_disabled : ""} ${l && !o ? e.icon_inverted : ""} ${l && o ? e.icon_inverted_disabled : ""}`,
-                  children: /* @__PURE__ */ t(P, { name: D, width: L, height: L })
-                }
-              ),
-              _ ? /* @__PURE__ */ t(
-                "input",
-                {
-                  ref: W,
-                  type: "text",
-                  value: b,
-                  className: `${e.selectInput} ${!i && !c && F.length === 0 ? e.placeholder : ""}`,
-                  placeholder: V,
-                  onChange: ie,
-                  onFocus: Y,
-                  onClick: de,
-                  disabled: o,
-                  readOnly: !c
-                }
-              ) : /* @__PURE__ */ t(
-                "span",
-                {
-                  className: `${e.selectValue} ${i ? "" : e.placeholder}`,
-                  children: i ? i.label : V
-                }
-              )
-            ] }),
-            /* @__PURE__ */ t(
-              P,
-              {
-                name: "ArrowDown",
-                width: 16,
-                height: 16,
-                className: `${e.chevron} ${c ? e.chevronOpen : ""}`
-              }
-            )
-          ] }),
-          c && !o && ze.createPortal(
+        /* @__PURE__ */ p("div", { className: e.selectWrapper, ref: se, children: [
+          /* @__PURE__ */ p(
+            "div",
+            {
+              className: _e,
+              onClick: ie,
+              ref: E,
+              style: F ? { borderColor: F } : void 0,
+              children: [
+                /* @__PURE__ */ p("div", { className: e.iconLabel, children: [
+                  Q && ne && /* @__PURE__ */ t(
+                    "div",
+                    {
+                      className: `${e.icon} ${o && !l ? e.icon_disabled : ""} ${l && !o ? e.icon_inverted : ""} ${l && o ? e.icon_inverted_disabled : ""}`,
+                      children: /* @__PURE__ */ t(P, { name: Q, width: L, height: L })
+                    }
+                  ),
+                  _ ? /* @__PURE__ */ t(
+                    "input",
+                    {
+                      ref: W,
+                      type: "text",
+                      value: b,
+                      className: `${e.selectInput} ${!i && !c && j.length === 0 ? e.placeholder : ""}`,
+                      placeholder: V,
+                      onChange: de,
+                      onFocus: X,
+                      onClick: pe,
+                      disabled: o,
+                      readOnly: !c
+                    }
+                  ) : /* @__PURE__ */ t(
+                    "span",
+                    {
+                      className: `${e.selectValue} ${i ? "" : e.placeholder}`,
+                      children: i ? i.label : V
+                    }
+                  )
+                ] }),
+                /* @__PURE__ */ t(
+                  P,
+                  {
+                    name: "ArrowDown",
+                    width: 16,
+                    height: 16,
+                    className: `${e.chevron} ${c ? e.chevronOpen : ""}`
+                  }
+                )
+              ]
+            }
+          ),
+          c && !o && we.createPortal(
             /* @__PURE__ */ t(
               "div",
               {
                 ref: y,
                 className: `${e.dropdown} ${e.dropdownPortal} ${l ? e.dropdown_inverted : ""} ${q ? e.dropdownTable : ""} ${_ ? e.dropdownSearchable : ""}`,
-                style: se,
+                style: ae,
                 children: C.length > 0 ? C.map((n, r) => /* @__PURE__ */ p(
                   "div",
                   {
-                    className: `${e.option} ${j(n.value) ? e.optionSelected : ""} ${l ? e.option_inverted : ""} ${n.columns ? e.optionTable : ""} ${z ? e.optionWithCheckbox : ""}`,
+                    className: `${e.option} ${D(n.value) ? e.optionSelected : ""} ${l ? e.option_inverted : ""} ${n.columns ? e.optionTable : ""} ${z ? e.optionWithCheckbox : ""}`,
                     onClick: (s) => {
-                      s.stopPropagation(), Q(n.value);
+                      s.stopPropagation(), Y(n.value);
                     },
                     children: [
                       z && /* @__PURE__ */ t(
                         "input",
                         {
                           type: "checkbox",
-                          checked: j(n.value),
-                          onChange: () => Q(n.value),
+                          checked: D(n.value),
+                          onChange: () => Y(n.value),
                           onClick: (s) => s.stopPropagation(),
                           className: e.optionCheckbox
                         }
                       ),
-                      n.columns ? /* @__PURE__ */ t(J, { children: q && Object.entries(q).map(([s, d]) => /* @__PURE__ */ p("div", { className: e.tableColumn, children: [
+                      n.columns ? /* @__PURE__ */ t(K, { children: q && Object.entries(q).map(([s, d]) => /* @__PURE__ */ p("div", { className: e.tableColumn, children: [
                         /* @__PURE__ */ t("div", { className: e.columnHeader, children: d }),
                         /* @__PURE__ */ t("div", { className: e.columnValue, children: n.columns[s] || "" })
-                      ] }, s)) }) : /* @__PURE__ */ p(J, { children: [
+                      ] }, s)) }) : /* @__PURE__ */ p(K, { children: [
                         (n.icon || I) && /* @__PURE__ */ t("div", { className: e.optionIcon, children: /* @__PURE__ */ t(
                           P,
                           {
@@ -335,5 +345,5 @@ import '../../assets/Select.css';const we = "_selectContainer_knzy9_5", $e = "_s
   );
 };
 export {
-  Xn as Select
+  Gn as Select
 };