gesture-kit-drawing 1.0.0

package/dist/CustomShapeGesture.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Custom Shape - Detects custom shape recognition
+ * @module gestures
+ */
+import React from 'react';
+export interface CustomShapeGestureProps {
+    children: React.ReactNode;
+    enabled?: boolean;
+    [key: string]: any;
+}
+export declare const CustomShapeGesture: React.FC<CustomShapeGestureProps>;

package/dist/CustomShapeGesture.js

@@ -0,0 +1,18 @@
+"use strict";
+/**
+ * Custom Shape - Detects custom shape recognition
+ * @module gestures
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomShapeGesture = void 0;
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const CustomShapeGesture = ({ children, enabled = true, ...rest }) => {
+    // TODO: Implement Custom Shape logic
+    return react_1.default.createElement(react_native_1.View, { ...rest }, children);
+};
+exports.CustomShapeGesture = CustomShapeGesture;
+exports.CustomShapeGesture.displayName = 'CustomShapeGesture';

package/dist/DrawCircleGesture.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Draw Circle - Detects circle drawing
+ * @module gestures
+ */
+import React from 'react';
+export interface DrawCircleGestureProps {
+    children: React.ReactNode;
+    enabled?: boolean;
+    [key: string]: any;
+}
+export declare const DrawCircleGesture: React.FC<DrawCircleGestureProps>;

package/dist/DrawCircleGesture.js

@@ -0,0 +1,18 @@
+"use strict";
+/**
+ * Draw Circle - Detects circle drawing
+ * @module gestures
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DrawCircleGesture = void 0;
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const DrawCircleGesture = ({ children, enabled = true, ...rest }) => {
+    // TODO: Implement Draw Circle logic
+    return react_1.default.createElement(react_native_1.View, { ...rest }, children);
+};
+exports.DrawCircleGesture = DrawCircleGesture;
+exports.DrawCircleGesture.displayName = 'DrawCircleGesture';

package/dist/DrawLetterGesture.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Draw Letter - Detects letter/symbol drawing
+ * @module gestures
+ */
+import React from 'react';
+export interface DrawLetterGestureProps {
+    children: React.ReactNode;
+    enabled?: boolean;
+    [key: string]: any;
+}
+export declare const DrawLetterGesture: React.FC<DrawLetterGestureProps>;

package/dist/DrawLetterGesture.js

@@ -0,0 +1,18 @@
+"use strict";
+/**
+ * Draw Letter - Detects letter/symbol drawing
+ * @module gestures
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DrawLetterGesture = void 0;
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const DrawLetterGesture = ({ children, enabled = true, ...rest }) => {
+    // TODO: Implement Draw Letter logic
+    return react_1.default.createElement(react_native_1.View, { ...rest }, children);
+};
+exports.DrawLetterGesture = DrawLetterGesture;
+exports.DrawLetterGesture.displayName = 'DrawLetterGesture';

package/dist/DrawLineGesture.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Draw Line - Detects line drawing
+ * @module gestures
+ */
+import React from 'react';
+export interface DrawLineGestureProps {
+    children: React.ReactNode;
+    enabled?: boolean;
+    [key: string]: any;
+}
+export declare const DrawLineGesture: React.FC<DrawLineGestureProps>;

package/dist/DrawLineGesture.js

@@ -0,0 +1,18 @@
+"use strict";
+/**
+ * Draw Line - Detects line drawing
+ * @module gestures
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DrawLineGesture = void 0;
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const DrawLineGesture = ({ children, enabled = true, ...rest }) => {
+    // TODO: Implement Draw Line logic
+    return react_1.default.createElement(react_native_1.View, { ...rest }, children);
+};
+exports.DrawLineGesture = DrawLineGesture;
+exports.DrawLineGesture.displayName = 'DrawLineGesture';

package/dist/DrawSquareGesture.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Draw Square - Detects square drawing
+ * @module gestures
+ */
+import React from 'react';
+export interface DrawSquareGestureProps {
+    children: React.ReactNode;
+    enabled?: boolean;
+    [key: string]: any;
+}
+export declare const DrawSquareGesture: React.FC<DrawSquareGestureProps>;

package/dist/DrawSquareGesture.js

@@ -0,0 +1,18 @@
+"use strict";
+/**
+ * Draw Square - Detects square drawing
+ * @module gestures
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DrawSquareGesture = void 0;
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const DrawSquareGesture = ({ children, enabled = true, ...rest }) => {
+    // TODO: Implement Draw Square logic
+    return react_1.default.createElement(react_native_1.View, { ...rest }, children);
+};
+exports.DrawSquareGesture = DrawSquareGesture;
+exports.DrawSquareGesture.displayName = 'DrawSquareGesture';

package/dist/DrawStarGesture.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Draw Star - Detects star drawing
+ * @module gestures
+ */
+import React from 'react';
+export interface DrawStarGestureProps {
+    children: React.ReactNode;
+    enabled?: boolean;
+    [key: string]: any;
+}
+export declare const DrawStarGesture: React.FC<DrawStarGestureProps>;

