react-abohook-fullpage 1.1.8 → 1.2.0

package/dist/index.cjs.js

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react");var Y={exports:{}},j={};var X;function oe(){if(X)return j;X=1;var r=Symbol.for("react.transitional.element"),o=Symbol.for("react.fragment");function i(d,a,u){var n=null;if(u!==void 0&&(n=""+u),a.key!==void 0&&(n=""+a.key),"key"in a){u={};for(var m in a)m!=="key"&&(u[m]=a[m])}else u=a;return a=u.ref,{$$typeof:r,type:d,key:n,ref:a!==void 0?a:null,props:u}}return j.Fragment=o,j.jsx=i,j.jsxs=i,j}var F={};var B;function ae(){return B||(B=1,process.env.NODE_ENV!=="production"&&(function(){function r(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===te?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case y:return"Fragment";case p:return"Profiler";case R:return"StrictMode";case N:return"Suspense";case L:return"SuspenseList";case ee:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case A:return"Portal";case P:return e.displayName||"Context";case v:return(e._context.displayName||"Context")+".Consumer";case x:var t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case E:return t=e.displayName||null,t!==null?t:r(e.type)||"Memo";case I:t=e._payload,e=e._init;try{return r(e(t))}catch{}}return null}function o(e){return""+e}function i(e){try{o(e);var t=!1}catch{t=!0}if(t){t=console;var s=t.error,l=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return s.call(t,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",l),o(e)}}function d(e){if(e===y)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===I)return"<...>";try{var t=r(e);return t?"<"+t+">":"<...>"}catch{return"<...>"}}function a(){var e=$.A;return e===null?null:e.getOwner()}function u(){return Error("react-stack-top-frame")}function n(e){if(z.call(e,"key")){var t=Object.getOwnPropertyDescriptor(e,"key").get;if(t&&t.isReactWarning)return!1}return e.key!==void 0}function m(e,t){function s(){G||(G=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",t))}s.isReactWarning=!0,Object.defineProperty(e,"key",{get:s,configurable:!0})}function b(){var e=r(this.type);return q[e]||(q[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function T(e,t,s,l,C,M){var c=s.ref;return e={$$typeof:g,type:e,key:t,props:s,_owner:l},(c!==void 0?c:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:b}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:C}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:M}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function h(e,t,s,l,C,M){var c=t.children;if(c!==void 0)if(l)if(re(c)){for(l=0;l<c.length;l++)w(c[l]);Object.freeze&&Object.freeze(c)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else w(c);if(z.call(t,"key")){c=r(e);var O=Object.keys(t).filter(function(ne){return ne!=="key"});l=0<O.length?"{key: someKey, "+O.join(": ..., ")+": ...}":"{key: someKey}",H[c+l]||(O=0<O.length?"{"+O.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react");var C={exports:{}},O={};var H;function oe(){if(H)return O;H=1;var r=Symbol.for("react.transitional.element"),n=Symbol.for("react.fragment");function u(c,a,l){var o=null;if(l!==void 0&&(o=""+l),a.key!==void 0&&(o=""+a.key),"key"in a){l={};for(var w in a)w!=="key"&&(l[w]=a[w])}else l=a;return a=l.ref,{$$typeof:r,type:c,key:o,ref:a!==void 0?a:null,props:l}}return O.Fragment=n,O.jsx=u,O.jsxs=u,O}var j={};var X;function ae(){return X||(X=1,process.env.NODE_ENV!=="production"&&(function(){function r(e){if(e==null)return null;if(typeof e=="function")return e.$$typeof===te?null:e.displayName||e.name||null;if(typeof e=="string")return e;switch(e){case T:return"Fragment";case E:return"Profiler";case v:return"StrictMode";case N:return"Suspense";case m:return"SuspenseList";case ee:return"Activity"}if(typeof e=="object")switch(typeof e.tag=="number"&&console.error("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."),e.$$typeof){case y:return"Portal";case k:return e.displayName||"Context";case P:return(e._context.displayName||"Context")+".Consumer";case F:var t=e.render;return e=e.displayName,e||(e=t.displayName||t.name||"",e=e!==""?"ForwardRef("+e+")":"ForwardRef"),e;case K:return t=e.displayName||null,t!==null?t:r(e.type)||"Memo";case Y:t=e._payload,e=e._init;try{return r(e(t))}catch{}}return null}function n(e){return""+e}function u(e){try{n(e);var t=!1}catch{t=!0}if(t){t=console;var s=t.error,f=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return s.call(t,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",f),n(e)}}function c(e){if(e===T)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===Y)return"<...>";try{var t=r(e);return t?"<"+t+">":"<...>"}catch{return"<...>"}}function a(){var e=I.A;return e===null?null:e.getOwner()}function l(){return Error("react-stack-top-frame")}function o(e){if(W.call(e,"key")){var t=Object.getOwnPropertyDescriptor(e,"key").get;if(t&&t.isReactWarning)return!1}return e.key!==void 0}function w(e,t){function s(){z||(z=!0,console.error("%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",t))}s.isReactWarning=!0,Object.defineProperty(e,"key",{get:s,configurable:!0})}function h(){var e=r(this.type);return G[e]||(G[e]=!0,console.error("Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.")),e=this.props.ref,e!==void 0?e:null}function b(e,t,s,f,L,D){var d=s.ref;return e={$$typeof:g,type:e,key:t,props:s,_owner:f},(d!==void 0?d:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:h}):Object.defineProperty(e,"ref",{enumerable:!1,value:null}),e._store={},Object.defineProperty(e._store,"validated",{configurable:!1,enumerable:!1,writable:!0,value:0}),Object.defineProperty(e,"_debugInfo",{configurable:!1,enumerable:!1,writable:!0,value:null}),Object.defineProperty(e,"_debugStack",{configurable:!1,enumerable:!1,writable:!0,value:L}),Object.defineProperty(e,"_debugTask",{configurable:!1,enumerable:!1,writable:!0,value:D}),Object.freeze&&(Object.freeze(e.props),Object.freeze(e)),e}function p(e,t,s,f,L,D){var d=t.children;if(d!==void 0)if(f)if(re(d)){for(f=0;f<d.length;f++)x(d[f]);Object.freeze&&Object.freeze(d)}else console.error("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");else x(d);if(W.call(t,"key")){d=r(e);var A=Object.keys(t).filter(function(ne){return ne!=="key"});f=0<A.length?"{key: someKey, "+A.join(": ..., ")+": ...}":"{key: someKey}",J[d+f]||(A=0<A.length?"{"+A.join(": ..., ")+": ...}":"{}",console.error(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`,l,c,O,c),H[c+l]=!0)}if(c=null,s!==void 0&&(i(s),c=""+s),n(t)&&(i(t.key),c=""+t.key),"key"in t){s={};for(var U in t)U!=="key"&&(s[U]=t[U])}else s=t;return c&&m(s,typeof e=="function"?e.displayName||e.name||"Unknown":e),T(e,c,s,a(),C,M)}function w(e){S(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===I&&(e._payload.status==="fulfilled"?S(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function S(e){return typeof e=="object"&&e!==null&&e.$$typeof===g}var k=f,g=Symbol.for("react.transitional.element"),A=Symbol.for("react.portal"),y=Symbol.for("react.fragment"),R=Symbol.for("react.strict_mode"),p=Symbol.for("react.profiler"),v=Symbol.for("react.consumer"),P=Symbol.for("react.context"),x=Symbol.for("react.forward_ref"),N=Symbol.for("react.suspense"),L=Symbol.for("react.suspense_list"),E=Symbol.for("react.memo"),I=Symbol.for("react.lazy"),ee=Symbol.for("react.activity"),te=Symbol.for("react.client.reference"),$=k.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,z=Object.prototype.hasOwnProperty,re=Array.isArray,D=console.createTask?console.createTask:function(){return null};k={react_stack_bottom_frame:function(e){return e()}};var G,q={},J=k.react_stack_bottom_frame.bind(k,u)(),V=D(d(u)),H={};F.Fragment=y,F.jsx=function(e,t,s){var l=1e4>$.recentlyCreatedOwnerStacks++;return h(e,t,s,!1,l?Error("react-stack-top-frame"):J,l?D(d(e)):V)},F.jsxs=function(e,t,s){var l=1e4>$.recentlyCreatedOwnerStacks++;return h(e,t,s,!0,l?Error("react-stack-top-frame"):J,l?D(d(e)):V)}})()),F}var Z;function se(){return Z||(Z=1,process.env.NODE_ENV==="production"?Y.exports=oe():Y.exports=ae()),Y.exports}var _=se();const ie=50,ue=(r,o,i,d=700,a,u)=>{const[n,m]=f.useState(0),[b,T]=f.useState(!0),h=f.useRef(!1),[w,S]=f.useState(0),k=o&&n+1===r,g=f.useRef(0),A=f.useRef(0),y=f.useRef(!1),R=f.useRef(null),p=(v,P)=>{if(v<0||v>=r||h.current)return;const x=P===2;h.current=!0,S(n),m(v),k?v===3||n===r-1?m(x?w:v):m(w):m(v),o&&r===v+1?T(!1):T(!0),setTimeout(()=>{h.current=!1},d)};return f.useEffect(()=>{i&&i(n);const v=E=>{if(!u){if(h.current)return E.preventDefault();E.deltaY>0?p(n+1,2):p(n-1,2)}},P=E=>{u||h.current||(E.key==="ArrowDown"&&p(n+1,2),E.key==="ArrowUp"&&p(n-1,2))},x=E=>{u||(g.current=E.touches[0].clientY,y.current=!1)},N=E=>{u||(A.current=E.touches[0].clientY,y.current=!0)},L=()=>{if(u||!y.current)return;const E=g.current-A.current;Math.abs(E)>=ie&&(E>0?p(n+1,2):p(n-1,2))};return window.addEventListener("wheel",v,{passive:!1}),window.addEventListener("keydown",P),window.addEventListener("touchstart",x,{passive:!0}),window.addEventListener("touchmove",N,{passive:!0}),window.addEventListener("touchend",L),()=>{window.removeEventListener("wheel",v),window.removeEventListener("keydown",P),window.removeEventListener("touchstart",x),window.removeEventListener("touchmove",N),window.removeEventListener("touchend",L)}},[n,r,o,i]),f.useEffect(()=>{if(!a)return;const v=P=>{if(h.current&&b)return;const x=P.target;R.current&&!R.current.contains(x)&&!b&&(m(w),T(!0))};return setTimeout(()=>{document.addEventListener("click",v)},300),()=>{document.removeEventListener("click",v)}},[w,b,a]),{active:n,goToSection:p,isHiddenFooter:b,footerRef:R}},le=(r=!1)=>{f.useEffect(()=>{if(r)return;const o=i=>i.preventDefault();return window.addEventListener("contextmenu",o),()=>{window.removeEventListener("contextmenu",o)}},[r])};function ce({children:r,index:o,active:i,isHiddenFooter:d}){return _.jsx("section",{style:{position:"relative",width:"100%",height:"100vh",overflow:"hidden",filter:o===i||d?"blur(0px)":"blur(6px)"},children:r})}const fe=f.memo(ce);function de({sectionsLen:r,active:o,goToSection:i,direction:d="right"}){const a=d==="bottom";return _.jsx("div",{style:{position:"fixed",right:d==="right"?24:d==="bottom"?"50%":void 0,left:d==="left"?24:void 0,top:a?void 0:"50%",bottom:a?"5%":void 0,transform:"translateY(-50%)",display:"flex",flexDirection:a?"row":"column",gap:"16px",zIndex:50},children:Array.from({length:r}).map((u,n)=>_.jsx("button",{disabled:n===o,"aria-label":"navigation dot",onClick:()=>i(n,1),style:{width:"16px",height:"16px",display:"flex",alignItems:"center",justifyContent:"center",padding:0,border:"none",background:"none",cursor:"pointer",userSelect:"none"},children:_.jsx("span",{style:{width:"10px",height:"10px",borderRadius:"50%",backgroundColor:o===n?"white":"rgba(255,255,255,0.4)",transform:o===n?"scale(1.25)":"scale(1)",transition:"all 0.3s ease"}})},n))})}const me=f.memo(de);function ve({children:r}){return _.jsx("div",{style:{position:"relative",width:"100%",height:"100vh",overflow:"hidden",background:"transparent"},children:r})}const Q=f.memo(ve);Q.__FULLPAGE_SECTION__=!0;function Ee({children:r,styles:o,height:i="30%",backgroundColor:d="yellow",footerRef:a}){return _.jsx("div",{ref:a,style:{position:"absolute",width:"100%",height:i,backgroundColor:d,bottom:0,zIndex:50,...o},children:r},"fullpage-footer")}const K=f.memo(Ee);K.__FULLPAGE_FOOTER__=!0;function _e({children:r,isHiddenFooter:o}){const i=o?2500:600;return _.jsx("div",{style:{position:"absolute",left:0,bottom:0,width:"100%",height:"100vh",zIndex:50,transform:o?"translateY(100%)":"translateY(0)",transition:`transform ${i}ms cubic-bezier(0.22,1,0.36,1)`,willChange:"transform",pointerEvents:o?"none":"auto"},children:r})}const he=f.memo(_e);function W({children:r,onChange:o,directionDots:i="right",enableContextMenu:d=!0,duration:a=700,closeOutside:u=!1,disable:n=!1}){const m=f.Children.toArray(r),b=m.filter(R=>!R.type.__FULLPAGE_FOOTER__),T=m.find(R=>R.type.__FULLPAGE_FOOTER__);le(d);const h=!!T,w=b.length+(h?1:0),{active:S,goToSection:k,isHiddenFooter:g,footerRef:A}=ue(w,h,o,a,u,n),y=T?f.cloneElement(T,{footerRef:A}):null;return _.jsxs(_.Fragment,{children:[_.jsxs("div",{style:{position:"relative",height:"100vh",width:"100%",overflow:"hidden"},children:[_.jsx("div",{style:{height:`${b.length*100}vh`,transform:g?`translateY(-${S*100}vh)`:`translateY(-${b.length-100}vh)`,transition:"transform 700ms cubic-bezier(0.22,1,0.36,1)"},children:b.map((R,p)=>_.jsx(fe,{index:p,active:S,isHiddenFooter:g,children:R},p))}),T&&_.jsx(he,{isHiddenFooter:g,children:y})]}),_.jsx(me,{sectionsLen:w,active:S,goToSection:k,direction:i})]})}W.Section=Q;W.Footer=K;exports.FullPage=W;
+  <%s key={someKey} {...props} />`,f,d,A,d),J[d+f]=!0)}if(d=null,s!==void 0&&(u(s),d=""+s),o(t)&&(u(t.key),d=""+t.key),"key"in t){s={};for(var M in t)M!=="key"&&(s[M]=t[M])}else s=t;return d&&w(s,typeof e=="function"?e.displayName||e.name||"Unknown":e),b(e,d,s,a(),L,D)}function x(e){S(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===Y&&(e._payload.status==="fulfilled"?S(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function S(e){return typeof e=="object"&&e!==null&&e.$$typeof===g}var R=i,g=Symbol.for("react.transitional.element"),y=Symbol.for("react.portal"),T=Symbol.for("react.fragment"),v=Symbol.for("react.strict_mode"),E=Symbol.for("react.profiler"),P=Symbol.for("react.consumer"),k=Symbol.for("react.context"),F=Symbol.for("react.forward_ref"),N=Symbol.for("react.suspense"),m=Symbol.for("react.suspense_list"),K=Symbol.for("react.memo"),Y=Symbol.for("react.lazy"),ee=Symbol.for("react.activity"),te=Symbol.for("react.client.reference"),I=R.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE,W=Object.prototype.hasOwnProperty,re=Array.isArray,$=console.createTask?console.createTask:function(){return null};R={react_stack_bottom_frame:function(e){return e()}};var z,G={},V=R.react_stack_bottom_frame.bind(R,l)(),q=$(c(l)),J={};j.Fragment=T,j.jsx=function(e,t,s){var f=1e4>I.recentlyCreatedOwnerStacks++;return p(e,t,s,!1,f?Error("react-stack-top-frame"):V,f?$(c(e)):q)},j.jsxs=function(e,t,s){var f=1e4>I.recentlyCreatedOwnerStacks++;return p(e,t,s,!0,f?Error("react-stack-top-frame"):V,f?$(c(e)):q)}})()),j}var B;function se(){return B||(B=1,process.env.NODE_ENV==="production"?C.exports=oe():C.exports=ae()),C.exports}var _=se();const ie=50,ue=(r,n,u,c=700,a,l)=>{const[o,w]=i.useState(0),[h,b]=i.useState(!0),p=i.useRef(!1),[x,S]=i.useState(0),R=i.useRef(0),g=i.useRef(0),y=i.useRef(!1),T=i.useRef(null),v=(E,P)=>{E<0||E>=r||p.current||(p.current=!0,S(o),w(E),n&&E===r-1?b(!1):b(!0),setTimeout(()=>{p.current=!1},c))};return i.useEffect(()=>{u?.(o);const E=m=>{if(!l){if(p.current){m.preventDefault();return}Math.abs(m.deltaY)<2||(m.preventDefault(),m.deltaY>0?v(o+1):v(o-1))}},P=m=>{l||p.current||(m.key==="ArrowDown"&&v(o+1),m.key==="ArrowUp"&&v(o-1))},k=m=>{l||(R.current=m.touches[0].clientY,y.current=!1)},F=m=>{l||(g.current=m.touches[0].clientY,y.current=!0)},N=()=>{if(l||!y.current||p.current)return;const m=R.current-g.current;Math.abs(m)>=ie&&(m>0?v(o+1):v(o-1))};return window.addEventListener("wheel",E,{passive:!1}),window.addEventListener("keydown",P),window.addEventListener("touchstart",k,{passive:!0}),window.addEventListener("touchmove",F,{passive:!0}),window.addEventListener("touchend",N),()=>{window.removeEventListener("wheel",E),window.removeEventListener("keydown",P),window.removeEventListener("touchstart",k),window.removeEventListener("touchmove",F),window.removeEventListener("touchend",N)}},[o,r,n,u,l,c]),i.useEffect(()=>{if(!a)return;const E=P=>{if(p.current&&h)return;const k=P.target;T.current&&!T.current.contains(k)&&!h&&(w(x),b(!0))};return setTimeout(()=>{document.addEventListener("click",E)},300),()=>{document.removeEventListener("click",E)}},[x,h,a]),{active:o,goToSection:v,isHiddenFooter:h,footerRef:T}},le=(r=!1)=>{i.useEffect(()=>{if(r)return;const n=u=>u.preventDefault();return window.addEventListener("contextmenu",n),()=>{window.removeEventListener("contextmenu",n)}},[r])};function ce({children:r,index:n,active:u,isHiddenFooter:c}){return _.jsx("section",{style:{position:"relative",width:"100%",height:"100vh",overflow:"hidden",filter:n===u||c?"blur(0px)":"blur(6px)"},children:r})}const fe=i.memo(ce);function de({sectionsLen:r,active:n,goToSection:u,direction:c="right"}){const a=c==="bottom";return _.jsx("div",{style:{position:"fixed",right:c==="right"?24:c==="bottom"?"50%":void 0,left:c==="left"?24:void 0,top:a?void 0:"50%",bottom:a?"5%":void 0,transform:"translateY(-50%)",display:"flex",flexDirection:a?"row":"column",gap:"16px",zIndex:50},children:Array.from({length:r}).map((l,o)=>_.jsx("button",{disabled:o===n,"aria-label":"navigation dot",onClick:()=>u(o,1),style:{width:"16px",height:"16px",display:"flex",alignItems:"center",justifyContent:"center",padding:0,border:"none",background:"none",cursor:"pointer",userSelect:"none"},children:_.jsx("span",{style:{width:"10px",height:"10px",borderRadius:"50%",backgroundColor:n===o?"white":"rgba(255,255,255,0.4)",transform:n===o?"scale(1.25)":"scale(1)",transition:"all 0.3s ease"}})},o))})}const me=i.memo(de);function ve({children:r}){return _.jsx("div",{style:{position:"relative",width:"100%",height:"100vh",overflow:"hidden",background:"transparent"},children:r})}const Z=i.memo(ve);Z.__FULLPAGE_SECTION__=!0;function Ee({children:r,styles:n,height:u="30%",backgroundColor:c="yellow",footerRef:a}){return _.jsx("div",{ref:a,style:{position:"absolute",width:"100%",height:u,backgroundColor:c,bottom:0,zIndex:50,...n},children:r},"fullpage-footer")}const Q=i.memo(Ee);Q.__FULLPAGE_FOOTER__=!0;function _e(r){process.env.NODE_ENV!=="production"&&r.forEach(n=>{if(i.isValidElement(n)&&!n.type.__FULLPAGE_SECTION__)throw console.warn("[FullPage] You must wrap content inside <FullPage.Section />"),new Error("[FullPage] You must wrap content inside <FullPage.Section />")})}function he({children:r,isHiddenFooter:n}){const u=n?2500:600;return _.jsx("div",{style:{position:"absolute",left:0,bottom:0,width:"100%",height:"100vh",zIndex:50,transform:n?"translateY(100%)":"translateY(0)",transition:`transform ${u}ms cubic-bezier(0.22,1,0.36,1)`,willChange:"transform",pointerEvents:n?"none":"auto"},children:r})}const pe=i.memo(he);function U({children:r,onChange:n,directionDots:u="right",enableContextMenu:c=!0,duration:a=700,closeOutside:l=!1,disable:o=!1}){const w=i.Children.toArray(r),h=w.filter(v=>v.type.__FULLPAGE_SECTION__),b=w.find(v=>v.type.__FULLPAGE_FOOTER__);le(c),i.useEffect(()=>(_e(h),()=>{}),[h]);const p=!!b,x=h.length+(p?1:0),{active:S,goToSection:R,isHiddenFooter:g,footerRef:y}=ue(x,p,n,a,l,o),T=b?i.cloneElement(b,{footerRef:y}):null;return _.jsxs(_.Fragment,{children:[_.jsxs("div",{style:{position:"relative",height:"100vh",width:"100%",overflow:"hidden"},children:[_.jsx("div",{style:{height:`${h.length*100}vh`,transform:g?`translateY(-${S*100}vh)`:`translateY(-${(h.length-1)*100}vh)`,transition:`transform ${a}ms cubic-bezier(0.22,1,0.36,1)`},children:h.map((v,E)=>_.jsx(fe,{index:E,active:S,isHiddenFooter:g,children:v},E))}),b&&_.jsx(pe,{isHiddenFooter:g,children:T})]}),_.jsx(me,{sectionsLen:x,active:S,goToSection:R,direction:u})]})}U.Section=Z;U.Footer=Q;exports.FullPage=U;

package/dist/index.es.js

@@ -1,46 +1,46 @@
-import G, { useEffect as J, useState as z, useRef as O, memo as F } from "react";
-var I = { exports: {} }, j = {};
-var Q;
+import I, { useEffect as $, useState as G, useRef as A, memo as N } from "react";
+var Y = { exports: {} }, O = {};
+var Z;
 function le() {
-  if (Q) return j;
-  Q = 1;
-  var r = /* @__PURE__ */ Symbol.for("react.transitional.element"), o = /* @__PURE__ */ Symbol.for("react.fragment");
-  function i(f, a, l) {
-    var n = null;
-    if (l !== void 0 && (n = "" + l), a.key !== void 0 && (n = "" + a.key), "key" in a) {
+  if (Z) return O;
+  Z = 1;
+  var r = /* @__PURE__ */ Symbol.for("react.transitional.element"), n = /* @__PURE__ */ Symbol.for("react.fragment");
+  function i(u, a, l) {
+    var o = null;
+    if (l !== void 0 && (o = "" + l), a.key !== void 0 && (o = "" + a.key), "key" in a) {
       l = {};
-      for (var d in a)
-        d !== "key" && (l[d] = a[d]);
+      for (var p in a)
+        p !== "key" && (l[p] = a[p]);
     } else l = a;
     return a = l.ref, {
       $$typeof: r,
-      type: f,
-      key: n,
+      type: u,
+      key: o,
       ref: a !== void 0 ? a : null,
       props: l
     };
   }
-  return j.Fragment = o, j.jsx = i, j.jsxs = i, j;
+  return O.Fragment = n, O.jsx = i, O.jsxs = i, O;
 }
-var N = {};
-var K;
+var j = {};
+var Q;
 function ue() {
-  return K || (K = 1, process.env.NODE_ENV !== "production" && (function() {
+  return Q || (Q = 1, process.env.NODE_ENV !== "production" && (function() {
     function r(e) {
       if (e == null) return null;
       if (typeof e == "function")
         return e.$$typeof === ae ? null : e.displayName || e.name || null;
       if (typeof e == "string") return e;
       switch (e) {
-        case g:
+        case R:
           return "Fragment";
-        case h:
+        case m:
           return "Profiler";
-        case w:
+        case v:
           return "StrictMode";
         case L:
           return "Suspense";
-        case C:
+        case d:
           return "SuspenseList";
         case oe:
           return "Activity";
@@ -49,18 +49,18 @@ function ue() {
         switch (typeof e.tag == "number" && console.error(
           "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
         ), e.$$typeof) {
-          case A:
+          case y:
             return "Portal";
-          case S:
+          case k:
             return e.displayName || "Context";
-          case v:
+          case S:
             return (e._context.displayName || "Context") + ".Consumer";
-          case x:
+          case F:
             var t = e.render;
             return e = e.displayName, e || (e = t.displayName || t.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case m:
+          case ne:
             return t = e.displayName || null, t !== null ? t : r(e.type) || "Memo";
-          case $:
+          case D:
             t = e._payload, e = e._init;
             try {
               return r(e(t));
@@ -69,29 +69,29 @@ function ue() {
         }
       return null;
     }
-    function o(e) {
+    function n(e) {
       return "" + e;
     }
     function i(e) {
       try {
-        o(e);
+        n(e);
         var t = !1;
       } catch {
         t = !0;
       }
       if (t) {
         t = console;
-        var s = t.error, u = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        var s = t.error, c = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
         return s.call(
           t,
           "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
-          u
-        ), o(e);
+          c
+        ), n(e);
       }
     }
-    function f(e) {
-      if (e === g) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === $)
+    function u(e) {
+      if (e === R) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === D)
         return "<...>";
       try {
         var t = r(e);
@@ -101,22 +101,22 @@ function ue() {
       }
     }
     function a() {
-      var e = D.A;
+      var e = M.A;
       return e === null ? null : e.getOwner();
     }
     function l() {
       return Error("react-stack-top-frame");
     }
-    function n(e) {
+    function o(e) {
       if (V.call(e, "key")) {
         var t = Object.getOwnPropertyDescriptor(e, "key").get;
         if (t && t.isReactWarning) return !1;
       }
       return e.key !== void 0;
     }
-    function d(e, t) {
+    function p(e, t) {
       function s() {
-        q || (q = !0, console.error(
+        J || (J = !0, console.error(
           "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
           t
         ));
@@ -126,23 +126,23 @@ function ue() {
         configurable: !0
       });
     }
-    function p() {
+    function _() {
       var e = r(this.type);
-      return H[e] || (H[e] = !0, console.error(
+      return q[e] || (q[e] = !0, console.error(
         "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
       )), e = this.props.ref, e !== void 0 ? e : null;
     }
-    function R(e, t, s, u, Y, U) {
-      var c = s.ref;
+    function w(e, t, s, c, C, W) {
+      var f = s.ref;
       return e = {
-        $$typeof: T,
+        $$typeof: g,
         type: e,
         key: t,
         props: s,
-        _owner: u
-      }, (c !== void 0 ? c : null) !== null ? Object.defineProperty(e, "ref", {
+        _owner: c
+      }, (f !== void 0 ? f : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
-        get: p
+        get: _
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -157,164 +157,165 @@ function ue() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: Y
+        value: C
       }), Object.defineProperty(e, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: U
+        value: W
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function _(e, t, s, u, Y, U) {
-      var c = t.children;
-      if (c !== void 0)
-        if (u)
-          if (se(c)) {
-            for (u = 0; u < c.length; u++)
-              b(c[u]);
-            Object.freeze && Object.freeze(c);
+    function h(e, t, s, c, C, W) {
+      var f = t.children;
+      if (f !== void 0)
+        if (c)
+          if (se(f)) {
+            for (c = 0; c < f.length; c++)
+              T(f[c]);
+            Object.freeze && Object.freeze(f);
           } else
             console.error(
               "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
             );
-        else b(c);
+        else T(f);
       if (V.call(t, "key")) {
-        c = r(e);
+        f = r(e);
         var P = Object.keys(t).filter(function(ie) {
           return ie !== "key";
         });
-        u = 0 < P.length ? "{key: someKey, " + P.join(": ..., ") + ": ...}" : "{key: someKey}", Z[c + u] || (P = 0 < P.length ? "{" + P.join(": ..., ") + ": ...}" : "{}", console.error(
+        c = 0 < P.length ? "{key: someKey, " + P.join(": ..., ") + ": ...}" : "{key: someKey}", B[f + c] || (P = 0 < P.length ? "{" + P.join(": ..., ") + ": ...}" : "{}", console.error(
           `A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
   <%s key={someKey} {...props} />`,
-          u,
           c,
+          f,
           P,
-          c
-        ), Z[c + u] = !0);
+          f
+        ), B[f + c] = !0);
       }
-      if (c = null, s !== void 0 && (i(s), c = "" + s), n(t) && (i(t.key), c = "" + t.key), "key" in t) {
+      if (f = null, s !== void 0 && (i(s), f = "" + s), o(t) && (i(t.key), f = "" + t.key), "key" in t) {
         s = {};
-        for (var W in t)
-          W !== "key" && (s[W] = t[W]);
+        for (var z in t)
+          z !== "key" && (s[z] = t[z]);
       } else s = t;
-      return c && d(
+      return f && p(
         s,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), R(
+      ), w(
         e,
-        c,
+        f,
         s,
         a(),
-        Y,
-        U
+        C,
+        W
       );
     }
-    function b(e) {
-      y(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === $ && (e._payload.status === "fulfilled" ? y(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    function T(e) {
+      x(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === D && (e._payload.status === "fulfilled" ? x(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
     }
-    function y(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === T;
+    function x(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === g;
     }
-    var k = G, T = /* @__PURE__ */ Symbol.for("react.transitional.element"), A = /* @__PURE__ */ Symbol.for("react.portal"), g = /* @__PURE__ */ Symbol.for("react.fragment"), w = /* @__PURE__ */ Symbol.for("react.strict_mode"), h = /* @__PURE__ */ Symbol.for("react.profiler"), v = /* @__PURE__ */ Symbol.for("react.consumer"), S = /* @__PURE__ */ Symbol.for("react.context"), x = /* @__PURE__ */ Symbol.for("react.forward_ref"), L = /* @__PURE__ */ Symbol.for("react.suspense"), C = /* @__PURE__ */ Symbol.for("react.suspense_list"), m = /* @__PURE__ */ Symbol.for("react.memo"), $ = /* @__PURE__ */ Symbol.for("react.lazy"), oe = /* @__PURE__ */ Symbol.for("react.activity"), ae = /* @__PURE__ */ Symbol.for("react.client.reference"), D = k.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, V = Object.prototype.hasOwnProperty, se = Array.isArray, M = console.createTask ? console.createTask : function() {
+    var b = I, g = /* @__PURE__ */ Symbol.for("react.transitional.element"), y = /* @__PURE__ */ Symbol.for("react.portal"), R = /* @__PURE__ */ Symbol.for("react.fragment"), v = /* @__PURE__ */ Symbol.for("react.strict_mode"), m = /* @__PURE__ */ Symbol.for("react.profiler"), S = /* @__PURE__ */ Symbol.for("react.consumer"), k = /* @__PURE__ */ Symbol.for("react.context"), F = /* @__PURE__ */ Symbol.for("react.forward_ref"), L = /* @__PURE__ */ Symbol.for("react.suspense"), d = /* @__PURE__ */ Symbol.for("react.suspense_list"), ne = /* @__PURE__ */ Symbol.for("react.memo"), D = /* @__PURE__ */ Symbol.for("react.lazy"), oe = /* @__PURE__ */ Symbol.for("react.activity"), ae = /* @__PURE__ */ Symbol.for("react.client.reference"), M = b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, V = Object.prototype.hasOwnProperty, se = Array.isArray, U = console.createTask ? console.createTask : function() {
       return null;
     };
-    k = {
+    b = {
       react_stack_bottom_frame: function(e) {
         return e();
       }
     };
-    var q, H = {}, X = k.react_stack_bottom_frame.bind(
-      k,
+    var J, q = {}, H = b.react_stack_bottom_frame.bind(
+      b,
       l
-    )(), B = M(f(l)), Z = {};
-    N.Fragment = g, N.jsx = function(e, t, s) {
-      var u = 1e4 > D.recentlyCreatedOwnerStacks++;
-      return _(
+    )(), X = U(u(l)), B = {};
+    j.Fragment = R, j.jsx = function(e, t, s) {
+      var c = 1e4 > M.recentlyCreatedOwnerStacks++;
+      return h(
         e,
         t,
         s,
         !1,
-        u ? Error("react-stack-top-frame") : X,
-        u ? M(f(e)) : B
+        c ? Error("react-stack-top-frame") : H,
+        c ? U(u(e)) : X
       );
-    }, N.jsxs = function(e, t, s) {
-      var u = 1e4 > D.recentlyCreatedOwnerStacks++;
-      return _(
+    }, j.jsxs = function(e, t, s) {
+      var c = 1e4 > M.recentlyCreatedOwnerStacks++;
+      return h(
         e,
         t,
         s,
         !0,
-        u ? Error("react-stack-top-frame") : X,
-        u ? M(f(e)) : B
+        c ? Error("react-stack-top-frame") : H,
+        c ? U(u(e)) : X
       );
     };
-  })()), N;
+  })()), j;
 }
-var ee;
+var K;
 function ce() {
-  return ee || (ee = 1, process.env.NODE_ENV === "production" ? I.exports = le() : I.exports = ue()), I.exports;
+  return K || (K = 1, process.env.NODE_ENV === "production" ? Y.exports = le() : Y.exports = ue()), Y.exports;
 }
 var E = ce();
-const fe = 50, de = (r, o, i, f = 700, a, l) => {
-  const [n, d] = z(0), [p, R] = z(!0), _ = O(!1), [b, y] = z(0), k = o && n + 1 === r, T = O(0), A = O(0), g = O(!1), w = O(null), h = (v, S) => {
-    if (v < 0 || v >= r || _.current) return;
-    const x = S === 2;
-    _.current = !0, y(n), d(v), k ? v === 3 || n === r - 1 ? d(x ? b : v) : d(b) : d(v), o && r === v + 1 ? R(!1) : R(!0), setTimeout(() => {
-      _.current = !1;
-    }, f);
+const fe = 50, de = (r, n, i, u = 700, a, l) => {
+  const [o, p] = G(0), [_, w] = G(!0), h = A(!1), [T, x] = G(0), b = A(0), g = A(0), y = A(!1), R = A(null), v = (m, S) => {
+    m < 0 || m >= r || h.current || (h.current = !0, x(o), p(m), n && m === r - 1 ? w(!1) : w(!0), setTimeout(() => {
+      h.current = !1;
+    }, u));
   };
-  return J(() => {
-    i && i(n);
-    const v = (m) => {
+  return $(() => {
+    i?.(o);
+    const m = (d) => {
       if (!l) {
-        if (_.current) return m.preventDefault();
-        m.deltaY > 0 ? h(n + 1, 2) : h(n - 1, 2);
+        if (h.current) {
+          d.preventDefault();
+          return;
+        }
+        Math.abs(d.deltaY) < 2 || (d.preventDefault(), d.deltaY > 0 ? v(o + 1) : v(o - 1));
       }
-    }, S = (m) => {
-      l || _.current || (m.key === "ArrowDown" && h(n + 1, 2), m.key === "ArrowUp" && h(n - 1, 2));
-    }, x = (m) => {
-      l || (T.current = m.touches[0].clientY, g.current = !1);
-    }, L = (m) => {
-      l || (A.current = m.touches[0].clientY, g.current = !0);
-    }, C = () => {
-      if (l || !g.current) return;
-      const m = T.current - A.current;
-      Math.abs(m) >= fe && (m > 0 ? h(n + 1, 2) : h(n - 1, 2));
+    }, S = (d) => {
+      l || h.current || (d.key === "ArrowDown" && v(o + 1), d.key === "ArrowUp" && v(o - 1));
+    }, k = (d) => {
+      l || (b.current = d.touches[0].clientY, y.current = !1);
+    }, F = (d) => {
+      l || (g.current = d.touches[0].clientY, y.current = !0);
+    }, L = () => {
+      if (l || !y.current || h.current) return;
+      const d = b.current - g.current;
+      Math.abs(d) >= fe && (d > 0 ? v(o + 1) : v(o - 1));
     };
-    return window.addEventListener("wheel", v, { passive: !1 }), window.addEventListener("keydown", S), window.addEventListener("touchstart", x, { passive: !0 }), window.addEventListener("touchmove", L, { passive: !0 }), window.addEventListener("touchend", C), () => {
-      window.removeEventListener("wheel", v), window.removeEventListener("keydown", S), window.removeEventListener("touchstart", x), window.removeEventListener("touchmove", L), window.removeEventListener("touchend", C);
+    return window.addEventListener("wheel", m, { passive: !1 }), window.addEventListener("keydown", S), window.addEventListener("touchstart", k, { passive: !0 }), window.addEventListener("touchmove", F, { passive: !0 }), window.addEventListener("touchend", L), () => {
+      window.removeEventListener("wheel", m), window.removeEventListener("keydown", S), window.removeEventListener("touchstart", k), window.removeEventListener("touchmove", F), window.removeEventListener("touchend", L);
     };
-  }, [n, r, o, i]), J(() => {
+  }, [o, r, n, i, l, u]), $(() => {
     if (!a) return;
-    const v = (S) => {
-      if (_.current && p) return;
-      const x = S.target;
-      w.current && !w.current.contains(x) && !p && (d(b), R(!0));
+    const m = (S) => {
+      if (h.current && _) return;
+      const k = S.target;
+      R.current && !R.current.contains(k) && !_ && (p(T), w(!0));
     };
     return setTimeout(() => {
-      document.addEventListener("click", v);
+      document.addEventListener("click", m);
     }, 300), () => {
-      document.removeEventListener("click", v);
+      document.removeEventListener("click", m);
     };
-  }, [b, p, a]), { active: n, goToSection: h, isHiddenFooter: p, footerRef: w };
+  }, [T, _, a]), { active: o, goToSection: v, isHiddenFooter: _, footerRef: R };
 }, ve = (r = !1) => {
-  J(() => {
+  $(() => {
     if (r) return;
-    const o = (i) => i.preventDefault();
-    return window.addEventListener("contextmenu", o), () => {
-      window.removeEventListener("contextmenu", o);
+    const n = (i) => i.preventDefault();
+    return window.addEventListener("contextmenu", n), () => {
+      window.removeEventListener("contextmenu", n);
     };
   }, [r]);
 };
 function me({
   children: r,
-  index: o,
+  index: n,
   active: i,
-  isHiddenFooter: f
+  isHiddenFooter: u
 }) {
   return /* @__PURE__ */ E.jsx(
     "section",
@@ -324,27 +325,27 @@ function me({
         width: "100%",
         height: "100vh",
         overflow: "hidden",
-        filter: o === i || f ? "blur(0px)" : "blur(6px)"
+        filter: n === i || u ? "blur(0px)" : "blur(6px)"
       },
       children: r
     }
   );
 }
-const Ee = F(me);
+const Ee = N(me);
 function _e({
   sectionsLen: r,
-  active: o,
+  active: n,
   goToSection: i,
-  direction: f = "right"
+  direction: u = "right"
 }) {
-  const a = f === "bottom";
+  const a = u === "bottom";
   return /* @__PURE__ */ E.jsx(
     "div",
     {
       style: {
         position: "fixed",
-        right: f === "right" ? 24 : f === "bottom" ? "50%" : void 0,
-        left: f === "left" ? 24 : void 0,
+        right: u === "right" ? 24 : u === "bottom" ? "50%" : void 0,
+        left: u === "left" ? 24 : void 0,
         top: a ? void 0 : "50%",
         bottom: a ? "5%" : void 0,
         transform: "translateY(-50%)",
@@ -353,12 +354,12 @@ function _e({
         gap: "16px",
         zIndex: 50
       },
-      children: Array.from({ length: r }).map((l, n) => /* @__PURE__ */ E.jsx(
+      children: Array.from({ length: r }).map((l, o) => /* @__PURE__ */ E.jsx(
         "button",
         {
-          disabled: n === o,
+          disabled: o === n,
           "aria-label": "navigation dot",
-          onClick: () => i(n, 1),
+          onClick: () => i(o, 1),
           style: {
             width: "16px",
             height: "16px",
@@ -378,19 +379,19 @@ function _e({
                 width: "10px",
                 height: "10px",
                 borderRadius: "50%",
-                backgroundColor: o === n ? "white" : "rgba(255,255,255,0.4)",
-                transform: o === n ? "scale(1.25)" : "scale(1)",
+                backgroundColor: n === o ? "white" : "rgba(255,255,255,0.4)",
+                transform: n === o ? "scale(1.25)" : "scale(1)",
                 transition: "all 0.3s ease"
               }
             }
           )
         },
-        n
+        o
       ))
     }
   );
 }
-const he = F(_e);
+const he = N(_e);
 function pe({ children: r }) {
   return /* @__PURE__ */ E.jsx(
     "div",
@@ -406,13 +407,13 @@ function pe({ children: r }) {
     }
   );
 }
-const te = F(pe);
-te.__FULLPAGE_SECTION__ = !0;
-function be({
+const ee = N(pe);
+ee.__FULLPAGE_SECTION__ = !0;
+function we({
   children: r,
-  styles: o,
+  styles: n,
   height: i = "30%",
-  backgroundColor: f = "yellow",
+  backgroundColor: u = "yellow",
   footerRef: a
 }) {
   return /* @__PURE__ */ E.jsx(
@@ -423,20 +424,30 @@ function be({
         position: "absolute",
         width: "100%",
         height: i,
-        backgroundColor: f,
+        backgroundColor: u,
         bottom: 0,
         zIndex: 50,
-        ...o
+        ...n
       },
       children: r
     },
     "fullpage-footer"
   );
 }
-const re = F(be);
-re.__FULLPAGE_FOOTER__ = !0;
-function we({ children: r, isHiddenFooter: o }) {
-  const i = o ? 2500 : 600;
+const te = N(we);
+te.__FULLPAGE_FOOTER__ = !0;
+function be(r) {
+  process.env.NODE_ENV !== "production" && r.forEach((n) => {
+    if (I.isValidElement(n) && !n.type.__FULLPAGE_SECTION__)
+      throw console.warn(
+        "[FullPage] You must wrap content inside <FullPage.Section />"
+      ), new Error(
+        "[FullPage] You must wrap content inside <FullPage.Section />"
+      );
+  });
+}
+function ge({ children: r, isHiddenFooter: n }) {
+  const i = n ? 2500 : 600;
   return /* @__PURE__ */ E.jsx(
     "div",
     {
@@ -447,39 +458,40 @@ function we({ children: r, isHiddenFooter: o }) {
         width: "100%",
         height: "100vh",
         zIndex: 50,
-        transform: o ? "translateY(100%)" : "translateY(0)",
+        transform: n ? "translateY(100%)" : "translateY(0)",
         transition: `transform ${i}ms cubic-bezier(0.22,1,0.36,1)`,
         willChange: "transform",
-        pointerEvents: o ? "none" : "auto"
+        pointerEvents: n ? "none" : "auto"
       },
       children: r
     }
   );
 }
-const Re = F(we);
-function ne({
+const Re = N(ge);
+function re({
   children: r,
-  onChange: o,
+  onChange: n,
   directionDots: i = "right",
-  enableContextMenu: f = !0,
+  enableContextMenu: u = !0,
   duration: a = 700,
   closeOutside: l = !1,
-  disable: n = !1
+  disable: o = !1
 }) {
-  const d = G.Children.toArray(r), p = d.filter(
-    (w) => !w.type.__FULLPAGE_FOOTER__
-  ), R = d.find(
-    (w) => w.type.__FULLPAGE_FOOTER__
+  const p = I.Children.toArray(r), _ = p.filter(
+    (v) => v.type.__FULLPAGE_SECTION__
+  ), w = p.find(
+    (v) => v.type.__FULLPAGE_FOOTER__
   );
-  ve(f);
-  const _ = !!R, b = p.length + (_ ? 1 : 0), { active: y, goToSection: k, isHiddenFooter: T, footerRef: A } = de(
-    b,
-    _,
-    o,
+  ve(u), $(() => (be(_), () => {
+  }), [_]);
+  const h = !!w, T = _.length + (h ? 1 : 0), { active: x, goToSection: b, isHiddenFooter: g, footerRef: y } = de(
+    T,
+    h,
+    n,
     a,
     l,
-    n
-  ), g = R ? G.cloneElement(R, { footerRef: A }) : null;
+    o
+  ), R = w ? I.cloneElement(w, { footerRef: y }) : null;
   return /* @__PURE__ */ E.jsxs(E.Fragment, { children: [
     /* @__PURE__ */ E.jsxs(
       "div",
@@ -495,39 +507,39 @@ function ne({
             "div",
             {
               style: {
-                height: `${p.length * 100}vh`,
-                transform: T ? `translateY(-${y * 100}vh)` : `translateY(-${p.length - 100}vh)`,
-                transition: "transform 700ms cubic-bezier(0.22,1,0.36,1)"
+                height: `${_.length * 100}vh`,
+                transform: g ? `translateY(-${x * 100}vh)` : `translateY(-${(_.length - 1) * 100}vh)`,
+                transition: `transform ${a}ms cubic-bezier(0.22,1,0.36,1)`
               },
-              children: p.map((w, h) => /* @__PURE__ */ E.jsx(
+              children: _.map((v, m) => /* @__PURE__ */ E.jsx(
                 Ee,
                 {
-                  index: h,
-                  active: y,
-                  isHiddenFooter: T,
-                  children: w
+                  index: m,
+                  active: x,
+                  isHiddenFooter: g,
+                  children: v
                 },
-                h
+                m
               ))
             }
           ),
-          R && /* @__PURE__ */ E.jsx(Re, { isHiddenFooter: T, children: g })
+          w && /* @__PURE__ */ E.jsx(Re, { isHiddenFooter: g, children: R })
         ]
       }
     ),
     /* @__PURE__ */ E.jsx(
       he,
       {
-        sectionsLen: b,
-        active: y,
-        goToSection: k,
+        sectionsLen: T,
+        active: x,
+        goToSection: b,
         direction: i
       }
     )
   ] });
 }
-ne.Section = te;
-ne.Footer = re;
+re.Section = ee;
+re.Footer = te;
 export {
-  ne as FullPage
+  re as FullPage
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-abohook-fullpage",
-  "version": "1.1.8",
+  "version": "1.2.0",
   "description": "React FullPage scroll component with parallax and navigation dots",
   "author": "Mostafa Ahmed",
   "license": "MIT",