@rustors/react 0.0.0-stage → 0.3.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 RustO Contributors
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,86 @@
-# Temporary Holding Version
+# @rustors/react
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+> Official React hooks, provider, and UI components for [RustO!](https://github.com/byrizki/rusto-rs)
+
+## Features
+
+- **Provider Lifecycle**: Effortless engine initialization, status tracking (`idle`, `initializing`, `ready`, `error`), and error recovery with `<RustoProvider>`.
+- **Easy Hooks**: `useRusto()` to access engine status, and `useOcr()` for running OCR and managing state (`isProcessing`, `results`, `spatialText`).
+- **Composite Components**: `<OcrOverlay>` for displaying interactive bounding boxes, and `<OcrDropzone>` for drag-and-drop scanning.
+- **Architectural Purity**: Functional logic is strictly separated into testable services and hooks; components remain clean and declarative.
+
+## Installation
+
+```bash
+npm install @rustors/react @rustors/web
+# or
+yarn add @rustors/react @rustors/web
+# or
+pnpm add @rustors/react @rustors/web
+```
+
+## Quick Start
+
+### 1. Wrap your application with `RustoProvider`
+
+```tsx
+import React from 'react';
+import { RustoProvider } from '@rustors/react';
+import { getModelUrls } from '@rustors/model-ppocrv6-tiny';
+
+const modelUrls = getModelUrls('/models/ppocrv6-tiny');
+
+export function App() {
+  return (
+    <RustoProvider
+      config={{
+        preset: 'ppv6',
+        models: {
+          detection: modelUrls.detection,
+          recognition: modelUrls.recognition,
+          dictionary: modelUrls.dictionary,
+        },
+      }}
+    >
+      <OcrScanner />
+    </RustoProvider>
+  );
+}
+```
+
+### 2. Scan and Display with Hooks & Overlay
+
+```tsx
+import React, { useState } from 'react';
+import { useOcr, OcrOverlay, OcrDropzone } from '@rustors/react';
+
+export function OcrScanner() {
+  const [imageSrc, setImageSrc] = useState<string | null>(null);
+  const { detect, results, isProcessing } = useOcr();
+
+  const handleFileSelect = async (file: File) => {
+    setImageSrc(URL.createObjectURL(file));
+    await detect(file);
+  };
+
+  return (
+    <div>
+      <OcrDropzone onFileSelect={handleFileSelect} />
+
+      {isProcessing && <p>Scanning document...</p>}
+
+      {imageSrc && results.length > 0 && (
+        <OcrOverlay
+          imageSrc={imageSrc}
+          results={results}
+          onItemClick={(item) => alert(`Clicked: ${item.text}`)}
+        />
+      )}
+    </div>
+  );
+}
+```
+
+## License
+
+MIT License

package/dist/components/BoundingBox.d.ts

@@ -0,0 +1,4 @@
+import { type ReactElement } from 'react';
+import type { BoundingBoxProps } from '../types/index.js';
+export declare function BoundingBox({ item, scaleX, scaleY, highlightColor, showTooltip, className, style, onClick, }: BoundingBoxProps): ReactElement;
+//# sourceMappingURL=BoundingBox.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BoundingBox.d.ts","sourceRoot":"","sources":["../../src/components/BoundingBox.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAG1D,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,MAAM,EACN,MAAM,EACN,cAA0C,EAC1C,WAAkB,EAClB,SAAS,EACT,KAAK,EACL,OAAO,GACR,EAAE,gBAAgB,GAAG,YAAY,CAiDjC"}

package/dist/components/BoundingBox.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BoundingBox = BoundingBox;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const geometry_js_1 = require("../utils/geometry.js");
+function BoundingBox({ item, scaleX, scaleY, highlightColor = 'rgba(59, 130, 246, 0.4)', showTooltip = true, className, style, onClick, }) {
+    const scaled = (0, geometry_js_1.scaleFrame)(item.frame, scaleX, scaleY);
+    const boxStyle = {
+        position: 'absolute',
+        left: `${scaled.left}px`,
+        top: `${scaled.top}px`,
+        width: `${scaled.width}px`,
+        height: `${scaled.height}px`,
+        border: `1.5px solid ${highlightColor}`,
+        backgroundColor: highlightColor.replace(/[\d.]+\)$/, '0.15)'),
+        cursor: onClick ? 'pointer' : 'default',
+        pointerEvents: 'auto',
+        boxSizing: 'border-box',
+        borderRadius: '2px',
+        ...style,
+    };
+    const tooltipStyle = {
+        position: 'absolute',
+        bottom: '100%',
+        left: '0',
+        backgroundColor: '#1f2937',
+        color: '#ffffff',
+        fontSize: '11px',
+        lineHeight: '1.2',
+        padding: '2px 6px',
+        borderRadius: '4px',
+        whiteSpace: 'nowrap',
+        pointerEvents: 'none',
+        zIndex: 10,
+        transform: 'translateY(-2px)',
+        boxShadow: '0 2px 4px rgba(0,0,0,0.2)',
+    };
+    return ((0, jsx_runtime_1.jsx)("div", { className: className, style: boxStyle, onClick: () => onClick?.(item), title: `${item.text} (${Math.round(item.score * 100)}%)`, children: showTooltip && ((0, jsx_runtime_1.jsxs)("span", { style: tooltipStyle, children: [item.text, " ", (0, jsx_runtime_1.jsxs)("small", { style: { opacity: 0.75 }, children: ["(", Math.round(item.score * 100), "%)"] })] })) }));
+}
+//# sourceMappingURL=BoundingBox.js.map

