react-cheminfo 0.2.0 → 0.4.0

package/lib/structure/ui/Structure.d.ts

@@ -0,0 +1,122 @@
+/**
+ * A read-only depiction of a structure, whichever notation the caller has.
+ *
+ * Which notation is drawn, and what is shown when there is nothing to draw, is
+ * decided here; the drawing itself sits behind `React.lazy`, so a page that
+ * never renders a structure never downloads react-ocl and openchemlib for one.
+ * That is also what lets `react-cheminfo/structure` be imported at all when
+ * those optional peers are not installed.
+ */
+import type { ReactElement, ReactNode } from 'react';
+/** What is written on a depiction besides the atoms and the bonds. */
+export interface StructureLabels {
+    /**
+     * Write the index of every atom next to it.
+     * @default false
+     */
+    atoms?: boolean;
+    /**
+     * Write the index of every bond next to it.
+     * @default false
+     */
+    bonds?: boolean;
+    /**
+     * Write the reaction mapping number of every mapped atom.
+     * @default false
+     */
+    mapping?: boolean;
+    /**
+     * A caption drawn inside the picture, under the structure.
+     * @default undefined
+     */
+    caption?: string;
+}
+export interface StructureProps {
+    /**
+     * A canonical openchemlib idCode, coordinates included or not. The most
+     * exact notation, so it is drawn in preference to the others.
+     * @default undefined
+     */
+    idCode?: string;
+    /**
+     * Encoded 2D coordinates, when they did not travel with the idCode.
+     * @default undefined
+     */
+    coordinates?: string;
+    /**
+     * A molfile, V2000 or V3000, drawn when there is no usable idCode.
+     * @default undefined
+     */
+    molfile?: string;
+    /**
+     * A SMILES, drawn when there is neither an idCode nor a molfile. The layout
+     * is invented, so two depictions of the same molecule may differ.
+     * @default undefined
+     */
+    smiles?: string;
+    /**
+     * Width of the picture, in pixels.
+     * @default 200
+     */
+    width?: number;
+    /**
+     * Height of the picture, in pixels.
+     * @default 140
+     */
+    height?: number;
+    /**
+     * What is written on the picture besides the structure itself.
+     * @default {}
+     */
+    labels?: StructureLabels;
+    /**
+     * Crop the picture to the atoms rather than centring them in the box.
+     * @default true
+     */
+    autoCrop?: boolean;
+    /**
+     * Blank space kept around the structure when it is cropped, in pixels.
+     * @default 4
+     */
+    autoCropMargin?: number;
+    /**
+     * Atoms to paint, which is how a substructure match is shown.
+     * @default undefined
+     */
+    atomHighlight?: number[];
+    /**
+     * The colour the highlighted atoms are painted.
+     * @default '#a5d8ff'
+     */
+    atomHighlightColor?: string;
+    /**
+     * Bonds to paint.
+     * @default undefined
+     */
+    bondHighlight?: number[];
+    /**
+     * The colour the highlighted bonds are painted.
+     * @default '#ffd8a8'
+     */
+    bondHighlightColor?: string;
+    /**
+     * What is shown when there is no structure, or when the one supplied cannot
+     * be read. An em dash rather than a red box: a missing structure is a row of
+     * a table far more often than it is a bug worth shouting about.
+     * @default '—'
+     */
+    fallback?: ReactNode;
+}
+/**
+ * Draw a structure, from whichever notation the caller has.
+ *
+ * Nothing here throws and nothing renders a broken box: a blank value, a
+ * molfile with an empty atom block and a SMILES with a typo in it all come out
+ * as the same quiet placeholder, sized like the picture that would have been
+ * drawn so a list of structures keeps its rhythm. The box the renderers load
+ * into is that same placeholder, so nothing moves once they arrive.
+ * @param props - The structure, its size and what is written on it.
+ * @returns The picture, or the placeholder.
+ */
+export declare function Structure(props: StructureProps): ReactElement;
+//# sourceMappingURL=Structure.d.ts.map

package/lib/structure/ui/Structure.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Structure.d.ts","sourceRoot":"","sources":["../../../src/structure/ui/Structure.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAYrD,sEAAsE;AACtE,MAAM,WAAW,eAAe;IAC9B;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,cAAc;IAC7B;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,YAAY,CAgD7D"}

package/lib/structure/ui/Structure.js

