@koine/react 2.0.0-beta.11 → 2.0.0-beta.110

package/useKeyUp.cjs.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+var dom = require('@koine/dom');
+
+let useKeyUp=(o,r=[])=>{react.useEffect(()=>dom.on(window,"keyup",e=>{// const { key } = event;
+    // be sure we do not intercept keys combinations maybe used for other
+    // actions like native browser navigation shortcuts
+    // @see https://stackoverflow.com/a/37559790/1938970
+    e.ctrlKey||e.altKey||e.shiftKey||e.metaKey||o(e);}),// eslint-disable-next-line react-hooks/exhaustive-deps
+[o,...r]);};
+
+exports["default"] = useKeyUp;
+exports.useKeyUp = useKeyUp;

package/useKeyUp.cjs.mjs

@@ -0,0 +1,2 @@
+export * from './useKeyUp.cjs.js';
+export { _default as default } from './useKeyUp.cjs.default.js';

package/useKeyUp.d.ts

@@ -0,0 +1,2 @@
+export declare let useKeyUp: (callback: (event: KeyboardEvent) => void, deps?: unknown[]) => void;
+export default useKeyUp;

package/useKeyUp.esm.js

@@ -0,0 +1,11 @@
+import { useEffect } from 'react';
+import { on } from '@koine/dom';
+
+let useKeyUp=(o,r=[])=>{useEffect(()=>on(window,"keyup",e=>{// const { key } = event;
+    // be sure we do not intercept keys combinations maybe used for other
+    // actions like native browser navigation shortcuts
+    // @see https://stackoverflow.com/a/37559790/1938970
+    e.ctrlKey||e.altKey||e.shiftKey||e.metaKey||o(e);}),// eslint-disable-next-line react-hooks/exhaustive-deps
+[o,...r]);};
+
+export { useKeyUp as default, useKeyUp };

package/useMeasure.cjs.d.ts

@@ -0,0 +1,2 @@
+export * from "./useMeasure";
+export { default } from "./useMeasure";

package/useMeasure.cjs.default.js

@@ -0,0 +1 @@
+exports._default = require('./useMeasure.cjs.js').default;

package/useMeasure.cjs.js

@@ -0,0 +1,44 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+var utils = require('@koine/utils');
+var dom = require('@koine/dom');
+
+let e;let m=e=>{let t=[];if(!e||e===document.body)return t;let{overflow:r,overflowX:n,overflowY:u}=window.getComputedStyle(e);return [r,n,u].some(e=>"auto"===e||"scroll"===e)&&t.push(e),[...t,...m(e.parentElement)]},p=["x","y","top","bottom","left","right","width","height"],d=(e,t)=>p.every(r=>e[r]===t[r]);// offsetSize?: boolean;
+/**
+ * Use measure hook
+ *
+ * @borrows [pmndrs/react-use-measure](https://github.com/pmndrs/react-use-measure)
+ */let useMeasure=p=>{let{scroll:h=!1}=/* offsetSize = false */p||{},[a,b]=react.useState({left:0,top:0,width:0,height:0,bottom:0,right:0,x:0,y:0}),// keep all state in a ref
+g=react.useRef([// element
+null,// scrollContainers
+null,// resizeObserver
+null,// lastBounds
+a]),// make sure to update state only as long as the component is truly mounted
+v=react.useRef(!1);react.useEffect(()=>(v.current=!0,()=>void(v.current=!1)),[]);// memoize handlers, so event-listeners know when they should update
+let[w,,/* resizeChange */y]=react.useMemo(()=>{let e=(...e)=>{let[t,,,r]=g.current;if(!t)return;let n=t.getBoundingClientRect();// if (element instanceof HTMLElement && offsetSize) {
+//   size.height = element.offsetHeight;
+//   size.width = element.offsetWidth;
+// }
+Object.freeze(n),v.current&&!d(r,n)&&(g.current[3]=n,b(n));},t=utils.debounce(e);return [e,t,t]},[b]);/* , offsetSize */// cleanup current scroll-listeners / observers
+function x(){let[,e,t]=g.current;e&&(e.forEach(e=>dom.off(e,"scroll",y)),g.current[1]=null),t&&(t.disconnect(),g.current[2]=null);}// add scroll-listeners / observers
+function z(){let[t,r]=g.current;t&&!e&&ResizeObserver&&(e=new ResizeObserver(y),g.current[2]=e,e.observe(t),h&&r&&r.forEach(e=>dom.on(e,"scroll",y,{capture:!0,passive:!0})));}return(// add general event listeners
+// useOnWindowScroll(forceRefresh, Boolean(scroll));
+// useOnWindowResize(() => {
+//   debugger;
+//   forceRefresh();
+// });
+react.useEffect(()=>h?dom.listenScrollDebounced(0,w,100):utils.noop,[h,w]),react.useEffect(()=>// const listener = listenResizeDebounced(onWindowResize);
+    // return listener;
+    dom.listenResizeDebounced(0,w,100),[w]),// respond to changes that are relevant for the listeners
+react.useEffect(()=>{x(),z();},// eslint-disable-next-line react-hooks/exhaustive-deps
+[h]),/* , scrollChange, resizeChange */react.useEffect(()=>(// operate on mount, @kuus on the original version there is no call on mount?
+    w(),// remove all listeners when the components unmounts
+    x),// eslint-disable-next-line react-hooks/exhaustive-deps
+[]),[// the ref we expose to the user
+e=>{e&&e!==g.current[0]&&(x(),g.current[0]=e,g.current[1]=m(e),z());},a,w])};
+
+exports["default"] = useMeasure;
+exports.useMeasure = useMeasure;

