@qamposer/react 0.1.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.
- package/LICENSE +201 -0
- package/README.md +315 -0
- package/dist/index-BbUFQqpD.d.cts +155 -0
- package/dist/index-BbUFQqpD.d.ts +155 -0
- package/dist/index.cjs +3028 -0
- package/dist/index.d.cts +185 -0
- package/dist/index.d.ts +185 -0
- package/dist/index.js +3012 -0
- package/dist/visualization.cjs +3525 -0
- package/dist/visualization.d.cts +46 -0
- package/dist/visualization.d.ts +46 -0
- package/dist/visualization.js +3517 -0
- package/package.json +114 -0
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { Q as QamposerProviderProps, T as Theme } from './index-BbUFQqpD.cjs';
|
|
3
|
+
import 'react';
|
|
4
|
+
|
|
5
|
+
interface QamposerProps extends Omit<QamposerProviderProps, 'children'> {
|
|
6
|
+
/** Additional CSS class */
|
|
7
|
+
className?: string;
|
|
8
|
+
/** Show header (default: true) */
|
|
9
|
+
showHeader?: boolean;
|
|
10
|
+
/** Custom title (default: 'Qamposer') */
|
|
11
|
+
title?: string;
|
|
12
|
+
/** Code editor width (default: '280px') */
|
|
13
|
+
codeEditorWidth?: string;
|
|
14
|
+
/** Custom ratio for top area operations:circuit (default: '1fr 3fr') */
|
|
15
|
+
topGridTemplate?: string;
|
|
16
|
+
/** Custom ratio for bottom area results:qsphere (default: '1fr 1fr') */
|
|
17
|
+
bottomGridTemplate?: string;
|
|
18
|
+
/** Default theme (default: 'dark') */
|
|
19
|
+
defaultTheme?: Theme;
|
|
20
|
+
/** Show theme toggle button (default: true) */
|
|
21
|
+
showThemeToggle?: boolean;
|
|
22
|
+
}
|
|
23
|
+
/**
|
|
24
|
+
* Qamposer - Embeddable Quantum Circuit Composer
|
|
25
|
+
*
|
|
26
|
+
* A complete quantum circuit editor with:
|
|
27
|
+
* - Operations panel (gate library)
|
|
28
|
+
* - Circuit editor (drag & drop)
|
|
29
|
+
* - Results panel (probability histogram)
|
|
30
|
+
* - Q-sphere visualization
|
|
31
|
+
* - Code editor (OpenQASM)
|
|
32
|
+
*/
|
|
33
|
+
declare function Qamposer({ className, showHeader, title, codeEditorWidth, topGridTemplate, bottomGridTemplate, defaultTheme, showThemeToggle, ...providerProps }: QamposerProps): react_jsx_runtime.JSX.Element;
|
|
34
|
+
|
|
35
|
+
interface QSphereViewProps {
|
|
36
|
+
className?: string;
|
|
37
|
+
}
|
|
38
|
+
declare function QSphereView({ className }: QSphereViewProps): react_jsx_runtime.JSX.Element;
|
|
39
|
+
|
|
40
|
+
interface ResultsPanelProps {
|
|
41
|
+
/** Additional CSS class */
|
|
42
|
+
className?: string;
|
|
43
|
+
}
|
|
44
|
+
declare function ResultsPanel({ className }?: ResultsPanelProps): react_jsx_runtime.JSX.Element;
|
|
45
|
+
|
|
46
|
+
export { QSphereView, type QSphereViewProps, Qamposer, type QamposerProps, ResultsPanel, type ResultsPanelProps };
|
|
@@ -0,0 +1,46 @@
|
|
|
1
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
+
import { Q as QamposerProviderProps, T as Theme } from './index-BbUFQqpD.js';
|
|
3
|
+
import 'react';
|
|
4
|
+
|
|
5
|
+
interface QamposerProps extends Omit<QamposerProviderProps, 'children'> {
|
|
6
|
+
/** Additional CSS class */
|
|
7
|
+
className?: string;
|
|
8
|
+
/** Show header (default: true) */
|
|
9
|
+
showHeader?: boolean;
|
|
10
|
+
/** Custom title (default: 'Qamposer') */
|
|
11
|
+
title?: string;
|
|
12
|
+
/** Code editor width (default: '280px') */
|
|
13
|
+
codeEditorWidth?: string;
|
|
14
|
+
/** Custom ratio for top area operations:circuit (default: '1fr 3fr') */
|
|
15
|
+
topGridTemplate?: string;
|
|
16
|
+
/** Custom ratio for bottom area results:qsphere (default: '1fr 1fr') */
|
|
17
|
+
bottomGridTemplate?: string;
|
|
18
|
+
/** Default theme (default: 'dark') */
|
|
19
|
+
defaultTheme?: Theme;
|
|
20
|
+
/** Show theme toggle button (default: true) */
|
|
21
|
+
showThemeToggle?: boolean;
|
|
22
|
+
}
|
|
23
|
+
/**
|
|
24
|
+
* Qamposer - Embeddable Quantum Circuit Composer
|
|
25
|
+
*
|
|
26
|
+
* A complete quantum circuit editor with:
|
|
27
|
+
* - Operations panel (gate library)
|
|
28
|
+
* - Circuit editor (drag & drop)
|
|
29
|
+
* - Results panel (probability histogram)
|
|
30
|
+
* - Q-sphere visualization
|
|
31
|
+
* - Code editor (OpenQASM)
|
|
32
|
+
*/
|
|
33
|
+
declare function Qamposer({ className, showHeader, title, codeEditorWidth, topGridTemplate, bottomGridTemplate, defaultTheme, showThemeToggle, ...providerProps }: QamposerProps): react_jsx_runtime.JSX.Element;
|
|
34
|
+
|
|
35
|
+
interface QSphereViewProps {
|
|
36
|
+
className?: string;
|
|
37
|
+
}
|
|
38
|
+
declare function QSphereView({ className }: QSphereViewProps): react_jsx_runtime.JSX.Element;
|
|
39
|
+
|
|
40
|
+
interface ResultsPanelProps {
|
|
41
|
+
/** Additional CSS class */
|
|
42
|
+
className?: string;
|
|
43
|
+
}
|
|
44
|
+
declare function ResultsPanel({ className }?: ResultsPanelProps): react_jsx_runtime.JSX.Element;
|
|
45
|
+
|
|
46
|
+
export { QSphereView, type QSphereViewProps, Qamposer, type QamposerProps, ResultsPanel, type ResultsPanelProps };
|