@contember/react-utils 1.2.0-alpha.0 → 1.2.0-alpha.1

package/dist/production/hooks/useOnElementMutation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnElementMutation.js","sources":["../../../src/hooks/useOnElementMutation.ts"],"sourcesContent":["import deepEqual from 'deep-equal'\nimport { useEffect, useLayoutEffect, useRef, useState } from 'react'\nimport { useScopedConsoleRef } from '../debug-context'\nimport { RefObjectOrElement, unwrapRefValue } from './unwrapRefValue'\n\nexport function useOnElementMutation(\n\trefOrElement: RefObjectOrElement<HTMLElement | undefined>,\n\tcallback: MutationCallback,\n\toptions: MutationObserverInit = { attributes: true, childList: true, subtree: true },\n) {\n\tconst scopedConsoleRef = useScopedConsoleRef('useOnElementMutation')\n\n\tconst callbackRef = useRef(callback); callbackRef.current = callback\n\tconst optionsRef = useRef<MutationObserverInit>(options); optionsRef.current = options\n\n\tconst [optionsState, setOptionsState] = useState<MutationObserverInit>(options)\n\n\tuseEffect(() => {\n\t\tif (!deepEqual(optionsRef.current, options)) {\n\t\t\tsetOptionsState(options)\n\t\t}\n\t}, [options])\n\n\tuseLayoutEffect(() => {\n\t\tconst element = unwrapRefValue(refOrElement)\n\n\t\tif (element) {\n\t\t\tfunction handler(mutations: MutationRecord[], observer: MutationObserver) {\n\t\t\t\tscopedConsoleRef.current.logged('element.mutations', mutations)\n\t\t\t\tcallbackRef.current(mutations, observer)\n\t\t\t}\n\n\t\t\tconst observer = new MutationObserver(handler)\n\n\t\t\tobserver.observe(element, optionsState)\n\n\t\t\treturn () => {\n\t\t\t\tobserver.disconnect()\n\t\t\t}\n\t\t}\n\t}, [optionsState, refOrElement, scopedConsoleRef])\n}\n"],"names":["observer"],"mappings":";;;;AAKgB,SAAA,qBACf,cACA,UACA,UAAgC,EAAE,YAAY,MAAM,WAAW,MAAM,SAAS,KAAA,GAC7E;AACK,QAAA,mBAAmB,oBAAoB,sBAAsB;AAE7D,QAAA,cAAc,OAAO,QAAQ;AAAG,cAAY,UAAU;AACtD,QAAA,aAAa,OAA6B,OAAO;AAAG,aAAW,UAAU;AAE/E,QAAM,CAAC,cAAc,eAAe,IAAI,SAA+B,OAAO;AAE9E,YAAU,MAAM;AACf,QAAI,CAAC,UAAU,WAAW,SAAS,OAAO,GAAG;AAC5C,sBAAgB,OAAO;AAAA,IACxB;AAAA,EAAA,GACE,CAAC,OAAO,CAAC;AAEZ,kBAAgB,MAAM;AACf,UAAA,UAAU,eAAe,YAAY;AAE3C,QAAI,SAAS;AACH,UAAA,UAAT,SAAiB,WAA6BA,WAA4B;AACxD,yBAAA,QAAQ,OAAO,qBAAqB,SAAS;AAClD,oBAAA,QAAQ,WAAWA,SAAQ;AAAA,MAAA;AAGlC,YAAA,WAAW,IAAI,iBAAiB,OAAO;AAEpC,eAAA,QAAQ,SAAS,YAAY;AAEtC,aAAO,MAAM;AACZ,iBAAS,WAAW;AAAA,MAAA;AAAA,IAEtB;AAAA,EACE,GAAA,CAAC,cAAc,cAAc,gBAAgB,CAAC;AAClD;"}

package/dist/production/hooks/useOnElementResize.js

@@ -0,0 +1,44 @@
+import { useRef, useLayoutEffect } from "react";
+import { unwrapRefValue } from "./unwrapRefValue.js";
+import { useScopedConsoleRef } from "../debug-context/Context.js";
+function useOnElementResize(refOrElement, callback, options = {}, timeout = 300) {
+  const scopedConsoleRef = useScopedConsoleRef("useOnElementResize");
+  const { box = "border-box" } = options;
+  const element = unwrapRefValue(refOrElement);
+  const callbackRef = useRef(callback);
+  callbackRef.current = callback;
+  const lastTimeStamp = useRef(0);
+  useLayoutEffect(() => {
+    let timeoutID = void 0;
+    function debouncedOnChange([entry]) {
+      const timeStamp = Date.now();
+      const delta = timeStamp - lastTimeStamp.current;
+      if (delta > timeout) {
+        scopedConsoleRef.current.warned("element.resize:immediate", null);
+        callbackRef.current(entry);
+        lastTimeStamp.current = timeStamp;
+      } else {
+        clearTimeout(timeoutID);
+        timeoutID = setTimeout(() => {
+          scopedConsoleRef.current.warned("element.resize:debounced", null);
+          callbackRef.current(entry);
+          lastTimeStamp.current = timeStamp;
+        }, timeout);
+      }
+    }
+    if (element instanceof HTMLElement) {
+      const resizeObserver = new ResizeObserver(debouncedOnChange);
+      resizeObserver.observe(element, { box });
+      return () => {
+        clearTimeout(timeoutID);
+        resizeObserver.unobserve(element);
+      };
+    } else if (element) {
+      throw new Error("Exhaustive error: Expecting element to be instance of HTMLElement");
+    }
+  }, [box, element, scopedConsoleRef, timeout]);
+}
+export {
+  useOnElementResize
+};
+//# sourceMappingURL=useOnElementResize.js.map

package/dist/production/hooks/useOnElementResize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnElementResize.js","sources":["../../../src/hooks/useOnElementResize.ts"],"sourcesContent":["import { useLayoutEffect, useRef } from 'react'\nimport { useScopedConsoleRef } from '../debug-context'\nimport { RefObjectOrElement, unwrapRefValue } from './unwrapRefValue'\n\nexport function useOnElementResize(\n\trefOrElement: RefObjectOrElement<HTMLElement | null> | null,\n\tcallback: (entries: ResizeObserverEntry) => void,\n\toptions: ResizeObserverOptions = {},\n\ttimeout: number = 300,\n): void {\n\tconst scopedConsoleRef = useScopedConsoleRef('useOnElementResize')\n\n\tconst { box = 'border-box' } = options\n\tconst element = unwrapRefValue(refOrElement)\n\tconst callbackRef = useRef(callback); callbackRef.current = callback\n\tconst lastTimeStamp = useRef<number>(0)\n\n\tuseLayoutEffect(() => {\n\t\tlet timeoutID: number | undefined = undefined\n\n\t\tfunction debouncedOnChange([entry]: ResizeObserverEntry[]) {\n\t\t\tconst timeStamp = Date.now()\n\t\t\tconst delta = timeStamp - lastTimeStamp.current\n\n\t\t\tif (delta > timeout) {\n\t\t\t\tscopedConsoleRef.current.warned('element.resize:immediate', null)\n\t\t\t\tcallbackRef.current(entry)\n\t\t\t\tlastTimeStamp.current = timeStamp\n\t\t\t} else {\n\t\t\t\tclearTimeout(timeoutID)\n\t\t\t\ttimeoutID = setTimeout(() => {\n\t\t\t\t\tscopedConsoleRef.current.warned('element.resize:debounced', null)\n\t\t\t\t\tcallbackRef.current(entry)\n\t\t\t\t\tlastTimeStamp.current = timeStamp\n\t\t\t\t}, timeout)\n\t\t\t}\n\t\t}\n\n\t\tif (element instanceof HTMLElement) {\n\t\t\tconst resizeObserver = new ResizeObserver(debouncedOnChange)\n\n\t\t\tresizeObserver.observe(element, { box })\n\n\t\t\treturn () => {\n\t\t\t\tclearTimeout(timeoutID)\n\t\t\t\tresizeObserver.unobserve(element)\n\t\t\t}\n\t\t} else if (element) {\n\t\t\tthrow new Error('Exhaustive error: Expecting element to be instance of HTMLElement')\n\t\t}\n\t}, [box, element, scopedConsoleRef, timeout])\n}\n"],"names":[],"mappings":";;;AAIO,SAAS,mBACf,cACA,UACA,UAAiC,CAAC,GAClC,UAAkB,KACX;AACD,QAAA,mBAAmB,oBAAoB,oBAAoB;AAE3D,QAAA,EAAE,MAAM,aAAiB,IAAA;AACzB,QAAA,UAAU,eAAe,YAAY;AACrC,QAAA,cAAc,OAAO,QAAQ;AAAG,cAAY,UAAU;AACtD,QAAA,gBAAgB,OAAe,CAAC;AAEtC,kBAAgB,MAAM;AACrB,QAAI,YAAgC;AAE3B,aAAA,kBAAkB,CAAC,KAAK,GAA0B;AACpD,YAAA,YAAY,KAAK;AACjB,YAAA,QAAQ,YAAY,cAAc;AAExC,UAAI,QAAQ,SAAS;AACH,yBAAA,QAAQ,OAAO,4BAA4B,IAAI;AAChE,oBAAY,QAAQ,KAAK;AACzB,sBAAc,UAAU;AAAA,MAAA,OAClB;AACN,qBAAa,SAAS;AACtB,oBAAY,WAAW,MAAM;AACX,2BAAA,QAAQ,OAAO,4BAA4B,IAAI;AAChE,sBAAY,QAAQ,KAAK;AACzB,wBAAc,UAAU;AAAA,WACtB,OAAO;AAAA,MACX;AAAA,IACD;AAEA,QAAI,mBAAmB,aAAa;AAC7B,YAAA,iBAAiB,IAAI,eAAe,iBAAiB;AAE3D,qBAAe,QAAQ,SAAS,EAAE,IAAK,CAAA;AAEvC,aAAO,MAAM;AACZ,qBAAa,SAAS;AACtB,uBAAe,UAAU,OAAO;AAAA,MAAA;AAAA,eAEvB,SAAS;AACb,YAAA,IAAI,MAAM,mEAAmE;AAAA,IACpF;AAAA,KACE,CAAC,KAAK,SAAS,kBAAkB,OAAO,CAAC;AAC7C;"}