package/useMeasure.cjs.mjs

@@ -0,0 +1,2 @@
+export * from './useMeasure.cjs.js';
+export { _default as default } from './useMeasure.cjs.default.js';

package/{hooks/useMeasure.d.ts → useMeasure.d.ts}

@@ -18,10 +18,5 @@ export type UseMeasureReturn = [
     RectReadOnly,
     () => void
 ];
-/**
- * Use measure hook
- *
- * @borrows [pmndrs/react-use-measure](https://github.com/pmndrs/react-use-measure)
- */
-export declare function useMeasure(options?: UseMeasureOptions): UseMeasureReturn;
+export declare let useMeasure: (options?: UseMeasureOptions) => UseMeasureReturn;
 export default useMeasure;

package/useMeasure.esm.js

@@ -0,0 +1,39 @@
+import { useState, useRef, useEffect, useMemo } from 'react';
+import { debounce, noop } from '@koine/utils';
+import { listenScrollDebounced, listenResizeDebounced, off, on } from '@koine/dom';
+
+let e;let m=e=>{let t=[];if(!e||e===document.body)return t;let{overflow:r,overflowX:n,overflowY:u}=window.getComputedStyle(e);return [r,n,u].some(e=>"auto"===e||"scroll"===e)&&t.push(e),[...t,...m(e.parentElement)]},p=["x","y","top","bottom","left","right","width","height"],d=(e,t)=>p.every(r=>e[r]===t[r]);// offsetSize?: boolean;
+/**
+ * Use measure hook
+ *
+ * @borrows [pmndrs/react-use-measure](https://github.com/pmndrs/react-use-measure)
+ */let useMeasure=p=>{let{scroll:h=!1}=/* offsetSize = false */p||{},[a,b]=useState({left:0,top:0,width:0,height:0,bottom:0,right:0,x:0,y:0}),// keep all state in a ref
+g=useRef([// element
+null,// scrollContainers
+null,// resizeObserver
+null,// lastBounds
+a]),// make sure to update state only as long as the component is truly mounted
+v=useRef(!1);useEffect(()=>(v.current=!0,()=>void(v.current=!1)),[]);// memoize handlers, so event-listeners know when they should update
+let[w,,/* resizeChange */y]=useMemo(()=>{let e=(...e)=>{let[t,,,r]=g.current;if(!t)return;let n=t.getBoundingClientRect();// if (element instanceof HTMLElement && offsetSize) {
+//   size.height = element.offsetHeight;
+//   size.width = element.offsetWidth;
+// }
+Object.freeze(n),v.current&&!d(r,n)&&(g.current[3]=n,b(n));},t=debounce(e);return [e,t,t]},[b]);/* , offsetSize */// cleanup current scroll-listeners / observers
+function x(){let[,e,t]=g.current;e&&(e.forEach(e=>off(e,"scroll",y)),g.current[1]=null),t&&(t.disconnect(),g.current[2]=null);}// add scroll-listeners / observers
+function z(){let[t,r]=g.current;t&&!e&&ResizeObserver&&(e=new ResizeObserver(y),g.current[2]=e,e.observe(t),h&&r&&r.forEach(e=>on(e,"scroll",y,{capture:!0,passive:!0})));}return(// add general event listeners
+// useOnWindowScroll(forceRefresh, Boolean(scroll));
+// useOnWindowResize(() => {
+//   debugger;
+//   forceRefresh();
+// });
+useEffect(()=>h?listenScrollDebounced(0,w,100):noop,[h,w]),useEffect(()=>// const listener = listenResizeDebounced(onWindowResize);
+    // return listener;
+    listenResizeDebounced(0,w,100),[w]),// respond to changes that are relevant for the listeners
+useEffect(()=>{x(),z();},// eslint-disable-next-line react-hooks/exhaustive-deps
+[h]),/* , scrollChange, resizeChange */useEffect(()=>(// operate on mount, @kuus on the original version there is no call on mount?
+    w(),// remove all listeners when the components unmounts
+    x),// eslint-disable-next-line react-hooks/exhaustive-deps
+[]),[// the ref we expose to the user
+e=>{e&&e!==g.current[0]&&(x(),g.current[0]=e,g.current[1]=m(e),z());},a,w])};
+
+export { useMeasure as default, useMeasure };