@@ -0,0 +1,28 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Suspense, lazy } from 'react';
+import { structureSource } from "../core/structureSource.js";
+import { StructurePlaceholder } from "./StructurePlaceholder.js";
+const StructureSvg = lazy(async () => {
+    const module = await import("./StructureSvg.js");
+    return { default: module.StructureSvg };
+});
+/**
+ * Draw a structure, from whichever notation the caller has.
+ *
+ * Nothing here throws and nothing renders a broken box: a blank value, a
+ * molfile with an empty atom block and a SMILES with a typo in it all come out
+ * as the same quiet placeholder, sized like the picture that would have been
+ * drawn so a list of structures keeps its rhythm. The box the renderers load
+ * into is that same placeholder, so nothing moves once they arrive.
+ * @param props - The structure, its size and what is written on it.
+ * @returns The picture, or the placeholder.
+ */
+export function Structure(props) {
+    const { idCode, coordinates, molfile, smiles, width = 200, height = 140, labels = {}, autoCrop = true, autoCropMargin = 4, atomHighlight, atomHighlightColor = '#a5d8ff', bondHighlight, bondHighlightColor = '#ffd8a8', fallback = '—', } = props;
+    const source = structureSource({ idCode, coordinates, molfile, smiles });
+    if (source.kind === 'empty') {
+        return (_jsx(StructurePlaceholder, { width: width, height: height, children: fallback }));
+    }
+    return (_jsx(Suspense, { fallback: _jsx(StructurePlaceholder, { width: width, height: height }), children: _jsx(StructureSvg, { source: source, width: width, height: height, autoCrop: autoCrop, autoCropMargin: autoCropMargin, atomHighlight: atomHighlight, atomHighlightColor: atomHighlightColor, bondHighlight: bondHighlight, bondHighlightColor: bondHighlightColor, showAtomNumber: labels.atoms ?? false, showBondNumber: labels.bonds ?? false, showMapping: labels.mapping ?? false, label: labels.caption, fallback: fallback }) }));
+}
+//# sourceMappingURL=Structure.js.map

package/lib/structure/ui/Structure.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Structure.js","sourceRoot":"","sources":["../../../src/structure/ui/Structure.tsx"],"names":[],"mappings":";AAWA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAE7D,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA4B,CAAC;AAElE,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,IAAI,EAAE;IACnC,MAAM,MAAM,GAAG,MAAM,MAAM,CAAC,mBAAoB,CAAC,CAAC;IAClD,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,YAAY,EAAE,CAAC;AAC1C,CAAC,CAAC,CAAC;AAuGH;;;;;;;;;;GAUG;AACH,MAAM,UAAU,SAAS,CAAC,KAAqB;IAC7C,MAAM,EACJ,MAAM,EACN,WAAW,EACX,OAAO,EACP,MAAM,EACN,KAAK,GAAG,GAAG,EACX,MAAM,GAAG,GAAG,EACZ,MAAM,GAAG,EAAE,EACX,QAAQ,GAAG,IAAI,EACf,cAAc,GAAG,CAAC,EAClB,aAAa,EACb,kBAAkB,GAAG,SAAS,EAC9B,aAAa,EACb,kBAAkB,GAAG,SAAS,EAC9B,QAAQ,GAAG,GAAG,GACf,GAAG,KAAK,CAAC;IAEV,MAAM,MAAM,GAAG,eAAe,CAAC,EAAE,MAAM,EAAE,WAAW,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,CAAC;IAEzE,IAAI,MAAM,CAAC,IAAI,KAAK,OAAO,EAAE,CAAC;QAC5B,OAAO,CACL,KAAC,oBAAoB,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,YAC/C,QAAQ,GACY,CACxB,CAAC;IACJ,CAAC;IAED,OAAO,CACL,KAAC,QAAQ,IAAC,QAAQ,EAAE,KAAC,oBAAoB,IAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,GAAI,YACxE,KAAC,YAAY,IACX,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,aAAa,EAAE,aAAa,EAC5B,kBAAkB,EAAE,kBAAkB,EACtC,aAAa,EAAE,aAAa,EAC5B,kBAAkB,EAAE,kBAAkB,EACtC,cAAc,EAAE,MAAM,CAAC,KAAK,IAAI,KAAK,EACrC,cAAc,EAAE,MAAM,CAAC,KAAK,IAAI,KAAK,EACrC,WAAW,EAAE,MAAM,CAAC,OAAO,IAAI,KAAK,EACpC,KAAK,EAAE,MAAM,CAAC,OAAO,EACrB,QAAQ,EAAE,QAAQ,GAClB,GACO,CACZ,CAAC;AACJ,CAAC"}

package/lib/structure/ui/StructureEditor.d.ts

