react-abohook-fullpage 1.1.5 → 1.1.7

package/README.md

@@ -150,8 +150,9 @@ export default function App() {
 | `onChange`          | `(index: number) => void`       | `undefined` | Triggered when section changes      |
 | `duration`          | `number`                        | `700`       | Transition duration in milliseconds |
 | `directionDots`     | `"left" \| "right" \| "bottom"` | `"right"`   | Position of navigation dots         |
-| `enableContextMenu` | `boolean`                       | `false`     | Enable right-click context menu     |
+| `enableContextMenu` | `boolean`                       | `true`      | Enable right-click context menu     |
 | `closeOutside`      | `boolean`                       | `false`     | Close When click outside            |
+| `disable`           | `boolean`                       | `false`     | Disable Scroll for fullPage         |
 
 ---
 

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 u=require("react");var Y={exports:{}},j={};var X;function oe(){if(X)return j;X=1;var r=Symbol.for("react.transitional.element"),n=Symbol.for("react.fragment");function i(d,a,l){var o=null;if(l!==void 0&&(o=""+l),a.key!==void 0&&(o=""+a.key),"key"in a){l={};for(var m in a)m!=="key"&&(l[m]=a[m])}else l=a;return a=l.ref,{$$typeof:r,type:d,key:o,ref:a!==void 0?a:null,props:l}}return j.Fragment=n,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 S:return"Fragment";case w: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 k:return e.displayName||"Context";case v:return(e._context.displayName||"Context")+".Consumer";case y: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 n(e){return""+e}function i(e){try{n(e);var t=!1}catch{t=!0}if(t){t=console;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.",c),n(e)}}function d(e){if(e===S)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 l(){return Error("react-stack-top-frame")}function o(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 p(){var e=r(this.type);return V[e]||(V[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 g(e,t,s,c,C,M){var f=s.ref;return e={$$typeof:T,type:e,key:t,props:s,_owner:c},(f!==void 0?f:null)!==null?Object.defineProperty(e,"ref",{enumerable:!1,get:p}):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,c,C,M){var f=t.children;if(f!==void 0)if(c)if(re(f)){for(c=0;c<f.length;c++)b(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(f);if(z.call(t,"key")){f=r(e);var O=Object.keys(t).filter(function(ne){return ne!=="key"});c=0<O.length?"{key: someKey, "+O.join(": ..., ")+": ...}":"{key: someKey}",H[f+c]||(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} />`,c,f,O,f),H[f+c]=!0)}if(f=null,s!==void 0&&(i(s),f=""+s),o(t)&&(i(t.key),f=""+t.key),"key"in t){s={};for(var U in t)U!=="key"&&(s[U]=t[U])}else s=t;return f&&m(s,typeof e=="function"?e.displayName||e.name||"Unknown":e),g(e,f,s,a(),C,M)}function b(e){x(e)?e._store&&(e._store.validated=1):typeof e=="object"&&e!==null&&e.$$typeof===I&&(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 x(e){return typeof e=="object"&&e!==null&&e.$$typeof===T}var P=u,T=Symbol.for("react.transitional.element"),A=Symbol.for("react.portal"),S=Symbol.for("react.fragment"),R=Symbol.for("react.strict_mode"),w=Symbol.for("react.profiler"),v=Symbol.for("react.consumer"),k=Symbol.for("react.context"),y=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"),$=P.__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};P={react_stack_bottom_frame:function(e){return e()}};var G,V={},q=P.react_stack_bottom_frame.bind(P,l)(),J=D(d(l)),H={};F.Fragment=S,F.jsx=function(e,t,s){var c=1e4>$.recentlyCreatedOwnerStacks++;return h(e,t,s,!1,c?Error("react-stack-top-frame"):q,c?D(d(e)):J)},F.jsxs=function(e,t,s){var c=1e4>$.recentlyCreatedOwnerStacks++;return h(e,t,s,!0,c?Error("react-stack-top-frame"):q,c?D(d(e)):J)}})()),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,n,i,d=700,a,l)=>{const[o,m]=u.useState(0),[p,g]=u.useState(!0),h=u.useRef(!1),[b,x]=u.useState(0),P=n&&o+1===r,T=u.useRef(0),A=u.useRef(0),S=u.useRef(!1),R=u.useRef(null),w=(v,k)=>{if(v<0||v>=r||h.current)return;const y=k===2;h.current=!0,x(o),m(v),P?v===3||o===r-1?m(y?b:v):m(b):m(v),n&&r===v+1?g(!1):g(!0),setTimeout(()=>{h.current=!1},d)};return u.useEffect(()=>{i&&i(o);const v=E=>{if(!l){if(h.current)return E.preventDefault();E.deltaY>0?w(o+1,2):w(o-1,2)}},k=E=>{l||h.current||(E.key==="ArrowDown"&&w(o+1,2),E.key==="ArrowUp"&&w(o-1,2))},y=E=>{l||(T.current=E.touches[0].clientY,S.current=!1)},N=E=>{l||(A.current=E.touches[0].clientY,S.current=!0)},L=()=>{if(l||!S.current)return;const E=T.current-A.current;Math.abs(E)>=ie&&(E>0?w(o+1,2):w(o-1,2))};return window.addEventListener("wheel",v,{passive:!1}),window.addEventListener("keydown",k),window.addEventListener("touchstart",y,{passive:!0}),window.addEventListener("touchmove",N,{passive:!0}),window.addEventListener("touchend",L),()=>{window.removeEventListener("wheel",v),window.removeEventListener("keydown",k),window.removeEventListener("touchstart",y),window.removeEventListener("touchmove",N),window.removeEventListener("touchend",L)}},[o,r,n,i]),u.useEffect(()=>{if(!a)return;const v=k=>{if(h.current&&p)return;const y=k.target;R.current&&!R.current.contains(y)&&!p&&(m(b),g(!0))};return setTimeout(()=>{document.addEventListener("click",v)},300),()=>{document.removeEventListener("click",v)}},[b,p,a]),{active:o,goToSection:w,isHiddenFooter:p,footerRef:R}},le=(r=!1)=>{u.useEffect(()=>{if(r)return;const n=i=>i.preventDefault();return window.addEventListener("contextmenu",n),()=>{window.removeEventListener("contextmenu",n)}},[r])};function ce({children:r,index:n,active:i,isHiddenFooter:d}){return _.jsx("section",{style:{position:"relative",width:"100%",height:"100vh",overflow:"hidden",filter:n===i||d?"blur(0px)":"blur(6px)"},children:r})}const fe=u.memo(ce);function de({sectionsLen:r,active:n,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((l,o)=>_.jsx("button",{disabled:o===n,"aria-label":"navigation dot",onClick:()=>i(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=u.memo(de);function ve({children:r}){return _.jsx("div",{style:{position:"relative",width:"100%",height:"100vh",overflow:"hidden",background:"transparent"},children:r})}const Q=u.memo(ve);Q.__FULLPAGE_SECTION__=!0;function Ee({children:r,styles:n,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,...n},children:r},"fullpage-footer")}const K=u.memo(Ee);K.__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 i=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 ${i}ms cubic-bezier(0.22,1,0.36,1)`,willChange:"transform",pointerEvents:n?"none":"auto"},children:r})}const he=u.memo(pe);function W({children:r,onChange:n,directionDots:i="right",enableContextMenu:d=!0,duration:a=700,closeOutside:l=!1,disable:o=!1}){const m=u.Children.toArray(r),p=m.filter(R=>R.type.__FULLPAGE_SECTION__),g=m.find(R=>R.type.__FULLPAGE_FOOTER__);le(d),u.useEffect(()=>(_e(p),()=>{}),[p]);const h=!!g,b=p.length+(h?1:0),{active:x,goToSection:P,isHiddenFooter:T,footerRef:A}=ue(b,h,n,a,l,o),S=g?u.cloneElement(g,{footerRef:A}):null;return _.jsxs(_.Fragment,{children:[_.jsxs("div",{style:{position:"relative",height:"100vh",width:"100%",overflow:"hidden"},children:[_.jsx("div",{style:{height:`${p.length*100}vh`,transform:T?`translateY(-${x*100}vh)`:`translateY(-${p.length-100}vh)`,transition:"transform 700ms cubic-bezier(0.22,1,0.36,1)"},children:p.map((R,w)=>_.jsx(fe,{index:w,active:x,isHiddenFooter:T,children:R},w))}),g&&_.jsx(he,{isHiddenFooter:T,children:S})]}),_.jsx(me,{sectionsLen:b,active:x,goToSection:P,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 $, { useEffect as D, useState as V, useRef as O, memo as F } from "react";
+var I = { exports: {} }, j = {};
+var Q;
 function le() {
-  if (Z) return O;
-  Z = 1;
+  if (Q) return j;
+  Q = 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, {
+  function i(f, 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]);
+    } else l = a;
+    return a = l.ref, {
       $$typeof: r,
       type: f,
-      key: a,
-      ref: s !== void 0 ? s : null,
-      props: o
+      key: o,
+      ref: a !== void 0 ? a : null,
+      props: l
     };
   }
-  return O.Fragment = n, O.jsx = l, O.jsxs = l, O;
+  return j.Fragment = n, 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 T:
           return "Fragment";
-        case m:
+        case h:
           return "Profiler";
-        case p:
+        case b:
           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 P:
             return "Portal";
-          case g:
+          case k:
             return e.displayName || "Context";
-          case x:
+          case m:
             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 v:
             return t = e.displayName || null, t !== null ? t : r(e.type) || "Memo";
-          case D:
+          case M:
             t = e._payload, e = e._init;
             try {
               return r(e(t));
@@ -72,7 +72,7 @@ function ue() {
     function n(e) {
       return "" + e;
     }
-    function l(e) {
+    function i(e) {
       try {
         n(e);
         var t = !1;
@@ -81,8 +81,8 @@ function ue() {
       }
       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
@@ -90,8 +90,8 @@ function ue() {
       }
     }
     function f(e) {
-      if (e === _) return "<>";
-      if (typeof e == "object" && e !== null && e.$$typeof === D)
+      if (e === T) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === M)
         return "<...>";
       try {
         var t = r(e);
@@ -100,49 +100,49 @@ function ue() {
         return "<...>";
       }
     }
-    function s() {
-      var e = M.A;
+    function a() {
+      var e = U.A;
       return e === null ? null : e.getOwner();
     }
-    function o() {
+    function l() {
       return Error("react-stack-top-frame");
     }
-    function a(e) {
-      if (V.call(e, "key")) {
+    function o(e) {
+      if (J.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 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 _() {
       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, z) {
+      var c = s.ref;
       return e = {
-        $$typeof: y,
+        $$typeof: g,
         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: _
       }) : 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: z
       }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
     }
-    function b(e, t, i, u, C, W) {
+    function p(e, t, s, u, Y, z) {
       var c = t.children;
       if (c !== void 0)
         if (u)
           if (se(c)) {
             for (u = 0; u < c.length; u++)
-              T(c[u]);
+              w(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);
-      if (V.call(t, "key")) {
+        else w(c);
+      if (J.call(t, "key")) {
         c = r(e);
-        var P = Object.keys(t).filter(function(ie) {
+        var A = 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 < A.length ? "{key: someKey, " + A.join(": ..., ") + ": ...}" : "{key: someKey}", Z[c + u] || (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} />
@@ -192,117 +192,119 @@ React keys must be passed directly to JSX without using spread:
   <%s key={someKey} {...props} />`,
           u,
           c,
-          P,
+          A,
           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), o(t) && (i(t.key), c = "" + t.key), "key" in t) {
+        s = {};
+        for (var G in t)
+          G !== "key" && (s[G] = t[G]);
+      } 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,
+        z
       );
     }
