@xframes/node 0.0.12 → 0.0.13

package/dist/lib/XFrames.d.ts

@@ -0,0 +1,228 @@
+import * as React from "react";
+import { PropsWithChildren } from "react";
+export type MainComponentProps = PropsWithChildren;
+export declare const MainComponent: React.ComponentType<MainComponentProps>;
+export declare const XFrames: React.FunctionComponent<{
+    children?: React.ReactNode | undefined;
+}> & {
+    readonly BulletText: React.FunctionComponent<import("@xframes/common").WidgetStyleProps & {
+        text: string;
+    }> & ((props: import("@xframes/common").WidgetStyleProps & {
+        text: string;
+    }) => import("@xframes/common").WidgetReactElement<"BulletText"> | import("@xframes/common").WidgetReactElement<"Button"> | import("@xframes/common").WidgetReactElement<"Checkbox"> | import("@xframes/common").WidgetReactElement<"Child"> | import("@xframes/common").WidgetReactElement<"ClippedMultiLineTextRenderer"> | import("@xframes/common").WidgetReactElement<"CollapsingHeader"> | import("@xframes/common").WidgetReactElement<"Combo"> | import("@xframes/common").WidgetReactElement<"DIWindow"> | import("@xframes/common").WidgetReactElement<"DisabledText"> | import("@xframes/common").WidgetReactElement<"Group"> | import("@xframes/common").WidgetReactElement<"Image"> | import("@xframes/common").WidgetReactElement<"InputText"> | import("@xframes/common").WidgetReactElement<"ItemTooltip"> | import("@xframes/common").WidgetReactElement<"MapView"> | import("@xframes/common").WidgetReactElement<"MultiSlider"> | import("@xframes/common").WidgetReactElement<"HelpMarker"> | import("@xframes/common").WidgetReactElement<"Indent"> | import("@xframes/common").WidgetReactElement<"PlotCandlestick"> | import("@xframes/common").WidgetReactElement<"PlotLine"> | import("@xframes/common").WidgetReactElement<"Separator"> | import("@xframes/common").WidgetReactElement<"SeparatorText"> | import("@xframes/common").WidgetReactElement<"Slider"> | import("@xframes/common").WidgetReactElement<"TabBar"> | import("@xframes/common").WidgetReactElement<"TabItem"> | import("@xframes/common").WidgetReactElement<"Table"> | import("@xframes/common").WidgetReactElement<"TextWrap"> | import("@xframes/common").WidgetReactElement<"TreeNode"> | import("@xframes/common").WidgetReactElement<"TreeView"> | import("@xframes/common").WidgetReactElement<"UnformattedText">);
+    readonly Button: React.FunctionComponent<import("@xframes/common").WidgetStyleProps & {
+        onClick?: () => void;
+        label?: string;
+        size?: import("@xframes/common").ImVec2;
+    }> & ((props: import("@xframes/common").WidgetStyleProps & {
+        onClick?: () => void;
+        label?: string;
+        size?: import("@xframes/common").ImVec2;
+    }) => import("@xframes/common").WidgetReactElement<"BulletText"> | import("@xframes/common").WidgetReactElement<"Button"> | import("@xframes/common").WidgetReactElement<"Checkbox"> | import("@xframes/common").WidgetReactElement<"Child"> | import("@xframes/common").WidgetReactElement<"ClippedMultiLineTextRenderer"> | import("@xframes/common").WidgetReactElement<"CollapsingHeader"> | import("@xframes/common").WidgetReactElement<"Combo"> | import("@xframes/common").WidgetReactElement<"DIWindow"> | import("@xframes/common").WidgetReactElement<"DisabledText"> | import("@xframes/common").WidgetReactElement<"Group"> | import("@xframes/common").WidgetReactElement<"Image"> | import("@xframes/common").WidgetReactElement<"InputText"> | import("@xframes/common").WidgetReactElement<"ItemTooltip"> | import("@xframes/common").WidgetReactElement<"MapView"> | import("@xframes/common").WidgetReactElement<"MultiSlider"> | import("@xframes/common").WidgetReactElement<"HelpMarker"> | import("@xframes/common").WidgetReactElement<"Indent"> | import("@xframes/common").WidgetReactElement<"PlotCandlestick"> | import("@xframes/common").WidgetReactElement<"PlotLine"> | import("@xframes/common").WidgetReactElement<"Separator"> | import("@xframes/common").WidgetReactElement<"SeparatorText"> | import("@xframes/common").WidgetReactElement<"Slider"> | import("@xframes/common").WidgetReactElement<"TabBar"> | import("@xframes/common").WidgetReactElement<"TabItem"> | import("@xframes/common").WidgetReactElement<"Table"> | import("@xframes/common").WidgetReactElement<"TextWrap"> | import("@xframes/common").WidgetReactElement<"TreeNode"> | import("@xframes/common").WidgetReactElement<"TreeView"> | import("@xframes/common").WidgetReactElement<"UnformattedText">);
+    readonly Checkbox: React.FunctionComponent<import("@xframes/common").WidgetStyleProps & {
+        defaultChecked?: boolean;
+        label?: string;
+        onChange?: (event: import("@xframes/common").CheckboxChangeEvent) => void;
+    }> & ((props: import("@xframes/common").WidgetStyleProps & {
+        defaultChecked?: boolean;
+        label?: string;
+        onChange?: (event: import("@xframes/common").CheckboxChangeEvent) => void;
+    }) => import("@xframes/common").WidgetReactElement<"BulletText"> | import("@xframes/common").WidgetReactElement<"Button"> | import("@xframes/common").WidgetReactElement<"Checkbox"> | import("@xframes/common").WidgetReactElement<"Child"> | import("@xframes/common").WidgetReactElement<"ClippedMultiLineTextRenderer"> | import("@xframes/common").WidgetReactElement<"CollapsingHeader"> | import("@xframes/common").WidgetReactElement<"Combo"> | import("@xframes/common").WidgetReactElement<"DIWindow"> | import("@xframes/common").WidgetReactElement<"DisabledText"> | import("@xframes/common").WidgetReactElement<"Group"> | import("@xframes/common").WidgetReactElement<"Image"> | import("@xframes/common").WidgetReactElement<"InputText"> | import("@xframes/common").WidgetReactElement<"ItemTooltip"> | import("@xframes/common").WidgetReactElement<"MapView"> | import("@xframes/common").WidgetReactElement<"MultiSlider"> | import("@xframes/common").WidgetReactElement<"HelpMarker"> | import("@xframes/common").WidgetReactElement<"Indent"> | import("@xframes/common").WidgetReactElement<"PlotCandlestick"> | import("@xframes/common").WidgetReactElement<"PlotLine"> | import("@xframes/common").WidgetReactElement<"Separator"> | import("@xframes/common").WidgetReactElement<"SeparatorText"> | import("@xframes/common").WidgetReactElement<"Slider"> | import("@xframes/common").WidgetReactElement<"TabBar"> | import("@xframes/common").WidgetReactElement<"TabItem"> | import("@xframes/common").WidgetReactElement<"Table"> | import("@xframes/common").WidgetReactElement<"TextWrap"> | import("@xframes/common").WidgetReactElement<"TreeNode"> | import("@xframes/common").WidgetReactElement<"TreeView"> | import("@xframes/common").WidgetReactElement<"UnformattedText">);
+    readonly Child: React.FunctionComponent<{
+        children?: import("@xframes/common").WidgetReactNode;
+    } & import("@xframes/common").WidgetStyleProps> & ((props: {
+        children?: import("@xframes/common").WidgetReactNode;
+    } & import("@xframes/common").WidgetStyleProps) => import("@xframes/common").WidgetReactElement<"BulletText"> | import("@xframes/common").WidgetReactElement<"Button"> | import("@xframes/common").WidgetReactElement<"Checkbox"> | import("@xframes/common").WidgetReactElement<"Child"> | import("@xframes/common").WidgetReactElement<"ClippedMultiLineTextRenderer"> | import("@xframes/common").WidgetReactElement<"CollapsingHeader"> | import("@xframes/common").WidgetReactElement<"Combo"> | import("@xframes/common").WidgetReactElement<"DIWindow"> | import("@xframes/common").WidgetReactElement<"DisabledText"> | import("@xframes/common").WidgetReactElement<"Group"> | import("@xframes/common").WidgetReactElement<"Image"> | import("@xframes/common").WidgetReactElement<"InputText"> | import("@xframes/common").WidgetReactElement<"ItemTooltip"> | import("@xframes/common").WidgetReactElement<"MapView"> | import("@xframes/common").WidgetReactElement<"MultiSlider"> | import("@xframes/common").WidgetReactElement<"HelpMarker"> | import("@xframes/common").WidgetReactElement<"Indent"> | import("@xframes/common").WidgetReactElement<"PlotCandlestick"> | import("@xframes/common").WidgetReactElement<"PlotLine"> | import("@xframes/common").WidgetReactElement<"Separator"> | import("@xframes/common").WidgetReactElement<"SeparatorText"> | import("@xframes/common").WidgetReactElement<"Slider"> | import("@xframes/common").WidgetReactElement<"TabBar"> | import("@xframes/common").WidgetReactElement<"TabItem"> | import("@xframes/common").WidgetReactElement<"Table"> | import("@xframes/common").WidgetReactElement<"TextWrap"> | import("@xframes/common").WidgetReactElement<"TreeNode"> | import("@xframes/common").WidgetReactElement<"TreeView"> | import("@xframes/common").WidgetReactElement<"UnformattedText">);
+    readonly ClippedMultiLineTextRenderer: React.ForwardRefExoticComponent<import("@xframes/common").WidgetStyleProps & React.RefAttributes<import("@xframes/common").ClippedMultiLineTextRendererImperativeHandle>>;
+    readonly CollapsingHeader: React.FunctionComponent<{
+        children?: import("@xframes/common").WidgetReactNode;
+    } & import("@xframes/common").WidgetStyleProps & {
+        label?: string;
+    }> & ((props: {
+        children?: import("@xframes/common").WidgetReactNode;
+    } & import("@xframes/common").WidgetStyleProps & {
+        label?: string;
+    }) => import("@xframes/common").WidgetReactElement<"BulletText"> | import("@xframes/common").WidgetReactElement<"Button"> | import("@xframes/common").WidgetReactElement<"Checkbox"> | import("@xframes/common").WidgetReactElement<"Child"> | import("@xframes/common").WidgetReactElement<"ClippedMultiLineTextRenderer"> | import("@xframes/common").WidgetReactElement<"CollapsingHeader"> | import("@xframes/common").WidgetReactElement<"Combo"> | import("@xframes/common").WidgetReactElement<"DIWindow"> | import("@xframes/common").WidgetReactElement<"DisabledText"> | import("@xframes/common").WidgetReactElement<"Group"> | import("@xframes/common").WidgetReactElement<"Image"> | import("@xframes/common").WidgetReactElement<"InputText"> | import("@xframes/common").WidgetReactElement<"ItemTooltip"> | import("@xframes/common").WidgetReactElement<"MapView"> | import("@xframes/common").WidgetReactElement<"MultiSlider"> | import("@xframes/common").WidgetReactElement<"HelpMarker"> | import("@xframes/common").WidgetReactElement<"Indent"> | import("@xframes/common").WidgetReactElement<"PlotCandlestick"> | import("@xframes/common").WidgetReactElement<"PlotLine"> | import("@xframes/common").WidgetReactElement<"Separator"> | import("@xframes/common").WidgetReactElement<"SeparatorText"> | import("@xframes/common").WidgetReactElement<"Slider"> | import("@xframes/common").WidgetReactElement<"TabBar"> | import("@xframes/common").WidgetReactElement<"TabItem"> | import("@xframes/common").WidgetReactElement<"Table"> | import("@xframes/common").WidgetReactElement<"TextWrap"> | import("@xframes/common").WidgetReactElement<"TreeNode"> | import("@xframes/common").WidgetReactElement<"TreeView"> | import("@xframes/common").WidgetReactElement<"UnformattedText">);
+    readonly Combo: React.ForwardRefExoticComponent<import("@xframes/common").WidgetStyleProps & {
+        placeholder?: string;
+        options?: string[];
+        optionsList?: string;
+        initialSelectedIndex?: number;
+        onChange?: (event: import("@xframes/common").ComboChangeEvent) => void;
+    } & React.RefAttributes<{
+        setSelectedIndex: (index: number) => void;
+    }>>;
+    readonly DIWindow: React.FunctionComponent<{
+        children?: import("@xframes/common").WidgetReactNode;
+    } & import("@xframes/common").WidgetStyleProps & {
+        title: string;
+        width?: number;
+        height?: number;
+    }> & ((props: {
+        children?: import("@xframes/common").WidgetReactNode;
+    } & import("@xframes/common").WidgetStyleProps & {
+        title: string;
+        width?: number;
+        height?: number;
+    }) => import("@xframes/common").WidgetReactElement<"BulletText"> | import("@xframes/common").WidgetReactElement<"Button"> | import("@xframes/common").WidgetReactElement<"Checkbox"> | import("@xframes/common").WidgetReactElement<"Child"> | import("@xframes/common").WidgetReactElement<"ClippedMultiLineTextRenderer"> | import("@xframes/common").WidgetReactElement<"CollapsingHeader"> | import("@xframes/common").WidgetReactElement<"Combo"> | import("@xframes/common").WidgetReactElement<"DIWindow"> | import("@xframes/common").WidgetReactElement<"DisabledText"> | import("@xframes/common").WidgetReactElement<"Group"> | import("@xframes/common").WidgetReactElement<"Image"> | import("@xframes/common").WidgetReactElement<"InputText"> | import("@xframes/common").WidgetReactElement<"ItemTooltip"> | import("@xframes/common").WidgetReactElement<"MapView"> | import("@xframes/common").WidgetReactElement<"MultiSlider"> | import("@xframes/common").WidgetReactElement<"HelpMarker"> | import("@xframes/common").WidgetReactElement<"Indent"> | import("@xframes/common").WidgetReactElement<"PlotCandlestick"> | import("@xframes/common").WidgetReactElement<"PlotLine"> | import("@xframes/common").WidgetReactElement<"Separator"> | import("@xframes/common").WidgetReactElement<"SeparatorText"> | import("@xframes/common").WidgetReactElement<"Slider"> | import("@xframes/common").WidgetReactElement<"TabBar"> | import("@xframes/common").WidgetReactElement<"TabItem"> | import("@xframes/common").WidgetReactElement<"Table"> | import("@xframes/common").WidgetReactElement<"TextWrap"> | import("@xframes/common").WidgetReactElement<"TreeNode"> | import("@xframes/common").WidgetReactElement<"TreeView"> | import("@xframes/common").WidgetReactElement<"UnformattedText">);
+    readonly DisabledText: React.FunctionComponent<import("@xframes/common").WidgetStyleProps & {
+        text: string;
+    }> & ((props: import("@xframes/common").WidgetStyleProps & {
+        text: string;
+    }) => import("@xframes/common").WidgetReactElement<"BulletText"> | import("@xframes/common").WidgetReactElement<"Button"> | import("@xframes/common").WidgetReactElement<"Checkbox"> | import("@xframes/common").WidgetReactElement<"Child"> | import("@xframes/common").WidgetReactElement<"ClippedMultiLineTextRenderer"> | import("@xframes/common").WidgetReactElement<"CollapsingHeader"> | import("@xframes/common").WidgetReactElement<"Combo"> | import("@xframes/common").WidgetReactElement<"DIWindow"> | import("@xframes/common").WidgetReactElement<"DisabledText"> | import("@xframes/common").WidgetReactElement<"Group"> | import("@xframes/common").WidgetReactElement<"Image"> | import("@xframes/common").WidgetReactElement<"InputText"> | import("@xframes/common").WidgetReactElement<"ItemTooltip"> | import("@xframes/common").WidgetReactElement<"MapView"> | import("@xframes/common").WidgetReactElement<"MultiSlider"> | import("@xframes/common").WidgetReactElement<"HelpMarker"> | import("@xframes/common").WidgetReactElement<"Indent"> | import("@xframes/common").WidgetReactElement<"PlotCandlestick"> | import("@xframes/common").WidgetReactElement<"PlotLine"> | import("@xframes/common").WidgetReactElement<"Separator"> | import("@xframes/common").WidgetReactElement<"SeparatorText"> | import("@xframes/common").WidgetReactElement<"Slider"> | import("@xframes/common").WidgetReactElement<"TabBar"> | import("@xframes/common").WidgetReactElement<"TabItem"> | import("@xframes/common").WidgetReactElement<"Table"> | import("@xframes/common").WidgetReactElement<"TextWrap"> | import("@xframes/common").WidgetReactElement<"TreeNode"> | import("@xframes/common").WidgetReactElement<"TreeView"> | import("@xframes/common").WidgetReactElement<"UnformattedText">);
+    readonly Group: React.FunctionComponent<{
+        children?: import("@xframes/common").WidgetReactNode;
+    } & import("@xframes/common").WidgetStyleProps> & ((props: {
+        children?: import("@xframes/common").WidgetReactNode;
+    } & import("@xframes/common").WidgetStyleProps) => import("@xframes/common").WidgetReactElement<"BulletText"> | import("@xframes/common").WidgetReactElement<"Button"> | import("@xframes/common").WidgetReactElement<"Checkbox"> | import("@xframes/common").WidgetReactElement<"Child"> | import("@xframes/common").WidgetReactElement<"ClippedMultiLineTextRenderer"> | import("@xframes/common").WidgetReactElement<"CollapsingHeader"> | import("@xframes/common").WidgetReactElement<"Combo"> | import("@xframes/common").WidgetReactElement<"DIWindow"> | import("@xframes/common").WidgetReactElement<"DisabledText"> | import("@xframes/common").WidgetReactElement<"Group"> | import("@xframes/common").WidgetReactElement<"Image"> | import("@xframes/common").WidgetReactElement<"InputText"> | import("@xframes/common").WidgetReactElement<"ItemTooltip"> | import("@xframes/common").WidgetReactElement<"MapView"> | import("@xframes/common").WidgetReactElement<"MultiSlider"> | import("@xframes/common").WidgetReactElement<"HelpMarker"> | import("@xframes/common").WidgetReactElement<"Indent"> | import("@xframes/common").WidgetReactElement<"PlotCandlestick"> | import("@xframes/common").WidgetReactElement<"PlotLine"> | import("@xframes/common").WidgetReactElement<"Separator"> | import("@xframes/common").WidgetReactElement<"SeparatorText"> | import("@xframes/common").WidgetReactElement<"Slider"> | import("@xframes/common").WidgetReactElement<"TabBar"> | import("@xframes/common").WidgetReactElement<"TabItem"> | import("@xframes/common").WidgetReactElement<"Table"> | import("@xframes/common").WidgetReactElement<"TextWrap"> | import("@xframes/common").WidgetReactElement<"TreeNode"> | import("@xframes/common").WidgetReactElement<"TreeView"> | import("@xframes/common").WidgetReactElement<"UnformattedText">);
+    readonly Image: React.ForwardRefExoticComponent<import("@xframes/common").WidgetStyleProps & {
+        url: string;
+        width?: number;
+        height?: number;
+    } & React.RefAttributes<import("@xframes/common").ImageImperativeHandle>>;
+    readonly InputText: React.ForwardRefExoticComponent<import("@xframes/common").WidgetStyleProps & {
+        defaultValue?: string;
+        hint?: string;
+        onChange?: (event: import("@xframes/common").InputTextChangeEvent) => void;
+    } & React.RefAttributes<{
+        setValue: (value: string) => void;
+    }>>;
+    readonly ItemTooltip: React.FunctionComponent<{
+        children?: import("@xframes/common").WidgetReactNode;
+    } & import("@xframes/common").WidgetStyleProps> & ((props: {
+        children?: import("@xframes/common").WidgetReactNode;
+    } & import("@xframes/common").WidgetStyleProps) => import("@xframes/common").WidgetReactElement<"BulletText"> | import("@xframes/common").WidgetReactElement<"Button"> | import("@xframes/common").WidgetReactElement<"Checkbox"> | import("@xframes/common").WidgetReactElement<"Child"> | import("@xframes/common").WidgetReactElement<"ClippedMultiLineTextRenderer"> | import("@xframes/common").WidgetReactElement<"CollapsingHeader"> | import("@xframes/common").WidgetReactElement<"Combo"> | import("@xframes/common").WidgetReactElement<"DIWindow"> | import("@xframes/common").WidgetReactElement<"DisabledText"> | import("@xframes/common").WidgetReactElement<"Group"> | import("@xframes/common").WidgetReactElement<"Image"> | import("@xframes/common").WidgetReactElement<"InputText"> | import("@xframes/common").WidgetReactElement<"ItemTooltip"> | import("@xframes/common").WidgetReactElement<"MapView"> | import("@xframes/common").WidgetReactElement<"MultiSlider"> | import("@xframes/common").WidgetReactElement<"HelpMarker"> | import("@xframes/common").WidgetReactElement<"Indent"> | import("@xframes/common").WidgetReactElement<"PlotCandlestick"> | import("@xframes/common").WidgetReactElement<"PlotLine"> | import("@xframes/common").WidgetReactElement<"Separator"> | import("@xframes/common").WidgetReactElement<"SeparatorText"> | import("@xframes/common").WidgetReactElement<"Slider"> | import("@xframes/common").WidgetReactElement<"TabBar"> | import("@xframes/common").WidgetReactElement<"TabItem"> | import("@xframes/common").WidgetReactElement<"Table"> | import("@xframes/common").WidgetReactElement<"TextWrap"> | import("@xframes/common").WidgetReactElement<"TreeNode"> | import("@xframes/common").WidgetReactElement<"TreeView"> | import("@xframes/common").WidgetReactElement<"UnformattedText">);
+    readonly MapView: React.ForwardRefExoticComponent<import("@xframes/common").WidgetStyleProps & React.RefAttributes<import("@xframes/common").MapImperativeHandle>>;
+    readonly MultiSlider: React.FunctionComponent<import("@xframes/common").WidgetStyleProps & {
+        numValues: 2 | 3 | 4;
+        defaultValues?: number[];
+        min?: number;
+        max?: number;
+        decimalDigits?: number;
+        onChange?: (event: import("@xframes/common").MultiSliderChangeEvent<number>) => void;
+    }> & ((props: import("@xframes/common").WidgetStyleProps & {
+        numValues: 2 | 3 | 4;
+        defaultValues?: number[];
+        min?: number;
+        max?: number;
+        decimalDigits?: number;
+        onChange?: (event: import("@xframes/common").MultiSliderChangeEvent<number>) => void;
+    }) => import("@xframes/common").WidgetReactElement<"BulletText"> | import("@xframes/common").WidgetReactElement<"Button"> | import("@xframes/common").WidgetReactElement<"Checkbox"> | import("@xframes/common").WidgetReactElement<"Child"> | import("@xframes/common").WidgetReactElement<"ClippedMultiLineTextRenderer"> | import("@xframes/common").WidgetReactElement<"CollapsingHeader"> | import("@xframes/common").WidgetReactElement<"Combo"> | import("@xframes/common").WidgetReactElement<"DIWindow"> | import("@xframes/common").WidgetReactElement<"DisabledText"> | import("@xframes/common").WidgetReactElement<"Group"> | import("@xframes/common").WidgetReactElement<"Image"> | import("@xframes/common").WidgetReactElement<"InputText"> | import("@xframes/common").WidgetReactElement<"ItemTooltip"> | import("@xframes/common").WidgetReactElement<"MapView"> | import("@xframes/common").WidgetReactElement<"MultiSlider"> | import("@xframes/common").WidgetReactElement<"HelpMarker"> | import("@xframes/common").WidgetReactElement<"Indent"> | import("@xframes/common").WidgetReactElement<"PlotCandlestick"> | import("@xframes/common").WidgetReactElement<"PlotLine"> | import("@xframes/common").WidgetReactElement<"Separator"> | import("@xframes/common").WidgetReactElement<"SeparatorText"> | import("@xframes/common").WidgetReactElement<"Slider"> | import("@xframes/common").WidgetReactElement<"TabBar"> | import("@xframes/common").WidgetReactElement<"TabItem"> | import("@xframes/common").WidgetReactElement<"Table"> | import("@xframes/common").WidgetReactElement<"TextWrap"> | import("@xframes/common").WidgetReactElement<"TreeNode"> | import("@xframes/common").WidgetReactElement<"TreeView"> | import("@xframes/common").WidgetReactElement<"UnformattedText">);
+    readonly Node: React.FunctionComponent<{
+        children?: import("@xframes/common").WidgetReactNode;
+    } & {
+        root?: boolean;
+        cull?: boolean;
+        trackMouseClickEvents?: boolean;
+        children?: import("@xframes/common").WidgetReactNode;
+        onClick?: () => void;
+    } & import("@xframes/common").NodeStyleProps>;
+    readonly PlotCandlestick: React.ForwardRefExoticComponent<import("@xframes/common").WidgetStyleProps & {
+        bullColor?: string;
+        bearColor?: string;
+        axisAutoFit?: boolean;
+    } & React.RefAttributes<import("@xframes/common").PlotCandlestickImperativeHandle>>;
+    readonly PlotLine: React.ForwardRefExoticComponent<import("@xframes/common").WidgetStyleProps & {
+        xAxisDecimalDigits?: number;
+        yAxisDecimalDigits?: number;
+        markerStyle?: import("@xframes/common").ImPlotMarker;
+        xAxisScale?: import("@xframes/common").ImPlotScale;
+        yAxisScale?: import("@xframes/common").ImPlotScale;
+        axisAutoFit?: boolean;
+    } & React.RefAttributes<import("@xframes/common").PlotLineImperativeHandle>>;
+    readonly SeparatorText: React.FunctionComponent<import("@xframes/common").WidgetStyleProps & {
+        label: string;
+    }> & ((props: import("@xframes/common").WidgetStyleProps & {
+        label: string;
+    }) => import("@xframes/common").WidgetReactElement<"BulletText"> | import("@xframes/common").WidgetReactElement<"Button"> | import("@xframes/common").WidgetReactElement<"Checkbox"> | import("@xframes/common").WidgetReactElement<"Child"> | import("@xframes/common").WidgetReactElement<"ClippedMultiLineTextRenderer"> | import("@xframes/common").WidgetReactElement<"CollapsingHeader"> | import("@xframes/common").WidgetReactElement<"Combo"> | import("@xframes/common").WidgetReactElement<"DIWindow"> | import("@xframes/common").WidgetReactElement<"DisabledText"> | import("@xframes/common").WidgetReactElement<"Group"> | import("@xframes/common").WidgetReactElement<"Image"> | import("@xframes/common").WidgetReactElement<"InputText"> | import("@xframes/common").WidgetReactElement<"ItemTooltip"> | import("@xframes/common").WidgetReactElement<"MapView"> | import("@xframes/common").WidgetReactElement<"MultiSlider"> | import("@xframes/common").WidgetReactElement<"HelpMarker"> | import("@xframes/common").WidgetReactElement<"Indent"> | import("@xframes/common").WidgetReactElement<"PlotCandlestick"> | import("@xframes/common").WidgetReactElement<"PlotLine"> | import("@xframes/common").WidgetReactElement<"Separator"> | import("@xframes/common").WidgetReactElement<"SeparatorText"> | import("@xframes/common").WidgetReactElement<"Slider"> | import("@xframes/common").WidgetReactElement<"TabBar"> | import("@xframes/common").WidgetReactElement<"TabItem"> | import("@xframes/common").WidgetReactElement<"Table"> | import("@xframes/common").WidgetReactElement<"TextWrap"> | import("@xframes/common").WidgetReactElement<"TreeNode"> | import("@xframes/common").WidgetReactElement<"TreeView"> | import("@xframes/common").WidgetReactElement<"UnformattedText">);
+    readonly Separator: React.FunctionComponent<import("@xframes/common").WidgetStyleProps> & ((props: import("@xframes/common").WidgetStyleProps) => import("@xframes/common").WidgetReactElement<"BulletText"> | import("@xframes/common").WidgetReactElement<"Button"> | import("@xframes/common").WidgetReactElement<"Checkbox"> | import("@xframes/common").WidgetReactElement<"Child"> | import("@xframes/common").WidgetReactElement<"ClippedMultiLineTextRenderer"> | import("@xframes/common").WidgetReactElement<"CollapsingHeader"> | import("@xframes/common").WidgetReactElement<"Combo"> | import("@xframes/common").WidgetReactElement<"DIWindow"> | import("@xframes/common").WidgetReactElement<"DisabledText"> | import("@xframes/common").WidgetReactElement<"Group"> | import("@xframes/common").WidgetReactElement<"Image"> | import("@xframes/common").WidgetReactElement<"InputText"> | import("@xframes/common").WidgetReactElement<"ItemTooltip"> | import("@xframes/common").WidgetReactElement<"MapView"> | import("@xframes/common").WidgetReactElement<"MultiSlider"> | import("@xframes/common").WidgetReactElement<"HelpMarker"> | import("@xframes/common").WidgetReactElement<"Indent"> | import("@xframes/common").WidgetReactElement<"PlotCandlestick"> | import("@xframes/common").WidgetReactElement<"PlotLine"> | import("@xframes/common").WidgetReactElement<"Separator"> | import("@xframes/common").WidgetReactElement<"SeparatorText"> | import("@xframes/common").WidgetReactElement<"Slider"> | import("@xframes/common").WidgetReactElement<"TabBar"> | import("@xframes/common").WidgetReactElement<"TabItem"> | import("@xframes/common").WidgetReactElement<"Table"> | import("@xframes/common").WidgetReactElement<"TextWrap"> | import("@xframes/common").WidgetReactElement<"TreeNode"> | import("@xframes/common").WidgetReactElement<"TreeView"> | import("@xframes/common").WidgetReactElement<"UnformattedText">);
+    readonly Slider: React.FunctionComponent<import("@xframes/common").WidgetStyleProps & {
+        sliderType?: import("@xframes/common").SliderTypes;
+        defaultValue?: number;
+        min?: number;
+        max?: number;
+        onChange?: (event: import("@xframes/common").SliderChangeEvent) => void;
+    }> & ((props: import("@xframes/common").WidgetStyleProps & {
+        sliderType?: import("@xframes/common").SliderTypes;
+        defaultValue?: number;
+        min?: number;
+        max?: number;
+        onChange?: (event: import("@xframes/common").SliderChangeEvent) => void;
+    }) => import("@xframes/common").WidgetReactElement<"BulletText"> | import("@xframes/common").WidgetReactElement<"Button"> | import("@xframes/common").WidgetReactElement<"Checkbox"> | import("@xframes/common").WidgetReactElement<"Child"> | import("@xframes/common").WidgetReactElement<"ClippedMultiLineTextRenderer"> | import("@xframes/common").WidgetReactElement<"CollapsingHeader"> | import("@xframes/common").WidgetReactElement<"Combo"> | import("@xframes/common").WidgetReactElement<"DIWindow"> | import("@xframes/common").WidgetReactElement<"DisabledText"> | import("@xframes/common").WidgetReactElement<"Group"> | import("@xframes/common").WidgetReactElement<"Image"> | import("@xframes/common").WidgetReactElement<"InputText"> | import("@xframes/common").WidgetReactElement<"ItemTooltip"> | import("@xframes/common").WidgetReactElement<"MapView"> | import("@xframes/common").WidgetReactElement<"MultiSlider"> | import("@xframes/common").WidgetReactElement<"HelpMarker"> | import("@xframes/common").WidgetReactElement<"Indent"> | import("@xframes/common").WidgetReactElement<"PlotCandlestick"> | import("@xframes/common").WidgetReactElement<"PlotLine"> | import("@xframes/common").WidgetReactElement<"Separator"> | import("@xframes/common").WidgetReactElement<"SeparatorText"> | import("@xframes/common").WidgetReactElement<"Slider"> | import("@xframes/common").WidgetReactElement<"TabBar"> | import("@xframes/common").WidgetReactElement<"TabItem"> | import("@xframes/common").WidgetReactElement<"Table"> | import("@xframes/common").WidgetReactElement<"TextWrap"> | import("@xframes/common").WidgetReactElement<"TreeNode"> | import("@xframes/common").WidgetReactElement<"TreeView"> | import("@xframes/common").WidgetReactElement<"UnformattedText">);
+    readonly TabBar: React.FunctionComponent<{
+        children?: import("@xframes/common").WidgetReactNode;
+    } & import("@xframes/common").WidgetStyleProps> & ((props: {
+        children?: import("@xframes/common").WidgetReactNode;
+    } & import("@xframes/common").WidgetStyleProps) => import("@xframes/common").WidgetReactElement<"BulletText"> | import("@xframes/common").WidgetReactElement<"Button"> | import("@xframes/common").WidgetReactElement<"Checkbox"> | import("@xframes/common").WidgetReactElement<"Child"> | import("@xframes/common").WidgetReactElement<"ClippedMultiLineTextRenderer"> | import("@xframes/common").WidgetReactElement<"CollapsingHeader"> | import("@xframes/common").WidgetReactElement<"Combo"> | import("@xframes/common").WidgetReactElement<"DIWindow"> | import("@xframes/common").WidgetReactElement<"DisabledText"> | import("@xframes/common").WidgetReactElement<"Group"> | import("@xframes/common").WidgetReactElement<"Image"> | import("@xframes/common").WidgetReactElement<"InputText"> | import("@xframes/common").WidgetReactElement<"ItemTooltip"> | import("@xframes/common").WidgetReactElement<"MapView"> | import("@xframes/common").WidgetReactElement<"MultiSlider"> | import("@xframes/common").WidgetReactElement<"HelpMarker"> | import("@xframes/common").WidgetReactElement<"Indent"> | import("@xframes/common").WidgetReactElement<"PlotCandlestick"> | import("@xframes/common").WidgetReactElement<"PlotLine"> | import("@xframes/common").WidgetReactElement<"Separator"> | import("@xframes/common").WidgetReactElement<"SeparatorText"> | import("@xframes/common").WidgetReactElement<"Slider"> | import("@xframes/common").WidgetReactElement<"TabBar"> | import("@xframes/common").WidgetReactElement<"TabItem"> | import("@xframes/common").WidgetReactElement<"Table"> | import("@xframes/common").WidgetReactElement<"TextWrap"> | import("@xframes/common").WidgetReactElement<"TreeNode"> | import("@xframes/common").WidgetReactElement<"TreeView"> | import("@xframes/common").WidgetReactElement<"UnformattedText">);
+    readonly TabItem: React.FunctionComponent<{
+        children?: import("@xframes/common").WidgetReactNode;
+    } & import("@xframes/common").WidgetStyleProps & {
+        label: string;
+        onOpenChange?: (event: import("@xframes/common").TabItemChangeEvent) => void;
+    }> & ((props: {
+        children?: import("@xframes/common").WidgetReactNode;
+    } & import("@xframes/common").WidgetStyleProps & {
+        label: string;
+        onOpenChange?: (event: import("@xframes/common").TabItemChangeEvent) => void;
+    }) => import("@xframes/common").WidgetReactElement<"BulletText"> | import("@xframes/common").WidgetReactElement<"Button"> | import("@xframes/common").WidgetReactElement<"Checkbox"> | import("@xframes/common").WidgetReactElement<"Child"> | import("@xframes/common").WidgetReactElement<"ClippedMultiLineTextRenderer"> | import("@xframes/common").WidgetReactElement<"CollapsingHeader"> | import("@xframes/common").WidgetReactElement<"Combo"> | import("@xframes/common").WidgetReactElement<"DIWindow"> | import("@xframes/common").WidgetReactElement<"DisabledText"> | import("@xframes/common").WidgetReactElement<"Group"> | import("@xframes/common").WidgetReactElement<"Image"> | import("@xframes/common").WidgetReactElement<"InputText"> | import("@xframes/common").WidgetReactElement<"ItemTooltip"> | import("@xframes/common").WidgetReactElement<"MapView"> | import("@xframes/common").WidgetReactElement<"MultiSlider"> | import("@xframes/common").WidgetReactElement<"HelpMarker"> | import("@xframes/common").WidgetReactElement<"Indent"> | import("@xframes/common").WidgetReactElement<"PlotCandlestick"> | import("@xframes/common").WidgetReactElement<"PlotLine"> | import("@xframes/common").WidgetReactElement<"Separator"> | import("@xframes/common").WidgetReactElement<"SeparatorText"> | import("@xframes/common").WidgetReactElement<"Slider"> | import("@xframes/common").WidgetReactElement<"TabBar"> | import("@xframes/common").WidgetReactElement<"TabItem"> | import("@xframes/common").WidgetReactElement<"Table"> | import("@xframes/common").WidgetReactElement<"TextWrap"> | import("@xframes/common").WidgetReactElement<"TreeNode"> | import("@xframes/common").WidgetReactElement<"TreeView"> | import("@xframes/common").WidgetReactElement<"UnformattedText">);
+    readonly Table: React.ForwardRefExoticComponent<import("@xframes/common").WidgetStyleProps & {
+        columns: {
+            heading: string;
+            fieldId?: string;
+        }[];
+        initialData?: string;
+        clipRows?: number;
+    } & React.RefAttributes<import("@xframes/common").TableImperativeHandle>>;
+    readonly TextWrap: React.FunctionComponent<{
+        children?: import("@xframes/common").WidgetReactNode;
+    } & import("@xframes/common").WidgetStyleProps & {
+        width: number;
+    }> & ((props: {
+        children?: import("@xframes/common").WidgetReactNode;
+    } & import("@xframes/common").WidgetStyleProps & {
+        width: number;
+    }) => import("@xframes/common").WidgetReactElement<"BulletText"> | import("@xframes/common").WidgetReactElement<"Button"> | import("@xframes/common").WidgetReactElement<"Checkbox"> | import("@xframes/common").WidgetReactElement<"Child"> | import("@xframes/common").WidgetReactElement<"ClippedMultiLineTextRenderer"> | import("@xframes/common").WidgetReactElement<"CollapsingHeader"> | import("@xframes/common").WidgetReactElement<"Combo"> | import("@xframes/common").WidgetReactElement<"DIWindow"> | import("@xframes/common").WidgetReactElement<"DisabledText"> | import("@xframes/common").WidgetReactElement<"Group"> | import("@xframes/common").WidgetReactElement<"Image"> | import("@xframes/common").WidgetReactElement<"InputText"> | import("@xframes/common").WidgetReactElement<"ItemTooltip"> | import("@xframes/common").WidgetReactElement<"MapView"> | import("@xframes/common").WidgetReactElement<"MultiSlider"> | import("@xframes/common").WidgetReactElement<"HelpMarker"> | import("@xframes/common").WidgetReactElement<"Indent"> | import("@xframes/common").WidgetReactElement<"PlotCandlestick"> | import("@xframes/common").WidgetReactElement<"PlotLine"> | import("@xframes/common").WidgetReactElement<"Separator"> | import("@xframes/common").WidgetReactElement<"SeparatorText"> | import("@xframes/common").WidgetReactElement<"Slider"> | import("@xframes/common").WidgetReactElement<"TabBar"> | import("@xframes/common").WidgetReactElement<"TabItem"> | import("@xframes/common").WidgetReactElement<"Table"> | import("@xframes/common").WidgetReactElement<"TextWrap"> | import("@xframes/common").WidgetReactElement<"TreeNode"> | import("@xframes/common").WidgetReactElement<"TreeView"> | import("@xframes/common").WidgetReactElement<"UnformattedText">);
+    readonly TreeNode: React.FunctionComponent<{
+        children?: import("@xframes/common").WidgetReactNode;
+    } & import("@xframes/common").WidgetStyleProps & {
+        itemId: string;
+        onClick?: () => void;
+        leaf?: boolean;
+        open?: boolean;
+        defaultOpen?: boolean;
+        selected?: boolean;
+        defaultSelected?: boolean;
+        selectable?: boolean;
+        label?: string;
+    }> & ((props: {
+        children?: import("@xframes/common").WidgetReactNode;
+    } & import("@xframes/common").WidgetStyleProps & {
+        itemId: string;
+        onClick?: () => void;
+        leaf?: boolean;
+        open?: boolean;
+        defaultOpen?: boolean;
+        selected?: boolean;
+        defaultSelected?: boolean;
+        selectable?: boolean;
+        label?: string;
+    }) => import("@xframes/common").WidgetReactElement<"BulletText"> | import("@xframes/common").WidgetReactElement<"Button"> | import("@xframes/common").WidgetReactElement<"Checkbox"> | import("@xframes/common").WidgetReactElement<"Child"> | import("@xframes/common").WidgetReactElement<"ClippedMultiLineTextRenderer"> | import("@xframes/common").WidgetReactElement<"CollapsingHeader"> | import("@xframes/common").WidgetReactElement<"Combo"> | import("@xframes/common").WidgetReactElement<"DIWindow"> | import("@xframes/common").WidgetReactElement<"DisabledText"> | import("@xframes/common").WidgetReactElement<"Group"> | import("@xframes/common").WidgetReactElement<"Image"> | import("@xframes/common").WidgetReactElement<"InputText"> | import("@xframes/common").WidgetReactElement<"ItemTooltip"> | import("@xframes/common").WidgetReactElement<"MapView"> | import("@xframes/common").WidgetReactElement<"MultiSlider"> | import("@xframes/common").WidgetReactElement<"HelpMarker"> | import("@xframes/common").WidgetReactElement<"Indent"> | import("@xframes/common").WidgetReactElement<"PlotCandlestick"> | import("@xframes/common").WidgetReactElement<"PlotLine"> | import("@xframes/common").WidgetReactElement<"Separator"> | import("@xframes/common").WidgetReactElement<"SeparatorText"> | import("@xframes/common").WidgetReactElement<"Slider"> | import("@xframes/common").WidgetReactElement<"TabBar"> | import("@xframes/common").WidgetReactElement<"TabItem"> | import("@xframes/common").WidgetReactElement<"Table"> | import("@xframes/common").WidgetReactElement<"TextWrap"> | import("@xframes/common").WidgetReactElement<"TreeNode"> | import("@xframes/common").WidgetReactElement<"TreeView"> | import("@xframes/common").WidgetReactElement<"UnformattedText">);
+    readonly TreeView: React.FunctionComponent<import("@xframes/common").WidgetStyleProps & {
+        items: import("@xframes/common").TreeViewItem[];
+        defaultSelectedItemIds?: string[];
+        selectedItemIds?: string[];
+        allowMultipleSelection?: boolean;
+        onToggleItemSelection?: (itemId: string, selected: boolean) => void;
+    }> & ((props: import("@xframes/common").WidgetStyleProps & {
+        items: import("@xframes/common").TreeViewItem[];
+        defaultSelectedItemIds?: string[];
+        selectedItemIds?: string[];
+        allowMultipleSelection?: boolean;
+        onToggleItemSelection?: (itemId: string, selected: boolean) => void;
+    }) => import("@xframes/common").WidgetReactElement<"BulletText"> | import("@xframes/common").WidgetReactElement<"Button"> | import("@xframes/common").WidgetReactElement<"Checkbox"> | import("@xframes/common").WidgetReactElement<"Child"> | import("@xframes/common").WidgetReactElement<"ClippedMultiLineTextRenderer"> | import("@xframes/common").WidgetReactElement<"CollapsingHeader"> | import("@xframes/common").WidgetReactElement<"Combo"> | import("@xframes/common").WidgetReactElement<"DIWindow"> | import("@xframes/common").WidgetReactElement<"DisabledText"> | import("@xframes/common").WidgetReactElement<"Group"> | import("@xframes/common").WidgetReactElement<"Image"> | import("@xframes/common").WidgetReactElement<"InputText"> | import("@xframes/common").WidgetReactElement<"ItemTooltip"> | import("@xframes/common").WidgetReactElement<"MapView"> | import("@xframes/common").WidgetReactElement<"MultiSlider"> | import("@xframes/common").WidgetReactElement<"HelpMarker"> | import("@xframes/common").WidgetReactElement<"Indent"> | import("@xframes/common").WidgetReactElement<"PlotCandlestick"> | import("@xframes/common").WidgetReactElement<"PlotLine"> | import("@xframes/common").WidgetReactElement<"Separator"> | import("@xframes/common").WidgetReactElement<"SeparatorText"> | import("@xframes/common").WidgetReactElement<"Slider"> | import("@xframes/common").WidgetReactElement<"TabBar"> | import("@xframes/common").WidgetReactElement<"TabItem"> | import("@xframes/common").WidgetReactElement<"Table"> | import("@xframes/common").WidgetReactElement<"TextWrap"> | import("@xframes/common").WidgetReactElement<"TreeNode"> | import("@xframes/common").WidgetReactElement<"TreeView"> | import("@xframes/common").WidgetReactElement<"UnformattedText">);
+    readonly UnformattedText: React.FunctionComponent<import("@xframes/common").WidgetStyleProps & {
+        text: string;
+    }> & ((props: import("@xframes/common").WidgetStyleProps & {
+        text: string;
+    }) => import("@xframes/common").WidgetReactElement<"BulletText"> | import("@xframes/common").WidgetReactElement<"Button"> | import("@xframes/common").WidgetReactElement<"Checkbox"> | import("@xframes/common").WidgetReactElement<"Child"> | import("@xframes/common").WidgetReactElement<"ClippedMultiLineTextRenderer"> | import("@xframes/common").WidgetReactElement<"CollapsingHeader"> | import("@xframes/common").WidgetReactElement<"Combo"> | import("@xframes/common").WidgetReactElement<"DIWindow"> | import("@xframes/common").WidgetReactElement<"DisabledText"> | import("@xframes/common").WidgetReactElement<"Group"> | import("@xframes/common").WidgetReactElement<"Image"> | import("@xframes/common").WidgetReactElement<"InputText"> | import("@xframes/common").WidgetReactElement<"ItemTooltip"> | import("@xframes/common").WidgetReactElement<"MapView"> | import("@xframes/common").WidgetReactElement<"MultiSlider"> | import("@xframes/common").WidgetReactElement<"HelpMarker"> | import("@xframes/common").WidgetReactElement<"Indent"> | import("@xframes/common").WidgetReactElement<"PlotCandlestick"> | import("@xframes/common").WidgetReactElement<"PlotLine"> | import("@xframes/common").WidgetReactElement<"Separator"> | import("@xframes/common").WidgetReactElement<"SeparatorText"> | import("@xframes/common").WidgetReactElement<"Slider"> | import("@xframes/common").WidgetReactElement<"TabBar"> | import("@xframes/common").WidgetReactElement<"TabItem"> | import("@xframes/common").WidgetReactElement<"Table"> | import("@xframes/common").WidgetReactElement<"TextWrap"> | import("@xframes/common").WidgetReactElement<"TreeNode"> | import("@xframes/common").WidgetReactElement<"TreeView"> | import("@xframes/common").WidgetReactElement<"UnformattedText">);
+};