@@ -0,0 +1,75 @@
+/**
+ * The canvas structure editor and the box it is drawn in.
+ *
+ * The canvas itself sits behind `React.lazy`: it is the half that imports
+ * react-ocl, so a page that never opens an editor never downloads openchemlib,
+ * and `react-cheminfo/structure` stays importable when those optional peers
+ * are absent.
+ */
+import type { CSSProperties, ReactElement } from 'react';
+import type { CanvasEditorInputFormat } from 'react-ocl';
+import type { StructureEditorChange, StructureEditorMode } from './EditorCanvas.tsx';
+export interface StructureEditorProps {
+    /**
+     * Called after every edit, once the drawing has been still for `debounce`
+     * milliseconds, with every notation read out of the editor.
+     */
+    onChange: (change: StructureEditorChange) => void;
+    /**
+     * Draw a query fragment rather than a whole structure, which is what a
+     * substructure filter needs.
+     * @default false
+     */
+    fragment?: boolean;
+    /**
+     * How `value` is written.
+     * @default 'idcode'
+     */
+    inputFormat?: CanvasEditorInputFormat;
+    /**
+     * What the canvas holds. Read once, when the editor appears and again on
+     * every change of `revision`: the editor is uncontrolled, so feeding the
+     * drawing back into it would replace the structure and reset every
+     * coordinate under the pen.
+     * @default ''
+     */
+    value?: string;
+    /**
+     * Bumped by the caller to load `value` into the canvas again, which is what
+     * an example, a share link or a Clear button does. Changing it discards
+     * whatever was being drawn.
+     * @default 0
+     */
+    revision?: number;
+    /**
+     * How long the drawing has to be still before `onChange` is called, in
+     * milliseconds. Long enough that drawing a ring does not publish six
+     * structures; `0` reports every stroke.
+     * @default 300
+     */
+    debounce?: number;
+    /**
+     * Smallest height of the drawing area, in pixels. Raised to whatever the
+     * toolbar needs, which is usually more.
+     * @default 320
+     */
+    minHeight?: number;
+    /**
+     * Whether the editor draws one structure or a reaction. A reaction canvas
+     * has its own toolbar and its own arrow.
+     * @default 'molecule'
+     */
+    mode?: StructureEditorMode;
+    /** Class the container carries, so a site can reach it from its stylesheet. */
+    className?: string;
+    /** Extra style for the container, merged over the packaged one. */
+    style?: CSSProperties;
+}
+/**
+ * The canvas structure editor, sized to fill its container and never to hide
+ * part of its toolbar.
+ * @param props - What to draw, when to reload it, and where to send it.
+ * @returns The editor.
+ */
+export declare function StructureEditor(props: StructureEditorProps): ReactElement;
+//# sourceMappingURL=StructureEditor.d.ts.map

package/lib/structure/ui/StructureEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StructureEditor.d.ts","sourceRoot":"","sources":["../../../src/structure/ui/StructureEditor.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAEzD,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,WAAW,CAAC;AAEzD,OAAO,KAAK,EACV,qBAAqB,EACrB,mBAAmB,EACpB,MAAM,oBAAoB,CAAC;AAQ5B,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,QAAQ,EAAE,CAAC,MAAM,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAClD;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,WAAW,CAAC,EAAE,uBAAuB,CAAC;IACtC;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,IAAI,CAAC,EAAE,mBAAmB,CAAC;IAC3B,+EAA+E;IAC/E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,mEAAmE;IACnE,KAAK,CAAC,EAAE,aAAa,CAAC;CACvB;AAED;;;;;GAKG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE,oBAAoB,GAAG,YAAY,CAmCzE"}

package/lib/structure/ui/StructureEditor.js

@@ -0,0 +1,83 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Suspense, lazy, useCallback, useEffect, useRef } from 'react';
+import { useToolbarFloor } from "./useToolbarFloor.js";
+const EditorCanvas = lazy(async () => {
+    const module = await import("./EditorCanvas.js");
+    return { default: module.EditorCanvas };
+});
+/**
+ * The canvas structure editor, sized to fill its container and never to hide
+ * part of its toolbar.
+ * @param props - What to draw, when to reload it, and where to send it.
+ * @returns The editor.
+ */
+export function StructureEditor(props) {
+    const { onChange, fragment = false, inputFormat = 'idcode', value = '', revision = 0, debounce = 300, minHeight = 320, mode = 'molecule', className, style, } = props;
+    const containerRef = useToolbarFloor({ minHeight, revision });
+    const handleChange = useDebounced(onChange, debounce, revision);
+    return (_jsx("div", { ref: containerRef, className: className, style: { ...ROOT_STYLE, minHeight, ...style }, children: _jsx(Suspense, { fallback: _jsx("div", { style: LOADING_STYLE, children: "Loading the editor\u2026" }), children: _jsx(EditorCanvas, { onChange: handleChange, fragment: fragment, inputFormat: inputFormat, value: value, mode: mode }, revision) }) }));
+}
+/**
+ * Report the last edit of a burst rather than every one of them.
+ *
+ * The editor's own event is read out before the wait starts, so what arrives
+ * late is a plain object rather than a handle on an editor that has moved on.
+ * @param onChange - What the caller wants told.
+ * @param delay - How long the drawing has to be still, in milliseconds.
+ * @param resetKey - Dropped edits: a burst still waiting when the caller
+ * replaces the structure describes a canvas that no longer exists.
+ * @returns The handler to give the canvas.
+ */
+function useDebounced(onChange, delay, resetKey) {
+    const timerRef = useRef(null);
+    const onChangeRef = useRef(onChange);
+    useEffect(() => {
+        onChangeRef.current = onChange;
+    });
+    useEffect(() => {
+        return () => {
+            if (timerRef.current !== null) {
+                clearTimeout(timerRef.current);
+                timerRef.current = null;
+            }
+        };
+    }, [resetKey]);
+    return useCallback((change) => {
+        if (timerRef.current !== null)
+            clearTimeout(timerRef.current);
+        if (delay <= 0) {
+            onChangeRef.current(change);
+            return;
+        }
+        timerRef.current = setTimeout(() => {
+            timerRef.current = null;
+            onChangeRef.current(change);
+        }, delay);
+    }, [delay]);
+}
+/**
+ * The canvas is positioned out of the height computation, so the container's
+ * own height is what the measured toolbar floor writes on it. The `minHeight`
+ * prop is applied on top of this at first render: without a height before the
+ * toolbar has been measured, the editor is built at zero size and never paints
+ * the structure it was given.
+ */
+const ROOT_STYLE = {
+    position: 'relative',
+    overflow: 'hidden',
+    boxSizing: 'border-box',
+    border: '1px solid #d3d8de',
+    borderRadius: 6,
+    background: '#fff',
+};
+/** The box the canvas will fill, so its arrival moves nothing. */
+const LOADING_STYLE = {
+    position: 'absolute',
+    inset: 0,
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    color: '#8a96a3',
+    fontSize: 13,
+};
+//# sourceMappingURL=StructureEditor.js.map

