@eliseubatista99/react-scaffold-core 0.1.29 → 0.1.31

package/dist/components/pageLayout/pageLayout.d.ts

@@ -8,7 +8,7 @@ export interface PageLayoutProps {
     footer?: PageLayoutHeaderAndFooterProps;
     floatingContent?: React.ReactNode;
     allowScroll?: boolean;
-    reservedSpaceForScrollbar?: number;
+    reserveSpaceForScrollbar?: boolean;
     containerStyles?: React.CSSProperties;
     pageStyles?: React.CSSProperties;
     children?: React.ReactNode;

package/dist/index.cjs.js

@@ -94,4 +94,4 @@ Please change the parent <Route path="${k}"> to <Route path="${k==="/"?"*":`${k}
     box-sizing: border-box;
     position: relative;
   }
-`,Ya=e=>{const{containerStyles:t,pageStyles:r,children:o,allowScroll:i=!0,floatingContent:a,reservedSpaceForScrollbar:l=0}=e,{footer:f,header:d}=Ba(e);return G.jsxs(Ua,{id:"page-container",styles:{...t},children:[d.visible&&G.jsx("div",{ref:d.ref,id:"page-header",style:{width:"100%",zIndex:99,position:d.visibility==="fixed"?"relative":"sticky",top:0,left:0,right:0,display:"flex",flexDirection:"row",height:"fit-content",boxSizing:"border-box",...d.styles},children:d.content}),G.jsx("div",{id:"page-layout",style:{width:"100%",overflowX:"hidden",overflowY:i?"auto":"hidden",display:"flex",flexDirection:"column",boxSizing:"border-box",marginTop:`-${d.height}px`,marginBottom:`-${f.height}px`,padding:`${d.height}px ${l}px ${f.height}px 0`},children:G.jsx("div",{style:{width:"100%",flex:1,height:"fit-content",minHeight:"100%",boxSizing:"border-box",padding:"24px",...r},children:o})}),f.visible&&G.jsx("div",{ref:f.ref,id:"page-footer",style:{width:"100%",zIndex:99,position:f.visibility==="fixed"?"relative":"sticky",bottom:0,left:0,right:0,display:"flex",flexDirection:"row",height:"fit-content",boxSizing:"border-box",...f.styles},children:f.content})]})},Va=({src:e,width:t="22",height:r="28",stroke:o,viewBox:i="0 0 22 28",fill:a="#000000",alt:l="",onClick:f,styles:d})=>G.jsx("div",{style:{width:"fit-content",height:"fit-content",display:"flex",alignItems:"center",justifyContent:"center",...d},onClick:()=>f?.(),children:G.jsx("svg",{width:t,height:r,viewBox:i,fill:a,stroke:o,xmlns:"http://www.w3.org/2000/svg",style:{display:"flex"},children:e})}),Xa=({id:e,children:t,styles:r,durationInSeconds:o=3})=>{const i=q.useRef(!1),{isItemVisible:a,hideItem:l}=et();return q.useEffect(()=>{const f=a(e);i.current!==f&&(i.current=f,f&&setTimeout(()=>l(e),o*1e3))},[i,a,l]),G.jsx(G.Fragment,{children:a(e)&&G.jsx("div",{style:{width:"100px",height:"40px",background:"#534a4aff",color:"#ffffff",position:"fixed",top:"10px",left:"50%",transform:"translateX(-50%)",zIndex:1e3,borderRadius:"20px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",border:"solid 3px #000000ff",...r},onClick:f=>{f.stopPropagation()},children:t})})},Ga=({overflowEllipsis:e,children:t,styles:r})=>G.jsx("p",{style:{fontFamily:"inherit",maxWidth:"100%",overflow:"hidden",whiteSpace:e?"nowrap":"normal",textOverflow:"ellipsis",fontSize:"16px",fontStyle:"normal",lineHeight:"normal",color:"#000000",...r},children:t});class Ka{static isScrollEnabled=()=>document.body.style.overflow==="unset"||document.body.style.overflow==="auto";static disableScroll=()=>{document.body.style.overflow="hidden"};static enableScroll=()=>{document.body.style.overflow="unset"}}class Ja{static getPascalCase=t=>t.replace(/\w+/g,function(r){return r[0].toUpperCase()+r.slice(1).toLowerCase()});static isEqual=(t,r,o=!0)=>o?t===r:t.toUpperCase()===r.toUpperCase()}exports.Button=xn;exports.Carousel=Qi;exports.Drawer=Aa;exports.FeedbackProvider=Ma;exports.Form=Ha;exports.Image=Na;exports.InputField=$a;exports.Loader=Wa;exports.Modal=qa;exports.NavigationProvider=La;exports.PageLayout=Ya;exports.ScrollHelper=Ka;exports.SvgImage=Va;exports.TextHelper=Ja;exports.TimeHelper=Ur;exports.Toast=Xa;exports.Typography=Ga;exports.defaultBreakpoints=Yr;exports.useDidMount=eo;exports.useDrag=Br;exports.useFeedback=et;exports.useFetch=to;exports.useIsTouchingParentElement=ro;exports.useNavigation=Da;exports.usePointer=qr;exports.useResponsive=no;exports.useTranslations=ao;
+`,Ya=e=>{const{containerStyles:t,pageStyles:r,children:o,allowScroll:i=!0,floatingContent:a,reserveSpaceForScrollbar:l}=e,{footer:f,header:d}=Ba(e);return G.jsxs(Ua,{id:"page-container",styles:{...t},children:[d.visible&&G.jsx("div",{ref:d.ref,id:"page-header",style:{width:"100%",zIndex:99,position:d.visibility==="fixed"?"relative":"sticky",top:0,left:0,right:0,display:"flex",flexDirection:"row",height:"fit-content",boxSizing:"border-box",...d.styles},children:d.content}),G.jsx("div",{id:"page-body",style:{width:"100%",overflow:"hidden",display:"flex",flex:1,marginTop:`-${d.height}px`,marginBottom:`-${f.height}px`},children:G.jsx("div",{id:"page-content",style:{width:"100%",overflowX:"hidden",overflowY:i?"auto":"hidden",display:"flex",flexDirection:"column",flex:1,minHeight:"100%",scrollbarGutter:l?"stable":void 0,paddingLeft:"24px",paddingRight:"24px",paddingTop:`${d.height}px`,paddingBottom:`${f.height}px`,...r},children:o})}),f.visible&&G.jsx("div",{ref:f.ref,id:"page-footer",style:{width:"100%",zIndex:99,position:f.visibility==="fixed"?"relative":"sticky",bottom:0,left:0,right:0,display:"flex",flexDirection:"row",height:"fit-content",boxSizing:"border-box",...f.styles},children:f.content})]})},Va=({src:e,width:t="22",height:r="28",stroke:o,viewBox:i="0 0 22 28",fill:a="#000000",alt:l="",onClick:f,styles:d})=>G.jsx("div",{style:{width:"fit-content",height:"fit-content",display:"flex",alignItems:"center",justifyContent:"center",...d},onClick:()=>f?.(),children:G.jsx("svg",{width:t,height:r,viewBox:i,fill:a,stroke:o,xmlns:"http://www.w3.org/2000/svg",style:{display:"flex"},children:e})}),Xa=({id:e,children:t,styles:r,durationInSeconds:o=3})=>{const i=q.useRef(!1),{isItemVisible:a,hideItem:l}=et();return q.useEffect(()=>{const f=a(e);i.current!==f&&(i.current=f,f&&setTimeout(()=>l(e),o*1e3))},[i,a,l]),G.jsx(G.Fragment,{children:a(e)&&G.jsx("div",{style:{width:"100px",height:"40px",background:"#534a4aff",color:"#ffffff",position:"fixed",top:"10px",left:"50%",transform:"translateX(-50%)",zIndex:1e3,borderRadius:"20px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",border:"solid 3px #000000ff",...r},onClick:f=>{f.stopPropagation()},children:t})})},Ga=({overflowEllipsis:e,children:t,styles:r})=>G.jsx("p",{style:{fontFamily:"inherit",maxWidth:"100%",overflow:"hidden",whiteSpace:e?"nowrap":"normal",textOverflow:"ellipsis",fontSize:"16px",fontStyle:"normal",lineHeight:"normal",color:"#000000",...r},children:t});class Ka{static isScrollEnabled=()=>document.body.style.overflow==="unset"||document.body.style.overflow==="auto";static disableScroll=()=>{document.body.style.overflow="hidden"};static enableScroll=()=>{document.body.style.overflow="unset"}}class Ja{static getPascalCase=t=>t.replace(/\w+/g,function(r){return r[0].toUpperCase()+r.slice(1).toLowerCase()});static isEqual=(t,r,o=!0)=>o?t===r:t.toUpperCase()===r.toUpperCase()}exports.Button=xn;exports.Carousel=Qi;exports.Drawer=Aa;exports.FeedbackProvider=Ma;exports.Form=Ha;exports.Image=Na;exports.InputField=$a;exports.Loader=Wa;exports.Modal=qa;exports.NavigationProvider=La;exports.PageLayout=Ya;exports.ScrollHelper=Ka;exports.SvgImage=Va;exports.TextHelper=Ja;exports.TimeHelper=Ur;exports.Toast=Xa;exports.Typography=Ga;exports.defaultBreakpoints=Yr;exports.useDidMount=eo;exports.useDrag=Br;exports.useFeedback=et;exports.useFetch=to;exports.useIsTouchingParentElement=ro;exports.useNavigation=Da;exports.usePointer=qr;exports.useResponsive=no;exports.useTranslations=ao;

