@eliseubatista99/react-scaffold-core 0.1.3 → 0.1.4

package/dist/index.es.js

@@ -1,5 +1,5 @@
 import * as p from "react";
-import R, { useEffect as Tt, useState as ur, useMemo as cr, useContext as Ge, forwardRef as fr } from "react";
+import w, { useEffect as Tt, useState as ur, useMemo as cr, useContext as Ge, forwardRef as fr } from "react";
 var be = { exports: {} }, se = {};
 /**
  * @license React
@@ -61,7 +61,7 @@ function hr() {
           return "Suspense";
         case A:
           return "SuspenseList";
-        case $:
+        case _:
           return "Activity";
       }
       if (typeof y == "object")
@@ -70,7 +70,7 @@ function hr() {
         ), y.$$typeof) {
           case f:
             return "Portal";
-          case w:
+          case R:
             return (y.displayName || "Context") + ".Provider";
           case b:
             return (y._context.displayName || "Context") + ".Consumer";
@@ -236,7 +236,7 @@ React keys must be passed directly to JSX without using spread:
     function g(y) {
       typeof y == "object" && y !== null && y.$$typeof === x && y._store && (y._store.validated = 1);
     }
-    var m = R, x = Symbol.for("react.transitional.element"), f = Symbol.for("react.portal"), h = Symbol.for("react.fragment"), v = Symbol.for("react.strict_mode"), d = Symbol.for("react.profiler"), b = Symbol.for("react.consumer"), w = Symbol.for("react.context"), T = Symbol.for("react.forward_ref"), I = Symbol.for("react.suspense"), A = Symbol.for("react.suspense_list"), C = Symbol.for("react.memo"), z = Symbol.for("react.lazy"), $ = Symbol.for("react.activity"), M = Symbol.for("react.client.reference"), B = m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, at = Object.prototype.hasOwnProperty, sr = Array.isArray, Fe = console.createTask ? console.createTask : function() {
+    var m = w, x = Symbol.for("react.transitional.element"), f = Symbol.for("react.portal"), h = Symbol.for("react.fragment"), v = Symbol.for("react.strict_mode"), d = Symbol.for("react.profiler"), b = Symbol.for("react.consumer"), R = Symbol.for("react.context"), T = Symbol.for("react.forward_ref"), I = Symbol.for("react.suspense"), A = Symbol.for("react.suspense_list"), C = Symbol.for("react.memo"), z = Symbol.for("react.lazy"), _ = Symbol.for("react.activity"), M = Symbol.for("react.client.reference"), B = m.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, at = Object.prototype.hasOwnProperty, sr = Array.isArray, Fe = console.createTask ? console.createTask : function() {
       return null;
     };
     m = {
@@ -280,7 +280,7 @@ function pr() {
   return dt || (dt = 1, process.env.NODE_ENV === "production" ? be.exports = dr() : be.exports = hr()), be.exports;
 }
 var E = pr();
-const Va = ({ children: e, onClick: t, styles: r }) => /* @__PURE__ */ E.jsx(
+const Ya = ({ children: e, onClick: t, styles: r }) => /* @__PURE__ */ E.jsx(
   "button",
   {
     style: {
@@ -299,11 +299,11 @@ const Va = ({ children: e, onClick: t, styles: r }) => /* @__PURE__ */ E.jsx(
     onClick: () => t?.(),
     children: e
   }
-), Ya = (e) => Tt(e, []), mr = () => {
-  const [e, t] = R.useState(
+), qa = (e) => Tt(e, []), mr = () => {
+  const [e, t] = w.useState(
     {}
-  ), [r, a] = R.useState(!1);
-  return R.useEffect(() => {
+  ), [r, a] = w.useState(!1);
+  return w.useEffect(() => {
     const n = (l) => {
       t({ x: l.clientX, y: l.clientY });
     }, i = (l) => {
@@ -324,9 +324,9 @@ const Va = ({ children: e, onClick: t, styles: r }) => /* @__PURE__ */ E.jsx(
   onDragStart: r,
   onDragEnd: a
 }) => {
-  const n = R.useRef(!1), i = R.useRef(!1), { pointerPosition: o, isPointerDown: l } = mr(), s = R.useRef({
+  const n = w.useRef(!1), i = w.useRef(!1), { pointerPosition: o, isPointerDown: l } = mr(), s = w.useRef({
     isDragging: !1
-  }), u = R.useCallback(
+  }), u = w.useCallback(
     (f) => {
       if (!e || !e.current || !s.current)
         return;
@@ -334,21 +334,21 @@ const Va = ({ children: e, onClick: t, styles: r }) => /* @__PURE__ */ E.jsx(
       return h.posY = f.y, h.posX = f.x, s.current.startPosX && s.current.posX && (h.distanceX = s.current.startPosX - s.current.posX), s.current.startPosY && s.current.posY && (h.distanceY = -(s.current.startPosY - s.current.posY)), h;
     },
     []
-  ), c = R.useCallback(
+  ), c = w.useCallback(
     (f) => {
       f.preventDefault(), f.stopPropagation(), s.current.isDragging = !0, s.current.startPosY = f.clientY, s.current.startPosX = f.clientX;
       const h = u({ x: f.clientX, y: f.clientY });
       h && (s.current = h, r?.(h));
     },
     [u]
-  ), g = R.useCallback(
+  ), g = w.useCallback(
     (f) => {
       s.current.isDragging = !1;
       const h = u(o);
       h && (a?.(h), h.startPosX = void 0, h.startPosY = void 0, s.current = h);
     },
     [u, o]
-  ), m = R.useCallback(
+  ), m = w.useCallback(
     (f) => {
       if (console.debug(
         "useDrag > onPointerMove > Is Dragging >",
@@ -359,21 +359,21 @@ const Va = ({ children: e, onClick: t, styles: r }) => /* @__PURE__ */ E.jsx(
       console.debug("useDrag > onPointerMove > Drag Result >", h), h && (t?.(h), s.current = h);
     },
     [u, o]
-  ), x = R.useCallback(async () => {
+  ), x = w.useCallback(async () => {
     if (!n.current) {
       for (; !e?.current; )
         await new Promise((f) => setTimeout(f, 300));
       n.current = !0, e.current.onpointerdown = c, e.current.style.touchAction = "none";
     }
   }, [e?.current, c]);
-  R.useEffect(() => {
+  w.useEffect(() => {
     x();
-  }, [x]), R.useEffect(() => {
+  }, [x]), w.useEffect(() => {
     m();
-  }, [o]), R.useEffect(() => {
+  }, [o]), w.useEffect(() => {
     l !== i.current && (i.current = l, l || g());
   }, [l, i.current]);
-}, qa = () => {
+}, Xa = () => {
   const e = (r, a) => {
     let n = 0, i = `${r}?`;
     for (const o in a) {
@@ -393,7 +393,7 @@ const Va = ({ children: e, onClick: t, styles: r }) => /* @__PURE__ */ E.jsx(
   lg: 991,
   xl: 1200,
   xxl: 1440
-}, Xa = (e) => {
+}, Ga = (e) => {
   const t = {
     ...yr,
     ...e?.breakpointConfiguration
@@ -408,10 +408,19 @@ const Va = ({ children: e, onClick: t, styles: r }) => /* @__PURE__ */ E.jsx(
 }, vr = (e, t) => e < t.sm ? "xs" : e < t.md ? "sm" : e < t.lg ? "md" : e < t.xl ? "lg" : e < t.xxl ? "xl" : "xxl", xr = (e, t) => e <= t.sm ? "mobile" : e <= t.md ? "tablet" : "desktop", ht = (e) => {
   const t = window.innerWidth, r = window.innerHeight, a = vr(t, e), n = xr(t, e);
   return { currentWidth: t, currentHeight: r, currentBreakpoint: a, currentSize: n };
-}, Ga = (e) => {
-  const t = e.translations, r = e.language, a = (i) => i[r];
+}, Ja = (e) => {
+  const t = e.translations, r = e.language, a = (i) => {
+    if (i)
+      return i[r];
+  };
   return {
-    t: (i) => t[i] ? a(t[i]) : i,
+    t: (i) => {
+      if (t[i]) {
+        const o = a(t[i]);
+        return o ?? i;
+      }
+      return i;
+    },
     getTranslation: a
   };
 };
@@ -434,15 +443,15 @@ function br() {
       const b = m.indexOf("=", d);
       if (b === -1)
         break;
-      const w = m.indexOf(";", d), T = w === -1 ? h : w;
+      const R = m.indexOf(";", d), T = R === -1 ? h : R;
       if (b > T) {
         d = m.lastIndexOf(";", b - 1) + 1;
         continue;
       }
       const I = l(m, d, b), A = s(m, b, I), C = m.slice(I, A);
       if (f[C] === void 0) {
-        let z = l(m, b + 1, T), $ = s(m, T, z);
-        const M = v(m.slice(z, $));
+        let z = l(m, b + 1, T), _ = s(m, T, z);
+        const M = v(m.slice(z, _));
         f[C] = M;
       }
       d = T + 1;
@@ -573,7 +582,7 @@ function wr(e = {}) {
     e
   );
 }
-function L(e, t) {
+function $(e, t) {
   if (e === !1 || e === null || typeof e > "u")
     throw new Error(t);
 }
@@ -642,9 +651,9 @@ function Cr(e, t, r, a = {}) {
     l = "PUSH";
     let b = Be(h.location, v, d);
     u = c() + 1;
-    let w = gt(b, u), T = h.createHref(b);
+    let R = gt(b, u), T = h.createHref(b);
     try {
-      o.pushState(w, "", T);
+      o.pushState(R, "", T);
     } catch (I) {
       if (I instanceof DOMException && I.name === "DataCloneError")
         throw I;
@@ -656,8 +665,8 @@ function Cr(e, t, r, a = {}) {
     l = "REPLACE";
     let b = Be(h.location, v, d);
     u = c();
-    let w = gt(b, u), T = h.createHref(b);
-    o.replaceState(w, "", T), i && s && s({ action: l, location: h.location, delta: 0 });
+    let R = gt(b, u), T = h.createHref(b);
+    o.replaceState(R, "", T), i && s && s({ action: l, location: h.location, delta: 0 });
   }
   function f(v) {
     return kr(v);
@@ -698,7 +707,7 @@ function Cr(e, t, r, a = {}) {
 }
 function kr(e, t = !1) {
   let r = "http://localhost";
-  typeof window < "u" && (r = window.location.origin !== "null" ? window.location.origin : window.location.href), L(r, "No window.location.(origin|href) available to create URL");
+  typeof window < "u" && (r = window.location.origin !== "null" ? window.location.origin : window.location.href), $(r, "No window.location.(origin|href) available to create URL");
   let a = typeof e == "string" ? e : de(e);
   return a = a.replace(/ $/, "%20"), !t && a.startsWith("//") && (a = r + a), new URL(a, r);
 }
@@ -730,19 +739,19 @@ function At(e, t = [], r = [], a = "") {
       childrenIndex: o,
       route: i
     };
-    s.relativePath.startsWith("/") && (L(
+    s.relativePath.startsWith("/") && ($(
       s.relativePath.startsWith(a),
       `Absolute route path "${s.relativePath}" nested under path "${a}" is not valid. An absolute child route path must start with the combined path of all its parent routes.`
     ), s.relativePath = s.relativePath.slice(a.length));
     let u = J([a, s.relativePath]), c = r.concat(s);
-    i.children && i.children.length > 0 && (L(
+    i.children && i.children.length > 0 && ($(
       // Our types know better, but runtime JS may not!
       // @ts-expect-error
       i.index !== !0,
       `Index routes must not have child routes. Please remove all child routes from route path "${u}".`
     ), At(i.children, t, c, u)), !(i.path == null && !i.index) && t.push({
       path: u,
-      score: _r(u, i.index),
+      score: Lr(u, i.index),
       routesMeta: c
     });
   };
@@ -771,21 +780,21 @@ function Ot(e) {
 }
 function Sr(e) {
   e.sort(
-    (t, r) => t.score !== r.score ? r.score - t.score : $r(
+    (t, r) => t.score !== r.score ? r.score - t.score : _r(
       t.routesMeta.map((a) => a.childrenIndex),
       r.routesMeta.map((a) => a.childrenIndex)
     )
   );
 }
-var Pr = /^:[\w-]+$/, Tr = 3, Ir = 2, Ar = 1, Or = 10, Lr = -2, yt = (e) => e === "*";
-function _r(e, t) {
+var Pr = /^:[\w-]+$/, Tr = 3, Ir = 2, Ar = 1, Or = 10, $r = -2, yt = (e) => e === "*";
+function Lr(e, t) {
   let r = e.split("/"), a = r.length;
-  return r.some(yt) && (a += Lr), t && (a += Ir), r.filter((n) => !yt(n)).reduce(
+  return r.some(yt) && (a += $r), t && (a += Ir), r.filter((n) => !yt(n)).reduce(
     (n, i) => n + (Pr.test(i) ? Tr : i === "" ? Ar : Or),
     a
   );
 }
-function $r(e, t) {
+function _r(e, t) {
   return e.length === t.length && e.slice(0, -1).every((a, n) => a === t[n]) ? (
     // If two routes are siblings, we should try to match the earlier sibling
     // first. This allows people to have fine-grained control over the matching
@@ -908,21 +917,21 @@ function Hr(e) {
     (t, r) => r === 0 || t.route.path && t.route.path.length > 0
   );
 }
-function Lt(e) {
+function $t(e) {
   let t = Hr(e);
   return t.map(
     (r, a) => a === t.length - 1 ? r.pathname : r.pathnameBase
   );
 }
-function _t(e, t, r, a = !1) {
+function Lt(e, t, r, a = !1) {
   let n;
-  typeof e == "string" ? n = ae(e) : (n = { ...e }, L(
+  typeof e == "string" ? n = ae(e) : (n = { ...e }, $(
     !n.pathname || !n.pathname.includes("?"),
     He("?", "pathname", "search", n)
-  ), L(
+  ), $(
     !n.pathname || !n.pathname.includes("#"),
     He("#", "pathname", "hash", n)
-  ), L(
+  ), $(
     !n.search || !n.search.includes("#"),
     He("#", "search", "hash", n)
   ));
@@ -946,18 +955,18 @@ var J = (e) => e.join("/").replace(/\/\/+/g, "/"), zr = (e) => e.replace(/\/+$/,
 function Wr(e) {
   return e != null && typeof e.status == "number" && typeof e.statusText == "string" && typeof e.internal == "boolean" && "data" in e;
 }
-var $t = [
+var _t = [
   "POST",
   "PUT",
   "PATCH",
   "DELETE"
 ];
 new Set(
-  $t
+  _t
 );
 var Vr = [
   "GET",
-  ...$t
+  ..._t
 ];
 new Set(Vr);
 var ie = p.createContext(null);
@@ -991,7 +1000,7 @@ Z.displayName = "Route";
 var Je = p.createContext(null);
 Je.displayName = "RouteError";
 function Xr(e, { relative: t } = {}) {
-  L(
+  $(
     ye(),
     // TODO: This error is probably because they somehow have 2 versions of the
     // router loaded. We can help them understand how to avoid that.
@@ -1004,7 +1013,7 @@ function ye() {
   return p.useContext(ge) != null;
 }
 function ee() {
-  return L(
+  return $(
     ye(),
     // TODO: This error is probably because they somehow have 2 versions of the
     // router loaded. We can help them understand how to avoid that.
@@ -1020,13 +1029,13 @@ function Nt() {
   return e ? ln() : Gr();
 }
 function Gr() {
-  L(
+  $(
     ye(),
     // TODO: This error is probably because they somehow have 2 versions of the
     // router loaded. We can help them understand how to avoid that.
     "useNavigate() may be used only in the context of a <Router> component."
   );
-  let e = p.useContext(ie), { basename: t, navigator: r } = p.useContext(G), { matches: a } = p.useContext(Z), { pathname: n } = ee(), i = JSON.stringify(Lt(a)), o = p.useRef(!1);
+  let e = p.useContext(ie), { basename: t, navigator: r } = p.useContext(G), { matches: a } = p.useContext(Z), { pathname: n } = ee(), i = JSON.stringify($t(a)), o = p.useRef(!1);
   return jt(() => {
     o.current = !0;
   }), p.useCallback(
@@ -1036,7 +1045,7 @@ function Gr() {
         r.go(s);
         return;
       }
-      let c = _t(
+      let c = Lt(
         s,
         JSON.parse(i),
         n,
@@ -1059,9 +1068,9 @@ function Gr() {
 }
 p.createContext(null);
 function ve(e, { relative: t } = {}) {
-  let { matches: r } = p.useContext(Z), { pathname: a } = ee(), n = JSON.stringify(Lt(r));
+  let { matches: r } = p.useContext(Z), { pathname: a } = ee(), n = JSON.stringify($t(r));
   return p.useMemo(
-    () => _t(
+    () => Lt(
       e,
       JSON.parse(n),
       a,
@@ -1074,7 +1083,7 @@ function Jr(e, t) {
   return Mt(e, t);
 }
 function Mt(e, t, r, a) {
-  L(
+  $(
     ye(),
     // TODO: This error is probably because they somehow have 2 versions of the
     // router loaded. We can help them understand how to avoid that.
@@ -1094,7 +1103,7 @@ Please change the parent <Route path="${d}"> to <Route path="${d === "/" ? "*" :
   let g = ee(), m;
   if (t) {
     let d = typeof t == "string" ? ae(t) : t;
-    L(
+    $(
       u === "/" || d.pathname?.startsWith(u),
       `When overriding the location using \`<Routes location>\` or \`useRoutes(routes, location)\`, the location pathname must begin with the portion of the URL pathname that was matched by all parent routes. The current pathname base is "${u}" but pathname "${d.pathname}" was given in the \`location\` prop.`
     ), m = d;
@@ -1218,7 +1227,7 @@ function tn(e, t = [], r = null, a = null) {
     let s = n.findIndex(
       (u) => u.route.id && i?.[u.route.id] !== void 0
     );
-    L(
+    $(
       s >= 0,
       `Could not find a matching route for errors on route IDs: ${Object.keys(
         i
@@ -1280,19 +1289,19 @@ function Ke(e) {
 }
 function rn(e) {
   let t = p.useContext(ie);
-  return L(t, Ke(e)), t;
+  return $(t, Ke(e)), t;
 }
 function nn(e) {
   let t = p.useContext(Ae);
-  return L(t, Ke(e)), t;
+  return $(t, Ke(e)), t;
 }
 function an(e) {
   let t = p.useContext(Z);
-  return L(t, Ke(e)), t;
+  return $(t, Ke(e)), t;
 }
 function Ze(e) {
   let t = an(e), r = t.matches[t.matches.length - 1];
-  return L(
+  return $(
     r.route.id,
     `${e} can only be used on routes that contain a unique "id"`
   ), r.route.id;
@@ -1343,7 +1352,7 @@ function un({
   return Mt(e, void 0, r, t);
 }
 function zt(e) {
-  L(
+  $(
     !1,
     "A <Route> is only ever to be used as the child of <Routes> element, never rendered directly. Please wrap your <Route> in a <Routes>."
   );
@@ -1356,7 +1365,7 @@ function cn({
   navigator: n,
   static: i = !1
 }) {
-  L(
+  $(
     !ye(),
     "You cannot render a <Router> inside another <Router>. You should never have more than one in your app."
   );
@@ -1413,10 +1422,10 @@ function We(e, t = []) {
       );
       return;
     }
-    L(
+    $(
       a.type === zt,
       `[${typeof a.type == "string" ? a.type : a.type.name}] is not a <Route> component. All component children of <Routes> must be a <Route> or <React.Fragment>`
-    ), L(
+    ), $(
       !a.props.index || !a.props.children,
       "An index route cannot have child routes."
     );
@@ -1704,9 +1713,9 @@ function On({
     () => It(r.routes, e, r.basename),
     [r.routes, e, r.basename]
   );
-  return a ? /* @__PURE__ */ p.createElement(_n, { page: e, matches: a, ...t }) : null;
+  return a ? /* @__PURE__ */ p.createElement(Ln, { page: e, matches: a, ...t }) : null;
 }
-function Ln(e) {
+function $n(e) {
   let { manifest: t, routeModules: r } = Bt(), [a, n] = p.useState([]);
   return p.useEffect(() => {
     let i = !1;
@@ -1719,7 +1728,7 @@ function Ln(e) {
     };
   }, [e, t, r]), a;
 }
-function _n({
+function Ln({
   page: e,
   matches: t,
   ...r
@@ -1750,7 +1759,7 @@ function _n({
     let f = /* @__PURE__ */ new Set(), h = !1;
     if (t.forEach((d) => {
       let b = n.routes[d.route.id];
-      !b || !b.hasLoader || (!u.some((w) => w.route.id === d.route.id) && d.route.id in l && i[d.route.id]?.shouldRevalidate || b.hasClientLoader ? h = !0 : f.add(d.route.id));
+      !b || !b.hasLoader || (!u.some((R) => R.route.id === d.route.id) && d.route.id in l && i[d.route.id]?.shouldRevalidate || b.hasClientLoader ? h = !0 : f.add(d.route.id));
     }), f.size === 0)
       return [];
     let v = Tn(e, o);
@@ -1770,14 +1779,14 @@ function _n({
   ]), m = p.useMemo(
     () => Cn(c, n),
     [c, n]
-  ), x = Ln(c);
+  ), x = $n(c);
   return /* @__PURE__ */ p.createElement(p.Fragment, null, g.map((f) => /* @__PURE__ */ p.createElement("link", { key: f, rel: "prefetch", as: "fetch", href: f, ...r })), m.map((f) => /* @__PURE__ */ p.createElement("link", { key: f, rel: "modulepreload", href: f, ...r })), x.map(({ key: f, link: h }) => (
     // these don't spread `linkProps` because they are full link descriptors
     // already with their own props
     /* @__PURE__ */ p.createElement("link", { key: f, ...h })
   )));
 }
-function $n(...e) {
+function _n(...e) {
   return (t) => {
     e.forEach((r) => {
       typeof r == "function" ? r(t) : r != null && (r.current = t);
@@ -1834,15 +1843,15 @@ var Vt = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, Yt = p.forwardRef(
     let { basename: f } = p.useContext(G), h = typeof u == "string" && Vt.test(u), v, d = !1;
     if (typeof u == "string" && h && (v = u, Wt))
       try {
-        let $ = new URL(window.location.href), M = u.startsWith("//") ? new URL($.protocol + u) : new URL(u), B = K(M.pathname, f);
-        M.origin === $.origin && B != null ? u = B + M.search + M.hash : d = !0;
+        let _ = new URL(window.location.href), M = u.startsWith("//") ? new URL(_.protocol + u) : new URL(u), B = K(M.pathname, f);
+        M.origin === _.origin && B != null ? u = B + M.search + M.hash : d = !0;
       } catch {
         X(
           !1,
           `<Link to="${u}"> contains an invalid URL which will probably break when clicked - please update to a valid URL path.`
         );
       }
-    let b = Xr(u, { relative: n }), [w, T, I] = An(
+    let b = Xr(u, { relative: n }), [R, T, I] = An(
       a,
       m
     ), A = Mn(u, {
@@ -1853,8 +1862,8 @@ var Vt = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, Yt = p.forwardRef(
       relative: n,
       viewTransition: g
     });
-    function C($) {
-      t && t($), $.defaultPrevented || A($);
+    function C(_) {
+      t && t(_), _.defaultPrevented || A(_);
     }
     let z = (
       // eslint-disable-next-line jsx-a11y/anchor-has-content
@@ -1865,13 +1874,13 @@ var Vt = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, Yt = p.forwardRef(
           ...I,
           href: v || b,
           onClick: d || i ? t : C,
-          ref: $n(x, T),
+          ref: _n(x, T),
           target: s,
           "data-discover": !h && r === "render" ? "true" : void 0
         }
       )
     );
-    return w && !h ? /* @__PURE__ */ p.createElement(p.Fragment, null, z, /* @__PURE__ */ p.createElement(On, { page: b })) : z;
+    return R && !h ? /* @__PURE__ */ p.createElement(p.Fragment, null, z, /* @__PURE__ */ p.createElement(On, { page: b })) : z;
   }
 );
 Yt.displayName = "Link";
@@ -1889,15 +1898,15 @@ var Fn = p.forwardRef(
   }, c) {
     let g = ve(o, { relative: u.relative }), m = ee(), x = p.useContext(Ae), { navigator: f, basename: h } = p.useContext(G), v = x != null && // Conditional usage is OK here because the usage of a data router is static
     // eslint-disable-next-line react-hooks/rules-of-hooks
-    Wn(g) && l === !0, d = f.encodeLocation ? f.encodeLocation(g).pathname : g.pathname, b = m.pathname, w = x && x.navigation && x.navigation.location ? x.navigation.location.pathname : null;
-    r || (b = b.toLowerCase(), w = w ? w.toLowerCase() : null, d = d.toLowerCase()), w && h && (w = K(w, h) || w);
+    Wn(g) && l === !0, d = f.encodeLocation ? f.encodeLocation(g).pathname : g.pathname, b = m.pathname, R = x && x.navigation && x.navigation.location ? x.navigation.location.pathname : null;
+    r || (b = b.toLowerCase(), R = R ? R.toLowerCase() : null, d = d.toLowerCase()), R && h && (R = K(R, h) || R);
     const T = d !== "/" && d.endsWith("/") ? d.length - 1 : d.length;
-    let I = b === d || !n && b.startsWith(d) && b.charAt(T) === "/", A = w != null && (w === d || !n && w.startsWith(d) && w.charAt(d.length) === "/"), C = {
+    let I = b === d || !n && b.startsWith(d) && b.charAt(T) === "/", A = R != null && (R === d || !n && R.startsWith(d) && R.charAt(d.length) === "/"), C = {
       isActive: I,
       isPending: A,
       isTransitioning: v
-    }, z = I ? t : void 0, $;
-    typeof a == "function" ? $ = a(C) : $ = [
+    }, z = I ? t : void 0, _;
+    typeof a == "function" ? _ = a(C) : _ = [
       a,
       I ? "active" : null,
       A ? "pending" : null,
@@ -1909,7 +1918,7 @@ var Fn = p.forwardRef(
       {
         ...u,
         "aria-current": z,
-        className: $,
+        className: _,
         ref: c,
         style: M,
         to: o,
@@ -1936,11 +1945,11 @@ var jn = p.forwardRef(
     viewTransition: g,
     ...m
   }, x) => {
-    let f = Un(), h = Bn(l, { relative: u }), v = o.toLowerCase() === "get" ? "get" : "post", d = typeof l == "string" && Vt.test(l), b = (w) => {
-      if (s && s(w), w.defaultPrevented) return;
-      w.preventDefault();
-      let T = w.nativeEvent.submitter, I = T?.getAttribute("formmethod") || o;
-      f(T || w.currentTarget, {
+    let f = Un(), h = Bn(l, { relative: u }), v = o.toLowerCase() === "get" ? "get" : "post", d = typeof l == "string" && Vt.test(l), b = (R) => {
+      if (s && s(R), R.defaultPrevented) return;
+      R.preventDefault();
+      let T = R.nativeEvent.submitter, I = T?.getAttribute("formmethod") || o;
+      f(T || R.currentTarget, {
         fetcherKey: t,
         method: I,
         navigate: r,
@@ -1970,7 +1979,7 @@ function Nn(e) {
 }
 function qt(e) {
   let t = p.useContext(ie);
-  return L(t, Nn(e)), t;
+  return $(t, Nn(e)), t;
 }
 function Mn(e, {
   target: t,
@@ -2050,7 +2059,7 @@ function Un() {
 }
 function Bn(e, { relative: t } = {}) {
   let { basename: r } = p.useContext(G), a = p.useContext(Z);
-  L(a, "useFormAction must be used inside a RouteContext");
+  $(a, "useFormAction must be used inside a RouteContext");
   let [n] = a.matches.slice(-1), i = { ...ve(e || ".", { relative: t }) }, o = ee();
   if (e == null) {
     i.search = o.search;
@@ -2065,7 +2074,7 @@ function Bn(e, { relative: t } = {}) {
 }
 function Wn(e, t = {}) {
   let r = p.useContext(Dt);
-  L(
+  $(
     r != null,
     "`useViewTransitionState` must be used within `react-router-dom`'s `RouterProvider`.  Did you accidentally import `RouterProvider` from `react-router`?"
   );
@@ -2081,18 +2090,18 @@ function Wn(e, t = {}) {
 [
   ...Pn
 ];
-const Xt = R.createContext({
+const Xt = w.createContext({
   history: [],
   addToHistory: () => {
   },
   popFromHistory: () => "",
   replaceHistory: () => {
   }
-}), Ja = ({
+}), Ka = ({
   routes: e,
   children: t
 }) => {
-  const r = R.useRef(["/"]), [a, n] = R.useState(["/"]), i = R.useCallback((c) => {
+  const r = w.useRef(["/"]), [a, n] = w.useState(["/"]), i = w.useCallback((c) => {
     r.current = c, n(c);
   }, []), o = (c) => {
     i([...r.current, c]);
@@ -2120,19 +2129,19 @@ const Xt = R.createContext({
       ] })
     }
   );
-}, Ka = () => {
-  const e = Nt(), t = ee(), r = Ge(Xt), a = R.useCallback(
+}, Za = () => {
+  const e = Nt(), t = ee(), r = Ge(Xt), a = w.useCallback(
     (o, l = !0) => {
       o !== t.pathname && e(o, { replace: !0 }), l && r.addToHistory(o);
     },
     [t.pathname, e, r]
-  ), n = R.useCallback(
+  ), n = w.useCallback(
     (o) => {
       const l = o || 1, s = r.popFromHistory(l);
       a(s, !1);
     },
     [a, r]
-  ), i = R.useCallback(
+  ), i = w.useCallback(
     (o) => {
       r.replaceHistory(o);
     },
@@ -2145,7 +2154,7 @@ const Xt = R.createContext({
     goTo: a,
     replaceHistory: i
   };
-}, Gt = R.createContext(
+}, Gt = w.createContext(
   {
     visibleItems: [],
     isItemVisible: () => !1,
@@ -2154,15 +2163,15 @@ const Xt = R.createContext({
     hideItem: () => {
     }
   }
-), Za = ({ children: e }) => {
-  const t = R.useRef([]), [r, a] = R.useState([]), n = R.useCallback((s) => {
+), Qa = ({ children: e }) => {
+  const t = w.useRef([]), [r, a] = w.useState([]), n = w.useCallback((s) => {
     t.current = s, a(s);
-  }, []), i = R.useCallback((s) => t.current.some((u) => u === s), []), o = R.useCallback(
+  }, []), i = w.useCallback((s) => t.current.some((u) => u === s), []), o = w.useCallback(
     (s) => {
       i(s) || n([...t.current, s]);
     },
     [i, n]
-  ), l = R.useCallback(
+  ), l = w.useCallback(
     (s) => {
       i(s) && n(
         t.current.filter((c) => c !== s)
@@ -2182,7 +2191,7 @@ const Xt = R.createContext({
       children: e
     }
   );
-}, Le = () => {
+}, $e = () => {
   const e = Ge(Gt), t = (n) => e.visibleItems.some((i) => i === n), r = (n) => {
     e.showItem(n);
   }, a = (n) => {
@@ -2199,9 +2208,9 @@ const Xt = R.createContext({
   onCloseDrawer: t,
   drawerCloseOffset: r = 15
 }) => {
-  const { isItemVisible: a } = Le(), [n, i] = R.useState({
+  const { isItemVisible: a } = $e(), [n, i] = w.useState({
     isDragging: !1
-  }), o = R.useRef(null), l = R.useRef(null), s = R.useRef(null), [u, c] = R.useState(0), g = (f) => {
+  }), o = w.useRef(null), l = w.useRef(null), s = w.useRef(null), [u, c] = w.useState(0), g = (f) => {
     i(f);
   }, m = (f) => {
     i(f), c(0);
@@ -2222,7 +2231,7 @@ const Xt = R.createContext({
     drawerBottomDistance: u,
     handleRef: s
   };
-}, Qa = (e) => {
+}, ei = (e) => {
   const { children: t, backgroundStyles: r, contentStyles: a, handle: n } = e, {
     isVisible: i,
     drawerParentRef: o,
@@ -2299,7 +2308,7 @@ const Xt = R.createContext({
     }
   ) });
 }, Yn = ({ onSubmit: e, fields: t }) => {
-  const r = R.useRef(null), a = R.useCallback(
+  const r = w.useRef(null), a = w.useCallback(
     (o) => {
       var l = Object.keys(o.currentTarget.elements), s = Object.values(o.currentTarget.elements), u = [];
       for (let c = 0; c < l.length; c++) {
@@ -2315,7 +2324,7 @@ const Xt = R.createContext({
       return u;
     },
     [e]
-  ), n = R.useCallback(
+  ), n = w.useCallback(
     (o) => {
       o.preventDefault();
       const l = a(o);
@@ -2330,8 +2339,8 @@ const Xt = R.createContext({
     },
     handleFormSubmission: n
   };
-}, ei = (e) => {
-  const { fields: t, styles: r, submitButton: a } = e, { ref: n, handleFormSubmission: i, submitForm: o } = Yn(e), l = R.useCallback(() => t.map((s) => ({ ...s.content, key: s.name })), [t]);
+}, ti = (e) => {
+  const { fields: t, styles: r, submitButton: a } = e, { ref: n, handleFormSubmission: i, submitForm: o } = Yn(e), l = w.useCallback(() => t.map((s) => ({ ...s.content, key: s.name })), [t]);
   return /* @__PURE__ */ E.jsxs(
     "form",
     {
@@ -2364,7 +2373,7 @@ const Xt = R.createContext({
       ]
     }
   );
-}, ti = ({ src: e, alt: t = "", onClick: r, styles: a }) => /* @__PURE__ */ E.jsx(
+}, ri = ({ src: e, alt: t = "", onClick: r, styles: a }) => /* @__PURE__ */ E.jsx(
   "img",
   {
     src: e,
@@ -2431,7 +2440,7 @@ var Gn = /* @__PURE__ */ function() {
       return (n = a.parentNode) == null ? void 0 : n.removeChild(a);
     }), this.tags = [], this.ctr = 0;
   }, e;
-}(), N = "-ms-", Ie = "-moz-", S = "-webkit-", Jt = "comm", tt = "rule", rt = "decl", Jn = "@import", Kt = "@keyframes", Kn = "@layer", Zn = Math.abs, _e = String.fromCharCode, Qn = Object.assign;
+}(), N = "-ms-", Ie = "-moz-", S = "-webkit-", Jt = "comm", tt = "rule", rt = "decl", Jn = "@import", Kt = "@keyframes", Kn = "@layer", Zn = Math.abs, Le = String.fromCharCode, Qn = Object.assign;
 function ea(e, t) {
   return D(e, 0) ^ 45 ? (((t << 2 ^ D(e, 0)) << 2 ^ D(e, 1)) << 2 ^ D(e, 2)) << 2 ^ D(e, 3) : 0;
 }
@@ -2465,21 +2474,21 @@ function Re(e, t) {
 function ra(e, t) {
   return e.map(t).join("");
 }
-var $e = 1, ne = 1, Qt = 0, H = 0, _ = 0, oe = "";
+var _e = 1, ne = 1, Qt = 0, H = 0, L = 0, oe = "";
 function De(e, t, r, a, n, i, o) {
-  return { value: e, root: t, parent: r, type: a, props: n, children: i, line: $e, column: ne, length: o, return: "" };
+  return { value: e, root: t, parent: r, type: a, props: n, children: i, line: _e, column: ne, length: o, return: "" };
 }
 function fe(e, t) {
   return Qn(De("", null, null, "", null, null, 0), e, { length: -e.length }, t);
 }
 function na() {
-  return _;
+  return L;
 }
 function aa() {
-  return _ = H > 0 ? D(oe, --H) : 0, ne--, _ === 10 && (ne = 1, $e--), _;
+  return L = H > 0 ? D(oe, --H) : 0, ne--, L === 10 && (ne = 1, _e--), L;
 }
 function U() {
-  return _ = H < Qt ? D(oe, H++) : 0, ne++, _ === 10 && (ne = 1, $e++), _;
+  return L = H < Qt ? D(oe, H++) : 0, ne++, L === 10 && (ne = 1, _e++), L;
 }
 function q() {
   return D(oe, H);
@@ -2529,7 +2538,7 @@ function pe(e) {
   return 0;
 }
 function er(e) {
-  return $e = ne = 1, Qt = V(oe = e), H = 0, [];
+  return _e = ne = 1, Qt = V(oe = e), H = 0, [];
 }
 function tr(e) {
   return oe = "", e;
@@ -2538,25 +2547,25 @@ function Se(e) {
   return Zt(xe(H - 1, qe(e === 91 ? e + 2 : e === 40 ? e + 1 : e)));
 }
 function ia(e) {
-  for (; (_ = q()) && _ < 33; )
+  for (; (L = q()) && L < 33; )
     U();
-  return pe(e) > 2 || pe(_) > 3 ? "" : " ";
+  return pe(e) > 2 || pe(L) > 3 ? "" : " ";
 }
 function oa(e, t) {
-  for (; --t && U() && !(_ < 48 || _ > 102 || _ > 57 && _ < 65 || _ > 70 && _ < 97); )
+  for (; --t && U() && !(L < 48 || L > 102 || L > 57 && L < 65 || L > 70 && L < 97); )
     ;
   return xe(e, Ee() + (t < 6 && q() == 32 && U() == 32));
 }
 function qe(e) {
   for (; U(); )
-    switch (_) {
+    switch (L) {
       // ] ) " '
       case e:
         return H;
       // " '
       case 34:
       case 39:
-        e !== 34 && e !== 39 && qe(_);
+        e !== 34 && e !== 39 && qe(L);
         break;
       // (
       case 40:
@@ -2570,10 +2579,10 @@ function qe(e) {
   return H;
 }
 function sa(e, t) {
-  for (; U() && e + _ !== 57; )
-    if (e + _ === 84 && q() === 47)
+  for (; U() && e + L !== 57; )
+    if (e + L === 84 && q() === 47)
       break;
-  return "/*" + xe(t, H - 1) + "*" + _e(e === 47 ? e : U());
+  return "/*" + xe(t, H - 1) + "*" + Le(e === 47 ? e : U());
 }
 function la(e) {
   for (; !pe(q()); )
@@ -2584,7 +2593,7 @@ function ua(e) {
   return tr(Pe("", null, null, null, [""], e = er(e), 0, [0], e));
 }
 function Pe(e, t, r, a, n, i, o, l, s) {
-  for (var u = 0, c = 0, g = o, m = 0, x = 0, f = 0, h = 1, v = 1, d = 1, b = 0, w = "", T = n, I = i, A = a, C = w; v; )
+  for (var u = 0, c = 0, g = o, m = 0, x = 0, f = 0, h = 1, v = 1, d = 1, b = 0, R = "", T = n, I = i, A = a, C = R; v; )
     switch (f = b, b = U()) {
       // (
       case 40:
@@ -2641,7 +2650,7 @@ function Pe(e, t, r, a, n, i, o, l, s) {
             C += ";";
           // { rule/at-rule
           default:
-            if (Re(A = bt(C, t, r, u, c, n, l, w, T = [], I = [], g), i), b === 123)
+            if (Re(A = bt(C, t, r, u, c, n, l, R, T = [], I = [], g), i), b === 123)
               if (c === 0)
                 Pe(C, t, A, A, T, i, g, l, I);
               else
@@ -2651,13 +2660,13 @@ function Pe(e, t, r, a, n, i, o, l, s) {
                   case 108:
                   case 109:
                   case 115:
-                    Pe(e, A, A, a && Re(bt(e, A, A, 0, 0, n, l, w, n, T = [], g), I), n, I, g, l, a ? T : I);
+                    Pe(e, A, A, a && Re(bt(e, A, A, 0, 0, n, l, R, n, T = [], g), I), n, I, g, l, a ? T : I);
                     break;
                   default:
                     Pe(C, A, A, A, [""], I, 0, l, I);
                 }
         }
-        u = c = x = 0, h = d = 1, w = C = "", g = o;
+        u = c = x = 0, h = d = 1, R = C = "", g = o;
         break;
       // :
       case 58:
@@ -2669,7 +2678,7 @@ function Pe(e, t, r, a, n, i, o, l, s) {
           else if (b == 125 && h++ == 0 && aa() == 125)
             continue;
         }
-        switch (C += _e(b), b * h) {
+        switch (C += Le(b), b * h) {
           // &
           case 38:
             d = c > 0 ? 1 : (C += "\f", -1);
@@ -2680,7 +2689,7 @@ function Pe(e, t, r, a, n, i, o, l, s) {
             break;
           // @
           case 64:
-            q() === 45 && (C += Se(U())), m = q(), c = g = V(w = C += la(Ee())), b++;
+            q() === 45 && (C += Se(U())), m = q(), c = g = V(R = C += la(Ee())), b++;
             break;
           // -
           case 45:
@@ -2691,12 +2700,12 @@ function Pe(e, t, r, a, n, i, o, l, s) {
 }
 function bt(e, t, r, a, n, i, o, l, s, u, c) {
   for (var g = n - 1, m = n === 0 ? i : [""], x = nt(m), f = 0, h = 0, v = 0; f < a; ++f)
-    for (var d = 0, b = he(e, g + 1, g = Zn(h = o[f])), w = e; d < x; ++d)
-      (w = Zt(h > 0 ? m[d] + " " + b : P(b, /&\f/g, m[d]))) && (s[v++] = w);
+    for (var d = 0, b = he(e, g + 1, g = Zn(h = o[f])), R = e; d < x; ++d)
+      (R = Zt(h > 0 ? m[d] + " " + b : P(b, /&\f/g, m[d]))) && (s[v++] = R);
   return De(e, t, r, n === 0 ? tt : l, s, u, c);
 }
 function ca(e, t, r) {
-  return De(e, t, r, Jt, _e(na()), he(e, 2, -2), 0);
+  return De(e, t, r, Jt, Le(na()), he(e, 2, -2), 0);
 }
 function wt(e, t, r, a) {
   return De(e, t, r, rt, he(e, 0, a), he(e, a + 1, -1), a);
@@ -2762,7 +2771,7 @@ var pa = function(t, r, a) {
         }
       // fallthrough
       default:
-        t[a] += _e(n);
+        t[a] += Le(n);
     }
   while (n = U());
   return t;
@@ -2989,8 +2998,8 @@ var xa = function(t, r, a, n) {
     })], m = da(u.concat(n, g)), x = function(v) {
       return re(ua(v), m);
     };
-    s = function(v, d, b, w) {
-      c = b, x(v ? v + "{" + d.styles + "}" : d.styles), w && (f.inserted[d.name] = !0);
+    s = function(v, d, b, R) {
+      c = b, x(v ? v + "{" + d.styles + "}" : d.styles), R && (f.inserted[d.name] = !0);
     };
   }
   var f = {
@@ -3232,7 +3241,7 @@ function Aa(e, t, r) {
 }
 var Oa = function(t) {
   return t();
-}, La = p.useInsertionEffect ? p.useInsertionEffect : !1, _a = La || Oa, or = /* @__PURE__ */ p.createContext(
+}, $a = p.useInsertionEffect ? p.useInsertionEffect : !1, La = $a || Oa, or = /* @__PURE__ */ p.createContext(
   // we're doing this to avoid preconstruct's dead code elimination in this one case
   // because this module is primarily intended for the browser and node
   // but it's also required in react native and similar environments sometimes
@@ -3244,7 +3253,7 @@ var Oa = function(t) {
   }) : null
 );
 or.Provider;
-var $a = function(t) {
+var _a = function(t) {
   return /* @__PURE__ */ fr(function(r, a) {
     var n = Ge(or);
     return t(r, n, a);
@@ -3272,7 +3281,7 @@ var $a = function(t) {
   return typeof n != "function" && a && (n = t.__emotion_forwardProp), n;
 }, Ha = function(t) {
   var r = t.cache, a = t.serialized, n = t.isStringTag;
-  return ar(r, a, n), _a(function() {
+  return ar(r, a, n), La(function() {
     return ka(r, a, n);
   }), null;
 }, za = function e(t, r) {
@@ -3289,8 +3298,8 @@ var $a = function(t) {
       for (var x = c.length, f = 1; f < x; f++)
         g.push(c[f], m[f]);
     }
-    var h = $a(function(v, d, b) {
-      var w = u && v.as || n, T = "", I = [], A = v;
+    var h = _a(function(v, d, b) {
+      var R = u && v.as || n, T = "", I = [], A = v;
       if (v.theme == null) {
         A = {};
         for (var C in v)
@@ -3300,14 +3309,14 @@ var $a = function(t) {
       typeof v.className == "string" ? T = Ca(d.registered, I, v.className) : v.className != null && (T = v.className + " ");
       var z = Aa(g.concat(I), d.registered, A);
       T += d.key + "-" + z.name, o !== void 0 && (T += " " + o);
-      var $ = u && l === void 0 ? St(w) : s, M = {};
+      var _ = u && l === void 0 ? St(R) : s, M = {};
       for (var B in v)
-        u && B === "as" || $(B) && (M[B] = v[B]);
+        u && B === "as" || _(B) && (M[B] = v[B]);
       return M.className = T, b && (M.ref = b), /* @__PURE__ */ p.createElement(p.Fragment, null, /* @__PURE__ */ p.createElement(Ha, {
         cache: d,
         serialized: z,
-        isStringTag: typeof w == "string"
-      }), /* @__PURE__ */ p.createElement(w, M));
+        isStringTag: typeof R == "string"
+      }), /* @__PURE__ */ p.createElement(R, M));
     });
     return h.displayName = i !== void 0 ? i : "Styled(" + (typeof n == "string" ? n : n.displayName || n.name || "Component") + ")", h.defaultProps = t.defaultProps, h.__emotion_real = h, h.__emotion_base = n, h.__emotion_styles = g, h.__emotion_forwardProp = l, Object.defineProperty(h, "toString", {
       value: function() {
@@ -3478,7 +3487,7 @@ const Ba = Xe.div`
   input:-webkit-autofill {
     background-color: #00000000;
   }
-`, ri = ({
+`, ni = ({
   name: e,
   label: t,
   leftIcon: r,
@@ -3566,8 +3575,8 @@ const Ba = Xe.div`
       ]
     }
   );
-}, ni = ({ id: e, styles: t, children: r }) => {
-  const { isItemVisible: a } = Le();
+}, ai = ({ id: e, styles: t, children: r }) => {
+  const { isItemVisible: a } = $e();
   return /* @__PURE__ */ E.jsx(E.Fragment, { children: a(e) && /* @__PURE__ */ E.jsx(
     "div",
     {
@@ -3587,14 +3596,14 @@ const Ba = Xe.div`
       children: r
     }
   ) });
-}, ai = ({
+}, ii = ({
   id: e,
   children: t,
   backgroundStyles: r,
   contentStyles: a,
   onClickOutsideModal: n
 }) => {
-  const { isItemVisible: i } = Le();
+  const { isItemVisible: i } = $e();
   return /* @__PURE__ */ E.jsx(E.Fragment, { children: i(e) && /* @__PURE__ */ E.jsx(
     "div",
     {
@@ -3645,108 +3654,137 @@ const Ba = Xe.div`
       )
     }
   ) });
-}, ii = ({
-  header: e,
-  containerStyles: t,
-  pageStyles: r,
-  children: a,
-  allowScroll: n = !0,
-  footer: i,
-  floatingContent: o
-}) => /* @__PURE__ */ E.jsxs(
-  "div",
-  {
-    "data-testid": "page-container",
-    style: {
-      minHeight: "100vh",
-      width: "100%",
-      minWidth: "100%",
-      overflow: "hidden",
-      position: "relative",
-      boxSizing: "border-box",
-      top: 0,
-      bottom: 0,
-      left: 0,
-      right: 0,
-      display: "flex",
-      flexDirection: "column",
-      ...t
+}, Wa = (e) => {
+  const t = w.useRef(null), r = w.useRef(null), [a, n] = w.useState(24), [i, o] = w.useState(24), l = w.useCallback(() => {
+    t.current && n(t.current.clientHeight);
+  }, [t, t.current]), s = w.useCallback(() => {
+    r.current && o(r.current.clientHeight);
+  }, [r, r.current]);
+  return w.useEffect(() => {
+    l();
+  }, [l, t, t.current]), w.useEffect(() => {
+    s();
+  }, [s, r, r.current]), {
+    header: {
+      ...e.header,
+      visible: e.header !== void 0,
+      height: e.header?.visibility === "fixed" ? 0 : a,
+      ref: t
     },
-    children: [
-      /* @__PURE__ */ E.jsxs(
-        "div",
-        {
-          "data-testid": "page-layout",
-          style: {
-            minHeight: "100%",
-            width: "100%",
-            overflowY: n ? "auto" : "hidden",
-            display: "flex",
-            flexDirection: "column",
-            boxSizing: "border-box"
-          },
-          children: [
-            e && /* @__PURE__ */ E.jsx(
-              "div",
-              {
-                "data-testid": "page-header",
-                style: {
-                  width: "100%",
-                  zIndex: 99,
-                  position: e.visibility === "fixed" ? "relative" : "fixed",
-                  top: 0,
-                  left: 0,
-                  right: 0,
-                  display: "flex",
-                  flexDirection: "row",
-                  height: "fit-content",
-                  boxSizing: "border-box",
-                  ...e.styles
-                },
-                children: e.content
-              }
-            ),
-            /* @__PURE__ */ E.jsx(
-              "div",
-              {
-                style: {
-                  width: "100%",
-                  flex: 1,
-                  minHeight: "fit-content",
-                  padding: "24px",
-                  boxSizing: "border-box",
-                  overflowY: n ? void 0 : "hidden",
-                  ...r
-                },
-                children: a
-              }
-            )
-          ]
-        }
-      ),
-      i && /* @__PURE__ */ E.jsx(
-        "div",
-        {
-          "data-testid": "page-footer",
-          style: {
-            width: "100%",
-            zIndex: 99,
-            position: i.visibility === "fixed" ? "relative" : "fixed",
-            bottom: 0,
-            left: 0,
-            right: 0,
-            display: "flex",
-            flexDirection: "row",
-            height: "fit-content",
-            boxSizing: "border-box",
-            ...i.styles
-          },
-          children: i.content
-        }
-      )
-    ]
-  }
-), oi = ({
+    footer: {
+      ...e.footer,
+      visible: e.footer !== void 0,
+      height: e.footer?.visibility === "fixed" ? 0 : i,
+      ref: r
+    }
+  };
+}, oi = (e) => {
+  const {
+    containerStyles: t,
+    pageStyles: r,
+    children: a,
+    allowScroll: n = !0,
+    floatingContent: i
+  } = e, { footer: o, header: l } = Wa(e);
+  return /* @__PURE__ */ E.jsxs(
+    "div",
+    {
+      "data-testid": "page-container",
+      style: {
+        minHeight: "100vh",
+        width: "100%",
+        minWidth: "100%",
+        overflow: "hidden",
+        position: "relative",
+        boxSizing: "border-box",
+        top: 0,
+        bottom: 0,
+        left: 0,
+        right: 0,
+        display: "flex",
+        flexDirection: "column",
+        ...t
+      },
+      children: [
+        /* @__PURE__ */ E.jsxs(
+          "div",
+          {
+            "data-testid": "page-layout",
+            style: {
+              minHeight: "100%",
+              width: "100%",
+              overflowY: n ? "auto" : "hidden",
+              display: "flex",
+              flexDirection: "column",
+              boxSizing: "border-box"
+            },
+            children: [
+              l.visible && /* @__PURE__ */ E.jsx(
+                "div",
+                {
+                  ref: l.ref,
+                  "data-testid": "page-header",
+                  style: {
+                    width: "100%",
+                    zIndex: 99,
+                    position: l.visibility === "fixed" ? "relative" : "fixed",
+                    top: 0,
+                    left: 0,
+                    right: 0,
+                    display: "flex",
+                    flexDirection: "row",
+                    height: "fit-content",
+                    boxSizing: "border-box",
+                    ...l.styles
+                  },
+                  children: l.content
+                }
+              ),
+              /* @__PURE__ */ E.jsx(
+                "div",
+                {
+                  style: {
+                    width: "100%",
+                    flex: 1,
+                    minHeight: "fit-content",
+                    marginTop: `${l.height}px`,
+                    marginBottom: `${o.height}px`,
+                    padding: "12px 24px",
+                    boxSizing: "border-box",
+                    overflowY: n ? void 0 : "hidden",
+                    ...r
+                  },
+                  children: a
+                }
+              )
+            ]
+          }
+        ),
+        o.visible && /* @__PURE__ */ E.jsx(
+          "div",
+          {
+            ref: o.ref,
+            "data-testid": "page-footer",
+            style: {
+              width: "100%",
+              zIndex: 99,
+              position: o.visibility === "fixed" ? "relative" : "fixed",
+              bottom: 0,
+              left: 0,
+              right: 0,
+              display: "flex",
+              flexDirection: "row",
+              height: "fit-content",
+              boxSizing: "border-box",
+              ...o.styles
+            },
+            children: o.content
+          }
+        )
+      ]
+    }
+  );
+}, si = ({
   src: e,
   width: t = "22",
   height: r = "28",
@@ -3784,14 +3822,14 @@ const Ba = Xe.div`
       }
     )
   }
-), si = ({
+), li = ({
   id: e,
   children: t,
   styles: r,
   durationInSeconds: a = 3
 }) => {
-  const n = R.useRef(!1), { isItemVisible: i, hideItem: o } = Le();
-  return R.useEffect(() => {
+  const n = w.useRef(!1), { isItemVisible: i, hideItem: o } = $e();
+  return w.useEffect(() => {
     const l = i(e);
     n.current !== l && (n.current = l, l && setTimeout(() => o(e), a * 1e3));
   }, [n, i, o]), /* @__PURE__ */ E.jsx(E.Fragment, { children: i(e) && /* @__PURE__ */ E.jsx(
@@ -3821,7 +3859,7 @@ const Ba = Xe.div`
       children: t
     }
   ) });
-}, li = ({
+}, ui = ({
   overflowEllipsis: e,
   children: t,
   styles: r
@@ -3843,7 +3881,7 @@ const Ba = Xe.div`
     children: t
   }
 );
-class ui {
+class ci {
   static isScrollEnabled = () => document.body.style.overflow === "unset" || document.body.style.overflow === "auto";
   static disableScroll = () => {
     document.body.style.overflow = "hidden";
@@ -3852,35 +3890,35 @@ class ui {
     document.body.style.overflow = "unset";
   };
 }
-class ci {
+class fi {
   static getPascalCase = (t) => t.replace(/\w+/g, function(r) {
     return r[0].toUpperCase() + r.slice(1).toLowerCase();
   });
   static isEqual = (t, r, a = !0) => a ? t === r : t.toUpperCase() === r.toUpperCase();
 }
 export {
-  Va as Button,
-  Qa as Drawer,
-  Za as FeedbackProvider,
-  ei as Form,
-  ti as Image,
-  ri as InputField,
-  ni as Loader,
-  ai as Modal,
-  Ja as NavigationProvider,
-  ii as PageLayout,
-  ui as ScrollHelper,
-  oi as SvgImage,
-  ci as TextHelper,
-  si as Toast,
-  li as Typography,
+  Ya as Button,
+  ei as Drawer,
+  Qa as FeedbackProvider,
+  ti as Form,
+  ri as Image,
+  ni as InputField,
+  ai as Loader,
+  ii as Modal,
+  Ka as NavigationProvider,
+  oi as PageLayout,
+  ci as ScrollHelper,
+  si as SvgImage,
+  fi as TextHelper,
+  li as Toast,
+  ui as Typography,
   yr as defaultBreakpoints,
-  Ya as useDidMount,
+  qa as useDidMount,
   gr as useDrag,
-  Le as useFeedback,
-  qa as useFetch,
-  Ka as useNavigation,
+  $e as useFeedback,
+  Xa as useFetch,
+  Za as useNavigation,
   mr as usePointer,
-  Xa as useResponsive,
-  Ga as useTranslations
+  Ga as useResponsive,
+  Ja as useTranslations
 };