motion-start 0.0.1 → 0.0.3

package/dist/render/dom/motion-proxy.js

@@ -0,0 +1,55 @@
+import Mo from './M.svelte';
+import { isSVGComponent } from './utils/is-svg-component.js';
+/**
+ * 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() {
+    return new Proxy({}, {
+        get(_target, key) {
+            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);
+                },
+            });
+        },
+    });
+}
+const M = createMotionProxy();
+export { M, createMotionProxy };

package/{src/render/dom/motion.ts → dist/render/dom/motion.js}

@@ -1,62 +1,42 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-// import { SvelteComponent } from "svelte";
-import type { DOMMotionComponents } from "./types.js";
-// import type { CustomMotionComponentConfig} from './motion-proxy.js'
-// import type { MotionProps } from "../../motion/types.js";
-
-export interface IsSVG{
-    /** set to true if the component receiving the motion action is an svg-element like `circle` or `path`. Should not be set to true for `svg` tags. */
-    isSVG?:boolean
-}
-
-/** 
-based on framer-motion@4.0.3,
-Copyright (c) 2018 Framer B.V.
-*/
-import { createMotionComponent } from '../../motion/index.js';
-import { createMotionClass } from './create-motion-class.js';
-import { createDomVisualElement } from './create-visual-element.js';
-import { featureBundle } from './featureBundle.js';
-//import { createMotionProxy } from './motion-proxy.js';
-
-
-
-/**
- * HTML & SVG components, optimised for use with gestures and animation. These can be used as
- * drop-in replacements for any HTML & SVG component, all CSS & SVG properties are supported.
- *
- * @public
- */
-var motion = /*@__PURE__*/ //createMotionProxy(allMotionFeatures);
-    createMotionClass(featureBundle)
-/**
- * Create a DOM `motion` component with the provided string. This is primarily intended
- * as a full alternative to `motion` for consumers who have to support environments that don't
- * support `Proxy`.
- *
- * ```javascript
- * import { createDomMotionComponent } from "framer-motion"
- *
- * const motion = {
- *   div: createDomMotionComponent('div')
- * }
- * ```
- *
- * @public
- */
-function createDomMotionComponent<T extends keyof DOMMotionComponents>(key: T): DOMMotionComponents[T] {
-    var config = {
-        createVisualElement: createDomVisualElement(key),
-        //useRender: createUseRender(key, false),
-        forwardMotionProps:  key.forwardMotionProps,
-        Component: key.Component,
-        defaultFeatures: allMotionFeatures,
-    };
-    return createMotionComponent(config);
-}
-
-export { motion as Motion, createDomMotionComponent };
-
+/**
+based on framer-motion@4.0.3,
+Copyright (c) 2018 Framer B.V.
+*/
+import { createMotionComponent } from '../../motion/index.js';
+import { createMotionClass } from './create-motion-class.js';
+import { createDomVisualElement } from './create-visual-element.js';
+import { featureBundle } from './featureBundle.js';
+//import { createMotionProxy } from './motion-proxy.js';
+/**
+ * HTML & SVG components, optimised for use with gestures and animation. These can be used as
+ * drop-in replacements for any HTML & SVG component, all CSS & SVG properties are supported.
+ *
+ * @public
+ */
+var motion = /*@__PURE__*/ createMotionClass(featureBundle); //createMotionProxy(allMotionFeatures);
+/**
+ * Create a DOM `motion` component with the provided string. This is primarily intended
+ * as a full alternative to `motion` for consumers who have to support environments that don't
+ * support `Proxy`.
+ *
+ * ```javascript
+ * import { createDomMotionComponent } from "framer-motion"
+ *
+ * const motion = {
+ *   div: createDomMotionComponent('div')
+ * }
+ * ```
+ *
+ * @public
+ */
+function createDomMotionComponent(key) {
+    var config = {
+        createVisualElement: createDomVisualElement(key),
+        // useRender: createUseRender(key, false),
+        forwardMotionProps: key.forwardMotionProps,
+        Component: key.Component,
+        defaultFeatures: allMotionFeatures,
+    };
+    return createMotionComponent(config);
+}
+export { motion as Motion, createDomMotionComponent };

package/dist/render/dom/projection/convert-to-relative.d.ts

@@ -0,0 +1,12 @@
+/**
+based on framer-motion@4.1.17,
+Copyright (c) 2018 Framer B.V.
+*/
+import type { VisualElement } from "../../types";
+/**
+ * Returns a boolean stating whether or not we converted the projection
+ * to relative projection.
+ */
+declare function convertToRelativeProjection(visualElement: VisualElement, isLayoutDrag?: boolean): boolean;
+export { convertToRelativeProjection };
+//# sourceMappingURL=convert-to-relative.d.ts.map

