devextreme-react 23.2.6 → 24.1.2-beta

package/cjs/range-selector.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 dxRangeSelector, { Properties } from "devextreme/viz/range_selector";
-import { Component as BaseComponent, IHtmlOptions } from "./core/component";
-import NestedOption from "./core/nested-option";
+import { IHtmlOptions, IElementDescriptor } from "./core/component";
 import type { DisposingEvent, DrawnEvent, ExportedEvent, ExportingEvent, FileSavingEvent, IncidentOccurredEvent, InitializedEvent, ValueChangedEvent } from "devextreme/viz/range_selector";
 import type { chartPointAggregationInfoObject, chartSeriesObject, dxChartCommonSeriesSettings } from "devextreme/viz/chart";
 import type { ChartSeries } from "devextreme/viz/common";
 import type { ChartsColor, Font as ChartsFont, ScaleBreak } from "devextreme/common/charts";
 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 IRangeSelectorOptionsNarrowedEvents = {
+type IRangeSelectorOptionsNarrowedEvents = {
     onDisposing?: ((e: DisposingEvent) => void);
     onDrawn?: ((e: DrawnEvent) => void);
     onExported?: ((e: ExportedEvent) => void);
@@ -34,89 +34,26 @@ declare type IRangeSelectorOptionsNarrowedEvents = {
     onInitialized?: ((e: InitializedEvent) => void);
     onValueChanged?: ((e: ValueChangedEvent) => void);
 };
-declare type IRangeSelectorOptions = React.PropsWithChildren<ReplaceFieldTypes<Properties, IRangeSelectorOptionsNarrowedEvents> & IHtmlOptions & {
+type IRangeSelectorOptions = React.PropsWithChildren<ReplaceFieldTypes<Properties, IRangeSelectorOptionsNarrowedEvents> & IHtmlOptions & {
     defaultLoadingIndicator?: Record<string, any>;
     defaultValue?: Array<Date | number | string> | CommonChartTypes.VisualRange;
     onLoadingIndicatorChange?: (value: Record<string, any>) => void;
     onValueChange?: (value: Array<Date | number | string> | CommonChartTypes.VisualRange) => void;
 }>;
-declare class RangeSelector extends BaseComponent<React.PropsWithChildren<IRangeSelectorOptions>> {
-    get instance(): dxRangeSelector;
-    protected _WidgetClass: typeof dxRangeSelector;
-    protected subscribableOptions: string[];
-    protected independentEvents: string[];
-    protected _defaults: {
-        defaultLoadingIndicator: string;
-        defaultValue: string;
-    };
-    protected _expectedChildren: {
-        background: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        behavior: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        chart: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        export: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        indent: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        loadingIndicator: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        margin: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        scale: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        shutter: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        size: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        sliderHandle: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        sliderMarker: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        title: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        value: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-    };
+interface RangeSelectorRef {
+    instance: () => dxRangeSelector;
 }
-declare type IAggregationProps = React.PropsWithChildren<{
+declare const RangeSelector: (props: React.PropsWithChildren<IRangeSelectorOptions> & {
+    ref?: Ref<RangeSelectorRef>;
+}) => ReactElement | null;
+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;
@@ -127,10 +64,9 @@ declare type IAggregationIntervalProps = React.PropsWithChildren<{
     weeks?: number;
     years?: number;
 }>;
-declare class AggregationInterval extends NestedOption<IAggregationIntervalProps> {
-    static OptionName: string;
-}
-declare type IArgumentFormatProps = React.PropsWithChildren<{
+declare const _componentAggregationInterval: React.MemoExoticComponent<(props: IAggregationIntervalProps) => React.FunctionComponentElement<IAggregationIntervalProps>>;
+declare const AggregationInterval: typeof _componentAggregationInterval & IElementDescriptor;
+type IArgumentFormatProps = React.PropsWithChildren<{
     currency?: string;
     formatter?: ((value: number | Date) => string);
     parser?: ((value: string) => number | Date);
@@ -138,10 +74,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 IBackgroundProps = React.PropsWithChildren<{
+declare const _componentArgumentFormat: React.MemoExoticComponent<(props: IArgumentFormatProps) => React.FunctionComponentElement<IArgumentFormatProps>>;
+declare const ArgumentFormat: typeof _componentArgumentFormat & IElementDescriptor;
+type IBackgroundProps = React.PropsWithChildren<{
     color?: string;
     image?: Record<string, any> | {
         location?: "center" | "centerBottom" | "centerTop" | "full" | "leftBottom" | "leftCenter" | "leftTop" | "rightBottom" | "rightCenter" | "rightTop";
@@ -149,27 +84,15 @@ declare type IBackgroundProps = React.PropsWithChildren<{
     };
     visible?: boolean;
 }>;
-declare class Background extends NestedOption<IBackgroundProps> {
-    static OptionName: string;
-    static ExpectedChildren: {
-        backgroundImage: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        image: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-    };
-}
-declare type IBackgroundImageProps = React.PropsWithChildren<{
+declare const _componentBackground: React.MemoExoticComponent<(props: IBackgroundProps) => React.FunctionComponentElement<IBackgroundProps>>;
+declare const Background: typeof _componentBackground & IElementDescriptor;
+type IBackgroundImageProps = React.PropsWithChildren<{
     location?: "center" | "centerBottom" | "centerTop" | "full" | "leftBottom" | "leftCenter" | "leftTop" | "rightBottom" | "rightCenter" | "rightTop";
     url?: string;
 }>;
-declare class BackgroundImage extends NestedOption<IBackgroundImageProps> {
-    static OptionName: string;
-}
-declare type IBehaviorProps = React.PropsWithChildren<{
+declare const _componentBackgroundImage: React.MemoExoticComponent<(props: IBackgroundImageProps) => React.FunctionComponentElement<IBackgroundImageProps>>;
+declare const BackgroundImage: typeof _componentBackgroundImage & IElementDescriptor;
+type IBehaviorProps = React.PropsWithChildren<{
     allowSlidersSwap?: boolean;
     animationEnabled?: boolean;
     callValueChanged?: "onMoving" | "onMovingComplete";
@@ -178,35 +101,30 @@ declare type IBehaviorProps = React.PropsWithChildren<{
     snapToTicks?: boolean;
     valueChangeMode?: "onHandleMove" | "onHandleRelease";
 }>;
-declare class Behavior extends NestedOption<IBehaviorProps> {
-    static OptionName: string;
-}
-declare type IBorderProps = React.PropsWithChildren<{
+declare const _componentBehavior: React.MemoExoticComponent<(props: IBehaviorProps) => React.FunctionComponentElement<IBehaviorProps>>;
+declare const Behavior: typeof _componentBehavior & IElementDescriptor;
+type IBorderProps = React.PropsWithChildren<{
     color?: string;
     dashStyle?: "dash" | "dot" | "longDash" | "solid";
     visible?: boolean;
     width?: number;
 }>;
-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 IChartProps = React.PropsWithChildren<{
+declare const _componentBreakStyle: React.MemoExoticComponent<(props: IBreakStyleProps) => React.FunctionComponentElement<IBreakStyleProps>>;
+declare const BreakStyle: typeof _componentBreakStyle & IElementDescriptor;
+type IChartProps = React.PropsWithChildren<{
     barGroupPadding?: number;
     barGroupWidth?: number;
     bottomIndent?: number;
@@ -242,39 +160,15 @@ declare type IChartProps = React.PropsWithChildren<{
         valueType?: "datetime" | "numeric" | "string";
     };
 }>;
-declare class Chart extends NestedOption<IChartProps> {
-    static OptionName: string;
-    static ExpectedChildren: {
-        commonSeriesSettings: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        dataPrepareSettings: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        series: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        seriesTemplate: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        valueAxis: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-    };
-}
-declare type IColorProps = React.PropsWithChildren<{
+declare const _componentChart: React.MemoExoticComponent<(props: IChartProps) => React.FunctionComponentElement<IChartProps>>;
+declare const Chart: typeof _componentChart & IElementDescriptor;
+type IColorProps = React.PropsWithChildren<{
     base?: string;
     fillId?: string;
 }>;
-declare class Color extends NestedOption<IColorProps> {
-    static OptionName: string;
-}
-declare type ICommonSeriesSettingsProps = React.PropsWithChildren<{
+declare const _componentColor: React.MemoExoticComponent<(props: IColorProps) => React.FunctionComponentElement<IColorProps>>;
+declare const Color: typeof _componentColor & IElementDescriptor;
+type ICommonSeriesSettingsProps = React.PropsWithChildren<{
     aggregation?: Record<string, any> | {
         calculate?: ((aggregationInfo: chartPointAggregationInfoObject, series: chartSeriesObject) => Record<string, any> | Array<Record<string, any>>);
         enabled?: boolean;
@@ -462,64 +356,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";
@@ -537,28 +376,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;
@@ -584,36 +404,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";
@@ -631,36 +424,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 IDataPrepareSettingsProps = React.PropsWithChildren<{
+declare const _componentConnector: React.MemoExoticComponent<(props: IConnectorProps) => React.FunctionComponentElement<IConnectorProps>>;
+declare const Connector: typeof _componentConnector & IElementDescriptor;
+type IDataPrepareSettingsProps = React.PropsWithChildren<{
     checkTypeForAllData?: boolean;
     convertToAxisDataType?: boolean;
     sortingMethod?: boolean | ((a: {
@@ -671,10 +444,9 @@ declare type IDataPrepareSettingsProps = React.PropsWithChildren<{
         val: Date | number | string;
     }) => number);
 }>;
-declare class DataPrepareSettings extends NestedOption<IDataPrepareSettingsProps> {
-    static OptionName: string;
-}
-declare type IExportProps = React.PropsWithChildren<{
+declare const _componentDataPrepareSettings: React.MemoExoticComponent<(props: IDataPrepareSettingsProps) => React.FunctionComponentElement<IDataPrepareSettingsProps>>;
+declare const DataPrepareSettings: typeof _componentDataPrepareSettings & IElementDescriptor;
+type IExportProps = React.PropsWithChildren<{
     backgroundColor?: string;
     enabled?: boolean;
     fileName?: string;
@@ -683,20 +455,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);
@@ -704,26 +474,23 @@ 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 IHatchingProps = React.PropsWithChildren<{
+declare const _componentFormat: React.MemoExoticComponent<(props: IFormatProps) => React.FunctionComponentElement<IFormatProps>>;
+declare const Format: typeof _componentFormat & 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 IHoverStyleProps = React.PropsWithChildren<{
+declare const _componentHeight: React.MemoExoticComponent<(props: IHeightProps) => React.FunctionComponentElement<IHeightProps>>;
+declare const Height: typeof _componentHeight & IElementDescriptor;
+type IHoverStyleProps = React.PropsWithChildren<{
     border?: Record<string, any> | {
         color?: string;
         dashStyle?: "dash" | "dot" | "longDash" | "solid";
@@ -742,10 +509,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<{
     location?: "center" | "centerBottom" | "centerTop" | "full" | "leftBottom" | "leftCenter" | "leftTop" | "rightBottom" | "rightCenter" | "rightTop";
     url?: string | Record<string, any> | {
         rangeMaxPoint?: string;
@@ -760,17 +526,15 @@ declare type IImageProps = React.PropsWithChildren<{
         rangeMinPoint?: number;
     };
 }>;
-declare class Image extends NestedOption<IImageProps> {
-    static OptionName: string;
-}
-declare type IIndentProps = React.PropsWithChildren<{
+declare const _componentImage: React.MemoExoticComponent<(props: IImageProps) => React.FunctionComponentElement<IImageProps>>;
+declare const Image: typeof _componentImage & IElementDescriptor;
+type IIndentProps = React.PropsWithChildren<{
     left?: number;
     right?: number;
 }>;
-declare class Indent extends NestedOption<IIndentProps> {
-    static OptionName: string;
-}
-declare type ILabelProps = React.PropsWithChildren<{
+declare const _componentIndent: React.MemoExoticComponent<(props: IIndentProps) => React.FunctionComponentElement<IIndentProps>>;
+declare const Indent: typeof _componentIndent & IElementDescriptor;
+type ILabelProps = React.PropsWithChildren<{
     alignment?: "center" | "left" | "right";
     argumentFormat?: LocalizationTypes.Format;
     backgroundColor?: string;
@@ -798,10 +562,9 @@ declare type ILabelProps = React.PropsWithChildren<{
     overlappingBehavior?: "hide" | "none";
     topIndent?: number;
 }>;
-declare class Label extends NestedOption<ILabelProps> {
-    static OptionName: string;
-}
-declare type ILengthProps = React.PropsWithChildren<{
+declare const _componentLabel: React.MemoExoticComponent<(props: ILabelProps) => React.FunctionComponentElement<ILabelProps>>;
+declare const Label: typeof _componentLabel & IElementDescriptor;
+type ILengthProps = React.PropsWithChildren<{
     days?: number;
     hours?: number;
     milliseconds?: number;
@@ -812,10 +575,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;
@@ -824,28 +586,17 @@ 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 IMarkerProps = React.PropsWithChildren<{
+declare const _componentMargin: React.MemoExoticComponent<(props: IMarginProps) => React.FunctionComponentElement<IMarginProps>>;
+declare const Margin: typeof _componentMargin & IElementDescriptor;
+type IMarkerProps = React.PropsWithChildren<{
     label?: Record<string, any> | {
         customizeText?: ((markerValue: {
             value: Date | number;
@@ -859,36 +610,18 @@ declare type IMarkerProps = React.PropsWithChildren<{
     topIndent?: number;
     visible?: boolean;
 }>;
-declare class Marker extends NestedOption<IMarkerProps> {
-    static OptionName: string;
-    static ExpectedChildren: {
-        label: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        markerLabel: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-    };
-}
-declare type IMarkerLabelProps = React.PropsWithChildren<{
+declare const _componentMarker: React.MemoExoticComponent<(props: IMarkerProps) => React.FunctionComponentElement<IMarkerProps>>;
+declare const Marker: typeof _componentMarker & IElementDescriptor;
+type IMarkerLabelProps = React.PropsWithChildren<{
     customizeText?: ((markerValue: {
         value: Date | number;
         valueText: string;
     }) => string);
     format?: LocalizationTypes.Format;
 }>;
-declare class MarkerLabel extends NestedOption<IMarkerLabelProps> {
-    static OptionName: string;
-    static ExpectedChildren: {
-        format: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-    };
-}
-declare type IMaxRangeProps = React.PropsWithChildren<{
+declare const _componentMarkerLabel: React.MemoExoticComponent<(props: IMarkerLabelProps) => React.FunctionComponentElement<IMarkerLabelProps>>;
+declare const MarkerLabel: typeof _componentMarkerLabel & IElementDescriptor;
+type IMaxRangeProps = React.PropsWithChildren<{
     days?: number;
     hours?: number;
     milliseconds?: number;
@@ -899,19 +632,17 @@ declare type IMaxRangeProps = React.PropsWithChildren<{
     weeks?: number;
     years?: number;
 }>;
-declare class MaxRange extends NestedOption<IMaxRangeProps> {
-    static OptionName: string;
-}
-declare type IMinorTickProps = React.PropsWithChildren<{
+declare const _componentMaxRange: React.MemoExoticComponent<(props: IMaxRangeProps) => React.FunctionComponentElement<IMaxRangeProps>>;
+declare const MaxRange: typeof _componentMaxRange & IElementDescriptor;
+type IMinorTickProps = React.PropsWithChildren<{
     color?: string;
     opacity?: number;
     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;
@@ -922,10 +653,9 @@ declare type IMinorTickIntervalProps = React.PropsWithChildren<{
     weeks?: number;
     years?: number;
 }>;
-declare class MinorTickInterval extends NestedOption<IMinorTickIntervalProps> {
-    static OptionName: string;
-}
-declare type IMinRangeProps = React.PropsWithChildren<{
+declare const _componentMinorTickInterval: React.MemoExoticComponent<(props: IMinorTickIntervalProps) => React.FunctionComponentElement<IMinorTickIntervalProps>>;
+declare const MinorTickInterval: typeof _componentMinorTickInterval & IElementDescriptor;
+type IMinRangeProps = React.PropsWithChildren<{
     days?: number;
     hours?: number;
     milliseconds?: number;
@@ -936,10 +666,9 @@ declare type IMinRangeProps = React.PropsWithChildren<{
     weeks?: number;
     years?: number;
 }>;
-declare class MinRange extends NestedOption<IMinRangeProps> {
-    static OptionName: string;
-}
-declare type IPointProps = React.PropsWithChildren<{
+declare const _componentMinRange: React.MemoExoticComponent<(props: IMinRangeProps) => React.FunctionComponentElement<IMinRangeProps>>;
+declare const MinRange: typeof _componentMinRange & IElementDescriptor;
+type IPointProps = React.PropsWithChildren<{
     border?: Record<string, any> | {
         color?: string;
         visible?: boolean;
@@ -984,56 +713,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;
@@ -1042,24 +731,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;
@@ -1073,24 +747,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;
@@ -1099,31 +758,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 IScaleProps = React.PropsWithChildren<{
+declare const _componentReduction: React.MemoExoticComponent<(props: IReductionProps) => React.FunctionComponentElement<IReductionProps>>;
+declare const Reduction: typeof _componentReduction & IElementDescriptor;
+type IScaleProps = React.PropsWithChildren<{
     aggregateByCategory?: boolean;
     aggregationGroupWidth?: number;
     aggregationInterval?: number | Record<string, any> | "day" | "hour" | "millisecond" | "minute" | "month" | "quarter" | "second" | "week" | "year" | {
@@ -1244,60 +887,9 @@ declare type IScaleProps = React.PropsWithChildren<{
     workdaysOnly?: boolean;
     workWeek?: Array<number>;
 }>;
-declare class Scale extends NestedOption<IScaleProps> {
-    static OptionName: string;
-    static ExpectedChildren: {
-        aggregationInterval: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        break: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        breakStyle: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        label: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        marker: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        maxRange: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        minorTick: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        minorTickInterval: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        minRange: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        scaleLabel: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        tick: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        tickInterval: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-    };
-}
-declare type IScaleLabelProps = React.PropsWithChildren<{
+declare const _componentScale: React.MemoExoticComponent<(props: IScaleProps) => React.FunctionComponentElement<IScaleProps>>;
+declare const Scale: typeof _componentScale & IElementDescriptor;
+type IScaleLabelProps = React.PropsWithChildren<{
     customizeText?: ((scaleValue: {
         value: Date | number | string;
         valueText: string;
@@ -1308,20 +900,9 @@ declare type IScaleLabelProps = React.PropsWithChildren<{
     topIndent?: number;
     visible?: boolean;
 }>;
-declare class ScaleLabel extends NestedOption<IScaleLabelProps> {
-    static OptionName: string;
-    static ExpectedChildren: {
-        font: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        format: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-    };
-}
-declare type ISelectionStyleProps = React.PropsWithChildren<{
+declare const _componentScaleLabel: React.MemoExoticComponent<(props: IScaleLabelProps) => React.FunctionComponentElement<IScaleLabelProps>>;
+declare const ScaleLabel: typeof _componentScaleLabel & IElementDescriptor;
+type ISelectionStyleProps = React.PropsWithChildren<{
     border?: Record<string, any> | {
         color?: string;
         visible?: boolean;
@@ -1340,10 +921,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;
@@ -1510,49 +1090,42 @@ 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 IShutterProps = React.PropsWithChildren<{
+declare const _componentSeriesTemplate: React.MemoExoticComponent<(props: ISeriesTemplateProps) => React.FunctionComponentElement<ISeriesTemplateProps>>;
+declare const SeriesTemplate: typeof _componentSeriesTemplate & IElementDescriptor;
+type IShutterProps = React.PropsWithChildren<{
     color?: string;
     opacity?: number;
 }>;
-declare class Shutter extends NestedOption<IShutterProps> {
-    static OptionName: string;
-}
-declare type ISizeProps = React.PropsWithChildren<{
+declare const _componentShutter: React.MemoExoticComponent<(props: IShutterProps) => React.FunctionComponentElement<IShutterProps>>;
+declare const Shutter: typeof _componentShutter & IElementDescriptor;
+type ISizeProps = React.PropsWithChildren<{
     height?: number;
     width?: number;
 }>;
-declare class Size extends NestedOption<ISizeProps> {
-    static OptionName: string;
-}
-declare type ISliderHandleProps = React.PropsWithChildren<{
+declare const _componentSize: React.MemoExoticComponent<(props: ISizeProps) => React.FunctionComponentElement<ISizeProps>>;
+declare const Size: typeof _componentSize & IElementDescriptor;
+type ISliderHandleProps = React.PropsWithChildren<{
     color?: string;
     opacity?: number;
     width?: number;
 }>;
-declare class SliderHandle extends NestedOption<ISliderHandleProps> {
-    static OptionName: string;
-}
-declare type ISliderMarkerProps = React.PropsWithChildren<{
+declare const _componentSliderHandle: React.MemoExoticComponent<(props: ISliderHandleProps) => React.FunctionComponentElement<ISliderHandleProps>>;
+declare const SliderHandle: typeof _componentSliderHandle & IElementDescriptor;
+type ISliderMarkerProps = React.PropsWithChildren<{
     color?: string;
     customizeText?: ((scaleValue: {
         value: Date | number | string;
@@ -1566,44 +1139,25 @@ declare type ISliderMarkerProps = React.PropsWithChildren<{
     placeholderHeight?: number;
     visible?: boolean;
 }>;
-declare class SliderMarker extends NestedOption<ISliderMarkerProps> {
-    static OptionName: string;
-    static ExpectedChildren: {
-        font: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        format: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-    };
-}
-declare type ISubtitleProps = React.PropsWithChildren<{
+declare const _componentSliderMarker: React.MemoExoticComponent<(props: ISliderMarkerProps) => React.FunctionComponentElement<ISliderMarkerProps>>;
+declare const SliderMarker: typeof _componentSliderMarker & 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;
-    static ExpectedChildren: {
-        font: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-    };
-}
-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;
     opacity?: number;
     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;
@@ -1614,10 +1168,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<{
     font?: ChartsFont;
     horizontalAlignment?: "center" | "left" | "right";
     margin?: number | Record<string, any> | {
@@ -1639,31 +1192,15 @@ declare type ITitleProps = React.PropsWithChildren<{
     verticalAlignment?: "bottom" | "top";
     wordWrap?: "normal" | "breakWord" | "none";
 }>;
-declare class Title extends NestedOption<ITitleProps> {
-    static OptionName: string;
-    static ExpectedChildren: {
-        font: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        margin: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-        subtitle: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-    };
-}
-declare type IUrlProps = React.PropsWithChildren<{
+declare const _componentTitle: React.MemoExoticComponent<(props: ITitleProps) => React.FunctionComponentElement<ITitleProps>>;
+declare const Title: typeof _componentTitle & IElementDescriptor;
+type IUrlProps = React.PropsWithChildren<{
     rangeMaxPoint?: string;
     rangeMinPoint?: string;
 }>;
-declare class Url extends NestedOption<IUrlProps> {
-    static OptionName: string;
-}
-declare type IValueProps = React.PropsWithChildren<{
+declare const _componentUrl: React.MemoExoticComponent<(props: IUrlProps) => React.FunctionComponentElement<IUrlProps>>;
+declare const Url: typeof _componentUrl & IElementDescriptor;
+type IValueProps = React.PropsWithChildren<{
     endValue?: Date | number | string;
     length?: number | Record<string, any> | "day" | "hour" | "millisecond" | "minute" | "month" | "quarter" | "second" | "week" | "year" | {
         days?: number;
@@ -1682,20 +1219,9 @@ declare type IValueProps = React.PropsWithChildren<{
     defaultStartValue?: Date | number | string;
     onStartValueChange?: (value: Date | number | string) => void;
 }>;
-declare class Value extends NestedOption<IValueProps> {
-    static OptionName: string;
-    static DefaultsProps: {
-        defaultEndValue: string;
-        defaultStartValue: string;
-    };
-    static ExpectedChildren: {
-        length: {
-            optionName: string;
-            isCollectionItem: boolean;
-        };
-    };
-}
-declare type IValueAxisProps = React.PropsWithChildren<{
+declare const _componentValue: React.MemoExoticComponent<(props: IValueProps) => React.FunctionComponentElement<IValueProps>>;
+declare const Value: typeof _componentValue & IElementDescriptor;
+type IValueAxisProps = React.PropsWithChildren<{
     inverted?: boolean;
     logarithmBase?: number;
     max?: number;
@@ -1703,10 +1229,9 @@ declare type IValueAxisProps = React.PropsWithChildren<{
     type?: "continuous" | "logarithmic";
     valueType?: "datetime" | "numeric" | "string";
 }>;
-declare class ValueAxis extends NestedOption<IValueAxisProps> {
-    static OptionName: string;
-}
-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;
@@ -1717,17 +1242,15 @@ declare type IValueErrorBarProps = React.PropsWithChildren<{
     type?: "fixed" | "percent" | "stdDeviation" | "stdError" | "variance";
     value?: number;
 }>;
-declare class ValueErrorBar extends NestedOption<IValueErrorBarProps> {
-    static OptionName: string;
-}
-declare type IWidthProps = React.PropsWithChildren<{
+declare const _componentValueErrorBar: React.MemoExoticComponent<(props: IValueErrorBarProps) => React.FunctionComponentElement<IValueErrorBarProps>>;
+declare const ValueErrorBar: typeof _componentValueErrorBar & IElementDescriptor;
+type IWidthProps = React.PropsWithChildren<{
     rangeMaxPoint?: number;
     rangeMinPoint?: number;
 }>;
-declare class Width extends NestedOption<IWidthProps> {
-    static OptionName: string;
-}
+declare const _componentWidth: React.MemoExoticComponent<(props: IWidthProps) => React.FunctionComponentElement<IWidthProps>>;
+declare const Width: typeof _componentWidth & IElementDescriptor;
 export default RangeSelector;
-export { RangeSelector, IRangeSelectorOptions, Aggregation, IAggregationProps, AggregationInterval, IAggregationIntervalProps, ArgumentFormat, IArgumentFormatProps, Background, IBackgroundProps, BackgroundImage, IBackgroundImageProps, Behavior, IBehaviorProps, Border, IBorderProps, Break, IBreakProps, BreakStyle, IBreakStyleProps, Chart, IChartProps, Color, IColorProps, CommonSeriesSettings, ICommonSeriesSettingsProps, CommonSeriesSettingsHoverStyle, ICommonSeriesSettingsHoverStyleProps, CommonSeriesSettingsLabel, ICommonSeriesSettingsLabelProps, CommonSeriesSettingsSelectionStyle, ICommonSeriesSettingsSelectionStyleProps, Connector, IConnectorProps, DataPrepareSettings, IDataPrepareSettingsProps, Export, IExportProps, Font, IFontProps, Format, IFormatProps, Hatching, IHatchingProps, Height, IHeightProps, HoverStyle, IHoverStyleProps, Image, IImageProps, Indent, IIndentProps, Label, ILabelProps, Length, ILengthProps, LoadingIndicator, ILoadingIndicatorProps, Margin, IMarginProps, Marker, IMarkerProps, MarkerLabel, IMarkerLabelProps, MaxRange, IMaxRangeProps, MinorTick, IMinorTickProps, MinorTickInterval, IMinorTickIntervalProps, MinRange, IMinRangeProps, Point, IPointProps, PointBorder, IPointBorderProps, PointHoverStyle, IPointHoverStyleProps, PointImage, IPointImageProps, PointSelectionStyle, IPointSelectionStyleProps, Reduction, IReductionProps, Scale, IScaleProps, ScaleLabel, IScaleLabelProps, SelectionStyle, ISelectionStyleProps, Series, ISeriesProps, SeriesBorder, ISeriesBorderProps, SeriesTemplate, ISeriesTemplateProps, Shutter, IShutterProps, Size, ISizeProps, SliderHandle, ISliderHandleProps, SliderMarker, ISliderMarkerProps, Subtitle, ISubtitleProps, Tick, ITickProps, TickInterval, ITickIntervalProps, Title, ITitleProps, Url, IUrlProps, Value, IValueProps, ValueAxis, IValueAxisProps, ValueErrorBar, IValueErrorBarProps, Width, IWidthProps };
+export { RangeSelector, IRangeSelectorOptions, RangeSelectorRef, Aggregation, IAggregationProps, AggregationInterval, IAggregationIntervalProps, ArgumentFormat, IArgumentFormatProps, Background, IBackgroundProps, BackgroundImage, IBackgroundImageProps, Behavior, IBehaviorProps, Border, IBorderProps, Break, IBreakProps, BreakStyle, IBreakStyleProps, Chart, IChartProps, Color, IColorProps, CommonSeriesSettings, ICommonSeriesSettingsProps, CommonSeriesSettingsHoverStyle, ICommonSeriesSettingsHoverStyleProps, CommonSeriesSettingsLabel, ICommonSeriesSettingsLabelProps, CommonSeriesSettingsSelectionStyle, ICommonSeriesSettingsSelectionStyleProps, Connector, IConnectorProps, DataPrepareSettings, IDataPrepareSettingsProps, Export, IExportProps, Font, IFontProps, Format, IFormatProps, Hatching, IHatchingProps, Height, IHeightProps, HoverStyle, IHoverStyleProps, Image, IImageProps, Indent, IIndentProps, Label, ILabelProps, Length, ILengthProps, LoadingIndicator, ILoadingIndicatorProps, Margin, IMarginProps, Marker, IMarkerProps, MarkerLabel, IMarkerLabelProps, MaxRange, IMaxRangeProps, MinorTick, IMinorTickProps, MinorTickInterval, IMinorTickIntervalProps, MinRange, IMinRangeProps, Point, IPointProps, PointBorder, IPointBorderProps, PointHoverStyle, IPointHoverStyleProps, PointImage, IPointImageProps, PointSelectionStyle, IPointSelectionStyleProps, Reduction, IReductionProps, Scale, IScaleProps, ScaleLabel, IScaleLabelProps, SelectionStyle, ISelectionStyleProps, Series, ISeriesProps, SeriesBorder, ISeriesBorderProps, SeriesTemplate, ISeriesTemplateProps, Shutter, IShutterProps, Size, ISizeProps, SliderHandle, ISliderHandleProps, SliderMarker, ISliderMarkerProps, Subtitle, ISubtitleProps, Tick, ITickProps, TickInterval, ITickIntervalProps, Title, ITitleProps, Url, IUrlProps, Value, IValueProps, ValueAxis, IValueAxisProps, ValueErrorBar, IValueErrorBarProps, Width, IWidthProps };
 import type * as RangeSelectorTypes from 'devextreme/viz/range_selector_types';
 export { RangeSelectorTypes };