package/lib/structure/ui/StructureEditor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StructureEditor.js","sourceRoot":"","sources":["../../../src/structure/ui/StructureEditor.tsx"],"names":[],"mappings":";AAUA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAOvE,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAEvD,MAAM,YAAY,GAAG,IAAI,CAAC,KAAK,IAAI,EAAE;IACnC,MAAM,MAAM,GAAG,MAAM,MAAM,CAAC,mBAAoB,CAAC,CAAC;IAClD,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,YAAY,EAAE,CAAC;AAC1C,CAAC,CAAC,CAAC;AA2DH;;;;;GAKG;AACH,MAAM,UAAU,eAAe,CAAC,KAA2B;IACzD,MAAM,EACJ,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,WAAW,GAAG,QAAQ,EACtB,KAAK,GAAG,EAAE,EACV,QAAQ,GAAG,CAAC,EACZ,QAAQ,GAAG,GAAG,EACd,SAAS,GAAG,GAAG,EACf,IAAI,GAAG,UAAU,EACjB,SAAS,EACT,KAAK,GACN,GAAG,KAAK,CAAC;IAEV,MAAM,YAAY,GAAG,eAAe,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,CAAC,CAAC;IAC9D,MAAM,YAAY,GAAG,YAAY,CAAC,QAAQ,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAEhE,OAAO,CACL,cACE,GAAG,EAAE,YAAY,EACjB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,EAAE,GAAG,UAAU,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,YAE7C,KAAC,QAAQ,IAAC,QAAQ,EAAE,cAAK,KAAK,EAAE,aAAa,yCAA2B,YACtE,KAAC,YAAY,IAEX,QAAQ,EAAE,YAAY,EACtB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,IALL,QAAQ,CAMb,GACO,GACP,CACP,CAAC;AACJ,CAAC;AAED;;;;;;;;;;GAUG;AACH,SAAS,YAAY,CACnB,QAAiD,EACjD,KAAa,EACb,QAAgB;IAEhB,MAAM,QAAQ,GAAG,MAAM,CAAuC,IAAI,CAAC,CAAC;IACpE,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IACrC,SAAS,CAAC,GAAG,EAAE;QACb,WAAW,CAAC,OAAO,GAAG,QAAQ,CAAC;IACjC,CAAC,CAAC,CAAC;IACH,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,GAAG,EAAE;YACV,IAAI,QAAQ,CAAC,OAAO,KAAK,IAAI,EAAE,CAAC;gBAC9B,YAAY,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;gBAC/B,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;YAC1B,CAAC;QACH,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,OAAO,WAAW,CAChB,CAAC,MAA6B,EAAE,EAAE;QAChC,IAAI,QAAQ,CAAC,OAAO,KAAK,IAAI;YAAE,YAAY,CAAC,QAAQ,CAAC,OAAO,CAAC,CAAC;QAC9D,IAAI,KAAK,IAAI,CAAC,EAAE,CAAC;YACf,WAAW,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;YAC5B,OAAO;QACT,CAAC;QACD,QAAQ,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;YACjC,QAAQ,CAAC,OAAO,GAAG,IAAI,CAAC;YACxB,WAAW,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;QAC9B,CAAC,EAAE,KAAK,CAAC,CAAC;IACZ,CAAC,EACD,CAAC,KAAK,CAAC,CACR,CAAC;AACJ,CAAC;AAED;;;;;;GAMG;AACH,MAAM,UAAU,GAAkB;IAChC,QAAQ,EAAE,UAAU;IACpB,QAAQ,EAAE,QAAQ;IAClB,SAAS,EAAE,YAAY;IACvB,MAAM,EAAE,mBAAmB;IAC3B,YAAY,EAAE,CAAC;IACf,UAAU,EAAE,MAAM;CACnB,CAAC;AAEF,kEAAkE;AAClE,MAAM,aAAa,GAAkB;IACnC,QAAQ,EAAE,UAAU;IACpB,KAAK,EAAE,CAAC;IACR,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,KAAK,EAAE,SAAS;IAChB,QAAQ,EAAE,EAAE;CACb,CAAC"}

package/lib/structure/ui/StructurePlaceholder.d.ts

