import { ontology, project, schematic } from '@synnaxlabs/client';
import { record, xy } from '@synnaxlabs/x';
import { Flux } from '../flux';
import { Node } from './node';
export type RetrieveQuery = schematic.RetrieveSingleParams;
export declare const use: Flux.Use<{
    key: string;
}, schematic.Schematic>, useEnsure: Flux.UseEnsure<{
    key: string;
}>, useTombstone: Flux.UseTombstone<{
    key: string;
}>, createSelector: Flux.CreateSelector<{
    key: string;
}, schematic.Schematic>;
export interface KeyParams {
    key: schematic.Key;
}
export declare const useAllNodes: (arg?: import('@synnaxlabs/x/dist/src/optional/optional.js').Optional<{
    key: string;
}, "key"> | undefined) => {
    key: string;
    position: {
        x: number;
        y: number;
    };
    zIndex: number;
}[];
export declare const useAllEdges: (arg?: import('@synnaxlabs/x/dist/src/optional/optional.js').Optional<{
    key: string;
}, "key"> | undefined) => {
    key: string;
    source: {
        node: string;
        param: string;
    };
    target: {
        node: string;
        param: string;
    };
}[];
export declare const useAllConfigs: (arg?: import('@synnaxlabs/x/dist/src/optional/optional.js').Optional<{
    key: string;
}, "key"> | undefined) => Record<string, Record<string | number, unknown>>;
export declare const useParentOf: (arg?: import('@synnaxlabs/x/dist/src/optional/optional.js').Optional<{
    key: string;
}, "key"> | undefined) => Map<string, string>;
export interface ConfigParams extends KeyParams {
    elKey: string;
}
export declare const useElementConfig: (arg: import('@synnaxlabs/x/dist/src/optional/optional.js').Optional<ConfigParams, "key">) => {
    variant: "stateIndicator";
    options: {
        key: string;
        name: string;
        value: number;
        color?: string | [number, number, number] | [number, number, number, number] | {
            rgba255: [number, number, number, number];
        } | {
            r: number;
            g: number;
            b: number;
            a: number;
        } | {
            rgba255: [number, number, number, number];
        } | {
            r: number;
            g: number;
            b: number;
            a: number;
        } | undefined;
    }[];
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "number";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
    inlineSize?: number | undefined;
} | {
    variant: "offPageReference";
    label: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    };
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
    page?: string | {
        type: "table" | "schematic" | "log" | "lineplot";
        key: string;
    } | undefined;
    dblClickNav?: boolean | undefined;
} | {
    variant: "cap";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "filter";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "flowStraightener";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "heaterElement";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "isoCap";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "isoFilter";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "nozzle";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "orifice";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "orificePlate";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "strainer";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "strainerCone";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "thruster";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
    onClickDelay?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "vent";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "flowmeterGeneral";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "flowmeterElectromagnetic";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "flowmeterVariableArea";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "flowmeterCoriolis";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "flowmeterNozzle";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "flowmeterVenturi";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "flowmeterRingPiston";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "flowmeterPositiveDisplacement";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "flowmeterTurbine";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "flowmeterPulse";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "flowmeterFloatSensor";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "flowmeterOrifice";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "box";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
    backgroundColor?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
    dimensions?: {
        width: number;
        height: number;
    } | undefined;
    borderRadius?: number | undefined;
    strokeWidth?: number | undefined;
} | {
    variant: "button";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    size?: "small" | "tiny" | "medium" | "large" | "huge" | undefined;
    level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
    onClickDelay?: number | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    mode?: "fire" | "momentary" | "pulse" | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
} | {
    variant: "circle";
    radius: number;
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
    backgroundColor?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
    strokeWidth?: number | undefined;
} | {
    variant: "gauge";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    minWidth?: number | undefined;
    width?: number | undefined;
    notation?: "scientific" | "engineering" | "standard" | undefined;
    location?: {
        x: "left" | "right" | "center";
        y: "top" | "bottom" | "center";
    } | undefined;
    units?: string | undefined;
    level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    position?: {
        x: number;
        y: number;
    } | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
    bounds?: {
        lower: number;
        upper: number;
    } | undefined;
    barWidth?: number | undefined;
    telem?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "string";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    precision?: number | undefined;
} | {
    variant: "input";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    size?: "small" | "tiny" | "medium" | "large" | "huge" | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "string";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    dimensions?: {
        width: number;
        height: number;
    } | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
    disabled?: boolean | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
} | {
    variant: "light";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
    scale?: number | undefined;
} | {
    variant: "polygon";
    numSides: number;
    sideLength: number;
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    rotation?: number | undefined;
    cornerRounding?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
    backgroundColor?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
    strokeWidth?: number | undefined;
} | {
    variant: "scale";
    color: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    };
    indicator: {
        bounds: {
            lower: number;
            upper: number;
        };
        color: string | [number, number, number] | [number, number, number, number] | {
            rgba255: [number, number, number, number];
        } | {
            r: number;
            g: number;
            b: number;
            a: number;
        } | {
            rgba255: [number, number, number, number];
        } | {
            r: number;
            g: number;
            b: number;
            a: number;
        };
        axisColor: string | [number, number, number] | [number, number, number, number] | {
            rgba255: [number, number, number, number];
        } | {
            r: number;
            g: number;
            b: number;
            a: number;
        } | {
            rgba255: [number, number, number, number];
        } | {
            r: number;
            g: number;
            b: number;
            a: number;
        };
        textColor: string | [number, number, number] | [number, number, number, number] | {
            rgba255: [number, number, number, number];
        } | {
            r: number;
            g: number;
            b: number;
            a: number;
        } | {
            rgba255: [number, number, number, number];
        } | {
            r: number;
            g: number;
            b: number;
            a: number;
        };
        units: string;
        notation: "scientific" | "engineering" | "standard";
        precision: number;
        showFill: boolean;
        showCaret: boolean;
        showScale: boolean;
        side: "left" | "right" | "top" | "bottom";
        caretSide: "left" | "right" | "top" | "bottom";
        level: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p";
        telem?: {
            type: string;
            props: any;
            variant: "source";
            valueType: "number";
            transfer?: ArrayBuffer[] | undefined;
        } | undefined;
        stalenessTimeout?: number | undefined;
        stalenessColor?: [number, number, number, number] | undefined;
    };
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    position?: {
        x: number;
        y: number;
    } | undefined;
    dimensions?: {
        width: number;
        height: number;
    } | undefined;
} | {
    variant: "select";
    options: {
        key: string;
        name: string;
        value: number;
        color?: string | [number, number, number] | [number, number, number, number] | {
            rgba255: [number, number, number, number];
        } | {
            r: number;
            g: number;
            b: number;
            a: number;
        } | {
            rgba255: [number, number, number, number];
        } | {
            r: number;
            g: number;
            b: number;
            a: number;
        } | undefined;
    }[];
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    size?: "small" | "tiny" | "medium" | "large" | "huge" | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "number";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
    inlineSize?: number | undefined;
    disabled?: boolean | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
} | {
    variant: "setpoint";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    size?: "small" | "tiny" | "medium" | "large" | "huge" | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "number";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    dimensions?: {
        width: number;
        height: number;
    } | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
    units?: string | undefined;
    disabled?: boolean | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
} | {
    variant: "stringDisplay";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
    textColor?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
    tooltip?: string[] | undefined;
    inlineSize?: number | undefined;
    telem?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "string";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
} | {
    variant: "switch";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
    onClickDelay?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
    scale?: number | undefined;
} | {
    variant: "textBox";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
    width?: number | undefined;
    align?: "center" | "end" | "start" | "stretch" | undefined;
    autoFit?: boolean | undefined;
    level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
    value?: string | undefined;
} | {
    variant: "value";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    minWidth?: number | undefined;
    notation?: "scientific" | "engineering" | "standard" | undefined;
    location?: {
        x: "left" | "right" | "center";
        y: "top" | "bottom" | "center";
    } | undefined;
    useWidthForBackground?: boolean | undefined;
    valueBackgroundShift?: {
        x: number;
        y: number;
    } | undefined;
    valueBackgroundOverScan?: {
        x: number;
        y: number;
    } | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    position?: {
        x: number;
        y: number;
    } | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
    textColor?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
    tooltip?: string[] | undefined;
    redline?: {
        bounds: {
            lower: number;
            upper: number;
        };
        gradient: {
            key: string;
            color: string | [number, number, number] | [number, number, number, number] | {
                rgba255: [number, number, number, number];
            } | {
                r: number;
                g: number;
                b: number;
                a: number;
            } | {
                rgba255: [number, number, number, number];
            } | {
                r: number;
                g: number;
                b: number;
                a: number;
            };
            position: number;
            switched?: boolean | undefined;
        }[];
    } | undefined;
    units?: string | undefined;
    inlineSize?: number | undefined;
    telem?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "string";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    backgroundTelem?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "color";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
    precision?: number | undefined;
} | {
    variant: "agitator";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
    onClickDelay?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "crossBeamAgitator";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
    onClickDelay?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "flatBladeAgitator";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
    onClickDelay?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "heatExchangerGeneral";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "heatExchangerM";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "heatExchangerStraightTube";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "helicalAgitator";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
    onClickDelay?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "paddleAgitator";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
    onClickDelay?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "propellerAgitator";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
    onClickDelay?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "rotaryMixer";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
    onClickDelay?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "staticMixer";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "cavityPump";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
    onClickDelay?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "centrifugalCompressor";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
    onClickDelay?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "compressor";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
    onClickDelay?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "diaphragmPump";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
    onClickDelay?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "ejectionPump";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
    onClickDelay?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "ejectorCompressor";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
    onClickDelay?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "liquidRingCompressor";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
    onClickDelay?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "pistonPump";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
    onClickDelay?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "pump";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
    onClickDelay?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "rollerVaneCompressor";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
    onClickDelay?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "screwPump";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
    onClickDelay?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "turboCompressor";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
    onClickDelay?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "vacuumPump";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
    onClickDelay?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "burstDisc";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "flameArrestor";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "flameArrestorDetonation";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "flameArrestorExplosion";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "flameArrestorFireRes";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "flameArrestorFireResDetonation";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "isoBurstDisc";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "angledValve";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
    onClickDelay?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "angledReliefValve";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    enabled?: boolean | undefined;
    clickable?: boolean | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "angledSpringLoadedReliefValve";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    enabled?: boolean | undefined;
    clickable?: boolean | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "ballValve";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
    onClickDelay?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "breatherValve";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    enabled?: boolean | undefined;
    clickable?: boolean | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "butterflyValveOne";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
    onClickDelay?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "butterflyValveTwo";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
    onClickDelay?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "checkValve";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "checkValveWithArrow";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "electricRegulator";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "electricRegulatorMotorized";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "fourWayValve";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
    onClickDelay?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "gateValve";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
    onClickDelay?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "isoCheckValve";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "manualValve";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    enabled?: boolean | undefined;
    clickable?: boolean | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "needleValve";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    enabled?: boolean | undefined;
    clickable?: boolean | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "regulator";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "regulatorManual";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "reliefValve";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    enabled?: boolean | undefined;
    clickable?: boolean | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "solenoidValve";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
    onClickDelay?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
    scale?: number | undefined;
    normallyOpen?: boolean | undefined;
} | {
    variant: "springLoadedReliefValve";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    enabled?: boolean | undefined;
    clickable?: boolean | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "threeWayValve";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
    onClickDelay?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "threeWayBallValve";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
    onClickDelay?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "valve";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
    onClickDelay?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "crossJunction";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
    scale?: number | undefined;
} | {
    variant: "cylinder";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    dimensions?: {
        width: number;
        height: number;
    } | undefined;
    borderRadius?: number | {
        x: number;
        y: number;
    } | {
        topLeft: number;
        topRight: number;
        bottomLeft: number;
        bottomRight: number;
    } | {
        topLeft: {
            x: number;
            y: number;
        };
        topRight: {
            x: number;
            y: number;
        };
        bottomLeft: {
            x: number;
            y: number;
        };
        bottomRight: {
            x: number;
            y: number;
        };
    } | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
    backgroundColor?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "tank";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    position?: {
        x: number;
        y: number;
    } | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
    backgroundColor?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
    dimensions?: {
        width: number;
        height: number;
    } | undefined;
    borderRadius?: number | {
        x: number;
        y: number;
    } | {
        topLeft: number;
        topRight: number;
        bottomLeft: number;
        bottomRight: number;
    } | {
        topLeft: {
            x: number;
            y: number;
        };
        topRight: {
            x: number;
            y: number;
        };
        bottomLeft: {
            x: number;
            y: number;
        };
        bottomRight: {
            x: number;
            y: number;
        };
    } | undefined;
    fill?: {
        bounds: {
            lower: number;
            upper: number;
        };
        color: string | [number, number, number] | [number, number, number, number] | {
            rgba255: [number, number, number, number];
        } | {
            r: number;
            g: number;
            b: number;
            a: number;
        } | {
            rgba255: [number, number, number, number];
        } | {
            r: number;
            g: number;
            b: number;
            a: number;
        };
        axisColor: string | [number, number, number] | [number, number, number, number] | {
            rgba255: [number, number, number, number];
        } | {
            r: number;
            g: number;
            b: number;
            a: number;
        } | {
            rgba255: [number, number, number, number];
        } | {
            r: number;
            g: number;
            b: number;
            a: number;
        };
        textColor: string | [number, number, number] | [number, number, number, number] | {
            rgba255: [number, number, number, number];
        } | {
            r: number;
            g: number;
            b: number;
            a: number;
        } | {
            rgba255: [number, number, number, number];
        } | {
            r: number;
            g: number;
            b: number;
            a: number;
        };
        units: string;
        notation: "scientific" | "engineering" | "standard";
        precision: number;
        showFill: boolean;
        showCaret: boolean;
        showScale: boolean;
        side: "left" | "right" | "top" | "bottom";
        caretSide: "left" | "right" | "top" | "bottom";
        level: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p";
        telem?: {
            type: string;
            props: any;
            variant: "source";
            valueType: "number";
            transfer?: ArrayBuffer[] | undefined;
        } | undefined;
        stalenessTimeout?: number | undefined;
        stalenessColor?: [number, number, number, number] | undefined;
    } | undefined;
} | {
    variant: "tJunction";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
    scale?: number | undefined;
} | {
    variant: "groupBox";
    members: string[];
    locked?: boolean | undefined;
} | {
    variant: "customActuator";
    specKey: string;
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
    onClickDelay?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
    scale?: number | undefined;
    stateOverrides?: {
        key: string;
        name: string;
        regions: {
            key: string;
            name: string;
            selectors: string[];
            strokeColor?: [number, number, number, number] | undefined;
            fillColor?: [number, number, number, number] | undefined;
        }[];
    }[] | undefined;
} | {
    variant: "customStatic";
    specKey: string;
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
    scale?: number | undefined;
    stateOverrides?: {
        key: string;
        name: string;
        regions: {
            key: string;
            name: string;
            selectors: string[];
            strokeColor?: [number, number, number, number] | undefined;
            fillColor?: [number, number, number, number] | undefined;
        }[];
    }[] | undefined;
} | {
    variant: "data";
    color: [number, number, number, number];
    segments: {
        direction: "x" | "y";
        length: number;
    }[];
} | {
    variant: "electric";
    color: [number, number, number, number];
    segments: {
        direction: "x" | "y";
        length: number;
    }[];
} | {
    variant: "hydraulic";
    color: [number, number, number, number];
    segments: {
        direction: "x" | "y";
        length: number;
    }[];
} | {
    variant: "jacketed";
    color: [number, number, number, number];
    segments: {
        direction: "x" | "y";
        length: number;
    }[];
} | {
    variant: "pipe";
    color: [number, number, number, number];
    segments: {
        direction: "x" | "y";
        length: number;
    }[];
} | {
    variant: "pneumatic";
    color: [number, number, number, number];
    segments: {
        direction: "x" | "y";
        length: number;
    }[];
} | {
    variant: "secondary";
    color: [number, number, number, number];
    segments: {
        direction: "x" | "y";
        length: number;
    }[];
} | undefined;
export interface ConfigsParams extends KeyParams {
    keys: string[];
}
export declare const useConfigs: (arg: import('@synnaxlabs/x/dist/src/optional/optional.js').Optional<ConfigsParams, "key">) => Map<string, {
    variant: "stateIndicator";
    options: {
        key: string;
        name: string;
        value: number;
        color?: string | [number, number, number] | [number, number, number, number] | {
            rgba255: [number, number, number, number];
        } | {
            r: number;
            g: number;
            b: number;
            a: number;
        } | {
            rgba255: [number, number, number, number];
        } | {
            r: number;
            g: number;
            b: number;
            a: number;
        } | undefined;
    }[];
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "number";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
    inlineSize?: number | undefined;
} | {
    variant: "offPageReference";
    label: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    };
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
    page?: string | {
        type: "table" | "schematic" | "log" | "lineplot";
        key: string;
    } | undefined;
    dblClickNav?: boolean | undefined;
} | {
    variant: "cap";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "filter";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "flowStraightener";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "heaterElement";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "isoCap";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "isoFilter";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "nozzle";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "orifice";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "orificePlate";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "strainer";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "strainerCone";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "thruster";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
    onClickDelay?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "vent";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "flowmeterGeneral";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "flowmeterElectromagnetic";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "flowmeterVariableArea";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "flowmeterCoriolis";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "flowmeterNozzle";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "flowmeterVenturi";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "flowmeterRingPiston";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "flowmeterPositiveDisplacement";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "flowmeterTurbine";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "flowmeterPulse";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "flowmeterFloatSensor";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "flowmeterOrifice";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "box";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
    backgroundColor?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
    dimensions?: {
        width: number;
        height: number;
    } | undefined;
    borderRadius?: number | undefined;
    strokeWidth?: number | undefined;
} | {
    variant: "button";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    size?: "small" | "tiny" | "medium" | "large" | "huge" | undefined;
    level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
    onClickDelay?: number | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    mode?: "fire" | "momentary" | "pulse" | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
} | {
    variant: "circle";
    radius: number;
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
    backgroundColor?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
    strokeWidth?: number | undefined;
} | {
    variant: "gauge";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    minWidth?: number | undefined;
    width?: number | undefined;
    notation?: "scientific" | "engineering" | "standard" | undefined;
    location?: {
        x: "left" | "right" | "center";
        y: "top" | "bottom" | "center";
    } | undefined;
    units?: string | undefined;
    level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    position?: {
        x: number;
        y: number;
    } | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
    bounds?: {
        lower: number;
        upper: number;
    } | undefined;
    barWidth?: number | undefined;
    telem?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "string";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    precision?: number | undefined;
} | {
    variant: "input";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    size?: "small" | "tiny" | "medium" | "large" | "huge" | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "string";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    dimensions?: {
        width: number;
        height: number;
    } | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
    disabled?: boolean | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
} | {
    variant: "light";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
    scale?: number | undefined;
} | {
    variant: "polygon";
    numSides: number;
    sideLength: number;
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    rotation?: number | undefined;
    cornerRounding?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
    backgroundColor?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
    strokeWidth?: number | undefined;
} | {
    variant: "scale";
    color: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    };
    indicator: {
        bounds: {
            lower: number;
            upper: number;
        };
        color: string | [number, number, number] | [number, number, number, number] | {
            rgba255: [number, number, number, number];
        } | {
            r: number;
            g: number;
            b: number;
            a: number;
        } | {
            rgba255: [number, number, number, number];
        } | {
            r: number;
            g: number;
            b: number;
            a: number;
        };
        axisColor: string | [number, number, number] | [number, number, number, number] | {
            rgba255: [number, number, number, number];
        } | {
            r: number;
            g: number;
            b: number;
            a: number;
        } | {
            rgba255: [number, number, number, number];
        } | {
            r: number;
            g: number;
            b: number;
            a: number;
        };
        textColor: string | [number, number, number] | [number, number, number, number] | {
            rgba255: [number, number, number, number];
        } | {
            r: number;
            g: number;
            b: number;
            a: number;
        } | {
            rgba255: [number, number, number, number];
        } | {
            r: number;
            g: number;
            b: number;
            a: number;
        };
        units: string;
        notation: "scientific" | "engineering" | "standard";
        precision: number;
        showFill: boolean;
        showCaret: boolean;
        showScale: boolean;
        side: "left" | "right" | "top" | "bottom";
        caretSide: "left" | "right" | "top" | "bottom";
        level: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p";
        telem?: {
            type: string;
            props: any;
            variant: "source";
            valueType: "number";
            transfer?: ArrayBuffer[] | undefined;
        } | undefined;
        stalenessTimeout?: number | undefined;
        stalenessColor?: [number, number, number, number] | undefined;
    };
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    position?: {
        x: number;
        y: number;
    } | undefined;
    dimensions?: {
        width: number;
        height: number;
    } | undefined;
} | {
    variant: "select";
    options: {
        key: string;
        name: string;
        value: number;
        color?: string | [number, number, number] | [number, number, number, number] | {
            rgba255: [number, number, number, number];
        } | {
            r: number;
            g: number;
            b: number;
            a: number;
        } | {
            rgba255: [number, number, number, number];
        } | {
            r: number;
            g: number;
            b: number;
            a: number;
        } | undefined;
    }[];
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    size?: "small" | "tiny" | "medium" | "large" | "huge" | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "number";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
    inlineSize?: number | undefined;
    disabled?: boolean | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
} | {
    variant: "setpoint";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    size?: "small" | "tiny" | "medium" | "large" | "huge" | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "number";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    dimensions?: {
        width: number;
        height: number;
    } | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
    units?: string | undefined;
    disabled?: boolean | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
} | {
    variant: "stringDisplay";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
    textColor?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
    tooltip?: string[] | undefined;
    inlineSize?: number | undefined;
    telem?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "string";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
} | {
    variant: "switch";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
    onClickDelay?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
    scale?: number | undefined;
} | {
    variant: "textBox";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
    width?: number | undefined;
    align?: "center" | "end" | "start" | "stretch" | undefined;
    autoFit?: boolean | undefined;
    level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
    value?: string | undefined;
} | {
    variant: "value";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    minWidth?: number | undefined;
    notation?: "scientific" | "engineering" | "standard" | undefined;
    location?: {
        x: "left" | "right" | "center";
        y: "top" | "bottom" | "center";
    } | undefined;
    useWidthForBackground?: boolean | undefined;
    valueBackgroundShift?: {
        x: number;
        y: number;
    } | undefined;
    valueBackgroundOverScan?: {
        x: number;
        y: number;
    } | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    position?: {
        x: number;
        y: number;
    } | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
    textColor?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
    tooltip?: string[] | undefined;
    redline?: {
        bounds: {
            lower: number;
            upper: number;
        };
        gradient: {
            key: string;
            color: string | [number, number, number] | [number, number, number, number] | {
                rgba255: [number, number, number, number];
            } | {
                r: number;
                g: number;
                b: number;
                a: number;
            } | {
                rgba255: [number, number, number, number];
            } | {
                r: number;
                g: number;
                b: number;
                a: number;
            };
            position: number;
            switched?: boolean | undefined;
        }[];
    } | undefined;
    units?: string | undefined;
    inlineSize?: number | undefined;
    telem?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "string";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    backgroundTelem?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "color";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
    precision?: number | undefined;
} | {
    variant: "agitator";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
    onClickDelay?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "crossBeamAgitator";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
    onClickDelay?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "flatBladeAgitator";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
    onClickDelay?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "heatExchangerGeneral";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "heatExchangerM";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "heatExchangerStraightTube";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "helicalAgitator";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
    onClickDelay?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "paddleAgitator";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
    onClickDelay?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "propellerAgitator";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
    onClickDelay?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "rotaryMixer";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
    onClickDelay?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "staticMixer";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "cavityPump";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
    onClickDelay?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "centrifugalCompressor";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
    onClickDelay?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "compressor";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
    onClickDelay?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "diaphragmPump";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
    onClickDelay?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "ejectionPump";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
    onClickDelay?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "ejectorCompressor";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
    onClickDelay?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "liquidRingCompressor";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
    onClickDelay?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "pistonPump";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
    onClickDelay?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "pump";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
    onClickDelay?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "rollerVaneCompressor";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
    onClickDelay?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "screwPump";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
    onClickDelay?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "turboCompressor";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
    onClickDelay?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "vacuumPump";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
    onClickDelay?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "burstDisc";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "flameArrestor";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "flameArrestorDetonation";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "flameArrestorExplosion";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "flameArrestorFireRes";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "flameArrestorFireResDetonation";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "isoBurstDisc";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "angledValve";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
    onClickDelay?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "angledReliefValve";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    enabled?: boolean | undefined;
    clickable?: boolean | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "angledSpringLoadedReliefValve";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    enabled?: boolean | undefined;
    clickable?: boolean | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "ballValve";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
    onClickDelay?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "breatherValve";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    enabled?: boolean | undefined;
    clickable?: boolean | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "butterflyValveOne";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
    onClickDelay?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "butterflyValveTwo";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
    onClickDelay?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "checkValve";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "checkValveWithArrow";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "electricRegulator";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "electricRegulatorMotorized";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "fourWayValve";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
    onClickDelay?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "gateValve";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
    onClickDelay?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "isoCheckValve";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "manualValve";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    enabled?: boolean | undefined;
    clickable?: boolean | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "needleValve";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    enabled?: boolean | undefined;
    clickable?: boolean | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "regulator";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "regulatorManual";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "reliefValve";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    enabled?: boolean | undefined;
    clickable?: boolean | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "solenoidValve";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
    onClickDelay?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
    scale?: number | undefined;
    normallyOpen?: boolean | undefined;
} | {
    variant: "springLoadedReliefValve";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    enabled?: boolean | undefined;
    clickable?: boolean | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "threeWayValve";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
    onClickDelay?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "threeWayBallValve";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
    onClickDelay?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "valve";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
    onClickDelay?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "crossJunction";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
    scale?: number | undefined;
} | {
    variant: "cylinder";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    dimensions?: {
        width: number;
        height: number;
    } | undefined;
    borderRadius?: number | {
        x: number;
        y: number;
    } | {
        topLeft: number;
        topRight: number;
        bottomLeft: number;
        bottomRight: number;
    } | {
        topLeft: {
            x: number;
            y: number;
        };
        topRight: {
            x: number;
            y: number;
        };
        bottomLeft: {
            x: number;
            y: number;
        };
        bottomRight: {
            x: number;
            y: number;
        };
    } | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
    backgroundColor?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
} | {
    variant: "tank";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    scale?: number | undefined;
    position?: {
        x: number;
        y: number;
    } | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
    backgroundColor?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
    dimensions?: {
        width: number;
        height: number;
    } | undefined;
    borderRadius?: number | {
        x: number;
        y: number;
    } | {
        topLeft: number;
        topRight: number;
        bottomLeft: number;
        bottomRight: number;
    } | {
        topLeft: {
            x: number;
            y: number;
        };
        topRight: {
            x: number;
            y: number;
        };
        bottomLeft: {
            x: number;
            y: number;
        };
        bottomRight: {
            x: number;
            y: number;
        };
    } | undefined;
    fill?: {
        bounds: {
            lower: number;
            upper: number;
        };
        color: string | [number, number, number] | [number, number, number, number] | {
            rgba255: [number, number, number, number];
        } | {
            r: number;
            g: number;
            b: number;
            a: number;
        } | {
            rgba255: [number, number, number, number];
        } | {
            r: number;
            g: number;
            b: number;
            a: number;
        };
        axisColor: string | [number, number, number] | [number, number, number, number] | {
            rgba255: [number, number, number, number];
        } | {
            r: number;
            g: number;
            b: number;
            a: number;
        } | {
            rgba255: [number, number, number, number];
        } | {
            r: number;
            g: number;
            b: number;
            a: number;
        };
        textColor: string | [number, number, number] | [number, number, number, number] | {
            rgba255: [number, number, number, number];
        } | {
            r: number;
            g: number;
            b: number;
            a: number;
        } | {
            rgba255: [number, number, number, number];
        } | {
            r: number;
            g: number;
            b: number;
            a: number;
        };
        units: string;
        notation: "scientific" | "engineering" | "standard";
        precision: number;
        showFill: boolean;
        showCaret: boolean;
        showScale: boolean;
        side: "left" | "right" | "top" | "bottom";
        caretSide: "left" | "right" | "top" | "bottom";
        level: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p";
        telem?: {
            type: string;
            props: any;
            variant: "source";
            valueType: "number";
            transfer?: ArrayBuffer[] | undefined;
        } | undefined;
        stalenessTimeout?: number | undefined;
        stalenessColor?: [number, number, number, number] | undefined;
    } | undefined;
} | {
    variant: "tJunction";
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
    scale?: number | undefined;
} | {
    variant: "groupBox";
    members: string[];
    locked?: boolean | undefined;
} | {
    variant: "customActuator";
    specKey: string;
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    stalenessTimeout?: number | undefined;
    stalenessColor?: [number, number, number, number] | undefined;
    source?: {
        type: string;
        props: any;
        variant: "source";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    sink?: {
        type: string;
        props: any;
        variant: "sink";
        valueType: "boolean";
        transfer?: ArrayBuffer[] | undefined;
    } | undefined;
    control?: {
        show?: boolean | undefined;
        showChip?: boolean | undefined;
        showIndicator?: boolean | undefined;
        chip?: {
            source?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            sink?: {
                type: string;
                props: any;
                variant: "sink";
                valueType: "boolean";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        indicator?: {
            statusSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "status";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
            colorSource?: {
                type: string;
                props: any;
                variant: "source";
                valueType: "color";
                transfer?: ArrayBuffer[] | undefined;
            } | undefined;
        } | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
    } | undefined;
    onClickDelay?: number | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
    scale?: number | undefined;
    stateOverrides?: {
        key: string;
        name: string;
        regions: {
            key: string;
            name: string;
            selectors: string[];
            strokeColor?: [number, number, number, number] | undefined;
            fillColor?: [number, number, number, number] | undefined;
        }[];
    }[] | undefined;
} | {
    variant: "customStatic";
    specKey: string;
    label?: {
        label?: string | undefined;
        level?: "small" | "h1" | "h2" | "h3" | "h4" | "h5" | "p" | undefined;
        orientation?: "left" | "right" | "top" | "bottom" | "center" | undefined;
        direction?: "x" | "y" | undefined;
        maxInlineSize?: number | undefined;
        align?: "center" | "end" | "start" | "stretch" | undefined;
    } | undefined;
    orientation?: "left" | "right" | "top" | "bottom" | undefined;
    color?: string | [number, number, number] | [number, number, number, number] | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | {
        rgba255: [number, number, number, number];
    } | {
        r: number;
        g: number;
        b: number;
        a: number;
    } | undefined;
    scale?: number | undefined;
    stateOverrides?: {
        key: string;
        name: string;
        regions: {
            key: string;
            name: string;
            selectors: string[];
            strokeColor?: [number, number, number, number] | undefined;
            fillColor?: [number, number, number, number] | undefined;
        }[];
    }[] | undefined;
} | {
    variant: "data";
    color: [number, number, number, number];
    segments: {
        direction: "x" | "y";
        length: number;
    }[];
} | {
    variant: "electric";
    color: [number, number, number, number];
    segments: {
        direction: "x" | "y";
        length: number;
    }[];
} | {
    variant: "hydraulic";
    color: [number, number, number, number];
    segments: {
        direction: "x" | "y";
        length: number;
    }[];
} | {
    variant: "jacketed";
    color: [number, number, number, number];
    segments: {
        direction: "x" | "y";
        length: number;
    }[];
} | {
    variant: "pipe";
    color: [number, number, number, number];
    segments: {
        direction: "x" | "y";
        length: number;
    }[];
} | {
    variant: "pneumatic";
    color: [number, number, number, number];
    segments: {
        direction: "x" | "y";
        length: number;
    }[];
} | {
    variant: "secondary";
    color: [number, number, number, number];
    segments: {
        direction: "x" | "y";
        length: number;
    }[];
}>;
export interface NodesParams extends KeyParams {
    keys: string[];
}
export declare const useNodes: (arg: import('@synnaxlabs/x/dist/src/optional/optional.js').Optional<NodesParams, "key">) => schematic.Node[];
export declare const useIsSnapshot: (arg?: import('@synnaxlabs/x/dist/src/optional/optional.js').Optional<{
    key: string;
}, "key"> | undefined) => boolean;
export declare const useName: (arg?: import('@synnaxlabs/x/dist/src/optional/optional.js').Optional<{
    key: string;
}, "key"> | undefined) => string;
export type DeleteParams = schematic.Key | schematic.Key[];
export declare const useDelete: Flux.UseUpdate<DeleteParams, DeleteParams, import('zod').ZodNever>;
export interface CopyParams extends schematic.CopyParams {
}
export declare const useCopy: Flux.UseUpdate<CopyParams, schematic.Schematic, import('zod').ZodNever>;
export interface UseCreateParams extends schematic.New {
    project?: project.Key;
}
export declare const useCreate: Flux.UseUpdate<UseCreateParams, schematic.Schematic, import('zod').ZodNever>;
export interface SnapshotPair extends Pick<schematic.Schematic, "key" | "name"> {
}
export interface SnapshotParams {
    schematics: SnapshotPair | SnapshotPair[];
    parentID: ontology.ID;
}
export declare const useSnapshot: Flux.UseUpdate<SnapshotParams, SnapshotParams, import('zod').ZodNever>;
export declare const useDispatch: () => Flux.UseDispatchReturn<string, {
    type: "create";
    create: {
        schematic: {
            key: string;
            name: string;
            snapshot: boolean;
            nodes: {
                key: string;
                position: {
                    x: number;
                    y: number;
                };
                zIndex: number;
            }[];
            edges: {
                key: string;
                source: {
                    node: string;
                    param: string;
                };
                target: {
                    node: string;
                    param: string;
                };
            }[];
            configs: Record<string, Record<string | number, unknown>>;
        };
    };
} | {
    type: "rename";
    rename: {
        name: string;
    };
} | {
    type: "set_node_position";
    setNodePosition: {
        key: string;
        position: {
            x: number;
            y: number;
        };
    };
} | {
    type: "set_node";
    setNode: {
        node: {
            key: string;
            position: {
                x: number;
                y: number;
            };
            zIndex: number;
        };
        config?: Record<string | number, unknown> | undefined;
    };
} | {
    type: "remove_node";
    removeNode: {
        key: string;
    };
} | {
    type: "add_edge";
    addEdge: {
        edge: {
            key: string;
            source: {
                node: string;
                param: string;
            };
            target: {
                node: string;
                param: string;
            };
        };
    };
} | {
    type: "remove_edge";
    removeEdge: {
        key: string;
    };
} | {
    type: "set_config";
    setConfig: {
        key: string;
        config: Record<string | number, unknown>;
    };
}>, useUndoBase: (params: {
    key: string;
}) => Flux.UseUndoReturn, useRedoBase: (params: record.Keyed<string>) => Flux.UseRedoReturn, useSingleDispatchBase: (params: record.Keyed<string>) => (action: {
    type: "create";
    create: {
        schematic: {
            key: string;
            name: string;
            snapshot: boolean;
            nodes: {
                key: string;
                position: {
                    x: number;
                    y: number;
                };
                zIndex: number;
            }[];
            edges: {
                key: string;
                source: {
                    node: string;
                    param: string;
                };
                target: {
                    node: string;
                    param: string;
                };
            }[];
            configs: Record<string, Record<string | number, unknown>>;
        };
    };
} | {
    type: "rename";
    rename: {
        name: string;
    };
} | {
    type: "set_node_position";
    setNodePosition: {
        key: string;
        position: {
            x: number;
            y: number;
        };
    };
} | {
    type: "set_node";
    setNode: {
        node: {
            key: string;
            position: {
                x: number;
                y: number;
            };
            zIndex: number;
        };
        config?: Record<string | number, unknown> | undefined;
    };
} | {
    type: "remove_node";
    removeNode: {
        key: string;
    };
} | {
    type: "add_edge";
    addEdge: {
        edge: {
            key: string;
            source: {
                node: string;
                param: string;
            };
            target: {
                node: string;
                param: string;
            };
        };
    };
} | {
    type: "remove_edge";
    removeEdge: {
        key: string;
    };
} | {
    type: "set_config";
    setConfig: {
        key: string;
        config: Record<string | number, unknown>;
    };
} | ({
    type: "create";
    create: {
        schematic: {
            key: string;
            name: string;
            snapshot: boolean;
            nodes: {
                key: string;
                position: {
                    x: number;
                    y: number;
                };
                zIndex: number;
            }[];
            edges: {
                key: string;
                source: {
                    node: string;
                    param: string;
                };
                target: {
                    node: string;
                    param: string;
                };
            }[];
            configs: Record<string, Record<string | number, unknown>>;
        };
    };
} | {
    type: "rename";
    rename: {
        name: string;
    };
} | {
    type: "set_node_position";
    setNodePosition: {
        key: string;
        position: {
            x: number;
            y: number;
        };
    };
} | {
    type: "set_node";
    setNode: {
        node: {
            key: string;
            position: {
                x: number;
                y: number;
            };
            zIndex: number;
        };
        config?: Record<string | number, unknown> | undefined;
    };
} | {
    type: "remove_node";
    removeNode: {
        key: string;
    };
} | {
    type: "add_edge";
    addEdge: {
        edge: {
            key: string;
            source: {
                node: string;
                param: string;
            };
            target: {
                node: string;
                param: string;
            };
        };
    };
} | {
    type: "remove_edge";
    removeEdge: {
        key: string;
    };
} | {
    type: "set_config";
    setConfig: {
        key: string;
        config: Record<string | number, unknown>;
    };
})[]) => void;
export declare const useSingleDispatch: (arg?: import('@synnaxlabs/x/dist/src/optional/optional.js').Optional<record.Keyed<string>, "key"> | undefined) => (action: {
    type: "create";
    create: {
        schematic: {
            key: string;
            name: string;
            snapshot: boolean;
            nodes: {
                key: string;
                position: {
                    x: number;
                    y: number;
                };
                zIndex: number;
            }[];
            edges: {
                key: string;
                source: {
                    node: string;
                    param: string;
                };
                target: {
                    node: string;
                    param: string;
                };
            }[];
            configs: Record<string, Record<string | number, unknown>>;
        };
    };
} | {
    type: "rename";
    rename: {
        name: string;
    };
} | {
    type: "set_node_position";
    setNodePosition: {
        key: string;
        position: {
            x: number;
            y: number;
        };
    };
} | {
    type: "set_node";
    setNode: {
        node: {
            key: string;
            position: {
                x: number;
                y: number;
            };
            zIndex: number;
        };
        config?: Record<string | number, unknown> | undefined;
    };
} | {
    type: "remove_node";
    removeNode: {
        key: string;
    };
} | {
    type: "add_edge";
    addEdge: {
        edge: {
            key: string;
            source: {
                node: string;
                param: string;
            };
            target: {
                node: string;
                param: string;
            };
        };
    };
} | {
    type: "remove_edge";
    removeEdge: {
        key: string;
    };
} | {
    type: "set_config";
    setConfig: {
        key: string;
        config: Record<string | number, unknown>;
    };
} | ({
    type: "create";
    create: {
        schematic: {
            key: string;
            name: string;
            snapshot: boolean;
            nodes: {
                key: string;
                position: {
                    x: number;
                    y: number;
                };
                zIndex: number;
            }[];
            edges: {
                key: string;
                source: {
                    node: string;
                    param: string;
                };
                target: {
                    node: string;
                    param: string;
                };
            }[];
            configs: Record<string, Record<string | number, unknown>>;
        };
    };
} | {
    type: "rename";
    rename: {
        name: string;
    };
} | {
    type: "set_node_position";
    setNodePosition: {
        key: string;
        position: {
            x: number;
            y: number;
        };
    };
} | {
    type: "set_node";
    setNode: {
        node: {
            key: string;
            position: {
                x: number;
                y: number;
            };
            zIndex: number;
        };
        config?: Record<string | number, unknown> | undefined;
    };
} | {
    type: "remove_node";
    removeNode: {
        key: string;
    };
} | {
    type: "add_edge";
    addEdge: {
        edge: {
            key: string;
            source: {
                node: string;
                param: string;
            };
            target: {
                node: string;
                param: string;
            };
        };
    };
} | {
    type: "remove_edge";
    removeEdge: {
        key: string;
    };
} | {
    type: "set_config";
    setConfig: {
        key: string;
        config: Record<string | number, unknown>;
    };
})[]) => void;
export declare const useUndo: (arg?: import('@synnaxlabs/x/dist/src/optional/optional.js').Optional<{
    key: string;
}, "key"> | undefined) => Flux.UseUndoReturn;
export declare const useRedo: (arg?: import('@synnaxlabs/x/dist/src/optional/optional.js').Optional<record.Keyed<string>, "key"> | undefined) => Flux.UseRedoReturn;
export interface RenameParams extends Pick<schematic.Schematic, "key" | "name"> {
}
export declare const useRename: Flux.UseUpdate<RenameParams, RenameParams, import('zod').ZodNever>;
export interface AddNodeProps {
    key: string;
    variant: Node.Variant;
    position?: xy.XY;
    specKey?: string;
    config?: Node.Config;
}
export declare const useAddNode: () => ({ key, variant, position, specKey, config: override }: AddNodeProps) => void;
/**
 * useGroup returns a callback that groups the given selection, dispatched as a
 * single undoable step. Returns the keys to select, the new group first, or null
 * when the selection cannot be grouped.
 */
export declare const useGroup: () => ((selected: readonly string[]) => string[] | null);
/**
 * useUngroup returns a callback that dissolves the groups the given selection
 * resolves to, dispatched as a single undoable step. Returns the freed member
 * keys, or null when the selection touches no group.
 */
export declare const useUngroup: () => ((selected: readonly string[]) => string[] | null);
//# sourceMappingURL=queries.d.ts.map