/**
 * `useAnimate()` returns `{ scope, animate }` for imperative animation
 * against elements inside a scoped subtree. `scope` is a Vue template
 * ref to bind via `:ref="scope"`; `animate(target, props, opts)`
 * resolves `target` (a CSS selector queried within scope, an Element,
 * or an Element[]) and runs a `tween()` of `props` against each match.
 *
 *   const { scope, animate } = useAnimate()
 *   const handleClick = () => animate("li", { opacity: [0, 1] }, { duration: 300 })
 *   <ul :ref="scope">...</ul>
 */
import { type Controls, type PlayOpts, type TweenOpts, type TweenProps } from "@kinem/core";
import { type Ref } from "vue";
export type AnimateTarget = string | HTMLElement | readonly HTMLElement[];
export type UseAnimateAnimate = <P extends TweenProps>(target: AnimateTarget, props: P, opts?: TweenOpts & PlayOpts) => Controls;
export interface UseAnimateResult<T extends HTMLElement = HTMLElement> {
    readonly scope: Ref<T | null>;
    readonly animate: UseAnimateAnimate;
}
export declare function useAnimate<T extends HTMLElement = HTMLElement>(): UseAnimateResult<T>;
//# sourceMappingURL=useAnimate.d.ts.map