motion-start 0.0.1 → 0.1.0

package/src/gestures/drag/use-drag-controls.ts

@@ -1,148 +0,0 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-import { VisualElementDragControls, type DragControlOptions } from "./VisualElementDragControls";
-/**
- * Can manually trigger a drag gesture on one or more `drag`-enabled `motion` components.
- *
- * @motion
- *
- * ```jsx
- * const dragControls = useDragControls()
- *
- * function startDrag(event) {
- *   dragControls.start(event, { snapToCursor: true })
- * }
- *
- * <div onPointerDown={startDrag} />
- * <MotionDiv drag="x" dragControls={dragControls} />
- * ```
- *
- * @public
- */
-export class DragControls {
-    private componentControls = new Set<VisualElementDragControls>();
-    /**
-     * Subscribe a component's internal `VisualElementDragControls` to the user-facing API.
-     *
-     * @internal
-     */
-    subscribe(controls: VisualElementDragControls): () => void {
-        this.componentControls.add(controls);
-
-        return () => this.componentControls.delete(controls);
-    }
-    /**
-     * Start a drag gesture on every `motion` component that has this set of drag controls
-     * passed into it via the `dragControls` prop.
-     *
-     * ```jsx
-     * dragControls.start(e, {
-     *   snapToCursor: true
-     * })
-     * ```
-     *
-     * @param event - PointerEvent
-     * @param options - Options
-     *
-     * @public
-     */
-    start(event: React.PointerEvent | PointerEvent, options?: DragControlOptions): void {
-        this.componentControls.forEach((controls) => {
-            controls.start((event as React.PointerEvent).nativeEvent || event),
-            options
-        })
-    }
-
-    updateConstraints(flush?: boolean): void {
-        this.componentControls.forEach(function (controls) {
-            controls.prepareBoundingBox();
-            controls.resolveDragConstraints();
-        });
-    }
-}
-
-const createDragControls = () => new DragControls();
-
-/**
- * Usually, dragging is initiated by pressing down on a `motion` component with a `drag` prop
- * and moving it. For some use-cases, for instance clicking at an arbitrary point on a video scrubber, we
- * might want to initiate that dragging from a different component than the draggable one.
- *
- * By creating a `dragControls` using the `useDragControls` hook, we can pass this into
- * the draggable component's `dragControls` prop. It exposes a `start` method
- * that can start dragging from pointer events on other components.
- *
- * @motion
- *
- * ```jsx
- * const dragControls = useDragControls()
- *
- * function startDrag(event) {
- *   dragControls.start(event, { snapToCursor: true })
- * }
- *
- * return (
- *   <>
- *     <div onPointerDown={startDrag} />
- *     <MotionDiv drag="x" dragControls={dragControls} />
- *   </>
- * )
- * ```
- *
- * @public
- */
-
-/** 
-based on framer-motion@4.0.3,
-Copyright (c) 2018 Framer B.V.
-*/
-
-
-/**
-* Usually, dragging is initiated by pressing down on a `motion` component with a `drag` prop
-* and moving it. For some use-cases, for instance clicking at an arbitrary point on a video scrubber, we
-* might want to initiate that dragging from a different component than the draggable one.
-*
-* By creating a `dragControls` using the `useDragControls` hook, we can pass this into
-* the draggable component's `dragControls` prop. It exposes a `start` method
-* that can start dragging from pointer events on other components.
-*
-* @library
-*
-* ```jsx
-* const dragControls = useDragControls()
-*
-* function startDrag(event) {
-*   dragControls.start(event, { snapToCursor: true })
-* }
-*
-* return (
-*   <>
-    *     <Frame onTapStart={startDrag} />
-*     <Frame drag="x" dragControls={dragControls} />
-*   </>
-* )
-* ```
-*
-* @motion
-*
-* ```jsx
-* const dragControls = useDragControls()
-*
-* function startDrag(event) {
-*   dragControls.start(event, { snapToCursor: true })
-* }
-*
-* return (
-*   <>
-    *     <div onPointerDown={startDrag} />
-*     <MotionDiv drag="x" dragControls={dragControls} />
-*   </>
-* )
-* ```
-*
-* @public
-*/
-export const useDragControls = createDragControls

