@sigx/lynx-gestures 0.4.0 → 0.4.2

package/dist/use-pinch.js

@@ -0,0 +1,106 @@
+import { signal } from '@sigx/lynx';
+import { distance, midpoint } from './utils.js';
+/**
+ * Two-finger pinch/zoom gesture.
+ *
+ * Tracks fingers manually since Lynx fires separate touchstart events per
+ * finger (each with touches.length=1). Uses proximity-based matching on
+ * touchmove since Lynx identifiers are unreliable across events.
+ *
+ * NOTE: Requires a device/environment that delivers multi-touch events to
+ * the same element. Some Lynx hosts (e.g. Lynx Explorer on emulator) may
+ * not support this — test on a physical device.
+ */
+export function usePinch(options = {}) {
+    const { onPinch } = options;
+    const state = signal({
+        phase: 'idle',
+        scale: 1,
+        focalX: 0,
+        focalY: 0,
+    });
+    let baseDistance = 0;
+    let active = false;
+    let finger1 = null;
+    let finger2 = null;
+    function onTouchStart(e) {
+        const t = e.touches[0];
+        if (!t)
+            return;
+        if (!finger1) {
+            finger1 = { ...t };
+        }
+        else if (!finger2) {
+            finger2 = { ...t };
+            active = true;
+            baseDistance = distance(finger1.pageX, finger1.pageY, finger2.pageX, finger2.pageY);
+            const [fx, fy] = midpoint(finger1.pageX, finger1.pageY, finger2.pageX, finger2.pageY);
+            state.phase = 'began';
+            state.scale = 1;
+            state.focalX = fx;
+            state.focalY = fy;
+        }
+    }
+    function onTouchMove(e) {
+        if (!active || !finger1 || !finger2)
+            return;
+        const t = e.changedTouches[0];
+        if (!t)
+            return;
+        // Determine which finger moved by proximity
+        const dist1 = distance(t.pageX, t.pageY, finger1.pageX, finger1.pageY);
+        const dist2 = distance(t.pageX, t.pageY, finger2.pageX, finger2.pageY);
+        if (dist1 < dist2) {
+            finger1 = { ...t };
+        }
+        else {
+            finger2 = { ...t };
+        }
+        const currentDist = distance(finger1.pageX, finger1.pageY, finger2.pageX, finger2.pageY);
+        const scale = baseDistance > 0 ? currentDist / baseDistance : 1;
+        const [fx, fy] = midpoint(finger1.pageX, finger1.pageY, finger2.pageX, finger2.pageY);
+        state.phase = 'active';
+        state.scale = scale;
+        state.focalX = fx;
+        state.focalY = fy;
+        onPinch?.(state);
+    }
+    function onTouchEnd() {
+        if (active) {
+            state.phase = 'ended';
+            onPinch?.(state);
+        }
+        active = false;
+        finger1 = null;
+        finger2 = null;
+    }
+    function onTouchCancel() {
+        if (active) {
+            state.phase = 'cancelled';
+            onPinch?.(state);
+        }
+        active = false;
+        finger1 = null;
+        finger2 = null;
+    }
+    function reset() {
+        active = false;
+        finger1 = null;
+        finger2 = null;
+        state.phase = 'idle';
+        state.scale = 1;
+        state.focalX = 0;
+        state.focalY = 0;
+    }
+    return {
+        state,
+        handlers: {
+            bindtouchstart: onTouchStart,
+            bindtouchmove: onTouchMove,
+            bindtouchend: onTouchEnd,
+            bindtouchcancel: onTouchCancel,
+        },
+        reset,
+    };
+}
+//# sourceMappingURL=use-pinch.js.map

package/dist/use-pinch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-pinch.js","sourceRoot":"","sources":["../src/use-pinch.ts"],"names":[],"mappings":"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"}

package/dist/use-rotation.d.ts

