motion-start 0.0.1 → 0.0.3

package/src/gestures/drag/use-drag-controls.ts

@@ -1,148 +0,0 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-import { VisualElementDragControls, type DragControlOptions } from "./VisualElementDragControls";
-/**
- * Can manually trigger a drag gesture on one or more `drag`-enabled `motion` components.
- *
- * @motion
- *
- * ```jsx
- * const dragControls = useDragControls()
- *
- * function startDrag(event) {
- *   dragControls.start(event, { snapToCursor: true })
- * }
- *
- * <div onPointerDown={startDrag} />
- * <MotionDiv drag="x" dragControls={dragControls} />
- * ```
- *
- * @public
- */
-export class DragControls {
-    private componentControls = new Set<VisualElementDragControls>();
-    /**
-     * Subscribe a component's internal `VisualElementDragControls` to the user-facing API.
-     *
-     * @internal
-     */
-    subscribe(controls: VisualElementDragControls): () => void {
-        this.componentControls.add(controls);
-
-        return () => this.componentControls.delete(controls);
-    }
-    /**
-     * Start a drag gesture on every `motion` component that has this set of drag controls
-     * passed into it via the `dragControls` prop.
-     *
-     * ```jsx
-     * dragControls.start(e, {
-     *   snapToCursor: true
-     * })
-     * ```
-     *
-     * @param event - PointerEvent
-     * @param options - Options
-     *
-     * @public
-     */
-    start(event: React.PointerEvent | PointerEvent, options?: DragControlOptions): void {
-        this.componentControls.forEach((controls) => {
-            controls.start((event as React.PointerEvent).nativeEvent || event),
-            options
-        })
-    }
-
-    updateConstraints(flush?: boolean): void {
-        this.componentControls.forEach(function (controls) {
-            controls.prepareBoundingBox();
-            controls.resolveDragConstraints();
-        });
-    }
-}
-
-const createDragControls = () => new DragControls();
-
-/**
- * Usually, dragging is initiated by pressing down on a `motion` component with a `drag` prop
- * and moving it. For some use-cases, for instance clicking at an arbitrary point on a video scrubber, we
- * might want to initiate that dragging from a different component than the draggable one.
- *
- * By creating a `dragControls` using the `useDragControls` hook, we can pass this into
- * the draggable component's `dragControls` prop. It exposes a `start` method
- * that can start dragging from pointer events on other components.
- *
- * @motion
- *
- * ```jsx
- * const dragControls = useDragControls()
- *
- * function startDrag(event) {
- *   dragControls.start(event, { snapToCursor: true })
- * }
- *
- * return (
- *   <>
- *     <div onPointerDown={startDrag} />
- *     <MotionDiv drag="x" dragControls={dragControls} />
- *   </>
- * )
- * ```
- *
- * @public
- */
-
-/** 
-based on framer-motion@4.0.3,
-Copyright (c) 2018 Framer B.V.
-*/
-
-
-/**
-* Usually, dragging is initiated by pressing down on a `motion` component with a `drag` prop
-* and moving it. For some use-cases, for instance clicking at an arbitrary point on a video scrubber, we
-* might want to initiate that dragging from a different component than the draggable one.
-*
-* By creating a `dragControls` using the `useDragControls` hook, we can pass this into
-* the draggable component's `dragControls` prop. It exposes a `start` method
-* that can start dragging from pointer events on other components.
-*
-* @library
-*
-* ```jsx
-* const dragControls = useDragControls()
-*
-* function startDrag(event) {
-*   dragControls.start(event, { snapToCursor: true })
-* }
-*
-* return (
-*   <>
-    *     <Frame onTapStart={startDrag} />
-*     <Frame drag="x" dragControls={dragControls} />
-*   </>
-* )
-* ```
-*
-* @motion
-*
-* ```jsx
-* const dragControls = useDragControls()
-*
-* function startDrag(event) {
-*   dragControls.start(event, { snapToCursor: true })
-* }
-*
-* return (
-*   <>
-    *     <div onPointerDown={startDrag} />
-*     <MotionDiv drag="x" dragControls={dragControls} />
-*   </>
-* )
-* ```
-*
-* @public
-*/
-export const useDragControls = createDragControls

package/src/motion/features/layout/Animate.ts

@@ -1,9 +0,0 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-import type { FeatureProps } from "../types";
-// export declare function AnimateLayoutContextProvider(props: FeatureProps): JSX.Element;
-
-
-export {default as AnimateLayoutContextProvider} from './AnimateLayoutContextProvider.svelte'

package/src/motion/features/layout/Measure.ts

@@ -1,9 +0,0 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-import type { FeatureProps } from "../types";
-// export declare function MeasureContextProvider(props: FeatureProps): JSX.Element;
-
-
-export {default as MeasureContextProvider} from './MeasureContextProvider.svelte'

package/src/motion/index.ts

