motion-start 0.0.1 → 0.1.0

package/{src/motion/utils/valid-prop.ts → dist/motion/utils/valid-prop.js}

@@ -1,80 +1,77 @@
-/** 
-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.
-*/
-/**
- * A list of all valid MotionProps.
- *
- * @internalremarks
- * This doesn't throw if a `MotionProp` name is missing - it should.
- */
-var validMotionProps = new Set([
-    "initial",
-    "animate",
-    "exit",
-    "style",
-    "variants",
-    "transition",
-    "transformTemplate",
-    "transformValues",
-    "custom",
-    "inherit",
-    "layout",
-    "layoutId",
-    "onLayoutAnimationComplete",
-    "onViewportBoxUpdate",
-    "onLayoutMeasure",
-    "onBeforeLayoutMeasure",
-    "onAnimationStart",
-    "onAnimationComplete",
-    "onUpdate",
-    "onDragStart",
-    "onDrag",
-    "onDragEnd",
-    "onMeasureDragConstraints",
-    "onDirectionLock",
-    "onDragTransitionEnd",
-    "drag",
-    "dragControls",
-    "dragListener",
-    "dragConstraints",
-    "dragDirectionLock",
-    "_dragX",
-    "_dragY",
-    "dragElastic",
-    "dragMomentum",
-    "dragPropagation",
-    "dragTransition",
-    "whileDrag",
-    "onPan",
-    "onPanStart",
-    "onPanEnd",
-    "onPanSessionStart",
-    "onTap",
-    "onTapStart",
-    "onTapCancel",
-    "onHoverStart",
-    "onHoverEnd",
-    "whileFocus",
-    "whileTap",
-    "whileHover",
-]);
-/**
- * Check whether a prop name is a valid `MotionProp` key.
- *
- * @param key - Name of the property to check
- * @returns `true` is key is a valid `MotionProp`.
- *
- * @public
- */
-function isValidMotionProp(key: string): boolean {
-    return validMotionProps.has(key);
-}
-
-export { isValidMotionProp };
+/**
+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.
+*/
+/**
+ * A list of all valid MotionProps.
+ *
+ * @internalremarks
+ * This doesn't throw if a `MotionProp` name is missing - it should.
+ */
+var validMotionProps = new Set([
+    "initial",
+    "animate",
+    "exit",
+    "style",
+    "variants",
+    "transition",
+    "transformTemplate",
+    "transformValues",
+    "custom",
+    "inherit",
+    "layout",
+    "layoutId",
+    "onLayoutAnimationComplete",
+    "onViewportBoxUpdate",
+    "onLayoutMeasure",
+    "onBeforeLayoutMeasure",
+    "onAnimationStart",
+    "onAnimationComplete",
+    "onUpdate",
+    "onDragStart",
+    "onDrag",
+    "onDragEnd",
+    "onMeasureDragConstraints",
+    "onDirectionLock",
+    "onDragTransitionEnd",
+    "drag",
+    "dragControls",
+    "dragListener",
+    "dragConstraints",
+    "dragDirectionLock",
+    "_dragX",
+    "_dragY",
+    "dragElastic",
+    "dragMomentum",
+    "dragPropagation",
+    "dragTransition",
+    "whileDrag",
+    "onPan",
+    "onPanStart",
+    "onPanEnd",
+    "onPanSessionStart",
+    "onTap",
+    "onTapStart",
+    "onTapCancel",
+    "onHoverStart",
+    "onHoverEnd",
+    "whileFocus",
+    "whileTap",
+    "whileHover",
+]);
+/**
+ * Check whether a prop name is a valid `MotionProp` key.
+ *
+ * @param key - Name of the property to check
+ * @returns `true` is key is a valid `MotionProp`.
+ *
+ * @public
+ */
+function isValidMotionProp(key) {
+    return validMotionProps.has(key);
+}
+export { isValidMotionProp };

package/dist/render/dom/M-type.spec-d.d.ts

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

package/dist/render/dom/M-type.spec-d.d.ts.map

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

package/dist/render/dom/M-type.spec-d.js

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

package/{src/render/dom/M.svelte → dist/render/dom/Motion-Proxy.svelte}

