motion-start 0.0.1 → 0.0.3

package/{src → dist}/render/svg/UseSVGProps.svelte

@@ -15,7 +15,7 @@ Copyright (c) 2018 Framer B.V. -->
       undefined,
       undefined,
       { enableHardwareAcceleration: false },
-      props.transformTemplate
+      props.transformTemplate,
     );
     return {
       ...state.attrs,

package/dist/render/svg/UseSVGProps.svelte.d.ts

@@ -0,0 +1,35 @@
+interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
+    new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
+        $$bindings?: Bindings;
+    } & Exports;
+    (internal: unknown, props: Props & {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+type $$__sveltets_2_PropsWithChildren<Props, Slots> = Props & (Slots extends {
+    default: any;
+} ? Props extends Record<string, never> ? any : {
+    children?: any;
+} : {});
+declare const UseSvgProps: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    visualState: any;
+    props: any;
+}, {
+    default: {
+        visualProps: any;
+    };
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {
+        visualProps: any;
+    };
+}, {}, string>;
+type UseSvgProps = InstanceType<typeof UseSvgProps>;
+export default UseSvgProps;
+//# sourceMappingURL=UseSVGProps.svelte.d.ts.map

package/dist/render/svg/UseSVGProps.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UseSVGProps.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/render/svg/UseSVGProps.svelte.ts"],"names":[],"mappings":"AA2CA,UAAU,kCAAkC,CAAC,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,MAAM,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAAG,GAAG,EAAE,OAAO,GAAG,EAAE,EAAE,QAAQ,GAAG,MAAM;IACpM,KAAK,OAAO,EAAE,OAAO,QAAQ,EAAE,2BAA2B,CAAC,KAAK,CAAC,GAAG,OAAO,QAAQ,EAAE,eAAe,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,GAAG;QAAE,UAAU,CAAC,EAAE,QAAQ,CAAA;KAAE,GAAG,OAAO,CAAC;IACjK,CAAC,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,KAAK,GAAG;QAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;QAAC,OAAO,CAAC,EAAE,KAAK,CAAA;KAAC,GAAG,OAAO,GAAG;QAAE,IAAI,CAAC,EAAE,GAAG,CAAC;QAAC,GAAG,CAAC,EAAE,GAAG,CAAA;KAAE,CAAC;IAC9G,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AACD,KAAK,gCAAgC,CAAC,KAAK,EAAE,KAAK,IAAI,KAAK,GACvD,CAAC,KAAK,SAAS;IAAE,OAAO,EAAE,GAAG,CAAA;CAAE,GACzB,KAAK,SAAS,MAAM,CAAC,MAAM,EAAE,KAAK,CAAC,GACnC,GAAG,GACH;IAAE,QAAQ,CAAC,EAAE,GAAG,CAAA;CAAE,GAClB,EAAE,CAAC,CAAC;AAId,QAAA,MAAM,WAAW;;;;;;;;;;;;;cAAmF,CAAC;AACnF,KAAK,WAAW,GAAG,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC;AACtD,eAAe,WAAW,CAAC"}

package/dist/render/svg/config-motion.d.ts

@@ -0,0 +1,8 @@
+import { scrapeMotionValuesFromProps } from './utils/scrape-motion-values.js';
+declare var svgMotionConfig: {
+    scrapeMotionValuesFromProps: typeof scrapeMotionValuesFromProps;
+    createRenderState: () => any;
+    onMount: (props: any, instance: any, _a: any) => void;
+};
+export { svgMotionConfig };
+//# sourceMappingURL=config-motion.d.ts.map

package/dist/render/svg/config-motion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"config-motion.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/render/svg/config-motion.ts"],"names":[],"mappings":"AAcA,OAAO,EAAE,2BAA2B,EAAE,MAAM,iCAAiC,CAAC;AAE9E,QAAA,IAAI,eAAe;;;;CA4BuD,CAAA;AAK1E,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/dist/render/svg/config-motion.js

