motion-start 0.0.1 → 0.0.3

package/{src/events/use-pointer-event.ts → dist/events/use-pointer-event.d.ts}

@@ -1,29 +1,27 @@
-/** 
-based on framer-motion@4.1.17,
-Copyright (c) 2018 Framer B.V.
-*/
-import type { RefObject } from "react";
-import type { EventListenerWithPointInfo } from "./event-info";
-export type usePointerEvent = (ref: RefObject<Element>, eventName: string, handler?: EventListenerWithPointInfo | undefined, options?: AddEventListenerOptions) => void;
-
-export interface UsePointerEventProps {
-    /**
-     * Ref object that's been provided to the element you want to bind the listener to.
-     */
-    ref: RefObject<Element>,
-    /**
-     * Name of the event you want listen for.
-     */
-    eventName: string,
-    /**
-     * Function to fire when receiving the event.
-     */
-    handler?: EventListener | undefined,
-    /**
-     * Options to pass to `Event.addEventListener`.
-     */
-    options?: AddEventListenerOptions
-}
-
-export { default as UsePointerEvent, addPointerEvent } from './UsePointerEvent.svelte';
-
+/**
+based on framer-motion@4.1.17,
+Copyright (c) 2018 Framer B.V.
+*/
+import type { RefObject } from "react";
+import type { EventListenerWithPointInfo } from "./event-info";
+export type usePointerEvent = (ref: RefObject<Element>, eventName: string, handler?: EventListenerWithPointInfo | undefined, options?: AddEventListenerOptions) => void;
+export interface UsePointerEventProps {
+    /**
+     * Ref object that's been provided to the element you want to bind the listener to.
+     */
+    ref: RefObject<Element>;
+    /**
+     * Name of the event you want listen for.
+     */
+    eventName: string;
+    /**
+     * Function to fire when receiving the event.
+     */
+    handler?: EventListener | undefined;
+    /**
+     * Options to pass to `Event.addEventListener`.
+     */
+    options?: AddEventListenerOptions;
+}
+export { default as UsePointerEvent, addPointerEvent } from './UsePointerEvent.svelte';
+//# sourceMappingURL=use-pointer-event.d.ts.map

package/dist/events/use-pointer-event.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-pointer-event.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/events/use-pointer-event.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,cAAc,CAAC;AAC/D,MAAM,MAAM,eAAe,GAAG,CAAC,GAAG,EAAE,SAAS,CAAC,OAAO,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,0BAA0B,GAAG,SAAS,EAAE,OAAO,CAAC,EAAE,uBAAuB,KAAK,IAAI,CAAC;AAExK,MAAM,WAAW,oBAAoB;IACjC;;OAEG;IACH,GAAG,EAAE,SAAS,CAAC,OAAO,CAAC,CAAC;IACxB;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IACpC;;OAEG;IACH,OAAO,CAAC,EAAE,uBAAuB,CAAA;CACpC;AAED,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/events/use-pointer-event.js

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

package/dist/events/utils.d.ts

@@ -0,0 +1,9 @@
+/**
+based on framer-motion@4.1.17,
+Copyright (c) 2018 Framer B.V.
+*/
+declare var supportsPointerEvents: () => boolean;
+declare var supportsTouchEvents: () => boolean;
+declare var supportsMouseEvents: () => boolean;
+export { supportsMouseEvents, supportsPointerEvents, supportsTouchEvents };
+//# sourceMappingURL=utils.d.ts.map

package/dist/events/utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/events/utils.ts"],"names":[],"mappings":"AAAA;;;EAGE;AAWF,QAAA,IAAI,qBAAqB,eAExB,CAAC;AACF,QAAA,IAAI,mBAAmB,eAEtB,CAAC;AACF,QAAA,IAAI,mBAAmB,eAEtB,CAAC;AAEF,OAAO,EAAE,mBAAmB,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,CAAC"}

package/{src/events/utils.ts → dist/events/utils.js}