package/src/index.ts

@@ -1,104 +0,0 @@
-/** 
-based on framer-motion@4.0.3,
-Copyright (c) 2018 Framer B.V.
-*/
-export { FramerTreeLayoutContext } from './context/SharedLayoutContext.js';
-
-export { UseGestures } from './gestures/use-gestures.js';
-export { UsePanGesture } from './gestures/use-pan-gesture.js';
-export { UseTapGesture } from './gestures/use-tap-gesture.js';
-
-export { default as MotionSSR } from './motion/MotionSSR.svelte';
-
-export { UseAnimation } from './animation/use-animation.js';
-
-export { default as Mdiv, default as MotionDiv } from './components/MotionDiv.svelte';
-
-// ----------------------------------------------------------------------------------------------
-
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-/**
- * Components
- */
-export { AnimatePresence } from "./components/AnimatePresence/index.js";
-export { AnimateSharedLayout } from "./components/AnimateSharedLayout/index.js";
-export { LazyMotion } from "./components/LazyMotion/index.js";
-export { MotionConfig } from "./components/MotionConfig/index.js";
-export { M } from "./render/dom/motion-proxy.js";
-export { Motion /*, createDomMotionComponent*/, Motion as MotionSVG } from "./render/dom/motion.js";
-/**
- * Features
- */
-// export { domMax, domAnimation } from "./render/dom/featureBundle.js";
-/**
- * Motion values
- */
-export { MotionValue, motionValue, type PassiveEffect, type Subscriber } from "./value/index.js";
-export { useElementScroll } from "./value/scroll/use-element-scroll.js";
-export { useViewportScroll } from "./value/scroll/use-viewport-scroll.js";
-export { useMotionTemplate } from "./value/use-motion-template.js";
-export { useMotionValue } from "./value/use-motion-value.js";
-export { useSpring } from "./value/use-spring.js";
-export { useTransform } from "./value/use-transform.js";
-export { useVelocity } from "./value/use-velocity.js";
-export { resolveMotionValue } from "./value/utils/resolve-motion-value.js";
-/**
- * Accessibility
- */
-export { useReducedMotion } from "./utils/use-reduced-motion.js";
-/**
- * Utils
- */
-export { animate } from "./animation/animate.js";
-export { animationControls } from "./animation/animation-controls.js";
-export type { AnimationControls } from "./animation/types.js";
-export { useAnimation } from "./animation/use-animation.js";
-export { useIsPresent, usePresence } from "./components/AnimatePresence/use-presence.js";
-export { createCrossfader } from "./components/AnimateSharedLayout/utils/crossfader.js";
-export { UseDomEvent } from "./events/use-dom-event.js";
-export { type PanInfo } from "./gestures/PanSession.js";
-export { DragControls, useDragControls } from "./gestures/drag/use-drag-controls.js";
-export type { FocusHandlers, HoverHandlers, PanHandlers, TapHandlers, TapInfo } from "./gestures/types.js";
-export { createMotionComponent } from "./motion/index.js";
-export { isValidMotionProp } from "./motion/utils/valid-prop.js";
-export { addScaleCorrection } from "./render/dom/projection/scale-correction.js";
-export { snapshotViewportBox } from "./render/dom/projection/utils.js";
-export { batchLayout, flushLayout } from "./render/dom/utils/batch-layout.js";
-export { visualElement } from "./render/index.js";
-export type { VisualElement } from "./render/types.js";
-export { animateVisualElement } from "./render/utils/animation.js";
-export { transform } from "./utils/transform.js";
-export { useCycle } from "./utils/use-cycle.js";
-/**
- * Contexts
- */
-export { LayoutGroupContext } from "./context/LayoutGroupContext.js";
-export { MotionConfigContext } from "./context/MotionConfigContext.js";
-export { PresenceContext } from "./context/PresenceContext.js";
-/**
- * Types
- */
-export type { AnimationOptions, AnimationPlaybackControls } from "./animation/animate.js";
-export type { AnimatePresenceProps } from "./components/AnimatePresence/types.js";
-export type { SharedLayoutAnimationConfig, SharedLayoutProps, SharedLayoutSyncMethods, SyncLayoutLifecycles, VisibilityAction } from "./components/AnimateSharedLayout/types.js";
-export { createBatcher } from "./components/AnimateSharedLayout/utils/batcher.js";
-export type { LazyProps } from "./components/LazyMotion/types.js";
-export type { MotionConfigProps } from "./components/MotionConfig/index.js";
-export type { SharedLayoutContext } from "./context/SharedLayoutContext.js";
-export type { EventInfo } from "./events/types.js";
-export type { DragElastic, DragHandlers, DraggableProps } from "./gestures/drag/types.js";
-export type { LayoutProps } from "./motion/features/layout/types.js";
-export * from "./motion/features/types.js";
-export type { AnimationProps, MotionAdvancedProps, MotionProps, MotionStyle, MotionTransform, RelayoutInfo, ResolveLayoutTransition, VariantLabels } from "./motion/types.js";
-export type { CustomDomComponent } from "./render/dom/motion-proxy.js";
-export type { ForwardRefComponent, HTMLMotionProps } from "./render/html/types.js";
-export type { SVGAttributesAsMotionValues, SVGMotionProps } from "./render/svg/types.js";
-export { FlatTree } from "./render/utils/flat-tree.js";
-export type { VisualElementLifecycles } from "./render/utils/lifecycles.js";
-export type { CustomValueType, EasingFunction, Inertia, Keyframes, KeyframesTarget, None, Orchestration, Repeat, ResolvedKeyframesTarget, ResolvedSingleTarget, ResolvedValueTarget, SingleTarget, Spring, Target, TargetAndTransition, Transition, Tween, ValueTarget, Variant, Variants } from "./types.js";
-export * from "./types/geometry.js";
-export type { ScrollMotionValues } from "./value/scroll/utils.js";
-

