@sigx/lynx-gestures 0.4.0 → 0.4.2

package/README.md

@@ -209,6 +209,48 @@ The component handles the inline `'main thread'` worklet, the SharedValue writes
 
 ---
 
+### `<Swiper>` and headless dot hooks
+
+`<Swiper>` is a paged horizontal carousel that re-uses the platform's native `<scroll-view paging-enabled>` for snap-to-page (deceleration, overscroll, fling — all free), and writes the live pixel offset into a `SharedValue<number>` on every MT frame. Pair it with the headless `useSwiperDot*` hooks to build any indicator visual.
+
+```tsx
+import { useSharedValue } from '@sigx/lynx';
+import { signal } from '@sigx/lynx';
+import { Swiper, useSwiperDotProgress } from '@sigx/lynx-gestures';
+
+const offset = useSharedValue(0);
+const pageIdx = signal({ value: 0 });
+
+<Swiper offset={offset} index={pageIdx} width={pageWidth}>
+  <view style={{ width: pageWidth + 'px' }}>…page 1…</view>
+  <view style={{ width: pageWidth + 'px' }}>…page 2…</view>
+  <view style={{ width: pageWidth + 'px' }}>…page 3…</view>
+</Swiper>
+```
+
+#### Headless indicator hooks
+
+Every indicator hook returns a `MainThreadRef<MainThread.Element | null>` that you spread onto whatever view you want animated. The hook owns the `useAnimatedStyle` call-site so you don't redo the triangular-window math. Pick one based on which CSS channel you want to drive:
+
+| Hook                       | Channel(s)             | Use case                                    |
+| -------------------------- | ---------------------- | ------------------------------------------- |
+| `useSwiperDotProgress`     | `opacity`              | Crossfade between two colour layers.        |
+| `useSwiperDotScale`        | `scale` (uniform)      | Pulse / grow the active dot symmetrically.  |
+| `useSwiperDotGrowX`        | `scaleX` (transform)   | Pill / bar that stretches horizontally.     |
+| `useSwiperDotWidth`        | `width` (layout px)    | Same look as `GrowX` but reflows neighbours.|
+| `useSwiperDotTranslate`    | `translateX` (track)   | Single thumb that slides across the whole strip. |
+
+Example — a minimal opacity-crossfade dot:
+
+```tsx
+const ref = useSwiperDotProgress({ offset, pageWidth, index: i });
+<view main-thread:ref={ref} style={{ opacity: '0' }} />
+```
+
+For a fully themed indicator (5 ready-made variants — dots, bar, pill, numbered, scale-pulse), use `<SwiperIndicator>` from [`@sigx/lynx-daisyui`](../lynx-daisyui).
+
+---
+
 ## Animation primitives
 
 > The cross-thread primitive — `useSharedValue`, `SharedValue`, `useAnimatedStyle` — lives in [`@sigx/lynx`](../lynx#sharedvalue--the-cross-thread-primitive) since 0.3.0. Import from `@sigx/lynx` directly:

package/dist/components/Draggable.js

@@ -0,0 +1,378 @@
+import { jsx as _jsx } from "@sigx/lynx/jsx-runtime";
+import { component, useMainThreadRef, useSharedValue, useAnimatedStyle, runOnBackground, Gesture, useGestureDetector, } from '@sigx/lynx';
+import { useScrollContext } from '../scroll-context.js';
+/**
+ * MT-thread draggable container, built on the native gesture arena via
+ * `Gesture.Pan()`. The bound element's transform is driven by two
+ * `useAnimatedStyle` bindings (one per axis) — the same primitive any user
+ * could compose. The Pan onUpdate worklet writes to the SharedValues; the
+ * bridge applies the transform on the next flush boundary, composing the
+ * two bindings into a single `setStyleProperties({ transform })` call.
+ *
+ * Because the visible position is bridge-driven rather than written directly
+ * by the worklet, external animation of `translateX`/`translateY` (e.g.
+ * `withSpring(tx, 0)` to spring back to origin after release) moves the
+ * element visually for free — the binding picks up whichever SV write
+ * happened most recently, regardless of who wrote it.
+ *
+ * `dragStart` and `dragEnd` are dispatched to BG via `runOnBackground` (low
+ * frequency, cross-thread is fine).
+ *
+ * Unlike the prior `bindtouch*`-based implementation, the native pan gesture
+ * arena handles multi-touch correctly (secondary fingers don't cancel the
+ * primary drag).
+ *
+ * **Scroll composition** (Phase 2.12.3): Lynx's `<scroll-view>` doesn't
+ * participate in the new gesture arena, so without coordination both pan
+ * and scroll would fire concurrently. `<Draggable>` reads `useScrollContext`
+ * at setup; if a parent `<ScrollView>` is in scope, the BG-side dragStart/
+ * dragEnd flips `scrollCtx.dragging` automatically — the parent's
+ * `enable-scroll` is gated on that signal, so the UIKit pan recognizer
+ * yields for the duration of the drag. No consumer wiring required.
+ *
+ * **Edge-scroll** (Phase 2.13): pass `edgeScroll` to auto-scroll the parent
+ * `<ScrollView>` when the finger nears its viewport edge during a drag —
+ * the standard drag-to-reorder pattern (Apple Mail, iOS Reminders). The
+ * scroll axis follows `scrollOrientation` as published through the context.
+ * Inside the threshold zone the scroll velocity ramps from 0 at the
+ * threshold boundary to `maxSpeed` at the edge. Quietly no-ops if
+ * `edgeScroll` is unset OR the Draggable isn't nested in a ScrollView.
+ *
+ * Note on the native event payload: Lynx's pan handler emits `pageX`/`pageY`
+ * but no `translationX`/`velocityX` — we compute deltas and velocity from
+ * pageX/pageY ourselves (same as the prior touch-based implementation).
+ */
+export const Draggable = component(({ props, slots, emit }) => {
+    const elRef = useMainThreadRef(null);
+    // Always allocate fallback SharedValues — hooks must run unconditionally.
+    const ownTx = useSharedValue(0);
+    const ownTy = useSharedValue(0);
+    // Pick once at setup so useAnimatedStyle bindings + worklet `_c` captures
+    // hold stable refs. Convention (also used by <ScrollView>): gesture-prop
+    // SVs are allocated once at the parent and don't swap across renders.
+    const tx = props.translateX ?? ownTx;
+    const ty = props.translateY ?? ownTy;
+    // Bridge tx/ty → element transform on every flush boundary. Composes with
+    // any external animation that mutates the same SVs.
+    useAnimatedStyle(elRef, tx, 'translateX');
+    useAnimatedStyle(elRef, ty, 'translateY');
+    const drag = useMainThreadRef({
+        startPageX: 0, startPageY: 0,
+        offsetX: 0, offsetY: 0,
+        prevPageX: 0, prevPageY: 0, prevTime: 0,
+        vx: 0, vy: 0,
+        lastPageX: 0, lastPageY: 0,
+        scrollViewLeft: 0, scrollViewTop: 0,
+        scrollViewWidth: 0, scrollViewHeight: 0,
+        edgeScrollActive: false,
+        lastScrollX: 0, lastScrollY: 0,
+    });
+    // Coordinate with the parent <ScrollView> (Phase 2.12.3): toggle its
+    // dragging signal during our gesture so its UIScrollView pan recognizer
+    // yields. Null when no ancestor ScrollView; the BG arrows below null-check.
+    const scrollCtx = useScrollContext();
+    // Pan config is read once at setup. Worklet bodies capture the snapshot
+    // via SWC's `_c` mechanism; runtime prop changes won't update an active
+    // gesture, but axis/threshold/clamps are render-stable in practice.
+    const axis = props.axis ?? 'both';
+    const threshold = props.threshold ?? 0;
+    const snapBack = props.snapBack ?? false;
+    const minX = props.minX;
+    const maxX = props.maxX;
+    const minY = props.minY;
+    const maxY = props.maxY;
+    // Phase 2.13: edge-scroll config. Normalized to plain numbers/booleans so
+    // worklet `_c` captures stay shape-stable. `edgeScrollEnabled` gates the
+    // viewport-measurement and rAF-tick paths in onStart/onUpdate; falsey
+    // means the new code paths short-circuit and behave identically to the
+    // pre-2.13 Draggable. `??` (not `||`) so an explicit `0` override for the
+    // edge zone or speed cap is preserved.
+    const edgeScrollProp = props.edgeScroll ?? false;
+    const edgeScrollEnabled = edgeScrollProp !== false;
+    const edgeScrollThreshold = (typeof edgeScrollProp === 'object' ? edgeScrollProp.threshold : undefined) ?? 50;
+    const edgeScrollMaxSpeed = (typeof edgeScrollProp === 'object' ? edgeScrollProp.maxSpeed : undefined) ?? 800;
+    // Captured at setup so the onUpdate tick reads a stable axis. `<ScrollView>`
+    // captures `scroll-orientation` once at setup too, so this stays consistent.
+    const scrollOrientation = scrollCtx?.scrollOrientation ?? 'vertical';
+    const pan = Gesture.Pan()
+        .minDistance(threshold)
+        // Empty onBegin is load-bearing on iOS: LynxPanGestureHandler bails out
+        // of onStart/onEnd unless `_isInvokedBegin` is YES, and that flag is
+        // only set inside the native onBegin handler — which itself short-
+        // circuits when no callback is registered. Registering any onBegin
+        // (even a no-op) gates the begin path open so onStart and onEnd fire.
+        .onBegin(() => {
+        'main thread';
+    })
+        .onStart((e) => {
+        'main thread';
+        // Pan event payload: { type, timestamp, target, currentTarget,
+        //                      params: { pageX, pageY, x, y, clientX, clientY,
+        //                                scrollX, scrollY, isAtStart, isAtEnd,
+        //                                type } , detail: <copy of params> }
+        // pageX/pageY are nested under params; the top-level event has only
+        // dispatch metadata.
+        const p = e && e.params;
+        const pageX = (p && p.pageX) || 0;
+        const pageY = (p && p.pageY) || 0;
+        drag.current.startPageX = pageX;
+        drag.current.startPageY = pageY;
+        drag.current.offsetX = tx.current.value;
+        drag.current.offsetY = ty.current.value;
+        drag.current.prevPageX = pageX;
+        drag.current.prevPageY = pageY;
+        drag.current.prevTime = Date.now();
+        drag.current.vx = 0;
+        drag.current.vy = 0;
+        drag.current.lastPageX = pageX;
+        drag.current.lastPageY = pageY;
+        drag.current.edgeScrollActive = false;
+        // Lazy viewport measurement for edge-scroll. Reads computed size of
+        // the parent <scroll-view> via the ref the context publishes; assumes
+        // page-rooted (top-left at page origin) which holds for the showcase
+        // and the standard "list takes the whole screen" pattern. Refine via
+        // a `boundingClientRect` invoke (returns Promise — needs async-stash)
+        // if a nested-scroll-view consumer hits it.
+        if (edgeScrollEnabled && scrollCtx) {
+            const svRef = scrollCtx.scrollViewRef.current;
+            if (svRef) {
+                // Use `boundingClientRect` over `getComputedStyleProperty`: it
+                // returns page-relative geometry that's consistent across iOS +
+                // Android. `getComputedStyleProperty('height')` sometimes returns
+                // unresolved `100vh`-style strings or content heights on Android,
+                // which made the bottom-edge zone unreachable on Pixel.
+                //
+                // The invoke is async (Promise-based) — the rect lands a tick or
+                // two after this call, so the first few onUpdate frames may see
+                // scrollView{Width,Height}=0 and skip the rAF schedule. By the
+                // time the user has dragged anywhere meaningful, the rect is
+                // populated and edge-scroll engages.
+                const rectP = svRef.invoke('boundingClientRect', {});
+                if (rectP && typeof rectP.then === 'function') {
+                    rectP.then((rect) => {
+                        if (!rect || typeof rect !== 'object')
+                            return;
+                        const r = rect;
+                        drag.current.scrollViewLeft = r.left || 0;
+                        drag.current.scrollViewTop = r.top || 0;
+                        drag.current.scrollViewWidth = r.width || 0;
+                        drag.current.scrollViewHeight = r.height || 0;
+                    }).catch(() => { });
+                }
+            }
+            // Seed last-known scroll offsets so the first tick's "actual delta"
+            // baselines correctly. After the first frame, the rAF tick keeps
+            // these in sync with the live offsetX/Y SVs.
+            drag.current.lastScrollX = scrollCtx.offsetX.current.value;
+            drag.current.lastScrollY = scrollCtx.offsetY.current.value;
+        }
+        runOnBackground((startX, startY) => {
+            if (scrollCtx)
+                scrollCtx.dragging.value = true;
+            emit('dragStart', { x: startX, y: startY });
+        })(tx.current.value, ty.current.value);
+    })
+        .onUpdate((e) => {
+        'main thread';
+        const p = e && e.params;
+        const pageX = (p && p.pageX) || 0;
+        const pageY = (p && p.pageY) || 0;
+        let dx = pageX - drag.current.startPageX;
+        let dy = pageY - drag.current.startPageY;
+        if (axis === 'x')
+            dy = 0;
+        else if (axis === 'y')
+            dx = 0;
+        let newX = drag.current.offsetX + dx;
+        let newY = drag.current.offsetY + dy;
+        if (minX !== undefined && newX < minX)
+            newX = minX;
+        if (maxX !== undefined && newX > maxX)
+            newX = maxX;
+        if (minY !== undefined && newY < minY)
+            newY = minY;
+        if (maxY !== undefined && newY > maxY)
+            newY = maxY;
+        const now = Date.now();
+        const dt = Math.max(now - drag.current.prevTime, 1);
+        drag.current.vx = (pageX - drag.current.prevPageX) / dt;
+        drag.current.vy = (pageY - drag.current.prevPageY) / dt;
+        drag.current.prevPageX = pageX;
+        drag.current.prevPageY = pageY;
+        drag.current.prevTime = now;
+        drag.current.lastPageX = pageX;
+        drag.current.lastPageY = pageY;
+        tx.current.value = newX;
+        ty.current.value = newY;
+        // Drive the useAnimatedStyle bindings on the same frame. Inlined
+        // (rather than calling an imported helper) because plain function
+        // imports don't survive worklet `_c` capture — same constraint as
+        // <ScrollView> and @sigx/lynx-motion's animate().
+        const __flush = globalThis['__FlushElementTree'];
+        if (__flush)
+            __flush();
+        // Phase 2.13 edge-scroll: enter the rAF loop when the finger crosses
+        // into the threshold zone. The tick closure self-cancels when
+        // `edgeScrollActive` flips false (onEnd) or the finger leaves the
+        // zone (zero velocity).
+        if (edgeScrollEnabled && scrollCtx && !drag.current.edgeScrollActive) {
+            const w = drag.current.scrollViewWidth;
+            const h = drag.current.scrollViewHeight;
+            if (w > 0 && h > 0) {
+                let inEdge = false;
+                if (scrollOrientation === 'vertical') {
+                    const top = drag.current.scrollViewTop;
+                    const py = drag.current.lastPageY;
+                    const topDist = py - top;
+                    const botDist = (top + h) - py;
+                    inEdge = topDist < edgeScrollThreshold || botDist < edgeScrollThreshold;
+                }
+                else {
+                    const left = drag.current.scrollViewLeft;
+                    const px = drag.current.lastPageX;
+                    const leftDist = px - left;
+                    const rightDist = (left + w) - px;
+                    inEdge = leftDist < edgeScrollThreshold || rightDist < edgeScrollThreshold;
+                }
+                if (inEdge) {
+                    drag.current.edgeScrollActive = true;
+                    // Inner arrow runs on MT (we're already inside an MT worklet
+                    // body); rAF stashes the closure across frames in the MT VM.
+                    // No `'main thread'` directive needed — the directive marks
+                    // function bodies that cross threads, and we never leave MT.
+                    const tick = () => {
+                        if (!drag.current.edgeScrollActive)
+                            return;
+                        const ref = scrollCtx.scrollViewRef.current;
+                        if (!ref) {
+                            drag.current.edgeScrollActive = false;
+                            return;
+                        }
+                        let velocity = 0;
+                        if (scrollOrientation === 'vertical') {
+                            const py2 = drag.current.lastPageY;
+                            const top2 = drag.current.scrollViewTop;
+                            const h2 = drag.current.scrollViewHeight;
+                            const topDist2 = py2 - top2;
+                            const botDist2 = (top2 + h2) - py2;
+                            if (topDist2 < edgeScrollThreshold) {
+                                const t = topDist2 < 0 ? 0 : topDist2;
+                                velocity = -edgeScrollMaxSpeed * (1 - t / edgeScrollThreshold);
+                            }
+                            else if (botDist2 < edgeScrollThreshold) {
+                                const t = botDist2 < 0 ? 0 : botDist2;
+                                velocity = edgeScrollMaxSpeed * (1 - t / edgeScrollThreshold);
+                            }
+                        }
+                        else {
+                            const px2 = drag.current.lastPageX;
+                            const left2 = drag.current.scrollViewLeft;
+                            const w2 = drag.current.scrollViewWidth;
+                            const leftDist2 = px2 - left2;
+                            const rightDist2 = (left2 + w2) - px2;
+                            if (leftDist2 < edgeScrollThreshold) {
+                                const t = leftDist2 < 0 ? 0 : leftDist2;
+                                velocity = -edgeScrollMaxSpeed * (1 - t / edgeScrollThreshold);
+                            }
+                            else if (rightDist2 < edgeScrollThreshold) {
+                                const t = rightDist2 < 0 ? 0 : rightDist2;
+                                velocity = edgeScrollMaxSpeed * (1 - t / edgeScrollThreshold);
+                            }
+                        }
+                        if (velocity === 0) {
+                            drag.current.edgeScrollActive = false;
+                            return;
+                        }
+                        // Scroll-delta compensation: when content scrolls by `delta`,
+                        // the Draggable's layout position moves by `-delta` (it's a
+                        // child of the content). Without compensation the box drifts
+                        // away from the finger as the page scrolls.
+                        //
+                        // We use the *actual* delivered scroll delta (read from
+                        // offsetX/Y the bindscroll worklet maintains), not the
+                        // velocity-based request. When the scroll-view clamps at the
+                        // top/bottom (already at the edge), the actual delta is zero
+                        // and we skip compensation — otherwise the box would keep
+                        // drifting off-screen as we issue scrollBy calls the native
+                        // side rejects.
+                        //
+                        // There's a one-frame lag (this tick reads the previous
+                        // frame's actual delta), but it's imperceptible at 60fps.
+                        const currScrollX = scrollCtx.offsetX.current.value;
+                        const currScrollY = scrollCtx.offsetY.current.value;
+                        const actualDX = currScrollX - drag.current.lastScrollX;
+                        const actualDY = currScrollY - drag.current.lastScrollY;
+                        drag.current.lastScrollX = currScrollX;
+                        drag.current.lastScrollY = currScrollY;
+                        if (scrollOrientation === 'vertical') {
+                            if (actualDY !== 0) {
+                                drag.current.offsetY += actualDY;
+                                ty.current.value += actualDY;
+                            }
+                        }
+                        else {
+                            if (actualDX !== 0) {
+                                drag.current.offsetX += actualDX;
+                                tx.current.value += actualDX;
+                            }
+                        }
+                        // 60 fps tick → offset (pt/frame) = velocity (pt/sec) / 60.
+                        // scrollBy on a vertical scroll-view ignores the X component
+                        // of the offset (and vice-versa per
+                        // LynxUIScrollViewInternal.m:269), so a single signed
+                        // `offset` works for both axes.
+                        //
+                        // `invoke()` already calls `__FlushElementTree()` internally
+                        // (`MTElementWrapper.invoke` sequences `__InvokeUIMethod` →
+                        // `__FlushElementTree` synchronously inside the Promise
+                        // constructor), which picks up the SV write above. No
+                        // explicit flush needed — adding one would double the
+                        // per-frame work and contributes to scroll stutter.
+                        const delta = velocity / 60;
+                        const p2 = ref.invoke('scrollBy', { offset: delta });
+                        if (p2 && typeof p2.catch === 'function')
+                            p2.catch(() => { });
+                        const raf = globalThis['requestAnimationFrame'];
+                        if (raf)
+                            raf(tick);
+                        else
+                            drag.current.edgeScrollActive = false;
+                    };
+                    const raf = globalThis['requestAnimationFrame'];
+                    if (raf)
+                        raf(tick);
+                    else
+                        drag.current.edgeScrollActive = false;
+                }
+            }
+        }
+    })
+        .onEnd(() => {
+        'main thread';
+        // Stop the edge-scroll rAF loop (if any). The tick self-cancels next
+        // frame on the flag flip.
+        drag.current.edgeScrollActive = false;
+        if (snapBack) {
+            tx.current.value = 0;
+            ty.current.value = 0;
+            const __flush = globalThis['__FlushElementTree'];
+            if (__flush)
+                __flush();
+        }
+        // Capture MT values into locals before crossing back to BG —
+        // `tx.current.value` on the BG side reads the initial snapshot, not
+        // the live drag position. Same goes for `drag.current.vx/vy`.
+        const endX = tx.current.value;
+        const endY = ty.current.value;
+        const endVx = drag.current.vx;
+        const endVy = drag.current.vy;
+        runOnBackground((x, y, vx, vy) => {
+            if (scrollCtx)
+                scrollCtx.dragging.value = false;
+            emit('dragEnd', { x, y, vx, vy });
+        })(endX, endY, endVx, endVy);
+    });
+    useGestureDetector(elRef, pan);
+    return () => (_jsx("view", { class: props.class, style: props.style, "main-thread:ref": elRef, children: slots.default?.() }));
+});
+//# sourceMappingURL=Draggable.js.map

package/dist/components/Draggable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Draggable.js","sourceRoot":"","sources":["../../src/components/Draggable.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,SAAS,EACT,gBAAgB,EAChB,cAAc,EACd,gBAAgB,EAChB,eAAe,EACf,OAAO,EACP,kBAAkB,GAInB,MAAM,YAAY,CAAC;AACpB,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAqExD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAwCG;AACH,MAAM,CAAC,MAAM,SAAS,GAAG,SAAS,CAAiB,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,EAAE,EAAE;IAC5E,MAAM,KAAK,GAAG,gBAAgB,CAA4B,IAAI,CAAC,CAAC;IAEhE,0EAA0E;IAC1E,MAAM,KAAK,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC;IAChC,MAAM,KAAK,GAAG,cAAc,CAAC,CAAC,CAAC,CAAC;IAEhC,0EAA0E;IAC1E,yEAAyE;IACzE,sEAAsE;IACtE,MAAM,EAAE,GAAG,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC;IACrC,MAAM,EAAE,GAAG,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC;IAErC,0EAA0E;IAC1E,oDAAoD;IACpD,gBAAgB,CAAC,KAAK,EAAE,EAAE,EAAE,YAAY,CAAC,CAAC;IAC1C,gBAAgB,CAAC,KAAK,EAAE,EAAE,EAAE,YAAY,CAAC,CAAC;IAE1C,MAAM,IAAI,GAAG,gBAAgB,CAAc;QACzC,UAAU,EAAE,CAAC,EAAE,UAAU,EAAE,CAAC;QAC5B,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC;QACtB,SAAS,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC;QACvC,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC;QACZ,SAAS,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC;QAC1B,cAAc,EAAE,CAAC,EAAE,aAAa,EAAE,CAAC;QACnC,eAAe,EAAE,CAAC,EAAE,gBAAgB,EAAE,CAAC;QACvC,gBAAgB,EAAE,KAAK;QACvB,WAAW,EAAE,CAAC,EAAE,WAAW,EAAE,CAAC;KAC/B,CAAC,CAAC;IAEH,qEAAqE;IACrE,wEAAwE;IACxE,4EAA4E;IAC5E,MAAM,SAAS,GAAG,gBAAgB,EAAE,CAAC;IAErC,wEAAwE;IACxE,wEAAwE;IACxE,oEAAoE;IACpE,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,IAAI,MAAM,CAAC;IAClC,MAAM,SAAS,GAAG,KAAK,CAAC,SAAS,IAAI,CAAC,CAAC;IACvC,MAAM,QAAQ,GAAG,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC;IACzC,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;IACxB,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;IACxB,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;IACxB,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC;IAExB,0EAA0E;IAC1E,yEAAyE;IACzE,sEAAsE;IACtE,uEAAuE;IACvE,0EAA0E;IAC1E,uCAAuC;IACvC,MAAM,cAAc,GAAG,KAAK,CAAC,UAAU,IAAI,KAAK,CAAC;IACjD,MAAM,iBAAiB,GAAG,cAAc,KAAK,KAAK,CAAC;IACnD,MAAM,mBAAmB,GACvB,CAAC,OAAO,cAAc,KAAK,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,EAAE,CAAC;IACpF,MAAM,kBAAkB,GACtB,CAAC,OAAO,cAAc,KAAK,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,IAAI,GAAG,CAAC;IACpF,6EAA6E;IAC7E,6EAA6E;IAC7E,MAAM,iBAAiB,GAA8B,SAAS,EAAE,iBAAiB,IAAI,UAAU,CAAC;IAEhG,MAAM,GAAG,GAAG,OAAO,CAAC,GAAG,EAAE;SACtB,WAAW,CAAC,SAAS,CAAC;QACvB,wEAAwE;QACxE,qEAAqE;QACrE,mEAAmE;QACnE,mEAAmE;QACnE,sEAAsE;SACrE,OAAO,CAAC,GAAG,EAAE;QACZ,aAAa,CAAC;IAChB,CAAC,CAAC;SACD,OAAO,CAAC,CAAC,CAAM,EAAE,EAAE;QAClB,aAAa,CAAC;QACd,+DAA+D;QAC/D,uEAAuE;QACvE,uEAAuE;QACvE,qEAAqE;QACrE,oEAAoE;QACpE,qBAAqB;QACrB,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC;QACxB,MAAM,KAAK,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAClC,MAAM,KAAK,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAClC,IAAI,CAAC,OAAO,CAAC,UAAU,GAAG,KAAK,CAAC;QAChC,IAAI,CAAC,OAAO,CAAC,UAAU,GAAG,KAAK,CAAC;QAChC,IAAI,CAAC,OAAO,CAAC,OAAO,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC;QACxC,IAAI,CAAC,OAAO,CAAC,OAAO,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC;QACxC,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,KAAK,CAAC;QAC/B,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,KAAK,CAAC;QAC/B,IAAI,CAAC,OAAO,CAAC,QAAQ,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;QACnC,IAAI,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,CAAC;QACpB,IAAI,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,CAAC;QACpB,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,KAAK,CAAC;QAC/B,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,KAAK,CAAC;QAC/B,IAAI,CAAC,OAAO,CAAC,gBAAgB,GAAG,KAAK,CAAC;QACtC,oEAAoE;QACpE,sEAAsE;QACtE,qEAAqE;QACrE,qEAAqE;QACrE,sEAAsE;QACtE,4CAA4C;QAC5C,IAAI,iBAAiB,IAAI,SAAS,EAAE,CAAC;YACnC,MAAM,KAAK,GAAG,SAAS,CAAC,aAAa,CAAC,OAAO,CAAC;YAC9C,IAAI,KAAK,EAAE,CAAC;gBACV,+DAA+D;gBAC/D,gEAAgE;gBAChE,kEAAkE;gBAClE,kEAAkE;gBAClE,wDAAwD;gBACxD,EAAE;gBACF,iEAAiE;gBACjE,gEAAgE;gBAChE,+DAA+D;gBAC/D,6DAA6D;gBAC7D,qCAAqC;gBACrC,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,oBAAoB,EAAE,EAAE,CAAC,CAAC;gBACrD,IAAI,KAAK,IAAI,OAAO,KAAK,CAAC,IAAI,KAAK,UAAU,EAAE,CAAC;oBAC9C,KAAK,CAAC,IAAI,CAAC,CAAC,IAAa,EAAE,EAAE;wBAC3B,IAAI,CAAC,IAAI,IAAI,OAAO,IAAI,KAAK,QAAQ;4BAAE,OAAO;wBAC9C,MAAM,CAAC,GAAG,IAAwE,CAAC;wBACnF,IAAI,CAAC,OAAO,CAAC,cAAc,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC;wBAC1C,IAAI,CAAC,OAAO,CAAC,aAAa,GAAG,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;wBACxC,IAAI,CAAC,OAAO,CAAC,eAAe,GAAG,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC;wBAC5C,IAAI,CAAC,OAAO,CAAC,gBAAgB,GAAG,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC;oBAChD,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;gBACrB,CAAC;YACH,CAAC;YACD,oEAAoE;YACpE,iEAAiE;YACjE,6CAA6C;YAC7C,IAAI,CAAC,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC;YAC3D,IAAI,CAAC,OAAO,CAAC,WAAW,GAAG,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC;QAC7D,CAAC;QACD,eAAe,CAAC,CAAC,MAAc,EAAE,MAAc,EAAE,EAAE;YACjD,IAAI,SAAS;gBAAE,SAAS,CAAC,QAAQ,CAAC,KAAK,GAAG,IAAI,CAAC;YAC/C,IAAI,CAAC,WAAW,EAAE,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,CAAC;QAC9C,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC;IACzC,CAAC,CAAC;SACD,QAAQ,CAAC,CAAC,CAAM,EAAE,EAAE;QACnB,aAAa,CAAC;QACd,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC;QACxB,MAAM,KAAK,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAClC,MAAM,KAAK,GAAG,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;QAClC,IAAI,EAAE,GAAG,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC;QACzC,IAAI,EAAE,GAAG,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,UAAU,CAAC;QACzC,IAAI,IAAI,KAAK,GAAG;YAAE,EAAE,GAAG,CAAC,CAAC;aACpB,IAAI,IAAI,KAAK,GAAG;YAAE,EAAE,GAAG,CAAC,CAAC;QAC9B,IAAI,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,GAAG,EAAE,CAAC;QACrC,IAAI,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,OAAO,GAAG,EAAE,CAAC;QACrC,IAAI,IAAI,KAAK,SAAS,IAAI,IAAI,GAAG,IAAI;YAAE,IAAI,GAAG,IAAI,CAAC;QACnD,IAAI,IAAI,KAAK,SAAS,IAAI,IAAI,GAAG,IAAI;YAAE,IAAI,GAAG,IAAI,CAAC;QACnD,IAAI,IAAI,KAAK,SAAS,IAAI,IAAI,GAAG,IAAI;YAAE,IAAI,GAAG,IAAI,CAAC;QACnD,IAAI,IAAI,KAAK,SAAS,IAAI,IAAI,GAAG,IAAI;YAAE,IAAI,GAAG,IAAI,CAAC;QACnD,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,EAAE,CAAC;QACvB,MAAM,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC,CAAC;QACpD,IAAI,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC;QACxD,IAAI,CAAC,OAAO,CAAC,EAAE,GAAG,CAAC,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,EAAE,CAAC;QACxD,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,KAAK,CAAC;QAC/B,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,KAAK,CAAC;QAC/B,IAAI,CAAC,OAAO,CAAC,QAAQ,GAAG,GAAG,CAAC;QAC5B,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,KAAK,CAAC;QAC/B,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,KAAK,CAAC;QAC/B,EAAE,CAAC,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC;QACxB,EAAE,CAAC,OAAO,CAAC,KAAK,GAAG,IAAI,CAAC;QACxB,iEAAiE;QACjE,kEAAkE;QAClE,kEAAkE;QAClE,kDAAkD;QAClD,MAAM,OAAO,GAAI,UAAsC,CAAC,oBAAoB,CAA6B,CAAC;QAC1G,IAAI,OAAO;YAAE,OAAO,EAAE,CAAC;QACvB,qEAAqE;QACrE,8DAA8D;QAC9D,kEAAkE;QAClE,wBAAwB;QACxB,IAAI,iBAAiB,IAAI,SAAS,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,gBAAgB,EAAE,CAAC;YACrE,MAAM,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC;YACvC,MAAM,CAAC,GAAG,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC;YACxC,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;gBACnB,IAAI,MAAM,GAAG,KAAK,CAAC;gBACnB,IAAI,iBAAiB,KAAK,UAAU,EAAE,CAAC;oBACrC,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC;oBACvC,MAAM,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC;oBAClC,MAAM,OAAO,GAAG,EAAE,GAAG,GAAG,CAAC;oBACzB,MAAM,OAAO,GAAG,CAAC,GAAG,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC;oBAC/B,MAAM,GAAG,OAAO,GAAG,mBAAmB,IAAI,OAAO,GAAG,mBAAmB,CAAC;gBAC1E,CAAC;qBAAM,CAAC;oBACN,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC;oBACzC,MAAM,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC;oBAClC,MAAM,QAAQ,GAAG,EAAE,GAAG,IAAI,CAAC;oBAC3B,MAAM,SAAS,GAAG,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,EAAE,CAAC;oBAClC,MAAM,GAAG,QAAQ,GAAG,mBAAmB,IAAI,SAAS,GAAG,mBAAmB,CAAC;gBAC7E,CAAC;gBACD,IAAI,MAAM,EAAE,CAAC;oBACX,IAAI,CAAC,OAAO,CAAC,gBAAgB,GAAG,IAAI,CAAC;oBACrC,6DAA6D;oBAC7D,6DAA6D;oBAC7D,4DAA4D;oBAC5D,6DAA6D;oBAC7D,MAAM,IAAI,GAAG,GAAS,EAAE;wBACtB,IAAI,CAAC,IAAI,CAAC,OAAO,CAAC,gBAAgB;4BAAE,OAAO;wBAC3C,MAAM,GAAG,GAAG,SAAS,CAAC,aAAa,CAAC,OAAO,CAAC;wBAC5C,IAAI,CAAC,GAAG,EAAE,CAAC;4BACT,IAAI,CAAC,OAAO,CAAC,gBAAgB,GAAG,KAAK,CAAC;4BACtC,OAAO;wBACT,CAAC;wBACD,IAAI,QAAQ,GAAG,CAAC,CAAC;wBACjB,IAAI,iBAAiB,KAAK,UAAU,EAAE,CAAC;4BACrC,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC;4BACnC,MAAM,IAAI,GAAG,IAAI,CAAC,OAAO,CAAC,aAAa,CAAC;4BACxC,MAAM,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC,gBAAgB,CAAC;4BACzC,MAAM,QAAQ,GAAG,GAAG,GAAG,IAAI,CAAC;4BAC5B,MAAM,QAAQ,GAAG,CAAC,IAAI,GAAG,EAAE,CAAC,GAAG,GAAG,CAAC;4BACnC,IAAI,QAAQ,GAAG,mBAAmB,EAAE,CAAC;gCACnC,MAAM,CAAC,GAAG,QAAQ,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;gCACtC,QAAQ,GAAG,CAAC,kBAAkB,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,mBAAmB,CAAC,CAAC;4BACjE,CAAC;iCAAM,IAAI,QAAQ,GAAG,mBAAmB,EAAE,CAAC;gCAC1C,MAAM,CAAC,GAAG,QAAQ,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;gCACtC,QAAQ,GAAG,kBAAkB,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,mBAAmB,CAAC,CAAC;4BAChE,CAAC;wBACH,CAAC;6BAAM,CAAC;4BACN,MAAM,GAAG,GAAG,IAAI,CAAC,OAAO,CAAC,SAAS,CAAC;4BACnC,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,cAAc,CAAC;4BAC1C,MAAM,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC,eAAe,CAAC;4BACxC,MAAM,SAAS,GAAG,GAAG,GAAG,KAAK,CAAC;4BAC9B,MAAM,UAAU,GAAG,CAAC,KAAK,GAAG,EAAE,CAAC,GAAG,GAAG,CAAC;4BACtC,IAAI,SAAS,GAAG,mBAAmB,EAAE,CAAC;gCACpC,MAAM,CAAC,GAAG,SAAS,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;gCACxC,QAAQ,GAAG,CAAC,kBAAkB,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,mBAAmB,CAAC,CAAC;4BACjE,CAAC;iCAAM,IAAI,UAAU,GAAG,mBAAmB,EAAE,CAAC;gCAC5C,MAAM,CAAC,GAAG,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC;gCAC1C,QAAQ,GAAG,kBAAkB,GAAG,CAAC,CAAC,GAAG,CAAC,GAAG,mBAAmB,CAAC,CAAC;4BAChE,CAAC;wBACH,CAAC;wBACD,IAAI,QAAQ,KAAK,CAAC,EAAE,CAAC;4BACnB,IAAI,CAAC,OAAO,CAAC,gBAAgB,GAAG,KAAK,CAAC;4BACtC,OAAO;wBACT,CAAC;wBACD,8DAA8D;wBAC9D,4DAA4D;wBAC5D,6DAA6D;wBAC7D,4CAA4C;wBAC5C,EAAE;wBACF,wDAAwD;wBACxD,uDAAuD;wBACvD,6DAA6D;wBAC7D,6DAA6D;wBAC7D,0DAA0D;wBAC1D,4DAA4D;wBAC5D,gBAAgB;wBAChB,EAAE;wBACF,wDAAwD;wBACxD,0DAA0D;wBAC1D,MAAM,WAAW,GAAG,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC;wBACpD,MAAM,WAAW,GAAG,SAAS,CAAC,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC;wBACpD,MAAM,QAAQ,GAAG,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC;wBACxD,MAAM,QAAQ,GAAG,WAAW,GAAG,IAAI,CAAC,OAAO,CAAC,WAAW,CAAC;wBACxD,IAAI,CAAC,OAAO,CAAC,WAAW,GAAG,WAAW,CAAC;wBACvC,IAAI,CAAC,OAAO,CAAC,WAAW,GAAG,WAAW,CAAC;wBACvC,IAAI,iBAAiB,KAAK,UAAU,EAAE,CAAC;4BACrC,IAAI,QAAQ,KAAK,CAAC,EAAE,CAAC;gCACnB,IAAI,CAAC,OAAO,CAAC,OAAO,IAAI,QAAQ,CAAC;gCACjC,EAAE,CAAC,OAAO,CAAC,KAAK,IAAI,QAAQ,CAAC;4BAC/B,CAAC;wBACH,CAAC;6BAAM,CAAC;4BACN,IAAI,QAAQ,KAAK,CAAC,EAAE,CAAC;gCACnB,IAAI,CAAC,OAAO,CAAC,OAAO,IAAI,QAAQ,CAAC;gCACjC,EAAE,CAAC,OAAO,CAAC,KAAK,IAAI,QAAQ,CAAC;4BAC/B,CAAC;wBACH,CAAC;wBACD,4DAA4D;wBAC5D,6DAA6D;wBAC7D,oCAAoC;wBACpC,sDAAsD;wBACtD,gCAAgC;wBAChC,EAAE;wBACF,6DAA6D;wBAC7D,4DAA4D;wBAC5D,wDAAwD;wBACxD,sDAAsD;wBACtD,sDAAsD;wBACtD,oDAAoD;wBACpD,MAAM,KAAK,GAAG,QAAQ,GAAG,EAAE,CAAC;wBAC5B,MAAM,EAAE,GAAG,GAAG,CAAC,MAAM,CAAC,UAAU,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAC;wBACrD,IAAI,EAAE,IAAI,OAAO,EAAE,CAAC,KAAK,KAAK,UAAU;4BAAE,EAAE,CAAC,KAAK,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;wBAC7D,MAAM,GAAG,GAAI,UAAsC,CAAC,uBAAuB,CACnC,CAAC;wBACzC,IAAI,GAAG;4BAAE,GAAG,CAAC,IAAI,CAAC,CAAC;;4BACd,IAAI,CAAC,OAAO,CAAC,gBAAgB,GAAG,KAAK,CAAC;oBAC7C,CAAC,CAAC;oBACF,MAAM,GAAG,GAAI,UAAsC,CAAC,uBAAuB,CACnC,CAAC;oBACzC,IAAI,GAAG;wBAAE,GAAG,CAAC,IAAI,CAAC,CAAC;;wBACd,IAAI,CAAC,OAAO,CAAC,gBAAgB,GAAG,KAAK,CAAC;gBAC7C,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC,CAAC;SACD,KAAK,CAAC,GAAG,EAAE;QACV,aAAa,CAAC;QACd,qEAAqE;QACrE,0BAA0B;QAC1B,IAAI,CAAC,OAAO,CAAC,gBAAgB,GAAG,KAAK,CAAC;QACtC,IAAI,QAAQ,EAAE,CAAC;YACb,EAAE,CAAC,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC;YACrB,EAAE,CAAC,OAAO,CAAC,KAAK,GAAG,CAAC,CAAC;YACrB,MAAM,OAAO,GAAI,UAAsC,CAAC,oBAAoB,CAA6B,CAAC;YAC1G,IAAI,OAAO;gBAAE,OAAO,EAAE,CAAC;QACzB,CAAC;QACD,6DAA6D;QAC7D,oEAAoE;QACpE,8DAA8D;QAC9D,MAAM,IAAI,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC;QAC9B,MAAM,IAAI,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC;QAC9B,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;QAC9B,MAAM,KAAK,GAAG,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC;QAC9B,eAAe,CAAC,CAAC,CAAS,EAAE,CAAS,EAAE,EAAU,EAAE,EAAU,EAAE,EAAE;YAC/D,IAAI,SAAS;gBAAE,SAAS,CAAC,QAAQ,CAAC,KAAK,GAAG,KAAK,CAAC;YAChD,IAAI,CAAC,SAAS,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC,CAAC;QACpC,CAAC,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,CAAC,CAAC;IAC/B,CAAC,CAAC,CAAC;IAEL,kBAAkB,CAAC,KAAK,EAAE,GAAG,CAAC,CAAC;IAE/B,OAAO,GAAG,EAAE,CAAC,CACX,eACE,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,KAAK,EAAE,KAAK,CAAC,KAAK,qBACD,KAAK,YAErB,KAAK,CAAC,OAAO,EAAE,EAAE,GACb,CACR,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/components/Pressable.d.ts

@@ -1,5 +1,5 @@
 import { type Define } from '@sigx/lynx';
-export type PressableProps = Define.Prop<'pressedOpacity', number, false> & Define.Prop<'pressedScale', number, false> & Define.Prop<'longPressDuration', number, false> & Define.Prop<'maxDistance', number, false> & Define.Prop<'disabled', boolean, false> & Define.Prop<'class', string, false> & Define.Prop<'style', Record<string, string | number>, false> & Define.Slot<'default'> & Define.Event<'press', void> & Define.Event<'longPress', void>;
+export type PressableProps = Define.Prop<'pressedOpacity', number, false> & Define.Prop<'pressedScale', number, false> & Define.Prop<'longPressDuration', number, false> & Define.Prop<'maxDistance', number, false> & Define.Prop<'disabled', boolean, false> & Define.Prop<'class', string, false> & Define.Prop<'style', Record<string, string | number>, false> & Define.Prop<'accessibility-element', boolean, false> & Define.Prop<'accessibility-label', string, false> & Define.Prop<'accessibility-role', string, false> & Define.Prop<'accessibility-trait', string, false> & Define.Prop<'accessibility-status', string, false> & Define.Slot<'default'> & Define.Event<'press', void> & Define.Event<'longPress', void>;
 /**
  * MT-thread tap + long-press recognizer with built-in pressed-state visual
  * feedback (opacity + scale). Press and long-press callbacks are dispatched
@@ -30,9 +30,10 @@ export type PressableProps = Define.Prop<'pressedOpacity', number, false> & Defi
  * `LongPress.onEnd` skips press emission when the touch drifted past
  * the threshold (matching Tap's success criteria).
  *
- * Disabled is captured at setup; runtime toggling won't update an active
- * gesture's behavior. Wrap the parent in conditional rendering for now if
- * dynamic disable is needed.
+ * `disabled` reads live from a `MainThreadRef` so flipping it after mount
+ * (e.g. a `<Button loading>` toggling on) immediately suppresses both
+ * visual feedback and emit, without remounting the component or the
+ * underlying gesture registration.
  */
 export declare const Pressable: import("@sigx/runtime-core").ComponentFactory<PressableProps, void, {
     default: () => import("@sigx/runtime-core").JSXElement | import("@sigx/runtime-core").JSXElement[] | null;

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

@@ -1 +1 @@
-{"version":3,"file":"Pressable.d.ts","sourceRoot":"","sources":["../../src/components/Pressable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,MAAM,EAEZ,MAAM,YAAY,CAAC;AAEpB,MAAM,MAAM,cAAc,GACtB,MAAM,CAAC,IAAI,CAAC,gBAAgB,EAAE,MAAM,EAAE,KAAK,CAAC,GAC5C,MAAM,CAAC,IAAI,CAAC,cAAc,EAAE,MAAM,EAAE,KAAK,CAAC,GAC1C,MAAM,CAAC,IAAI,CAAC,mBAAmB,EAAE,MAAM,EAAE,KAAK,CAAC,GAC/C,MAAM,CAAC,IAAI,CAAC,aAAa,EAAE,MAAM,EAAE,KAAK,CAAC,GACzC,MAAM,CAAC,IAAI,CAAC,UAAU,EAAE,OAAO,EAAE,KAAK,CAAC,GACvC,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,GAC5D,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,GACtB,MAAM,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,GAC3B,MAAM,CAAC,KAAK,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;AASpC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,SAAS;;EAqHpB,CAAC"}
+{"version":3,"file":"Pressable.d.ts","sourceRoot":"","sources":["../../src/components/Pressable.tsx"],"names":[],"mappings":"AAAA,OAAO,EAML,KAAK,MAAM,EAEZ,MAAM,YAAY,CAAC;AAEpB,MAAM,MAAM,cAAc,GACtB,MAAM,CAAC,IAAI,CAAC,gBAAgB,EAAE,MAAM,EAAE,KAAK,CAAC,GAC5C,MAAM,CAAC,IAAI,CAAC,cAAc,EAAE,MAAM,EAAE,KAAK,CAAC,GAC1C,MAAM,CAAC,IAAI,CAAC,mBAAmB,EAAE,MAAM,EAAE,KAAK,CAAC,GAC/C,MAAM,CAAC,IAAI,CAAC,aAAa,EAAE,MAAM,EAAE,KAAK,CAAC,GACzC,MAAM,CAAC,IAAI,CAAC,UAAU,EAAE,OAAO,EAAE,KAAK,CAAC,GACvC,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,GAO5D,MAAM,CAAC,IAAI,CAAC,uBAAuB,EAAE,OAAO,EAAE,KAAK,CAAC,GACpD,MAAM,CAAC,IAAI,CAAC,qBAAqB,EAAE,MAAM,EAAE,KAAK,CAAC,GACjD,MAAM,CAAC,IAAI,CAAC,oBAAoB,EAAE,MAAM,EAAE,KAAK,CAAC,GAChD,MAAM,CAAC,IAAI,CAAC,qBAAqB,EAAE,MAAM,EAAE,KAAK,CAAC,GACjD,MAAM,CAAC,IAAI,CAAC,sBAAsB,EAAE,MAAM,EAAE,KAAK,CAAC,GAClD,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,GACtB,MAAM,CAAC,KAAK,CAAC,OAAO,EAAE,IAAI,CAAC,GAC3B,MAAM,CAAC,KAAK,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;AASpC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAkCG;AACH,eAAO,MAAM,SAAS;;EAmIpB,CAAC"}

package/dist/components/Pressable.js

@@ -0,0 +1,157 @@
+import { jsx as _jsx } from "@sigx/lynx/jsx-runtime";
+import { component, useMainThreadRef, runOnBackground, Gesture, useGestureDetector, } from '@sigx/lynx';
+/**
+ * MT-thread tap + long-press recognizer with built-in pressed-state visual
+ * feedback (opacity + scale). Press and long-press callbacks are dispatched
+ * to BG via `runOnBackground` (low-frequency cross-thread is fine).
+ *
+ * Cross-platform gesture-arena quirks (Phase 2.12.1, observed on iOS Lynx
+ * 3.5 sim and Android Lynx 3.6 / Pixel 9 Pro XL) make this component a
+ * hybrid: it composes `Gesture.Tap()` + `Gesture.LongPress()` via
+ * `Simultaneous` AND adds an onEnd-fallback path inside LongPress, so press
+ * emission works on both platforms via different routes:
+ *
+ * - **Android**: `Tap.onStart` fires on touch-up (as documented). Press
+ *   emits there; the LongPress fallback sees `pressEmitted=true` and
+ *   skips. `Tap.onEnd` fires on the same touch-up — but iOS's premature
+ *   onEnd (next bullet) means we can't safely reset styles here, so style
+ *   reset lives in LongPress.onEnd.
+ * - **iOS**: `Tap.onEnd` fires ~6ms after touchstart (an arena
+ *   fail/reset path that doesn't trigger on Android). `Tap.onStart`
+ *   never fires for our composition. We rely on `LongPress.onEnd` to
+ *   detect "lift before duration with no movement" and emit press from
+ *   the fallback. `Gesture.Race` would be simpler in theory, but its
+ *   `waitFor` deadlocks Tap on iOS — the arena dispatches Tap before
+ *   LongPress reaches Fail state.
+ *
+ * State tracks `longPressFired` and `pressEmitted` so neither event
+ * double-fires regardless of which platform path resolves first.
+ * Movement past `maxDistance` is tracked from `e.params.pageX/pageY`;
+ * `LongPress.onEnd` skips press emission when the touch drifted past
+ * the threshold (matching Tap's success criteria).
+ *
+ * `disabled` reads live from a `MainThreadRef` so flipping it after mount
+ * (e.g. a `<Button loading>` toggling on) immediately suppresses both
+ * visual feedback and emit, without remounting the component or the
+ * underlying gesture registration.
+ */
+export const Pressable = component(({ props, slots, emit }) => {
+    const elRef = useMainThreadRef(null);
+    const opacity = props.pressedOpacity ?? 0.6;
+    const scale = props.pressedScale ?? 1;
+    // longPressDuration === 0 disables long-press: we set minDuration to a
+    // huge value so the platform timer never fires; the iOS press fallback
+    // path still works because it's gated on `!longPressFired` (which stays
+    // false), and on Android the Tap.onStart path is unaffected.
+    const longPressDuration = props.longPressDuration ?? 500;
+    const minDuration = longPressDuration > 0 ? longPressDuration : 1000000;
+    const maxDistance = props.maxDistance ?? 10;
+    const maxDistanceSq = maxDistance * maxDistance;
+    // Reactive `disabled` — worklets read `disabledRef.current` so prop
+    // changes after mount take effect without re-registering the gesture.
+    // The render fn below keeps this ref in sync each pass.
+    const disabledRef = useMainThreadRef(!!props.disabled);
+    const state = useMainThreadRef({
+        longPressFired: false,
+        pressEmitted: false,
+        startPageX: 0,
+        startPageY: 0,
+    });
+    const tap = Gesture.Tap()
+        .maxDistance(maxDistance)
+        .onBegin((e) => {
+        'main thread';
+        if (disabledRef.current)
+            return;
+        // Reset the cross-platform state on every fresh touch-down. Both
+        // Tap.onBegin and LongPress.onBegin fire — first one wins, second
+        // is a no-op because pressEmitted/longPressFired are already false.
+        state.current.longPressFired = false;
+        state.current.pressEmitted = false;
+        const p = e && e.params;
+        state.current.startPageX = (p && p.pageX) || 0;
+        state.current.startPageY = (p && p.pageY) || 0;
+        elRef.current?.setStyleProperties({
+            opacity: opacity,
+            transform: 'scale(' + scale + ')',
+        });
+    })
+        .onStart(() => {
+        'main thread';
+        if (disabledRef.current)
+            return;
+        // Android path: Tap.onStart fires on touchend within maxDuration;
+        // emit press here. The LongPress.onEnd fallback below is gated on
+        // !pressEmitted so it won't double-fire on Android.
+        if (!state.current.pressEmitted) {
+            state.current.pressEmitted = true;
+            runOnBackground(() => { emit('press'); })();
+        }
+    });
+    // No Tap.onEnd: iOS fires it ~6ms after touchstart (arena fail/reset
+    // path), which would prematurely reset our press-state styles. Style
+    // reset lives in LongPress.onEnd, which fires only on real touch-up.
+    // Always pair Tap with a LongPress gesture — even when long-press is
+    // "disabled" by the consumer. LongPress.onEnd is the reliable terminal
+    // hook that resets the pressed visual state on touch-up across iOS +
+    // Android; without it the child would stay stuck in the pressed style.
+    // We disable long-press semantically (never fires) by pushing its
+    // minDuration past any realistic touch by setting it to MAX_SAFE_INTEGER
+    // while keeping the gesture registered for its onEnd lifecycle.
+    const longPressEnabled = longPressDuration > 0;
+    const longPress = Gesture.LongPress()
+        .minDuration(longPressEnabled ? minDuration : Number.MAX_SAFE_INTEGER)
+        .maxDistance(maxDistance)
+        .onBegin(() => {
+        'main thread';
+        if (disabledRef.current)
+            return;
+        // Idempotent with Tap.onBegin — both fire on touch-down. State has
+        // already been initialised by Tap.onBegin (whichever fires first).
+        elRef.current?.setStyleProperties({
+            opacity: opacity,
+            transform: 'scale(' + scale + ')',
+        });
+    })
+        .onStart(() => {
+        'main thread';
+        if (disabledRef.current)
+            return;
+        state.current.longPressFired = true;
+        runOnBackground(() => { emit('longPress'); })();
+    })
+        .onEnd((e) => {
+        'main thread';
+        // Reset visual feedback regardless of how this terminal state was
+        // reached (success / fail / cancel / lift-before-duration).
+        elRef.current?.setStyleProperties({
+            opacity: 1,
+            transform: 'scale(1)',
+        });
+        if (disabledRef.current)
+            return;
+        // iOS fallback path. On iOS Tap.onStart never fires, so press would
+        // never emit without this. On Android this is a no-op because
+        // pressEmitted is already true (or longPressFired is true).
+        if (state.current.longPressFired || state.current.pressEmitted)
+            return;
+        const p = e && e.params;
+        if (!p)
+            return;
+        const dx = (p.pageX || 0) - state.current.startPageX;
+        const dy = (p.pageY || 0) - state.current.startPageY;
+        if (dx * dx + dy * dy > maxDistanceSq)
+            return; // movement-cancel
+        state.current.pressEmitted = true;
+        runOnBackground(() => { emit('press'); })();
+    });
+    const gesture = Gesture.Simultaneous(tap, longPress);
+    useGestureDetector(elRef, gesture);
+    return () => {
+        // Keep the reactive-disabled ref in sync with the prop on every render.
+        // Worklets read `.current` at call time, so this is the only writer.
+        disabledRef.current = !!props.disabled;
+        return (_jsx("view", { class: props.class, style: props.style, "main-thread:ref": elRef, "accessibility-element": props['accessibility-element'], "accessibility-label": props['accessibility-label'], "accessibility-role": props['accessibility-role'], "accessibility-trait": props['accessibility-trait'], "accessibility-status": props['accessibility-status'], children: slots.default?.() }));
+    };
+});
+//# sourceMappingURL=Pressable.js.map