yummies 5.3.1 → 5.4.0

package/dist/react/hooks/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/react/hooks/index.ts"],"names":[],"mappings":"AAAA,2CAA0C;AAC1C,uCAAsC;AACtC,wCAAuC;AACvC,mCAAkC;AAClC,qCAAoC;AACpC,sCAAqC;AACrC,gCAA+B;AAC/B,yCAAwC;AACxC,+BAA8B;AAC9B,uCAAsC;AACtC,yCAAwC;AACxC,mCAAkC;AAClC,gDAA+C;AAC/C,6CAA4C;AAC5C,yCAAwC;AACxC,qCAAoC;AACpC,0CAAyC;AACzC,mCAAkC;AAClC,iCAAgC;AAChC,gCAA+B;AAC/B,2CAA0C"}

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

@@ -0,0 +1,22 @@
+export * from "./use-abort-controller.js";
+export * from "./use-abort-signal.js";
+export * from "./use-click-outside.js";
+export * from "./use-constant.js";
+export * from "./use-define-ref.js";
+export * from "./use-element-ref.js";
+export * from "./use-event.js";
+export * from "./use-event-listener.js";
+export * from "./use-flag.js";
+export * from "./use-force-update.js";
+export * from "./use-initial-height.js";
+export * from "./use-instance.js";
+export * from "./use-intersection-observer.js";
+export * from "./use-last-defined-value.js";
+export * from "./use-last-value-ref.js";
+export * from "./use-life-cycle.js";
+export * from "./use-resize-observer.js";
+export * from "./use-sync-ref.js";
+export * from "./use-toggle.js";
+export * from "./use-value.js";
+export * from "./use-visibility-state.js";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/react/hooks/index.ts"],"names":[],"mappings":"AAAA,0CAA0C;AAC1C,sCAAsC;AACtC,uCAAuC;AACvC,kCAAkC;AAClC,oCAAoC;AACpC,qCAAqC;AACrC,+BAA+B;AAC/B,wCAAwC;AACxC,8BAA8B;AAC9B,sCAAsC;AACtC,wCAAwC;AACxC,kCAAkC;AAClC,+CAA+C;AAC/C,4CAA4C;AAC5C,wCAAwC;AACxC,oCAAoC;AACpC,yCAAyC;AACzC,kCAAkC;AAClC,gCAAgC;AAChC,+BAA+B;AAC/B,0CAA0C"}

package/dist/react/hooks/index.js

@@ -0,0 +1,21 @@
+export * from "./use-abort-controller.js";
+export * from "./use-abort-signal.js";
+export * from "./use-click-outside.js";
+export * from "./use-constant.js";
+export * from "./use-define-ref.js";
+export * from "./use-element-ref.js";
+export * from "./use-event.js";
+export * from "./use-event-listener.js";
+export * from "./use-flag.js";
+export * from "./use-force-update.js";
+export * from "./use-initial-height.js";
+export * from "./use-instance.js";
+export * from "./use-intersection-observer.js";
+export * from "./use-last-defined-value.js";
+export * from "./use-last-value-ref.js";
+export * from "./use-life-cycle.js";
+export * from "./use-resize-observer.js";
+export * from "./use-sync-ref.js";
+export * from "./use-toggle.js";
+export * from "./use-value.js";
+export * from "./use-visibility-state.js";

package/dist/react/hooks/use-abort-controller.cjs

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAbortController = void 0;
+const react_1 = require("react");
+const use_constant_js_1 = require("./use-constant.cjs");
+const useAbortController = () => {
+    const controller = (0, use_constant_js_1.useConstant)(() => new AbortController());
+    (0, react_1.useEffect)(() => {
+        return () => {
+            controller.abort();
+        };
+    }, []);
+    return controller;
+};
+exports.useAbortController = useAbortController;

package/dist/react/hooks/use-abort-controller.d.ts

@@ -0,0 +1,2 @@
+export declare const useAbortController: () => AbortController;
+//# sourceMappingURL=use-abort-controller.d.ts.map

package/dist/react/hooks/use-abort-controller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-abort-controller.d.ts","sourceRoot":"","sources":["../../../src/react/hooks/use-abort-controller.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,kBAAkB,uBAU9B,CAAC"}

package/{react → dist/react}/hooks/use-abort-controller.js

@@ -1,5 +1,5 @@
 import { useEffect } from 'react';
