motion-start 0.0.1 → 0.1.0

package/{src/render/svg/utils/render.ts → dist/render/svg/utils/render.js}

@@ -1,22 +1,14 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-import type { SVGRenderState } from "../types";
-
-/** 
-based on framer-motion@4.0.3,
-Copyright (c) 2018 Framer B.V.
-*/
-import { camelToDash } from '../../dom/utils/camel-to-dash.js';
-import { renderHTML } from '../../html/utils/render.js';
-import { camelCaseAttributes } from './camel-case-attrs.js';
-
-function renderSVG(element: SVGElement, renderState: SVGRenderState) {
-    renderHTML(element, renderState);
-    for (var key in renderState.attrs) {
-        element.setAttribute(!camelCaseAttributes.has(key) ? camelToDash(key) : key, renderState.attrs[key]);
-    }
-}
-
-export { renderSVG };
+/**
+based on framer-motion@4.0.3,
+Copyright (c) 2018 Framer B.V.
+*/
+import { camelToDash } from '../../dom/utils/camel-to-dash.js';
+import { renderHTML } from '../../html/utils/render.js';
+import { camelCaseAttributes } from './camel-case-attrs.js';
+function renderSVG(element, renderState) {
+    renderHTML(element, renderState);
+    for (var key in renderState.attrs) {
+        element.setAttribute(!camelCaseAttributes.has(key) ? camelToDash(key) : key, renderState.attrs[key]);
+    }
+}
+export { renderSVG };

package/dist/render/svg/utils/scrape-motion-values.d.ts

@@ -0,0 +1,8 @@
+/**
+based on framer-motion@4.1.17,
+Copyright (c) 2018 Framer B.V.
+*/
+import type { MotionProps } from "../../../motion/types";
+declare function scrapeMotionValuesFromProps(props: MotionProps): {};
+export { scrapeMotionValuesFromProps };
+//# sourceMappingURL=scrape-motion-values.d.ts.map

package/dist/render/svg/utils/scrape-motion-values.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrape-motion-values.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/render/svg/utils/scrape-motion-values.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAUzD,iBAAS,2BAA2B,CAAC,KAAK,EAAE,WAAW,MAWtD;AAED,OAAO,EAAE,2BAA2B,EAAE,CAAC"}

package/{src/render/svg/utils/scrape-motion-values.ts → dist/render/svg/utils/scrape-motion-values.js}

@@ -1,26 +1,19 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-import type { MotionProps } from "../../../motion/types";
-
-
-/** 
-based on framer-motion@4.0.3,
-Copyright (c) 2018 Framer B.V.
-*/
-import { isMotionValue } from '../../../value/utils/is-motion-value.js';
-import { scrapeMotionValuesFromProps as scrapeMotionValuesFromProps$1 } from '../../html/utils/scrape-motion-values.js';
-
-function scrapeMotionValuesFromProps(props: MotionProps) {
-    var newValues = scrapeMotionValuesFromProps$1(props);
-    for (var key in props) {
-        if (isMotionValue(props[key])) {
-            var targetKey = key === "x" || key === "y" ? "attr" + key.toUpperCase() : key;
-            newValues[targetKey] = props[key];
-        }
-    }
-    return newValues;
-}
-
-export { scrapeMotionValuesFromProps };
+/**
+based on framer-motion@4.0.3,
+Copyright (c) 2018 Framer B.V.
+*/
+import { isMotionValue } from '../../../value/utils/is-motion-value.js';
+import { scrapeMotionValuesFromProps as scrapeMotionValuesFromProps$1 } from '../../html/utils/scrape-motion-values.js';
+function scrapeMotionValuesFromProps(props) {
+    var newValues = scrapeMotionValuesFromProps$1(props);
+    for (var key in props) {
+        //@ts-ignore
+        if (isMotionValue(props[key])) {
+            var targetKey = key === "x" || key === "y" ? "attr" + key.toUpperCase() : key;
+            //@ts-ignore
+            newValues[targetKey] = props[key];
+        }
+    }
+    return newValues;
+}
+export { scrapeMotionValuesFromProps };

package/dist/render/svg/utils/transform-origin.d.ts

