@rosettadash/react 0.1.1

package/src/visual/svg/icon/SvgIcon.d.ts

@@ -0,0 +1,12 @@
+import { type CSSProperties, type ReactNode } from 'react';
+export interface SvgIconProps {
+    markup?: string;
+    title?: string;
+    color?: string;
+    size?: number | string;
+    className?: string;
+    style?: CSSProperties;
+    children?: ReactNode;
+}
+/** @rosettadash/react/visual/svg/icon — visual.svg.icon */
+export declare const SvgIcon: import("react").ForwardRefExoticComponent<SvgIconProps & import("react").RefAttributes<HTMLElement>>;

package/src/visual/svg/icon/SvgIcon.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+/** @rosettadash/react/visual/svg/icon — visual.svg.icon */
+export const SvgIcon = forwardRef(function SvgIcon(props, ref) {
+    var _a, _b, _c;
+    const { className, style, children } = props;
+    const rootClass = ['rd-svg-icon', className].filter(Boolean).join(' ');
+    return (_jsx("span", { ref: ref, className: rootClass, style: Object.assign({ width: (_a = props.size) !== null && _a !== void 0 ? _a : 28, height: (_b = props.size) !== null && _b !== void 0 ? _b : 28, color: props.color }, style), "data-testid": "rd-svg-icon", title: props.title, dangerouslySetInnerHTML: { __html: (_c = props.markup) !== null && _c !== void 0 ? _c : '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 2l2.4 7.4H22l-6 4.6 2.3 7-6.3-4.6L5.7 21l2.3-7-6-4.6h7.6z" fill="currentColor"/></svg>' } }));
+});
+//# sourceMappingURL=SvgIcon.js.map

package/src/visual/svg/icon/SvgIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SvgIcon.js","sourceRoot":"","sources":["../../../../../../../packages/react/src/visual/svg/icon/SvgIcon.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAsC,MAAM,OAAO,CAAC;AAYvE,2DAA2D;AAC3D,MAAM,CAAC,MAAM,OAAO,GAAG,UAAU,CAA4B,SAAS,OAAO,CAC3E,KAAK,EACL,GAAG;;IAEH,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC7C,MAAM,SAAS,GAAG,CAAC,aAAa,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEvE,OAAO,CACL,eAAM,GAAG,EAAE,GAAiC,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,kBAAI,KAAK,EAAE,MAAA,KAAK,CAAC,IAAI,mCAAI,EAAE,EAAE,MAAM,EAAE,MAAA,KAAK,CAAC,IAAI,mCAAI,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,KAAK,IAAK,KAAK,kBAAgB,aAAa,EAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,uBAAuB,EAAE,EAAE,MAAM,EAAE,MAAA,KAAK,CAAC,MAAM,mCAAI,iKAAiK,EAAE,GAAI,CACza,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/src/visual/svg/icon/index.d.ts

@@ -0,0 +1,2 @@
+export type { SvgIconProps } from './SvgIcon.js';
+export { SvgIcon } from './SvgIcon.js';

package/src/visual/svg/icon/index.js

@@ -0,0 +1,2 @@
+export { SvgIcon } from './SvgIcon.js';
+//# sourceMappingURL=index.js.map

package/src/visual/svg/icon/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/react/src/visual/svg/icon/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC"}

package/src/visual/svg/inline/SvgInline.d.ts

@@ -0,0 +1,11 @@
+import { type CSSProperties, type ReactNode } from 'react';
+export interface SvgInlineProps {
+    markup?: string;
+    width?: number | string;
+    height?: number | string;
+    className?: string;
+    style?: CSSProperties;
+    children?: ReactNode;
+}
+/** @rosettadash/react/visual/svg/inline — visual.svg.inline */
+export declare const SvgInline: import("react").ForwardRefExoticComponent<SvgInlineProps & import("react").RefAttributes<HTMLElement>>;

