motion-v 0.5.0-beta.1 → 0.5.0

package/dist/src/projection/conversion.d.ts

@@ -0,0 +1,14 @@
+import { BoundingBox, Box, TransformPoint } from 'framer-motion';
+/**
+ * Bounding boxes tend to be defined as top, left, right, bottom. For various operations
+ * it's easier to consider each axis individually. This function returns a bounding box
+ * as a map of single-axis min/max values.
+ */
+export declare function convertBoundingBoxToBox({ top, left, right, bottom, }: BoundingBox): Box;
+/**
+ * Applies a TransformPoint function to a bounding box. TransformPoint is usually a function
+ * provided by Framer to allow measured points to be corrected for device scaling. This is used
+ * when measuring DOM elements and DOM event points.
+ */
+export declare function transformBoxPoints(point: BoundingBox, transformPoint?: TransformPoint): BoundingBox;
+export declare function convertBoxToBoundingBox({ x, y }: Box): BoundingBox;

package/dist/src/projection/geometry/delta-apply.d.ts

@@ -0,0 +1,2 @@
+import { Axis } from 'framer-motion';
+export declare function translateAxis(axis: Axis, distance: number): void;

package/dist/src/projection/geometry/delta-calc.d.ts

@@ -0,0 +1,2 @@
+import { Axis } from 'framer-motion';
+export declare function calcLength(axis: Axis): number;

package/dist/src/projection/geometry/models.d.ts

@@ -0,0 +1,3 @@
+import { Axis, Box } from 'framer-motion';
+export declare const createAxis: () => Axis;
+export declare function createBox(): Box;

package/dist/src/projection/node/types.d.ts

@@ -0,0 +1,16 @@
+import { Box, Delta, ResolvedValues } from 'framer-motion';
+export interface Measurements {
+    animationId: number;
+    measuredBox: Box;
+    layoutBox: Box;
+    latestValues: ResolvedValues;
+    source: number;
+}
+export interface LayoutUpdateData {
+    layout: Box;
+    snapshot: Measurements;
+    delta: Delta;
+    layoutDelta: Delta;
+    hasLayoutChanged: boolean;
+    hasRelativeTargetChanged: boolean;
+}

package/dist/src/projection/utils/each-axis.d.ts

@@ -0,0 +1,3 @@
+type Callback = (axis: 'x' | 'y') => void;
+export declare function eachAxis(callback: Callback): void[];
+export {};

package/dist/src/projection/utils/measure.d.ts

@@ -0,0 +1,3 @@
+import { IProjectionNode, TransformPoint } from 'framer-motion';
+export declare function measureViewportBox(instance: HTMLElement, transformPoint?: TransformPoint): import('framer-motion').Box;
+export declare function measurePageBox(element: HTMLElement, rootProjectionNode: IProjectionNode, transformPagePoint?: TransformPoint): import('framer-motion').Box;

package/dist/src/render/utils/setters.d.ts

@@ -0,0 +1,3 @@
+import { TargetResolver } from '../../types';
+import { TargetAndTransition, VisualElement } from 'framer-motion';
+export declare function setTarget(visualElement: VisualElement, definition: string | TargetAndTransition | TargetResolver): void;

package/dist/src/state/motion-state.d.ts

@@ -1,27 +1,31 @@
 import { MotionStateContext, Options } from '../types';
 import { DOMKeyframesDefinition, VisualElement } from 'framer-motion';