@@ -1,4 +1,4 @@
-import type { UseRotationOptions, UseRotationReturn } from './types';
+import type { UseRotationOptions, UseRotationReturn } from './types.js';
 /**
  * Two-finger rotation gesture.
  *

package/dist/use-rotation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"use-rotation.d.ts","sourceRoot":"","sources":["../src/use-rotation.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,kBAAkB,EAClB,iBAAiB,EAIlB,MAAM,SAAS,CAAC;AAGjB;;;;;;;;;GASG;AACH,wBAAgB,WAAW,CAAC,OAAO,GAAE,kBAAuB,GAAG,iBAAiB,CA+G/E"}
+{"version":3,"file":"use-rotation.d.ts","sourceRoot":"","sources":["../src/use-rotation.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,kBAAkB,EAClB,iBAAiB,EAIlB,MAAM,YAAY,CAAC;AAGpB;;;;;;;;;GASG;AACH,wBAAgB,WAAW,CAAC,OAAO,GAAE,kBAAuB,GAAG,iBAAiB,CA+G/E"}

package/dist/use-rotation.js

@@ -0,0 +1,117 @@
+import { signal } from '@sigx/lynx';
+import { angle, angleDelta, distance, midpoint } from './utils.js';
+/**
+ * Two-finger rotation gesture.
+ *
+ * Tracks the angle of the line between two fingers; reports cumulative rotation
+ * in radians from gesture start. Like usePinch, uses proximity-based finger
+ * matching on touchmove (Lynx touch identifiers are not stable across events).
+ *
+ * NOTE: requires multi-touch delivery to the same element. Some Lynx hosts
+ * (Lynx Explorer on emulator) may not support this — test on a physical device.
+ */
+export function useRotation(options = {}) {
+    const { onRotation } = options;
+    const state = signal({
+        phase: 'idle',
+        rotation: 0,
+        velocity: 0,
+        focalX: 0,
+        focalY: 0,
+    });
+    let baseAngle = 0;
+    let prevAngle = 0;
+    let prevTime = 0;
+    let active = false;
+    let finger1 = null;
+    let finger2 = null;
+    function onTouchStart(e) {
+        const t = e.touches[0];
+        if (!t)
+            return;
+        if (!finger1) {
+            finger1 = { ...t };
+        }
+        else if (!finger2) {
+            finger2 = { ...t };
+            active = true;
+            baseAngle = angle(finger1.pageX, finger1.pageY, finger2.pageX, finger2.pageY);
+            prevAngle = baseAngle;
+            prevTime = Date.now();
+            const [fx, fy] = midpoint(finger1.pageX, finger1.pageY, finger2.pageX, finger2.pageY);
+            state.phase = 'began';
+            state.rotation = 0;
+            state.velocity = 0;
+            state.focalX = fx;
+            state.focalY = fy;
+        }
+    }
+    function onTouchMove(e) {
+        if (!active || !finger1 || !finger2)
+            return;
+        const t = e.changedTouches[0];
+        if (!t)
+            return;
+        const dist1 = distance(t.pageX, t.pageY, finger1.pageX, finger1.pageY);
+        const dist2 = distance(t.pageX, t.pageY, finger2.pageX, finger2.pageY);
+        if (dist1 < dist2) {
+            finger1 = { ...t };
+        }
+        else {
+            finger2 = { ...t };
+        }
+        const now = Date.now();
+        const dt = Math.max(now - prevTime, 1);
+        const currentAngle = angle(finger1.pageX, finger1.pageY, finger2.pageX, finger2.pageY);
+        const rotation = angleDelta(baseAngle, currentAngle);
+        const velocity = angleDelta(prevAngle, currentAngle) / dt;
+        const [fx, fy] = midpoint(finger1.pageX, finger1.pageY, finger2.pageX, finger2.pageY);
+        prevAngle = currentAngle;
+        prevTime = now;
+        state.phase = 'active';
+        state.rotation = rotation;
+        state.velocity = velocity;
+        state.focalX = fx;
+        state.focalY = fy;
+        onRotation?.(state);
+    }
+    function onTouchEnd() {
+        if (active) {
+            state.phase = 'ended';
+            onRotation?.(state);
+        }
+        active = false;
+        finger1 = null;
+        finger2 = null;
+    }
+    function onTouchCancel() {
+        if (active) {
+            state.phase = 'cancelled';
+            onRotation?.(state);
+        }
+        active = false;
+        finger1 = null;
+        finger2 = null;
+    }
+    function reset() {
+        active = false;
+        finger1 = null;
+        finger2 = null;
+        state.phase = 'idle';
+        state.rotation = 0;
+        state.velocity = 0;
+        state.focalX = 0;
+        state.focalY = 0;
+    }
+    return {
+        state,
+        handlers: {
+            bindtouchstart: onTouchStart,
+            bindtouchmove: onTouchMove,
+            bindtouchend: onTouchEnd,
+            bindtouchcancel: onTouchCancel,
+        },
+        reset,
+    };
+}
+//# sourceMappingURL=use-rotation.js.map