@@ -0,0 +1,41 @@
+/**
+based on framer-motion@4.0.3,
+Copyright (c) 2018 Framer B.V.
+*/
+import { buildSVGAttrs } from './utils/build-attrs.js';
+import { createSvgRenderState } from './utils/create-render-state.js';
+import { renderSVG } from './utils/render.js';
+import { scrapeMotionValuesFromProps } from './utils/scrape-motion-values.js';
+var svgMotionConfig = {
+    scrapeMotionValuesFromProps: scrapeMotionValuesFromProps,
+    createRenderState: createSvgRenderState,
+    onMount: function (props, instance, _a) {
+        var renderState = _a.renderState, latestValues = _a.latestValues;
+        try {
+            renderState.dimensions =
+                typeof instance.getBBox ===
+                    "function"
+                    ? instance.getBBox()
+                    : instance.getBoundingClientRect();
+        }
+        catch (e) {
+            // Most likely trying to measure an unrendered element under Firefox
+            renderState.dimensions = {
+                x: 0,
+                y: 0,
+                width: 0,
+                height: 0,
+            };
+        }
+        if (isPath(instance)) {
+            renderState.totalPathLength = instance.getTotalLength();
+        }
+        buildSVGAttrs(renderState, latestValues, undefined, undefined, { enableHardwareAcceleration: false }, props.transformTemplate);
+        // TODO: Replace with direct assignment
+        renderSVG(instance, renderState);
+    },
+};
+function isPath(element) {
+    return element.tagName === "path";
+}
+export { svgMotionConfig };

package/dist/render/svg/lowercase-elements.d.ts

@@ -0,0 +1,10 @@
+/**
+based on framer-motion@4.0.3,
+Copyright (c) 2018 Framer B.V.
+*/
+/**
+ * We keep these listed seperately as we use the lowercase tag names as part
+ * of the runtime bundle to detect SVG components
+ */
+export declare const lowercaseSVGElements: string[];
+//# sourceMappingURL=lowercase-elements.d.ts.map

package/dist/render/svg/lowercase-elements.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lowercase-elements.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/render/svg/lowercase-elements.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF;;;GAGG;AACH,eAAO,MAAM,oBAAoB,UA0BhC,CAAC"}

package/{src/render/svg/lowercase-elements.ts → dist/render/svg/lowercase-elements.js}

@@ -1,35 +1,35 @@
-/** 
-based on framer-motion@4.0.3,
-Copyright (c) 2018 Framer B.V.
-*/
-/**
- * We keep these listed seperately as we use the lowercase tag names as part
- * of the runtime bundle to detect SVG components
- */
-export const lowercaseSVGElements = [
-    "animate",
-    "circle",
-    "defs",
-    "desc",
-    "ellipse",
-    "g",
-    "image",
-    "line",
-    "filter",
-    "marker",
-    "mask",
-    "metadata",
-    "path",
-    "pattern",
-    "polygon",
-    "polyline",
-    "rect",
-    "stop",
-    "svg",
-    "switch",
-    "symbol",
-    "text",
-    "tspan",
-    "use",
-    "view",
-];
+/**
+based on framer-motion@4.0.3,
+Copyright (c) 2018 Framer B.V.
+*/
+/**
+ * We keep these listed seperately as we use the lowercase tag names as part
+ * of the runtime bundle to detect SVG components
+ */
+export const lowercaseSVGElements = [
+    "animate",
+    "circle",
+    "defs",
+    "desc",
+    "ellipse",
+    "g",
+    "image",
+    "line",
+    "filter",
+    "marker",
+    "mask",
+    "metadata",
+    "path",
+    "pattern",
+    "polygon",
+    "polyline",
+    "rect",
+    "stop",
+    "svg",
+    "switch",
+    "symbol",
+    "text",
+    "tspan",
+    "use",
+    "view",
+];

package/dist/render/svg/supported-elements.d.ts

@@ -0,0 +1,12 @@
+/**
+based on framer-motion@4.1.17,
+Copyright (c) 2018 Framer B.V.
+*/
+type UnionStringArray<T extends Readonly<string[]>> = T[number];
+/**
+ * @internal
+ */
+export declare const svgElements: readonly ["animate", "circle", "defs", "desc", "ellipse", "g", "image", "line", "filter", "marker", "mask", "metadata", "path", "pattern", "polygon", "polyline", "rect", "stop", "svg", "switch", "symbol", "text", "tspan", "use", "view", "clipPath", "feBlend", "feColorMatrix", "feComponentTransfer", "feComposite", "feConvolveMatrix", "feDiffuseLighting", "feDisplacementMap", "feDistantLight", "feDropShadow", "feFlood", "feFuncA", "feFuncB", "feFuncG", "feFuncR", "feGaussianBlur", "feImage", "feMerge", "feMergeNode", "feMorphology", "feOffset", "fePointLight", "feSpecularLighting", "feSpotLight", "feTile", "feTurbulence", "foreignObject", "linearGradient", "radialGradient", "textPath"];
+export type SVGElements = UnionStringArray<typeof svgElements>;
+export {};
+//# sourceMappingURL=supported-elements.d.ts.map

