react-ecosistema-unp 0.7.3 → 0.8.15-react-19

package/dist/ui/paginador/Paginador.js

@@ -0,0 +1,66 @@
+import { jsxs as t, Fragment as m, jsx as e } from "react/jsx-runtime";
+import { useState as u, useRef as f, useEffect as h } from "react";
+import '../../assets/Paginador.css';/* empty css                       */
+import { C as p } from "../../Card-aTqC9rSK.js";
+import { B as c } from "../../Button-t4PJaubx.js";
+const N = ({ stepContent: a, onSubmit: d, canJump: s = !0 }) => {
+  const [r, l] = u(0), n = f(null);
+  return h(() => {
+    n.current && n.current.scrollIntoView({
+      behavior: "smooth",
+      block: "start"
+    });
+  }, [r]), /* @__PURE__ */ t(m, { children: [
+    /* @__PURE__ */ e(p, { ref: n, className: "border-0 paginador-card", children: /* @__PURE__ */ e("ul", { id: "progressbar", children: a.map((o, i) => /* @__PURE__ */ t(
+      "li",
+      {
+        className: i <= r ? "active" : "",
+        onClick: () => {
+          s ? s && l(i) : (i === r + 1 || i < r) && l(i);
+        },
+        children: [
+          /* @__PURE__ */ e("div", { className: `step ${i <= r ? "active" : ""}`, children: /* @__PURE__ */ e(o.icon, {}) }),
+          /* @__PURE__ */ e("strong", { children: o.label })
+        ]
+      },
+      i
+    )) }) }),
+    /* @__PURE__ */ e("div", { className: "paginador-content", children: a[r].content }),
+    /* @__PURE__ */ t("div", { className: "paginador-buttons", style: { display: "flex", justifyContent: "end" }, children: [
+      r > 0 && /* @__PURE__ */ e(
+        c,
+        {
+          variant: "unp_secondary",
+          onClick: () => l(r - 1),
+          style: {
+            marginRight: "1rem"
+          },
+          children: "Anterior"
+        }
+      ),
+      r < a.length - 1 && /* @__PURE__ */ e(
+        c,
+        {
+          variant: "unp_primary",
+          style: { justifySelf: "end" },
+          onClick: () => {
+            a[r].handleNextClick && a[r].handleNextClick(), l(r + 1);
+          },
+          children: "Siguiente"
+        }
+      ),
+      r === a.length - 1 && /* @__PURE__ */ e(
+        c,
+        {
+          type: "submit",
+          variant: "unp_send",
+          onClick: d,
+          children: "Enviar"
+        }
+      )
+    ] })
+  ] });
+};
+export {
+  N as Paginador
+};

package/dist/ui/{components → subtitulo}/Subtitulo.js

