motion-start 0.0.1 → 0.0.3

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

@@ -1,71 +1,72 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-/**
- * @public
- */
-export interface LayoutProps {
-    /**
-     * If `true`, this component will automatically animate to its new position when
-     * its layout changes.
-     *
-     * ```jsx
-     * <MotionDiv layout />
-     * ```
-     *
-     * This will perform a layout animation using performant transforms. Part of this technique
-     * involved animating an element's scale. This can introduce visual distortions on children,
-     * `boxShadow` and `borderRadius`.
-     *
-     * To correct distortion on immediate children, add `layout` to those too.
-     *
-     * `boxShadow` and `borderRadius` will automatically be corrected if they are already being
-     * animated on this component. Otherwise, set them directly via the `initial` prop.
-     *
-     * If `layout` is set to `"position"`, the size of the component will change instantly and
-     * only its position will animate.
-     *
-     * @public
-     */
-    layout?: boolean | "position";
-    /**
-     * Enable shared layout transitions between components for children of `AnimateSharedLayout`.
-     *
-     * When a component with a layoutId is removed from the React tree, and then
-     * added elsewhere, it will visually animate from the previous component's bounding box
-     * and its latest animated values.
-     *
-     * ```jsx
-     * <AnimateSharedLayout>
-     *   {items.map(item => (
-     *      <motion.li layout>
-     *         {item.name}
-     *         {item.isSelected && <MotionDiv layoutId="underline" />}
-     *      </motion.li>
-     *   ))}
-     * </AnimateSharedLayout>
-     * ```
-     *
-     * If the previous component remains in the tree it will either get hidden immediately or,
-     * if `type="crossfade"` is set on `AnimateSharedLayout`, it will crossfade to the new component.
-     *
-     * @public
-     */
-    layoutId?: string;
-    /**
-     * This enables a component's transform to be reset during layout
-     * measurements. This is intended to be used independently of the
-     * layout prop, for instance if a parent component's transform is
-     * interfering with the measurement of a child.
-     *
-     * @internal
-     */
-    _layoutResetTransform?: boolean;
-    /**
-     * A callback that will fire when a layout animation on this component completes.
-     *
-     * @public
-     */
-    onLayoutAnimationComplete?(): void;
-}
+/**
+based on framer-motion@4.1.17,
+Copyright (c) 2018 Framer B.V.
+*/
+/**
+ * @public
+ */
+export interface LayoutProps {
+    /**
+     * If `true`, this component will automatically animate to its new position when
+     * its layout changes.
+     *
+     * ```jsx
+     * <MotionDiv layout />
+     * ```
+     *
+     * This will perform a layout animation using performant transforms. Part of this technique
+     * involved animating an element's scale. This can introduce visual distortions on children,
+     * `boxShadow` and `borderRadius`.
+     *
+     * To correct distortion on immediate children, add `layout` to those too.
+     *
+     * `boxShadow` and `borderRadius` will automatically be corrected if they are already being
+     * animated on this component. Otherwise, set them directly via the `initial` prop.
+     *
+     * If `layout` is set to `"position"`, the size of the component will change instantly and
+     * only its position will animate.
+     *
+     * @public
+     */
+    layout?: boolean | "position";
+    /**
+     * Enable shared layout transitions between components for children of `AnimateSharedLayout`.
+     *
+     * When a component with a layoutId is removed from the React tree, and then
+     * added elsewhere, it will visually animate from the previous component's bounding box
+     * and its latest animated values.
+     *
+     * ```jsx
+     * <AnimateSharedLayout>
+     *   {items.map(item => (
+     *      <motion.li layout>
+     *         {item.name}
+     *         {item.isSelected && <MotionDiv layoutId="underline" />}
+     *      </motion.li>
+     *   ))}
+     * </AnimateSharedLayout>
+     * ```
+     *
+     * If the previous component remains in the tree it will either get hidden immediately or,
+     * if `type="crossfade"` is set on `AnimateSharedLayout`, it will crossfade to the new component.
+     *
+     * @public
+     */
+    layoutId?: string;
+    /**
+     * This enables a component's transform to be reset during layout
+     * measurements. This is intended to be used independently of the
+     * layout prop, for instance if a parent component's transform is
+     * interfering with the measurement of a child.
+     *
+     * @internal
+     */
+    _layoutResetTransform?: boolean;
+    /**
+     * A callback that will fire when a layout animation on this component completes.
+     *
+     * @public
+     */
+    onLayoutAnimationComplete?(): void;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../../src/lib/motion-start/motion/features/layout/types.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF;;GAEG;AACH,MAAM,WAAW,WAAW;IACxB;;;;;;;;;;;;;;;;;;;;;OAqBG;IACH,MAAM,CAAC,EAAE,OAAO,GAAG,UAAU,CAAC;IAC9B;;;;;;;;;;;;;;;;;;;;;;OAsBG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;;;OAOG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;;OAIG;IACH,yBAAyB,CAAC,IAAI,IAAI,CAAC;CACtC"}

package/dist/motion/features/layout/types.js

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

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,54 @@
-/** 
-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 } 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<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;
+//# 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,MAAM,UAAU,CAAC;AAC5C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AAC7D;;GAEG;AACH,MAAM,WAAW,YAAY;IAC5B,KAAK,EAAE,WAAW,CAAC;IACnB,aAAa,EAAE,aAAa,CAAC;CAC7B;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;AACF,MAAM,MAAM,eAAe,CAAC,QAAQ,EAAE,WAAW,IAAI,CACpD,SAAS,EAAE,MAAM,GAAG,KAAK,CAAC,aAAa,EACvC,KAAK,EAAE,WAAW,EAClB,GAAG,EAAE,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC,EACxB,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;IACxD,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;CACjC;AASD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,KAAK,EAAE,SAAS,EAAmB,MAAM,QAAQ,CAAC;AAGzD;;;;;;;;;;GAUG;AACH,eAAO,MAAM,qBAAqB,GAAI,KAAK,SAAS,EAAE,EAAE,QAAQ,EAAE,WAAW,4HAQtE,qBAAqB,CAAC,QAAQ,EAAE,WAAW,CAAC,KAChD,SAAS,CAAC,KAAK,GAAG,WAAW,CAiB/B,CAAA"}

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";
+// import { asClassComponent, createClassComponent } from "svelte/legacy";
+/**
+ * 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);
+    return class MotionComponent extends Motion {
+        constructor(options) {
+            const props = options.props;
+            options.props = {
+                props,
+                defaultFeatures: preloadedFeatures,
+                createVisualElement,
+                forwardMotionProps,
+                Component,
+                visualStateConfig
+            };
+            super({ component: Motion, ...options });
+        }
+    };
+};

package/dist/motion/type.spec-d.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=type.spec-d.d.ts.map

package/dist/motion/type.spec-d.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.spec-d.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/motion/type.spec-d.ts"],"names":[],"mappings":""}

package/dist/motion/type.spec-d.js

@@ -0,0 +1,6 @@
+import Motion from './Motion.svelte';
+describe('test components type - svelte 5', () => {
+    it('should have Svelte component type for Motion', () => {
+        assertType(Motion);
+    });
+});