@@ -0,0 +1,29 @@
+/**
+ * The box a depiction leaves behind when there is no picture in it — nothing
+ * to draw, a notation that cannot be read, or the moment before the renderers
+ * have been downloaded.
+ *
+ * It is kept apart from the renderers on purpose: it pulls nothing in, so both
+ * sides of the `React.lazy` boundary in `Structure` can use it.
+ */
+import type { ReactElement, ReactNode } from 'react';
+/** Props of {@link StructurePlaceholder}. */
+export interface StructurePlaceholderProps {
+    /** Width of the box, in pixels: the width the picture would have had. */
+    width: number;
+    /** Height of the box, in pixels. */
+    height: number;
+    /**
+     * What is written in the middle of the box.
+     * @default undefined
+     */
+    children?: ReactNode;
+}
+/**
+ * A box the size of the picture that is not there, holding whatever the caller
+ * wants said instead.
+ * @param props - See {@link StructurePlaceholderProps}.
+ * @returns The placeholder.
+ */
+export declare function StructurePlaceholder(props: StructurePlaceholderProps): ReactElement;
+//# sourceMappingURL=StructurePlaceholder.d.ts.map

package/lib/structure/ui/StructurePlaceholder.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StructurePlaceholder.d.ts","sourceRoot":"","sources":["../../../src/structure/ui/StructurePlaceholder.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAiB,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEpE,6CAA6C;AAC7C,MAAM,WAAW,yBAAyB;IACxC,yEAAyE;IACzE,KAAK,EAAE,MAAM,CAAC;IACd,oCAAoC;IACpC,MAAM,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED;;;;;GAKG;AACH,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,yBAAyB,GAC/B,YAAY,CAOd"}

package/lib/structure/ui/StructurePlaceholder.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/**
+ * A box the size of the picture that is not there, holding whatever the caller
+ * wants said instead.
+ * @param props - See {@link StructurePlaceholderProps}.
+ * @returns The placeholder.
+ */
+export function StructurePlaceholder(props) {
+    const { width, height, children } = props;
+    return (_jsx("span", { style: { ...PLACEHOLDER_STYLE, width, height }, "aria-hidden": "true", children: children }));
+}
+const PLACEHOLDER_STYLE = {
+    display: 'inline-flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+    color: '#8a96a3',
+    fontSize: '0.75rem',
+};
+//# sourceMappingURL=StructurePlaceholder.js.map

package/lib/structure/ui/StructurePlaceholder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StructurePlaceholder.js","sourceRoot":"","sources":["../../../src/structure/ui/StructurePlaceholder.tsx"],"names":[],"mappings":";AAwBA;;;;;GAKG;AACH,MAAM,UAAU,oBAAoB,CAClC,KAAgC;IAEhC,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,KAAK,CAAC;IAC1C,OAAO,CACL,eAAM,KAAK,EAAE,EAAE,GAAG,iBAAiB,EAAE,KAAK,EAAE,MAAM,EAAE,iBAAc,MAAM,YACrE,QAAQ,GACJ,CACR,CAAC;AACJ,CAAC;AAED,MAAM,iBAAiB,GAAkB;IACvC,OAAO,EAAE,aAAa;IACtB,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,QAAQ;IACxB,KAAK,EAAE,SAAS;IAChB,QAAQ,EAAE,SAAS;CACpB,CAAC"}

package/lib/structure/ui/StructureSvg.d.ts

@@ -0,0 +1,58 @@
+/**
+ * The react-ocl depiction of a structure whose notation has already been
+ * picked.
+ *
+ * `Structure` holds it behind `React.lazy`, and the barrel deliberately does
+ * not export it: this is the file that value-imports react-ocl, so
+ * anything able to reach it statically drags openchemlib into every bundle,
+ * including the ones that only ever wanted the Tools menu.
+ */
+import type { ReactElement, ReactNode } from 'react';
+import type { StructureSource } from '../core/structureSource.ts';
+/** Props of {@link StructureSvg}. */
+export interface StructureSvgProps {
+    /** The notation to draw, as `structureSource` picked it. */
+    source: StructureSource;
+    /** Width of the picture, in pixels. */
+    width: number;
+    /** Height of the picture, in pixels. */
+    height: number;
+    /** Crop the picture to the atoms rather than centring them in the box. */
+    autoCrop: boolean;
+    /** Blank space kept around the structure when it is cropped, in pixels. */
+    autoCropMargin: number;
+    /**
+     * Atoms to paint, which is how a substructure match is shown.
+     * @default undefined
+     */
+    atomHighlight?: number[];
+    /** The colour the highlighted atoms are painted. */
+    atomHighlightColor: string;
+    /**
+     * Bonds to paint.
+     * @default undefined
+     */
+    bondHighlight?: number[];
+    /** The colour the highlighted bonds are painted. */
+    bondHighlightColor: string;
+    /** Write the index of every atom next to it. */
+    showAtomNumber: boolean;
+    /** Write the index of every bond next to it. */
+    showBondNumber: boolean;
+    /** Write the reaction mapping number of every mapped atom. */
+    showMapping: boolean;
+    /**
+     * A caption drawn inside the picture, under the structure.
+     * @default undefined
+     */
+    label?: string;
+    /** What is shown in place of a structure react-ocl refuses to read. */
+    fallback: ReactNode;
+}
+/**
+ * Draw the picture with the renderer the notation calls for.
+ * @param props - See {@link StructureSvgProps}.
+ * @returns The svg, or the placeholder when the notation cannot be read.
+ */
+export declare function StructureSvg(props: StructureSvgProps): ReactElement;
+//# sourceMappingURL=StructureSvg.d.ts.map