package/dist/production/hooks/useOnScrollWithin.js

@@ -0,0 +1,50 @@
+import { useRef, useLayoutEffect } from "react";
+import { unwrapRefValue } from "./unwrapRefValue.js";
+import { useScopedConsoleRef } from "../debug-context/Context.js";
+function useOnScrollWithin(refOrElement, callback, interval = 1e3 / 60) {
+  const scopedConsoleRef = useScopedConsoleRef("useOnScrollWithin");
+  const callbackRef = useRef(callback);
+  callbackRef.current = callback;
+  const lastTimeStamp = useRef(0);
+  const element = unwrapRefValue(refOrElement);
+  useLayoutEffect(() => {
+    let timeoutID = void 0;
+    function debouncedHandler(event) {
+      clearTimeout(timeoutID);
+      const delta = event.timeStamp - lastTimeStamp.current;
+      scopedConsoleRef.current.logged("event:element.scroll:delta", delta);
+      if (delta > interval) {
+        scopedConsoleRef.current.warned("event:element.scroll:immediately", event);
+        callbackRef.current(event);
+        lastTimeStamp.current = event.timeStamp;
+      } else {
+        timeoutID = setTimeout(() => {
+          scopedConsoleRef.current.warned("event:element.scroll:debounced", event);
+          lastTimeStamp.current = event.timeStamp;
+          callbackRef.current(event);
+        }, interval);
+      }
+    }
+    if (element && element instanceof HTMLElement) {
+      if (element instanceof HTMLBodyElement || element instanceof HTMLHtmlElement) {
+        window.addEventListener("scroll", debouncedHandler, { capture: true, passive: true });
+        window.addEventListener("resize", debouncedHandler);
+        return () => {
+          window.removeEventListener("scroll", debouncedHandler);
+          window.removeEventListener("resize", debouncedHandler);
+        };
+      } else {
+        element.addEventListener("scroll", debouncedHandler, { passive: true, capture: true });
+        return () => {
+          element.removeEventListener("scroll", debouncedHandler);
+        };
+      }
+    } else if (element) {
+      throw new Error("Exhaustive error: Expecting element to be instance of HTMLElement");
+    }
+  }, [element, interval, scopedConsoleRef]);
+}
+export {
+  useOnScrollWithin
+};
+//# sourceMappingURL=useOnScrollWithin.js.map