package/dist/use-rotation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-rotation.js","sourceRoot":"","sources":["../src/use-rotation.ts"],"names":[],"mappings":"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"}

package/dist/use-swiper-dot-progress.d.ts

@@ -0,0 +1,129 @@
+/**
+ * Headless `<Swiper>` indicator hooks.
+ *
+ * `<Swiper>` writes the live scroll offset to a `SharedValue<number>` on
+ * the MT thread every frame. To render an indicator the consumer needs
+ * one binding per element so `useAnimatedStyle` has a stable call-site —
+ * doing that inside `.map()` is fine (per-iteration call-sites are
+ * stable across renders), but the bookkeeping (range math, ref alloc)
+ * is fiddly and easy to get wrong.
+ *
+ * These hooks own the bookkeeping and return a `MainThreadRef` the
+ * caller spreads onto any element they want animated. That keeps the
+ * presentation in user-land (and in `@sigx/lynx-daisyui`'s themed
+ * `SwiperIndicator`) while logic lives here.
+ *
+ * Layering pattern mirrors the daisyui split:
+ *   - `@sigx/lynx-gestures` owns headless logic (this file + the
+ *     `<Swiper>` component itself).
+ *   - `@sigx/lynx-daisyui` ships themed `<SwiperIndicator>` variants
+ *     that consume these hooks and pick colours from `ThemeProvider`.
+ *
+ * @example Custom dot using the opacity hook
+ * ```tsx
+ * function MyDot({ offset, pageWidth, index }) {
+ *   const ref = useSwiperDotProgress({ offset, pageWidth, index });
+ *   return (
+ *     <view
+ *       main-thread:ref={ref}
+ *       style={{ width: '8px', height: '8px', borderRadius: '4px',
+ *                backgroundColor: 'tomato', opacity: '0' }}
+ *     />
+ *   );
+ * }
+ * ```
+ */
+import { type MainThread, type MainThreadRef, type SharedValue } from '@sigx/lynx';
+/** Common per-dot inputs — offset is page-pixel space, index is the dot's page. */
+export interface SwiperDotHookInputs {
+    /** Live MT-thread pixel offset from the Swiper's `offset` prop. */
+    offset: SharedValue<number>;
+    /** Page width in CSS pixels. Must match the Swiper's effective page width. */
+    pageWidth: number;
+    /** Zero-based page index this dot represents. */
+    index: number;
+}
+export interface UseSwiperDotProgressOptions extends SwiperDotHookInputs {
+    /**
+     * Half-width of the input window in `pageWidth` units. The dot's
+     * animation runs from `(index − window) * pageWidth` to
+     * `(index + window) * pageWidth`. Default `1` — adjacent dots
+     * crossfade because their windows overlap.
+     */
+    window?: number;
+    /**
+     * Output values at `[centre − window·pageWidth, centre, centre +
+     * window·pageWidth]`. Default `[0, 1, 0]` (triangular). For "always
+     * active" decoration use `[0, 1, 0]` with opacity; for "scale
+     * pulse" pass e.g. `[1, 1.4, 1]` with channel `'scale'`.
+     */
+    outputRange?: readonly [number, number, number];
+}
+/**
+ * Build a triangular range-map for the given dot index, defaulting to
+ * the opacity crossfade `<SwiperDots>` shipped with previously. Returns
+ * a `MainThreadRef` — spread it onto whatever element you want
+ * animated.
+ */
+export declare function useSwiperDotProgress(opts: UseSwiperDotProgressOptions): MainThreadRef<MainThread.Element | null>;
+/**
+ * Scale-pulse variant — active dot scales up, neighbours scale down to
+ * the inactive baseline. Defaults: inactive `1`, active `1.4`.
+ *
+ * Uniform scale (both axes). For width-axis only growth (pill effect
+ * that keeps the dot's height stable) use `useSwiperDotGrowX` instead.
+ */
+export declare function useSwiperDotScale(opts: SwiperDotHookInputs & {
+    inactive?: number;
+    active?: number;
+    window?: number;
+}): MainThreadRef<MainThread.Element | null>;
+/**
+ * Width-axis growth — the active dot stretches into a pill, neighbours
+ * shrink to a circle. Uses the `scaleX` channel, so the element's
+ * intrinsic size in the layout stays put; only the visual width
+ * changes. If you want surrounding siblings to physically shove apart
+ * use `useSwiperDotWidth` instead (it animates the `width` style
+ * property, which costs a layout pass each frame).
+ */
+export declare function useSwiperDotGrowX(opts: SwiperDotHookInputs & {
+    /** Width multiplier when inactive. Default `1` (the dot's base size). */
+    inactive?: number;
+    /** Width multiplier when active. Default `3` (a pill ~3× as wide as tall). */
+    active?: number;
+    window?: number;
+}): MainThreadRef<MainThread.Element | null>;
+/**
+ * Layout-aware width growth — animates the element's `width` style in
+ * px. Use this when sibling layout must respond (siblings flex away as
+ * the pill grows). Slower than `useSwiperDotGrowX` because every frame
+ * re-runs layout.
+ *
+ * Defaults shape an 8px → 24px pill.
+ */
+export declare function useSwiperDotWidth(opts: SwiperDotHookInputs & {
+    /** Width in CSS pixels when inactive. Default `8`. */
+    inactive?: number;
+    /** Width in CSS pixels when active. Default `24`. */
+    active?: number;
+    window?: number;
+}): MainThreadRef<MainThread.Element | null>;
+/** Inputs for the track-wide translate hook used by the "bar" indicator variant. */
+export interface UseSwiperDotTranslateOptions {
+    offset: SharedValue<number>;
+    /** Page width in CSS pixels. */
+    pageWidth: number;
+    /**
+     * Distance in CSS pixels that one full page of scroll should move
+     * the thumb by — typically `dotWidth + spacing` (the thumb steps to
+     * the next dot's centre when the swiper advances by one page).
+     */
+    step: number;
+}
+/**
+ * Translate a single "thumb" element across the indicator track,
+ * proportional to the swiper's scroll progress. Use for the `bar`
+ * variant where a single pill slides between fixed dots.
+ */
+export declare function useSwiperDotTranslate(opts: UseSwiperDotTranslateOptions): MainThreadRef<MainThread.Element | null>;
+//# sourceMappingURL=use-swiper-dot-progress.d.ts.map