package/dist/render/svg/supported-elements.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"supported-elements.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/render/svg/supported-elements.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,KAAK,gBAAgB,CAAC,CAAC,SAAS,QAAQ,CAAC,MAAM,EAAE,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC,CAAC;AAChE;;GAEG;AACH,eAAO,MAAM,WAAW,srBAAurB,CAAC;AAChtB,MAAM,MAAM,WAAW,GAAG,gBAAgB,CAAC,OAAO,WAAW,CAAC,CAAC"}

package/{src/render/svg/supported-elements.ts → dist/render/svg/supported-elements.js}

@@ -1,10 +1,4 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-type UnionStringArray<T extends Readonly<string[]>> = T[number];
-/**
- * @internal
- */
-export const svgElements = ["animate", "circle", "defs", "desc", "ellipse", "g", "image", "line", "filter", "marker", "mask", "metadata", "path", "pattern", "polygon", "polyline", "rect", "stop", "svg", "switch", "symbol", "text", "tspan", "use", "view", "clipPath", "feBlend", "feColorMatrix", "feComponentTransfer", "feComposite", "feConvolveMatrix", "feDiffuseLighting", "feDisplacementMap", "feDistantLight", "feDropShadow", "feFlood", "feFuncA", "feFuncB", "feFuncG", "feFuncR", "feGaussianBlur", "feImage", "feMerge", "feMergeNode", "feMorphology", "feOffset", "fePointLight", "feSpecularLighting", "feSpotLight", "feTile", "feTurbulence", "foreignObject", "linearGradient", "radialGradient", "textPath"] as const;
-export type SVGElements = UnionStringArray<typeof svgElements>;
+/**
+ * @internal
+ */
+export const svgElements = ["animate", "circle", "defs", "desc", "ellipse", "g", "image", "line", "filter", "marker", "mask", "metadata", "path", "pattern", "polygon", "polyline", "rect", "stop", "svg", "switch", "symbol", "text", "tspan", "use", "view", "clipPath", "feBlend", "feColorMatrix", "feComponentTransfer", "feComposite", "feConvolveMatrix", "feDiffuseLighting", "feDisplacementMap", "feDistantLight", "feDropShadow", "feFlood", "feFuncA", "feFuncB", "feFuncG", "feFuncR", "feGaussianBlur", "feImage", "feMerge", "feMergeNode", "feMorphology", "feOffset", "fePointLight", "feSpecularLighting", "feSpotLight", "feTile", "feTurbulence", "foreignObject", "linearGradient", "radialGradient", "textPath"];

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

