@sigx/lynx-gestures 0.4.0 → 0.4.2

package/dist/components/Pressable.js.map

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

package/dist/components/ScrollView.js

@@ -0,0 +1,85 @@
+import { jsx as _jsx } from "@sigx/lynx/jsx-runtime";
+import { component, signal, useSharedValue, useMainThreadRef, defineProvide, } from '@sigx/lynx';
+import { useScrollContext } from '../scroll-context.js';
+/**
+ * MT-thread `<scroll-view>` wrapper that mirrors scroll position into a
+ * `SharedValue`. Pair with `useAnimatedStyle` for parallax / fade / scale
+ * effects driven by scroll, all running on MT with zero per-frame thread
+ * crossings.
+ *
+ * The component is the API; the inline `'main thread'` worklet, the
+ * `__FlushElementTree()` trigger, and the runtime registration are all
+ * internal. Users just pass a `SharedValue<number>` for the axis they care
+ * about — same shape as `<Draggable translateX={tx}>`.
+ *
+ * @example Parallax header
+ * ```tsx
+ * const scrollY = useSharedValue(0);
+ * const headerRef = useMainThreadRef<MainThread.Element | null>(null);
+ *
+ * useAnimatedStyle(headerRef, scrollY, 'translateY', {
+ *   inputRange: [0, 300], outputRange: [0, -150], extrapolate: 'clamp',
+ * });
+ *
+ * <ScrollView offsetY={scrollY}>
+ *   <view main-thread:ref={headerRef}><image src={hero} /></view>
+ *   <text>Body…</text>
+ * </ScrollView>
+ * ```
+ *
+ * @example BG-reactive scroll readout
+ * ```tsx
+ * const scrollY = useSharedValue(0);
+ * <ScrollView offsetY={scrollY}>...</ScrollView>
+ * <text>Scrolled: {scrollY.value.toFixed(0)}px</text>
+ * ```
+ */
+export const ScrollView = component(({ props, slots }) => {
+    // Always allocate fallback SharedValues — hooks must run unconditionally.
+    // The render closure picks between own/external; the worklet always sees
+    // a defined SharedValue in its `_c` capture.
+    const ownX = useSharedValue(0);
+    const ownY = useSharedValue(0);
+    // Phase 2.12 ScrollView ↔ child-gesture coordination. Descendant
+    // `<Draggable>` / `<Swipeable>` flip this signal during their drag so the
+    // UIKit `panGestureRecognizer` (which doesn't participate in the new
+    // gesture arena) yields the touch. See `scroll-context.ts` for the why.
+    const dragging = signal(false);
+    // Phase 2.13: publish the scroll-view's element ref through the context so
+    // descendants can drive scroll directly from worklets (e.g. <Draggable
+    // edgeScroll>). Captured at setup so the worklet `_c` map sees a stable
+    // ref identity.
+    const scrollViewRef = useMainThreadRef(null);
+    // Pick the axis SVs once; the same identity is shared with descendants via
+    // the context (so they can read live scroll position) and used at render
+    // time for the bindscroll worklet's `_c` capture.
+    const x = props.offsetX ?? ownX;
+    const y = props.offsetY ?? ownY;
+    const scrollOrientation = props['scroll-orientation'] ?? 'vertical';
+    defineProvide(useScrollContext, () => ({
+        dragging,
+        scrollViewRef,
+        offsetX: x,
+        offsetY: y,
+        scrollOrientation,
+    }));
+    return () => {
+        // Compose user-passed enable-scroll with the descendant-driven flag:
+        // both must be true. User can still force-lock by passing `false`.
+        const userEnableScroll = props['enable-scroll'] ?? true;
+        const enableScroll = userEnableScroll && !dragging.value;
+        return (_jsx("scroll-view", { "main-thread:ref": scrollViewRef, "scroll-orientation": scrollOrientation, "enable-scroll": enableScroll, class: props.class, style: props.style, "main-thread-bindscroll": (e) => {
+                'main thread';
+                y.current.value = e.detail.scrollTop;
+                x.current.value = e.detail.scrollLeft;
+                // Apply useAnimatedStyle bindings on the same frame. Inlined
+                // (rather than calling a helper) because plain function imports
+                // don't survive worklet `_c` capture across the MT bundle —
+                // same constraint @sigx/lynx-motion's `animate()` documents.
+                const __flush = globalThis['__FlushElementTree'];
+                if (__flush)
+                    __flush();
+            }, children: slots.default?.() }));
+    };
+});
+//# sourceMappingURL=ScrollView.js.map