package/dist/DrawStarGesture.js

@@ -0,0 +1,18 @@
+"use strict";
+/**
+ * Draw Star - Detects star drawing
+ * @module gestures
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DrawStarGesture = void 0;
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const DrawStarGesture = ({ children, enabled = true, ...rest }) => {
+    // TODO: Implement Draw Star logic
+    return react_1.default.createElement(react_native_1.View, { ...rest }, children);
+};
+exports.DrawStarGesture = DrawStarGesture;
+exports.DrawStarGesture.displayName = 'DrawStarGesture';

package/dist/DrawTriangleGesture.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Draw Triangle - Detects triangle drawing
+ * @module gestures
+ */
+import React from 'react';
+export interface DrawTriangleGestureProps {
+    children: React.ReactNode;
+    enabled?: boolean;
+    [key: string]: any;
+}
+export declare const DrawTriangleGesture: React.FC<DrawTriangleGestureProps>;

package/dist/DrawTriangleGesture.js

@@ -0,0 +1,18 @@
+"use strict";
+/**
+ * Draw Triangle - Detects triangle drawing
+ * @module gestures
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DrawTriangleGesture = void 0;
+const react_1 = __importDefault(require("react"));
+const react_native_1 = require("react-native");
+const DrawTriangleGesture = ({ children, enabled = true, ...rest }) => {
+    // TODO: Implement Draw Triangle logic
+    return react_1.default.createElement(react_native_1.View, { ...rest }, children);
+};
+exports.DrawTriangleGesture = DrawTriangleGesture;
+exports.DrawTriangleGesture.displayName = 'DrawTriangleGesture';

package/dist/hooks/index.d.ts

@@ -0,0 +1,7 @@
+export { useDrawLine } from './useDrawLine';
+export { useDrawCircle } from './useDrawCircle';
+export { useDrawSquare } from './useDrawSquare';
+export { useDrawTriangle } from './useDrawTriangle';
+export { useDrawStar } from './useDrawStar';
+export { useDrawLetter } from './useDrawLetter';
+export { useCustomShape } from './useCustomShape';

package/dist/hooks/index.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCustomShape = exports.useDrawLetter = exports.useDrawStar = exports.useDrawTriangle = exports.useDrawSquare = exports.useDrawCircle = exports.useDrawLine = void 0;
+var useDrawLine_1 = require("./useDrawLine");
+Object.defineProperty(exports, "useDrawLine", { enumerable: true, get: function () { return useDrawLine_1.useDrawLine; } });
+var useDrawCircle_1 = require("./useDrawCircle");
+Object.defineProperty(exports, "useDrawCircle", { enumerable: true, get: function () { return useDrawCircle_1.useDrawCircle; } });
+var useDrawSquare_1 = require("./useDrawSquare");
+Object.defineProperty(exports, "useDrawSquare", { enumerable: true, get: function () { return useDrawSquare_1.useDrawSquare; } });
+var useDrawTriangle_1 = require("./useDrawTriangle");
+Object.defineProperty(exports, "useDrawTriangle", { enumerable: true, get: function () { return useDrawTriangle_1.useDrawTriangle; } });
+var useDrawStar_1 = require("./useDrawStar");
+Object.defineProperty(exports, "useDrawStar", { enumerable: true, get: function () { return useDrawStar_1.useDrawStar; } });
+var useDrawLetter_1 = require("./useDrawLetter");
+Object.defineProperty(exports, "useDrawLetter", { enumerable: true, get: function () { return useDrawLetter_1.useDrawLetter; } });
+var useCustomShape_1 = require("./useCustomShape");
+Object.defineProperty(exports, "useCustomShape", { enumerable: true, get: function () { return useCustomShape_1.useCustomShape; } });

package/dist/hooks/useCustomShape.d.ts

@@ -0,0 +1,10 @@
+/**
+ * useCustomShape - useCustomShape hook
+ */
+export interface useCustomShapeOptions {
+    enabled?: boolean;
+    [key: string]: any;
+}
+export declare function useCustomShape(options?: useCustomShapeOptions): {
+    enabled: boolean;
+};

package/dist/hooks/useCustomShape.js