@@ -1,51 +1,53 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-import type { SVGAttributes } from "react";
-import type { MakeMotion, MotionProps } from "../../motion/types";
-import type { ForwardRefComponent, HTMLRenderState } from "../html/types";
-import type { ResolvedValues } from "../types";
-import type { SVGElements } from "./supported-elements";
-export interface SVGRenderState extends HTMLRenderState {
-    /**
-     * Measured dimensions of the SVG element to be used to calculate a transform-origin.
-     */
-    dimensions?: SVGDimensions;
-    /**
-     * A mutable record of attributes we want to apply directly to the rendered Element
-     * every frame. We use a mutable data structure to reduce GC during animations.
-     */
-    attrs: ResolvedValues;
-    /**
-     * Measured path length if this is a SVGPathElement
-     */
-    totalPathLength?: number;
-}
-export type SVGDimensions = {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-};
-interface SVGAttributesWithoutMotionProps<T> extends Pick<SVGAttributes<T>, Exclude<keyof SVGAttributes<T>, keyof MotionProps>> {
-}
-/**
- * Blanket-accept any SVG attribute as a `MotionValue`
- * @public
- */
-export type SVGAttributesAsMotionValues<T> = MakeMotion<SVGAttributesWithoutMotionProps<T>>;
-type UnwrapSVGFactoryElement<F> = F extends React.SVGProps<infer P> ? P : never;
-/**
- * @public
- */
-export interface SVGMotionProps<T> extends SVGAttributesAsMotionValues<T>, MotionProps {
-}
-/**
- * Motion-optimised versions of React's SVG components.
- *
- * @public
- */
-export type SVGMotionComponents = {
-    [K in SVGElements]: ForwardRefComponent<UnwrapSVGFactoryElement<JSX.IntrinsicElements[K]>, SVGMotionProps<UnwrapSVGFactoryElement<JSX.IntrinsicElements[K]>>>;
-};
+/**
+based on framer-motion@4.1.17,
+Copyright (c) 2018 Framer B.V.
+*/
+import type { SVGAttributes } from "react";
+import type { MakeMotion, MotionProps } from "../../motion/types";
+import type { ForwardRefComponent, HTMLRenderState } from "../html/types";
+import type { ResolvedValues } from "../types";
+import type { SVGElements } from "./supported-elements";
+export interface SVGRenderState extends HTMLRenderState {
+    /**
+     * Measured dimensions of the SVG element to be used to calculate a transform-origin.
+     */
+    dimensions?: SVGDimensions;
+    /**
+     * A mutable record of attributes we want to apply directly to the rendered Element
+     * every frame. We use a mutable data structure to reduce GC during animations.
+     */
+    attrs: ResolvedValues;
+    /**
+     * Measured path length if this is a SVGPathElement
+     */
+    totalPathLength?: number;
+}
+export type SVGDimensions = {
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+};
+interface SVGAttributesWithoutMotionProps<T> extends Pick<SVGAttributes<T>, Exclude<keyof SVGAttributes<T>, keyof MotionProps>> {
+}
+/**
+ * Blanket-accept any SVG attribute as a `MotionValue`
+ * @public
+ */
+export type SVGAttributesAsMotionValues<T> = MakeMotion<SVGAttributesWithoutMotionProps<T>>;
+type UnwrapSVGFactoryElement<F> = F extends React.SVGProps<infer P> ? P : never;
+/**
+ * @public
+ */
+export interface SVGMotionProps<T> extends SVGAttributesAsMotionValues<T>, MotionProps {
+}
+/**
+ * Motion-optimised versions of React's SVG components.
+ *
+ * @public
+ */
+export type SVGMotionComponents = {
+    [K in SVGElements]: ForwardRefComponent<UnwrapSVGFactoryElement<JSX.IntrinsicElements[K]>, SVGMotionProps<UnwrapSVGFactoryElement<JSX.IntrinsicElements[K]>>>;
+};
+export {};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/render/svg/types.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAClE,OAAO,KAAK,EAAE,mBAAmB,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AAC1E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC/C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sBAAsB,CAAC;AACxD,MAAM,WAAW,cAAe,SAAQ,eAAe;IACnD;;OAEG;IACH,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B;;;OAGG;IACH,KAAK,EAAE,cAAc,CAAC;IACtB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CAC5B;AACD,MAAM,MAAM,aAAa,GAAG;IACxB,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAClB,CAAC;AACF,UAAU,+BAA+B,CAAC,CAAC,CAAE,SAAQ,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,MAAM,aAAa,CAAC,CAAC,CAAC,EAAE,MAAM,WAAW,CAAC,CAAC;CAC9H;AACD;;;GAGG;AACH,MAAM,MAAM,2BAA2B,CAAC,CAAC,IAAI,UAAU,CAAC,+BAA+B,CAAC,CAAC,CAAC,CAAC,CAAC;AAC5F,KAAK,uBAAuB,CAAC,CAAC,IAAI,CAAC,SAAS,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC;AAChF;;GAEG;AACH,MAAM,WAAW,cAAc,CAAC,CAAC,CAAE,SAAQ,2BAA2B,CAAC,CAAC,CAAC,EAAE,WAAW;CACrF;AACD;;;;GAIG;AACH,MAAM,MAAM,mBAAmB,GAAG;KAC7B,CAAC,IAAI,WAAW,GAAG,mBAAmB,CAAC,uBAAuB,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,EAAE,cAAc,CAAC,uBAAuB,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CAChK,CAAC"}

package/dist/render/svg/types.js

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

package/{src/render/svg/use-props.ts → dist/render/svg/use-props.d.ts}