-import { useConstant } from './use-constant.js';
+import { useConstant } from "./use-constant.js";
 export const useAbortController = () => {
     const controller = useConstant(() => new AbortController());
     useEffect(() => {

package/dist/react/hooks/use-abort-signal.cjs

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAbortSignal = void 0;
+const use_abort_controller_js_1 = require("./use-abort-controller.cjs");
+const useAbortSignal = () => {
+    return (0, use_abort_controller_js_1.useAbortController)().signal;
+};
+exports.useAbortSignal = useAbortSignal;

package/dist/react/hooks/use-abort-signal.d.ts

@@ -0,0 +1,2 @@
+export declare const useAbortSignal: () => AbortSignal;
+//# sourceMappingURL=use-abort-signal.d.ts.map

package/dist/react/hooks/use-abort-signal.d.ts.map

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

package/{react → dist/react}/hooks/use-abort-signal.js

@@ -1,4 +1,4 @@
-import { useAbortController } from './use-abort-controller.js';
+import { useAbortController } from "./use-abort-controller.js";
 export const useAbortSignal = () => {
     return useAbortController().signal;
 };

package/dist/react/hooks/use-click-outside.cjs

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useClickOutside = void 0;
+const use_event_listener_js_1 = require("./use-event-listener.cjs");
+const useClickOutside = ({ contentRef, onClick, options, }) => {
+    (0, use_event_listener_js_1.useEventListener)({
+        event: 'mousedown',
+        handler: (event) => {
+            if (contentRef.current &&
+                !contentRef.current.contains(event.target)) {
+                onClick();
+            }
+        },
+        options,
+    });
+};
+exports.useClickOutside = useClickOutside;

package/dist/react/hooks/use-click-outside.d.ts

@@ -0,0 +1,9 @@
+import type { MutableRefObject } from 'react';
+type ClickOutsideInput = {
+    contentRef: MutableRefObject<HTMLElement | null>;
+    onClick: VoidFunction;
+    options?: AddEventListenerOptions;
+};
+export declare const useClickOutside: ({ contentRef, onClick, options, }: ClickOutsideInput) => void;
+export {};
+//# sourceMappingURL=use-click-outside.d.ts.map

package/dist/react/hooks/use-click-outside.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-click-outside.d.ts","sourceRoot":"","sources":["../../../src/react/hooks/use-click-outside.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,OAAO,CAAC;AAG9C,KAAK,iBAAiB,GAAG;IACvB,UAAU,EAAE,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC;IACjD,OAAO,EAAE,YAAY,CAAC;IACtB,OAAO,CAAC,EAAE,uBAAuB,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,mCAI7B,iBAAiB,SAanB,CAAC"}

package/{react → dist/react}/hooks/use-click-outside.js

@@ -1,4 +1,4 @@
-import { useEventListener } from './use-event-listener.js';
+import { useEventListener } from "./use-event-listener.js";
 export const useClickOutside = ({ contentRef, onClick, options, }) => {
     useEventListener({
         event: 'mousedown',

package/dist/react/hooks/use-constant.cjs

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useConstant = 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 defineValue Function which returns defined value.
+ */
+const useConstant = (defineValue) => {
+    const ref = (0, react_1.useRef)();
+    if (!ref.current) {
+        ref.current = { value: defineValue() };
+    }
+    return ref.current.value;
+};
+exports.useConstant = useConstant;

package/dist/react/hooks/use-constant.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 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 defineValue Function which returns defined value.
+ */
+export declare const useConstant: <T>(defineValue: () => T) => T;
+//# sourceMappingURL=use-constant.d.ts.map

package/dist/react/hooks/use-constant.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-constant.d.ts","sourceRoot":"","sources":["../../../src/react/hooks/use-constant.ts"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,eAAO,MAAM,WAAW,GAAI,CAAC,EAAE,aAAa,MAAM,CAAC,KAAG,CAQrD,CAAC"}

package/dist/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/dist/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/dist/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/dist/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/dist/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/dist/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/dist/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/dist/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/dist/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 → dist/react}/hooks/use-event-listener.js

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

package/dist/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/dist/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/dist/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/dist/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 → dist/react}/hooks/use-event.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-event.d.ts","sourceRoot":"","sources":["../../../src/react/hooks/use-event.ts"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAExD,eAAO,MAAM,QAAQ,GAAI,CAAC,SAAS,WAAW,EAAE,SAAS,CAAC,KAAG,CAa5D,CAAC"}
+{"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/dist/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/dist/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/dist/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/dist/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/dist/react/hooks/use-force-update.d.ts

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

package/dist/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/dist/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/dist/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/dist/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/dist/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/dist/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/dist/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/{react → dist/react}/hooks/use-instance.js

@@ -1,6 +1,6 @@
 import { useLayoutEffect } from 'react';
-import { useAbortSignal } from './use-abort-signal.js';
-import { useConstant } from './use-constant.js';
+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({

package/dist/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/dist/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/dist/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/dist/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/dist/react/hooks/use-last-defined-value.d.ts

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

package/dist/react/hooks/use-last-defined-value.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-last-defined-value.d.ts","sourceRoot":"","sources":["../../../src/react/hooks/use-last-defined-value.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,mBAAmB,GAAI,CAAC,EAAE,OAAO,CAAC,MAM9C,CAAC"}

package/dist/react/hooks/use-last-value-ref.cjs

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

package/dist/react/hooks/use-last-value-ref.d.ts

@@ -0,0 +1,2 @@
+export declare const useLastValueRef: <T>(value: T | null | undefined) => import("react").MutableRefObject<T | null | undefined>;
+//# sourceMappingURL=use-last-value-ref.d.ts.map

package/dist/react/hooks/use-last-value-ref.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-last-value-ref.d.ts","sourceRoot":"","sources":["../../../src/react/hooks/use-last-value-ref.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,eAAe,GAAI,CAAC,EAAE,OAAO,CAAC,GAAG,IAAI,GAAG,SAAS,2DAQ7D,CAAC"}

package/dist/react/hooks/use-life-cycle.cjs

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useLifeCycle = void 0;
+const react_1 = require("react");
+const use_sync_ref_js_1 = require("./use-sync-ref.cjs");
+const useLifeCycle = (fn) => {
+    const fnRef = (0, use_sync_ref_js_1.useSyncRef)(fn);
+    (0, react_1.useEffect)(() => {
+        const fnOperation = fnRef.current();
+        fnOperation.mount?.();
+        return fnOperation.unmount?.();
+    }, []);
+};
+exports.useLifeCycle = useLifeCycle;

package/dist/react/hooks/use-life-cycle.d.ts

@@ -0,0 +1,5 @@
+export declare const useLifeCycle: (fn: () => {
+    mount?: VoidFunction;
+    unmount?: VoidFunction;
+}) => void;
+//# sourceMappingURL=use-life-cycle.d.ts.map

package/dist/react/hooks/use-life-cycle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-life-cycle.d.ts","sourceRoot":"","sources":["../../../src/react/hooks/use-life-cycle.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,YAAY,GACvB,IAAI,MAAM;IACR,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB,SASF,CAAC"}

package/{react → dist/react}/hooks/use-life-cycle.js

@@ -1,5 +1,5 @@
 import { useEffect } from 'react';
-import { useSyncRef } from './use-sync-ref.js';
+import { useSyncRef } from "./use-sync-ref.js";
 export const useLifeCycle = (fn) => {
     const fnRef = useSyncRef(fn);
     useEffect(() => {

package/dist/react/hooks/use-resize-observer.cjs

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useResizeObserver = void 0;
+const react_1 = require("react");
+const use_define_ref_js_1 = require("./use-define-ref.cjs");
+const useResizeObserver = (callback) => {
+    const resizeObserverRef = (0, use_define_ref_js_1.useDefineRef)(() => new ResizeObserver(callback));
+    (0, react_1.useLayoutEffect)(() => {
+        return () => {
+            resizeObserverRef.current.disconnect();
+        };
+    }, []);
+    return resizeObserverRef;
+};
+exports.useResizeObserver = useResizeObserver;

package/dist/react/hooks/use-resize-observer.d.ts

@@ -0,0 +1,2 @@
+export declare const useResizeObserver: (callback: ResizeObserverCallback) => import("react").MutableRefObject<ResizeObserver>;
+//# sourceMappingURL=use-resize-observer.d.ts.map

package/dist/react/hooks/use-resize-observer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-resize-observer.d.ts","sourceRoot":"","sources":["../../../src/react/hooks/use-resize-observer.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,iBAAiB,GAAI,UAAU,sBAAsB,qDAUjE,CAAC"}