@@ -1,25 +1,20 @@
-/** 
-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 { isBrowser } from '../utils/is-browser.js';
-
-// We check for event support via functions in case they've been mocked by a testing suite.
-var supportsPointerEvents = function () {
-    return isBrowser && window.onpointerdown === null;
-};
-var supportsTouchEvents = function () {
-    return isBrowser && window.ontouchstart === null;
-};
-var supportsMouseEvents = function () {
-    return isBrowser && window.onmousedown === null;
-};
-
-export { supportsMouseEvents, supportsPointerEvents, supportsTouchEvents };
+/**
+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 { isBrowser } from '../utils/is-browser.js';
+// We check for event support via functions in case they've been mocked by a testing suite.
+var supportsPointerEvents = function () {
+    return isBrowser && window.onpointerdown === null;
+};
+var supportsTouchEvents = function () {
+    return isBrowser && window.ontouchstart === null;
+};
+var supportsMouseEvents = function () {
+    return isBrowser && window.onmousedown === null;
+};
+export { supportsMouseEvents, supportsPointerEvents, supportsTouchEvents };

package/dist/gestures/PanSession.d.ts

@@ -0,0 +1,142 @@
+/**
+based on framer-motion@4.1.17,
+Copyright (c) 2018 Framer B.V.
+*/
+import type { Point2D, TransformPoint2D } from '../types/geometry';
+export type AnyPointerEvent = MouseEvent | TouchEvent | PointerEvent;
+/**
+ * Passed in to pan event handlers like `onPan` the `PanInfo` object contains
+ * information about the current state of the tap gesture such as its
+ * `point`, `delta`, `offset` and `velocity`.
+ *
+ * @motion
+ *
+ * ```jsx
+ * <MotionDiv onPan={(event, info) => {
+ *   console.log(info.point.x, info.point.y)
+ * }} />
+ * ```
+ *
+ * @public
+ */
+export interface PanInfo {
+    /**
+     * Contains `x` and `y` values for the current pan position relative
+     * to the device or page.
+     *
+     * @motion
+     *
+     * ```jsx
+     * function onPan(event, info) {
+     *   console.log(info.point.x, info.point.y)
+     * }
+     *
+     * <MotionDiv onPan={onPan} />
+     * ```
+     *
+     * @public
+     */
+    point: Point2D;
+    /**
+     * Contains `x` and `y` values for the distance moved since
+     * the last event.
+     *
+     * @motion
+     *
+     * ```jsx
+     * function onPan(event, info) {
+     *   console.log(info.delta.x, info.delta.y)
+     * }
+     *
+     * <MotionDiv onPan={onPan} />
+     * ```
+     *
+     * @public
+     */
+    delta: Point2D;
+    /**
+     * Contains `x` and `y` values for the distance moved from
+     * the first pan event.
+     *
+     * @motion
+     *
+     * ```jsx
+     * function onPan(event, info) {
+     *   console.log(info.offset.x, info.offset.y)
+     * }
+     *
+     * <MotionDiv onPan={onPan} />
+     * ```
+     *
+     * @public
+     */
+    offset: Point2D;
+    /**
+     * Contains `x` and `y` values for the current velocity of the pointer, in px/ms.
+     *
+     * @motion
+     *
+     * ```jsx
+     * function onPan(event, info) {
+     *   console.log(info.velocity.x, info.velocity.y)
+     * }
+     *
+     * <MotionDiv onPan={onPan} />
+     * ```
+     *
+     * @public
+     */
+    velocity: Point2D;
+}
+export type PanHandler = (event: Event, info: PanInfo) => void;
+interface PanSessionHandlers {
+    onSessionStart: PanHandler;
+    onStart: PanHandler;
+    onMove: PanHandler;
+    onEnd: PanHandler;
+    onSessionEnd: PanHandler;
+}
+interface PanSessionOptions {
+    transformPagePoint?: TransformPoint2D;
+}
+/**
+ * @internal
+ */
+export declare class PanSession {
+    /**
+     * @internal
+     */
+    private history;
+    /**
+     * @internal
+     */
+    private startEvent;
+    /**
+     * @internal
+     */
+    private lastMoveEvent;
+    /**
+     * @internal
+     */
+    private lastMoveEventInfo;
+    /**
+     * @internal
+     */
+    private transformPagePoint?;
+    /**
+     * @internal
+     */
+    private handlers;
+    /**
+     * @internal
+     */
+    private removeListeners;
+    constructor(event: PointerEvent, handlers: Partial<PanSessionHandlers>, { transformPagePoint }?: PanSessionOptions);
+    private updatePoint;
+    private handlePointerMove;
+    private handlePointerUp;
+    updateHandlers: (handlers: Partial<PanSessionHandlers>) => void;
+    end: () => void;
+}
+export {};
+//# sourceMappingURL=PanSession.d.ts.map

