yummies 5.4.6 → 5.4.8

package/{src/react/hooks/use-constant.ts → react/hooks/use-constant.js}

@@ -1,5 +1,4 @@
 import { useRef } from 'react';
-
 /**
  * React hook for creating a value exactly once.
  * useMemo doesn't give this guarantee unfortunately -
@@ -7,12 +6,10 @@ import { useRef } from 'react';
  * https://reactjs.org/docs/hooks-reference.html#usememo
  * @param defineValue Function which returns defined value.
  */
-export const useConstant = <T>(defineValue: () => T): T => {
-  const ref = useRef<{ value: T }>();
-
-  if (!ref.current) {
-    ref.current = { value: defineValue() };
-  }
-
-  return ref.current.value;
+export const useConstant = (defineValue) => {
+    const ref = useRef();
+    if (!ref.current) {
+        ref.current = { value: defineValue() };
+    }
+    return ref.current.value;
 };

package/react/hooks/use-define-ref.cjs

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDefineRef = void 0;
+const react_1 = require("react");
+/**
+ * React hook for creating a value exactly once.
+ * useMemo doesn't give this guarantee unfortunately -
+ * https://reactjs.org/docs/hooks-faq.html#how-to-create-expensive-objects-lazily
+ * https://reactjs.org/docs/hooks-reference.html#usememo
+ * @param defineFn Function which returns defined value.
+ */
+const useDefineRef = (defineFn) => {
+    const ref = (0, react_1.useRef)(void 0);
+    if (!ref.current) {
+        ref.current = defineFn();
+    }
+    return ref;
+};
+exports.useDefineRef = useDefineRef;

package/react/hooks/use-define-ref.d.cts

@@ -0,0 +1,10 @@
+import { type MutableRefObject } from 'react';
+/**
+ * React hook for creating a value exactly once.
+ * useMemo doesn't give this guarantee unfortunately -
+ * https://reactjs.org/docs/hooks-faq.html#how-to-create-expensive-objects-lazily
+ * https://reactjs.org/docs/hooks-reference.html#usememo
+ * @param defineFn Function which returns defined value.
+ */
+export declare const useDefineRef: <T>(defineFn: () => T) => MutableRefObject<T>;
+//# sourceMappingURL=use-define-ref.d.ts.map

package/react/hooks/use-define-ref.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-define-ref.d.ts","sourceRoot":"","sources":["../../../src/react/hooks/use-define-ref.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,gBAAgB,EAAU,MAAM,OAAO,CAAC;AAEtD;;;;;;GAMG;AACH,eAAO,MAAM,YAAY,GAAI,CAAC,EAAE,UAAU,MAAM,CAAC,KAAG,gBAAgB,CAAC,CAAC,CAQrE,CAAC"}

package/react/hooks/use-define-ref.d.ts

@@ -0,0 +1,10 @@
+import { type MutableRefObject } from 'react';
+/**
+ * React hook for creating a value exactly once.
+ * useMemo doesn't give this guarantee unfortunately -
+ * https://reactjs.org/docs/hooks-faq.html#how-to-create-expensive-objects-lazily
+ * https://reactjs.org/docs/hooks-reference.html#usememo
+ * @param defineFn Function which returns defined value.
+ */
+export declare const useDefineRef: <T>(defineFn: () => T) => MutableRefObject<T>;
+//# sourceMappingURL=use-define-ref.d.ts.map

package/react/hooks/use-define-ref.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-define-ref.d.ts","sourceRoot":"","sources":["../../../src/react/hooks/use-define-ref.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,gBAAgB,EAAU,MAAM,OAAO,CAAC;AAEtD;;;;;;GAMG;AACH,eAAO,MAAM,YAAY,GAAI,CAAC,EAAE,UAAU,MAAM,CAAC,KAAG,gBAAgB,CAAC,CAAC,CAQrE,CAAC"}

package/{src/react/hooks/use-define-ref.ts → react/hooks/use-define-ref.js}

@@ -1,5 +1,4 @@
-import { type MutableRefObject, useRef } from 'react';
-
+import { useRef } from 'react';
 /**
  * React hook for creating a value exactly once.
  * useMemo doesn't give this guarantee unfortunately -
@@ -7,12 +6,10 @@ import { type MutableRefObject, useRef } from 'react';
  * https://reactjs.org/docs/hooks-reference.html#usememo
  * @param defineFn Function which returns defined value.
  */
-export const useDefineRef = <T>(defineFn: () => T): MutableRefObject<T> => {
-  const ref = useRef<T>(void 0 as T);
-
-  if (!ref.current) {
-    ref.current = defineFn();
-  }
-
-  return ref;
+export const useDefineRef = (defineFn) => {
+    const ref = useRef(void 0);
+    if (!ref.current) {
+        ref.current = defineFn();
+    }
+    return ref;
 };

package/react/hooks/use-element-ref.cjs

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useElementRef = void 0;
+const react_1 = require("react");
+const useElementRef = (selector) => {
+    const ref = (0, react_1.useRef)();
+    (0, react_1.useLayoutEffect)(() => {
+        ref.current = selector();
+    }, []);
+    return ref;
+};
+exports.useElementRef = useElementRef;

package/react/hooks/use-element-ref.d.cts

@@ -0,0 +1,2 @@
+export declare const useElementRef: <T extends HTMLElement>(selector: () => T) => import("react").MutableRefObject<T | undefined>;
+//# sourceMappingURL=use-element-ref.d.ts.map

package/react/hooks/use-element-ref.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-element-ref.d.ts","sourceRoot":"","sources":["../../../src/react/hooks/use-element-ref.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,GAAI,CAAC,SAAS,WAAW,EAAE,UAAU,MAAM,CAAC,oDAQrE,CAAC"}

package/react/hooks/use-element-ref.d.ts

@@ -0,0 +1,2 @@
+export declare const useElementRef: <T extends HTMLElement>(selector: () => T) => import("react").MutableRefObject<T | undefined>;
+//# sourceMappingURL=use-element-ref.d.ts.map

package/react/hooks/use-element-ref.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-element-ref.d.ts","sourceRoot":"","sources":["../../../src/react/hooks/use-element-ref.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa,GAAI,CAAC,SAAS,WAAW,EAAE,UAAU,MAAM,CAAC,oDAQrE,CAAC"}

package/react/hooks/use-element-ref.js

@@ -0,0 +1,8 @@
+import { useLayoutEffect, useRef } from 'react';
+export const useElementRef = (selector) => {
+    const ref = useRef();
+    useLayoutEffect(() => {
+        ref.current = selector();
+    }, []);
+    return ref;
+};

package/react/hooks/use-event-listener.cjs

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useEventListener = void 0;
+/* eslint-disable @typescript-eslint/ban-ts-comment */
+const react_1 = require("react");
+const use_sync_ref_js_1 = require("./use-sync-ref.cjs");
+const useEventListener = ({ event, handler, options, deps = [], node = document, }) => {
+    const handlerRef = (0, use_sync_ref_js_1.useSyncRef)(handler);
+    (0, react_1.useEffect)(() => {
+        const handleEvent = (e) => handlerRef.current(e);
+        // @ts-expect-error
+        node.addEventListener(event, handleEvent, options);
+        // @ts-expect-error
+        return () => node.removeEventListener(event, handleEvent, options);
+    }, deps);
+};
+exports.useEventListener = useEventListener;

package/react/hooks/use-event-listener.d.cts

@@ -0,0 +1,8 @@
+export declare const useEventListener: <EventName extends keyof HTMLElementEventMap>({ event, handler, options, deps, node, }: {
+    event: EventName;
+    handler: (e: HTMLElementEventMap[EventName]) => void;
+    options?: boolean | AddEventListenerOptions;
+    deps?: unknown[];
+    node?: HTMLElement | Document | Window;
+}) => void;
+//# sourceMappingURL=use-event-listener.d.ts.map

package/react/hooks/use-event-listener.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-event-listener.d.ts","sourceRoot":"","sources":["../../../src/react/hooks/use-event-listener.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,gBAAgB,GAAI,SAAS,SAAS,MAAM,mBAAmB,EAAE,0CAM3E;IACD,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,CAAC,CAAC,EAAE,mBAAmB,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC;IACrD,OAAO,CAAC,EAAE,OAAO,GAAG,uBAAuB,CAAC;IAC5C,IAAI,CAAC,EAAE,OAAO,EAAE,CAAC;IACjB,IAAI,CAAC,EAAE,WAAW,GAAG,QAAQ,GAAG,MAAM,CAAC;CACxC,SAYA,CAAC"}

package/react/hooks/use-event-listener.d.ts

@@ -0,0 +1,8 @@
+export declare const useEventListener: <EventName extends keyof HTMLElementEventMap>({ event, handler, options, deps, node, }: {
+    event: EventName;
+    handler: (e: HTMLElementEventMap[EventName]) => void;
+    options?: boolean | AddEventListenerOptions;
+    deps?: unknown[];
+    node?: HTMLElement | Document | Window;
+}) => void;
+//# sourceMappingURL=use-event-listener.d.ts.map

package/react/hooks/use-event-listener.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-event-listener.d.ts","sourceRoot":"","sources":["../../../src/react/hooks/use-event-listener.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,gBAAgB,GAAI,SAAS,SAAS,MAAM,mBAAmB,EAAE,0CAM3E;IACD,KAAK,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,CAAC,CAAC,EAAE,mBAAmB,CAAC,SAAS,CAAC,KAAK,IAAI,CAAC;IACrD,OAAO,CAAC,EAAE,OAAO,GAAG,uBAAuB,CAAC;IAC5C,IAAI,CAAC,EAAE,OAAO,EAAE,CAAC;IACjB,IAAI,CAAC,EAAE,WAAW,GAAG,QAAQ,GAAG,MAAM,CAAC;CACxC,SAYA,CAAC"}

package/react/hooks/use-event-listener.js

@@ -0,0 +1,13 @@
+/* eslint-disable @typescript-eslint/ban-ts-comment */
+import { useEffect } from 'react';
+import { useSyncRef } from "./use-sync-ref.js";
+export const useEventListener = ({ event, handler, options, deps = [], node = document, }) => {
+    const handlerRef = useSyncRef(handler);
+    useEffect(() => {
+        const handleEvent = (e) => handlerRef.current(e);
+        // @ts-expect-error
+        node.addEventListener(event, handleEvent, options);
+        // @ts-expect-error
+        return () => node.removeEventListener(event, handleEvent, options);
+    }, deps);
+};

package/react/hooks/use-event.cjs

@@ -0,0 +1,23 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useEvent = void 0;
+/**
+ * A Hook to define an event handler with an always-stable function identity.
+ *
+ * borrowed from @gaeron
+ * https://github.com/reactjs/rfcs/blob/useevent/text/0000-useevent.md
+ */
+const react_1 = require("react");
+const useEvent = (handler) => {
+    const handlerRef = (0, react_1.useRef)(handler);
+    // In a real implementation, this would run before layout effects
+    (0, react_1.useLayoutEffect)(() => {
+        handlerRef.current = handler;
+    });
+    return (0, react_1.useCallback)((...args) => {
+        // In a real implementation, this would throw if called during render
+        const fn = handlerRef.current;
+        return fn(...args);
+    }, []);
+};
+exports.useEvent = useEvent;

package/react/hooks/use-event.d.cts

@@ -0,0 +1,3 @@
+import type { AnyFunction } from "../../utils/types.cjs";
+export declare const useEvent: <H extends AnyFunction>(handler: H) => H;
+//# sourceMappingURL=use-event.d.ts.map

package/react/hooks/use-event.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-event.d.ts","sourceRoot":"","sources":["../../../src/react/hooks/use-event.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAE,8BAA6B;AAExD,eAAO,MAAM,QAAQ,GAAI,CAAC,SAAS,WAAW,EAAE,SAAS,CAAC,KAAG,CAa5D,CAAC"}

package/react/hooks/use-event.d.ts

@@ -0,0 +1,3 @@
+import type { AnyFunction } from "../../utils/types.js";
+export declare const useEvent: <H extends AnyFunction>(handler: H) => H;
+//# sourceMappingURL=use-event.d.ts.map

package/react/hooks/use-event.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-event.d.ts","sourceRoot":"","sources":["../../../src/react/hooks/use-event.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAE,6BAA6B;AAExD,eAAO,MAAM,QAAQ,GAAI,CAAC,SAAS,WAAW,EAAE,SAAS,CAAC,KAAG,CAa5D,CAAC"}

package/react/hooks/use-event.js

@@ -0,0 +1,19 @@
+/**
+ * A Hook to define an event handler with an always-stable function identity.
+ *
+ * borrowed from @gaeron
+ * https://github.com/reactjs/rfcs/blob/useevent/text/0000-useevent.md
+ */
+import { useCallback, useLayoutEffect, useRef } from 'react';
+export const useEvent = (handler) => {
+    const handlerRef = useRef(handler);
+    // In a real implementation, this would run before layout effects
+    useLayoutEffect(() => {
+        handlerRef.current = handler;
+    });
+    return useCallback((...args) => {
+        // In a real implementation, this would throw if called during render
+        const fn = handlerRef.current;
+        return fn(...args);
+    }, []);
+};

package/react/hooks/use-flag.cjs

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFlag = void 0;
+const react_1 = require("react");
+const useFlag = (defaultValue = false) => {
+    const [enabled, setEnabled] = (0, react_1.useState)(defaultValue);
+    const toggle = (0, react_1.useCallback)(() => setEnabled((value) => !value), []);
+    const enable = (0, react_1.useCallback)(() => setEnabled(true), []);
+    const disable = (0, react_1.useCallback)(() => setEnabled(false), []);
+    const flagObjRef = (0, react_1.useRef)({
+        enabled,
+        toggle,
+        enable,
+        disable,
+    });
+    flagObjRef.current.enabled = enabled;
+    return flagObjRef.current;
+};
+exports.useFlag = useFlag;

package/react/hooks/use-flag.d.cts

@@ -0,0 +1,8 @@
+export interface FlagHook {
+    enabled: boolean;
+    toggle: VoidFunction;
+    enable: VoidFunction;
+    disable: VoidFunction;
+}
+export declare const useFlag: (defaultValue?: boolean) => FlagHook;
+//# sourceMappingURL=use-flag.d.ts.map

package/react/hooks/use-flag.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-flag.d.ts","sourceRoot":"","sources":["../../../src/react/hooks/use-flag.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,QAAQ;IACvB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,YAAY,CAAC;IACrB,MAAM,EAAE,YAAY,CAAC;IACrB,OAAO,EAAE,YAAY,CAAC;CACvB;AAED,eAAO,MAAM,OAAO,GAAI,sBAAoB,KAAG,QAiB9C,CAAC"}

package/react/hooks/use-flag.d.ts

@@ -0,0 +1,8 @@
+export interface FlagHook {
+    enabled: boolean;
+    toggle: VoidFunction;
+    enable: VoidFunction;
+    disable: VoidFunction;
+}
+export declare const useFlag: (defaultValue?: boolean) => FlagHook;
+//# sourceMappingURL=use-flag.d.ts.map

package/react/hooks/use-flag.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-flag.d.ts","sourceRoot":"","sources":["../../../src/react/hooks/use-flag.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,QAAQ;IACvB,OAAO,EAAE,OAAO,CAAC;IACjB,MAAM,EAAE,YAAY,CAAC;IACrB,MAAM,EAAE,YAAY,CAAC;IACrB,OAAO,EAAE,YAAY,CAAC;CACvB;AAED,eAAO,MAAM,OAAO,GAAI,sBAAoB,KAAG,QAiB9C,CAAC"}

package/react/hooks/use-flag.js

@@ -0,0 +1,15 @@
+import { useCallback, useRef, useState } from 'react';
+export const useFlag = (defaultValue = false) => {
+    const [enabled, setEnabled] = useState(defaultValue);
+    const toggle = useCallback(() => setEnabled((value) => !value), []);
+    const enable = useCallback(() => setEnabled(true), []);
+    const disable = useCallback(() => setEnabled(false), []);
+    const flagObjRef = useRef({
+        enabled,
+        toggle,
+        enable,
+        disable,
+    });
+    flagObjRef.current.enabled = enabled;
+    return flagObjRef.current;
+};

package/react/hooks/use-force-update.cjs

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useForceUpdate = void 0;
+const react_1 = require("react");
+const useForceUpdate = () => {
+    const [, setState] = (0, react_1.useState)(null);
+    return (0, react_1.useCallback)(() => {
+        setState({});
+    }, []);
+};
+exports.useForceUpdate = useForceUpdate;

package/react/hooks/use-force-update.d.cts

@@ -0,0 +1,2 @@
+export declare const useForceUpdate: () => () => void;
+//# sourceMappingURL=use-force-update.d.ts.map

package/react/hooks/use-force-update.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-force-update.d.ts","sourceRoot":"","sources":["../../../src/react/hooks/use-force-update.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,kBAM1B,CAAC"}

package/react/hooks/use-force-update.d.ts

@@ -0,0 +1,2 @@
+export declare const useForceUpdate: () => () => void;
+//# sourceMappingURL=use-force-update.d.ts.map

package/react/hooks/use-force-update.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-force-update.d.ts","sourceRoot":"","sources":["../../../src/react/hooks/use-force-update.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc,kBAM1B,CAAC"}

package/react/hooks/use-force-update.js

@@ -0,0 +1,7 @@
+import { useCallback, useState } from 'react';
+export const useForceUpdate = () => {
+    const [, setState] = useState(null);
+    return useCallback(() => {
+        setState({});
+    }, []);
+};

package/react/hooks/use-initial-height.cjs

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useInitialHeight = void 0;
+const react_1 = require("react");
+const useInitialHeight = () => {
+    const ref = (0, react_1.useRef)(null);
+    const [initialHeight, setInitialHeight] = (0, react_1.useState)(undefined);
+    (0, react_1.useEffect)(() => {
+        if (ref.current && !initialHeight) {
+            setInitialHeight(ref.current.offsetHeight);
+        }
+    }, [initialHeight]);
+    return { ref, initialHeight };
+};
+exports.useInitialHeight = useInitialHeight;

package/react/hooks/use-initial-height.d.cts

@@ -0,0 +1,5 @@
+export declare const useInitialHeight: <T extends HTMLElement>() => {
+    ref: import("react").MutableRefObject<T | null>;
+    initialHeight: number | undefined;
+};
+//# sourceMappingURL=use-initial-height.d.ts.map

package/react/hooks/use-initial-height.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-initial-height.d.ts","sourceRoot":"","sources":["../../../src/react/hooks/use-initial-height.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,GAAI,CAAC,SAAS,WAAW;;;CAarD,CAAC"}

package/react/hooks/use-initial-height.d.ts

@@ -0,0 +1,5 @@
+export declare const useInitialHeight: <T extends HTMLElement>() => {
+    ref: import("react").MutableRefObject<T | null>;
+    initialHeight: number | undefined;
+};
+//# sourceMappingURL=use-initial-height.d.ts.map

package/react/hooks/use-initial-height.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-initial-height.d.ts","sourceRoot":"","sources":["../../../src/react/hooks/use-initial-height.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB,GAAI,CAAC,SAAS,WAAW;;;CAarD,CAAC"}

package/react/hooks/use-initial-height.js

@@ -0,0 +1,11 @@
+import { useEffect, useRef, useState } from 'react';
+export const useInitialHeight = () => {
+    const ref = useRef(null);
+    const [initialHeight, setInitialHeight] = useState(undefined);
+    useEffect(() => {
+        if (ref.current && !initialHeight) {
+            setInitialHeight(ref.current.offsetHeight);
+        }
+    }, [initialHeight]);
+    return { ref, initialHeight };
+};

package/react/hooks/use-instance.cjs

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useInstance = exports.createUseInstanceHook = void 0;
+const react_1 = require("react");
+const use_abort_signal_js_1 = require("./use-abort-signal.cjs");
+const use_constant_js_1 = require("./use-constant.cjs");
+const createUseInstanceHook = (extension) => (factory, config) => {
+    const abortSignal = (0, use_abort_signal_js_1.useAbortSignal)();
+    const instance = (0, use_constant_js_1.useConstant)(() => factory({
+        ...extension,
+        abortSignal,
+        payload: config?.payload,
+    }));
+    (0, react_1.useLayoutEffect)(() => {
+        config?.onUpdate?.(config.payload);
+    }, [config?.payload]);
+    return instance;
+};
+exports.createUseInstanceHook = createUseInstanceHook;
+/**
+ * The `useInstance` hook is used to create and manage an instance of an object
+ * that requires access to the root store and an abort signal.
+ *
+ * You can create YOUR OWN CUSTOM `useInstance` hook using `createUseInstanceHook` if you need
+ * to provide some specific data
+ *
+ * @param factory - A factory function that takes a configuration and returns an instance.
+ * @param config - An optional configuration containing additional input parameters and an update function.
+ * @returns An instance created by the factory function.
+ */
+exports.useInstance = (0, exports.createUseInstanceHook)();

package/react/hooks/use-instance.d.cts

@@ -0,0 +1,27 @@
+export type InstanceCreateConfig<TPayload, TExtension = {}> = TExtension & {
+    abortSignal: AbortSignal;
+    payload: TPayload;
+};
+export declare const createUseInstanceHook: <TExtension = {}>(extension?: TExtension) => <TInstance, TPayload>(factory: (config: InstanceCreateConfig<NoInfer<TPayload>, TExtension>) => TInstance, config?: {
+    payload?: TPayload;
+    onUpdate?: (payload: TPayload) => void;
+}) => TInstance;
+/**
+ * The `useInstance` hook is used to create and manage an instance of an object
+ * that requires access to the root store and an abort signal.
+ *
+ * You can create YOUR OWN CUSTOM `useInstance` hook using `createUseInstanceHook` if you need
+ * to provide some specific data
+ *
+ * @param factory - A factory function that takes a configuration and returns an instance.
+ * @param config - An optional configuration containing additional input parameters and an update function.
+ * @returns An instance created by the factory function.
+ */
+export declare const useInstance: <TInstance, TPayload>(factory: (config: {
+    abortSignal: AbortSignal;
+    payload: NoInfer<TPayload>;
+}) => TInstance, config?: {
+    payload?: TPayload | undefined;
+    onUpdate?: ((payload: TPayload) => void) | undefined;
+} | undefined) => TInstance;
+//# sourceMappingURL=use-instance.d.ts.map

package/react/hooks/use-instance.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-instance.d.ts","sourceRoot":"","sources":["../../../src/react/hooks/use-instance.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,oBAAoB,CAAC,QAAQ,EAAE,UAAU,GAAG,EAAE,IAAI,UAAU,GAAG;IACzE,WAAW,EAAE,WAAW,CAAC;IACzB,OAAO,EAAE,QAAQ,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAC/B,UAAU,GAAG,EAAE,EAAE,YAAY,UAAU,MACvC,SAAS,EAAE,QAAQ,EAClB,SAAS,CACP,MAAM,EAAE,oBAAoB,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,KACxD,SAAS,EACd,SAAS;IACP,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,KAAK,IAAI,CAAC;CACxC,cAiBF,CAAC;AAEJ;;;;;;;;;;GAUG;AACH,eAAO,MAAM,WAAW,GArCrB,SAAS,EAAE,QAAQ;iBANP,WAAW;;;;uCAYc,IAAI;2BA+BM,CAAC"}

package/react/hooks/use-instance.d.ts

@@ -0,0 +1,27 @@
+export type InstanceCreateConfig<TPayload, TExtension = {}> = TExtension & {
+    abortSignal: AbortSignal;
+    payload: TPayload;
+};
+export declare const createUseInstanceHook: <TExtension = {}>(extension?: TExtension) => <TInstance, TPayload>(factory: (config: InstanceCreateConfig<NoInfer<TPayload>, TExtension>) => TInstance, config?: {
+    payload?: TPayload;
+    onUpdate?: (payload: TPayload) => void;
+}) => TInstance;
+/**
+ * The `useInstance` hook is used to create and manage an instance of an object
+ * that requires access to the root store and an abort signal.
+ *
+ * You can create YOUR OWN CUSTOM `useInstance` hook using `createUseInstanceHook` if you need
+ * to provide some specific data
+ *
+ * @param factory - A factory function that takes a configuration and returns an instance.
+ * @param config - An optional configuration containing additional input parameters and an update function.
+ * @returns An instance created by the factory function.
+ */
+export declare const useInstance: <TInstance, TPayload>(factory: (config: {
+    abortSignal: AbortSignal;
+    payload: NoInfer<TPayload>;
+}) => TInstance, config?: {
+    payload?: TPayload | undefined;
+    onUpdate?: ((payload: TPayload) => void) | undefined;
+} | undefined) => TInstance;
+//# sourceMappingURL=use-instance.d.ts.map

package/react/hooks/use-instance.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-instance.d.ts","sourceRoot":"","sources":["../../../src/react/hooks/use-instance.ts"],"names":[],"mappings":"AAIA,MAAM,MAAM,oBAAoB,CAAC,QAAQ,EAAE,UAAU,GAAG,EAAE,IAAI,UAAU,GAAG;IACzE,WAAW,EAAE,WAAW,CAAC;IACzB,OAAO,EAAE,QAAQ,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,qBAAqB,GAC/B,UAAU,GAAG,EAAE,EAAE,YAAY,UAAU,MACvC,SAAS,EAAE,QAAQ,EAClB,SAAS,CACP,MAAM,EAAE,oBAAoB,CAAC,OAAO,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,KACxD,SAAS,EACd,SAAS;IACP,OAAO,CAAC,EAAE,QAAQ,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,KAAK,IAAI,CAAC;CACxC,cAiBF,CAAC;AAEJ;;;;;;;;;;GAUG;AACH,eAAO,MAAM,WAAW,GArCrB,SAAS,EAAE,QAAQ;iBANP,WAAW;;;;uCAYc,IAAI;2BA+BM,CAAC"}

package/{src/react/hooks/use-instance.ts → react/hooks/use-instance.js}

@@ -1,40 +1,18 @@
 import { useLayoutEffect } from 'react';
-import { useAbortSignal } from './use-abort-signal.js';
-import { useConstant } from './use-constant.js';
-
-export type InstanceCreateConfig<TPayload, TExtension = {}> = TExtension & {
-  abortSignal: AbortSignal;
-  payload: TPayload;
-};
-
-export const createUseInstanceHook =
-  <TExtension = {}>(extension?: TExtension) =>
-  <TInstance, TPayload>(
-    factory: (
-      config: InstanceCreateConfig<NoInfer<TPayload>, TExtension>,
-    ) => TInstance,
-    config?: {
-      payload?: TPayload;
-      onUpdate?: (payload: TPayload) => void;
-    },
-  ) => {
+import { useAbortSignal } from "./use-abort-signal.js";
+import { useConstant } from "./use-constant.js";
+export const createUseInstanceHook = (extension) => (factory, config) => {
     const abortSignal = useAbortSignal();
-
-    const instance = useConstant(() =>
-      factory({
-        ...(extension as TExtension),
+    const instance = useConstant(() => factory({
+        ...extension,
         abortSignal,
-        payload: config?.payload as any,
-      }),
-    );
-
+        payload: config?.payload,
+    }));
     useLayoutEffect(() => {
-      config?.onUpdate?.(config.payload!);
+        config?.onUpdate?.(config.payload);
     }, [config?.payload]);
-
     return instance;
-  };
-
+};
 /**
  * The `useInstance` hook is used to create and manage an instance of an object
  * that requires access to the root store and an abort signal.

package/react/hooks/use-intersection-observer.cjs

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useIntersectionObserver = void 0;
+const react_1 = require("react");
+const useIntersectionObserver = (callback, options) => {
+    const [intersectionObserver] = (0, react_1.useState)(() => new IntersectionObserver(callback, options));
+    (0, react_1.useEffect)(() => {
+        return () => {
+            intersectionObserver.disconnect();
+        };
+    }, []);
+    return intersectionObserver;
+};
+exports.useIntersectionObserver = useIntersectionObserver;

package/react/hooks/use-intersection-observer.d.cts

@@ -0,0 +1,2 @@
+export declare const useIntersectionObserver: (callback: IntersectionObserverCallback, options?: IntersectionObserverInit) => IntersectionObserver;
+//# sourceMappingURL=use-intersection-observer.d.ts.map

package/react/hooks/use-intersection-observer.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-intersection-observer.d.ts","sourceRoot":"","sources":["../../../src/react/hooks/use-intersection-observer.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,uBAAuB,GAClC,UAAU,4BAA4B,EACtC,UAAU,wBAAwB,yBAanC,CAAC"}

package/react/hooks/use-intersection-observer.d.ts

@@ -0,0 +1,2 @@
+export declare const useIntersectionObserver: (callback: IntersectionObserverCallback, options?: IntersectionObserverInit) => IntersectionObserver;
+//# sourceMappingURL=use-intersection-observer.d.ts.map

package/react/hooks/use-intersection-observer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-intersection-observer.d.ts","sourceRoot":"","sources":["../../../src/react/hooks/use-intersection-observer.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,uBAAuB,GAClC,UAAU,4BAA4B,EACtC,UAAU,wBAAwB,yBAanC,CAAC"}

package/react/hooks/use-intersection-observer.js

@@ -0,0 +1,10 @@
+import { useEffect, useState } from 'react';
+export const useIntersectionObserver = (callback, options) => {
+    const [intersectionObserver] = useState(() => new IntersectionObserver(callback, options));
+    useEffect(() => {
+        return () => {
+            intersectionObserver.disconnect();
+        };
+    }, []);
+    return intersectionObserver;
+};

package/react/hooks/use-last-defined-value.cjs

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLastDefinedValue = void 0;
+const react_1 = require("react");
+const useLastDefinedValue = (value) => {
+    const ref = (0, react_1.useRef)(value);
+    if (value != null) {
+        ref.current = value;
+    }
+    return ref.current;
+};
+exports.useLastDefinedValue = useLastDefinedValue;

package/react/hooks/use-last-defined-value.d.cts

@@ -0,0 +1,2 @@
+export declare const useLastDefinedValue: <T>(value: T) => T;
+//# sourceMappingURL=use-last-defined-value.d.ts.map