motion-start 0.0.1 → 0.1.0

package/dist/motion/features/layout/utils.d.ts

@@ -0,0 +1,26 @@
+/**
+based on framer-motion@4.1.17,
+Copyright (c) 2018 Framer B.V.
+*/
+import type { Axis, AxisBox2D } from "../../../types/geometry";
+interface WithLayoutId {
+    getLayoutId: () => undefined | string;
+}
+declare function tweenAxis(target: Axis, prev: Axis, next: Axis, p: number): void;
+declare function calcRelativeOffsetAxis(parent: Axis, child: Axis): {
+    min: number;
+    max: number;
+};
+declare function calcRelativeOffset(parent: AxisBox2D, child: AxisBox2D): {
+    x: {
+        min: number;
+        max: number;
+    };
+    y: {
+        min: number;
+        max: number;
+    };
+};
+declare function checkIfParentHasChanged(prev: WithLayoutId, next: WithLayoutId): boolean;
+export { calcRelativeOffset, calcRelativeOffsetAxis, checkIfParentHasChanged, tweenAxis };
+//# sourceMappingURL=utils.d.ts.map

package/dist/motion/features/layout/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/motion/features/layout/utils.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAC/D,UAAU,YAAY;IAClB,WAAW,EAAE,MAAM,SAAS,GAAG,MAAM,CAAC;CACzC;AASD,iBAAS,SAAS,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,QAGjE;AACD,iBAAS,sBAAsB,CAAC,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI;;;EAKxD;AACD,iBAAS,kBAAkB,CAAC,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS;;;;;;;;;EAK9D;AACD,iBAAS,uBAAuB,CAAC,IAAI,EAAE,YAAY,EAAE,IAAI,EAAE,YAAY,WAItE;AAED,OAAO,EAAE,kBAAkB,EAAE,sBAAsB,EAAE,uBAAuB,EAAE,SAAS,EAAE,CAAC"}

package/{src/motion/features/layout/utils.ts → dist/motion/features/layout/utils.js}

@@ -1,40 +1,28 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-import type { Axis, AxisBox2D } from "../../../types/geometry";
-interface WithLayoutId {
-    getLayoutId: () => undefined | string;
-}
-
-/** 
-based on framer-motion@4.1.11,
-Copyright (c) 2018 Framer B.V.
-*/
-import {fixed} from '../../../utils/fix-process-env';
-import { mix } from 'popmotion';
-
-function tweenAxis(target: Axis, prev: Axis, next: Axis, p: number) {
-    target.min = mix(prev.min, next.min, p);
-    target.max = mix(prev.max, next.max, p);
-}
-function calcRelativeOffsetAxis(parent: Axis, child: Axis) {
-    return {
-        min: child.min - parent.min,
-        max: child.max - parent.min,
-    };
-}
-function calcRelativeOffset(parent: AxisBox2D, child: AxisBox2D) {
-    return {
-        x: calcRelativeOffsetAxis(parent.x, child.x),
-        y: calcRelativeOffsetAxis(parent.y, child.y),
-    };
-}
-function checkIfParentHasChanged(prev: WithLayoutId, next: WithLayoutId) {
-    var prevId = prev.getLayoutId();
-    var nextId = next.getLayoutId();
-    return prevId !== nextId || (nextId === undefined && prev !== next);
-}
-
-export { calcRelativeOffset, calcRelativeOffsetAxis, checkIfParentHasChanged, tweenAxis };
-
+/**
+based on framer-motion@4.1.11,
+Copyright (c) 2018 Framer B.V.
+*/
+import { fixed } from '../../../utils/fix-process-env';
+import { mix } from 'popmotion';
+function tweenAxis(target, prev, next, p) {
+    target.min = mix(prev.min, next.min, p);
+    target.max = mix(prev.max, next.max, p);
+}
+function calcRelativeOffsetAxis(parent, child) {
+    return {
+        min: child.min - parent.min,
+        max: child.max - parent.min,
+    };
+}
+function calcRelativeOffset(parent, child) {
+    return {
+        x: calcRelativeOffsetAxis(parent.x, child.x),
+        y: calcRelativeOffsetAxis(parent.y, child.y),
+    };
+}
+function checkIfParentHasChanged(prev, next) {
+    var prevId = prev.getLayoutId();
+    var nextId = next.getLayoutId();
+    return prevId !== nextId || (nextId === undefined && prev !== next);
+}
+export { calcRelativeOffset, calcRelativeOffsetAxis, checkIfParentHasChanged, tweenAxis };

package/{src/motion/features/types.ts → dist/motion/features/types.d.ts}

