@react-hive/honey-layout 10.3.0 → 10.5.0

package/dist/index.dev.cjs

@@ -7932,90 +7932,93 @@ function rectToClientRect(rect) {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   FOCUSABLE_HTML_TAGS: () => (/* binding */ re),
+/* harmony export */   FOCUSABLE_HTML_TAGS: () => (/* binding */ ke),
+/* harmony export */   applyInertiaStep: () => (/* binding */ Ae),
 /* harmony export */   assert: () => (/* binding */ t),
-/* harmony export */   blobToFile: () => (/* binding */ ke),
-/* harmony export */   calculateCenterOffset: () => (/* binding */ ge),
+/* harmony export */   blobToFile: () => (/* binding */ pe),
+/* harmony export */   calculateCenterOffset: () => (/* binding */ de),
 /* harmony export */   calculateEuclideanDistance: () => (/* binding */ ee),
 /* harmony export */   calculateMovingSpeed: () => (/* binding */ te),
 /* harmony export */   calculatePercentage: () => (/* binding */ ne),
-/* harmony export */   camelToDashCase: () => (/* binding */ q),
-/* harmony export */   camelToWords: () => (/* binding */ J),
-/* harmony export */   centerElementInContainer: () => (/* binding */ pe),
-/* harmony export */   chunk: () => (/* binding */ k),
+/* harmony export */   camelToDashCase: () => (/* binding */ Z),
+/* harmony export */   camelToWords: () => (/* binding */ G),
+/* harmony export */   centerElementInContainer: () => (/* binding */ me),
+/* harmony export */   chunk: () => (/* binding */ O),
 /* harmony export */   cloneBlob: () => (/* binding */ ae),
-/* harmony export */   compact: () => (/* binding */ M),
-/* harmony export */   compose: () => (/* binding */ P),
-/* harmony export */   definedProps: () => (/* binding */ _e),
-/* harmony export */   delay: () => (/* binding */ R),
+/* harmony export */   compact: () => (/* binding */ A),
+/* harmony export */   compose: () => (/* binding */ X),
+/* harmony export */   definedProps: () => (/* binding */ Se),
+/* harmony export */   delay: () => (/* binding */ U),
 /* harmony export */   difference: () => (/* binding */ E),
-/* harmony export */   downloadFile: () => (/* binding */ xe),
-/* harmony export */   everyAsync: () => (/* binding */ Y),
-/* harmony export */   fileListToFiles: () => (/* binding */ Oe),
-/* harmony export */   filterParallel: () => (/* binding */ U),
-/* harmony export */   filterSequential: () => (/* binding */ H),
-/* harmony export */   findAsync: () => (/* binding */ D),
-/* harmony export */   getDOMRectIntersectionRatio: () => (/* binding */ oe),
+/* harmony export */   downloadFile: () => (/* binding */ se),
+/* harmony export */   everyAsync: () => (/* binding */ I),
+/* harmony export */   fileListToFiles: () => (/* binding */ ge),
+/* harmony export */   filterParallel: () => (/* binding */ j),
+/* harmony export */   filterSequential: () => (/* binding */ N),
+/* harmony export */   findAsync: () => (/* binding */ H),
+/* harmony export */   getDOMRectIntersectionRatio: () => (/* binding */ Me),
 /* harmony export */   getElementOffsetRect: () => (/* binding */ le),
-/* harmony export */   getFocusableHtmlElements: () => (/* binding */ ue),
-/* harmony export */   getLocalStorageCapabilities: () => (/* binding */ Se),
-/* harmony export */   getXOverflowWidth: () => (/* binding */ ye),
-/* harmony export */   getYOverflowHeight: () => (/* binding */ de),
-/* harmony export */   hasXOverflow: () => (/* binding */ me),
-/* harmony export */   hasYOverflow: () => (/* binding */ we),
-/* harmony export */   hashString: () => (/* binding */ Q),
-/* harmony export */   intersection: () => (/* binding */ v),
-/* harmony export */   invokeIfFunction: () => (/* binding */ C),
-/* harmony export */   isAnchorHtmlElement: () => (/* binding */ se),
-/* harmony export */   isArray: () => (/* binding */ x),
-/* harmony export */   isBlob: () => (/* binding */ u),
-/* harmony export */   isBool: () => (/* binding */ l),
-/* harmony export */   isContentEditableHtmlElement: () => (/* binding */ ce),
-/* harmony export */   isDate: () => (/* binding */ f),
-/* harmony export */   isDecimal: () => (/* binding */ S),
-/* harmony export */   isDefined: () => (/* binding */ i),
-/* harmony export */   isEmptyArray: () => (/* binding */ A),
+/* harmony export */   getFocusableHtmlElements: () => (/* binding */ Te),
+/* harmony export */   getLocalStorageCapabilities: () => (/* binding */ Pe),
+/* harmony export */   getXOverflowWidth: () => (/* binding */ ue),
+/* harmony export */   getYOverflowHeight: () => (/* binding */ he),
+/* harmony export */   hasXOverflow: () => (/* binding */ ce),
+/* harmony export */   hasYOverflow: () => (/* binding */ fe),
+/* harmony export */   hashString: () => (/* binding */ re),
+/* harmony export */   intersection: () => (/* binding */ k),
+/* harmony export */   invokeIfFunction: () => (/* binding */ Q),
+/* harmony export */   isAnchorHtmlElement: () => (/* binding */ ie),
+/* harmony export */   isArray: () => (/* binding */ S),
+/* harmony export */   isBlob: () => (/* binding */ f),
+/* harmony export */   isBool: () => (/* binding */ o),
+/* harmony export */   isContentEditableHtmlElement: () => (/* binding */ oe),
+/* harmony export */   isDate: () => (/* binding */ u),
+/* harmony export */   isDecimal: () => (/* binding */ x),
+/* harmony export */   isDefined: () => (/* binding */ a),
+/* harmony export */   isEmptyArray: () => (/* binding */ v),
 /* harmony export */   isEmptyObject: () => (/* binding */ c),
 /* harmony export */   isError: () => (/* binding */ h),
-/* harmony export */   isFile: () => (/* binding */ Ae),
+/* harmony export */   isFile: () => (/* binding */ we),
 /* harmony export */   isFiniteNumber: () => (/* binding */ p),
-/* harmony export */   isFunction: () => (/* binding */ z),
-/* harmony export */   isHtmlElementFocusable: () => (/* binding */ fe),
+/* harmony export */   isFunction: () => (/* binding */ P),
+/* harmony export */   isHtmlElementFocusable: () => (/* binding */ Ee),
 /* harmony export */   isInteger: () => (/* binding */ b),
-/* harmony export */   isLocalStorageReadable: () => (/* binding */ be),
-/* harmony export */   isMap: () => (/* binding */ w),
+/* harmony export */   isLocalStorageReadable: () => (/* binding */ _e),
+/* harmony export */   isMap: () => (/* binding */ y),
 /* harmony export */   isNil: () => (/* binding */ r),
-/* harmony export */   isNilOrEmptyString: () => (/* binding */ G),
+/* harmony export */   isNilOrEmptyString: () => (/* binding */ J),
 /* harmony export */   isNull: () => (/* binding */ n),
-/* harmony export */   isNumber: () => (/* binding */ o),
+/* harmony export */   isNumber: () => (/* binding */ i),
 /* harmony export */   isObject: () => (/* binding */ s),
-/* harmony export */   isPromise: () => (/* binding */ I),
-/* harmony export */   isRegExp: () => (/* binding */ y),
-/* harmony export */   isSet: () => (/* binding */ d),
-/* harmony export */   isString: () => (/* binding */ Z),
+/* harmony export */   isPromise: () => (/* binding */ Y),
+/* harmony export */   isRegExp: () => (/* binding */ m),
+/* harmony export */   isSet: () => (/* binding */ w),
+/* harmony export */   isString: () => (/* binding */ D),
 /* harmony export */   isSymbol: () => (/* binding */ g),
-/* harmony export */   isUndefined: () => (/* binding */ a),
-/* harmony export */   isValidDate: () => (/* binding */ m),
-/* harmony export */   moveFocusWithinContainer: () => (/* binding */ he),
-/* harmony export */   noop: () => (/* binding */ T),
-/* harmony export */   not: () => (/* binding */ L),
-/* harmony export */   once: () => (/* binding */ F),
-/* harmony export */   parse2DMatrix: () => (/* binding */ ie),
-/* harmony export */   parseFileName: () => (/* binding */ Me),
-/* harmony export */   pipe: () => (/* binding */ _),
-/* harmony export */   readFilesFromDataTransfer: () => (/* binding */ Ee),
-/* harmony export */   reduceAsync: () => (/* binding */ B),
-/* harmony export */   retry: () => (/* binding */ j),
-/* harmony export */   runParallel: () => (/* binding */ $),
-/* harmony export */   runSequential: () => (/* binding */ X),
-/* harmony export */   someAsync: () => (/* binding */ W),
-/* harmony export */   splitStringIntoWords: () => (/* binding */ K),
-/* harmony export */   timeout: () => (/* binding */ N),
+/* harmony export */   isUndefined: () => (/* binding */ l),
+/* harmony export */   isValidDate: () => (/* binding */ d),
+/* harmony export */   moveFocusWithinContainer: () => (/* binding */ Xe),
+/* harmony export */   noop: () => (/* binding */ _),
+/* harmony export */   not: () => (/* binding */ z),
+/* harmony export */   once: () => (/* binding */ L),
+/* harmony export */   parse2DMatrix: () => (/* binding */ ye),
+/* harmony export */   parseFileName: () => (/* binding */ K),
+/* harmony export */   pipe: () => (/* binding */ T),
+/* harmony export */   readFilesFromDataTransfer: () => (/* binding */ xe),
+/* harmony export */   reduceAsync: () => (/* binding */ $),
+/* harmony export */   resolveAxisDelta: () => (/* binding */ Oe),
+/* harmony export */   resolveBoundedDelta: () => (/* binding */ ve),
+/* harmony export */   retry: () => (/* binding */ B),
+/* harmony export */   runParallel: () => (/* binding */ R),
+/* harmony export */   runSequential: () => (/* binding */ C),
+/* harmony export */   someAsync: () => (/* binding */ F),
+/* harmony export */   splitStringIntoWords: () => (/* binding */ q),
+/* harmony export */   timeout: () => (/* binding */ W),
 /* harmony export */   toKebabCase: () => (/* binding */ V),
-/* harmony export */   traverseFileSystemDirectory: () => (/* binding */ ve),
-/* harmony export */   unique: () => (/* binding */ O)
+/* harmony export */   traverseFileSystemDirectory: () => (/* binding */ be),
+/* harmony export */   unique: () => (/* binding */ M)
 /* harmony export */ });