package/dist/production/hooks/useOnScrollWithin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnScrollWithin.js","sources":["../../../src/hooks/useOnScrollWithin.ts"],"sourcesContent":["import { useLayoutEffect, useRef } from 'react'\nimport { useScopedConsoleRef } from '../debug-context'\nimport { RefObjectOrElement, unwrapRefValue } from './unwrapRefValue'\n\n/**\n * Invokes callback on scroll event within the scroll container\n *\n * @param refOrElement - Scroll container\n * @param callback - Callback that is invoked on scroll event\n * @param interval - Specifies how often should scroll event invoke callback\n */\nexport function useOnScrollWithin(\n\trefOrElement: RefObjectOrElement<HTMLElement | null> | null,\n\tcallback: (event: Event) => void,\n\tinterval: number = 1000 / 60,\n) {\n\tconst scopedConsoleRef = useScopedConsoleRef('useOnScrollWithin')\n\n\tconst callbackRef = useRef(callback); callbackRef.current = callback\n\tconst lastTimeStamp = useRef<number>(0)\n\n\tconst element = unwrapRefValue(refOrElement)\n\n\tuseLayoutEffect(() => {\n\t\tlet timeoutID: number | undefined = undefined\n\n\t\tfunction debouncedHandler(event: Event) {\n\t\t\tclearTimeout(timeoutID)\n\n\t\t\tconst delta = event.timeStamp - lastTimeStamp.current\n\t\t\tscopedConsoleRef.current.logged('event:element.scroll:delta', delta)\n\n\t\t\tif (delta > interval) {\n\t\t\t\tscopedConsoleRef.current.warned('event:element.scroll:immediately', event)\n\t\t\t\tcallbackRef.current(event)\n\t\t\t\tlastTimeStamp.current = event.timeStamp\n\t\t\t} else {\n\t\t\t\ttimeoutID = setTimeout(() => {\n\t\t\t\t\tscopedConsoleRef.current.warned('event:element.scroll:debounced', event)\n\t\t\t\t\tlastTimeStamp.current = event.timeStamp\n\t\t\t\t\tcallbackRef.current(event)\n\t\t\t\t}, interval)\n\t\t\t}\n\t\t}\n\n\t\tif (element && element instanceof HTMLElement) {\n\t\t\tif (element instanceof HTMLBodyElement || element instanceof HTMLHtmlElement) {\n\t\t\t\twindow.addEventListener('scroll', debouncedHandler, { capture: true, passive: true })\n\t\t\t\twindow.addEventListener('resize', debouncedHandler)\n\n\t\t\t\treturn () => {\n\t\t\t\t\twindow.removeEventListener('scroll', debouncedHandler)\n\t\t\t\t\twindow.removeEventListener('resize', debouncedHandler)\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\telement.addEventListener('scroll', debouncedHandler, { passive: true, capture: true })\n\n\t\t\t\treturn () => {\n\t\t\t\t\telement.removeEventListener('scroll', debouncedHandler)\n\t\t\t\t}\n\t\t\t}\n\t\t} else if (element) {\n\t\t\tthrow new Error('Exhaustive error: Expecting element to be instance of HTMLElement')\n\t\t}\n\n\t}, [element, interval, scopedConsoleRef])\n}\n"],"names":[],"mappings":";;;AAWO,SAAS,kBACf,cACA,UACA,WAAmB,MAAO,IACzB;AACK,QAAA,mBAAmB,oBAAoB,mBAAmB;AAE1D,QAAA,cAAc,OAAO,QAAQ;AAAG,cAAY,UAAU;AACtD,QAAA,gBAAgB,OAAe,CAAC;AAEhC,QAAA,UAAU,eAAe,YAAY;AAE3C,kBAAgB,MAAM;AACrB,QAAI,YAAgC;AAEpC,aAAS,iBAAiB,OAAc;AACvC,mBAAa,SAAS;AAEhB,YAAA,QAAQ,MAAM,YAAY,cAAc;AAC7B,uBAAA,QAAQ,OAAO,8BAA8B,KAAK;AAEnE,UAAI,QAAQ,UAAU;AACJ,yBAAA,QAAQ,OAAO,oCAAoC,KAAK;AACzE,oBAAY,QAAQ,KAAK;AACzB,sBAAc,UAAU,MAAM;AAAA,MAAA,OACxB;AACN,oBAAY,WAAW,MAAM;AACX,2BAAA,QAAQ,OAAO,kCAAkC,KAAK;AACvE,wBAAc,UAAU,MAAM;AAC9B,sBAAY,QAAQ,KAAK;AAAA,WACvB,QAAQ;AAAA,MACZ;AAAA,IACD;AAEI,QAAA,WAAW,mBAAmB,aAAa;AAC1C,UAAA,mBAAmB,mBAAmB,mBAAmB,iBAAiB;AACtE,eAAA,iBAAiB,UAAU,kBAAkB,EAAE,SAAS,MAAM,SAAS,MAAM;AAC7E,eAAA,iBAAiB,UAAU,gBAAgB;AAElD,eAAO,MAAM;AACL,iBAAA,oBAAoB,UAAU,gBAAgB;AAC9C,iBAAA,oBAAoB,UAAU,gBAAgB;AAAA,QAAA;AAAA,MACtD,OACM;AACE,gBAAA,iBAAiB,UAAU,kBAAkB,EAAE,SAAS,MAAM,SAAS,MAAM;AAErF,eAAO,MAAM;AACJ,kBAAA,oBAAoB,UAAU,gBAAgB;AAAA,QAAA;AAAA,MAExD;AAAA,eACU,SAAS;AACb,YAAA,IAAI,MAAM,mEAAmE;AAAA,IACpF;AAAA,EAEE,GAAA,CAAC,SAAS,UAAU,gBAAgB,CAAC;AACzC;"}

package/dist/production/hooks/useOnWindowResize.js

@@ -0,0 +1,36 @@
+import { useRef, useLayoutEffect } from "react";
+import { useScopedConsoleRef } from "../debug-context/Context.js";
+function useOnWindowResize(callback, interval = 300) {
+  const scopedConsoleRef = useScopedConsoleRef("useOnWindowResize");
+  const callbackRef = useRef(callback);
+  callbackRef.current = callback;
+  const lastTimeStamp = useRef(0);
+  useLayoutEffect(() => {
+    let timeoutID = void 0;
+    function debouncedHandler(event) {
+      clearTimeout(timeoutID);
+      const delta = event.timeStamp - lastTimeStamp.current;
+      scopedConsoleRef.current.logged("window.resize:delta", delta);
+      if (delta > interval) {
+        scopedConsoleRef.current.warned("event:window.resize:immediately", null);
+        callbackRef.current(event);
+        lastTimeStamp.current = event.timeStamp;
+      } else {
+        timeoutID = setTimeout(() => {
+          scopedConsoleRef.current.warned("event:window.resize:debounced", null);
+          lastTimeStamp.current = event.timeStamp;
+          callbackRef.current(event);
+        }, interval);
+      }
+    }
+    window.addEventListener("resize", debouncedHandler);
+    return () => {
+      clearTimeout(timeoutID);
+      window.removeEventListener("resize", debouncedHandler);
+    };
+  }, [callbackRef, interval, scopedConsoleRef]);
+}
+export {
+  useOnWindowResize
+};
+//# sourceMappingURL=useOnWindowResize.js.map

package/dist/production/hooks/useOnWindowResize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnWindowResize.js","sources":["../../../src/hooks/useOnWindowResize.ts"],"sourcesContent":["import { useLayoutEffect, useRef } from 'react'\nimport { useScopedConsoleRef } from '../debug-context'\n\nexport function useOnWindowResize(\n\tcallback: (event: Event) => void,\n\tinterval: number = 300,\n) {\n\tconst scopedConsoleRef = useScopedConsoleRef('useOnWindowResize')\n\n\tconst callbackRef = useRef(callback); callbackRef.current = callback\n\tconst lastTimeStamp = useRef<number>(0)\n\n\tuseLayoutEffect(() => {\n\t\tlet timeoutID: number | undefined = undefined\n\n\t\tfunction debouncedHandler(event: Event) {\n\t\t\tclearTimeout(timeoutID)\n\n\t\t\tconst delta = event.timeStamp - lastTimeStamp.current\n\t\t\tscopedConsoleRef.current.logged('window.resize:delta', delta)\n\n\t\t\tif (delta > interval) {\n\t\t\t\tscopedConsoleRef.current.warned('event:window.resize:immediately', null)\n\t\t\t\tcallbackRef.current(event)\n\t\t\t\tlastTimeStamp.current = event.timeStamp\n\t\t\t} else {\n\t\t\t\ttimeoutID = setTimeout(() => {\n\t\t\t\t\tscopedConsoleRef.current.warned('event:window.resize:debounced', null)\n\t\t\t\t\tlastTimeStamp.current = event.timeStamp\n\t\t\t\t\tcallbackRef.current(event)\n\t\t\t\t}, interval)\n\t\t\t}\n\t\t}\n\n\t\twindow.addEventListener('resize', debouncedHandler)\n\n\t\treturn () => {\n\t\t\tclearTimeout(timeoutID)\n\t\t\twindow.removeEventListener('resize', debouncedHandler)\n\t\t}\n\t}, [callbackRef, interval, scopedConsoleRef])\n}\n"],"names":[],"mappings":";;AAGgB,SAAA,kBACf,UACA,WAAmB,KAClB;AACK,QAAA,mBAAmB,oBAAoB,mBAAmB;AAE1D,QAAA,cAAc,OAAO,QAAQ;AAAG,cAAY,UAAU;AACtD,QAAA,gBAAgB,OAAe,CAAC;AAEtC,kBAAgB,MAAM;AACrB,QAAI,YAAgC;AAEpC,aAAS,iBAAiB,OAAc;AACvC,mBAAa,SAAS;AAEhB,YAAA,QAAQ,MAAM,YAAY,cAAc;AAC7B,uBAAA,QAAQ,OAAO,uBAAuB,KAAK;AAE5D,UAAI,QAAQ,UAAU;AACJ,yBAAA,QAAQ,OAAO,mCAAmC,IAAI;AACvE,oBAAY,QAAQ,KAAK;AACzB,sBAAc,UAAU,MAAM;AAAA,MAAA,OACxB;AACN,oBAAY,WAAW,MAAM;AACX,2BAAA,QAAQ,OAAO,iCAAiC,IAAI;AACrE,wBAAc,UAAU,MAAM;AAC9B,sBAAY,QAAQ,KAAK;AAAA,WACvB,QAAQ;AAAA,MACZ;AAAA,IACD;AAEO,WAAA,iBAAiB,UAAU,gBAAgB;AAElD,WAAO,MAAM;AACZ,mBAAa,SAAS;AACf,aAAA,oBAAoB,UAAU,gBAAgB;AAAA,IAAA;AAAA,EAEpD,GAAA,CAAC,aAAa,UAAU,gBAAgB,CAAC;AAC7C;"}

package/dist/production/hooks/useScrollOffsets.js

@@ -0,0 +1,68 @@
+import { assert } from "@contember/utilities";
+import { useState, useLayoutEffect, useMemo } from "react";
+import { unwrapRefValue } from "./unwrapRefValue.js";
+import { useOnScrollWithin } from "./useOnScrollWithin.js";
+import { useOnWindowResize } from "./useOnWindowResize.js";
+import { useScopedConsoleRef } from "../debug-context/Context.js";
+import { useReferentiallyStableCallback } from "../referentiallyStable/useReferentiallyStableCallback.js";
+function useScrollOffsets(refOrElement, interval = 1e3 / 60) {
+  const { logged } = useScopedConsoleRef("useScrollOffsets").current;
+  const [top, setTop] = useState(0);
+  const [bottom, setBottom] = useState(0);
+  const [left, setLeft] = useState(0);
+  const [right, setRight] = useState(0);
+  const updateScrollOffsetsState = useReferentiallyStableCallback((offsets) => {
+    logged("Update the offsets:", {
+      previous: { bottom, left, right, top },
+      next: offsets
+    });
+    if (offsets.bottom !== bottom)
+      setBottom(offsets.bottom);
+    if (offsets.left !== left)
+      setLeft(offsets.left);
+    if (offsets.right !== right)
+      setRight(offsets.right);
+    if (offsets.top !== top)
+      setTop(offsets.top);
+  });
+  const handler = useReferentiallyStableCallback(() => {
+    const maybeScrollContent = unwrapRefValue(refOrElement) ?? document;
+    if (maybeScrollContent) {
+      updateScrollOffsetsState(
+        getElementScrollOffsets(maybeScrollContent)
+      );
+    }
+  });
+  useOnScrollWithin(refOrElement, handler, interval);
+  useOnWindowResize(handler);
+  useLayoutEffect(handler, [handler]);
+  return useMemo(() => ({ bottom, left, right, top }), [bottom, left, right, top]);
+}
+function isIntrinsicScrollElement(element) {
+  return element instanceof HTMLBodyElement || element instanceof HTMLHtmlElement || element instanceof DocumentType || element instanceof Document || element instanceof HTMLDocument;
+}
+function getIntrinsicScrollContainer(element) {
+  const html = document.body.parentElement;
+  assert("HTML element exists", html, (value) => value instanceof HTMLElement);
+  if (isIntrinsicScrollElement(element)) {
+    return html;
+  } else {
+    return element;
+  }
+}
+function getElementScrollOffsets(element) {
+  const isIntrinsicScrolling = isIntrinsicScrollElement(element);
+  const scrollContainer = getIntrinsicScrollContainer(element);
+  const { scrollLeft, scrollTop, scrollHeight, scrollWidth } = scrollContainer;
+  const height = isIntrinsicScrolling ? window.innerHeight : scrollContainer.offsetHeight;
+  const width = isIntrinsicScrolling ? window.innerWidth : scrollContainer.offsetWidth;
+  const left = Math.round(scrollLeft);
+  const top = Math.round(scrollTop);
+  const right = Math.round(scrollWidth - width - left);
+  const bottom = Math.round(scrollHeight - height - top);
+  return { bottom, left, right, top };
+}
+export {
+  useScrollOffsets
+};
+//# sourceMappingURL=useScrollOffsets.js.map

package/dist/production/hooks/useScrollOffsets.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollOffsets.js","sources":["../../../src/hooks/useScrollOffsets.ts"],"sourcesContent":["import { assert } from '@contember/utilities'\nimport { useLayoutEffect, useMemo, useState } from 'react'\nimport { useScopedConsoleRef } from '../debug-context'\nimport { useReferentiallyStableCallback } from '../referentiallyStable'\nimport { RefObjectOrElement, unwrapRefValue } from './unwrapRefValue'\nimport { useOnScrollWithin } from './useOnScrollWithin'\nimport { useOnWindowResize } from './useOnWindowResize'\n\nexport type Offsets = {\n\tbottom: number;\n\tleft: number;\n\tright: number;\n\ttop: number;\n}\n\nexport function useScrollOffsets(refOrElement: RefObjectOrElement<HTMLElement | null> | null, interval: number = 1000 / 60) {\n\tconst { logged } = useScopedConsoleRef('useScrollOffsets').current\n\n\tconst [top, setTop] = useState(0)\n\tconst [bottom, setBottom] = useState(0)\n\tconst [left, setLeft] = useState(0)\n\tconst [right, setRight] = useState(0)\n\n\tconst updateScrollOffsetsState = useReferentiallyStableCallback((offsets: Offsets) => {\n\t\tlogged('Update the offsets:', {\n\t\t\tprevious: { bottom, left, right, top },\n\t\t\tnext: offsets,\n\t\t})\n\n\t\tif (offsets.bottom !== bottom) setBottom(offsets.bottom)\n\t\tif (offsets.left !== left) setLeft(offsets.left)\n\t\tif (offsets.right !== right) setRight(offsets.right)\n\t\tif (offsets.top !== top) setTop(offsets.top)\n\t})\n\n\tconst handler = useReferentiallyStableCallback(() => {\n\t\tconst maybeScrollContent = unwrapRefValue(refOrElement) ?? document\n\n\t\tif (maybeScrollContent) {\n\t\t\tupdateScrollOffsetsState(\n\t\t\t\tgetElementScrollOffsets(maybeScrollContent),\n\t\t\t)\n\t\t}\n\t})\n\n\tuseOnScrollWithin(refOrElement, handler, interval)\n\tuseOnWindowResize(handler)\n\tuseLayoutEffect(handler, [handler])\n\n\treturn useMemo(() => ({ bottom, left, right, top }), [bottom, left, right, top])\n}\n\nfunction isIntrinsicScrollElement(element: unknown): element is Document {\n\treturn element instanceof HTMLBodyElement\n\t\t|| element instanceof HTMLHtmlElement\n\t\t|| element instanceof DocumentType\n\t\t|| element instanceof Document\n\t\t|| element instanceof HTMLDocument\n}\n\nfunction getIntrinsicScrollContainer(element: HTMLElement | Document): HTMLElement {\n\tconst html = document.body.parentElement\n\tassert('HTML element exists', html, (value): value is HTMLElement => value instanceof HTMLElement)\n\n\tif (isIntrinsicScrollElement(element)) {\n\t\treturn html\n\t} else {\n\t\treturn element\n\t}\n}\n\nfunction getElementScrollOffsets(element: HTMLElement | Document): Offsets {\n\tconst isIntrinsicScrolling = isIntrinsicScrollElement(element)\n\tconst scrollContainer = getIntrinsicScrollContainer(element)\n\n\tconst { scrollLeft, scrollTop, scrollHeight, scrollWidth } = scrollContainer\n\n\tconst height = isIntrinsicScrolling ? window.innerHeight : scrollContainer.offsetHeight\n\tconst width = isIntrinsicScrolling ? window.innerWidth : scrollContainer.offsetWidth\n\n\tconst left = Math.round(scrollLeft)\n\tconst top = Math.round(scrollTop)\n\n\tconst right = Math.round(scrollWidth - width - left)\n\tconst bottom = Math.round(scrollHeight - height - top)\n\n\treturn { bottom, left, right, top }\n}\n"],"names":[],"mappings":";;;;;;;AAeO,SAAS,iBAAiB,cAA6D,WAAmB,MAAO,IAAI;AAC3H,QAAM,EAAE,OAAW,IAAA,oBAAoB,kBAAkB,EAAE;AAE3D,QAAM,CAAC,KAAK,MAAM,IAAI,SAAS,CAAC;AAChC,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,CAAC;AACtC,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,CAAC;AAClC,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,CAAC;AAE9B,QAAA,2BAA2B,+BAA+B,CAAC,YAAqB;AACrF,WAAO,uBAAuB;AAAA,MAC7B,UAAU,EAAE,QAAQ,MAAM,OAAO,IAAI;AAAA,MACrC,MAAM;AAAA,IAAA,CACN;AAED,QAAI,QAAQ,WAAW;AAAQ,gBAAU,QAAQ,MAAM;AACvD,QAAI,QAAQ,SAAS;AAAM,cAAQ,QAAQ,IAAI;AAC/C,QAAI,QAAQ,UAAU;AAAO,eAAS,QAAQ,KAAK;AACnD,QAAI,QAAQ,QAAQ;AAAK,aAAO,QAAQ,GAAG;AAAA,EAAA,CAC3C;AAEK,QAAA,UAAU,+BAA+B,MAAM;AAC9C,UAAA,qBAAqB,eAAe,YAAY,KAAK;AAE3D,QAAI,oBAAoB;AACvB;AAAA,QACC,wBAAwB,kBAAkB;AAAA,MAAA;AAAA,IAE5C;AAAA,EAAA,CACA;AAEiB,oBAAA,cAAc,SAAS,QAAQ;AACjD,oBAAkB,OAAO;AACT,kBAAA,SAAS,CAAC,OAAO,CAAC;AAElC,SAAO,QAAQ,OAAO,EAAE,QAAQ,MAAM,OAAO,QAAQ,CAAC,QAAQ,MAAM,OAAO,GAAG,CAAC;AAChF;AAEA,SAAS,yBAAyB,SAAuC;AACjE,SAAA,mBAAmB,mBACtB,mBAAmB,mBACnB,mBAAmB,gBACnB,mBAAmB,YACnB,mBAAmB;AACxB;AAEA,SAAS,4BAA4B,SAA8C;AAC5E,QAAA,OAAO,SAAS,KAAK;AAC3B,SAAO,uBAAuB,MAAM,CAAC,UAAgC,iBAAiB,WAAW;AAE7F,MAAA,yBAAyB,OAAO,GAAG;AAC/B,WAAA;AAAA,EAAA,OACD;AACC,WAAA;AAAA,EACR;AACD;AAEA,SAAS,wBAAwB,SAA0C;AACpE,QAAA,uBAAuB,yBAAyB,OAAO;AACvD,QAAA,kBAAkB,4BAA4B,OAAO;AAE3D,QAAM,EAAE,YAAY,WAAW,cAAc,gBAAgB;AAE7D,QAAM,SAAS,uBAAuB,OAAO,cAAc,gBAAgB;AAC3E,QAAM,QAAQ,uBAAuB,OAAO,aAAa,gBAAgB;AAEnE,QAAA,OAAO,KAAK,MAAM,UAAU;AAC5B,QAAA,MAAM,KAAK,MAAM,SAAS;AAEhC,QAAM,QAAQ,KAAK,MAAM,cAAc,QAAQ,IAAI;AACnD,QAAM,SAAS,KAAK,MAAM,eAAe,SAAS,GAAG;AAErD,SAAO,EAAE,QAAQ,MAAM,OAAO,IAAI;AACnC;"}

package/dist/production/hooks/useStoredState.js.map

@@ -1 +1 @@
-{"version":3,"file":"useStoredState.js","sources":["../../../src/hooks/useStoredState.ts"],"sourcesContent":["import { useCallback, useState } from 'react'\nimport { Serializable } from '../types'\n\ntype SetState<V extends Serializable> = (value: V | ((current: V) => V)) => void;\ntype ValueInitializer<V extends Serializable> = (storedValue: V | undefined) => V;\n\nconst createStoredStateHook = (getStorage: () => Storage) => {\n\treturn <V extends Serializable>(key: string, initializeValue: ValueInitializer<V>): [V, SetState<V>] => {\n\t\tconst storage = getStorage()\n\t\tconst [value, setValue] = useState<V>(() => {\n\t\t\tconst value = storage.getItem(key)\n\t\t\tconst parsedValue: V | undefined = value !== null ? JSON.parse(value) : undefined\n\t\t\treturn initializeValue(parsedValue)\n\t\t})\n\t\treturn [value, useCallback(value => {\n\t\t\tsetValue(current => {\n\t\t\t\tconst newValue = typeof value === 'function' ? (value as (current: V) => V)(current) : value\n\t\t\t\tstorage.setItem(key, JSON.stringify(newValue))\n\t\t\t\treturn newValue\n\t\t\t})\n\t\t}, [key, storage])]\n\t}\n\n}\n\nexport const useSessionStorageState = createStoredStateHook(() => sessionStorage)\n"],"names":["value"],"mappings":";AAMA,MAAM,wBAAwB,CAAC,eAA8B;AACrD,SAAA,CAAyB,KAAa,oBAA2D;AACvG,UAAM,UAAU;AAChB,UAAM,CAAC,OAAO,QAAQ,IAAI,SAAY,MAAM;AACrCA,YAAAA,SAAQ,QAAQ,QAAQ,GAAG;AACjC,YAAM,cAA6BA,WAAU,OAAO,KAAK,MAAMA,MAAK,IAAI;AACxE,aAAO,gBAAgB,WAAW;AAAA,IAAA,CAClC;AACD,WAAO,CAAC,OAAO,YAAY,CAAAA,WAAS;AACnC,eAAS,CAAW,YAAA;AACnB,cAAM,WAAW,OAAOA,WAAU,aAAcA,OAA4B,OAAO,IAAIA;AACvF,gBAAQ,QAAQ,KAAK,KAAK,UAAU,QAAQ,CAAC;AACtC,eAAA;AAAA,MAAA,CACP;AAAA,IACC,GAAA,CAAC,KAAK,OAAO,CAAC,CAAC;AAAA,EAAA;AAGpB;AAEa,MAAA,yBAAyB,sBAAsB,MAAM,cAAc;"}
+{"version":3,"file":"useStoredState.js","sources":["../../../src/hooks/useStoredState.ts"],"sourcesContent":["import { useCallback, useState } from 'react'\nimport { Serializable } from '../types'\n\nexport type SetState<V extends Serializable> = (value: V | ((current: V) => V)) => void;\nexport type ValueInitializer<V extends Serializable> = (storedValue: V | undefined) => V;\n\nconst createStoredStateHook = (getStorage: () => Storage) => {\n\treturn <V extends Serializable>(key: string, initializeValue: ValueInitializer<V>): [V, SetState<V>] => {\n\t\tconst storage = getStorage()\n\t\tconst [value, setValue] = useState<V>(() => {\n\t\t\tconst value = storage.getItem(key)\n\t\t\tconst parsedValue: V | undefined = value !== null ? JSON.parse(value) : undefined\n\t\t\treturn initializeValue(parsedValue)\n\t\t})\n\t\treturn [value, useCallback(value => {\n\t\t\tsetValue(current => {\n\t\t\t\tconst newValue = typeof value === 'function' ? (value as (current: V) => V)(current) : value\n\t\t\t\tstorage.setItem(key, JSON.stringify(newValue))\n\t\t\t\treturn newValue\n\t\t\t})\n\t\t}, [key, storage])]\n\t}\n\n}\n\nexport const useSessionStorageState = createStoredStateHook(() => sessionStorage)\n"],"names":["value"],"mappings":";AAMA,MAAM,wBAAwB,CAAC,eAA8B;AACrD,SAAA,CAAyB,KAAa,oBAA2D;AACvG,UAAM,UAAU;AAChB,UAAM,CAAC,OAAO,QAAQ,IAAI,SAAY,MAAM;AACrCA,YAAAA,SAAQ,QAAQ,QAAQ,GAAG;AACjC,YAAM,cAA6BA,WAAU,OAAO,KAAK,MAAMA,MAAK,IAAI;AACxE,aAAO,gBAAgB,WAAW;AAAA,IAAA,CAClC;AACD,WAAO,CAAC,OAAO,YAAY,CAAAA,WAAS;AACnC,eAAS,CAAW,YAAA;AACnB,cAAM,WAAW,OAAOA,WAAU,aAAcA,OAA4B,OAAO,IAAIA;AACvF,gBAAQ,QAAQ,KAAK,KAAK,UAAU,QAAQ,CAAC;AACtC,eAAA;AAAA,MAAA,CACP;AAAA,IACC,GAAA,CAAC,KAAK,OAAO,CAAC,CAAC;AAAA,EAAA;AAGpB;AAEa,MAAA,yBAAyB,sBAAsB,MAAM,cAAc;"}

package/dist/production/hooks/useUpdatedRef.js

@@ -0,0 +1,10 @@
+import { useRef } from "react";
+function useUpdatedRef(value) {
+  const ref = useRef(value);
+  ref.current = value;
+  return ref;
+}
+export {
+  useUpdatedRef
+};
+//# sourceMappingURL=useUpdatedRef.js.map

package/dist/production/hooks/useUpdatedRef.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUpdatedRef.js","sources":["../../../src/hooks/useUpdatedRef.ts"],"sourcesContent":["import { useRef } from 'react'\n\n/**\n * Returns a stable mutable object with value that is updated upon each call\n *\n * @param value - Value that could update after initial call\n * @returns Mutable ref object with updated value\n */\nexport function useUpdatedRef<T>(value: T) {\n\tconst ref = useRef(value)\n\tref.current = value\n\n\treturn ref\n}\n"],"names":[],"mappings":";AAQO,SAAS,cAAiB,OAAU;AACpC,QAAA,MAAM,OAAO,KAAK;AACxB,MAAI,UAAU;AAEP,SAAA;AACR;"}

package/dist/production/hooks/useWindowSize.js

@@ -0,0 +1,20 @@
+import { useState, useMemo } from "react";
+import { useOnWindowResize } from "./useOnWindowResize.js";
+function useWindowSize() {
+  const [width, setWidth] = useState(window.innerWidth);
+  const [height, setHeight] = useState(window.innerHeight);
+  useOnWindowResize(() => {
+    const { innerHeight, innerWidth } = window;
+    if (innerHeight !== height) {
+      setHeight(innerHeight);
+    }
+    if (innerWidth !== width) {
+      setWidth(innerWidth);
+    }
+  });
+  return useMemo(() => ({ height, width }), [height, width]);
+}
+export {
+  useWindowSize
+};
+//# sourceMappingURL=useWindowSize.js.map

package/dist/production/hooks/useWindowSize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWindowSize.js","sources":["../../../src/hooks/useWindowSize.ts"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport { useOnWindowResize } from './useOnWindowResize'\n\nexport function useWindowSize() {\n  const [width, setWidth] = useState(window.innerWidth)\n  const [height, setHeight] = useState(window.innerHeight)\n\n  useOnWindowResize(() => {\n    const { innerHeight, innerWidth } = window\n    if (innerHeight !== height) {\n      setHeight(innerHeight)\n    }\n\n    if (innerWidth !== width) {\n      setWidth(innerWidth)\n    }\n  })\n\n  return useMemo(() => ({ height, width }), [height, width])\n}\n"],"names":[],"mappings":";;AAGO,SAAS,gBAAgB;AAC9B,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,OAAO,UAAU;AACpD,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,OAAO,WAAW;AAEvD,oBAAkB,MAAM;AAChB,UAAA,EAAE,aAAa,WAAe,IAAA;AACpC,QAAI,gBAAgB,QAAQ;AAC1B,gBAAU,WAAW;AAAA,IACvB;AAEA,QAAI,eAAe,OAAO;AACxB,eAAS,UAAU;AAAA,IACrB;AAAA,EAAA,CACD;AAEM,SAAA,QAAQ,OAAO,EAAE,QAAQ,MAAU,IAAA,CAAC,QAAQ,KAAK,CAAC;AAC3D;"}