package/src/motion/features/layout/Animate.ts

@@ -1,9 +0,0 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-import type { FeatureProps } from "../types";
-// export declare function AnimateLayoutContextProvider(props: FeatureProps): JSX.Element;
-
-
-export {default as AnimateLayoutContextProvider} from './AnimateLayoutContextProvider.svelte'

package/src/motion/features/layout/Measure.ts

@@ -1,9 +0,0 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-import type { FeatureProps } from "../types";
-// export declare function MeasureContextProvider(props: FeatureProps): JSX.Element;
-
-
-export {default as MeasureContextProvider} from './MeasureContextProvider.svelte'

package/src/motion/index.ts

@@ -1,64 +0,0 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-import type { CreateVisualElement } from "../render/types";
-import type { FeatureBundle, RenderComponent } from "./features/types";
-import type { UseVisualState } from "./utils/use-visual-state";
-export type { MotionProps } from "./types";
-
-export interface MotionComponentConfig<Instance, RenderState> {
-    preloadedFeatures?: FeatureBundle;
-    createVisualElement?: CreateVisualElement<Instance>;
-    useRender: RenderComponent<Instance, RenderState>;
-    useVisualState: UseVisualState<Instance, RenderState>;
-    Component: string | React.ComponentType;
-}
-
-
-/** 
-based on framer-motion@4.0.3,
-Copyright (c) 2018 Framer B.V.
-*/
-import Motion from './Motion.svelte';
-import { loadFeatures } from "./features/definitions";
-import type { MotionProps } from "./types";
-
-/**
- * Create a `motion` component.
- *
- * This function accepts a Component argument, which can be either a string (ie "div"
- * for `MotionDiv`), or an actual React component.
- *
- * Alongside this is a config option which provides a way of rendering the provided
- * component "offline", or outside the React render cycle.
- *
- * @internal
- */
-export const createMotionComponent = <Props extends {}, Instance, RenderState>(
-    {
-        preloadedFeatures,
-        createVisualElement,
-        useRender: forwardMotionProps,
-        useVisualState: visualStateConfig,
-        Component,
-
-    }: MotionComponentConfig<Instance, RenderState>
-): React.ForwardRefExoticComponent<React.PropsWithoutRef<Props & MotionProps> & React.RefAttributes<Instance>> => {
-    preloadedFeatures && loadFeatures(preloadedFeatures);
-
-    return class MotionComponent extends Motion {
-        constructor(options) {
-            const props = options.props;
-            options.props = {
-                props: props,
-                defaultFeatures: preloadedFeatures,
-                createVisualElement: createVisualElement,
-                forwardMotionProps: forwardMotionProps,
-                Component: Component,
-                visualStateConfig
-            }
-            super(options)
-        }
-    }
-}

