react-native-drax 0.11.0-alpha.2 → 1.1.0

package/lib/typescript/src/Drax.d.ts

@@ -0,0 +1,28 @@
+import { DraxHandle } from './DraxHandle';
+/**
+ * Namespace object for convenient access to all Drax components.
+ *
+ * @example
+ * ```tsx
+ * import { Drax } from 'react-native-drax';
+ *
+ * <Drax.Provider>
+ *   <Drax.View draggable>
+ *     <Drax.Handle><GripIcon /></Drax.Handle>
+ *   </Drax.View>
+ * </Drax.Provider>
+ * ```
+ */
+export declare const Drax: {
+    readonly Handle: typeof DraxHandle;
+    readonly List: <T>({ component: ListComponent, ref, id, data, keyExtractor, onReorder, renderItem, reorderStrategy, longPressDelay, lockToMainAxis, animationConfig, inactiveItemStyle, itemEntering, itemExiting, itemDraxViewProps, containerDraxViewProps, containerStyle, onDragStart, onDragPositionChange, onDragEnd, style, horizontal, numColumns, ...listProps }: import("./DraxList").DraxListProps<T> & Record<string, any>) => import("react").ReactNode;
+    readonly Provider: ({ style, debug, onDragStart: onProviderDragStart, onDrag: onProviderDrag, onDragEnd: onProviderDragEnd, children, }: import("./types").DraxProviderProps) => import("react").ReactNode;
+    readonly ScrollView: (props: import("react").PropsWithChildren<import("./types").DraxScrollViewProps> & {
+        ref?: import("react").Ref<import("react-native").ScrollView>;
+    }) => import("react/jsx-runtime").JSX.Element;
+    readonly View: import("react").MemoExoticComponent<(props: import("./types").DraxViewProps) => import("react").ReactNode>;
+    readonly SortableBoardContainer: <TItem>({ board, style, children, draxViewProps, }: import("./SortableBoardContainer").SortableBoardContainerProps<TItem>) => import("react/jsx-runtime").JSX.Element;
+    readonly SortableContainer: ({ sortable, scrollRef, style, children, draxViewProps, renderDropIndicator, }: import("./SortableContainer").SortableContainerProps) => import("react/jsx-runtime").JSX.Element;
+    readonly SortableItem: ({ sortable, index, fixed, children, ...draxViewProps }: import("./SortableItem").SortableItemProps) => import("react/jsx-runtime").JSX.Element;
+};
+//# sourceMappingURL=Drax.d.ts.map

package/lib/typescript/src/Drax.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drax.d.ts","sourceRoot":"","sources":["../../../src/Drax.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAS1C;;;;;;;;;;;;;GAaG;AACH,eAAO,MAAM,IAAI;;;;;WAMf,CAAA;;;;;;CAGQ,CAAC"}

package/lib/typescript/src/DraxContext.d.ts

@@ -0,0 +1,3 @@
+import type { DraxContextValue } from './types';
+export declare const DraxContext: import("react").Context<DraxContextValue | undefined>;
+//# sourceMappingURL=DraxContext.d.ts.map

package/lib/typescript/src/DraxContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DraxContext.d.ts","sourceRoot":"","sources":["../../../src/DraxContext.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAEhD,eAAO,MAAM,WAAW,uDAEvB,CAAC"}

package/lib/typescript/src/DraxHandle.d.ts