package/dist/production/index.js

@@ -1,14 +1,30 @@
+import { createNonNullableContextFactory } from "./context/createNonNullableContextFactory.js";
+import { isNoopScopedConsole, noopLog, noopLogged, noopScopedConsole } from "./debug-context/Constants.js";
+import { DebugChildren, ScopedConsoleContext, useScopedConsoleRef } from "./debug-context/Context.js";
+import { unwrapRefValue } from "./hooks/unwrapRefValue.js";
 import { useAbortController } from "./hooks/useAbortController.js";
+import { useAddClassNameDuringResize } from "./hooks/useAddClassNameDuringResize.js";
 import { useArrayMapMemo } from "./hooks/useArrayMapMemo.js";
+import { useComposeRef } from "./hooks/useComposeRef.js";
 import { useConstantLengthInvariant } from "./hooks/useConstantLengthInvariant.js";
 import { useConstantValueInvariant } from "./hooks/useConstantValueInvariant.js";
+import { useCountLayoutSlotChildren, useHasEmptySlotsClassName } from "./hooks/useCountLayoutSlotChildren.js";
 import { useDebounce } from "./hooks/useDebounce.js";
 import { useDebounceCallback } from "./hooks/useDebounceCallback.js";
+import { useElementSize } from "./hooks/useElementSize.js";
+import { useEventHandler } from "./hooks/useEventHandler.js";
+import { useExpectSameValueReference } from "./hooks/useExpectSameValueReference.js";
 import { useForceRender } from "./hooks/useForceRender.js";
 import { useIsMounted } from "./hooks/useIsMounted.js";
 import { useObjectMemo } from "./hooks/useObjectMemo.js";