package/dist/components/ScrollView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ScrollView.js","sourceRoot":"","sources":["../../src/components/ScrollView.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,SAAS,EACT,MAAM,EACN,cAAc,EACd,gBAAgB,EAChB,aAAa,GAId,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAiBxD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,SAAS,CAAkB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE;IACxE,0EAA0E;IAC1E,yEAAyE;IACzE,6CAA6C;IAC7C,MAAM,IAAI,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC;IAC/B,MAAM,IAAI,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC;IAE/B,iEAAiE;IACjE,0EAA0E;IAC1E,qEAAqE;IACrE,wEAAwE;IACxE,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAE/B,2EAA2E;IAC3E,uEAAuE;IACvE,wEAAwE;IACxE,gBAAgB;IAChB,MAAM,aAAa,GAAG,gBAAgB,CAA4B,IAAI,CAAC,CAAC;IAExE,2EAA2E;IAC3E,yEAAyE;IACzE,kDAAkD;IAClD,MAAM,CAAC,GAAwB,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC;IACrD,MAAM,CAAC,GAAwB,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC;IACrD,MAAM,iBAAiB,GAAG,KAAK,CAAC,oBAAoB,CAAC,IAAI,UAAU,CAAC;IAEpE,aAAa,CAAC,gBAAgB,EAAE,GAAG,EAAE,CAAC,CAAC;QACrC,QAAQ;QACR,aAAa;QACb,OAAO,EAAE,CAAC;QACV,OAAO,EAAE,CAAC;QACV,iBAAiB;KAClB,CAAC,CAAC,CAAC;IAEJ,OAAO,GAAG,EAAE;QACV,qEAAqE;QACrE,mEAAmE;QACnE,MAAM,gBAAgB,GAAG,KAAK,CAAC,eAAe,CAAC,IAAI,IAAI,CAAC;QACxD,MAAM,YAAY,GAAG,gBAAgB,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC;QACzD,OAAO,CACL,yCACmB,aAAa,wBACV,iBAAiB,mBACtB,YAAY,EAC3B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,KAAK,CAAC,KAAK,4BACM,CAAC,CAAM,EAAE,EAAE;gBACjC,aAAa,CAAC;gBACd,CAAC,CAAC,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC;gBACrC,CAAC,CAAC,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC,MAAM,CAAC,UAAU,CAAC;gBACtC,6DAA6D;gBAC7D,gEAAgE;gBAChE,4DAA4D;gBAC5D,6DAA6D;gBAC7D,MAAM,OAAO,GAAI,UAAsC,CAAC,oBAAoB,CAA6B,CAAC;gBAC1G,IAAI,OAAO;oBAAE,OAAO,EAAE,CAAC;YACzB,CAAC,YAEA,KAAK,CAAC,OAAO,EAAE,EAAE,GACN,CACf,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/Swipeable.js