package/dist/index.es.js

@@ -1,5 +1,5 @@
 import * as _ from "react";
-import U, { forwardRef as pn, useContext as Nt, useEffect as Er, useState as vn, useMemo as mn } from "react";
+import B, { forwardRef as pn, useContext as Nt, useEffect as Er, useState as vn, useMemo as mn } from "react";
 var tt = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function gn(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -102,7 +102,7 @@ function wn() {
             return (n.displayName || "Context") + ".Provider";
           case N:
             return (n._context.displayName || "Context") + ".Consumer";
-          case B:
+          case U:
             var u = n.render;
             return n = n.displayName, n || (n = u.displayName || u.name || "", n = n !== "" ? "ForwardRef(" + n + ")" : "ForwardRef"), n;
           case y:
@@ -264,7 +264,7 @@ React keys must be passed directly to JSX without using spread:
     function E(n) {
       typeof n == "object" && n !== null && n.$$typeof === A && n._store && (n._store.validated = 1);
     }
-    var R = U, A = Symbol.for("react.transitional.element"), C = Symbol.for("react.portal"), v = Symbol.for("react.fragment"), M = Symbol.for("react.strict_mode"), k = Symbol.for("react.profiler"), N = Symbol.for("react.consumer"), q = Symbol.for("react.context"), B = Symbol.for("react.forward_ref"), p = Symbol.for("react.suspense"), g = Symbol.for("react.suspense_list"), y = Symbol.for("react.memo"), O = Symbol.for("react.lazy"), m = Symbol.for("react.activity"), c = Symbol.for("react.client.reference"), P = R.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, L = Object.prototype.hasOwnProperty, x = Array.isArray, T = console.createTask ? console.createTask : function() {
+    var R = B, A = Symbol.for("react.transitional.element"), C = Symbol.for("react.portal"), v = Symbol.for("react.fragment"), M = Symbol.for("react.strict_mode"), k = Symbol.for("react.profiler"), N = Symbol.for("react.consumer"), q = Symbol.for("react.context"), U = Symbol.for("react.forward_ref"), p = Symbol.for("react.suspense"), g = Symbol.for("react.suspense_list"), y = Symbol.for("react.memo"), O = Symbol.for("react.lazy"), m = Symbol.for("react.activity"), c = Symbol.for("react.client.reference"), P = R.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, L = Object.prototype.hasOwnProperty, x = Array.isArray, T = console.createTask ? console.createTask : function() {
       return null;
     };
     R = {
@@ -379,7 +379,7 @@ function kn() {
     var O, m, c, P, L, x, T = 0, D = !1, F = !1, s = !0;
     if (typeof p != "function")
       throw new TypeError(e);
-    g = B(g) || 0, k(y) && (D = !!y.leading, F = "maxWait" in y, c = F ? A(B(y.maxWait) || 0, g) : c, s = "trailing" in y ? !!y.trailing : s);
+    g = U(g) || 0, k(y) && (D = !!y.leading, F = "maxWait" in y, c = F ? A(U(y.maxWait) || 0, g) : c, s = "trailing" in y ? !!y.trailing : s);
     function J($) {
       var Y = O, V = m;
       return O = m = void 0, T = $, P = p.apply(V, Y), P;
@@ -432,7 +432,7 @@ function kn() {
   function q(p) {
     return typeof p == "symbol" || N(p) && R.call(p) == r;
   }
-  function B(p) {
+  function U(p) {
     if (typeof p == "number")
       return p;
     if (q(p))
@@ -494,7 +494,7 @@ function Rr() {
     Object.defineProperty(e, "__esModule", {
       value: !0
     }), e.default = void 0;
-    var t = r(U);
+    var t = r(B);
     function r(i) {
       return i && i.__esModule ? i : { default: i };
     }
@@ -570,7 +570,7 @@ function Ge() {
   rr = 1, Object.defineProperty(W, "__esModule", {
     value: !0
   }), W.checkSpecKeys = W.checkNavigable = W.changeSlide = W.canUseDOM = W.canGoNext = void 0, W.clamp = h, W.extractObject = void 0, W.filterSettings = J, W.validSettings = W.swipeStart = W.swipeMove = W.swipeEnd = W.slidesOnRight = W.slidesOnLeft = W.slideHandler = W.siblingDirection = W.safePreventDefault = W.lazyStartIndex = W.lazySlidesOnRight = W.lazySlidesOnLeft = W.lazyEndIndex = W.keyHandler = W.initializedState = W.getWidth = W.getTrackLeft = W.getTrackCSS = W.getTrackAnimateCSS = W.getTotalSlides = W.getSwipeDirection = W.getSlideCount = W.getRequiredLazySlides = W.getPreClones = W.getPostClones = W.getOnDemandLazySlides = W.getNavigableIndexes = W.getHeight = void 0;
-  var e = r(U), t = r(Rr());
+  var e = r(B), t = r(Rr());
   function r(b) {
     return b && b.__esModule ? b : { default: b };
   }
@@ -828,12 +828,12 @@ function Ge() {
     }
     return K;
   };
-  var B = W.getNavigableIndexes = function(n) {
+  var U = W.getNavigableIndexes = function(n) {
     for (var u = n.infinite ? n.slideCount * 2 : n.slideCount, S = n.infinite ? n.slidesToShow * -1 : 0, I = n.infinite ? n.slidesToShow * -1 : 0, j = []; S < u; )
       j.push(S), S = I + n.slidesToScroll, I += Math.min(n.slidesToScroll, n.slidesToShow);
     return j;
   }, p = W.checkNavigable = function(n, u) {
-    var S = B(n), I = 0;
+    var S = U(n), I = 0;
     if (u > S[S.length - 1])
       u = S[S.length - 1];
     else
@@ -954,7 +954,7 @@ function On() {
   nr = 1, Object.defineProperty(Fe, "__esModule", {
     value: !0
   }), Fe.Track = void 0;
-  var e = o(U), t = o(pt()), r = Ge();
+  var e = o(B), t = o(pt()), r = Ge();
   function o(m) {
     return m && m.__esModule ? m : { default: m };
   }
@@ -1057,10 +1057,10 @@ function On() {
     return (c = q(c)) in m ? Object.defineProperty(m, c, { value: P, enumerable: !0, configurable: !0, writable: !0 }) : m[c] = P, m;
   }
   function q(m) {
-    var c = B(m, "string");
+    var c = U(m, "string");
     return i(c) == "symbol" ? c : c + "";
   }
-  function B(m, c) {
+  function U(m, c) {
     if (i(m) != "object" || !m) return m;
     var P = m[Symbol.toPrimitive];
     if (P !== void 0) {
@@ -1190,7 +1190,7 @@ function Cn() {
   Object.defineProperty($e, "__esModule", {
     value: !0
   }), $e.Dots = void 0;
-  var t = i(U), r = i(pt()), o = Ge();
+  var t = i(B), r = i(pt()), o = Ge();
   function i(p) {
     return p && p.__esModule ? p : { default: p };
   }
@@ -1288,7 +1288,7 @@ function Cn() {
       return g.__proto__ || Object.getPrototypeOf(g);
     }, q(p);
   }
-  var B = function(g) {
+  var U = function(g) {
     var y;
     return g.infinite ? y = Math.ceil(g.slideCount / g.slidesToScroll) : y = Math.ceil((g.slideCount - g.slidesToShow) / g.slidesToScroll) + 1, y;
   };
@@ -1306,7 +1306,7 @@ function Cn() {
     }, {
       key: "render",
       value: function() {
-        for (var m = this.props, c = m.onMouseEnter, P = m.onMouseOver, L = m.onMouseLeave, x = m.infinite, T = m.slidesToScroll, D = m.slidesToShow, F = m.slideCount, s = m.currentSlide, J = B({
+        for (var m = this.props, c = m.onMouseEnter, P = m.onMouseOver, L = m.onMouseLeave, x = m.infinite, T = m.slidesToScroll, D = m.slidesToShow, F = m.slideCount, s = m.currentSlide, J = U({
           slideCount: F,
           slidesToScroll: T,
           slidesToShow: D,
@@ -1353,7 +1353,7 @@ function Pn() {
   Object.defineProperty(Ee, "__esModule", {
     value: !0
   }), Ee.PrevArrow = Ee.NextArrow = void 0;
-  var t = i(U), r = i(pt()), o = Ge();
+  var t = i(B), r = i(pt()), o = Ge();
   function i(p) {
     return p && p.__esModule ? p : { default: p };
   }
@@ -1429,9 +1429,9 @@ function Pn() {
   function M(p) {
     var g = q();
     return function() {
-      var y, O = B(p);
+      var y, O = U(p);
       if (g) {
-        var m = B(this).constructor;
+        var m = U(this).constructor;
         y = Reflect.construct(O, arguments, m);
       } else y = O.apply(this, arguments);
       return k(this, y);
@@ -1456,10 +1456,10 @@ function Pn() {
       return !!p;
     })();
   }
-  function B(p) {
-    return B = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(g) {
+  function U(p) {
+    return U = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(g) {
       return g.__proto__ || Object.getPrototypeOf(g);
-    }, B(p);
+    }, U(p);
   }
   return Ee.PrevArrow = /* @__PURE__ */ function(p) {
     C(y, p);
@@ -1825,20 +1825,20 @@ var $n = (
     return (t = Lr.get(this))[e].apply(t, arguments);
   };
 });
-var Un = function() {
+var Bn = function() {
   return typeof ct.ResizeObserver < "u" ? ct.ResizeObserver : Dr;
 }();
-const Bn = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Un = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Un
-}, Symbol.toStringTag, { value: "Module" })), Yn = /* @__PURE__ */ yn(Bn);
+  default: Bn
+}, Symbol.toStringTag, { value: "Module" })), Yn = /* @__PURE__ */ yn(Un);
 var sr;
 function Vn() {
   if (sr) return Ne;
   sr = 1, Object.defineProperty(Ne, "__esModule", {
     value: !0
   }), Ne.InnerSlider = void 0;
-  var e = h(U), t = h(xn()), r = h(kn()), o = h(pt()), i = Ge(), a = On(), l = Cn(), f = Pn(), d = h(Yn);
+  var e = h(B), t = h(xn()), r = h(kn()), o = h(pt()), i = Ge(), a = On(), l = Cn(), f = Pn(), d = h(Yn);
   function h(x) {
     return x && x.__esModule ? x : { default: x };
   }
@@ -1915,12 +1915,12 @@ function Vn() {
   }
   function q(x, T) {
     if (typeof T != "function" && T !== null) throw new TypeError("Super expression must either be null or a function");
-    x.prototype = Object.create(T && T.prototype, { constructor: { value: x, writable: !0, configurable: !0 } }), Object.defineProperty(x, "prototype", { writable: !1 }), T && B(x, T);
+    x.prototype = Object.create(T && T.prototype, { constructor: { value: x, writable: !0, configurable: !0 } }), Object.defineProperty(x, "prototype", { writable: !1 }), T && U(x, T);
   }
-  function B(x, T) {
-    return B = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(D, F) {
+  function U(x, T) {
+    return U = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(D, F) {
       return D.__proto__ = F, D;
-    }, B(x, T);
+    }, U(x, T);
   }
   function p(x) {
     var T = O();
@@ -2404,7 +2404,7 @@ function Kn() {
     Object.defineProperty(e, "__esModule", {
       value: !0
     }), e.default = void 0;
-    var t = l(U), r = Vn(), o = l(Gn()), i = l(Rr()), a = Ge();
+    var t = l(B), r = Vn(), o = l(Gn()), i = l(Rr()), a = Ge();
     function l(O) {
       return O && O.__esModule ? O : { default: O };
     }
@@ -2471,9 +2471,9 @@ function Kn() {
     function M(O) {
       var m = q();
       return function() {
-        var c, P = B(O);
+        var c, P = U(O);
         if (m) {
-          var L = B(this).constructor;
+          var L = U(this).constructor;
           c = Reflect.construct(P, arguments, L);
         } else c = P.apply(this, arguments);
         return k(this, c);
@@ -2498,10 +2498,10 @@ function Kn() {
         return !!O;
       })();
     }
-    function B(O) {
-      return B = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(m) {
+    function U(O) {
+      return U = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(m) {
         return m.__proto__ || Object.getPrototypeOf(m);
-      }, B(O);
+      }, U(O);
     }
     function p(O, m, c) {
       return (m = g(m)) in O ? Object.defineProperty(O, m, { value: c, enumerable: !0, configurable: !0, writable: !0 }) : O[m] = c, O;
@@ -2730,7 +2730,7 @@ function It(e, t) {
 function fe(e, t) {
   return e.charCodeAt(t) | 0;
 }
-function Be(e, t, r) {
+function Ue(e, t, r) {
   return e.slice(t, r);
 }
 function me(e) {
@@ -2768,7 +2768,7 @@ function ot() {
   return he;
 }
 function Ke(e, t) {
-  return Be(Le, e, t);
+  return Ue(Le, e, t);
 }
 function Ye(e) {
   switch (e) {
@@ -2864,7 +2864,7 @@ function mi(e) {
   return Nr(st("", null, null, null, [""], e = Hr(e), 0, [0], e));
 }
 function st(e, t, r, o, i, a, l, f, d) {
-  for (var h = 0, w = 0, E = l, R = 0, A = 0, C = 0, v = 1, M = 1, k = 1, N = 0, q = "", B = i, p = a, g = o, y = q; M; )
+  for (var h = 0, w = 0, E = l, R = 0, A = 0, C = 0, v = 1, M = 1, k = 1, N = 0, q = "", U = i, p = a, g = o, y = q; M; )
     switch (C = N, N = ve()) {
       // (
       case 40:
@@ -2921,9 +2921,9 @@ function st(e, t, r, o, i, a, l, f, d) {
             y += ";";
           // { rule/at-rule
           default:
-            if (nt(g = dr(y, t, r, h, w, i, f, q, B = [], p = [], E), a), N === 123)
+            if (nt(g = dr(y, t, r, h, w, i, f, q, U = [], p = [], E), a), N === 123)
               if (w === 0)
-                st(y, t, g, g, B, a, E, f, p);
+                st(y, t, g, g, U, a, E, f, p);
               else
                 switch (R === 99 && fe(y, 3) === 110 ? 100 : R) {
                   // d l m s
@@ -2931,7 +2931,7 @@ function st(e, t, r, o, i, a, l, f, d) {
                   case 108:
                   case 109:
                   case 115:
-                    st(e, g, g, o && nt(dr(e, g, g, 0, 0, i, f, q, i, B = [], E), p), i, p, E, f, o ? B : p);
+                    st(e, g, g, o && nt(dr(e, g, g, 0, 0, i, f, q, i, U = [], E), p), i, p, E, f, o ? U : p);
                     break;
                   default:
                     st(y, g, g, g, [""], p, 0, f, p);
@@ -2971,15 +2971,15 @@ function st(e, t, r, o, i, a, l, f, d) {
 }
 function dr(e, t, r, o, i, a, l, f, d, h, w) {
   for (var E = i - 1, R = i === 0 ? a : [""], A = Wt(R), C = 0, v = 0, M = 0; C < o; ++C)
-    for (var k = 0, N = Be(e, E + 1, E = oi(v = l[C])), q = e; k < A; ++k)
+    for (var k = 0, N = Ue(e, E + 1, E = oi(v = l[C])), q = e; k < A; ++k)
       (q = Ar(v > 0 ? R[k] + " " + N : te(N, /&\f/g, R[k]))) && (d[M++] = q);
   return yt(e, t, r, i === 0 ? Ft : f, d, h, w);
 }
 function gi(e, t, r) {
-  return yt(e, t, r, Mr, mt(ci()), Be(e, 2, -2), 0);
+  return yt(e, t, r, Mr, mt(ci()), Ue(e, 2, -2), 0);
 }
 function hr(e, t, r, o) {
-  return yt(e, t, r, $t, Be(e, 0, o), Be(e, o + 1, -1), o);
+  return yt(e, t, r, $t, Ue(e, 0, o), Ue(e, o + 1, -1), o);
 }
 function Re(e, t) {
   for (var r = "", o = Wt(e), i = 0; i < o; i++)
@@ -3512,7 +3512,7 @@ function zi(e, t, r) {
 }
 var Hi = function(t) {
   return t();
-}, Ni = _.useInsertionEffect ? _.useInsertionEffect : !1, Fi = Ni || Hi, Ur = /* @__PURE__ */ _.createContext(
+}, Ni = _.useInsertionEffect ? _.useInsertionEffect : !1, Fi = Ni || Hi, Br = /* @__PURE__ */ _.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
@@ -3523,24 +3523,24 @@ var Hi = function(t) {
     key: "css"
   }) : null
 );
-Ur.Provider;
+Br.Provider;
 var $i = function(t) {
   return /* @__PURE__ */ pn(function(r, o) {
-    var i = Nt(Ur);
+    var i = Nt(Br);
     return t(r, i, o);
   });
-}, Wi = /* @__PURE__ */ _.createContext({}), qi = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/, Ui = /* @__PURE__ */ Fr(
+}, Wi = /* @__PURE__ */ _.createContext({}), qi = /^((children|dangerouslySetInnerHTML|key|ref|autoFocus|defaultValue|defaultChecked|innerHTML|suppressContentEditableWarning|suppressHydrationWarning|valueLink|abbr|accept|acceptCharset|accessKey|action|allow|allowUserMedia|allowPaymentRequest|allowFullScreen|allowTransparency|alt|async|autoComplete|autoPlay|capture|cellPadding|cellSpacing|challenge|charSet|checked|cite|classID|className|cols|colSpan|content|contentEditable|contextMenu|controls|controlsList|coords|crossOrigin|data|dateTime|decoding|default|defer|dir|disabled|disablePictureInPicture|disableRemotePlayback|download|draggable|encType|enterKeyHint|fetchpriority|fetchPriority|form|formAction|formEncType|formMethod|formNoValidate|formTarget|frameBorder|headers|height|hidden|high|href|hrefLang|htmlFor|httpEquiv|id|inputMode|integrity|is|keyParams|keyType|kind|label|lang|list|loading|loop|low|marginHeight|marginWidth|max|maxLength|media|mediaGroup|method|min|minLength|multiple|muted|name|nonce|noValidate|open|optimum|pattern|placeholder|playsInline|poster|preload|profile|radioGroup|readOnly|referrerPolicy|rel|required|reversed|role|rows|rowSpan|sandbox|scope|scoped|scrolling|seamless|selected|shape|size|sizes|slot|span|spellCheck|src|srcDoc|srcLang|srcSet|start|step|style|summary|tabIndex|target|title|translate|type|useMap|value|width|wmode|wrap|about|datatype|inlist|prefix|property|resource|typeof|vocab|autoCapitalize|autoCorrect|autoSave|color|incremental|fallback|inert|itemProp|itemScope|itemType|itemID|itemRef|on|option|results|security|unselectable|accentHeight|accumulate|additive|alignmentBaseline|allowReorder|alphabetic|amplitude|arabicForm|ascent|attributeName|attributeType|autoReverse|azimuth|baseFrequency|baselineShift|baseProfile|bbox|begin|bias|by|calcMode|capHeight|clip|clipPathUnits|clipPath|clipRule|colorInterpolation|colorInterpolationFilters|colorProfile|colorRendering|contentScriptType|contentStyleType|cursor|cx|cy|d|decelerate|descent|diffuseConstant|direction|display|divisor|dominantBaseline|dur|dx|dy|edgeMode|elevation|enableBackground|end|exponent|externalResourcesRequired|fill|fillOpacity|fillRule|filter|filterRes|filterUnits|floodColor|floodOpacity|focusable|fontFamily|fontSize|fontSizeAdjust|fontStretch|fontStyle|fontVariant|fontWeight|format|from|fr|fx|fy|g1|g2|glyphName|glyphOrientationHorizontal|glyphOrientationVertical|glyphRef|gradientTransform|gradientUnits|hanging|horizAdvX|horizOriginX|ideographic|imageRendering|in|in2|intercept|k|k1|k2|k3|k4|kernelMatrix|kernelUnitLength|kerning|keyPoints|keySplines|keyTimes|lengthAdjust|letterSpacing|lightingColor|limitingConeAngle|local|markerEnd|markerMid|markerStart|markerHeight|markerUnits|markerWidth|mask|maskContentUnits|maskUnits|mathematical|mode|numOctaves|offset|opacity|operator|order|orient|orientation|origin|overflow|overlinePosition|overlineThickness|panose1|paintOrder|pathLength|patternContentUnits|patternTransform|patternUnits|pointerEvents|points|pointsAtX|pointsAtY|pointsAtZ|preserveAlpha|preserveAspectRatio|primitiveUnits|r|radius|refX|refY|renderingIntent|repeatCount|repeatDur|requiredExtensions|requiredFeatures|restart|result|rotate|rx|ry|scale|seed|shapeRendering|slope|spacing|specularConstant|specularExponent|speed|spreadMethod|startOffset|stdDeviation|stemh|stemv|stitchTiles|stopColor|stopOpacity|strikethroughPosition|strikethroughThickness|string|stroke|strokeDasharray|strokeDashoffset|strokeLinecap|strokeLinejoin|strokeMiterlimit|strokeOpacity|strokeWidth|surfaceScale|systemLanguage|tableValues|targetX|targetY|textAnchor|textDecoration|textRendering|textLength|to|transform|u1|u2|underlinePosition|underlineThickness|unicode|unicodeBidi|unicodeRange|unitsPerEm|vAlphabetic|vHanging|vIdeographic|vMathematical|values|vectorEffect|version|vertAdvY|vertOriginX|vertOriginY|viewBox|viewTarget|visibility|widths|wordSpacing|writingMode|x|xHeight|x1|x2|xChannelSelector|xlinkActuate|xlinkArcrole|xlinkHref|xlinkRole|xlinkShow|xlinkTitle|xlinkType|xmlBase|xmlns|xmlnsXlink|xmlLang|xmlSpace|y|y1|y2|yChannelSelector|z|zoomAndPan|for|class|autofocus)|(([Dd][Aa][Tt][Aa]|[Aa][Rr][Ii][Aa]|x)-.*))$/, Bi = /* @__PURE__ */ Fr(
   function(e) {
     return qi.test(e) || e.charCodeAt(0) === 111 && e.charCodeAt(1) === 110 && e.charCodeAt(2) < 91;
   }
   /* Z+1 */
-), Bi = Ui, Yi = function(t) {
+), Ui = Bi, Yi = function(t) {
   return t !== "theme";
 }, yr = function(t) {
   return typeof t == "string" && // 96 is one less than the char code
   // for "a" so this is checking that
   // it's a lowercase character
-  t.charCodeAt(0) > 96 ? Bi : Yi;
+  t.charCodeAt(0) > 96 ? Ui : Yi;
 }, br = function(t, r, o) {
   var i;
   if (r) {
@@ -3570,20 +3570,20 @@ var $i = function(t) {
         E.push(w[C], R[C]);
     }
     var v = $i(function(M, k, N) {
-      var q = h && M.as || i, B = "", p = [], g = M;
+      var q = h && M.as || i, U = "", p = [], g = M;
       if (M.theme == null) {
         g = {};
         for (var y in M)
           g[y] = M[y];
         g.theme = _.useContext(Wi);
       }
-      typeof M.className == "string" ? B = Ti(k.registered, p, M.className) : M.className != null && (B = M.className + " ");
+      typeof M.className == "string" ? U = Ti(k.registered, p, M.className) : M.className != null && (U = M.className + " ");
       var O = zi(E.concat(p), k.registered, g);
-      B += k.key + "-" + O.name, l !== void 0 && (B += " " + l);
+      U += k.key + "-" + O.name, l !== void 0 && (U += " " + l);
       var m = h && f === void 0 ? yr(q) : d, c = {};
       for (var P in M)
         h && P === "as" || m(P) && (c[P] = M[P]);
-      return c.className = B, N && (c.ref = N), /* @__PURE__ */ _.createElement(_.Fragment, null, /* @__PURE__ */ _.createElement(Vi, {
+      return c.className = U, N && (c.ref = N), /* @__PURE__ */ _.createElement(_.Fragment, null, /* @__PURE__ */ _.createElement(Vi, {
         cache: k,
         serialized: O,
         isStringTag: typeof q == "string"
@@ -3791,10 +3791,10 @@ const Ki = je.div`
   ));
   return /* @__PURE__ */ G.jsx(Ki, { styles: { ...e }, children: /* @__PURE__ */ G.jsx(Qn, { ...i, children: a }) });
 }, za = (e) => Er(e, []), Zi = () => {
-  const [e, t] = U.useState(
+  const [e, t] = B.useState(
     {}
-  ), [r, o] = U.useState(!1);
-  return U.useEffect(() => {
+  ), [r, o] = B.useState(!1);
+  return B.useEffect(() => {
     const i = (f) => {
       t({ x: f.clientX, y: f.clientY });
     }, a = (f) => {
@@ -3815,9 +3815,9 @@ const Ki = je.div`
   onDragStart: r,
   onDragEnd: o
 }) => {
-  const i = U.useRef(!1), a = U.useRef(!1), { pointerPosition: l, isPointerDown: f } = Zi(), d = U.useRef({
+  const i = B.useRef(!1), a = B.useRef(!1), { pointerPosition: l, isPointerDown: f } = Zi(), d = B.useRef({
     isDragging: !1
-  }), h = U.useCallback(
+  }), h = B.useCallback(
     (C) => {
       if (!e || !e.current || !d.current)
         return;
@@ -3825,21 +3825,21 @@ const Ki = je.div`
       return v.posY = C.y, v.posX = C.x, d.current.startPosX && d.current.posX && (v.distanceX = d.current.startPosX - d.current.posX), d.current.startPosY && d.current.posY && (v.distanceY = -(d.current.startPosY - d.current.posY)), v;
     },
     []
-  ), w = U.useCallback(
+  ), w = B.useCallback(
     (C) => {
       C.preventDefault(), C.stopPropagation(), d.current.isDragging = !0, d.current.startPosY = C.clientY, d.current.startPosX = C.clientX;
       const v = h({ x: C.clientX, y: C.clientY });
       v && (d.current = v, r?.(v));
     },
     [h]
-  ), E = U.useCallback(
+  ), E = B.useCallback(
     (C) => {
       d.current.isDragging = !1;
       const v = h(l);
       v && (o?.(v), v.startPosX = void 0, v.startPosY = void 0, d.current = v);
     },
     [h, l]
-  ), R = U.useCallback(
+  ), R = B.useCallback(
     (C) => {
       if (console.debug(
         "useDrag > onPointerMove > Is Dragging >",
@@ -3850,18 +3850,18 @@ const Ki = je.div`
       console.debug("useDrag > onPointerMove > Drag Result >", v), v && (t?.(v), d.current = v);
     },
     [h, l]
-  ), A = U.useCallback(async () => {
+  ), A = B.useCallback(async () => {
     if (!i.current) {
       for (; !e?.current; )
         await new Promise((C) => setTimeout(C, 300));
       i.current = !0, e.current.onpointerdown = w, e.current.style.touchAction = "none";
     }
   }, [e?.current, w]);
-  U.useEffect(() => {
+  B.useEffect(() => {
     A();
-  }, [A]), U.useEffect(() => {
+  }, [A]), B.useEffect(() => {
     R();
-  }, [l]), U.useEffect(() => {
+  }, [l]), B.useEffect(() => {
     f !== a.current && (a.current = f, f || E());
   }, [f, a.current]);
 }, Ha = () => {
@@ -3899,10 +3899,10 @@ class eo {
   static isDateOneAfterDateTwo = (t, r) => t.getFullYear() >= r.getFullYear() && t.getMonth() >= r.getMonth() ? t.getDay() > r.getDay() : !1;
 }
 const Na = (e, t = 0) => {
-  const r = U.useRef(0), [o, i] = U.useState(0), a = U.useRef(null), [l, f] = U.useState(!1), d = U.useCallback(() => {
+  const r = B.useRef(0), [o, i] = B.useState(0), a = B.useRef(null), [l, f] = B.useState(!1), d = B.useCallback(() => {
     f((E) => !E);
-  }, []), h = U.useCallback(() => r.current === 0 ? !1 : o >= r.current - t, [t, o]), w = U.useCallback(() => e.current !== null && e.current !== void 0, [e]);
-  return U.useEffect(() => {
+  }, []), h = B.useCallback(() => r.current === 0 ? !1 : o >= r.current - t, [t, o]), w = B.useCallback(() => e.current !== null && e.current !== void 0, [e]);
+  return B.useEffect(() => {
     const E = () => {
       if (!e.current) return;
       const A = e.current.scrollHeight - e.current.clientHeight;
@@ -3987,18 +3987,18 @@ function io() {
       const N = R.indexOf("=", k);
       if (N === -1)
         break;
-      const q = R.indexOf(";", k), B = q === -1 ? v : q;
-      if (N > B) {
+      const q = R.indexOf(";", k), U = q === -1 ? v : q;
+      if (N > U) {
         k = R.lastIndexOf(";", N - 1) + 1;
         continue;
       }
       const p = f(R, k, N), g = d(R, N, p), y = R.slice(p, g);
       if (C[y] === void 0) {
-        let O = f(R, N + 1, B), m = d(R, B, O);
+        let O = f(R, N + 1, U), m = d(R, U, O);
         const c = M(R.slice(O, m));
         C[y] = c;
       }
-      k = B + 1;
+      k = U + 1;
     } while (k < v);
     return C;
   }
@@ -4195,13 +4195,13 @@ function so(e, t, r, o = {}) {
     f = "PUSH";
     let N = zt(v.location, M, k);
     h = w() + 1;
-    let q = kr(N, h), B = v.createHref(N);
+    let q = kr(N, h), U = v.createHref(N);
     try {
-      l.pushState(q, "", B);
+      l.pushState(q, "", U);
     } catch (p) {
       if (p instanceof DOMException && p.name === "DataCloneError")
         throw p;
-      i.location.assign(B);
+      i.location.assign(U);
     }
     a && d && d({ action: f, location: v.location, delta: 1 });
   }
@@ -4209,8 +4209,8 @@ function so(e, t, r, o = {}) {
     f = "REPLACE";
     let N = zt(v.location, M, k);
     h = w();
-    let q = kr(N, h), B = v.createHref(N);
-    l.replaceState(q, "", B), a && d && d({ action: f, location: v.location, delta: 0 });
+    let q = kr(N, h), U = v.createHref(N);
+    l.replaceState(q, "", U), a && d && d({ action: f, location: v.location, delta: 0 });
   }
   function C(M) {
     return lo(M);
@@ -4255,7 +4255,7 @@ function lo(e, t = !1) {
   let o = typeof e == "string" ? e : Xe(e);
   return o = o.replace(/ $/, "%20"), !t && o.startsWith("//") && (o = r + o), new URL(o, r);
 }
-function Br(e, t, r = "/") {
+function Ur(e, t, r = "/") {
   return uo(e, t, r, !1);
 }
 function uo(e, t, r, o) {
@@ -4658,7 +4658,7 @@ Please change the parent <Route path="${k}"> to <Route path="${k === "/" ? "*" :
     let k = h.replace(/^\//, "").split("/");
     C = "/" + A.replace(/^\//, "").split("/").slice(k.length).join("/");
   }
-  let v = Br(e, { pathname: C });
+  let v = Ur(e, { pathname: C });
   be(
     w || v != null,
     `No routes matched location "${R.pathname}${R.search}${R.hash}" `
@@ -4706,7 +4706,7 @@ Please change the parent <Route path="${k}"> to <Route path="${k === "/" ? "*" :
   ) : M;
 }
 function Ao() {
-  let e = Bo(), t = _o(e) ? `${e.status} ${e.statusText}` : e instanceof Error ? e.message : JSON.stringify(e), r = e instanceof Error ? e.stack : null, o = "rgba(200,200,200, 0.5)", i = { padding: "0.5rem", backgroundColor: o }, a = { padding: "2px 4px", backgroundColor: o }, l = null;
+  let e = Uo(), t = _o(e) ? `${e.status} ${e.statusText}` : e instanceof Error ? e.message : JSON.stringify(e), r = e instanceof Error ? e.stack : null, o = "rgba(200,200,200, 0.5)", i = { padding: "0.5rem", backgroundColor: o }, a = { padding: "2px 4px", backgroundColor: o }, l = null;
   return console.error(
     "Error handled by React Router default ErrorBoundary:",
     e
@@ -4828,39 +4828,39 @@ function Fo(e, t = [], r = null, o = null) {
     ) : M();
   }, null);
 }
-function Ut(e) {
+function Bt(e) {
   return `${e} must be used within a data router.  See https://reactrouter.com/en/main/routers/picking-a-router.`;
 }
 function $o(e) {
   let t = _.useContext(Me);
-  return oe(t, Ut(e)), t;
+  return oe(t, Bt(e)), t;
 }
 function Wo(e) {
   let t = _.useContext(bt);
-  return oe(t, Ut(e)), t;
+  return oe(t, Bt(e)), t;
 }
 function qo(e) {
   let t = _.useContext(ke);
-  return oe(t, Ut(e)), t;
+  return oe(t, Bt(e)), t;
 }
-function Bt(e) {
+function Ut(e) {
   let t = qo(e), r = t.matches[t.matches.length - 1];
   return oe(
     r.route.id,
     `${e} can only be used on routes that contain a unique "id"`
   ), r.route.id;
 }
-function Uo() {
-  return Bt(
+function Bo() {
+  return Ut(
     "useRouteId"
     /* UseRouteId */
   );
 }
-function Bo() {
+function Uo() {
   let e = _.useContext(qt), t = Wo(
     "useRouteError"
     /* UseRouteError */
-  ), r = Bt(
+  ), r = Ut(
     "useRouteError"
     /* UseRouteError */
   );
@@ -4870,7 +4870,7 @@ function Yo() {
   let { router: e } = $o(
     "useNavigate"
     /* UseNavigateStable */
-  ), t = Bt(
+  ), t = Ut(
     "useNavigate"
     /* UseNavigateStable */
   ), r = _.useRef(!1);
@@ -5236,15 +5236,15 @@ function pa(e, t) {
     a,
     R,
     {
-      onFocus: Ue(f, A),
-      onBlur: Ue(d, C),
-      onMouseEnter: Ue(h, A),
-      onMouseLeave: Ue(w, C),
-      onTouchStart: Ue(E, A)
+      onFocus: Be(f, A),
+      onBlur: Be(d, C),
+      onMouseEnter: Be(h, A),
+      onMouseLeave: Be(w, C),
+      onTouchStart: Be(E, A)
     }
   ] : [!1, R, {}];
 }
-function Ue(e, t) {
+function Be(e, t) {
   return (r) => {
     e && e(r), r.defaultPrevented || t(r);
   };
@@ -5254,7 +5254,7 @@ function va({
   ...t
 }) {
   let { router: r } = on(), o = _.useMemo(
-    () => Br(r.routes, e, r.basename),
+    () => Ur(r.routes, e, r.basename),
     [r.routes, e, r.basename]
   );
   return o ? /* @__PURE__ */ _.createElement(ga, { page: e, matches: o, ...t }) : null;
@@ -5395,7 +5395,7 @@ var ln = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, un = _.forwardRef(
           `<Link to="${h}"> contains an invalid URL which will probably break when clicked - please update to a valid URL path.`
         );
       }
-    let N = Do(h, { relative: i }), [q, B, p] = pa(
+    let N = Do(h, { relative: i }), [q, U, p] = pa(
       o,
       R
     ), g = ka(h, {
@@ -5418,7 +5418,7 @@ var ln = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, un = _.forwardRef(
           ...p,
           href: M || N,
           onClick: k || a ? t : y,
-          ref: ya(A, B),
+          ref: ya(A, U),
           target: d,
           "data-discover": !v && r === "render" ? "true" : void 0
         }
@@ -5444,8 +5444,8 @@ var wa = _.forwardRef(
     // eslint-disable-next-line react-hooks/rules-of-hooks
     Ra(E) && f === !0, k = C.encodeLocation ? C.encodeLocation(E).pathname : E.pathname, N = R.pathname, q = A && A.navigation && A.navigation.location ? A.navigation.location.pathname : null;
     r || (N = N.toLowerCase(), q = q ? q.toLowerCase() : null, k = k.toLowerCase()), q && v && (q = xe(q, v) || q);
-    const B = k !== "/" && k.endsWith("/") ? k.length - 1 : k.length;
-    let p = N === k || !i && N.startsWith(k) && N.charAt(B) === "/", g = q != null && (q === k || !i && q.startsWith(k) && q.charAt(k.length) === "/"), y = {
+    const U = k !== "/" && k.endsWith("/") ? k.length - 1 : k.length;
+    let p = N === k || !i && N.startsWith(k) && N.charAt(U) === "/", g = q != null && (q === k || !i && q.startsWith(k) && q.charAt(k.length) === "/"), y = {
       isActive: p,
       isPending: g,
       isTransitioning: M
@@ -5492,8 +5492,8 @@ var Sa = _.forwardRef(
     let C = Pa(), v = Ea(f, { relative: h }), M = l.toLowerCase() === "get" ? "get" : "post", k = typeof f == "string" && ln.test(f), N = (q) => {
       if (d && d(q), q.defaultPrevented) return;
       q.preventDefault();
-      let B = q.nativeEvent.submitter, p = B?.getAttribute("formmethod") || l;
-      C(B || q.currentTarget, {
+      let U = q.nativeEvent.submitter, p = U?.getAttribute("formmethod") || l;
+      C(U || q.currentTarget, {
         fetcherKey: t,
         method: p,
         navigate: r,
@@ -5567,7 +5567,7 @@ function Pa() {
   let { router: e } = cn(
     "useSubmit"
     /* UseSubmit */
-  ), { basename: t } = _.useContext(we), r = Uo();
+  ), { basename: t } = _.useContext(we), r = Bo();
   return _.useCallback(
     async (o, i = {}) => {
       let { action: a, method: l, encType: f, formData: d, body: h } = na(
@@ -5634,7 +5634,7 @@ function Ra(e, t = {}) {
 [
   ...fa
 ];
-const fn = U.createContext({
+const fn = B.createContext({
   history: [],
   addToHistory: () => {
   },
@@ -5645,7 +5645,7 @@ const fn = U.createContext({
   routes: e,
   children: t
 }) => {
-  const r = U.useRef(["/"]), [o, i] = U.useState(["/"]), a = U.useCallback((w) => {
+  const r = B.useRef(["/"]), [o, i] = B.useState(["/"]), a = B.useCallback((w) => {
     r.current = w, i(w);
   }, []), l = (w) => {
     a([...r.current, w]);
@@ -5674,18 +5674,18 @@ const fn = U.createContext({
     }
   );
 }, qa = () => {
-  const e = en(), t = Ce(), r = Nt(fn), o = U.useCallback(
+  const e = en(), t = Ce(), r = Nt(fn), o = B.useCallback(
     (l, f = !0) => {
       l !== t.pathname && e(l, { replace: !0 }), f && r.addToHistory(l);
     },
     [t.pathname, e, r]
-  ), i = U.useCallback(
+  ), i = B.useCallback(
     (l) => {
       const f = l || 1, d = r.popFromHistory(f);
       o(d, !1);
     },
     [o, r]
-  ), a = U.useCallback(
+  ), a = B.useCallback(
     (l) => {
       r.replaceHistory(l);
     },
@@ -5698,7 +5698,7 @@ const fn = U.createContext({
     goTo: o,
     replaceHistory: a
   };
-}, dn = U.createContext(
+}, dn = B.createContext(
   {
     visibleItems: [],
     isItemVisible: () => !1,
@@ -5707,15 +5707,15 @@ const fn = U.createContext({
     hideItem: () => {
     }
   }
-), Ua = ({ children: e }) => {
-  const t = U.useRef([]), [r, o] = U.useState([]), i = U.useCallback((d) => {
+), Ba = ({ children: e }) => {
+  const t = B.useRef([]), [r, o] = B.useState([]), i = B.useCallback((d) => {
     t.current = d, o(d);
-  }, []), a = U.useCallback((d) => t.current.some((h) => h === d), []), l = U.useCallback(
+  }, []), a = B.useCallback((d) => t.current.some((h) => h === d), []), l = B.useCallback(
     (d) => {
       a(d) || i([...t.current, d]);
     },
     [a, i]
-  ), f = U.useCallback(
+  ), f = B.useCallback(
     (d) => {
       a(d) && i(
         t.current.filter((w) => w !== d)
@@ -5752,9 +5752,9 @@ const fn = U.createContext({
   onCloseDrawer: t,
   drawerCloseOffset: r = 15
 }) => {
-  const { isItemVisible: o } = St(), [i, a] = U.useState({
+  const { isItemVisible: o } = St(), [i, a] = B.useState({
     isDragging: !1
-  }), l = U.useRef(null), f = U.useRef(null), d = U.useRef(null), [h, w] = U.useState(0), E = (C) => {
+  }), l = B.useRef(null), f = B.useRef(null), d = B.useRef(null), [h, w] = B.useState(0), E = (C) => {
     a(C);
   }, R = (C) => {
     a(C), w(0);
@@ -5775,7 +5775,7 @@ const fn = U.createContext({
     drawerBottomDistance: h,
     handleRef: d
   };
-}, Ba = (e) => {
+}, Ua = (e) => {
   const { children: t, backgroundStyles: r, contentStyles: o, handle: i } = e, {
     isVisible: a,
     drawerParentRef: l,
@@ -5852,7 +5852,7 @@ const fn = U.createContext({
     }
   ) });
 }, Ta = ({ onSubmit: e, fields: t }) => {
-  const r = U.useRef(null), o = U.useCallback(
+  const r = B.useRef(null), o = B.useCallback(
     (l) => {
       var f = Object.keys(l.currentTarget.elements), d = Object.values(l.currentTarget.elements), h = [];
       for (let w = 0; w < f.length; w++) {
@@ -5868,7 +5868,7 @@ const fn = U.createContext({
       return h;
     },
     [e]
-  ), i = U.useCallback(
+  ), i = B.useCallback(
     (l) => {
       l.preventDefault();
       const f = o(l);
@@ -5884,7 +5884,7 @@ const fn = U.createContext({
     handleFormSubmission: i
   };
 }, Ya = (e) => {
-  const { fields: t, styles: r, submitButton: o } = e, { ref: i, handleFormSubmission: a, submitForm: l } = Ta(e), f = U.useCallback(() => t.map((d) => ({ ...d.content, key: d.name })), [t]);
+  const { fields: t, styles: r, submitButton: o } = e, { ref: i, handleFormSubmission: a, submitForm: l } = Ta(e), f = B.useCallback(() => t.map((d) => ({ ...d.content, key: d.name })), [t]);
   return /* @__PURE__ */ G.jsxs(
     "form",
     {
@@ -6124,17 +6124,17 @@ const fn = U.createContext({
     }
   ) });
 }, La = (e) => {
-  const t = U.useRef(null), r = U.useRef(null), [o, i] = U.useState(24), [a, l] = U.useState(24), f = U.useCallback(() => {
+  const t = B.useRef(null), r = B.useRef(null), [o, i] = B.useState(24), [a, l] = B.useState(24), f = B.useCallback(() => {
     t.current && i(t.current.clientHeight);
-  }, [t, t.current]), d = U.useCallback(() => {
+  }, [t, t.current]), d = B.useCallback(() => {
     r.current && l(r.current.clientHeight);
-  }, [r, r.current]), h = U.useCallback(() => {
+  }, [r, r.current]), h = B.useCallback(() => {
     let w = 0;
     return e.header?.visibility === "always" && (w = w + (o || 0)), e.footer?.visibility === "always" && (w = w + (a || 0)), w;
   }, [r, r.current]);
-  return U.useEffect(() => {
+  return B.useEffect(() => {
     f();
-  }, [f, t, t.current]), U.useEffect(() => {
+  }, [f, t, t.current]), B.useEffect(() => {
     d();
   }, [d, r, r.current]), {
     header: {
@@ -6180,7 +6180,7 @@ const fn = U.createContext({
     children: o,
     allowScroll: i = !0,
     floatingContent: a,
-    reservedSpaceForScrollbar: l = 0
+    reserveSpaceForScrollbar: l
   } = e, { footer: f, header: d } = La(e);
   return /* @__PURE__ */ G.jsxs(
     Da,
@@ -6214,28 +6214,32 @@ const fn = U.createContext({
         /* @__PURE__ */ G.jsx(
           "div",
           {
-            id: "page-layout",
+            id: "page-body",
             style: {
               width: "100%",
-              overflowX: "hidden",
-              overflowY: i ? "auto" : "hidden",
+              overflow: "hidden",
               display: "flex",
-              flexDirection: "column",
-              boxSizing: "border-box",
+              flex: 1,
               marginTop: `-${d.height}px`,
-              marginBottom: `-${f.height}px`,
-              padding: `${d.height}px ${l}px ${f.height}px 0`
+              marginBottom: `-${f.height}px`
             },
             children: /* @__PURE__ */ G.jsx(
               "div",
               {
+                id: "page-content",
                 style: {
                   width: "100%",
+                  overflowX: "hidden",
+                  overflowY: i ? "auto" : "hidden",
+                  display: "flex",
+                  flexDirection: "column",
                   flex: 1,
-                  height: "fit-content",
                   minHeight: "100%",
-                  boxSizing: "border-box",
-                  padding: "24px",
+                  scrollbarGutter: l ? "stable" : void 0,
+                  paddingLeft: "24px",
+                  paddingRight: "24px",
+                  paddingTop: `${d.height}px`,
+                  paddingBottom: `${f.height}px`,
                   ...r
                 },
                 children: o
@@ -6311,8 +6315,8 @@ const fn = U.createContext({
   styles: r,
   durationInSeconds: o = 3
 }) => {
-  const i = U.useRef(!1), { isItemVisible: a, hideItem: l } = St();
-  return U.useEffect(() => {
+  const i = B.useRef(!1), { isItemVisible: a, hideItem: l } = St();
+  return B.useEffect(() => {
     const f = a(e);
     i.current !== f && (i.current = f, f && setTimeout(() => l(e), o * 1e3));
   }, [i, a, l]), /* @__PURE__ */ G.jsx(G.Fragment, { children: a(e) && /* @__PURE__ */ G.jsx(
@@ -6382,8 +6386,8 @@ class rs {
 export {
   Ia as Button,
   Aa as Carousel,
-  Ba as Drawer,
-  Ua as FeedbackProvider,
+  Ua as Drawer,
+  Ba as FeedbackProvider,
   Ya as Form,
   Va as Image,
   Xa as InputField,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eliseubatista99/react-scaffold-core",
-  "version": "0.1.29",
+  "version": "0.1.31",
   "private": false,
   "description": "A library which provides basic components, hooks, helpers and providers to easily build a React application and avoid repeating the usual code.",
   "main": "dist/index.cjs.js",