react-ecosistema-unp 0.9.15 → 1.0.0-pre-release

package/dist/assets/ContenedorVentana.css

@@ -0,0 +1 @@
+.container-ecosistema-unp{margin:0 auto;width:min(1100px,92%);max-width:100%;box-sizing:border-box;padding:0 .5rem;transition:width .3s ease}@media (max-width: 1600px){.container-ecosistema-unp{width:min(1000px,90%)}}@media (max-width: 1333px){.container-ecosistema-unp{width:min(950px,88%)}}@media (max-width: 1176px){.container-ecosistema-unp{width:min(850px,92%)}}@media (max-width: 1024px){.container-ecosistema-unp{width:min(800px,95%)}}@media (max-width: 900px){.container-ecosistema-unp{width:90%}}@media (max-width: 768px){.container-ecosistema-unp{width:95%;padding:0 1rem}}@media (max-width: 480px){.container-ecosistema-unp{width:100%;padding:0 .75rem}}

package/dist/assets/ContenidoModal.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.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;width:calc(100% + 15px);padding-right:5px;margin-right:-15px}.modal-title-body::-webkit-scrollbar{width:10px}.modal-title-body::-webkit-scrollbar-track{background-color: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:#737a83e7;color:#fff;text-align:center;border-radius:8px;padding:8px 12px;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% - 88px);overflow-y:auto;padding:.5rem;scrollbar-gutter:stable;padding-right:8px;margin-right:-8px;box-sizing:border-box}.modal-title-body::-webkit-scrollbar{width:10px}.modal-title-body::-webkit-scrollbar-track{background-color:transparent}.modal-title-body::-webkit-scrollbar-thumb{background-color:#303d50;border-radius:20px;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:#737a83e7;color:#fff;text-align:center;border-radius:8px;padding:8px 12px;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/assets/Encabezado.css

@@ -1 +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}
+.title-container{display:flex;gap:1rem;align-items:center;align-content:center;margin-top:1.75rem;margin-bottom:1.75rem}.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/Modal.css