package/src/motion/utils/use-motion-ref.ts

@@ -1,41 +0,0 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-import type { VisualElement } from "../../render/types";
-import type { VisualState } from "./use-visual-state";
-
-
-/** 
-based on framer-motion@4.0.3,
-Copyright (c) 2018 Framer B.V.
-*/
-
-import { isRefObject } from '../../utils/is-ref-object.js';
-
-/**
- * Creates a ref function that, when called, hydrates the provided
- * external ref and VisualElement.
- */
-function useMotionRef<Instance, RenderState>(visualState: VisualState<Instance, RenderState>, visualElement?: VisualElement<Instance> | null, externalRef?: React.Ref<Instance>): React.Ref<Instance> {
-    return function (instance) {
-        var _a;
-        instance && ((_a = visualState.mount) === null || _a === void 0 ? void 0 : _a.call(visualState, instance));
-        if (visualElement) {
-            instance
-                ? visualElement.mount(instance)
-                : visualElement.unmount();
-        }
-        if (externalRef) {
-            if (typeof externalRef === "function") {
-                externalRef(instance);
-            }
-            else if (isRefObject(externalRef)) {
-                externalRef.current = instance;
-            }
-        }
-    }
-}
-
-export { useMotionRef };
-

package/src/motion/utils/use-visual-element.ts

@@ -1,13 +0,0 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-import type { MotionProps } from "../../motion/types";
-import type { CreateVisualElement, VisualElement } from "../../render/types";
-import type { VisualState } from "./use-visual-state";
-
-
-export type useVisualElement = <Instance, RenderState>(Component: string | React.ComponentType, visualState: VisualState<Instance, RenderState>, props: MotionProps, createVisualElement?: CreateVisualElement<Instance>) => VisualElement<Instance> | undefined;
-
-export { default as UseVisualElement } from './UseVisualElement.svelte';
-

package/src/render/dom/create-motion-class.ts

@@ -1,12 +0,0 @@
-/** 
-based on framer-motion@4.0.3,
-Copyright (c) 2018 Framer B.V.
-*/
-import Motion from '../../motion/Motion.svelte';
-import { loadFeatures } from "../../motion/features/definitions"
-
-
-export const createMotionClass = (features)=>{
-    features && loadFeatures(features)
-    return Motion;           
-}

package/src/render/dom/motion-minimal.ts

@@ -1,22 +0,0 @@
-/// <reference types="react" />
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-
-
-/** 
-based on framer-motion@4.0.3,
-Copyright (c) 2018 Framer B.V.
-*/
-import { layoutAnimations } from '../../motion/features/layout/index.js';
-//import { createMotionProxy } from './motion-proxy.js';
-import {createMotionClass} from './create-motion-class.js';
-
-/**
- * @public
- */
-var m = /*@__PURE__*/ //createMotionProxy([MeasureLayout]);
-    createMotionClass({...layoutAnimations}) as unknown as (<Props>(Component: string | import("react").ComponentType<Props>, customMotionComponentConfig?: import("./motion-proxy").CustomMotionComponentConfig) => import("./motion-proxy").CustomDomComponent<Props>) & import("../html/types").HTMLMotionComponents & import("../svg/types").SVGMotionComponents
-
-export { m as M };

package/src/render/dom/motion-proxy.ts

