motion-start 0.0.1 → 0.0.3

package/{src/render/dom/utils/filter-props.ts → dist/render/dom/utils/filter-props.js}

@@ -1,55 +1,46 @@
-/** 
-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 { isValidMotionProp } from '../../../motion/utils/valid-prop.js';
-
-var shouldForward = function (key) { return !isValidMotionProp(key); };
-/**
- * Emotion and Styled Components both allow users to pass through arbitrary props to their components
- * to dynamically generate CSS. They both use the `@emotion/is-prop-valid` package to determine which
- * of these should be passed to the underlying DOM node.
- *
- * However, when styling a Motion component `styled(MotionDiv)`, both packages pass through *all* props
- * as it's seen as an arbitrary component rather than a DOM node. Motion only allows arbitrary props
- * passed through the `custom` prop so it doesn't *need* the payload or computational overhead of
- * `@emotion/is-prop-valid`, however to fix this problem we need to use it.
- *
- * By making it an optionalDependency we can offer this functionality only in the situations where it's
- * actually required.
- */
-try {
-    var emotionIsPropValid_1 = require("@emotion/is-prop-valid").default;
-    shouldForward = function (key) {
-        // Handle events explicitly as Emotion validates them all as true
-        if (key.startsWith("on")) {
-            return !isValidMotionProp(key);
-        }
-        else {
-            return emotionIsPropValid_1(key);
-        }
-    };
-}
-catch (_a) {
-    // We don't need to actually do anything here - the fallback is the existing `isPropValid`.
-}
-function filterProps(props: MotionProps, isDom: boolean, forwardMotionProps: boolean) {
-    var filteredProps = {};
-    for (var key in props) {
-        if (shouldForward(key) ||
-            (forwardMotionProps === true && isValidMotionProp(key)) ||
-            (!isDom && !isValidMotionProp(key))) {
-            filteredProps[key] = props[key];
-        }
-    }
-    return filteredProps;
-}
-
-export { filterProps };
+/**
+based on framer-motion@4.0.3,
+Copyright (c) 2018 Framer B.V.
+*/
+import { isValidMotionProp } from '../../../motion/utils/valid-prop.js';
+var shouldForward = function (key) { return !isValidMotionProp(key); };
+/**
+ * Emotion and Styled Components both allow users to pass through arbitrary props to their components
+ * to dynamically generate CSS. They both use the `@emotion/is-prop-valid` package to determine which
+ * of these should be passed to the underlying DOM node.
+ *
+ * However, when styling a Motion component `styled(MotionDiv)`, both packages pass through *all* props
+ * as it's seen as an arbitrary component rather than a DOM node. Motion only allows arbitrary props
+ * passed through the `custom` prop so it doesn't *need* the payload or computational overhead of
+ * `@emotion/is-prop-valid`, however to fix this problem we need to use it.
+ *
+ * By making it an optionalDependency we can offer this functionality only in the situations where it's
+ * actually required.
+ */
+try {
+    var emotionIsPropValid_1 = require("@emotion/is-prop-valid").default;
+    shouldForward = function (key) {
+        // Handle events explicitly as Emotion validates them all as true
+        if (key.startsWith("on")) {
+            return !isValidMotionProp(key);
+        }
+        else {
+            return emotionIsPropValid_1(key);
+        }
+    };
+}
+catch (_a) {
+    // We don't need to actually do anything here - the fallback is the existing `isPropValid`.
+}
+function filterProps(props, isDom, forwardMotionProps) {
+    var filteredProps = {};
+    for (var key in props) {
+        if (shouldForward(key) ||
+            (forwardMotionProps === true && isValidMotionProp(key)) ||
+            (!isDom && !isValidMotionProp(key))) {
+            filteredProps[key] = props[key];
+        }
+    }
+    return filteredProps;
+}
+export { filterProps };

package/dist/render/dom/utils/is-css-variable.d.ts

@@ -0,0 +1,14 @@
+/**
+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.
+*/
+/**
+ * Returns true if the provided key is a CSS variable
+ */
+declare function isCSSVariable(key: string): boolean;
+export { isCSSVariable };
+//# sourceMappingURL=is-css-variable.d.ts.map

