react-abohook-fullpage 1.1.6 → 1.1.8

package/dist/index.cjs.js

@@ -1,6 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=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 l(d,s,o){var a=null;if(o!==void 0&&(a=""+o),s.key!==void 0&&(a=""+s.key),"key"in s){o={};for(var m in s)m!=="key"&&(o[m]=s[m])}else o=s;return s=o.ref,{$$typeof:r,type:d,key:a,ref:s!==void 0?s:null,props:o}}return O.Fragment=n,O.jsx=l,O.jsxs=l,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 p:return"Fragment";case v:return"Profiler";case h:return"StrictMode";case N:return"Suspense";case E: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 P:return"Portal";case T:return e.displayName||"Context";case y: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 l(e){try{n(e);var t=!1}catch{t=!0}if(t){t=console;var i=t.error,c=typeof Symbol=="function"&&Symbol.toStringTag&&e[Symbol.toStringTag]||e.constructor.name||"Object";return i.call(t,"The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",c),n(e)}}function d(e){if(e===p)return"<>";if(typeof e=="object"&&e!==null&&e.$$typeof===Y)return"<...>";try{var t=r(e);return t?"<"+t+">":"<...>"}catch{return"<...>"}}function s(){var e=I.A;return e===null?null:e.getOwner()}function o(){return Error("react-stack-top-frame")}function a(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 m(e,t){function i(){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))}i.isReactWarning=!0,Object.defineProperty(e,"key",{get:i,configurable:!0})}function g(){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,i,c,L,D){var f=i.ref;return e={$$typeof:x,type:e,key:t,props:i,_owner:c},(f!==void 0?f:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:g}):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 w(e,t,i,c,L,D){var f=t.children;if(f!==void 0)if(c)if(re(f)){for(c=0;c<f.length;c++)S(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 S(f);if(W.call(t,"key")){f=r(e);var A=Object.keys(t).filter(function(ne){return ne!=="key"});c=0<A.length?"{key: someKey, "+A.join(": ..., ")+": ...}":"{key: someKey}",J[f+c]||(A=0<A.length?"{"+A.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 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:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
   let props = %s;
-  <%s key={someKey} {...props} />`,c,f,A,f),J[f+c]=!0)}if(f=null,i!==void 0&&(l(i),f=""+i),a(t)&&(l(t.key),f=""+t.key),"key"in t){i={};for(var M in t)M!=="key"&&(i[M]=t[M])}else i=t;return f&&m(i,typeof e=="function"?e.displayName||e.name||"Unknown":e),b(e,f,i,s(),L,D)}function S(e){k(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===Y&&(e._payload.status==="fulfilled"?k(e._payload.value)&&e._payload.value._store&&(e._payload.value._store.validated=1):e._store&&(e._store.validated=1))}function k(e){return typeof e=="object"&&e!==null&&e.$$typeof===x}var R=u,x=Symbol.for("react.transitional.element"),P=Symbol.for("react.portal"),p=Symbol.for("react.fragment"),h=Symbol.for("react.strict_mode"),v=Symbol.for("react.profiler"),y=Symbol.for("react.consumer"),T=Symbol.for("react.context"),F=Symbol.for("react.forward_ref"),N=Symbol.for("react.suspense"),E=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,o)(),q=$(d(o)),J={};j.Fragment=p,j.jsx=function(e,t,i){var c=1e4>I.recentlyCreatedOwnerStacks++;return w(e,t,i,!1,c?Error("react-stack-top-frame"):V,c?$(d(e)):q)},j.jsxs=function(e,t,i){var c=1e4>I.recentlyCreatedOwnerStacks++;return w(e,t,i,!0,c?Error("react-stack-top-frame"):V,c?$(d(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,le=(r,n,l,d=700,s)=>{const[o,a]=u.useState(0),[m,g]=u.useState(!0),b=u.useRef(!1),[w,S]=u.useState(0),k=n&&o+1===r,R=u.useRef(0),x=u.useRef(0),P=u.useRef(!1),p=u.useRef(null),h=(v,y)=>{if(v<0||v>=r||b.current)return;const T=y===2;b.current=!0,S(o),a(v),k?v===3||o===r-1?a(T?w:v):a(w):a(v),n&&r===v+1?g(!1):g(!0),setTimeout(()=>{b.current=!1},d)};return u.useEffect(()=>{l&&l(o);const v=E=>{if(b.current)return E.preventDefault();E.deltaY>0?h(o+1,2):h(o-1,2)},y=E=>{b.current||(E.key==="ArrowDown"&&h(o+1,2),E.key==="ArrowUp"&&h(o-1,2))},T=E=>{R.current=E.touches[0].clientY,P.current=!1},F=E=>{x.current=E.touches[0].clientY,P.current=!0},N=()=>{if(!P.current)return;const E=R.current-x.current;Math.abs(E)>=ie&&(E>0?h(o+1,2):h(o-1,2))};return window.addEventListener("wheel",v,{passive:!1}),window.addEventListener("keydown",y),window.addEventListener("touchstart",T,{passive:!0}),window.addEventListener("touchmove",F,{passive:!0}),window.addEventListener("touchend",N),()=>{window.removeEventListener("wheel",v),window.removeEventListener("keydown",y),window.removeEventListener("touchstart",T),window.removeEventListener("touchmove",F),window.removeEventListener("touchend",N)}},[o,r,n,l]),u.useEffect(()=>{if(!s)return;const v=y=>{if(b.current&&m)return;const T=y.target;p.current&&!p.current.contains(T)&&!m&&(a(w),g(!0))};return setTimeout(()=>{document.addEventListener("click",v)},300),()=>{document.removeEventListener("click",v)}},[w,m,s]),{active:o,goToSection:h,isHiddenFooter:m,footerRef:p}},ue=(r=!1)=>{u.useEffect(()=>{if(r)return;const n=l=>l.preventDefault();return window.addEventListener("contextmenu",n),()=>{window.removeEventListener("contextmenu",n)}},[r])};function ce({children:r,index:n,active:l,isHiddenFooter:d}){return _.jsx("section",{style:{position:"relative",width:"100%",height:"100vh",overflow:"hidden",filter:n===l||d?"blur(0px)":"blur(6px)"},children:r})}const fe=u.memo(ce);function de({sectionsLen:r,active:n,goToSection:l,direction:d="right"}){const s=d==="bottom";return _.jsx("div",{style:{position:"fixed",right:d==="right"?24:d==="bottom"?"50%":void 0,left:d==="left"?24:void 0,top:s?void 0:"50%",bottom:s?"5%":void 0,transform:"translateY(-50%)",display:"flex",flexDirection:s?"row":"column",gap:"16px",zIndex:50},children:Array.from({length:r}).map((o,a)=>_.jsx("button",{disabled:a===n,"aria-label":"navigation dot",onClick:()=>l(a,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===a?"white":"rgba(255,255,255,0.4)",transform:n===a?"scale(1.25)":"scale(1)",transition:"all 0.3s ease"}})},a))})}const me=u.memo(de);function ve({children:r}){return _.jsx("div",{style:{position:"relative",width:"100%",height:"100vh",overflow:"hidden",background:"transparent"},children:r})}const Z=u.memo(ve);Z.__FULLPAGE_SECTION__=!0;function Ee({children:r,styles:n,height:l="30%",backgroundColor:d="yellow",footerRef:s}){return _.jsx("div",{ref:s,style:{position:"absolute",width:"100%",height:l,backgroundColor:d,bottom:0,zIndex:50,...n},children:r},"fullpage-footer")}const Q=u.memo(Ee);Q.__FULLPAGE_FOOTER__=!0;function _e(r){process.env.NODE_ENV!=="production"&&r.forEach(n=>{if(u.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 pe({children:r,isHiddenFooter:n}){const l=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 ${l}ms cubic-bezier(0.22,1,0.36,1)`,willChange:"transform",pointerEvents:n?"none":"auto"},children:r})}const he=u.memo(pe);function U({children:r,onChange:n,directionDots:l="right",enableContextMenu:d=!1,duration:s=700,closeOutside:o=!1}){const a=u.Children.toArray(r),m=a.filter(p=>p.type.__FULLPAGE_SECTION__),g=a.find(p=>p.type.__FULLPAGE_FOOTER__);ue(d),u.useEffect(()=>(_e(m),()=>{}),[m]);const b=!!g,w=m.length+(b?1:0),{active:S,goToSection:k,isHiddenFooter:R,footerRef:x}=le(w,b,n,s,o),P=g?u.cloneElement(g,{footerRef:x}):null;return _.jsxs(_.Fragment,{children:[_.jsxs("div",{style:{position:"relative",height:"100vh",width:"100%",overflow:"hidden"},children:[_.jsx("div",{style:{height:`${m.length*100}vh`,transform:R?`translateY(-${S*100}vh)`:`translateY(-${m.length-100}vh)`,transition:"transform 700ms cubic-bezier(0.22,1,0.36,1)"},children:m.map((p,h)=>_.jsx(fe,{index:h,active:S,isHiddenFooter:R,children:p},h))}),g&&_.jsx(he,{isHiddenFooter:R,children:P})]}),_.jsx(me,{sectionsLen:w,active:S,goToSection:k,direction:l})]})}U.Section=Z;U.Footer=Q;exports.FullPage=U;
+  <%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;

package/dist/index.d.ts

@@ -3,7 +3,7 @@ import { JSX as JSX_2 } from 'react/jsx-runtime';
 
 declare type DirectionDotsType = "left" | "right" | "bottom";
 
-export declare function FullPage({ children, onChange, directionDots, enableContextMenu, duration, closeOutside, }: FullPageProps): JSX_2.Element;
+export declare function FullPage({ children, onChange, directionDots, enableContextMenu, duration, closeOutside, disable, }: FullPageProps): JSX_2.Element;
 
 export declare namespace FullPage {
     var Section: default_2.FC<FullPageSectionProps>;
@@ -25,6 +25,7 @@ declare interface FullPageProps {
     closeOutside?: boolean;
     enableContextMenu?: boolean;
     duration: number;
+    disable?: boolean;
 }
 
 declare interface FullPageSectionProps {

package/dist/index.es.js

@@ -1,46 +1,46 @@
-import I, { useEffect as $, useState as G, useRef as A, memo as N } from "react";
-var Y = { exports: {} }, O = {};
-var Z;
+import G, { useEffect as J, useState as z, useRef as O, memo as F } from "react";
+var I = { exports: {} }, j = {};
+var Q;
 function le() {
-  if (Z) return O;
-  Z = 1;
-  var r = /* @__PURE__ */ Symbol.for("react.transitional.element"), n = /* @__PURE__ */ Symbol.for("react.fragment");
-  function l(f, s, o) {
-    var a = null;
-    if (o !== void 0 && (a = "" + o), s.key !== void 0 && (a = "" + s.key), "key" in s) {
-      o = {};
-      for (var d in s)
-        d !== "key" && (o[d] = s[d]);
-    } else o = s;
-    return s = o.ref, {
+  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) {
+      l = {};
+      for (var d in a)
+        d !== "key" && (l[d] = a[d]);
+    } else l = a;
+    return a = l.ref, {
       $$typeof: r,
       type: f,
-      key: a,
-      ref: s !== void 0 ? s : null,
-      props: o
+      key: n,
+      ref: a !== void 0 ? a : null,
+      props: l
     };
   }
-  return O.Fragment = n, O.jsx = l, O.jsxs = l, O;
+  return j.Fragment = o, j.jsx = i, j.jsxs = i, j;
 }
-var j = {};
-var Q;
+var N = {};
+var K;
 function ue() {
-  return Q || (Q = 1, process.env.NODE_ENV !== "production" && (function() {
+  return K || (K = 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 _:
+        case g:
           return "Fragment";
-        case m:
+        case h:
           return "Profiler";
-        case p:
+        case w:
           return "StrictMode";
         case L:
           return "Suspense";
-        case v:
+        case C:
           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 S:
+          case A:
             return "Portal";
-          case g:
+          case S:
             return e.displayName || "Context";
-          case x:
+          case v:
             return (e._context.displayName || "Context") + ".Consumer";
-          case F:
+          case x:
             var t = e.render;
             return e = e.displayName, e || (e = t.displayName || t.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
-          case ne:
+          case m:
             return t = e.displayName || null, t !== null ? t : r(e.type) || "Memo";
-          case D:
+          case $:
             t = e._payload, e = e._init;
             try {
               return r(e(t));
@@ -69,29 +69,29 @@ function ue() {
         }
       return null;
     }
-    function n(e) {
+    function o(e) {
       return "" + e;
     }
-    function l(e) {
+    function i(e) {
       try {
-        n(e);
+        o(e);
         var t = !1;
       } catch {
         t = !0;
       }
       if (t) {
         t = console;
-        var i = t.error, u = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
-        return i.call(
+        var s = t.error, u = 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
-        ), n(e);
+        ), o(e);
       }
     }
     function f(e) {
-      if (e === _) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === D)
+      if (e === g) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === $)
         return "<...>";
       try {
         var t = r(e);
@@ -100,14 +100,14 @@ function ue() {
         return "<...>";
       }
     }
-    function s() {
-      var e = M.A;
+    function a() {
+      var e = D.A;
       return e === null ? null : e.getOwner();
     }
-    function o() {
+    function l() {
       return Error("react-stack-top-frame");
     }
-    function a(e) {
+    function n(e) {
       if (V.call(e, "key")) {
         var t = Object.getOwnPropertyDescriptor(e, "key").get;
         if (t && t.isReactWarning) return !1;
@@ -115,34 +115,34 @@ function ue() {
       return e.key !== void 0;
     }
     function d(e, t) {
-      function i() {
-        J || (J = !0, console.error(
+      function s() {
+        q || (q = !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
         ));
       }
-      i.isReactWarning = !0, Object.defineProperty(e, "key", {
-        get: i,
+      s.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: s,
         configurable: !0
       });
     }
-    function R() {
+    function p() {
       var e = r(this.type);
-      return q[e] || (q[e] = !0, console.error(
+      return H[e] || (H[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 h(e, t, i, u, C, W) {
-      var c = i.ref;
+    function R(e, t, s, u, Y, U) {
+      var c = s.ref;
       return e = {
-        $$typeof: y,
+        $$typeof: T,
         type: e,
         key: t,
-        props: i,
+        props: s,
         _owner: u
       }, (c !== void 0 ? c : null) !== null ? Object.defineProperty(e, "ref", {
         enumerable: !1,
-        get: R
+        get: p
       }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
         configurable: !1,
         enumerable: !1,
@@ -157,33 +157,33 @@ function ue() {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: C
+        value: Y
       }), Object.defineProperty(e, "_debugTask", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
-        value: W
+        value: U
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function b(e, t, i, u, C, W) {
+    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++)
-              T(c[u]);
+              b(c[u]);
             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 T(c);
+        else b(c);
       if (V.call(t, "key")) {
         c = r(e);
         var P = Object.keys(t).filter(function(ie) {
           return ie !== "key";
         });
-        u = 0 < P.length ? "{key: someKey, " + P.join(": ..., ") + ": ...}" : "{key: someKey}", B[c + u] || (P = 0 < P.length ? "{" + P.join(": ..., ") + ": ...}" : "{}", console.error(
+        u = 0 < P.length ? "{key: someKey, " + P.join(": ..., ") + ": ...}" : "{key: someKey}", Z[c + u] || (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} />
@@ -194,124 +194,126 @@ React keys must be passed directly to JSX without using spread:
           c,
           P,
           c
-        ), B[c + u] = !0);
+        ), Z[c + u] = !0);
       }
-      if (c = null, i !== void 0 && (l(i), c = "" + i), a(t) && (l(t.key), c = "" + t.key), "key" in t) {
-        i = {};
-        for (var z in t)
-          z !== "key" && (i[z] = t[z]);
-      } else i = t;
+      if (c = null, s !== void 0 && (i(s), c = "" + s), n(t) && (i(t.key), c = "" + t.key), "key" in t) {
+        s = {};
+        for (var W in t)
+          W !== "key" && (s[W] = t[W]);
+      } else s = t;
       return c && d(
-        i,
+        s,
         typeof e == "function" ? e.displayName || e.name || "Unknown" : e
-      ), h(
+      ), R(
         e,
         c,
-        i,
-        s(),
-        C,
-        W
+        s,
+        a(),
+        Y,
+        U
       );
     }
-    function T(e) {
-      k(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === D && (e._payload.status === "fulfilled" ? k(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    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 k(e) {
-      return typeof e == "object" && e !== null && e.$$typeof === y;
+    function y(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === T;
     }
-    var w = I, y = /* @__PURE__ */ Symbol.for("react.transitional.element"), S = /* @__PURE__ */ Symbol.for("react.portal"), _ = /* @__PURE__ */ Symbol.for("react.fragment"), p = /* @__PURE__ */ Symbol.for("react.strict_mode"), m = /* @__PURE__ */ Symbol.for("react.profiler"), x = /* @__PURE__ */ Symbol.for("react.consumer"), g = /* @__PURE__ */ Symbol.for("react.context"), F = /* @__PURE__ */ Symbol.for("react.forward_ref"), L = /* @__PURE__ */ Symbol.for("react.suspense"), v = /* @__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 = w.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, V = Object.prototype.hasOwnProperty, se = Array.isArray, U = console.createTask ? console.createTask : function() {
+    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() {
       return null;
     };
-    w = {
+    k = {
       react_stack_bottom_frame: function(e) {
         return e();
       }
     };
-    var J, q = {}, H = w.react_stack_bottom_frame.bind(
-      w,
-      o
-    )(), X = U(f(o)), B = {};
-    j.Fragment = _, j.jsx = function(e, t, i) {
-      var u = 1e4 > M.recentlyCreatedOwnerStacks++;
-      return b(
+    var q, H = {}, X = k.react_stack_bottom_frame.bind(
+      k,
+      l
+    )(), B = M(f(l)), Z = {};
+    N.Fragment = g, N.jsx = function(e, t, s) {
+      var u = 1e4 > D.recentlyCreatedOwnerStacks++;
+      return _(
         e,
         t,
-        i,
+        s,
         !1,
-        u ? Error("react-stack-top-frame") : H,
-        u ? U(f(e)) : X
+        u ? Error("react-stack-top-frame") : X,
+        u ? M(f(e)) : B
       );
-    }, j.jsxs = function(e, t, i) {
-      var u = 1e4 > M.recentlyCreatedOwnerStacks++;
-      return b(
+    }, N.jsxs = function(e, t, s) {
+      var u = 1e4 > D.recentlyCreatedOwnerStacks++;
+      return _(
         e,
         t,
-        i,
+        s,
         !0,
-        u ? Error("react-stack-top-frame") : H,
-        u ? U(f(e)) : X
+        u ? Error("react-stack-top-frame") : X,
+        u ? M(f(e)) : B
       );
     };
-  })()), j;
+  })()), N;
 }
-var K;
+var ee;
 function ce() {
-  return K || (K = 1, process.env.NODE_ENV === "production" ? Y.exports = le() : Y.exports = ue()), Y.exports;
+  return ee || (ee = 1, process.env.NODE_ENV === "production" ? I.exports = le() : I.exports = ue()), I.exports;
 }
 var E = ce();
-const fe = 50, de = (r, n, l, f = 700, s) => {
-  const [o, a] = G(0), [d, R] = G(!0), h = A(!1), [b, T] = G(0), k = n && o + 1 === r, w = A(0), y = A(0), S = A(!1), _ = A(null), p = (m, x) => {
-    if (m < 0 || m >= r || h.current) return;
-    const g = x === 2;
-    h.current = !0, T(o), a(m), k ? m === 3 || o === r - 1 ? a(g ? b : m) : a(b) : a(m), n && r === m + 1 ? R(!1) : R(!0), setTimeout(() => {
-      h.current = !1;
+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);
   };
-  return $(() => {
-    l && l(o);
-    const m = (v) => {
-      if (h.current) return v.preventDefault();
-      v.deltaY > 0 ? p(o + 1, 2) : p(o - 1, 2);
-    }, x = (v) => {
-      h.current || (v.key === "ArrowDown" && p(o + 1, 2), v.key === "ArrowUp" && p(o - 1, 2));
-    }, g = (v) => {
-      w.current = v.touches[0].clientY, S.current = !1;
-    }, F = (v) => {
-      y.current = v.touches[0].clientY, S.current = !0;
-    }, L = () => {
-      if (!S.current) return;
-      const v = w.current - y.current;
-      Math.abs(v) >= fe && (v > 0 ? p(o + 1, 2) : p(o - 1, 2));
+  return J(() => {
+    i && i(n);
+    const v = (m) => {
+      if (!l) {
+        if (_.current) return m.preventDefault();
+        m.deltaY > 0 ? h(n + 1, 2) : h(n - 1, 2);
+      }
+    }, 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));
     };
-    return window.addEventListener("wheel", m, { passive: !1 }), window.addEventListener("keydown", x), window.addEventListener("touchstart", g, { passive: !0 }), window.addEventListener("touchmove", F, { passive: !0 }), window.addEventListener("touchend", L), () => {
-      window.removeEventListener("wheel", m), window.removeEventListener("keydown", x), window.removeEventListener("touchstart", g), window.removeEventListener("touchmove", F), window.removeEventListener("touchend", L);
+    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);
     };
-  }, [o, r, n, l]), $(() => {
-    if (!s) return;
-    const m = (x) => {
-      if (h.current && d) return;
-      const g = x.target;
-      _.current && !_.current.contains(g) && !d && (a(b), R(!0));
+  }, [n, r, o, i]), J(() => {
+    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));
     };
     return setTimeout(() => {
-      document.addEventListener("click", m);
+      document.addEventListener("click", v);
     }, 300), () => {
-      document.removeEventListener("click", m);
+      document.removeEventListener("click", v);
     };
-  }, [b, d, s]), { active: o, goToSection: p, isHiddenFooter: d, footerRef: _ };
-}, me = (r = !1) => {
-  $(() => {
+  }, [b, p, a]), { active: n, goToSection: h, isHiddenFooter: p, footerRef: w };
+}, ve = (r = !1) => {
+  J(() => {
     if (r) return;
-    const n = (l) => l.preventDefault();
-    return window.addEventListener("contextmenu", n), () => {
-      window.removeEventListener("contextmenu", n);
+    const o = (i) => i.preventDefault();
+    return window.addEventListener("contextmenu", o), () => {
+      window.removeEventListener("contextmenu", o);
     };
   }, [r]);
 };
-function ve({
+function me({
   children: r,
-  index: n,
-  active: l,
+  index: o,
+  active: i,
   isHiddenFooter: f
 }) {
   return /* @__PURE__ */ E.jsx(
@@ -322,20 +324,20 @@ function ve({
         width: "100%",
         height: "100vh",
         overflow: "hidden",
-        filter: n === l || f ? "blur(0px)" : "blur(6px)"
+        filter: o === i || f ? "blur(0px)" : "blur(6px)"
       },
       children: r
     }
   );
 }
-const Ee = N(ve);
+const Ee = F(me);
 function _e({
   sectionsLen: r,
-  active: n,
-  goToSection: l,
+  active: o,
+  goToSection: i,
   direction: f = "right"
 }) {
-  const s = f === "bottom";
+  const a = f === "bottom";
   return /* @__PURE__ */ E.jsx(
     "div",
     {
@@ -343,20 +345,20 @@ function _e({
         position: "fixed",
         right: f === "right" ? 24 : f === "bottom" ? "50%" : void 0,
         left: f === "left" ? 24 : void 0,
-        top: s ? void 0 : "50%",
-        bottom: s ? "5%" : void 0,
+        top: a ? void 0 : "50%",
+        bottom: a ? "5%" : void 0,
         transform: "translateY(-50%)",
         display: "flex",
-        flexDirection: s ? "row" : "column",
+        flexDirection: a ? "row" : "column",
         gap: "16px",
         zIndex: 50
       },
-      children: Array.from({ length: r }).map((o, a) => /* @__PURE__ */ E.jsx(
+      children: Array.from({ length: r }).map((l, n) => /* @__PURE__ */ E.jsx(
         "button",
         {
-          disabled: a === n,
+          disabled: n === o,
           "aria-label": "navigation dot",
-          onClick: () => l(a, 1),
+          onClick: () => i(n, 1),
           style: {
             width: "16px",
             height: "16px",
@@ -376,20 +378,20 @@ function _e({
                 width: "10px",
                 height: "10px",
                 borderRadius: "50%",
-                backgroundColor: n === a ? "white" : "rgba(255,255,255,0.4)",
-                transform: n === a ? "scale(1.25)" : "scale(1)",
+                backgroundColor: o === n ? "white" : "rgba(255,255,255,0.4)",
+                transform: o === n ? "scale(1.25)" : "scale(1)",
                 transition: "all 0.3s ease"
               }
             }
           )
         },
-        a
+        n
       ))
     }
   );
 }
-const pe = N(_e);
-function he({ children: r }) {
+const he = F(_e);
+function pe({ children: r }) {
   return /* @__PURE__ */ E.jsx(
     "div",
     {
@@ -404,47 +406,37 @@ function he({ children: r }) {
     }
   );
 }
-const ee = N(he);
-ee.__FULLPAGE_SECTION__ = !0;
+const te = F(pe);
+te.__FULLPAGE_SECTION__ = !0;
 function be({
   children: r,
-  styles: n,
-  height: l = "30%",
+  styles: o,
+  height: i = "30%",
   backgroundColor: f = "yellow",
-  footerRef: s
+  footerRef: a
 }) {
   return /* @__PURE__ */ E.jsx(
     "div",
     {
-      ref: s,
+      ref: a,
       style: {
         position: "absolute",
         width: "100%",
-        height: l,
+        height: i,
         backgroundColor: f,
         bottom: 0,
         zIndex: 50,
-        ...n
+        ...o
       },
       children: r
     },
     "fullpage-footer"
   );
 }
-const te = N(be);
-te.__FULLPAGE_FOOTER__ = !0;
-function we(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 Re({ children: r, isHiddenFooter: n }) {
-  const l = n ? 2500 : 600;
+const re = F(be);
+re.__FULLPAGE_FOOTER__ = !0;
+function we({ children: r, isHiddenFooter: o }) {
+  const i = o ? 2500 : 600;
   return /* @__PURE__ */ E.jsx(
     "div",
     {
@@ -455,38 +447,39 @@ function Re({ children: r, isHiddenFooter: n }) {
         width: "100%",
         height: "100vh",
         zIndex: 50,
-        transform: n ? "translateY(100%)" : "translateY(0)",
-        transition: `transform ${l}ms cubic-bezier(0.22,1,0.36,1)`,
+        transform: o ? "translateY(100%)" : "translateY(0)",
+        transition: `transform ${i}ms cubic-bezier(0.22,1,0.36,1)`,
         willChange: "transform",
-        pointerEvents: n ? "none" : "auto"
+        pointerEvents: o ? "none" : "auto"
       },
       children: r
     }
   );
 }
-const ge = N(Re);
-function re({
+const Re = F(we);
+function ne({
   children: r,
-  onChange: n,
-  directionDots: l = "right",
-  enableContextMenu: f = !1,
-  duration: s = 700,
-  closeOutside: o = !1
+  onChange: o,
+  directionDots: i = "right",
+  enableContextMenu: f = !0,
+  duration: a = 700,
+  closeOutside: l = !1,
+  disable: n = !1
 }) {
-  const a = I.Children.toArray(r), d = a.filter(
-    (_) => _.type.__FULLPAGE_SECTION__
-  ), R = a.find(
-    (_) => _.type.__FULLPAGE_FOOTER__
+  const d = G.Children.toArray(r), p = d.filter(
+    (w) => !w.type.__FULLPAGE_FOOTER__
+  ), R = d.find(
+    (w) => w.type.__FULLPAGE_FOOTER__
   );
-  me(f), $(() => (we(d), () => {
-  }), [d]);
-  const h = !!R, b = d.length + (h ? 1 : 0), { active: T, goToSection: k, isHiddenFooter: w, footerRef: y } = de(
+  ve(f);
+  const _ = !!R, b = p.length + (_ ? 1 : 0), { active: y, goToSection: k, isHiddenFooter: T, footerRef: A } = de(
     b,
-    h,
-    n,
-    s,
-    o
-  ), S = R ? I.cloneElement(R, { footerRef: y }) : null;
+    _,
+    o,
+    a,
+    l,
+    n
+  ), g = R ? G.cloneElement(R, { footerRef: A }) : null;
   return /* @__PURE__ */ E.jsxs(E.Fragment, { children: [
     /* @__PURE__ */ E.jsxs(
       "div",
@@ -502,39 +495,39 @@ function re({
             "div",
             {
               style: {
-                height: `${d.length * 100}vh`,
-                transform: w ? `translateY(-${T * 100}vh)` : `translateY(-${d.length - 100}vh)`,
+                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)"
               },
-              children: d.map((_, p) => /* @__PURE__ */ E.jsx(
+              children: p.map((w, h) => /* @__PURE__ */ E.jsx(
                 Ee,
                 {
-                  index: p,
-                  active: T,
-                  isHiddenFooter: w,
-                  children: _
+                  index: h,
+                  active: y,
+                  isHiddenFooter: T,
+                  children: w
                 },
-                p
+                h
               ))
             }
           ),
-          R && /* @__PURE__ */ E.jsx(ge, { isHiddenFooter: w, children: S })
+          R && /* @__PURE__ */ E.jsx(Re, { isHiddenFooter: T, children: g })
         ]
       }
     ),
     /* @__PURE__ */ E.jsx(
-      pe,
+      he,
       {
         sectionsLen: b,
-        active: T,
+        active: y,
         goToSection: k,
-        direction: l
+        direction: i
       }
     )
   ] });
 }
-re.Section = ee;
-re.Footer = te;
+ne.Section = te;
+ne.Footer = re;
 export {
-  re as FullPage
+  ne as FullPage
 };

package/package.json

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