package/dist/render/dom/projection/convert-to-relative.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"convert-to-relative.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/render/dom/projection/convert-to-relative.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAYjD;;;GAGG;AACH,iBAAS,2BAA2B,CAAC,aAAa,EAAE,aAAa,EAAE,YAAY,CAAC,EAAE,OAAO,WAiBxF;AAED,OAAO,EAAE,2BAA2B,EAAE,CAAC"}

package/{src/render/dom/projection/convert-to-relative.ts → dist/render/dom/projection/convert-to-relative.js}

@@ -1,40 +1,32 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-import type { VisualElement } from "../../types";
-
-
-/** 
-based on framer-motion@4.1.11,
-Copyright (c) 2018 Framer B.V.
-*/
-
-import { calcRelativeOffset } from '../../../motion/features/layout/utils.js';
-import { eachAxis } from '../../../utils/each-axis.js';
-import { removeBoxTransforms } from '../../../utils/geometry/delta-apply.js';
-
-/**
- * Returns a boolean stating whether or not we converted the projection
- * to relative projection.
- */
-function convertToRelativeProjection(visualElement: VisualElement, isLayoutDrag?: boolean) {
-    if (isLayoutDrag === void 0) { isLayoutDrag = true; }
-    var projectionParent = visualElement.getProjectionParent();
-    if (!projectionParent)
-        return false;
-    var offset;
-    if (isLayoutDrag) {
-        offset = calcRelativeOffset(projectionParent.projection.target, visualElement.projection.target);
-        removeBoxTransforms(offset, projectionParent.getLatestValues());
-    }
-    else {
-        offset = calcRelativeOffset(projectionParent.getLayoutState().layout, visualElement.getLayoutState().layout);
-    }
-    eachAxis(function (axis) {
-        return visualElement.setProjectionTargetAxis(axis, offset[axis].min, offset[axis].max, true);
-    });
-    return true;
-}
-
-export { convertToRelativeProjection };
+/**
+based on framer-motion@4.1.11,
+Copyright (c) 2018 Framer B.V.
+*/
+import { calcRelativeOffset } from '../../../motion/features/layout/utils.js';
+import { eachAxis } from '../../../utils/each-axis.js';
+import { removeBoxTransforms } from '../../../utils/geometry/delta-apply.js';
+/**
+ * Returns a boolean stating whether or not we converted the projection
+ * to relative projection.
+ */
+function convertToRelativeProjection(visualElement, isLayoutDrag) {
+    if (isLayoutDrag === void 0) {
+        isLayoutDrag = true;
+    }
+    var projectionParent = visualElement.getProjectionParent();
+    if (!projectionParent)
+        return false;
+    var offset;
+    if (isLayoutDrag) {
+        offset = calcRelativeOffset(projectionParent.projection.target, visualElement.projection.target);
+        removeBoxTransforms(offset, projectionParent.getLatestValues());
+    }
+    else {
+        offset = calcRelativeOffset(projectionParent.getLayoutState().layout, visualElement.getLayoutState().layout);
+    }
+    eachAxis(function (axis) {
+        return visualElement.setProjectionTargetAxis(axis, offset[axis].min, offset[axis].max, true);
+    });
+    return true;
+}
+export { convertToRelativeProjection };

package/dist/render/dom/projection/default-scale-correctors.d.ts

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

package/dist/render/dom/projection/default-scale-correctors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-scale-correctors.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/render/dom/projection/default-scale-correctors.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,KAAK,EAAE,WAAW,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAavE,iBAAS,eAAe,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,IAAI,UAElD;AACD;;;;;;GAMG;AACH,iBAAS,mBAAmB,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,YAAY,EAAE,WAAW,EAAE,EAAE,MAAM,EAAE,EAAE,gBAAgB,UAoB5G;AAED,iBAAS,gBAAgB,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,WAAW,UA+C1E;AAID,QAAA,IAAI,sBAAsB,EAcrB;IACD,YAAY,EAAE;QACV,OAAO,EAAE,MAAM,EAAE,CAAC;QAClB,OAAO,EAAE,OAAO,mBAAmB,CAAC;KACvC,CAAC;IACF,mBAAmB,EAAE;QACjB,OAAO,EAAE,OAAO,mBAAmB,CAAC;KACvC,CAAC;IACF,oBAAoB,EAAE;QAClB,OAAO,EAAE,OAAO,mBAAmB,CAAC;KACvC,CAAC;IACF,sBAAsB,EAAE;QACpB,OAAO,EAAE,OAAO,mBAAmB,CAAC;KACvC,CAAC;IACF,uBAAuB,EAAE;QACrB,OAAO,EAAE,OAAO,mBAAmB,CAAC;KACvC,CAAC;IACF,SAAS,EAAE;QACP,OAAO,EAAE,OAAO,gBAAgB,CAAC;KACpC,CAAC;CACL,CAAC;AAEF,OAAO,EAAE,mBAAmB,EAAE,gBAAgB,EAAE,sBAAsB,EAAE,eAAe,EAAE,CAAC"}