@@ -0,0 +1,14 @@
+"use strict";
+/**
+ * useCustomShape - useCustomShape hook
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCustomShape = useCustomShape;
+const react_1 = require("react");
+function useCustomShape(options = {}) {
+    const { enabled = true } = options;
+    return (0, react_1.useMemo)(() => {
+        // TODO: Implement useCustomShape logic
+        return { enabled };
+    }, [enabled]);
+}

package/dist/hooks/useDrawCircle.d.ts

@@ -0,0 +1,10 @@
+/**
+ * useDrawCircle - useDrawCircle hook
+ */
+export interface useDrawCircleOptions {
+    enabled?: boolean;
+    [key: string]: any;
+}
+export declare function useDrawCircle(options?: useDrawCircleOptions): {
+    enabled: boolean;
+};

package/dist/hooks/useDrawCircle.js

@@ -0,0 +1,14 @@
+"use strict";
+/**
+ * useDrawCircle - useDrawCircle hook
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDrawCircle = useDrawCircle;
+const react_1 = require("react");
+function useDrawCircle(options = {}) {
+    const { enabled = true } = options;
+    return (0, react_1.useMemo)(() => {
+        // TODO: Implement useDrawCircle logic
+        return { enabled };
+    }, [enabled]);
+}

package/dist/hooks/useDrawLetter.d.ts

@@ -0,0 +1,10 @@
+/**
+ * useDrawLetter - useDrawLetter hook
+ */
+export interface useDrawLetterOptions {
+    enabled?: boolean;
+    [key: string]: any;
+}
+export declare function useDrawLetter(options?: useDrawLetterOptions): {
+    enabled: boolean;
+};

package/dist/hooks/useDrawLetter.js

@@ -0,0 +1,14 @@
+"use strict";
+/**
+ * useDrawLetter - useDrawLetter hook
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDrawLetter = useDrawLetter;
+const react_1 = require("react");
+function useDrawLetter(options = {}) {
+    const { enabled = true } = options;
+    return (0, react_1.useMemo)(() => {
+        // TODO: Implement useDrawLetter logic
+        return { enabled };
+    }, [enabled]);
+}

package/dist/hooks/useDrawLine.d.ts

@@ -0,0 +1,10 @@
+/**
+ * useDrawLine - useDrawLine hook
+ */
+export interface useDrawLineOptions {
+    enabled?: boolean;
+    [key: string]: any;
+}
+export declare function useDrawLine(options?: useDrawLineOptions): {
+    enabled: boolean;
+};

package/dist/hooks/useDrawLine.js

@@ -0,0 +1,14 @@
+"use strict";
+/**
+ * useDrawLine - useDrawLine hook
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDrawLine = useDrawLine;
+const react_1 = require("react");
+function useDrawLine(options = {}) {
+    const { enabled = true } = options;
+    return (0, react_1.useMemo)(() => {
+        // TODO: Implement useDrawLine logic
+        return { enabled };
+    }, [enabled]);
+}

package/dist/hooks/useDrawSquare.d.ts

@@ -0,0 +1,10 @@
+/**
+ * useDrawSquare - useDrawSquare hook
+ */
+export interface useDrawSquareOptions {
+    enabled?: boolean;
+    [key: string]: any;
+}
+export declare function useDrawSquare(options?: useDrawSquareOptions): {
+    enabled: boolean;
+};

package/dist/hooks/useDrawSquare.js

@@ -0,0 +1,14 @@
+"use strict";
+/**
+ * useDrawSquare - useDrawSquare hook
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDrawSquare = useDrawSquare;
+const react_1 = require("react");
+function useDrawSquare(options = {}) {
+    const { enabled = true } = options;
+    return (0, react_1.useMemo)(() => {
+        // TODO: Implement useDrawSquare logic
+        return { enabled };
+    }, [enabled]);
+}

package/dist/hooks/useDrawStar.d.ts

@@ -0,0 +1,10 @@
+/**
+ * useDrawStar - useDrawStar hook
+ */
+export interface useDrawStarOptions {
+    enabled?: boolean;
+    [key: string]: any;
+}
+export declare function useDrawStar(options?: useDrawStarOptions): {
+    enabled: boolean;
+};

package/dist/hooks/useDrawStar.js

@@ -0,0 +1,14 @@
+"use strict";
+/**
+ * useDrawStar - useDrawStar hook
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDrawStar = useDrawStar;
+const react_1 = require("react");
+function useDrawStar(options = {}) {
+    const { enabled = true } = options;
+    return (0, react_1.useMemo)(() => {
+        // TODO: Implement useDrawStar logic
+        return { enabled };
+    }, [enabled]);
+}

package/dist/hooks/useDrawTriangle.d.ts

@@ -0,0 +1,10 @@
+/**
+ * useDrawTriangle - useDrawTriangle hook
+ */
+export interface useDrawTriangleOptions {
+    enabled?: boolean;
+    [key: string]: any;
+}
+export declare function useDrawTriangle(options?: useDrawTriangleOptions): {
+    enabled: boolean;
+};