package/useMountedState.cjs.d.ts

@@ -0,0 +1,2 @@
+export * from "./useMountedState";
+export { default } from "./useMountedState";

package/useMountedState.cjs.default.js

@@ -0,0 +1 @@
+exports._default = require('./useMountedState.cjs.js').default;

package/useMountedState.cjs.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+
+/**
+ * @borrows [streamich/react-use](https://github.com/streamich/react-use/blob/master/src/useMountedState.ts)
+ */let useMountedState=()=>{let u=react.useRef(!1),n=react.useCallback(()=>u.current,[]);return react.useEffect(()=>(u.current=!0,()=>{u.current=!1;}),[]),n};
+
+exports["default"] = useMountedState;
+exports.useMountedState = useMountedState;

package/useMountedState.cjs.mjs

@@ -0,0 +1,2 @@
+export * from './useMountedState.cjs.js';
+export { _default as default } from './useMountedState.cjs.default.js';

package/useMountedState.d.ts

@@ -0,0 +1,2 @@
+export declare let useMountedState: () => (() => boolean);
+export default useMountedState;

package/useMountedState.esm.js

@@ -0,0 +1,7 @@
+import { useRef, useCallback, useEffect } from 'react';
+
+/**
+ * @borrows [streamich/react-use](https://github.com/streamich/react-use/blob/master/src/useMountedState.ts)
+ */let useMountedState=()=>{let u=useRef(!1),n=useCallback(()=>u.current,[]);return useEffect(()=>(u.current=!0,()=>{u.current=!1;}),[]),n};
+
+export { useMountedState as default, useMountedState };

package/useNavigateAway.cjs.d.ts

@@ -0,0 +1,2 @@
+export * from "./useNavigateAway";
+export { default } from "./useNavigateAway";

package/useNavigateAway.cjs.default.js

@@ -0,0 +1 @@
+exports._default = require('./useNavigateAway.cjs.js').default;

package/useNavigateAway.cjs.js