@@ -0,0 +1,12 @@
+/**
+based on framer-motion@4.1.17,
+Copyright (c) 2018 Framer B.V.
+*/
+import type { SVGDimensions } from "../types";
+/**
+ * The SVG transform origin defaults are different to CSS and is less intuitive,
+ * so we use the measured dimensions of the SVG to reconcile these.
+ */
+declare function calcSVGTransformOrigin(dimensions: SVGDimensions, originX: number | string, originY: number | string): string;
+export { calcSVGTransformOrigin };
+//# sourceMappingURL=transform-origin.d.ts.map

package/dist/render/svg/utils/transform-origin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"transform-origin.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/render/svg/utils/transform-origin.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAe9C;;;GAGG;AACH,iBAAS,sBAAsB,CAAC,UAAU,EAAE,aAAa,EAAE,OAAO,EAAE,MAAM,GAAG,MAAM,EAAE,OAAO,EAAE,MAAM,GAAG,MAAM,UAI5G;AAED,OAAO,EAAE,sBAAsB,EAAE,CAAC"}

package/{src/render/svg/utils/transform-origin.ts → dist/render/svg/utils/transform-origin.js}

@@ -1,30 +1,21 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-import type { SVGDimensions } from "../types";
-
-
-/** 
-based on framer-motion@4.0.3,
-Copyright (c) 2018 Framer B.V.
-*/
-import {fixed} from '../../../utils/fix-process-env';
-import { px } from 'style-value-types';
-
-function calcOrigin(origin, offset, size) {
-    return typeof origin === "string"
-        ? origin
-        : px.transform(offset + size * origin);
-}
-/**
- * The SVG transform origin defaults are different to CSS and is less intuitive,
- * so we use the measured dimensions of the SVG to reconcile these.
- */
-function calcSVGTransformOrigin(dimensions: SVGDimensions, originX: number | string, originY: number | string) {
-    var pxOriginX = calcOrigin(originX, dimensions.x, dimensions.width);
-    var pxOriginY = calcOrigin(originY, dimensions.y, dimensions.height);
-    return pxOriginX + " " + pxOriginY;
-}
-
-export { calcSVGTransformOrigin };
+/**
+based on framer-motion@4.0.3,
+Copyright (c) 2018 Framer B.V.
+*/
+import { fixed } from '../../../utils/fix-process-env';
+import { px } from 'style-value-types';
+function calcOrigin(origin, offset, size) {
+    return typeof origin === "string"
+        ? origin
+        : px.transform?.(offset + size * origin);
+}
+/**
+ * The SVG transform origin defaults are different to CSS and is less intuitive,
+ * so we use the measured dimensions of the SVG to reconcile these.
+ */
+function calcSVGTransformOrigin(dimensions, originX, originY) {
+    var pxOriginX = calcOrigin(originX, dimensions.x, dimensions.width);
+    var pxOriginY = calcOrigin(originY, dimensions.y, dimensions.height);
+    return pxOriginX + " " + pxOriginY;
+}
+export { calcSVGTransformOrigin };

package/dist/render/svg/visual-element.d.ts

@@ -0,0 +1,7 @@
+/**
+based on framer-motion@4.1.17,
+Copyright (c) 2018 Framer B.V.
+*/
+declare var svgVisualElement: ({ parent, props, presenceId, blockInitialAnimation, visualState }: import("../types.js").VisualElementOptions<SVGElement, any>, options?: {} | undefined) => import("../types.js").VisualElement<SVGElement, any>;
+export { svgVisualElement };
+//# sourceMappingURL=visual-element.d.ts.map

package/dist/render/svg/visual-element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"visual-element.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/render/svg/visual-element.ts"],"names":[],"mappings":"AAAA;;;EAGE;AA0BF,QAAA,IAAI,gBAAgB,oNAmCnB,CAAC;AAEF,OAAO,EAAE,gBAAgB,EAAE,CAAC"}

package/{src/render/svg/visual-element.ts → dist/render/svg/visual-element.js}