@@ -0,0 +1,165 @@
+import { jsx as _jsx, jsxs as _jsxs } from "@sigx/lynx/jsx-runtime";
+import { component, useMainThreadRef, useSharedValue, useAnimatedStyle, runOnBackground, Gesture, useGestureDetector, } from '@sigx/lynx';
+import { useScrollContext } from '../scroll-context.js';
+/**
+ * Horizontal swipe-to-reveal container, built on the native gesture arena
+ * via `Gesture.Pan().axis('x')`. The foreground is dragged horizontally on
+ * the MT thread; on release it snaps to one of three resting positions
+ * (closed / open-left / open-right) using `MTElementWrapper.animate()`.
+ * Open and close events are dispatched to BG via `runOnBackground`.
+ *
+ * Migrated from a 4-`bindtouch*`-worklet implementation to a single
+ * `Gesture.Pan()` (Phase 2.12). Carries the same Phase 2.11 quirks:
+ *   - `.onBegin(() => {})` no-op is load-bearing on iOS Pan to gate
+ *     `_isInvokedBegin` open so onStart/onEnd fire.
+ *   - `e.params.pageX` (not `e.pageX`) — Lynx pan event nests the touch
+ *     payload under `params`.
+ *
+ * Supply `leftActions` and/or `rightActions` as render-prop functions:
+ *
+ * ```tsx
+ * <Swipeable
+ *   rightActions={() => <view><text>Delete</text></view>}
+ *   onSwipeOpen={(e) => console.log('opened', e.side)}
+ * >
+ *   <view><text>Row content</text></view>
+ * </Swipeable>
+ * ```
+ *
+ * **Scroll composition** (Phase 2.12.3): nesting `<Swipeable>` inside
+ * `<ScrollView>` is automatic — `useScrollContext` is read at setup and
+ * the BG-side onStart/onEnd handlers flip `scrollCtx.dragging` so the
+ * parent yields its UIKit pan for the duration of the swipe. No consumer
+ * wiring required.
+ */
+export const Swipeable = component(({ props, slots, emit }) => {
+    const fgRef = useMainThreadRef(null);
+    // Drive the foreground transform via a SharedValue so external animations
+    // could compose if we ever wanted spring snaps. For now we still call
+    // `.animate()` on the element directly for the snap; the SV is only the
+    // intermediate write target during the drag.
+    const tx = useSharedValue(0);
+    useAnimatedStyle(fgRef, tx, 'translateX');
+    const drag = useMainThreadRef({
+        startPageX: 0,
+        offsetX: 0,
+        currentX: 0,
+    });
+    // Coordinate with the parent <ScrollView> (Phase 2.12.3) — see Draggable
+    // for the why. Null when no ancestor ScrollView.
+    const scrollCtx = useScrollContext();
+    const leftWidth = props.leftActionsWidth ?? 100;
+    const rightWidth = props.rightActionsWidth ?? 100;
+    const snapThreshold = props.snapThreshold ?? 60;
+    const snapDuration = props.snapDuration ?? 200;
+    const hasLeft = !!props.leftActions;
+    const hasRight = !!props.rightActions;
+    const upper = hasLeft ? leftWidth : 0;
+    const lower = hasRight ? -rightWidth : 0;
+    const pan = Gesture.Pan()
+        .axis('x')
+        // Empty onBegin gates `_isInvokedBegin` open on iOS so onStart/onEnd fire.
+        .onBegin(() => {
+        'main thread';
+    })
+        .onStart((e) => {
+        'main thread';
+        const p = e && e.params;
+        drag.current.startPageX = (p && p.pageX) || 0;
+        drag.current.offsetX = drag.current.currentX;
+        // Tell the parent ScrollView (if any) we own the touch.
+        runOnBackground(() => {
+            if (scrollCtx)
+                scrollCtx.dragging.value = true;
+        })();
+    })
+        .onUpdate((e) => {
+        'main thread';
+        const p = e && e.params;
+        const pageX = (p && p.pageX) || 0;
+        let x = drag.current.offsetX + (pageX - drag.current.startPageX);
+        if (x > upper)
+            x = upper;
+        if (x < lower)
+            x = lower;
+        tx.current.value = x;
+        // Bridge the binding on the same frame so the foreground tracks the
+        // finger without a vsync delay (same trick as Draggable).
+        const __flush = globalThis['__FlushElementTree'];
+        if (__flush)
+            __flush();
+    })
+        .onEnd(() => {
+        'main thread';
+        const x = tx.current.value;
+        // Snap to closest resting position.
+        let target = 0;
+        if (hasLeft && x > snapThreshold)
+            target = leftWidth;
+        else if (hasRight && x < -snapThreshold)
+            target = -rightWidth;
+        fgRef.current?.animate([
+            { transform: 'translateX(' + x + 'px)' },
+            { transform: 'translateX(' + target + 'px)' },
+        ], { duration: snapDuration, fill: 'forwards', easing: 'cubic-bezier(0.2, 0.8, 0.2, 1)' })?.play();
+        // Keep the SV in sync with the snap target so subsequent drags don't
+        // jump back to the pre-animate position.
+        tx.current.value = target;
+        const wasOpen = drag.current.currentX !== 0;
+        const nowOpen = target !== 0;
+        drag.current.currentX = target;
+        // Always release the parent ScrollView's claim, regardless of snap.
+        // Bundled into the same runOnBackground call as the emit so we only
+        // pay one cross-thread hop.
+        if (nowOpen) {
+            const side = target > 0 ? 'left' : 'right';
+            runOnBackground((s) => {
+                if (scrollCtx)
+                    scrollCtx.dragging.value = false;
+                emit('swipeOpen', { side: s });
+            })(side);
+        }
+        else if (wasOpen) {
+            runOnBackground(() => {
+                if (scrollCtx)
+                    scrollCtx.dragging.value = false;
+                emit('swipeClose');
+            })();
+        }
+        else {
+            // Closed→closed: still need to release the ScrollView claim.
+            runOnBackground(() => {
+                if (scrollCtx)
+                    scrollCtx.dragging.value = false;
+            })();
+        }
+    });
+    useGestureDetector(fgRef, pan);
+    return () => (_jsxs("view", { class: props.class, style: {
+            position: 'relative',
+            overflow: 'hidden',
+            ...(props.style || {}),
+        }, children: [hasLeft ? (_jsx("view", { style: {
+                    position: 'absolute',
+                    left: '0',
+                    top: '0',
+                    bottom: '0',
+                    width: leftWidth + 'px',
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                }, children: props.leftActions() })) : null, hasRight ? (_jsx("view", { style: {
+                    position: 'absolute',
+                    right: '0',
+                    top: '0',
+                    bottom: '0',
+                    width: rightWidth + 'px',
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                }, children: props.rightActions() })) : null, _jsx("view", { "main-thread:ref": fgRef, style: {
+                    position: 'relative',
+                    ...(props.foregroundStyle || {}),
+                }, children: slots.default?.() })] }));
+});
+//# sourceMappingURL=Swipeable.js.map