@@ -0,0 +1,57 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+var dom = require('@koine/dom');
+
+//   string | boolean,
+//   (() => unknown) | undefined,
+//   (() => unknown) | undefined,
+// ];
+// type UseNavigateAwayPagehideHandler = (event: PageTransitionEvent) => unknown;
+/**
+ * @resources
+ *
+ * About browser's specs see:
+ * - https://developer.mozilla.org/en-US/docs/Web/API/Window/pagehide_event
+ * - https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html#//apple_ref/doc/uid/TP40006511-SW5
+ * - https://stackoverflow.com/questions/58009424/pagehide-event-on-google-chrome
+ *
+ * About react see:
+ * - https://github.com/jacobbuck/react-beforeunload
+ * - https://github.com/dioscarey/react-beforeunload-component
+ *
+ * About next.js see:
+ * - https://github.com/vercel/next.js/issues/2476
+ * - https://github.com/vercel/next.js/issues/2694
+ *
+ * For the callback technique see:
+ * - https://stackoverflow.com/a/11835394/1938970
+ */let useNavigateAway=a=>{let o=react.useRef();// const pagehideHandlerRef = useRef<UseNavigateAwayPagehideHandler | undefined>();
+react.useEffect(()=>{o.current=e=>{let t=a(e);return(// Handle legacy `event.returnValue` property
+// https://developer.mozilla.org/en-US/docs/Web/API/Window/beforeunload_event
+(t&&e.preventDefault(),"string"==typeof t)?e.returnValue=t:// Chrome doesn't support `event.preventDefault()` on `BeforeUnloadEvent`,
+// instead it requires `event.returnValue` to be set
+// https://developer.mozilla.org/en-US/docs/Web/API/WindowEventHandlers/onbeforeunload#browser_compatibility
+e.defaultPrevented?e.returnValue="":void 0)};},// pagehideHandlerRef.current = (event) => {
+//   const returnValue = handler?.(event);
+//   if (event.persisted) {
+//     // If the event's persisted property is `true` the page is about
+//     // to enter the Back-Forward Cache, which is also in the frozen state.
+//   } else {
+//     // If the event's persisted property is not `true` the page is
+//     // about to be unloaded.
+//   }
+// };
+[a]),react.useEffect(()=>dom.on(window,"beforeunload",e=>o.current?.(e)),// const listenerPagehide = on(window, "pagehide", (event) =>
+//   pagehideHandlerRef.current?.(event)
+// );
+// return () => {
+//   listenerBeforeunload();
+//   // listenerPagehide();
+// };
+[]);};
+
+exports["default"] = useNavigateAway;
+exports.useNavigateAway = useNavigateAway;

package/useNavigateAway.cjs.mjs

@@ -0,0 +1,2 @@
+export * from './useNavigateAway.cjs.js';
+export { _default as default } from './useNavigateAway.cjs.default.js';

package/useNavigateAway.d.ts

@@ -0,0 +1,3 @@
+export type UseNavigateAwayHandler = (event: BeforeUnloadEvent) => string | boolean;
+export declare let useNavigateAway: (handler: UseNavigateAwayHandler) => void;
+export default useNavigateAway;

package/useNavigateAway.esm.js