-    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 w(e) {
+      y(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === M && (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 === g;
     }
-    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 S = $, g = /* @__PURE__ */ Symbol.for("react.transitional.element"), P = /* @__PURE__ */ Symbol.for("react.portal"), T = /* @__PURE__ */ Symbol.for("react.fragment"), b = /* @__PURE__ */ Symbol.for("react.strict_mode"), h = /* @__PURE__ */ Symbol.for("react.profiler"), m = /* @__PURE__ */ Symbol.for("react.consumer"), k = /* @__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"), v = /* @__PURE__ */ Symbol.for("react.memo"), M = /* @__PURE__ */ Symbol.for("react.lazy"), oe = /* @__PURE__ */ Symbol.for("react.activity"), ae = /* @__PURE__ */ Symbol.for("react.client.reference"), U = S.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, J = Object.prototype.hasOwnProperty, se = Array.isArray, W = console.createTask ? console.createTask : function() {
       return null;
     };
-    w = {
+    S = {
       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 = S.react_stack_bottom_frame.bind(
+      S,
+      l
+    )(), B = W(f(l)), Z = {};
+    N.Fragment = T, N.jsx = function(e, t, s) {
+      var u = 1e4 > U.recentlyCreatedOwnerStacks++;
+      return p(
         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 ? W(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 > U.recentlyCreatedOwnerStacks++;
+      return p(
         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 ? W(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, n, i, f = 700, a, l) => {
+  const [o, d] = V(0), [_, R] = V(!0), p = O(!1), [w, y] = V(0), S = n && o + 1 === r, g = O(0), P = O(0), T = O(!1), b = O(null), h = (m, k) => {
+    if (m < 0 || m >= r || p.current) return;
+    const x = k === 2;
+    p.current = !0, y(o), d(m), S ? m === 3 || o === r - 1 ? d(x ? w : m) : d(w) : d(m), n && r === m + 1 ? R(!1) : R(!0), setTimeout(() => {
+      p.current = !1;
     }, f);
   };
-  return $(() => {
-    l && l(o);
+  return D(() => {
+    i && i(o);
     const m = (v) => {
-      if (h.current) return v.preventDefault();
-      v.deltaY > 0 ? p(o + 1, 2) : p(o - 1, 2);
+      if (!l) {
+        if (p.current) return v.preventDefault();
+        v.deltaY > 0 ? h(o + 1, 2) : h(o - 1, 2);
+      }
+    }, k = (v) => {
+      l || p.current || (v.key === "ArrowDown" && h(o + 1, 2), v.key === "ArrowUp" && h(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));
+      l || (g.current = v.touches[0].clientY, T.current = !1);
+    }, L = (v) => {
+      l || (P.current = v.touches[0].clientY, T.current = !0);
+    }, C = () => {
+      if (l || !T.current) return;
+      const v = g.current - P.current;
+      Math.abs(v) >= fe && (v > 0 ? h(o + 1, 2) : h(o - 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", m, { passive: !1 }), window.addEventListener("keydown", k), window.addEventListener("touchstart", x, { passive: !0 }), window.addEventListener("touchmove", L, { passive: !0 }), window.addEventListener("touchend", C), () => {
+      window.removeEventListener("wheel", m), window.removeEventListener("keydown", k), 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));
+  }, [o, r, n, i]), D(() => {
+    if (!a) return;
+    const m = (k) => {
+      if (p.current && _) return;
+      const x = k.target;
+      b.current && !b.current.contains(x) && !_ && (d(w), R(!0));
     };
     return setTimeout(() => {
       document.addEventListener("click", m);
     }, 300), () => {
       document.removeEventListener("click", m);
     };
-  }, [b, d, s]), { active: o, goToSection: p, isHiddenFooter: d, footerRef: _ };
+  }, [w, _, a]), { active: o, goToSection: h, isHiddenFooter: _, footerRef: b };
 }, me = (r = !1) => {
-  $(() => {
+  D(() => {
     if (r) return;
-    const n = (l) => l.preventDefault();
+    const n = (i) => i.preventDefault();
     return window.addEventListener("contextmenu", n), () => {
       window.removeEventListener("contextmenu", n);
     };
@@ -311,7 +313,7 @@ const fe = 50, de = (r, n, l, f = 700, s) => {
 function ve({
   children: r,
   index: n,
-  active: l,
+  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: n === i || f ? "blur(0px)" : "blur(6px)"
       },
       children: r
     }
   );
 }
-const Ee = N(ve);
+const Ee = F(ve);
 function _e({
   sectionsLen: r,
   active: n,
-  goToSection: l,
+  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, o) => /* @__PURE__ */ E.jsx(
         "button",
         {
-          disabled: a === n,
+          disabled: o === n,
           "aria-label": "navigation dot",
-          onClick: () => l(a, 1),
+          onClick: () => i(o, 1),
           style: {
             width: "16px",
             height: "16px",
@@ -376,19 +378,19 @@ 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: n === o ? "white" : "rgba(255,255,255,0.4)",
+                transform: n === o ? "scale(1.25)" : "scale(1)",
                 transition: "all 0.3s ease"
               }
             }
           )
         },
-        a
+        o
       ))
     }
   );
 }
-const pe = N(_e);
+const pe = F(_e);
 function he({ children: r }) {
   return /* @__PURE__ */ E.jsx(
     "div",
@@ -404,23 +406,23 @@ function he({ children: r }) {
     }
   );
 }
-const ee = N(he);
-ee.__FULLPAGE_SECTION__ = !0;
-function be({
+const te = F(he);
+te.__FULLPAGE_SECTION__ = !0;
+function we({
   children: r,
   styles: n,
-  height: l = "30%",
+  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,
@@ -431,11 +433,11 @@ function be({
     "fullpage-footer"
   );
 }
-const te = N(be);
-te.__FULLPAGE_FOOTER__ = !0;
-function we(r) {
+const re = F(we);
+re.__FULLPAGE_FOOTER__ = !0;
+function be(r) {
   process.env.NODE_ENV !== "production" && r.forEach((n) => {
-    if (I.isValidElement(n) && !n.type.__FULLPAGE_SECTION__)
+    if ($.isValidElement(n) && !n.type.__FULLPAGE_SECTION__)
       throw console.warn(
         "[FullPage] You must wrap content inside <FullPage.Section />"
       ), new Error(
@@ -444,7 +446,7 @@ function we(r) {
   });
 }
 function Re({ children: r, isHiddenFooter: n }) {
-  const l = n ? 2500 : 600;
+  const i = n ? 2500 : 600;
   return /* @__PURE__ */ E.jsx(
     "div",
     {
@@ -456,7 +458,7 @@ function Re({ children: r, isHiddenFooter: n }) {
         height: "100vh",
         zIndex: 50,
         transform: n ? "translateY(100%)" : "translateY(0)",
-        transition: `transform ${l}ms cubic-bezier(0.22,1,0.36,1)`,
+        transition: `transform ${i}ms cubic-bezier(0.22,1,0.36,1)`,
         willChange: "transform",
         pointerEvents: n ? "none" : "auto"
       },
@@ -464,29 +466,31 @@ function Re({ children: r, isHiddenFooter: n }) {
     }
   );
 }
-const ge = N(Re);
-function re({
+const ge = F(Re);
+function ne({
   children: r,
   onChange: n,
-  directionDots: l = "right",
-  enableContextMenu: f = !1,
-  duration: s = 700,
-  closeOutside: o = !1
+  directionDots: i = "right",
+  enableContextMenu: f = !0,
+  duration: a = 700,
+  closeOutside: l = !1,
+  disable: o = !1
 }) {
-  const a = I.Children.toArray(r), d = a.filter(
-    (_) => _.type.__FULLPAGE_SECTION__
-  ), R = a.find(
-    (_) => _.type.__FULLPAGE_FOOTER__
+  const d = $.Children.toArray(r), _ = d.filter(
+    (b) => b.type.__FULLPAGE_SECTION__
+  ), R = d.find(
+    (b) => b.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(
-    b,
-    h,
+  me(f), D(() => (be(_), () => {
+  }), [_]);
+  const p = !!R, w = _.length + (p ? 1 : 0), { active: y, goToSection: S, isHiddenFooter: g, footerRef: P } = de(
+    w,
+    p,
     n,
-    s,
+    a,
+    l,
     o
-  ), S = R ? I.cloneElement(R, { footerRef: y }) : null;
+  ), T = R ? $.cloneElement(R, { footerRef: P }) : null;
   return /* @__PURE__ */ E.jsxs(E.Fragment, { children: [
     /* @__PURE__ */ E.jsxs(
       "div",
@@ -502,39 +506,39 @@ function re({
             "div",
             {
               style: {
-                height: `${d.length * 100}vh`,
-                transform: w ? `translateY(-${T * 100}vh)` : `translateY(-${d.length - 100}vh)`,
+                height: `${_.length * 100}vh`,
+                transform: g ? `translateY(-${y * 100}vh)` : `translateY(-${_.length - 100}vh)`,
                 transition: "transform 700ms cubic-bezier(0.22,1,0.36,1)"
               },
-              children: d.map((_, p) => /* @__PURE__ */ E.jsx(
+              children: _.map((b, h) => /* @__PURE__ */ E.jsx(
                 Ee,
                 {
-                  index: p,
-                  active: T,
-                  isHiddenFooter: w,
-                  children: _
+                  index: h,
+                  active: y,
+                  isHiddenFooter: g,
+                  children: b
                 },
-                p
+                h
               ))
             }
           ),
-          R && /* @__PURE__ */ E.jsx(ge, { isHiddenFooter: w, children: S })
+          R && /* @__PURE__ */ E.jsx(ge, { isHiddenFooter: g, children: T })
         ]
       }
     ),
     /* @__PURE__ */ E.jsx(
       pe,
       {
-        sectionsLen: b,
-        active: T,
-        goToSection: k,
-        direction: l
+        sectionsLen: w,
+        active: y,
+        goToSection: S,
+        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.5",
+  "version": "1.1.7",
   "description": "React FullPage scroll component with parallax and navigation dots",
   "author": "Mostafa Ahmed",
   "license": "MIT",