package/dist/render/dom/utils/is-css-variable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-css-variable.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/render/dom/utils/is-css-variable.ts"],"names":[],"mappings":"AAAA;;;EAGE;AAGF;;;EAGE;AACF;;GAEG;AACH,iBAAS,aAAa,CAAC,GAAG,EAAE,MAAM,WAEjC;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}

package/{src/render/dom/utils/is-css-variable.ts → dist/render/dom/utils/is-css-variable.js}

@@ -1,18 +1,15 @@
-/** 
-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.
-*/
-/**
- * Returns true if the provided key is a CSS variable
- */
-function isCSSVariable(key: string) {
-    return key.startsWith("--");
-}
-
-export { isCSSVariable };
+/**
+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.
+*/
+/**
+ * Returns true if the provided key is a CSS variable
+ */
+function isCSSVariable(key) {
+    return key.startsWith("--");
+}
+export { isCSSVariable };

package/dist/render/dom/utils/is-svg-component.d.ts

@@ -0,0 +1,8 @@
+/**
+based on framer-motion@4.1.17,
+Copyright (c) 2018 Framer B.V.
+*/
+import type { ComponentType } from "react";
+declare function isSVGComponent(Component: string | ComponentType): boolean;
+export { isSVGComponent };
+//# sourceMappingURL=is-svg-component.d.ts.map

package/dist/render/dom/utils/is-svg-component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"is-svg-component.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/render/dom/utils/is-svg-component.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAS3C,iBAAS,cAAc,CAAC,SAAS,EAAE,MAAM,GAAG,aAAa,WAyBxD;AAED,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/{src/render/dom/utils/is-svg-component.ts → dist/render/dom/utils/is-svg-component.js}

@@ -1,41 +1,32 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-import type { ComponentType } from "react";
-
-
-/** 
-based on framer-motion@4.0.3,
-Copyright (c) 2018 Framer B.V.
-*/
-import { lowercaseSVGElements } from '../../svg/lowercase-elements.js';
-
-function isSVGComponent(Component: string | ComponentType) {
-    if (
-    /**
-     * If it's not a string, it's a custom React component. Currently we only support
-     * HTML custom React components.
-     */
-    typeof Component !== "string" ||
-        /**
-         * If it contains a dash, the element is a custom HTML webcomponent.
-         */
-        Component.includes("-")) {
-        return false;
-    }
-    else if (
-    /**
-     * If it's in our list of lowercase SVG tags, it's an SVG component
-     */
-    lowercaseSVGElements.indexOf(Component) > -1 ||
-        /**
-         * If it contains a capital letter, it's an SVG component
-         */
-        /[A-Z]/.test(Component)) {
-        return true;
-    }
-    return false;
-}
-
-export { isSVGComponent };
+/**
+based on framer-motion@4.0.3,
+Copyright (c) 2018 Framer B.V.
+*/
+import { lowercaseSVGElements } from '../../svg/lowercase-elements.js';
+function isSVGComponent(Component) {
+    if (
+    /**
+     * If it's not a string, it's a custom React component. Currently we only support
+     * HTML custom React components.
+     */
+    typeof Component !== "string" ||
+        /**
+         * If it contains a dash, the element is a custom HTML webcomponent.
+         */
+        Component.includes("-")) {
+        return false;
+    }
+    else if (
+    /**
+     * If it's in our list of lowercase SVG tags, it's an SVG component
+     */
+    lowercaseSVGElements.indexOf(Component) > -1 ||
+        /**
+         * If it contains a capital letter, it's an SVG component
+         */
+        /[A-Z]/.test(Component)) {
+        return true;
+    }
+    return false;
+}
+export { isSVGComponent };

package/dist/render/dom/utils/parse-dom-variant.d.ts

@@ -0,0 +1,12 @@
+/**
+based on framer-motion@4.1.17,
+Copyright (c) 2018 Framer B.V.
+*/
+import type { MakeTargetAnimatable } from "../../utils/animation";
+/**
+ * Parse a DOM variant to make it animatable. This involves resolving CSS variables
+ * and ensuring animations like "20%" => "calc(50vw)" are performed in pixels.
+ */
+declare var parseDomVariant: MakeTargetAnimatable;
+export { parseDomVariant };
+//# sourceMappingURL=parse-dom-variant.d.ts.map