@@ -1,44 +1,38 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-// export declare const svgVisualElement: ({ parent, props, presenceId, blockInitialAnimation, visualState, }: import("../types").VisualElementOptions<SVGElement, any>, options?: DOMVisualElementOptions) => import("../types").VisualElement<SVGElement, any>;
-
-
-/** 
-based on framer-motion@4.0.3,
-Copyright (c) 2018 Framer B.V.
-*/
-import { __assign } from 'tslib';
-import { camelToDash } from '../dom/utils/camel-to-dash.js';
-import { getDefaultValueType } from '../dom/value-types/defaults.js';
-import { buildLayoutProjectionTransform, buildLayoutProjectionTransformOrigin } from '../html/utils/build-projection-transform.js';
-import { isTransformProp } from '../html/utils/transform.js';
-import { htmlConfig } from '../html/visual-element.js';
-import { visualElement } from '../index.js';
-import { buildSVGAttrs } from './utils/build-attrs.js';
-import { camelCaseAttributes } from './utils/camel-case-attrs.js';
-import { renderSVG } from './utils/render.js';
-import { scrapeMotionValuesFromProps } from './utils/scrape-motion-values.js';
-
-var svgVisualElement = visualElement<SVGElement>(__assign(__assign({}, htmlConfig), { getBaseTarget: function (props, key) {
-        return props[key];
-    },
-    readValueFromInstance: function (domElement, key) {
-        var _a;
-        if (isTransformProp(key)) {
-            return ((_a = getDefaultValueType(key)) === null || _a === void 0 ? void 0 : _a.default) || 0;
-        }
-        key = !camelCaseAttributes.has(key) ? camelToDash(key) : key;
-        return domElement.getAttribute(key);
-    },
-    scrapeMotionValuesFromProps: scrapeMotionValuesFromProps,
-    build: function (_element, renderState, latestValues, projection, layoutState, options, props) {
-        var isProjectionTranform = projection.isEnabled && layoutState.isHydrated;
-        buildSVGAttrs(renderState, latestValues, projection, layoutState, options, props.transformTemplate, isProjectionTranform ? buildLayoutProjectionTransform : undefined, isProjectionTranform
-            ? buildLayoutProjectionTransformOrigin
-            : undefined);
-    }, render: renderSVG }));
-
-export { svgVisualElement };
-
+/**
+based on framer-motion@4.1.17,
+Copyright (c) 2018 Framer B.V.
+*/
+// export declare const svgVisualElement: ({ parent, props, presenceId, blockInitialAnimation, visualState, }: import("../types").VisualElementOptions<SVGElement, any>, options?: DOMVisualElementOptions) => import("../types").VisualElement<SVGElement, any>;
+/**
+based on framer-motion@4.0.3,
+Copyright (c) 2018 Framer B.V.
+*/
+import { camelToDash } from '../dom/utils/camel-to-dash.js';
+import { getDefaultValueType } from '../dom/value-types/defaults.js';
+import { buildLayoutProjectionTransform, buildLayoutProjectionTransformOrigin, } from '../html/utils/build-projection-transform.js';
+import { isTransformProp } from '../html/utils/transform.js';
+import { htmlConfig } from '../html/visual-element.js';
+import { visualElement } from '../index.js';
+import { buildSVGAttrs } from './utils/build-attrs.js';
+import { camelCaseAttributes } from './utils/camel-case-attrs.js';
+import { renderSVG } from './utils/render.js';
+import { scrapeMotionValuesFromProps } from './utils/scrape-motion-values.js';
+var svgVisualElement = visualElement(// @ts-expect-error
+Object.assign(Object.assign({}, htmlConfig), {
+    getBaseTarget: (props, key) => props[key],
+    readValueFromInstance: (domElement, key) => {
+        var _a;
+        if (isTransformProp(key)) {
+            return ((_a = getDefaultValueType(key)) === null || _a === void 0 ? void 0 : _a.default) || 0;
+        }
+        key = !camelCaseAttributes.has(key) ? camelToDash(key) : key;
+        return domElement.getAttribute(key);
+    },
+    scrapeMotionValuesFromProps: scrapeMotionValuesFromProps,
+    build: (_element, renderState, latestValues, projection, layoutState, options, props) => {
+        var isProjectionTranform = projection?.isEnabled && layoutState?.isHydrated;
+        buildSVGAttrs(renderState, latestValues, projection, layoutState, options, props.transformTemplate, isProjectionTranform ? buildLayoutProjectionTransform : undefined, isProjectionTranform ? buildLayoutProjectionTransformOrigin : undefined);
+    },
+    render: renderSVG,
+}));
+export { svgVisualElement };

