@variamosple/variamos-components 0.0.22 → 0.0.24

package/dist/Components/NotAuthorized/index.js

@@ -1,18 +1,17 @@
-import { j as t } from "../../jsx-runtime-Drh4NO5G.js";
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import { Container as i, Button as n } from "react-bootstrap";
 import "../../Context/AnalyticsContext.js";
 import "../../Context/MenuContext.js";
-import { useRouter as o } from "../../Context/RouterContext.js";
+import { useRouter as a } from "../../Context/RouterContext.js";
 import "../../Context/SessionContext.js";
-import { C as s } from "../../Container-BLjzOisH.js";
-import { B as i } from "../../Button-GQJKgb76.js";
-const d = ({ homePath: e }) => {
-  const { navigate: r } = o();
-  return /* @__PURE__ */ t.jsxs(s, { className: "d-flex flex-column justify-content-center align-items-center vh-100 text-center", children: [
-    /* @__PURE__ */ t.jsx("h1", { className: "display-1 fw-bold text-danger", children: "403" }),
-    /* @__PURE__ */ t.jsx("p", { className: "fs-4 text-muted", children: "You are not authorized to access this page." }),
-    /* @__PURE__ */ t.jsx(i, { variant: "primary", onClick: () => r(e), children: "Go Home" })
+const u = ({ homePath: e }) => {
+  const { navigate: r } = a();
+  return /* @__PURE__ */ o(i, { className: "d-flex flex-column justify-content-center align-items-center vh-100 text-center", children: [
+    /* @__PURE__ */ t("h1", { className: "display-1 fw-bold text-danger", children: "403" }),
+    /* @__PURE__ */ t("p", { className: "fs-4 text-muted", children: "You are not authorized to access this page." }),
+    /* @__PURE__ */ t(n, { variant: "primary", onClick: () => r(e), children: "Go Home" })
   ] });
 };
 export {
-  d as NotAuthorized
+  u as NotAuthorized
 };

package/dist/Components/Paginator/index.js

@@ -1,156 +1,84 @@
-import { j as l } from "../../jsx-runtime-Drh4NO5G.js";
-import * as p from "react";
-import { useMemo as y } from "react";
-import { c as x, u as I } from "../../ThemeProvider-Q3gZ4GF2.js";
-import { A as v } from "../../Anchor-DJG5WYYF.js";
-const j = /* @__PURE__ */ p.forwardRef(({
-  active: i = !1,
-  disabled: s = !1,
-  className: r,
-  style: e,
-  activeLabel: n = "(current)",
-  children: o,
-  linkStyle: d,
-  linkClassName: N,
-  as: u = v,
-  ...a
-}, M) => {
-  const k = i || s ? "span" : u;
-  return /* @__PURE__ */ l.jsx("li", {
-    ref: M,
-    style: e,
-    className: x(r, "page-item", {
-      active: i,
-      disabled: s
-    }),
-    children: /* @__PURE__ */ l.jsxs(k, {
-      className: x("page-link", N),
-      style: d,
-      ...a,
-      children: [o, i && n && /* @__PURE__ */ l.jsx("span", {
-        className: "visually-hidden",
-        children: n
-      })]
-    })
-  });
-});
-j.displayName = "PageItem";
-function t(i, s, r = i) {
-  const e = /* @__PURE__ */ p.forwardRef(({
-    children: n,
-    ...o
-  }, d) => /* @__PURE__ */ l.jsxs(j, {
-    ...o,
-    ref: d,
-    children: [/* @__PURE__ */ l.jsx("span", {
-      "aria-hidden": "true",
-      children: n || s
-    }), /* @__PURE__ */ l.jsx("span", {
-      className: "visually-hidden",
-      children: r
-    })]
-  }));
-  return e.displayName = i, e;
-}
-const E = t("First", "«"), R = t("Prev", "‹", "Previous"), B = t("Ellipsis", "…", "More"), b = t("Next", "›"), w = t("Last", "»"), h = /* @__PURE__ */ p.forwardRef(({
-  bsPrefix: i,
-  className: s,
-  size: r,
-  ...e
-}, n) => {
-  const o = I(i, "pagination");
-  return /* @__PURE__ */ l.jsx("ul", {
-    ref: n,
-    ...e,
-    className: x(s, o, r && `${o}-${r}`)
-  });
-});
-h.displayName = "Pagination";
-const c = Object.assign(h, {
-  First: E,
-  Prev: R,
-  Ellipsis: B,
-  Item: j,
-  Next: b,
-  Last: w
-}), f = (i, s) => {
-  const r = [];
-  for (let e = i; e <= s; e++)
-    r.push(e);
-  return r;
-}, m = 5, L = ({
-  currentPage: i,
-  totalPages: s,
-  onPageChange: r
+import { jsxs as k, jsx as s } from "react/jsx-runtime";
+import { useMemo as p } from "react";
+import { Pagination as f } from "react-bootstrap";
+const n = (m, i) => {
+  const l = [];
+  for (let c = m; c <= i; c++)
+    l.push(c);
+  return l;
+}, M = 5, v = ({
+  currentPage: m,
+  totalPages: i,
+  onPageChange: l
 }) => {
-  const e = y(() => {
-    if (i === 1 && s === 1)
+  const c = p(() => {
+    if (m === 1 && i === 1)
       return [];
-    if (i === 1)
-      return f(2, Math.min(s - 1, m + 1));
-    if (s - m <= 0)
-      return f(2, s - 1);
-    let n, o;
-    return i <= Math.ceil(m / 2) ? (n = 2, o = Math.min(m + 1, s - 1)) : i + Math.floor(m / 2) >= s ? (n = Math.max(s - m, 2), o = s - 1) : (n = i - Math.floor(m / 2), o = i + Math.floor(m / 2)), o = Math.min(o, s - 1), n = Math.max(n, 2), f(n, o);
-  }, [i, s]);
-  return /* @__PURE__ */ l.jsxs(c, { className: "d-flex justify-content-end", children: [
-    /* @__PURE__ */ l.jsx(
-      c.First,
+    if (m === 1)
+      return n(2, Math.min(i - 1, M + 1));
+    if (i - M <= 0)
+      return n(2, i - 1);
+    let d, h;
+    return m <= Math.ceil(M / 2) ? (d = 2, h = Math.min(M + 1, i - 1)) : m + Math.floor(M / 2) >= i ? (d = Math.max(i - M, 2), h = i - 1) : (d = m - Math.floor(M / 2), h = m + Math.floor(M / 2)), h = Math.min(h, i - 1), d = Math.max(d, 2), n(d, h);
+  }, [m, i]);
+  return /* @__PURE__ */ k(f, { className: "d-flex justify-content-end", children: [
+    /* @__PURE__ */ s(
+      f.First,
       {
-        onClick: () => r(1),
-        disabled: i === 1
+        onClick: () => l(1),
+        disabled: m === 1
       }
     ),
-    /* @__PURE__ */ l.jsx(
-      c.Prev,
+    /* @__PURE__ */ s(
+      f.Prev,
       {
-        onClick: () => r(i - 1),
-        disabled: i === 1
+        onClick: () => l(m - 1),
+        disabled: m === 1
       }
     ),
-    /* @__PURE__ */ l.jsx(
-      c.Item,
+    /* @__PURE__ */ s(
+      f.Item,
       {
-        active: i === 1,
-        onClick: () => r(1),
+        active: m === 1,
+        onClick: () => l(1),
         children: "1"
       }
     ),
-    s > 2 && !e.includes(2) && /* @__PURE__ */ l.jsx(c.Ellipsis, {}),
-    e.map((n) => /* @__PURE__ */ l.jsx(
-      c.Item,
+    i > 2 && !c.includes(2) && /* @__PURE__ */ s(f.Ellipsis, {}),
+    c.map((d) => /* @__PURE__ */ s(
+      f.Item,
       {
-        active: i === n,
-        onClick: () => r(n),
-        children: n
+        active: m === d,
+        onClick: () => l(d),
+        children: d
       },
-      n
+      d
     )),
-    s > m && !e.includes(s - 1) && /* @__PURE__ */ l.jsx(c.Ellipsis, {}),
-    s > 1 && /* @__PURE__ */ l.jsx(
-      c.Item,
+    i > M && !c.includes(i - 1) && /* @__PURE__ */ s(f.Ellipsis, {}),
+    i > 1 && /* @__PURE__ */ s(
+      f.Item,
       {
-        active: i === s,
-        onClick: () => r(s),
-        children: s
+        active: m === i,
+        onClick: () => l(i),
+        children: i
       }
     ),
-    /* @__PURE__ */ l.jsx(
-      c.Next,
+    /* @__PURE__ */ s(
+      f.Next,
       {
-        onClick: () => r(i + 1),
-        disabled: i === s
+        onClick: () => l(m + 1),
+        disabled: m === i
       }
     ),
-    /* @__PURE__ */ l.jsx(
-      c.Last,
+    /* @__PURE__ */ s(
+      f.Last,
       {
-        onClick: () => r(s),
-        disabled: i === s
+        onClick: () => l(i),
+        disabled: m === i
       }
     )
   ] });
 };
 export {
-  L as Paginator
+  v as Paginator
 };

package/dist/Components/ProtectedRoute/index.js

@@ -1,20 +1,20 @@
-import { j as p } from "../../jsx-runtime-Drh4NO5G.js";
-import { useEffect as f } from "react";
+import { jsx as f, Fragment as u } from "react/jsx-runtime";
+import { useEffect as g } from "react";
 import "../../Context/AnalyticsContext.js";
 import "../../Context/MenuContext.js";
-import { useRouter as g } from "../../Context/RouterContext.js";
-import { useSession as x } from "../../Context/SessionContext.js";
-const v = ({
+import { useRouter as h } from "../../Context/RouterContext.js";
+import { useSession as d } from "../../Context/SessionContext.js";
+const F = ({
   notAuthorizedPath: e,
   allowedPermissions: i = [],
   children: c
 }) => {
   var m;
-  const { isAuthenticated: n, isLoading: r, user: t } = x(), { navigate: s } = g();
-  return f(() => {
+  const { isAuthenticated: n, isLoading: r, user: t } = d(), { navigate: s } = h();
+  return g(() => {
     if (!r && n) {
       const o = (t == null ? void 0 : t.permissions) || [];
-      !i.length || o.some((u) => i.includes(u)) || s(e);
+      !i.length || o.some((p) => i.includes(p)) || s(e);
     }
   }, [
     r,
@@ -25,8 +25,8 @@ const v = ({
     i
   ]), i.length > 0 && !((m = t == null ? void 0 : t.permissions) != null && m.some(
     (o) => i.includes(o)
-  )) ? null : /* @__PURE__ */ p.jsx(p.Fragment, { children: c });
+  )) ? null : /* @__PURE__ */ f(u, { children: c });
 };
 export {
-  v as ProtectedRoute
+  F as ProtectedRoute
 };

package/dist/Context/AnalyticsContext.js

@@ -1,23 +1,23 @@
-import { j as n } from "../jsx-runtime-Drh4NO5G.js";
-import { createContext as a, useEffect as r } from "react";
-import { Events as c } from "../Common/Events.js";
+import { jsx as n } from "react/jsx-runtime";
+import { createContext as c, useEffect as r } from "react";
+import { Events as a } from "../Common/Events.js";
 import { useDebouncedValue as m } from "../Hooks/useDebouncedValue.js";
-const u = a({}), p = "page-visit", E = ({
+const u = c({}), d = "page-visit", E = ({
   onVisit: t,
   children: s
 }) => {
   const [e, o] = m(null, 1e4);
   return r(() => {
-    c.subscribe(p, (i) => {
+    a.subscribe(d, (i) => {
       o(i.detail.id);
     });
   }, [o]), r(() => {
     e && t(e).then(() => {
     });
-  }, [e, t]), /* @__PURE__ */ n.jsx(u.Provider, { value: {}, children: s });
+  }, [e, t]), /* @__PURE__ */ n(u.Provider, { value: {}, children: s });
 };
 export {
   u as AnalyticsContext,
   E as AnalyticsProvider,
-  p as PAGE_VISIT_EVENT
+  d as PAGE_VISIT_EVENT
 };

package/dist/Context/MenuContext.js

@@ -1,55 +1,55 @@
-import { j as F } from "../jsx-runtime-Drh4NO5G.js";
-import { createContext as j, useMemo as d, useEffect as E, useContext as L } from "react";
-import { useQuery as S } from "../Hooks/useQuery.js";
-import { useRouter as y } from "./RouterContext.js";
-import { useSession as m } from "./SessionContext.js";
-const P = j({
+import { jsx as R } from "react/jsx-runtime";
+import { createContext as L, useMemo as d, useEffect as S, useContext as y } from "react";
+import { useQuery as E } from "../Hooks/useQuery.js";
+import { useRouter as j } from "./RouterContext.js";
+import { useSession as q } from "./SessionContext.js";
+const P = L({
   items: [],
   isLoading: !0
 }), A = ({
   requestMenu: e,
   children: h
 }) => {
-  const { user: r } = m(), { basePath: l } = y(), {
+  const { user: r } = q(), { basePath: l } = j(), {
     data: o,
     loadData: f,
     isLoading: n,
     isLoaded: p
-  } = S({
+  } = E({
     queryFunction: e
   }), g = d(() => {
     var w;
     const i = (r == null ? void 0 : r.permissions) || [], c = (r == null ? void 0 : r.roles) || [];
     return (w = o == null ? void 0 : o.items) != null && w.length ? o.items.filter((s) => {
-      var x, v;
-      if (!((x = s == null ? void 0 : s.allowedPermissions) != null && x.length) && !((v = s == null ? void 0 : s.allowedRoles) != null && v.length))
+      var v, x;
+      if (!((v = s == null ? void 0 : s.allowedPermissions) != null && v.length) && !((x = s == null ? void 0 : s.allowedRoles) != null && x.length))
         return !0;
       let t = !0;
       return s.allowedRoles && (t = t && s.allowedRoles.some((a) => c.includes(a))), s.allowedPermissions && (t = t && s.allowedPermissions.some(
         (a) => i.includes(a)
       )), t;
     }) : [];
-  }, [o == null ? void 0 : o.items, r]), R = d(() => {
+  }, [o == null ? void 0 : o.items, r]), C = d(() => {
     if (!(o != null && o.subMenu))
       return;
     const i = o == null ? void 0 : o.subMenu.find(
       (c) => l === c.accessibleFrom
     );
     return (i == null ? void 0 : i.items) || void 0;
-  }, [o == null ? void 0 : o.subMenu, l]), C = d(() => o != null && o.options ? o == null ? void 0 : o.options.filter(
+  }, [o == null ? void 0 : o.subMenu, l]), F = d(() => o != null && o.options ? o == null ? void 0 : o.options.filter(
     (i) => !i.accessibleFrom || l === i.accessibleFrom
   ) : [], [o == null ? void 0 : o.options, l]);
-  return E(() => {
+  return S(() => {
     !n && !p && f({});
-  }, [n, p, f]), /* @__PURE__ */ F.jsx(
+  }, [n, p, f]), /* @__PURE__ */ R(
     P.Provider,
     {
-      value: { items: g, subMenu: R, options: C, isLoading: n },
+      value: { items: g, subMenu: C, options: F, isLoading: n },
       children: h
     }
   );
 }, B = () => {
-  const e = L(P);
+  const e = y(P);
   if (e === void 0)
     throw new Error("useSession must be used within a SessionProvider");
   return e;

package/dist/Context/SessionContext.js

@@ -1,97 +1,97 @@
-import { j as G } from "../jsx-runtime-Drh4NO5G.js";
-import { createContext as K, useState as S, useEffect as T, useContext as N } from "react";
-import { Events as R } from "../Common/Events.js";
-import { usePageVisibility as V } from "../Hooks/usePageVisibility.js";
-const y = K(void 0), k = "guestId", f = (d) => {
-  d && R.publish("variamosNavigate", d);
+import { jsx as G } from "react/jsx-runtime";
+import { createContext as K, useState as T, useEffect as k, useContext as N } from "react";
+import { Events as V } from "../Common/Events.js";
+import { usePageVisibility as z } from "../Hooks/usePageVisibility.js";
+const y = K(void 0), x = "guestId", f = (d) => {
+  d && V.publish("variamosNavigate", d);
 }, m = (d) => {
-  d && sessionStorage.setItem("authToken", d);
-}, H = ({
+  d && localStorage.setItem("authToken", d);
+}, J = ({
   loginUrl: d,
-  getSessionInfo: h,
+  getSessionInfo: e,
   requestSignUp: v,
   requestSignIn: w,
   requestSignInAsGuest: C,
   requestLogout: P,
   children: b
 }) => {
-  const [E, t] = S(null), [j, c] = S(!0), g = !!E, x = V();
-  T(() => {
-    c(!0), h().then((o) => {
-      var i, n, a;
-      o != null && o.errorCode ? t(null) : (m((i = o == null ? void 0 : o.data) == null ? void 0 : i.authToken), t(((n = o == null ? void 0 : o.data) == null ? void 0 : n.user) ?? null), f((a = o == null ? void 0 : o.data) == null ? void 0 : a.redirect));
+  const [E, t] = T(null), [A, c] = T(!0), g = !!E, I = z();
+  k(() => {
+    c(!0), e().then((o) => {
+      var a, n, i;
+      o != null && o.errorCode ? t(null) : (m((a = o == null ? void 0 : o.data) == null ? void 0 : a.authToken), t(((n = o == null ? void 0 : o.data) == null ? void 0 : n.user) ?? null), f((i = o == null ? void 0 : o.data) == null ? void 0 : i.redirect));
     }).catch(() => {
       t(null);
     }).finally(() => c(!1));
-  }, [h]), T(() => {
-    if (g && x) {
+  }, [e]), k(() => {
+    if (g && I) {
       const o = () => {
-        h().then((n) => {
-          var a, r, e;
-          n != null && n.errorCode ? t(null) : (m((a = n == null ? void 0 : n.data) == null ? void 0 : a.authToken), t(((r = n == null ? void 0 : n.data) == null ? void 0 : r.user) ?? null), f((e = n == null ? void 0 : n.data) == null ? void 0 : e.redirect));
+        e().then((n) => {
+          var i, r, h;
+          n != null && n.errorCode ? t(null) : (m((i = n == null ? void 0 : n.data) == null ? void 0 : i.authToken), t(((r = n == null ? void 0 : n.data) == null ? void 0 : r.user) ?? null), f((h = n == null ? void 0 : n.data) == null ? void 0 : h.redirect));
         }).catch(() => {
           t(null);
         });
       };
       o();
-      const i = setInterval(() => {
+      const a = setInterval(() => {
         o();
       }, 6e4);
-      return () => clearInterval(i);
+      return () => clearInterval(a);
     }
-  }, [g, x, h]);
-  const A = (o) => {
+  }, [g, I, e]);
+  const L = (o) => {
     if (!v)
       throw new Error("requestSignUp is not defined.");
     return c(!0), v(o).finally(() => c(!1));
-  }, L = (o) => {
+  }, U = (o) => {
     if (!w)
       throw new Error("requestSignIn is not defined.");
-    return c(!0), w(o).then((i) => i != null && i.errorCode ? i : h().then((n) => {
-      var a, r, e;
-      return n != null && n.errorCode ? (t(null), i.withError(n.errorCode, n.message)) : (m((a = n == null ? void 0 : n.data) == null ? void 0 : a.authToken), t(((r = n == null ? void 0 : n.data) == null ? void 0 : r.user) ?? null), f((e = n == null ? void 0 : n.data) == null ? void 0 : e.redirect)), i;
-    }).catch(() => (t(null), i.withError(500, "Sign in error.")))).finally(() => c(!1));
-  }, U = () => {
+    return c(!0), w(o).then((a) => a != null && a.errorCode ? a : e().then((n) => {
+      var i, r, h;
+      return n != null && n.errorCode ? (t(null), a.withError(n.errorCode, n.message)) : (m((i = n == null ? void 0 : n.data) == null ? void 0 : i.authToken), t(((r = n == null ? void 0 : n.data) == null ? void 0 : r.user) ?? null), f((h = n == null ? void 0 : n.data) == null ? void 0 : h.redirect)), a;
+    }).catch(() => (t(null), a.withError(500, "Sign in error.")))).finally(() => c(!1));
+  }, j = () => {
     if (!C)
       throw new Error("requestSignInAsGuest is not defined.");
     c(!0);
-    const o = localStorage.getItem(k);
-    return C(o).then((i) => {
+    const o = localStorage.getItem(x);
+    return C(o).then((a) => {
       var n;
-      return i != null && i.errorCode ? i : (localStorage.setItem(k, ((n = i == null ? void 0 : i.data) == null ? void 0 : n.id) || ""), h().then((a) => {
-        var r, e, I;
-        return a != null && a.errorCode ? (t(null), i.withError(a.errorCode, a.message)) : (m((r = a == null ? void 0 : a.data) == null ? void 0 : r.authToken), t(((e = a == null ? void 0 : a.data) == null ? void 0 : e.user) ?? null), f((I = a == null ? void 0 : a.data) == null ? void 0 : I.redirect)), i;
-      }).catch(() => (t(null), i.withError(500, "Sign in error."))));
+      return a != null && a.errorCode ? a : (localStorage.setItem(x, ((n = a == null ? void 0 : a.data) == null ? void 0 : n.id) || ""), e().then((i) => {
+        var r, h, S;
+        return i != null && i.errorCode ? (t(null), a.withError(i.errorCode, i.message)) : (m((r = i == null ? void 0 : i.data) == null ? void 0 : r.authToken), t(((h = i == null ? void 0 : i.data) == null ? void 0 : h.user) ?? null), f((S = i == null ? void 0 : i.data) == null ? void 0 : S.redirect)), a;
+      }).catch(() => (t(null), a.withError(500, "Sign in error."))));
     }).finally(() => c(!1));
   }, q = () => {
     P().then(() => {
-      sessionStorage.removeItem("authToken"), f(d), setTimeout(() => {
+      localStorage.removeItem("authToken"), f(d), setTimeout(() => {
         t(null);
       }, 200);
     });
   };
-  return /* @__PURE__ */ G.jsx(
+  return /* @__PURE__ */ G(
     y.Provider,
     {
       value: {
         user: E,
         isAuthenticated: g,
         logout: q,
-        signUp: A,
-        signIn: L,
-        signInAsGuest: U,
-        isLoading: j
+        signUp: L,
+        signIn: U,
+        signInAsGuest: j,
+        isLoading: A
       },
       children: b
     }
   );
-}, J = () => {
+}, M = () => {
   const d = N(y);
   if (d === void 0)
     throw new Error("useSession must be used within a SessionProvider");
   return d;
 };
 export {
-  H as SessionProvider,
-  J as useSession
+  J as SessionProvider,
+  M as useSession
 };

package/dist/HOC/WithPageVisit.d.ts

@@ -1,2 +1,2 @@
 import { default as React } from 'react';
-export declare function withPageVisit<T extends object>(WrappedComponent: React.ComponentType<T>, id: string): (props: T) => import("react/jsx-runtime").JSX.Element;
+export declare function withPageVisit<T extends object>(WrappedComponent: React.ComponentType<T>, id: string): (props: T) => React.JSX.Element;

package/dist/HOC/WithPageVisit.js

@@ -1,11 +1,11 @@
-import { j as e } from "../jsx-runtime-Drh4NO5G.js";
-import i from "react";
+import { jsx as i } from "react/jsx-runtime";
+import e from "react";
 import { Events as m } from "../Common/Events.js";
 import { PAGE_VISIT_EVENT as f } from "../Context/AnalyticsContext.js";
-function E(t, r) {
-  return (o) => (i.useEffect(() => {
-    m.publish(f, { id: r });
-  }, []), /* @__PURE__ */ e.jsx(t, { ...o }));
+function E(r, t) {
+  return (o) => (e.useEffect(() => {
+    m.publish(f, { id: t });
+  }, []), /* @__PURE__ */ i(r, { ...o }));
 }
 export {
   E as withPageVisit

package/dist/assets/index.css

@@ -1 +1 @@
-._footer_chhcn_1{height:50px;min-height:50px;background-color:var(--dark-color-font);color:#fff;text-align:center;margin-top:auto;display:flex;justify-content:center;align-items:center}
+._footer_cvhpi_1{height:50px;min-height:50px;background-color:var(--dark-color-font);color:#fff;text-align:center;margin-top:auto;display:flex;justify-content:center;align-items:center}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@variamosple/variamos-components",
   "private": false,
-  "version": "0.0.22",
+  "version": "0.0.24",
   "type": "module",
   "main": "dist/main.js",
   "types": "dist/main.d.ts",
@@ -19,10 +19,10 @@
     "prepack": "npm run build"
   },
   "peerDependencies": {
-    "react": "^18.3.1",
+    "react": "^18.3.1 || ^19.0.0",
     "react-bootstrap": "^2.10.9",
     "react-bootstrap-icons": "^1.11.5",
-    "react-dom": "^18.3.1"
+    "react-dom": "^18.3.1 || ^19.0.0"
   },
   "dependencies": {
     "@variamosple/variamos-components": "file:"
@@ -30,21 +30,24 @@
   "devDependencies": {
     "@eslint/js": "^9.19.0",
     "@types/node": "^22.13.4",
-    "@types/react": "^18.3.18",
+    "@types/react": "^19.2.18",
     "@types/react-bootstrap": "^0.32.37",
-    "@types/react-dom": "^18.3.5",
+    "@types/react-dom": "^19.2.4",
     "@vitejs/plugin-react": "^4.3.4",
     "eslint": "^9.19.0",
     "eslint-plugin-react-hooks": "^5.0.0",
     "eslint-plugin-react-refresh": "^0.4.18",
     "glob": "^11.0.1",
     "globals": "^15.14.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "^19.2.8",
+    "react-dom": "^19.2.8",
     "typescript": "~5.7.2",
     "typescript-eslint": "^8.22.0",
     "vite": "^6.1.0",
     "vite-plugin-dts": "^4.5.0",
     "vite-plugin-lib-inject-css": "^2.2.1"
+  },
+  "allowScripts": {
+    "esbuild@0.25.12": true
   }
 }