devextreme-react 26.1.2-beta → 26.1.3

package/cjs/tab-panel.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 26.1.2-beta
- * Build date: Fri May 08 2026
+ * Version: 26.1.3
+ * Build date: Wed Jun 10 2026
  *
  * Copyright (c) 2012 - 2026 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -11,98 +11,98 @@
  * https://github.com/DevExpress/DevExtreme
  */
 
-export { ExplicitTypes } from "devextreme/ui/tab_panel";
-import * as React from "react";
-import { Ref, ReactElement } from "react";
-import dxTabPanel, { Properties } from "devextreme/ui/tab_panel";
-import { IHtmlOptions, NestedComponentMeta } from "./core/component";
-import type { dxTabPanelItem, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemHoldEvent, ItemRenderedEvent, SelectionChangingEvent, TitleClickEvent, TitleHoldEvent, TitleRenderedEvent } from "devextreme/ui/tab_panel";
-import type { template } from "devextreme/common";
-import type { CollectionWidgetItem } from "devextreme/ui/collection/ui.collection_widget.base";
-type ReplaceFieldTypes<TSource, TReplacement> = {
-    [P in keyof TSource]: P extends keyof TReplacement ? TReplacement[P] : TSource[P];
-};
-type ITabPanelOptionsNarrowedEvents<TItem = any, TKey = any> = {
-    onContentReady?: ((e: ContentReadyEvent<TItem, TKey>) => void);
-    onDisposing?: ((e: DisposingEvent<TItem, TKey>) => void);
-    onInitialized?: ((e: InitializedEvent<TItem, TKey>) => void);
-    onItemClick?: ((e: ItemClickEvent<TItem, TKey>) => void);
-    onItemContextMenu?: ((e: ItemContextMenuEvent<TItem, TKey>) => void);
-    onItemHold?: ((e: ItemHoldEvent<TItem, TKey>) => void);
-    onItemRendered?: ((e: ItemRenderedEvent<TItem, TKey>) => void);
-    onSelectionChanging?: ((e: SelectionChangingEvent<TItem, TKey>) => void);
-    onTitleClick?: ((e: TitleClickEvent<TItem, TKey>) => void);
-    onTitleHold?: ((e: TitleHoldEvent<TItem, TKey>) => void);
-    onTitleRendered?: ((e: TitleRenderedEvent<TItem, TKey>) => void);
-};
-type ITabPanelOptions<TItem = any, TKey = any> = React.PropsWithChildren<ReplaceFieldTypes<Properties<TItem, TKey>, ITabPanelOptionsNarrowedEvents<TItem, TKey>> & IHtmlOptions & {
-    dataSource?: Properties<TItem, TKey>["dataSource"];
-    itemRender?: (...params: any) => React.ReactNode;
-    itemComponent?: React.ComponentType<any>;
-    itemTitleRender?: (...params: any) => React.ReactNode;
-    itemTitleComponent?: React.ComponentType<any>;
-    defaultItems?: Array<any | dxTabPanelItem | string>;
-    defaultSelectedIndex?: number;
-    defaultSelectedItem?: any;
-    onItemsChange?: (value: Array<any | dxTabPanelItem | string>) => void;
-    onSelectedIndexChange?: (value: number) => void;
-    onSelectedItemChange?: (value: any) => void;
-}>;
-interface TabPanelRef<TItem = any, TKey = any> {
-    instance: () => dxTabPanel<TItem, TKey>;
-}
-declare const TabPanel: <TItem = any, TKey = any>(props: ReplaceFieldTypes<Properties<TItem, TKey>, ITabPanelOptionsNarrowedEvents<TItem, TKey>> & IHtmlOptions & {
-    dataSource?: import("devextreme/data/data_source").DataSourceLike<TItem, TKey> | null | undefined;
-    itemRender?: ((...params: any) => React.ReactNode) | undefined;
-    itemComponent?: React.ComponentType<any> | undefined;
-    itemTitleRender?: ((...params: any) => React.ReactNode) | undefined;
-    itemTitleComponent?: React.ComponentType<any> | undefined;
-    defaultItems?: any[] | undefined;
-    defaultSelectedIndex?: number | undefined;
-    defaultSelectedItem?: any;
-    onItemsChange?: ((value: Array<any | dxTabPanelItem | string>) => void) | undefined;
-    onSelectedIndexChange?: ((value: number) => void) | undefined;
-    onSelectedItemChange?: ((value: any) => void) | undefined;
-} & {
-    children?: React.ReactNode;
-} & {
-    ref?: React.Ref<TabPanelRef<TItem, TKey>> | undefined;
-}) => ReactElement | null;
-type IItemProps = React.PropsWithChildren<{
-    badge?: string;
-    disabled?: boolean;
-    html?: string;
-    icon?: string;
-    tabTemplate?: (() => string | any) | template;
-    template?: ((itemData: CollectionWidgetItem, itemIndex: number, itemElement: any) => string | any) | template;
-    text?: string;
-    title?: string;
-    visible?: boolean;
-    tabRender?: (...params: any) => React.ReactNode;
-    tabComponent?: React.ComponentType<any>;
-    render?: (...params: any) => React.ReactNode;
-    component?: React.ComponentType<any>;
-}>;
-declare const Item: ((props: IItemProps) => React.FunctionComponentElement<React.PropsWithChildren<{
-    badge?: string | undefined;
-    disabled?: boolean | undefined;
-    html?: string | undefined;
-    icon?: string | undefined;
-    tabTemplate?: template | (() => string | any) | undefined;
-    template?: template | ((itemData: CollectionWidgetItem, itemIndex: number, itemElement: any) => string | any) | undefined;
-    text?: string | undefined;
-    title?: string | undefined;
-    visible?: boolean | undefined;
-    tabRender?: ((...params: any) => React.ReactNode) | undefined;
-    tabComponent?: React.ComponentType<any> | undefined;
-    render?: ((...params: any) => React.ReactNode) | undefined;
-    component?: React.ComponentType<any> | undefined;
-} & {
-    children?: React.ReactNode;
-} & {
-    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
-}>>) & NestedComponentMeta;
-export default TabPanel;
-export { TabPanel, ITabPanelOptions, TabPanelRef, Item, IItemProps };
-import type * as TabPanelTypes from 'devextreme/ui/tab_panel_types';
-export { TabPanelTypes };
+export { ExplicitTypes } from "devextreme/ui/tab_panel";
+import * as React from "react";
+import { Ref, ReactElement } from "react";
+import dxTabPanel, { Properties } from "devextreme/ui/tab_panel";
+import { IHtmlOptions, NestedComponentMeta } from "./core/component";
+import type { dxTabPanelItem, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemHoldEvent, ItemRenderedEvent, SelectionChangingEvent, TitleClickEvent, TitleHoldEvent, TitleRenderedEvent } from "devextreme/ui/tab_panel";
+import type { template } from "devextreme/common";
+import type { CollectionWidgetItem } from "devextreme/ui/collection/ui.collection_widget.base";
+type ReplaceFieldTypes<TSource, TReplacement> = {
+    [P in keyof TSource]: P extends keyof TReplacement ? TReplacement[P] : TSource[P];
+};
+type ITabPanelOptionsNarrowedEvents<TItem = any, TKey = any> = {
+    onContentReady?: ((e: ContentReadyEvent<TItem, TKey>) => void);
+    onDisposing?: ((e: DisposingEvent<TItem, TKey>) => void);
+    onInitialized?: ((e: InitializedEvent<TItem, TKey>) => void);
+    onItemClick?: ((e: ItemClickEvent<TItem, TKey>) => void);
+    onItemContextMenu?: ((e: ItemContextMenuEvent<TItem, TKey>) => void);
+    onItemHold?: ((e: ItemHoldEvent<TItem, TKey>) => void);
+    onItemRendered?: ((e: ItemRenderedEvent<TItem, TKey>) => void);
+    onSelectionChanging?: ((e: SelectionChangingEvent<TItem, TKey>) => void);
+    onTitleClick?: ((e: TitleClickEvent<TItem, TKey>) => void);
+    onTitleHold?: ((e: TitleHoldEvent<TItem, TKey>) => void);
+    onTitleRendered?: ((e: TitleRenderedEvent<TItem, TKey>) => void);
+};
+type ITabPanelOptions<TItem = any, TKey = any> = React.PropsWithChildren<ReplaceFieldTypes<Properties<TItem, TKey>, ITabPanelOptionsNarrowedEvents<TItem, TKey>> & IHtmlOptions & {
+    dataSource?: Properties<TItem, TKey>["dataSource"];
+    itemRender?: (...params: any) => React.ReactNode;
+    itemComponent?: React.ComponentType<any>;
+    itemTitleRender?: (...params: any) => React.ReactNode;
+    itemTitleComponent?: React.ComponentType<any>;
+    defaultItems?: Array<any | dxTabPanelItem | string>;
+    defaultSelectedIndex?: number;
+    defaultSelectedItem?: any;
+    onItemsChange?: (value: Array<any | dxTabPanelItem | string>) => void;
+    onSelectedIndexChange?: (value: number) => void;
+    onSelectedItemChange?: (value: any) => void;
+}>;
+interface TabPanelRef<TItem = any, TKey = any> {
+    instance: () => dxTabPanel<TItem, TKey>;
+}
+declare const TabPanel: <TItem = any, TKey = any>(props: ReplaceFieldTypes<Properties<TItem, TKey>, ITabPanelOptionsNarrowedEvents<TItem, TKey>> & IHtmlOptions & {
+    dataSource?: import("devextreme/data/data_source").DataSourceLike<TItem, TKey> | null | undefined;
+    itemRender?: ((...params: any) => React.ReactNode) | undefined;
+    itemComponent?: React.ComponentType<any> | undefined;
+    itemTitleRender?: ((...params: any) => React.ReactNode) | undefined;
+    itemTitleComponent?: React.ComponentType<any> | undefined;
+    defaultItems?: any[] | undefined;
+    defaultSelectedIndex?: number | undefined;
+    defaultSelectedItem?: any;
+    onItemsChange?: ((value: Array<any | dxTabPanelItem | string>) => void) | undefined;
+    onSelectedIndexChange?: ((value: number) => void) | undefined;
+    onSelectedItemChange?: ((value: any) => void) | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    ref?: React.Ref<TabPanelRef<TItem, TKey>> | undefined;
+}) => ReactElement | null;
+type IItemProps = React.PropsWithChildren<{
+    badge?: string;
+    disabled?: boolean;
+    html?: string;
+    icon?: string;
+    tabTemplate?: (() => string | any) | template;
+    template?: ((itemData: CollectionWidgetItem, itemIndex: number, itemElement: any) => string | any) | template;
+    text?: string;
+    title?: string;
+    visible?: boolean;
+    tabRender?: (...params: any) => React.ReactNode;
+    tabComponent?: React.ComponentType<any>;
+    render?: (...params: any) => React.ReactNode;
+    component?: React.ComponentType<any>;
+}>;
+declare const Item: ((props: IItemProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    badge?: string | undefined;
+    disabled?: boolean | undefined;
+    html?: string | undefined;
+    icon?: string | undefined;
+    tabTemplate?: template | (() => string | any) | undefined;
+    template?: template | ((itemData: CollectionWidgetItem, itemIndex: number, itemElement: any) => string | any) | undefined;
+    text?: string | undefined;
+    title?: string | undefined;
+    visible?: boolean | undefined;
+    tabRender?: ((...params: any) => React.ReactNode) | undefined;
+    tabComponent?: React.ComponentType<any> | undefined;
+    render?: ((...params: any) => React.ReactNode) | undefined;
+    component?: React.ComponentType<any> | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
+export default TabPanel;
+export { TabPanel, ITabPanelOptions, TabPanelRef, Item, IItemProps };
+import type * as TabPanelTypes from 'devextreme/ui/tab_panel_types';
+export { TabPanelTypes };

package/cjs/tab-panel.js

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 26.1.2-beta
- * Build date: Fri May 08 2026
+ * Version: 26.1.3
+ * Build date: Wed Jun 10 2026
  *
  * Copyright (c) 2012 - 2026 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -11,102 +11,102 @@
  * https://github.com/DevExpress/DevExtreme
  */
 
-"use client";
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Item = exports.TabPanel = void 0;
-const React = __importStar(require("react"));
-const react_1 = require("react");
-const tab_panel_1 = __importDefault(require("devextreme/ui/tab_panel"));
-const component_1 = require("./core/component");
-const nested_option_1 = __importDefault(require("./core/nested-option"));
-const TabPanel = (0, react_1.memo)((0, react_1.forwardRef)((props, ref) => {
-    const baseRef = (0, react_1.useRef)(null);
-    (0, react_1.useImperativeHandle)(ref, () => ({
-        instance() {
-            return baseRef.current?.getInstance();
-        }
-    }), []);
-    const subscribableOptions = (0, react_1.useMemo)(() => (["items", "selectedIndex", "selectedItem"]), []);
-    const independentEvents = (0, react_1.useMemo)(() => (["onContentReady", "onDisposing", "onInitialized", "onItemClick", "onItemContextMenu", "onItemHold", "onItemRendered", "onSelectionChanging", "onTitleClick", "onTitleHold", "onTitleRendered"]), []);
-    const defaults = (0, react_1.useMemo)(() => ({
-        defaultItems: "items",
-        defaultSelectedIndex: "selectedIndex",
-        defaultSelectedItem: "selectedItem",
-    }), []);
-    const expectedChildren = (0, react_1.useMemo)(() => ({
-        item: { optionName: "items", isCollectionItem: true }
-    }), []);
-    const templateProps = (0, react_1.useMemo)(() => ([
-        {
-            tmplOption: "itemTemplate",
-            render: "itemRender",
-            component: "itemComponent"
-        },
-        {
-            tmplOption: "itemTitleTemplate",
-            render: "itemTitleRender",
-            component: "itemTitleComponent"
-        },
-    ]), []);
-    return (React.createElement((component_1.Component), {
-        WidgetClass: tab_panel_1.default,
-        ref: baseRef,
-        subscribableOptions,
-        independentEvents,
-        defaults,
-        expectedChildren,
-        templateProps,
-        ...props,
-    }));
-}));
-exports.TabPanel = TabPanel;
-const _componentItem = (props) => {
-    return React.createElement((nested_option_1.default), {
-        ...props,
-        elementDescriptor: {
-            OptionName: "items",
-            IsCollectionItem: true,
-            TemplateProps: [{
-                    tmplOption: "tabTemplate",
-                    render: "tabRender",
-                    component: "tabComponent"
-                }, {
-                    tmplOption: "template",
-                    render: "render",
-                    component: "component"
-                }],
-        },
-    });
-};
-const Item = Object.assign(_componentItem, {
-    componentType: "option",
-});
-exports.Item = Item;
-exports.default = TabPanel;
+"use client";
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Item = exports.TabPanel = void 0;
+const React = __importStar(require("react"));
+const react_1 = require("react");
+const tab_panel_1 = __importDefault(require("devextreme/ui/tab_panel"));
+const component_1 = require("./core/component");
+const nested_option_1 = __importDefault(require("./core/nested-option"));
+const TabPanel = (0, react_1.memo)((0, react_1.forwardRef)((props, ref) => {
+    const baseRef = (0, react_1.useRef)(null);
+    (0, react_1.useImperativeHandle)(ref, () => ({
+        instance() {
+            return baseRef.current?.getInstance();
+        }
+    }), []);
+    const subscribableOptions = (0, react_1.useMemo)(() => (["items", "selectedIndex", "selectedItem"]), []);
+    const independentEvents = (0, react_1.useMemo)(() => (["onContentReady", "onDisposing", "onInitialized", "onItemClick", "onItemContextMenu", "onItemHold", "onItemRendered", "onSelectionChanging", "onTitleClick", "onTitleHold", "onTitleRendered"]), []);
+    const defaults = (0, react_1.useMemo)(() => ({
+        defaultItems: "items",
+        defaultSelectedIndex: "selectedIndex",
+        defaultSelectedItem: "selectedItem",
+    }), []);
+    const expectedChildren = (0, react_1.useMemo)(() => ({
+        item: { optionName: "items", isCollectionItem: true }
+    }), []);
+    const templateProps = (0, react_1.useMemo)(() => ([
+        {
+            tmplOption: "itemTemplate",
+            render: "itemRender",
+            component: "itemComponent"
+        },
+        {
+            tmplOption: "itemTitleTemplate",
+            render: "itemTitleRender",
+            component: "itemTitleComponent"
+        },
+    ]), []);
+    return (React.createElement((component_1.Component), {
+        WidgetClass: tab_panel_1.default,
+        ref: baseRef,
+        subscribableOptions,
+        independentEvents,
+        defaults,
+        expectedChildren,
+        templateProps,
+        ...props,
+    }));
+}));
+exports.TabPanel = TabPanel;
+const _componentItem = (props) => {
+    return React.createElement((nested_option_1.default), {
+        ...props,
+        elementDescriptor: {
+            OptionName: "items",
+            IsCollectionItem: true,
+            TemplateProps: [{
+                    tmplOption: "tabTemplate",
+                    render: "tabRender",
+                    component: "tabComponent"
+                }, {
+                    tmplOption: "template",
+                    render: "render",
+                    component: "component"
+                }],
+        },
+    });
+};
+const Item = Object.assign(_componentItem, {
+    componentType: "option",
+});
+exports.Item = Item;
+exports.default = TabPanel;

package/cjs/tabs.d.ts

@@ -1,7 +1,7 @@
 /*!
  * devextreme-react
- * Version: 26.1.2-beta
- * Build date: Fri May 08 2026
+ * Version: 26.1.3
+ * Build date: Wed Jun 10 2026
  *
  * Copyright (c) 2012 - 2026 Developer Express Inc. ALL RIGHTS RESERVED
  *
@@ -11,91 +11,91 @@
  * https://github.com/DevExpress/DevExtreme
  */
 
-export { ExplicitTypes } from "devextreme/ui/tabs";
-import * as React from "react";
-import { Ref, ReactElement } from "react";
-import dxTabs, { Properties } from "devextreme/ui/tabs";
-import { IHtmlOptions, NestedComponentMeta } from "./core/component";
-import type { dxTabsItem, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemHoldEvent, ItemRenderedEvent, SelectionChangingEvent } from "devextreme/ui/tabs";
-import type { CollectionWidgetItem } from "devextreme/ui/collection/ui.collection_widget.base";
-import type { template } from "devextreme/common";
-type ReplaceFieldTypes<TSource, TReplacement> = {
-    [P in keyof TSource]: P extends keyof TReplacement ? TReplacement[P] : TSource[P];
-};
-type ITabsOptionsNarrowedEvents<TItem = any, TKey = any> = {
-    onContentReady?: ((e: ContentReadyEvent<TItem, TKey>) => void);
-    onDisposing?: ((e: DisposingEvent<TItem, TKey>) => void);
-    onInitialized?: ((e: InitializedEvent<TItem, TKey>) => void);
-    onItemClick?: ((e: ItemClickEvent<TItem, TKey>) => void);
-    onItemContextMenu?: ((e: ItemContextMenuEvent<TItem, TKey>) => void);
-    onItemHold?: ((e: ItemHoldEvent<TItem, TKey>) => void);
-    onItemRendered?: ((e: ItemRenderedEvent<TItem, TKey>) => void);
-    onSelectionChanging?: ((e: SelectionChangingEvent<TItem, TKey>) => void);
-};
-type ITabsOptions<TItem = any, TKey = any> = React.PropsWithChildren<ReplaceFieldTypes<Properties<TItem, TKey>, ITabsOptionsNarrowedEvents<TItem, TKey>> & IHtmlOptions & {
-    dataSource?: Properties<TItem, TKey>["dataSource"];
-    itemRender?: (...params: any) => React.ReactNode;
-    itemComponent?: React.ComponentType<any>;
-    defaultItems?: Array<any | dxTabsItem | string>;
-    defaultSelectedIndex?: number;
-    defaultSelectedItem?: any;
-    defaultSelectedItemKeys?: Array<any>;
-    defaultSelectedItems?: Array<any>;
-    onItemsChange?: (value: Array<any | dxTabsItem | string>) => void;
-    onSelectedIndexChange?: (value: number) => void;
-    onSelectedItemChange?: (value: any) => void;
-    onSelectedItemKeysChange?: (value: Array<any>) => void;
-    onSelectedItemsChange?: (value: Array<any>) => void;
-}>;
-interface TabsRef<TItem = any, TKey = any> {
-    instance: () => dxTabs<TItem, TKey>;
-}
-declare const Tabs: <TItem = any, TKey = any>(props: ReplaceFieldTypes<Properties<TItem, TKey>, ITabsOptionsNarrowedEvents<TItem, TKey>> & IHtmlOptions & {
-    dataSource?: import("devextreme/data/data_source").DataSourceLike<TItem, TKey> | null | undefined;
-    itemRender?: ((...params: any) => React.ReactNode) | undefined;
-    itemComponent?: React.ComponentType<any> | undefined;
-    defaultItems?: any[] | undefined;
-    defaultSelectedIndex?: number | undefined;
-    defaultSelectedItem?: any;
-    defaultSelectedItemKeys?: any[] | undefined;
-    defaultSelectedItems?: any[] | undefined;
-    onItemsChange?: ((value: Array<any | dxTabsItem | string>) => void) | undefined;
-    onSelectedIndexChange?: ((value: number) => void) | undefined;
-    onSelectedItemChange?: ((value: any) => void) | undefined;
-    onSelectedItemKeysChange?: ((value: Array<any>) => void) | undefined;
-    onSelectedItemsChange?: ((value: Array<any>) => void) | undefined;
-} & {
-    children?: React.ReactNode;
-} & {
-    ref?: React.Ref<TabsRef<TItem, TKey>> | undefined;
-}) => ReactElement | null;
-type IItemProps = React.PropsWithChildren<{
-    badge?: string;
-    disabled?: boolean;
-    html?: string;
-    icon?: string;
-    template?: ((itemData: CollectionWidgetItem, itemIndex: number, itemElement: any) => string | any) | template;
-    text?: string;
-    visible?: boolean;
-    render?: (...params: any) => React.ReactNode;
-    component?: React.ComponentType<any>;
-}>;
-declare const Item: ((props: IItemProps) => React.FunctionComponentElement<React.PropsWithChildren<{
-    badge?: string | undefined;
-    disabled?: boolean | undefined;
-    html?: string | undefined;
-    icon?: string | undefined;
-    template?: template | ((itemData: CollectionWidgetItem, itemIndex: number, itemElement: any) => string | any) | undefined;
-    text?: string | undefined;
-    visible?: boolean | undefined;
-    render?: ((...params: any) => React.ReactNode) | undefined;
-    component?: React.ComponentType<any> | undefined;
-} & {
-    children?: React.ReactNode;
-} & {
-    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
-}>>) & NestedComponentMeta;
-export default Tabs;
-export { Tabs, ITabsOptions, TabsRef, Item, IItemProps };
-import type * as TabsTypes from 'devextreme/ui/tabs_types';
-export { TabsTypes };
+export { ExplicitTypes } from "devextreme/ui/tabs";
+import * as React from "react";
+import { Ref, ReactElement } from "react";
+import dxTabs, { Properties } from "devextreme/ui/tabs";
+import { IHtmlOptions, NestedComponentMeta } from "./core/component";
+import type { dxTabsItem, ContentReadyEvent, DisposingEvent, InitializedEvent, ItemClickEvent, ItemContextMenuEvent, ItemHoldEvent, ItemRenderedEvent, SelectionChangingEvent } from "devextreme/ui/tabs";
+import type { CollectionWidgetItem } from "devextreme/ui/collection/ui.collection_widget.base";
+import type { template } from "devextreme/common";
+type ReplaceFieldTypes<TSource, TReplacement> = {
+    [P in keyof TSource]: P extends keyof TReplacement ? TReplacement[P] : TSource[P];
+};
+type ITabsOptionsNarrowedEvents<TItem = any, TKey = any> = {
+    onContentReady?: ((e: ContentReadyEvent<TItem, TKey>) => void);
+    onDisposing?: ((e: DisposingEvent<TItem, TKey>) => void);
+    onInitialized?: ((e: InitializedEvent<TItem, TKey>) => void);
+    onItemClick?: ((e: ItemClickEvent<TItem, TKey>) => void);
+    onItemContextMenu?: ((e: ItemContextMenuEvent<TItem, TKey>) => void);
+    onItemHold?: ((e: ItemHoldEvent<TItem, TKey>) => void);
+    onItemRendered?: ((e: ItemRenderedEvent<TItem, TKey>) => void);
+    onSelectionChanging?: ((e: SelectionChangingEvent<TItem, TKey>) => void);
+};
+type ITabsOptions<TItem = any, TKey = any> = React.PropsWithChildren<ReplaceFieldTypes<Properties<TItem, TKey>, ITabsOptionsNarrowedEvents<TItem, TKey>> & IHtmlOptions & {
+    dataSource?: Properties<TItem, TKey>["dataSource"];
+    itemRender?: (...params: any) => React.ReactNode;
+    itemComponent?: React.ComponentType<any>;
+    defaultItems?: Array<any | dxTabsItem | string>;
+    defaultSelectedIndex?: number;
+    defaultSelectedItem?: any;
+    defaultSelectedItemKeys?: Array<any>;
+    defaultSelectedItems?: Array<any>;
+    onItemsChange?: (value: Array<any | dxTabsItem | string>) => void;
+    onSelectedIndexChange?: (value: number) => void;
+    onSelectedItemChange?: (value: any) => void;
+    onSelectedItemKeysChange?: (value: Array<any>) => void;
+    onSelectedItemsChange?: (value: Array<any>) => void;
+}>;
+interface TabsRef<TItem = any, TKey = any> {
+    instance: () => dxTabs<TItem, TKey>;
+}
+declare const Tabs: <TItem = any, TKey = any>(props: ReplaceFieldTypes<Properties<TItem, TKey>, ITabsOptionsNarrowedEvents<TItem, TKey>> & IHtmlOptions & {
+    dataSource?: import("devextreme/data/data_source").DataSourceLike<TItem, TKey> | null | undefined;
+    itemRender?: ((...params: any) => React.ReactNode) | undefined;
+    itemComponent?: React.ComponentType<any> | undefined;
+    defaultItems?: any[] | undefined;
+    defaultSelectedIndex?: number | undefined;
+    defaultSelectedItem?: any;
+    defaultSelectedItemKeys?: any[] | undefined;
+    defaultSelectedItems?: any[] | undefined;
+    onItemsChange?: ((value: Array<any | dxTabsItem | string>) => void) | undefined;
+    onSelectedIndexChange?: ((value: number) => void) | undefined;
+    onSelectedItemChange?: ((value: any) => void) | undefined;
+    onSelectedItemKeysChange?: ((value: Array<any>) => void) | undefined;
+    onSelectedItemsChange?: ((value: Array<any>) => void) | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    ref?: React.Ref<TabsRef<TItem, TKey>> | undefined;
+}) => ReactElement | null;
+type IItemProps = React.PropsWithChildren<{
+    badge?: string;
+    disabled?: boolean;
+    html?: string;
+    icon?: string;
+    template?: ((itemData: CollectionWidgetItem, itemIndex: number, itemElement: any) => string | any) | template;
+    text?: string;
+    visible?: boolean;
+    render?: (...params: any) => React.ReactNode;
+    component?: React.ComponentType<any>;
+}>;
+declare const Item: ((props: IItemProps) => React.FunctionComponentElement<React.PropsWithChildren<{
+    badge?: string | undefined;
+    disabled?: boolean | undefined;
+    html?: string | undefined;
+    icon?: string | undefined;
+    template?: template | ((itemData: CollectionWidgetItem, itemIndex: number, itemElement: any) => string | any) | undefined;
+    text?: string | undefined;
+    visible?: boolean | undefined;
+    render?: ((...params: any) => React.ReactNode) | undefined;
+    component?: React.ComponentType<any> | undefined;
+} & {
+    children?: React.ReactNode;
+} & {
+    elementDescriptor: import("./core/configuration/react/element").IElementDescriptor;
+}>>) & NestedComponentMeta;
+export default Tabs;
+export { Tabs, ITabsOptions, TabsRef, Item, IItemProps };
+import type * as TabsTypes from 'devextreme/ui/tabs_types';
+export { TabsTypes };