@@ -7,10 +7,17 @@
 
     // let {as, class: className, children, ...restProps}: {as: keyof SvelteHTMLElements, children: Snippet, class: string } & MotionProps = $props();
     export let ___tag: keyof SvelteHTMLElements;
+    export let el: SvelteHTMLElements[typeof ___tag]["this"];
 </script>
 
 <Motion {...$$restProps} let:props let:motion>
-    <svelte:element this={___tag} class={props.class} use:motion {...props}>
+    <svelte:element
+        this={___tag}
+        bind:this={el}
+        class={props.class}
+        use:motion
+        {...props}
+    >
         <slot />
     </svelte:element>
 </Motion>

package/dist/render/dom/Motion-Proxy.svelte.d.ts

@@ -0,0 +1,33 @@
+import type { SvelteHTMLElements } from "svelte/elements";
+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 MotionProxy: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    [x: string]: any;
+    ___tag: keyof SvelteHTMLElements;
+    el: SvelteHTMLElements[keyof SvelteHTMLElements]["this"];
+}, {
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {}, string>;
+type MotionProxy = InstanceType<typeof MotionProxy>;
+export default MotionProxy;
+//# sourceMappingURL=Motion-Proxy.svelte.d.ts.map

package/dist/render/dom/Motion-Proxy.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Motion-Proxy.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/render/dom/Motion-Proxy.svelte.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AAyB1D,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;;YAfqC,MAAM,kBAAkB;QAAM,kBAAkB,0BAAe,CAAC,MAAM,CAAC;;;;;;;cAeF,CAAC;AAC1G,KAAK,WAAW,GAAG,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC;AACtD,eAAe,WAAW,CAAC"}

package/dist/render/dom/Motion-type.spec-d.d.ts

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

package/dist/render/dom/Motion-type.spec-d.d.ts.map

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

package/dist/render/dom/Motion-type.spec-d.js

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

package/{src → dist}/render/dom/UseRender.svelte

@@ -13,13 +13,13 @@ Copyright (c) 2018 Framer B.V. -->
     isStatic,
     ref,
     targetEl = undefined;
-  const motion = (node) => {
+  const motion = (node: any) => {
     ref(node);
   };
   $: filteredProps = filterProps(
     props,
     typeof Component === "string",
-    forwardMotionProps
+    forwardMotionProps,
   );
   $: if (targetEl) {
     motion(targetEl);

package/dist/render/dom/UseRender.svelte.d.ts

@@ -0,0 +1,42 @@
+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 UseRender: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    props: any;
+    visualState: any;
+    Component: any;
+    forwardMotionProps?: boolean;
+    isStatic: any;
+    ref: any;
+    targetEl?: undefined;
+}, {
+    default: {
+        motion: (node: any) => void;
+        props: any;
+    };
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {
+        motion: (node: any) => void;
+        props: any;
+    };
+}, {}, string>;
+type UseRender = InstanceType<typeof UseRender>;
+export default UseRender;
+//# sourceMappingURL=UseRender.svelte.d.ts.map

package/dist/render/dom/UseRender.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UseRender.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/render/dom/UseRender.svelte.ts"],"names":[],"mappings":"AAwCA,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,SAAS;;;;;;;;;;uBAnCS,GAAG;;;;;;;uBAAH,GAAG;;;cAmCuE,CAAC;AACjF,KAAK,SAAS,GAAG,YAAY,CAAC,OAAO,SAAS,CAAC,CAAC;AAClD,eAAe,SAAS,CAAC"}

package/dist/render/dom/create-visual-element.d.ts

@@ -0,0 +1,8 @@
+/**
+based on framer-motion@4.1.17,
+Copyright (c) 2018 Framer B.V.
+*/
+import type { CreateVisualElement } from "../types";
+declare var createDomVisualElement: CreateVisualElement<HTMLElement | SVGElement>;
+export { createDomVisualElement };
+//# sourceMappingURL=create-visual-element.d.ts.map

package/dist/render/dom/create-visual-element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"create-visual-element.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/render/dom/create-visual-element.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,UAAU,CAAC;AAUpD,QAAA,IAAI,sBAAsB,EAAE,mBAAmB,CAAC,WAAW,GAAG,UAAU,CAKvE,CAAC;AAEF,OAAO,EAAE,sBAAsB,EAAE,CAAC"}

package/{src/render/dom/create-visual-element.ts → dist/render/dom/create-visual-element.js}

@@ -1,22 +1,12 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-import type { CreateVisualElement } from "../types";
-
-/** 
-based on framer-motion@4.0.3,
-Copyright (c) 2018 Framer B.V.
-*/
-import { htmlVisualElement } from '../html/visual-element.js';
-import { svgVisualElement } from '../svg/visual-element.js';
-
-
-var createDomVisualElement: CreateVisualElement<HTMLElement | SVGElement> = function (Component, options) {
-   
-    return Component === "SVG"
-        ? svgVisualElement(options, { enableHardwareAcceleration: false })
-        : htmlVisualElement(options, { enableHardwareAcceleration: true });
-};
-
-export { createDomVisualElement };
+/**
+based on framer-motion@4.0.3,
+Copyright (c) 2018 Framer B.V.
+*/
+import { htmlVisualElement } from '../html/visual-element.js';
+import { svgVisualElement } from '../svg/visual-element.js';
+var createDomVisualElement = function (Component, options) {
+    return Component === "SVG"
+        ? svgVisualElement(options, { enableHardwareAcceleration: false })
+        : htmlVisualElement(options, { enableHardwareAcceleration: true });
+};
+export { createDomVisualElement };

package/dist/render/dom/featureBundle.d.ts

@@ -0,0 +1,24 @@
+/**
+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.
+*/
+import { animations } from '../../motion/features/animations';
+import { drag } from '../../motion/features/drag';
+import { gestureAnimations } from '../../motion/features/gestures';
+export declare const featureBundle: {
+    animation?: import("../..").FeatureComponent;
+    exit?: import("../..").FeatureComponent;
+    drag?: import("../..").FeatureComponent;
+    tap?: import("../..").FeatureComponent;
+    focus?: import("../..").FeatureComponent;
+    hover?: import("../..").FeatureComponent;
+    pan?: import("../..").FeatureComponent;
+    layoutAnimation?: import("../..").FeatureComponent;
+    measureLayout?: import("../..").FeatureComponent;
+};
+export { animations, drag, gestureAnimations };
+//# sourceMappingURL=featureBundle.d.ts.map

package/dist/render/dom/featureBundle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"featureBundle.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/render/dom/featureBundle.ts"],"names":[],"mappings":"AAAA;;;EAGE;AAGF;;;EAGE;AACF,OAAO,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAC;AAC9D,OAAO,EAAE,IAAI,EAAE,MAAM,4BAA4B,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AAGnE,eAAO,MAAM,aAAa;;;;;;;;;;CAKzB,CAAC;AAEF,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,iBAAiB,EAAE,CAAC"}

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

@@ -1,22 +1,20 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-// import type { FeatureBundle } from "../../motion/features/types";
-
-
-/** 
-based on framer-motion@4.0.3,
-Copyright (c) 2018 Framer B.V.
-*/
-import { animations } from "../../motion/features/animations";
-import { drag } from "../../motion/features/drag";
-import { gestureAnimations } from "../../motion/features/gestures";
-import { layoutAnimations } from "../../motion/features/layout";
-
-export const featureBundle = {
-    ...animations,
-    ...gestureAnimations,
-    ...drag,
-    ...layoutAnimations,
-}
+/**
+based on framer-motion@4.1.17,
+Copyright (c) 2018 Framer B.V.
+*/
+// import type { FeatureBundle } from "../../motion/features/types";
+/**
+based on framer-motion@4.0.3,
+Copyright (c) 2018 Framer B.V.
+*/
+import { animations } from '../../motion/features/animations';
+import { drag } from '../../motion/features/drag';
+import { gestureAnimations } from '../../motion/features/gestures';
+import { layoutAnimations } from '../../motion/features/layout';
+export const featureBundle = {
+    ...animations,
+    ...gestureAnimations,
+    ...drag,
+    ...layoutAnimations,
+};
+export { animations, drag, gestureAnimations };