@@ -0,0 +1,52 @@
+import { useRef, useEffect } from 'react';
+import { on } from '@koine/dom';
+
+//   string | boolean,
+//   (() => unknown) | undefined,
+//   (() => unknown) | undefined,
+// ];
+// type UseNavigateAwayPagehideHandler = (event: PageTransitionEvent) => unknown;
+/**
+ * @resources
+ *
+ * About browser's specs see:
+ * - https://developer.mozilla.org/en-US/docs/Web/API/Window/pagehide_event
+ * - https://developer.apple.com/library/archive/documentation/AppleApplications/Reference/SafariWebContent/HandlingEvents/HandlingEvents.html#//apple_ref/doc/uid/TP40006511-SW5
+ * - https://stackoverflow.com/questions/58009424/pagehide-event-on-google-chrome
+ *
+ * About react see:
+ * - https://github.com/jacobbuck/react-beforeunload
+ * - https://github.com/dioscarey/react-beforeunload-component
+ *
+ * About next.js see:
+ * - https://github.com/vercel/next.js/issues/2476
+ * - https://github.com/vercel/next.js/issues/2694
+ *
+ * For the callback technique see:
+ * - https://stackoverflow.com/a/11835394/1938970
+ */let useNavigateAway=a=>{let o=useRef();// const pagehideHandlerRef = useRef<UseNavigateAwayPagehideHandler | undefined>();
+useEffect(()=>{o.current=e=>{let t=a(e);return(// Handle legacy `event.returnValue` property
+// https://developer.mozilla.org/en-US/docs/Web/API/Window/beforeunload_event
+(t&&e.preventDefault(),"string"==typeof t)?e.returnValue=t:// Chrome doesn't support `event.preventDefault()` on `BeforeUnloadEvent`,
+// instead it requires `event.returnValue` to be set
+// https://developer.mozilla.org/en-US/docs/Web/API/WindowEventHandlers/onbeforeunload#browser_compatibility
+e.defaultPrevented?e.returnValue="":void 0)};},// pagehideHandlerRef.current = (event) => {
+//   const returnValue = handler?.(event);
+//   if (event.persisted) {
+//     // If the event's persisted property is `true` the page is about
+//     // to enter the Back-Forward Cache, which is also in the frozen state.
+//   } else {
+//     // If the event's persisted property is not `true` the page is
+//     // about to be unloaded.
+//   }
+// };
+[a]),useEffect(()=>on(window,"beforeunload",e=>o.current?.(e)),// const listenerPagehide = on(window, "pagehide", (event) =>
+//   pagehideHandlerRef.current?.(event)
+// );
+// return () => {
+//   listenerBeforeunload();
+//   // listenerPagehide();
+// };
+[]);};
+
+export { useNavigateAway as default, useNavigateAway };

package/usePrevious.cjs.d.ts

@@ -0,0 +1,2 @@
+export * from "./usePrevious";
+export { default } from "./usePrevious";

package/usePrevious.cjs.default.js

@@ -0,0 +1 @@
+exports._default = require('./usePrevious.cjs.js').default;

package/usePrevious.cjs.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+
+let usePrevious=(r,t)=>{let[o,u]=react.useState([r,t]);return o[1]!==r&&u([o[1],r]),o[0]};
+
+exports["default"] = usePrevious;
+exports.usePrevious = usePrevious;

package/usePrevious.cjs.mjs

@@ -0,0 +1,2 @@
+export * from './usePrevious.cjs.js';
+export { _default as default } from './usePrevious.cjs.default.js';

package/usePrevious.d.ts

@@ -0,0 +1,2 @@
+export declare let usePrevious: <T extends unknown>(state: T, defaulValue: T) => T;
+export default usePrevious;

package/usePrevious.esm.js

@@ -0,0 +1,5 @@
+import { useState } from 'react';
+
+let usePrevious=(r,t)=>{let[o,u]=useState([r,t]);return o[1]!==r&&u([o[1],r]),o[0]};
+
+export { usePrevious as default, usePrevious };

package/usePreviousRef.cjs.d.ts

@@ -0,0 +1,2 @@
+export * from "./usePreviousRef";
+export { default } from "./usePreviousRef";

package/usePreviousRef.cjs.default.js

@@ -0,0 +1 @@
+exports._default = require('./usePreviousRef.cjs.js').default;

package/usePreviousRef.cjs.js

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+
+let usePreviousRef=t=>{let u=react.useRef();return react.useEffect(()=>{u.current=t;}),u.current};
+
+exports["default"] = usePreviousRef;
+exports.usePreviousRef = usePreviousRef;

package/usePreviousRef.cjs.mjs

@@ -0,0 +1,2 @@
+export * from './usePreviousRef.cjs.js';
+export { _default as default } from './usePreviousRef.cjs.default.js';

package/usePreviousRef.d.ts

@@ -0,0 +1,2 @@
+export declare let usePreviousRef: <T extends unknown>(value: T) => T | undefined;
+export default usePreviousRef;

package/usePreviousRef.esm.js

@@ -0,0 +1,5 @@
+import { useRef, useEffect } from 'react';
+
+let usePreviousRef=t=>{let u=useRef();return useEffect(()=>{u.current=t;}),u.current};
+
+export { usePreviousRef as default, usePreviousRef };