package/{src/render/types.ts → dist/render/types.d.ts}

@@ -1,148 +1,149 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-import type { Component } from "svelte";
-import { startAnimation } from "../animation/utils/transitions";
-import { Presence, type SharedLayoutAnimationConfig } from "../components/AnimateSharedLayout/types";
-import type { Crossfader } from "../components/AnimateSharedLayout/utils/crossfader";
-import type { MotionProps } from "../motion/types";
-import type { VisualState } from "../motion/utils/use-visual-state";
-import type { TargetAndTransition, Transition, Variant } from "../types";
-import type { AxisBox2D, Point2D } from "../types/geometry";
-import { MotionValue } from "../value";
-import type { AnimationState } from "./utils/animation-state";
-import { FlatTree } from "./utils/flat-tree";
-import type { LifecycleManager } from "./utils/lifecycles";
-import type { LayoutState, TargetProjection } from "./utils/state";
-
-export interface MotionPoint {
-    x: MotionValue<number>;
-    y: MotionValue<number>;
-}
-export interface VisualElement<Instance = any, RenderState = any> extends LifecycleManager {
-    treeType: string;
-    depth: number;
-    parent?: VisualElement;
-    children: Set<VisualElement>;
-    variantChildren?: Set<VisualElement>;
-    current: Instance | null;
-    layoutTree: FlatTree;
-    manuallyAnimateOnMount: boolean;
-    blockInitialAnimation?: boolean;
-    presenceId: number | undefined;
-    projection: TargetProjection;
-    isProjectionReady: () => boolean;
-    isMounted(): boolean;
-    mount(instance: Instance): void;
-    unmount(): void;
-    isStatic?: boolean;
-    getInstance(): Instance | null;
-    path: VisualElement[];
-    sortNodePosition(element: VisualElement): number;
-    addVariantChild(child: VisualElement): undefined | (() => void);
-    getClosestVariantNode(): VisualElement | undefined;
-    setCrossfader(crossfader: Crossfader): void;
-    layoutSafeToRemove?: () => void;
-    animateMotionValue?: typeof startAnimation;
-    /**
-     * Visibility
-     */
-    isVisible?: boolean;
-    setVisibility(visibility: boolean): void;
-    hasValue(key: string): boolean;
-    addValue(key: string, value: MotionValue<any>): void;
-    removeValue(key: string): void;
-    getValue(key: string): undefined | MotionValue;
-    getValue(key: string, defaultValue: string | number): MotionValue;
-    getValue(key: string, defaultValue?: string | number): undefined | MotionValue;
-    forEachValue(callback: (value: MotionValue, key: string) => void): void;
-    readValue(key: string): string | number | undefined | null;
-    setBaseTarget(key: string, value: string | number | null): void;
-    getBaseTarget(key: string): number | string | undefined | null;
-    getStaticValue(key: string): number | string | undefined;
-    setStaticValue(key: string, value: number | string): void;
-    getLatestValues(): ResolvedValues;
-    scheduleRender(): void;
-    setProps(props: MotionProps): void;
-    getProps(): MotionProps;
-    getVariant(name: string): Variant | undefined;
-    getDefaultTransition(): Transition | undefined;
-    getVariantContext(startAtParent?: boolean): undefined | {
-        initial?: string | string[];
-        animate?: string | string[];
-        exit?: string | string[];
-        whileHover?: string | string[];
-        whileDrag?: string | string[];
-        whileFocus?: string | string[];
-        whileTap?: string | string[];
-    };
-    build(): RenderState;
-    syncRender(): void;
-    /**
-     * Layout projection - perhaps a candidate for lazy-loading
-     * or an external interface. Move into Projection?
-     */
-    enableLayoutProjection(): void;
-    lockProjectionTarget(): void;
-    unlockProjectionTarget(): void;
-    rebaseProjectionTarget(force?: boolean, sourceBox?: AxisBox2D): void;
-    measureViewportBox(withTransform?: boolean): AxisBox2D;
-    getLayoutState: () => LayoutState;
-    getProjectionParent: () => VisualElement | false;
-    getProjectionAnimationProgress(): MotionPoint;
-    setProjectionTargetAxis(axis: "x" | "y", min: number, max: number, isRelative?: boolean): void;
-    startLayoutAnimation(axis: "x" | "y", transition: Transition, isRelative: boolean): Promise<any>;
-    stopLayoutAnimation(): void;
-    updateLayoutProjection(): void;
-    updateTreeLayoutProjection(): void;
-    resolveRelativeTargetBox(): void;
-    makeTargetAnimatable(target: TargetAndTransition, isLive?: boolean): TargetAndTransition;
-    scheduleUpdateLayoutProjection(): void;
-    notifyLayoutReady(config?: SharedLayoutAnimationConfig): void;
-    pointTo(element: VisualElement): void;
-    resetTransform(): void;
-    restoreTransform(): void;
-    shouldResetTransform(): boolean;
-    isPresent: boolean;
-    presence: Presence;
-    isPresenceRoot?: boolean;
-    prevDragCursor?: Point2D;
-    prevViewportBox?: AxisBox2D;
-    getLayoutId(): string | undefined;
-    animationState?: AnimationState;
-}
-export interface VisualElementConfig<Instance, RenderState, Options> {
-    treeType?: string;
-    getBaseTarget?(props: MotionProps, key: string): string | number | undefined | MotionValue;
-    build(visualElement: VisualElement<Instance>, renderState: RenderState, latestValues: ResolvedValues, projection: TargetProjection, layoutState: LayoutState, options: Options, props: MotionProps): void;
-    sortNodePosition?: (a: Instance, b: Instance) => number;
-    makeTargetAnimatable(element: VisualElement<Instance>, target: TargetAndTransition, props: MotionProps, isLive: boolean): TargetAndTransition;
-    measureViewportBox(instance: Instance, options: Options): AxisBox2D;
-    readValueFromInstance(instance: Instance, key: string, options: Options): string | number | null | undefined;
-    resetTransform(element: VisualElement<Instance>, instance: Instance, props: MotionProps): void;
-    restoreTransform(instance: Instance, renderState: RenderState): void;
-    render(instance: Instance, renderState: RenderState): void;
-    removeValueFromRenderState(key: string, renderState: RenderState): void;
-    scrapeMotionValuesFromProps: ScrapeMotionValuesFromProps;
-}
-export type ScrapeMotionValuesFromProps = (props: MotionProps) => {
-    [key: string]: MotionValue | string | number;
-};
-export type UseRenderState<RenderState = any> = () => RenderState;
-export type VisualElementOptions<Instance, RenderState = any> = {
-    visualState: VisualState<Instance, RenderState>;
-    parent?: VisualElement<unknown>;
-    variantParent?: VisualElement<unknown>;
-    snapshot?: ResolvedValues;
-    presenceId?: number | undefined;
-    props: MotionProps;
-    blockInitialAnimation?: boolean;
-};
-export type CreateVisualElement<Instance> = (Component: string | Component, options?: VisualElementOptions<Instance>) => VisualElement<Instance>;
-/**
- * A generic set of string/number values
- */
-export interface ResolvedValues {
-    [key: string]: string | number;
-}
+/**
+based on framer-motion@4.1.17,
+Copyright (c) 2018 Framer B.V.
+*/
+import type { Component, Snippet } from 'svelte';
+import type { startAnimation } from '../animation/utils/transitions';
+import type { Presence, SharedLayoutAnimationConfig } from '../components/AnimateSharedLayout/types';
+import type { Crossfader } from '../components/AnimateSharedLayout/utils/crossfader';
+import type { MotionProps } from '../motion/types';
+import type { VisualState } from '../motion/utils/use-visual-state';
+import type { CustomValueType, MakeCustomValueType, TargetAndTransition, Transition, Variant } from '../types';
+import type { AxisBox2D, Point2D } from '../types/geometry';
+import type { MotionValue } from '../value';
+import type { AnimationState } from './utils/animation-state';
+import type { FlatTree } from './utils/flat-tree';
+import type { LifecycleManager } from './utils/lifecycles';
+import type { LayoutState, TargetProjection } from './utils/state';
+import type { Booleanish } from 'svelte/elements';
+export interface MotionPoint {
+    x: MotionValue<number>;
+    y: MotionValue<number>;
+}
+export interface VisualElement<Instance = any, RenderState = any> extends LifecycleManager {
+    treeType: string;
+    depth: number;
+    parent?: VisualElement;
+    children: Set<VisualElement>;
+    variantChildren?: Set<VisualElement>;
+    current: Instance | null;
+    layoutTree: FlatTree;
+    manuallyAnimateOnMount: boolean;
+    blockInitialAnimation?: boolean;
+    presenceId: number | undefined;
+    projection: TargetProjection;
+    isProjectionReady: () => boolean;
+    isMounted(): boolean;
+    mount(instance: Instance): void;
+    unmount(): void;
+    isStatic?: boolean;
+    getInstance(): Instance | null;
+    path: VisualElement[];
+    sortNodePosition(element: VisualElement): number;
+    addVariantChild(child: VisualElement): undefined | (() => void);
+    getClosestVariantNode(): VisualElement | undefined;
+    setCrossfader(crossfader: Crossfader): void;
+    layoutSafeToRemove?: () => void;
+    animateMotionValue?: typeof startAnimation;
+    /**
+     * Visibility
+     */
+    isVisible?: boolean;
+    setVisibility(visibility: boolean): void;
+    hasValue(key: string): boolean;
+    addValue(key: string, value: MotionValue<any>): void;
+    removeValue(key: string): void;
+    getValue(key: string): undefined | MotionValue;
+    getValue(key: string, defaultValue: string | number): MotionValue;
+    getValue(key: string, defaultValue?: string | number): undefined | MotionValue;
+    forEachValue(callback: (value: MotionValue, key: string) => void): void;
+    readValue(key: string): string | number | undefined | null;
+    setBaseTarget(key: string, value: string | number | null): void;
+    getBaseTarget(key: string): number | string | undefined | null;
+    getStaticValue(key: string): number | string | undefined;
+    setStaticValue(key: string, value: number | string): void;
+    getLatestValues(): ResolvedValues;
+    scheduleRender(): void;
+    setProps(props: MotionProps): void;
+    getProps(): MotionProps;
+    getVariant(name: string): Variant | undefined;
+    getDefaultTransition(): Transition | undefined;
+    getVariantContext(startAtParent?: boolean): undefined | {
+        initial?: string | string[];
+        animate?: string | string[];
+        exit?: string | string[];
+        whileHover?: string | string[];
+        whileDrag?: string | string[];
+        whileFocus?: string | string[];
+        whileTap?: string | string[];
+    };
+    build(): RenderState;
+    syncRender(): void;
+    /**
+     * Layout projection - perhaps a candidate for lazy-loading
+     * or an external interface. Move into Projection?
+     */
+    enableLayoutProjection(): void;
+    lockProjectionTarget(): void;
+    unlockProjectionTarget(): void;
+    rebaseProjectionTarget(force?: boolean, sourceBox?: AxisBox2D): void;
+    measureViewportBox(withTransform?: boolean): AxisBox2D;
+    getLayoutState: () => LayoutState;
+    getProjectionParent: () => VisualElement | false;
+    getProjectionAnimationProgress(): MotionPoint;
+    setProjectionTargetAxis(axis: 'x' | 'y', min: number, max: number, isRelative?: boolean): void;
+    startLayoutAnimation(axis: 'x' | 'y', transition: Transition, isRelative: boolean): Promise<any>;
+    stopLayoutAnimation(): void;
+    updateLayoutProjection(): void;
+    updateTreeLayoutProjection(): void;
+    resolveRelativeTargetBox(): void;
+    makeTargetAnimatable(target: TargetAndTransition, isLive?: boolean): TargetAndTransition;
+    scheduleUpdateLayoutProjection(): void;
+    notifyLayoutReady(config?: SharedLayoutAnimationConfig): void;
+    pointTo(element: VisualElement): void;
+    resetTransform(): void;
+    restoreTransform(): void;
+    shouldResetTransform(): boolean;
+    isPresent: boolean;
+    presence: Presence;
+    isPresenceRoot?: boolean;
+    prevDragCursor?: Point2D;
+    prevViewportBox?: AxisBox2D;
+    getLayoutId(): string | undefined;
+    animationState?: AnimationState;
+}
+export interface VisualElementConfig<Instance, RenderState, Options> {
+    treeType?: string;
+    getBaseTarget?(props: MotionProps, key: string): string | number | undefined | MotionValue;
+    build(visualElement: VisualElement<Instance>, renderState: RenderState, latestValues: ResolvedValues, projection: TargetProjection, layoutState: LayoutState, options: Options, props: MotionProps): void;
+    sortNodePosition?: (a: Instance, b: Instance) => number;
+    makeTargetAnimatable(element: VisualElement<Instance>, target: TargetAndTransition, props: MotionProps, isLive: boolean): TargetAndTransition;
+    measureViewportBox(instance: Instance, options: Options): AxisBox2D;
+    readValueFromInstance(instance: Instance, key: string, options: Options): string | number | null | undefined;
+    resetTransform(element: VisualElement<Instance>, instance: Instance, props: MotionProps): void;
+    restoreTransform(instance: Instance, renderState: RenderState): void;
+    render(instance: Instance, renderState: RenderState): void;
+    removeValueFromRenderState(key: string, renderState: RenderState): void;
+    scrapeMotionValuesFromProps: ScrapeMotionValuesFromProps;
+}
+export type ScrapeMotionValuesFromProps = (props: MotionProps) => {
+    [key: string]: MotionValue | string | number;
+};
+export type UseRenderState<RenderState = any> = () => RenderState;
+export type VisualElementOptions<Instance, RenderState = any> = {
+    visualState: VisualState<Instance, RenderState>;
+    parent?: VisualElement<unknown>;
+    variantParent?: VisualElement<unknown>;
+    snapshot?: ResolvedValues;
+    presenceId?: number | undefined;
+    props: MotionProps;
+    blockInitialAnimation?: boolean;
+};
+export type CreateVisualElement<Instance> = (Component: string | Component, options?: VisualElementOptions<Instance>) => VisualElement<Instance>;
+/**
+ * A generic set of string/number values
+ */
+export interface ResolvedValues {
+    [key: string]: string | number | CustomValueType | null | Booleanish | Snippet | MakeCustomValueType<any>;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/render/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/render/types.ts"],"names":[],"mappings":"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"}

package/dist/render/types.js

@@ -0,0 +1 @@
+export {};

package/dist/render/utils/animation-state.d.ts

@@ -0,0 +1,43 @@
+/**
+based on framer-motion@4.1.17,
+Copyright (c) 2018 Framer B.V.
+*/
+import type { VariantLabels } from '../../motion/types';
+import type { TargetAndTransition } from '../../types';
+import type { VisualElement } from '../types';
+import type { AnimationOptions } from './animation';
+import { AnimationType } from './types';
+export interface AnimationState {
+    animateChanges: (options?: AnimationOptions, type?: AnimationType) => Promise<any>;
+    setActive: (type: AnimationType, isActive: boolean, options?: AnimationOptions) => Promise<any>;
+    setAnimateFunction: (fn: any) => void;
+    isAnimated(key: string): boolean;
+    getState: () => {
+        [key: string]: AnimationTypeState;
+    };
+}
+export type AnimationList = string[] | TargetAndTransition[];
+export interface AnimationTypeState {
+    isActive: boolean;
+    protectedKeys: {
+        [key: string]: true;
+    };
+    needsAnimating: {
+        [key: string]: boolean;
+    };
+    prevResolvedValues: {
+        [key: string]: any;
+    };
+    prevProp?: VariantLabels | TargetAndTransition;
+}
+declare var variantPriorityOrder: AnimationType[];
+declare function createAnimationState(visualElement: VisualElement): {
+    isAnimated: (key: string | number) => boolean;
+    animateChanges: (options: any, changedActiveType: any) => Promise<void> | Promise<void[]>;
+    setActive: (type: AnimationType, isActive: boolean, options: any) => Promise<void> | Promise<void[]>;
+    setAnimateFunction: (makeAnimator: (arg0: VisualElement<any, any>) => (animations: any[]) => Promise<void[]>) => void;
+    getState: () => any;
+};
+declare function variantsHaveChanged(prev: any, next: any): boolean;
+export { createAnimationState, variantPriorityOrder, variantsHaveChanged };
+//# sourceMappingURL=animation-state.d.ts.map