package/dist/components/Swipeable.js.map

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

package/dist/components/Swiper.d.ts

@@ -0,0 +1,65 @@
+import { type SharedValue, type Define } from '@sigx/lynx';
+import type { PrimitiveSignal } from '@sigx/reactivity';
+export type SwiperProps<T = unknown> = 
+/**
+ * The items to render — one page per item. Switched from slot-based
+ * children because horizontal `<scroll-view>` children need explicit
+ * pixel widths (Lynx doesn't resolve `width: 100%` against the viewport
+ * in a horizontal scroller), so the Swiper has to own the page wrapper.
+ */
+Define.Prop<'items', readonly T[], true>
+/** Per-item renderer. Output is wrapped in a page-width sized `<view>`. */
+ & Define.Prop<'renderItem', (item: T, index: number) => unknown, true>
+/** Optional key extractor — defaults to the item's array index. */
+ & Define.Prop<'keyExtractor', (item: T, index: number) => string | number, false>
+/**
+ * Page width in CSS pixels. Defaults to the Swiper's own measured
+ * container width via `useElementLayout`, falling back to
+ * `lynx.SystemInfo.pixelWidth / pixelRatio` before the first layout
+ * pass.
+ */
+ & Define.Prop<'width', number, false>
+/** Page height in CSS pixels — applied to each page wrapper. */
+ & Define.Prop<'height', number | string, false>
+/**
+ * Externally-observable current page (whole units). Updated from
+ * `bindscroll` as the user pans. Writes from outside (e.g.
+ * `idx.value = 2`) glide the swiper to that page via the native
+ * `<scroll-view>.scrollTo` UI method.
+ */
+ & Define.Prop<'index', PrimitiveSignal<number>, false>
+/** Page to render first (uncontrolled-initial). */
+ & Define.Prop<'initialIndex', number, false>
+/**
+ * MT-thread live pixel offset, updated every scroll frame from the
+ * native scroll-view's `scrollLeft`.
+ */
+ & Define.Prop<'offset', SharedValue<number>, false> & Define.Prop<'class', string, false> & Define.Prop<'style', Record<string, string | number>, false>
+/** Emitted (BG) when the page-rounded `scrollLeft / width` changes. */
+ & Define.Event<'pageChange', {
+    index: number;
+}>;
+/**
+ * Paged horizontal carousel built on Lynx's native `<scroll-view
+ * paging-enabled>` — native snap, no MTS pan handling required for the
+ * happy path. Items are rendered into page-sized `<view>` wrappers (the
+ * Swiper owns the sizing so Lynx's horizontal scroller has explicit
+ * widths to lay out against; `width: 100%` does NOT resolve to the
+ * viewport for `<scroll-view scroll-orientation="horizontal">` children).
+ *
+ * @example
+ * ```tsx
+ * const idx = signal(0);
+ * const offset = useSharedValue(0);
+ * <Swiper
+ *   items={photos}
+ *   index={idx}
+ *   offset={offset}
+ *   renderItem={(src) => (
+ *     <image src={src} mode="aspectFit" style={{ width: '100%', height: '100%' }} />
+ *   )}
+ * />
+ * ```
+ */
+export declare const Swiper: <T>(props: SwiperProps<T>) => unknown;
+//# sourceMappingURL=Swiper.d.ts.map