package/useReveal.d.ts

@@ -0,0 +1,13 @@
+export type UseRevealOptions = {
+    direction?: "left" | "right";
+    offsetStartY?: number;
+    offsetEndY?: number;
+    offsetStartX?: number | "all";
+};
+export declare let useReveal: <T extends HTMLElement = HTMLDivElement>({ direction, offsetStartY, offsetEndY, offsetStartX, }: UseRevealOptions) => {
+    ref: import("react").RefObject<T>;
+    startY: number;
+    endY: number;
+    startX: number;
+};
+export default useReveal;

package/useScrollPosition.cjs.d.ts

@@ -0,0 +1,2 @@
+export * from "./useScrollPosition";
+export { default } from "./useScrollPosition";

package/useScrollPosition.cjs.default.js

@@ -0,0 +1 @@
+exports._default = require('./useScrollPosition.cjs.js').default;

package/useScrollPosition.cjs.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+var utils = require('@koine/utils');
+var dom = require('@koine/dom');
+var useIsomorphicLayoutEffect = require('./useIsomorphicLayoutEffect.cjs.js');
+
+let l={x:0,y:0},n=t=>t?.getBoundingClientRect(),u=(t,e)=>{if(!utils.isBrowser)return l;if(!e)return {x:window.scrollX,y:window.scrollY};let o=n(t?.current||document.body),u=n(e.current);return o?u?{x:(u.x||0)-(o.x||0),y:(u.y||0)-(o.y||0)}:{x:o.left,y:o.top}:l};/**
+ * @borrows [@n8tb1t/use-scroll-position@2.0.3](https://github.com/n8tb1t/use-scroll-position) by `n8tb1t <n8tb1t@gmail.com>`
+ *
+ * We've just:
+ * - reused internal helper functions
+ * - compacted object arguments in functions as plain argument list to improve compression
+ */let useScrollPosition=(l,n=[],i,c,m)=>{let f=react.useRef(u(null,c)),s=null,d=()=>{let t=u(i,c);l(t,f.current),f.current=t,s=null;};useIsomorphicLayoutEffect.useIsomorphicLayoutEffect(()=>{if(!utils.isBrowser)return;let t=dom.listenScroll(()=>{m?null===s&&(s=window.setTimeout(d,m)):d();},c?.current);return ()=>{t(),s&&clearTimeout(s);}},n);};
+
+exports["default"] = useScrollPosition;
+exports.useScrollPosition = useScrollPosition;

package/useScrollPosition.cjs.mjs

@@ -0,0 +1,2 @@
+export * from './useScrollPosition.cjs.js';
+export { _default as default } from './useScrollPosition.cjs.default.js';

package/useScrollPosition.d.ts

@@ -0,0 +1,7 @@
+type Position = {
+    x: number;
+    y: number;
+};
+type ElementRef = React.MutableRefObject<HTMLElement | undefined>;
+export declare let useScrollPosition: (effect: (currentPosition: Position, prevPosition: Position) => void, deps?: import("react").DependencyList, element?: ElementRef, boundingElement?: ElementRef, wait?: number) => void;
+export default useScrollPosition;

package/useScrollPosition.esm.js

@@ -0,0 +1,14 @@
+import { useRef } from 'react';
+import { isBrowser } from '@koine/utils';
+import { listenScroll } from '@koine/dom';
+import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect.esm.js';
+
+let l={x:0,y:0},n=t=>t?.getBoundingClientRect(),u=(t,e)=>{if(!isBrowser)return l;if(!e)return {x:window.scrollX,y:window.scrollY};let o=n(t?.current||document.body),u=n(e.current);return o?u?{x:(u.x||0)-(o.x||0),y:(u.y||0)-(o.y||0)}:{x:o.left,y:o.top}:l};/**
+ * @borrows [@n8tb1t/use-scroll-position@2.0.3](https://github.com/n8tb1t/use-scroll-position) by `n8tb1t <n8tb1t@gmail.com>`
+ *
+ * We've just:
+ * - reused internal helper functions
+ * - compacted object arguments in functions as plain argument list to improve compression
+ */let useScrollPosition=(l,n=[],i,c,m)=>{let f=useRef(u(null,c)),s=null,d=()=>{let t=u(i,c);l(t,f.current),f.current=t,s=null;};useIsomorphicLayoutEffect(()=>{if(!isBrowser)return;let t=listenScroll(()=>{m?null===s&&(s=window.setTimeout(d,m)):d();},c?.current);return ()=>{t(),s&&clearTimeout(s);}},n);};
+
+export { useScrollPosition as default, useScrollPosition };