@@ -1,64 +0,0 @@
-/** 
-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 | React.ComponentType;
-}
-
-
-/** 
-based on framer-motion@4.0.3,
-Copyright (c) 2018 Framer B.V.
-*/
-import Motion from './Motion.svelte';
-import { loadFeatures } from "./features/definitions";
-import type { MotionProps } from "./types";
-
-/**
- * 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 = <Props extends {}, Instance, RenderState>(
-    {
-        preloadedFeatures,
-        createVisualElement,
-        useRender: forwardMotionProps,
-        useVisualState: visualStateConfig,
-        Component,
-
-    }: MotionComponentConfig<Instance, RenderState>
-): React.ForwardRefExoticComponent<React.PropsWithoutRef<Props & MotionProps> & React.RefAttributes<Instance>> => {
-    preloadedFeatures && loadFeatures(preloadedFeatures);
-
-    return class MotionComponent extends Motion {
-        constructor(options) {
-            const props = options.props;
-            options.props = {
-                props: props,
-                defaultFeatures: preloadedFeatures,
-                createVisualElement: createVisualElement,
-                forwardMotionProps: forwardMotionProps,
-                Component: Component,
-                visualStateConfig
-            }
-            super(options)
-        }
-    }
-}

package/src/render/dom/motion-minimal.ts

@@ -1,22 +0,0 @@
-/// <reference types="react" />
-/** 
-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 { layoutAnimations } from '../../motion/features/layout/index.js';
-//import { createMotionProxy } from './motion-proxy.js';
-import {createMotionClass} from './create-motion-class.js';
-
-/**
- * @public
- */
-var m = /*@__PURE__*/ //createMotionProxy([MeasureLayout]);
-    createMotionClass({...layoutAnimations}) as unknown as (<Props>(Component: string | import("react").ComponentType<Props>, customMotionComponentConfig?: import("./motion-proxy").CustomMotionComponentConfig) => import("./motion-proxy").CustomDomComponent<Props>) & import("../html/types").HTMLMotionComponents & import("../svg/types").SVGMotionComponents
-
-export { m as M };

package/src/render/dom/motion-proxy.ts

@@ -1,107 +0,0 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-import type { MotionComponentConfig } from "../../motion/index.js";
-import type { MotionProps } from "../../motion/types.js";
-/**
- * I'd rather the return type of `custom` to be implicit but this throws
- * incorrect relative paths in the exported types and API Extractor throws
- * a wobbly.
- *
- * @internal
- */
-export type CustomDomComponent<Props> = React.ForwardRefExoticComponent<React.PropsWithoutRef<Props & MotionProps> & React.RefAttributes<SVGElement | HTMLElement>>;
-export interface CustomMotionComponentConfig {
-    forwardMotionProps?: boolean;
-}
-export type CreateConfig = <Instance, RenderState, Props>(Component: string | React.ComponentType<Props>, config: CustomMotionComponentConfig) => MotionComponentConfig<Instance, RenderState>;
-/**
- * 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
- */
-// export declare function createMotionProxy(createConfig: CreateConfig): (<Props>(Component: string | React.ComponentType<Props>, customMotionComponentConfig?: CustomMotionComponentConfig) => CustomDomComponent<Props>) & import("../html/types").HTMLMotionComponents & import("../svg/types").SVGMotionComponents;
-
-
-/** 
-based on framer-motion@4.0.3,
-Copyright (c) 2018 Framer B.V.
-*/
-import type { Component, Snippet } from 'svelte';
-import type { SvelteHTMLElements } from 'svelte/elements';
-import Mo from './M.svelte';
-import { isSVGComponent } from './utils/is-svg-component.js';
-
-type M<Element extends keyof SvelteHTMLElements> = MotionProps & {children: Snippet, class: string} & Omit<SvelteHTMLElements[Element], 'style'>;
-type motion<Element extends keyof SvelteHTMLElements> = Component<M<Element>>;
-/**
- * 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(): { [P in keyof SvelteHTMLElements]: motion<P> } {
-	return new Proxy(
-		{},
-		{
-			get(_target, key: string) {
-				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);
-					},
-				});
-			},
-		}
-	) as { [P in keyof SvelteHTMLElements]: motion<P> };
-}
-
-const M = createMotionProxy();
-
-export { M, createMotionProxy };
-

package/src/render/dom/utils/create-config.ts

@@ -1,33 +0,0 @@
-
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-import type { MotionComponentConfig } from "../../../motion";
-import type { FeatureComponents } from "../../../motion/features/types";
-import type { HTMLRenderState } from "../../html/types";
-import type { SVGRenderState } from "../../svg/types";
-import type { CreateVisualElement } from "../../types";
-import type { CustomMotionComponentConfig } from "../motion-proxy";
-
-
-/** 
-based on framer-motion@4.0.3,
-Copyright (c) 2018 Framer B.V.
-*/
-import { __assign } from 'tslib';
-import { htmlMotionConfig } from '../../html/config-motion.js';
-import { svgMotionConfig } from '../../svg/config-motion.js';
-import { createUseRender } from '../use-render.js';
-import { isSVGComponent } from './is-svg-component.js';
-
-function createDomMotionConfig<Props>(Component: string | React.ComponentType<Props>, { forwardMotionProps }: CustomMotionComponentConfig, preloadedFeatures?: FeatureComponents, createVisualElement?: CreateVisualElement<any>) {
-    var baseConfig = isSVGComponent(Component)
-        ? svgMotionConfig
-        : htmlMotionConfig;
-    return __assign(__assign({}, baseConfig), { preloadedFeatures: preloadedFeatures, useRender: createUseRender(forwardMotionProps), createVisualElement: createVisualElement,
-        Component: Component }) as MotionComponentConfig<SVGElement, SVGRenderState> | MotionComponentConfig<HTMLElement, HTMLRenderState>;
-}
-
-export { createDomMotionConfig };
-

