cpk-ui 0.8.0-beta.2 → 0.8.0-beta.4

package/node_modules/react-native-drax/README.md

@@ -0,0 +1,454 @@
+# react-native-drax
+
+
+[![React Native CLI](https://img.shields.io/badge/-React%20Native%20CLI-282C34?style=flat-square&logo=react&logoColor=61DAFB)](https://reactnative.dev/)
+[![Expo CLI](https://img.shields.io/badge/-Expo%20CLI-282C34?style=flat-square&logo=expo&logoColor=white)](https://expo.dev/)
+[![platforms](https://img.shields.io/badge/platforms-Android%20%7C%20iOS%20%7C%20Web-brightgreen.svg?style=flat-square&colorB=191A17)](https://necolas.github.io/react-native-web/)
+[![GitHub top language](https://img.shields.io/github/languages/top/nuclearpasta/react-native-drax?style=flat-square)](https://github.com/nuclearpasta/react-native-drax/search?l=typescript)
+[![CI](https://github.com/nuclearpasta/react-native-drax/actions/workflows/ci.yml/badge.svg)](https://github.com/nuclearpasta/react-native-drax/actions/workflows/ci.yml)
+[![GitHub license](https://img.shields.io/github/license/nuclearpasta/react-native-drax?style=flat-square)](https://github.com/nuclearpasta/react-native-drax/blob/main/LICENSE.md)
+[![npm version](https://img.shields.io/npm/v/react-native-drax?style=flat-square)](https://www.npmjs.com/package/react-native-drax)
+
+
+
+📚 [**Visit the official documentation**](https://nuclearpasta.com/react-native-drax)
+
+🎮 [**See the live example**](https://nuclearpasta.com/react-native-drax/example)
+
+## 📖 Overview
+
+Drax is a declarative drag-and-drop framework for React Native, written in TypeScript. It supports free-form drag-and-drop, sortable lists and grids, cross-list reorder, drag handles, collision algorithms, and more.
+
+Built on [Reanimated 4](https://docs.swmansion.com/react-native-reanimated/) and [Gesture Handler 3](https://docs.swmansion.com/react-native-gesture-handler/) with a UI-thread-first architecture for smooth 60fps interactions.
+
+**Platforms:** iOS, Android, Web
+
+### ✨ Highlights
+
+- 📋 **List-agnostic sortable** — works with FlatList, FlashList, LegendList, or any list component
+- 🔀 **Cross-container drag** — move items between lists (cross-list reorder)
+- ⚡ **UI-thread hit-testing** — spatial index worklet for fast receiver detection
+- ✊ **Drag handles** — only the handle starts a drag, the rest scrolls
+- 💥 **Collision algorithms** — center, intersect, or contain
+- 📐 **Drag bounds** — constrain drags within a view
+- 🎨 **Hover styles** — conditional styles based on drag phase and receiver state
+- 🚫 **Drop zone acceptance** — accept or reject drops with `acceptsDrag`
+- 🎬 **Animation presets** — default, spring, gentle, snappy, none — or custom config
+- 🧲 **Snap alignment** — snap to 9-point alignment within receivers
+- ♿ **Accessibility** — auto-generated labels, reduced motion support
+- 📡 **19 callback events** — full drag lifecycle control
+- 🏗️ **New Architecture** compatible (Fabric)
+
+### 🤔 Why Drax?
+
+| Feature | Drax | reanimated-dnd | sortables |
+|---|:---:|:---:|:---:|
+| Free-form drag & drop | ✅ | ✅ | ➖ |
+| Sortable list / grid | ✅ | ✅ | ✅ |
+| Mixed-size grid (non-uniform spans) | ✅ | ➖ | ➖ |
+| Cross-container / cross-list reorder | ⚠️ Experimental | ➖ | ➖ |
+| List-agnostic (FlatList, FlashList, LegendList) | ✅ | ➖ | ➖ |
+| Drag handles | ✅ | ✅ | ✅ |
+| Drag state styling | 15 props + inactive | onStateChange | 5 props + hook |
+| Drop indicator | ✅ | ➖ | Grid only |
+| UI-thread DnD collision | ✅ | ➖ | ➖ |
+| Event callbacks | 19 types | ~12 types | ~10 types |
+| Accessibility + reduced motion | ✅ | Manual | Manual |
+| Web support | ✅ | ➖ | Partial |
+| Reanimated | ≥ 4 | ≥ 4.2 | ≥ 3 |
+| Gesture Handler | ≥ 2 | ≥ 2.28 | ≥ 2 |
+
+[See full comparison →](https://nuclearpasta.com/react-native-drax#comparison)
+
+## 📦 Installation
+
+```bash
+npm install react-native-drax
+# or
+yarn add react-native-drax
+```
+
+### 🔗 Peer Dependencies
+
+```bash
+npm install react-native-reanimated react-native-gesture-handler
+```
+
+| Peer Dependency | Version |
+|---|---|
+| `react` | >= 18 |
+| `react-native` | >= 0.68 |
+| `react-native-reanimated` | ^4.0.0 |
+| `react-native-gesture-handler` | >= 2.0.0 (v3 recommended) |
+
+## 🚀 Quick Start
+
+### 👋 Basic Drag-and-Drop
+
+```tsx
+import { DraxProvider, DraxView } from 'react-native-drax';
+
+function App() {
+  return (
+    <DraxProvider>
+      <DraxView
+        style={{ width: 100, height: 100, backgroundColor: 'blue' }}
+        onDragStart={() => console.log('dragging')}
+        payload="hello"
+      />
+      <DraxView
+        style={{ width: 100, height: 100, backgroundColor: 'green' }}
+        onReceiveDragDrop={({ dragged: { payload } }) => {
+          console.log(`received: ${payload}`);
+        }}
+      />
+    </DraxProvider>
+  );
+}
+```
+
+### 📋 Sortable List
+
+The simplest way to make a reorderable list:
+
+```tsx
+import { useState } from 'react';
+import { Text, View } from 'react-native';
+import { DraxProvider, DraxList } from 'react-native-drax';
+
+function App() {
+  const [items, setItems] = useState(['A', 'B', 'C', 'D', 'E']);
+
+  return (
+    <DraxProvider>
+      <DraxList
+        data={items}
+        keyExtractor={(item) => item}
+        onReorder={({ data }) => setItems(data)}
+        renderItem={({ item }) => (
+          <View style={{ padding: 16, backgroundColor: '#eee', margin: 4 }}>
+            <Text>{item}</Text>
+          </View>
+        )}
+      />
+    </DraxProvider>
+  );
+}
+```
+
+`DraxList` is list-agnostic — pass any list component via the `component` prop:
+
+```tsx
+import { FlashList } from '@shopify/flash-list';
+
+<DraxList
+  component={FlashList}
+  data={items}
+  keyExtractor={(item) => item.id}
+  onReorder={({ data }) => setItems(data)}
+  renderItem={({ item }) => <ItemCard item={item} />}
+  estimatedItemSize={60}
+/>
+```
+
+### 🧱 Composable API
+
+For full control, use the composable primitives directly:
+
+```tsx
+import {
+  DraxProvider,
+  useSortableList,
+  SortableContainer,
+  SortableItem,
+} from 'react-native-drax';
+import { FlatList } from 'react-native';
+
+function App() {
+  const [items, setItems] = useState(['A', 'B', 'C', 'D', 'E']);
+  const listRef = useRef<FlatList>(null);
+
+  const sortable = useSortableList({
+    data: items,
+    keyExtractor: (item) => item,
+    onReorder: ({ data }) => setItems(data),
+  });
+
+  return (
+    <DraxProvider>
+      <SortableContainer sortable={sortable} scrollRef={listRef}>
+        <FlatList
+          ref={listRef}
+          data={sortable.data}
+          keyExtractor={sortable.stableKeyExtractor}
+          onScroll={sortable.onScroll}
+          onContentSizeChange={sortable.onContentSizeChange}
+          renderItem={({ item, index }) => (
+            <SortableItem sortable={sortable} index={index}>
+              <Text>{item}</Text>
+            </SortableItem>
+          )}
+        />
+      </SortableContainer>
+    </DraxProvider>
+  );
+}
+```
+
+This pattern works with any list component — FlatList, FlashList, LegendList, ScrollView, etc.
+
+## 🎛 Features
+
+### ✊ Drag Handles
+
+Only the handle area starts a drag — the rest of the view scrolls normally:
+
+```tsx
+import { DraxView, DraxHandle } from 'react-native-drax';
+
+<DraxView dragHandle>
+  <Text>This content scrolls normally</Text>
+  <DraxHandle>
+    <GripIcon />  {/* Only this starts a drag */}
+  </DraxHandle>
+</DraxView>
+```
+
+### 📐 Drag Bounds
+
+Constrain a dragged view within a boundary:
+
+```tsx
+const boundsRef = useRef<View>(null);
+
+<View ref={boundsRef} style={{ flex: 1 }}>
+  <DraxView dragBoundsRef={boundsRef}>
+    <Text>I can only be dragged within the parent</Text>
+  </DraxView>
+</View>
+```
+
+### 💥 Collision Algorithms
+
+Control how receiver detection works:
+
+```tsx
+<DraxView collisionAlgorithm="center" />   {/* hover center inside receiver (default) */}
+<DraxView collisionAlgorithm="intersect" /> {/* any overlap triggers receiving */}
+<DraxView collisionAlgorithm="contain" />   {/* dragged view must be fully inside */}
+```
+
+### 🚫 Drop Zone Acceptance
+
+Accept or reject drops conditionally:
+
+```tsx
+<DraxView
+  acceptsDrag={(draggedPayload) => items.length < 5}
+  onReceiveDragDrop={({ dragged }) => addItem(dragged.payload)}
+/>
+```
+
+### 🎨 Hover Styles
+
+Style the hover layer based on drag state:
+
+```tsx
+<DraxView
+  hoverStyle={{ opacity: 0.8 }}
+  hoverDraggingWithReceiverStyle={{ borderColor: 'green', borderWidth: 2 }}
+  hoverDraggingWithoutReceiverStyle={{ opacity: 0.5 }}
+  hoverDragReleasedStyle={{ opacity: 0.3 }}
+/>
+```
+
+### 🧲 Snap Alignment
+
+Snap dropped items to specific positions within a receiver:
+
+```tsx
+import { snapToAlignment } from 'react-native-drax';
+
+<DraxView
+  onReceiveDragDrop={({ dragged, receiver }) =>
+    snapToAlignment(receiver, dragged, 'top-left', { x: 8, y: 8 })
+  }
+/>
+```
+
+Alignments: `center`, `top-left`, `top-center`, `top-right`, `center-left`, `center-right`, `bottom-left`, `bottom-center`, `bottom-right`
+
+### 🎬 Animation Presets
+
+```tsx
+<DraxList animationConfig="spring" />  {/* spring physics */}
+<DraxList animationConfig="gentle" />  {/* soft spring */}
+<DraxList animationConfig="snappy" />  {/* fast spring */}
+<DraxList animationConfig="none" />    {/* instant */}
+
+{/* Or custom: */}
+<DraxList animationConfig={{
+  useSpring: true,
+  springDamping: 15,
+  springStiffness: 150,
+  springMass: 1,
+}} />
+```
+
+Device reduced motion settings are respected automatically.
+
+### 📡 Continuous Drag Callbacks
+
+```tsx
+<DraxView
+  onDrag={(data) => { /* fires every frame while dragging over empty space */ }}
+  onDragOver={(data) => { /* fires every frame while over the same receiver */ }}
+/>
+```
+
+### 🔀 Cross-Container Sortable (Experimental)
+
+Move items between lists (cross-list reorder):
+
+```tsx
+import {
+  useSortableBoard,
+  SortableBoardContainer,
+  useSortableList,
+  SortableContainer,
+  SortableItem,
+} from 'react-native-drax';
+
+const board = useSortableBoard({
+  onTransfer: ({ fromColumnId, toColumnId, fromIndex, toIndex, item }) => {
+    // Move item between columns
+  },
+});
+
+<SortableBoardContainer board={board}>
+  {columns.map((column) => (
+    <Column key={column.id} board={board} column={column} />
+  ))}
+</SortableBoardContainer>
+```
+
+> **Note:** Cross-container drag is experimental. The API may change in future versions.
+
+### 🏷️ Namespace API
+
+For convenience, all components are available under the `Drax` namespace:
+
+```tsx
+import { Drax } from 'react-native-drax';
+
+<Drax.Provider>
+  <Drax.View draggable>
+    <Drax.Handle><GripIcon /></Drax.Handle>
+  </Drax.View>
+</Drax.Provider>
+```
+
+## 🧩 Components
+
+| Component | Description |
+|---|---|
+| `DraxProvider` | Context provider — wrap your app's drag-and-drop area |
+| `DraxView` | Draggable and/or receptive view with 19 callback events |
+| `DraxList` | List-agnostic sortable list (convenience wrapper) |
+| `DraxHandle` | Drag handle — only this area starts a drag |
+| `DraxScrollView` | Scrollable container with auto-scroll during drag |
+| `SortableContainer` | Monitoring wrapper for composable sortable API |
+| `SortableItem` | Per-item wrapper with shift animation |
+| `SortableBoardContainer` | Cross-container board coordinator (experimental) |
+
+## 🪝 Hooks
+
+| Hook | Description |
+|---|---|
+| `useSortableList` | List-agnostic reorder state management |
+| `useSortableBoard` | Cross-container board coordinator (experimental) |
+| `useDraxContext` | Access the Drax context |
+| `useDraxId` | Generate a unique Drax view ID |
+
+## 💡 Examples
+
+The `example/` directory contains an Expo Router app with 11 screens demonstrating all features:
+
+| Screen | Features shown |
+|---|---|
+| Color Drag & Drop | Drop acceptance, hover styles, snap alignment |
+| Reorderable List | DraxList, animation presets, auto-scroll |
+| Reorderable Grid | Sortable grid with multi-column layout |
+| Mixed-Size Grid | Items with different spans (1×1, 2×2, etc.) using `getItemSpan` and `packGrid` |
+| Drag Handles | Only the grip icon starts a drag |
+| Drag Bounds | Constrain drag within a view |
+| Collision Modes | Center vs Intersect vs Contain |
+| Cross-List Reorder | FlashList + LegendList + FlatList cross-container drag (experimental) |
+| Knight Moves | Chess knight drag puzzle |
+| Scrolling | Drag from scroll view to drop zone |
+| Stress Test | 100 items in a sortable list |
+
+To run the example app:
+
+```bash
+cd example && yarn start
+```
+
+## 🔄 Migration from v0.x
+
+v1.0.0 is a complete rewrite. Key changes:
+
+- **`DraxList` is new** — list-agnostic convenience wrapper using the new sortable architecture. The old `DraxList` / `DraxListItem` API from v0.10.x and v0.11.0-alpha is removed.
+- **New sortable architecture** — `useSortableList` + `SortableContainer` + `SortableItem` composable API replaces the old array-indexed approach.
+- **Reanimated 4 + Gesture Handler 3** — required peer dependencies (Gesture Handler v2 supported via compat layer with reduced performance).
+- **New Architecture (Fabric)** compatible.
+
+## 📋 Changelog
+
+See [CHANGELOG.md](CHANGELOG.md) for a full list of changes.
+
+## 🤝 Contributing
+
+Issues, pull requests, and discussion are all welcome. See the [Contribution Guidelines](CONTRIBUTING.md) for details.
+
+## 📜 Code of Conduct
+
+This project is released with a [Contributor Code of Conduct](CODE-OF-CONDUCT.md). By participating in this project you agree to abide by its terms.
+
+## 🏆 Contributors
+
+Originally created by [Joe Lafiosca](https://github.com/lafiosca). v1.0.0 rewrite led by [Ovidiu Cristescu](https://github.com/LunatiqueCoder).
+
+Thanks to all contributors who have helped make Drax better:
+
+<!-- ALL-CONTRIBUTORS-LIST:START - Do not remove or modify this section -->
+<!-- prettier-ignore-start -->
+<!-- markdownlint-disable -->
+<table>
+  <tbody>
+    <tr>
+      <td align="center" valign="top" width="14.28%"><a href="https://github.com/lafiosca"><img src="https://avatars.githubusercontent.com/u/9442662?v=4" width="100px;" alt="Joe Lafiosca"/><br /><sub><b>Joe Lafiosca</b></sub></a><br /><a href="https://github.com/nuclearpasta/react-native-drax/commits?author=lafiosca" title="Code">💻</a> <a href="https://github.com/nuclearpasta/react-native-drax/commits?author=lafiosca" title="Documentation">📖</a> <a href="#example-lafiosca" title="Examples">💡</a> <a href="#maintenance-lafiosca" title="Maintenance">🚧</a> <a href="#infra-lafiosca" title="Infrastructure">🚇</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="https://github.com/LunatiqueCoder"><img src="https://avatars.githubusercontent.com/u/55203625?v=4" width="100px;" alt="Ovidiu Cristescu"/><br /><sub><b>Ovidiu Cristescu</b></sub></a><br /><a href="https://github.com/nuclearpasta/react-native-drax/commits?author=LunatiqueCoder" title="Code">💻</a> <a href="https://github.com/nuclearpasta/react-native-drax/commits?author=LunatiqueCoder" title="Documentation">📖</a> <a href="#example-LunatiqueCoder" title="Examples">💡</a> <a href="#maintenance-LunatiqueCoder" title="Maintenance">🚧</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="https://github.com/Auticiel"><img src="https://avatars.githubusercontent.com/u/8429221?v=4" width="100px;" alt="François Dupayrat"/><br /><sub><b>François Dupayrat</b></sub></a><br /><a href="https://github.com/nuclearpasta/react-native-drax/commits?author=Auticiel" title="Code">💻</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="https://github.com/jmarnold"><img src="https://avatars.githubusercontent.com/u/181667?v=4" width="100px;" alt="Josh Arnold"/><br /><sub><b>Josh Arnold</b></sub></a><br /><a href="https://github.com/nuclearpasta/react-native-drax/commits?author=jmarnold" title="Code">💻</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="https://github.com/rnz269"><img src="https://avatars.githubusercontent.com/u/20953181?v=4" width="100px;" alt="Rahul Nallappa"/><br /><sub><b>Rahul Nallappa</b></sub></a><br /><a href="https://github.com/nuclearpasta/react-native-drax/commits?author=rnz269" title="Code">💻</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="https://github.com/negue"><img src="https://avatars.githubusercontent.com/u/842273?v=4" width="100px;" alt="negue"/><br /><sub><b>negue</b></sub></a><br /><a href="https://github.com/nuclearpasta/react-native-drax/commits?author=negue" title="Documentation">📖</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="https://github.com/chrisdrackett"><img src="https://avatars.githubusercontent.com/u/4378?v=4" width="100px;" alt="Chris Drackett"/><br /><sub><b>Chris Drackett</b></sub></a><br /><a href="https://github.com/nuclearpasta/react-native-drax/commits?author=chrisdrackett" title="Code">💻</a></td>
+    </tr>
+    <tr>
+      <td align="center" valign="top" width="14.28%"><a href="https://github.com/sturdynut"><img src="https://avatars.githubusercontent.com/u/8547391?v=4" width="100px;" alt="Matti Salokangas"/><br /><sub><b>Matti Salokangas</b></sub></a><br /><a href="https://github.com/nuclearpasta/react-native-drax/commits?author=sturdynut" title="Code">💻</a></td>
+      <td align="center" valign="top" width="14.28%"><a href="https://github.com/afgarcia86"><img src="https://avatars.githubusercontent.com/u/3606053?v=4" width="100px;" alt="Andres Garcia"/><br /><sub><b>Andres Garcia</b></sub></a><br /><a href="https://github.com/nuclearpasta/react-native-drax/commits?author=afgarcia86" title="Code">💻</a></td>
+    </tr>
+  </tbody>
+</table>
+<!-- markdownlint-restore -->
+<!-- prettier-ignore-end -->
+<!-- ALL-CONTRIBUTORS-LIST:END -->
+
+## 📃 License
+
+[MIT](LICENSE.md)
+
+---
+
+Built and maintained using [OpenKit](https://www.openkit.work/).

package/node_modules/react-native-drax/lib/module/DebugOverlay.js

@@ -0,0 +1,121 @@
+"use strict";
+
+import { useEffect, useState } from 'react';
+import { StyleSheet, Text, View } from 'react-native';
+import { jsx as _jsx } from "react/jsx-runtime";
+function computeAbsoluteEntries(entries, scrollOffsets) {
+  return entries.map(entry => {
+    let absX = entry.x;
+    let absY = entry.y;
+    let parentIdx = entry.parentIndex;
+    while (parentIdx >= 0 && parentIdx < entries.length) {
+      const parent = entries[parentIdx];
+      const parentScroll = scrollOffsets[parentIdx] ?? {
+        x: 0,
+        y: 0
+      };
+      absX += parent.x - parentScroll.x;
+      absY += parent.y - parentScroll.y;
+      parentIdx = parent.parentIndex;
+    }
+    return {
+      ...entry,
+      absX,
+      absY
+    };
+  });
+}
+function getColor(entry) {
+  if (entry.receptive && entry.draggable) return '#e07a52'; // orange — both
+  if (entry.receptive) return '#22c55e'; // green — receiver
+  if (entry.draggable) return '#3b82f6'; // blue — draggable
+  if (entry.monitoring) return '#eab308'; // yellow — monitor
+  return '#888888'; // grey — passive
+}
+function getLabel(entry) {
+  const parts = [];
+  if (entry.draggable) parts.push('D');
+  if (entry.receptive) parts.push('R');
+  if (entry.monitoring) parts.push('M');
+  return parts.join('+') || '?';
+}
+
+/**
+ * Debug overlay that visualizes all registered Drax views.
+ * Reads the spatial index SharedValue and renders colored borders
+ * showing view bounds, roles (draggable/receptive/monitoring), and IDs.
+ *
+ * Rendered as an absolute-fill sibling in DraxProvider when debug={true}.
+ */
+export const DebugOverlay = ({
+  spatialIndexSV,
+  scrollOffsetsSV
+}) => {
+  const [entries, setEntries] = useState([]);
+
+  // Poll the spatial index periodically (SharedValues update on UI thread,
+  // reading .value on JS thread gives the latest committed value).
+  useEffect(() => {
+    const update = () => {
+      const raw = spatialIndexSV.value;
+      const scrolls = scrollOffsetsSV.value;
+      if (raw.length > 0) {
+        setEntries(computeAbsoluteEntries(raw, scrolls));
+      } else {
+        setEntries([]);
+      }
+    };
+    update();
+    const interval = setInterval(update, 500);
+    return () => clearInterval(interval);
+  }, [spatialIndexSV, scrollOffsetsSV]);
+  if (entries.length === 0) return null;
+  return /*#__PURE__*/_jsx(View, {
+    style: styles.container,
+    pointerEvents: "none",
+    children: entries.map(entry => {
+      const color = getColor(entry);
+      const label = getLabel(entry);
+      return /*#__PURE__*/_jsx(View, {
+        style: [styles.overlay, {
+          left: entry.absX,
+          top: entry.absY,
+          width: entry.width,
+          height: entry.height,
+          borderColor: color
+        }],
+        children: /*#__PURE__*/_jsx(Text, {
+          style: [styles.label, {
+            backgroundColor: color
+          }],
+          children: label
+        })
+      }, entry.id);
+    })
+  });
+};
+const styles = StyleSheet.create({
+  container: {
+    ...StyleSheet.absoluteFill,
+    zIndex: 99999
+  },
+  overlay: {
+    position: 'absolute',
+    borderWidth: 2,
+    borderStyle: 'dashed'
+  },
+  label: {
+    position: 'absolute',
+    top: -1,
+    left: -1,
+    color: '#fff',
+    fontSize: 9,
+    fontWeight: '700',
+    fontFamily: 'monospace',
+    paddingHorizontal: 3,
+    paddingVertical: 1,
+    borderRadius: 2,
+    overflow: 'hidden'
+  }
+});
+//# sourceMappingURL=DebugOverlay.js.map

package/node_modules/react-native-drax/lib/module/DebugOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useEffect","useState","StyleSheet","Text","View","jsx","_jsx","computeAbsoluteEntries","entries","scrollOffsets","map","entry","absX","x","absY","y","parentIdx","parentIndex","length","parent","parentScroll","getColor","receptive","draggable","monitoring","getLabel","parts","push","join","DebugOverlay","spatialIndexSV","scrollOffsetsSV","setEntries","update","raw","value","scrolls","interval","setInterval","clearInterval","style","styles","container","pointerEvents","children","color","label","overlay","left","top","width","height","borderColor","backgroundColor","id","create","absoluteFillObject","zIndex","position","borderWidth","borderStyle","fontSize","fontWeight","fontFamily","paddingHorizontal","paddingVertical","borderRadius","overflow"],"sourceRoot":"../../src","sources":["DebugOverlay.tsx"],"mappings":"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","ignoreList":[]}

package/node_modules/react-native-drax/lib/module/Drax.js

@@ -0,0 +1,36 @@
+"use strict";
+
+import { DraxHandle } from "./DraxHandle.js";
+import { DraxList } from "./DraxList.js";
+import { DraxProvider } from "./DraxProvider.js";
+import { DraxScrollView } from "./DraxScrollView.js";
+import { DraxView } from "./DraxView.js";
+import { SortableBoardContainer } from "./SortableBoardContainer.js";
+import { SortableContainer } from "./SortableContainer.js";
+import { SortableItem } from "./SortableItem.js";
+
+/**
+ * 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 const Drax = {
+  Handle: DraxHandle,
+  List: DraxList,
+  Provider: DraxProvider,
+  ScrollView: DraxScrollView,
+  View: DraxView,
+  SortableBoardContainer,
+  SortableContainer,
+  SortableItem
+};
+//# sourceMappingURL=Drax.js.map

package/node_modules/react-native-drax/lib/module/Drax.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DraxHandle","DraxList","DraxProvider","DraxScrollView","DraxView","SortableBoardContainer","SortableContainer","SortableItem","Drax","Handle","List","Provider","ScrollView","View"],"sourceRoot":"../../src","sources":["Drax.ts"],"mappings":";;AAAA,SAASA,UAAU,QAAQ,iBAAc;AACzC,SAASC,QAAQ,QAAQ,eAAY;AACrC,SAASC,YAAY,QAAQ,mBAAgB;AAC7C,SAASC,cAAc,QAAQ,qBAAkB;AACjD,SAASC,QAAQ,QAAQ,eAAY;AACrC,SAASC,sBAAsB,QAAQ,6BAA0B;AACjE,SAASC,iBAAiB,QAAQ,wBAAqB;AACvD,SAASC,YAAY,QAAQ,mBAAgB;;AAE7C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,IAAI,GAAG;EAClBC,MAAM,EAAET,UAAU;EAClBU,IAAI,EAAET,QAAQ;EACdU,QAAQ,EAAET,YAAY;EACtBU,UAAU,EAAET,cAAc;EAC1BU,IAAI,EAAET,QAAQ;EACdC,sBAAsB;EACtBC,iBAAiB;EACjBC;AACF,CAAU","ignoreList":[]}

package/node_modules/react-native-drax/lib/module/DraxContext.js

@@ -0,0 +1,6 @@
+"use strict";
+
+import { createContext } from 'react';
+export const DraxContext = /*#__PURE__*/createContext(undefined);
+DraxContext.displayName = 'Drax';
+//# sourceMappingURL=DraxContext.js.map

package/node_modules/react-native-drax/lib/module/DraxContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","DraxContext","undefined","displayName"],"sourceRoot":"../../src","sources":["DraxContext.ts"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,OAAO;AAIrC,OAAO,MAAMC,WAAW,gBAAGD,aAAa,CACtCE,SACF,CAAC;AACDD,WAAW,CAACE,WAAW,GAAG,MAAM","ignoreList":[]}