package/src/visual/svg/inline/SvgInline.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+/** @rosettadash/react/visual/svg/inline — visual.svg.inline */
+export const SvgInline = forwardRef(function SvgInline(props, ref) {
+    var _a, _b, _c;
+    const { className, style, children } = props;
+    const rootClass = ['rd-svg-inline', className].filter(Boolean).join(' ');
+    return (_jsx("div", { ref: ref, className: rootClass, style: Object.assign({ width: (_a = props.width) !== null && _a !== void 0 ? _a : 96, height: (_b = props.height) !== null && _b !== void 0 ? _b : 96 }, style), "data-testid": "rd-svg-inline", dangerouslySetInnerHTML: { __html: (_c = props.markup) !== null && _c !== void 0 ? _c : '<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><circle cx="12" cy="12" r="10" fill="currentColor" opacity="0.2"/></svg>' } }));
+});
+//# sourceMappingURL=SvgInline.js.map

package/src/visual/svg/inline/SvgInline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SvgInline.js","sourceRoot":"","sources":["../../../../../../../packages/react/src/visual/svg/inline/SvgInline.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAsC,MAAM,OAAO,CAAC;AAWvE,+DAA+D;AAC/D,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAA8B,SAAS,SAAS,CACjF,KAAK,EACL,GAAG;;IAEH,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC7C,MAAM,SAAS,GAAG,CAAC,eAAe,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEzE,OAAO,CACL,cAAK,GAAG,EAAE,GAAgC,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,kBAAI,KAAK,EAAE,MAAA,KAAK,CAAC,KAAK,mCAAI,EAAE,EAAE,MAAM,EAAE,MAAA,KAAK,CAAC,MAAM,mCAAI,EAAE,IAAK,KAAK,kBAAgB,eAAe,EAAC,uBAAuB,EAAE,EAAE,MAAM,EAAE,MAAA,KAAK,CAAC,MAAM,mCAAI,sIAAsI,EAAE,GAAI,CACzW,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/src/visual/svg/inline/index.d.ts

@@ -0,0 +1,2 @@
+export type { SvgInlineProps } from './SvgInline.js';
+export { SvgInline } from './SvgInline.js';

package/src/visual/svg/inline/index.js

@@ -0,0 +1,2 @@
+export { SvgInline } from './SvgInline.js';
+//# sourceMappingURL=index.js.map

package/src/visual/svg/inline/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/react/src/visual/svg/inline/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC"}

package/src/visual/table/DataTable.d.ts

@@ -0,0 +1,18 @@
+import { type CSSProperties, type ReactNode } from 'react';
+export interface DataTableRow {
+    id: string;
+    name?: string;
+    status?: string;
+    amount?: number;
+    date?: string;
+    [key: string]: string | number | undefined;
+}
+export interface DataTableProps {
+    title?: string;
+    rows?: DataTableRow[];
+    className?: string;
+    style?: CSSProperties;
+    children?: ReactNode;
+}
+/** @rosettadash/react/visual/table — visual.table */
+export declare const DataTable: import("react").ForwardRefExoticComponent<DataTableProps & import("react").RefAttributes<HTMLElement>>;

package/src/visual/table/DataTable.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+/** @rosettadash/react/visual/table — visual.table */
+export const DataTable = forwardRef(function DataTable(props, ref) {
+    var _a, _b;
+    const { className, style, children } = props;
+    const rootClass = ['rd-table', className].filter(Boolean).join(' ');
+    return (_jsxs("section", { ref: ref, className: rootClass, style: style, "data-testid": "rd-table", children: [_jsx("header", { className: "rd-table__header", children: _jsx("span", { children: (_a = props.title) !== null && _a !== void 0 ? _a : 'Data table' }) }), _jsxs("table", { className: "rd-table__table", children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { children: "Name" }), _jsx("th", { children: "Status" }), _jsx("th", { children: "Amount" }), _jsx("th", { children: "Date" })] }) }), _jsx("tbody", { children: ((_b = props.rows) !== null && _b !== void 0 ? _b : []).map((row) => (_jsxs("tr", { children: [_jsx("td", { children: row.name }), _jsx("td", { children: row.status }), _jsx("td", { children: row.amount }), _jsx("td", { children: row.date })] }, row.id))) })] }), children] }));
+});
+//# sourceMappingURL=DataTable.js.map