+import { useOnElementMutation } from "./hooks/useOnElementMutation.js";
+import { useOnElementResize } from "./hooks/useOnElementResize.js";
+import { useOnWindowResize } from "./hooks/useOnWindowResize.js";
 import { usePreviousValue } from "./hooks/usePreviousValue.js";
+import { useScrollOffsets } from "./hooks/useScrollOffsets.js";
 import { useSessionStorageState } from "./hooks/useStoredState.js";
+import { useUpdatedRef } from "./hooks/useUpdatedRef.js";
+import { useWindowSize } from "./hooks/useWindowSize.js";
 import { emptyArray } from "./referentiallyStable/emptyArray.js";
 import { emptyObject } from "./referentiallyStable/emptyObject.js";
 import { identityFunction } from "./referentiallyStable/identityFunction.js";
@@ -17,23 +33,45 @@ import { returnFalse } from "./referentiallyStable/returnFalse.js";
 import { returnTrue } from "./referentiallyStable/returnTrue.js";
 import { useReferentiallyStableCallback } from "./referentiallyStable/useReferentiallyStableCallback.js";
 export {
+  DebugChildren,
+  ScopedConsoleContext,
+  createNonNullableContextFactory,
   emptyArray,
   emptyObject,
   identityFunction,
+  isNoopScopedConsole,
   noop,
+  noopLog,
+  noopLogged,
+  noopScopedConsole,
   returnFalse,
   returnTrue,
+  unwrapRefValue,
   useAbortController,
+  useAddClassNameDuringResize,
   useArrayMapMemo,
+  useComposeRef,
   useConstantLengthInvariant,
   useConstantValueInvariant,
+  useCountLayoutSlotChildren,
   useDebounce,
   useDebounceCallback,
+  useElementSize,
+  useEventHandler,
+  useExpectSameValueReference,
   useForceRender,
+  useHasEmptySlotsClassName,
   useIsMounted,
   useObjectMemo,
+  useOnElementMutation,
+  useOnElementResize,
+  useOnWindowResize,
   usePreviousValue,
   useReferentiallyStableCallback,
-  useSessionStorageState
+  useScopedConsoleRef,
+  useScrollOffsets,
+  useSessionStorageState,
+  useUpdatedRef,
+  useWindowSize
 };
 //# sourceMappingURL=index.js.map

