import { A as AsyncState, j as StateBase } from '../types-5EvFF6wb.cjs';
import 'keyweaver';
import 'react';

declare const useOnValueChange: {
    /**
     * A hook that triggers a callback function when the value of the provided {@link state} changes.
     * Useful for performing side effects whenever a single state value updates.
     */
    <T>(state: AsyncState<T>, cb: (value: T | undefined) => void): void;
    /**
     * A hook that triggers a callback function when the value of the provided {@link state} changes.
     * Useful for performing side effects whenever a single state value updates.
     */
    <T>(state: StateBase<T>, cb: (value: T) => void): void;
    /**
     * A hook that triggers a callback function when the values of multiple {@link states} change.
     * Useful for performing side effects whenever any of the provided state values update.
     */
    <const S extends StateBase[]>(states: S, cb: (values: {
        [index in keyof S]: S[index] extends StateBase<infer K> ? K | (S[index] extends AsyncState ? undefined : never) : never;
    }) => void): void;
};

export = useOnValueChange;