package/src/visual/table/DataTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.js","sourceRoot":"","sources":["../../../../../../packages/react/src/visual/table/DataTable.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAsC,MAAM,OAAO,CAAC;AAmBvE,qDAAqD;AACrD,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAA8B,SAAS,SAAS,CACjF,KAAK,EACL,GAAG;;IAEH,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC7C,MAAM,SAAS,GAAG,CAAC,UAAU,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAEpE,OAAO,CACL,mBAAS,GAAG,EAAE,GAAmC,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,iBAAc,UAAU,aAC3G,iBAAQ,SAAS,EAAC,kBAAkB,YAAC,yBAAO,MAAA,KAAK,CAAC,KAAK,mCAAI,YAAY,GAAQ,GAAS,EACxF,iBAAO,SAAS,EAAC,iBAAiB,aAChC,0BAAO,yBAAI,gCAAa,EAAA,kCAAe,EAAA,kCAAe,EAAA,gCAAa,IAAK,GAAQ,EAChF,0BACG,CAAC,MAAA,KAAK,CAAC,IAAI,mCAAI,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAC/B,yBAAiB,uBAAK,GAAG,CAAC,IAAI,GAAM,EAAA,uBAAK,GAAG,CAAC,MAAM,GAAM,EAAA,uBAAK,GAAG,CAAC,MAAM,GAAM,EAAA,uBAAK,GAAG,CAAC,IAAI,GAAM,KAAxF,GAAG,CAAC,EAAE,CAAuF,CACvG,CAAC,GACI,IACF,EACP,QAAQ,IACD,CACX,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/src/visual/table/index.d.ts

@@ -0,0 +1,2 @@
+export type { DataTableProps } from './DataTable.js';
+export { DataTable } from './DataTable.js';

package/src/visual/table/index.js

@@ -0,0 +1,2 @@
+export { DataTable } from './DataTable.js';
+//# sourceMappingURL=index.js.map

package/src/visual/table/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../packages/react/src/visual/table/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC"}

package/src/visual/wasm/media/WasmMedia.d.ts

@@ -0,0 +1,31 @@
+import { type CSSProperties } from 'react';
+export interface WasmMediaProps {
+    label?: string;
+    operation?: string;
+    extractionMode?: 'flat-crop' | 'rectilinear';
+    outputFormat?: string;
+    showProgress?: boolean;
+    cropX?: number;
+    cropY?: number;
+    cropWidth?: number;
+    cropHeight?: number;
+    outputWidth?: number;
+    outputHeight?: number;
+    yaw?: number;
+    pitch?: number;
+    horizontalFov?: number;
+    inputFile?: File | Blob | null;
+    cropRegion?: Record<string, string | number | boolean | null | undefined> | null;
+    className?: string;
+    style?: CSSProperties;
+    onProgress?: (detail: {
+        progress: number;
+    }) => void;
+    onExtractComplete?: (detail: {
+        blob: Blob;
+        metadata: Record<string, string | number | boolean | null | undefined>;
+    }) => void;
+    onMetadata?: (detail: Record<string, string | number | boolean | null | undefined>) => void;
+}
+/** React wrapper around `<rd-wasm-media>`. */
+export declare const WasmMedia: import("react").ForwardRefExoticComponent<WasmMediaProps & import("react").RefAttributes<HTMLElement>>;

package/src/visual/wasm/media/WasmMedia.js