package/useScrollThreshold.cjs.d.ts

@@ -0,0 +1,2 @@
+export * from "./useScrollThreshold";
+export { default } from "./useScrollThreshold";

package/useScrollThreshold.cjs.default.js

@@ -0,0 +1 @@
+exports._default = require('./useScrollThreshold.cjs.js').default;

package/useScrollThreshold.cjs.js

@@ -0,0 +1,15 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+var utils = require('@koine/utils');
+var dom = require('@koine/dom');
+
+let useScrollThreshold=(i,m)=>{let[u,f]=react.useState(!1),n=react.useCallback(()=>{if(i){let r=window.scrollY,// * -1;
+e=r<i,o=r>i;// console.log("useScrollThreshold setIsBelow", isBelow, posY, threshold);
+f(o),m&&m(e,o);}},[i,m]);return react.useEffect(()=>{if(i){// const listener = listenScrollThrottled(0, handler, 50);
+let r=dom.listenScroll(n);return n(),r}return utils.noop},[i,n]),u};
+
+exports["default"] = useScrollThreshold;
+exports.useScrollThreshold = useScrollThreshold;

package/useScrollThreshold.cjs.mjs

@@ -0,0 +1,2 @@
+export * from './useScrollThreshold.cjs.js';
+export { _default as default } from './useScrollThreshold.cjs.default.js';

package/useScrollThreshold.d.ts

@@ -0,0 +1,2 @@
+export declare let useScrollThreshold: (threshold?: number, callback?: ((isAbove: boolean, isBelow: boolean) => void) | undefined) => boolean;
+export default useScrollThreshold;

package/useScrollThreshold.esm.js

@@ -0,0 +1,10 @@
+import { useState, useCallback, useEffect } from 'react';
+import { noop } from '@koine/utils';
+import { listenScroll } from '@koine/dom';
+
+let useScrollThreshold=(i,m)=>{let[u,f]=useState(!1),n=useCallback(()=>{if(i){let r=window.scrollY,// * -1;
+e=r<i,o=r>i;// console.log("useScrollThreshold setIsBelow", isBelow, posY, threshold);
+f(o),m&&m(e,o);}},[i,m]);return useEffect(()=>{if(i){// const listener = listenScrollThrottled(0, handler, 50);
+let r=listenScroll(n);return n(),r}return noop},[i,n]),u};
+
+export { useScrollThreshold as default, useScrollThreshold };

package/useScrollTo.cjs.d.ts

@@ -0,0 +1,2 @@
+export * from "./useScrollTo";
+export { default } from "./useScrollTo";

package/useScrollTo.cjs.default.js

@@ -0,0 +1 @@
+exports._default = require('./useScrollTo.cjs.js').default;

package/useScrollTo.cjs.js

@@ -0,0 +1,12 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('@koine/utils');
+
+let useScrollTo=(o="",t=0)=>{// FIXME: is the useHeader still needed?
+// const [, , headerHeight] = useHeader();
+if(!utils.isBrowser)return;let l=document.getElementById(o),r=0;if(l&&l.offsetParent)do r+=l.offsetTop;while(l=l.offsetParent)r-=t,r-=/* headerHeight || */0,window.scroll(0,r);};
+
+exports["default"] = useScrollTo;
+exports.useScrollTo = useScrollTo;

package/useScrollTo.cjs.mjs

@@ -0,0 +1,2 @@
+export * from './useScrollTo.cjs.js';
+export { _default as default } from './useScrollTo.cjs.default.js';