@@ -1,53 +1,55 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-import type { Component, SvelteComponent } from "svelte";
-import type { CreateVisualElement, VisualElement } from "../../render/types";
-import type { MotionProps } from "../types";
-import type { VisualState } from "../utils/use-visual-state";
-/**
- * @public
- */
-export interface FeatureProps {
-    props: MotionProps;
-    visualElement: VisualElement;
-}
-export type FeatureNames = {
-    animation: true;
-    exit: true;
-    drag: true;
-    tap: true;
-    focus: true;
-    hover: true;
-    pan: true;
-    layoutAnimation: true;
-    measureLayout: true;
-};
-export type FeatureComponent = Component<SvelteComponent<FeatureProps>>;
-/**
- * @public
- */
-export interface FeatureDefinition {
-    isEnabled: (props: MotionProps) => boolean;
-    Component?: FeatureComponent;
-}
-export interface FeatureComponents {
-    animation?: FeatureComponent;
-    exit?: FeatureComponent;
-    drag?: FeatureComponent;
-    tap?: FeatureComponent;
-    focus?: FeatureComponent;
-    hover?: FeatureComponent;
-    pan?: FeatureComponent;
-    layoutAnimation?: FeatureComponent;
-    measureLayout?: FeatureComponent;
-}
-export interface FeatureBundle extends FeatureComponents {
-    renderer: CreateVisualElement<any>;
-}
-export type LazyFeatureBundle = () => Promise<FeatureBundle>;
-export type FeatureDefinitions = {
-    [K in keyof FeatureNames]: FeatureDefinition;
-};
-export type RenderComponent<Instance, RenderState> = (Component: string | React.ComponentType, props: MotionProps, ref: React.Ref<Instance>, visualState: VisualState<Instance, RenderState>, isStatic: boolean) => any;
+/**
+based on framer-motion@4.1.17,
+Copyright (c) 2018 Framer B.V.
+*/
+import type { Component } from 'svelte';
+import type { CreateVisualElement, VisualElement } from '../../render/types';
+import type { MotionProps, Ref } from '../types';
+import type { VisualState } from '../utils/use-visual-state';
+/**
+ * @public
+ */
+export interface FeatureProps {
+    props: MotionProps;
+    visualElement: VisualElement;
+    isCustom: any;
+}
+export type FeatureNames = {
+    animation: true;
+    exit: true;
+    drag: true;
+    tap: true;
+    focus: true;
+    hover: true;
+    pan: true;
+    layoutAnimation: true;
+    measureLayout: true;
+};
+export type FeatureComponent = Component<FeatureProps>;
+/**
+ * @public
+ */
+export interface FeatureDefinition {
+    isEnabled: (props: MotionProps) => boolean;
+    Component?: FeatureComponent;
+}
+export interface FeatureComponents {
+    animation?: FeatureComponent;
+    exit?: FeatureComponent;
+    drag?: FeatureComponent;
+    tap?: FeatureComponent;
+    focus?: FeatureComponent;
+    hover?: FeatureComponent;
+    pan?: FeatureComponent;
+    layoutAnimation?: FeatureComponent;
+    measureLayout?: FeatureComponent;
+}
+export interface FeatureBundle extends FeatureComponents {
+    renderer: CreateVisualElement<any>;
+}
+export type LazyFeatureBundle = () => Promise<FeatureBundle>;
+export type FeatureDefinitions = {
+    [K in keyof FeatureNames]: FeatureDefinition;
+};
+export type RenderComponent<Instance, RenderState> = (Component: string | Component, props: MotionProps, ref: Ref<Instance>, visualState: VisualState<Instance, RenderState>, isStatic: boolean) => any;
+//# sourceMappingURL=types.d.ts.map

package/dist/motion/features/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/motion/features/types.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACxC,OAAO,KAAK,EAAE,mBAAmB,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAC7E,OAAO,KAAK,EAAE,WAAW,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AACjD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAC7D;;GAEG;AACH,MAAM,WAAW,YAAY;IAC5B,KAAK,EAAE,WAAW,CAAC;IACnB,aAAa,EAAE,aAAa,CAAC;IAC7B,QAAQ,EAAE,GAAG,CAAC;CACd;AACD,MAAM,MAAM,YAAY,GAAG;IAC1B,SAAS,EAAE,IAAI,CAAC;IAChB,IAAI,EAAE,IAAI,CAAC;IACX,IAAI,EAAE,IAAI,CAAC;IACX,GAAG,EAAE,IAAI,CAAC;IACV,KAAK,EAAE,IAAI,CAAC;IACZ,KAAK,EAAE,IAAI,CAAC;IACZ,GAAG,EAAE,IAAI,CAAC;IACV,eAAe,EAAE,IAAI,CAAC;IACtB,aAAa,EAAE,IAAI,CAAC;CACpB,CAAC;AACF,MAAM,MAAM,gBAAgB,GAAG,SAAS,CAAC,YAAY,CAAC,CAAC;AACvD;;GAEG;AACH,MAAM,WAAW,iBAAiB;IACjC,SAAS,EAAE,CAAC,KAAK,EAAE,WAAW,KAAK,OAAO,CAAC;IAC3C,SAAS,CAAC,EAAE,gBAAgB,CAAC;CAC7B;AACD,MAAM,WAAW,iBAAiB;IACjC,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAC7B,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB,GAAG,CAAC,EAAE,gBAAgB,CAAC;IACvB,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,GAAG,CAAC,EAAE,gBAAgB,CAAC;IACvB,eAAe,CAAC,EAAE,gBAAgB,CAAC;IACnC,aAAa,CAAC,EAAE,gBAAgB,CAAC;CACjC;AACD,MAAM,WAAW,aAAc,SAAQ,iBAAiB;IACvD,QAAQ,EAAE,mBAAmB,CAAC,GAAG,CAAC,CAAC;CACnC;AACD,MAAM,MAAM,iBAAiB,GAAG,MAAM,OAAO,CAAC,aAAa,CAAC,CAAC;AAC7D,MAAM,MAAM,kBAAkB,GAAG;KAC/B,CAAC,IAAI,MAAM,YAAY,GAAG,iBAAiB;CAC5C,CAAC;AAEF,MAAM,MAAM,eAAe,CAAC,QAAQ,EAAE,WAAW,IAAI,CACpD,SAAS,EAAE,MAAM,GAAG,SAAS,EAC7B,KAAK,EAAE,WAAW,EAClB,GAAG,EAAE,GAAG,CAAC,QAAQ,CAAC,EAClB,WAAW,EAAE,WAAW,CAAC,QAAQ,EAAE,WAAW,CAAC,EAC/C,QAAQ,EAAE,OAAO,KACb,GAAG,CAAC"}