package/lib/structure/ui/StructureSvg.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StructureSvg.d.ts","sourceRoot":"","sources":["../../../src/structure/ui/StructureSvg.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,KAAK,EAAiB,YAAY,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AASpE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAIlE,qCAAqC;AACrC,MAAM,WAAW,iBAAiB;IAChC,4DAA4D;IAC5D,MAAM,EAAE,eAAe,CAAC;IACxB,uCAAuC;IACvC,KAAK,EAAE,MAAM,CAAC;IACd,wCAAwC;IACxC,MAAM,EAAE,MAAM,CAAC;IACf,0EAA0E;IAC1E,QAAQ,EAAE,OAAO,CAAC;IAClB,2EAA2E;IAC3E,cAAc,EAAE,MAAM,CAAC;IACvB;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,oDAAoD;IACpD,kBAAkB,EAAE,MAAM,CAAC;IAC3B;;;OAGG;IACH,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,oDAAoD;IACpD,kBAAkB,EAAE,MAAM,CAAC;IAC3B,gDAAgD;IAChD,cAAc,EAAE,OAAO,CAAC;IACxB,gDAAgD;IAChD,cAAc,EAAE,OAAO,CAAC;IACxB,8DAA8D;IAC9D,WAAW,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uEAAuE;IACvE,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED;;;;GAIG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,iBAAiB,GAAG,YAAY,CAsBnE"}

package/lib/structure/ui/StructureSvg.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { IdcodeSvgRenderer, MolfileSvgRenderer, SmilesSvgRenderer, } from 'react-ocl';
+import { StructurePlaceholder } from "./StructurePlaceholder.js";
+/**
+ * Draw the picture with the renderer the notation calls for.
+ * @param props - See {@link StructureSvgProps}.
+ * @returns The svg, or the placeholder when the notation cannot be read.
+ */
+export function StructureSvg(props) {
+    const { source, fallback, ...rest } = props;
+    const ErrorComponent = useMemo(() => createFallbackRenderer(fallback), [fallback]);
+    const shared = { ...rest, ErrorComponent };
+    if (source.kind === 'idcode') {
+        return (_jsx(IdcodeSvgRenderer, { idcode: source.value, coordinates: source.coordinates, ...shared }));
+    }
+    if (source.kind === 'molfile') {
+        return _jsx(MolfileSvgRenderer, { molfile: source.value, ...shared });
+    }
+    return _jsx(SmilesSvgRenderer, { smiles: source.value, ...shared });
+}
+/**
+ * Build the renderer react-ocl falls back to, so a structure it refuses looks
+ * like one that was never supplied rather than like an error.
+ * @param fallback - What the caller wants shown instead of the structure.
+ * @returns The component react-ocl renders in place of the picture.
+ */
+function createFallbackRenderer(fallback) {
+    return function StructureFallback(props) {
+        return (_jsx(StructurePlaceholder, { width: props.width, height: props.height, children: fallback }));
+    };
+}
+//# sourceMappingURL=StructureSvg.js.map

package/lib/structure/ui/StructureSvg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StructureSvg.js","sourceRoot":"","sources":["../../../src/structure/ui/StructureSvg.tsx"],"names":[],"mappings":";AAWA,OAAO,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAEhC,OAAO,EACL,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,GAClB,MAAM,WAAW,CAAC;AAInB,OAAO,EAAE,oBAAoB,EAAE,MAAM,2BAA4B,CAAC;AA2ClE;;;;GAIG;AACH,MAAM,UAAU,YAAY,CAAC,KAAwB;IACnD,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAE5C,MAAM,cAAc,GAAG,OAAO,CAC5B,GAAG,EAAE,CAAC,sBAAsB,CAAC,QAAQ,CAAC,EACtC,CAAC,QAAQ,CAAC,CACX,CAAC;IACF,MAAM,MAAM,GAAG,EAAE,GAAG,IAAI,EAAE,cAAc,EAAE,CAAC;IAE3C,IAAI,MAAM,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;QAC7B,OAAO,CACL,KAAC,iBAAiB,IAChB,MAAM,EAAE,MAAM,CAAC,KAAK,EACpB,WAAW,EAAE,MAAM,CAAC,WAAW,KAC3B,MAAM,GACV,CACH,CAAC;IACJ,CAAC;IACD,IAAI,MAAM,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;QAC9B,OAAO,KAAC,kBAAkB,IAAC,OAAO,EAAE,MAAM,CAAC,KAAK,KAAM,MAAM,GAAI,CAAC;IACnE,CAAC;IACD,OAAO,KAAC,iBAAiB,IAAC,MAAM,EAAE,MAAM,CAAC,KAAK,KAAM,MAAM,GAAI,CAAC;AACjE,CAAC;AAED;;;;;GAKG;AACH,SAAS,sBAAsB,CAC7B,QAAmB;IAEnB,OAAO,SAAS,iBAAiB,CAAC,KAA0B;QAC1D,OAAO,CACL,KAAC,oBAAoB,IAAC,KAAK,EAAE,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,CAAC,MAAM,YAC3D,QAAQ,GACY,CACxB,CAAC;IACJ,CAAC,CAAC;AACJ,CAAC"}

package/lib/structure/ui/index.d.ts