@@ -1 +1 @@
-.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:flex-end;align-items:center;transition:opacity .4s ease;opacity:0;visibility:hidden;z-index:1000}.modal-overlay.show{opacity:1;visibility:visible}.modal-overlay.hide{opacity:0;visibility:none}.modal-container{width:42%;height:95vh;background:#fff;box-shadow:0 4px 8px #0003;position:relative;transform:translate(100%);transition:transform .4s ease,opacity .4s ease;border-radius:12px;margin:1.75em}.modal-container.show{transform:translate(0);opacity:1}.modal-container.hide{transform:translate(100%);opacity:0}@media (max-width: 1920px){.modal-container{width:40%!important}}@media (max-width: 1800px){.modal-container{width:42.5%!important}}@media (max-width: 1650px){.modal-container{width:45%!important}}@media (max-width: 1500px){.modal-container{width:50%!important}}@media (max-width: 1425px){.modal-container{width:55%!important}}@media (max-width: 1275px){.modal-container{width:57.5%!important}}@media (max-width: 1150px){.modal-container{width:60%!important}}@media (max-width: 992px){.modal-container{width:70%!important}}@media (max-width: 768px){.modal-container{width:80%!important}}.modal_header{display:flex;justify-content:space-between;align-items:center;padding:10px 30px;background-color:#303d50;color:#fff;font-weight:500;font-size:16px;border-radius:12px 12px 0 0}.modal_body{padding:1.75rem;height:calc(100% - 56px);border-radius:0 0 12px 12px;overflow-y:auto}.close_button{background:none;border:none;font-size:1.5em;cursor:pointer;color:#fff}.close_button:hover{color:#d36269}.unp-row-subtitle{margin-bottom:4rem}.modal_subtitle_container{display:flex;gap:.5rem;font-size:18px;font-weight:400;align-items:center}.modal_body::-webkit-scrollbar{width:10px}.modal_body::-webkit-scrollbar-track{background:transparent}.modal_body::-webkit-scrollbar-thumb{background-color:#303d50;border-radius:10px;border:3px solid transparent;background-clip:padding-box}
+.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;justify-content:flex-end;align-items:center;transition:opacity .4s ease;opacity:0;visibility:hidden;z-index:1000}.modal-overlay.show{opacity:1;visibility:visible}.modal-overlay.hide{opacity:0;visibility:none}.modal-container{width:42%;height:95vh;background:#fff;box-shadow:0 4px 8px #0003;position:relative;transform:translate(100%);transition:transform .4s ease,opacity .4s ease;border-radius:12px;margin:1.75em}.modal-container.show{transform:translate(0);opacity:1}.modal-container.hide{transform:translate(100%);opacity:0}@media (max-width: 1920px){.modal-container{width:40%!important}}@media (max-width: 1800px){.modal-container{width:42.5%!important}}@media (max-width: 1650px){.modal-container{width:45%!important}}@media (max-width: 1500px){.modal-container{width:50%!important}}@media (max-width: 1425px){.modal-container{width:55%!important}}@media (max-width: 1275px){.modal-container{width:57.5%!important}}@media (max-width: 1150px){.modal-container{width:60%!important}}@media (max-width: 992px){.modal-container{width:70%!important}}@media (max-width: 768px){.modal-container{width:80%!important}}.modal_header{display:flex;justify-content:space-between;align-items:center;padding:10px 30px;background-color:#303d50;color:#fff;font-weight:500;font-size:16px;border-radius:12px 12px 0 0}.modal_body{padding:1rem;height:calc(100% - 56px);border-radius:0 0 12px 12px;overflow-y:auto}.close_button{background:none;border:none;font-size:1.5em;cursor:pointer;color:#fff}.close_button:hover{color:#d36269}.unp-row-subtitle{margin-bottom:4rem}.modal_subtitle_container{display:flex;gap:.5rem;font-size:18px;font-weight:400;align-items:center}.modal_body::-webkit-scrollbar{width:10px}.modal_body::-webkit-scrollbar-track{background:transparent}.modal_body::-webkit-scrollbar-thumb{background-color:#303d50;border-radius:10px;border:3px solid transparent;background-clip:padding-box}

package/dist/assets/SeccionTarjeta.css

@@ -1 +1 @@
-.tarjeta-container-section{background-color:#f7f7f7}.tarjeta-container-last{border-bottom-left-radius:12px;border-bottom-right-radius:12px}
+.tarjeta-container-section{background-color:#f7f7f7}

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:#f9fafa}.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,#f9fafa,#f9fafa,#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:#f9fafa!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:.75rem}.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:#f9fafa}.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,#f9fafa,#f9fafa,#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:#f9fafa!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:1.25rem;margin-bottom:1.75rem}.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}.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

@@ -1 +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}
+.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;margin-bottom:1.5rem}.tarjeta-header-unp{border-top-left-radius:12px!important;border-top-right-radius:12px!important;font-size:1.075rem}

package/dist/assets/TarjetaInfo.css

@@ -1 +1 @@
-.tarjeta-info-container{display:flex;flex-direction:column;justify-content:space-between;border:1px solid #F4F4F4;border-radius:10px;box-shadow:0 2px 4px #00000014}.tarjeta-info-titulo-container{display:flex;flex-grow:1;justify-content:space-between;padding:1rem;color:#303d50;font-weight:500}.tarjeta-info-label-container{display:flex;gap:1rem;align-items:center}.tarjeta-info-icon{font-size:20px}.tarjeta-info-label{font-size:1.1rem;font-weight:700;margin-left:.66rem;color:#303d50}.tarjeta-info-show-container{font-size:20px;display:flex;align-items:center;gap:10px}.tarjeta-info-show-button{background-color:transparent!important;font-size:1.25rem!important;color:#303d50;padding:0rem!important;cursor:pointer}.tarjeta-info-show-button:hover{color:#697586;transition:all .3s ease-in-out}.tarjeta-info-children-container{overflow:hidden;transition:all .4s ease-in-out}.tarjeta-info-children-container::-webkit-scrollbar{width:10px}.tarjeta-info-children-container::-webkit-scrollbar-track{background:transparent}.tarjeta-info-children-container::-webkit-scrollbar-thumb{background-color:#303d50;border-radius:10px;border:3px solid transparent;background-clip:padding-box}.tarjeta-info-content{padding:0 1rem 1rem}
+.tarjeta-info-container{display:flex;flex-direction:column;justify-content:space-between;border:1px solid #F4F4F4;border-radius:10px;box-shadow:0 2px 4px #00000014;margin-bottom:1.5rem}.tarjeta-info-titulo-container{display:flex;flex-grow:1;justify-content:space-between;padding:1rem;color:#303d50;font-weight:500}.tarjeta-info-label-container{display:flex;gap:1rem;align-items:center}.tarjeta-info-icon{font-size:20px}.tarjeta-info-label{font-size:1.1rem;font-weight:700;margin-left:.66rem;color:#303d50}.tarjeta-info-show-container{font-size:20px;display:flex;align-items:center;gap:10px}.tarjeta-info-show-button{background-color:transparent!important;font-size:1.25rem!important;color:#303d50;padding:0rem!important;cursor:pointer}.tarjeta-info-show-button:hover{color:#697586;transition:all .3s ease-in-out}.tarjeta-info-children-container{overflow:hidden;transition:all .4s ease-in-out}.tarjeta-info-children-container::-webkit-scrollbar{width:10px}.tarjeta-info-children-container::-webkit-scrollbar-track{background:transparent}.tarjeta-info-children-container::-webkit-scrollbar-thumb{background-color:#303d50;border-radius:10px;border:3px solid transparent;background-clip:padding-box}.tarjeta-info-content{padding:0 1rem 1rem}

package/dist/cards/tarjeta/Tarjeta.js

@@ -3,8 +3,8 @@ import t from "react";
 import '../../assets/Bootstrap.css';import '../../assets/Tarjeta.css';/* empty css                       */
 import { C as f, a as j } from "../../Card-BXqmurzN.js";
 import { C } from "../../CardBody-RoDe1y90.js";
-import { B as b } from "../../Button-DMwpnJlD.js";
-const S = {
+import { B as S } from "../../Button-DMwpnJlD.js";
+const b = {
   marginBottom: "20px",
   width: "100px"
 }, v = ({
@@ -28,11 +28,11 @@ const S = {
       onSubmit: d,
       className: m ? "was-validated" : "",
       children: [
-        /* @__PURE__ */ l(f, { className: "border-0 mb-4 tarjeta-unp", children: [
+        /* @__PURE__ */ l(f, { className: "border-0 tarjeta-unp", children: [
           /* @__PURE__ */ r(j, { className: "d-flex justify-content-between align-items-center bg-unp text-light py-3 tarjeta-header-unp", children: p }),
           y ? u : /* @__PURE__ */ r(C, { className: `${c ? "pt-0" : ""}`, children: s })
         ] }),
-        n === "POST" || n === "post" && /* @__PURE__ */ r("div", { style: { display: "flex", justifyContent: "end" }, children: /* @__PURE__ */ r(b, { variant: "unp_send", style: S, type: "submit", children: "Enviar" }) })
+        n === "POST" || n === "post" && /* @__PURE__ */ r("div", { style: { display: "flex", justifyContent: "end" }, children: /* @__PURE__ */ r(S, { variant: "unp_send", style: b, type: "submit", children: "Enviar" }) })
       ]
     }
   );

package/dist/cards/tarjeta/seccion-tarjeta/SeccionTarjeta.js

@@ -1,13 +1,22 @@
-import { jsx as s } from "react/jsx-runtime";
-import e from "react";
-import { C as l } from "../../../CardBody-RoDe1y90.js";
-import '../../../assets/SeccionTarjeta.css';const n = ({ isGray: r = !1, children: a, isLast: o = !1 }) => {
-  const t = e.Children.toArray(a), i = t[0] && e.isValidElement(t[0]) && t[0].type.displayName === "Subtitulo";
-  return /* @__PURE__ */ s(l, { className: `${r ? "tarjeta-container-section" : ""} 
-            ${o ? "tarjeta-container-last" : ""} 
-            ${i ? "pt-0" : ""}`, children: a });
+import { jsx as l } from "react/jsx-runtime";
+import o from "react";
+import { C as d } from "../../../CardBody-RoDe1y90.js";
+import '../../../assets/SeccionTarjeta.css';const m = ({ isGray: a = !1, children: e, isLast: r = !1, hasPaddingTop: i = !0 }) => {
+  const t = o.Children.toArray(e), s = t[0] && o.isValidElement(t[0]) && t[0].type.displayName === "Subtitulo";
+  return /* @__PURE__ */ l(
+    d,
+    {
+      className: `${a ? "tarjeta-container-section" : ""} 
+            ${s || !i ? "pt-0" : ""}`,
+      style: {
+        borderBottomLeftRadius: r ? "12px" : "",
+        borderBottomRightRadius: r ? "12px" : ""
+      },
+      children: e
+    }
+  );
 };
-n.displayName = "SeccionTarjeta";
+m.displayName = "SeccionTarjeta";
 export {
-  n as SeccionTarjeta
+  m as SeccionTarjeta
 };

package/dist/cards/tarjeta-lectura/TarjetaLectura.js

@@ -1,7 +1,7 @@
 import { jsxs as i, Fragment as l, jsx as e } from "react/jsx-runtime";
 import { useState as v, useRef as d, useEffect as y } from "react";
-import { Logo as _ } from "../../ui/logo/Logo.js";
-import { SeccionTarjetaLectura as g } from "./seccion-tarjeta-lectura/SeccionTarjetaLectura.js";
+import { Logo as g } from "../../ui/logo/Logo.js";
+import { SeccionTarjetaLectura as _ } from "./seccion-tarjeta-lectura/SeccionTarjetaLectura.js";
 import '../../assets/Bootstrap.css';import '../../assets/TarjetaLectura.css';/* empty css                       */
 import { B as h } from "../../Button-DMwpnJlD.js";
 const k = ({ title: m, subtitle: u, headerContent: f, stepContent: n, children: o }) => {
@@ -17,11 +17,11 @@ const k = ({ title: m, subtitle: u, headerContent: f, stepContent: n, children:
           /* @__PURE__ */ e("h3", { children: m }),
           /* @__PURE__ */ e("h5", { children: u })
         ] }),
-        /* @__PURE__ */ e("div", { className: "logo_container_qy", children: /* @__PURE__ */ e(_, { type: "entidad", variant: "unidad", color: "rojo", height: "80px" }) })
+        /* @__PURE__ */ e("div", { className: "logo_container_qy", children: /* @__PURE__ */ e(g, { type: "entidad", variant: "unidad", color: "gris", height: "90px" }) })
       ] }),
       /* @__PURE__ */ e("div", { className: "section_header_container_qy", children: f }),
       n ? /* @__PURE__ */ i("div", { ref: c, children: [
-        /* @__PURE__ */ e(g, { title: "Secciones", children: /* @__PURE__ */ e("ul", { id: "paginador-tarjeta-lectura", children: n.map((s, a) => /* @__PURE__ */ i(
+        /* @__PURE__ */ e(_, { title: "Secciones", children: /* @__PURE__ */ e("ul", { id: "paginador-tarjeta-lectura", children: n.map((s, a) => /* @__PURE__ */ i(
           "li",
           {
             className: a <= r ? "active" : "",

package/dist/lib/cards/tarjeta/seccion-tarjeta/SeccionTarjeta.d.ts

@@ -3,6 +3,7 @@ export interface SeccionTarjetaProps {
     isGray?: boolean;
     children: React.ReactNode;
     isLast?: boolean;
+    hasPaddingTop?: boolean;
 }
 declare const SeccionTarjeta: React.FC<SeccionTarjetaProps>;
 export { SeccionTarjeta };

package/dist/lib/ui/contenedor-ventana/ContenedorVentana.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+interface ContenedorVentanaProps {
+    children?: React.ReactNode;
+    style?: React.CSSProperties;
+}
+declare const ContenedorVentana: React.FC<ContenedorVentanaProps>;
+export { ContenedorVentana };

package/dist/lib/ui.d.ts

@@ -5,3 +5,4 @@ export { Paginador } from './ui/paginador/Paginador.js';
 export { Logo } from './ui/logo/Logo.js';
 export { ItemsModal } from './ui/items-modal/ItemsModal.js';
 export { IconoTooltip } from './ui/icono-tooltip/IconoTooltip.js';
+export { ContenedorVentana } from './ui/contenedor-ventana/ContenedorVentana.js';

package/dist/shared/ventana-lienzo/VentanaLienzo.js

@@ -1,22 +1,21 @@
 import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import s from "react";
-import { BrowserRouter as i } from "react-router-dom";
-import { IconosSistema as l } from "../iconos-sistema/IconosSistema.js";
-import { BreadcrumbNav as c } from "../breadcrumb/Breadcrumb.js";
+import a from "react";
+import { IconosSistema as c } from "../iconos-sistema/IconosSistema.js";
+import { BreadcrumbNav as l } from "../breadcrumb/Breadcrumb.js";
 import { MenuLateral as p } from "../menu-lateral/MenuLateral.js";
-import '../../assets/VentanaLienzo.css';const x = ({ children: r, items: t, extraInput: a }) => {
-  const [n, m] = s.useState(!1);
-  return /* @__PURE__ */ o(i, { children: [
-    /* @__PURE__ */ e(l, { elements: a }),
-    /* @__PURE__ */ e(p, { onToggle: () => {
-      m(!n);
-    }, isOpen: n }),
+import '../../assets/VentanaLienzo.css';const h = ({ children: t, items: r, extraInput: m }) => {
+  const [n, s] = a.useState(!1), i = () => {
+    s(!n);
+  };
+  return /* @__PURE__ */ o(a.Fragment, { children: [
+    /* @__PURE__ */ e(c, { elements: m }),
+    /* @__PURE__ */ e(p, { onToggle: i, isOpen: n }),
     /* @__PURE__ */ e("div", { className: `${n ? "menu-open" : ""}`, children: /* @__PURE__ */ o("div", { className: "main-section", children: [
-      /* @__PURE__ */ e(c, { items: t }),
-      /* @__PURE__ */ e("div", { className: "ventana-lienzo-container", children: r })
+      /* @__PURE__ */ e(l, { items: r }),
+      /* @__PURE__ */ e("div", { className: "ventana-lienzo-container", children: t })
     ] }) })
   ] });
 };
 export {
-  x as VentanaLienzo
+  h as VentanaLienzo
 };

package/dist/shared/ventana-tabs/VentanaTabs.js

@@ -1,27 +1,26 @@
 import { jsx as r, jsxs as j } from "react/jsx-runtime";
 import * as b from "react";
-import T, { useRef as O, useContext as S, useEffect as M } from "react";
-import { BrowserRouter as H } from "react-router-dom";
+import C, { useRef as O, useContext as S, useEffect as M } from "react";
 import { MenuLateral as F } from "../menu-lateral/MenuLateral.js";
-import { IconosSistema as W } from "../iconos-sistema/IconosSistema.js";
+import { IconosSistema as H } from "../iconos-sistema/IconosSistema.js";
 import '../../assets/Bootstrap.css';/* empty css                       */
-import { a as Y, u as z, b as G, d as J, c as Q, q as X, e as D, f as B, g as Z } from "../../NotificacionUsuario-xD2pyELE.js";
-import { u as ee, T as te, g as ne, a as ae, b as re } from "../../TabPane-BvUHIFlv.js";
-import { u as L, c as k } from "../../ThemeProvider-CFCmmLJC.js";
-import { S as I, T as oe, m as se } from "../../TabContext-CdjYJzMB.js";
-import { c as le } from "../../CardHeaderContext-DVw0yHuy.js";
+import { a as W, u as Y, b as z, d as G, c as J, q as Q, e as D, f as L, g as X } from "../../NotificacionUsuario-xD2pyELE.js";
+import { u as Z, T as ee, g as te, a as ne, b as ae } from "../../TabPane-BvUHIFlv.js";
+import { u as k, c as B } from "../../ThemeProvider-CFCmmLJC.js";
+import { S as I, T as re, m as se } from "../../TabContext-CdjYJzMB.js";
+import { c as oe } from "../../CardHeaderContext-DVw0yHuy.js";
 function P(n, e) {
   let a = 0;
   return b.Children.map(n, (t) => /* @__PURE__ */ b.isValidElement(t) ? e(t, a++) : t);
 }
-function ie(n, e) {
+function le(n, e) {
   let a = 0;
   b.Children.forEach(n, (t) => {
     /* @__PURE__ */ b.isValidElement(t) && e(t, a++);
   });
 }
-const ce = ["as", "onSelect", "activeKey", "role", "onKeyDown"];
-function de(n, e) {
+const ie = ["as", "onSelect", "activeKey", "role", "onKeyDown"];
+function ce(n, e) {
   if (n == null) return {};
   var a = {};
   for (var t in n) if ({}.hasOwnProperty.call(n, t)) {
@@ -30,31 +29,31 @@ function de(n, e) {
   }
   return a;
 }
-const R = () => {
-}, A = J("event-key"), V = /* @__PURE__ */ b.forwardRef((n, e) => {
+const A = () => {
+}, R = G("event-key"), V = /* @__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",
     onSelect: t,
-    activeKey: o,
+    activeKey: s,
     role: c,
     onKeyDown: u
-  } = n, s = de(n, ce);
-  const N = z(), m = O(!1), y = S(I), l = S(oe);
+  } = n, o = ce(n, ie);
+  const N = Y(), m = O(!1), y = S(I), l = S(re);
   let v, x;
-  l && (c = c || "tablist", o = l.activeKey, v = l.getControlledId, x = l.getControllerId);
+  l && (c = c || "tablist", s = l.activeKey, v = l.getControlledId, x = l.getControllerId);
   const f = O(null), p = (i) => {
     const d = f.current;
     if (!d) return null;
-    const K = X(d, `[${A}]:not([aria-disabled=true])`), E = d.querySelector("[aria-selected=true]");
+    const T = Q(d, `[${R}]:not([aria-disabled=true])`), E = d.querySelector("[aria-selected=true]");
     if (!E || E !== document.activeElement) return null;
-    const w = K.indexOf(E);
+    const w = T.indexOf(E);
     if (w === -1) return null;
     let g = w + i;
-    return g >= K.length && (g = 0), g < 0 && (g = K.length - 1), K[g];
+    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));
-  }, C = (i) => {
+  }, K = (i) => {
     if (u == null || u(i), !l)
       return;
     let d;
@@ -70,28 +69,28 @@ const R = () => {
       default:
         return;
     }
-    d && (i.preventDefault(), h(d.dataset[Q("EventKey")] || null, i), m.current = !0, N());
+    d && (i.preventDefault(), h(d.dataset[J("EventKey")] || null, i), m.current = !0, N());
   };
   M(() => {
     if (f.current && m.current) {
-      const i = f.current.querySelector(`[${A}][aria-selected=true]`);
+      const i = f.current.querySelector(`[${R}][aria-selected=true]`);
       i == null || i.focus();
     }
     m.current = !1;
   });
-  const U = ee(e, f);
+  const U = Z(e, f);
   return /* @__PURE__ */ r(I.Provider, {
     value: h,
-    children: /* @__PURE__ */ r(G.Provider, {
+    children: /* @__PURE__ */ r(z.Provider, {
       value: {
         role: c,
         // used by NavLink to determine it's role
-        activeKey: se(o),
-        getControlledId: v || R,
-        getControllerId: x || R
+        activeKey: se(s),
+        getControlledId: v || A,
+        getControllerId: x || A
       },
-      children: /* @__PURE__ */ r(a, Object.assign({}, s, {
-        onKeyDown: C,
+      children: /* @__PURE__ */ r(a, Object.assign({}, o, {
+        onKeyDown: K,
         ref: U,
         role: c
       }))
@@ -99,16 +98,16 @@ const R = () => {
   });
 });
 V.displayName = "Nav";
-const ue = Object.assign(V, {
-  Item: Y
+const de = Object.assign(V, {
+  Item: W
 }), $ = /* @__PURE__ */ b.forwardRef(({
   className: n,
   bsPrefix: e,
   as: a = "div",
   ...t
-}, o) => (e = L(e, "nav-item"), /* @__PURE__ */ r(a, {
-  ref: o,
-  className: k(n, e),
+}, s) => (e = k(e, "nav-item"), /* @__PURE__ */ r(a, {
+  ref: s,
+  className: B(n, e),
   ...t
 })));
 $.displayName = "NavItem";
@@ -116,31 +115,31 @@ const _ = /* @__PURE__ */ b.forwardRef((n, e) => {
   const {
     as: a = "div",
     bsPrefix: t,
-    variant: o,
+    variant: s,
     fill: c = !1,
     justify: u = !1,
-    navbar: s,
+    navbar: o,
     navbarScroll: N,
     className: m,
     activeKey: y,
     ...l
-  } = B(n, {
+  } = L(n, {
     activeKey: "onSelect"
-  }), v = L(t, "nav");
+  }), v = k(t, "nav");
   let x, f, p = !1;
-  const h = S(Z), C = S(le);
-  return h ? (x = h.bsPrefix, p = s ?? !0) : C && ({
+  const h = S(X), K = S(oe);
+  return h ? (x = h.bsPrefix, p = o ?? !0) : K && ({
     cardHeaderBsPrefix: f
-  } = C), /* @__PURE__ */ r(ue, {
+  } = K), /* @__PURE__ */ r(de, {
     as: a,
     ref: e,
     activeKey: y,
-    className: k(m, {
+    className: B(m, {
       [v]: !p,
       [`${x}-nav`]: p,
       [`${x}-nav-scroll`]: p && N,
-      [`${f}-${o}`]: !!f,
-      [`${v}-${o}`]: !!o,
+      [`${f}-${s}`]: !!f,
+      [`${v}-${s}`]: !!s,
       [`${v}-fill`]: c,
       [`${v}-justified`]: u
     }),
@@ -148,22 +147,22 @@ const _ = /* @__PURE__ */ b.forwardRef((n, e) => {
   });
 });
 _.displayName = "Nav";
-const fe = Object.assign(_, {
+const ue = Object.assign(_, {
   Item: $,
   Link: D
 });
-function me(n) {
+function fe(n) {
   let e;
-  return ie(n, (a) => {
+  return le(n, (a) => {
     e == null && (e = a.props.eventKey);
   }), e;
 }
-function ve(n) {
+function me(n) {
   const {
     title: e,
     eventKey: a,
     disabled: t,
-    tabClassName: o,
+    tabClassName: s,
     tabAttrs: c,
     id: u
   } = n.props;
@@ -176,7 +175,7 @@ function ve(n) {
       eventKey: a,
       disabled: t,
       id: u,
-      className: o,
+      className: s,
       ...c,
       children: e
     })
@@ -187,35 +186,35 @@ const q = (n) => {
     id: e,
     onSelect: a,
     transition: t,
-    mountOnEnter: o = !1,
+    mountOnEnter: s = !1,
     unmountOnExit: c = !1,
     variant: u = "tabs",
-    children: s,
-    activeKey: N = me(s),
+    children: o,
+    activeKey: N = fe(o),
     ...m
-  } = B(n, {
+  } = L(n, {
     activeKey: "onSelect"
   });
-  return /* @__PURE__ */ j(te, {
+  return /* @__PURE__ */ j(ee, {
     id: e,
     activeKey: N,
     onSelect: a,
-    transition: ne(t),
-    mountOnEnter: o,
+    transition: te(t),
+    mountOnEnter: s,
     unmountOnExit: c,
-    children: [/* @__PURE__ */ r(fe, {
+    children: [/* @__PURE__ */ r(ue, {
       id: e,
       ...m,
       role: "tablist",
       as: "ul",
       variant: u,
-      children: P(s, ve)
-    }), /* @__PURE__ */ r(ae, {
-      children: P(s, (y) => {
+      children: P(o, me)
+    }), /* @__PURE__ */ r(ne, {
+      children: P(o, (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
         });
       })
@@ -223,24 +222,24 @@ const q = (n) => {
   });
 };
 q.displayName = "Tabs";
-const Ee = ({ children: n, extraInput: e }) => {
-  const [a, t] = T.useState(!1), [o, c] = T.useState(void 0);
-  return /* @__PURE__ */ j(H, { children: [
-    /* @__PURE__ */ r(W, { elements: e }),
-    /* @__PURE__ */ r(F, { onToggle: () => {
-      t(!a);
-    }, isOpen: a }),
+const Te = ({ children: n, extraInput: e }) => {
+  const [a, t] = C.useState(!1), [s, c] = C.useState(void 0), u = () => {
+    t(!a);
+  };
+  return /* @__PURE__ */ j(C.Fragment, { children: [
+    /* @__PURE__ */ r(H, { elements: e }),
+    /* @__PURE__ */ r(F, { onToggle: u, isOpen: a }),
     /* @__PURE__ */ r("div", { className: `${a ? "menu-open" : ""}`, children: /* @__PURE__ */ r("div", { className: "main-section", children: /* @__PURE__ */ r(
       q,
       {
         id: "controlled-tab",
-        activeKey: o,
-        onSelect: (s) => c(s !== null ? s : void 0),
-        children: T.Children.map(n, (s) => T.isValidElement(s) ? s : null)
+        activeKey: s,
+        onSelect: (o) => c(o !== null ? o : void 0),
+        children: C.Children.map(n, (o) => C.isValidElement(o) ? o : null)
       }
     ) }) })
   ] });
 };
 export {
-  Ee as VentanaTabs
+  Te as VentanaTabs
 };

package/dist/tables/tabla-registros/encabezado-tabla/EncabezadoTabla.js

@@ -2,15 +2,16 @@ import { jsxs as i, jsx as r } from "react/jsx-runtime";
 import { Encabezado as a } from "../../../ui/encabezado/Encabezado.js";
 import "../../../ui/subtitulo/Subtitulo.js";
 import "react";
-import '../../../assets/IconoTooltip.css';import '../../../assets/ItemsModal.css';import '../../../assets/Bootstrap.css';import '../../../assets/Paginador.css';import '../../../assets/ContenidoModal.css';/* empty css                               */
+import '../../../assets/ContenedorVentana.css';import '../../../assets/IconoTooltip.css';import '../../../assets/ItemsModal.css';import '../../../assets/Bootstrap.css';import '../../../assets/Paginador.css';import '../../../assets/ContenidoModal.css';/* empty css                               */
 /* empty css                          */
 /* empty css                          */
 import "../../../ui/logo/Logo.js";
 import "react-router-dom";
 /* empty css                           */
 /* empty css                             */
+/* empty css                                  */
 import { BusquedaInput as e } from "../buscador/Buscador.js";
-const E = ({
+const N = ({
   title: m,
   subtitle: t,
   data: p,
@@ -24,5 +25,5 @@ const E = ({
   ] })
 ] });
 export {
-  E as EncabezadoTabla
+  N as EncabezadoTabla
 };

package/dist/ui/contenedor-ventana/ContenedorVentana.js

@@ -0,0 +1,6 @@
+import { jsx as o } from "react/jsx-runtime";
+import '../../assets/ContenedorVentana.css';/* empty css                               */
+const a = ({ style: e, children: n }) => /* @__PURE__ */ o("div", { className: "container-ecosistema-unp", style: e, children: n });
+export {
+  a as ContenedorVentana
+};

package/dist/ui/contenido-modal/ContenidoModal.js

@@ -1,18 +1,18 @@
-import { jsxs as s, Fragment as N, jsx as e } from "react/jsx-runtime";
-import p, { useState as n } from "react";
+import { jsxs as s, Fragment as p, jsx as e } from "react/jsx-runtime";
+import N, { useState as n } from "react";
 import { f } from "../../index-D_9gBL0I.js";
 import '../../assets/ContenidoModal.css';/* empty css                            */
 const x = ({ title: u, modalContent: i, children: d }) => {
   const [t, l] = n(0), [m, r] = n(!0), [c, o] = n(!1);
-  return /* @__PURE__ */ s(N, { children: [
-    /* @__PURE__ */ s("div", { style: { marginBottom: "2rem" }, children: [
+  return /* @__PURE__ */ s(p, { children: [
+    /* @__PURE__ */ s("div", { style: { padding: "0.5rem" }, children: [
       /* @__PURE__ */ s("div", { className: "modal-title-container", children: [
         /* @__PURE__ */ s("div", { className: "modal-subtitle-container-left", children: [
           /* @__PURE__ */ e("div", { className: "red-item" }),
           /* @__PURE__ */ e("div", { className: "modal-subtitle", children: c && i && t ? i[t].label : u })
         ] }),
         /* @__PURE__ */ e("div", { className: "modal-subtitle-container-right", children: i && /* @__PURE__ */ s("div", { className: "animation-wrapper", children: [
-          m && /* @__PURE__ */ e("div", { className: `buttons-group ${c ? "hide" : "show"}`, children: i.slice(1).map((a, h) => /* @__PURE__ */ e(p.Fragment, { children: a.icon && /* @__PURE__ */ s("div", { className: "icon-container", children: [
+          m && /* @__PURE__ */ e("div", { className: `buttons-group ${c ? "hide" : "show"}`, children: i.slice(1).map((a, h) => /* @__PURE__ */ e(N.Fragment, { children: a.icon && /* @__PURE__ */ s("div", { className: "icon-container", children: [
             /* @__PURE__ */ e(
               a.icon,
               {

package/dist/ui.js

@@ -1,16 +1,18 @@
 import { Encabezado as t } from "./ui/encabezado/Encabezado.js";
 import { Subtitulo as m } from "./ui/subtitulo/Subtitulo.js";
-import { ContenidoModal as f } from "./ui/contenido-modal/ContenidoModal.js";
-import { Paginador as a } from "./ui/paginador/Paginador.js";
-import { Logo as n } from "./ui/logo/Logo.js";
+import { ContenidoModal as p } from "./ui/contenido-modal/ContenidoModal.js";
+import { Paginador as f } from "./ui/paginador/Paginador.js";
+import { Logo as d } from "./ui/logo/Logo.js";
 import { ItemsModal as l } from "./ui/items-modal/ItemsModal.js";
 import { IconoTooltip as c } from "./ui/icono-tooltip/IconoTooltip.js";
+import { ContenedorVentana as u } from "./ui/contenedor-ventana/ContenedorVentana.js";
 export {
-  f as ContenidoModal,
+  u as ContenedorVentana,
+  p as ContenidoModal,
   t as Encabezado,
   c as IconoTooltip,
   l as ItemsModal,
-  n as Logo,
-  a as Paginador,
+  d as Logo,
+  f as Paginador,
   m as Subtitulo
 };

package/package.json

@@ -2,7 +2,7 @@
   "name": "react-ecosistema-unp",
   "author": "Ecosistema de Información - Unidad Nacional de Protección",
   "private": false,
-  "version": "0.9.15",
+  "version": "1.0.0-pre-release",
   "type": "module",
   "exports": {
     ".": {