@kitlangton/solid-motion 0.1.0

package/dist/source/value/use-velocity.js

@@ -0,0 +1,17 @@
+import { cancelFrame, frame } from "motion-dom";
+import { onCleanup } from "solid-js";
+import { useMotionValue } from "./use-motion-value";
+import { useMotionValueEvent } from "./use-motion-value-event";
+/** Track velocity, including its return to zero after the source stops changing. */
+export function useVelocity(value) {
+    const velocity = useMotionValue(value.getVelocity());
+    const update = () => {
+        const latest = value.getVelocity();
+        velocity.set(latest);
+        if (latest)
+            frame.update(update);
+    };
+    useMotionValueEvent(value, "change", () => frame.update(update, false, true));
+    onCleanup(() => cancelFrame(update));
+    return velocity;
+}

package/dist/utils/distance.d.ts

@@ -0,0 +1,3 @@
+import { Point } from "motion-utils";
+export declare const distance: (a: number, b: number) => number;
+export declare function distance2D(a: Point, b: Point): number;

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

@@ -0,0 +1,2 @@
+import type { VisualElement } from "motion-dom";
+export declare const getContextWindow: ({ current }: VisualElement<Element>) => (Window & typeof globalThis) | null;

package/dist/utils/is-ref-object.d.ts

@@ -0,0 +1,2 @@
+import { MutableRefObject } from "./safe-react-types";
+export declare function isRefObject<E = any>(ref: any): ref is MutableRefObject<E>;

package/dist/utils/safe-react-types.d.ts

@@ -0,0 +1,3 @@
+export type MutableRefObject<T> = {
+    current: T;
+};

package/dist/utils/use-reduced-motion.d.ts

@@ -0,0 +1,6 @@
+import { type Accessor } from "solid-js";
+/**
+ * Reactive device preference. Read as `shouldReduceMotion()` in tracked code.
+ * Returns null on the server or when matchMedia is unavailable.
+ */
+export declare function useReducedMotion(): Accessor<boolean | null>;

package/dist/value/use-motion-value-event.d.ts

@@ -0,0 +1,3 @@
+import type { MotionValue, MotionValueEventCallbacks } from "motion-dom";
+/** Subscribe during setup and unsubscribe when the Solid owner is disposed. */
+export declare function useMotionValueEvent<V, EventName extends keyof MotionValueEventCallbacks<V>>(value: MotionValue<V>, event: EventName, callback: MotionValueEventCallbacks<V>[EventName]): void;

package/dist/value/use-motion-value.d.ts

@@ -0,0 +1,5 @@
+import { type MotionValue } from "motion-dom";
+/**
+ * Creates a MotionValue to track state and velocity.
+ */
+export declare function useMotionValue<T>(initial: T): MotionValue<T>;

package/dist/value/use-spring.d.ts

@@ -0,0 +1,5 @@
+import { MotionValue, SpringOptions } from "motion-dom";
+export declare function useSpring(source: MotionValue<string>, options?: SpringOptions): MotionValue<string>;
+export declare function useSpring(source: string, options?: SpringOptions): MotionValue<string>;
+export declare function useSpring(source: MotionValue<number>, options?: SpringOptions): MotionValue<number>;
+export declare function useSpring(source: number, options?: SpringOptions): MotionValue<number>;

package/dist/value/use-transform.d.ts

@@ -0,0 +1,9 @@
+import { AnyResolvedKeyframe, MotionValue, TransformOptions } from "motion-dom";
+export type InputRange = number[];
+type SingleTransformer<I, O> = (input: I) => O;
+type MultiTransformer<I, O> = (input: I[]) => O;
+export declare function useTransform<I, O>(value: MotionValue<number>, inputRange: InputRange, outputRange: O[], options?: TransformOptions<O>): MotionValue<O>;
+export declare function useTransform<I, O>(input: MotionValue<I>, transformer: SingleTransformer<I, O>): MotionValue<O>;
+export declare function useTransform<I, O>(input: MotionValue<string>[] | MotionValue<number>[] | MotionValue<AnyResolvedKeyframe>[], transformer: MultiTransformer<I, O>): MotionValue<O>;
+export declare function useTransform<I, O>(transformer: () => O): MotionValue<O>;
+export {};

package/dist/value/use-velocity.d.ts

@@ -0,0 +1,3 @@
+import { type MotionValue } from "motion-dom";
+/** Track velocity, including its return to zero after the source stops changing. */
+export declare function useVelocity(value: MotionValue<number>): MotionValue<number>;

package/package.json

@@ -0,0 +1,61 @@
+{
+  "name": "@kitlangton/solid-motion",
+  "version": "0.1.0",
+  "description": "Motion for SolidJS: springs, presence, drag and gestures on Motion's engine.",
+  "license": "MIT",
+  "author": "Kit Langton",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/kitlangton/solid-motion.git",
+    "directory": "packages/solid-motion"
+  },
+  "keywords": [
+    "solid",
+    "solidjs",
+    "motion",
+    "animation",
+    "spring",
+    "presence",
+    "gestures",
+    "drag"
+  ],
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "solid": "./dist/source/index.js",
+      "node": "./dist/server.js",
+      "default": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md",
+    "LICENSE"
+  ],
+  "sideEffects": false,
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "rm -rf dist && tsc -p tsconfig.build.json && tsc -p tsconfig.source.json && vite build && SOLID_MOTION_TARGET=server vite build",
+    "typecheck": "tsc -p tsconfig.json --noEmit",
+    "prepublishOnly": "bun run typecheck && bun run build"
+  },
+  "dependencies": {
+    "motion-dom": "^12.30.0",
+    "motion-utils": "^12.29.2"
+  },
+  "peerDependencies": {
+    "solid-js": "^1.8.0"
+  },
+  "devDependencies": {
+    "solid-js": "^1.8.0",
+    "typescript": "^5.4.0",
+    "vite": "^6.4.2",
+    "vite-plugin-solid": "^2.11.0"
+  }
+}