package/dist/render/dom/utils/parse-dom-variant.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"parse-dom-variant.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/render/dom/utils/parse-dom-variant.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAUlE;;;GAGG;AACH,QAAA,IAAI,eAAe,EAAE,oBAKpB,CAAC;AAEF,OAAO,EAAE,eAAe,EAAE,CAAC"}

package/{src/render/dom/utils/parse-dom-variant.ts → dist/render/dom/utils/parse-dom-variant.js}

@@ -1,26 +1,17 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-import type { MakeTargetAnimatable } from "../../utils/animation";
-
-
-/** 
-based on framer-motion@4.0.3,
-Copyright (c) 2018 Framer B.V.
-*/
-import { resolveCSSVariables } from './css-variables-conversion.js';
-import { unitConversion } from './unit-conversion.js';
-
-/**
- * Parse a DOM variant to make it animatable. This involves resolving CSS variables
- * and ensuring animations like "20%" => "calc(50vw)" are performed in pixels.
- */
-var parseDomVariant: MakeTargetAnimatable = function (visualElement, target, origin, transitionEnd) {
-    var resolved = resolveCSSVariables(visualElement, target, transitionEnd);
-    target = resolved.target;
-    transitionEnd = resolved.transitionEnd;
-    return unitConversion(visualElement, target, origin, transitionEnd);
-};
-
-export { parseDomVariant };
+/**
+based on framer-motion@4.0.3,
+Copyright (c) 2018 Framer B.V.
+*/
+import { resolveCSSVariables } from './css-variables-conversion.js';
+import { unitConversion } from './unit-conversion.js';
+/**
+ * Parse a DOM variant to make it animatable. This involves resolving CSS variables
+ * and ensuring animations like "20%" => "calc(50vw)" are performed in pixels.
+ */
+var parseDomVariant = function (visualElement, target, origin, transitionEnd) {
+    var resolved = resolveCSSVariables(visualElement, target, transitionEnd);
+    target = resolved.target;
+    transitionEnd = resolved.transitionEnd;
+    return unitConversion(visualElement, target, origin, transitionEnd);
+};
+export { parseDomVariant };

package/dist/render/dom/utils/unit-conversion.d.ts

@@ -0,0 +1,27 @@
+/**
+based on framer-motion@4.1.17,
+Copyright (c) 2018 Framer B.V.
+*/
+import type { Target, TargetWithKeyframes } from "../../../types";
+import type { VisualElement } from "../../types";
+declare enum BoundingBoxDimension {
+    width = "width",
+    height = "height",
+    left = "left",
+    right = "right",
+    top = "top",
+    bottom = "bottom"
+}
+/**
+ * Convert value types for x/y/width/height/top/left/bottom/right
+ *
+ * Allows animation between `'auto'` -> `'100%'` or `0` -> `'calc(50% - 10vw)'`
+ *
+ * @internal
+ */
+declare function unitConversion(visualElement: VisualElement, target: TargetWithKeyframes, origin?: Target, transitionEnd?: Target): {
+    target: TargetWithKeyframes;
+    transitionEnd?: Target;
+};
+export { BoundingBoxDimension, unitConversion };
+//# sourceMappingURL=unit-conversion.d.ts.map

package/dist/render/dom/utils/unit-conversion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"unit-conversion.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/render/dom/utils/unit-conversion.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,MAAM,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AAClE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,aAAa,CAAC;AACjD,aAAK,oBAAoB;IACrB,KAAK,UAAU;IACf,MAAM,WAAW;IACjB,IAAI,SAAS;IACb,KAAK,UAAU;IACf,GAAG,QAAQ;IACX,MAAM,WAAW;CACpB;AAsOD;;;;;;GAMG;AACH,iBAAS,cAAc,CAAC,aAAa,EAAE,aAAa,EAAE,MAAM,EAAE,mBAAmB,EAAE,MAAM,CAAC,EAAE,MAAM,EAAE,aAAa,CAAC,EAAE,MAAM,GAAG;IACzH,MAAM,EAAE,mBAAmB,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;CAC1B,CAIA;AAED,OAAO,EAAE,oBAAoB,EAAE,cAAc,EAAE,CAAC"}