package/useScrollTo.d.ts

@@ -0,0 +1,2 @@
+export declare let useScrollTo: (id?: string, offset?: number) => void;
+export default useScrollTo;

package/useScrollTo.esm.js

@@ -0,0 +1,7 @@
+import { isBrowser } from '@koine/utils';
+
+let useScrollTo=(o="",t=0)=>{// FIXME: is the useHeader still needed?
+// const [, , headerHeight] = useHeader();
+if(!isBrowser)return;let l=document.getElementById(o),r=0;if(l&&l.offsetParent)do r+=l.offsetTop;while(l=l.offsetParent)r-=t,r-=/* headerHeight || */0,window.scroll(0,r);};
+
+export { useScrollTo as default, useScrollTo };

package/useSmoothScroll.cjs.d.ts

@@ -0,0 +1,2 @@
+export * from "./useSmoothScroll";
+export { default } from "./useSmoothScroll";

package/useSmoothScroll.cjs.default.js

@@ -0,0 +1 @@
+exports._default = require('./useSmoothScroll.cjs.js').default;

package/useSmoothScroll.cjs.js

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+var utils = require('@koine/utils');
+var dom = require('@koine/dom');
+var useFixedOffset = require('./useFixedOffset.cjs.js');
+require('./useIsomorphicLayoutEffect.cjs.js');
+
+/**
+ *
+ * @param disregardAutomaticFixedOffset When the `to` scroll argument is a DOM
+ * selector we will keep into account the _fixedOffset_ despite this option.
+ * @returns
+ */let useSmoothScroll=m=>{let i=useFixedOffset.useFixedOffset();return react.useCallback((e,l,f,u,n)=>{let c;let p=!1;if(utils.isNumber(e))c=e;else if(e){let t=document.getElementById(e);t&&(c=dom.getOffsetTopSlim(t)-i.current,p=!0);}utils.isNumber(c)&&dom.scrollTo(c=c+(l||0)+(m||p?0:i.current),f,u,n);},[m,i])};
+
+exports["default"] = useSmoothScroll;
+exports.useSmoothScroll = useSmoothScroll;

package/useSmoothScroll.cjs.mjs

@@ -0,0 +1,2 @@
+export * from './useSmoothScroll.cjs.js';
+export { _default as default } from './useSmoothScroll.cjs.default.js';

package/useSmoothScroll.d.ts

@@ -0,0 +1,2 @@
+export declare let useSmoothScroll: (disregardAutomaticFixedOffset?: boolean) => (to?: number | string, customOffset?: number, callback?: () => void, fallbackTimeout?: number, behavior?: ScrollBehavior) => void;
+export default useSmoothScroll;

package/useSmoothScroll.esm.js

@@ -0,0 +1,14 @@
+import { useCallback } from 'react';
+import { isNumber } from '@koine/utils';
+import { getOffsetTopSlim, scrollTo } from '@koine/dom';
+import { useFixedOffset } from './useFixedOffset.esm.js';
+import './useIsomorphicLayoutEffect.esm.js';
+
+/**
+ *
+ * @param disregardAutomaticFixedOffset When the `to` scroll argument is a DOM
+ * selector we will keep into account the _fixedOffset_ despite this option.
+ * @returns
+ */let useSmoothScroll=m=>{let i=useFixedOffset();return useCallback((e,l,f,u,n)=>{let c;let p=!1;if(isNumber(e))c=e;else if(e){let t=document.getElementById(e);t&&(c=getOffsetTopSlim(t)-i.current,p=!0);}isNumber(c)&&scrollTo(c=c+(l||0)+(m||p?0:i.current),f,u,n);},[m,i])};
+
+export { useSmoothScroll as default, useSmoothScroll };

package/useSpinDelay.cjs.d.ts

@@ -0,0 +1,2 @@
+export * from "./useSpinDelay";
+export { default } from "./useSpinDelay";

package/useSpinDelay.cjs.default.js

@@ -0,0 +1 @@
+exports._default = require('./useSpinDelay.cjs.js').default;