devextreme-react 23.2.6 → 24.1.2-beta

package/cjs/chart.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 23.2.6
- * Build date: Wed May 01 2024
+ * Version: 24.1.2-beta
+ * Build date: Mon May 13 2024
  *
  * Copyright (c) 2012 - 2024 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -11,20 +11,20 @@
  * https://github.com/DevExpress/devextreme-react
  */
 
-/// <reference types="react" />
+import * as React from "react";
+import { Ref, ReactElement } from "react";
 import dxChart, { Properties } from "devextreme/viz/chart";
-import { Component as BaseComponent, IHtmlOptions } from "./core/component";
-import NestedOption from "./core/nested-option";
+import { IHtmlOptions, IElementDescriptor } from "./core/component";
 import type { ArgumentAxisClickEvent, DisposingEvent, DoneEvent, DrawnEvent, ExportedEvent, ExportingEvent, FileSavingEvent, IncidentOccurredEvent, InitializedEvent, LegendClickEvent, PointClickEvent, SeriesClickEvent, TooltipHiddenEvent, TooltipShownEvent, ZoomEndEvent, ZoomStartEvent, chartPointAggregationInfoObject, chartSeriesObject, dxChartAnnotationConfig, chartPointObject } from "devextreme/viz/chart";
 import type { Font as ChartsFont, ScaleBreak, ChartsColor, LegendItem } from "devextreme/common/charts";
 import type { template } from "devextreme/core/templates/template";
 import type { ChartSeries } from "devextreme/viz/common";
 import type * as CommonChartTypes from "devextreme/common/charts";
 import type * as LocalizationTypes from "devextreme/localization";