-var e={};function t(e,t){if(!e)throw new Error(t)}e.d=(t,n)=>{for(var r in n)e.o(n,r)&&!e.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:n[r]})},e.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);const n=e=>null===e,r=e=>null==e,i=e=>null!=e,a=e=>void 0===e,o=e=>"number"==typeof e,l=e=>"boolean"==typeof e,s=e=>"object"==typeof e,c=e=>s(e)&&!n(e)&&0===Object.keys(e).length,f=e=>e instanceof Date,u=e=>e instanceof Blob,h=e=>e instanceof Error,m=e=>f(e)&&!isNaN(e.getTime()),y=e=>e instanceof RegExp,w=e=>e instanceof Map,d=e=>e instanceof Set,g=e=>"symbol"==typeof e,p=e=>o(e)&&isFinite(e),b=e=>o(e)&&Number.isInteger(e),S=e=>p(e)&&!Number.isInteger(e),x=e=>Array.isArray(e),A=e=>x(e)&&0===e.length,M=e=>e.filter(Boolean),O=e=>[...new Set(e)],k=(e,n)=>(t(n>0,"Chunk size must be greater than 0"),Array.from({length:Math.ceil(e.length/n)},(t,r)=>e.slice(r*n,(r+1)*n))),v=(...e)=>{if(0===e.length)return[];if(1===e.length)return[...e[0]];const[t,...n]=e;return O(t).filter(e=>n.every(t=>t.includes(e)))},E=(e,t)=>e.filter(e=>!t.includes(e)),_=(...e)=>t=>e.reduce((e,t)=>t(e),t),P=(...e)=>t=>e.reduceRight((e,t)=>t(e),t),T=()=>{},z=e=>"function"==typeof e,L=e=>(...t)=>!e(...t),C=(e,...t)=>"function"==typeof e?e(...t):e,R=e=>new Promise(t=>setTimeout(t,e)),N=async(e,t,n="Operation timed out")=>{try{return await Promise.race([e,R(t).then(()=>Promise.reject(new Error(n)))])}finally{}},j=(e,{maxAttempts:t=3,delayMs:n=300,backoff:r=!0,onRetry:i}={})=>async(...a)=>{let o;for(let l=1;l<=t;l++)try{return await e(...a)}catch(e){if(o=e,l<t){i?.(l,e);const t=r?n*2**(l-1):n;await R(t)}}throw o},F=e=>{let t,n=!1;return function(...r){return n||(n=!0,t=e.apply(this,r)),t}},I=e=>z(e?.then),X=async(e,t)=>{const n=[];for(let r=0;r<e.length;r++)n.push(await t(e[r],r,e));return n},$=async(e,t)=>Promise.all(e.map(t)),H=async(e,t)=>{const n=[];for(let r=0;r<e.length;r++){const i=e[r];await t(i,r,e)&&n.push(i)}return n},U=async(e,t)=>{const n=await $(e,async(e,n,r)=>!!await t(e,n,r)&&e);return M(n)},W=async(e,t)=>{for(let n=0;n<e.length;n++)if(await t(e[n],n,e))return!0;return!1},Y=async(e,t)=>{for(let n=0;n<e.length;n++)if(!await t(e[n],n,e))return!1;return!0},B=async(e,t,n)=>{let r=n;for(let n=0;n<e.length;n++)r=await t(r,e[n],n,e);return r},D=async(e,t)=>{for(let n=0;n<e.length;n++)if(await t(e[n],n,e))return e[n];return null},Z=e=>"string"==typeof e,G=e=>""===e||r(e),V=e=>e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),q=e=>{const t=e.charAt(0),n=e.slice(1);return t.toLowerCase()+n.replace(/[A-Z]/g,e=>`-${e.toLowerCase()}`)},J=e=>e.replace(/([a-z0-9])([A-Z])/g,"$1 $2"),K=e=>e.split(" ").filter(Boolean),Q=e=>{let t=5381;for(let n=0;n<e.length;n++)t=33*t^e.charCodeAt(n);return(t>>>0).toString(36)},ee=(e,t,n,r)=>{const i=n-e,a=r-t;return Math.hypot(i,a)},te=(e,t)=>Math.abs(e/t),ne=(e,t)=>e*t/100,re=["INPUT","SELECT","TEXTAREA","BUTTON","A"],ie=e=>{const t=window.getComputedStyle(e).getPropertyValue("transform").match(/^matrix\((.+)\)$/);if(!t)return{translateX:0,translateY:0,scaleX:1,scaleY:1,skewX:0,skewY:0};const[n,r,i,a,o,l]=t[1].split(", ").map(parseFloat);return{translateX:o,translateY:l,scaleX:n,scaleY:a,skewX:i,skewY:r}},ae=e=>new Blob([e],{type:e.type}),oe=(e,t)=>Math.max(0,Math.min(e.right,t.right)-Math.max(e.left,t.left))*Math.max(0,Math.min(e.bottom,t.bottom)-Math.max(e.top,t.top))/(t.width*t.height),le=e=>new DOMRect(e.offsetLeft,e.offsetTop,e.clientWidth,e.clientHeight),se=e=>"A"===e.tagName,ce=e=>"true"===e.getAttribute("contenteditable"),fe=e=>{if(!e)return!1;const t=window.getComputedStyle(e);if("hidden"===t.visibility||"none"===t.display)return!1;if("disabled"in e&&e.disabled)return!1;const n=e.getAttribute("tabindex");return"-1"!==n&&(re.includes(e.tagName)?!se(e)||""!==e.href:!!ce(e)||null!==n)},ue=e=>Array.from(e.querySelectorAll("*")).filter(fe),he=(e,t=null,{wrap:n=!0,getNextIndex:r}={})=>{const i=document.activeElement,a=t??i?.parentElement;if(!i||!a)return;const o=ue(a);if(0===o.length)return;const l=o.indexOf(i);if(-1===l)return;let s;r?s=r(l,e,o):"next"===e?(s=l+1,s>=o.length&&(s=n?0:null)):(s=l-1,s<0&&(s=n?o.length-1:null)),null!==s&&o[s]?.focus()},me=e=>e.scrollWidth>e.clientWidth,ye=e=>Math.max(0,e.scrollWidth-e.clientWidth),we=e=>e.scrollHeight>e.clientHeight,de=e=>Math.max(0,e.scrollHeight-e.clientHeight),ge=({overflowSize:e,containerSize:t,elementOffset:n,elementSize:r})=>{if(e<=0)return 0;const i=n+r/2-t/2;return-Math.max(0,Math.min(i,e))},pe=(e,t,{axis:n="both"}={})=>{let r=0,i=0;"x"!==n&&"both"!==n||(r=ge({overflowSize:ye(e),containerSize:e.clientWidth,elementOffset:t.offsetLeft,elementSize:t.clientWidth})),"y"!==n&&"both"!==n||(i=ge({overflowSize:de(e),containerSize:e.clientHeight,elementOffset:t.offsetTop,elementSize:t.clientHeight})),e.style.transform=`translate(${r}px, ${i}px)`},be=()=>{if("undefined"==typeof window||!window.localStorage)return!1;try{return window.localStorage.getItem("__non_existing_key__"),!0}catch{return!1}},Se=()=>{if(!be())return{readable:!1,writable:!1};try{const e="__test_write__";return window.localStorage.setItem(e,"1"),window.localStorage.removeItem(e),{readable:!0,writable:!0}}catch{}return{readable:!0,writable:!1}},xe=(e,{fileName:n,target:r}={})=>{if(a(document))return;const i=document.createElement("a");let o=null;try{const t=Z(e)?e:o=URL.createObjectURL(e);i.href=t,n&&(i.download=n),r&&(i.target=r),document.body.appendChild(i),i.click()}finally{i.remove(),o&&setTimeout(()=>{t(o,"Object URL should not be null"),URL.revokeObjectURL(o)},0)}},Ae=e=>e instanceof File,Me=e=>{const t=e.lastIndexOf(".");return t<=0||t===e.length-1?[e,""]:[e.slice(0,t),e.slice(t+1).toLowerCase()]},Oe=e=>{if(!e)return[];const t=[];for(let n=0;n<e.length;n++)t.push(e[n]);return t},ke=(e,t)=>new File([e],t,{type:e.type}),ve=async(e,{skipFiles:t=[".DS_Store","Thumbs.db","desktop.ini","ehthumbs.db",".Spotlight-V100",".Trashes",".fseventsd","__MACOSX"]}={})=>{const n=new Set(t),r=await(async e=>{const t=e.createReader(),n=async()=>new Promise((e,r)=>{t.readEntries(async t=>{if(t.length)try{const r=await n();e([...t,...r])}catch(e){r(e)}else e([])},r)});return n()})(e);return(await $(r,async e=>e.isDirectory?ve(e,{skipFiles:t}):n.has(e.name)?[]:[await new Promise((t,n)=>{e.file(t,n)})])).flat()},Ee=async(e,t={})=>{const n=e?.items;if(!n)return[];const r=[];for(let e=0;e<n.length;e++){const i=n[e];if("webkitGetAsEntry"in i){const e=i.webkitGetAsEntry?.();if(e?.isDirectory){r.push(ve(e,t));continue}if(e?.isFile){r.push(new Promise((t,n)=>e.file(e=>t([e]),n)));continue}}const a=i.getAsFile();a&&r.push(Promise.resolve([a]))}return(await Promise.all(r)).flat()},_e=e=>Object.entries(e).reduce((e,[t,n])=>(void 0!==n&&(e[t]=n),e),{});
+var e={};function t(e,t){if(!e)throw new Error(t)}e.d=(t,n)=>{for(var r in n)e.o(n,r)&&!e.o(t,r)&&Object.defineProperty(t,r,{enumerable:!0,get:n[r]})},e.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t);const n=e=>null===e,r=e=>null==e,a=e=>null!=e,l=e=>void 0===e,i=e=>"number"==typeof e,o=e=>"boolean"==typeof e,s=e=>"object"==typeof e,c=e=>s(e)&&!n(e)&&0===Object.keys(e).length,u=e=>e instanceof Date,f=e=>e instanceof Blob,h=e=>e instanceof Error,d=e=>u(e)&&!isNaN(e.getTime()),m=e=>e instanceof RegExp,y=e=>e instanceof Map,w=e=>e instanceof Set,g=e=>"symbol"==typeof e,p=e=>i(e)&&isFinite(e),b=e=>i(e)&&Number.isInteger(e),x=e=>p(e)&&!Number.isInteger(e),S=e=>Array.isArray(e),v=e=>S(e)&&0===e.length,A=e=>e.filter(Boolean),M=e=>[...new Set(e)],O=(e,n)=>(t(n>0,"Chunk size must be greater than 0"),Array.from({length:Math.ceil(e.length/n)},(t,r)=>e.slice(r*n,(r+1)*n))),k=(...e)=>{if(0===e.length)return[];if(1===e.length)return[...e[0]];const[t,...n]=e;return M(t).filter(e=>n.every(t=>t.includes(e)))},E=(e,t)=>e.filter(e=>!t.includes(e)),T=(...e)=>t=>e.reduce((e,t)=>t(e),t),X=(...e)=>t=>e.reduceRight((e,t)=>t(e),t),_=()=>{},P=e=>"function"==typeof e,z=e=>(...t)=>!e(...t),L=e=>{let t,n=!1;return function(...r){return n||(n=!0,t=e.apply(this,r)),t}},Y=e=>P(e?.then),C=async(e,t)=>{const n=[];for(let r=0;r<e.length;r++)n.push(await t(e[r],r,e));return n},R=async(e,t)=>Promise.all(e.map(t)),N=async(e,t)=>{const n=[];for(let r=0;r<e.length;r++){const a=e[r];await t(a,r,e)&&n.push(a)}return n},j=async(e,t)=>{const n=await R(e,async(e,n,r)=>!!await t(e,n,r)&&e);return A(n)},F=async(e,t)=>{for(let n=0;n<e.length;n++)if(await t(e[n],n,e))return!0;return!1},I=async(e,t)=>{for(let n=0;n<e.length;n++)if(!await t(e[n],n,e))return!1;return!0},$=async(e,t,n)=>{let r=n;for(let n=0;n<e.length;n++)r=await t(r,e[n],n,e);return r},H=async(e,t)=>{for(let n=0;n<e.length;n++)if(await t(e[n],n,e))return e[n];return null},U=e=>new Promise(t=>setTimeout(t,e)),W=async(e,t,n="Operation timed out")=>{try{return await Promise.race([e,U(t).then(()=>Promise.reject(new Error(n)))])}finally{}},B=(e,{maxAttempts:t=3,delayMs:n=300,backoff:r=!0,onRetry:a}={})=>async(...l)=>{let i;for(let o=1;o<=t;o++)try{return await e(...l)}catch(e){if(i=e,o<t){a?.(o,e);const t=r?n*2**(o-1):n;await U(t)}}throw i},D=e=>"string"==typeof e,V=e=>e.replace(/([a-z0-9])([A-Z])/g,"$1-$2").toLowerCase(),Z=e=>{const t=e.charAt(0),n=e.slice(1);return t.toLowerCase()+n.replace(/[A-Z]/g,e=>`-${e.toLowerCase()}`)},G=e=>e.replace(/([a-z0-9])([A-Z])/g,"$1 $2"),q=e=>e.split(" ").filter(Boolean),J=e=>""===e||r(e),K=e=>{const t=e.lastIndexOf(".");return t<=0||t===e.length-1?[e,""]:[e.slice(0,t),e.slice(t+1).toLowerCase()]},Q=(e,...t)=>"function"==typeof e?e(...t):e,ee=(e,t,n,r)=>{const a=n-e,l=r-t;return Math.hypot(a,l)},te=(e,t)=>Math.abs(e/t),ne=(e,t)=>e*t/100,re=e=>{let t=5381;for(let n=0;n<e.length;n++)t=33*t^e.charCodeAt(n);return(t>>>0).toString(36)},ae=e=>new Blob([e],{type:e.type}),le=e=>new DOMRect(e.offsetLeft,e.offsetTop,e.clientWidth,e.clientHeight),ie=e=>"A"===e.tagName,oe=e=>"true"===e.getAttribute("contenteditable"),se=(e,{fileName:n,target:r}={})=>{if(l(document))return;const a=document.createElement("a");let i=null;try{const t=D(e)?e:i=URL.createObjectURL(e);a.href=t,n&&(a.download=n),r&&(a.target=r),document.body.appendChild(a),a.click()}finally{a.remove(),i&&setTimeout(()=>{t(i,"Object URL should not be null"),URL.revokeObjectURL(i)},0)}},ce=e=>e.scrollWidth>e.clientWidth,ue=e=>Math.max(0,e.scrollWidth-e.clientWidth),fe=e=>e.scrollHeight>e.clientHeight,he=e=>Math.max(0,e.scrollHeight-e.clientHeight),de=({overflowSize:e,containerSize:t,elementOffset:n,elementSize:r})=>{if(e<=0)return 0;const a=n+r/2-t/2;return-Math.max(0,Math.min(a,e))},me=(e,t,{axis:n="both"}={})=>{let r=0,a=0;"x"!==n&&"both"!==n||(r=de({overflowSize:ue(e),containerSize:e.clientWidth,elementOffset:t.offsetLeft,elementSize:t.clientWidth})),"y"!==n&&"both"!==n||(a=de({overflowSize:he(e),containerSize:e.clientHeight,elementOffset:t.offsetTop,elementSize:t.clientHeight})),e.style.transform=`translate(${r}px, ${a}px)`},ye=e=>{const t=window.getComputedStyle(e).getPropertyValue("transform").match(/^matrix\((.+)\)$/);if(!t)return{translateX:0,translateY:0,scaleX:1,scaleY:1,skewX:0,skewY:0};const[n,r,a,l,i,o]=t[1].split(", ").map(parseFloat);return{translateX:i,translateY:o,scaleX:n,scaleY:l,skewX:a,skewY:r}},we=e=>e instanceof File,ge=e=>{if(!e)return[];const t=[];for(let n=0;n<e.length;n++)t.push(e[n]);return t},pe=(e,t)=>new File([e],t,{type:e.type}),be=async(e,{skipFiles:t=[".DS_Store","Thumbs.db","desktop.ini","ehthumbs.db",".Spotlight-V100",".Trashes",".fseventsd","__MACOSX"]}={})=>{const n=new Set(t),r=await(async e=>{const t=e.createReader(),n=async()=>new Promise((e,r)=>{t.readEntries(async t=>{if(t.length)try{const r=await n();e([...t,...r])}catch(e){r(e)}else e([])},r)});return n()})(e);return(await R(r,async e=>e.isDirectory?be(e,{skipFiles:t}):n.has(e.name)?[]:[await new Promise((t,n)=>{e.file(t,n)})])).flat()},xe=async(e,t={})=>{const n=e?.items;if(!n)return[];const r=[];for(let e=0;e<n.length;e++){const a=n[e];if("webkitGetAsEntry"in a){const e=a.webkitGetAsEntry?.();if(e?.isDirectory){r.push(be(e,t));continue}if(e?.isFile){r.push(new Promise((t,n)=>e.file(e=>t([e]),n)));continue}}const l=a.getAsFile();l&&r.push(Promise.resolve([l]))}return(await Promise.all(r)).flat()},Se=e=>Object.entries(e).reduce((e,[t,n])=>(void 0!==n&&(e[t]=n),e),{}),ve=({delta:e,value:t,min:n,max:r})=>{if(0===e)return null;const a=t+e;return e<0?t<=n?null:Math.max(a,n):e>0?t>=r?null:Math.min(a,r):null},Ae=({value:e,min:t,max:n,velocity:r,deltaTime:a,friction:l=.002,minVelocity:i=.01})=>{if(Math.abs(r)<i)return null;const o=ve({delta:r*a,value:e,min:t,max:n});return null===o?null:{value:o,velocity:r*Math.exp(-l*a)}},Me=(e,t)=>Math.max(0,Math.min(e.right,t.right)-Math.max(e.left,t.left))*Math.max(0,Math.min(e.bottom,t.bottom)-Math.max(e.top,t.top))/(t.width*t.height),Oe=(e,t,{allowFallback:n=!0,invert:r=!0}={})=>{const a=r?-1:1;switch(t){case"x":return{deltaX:a*(0!==e.deltaX?e.deltaX:n?e.deltaY:0),deltaY:0};case"y":return{deltaX:0,deltaY:a*e.deltaY};default:return{deltaX:a*e.deltaX,deltaY:a*e.deltaY}}},ke=["INPUT","SELECT","TEXTAREA","BUTTON","A"],Ee=e=>{if(!e)return!1;const t=window.getComputedStyle(e);if("hidden"===t.visibility||"none"===t.display)return!1;if("disabled"in e&&e.disabled)return!1;const n=e.getAttribute("tabindex");return"-1"!==n&&(ke.includes(e.tagName)?!ie(e)||""!==e.href:!!oe(e)||null!==n)},Te=e=>Array.from(e.querySelectorAll("*")).filter(Ee),Xe=(e,t=null,{wrap:n=!0,getNextIndex:r}={})=>{const a=document.activeElement,l=t??a?.parentElement;if(!a||!l)return;const i=Te(l);if(0===i.length)return;const o=i.indexOf(a);if(-1===o)return;let s;r?s=r(o,e,i):"next"===e?(s=o+1,s>=i.length&&(s=n?0:null)):(s=o-1,s<0&&(s=n?i.length-1:null)),null!==s&&i[s]?.focus()},_e=()=>{if("undefined"==typeof window||!window.localStorage)return!1;try{return window.localStorage.getItem("__non_existing_key__"),!0}catch{return!1}},Pe=()=>{if(!_e())return{readable:!1,writable:!1};try{const e="__test_write__";return window.localStorage.setItem(e,"1"),window.localStorage.removeItem(e),{readable:!0,writable:!0}}catch{}return{readable:!0,writable:!1}};
 //# sourceMappingURL=index.mjs.map
 
 /***/ },