package/dist/use-swiper-dot-progress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-swiper-dot-progress.d.ts","sourceRoot":"","sources":["../src/use-swiper-dot-progress.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,OAAO,EAGL,KAAK,UAAU,EACf,KAAK,aAAa,EAClB,KAAK,WAAW,EAEjB,MAAM,YAAY,CAAC;AAEpB,mFAAmF;AACnF,MAAM,WAAW,mBAAmB;IAClC,mEAAmE;IACnE,MAAM,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC5B,8EAA8E;IAC9E,SAAS,EAAE,MAAM,CAAC;IAClB,iDAAiD;IACjD,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,2BAA4B,SAAQ,mBAAmB;IACtE;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;;;OAKG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;CACjD;AAED;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAClC,IAAI,EAAE,2BAA2B,GAChC,aAAa,CAAC,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC,CAM1C;AAED;;;;;;GAMG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,mBAAmB,GAAG;IAC5D,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,GAAG,aAAa,CAAC,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC,CAW3C;AAED;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,mBAAmB,GAAG;IAC5D,yEAAyE;IACzE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,8EAA8E;IAC9E,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,GAAG,aAAa,CAAC,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC,CAW3C;AAED;;;;;;;GAOG;AACH,wBAAgB,iBAAiB,CAAC,IAAI,EAAE,mBAAmB,GAAG;IAC5D,sDAAsD;IACtD,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qDAAqD;IACrD,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,GAAG,aAAa,CAAC,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC,CAW3C;AAED,oFAAoF;AACpF,MAAM,WAAW,4BAA4B;IAC3C,MAAM,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC5B,gCAAgC;IAChC,SAAS,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,IAAI,EAAE,MAAM,CAAC;CACd;AAED;;;;GAIG;AACH,wBAAgB,qBAAqB,CACnC,IAAI,EAAE,4BAA4B,GACjC,aAAa,CAAC,UAAU,CAAC,OAAO,GAAG,IAAI,CAAC,CAQ1C"}

