react-ecosistema-unp 0.4.5 → 0.5.0

package/dist/CardHeaderContext-DVw0yHuy.js

@@ -0,0 +1,6 @@
+import * as t from "react";
+const e = /* @__PURE__ */ t.createContext(null);
+e.displayName = "CardHeaderContext";
+export {
+  e as c
+};

package/dist/Tarjeta-Big0dus2.js

@@ -0,0 +1,17 @@
+import * as m from "react";
+import { u as t, c as e } from "./ThemeProvider-CFCmmLJC.js";
+import { jsx as c } from "react/jsx-runtime";
+import './assets/Tarjeta.css';const p = /* @__PURE__ */ m.forwardRef(({
+  className: r,
+  bsPrefix: a,
+  as: o = "div",
+  ...s
+}, d) => (a = t(a, "card-body"), /* @__PURE__ */ c(o, {
+  ref: d,
+  className: e(r, a),
+  ...s
+})));
+p.displayName = "CardBody";
+export {
+  p as C
+};

package/dist/assets/Encabezado.css

@@ -0,0 +1 @@
+.title-container{display:flex;gap:1rem;align-items:center;align-content:center}.logo-subtitle-container{height:100%;display:flex;gap:.66rem;align-items:center}.red-section{height:60px;width:10px;background-color:#d13c47;border-top-right-radius:7px;border-bottom-right-radius:7px}.img-logo{height:52px;object-fit:cover}.title{font-weight:500;font-size:1.55rem;color:#232323}.subtitle{font-size:1.05rem;color:#3f3f3f}.subtitle-container{display:flex;flex-direction:column}

package/dist/assets/Tabla.css

@@ -1 +1 @@
-.table_container{display:flex;flex-direction:column;gap:1.5rem;text-align:center;margin-top:2rem}.table-scroll{position:relative;max-height:70vh;overflow-y:auto;overflow-x:auto;margin-right:5px;margin-left:5px;border-radius:10px;box-shadow:0 2px 12px #00000016;background:#ececec}.table-scroll th,.table-scroll td{white-space:nowrap;word-wrap:normal;min-width:100px;padding-left:15px;padding-right:15px}.table-scroll::-webkit-scrollbar{width:20px}.table-scroll::-webkit-scrollbar-track{background:linear-gradient(to bottom right,#ececec,#f8f8f8,#fff);border-top-right-radius:10px;border-bottom-right-radius:10px}.table-scroll::-webkit-scrollbar-thumb{background-color:#303d50;border-radius:10px;border:6px solid transparent;background-clip:padding-box}thead tr th{background-color:#fff!important;border-bottom:1px solid #DEE2E6!important;position:sticky;top:0;z-index:2}.table td,.table th{text-align:center;vertical-align:middle}.table{margin-bottom:0!important}.table-header-unp{background-color:#ebecee!important;color:#2c2c2c!important;font-weight:600;font-size:1.1rem;padding:1.25rem 0!important}.cell-with-modal{transition:background-color .3s ease}.cell-with-modal:hover{background-color:#303d50!important;color:#fff;font-weight:600}.data-count,.data-unp{font-weight:500;font-size:.85rem;margin-top:1rem;margin-left:5px;margin-right:5px;color:#8c8c8f}.animation-container{gap:2rem;height:73vh;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#919191}@media (min-width: 1800px){.table-scroll{max-height:75vh}}
+.table_container{display:flex;flex-direction:column;gap:1.5rem;text-align:center;margin-top:2rem}.table-scroll{position:relative;max-height:70vh;overflow-y:auto;overflow-x:auto;margin-right:5px;margin-left:5px;border-radius:10px;box-shadow:0 2px 12px #00000016;background:#f7f7f9}.table-scroll th,.table-scroll td{white-space:nowrap;word-wrap:normal;min-width:100px;padding-left:15px;padding-right:15px}.table-scroll::-webkit-scrollbar{width:20px}.table-scroll::-webkit-scrollbar-track{background:linear-gradient(to bottom right,#f7f7f9,#f9f9f9,#fff);border-top-right-radius:10px;border-bottom-right-radius:10px}.table-scroll::-webkit-scrollbar-thumb{background-color:#303d50;border-radius:10px;border:6px solid transparent;background-clip:padding-box}thead tr th{background-color:#fff!important;border-bottom:1px solid #DEE2E6!important;position:sticky;top:0;z-index:2}.table td,.table th{text-align:center;vertical-align:middle}.table{margin-bottom:0!important}.table-header-unp{background-color:#f7f7f9!important;color:#2c2c2c!important;font-weight:600;font-size:1.1rem;padding:1.25rem 0!important}.cell-with-modal{transition:background-color .3s ease}.cell-with-modal:hover{background-color:#303d50!important;color:#fff;font-weight:600}.data-count,.data-unp{font-weight:500;font-size:.85rem;margin-top:1rem;margin-left:5px;margin-right:5px;color:#8c8c8f}.animation-container{gap:2rem;height:73vh;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#919191}@media (min-width: 1800px){.table-scroll{max-height:75vh}}

package/dist/assets/TablaRegistros.css

@@ -1 +1 @@
-.unp-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-left:5px;margin-right:5px;margin-top:2rem;margin-bottom:2rem}.title-container{display:flex;gap:1rem;align-items:center;align-content:center}.logo-subtitle-container{height:100%;display:flex;gap:.66rem;align-items:center}.red-section{height:60px;width:10px;background-color:#d13c47;border-top-right-radius:7px;border-bottom-right-radius:7px}.img-logo{height:52px;object-fit:cover}.title{font-weight:500;font-size:1.55rem;color:#232323}.subtitle{font-size:1.05rem;color:#3f3f3f}.subtitle-container{display:flex;flex-direction:column}.inputs-container{display:flex;justify-content:end;width:35%;gap:1rem}@media (max-width: 1400px){.inputs-container{width:40%}}@media (max-width: 1300px){.inputs-container{width:42.5%}}@media (max-width: 1200px){.inputs-container{width:45%}}@media (max-width: 992px){.inputs-container{width:50%}}@media (max-width: 768px){.inputs-container{width:60%}}
+.unp-row{display:flex;flex-direction:row;justify-content:space-between;align-items:center;margin-left:5px;margin-right:5px;margin-top:1.25rem;margin-bottom:1.75rem}.title-container{display:flex;gap:1rem;align-items:center;align-content:center}.logo-subtitle-container{height:100%;display:flex;gap:.66rem;align-items:center}.red-section{height:60px;width:10px;background-color:#d13c47;border-top-right-radius:7px;border-bottom-right-radius:7px}.img-logo{height:52px;object-fit:cover}.title{font-weight:500;font-size:1.55rem;color:#232323}.subtitle{font-size:1.05rem;color:#3f3f3f}.subtitle-container{display:flex;flex-direction:column}.inputs-container{display:flex;justify-content:end;width:35%;gap:1rem}@media (max-width: 1400px){.inputs-container{width:40%}}@media (max-width: 1300px){.inputs-container{width:42.5%}}@media (max-width: 1200px){.inputs-container{width:45%}}@media (max-width: 992px){.inputs-container{width:50%}}@media (max-width: 768px){.inputs-container{width:60%}}

package/dist/assets/Tarjeta.css

@@ -0,0 +1 @@
+.bg-unp{border-radius:6px 6px 0 0!important;background-color:#303d50!important}.tarjeta-unp{border-radius:12px!important;box-shadow:0 6px 10px #00000019;border-bottom-left-radius:12px}.tarjeta-header-unp{border-top-left-radius:12px!important;border-top-right-radius:12px!important;font-size:1.075rem}.tarjeta-container{padding-top:1.3rem!important;padding-bottom:1.35rem!important}.tarjeta-container-section{background-color:#f7f7f7}.tarjeta-container-last{border-bottom-left-radius:12px;border-bottom-right-radius:12px}

package/dist/assets/TituloModal.css

@@ -1 +1 @@
-.modal-title-container{display:flex;justify-content:space-between;align-items:center}.red-item{height:30px;width:8px;background-color:#d13c47;border-top-right-radius:5px;border-bottom-right-radius:5px}.modal-subtitle-container-left{display:flex;justify-content:center;align-items:center;font-weight:500;gap:.5rem}.modal-subtitle{margin:0;padding:0;font-size:1.1rem;color:#303d50;font-weight:600}.modal-subtitle-container-right{display:flex;justify-content:flex-end;overflow:visible}.animation-wrapper{position:relative;display:grid;grid-template-columns:1fr;width:100%}.buttons-group,.close-group{grid-row-start:1;grid-column-start:1;display:flex;gap:1rem;align-items:center;transition:all .2s cubic-bezier(.1,0,.1,1)}.buttons-group{opacity:1}.close-group{opacity:0;justify-content:flex-end}.buttons-group.hide{opacity:0}.close-group.show{opacity:1}.icon-registro{font-size:1.66rem;transition:all .3s ease-in-out;color:#646c73}.icon-registro:hover{color:#1f79ef;transition:all .3s ease-in-out;cursor:pointer}.icon-close-registro{font-size:1.66rem;transition:all .3s ease-in-out;color:#d13c47}.icon-close-registro:hover{color:#a31a23;transition:all .3s ease-in-out;cursor:pointer}.modal-horizontal-line{border-radius:10px;border-top:2px solid #D13C47;margin-top:.5rem;opacity:.75}.modal-title-body{height:calc(100% - 72px);overflow-y:auto}.modal-title-body::-webkit-scrollbar{width:10px}.modal-title-body::-webkit-scrollbar-track{background:transparent}.modal-title-body::-webkit-scrollbar-thumb{background-color:#303d50;border-radius:10px;border:3px solid transparent;background-clip:padding-box}.icon-container{position:relative;display:inline-block}.tooltip-text{z-index:9999;visibility:hidden;width:max-content;background-color:#737a83c0;color:#fff;text-align:center;border-radius:7px;padding:6px 10px;position:absolute;z-index:1000;top:100%;right:0;margin-top:8px;opacity:0;transition:opacity .1s;pointer-events:none;font-size:.9rem;transition:all .1s ease-in-out}.icon-container:hover .tooltip-text{visibility:visible;opacity:1}
+.modal-title-container{display:flex;justify-content:space-between;align-items:center}.red-item{height:30px;width:8px;background-color:#d13c47;border-top-right-radius:5px;border-bottom-right-radius:5px}.modal-subtitle-container-left{display:flex;justify-content:center;align-items:center;font-weight:500;gap:.5rem}.modal-subtitle{margin:0;padding:0;font-size:1.1rem;color:#303d50;font-weight:600}.modal-subtitle-container-right{display:flex;justify-content:flex-end;overflow:visible}.animation-wrapper{position:relative;display:grid;grid-template-columns:1fr;width:100%}.buttons-group,.close-group{grid-row-start:1;grid-column-start:1;display:flex;gap:1rem;align-items:center;transition:all .2s cubic-bezier(.1,0,.1,1)}.buttons-group{opacity:1}.close-group{opacity:0;justify-content:flex-end}.buttons-group.hide{opacity:0}.close-group.show{opacity:1}.icon-registro{font-size:1.4rem;transition:all .3s ease-in-out;color:#646c73}.icon-registro:hover{color:#1f79ef;transition:all .3s ease-in-out;cursor:pointer}.icon-close-registro{font-size:1.4rem;transition:all .3s ease-in-out;color:#d13c47}.icon-close-registro:hover{color:#a31a23;transition:all .3s ease-in-out;cursor:pointer}.modal-horizontal-line{border-radius:10px;border-top:2px solid #D13C47;margin-top:.5rem;opacity:.75}.modal-title-body{height:calc(100% - 72px);overflow-y:auto}.modal-title-body::-webkit-scrollbar{width:10px}.modal-title-body::-webkit-scrollbar-track{background:transparent}.modal-title-body::-webkit-scrollbar-thumb{background-color:#303d50;border-radius:10px;border:3px solid transparent;background-clip:padding-box}.icon-container{position:relative;display:inline-block}.tooltip-text{z-index:9999;visibility:hidden;width:max-content;background-color:#737a83c0;color:#fff;text-align:center;border-radius:7px;padding:6px 10px;position:absolute;z-index:1000;top:100%;right:0;margin-top:8px;opacity:0;transition:opacity .1s;pointer-events:none;font-size:.9rem;transition:all .1s ease-in-out}.icon-container:hover .tooltip-text{visibility:visible;opacity:1}

package/dist/lib/tables/components/Modal.d.ts

@@ -7,4 +7,4 @@ interface CustomModalProps {
     closeModalOut: boolean;
 }
 declare const CustomModal: React.FC<CustomModalProps>;
-export default CustomModal;
+export { CustomModal };

package/dist/lib/ui/components/ContenedorTarjeta.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+interface ContenedorTarjetaProps {
+    isGray?: boolean;
+    children: React.ReactNode;
+    isLast?: boolean;
+}
+declare const ContenedorTarjeta: React.FC<ContenedorTarjetaProps>;
+export { ContenedorTarjeta };

package/dist/lib/ui/components/Encabezado.d.ts

@@ -1,6 +1,7 @@
 import { default as React } from 'react';
 interface EncabezadoProps {
-    dependencia: String;
+    titulo?: string;
+    subtitulo: string;
 }
 declare const Encabezado: React.FC<EncabezadoProps>;
-export default Encabezado;
+export { Encabezado };

package/dist/lib/ui/components/Tarjeta.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+interface TarjetaProps {
+    title: string;
+    children: React.ReactNode;
+}
+declare const Tarjeta: React.FC<TarjetaProps>;
+export { Tarjeta };

package/dist/lib/ui.d.ts

@@ -1 +1,5 @@
+export { Encabezado } from './ui/components/Encabezado';
 export { Subtitulo } from './ui/components/Subtitulo';
+export { TituloModal } from './tables/components/TituloModal';
+export { Tarjeta } from './ui/components/Tarjeta';
+export { ContenedorTarjeta } from './ui/components/ContenedorTarjeta';

package/dist/shared/components/VentanaTabs.js

@@ -1,21 +1,20 @@
 import { jsx as r, jsxs as j } from "react/jsx-runtime";
-import * as m from "react";
-import g, { useRef as O, useContext as E, useEffect as M } from "react";
+import * as b from "react";
+import C, { useRef as O, useContext as E, useEffect as M } from "react";
 import { MenuLateral as F } from "./MenuLateral.js";
-import { N as W, u as Y, a as z, d as G, b as J, q as Q, c as D, e as L, f as X, g as Z } from "../../NotificacionUsuario-BA4-axVh.js";
-import { u as ee, T as te, g as ne, a as ae, b as re } from "../../Bootstrap-B6mAgGTS.js";
+import { N as H, u as W, a as Y, d as z, b as G, q as J, c as D, e as L, f as Q, g as X } from "../../NotificacionUsuario-BA4-axVh.js";
+import { u as Z, T as ee, g as te, a as ne, b as ae } from "../../Bootstrap-B6mAgGTS.js";
 import { u as k, c as B } from "../../ThemeProvider-CFCmmLJC.js";
-import { S as P, T as se, m as oe } from "../../TabContext-BvNFEruk.js";
-const U = /* @__PURE__ */ m.createContext(null);
-U.displayName = "CardHeaderContext";
+import { S as P, T as re, m as se } from "../../TabContext-BvNFEruk.js";
+import { c as oe } from "../../CardHeaderContext-DVw0yHuy.js";
 function A(n, e) {
   let a = 0;
-  return m.Children.map(n, (t) => /* @__PURE__ */ m.isValidElement(t) ? e(t, a++) : t);
+  return b.Children.map(n, (t) => /* @__PURE__ */ b.isValidElement(t) ? e(t, a++) : t);
 }
 function le(n, e) {
   let a = 0;
-  m.Children.forEach(n, (t) => {
-    /* @__PURE__ */ m.isValidElement(t) && e(t, a++);
+  b.Children.forEach(n, (t) => {
+    /* @__PURE__ */ b.isValidElement(t) && e(t, a++);
   });
 }
 const ie = ["as", "onSelect", "activeKey", "role", "onKeyDown"];
@@ -29,7 +28,7 @@ function ce(n, e) {
   return a;
 }
 const I = () => {
-}, R = G("event-key"), V = /* @__PURE__ */ m.forwardRef((n, e) => {
+}, R = z("event-key"), U = /* @__PURE__ */ b.forwardRef((n, e) => {
   let {
     // Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
     as: a = "div",
@@ -38,19 +37,19 @@ const I = () => {
     role: c,
     onKeyDown: o
   } = n, u = ce(n, ie);
-  const x = Y(), v = O(!1), y = E(P), l = E(se);
-  let p, N;
-  l && (c = c || "tablist", s = l.activeKey, p = l.getControlledId, N = l.getControllerId);
-  const f = O(null), b = (i) => {
+  const x = W(), m = O(!1), y = E(P), l = E(re);
+  let v, N;
+  l && (c = c || "tablist", s = l.activeKey, v = l.getControlledId, N = l.getControllerId);
+  const f = O(null), p = (i) => {
     const d = f.current;
     if (!d) return null;
-    const T = Q(d, `[${R}]:not([aria-disabled=true])`), S = d.querySelector("[aria-selected=true]");
+    const T = J(d, `[${R}]:not([aria-disabled=true])`), S = d.querySelector("[aria-selected=true]");
     if (!S || S !== document.activeElement) return null;
     const w = T.indexOf(S);
     if (w === -1) return null;
-    let h = w + i;
-    return h >= T.length && (h = 0), h < 0 && (h = T.length - 1), T[h];
-  }, C = (i, d) => {
+    let g = w + i;
+    return g >= T.length && (g = 0), g < 0 && (g = T.length - 1), T[g];
+  }, h = (i, d) => {
     i != null && (t == null || t(i, d), y == null || y(i, d));
   }, K = (i) => {
     if (o == null || o(i), !l)
@@ -59,47 +58,47 @@ const I = () => {
     switch (i.key) {
       case "ArrowLeft":
       case "ArrowUp":
-        d = b(-1);
+        d = p(-1);
         break;
       case "ArrowRight":
       case "ArrowDown":
-        d = b(1);
+        d = p(1);
         break;
       default:
         return;
     }
-    d && (i.preventDefault(), C(d.dataset[J("EventKey")] || null, i), v.current = !0, x());
+    d && (i.preventDefault(), h(d.dataset[G("EventKey")] || null, i), m.current = !0, x());
   };
   M(() => {
-    if (f.current && v.current) {
+    if (f.current && m.current) {
       const i = f.current.querySelector(`[${R}][aria-selected=true]`);
       i == null || i.focus();
     }
-    v.current = !1;
+    m.current = !1;
   });
-  const H = ee(e, f);
+  const q = Z(e, f);
   return /* @__PURE__ */ r(P.Provider, {
-    value: C,
-    children: /* @__PURE__ */ r(z.Provider, {
+    value: h,
+    children: /* @__PURE__ */ r(Y.Provider, {
       value: {
         role: c,
         // used by NavLink to determine it's role
-        activeKey: oe(s),
-        getControlledId: p || I,
+        activeKey: se(s),
+        getControlledId: v || I,
         getControllerId: N || I
       },
       children: /* @__PURE__ */ r(a, Object.assign({}, u, {
         onKeyDown: K,
-        ref: H,
+        ref: q,
         role: c
       }))
     })
   });
 });
-V.displayName = "Nav";
-const de = Object.assign(V, {
-  Item: W
-}), $ = /* @__PURE__ */ m.forwardRef(({
+U.displayName = "Nav";
+const de = Object.assign(U, {
+  Item: H
+}), $ = /* @__PURE__ */ b.forwardRef(({
   className: n,
   bsPrefix: e,
   as: a = "div",
@@ -110,7 +109,7 @@ const de = Object.assign(V, {
   ...t
 })));
 $.displayName = "NavItem";
-const _ = /* @__PURE__ */ m.forwardRef((n, e) => {
+const V = /* @__PURE__ */ b.forwardRef((n, e) => {
   const {
     as: a = "div",
     bsPrefix: t,
@@ -119,34 +118,34 @@ const _ = /* @__PURE__ */ m.forwardRef((n, e) => {
     justify: o = !1,
     navbar: u,
     navbarScroll: x,
-    className: v,
+    className: m,
     activeKey: y,
     ...l
   } = L(n, {
     activeKey: "onSelect"
-  }), p = k(t, "nav");
-  let N, f, b = !1;
-  const C = E(X), K = E(U);
-  return C ? (N = C.bsPrefix, b = u ?? !0) : K && ({
+  }), v = k(t, "nav");
+  let N, f, p = !1;
+  const h = E(Q), K = E(oe);
+  return h ? (N = h.bsPrefix, p = u ?? !0) : K && ({
     cardHeaderBsPrefix: f
   } = K), /* @__PURE__ */ r(de, {
     as: a,
     ref: e,
     activeKey: y,
-    className: B(v, {
-      [p]: !b,
-      [`${N}-nav`]: b,
-      [`${N}-nav-scroll`]: b && x,
+    className: B(m, {
+      [v]: !p,
+      [`${N}-nav`]: p,
+      [`${N}-nav-scroll`]: p && x,
       [`${f}-${s}`]: !!f,
-      [`${p}-${s}`]: !!s,
-      [`${p}-fill`]: c,
-      [`${p}-justified`]: o
+      [`${v}-${s}`]: !!s,
+      [`${v}-fill`]: c,
+      [`${v}-justified`]: o
     }),
     ...l
   });
 });
-_.displayName = "Nav";
-const ue = Object.assign(_, {
+V.displayName = "Nav";
+const ue = Object.assign(V, {
   Item: $,
   Link: D
 });
@@ -180,7 +179,7 @@ function me(n) {
     })
   });
 }
-const q = (n) => {
+const _ = (n) => {
   const {
     id: e,
     onSelect: a,
@@ -190,55 +189,55 @@ const q = (n) => {
     variant: o = "tabs",
     children: u,
     activeKey: x = fe(u),
-    ...v
+    ...m
   } = L(n, {
     activeKey: "onSelect"
   });
-  return /* @__PURE__ */ j(te, {
+  return /* @__PURE__ */ j(ee, {
     id: e,
     activeKey: x,
     onSelect: a,
-    transition: ne(t),
+    transition: te(t),
     mountOnEnter: s,
     unmountOnExit: c,
     children: [/* @__PURE__ */ r(ue, {
       id: e,
-      ...v,
+      ...m,
       role: "tablist",
       as: "ul",
       variant: o,
       children: A(u, me)
-    }), /* @__PURE__ */ r(ae, {
+    }), /* @__PURE__ */ r(ne, {
       children: A(u, (y) => {
         const l = {
           ...y.props
         };
-        return delete l.title, delete l.disabled, delete l.tabClassName, delete l.tabAttrs, /* @__PURE__ */ r(re, {
+        return delete l.title, delete l.disabled, delete l.tabClassName, delete l.tabAttrs, /* @__PURE__ */ r(ae, {
           ...l
         });
       })
     })]
   });
 };
-q.displayName = "Tabs";
-const he = ({ children: n }) => {
-  const [e, a] = g.useState(!1), [t, s] = g.useState(void 0), c = () => {
+_.displayName = "Tabs";
+const Ce = ({ children: n }) => {
+  const [e, a] = C.useState(!1), [t, s] = C.useState(void 0), c = () => {
     a(!e);
   };
-  return /* @__PURE__ */ j(g.Fragment, { children: [
-    /* @__PURE__ */ r(Z, {}),
+  return /* @__PURE__ */ j(C.Fragment, { children: [
+    /* @__PURE__ */ r(X, {}),
     /* @__PURE__ */ r(F, { onToggle: c, isOpen: e }),
     /* @__PURE__ */ r("div", { className: `${e ? "menu-open" : ""}`, children: /* @__PURE__ */ r("div", { className: "main-section", children: /* @__PURE__ */ r(
-      q,
+      _,
       {
         id: "controlled-tab",
         activeKey: t,
         onSelect: (o) => s(o !== null ? o : void 0),
-        children: g.Children.map(n, (o) => g.isValidElement(o) ? o : null)
+        children: C.Children.map(n, (o) => C.isValidElement(o) ? o : null)
       }
     ) }) })
   ] });
 };
 export {
-  he as VentanaTabs
+  Ce as VentanaTabs
 };

package/dist/tables/components/Modal.js

@@ -2,12 +2,12 @@ import { jsx as s, jsxs as d } from "react/jsx-runtime";
 import { useState as n, useEffect as f } from "react";
 import '../../assets/Modal.css';const C = ({
   show: o,
-  onHide: a,
+  onHide: l,
   title: c,
   children: r,
   closeModalOut: m
 }) => {
-  const [l, t] = n(!1), [i, e] = n(!1);
+  const [a, t] = n(!1), [i, e] = n(!1);
   return f(() => {
     o ? t(!0) : (e(!0), setTimeout(() => {
       t(!1), e(!1);
@@ -15,21 +15,21 @@ import '../../assets/Modal.css';const C = ({
   }, [o]), /* @__PURE__ */ s(
     "div",
     {
-      className: `modal-overlay ${l ? "show" : ""} ${i ? "hide" : ""}`,
+      className: `modal-overlay ${a ? "show" : ""} ${i ? "hide" : ""}`,
       onClick: () => {
         m && (e(!0), setTimeout(() => {
-          a(), e(!1);
+          l(), e(!1);
         }, 200));
       },
       children: /* @__PURE__ */ d(
         "div",
         {
-          className: `modal-container ${l ? "show" : ""} ${i ? "hide" : ""}`,
+          className: `modal-container ${a ? "show" : ""} ${i ? "hide" : ""}`,
           onClick: (h) => h.stopPropagation(),
           children: [
             /* @__PURE__ */ d("div", { className: "modal_header", children: [
               /* @__PURE__ */ s("span", { children: c }),
-              /* @__PURE__ */ s("button", { className: "close_button", onClick: a, children: "×" })
+              /* @__PURE__ */ s("button", { className: "close_button", onClick: l, children: "×" })
             ] }),
             /* @__PURE__ */ s("div", { className: "modal_body", children: r })
           ]
@@ -39,5 +39,5 @@ import '../../assets/Modal.css';const C = ({
   );
 };
 export {
-  C as default
+  C as CustomModal
 };