-declare const STATE_TYPES: readonly ["initial", "animate", "inView", "hover", "press", "exit", "drag"];
+declare const STATE_TYPES: readonly ["initial", "animate", "inView", "hover", "press", "whileDrag", "exit"];
 type StateType = typeof STATE_TYPES[number];
 export declare const mountedStates: WeakMap<Element, MotionState>;
 export declare class MotionState {
     readonly id: string;
     element: HTMLElement | null;
     private parent?;
-    private options;
+    options: Options;
+    private isFirstAnimate;
     activeStates: Partial<Record<StateType, boolean>>;
     depth: number;
     baseTarget: DOMKeyframesDefinition;
     target: DOMKeyframesDefinition;
     private featureManager;
-    visualElement: VisualElement;
+    visualElement: VisualElement<Element>;
     constructor(options: Options, parent?: MotionState);
     private _context;
     get context(): MotionStateContext;
     private initTarget;
     get initial(): string | boolean | import('../types').Variant;
     updateOptions(): void;
+    beforeMount(): void;
     mount(element: HTMLElement, options: Options): void;
+    beforeUnmount(): void;
     unmount(): void;
+    beforeUpdate(): void;
     update(options: Options): void;
     setActive(name: StateType, isActive: boolean): void;
     animateUpdates(): Generator<any, void, unknown>;

package/dist/src/state/utils/is-present.d.ts

@@ -0,0 +1,2 @@
+import { VisualElement } from 'framer-motion';
+export declare function isPresent(visualElement: VisualElement): boolean;

package/dist/src/state/utils.d.ts

@@ -8,7 +8,6 @@ export declare function addUniqueItem<T>(array: T[], item: T): void;
 export declare function removeItem<T>(array: T[], item: T): void;
 export declare function getOptions(options: DynamicAnimationOptions, key: string): DynamicAnimationOptions;
 export declare function isCssVar(name: string): boolean;
-export declare function noop(): void;
 export declare const noopReturn: <V>(v: V) => V;
 export declare function isNumber(value: any): boolean;
 type ElementType = keyof IntrinsicElementAttributes;

package/dist/src/types/framer-motion.d.ts

@@ -1,4 +1,3 @@
-import { EasingFunction, ResolvedValues } from 'framer-motion';
 export interface FrameData {
     delta: number;
     timestamp: number;
@@ -11,39 +10,6 @@ export interface MotionValueEventCallbacks<V> {
     change: (latestValue: V) => void;
     renderRequest: () => void;
 }
-export interface ScrollOptions {
-    source?: HTMLElement;
-    container?: HTMLElement;
-    target?: Element;
-    axis?: 'x' | 'y';
-    offset?: ScrollOffset;
-}
-export type OnScrollProgress = (progress: number) => void;
-export type OnScrollWithInfo = (progress: number, info: ScrollInfo) => void;
-export type OnScroll = OnScrollProgress | OnScrollWithInfo;
-export interface AxisScrollInfo {
-    current: number;
-    offset: number[];
-    progress: number;
-    scrollLength: number;
-    velocity: number;
-    targetOffset: number;
-    targetLength: number;
-    containerLength: number;
-    interpolatorOffsets?: number[];
-    interpolate?: EasingFunction;
-}
-export interface ScrollInfo {
-    time: number;
-    x: AxisScrollInfo;
-    y: AxisScrollInfo;
-}
-export type OnScrollInfo = (info: ScrollInfo) => void;
-export type OnScrollHandler = {
-    measure: () => void;
-    update: (time: number) => void;
-    notify: () => void;
-};
 export type SupportedEdgeUnit = 'px' | 'vw' | 'vh' | '%';
 export type EdgeUnit = `${number}${SupportedEdgeUnit}`;
 export type NamedEdges = 'start' | 'end' | 'center';
@@ -58,47 +24,3 @@ export interface ScrollInfoOptions {
     axis?: 'x' | 'y';
     offset?: ScrollOffset;
 }
-export interface TransformOrigin {
-    originX?: number | string;
-    originY?: number | string;
-    originZ?: number | string;
-}
-export interface HTMLRenderState {
-    /**
-     * A mutable record of transforms we want to apply directly to the rendered Element
-     * every frame. We use a mutable data structure to reduce GC during animations.
-     */
-    transform: ResolvedValues;
-    /**
-     * A mutable record of transform origins we want to apply directly to the rendered Element
-     * every frame. We use a mutable data structure to reduce GC during animations.
-     */
-    transformOrigin: TransformOrigin;
-    /**
-     * A mutable record of styles we want to apply directly to the rendered Element
-     * every frame. We use a mutable data structure to reduce GC during animations.
-     */
-    style: ResolvedValues;
-    /**
-     * A mutable record of CSS variables we want to apply directly to the rendered Element
-     * every frame. We use a mutable data structure to reduce GC during animations.
-     */
-    vars: ResolvedValues;
-}
-export type SVGDimensions = {
-    x: number;
-    y: number;
-    width: number;
-    height: number;
-};
-export interface SVGRenderState extends HTMLRenderState {
-    /**
-     * Measured dimensions of the SVG element to be used to calculate a transform-origin.
-     */
-    dimensions?: SVGDimensions;
-    /**
-     * A mutable record of attributes we want to apply directly to the rendered Element
-     * every frame. We use a mutable data structure to reduce GC during animations.
-     */
-    attrs: ResolvedValues;
-}

package/dist/src/types/state.d.ts

@@ -1,8 +1,14 @@
-import { DOMKeyframesDefinition, DynamicAnimationOptions } from 'framer-motion';
+import { DOMKeyframesDefinition, DynamicAnimationOptions, Target, TargetAndTransition } from 'framer-motion';
 import { MotionValue, animate } from 'framer-motion/dom';
 import { IntrinsicElementAttributes } from 'vue';
 import { TransformProperties } from './transform';
 import { LayoutOptions } from '../features/layout/types';
+import { DragProps } from '../features/gestures/drag/types';
+import { PressProps } from '../features/gestures/press/types';
+import { HoverProps } from '../features/gestures/hover/types';
+import { InViewProps } from '../features/gestures/in-view/types';
+import { LayoutGroupState } from '../components/context';
+import { PanProps } from '../features/gestures/pan/types';
 type AnimationPlaybackControls = ReturnType<typeof animate>;
 export interface Orchestration {
     delay?: number;
@@ -13,17 +19,11 @@ export interface Orchestration {
 }
 export interface AnimateOptions extends Omit<Orchestration, 'delay'>, DynamicAnimationOptions {
 }
+export type TargetResolver = (custom: any, current: Target, velocity: Target) => TargetAndTransition | string;
 export interface Variant extends DOMKeyframesDefinition {
     transition?: AnimateOptions;
 }
 export type VariantLabels = string | Variant;
-type MarginValue = `${number}${'px' | '%'}`;
-type MarginType = MarginValue | `${MarginValue} ${MarginValue}` | `${MarginValue} ${MarginValue} ${MarginValue}` | `${MarginValue} ${MarginValue} ${MarginValue} ${MarginValue}`;
-export interface InViewOptions {
-    root?: Element | Document;
-    margin?: MarginType;
-    amount?: 'some' | 'all' | number;
-}
 interface BoundingBox {
     top: number;
     right: number;
@@ -38,15 +38,9 @@ export type MotionStyle = Partial<{
     [K in keyof Variant]: Variant[K] | MotionValue;
 }>;
 export type ElementType = keyof IntrinsicElementAttributes;
-export interface Options<T = any> extends LayoutOptions {
+export interface Options<T = any> extends LayoutOptions, PressProps, HoverProps, InViewProps, DragProps, PanProps {
     custom?: T;
     as?: ElementType;
-    inViewOptions?: InViewOptions & {
-        once?: boolean;
-    };
-    inView?: string | Variant;
-    press?: string | Variant;
-    hover?: string | Variant;
     initial?: string | Variant | boolean;
     animate?: string | Variant;
     exit?: string | Variant;
@@ -56,14 +50,7 @@ export interface Options<T = any> extends LayoutOptions {
     style?: MotionStyle;
     transformTemplate?: (transform: TransformProperties, generatedTransform: string) => string;
     transition?: AnimateOptions;
-    onMotionStart?: (target: DOMKeyframesDefinition) => void;
-    onMotionComplete?: (target: DOMKeyframesDefinition) => void;
-    onHoverStart?: (e: PointerEvent) => void;
-    onHoverEnd?: (e: PointerEvent) => void;
-    onPressStart?: (e: PointerEvent) => void;
-    onPressEnd?: (e: PointerEvent) => void;
-    onViewEnter?: (target: Element) => void;
-    onViewLeave?: (target: Element) => void;
+    layoutGroup?: LayoutGroupState;
 }
 export interface MotionStateContext {
     initial?: string;

package/dist/src/utils/clamp.d.ts

@@ -0,0 +1 @@
+export declare function clamp(min: number, max: number, v: number): number;

package/dist/src/utils/get-context-window.d.ts

@@ -0,0 +1,2 @@
+import { VisualElement } from 'framer-motion';
+export declare function getContextWindow({ current }: VisualElement<Element>): Window & typeof globalThis;

package/dist/src/utils/index.d.ts

@@ -2,3 +2,5 @@ export * from './createContext';
 export * from './motion-value';
 export * from './use-in-view';
 export * from './use-animation-frame';
+export * from './time-conversion';
+export * from './get-context-window';

package/dist/src/utils/mix/number.d.ts

@@ -0,0 +1 @@
+export declare function mixNumber(from: number, to: number, progress: number): number;

package/dist/src/utils/noop.d.ts

@@ -0,0 +1 @@
+export declare const noop: <T>(any: T) => T;

package/dist/src/utils/progress.d.ts

@@ -0,0 +1 @@
+export declare function progress(from: number, to: number, value: number): number;

package/dist/src/utils/time-conversion.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Converts seconds to milliseconds
+ *
+ * @param seconds - Time in seconds.
+ * @return milliseconds - Converted time in milliseconds.
+ */
+export declare const secondsToMilliseconds: (seconds: number) => number;
+export declare function millisecondsToSeconds(milliseconds: number): number;

package/dist/src/value/types/numbers/units.d.ts

@@ -0,0 +1,30 @@
+export declare const degrees: {
+    test: (v: string | number) => boolean;
+    parse: typeof parseFloat;
+    transform: (v: number | string) => string;
+};
+export declare const percent: {
+    test: (v: string | number) => boolean;
+    parse: typeof parseFloat;
+    transform: (v: number | string) => string;
+};
+export declare const px: {
+    test: (v: string | number) => boolean;
+    parse: typeof parseFloat;
+    transform: (v: number | string) => string;
+};
+export declare const vh: {
+    test: (v: string | number) => boolean;
+    parse: typeof parseFloat;
+    transform: (v: number | string) => string;
+};
+export declare const vw: {
+    test: (v: string | number) => boolean;
+    parse: typeof parseFloat;
+    transform: (v: number | string) => string;
+};
+export declare const progressPercentage: {
+    parse: (v: string) => number;
+    transform: (v: number) => string;
+    test: (v: string | number) => boolean;
+};

package/dist/src/value/use-will-change/add-will-change.d.ts

@@ -0,0 +1,2 @@
+import { VisualElement } from 'framer-motion';
+export declare function addValueToWillChange(visualElement: VisualElement, key: string): void;

package/dist/src/value/use-will-change/is.d.ts

@@ -0,0 +1,2 @@
+import { WillChange } from './types';
+export declare function isWillChangeMotionValue(value: any): value is WillChange;

package/dist/src/value/use-will-change/types.d.ts

@@ -0,0 +1,4 @@
+import { MotionValue } from 'framer-motion';
+export interface WillChange extends MotionValue {
+    add: (name: string) => void;
+}

package/package.json

@@ -1,13 +1,13 @@
 {
   "name": "motion-v",
-  "version": "0.5.0-beta.1",
+  "version": "0.5.0",
   "description": "",
   "author": "",
   "license": "MIT",
-  "homepage": "https://github.com/rick-hup/motion-vue",
+  "homepage": "https://github.com/unovue/motion-vue",
   "repository": {
     "type": "git",
-    "url": "https://github.com/rick-hup/motion-vue.git"
+    "url": "https://github.com/unovue/motion-vue.git"
   },
   "keywords": [
     "vue",
@@ -53,15 +53,18 @@
   ],
   "dependencies": {
     "@vueuse/core": "^12.0.0",
-    "framer-motion": "11.11.11"
+    "framer-motion": "11.15.0",
+    "hey-listen": "^1.0.8",
+    "motion-dom": "^11.14.3"
   },
   "devDependencies": {
     "@vitejs/plugin-vue": "^5.1.4",
     "@vitejs/plugin-vue-jsx": "^4.0.1",
     "@vitest/coverage-v8": "^1.4.0",
     "@vue/test-utils": "^2.4.5",
-    "framer-motion": "^11.0.0",
+    "framer-motion": "^11.15.0",
     "jsdom": "^24.0.0",
+    "vite": "^5.4.8",
     "vite-plugin-dts": "^4.2.4",
     "vitest": "^1.4.0"
   },

package/dist/es/external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/dom/utils/resolve-element.mjs

@@ -1,23 +0,0 @@
-import { invariant } from "../../../utils/errors.mjs";
-function resolveElements(elements, scope, selectorCache) {
-  var _a;
-  if (typeof elements === "string") {
-    let root = document;
-    if (scope) {
-      invariant(Boolean(scope.current), "Scope provided, but no element detected.");
-      root = scope.current;
-    }
-    if (selectorCache) {
-      (_a = selectorCache[elements]) !== null && _a !== void 0 ? _a : selectorCache[elements] = root.querySelectorAll(elements);
-      elements = selectorCache[elements];
-    } else {
-      elements = root.querySelectorAll(elements);
-    }
-  } else if (elements instanceof Element) {
-    elements = [elements];
-  }
-  return Array.from(elements || []);
-}
-export {
-  resolveElements
-};

package/dist/es/external/.pnpm/hey-listen@1.0.8/external/hey-listen/dist/hey-listen.es.mjs

@@ -1,20 +0,0 @@
-var warning = function() {
-};
-var invariant = function() {
-};
-if (process.env.NODE_ENV !== "production") {
-  warning = function(check, message) {
-    if (!check && typeof console !== "undefined") {
-      console.warn(message);
-    }
-  };
-  invariant = function(check, message) {
-    if (!check) {
-      throw new Error(message);
-    }
-  };
-}
-export {
-  invariant,
-  warning
-};

package/dist/es/features/events.mjs

@@ -1,69 +0,0 @@
-import { Feature } from "./feature.mjs";
-class EventFeature extends Feature {
-  constructor() {
-    super(...arguments);
-    this.handlers = {};
-  }
-  mount() {
-    const element = this.state.element;
-    if (!element)
-      return;
-    this.handlers.motionstart = (event) => {
-      var _a, _b;
-      const target = event.detail.target;
-      (_b = (_a = this.state.getOptions()).onMotionStart) == null ? void 0 : _b.call(_a, target);
-    };
-    this.handlers.motioncomplete = (event) => {
-      var _a, _b;
-      const target = event.detail.target;
-      (_b = (_a = this.state.getOptions()).onMotionComplete) == null ? void 0 : _b.call(_a, target);
-    };
-    this.handlers.hoverstart = (event) => {
-      var _a, _b;
-      const e = event.detail;
-      (_b = (_a = this.state.getOptions()).onHoverStart) == null ? void 0 : _b.call(_a, e);
-    };
-    this.handlers.hoverend = (event) => {
-      var _a, _b;
-      const e = event.detail;
-      (_b = (_a = this.state.getOptions()).onHoverEnd) == null ? void 0 : _b.call(_a, e);
-    };
-    this.handlers.pressstart = (event) => {
-      var _a, _b;
-      const e = event.detail;
-      (_b = (_a = this.state.getOptions()).onPressStart) == null ? void 0 : _b.call(_a, e);
-    };
-    this.handlers.pressend = (event) => {
-      var _a, _b;
-      const e = event.detail;
-      (_b = (_a = this.state.getOptions()).onPressEnd) == null ? void 0 : _b.call(_a, e);
-    };
-    this.handlers.viewenter = (event) => {
-      var _a, _b;
-      const target = event.detail.target;
-      (_b = (_a = this.state.getOptions()).onViewEnter) == null ? void 0 : _b.call(_a, target);
-    };
-    this.handlers.viewleave = (event) => {
-      var _a, _b;
-      const target = event.detail.target;
-      (_b = (_a = this.state.getOptions()).onViewLeave) == null ? void 0 : _b.call(_a, target);
-    };
-    Object.entries(this.handlers).forEach(([event, handler]) => {
-      element.addEventListener(event, handler);
-    });
-  }
-  unmount() {
-    const element = this.state.element;
-    if (!element)
-      return;
-    Object.entries(this.handlers).forEach(([event, handler]) => {
-      if (handler) {
-        element.removeEventListener(event, handler);
-        delete this.handlers[event];
-      }
-    });
-  }
-}
-export {
-  EventFeature
-};

package/dist/es/features/gestures/base.mjs

@@ -1,19 +0,0 @@
-import { Feature } from "../feature.mjs";
-class BaseGesture extends Feature {
-  updateGestureSubscriptions() {
-    const isActive = this.isActive();
-    if (isActive && !this.removeGestureSubscriptions) {
-      this.removeGestureSubscriptions = this.subscribeEvents();
-    } else if (!isActive && this.removeGestureSubscriptions) {
-      this.removeGestureSubscriptions();
-      this.removeGestureSubscriptions = void 0;
-    }
-  }
-  unmount() {
-    var _a;
-    (_a = this.removeGestureSubscriptions) == null ? void 0 : _a.call(this);
-  }
-}
-export {
-  BaseGesture
-};

package/dist/es/features/gestures/hover.mjs

@@ -1,46 +0,0 @@
-import { dispatchPointerEvent } from "../../utils/events.mjs";
-import { BaseGesture } from "./base.mjs";
-function mouseEvent(element, name, action) {
-  return (event) => {
-    if (event.pointerType && event.pointerType !== "mouse")
-      return;
-    action();
-    dispatchPointerEvent(element, name, event);
-  };
-}
-class HoverGesture extends BaseGesture {
-  isActive() {
-    return Boolean(this.state.getOptions().hover);
-  }
-  constructor(state) {
-    super(state);
-    this.subscribeEvents = () => {
-      const element = this.state.element;
-      const onEnter = mouseEvent(element, "hoverstart", () => {
-        this.state.setActive("hover", true);
-      });
-      const onLeave = mouseEvent(element, "hoverend", () => {
-        var _a;
-        this.state.setActive("hover", false);
-        (_a = this.state.visualElement.variantChildren) == null ? void 0 : _a.forEach((child) => {
-          child.state.setActive("hover", false);
-        });
-      });
-      element.addEventListener("pointerenter", onEnter);
-      element.addEventListener("pointerleave", onLeave);
-      return () => {
-        element.removeEventListener("pointerenter", onEnter);
-        element.removeEventListener("pointerleave", onLeave);
-      };
-    };
-  }
-  mount() {
-    this.updateGestureSubscriptions();
-  }
-  update() {
-    this.updateGestureSubscriptions();
-  }
-}
-export {
-  HoverGesture
-};

package/dist/es/features/gestures/in-view.mjs

@@ -1,39 +0,0 @@
-import { dispatchPointerEvent } from "../../utils/events.mjs";
-import { inView } from "../../external/.pnpm/framer-motion@11.11.11/external/framer-motion/dist/es/render/dom/viewport/index.mjs";
-import { BaseGesture } from "./base.mjs";
-class InViewGesture extends BaseGesture {
-  isActive() {
-    return Boolean(this.state.getOptions().inView);
-  }
-  constructor(state) {
-    super(state);
-    this.subscribeEvents = () => {
-      var _a;
-      const element = this.state.element;
-      const { once, ...viewOptions } = ((_a = this.state.getOptions()) == null ? void 0 : _a.inViewOptions) || {};
-      return inView(element, (enterEntry) => {
-        var _a2;
-        this.state.setActive("inView", true);
-        (_a2 = this.state.visualElement.variantChildren) == null ? void 0 : _a2.forEach((child) => {
-          child.state.setActive("inView", true);
-        });
-        dispatchPointerEvent(element, "viewenter", enterEntry);
-        if (!once) {
-          return (leaveEntry) => {
-            this.state.setActive("inView", false);
-            dispatchPointerEvent(element, "viewleave", leaveEntry);
-          };
-        }
-      }, viewOptions);
-    };
-  }
-  mount() {
-    this.updateGestureSubscriptions();
-  }
-  update() {
-    this.updateGestureSubscriptions();
-  }
-}
-export {
-  InViewGesture
-};

package/dist/es/features/gestures/press.mjs

@@ -1,37 +0,0 @@
-import { dispatchPointerEvent } from "../../utils/events.mjs";
-import { BaseGesture } from "./base.mjs";
-class PressGesture extends BaseGesture {
-  isActive() {
-    return Boolean(this.state.getOptions().press);
-  }
-  constructor(state) {
-    super(state);
-    this.subscribeEvents = () => {
-      const element = this.state.element;
-      const onPointerUp = (event) => {
-        this.state.setActive("press", false);
-        dispatchPointerEvent(element, "pressend", event);
-        window.removeEventListener("pointerup", onPointerUp);
-      };
-      const onPointerDown = (event) => {
-        this.state.setActive("press", true);
-        dispatchPointerEvent(element, "pressstart", event);
-        window.addEventListener("pointerup", onPointerUp);
-      };
-      element.addEventListener("pointerdown", onPointerDown);
-      return () => {
-        element.removeEventListener("pointerdown", onPointerDown);
-        window.removeEventListener("pointerup", onPointerUp);
-      };
-    };
-  }
-  mount() {
-    this.updateGestureSubscriptions();
-  }
-  update() {
-    this.updateGestureSubscriptions();
-  }
-}
-export {
-  PressGesture
-};

package/dist/es/utils/events.mjs

@@ -1,8 +0,0 @@
-function dispatchPointerEvent(element, name, event) {
-  element.dispatchEvent(
-    new CustomEvent(name, { detail: { originalEvent: event } })
-  );
-}
-export {
-  dispatchPointerEvent
-};