import type { AnimatedNode, AnimationDriver } from '../animation/types'; type UseAnimatedSectorPath = { /** * The driver used to power the animated interpolations. */ driver: D; /** * The radius of the sector. Can be a static number or an animated node. */ radius: AnimatedNode | number; /** * The angle at which the sector starts, in radians. */ startAngle: number; /** * The angle at which the sector ends. Can be a static number or an animated node. */ endAngle: AnimatedNode | number; /** * The center point of the circle on which the sector is drawn. */ center: { x: number; y: number; }; /** * When provided and > 0, the path describes an annular sector (donut slice) * instead of a full sector pie slice. */ innerRadius?: number; }; /** * Derives the SVG path for an animated sector from a (possibly animated) * radius and end angle. * * Animated numeric nodes only carry numbers, so a path string can't be * driven by a single animated node. When only one of `radius`/`endAngle` is * animated (or neither is), the path is a pure derivation of the current * props and is computed via `driver.interpolate`/`getSectorPath` in * `useMemo`, staying on the driver's native-driven interpolation path where * possible. When BOTH are animated, the two values tick independently, so * the path is recomputed from listeners that track the latest known numbers * in refs (avoiding stale closures) and is surfaced via React state, updated * only from those listener callbacks (an external system subscription), * never synchronously within the effect body. * @param props The properties for deriving the animated sector path. * @param props.driver The driver used to power the animated interpolations. * @param props.radius The radius of the sector. Can be a static number or an animated node. * @param props.startAngle The angle at which the sector starts, in radians. * @param props.endAngle The angle at which the sector ends. Can be a static number or an animated node. * @param props.center The center point of the circle on which the sector is drawn. * @param props.innerRadius When provided and > 0, the path describes an annular sector (donut slice) instead of a full sector pie slice. * @returns The animated (or static) SVG path for the sector. */ export declare const useAnimatedSectorPath: ({ driver, radius, startAngle, endAngle, center, innerRadius, }: UseAnimatedSectorPath) => AnimatedNode | string; export {}; //# sourceMappingURL=useAnimatedSectorPath.d.ts.map