bmi-next 1.0.70 → 1.0.72

package/dist/assets/index11.css

@@ -1 +1 @@
-._languageSelector_1wuba_1{-webkit-user-select:none;user-select:none;position:relative;font-size:14px;line-height:20px;height:36px}._selectedButton_1wuba_9{display:flex;padding:8px 10px;align-items:center;justify-content:space-between;gap:6px;border-radius:12px;border:1px solid rgba(0,0,0,.2);background:#fff;cursor:pointer;height:100%;box-sizing:border-box}._countrySelected_1wuba_23{display:flex;justify-content:center;align-items:center;gap:4px}._arrow_1wuba_30{display:flex;justify-content:center;align-items:center;transition:transform .2s}._arrow_1wuba_30._open_1wuba_37{transform:rotate(-180deg)}._fullText_1wuba_41{display:inline}._shortText_1wuba_45{display:none}._dropdown_1wuba_49{position:absolute;top:100%;left:0;width:100%;background:#fff;display:flex;flex-direction:column;border-radius:12px;border:1px solid rgba(0,0,0,.2);margin-top:4px;z-index:10;overflow:hidden}._option_1wuba_65{display:flex;align-items:center;padding:8px 12px 8px 18px;height:38px;cursor:pointer;width:100%;transition:background-color .2s;box-sizing:border-box}._option_1wuba_65:hover{background-color:#0000000d}@media (max-width: 440px){._fullText_1wuba_41{display:none}._shortText_1wuba_45{display:inline}._option_1wuba_65{height:34px;padding:8px 12px;gap:6px}._selectedButton_1wuba_9{padding:11px 8px}._languageSelector_1wuba_1{height:30px;font-size:12px}}@media (max-width: 390px){._selectedButton_1wuba_9{padding:0;border:none}._countrySelected_1wuba_23{margin-left:auto}._option_1wuba_65{justify-content:center}}
+._languageSelector_1nwh9_1{-webkit-user-select:none;user-select:none;position:relative;font-size:14px;line-height:20px;height:36px}._selectedButton_1nwh9_9{display:flex;padding:8px 10px;align-items:center;justify-content:space-between;gap:6px;border-radius:12px;border:1px solid rgba(0,0,0,.2);background-color:#fff;cursor:pointer;height:100%;box-sizing:border-box}._countrySelected_1nwh9_23{display:flex;justify-content:center;align-items:center;gap:4px}._arrow_1nwh9_30{display:flex;justify-content:center;align-items:center;transition:transform .2s}._arrow_1nwh9_30._open_1nwh9_37{transform:rotate(-180deg)}._fullText_1nwh9_41{display:inline}._shortText_1nwh9_45{display:none}._dropdown_1nwh9_49{position:absolute;top:100%;left:0;width:100%;background-color:#fff;display:flex;flex-direction:column;border-radius:12px;border:1px solid rgba(0,0,0,.2);margin-top:4px;z-index:10;overflow:hidden}._option_1nwh9_65{display:flex;align-items:center;padding:8px 12px 8px 18px;height:38px;cursor:pointer;width:100%;transition:background-color .2s;box-sizing:border-box}._option_1nwh9_65:hover{background-color:#0000000d}@media (max-width: 440px){._fullText_1nwh9_41{display:none}._shortText_1nwh9_45{display:inline}._option_1nwh9_65{height:34px;padding:8px 12px;gap:6px}._selectedButton_1nwh9_9{padding:11px 8px}._languageSelector_1nwh9_1{height:30px;font-size:12px}}@media (max-width: 390px){._selectedButton_1nwh9_9{padding:0;border:none;background-color:transparent}._countrySelected_1nwh9_23{margin-left:auto}._option_1nwh9_65{justify-content:center}}

package/dist/assets/index17.css

@@ -1 +1 @@
-._container_1l4wa_1{display:flex;flex-direction:column;gap:5px;width:100%}._container_1l4wa_1:has(input:disabled){opacity:.4}._labelContainer_1l4wa_12{display:flex;justify-content:space-between;align-items:center}._labelContainer_1l4wa_12>label{margin-left:9px;font-family:Poppins Medium;font-size:14px;line-height:16.8px}._invalidLabel_1l4wa_25{color:var(--rojo)}._visibilityContainer_1l4wa_29{display:flex;align-items:center;gap:3px;cursor:pointer;color:var(--azul-digital);font-family:Poppins Medium;font-size:14px;line-height:16.8px}._inputContainer_1l4wa_40{height:52px;box-sizing:border-box;display:flex;align-items:center;padding-inline:16px;border-radius:16px;border:1px solid var(--negro-20);gap:5px;background-color:#fff}._inputContainer_1l4wa_40>svg{overflow:visible}._invalid_1l4wa_25{border:solid 1px var(--rojo);transition:all .3s ease}._invalid_1l4wa_25:has(input:focus){border:solid 1px var(--rojo);box-shadow:3px 3px 0 0 var(--rojo);transition:all .3s ease}._inputContainer_1l4wa_40:not(._invalid_1l4wa_25):has(input:focus){border:solid 1px var(--turquesa);box-shadow:3px 3px 0 0 var(--turquesa);transition:all .3s ease;margin-right:3px}._input_1l4wa_40{height:100%;width:100%;font-family:Poppins Regular;font-size:16px;line-height:19.2px;border:none;box-sizing:border-box}._input_1l4wa_40:focus{outline:none}._prefix_1l4wa_99{font-family:Poppins Regular;font-size:16px;line-height:19.2px;color:var(--negro-40)}._invalid_1l4wa_25 ._input_1l4wa_40{color:var(--rojo)}._input_1l4wa_40:disabled{background-color:#fff}
+._container_dhelg_1{display:flex;flex-direction:column;gap:5px;width:100%}._container_dhelg_1:has(input:disabled){opacity:.4}._labelContainer_dhelg_12{display:flex;justify-content:space-between;align-items:center}._labelContainer_dhelg_12>label{margin-left:9px;font-family:Poppins Medium;font-size:14px;line-height:16.8px}._invalidLabel_dhelg_25{color:var(--rojo)}._visibilityContainer_dhelg_29{display:flex;align-items:center;gap:3px;cursor:pointer;color:var(--azul-digital);font-family:Poppins Medium;font-size:14px;line-height:16.8px}._inputContainer_dhelg_40{height:52px;box-sizing:border-box;display:flex;align-items:center;border-radius:16px;border:1px solid var(--negro-20);background-color:#fff;overflow:hidden}._inputContainer_dhelg_40>svg{overflow:visible}._inputContent_dhelg_55{flex:1;display:flex;align-items:center;gap:5px;padding-inline:16px}._invalid_dhelg_25{border:solid 1px var(--rojo);transition:all .3s ease}._invalid_dhelg_25:has(input:focus){border:solid 1px var(--rojo);box-shadow:3px 3px 0 0 var(--rojo);transition:all .3s ease}._inputContainer_dhelg_40:not(._invalid_dhelg_25):has(input:focus){border:solid 1px var(--turquesa);box-shadow:3px 3px 0 0 var(--turquesa);transition:all .3s ease;margin-right:3px}._addOn_dhelg_92{width:52px;height:100%;display:flex;align-items:center;justify-content:center;cursor:pointer;border-left:1px solid #d4d4d4;background:#f5f5f5}._input_dhelg_40{height:100%;width:100%;font-family:Poppins Regular;font-size:16px;line-height:19.2px;border:none;box-sizing:border-box}._input_dhelg_40:focus{outline:none}._prefix_dhelg_117{font-family:Poppins Regular;font-size:16px;line-height:19.2px;color:var(--negro-40)}._invalid_dhelg_25 ._input_dhelg_40{color:var(--rojo)}._input_dhelg_40:disabled{background-color:#fff}

package/dist/assets/index8.css

@@ -1 +1 @@
-._nativeCheckboxInput_w4rbf_2{display:none}._customCheckbox_w4rbf_7{width:22px;height:22px;border:2px solid #1c1b1f;border-radius:4px;background-color:transparent;display:flex;align-items:center;justify-content:center;transition:background-color .2s,border-color .2s;position:relative;cursor:pointer}._checkIcon_w4rbf_24{width:16.5px;height:16.5px;opacity:0;transition:opacity .2s}._nativeCheckboxInput_w4rbf_2:checked+._customCheckbox_w4rbf_7{background-color:#2054a5;border-color:#2054a5}._nativeCheckboxInput_w4rbf_2:checked+._customCheckbox_w4rbf_7 ._checkIcon_w4rbf_24{opacity:1}
+._nativeCheckboxInput_1t7dk_2{display:none}._customCheckbox_1t7dk_7{box-sizing:border-box;width:18px;height:18px;border:1.5px solid #1c1b1f;border-radius:4px;background-color:transparent;display:flex;align-items:center;justify-content:center;transition:background-color .2s,border-color .2s;position:relative;cursor:pointer}._checkIcon_1t7dk_25{width:12.5px;height:12.5px;opacity:0;transition:opacity .2s}._nativeCheckboxInput_1t7dk_2:checked+._customCheckbox_1t7dk_7{background-color:#2054a5;border-color:#2054a5}._nativeCheckboxInput_1t7dk_2:checked+._customCheckbox_1t7dk_7 ._checkIcon_1t7dk_25{opacity:1}@media (max-width: 720px){._customCheckbox_1t7dk_7{width:16.5px;height:16.5px}}

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

@@ -11,6 +11,7 @@ import { IconPropsWithIconName } from '../../icons/icons.tsx';
  * @property {string} [prefix] - Prefijo a mostrar dentro del input (ej. moneda, unidad).
  * @property {string} [suffix] - Sufijo a mostrar dentro del input (ej. porcentaje, unidad).
  * @property {true | null} [visibility] - Si `true`, permite alternar entre texto y contraseña.
+ * @property {IconPropsWithIconName | null} [addOn] - Icono personalizado con acción personalizada.
  */
 interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
     label?: string;
@@ -21,6 +22,10 @@ interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
     prefix?: string;
     suffix?: string;
     visibility?: true | null;
+    addOn?: {
+        icon: IconPropsWithIconName;
+        onClick: () => void;
+    };
 }
 /**
  * Componente de input reutilizable con soporte para iconos, etiquetas, prefijos, sufijos y validación.
@@ -36,6 +41,10 @@ interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
  *   placeholder="Ingresa tu email"
  *   iconBefore={{ name: "MailIcon", width: 20, height: 20 }}
  *   error="El email no es válido"
+ *   addOn={{
+ *    icon: { name: "USD", width: 20, height: 20, fill: red },
+ *    onClick: () => setOpenComponent(true)
+ *   }}
  * />
  *
  * @param {InputProps} props - Propiedades del input.

package/dist/components/Input/index.js

@@ -1,43 +1,46 @@
-import { jsxs as e, jsx as i } from "react/jsx-runtime";
-import { Icon as l } from "../../icons/icons.js";
+import { jsxs as e, jsx as n } from "react/jsx-runtime";
+import { Icon as a } from "../../icons/icons.js";
 import { FieldError as v } from "../FieldError/index.js";
 import { useState as u } from "react";
-import '../../assets/index17.css';const C = "_container_1l4wa_1", h = "_labelContainer_1l4wa_12", w = "_invalidLabel_1l4wa_25", y = "_visibilityContainer_1l4wa_29", N = "_inputContainer_1l4wa_40", x = "_invalid_1l4wa_25", f = "_input_1l4wa_40", L = "_prefix_1l4wa_99", n = {
-  container: C,
-  labelContainer: h,
-  invalidLabel: w,
-  visibilityContainer: y,
-  inputContainer: N,
-  invalid: x,
-  input: f,
-  prefix: L
-}, S = ({
-  label: s,
-  iconBefore: r,
-  iconAfter: o,
-  error: a,
-  hint: c,
+import '../../assets/index17.css';const b = "_container_dhelg_1", g = "_labelContainer_dhelg_12", y = "_invalidLabel_dhelg_25", N = "_visibilityContainer_dhelg_29", x = "_inputContainer_dhelg_40", f = "_inputContent_dhelg_55", L = "_invalid_dhelg_25", k = "_addOn_dhelg_92", E = "_input_dhelg_40", O = "_prefix_dhelg_117", i = {
+  container: b,
+  labelContainer: g,
+  invalidLabel: y,
+  visibilityContainer: N,
+  inputContainer: x,
+  inputContent: f,
+  invalid: L,
+  addOn: k,
+  input: E,
+  prefix: O
+}, $ = ({
+  label: o,
+  iconBefore: d,
+  iconAfter: c,
+  error: t,
+  hint: r,
   prefix: _,
-  suffix: d,
-  visibility: m,
+  suffix: p,
+  visibility: C,
+  addOn: s,
   // className,
-  ...p
+  ...h
 }) => {
-  const [t, b] = u(!1);
-  return /* @__PURE__ */ e("div", { className: n.container, children: [
-    s && /* @__PURE__ */ e("div", { className: n.labelContainer, children: [
-      /* @__PURE__ */ i("label", { className: a ? n.invalidLabel : "", children: s }),
-      m && /* @__PURE__ */ e(
+  const [l, m] = u(!1);
+  return /* @__PURE__ */ e("div", { className: i.container, children: [
+    o && /* @__PURE__ */ e("div", { className: i.labelContainer, children: [
+      /* @__PURE__ */ n("label", { className: t ? i.invalidLabel : "", children: o }),
+      C && /* @__PURE__ */ e(
         "div",
         {
-          className: n.visibilityContainer,
-          onClick: () => b(!t),
+          className: i.visibilityContainer,
+          onClick: () => m(!l),
           children: [
-            /* @__PURE__ */ i("span", { children: t ? "Ocultar" : "Mostrar" }),
-            /* @__PURE__ */ i(
-              l,
+            /* @__PURE__ */ n("span", { children: l ? "Ocultar" : "Mostrar" }),
+            /* @__PURE__ */ n(
+              a,
               {
-                name: t ? "HideEye" : "ShowEye",
+                name: l ? "HideEye" : "ShowEye",
                 width: 20,
                 height: 20,
                 fill: "rgb(32 84 165)"
@@ -50,27 +53,30 @@ import '../../assets/index17.css';const C = "_container_1l4wa_1", h = "_labelCon
     /* @__PURE__ */ e(
       "div",
       {
-        className: `${n.inputContainer} ${a ? n.invalid : ""}`,
+        className: `${i.inputContainer} ${t ? i.invalid : ""}`,
         children: [
-          r && /* @__PURE__ */ i(l, { ...r }),
-          _ && /* @__PURE__ */ i("span", { className: n.prefix, children: _ }),
-          /* @__PURE__ */ i(
-            "input",
-            {
-              className: n.input,
-              ...p,
-              type: t ? "text" : p.type
-            }
-          ),
-          d && /* @__PURE__ */ i("span", { children: d }),
-          o && /* @__PURE__ */ i(l, { ...o })
+          /* @__PURE__ */ e("div", { className: i.inputContent, children: [
+            d && /* @__PURE__ */ n(a, { ...d }),
+            _ && /* @__PURE__ */ n("span", { className: i.prefix, children: _ }),
+            /* @__PURE__ */ n(
+              "input",
+              {
+                className: i.input,
+                ...h,
+                type: l ? "text" : h.type
+              }
+            ),
+            p && /* @__PURE__ */ n("span", { children: p }),
+            c && /* @__PURE__ */ n(a, { ...c })
+          ] }),
+          s && /* @__PURE__ */ n("div", { className: i.addOn, onClick: s.onClick, children: /* @__PURE__ */ n(a, { ...s.icon }) })
         ]
       }
     ),
-    c && /* @__PURE__ */ i(v, { error: c, hint: !0 }),
-    a && /* @__PURE__ */ i(v, { error: a })
+    r && /* @__PURE__ */ n(v, { error: r, hint: !0 }),
+    t && /* @__PURE__ */ n(v, { error: t })
   ] });
 };
 export {
-  S as Input
+  $ as Input
 };

package/dist/components/LanguageSelector/index.js

@@ -1,53 +1,53 @@
-import { jsxs as a, jsx as t } from "react/jsx-runtime";
-import { useState as _, useRef as x, useEffect as p } from "react";
+import { jsxs as i, jsx as t } from "react/jsx-runtime";
+import { useState as u, useRef as x, useEffect as _ } from "react";
 import "../../index-BDcINW1T.js";
-import { Icon as w } from "../../icons/icons.js";
-import '../../assets/index11.css';const b = "_languageSelector_1wuba_1", N = "_selectedButton_1wuba_9", T = "_countrySelected_1wuba_23", v = "_arrow_1wuba_30", E = "_open_1wuba_37", y = "_fullText_1wuba_41", B = "_shortText_1wuba_45", k = "_dropdown_1wuba_49", I = "_option_1wuba_65", e = {
-  languageSelector: b,
-  selectedButton: N,
-  countrySelected: T,
-  arrow: v,
-  open: E,
-  fullText: y,
-  shortText: B,
-  dropdown: k,
-  option: I
+import { Icon as p } from "../../icons/icons.js";
+import '../../assets/index11.css';const N = "_languageSelector_1nwh9_1", T = "_selectedButton_1nwh9_9", v = "_countrySelected_1nwh9_23", E = "_arrow_1nwh9_30", y = "_open_1nwh9_37", B = "_fullText_1nwh9_41", k = "_shortText_1nwh9_45", I = "_dropdown_1nwh9_49", O = "_option_1nwh9_65", e = {
+  languageSelector: N,
+  selectedButton: T,
+  countrySelected: v,
+  arrow: E,
+  open: y,
+  fullText: B,
+  shortText: k,
+  dropdown: I,
+  option: O
 }, A = ({
-  initialLanguage: n = "es",
+  initialLanguage: s = "es",
   onLanguageChange: r,
-  ...m
+  ...w
 }) => {
-  const [l, c] = _(!1), [s, u] = _(n), d = x(null);
-  p(() => {
+  const [l, c] = u(!1), [n, a] = u(s), d = x(null);
+  _(() => {
     const o = (S) => {
       d.current && !d.current.contains(S.target) && c(!1);
     };
     return document.addEventListener("mousedown", o), () => {
       document.removeEventListener("mousedown", o);
     };
-  }, []), p(() => {
-    u(n);
-  }, [n]);
-  const h = (o) => {
-    u(o), r == null || r(o), c(!1);
-  }, i = {
+  }, []), _(() => {
+    a(s);
+  }, [s]);
+  const m = (o) => {
+    a(o), r == null || r(o), c(!1);
+  }, h = {
     es: { full: "Español", short: "ES" },
     en: { full: "English", short: "EN" }
-  }, f = s === "es" ? "Inglés" : "Spanish";
-  return /* @__PURE__ */ a("div", { ref: d, className: e.languageSelector, ...m, children: [
-    /* @__PURE__ */ a("div", { className: e.selectedButton, onClick: () => c(!l), children: [
-      /* @__PURE__ */ a("div", { className: e.countrySelected, children: [
-        /* @__PURE__ */ t(w, { name: "Planet", width: 16, height: 16 }),
-        /* @__PURE__ */ t("span", { className: e.fullText, children: i[s].full }),
-        /* @__PURE__ */ t("span", { className: e.shortText, children: i[s].short })
+  }, f = n === "es" ? "Inglés" : "Spanish";
+  return /* @__PURE__ */ i("div", { ref: d, className: e.languageSelector, ...w, children: [
+    /* @__PURE__ */ i("div", { className: e.selectedButton, onClick: () => c(!l), children: [
+      /* @__PURE__ */ i("div", { className: e.countrySelected, children: [
+        /* @__PURE__ */ t(p, { name: "Planet", width: 16, height: 16 }),
+        /* @__PURE__ */ t("span", { className: e.fullText, children: h[n].full }),
+        /* @__PURE__ */ t("span", { className: e.shortText, children: h[n].short })
       ] }),
-      /* @__PURE__ */ t("div", { className: `${e.arrow} ${l && e.open}`, children: /* @__PURE__ */ t(w, { name: "KeyboardArrowDown", width: 12, height: 16, fill: "#000" }) })
+      /* @__PURE__ */ t("div", { className: `${e.arrow} ${l && e.open}`, children: /* @__PURE__ */ t(p, { name: "KeyboardArrowDown", width: 12, height: 16, fill: "#000" }) })
     ] }),
     l && /* @__PURE__ */ t("div", { className: e.dropdown, children: /* @__PURE__ */ t(
       "li",
       {
         className: e.option,
-        onClick: () => h(s === "es" ? "en" : "es"),
+        onClick: () => m(n === "es" ? "en" : "es"),
         children: f
       }
     ) })

package/dist/components/NativeCheckbox/index.js

@@ -1,13 +1,20 @@
 import { jsxs as n, jsx as c } from "react/jsx-runtime";
-import '../../assets/index8.css';const s = "_nativeCheckboxInput_w4rbf_2", h = "_customCheckbox_w4rbf_7", i = "_checkIcon_w4rbf_24", e = {
+import '../../assets/index8.css';const s = "_nativeCheckboxInput_1t7dk_2", h = "_customCheckbox_1t7dk_7", k = "_checkIcon_1t7dk_25", e = {
   nativeCheckboxInput: s,
   customCheckbox: h,
-  checkIcon: i
-}, b = ({
+  checkIcon: k
+}, x = ({
   style: o,
   ...t
 }) => /* @__PURE__ */ n("label", { children: [
-  /* @__PURE__ */ c("input", { type: "checkbox", className: e.nativeCheckboxInput, ...t }),
+  /* @__PURE__ */ c(
+    "input",
+    {
+      type: "checkbox",
+      className: e.nativeCheckboxInput,
+      ...t
+    }
+  ),
   /* @__PURE__ */ c("span", { className: e.customCheckbox, style: o, children: /* @__PURE__ */ c(
     "svg",
     {
@@ -21,5 +28,5 @@ import '../../assets/index8.css';const s = "_nativeCheckboxInput_w4rbf_2", h = "
   ) })
 ] });
 export {
-  b as NativeCheckbox
+  x as NativeCheckbox
 };

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" | "LogoBMI+" | "ArrowLeft" | "ArrowRight" | "AddDocument" | "Family" | "User" | "Carnet" | "Savings" | "History" | "Docs" | "Filters" | "DownloadDoc" | "Biometric" | "Aetna" | "BMI" | "CircleDenied" | "ArrowForwardBtn" | "Share" | "Gallery" | "Camera" | "Sthetoscope" | "Shield" | "LogoBMIHorizontal" | "LogoBMIVertical" | "Profesional" | "BusquedaCiudad" | "Medico" | "Laboratorio" | "CercaDeMi" | "CuadroMedico" | "Celular" | "Headset" | "Internet" | "Calendar" | "Autorizaciones" | "Warning" | "Person" | "StepInProgress" | "StepPending" | "StepDone" | "StepBlocked" | "IconoVida" | "IconoSalud" | "Planet" | "KeyboardArrowDown" | "USD" | "GT" | "EUR" | "DO" | "CR" | "CO";
+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" | "LogoBMI+" | "ArrowLeft" | "ArrowRight" | "AddDocument" | "Family" | "User" | "Carnet" | "Savings" | "History" | "Docs" | "Filters" | "DownloadDoc" | "Biometric" | "Aetna" | "BMI" | "CircleDenied" | "ArrowForwardBtn" | "Share" | "Gallery" | "Camera" | "Sthetoscope" | "Shield" | "LogoBMIHorizontal" | "LogoBMIVertical" | "Profesional" | "BusquedaCiudad" | "Medico" | "Laboratorio" | "CercaDeMi" | "CuadroMedico" | "Celular" | "Headset" | "Internet" | "Calendar" | "Table" | "Autorizaciones" | "Warning" | "Person" | "StepInProgress" | "StepPending" | "StepDone" | "StepBlocked" | "IconoVida" | "IconoSalud" | "Planet" | "KeyboardArrowDown" | "USD" | "GT" | "EUR" | "DO" | "CR" | "CO";
 interface IconProps {
     width?: number;
     height?: number;
@@ -93,6 +93,7 @@ export declare const Celular: React.FC<IconProps>;
 export declare const Headset: React.FC<IconProps>;
 export declare const Internet: React.FC<IconProps>;
 export declare const Calendar: React.FC<IconProps>;
+export declare const Table: React.FC<IconProps>;
 export declare const Autorizaciones: React.FC<IconProps>;
 export declare const Warning: React.FC<IconProps>;
 export declare const Person: React.FC<IconProps>;

package/dist/icons/icons.js

@@ -1,5 +1,5 @@
 import { jsx as C, jsxs as M } from "react/jsx-runtime";
-const C4 = ({
+const L4 = ({
   name: l,
   width: a,
   height: L,
@@ -174,40 +174,42 @@ const C4 = ({
       return /* @__PURE__ */ C(E1, { width: a, height: L, fill: t });
     case "Calendar":
       return /* @__PURE__ */ C(S1, { width: a, height: L, fill: t });
-    case "Autorizaciones":
+    case "Table":
       return /* @__PURE__ */ C(_1, { width: a, height: L, fill: t });
-    case "Warning":
+    case "Autorizaciones":
       return /* @__PURE__ */ C(O1, { width: a, height: L, fill: t });
-    case "Person":
+    case "Warning":
       return /* @__PURE__ */ C(b1, { width: a, height: L, fill: t });
+    case "Person":
+      return /* @__PURE__ */ C(T1, { width: a, height: L, fill: t });
     case "StepInProgress":
-      return /* @__PURE__ */ C(P1, { width: a, height: L, fill: t });
-    case "StepPending":
       return /* @__PURE__ */ C(j1, { width: a, height: L, fill: t });
+    case "StepPending":
+      return /* @__PURE__ */ C(I1, { width: a, height: L, fill: t });
     case "StepDone":
-      return /* @__PURE__ */ C(T1, { width: a, height: L, fill: t });
-    case "StepBlocked":
       return /* @__PURE__ */ C(q1, { width: a, height: L, fill: t });
+    case "StepBlocked":
+      return /* @__PURE__ */ C(P1, { width: a, height: L, fill: t });
     case "IconoVida":
-      return /* @__PURE__ */ C(I1, { width: a, height: L, fill: t });
-    case "IconoSalud":
       return /* @__PURE__ */ C(G1, { width: a, height: L, fill: t });
+    case "IconoSalud":
+      return /* @__PURE__ */ C(R1, { width: a, height: L, fill: t });
     case "Planet":
-      return /* @__PURE__ */ C(X1, { width: a, height: L, fill: t });
-    case "KeyboardArrowDown":
       return /* @__PURE__ */ C(Y1, { width: a, height: L, fill: t });
+    case "KeyboardArrowDown":
+      return /* @__PURE__ */ C($1, { width: a, height: L, fill: t });
     case "USD":
-      return /* @__PURE__ */ C(R1, { width: a, height: L });
-    case "GT":
       return /* @__PURE__ */ C(W1, { width: a, height: L });
-    case "EUR":
+    case "GT":
       return /* @__PURE__ */ C(K1, { width: a, height: L });
-    case "DO":
+    case "EUR":
       return /* @__PURE__ */ C(N1, { width: a, height: L });
-    case "CR":
+    case "DO":
       return /* @__PURE__ */ C(J1, { width: a, height: L });
-    case "CO":
+    case "CR":
       return /* @__PURE__ */ C(Q1, { width: a, height: L });
+    case "CO":
+      return /* @__PURE__ */ C(X1, { width: a, height: L });
     default:
       return null;
   }
@@ -1554,7 +1556,7 @@ const C4 = ({
       ) })
     ]
   }
-), L4 = ({
+), a4 = ({
   width: l = 20,
   height: a = 20,
   fill: L = "#749CFF"
@@ -3084,6 +3086,26 @@ const C4 = ({
     ]
   }
 ), _1 = ({
+  width: l = 15,
+  height: a = 15,
+  fill: L = "#2054A5"
+}) => /* @__PURE__ */ C(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: l,
+    height: a,
+    viewBox: "0 0 15 15",
+    fill: "none",
+    children: /* @__PURE__ */ C(
+      "path",
+      {
+        d: "M1.72917 14.3388C1.20444 14.3388 0.785069 14.1817 0.471042 13.8677C0.157014 13.5537 0 13.1343 0 12.6096V1.72917C0 1.20444 0.157014 0.785069 0.471042 0.471041C0.785069 0.157014 1.20444 0 1.72917 0H12.6096C13.1343 0 13.5537 0.157014 13.8677 0.471041C14.1817 0.785069 14.3388 1.20444 14.3388 1.72917V12.6096C14.3388 13.1343 14.1817 13.5537 13.8677 13.8677C13.5537 14.1817 13.1343 14.3388 12.6096 14.3388H1.72917ZM6.30479 9.55896H1.72917V12.6096H6.30479V9.55896ZM8.03396 9.55896V12.6096H12.6096V9.55896H8.03396ZM6.30479 7.82979V4.77896H1.72917V7.82979H6.30479ZM8.03396 7.82979H12.6096V4.77896H8.03396V7.82979ZM1.72917 3.04979H12.6096V1.72917H1.72917V3.04979Z",
+        fill: L
+      }
+    )
+  }
+), O1 = ({
   width: l = 32,
   height: a = 32,
   fill: L = "#2054A5"
@@ -3118,7 +3140,7 @@ const C4 = ({
       ) })
     ]
   }
-), O1 = ({
+), b1 = ({
   width: l = 19,
   height: a = 19,
   fill: L = "#CA8A04"
@@ -3153,7 +3175,7 @@ const C4 = ({
       ) })
     ]
   }
-), b1 = ({
+), T1 = ({
   width: l = 13,
   height: a = 13,
   fill: L = "#2054A5"
@@ -3173,7 +3195,7 @@ const C4 = ({
       }
     )
   }
-), T1 = ({
+), q1 = ({
   width: l = 30,
   height: a = 30,
   fill: L = "#2054A5"
@@ -3208,7 +3230,7 @@ const C4 = ({
       ) })
     ]
   }
-), q1 = ({
+), P1 = ({
   width: l = 20,
   height: a = 20,
   fill: L = "#2054A5"
@@ -3252,7 +3274,7 @@ const C4 = ({
       ) })
     ]
   }
-), P1 = ({
+), j1 = ({
   width: l = 28,
   height: a = 28,
   fill: L = "#2054A5"
@@ -3280,7 +3302,7 @@ const C4 = ({
       /* @__PURE__ */ C("circle", { cx: "14", cy: "14", r: "7", fill: L })
     ]
   }
-), j1 = ({
+), I1 = ({
   width: l = 28,
   height: a = 28,
   fill: L = "#2054A5"
@@ -3294,7 +3316,7 @@ const C4 = ({
     fill: "none",
     children: /* @__PURE__ */ C("g", { opacity: "0.3", children: /* @__PURE__ */ C("circle", { cx: "14", cy: "14", r: "14", fill: L }) })
   }
-), I1 = ({
+), G1 = ({
   width: l = 90,
   height: a = 90,
   fill: L = "#000"
@@ -3314,7 +3336,7 @@ const C4 = ({
       }
     )
   }
-), G1 = ({
+), R1 = ({
   width: l = 123,
   height: a = 95,
   fill: L = "#C9E1F6"
@@ -3334,7 +3356,7 @@ const C4 = ({
       }
     )
   }
-), R1 = ({ width: l = 30, height: a = 30 }) => /* @__PURE__ */ M(
+), W1 = ({ width: l = 30, height: a = 30 }) => /* @__PURE__ */ M(
   "svg",
   {
     width: l,
@@ -3728,7 +3750,7 @@ const C4 = ({
       /* @__PURE__ */ C("defs", { children: /* @__PURE__ */ C("clipPath", { id: "clip0_4929_41732", children: /* @__PURE__ */ C("rect", { width: l, height: a, fill: "white" }) }) })
     ]
   }
-), W1 = ({ width: l = 30, height: a = 30 }) => /* @__PURE__ */ M(
+), K1 = ({ width: l = 30, height: a = 30 }) => /* @__PURE__ */ M(
   "svg",
   {
     width: l,
@@ -5573,7 +5595,7 @@ const C4 = ({
       ] })
     ]
   }
-), K1 = ({ width: l = 30, height: a = 30 }) => /* @__PURE__ */ M(
+), N1 = ({ width: l = 30, height: a = 30 }) => /* @__PURE__ */ M(
   "svg",
   {
     width: l,
@@ -6449,7 +6471,7 @@ const C4 = ({
       /* @__PURE__ */ C("defs", { children: /* @__PURE__ */ C("clipPath", { id: "clip0_4929_41733", children: /* @__PURE__ */ C("rect", { width: "30", height: "30", fill: "white" }) }) })
     ]
   }
-), N1 = ({ width: l = 30, height: a = 30 }) => /* @__PURE__ */ M(
+), J1 = ({ width: l = 30, height: a = 30 }) => /* @__PURE__ */ M(
   "svg",
   {
     width: l,
@@ -7542,7 +7564,7 @@ const C4 = ({
       ] })
     ]
   }
-), J1 = ({ width: l = 30, height: a = 30 }) => /* @__PURE__ */ M(
+), Q1 = ({ width: l = 30, height: a = 30 }) => /* @__PURE__ */ M(
   "svg",
   {
     width: l,
@@ -7589,7 +7611,7 @@ const C4 = ({
       ] })
     ]
   }
-), Q1 = ({ width: l = 30, height: a = 30 }) => /* @__PURE__ */ M(
+), X1 = ({ width: l = 30, height: a = 30 }) => /* @__PURE__ */ M(
   "svg",
   {
     width: l,
@@ -7630,7 +7652,7 @@ const C4 = ({
       ] })
     ]
   }
-), X1 = ({
+), Y1 = ({
   width: l = 16,
   height: a = 16,
   fill: L = "#D9D9D9"
@@ -7664,7 +7686,7 @@ const C4 = ({
       ) })
     ]
   }
-), Y1 = ({
+), $1 = ({
   width: l = 9,
   height: a = 6,
   fill: L = "black"
@@ -7694,12 +7716,12 @@ export {
   o1 as ArrowForwardBtn,
   M1 as ArrowLeft,
   t1 as ArrowRight,
-  _1 as Autorizaciones,
+  O1 as Autorizaciones,
   H1 as BMI,
   d1 as Biometric,
   A1 as BusquedaCiudad,
-  Q1 as CO,
-  J1 as CR,
+  X1 as CO,
+  Q1 as CR,
   S1 as Calendar,
   m1 as Camera,
   Z1 as Carnet,
@@ -7714,12 +7736,12 @@ export {
   F as CollapseMenu,
   B as Configuracion,
   y1 as CuadroMedico,
-  N1 as DO,
+  J1 as DO,
   P as Delete,
   T as Disable,
   s1 as Docs,
   n1 as DownloadDoc,
-  K1 as EUR,
+  N1 as EUR,
   q as Edit,
   h as Email,
   m as EmailFill,
@@ -7730,19 +7752,19 @@ export {
   c1 as Family,
   d as Femenino,
   r1 as Filters,
-  W1 as GT,
+  K1 as GT,
   v1 as Gallery,
   U1 as Headset,
   p as Height,
   _ as Help,
   i as HideEye,
   i1 as History,
-  C4 as Icon,
-  G1 as IconoSalud,
-  I1 as IconoVida,
+  L4 as Icon,
+  R1 as IconoSalud,
+  G1 as IconoVida,
   D as Impagos,
   E1 as Internet,
-  Y1 as KeyboardArrowDown,
+  $1 as KeyboardArrowDown,
   x1 as Laboratorio,
   z as Lock,
   U as LockPassword,
@@ -7757,8 +7779,8 @@ export {
   A as Pagos,
   Z as Password,
   L1 as Pencil,
-  b1 as Person,
-  X1 as Planet,
+  T1 as Person,
+  Y1 as Planet,
   F1 as Profesional,
   X as ReInit,
   R as Resend,
@@ -7773,20 +7795,21 @@ export {
   V as Smoke,
   o as SmokeOff,
   $ as Sort,
-  q1 as StepBlocked,
-  T1 as StepDone,
-  P1 as StepInProgress,
-  j1 as StepPending,
+  P1 as StepBlocked,
+  q1 as StepDone,
+  j1 as StepInProgress,
+  I1 as StepPending,
   w1 as Sthetoscope,
-  L4 as SwapVertical,
+  a4 as SwapVertical,
+  _1 as Table,
   v as Telefono,
   Q as Trash,
-  R1 as USD,
+  W1 as USD,
   O as Unsubscribe,
   f as Upload,
   h1 as User,
   y as Users,
-  O1 as Warning,
+  b1 as Warning,
   H as Weight,
   w as Whatsapp
 };

package/package.json

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