@@ -0,0 +1,19 @@
+/**
+ * What a site imports to show or to draw a structure.
+ *
+ * **Nothing exported here may pull react-ocl or openchemlib in statically.**
+ * `StructureSvg` and `EditorCanvas` are deliberately absent: re-exporting
+ * either would make react-ocl reachable from this barrel, the `React.lazy`
+ * boundaries inside `Structure` and `StructureEditor` would be defeated, and
+ * `react-cheminfo/structure` would stop being importable at all when those
+ * optional peers are not installed — which is what a site wanting only the
+ * Tools menu does. Type-only re-exports are erased and so are safe.
+ */
+export type { StructureEditorChange, StructureEditorMode, } from './EditorCanvas.tsx';
+export type { StructureLabels, StructureProps } from './Structure.tsx';
+export { Structure } from './Structure.tsx';
+export type { StructureEditorProps } from './StructureEditor.tsx';
+export { StructureEditor } from './StructureEditor.tsx';
+export type { ToolbarFloorOptions } from './useToolbarFloor.ts';
+export { useToolbarFloor } from './useToolbarFloor.ts';
+//# sourceMappingURL=index.d.ts.map

package/lib/structure/ui/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/structure/ui/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,YAAY,EACV,qBAAqB,EACrB,mBAAmB,GACpB,MAAM,oBAAoB,CAAC;AAC5B,YAAY,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACvE,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,YAAY,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,YAAY,EAAE,mBAAmB,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC"}

package/lib/structure/ui/index.js

@@ -0,0 +1,15 @@
+/**
+ * What a site imports to show or to draw a structure.
+ *
+ * **Nothing exported here may pull react-ocl or openchemlib in statically.**
+ * `StructureSvg` and `EditorCanvas` are deliberately absent: re-exporting
+ * either would make react-ocl reachable from this barrel, the `React.lazy`
+ * boundaries inside `Structure` and `StructureEditor` would be defeated, and
+ * `react-cheminfo/structure` would stop being importable at all when those
+ * optional peers are not installed — which is what a site wanting only the
+ * Tools menu does. Type-only re-exports are erased and so are safe.
+ */
+export { Structure } from "./Structure.js";
+export { StructureEditor } from "./StructureEditor.js";
+export { useToolbarFloor } from "./useToolbarFloor.js";
+//# sourceMappingURL=index.js.map

package/lib/structure/ui/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/structure/ui/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAOH,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAiB,CAAC;AAE5C,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAuB,CAAC;AAExD,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC"}

package/lib/structure/ui/useToolbarFloor.d.ts

@@ -0,0 +1,26 @@
+import type { RefObject } from 'react';
+export interface ToolbarFloorOptions {
+    /**
+     * Smallest height of the drawing area, in pixels. Raised to whatever the
+     * toolbar needs, which is usually more.
+     * @default 320
+     */
+    minHeight?: number;
+    /**
+     * Bumped to look for the toolbar again, which a caller does after the editor
+     * has been remounted and the previous toolbar element has gone.
+     * @default 0
+     */
+    revision?: number;
+}
+/**
+ * Give an editor's container a minimum height that shows the whole toolbar.
+ *
+ * The height is measured rather than written down, so a different button count
+ * — a fragment editor, a reaction editor, a future release — keeps working
+ * instead of clipping its last buttons behind whatever follows the editor.
+ * @param options - The height the caller asked for, and when to look again.
+ * @returns The ref to put on the element wrapping the editor.
+ */
+export declare function useToolbarFloor(options?: ToolbarFloorOptions): RefObject<HTMLDivElement | null>;
+//# sourceMappingURL=useToolbarFloor.d.ts.map

package/lib/structure/ui/useToolbarFloor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToolbarFloor.d.ts","sourceRoot":"","sources":["../../../src/structure/ui/useToolbarFloor.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAKvC,MAAM,WAAW,mBAAmB;IAClC;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;;;;;;GAQG;AACH,wBAAgB,eAAe,CAC7B,OAAO,GAAE,mBAAwB,GAChC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAyClC"}

package/lib/structure/ui/useToolbarFloor.js