package/dist/components/BoundingBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BoundingBox.js","sourceRoot":"","sources":["../../src/components/BoundingBox.tsx"],"names":[],"mappings":";;AAIA,kCA0DC;;AA5DD,sDAAkD;AAElD,SAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,MAAM,EACN,MAAM,EACN,cAAc,GAAG,yBAAyB,EAC1C,WAAW,GAAG,IAAI,EAClB,SAAS,EACT,KAAK,EACL,OAAO,GACU;IACjB,MAAM,MAAM,GAAG,IAAA,wBAAU,EAAC,IAAI,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IAEtD,MAAM,QAAQ,GAAwB;QACpC,QAAQ,EAAE,UAAU;QACpB,IAAI,EAAE,GAAG,MAAM,CAAC,IAAI,IAAI;QACxB,GAAG,EAAE,GAAG,MAAM,CAAC,GAAG,IAAI;QACtB,KAAK,EAAE,GAAG,MAAM,CAAC,KAAK,IAAI;QAC1B,MAAM,EAAE,GAAG,MAAM,CAAC,MAAM,IAAI;QAC5B,MAAM,EAAE,eAAe,cAAc,EAAE;QACvC,eAAe,EAAE,cAAc,CAAC,OAAO,CAAC,WAAW,EAAE,OAAO,CAAC;QAC7D,MAAM,EAAE,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;QACvC,aAAa,EAAE,MAAM;QACrB,SAAS,EAAE,YAAY;QACvB,YAAY,EAAE,KAAK;QACnB,GAAG,KAAK;KACT,CAAC;IAEF,MAAM,YAAY,GAAwB;QACxC,QAAQ,EAAE,UAAU;QACpB,MAAM,EAAE,MAAM;QACd,IAAI,EAAE,GAAG;QACT,eAAe,EAAE,SAAS;QAC1B,KAAK,EAAE,SAAS;QAChB,QAAQ,EAAE,MAAM;QAChB,UAAU,EAAE,KAAK;QACjB,OAAO,EAAE,SAAS;QAClB,YAAY,EAAE,KAAK;QACnB,UAAU,EAAE,QAAQ;QACpB,aAAa,EAAE,MAAM;QACrB,MAAM,EAAE,EAAE;QACV,SAAS,EAAE,kBAAkB;QAC7B,SAAS,EAAE,2BAA2B;KACvC,CAAC;IAEF,OAAO,CACL,gCACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,QAAQ,EACf,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,EAAE,CAAC,IAAI,CAAC,EAC9B,KAAK,EAAE,GAAG,IAAI,CAAC,IAAI,KAAK,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC,IAAI,YAEvD,WAAW,IAAI,CACd,kCAAM,KAAK,EAAE,YAAY,aACtB,IAAI,CAAC,IAAI,OAAE,mCAAO,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,kBAAI,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC,UAAW,IACjF,CACR,GACG,CACP,CAAC;AACJ,CAAC"}

package/dist/components/DropzonePreview.d.ts

@@ -0,0 +1,4 @@
+import { type ReactElement } from 'react';
+import type { DropzonePreviewProps } from '../types/index.js';
+export declare function DropzonePreview({ previewUrl, onClear, className, }: DropzonePreviewProps): ReactElement;
+//# sourceMappingURL=DropzonePreview.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropzonePreview.d.ts","sourceRoot":"","sources":["../../src/components/DropzonePreview.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAE9D,wBAAgB,eAAe,CAAC,EAC9B,UAAU,EACV,OAAO,EACP,SAAS,GACV,EAAE,oBAAoB,GAAG,YAAY,CAqDrC"}

package/dist/components/DropzonePreview.js

@@ -0,0 +1,40 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DropzonePreview = DropzonePreview;
+const jsx_runtime_1 = require("react/jsx-runtime");
+function DropzonePreview({ previewUrl, onClear, className, }) {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: className, style: {
+            position: 'relative',
+            display: 'flex',
+            alignItems: 'center',
+            justifyContent: 'center',
+            padding: '12px',
+            width: '100%',
+            boxSizing: 'border-box',
+        }, children: [(0, jsx_runtime_1.jsx)("img", { src: previewUrl, alt: "Uploaded Preview", style: {
+                    maxHeight: '260px',
+                    maxWidth: '100%',
+                    objectFit: 'contain',
+                    borderRadius: '4px',
+                } }), (0, jsx_runtime_1.jsx)("button", { type: "button", onClick: (e) => {
+                    e.stopPropagation();
+                    onClear();
+                }, style: {
+                    position: 'absolute',
+                    top: '16px',
+                    right: '16px',
+                    backgroundColor: 'rgba(0, 0, 0, 0.65)',
+                    color: '#ffffff',
+                    border: 'none',
+                    borderRadius: '50%',
+                    width: '28px',
+                    height: '28px',
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    cursor: 'pointer',
+                    fontSize: '14px',
+                    lineHeight: 1,
+                }, "aria-label": "Remove image", children: "\u00D7" })] }));
+}
+//# sourceMappingURL=DropzonePreview.js.map