package/dist/use-swiper-dot-progress.js

@@ -0,0 +1,141 @@
+/**
+ * Headless `<Swiper>` indicator hooks.
+ *
+ * `<Swiper>` writes the live scroll offset to a `SharedValue<number>` on
+ * the MT thread every frame. To render an indicator the consumer needs
+ * one binding per element so `useAnimatedStyle` has a stable call-site —
+ * doing that inside `.map()` is fine (per-iteration call-sites are
+ * stable across renders), but the bookkeeping (range math, ref alloc)
+ * is fiddly and easy to get wrong.
+ *
+ * These hooks own the bookkeeping and return a `MainThreadRef` the
+ * caller spreads onto any element they want animated. That keeps the
+ * presentation in user-land (and in `@sigx/lynx-daisyui`'s themed
+ * `SwiperIndicator`) while logic lives here.
+ *
+ * Layering pattern mirrors the daisyui split:
+ *   - `@sigx/lynx-gestures` owns headless logic (this file + the
+ *     `<Swiper>` component itself).
+ *   - `@sigx/lynx-daisyui` ships themed `<SwiperIndicator>` variants
+ *     that consume these hooks and pick colours from `ThemeProvider`.
+ *
+ * @example Custom dot using the opacity hook
+ * ```tsx
+ * function MyDot({ offset, pageWidth, index }) {
+ *   const ref = useSwiperDotProgress({ offset, pageWidth, index });
+ *   return (
+ *     <view
+ *       main-thread:ref={ref}
+ *       style={{ width: '8px', height: '8px', borderRadius: '4px',
+ *                backgroundColor: 'tomato', opacity: '0' }}
+ *     />
+ *   );
+ * }
+ * ```
+ */
+import { useAnimatedStyle, useMainThreadRef, } from '@sigx/lynx';
+/**
+ * Build a triangular range-map for the given dot index, defaulting to
+ * the opacity crossfade `<SwiperDots>` shipped with previously. Returns
+ * a `MainThreadRef` — spread it onto whatever element you want
+ * animated.
+ */
+export function useSwiperDotProgress(opts) {
+    return useSwiperDotChannel({
+        ...opts,
+        channel: 'opacity',
+        outputRange: opts.outputRange ?? [0, 1, 0],
+    });
+}
+/**
+ * Scale-pulse variant — active dot scales up, neighbours scale down to
+ * the inactive baseline. Defaults: inactive `1`, active `1.4`.
+ *
+ * Uniform scale (both axes). For width-axis only growth (pill effect
+ * that keeps the dot's height stable) use `useSwiperDotGrowX` instead.
+ */
+export function useSwiperDotScale(opts) {
+    const inactive = opts.inactive ?? 1;
+    const active = opts.active ?? 1.4;
+    return useSwiperDotChannel({
+        offset: opts.offset,
+        pageWidth: opts.pageWidth,
+        index: opts.index,
+        window: opts.window,
+        channel: 'scale',
+        outputRange: [inactive, active, inactive],
+    });
+}
+/**
+ * Width-axis growth — the active dot stretches into a pill, neighbours
+ * shrink to a circle. Uses the `scaleX` channel, so the element's
+ * intrinsic size in the layout stays put; only the visual width
+ * changes. If you want surrounding siblings to physically shove apart
+ * use `useSwiperDotWidth` instead (it animates the `width` style
+ * property, which costs a layout pass each frame).
+ */
+export function useSwiperDotGrowX(opts) {
+    const inactive = opts.inactive ?? 1;
+    const active = opts.active ?? 3;
+    return useSwiperDotChannel({
+        offset: opts.offset,
+        pageWidth: opts.pageWidth,
+        index: opts.index,
+        window: opts.window,
+        channel: 'scaleX',
+        outputRange: [inactive, active, inactive],
+    });
+}
+/**
+ * Layout-aware width growth — animates the element's `width` style in
+ * px. Use this when sibling layout must respond (siblings flex away as
+ * the pill grows). Slower than `useSwiperDotGrowX` because every frame
+ * re-runs layout.
+ *
+ * Defaults shape an 8px → 24px pill.
+ */
+export function useSwiperDotWidth(opts) {
+    const inactive = opts.inactive ?? 8;
+    const active = opts.active ?? 24;
+    return useSwiperDotChannel({
+        offset: opts.offset,
+        pageWidth: opts.pageWidth,
+        index: opts.index,
+        window: opts.window,
+        channel: 'width',
+        outputRange: [inactive, active, inactive],
+    });
+}
+/**
+ * Translate a single "thumb" element across the indicator track,
+ * proportional to the swiper's scroll progress. Use for the `bar`
+ * variant where a single pill slides between fixed dots.
+ */
+export function useSwiperDotTranslate(opts) {
+    const ref = useMainThreadRef(null);
+    // factor = step px per pageWidth px of offset. Guard against the
+    // divide-by-zero before first layout — a factor of 0 just parks the
+    // thumb at translateX(0), which is the correct initial position.
+    const factor = opts.pageWidth > 0 ? opts.step / opts.pageWidth : 0;
+    useAnimatedStyle(ref, opts.offset, 'translateX', { factor });
+    return ref;
+}
+function useSwiperDotChannel(opts) {
+    const ref = useMainThreadRef(null);
+    // Guard against pre-layout pageWidth=0: collapsing the inputRange to
+    // [0, 0, 0] would produce divide-by-zero / NaN in interpolateLinear.
+    // Fall back to a non-degenerate window so the binding stays valid; once
+    // layout settles and the parent re-renders with a real pageWidth, the
+    // values flow through normally.
+    const safePageWidth = opts.pageWidth > 0 ? opts.pageWidth : 1;
+    const center = opts.index * safePageWidth;
+    const w = (opts.window ?? 1) * safePageWidth;
+    const params = {
+        inputRange: [center - w, center, center + w],
+        outputRange: [opts.outputRange[0], opts.outputRange[1], opts.outputRange[2]],
+        extrapolate: 'clamp',
+    };
+    useAnimatedStyle(ref, opts.offset, opts.channel, params);
+    return ref;
+}
+//# sourceMappingURL=use-swiper-dot-progress.js.map