package/dist/gestures/PanSession.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanSession.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/gestures/PanSession.ts"],"names":[],"mappings":"AAAA;;;EAGE;AACF,OAAO,KAAK,EAAE,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAenE,MAAM,MAAM,eAAe,GAAG,UAAU,GAAG,UAAU,GAAG,YAAY,CAAC;AAErE;;;;;;;;;;;;;;GAcG;AACH,MAAM,WAAW,OAAO;IACvB;;;;;;;;;;;;;;;OAeG;IACH,KAAK,EAAE,OAAO,CAAC;IACf;;;;;;;;;;;;;;;OAeG;IACH,KAAK,EAAE,OAAO,CAAC;IACf;;;;;;;;;;;;;;;OAeG;IACH,MAAM,EAAE,OAAO,CAAC;IAChB;;;;;;;;;;;;;;OAcG;IACH,QAAQ,EAAE,OAAO,CAAC;CAClB;AACD,MAAM,MAAM,UAAU,GAAG,CAAC,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;AAC/D,UAAU,kBAAkB;IAC3B,cAAc,EAAE,UAAU,CAAC;IAC3B,OAAO,EAAE,UAAU,CAAC;IACpB,MAAM,EAAE,UAAU,CAAC;IACnB,KAAK,EAAE,UAAU,CAAC;IAClB,YAAY,EAAE,UAAU,CAAC;CAGzB;AACD,UAAU,iBAAiB;IAC1B,kBAAkB,CAAC,EAAE,gBAAgB,CAAC;CAItC;AAMD;;GAEG;AACH,qBAAa,UAAU;IACtB;;OAEG;IACH,OAAO,CAAC,OAAO,CAAsB;IACrC;;OAEG;IACH,OAAO,CAAC,UAAU,CAA6B;IAC/C;;OAEG;IACH,OAAO,CAAC,aAAa,CAA6B;IAClD;;OAEG;IACH,OAAO,CAAC,iBAAiB,CAA0B;IACnD;;OAEG;IACH,OAAO,CAAC,kBAAkB,CAAC,CAAmB;IAC9C;;OAEG;IACH,OAAO,CAAC,QAAQ,CAAmC;IACnD;;OAEG;IACH,OAAO,CAAC,eAAe,CAAY;gBAgBlC,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,OAAO,CAAC,kBAAkB,CAAC,EACrC,EAAE,kBAAkB,EAAE,GAAE,iBAAsB;IAoB/C,OAAO,CAAC,WAAW,CAoBjB;IACF,OAAO,CAAC,iBAAiB,CAUvB;IACF,OAAO,CAAC,eAAe,CAUrB;IACF,cAAc,aAAc,OAAO,CAAC,kBAAkB,CAAC,UAErD;IACF,GAAG,aAGD;CACF"}

package/dist/gestures/PanSession.js