package/dist/components/DropzonePreview.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropzonePreview.js","sourceRoot":"","sources":["../../src/components/DropzonePreview.tsx"],"names":[],"mappings":";;AAGA,0CAyDC;;AAzDD,SAAgB,eAAe,CAAC,EAC9B,UAAU,EACV,OAAO,EACP,SAAS,GACY;IACrB,OAAO,CACL,iCACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE;YACL,QAAQ,EAAE,UAAU;YACpB,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,OAAO,EAAE,MAAM;YACf,KAAK,EAAE,MAAM;YACb,SAAS,EAAE,YAAY;SACxB,aAED,gCACE,GAAG,EAAE,UAAU,EACf,GAAG,EAAC,kBAAkB,EACtB,KAAK,EAAE;oBACL,SAAS,EAAE,OAAO;oBAClB,QAAQ,EAAE,MAAM;oBAChB,SAAS,EAAE,SAAS;oBACpB,YAAY,EAAE,KAAK;iBACpB,GACD,EACF,mCACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACb,CAAC,CAAC,eAAe,EAAE,CAAC;oBACpB,OAAO,EAAE,CAAC;gBACZ,CAAC,EACD,KAAK,EAAE;oBACL,QAAQ,EAAE,UAAU;oBACpB,GAAG,EAAE,MAAM;oBACX,KAAK,EAAE,MAAM;oBACb,eAAe,EAAE,qBAAqB;oBACtC,KAAK,EAAE,SAAS;oBAChB,MAAM,EAAE,MAAM;oBACd,YAAY,EAAE,KAAK;oBACnB,KAAK,EAAE,MAAM;oBACb,MAAM,EAAE,MAAM;oBACd,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,QAAQ;oBACpB,cAAc,EAAE,QAAQ;oBACxB,MAAM,EAAE,SAAS;oBACjB,QAAQ,EAAE,MAAM;oBAChB,UAAU,EAAE,CAAC;iBACd,gBACU,cAAc,uBAGlB,IACL,CACP,CAAC;AACJ,CAAC"}

package/dist/components/DropzonePrompt.d.ts

@@ -0,0 +1,4 @@
+import { type ReactElement } from 'react';
+import type { DropzonePromptProps } from '../types/index.js';
+export declare function DropzonePrompt({ title, subtitle, icon, className, }: DropzonePromptProps): ReactElement;
+//# sourceMappingURL=DropzonePrompt.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DropzonePrompt.d.ts","sourceRoot":"","sources":["../../src/components/DropzonePrompt.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AAE7D,wBAAgB,cAAc,CAAC,EAC7B,KAA0C,EAC1C,QAAyD,EACzD,IAAI,EACJ,SAAS,GACV,EAAE,mBAAmB,GAAG,YAAY,CAqCpC"}

