export { type Atom, createAtom };
/**
 * An atom is a value that can be subscribed to and updated.
 *
 * @param T - The type of the value
 * @returns The atom
 */
type Atom<T> = {
    /** The current value. */
    readonly value: T;
    /** Subscribe to the value. */
    use: () => T;
    /** Set the value. */
    set: AtomSetState<T>;
    /** Reset the value to the default value. */
    reset: () => void;
    /** Subscribe to the value.with a callback function. */
    subscribe: (listener: (value: T) => void) => () => void;
    /** Compute a derived value from the current value, similar to useState + useMemo */
    useCompute: <R>(fn: (value: T) => R, deps?: readonly unknown[]) => R;
};
type AtomSetState<T> = (value: T | ((prev: T) => T)) => void;
/**
 * Creates an atom with a given id and default value.
 *
 * @param id - The id of the atom
 * @param defaultValue - The default value of the atom
 * @returns The atom
 * @example
 * const stateA = createAtom(useId(), false)
 * return (
 *   <>
 *    <ComponentA/>
 *     <ComponentB/>
 *      <Render state={stateA}>
 *        {(value, setValue) => (
 *          <button onClick={() => setValue(!value)}>{value ? 'Hide' : 'Show'}</button>
 *        )}
 *      </Render>
 *    <ComponentC/>
 *    <ComponentD/>
 *   </>
 * )
 */
declare function createAtom<T>(id: string, defaultValue: T, persistent?: boolean): Atom<T>;