@@ -1,14 +1,13 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-import type { MotionProps } from "../../motion/types";
-import type { ResolvedValues } from "../types";
-export type useSVGProps = (props: MotionProps, visualState: ResolvedValues) => {
-    style: {
-        [x: string]: string | number;
-    };
-};
-
-export { default as UseSVGProps } from './UseSVGProps.svelte';
-
+/**
+based on framer-motion@4.1.17,
+Copyright (c) 2018 Framer B.V.
+*/
+import type { MotionProps } from "../../motion/types";
+import type { ResolvedValues } from "../types";
+export type useSVGProps = (props: MotionProps, visualState: ResolvedValues) => {
+    style: {
+        [x: string]: string | number;
+    };
+};
+export { default as UseSVGProps } from './UseSVGProps.svelte';
+//# sourceMappingURL=use-props.d.ts.map

package/dist/render/svg/use-props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-props.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/render/svg/use-props.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC/C,MAAM,MAAM,WAAW,GAAG,CAAC,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,cAAc,KAAK;IAC3E,KAAK,EAAE;QACH,CAAC,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;KAChC,CAAC;CACL,CAAC;AAEF,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/render/svg/use-props.js

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

package/dist/render/svg/utils/build-attrs.d.ts

@@ -0,0 +1,16 @@
+/**
+based on framer-motion@4.1.17,
+Copyright (c) 2018 Framer B.V.
+*/
+import type { DOMVisualElementOptions } from "../../dom/types";
+import type { ResolvedValues } from "../../types";
+import type { MotionProps } from "../../../motion/types";
+import type { LayoutState, TargetProjection } from "../../utils/state";
+import type { SVGRenderState } from "../types";
+import type { BuildProjectionTransform, BuildProjectionTransformOrigin } from "../../html/utils/build-projection-transform";
+/**
+ * Build SVG visual attrbutes, like cx and style.transform
+ */
+declare function buildSVGAttrs(state: SVGRenderState, { attrX, attrY, originX, originY, pathLength, pathSpacing, pathOffset, ...latest }: ResolvedValues, projection: TargetProjection | undefined, layoutState: LayoutState | undefined, options: DOMVisualElementOptions, transformTemplate?: MotionProps["transformTemplate"], buildProjectionTransform?: BuildProjectionTransform, buildProjectionTransformOrigin?: BuildProjectionTransformOrigin): void;
+export { buildSVGAttrs };
+//# sourceMappingURL=build-attrs.d.ts.map

package/dist/render/svg/utils/build-attrs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"build-attrs.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/render/svg/utils/build-attrs.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,iBAAiB,CAAC;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AACvE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAC/C,OAAO,KAAK,EAAE,wBAAwB,EAAE,8BAA8B,EAAE,MAAM,6CAA6C,CAAC;AAY5H;;GAEG;AACH,iBAAS,aAAa,CAAC,KAAK,EAAE,cAAc,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,WAAW,EAAE,UAAU,EAAE,GAAG,MAAM,EAAE,EAAE,cAAc,EAAE,UAAU,EAAE,gBAAgB,GAAG,SAAS,EAAE,WAAW,EAAE,WAAW,GAAG,SAAS,EAAE,OAAO,EAAE,uBAAuB,EAAE,iBAAiB,CAAC,EAAE,WAAW,CAAC,mBAAmB,CAAC,EAAE,wBAAwB,CAAC,EAAE,wBAAwB,EAAE,8BAA8B,CAAC,EAAE,8BAA8B,QA+B7a;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

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

