react-ui-animate 3.0.0-rc.0 → 3.0.0-rc.2

package/package.json

@@ -1,12 +1,13 @@
 {
   "name": "react-ui-animate",
-  "version": "3.0.0-rc.0",
+  "version": "3.0.0-rc.2",
   "description": "React library for gestures and animation",
   "main": "dist/index.js",
   "peerDependencies": {
     "react": ">=16.8.0  || >=17.0.0 || >=18.0.0"
   },
   "devDependencies": {
+    "@rollup/plugin-terser": "^0.4.4",
     "@types/jest": "^29.5.12",
     "@types/node": "^20.14.9",
     "@types/react": "^18.3.3",

package/.vscode/settings.json

@@ -1,3 +0,0 @@
-{
-  "compile-hero.disable-compile-files-on-did-save-code": false
-}

package/dist/animation/animationType.d.ts

@@ -1,15 +0,0 @@
-export declare const AnimationConfigUtils: {
-    ELASTIC: import("./core").FluidValueConfig;
-    BOUNCE: import("./core").FluidValueConfig;
-    EASE: import("./core").FluidValueConfig;
-    STIFF: import("./core").FluidValueConfig;
-    WOOBLE: import("./core").FluidValueConfig;
-    EASE_IN: import("./core").FluidValueConfig;
-    EASE_OUT: import("./core").FluidValueConfig;
-    EASE_IN_OUT: import("./core").FluidValueConfig;
-    POWER1: import("./core").FluidValueConfig;
-    POWER2: import("./core").FluidValueConfig;
-    POWER3: import("./core").FluidValueConfig;
-    POWER4: import("./core").FluidValueConfig;
-    LINEAR: import("./core").FluidValueConfig;
-};

package/dist/animation/core/animation/Animation.d.ts

@@ -1,16 +0,0 @@
-import { ResultType } from '../types/animation';
-/**
- * Base Animation class
- */
-export declare class Animation {
-    _active: boolean;
-    _onEnd: any;
-    /**
-     * it is necessary to add _onRest function as well
-     * because _onEnd is always re-assigned with onUpdate callback
-     * so that _onRest function is not fired, so we have to duplicate it
-     */
-    _onRest?: any;
-    _debounceOnEnd(result: ResultType): void;
-    stop(): void;
-}

package/dist/animation/core/animation/FluidValue.d.ts

@@ -1,21 +0,0 @@
-import type { Length, ResultType, SubscribeFn, FluidValueConfig, OnUpdateFn, AssignValue } from '../types/animation';
-import { Fn } from '../types/common';
-export declare class FluidValue {
-    _subscribe: SubscribeFn;
-    _value: Length;
-    _config?: FluidValueConfig;
-    _currentValue: {
-        current: Length;
-    };
-    _subscriptions: Map<{
-        uuid: number;
-        property: string;
-    }, OnUpdateFn>;
-    get: () => Length;
-    constructor(initialValue: Length, config?: FluidValueConfig);
-    /**
-     * Animates from initial value to updated value, determines the transition type `multistage`
-     * or `singlestage` according to updatedValue
-     */
-    setValue(updatedValue: AssignValue, config?: FluidValueConfig, callback?: Fn<ResultType, void>): void;
-}

package/dist/animation/core/animation/RequestAnimationFrame.d.ts

@@ -1,8 +0,0 @@
-export declare const RequestAnimationFrame: {
-    current: (cb: any) => number;
-    inject(injected: any): void;
-};
-export declare const CancelAnimationFrame: {
-    current: (id: any) => void;
-    inject(injected: any): void;
-};

package/dist/animation/core/animation/SpringAnimation.d.ts

@@ -1,41 +0,0 @@
-import { Animation } from './Animation';
-import type { FluidValueConfig, ResultType } from '../types/animation';
-/**
- * Class implementing spring based animation
- */
-export declare class SpringAnimation extends Animation {
-    _overshootClamping: boolean;
-    _restDisplacementThreshold: number;
-    _restSpeedThreshold: number;
-    _initialVelocity?: number;
-    _lastVelocity: number;
-    _startPosition: number;
-    _lastPosition: number;
-    _position: number;
-    _fromValue: number;
-    _toValue: any;
-    _mass: number;
-    _tension: number;
-    _friction: number;
-    _lastTime: number;
-    _onFrame: (value: number) => void;
-    _animationFrame: any;
-    _timeout: any;
-    _delay: number;
-    _onRest?: (value: ResultType) => void;
-    _onChange?: (value: number) => void;
-    constructor({ initialPosition, config, }: {
-        initialPosition: number;
-        config?: Omit<FluidValueConfig, 'duration' | 'easing'>;
-    });
-    onChange(value: number): void;
-    onUpdate(): void;
-    stop(): void;
-    set(toValue: number): void;
-    start({ toValue, onFrame, previousAnimation, onEnd, }: {
-        toValue: number;
-        onFrame: (value: number) => void;
-        previousAnimation?: SpringAnimation;
-        onEnd?: (result: ResultType) => void;
-    }): void;
-}

package/dist/animation/core/animation/TimingAnimation.d.ts

@@ -1,35 +0,0 @@
-import { Animation } from './Animation';
-import type { FluidValueConfig, ResultType } from '../types/animation';
-/**
- * Class implementing timing based animation
- */
-export declare class TimingAnimation extends Animation {
-    _startTime: number;
-    _fromValue: number;
-    _toValue: any;
-    _duration: number;
-    _easing: (value: number) => number;
-    _onFrame: (value: number) => void;
-    _animationFrame: any;
-    _timeout: any;
-    _lastPosition: number;
-    _position: number;
-    _delay: number;
-    _tempDuration: number;
-    _onRest?: (value: ResultType) => void;
-    _onChange?: (value: number) => void;
-    constructor({ initialPosition, config, }: {
-        initialPosition: number;
-        config?: Omit<FluidValueConfig, 'mass' | 'friction' | 'tension'>;
-    });
-    onChange(value: number): void;
-    onUpdate(): void;
-    stop(): void;
-    set(toValue: number): void;
-    start({ toValue, onFrame, previousAnimation, onEnd, }: {
-        toValue: number;
-        onFrame: (value: number) => void;
-        previousAnimation?: TimingAnimation;
-        onEnd?: (result: ResultType) => void;
-    }): void;
-}

package/dist/animation/core/animation/TransitionValue.d.ts

@@ -1,21 +0,0 @@
-import type { Length, ResultType, SubscribeFn, TransitionValueConfig, OnUpdateFn, AssignValue } from '../types/animation';
-import { Fn } from '../types/common';
-export declare class TransitionValue {
-    _subscribe: SubscribeFn;
-    _value: Length;
-    _config?: TransitionValueConfig;
-    _currentValue: {
-        current: Length;
-    };
-    _subscriptions: Map<{
-        uuid: number;
-        property: string;
-    }, OnUpdateFn>;
-    get: () => Length;
-    constructor(initialValue: Length, config?: TransitionValueConfig);
-    /**
-     * Animates from initial value to updated value, determines the transition type `multistage`
-     * or `singlestage` according to updatedValue
-     */
-    setValue(updatedValue: AssignValue, config?: TransitionValueConfig, callback?: Fn<ResultType, void>): void;
-}

package/dist/animation/core/helpers/camelToDash.d.ts

@@ -1,7 +0,0 @@
-/**
- * Function to convert camel case to dashed case
- * eg: backgroundColor -> background-color
- *
- * @param str
- */
-export declare function camelToDash(str: string): string;

package/dist/animation/core/helpers/canInterpolate.d.ts

@@ -1,11 +0,0 @@
-/**
- * Determines if two values can be interpolated.
- * This function checks if two values, either numbers or strings,
- * can be interpolated by ensuring they are of the same type and, in the case of strings,
- * that they are compatible for interpolation based on processed color values.
- *
- * @param previousValue - The previous value to compare. Can be a number or a string.
- * @param newValue - The new value to compare. Can be a number or a string.
- * @returns True if interpolation is possible, false otherwise.
- */
-export declare function canInterpolate(previousValue: number | string, newValue: number | string): boolean;

package/dist/animation/core/helpers/getAnimatableObject.d.ts

@@ -1,22 +0,0 @@
-import type { ExtrapolateConfig } from '../interpolation/Interpolation';
-import { FluidValue } from '../controllers/FluidValue';
-type PropertyType = 'style' | 'props';
-export type AnimationObject = {
-    propertyType: PropertyType;
-    property: string;
-    animatable: boolean;
-    isInterpolation: boolean;
-    interpolationConfig: {
-        inputRange: Array<number>;
-        outputRange: Array<number | string>;
-        extrapolateConfig?: ExtrapolateConfig;
-    };
-} & FluidValue;
-/**
- * Function to get the array of animatable objects
- * @param propertyType - which property type "props" or "style"
- */
-export declare function getAnimatableObject(propertyType: PropertyType, propertiesObject: {
-    [key: string]: any;
-}): Array<AnimationObject>;
-export {};

package/dist/animation/core/helpers/getNonAnimatableStyle.d.ts

@@ -1,6 +0,0 @@
-/**
- * getNonAnimatableStyle function returns the non-animatable style object
- * @param style - CSSProperties
- * @returns - non-animatable CSSProperties
- */
-export declare function getNonAnimatableStyle(style: React.CSSProperties, transformObjectRef: React.MutableRefObject<any>): any;

package/dist/animation/core/react/Tags.d.ts

@@ -1,3 +0,0 @@
-type HTMLTags = keyof JSX.IntrinsicElements;
-export declare const tags: HTMLTags[];
-export {};

package/dist/animation/core/react/TransformStyles.d.ts

@@ -1,8 +0,0 @@
-/**
- * style keys which can be accepted by animated component
- */
-export declare const styleTrasformKeys: readonly ["perspective", "translate", "translateX", "translateY", "translateZ", "scale", "scaleX", "scaleY", "scaleZ", "rotate", "rotateX", "rotateY", "rotateZ", "skew", "skewX", "skewY"];
-/**
- * getTransform function returns transform string from style object
- */
-export declare function getTransform(style: any): any;

package/dist/animation/core/react/animated.d.ts

@@ -1,29 +0,0 @@
-import { FluidValue } from '../types';
-import { styleTrasformKeys } from './TransformStyles';
-export type AnimatedCSSProperties = {
-    [key in keyof React.CSSProperties]: React.CSSProperties[key] | any;
-} & {
-    [key in (typeof styleTrasformKeys)[number]]?: number | string | FluidValue | any;
-};
-export type AnimatedHTMLAttributes<T> = {
-    [property in keyof React.HTMLAttributes<T>]: React.HTMLAttributes<T>[property] | FluidValue | any;
-};
-export type AnimatedSVGAttributes<T> = {
-    [property in keyof React.SVGAttributes<T>]: React.SVGAttributes<T>[property] | FluidValue | any;
-};
-export type AnimatedProps<T> = Omit<AnimatedHTMLAttributes<T> & AnimatedSVGAttributes<T>, 'style'> & {
-    style?: AnimatedCSSProperties;
-};
-type WrappedComponentOrTag = React.ComponentType<any> | keyof JSX.IntrinsicElements;
-/**
- * Higher order component to make any component animatable
- * @param WrapperComponent
- */
-export declare function makeAnimatedComponent<C extends WrappedComponentOrTag>(WrapperComponent: C): import("react").ForwardRefExoticComponent<Omit<AnimatedHTMLAttributes<C> & AnimatedSVGAttributes<C>, "style"> & {
-    style?: AnimatedCSSProperties;
-} & import("react").RefAttributes<unknown>>;
-type WithAnimated = {
-    [element in keyof JSX.IntrinsicElements]: React.ComponentType<AnimatedProps<element>>;
-} & any;
-export declare const animated: WithAnimated;
-export {};

package/dist/animation/core/react/combineRefs.d.ts

@@ -1,2 +0,0 @@
-import { RefObject } from 'react';
-export declare function combineRefs(...refs: Array<RefObject<any> | ((element: HTMLElement) => void)>): (element: HTMLElement) => void;

package/dist/animation/core/react/functions/camelToDash.d.ts

@@ -1,7 +0,0 @@
-/**
- * Function to convert camel case to dashed case
- * eg: backgroundColor -> background-color
- *
- * @param str
- */
-export declare function camelToDash(str: string): string;

package/dist/animation/core/react/functions/getAnimatableObject.d.ts

@@ -1,22 +0,0 @@
-import type { ExtrapolateConfig } from '../../interpolation/Interpolation';
-import type { FluidValue } from '../../types';
-type PropertyType = 'style' | 'props';
-export type AnimationObject = {
-    propertyType: PropertyType;
-    property: string;
-    animatable: boolean;
-    isInterpolation: boolean;
-    interpolationConfig: {
-        inputRange: Array<number>;
-        outputRange: Array<number | string>;
-        extrapolateConfig?: ExtrapolateConfig;
-    };
-} & FluidValue;
-/**
- * Function to get the array of animatable objects
- * @param propertyType - which property type "props" or "style"
- */
-export declare function getAnimatableObject(propertyType: PropertyType, propertiesObject: {
-    [key: string]: any;
-}): Array<AnimationObject>;
-export {};

package/dist/animation/core/react/functions/getCleanProps.d.ts

@@ -1,4 +0,0 @@
-/**
- * Function to get clean props object without any subscribers
- */
-export declare const getCleanProps: (props: any) => any;

package/dist/animation/core/react/functions/getCssValue.d.ts

@@ -1,8 +0,0 @@
-/**
- * getCssValue() function to get css value with unit or without unit
- * it is only for style property - it cannot be used with transform keys
- * @param property - style property
- * @param value - style value
- * @returns - value with unit or without unit
- */
-export declare function getCssValue(property: string, value: number | string): string | number;

package/dist/animation/core/react/functions/getNonAnimatableStyle.d.ts

@@ -1,6 +0,0 @@
-/**
- * getNonAnimatableStyle function returns the non-animatable style object
- * @param style - CSSProperties
- * @returns - non-animatable CSSProperties
- */
-export declare function getNonAnimatableStyle(style: React.CSSProperties, transformObjectRef: React.MutableRefObject<any>): any;

package/dist/animation/core/react/functions/index.d.ts

@@ -1,7 +0,0 @@
-export * from './getAnimatableObject';
-export * from './getNonAnimatableStyle';
-export * from './getCleanProps';
-export * from './getCssValue';
-export * from './isDefined';
-export * from './isTransitionValue';
-export * from './camelToDash';

package/dist/animation/core/react/functions/isDefined.d.ts

@@ -1,6 +0,0 @@
-/**
- * isDefined to check the value is defined or not
- * @param value - any
- * @returns - boolean
- */
-export declare const isDefined: <T>(value: T) => value is T & {};

package/dist/animation/core/react/functions/isTransitionValue.d.ts

@@ -1,6 +0,0 @@
-/**
- * isTransitionValue to check the value is TransitionValue or not
- * @param value - any
- * @returns - boolean
- */
-export declare const isTransitionValue: (value: any) => any;

package/dist/animation/core/react/helpers/camelToDash.d.ts

@@ -1,7 +0,0 @@
-/**
- * Function to convert camel case to dashed case
- * eg: backgroundColor -> background-color
- *
- * @param str
- */
-export declare function camelToDash(str: string): string;

package/dist/animation/core/react/helpers/canInterpolate.d.ts

@@ -1,7 +0,0 @@
-/**
- * Determines if two values can be interpolated.
- * @param previousValue - The previous value to compare.
- * @param newValue - The new value to compare.
- * @returns True if interpolation is possible, false otherwise.
- */
-export declare function canInterpolate(previousValue: number | string, newValue: number | string): boolean;

package/dist/animation/core/react/helpers/getAnimatableObject.d.ts

@@ -1,22 +0,0 @@
-import type { ExtrapolateConfig } from '../../interpolation/Interpolation';
-import { FluidValue } from '../../controllers/FluidValue';
-type PropertyType = 'style' | 'props';
-export type AnimationObject = {
-    propertyType: PropertyType;
-    property: string;
-    animatable: boolean;
-    isInterpolation: boolean;
-    interpolationConfig: {
-        inputRange: Array<number>;
-        outputRange: Array<number | string>;
-        extrapolateConfig?: ExtrapolateConfig;
-    };
-} & FluidValue;
-/**
- * Function to get the array of animatable objects
- * @param propertyType - which property type "props" or "style"
- */
-export declare function getAnimatableObject(propertyType: PropertyType, propertiesObject: {
-    [key: string]: any;
-}): Array<AnimationObject>;
-export {};

package/dist/animation/core/react/helpers/getCleanProps.d.ts

@@ -1,4 +0,0 @@
-/**
- * Function to get clean props object without any subscribers
- */
-export declare const getCleanProps: (props: any) => any;

package/dist/animation/core/react/helpers/getCssValue.d.ts

@@ -1,8 +0,0 @@
-/**
- * getCssValue() function to get css value with unit or without unit
- * it is only for style property - it cannot be used with transform keys
- * @param property - style property
- * @param value - style value
- * @returns - value with unit or without unit
- */
-export declare function getCssValue(property: string, value: number | string): string | number;

package/dist/animation/core/react/helpers/getNonAnimatableStyle.d.ts

@@ -1,6 +0,0 @@
-/**
- * getNonAnimatableStyle function returns the non-animatable style object
- * @param style - CSSProperties
- * @returns - non-animatable CSSProperties
- */
-export declare function getNonAnimatableStyle(style: React.CSSProperties, transformObjectRef: React.MutableRefObject<any>): any;

package/dist/animation/core/react/helpers/index.d.ts

@@ -1,7 +0,0 @@
-export * from './getAnimatableObject';
-export * from './getNonAnimatableStyle';
-export * from './getCleanProps';
-export * from './getCssValue';
-export * from './isDefined';
-export * from './isFluidValue';
-export * from './camelToDash';

package/dist/animation/core/react/helpers/isDefined.d.ts

@@ -1,6 +0,0 @@
-/**
- * isDefined to check the value is defined or not
- * @param value - any
- * @returns - boolean
- */
-export declare const isDefined: <T>(value: T) => value is T & {};

package/dist/animation/core/react/helpers/isFluidValue.d.ts

@@ -1,6 +0,0 @@
-/**
- * isFluidValue to check the value is FluidValue or not
- * @param value - any
- * @returns - boolean
- */
-export declare const isFluidValue: (value: any) => any;

package/dist/animation/core/react/helpers/isTransitionValue.d.ts

@@ -1,6 +0,0 @@
-/**
- * isTransitionValue to check the value is TransitionValue or not
- * @param value - any
- * @returns - boolean
- */
-export declare const isTransitionValue: (value: any) => any;

package/dist/animation/core/react/useMounts.d.ts

@@ -1,26 +0,0 @@
-import { TransitionValue } from '../animation/TransitionValue';
-import type { AssignValue, Length, TransitionValueConfig } from '../types/animation';
-export interface UseMountsConfig<T> {
-    from: T;
-    enter: Partial<{
-        [key in keyof T]: AssignValue;
-    }>;
-    exit: Partial<{
-        [key in keyof T]: AssignValue;
-    }>;
-    enterConfig?: TransitionValueConfig;
-    exitConfig?: TransitionValueConfig;
-    config?: TransitionValueConfig;
-}
-/**
- * `useMounts`
- *
- * applies mounting and unmounting of a component according to state change
- * applying transitions for multiple keys
- *
- * @param state - boolean indicating mount state of a component
- * @param config - the config object `UseMountsConfig`
- */
-export declare const useMounts: <T extends {
-    [key: string]: Length;
-}>(state: boolean, config: UseMountsConfig<T>) => (callback: (animation: { [key in keyof T]?: TransitionValue; }, mounted: boolean) => React.ReactNode) => import("react").ReactNode;

package/dist/animation/core/react/useTransition.d.ts

@@ -1,9 +0,0 @@
-import { FluidValue } from '../controllers/FluidValue';
-import type { FluidValueConfig, Length, AssignValue, OnUpdateCallback } from '../types/animation';
-/**
- * useTransition
- *
- * @param value - initial value
- * @param config - the config object for `FluidValue`
- */
-export declare const useTransition: (value: Length, config?: FluidValueConfig) => [FluidValue, (updateValue: AssignValue, config?: FluidValueConfig, callback?: OnUpdateCallback) => void];

package/dist/animation/core/react/useTransitions.d.ts

@@ -1,11 +0,0 @@
-import { TransitionValue } from '../animation/TransitionValue';
-import type { TransitionValueConfig, Length, AssignValue, OnUpdateCallback } from '../types/animation';
-/**
- * useTransitions hook for multiple values transition
- *
- * @param values - object with different keys
- * @param config - the config object for `TransitionValue`
- */
-export declare const useTransitions: <T extends {
-    [key: string]: Length;
-}>(values: T, config?: TransitionValueConfig) => [{ [key in keyof T]?: TransitionValue; }, (updateValues: Partial<{ [key in keyof T]?: AssignValue; }>, config?: TransitionValueConfig, callback?: OnUpdateCallback) => void];

package/dist/animation/core/types/animation.d.ts

@@ -1,54 +0,0 @@
-import type { Fn } from './common';
-/**
- * Base unit which is accepted by `TransitionValue`
- */
-export type Length = number | string;
-/**
- * Object passed as an argument on `onRest` function
- */
-export type ResultType = {
-    finished: boolean;
-    value: number;
-};
-/**
- * Function read by `animated` hoc to determine whether it
- * can be animated or not
- */
-export type SubscribeFn = (onUpdate: OnUpdateFn, property: string, uuid: number) => void;
-/**
- * Configuration object for `TransitionValue`
- */
-export interface TransitionValueConfig {
-    mass?: number;
-    tension?: number;
-    friction?: number;
-    duration?: number;
-    easing?: Fn<number, number>;
-    immediate?: boolean;
-    delay?: number;
-    restDistance?: number;
-    onChange?: Fn<number, void>;
-    onRest?: Fn<ResultType, void>;
-    onStart?: Fn<number, void>;
-}
-/**
- * FluidValue
- */
-export type FluidValue = {
-    _subscribe: SubscribeFn;
-    _value: Length;
-    _currentValue: {
-        current: Length;
-    };
-    _config?: TransitionValueConfig;
-    get: () => Length;
-};
-/**
- * Object which can be assigned to animate
- */
-export type AssignValue = Length | Fn<(next: Length, config?: TransitionValueConfig) => Promise<any>, void>;
-export type OnUpdateCallback = Fn<ResultType, void>;
-/**
- * Function to start the animation (it starts the already subscribed animation)
- */
-export type OnUpdateFn = (updatedValue: AssignValue, config?: TransitionValueConfig, callback?: OnUpdateCallback) => void;

package/dist/animation/core/types/common.d.ts

@@ -1,4 +0,0 @@
-/**
- * Generic function type argument of type T returns type U
- */
-export type Fn<T, U> = (value: T) => U;

package/dist/animation/core/types/fluid.d.ts

@@ -1,19 +0,0 @@
-import { CSSProperties, HTMLAttributes, SVGAttributes, ComponentType } from 'react';
-import { FluidValue } from '../controllers/FluidValue';
-import { styleTrasformKeys } from '../react/transforms';
-export type FluidTypes = 'spring' | 'timing';
-export type FluidCSSProperties = {
-    [key in keyof CSSProperties]: CSSProperties[key];
-} & {
-    [key in (typeof styleTrasformKeys)[number]]?: number | string | FluidValue;
-};
-export type FluidHTMLAttributes<T> = {
-    [property in keyof HTMLAttributes<T>]: HTMLAttributes<T>[property] | FluidValue;
-};
-export type FluidSVGAttributes<T> = {
-    [property in keyof SVGAttributes<T>]: SVGAttributes<T>[property] | FluidValue;
-};
-export type FluidProps<T> = Omit<FluidHTMLAttributes<T> & FluidSVGAttributes<T>, 'style'> & {
-    style?: FluidCSSProperties;
-};
-export type WrappedComponentOrTag = ComponentType<HTMLAttributes<HTMLElement>> | keyof JSX.IntrinsicElements;

package/dist/animation/core/types/index.d.ts

@@ -1,2 +0,0 @@
-export * from './common';
-export * from './animation';

package/dist/animation/getInitialConfig.d.ts

@@ -1,3 +0,0 @@
-import { FluidValueConfig } from './core';
-export type InitialConfigType = 'linear' | 'easein' | 'easeout' | 'easeinout' | 'ease' | 'power1' | 'power2' | 'power3' | 'power4' | 'elastic' | 'stiff' | 'wooble' | 'bounce';
-export declare const getInitialConfig: (animationType?: InitialConfigType) => FluidValueConfig;

package/dist/animation/index.d.ts

@@ -1,6 +0,0 @@
-export * from './interpolation';
-export * from './modules';
-export { useAnimatedValue, ValueType, UseAnimatedValueConfig, } from './useAnimatedValue';
-export { useMountedValue } from './useMountedValue';
-export * from './animationType';
-export * from './modules';

package/dist/animation/interpolation.d.ts

@@ -1,21 +0,0 @@
-import { ExtrapolateConfig, FluidValue } from './core';
-import { ValueType } from './useAnimatedValue';
-/**
- * interpolate functions maps input range to given output range
- * @param value - number | TransitionValue
- * @param inputRange - Array<number>
- * @param outputRange - Array<number | string>
- * @param extrapolateConfig - "clamp" | "identity" | "extend"
- * @returns - number | TransitionValue
- */
-export declare function interpolate(value: number | FluidValue | ValueType, inputRange: Array<number>, outputRange: Array<number | string>, extrapolateConfig?: ExtrapolateConfig): any;
-/**
- * bInterpolate functions maps input range [0, 1] to given [minOutput, maxOutput]
- * sorthand function to interpolate input range [0, 1]
- * @param value - number | TransitionValue
- * @param minOutput - number | string
- * @param maxOutput - number | string
- * @param extrapolateConfig - "clamp" | "identity" | "extend"
- * @returns - number | TransitionValue
- */
-export declare function bInterpolate(value: number | FluidValue | ValueType, minOutput: number | string, maxOutput: number | string, extrapolateConfig?: ExtrapolateConfig): any;