@@ -1,107 +0,0 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-import type { MotionComponentConfig } from "../../motion/index.js";
-import type { MotionProps } from "../../motion/types.js";
-/**
- * I'd rather the return type of `custom` to be implicit but this throws
- * incorrect relative paths in the exported types and API Extractor throws
- * a wobbly.
- *
- * @internal
- */
-export type CustomDomComponent<Props> = React.ForwardRefExoticComponent<React.PropsWithoutRef<Props & MotionProps> & React.RefAttributes<SVGElement | HTMLElement>>;
-export interface CustomMotionComponentConfig {
-    forwardMotionProps?: boolean;
-}
-export type CreateConfig = <Instance, RenderState, Props>(Component: string | React.ComponentType<Props>, config: CustomMotionComponentConfig) => MotionComponentConfig<Instance, RenderState>;
-/**
- * Convert any React component into a `motion` component. The provided component
- * **must** use `React.forwardRef` to the underlying DOM component you want to animate.
- *
- * ```jsx
- * const Component = React.forwardRef((props, ref) => {
- *   return <div ref={ref} />
- * })
- *
- * const MotionComponent = motion(Component)
- * ```
- *
- * @public
- */
-// export declare function createMotionProxy(createConfig: CreateConfig): (<Props>(Component: string | React.ComponentType<Props>, customMotionComponentConfig?: CustomMotionComponentConfig) => CustomDomComponent<Props>) & import("../html/types").HTMLMotionComponents & import("../svg/types").SVGMotionComponents;
-
-
-/** 
-based on framer-motion@4.0.3,
-Copyright (c) 2018 Framer B.V.
-*/
-import type { Component, Snippet } from 'svelte';
-import type { SvelteHTMLElements } from 'svelte/elements';
-import Mo from './M.svelte';
-import { isSVGComponent } from './utils/is-svg-component.js';
-
-type M<Element extends keyof SvelteHTMLElements> = MotionProps & {children: Snippet, class: string} & Omit<SvelteHTMLElements[Element], 'style'>;
-type motion<Element extends keyof SvelteHTMLElements> = Component<M<Element>>;
-/**
- * Convert any React component into a `motion` component. The provided component
- * **must** use `React.forwardRef` to the underlying DOM component you want to animate.
- *
- * ```jsx
- * const Component = React.forwardRef((props, ref) => {
- *   return <div ref={ref} />
- * })
- *
- * const MotionComponent = motion(Component)
- * ```
- *
- * @public
- */
-function createMotionProxy(): { [P in keyof SvelteHTMLElements]: motion<P> } {
-	return new Proxy(
-		{},
-		{
-			get(_target, key: string) {
-				let type = false;
-				if (key.toString().slice(0, 1) === key.toString().slice(0, 1).toLowerCase()) {
-					type = isSVGComponent(key);
-				}
-
-				return new Proxy(Mo, {
-					construct(target, args) {
-						if (!args || !args[0]) {
-							args.push({});
-						}
-						if (!args[0]?.props) {
-							args[0].props = { ___tag: key, isSVG: type };
-						} else {
-							args[0].props.___tag = key;
-							args[0].props.isSVG = type;
-						}
-
-						console.log(target, args);
-
-						return new target(...args);
-					},
-                    // support svelte 5
-					apply(target, thisArg, args) {
-						if (!args[1]) {
-							args[1] = { ___tag: key, isSVG: type };
-						} else {
-							args[1].___tag = key;
-							args[1].isSVG = type;
-						}
-
-						return target(...args);
-					},
-				});
-			},
-		}
-	) as { [P in keyof SvelteHTMLElements]: motion<P> };
-}
-
-const M = createMotionProxy();
-
-export { M, createMotionProxy };
-

package/src/render/dom/projection/scale-correction.ts

@@ -1,22 +0,0 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-import type { ScaleCorrectionDefinitionMap } from "./types";
-
-
-/** 
-based on framer-motion@4.0.3,
-Copyright (c) 2018 Framer B.V.
-*/
-var valueScaleCorrection: ScaleCorrectionDefinitionMap = {};
-/**
- * @internal
- */
-function addScaleCorrection(correctors: ScaleCorrectionDefinitionMap) {
-    for (var key in correctors) {
-        valueScaleCorrection[key] = correctors[key];
-    }
-}
-
-export { addScaleCorrection, valueScaleCorrection };

package/src/render/dom/use-render.ts

@@ -1,11 +0,0 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-import type { RenderComponent } from "../../motion/features/types";
-import type { HTMLRenderState } from "../html/types";
-import type { SVGRenderState } from "../svg/types";
-export type createUseRender = (forwardMotionProps?: boolean) => RenderComponent<SVGElement | HTMLElement, HTMLRenderState | SVGRenderState>;
-
-export { default as UseRender } from './UseRender.svelte';
-