package/dist/components/DropzonePrompt.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DropzonePrompt = DropzonePrompt;
+const jsx_runtime_1 = require("react/jsx-runtime");
+function DropzonePrompt({ title = 'Click or drag image here to scan', subtitle = 'Supports PNG, JPEG, WebP, and document scans', icon, className, }) {
+    return ((0, jsx_runtime_1.jsxs)("div", { className: className, style: {
+            display: 'flex',
+            flexDirection: 'column',
+            alignItems: 'center',
+            justifyContent: 'center',
+            padding: '32px 16px',
+            textAlign: 'center',
+            pointerEvents: 'none',
+        }, children: [icon || ((0, jsx_runtime_1.jsx)("svg", { style: { width: '40px', height: '40px', color: '#6b7280', marginBottom: '12px' }, fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: (0, jsx_runtime_1.jsx)("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 1.5, d: "M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z" }) })), (0, jsx_runtime_1.jsx)("p", { style: { margin: '0 0 4px', fontSize: '14px', fontWeight: 600, color: '#374151' }, children: title }), (0, jsx_runtime_1.jsx)("p", { style: { margin: 0, fontSize: '12px', color: '#6b7280' }, children: subtitle })] }));
+}
+//# sourceMappingURL=DropzonePrompt.js.map

package/dist/components/DropzonePrompt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DropzonePrompt.js","sourceRoot":"","sources":["../../src/components/DropzonePrompt.tsx"],"names":[],"mappings":";;AAGA,wCA0CC;;AA1CD,SAAgB,cAAc,CAAC,EAC7B,KAAK,GAAG,kCAAkC,EAC1C,QAAQ,GAAG,8CAA8C,EACzD,IAAI,EACJ,SAAS,GACW;IACpB,OAAO,CACL,iCACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE;YACL,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,OAAO,EAAE,WAAW;YACpB,SAAS,EAAE,QAAQ;YACnB,aAAa,EAAE,MAAM;SACtB,aAEA,IAAI,IAAI,CACP,gCACE,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,EAAE,EAChF,IAAI,EAAC,MAAM,EACX,MAAM,EAAC,cAAc,EACrB,OAAO,EAAC,WAAW,YAEnB,iCACE,aAAa,EAAC,OAAO,EACrB,cAAc,EAAC,OAAO,EACtB,WAAW,EAAE,GAAG,EAChB,CAAC,EAAC,2JAA2J,GAC7J,GACE,CACP,EACD,8BAAG,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,YACjF,KAAK,GACJ,EACJ,8BAAG,KAAK,EAAE,EAAE,MAAM,EAAE,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,YACxD,QAAQ,GACP,IACA,CACP,CAAC;AACJ,CAAC"}

package/dist/components/OcrDropzone.d.ts

@@ -0,0 +1,4 @@
+import { type ReactElement } from 'react';
+import type { OcrDropzoneProps } from '../types/index.js';
+export declare function OcrDropzone({ onFileSelect, onDetect, autoDetect, detectOptions, accept, className, style, }: OcrDropzoneProps): ReactElement;
+//# sourceMappingURL=OcrDropzone.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OcrDropzone.d.ts","sourceRoot":"","sources":["../../src/components/OcrDropzone.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,YAAY,EAGlB,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAK1D,wBAAgB,WAAW,CAAC,EAC1B,YAAY,EACZ,QAAQ,EACR,UAAkB,EAClB,aAAa,EACb,MAAoD,EACpD,SAAS,EACT,KAAK,GACN,EAAE,gBAAgB,GAAG,YAAY,CA+FjC"}

package/dist/components/OcrDropzone.js

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OcrDropzone = OcrDropzone;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const DropzonePrompt_js_1 = require("./DropzonePrompt.js");
+const DropzonePreview_js_1 = require("./DropzonePreview.js");
+const useOcr_js_1 = require("../hooks/useOcr.js");
+function OcrDropzone({ onFileSelect, onDetect, autoDetect = false, detectOptions, accept = 'image/png,image/jpeg,image/webp,image/bmp', className, style, }) {
+    const fileInputRef = (0, react_1.useRef)(null);
+    const [isDragOver, setIsDragOver] = (0, react_1.useState)(false);
+    const [previewUrl, setPreviewUrl] = (0, react_1.useState)(null);
+    const { detect } = (0, useOcr_js_1.useOcr)({
+        ...detectOptions,
+        onSuccess: (res) => onDetect?.(res),
+    });
+    const handleFile = (0, react_1.useCallback)(async (file) => {
+        onFileSelect?.(file);
+        const url = URL.createObjectURL(file);
+        setPreviewUrl(url);
+        if (autoDetect) {
+            await detect(file, detectOptions);
+        }
+    }, [autoDetect, detect, detectOptions, onFileSelect]);
+    const onDragOver = (0, react_1.useCallback)((e) => {
+        e.preventDefault();
+        setIsDragOver(true);
+    }, []);
+    const onDragLeave = (0, react_1.useCallback)(() => {
+        setIsDragOver(false);
+    }, []);
+    const onDrop = (0, react_1.useCallback)((e) => {
+        e.preventDefault();
+        setIsDragOver(false);
+        const files = e.dataTransfer.files;
+        if (files && files.length > 0) {
+            handleFile(files[0]);
+        }
+    }, [handleFile]);
+    const onInputChange = (0, react_1.useCallback)((e) => {
+        const files = e.target.files;
+        if (files && files.length > 0) {
+            handleFile(files[0]);
+        }
+    }, [handleFile]);
+    const clearSelection = (0, react_1.useCallback)(() => {
+        if (previewUrl) {
+            URL.revokeObjectURL(previewUrl);
+        }
+        setPreviewUrl(null);
+        if (fileInputRef.current) {
+            fileInputRef.current.value = '';
+        }
+    }, [previewUrl]);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: className, onClick: () => fileInputRef.current?.click(), onDragOver: onDragOver, onDragLeave: onDragLeave, onDrop: onDrop, style: {
+            border: `2px dashed ${isDragOver ? '#3b82f6' : '#d1d5db'}`,
+            borderRadius: '8px',
+            backgroundColor: isDragOver ? '#eff6ff' : '#fafafa',
+            cursor: 'pointer',
+            transition: 'border-color 0.15s ease, background-color 0.15s ease',
+            boxSizing: 'border-box',
+            ...style,
+        }, children: [(0, jsx_runtime_1.jsx)("input", { ref: fileInputRef, type: "file", accept: accept, onChange: onInputChange, style: { display: 'none' } }), previewUrl ? ((0, jsx_runtime_1.jsx)(DropzonePreview_js_1.DropzonePreview, { previewUrl: previewUrl, onClear: clearSelection })) : ((0, jsx_runtime_1.jsx)(DropzonePrompt_js_1.DropzonePrompt, {}))] }));
+}
+//# sourceMappingURL=OcrDropzone.js.map

package/dist/components/OcrDropzone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OcrDropzone.js","sourceRoot":"","sources":["../../src/components/OcrDropzone.tsx"],"names":[],"mappings":"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"}

package/dist/components/OcrOverlay.d.ts

@@ -0,0 +1,4 @@
+import { type ReactElement } from 'react';
+import type { OcrOverlayProps } from '../types/index.js';
+export declare function OcrOverlay({ imageSrc, results, naturalWidth: propNaturalWidth, naturalHeight: propNaturalHeight, highlightColor, showTooltips, className, style, onItemClick, }: OcrOverlayProps): ReactElement;
+//# sourceMappingURL=OcrOverlay.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"OcrOverlay.d.ts","sourceRoot":"","sources":["../../src/components/OcrOverlay.tsx"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,YAAY,EAElB,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAIzD,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,OAAO,EACP,YAAY,EAAE,gBAAgB,EAC9B,aAAa,EAAE,iBAAiB,EAChC,cAAc,EACd,YAAmB,EACnB,SAAS,EACT,KAAK,EACL,WAAW,GACZ,EAAE,eAAe,GAAG,YAAY,CA8EhC"}

package/dist/components/OcrOverlay.js

@@ -0,0 +1,50 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OcrOverlay = OcrOverlay;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const BoundingBox_js_1 = require("./BoundingBox.js");
+const geometry_js_1 = require("../utils/geometry.js");
+function OcrOverlay({ imageSrc, results, naturalWidth: propNaturalWidth, naturalHeight: propNaturalHeight, highlightColor, showTooltips = true, className, style, onItemClick, }) {
+    const imgRef = (0, react_1.useRef)(null);
+    const [renderDims, setRenderDims] = (0, react_1.useState)({
+        width: 0,
+        height: 0,
+    });
+    const [naturalDims, setNaturalDims] = (0, react_1.useState)({
+        width: propNaturalWidth || 0,
+        height: propNaturalHeight || 0,
+    });
+    const onImageLoad = (0, react_1.useCallback)((e) => {
+        const img = e.currentTarget;
+        setNaturalDims({
+            width: img.naturalWidth,
+            height: img.naturalHeight,
+        });
+        setRenderDims({
+            width: img.clientWidth,
+            height: img.clientHeight,
+        });
+    }, []);
+    const effectiveNaturalWidth = propNaturalWidth || naturalDims.width;
+    const effectiveNaturalHeight = propNaturalHeight || naturalDims.height;
+    const { scaleX, scaleY } = (0, geometry_js_1.calculateScale)(effectiveNaturalWidth, effectiveNaturalHeight, renderDims.width || effectiveNaturalWidth, renderDims.height || effectiveNaturalHeight);
+    return ((0, jsx_runtime_1.jsxs)("div", { className: className, style: {
+            position: 'relative',
+            display: 'inline-block',
+            overflow: 'hidden',
+            ...style,
+        }, children: [(0, jsx_runtime_1.jsx)("img", { ref: imgRef, src: imageSrc, alt: "OCR Target", onLoad: onImageLoad, style: {
+                    display: 'block',
+                    maxWidth: '100%',
+                    height: 'auto',
+                } }), (0, jsx_runtime_1.jsx)("div", { style: {
+                    position: 'absolute',
+                    top: 0,
+                    left: 0,
+                    right: 0,
+                    bottom: 0,
+                    pointerEvents: 'none',
+                }, children: results.map((item, idx) => ((0, jsx_runtime_1.jsx)(BoundingBox_js_1.BoundingBox, { item: item, scaleX: scaleX, scaleY: scaleY, highlightColor: highlightColor, showTooltip: showTooltips, onClick: onItemClick }, `${item.text}-${idx}`))) })] }));
+}
+//# sourceMappingURL=OcrOverlay.js.map

package/dist/components/OcrOverlay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OcrOverlay.js","sourceRoot":"","sources":["../../src/components/OcrOverlay.tsx"],"names":[],"mappings":";;AAWA,gCAwFC;;AAnGD,iCAMe;AAEf,qDAA+C;AAC/C,sDAAsD;AAEtD,SAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,OAAO,EACP,YAAY,EAAE,gBAAgB,EAC9B,aAAa,EAAE,iBAAiB,EAChC,cAAc,EACd,YAAY,GAAG,IAAI,EACnB,SAAS,EACT,KAAK,EACL,WAAW,GACK;IAChB,MAAM,MAAM,GAAG,IAAA,cAAM,EAA0B,IAAI,CAAC,CAAC;IACrD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAoC;QAC9E,KAAK,EAAE,CAAC;QACR,MAAM,EAAE,CAAC;KACV,CAAC,CAAC;IACH,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAoC;QAChF,KAAK,EAAE,gBAAgB,IAAI,CAAC;QAC5B,MAAM,EAAE,iBAAiB,IAAI,CAAC;KAC/B,CAAC,CAAC;IAEH,MAAM,WAAW,GAAG,IAAA,mBAAW,EAAC,CAAC,CAAmC,EAAE,EAAE;QACtE,MAAM,GAAG,GAAG,CAAC,CAAC,aAAa,CAAC;QAC5B,cAAc,CAAC;YACb,KAAK,EAAE,GAAG,CAAC,YAAY;YACvB,MAAM,EAAE,GAAG,CAAC,aAAa;SAC1B,CAAC,CAAC;QACH,aAAa,CAAC;YACZ,KAAK,EAAE,GAAG,CAAC,WAAW;YACtB,MAAM,EAAE,GAAG,CAAC,YAAY;SACzB,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,qBAAqB,GAAG,gBAAgB,IAAI,WAAW,CAAC,KAAK,CAAC;IACpE,MAAM,sBAAsB,GAAG,iBAAiB,IAAI,WAAW,CAAC,MAAM,CAAC;IAEvE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,IAAA,4BAAc,EACvC,qBAAqB,EACrB,sBAAsB,EACtB,UAAU,CAAC,KAAK,IAAI,qBAAqB,EACzC,UAAU,CAAC,MAAM,IAAI,sBAAsB,CAC5C,CAAC;IAEF,OAAO,CACL,iCACE,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE;YACL,QAAQ,EAAE,UAAU;YACpB,OAAO,EAAE,cAAc;YACvB,QAAQ,EAAE,QAAQ;YAClB,GAAG,KAAK;SACT,aAED,gCACE,GAAG,EAAE,MAAM,EACX,GAAG,EAAE,QAAQ,EACb,GAAG,EAAC,YAAY,EAChB,MAAM,EAAE,WAAW,EACnB,KAAK,EAAE;oBACL,OAAO,EAAE,OAAO;oBAChB,QAAQ,EAAE,MAAM;oBAChB,MAAM,EAAE,MAAM;iBACf,GACD,EACF,gCACE,KAAK,EAAE;oBACL,QAAQ,EAAE,UAAU;oBACpB,GAAG,EAAE,CAAC;oBACN,IAAI,EAAE,CAAC;oBACP,KAAK,EAAE,CAAC;oBACR,MAAM,EAAE,CAAC;oBACT,aAAa,EAAE,MAAM;iBACtB,YAEA,OAAO,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE,CAAC,CAC1B,uBAAC,4BAAW,IAEV,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,cAAc,EAAE,cAAc,EAC9B,WAAW,EAAE,YAAY,EACzB,OAAO,EAAE,WAAW,IANf,GAAG,IAAI,CAAC,IAAI,IAAI,GAAG,EAAE,CAO1B,CACH,CAAC,GACE,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/context/RustoContext.d.ts

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

package/dist/context/RustoContext.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RustoContext.d.ts","sourceRoot":"","sources":["../../src/context/RustoContext.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAE3D,eAAO,MAAM,YAAY,mDAAgD,CAAC"}

package/dist/context/RustoContext.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RustoContext = void 0;
+const react_1 = require("react");
+exports.RustoContext = (0, react_1.createContext)(null);
+//# sourceMappingURL=RustoContext.js.map

package/dist/context/RustoContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RustoContext.js","sourceRoot":"","sources":["../../src/context/RustoContext.ts"],"names":[],"mappings":";;;AAAA,iCAAsC;AAGzB,QAAA,YAAY,GAAG,IAAA,qBAAa,EAA2B,IAAI,CAAC,CAAC"}

package/dist/context/RustoProvider.d.ts

@@ -0,0 +1,4 @@
+import { type ReactElement } from 'react';
+import type { RustoProviderProps } from '../types/index.js';
+export declare function RustoProvider({ children, config, autoInitialize, }: RustoProviderProps): ReactElement;
+//# sourceMappingURL=RustoProvider.d.ts.map

package/dist/context/RustoProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RustoProvider.d.ts","sourceRoot":"","sources":["../../src/context/RustoProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,YAAY,EAClB,MAAM,OAAO,CAAC;AAIf,OAAO,KAAK,EAEV,kBAAkB,EAEnB,MAAM,mBAAmB,CAAC;AAE3B,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,MAAM,EACN,cAAqB,GACtB,EAAE,kBAAkB,GAAG,YAAY,CAyCnC"}

package/dist/context/RustoProvider.js

@@ -0,0 +1,41 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RustoProvider = RustoProvider;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
+const RustoContext_js_1 = require("./RustoContext.js");
+const ocrService_js_1 = require("../services/ocrService.js");
+function RustoProvider({ children, config, autoInitialize = true, }) {
+    const [status, setStatus] = (0, react_1.useState)('idle');
+    const [error, setError] = (0, react_1.useState)(null);
+    const initialize = (0, react_1.useCallback)(async (overrideConfig) => {
+        try {
+            setStatus('initializing');
+            setError(null);
+            await ocrService_js_1.defaultOcrService.init(overrideConfig || config);
+            setStatus('ready');
+        }
+        catch (err) {
+            const errorObj = err instanceof Error ? err : new Error(String(err));
+            setError(errorObj);
+            setStatus('error');
+            throw errorObj;
+        }
+    }, [config]);
+    (0, react_1.useEffect)(() => {
+        if (autoInitialize && status === 'idle') {
+            initialize().catch(() => {
+                // Error state already captured in state
+            });
+        }
+    }, [autoInitialize, status, initialize]);
+    const value = (0, react_1.useMemo)(() => ({
+        status,
+        isReady: status === 'ready',
+        error,
+        initialize,
+        service: ocrService_js_1.defaultOcrService,
+    }), [status, error, initialize]);
+    return (0, jsx_runtime_1.jsx)(RustoContext_js_1.RustoContext.Provider, { value: value, children: children });
+}
+//# sourceMappingURL=RustoProvider.js.map

package/dist/context/RustoProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RustoProvider.js","sourceRoot":"","sources":["../../src/context/RustoProvider.tsx"],"names":[],"mappings":";;AAgBA,sCA6CC;;AA7DD,iCAMe;AAEf,uDAAiD;AACjD,6DAA8D;AAO9D,SAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,MAAM,EACN,cAAc,GAAG,IAAI,GACF;IACnB,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAc,MAAM,CAAC,CAAC;IAC1D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAe,IAAI,CAAC,CAAC;IAEvD,MAAM,UAAU,GAAG,IAAA,mBAAW,EAC5B,KAAK,EAAE,cAAiC,EAAiB,EAAE;QACzD,IAAI,CAAC;YACH,SAAS,CAAC,cAAc,CAAC,CAAC;YAC1B,QAAQ,CAAC,IAAI,CAAC,CAAC;YACf,MAAM,iCAAiB,CAAC,IAAI,CAAC,cAAc,IAAI,MAAM,CAAC,CAAC;YACvD,SAAS,CAAC,OAAO,CAAC,CAAC;QACrB,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,MAAM,QAAQ,GAAG,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;YACrE,QAAQ,CAAC,QAAQ,CAAC,CAAC;YACnB,SAAS,CAAC,OAAO,CAAC,CAAC;YACnB,MAAM,QAAQ,CAAC;QACjB,CAAC;IACH,CAAC,EACD,CAAC,MAAM,CAAC,CACT,CAAC;IAEF,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,cAAc,IAAI,MAAM,KAAK,MAAM,EAAE,CAAC;YACxC,UAAU,EAAE,CAAC,KAAK,CAAC,GAAG,EAAE;gBACtB,wCAAwC;YAC1C,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,UAAU,CAAC,CAAC,CAAC;IAEzC,MAAM,KAAK,GAAsB,IAAA,eAAO,EACtC,GAAG,EAAE,CAAC,CAAC;QACL,MAAM;QACN,OAAO,EAAE,MAAM,KAAK,OAAO;QAC3B,KAAK;QACL,UAAU;QACV,OAAO,EAAE,iCAAiB;KAC3B,CAAC,EACF,CAAC,MAAM,EAAE,KAAK,EAAE,UAAU,CAAC,CAC5B,CAAC;IAEF,OAAO,uBAAC,8BAAY,CAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,GAAyB,CAAC;AACjF,CAAC"}

package/dist/hooks/useOcr.d.ts

@@ -0,0 +1,3 @@
+import type { UseOcrOptions, UseOcrReturn } from '../types/index.js';
+export declare function useOcr(options?: UseOcrOptions): UseOcrReturn;
+//# sourceMappingURL=useOcr.d.ts.map

package/dist/hooks/useOcr.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOcr.d.ts","sourceRoot":"","sources":["../../src/hooks/useOcr.ts"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAErE,wBAAgB,MAAM,CAAC,OAAO,GAAE,aAAkB,GAAG,YAAY,CA8DhE"}

package/dist/hooks/useOcr.js

@@ -0,0 +1,59 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useOcr = useOcr;
+const react_1 = require("react");
+const RustoContext_js_1 = require("../context/RustoContext.js");
+const ocrService_js_1 = require("../services/ocrService.js");
+function useOcr(options = {}) {
+    const context = (0, react_1.useContext)(RustoContext_js_1.RustoContext);
+    const service = context?.service || ocrService_js_1.defaultOcrService;
+    const [results, setResults] = (0, react_1.useState)([]);
+    const [spatialText, setSpatialText] = (0, react_1.useState)('');
+    const [isProcessing, setIsProcessing] = (0, react_1.useState)(false);
+    const [error, setError] = (0, react_1.useState)(null);
+    const reset = (0, react_1.useCallback)(() => {
+        setResults([]);
+        setSpatialText('');
+        setIsProcessing(false);
+        setError(null);
+    }, []);
+    const detect = (0, react_1.useCallback)(async (source, overrideOptions) => {
+        setIsProcessing(true);
+        setError(null);
+        const mergedOptions = {
+            ...options,
+            ...overrideOptions,
+        };
+        try {
+            const output = await service.detect(source, mergedOptions);
+            if (typeof output === 'string') {
+                setSpatialText(output);
+                setResults([]);
+            }
+            else {
+                setResults(output);
+                setSpatialText('');
+            }
+            options.onSuccess?.(output);
+            return output;
+        }
+        catch (err) {
+            const errorObj = err instanceof Error ? err : new Error(String(err));
+            setError(errorObj);
+            options.onError?.(errorObj);
+            throw errorObj;
+        }
+        finally {
+            setIsProcessing(false);
+        }
+    }, [options, service]);
+    return {
+        detect,
+        results,
+        spatialText,
+        isProcessing,
+        error,
+        reset,
+    };
+}
+//# sourceMappingURL=useOcr.js.map

package/dist/hooks/useOcr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOcr.js","sourceRoot":"","sources":["../../src/hooks/useOcr.ts"],"names":[],"mappings":";;AAUA,wBA8DC;AAxED,iCAA0D;AAM1D,gEAA0D;AAC1D,6DAA8D;AAG9D,SAAgB,MAAM,CAAC,UAAyB,EAAE;IAChD,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,8BAAY,CAAC,CAAC;IACzC,MAAM,OAAO,GAAG,OAAO,EAAE,OAAO,IAAI,iCAAiB,CAAC;IAEtD,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAe,EAAE,CAAC,CAAC;IACzD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAS,EAAE,CAAC,CAAC;IAC3D,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAU,KAAK,CAAC,CAAC;IACjE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,IAAA,gBAAQ,EAAe,IAAI,CAAC,CAAC;IAEvD,MAAM,KAAK,GAAG,IAAA,mBAAW,EAAC,GAAG,EAAE;QAC7B,UAAU,CAAC,EAAE,CAAC,CAAC;QACf,cAAc,CAAC,EAAE,CAAC,CAAC;QACnB,eAAe,CAAC,KAAK,CAAC,CAAC;QACvB,QAAQ,CAAC,IAAI,CAAC,CAAC;IACjB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,MAAM,MAAM,GAAG,IAAA,mBAAW,EACxB,KAAK,EACH,MAAmB,EACnB,eAAmC,EACH,EAAE;QAClC,eAAe,CAAC,IAAI,CAAC,CAAC;QACtB,QAAQ,CAAC,IAAI,CAAC,CAAC;QAEf,MAAM,aAAa,GAAsB;YACvC,GAAG,OAAO;YACV,GAAG,eAAe;SACnB,CAAC;QAEF,IAAI,CAAC;YACH,MAAM,MAAM,GAAG,MAAM,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;YAE3D,IAAI,OAAO,MAAM,KAAK,QAAQ,EAAE,CAAC;gBAC/B,cAAc,CAAC,MAAM,CAAC,CAAC;gBACvB,UAAU,CAAC,EAAE,CAAC,CAAC;YACjB,CAAC;iBAAM,CAAC;gBACN,UAAU,CAAC,MAAM,CAAC,CAAC;gBACnB,cAAc,CAAC,EAAE,CAAC,CAAC;YACrB,CAAC;YAED,OAAO,CAAC,SAAS,EAAE,CAAC,MAAM,CAAC,CAAC;YAC5B,OAAO,MAAM,CAAC;QAChB,CAAC;QAAC,OAAO,GAAG,EAAE,CAAC;YACb,MAAM,QAAQ,GAAG,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;YACrE,QAAQ,CAAC,QAAQ,CAAC,CAAC;YACnB,OAAO,CAAC,OAAO,EAAE,CAAC,QAAQ,CAAC,CAAC;YAC5B,MAAM,QAAQ,CAAC;QACjB,CAAC;gBAAS,CAAC;YACT,eAAe,CAAC,KAAK,CAAC,CAAC;QACzB,CAAC;IACH,CAAC,EACD,CAAC,OAAO,EAAE,OAAO,CAAC,CACnB,CAAC;IAEF,OAAO;QACL,MAAM;QACN,OAAO;QACP,WAAW;QACX,YAAY;QACZ,KAAK;QACL,KAAK;KACN,CAAC;AACJ,CAAC"}

package/dist/hooks/useRusto.d.ts

@@ -0,0 +1,3 @@
+import type { RustoContextValue } from '../types/index.js';
+export declare function useRusto(): RustoContextValue;
+//# sourceMappingURL=useRusto.d.ts.map

package/dist/hooks/useRusto.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRusto.d.ts","sourceRoot":"","sources":["../../src/hooks/useRusto.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAE3D,wBAAgB,QAAQ,IAAI,iBAAiB,CAM5C"}

package/dist/hooks/useRusto.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useRusto = useRusto;
+const react_1 = require("react");
+const RustoContext_js_1 = require("../context/RustoContext.js");
+function useRusto() {
+    const context = (0, react_1.useContext)(RustoContext_js_1.RustoContext);
+    if (!context) {
+        throw new Error('useRusto must be used within a RustoProvider.');
+    }
+    return context;
+}
+//# sourceMappingURL=useRusto.js.map

package/dist/hooks/useRusto.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRusto.js","sourceRoot":"","sources":["../../src/hooks/useRusto.ts"],"names":[],"mappings":";;AAIA,4BAMC;AAVD,iCAAmC;AACnC,gEAA0D;AAG1D,SAAgB,QAAQ;IACtB,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,8BAAY,CAAC,CAAC;IACzC,IAAI,CAAC,OAAO,EAAE,CAAC;QACb,MAAM,IAAI,KAAK,CAAC,+CAA+C,CAAC,CAAC;IACnE,CAAC;IACD,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,15 @@
+export { RustoProvider } from './context/RustoProvider.js';
+export { RustoContext } from './context/RustoContext.js';
+export { useRusto } from './hooks/useRusto.js';
+export { useOcr } from './hooks/useOcr.js';
+export { OcrService, defaultOcrService } from './services/ocrService.js';
+export { OcrOverlay } from './components/OcrOverlay.js';
+export { BoundingBox } from './components/BoundingBox.js';
+export { OcrDropzone } from './components/OcrDropzone.js';
+export { DropzonePrompt } from './components/DropzonePrompt.js';
+export { DropzonePreview } from './components/DropzonePreview.js';
+export { scaleFrame, scaleQuad, calculateScale } from './utils/geometry.js';
+export { resultsToText, resultsToCsv, resultsToJson } from './utils/formatters.js';
+export * from './types/index.js';
+export type { TextResult, Frame, ImageSource, DetectTextOptions, InitializeConfig, ModelPreset, } from '@rustors/web';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAGzD,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAG3C,OAAO,EAAE,UAAU,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAGzE,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,iCAAiC,CAAC;AAGlE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AAC5E,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,uBAAuB,CAAC;AAGnF,cAAc,kBAAkB,CAAC;AAGjC,YAAY,EACV,UAAU,EACV,KAAK,EACL,WAAW,EACX,iBAAiB,EACjB,gBAAgB,EAChB,WAAW,GACZ,MAAM,cAAc,CAAC"}