@@ -0,0 +1,70 @@
+import { useLayoutEffect, useRef } from 'react';
+import { toolbarFloorHeight } from "../core/toolbarFloor.js";
+/**
+ * Give an editor's container a minimum height that shows the whole toolbar.
+ *
+ * The height is measured rather than written down, so a different button count
+ * — a fragment editor, a reaction editor, a future release — keeps working
+ * instead of clipping its last buttons behind whatever follows the editor.
+ * @param options - The height the caller asked for, and when to look again.
+ * @returns The ref to put on the element wrapping the editor.
+ */
+export function useToolbarFloor(options = {}) {
+    const { minHeight = 320, revision = 0 } = options;
+    const containerRef = useRef(null);
+    useLayoutEffect(() => {
+        const container = containerRef.current;
+        if (container === null)
+            return;
+        let observer = null;
+        let frame = 0;
+        let attempts = 0;
+        // The editor builds itself asynchronously, so the toolbar is usually not
+        // there yet on the first look; watching for it is what keeps a slow first
+        // paint from leaving the container at its unmeasured height for good.
+        const attach = () => {
+            const toolbar = findToolbar(container);
+            if (toolbar === null) {
+                attempts++;
+                if (attempts > MAX_ATTEMPTS)
+                    return;
+                frame = globalThis.requestAnimationFrame(attach);
+                return;
+            }
+            observer = new ResizeObserver(() => {
+                // offsetHeight, because a dialog opens under a scaling transform and a
+                // measured rectangle would be that of the half drawn toolbar.
+                const floor = toolbarFloorHeight(toolbar.offsetHeight, minHeight);
+                container.style.minHeight = `${floor}px`;
+            });
+            observer.observe(toolbar);
+        };
+        attach();
+        return () => {
+            if (frame !== 0)
+                globalThis.cancelAnimationFrame(frame);
+            observer?.disconnect();
+        };
+    }, [minHeight, revision]);
+    return containerRef;
+}
+/** Roughly two seconds of frames, after which the editor is not coming. */
+const MAX_ATTEMPTS = 120;
+/**
+ * Find the toolbar canvas of the editor.
+ *
+ * The editor builds itself inside a shadow root and puts the toolbar there as
+ * a direct child, the drawing canvas being nested deeper.
+ * @param container - The element wrapping the editor.
+ * @returns The toolbar canvas, or null while the editor has not drawn one.
+ */
+function findToolbar(container) {
+    for (const element of container.querySelectorAll('*')) {
+        for (const child of element.shadowRoot?.children ?? []) {
+            if (child instanceof HTMLCanvasElement)
+                return child;
+        }
+    }
+    return null;
+}
+//# sourceMappingURL=useToolbarFloor.js.map

package/lib/structure/ui/useToolbarFloor.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useToolbarFloor.js","sourceRoot":"","sources":["../../../src/structure/ui/useToolbarFloor.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,EAAE,MAAM,OAAO,CAAC;AAEhD,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAiB7D;;;;;;;;GAQG;AACH,MAAM,UAAU,eAAe,CAC7B,UAA+B,EAAE;IAEjC,MAAM,EAAE,SAAS,GAAG,GAAG,EAAE,QAAQ,GAAG,CAAC,EAAE,GAAG,OAAO,CAAC;IAClD,MAAM,YAAY,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAElD,eAAe,CAAC,GAAG,EAAE;QACnB,MAAM,SAAS,GAAG,YAAY,CAAC,OAAO,CAAC;QACvC,IAAI,SAAS,KAAK,IAAI;YAAE,OAAO;QAE/B,IAAI,QAAQ,GAA0B,IAAI,CAAC;QAC3C,IAAI,KAAK,GAAG,CAAC,CAAC;QACd,IAAI,QAAQ,GAAG,CAAC,CAAC;QAEjB,yEAAyE;QACzE,0EAA0E;QAC1E,sEAAsE;QACtE,MAAM,MAAM,GAAG,GAAS,EAAE;YACxB,MAAM,OAAO,GAAG,WAAW,CAAC,SAAS,CAAC,CAAC;YACvC,IAAI,OAAO,KAAK,IAAI,EAAE,CAAC;gBACrB,QAAQ,EAAE,CAAC;gBACX,IAAI,QAAQ,GAAG,YAAY;oBAAE,OAAO;gBACpC,KAAK,GAAG,UAAU,CAAC,qBAAqB,CAAC,MAAM,CAAC,CAAC;gBACjD,OAAO;YACT,CAAC;YACD,QAAQ,GAAG,IAAI,cAAc,CAAC,GAAG,EAAE;gBACjC,uEAAuE;gBACvE,8DAA8D;gBAC9D,MAAM,KAAK,GAAG,kBAAkB,CAAC,OAAO,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC;gBAClE,SAAS,CAAC,KAAK,CAAC,SAAS,GAAG,GAAG,KAAK,IAAI,CAAC;YAC3C,CAAC,CAAC,CAAC;YACH,QAAQ,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;QAC5B,CAAC,CAAC;QAEF,MAAM,EAAE,CAAC;QAET,OAAO,GAAG,EAAE;YACV,IAAI,KAAK,KAAK,CAAC;gBAAE,UAAU,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC;YACxD,QAAQ,EAAE,UAAU,EAAE,CAAC;QACzB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE1B,OAAO,YAAY,CAAC;AACtB,CAAC;AAED,2EAA2E;AAC3E,MAAM,YAAY,GAAG,GAAG,CAAC;AAEzB;;;;;;;GAOG;AACH,SAAS,WAAW,CAAC,SAAsB;IACzC,KAAK,MAAM,OAAO,IAAI,SAAS,CAAC,gBAAgB,CAAC,GAAG,CAAC,EAAE,CAAC;QACtD,KAAK,MAAM,KAAK,IAAI,OAAO,CAAC,UAAU,EAAE,QAAQ,IAAI,EAAE,EAAE,CAAC;YACvD,IAAI,KAAK,YAAY,iBAAiB;gBAAE,OAAO,KAAK,CAAC;QACvD,CAAC;IACH,CAAC;IACD,OAAO,IAAI,CAAC;AACd,CAAC"}

package/lib/structure.d.ts

@@ -0,0 +1,3 @@
+export * from './structure/core/index.ts';
+export * from './structure/ui/index.ts';
+//# sourceMappingURL=structure.d.ts.map