package/src/render/dom/utils/create-config.ts

@@ -1,33 +0,0 @@
-
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-import type { MotionComponentConfig } from "../../../motion";
-import type { FeatureComponents } from "../../../motion/features/types";
-import type { HTMLRenderState } from "../../html/types";
-import type { SVGRenderState } from "../../svg/types";
-import type { CreateVisualElement } from "../../types";
-import type { CustomMotionComponentConfig } from "../motion-proxy";
-
-
-/** 
-based on framer-motion@4.0.3,
-Copyright (c) 2018 Framer B.V.
-*/
-import { __assign } from 'tslib';
-import { htmlMotionConfig } from '../../html/config-motion.js';
-import { svgMotionConfig } from '../../svg/config-motion.js';
-import { createUseRender } from '../use-render.js';
-import { isSVGComponent } from './is-svg-component.js';
-
-function createDomMotionConfig<Props>(Component: string | React.ComponentType<Props>, { forwardMotionProps }: CustomMotionComponentConfig, preloadedFeatures?: FeatureComponents, createVisualElement?: CreateVisualElement<any>) {
-    var baseConfig = isSVGComponent(Component)
-        ? svgMotionConfig
-        : htmlMotionConfig;
-    return __assign(__assign({}, baseConfig), { preloadedFeatures: preloadedFeatures, useRender: createUseRender(forwardMotionProps), createVisualElement: createVisualElement,
-        Component: Component }) as MotionComponentConfig<SVGElement, SVGRenderState> | MotionComponentConfig<HTMLElement, HTMLRenderState>;
-}
-
-export { createDomMotionConfig };
-

package/src/render/dom/utils/use-svg-props.ts

@@ -1 +0,0 @@
-export {default as UseSVGProps} from '../../svg/UseSVGProps.svelte';

package/src/render/dom/value-types/defaults.ts

@@ -1,30 +0,0 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-import type { ValueTypeMap } from "./types";
-
-
-/** 
-based on framer-motion@4.0.3,
-Copyright (c) 2018 Framer B.V.
-*/
-import {fixed} from '../../../utils/fix-process-env.js';
-import { __assign } from 'tslib';
-import { color, filter } from 'style-value-types';
-import { numberValueTypes } from './number.js';
-
-/**
- * A map of default value types for common values
- */
-var defaultValueTypes = __assign(__assign({}, numberValueTypes), { 
-    // Color props
-    color: color, backgroundColor: color, outlineColor: color, fill: color, stroke: color, 
-    // Border props
-    borderColor: color, borderTopColor: color, borderRightColor: color, borderBottomColor: color, borderLeftColor: color, filter: filter, WebkitFilter: filter }) as ValueTypeMap;
-/**
- * Gets the default ValueType for the provided value key
- */
-var getDefaultValueType = function (key:string) { return defaultValueTypes[key]; };
-
-export { defaultValueTypes, getDefaultValueType };

package/src/render/dom/value-types/find.ts

@@ -1,31 +0,0 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-
-
-/** 
-based on framer-motion@4.0.3,
-Copyright (c) 2018 Framer B.V.
-*/
-import {fixed} from '../../../utils/fix-process-env.js';
-import { __spreadArray, __read } from 'tslib';
-import { color, complex } from 'style-value-types';
-import { dimensionValueTypes } from './dimensions.js';
-import { testValueType } from './test.js';
-
-/**
- * A list of all ValueTypes
- */
-var valueTypes = __spreadArray(__spreadArray([], __read(dimensionValueTypes)), [color, complex]);
-/**
- * Tests a value against the list of ValueTypes
- */
-var findValueType = function (v: any) { return valueTypes.find(testValueType(v)) as import("style-value-types").ValueType | {
-    test: (v: any) => boolean;
-    parse: (v: string) => (number | import("style-value-types").RGBA | import("style-value-types").HSLA)[];
-    createTransformer: (v: string) => (v: (string | number | import("style-value-types").Color)[]) => string;
-    getAnimatableNone: (v: string) => string;
-} | undefined; };
-
-export { findValueType };