diff --git a/apps/demos/Demos/CardView/DataValidation/Angular/app/app.component.ts b/apps/demos/Demos/CardView/DataValidation/Angular/app/app.component.ts
index f4b6c0b2f1c8..2d59e14b36ce 100644
--- a/apps/demos/Demos/CardView/DataValidation/Angular/app/app.component.ts
+++ b/apps/demos/Demos/CardView/DataValidation/Angular/app/app.component.ts
@@ -1,7 +1,8 @@
 import { bootstrapApplication } from '@angular/platform-browser';
 import { HttpClient, provideHttpClient, withFetch } from '@angular/common/http';
 import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
-import { DxCardViewModule, DxTextAreaModule } from 'devextreme-angular';
+import { DxCardViewModule } from 'devextreme-angular';
+import 'devextreme/ui/text_area';
 import { lastValueFrom } from 'rxjs';
 import { Employee, Service } from './app.service';
 import 'anti-forgery';
@@ -22,7 +23,6 @@ if (window && window.config?.packageConfigPaths) {
   providers: [Service],
   imports: [
     DxCardViewModule,
-    DxTextAreaModule,
   ],
 })
 export class AppComponent {
diff --git a/apps/demos/Demos/CardView/DataValidation/React/App.tsx b/apps/demos/Demos/CardView/DataValidation/React/App.tsx
index 92ab393580c6..7b21b5249f4e 100644
--- a/apps/demos/Demos/CardView/DataValidation/React/App.tsx
+++ b/apps/demos/Demos/CardView/DataValidation/React/App.tsx
@@ -1,6 +1,7 @@
 import React from 'react';
 
 import CardView, { Column, CardCover, Editing, SearchPanel, Form, Item, RequiredRule, EmailRule, AsyncRule, CustomRule } from 'devextreme-react/card-view';
+import 'devextreme/ui/text_area';
 import type { ValidationCallbackData } from 'devextreme-react/common';
 
 import { employees } from './data.ts';
diff --git a/apps/demos/Demos/CardView/DataValidation/React/index.tsx b/apps/demos/Demos/CardView/DataValidation/React/index.tsx
index c3dd8a22d1a9..539a6c25f34c 100644
--- a/apps/demos/Demos/CardView/DataValidation/React/index.tsx
+++ b/apps/demos/Demos/CardView/DataValidation/React/index.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 
 import App from './App.tsx';
-// eslint-disable-next-line import/no-unresolved
+
 import 'anti-forgery';
 
 ReactDOM.render(
diff --git a/apps/demos/Demos/CardView/DataValidation/ReactJs/App.js b/apps/demos/Demos/CardView/DataValidation/ReactJs/App.js
index 4a7046b1ee98..25d5b6a946c9 100644
--- a/apps/demos/Demos/CardView/DataValidation/ReactJs/App.js
+++ b/apps/demos/Demos/CardView/DataValidation/ReactJs/App.js
@@ -11,6 +11,7 @@ import CardView, {
   AsyncRule,
   CustomRule,
 } from 'devextreme-react/card-view';
+import 'devextreme/ui/text_area';
 import { employees } from './data.js';
 
 function altExpr({ fullName }) {
diff --git a/apps/demos/Demos/CardView/DataValidation/Vue/App.vue b/apps/demos/Demos/CardView/DataValidation/Vue/App.vue
index 461893dbb7c1..73bf8e91a6c2 100644
--- a/apps/demos/Demos/CardView/DataValidation/Vue/App.vue
+++ b/apps/demos/Demos/CardView/DataValidation/Vue/App.vue
@@ -174,7 +174,7 @@ import {
   DxAsyncRule, DxCustomRule,
 } from 'devextreme-vue/card-view';
 import { type ValidationCallbackData } from 'devextreme-vue/common';
-import 'devextreme-vue/text-area';
+import 'devextreme/ui/text_area';
 import { employees, type Employee } from './data.ts';
 
 function altExpr({ fullName }: Employee): string {
diff --git a/apps/demos/Demos/CardView/PopupEditing/Angular/app/app.component.ts b/apps/demos/Demos/CardView/PopupEditing/Angular/app/app.component.ts
index 8c6cfb9655a3..88b101aa1838 100644
--- a/apps/demos/Demos/CardView/PopupEditing/Angular/app/app.component.ts
+++ b/apps/demos/Demos/CardView/PopupEditing/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import { bootstrapApplication } from '@angular/platform-browser';
 import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
-import { DxCardViewModule, DxTextAreaModule } from 'devextreme-angular';
+import { DxCardViewModule } from 'devextreme-angular';
+import 'devextreme/ui/text_area';
 import { Employee, Service } from './app.service';
 
 if (!/localhost/.test(document.location.host)) {
@@ -19,7 +20,6 @@ if (window && window.config?.packageConfigPaths) {
   providers: [Service],
   imports: [
     DxCardViewModule,
-    DxTextAreaModule,
   ],
 })
 export class AppComponent {
diff --git a/apps/demos/Demos/CardView/PopupEditing/React/App.tsx b/apps/demos/Demos/CardView/PopupEditing/React/App.tsx
index 912fb10cb047..05c434c2727d 100644
--- a/apps/demos/Demos/CardView/PopupEditing/React/App.tsx
+++ b/apps/demos/Demos/CardView/PopupEditing/React/App.tsx
@@ -1,7 +1,7 @@
 import React from 'react';
 
 import CardView, { Column, CardCover, Editing, SearchPanel, Form, Item } from 'devextreme-react/card-view';
-import 'devextreme-react/text-area';
+import 'devextreme/ui/text_area';
 
 import { employees } from './data.ts';
 import type { Employee } from './data.ts';
diff --git a/apps/demos/Demos/CardView/PopupEditing/ReactJs/App.js b/apps/demos/Demos/CardView/PopupEditing/ReactJs/App.js
index c0ff5248f799..3087407f5113 100644
--- a/apps/demos/Demos/CardView/PopupEditing/ReactJs/App.js
+++ b/apps/demos/Demos/CardView/PopupEditing/ReactJs/App.js
@@ -7,7 +7,7 @@ import CardView, {
   Form,
   Item,
 } from 'devextreme-react/card-view';
-import 'devextreme-react/text-area';
+import 'devextreme/ui/text_area';
 import { employees } from './data.js';
 
 function altExpr({ fullName }) {
diff --git a/apps/demos/Demos/CardView/PopupEditing/Vue/App.vue b/apps/demos/Demos/CardView/PopupEditing/Vue/App.vue
index 87948f79865d..a92179ca2724 100644
--- a/apps/demos/Demos/CardView/PopupEditing/Vue/App.vue
+++ b/apps/demos/Demos/CardView/PopupEditing/Vue/App.vue
@@ -144,7 +144,7 @@
 import {
   DxCardView, DxColumn, DxCardCover, DxSearchPanel, DxEditing, DxForm, DxItem,
 } from 'devextreme-vue/card-view';
-import 'devextreme-vue/text-area';
+import 'devextreme/ui/text_area';
 import { employees, type Employee } from './data.ts';
 
 function altExpr({ fullName }: Employee) {
diff --git a/apps/demos/Demos/CardView/WebAPIService/Angular/app/app.component.ts b/apps/demos/Demos/CardView/WebAPIService/Angular/app/app.component.ts
index 94100f60355f..2da8445926ad 100644
--- a/apps/demos/Demos/CardView/WebAPIService/Angular/app/app.component.ts
+++ b/apps/demos/Demos/CardView/WebAPIService/Angular/app/app.component.ts
@@ -1,7 +1,8 @@
 import { bootstrapApplication } from '@angular/platform-browser';
 import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
 import * as AspNetData from 'devextreme-aspnet-data-nojquery';
-import { DxCardViewModule, DxSelectBoxModule } from 'devextreme-angular';
+import { DxCardViewModule } from 'devextreme-angular';
+import 'devextreme/ui/select_box';
 import 'anti-forgery';
 
 if (!/localhost/.test(document.location.host)) {
@@ -21,7 +22,6 @@ const url = 'https://js.devexpress.com/Demos/NetCore/api/TreeListTasks';
   templateUrl: `.${modulePrefix}/app.component.html`,
   imports: [
     DxCardViewModule,
-    DxSelectBoxModule,
   ],
 })
 export class AppComponent {
diff --git a/apps/demos/Demos/CardView/WebAPIService/React/App.tsx b/apps/demos/Demos/CardView/WebAPIService/React/App.tsx
index dc1381ac2097..f7574bdec9d7 100644
--- a/apps/demos/Demos/CardView/WebAPIService/React/App.tsx
+++ b/apps/demos/Demos/CardView/WebAPIService/React/App.tsx
@@ -2,6 +2,7 @@ import React from 'react';
 import * as AspNetData from 'devextreme-aspnet-data-nojquery';
 import CardView, { Column, Editing, RequiredRule, SearchPanel, HeaderFilter, Form, Item } from 'devextreme-react/card-view';
 import 'devextreme-react/text-area';
+import 'devextreme/ui/select_box';
 
 const url = 'https://js.devexpress.com/Demos/NetCore/api/TreeListTasks';
 
diff --git a/apps/demos/Demos/CardView/WebAPIService/React/index.tsx b/apps/demos/Demos/CardView/WebAPIService/React/index.tsx
index c3dd8a22d1a9..539a6c25f34c 100644
--- a/apps/demos/Demos/CardView/WebAPIService/React/index.tsx
+++ b/apps/demos/Demos/CardView/WebAPIService/React/index.tsx
@@ -2,7 +2,7 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 
 import App from './App.tsx';
-// eslint-disable-next-line import/no-unresolved
+
 import 'anti-forgery';
 
 ReactDOM.render(
diff --git a/apps/demos/Demos/CardView/WebAPIService/ReactJs/App.js b/apps/demos/Demos/CardView/WebAPIService/ReactJs/App.js
index 1b9553b1b557..1dcc450c467c 100644
--- a/apps/demos/Demos/CardView/WebAPIService/ReactJs/App.js
+++ b/apps/demos/Demos/CardView/WebAPIService/ReactJs/App.js
@@ -10,6 +10,7 @@ import CardView, {
   Item,
 } from 'devextreme-react/card-view';
 import 'devextreme-react/text-area';
+import 'devextreme/ui/select_box';
 
 const url = 'https://js.devexpress.com/Demos/NetCore/api/TreeListTasks';
 const dataSource = AspNetData.createStore({
diff --git a/apps/demos/Demos/CardView/WebAPIService/Vue/App.vue b/apps/demos/Demos/CardView/WebAPIService/Vue/App.vue
index 37ac4305a1ab..0a15f03f4cc3 100644
--- a/apps/demos/Demos/CardView/WebAPIService/Vue/App.vue
+++ b/apps/demos/Demos/CardView/WebAPIService/Vue/App.vue
@@ -68,6 +68,7 @@
 import {
   DxCardView, DxColumn, DxEditing, DxSearchPanel, DxHeaderFilter, DxRequiredRule, DxForm, DxItem,
 } from 'devextreme-vue/card-view';
+import 'devextreme/ui/select_box';
 import * as AspNetData from 'devextreme-aspnet-data-nojquery';
 import 'devextreme-vue/text-area';
 
diff --git a/apps/demos/Demos/DataGrid/FormEditing/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/FormEditing/Angular/app/app.component.ts
index 8dd809c0e594..7f16265feb5d 100644
--- a/apps/demos/Demos/DataGrid/FormEditing/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/FormEditing/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import { bootstrapApplication } from '@angular/platform-browser';
 import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
-import { DxDataGridModule, DxTextAreaModule } from 'devextreme-angular';
+import { DxDataGridModule } from 'devextreme-angular';
+import 'devextreme/ui/text_area';
 import { Service, Employee, State } from './app.service';
 
 if (!/localhost/.test(document.location.host)) {
@@ -20,7 +21,6 @@ if (window && window.config?.packageConfigPaths) {
   providers: [Service],
   imports: [
     DxDataGridModule,
-    DxTextAreaModule,
   ],
 })
 export class AppComponent {
diff --git a/apps/demos/Demos/DataGrid/FormEditing/React/App.tsx b/apps/demos/Demos/DataGrid/FormEditing/React/App.tsx
index cb34a4df81ea..9c5c61838202 100644
--- a/apps/demos/Demos/DataGrid/FormEditing/React/App.tsx
+++ b/apps/demos/Demos/DataGrid/FormEditing/React/App.tsx
@@ -6,7 +6,7 @@ import DataGrid, {
   Paging,
   Lookup,
 } from 'devextreme-react/data-grid';
-import 'devextreme-react/text-area';
+import 'devextreme/ui/text_area';
 import { employees, states } from './data.ts';
 
 const notesEditorOptions = { height: 100 };
diff --git a/apps/demos/Demos/DataGrid/FormEditing/ReactJs/App.js b/apps/demos/Demos/DataGrid/FormEditing/ReactJs/App.js
index 25cf9ef463b2..30416d044110 100644
--- a/apps/demos/Demos/DataGrid/FormEditing/ReactJs/App.js
+++ b/apps/demos/Demos/DataGrid/FormEditing/ReactJs/App.js
@@ -2,7 +2,7 @@ import React from 'react';
 import DataGrid, {
   Column, FormItem, Editing, Paging, Lookup,
 } from 'devextreme-react/data-grid';
-import 'devextreme-react/text-area';
+import 'devextreme/ui/text_area';
 import { employees, states } from './data.js';
 
 const notesEditorOptions = { height: 100 };
diff --git a/apps/demos/Demos/DataGrid/FormEditing/Vue/App.vue b/apps/demos/Demos/DataGrid/FormEditing/Vue/App.vue
index f24311407f54..0c859914082c 100644
--- a/apps/demos/Demos/DataGrid/FormEditing/Vue/App.vue
+++ b/apps/demos/Demos/DataGrid/FormEditing/Vue/App.vue
@@ -64,7 +64,7 @@ import {
   DxEditing,
   DxLookup,
 } from 'devextreme-vue/data-grid';
-import 'devextreme-vue/text-area';
+import 'devextreme/ui/text_area';
 import { employees, states } from './data.ts';
 
 </script>
diff --git a/apps/demos/Demos/DataGrid/PopupEditing/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/PopupEditing/Angular/app/app.component.ts
index 8dd809c0e594..7f16265feb5d 100644
--- a/apps/demos/Demos/DataGrid/PopupEditing/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/PopupEditing/Angular/app/app.component.ts
@@ -1,6 +1,7 @@
 import { bootstrapApplication } from '@angular/platform-browser';
 import { Component, enableProdMode, provideZoneChangeDetection } from '@angular/core';
-import { DxDataGridModule, DxTextAreaModule } from 'devextreme-angular';
+import { DxDataGridModule } from 'devextreme-angular';
+import 'devextreme/ui/text_area';
 import { Service, Employee, State } from './app.service';
 
 if (!/localhost/.test(document.location.host)) {
@@ -20,7 +21,6 @@ if (window && window.config?.packageConfigPaths) {
   providers: [Service],
   imports: [
     DxDataGridModule,
-    DxTextAreaModule,
   ],
 })
 export class AppComponent {
diff --git a/apps/demos/Demos/DataGrid/PopupEditing/React/App.tsx b/apps/demos/Demos/DataGrid/PopupEditing/React/App.tsx
index 948cd9b5a746..dba752b3e1d9 100644
--- a/apps/demos/Demos/DataGrid/PopupEditing/React/App.tsx
+++ b/apps/demos/Demos/DataGrid/PopupEditing/React/App.tsx
@@ -7,7 +7,7 @@ import DataGrid, {
   Lookup,
   Form,
 } from 'devextreme-react/data-grid';
-import 'devextreme-react/text-area';
+import 'devextreme/ui/text_area';
 import { Item } from 'devextreme-react/form';
 import { employees, states } from './data.ts';
 
diff --git a/apps/demos/Demos/DataGrid/PopupEditing/ReactJs/App.js b/apps/demos/Demos/DataGrid/PopupEditing/ReactJs/App.js
index 9ed0d22e6ea0..9fd8c4f8f073 100644
--- a/apps/demos/Demos/DataGrid/PopupEditing/ReactJs/App.js
+++ b/apps/demos/Demos/DataGrid/PopupEditing/ReactJs/App.js
@@ -2,7 +2,7 @@ import React from 'react';
 import DataGrid, {
   Column, Editing, Popup, Paging, Lookup, Form,
 } from 'devextreme-react/data-grid';
-import 'devextreme-react/text-area';
+import 'devextreme/ui/text_area';
 import { Item } from 'devextreme-react/form';
 import { employees, states } from './data.js';
 
diff --git a/apps/demos/Demos/DataGrid/PopupEditing/Vue/App.vue b/apps/demos/Demos/DataGrid/PopupEditing/Vue/App.vue
index 91d49615a49d..70e1a2daaf40 100644
--- a/apps/demos/Demos/DataGrid/PopupEditing/Vue/App.vue
+++ b/apps/demos/Demos/DataGrid/PopupEditing/Vue/App.vue
@@ -101,7 +101,7 @@ import {
   DxLookup,
   DxForm,
 } from 'devextreme-vue/data-grid';
-import 'devextreme-vue/text-area';
+import 'devextreme/ui/text_area';
 import { DxItem } from 'devextreme-vue/form';
 import { employees, states } from './data.ts';
 
diff --git a/apps/demos/Demos/DataGrid/Toolbar/Angular/app/app.component.ts b/apps/demos/Demos/DataGrid/Toolbar/Angular/app/app.component.ts
index 3ff5deb9da76..d479d7401a63 100644
--- a/apps/demos/Demos/DataGrid/Toolbar/Angular/app/app.component.ts
+++ b/apps/demos/Demos/DataGrid/Toolbar/Angular/app/app.component.ts
@@ -3,9 +3,9 @@ import { Component, ViewChild, enableProdMode, provideZoneChangeDetection } from
 import {
   DxDataGridModule,
   DxDataGridComponent,
-  DxButtonModule,
 } from 'devextreme-angular';
 import { DxButtonTypes } from 'devextreme-angular/ui/button';
+import 'devextreme/ui/button';
 import { query } from 'devextreme-angular/common/data';
 import { DxSelectBoxModule, DxSelectBoxTypes } from 'devextreme-angular/ui/select-box';
 import { Service, Order } from './app.service';
@@ -28,7 +28,6 @@ if (window && window.config?.packageConfigPaths) {
   imports: [
     DxDataGridModule,
     DxSelectBoxModule,
-    DxButtonModule,
   ],
 })
 export class AppComponent {
diff --git a/apps/demos/Demos/DataGrid/Toolbar/React/App.tsx b/apps/demos/Demos/DataGrid/Toolbar/React/App.tsx
index 06d59d536146..8bca1616ac8a 100644
--- a/apps/demos/Demos/DataGrid/Toolbar/React/App.tsx
+++ b/apps/demos/Demos/DataGrid/Toolbar/React/App.tsx
@@ -4,6 +4,7 @@ import SelectBox, { type SelectBoxTypes } from 'devextreme-react/select-box';
 import DataGrid, {
   Grouping, Column, ColumnChooser, LoadPanel, Toolbar, Item,
 } from 'devextreme-react/data-grid';
+import 'devextreme/ui/button';
 import type { DataGridRef } from 'devextreme-react/data-grid';
 import { query } from 'devextreme-react/common/data';
 
diff --git a/apps/demos/Demos/DataGrid/Toolbar/ReactJs/App.js b/apps/demos/Demos/DataGrid/Toolbar/ReactJs/App.js
index c1c8e283c46e..1165cb959fbc 100644
--- a/apps/demos/Demos/DataGrid/Toolbar/ReactJs/App.js
+++ b/apps/demos/Demos/DataGrid/Toolbar/ReactJs/App.js
@@ -10,6 +10,7 @@ import DataGrid, {
   Toolbar,
   Item,
 } from 'devextreme-react/data-grid';
+import 'devextreme/ui/button';
 import { query } from 'devextreme-react/common/data';
 import { orders } from './data.js';
 
diff --git a/apps/demos/Demos/DataGrid/Toolbar/Vue/App.vue b/apps/demos/Demos/DataGrid/Toolbar/Vue/App.vue
index a0faeed71130..f9a37685f87f 100644
--- a/apps/demos/Demos/DataGrid/Toolbar/Vue/App.vue
+++ b/apps/demos/Demos/DataGrid/Toolbar/Vue/App.vue
@@ -87,6 +87,7 @@ import {
   DxItem,
 } from 'devextreme-vue/data-grid';
 import { DxSelectBox, type DxSelectBoxTypes } from 'devextreme-vue/select-box';
+import 'devextreme/ui/button';
 import { query } from 'devextreme-vue/common/data';
 import { orders } from './data.ts';