package/dist/hooks/useDrawTriangle.js

@@ -0,0 +1,14 @@
+"use strict";
+/**
+ * useDrawTriangle - useDrawTriangle hook
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDrawTriangle = useDrawTriangle;
+const react_1 = require("react");
+function useDrawTriangle(options = {}) {
+    const { enabled = true } = options;
+    return (0, react_1.useMemo)(() => {
+        // TODO: Implement useDrawTriangle logic
+        return { enabled };
+    }, [enabled]);
+}

package/dist/index.d.ts

@@ -0,0 +1,9 @@
+export * from './types';
+export { DrawLineGesture } from './DrawLineGesture';
+export { DrawCircleGesture } from './DrawCircleGesture';
+export { DrawSquareGesture } from './DrawSquareGesture';
+export { DrawTriangleGesture } from './DrawTriangleGesture';
+export { DrawStarGesture } from './DrawStarGesture';
+export { DrawLetterGesture } from './DrawLetterGesture';
+export { CustomShapeGesture } from './CustomShapeGesture';
+export * from './hooks';

package/dist/index.js

@@ -0,0 +1,36 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomShapeGesture = exports.DrawLetterGesture = exports.DrawStarGesture = exports.DrawTriangleGesture = exports.DrawSquareGesture = exports.DrawCircleGesture = exports.DrawLineGesture = void 0;
+// Drawing Gestures
+__exportStar(require("./types"), exports);
+// Components
+var DrawLineGesture_1 = require("./DrawLineGesture");
+Object.defineProperty(exports, "DrawLineGesture", { enumerable: true, get: function () { return DrawLineGesture_1.DrawLineGesture; } });
+var DrawCircleGesture_1 = require("./DrawCircleGesture");
+Object.defineProperty(exports, "DrawCircleGesture", { enumerable: true, get: function () { return DrawCircleGesture_1.DrawCircleGesture; } });
+var DrawSquareGesture_1 = require("./DrawSquareGesture");
+Object.defineProperty(exports, "DrawSquareGesture", { enumerable: true, get: function () { return DrawSquareGesture_1.DrawSquareGesture; } });
+var DrawTriangleGesture_1 = require("./DrawTriangleGesture");
+Object.defineProperty(exports, "DrawTriangleGesture", { enumerable: true, get: function () { return DrawTriangleGesture_1.DrawTriangleGesture; } });
+var DrawStarGesture_1 = require("./DrawStarGesture");
+Object.defineProperty(exports, "DrawStarGesture", { enumerable: true, get: function () { return DrawStarGesture_1.DrawStarGesture; } });
+var DrawLetterGesture_1 = require("./DrawLetterGesture");
+Object.defineProperty(exports, "DrawLetterGesture", { enumerable: true, get: function () { return DrawLetterGesture_1.DrawLetterGesture; } });
+var CustomShapeGesture_1 = require("./CustomShapeGesture");
+Object.defineProperty(exports, "CustomShapeGesture", { enumerable: true, get: function () { return CustomShapeGesture_1.CustomShapeGesture; } });
+// Hooks
+__exportStar(require("./hooks"), exports);

package/dist/types.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Type definitions for this gesture category.
+ */
+import type { BaseGestureEvent } from 'gesture-kit-core';
+export interface DrawPoint {
+    x: number;
+    y: number;
+    timestamp: number;
+    pressure?: number;
+}
+export interface DrawEvent extends BaseGestureEvent {
+    path: DrawPoint[];
+    strokeWidth: number;
+}
+export interface ShapeRecognitionEvent extends DrawEvent {
+    shape: string;
+    confidence: number;
+}

package/dist/types.js

@@ -0,0 +1,5 @@
+"use strict";
+/**
+ * Type definitions for this gesture category.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });

package/package.json

@@ -0,0 +1,30 @@
+{
+  "name": "gesture-kit-drawing",
+  "version": "1.0.0",
+  "description": "Drawing gesture recognition: shapes, letters, custom paths",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": ["dist", "README.md"],
+  "scripts": {
+    "build": "tsc",
+    "prepare": "npm run build",
+    "typecheck": "tsc --noEmit"
+  },
+  "dependencies": {
+    "gesture-kit-core": "^1.0.0"
+  },
+  "peerDependencies": {
+    "react": ">=18.0.0",
+    "react-native": ">=0.71.0",
+    "react-native-gesture-handler": ">=2.10.0"
+  },
+  "devDependencies": {
+    "@types/react": "^18.2.0",
+    "react": "^18.2.0",
+    "react-native": "^0.73.11",
+    "react-native-gesture-handler": "^2.30.0",
+    "typescript": "^5.9.3"
+  },
+  "keywords": ["react-native", "gesture", "drawing", "shape-recognition"],
+  "license": "MIT"
+}