gesture-kit-sequences 1.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -0,0 +1,11 @@
1
+ /**
2
+ * Multi Step Gesture - Detects configurable multi-step gestures
3
+ * @module gestures
4
+ */
5
+ import React from 'react';
6
+ export interface MultiStepGestureProps {
7
+ children: React.ReactNode;
8
+ enabled?: boolean;
9
+ [key: string]: any;
10
+ }
11
+ export declare const MultiStepGesture: React.FC<MultiStepGestureProps>;
@@ -0,0 +1,18 @@
1
+ "use strict";
2
+ /**
3
+ * Multi Step Gesture - Detects configurable multi-step gestures
4
+ * @module gestures
5
+ */
6
+ var __importDefault = (this && this.__importDefault) || function (mod) {
7
+ return (mod && mod.__esModule) ? mod : { "default": mod };
8
+ };
9
+ Object.defineProperty(exports, "__esModule", { value: true });
10
+ exports.MultiStepGesture = void 0;
11
+ const react_1 = __importDefault(require("react"));
12
+ const react_native_1 = require("react-native");
13
+ const MultiStepGesture = ({ children, enabled = true, ...rest }) => {
14
+ // TODO: Implement Multi Step Gesture logic
15
+ return react_1.default.createElement(react_native_1.View, { ...rest }, children);
16
+ };
17
+ exports.MultiStepGesture = MultiStepGesture;
18
+ exports.MultiStepGesture.displayName = 'MultiStepGesture';
@@ -0,0 +1,11 @@
1
+ /**
2
+ * Swipe Rotate Sequence - Detects swipe then rotate
3
+ * @module gestures
4
+ */
5
+ import React from 'react';
6
+ export interface SwipeRotateSequenceProps {
7
+ children: React.ReactNode;
8
+ enabled?: boolean;
9
+ [key: string]: any;
10
+ }
11
+ export declare const SwipeRotateSequence: React.FC<SwipeRotateSequenceProps>;
@@ -0,0 +1,18 @@
1
+ "use strict";
2
+ /**
3
+ * Swipe Rotate Sequence - Detects swipe then rotate
4
+ * @module gestures
5
+ */
6
+ var __importDefault = (this && this.__importDefault) || function (mod) {
7
+ return (mod && mod.__esModule) ? mod : { "default": mod };
8
+ };
9
+ Object.defineProperty(exports, "__esModule", { value: true });
10
+ exports.SwipeRotateSequence = void 0;
11
+ const react_1 = __importDefault(require("react"));
12
+ const react_native_1 = require("react-native");
13
+ const SwipeRotateSequence = ({ children, enabled = true, ...rest }) => {
14
+ // TODO: Implement Swipe Rotate Sequence logic
15
+ return react_1.default.createElement(react_native_1.View, { ...rest }, children);
16
+ };
17
+ exports.SwipeRotateSequence = SwipeRotateSequence;
18
+ exports.SwipeRotateSequence.displayName = 'SwipeRotateSequence';
@@ -0,0 +1,11 @@
1
+ /**
2
+ * Swipe Tap Sequence - Detects swipe then tap
3
+ * @module gestures
4
+ */
5
+ import React from 'react';
6
+ export interface SwipeTapSequenceProps {
7
+ children: React.ReactNode;
8
+ enabled?: boolean;
9
+ [key: string]: any;
10
+ }
11
+ export declare const SwipeTapSequence: React.FC<SwipeTapSequenceProps>;
@@ -0,0 +1,18 @@
1
+ "use strict";
2
+ /**
3
+ * Swipe Tap Sequence - Detects swipe then tap
4
+ * @module gestures
5
+ */
6
+ var __importDefault = (this && this.__importDefault) || function (mod) {
7
+ return (mod && mod.__esModule) ? mod : { "default": mod };
8
+ };
9
+ Object.defineProperty(exports, "__esModule", { value: true });
10
+ exports.SwipeTapSequence = void 0;
11
+ const react_1 = __importDefault(require("react"));
12
+ const react_native_1 = require("react-native");
13
+ const SwipeTapSequence = ({ children, enabled = true, ...rest }) => {
14
+ // TODO: Implement Swipe Tap Sequence logic
15
+ return react_1.default.createElement(react_native_1.View, { ...rest }, children);
16
+ };
17
+ exports.SwipeTapSequence = SwipeTapSequence;
18
+ exports.SwipeTapSequence.displayName = 'SwipeTapSequence';
@@ -0,0 +1,11 @@
1
+ /**
2
+ * Tap Hold Sequence - Detects tap then hold
3
+ * @module gestures
4
+ */
5
+ import React from 'react';
6
+ export interface TapHoldSequenceProps {
7
+ children: React.ReactNode;
8
+ enabled?: boolean;
9
+ [key: string]: any;
10
+ }
11
+ export declare const TapHoldSequence: React.FC<TapHoldSequenceProps>;
@@ -0,0 +1,18 @@
1
+ "use strict";
2
+ /**
3
+ * Tap Hold Sequence - Detects tap then hold
4
+ * @module gestures
5
+ */
6
+ var __importDefault = (this && this.__importDefault) || function (mod) {
7
+ return (mod && mod.__esModule) ? mod : { "default": mod };
8
+ };
9
+ Object.defineProperty(exports, "__esModule", { value: true });
10
+ exports.TapHoldSequence = void 0;
11
+ const react_1 = __importDefault(require("react"));
12
+ const react_native_1 = require("react-native");
13
+ const TapHoldSequence = ({ children, enabled = true, ...rest }) => {
14
+ // TODO: Implement Tap Hold Sequence logic
15
+ return react_1.default.createElement(react_native_1.View, { ...rest }, children);
16
+ };
17
+ exports.TapHoldSequence = TapHoldSequence;
18
+ exports.TapHoldSequence.displayName = 'TapHoldSequence';
@@ -0,0 +1,11 @@
1
+ /**
2
+ * Tap Swipe Sequence - Detects tap then swipe
3
+ * @module gestures
4
+ */
5
+ import React from 'react';
6
+ export interface TapSwipeSequenceProps {
7
+ children: React.ReactNode;
8
+ enabled?: boolean;
9
+ [key: string]: any;
10
+ }
11
+ export declare const TapSwipeSequence: React.FC<TapSwipeSequenceProps>;
@@ -0,0 +1,18 @@
1
+ "use strict";
2
+ /**
3
+ * Tap Swipe Sequence - Detects tap then swipe
4
+ * @module gestures
5
+ */
6
+ var __importDefault = (this && this.__importDefault) || function (mod) {
7
+ return (mod && mod.__esModule) ? mod : { "default": mod };
8
+ };
9
+ Object.defineProperty(exports, "__esModule", { value: true });
10
+ exports.TapSwipeSequence = void 0;
11
+ const react_1 = __importDefault(require("react"));
12
+ const react_native_1 = require("react-native");
13
+ const TapSwipeSequence = ({ children, enabled = true, ...rest }) => {
14
+ // TODO: Implement Tap Swipe Sequence logic
15
+ return react_1.default.createElement(react_native_1.View, { ...rest }, children);
16
+ };
17
+ exports.TapSwipeSequence = TapSwipeSequence;
18
+ exports.TapSwipeSequence.displayName = 'TapSwipeSequence';
@@ -0,0 +1,11 @@
1
+ /**
2
+ * Tap Tap Swipe Sequence - Detects tap tap then swipe
3
+ * @module gestures
4
+ */
5
+ import React from 'react';
6
+ export interface TapTapSwipeSequenceProps {
7
+ children: React.ReactNode;
8
+ enabled?: boolean;
9
+ [key: string]: any;
10
+ }
11
+ export declare const TapTapSwipeSequence: React.FC<TapTapSwipeSequenceProps>;
@@ -0,0 +1,18 @@
1
+ "use strict";
2
+ /**
3
+ * Tap Tap Swipe Sequence - Detects tap tap then swipe
4
+ * @module gestures
5
+ */
6
+ var __importDefault = (this && this.__importDefault) || function (mod) {
7
+ return (mod && mod.__esModule) ? mod : { "default": mod };
8
+ };
9
+ Object.defineProperty(exports, "__esModule", { value: true });
10
+ exports.TapTapSwipeSequence = void 0;
11
+ const react_1 = __importDefault(require("react"));
12
+ const react_native_1 = require("react-native");
13
+ const TapTapSwipeSequence = ({ children, enabled = true, ...rest }) => {
14
+ // TODO: Implement Tap Tap Swipe Sequence logic
15
+ return react_1.default.createElement(react_native_1.View, { ...rest }, children);
16
+ };
17
+ exports.TapTapSwipeSequence = TapTapSwipeSequence;
18
+ exports.TapTapSwipeSequence.displayName = 'TapTapSwipeSequence';
@@ -0,0 +1,6 @@
1
+ export { useTapSwipe } from './useTapSwipe';
2
+ export { useSwipeTap } from './useSwipeTap';
3
+ export { useTapHold } from './useTapHold';
4
+ export { useSwipeRotate } from './useSwipeRotate';
5
+ export { useTapTapSwipe } from './useTapTapSwipe';
6
+ export { useMultiStep } from './useMultiStep';
@@ -0,0 +1,15 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.useMultiStep = exports.useTapTapSwipe = exports.useSwipeRotate = exports.useTapHold = exports.useSwipeTap = exports.useTapSwipe = void 0;
4
+ var useTapSwipe_1 = require("./useTapSwipe");
5
+ Object.defineProperty(exports, "useTapSwipe", { enumerable: true, get: function () { return useTapSwipe_1.useTapSwipe; } });
6
+ var useSwipeTap_1 = require("./useSwipeTap");
7
+ Object.defineProperty(exports, "useSwipeTap", { enumerable: true, get: function () { return useSwipeTap_1.useSwipeTap; } });
8
+ var useTapHold_1 = require("./useTapHold");
9
+ Object.defineProperty(exports, "useTapHold", { enumerable: true, get: function () { return useTapHold_1.useTapHold; } });
10
+ var useSwipeRotate_1 = require("./useSwipeRotate");
11
+ Object.defineProperty(exports, "useSwipeRotate", { enumerable: true, get: function () { return useSwipeRotate_1.useSwipeRotate; } });
12
+ var useTapTapSwipe_1 = require("./useTapTapSwipe");
13
+ Object.defineProperty(exports, "useTapTapSwipe", { enumerable: true, get: function () { return useTapTapSwipe_1.useTapTapSwipe; } });
14
+ var useMultiStep_1 = require("./useMultiStep");
15
+ Object.defineProperty(exports, "useMultiStep", { enumerable: true, get: function () { return useMultiStep_1.useMultiStep; } });
@@ -0,0 +1,10 @@
1
+ /**
2
+ * useMultiStep - useMultiStep hook
3
+ */
4
+ export interface useMultiStepOptions {
5
+ enabled?: boolean;
6
+ [key: string]: any;
7
+ }
8
+ export declare function useMultiStep(options?: useMultiStepOptions): {
9
+ enabled: boolean;
10
+ };
@@ -0,0 +1,14 @@
1
+ "use strict";
2
+ /**
3
+ * useMultiStep - useMultiStep hook
4
+ */
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.useMultiStep = useMultiStep;
7
+ const react_1 = require("react");
8
+ function useMultiStep(options = {}) {
9
+ const { enabled = true } = options;
10
+ return (0, react_1.useMemo)(() => {
11
+ // TODO: Implement useMultiStep logic
12
+ return { enabled };
13
+ }, [enabled]);
14
+ }
@@ -0,0 +1,10 @@
1
+ /**
2
+ * useSwipeRotate - useSwipeRotate hook
3
+ */
4
+ export interface useSwipeRotateOptions {
5
+ enabled?: boolean;
6
+ [key: string]: any;
7
+ }
8
+ export declare function useSwipeRotate(options?: useSwipeRotateOptions): {
9
+ enabled: boolean;
10
+ };
@@ -0,0 +1,14 @@
1
+ "use strict";
2
+ /**
3
+ * useSwipeRotate - useSwipeRotate hook
4
+ */
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.useSwipeRotate = useSwipeRotate;
7
+ const react_1 = require("react");
8
+ function useSwipeRotate(options = {}) {
9
+ const { enabled = true } = options;
10
+ return (0, react_1.useMemo)(() => {
11
+ // TODO: Implement useSwipeRotate logic
12
+ return { enabled };
13
+ }, [enabled]);
14
+ }
@@ -0,0 +1,10 @@
1
+ /**
2
+ * useSwipeTap - useSwipeTap hook
3
+ */
4
+ export interface useSwipeTapOptions {
5
+ enabled?: boolean;
6
+ [key: string]: any;
7
+ }
8
+ export declare function useSwipeTap(options?: useSwipeTapOptions): {
9
+ enabled: boolean;
10
+ };
@@ -0,0 +1,14 @@
1
+ "use strict";
2
+ /**
3
+ * useSwipeTap - useSwipeTap hook
4
+ */
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.useSwipeTap = useSwipeTap;
7
+ const react_1 = require("react");
8
+ function useSwipeTap(options = {}) {
9
+ const { enabled = true } = options;
10
+ return (0, react_1.useMemo)(() => {
11
+ // TODO: Implement useSwipeTap logic
12
+ return { enabled };
13
+ }, [enabled]);
14
+ }
@@ -0,0 +1,10 @@
1
+ /**
2
+ * useTapHold - useTapHold hook
3
+ */
4
+ export interface useTapHoldOptions {
5
+ enabled?: boolean;
6
+ [key: string]: any;
7
+ }
8
+ export declare function useTapHold(options?: useTapHoldOptions): {
9
+ enabled: boolean;
10
+ };
@@ -0,0 +1,14 @@
1
+ "use strict";
2
+ /**
3
+ * useTapHold - useTapHold hook
4
+ */
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.useTapHold = useTapHold;
7
+ const react_1 = require("react");
8
+ function useTapHold(options = {}) {
9
+ const { enabled = true } = options;
10
+ return (0, react_1.useMemo)(() => {
11
+ // TODO: Implement useTapHold logic
12
+ return { enabled };
13
+ }, [enabled]);
14
+ }
@@ -0,0 +1,10 @@
1
+ /**
2
+ * useTapSwipe - useTapSwipe hook
3
+ */
4
+ export interface useTapSwipeOptions {
5
+ enabled?: boolean;
6
+ [key: string]: any;
7
+ }
8
+ export declare function useTapSwipe(options?: useTapSwipeOptions): {
9
+ enabled: boolean;
10
+ };
@@ -0,0 +1,14 @@
1
+ "use strict";
2
+ /**
3
+ * useTapSwipe - useTapSwipe hook
4
+ */
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.useTapSwipe = useTapSwipe;
7
+ const react_1 = require("react");
8
+ function useTapSwipe(options = {}) {
9
+ const { enabled = true } = options;
10
+ return (0, react_1.useMemo)(() => {
11
+ // TODO: Implement useTapSwipe logic
12
+ return { enabled };
13
+ }, [enabled]);
14
+ }
@@ -0,0 +1,10 @@
1
+ /**
2
+ * useTapTapSwipe - useTapTapSwipe hook
3
+ */
4
+ export interface useTapTapSwipeOptions {
5
+ enabled?: boolean;
6
+ [key: string]: any;
7
+ }
8
+ export declare function useTapTapSwipe(options?: useTapTapSwipeOptions): {
9
+ enabled: boolean;
10
+ };
@@ -0,0 +1,14 @@
1
+ "use strict";
2
+ /**
3
+ * useTapTapSwipe - useTapTapSwipe hook
4
+ */
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.useTapTapSwipe = useTapTapSwipe;
7
+ const react_1 = require("react");
8
+ function useTapTapSwipe(options = {}) {
9
+ const { enabled = true } = options;
10
+ return (0, react_1.useMemo)(() => {
11
+ // TODO: Implement useTapTapSwipe logic
12
+ return { enabled };
13
+ }, [enabled]);
14
+ }
@@ -0,0 +1,8 @@
1
+ export * from './types';
2
+ export { TapSwipeSequence } from './TapSwipeSequence';
3
+ export { SwipeTapSequence } from './SwipeTapSequence';
4
+ export { TapHoldSequence } from './TapHoldSequence';
5
+ export { SwipeRotateSequence } from './SwipeRotateSequence';
6
+ export { TapTapSwipeSequence } from './TapTapSwipeSequence';
7
+ export { MultiStepGesture } from './MultiStepGesture';
8
+ export * from './hooks';
package/dist/index.js ADDED
@@ -0,0 +1,34 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
+ };
16
+ Object.defineProperty(exports, "__esModule", { value: true });
17
+ exports.MultiStepGesture = exports.TapTapSwipeSequence = exports.SwipeRotateSequence = exports.TapHoldSequence = exports.SwipeTapSequence = exports.TapSwipeSequence = void 0;
18
+ // Sequence Gestures
19
+ __exportStar(require("./types"), exports);
20
+ // Components
21
+ var TapSwipeSequence_1 = require("./TapSwipeSequence");
22
+ Object.defineProperty(exports, "TapSwipeSequence", { enumerable: true, get: function () { return TapSwipeSequence_1.TapSwipeSequence; } });
23
+ var SwipeTapSequence_1 = require("./SwipeTapSequence");
24
+ Object.defineProperty(exports, "SwipeTapSequence", { enumerable: true, get: function () { return SwipeTapSequence_1.SwipeTapSequence; } });
25
+ var TapHoldSequence_1 = require("./TapHoldSequence");
26
+ Object.defineProperty(exports, "TapHoldSequence", { enumerable: true, get: function () { return TapHoldSequence_1.TapHoldSequence; } });
27
+ var SwipeRotateSequence_1 = require("./SwipeRotateSequence");
28
+ Object.defineProperty(exports, "SwipeRotateSequence", { enumerable: true, get: function () { return SwipeRotateSequence_1.SwipeRotateSequence; } });
29
+ var TapTapSwipeSequence_1 = require("./TapTapSwipeSequence");
30
+ Object.defineProperty(exports, "TapTapSwipeSequence", { enumerable: true, get: function () { return TapTapSwipeSequence_1.TapTapSwipeSequence; } });
31
+ var MultiStepGesture_1 = require("./MultiStepGesture");
32
+ Object.defineProperty(exports, "MultiStepGesture", { enumerable: true, get: function () { return MultiStepGesture_1.MultiStepGesture; } });
33
+ // Hooks
34
+ __exportStar(require("./hooks"), exports);
@@ -0,0 +1,14 @@
1
+ /**
2
+ * Type definitions for this gesture category.
3
+ */
4
+ import type { BaseGestureEvent } from 'gesture-kit-core';
5
+ export type SequenceStep = 'tap' | 'swipe' | 'hold' | 'rotate' | 'pinch';
6
+ export interface SequenceEvent extends BaseGestureEvent {
7
+ steps: SequenceStep[];
8
+ totalDuration: number;
9
+ }
10
+ export interface SequenceConfig {
11
+ steps: SequenceStep[];
12
+ timingWindow?: number;
13
+ interruptible?: boolean;
14
+ }
package/dist/types.js ADDED
@@ -0,0 +1,5 @@
1
+ "use strict";
2
+ /**
3
+ * Type definitions for this gesture category.
4
+ */
5
+ Object.defineProperty(exports, "__esModule", { value: true });
package/package.json ADDED
@@ -0,0 +1,30 @@
1
+ {
2
+ "name": "gesture-kit-sequences",
3
+ "version": "1.0.0",
4
+ "description": "Sequential multi-step gesture recognition",
5
+ "main": "dist/index.js",
6
+ "types": "dist/index.d.ts",
7
+ "files": ["dist", "README.md"],
8
+ "scripts": {
9
+ "build": "tsc",
10
+ "prepare": "npm run build",
11
+ "typecheck": "tsc --noEmit"
12
+ },
13
+ "dependencies": {
14
+ "gesture-kit-core": "^1.0.0"
15
+ },
16
+ "peerDependencies": {
17
+ "react": ">=18.0.0",
18
+ "react-native": ">=0.71.0",
19
+ "react-native-gesture-handler": ">=2.10.0"
20
+ },
21
+ "devDependencies": {
22
+ "@types/react": "^18.2.0",
23
+ "react": "^18.2.0",
24
+ "react-native": "^0.73.11",
25
+ "react-native-gesture-handler": "^2.30.0",
26
+ "typescript": "^5.9.3"
27
+ },
28
+ "keywords": ["react-native", "gesture", "sequence", "multi-step"],
29
+ "license": "MIT"
30
+ }