package/src/render/dom/utils/use-svg-props.ts

@@ -1 +0,0 @@
-export {default as UseSVGProps} from '../../svg/UseSVGProps.svelte';

package/src/render/html/config-motion.ts

@@ -1,23 +0,0 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-import type { MotionComponentConfig } from "../../motion";
-import type { HTMLRenderState } from "./types";
-// export declare const htmlMotionConfig: ;
-
-
-/** 
-based on framer-motion@4.0.3,
-Copyright (c) 2018 Framer B.V.
-*/
-import { createHtmlRenderState } from './utils/create-render-state.js';
-import { scrapeMotionValuesFromProps } from './utils/scrape-motion-values.js';
-
-var htmlMotionConfig = {
-        scrapeMotionValuesFromProps: scrapeMotionValuesFromProps,
-        createRenderState: createHtmlRenderState,   
-} satisfies Partial<MotionComponentConfig<HTMLElement, HTMLRenderState>>;
-
-export { htmlMotionConfig };
-

package/src/render/html/utils/create-render-state.ts

@@ -1,18 +0,0 @@
-/** 
-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.
-*/
-var createHtmlRenderState = function () { return ({
-    style: {},
-    transform: {},
-    transformKeys: [],
-    transformOrigin: {},
-    vars: {},
-}); };
-
-export { createHtmlRenderState };

package/src/render/svg/config-motion.ts

@@ -1,51 +0,0 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-import type { MotionComponentConfig } from "../../motion";
-import type { SVGRenderState } from "./types";
-
-/** 
-based on framer-motion@4.0.3,
-Copyright (c) 2018 Framer B.V.
-*/
-import { buildSVGAttrs } from './utils/build-attrs.js';
-import { createSvgRenderState } from './utils/create-render-state.js';
-import { renderSVG } from './utils/render.js';
-import { scrapeMotionValuesFromProps } from './utils/scrape-motion-values.js';
-
-var svgMotionConfig = {
-        scrapeMotionValuesFromProps: scrapeMotionValuesFromProps,
-        createRenderState: createSvgRenderState,
-        onMount: function (props, instance, _a) {
-            var renderState = _a.renderState, latestValues = _a.latestValues;
-            try {
-                renderState.dimensions =
-                    typeof instance.getBBox ===
-                        "function"
-                        ? instance.getBBox()
-                        : instance.getBoundingClientRect();
-            }
-            catch (e) {
-                // Most likely trying to measure an unrendered element under Firefox
-                renderState.dimensions = {
-                    x: 0,
-                    y: 0,
-                    width: 0,
-                    height: 0,
-                };
-            }
-            if (isPath(instance)) {
-                renderState.totalPathLength = instance.getTotalLength();
-            }
-            buildSVGAttrs(renderState, latestValues, undefined, undefined, { enableHardwareAcceleration: false }, props.transformTemplate);
-            // TODO: Replace with direct assignment
-            renderSVG(instance, renderState);
-        },
-    } satisfies Partial<MotionComponentConfig<SVGElement, SVGRenderState>>
-function isPath(element) {
-    return element.tagName === "path";
-}
-
-export { svgMotionConfig };
-

package/src/render/utils/flat-tree.ts

@@ -1,35 +0,0 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-import type { WithDepth } from "./compare-by-depth";
-
-class FlatTree {
-    private children: any[] = [];
-    private isDirty = false;
-    add(child: WithDepth) {
-        addUniqueItem(this.children, child);
-        this.isDirty = true;
-    };
-    remove(child: WithDepth) {
-        removeItem(this.children, child);
-        this.isDirty = true;
-    }
-    forEach(callback: (child: WithDepth) => void) {
-        this.isDirty && this.children.sort(compareByDepth);
-        var numChildren = this.children.length;
-        for (var i = 0; i < numChildren; i++) {
-            callback(this.children[i]);
-        }
-    }
-}
-
-
-/** 
-based on framer-motion@4.0.3,
-Copyright (c) 2018 Framer B.V.
-*/
-import { addUniqueItem, removeItem } from '../../utils/array.js';
-import { compareByDepth } from './compare-by-depth.js';
-
-export { FlatTree };