package/dist/production/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/types/context/createNonNullableContextFactory.d.ts

@@ -0,0 +1,3 @@
+import type { Context } from 'react';
+export declare function createNonNullableContextFactory<T>(displayName: string, initialValue?: T): [Context<T>, () => NonNullable<T>];
+//# sourceMappingURL=createNonNullableContextFactory.d.ts.map

package/dist/types/context/createNonNullableContextFactory.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createNonNullableContextFactory.d.ts","sourceRoot":"","sources":["../../../src/context/createNonNullableContextFactory.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAGpC,wBAAgB,+BAA+B,CAAC,CAAC,EAAE,WAAW,EAAE,MAAM,EAAE,YAAY,CAAC,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,MAAM,WAAW,CAAC,CAAC,CAAC,CAAC,CAe5H"}

package/dist/types/context/index.d.ts

@@ -0,0 +1,2 @@
+export * from './createNonNullableContextFactory';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/context/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/context/index.ts"],"names":[],"mappings":"AAAA,cAAc,mCAAmC,CAAA"}

package/dist/types/debug-context/Constants.d.ts

@@ -0,0 +1,6 @@
+import type { ScopedConsoleContextType } from './Types';
+export declare function noopLog(...parameters: any[]): void;
+export declare function noopLogged<T>(message: string, value: T): T;
+export declare const noopScopedConsole: ScopedConsoleContextType;
+export declare function isNoopScopedConsole(value: unknown): boolean;
+//# sourceMappingURL=Constants.d.ts.map