@@ -0,0 +1,25 @@
+import type { ReactNode } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+export interface DraxHandleProps {
+    children: ReactNode;
+    style?: StyleProp<ViewStyle>;
+}
+/**
+ * Drag handle component — only touches on this area will start a drag.
+ *
+ * Must be a descendant of a `DraxView` that has `dragHandle={true}`.
+ * The parent DraxView provides its gesture via context; this component
+ * attaches it to the handle's touch area via GestureDetector.
+ *
+ * @example
+ * ```tsx
+ * <DraxView dragHandle style={styles.row}>
+ *   <DraxHandle style={styles.grip}>
+ *     <GripIcon />
+ *   </DraxHandle>
+ *   <Text>Item content</Text>
+ * </DraxView>
+ * ```
+ */
+export declare function DraxHandle({ children, style }: DraxHandleProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DraxHandle.d.ts.map

package/lib/typescript/src/DraxHandle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DraxHandle.d.ts","sourceRoot":"","sources":["../../../src/DraxHandle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAMzD,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,SAAS,CAAC;IACpB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,UAAU,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE,eAAe,2CAqB9D"}

package/lib/typescript/src/DraxHandleContext.d.ts

@@ -0,0 +1,12 @@
+import type { DraxPanGesture } from './compat';
+export interface DraxHandleContextValue {
+    gesture: DraxPanGesture;
+}
+/**
+ * Context that passes the drag gesture from a DraxView (with `dragHandle` prop)
+ * to its descendant DraxHandle component. When a DraxView has `dragHandle={true}`,
+ * it does NOT wrap itself in a GestureDetector. Instead, the gesture is provided
+ * via this context so that DraxHandle can attach it to a smaller touch area.
+ */
+export declare const DraxHandleContext: import("react").Context<DraxHandleContextValue | null>;
+//# sourceMappingURL=DraxHandleContext.d.ts.map

package/lib/typescript/src/DraxHandleContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DraxHandleContext.d.ts","sourceRoot":"","sources":["../../../src/DraxHandleContext.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAE/C,MAAM,WAAW,sBAAsB;IACrC,OAAO,EAAE,cAAc,CAAC;CACzB;AAED;;;;;GAKG;AACH,eAAO,MAAM,iBAAiB,wDAAqD,CAAC"}

package/lib/typescript/src/DraxList.d.ts

@@ -0,0 +1,66 @@
+import type { ComponentType, ReactNode, Ref } from 'react';
+import type { ListRenderItemInfo, StyleProp, ViewStyle } from 'react-native';
+import type { EntryOrExitLayoutType } from 'react-native-reanimated';
+import type { DraxViewProps, SortableAnimationConfig, SortableDragEndEvent, SortableDragPositionChangeEvent, SortableDragStartEvent, SortableReorderEvent, SortableReorderStrategy } from './types';
+export interface DraxListProps<T> {
+    /**
+     * List component to render. Any component that accepts `data`, `renderItem`,
+     * and `keyExtractor` props (FlatList, FlashList, LegendList, etc.).
+     * @default FlatList
+     */
+    component?: ComponentType<any>;
+    ref?: Ref<any>;
+    /** Optional explicit DraxView id for the container */
+    id?: string;
+    data: T[];
+    keyExtractor: (item: T, index: number) => string;
+    onReorder: (event: SortableReorderEvent<T>) => void;
+    renderItem: (info: ListRenderItemInfo<T>) => ReactNode;
+    /** Reorder strategy. @default 'insert' */
+    reorderStrategy?: SortableReorderStrategy;
+    /** Long press delay before drag starts in ms. @default 250 */
+    longPressDelay?: number;
+    /** Lock item drags to the list's main axis. @default false */
+    lockToMainAxis?: boolean;
+    /** Animation config for item shift animations. @default 'default' */
+    animationConfig?: SortableAnimationConfig;
+    /** Style applied to all non-dragged items while a drag is active.
+     *  Use for dimming/scaling inactive items (e.g., `{ opacity: 0.5 }`). */
+    inactiveItemStyle?: ViewStyle;
+    /** Reanimated layout animation for items entering the list (e.g., `FadeIn`). */
+    itemEntering?: EntryOrExitLayoutType;
+    /** Reanimated layout animation for items exiting the list (e.g., `FadeOut`). */
+    itemExiting?: EntryOrExitLayoutType;
+    /** DraxView props to apply to each item */
+    itemDraxViewProps?: Partial<DraxViewProps>;
+    /** DraxView props for the container */
+    containerDraxViewProps?: Partial<DraxViewProps>;
+    /** Style for the container */
+    containerStyle?: StyleProp<ViewStyle>;
+    /** Style for the list component */
+    style?: StyleProp<ViewStyle>;
+    /** Horizontal list layout. @default false */
+    horizontal?: boolean;
+    /** Number of columns (grid layout). @default 1 */
+    numColumns?: number;
+    /** Callback when drag starts */
+    onDragStart?: (event: SortableDragStartEvent<T>) => void;
+    /** Callback when drag position changes */
+    onDragPositionChange?: (event: SortableDragPositionChangeEvent<T>) => void;
+    /** Callback when drag ends */
+    onDragEnd?: (event: SortableDragEndEvent<T>) => void;
+}
+/**
+ * List-agnostic sortable list component.
+ *
+ * Wraps any list component (FlatList, FlashList, LegendList, etc.) with
+ * drag-and-drop reordering powered by `useSortableList` + `SortableContainer` + `SortableItem`.
+ *
+ * For full control, use the composable API directly:
+ * `useSortableList` + `SortableContainer` + `SortableItem`.
+ *
+ * Any extra props beyond the ones defined in `DraxListProps` are forwarded
+ * to the underlying list component (e.g. `estimatedItemSize` for FlashList).
+ */
+export declare const DraxList: <T>({ component: ListComponent, ref, id, data, keyExtractor, onReorder, renderItem, reorderStrategy, longPressDelay, lockToMainAxis, animationConfig, inactiveItemStyle, itemEntering, itemExiting, itemDraxViewProps, containerDraxViewProps, containerStyle, onDragStart, onDragPositionChange, onDragEnd, style, horizontal, numColumns, ...listProps }: DraxListProps<T> & Record<string, any>) => ReactNode;
+//# sourceMappingURL=DraxList.d.ts.map

package/lib/typescript/src/DraxList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DraxList.d.ts","sourceRoot":"","sources":["../../../src/DraxList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAE3D,OAAO,KAAK,EAEV,kBAAkB,EAClB,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAKtB,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AACrE,OAAO,KAAK,EACV,aAAa,EACb,uBAAuB,EACvB,oBAAoB,EACpB,+BAA+B,EAC/B,sBAAsB,EACtB,oBAAoB,EACpB,uBAAuB,EACxB,MAAM,SAAS,CAAC;AAEjB,MAAM,WAAW,aAAa,CAAC,CAAC;IAC9B;;;;OAIG;IACH,SAAS,CAAC,EAAE,aAAa,CAAC,GAAG,CAAC,CAAC;IAC/B,GAAG,CAAC,EAAE,GAAG,CAAC,GAAG,CAAC,CAAC;IACf,sDAAsD;IACtD,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,YAAY,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IACjD,SAAS,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACpD,UAAU,EAAE,CAAC,IAAI,EAAE,kBAAkB,CAAC,CAAC,CAAC,KAAK,SAAS,CAAC;IACvD,0CAA0C;IAC1C,eAAe,CAAC,EAAE,uBAAuB,CAAC;IAC1C,8DAA8D;IAC9D,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,8DAA8D;IAC9D,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,qEAAqE;IACrE,eAAe,CAAC,EAAE,uBAAuB,CAAC;IAC1C;6EACyE;IACzE,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B,gFAAgF;IAChF,YAAY,CAAC,EAAE,qBAAqB,CAAC;IACrC,gFAAgF;IAChF,WAAW,CAAC,EAAE,qBAAqB,CAAC;IACpC,2CAA2C;IAC3C,iBAAiB,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IAC3C,uCAAuC;IACvC,sBAAsB,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IAChD,8BAA8B;IAC9B,cAAc,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,mCAAmC;IACnC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,6CAA6C;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,kDAAkD;IAClD,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,gCAAgC;IAChC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,sBAAsB,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IACzD,0CAA0C;IAC1C,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,+BAA+B,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;IAC3E,8BAA8B;IAC9B,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC;CACtD;AAED;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,QAAQ,GAAI,CAAC,EAAG,wVAyB1B,aAAa,CAAC,CAAC,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAG,SAuE3C,CAAC"}

package/lib/typescript/src/DraxProvider.d.ts

@@ -0,0 +1,4 @@
+import type { ReactNode } from 'react';
+import type { DraxProviderProps } from './types';
+export declare const DraxProvider: ({ style, debug, onDragStart: onProviderDragStart, onDrag: onProviderDrag, onDragEnd: onProviderDragEnd, children, }: DraxProviderProps) => ReactNode;
+//# sourceMappingURL=DraxProvider.d.ts.map

package/lib/typescript/src/DraxProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DraxProvider.d.ts","sourceRoot":"","sources":["../../../src/DraxProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAa,MAAM,OAAO,CAAC;AAYlD,OAAO,KAAK,EAGV,iBAAiB,EAElB,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,YAAY,GAAI,qHAO1B,iBAAiB,KAAG,SA+LtB,CAAC"}

package/lib/typescript/src/DraxScrollView.d.ts

@@ -0,0 +1,7 @@
+import type { PropsWithChildren, Ref } from 'react';
+import { ScrollView } from 'react-native';
+import type { DraxScrollViewProps } from './types';
+export declare const DraxScrollView: (props: PropsWithChildren<DraxScrollViewProps> & {
+    ref?: Ref<ScrollView>;
+}) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DraxScrollView.d.ts.map

package/lib/typescript/src/DraxScrollView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DraxScrollView.d.ts","sourceRoot":"","sources":["../../../src/DraxScrollView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEpD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAa1C,OAAO,KAAK,EAGV,mBAAmB,EACpB,MAAM,SAAS,CAAC;AAGjB,eAAO,MAAM,cAAc,GACzB,OAAO,iBAAiB,CAAC,mBAAmB,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,GAAG,CAAC,UAAU,CAAC,CAAA;CAAE,4CA4J1E,CAAC"}

package/lib/typescript/src/DraxSubprovider.d.ts

@@ -0,0 +1,4 @@
+import type { PropsWithChildren } from 'react';
+import type { DraxSubproviderProps } from './types';
+export declare const DraxSubprovider: ({ parent, children, }: PropsWithChildren<DraxSubproviderProps>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DraxSubprovider.d.ts.map

package/lib/typescript/src/DraxSubprovider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DraxSubprovider.d.ts","sourceRoot":"","sources":["../../../src/DraxSubprovider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAK/C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAEpD,eAAO,MAAM,eAAe,GAAI,uBAG7B,iBAAiB,CAAC,oBAAoB,CAAC,4CAWzC,CAAC"}

package/lib/typescript/src/DraxView.d.ts

@@ -0,0 +1,4 @@
+import type { ReactNode } from 'react';
+import type { DraxViewProps } from './types';
+export declare const DraxView: import("react").MemoExoticComponent<(props: DraxViewProps) => ReactNode>;
+//# sourceMappingURL=DraxView.d.ts.map

package/lib/typescript/src/DraxView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DraxView.d.ts","sourceRoot":"","sources":["../../../src/DraxView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAgB,SAAS,EAAE,MAAM,OAAO,CAAC;AAcrD,OAAO,KAAK,EAGV,aAAa,EAEd,MAAM,SAAS,CAAC;AAqHjB,eAAO,MAAM,QAAQ,8CAAgB,aAAa,KAAG,SAAS,CAqS5D,CAAC"}

package/lib/typescript/src/HoverLayer.d.ts

@@ -0,0 +1,38 @@
+import type { ReactNode, RefObject } from 'react';
+import type { ViewStyle } from 'react-native';
+import type { SharedValue } from 'react-native-reanimated';
+import type { DragPhase, Position } from './types';
+/** Flattened hover styles for the currently dragged view */
+export interface FlattenedHoverStyles {
+    hoverStyle: ViewStyle | null;
+    hoverDraggingStyle: ViewStyle | null;
+    hoverDraggingWithReceiverStyle: ViewStyle | null;
+    hoverDraggingWithoutReceiverStyle: ViewStyle | null;
+    hoverDragReleasedStyle: ViewStyle | null;
+}
+interface HoverLayerProps {
+    hoverContentRef: RefObject<ReactNode>;
+    /** Changing this value triggers a re-render to pick up new ref content */
+    hoverVersion: number;
+    hoverPositionSV: SharedValue<Position>;
+    dragPhaseSV: SharedValue<DragPhase>;
+    receiverIdSV: SharedValue<string>;
+    /** Set to true after hover content is committed — SortableItem reads this for visibility */
+    hoverReadySV: SharedValue<boolean>;
+    /** Animated hover content dimensions. x=width, y=height. {0,0}=no constraint. */
+    hoverDimsSV: SharedValue<Position>;
+    /** Ref to flattened hover styles of the currently dragged view */
+    hoverStylesRef: RefObject<FlattenedHoverStyles | null>;
+}
+/**
+ * Single hover layer component that renders the hover content during drag.
+ *
+ * This is the ONLY component that reads hoverPositionSV (changes every frame).
+ * All other DraxViews read draggedIdSV/receiverIdSV/dragPhaseSV which change ~5x per drag.
+ *
+ * Content is passed via ref to avoid re-rendering the entire DraxProvider tree.
+ * Only this component re-renders when hover content changes (via hoverVersion).
+ */
+export declare const HoverLayer: import("react").MemoExoticComponent<({ hoverContentRef, hoverVersion, hoverPositionSV, dragPhaseSV, receiverIdSV, hoverReadySV, hoverDimsSV, hoverStylesRef }: HoverLayerProps) => import("react/jsx-runtime").JSX.Element>;
+export {};
+//# sourceMappingURL=HoverLayer.d.ts.map

package/lib/typescript/src/HoverLayer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HoverLayer.d.ts","sourceRoot":"","sources":["../../../src/HoverLayer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAE9C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAI3D,OAAO,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnD,4DAA4D;AAC5D,MAAM,WAAW,oBAAoB;IACnC,UAAU,EAAE,SAAS,GAAG,IAAI,CAAC;IAC7B,kBAAkB,EAAE,SAAS,GAAG,IAAI,CAAC;IACrC,8BAA8B,EAAE,SAAS,GAAG,IAAI,CAAC;IACjD,iCAAiC,EAAE,SAAS,GAAG,IAAI,CAAC;IACpD,sBAAsB,EAAE,SAAS,GAAG,IAAI,CAAC;CAC1C;AAED,UAAU,eAAe;IACvB,eAAe,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IACtC,0EAA0E;IAC1E,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IACvC,WAAW,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACpC,YAAY,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAClC,4FAA4F;IAC5F,YAAY,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IACnC,iFAAiF;IACjF,WAAW,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IACnC,kEAAkE;IAClE,cAAc,EAAE,SAAS,CAAC,oBAAoB,GAAG,IAAI,CAAC,CAAC;CACxD;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,UAAU,iKACsG,eAAe,6CA0G3I,CAAC"}

package/lib/typescript/src/SortableBoardContainer.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { DraxViewProps, SortableBoardHandle } from './types';
+export interface SortableBoardContainerProps<TItem = unknown> {
+    board: SortableBoardHandle<TItem>;
+    style?: StyleProp<ViewStyle>;
+    children: ReactNode;
+    draxViewProps?: Partial<DraxViewProps>;
+}
+export declare const SortableBoardContainer: <TItem>({ board, style, children, draxViewProps, }: SortableBoardContainerProps<TItem>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SortableBoardContainer.d.ts.map

package/lib/typescript/src/SortableBoardContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SortableBoardContainer.d.ts","sourceRoot":"","sources":["../../../src/SortableBoardContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAOzD,OAAO,KAAK,EAKV,aAAa,EAGb,mBAAmB,EAIpB,MAAM,SAAS,CAAC;AAGjB,MAAM,WAAW,2BAA2B,CAAC,KAAK,GAAG,OAAO;IAC1D,KAAK,EAAE,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAClC,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;CACxC;AAED,eAAO,MAAM,sBAAsB,GAAI,KAAK,EAAG,4CAK5C,2BAA2B,CAAC,KAAK,CAAC,4CAkZpC,CAAC"}

package/lib/typescript/src/SortableBoardContext.d.ts

@@ -0,0 +1,4 @@
+import type { SortableBoardContextValue } from './types';
+export declare const SortableBoardContext: import("react").Context<SortableBoardContextValue | undefined>;
+export declare const useSortableBoardContext: () => SortableBoardContextValue | undefined;
+//# sourceMappingURL=SortableBoardContext.d.ts.map

package/lib/typescript/src/SortableBoardContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SortableBoardContext.d.ts","sourceRoot":"","sources":["../../../src/SortableBoardContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AAEzD,eAAO,MAAM,oBAAoB,gEAAkE,CAAC;AAEpG,eAAO,MAAM,uBAAuB,6CAAyC,CAAC"}

package/lib/typescript/src/SortableContainer.d.ts

@@ -0,0 +1,13 @@
+import type { ReactNode, RefObject } from 'react';
+import type { StyleProp, ViewStyle } from 'react-native';
+import type { DropIndicatorProps, DraxViewProps, SortableListHandle } from './types';
+export interface SortableContainerProps {
+    sortable: SortableListHandle<any>;
+    scrollRef: RefObject<any>;
+    style?: StyleProp<ViewStyle>;
+    children: ReactNode;
+    draxViewProps?: Partial<DraxViewProps>;
+    renderDropIndicator?: (props: DropIndicatorProps) => ReactNode;
+}
+export declare const SortableContainer: ({ sortable, scrollRef, style, children, draxViewProps, renderDropIndicator, }: SortableContainerProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SortableContainer.d.ts.map

package/lib/typescript/src/SortableContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SortableContainer.d.ts","sourceRoot":"","sources":["../../../src/SortableContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGlD,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AASzD,OAAO,KAAK,EACV,kBAAkB,EAOlB,aAAa,EACb,kBAAkB,EACnB,MAAM,SAAS,CAAC;AAwBjB,MAAM,WAAW,sBAAsB;IACrC,QAAQ,EAAE,kBAAkB,CAAC,GAAG,CAAC,CAAC;IAClC,SAAS,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,aAAa,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,CAAC;IACvC,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,SAAS,CAAC;CAChE;AAED,eAAO,MAAM,iBAAiB,GAAI,+EAO/B,sBAAsB,4CAiiBxB,CAAC"}

package/lib/typescript/src/SortableItem.d.ts

@@ -0,0 +1,14 @@
+import type { ReactNode } from 'react';
+import type { DraxViewProps, SortableListHandle } from './types';
+export interface SortableItemProps extends DraxViewProps {
+    sortable: SortableListHandle<any>;
+    index: number;
+    /** When true, this item cannot be dragged and stays in its position.
+     *  Other items will skip over it during reorder. */
+    fixed?: boolean;
+    children: ReactNode;
+}
+declare const SortableItemInner: ({ sortable, index, fixed, children, ...draxViewProps }: SortableItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const SortableItem: typeof SortableItemInner;
+export {};
+//# sourceMappingURL=SortableItem.d.ts.map

package/lib/typescript/src/SortableItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SortableItem.d.ts","sourceRoot":"","sources":["../../../src/SortableItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAoBvC,OAAO,KAAK,EAEV,aAAa,EAGb,kBAAkB,EACnB,MAAM,SAAS,CAAC;AAsEjB,MAAM,WAAW,iBAAkB,SAAQ,aAAa;IACtD,QAAQ,EAAE,kBAAkB,CAAC,GAAG,CAAC,CAAC;IAClC,KAAK,EAAE,MAAM,CAAC;IACd;wDACoD;IACpD,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,QAAA,MAAM,iBAAiB,GAAI,wDAMxB,iBAAiB,4CAsJnB,CAAC;AAEF,eAAO,MAAM,YAAY,EAA8B,OAAO,iBAAiB,CAAC"}

package/lib/typescript/src/SortableItemContext.d.ts

@@ -0,0 +1,37 @@
+import type { SharedValue } from 'react-native-reanimated';
+/** Per-item state exposed by useItemContext */
+export interface SortableItemContextValue {
+    /** The item's key (from keyExtractor) */
+    itemKey: string;
+    /** Display index in the current sort order */
+    index: number;
+    /** SharedValue: true when this item is being dragged */
+    isActive: SharedValue<boolean>;
+    /** SharedValue: ID of the currently dragged item (empty string if none) */
+    activeItemId: SharedValue<string>;
+}
+export declare const SortableItemContext: import("react").Context<SortableItemContextValue | null>;
+/**
+ * Access per-item state from within a SortableItem's children.
+ *
+ * Returns SharedValues for reactive animations:
+ * - `isActive` — true when THIS item is being dragged
+ * - `activeItemId` — ID of the currently dragged item
+ * - `itemKey` — this item's key
+ * - `index` — this item's display index
+ *
+ * Must be called within a `<SortableItem>`.
+ *
+ * @example
+ * ```tsx
+ * function MyItem() {
+ *   const { isActive } = useItemContext();
+ *   const style = useAnimatedStyle(() => ({
+ *     transform: [{ scale: isActive.value ? 1.1 : 1 }],
+ *   }));
+ *   return <Reanimated.View style={style}>...</Reanimated.View>;
+ * }
+ * ```
+ */
+export declare const useItemContext: () => SortableItemContextValue;
+//# sourceMappingURL=SortableItemContext.d.ts.map

package/lib/typescript/src/SortableItemContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SortableItemContext.d.ts","sourceRoot":"","sources":["../../../src/SortableItemContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3D,+CAA+C;AAC/C,MAAM,WAAW,wBAAwB;IACvC,yCAAyC;IACzC,OAAO,EAAE,MAAM,CAAC;IAChB,8CAA8C;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,wDAAwD;IACxD,QAAQ,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAC/B,2EAA2E;IAC3E,YAAY,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;CACnC;AAED,eAAO,MAAM,mBAAmB,0DAAuD,CAAC;AAExF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,cAAc,QAAO,wBAMjC,CAAC"}

package/lib/typescript/src/compat/detectVersion.d.ts

@@ -0,0 +1,2 @@
+export declare function isGestureHandlerV3(): boolean;
+//# sourceMappingURL=detectVersion.d.ts.map

package/lib/typescript/src/compat/detectVersion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"detectVersion.d.ts","sourceRoot":"","sources":["../../../../src/compat/detectVersion.ts"],"names":[],"mappings":"AAOA,wBAAgB,kBAAkB,IAAI,OAAO,CAS5C"}

package/lib/typescript/src/compat/index.d.ts

@@ -0,0 +1,4 @@
+export { useDraxPanGesture } from './useDraxPanGesture';
+export type { DraxPanEvent, DraxPanGesture, DraxPanGestureConfig, } from './types';
+export { isGestureHandlerV3 } from './detectVersion';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/compat/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/compat/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,YAAY,EACV,YAAY,EACZ,cAAc,EACd,oBAAoB,GACrB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,kBAAkB,EAAE,MAAM,iBAAiB,CAAC"}

package/lib/typescript/src/compat/types.d.ts

@@ -0,0 +1,33 @@
+import type { SharedValue } from 'react-native-reanimated';
+/**
+ * Re-export PanGesture from RNGH — resolves to the correct type per installed version:
+ * - v3: SingleGesture<PanHandlerData, PanGestureInternalProperties>
+ * - v2: PanGesture class extending ContinousBaseGesture
+ */
+export type { PanGesture as DraxPanGesture } from 'react-native-gesture-handler';
+/** Minimal event shape — only the fields Drax uses (present in both v2 and v3). */
+export interface DraxPanEvent {
+    x: number;
+    y: number;
+    absoluteX: number;
+    absoluteY: number;
+}
+/** Config for the version-agnostic pan gesture hook. */
+export interface DraxPanGestureConfig {
+    enabledSV: SharedValue<boolean>;
+    longPressDelaySV: SharedValue<number>;
+    maxPointers: number;
+    shouldCancelWhenOutside: boolean;
+    /** Web: CSS touch-action for the gesture view. Set to 'pan-y' or 'pan-x'
+     *  to allow native scrolling before the long-press activates. */
+    touchAction?: string;
+    /** Fail the gesture if finger moves more than this distance during activation.
+     *  Prevents accidental drags when the user is trying to scroll. */
+    failOffsetX?: number | [number, number];
+    failOffsetY?: number | [number, number];
+    onActivate: (event: DraxPanEvent) => void;
+    onUpdate: (event: DraxPanEvent) => void;
+    onDeactivate: (event: DraxPanEvent) => void;
+    onFinalize: (event: DraxPanEvent, didSucceed: boolean) => void;
+}
+//# sourceMappingURL=types.d.ts.map

package/lib/typescript/src/compat/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/compat/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAE3D;;;;GAIG;AACH,YAAY,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAEjF,mFAAmF;AACnF,MAAM,WAAW,YAAY;IAC3B,CAAC,EAAE,MAAM,CAAC;IACV,CAAC,EAAE,MAAM,CAAC;IACV,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,wDAAwD;AACxD,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IAChC,gBAAgB,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACtC,WAAW,EAAE,MAAM,CAAC;IACpB,uBAAuB,EAAE,OAAO,CAAC;IACjC;qEACiE;IACjE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;uEACmE;IACnE,WAAW,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACxC,WAAW,CAAC,EAAE,MAAM,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACxC,UAAU,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAC1C,QAAQ,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IACxC,YAAY,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IAC5C,UAAU,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,UAAU,EAAE,OAAO,KAAK,IAAI,CAAC;CAChE"}

package/lib/typescript/src/compat/useDraxPanGesture.d.ts

@@ -0,0 +1,8 @@
+import type { DraxPanGesture, DraxPanGestureConfig } from './types';
+/**
+ * Version-agnostic pan gesture hook.
+ * Delegates to v3's usePanGesture (optimal) or v2's Gesture.Pan() builder (compat).
+ * Selected at module load time to avoid conditional hook calls.
+ */
+export declare const useDraxPanGesture: (config: DraxPanGestureConfig) => DraxPanGesture;
+//# sourceMappingURL=useDraxPanGesture.d.ts.map

package/lib/typescript/src/compat/useDraxPanGesture.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDraxPanGesture.d.ts","sourceRoot":"","sources":["../../../../src/compat/useDraxPanGesture.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAgB,cAAc,EAAE,oBAAoB,EAAE,MAAM,SAAS,CAAC;AAiGlF;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,EAAE,CAC9B,MAAM,EAAE,oBAAoB,KACzB,cAEkB,CAAC"}

package/lib/typescript/src/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export { useDraxContext } from './useDraxContext';
+export { useDraxId } from './useDraxId';
+//# sourceMappingURL=index.d.ts.map

package/lib/typescript/src/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}

package/lib/typescript/src/hooks/useCallbackDispatch.d.ts

@@ -0,0 +1,40 @@
+import type { ReactNode, RefObject } from 'react';
+import type { SharedValue } from 'react-native-reanimated';
+import type { FlattenedHoverStyles } from '../HoverLayer';
+import type { DragPhase, DraxProviderDragEvent, Position, SpatialEntry, ViewRegistryEntry } from '../types';
+interface CallbackDispatchDeps {
+    getViewEntry: (id: string) => ViewRegistryEntry | undefined;
+    spatialIndexSV: SharedValue<SpatialEntry[]>;
+    scrollOffsetsSV: SharedValue<Position[]>;
+    draggedIdSV: SharedValue<string>;
+    receiverIdSV: SharedValue<string>;
+    rejectedReceiverIdSV: SharedValue<string>;
+    dragPhaseSV: SharedValue<DragPhase>;
+    hoverPositionSV: SharedValue<Position>;
+    grabOffsetSV: SharedValue<Position>;
+    startPositionSV: SharedValue<Position>;
+    setHoverContent: (content: ReactNode | null) => void;
+    hoverReadySV: SharedValue<boolean>;
+    hoverClearDeferredRef: {
+        current: boolean;
+    };
+    hoverStylesRef: RefObject<FlattenedHoverStyles | null>;
+    onProviderDragStart?: (event: DraxProviderDragEvent) => void;
+    onProviderDrag?: (event: DraxProviderDragEvent) => void;
+    onProviderDragEnd?: (event: DraxProviderDragEvent & {
+        cancelled: boolean;
+    }) => void;
+    droppedItemsRef: RefObject<Map<string, Set<string>>>;
+}
+/**
+ * Provides JS-thread callback dispatch functions that are invoked via runOnJS
+ * from gesture worklets. These handle ~5 calls per drag (start, receiver changes, end),
+ * NOT per frame.
+ */
+export declare const useCallbackDispatch: (deps: CallbackDispatchDeps) => {
+    handleDragStart: (draggedId: string, absolutePosition: Position, _grabOffset: Position) => void;
+    handleReceiverChange: (oldReceiverId: string, newReceiverId: string, absolutePosition: Position, monitorIds?: string[]) => void;
+    handleDragEnd: (draggedId: string, receiverId: string, cancelled: boolean, finalMonitorIds?: string[]) => void;
+};
+export {};
+//# sourceMappingURL=useCallbackDispatch.d.ts.map

package/lib/typescript/src/hooks/useCallbackDispatch.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCallbackDispatch.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useCallbackDispatch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAIlD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAI3D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,eAAe,CAAC;AAM1D,OAAO,KAAK,EACV,SAAS,EAGT,qBAAqB,EAIrB,QAAQ,EACR,YAAY,EACZ,iBAAiB,EAClB,MAAM,UAAU,CAAC;AA2BlB,UAAU,oBAAoB;IAC5B,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,iBAAiB,GAAG,SAAS,CAAC;IAC5D,cAAc,EAAE,WAAW,CAAC,YAAY,EAAE,CAAC,CAAC;IAC5C,eAAe,EAAE,WAAW,CAAC,QAAQ,EAAE,CAAC,CAAC;IACzC,WAAW,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IACjC,YAAY,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAClC,oBAAoB,EAAE,WAAW,CAAC,MAAM,CAAC,CAAC;IAC1C,WAAW,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IACpC,eAAe,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IACvC,YAAY,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IACpC,eAAe,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAC;IACvC,eAAe,EAAE,CAAC,OAAO,EAAE,SAAS,GAAG,IAAI,KAAK,IAAI,CAAC;IACrD,YAAY,EAAE,WAAW,CAAC,OAAO,CAAC,CAAC;IACnC,qBAAqB,EAAE;QAAE,OAAO,EAAE,OAAO,CAAA;KAAE,CAAC;IAC5C,cAAc,EAAE,SAAS,CAAC,oBAAoB,GAAG,IAAI,CAAC,CAAC;IAEvD,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAC7D,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IACxD,iBAAiB,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,GAAG;QAAE,SAAS,EAAE,OAAO,CAAA;KAAE,KAAK,IAAI,CAAC;IAEpF,eAAe,EAAE,SAAS,CAAC,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;CACtD;AAED;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,GAAI,MAAM,oBAAoB;iCAqG/C,MAAM,oBACC,QAAQ,eACb,QAAQ;0CAuFN,MAAM,iBACN,MAAM,oBACH,QAAQ,eACb,MAAM,EAAE;+BAgOV,MAAM,cACL,MAAM,aACP,OAAO,oBACA,MAAM,EAAE;CA6L7B,CAAC"}

package/lib/typescript/src/hooks/useDragGesture.d.ts

@@ -0,0 +1,17 @@
+import type { SharedValue } from 'react-native-reanimated';
+/**
+ * Creates a Pan gesture for a draggable DraxView.
+ * Hit-testing runs entirely on the UI thread — zero runOnJS per frame
+ * unless the receiver changes.
+ *
+ * On RNGH v3, `enabledSV` and `longPressDelaySV` are SharedValues that
+ * reconfigure the native gesture handler on the UI thread — zero JS bridge.
+ * On RNGH v2, they are mirrored to plain values with gesture recreation on change.
+ */
+export declare const useDragGesture: (id: string, viewSpatialIndexSV: SharedValue<number>, enabledSV: SharedValue<boolean>, longPressDelaySV: SharedValue<number>, lockDragXPosition?: boolean, lockDragYPosition?: boolean, dragBoundsSV?: SharedValue<{
+    x: number;
+    y: number;
+    width: number;
+    height: number;
+} | null>, dragActivationFailOffset?: number, scrollHorizontal?: boolean) => import("react-native-gesture-handler").PanGesture;
+//# sourceMappingURL=useDragGesture.d.ts.map

package/lib/typescript/src/hooks/useDragGesture.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDragGesture.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useDragGesture.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAQ3D;;;;;;;;GAQG;AACH,eAAO,MAAM,cAAc,GACzB,IAAI,MAAM,EACV,oBAAoB,WAAW,CAAC,MAAM,CAAC,EACvC,WAAW,WAAW,CAAC,OAAO,CAAC,EAC/B,kBAAkB,WAAW,CAAC,MAAM,CAAC,EACrC,oBAAoB,OAAO,EAC3B,oBAAoB,OAAO,EAC3B,eAAe,WAAW,CAAC;IAAE,CAAC,EAAE,MAAM,CAAC;IAAC,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GAAG,IAAI,CAAC,EAC1F,2BAA2B,MAAM,EACjC,mBAAmB,OAAO,sDAqP3B,CAAC"}

package/lib/typescript/src/hooks/useDraxContext.d.ts

@@ -0,0 +1,2 @@
+export declare const useDraxContext: () => import("../types").DraxContextValue;
+//# sourceMappingURL=useDraxContext.d.ts.map

package/lib/typescript/src/hooks/useDraxContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDraxContext.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useDraxContext.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,cAAc,2CAM1B,CAAC"}

package/{build → lib/typescript/src}/hooks/useDraxId.d.ts

@@ -1 +1,2 @@
 export declare const useDraxId: (explicitId?: string) => string;
+//# sourceMappingURL=useDraxId.d.ts.map

package/lib/typescript/src/hooks/useDraxId.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDraxId.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useDraxId.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,SAAS,GAAI,aAAa,MAAM,WAK5C,CAAC"}

package/lib/typescript/src/hooks/useDraxMethods.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Imperative methods for controlling and querying the Drax provider.
+ *
+ * Must be called within a `<DraxProvider>`.
+ */
+export declare const useDraxMethods: () => {
+    requestPositionUpdate: () => void;
+    getDroppedItems: (receiverId?: string) => Map<string, Set<string>> | Set<string>;
+    clearDroppedItems: (receiverId?: string) => void;
+    isDragging: () => boolean;
+    getDraggedId: () => string | undefined;
+};
+//# sourceMappingURL=useDraxMethods.d.ts.map

package/lib/typescript/src/hooks/useDraxMethods.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDraxMethods.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useDraxMethods.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,eAAO,MAAM,cAAc;;mCAqBa,MAAM,KAAG,GAAG,CAAC,MAAM,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC,GAAG,GAAG,CAAC,MAAM,CAAC;qCAY7C,MAAM;sBAWvB,OAAO;wBAOL,MAAM,GAAG,SAAS;CAY5C,CAAC"}

package/lib/typescript/src/hooks/useDraxScrollHandler.d.ts

@@ -0,0 +1,27 @@
+import type { Ref, RefObject } from 'react';
+import type { NativeScrollEvent, NativeSyntheticEvent } from 'react-native';
+import { FlatList, ScrollView } from 'react-native';
+import type { DraxViewMeasurements, Position } from '../types';
+type ScrollableComponents = FlatList<any> | ScrollView;
+type DraxScrollHandlerArgs<T extends ScrollableComponents> = {
+    idProp?: string;
+    onContentSizeChangeProp?: (w: number, h: number) => void;
+    onScrollProp?: (event: NativeSyntheticEvent<NativeScrollEvent>) => void;
+    externalRef?: Ref<T>;
+    doScroll: RefObject<() => void>;
+};
+export declare const useDraxScrollHandler: <T extends ScrollableComponents>({ idProp, onContentSizeChangeProp, onScrollProp, externalRef, doScroll, }: DraxScrollHandlerArgs<T>) => {
+    id: string;
+    containerMeasurementsRef: RefObject<DraxViewMeasurements | undefined>;
+    contentSizeRef: RefObject<Position | undefined>;
+    onContentSizeChange: (width: number, height: number) => void | undefined;
+    onMeasureContainer: (measurements: DraxViewMeasurements | undefined) => void;
+    onScroll: (event: NativeSyntheticEvent<NativeScrollEvent>) => void;
+    scrollRef: RefObject<T | null>;
+    scrollPosition: import("react-native-reanimated").SharedValue<Position>;
+    setScrollRefs: (instance: T | null) => void;
+    startScroll: () => void;
+    stopScroll: () => void;
+};
+export {};
+//# sourceMappingURL=useDraxScrollHandler.d.ts.map

package/lib/typescript/src/hooks/useDraxScrollHandler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDraxScrollHandler.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useDraxScrollHandler.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5C,OAAO,KAAK,EAAE,iBAAiB,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAC;AAC5E,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAOpD,OAAO,KAAK,EAAE,oBAAoB,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAI/D,KAAK,oBAAoB,GAAG,QAAQ,CAAC,GAAG,CAAC,GAAG,UAAU,CAAC;AAEvD,KAAK,qBAAqB,CAAC,CAAC,SAAS,oBAAoB,IAAI;IAC3D,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,uBAAuB,CAAC,EAAE,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACzD,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,oBAAoB,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACxE,WAAW,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC,MAAM,IAAI,CAAC,CAAC;CACjC,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAAI,CAAC,SAAS,oBAAoB,EAAE,2EAMlE,qBAAqB,CAAC,CAAC,CAAC;;;;iCAiBW,MAAM,UAAU,MAAM;uCAJhB,oBAAoB,GAAG,SAAS;sBASjD,oBAAoB,CAAC,iBAAiB,CAAC;;;8BAY/B,CAAC,GAAG,IAAI;;;CAwD1C,CAAC"}

package/lib/typescript/src/hooks/useSortableBoard.d.ts

@@ -0,0 +1,10 @@
+import type { SortableBoardHandle, UseSortableBoardOptions } from '../types';
+/**
+ * Board-level coordinator for cross-container sortable drag.
+ *
+ * Maintains a registry of columns (each with their own useSortableList)
+ * and tracks cross-container transfer state. The actual monitor callbacks
+ * are handled by SortableBoardContainer.
+ */
+export declare const useSortableBoard: <TItem>(options: UseSortableBoardOptions<TItem>) => SortableBoardHandle<TItem>;
+//# sourceMappingURL=useSortableBoard.d.ts.map

package/lib/typescript/src/hooks/useSortableBoard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSortableBoard.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useSortableBoard.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EACV,mBAAmB,EAInB,uBAAuB,EACxB,MAAM,UAAU,CAAC;AAElB;;;;;;GAMG;AACH,eAAO,MAAM,gBAAgB,GAAI,KAAK,EACpC,SAAS,uBAAuB,CAAC,KAAK,CAAC,KACtC,mBAAmB,CAAC,KAAK,CAyB3B,CAAC"}

package/lib/typescript/src/hooks/useSortableList.d.ts

@@ -0,0 +1,11 @@
+import type { SortableListHandle, UseSortableListOptions } from '../types';
+/**
+ * Core hook for list-agnostic sortable reordering.
+ *
+ * During drag, order changes are tracked in a ref (no React re-render)
+ * and items are visually repositioned via shift transforms (SharedValues).
+ * The data reorder is committed to state only on drop, while the hover
+ * view covers any layout transition.
+ */
+export declare const useSortableList: <T>(options: UseSortableListOptions<T>) => SortableListHandle<T>;
+//# sourceMappingURL=useSortableList.d.ts.map

package/lib/typescript/src/hooks/useSortableList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSortableList.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useSortableList.ts"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAMV,kBAAkB,EAGlB,sBAAsB,EACvB,MAAM,UAAU,CAAC;AASlB;;;;;;;GAOG;AACH,eAAO,MAAM,eAAe,GAAI,CAAC,EAC/B,SAAS,sBAAsB,CAAC,CAAC,CAAC,KACjC,kBAAkB,CAAC,CAAC,CA6/BtB,CAAC"}