package/dist/lib/XFrames.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.XFrames = exports.MainComponent = void 0;
+const common_1 = require("@xframes/common");
+const MainComponent = ({ children, }) => {
+    return null;
+};
+exports.MainComponent = MainComponent;
+exports.XFrames = (0, common_1.attachSubComponents)("XFrames", exports.MainComponent, common_1.components);

package/dist/lib/index.d.ts

@@ -0,0 +1,3 @@
+import { render } from "./render";
+import { XFrames } from "./XFrames";
+export { XFrames, render };

package/dist/lib/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.render = exports.XFrames = void 0;
+const render_1 = require("./render");
+Object.defineProperty(exports, "render", { enumerable: true, get: function () { return render_1.render; } });
+const XFrames_1 = require("./XFrames");
+Object.defineProperty(exports, "XFrames", { enumerable: true, get: function () { return XFrames_1.XFrames; } });

package/dist/lib/render.d.ts

@@ -0,0 +1,21 @@
+export declare const ReactFabricProd: {
+    createPortal(children: any, containerTag: any, ...args: any[]): {
+        $$typeof: symbol;
+        key: string | null;
+        children: any;
+        containerInfo: any;
+        implementation: any;
+    };
+    dispatchCommand(handle: any, command: any, args: any): void;
+    findHostInstance_DEPRECATED(componentOrHandle: any): any;
+    findNodeHandle: (componentOrHandle: any) => any;
+    getInspectorDataForInstance: () => void;
+    getNodeFromInternalInstanceHandle(internalInstanceHandle: any): any;
+    getPublicInstanceFromInternalInstanceHandle(internalInstanceHandle: any): any;
+    isChildPublicInstance(): never;
+    render(element: any, containerTag: any, callback: any, concurrentRoot: any): any;
+    sendAccessibilityEvent(handle: any, eventType: any): void;
+    stopSurface(containerTag: any): void;
+    unmountComponentAtNode(containerTag: any): void;
+};
+export declare const render: (EntryPointComponent: () => JSX.Element, assetsBasePath: string, fontDefs: any, theme: any) => void;