package/dist/types/debug-context/Constants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Constants.d.ts","sourceRoot":"","sources":["../../../src/debug-context/Constants.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAA;AAEvD,wBAAgB,OAAO,CAAC,GAAG,UAAU,EAAE,GAAG,EAAE,QAAK;AAEjD,wBAAgB,UAAU,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,GAAG,CAAC,CAE1D;AAED,eAAO,MAAM,iBAAiB,EAAE,wBAS9B,CAAA;AAEF,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,OAAO,GAAG,OAAO,CAE3D"}

package/dist/types/debug-context/Context.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+import { ScopedConsoleContextType } from './Types';
+export declare const ScopedConsoleContext: import("react").Context<ScopedConsoleContextType>;
+export declare const useScopedConsoleRef: (prefix: string) => import("react").MutableRefObject<ScopedConsoleContextType>;
+export type DebugChildrenProps = {
+    active: true;
+    children: ReactNode;
+    id: string;
+} | {
+    active?: false;
+    children: ReactNode;
+    id?: string;
+};
+export declare const DebugChildren: import("react").NamedExoticComponent<DebugChildrenProps>;
+//# sourceMappingURL=Context.d.ts.map

package/dist/types/debug-context/Context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Context.d.ts","sourceRoot":"","sources":["../../../src/debug-context/Context.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAoD,MAAM,OAAO,CAAA;AAEnF,OAAO,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAA;AAmClD,eAAO,MAAM,oBAAoB,mDAAiD,CAAA;AAOlF,eAAO,MAAM,mBAAmB,WAAY,MAAM,+DAiBjD,CAAA;AAED,MAAM,MAAM,kBAAkB,GAC3B;IAAE,MAAM,EAAE,IAAI,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAC;IAAC,EAAE,EAAE,MAAM,CAAC;CAAE,GAClD;IAAE,MAAM,CAAC,EAAE,KAAK,CAAC;IAAC,QAAQ,EAAE,SAAS,CAAC;IAAC,EAAE,CAAC,EAAE,MAAM,CAAC;CAAE,CAAA;AAExD,eAAO,MAAM,aAAa,0DAYxB,CAAA"}

package/dist/types/debug-context/Types.d.ts

@@ -0,0 +1,13 @@
+export type DebugMethod = (...parameters: any[]) => void;
+export type ResultDebuggedMethod = <T>(message: string, value: T) => T;
+export type ScopedConsoleContextType = {
+    log: DebugMethod;
+    logged: ResultDebuggedMethod;
+    warn: DebugMethod;
+    warned: ResultDebuggedMethod;
+    error: DebugMethod;
+    errored: ResultDebuggedMethod;
+    trace: DebugMethod;
+    traced: ResultDebuggedMethod;
+};
+//# sourceMappingURL=Types.d.ts.map

package/dist/types/debug-context/Types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Types.d.ts","sourceRoot":"","sources":["../../../src/debug-context/Types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,WAAW,GAAG,CAAC,GAAG,UAAU,EAAE,GAAG,EAAE,KAAK,IAAI,CAAA;AACxD,MAAM,MAAM,oBAAoB,GAAG,CAAC,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,KAAK,CAAC,CAAA;AAEtE,MAAM,MAAM,wBAAwB,GAAG;IACtC,GAAG,EAAE,WAAW,CAAC;IACjB,MAAM,EAAE,oBAAoB,CAAC;IAC7B,IAAI,EAAE,WAAW,CAAC;IAClB,MAAM,EAAE,oBAAoB,CAAC;IAC7B,KAAK,EAAE,WAAW,CAAC;IACnB,OAAO,EAAE,oBAAoB,CAAC;IAC9B,KAAK,EAAE,WAAW,CAAC;IACnB,MAAM,EAAE,oBAAoB,CAAC;CAC7B,CAAA"}

package/dist/types/debug-context/index.d.ts

@@ -0,0 +1,4 @@
+export * from './Constants';
+export * from './Context';
+export * from './Types';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/debug-context/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/debug-context/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA"}

package/dist/types/hooks/index.d.ts

@@ -1,12 +1,25 @@
+export * from './unwrapRefValue';
 export * from './useAbortController';
+export * from './useAddClassNameDuringResize';
 export * from './useArrayMapMemo';
+export * from './useComposeRef';
 export * from './useConstantLengthInvariant';
 export * from './useConstantValueInvariant';
+export * from './useCountLayoutSlotChildren';
 export * from './useDebounce';
 export * from './useDebounceCallback';
+export * from './useElementSize';
+export * from './useEventHandler';
+export * from './useExpectSameValueReference';
 export * from './useForceRender';
 export * from './useIsMounted';
 export * from './useObjectMemo';
+export * from './useOnElementMutation';
+export * from './useOnElementResize';
+export * from './useOnWindowResize';
 export * from './usePreviousValue';
+export * from './useScrollOffsets';
 export * from './useStoredState';
+export * from './useUpdatedRef';
+export * from './useWindowSize';
 //# sourceMappingURL=index.d.ts.map

package/dist/types/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA;AACpC,cAAc,mBAAmB,CAAA;AACjC,cAAc,8BAA8B,CAAA;AAC5C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,eAAe,CAAA;AAC7B,cAAc,uBAAuB,CAAA;AACrC,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,oBAAoB,CAAA;AAClC,cAAc,kBAAkB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,sBAAsB,CAAA;AACpC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,mBAAmB,CAAA;AACjC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,8BAA8B,CAAA;AAC5C,cAAc,6BAA6B,CAAA;AAC3C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,eAAe,CAAA;AAC7B,cAAc,uBAAuB,CAAA;AACrC,cAAc,kBAAkB,CAAA;AAChC,cAAc,mBAAmB,CAAA;AACjC,cAAc,+BAA+B,CAAA;AAC7C,cAAc,kBAAkB,CAAA;AAChC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,wBAAwB,CAAA;AACtC,cAAc,sBAAsB,CAAA;AACpC,cAAc,qBAAqB,CAAA;AACnC,cAAc,oBAAoB,CAAA;AAClC,cAAc,oBAAoB,CAAA;AAClC,cAAc,kBAAkB,CAAA;AAChC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,iBAAiB,CAAA"}

package/dist/types/hooks/unwrapRefValue.d.ts

@@ -0,0 +1,9 @@
+import { RefObject } from 'react';
+export type RefObjectOrElement<T> = T | RefObject<T>;
+/**
+ * Unwraps a ref object or returns the value if it is not a ref object.
+ * @param value - Value to unwrap
+ * @returns Unwrapped value
+ */
+export declare function unwrapRefValue<T>(value: RefObjectOrElement<T>): T | null;
+//# sourceMappingURL=unwrapRefValue.d.ts.map

package/dist/types/hooks/unwrapRefValue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"unwrapRefValue.d.ts","sourceRoot":"","sources":["../../../src/hooks/unwrapRefValue.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,MAAM,MAAM,kBAAkB,CAAC,CAAC,IAAI,CAAC,GAAG,SAAS,CAAC,CAAC,CAAC,CAAA;AAEpD;;;;GAIG;AACH,wBAAgB,cAAc,CAAC,CAAC,EAAE,KAAK,EAAE,kBAAkB,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,IAAI,CAMxE"}

package/dist/types/hooks/useAddClassNameDuringResize.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Adds CSS class during resize event to element
+ *
+ * - Falls back to document.body when no element is specified
+ * - Adds CSS class to element also on the initial load
+ * - Uses element.classList directly
+ *
+ * @param className - CSS class to apply during the resize event
+ * @param timeoutToRestore - Timeout in milliseconds to wait before finally removing the CSS class
+ * @param element - Optional HTML element to apply CSS class to
+ */
+export declare function useAddClassNameDuringResize(className: string, timeoutToRestore?: number, element?: HTMLElement): void;
+//# sourceMappingURL=useAddClassNameDuringResize.d.ts.map