package/dist/components/Swiper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Swiper.d.ts","sourceRoot":"","sources":["../../src/components/Swiper.tsx"],"names":[],"mappings":"AAAA,OAAO,EAQL,KAAK,WAAW,EAChB,KAAK,MAAM,EAEZ,MAAM,YAAY,CAAC;AACpB,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAkCxD,MAAM,MAAM,WAAW,CAAC,CAAC,GAAG,OAAO;AACjC;;;;;GAKG;AACD,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,SAAS,CAAC,EAAE,EAAE,IAAI,CAAC;AAC1C,2EAA2E;GACzE,MAAM,CAAC,IAAI,CAAC,YAAY,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,OAAO,EAAE,IAAI,CAAC;AACtE,mEAAmE;GACjE,MAAM,CAAC,IAAI,CAAC,cAAc,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,EAAE,KAAK,CAAC;AACjF;;;;;GAKG;GACD,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC;AACrC,gEAAgE;GAC9D,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,EAAE,KAAK,CAAC;AAC/C;;;;;GAKG;GACD,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,eAAe,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC;AACtD,mDAAmD;GACjD,MAAM,CAAC,IAAI,CAAC,cAAc,EAAE,MAAM,EAAE,KAAK,CAAC;AAC5C;;;GAGG;GACD,MAAM,CAAC,IAAI,CAAC,QAAQ,EAAE,WAAW,CAAC,MAAM,CAAC,EAAE,KAAK,CAAC,GACjD,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,CAAC,GACnC,MAAM,CAAC,IAAI,CAAC,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,EAAE,KAAK,CAAC;AAC9D,uEAAuE;GACrE,MAAM,CAAC,KAAK,CAAC,YAAY,EAAE;IAAE,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC,CAAC;AAElD;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,MAAM,EA+Fb,CAAC,CAAC,EAAE,KAAK,EAAE,WAAW,CAAC,CAAC,CAAC,KAAK,OAAO,CAAC"}

package/dist/components/Swiper.js

