@eliseubatista99/react-scaffold-core 0.1.80 → 0.1.81

package/dist/components/inputField/inputField.d.ts

@@ -10,6 +10,7 @@ export interface InputFieldProps {
     autoComplete?: HTMLInputAutoCompleteAttribute;
     value?: string;
     initialValue?: string;
+    maxLength?: number;
     type?: HTMLInputTypeAttribute;
     onChange?: (value: string) => void;
     onFocus?: () => void;
@@ -18,4 +19,4 @@ export interface InputFieldProps {
     containerStyles?: CSSProperties;
     styles?: CSSProperties;
 }
-export declare const InputField: ({ name, label, leftIcon, rightIcon, bottomMessage, placeHolder, autoComplete, value, initialValue, type, onChange, onFocus, onBlur, inputStyles, containerStyles, styles, step, }: InputFieldProps) => import("react/jsx-runtime").JSX.Element;
+export declare const InputField: ({ name, label, leftIcon, rightIcon, bottomMessage, placeHolder, autoComplete, value, initialValue, type, onChange, onFocus, onBlur, maxLength, inputStyles, containerStyles, styles, step, }: InputFieldProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/inputField/stories/inputField.stories.d.ts

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: ({ name, label, leftIcon, rightIcon, bottomMessage, placeHolder, autoComplete, value, initialValue, type, onChange, onFocus, onBlur, inputStyles, containerStyles, styles, step, }: import('../inputField').InputFieldProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ name, label, leftIcon, rightIcon, bottomMessage, placeHolder, autoComplete, value, initialValue, type, onChange, onFocus, onBlur, maxLength, inputStyles, containerStyles, styles, step, }: import('../inputField').InputFieldProps) => import("react/jsx-runtime").JSX.Element;
     parameters: {
         layout: string;
     };

package/dist/index.cjs.js

@@ -156,7 +156,7 @@ Please change the parent <Route path="${x}"> to <Route path="${x==="/"?"*":`${x}
   input:-webkit-autofill {
     background-color: #00000000;
   }
-`,Zo=({name:e,label:t,leftIcon:r,rightIcon:i,bottomMessage:a,placeHolder:s,autoComplete:c="off",value:l,initialValue:u,type:h="text",onChange:g,onFocus:k,onBlur:j,inputStyles:M,containerStyles:P,styles:p,step:I})=>{const x=B=>{g?.(B.currentTarget.value)},F=B=>{B.preventDefault(),B.stopPropagation(),k?.()},U=B=>{j?.()};return G.jsxs(Jo,{style:{width:"100%",maxWidth:"357px",gap:"8px",...p},children:[t,G.jsxs("div",{style:{display:"flex",flexDirection:"row",width:"100%",height:"47px",margin:"8px auto 0 auto",border:"2px solid #000000",borderRadius:"5px",padding:"5px 15px",color:"#000000",fontFamily:"inherit",fontStyle:"normal",fontWeight:400,fontSize:"16px",lineHeight:"24px",outline:"none",alignItems:"center",gap:"10px",...P},children:[r,G.jsx("input",{name:e,type:h,autoComplete:c,step:I,style:{flex:1,border:"none",color:"inherit",fontFamily:"inherit",fontStyle:"inherit",fontWeight:"inherit",fontSize:"inherit",lineHeight:"inherit",outline:"inherit",background:"none",...M},placeholder:s,value:l,defaultValue:u,onChange:x,onFocus:F,onBlur:U}),i]}),a]})},Qo=({id:e,styles:t,children:r})=>{const{isItemVisible:i}=et();return G.jsx(G.Fragment,{children:i(e)&&G.jsx("div",{style:{width:"100%",minHeight:"100%",left:0,top:0,position:"fixed",zIndex:1e3,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",...t},children:r})})},es=({id:e,children:t,backgroundStyles:r,contentStyles:i,onClickOutsideModal:a})=>{const{isItemVisible:s}=et();return G.jsx(G.Fragment,{children:s(e)&&G.jsx("div",{style:{width:"100%",height:"100%",minHeight:"100vh",background:"#00000068",position:"fixed",top:"50%",left:"50%",transform:"translate(-50%, -50%)",zIndex:1e3,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",...r},onClick:()=>{a?.()},children:G.jsx("div",{style:{width:"90%",maxWidth:"375px",height:"fit-content",minHeight:"80px",maxHeight:"50%",background:"#ffffff",borderRadius:"16px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",zIndex:1001,position:"relative",padding:"24px",...i},onClick:c=>{c.stopPropagation()},children:t})})})},ts=e=>{const t=Y.useRef(null),r=Y.useRef(null),[i,a]=Y.useState(24),[s,c]=Y.useState(24),l=Y.useCallback(()=>{t.current&&a(t.current.clientHeight)},[t,t.current]),u=Y.useCallback(()=>{r.current&&c(r.current.clientHeight)},[r,r.current]),h=Y.useCallback(()=>{let g=0;return e.header?.visibility==="always"&&(g=g+(i||0)),e.footer?.visibility==="always"&&(g=g+(s||0)),g},[r,r.current]);return Y.useEffect(()=>{l()},[l,t,t.current]),Y.useEffect(()=>{u()},[u,r,r.current]),{header:{...e.header,visible:e.header!==void 0,height:e.header?.visibility==="fixed"?0:i,ref:t},footer:{...e.footer,visible:e.footer!==void 0,height:e.footer?.visibility==="fixed"?0:s,ref:r},page:{extraHeight:h()}}},rs=Pe.div`
+`,Zo=({name:e,label:t,leftIcon:r,rightIcon:i,bottomMessage:a,placeHolder:s,autoComplete:c="off",value:l,initialValue:u,type:h="text",onChange:g,onFocus:k,onBlur:j,maxLength:M,inputStyles:P,containerStyles:p,styles:I,step:x})=>{const F=v=>{g?.(v.currentTarget.value)},U=v=>{v.preventDefault(),v.stopPropagation(),k?.()},B=v=>{j?.()};return G.jsxs(Jo,{style:{width:"100%",maxWidth:"357px",gap:"8px",...I},children:[t,G.jsxs("div",{style:{display:"flex",flexDirection:"row",width:"100%",height:"47px",margin:"8px auto 0 auto",border:"2px solid #000000",borderRadius:"5px",padding:"5px 15px",color:"#000000",fontFamily:"inherit",fontStyle:"normal",fontWeight:400,fontSize:"16px",lineHeight:"24px",outline:"none",alignItems:"center",gap:"10px",...p},children:[r,G.jsx("input",{name:e,type:h,autoComplete:c,step:x,maxLength:M,style:{flex:1,border:"none",color:"inherit",fontFamily:"inherit",fontStyle:"inherit",fontWeight:"inherit",fontSize:"inherit",lineHeight:"inherit",outline:"inherit",background:"none",...P},placeholder:s,value:l,defaultValue:u,onChange:F,onFocus:U,onBlur:B}),i]}),a]})},Qo=({id:e,styles:t,children:r})=>{const{isItemVisible:i}=et();return G.jsx(G.Fragment,{children:i(e)&&G.jsx("div",{style:{width:"100%",minHeight:"100%",left:0,top:0,position:"fixed",zIndex:1e3,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",...t},children:r})})},es=({id:e,children:t,backgroundStyles:r,contentStyles:i,onClickOutsideModal:a})=>{const{isItemVisible:s}=et();return G.jsx(G.Fragment,{children:s(e)&&G.jsx("div",{style:{width:"100%",height:"100%",minHeight:"100vh",background:"#00000068",position:"fixed",top:"50%",left:"50%",transform:"translate(-50%, -50%)",zIndex:1e3,display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",...r},onClick:()=>{a?.()},children:G.jsx("div",{style:{width:"90%",maxWidth:"375px",height:"fit-content",minHeight:"80px",maxHeight:"50%",background:"#ffffff",borderRadius:"16px",display:"flex",flexDirection:"column",alignItems:"center",justifyContent:"center",zIndex:1001,position:"relative",padding:"24px",...i},onClick:c=>{c.stopPropagation()},children:t})})})},ts=e=>{const t=Y.useRef(null),r=Y.useRef(null),[i,a]=Y.useState(24),[s,c]=Y.useState(24),l=Y.useCallback(()=>{t.current&&a(t.current.clientHeight)},[t,t.current]),u=Y.useCallback(()=>{r.current&&c(r.current.clientHeight)},[r,r.current]),h=Y.useCallback(()=>{let g=0;return e.header?.visibility==="always"&&(g=g+(i||0)),e.footer?.visibility==="always"&&(g=g+(s||0)),g},[r,r.current]);return Y.useEffect(()=>{l()},[l,t,t.current]),Y.useEffect(()=>{u()},[u,r,r.current]),{header:{...e.header,visible:e.header!==void 0,height:e.header?.visibility==="fixed"?0:i,ref:t},footer:{...e.footer,visible:e.footer!==void 0,height:e.footer?.visibility==="fixed"?0:s,ref:r},page:{extraHeight:h()}}},rs=Pe.div`
   min-height: 100%;
   max-height: 100%;
   width: 100%;

package/dist/index.es.js

@@ -1,5 +1,5 @@
 import * as D from "react";
-import B, { forwardRef as kn, useContext as Yt, useEffect as Ir, useState as Ar, useMemo as zr, useCallback as _e } from "react";
+import q, { forwardRef as kn, useContext as Yt, useEffect as Ir, useState as Ar, useMemo as zr, useCallback as _e } from "react";
 var rt = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
 function qt(e) {
   return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
@@ -102,7 +102,7 @@ function En() {
             return (n.displayName || "Context") + ".Provider";
           case F:
             return (n._context.displayName || "Context") + ".Consumer";
-          case q:
+          case B:
             var f = n.render;
             return n = n.displayName, n || (n = f.displayName || f.name || "", n = n !== "" ? "ForwardRef(" + n + ")" : "ForwardRef"), n;
           case w:
@@ -264,7 +264,7 @@ React keys must be passed directly to JSX without using spread:
     function O(n) {
       typeof n == "object" && n !== null && n.$$typeof === M && n._store && (n._store.validated = 1);
     }
-    var j = B, M = Symbol.for("react.transitional.element"), P = Symbol.for("react.portal"), p = Symbol.for("react.fragment"), I = Symbol.for("react.strict_mode"), x = Symbol.for("react.profiler"), F = Symbol.for("react.consumer"), U = Symbol.for("react.context"), q = Symbol.for("react.forward_ref"), v = Symbol.for("react.suspense"), b = Symbol.for("react.suspense_list"), w = Symbol.for("react.memo"), E = Symbol.for("react.lazy"), y = Symbol.for("react.activity"), d = Symbol.for("react.client.reference"), k = j.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, A = Object.prototype.hasOwnProperty, R = Array.isArray, _ = console.createTask ? console.createTask : function() {
+    var j = q, M = Symbol.for("react.transitional.element"), P = Symbol.for("react.portal"), p = Symbol.for("react.fragment"), I = Symbol.for("react.strict_mode"), x = Symbol.for("react.profiler"), F = Symbol.for("react.consumer"), U = Symbol.for("react.context"), B = Symbol.for("react.forward_ref"), v = Symbol.for("react.suspense"), b = Symbol.for("react.suspense_list"), w = Symbol.for("react.memo"), E = Symbol.for("react.lazy"), y = Symbol.for("react.activity"), d = Symbol.for("react.client.reference"), k = j.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, A = Object.prototype.hasOwnProperty, R = Array.isArray, _ = console.createTask ? console.createTask : function() {
       return null;
     };
     j = {
@@ -381,7 +381,7 @@ function Tn() {
     var E, y, d, k, A, R, _ = 0, C = !1, T = !1, o = !0;
     if (typeof v != "function")
       throw new TypeError(e);
-    b = q(b) || 0, x(w) && (C = !!w.leading, T = "maxWait" in w, d = T ? M(q(w.maxWait) || 0, b) : d, o = "trailing" in w ? !!w.trailing : o);
+    b = B(b) || 0, x(w) && (C = !!w.leading, T = "maxWait" in w, d = T ? M(B(w.maxWait) || 0, b) : d, o = "trailing" in w ? !!w.trailing : o);
     function z(W) {
       var V = E, K = y;
       return E = y = void 0, _ = W, k = v.apply(K, V), k;
@@ -434,7 +434,7 @@ function Tn() {
   function U(v) {
     return typeof v == "symbol" || F(v) && j.call(v) == r;
   }
-  function q(v) {
+  function B(v) {
     if (typeof v == "number")
       return v;
     if (U(v))
@@ -496,7 +496,7 @@ function Hr() {
     Object.defineProperty(e, "__esModule", {
       value: !0
     }), e.default = void 0;
-    var t = r(B);
+    var t = r(q);
     function r(a) {
       return a && a.__esModule ? a : { default: a };
     }
@@ -572,7 +572,7 @@ function Ke() {
   ur = 1, Object.defineProperty(Y, "__esModule", {
     value: !0
   }), Y.checkSpecKeys = Y.checkNavigable = Y.changeSlide = Y.canUseDOM = Y.canGoNext = void 0, Y.clamp = h, Y.extractObject = void 0, Y.filterSettings = z, Y.validSettings = Y.swipeStart = Y.swipeMove = Y.swipeEnd = Y.slidesOnRight = Y.slidesOnLeft = Y.slideHandler = Y.siblingDirection = Y.safePreventDefault = Y.lazyStartIndex = Y.lazySlidesOnRight = Y.lazySlidesOnLeft = Y.lazyEndIndex = Y.keyHandler = Y.initializedState = Y.getWidth = Y.getTrackLeft = Y.getTrackCSS = Y.getTrackAnimateCSS = Y.getTotalSlides = Y.getSwipeDirection = Y.getSlideCount = Y.getRequiredLazySlides = Y.getPreClones = Y.getPostClones = Y.getOnDemandLazySlides = Y.getNavigableIndexes = Y.getHeight = void 0;
-  var e = r(B), t = r(Hr());
+  var e = r(q), t = r(Hr());
   function r(m) {
     return m && m.__esModule ? m : { default: m };
   }
@@ -830,12 +830,12 @@ function Ke() {
     }
     return Q;
   };
-  var q = Y.getNavigableIndexes = function(n) {
+  var B = Y.getNavigableIndexes = function(n) {
     for (var f = n.infinite ? n.slideCount * 2 : n.slideCount, S = n.infinite ? n.slidesToShow * -1 : 0, $ = n.infinite ? n.slidesToShow * -1 : 0, L = []; S < f; )
       L.push(S), S = $ + n.slidesToScroll, $ += Math.min(n.slidesToScroll, n.slidesToShow);
     return L;
   }, v = Y.checkNavigable = function(n, f) {
-    var S = q(n), $ = 0;
+    var S = B(n), $ = 0;
     if (f > S[S.length - 1])
       f = S[S.length - 1];
     else
@@ -956,7 +956,7 @@ function jn() {
   cr = 1, Object.defineProperty(Fe, "__esModule", {
     value: !0
   }), Fe.Track = void 0;
-  var e = i(B), t = i(yt()), r = Ke();
+  var e = i(q), t = i(yt()), r = Ke();
   function i(y) {
     return y && y.__esModule ? y : { default: y };
   }
@@ -1059,10 +1059,10 @@ function jn() {
     return (d = U(d)) in y ? Object.defineProperty(y, d, { value: k, enumerable: !0, configurable: !0, writable: !0 }) : y[d] = k, y;
   }
   function U(y) {
-    var d = q(y, "string");
+    var d = B(y, "string");
     return a(d) == "symbol" ? d : d + "";
   }
-  function q(y, d) {
+  function B(y, d) {
     if (a(y) != "object" || !y) return y;
     var k = y[Symbol.toPrimitive];
     if (k !== void 0) {
@@ -1192,7 +1192,7 @@ function Ln() {
   Object.defineProperty(We, "__esModule", {
     value: !0
   }), We.Dots = void 0;
-  var t = a(B), r = a(yt()), i = Ke();
+  var t = a(q), r = a(yt()), i = Ke();
   function a(v) {
     return v && v.__esModule ? v : { default: v };
   }
@@ -1290,7 +1290,7 @@ function Ln() {
       return b.__proto__ || Object.getPrototypeOf(b);
     }, U(v);
   }
-  var q = function(b) {
+  var B = function(b) {
     var w;
     return b.infinite ? w = Math.ceil(b.slideCount / b.slidesToScroll) : w = Math.ceil((b.slideCount - b.slidesToShow) / b.slidesToScroll) + 1, w;
   };
@@ -1308,7 +1308,7 @@ function Ln() {
     }, {
       key: "render",
       value: function() {
-        for (var y = this.props, d = y.onMouseEnter, k = y.onMouseOver, A = y.onMouseLeave, R = y.infinite, _ = y.slidesToScroll, C = y.slidesToShow, T = y.slideCount, o = y.currentSlide, z = q({
+        for (var y = this.props, d = y.onMouseEnter, k = y.onMouseOver, A = y.onMouseLeave, R = y.infinite, _ = y.slidesToScroll, C = y.slidesToShow, T = y.slideCount, o = y.currentSlide, z = B({
           slideCount: T,
           slidesToScroll: _,
           slidesToShow: C,
@@ -1355,7 +1355,7 @@ function Dn() {
   Object.defineProperty(Re, "__esModule", {
     value: !0
   }), Re.PrevArrow = Re.NextArrow = void 0;
-  var t = a(B), r = a(yt()), i = Ke();
+  var t = a(q), r = a(yt()), i = Ke();
   function a(v) {
     return v && v.__esModule ? v : { default: v };
   }
@@ -1431,9 +1431,9 @@ function Dn() {
   function I(v) {
     var b = U();
     return function() {
-      var w, E = q(v);
+      var w, E = B(v);
       if (b) {
-        var y = q(this).constructor;
+        var y = B(this).constructor;
         w = Reflect.construct(E, arguments, y);
       } else w = E.apply(this, arguments);
       return x(this, w);
@@ -1458,10 +1458,10 @@ function Dn() {
       return !!v;
     })();
   }
-  function q(v) {
-    return q = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(b) {
+  function B(v) {
+    return B = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(b) {
       return b.__proto__ || Object.getPrototypeOf(b);
-    }, q(v);
+    }, B(v);
   }
   return Re.PrevArrow = /* @__PURE__ */ function(v) {
     P(w, v);
@@ -1840,7 +1840,7 @@ function ei() {
   pr = 1, Object.defineProperty(Ne, "__esModule", {
     value: !0
   }), Ne.InnerSlider = void 0;
-  var e = h(B), t = h(_n()), r = h(Tn()), i = h(yt()), a = Ke(), s = jn(), c = Ln(), l = Dn(), u = h(Qn);
+  var e = h(q), t = h(_n()), r = h(Tn()), i = h(yt()), a = Ke(), s = jn(), c = Ln(), l = Dn(), u = h(Qn);
   function h(R) {
     return R && R.__esModule ? R : { default: R };
   }
@@ -1917,12 +1917,12 @@ function ei() {
   }
   function U(R, _) {
     if (typeof _ != "function" && _ !== null) throw new TypeError("Super expression must either be null or a function");
-    R.prototype = Object.create(_ && _.prototype, { constructor: { value: R, writable: !0, configurable: !0 } }), Object.defineProperty(R, "prototype", { writable: !1 }), _ && q(R, _);
+    R.prototype = Object.create(_ && _.prototype, { constructor: { value: R, writable: !0, configurable: !0 } }), Object.defineProperty(R, "prototype", { writable: !1 }), _ && B(R, _);
   }
-  function q(R, _) {
-    return q = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(C, T) {
+  function B(R, _) {
+    return B = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(C, T) {
       return C.__proto__ = T, C;
-    }, q(R, _);
+    }, B(R, _);
   }
   function v(R) {
     var _ = E();
@@ -2406,7 +2406,7 @@ function ni() {
     Object.defineProperty(e, "__esModule", {
       value: !0
     }), e.default = void 0;
-    var t = c(B), r = ei(), i = c(ri()), a = c(Hr()), s = Ke();
+    var t = c(q), r = ei(), i = c(ri()), a = c(Hr()), s = Ke();
     function c(E) {
       return E && E.__esModule ? E : { default: E };
     }
@@ -2473,9 +2473,9 @@ function ni() {
     function I(E) {
       var y = U();
       return function() {
-        var d, k = q(E);
+        var d, k = B(E);
         if (y) {
-          var A = q(this).constructor;
+          var A = B(this).constructor;
           d = Reflect.construct(k, arguments, A);
         } else d = k.apply(this, arguments);
         return x(this, d);
@@ -2500,10 +2500,10 @@ function ni() {
         return !!E;
       })();
     }
-    function q(E) {
-      return q = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(y) {
+    function B(E) {
+      return B = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(y) {
         return y.__proto__ || Object.getPrototypeOf(y);
-      }, q(E);
+      }, B(E);
     }
     function v(E, y, d) {
       return (y = b(y)) in E ? Object.defineProperty(E, y, { value: d, enumerable: !0, configurable: !0, writable: !0 }) : E[y] = d, E;
@@ -2866,7 +2866,7 @@ function Oi(e) {
   return Kr(lt("", null, null, null, [""], e = Gr(e), 0, [0], e));
 }
 function lt(e, t, r, i, a, s, c, l, u) {
-  for (var h = 0, g = 0, O = c, j = 0, M = 0, P = 0, p = 1, I = 1, x = 1, F = 0, U = "", q = a, v = s, b = i, w = U; I; )
+  for (var h = 0, g = 0, O = c, j = 0, M = 0, P = 0, p = 1, I = 1, x = 1, F = 0, U = "", B = a, v = s, b = i, w = U; I; )
     switch (P = F, F = me()) {
       // (
       case 40:
@@ -2923,9 +2923,9 @@ function lt(e, t, r, i, a, s, c, l, u) {
             w += ";";
           // { rule/at-rule
           default:
-            if (it(b = br(w, t, r, h, g, a, l, U, q = [], v = [], O), s), F === 123)
+            if (it(b = br(w, t, r, h, g, a, l, U, B = [], v = [], O), s), F === 123)
               if (g === 0)
-                lt(w, t, b, b, q, s, O, l, v);
+                lt(w, t, b, b, B, s, O, l, v);
               else
                 switch (j === 99 && fe(w, 3) === 110 ? 100 : j) {
                   // d l m s
@@ -2933,7 +2933,7 @@ function lt(e, t, r, i, a, s, c, l, u) {
                   case 108:
                   case 109:
                   case 115:
-                    lt(e, b, b, i && it(br(e, b, b, 0, 0, a, l, U, a, q = [], O), v), a, v, O, l, i ? q : v);
+                    lt(e, b, b, i && it(br(e, b, b, 0, 0, a, l, U, a, B = [], O), v), a, v, O, l, i ? B : v);
                     break;
                   default:
                     lt(w, b, b, b, [""], v, 0, l, v);
@@ -3572,20 +3572,20 @@ var Xi = function(t) {
         O.push(g[P], j[P]);
     }
     var p = Xi(function(I, x, F) {
-      var U = h && I.as || a, q = "", v = [], b = I;
+      var U = h && I.as || a, B = "", v = [], b = I;
       if (I.theme == null) {
         b = {};
         for (var w in I)
           b[w] = I[w];
         b.theme = D.useContext(Gi);
       }
-      typeof I.className == "string" ? q = Ai(x.registered, v, I.className) : I.className != null && (q = I.className + " ");
+      typeof I.className == "string" ? B = Ai(x.registered, v, I.className) : I.className != null && (B = I.className + " ");
       var E = Yi(O.concat(v), x.registered, b);
-      q += x.key + "-" + E.name, c !== void 0 && (q += " " + c);
+      B += x.key + "-" + E.name, c !== void 0 && (B += " " + c);
       var y = h && l === void 0 ? Cr(U) : u, d = {};
       for (var k in I)
         h && k === "as" || y(k) && (d[k] = I[k]);
-      return d.className = q, F && (d.ref = F), /* @__PURE__ */ D.createElement(D.Fragment, null, /* @__PURE__ */ D.createElement(ea, {
+      return d.className = B, F && (d.ref = F), /* @__PURE__ */ D.createElement(D.Fragment, null, /* @__PURE__ */ D.createElement(ea, {
         cache: x,
         serialized: E,
         isStringTag: typeof U == "string"
@@ -3837,7 +3837,7 @@ const na = Pe.div`
   settings: r,
   gap: i = 15
 }) => {
-  const [a, s] = B.useState(1), c = B.useRef(null), l = B.useRef(null);
+  const [a, s] = q.useState(1), c = q.useRef(null), l = q.useRef(null);
   var u = {
     dots: !1,
     speed: 500,
@@ -3874,7 +3874,7 @@ const na = Pe.div`
       res: M
     }), s(M);
   };
-  return B.useEffect(() => {
+  return q.useEffect(() => {
     g();
   }, [c, l]), /* @__PURE__ */ G.jsx(na, { ref: c, styles: { ...e }, children: h.length > 0 && /* @__PURE__ */ G.jsx(oi, { ...u, slidesToShow: a, children: h }) });
 }, rs = ({
@@ -3912,10 +3912,10 @@ const na = Pe.div`
     }
   );
 }, ns = (e) => Ir(e, []), aa = () => {
-  const [e, t] = B.useState(
+  const [e, t] = q.useState(
     {}
-  ), [r, i] = B.useState(!1);
-  return B.useEffect(() => {
+  ), [r, i] = q.useState(!1);
+  return q.useEffect(() => {
     const a = (l) => {
       t({ x: l.clientX, y: l.clientY });
     }, s = (l) => {
@@ -3936,9 +3936,9 @@ const na = Pe.div`
   onDragStart: r,
   onDragEnd: i
 }) => {
-  const a = B.useRef(!1), s = B.useRef(!1), { pointerPosition: c, isPointerDown: l } = aa(), u = B.useRef({
+  const a = q.useRef(!1), s = q.useRef(!1), { pointerPosition: c, isPointerDown: l } = aa(), u = q.useRef({
     isDragging: !1
-  }), h = B.useCallback(
+  }), h = q.useCallback(
     (P) => {
       if (!e || !e.current || !u.current)
         return;
@@ -3946,21 +3946,21 @@ const na = Pe.div`
       return p.posY = P.y, p.posX = P.x, u.current.startPosX && u.current.posX && (p.distanceX = u.current.startPosX - u.current.posX), u.current.startPosY && u.current.posY && (p.distanceY = -(u.current.startPosY - u.current.posY)), p;
     },
     []
-  ), g = B.useCallback(
+  ), g = q.useCallback(
     (P) => {
       P.preventDefault(), P.stopPropagation(), u.current.isDragging = !0, u.current.startPosY = P.clientY, u.current.startPosX = P.clientX;
       const p = h({ x: P.clientX, y: P.clientY });
       p && (u.current = p, r?.(p));
     },
     [h]
-  ), O = B.useCallback(
+  ), O = q.useCallback(
     (P) => {
       u.current.isDragging = !1;
       const p = h(c);
       p && (i?.(p), p.startPosX = void 0, p.startPosY = void 0, u.current = p);
     },
     [h, c]
-  ), j = B.useCallback(
+  ), j = q.useCallback(
     (P) => {
       if (console.debug(
         "useDrag > onPointerMove > Is Dragging >",
@@ -3971,18 +3971,18 @@ const na = Pe.div`
       console.debug("useDrag > onPointerMove > Drag Result >", p), p && (t?.(p), u.current = p);
     },
     [h, c]
-  ), M = B.useCallback(async () => {
+  ), M = q.useCallback(async () => {
     if (!a.current) {
       for (; !e?.current; )
         await new Promise((P) => setTimeout(P, 300));
       a.current = !0, e.current.onpointerdown = g, e.current.style.touchAction = "none";
     }
   }, [e?.current, g]);
-  B.useEffect(() => {
+  q.useEffect(() => {
     M();
-  }, [M]), B.useEffect(() => {
+  }, [M]), q.useEffect(() => {
     j();
-  }, [c]), B.useEffect(() => {
+  }, [c]), q.useEffect(() => {
     l !== s.current && (s.current = l, l || O());
   }, [l, s.current]);
 }, is = () => {
@@ -4030,13 +4030,13 @@ const na = Pe.div`
   };
 };
 function as(e) {
-  const [t, r] = Ar(!1), i = B.useMemo(
+  const [t, r] = Ar(!1), i = q.useMemo(
     () => new IntersectionObserver(
       ([a]) => r(a.isIntersecting)
     ),
     []
   );
-  return B.useEffect(() => (e?.current && i.observe(e?.current), () => i.disconnect()), [e, i.disconnect, i.observe]), t;
+  return q.useEffect(() => (e?.current && i.observe(e?.current), () => i.disconnect()), [e, i.disconnect, i.observe]), t;
 }
 const sa = {
   xs: 0,
@@ -4101,18 +4101,18 @@ function ca() {
       const F = j.indexOf("=", x);
       if (F === -1)
         break;
-      const U = j.indexOf(";", x), q = U === -1 ? p : U;
-      if (F > q) {
+      const U = j.indexOf(";", x), B = U === -1 ? p : U;
+      if (F > B) {
         x = j.lastIndexOf(";", F - 1) + 1;
         continue;
       }
       const v = l(j, x, F), b = u(j, F, v), w = j.slice(v, b);
       if (P[w] === void 0) {
-        let E = l(j, F + 1, q), y = u(j, q, E);
+        let E = l(j, F + 1, B), y = u(j, B, E);
         const d = I(j.slice(E, y));
         P[w] = d;
       }
-      x = q + 1;
+      x = B + 1;
     } while (x < p);
     return P;
   }
@@ -4309,13 +4309,13 @@ function ha(e, t, r, i = {}) {
     l = "PUSH";
     let F = Ft(p.location, I, x);
     h = g() + 1;
-    let U = Tr(F, h), q = p.createHref(F);
+    let U = Tr(F, h), B = p.createHref(F);
     try {
-      c.pushState(U, "", q);
+      c.pushState(U, "", B);
     } catch (v) {
       if (v instanceof DOMException && v.name === "DataCloneError")
         throw v;
-      a.location.assign(q);
+      a.location.assign(B);
     }
     s && u && u({ action: l, location: p.location, delta: 1 });
   }
@@ -4323,8 +4323,8 @@ function ha(e, t, r, i = {}) {
     l = "REPLACE";
     let F = Ft(p.location, I, x);
     h = g();
-    let U = Tr(F, h), q = p.createHref(F);
-    c.replaceState(U, "", q), s && u && u({ action: l, location: p.location, delta: 0 });
+    let U = Tr(F, h), B = p.createHref(F);
+    c.replaceState(U, "", B), s && u && u({ action: l, location: p.location, delta: 0 });
   }
   function P(I) {
     return pa(I);
@@ -5527,7 +5527,7 @@ var yn = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, bn = D.forwardRef(
           `<Link to="${h}"> contains an invalid URL which will probably break when clicked - please update to a valid URL path.`
         );
       }
-    let F = za(h, { relative: a }), [U, q, v] = So(
+    let F = za(h, { relative: a }), [U, B, v] = So(
       i,
       j
     ), b = To(h, {
@@ -5550,7 +5550,7 @@ var yn = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i, bn = D.forwardRef(
           ...v,
           href: I || F,
           onClick: x || s ? t : w,
-          ref: Co(M, q),
+          ref: Co(M, B),
           target: u,
           "data-discover": !p && r === "render" ? "true" : void 0
         }
@@ -5576,8 +5576,8 @@ var Eo = D.forwardRef(
     // eslint-disable-next-line react-hooks/rules-of-hooks
     Io(O) && l === !0, x = P.encodeLocation ? P.encodeLocation(O).pathname : O.pathname, F = j.pathname, U = M && M.navigation && M.navigation.location ? M.navigation.location.pathname : null;
     r || (F = F.toLowerCase(), U = U ? U.toLowerCase() : null, x = x.toLowerCase()), U && p && (U = xe(U, p) || U);
-    const q = x !== "/" && x.endsWith("/") ? x.length - 1 : x.length;
-    let v = F === x || !a && F.startsWith(x) && F.charAt(q) === "/", b = U != null && (U === x || !a && U.startsWith(x) && U.charAt(x.length) === "/"), w = {
+    const B = x !== "/" && x.endsWith("/") ? x.length - 1 : x.length;
+    let v = F === x || !a && F.startsWith(x) && F.charAt(B) === "/", b = U != null && (U === x || !a && U.startsWith(x) && U.charAt(x.length) === "/"), w = {
       isActive: v,
       isPending: b,
       isTransitioning: I
@@ -5624,8 +5624,8 @@ var Ro = D.forwardRef(
     let P = Mo(), p = $o(l, { relative: h }), I = c.toLowerCase() === "get" ? "get" : "post", x = typeof l == "string" && yn.test(l), F = (U) => {
       if (u && u(U), U.defaultPrevented) return;
       U.preventDefault();
-      let q = U.nativeEvent.submitter, v = q?.getAttribute("formmethod") || c;
-      P(q || U.currentTarget, {
+      let B = U.nativeEvent.submitter, v = B?.getAttribute("formmethod") || c;
+      P(B || U.currentTarget, {
         fetcherKey: t,
         method: v,
         navigate: r,
@@ -5793,7 +5793,7 @@ function Io(e, t = {}) {
 [
   ...yo
 ];
-const Sn = B.createContext({
+const Sn = q.createContext({
   history: [],
   addToHistory: () => {
   },
@@ -5862,13 +5862,13 @@ const Sn = B.createContext({
     return l.params && Object.entries(l.params).forEach(([h, g]) => {
       g != null && u.searchParams.set(h, String(g));
     }), u.pathname + u.search;
-  }, s = B.useCallback(
+  }, s = q.useCallback(
     (l) => {
       const u = a(l);
       l.addToHistory !== !1 ? (e(u), i.addToHistory(u)) : (e(u, { replace: !0 }), i.popFromHistory(1), i.addToHistory(u));
     },
     [e]
-  ), c = B.useCallback(
+  ), c = q.useCallback(
     (l) => {
       const u = l || 1;
       e(-u), i.popFromHistory(u);
@@ -5887,7 +5887,7 @@ const Sn = B.createContext({
   routes: t,
   children: r
 }) => {
-  const i = B.useRef([]), [a, s] = B.useState([]), c = B.useCallback((O) => {
+  const i = q.useRef([]), [a, s] = q.useState([]), c = q.useCallback((O) => {
     i.current = O, s(O);
   }, []), l = (O, j = !1) => {
     let M = [...i.current];
@@ -5916,7 +5916,7 @@ const Sn = B.createContext({
       ] }) })
     }
   );
-}, xn = B.createContext(
+}, xn = q.createContext(
   {
     visibleItems: [],
     isItemVisible: () => !1,
@@ -5926,14 +5926,14 @@ const Sn = B.createContext({
     }
   }
 ), cs = ({ children: e }) => {
-  const t = B.useRef([]), [r, i] = B.useState([]), a = B.useCallback((u) => {
+  const t = q.useRef([]), [r, i] = q.useState([]), a = q.useCallback((u) => {
     t.current = u, i(u);
-  }, []), s = B.useCallback((u) => t.current.some((h) => h === u), []), c = B.useCallback(
+  }, []), s = q.useCallback((u) => t.current.some((h) => h === u), []), c = q.useCallback(
     (u) => {
       s(u) || a([...t.current, u]);
     },
     [s, a]
-  ), l = B.useCallback(
+  ), l = q.useCallback(
     (u) => {
       s(u) && a(
         t.current.filter((g) => g !== u)
@@ -5970,9 +5970,9 @@ const Sn = B.createContext({
   onCloseDrawer: t,
   drawerCloseOffset: r = 15
 }) => {
-  const { isItemVisible: i } = Ct(), [a, s] = B.useState({
+  const { isItemVisible: i } = Ct(), [a, s] = q.useState({
     isDragging: !1
-  }), c = B.useRef(null), l = B.useRef(null), u = B.useRef(null), [h, g] = B.useState(0), O = (P) => {
+  }), c = q.useRef(null), l = q.useRef(null), u = q.useRef(null), [h, g] = q.useState(0), O = (P) => {
     s(P);
   }, j = (P) => {
     s(P), g(0);
@@ -6070,7 +6070,7 @@ const Sn = B.createContext({
     }
   ) });
 }, Ho = ({ onSubmit: e, fields: t }) => {
-  const r = B.useRef(null), i = B.useCallback(
+  const r = q.useRef(null), i = q.useCallback(
     (c) => {
       const l = Array.from(c.currentTarget.elements).filter(
         (h) => !!h.getAttribute("name")
@@ -6085,7 +6085,7 @@ const Sn = B.createContext({
       return u;
     },
     [e]
-  ), a = B.useCallback(
+  ), a = q.useCallback(
     (c) => {
       c.preventDefault(), c.stopPropagation();
       const l = i(c);
@@ -6116,7 +6116,7 @@ const Sn = B.createContext({
     pointer-events: none;
   }
 `, ds = (e) => {
-  const { fields: t, styles: r, submitButton: i } = e, { ref: a, handleFormSubmission: s, submitForm: c } = Ho(e), l = B.useCallback(() => t.list.map((u) => ({ ...u.content, key: u.name })), [t]);
+  const { fields: t, styles: r, submitButton: i } = e, { ref: a, handleFormSubmission: s, submitForm: c } = Ho(e), l = q.useCallback(() => t.list.map((u) => ({ ...u.content, key: u.name })), [t]);
   return /* @__PURE__ */ G.jsxs(
     "form",
     {
@@ -6209,16 +6209,17 @@ const Sn = B.createContext({
   onChange: g,
   onFocus: O,
   onBlur: j,
-  inputStyles: M,
-  containerStyles: P,
-  styles: p,
-  step: I
+  maxLength: M,
+  inputStyles: P,
+  containerStyles: p,
+  styles: I,
+  step: x
 }) => {
-  const x = (q) => {
-    g?.(q.currentTarget.value);
-  }, F = (q) => {
-    q.preventDefault(), q.stopPropagation(), O?.();
-  }, U = (q) => {
+  const F = (v) => {
+    g?.(v.currentTarget.value);
+  }, U = (v) => {
+    v.preventDefault(), v.stopPropagation(), O?.();
+  }, B = (v) => {
     j?.();
   };
   return /* @__PURE__ */ G.jsxs(
@@ -6228,7 +6229,7 @@ const Sn = B.createContext({
         width: "100%",
         maxWidth: "357px",
         gap: "8px",
-        ...p
+        ...I
       },
       children: [
         t,
@@ -6253,7 +6254,7 @@ const Sn = B.createContext({
               outline: "none",
               alignItems: "center",
               gap: "10px",
-              ...P
+              ...p
             },
             children: [
               r,
@@ -6263,7 +6264,8 @@ const Sn = B.createContext({
                   name: e,
                   type: h,
                   autoComplete: c,
-                  step: I,
+                  step: x,
+                  maxLength: M,
                   style: {
                     flex: 1,
                     border: "none",
@@ -6275,14 +6277,14 @@ const Sn = B.createContext({
                     lineHeight: "inherit",
                     outline: "inherit",
                     background: "none",
-                    ...M
+                    ...P
                   },
                   placeholder: s,
                   value: l,
                   defaultValue: u,
-                  onChange: x,
-                  onFocus: F,
-                  onBlur: U
+                  onChange: F,
+                  onFocus: U,
+                  onBlur: B
                 }
               ),
               i
@@ -6373,17 +6375,17 @@ const Sn = B.createContext({
     }
   ) });
 }, Wo = (e) => {
-  const t = B.useRef(null), r = B.useRef(null), [i, a] = B.useState(24), [s, c] = B.useState(24), l = B.useCallback(() => {
+  const t = q.useRef(null), r = q.useRef(null), [i, a] = q.useState(24), [s, c] = q.useState(24), l = q.useCallback(() => {
     t.current && a(t.current.clientHeight);
-  }, [t, t.current]), u = B.useCallback(() => {
+  }, [t, t.current]), u = q.useCallback(() => {
     r.current && c(r.current.clientHeight);
-  }, [r, r.current]), h = B.useCallback(() => {
+  }, [r, r.current]), h = q.useCallback(() => {
     let g = 0;
     return e.header?.visibility === "always" && (g = g + (i || 0)), e.footer?.visibility === "always" && (g = g + (s || 0)), g;
   }, [r, r.current]);
-  return B.useEffect(() => {
+  return q.useEffect(() => {
     l();
-  }, [l, t, t.current]), B.useEffect(() => {
+  }, [l, t, t.current]), q.useEffect(() => {
     u();
   }, [u, r, r.current]), {
     header: {
@@ -6551,7 +6553,7 @@ function Bo() {
       } }, U = function(_, C, T) {
         var o = String(_);
         return !o || o.length >= C ? _ : "" + Array(C + 1 - o.length).join(T) + _;
-      }, q = { s: U, z: function(_) {
+      }, B = { s: U, z: function(_) {
         var C = -_.utcOffset(), T = Math.abs(C), o = Math.floor(T / 60), z = T % 60;
         return (C <= 0 ? "+" : "-") + U(o, 2, "0") + ":" + U(z, 2, "0");
       }, m: function _(C, T) {
@@ -6585,7 +6587,7 @@ function Bo() {
         if (E(_)) return _.clone();
         var T = typeof C == "object" ? C : {};
         return T.date = _, T.args = arguments, new A(T);
-      }, k = q;
+      }, k = B;
       k.l = y, k.i = E, k.w = function(_, C) {
         return d(_, { locale: C.$L, utc: C.$u, x: C.$x, $offset: C.$offset });
       };
@@ -6863,8 +6865,8 @@ function Go() {
           if (F === 0) return this.utc(I);
           var U = this.clone();
           if (I) return U.$offset = F, U.$u = !1, U;
-          var q = this.$u ? this.toDate().getTimezoneOffset() : -1 * this.utcOffset();
-          return (U = this.local().add(F + q, r)).$offset = F, U.$x.$localOffset = q, U;
+          var B = this.$u ? this.toDate().getTimezoneOffset() : -1 * this.utcOffset();
+          return (U = this.local().add(F + B, r)).$offset = F, U.$x.$localOffset = B, U;
         };
         var j = u.format;
         u.format = function(p) {
@@ -7170,8 +7172,8 @@ const Ss = ({
   styles: r,
   durationInSeconds: i = 3
 }) => {
-  const a = B.useRef(!1), { isItemVisible: s, hideItem: c } = Ct();
-  return B.useEffect(() => {
+  const a = q.useRef(!1), { isItemVisible: s, hideItem: c } = Ct();
+  return q.useEffect(() => {
     const l = s(e);
     a.current !== l && (a.current = l, l && setTimeout(() => c(e), i * 1e3));
   }, [a, s, c]), /* @__PURE__ */ G.jsx(G.Fragment, { children: s(e) && /* @__PURE__ */ G.jsx(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eliseubatista99/react-scaffold-core",
-  "version": "0.1.80",
+  "version": "0.1.81",
   "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",