-declare type ReplaceFieldTypes<TSource, TReplacement> = {
+type ReplaceFieldTypes<TSource, TReplacement> = {
     [P in keyof TSource]: P extends keyof TReplacement ? TReplacement[P] : TSource[P];
 };
-declare type IChartOptionsNarrowedEvents = {
+type IChartOptionsNarrowedEvents = {
     onArgumentAxisClick?: ((e: ArgumentAxisClickEvent) => void);
     onDisposing?: ((e: DisposingEvent) => void);
     onDone?: ((e: DoneEvent) => void);
@@ -42,7 +42,7 @@ declare type IChartOptionsNarrowedEvents = {
     onZoomEnd?: ((e: ZoomEndEvent) => void);
     onZoomStart?: ((e: ZoomStartEvent) => void);
 };
-declare type IChartOptions = React.PropsWithChildren<ReplaceFieldTypes<Properties, IChartOptionsNarrowedEvents> & IHtmlOptions & {
+type IChartOptions = React.PropsWithChildren<ReplaceFieldTypes<Properties, IChartOptionsNarrowedEvents> & IHtmlOptions & {
     defaultArgumentAxis?: Record<string, any>;
     defaultLoadingIndicator?: Record<string, any>;
     defaultValueAxis?: Array<Record<string, any>> | Record<string, any>;
@@ -50,133 +50,27 @@ declare type IChartOptions = React.PropsWithChildren<ReplaceFieldTypes<Propertie
     onLoadingIndicatorChange?: (value: Record<string, any>) => void;
     onValueAxisChange?: (value: Array<Record<string, any>> | Record<string, any>) => void;
 }>;
-declare class Chart extends BaseComponent<React.PropsWithChildren<IChartOptions>> {
-    get instance(): dxChart;
-    protected _WidgetClass: typeof dxChart;
-    protected useRequestAnimationFrameFlag: boolean;
-    protected subscribableOptions: string[];
-    protected independentEvents: string[];
-    protected _defaults: {
-        defaultArgumentAxis: string;
-        defaultLoadingIndicator: string;
-        defaultValueAxis: string;
-    };
-    protected _expectedChildren: {
-        adaptiveLayout: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        animation: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        annotation: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        argumentAxis: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        chartTitle: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        commonAnnotationSettings: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        commonAxisSettings: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        commonPaneSettings: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        commonSeriesSettings: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        crosshair: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        dataPrepareSettings: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        export: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        legend: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        loadingIndicator: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        margin: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        pane: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        scrollBar: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        series: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        seriesTemplate: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        size: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        title: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        tooltip: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        valueAxis: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        zoomAndPan: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-    };
+interface ChartRef {
+    instance: () => dxChart;
 }
-declare type IAdaptiveLayoutProps = React.PropsWithChildren<{
+declare const Chart: (props: React.PropsWithChildren<IChartOptions> & {
+    ref?: Ref<ChartRef>;
+}) => ReactElement | null;
+type IAdaptiveLayoutProps = React.PropsWithChildren<{
     height?: number;
     keepLabels?: boolean;
     width?: number;
 }>;
-declare class AdaptiveLayout extends NestedOption<IAdaptiveLayoutProps> {
-    static OptionName: string;
-}
-declare type IAggregationProps = React.PropsWithChildren<{
+declare const _componentAdaptiveLayout: React.MemoExoticComponent<(props: IAdaptiveLayoutProps) => React.FunctionComponentElement<IAdaptiveLayoutProps>>;
+declare const AdaptiveLayout: typeof _componentAdaptiveLayout & IElementDescriptor;
+type IAggregationProps = React.PropsWithChildren<{
     calculate?: ((aggregationInfo: chartPointAggregationInfoObject, series: chartSeriesObject) => Record<string, any> | Array<Record<string, any>>);
     enabled?: boolean;
     method?: "avg" | "count" | "max" | "min" | "ohlc" | "range" | "sum" | "custom";
 }>;
-declare class Aggregation extends NestedOption<IAggregationProps> {
-    static OptionName: string;
-}
-declare type IAggregationIntervalProps = React.PropsWithChildren<{
+declare const _componentAggregation: React.MemoExoticComponent<(props: IAggregationProps) => React.FunctionComponentElement<IAggregationProps>>;
+declare const Aggregation: typeof _componentAggregation & IElementDescriptor;
+type IAggregationIntervalProps = React.PropsWithChildren<{
     days?: number;
     hours?: number;
     milliseconds?: number;
@@ -187,19 +81,17 @@ declare type IAggregationIntervalProps = React.PropsWithChildren<{
     weeks?: number;
     years?: number;
 }>;
-declare class AggregationInterval extends NestedOption<IAggregationIntervalProps> {
-    static OptionName: string;
-}
-declare type IAnimationProps = React.PropsWithChildren<{
+declare const _componentAggregationInterval: React.MemoExoticComponent<(props: IAggregationIntervalProps) => React.FunctionComponentElement<IAggregationIntervalProps>>;
+declare const AggregationInterval: typeof _componentAggregationInterval & IElementDescriptor;
+type IAnimationProps = React.PropsWithChildren<{
     duration?: number;
     easing?: "easeOutCubic" | "linear";
     enabled?: boolean;
     maxPointCountSupported?: number;
 }>;
-declare class Animation extends NestedOption<IAnimationProps> {
-    static OptionName: string;
-}
-declare type IAnnotationProps = React.PropsWithChildren<{
+declare const _componentAnimation: React.MemoExoticComponent<(props: IAnimationProps) => React.FunctionComponentElement<IAnimationProps>>;
+declare const Animation: typeof _componentAnimation & IElementDescriptor;
+type IAnnotationProps = React.PropsWithChildren<{
     allowDragging?: boolean;
     argument?: Date | number | string;
     arrowLength?: number;
@@ -251,48 +143,12 @@ declare type IAnnotationProps = React.PropsWithChildren<{
     y?: number;
     render?: (...params: any) => React.ReactNode;
     component?: React.ComponentType<any>;
-    keyFn?: (data: any) => string;
     tooltipRender?: (...params: any) => React.ReactNode;
     tooltipComponent?: React.ComponentType<any>;
-    tooltipKeyFn?: (data: any) => string;
-}>;
-declare class Annotation extends NestedOption<IAnnotationProps> {
-    static OptionName: string;
-    static IsCollectionItem: boolean;
-    static ExpectedChildren: {
-        annotationBorder: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        annotationImage: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        border: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        font: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        image: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        shadow: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-    };
-    static TemplateProps: {
-        tmplOption: string;
-        render: string;
-        component: string;
-        keyFn: string;
-    }[];
-}
-declare type IAnnotationBorderProps = React.PropsWithChildren<{
+}>;
+declare const _componentAnnotation: React.MemoExoticComponent<(props: IAnnotationProps) => React.FunctionComponentElement<IAnnotationProps>>;
+declare const Annotation: typeof _componentAnnotation & IElementDescriptor;
+type IAnnotationBorderProps = React.PropsWithChildren<{
     color?: string;
     cornerRadius?: number;
     dashStyle?: "dash" | "dot" | "longDash" | "solid";
@@ -300,18 +156,16 @@ declare type IAnnotationBorderProps = React.PropsWithChildren<{
     visible?: boolean;
     width?: number;
 }>;
-declare class AnnotationBorder extends NestedOption<IAnnotationBorderProps> {
-    static OptionName: string;
-}
-declare type IAnnotationImageProps = React.PropsWithChildren<{
+declare const _componentAnnotationBorder: React.MemoExoticComponent<(props: IAnnotationBorderProps) => React.FunctionComponentElement<IAnnotationBorderProps>>;
+declare const AnnotationBorder: typeof _componentAnnotationBorder & IElementDescriptor;
+type IAnnotationImageProps = React.PropsWithChildren<{
     height?: number;
     url?: string;
     width?: number;
 }>;
-declare class AnnotationImage extends NestedOption<IAnnotationImageProps> {
-    static OptionName: string;
-}
-declare type IArgumentAxisProps = React.PropsWithChildren<{
+declare const _componentAnnotationImage: React.MemoExoticComponent<(props: IAnnotationImageProps) => React.FunctionComponentElement<IAnnotationImageProps>>;
+declare const AnnotationImage: typeof _componentAnnotationImage & IElementDescriptor;
+type IArgumentAxisProps = React.PropsWithChildren<{
     aggregateByCategory?: boolean;
     aggregatedPointsPosition?: "betweenTicks" | "crossTicks";
     aggregationGroupWidth?: number;
@@ -520,100 +374,9 @@ declare type IArgumentAxisProps = React.PropsWithChildren<{
     defaultVisualRange?: Array<Date | number | string> | CommonChartTypes.VisualRange;
     onVisualRangeChange?: (value: Array<Date | number | string> | CommonChartTypes.VisualRange) => void;
 }>;
-declare class ArgumentAxis extends NestedOption<IArgumentAxisProps> {
-    static OptionName: string;
-    static DefaultsProps: {
-        defaultCategories: string;
-        defaultVisualRange: string;
-    };
-    static ExpectedChildren: {
-        aggregationInterval: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        axisConstantLineStyle: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        axisLabel: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        axisTitle: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        break: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        breakStyle: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        constantLine: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        constantLineStyle: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        grid: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        label: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        minorGrid: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        minorTick: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        minorTickInterval: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        minVisualRangeLength: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        strip: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        stripStyle: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        tick: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        tickInterval: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        title: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        visualRange: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        wholeRange: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-    };
-}
-declare type IArgumentFormatProps = React.PropsWithChildren<{
+declare const _componentArgumentAxis: React.MemoExoticComponent<(props: IArgumentAxisProps) => React.FunctionComponentElement<IArgumentAxisProps>>;
+declare const ArgumentAxis: typeof _componentArgumentAxis & IElementDescriptor;
+type IArgumentFormatProps = React.PropsWithChildren<{
     currency?: string;
     formatter?: ((value: number | Date) => string);
     parser?: ((value: string) => number | Date);
@@ -621,10 +384,9 @@ declare type IArgumentFormatProps = React.PropsWithChildren<{
     type?: "billions" | "currency" | "day" | "decimal" | "exponential" | "fixedPoint" | "largeNumber" | "longDate" | "longTime" | "millions" | "millisecond" | "month" | "monthAndDay" | "monthAndYear" | "percent" | "quarter" | "quarterAndYear" | "shortDate" | "shortTime" | "thousands" | "trillions" | "year" | "dayOfWeek" | "hour" | "longDateLongTime" | "minute" | "second" | "shortDateShortTime";
     useCurrencyAccountingStyle?: boolean;
 }>;
-declare class ArgumentFormat extends NestedOption<IArgumentFormatProps> {
-    static OptionName: string;
-}
-declare type IAxisConstantLineStyleProps = React.PropsWithChildren<{
+declare const _componentArgumentFormat: React.MemoExoticComponent<(props: IArgumentFormatProps) => React.FunctionComponentElement<IArgumentFormatProps>>;
+declare const ArgumentFormat: typeof _componentArgumentFormat & IElementDescriptor;
+type IAxisConstantLineStyleProps = React.PropsWithChildren<{
     color?: string;
     dashStyle?: "dash" | "dot" | "longDash" | "solid";
     label?: Record<string, any> | {
@@ -638,20 +400,18 @@ declare type IAxisConstantLineStyleProps = React.PropsWithChildren<{
     paddingTopBottom?: number;
     width?: number;
 }>;
-declare class AxisConstantLineStyle extends NestedOption<IAxisConstantLineStyleProps> {
-    static OptionName: string;
-}
-declare type IAxisConstantLineStyleLabelProps = React.PropsWithChildren<{
+declare const _componentAxisConstantLineStyle: React.MemoExoticComponent<(props: IAxisConstantLineStyleProps) => React.FunctionComponentElement<IAxisConstantLineStyleProps>>;
+declare const AxisConstantLineStyle: typeof _componentAxisConstantLineStyle & IElementDescriptor;
+type IAxisConstantLineStyleLabelProps = React.PropsWithChildren<{
     font?: ChartsFont;
     horizontalAlignment?: "center" | "left" | "right";
     position?: "inside" | "outside";
     verticalAlignment?: "bottom" | "center" | "top";
     visible?: boolean;
 }>;
-declare class AxisConstantLineStyleLabel extends NestedOption<IAxisConstantLineStyleLabelProps> {
-    static OptionName: string;
-}
-declare type IAxisLabelProps = React.PropsWithChildren<{
+declare const _componentAxisConstantLineStyleLabel: React.MemoExoticComponent<(props: IAxisConstantLineStyleLabelProps) => React.FunctionComponentElement<IAxisConstantLineStyleLabelProps>>;
+declare const AxisConstantLineStyleLabel: typeof _componentAxisConstantLineStyleLabel & IElementDescriptor;
+type IAxisLabelProps = React.PropsWithChildren<{
     alignment?: "center" | "left" | "right";
     customizeHint?: ((argument: {
         value: Date | number | string;
@@ -678,18 +438,10 @@ declare type IAxisLabelProps = React.PropsWithChildren<{
     wordWrap?: "normal" | "breakWord" | "none";
     render?: (...params: any) => React.ReactNode;
     component?: React.ComponentType<any>;
-    keyFn?: (data: any) => string;
-}>;
-declare class AxisLabel extends NestedOption<IAxisLabelProps> {
-    static OptionName: string;
-    static TemplateProps: {
-        tmplOption: string;
-        render: string;
-        component: string;
-        keyFn: string;
-    }[];
-}
-declare type IAxisTitleProps = React.PropsWithChildren<{
+}>;
+declare const _componentAxisLabel: React.MemoExoticComponent<(props: IAxisLabelProps) => React.FunctionComponentElement<IAxisLabelProps>>;
+declare const AxisLabel: typeof _componentAxisLabel & IElementDescriptor;
+type IAxisTitleProps = React.PropsWithChildren<{
     alignment?: "center" | "left" | "right";
     font?: ChartsFont;
     margin?: number;
@@ -697,17 +449,15 @@ declare type IAxisTitleProps = React.PropsWithChildren<{
     textOverflow?: "ellipsis" | "hide" | "none";
     wordWrap?: "normal" | "breakWord" | "none";
 }>;
-declare class AxisTitle extends NestedOption<IAxisTitleProps> {
-    static OptionName: string;
-}
-declare type IBackgroundColorProps = React.PropsWithChildren<{
+declare const _componentAxisTitle: React.MemoExoticComponent<(props: IAxisTitleProps) => React.FunctionComponentElement<IAxisTitleProps>>;
+declare const AxisTitle: typeof _componentAxisTitle & IElementDescriptor;
+type IBackgroundColorProps = React.PropsWithChildren<{
     base?: string;
     fillId?: string;
 }>;
-declare class BackgroundColor extends NestedOption<IBackgroundColorProps> {
-    static OptionName: string;
-}
-declare type IBorderProps = React.PropsWithChildren<{
+declare const _componentBackgroundColor: React.MemoExoticComponent<(props: IBackgroundColorProps) => React.FunctionComponentElement<IBackgroundColorProps>>;
+declare const BackgroundColor: typeof _componentBackgroundColor & IElementDescriptor;
+type IBorderProps = React.PropsWithChildren<{
     color?: string;
     cornerRadius?: number;
     dashStyle?: "dash" | "dot" | "longDash" | "solid";
@@ -719,26 +469,22 @@ declare type IBorderProps = React.PropsWithChildren<{
     right?: boolean;
     top?: boolean;
 }>;
-declare class Border extends NestedOption<IBorderProps> {
-    static OptionName: string;
-}
-declare type IBreakProps = React.PropsWithChildren<{
+declare const _componentBorder: React.MemoExoticComponent<(props: IBorderProps) => React.FunctionComponentElement<IBorderProps>>;
+declare const Border: typeof _componentBorder & IElementDescriptor;
+type IBreakProps = React.PropsWithChildren<{
     endValue?: Date | number | string;
     startValue?: Date | number | string;
 }>;
-declare class Break extends NestedOption<IBreakProps> {
-    static OptionName: string;
-    static IsCollectionItem: boolean;
-}
-declare type IBreakStyleProps = React.PropsWithChildren<{
+declare const _componentBreak: React.MemoExoticComponent<(props: IBreakProps) => React.FunctionComponentElement<IBreakProps>>;
+declare const Break: typeof _componentBreak & IElementDescriptor;
+type IBreakStyleProps = React.PropsWithChildren<{
     color?: string;
     line?: "straight" | "waved";
     width?: number;
 }>;
-declare class BreakStyle extends NestedOption<IBreakStyleProps> {
-    static OptionName: string;
-}
-declare type IChartTitleProps = React.PropsWithChildren<{
+declare const _componentBreakStyle: React.MemoExoticComponent<(props: IBreakStyleProps) => React.FunctionComponentElement<IBreakStyleProps>>;
+declare const BreakStyle: typeof _componentBreakStyle & IElementDescriptor;
+type IChartTitleProps = React.PropsWithChildren<{
     font?: ChartsFont;
     horizontalAlignment?: "center" | "left" | "right";
     margin?: number | Record<string, any> | {
@@ -760,51 +506,24 @@ declare type IChartTitleProps = React.PropsWithChildren<{
     verticalAlignment?: "bottom" | "top";
     wordWrap?: "normal" | "breakWord" | "none";
 }>;
-declare class ChartTitle extends NestedOption<IChartTitleProps> {
-    static OptionName: string;
-    static ExpectedChildren: {
-        chartTitleSubtitle: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        font: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        margin: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        subtitle: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-    };
-}
-declare type IChartTitleSubtitleProps = React.PropsWithChildren<{
+declare const _componentChartTitle: React.MemoExoticComponent<(props: IChartTitleProps) => React.FunctionComponentElement<IChartTitleProps>>;
+declare const ChartTitle: typeof _componentChartTitle & IElementDescriptor;
+type IChartTitleSubtitleProps = React.PropsWithChildren<{
     font?: ChartsFont;
     offset?: number;
     text?: string;
     textOverflow?: "ellipsis" | "hide" | "none";
     wordWrap?: "normal" | "breakWord" | "none";
 }>;
-declare class ChartTitleSubtitle extends NestedOption<IChartTitleSubtitleProps> {
-    static OptionName: string;
-    static ExpectedChildren: {
-        font: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-    };
-}
-declare type IColorProps = React.PropsWithChildren<{
+declare const _componentChartTitleSubtitle: React.MemoExoticComponent<(props: IChartTitleSubtitleProps) => React.FunctionComponentElement<IChartTitleSubtitleProps>>;
+declare const ChartTitleSubtitle: typeof _componentChartTitleSubtitle & IElementDescriptor;
+type IColorProps = React.PropsWithChildren<{
     base?: string;
     fillId?: string;
 }>;
-declare class Color extends NestedOption<IColorProps> {
-    static OptionName: string;
-}
-declare type ICommonAnnotationSettingsProps = React.PropsWithChildren<{
+declare const _componentColor: React.MemoExoticComponent<(props: IColorProps) => React.FunctionComponentElement<IColorProps>>;
+declare const Color: typeof _componentColor & IElementDescriptor;
+type ICommonAnnotationSettingsProps = React.PropsWithChildren<{
     allowDragging?: boolean;
     argument?: Date | number | string;
     arrowLength?: number;
@@ -855,21 +574,12 @@ declare type ICommonAnnotationSettingsProps = React.PropsWithChildren<{
     y?: number;
     render?: (...params: any) => React.ReactNode;
     component?: React.ComponentType<any>;
-    keyFn?: (data: any) => string;
     tooltipRender?: (...params: any) => React.ReactNode;
     tooltipComponent?: React.ComponentType<any>;
-    tooltipKeyFn?: (data: any) => string;
-}>;
-declare class CommonAnnotationSettings extends NestedOption<ICommonAnnotationSettingsProps> {
-    static OptionName: string;
-    static TemplateProps: {
-        tmplOption: string;
-        render: string;
-        component: string;
-        keyFn: string;
-    }[];
-}
-declare type ICommonAxisSettingsProps = React.PropsWithChildren<{
+}>;
+declare const _componentCommonAnnotationSettings: React.MemoExoticComponent<(props: ICommonAnnotationSettingsProps) => React.FunctionComponentElement<ICommonAnnotationSettingsProps>>;
+declare const CommonAnnotationSettings: typeof _componentCommonAnnotationSettings & IElementDescriptor;
+type ICommonAxisSettingsProps = React.PropsWithChildren<{
     aggregatedPointsPosition?: "betweenTicks" | "crossTicks";
     allowDecimals?: boolean;
     breakStyle?: Record<string, any> | {
@@ -962,36 +672,9 @@ declare type ICommonAxisSettingsProps = React.PropsWithChildren<{
     visible?: boolean;
     width?: number;
 }>;
-declare class CommonAxisSettings extends NestedOption<ICommonAxisSettingsProps> {
-    static OptionName: string;
-    static ExpectedChildren: {
-        commonAxisSettingsConstantLineStyle: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        commonAxisSettingsLabel: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        commonAxisSettingsTitle: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        constantLineStyle: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        label: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        title: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-    };
-}
-declare type ICommonAxisSettingsConstantLineStyleProps = React.PropsWithChildren<{
+declare const _componentCommonAxisSettings: React.MemoExoticComponent<(props: ICommonAxisSettingsProps) => React.FunctionComponentElement<ICommonAxisSettingsProps>>;
+declare const CommonAxisSettings: typeof _componentCommonAxisSettings & IElementDescriptor;
+type ICommonAxisSettingsConstantLineStyleProps = React.PropsWithChildren<{
     color?: string;
     dashStyle?: "dash" | "dot" | "longDash" | "solid";
     label?: Record<string, any> | {
@@ -1003,28 +686,16 @@ declare type ICommonAxisSettingsConstantLineStyleProps = React.PropsWithChildren
     paddingTopBottom?: number;
     width?: number;
 }>;
-declare class CommonAxisSettingsConstantLineStyle extends NestedOption<ICommonAxisSettingsConstantLineStyleProps> {
-    static OptionName: string;
-    static ExpectedChildren: {
-        commonAxisSettingsConstantLineStyleLabel: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        label: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-    };
-}
-declare type ICommonAxisSettingsConstantLineStyleLabelProps = React.PropsWithChildren<{
+declare const _componentCommonAxisSettingsConstantLineStyle: React.MemoExoticComponent<(props: ICommonAxisSettingsConstantLineStyleProps) => React.FunctionComponentElement<ICommonAxisSettingsConstantLineStyleProps>>;
+declare const CommonAxisSettingsConstantLineStyle: typeof _componentCommonAxisSettingsConstantLineStyle & IElementDescriptor;
+type ICommonAxisSettingsConstantLineStyleLabelProps = React.PropsWithChildren<{
     font?: ChartsFont;
     position?: "inside" | "outside";
     visible?: boolean;
 }>;
-declare class CommonAxisSettingsConstantLineStyleLabel extends NestedOption<ICommonAxisSettingsConstantLineStyleLabelProps> {
-    static OptionName: string;
-}
-declare type ICommonAxisSettingsLabelProps = React.PropsWithChildren<{
+declare const _componentCommonAxisSettingsConstantLineStyleLabel: React.MemoExoticComponent<(props: ICommonAxisSettingsConstantLineStyleLabelProps) => React.FunctionComponentElement<ICommonAxisSettingsConstantLineStyleLabelProps>>;
+declare const CommonAxisSettingsConstantLineStyleLabel: typeof _componentCommonAxisSettingsConstantLineStyleLabel & IElementDescriptor;
+type ICommonAxisSettingsLabelProps = React.PropsWithChildren<{
     alignment?: "center" | "left" | "right";
     displayMode?: "rotate" | "stagger" | "standard";
     font?: ChartsFont;
@@ -1042,28 +713,19 @@ declare type ICommonAxisSettingsLabelProps = React.PropsWithChildren<{
     wordWrap?: "normal" | "breakWord" | "none";
     render?: (...params: any) => React.ReactNode;
     component?: React.ComponentType<any>;
-    keyFn?: (data: any) => string;
-}>;
-declare class CommonAxisSettingsLabel extends NestedOption<ICommonAxisSettingsLabelProps> {
-    static OptionName: string;
-    static TemplateProps: {
-        tmplOption: string;
-        render: string;
-        component: string;
-        keyFn: string;
-    }[];
-}
-declare type ICommonAxisSettingsTitleProps = React.PropsWithChildren<{
+}>;
+declare const _componentCommonAxisSettingsLabel: React.MemoExoticComponent<(props: ICommonAxisSettingsLabelProps) => React.FunctionComponentElement<ICommonAxisSettingsLabelProps>>;
+declare const CommonAxisSettingsLabel: typeof _componentCommonAxisSettingsLabel & IElementDescriptor;
+type ICommonAxisSettingsTitleProps = React.PropsWithChildren<{
     alignment?: "center" | "left" | "right";
     font?: ChartsFont;
     margin?: number;
     textOverflow?: "ellipsis" | "hide" | "none";
     wordWrap?: "normal" | "breakWord" | "none";
 }>;
-declare class CommonAxisSettingsTitle extends NestedOption<ICommonAxisSettingsTitleProps> {
-    static OptionName: string;
-}
-declare type ICommonPaneSettingsProps = React.PropsWithChildren<{
+declare const _componentCommonAxisSettingsTitle: React.MemoExoticComponent<(props: ICommonAxisSettingsTitleProps) => React.FunctionComponentElement<ICommonAxisSettingsTitleProps>>;
+declare const CommonAxisSettingsTitle: typeof _componentCommonAxisSettingsTitle & IElementDescriptor;
+type ICommonPaneSettingsProps = React.PropsWithChildren<{
     backgroundColor?: ChartsColor | string;
     border?: Record<string, any> | {
         bottom?: boolean;
@@ -1077,24 +739,9 @@ declare type ICommonPaneSettingsProps = React.PropsWithChildren<{
         width?: number;
     };
 }>;
-declare class CommonPaneSettings extends NestedOption<ICommonPaneSettingsProps> {
-    static OptionName: string;
-    static ExpectedChildren: {
-        backgroundColor: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        border: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        paneBorder: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-    };
-}
-declare type ICommonSeriesSettingsProps = React.PropsWithChildren<{
+declare const _componentCommonPaneSettings: React.MemoExoticComponent<(props: ICommonPaneSettingsProps) => React.FunctionComponentElement<ICommonPaneSettingsProps>>;
+declare const CommonPaneSettings: typeof _componentCommonPaneSettings & IElementDescriptor;
+type ICommonSeriesSettingsProps = React.PropsWithChildren<{
     aggregation?: Record<string, any> | {
         calculate?: ((aggregationInfo: chartPointAggregationInfoObject, series: chartSeriesObject) => Record<string, any> | Array<Record<string, any>>);
         enabled?: boolean;
@@ -1282,64 +929,9 @@ declare type ICommonSeriesSettingsProps = React.PropsWithChildren<{
     visible?: boolean;
     width?: number;
 }>;
-declare class CommonSeriesSettings extends NestedOption<ICommonSeriesSettingsProps> {
-    static OptionName: string;
-    static ExpectedChildren: {
-        aggregation: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        border: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        color: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        commonSeriesSettingsHoverStyle: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        commonSeriesSettingsLabel: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        commonSeriesSettingsSelectionStyle: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        hoverStyle: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        label: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        point: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        reduction: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        selectionStyle: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        seriesBorder: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        valueErrorBar: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-    };
-}
-declare type ICommonSeriesSettingsHoverStyleProps = React.PropsWithChildren<{
+declare const _componentCommonSeriesSettings: React.MemoExoticComponent<(props: ICommonSeriesSettingsProps) => React.FunctionComponentElement<ICommonSeriesSettingsProps>>;
+declare const CommonSeriesSettings: typeof _componentCommonSeriesSettings & IElementDescriptor;
+type ICommonSeriesSettingsHoverStyleProps = React.PropsWithChildren<{
     border?: Record<string, any> | {
         color?: string;
         dashStyle?: "dash" | "dot" | "longDash" | "solid";
@@ -1357,28 +949,9 @@ declare type ICommonSeriesSettingsHoverStyleProps = React.PropsWithChildren<{
     highlight?: boolean;
     width?: number;
 }>;
-declare class CommonSeriesSettingsHoverStyle extends NestedOption<ICommonSeriesSettingsHoverStyleProps> {
-    static OptionName: string;
-    static ExpectedChildren: {
-        border: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        color: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        hatching: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        seriesBorder: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-    };
-}
-declare type ICommonSeriesSettingsLabelProps = React.PropsWithChildren<{
+declare const _componentCommonSeriesSettingsHoverStyle: React.MemoExoticComponent<(props: ICommonSeriesSettingsHoverStyleProps) => React.FunctionComponentElement<ICommonSeriesSettingsHoverStyleProps>>;
+declare const CommonSeriesSettingsHoverStyle: typeof _componentCommonSeriesSettingsHoverStyle & IElementDescriptor;
+type ICommonSeriesSettingsLabelProps = React.PropsWithChildren<{
     alignment?: "center" | "left" | "right";
     argumentFormat?: LocalizationTypes.Format;
     backgroundColor?: string;
@@ -1404,36 +977,9 @@ declare type ICommonSeriesSettingsLabelProps = React.PropsWithChildren<{
     verticalOffset?: number;
     visible?: boolean;
 }>;
-declare class CommonSeriesSettingsLabel extends NestedOption<ICommonSeriesSettingsLabelProps> {
-    static OptionName: string;
-    static ExpectedChildren: {
-        argumentFormat: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        border: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        connector: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        font: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        format: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        seriesBorder: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-    };
-}
-declare type ICommonSeriesSettingsSelectionStyleProps = React.PropsWithChildren<{
+declare const _componentCommonSeriesSettingsLabel: React.MemoExoticComponent<(props: ICommonSeriesSettingsLabelProps) => React.FunctionComponentElement<ICommonSeriesSettingsLabelProps>>;
+declare const CommonSeriesSettingsLabel: typeof _componentCommonSeriesSettingsLabel & IElementDescriptor;
+type ICommonSeriesSettingsSelectionStyleProps = React.PropsWithChildren<{
     border?: Record<string, any> | {
         color?: string;
         dashStyle?: "dash" | "dot" | "longDash" | "solid";
@@ -1451,36 +997,16 @@ declare type ICommonSeriesSettingsSelectionStyleProps = React.PropsWithChildren<
     highlight?: boolean;
     width?: number;
 }>;
-declare class CommonSeriesSettingsSelectionStyle extends NestedOption<ICommonSeriesSettingsSelectionStyleProps> {
-    static OptionName: string;
-    static ExpectedChildren: {
-        border: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        color: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        hatching: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        seriesBorder: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-    };
-}
-declare type IConnectorProps = React.PropsWithChildren<{
+declare const _componentCommonSeriesSettingsSelectionStyle: React.MemoExoticComponent<(props: ICommonSeriesSettingsSelectionStyleProps) => React.FunctionComponentElement<ICommonSeriesSettingsSelectionStyleProps>>;
+declare const CommonSeriesSettingsSelectionStyle: typeof _componentCommonSeriesSettingsSelectionStyle & IElementDescriptor;
+type IConnectorProps = React.PropsWithChildren<{
     color?: string;
     visible?: boolean;
     width?: number;
 }>;
-declare class Connector extends NestedOption<IConnectorProps> {
-    static OptionName: string;
-}
-declare type IConstantLineProps = React.PropsWithChildren<{
+declare const _componentConnector: React.MemoExoticComponent<(props: IConnectorProps) => React.FunctionComponentElement<IConnectorProps>>;
+declare const Connector: typeof _componentConnector & IElementDescriptor;
+type IConstantLineProps = React.PropsWithChildren<{
     color?: string;
     dashStyle?: "dash" | "dot" | "longDash" | "solid";
     displayBehindSeries?: boolean;
@@ -1498,11 +1024,9 @@ declare type IConstantLineProps = React.PropsWithChildren<{
     value?: Date | number | string;
     width?: number;
 }>;
-declare class ConstantLine extends NestedOption<IConstantLineProps> {
-    static OptionName: string;
-    static IsCollectionItem: boolean;
-}
-declare type IConstantLineLabelProps = React.PropsWithChildren<{
+declare const _componentConstantLine: React.MemoExoticComponent<(props: IConstantLineProps) => React.FunctionComponentElement<IConstantLineProps>>;
+declare const ConstantLine: typeof _componentConstantLine & IElementDescriptor;
+type IConstantLineLabelProps = React.PropsWithChildren<{
     font?: ChartsFont;
     horizontalAlignment?: "center" | "left" | "right";
     position?: "inside" | "outside";
@@ -1510,10 +1034,9 @@ declare type IConstantLineLabelProps = React.PropsWithChildren<{
     verticalAlignment?: "bottom" | "center" | "top";
     visible?: boolean;
 }>;
-declare class ConstantLineLabel extends NestedOption<IConstantLineLabelProps> {
-    static OptionName: string;
-}
-declare type IConstantLineStyleProps = React.PropsWithChildren<{
+declare const _componentConstantLineLabel: React.MemoExoticComponent<(props: IConstantLineLabelProps) => React.FunctionComponentElement<IConstantLineLabelProps>>;
+declare const ConstantLineLabel: typeof _componentConstantLineLabel & IElementDescriptor;
+type IConstantLineStyleProps = React.PropsWithChildren<{
     color?: string;
     dashStyle?: "dash" | "dot" | "longDash" | "solid";
     label?: Record<string, any> | {
@@ -1527,10 +1050,9 @@ declare type IConstantLineStyleProps = React.PropsWithChildren<{
     paddingTopBottom?: number;
     width?: number;
 }>;
-declare class ConstantLineStyle extends NestedOption<IConstantLineStyleProps> {
-    static OptionName: string;
-}
-declare type ICrosshairProps = React.PropsWithChildren<{
+declare const _componentConstantLineStyle: React.MemoExoticComponent<(props: IConstantLineStyleProps) => React.FunctionComponentElement<IConstantLineStyleProps>>;
+declare const ConstantLineStyle: typeof _componentConstantLineStyle & IElementDescriptor;
+type ICrosshairProps = React.PropsWithChildren<{
     color?: string;
     dashStyle?: "dash" | "dot" | "longDash" | "solid";
     enabled?: boolean;
@@ -1584,43 +1106,22 @@ declare type ICrosshairProps = React.PropsWithChildren<{
     };
     width?: number;
 }>;
-declare class Crosshair extends NestedOption<ICrosshairProps> {
-    static OptionName: string;
-    static ExpectedChildren: {
-        horizontalLine: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        horizontalLineLabel: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        label: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        verticalLine: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-    };
-}
-declare type IDataPrepareSettingsProps = React.PropsWithChildren<{
+declare const _componentCrosshair: React.MemoExoticComponent<(props: ICrosshairProps) => React.FunctionComponentElement<ICrosshairProps>>;
+declare const Crosshair: typeof _componentCrosshair & IElementDescriptor;
+type IDataPrepareSettingsProps = React.PropsWithChildren<{
     checkTypeForAllData?: boolean;
     convertToAxisDataType?: boolean;
     sortingMethod?: boolean | ((a: any, b: any) => number);
 }>;
-declare class DataPrepareSettings extends NestedOption<IDataPrepareSettingsProps> {
-    static OptionName: string;
-}
-declare type IDragBoxStyleProps = React.PropsWithChildren<{
+declare const _componentDataPrepareSettings: React.MemoExoticComponent<(props: IDataPrepareSettingsProps) => React.FunctionComponentElement<IDataPrepareSettingsProps>>;
+declare const DataPrepareSettings: typeof _componentDataPrepareSettings & IElementDescriptor;
+type IDragBoxStyleProps = React.PropsWithChildren<{
     color?: string;
     opacity?: number;
 }>;
-declare class DragBoxStyle extends NestedOption<IDragBoxStyleProps> {
-    static OptionName: string;
-}
-declare type IExportProps = React.PropsWithChildren<{
+declare const _componentDragBoxStyle: React.MemoExoticComponent<(props: IDragBoxStyleProps) => React.FunctionComponentElement<IDragBoxStyleProps>>;
+declare const DragBoxStyle: typeof _componentDragBoxStyle & IElementDescriptor;
+type IExportProps = React.PropsWithChildren<{
     backgroundColor?: string;
     enabled?: boolean;
     fileName?: string;
@@ -1629,20 +1130,18 @@ declare type IExportProps = React.PropsWithChildren<{
     printingEnabled?: boolean;
     svgToCanvas?: ((svg: any, canvas: any) => any);
 }>;
-declare class Export extends NestedOption<IExportProps> {
-    static OptionName: string;
-}
-declare type IFontProps = React.PropsWithChildren<{
+declare const _componentExport: React.MemoExoticComponent<(props: IExportProps) => React.FunctionComponentElement<IExportProps>>;
+declare const Export: typeof _componentExport & IElementDescriptor;
+type IFontProps = React.PropsWithChildren<{
     color?: string;
     family?: string;
     opacity?: number;
     size?: number | string;
     weight?: number;
 }>;
-declare class Font extends NestedOption<IFontProps> {
-    static OptionName: string;
-}
-declare type IFormatProps = React.PropsWithChildren<{
+declare const _componentFont: React.MemoExoticComponent<(props: IFontProps) => React.FunctionComponentElement<IFontProps>>;
+declare const Font: typeof _componentFont & IElementDescriptor;
+type IFormatProps = React.PropsWithChildren<{
     currency?: string;
     formatter?: ((value: number | Date) => string);
     parser?: ((value: string) => number | Date);
@@ -1650,35 +1149,31 @@ declare type IFormatProps = React.PropsWithChildren<{
     type?: "billions" | "currency" | "day" | "decimal" | "exponential" | "fixedPoint" | "largeNumber" | "longDate" | "longTime" | "millions" | "millisecond" | "month" | "monthAndDay" | "monthAndYear" | "percent" | "quarter" | "quarterAndYear" | "shortDate" | "shortTime" | "thousands" | "trillions" | "year" | "dayOfWeek" | "hour" | "longDateLongTime" | "minute" | "second" | "shortDateShortTime";
     useCurrencyAccountingStyle?: boolean;
 }>;
-declare class Format extends NestedOption<IFormatProps> {
-    static OptionName: string;
-}
-declare type IGridProps = React.PropsWithChildren<{
+declare const _componentFormat: React.MemoExoticComponent<(props: IFormatProps) => React.FunctionComponentElement<IFormatProps>>;
+declare const Format: typeof _componentFormat & IElementDescriptor;
+type IGridProps = React.PropsWithChildren<{
     color?: string;
     opacity?: number;
     visible?: boolean;
     width?: number;
 }>;
-declare class Grid extends NestedOption<IGridProps> {
-    static OptionName: string;
-}
-declare type IHatchingProps = React.PropsWithChildren<{
+declare const _componentGrid: React.MemoExoticComponent<(props: IGridProps) => React.FunctionComponentElement<IGridProps>>;
+declare const Grid: typeof _componentGrid & IElementDescriptor;
+type IHatchingProps = React.PropsWithChildren<{
     direction?: "left" | "none" | "right";
     opacity?: number;
     step?: number;
     width?: number;
 }>;
-declare class Hatching extends NestedOption<IHatchingProps> {
-    static OptionName: string;
-}
-declare type IHeightProps = React.PropsWithChildren<{
+declare const _componentHatching: React.MemoExoticComponent<(props: IHatchingProps) => React.FunctionComponentElement<IHatchingProps>>;
+declare const Hatching: typeof _componentHatching & IElementDescriptor;
+type IHeightProps = React.PropsWithChildren<{
     rangeMaxPoint?: number;
     rangeMinPoint?: number;
 }>;
-declare class Height extends NestedOption<IHeightProps> {
-    static OptionName: string;
-}
-declare type IHorizontalLineProps = React.PropsWithChildren<{
+declare const _componentHeight: React.MemoExoticComponent<(props: IHeightProps) => React.FunctionComponentElement<IHeightProps>>;
+declare const Height: typeof _componentHeight & IElementDescriptor;
+type IHorizontalLineProps = React.PropsWithChildren<{
     color?: string;
     dashStyle?: "dash" | "dot" | "longDash" | "solid";
     label?: Record<string, any> | {
@@ -1696,20 +1191,9 @@ declare type IHorizontalLineProps = React.PropsWithChildren<{
     visible?: boolean;
     width?: number;
 }>;
-declare class HorizontalLine extends NestedOption<IHorizontalLineProps> {
-    static OptionName: string;
-    static ExpectedChildren: {
-        horizontalLineLabel: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        label: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-    };
-}
-declare type IHorizontalLineLabelProps = React.PropsWithChildren<{
+declare const _componentHorizontalLine: React.MemoExoticComponent<(props: IHorizontalLineProps) => React.FunctionComponentElement<IHorizontalLineProps>>;
+declare const HorizontalLine: typeof _componentHorizontalLine & IElementDescriptor;
+type IHorizontalLineLabelProps = React.PropsWithChildren<{
     backgroundColor?: string;
     customizeText?: ((info: {
         point: chartPointObject;
@@ -1720,10 +1204,9 @@ declare type IHorizontalLineLabelProps = React.PropsWithChildren<{
     format?: LocalizationTypes.Format;
     visible?: boolean;
 }>;
-declare class HorizontalLineLabel extends NestedOption<IHorizontalLineLabelProps> {
-    static OptionName: string;
-}
-declare type IHoverStyleProps = React.PropsWithChildren<{
+declare const _componentHorizontalLineLabel: React.MemoExoticComponent<(props: IHorizontalLineLabelProps) => React.FunctionComponentElement<IHorizontalLineLabelProps>>;
+declare const HorizontalLineLabel: typeof _componentHorizontalLineLabel & IElementDescriptor;
+type IHoverStyleProps = React.PropsWithChildren<{
     border?: Record<string, any> | {
         color?: string;
         dashStyle?: "dash" | "dot" | "longDash" | "solid";
@@ -1742,10 +1225,9 @@ declare type IHoverStyleProps = React.PropsWithChildren<{
     width?: number;
     size?: number;
 }>;
-declare class HoverStyle extends NestedOption<IHoverStyleProps> {
-    static OptionName: string;
-}
-declare type IImageProps = React.PropsWithChildren<{
+declare const _componentHoverStyle: React.MemoExoticComponent<(props: IHoverStyleProps) => React.FunctionComponentElement<IHoverStyleProps>>;
+declare const HoverStyle: typeof _componentHoverStyle & IElementDescriptor;
+type IImageProps = React.PropsWithChildren<{
     height?: number | Record<string, any> | {
         rangeMaxPoint?: number;
         rangeMinPoint?: number;
@@ -1759,10 +1241,9 @@ declare type IImageProps = React.PropsWithChildren<{
         rangeMinPoint?: number;
     };
 }>;
-declare class Image extends NestedOption<IImageProps> {
-    static OptionName: string;
-}
-declare type ILabelProps = React.PropsWithChildren<{
+declare const _componentImage: React.MemoExoticComponent<(props: IImageProps) => React.FunctionComponentElement<IImageProps>>;
+declare const Image: typeof _componentImage & IElementDescriptor;
+type ILabelProps = React.PropsWithChildren<{
     font?: ChartsFont;
     horizontalAlignment?: "center" | "left" | "right";
     position?: "inside" | "outside" | "bottom" | "left" | "right" | "top";
@@ -1809,18 +1290,10 @@ declare type ILabelProps = React.PropsWithChildren<{
     verticalOffset?: number;
     render?: (...params: any) => React.ReactNode;
     component?: React.ComponentType<any>;
-    keyFn?: (data: any) => string;
-}>;
-declare class Label extends NestedOption<ILabelProps> {
-    static OptionName: string;
-    static TemplateProps: {
-        tmplOption: string;
-        render: string;
-        component: string;
-        keyFn: string;
-    }[];
-}
-declare type ILegendProps = React.PropsWithChildren<{
+}>;
+declare const _componentLabel: React.MemoExoticComponent<(props: ILabelProps) => React.FunctionComponentElement<ILabelProps>>;
+declare const Label: typeof _componentLabel & IElementDescriptor;
+type ILegendProps = React.PropsWithChildren<{
     backgroundColor?: string;
     border?: Record<string, any> | {
         color?: string;
@@ -1884,44 +1357,10 @@ declare type ILegendProps = React.PropsWithChildren<{
     visible?: boolean;
     markerRender?: (...params: any) => React.ReactNode;
     markerComponent?: React.ComponentType<any>;
-    markerKeyFn?: (data: any) => string;
-}>;
-declare class Legend extends NestedOption<ILegendProps> {
-    static OptionName: string;
-    static ExpectedChildren: {
-        annotationBorder: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        border: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        font: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        legendTitle: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        margin: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        title: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-    };
-    static TemplateProps: {
-        tmplOption: string;
-        render: string;
-        component: string;
-        keyFn: string;
-    }[];
-}
-declare type ILegendTitleProps = React.PropsWithChildren<{
+}>;
+declare const _componentLegend: React.MemoExoticComponent<(props: ILegendProps) => React.FunctionComponentElement<ILegendProps>>;
+declare const Legend: typeof _componentLegend & IElementDescriptor;
+type ILegendTitleProps = React.PropsWithChildren<{
     font?: ChartsFont;
     horizontalAlignment?: "center" | "left" | "right";
     margin?: Record<string, any> | {
@@ -1939,42 +1378,16 @@ declare type ILegendTitleProps = React.PropsWithChildren<{
     text?: string;
     verticalAlignment?: "bottom" | "top";
 }>;
-declare class LegendTitle extends NestedOption<ILegendTitleProps> {
-    static OptionName: string;
-    static ExpectedChildren: {
-        font: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        legendTitleSubtitle: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        margin: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        subtitle: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-    };
-}
-declare type ILegendTitleSubtitleProps = React.PropsWithChildren<{
+declare const _componentLegendTitle: React.MemoExoticComponent<(props: ILegendTitleProps) => React.FunctionComponentElement<ILegendTitleProps>>;
+declare const LegendTitle: typeof _componentLegendTitle & IElementDescriptor;
+type ILegendTitleSubtitleProps = React.PropsWithChildren<{
     font?: ChartsFont;
     offset?: number;
     text?: string;
 }>;
-declare class LegendTitleSubtitle extends NestedOption<ILegendTitleSubtitleProps> {
-    static OptionName: string;
-    static ExpectedChildren: {
-        font: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-    };
-}
-declare type ILengthProps = React.PropsWithChildren<{
+declare const _componentLegendTitleSubtitle: React.MemoExoticComponent<(props: ILegendTitleSubtitleProps) => React.FunctionComponentElement<ILegendTitleSubtitleProps>>;
+declare const LegendTitleSubtitle: typeof _componentLegendTitleSubtitle & IElementDescriptor;
+type ILengthProps = React.PropsWithChildren<{
     days?: number;
     hours?: number;
     milliseconds?: number;
@@ -1985,10 +1398,9 @@ declare type ILengthProps = React.PropsWithChildren<{
     weeks?: number;
     years?: number;
 }>;
-declare class Length extends NestedOption<ILengthProps> {
-    static OptionName: string;
-}
-declare type ILoadingIndicatorProps = React.PropsWithChildren<{
+declare const _componentLength: React.MemoExoticComponent<(props: ILengthProps) => React.FunctionComponentElement<ILengthProps>>;
+declare const Length: typeof _componentLength & IElementDescriptor;
+type ILoadingIndicatorProps = React.PropsWithChildren<{
     backgroundColor?: string;
     enabled?: boolean;
     font?: ChartsFont;
@@ -1997,37 +1409,25 @@ declare type ILoadingIndicatorProps = React.PropsWithChildren<{
     defaultShow?: boolean;
     onShowChange?: (value: boolean) => void;
 }>;
-declare class LoadingIndicator extends NestedOption<ILoadingIndicatorProps> {
-    static OptionName: string;
-    static DefaultsProps: {
-        defaultShow: string;
-    };
-    static ExpectedChildren: {
-        font: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-    };
-}
-declare type IMarginProps = React.PropsWithChildren<{
+declare const _componentLoadingIndicator: React.MemoExoticComponent<(props: ILoadingIndicatorProps) => React.FunctionComponentElement<ILoadingIndicatorProps>>;
+declare const LoadingIndicator: typeof _componentLoadingIndicator & IElementDescriptor;
+type IMarginProps = React.PropsWithChildren<{
     bottom?: number;
     left?: number;
     right?: number;
     top?: number;
 }>;
-declare class Margin extends NestedOption<IMarginProps> {
-    static OptionName: string;
-}
-declare type IMinorGridProps = React.PropsWithChildren<{
+declare const _componentMargin: React.MemoExoticComponent<(props: IMarginProps) => React.FunctionComponentElement<IMarginProps>>;
+declare const Margin: typeof _componentMargin & IElementDescriptor;
+type IMinorGridProps = React.PropsWithChildren<{
     color?: string;
     opacity?: number;
     visible?: boolean;
     width?: number;
 }>;
-declare class MinorGrid extends NestedOption<IMinorGridProps> {
-    static OptionName: string;
-}
-declare type IMinorTickProps = React.PropsWithChildren<{
+declare const _componentMinorGrid: React.MemoExoticComponent<(props: IMinorGridProps) => React.FunctionComponentElement<IMinorGridProps>>;
+declare const MinorGrid: typeof _componentMinorGrid & IElementDescriptor;
+type IMinorTickProps = React.PropsWithChildren<{
     color?: string;
     length?: number;
     opacity?: number;
@@ -2035,10 +1435,9 @@ declare type IMinorTickProps = React.PropsWithChildren<{
     visible?: boolean;
     width?: number;
 }>;
-declare class MinorTick extends NestedOption<IMinorTickProps> {
-    static OptionName: string;
-}
-declare type IMinorTickIntervalProps = React.PropsWithChildren<{
+declare const _componentMinorTick: React.MemoExoticComponent<(props: IMinorTickProps) => React.FunctionComponentElement<IMinorTickProps>>;
+declare const MinorTick: typeof _componentMinorTick & IElementDescriptor;
+type IMinorTickIntervalProps = React.PropsWithChildren<{
     days?: number;
     hours?: number;
     milliseconds?: number;
@@ -2049,10 +1448,9 @@ declare type IMinorTickIntervalProps = React.PropsWithChildren<{
     weeks?: number;
     years?: number;
 }>;
-declare class MinorTickInterval extends NestedOption<IMinorTickIntervalProps> {
-    static OptionName: string;
-}
-declare type IMinVisualRangeLengthProps = React.PropsWithChildren<{
+declare const _componentMinorTickInterval: React.MemoExoticComponent<(props: IMinorTickIntervalProps) => React.FunctionComponentElement<IMinorTickIntervalProps>>;
+declare const MinorTickInterval: typeof _componentMinorTickInterval & IElementDescriptor;
+type IMinVisualRangeLengthProps = React.PropsWithChildren<{
     days?: number;
     hours?: number;
     milliseconds?: number;
@@ -2063,10 +1461,9 @@ declare type IMinVisualRangeLengthProps = React.PropsWithChildren<{
     weeks?: number;
     years?: number;
 }>;
-declare class MinVisualRangeLength extends NestedOption<IMinVisualRangeLengthProps> {
-    static OptionName: string;
-}
-declare type IPaneProps = React.PropsWithChildren<{
+declare const _componentMinVisualRangeLength: React.MemoExoticComponent<(props: IMinVisualRangeLengthProps) => React.FunctionComponentElement<IMinVisualRangeLengthProps>>;
+declare const MinVisualRangeLength: typeof _componentMinVisualRangeLength & IElementDescriptor;
+type IPaneProps = React.PropsWithChildren<{
     backgroundColor?: ChartsColor | string;
     border?: Record<string, any> | {
         bottom?: boolean;
@@ -2082,11 +1479,9 @@ declare type IPaneProps = React.PropsWithChildren<{
     height?: number | string;
     name?: string;
 }>;
-declare class Pane extends NestedOption<IPaneProps> {
-    static OptionName: string;
-    static IsCollectionItem: boolean;
-}
-declare type IPaneBorderProps = React.PropsWithChildren<{
+declare const _componentPane: React.MemoExoticComponent<(props: IPaneProps) => React.FunctionComponentElement<IPaneProps>>;
+declare const Pane: typeof _componentPane & IElementDescriptor;
+type IPaneBorderProps = React.PropsWithChildren<{
     bottom?: boolean;
     color?: string;
     dashStyle?: "dash" | "dot" | "longDash" | "solid";
@@ -2097,10 +1492,9 @@ declare type IPaneBorderProps = React.PropsWithChildren<{
     visible?: boolean;
     width?: number;
 }>;
-declare class PaneBorder extends NestedOption<IPaneBorderProps> {
-    static OptionName: string;
-}
-declare type IPointProps = React.PropsWithChildren<{
+declare const _componentPaneBorder: React.MemoExoticComponent<(props: IPaneBorderProps) => React.FunctionComponentElement<IPaneBorderProps>>;
+declare const PaneBorder: typeof _componentPaneBorder & IElementDescriptor;
+type IPointProps = React.PropsWithChildren<{
     border?: Record<string, any> | {
         color?: string;
         visible?: boolean;
@@ -2145,56 +1539,16 @@ declare type IPointProps = React.PropsWithChildren<{
     symbol?: "circle" | "cross" | "polygon" | "square" | "triangle" | "triangleDown" | "triangleUp";
     visible?: boolean;
 }>;
-declare class Point extends NestedOption<IPointProps> {
-    static OptionName: string;
-    static ExpectedChildren: {
-        border: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        color: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        hoverStyle: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        image: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        pointBorder: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        pointHoverStyle: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        pointImage: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        pointSelectionStyle: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        selectionStyle: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-    };
-}
-declare type IPointBorderProps = React.PropsWithChildren<{
+declare const _componentPoint: React.MemoExoticComponent<(props: IPointProps) => React.FunctionComponentElement<IPointProps>>;
+declare const Point: typeof _componentPoint & IElementDescriptor;
+type IPointBorderProps = React.PropsWithChildren<{
     color?: string;
     visible?: boolean;
     width?: number;
 }>;
-declare class PointBorder extends NestedOption<IPointBorderProps> {
-    static OptionName: string;
-}
-declare type IPointHoverStyleProps = React.PropsWithChildren<{
+declare const _componentPointBorder: React.MemoExoticComponent<(props: IPointBorderProps) => React.FunctionComponentElement<IPointBorderProps>>;
+declare const PointBorder: typeof _componentPointBorder & IElementDescriptor;
+type IPointHoverStyleProps = React.PropsWithChildren<{
     border?: Record<string, any> | {
         color?: string;
         visible?: boolean;
@@ -2203,24 +1557,9 @@ declare type IPointHoverStyleProps = React.PropsWithChildren<{
     color?: ChartsColor | string;
     size?: number;
 }>;
-declare class PointHoverStyle extends NestedOption<IPointHoverStyleProps> {
-    static OptionName: string;
-    static ExpectedChildren: {
-        border: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        color: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        pointBorder: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-    };
-}
-declare type IPointImageProps = React.PropsWithChildren<{
+declare const _componentPointHoverStyle: React.MemoExoticComponent<(props: IPointHoverStyleProps) => React.FunctionComponentElement<IPointHoverStyleProps>>;
+declare const PointHoverStyle: typeof _componentPointHoverStyle & IElementDescriptor;
+type IPointImageProps = React.PropsWithChildren<{
     height?: number | Record<string, any> | {
         rangeMaxPoint?: number;
         rangeMinPoint?: number;
@@ -2234,24 +1573,9 @@ declare type IPointImageProps = React.PropsWithChildren<{
         rangeMinPoint?: number;
     };
 }>;
-declare class PointImage extends NestedOption<IPointImageProps> {
-    static OptionName: string;
-    static ExpectedChildren: {
-        height: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        url: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        width: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-    };
-}
-declare type IPointSelectionStyleProps = React.PropsWithChildren<{
+declare const _componentPointImage: React.MemoExoticComponent<(props: IPointImageProps) => React.FunctionComponentElement<IPointImageProps>>;
+declare const PointImage: typeof _componentPointImage & IElementDescriptor;
+type IPointSelectionStyleProps = React.PropsWithChildren<{
     border?: Record<string, any> | {
         color?: string;
         visible?: boolean;
@@ -2260,31 +1584,15 @@ declare type IPointSelectionStyleProps = React.PropsWithChildren<{
     color?: ChartsColor | string;
     size?: number;
 }>;
-declare class PointSelectionStyle extends NestedOption<IPointSelectionStyleProps> {
-    static OptionName: string;
-    static ExpectedChildren: {
-        border: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        color: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        pointBorder: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-    };
-}
-declare type IReductionProps = React.PropsWithChildren<{
+declare const _componentPointSelectionStyle: React.MemoExoticComponent<(props: IPointSelectionStyleProps) => React.FunctionComponentElement<IPointSelectionStyleProps>>;
+declare const PointSelectionStyle: typeof _componentPointSelectionStyle & IElementDescriptor;
+type IReductionProps = React.PropsWithChildren<{
     color?: string;
     level?: "close" | "high" | "low" | "open";
 }>;
-declare class Reduction extends NestedOption<IReductionProps> {
-    static OptionName: string;
-}
-declare type IScrollBarProps = React.PropsWithChildren<{
+declare const _componentReduction: React.MemoExoticComponent<(props: IReductionProps) => React.FunctionComponentElement<IReductionProps>>;
+declare const Reduction: typeof _componentReduction & IElementDescriptor;
+type IScrollBarProps = React.PropsWithChildren<{
     color?: string;
     offset?: number;
     opacity?: number;
@@ -2292,10 +1600,9 @@ declare type IScrollBarProps = React.PropsWithChildren<{
     visible?: boolean;
     width?: number;
 }>;
-declare class ScrollBar extends NestedOption<IScrollBarProps> {
-    static OptionName: string;
-}
-declare type ISelectionStyleProps = React.PropsWithChildren<{
+declare const _componentScrollBar: React.MemoExoticComponent<(props: IScrollBarProps) => React.FunctionComponentElement<IScrollBarProps>>;
+declare const ScrollBar: typeof _componentScrollBar & IElementDescriptor;
+type ISelectionStyleProps = React.PropsWithChildren<{
     border?: Record<string, any> | {
         color?: string;
         visible?: boolean;
@@ -2314,10 +1621,9 @@ declare type ISelectionStyleProps = React.PropsWithChildren<{
     highlight?: boolean;
     width?: number;
 }>;
-declare class SelectionStyle extends NestedOption<ISelectionStyleProps> {
-    static OptionName: string;
-}
-declare type ISeriesProps = React.PropsWithChildren<{
+declare const _componentSelectionStyle: React.MemoExoticComponent<(props: ISelectionStyleProps) => React.FunctionComponentElement<ISelectionStyleProps>>;
+declare const SelectionStyle: typeof _componentSelectionStyle & IElementDescriptor;
+type ISeriesProps = React.PropsWithChildren<{
     aggregation?: Record<string, any> | {
         calculate?: ((aggregationInfo: chartPointAggregationInfoObject, series: chartSeriesObject) => Record<string, any> | Array<Record<string, any>>);
         enabled?: boolean;
@@ -2484,44 +1790,38 @@ declare type ISeriesProps = React.PropsWithChildren<{
     visible?: boolean;
     width?: number;
 }>;
-declare class Series extends NestedOption<ISeriesProps> {
-    static OptionName: string;
-    static IsCollectionItem: boolean;
-}
-declare type ISeriesBorderProps = React.PropsWithChildren<{
+declare const _componentSeries: React.MemoExoticComponent<(props: ISeriesProps) => React.FunctionComponentElement<ISeriesProps>>;
+declare const Series: typeof _componentSeries & IElementDescriptor;
+type ISeriesBorderProps = React.PropsWithChildren<{
     color?: string;
     dashStyle?: "dash" | "dot" | "longDash" | "solid";
     visible?: boolean;
     width?: number;
 }>;
-declare class SeriesBorder extends NestedOption<ISeriesBorderProps> {
-    static OptionName: string;
-}
-declare type ISeriesTemplateProps = React.PropsWithChildren<{
+declare const _componentSeriesBorder: React.MemoExoticComponent<(props: ISeriesBorderProps) => React.FunctionComponentElement<ISeriesBorderProps>>;
+declare const SeriesBorder: typeof _componentSeriesBorder & IElementDescriptor;
+type ISeriesTemplateProps = React.PropsWithChildren<{
     customizeSeries?: ((seriesName: any) => ChartSeries);
     nameField?: string;
 }>;
-declare class SeriesTemplate extends NestedOption<ISeriesTemplateProps> {
-    static OptionName: string;
-}
-declare type IShadowProps = React.PropsWithChildren<{
+declare const _componentSeriesTemplate: React.MemoExoticComponent<(props: ISeriesTemplateProps) => React.FunctionComponentElement<ISeriesTemplateProps>>;
+declare const SeriesTemplate: typeof _componentSeriesTemplate & IElementDescriptor;
+type IShadowProps = React.PropsWithChildren<{
     blur?: number;
     color?: string;
     offsetX?: number;
     offsetY?: number;
     opacity?: number;
 }>;
-declare class Shadow extends NestedOption<IShadowProps> {
-    static OptionName: string;
-}
-declare type ISizeProps = React.PropsWithChildren<{
+declare const _componentShadow: React.MemoExoticComponent<(props: IShadowProps) => React.FunctionComponentElement<IShadowProps>>;
+declare const Shadow: typeof _componentShadow & IElementDescriptor;
+type ISizeProps = React.PropsWithChildren<{
     height?: number;
     width?: number;
 }>;
-declare class Size extends NestedOption<ISizeProps> {
-    static OptionName: string;
-}
-declare type IStripProps = React.PropsWithChildren<{
+declare const _componentSize: React.MemoExoticComponent<(props: ISizeProps) => React.FunctionComponentElement<ISizeProps>>;
+declare const Size: typeof _componentSize & IElementDescriptor;
+type IStripProps = React.PropsWithChildren<{
     color?: string;
     endValue?: Date | number | string;
     label?: Record<string, any> | {
@@ -2534,20 +1834,17 @@ declare type IStripProps = React.PropsWithChildren<{
     paddingTopBottom?: number;
     startValue?: Date | number | string;
 }>;
-declare class Strip extends NestedOption<IStripProps> {
-    static OptionName: string;
-    static IsCollectionItem: boolean;
-}
-declare type IStripLabelProps = React.PropsWithChildren<{
+declare const _componentStrip: React.MemoExoticComponent<(props: IStripProps) => React.FunctionComponentElement<IStripProps>>;
+declare const Strip: typeof _componentStrip & IElementDescriptor;
+type IStripLabelProps = React.PropsWithChildren<{
     font?: ChartsFont;
     horizontalAlignment?: "center" | "left" | "right";
     text?: string;
     verticalAlignment?: "bottom" | "center" | "top";
 }>;
-declare class StripLabel extends NestedOption<IStripLabelProps> {
-    static OptionName: string;
-}
-declare type IStripStyleProps = React.PropsWithChildren<{
+declare const _componentStripLabel: React.MemoExoticComponent<(props: IStripLabelProps) => React.FunctionComponentElement<IStripLabelProps>>;
+declare const StripLabel: typeof _componentStripLabel & IElementDescriptor;
+type IStripStyleProps = React.PropsWithChildren<{
     label?: Record<string, any> | {
         font?: ChartsFont;
         horizontalAlignment?: "center" | "left" | "right";
@@ -2556,38 +1853,25 @@ declare type IStripStyleProps = React.PropsWithChildren<{
     paddingLeftRight?: number;
     paddingTopBottom?: number;
 }>;
-declare class StripStyle extends NestedOption<IStripStyleProps> {
-    static OptionName: string;
-    static ExpectedChildren: {
-        label: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        stripStyleLabel: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-    };
-}
-declare type IStripStyleLabelProps = React.PropsWithChildren<{
+declare const _componentStripStyle: React.MemoExoticComponent<(props: IStripStyleProps) => React.FunctionComponentElement<IStripStyleProps>>;
+declare const StripStyle: typeof _componentStripStyle & IElementDescriptor;
+type IStripStyleLabelProps = React.PropsWithChildren<{
     font?: ChartsFont;
     horizontalAlignment?: "center" | "left" | "right";
     verticalAlignment?: "bottom" | "center" | "top";
 }>;
-declare class StripStyleLabel extends NestedOption<IStripStyleLabelProps> {
-    static OptionName: string;
-}
-declare type ISubtitleProps = React.PropsWithChildren<{
+declare const _componentStripStyleLabel: React.MemoExoticComponent<(props: IStripStyleLabelProps) => React.FunctionComponentElement<IStripStyleLabelProps>>;
+declare const StripStyleLabel: typeof _componentStripStyleLabel & IElementDescriptor;
+type ISubtitleProps = React.PropsWithChildren<{
     font?: ChartsFont;
     offset?: number;
     text?: string;
     textOverflow?: "ellipsis" | "hide" | "none";
     wordWrap?: "normal" | "breakWord" | "none";
 }>;
-declare class Subtitle extends NestedOption<ISubtitleProps> {
-    static OptionName: string;
-}
-declare type ITickProps = React.PropsWithChildren<{
+declare const _componentSubtitle: React.MemoExoticComponent<(props: ISubtitleProps) => React.FunctionComponentElement<ISubtitleProps>>;
+declare const Subtitle: typeof _componentSubtitle & IElementDescriptor;
+type ITickProps = React.PropsWithChildren<{
     color?: string;
     length?: number;
     opacity?: number;
@@ -2595,10 +1879,9 @@ declare type ITickProps = React.PropsWithChildren<{
     visible?: boolean;
     width?: number;
 }>;
-declare class Tick extends NestedOption<ITickProps> {
-    static OptionName: string;
-}
-declare type ITickIntervalProps = React.PropsWithChildren<{
+declare const _componentTick: React.MemoExoticComponent<(props: ITickProps) => React.FunctionComponentElement<ITickProps>>;
+declare const Tick: typeof _componentTick & IElementDescriptor;
+type ITickIntervalProps = React.PropsWithChildren<{
     days?: number;
     hours?: number;
     milliseconds?: number;
@@ -2609,10 +1892,9 @@ declare type ITickIntervalProps = React.PropsWithChildren<{
     weeks?: number;
     years?: number;
 }>;
-declare class TickInterval extends NestedOption<ITickIntervalProps> {
-    static OptionName: string;
-}
-declare type ITitleProps = React.PropsWithChildren<{
+declare const _componentTickInterval: React.MemoExoticComponent<(props: ITickIntervalProps) => React.FunctionComponentElement<ITickIntervalProps>>;
+declare const TickInterval: typeof _componentTickInterval & IElementDescriptor;
+type ITitleProps = React.PropsWithChildren<{
     alignment?: "center" | "left" | "right";
     font?: ChartsFont;
     margin?: number | Record<string, any> | {
@@ -2635,10 +1917,9 @@ declare type ITitleProps = React.PropsWithChildren<{
     };
     verticalAlignment?: "bottom" | "top";
 }>;
-declare class Title extends NestedOption<ITitleProps> {
-    static OptionName: string;
-}
-declare type ITooltipProps = React.PropsWithChildren<{
+declare const _componentTitle: React.MemoExoticComponent<(props: ITitleProps) => React.FunctionComponentElement<ITitleProps>>;
+declare const Title: typeof _componentTitle & IElementDescriptor;
+type ITooltipProps = React.PropsWithChildren<{
     argumentFormat?: LocalizationTypes.Format;
     arrowLength?: number;
     border?: Record<string, any> | {
@@ -2672,61 +1953,25 @@ declare type ITooltipProps = React.PropsWithChildren<{
     zIndex?: number;
     contentRender?: (...params: any) => React.ReactNode;
     contentComponent?: React.ComponentType<any>;
-    contentKeyFn?: (data: any) => string;
-}>;
-declare class Tooltip extends NestedOption<ITooltipProps> {
-    static OptionName: string;
-    static ExpectedChildren: {
-        argumentFormat: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        border: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        font: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        format: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        shadow: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        tooltipBorder: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-    };
-    static TemplateProps: {
-        tmplOption: string;
-        render: string;
-        component: string;
-        keyFn: string;
-    }[];
-}
-declare type ITooltipBorderProps = React.PropsWithChildren<{
+}>;
+declare const _componentTooltip: React.MemoExoticComponent<(props: ITooltipProps) => React.FunctionComponentElement<ITooltipProps>>;
+declare const Tooltip: typeof _componentTooltip & IElementDescriptor;
+type ITooltipBorderProps = React.PropsWithChildren<{
     color?: string;
     dashStyle?: "dash" | "dot" | "longDash" | "solid";
     opacity?: number;
     visible?: boolean;
     width?: number;
 }>;
-declare class TooltipBorder extends NestedOption<ITooltipBorderProps> {
-    static OptionName: string;
-}
-declare type IUrlProps = React.PropsWithChildren<{
+declare const _componentTooltipBorder: React.MemoExoticComponent<(props: ITooltipBorderProps) => React.FunctionComponentElement<ITooltipBorderProps>>;
+declare const TooltipBorder: typeof _componentTooltipBorder & IElementDescriptor;
+type IUrlProps = React.PropsWithChildren<{
     rangeMaxPoint?: string;
     rangeMinPoint?: string;
 }>;
-declare class Url extends NestedOption<IUrlProps> {
-    static OptionName: string;
-}
-declare type IValueAxisProps = React.PropsWithChildren<{
+declare const _componentUrl: React.MemoExoticComponent<(props: IUrlProps) => React.FunctionComponentElement<IUrlProps>>;
+declare const Url: typeof _componentUrl & IElementDescriptor;
+type IValueAxisProps = React.PropsWithChildren<{
     aggregatedPointsPosition?: "betweenTicks" | "crossTicks";
     allowDecimals?: boolean;
     autoBreaksEnabled?: boolean;
@@ -2923,73 +2168,9 @@ declare type IValueAxisProps = React.PropsWithChildren<{
     defaultVisualRange?: Array<Date | number | string> | CommonChartTypes.VisualRange;
     onVisualRangeChange?: (value: Array<Date | number | string> | CommonChartTypes.VisualRange) => void;
 }>;
-declare class ValueAxis extends NestedOption<IValueAxisProps> {
-    static OptionName: string;
-    static IsCollectionItem: boolean;
-    static DefaultsProps: {
-        defaultCategories: string;
-        defaultVisualRange: string;
-    };
-    static ExpectedChildren: {
-        axisConstantLineStyle: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        axisLabel: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        axisTitle: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        break: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        constantLine: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        constantLineStyle: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        label: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        minorTickInterval: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        minVisualRangeLength: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        strip: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        tickInterval: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        title: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        visualRange: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        wholeRange: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-    };
-}
-declare type IValueErrorBarProps = React.PropsWithChildren<{
+declare const _componentValueAxis: React.MemoExoticComponent<(props: IValueAxisProps) => React.FunctionComponentElement<IValueAxisProps>>;
+declare const ValueAxis: typeof _componentValueAxis & IElementDescriptor;
+type IValueErrorBarProps = React.PropsWithChildren<{
     color?: string;
     displayMode?: "auto" | "high" | "low" | "none";
     edgeLength?: number;
@@ -3000,10 +2181,9 @@ declare type IValueErrorBarProps = React.PropsWithChildren<{
     type?: "fixed" | "percent" | "stdDeviation" | "stdError" | "variance";
     value?: number;
 }>;
-declare class ValueErrorBar extends NestedOption<IValueErrorBarProps> {
-    static OptionName: string;
-}
-declare type IVerticalLineProps = React.PropsWithChildren<{
+declare const _componentValueErrorBar: React.MemoExoticComponent<(props: IValueErrorBarProps) => React.FunctionComponentElement<IValueErrorBarProps>>;
+declare const ValueErrorBar: typeof _componentValueErrorBar & IElementDescriptor;
+type IVerticalLineProps = React.PropsWithChildren<{
     color?: string;
     dashStyle?: "dash" | "dot" | "longDash" | "solid";
     label?: Record<string, any> | {
@@ -3021,20 +2201,9 @@ declare type IVerticalLineProps = React.PropsWithChildren<{
     visible?: boolean;
     width?: number;
 }>;
-declare class VerticalLine extends NestedOption<IVerticalLineProps> {
-    static OptionName: string;
-    static ExpectedChildren: {
-        horizontalLineLabel: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        label: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-    };
-}
-declare type IVisualRangeProps = React.PropsWithChildren<{
+declare const _componentVerticalLine: React.MemoExoticComponent<(props: IVerticalLineProps) => React.FunctionComponentElement<IVerticalLineProps>>;
+declare const VerticalLine: typeof _componentVerticalLine & IElementDescriptor;
+type IVisualRangeProps = React.PropsWithChildren<{
     endValue?: Date | number | string;
     length?: number | Record<string, any> | "day" | "hour" | "millisecond" | "minute" | "month" | "quarter" | "second" | "week" | "year" | {
         days?: number;
@@ -3053,14 +2222,9 @@ declare type IVisualRangeProps = React.PropsWithChildren<{
     defaultStartValue?: Date | number | string;
     onStartValueChange?: (value: Date | number | string) => void;
 }>;
-declare class VisualRange extends NestedOption<IVisualRangeProps> {
-    static OptionName: string;
-    static DefaultsProps: {
-        defaultEndValue: string;
-        defaultStartValue: string;
-    };
-}
-declare type IWholeRangeProps = React.PropsWithChildren<{
+declare const _componentVisualRange: React.MemoExoticComponent<(props: IVisualRangeProps) => React.FunctionComponentElement<IVisualRangeProps>>;
+declare const VisualRange: typeof _componentVisualRange & IElementDescriptor;
+type IWholeRangeProps = React.PropsWithChildren<{
     endValue?: Date | number | string;
     length?: number | Record<string, any> | "day" | "hour" | "millisecond" | "minute" | "month" | "quarter" | "second" | "week" | "year" | {
         days?: number;
@@ -3079,21 +2243,15 @@ declare type IWholeRangeProps = React.PropsWithChildren<{
     defaultStartValue?: Date | number | string;
     onStartValueChange?: (value: Date | number | string) => void;
 }>;
-declare class WholeRange extends NestedOption<IWholeRangeProps> {
-    static OptionName: string;
-    static DefaultsProps: {
-        defaultEndValue: string;
-        defaultStartValue: string;
-    };
-}
-declare type IWidthProps = React.PropsWithChildren<{
+declare const _componentWholeRange: React.MemoExoticComponent<(props: IWholeRangeProps) => React.FunctionComponentElement<IWholeRangeProps>>;
+declare const WholeRange: typeof _componentWholeRange & IElementDescriptor;
+type IWidthProps = React.PropsWithChildren<{
     rangeMaxPoint?: number;
     rangeMinPoint?: number;
 }>;
-declare class Width extends NestedOption<IWidthProps> {
-    static OptionName: string;
-}
-declare type IZoomAndPanProps = React.PropsWithChildren<{
+declare const _componentWidth: React.MemoExoticComponent<(props: IWidthProps) => React.FunctionComponentElement<IWidthProps>>;
+declare const Width: typeof _componentWidth & IElementDescriptor;
+type IZoomAndPanProps = React.PropsWithChildren<{
     allowMouseWheel?: boolean;
     allowTouchGestures?: boolean;
     argumentAxis?: "both" | "none" | "pan" | "zoom";
@@ -3105,16 +2263,9 @@ declare type IZoomAndPanProps = React.PropsWithChildren<{
     panKey?: "alt" | "ctrl" | "meta" | "shift";
     valueAxis?: "both" | "none" | "pan" | "zoom";
 }>;
-declare class ZoomAndPan extends NestedOption<IZoomAndPanProps> {
-    static OptionName: string;
-    static ExpectedChildren: {
-        dragBoxStyle: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-    };
-}
+declare const _componentZoomAndPan: React.MemoExoticComponent<(props: IZoomAndPanProps) => React.FunctionComponentElement<IZoomAndPanProps>>;
+declare const ZoomAndPan: typeof _componentZoomAndPan & IElementDescriptor;
 export default Chart;
-export { Chart, IChartOptions, AdaptiveLayout, IAdaptiveLayoutProps, Aggregation, IAggregationProps, AggregationInterval, IAggregationIntervalProps, Animation, IAnimationProps, Annotation, IAnnotationProps, AnnotationBorder, IAnnotationBorderProps, AnnotationImage, IAnnotationImageProps, ArgumentAxis, IArgumentAxisProps, ArgumentFormat, IArgumentFormatProps, AxisConstantLineStyle, IAxisConstantLineStyleProps, AxisConstantLineStyleLabel, IAxisConstantLineStyleLabelProps, AxisLabel, IAxisLabelProps, AxisTitle, IAxisTitleProps, BackgroundColor, IBackgroundColorProps, Border, IBorderProps, Break, IBreakProps, BreakStyle, IBreakStyleProps, ChartTitle, IChartTitleProps, ChartTitleSubtitle, IChartTitleSubtitleProps, Color, IColorProps, CommonAnnotationSettings, ICommonAnnotationSettingsProps, CommonAxisSettings, ICommonAxisSettingsProps, CommonAxisSettingsConstantLineStyle, ICommonAxisSettingsConstantLineStyleProps, CommonAxisSettingsConstantLineStyleLabel, ICommonAxisSettingsConstantLineStyleLabelProps, CommonAxisSettingsLabel, ICommonAxisSettingsLabelProps, CommonAxisSettingsTitle, ICommonAxisSettingsTitleProps, CommonPaneSettings, ICommonPaneSettingsProps, CommonSeriesSettings, ICommonSeriesSettingsProps, CommonSeriesSettingsHoverStyle, ICommonSeriesSettingsHoverStyleProps, CommonSeriesSettingsLabel, ICommonSeriesSettingsLabelProps, CommonSeriesSettingsSelectionStyle, ICommonSeriesSettingsSelectionStyleProps, Connector, IConnectorProps, ConstantLine, IConstantLineProps, ConstantLineLabel, IConstantLineLabelProps, ConstantLineStyle, IConstantLineStyleProps, Crosshair, ICrosshairProps, DataPrepareSettings, IDataPrepareSettingsProps, DragBoxStyle, IDragBoxStyleProps, Export, IExportProps, Font, IFontProps, Format, IFormatProps, Grid, IGridProps, Hatching, IHatchingProps, Height, IHeightProps, HorizontalLine, IHorizontalLineProps, HorizontalLineLabel, IHorizontalLineLabelProps, HoverStyle, IHoverStyleProps, Image, IImageProps, Label, ILabelProps, Legend, ILegendProps, LegendTitle, ILegendTitleProps, LegendTitleSubtitle, ILegendTitleSubtitleProps, Length, ILengthProps, LoadingIndicator, ILoadingIndicatorProps, Margin, IMarginProps, MinorGrid, IMinorGridProps, MinorTick, IMinorTickProps, MinorTickInterval, IMinorTickIntervalProps, MinVisualRangeLength, IMinVisualRangeLengthProps, Pane, IPaneProps, PaneBorder, IPaneBorderProps, Point, IPointProps, PointBorder, IPointBorderProps, PointHoverStyle, IPointHoverStyleProps, PointImage, IPointImageProps, PointSelectionStyle, IPointSelectionStyleProps, Reduction, IReductionProps, ScrollBar, IScrollBarProps, SelectionStyle, ISelectionStyleProps, Series, ISeriesProps, SeriesBorder, ISeriesBorderProps, SeriesTemplate, ISeriesTemplateProps, Shadow, IShadowProps, Size, ISizeProps, Strip, IStripProps, StripLabel, IStripLabelProps, StripStyle, IStripStyleProps, StripStyleLabel, IStripStyleLabelProps, Subtitle, ISubtitleProps, Tick, ITickProps, TickInterval, ITickIntervalProps, Title, ITitleProps, Tooltip, ITooltipProps, TooltipBorder, ITooltipBorderProps, Url, IUrlProps, ValueAxis, IValueAxisProps, ValueErrorBar, IValueErrorBarProps, VerticalLine, IVerticalLineProps, VisualRange, IVisualRangeProps, WholeRange, IWholeRangeProps, Width, IWidthProps, ZoomAndPan, IZoomAndPanProps };
+export { Chart, IChartOptions, ChartRef, AdaptiveLayout, IAdaptiveLayoutProps, Aggregation, IAggregationProps, AggregationInterval, IAggregationIntervalProps, Animation, IAnimationProps, Annotation, IAnnotationProps, AnnotationBorder, IAnnotationBorderProps, AnnotationImage, IAnnotationImageProps, ArgumentAxis, IArgumentAxisProps, ArgumentFormat, IArgumentFormatProps, AxisConstantLineStyle, IAxisConstantLineStyleProps, AxisConstantLineStyleLabel, IAxisConstantLineStyleLabelProps, AxisLabel, IAxisLabelProps, AxisTitle, IAxisTitleProps, BackgroundColor, IBackgroundColorProps, Border, IBorderProps, Break, IBreakProps, BreakStyle, IBreakStyleProps, ChartTitle, IChartTitleProps, ChartTitleSubtitle, IChartTitleSubtitleProps, Color, IColorProps, CommonAnnotationSettings, ICommonAnnotationSettingsProps, CommonAxisSettings, ICommonAxisSettingsProps, CommonAxisSettingsConstantLineStyle, ICommonAxisSettingsConstantLineStyleProps, CommonAxisSettingsConstantLineStyleLabel, ICommonAxisSettingsConstantLineStyleLabelProps, CommonAxisSettingsLabel, ICommonAxisSettingsLabelProps, CommonAxisSettingsTitle, ICommonAxisSettingsTitleProps, CommonPaneSettings, ICommonPaneSettingsProps, CommonSeriesSettings, ICommonSeriesSettingsProps, CommonSeriesSettingsHoverStyle, ICommonSeriesSettingsHoverStyleProps, CommonSeriesSettingsLabel, ICommonSeriesSettingsLabelProps, CommonSeriesSettingsSelectionStyle, ICommonSeriesSettingsSelectionStyleProps, Connector, IConnectorProps, ConstantLine, IConstantLineProps, ConstantLineLabel, IConstantLineLabelProps, ConstantLineStyle, IConstantLineStyleProps, Crosshair, ICrosshairProps, DataPrepareSettings, IDataPrepareSettingsProps, DragBoxStyle, IDragBoxStyleProps, Export, IExportProps, Font, IFontProps, Format, IFormatProps, Grid, IGridProps, Hatching, IHatchingProps, Height, IHeightProps, HorizontalLine, IHorizontalLineProps, HorizontalLineLabel, IHorizontalLineLabelProps, HoverStyle, IHoverStyleProps, Image, IImageProps, Label, ILabelProps, Legend, ILegendProps, LegendTitle, ILegendTitleProps, LegendTitleSubtitle, ILegendTitleSubtitleProps, Length, ILengthProps, LoadingIndicator, ILoadingIndicatorProps, Margin, IMarginProps, MinorGrid, IMinorGridProps, MinorTick, IMinorTickProps, MinorTickInterval, IMinorTickIntervalProps, MinVisualRangeLength, IMinVisualRangeLengthProps, Pane, IPaneProps, PaneBorder, IPaneBorderProps, Point, IPointProps, PointBorder, IPointBorderProps, PointHoverStyle, IPointHoverStyleProps, PointImage, IPointImageProps, PointSelectionStyle, IPointSelectionStyleProps, Reduction, IReductionProps, ScrollBar, IScrollBarProps, SelectionStyle, ISelectionStyleProps, Series, ISeriesProps, SeriesBorder, ISeriesBorderProps, SeriesTemplate, ISeriesTemplateProps, Shadow, IShadowProps, Size, ISizeProps, Strip, IStripProps, StripLabel, IStripLabelProps, StripStyle, IStripStyleProps, StripStyleLabel, IStripStyleLabelProps, Subtitle, ISubtitleProps, Tick, ITickProps, TickInterval, ITickIntervalProps, Title, ITitleProps, Tooltip, ITooltipProps, TooltipBorder, ITooltipBorderProps, Url, IUrlProps, ValueAxis, IValueAxisProps, ValueErrorBar, IValueErrorBarProps, VerticalLine, IVerticalLineProps, VisualRange, IVisualRangeProps, WholeRange, IWholeRangeProps, Width, IWidthProps, ZoomAndPan, IZoomAndPanProps };
 import type * as ChartTypes from 'devextreme/viz/chart_types';
 export { ChartTypes };