@@ -0,0 +1,124 @@
+import { jsx as _jsx } from "@sigx/lynx/jsx-runtime";
+import { component, effect, runOnMainThread, signal, useElementLayout, useMainThreadRef, useSharedValue, } from '@sigx/lynx';
+const SCREEN_WIDTH_FALLBACK = (() => {
+    try {
+        const info = typeof lynx !== 'undefined' ? lynx?.SystemInfo : undefined;
+        const px = info?.pixelWidth;
+        const pr = info?.pixelRatio || 1;
+        if (typeof px === 'number' && px > 0)
+            return Math.round(px / pr);
+    }
+    catch {
+        /* ignore */
+    }
+    return 400;
+})();
+const SCREEN_HEIGHT_FALLBACK = (() => {
+    try {
+        const info = typeof lynx !== 'undefined' ? lynx?.SystemInfo : undefined;
+        const px = info?.pixelHeight;
+        const pr = info?.pixelRatio || 1;
+        if (typeof px === 'number' && px > 0)
+            return Math.round(px / pr);
+    }
+    catch {
+        /* ignore */
+    }
+    return 800;
+})();
+/**
+ * Paged horizontal carousel built on Lynx's native `<scroll-view
+ * paging-enabled>` — native snap, no MTS pan handling required for the
+ * happy path. Items are rendered into page-sized `<view>` wrappers (the
+ * Swiper owns the sizing so Lynx's horizontal scroller has explicit
+ * widths to lay out against; `width: 100%` does NOT resolve to the
+ * viewport for `<scroll-view scroll-orientation="horizontal">` children).
+ *
+ * @example
+ * ```tsx
+ * const idx = signal(0);
+ * const offset = useSharedValue(0);
+ * <Swiper
+ *   items={photos}
+ *   index={idx}
+ *   offset={offset}
+ *   renderItem={(src) => (
+ *     <image src={src} mode="aspectFit" style={{ width: '100%', height: '100%' }} />
+ *   )}
+ * />
+ * ```
+ */
+export const Swiper = component(({ props, emit }) => {
+    const ownOffset = useSharedValue(0);
+    const ownIndex = signal(props.initialIndex ?? 0);
+    const { layout, onLayoutChange } = useElementLayout();
+    const scrollRef = useMainThreadRef(null);
+    // Resolve the controlled-vs-uncontrolled signal/offset once at setup so the
+    // BG→MT reactive bridge below and the render closure share the same instance.
+    const offset = props.offset ?? ownOffset;
+    const idx = props.index ?? ownIndex;
+    // BG→MT bridge: when external code (or a dot tap) writes `idx.value = N`,
+    // we invoke the native `<scroll-view>.scrollTo` UI method on MT so the
+    // animation runs with platform physics (the same easing the user gets when
+    // they fling-snap). The dedup runs MT-side against the live scroll offset
+    // so we don't re-invoke for writes that just mirror a finished snap.
+    const scrollOnMT = runOnMainThread((index, pageW) => {
+        'main thread';
+        const el = scrollRef.current;
+        if (!el || pageW <= 0)
+            return;
+        const target = index * pageW;
+        const current = offset.current.value;
+        if (Math.abs(current - target) < 0.5)
+            return;
+        el.invoke('scrollTo', { index, smooth: true });
+    });
+    effect(() => {
+        const v = idx.value;
+        if (typeof v !== 'number')
+            return;
+        const pw = props.width
+            ?? (layout.value && layout.value.width > 0 ? layout.value.width : undefined)
+            ?? SCREEN_WIDTH_FALLBACK;
+        scrollOnMT(v, pw);
+    });
+    return () => {
+        const pageWidth = props.width
+            ?? (layout.value && layout.value.width > 0 ? layout.value.width : undefined)
+            ?? SCREEN_WIDTH_FALLBACK;
+        // Lynx horizontal `<scroll-view>` doesn't resolve `height: 100%` on
+        // children (same constraint as width), so the page wrapper needs a
+        // pixel value. Use the measured layout height when available; the
+        // screen-height fallback covers the first paint. Guard against the
+        // `0 ?? fallback` gotcha — a zero-sized layout report (e.g. before
+        // first paint) must fall through to the fallback.
+        const measuredHeight = layout.value && layout.value.height > 0 ? layout.value.height : undefined;
+        const pageHeight = props.height
+            ?? measuredHeight
+            ?? SCREEN_HEIGHT_FALLBACK;
+        const initialScrollLeft = (props.initialIndex ?? 0) * pageWidth;
+        const items = props.items;
+        const keyOf = props.keyExtractor;
+        return (_jsx("scroll-view", { "main-thread:ref": scrollRef, "scroll-orientation": "horizontal", "paging-enabled": true, "show-scrollbar": false, bounces: true, "scroll-left": initialScrollLeft, class: props.class, style: { width: '100%', ...(props.style || {}) }, bindlayoutchange: onLayoutChange, "main-thread-bindscroll": (e) => {
+                'main thread';
+                offset.current.value = e.detail.scrollLeft;
+                const __flush = globalThis['__FlushElementTree'];
+                if (__flush)
+                    __flush();
+            }, bindscroll: (e) => {
+                if (pageWidth <= 0)
+                    return;
+                const next = Math.round(e.detail.scrollLeft / pageWidth);
+                if (next !== idx.value) {
+                    idx.value = next;
+                    emit('pageChange', { index: next });
+                }
+            }, children: items.map((item, i) => (_jsx("view", { style: {
+                    width: pageWidth + 'px',
+                    height: typeof pageHeight === 'number' ? pageHeight + 'px' : pageHeight,
+                    flexShrink: 0,
+                    flexGrow: 0,
+                }, children: props.renderItem(item, i) }, keyOf ? String(keyOf(item, i)) : String(i)))) }));
+    };
+});
+//# sourceMappingURL=Swiper.js.map

package/dist/components/Swiper.js.map

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

package/dist/index.d.ts