@@ -0,0 +1,233 @@
+/**
+based on framer-motion@4.0.3,
+Copyright (c) 2018 Framer B.V.
+*/
+import sync, { cancelSync, getFrameData } from 'framesync';
+import { distance, pipe } from 'popmotion';
+import { __assign } from 'tslib';
+import { extractEventInfo } from '../events/event-info.js';
+import { addPointerEvent } from '../events/use-pointer-event.js';
+import { secondsToMilliseconds } from '../utils/time-conversion.js';
+import { isMouseEvent, isTouchEvent } from './utils/event-type.js';
+/**
+ * @internal
+ */
+export class PanSession {
+    // TODO: future implementation of newer features
+    // /**
+    //  * For determining if an animation should resume after it is interupted
+    //  *
+    //  * @internal
+    //  */
+    // private dragSnapToOrigin: boolean
+    // /**
+    //  * @internal
+    //  */
+    // private contextWindow: PanSessionOptions["contextWindow"] = window
+    constructor(event, handlers, { transformPagePoint } = {}) {
+        /**
+         * @internal
+         */
+        Object.defineProperty(this, "history", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /**
+         * @internal
+         */
+        Object.defineProperty(this, "startEvent", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: null
+        });
+        /**
+         * @internal
+         */
+        Object.defineProperty(this, "lastMoveEvent", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: null
+        });
+        /**
+         * @internal
+         */
+        Object.defineProperty(this, "lastMoveEventInfo", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: null
+        });
+        /**
+         * @internal
+         */
+        Object.defineProperty(this, "transformPagePoint", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /**
+         * @internal
+         */
+        Object.defineProperty(this, "handlers", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: {}
+        });
+        /**
+         * @internal
+         */
+        Object.defineProperty(this, "removeListeners", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "updatePoint", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                if (!(this.lastMoveEvent && this.lastMoveEventInfo))
+                    return;
+                var info = getPanInfo(this.lastMoveEventInfo, this.history);
+                var isPanStarted = this.startEvent !== null;
+                // Only start panning if the offset is larger than 3 pixels. If we make it
+                // any larger than this we'll want to reset the pointer history
+                // on the first update to avoid visual snapping to the cursoe.
+                var isDistancePastThreshold = distance(info.offset, { x: 0, y: 0 }) >= 3;
+                if (!isPanStarted && !isDistancePastThreshold)
+                    return;
+                var point = info.point;
+                var timestamp = getFrameData().timestamp;
+                this.history.push(__assign(__assign({}, point), { timestamp: timestamp }));
+                var _a = this.handlers, onStart = _a.onStart, onMove = _a.onMove;
+                if (!isPanStarted) {
+                    onStart && onStart(this.lastMoveEvent, info);
+                    this.startEvent = this.lastMoveEvent;
+                }
+                onMove && onMove(this.lastMoveEvent, info);
+            }
+        });
+        Object.defineProperty(this, "handlePointerMove", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (event, info) => {
+                this.lastMoveEvent = event;
+                this.lastMoveEventInfo = transformPoint(info, this.transformPagePoint);
+                // Because Safari doesn't trigger mouseup events when it's above a `<select>`
+                if (isMouseEvent(event) && event.buttons === 0) {
+                    this.handlePointerUp(event, info);
+                    return;
+                }
+                // Throttle mouse move event to once per frame
+                sync.update(this.updatePoint, true);
+            }
+        });
+        Object.defineProperty(this, "handlePointerUp", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (event, info) => {
+                this.end();
+                var _a = this.handlers, onEnd = _a.onEnd, onSessionEnd = _a.onSessionEnd;
+                var panInfo = getPanInfo(transformPoint(info, this.transformPagePoint), this.history);
+                if (this.startEvent && onEnd) {
+                    onEnd(event, panInfo);
+                }
+                onSessionEnd && onSessionEnd(event, panInfo);
+            }
+        });
+        Object.defineProperty(this, "updateHandlers", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: (handlers) => {
+                this.handlers = handlers;
+            }
+        });
+        Object.defineProperty(this, "end", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: () => {
+                this.removeListeners?.();
+                cancelSync.update(this.updatePoint);
+            }
+        });
+        // If we have more than one touch, don't start detecting this gesture
+        if (isTouchEvent(event) && event.touches.length > 1)
+            return;
+        this.handlers = handlers;
+        this.transformPagePoint = transformPagePoint;
+        var info = extractEventInfo(event);
+        var initialInfo = transformPoint(info, this.transformPagePoint);
+        var point = initialInfo.point;
+        var timestamp = getFrameData().timestamp;
+        this.history = [{ ...point, timestamp }];
+        var onSessionStart = handlers.onSessionStart;
+        onSessionStart && onSessionStart(event, getPanInfo(initialInfo, this.history));
+        this.removeListeners = pipe(addPointerEvent(window, 'pointermove', this.handlePointerMove), addPointerEvent(window, 'pointerup', this.handlePointerUp), addPointerEvent(window, 'pointercancel', this.handlePointerUp));
+    }
+}
+function transformPoint(info, transformPagePoint) {
+    return transformPagePoint ? { point: transformPagePoint(info.point) } : info;
+}
+function subtractPoint(a, b) {
+    return { x: a.x - b.x, y: a.y - b.y };
+}
+function getPanInfo(_a, history) {
+    var point = _a.point;
+    return {
+        point: point,
+        delta: subtractPoint(point, lastDevicePoint(history)),
+        offset: subtractPoint(point, startDevicePoint(history)),
+        velocity: getVelocity(history, 0.1),
+    };
+}
+function startDevicePoint(history) {
+    return history[0];
+}
+function lastDevicePoint(history) {
+    return history[history.length - 1];
+}
+function getVelocity(history, timeDelta) {
+    if (history.length < 2) {
+        return { x: 0, y: 0 };
+    }
+    var i = history.length - 1;
+    var timestampedPoint = null;
+    var lastPoint = lastDevicePoint(history);
+    while (i >= 0) {
+        timestampedPoint = history[i];
+        if (lastPoint.timestamp - timestampedPoint.timestamp > secondsToMilliseconds(timeDelta)) {
+            break;
+        }
+        i--;
+    }
+    if (!timestampedPoint) {
+        return { x: 0, y: 0 };
+    }
+    var time = (lastPoint.timestamp - timestampedPoint.timestamp) / 1000;
+    if (time === 0) {
+        return { x: 0, y: 0 };
+    }
+    var currentVelocity = {
+        x: (lastPoint.x - timestampedPoint.x) / time,
+        y: (lastPoint.y - timestampedPoint.y) / time,
+    };
+    if (currentVelocity.x === Number.POSITIVE_INFINITY) {
+        currentVelocity.x = 0;
+    }
+    if (currentVelocity.y === Number.POSITIVE_INFINITY) {
+        currentVelocity.y = 0;
+    }
+    return currentVelocity;
+}
+// export { PanSession };

