bmi-next-brokers 1.1.4 → 1.1.7

package/dist/components/FileUpload/FileUpload.js

@@ -1,125 +1,126 @@
-import { jsx as i, jsxs as g, Fragment as b } from "react/jsx-runtime";
-import { useState as m, useRef as R, useEffect as V } from "react";
-import { Button as T } from "../Button/Button.js";
+import { jsx as i, jsxs as g, Fragment as T } from "react/jsx-runtime";
+import { useState as m, useRef as V, useEffect as Z } from "react";
+import { Button as w } from "../Button/Button.js";
 import { Icon as u } from "../../icons/Icon.js";
-import { Spinner as Z } from "../Spinner/Spinner.js";
-import '../../assets/FileUpload.css';const y = "_inputContainer_1ejg3_1", G = "_fullWidth_1ejg3_8", J = "_label_1ejg3_12", K = "_label_large_1ejg3_20", P = "_label_disabled_1ejg3_25", Q = "_label_inverted_1ejg3_29", X = "_label_inverted_disabled_1ejg3_33", Y = "_required_1ejg3_37", ee = "_required_disabled_1ejg3_42", ne = "_required_inverted_1ejg3_46", te = "_required_inverted_disabled_1ejg3_50", ie = "_fileUploadContainer_1ejg3_54", le = "_iconContainerLeft_1ejg3_68", se = "_iconContainerRight_1ejg3_76", oe = "_dragOver_1ejg3_88", re = "_variant_document_1ejg3_104", ae = "_icon_1ejg3_68", ce = "_variant_add_1ejg3_108", _e = "_disabled_1ejg3_113", de = "_error_1ejg3_124", ge = "_success_1ejg3_133", ue = "_loading_1ejg3_141", fe = "_inverted_1ejg3_150", he = "_uploadContent_1ejg3_176", pe = "_selectedFileContent_1ejg3_188", je = "_withoutError_1ejg3_198", me = "_selectedFileName_1ejg3_202", ve = "_selectedFileSize_1ejg3_211", Fe = "_removeButton_1ejg3_218", xe = "_textContent_1ejg3_278", Ie = "_dragText_1ejg3_288", Ce = "_browseText_1ejg3_294", be = "_hiddenInput_1ejg3_331", Te = "_helperText_1ejg3_344", we = "_helperText_default_1ejg3_351", Ne = "_helperText_compact_1ejg3_355", Se = "_helperText_disabled_1ejg3_359", De = "_helperText_inverted_1ejg3_363", Ee = "_helperText_inverted_disabled_1ejg3_367", We = "_errorMessage_1ejg3_372", Le = "_errorMessage_default_1ejg3_379", Me = "_errorMessage_compact_1ejg3_383", qe = "_errorMessage_inverted_1ejg3_387", Ue = "_selectedFilesContainer_1ejg3_392", ze = "_selectedFilesHeader_1ejg3_400", Be = "_selectedFilesText_1ejg3_407", Ae = "_clearButton_1ejg3_413", Oe = "_filesList_1ejg3_434", $e = "_fileItem_1ejg3_440", ke = "_fileName_1ejg3_452", He = "_fileSize_1ejg3_463", Re = "_bigZIndex_1ejg3_504", Ve = "_cancelIconWrapper_1ejg3_508", Ze = "_fadeInSlideDown_1ejg3_1", ye = "_selectedFileInfo_1ejg3_524", Ge = "_fadeInSlideUp_1ejg3_1", Je = "_successIconWrapper_1ejg3_538", Ke = "_loadingIconWrapper_1ejg3_554", Pe = "_fadeIn_1ejg3_1", Qe = "_withSuccess_1ejg3_578", Xe = "_withLoading_1ejg3_592", Ye = "_errorText_1ejg3_606", en = "_successText_1ejg3_622", nn = "_inlineFileContainer_1ejg3_684", tn = "_inlineFileIcon_1ejg3_693", ln = "_inlineFileInfo_1ejg3_720", sn = "_inlineFileName_1ejg3_728", on = "_inlineErrorText_1ejg3_737", rn = "_inlineSuccessText_1ejg3_743", an = "_inlineFileActions_1ejg3_749", cn = "_inlineActionIcon_1ejg3_756", _n = "_fadeInSlideUpCentered_1ejg3_1", e = {
-  inputContainer: y,
-  fullWidth: G,
-  label: J,
-  label_large: K,
-  label_disabled: P,
-  label_inverted: Q,
-  label_inverted_disabled: X,
-  required: Y,
-  required_disabled: ee,
-  required_inverted: ne,
-  required_inverted_disabled: te,
-  fileUploadContainer: ie,
-  iconContainerLeft: le,
-  iconContainerRight: se,
-  dragOver: oe,
-  variant_document: re,
-  icon: ae,
-  variant_add: ce,
-  disabled: _e,
-  error: de,
-  success: ge,
-  loading: ue,
-  inverted: fe,
-  uploadContent: he,
-  selectedFileContent: pe,
-  withoutError: je,
-  selectedFileName: me,
-  selectedFileSize: ve,
-  removeButton: Fe,
-  textContent: xe,
-  dragText: Ie,
-  browseText: Ce,
-  hiddenInput: be,
-  helperText: Te,
-  helperText_default: we,
-  helperText_compact: Ne,
-  helperText_disabled: Se,
-  helperText_inverted: De,
-  helperText_inverted_disabled: Ee,
-  errorMessage: We,
-  errorMessage_default: Le,
-  errorMessage_compact: Me,
-  errorMessage_inverted: qe,
-  selectedFilesContainer: Ue,
-  selectedFilesHeader: ze,
-  selectedFilesText: Be,
-  clearButton: Ae,
-  filesList: Oe,
-  fileItem: $e,
-  fileName: ke,
-  fileSize: He,
-  bigZIndex: Re,
-  cancelIconWrapper: Ve,
-  fadeInSlideDown: Ze,
-  selectedFileInfo: ye,
-  fadeInSlideUp: Ge,
-  successIconWrapper: Je,
-  loadingIconWrapper: Ke,
-  fadeIn: Pe,
-  withSuccess: Qe,
-  withLoading: Xe,
-  errorText: Ye,
-  successText: en,
-  inlineFileContainer: nn,
-  inlineFileIcon: tn,
+import { Spinner as y } from "../Spinner/Spinner.js";
+import '../../assets/FileUpload.css';const G = "_inputContainer_1ejg3_1", J = "_fullWidth_1ejg3_8", K = "_label_1ejg3_12", P = "_label_large_1ejg3_20", Q = "_label_disabled_1ejg3_25", X = "_label_inverted_1ejg3_29", Y = "_label_inverted_disabled_1ejg3_33", ee = "_required_1ejg3_37", ne = "_required_disabled_1ejg3_42", te = "_required_inverted_1ejg3_46", ie = "_required_inverted_disabled_1ejg3_50", le = "_fileUploadContainer_1ejg3_54", se = "_iconContainerLeft_1ejg3_68", oe = "_iconContainerRight_1ejg3_76", re = "_dragOver_1ejg3_88", ae = "_variant_document_1ejg3_104", ce = "_icon_1ejg3_68", _e = "_variant_add_1ejg3_108", de = "_disabled_1ejg3_113", ge = "_error_1ejg3_124", ue = "_success_1ejg3_133", fe = "_loading_1ejg3_141", he = "_inverted_1ejg3_150", pe = "_uploadContent_1ejg3_176", je = "_selectedFileContent_1ejg3_188", me = "_withoutError_1ejg3_198", ve = "_selectedFileName_1ejg3_202", Fe = "_selectedFileSize_1ejg3_211", xe = "_removeButton_1ejg3_218", Ie = "_textContent_1ejg3_278", Ce = "_dragText_1ejg3_288", be = "_browseText_1ejg3_294", Te = "_hiddenInput_1ejg3_331", we = "_helperText_1ejg3_344", Ne = "_helperText_default_1ejg3_351", Se = "_helperText_compact_1ejg3_355", De = "_helperText_disabled_1ejg3_359", Ee = "_helperText_inverted_1ejg3_363", We = "_helperText_inverted_disabled_1ejg3_367", Le = "_errorMessage_1ejg3_372", Me = "_errorMessage_default_1ejg3_379", qe = "_errorMessage_compact_1ejg3_383", Ue = "_errorMessage_inverted_1ejg3_387", ze = "_selectedFilesContainer_1ejg3_392", Be = "_selectedFilesHeader_1ejg3_400", Ae = "_selectedFilesText_1ejg3_407", Oe = "_clearButton_1ejg3_413", $e = "_filesList_1ejg3_434", ke = "_fileItem_1ejg3_440", He = "_fileName_1ejg3_452", Re = "_fileSize_1ejg3_463", Ve = "_bigZIndex_1ejg3_504", Ze = "_cancelIconWrapper_1ejg3_508", ye = "_fadeInSlideDown_1ejg3_1", Ge = "_selectedFileInfo_1ejg3_524", Je = "_fadeInSlideUp_1ejg3_1", Ke = "_successIconWrapper_1ejg3_538", Pe = "_loadingIconWrapper_1ejg3_554", Qe = "_fadeIn_1ejg3_1", Xe = "_withSuccess_1ejg3_578", Ye = "_withLoading_1ejg3_592", en = "_errorText_1ejg3_606", nn = "_successText_1ejg3_622", tn = "_inlineFileContainer_1ejg3_684", ln = "_inlineFileIcon_1ejg3_693", sn = "_inlineFileInfo_1ejg3_720", on = "_inlineFileName_1ejg3_728", rn = "_inlineErrorText_1ejg3_737", an = "_inlineSuccessText_1ejg3_743", cn = "_inlineFileActions_1ejg3_749", _n = "_inlineActionIcon_1ejg3_756", dn = "_fadeInSlideUpCentered_1ejg3_1", e = {
+  inputContainer: G,
+  fullWidth: J,
+  label: K,
+  label_large: P,
+  label_disabled: Q,
+  label_inverted: X,
+  label_inverted_disabled: Y,
+  required: ee,
+  required_disabled: ne,
+  required_inverted: te,
+  required_inverted_disabled: ie,
+  fileUploadContainer: le,
+  iconContainerLeft: se,
+  iconContainerRight: oe,
+  dragOver: re,
+  variant_document: ae,
+  icon: ce,
+  variant_add: _e,
+  disabled: de,
+  error: ge,
+  success: ue,
+  loading: fe,
+  inverted: he,
+  uploadContent: pe,
+  selectedFileContent: je,
+  withoutError: me,
+  selectedFileName: ve,
+  selectedFileSize: Fe,
+  removeButton: xe,
+  textContent: Ie,
+  dragText: Ce,
+  browseText: be,
+  hiddenInput: Te,
+  helperText: we,
+  helperText_default: Ne,
+  helperText_compact: Se,
+  helperText_disabled: De,
+  helperText_inverted: Ee,
+  helperText_inverted_disabled: We,
+  errorMessage: Le,
+  errorMessage_default: Me,
+  errorMessage_compact: qe,
+  errorMessage_inverted: Ue,
+  selectedFilesContainer: ze,
+  selectedFilesHeader: Be,
+  selectedFilesText: Ae,
+  clearButton: Oe,
+  filesList: $e,
+  fileItem: ke,
+  fileName: He,
+  fileSize: Re,
+  bigZIndex: Ve,
+  cancelIconWrapper: Ze,
+  fadeInSlideDown: ye,
+  selectedFileInfo: Ge,
+  fadeInSlideUp: Je,
+  successIconWrapper: Ke,
+  loadingIconWrapper: Pe,
+  fadeIn: Qe,
+  withSuccess: Xe,
+  withLoading: Ye,
+  errorText: en,
+  successText: nn,
+  inlineFileContainer: tn,
+  inlineFileIcon: ln,
   default: "_default_1ejg3_716",
-  inlineFileInfo: ln,
-  inlineFileName: sn,
-  inlineErrorText: on,
-  inlineSuccessText: rn,
-  inlineFileActions: an,
-  inlineActionIcon: cn,
-  fadeInSlideUpCentered: _n
-}, jn = ({
-  variant: w = "document",
-  helperText: N,
+  inlineFileInfo: sn,
+  inlineFileName: on,
+  inlineErrorText: rn,
+  inlineSuccessText: an,
+  inlineFileActions: cn,
+  inlineActionIcon: _n,
+  fadeInSlideUpCentered: dn
+}, mn = ({
+  variant: N = "document",
+  helperText: S,
   error: l,
   success: r,
   loading: s = !1,
   disabled: c = !1,
-  inverted: S = !1,
-  dragText: D,
-  browseText: E = "Seleccionar archivo",
+  defaultFile: v = null,
+  inverted: D = !1,
+  dragText: E,
+  browseText: W = "Seleccionar archivo",
   allowedTypes: _,
-  inspectFileFunction: W = () => {
+  inspectFileFunction: L = () => {
     console.warn(
       "No hay función asignada para ver el archivo. Hay que pasarla al componente como prop inspectFileFunction."
     );
   },
-  maxFileSize: v,
+  maxFileSize: F,
   onFileSelect: f,
-  fullWidth: F = !1,
-  style: L
+  fullWidth: x = !1,
+  style: M
 }) => {
-  const [M, h] = m(!1), [t, q] = m(null), [x, I] = m(!1), p = R(null);
-  V(() => {
+  const [q, h] = m(!1), [t, U] = m(v || null), [I, C] = m(!1), p = V(null);
+  Z(() => {
     if (!t) return;
     const n = [];
     l && n.push("error"), r && n.push("success"), s && n.push("loading"), n.length > 1 && console.warn(
       `⚠️ FileUpload: Múltiples estados detectados (${n.join(", ")}). Solo un estado debe estar activo a la vez.`
     );
   }, [l, r, s, t]);
-  const U = N, z = (n) => {
+  const z = S, B = (n) => {
     n.preventDefault(), c || h(!0);
-  }, B = (n) => {
-    n.preventDefault(), h(!1);
   }, A = (n) => {
-    n.preventDefault();
+    n.preventDefault(), h(!1);
   }, O = (n) => {
+    n.preventDefault();
+  }, $ = (n) => {
     if (n.preventDefault(), h(!1), c) return;
     const a = n.dataTransfer.files;
-    C(a);
-  }, $ = (n) => {
+    b(a);
+  }, k = (n) => {
     const a = n.target.files;
-    C(a);
-  }, C = (n) => {
+    b(a);
+  }, b = (n) => {
     if (!n) return;
     if (_ && _.length > 0)
       for (let o = 0; o < n.length; o++) {
@@ -131,54 +132,54 @@ import '../../assets/FileUpload.css';const y = "_inputContainer_1ejg3_1", G = "_
           return;
         }
       }
-    if (v)
+    if (F)
       for (let o = 0; o < n.length; o++) {
         const d = n[o];
-        if (d.size > v) {
+        if (d.size > F) {
           console.warn(`File ${d.name} exceeds maximum size`);
           return;
         }
       }
     const a = n ? n[0] : null;
-    q(a), f == null || f(
+    U(a), f == null || f(
       a ? (() => {
         const o = new DataTransfer();
         return o.items.add(a), o.files;
       })() : null
     );
-  }, k = () => {
+  }, H = () => {
     !c && p.current && p.current.click();
-  }, H = [
+  }, R = [
     e.fileUploadContainer,
-    F && e.fullWidth,
-    e[`variant_${w}`],
+    x && e.fullWidth,
+    e[`variant_${N}`],
     t && l ? e.error : "",
     t && !l && s ? e.loading : "",
     t && !l && !s && r ? e.success : "",
     c ? e.disabled : "",
-    S ? e.inverted : "",
-    M ? e.dragOver : ""
+    D ? e.inverted : "",
+    q ? e.dragOver : ""
   ].filter(Boolean).join(" ");
   return /* @__PURE__ */ i(
     "div",
     {
-      className: `${e.inputContainer} ${F ? e.fullWidth : ""}`,
+      className: `${e.inputContainer} ${x ? e.fullWidth : ""}`,
       children: /* @__PURE__ */ g(
         "div",
         {
-          className: H,
-          onDragEnter: z,
-          onDragLeave: B,
-          onDragOver: A,
-          onDrop: O,
+          className: R,
+          onDragEnter: B,
+          onDragLeave: A,
+          onDragOver: O,
+          onDrop: $,
           onClick: t ? () => {
-          } : k,
-          style: { cursor: c ? "not-allowed" : "pointer", ...L },
+          } : H,
+          style: { cursor: c ? "not-allowed" : "pointer", ...M },
           onMouseEnter: () => {
-            I(!0);
+            C(!0);
           },
           onMouseLeave: () => {
-            I(!1);
+            C(!1);
           },
           children: [
             /* @__PURE__ */ i(
@@ -187,7 +188,7 @@ import '../../assets/FileUpload.css';const y = "_inputContainer_1ejg3_1", G = "_
                 ref: p,
                 type: "file",
                 className: e.hiddenInput,
-                onChange: $,
+                onChange: k,
                 disabled: c,
                 accept: _ == null ? void 0 : _.join(",")
               }
@@ -195,7 +196,7 @@ import '../../assets/FileUpload.css';const y = "_inputContainer_1ejg3_1", G = "_
             /* @__PURE__ */ g("div", { className: e.uploadContent, children: [
               t && l && /* @__PURE__ */ i("div", { className: e.cancelIconWrapper, children: /* @__PURE__ */ i(u, { name: "CancelIcon", fill: "white", height: 30, width: 30 }) }),
               t && !l && s && /* @__PURE__ */ i("div", { className: e.loadingIconWrapper, children: /* @__PURE__ */ i(
-                Z,
+                y,
                 {
                   size: 10,
                   color: "primary",
@@ -218,14 +219,14 @@ import '../../assets/FileUpload.css';const y = "_inputContainer_1ejg3_1", G = "_
                       ] }) }),
                       t && l ? /* @__PURE__ */ i("p", { className: e.errorText, children: l }) : t && !s && r ? /* @__PURE__ */ i("p", { className: e.successText, children: r }) : null,
                       t && !l && !s && !r && /* @__PURE__ */ i(
-                        T,
+                        w,
                         {
                           className: e.bigZIndex,
                           icon: {
                             name: "Visibility",
                             position: "before"
                           },
-                          onClick: W,
+                          onClick: L,
                           size: "small",
                           children: "Ver archivo"
                         }
@@ -233,29 +234,29 @@ import '../../assets/FileUpload.css';const y = "_inputContainer_1ejg3_1", G = "_
                     ]
                   }
                 )
-              ) : /* @__PURE__ */ i(b, { children: /* @__PURE__ */ g("div", { className: e.textContent, children: [
-                /* @__PURE__ */ i("span", { className: e.dragText, children: D || U }),
+              ) : /* @__PURE__ */ i(T, { children: /* @__PURE__ */ g("div", { className: e.textContent, children: [
+                /* @__PURE__ */ i("span", { className: e.dragText, children: E || z }),
                 /* @__PURE__ */ i(
-                  T,
+                  w,
                   {
                     size: "small",
                     icon: {
                       name: "DownloadIcon",
                       position: "before"
                     },
-                    children: E
+                    children: W
                   }
                 )
               ] }) })
             ] }),
-            /* @__PURE__ */ g(b, { children: [
+            /* @__PURE__ */ g(T, { children: [
               /* @__PURE__ */ i("div", { className: e.iconContainerLeft, children: /* @__PURE__ */ i(
                 u,
                 {
                   name: "Documentos",
                   height: 140,
                   width: 140,
-                  fill: t && l ? "#FEF2F2" : x ? "#C4D5F1" : "#E0E9F8"
+                  fill: t && l ? "#FEF2F2" : I ? "#C4D5F1" : "#E0E9F8"
                 }
               ) }),
               /* @__PURE__ */ i("div", { className: e.iconContainerRight, children: /* @__PURE__ */ i(
@@ -264,7 +265,7 @@ import '../../assets/FileUpload.css';const y = "_inputContainer_1ejg3_1", G = "_
                   name: "Documentos",
                   height: 140,
                   width: 140,
-                  fill: t && l ? "#FEF2F2" : x ? "#C4D5F1" : "#E0E9F8"
+                  fill: t && l ? "#FEF2F2" : I ? "#C4D5F1" : "#E0E9F8"
                 }
               ) })
             ] })
@@ -275,5 +276,5 @@ import '../../assets/FileUpload.css';const y = "_inputContainer_1ejg3_1", G = "_
   );
 };
 export {
-  jn as FileUpload
+  mn as FileUpload
 };

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

@@ -1,4 +1,14 @@
 import { default as React } from 'react';
+import { ButtonSize, ButtonVariant } from '../Button';
+type ModalButtonProps = {
+    show?: boolean;
+    text?: string;
+    disabled?: boolean;
+    action?: () => Promise<void> | void;
+    size?: ButtonSize;
+    variant?: ButtonVariant;
+    loading?: boolean;
+};
 /**
  * Props del Modal
  */
@@ -7,10 +17,8 @@ export interface ModalProps extends React.HTMLAttributes<HTMLSpanElement> {
     title?: string;
     children?: React.ReactNode;
     width?: number;
-    confirmButton?: string | boolean;
-    cancelButton?: string | boolean;
-    onConfirm?: () => Promise<void> | void;
-    onCancel?: () => Promise<void> | void;
+    confirmButton: ModalButtonProps;
+    cancelButton: ModalButtonProps;
     zIndex?: number;
     className?: string;
     onClickOverlay?: (() => Promise<void> | void) | false;
@@ -18,32 +26,34 @@ export interface ModalProps extends React.HTMLAttributes<HTMLSpanElement> {
     closeModal: () => void;
 }
 /**
- * Componente Modal para mostrar un modal con overlay.
- * Permite pasar título, contenido personalizado, botones de confirmación y cancelación,
- * y manejar el cierre del modal mediante callbacks.
+ * Modal con overlay, header, body y footer configurable.
+ *
+ * Puedes pasar un objeto a `confirmButton` y `cancelButton` para controlar:
+ * - `show`: si se renderiza el botón (por defecto true)
+ * - `text`: texto del botón
+ * - `action`: función a ejecutar al hacer click
+ * - `variant`: variante visual del botón ("brand", "outline", etc.)
+ * - `size`: tamaño del botón ("small", "medium", "large")
+ * - `disabled`: deshabilita el botón
+ * - `loading`: muestra estado de carga en el botón
  *
  * @param isOpen - Controla la visibilidad del modal.
  * @param title - Título que se muestra en el header del modal.
  * @param children - Contenido del modal; puede ser cualquier componente React.
  * @param width - Ancho del modal en píxeles. Por defecto 752.
- * @param confirmButton - Texto del botón de confirmación.  Si es `true`, muestra "Confirmar". Si es `false`, no se renderiza. Se puede pasar texto personalizado.
- * @param cancelButton - Texto del botón de cancelación.  Si es `true`, muestra "Cancelar". Si es `false`, no se renderiza. Se puede pasar texto personalizado
- * @param onConfirm - Callback opcional al pulsar el botón de confirmación.
- * @param onCancel - Callback opcional al pulsar el botón de cancelación.
+ * @param confirmButton - Configuración del botón de confirmación.
+ * @param cancelButton - Configuración del botón de cancelación.
  * @param zIndex - Número para controlar la superposición del modal.
  * @param className - Clases CSS adicionales para el modal.
  * @param style - Estilos inline adicionales para el contenedor del modal.
- * @param onClickOverlay - Callback opcional al hacer click fuera del modal.
- *        Si se pasa `false`, el overlay no cerrará el modal ni ejecutará acción alguna.
- * @param onClose - Callback opcional al hacer click en el icono de cierre.
- *        Si se pasa `false`, no se renderiza el icono.
+ * @param onClickOverlay - Callback opcional al hacer click fuera del modal. Si se pasa `false`, el overlay no cierra el modal ni ejecuta acción.
+ * @param onClose - Callback opcional al pulsar el icono de cierre. Si se pasa `false`, no se renderiza el icono de cierre.
  * @param closeModal - Función obligatoria que cierra el modal desde el exterior.
  *
- *
  * @example
  * ```tsx
  * import { useState } from "react";
- * import { Modal, Button } from "tu-libreria";
+ * import { Modal, Button } from "bmi-next-brokers";
  *
  * export default function Example() {
  *   const [isOpen, setIsOpen] = useState(false);
@@ -60,21 +70,25 @@ export interface ModalProps extends React.HTMLAttributes<HTMLSpanElement> {
  *         closeModal={() => setIsOpen(false)}
  *         title="Ejemplo de Modal"
  *         width={500}
- *         confirmButton={false}
- *         cancelButton="Cancelar"
- *         onConfirm={handleConfirm}
- *         onCancel={handleCancel}
+ *         confirmButton={{
+ *           text: "Guardar",
+ *           action: handleConfirm,
+ *           variant: "brand",
+ *           size: "small",
+ *           loading: false
+ *         }}
+ *         cancelButton={{
+ *           show: false, // no se renderiza
+ *           text: "Cerrar",
+ *           action: handleCancel,
+ *           variant: "outline",
+ *           size: "small",
+ *           loading: false
+ *         }}
  *         onClose={() => console.log("Click en el botón de cierre")}
  *       >
  *         <div style={{ padding: "16px 0" }}>
- *           <p>
- *             Este es un contenido de ejemplo dentro del modal. Puedes poner
- *             cualquier componente aquí: formularios, listas, tablas, etc.
- *           </p>
- *           <p>
- *             Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nisi vel
- *             consectetur interdum, aliquet nunc vitae convallis sapien.
- *           </p>
+ *           <p>Contenido del modal...</p>
  *         </div>
  *       </Modal>
  *     </>
@@ -83,3 +97,4 @@ export interface ModalProps extends React.HTMLAttributes<HTMLSpanElement> {
  * ```
  */
 export declare const Modal: React.FC<ModalProps>;
+export {};