@@ -1,16 +1,20 @@
-export { usePinch } from './use-pinch';
-export { useRotation } from './use-rotation';
+export { usePinch } from './use-pinch.js';
+export { useRotation } from './use-rotation.js';
 export { useSharedValue, SharedValue, useAnimatedValue, AnimatedValue, useAnimatedStyle, resetAnimatedStyleBindingIds, } from '@sigx/lynx';
 export type { SharedValueState, AnimatedValueState, BuiltinMapperName, MapperParams, } from '@sigx/lynx';
-export { Pressable } from './components/Pressable';
-export type { PressableProps } from './components/Pressable';
-export { Draggable } from './components/Draggable';
-export type { DraggableProps, DragEndDetail } from './components/Draggable';
-export { Swipeable } from './components/Swipeable';
-export type { SwipeableProps, SwipeSide } from './components/Swipeable';
-export { ScrollView } from './components/ScrollView';
-export type { ScrollViewProps } from './components/ScrollView';
-export { useScrollContext } from './scroll-context';
-export type { ScrollContext } from './scroll-context';
-export type { TouchPoint, TouchEvent, GesturePhase, GestureHandlers, PinchState, UsePinchOptions, UsePinchReturn, RotationState, UseRotationOptions, UseRotationReturn, } from './types';
+export { Pressable } from './components/Pressable.js';
+export type { PressableProps } from './components/Pressable.js';
+export { Draggable } from './components/Draggable.js';
+export type { DraggableProps, DragEndDetail } from './components/Draggable.js';
+export { Swipeable } from './components/Swipeable.js';
+export type { SwipeableProps, SwipeSide } from './components/Swipeable.js';
+export { ScrollView } from './components/ScrollView.js';
+export type { ScrollViewProps } from './components/ScrollView.js';
+export { Swiper } from './components/Swiper.js';
+export type { SwiperProps } from './components/Swiper.js';
+export { useSwiperDotProgress, useSwiperDotScale, useSwiperDotGrowX, useSwiperDotWidth, useSwiperDotTranslate, } from './use-swiper-dot-progress.js';
+export type { SwiperDotHookInputs, UseSwiperDotProgressOptions, UseSwiperDotTranslateOptions, } from './use-swiper-dot-progress.js';
+export { useScrollContext } from './scroll-context.js';
+export type { ScrollContext } from './scroll-context.js';
+export type { TouchPoint, TouchEvent, GesturePhase, GestureHandlers, PinchState, UsePinchOptions, UsePinchReturn, RotationState, UseRotationOptions, UseRotationReturn, } from './types.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAO7C,OAAO,EACL,cAAc,EACd,WAAW,EAEX,gBAAgB,EAChB,aAAa,EACb,gBAAgB,EAChB,4BAA4B,GAC7B,MAAM,YAAY,CAAC;AACpB,YAAY,EACV,gBAAgB,EAEhB,kBAAkB,EAClB,iBAAiB,EACjB,YAAY,GACb,MAAM,YAAY,CAAC;AAGpB,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,YAAY,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAC5E,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,YAAY,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,YAAY,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAK/D,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpD,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGtD,YAAY,EACV,UAAU,EACV,UAAU,EACV,YAAY,EACZ,eAAe,EACf,UAAU,EACV,eAAe,EACf,cAAc,EACd,aAAa,EACb,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAOA,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAOhD,OAAO,EACL,cAAc,EACd,WAAW,EAEX,gBAAgB,EAChB,aAAa,EACb,gBAAgB,EAChB,4BAA4B,GAC7B,MAAM,YAAY,CAAC;AACpB,YAAY,EACV,gBAAgB,EAEhB,kBAAkB,EAClB,iBAAiB,EACjB,YAAY,GACb,MAAM,YAAY,CAAC;AAGpB,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,YAAY,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAC;AAChE,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,YAAY,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC/E,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,YAAY,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAC3E,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,YAAY,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAClE,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,YAAY,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EACL,oBAAoB,EACpB,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,qBAAqB,GACtB,MAAM,8BAA8B,CAAC;AACtC,YAAY,EACV,mBAAmB,EACnB,2BAA2B,EAC3B,4BAA4B,GAC7B,MAAM,8BAA8B,CAAC;AAKtC,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AACvD,YAAY,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAGzD,YAAY,EACV,UAAU,EACV,UAAU,EACV,YAAY,EACZ,eAAe,EACf,UAAU,EACV,eAAe,EACf,cAAc,EACd,aAAa,EACb,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,YAAY,CAAC"}