package/dist/lib/render.js

@@ -0,0 +1,84 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.render = exports.ReactFabricProd = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const common_1 = require("@xframes/common");
+// @ts-ignore
+const xframes = __importStar(require("./xframes.node"));
+exports.ReactFabricProd = (0, common_1.ReactFabricProdInitialiser)(common_1.ReactNativePrivateInterface);
+const render = (EntryPointComponent, assetsBasePath, fontDefs, theme) => {
+    const onInit = () => {
+        exports.ReactFabricProd.render((0, jsx_runtime_1.jsx)(common_1.WidgetRegistrationServiceContext.Provider, { value: widgetRegistrationService, children: (0, jsx_runtime_1.jsx)(EntryPointComponent, {}) }), 0, // containerTag,
+        () => {
+            // console.log("initialised");
+        }, 1);
+    };
+    const onTextChange = (id, value) => {
+        const rootNodeID = id;
+        const topLevelType = "onChange";
+        const nativeEventParam = { value };
+        common_1.ReactNativePrivateInterface.nativeFabricUIManager.dispatchEvent(rootNodeID, topLevelType, nativeEventParam);
+    };
+    const onComboChange = (id, value) => {
+        const rootNodeID = id;
+        const topLevelType = "onChange";
+        const nativeEventParam = { value };
+        common_1.ReactNativePrivateInterface.nativeFabricUIManager.dispatchEvent(rootNodeID, topLevelType, nativeEventParam);
+    };
+    const onNumericValueChange = (id, value) => {
+        const rootNodeID = id;
+        const topLevelType = "onChange";
+        const nativeEventParam = { value };
+        common_1.ReactNativePrivateInterface.nativeFabricUIManager.dispatchEvent(rootNodeID, topLevelType, nativeEventParam);
+    };
+    const onMultiValueChange = (id, values) => {
+        const rootNodeID = id;
+        const topLevelType = "onChange";
+        const nativeEventParam = { values };
+        common_1.ReactNativePrivateInterface.nativeFabricUIManager.dispatchEvent(rootNodeID, topLevelType, nativeEventParam);
+    };
+    const onBooleanValueChange = (id, value) => {
+        const rootNodeID = id;
+        const topLevelType = "onChange";
+        const nativeEventParam = { value };
+        common_1.ReactNativePrivateInterface.nativeFabricUIManager.dispatchEvent(rootNodeID, topLevelType, nativeEventParam);
+    };
+    const onClick = (id) => {
+        const rootNodeID = id;
+        const topLevelType = "onClick";
+        common_1.ReactNativePrivateInterface.nativeFabricUIManager.dispatchEvent(rootNodeID, topLevelType, {
+            value: "clicked",
+        });
+    };
+    xframes.init(assetsBasePath, JSON.stringify(fontDefs), JSON.stringify(theme), onInit, onTextChange, onComboChange, onNumericValueChange, onBooleanValueChange, onMultiValueChange, onClick);
+    const widgetRegistrationService = new common_1.WidgetRegistrationService(xframes);
+    common_1.ReactNativePrivateInterface.nativeFabricUIManager.init(xframes, widgetRegistrationService);
+    let flag = true;
+    (function keepProcessRunning() {
+        setTimeout(() => flag && keepProcessRunning(), 1000);
+    })();
+};
+exports.render = render;