package/{src/render/dom/projection/default-scale-correctors.ts → dist/render/dom/projection/default-scale-correctors.js}

@@ -1,138 +1,108 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-import type { Axis } from "../../../types/geometry";
-import type { LayoutState, TargetProjection } from "../../utils/state";
-
-
-/** 
-based on framer-motion@4.0.3,
-Copyright (c) 2018 Framer B.V.
-*/
-import {fixed} from '../../../utils/fix-process-env.js';
-import { __assign } from 'tslib';
-import { complex, px } from 'style-value-types';
-import { mix } from 'popmotion';
-import { cssVariableRegex } from '../utils/css-variables-conversion.js';
-
-function pixelsToPercent(pixels: number, axis: Axis) {
-    return (pixels / (axis.max - axis.min)) * 100;
-}
-/**
- * We always correct borderRadius as a percentage rather than pixels to reduce paints.
- * For example, if you are projecting a box that is 100px wide with a 10px borderRadius
- * into a box that is 200px wide with a 20px borderRadius, that is actually a 10%
- * borderRadius in both states. If we animate between the two in pixels that will trigger
- * a paint each time. If we animate between the two in percentage we'll avoid a paint.
- */
-function correctBorderRadius(latest: string | number, _layoutState: LayoutState, { target }: TargetProjection) {
-    /**
-     * If latest is a string, if it's a percentage we can return immediately as it's
-     * going to be stretched appropriately. Otherwise, if it's a pixel, convert it to a number.
-     */
-    if (typeof latest === "string") {
-        if (px.test(latest)) {
-            latest = parseFloat(latest);
-        }
-        else {
-            return latest;
-        }
-    }
-    /**
-     * If latest is a number, it's a pixel value. We use the current viewportBox to calculate that
-     * pixel value as a percentage of each axis
-     */
-    var x = pixelsToPercent(latest, target.x);
-    var y = pixelsToPercent(latest, target.y);
-    return x + "% " + y + "%";
-}
-var varToken = "_$css";
-function correctBoxShadow(latest: string, { delta, treeScale }: LayoutState) {
-    var original = latest;
-    /**
-     * We need to first strip and store CSS variables from the string.
-     */
-    var containsCSSVariables = latest.includes("var(");
-    var cssVariables = [];
-    if (containsCSSVariables) {
-        latest = latest.replace(cssVariableRegex, function (match) {
-            cssVariables.push(match);
-            return varToken;
-        });
-    }
-    var shadow = complex.parse(latest);
-    // TODO: Doesn't support multiple shadows
-    if (shadow.length > 5)
-        return original;
-    var template = complex.createTransformer(latest);
-    var offset = typeof shadow[0] !== "number" ? 1 : 0;
-    // Calculate the overall context scale
-    var xScale = delta.x.scale * treeScale.x;
-    var yScale = delta.y.scale * treeScale.y;
-    shadow[0 + offset] /= xScale;
-    shadow[1 + offset] /= yScale;
-    /**
-     * Ideally we'd correct x and y scales individually, but because blur and
-     * spread apply to both we have to take a scale average and apply that instead.
-     * We could potentially improve the outcome of this by incorporating the ratio between
-     * the two scales.
-     */
-    var averageScale = mix(xScale, yScale, 0.5);
-    // Blur
-    if (typeof shadow[2 + offset] === "number")
-        shadow[2 + offset] /= averageScale;
-    // Spread
-    if (typeof shadow[3 + offset] === "number")
-        shadow[3 + offset] /= averageScale;
-    var output = template(shadow);
-    if (containsCSSVariables) {
-        var i_1 = 0;
-        output = output.replace(varToken, function () {
-            var cssVariable = cssVariables[i_1];
-            i_1++;
-            return cssVariable;
-        });
-    }
-    return output;
-}
-var borderCorrectionDefinition = {
-    process: correctBorderRadius,
-};
-var defaultScaleCorrectors = {
-    borderRadius: __assign(__assign({}, borderCorrectionDefinition), { applyTo: [
-            "borderTopLeftRadius",
-            "borderTopRightRadius",
-            "borderBottomLeftRadius",
-            "borderBottomRightRadius",
-        ] }),
-    borderTopLeftRadius: borderCorrectionDefinition,
-    borderTopRightRadius: borderCorrectionDefinition,
-    borderBottomLeftRadius: borderCorrectionDefinition,
-    borderBottomRightRadius: borderCorrectionDefinition,
-    boxShadow: {
-        process: correctBoxShadow,
-    },
-} as {
-    borderRadius: {
-        applyTo: string[];
-        process: typeof correctBorderRadius;
-    };
-    borderTopLeftRadius: {
-        process: typeof correctBorderRadius;
-    };
-    borderTopRightRadius: {
-        process: typeof correctBorderRadius;
-    };
-    borderBottomLeftRadius: {
-        process: typeof correctBorderRadius;
-    };
-    borderBottomRightRadius: {
-        process: typeof correctBorderRadius;
-    };
-    boxShadow: {
-        process: typeof correctBoxShadow;
-    };
-};
-
-export { correctBorderRadius, correctBoxShadow, defaultScaleCorrectors, pixelsToPercent };
+/**
+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 { complex, px } from 'style-value-types';
+import { mix } from 'popmotion';
+import { cssVariableRegex } from '../utils/css-variables-conversion.js';
+function pixelsToPercent(pixels, axis) {
+    return (pixels / (axis.max - axis.min)) * 100;
+}
+/**
+ * We always correct borderRadius as a percentage rather than pixels to reduce paints.
+ * For example, if you are projecting a box that is 100px wide with a 10px borderRadius
+ * into a box that is 200px wide with a 20px borderRadius, that is actually a 10%
+ * borderRadius in both states. If we animate between the two in pixels that will trigger
+ * a paint each time. If we animate between the two in percentage we'll avoid a paint.
+ */
+function correctBorderRadius(latest, _layoutState, { target }) {
+    /**
+     * If latest is a string, if it's a percentage we can return immediately as it's
+     * going to be stretched appropriately. Otherwise, if it's a pixel, convert it to a number.
+     */
+    if (typeof latest === "string") {
+        if (px.test(latest)) {
+            latest = parseFloat(latest);
+        }
+        else {
+            return latest;
+        }
+    }
+    /**
+     * If latest is a number, it's a pixel value. We use the current viewportBox to calculate that
+     * pixel value as a percentage of each axis
+     */
+    var x = pixelsToPercent(latest, target.x);
+    var y = pixelsToPercent(latest, target.y);
+    return x + "% " + y + "%";
+}
+var varToken = "_$css";
+function correctBoxShadow(latest, { delta, treeScale }) {
+    var original = latest;
+    /**
+     * We need to first strip and store CSS variables from the string.
+     */
+    var containsCSSVariables = latest.includes("var(");
+    var cssVariables = [];
+    if (containsCSSVariables) {
+        latest = latest.replace(cssVariableRegex, function (match) {
+            cssVariables.push(match);
+            return varToken;
+        });
+    }
+    var shadow = complex.parse(latest);
+    // TODO: Doesn't support multiple shadows
+    if (shadow.length > 5)
+        return original;
+    var template = complex.createTransformer(latest);
+    var offset = typeof shadow[0] !== "number" ? 1 : 0;
+    // Calculate the overall context scale
+    var xScale = delta.x.scale * treeScale.x;
+    var yScale = delta.y.scale * treeScale.y;
+    shadow[0 + offset] /= xScale;
+    shadow[1 + offset] /= yScale;
+    /**
+     * Ideally we'd correct x and y scales individually, but because blur and
+     * spread apply to both we have to take a scale average and apply that instead.
+     * We could potentially improve the outcome of this by incorporating the ratio between
+     * the two scales.
+     */
+    var averageScale = mix(xScale, yScale, 0.5);
+    // Blur
+    if (typeof shadow[2 + offset] === "number")
+        shadow[2 + offset] /= averageScale;
+    // Spread
+    if (typeof shadow[3 + offset] === "number")
+        shadow[3 + offset] /= averageScale;
+    var output = template(shadow);
+    if (containsCSSVariables) {
+        var i_1 = 0;
+        output = output.replace(varToken, function () {
+            var cssVariable = cssVariables[i_1];
+            i_1++;
+            return cssVariable;
+        });
+    }
+    return output;
+}
+var borderCorrectionDefinition = {
+    process: correctBorderRadius,
+};
+var defaultScaleCorrectors = {
+    borderRadius: __assign(__assign({}, borderCorrectionDefinition), { applyTo: [
+            "borderTopLeftRadius",
+            "borderTopRightRadius",
+            "borderBottomLeftRadius",
+            "borderBottomRightRadius",
+        ] }),
+    borderTopLeftRadius: borderCorrectionDefinition,
+    borderTopRightRadius: borderCorrectionDefinition,
+    borderBottomLeftRadius: borderCorrectionDefinition,
+    borderBottomRightRadius: borderCorrectionDefinition,
+    boxShadow: {
+        process: correctBoxShadow,
+    },
+};
+export { correctBorderRadius, correctBoxShadow, defaultScaleCorrectors, pixelsToPercent };