package/dist/use-swiper-dot-progress.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-swiper-dot-progress.js","sourceRoot":"","sources":["../src/use-swiper-dot-progress.ts"],"names":[],"mappings":"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"}

package/dist/utils.js

@@ -0,0 +1,25 @@
+// Geometry helpers used by the multi-touch JS-only fallback hooks
+// (`usePinch`, `useRotation`). The arena-driven gesture surface
+// (`Gesture.*` + `useGestureDetector`) computes its own deltas natively;
+// this file is only relevant while the platform's pinch/rotation handlers
+// are unfinished.
+export function distance(x1, y1, x2, y2) {
+    return Math.sqrt((x2 - x1) ** 2 + (y2 - y1) ** 2);
+}
+export function midpoint(x1, y1, x2, y2) {
+    return [(x1 + x2) / 2, (y1 + y2) / 2];
+}
+/** Signed angle in radians from p1 to p2, range (-π, π]. */
+export function angle(x1, y1, x2, y2) {
+    return Math.atan2(y2 - y1, x2 - x1);
+}
+/** Shortest signed angular delta between two radians, range (-π, π]. */
+export function angleDelta(from, to) {
+    let d = to - from;
+    while (d > Math.PI)
+        d -= 2 * Math.PI;
+    while (d <= -Math.PI)
+        d += 2 * Math.PI;
+    return d;
+}
+//# sourceMappingURL=utils.js.map

