motion-start 0.0.3 → 0.1.1

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

@@ -2,14 +2,17 @@
 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;
+import type { EventListenerWithPointInfo } from './event-info';
+export type usePointerEvent = (ref: {
+    current: Element | null;
+}, 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>;
+    ref: {
+        current: Element | null;
+    };
     /**
      * Name of the event you want listen for.
      */
@@ -23,5 +26,7 @@ export interface UsePointerEventProps {
      */
     options?: AddEventListenerOptions;
 }
-export { default as UsePointerEvent, addPointerEvent } from './UsePointerEvent.svelte';
+export declare function getPointerEventName(name: string): any;
+export declare function addPointerEvent(target: EventTarget, eventName: string, handler: EventListenerWithPointInfo, options?: AddEventListenerOptions): () => void;
+export { default as UsePointerEvent } from './UsePointerEvent.svelte';
 //# sourceMappingURL=use-pointer-event.d.ts.map

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

@@ -1 +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"}
+{"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,0BAA0B,EAAE,MAAM,cAAc,CAAC;AAS/D,MAAM,MAAM,eAAe,GAAG,CAC7B,GAAG,EAAE;IAAE,OAAO,EAAE,OAAO,GAAG,IAAI,CAAA;CAAE,EAChC,SAAS,EAAE,MAAM,EACjB,OAAO,CAAC,EAAE,0BAA0B,GAAG,SAAS,EAChD,OAAO,CAAC,EAAE,uBAAuB,KAC7B,IAAI,CAAC;AAEV,MAAM,WAAW,oBAAoB;IACpC;;OAEG;IACH,GAAG,EAAE;QAAE,OAAO,EAAE,OAAO,GAAG,IAAI,CAAA;KAAE,CAAC;IACjC;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;IACpC;;OAEG;IACH,OAAO,CAAC,EAAE,uBAAuB,CAAC;CAClC;AAmBC,wBAAgB,mBAAmB,CAAC,IAAI,EAAE,MAAM,OAU/C;AAEH,wBAAgB,eAAe,CAC3B,MAAM,EAAE,WAAW,EACnB,SAAS,EAAE,MAAM,EACjB,OAAO,EAAE,0BAA0B,EACnC,OAAO,CAAC,EAAE,uBAAuB,cAQlC;AAEH,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,0BAA0B,CAAC"}

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

@@ -1 +1,35 @@
-export { default as UsePointerEvent, addPointerEvent } from './UsePointerEvent.svelte';
+import { addDomEvent } from "./use-dom-event.js";
+import { wrapHandler } from "./event-info.js";
+import { supportsMouseEvents, supportsPointerEvents, supportsTouchEvents, } from "./utils.js";
+const mouseEventNames = {
+    pointerdown: "mousedown",
+    pointermove: "mousemove",
+    pointerup: "mouseup",
+    pointercancel: "mousecancel",
+    pointerover: "mouseover",
+    pointerout: "mouseout",
+    pointerenter: "mouseenter",
+    pointerleave: "mouseleave",
+};
+const touchEventNames = {
+    pointerdown: "touchstart",
+    pointermove: "touchmove",
+    pointerup: "touchend",
+    pointercancel: "touchcancel",
+};
+export function getPointerEventName(name) {
+    if (supportsPointerEvents()) {
+        return name;
+    }
+    else if (supportsTouchEvents()) {
+        return touchEventNames[name];
+    }
+    else if (supportsMouseEvents()) {
+        return mouseEventNames[name];
+    }
+    return name;
+}
+export function addPointerEvent(target, eventName, handler, options) {
+    return addDomEvent(target, getPointerEventName(eventName), wrapHandler(handler, eventName === "pointerdown"), options);
+}
+export { default as UsePointerEvent } from './UsePointerEvent.svelte';

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

@@ -1 +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"}
+{"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;AAcnE,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

@@ -4,7 +4,6 @@ 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';
@@ -105,7 +104,7 @@ export class PanSession {
                     return;
                 var point = info.point;
                 var timestamp = getFrameData().timestamp;
-                this.history.push(__assign(__assign({}, point), { timestamp: timestamp }));
+                this.history.push(Object.assign(Object.assign({}, point), { timestamp: timestamp }));
                 var _a = this.handlers, onStart = _a.onStart, onMove = _a.onMove;
                 if (!isPanStarted) {
                     onStart && onStart(this.lastMoveEvent, info);

package/dist/gestures/UseHoverGesture.svelte

@@ -4,24 +4,26 @@ Copyright (c) 2018 Framer B.V. -->
 <script lang="ts" context="module">
   import { isDragActive } from "./drag/utils/lock.js";
   function createHoverEvent(visualElement:VisualElement, isActive:boolean, callback:any) {
-    return (event, info) => {
+    return (event?: any | MouseEvent | TouchEvent | PointerEvent, info?: any) => {
       if (!isMouseEvent(event) || isDragActive()) return;
       callback?.(event, info);
 
       visualElement.animationState?.setActive(AnimationType.Hover, isActive);
     };
   }
+  
 </script>
 
 <script lang="ts">
   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";
+  import type { VisualElement } from "../render/types.js";
 
   export let props, visualElement;
   let { onHoverStart, onHoverEnd, whileHover } = props;
   $: ({ onHoverStart, onHoverEnd, whileHover } = props);
+  
 </script>
 
 <UsePointerEvent

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

@@ -1 +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"}
+{"version":3,"file":"UseHoverGesture.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/gestures/UseHoverGesture.svelte.ts"],"names":[],"mappings":"AA8CA,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

@@ -14,15 +14,16 @@ Copyright (c) 2018 Framer B.V. -->
   let { onPan, onPanStart, onPanEnd, onPanSessionStart } = props;
   $: ({ onPan, onPanStart, onPanEnd, onPanSessionStart } = props);
   $: hasPanEvents = onPan || onPanStart || onPanEnd || onPanSessionStart;
-  let panSession = null;
+  let panSession: PanSession | null = null;
   const mcc = getContext(MotionConfigContext) || MotionConfigContext(isCustom);
-  let { transformPagePoint } = get(mcc);
-  $: ({ transformPagePoint } = $mcc);
+  // @ts-expect-error
+  $: ( { transformPagePoint } = get(mcc));
+  // $: ({ transformPagePoint } = $mcc);
   let handlers = {
     onSessionStart: onPanSessionStart,
     onStart: onPanStart,
     onMove: onPan,
-    onEnd: (event, info) => {
+    onEnd: (event: any, info: any) => {
       panSession = null;
       onPanEnd && onPanEnd(event, info);
     },
@@ -36,7 +37,7 @@ Copyright (c) 2018 Framer B.V. -->
       onPanEnd && onPanEnd(event, info);
     },
   };
-  function onPointerDown(event) {
+  function onPointerDown(event: PointerEvent) {
     panSession = new PanSession(event, handlers, {
       transformPagePoint,
     });

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

@@ -1 +1 @@
-{"version":3,"file":"UsePanGesture.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/gestures/UsePanGesture.svelte.ts"],"names":[],"mappings":"AAiEA,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,aAAa;;;;;;;;;;cAAmF,CAAC;AACrF,KAAK,aAAa,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC;AAC1D,eAAe,aAAa,CAAC"}
+{"version":3,"file":"UsePanGesture.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/gestures/UsePanGesture.svelte.ts"],"names":[],"mappings":"AAkEA,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,aAAa;;;;;;;;;;cAAmF,CAAC;AACrF,KAAK,aAAa,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC;AAC1D,eAAe,aAAa,CAAC"}

package/dist/gestures/UseTapGesture.svelte

@@ -12,13 +12,13 @@ Copyright (c) 2018 Framer B.V. -->
   import { isDragActive } from "./drag/utils/lock.js";
   import { isNodeOrChild } from "./utils/is-node-or-child.js";
 
-  export let props, visualElement;
+  export let props, visualElement: any;
 
   $: ({ onTap, onTapStart, onTapCancel, whileTap } = props);
   $: hasPressListeners = onTap || onTapStart || onTapCancel || whileTap;
 
   let isPressing = false;
-  let cancelPointerEndListeners = null;
+  let cancelPointerEndListeners: Function | null = null;
 
   function removePointerEndListener() {
     cancelPointerEndListeners?.();
@@ -32,7 +32,7 @@ Copyright (c) 2018 Framer B.V. -->
     return !isDragActive();
   }
 
-  function onPointerUp(event, info) {
+  function onPointerUp(event: { target: Element | null | undefined }, info: any) {
     if (!checkPointerEnd()) return;
 
     /**
@@ -44,18 +44,19 @@ Copyright (c) 2018 Framer B.V. -->
       : onTap?.(event, info);
   }
 
-  function onPointerCancel(event, info) {
+  function onPointerCancel(event: any, info: any) {
     if (!checkPointerEnd()) return;
 
     onTapCancel?.(event, info);
   }
 
-  function onPointerDown(event, info) {
+  function onPointerDown(event?: any, info?: any) {
     if (isPressing) return;
     removePointerEndListener();
     isPressing = true;
 
     cancelPointerEndListeners = pipe(
+      // @ts-expect-error
       addPointerEvent(window, "pointerup", onPointerUp),
       addPointerEvent(window, "pointercancel", onPointerCancel)
     );

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

@@ -1 +1 @@
-{"version":3,"file":"UseTapGesture.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/gestures/UseTapGesture.svelte.ts"],"names":[],"mappings":"AAqFA,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,aAAa;;;;;;;;;cAAmF,CAAC;AACrF,KAAK,aAAa,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC;AAC1D,eAAe,aAAa,CAAC"}
+{"version":3,"file":"UseTapGesture.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/motion-start/gestures/UseTapGesture.svelte.ts"],"names":[],"mappings":"AAsFA,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,aAAa;;mBAfmF,GAAG;;;;;;;cAeH,CAAC;AACrF,KAAK,aAAa,GAAG,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC;AAC1D,eAAe,aAAa,CAAC"}

package/dist/gestures/drag/UseDrag.svelte

@@ -1,16 +1,17 @@
 <!-- based on framer-motion@4.1.11,
 Copyright (c) 2018 Framer B.V. -->
+<svelte:options runes />
 
 <script lang="ts">
   import { getContext, onDestroy, onMount } from "svelte";
-  import { get, type Writable } from "svelte/store";
+  import { fromStore, get, type Writable } from "svelte/store";
   import {
     MotionConfigContext,
     type MotionConfigContextObject,
   } from "../../context/MotionConfigContext.js";
   import { VisualElementDragControls } from "./VisualElementDragControls.js";
 
-  export let visualElement, props, isCustom;
+  let { visualElement, props, isCustom, children } = $props();
 
   const mcc =
     getContext<Writable<MotionConfigContextObject>>(MotionConfigContext) ||
@@ -22,8 +23,8 @@ Copyright (c) 2018 Framer B.V. -->
 
   // If we've been provided a DragControls for manual control over the drag gesture,
   // subscribe this component to it on mount.
-  let cleanup;
-  const dragEffect = () => {
+  let cleanup: () => void;
+  const dragEffect = (dragControls?: VisualElementDragControls) => {
     if (cleanup) {
       cleanup();
     }
@@ -31,19 +32,12 @@ Copyright (c) 2018 Framer B.V. -->
       cleanup = groupDragControls.subscribe(dragControls);
     }
   };
-  let { dragControls: groupDragControls } = props;
-  let { transformPagePoint } = get(mcc);
+  const { dragControls: groupDragControls } = $derived(props);
+  const { transformPagePoint } = $derived(fromStore(mcc).current);
 
-  $: ({ dragControls: groupDragControls } = props);
-  //let {transformPagePoint} = get($mcc);
-  $: ({ transformPagePoint } = $mcc);
-  dragControls.setProps({ ...props, transformPagePoint });
+  $effect(() => dragControls.setProps({ ...props, transformPagePoint }));
 
-  //dragControls.setProps({ ...props, transformPagePoint })
-
-  $: dragControls.setProps({ ...props, transformPagePoint });
-
-  $: dragEffect(dragControls);
+  $effect(() => dragEffect(dragControls));
 
   onDestroy(() => {
     if (cleanup) {
@@ -53,4 +47,4 @@ Copyright (c) 2018 Framer B.V. -->
   onMount(() => dragControls.mount(visualElement));
 </script>
 
-<slot />
+{@render children?.()}

package/dist/gestures/drag/UseDrag.svelte.d.ts

@@ -1,32 +1,8 @@
-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 UseDrag: $$__sveltets_2_IsomorphicComponent<$$__sveltets_2_PropsWithChildren<{
-    visualElement: any;
-    props: any;
-    isCustom: any;
-}, {
-    default: {};
-}>, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}, {}, string>;
-type UseDrag = InstanceType<typeof UseDrag>;
+declare const UseDrag: import("svelte").Component<{
+    visualElement: unknown;
+    props: unknown;
+    isCustom: unknown;
+    children: unknown;
+}, {}, "">;
 export default UseDrag;
 //# sourceMappingURL=UseDrag.svelte.d.ts.map

package/dist/gestures/drag/UseDrag.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UseDrag.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/gestures/drag/UseDrag.svelte.ts"],"names":[],"mappings":"AAkEA,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,OAAO;;;;;;;;;;cAAmF,CAAC;AAC/E,KAAK,OAAO,GAAG,YAAY,CAAC,OAAO,OAAO,CAAC,CAAC;AAC9C,eAAe,OAAO,CAAC"}
+{"version":3,"file":"UseDrag.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/gestures/drag/UseDrag.svelte.ts"],"names":[],"mappings":"AA4DA,QAAA,MAAM,OAAO;mBA7CiD,OAAO;WAAS,OAAO;cAAY,OAAO;cAAY,OAAO;UA6CxE,CAAC;AACpD,eAAe,OAAO,CAAC"}

package/dist/gestures/drag/UseDragControls.svelte

@@ -2,89 +2,7 @@
 Copyright (c) 2018 Framer B.V. -->
 
 <script module lang="ts">
-  /**
-   * Can manually trigger a drag gesture on one or more `drag`-enabled `motion` 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 class DragControls {
-    private componentControls;
-
-    constructor() {
-      this.componentControls = new Set();
-    }
-    /**
-     * Subscribe a component's internal `VisualElementDragControls` to the user-facing API.
-     *
-     * @internal
-     */
-    subscribe = (controls) => {
-      var _this = this;
-      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, options) => {
-      this.componentControls.forEach((controls: any) => {
-        controls.start(event.nativeEvent || event, options);
-      });
-    };
-    updateConstraints = () => {
-      this.componentControls.forEach((controls: any) => {
-        controls.prepareBoundingBox();
-        controls.resolveDragConstraints();
-      });
-    };
-  }
-
+  import { DragControls } from "./use-drag-controls";
   const createDragControls = () => new DragControls();
 </script>
 

package/dist/gestures/drag/UseDragControls.svelte.d.ts

@@ -1,3 +1,4 @@
+import { DragControls } from "./use-drag-controls";
 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;
@@ -11,9 +12,13 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const UseDragControls: $$__sveltets_2_IsomorphicComponent<{}, {
+declare const UseDragControls: $$__sveltets_2_IsomorphicComponent<any, {
     [evt: string]: CustomEvent<any>;
-}, {}, Record<string, any>, string>;
+}, {
+    default: {
+        dragControls: DragControls;
+    };
+}, {}, string>;
 type UseDragControls = InstanceType<typeof UseDragControls>;
 export default UseDragControls;
 //# sourceMappingURL=UseDragControls.svelte.d.ts.map

package/dist/gestures/drag/UseDragControls.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UseDragControls.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/gestures/drag/UseDragControls.svelte.ts"],"names":[],"mappings":"AAkCA,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;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;IACtG,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAUD,QAAA,MAAM,eAAe;;mCAAmF,CAAC;AACvF,KAAK,eAAe,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC;AAC9D,eAAe,eAAe,CAAC"}
+{"version":3,"file":"UseDragControls.svelte.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/gestures/drag/UseDragControls.svelte.ts"],"names":[],"mappings":"AAGE,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAyCrD,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;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;IACtG,YAAY,CAAC,EAAE,QAAQ,CAAC;CAC3B;AAUD,QAAA,MAAM,eAAe;;;;;;cAAmF,CAAC;AACvF,KAAK,eAAe,GAAG,YAAY,CAAC,OAAO,eAAe,CAAC,CAAC;AAC9D,eAAe,eAAe,CAAC"}

package/dist/gestures/drag/VisualElementDragControls.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"VisualElementDragControls.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/gestures/drag/VisualElementDragControls.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,KAAK,EAAa,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACjF,OAAO,KAAK,EAAE,cAAc,EAAuB,MAAM,SAAS,CAAC;AAGnE,UAAU,iBAAiB;IAC1B,aAAa,EAAE,aAAa,CAAC;CAC7B;AACD,MAAM,WAAW,kBAAkB;IAClC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;CACzB;AACD,UAAU,iBAAkB,SAAQ,cAAc;IACjD,kBAAkB,CAAC,EAAE,gBAAgB,CAAC;CACtC;AAED,MAAM,MAAM,8BAA8B,GAAG,CAAC,EAAE,eAAe,EAAE,wBAAwB,EAAE,EAAE,WAAW,KAAK,OAAO,CAAC;AAyCrH,QAAA,IAAI,mBAAmB,EAAE,OAAO,CAAC,aAAa,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,yBAAyB,CAAiB,CAAC;AAMrG,cAAM,yBAAyB;IAC9B;;;;OAIG;IACH,UAAU,UAAS;IACnB;;;;OAIG;IACH,OAAO,CAAC,gBAAgB,CAA8B;IACtD;;;;OAIG;IACH,OAAO,CAAC,WAAW,CAAsC;IACzD;;;;OAIG;IACH,OAAO,CAAC,OAAO,CAAa;IAC5B;;;;OAIG;IACH,OAAO,CAAC,KAAK,CAAuC;IACpD;;OAEG;IACH,OAAO,CAAC,aAAa,CAA6B;IAClD;;OAEG;IACH,OAAO,CAAC,qBAAqB,CAAS;IACtC;;OAEG;IACH,OAAO,CAAC,YAAY,CAAC,CAAC;IACtB;;;;;;OAMG;IACH,OAAO,CAAC,cAAc,CAGpB;IACF,OAAO,CAAC,WAAW,CAA2B;IAC9C,OAAO,CAAC,cAAc,CAAqB;IAC3C;;OAEG;IACH,OAAO,CAAC,UAAU,CAAC,CAAa;IAChC;;OAEG;IACH,OAAO,CAAC,cAAc,CAAC,CAAC;gBAEZ,EAAE,aAAa,EAAE,EAAE,iBAAiB;IAKhD;;;;OAIG;IACH,KAAK,gBACS,YAAY,qCAC6B,kBAAkB,UAyIvE;IACF,sBAAsB,aAsBpB;IACF,OAAO,CAAC,qBAAqB,CAqB3B;IACF,OAAO,CAAC,UAAU,CAahB;IACF,OAAO,CAAC,IAAI,CAWV;IACF,YAAY,UAAW,OAAO,aAkB5B;IACF;;OAEG;IACH,OAAO,CAAC,UAAU,CAOhB;IACF,OAAO,CAAC,qBAAqB,CAM3B;IACF,OAAO,CAAC,uBAAuB,CAmB7B;IACF,QAAQ,gHAQL,iBAAiB,GAAG,WAAW,UAUhC;IACF;;;;;;;OAOG;IACH,OAAO,CAAC,kBAAkB,CAUxB;IACF,OAAO,CAAC,YAAY,CAElB;IACF,OAAO,CAAC,cAAc,CAKpB;IACF,OAAO,CAAC,cAAc,CA2EpB;IACF,UAAU,aAKR;IACF,OAAO,CAAC,uBAAuB,CAO7B;IACF,UAAU,aAqCR;IACF,iBAAiB,aAAc,MAAM,IAAI,UAWvC;IACF,KAAK,kBAAmB,aAAa,KAAG,CAAC,MAAM,IAAI,CAAC,CA6ClD;CACF;AA0BD,OAAO,EAAE,yBAAyB,EAAE,mBAAmB,EAAE,CAAC"}
+{"version":3,"file":"VisualElementDragControls.d.ts","sourceRoot":"","sources":["../../../../../src/lib/motion-start/gestures/drag/VisualElementDragControls.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,KAAK,EAAa,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AACjF,OAAO,KAAK,EAAE,cAAc,EAAuB,MAAM,SAAS,CAAC;AAGnE,UAAU,iBAAiB;IAC1B,aAAa,EAAE,aAAa,CAAC;CAC7B;AACD,MAAM,WAAW,kBAAkB;IAClC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;CACzB;AACD,UAAU,iBAAkB,SAAQ,cAAc;IACjD,kBAAkB,CAAC,EAAE,gBAAgB,CAAC;CACtC;AAED,MAAM,MAAM,8BAA8B,GAAG,CAAC,EAAE,eAAe,EAAE,wBAAwB,EAAE,EAAE,WAAW,KAAK,OAAO,CAAC;AAyCrH,QAAA,IAAI,mBAAmB,EAAE,OAAO,CAAC,aAAa,CAAC,GAAG,EAAE,GAAG,CAAC,EAAE,yBAAyB,CAAiB,CAAC;AAMrG,cAAM,yBAAyB;IAC9B;;;;OAIG;IACH,UAAU,UAAS;IACnB;;;;OAIG;IACH,OAAO,CAAC,gBAAgB,CAA8B;IACtD;;;;OAIG;IACH,OAAO,CAAC,WAAW,CAAsC;IACzD;;;;OAIG;IACH,OAAO,CAAC,OAAO,CAAa;IAC5B;;;;OAIG;IACH,OAAO,CAAC,KAAK,CAAuC;IACpD;;OAEG;IACH,OAAO,CAAC,aAAa,CAA6B;IAClD;;OAEG;IACH,OAAO,CAAC,qBAAqB,CAAS;IACtC;;OAEG;IACH,OAAO,CAAC,YAAY,CAAC,CAAM;IAC3B;;;;;;OAMG;IACH,OAAO,CAAC,cAAc,CAGpB;IACF,OAAO,CAAC,WAAW,CAA2B;IAC9C,OAAO,CAAC,cAAc,CAAqB;IAC3C;;OAEG;IACH,OAAO,CAAC,UAAU,CAAC,CAAa;IAChC;;OAEG;IACH,OAAO,CAAC,cAAc,CAAC,CAAY;gBAEvB,EAAE,aAAa,EAAE,EAAE,iBAAiB;IAKhD;;;;OAIG;IACH,KAAK,gBACS,YAAY,qCAC6B,kBAAkB,UAyIvE;IACF,sBAAsB,aAwBpB;IACF,OAAO,CAAC,qBAAqB,CAqB3B;IACF,OAAO,CAAC,UAAU,CAahB;IACF,OAAO,CAAC,IAAI,CAWV;IACF,YAAY,UAAW,OAAO,aAkB5B;IACF;;OAEG;IACH,OAAO,CAAC,UAAU,CAOhB;IACF,OAAO,CAAC,qBAAqB,CAM3B;IACF,OAAO,CAAC,uBAAuB,CAmB7B;IACF,QAAQ,gHAQL,iBAAiB,GAAG,WAAW,UAUhC;IACF;;;;;;;OAOG;IACH,OAAO,CAAC,kBAAkB,CAWxB;IACF,OAAO,CAAC,YAAY,CAElB;IACF,OAAO,CAAC,cAAc,CAKpB;IACF,OAAO,CAAC,cAAc,CA6EpB;IACF,UAAU,aAKR;IACF,OAAO,CAAC,uBAAuB,CAO7B;IACF,UAAU,aAsCR;IACF,iBAAiB,aAAc,MAAM,IAAI,UAYvC;IACF,KAAK,kBAAmB,aAAa,KAAG,CAAC,MAAM,IAAI,CAAC,CA6ClD;CACF;AA0BD,OAAO,EAAE,yBAAyB,EAAE,mBAAmB,EAAE,CAAC"}

package/dist/gestures/drag/VisualElementDragControls.js

@@ -4,7 +4,6 @@ Copyright (c) 2018 Framer B.V.
 */
 import { flushSync } from 'framesync';
 import { progress } from 'popmotion';
-import { __assign, __read, __spreadArray } from 'tslib';
 import { startAnimation } from '../../animation/utils/transitions.js';
 import { getViewportPointFromEvent } from '../../events/event-info.js';
 import { addDomEvent } from '../../events/use-dom-event.js';
@@ -183,7 +182,7 @@ class VisualElementDragControls {
                     this.cancelLayout = batchLayout((read, write) => {
                         var ancestors = collectProjectingAncestors(_self.visualElement);
                         var children = collectProjectingChildren(_self.visualElement);
-                        var tree = __spreadArray(__spreadArray([], __read(ancestors)), __read(children));
+                        var tree = [...ancestors, ...children];
                         var hasManuallySetCursorOrigin = false;
                         /**
                          * Apply a simple lock to the projection target. This ensures no animations
@@ -296,9 +295,9 @@ class VisualElementDragControls {
                 };
                 const transformPagePoint = this.props.transformPagePoint;
                 this.panSession = new PanSession(originEvent, {
-                    onSessionStart,
-                    onStart,
-                    onMove,
+                    onSessionStart, // @ts-expect-error
+                    onStart, // @ts-expect-error
+                    onMove, // @ts-expect-error
                     onSessionEnd,
                 }, { transformPagePoint: transformPagePoint });
             }
@@ -318,6 +317,7 @@ class VisualElementDragControls {
                 else {
                     this.constraints = false;
                 }
+                // @ts-expect-error
                 this.elastic = resolveDragElastic(dragElastic);
                 /**
                  * If we're outputting to external MotionValues, we want to rebase the measured constraints
@@ -326,6 +326,7 @@ class VisualElementDragControls {
                 if (this.constraints && !this.hasMutatedConstraints) {
                     eachAxis((axis) => {
                         if (this.getAxisMotionValue(axis)) {
+                            // @ts-expect-error
                             this.constraints[axis] = rebaseAxisConstraints(layout[axis], this.constraints[axis]);
                         }
                     });
@@ -464,7 +465,8 @@ class VisualElementDragControls {
                 // Get the initial progress that the pointer sat on this axis on gesture start.
                 var axisProgress = this.cursorProgress[axis];
                 // Calculate a new min point based on the latest pointer position, constraints and elastic
-                var min = calcConstrainedMinPoint(point[axis], axisLength, axisProgress, (_a = this.constraints) === null || _a === void 0 ? void 0 : _a[axis], this.elastic[axis]);
+                var min = calcConstrainedMinPoint(point[axis], axisLength, axisProgress, // @ts-expect-error
+                (_a = this.constraints) === null || _a === void 0 ? void 0 : _a[axis], this.elastic[axis]);
                 // Update the axis viewport target with this new min and the length
                 this.visualElement.setProjectionTargetAxis(axis, min, min + axisLength);
             }
@@ -499,8 +501,9 @@ class VisualElementDragControls {
             writable: true,
             value: (axis) => {
                 var _a = this.props, layout = _a.layout, layoutId = _a.layoutId;
-                var dragKey = '_drag' + axis.toUpperCase();
+                var dragKey = '_drag' + axis.toUpperCase(); // @ts-expect-error
                 if (this.props[dragKey]) {
+                    // @ts-expect-error
                     return this.props[dragKey];
                 }
                 else if (!layout && layoutId === undefined) {
@@ -544,9 +547,10 @@ class VisualElementDragControls {
                 if (isRelative && Object.keys(constraints).length && this.isLayoutDrag()) {
                     var projectionParent = this.visualElement.getProjectionParent();
                     if (projectionParent) {
+                        // @ts-expect-error
                         var relativeConstraints_1 = calcRelativeOffset(projectionParent.projection.targetFinal, constraints);
                         eachAxis((axis) => {
-                            var _a = relativeConstraints_1[axis], min = _a.min, max = _a.max;
+                            var _a = relativeConstraints_1[axis], min = _a.min, max = _a.max; // @ts-expect-error
                             constraints[axis] = {
                                 min: isNaN(min) ? undefined : min,
                                 max: isNaN(max) ? undefined : max,
@@ -559,7 +563,9 @@ class VisualElementDragControls {
                     if (!shouldDrag(axis, drag, this.currentDirection)) {
                         return;
                     }
-                    var transition = (_a = constraints === null || constraints === void 0 ? void 0 : constraints[axis]) !== null && _a !== void 0
+                    var transition = 
+                    // @ts-expect-error
+                    (_a = constraints === null || constraints === void 0 ? void 0 : constraints[axis]) !== null && _a !== void 0
                         ? _a
                         : {};
                     /**
@@ -570,7 +576,7 @@ class VisualElementDragControls {
                      */
                     var bounceStiffness = dragElastic ? 200 : 1000000;
                     var bounceDamping = dragElastic ? 40 : 10000000;
-                    var inertia = __assign(__assign({
+                    var inertia = Object.assign(Object.assign({
                         type: 'inertia',
                         velocity: dragMomentum ? velocity[axis] : 0,
                         bounceStiffness: bounceStiffness,
@@ -631,6 +637,7 @@ class VisualElementDragControls {
                 // Record the relative progress of the targetBox relative to the constraintsBox
                 var boxProgress = { x: 0, y: 0 };
                 eachAxis((axis) => {
+                    // @ts-expect-error
                     boxProgress[axis] = calcOrigin(this.visualElement.projection.target[axis], this.constraintsBox[axis]);
                 });
                 /**
@@ -644,7 +651,8 @@ class VisualElementDragControls {
                             return;
                         // Calculate the position of the targetBox relative to the constraintsBox using the
                         // previously calculated progress
-                        var _a = calcPositionFromProgress(this.visualElement.projection.target[axis], this.constraintsBox[axis], boxProgress[axis]), min = _a.min, max = _a.max;
+                        var _a = calcPositionFromProgress(this.visualElement.projection.target[axis], // @ts-expect-error
+                        this.constraintsBox[axis], boxProgress[axis]), min = _a.min, max = _a.max;
                         this.visualElement.setProjectionTargetAxis(axis, min, max);
                     });
                 });
@@ -661,6 +669,7 @@ class VisualElementDragControls {
             writable: true,
             value: (onReady) => {
                 this.cancelLayout = batchLayout((read, write) => {
+                    // @ts-expect-error
                     var ancestors = collectProjectingAncestors(_this.visualElement);
                     write(() => ancestors.forEach((element) => element.resetTransform()));
                     read(() => updateLayoutMeasurement(this.visualElement));