package/dist/motion/features/types.js

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

package/{src/motion/features/use-features.ts → dist/motion/features/use-features.d.ts}

@@ -1,16 +1,12 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-import type { MotionProps } from "../..";
-export type isForcedMotionValue = (key: string, { layout, layoutId }: MotionProps) => boolean;
-
-
-/**
- * Load features via renderless components based on the provided MotionProps.
- * TODO: Look into porting this to a component-less appraoch.
- */
-
-
-export { default as UseFeatures } from './UseFeatures.svelte';
-
+/**
+based on framer-motion@4.1.17,
+Copyright (c) 2018 Framer B.V.
+*/
+import type { MotionProps } from "../..";
+export type isForcedMotionValue = (key: string, { layout, layoutId }: MotionProps) => boolean;
+/**
+ * Load features via renderless components based on the provided MotionProps.
+ * TODO: Look into porting this to a component-less appraoch.
+ */
+export { default as UseFeatures } from './UseFeatures.svelte';
+//# sourceMappingURL=use-features.d.ts.map

package/dist/motion/features/use-features.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-features.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/motion/features/use-features.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACzC,MAAM,MAAM,mBAAmB,GAAG,CAAC,GAAG,EAAE,MAAM,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,WAAW,KAAK,OAAO,CAAC;AAG9F;;;GAGG;AAGH,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,sBAAsB,CAAC"}

package/dist/motion/features/use-features.js

@@ -0,0 +1,5 @@
+/**
+ * Load features via renderless components based on the provided MotionProps.
+ * TODO: Look into porting this to a component-less appraoch.
+ */
+export { default as UseFeatures } from './UseFeatures.svelte';

package/dist/motion/index.d.ts

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

package/dist/motion/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/motion/index.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,iBAAiB,CAAC;AAC3D,OAAO,KAAK,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACvE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC/D,YAAY,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,MAAM,WAAW,qBAAqB,CAAC,QAAQ,EAAE,WAAW;IAC3D,iBAAiB,CAAC,EAAE,aAAa,CAAC;IAClC,mBAAmB,CAAC,EAAE,mBAAmB,CAAC,QAAQ,CAAC,CAAC;IACpD,SAAS,EAAE,eAAe,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;IAClD,cAAc,EAAE,cAAc,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC;IACtD,SAAS,EAAE,MAAM,GAAG,SAAS,CAAC;CAC9B;AAQD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AAExC;;;;;;;;;;GAUG;AACH,eAAO,MAAM,qBAAqB,GAAI,KAAK,SAAS,EAAE,EAAE,QAAQ,EAAE,WAAW,4HAM1E,qBAAqB,CAAC,QAAQ,EAAE,WAAW,CAAC,KAAG,SAAS,CAAC,KAAK,GAAG,WAAW,CAiB9E,CAAC"}

package/dist/motion/index.js

@@ -0,0 +1,35 @@
+/**
+based on framer-motion@4.0.3,
+Copyright (c) 2018 Framer B.V.
+*/
+import Motion from './Motion.svelte';
+import { loadFeatures } from './features/definitions';
+/**
+ * Create a `motion` component.
+ *
+ * This function accepts a Component argument, which can be either a string (ie "div"
+ * for `MotionDiv`), or an actual React component.
+ *
+ * Alongside this is a config option which provides a way of rendering the provided
+ * component "offline", or outside the React render cycle.
+ *
+ * @internal
+ */
+export const createMotionComponent = ({ preloadedFeatures, createVisualElement, useRender: forwardMotionProps, useVisualState: visualStateConfig, Component, }) => {
+    preloadedFeatures && loadFeatures(preloadedFeatures);
+    // @ts-expect-error
+    return class MotionComponent extends Motion {
+        constructor(options) {
+            const props = options.props;
+            options.props = {
+                props,
+                defaultFeatures: preloadedFeatures,
+                createVisualElement,
+                forwardMotionProps,
+                Component,
+                visualStateConfig,
+            };
+            super({ component: Motion, ...options });
+        } // @ts-expect-error
+    };
+};