@@ -0,0 +1,52 @@
+import { createElement, forwardRef } from 'react';
+import { DB_WASM_MEDIA_TAG, registerRdWasmMedia, } from '@rosettadash/web-components/visual/wasm/media';
+import { useCustomElementHost } from '../../../lib/custom-element-host.js';
+/** React wrapper around `<rd-wasm-media>`. */
+export const WasmMedia = forwardRef(function WasmMedia({ label, operation, extractionMode, outputFormat, showProgress, cropX, cropY, cropWidth, cropHeight, outputWidth, outputHeight, yaw, pitch, horizontalFov, inputFile, cropRegion, className, style, onProgress, onExtractComplete, onMetadata, }, ref) {
+    const hostRef = useCustomElementHost({
+        register: registerRdWasmMedia,
+        properties: ['inputFile', 'cropRegion'],
+        attrs: {
+            extractionMode: 'extraction-mode',
+            outputFormat: 'output-format',
+            showProgress: 'show-progress',
+            cropX: 'crop-x',
+            cropY: 'crop-y',
+            cropWidth: 'crop-width',
+            cropHeight: 'crop-height',
+            outputWidth: 'output-width',
+            outputHeight: 'output-height',
+            horizontalFov: 'horizontal-fov',
+        },
+        events: {
+            progress: 'onProgress',
+            'extract-complete': 'onExtractComplete',
+            metadata: 'onMetadata',
+        },
+    }, {
+        label,
+        operation,
+        extractionMode,
+        outputFormat,
+        showProgress,
+        cropX,
+        cropY,
+        cropWidth,
+        cropHeight,
+        outputWidth,
+        outputHeight,
+        yaw,
+        pitch,
+        horizontalFov,
+    }, {
+        onProgress: onProgress,
+        onExtractComplete: onExtractComplete,
+        onMetadata: onMetadata,
+    }, ref, { inputFile, cropRegion });
+    return createElement(DB_WASM_MEDIA_TAG, {
+        ref: hostRef,
+        className,
+        style,
+    });
+});
+//# sourceMappingURL=WasmMedia.js.map

package/src/visual/wasm/media/WasmMedia.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WasmMedia.js","sourceRoot":"","sources":["../../../../../../../packages/react/src/visual/wasm/media/WasmMedia.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAsB,MAAM,OAAO,CAAC;AACtE,OAAO,EACL,iBAAiB,EACjB,mBAAmB,GACpB,MAAM,+CAA+C,CAAC;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AA+B3E,8CAA8C;AAC9C,MAAM,CAAC,MAAM,SAAS,GAAG,UAAU,CAA8B,SAAS,SAAS,CACjF,EACE,KAAK,EACL,SAAS,EACT,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,KAAK,EACL,KAAK,EACL,SAAS,EACT,UAAU,EACV,WAAW,EACX,YAAY,EACZ,GAAG,EACH,KAAK,EACL,aAAa,EACb,SAAS,EACT,UAAU,EACV,SAAS,EACT,KAAK,EACL,UAAU,EACV,iBAAiB,EACjB,UAAU,GACX,EACD,GAAG;IAEH,MAAM,OAAO,GAAG,oBAAoB,CAClC;QACE,QAAQ,EAAE,mBAAmB;QAC7B,UAAU,EAAE,CAAC,WAAW,EAAE,YAAY,CAAC;QACvC,KAAK,EAAE;YACL,cAAc,EAAE,iBAAiB;YACjC,YAAY,EAAE,eAAe;YAC7B,YAAY,EAAE,eAAe;YAC7B,KAAK,EAAE,QAAQ;YACf,KAAK,EAAE,QAAQ;YACf,SAAS,EAAE,YAAY;YACvB,UAAU,EAAE,aAAa;YACzB,WAAW,EAAE,cAAc;YAC3B,YAAY,EAAE,eAAe;YAC7B,aAAa,EAAE,gBAAgB;SAChC;QACD,MAAM,EAAE;YACN,QAAQ,EAAE,YAAY;YACtB,kBAAkB,EAAE,mBAAmB;YACvC,QAAQ,EAAE,YAAY;SACvB;KACF,EACD;QACE,KAAK;QACL,SAAS;QACT,cAAc;QACd,YAAY;QACZ,YAAY;QACZ,KAAK;QACL,KAAK;QACL,SAAS;QACT,UAAU;QACV,WAAW;QACX,YAAY;QACZ,GAAG;QACH,KAAK;QACL,aAAa;KACd,EACD;QACE,UAAU,EAAE,UAAqD;QACjE,iBAAiB,EAAE,iBAA4D;QAC/E,UAAU,EAAE,UAAqD;KAClE,EACD,GAAG,EACH,EAAE,SAAS,EAAE,UAAU,EAAE,CAC1B,CAAC;IAEF,OAAO,aAAa,CAAC,iBAAiB,EAAE;QACtC,GAAG,EAAE,OAAO;QACZ,SAAS;QACT,KAAK;KACN,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/src/visual/wasm/media/index.d.ts