@@ -1,58 +1,44 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-import type { DOMVisualElementOptions } from "../../dom/types";
-import type { ResolvedValues } from "../../types";
-import type { MotionProps } from "../../../motion/types";
-import type { LayoutState, TargetProjection } from "../../utils/state";
-import type { SVGRenderState } from "../types";
-import type { BuildProjectionTransform, BuildProjectionTransformOrigin } from "../../html/utils/build-projection-transform";
-
-
-/** 
-based on framer-motion@4.0.3,
-Copyright (c) 2018 Framer B.V.
-*/
-import { __rest } from 'tslib';
-import { buildHTMLStyles } from '../../html/utils/build-styles.js';
-import { calcSVGTransformOrigin } from './transform-origin.js';
-import { buildSVGPath } from './path.js';
-
-/**
- * Build SVG visual attrbutes, like cx and style.transform
- */
-function buildSVGAttrs(state: SVGRenderState, { attrX, attrY, originX, originY, pathLength, pathSpacing, pathOffset, ...latest }: ResolvedValues, projection: TargetProjection | undefined, layoutState: LayoutState | undefined, options: DOMVisualElementOptions, transformTemplate?: MotionProps["transformTemplate"], buildProjectionTransform?: BuildProjectionTransform, buildProjectionTransformOrigin?: BuildProjectionTransformOrigin) {
-    // var attrX = _a.attrX, attrY = _a.attrY, originX = _a.originX, originY = _a.originY, pathLength = _a.pathLength, _b = _a.pathSpacing, pathSpacing = _b === void 0 ? 1 : _b, _c = _a.pathOffset, pathOffset = _c === void 0 ? 0 : _c, 
-    // // This is object creation, which we try to avoid per-frame.
-    // latest = __rest(_a, ["attrX", "attrY", "originX", "originY", "pathLength", "pathSpacing", "pathOffset"]);
-    buildHTMLStyles(state, latest, projection, layoutState, options, transformTemplate, buildProjectionTransform, buildProjectionTransformOrigin);
-    state.attrs = state.style;
-    state.style = {};
-    var attrs = state.attrs, style = state.style, dimensions = state.dimensions, totalPathLength = state.totalPathLength;
-    /**
-     * However, we apply transforms as CSS transforms. So if we detect a transform we take it from attrs
-     * and copy it into style.
-     */
-    if (attrs.transform) {
-        if (dimensions)
-            style.transform = attrs.transform;
-        delete attrs.transform;
-    }
-    // Parse transformOrigin
-    if (dimensions &&
-        (originX !== undefined || originY !== undefined || style.transform)) {
-        style.transformOrigin = calcSVGTransformOrigin(dimensions, originX !== undefined ? originX : 0.5, originY !== undefined ? originY : 0.5);
-    }
-    // Treat x/y not as shortcuts but as actual attributes
-    if (attrX !== undefined)
-        attrs.x = attrX;
-    if (attrY !== undefined)
-        attrs.y = attrY;
-    // Build SVG path if one has been measured
-    if (totalPathLength !== undefined && pathLength !== undefined) {
-        buildSVGPath(attrs, totalPathLength, pathLength, pathSpacing, pathOffset, false);
-    }
-}
-
-export { buildSVGAttrs };
+/**
+based on framer-motion@4.0.3,
+Copyright (c) 2018 Framer B.V.
+*/
+import { __rest } from 'tslib';
+import { buildHTMLStyles } from '../../html/utils/build-styles.js';
+import { calcSVGTransformOrigin } from './transform-origin.js';
+import { buildSVGPath } from './path.js';
+/**
+ * Build SVG visual attrbutes, like cx and style.transform
+ */
+function buildSVGAttrs(state, { attrX, attrY, originX, originY, pathLength, pathSpacing, pathOffset, ...latest }, projection, layoutState, options, transformTemplate, buildProjectionTransform, buildProjectionTransformOrigin) {
+    // var attrX = _a.attrX, attrY = _a.attrY, originX = _a.originX, originY = _a.originY, pathLength = _a.pathLength, _b = _a.pathSpacing, pathSpacing = _b === void 0 ? 1 : _b, _c = _a.pathOffset, pathOffset = _c === void 0 ? 0 : _c, 
+    // // This is object creation, which we try to avoid per-frame.
+    // latest = __rest(_a, ["attrX", "attrY", "originX", "originY", "pathLength", "pathSpacing", "pathOffset"]);
+    buildHTMLStyles(state, latest, projection, layoutState, options, transformTemplate, buildProjectionTransform, buildProjectionTransformOrigin);
+    state.attrs = state.style;
+    state.style = {};
+    var attrs = state.attrs, style = state.style, dimensions = state.dimensions, totalPathLength = state.totalPathLength;
+    /**
+     * However, we apply transforms as CSS transforms. So if we detect a transform we take it from attrs
+     * and copy it into style.
+     */
+    if (attrs.transform) {
+        if (dimensions)
+            style.transform = attrs.transform;
+        delete attrs.transform;
+    }
+    // Parse transformOrigin
+    if (dimensions &&
+        (originX !== undefined || originY !== undefined || style.transform)) {
+        style.transformOrigin = calcSVGTransformOrigin(dimensions, originX !== undefined ? originX : 0.5, originY !== undefined ? originY : 0.5);
+    }
+    // Treat x/y not as shortcuts but as actual attributes
+    if (attrX !== undefined)
+        attrs.x = attrX;
+    if (attrY !== undefined)
+        attrs.y = attrY;
+    // Build SVG path if one has been measured
+    if (totalPathLength !== undefined && pathLength !== undefined) {
+        buildSVGPath(attrs, totalPathLength, pathLength, pathSpacing, pathOffset, false);
+    }
+}
+export { buildSVGAttrs };