package/dist/render/dom/projection/measure.d.ts

@@ -0,0 +1,17 @@
+/**
+based on framer-motion@4.1.17,
+Copyright (c) 2018 Framer B.V.
+*/
+import type { TransformPoint2D, AxisBox2D } from "../../../types/geometry";
+/**
+ * Measure and return the element bounding box.
+ *
+ * We convert the box into an AxisBox2D to make it easier to work with each axis
+ * individually and programmatically.
+ *
+ * This function optionally accepts a transformPagePoint function which allows us to compensate
+ * for, for instance, measuring the element within a scaled plane like a Framer devivce preview component.
+ */
+declare function getBoundingBox(element: Element, transformPagePoint?: TransformPoint2D): AxisBox2D;
+export { getBoundingBox };
+//# sourceMappingURL=measure.d.ts.map

package/dist/render/dom/projection/measure.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"measure.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/render/dom/projection/measure.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,gBAAgB,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAS3E;;;;;;;;GAQG;AACH,iBAAS,cAAc,CAAC,OAAO,EAAE,OAAO,EAAE,kBAAkB,CAAC,EAAE,gBAAgB,aAG9E;AAED,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/{src/render/dom/projection/measure.ts → dist/render/dom/projection/measure.js}

@@ -1,28 +1,19 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-import type { TransformPoint2D, AxisBox2D } from "../../../types/geometry";
-
-
-/** 
-based on framer-motion@4.0.3,
-Copyright (c) 2018 Framer B.V.
-*/
-import { convertBoundingBoxToAxisBox, transformBoundingBox } from '../../../utils/geometry/index.js';
-
-/**
- * Measure and return the element bounding box.
- *
- * We convert the box into an AxisBox2D to make it easier to work with each axis
- * individually and programmatically.
- *
- * This function optionally accepts a transformPagePoint function which allows us to compensate
- * for, for instance, measuring the element within a scaled plane like a Framer devivce preview component.
- */
-function getBoundingBox(element: Element, transformPagePoint?: TransformPoint2D) {
-    var box = element.getBoundingClientRect();
-    return convertBoundingBoxToAxisBox(transformBoundingBox(box, transformPagePoint));
-}
-
-export { getBoundingBox };
+/**
+based on framer-motion@4.0.3,
+Copyright (c) 2018 Framer B.V.
+*/
+import { convertBoundingBoxToAxisBox, transformBoundingBox } from '../../../utils/geometry/index.js';
+/**
+ * Measure and return the element bounding box.
+ *
+ * We convert the box into an AxisBox2D to make it easier to work with each axis
+ * individually and programmatically.
+ *
+ * This function optionally accepts a transformPagePoint function which allows us to compensate
+ * for, for instance, measuring the element within a scaled plane like a Framer devivce preview component.
+ */
+function getBoundingBox(element, transformPagePoint) {
+    var box = element.getBoundingClientRect();
+    return convertBoundingBoxToAxisBox(transformBoundingBox(box, transformPagePoint));
+}
+export { getBoundingBox };

package/dist/render/dom/projection/relative-set.d.ts

@@ -0,0 +1,8 @@
+/**
+based on framer-motion@4.1.17,
+Copyright (c) 2018 Framer B.V.
+*/
+import type { VisualElement } from "../../types";
+declare function setCurrentViewportBox(visualElement: VisualElement): void;
+export { setCurrentViewportBox };
+//# sourceMappingURL=relative-set.d.ts.map

package/dist/render/dom/projection/relative-set.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"relative-set.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/render/dom/projection/relative-set.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AAUjD,iBAAS,qBAAqB,CAAC,aAAa,EAAE,aAAa,QAU1D;AAED,OAAO,EAAE,qBAAqB,EAAE,CAAC"}