@@ -0,0 +1,2 @@
+export type { WasmMediaProps } from './WasmMedia.js';
+export { WasmMedia } from './WasmMedia.js';

package/src/visual/wasm/media/index.js

@@ -0,0 +1,2 @@
+export { WasmMedia } from './WasmMedia.js';
+//# sourceMappingURL=index.js.map

package/src/visual/wasm/media/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/react/src/visual/wasm/media/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC"}

package/src/visual/wasm/module/WasmModule.d.ts

@@ -0,0 +1,10 @@
+import { type CSSProperties, type ReactNode } from 'react';
+export interface WasmModuleProps {
+    moduleLabel?: string;
+    exportName?: string;
+    className?: string;
+    style?: CSSProperties;
+    children?: ReactNode;
+}
+/** @rosettadash/react/visual/wasm/module — visual.wasm.module */
+export declare const WasmModule: import("react").ForwardRefExoticComponent<WasmModuleProps & import("react").RefAttributes<HTMLElement>>;

package/src/visual/wasm/module/WasmModule.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+/** @rosettadash/react/visual/wasm/module — visual.wasm.module */
+export const WasmModule = forwardRef(function WasmModule(props, ref) {
+    var _a, _b;
+    const { className, style, children } = props;
+    const rootClass = ['rd-wasm-module', className].filter(Boolean).join(' ');
+    return (_jsxs("section", { ref: ref, className: rootClass, style: style, "data-testid": "rd-wasm-module", children: [_jsx("span", { className: "rd-wasm__label", children: (_a = props.moduleLabel) !== null && _a !== void 0 ? _a : 'WASM Module' }), _jsxs("code", { children: [(_b = props.exportName) !== null && _b !== void 0 ? _b : 'run()', "()"] }), children] }));
+});
+//# sourceMappingURL=WasmModule.js.map

package/src/visual/wasm/module/WasmModule.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WasmModule.js","sourceRoot":"","sources":["../../../../../../../packages/react/src/visual/wasm/module/WasmModule.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAsC,MAAM,OAAO,CAAC;AAUvE,iEAAiE;AACjE,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAA+B,SAAS,UAAU,CACpF,KAAK,EACL,GAAG;;IAEH,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC7C,MAAM,SAAS,GAAG,CAAC,gBAAgB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE1E,OAAO,CACL,mBAAS,GAAG,EAAE,GAAmC,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,iBAAc,gBAAgB,aACjH,eAAM,SAAS,EAAC,gBAAgB,YAAE,MAAA,KAAK,CAAC,WAAW,mCAAI,aAAa,GAAQ,EAC5E,2BAAO,MAAA,KAAK,CAAC,UAAU,mCAAI,OAAO,UAAU,EAC3C,QAAQ,IACD,CACX,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/src/visual/wasm/module/index.d.ts

@@ -0,0 +1,2 @@
+export type { WasmModuleProps } from './WasmModule.js';
+export { WasmModule } from './WasmModule.js';

package/src/visual/wasm/module/index.js

@@ -0,0 +1,2 @@
+export { WasmModule } from './WasmModule.js';
+//# sourceMappingURL=index.js.map

package/src/visual/wasm/module/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/react/src/visual/wasm/module/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC"}