package/dist/gestures/UseFocusGesture.svelte.d.ts

@@ -0,0 +1,31 @@
+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 UseFocusGesture: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    props: any;
+    visualElement: any;
+}, {
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {}, string>;
+type UseFocusGesture = InstanceType<typeof UseFocusGesture>;
+export default UseFocusGesture;
+//# sourceMappingURL=UseFocusGesture.svelte.d.ts.map

package/dist/gestures/UseFocusGesture.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UseFocusGesture.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/gestures/UseFocusGesture.svelte.ts"],"names":[],"mappings":"AA+BA,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,eAAe;;;;;;;;;cAAmF,CAAC;AACvF,KAAK,eAAe,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC;AAC9D,eAAe,eAAe,CAAC"}

package/dist/gestures/UseGestures.svelte.d.ts

@@ -0,0 +1,31 @@
+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 UseGestures: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    props: any;
+    visualElement: any;
+}, {
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {}, string>;
+type UseGestures = InstanceType<typeof UseGestures>;
+export default UseGestures;
+//# sourceMappingURL=UseGestures.svelte.d.ts.map

package/dist/gestures/UseGestures.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UseGestures.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/gestures/UseGestures.svelte.ts"],"names":[],"mappings":"AA2BA,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;;;;;;;;;cAAmF,CAAC;AACnF,KAAK,WAAW,GAAG,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC;AACtD,eAAe,WAAW,CAAC"}

package/{src → dist}/gestures/UseHoverGesture.svelte

@@ -1,9 +1,9 @@
 <!-- based on framer-motion@4.0.3,
 Copyright (c) 2018 Framer B.V. -->
 
-<script module lang="ts">
+<script lang="ts" context="module">
   import { isDragActive } from "./drag/utils/lock.js";
-  function createHoverEvent(visualElement, isActive, callback) {
+  function createHoverEvent(visualElement:VisualElement, isActive:boolean, callback:any) {
     return (event, info) => {
       if (!isMouseEvent(event) || isDragActive()) return;
       callback?.(event, info);
@@ -17,6 +17,7 @@ Copyright (c) 2018 Framer B.V. -->
   import { UsePointerEvent } from "../events/use-pointer-event.js";
   import { AnimationType } from "../render/utils/types.js";
   import { isMouseEvent } from "./utils/event-type.js";
+    import type { VisualElement } from "../render/types.js";
 
   export let props, visualElement;
   let { onHoverStart, onHoverEnd, whileHover } = props;

package/dist/gestures/UseHoverGesture.svelte.d.ts

@@ -0,0 +1,31 @@
+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 UseHoverGesture: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    props: any;
+    visualElement: any;
+}, {
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {}, string>;
+type UseHoverGesture = InstanceType<typeof UseHoverGesture>;
+export default UseHoverGesture;
+//# sourceMappingURL=UseHoverGesture.svelte.d.ts.map

package/dist/gestures/UseHoverGesture.svelte.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UseHoverGesture.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/gestures/UseHoverGesture.svelte.ts"],"names":[],"mappings":"AA4CA,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,eAAe;;;;;;;;;cAAmF,CAAC;AACvF,KAAK,eAAe,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC;AAC9D,eAAe,eAAe,CAAC"}

package/dist/gestures/UsePanGesture.svelte.d.ts

@@ -0,0 +1,32 @@
+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 UsePanGesture: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
+    props: any;
+    visualElement: any;
+    isCustom?: boolean;
+}, {
+    default: {};
+}>, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    default: {};
+}, {}, string>;
+type UsePanGesture = InstanceType<typeof UsePanGesture>;
+export default UsePanGesture;
+//# sourceMappingURL=UsePanGesture.svelte.d.ts.map