package/dist/render/svg/utils/camel-case-attrs.d.ts

@@ -0,0 +1,9 @@
+/**
+based on framer-motion@4.0.3,
+Copyright (c) 2018 Framer B.V.
+*/
+/**
+ * A set of attribute names that are always read/written as camel case.
+ */
+export declare const camelCaseAttributes: Set<string>;
+//# sourceMappingURL=camel-case-attrs.d.ts.map

package/dist/render/svg/utils/camel-case-attrs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"camel-case-attrs.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/render/svg/utils/camel-case-attrs.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF;;GAEG;AACH,eAAO,MAAM,mBAAmB,aAmB9B,CAAC"}

package/{src/render/svg/utils/camel-case-attrs.ts → dist/render/svg/utils/camel-case-attrs.js}

@@ -1,27 +1,27 @@
-/** 
-based on framer-motion@4.0.3,
-Copyright (c) 2018 Framer B.V.
-*/
-/**
- * A set of attribute names that are always read/written as camel case.
- */
-export const camelCaseAttributes = new Set([
-    "baseFrequency",
-    "diffuseConstant",
-    "kernelMatrix",
-    "kernelUnitLength",
-    "keySplines",
-    "keyTimes",
-    "limitingConeAngle",
-    "markerHeight",
-    "markerWidth",
-    "numOctaves",
-    "targetX",
-    "targetY",
-    "surfaceScale",
-    "specularConstant",
-    "specularExponent",
-    "stdDeviation",
-    "tableValues",
-    "viewBox",
-]);
+/**
+based on framer-motion@4.0.3,
+Copyright (c) 2018 Framer B.V.
+*/
+/**
+ * A set of attribute names that are always read/written as camel case.
+ */
+export const camelCaseAttributes = new Set([
+    "baseFrequency",
+    "diffuseConstant",
+    "kernelMatrix",
+    "kernelUnitLength",
+    "keySplines",
+    "keyTimes",
+    "limitingConeAngle",
+    "markerHeight",
+    "markerWidth",
+    "numOctaves",
+    "targetX",
+    "targetY",
+    "surfaceScale",
+    "specularConstant",
+    "specularExponent",
+    "stdDeviation",
+    "tableValues",
+    "viewBox",
+]);

package/dist/render/svg/utils/create-render-state.d.ts

@@ -0,0 +1,3 @@
+declare var createSvgRenderState: () => any;
+export { createSvgRenderState };
+//# sourceMappingURL=create-render-state.d.ts.map

package/dist/render/svg/utils/create-render-state.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-render-state.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/render/svg/utils/create-render-state.ts"],"names":[],"mappings":"AAaA,QAAA,IAAI,oBAAoB,WAAoH,CAAC;AAE7I,OAAO,EAAE,oBAAoB,EAAE,CAAC"}

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

@@ -1,17 +1,8 @@
-/** 
-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 { __assign } from 'tslib';
-import { createHtmlRenderState } from '../../html/utils/create-render-state.js';
-
-var createSvgRenderState = function () { return (__assign(__assign({}, createHtmlRenderState()), { attrs: {} })) satisfies SVGRenderState; };
-
-export { createSvgRenderState };
-
+/**
+based on framer-motion@4.0.3,
+Copyright (c) 2018 Framer B.V.
+*/
+import { __assign } from 'tslib';
+import { createHtmlRenderState } from '../../html/utils/create-render-state.js';
+var createSvgRenderState = function () { return (__assign(__assign({}, createHtmlRenderState()), { attrs: {} })); };
+export { createSvgRenderState };

package/dist/render/svg/utils/path.d.ts

@@ -0,0 +1,15 @@
+/**
+based on framer-motion@4.1.17,
+Copyright (c) 2018 Framer B.V.
+*/
+import type { ResolvedValues } from "../../types";
+/**
+ * Build SVG path properties. Uses the path's measured length to convert
+ * our custom pathLength, pathSpacing and pathOffset into stroke-dashoffset
+ * and stroke-dasharray attributes.
+ *
+ * This function is mutative to reduce per-frame GC.
+ */
+declare function buildSVGPath(attrs: ResolvedValues, totalLength: number, length: number, spacing?: number, offset?: number, useDashCase?: boolean): void;
+export { buildSVGPath };
+//# sourceMappingURL=path.d.ts.map