bmi-next 1.0.7 → 1.0.9

package/dist/assets/index15.css

@@ -1 +1 @@
-._overlay_tjb4r_1{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;animation:_fadeIn_tjb4r_1 .25s ease-in-out;z-index:2000}._overlay_tjb4r_1._closing_tjb4r_12{animation:_fadeOut_tjb4r_1 .25s ease-in-out forwards}@keyframes _fadeIn_tjb4r_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_tjb4r_1{0%{opacity:1}to{opacity:0}}._bottomDrawer_tjb4r_36{position:fixed;bottom:0;left:0;right:0;background-color:#fff;border-radius:16px 16px 0 0;z-index:2001;animation:_slideUp_tjb4r_1 .35s cubic-bezier(.4,0,.2,1);padding:7px 15px 30px;transition:transform .2s cubic-bezier(.4,0,.2,1);touch-action:none}._closing_tjb4r_12{animation:_slideDown_tjb4r_1 .35s cubic-bezier(.4,0,.2,1) forwards}@keyframes _slideUp_tjb4r_1{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes _slideDown_tjb4r_1{0%{transform:translateY(0)}to{transform:translateY(100%)}}._drawerHeader_tjb4r_74{display:flex;justify-content:center;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}._drawerHeader_tjb4r_74:active{cursor:grabbing}._drawerIndicator_tjb4r_86{width:40px;height:7px;background-color:#e5e7eb;border-radius:14px}._drawerContent_tjb4r_93{max-height:70vh;overflow-y:auto;padding-top:15px;display:flex;flex-direction:column;gap:19px}._optionCountry_tjb4r_102,._optionNormal_tjb4r_103{cursor:pointer;transition:background-color .2s;font-size:22px;font-family:Palanquin BMI;min-height:52px;padding-block:11px;display:flex;align-items:center;box-sizing:border-box;line-height:1.05}._optionCountry_tjb4r_102{gap:13px}._optionNormal_tjb4r_103:not(:last-child){border-bottom:1px solid rgba(3,12,36,.1)}._options_tjb4r_124{display:flex;flex-direction:column}._option_tjb4r_102:hover{background-color:#f3f4f6}._active_tjb4r_133{background-color:#ebf5ff;color:#2054a5;border-radius:16px;padding-inline:15px}._drawerContent_tjb4r_93 p{font-size:22px;font-family:Palanquin BMI Bold;margin:0}._closeButton_tjb4r_146{position:absolute;height:30px;width:30px;top:10px;right:10px;cursor:pointer;background-color:#030c2419;border-radius:50%;display:flex;align-items:center;justify-content:center}
+._overlay_zxyd8_1{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;animation:_fadeIn_zxyd8_1 .25s ease-in-out}._overlay_zxyd8_1._closing_zxyd8_11{animation:_fadeOut_zxyd8_1 .25s ease-in-out forwards}@keyframes _fadeIn_zxyd8_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_zxyd8_1{0%{opacity:1}to{opacity:0}}._bottomDrawer_zxyd8_35{position:fixed;bottom:0;left:0;right:0;background-color:#fff;border-radius:16px 16px 0 0;animation:_slideUp_zxyd8_1 .35s cubic-bezier(.4,0,.2,1);padding:7px 15px 30px;transition:transform .2s cubic-bezier(.4,0,.2,1);touch-action:none}._closing_zxyd8_11{animation:_slideDown_zxyd8_1 .35s cubic-bezier(.4,0,.2,1) forwards}@keyframes _slideUp_zxyd8_1{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes _slideDown_zxyd8_1{0%{transform:translateY(0)}to{transform:translateY(100%)}}._drawerHeader_zxyd8_72{display:flex;flex-direction:column;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;position:relative}._drawerHeader_zxyd8_72:active{cursor:grabbing}._drawerIndicator_zxyd8_85{width:40px;height:7px;background-color:#e5e7eb;border-radius:14px;position:absolute;left:50%;transform:translate(-50%);top:7px}._drawerContent_zxyd8_96{overflow-y:auto;padding-top:15px;display:flex;flex-direction:column;gap:19px}._optionCountry_zxyd8_104,._optionNormal_zxyd8_105{cursor:pointer;transition:background-color .2s;font-size:22px;font-family:Palanquin BMI;min-height:52px;padding-block:11px;display:flex;align-items:center;box-sizing:border-box;line-height:1.05}._optionCountry_zxyd8_104{gap:13px}._optionNormal_zxyd8_105:not(:last-child){border-bottom:1px solid rgba(3,12,36,.1)}._options_zxyd8_126{display:flex;flex-direction:column}._option_zxyd8_104:hover{background-color:#f3f4f6}._active_zxyd8_135{background-color:#ebf5ff;color:#2054a5;border-radius:16px;padding-inline:15px}._drawerHeader_zxyd8_72 p{font-size:22px;font-family:Palanquin BMI Bold;margin:0;line-height:1.2}._closeButton_zxyd8_149{cursor:pointer;display:flex;align-items:center;justify-content:end}._closeButton_zxyd8_149>svg{background-color:#030c2419;border-radius:50%;padding:2px}

package/dist/assets/index16.css

@@ -1 +1 @@
-._overlay_5twvs_1{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;animation:_fadeIn_5twvs_1 .25s ease-in-out;z-index:2000}._overlay_5twvs_1._closing_5twvs_12{animation:_fadeOut_5twvs_1 .25s ease-in-out forwards}@keyframes _fadeIn_5twvs_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_5twvs_1{0%{opacity:1}to{opacity:0}}._bottomDrawer_5twvs_36{position:fixed;bottom:0;left:0;right:0;background-color:#fff;border-radius:16px 16px 0 0;z-index:2001;animation:_slideUp_5twvs_1 .35s cubic-bezier(.4,0,.2,1);padding:7px 15px 30px;transition:transform .2s cubic-bezier(.4,0,.2,1);touch-action:none}._closing_5twvs_12{animation:_slideDown_5twvs_1 .35s cubic-bezier(.4,0,.2,1) forwards}@keyframes _slideUp_5twvs_1{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes _slideDown_5twvs_1{0%{transform:translateY(0)}to{transform:translateY(100%)}}._drawerHeader_5twvs_74{display:flex;justify-content:center;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none}._drawerHeader_5twvs_74:active{cursor:grabbing}._drawerIndicator_5twvs_86{width:40px;height:7px;background-color:#e5e7eb;border-radius:14px}._drawerContent_5twvs_93{max-height:70vh;overflow-y:auto;padding-top:15px;display:flex;flex-direction:column;gap:19px}._drawerContent_5twvs_93 p{font-size:22px;font-family:Palanquin BMI Bold;margin:0}._closeButton_5twvs_108{position:absolute;height:30px;width:30px;top:10px;right:10px;cursor:pointer;background-color:#030c2419;border-radius:50%;display:flex;align-items:center;justify-content:center}
+._overlay_1s1em_1{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;animation:_fadeIn_1s1em_1 .25s ease-in-out;z-index:2000}._overlay_1s1em_1._closing_1s1em_12{animation:_fadeOut_1s1em_1 .25s ease-in-out forwards}@keyframes _fadeIn_1s1em_1{0%{opacity:0}to{opacity:1}}@keyframes _fadeOut_1s1em_1{0%{opacity:1}to{opacity:0}}._bottomDrawer_1s1em_36{position:fixed;bottom:0;left:0;right:0;background-color:#fff;border-radius:16px 16px 0 0;z-index:2001;animation:_slideUp_1s1em_1 .35s cubic-bezier(.4,0,.2,1);padding:7px 15px 30px;transition:transform .2s cubic-bezier(.4,0,.2,1);touch-action:none}._closing_1s1em_12{animation:_slideDown_1s1em_1 .35s cubic-bezier(.4,0,.2,1) forwards}@keyframes _slideUp_1s1em_1{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes _slideDown_1s1em_1{0%{transform:translateY(0)}to{transform:translateY(100%)}}._drawerHeader_1s1em_74{display:flex;flex-direction:column;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;position:relative}._drawerHeader_1s1em_74:active{cursor:grabbing}._drawerIndicator_1s1em_87{width:40px;height:7px;background-color:#e5e7eb;border-radius:14px;position:absolute;left:50%;transform:translate(-50%);top:7px}._drawerContent_1s1em_98{max-height:70vh;overflow-y:auto;padding-top:15px;display:flex;flex-direction:column;gap:19px}._drawerHeader_1s1em_74 p{font-size:22px;font-family:Palanquin BMI Bold;margin:0;line-height:1.2}._closeButton_1s1em_114{cursor:pointer;display:flex;align-items:center;justify-content:end}._closeButton_1s1em_114>svg{background-color:#030c2419;border-radius:50%;padding:2px}

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

@@ -13,6 +13,7 @@ interface DrawerPortalProps {
     options: Option[];
     handleOptionClick: (option: Option) => void;
     countries?: boolean;
+    zIndex?: number;
 }
-export declare const DrawerPortal: ({ isOpen, handleClose, dragPosition, setDragPosition, isClosing, title, options, handleOptionClick, countries, }: DrawerPortalProps) => import('react').ReactPortal | null;
+export declare const DrawerPortal: ({ isOpen, handleClose, dragPosition, setDragPosition, isClosing, title, options, handleOptionClick, countries, zIndex, }: DrawerPortalProps) => import('react').ReactPortal | null;
 export {};

package/dist/components/DrawerPortal/index.js

@@ -1,85 +1,95 @@
-import { jsxs as n, Fragment as j, jsx as r } from "react/jsx-runtime";
-import { useRef as _ } from "react";
-import { r as N } from "../../index-CfzengA1.js";
-import { Icon as f } from "../../icons/icons.js";
-import { Image as E } from "../images/index.js";
-import '../../assets/index15.css';const D = "_overlay_tjb4r_1", Y = "_closing_tjb4r_12", C = "_bottomDrawer_tjb4r_36", L = "_drawerHeader_tjb4r_74", I = "_drawerIndicator_tjb4r_86", $ = "_drawerContent_tjb4r_93", x = "_optionCountry_tjb4r_102", B = "_optionNormal_tjb4r_103", H = "_options_tjb4r_124", k = "_closeButton_tjb4r_146", e = {
-  overlay: D,
+import { jsxs as a, Fragment as g, jsx as o } from "react/jsx-runtime";
+import { useRef as E } from "react";
+import { r as A } from "../../index-CfzengA1.js";
+import { Icon as I } from "../../icons/icons.js";
+import { Image as H } from "../images/index.js";
+import '../../assets/index15.css';const B = "_overlay_zxyd8_1", Y = "_closing_zxyd8_11", f = "_bottomDrawer_zxyd8_35", z = "_drawerHeader_zxyd8_72", L = "_drawerIndicator_zxyd8_85", S = "_drawerContent_zxyd8_96", C = "_optionCountry_zxyd8_104", X = "_optionNormal_zxyd8_105", R = "_options_zxyd8_126", $ = "_closeButton_zxyd8_149", t = {
+  overlay: B,
   closing: Y,
-  bottomDrawer: C,
-  drawerHeader: L,
-  drawerIndicator: I,
-  drawerContent: $,
-  optionCountry: x,
-  optionNormal: B,
-  options: H,
-  closeButton: k
-}, T = ({
-  isOpen: h,
+  bottomDrawer: f,
+  drawerHeader: z,
+  drawerIndicator: L,
+  drawerContent: S,
+  optionCountry: C,
+  optionNormal: X,
+  options: R,
+  closeButton: $
+}, V = ({
+  isOpen: y,
   handleClose: s,
-  dragPosition: p,
-  setDragPosition: l,
-  isClosing: m,
-  title: w,
-  options: b,
-  handleOptionClick: g,
-  countries: y
+  dragPosition: h,
+  setDragPosition: m,
+  isClosing: u,
+  title: p,
+  options: w,
+  handleOptionClick: x,
+  countries: D,
+  zIndex: d
 }) => {
-  const d = _(0), i = _(0);
-  if (!h) return null;
-  const u = (t) => {
-    const o = "touches" in t ? t.touches[0].clientY : t.clientY;
-    d.current = o, i.current = o, document.addEventListener("mousemove", a), document.addEventListener("touchmove", a), document.addEventListener("mouseup", c), document.addEventListener("touchend", c);
-  }, c = () => {
-    document.removeEventListener("mousemove", a), document.removeEventListener("touchmove", a), document.removeEventListener("mouseup", c), document.removeEventListener("touchend", c), i.current - d.current > 100 ? s() : l(0);
-  }, a = (t) => {
-    const o = "touches" in t ? t.touches[0].clientY : t.clientY, v = o - d.current;
-    i.current = o, v > 0 && l(v);
+  const N = d ? 50 : 70, l = E(0), i = E(0);
+  if (!y) return null;
+  const _ = (e) => {
+    const r = "touches" in e ? e.touches[0].clientY : e.clientY;
+    l.current = r, i.current = r, document.addEventListener("mousemove", c), document.addEventListener("touchmove", c), document.addEventListener("mouseup", n), document.addEventListener("touchend", n);
+  }, n = () => {
+    document.removeEventListener("mousemove", c), document.removeEventListener("touchmove", c), document.removeEventListener("mouseup", n), document.removeEventListener("touchend", n), i.current - l.current > 100 ? s() : m(0);
+  }, c = (e) => {
+    const r = "touches" in e ? e.touches[0].clientY : e.clientY, v = r - l.current;
+    i.current = r, v > 0 && m(v);
   };
-  return N.createPortal(
-    /* @__PURE__ */ n(j, { children: [
-      /* @__PURE__ */ r(
+  return A.createPortal(
+    /* @__PURE__ */ a(g, { children: [
+      /* @__PURE__ */ o(
         "div",
         {
-          className: `${e.overlay} ${m ? e.closing : ""}`,
+          style: { zIndex: 2e3 + (d || 0) },
+          className: `${t.overlay} ${u ? t.closing : ""}`,
           onClick: s
         }
       ),
-      /* @__PURE__ */ n(
+      /* @__PURE__ */ a(
         "div",
         {
-          className: `${e.bottomDrawer} ${m ? e.closing : ""}`,
-          style: { transform: `translateY(${p}px)` },
+          className: `${t.bottomDrawer} ${u ? t.closing : ""}`,
+          style: {
+            transform: `translateY(${h ?? 0}px)`,
+            zIndex: 2001 + (d || 0)
+          },
           children: [
-            /* @__PURE__ */ n(
-              "div",
+            /* @__PURE__ */ a(
+              "header",
               {
-                className: e.drawerHeader,
-                onMouseDown: u,
-                onTouchStart: u,
+                className: t.drawerHeader,
+                onMouseDown: _,
+                onTouchStart: _,
                 children: [
-                  /* @__PURE__ */ r("div", { className: e.drawerIndicator }),
-                  /* @__PURE__ */ r("div", { className: e.closeButton, onClick: s, children: /* @__PURE__ */ r(f, { name: "Close", fill: "#030c2466" }) })
+                  /* @__PURE__ */ o("div", { className: t.drawerIndicator }),
+                  /* @__PURE__ */ o("div", { className: t.closeButton, onClick: s, children: /* @__PURE__ */ o(I, { name: "Close", fill: "#030c2466" }) }),
+                  /* @__PURE__ */ o("p", { children: p })
                 ]
               }
             ),
-            /* @__PURE__ */ n("div", { className: e.drawerContent, children: [
-              /* @__PURE__ */ r("p", { children: w }),
-              /* @__PURE__ */ r("div", { className: e.options, children: b.map(
-                (t) => t.hidden ? null : /* @__PURE__ */ n(
-                  "div",
-                  {
-                    className: `${y ? e.optionCountry : e.optionNormal}`,
-                    onClick: () => g(t),
-                    children: [
-                      t.image && /* @__PURE__ */ r(E, { width: 30, height: 30, src: t.image.src }),
-                      t.label
-                    ]
-                  },
-                  t.value
-                )
-              ) })
-            ] })
+            /* @__PURE__ */ o(
+              "div",
+              {
+                className: t.drawerContent,
+                style: { maxHeight: `${N}vh` },
+                children: /* @__PURE__ */ o("div", { className: t.options, children: w.map(
+                  (e) => e.hidden ? null : /* @__PURE__ */ a(
+                    "div",
+                    {
+                      className: `${D ? t.optionCountry : t.optionNormal}`,
+                      onClick: () => x(e),
+                      children: [
+                        e.image && /* @__PURE__ */ o(H, { width: 30, height: 30, src: e.image.src }),
+                        e.label
+                      ]
+                    },
+                    e.value
+                  )
+                ) })
+              }
+            )
           ]
         }
       )
@@ -88,5 +98,5 @@ import '../../assets/index15.css';const D = "_overlay_tjb4r_1", Y = "_closing_tj
   );
 };
 export {
-  T as DrawerPortal
+  V as DrawerPortal
 };

package/dist/components/DrawerPortalBase/index.js

@@ -1,8 +1,8 @@
-import { jsxs as s, Fragment as g, jsx as o } from "react/jsx-runtime";
-import { useRef as _ } from "react";
+import { jsxs as m, Fragment as g, jsx as r } from "react/jsx-runtime";
+import { useRef as w } from "react";
 import { r as p } from "../../index-CfzengA1.js";
 import { Icon as y } from "../../icons/icons.js";
-import '../../assets/index16.css';const D = "_overlay_5twvs_1", Y = "_closing_5twvs_12", L = "_bottomDrawer_5twvs_36", B = "_drawerHeader_5twvs_74", I = "_drawerIndicator_5twvs_86", N = "_drawerContent_5twvs_93", b = "_closeButton_5twvs_108", t = {
+import '../../assets/index16.css';const D = "_overlay_1s1em_1", Y = "_closing_1s1em_12", L = "_bottomDrawer_1s1em_36", B = "_drawerHeader_1s1em_74", I = "_drawerIndicator_1s1em_87", N = "_drawerContent_1s1em_98", b = "_closeButton_1s1em_114", t = {
   overlay: D,
   closing: Y,
   bottomDrawer: L,
@@ -12,55 +12,53 @@ import '../../assets/index16.css';const D = "_overlay_5twvs_1", Y = "_closing_5t
   closeButton: b
 }, S = ({
   isOpen: h,
-  handleClose: a,
+  handleClose: s,
   dragPosition: E,
   setDragPosition: l,
   isClosing: u,
   title: i,
   children: f
 }) => {
-  const d = _(0), m = _(0);
+  const a = w(0), d = w(0);
   if (!h) return null;
   const v = (e) => {
-    const r = "touches" in e ? e.touches[0].clientY : e.clientY;
-    d.current = r, m.current = r, document.addEventListener("mousemove", c), document.addEventListener("touchmove", c), document.addEventListener("mouseup", n), document.addEventListener("touchend", n);
+    const o = "touches" in e ? e.touches[0].clientY : e.clientY;
+    a.current = o, d.current = o, document.addEventListener("mousemove", c), document.addEventListener("touchmove", c), document.addEventListener("mouseup", n), document.addEventListener("touchend", n);
   }, n = () => {
-    document.removeEventListener("mousemove", c), document.removeEventListener("touchmove", c), document.removeEventListener("mouseup", n), document.removeEventListener("touchend", n), m.current - d.current > 100 ? a() : l(0);
+    document.removeEventListener("mousemove", c), document.removeEventListener("touchmove", c), document.removeEventListener("mouseup", n), document.removeEventListener("touchend", n), d.current - a.current > 100 ? s() : l(0);
   }, c = (e) => {
-    const r = "touches" in e ? e.touches[0].clientY : e.clientY, w = r - d.current;
-    m.current = r, w > 0 && l(w);
+    const o = "touches" in e ? e.touches[0].clientY : e.clientY, _ = o - a.current;
+    d.current = o, _ > 0 && l(_);
   };
   return p.createPortal(
-    /* @__PURE__ */ s(g, { children: [
-      /* @__PURE__ */ o(
+    /* @__PURE__ */ m(g, { children: [
+      /* @__PURE__ */ r(
         "div",
         {
           className: `${t.overlay} ${u ? t.closing : ""}`,
-          onClick: a
+          onClick: s
         }
       ),
-      /* @__PURE__ */ s(
+      /* @__PURE__ */ m(
         "div",
         {
           className: `${t.bottomDrawer} ${u ? t.closing : ""}`,
           style: { transform: `translateY(${E}px)` },
           children: [
-            /* @__PURE__ */ s(
-              "div",
+            /* @__PURE__ */ m(
+              "header",
               {
                 className: t.drawerHeader,
                 onMouseDown: v,
                 onTouchStart: v,
                 children: [
-                  /* @__PURE__ */ o("div", { className: t.drawerIndicator }),
-                  /* @__PURE__ */ o("div", { className: t.closeButton, onClick: a, children: /* @__PURE__ */ o(y, { name: "Close", fill: "#030c2466" }) })
+                  /* @__PURE__ */ r("div", { className: t.drawerIndicator }),
+                  /* @__PURE__ */ r("div", { className: t.closeButton, onClick: s, children: /* @__PURE__ */ r(y, { name: "Close", fill: "#030c2466" }) }),
+                  i && /* @__PURE__ */ r("p", { children: i })
                 ]
               }
             ),
-            /* @__PURE__ */ s("div", { className: t.drawerContent, children: [
-              i && /* @__PURE__ */ o("p", { children: i }),
-              f
-            ] })
+            /* @__PURE__ */ r("div", { className: t.drawerContent, children: f })
           ]
         }
       )

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

@@ -34,6 +34,7 @@ export interface SelectDrawerProps {
     selectProps?: SelectHTMLAttributes<HTMLSelectElement>;
     countries?: boolean;
     onChange?: (e: React.ChangeEvent<HTMLSelectElement>) => void;
+    zIndex?: number;
 }
 /**
  * Un componente de selección optimizado para móviles que abre un cajón inferior con opciones
@@ -63,4 +64,4 @@ export interface SelectDrawerProps {
  * - Personalizable con atributos HTML del select
  * - Previene el desplazamiento del fondo cuando está abierto
  */
-export declare function SelectDrawer({ options, selected, setSelected, title, countries, onChange, ...selectProps }: SelectDrawerProps): import("react/jsx-runtime").JSX.Element;
+export declare function SelectDrawer({ options, selected, setSelected, title, countries, onChange, zIndex, ...selectProps }: SelectDrawerProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/SelectDrawer/index.js

@@ -1,30 +1,31 @@
-import { jsxs as v, Fragment as x, jsx as t } from "react/jsx-runtime";
-import { Icon as E } from "../../icons/icons.js";
-import { useState as a, useRef as h, useEffect as O } from "react";
-import { Image as P } from "../images/index.js";
-import { DrawerPortal as R } from "../DrawerPortal/index.js";
-import '../../assets/index7.css';const j = "_selectDrawer_7os64_1", k = "_selected_7os64_6", w = {
-  selectDrawer: j,
-  selected: k
+import { jsxs as v, Fragment as E, jsx as t } from "react/jsx-runtime";
+import { Icon as O } from "../../icons/icons.js";
+import { useState as a, useRef as h, useEffect as P } from "react";
+import { Image as R } from "../images/index.js";
+import { DrawerPortal as j } from "../DrawerPortal/index.js";
+import '../../assets/index7.css';const k = "_selectDrawer_7os64_1", N = "_selected_7os64_6", w = {
+  selectDrawer: k,
+  selected: N
 };
-function T({
+function q({
   options: o,
   selected: r,
   setSelected: c,
   title: g,
   countries: p,
   onChange: i,
-  ...y
+  zIndex: y,
+  ...b
 }) {
-  const [s, u] = a(!1), [b, d] = a(!1), D = h(null), [_, f] = a(0), l = h(null);
-  O(() => (s ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
+  const [s, u] = a(!1), [D, d] = a(!1), _ = h(null), [C, f] = a(0), l = h(null);
+  P(() => (s ? document.body.style.overflow = "hidden" : document.body.style.overflow = "", () => {
     document.body.style.overflow = "";
   }), [s]);
   const m = () => {
     d(!0), setTimeout(() => {
       u(!1), d(!1), f(0);
     }, 350);
-  }, C = (e) => {
+  }, I = (e) => {
     if (c(e), l.current) {
       l.current.value = e.value;
       const n = new Event("change", { bubbles: !0 });
@@ -32,42 +33,43 @@ function T({
     }
     m();
   };
-  return /* @__PURE__ */ v(x, { children: [
+  return /* @__PURE__ */ v(E, { children: [
     /* @__PURE__ */ t(
       "select",
       {
         ref: l,
         value: r.value,
         onChange: (e) => {
-          const n = o.find((I) => I.value === e.target.value);
+          const n = o.find((x) => x.value === e.target.value);
           n && c(n), i && i(e);
         },
         style: { display: "none" },
-        ...y,
+        ...b,
         children: o.map((e) => /* @__PURE__ */ t("option", { value: e.value, children: e.label }, e.value))
       }
     ),
-    /* @__PURE__ */ t("div", { ref: D, className: w.selectDrawer, children: /* @__PURE__ */ v("div", { className: w.selected, onClick: () => u(!s), children: [
-      r.image && /* @__PURE__ */ t(P, { src: r.image.src, width: 30, height: 30 }),
+    /* @__PURE__ */ t("div", { ref: _, className: w.selectDrawer, children: /* @__PURE__ */ v("div", { className: w.selected, onClick: () => u(!s), children: [
+      r.image && /* @__PURE__ */ t(R, { src: r.image.src, width: 30, height: 30 }),
       /* @__PURE__ */ t("span", { children: r.label }),
-      /* @__PURE__ */ t("div", { style: { marginLeft: "auto" }, children: /* @__PURE__ */ t(E, { name: "ArrowDown" }) })
+      /* @__PURE__ */ t("div", { style: { marginLeft: "auto" }, children: /* @__PURE__ */ t(O, { name: "ArrowDown" }) })
     ] }) }),
     /* @__PURE__ */ t(
-      R,
+      j,
       {
         isOpen: s,
         handleClose: m,
-        dragPosition: _,
+        dragPosition: C,
         setDragPosition: f,
-        isClosing: b,
+        isClosing: D,
         title: g,
         options: o,
-        handleOptionClick: C,
-        countries: p
+        handleOptionClick: I,
+        countries: p,
+        zIndex: y
       }
     )
   ] });
 }
 export {
-  T as SelectDrawer
+  q as SelectDrawer
 };

package/dist/icons/icons.d.ts

@@ -1,4 +1,4 @@
-export type IconName = "Exclamation" | "Email" | "Password" | "ShowEye" | "HideEye" | "ArrowDown" | "Search" | "Masculino" | "Femenino" | "Height" | "Weight" | "Smoke" | "SmokeOff" | "Upload" | "Telefono" | "EmailFill" | "Whatsapp" | "Close" | "Lock" | "Envelope" | "CollapseMenu" | "ExpandMenu" | "Notification" | "Users" | "Pagos" | "Impagos" | "Configuracion" | "LockPassword" | "Logout" | "AddCard" | "Add" | "Help" | "Unsubscribe" | "CheckCircle" | "Disable" | "Edit" | "Delete" | "Save" | "Eye" | "Mail" | "Resend" | "Reset" | "SwapVertical" | "Clip" | "Send" | "Trash" | "ReInit" | "CircleDolar" | "Sort" | "Pencil" | "Check" | "LogoBMINext" | "ArrowLeft" | "ArrowRight" | "AddDocument" | "Family" | "User" | "Carnet" | "Savings" | "History" | "Docs" | "Filters" | "DownloadDoc" | "Biometric" | "Aetna" | "BMI";
+export type IconName = "Exclamation" | "Email" | "Password" | "ShowEye" | "HideEye" | "ArrowDown" | "Search" | "Masculino" | "Femenino" | "Height" | "Weight" | "Smoke" | "SmokeOff" | "Upload" | "Telefono" | "EmailFill" | "Whatsapp" | "Close" | "Lock" | "Envelope" | "CollapseMenu" | "ExpandMenu" | "Notification" | "Users" | "Pagos" | "Impagos" | "Configuracion" | "LockPassword" | "Logout" | "AddCard" | "Add" | "Help" | "Unsubscribe" | "CheckCircle" | "Disable" | "Edit" | "Delete" | "Save" | "Eye" | "Mail" | "Resend" | "Reset" | "SwapVertical" | "Clip" | "Send" | "Trash" | "ReInit" | "CircleDolar" | "Sort" | "Pencil" | "Check" | "LogoBMINext" | "ArrowLeft" | "ArrowRight" | "AddDocument" | "Family" | "User" | "Carnet" | "Savings" | "History" | "Docs" | "Filters" | "DownloadDoc" | "Biometric" | "Aetna" | "BMI" | "CircleDenied";
 interface IconProps {
     width?: number;
     height?: number;
@@ -74,4 +74,5 @@ export declare const DownloadDoc: React.FC<IconProps>;
 export declare const Biometric: React.FC<IconProps>;
 export declare const Aetna: React.FC<IconProps>;
 export declare const BMI: React.FC<IconProps>;
+export declare const CircleDenied: React.FC<IconProps>;
 export {};

package/dist/icons/icons.js

@@ -1,5 +1,5 @@
 import { jsx as a, jsxs as r } from "react/jsx-runtime";
-const g1 = ({
+const k1 = ({
   name: s,
   width: e,
   height: c,
@@ -21,9 +21,9 @@ const g1 = ({
     case "Search":
       return /* @__PURE__ */ a(m, { width: e, height: c, fill: n });
     case "Masculino":
-      return /* @__PURE__ */ a(p, { width: e, height: c, fill: n });
-    case "Femenino":
       return /* @__PURE__ */ a(d, { width: e, height: c, fill: n });
+    case "Femenino":
+      return /* @__PURE__ */ a(p, { width: e, height: c, fill: n });
     case "Height":
       return /* @__PURE__ */ a(w, { width: e, height: c, fill: n });
     case "Weight":
@@ -41,13 +41,13 @@ const g1 = ({
     case "Whatsapp":
       return /* @__PURE__ */ a(y, { width: e, height: c, fill: n });
     case "Close":
-      return /* @__PURE__ */ a(H, { width: e, height: c, fill: n });
+      return /* @__PURE__ */ a(C, { width: e, height: c, fill: n });
     case "Lock":
-      return /* @__PURE__ */ a(C, { width: e, height: c });
+      return /* @__PURE__ */ a(H, { width: e, height: c });
     case "Envelope":
-      return /* @__PURE__ */ a(A, { width: e, height: c });
-    case "CollapseMenu":
       return /* @__PURE__ */ a(D, { width: e, height: c });
+    case "CollapseMenu":
+      return /* @__PURE__ */ a(A, { width: e, height: c });
     case "ExpandMenu":
       return /* @__PURE__ */ a(V, { width: e, height: c });
     case "Notification":
@@ -129,13 +129,15 @@ const g1 = ({
     case "Filters":
       return /* @__PURE__ */ a(m1, { width: e, height: c, fill: n });
     case "DownloadDoc":
-      return /* @__PURE__ */ a(p1, { width: e, height: c, fill: n });
-    case "Biometric":
       return /* @__PURE__ */ a(d1, { width: e, height: c, fill: n });
+    case "Biometric":
+      return /* @__PURE__ */ a(p1, { width: e, height: c, fill: n });
     case "BMI":
       return /* @__PURE__ */ a(z1, { width: e, height: c, fill: n });
     case "Aetna":
       return /* @__PURE__ */ a(w1, { width: e, height: c, fill: n });
+    case "CircleDenied":
+      return /* @__PURE__ */ a(u1, { width: e, height: c, fill: n });
     default:
       return null;
   }
@@ -284,7 +286,7 @@ const g1 = ({
       }
     )
   }
-), p = ({
+), d = ({
   width: s = 70,
   height: e = 71,
   fill: c = "#749CFF"
@@ -304,7 +306,7 @@ const g1 = ({
       }
     )
   }
-), d = ({
+), p = ({
   width: s = 56,
   height: e = 81,
   fill: c = "#749CFF"
@@ -486,7 +488,7 @@ const g1 = ({
       }
     )
   }
-), H = ({
+), C = ({
   width: s = 26,
   height: e = 26,
   fill: c = "#2054A5"
@@ -506,7 +508,7 @@ const g1 = ({
       }
     )
   }
-), C = ({ width: s = 53, height: e = 64 }) => /* @__PURE__ */ r(
+), H = ({ width: s = 53, height: e = 64 }) => /* @__PURE__ */ r(
   "svg",
   {
     width: s,
@@ -675,7 +677,7 @@ const g1 = ({
       ] })
     ]
   }
-), A = ({ width: s = 97, height: e = 86 }) => /* @__PURE__ */ r(
+), D = ({ width: s = 97, height: e = 86 }) => /* @__PURE__ */ r(
   "svg",
   {
     width: s,
@@ -754,7 +756,7 @@ const g1 = ({
       ) }) })
     ]
   }
-), D = ({
+), A = ({
   width: s = 25,
   height: e = 25
 }) => /* @__PURE__ */ r(
@@ -1482,7 +1484,7 @@ const g1 = ({
       ) })
     ]
   }
-), k1 = ({
+), x1 = ({
   width: s = 20,
   height: e = 20,
   fill: c = "#749CFF"
@@ -2240,7 +2242,7 @@ const g1 = ({
       ) })
     ]
   }
-), p1 = ({
+), d1 = ({
   width: s = 20,
   height: e = 20,
   fill: c = "#2054A5"
@@ -2275,7 +2277,7 @@ const g1 = ({
       ) })
     ]
   }
-), d1 = ({
+), p1 = ({
   width: s = 20,
   height: e = 20,
   fill: c = "#2054A5"
@@ -2344,6 +2346,41 @@ const g1 = ({
       }
     )
   }
+), u1 = ({
+  width: s = 26,
+  height: e = 26,
+  fill: c = "#F64C71"
+}) => /* @__PURE__ */ r(
+  "svg",
+  {
+    width: s,
+    height: e,
+    viewBox: "0 0 26 26",
+    fill: "none",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [
+      /* @__PURE__ */ a(
+        "mask",
+        {
+          id: "xvtrndou3a",
+          style: { maskType: "alpha" },
+          maskUnits: "userSpaceOnUse",
+          x: "0",
+          y: "0",
+          width: "26",
+          height: "26",
+          children: /* @__PURE__ */ a("path", { fill: "#D9D9D9", d: "M0 0h26v26H0z" })
+        }
+      ),
+      /* @__PURE__ */ a("g", { mask: "url(#xvtrndou3a)", children: /* @__PURE__ */ a(
+        "path",
+        {
+          d: "m13 14.452 3.038 3.037a.941.941 0 0 0 .726.301c.273-.011.515-.122.727-.334a1 1 0 0 0 .317-.726.995.995 0 0 0-.317-.725l-3.038-3.02L17.49 9.96a.995.995 0 0 0 .317-.725.999.999 0 0 0-.317-.726.999.999 0 0 0-.727-.318 1 1 0 0 0-.726.318L13 11.547 9.962 8.509c-.211-.212-.448-.318-.71-.318-.26 0-.497.106-.709.318a1 1 0 0 0-.317.726c0 .272.105.515.315.726L11.548 13 8.51 16.037c-.212.212-.312.448-.301.71.011.261.123.498.334.71a1 1 0 0 0 .726.316.995.995 0 0 0 .724-.315L13 14.452zm.008 9.167c-1.466 0-2.844-.276-4.134-.828a10.694 10.694 0 0 1-3.386-2.28 10.698 10.698 0 0 1-2.28-3.385 10.396 10.396 0 0 1-.828-4.14c0-1.47.276-2.846.829-4.127a10.737 10.737 0 0 1 2.28-3.372 10.698 10.698 0 0 1 3.384-2.28 10.395 10.395 0 0 1 4.14-.828c1.47 0 2.846.276 4.127.829a10.738 10.738 0 0 1 3.372 2.28 10.718 10.718 0 0 1 2.28 3.378c.552 1.284.828 2.66.828 4.126 0 1.465-.276 2.843-.829 4.133a10.695 10.695 0 0 1-2.28 3.386 10.716 10.716 0 0 1-3.377 2.28c-1.285.552-2.66.828-4.126.828zM13 21.371c2.33 0 4.308-.813 5.934-2.438 1.625-1.626 2.438-3.604 2.438-5.934s-.813-4.308-2.438-5.934C17.308 5.44 15.33 4.627 13 4.627s-4.308.813-5.934 2.438C5.441 8.691 4.628 10.67 4.628 13s.813 4.308 2.438 5.934C8.692 20.558 10.67 21.37 13 21.37z",
+          fill: c
+        }
+      ) })
+    ]
+  }
 );
 export {
   K as Add,
@@ -2354,41 +2391,42 @@ export {
   n1 as ArrowLeft,
   r1 as ArrowRight,
   z1 as BMI,
-  d1 as Biometric,
+  p1 as Biometric,
   h1 as Carnet,
   e1 as Check,
   j as CheckCircle,
+  u1 as CircleDenied,
   _ as CircleDolar,
   Q as Clip,
-  H as Close,
-  D as CollapseMenu,
+  C as Close,
+  A as CollapseMenu,
   f as Configuracion,
   W as Delete,
   E as Disable,
   i1 as Docs,
-  p1 as DownloadDoc,
+  d1 as DownloadDoc,
   P as Edit,
   t as Email,
   M as EmailFill,
-  A as Envelope,
+  D as Envelope,
   l as Exclamation,
   V as ExpandMenu,
   I as Eye,
   l1 as Family,
-  d as Femenino,
+  p as Femenino,
   m1 as Filters,
   w as Height,
   q as Help,
   o as HideEye,
   o1 as History,
-  g1 as Icon,
+  k1 as Icon,
   B as Impagos,
-  C as Lock,
+  H as Lock,
   S as LockPassword,
   s1 as LogoBMINext,
   O as Logout,
   N as Mail,
-  p as Masculino,
+  d as Masculino,
   L as Notification,
   F as Pagos,
   h as Password,
@@ -2404,7 +2442,7 @@ export {
   u as Smoke,
   g as SmokeOff,
   $ as Sort,
-  k1 as SwapVertical,
+  x1 as SwapVertical,
   x as Telefono,
   Y as Trash,
   b as Unsubscribe,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "bmi-next",
   "description": "Componentes de UI para proyecto BMI Next",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "author": "David Fernández Bolaños <david@bmiahorro.com>",
   "contributors": [
     "Jorge Martín <jorge@bmiahorro.com>",