@@ -3,8 +3,8 @@ const i = {
   display: "flex",
   justifyContent: "start",
   alignItems: "center",
-  marginTop: "1rem",
-  marginBottom: "1.25rem"
+  marginTop: "1.2rem",
+  marginBottom: "0.9rem"
 }, l = {
   fontColor: "#303d50s",
   fontSize: "1.1rem",

package/dist/ui/{components → tarjeta}/Tarjeta.js

@@ -1,19 +1,19 @@
-import { jsx as e, jsxs as d, Fragment as j } from "react/jsx-runtime";
+import { jsx as e, jsxs as m, Fragment as j } from "react/jsx-runtime";
 import '../../assets/Tarjeta.css';/* empty css                     */
-import { ContenedorTarjeta as b } from "./ContenedorTarjeta.js";
-import { C, a as N } from "../../Card-aTqC9rSK.js";
-import { C as g } from "../../CardBody-B9vvCH8g.js";
-import { u as w, a as E, b as T, c as $ } from "../../ThemeProvider-DwZMEupk.js";
+import { SeccionTarjeta as b } from "./seccion-tarjeta/SeccionTarjeta.js";
+import { C as N, a as g } from "../../Card-aTqC9rSK.js";
+import { C as w } from "../../CardBody-B9vvCH8g.js";
+import { u as C, a as E, b as T, c as $ } from "../../ThemeProvider-DwZMEupk.js";
 import * as v from "react";
-import { B as p } from "../../Button-Gn1tKaoW.js";
-const m = /* @__PURE__ */ v.forwardRef(({
-  bsPrefix: l,
+import { B as p } from "../../Button-t4PJaubx.js";
+const d = /* @__PURE__ */ v.forwardRef(({
+  bsPrefix: c,
   className: r,
   // Need to define the default "as" during prop destructuring to be compatible with styled-components github.com/react-bootstrap/react-bootstrap/issues/3595
   as: t = "div",
   ...a
-}, c) => {
-  const s = w(l, "row"), x = E(), h = T(), y = `${s}-cols`, f = [];
+}, l) => {
+  const s = C(c, "row"), x = E(), h = T(), y = `${s}-cols`, f = [];
   return x.forEach((o) => {
     const n = a[o];
     delete a[o];
@@ -24,12 +24,12 @@ const m = /* @__PURE__ */ v.forwardRef(({
     const B = o !== h ? `-${o}` : "";
     i != null && f.push(`${y}${B}-${i}`);
   }), /* @__PURE__ */ e(t, {
-    ref: c,
+    ref: l,
     ...a,
     className: $(r, s, ...f)
   });
 });
-m.displayName = "Row";
+d.displayName = "Row";
 const u = {
   color: "#f3f3f3",
   backgroundColor: "#38a729",
@@ -38,28 +38,28 @@ const u = {
   marginBottom: "15px",
   width: "100px"
 }, H = ({
-  title: l,
+  title: c,
   children: r,
   method: t = "GET",
   validated: a = !1,
-  onSubmit: c = () => {
+  onSubmit: l = () => {
   },
   hasBody: s = !0
-}) => /* @__PURE__ */ d(C, { className: "border-0 mb-4 tarjeta-unp", children: [
-  /* @__PURE__ */ e(N, { className: "d-flex justify-content-between align-items-center bg-unp text-light py-3 tarjeta-header-unp", children: l }),
+}) => /* @__PURE__ */ m(N, { className: "border-0 mb-4 tarjeta-unp", children: [
+  /* @__PURE__ */ e(g, { className: "d-flex justify-content-between align-items-center bg-unp text-light py-3 tarjeta-header-unp", children: c }),
   /* @__PURE__ */ e(
     "form",
     {
       method: t,
-      onSubmit: c,
+      onSubmit: l,
       noValidate: !0,
       className: a ? "was-validated" : "",
-      children: s ? /* @__PURE__ */ d(g, { children: [
+      children: s ? /* @__PURE__ */ m(w, { className: "pt-0", children: [
         r,
-        t !== "GET" && /* @__PURE__ */ e(m, { className: "d-flex justify-content-end me-0", children: /* @__PURE__ */ e(p, { style: u, type: "submit", children: "Enviar" }) })
-      ] }) : /* @__PURE__ */ d(j, { children: [
+        t !== "GET" && /* @__PURE__ */ e(d, { className: "d-flex justify-content-end me-0", children: /* @__PURE__ */ e(p, { style: u, type: "submit", children: "Enviar" }) })
+      ] }) : /* @__PURE__ */ m(j, { children: [
         r,
-        t !== "GET" && /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(m, { className: "d-flex justify-content-end me-0", children: /* @__PURE__ */ e(p, { style: u, type: "submit", children: "Enviar" }) }) })
+        t !== "GET" && /* @__PURE__ */ e(b, { children: /* @__PURE__ */ e(d, { className: "d-flex justify-content-end me-0", children: /* @__PURE__ */ e(p, { style: u, type: "submit", children: "Enviar" }) }) })
       ] })
     }
   )

package/dist/ui/tarjeta/contenedor-tarjeta/ContenedorTarjeta.js

@@ -0,0 +1,15 @@
+import { jsx as t } from "react/jsx-runtime";
+import '../../../assets/ContenedorTarjeta.css';/* empty css                                  */
+const a = ({ isGray: r = !0, children: o }) => /* @__PURE__ */ t(
+  "div",
+  {
+    className: "contenedor-gris-tarjeta",
+    style: {
+      backgroundColor: r ? "#f7f7f7" : "#ffffff"
+    },
+    children: o
+  }
+);
+export {
+  a as ContenedorTarjeta
+};

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

@@ -0,0 +1,7 @@
+import { jsx as e } from "react/jsx-runtime";
+import '../../../assets/SeccionTarjeta.css';/* empty css                               */
+import { C as o } from "../../../CardBody-B9vvCH8g.js";
+const i = ({ isGray: a = !1, children: t, isLast: r = !1 }) => /* @__PURE__ */ e(o, { className: `${a ? "tarjeta-container-section" : ""} ${r ? "tarjeta-container-last" : ""} tarjeta-container`, children: t });
+export {
+  i as SeccionTarjeta
+};

package/dist/ui/{components → tarjeta/tarjeta-agregar}/TarjetaAgregar.js

@@ -1,14 +1,13 @@
-import { jsxs as n, jsx as r } from "react/jsx-runtime";
-import { F as i } from "../../index-DHX2gxCC.js";
-import '../../assets/Tarjeta.css';/* empty css                     */
-import { B as a } from "../../Button-Gn1tKaoW.js";
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { b as a } from "../../../index-PYPwtOs4.js";
+import { B as s } from "../../../Button-t4PJaubx.js";
 const d = {
   fontColor: "#303d50s",
   fontSize: "1.1rem",
   fontWeight: "700",
   // marginBottom: '6.66rem',
   color: "#303d50"
-}, f = ({ title: o, children: e, onClick: t }) => /* @__PURE__ */ n(
+}, p = ({ title: o, children: e, onClose: t, isGray: n = !1 }) => /* @__PURE__ */ i(
   "div",
   {
     className: "border border-gray-300 rounded-3",
@@ -17,11 +16,11 @@ const d = {
       padding: "1rem",
       marginTop: "0.5rem",
       marginBottom: "0.5rem",
-      background: "#ffffff"
+      background: n ? "#f7f7f7" : "#ffffff"
     },
     children: [
       /* @__PURE__ */ r(
-        a,
+        s,
         {
           variant: "link",
           onClick: t,
@@ -33,7 +32,7 @@ const d = {
             background: "transparent",
             border: "none"
           },
-          children: /* @__PURE__ */ r(i, { size: 16, color: "red" })
+          children: /* @__PURE__ */ r(a, { size: 16, color: "red" })
         }
       ),
       o && /* @__PURE__ */ r("div", { children: /* @__PURE__ */ r("span", { style: d, children: o }) }),
@@ -42,5 +41,5 @@ const d = {
   }
 );
 export {
-  f as TarjetaAgregar
+  p as TarjetaAgregar
 };

package/dist/ui/tarjeta-info/TarjetaInfo.js

@@ -0,0 +1,42 @@
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { useState as s, useRef as m, useEffect as d } from "react";
+import { F as j, a as u } from "../../index-PYPwtOs4.js";
+import '../../assets/TarjetaInfo.css';/* empty css                         */
+const C = ({ icon: r, label: c, show: l = !1, children: h }) => {
+  const [t, o] = s(l), [f, i] = s(0), a = m(null);
+  return d(() => {
+    t && a.current ? i(a.current.scrollHeight) : i(0);
+  }, [t]), /* @__PURE__ */ n("div", { className: "tarjeta-info-container", children: [
+    /* @__PURE__ */ n("div", { className: "tarjeta-info-titulo-container", children: [
+      /* @__PURE__ */ n("div", { className: "tarjeta-info-label-container", children: [
+        /* @__PURE__ */ e(r, { className: "tarjeta-info-icon" }),
+        /* @__PURE__ */ e("span", { children: c })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "tarjeta-info-show-container", children: t ? /* @__PURE__ */ e(
+        j,
+        {
+          className: "tarjeta-info-show-button",
+          onClick: () => o(!t)
+        }
+      ) : /* @__PURE__ */ e(
+        u,
+        {
+          className: "tarjeta-info-show-button",
+          onClick: () => o(!t)
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: "tarjeta-info-children-container",
+        style: { height: `${f}px` },
+        ref: a,
+        children: /* @__PURE__ */ e("div", { className: "tarjeta-info-content", children: h })
+      }
+    )
+  ] });
+};
+export {
+  C as TarjetaInfo
+};

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

@@ -0,0 +1,66 @@
+import { jsxs as i, Fragment as t, jsx as e } from "react/jsx-runtime";
+import { useState as f, useRef as p, useEffect as v } from "react";
+import '../../assets/TarjetaLectura.css';/* empty css                            */
+import { Logo as y } from "../logo/Logo.js";
+import { SeccionTarjetaLectura as _ } from "./seccion-tarjeta-lectura/SeccionTarjetaLectura.js";
+import { B as d } from "../../Button-t4PJaubx.js";
+const k = ({ title: h, subtitle: m, headerContent: u, stepContent: n, children: o }) => {
+  const [r, c] = f(0), l = p(null);
+  return v(() => {
+    l.current && l.current.scrollIntoView({
+      behavior: "smooth",
+      block: "start"
+    });
+  }, [r]), /* @__PURE__ */ i(t, { children: [
+    /* @__PURE__ */ i("form", { className: "form_qy", children: [
+      /* @__PURE__ */ i("div", { className: "main_title_container_qy", children: [
+        /* @__PURE__ */ i("div", { className: "subtitle_container_qy", children: [
+          /* @__PURE__ */ e("h3", { children: h }),
+          /* @__PURE__ */ e("h5", { children: m })
+        ] }),
+        /* @__PURE__ */ e("div", { className: "logo_container_qy", children: /* @__PURE__ */ e(y, { type: "entidad", variant: "unidad", color: "rojo", height: "80px" }) })
+      ] }),
+      /* @__PURE__ */ e("div", { className: "section_header_container_qy", children: u }),
+      n ? /* @__PURE__ */ i(t, { children: [
+        /* @__PURE__ */ e(_, { title: "Secciones", children: /* @__PURE__ */ e("ul", { ref: l, id: "paginador-tarjeta-lectura", children: n.map((s, a) => /* @__PURE__ */ i(
+          "li",
+          {
+            className: a <= r ? "active" : "",
+            onClick: () => c(a),
+            children: [
+              /* @__PURE__ */ e("div", { className: `step ${a <= r ? "active" : ""}`, children: /* @__PURE__ */ e(s.icon, {}) }),
+              /* @__PURE__ */ e("strong", { children: s.label })
+            ]
+          },
+          a
+        )) }) }),
+        /* @__PURE__ */ e("div", { children: n[r].content })
+      ] }) : o && /* @__PURE__ */ e(t, { children: /* @__PURE__ */ e("div", { children: o }) })
+    ] }),
+    n && /* @__PURE__ */ e(t, { children: /* @__PURE__ */ i("div", { className: "paginador-buttons", style: { display: "flex", justifyContent: "end" }, children: [
+      r > 0 && /* @__PURE__ */ e(
+        d,
+        {
+          variant: "unp_secondary",
+          onClick: () => c(r - 1),
+          style: {
+            marginRight: "1rem"
+          },
+          children: "Anterior"
+        }
+      ),
+      r < n.length - 1 && /* @__PURE__ */ e(
+        d,
+        {
+          variant: "unp_primary",
+          style: { justifySelf: "end" },
+          onClick: () => c(r + 1),
+          children: "Siguiente"
+        }
+      )
+    ] }) })
+  ] });
+};
+export {
+  k as TarjetaLectura
+};

package/dist/ui/tarjeta-lectura/seccion-tarjeta-lectura/SeccionTarjetaLectura.js

@@ -0,0 +1,9 @@
+import { jsxs as n, Fragment as a, jsx as e } from "react/jsx-runtime";
+import '../../../assets/SeccionTarjetaLectura.css';/* empty css                                      */
+const t = ({ title: r, children: c }) => /* @__PURE__ */ n(a, { children: [
+  /* @__PURE__ */ e("div", { className: "section_header_qy", children: /* @__PURE__ */ e("span", { children: r }) }),
+  /* @__PURE__ */ e("div", { className: "section_container_qy", children: c })
+] });
+export {
+  t as SeccionTarjetaLectura
+};

package/dist/ui/tarjeta-listado/TarjetaListado.js

@@ -0,0 +1,40 @@
+import { jsx as a, jsxs as l } from "react/jsx-runtime";
+import { d as s, e as d } from "../../index-PYPwtOs4.js";
+import { G as n } from "../../iconBase-LROS5hdG.js";
+import '../../assets/TarjetaListado.css';/* empty css                            */
+import { a as c } from "../../chunk-IR6S3I6Y-Dvzk3EbC.js";
+function m(o) {
+  return n({ tag: "svg", attr: { viewBox: "0 0 32 32" }, child: [{ tag: "path", attr: { d: "M 15 4 L 15 20.5625 L 9.71875 15.28125 L 8.28125 16.71875 L 15.28125 23.71875 L 16 24.40625 L 16.71875 23.71875 L 23.71875 16.71875 L 22.28125 15.28125 L 17 20.5625 L 17 4 Z M 7 26 L 7 28 L 25 28 L 25 26 Z" }, child: [] }] })(o);
+}
+const N = ({ sections: o }) => {
+  const e = c();
+  return /* @__PURE__ */ a("div", { className: "listado-tarjetas", children: o.map((t, r) => /* @__PURE__ */ l("div", { className: "tarjeta-listado-row", children: [
+    /* @__PURE__ */ l(
+      "div",
+      {
+        className: "tarjeta-listado-container",
+        onClick: () => e(t.route),
+        children: [
+          /* @__PURE__ */ l("div", { className: "tarjeta-listado-label-container", children: [
+            /* @__PURE__ */ a(t.icon, { className: "tarjeta-listado-process-menu" }),
+            /* @__PURE__ */ a("span", { children: t.label })
+          ] }),
+          "closed" in t && /* @__PURE__ */ a("div", { className: "tarjeta-listado-state-container", children: t.closed ? /* @__PURE__ */ a(s, { style: { color: "#3AB34A" } }) : /* @__PURE__ */ a(d, { style: { color: "#E2E2E2" } }) })
+        ]
+      }
+    ),
+    t.handleDownload && /* @__PURE__ */ a(
+      "div",
+      {
+        className: "tarjeta-listado-download-container",
+        onClick: (i) => {
+          i.stopPropagation(), t.handleDownload();
+        },
+        children: /* @__PURE__ */ a(m, { className: "tarjeta-listado-download-icon" })
+      }
+    )
+  ] }, r)) });
+};
+export {
+  N as TarjetaListado
+};

package/dist/ui.js

@@ -1,18 +1,28 @@
-import { Encabezado as e } from "./ui/components/Encabezado.js";
-import { Subtitulo as a } from "./ui/components/Subtitulo.js";
-import { ContenidoModal as f } from "./ui/components/ContenidoModal.js";
-import { Tarjeta as x } from "./ui/components/Tarjeta.js";
-import { ContenedorTarjeta as d } from "./ui/components/ContenedorTarjeta.js";
-import { TarjetaAgregar as T } from "./ui/components/TarjetaAgregar.js";
-import { Paginador as g } from "./ui/components/Paginador.js";
-import { IconoTipoSolicitud as l } from "./ui/components/IconoTipoSolicitud.js";
+import { Encabezado as e } from "./ui/encabezado/Encabezado.js";
+import { Subtitulo as a } from "./ui/subtitulo/Subtitulo.js";
+import { ContenidoModal as m } from "./tables/tabla-registros/contenido-modal/ContenidoModal.js";
+import { Tarjeta as x } from "./ui/tarjeta/Tarjeta.js";
+import { SeccionTarjeta as j } from "./ui/tarjeta/seccion-tarjeta/SeccionTarjeta.js";
+import { TarjetaAgregar as c } from "./ui/tarjeta/tarjeta-agregar/TarjetaAgregar.js";
+import { ContenedorTarjeta as i } from "./ui/tarjeta/contenedor-tarjeta/ContenedorTarjeta.js";
+import { Paginador as u } from "./ui/paginador/Paginador.js";
+import { Logo as S } from "./ui/logo/Logo.js";
+import { TarjetaLectura as l } from "./ui/tarjeta-lectura/TarjetaLectura.js";
+import { SeccionTarjetaLectura as s } from "./ui/tarjeta-lectura/seccion-tarjeta-lectura/SeccionTarjetaLectura.js";
+import { TarjetaListado as A } from "./ui/tarjeta-listado/TarjetaListado.js";
+import { TarjetaInfo as I } from "./ui/tarjeta-info/TarjetaInfo.js";
 export {
-  d as ContenedorTarjeta,
-  f as ContenidoModal,
+  i as ContenedorTarjeta,
+  m as ContenidoModal,
   e as Encabezado,
-  l as IconoTipoSolicitud,
-  g as Paginador,
+  S as Logo,
+  u as Paginador,
+  j as SeccionTarjeta,
+  s as SeccionTarjetaLectura,
   a as Subtitulo,
   x as Tarjeta,
-  T as TarjetaAgregar
+  c as TarjetaAgregar,
+  I as TarjetaInfo,
+  l as TarjetaLectura,
+  A as TarjetaListado
 };

package/dist/useEventCallback-Bfo0-hwZ.js

@@ -0,0 +1,16 @@
+import { useRef as n, useEffect as u, useCallback as c } from "react";
+function f(r) {
+  const e = n(r);
+  return u(() => {
+    e.current = r;
+  }, [r]), e;
+}
+function s(r) {
+  const e = f(r);
+  return c(function(...t) {
+    return e.current && e.current(...t);
+  }, [e]);
+}
+export {
+  s as u
+};

package/dist/utils/components/ProtectedRoute.js

@@ -1,21 +1,21 @@
 import { jsx as e } from "react/jsx-runtime";
-import { u as d, N as r, O as p } from "../../chunk-IR6S3I6Y-Dvzk3EbC.js";
-import { useAuthId as f } from "../../auth/hooks/AuthHook.js";
-import { j as h } from "../../index-CuHybtft.js";
+import { useAuthId as d } from "../../auth/hooks/AuthHook.js";
+import { j as p } from "../../index-CuHybtft.js";
+import { u as f, N as r, O as h } from "../../chunk-IR6S3I6Y-Dvzk3EbC.js";
 const T = () => {
-  const { authToken: c, userToken: n } = f(), i = d(), a = n || localStorage.getItem("user_token");
+  const { authToken: c, userToken: n } = d(), i = f(), a = n || localStorage.getItem("user_token");
   if (!(c || localStorage.getItem("access_token")) || !a)
     return /* @__PURE__ */ e(r, { to: "/", replace: !0 });
   let s;
   try {
-    s = h(a);
+    s = p(a);
   } catch (t) {
     return console.error("Error decoding token:", t), /* @__PURE__ */ e(r, { to: "/", replace: !0 });
   }
   const u = s.access_url, o = i.pathname, l = u.map(
     (t) => t.startsWith("/") ? t : `/${t}`
   ), m = o.startsWith("/") ? o : `/${o}`;
-  return l.includes(m) ? /* @__PURE__ */ e(p, {}) : /* @__PURE__ */ e(r, { to: "/sistema/pagina-no-permitida", replace: !0 });
+  return l.includes(m) ? /* @__PURE__ */ e(h, {}) : /* @__PURE__ */ e(r, { to: "/sistema/pagina-no-permitida", replace: !0 });
 };
 export {
   T as ProtectedRoute

package/dist/utils/components/UserRoute.js

@@ -1,9 +1,9 @@
 import { jsx as t } from "react/jsx-runtime";
-import { N as a, O as s } from "../../chunk-IR6S3I6Y-Dvzk3EbC.js";
-import { useAuthId as n } from "../../auth/hooks/AuthHook.js";
+import { useAuthId as a } from "../../auth/hooks/AuthHook.js";
+import { N as s, O as n } from "../../chunk-IR6S3I6Y-Dvzk3EbC.js";
 const p = () => {
-  const { authToken: e, userToken: o } = n(), r = o || localStorage.getItem("user_token");
-  return !(e || localStorage.getItem("access_token")) || !r ? /* @__PURE__ */ t(a, { to: "/sistema/pagina-no-permitida", replace: !0 }) : /* @__PURE__ */ t(s, {});
+  const { authToken: e, userToken: o } = a(), r = o || localStorage.getItem("user_token");
+  return !(e || localStorage.getItem("access_token")) || !r ? /* @__PURE__ */ t(s, { to: "/sistema/pagina-no-permitida", replace: !0 }) : /* @__PURE__ */ t(n, {});
 };
 export {
   p as UserRoute

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.7.3",
+  "version": "0.8.15-react-19",
   "type": "module",
   "exports": {
     ".": {
@@ -52,30 +52,28 @@
     "deploy:storybook": "gh-pages -d .storybook-build -b gh-pages -t"
   },
   "peerDependencies": {
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1"
+    "react": "19.0.0",
+    "react-dom": "19.0.0"
   },
   "dependencies": {
     "bootstrap": "^5.3.3",
     "jwt-decode": "^4.0.0",
     "lottie-react": "^2.4.1",
-    "react": "^18.3.1",
     "react-bootstrap": "^2.10.9",
-    "react-dom": "^18.3.1",
     "react-icons": "^5.4.0",
-    "react-router": "^7.1.5",
+    "react-router-dom": "^7.1.5",
     "react-toastify": "^11.0.3"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^3.2.4",
     "@eslint/js": "^9.17.0",
-    "@storybook/addon-essentials": "^8.5.3",
-    "@storybook/addon-interactions": "^8.5.3",
-    "@storybook/addon-onboarding": "^8.5.3",
-    "@storybook/blocks": "^8.5.3",
-    "@storybook/react": "^8.5.3",
-    "@storybook/react-vite": "^8.5.3",
-    "@storybook/test": "^8.5.3",
+    "@storybook/addon-essentials": "^8.5.5",
+    "@storybook/addon-interactions": "^8.5.5",
+    "@storybook/addon-onboarding": "^8.5.5",
+    "@storybook/blocks": "^8.5.5",
+    "@storybook/react": "^8.5.5",
+    "@storybook/react-vite": "^8.5.5",
+    "@storybook/test": "^8.5.5",
     "@types/node": "^22.10.10",
     "@types/react": "^18.3.18",
     "@types/react-dom": "^18.3.5",
@@ -87,10 +85,10 @@
     "gh-pages": "^6.3.0",
     "glob": "^11.0.1",
     "globals": "^15.14.0",
-    "storybook": "^8.5.3",
+    "storybook": "^8.5.5",
     "typescript": "~5.6.2",
     "typescript-eslint": "^8.18.2",
-    "vite": "^6.0.5",
+    "vite": "^6.1.0",
     "vite-plugin-dts": "^4.5.0",
     "vite-plugin-lib-inject-css": "^2.2.1"
   },