@@ -12674,9 +12677,9 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! react */ "react");
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! @react-hive/honey-utils */ "./node_modules/@react-hive/honey-utils/dist/index.mjs");
-/* harmony import */ var _HoneyFlex__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./HoneyFlex */ "./src/components/HoneyFlex/index.ts");
-/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../hooks */ "./src/hooks/index.ts");
-/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../helpers */ "./src/helpers/index.ts");
+/* harmony import */ var _hooks__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ../hooks */ "./src/hooks/index.ts");
+/* harmony import */ var _helpers__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ../helpers */ "./src/helpers/index.ts");
+/* harmony import */ var _HoneyFlex__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ./HoneyFlex */ "./src/components/HoneyFlex/index.ts");
 
 
 
@@ -12706,7 +12709,7 @@ __webpack_require__.r(__webpack_exports__);
  * ```
  */
 const HoneyOverlay = ({ ref, children, active, overlayId, onDeactivate, ...props }) => {
-    const overlay = (0,_hooks__WEBPACK_IMPORTED_MODULE_4__.useRegisterHoneyOverlay)(active, {
+    const overlay = (0,_hooks__WEBPACK_IMPORTED_MODULE_3__.useRegisterHoneyOverlay)(active, {
         id: overlayId,
         onKeyUp: (0,react__WEBPACK_IMPORTED_MODULE_1__.useCallback)(keyCode => {
             if (keyCode === 'Escape') {
@@ -12714,8 +12717,8 @@ const HoneyOverlay = ({ ref, children, active, overlayId, onDeactivate, ...props
             }
         }, [onDeactivate]),
     });
-    const mergedRef = (0,_helpers__WEBPACK_IMPORTED_MODULE_5__.mergeRefs)(overlay?.setContainerRef, ref);
-    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_HoneyFlex__WEBPACK_IMPORTED_MODULE_3__.HoneyFlex, { ref: mergedRef, inert: !active, ...props, children: (0,_react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_2__.invokeIfFunction)(children, {
+    const mergedRef = (0,_helpers__WEBPACK_IMPORTED_MODULE_4__.mergeRefs)(overlay?.setContainerRef, ref);
+    return ((0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_HoneyFlex__WEBPACK_IMPORTED_MODULE_5__.HoneyFlex, { ref: mergedRef, inert: !active, ...props, children: (0,_react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_2__.invokeIfFunction)(children, {
             overlay,
             deactivateOverlay: onDeactivate,
         }) }));
@@ -13715,13 +13718,14 @@ const mergeRefs = (...refs) => value => {
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   applyAxisScroll: () => (/* reexport safe */ _use_honey_synthetic_scroll__WEBPACK_IMPORTED_MODULE_8__.applyAxisScroll),
+/* harmony export */   resolveAxisTranslate: () => (/* reexport safe */ _use_honey_synthetic_scroll__WEBPACK_IMPORTED_MODULE_8__.resolveAxisTranslate),
 /* harmony export */   useHoneyDocumentKeyUpHandler: () => (/* reexport safe */ _use_honey_document_key_up_handler__WEBPACK_IMPORTED_MODULE_3__.useHoneyDocumentKeyUpHandler),
 /* harmony export */   useHoneyDrag: () => (/* reexport safe */ _use_honey_drag__WEBPACK_IMPORTED_MODULE_2__.useHoneyDrag),
 /* harmony export */   useHoneyLayout: () => (/* reexport safe */ _use_honey_layout__WEBPACK_IMPORTED_MODULE_4__.useHoneyLayout),
 /* harmony export */   useHoneyMediaQuery: () => (/* reexport safe */ _use_honey_media_query__WEBPACK_IMPORTED_MODULE_1__.useHoneyMediaQuery),
 /* harmony export */   useHoneyOnChange: () => (/* reexport safe */ _use_honey_on_change__WEBPACK_IMPORTED_MODULE_0__.useHoneyOnChange),
 /* harmony export */   useHoneyOverlay: () => (/* reexport safe */ _use_honey_overlay__WEBPACK_IMPORTED_MODULE_6__.useHoneyOverlay),
+/* harmony export */   useHoneyRafLoop: () => (/* reexport safe */ _use_honey_raf_loop__WEBPACK_IMPORTED_MODULE_11__.useHoneyRafLoop),
 /* harmony export */   useHoneyResize: () => (/* reexport safe */ _use_honey_resize__WEBPACK_IMPORTED_MODULE_7__.useHoneyResize),
 /* harmony export */   useHoneySyntheticScroll: () => (/* reexport safe */ _use_honey_synthetic_scroll__WEBPACK_IMPORTED_MODULE_8__.useHoneySyntheticScroll),
 /* harmony export */   useHoneySyntheticScrollX: () => (/* reexport safe */ _use_honey_synthetic_scroll_x__WEBPACK_IMPORTED_MODULE_9__.useHoneySyntheticScrollX),
@@ -13739,6 +13743,8 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var _use_honey_synthetic_scroll__WEBPACK_IMPORTED_MODULE_8__ = __webpack_require__(/*! ./use-honey-synthetic-scroll */ "./src/hooks/use-honey-synthetic-scroll.ts");
 /* harmony import */ var _use_honey_synthetic_scroll_x__WEBPACK_IMPORTED_MODULE_9__ = __webpack_require__(/*! ./use-honey-synthetic-scroll-x */ "./src/hooks/use-honey-synthetic-scroll-x.ts");
 /* harmony import */ var _use_honey_synthetic_scroll_y__WEBPACK_IMPORTED_MODULE_10__ = __webpack_require__(/*! ./use-honey-synthetic-scroll-y */ "./src/hooks/use-honey-synthetic-scroll-y.ts");
+/* harmony import */ var _use_honey_raf_loop__WEBPACK_IMPORTED_MODULE_11__ = __webpack_require__(/*! ./use-honey-raf-loop */ "./src/hooks/use-honey-raf-loop.ts");
+
 
 
 
@@ -14163,6 +14169,149 @@ const useHoneyOverlay = (targetOverlayId, { onKeyUp } = {}) => {
 };
 
 
+/***/ },
+
+/***/ "./src/hooks/use-honey-raf-loop.ts"
+/*!*****************************************!*\
+  !*** ./src/hooks/use-honey-raf-loop.ts ***!
+  \*****************************************/
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   useHoneyRafLoop: () => (/* binding */ useHoneyRafLoop)
+/* harmony export */ });
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
+/* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
+
+/**
+ * A hook for running a controlled `requestAnimationFrame` loop.
+ *
+ * Features:
+ * - Explicit RAF lifecycle control (`start` / `stop`)
+ * - Delta time (`dt`) calculation with frame clamping
+ * - Automatic cleanup on unmounting
+ * - Conservative handling of tab visibility changes (mobile-safe)
+ * - Safe error handling (stops loop on exception)
+ *
+ * Visibility behavior:
+ * - The RAF loop is always stopped when the document becomes hidden
+ * - Automatic resume is disabled by default and must be explicitly enabled
+ *
+ * This hook is designed for gesture handling, inertia, physics simulations,
+ * and animation loops that must not trigger React re-renders on every frame.
+ *
+ * @param callback - Function invoked on each animation frame.
+ * @param options  - Optional configuration for the RAF loop.
+ *
+ * @returns Control helpers and RAF loop state.
+ *
+ * @example
+ * ```ts
+ * // Gesture-driven inertia (recommended usage)
+ * // The RAF loop stops itself when motion decays.
+ *
+ * const velocityRef = useRef({ x: 12, y: 4 });
+ *
+ * const onFrame = useCallback<HoneyRafCallback>(
+ *   (dtMs, { stop }) => {
+ *     velocityRef.current.x *= 0.94;
+ *     velocityRef.current.y *= 0.94;
+ *
+ *     setPosition(p => ({
+ *       x: p.x + velocityRef.current.x,
+ *       y: p.y + velocityRef.current.y,
+ *     }));
+ *
+ *     if (
+ *       Math.abs(velocityRef.current.x) < 0.1 &&
+ *       Math.abs(velocityRef.current.y) < 0.1
+ *     ) {
+ *       stop(); // terminate RAF loop
+ *     }
+ *   },
+ *   [],
+ * );
+ *
+ * useHoneyRafLoop(onFrame);
+ * ```
+ */
+const useHoneyRafLoop = (callback, { autoStart = false, resumeOnVisibility = false, maxDeltaMs = 32, // ~30fps clamp
+onError, } = {}) => {
+    const rafIdRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
+    const lastTimeRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
+    const callbackRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(callback);
+    // Always keep the latest callback without restarting RAF
+    callbackRef.current = callback;
+    const [isRafLoopRunning, setIsRafLoopRunning] = (0,react__WEBPACK_IMPORTED_MODULE_0__.useState)(false);
+    const loop = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(time => {
+        if (lastTimeRef.current === null) {
+            lastTimeRef.current = time;
+        }
+        let dt = time - lastTimeRef.current;
+        lastTimeRef.current = time;
+        // Clamp delta (prevents jumps after background tab / lag)
+        if (dt > maxDeltaMs) {
+            dt = maxDeltaMs;
+        }
+        try {
+            callbackRef.current(dt, {
+                stop: stopRafLoop,
+            });
+            rafIdRef.current = requestAnimationFrame(loop);
+        }
+        catch (e) {
+            stopRafLoop();
+            onError?.(e);
+        }
+    }, [maxDeltaMs, onError]);
+    const startRafLoop = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(() => {
+        if (rafIdRef.current !== null) {
+            return;
+        }
+        lastTimeRef.current = null;
+        setIsRafLoopRunning(true);
+        rafIdRef.current = requestAnimationFrame(loop);
+    }, [loop]);
+    const stopRafLoop = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(() => {
+        if (rafIdRef.current === null) {
+            return;
+        }
+        cancelAnimationFrame(rafIdRef.current);
+        rafIdRef.current = null;
+        lastTimeRef.current = null;
+        setIsRafLoopRunning(false);
+    }, []);
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+        if (autoStart) {
+            startRafLoop();
+        }
+        return stopRafLoop;
+    }, [autoStart, startRafLoop, stopRafLoop]);
+    // Pause when a tab is hidden (important for mobile)
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+        const onVisibilityChange = () => {
+            if (document.hidden) {
+                stopRafLoop();
+            }
+            else if (resumeOnVisibility && autoStart) {
+                startRafLoop();
+            }
+        };
+        document.addEventListener('visibilitychange', onVisibilityChange);
+        return () => {
+            document.removeEventListener('visibilitychange', onVisibilityChange);
+        };
+    }, [autoStart, resumeOnVisibility, startRafLoop, stopRafLoop]);
+    return {
+        startRafLoop,
+        stopRafLoop,
+        isRafLoopRunning,
+    };
+};
+
+
 /***/ },
 
 /***/ "./src/hooks/use-honey-resize.ts"
@@ -14309,7 +14458,7 @@ const useHoneySyntheticScrollY = (options) => (0,_use_honey_synthetic_scroll__WE
 "use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   applyAxisScroll: () => (/* binding */ applyAxisScroll),
+/* harmony export */   resolveAxisTranslate: () => (/* binding */ resolveAxisTranslate),
 /* harmony export */   useHoneySyntheticScroll: () => (/* binding */ useHoneySyntheticScroll)
 /* harmony export */ });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! react */ "react");
@@ -14321,22 +14470,53 @@ __webpack_require__.r(__webpack_exports__);
 
 
 
-/**
- * Calculates the next translate value for a single scroll axis
- * and determines whether movement is allowed within bounds.
- *
- * @returns The next translate value, or `null` if movement is not allowed.
- */
-const applyAxisScroll = ({ delta, currentTranslate, containerSize, overflowSize, overscrollPct, }) => {
-    if (overflowSize <= 0 || delta === 0) {
+const resolveAxisTranslate = ({ delta, translate, containerSize, overflowSize, overscrollPct, }) => {
+    if (overflowSize <= 0) {
         return null;
     }
     const threshold = containerSize * (overscrollPct / 100);
-    const candidate = currentTranslate + delta;
-    const min = -(overflowSize + threshold);
-    const max = threshold;
-    const isWithinBounds = (delta < 0 && candidate >= min) || (delta > 0 && candidate <= max);
-    return isWithinBounds ? candidate : null;
+    return (0,_react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_1__.resolveBoundedDelta)({
+        delta,
+        value: translate,
+        min: -(overflowSize + threshold),
+        max: threshold,
+    });
+};
+const applyScrollDelta = ({ axis, container, deltaX, deltaY, overscrollPct, }) => {
+    const { translateX, translateY } = (0,_react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_1__.parse2DMatrix)(container);
+    let nextX = translateX;
+    let nextY = translateY;
+    let shouldScroll = false;
+    if (axis === 'x' || axis === 'both') {
+        const next = resolveAxisTranslate({
+            delta: deltaX,
+            translate: translateX,
+            containerSize: container.clientWidth,
+            overflowSize: (0,_react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_1__.getXOverflowWidth)(container),
+            overscrollPct,
+        });
+        if (next !== null) {
+            nextX = next;
+            shouldScroll = true;
+        }
+    }
+    if (axis === 'y' || axis === 'both') {
+        const next = resolveAxisTranslate({
+            delta: deltaY,
+            translate: translateY,
+            containerSize: container.clientHeight,
+            overflowSize: (0,_react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_1__.getYOverflowHeight)(container),
+            overscrollPct,
+        });
+        if (next !== null) {
+            nextY = next;
+            shouldScroll = true;
+        }
+    }
+    if (shouldScroll) {
+        container.style.transform = `translate(${nextX}px, ${nextY}px)`;
+    }
+    return shouldScroll;
 };
 /**
  * Enables synthetic scrolling for a container using pointer-based drag gestures.
@@ -14360,8 +14540,11 @@ const applyAxisScroll = ({ delta, currentTranslate, containerSize, overflowSize,
  *
  * @returns A ref that must be attached to the scrollable container element.
  */
-const useHoneySyntheticScroll = ({ axis = 'both', overscrollPct = 0, onStartDrag, onEndDrag, resetOnResize = true, } = {}) => {
-    const scrollableContainerRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
+const useHoneySyntheticScroll = ({ axis = 'both', overscrollPct = 0, onStartDrag, onEndDrag, resetOnResize = true, enablePointerScroll = true, } = {}) => {
+    const containerRef = (0,react__WEBPACK_IMPORTED_MODULE_0__.useRef)(null);
+    const handleOnStartDrag = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(async (...args) => {
+        return onStartDrag?.(...args) ?? true;
+    }, [onStartDrag]);
     /**
      * Handles drag movement and applies clamped translation along the enabled axis or axes.
      *
@@ -14370,58 +14553,67 @@ const useHoneySyntheticScroll = ({ axis = 'both', overscrollPct = 0, onStartDrag
      * - Compute the candidate translate value from the drag delta.
      * - Clamp movement within calculated min / max bounds.
      */
-    const onMoveDrag = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(scrollableContainer => async ({ deltaX, deltaY }) => {
-        const { translateX, translateY } = (0,_react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_1__.parse2DMatrix)(scrollableContainer);
-        let nextX = translateX;
-        let nextY = translateY;
-        let shouldScroll = false;
-        if (axis === 'x' || axis === 'both') {
-            const next = applyAxisScroll({
-                delta: deltaX,
-                currentTranslate: translateX,
-                containerSize: scrollableContainer.clientWidth,
-                overflowSize: (0,_react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_1__.getXOverflowWidth)(scrollableContainer),
-                overscrollPct,
-            });
-            if (next !== null) {
-                nextX = next;
-                shouldScroll = true;
-            }
-        }
-        if (axis === 'y' || axis === 'both') {
-            const next = applyAxisScroll({
-                delta: deltaY,
-                currentTranslate: translateY,
-                containerSize: scrollableContainer.clientHeight,
-                overflowSize: (0,_react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_1__.getYOverflowHeight)(scrollableContainer),
-                overscrollPct,
-            });
-            if (next !== null) {
-                nextY = next;
-                shouldScroll = true;
-            }
-        }
-        // Apply transform only when at least one axis was updated
-        if (shouldScroll) {
-            scrollableContainer.style.transform = `translate(${nextX}px, ${nextY}px)`;
-        }
-        return shouldScroll;
-    }, [overscrollPct]);
-    (0,_use_honey_drag__WEBPACK_IMPORTED_MODULE_2__.useHoneyDrag)(scrollableContainerRef, {
-        onStartDrag,
-        onMoveDrag,
-        onEndDrag,
+    const handleOnMoveDrag = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(container => async ({ deltaX, deltaY }) => {
+        return applyScrollDelta({
+            container,
+            deltaX,
+            deltaY,
+            axis,
+            overscrollPct,
+        });
+    }, [axis, overscrollPct]);
+    const handleOnEndDrag = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(async (...args) => {
+        onEndDrag?.(...args);
+    }, [axis, overscrollPct, onEndDrag]);
+    (0,_use_honey_drag__WEBPACK_IMPORTED_MODULE_2__.useHoneyDrag)(containerRef, {
+        onStartDrag: handleOnStartDrag,
+        onMoveDrag: handleOnMoveDrag,
+        onEndDrag: handleOnEndDrag,
     });
     const resizeHandler = (0,react__WEBPACK_IMPORTED_MODULE_0__.useCallback)(() => {
-        const scrollableContainer = scrollableContainerRef.current;
-        if (scrollableContainer) {
-            scrollableContainer.style.removeProperty('transform');
+        const container = containerRef.current;
+        if (container) {
+            container.style.removeProperty('transform');
         }
     }, []);
     (0,_use_honey_resize__WEBPACK_IMPORTED_MODULE_3__.useHoneyResize)(resizeHandler, {
         enabled: resetOnResize,
     });
-    return scrollableContainerRef;
+    (0,react__WEBPACK_IMPORTED_MODULE_0__.useEffect)(() => {
+        const container = containerRef.current;
+        if (!container) {
+            return;
+        }
+        container.style.overscrollBehavior = 'contain';
+        container.style.touchAction = 'none';
+        const handleOnWheel = (event) => {
+            const { deltaX, deltaY } = (0,_react_hive_honey_utils__WEBPACK_IMPORTED_MODULE_1__.resolveAxisDelta)({
+                deltaX: event.deltaX,
+                deltaY: event.deltaY,
+            }, axis);
+            const didScroll = applyScrollDelta({
+                container,
+                deltaX,
+                deltaY,
+                axis,
+                overscrollPct,
+            });
+            if (didScroll) {
+                event.preventDefault();
+            }
+        };
+        if (enablePointerScroll) {
+            container.addEventListener('wheel', handleOnWheel, { passive: false });
+        }
+        return () => {
+            container.style.removeProperty('overscroll-behavior');
+            container.style.removeProperty('touch-action');
+            if (enablePointerScroll) {
+                container.removeEventListener('wheel', handleOnWheel);
+            }
+        };
+    }, [enablePointerScroll]);
+    return containerRef;
 };
 
 
@@ -15192,7 +15384,6 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   HoneyPopupContext: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_3__.HoneyPopupContext),
 /* harmony export */   HoneyStatusContent: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_3__.HoneyStatusContent),
 /* harmony export */   __DEV__: () => (/* reexport safe */ _constants__WEBPACK_IMPORTED_MODULE_1__.__DEV__),
-/* harmony export */   applyAxisScroll: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_5__.applyAxisScroll),
 /* harmony export */   applyBreakpointStyles: () => (/* reexport safe */ _helpers__WEBPACK_IMPORTED_MODULE_7__.applyBreakpointStyles),
 /* harmony export */   bpMedia: () => (/* reexport safe */ _helpers__WEBPACK_IMPORTED_MODULE_7__.bpMedia),
 /* harmony export */   createStyles: () => (/* reexport safe */ _helpers__WEBPACK_IMPORTED_MODULE_7__.createStyles),
@@ -15202,6 +15393,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   getHoneyListItemId: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_3__.getHoneyListItemId),
 /* harmony export */   honeyVisibilityTransitionEffect: () => (/* reexport safe */ _effects__WEBPACK_IMPORTED_MODULE_8__.honeyVisibilityTransitionEffect),
 /* harmony export */   mergeRefs: () => (/* reexport safe */ _helpers__WEBPACK_IMPORTED_MODULE_7__.mergeRefs),
+/* harmony export */   resolveAxisTranslate: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_5__.resolveAxisTranslate),
 /* harmony export */   resolveScreenState: () => (/* reexport safe */ _helpers__WEBPACK_IMPORTED_MODULE_7__.resolveScreenState),
 /* harmony export */   resolveSpacing: () => (/* binding */ resolveSpacing),
 /* harmony export */   searchFlattenedItems: () => (/* reexport safe */ _utils__WEBPACK_IMPORTED_MODULE_6__.searchFlattenedItems),
@@ -15214,6 +15406,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony export */   useHoneyOverlay: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_5__.useHoneyOverlay),
 /* harmony export */   useHoneyPopup: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_3__.useHoneyPopup),
 /* harmony export */   useHoneyPopupContext: () => (/* reexport safe */ _components__WEBPACK_IMPORTED_MODULE_3__.useHoneyPopupContext),
+/* harmony export */   useHoneyRafLoop: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_5__.useHoneyRafLoop),
 /* harmony export */   useHoneyResize: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_5__.useHoneyResize),
 /* harmony export */   useHoneySyntheticScroll: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_5__.useHoneySyntheticScroll),
 /* harmony export */   useHoneySyntheticScrollX: () => (/* reexport safe */ _hooks__WEBPACK_IMPORTED_MODULE_5__.useHoneySyntheticScrollX),