package/dist/themes.d.ts

@@ -0,0 +1,26 @@
+import { XFramesStyleForPatching } from "@xframes/common";
+export declare const theme1Colors: {
+    black: string;
+    darkGrey: string;
+    grey: string;
+    lightGrey: string;
+    veryLightGrey: string;
+    superLightGrey: string;
+    white: string;
+    hero: string;
+    hoverHero: string;
+};
+export declare const theme1: XFramesStyleForPatching;
+export declare const theme2Colors: {
+    darkestGrey: string;
+    darkerGrey: string;
+    darkGrey: string;
+    lightGrey: string;
+    lighterGrey: string;
+    evenLighterGrey: string;
+    black: string;
+    green: string;
+    red: string;
+    white: string;
+};
+export declare const theme2: XFramesStyleForPatching;

package/dist/themes.js

@@ -0,0 +1,145 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.theme2 = exports.theme2Colors = exports.theme1 = exports.theme1Colors = void 0;
+const common_1 = require("@xframes/common");
+exports.theme1Colors = {
+    black: "#1a1a1a",
+    darkGrey: "#5a5a5a",
+    grey: "#9a9a9a",
+    lightGrey: "#bebebe",
+    veryLightGrey: "#e5e5e5",
+    superLightGrey: "#f7f7f7",
+    white: "#fff",
+    hero: "#ff6e59",
+    hoverHero: "#ff4a30",
+};
+exports.theme1 = {
+    // frameBorderSize: 1,
+    // framePadding: [0, 0],
+    colors: {
+        [common_1.ImGuiCol.Text]: [exports.theme1Colors.black, 1],
+        [common_1.ImGuiCol.TextDisabled]: [exports.theme1Colors.darkGrey, 1],
+        [common_1.ImGuiCol.WindowBg]: [exports.theme1Colors.white, 1],
+        [common_1.ImGuiCol.ChildBg]: [exports.theme1Colors.white, 1],
+        [common_1.ImGuiCol.PopupBg]: [exports.theme1Colors.white, 1],
+        [common_1.ImGuiCol.Border]: [exports.theme1Colors.darkGrey, 1],
+        [common_1.ImGuiCol.BorderShadow]: [exports.theme1Colors.black, 1],
+        [common_1.ImGuiCol.FrameBg]: [exports.theme1Colors.veryLightGrey, 1],
+        [common_1.ImGuiCol.FrameBgHovered]: [exports.theme1Colors.lightGrey, 1],
+        [common_1.ImGuiCol.FrameBgActive]: [exports.theme1Colors.grey, 1],
+        [common_1.ImGuiCol.TitleBg]: [exports.theme1Colors.lightGrey, 1],
+        [common_1.ImGuiCol.TitleBgActive]: [exports.theme1Colors.grey, 1],
+        [common_1.ImGuiCol.TitleBgCollapsed]: [exports.theme1Colors.veryLightGrey, 1],
+        [common_1.ImGuiCol.MenuBarBg]: [exports.theme1Colors.grey, 1],
+        [common_1.ImGuiCol.ScrollbarBg]: [exports.theme1Colors.veryLightGrey, 1],
+        [common_1.ImGuiCol.ScrollbarGrab]: [exports.theme1Colors.grey, 1],
+        [common_1.ImGuiCol.ScrollbarGrabHovered]: [exports.theme1Colors.darkGrey, 1],
+        [common_1.ImGuiCol.ScrollbarGrabActive]: [exports.theme1Colors.black, 1],
+        [common_1.ImGuiCol.CheckMark]: [exports.theme1Colors.black, 1],
+        [common_1.ImGuiCol.SliderGrab]: [exports.theme1Colors.grey, 1],
+        [common_1.ImGuiCol.SliderGrabActive]: [exports.theme1Colors.darkGrey, 1],
+        [common_1.ImGuiCol.Button]: [exports.theme1Colors.lightGrey, 1],
+        [common_1.ImGuiCol.ButtonHovered]: [exports.theme1Colors.grey, 1],
+        [common_1.ImGuiCol.ButtonActive]: [exports.theme1Colors.darkGrey, 1],
+        [common_1.ImGuiCol.Header]: [exports.theme1Colors.veryLightGrey, 1],
+        [common_1.ImGuiCol.HeaderHovered]: [exports.theme1Colors.lightGrey, 1],
+        [common_1.ImGuiCol.HeaderActive]: [exports.theme1Colors.grey, 1],
+        [common_1.ImGuiCol.Separator]: [exports.theme1Colors.black, 1],
+        [common_1.ImGuiCol.SeparatorHovered]: [exports.theme1Colors.veryLightGrey, 1],
+        [common_1.ImGuiCol.SeparatorActive]: [exports.theme1Colors.lightGrey, 1],
+        [common_1.ImGuiCol.ResizeGrip]: [exports.theme1Colors.veryLightGrey, 1],
+        [common_1.ImGuiCol.ResizeGripHovered]: [exports.theme1Colors.lightGrey, 1],
+        [common_1.ImGuiCol.ResizeGripActive]: [exports.theme1Colors.grey, 1],
+        [common_1.ImGuiCol.Tab]: [exports.theme1Colors.veryLightGrey, 1],
+        [common_1.ImGuiCol.TabHovered]: [exports.theme1Colors.lightGrey, 1],
+        [common_1.ImGuiCol.TabActive]: [exports.theme1Colors.grey, 1],
+        [common_1.ImGuiCol.TabUnfocused]: [exports.theme1Colors.veryLightGrey, 1],
+        [common_1.ImGuiCol.TabUnfocusedActive]: [exports.theme1Colors.lightGrey, 1],
+        [common_1.ImGuiCol.PlotLines]: [exports.theme1Colors.grey, 1],
+        [common_1.ImGuiCol.PlotLinesHovered]: [exports.theme1Colors.darkGrey, 1],
+        [common_1.ImGuiCol.PlotHistogram]: [exports.theme1Colors.grey, 1],
+        [common_1.ImGuiCol.PlotHistogramHovered]: [exports.theme1Colors.darkGrey, 1],
+        [common_1.ImGuiCol.TableHeaderBg]: [exports.theme1Colors.grey, 1],
+        [common_1.ImGuiCol.TableBorderStrong]: [exports.theme1Colors.darkGrey, 1],
+        [common_1.ImGuiCol.TableBorderLight]: [exports.theme1Colors.lightGrey, 1],
+        [common_1.ImGuiCol.TableRowBg]: [exports.theme1Colors.veryLightGrey, 1],
+        [common_1.ImGuiCol.TableRowBgAlt]: [exports.theme1Colors.white, 1],
+        [common_1.ImGuiCol.TextSelectedBg]: [exports.theme1Colors.grey, 1],
+        [common_1.ImGuiCol.DragDropTarget]: [exports.theme1Colors.grey, 1],
+        [common_1.ImGuiCol.NavHighlight]: [exports.theme1Colors.grey, 1],
+        [common_1.ImGuiCol.NavWindowingHighlight]: [exports.theme1Colors.grey, 1],
+        [common_1.ImGuiCol.NavWindowingDimBg]: [exports.theme1Colors.grey, 1],
+        [common_1.ImGuiCol.ModalWindowDimBg]: [exports.theme1Colors.grey, 1],
+    },
+};
+exports.theme2Colors = {
+    darkestGrey: "#141f2c",
+    darkerGrey: "#2a2e39",
+    darkGrey: "#363b4a",
+    lightGrey: "#5a5a5a",
+    lighterGrey: "#7A818C",
+    evenLighterGrey: "#8491a3",
+    black: "#0A0B0D",
+    green: "#75f986",
+    red: "#ff0062",
+    white: "#fff",
+};
+exports.theme2 = {
+    // frameBorderSize: 1,
+    // framePadding: [0, 0],
+    colors: {
+        [common_1.ImGuiCol.Text]: [exports.theme2Colors.white, 1],
+        [common_1.ImGuiCol.TextDisabled]: [exports.theme2Colors.lighterGrey, 1],
+        [common_1.ImGuiCol.WindowBg]: [exports.theme2Colors.black, 1],
+        [common_1.ImGuiCol.ChildBg]: [exports.theme2Colors.black, 1],
+        [common_1.ImGuiCol.PopupBg]: [exports.theme2Colors.white, 1],
+        [common_1.ImGuiCol.Border]: [exports.theme2Colors.lightGrey, 1],
+        [common_1.ImGuiCol.BorderShadow]: [exports.theme2Colors.darkestGrey, 1],
+        [common_1.ImGuiCol.FrameBg]: [exports.theme2Colors.black, 1],
+        [common_1.ImGuiCol.FrameBgHovered]: [exports.theme2Colors.darkerGrey, 1], //
+        [common_1.ImGuiCol.FrameBgActive]: [exports.theme2Colors.lightGrey, 1],
+        [common_1.ImGuiCol.TitleBg]: [exports.theme2Colors.lightGrey, 1],
+        [common_1.ImGuiCol.TitleBgActive]: [exports.theme2Colors.darkerGrey, 1], //
+        [common_1.ImGuiCol.TitleBgCollapsed]: [exports.theme2Colors.lightGrey, 1],
+        [common_1.ImGuiCol.MenuBarBg]: [exports.theme2Colors.lightGrey, 1],
+        [common_1.ImGuiCol.ScrollbarBg]: [exports.theme2Colors.darkerGrey, 1], //
+        [common_1.ImGuiCol.ScrollbarGrab]: [exports.theme2Colors.darkerGrey, 1], //
+        [common_1.ImGuiCol.ScrollbarGrabHovered]: [exports.theme2Colors.lightGrey, 1],
+        [common_1.ImGuiCol.ScrollbarGrabActive]: [exports.theme2Colors.darkestGrey, 1],
+        [common_1.ImGuiCol.CheckMark]: [exports.theme2Colors.darkestGrey, 1],
+        [common_1.ImGuiCol.SliderGrab]: [exports.theme2Colors.darkerGrey, 1], //
+        [common_1.ImGuiCol.SliderGrabActive]: [exports.theme2Colors.lightGrey, 1],
+        [common_1.ImGuiCol.Button]: [exports.theme2Colors.black, 1],
+        [common_1.ImGuiCol.ButtonHovered]: [exports.theme2Colors.darkerGrey, 1], //
+        [common_1.ImGuiCol.ButtonActive]: [exports.theme2Colors.black, 1],
+        [common_1.ImGuiCol.Header]: [exports.theme2Colors.black, 1],
+        [common_1.ImGuiCol.HeaderHovered]: [exports.theme2Colors.black, 1],
+        [common_1.ImGuiCol.HeaderActive]: [exports.theme2Colors.lightGrey, 1],
+        [common_1.ImGuiCol.Separator]: [exports.theme2Colors.darkestGrey, 1],
+        [common_1.ImGuiCol.SeparatorHovered]: [exports.theme2Colors.lightGrey, 1],
+        [common_1.ImGuiCol.SeparatorActive]: [exports.theme2Colors.lightGrey, 1],
+        [common_1.ImGuiCol.ResizeGrip]: [exports.theme2Colors.black, 1],
+        [common_1.ImGuiCol.ResizeGripHovered]: [exports.theme2Colors.lightGrey, 1],
+        [common_1.ImGuiCol.ResizeGripActive]: [exports.theme2Colors.darkerGrey, 1], //
+        [common_1.ImGuiCol.Tab]: [exports.theme2Colors.black, 1],
+        [common_1.ImGuiCol.TabHovered]: [exports.theme2Colors.darkerGrey, 1], //
+        [common_1.ImGuiCol.TabActive]: [exports.theme2Colors.lightGrey, 1],
+        [common_1.ImGuiCol.TabUnfocused]: [exports.theme2Colors.black, 1],
+        [common_1.ImGuiCol.TabUnfocusedActive]: [exports.theme2Colors.lightGrey, 1],
+        [common_1.ImGuiCol.PlotLines]: [exports.theme2Colors.darkerGrey, 1], //
+        [common_1.ImGuiCol.PlotLinesHovered]: [exports.theme2Colors.lightGrey, 1],
+        [common_1.ImGuiCol.PlotHistogram]: [exports.theme2Colors.darkerGrey, 1], //
+        [common_1.ImGuiCol.PlotHistogramHovered]: [exports.theme2Colors.lightGrey, 1],
+        [common_1.ImGuiCol.TableHeaderBg]: [exports.theme2Colors.black, 1],
+        [common_1.ImGuiCol.TableBorderStrong]: [exports.theme2Colors.lightGrey, 1],
+        [common_1.ImGuiCol.TableBorderLight]: [exports.theme2Colors.darkerGrey, 1],
+        [common_1.ImGuiCol.TableRowBg]: [exports.theme2Colors.darkGrey, 1],
+        [common_1.ImGuiCol.TableRowBgAlt]: [exports.theme2Colors.darkerGrey, 1],
+        [common_1.ImGuiCol.TextSelectedBg]: [exports.theme2Colors.darkerGrey, 1], //
+        [common_1.ImGuiCol.DragDropTarget]: [exports.theme2Colors.darkerGrey, 1], //
+        [common_1.ImGuiCol.NavHighlight]: [exports.theme2Colors.darkerGrey, 1], //
+        [common_1.ImGuiCol.NavWindowingHighlight]: [exports.theme2Colors.darkerGrey, 1], //
+        [common_1.ImGuiCol.NavWindowingDimBg]: [exports.theme2Colors.darkerGrey, 1], //
+        [common_1.ImGuiCol.ModalWindowDimBg]: [exports.theme2Colors.darkerGrey, 1], //
+    },
+};