package/dist/types/hooks/useAddClassNameDuringResize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAddClassNameDuringResize.d.ts","sourceRoot":"","sources":["../../../src/hooks/useAddClassNameDuringResize.ts"],"names":[],"mappings":"AA4BA;;;;;;;;;;GAUG;AACH,wBAAgB,2BAA2B,CAC1C,SAAS,EAAE,MAAM,EACjB,gBAAgB,GAAE,MAAY,EAC9B,OAAO,CAAC,EAAE,WAAW,QAerB"}

package/dist/types/hooks/useComposeRef.d.ts

@@ -0,0 +1,16 @@
+import { MutableRefObject, RefCallback } from 'react';
+export type MaybeRef<T> = ((instance: T | null) => void) | MutableRefObject<T | null> | null | undefined;
+export type ComposedRefCallback<T> = RefCallback<T> & {
+    current: T | null;
+};
+/**
+ * Fills any number of refs with an instance
+ *
+ * Useful when you need to use outer ref and inner in the same time, e.g. passing element
+ * back to forwardedRef an also using the same value within the component locally.
+ *
+ * @param refs - Rest parameter of refs to fill with instance
+ * @returns Returns a function similar to a RefCallback
+ */
+export declare function useComposeRef<T>(...refs: MaybeRef<T>[]): ComposedRefCallback<T>;
+//# sourceMappingURL=useComposeRef.d.ts.map

package/dist/types/hooks/useComposeRef.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useComposeRef.d.ts","sourceRoot":"","sources":["../../../src/hooks/useComposeRef.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,WAAW,EAAmB,MAAM,OAAO,CAAA;AAEtE,MAAM,MAAM,QAAQ,CAAC,CAAC,IAAI,CAAC,CAAC,QAAQ,EAAE,CAAC,GAAG,IAAI,KAAK,IAAI,CAAC,GAAG,gBAAgB,CAAC,CAAC,GAAG,IAAI,CAAC,GAAG,IAAI,GAAG,SAAS,CAAA;AACxG,MAAM,MAAM,mBAAmB,CAAC,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC,GAAG;IAAE,OAAO,EAAE,CAAC,GAAG,IAAI,CAAA;CAAE,CAAC;AAY5E;;;;;;;;GAQG;AACH,wBAAgB,aAAa,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,EAAE,GAAG,mBAAmB,CAAC,CAAC,CAAC,CAqB/E"}

package/dist/types/hooks/useCountLayoutSlotChildren.d.ts

@@ -0,0 +1,5 @@
+import { RefObjectOrElement } from './unwrapRefValue';
+/** @deprecated Check support for :has() for Firefox before using.  */
+export declare function useCountLayoutSlotChildren(refOrElement: RefObjectOrElement<HTMLElement | undefined>, selector?: string): number;
+export declare function useHasEmptySlotsClassName(refOrElement: RefObjectOrElement<HTMLElement | undefined>): "has-empty-slots" | "has-non-empty-slots";
+//# sourceMappingURL=useCountLayoutSlotChildren.d.ts.map

package/dist/types/hooks/useCountLayoutSlotChildren.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCountLayoutSlotChildren.d.ts","sourceRoot":"","sources":["../../../src/hooks/useCountLayoutSlotChildren.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAkB,MAAM,kBAAkB,CAAA;AAUrE,sEAAsE;AACtE,wBAAgB,0BAA0B,CACzC,YAAY,EAAE,kBAAkB,CAAC,WAAW,GAAG,SAAS,CAAC,EACzD,QAAQ,GAAE,MAAuB,UAmBjC;AAED,wBAAgB,yBAAyB,CACxC,YAAY,EAAE,kBAAkB,CAAC,WAAW,GAAG,SAAS,CAAC,6CASzD"}

package/dist/types/hooks/useElementSize.d.ts

@@ -0,0 +1,12 @@
+import { RefObjectOrElement } from './unwrapRefValue';
+/**
+ * Measure HTMLElement
+ *
+ * @param refOrElement - HTMLElement passed directly or indirectly as RefObject
+ * @returns Size vector consisting of width and height properties
+ */
+export declare function useElementSize(refOrElement: RefObjectOrElement<HTMLElement>, options?: ResizeObserverOptions, timeout?: number): {
+    height: number | undefined;
+    width: number | undefined;
+};
+//# sourceMappingURL=useElementSize.d.ts.map

package/dist/types/hooks/useElementSize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useElementSize.d.ts","sourceRoot":"","sources":["../../../src/hooks/useElementSize.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,kBAAkB,EAAkB,MAAM,kBAAkB,CAAA;AAWrE;;;;;GAKG;AACH,wBAAgB,cAAc,CAC7B,YAAY,EAAE,kBAAkB,CAAC,WAAW,CAAC,EAC7C,OAAO,GAAE,qBAA0B,EACnC,OAAO,GAAE,MAAY,GACnB;IAAE,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAAC,KAAK,EAAE,MAAM,GAAG,SAAS,CAAA;CAAE,CAgD3D"}

package/dist/types/hooks/useEventHandler.d.ts

@@ -0,0 +1,10 @@
+import { EventHandler, SyntheticEvent } from 'react';
+/**
+ * Similar to useEvent with inferred type for the event parameter according to event type
+ *
+ * @param type - String, keyof DocumentEventMap, e.g. 'click', 'keydown',...
+ * @param callback - EventHandler
+ * @returns Stable reference callback
+ */
+export declare function useEventHandler<E extends SyntheticEvent<any>>(type: E['type'], callback: EventHandler<E>): EventHandler<E>;
+//# sourceMappingURL=useEventHandler.d.ts.map

package/dist/types/hooks/useEventHandler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEventHandler.d.ts","sourceRoot":"","sources":["../../../src/hooks/useEventHandler.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,cAAc,EAAqB,MAAM,OAAO,CAAA;AAEvE;;;;;;GAMG;AACH,wBAAgB,eAAe,CAAC,CAAC,SAAS,cAAc,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,CAAC,CAAC,MAAM,CAAC,EAAE,QAAQ,EAAE,YAAY,CAAC,CAAC,CAAC,GAAG,YAAY,CAAC,CAAC,CAAC,CAc1H"}

package/dist/types/hooks/useExpectSameValueReference.d.ts

@@ -0,0 +1,2 @@
+export declare function useExpectSameValueReference<T>(next: T, shouldThrow?: boolean): void;
+//# sourceMappingURL=useExpectSameValueReference.d.ts.map

package/dist/types/hooks/useExpectSameValueReference.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useExpectSameValueReference.d.ts","sourceRoot":"","sources":["../../../src/hooks/useExpectSameValueReference.ts"],"names":[],"mappings":"AAIA,wBAAgB,2BAA2B,CAAC,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,WAAW,GAAE,OAAe,QAqBnF"}

package/dist/types/hooks/useOnElementMutation.d.ts

@@ -0,0 +1,3 @@
+import { RefObjectOrElement } from './unwrapRefValue';
+export declare function useOnElementMutation(refOrElement: RefObjectOrElement<HTMLElement | undefined>, callback: MutationCallback, options?: MutationObserverInit): void;
+//# sourceMappingURL=useOnElementMutation.d.ts.map

package/dist/types/hooks/useOnElementMutation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnElementMutation.d.ts","sourceRoot":"","sources":["../../../src/hooks/useOnElementMutation.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,kBAAkB,EAAkB,MAAM,kBAAkB,CAAA;AAErE,wBAAgB,oBAAoB,CACnC,YAAY,EAAE,kBAAkB,CAAC,WAAW,GAAG,SAAS,CAAC,EACzD,QAAQ,EAAE,gBAAgB,EAC1B,OAAO,GAAE,oBAA2E,QAiCpF"}