package/dist/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../src/utils.ts"],"names":[],"mappings":"AAAA,kEAAkE;AAClE,gEAAgE;AAChE,yEAAyE;AACzE,0EAA0E;AAC1E,kBAAkB;AAElB,MAAM,UAAU,QAAQ,CAAC,EAAU,EAAE,EAAU,EAAE,EAAU,EAAE,EAAU;IACrE,OAAO,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;AACpD,CAAC;AAED,MAAM,UAAU,QAAQ,CAAC,EAAU,EAAE,EAAU,EAAE,EAAU,EAAE,EAAU;IACrE,OAAO,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,CAAC,GAAG,CAAC,CAAC,CAAC;AACxC,CAAC;AAED,4DAA4D;AAC5D,MAAM,UAAU,KAAK,CAAC,EAAU,EAAE,EAAU,EAAE,EAAU,EAAE,EAAU;IAClE,OAAO,IAAI,CAAC,KAAK,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,CAAC,CAAC;AACtC,CAAC;AAED,wEAAwE;AACxE,MAAM,UAAU,UAAU,CAAC,IAAY,EAAE,EAAU;IACjD,IAAI,CAAC,GAAG,EAAE,GAAG,IAAI,CAAC;IAClB,OAAO,CAAC,GAAG,IAAI,CAAC,EAAE;QAAE,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,EAAE,CAAC;IACrC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,EAAE;QAAE,CAAC,IAAI,CAAC,GAAG,IAAI,CAAC,EAAE,CAAC;IACvC,OAAO,CAAC,CAAC;AACX,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sigx/lynx-gestures",
-  "version": "0.4.0",
+  "version": "0.4.2",
   "description": "Gesture system for sigx-lynx - declarative composables for tap, pan, pinch, swipe, long press",
   "type": "module",
   "main": "./dist/index.js",
@@ -28,15 +28,15 @@
   "author": "Andreas Ekdahl",
   "license": "MIT",
   "dependencies": {
-    "@sigx/lynx": "^0.4.0"
+    "@sigx/lynx": "^0.4.2"
   },
   "devDependencies": {
-    "@lynx-js/react": "^0.119.0",
+    "@lynx-js/react": "^0.121.0",
+    "@typescript/native-preview": "7.0.0-dev.20260521.1",
     "typescript": "^6.0.3",
-    "vite": "^8.0.12",
-    "@sigx/lynx-runtime-main": "^0.4.0",
-    "@sigx/lynx-testing": "^0.4.0",
-    "@sigx/lynx-plugin": "^0.4.0"
+    "@sigx/lynx-plugin": "^0.4.2",
+    "@sigx/lynx-runtime-main": "^0.4.2",
+    "@sigx/lynx-testing": "^0.4.2"
   },
   "repository": {
     "type": "git",
@@ -51,7 +51,8 @@
     "access": "public"
   },
   "scripts": {
-    "build": "vite build && tsgo --emitDeclarationOnly",
-    "dev": "vite build --watch"
+    "build": "node ../../scripts/clean.mjs dist && tsgo",
+    "dev": "tsgo --watch",
+    "clean": "node ../../scripts/clean.mjs dist .turbo"
   }
 }

package/src/components/Draggable.tsx

@@ -10,7 +10,7 @@ import {
   type Define,
   type MainThread,
 } from '@sigx/lynx';
-import { useScrollContext } from '../scroll-context';
+import { useScrollContext } from '../scroll-context.js';
 
 export interface DragEndDetail {
   x: number;