motion-start 0.0.1 → 0.1.0

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,26 +1,29 @@
 <!-- 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) {
-    return (event, info) => {
+  function createHoverEvent(visualElement:VisualElement, isActive:boolean, callback:any) {
+    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";
 
   export let props, visualElement;
   let { onHoverStart, onHoverEnd, whileHover } = props;
   $: ({ onHoverStart, onHoverEnd, whileHover } = props);
+  
 </script>
 
 <UsePointerEvent

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":"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/{src → 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

@@ -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

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

@@ -0,0 +1 @@
+{"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/{src → 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

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

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

@@ -0,0 +1 @@
+{"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/{src → dist}/gestures/drag/UseDrag.svelte

@@ -12,8 +12,9 @@ Copyright (c) 2018 Framer B.V. -->
 
   export let visualElement, props, isCustom;
 
-  const mcc: Writable<MotionConfigContextObject> =
-    getContext(MotionConfigContext) || MotionConfigContext(isCustom);
+  const mcc =
+    getContext<Writable<MotionConfigContextObject>>(MotionConfigContext) ||
+    MotionConfigContext(isCustom);
 
   let dragControls = new VisualElementDragControls({
     visualElement,
@@ -21,8 +22,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();
     }

package/dist/gestures/drag/UseDrag.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 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>;
+export default UseDrag;
+//# sourceMappingURL=UseDrag.svelte.d.ts.map

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

@@ -0,0 +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"}

package/dist/gestures/drag/UseDragControls.svelte

@@ -0,0 +1,59 @@
+<!-- based on framer-motion@4.0.3,
+Copyright (c) 2018 Framer B.V. -->
+
+<script module lang="ts">
+  import { DragControls } from "./use-drag-controls";
+  const createDragControls = () => new DragControls();
+</script>
+
+<script lang="ts">
+  /**
+   * 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
+   */
+
+  let dragControls = createDragControls();
+</script>
+
+<slot {dragControls} />

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

@@ -0,0 +1,24 @@
+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;
+    } & Exports;
+    (internal: unknown, props: {
+        $$events?: Events;
+        $$slots?: Slots;
+    }): Exports & {
+        $set?: any;
+        $on?: any;
+    };
+    z_$$bindings?: Bindings;
+}
+declare const UseDragControls: $$__sveltets_2_IsomorphicComponent<any, {
+    [evt: string]: CustomEvent<any>;
+}, {
+    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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,116 @@
+import type { MotionProps } from '../../motion/types';
+import type { VisualElement } from '../../render/types';
+import type { Point2D, TransformPoint2D } from '../../types/geometry';
+import type { DraggableProps } from './types';
+interface DragControlConfig {
+    visualElement: VisualElement;
+}
+export interface DragControlOptions {
+    snapToCursor?: boolean;
+    cursorProgress?: Point2D;
+}
+interface DragControlsProps extends DraggableProps {
+    transformPagePoint?: TransformPoint2D;
+}
+export type expectsResolvedDragConstraints = ({ dragConstraints, onMeasureDragConstraints }: MotionProps) => boolean;
+declare var elementDragControls: WeakMap<VisualElement<any, any>, VisualElementDragControls>;
+declare class VisualElementDragControls {
+    /**
+     * Track whether we're currently dragging.
+     *
+     * @internal
+     */
+    isDragging: boolean;
+    /**
+     * The current direction of drag, or `null` if both.
+     *
+     * @internal
+     */
+    private currentDirection;
+    /**
+     * The permitted boundaries of travel, in pixels.
+     *
+     * @internal
+     */
+    private constraints;
+    /**
+     * The per-axis resolved elastic values.
+     *
+     * @internal
+     */
+    private elastic;
+    /**
+     * A reference to the host component's latest props.
+     *
+     * @internal
+     */
+    private props;
+    /**
+     * @internal
+     */
+    private visualElement;
+    /**
+     * @internal
+     */
+    private hasMutatedConstraints;
+    /**
+     * @internal
+     */
+    private cancelLayout?;
+    /**
+     * Track the initial position of the cursor relative to the dragging element
+     * when dragging starts as a value of 0-1 on each axis. We then use this to calculate
+     * an ideal bounding box for the VisualElement renderer to project into every frame.
+     *
+     * @internal
+     */
+    private cursorProgress;
+    private originPoint;
+    private openGlobalLock;
+    /**
+     * @internal
+     */
+    private panSession?;
+    /**
+     * A reference to the measured constraints bounding box
+     */
+    private constraintsBox?;
+    constructor({ visualElement }: DragControlConfig);
+    /**
+     * Instantiate a PanSession for the drag gesture
+     *
+     * @public
+     */
+    start: (originEvent: PointerEvent, { snapToCursor, cursorProgress }?: DragControlOptions) => void;
+    resolveDragConstraints: () => void;
+    private resolveRefConstraints;
+    private cancelDrag;
+    private stop;
+    snapToCursor: (point: Point2D) => boolean;
+    /**
+     * Update the specified axis with the latest pointer information.
+     */
+    private updateAxis;
+    private updateAxisMotionValue;
+    private updateVisualElementAxis;
+    setProps: ({ drag, dragDirectionLock, dragPropagation, dragConstraints, dragElastic, dragMomentum, ...remainingProps }: DragControlsProps & MotionProps) => void;
+    /**
+     * Drag works differently depending on which props are provided.
+     *
+     * - If _dragX and _dragY are provided, we output the gesture delta directly to those motion values.
+     * - If the component will perform layout animations, we output the gesture to the component's
+     *      visual bounding box
+     * - Otherwise, we apply the delta to the x/y motion values.
+     */
+    private getAxisMotionValue;
+    private isLayoutDrag;
+    private isExternalDrag;
+    private animateDragEnd;
+    stopMotion: () => void;
+    private startAxisValueAnimation;
+    scalePoint: () => void;
+    updateConstraints: (onReady?: () => void) => void;
+    mount: (visualElement: VisualElement) => (() => void);
+}
+export { VisualElementDragControls, elementDragControls };
+//# sourceMappingURL=VisualElementDragControls.d.ts.map

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

@@ -0,0 +1 @@
+{"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,aAuBpB;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,CA4EpB;IACF,UAAU,aAKR;IACF,OAAO,CAAC,uBAAuB,CAO7B;IACF,UAAU,aAsCR;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"}