package/src/visual/wasm/worker-host/WasmWorkerHost.d.ts

@@ -0,0 +1,10 @@
+import { type CSSProperties, type ReactNode } from 'react';
+export interface WasmWorkerHostProps {
+    workerLabel?: string;
+    workerStatus?: string;
+    className?: string;
+    style?: CSSProperties;
+    children?: ReactNode;
+}
+/** @rosettadash/react/visual/wasm/worker-host — visual.wasm.worker-host */
+export declare const WasmWorkerHost: import("react").ForwardRefExoticComponent<WasmWorkerHostProps & import("react").RefAttributes<HTMLElement>>;

package/src/visual/wasm/worker-host/WasmWorkerHost.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+/** @rosettadash/react/visual/wasm/worker-host — visual.wasm.worker-host */
+export const WasmWorkerHost = forwardRef(function WasmWorkerHost(props, ref) {
+    var _a, _b;
+    const { className, style, children } = props;
+    const rootClass = ['rd-wasm-worker-host', className].filter(Boolean).join(' ');
+    return (_jsxs("section", { ref: ref, className: rootClass, style: style, "data-testid": "rd-wasm-worker-host", children: [_jsx("span", { className: "rd-wasm__label", children: (_a = props.workerLabel) !== null && _a !== void 0 ? _a : 'Worker' }), _jsx("span", { className: "rd-wasm__status", children: (_b = props.workerStatus) !== null && _b !== void 0 ? _b : 'Idle' }), children] }));
+});
+//# sourceMappingURL=WasmWorkerHost.js.map

package/src/visual/wasm/worker-host/WasmWorkerHost.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WasmWorkerHost.js","sourceRoot":"","sources":["../../../../../../../packages/react/src/visual/wasm/worker-host/WasmWorkerHost.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAsC,MAAM,OAAO,CAAC;AAUvE,2EAA2E;AAC3E,MAAM,CAAC,MAAM,cAAc,GAAG,UAAU,CAAmC,SAAS,cAAc,CAChG,KAAK,EACL,GAAG;;IAEH,MAAM,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC7C,MAAM,SAAS,GAAG,CAAC,qBAAqB,EAAE,SAAS,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;IAE/E,OAAO,CACL,mBAAS,GAAG,EAAE,GAAmC,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,KAAK,iBAAc,qBAAqB,aACtH,eAAM,SAAS,EAAC,gBAAgB,YAAE,MAAA,KAAK,CAAC,WAAW,mCAAI,QAAQ,GAAQ,EACvE,eAAM,SAAS,EAAC,iBAAiB,YAAE,MAAA,KAAK,CAAC,YAAY,mCAAI,MAAM,GAAQ,EACtE,QAAQ,IACD,CACX,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/src/visual/wasm/worker-host/index.d.ts

@@ -0,0 +1,2 @@
+export type { WasmWorkerHostProps } from './WasmWorkerHost.js';
+export { WasmWorkerHost } from './WasmWorkerHost.js';

package/src/visual/wasm/worker-host/index.js

@@ -0,0 +1,2 @@
+export { WasmWorkerHost } from './WasmWorkerHost.js';
+//# sourceMappingURL=index.js.map

package/src/visual/wasm/worker-host/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../packages/react/src/visual/wasm/worker-host/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC"}

package/src/wasm/wasm-media/index.d.ts

@@ -0,0 +1,3 @@
+/** @deprecated Import from @rosettadash/react/visual/wasm/media */
+export type { WasmMediaProps } from '../../visual/wasm/media/index.js';
+export { WasmMedia } from '../../visual/wasm/media/index.js';

package/src/wasm/wasm-media/index.js

@@ -0,0 +1,2 @@
+export { WasmMedia } from '../../visual/wasm/media/index.js';
+//# sourceMappingURL=index.js.map

package/src/wasm/wasm-media/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../packages/react/src/wasm/wasm-media/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,SAAS,EAAE,MAAM,kCAAkC,CAAC"}