/**
based on framer-motion@4.1.17,
Copyright (c) 2018 Framer B.V.
*/
import type { Axis } from '../../../types/geometry';
import type { LayoutState, TargetProjection } from '../../utils/state';
/**
based on framer-motion@4.0.3,
Copyright (c) 2018 Framer B.V.
*/
import '../../../utils/fix-process-env.js';
declare function pixelsToPercent(pixels: number, axis: Axis): number;
/**
 * We always correct borderRadius as a percentage rather than pixels to reduce paints.
 * For example, if you are projecting a box that is 100px wide with a 10px borderRadius
 * into a box that is 200px wide with a 20px borderRadius, that is actually a 10%
 * borderRadius in both states. If we animate between the two in pixels that will trigger
 * a paint each time. If we animate between the two in percentage we'll avoid a paint.
 */
declare function correctBorderRadius(latest: string | number, _layoutState: LayoutState, { target }: TargetProjection): string;
declare function correctBoxShadow(latest: string | number, { delta, treeScale }: LayoutState): string | number;
declare var defaultScaleCorrectors: {
    borderRadius: {
        process: typeof correctBorderRadius;
    } & {
        applyTo: string[];
    };
    borderTopLeftRadius: {
        process: typeof correctBorderRadius;
    };
    borderTopRightRadius: {
        process: typeof correctBorderRadius;
    };
    borderBottomLeftRadius: {
        process: typeof correctBorderRadius;
    };
    borderBottomRightRadius: {
        process: typeof correctBorderRadius;
    };
    boxShadow: {
        process: typeof correctBoxShadow;
    };
};
export { correctBorderRadius, correctBoxShadow, defaultScaleCorrectors, pixelsToPercent };
//# sourceMappingURL=default-scale-correctors.d.ts.map