diff --git a/README.md b/README.md
index a205e247..e9a7362a 100644
--- a/README.md
+++ b/README.md
@@ -36,7 +36,7 @@
            <a href="https://www.npmjs.com/package/@syncfusion/ej2-react-grids"><img src="https://ej2.syncfusion.com/github/images/npm-logo.png" alt="npm package @syncfusion/ej2-react-grids" title="@syncfusion/ej2-react-grids" style="height:20px;" /></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://ej2.syncfusion.com/badges/ej2-grids"><img src="https://ej2.syncfusion.com/badges/ej2-grids/coverage.svg" alt="code coverage of @syncfusion/ej2-react-grids" title="@syncfusion/ej2-react-grids" /></a>
        </td>
        <td>
-           <a href="src/grids/src">Source</a>
+           <a href="components/grids/src">Source</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/grid/over-view">Live demo</a>
@@ -53,7 +53,7 @@
            <a href="https://www.npmjs.com/package/@syncfusion/ej2-react-pivotview"><img src="https://ej2.syncfusion.com/github/images/npm-logo.png" alt="npm package @syncfusion/ej2-react-pivotview" title="@syncfusion/ej2-react-pivotview" style="height:20px;" /></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://ej2.syncfusion.com/badges/ej2-pivotview"><img src="https://ej2.syncfusion.com/badges/ej2-pivotview/coverage.svg" alt="code coverage of @syncfusion/ej2-react-pivotview" title="@syncfusion/ej2-react-pivotview" /></a>
        </td>
        <td>
-           <a href="src/pivotview/src">Source</a>
+           <a href="components/pivotview/src">Source</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/pivot-table/default">Live demo</a>
@@ -70,7 +70,7 @@
            <a href="https://www.npmjs.com/package/@syncfusion/ej2-react-spreadsheet"><img src="https://ej2.syncfusion.com/github/images/npm-logo.png" alt="npm package @syncfusion/ej2-react-spreadsheet" title="@syncfusion/ej2-react-spreadsheet" style="height:20px;" /></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://ej2.syncfusion.com/badges/ej2-spreadsheet"><img src="https://ej2.syncfusion.com/badges/ej2-spreadsheet/coverage.svg" alt="code coverage of @syncfusion/ej2-react-spreadsheet" title="@syncfusion/ej2-react-spreadsheet" /></a>
        </td>
        <td>
-           <a href="src/spreadsheet/src">Source</a>
+           <a href="components/spreadsheet/src">Source</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/spreadsheet/default">Live demo</a>
@@ -87,7 +87,7 @@
            <a href="https://www.npmjs.com/package/@syncfusion/ej2-react-treegrid"><img src="https://ej2.syncfusion.com/github/images/npm-logo.png" alt="npm package @syncfusion/ej2-react-treegrid" title="@syncfusion/ej2-react-treegrid" style="height:20px;" /></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://ej2.syncfusion.com/badges/ej2-treegrid"><img src="https://ej2.syncfusion.com/badges/ej2-treegrid/coverage.svg" alt="code coverage of @syncfusion/ej2-react-treegrid" title="@syncfusion/ej2-react-treegrid" /></a>
        </td>
        <td>
-           <a href="src/treegrid/src">Source</a>
+           <a href="components/treegrid/src">Source</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/treegrid/treegrid-overview">Live demo</a>
@@ -109,7 +109,7 @@
            <a href="https://www.npmjs.com/package/@syncfusion/ej2-react-inplace-editor"><img src="https://ej2.syncfusion.com/github/images/npm-logo.png" alt="npm package @syncfusion/ej2-react-inplace-editor" title="@syncfusion/ej2-react-inplace-editor" style="height:20px;" /></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://ej2.syncfusion.com/badges/ej2-inplace-editor"><img src="https://ej2.syncfusion.com/badges/ej2-inplace-editor/coverage.svg" alt="code coverage of @syncfusion/ej2-react-inplace-editor" title="@syncfusion/ej2-react-inplace-editor" /></a>
        </td>
        <td>
-           <a href="src/inplaceeditor/src">Source</a>
+           <a href="components/inplaceeditor/src">Source</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/inplace-editor/default">Live demo</a>
@@ -126,7 +126,7 @@
            <a href="https://www.npmjs.com/package/@syncfusion/ej2-react-richtexteditor"><img src="https://ej2.syncfusion.com/github/images/npm-logo.png" alt="npm package @syncfusion/ej2-react-richtexteditor" title="@syncfusion/ej2-react-richtexteditor" style="height:20px;" /></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://ej2.syncfusion.com/badges/ej2-richtexteditor"><img src="https://ej2.syncfusion.com/badges/ej2-richtexteditor/coverage.svg" alt="code coverage of @syncfusion/ej2-react-richtexteditor" title="@syncfusion/ej2-react-richtexteditor" /></a>
        </td>
        <td>
-           <a href="src/richtexteditor/src">Source</a>
+           <a href="components/richtexteditor/src">Source</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/rich-text-editor/tools">Live demo</a>
@@ -143,7 +143,7 @@
            <a href="https://www.npmjs.com/package/@syncfusion/ej2-react-documenteditor"><img src="https://ej2.syncfusion.com/github/images/npm-logo.png" alt="npm package @syncfusion/ej2-react-documenteditor" title="@syncfusion/ej2-react-documenteditor" style="height:20px;" /></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://ej2.syncfusion.com/badges/ej2-documenteditor"><img src="https://ej2.syncfusion.com/badges/ej2-documenteditor/coverage.svg" alt="code coverage of @syncfusion/ej2-react-documenteditor" title="@syncfusion/ej2-react-documenteditor" /></a>
        </td>
        <td>
-           <a href="src/documenteditor/src">Source</a>
+           <a href="components/documenteditor/src">Source</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/document-editor/default">Live demo</a>
@@ -165,7 +165,7 @@
            <a href="https://www.npmjs.com/package/@syncfusion/ej2-react-dropdowns"><img src="https://ej2.syncfusion.com/github/images/npm-logo.png" alt="npm package @syncfusion/ej2-react-dropdowns" title="@syncfusion/ej2-react-dropdowns" style="height:20px;" /></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://ej2.syncfusion.com/badges/ej2-dropdowns"><img src="https://ej2.syncfusion.com/badges/ej2-dropdowns/coverage.svg" alt="code coverage of @syncfusion/ej2-react-dropdowns" title="@syncfusion/ej2-react-dropdowns" /></a>
        </td>
        <td>
-           <a href="src/dropdowns/src/auto-complete">Source</a>
+           <a href="components/dropdowns/src/auto-complete">Source</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/auto-complete/default">Live demo</a>
@@ -179,7 +179,7 @@
            <a href="https://www.syncfusion.com/react-ui-components/react-combobox"><b>ComboBox</b></a>
        </td>
        <td>
-           <a href="src/dropdowns/src/combo-box">Source</a>
+           <a href="components/dropdowns/src/combo-box">Source</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/combo-box/default">Live demo</a>
@@ -193,7 +193,7 @@
            <a href="https://www.syncfusion.com/react-ui-components/react-dropdown-list"><b>Dropdown List</b></a>
        </td>
        <td>
-           <a href="src/dropdowns/src/drop-down-list">Source</a>
+           <a href="components/dropdowns/src/drop-down-list">Source</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/drop-down-list/default">Live demo</a>
@@ -207,7 +207,7 @@
            <a href="https://www.syncfusion.com/react-ui-components/react-dropdown-tree"><b>Dropdown Tree</b></a>
        </td>
        <td>
-           <a href="src/dropdowns/src/drop-down-tree">Source</a>
+           <a href="components/dropdowns/src/drop-down-tree">Source</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/drop-down-tree/default">Live demo</a>
@@ -221,7 +221,7 @@
            <a href="https://www.syncfusion.com/react-ui-components/react-listbox"><b>List Box</b></a>
        </td>
        <td>
-           <a href="src/dropdowns/src/list-box">Source</a>
+           <a href="components/dropdowns/src/list-box">Source</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/list-box/default">Live demo</a>
@@ -235,7 +235,7 @@
            <a href="https://www.syncfusion.com/react-ui-components/react-multiselect-dropdown"><b>MultiSelect Dropdown</b></a>
        </td>
        <td>
-           <a href="src/dropdowns/src/multi-select">Source</a>
+           <a href="components/dropdowns/src/multi-select">Source</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/multi-select/default">Live demo</a>
@@ -257,7 +257,7 @@
            <a href="https://www.npmjs.com/package/@syncfusion/ej2-react-buttons"><img src="https://ej2.syncfusion.com/github/images/npm-logo.png" alt="npm package @syncfusion/ej2-react-buttons" title="@syncfusion/ej2-react-buttons" style="height:20px;" /></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://ej2.syncfusion.com/badges/ej2-buttons"><img src="https://ej2.syncfusion.com/badges/ej2-buttons/coverage.svg" alt="code coverage of @syncfusion/ej2-react-buttons" title="@syncfusion/ej2-react-buttons" /></a>
        </td>
        <td>
-           <a href="src/buttons/src/check-box">Source</a>
+           <a href="components/buttons/src/check-box">Source</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/button/checkbox">Live demo</a>
@@ -271,7 +271,7 @@
            <a href="https://www.syncfusion.com/react-ui-components/react-radio-button"><b>Radio Button</b></a>
        </td>
        <td>
-           <a href="src/buttons/src/radio-button">Source</a>
+           <a href="components/buttons/src/radio-button">Source</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/button/radio-button">Live demo</a>
@@ -285,7 +285,7 @@
            <a href="https://www.syncfusion.com/react-ui-components/react-toggle-switch-button"><b>Toggle Switch Button</b></a>
        </td>
        <td>
-           <a href="src/buttons/src/switch">Source</a>
+           <a href="components/buttons/src/switch">Source</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/button/switch">Live demo</a>
@@ -302,7 +302,7 @@
            <a href="https://www.npmjs.com/package/@syncfusion/ej2-react-inputs"><img src="https://ej2.syncfusion.com/github/images/npm-logo.png" alt="npm package @syncfusion/ej2-react-inputs" title="@syncfusion/ej2-react-inputs" style="height:20px;" /></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://ej2.syncfusion.com/badges/ej2-inputs"><img src="https://ej2.syncfusion.com/badges/ej2-inputs/coverage.svg" alt="code coverage of @syncfusion/ej2-react-inputs" title="@syncfusion/ej2-react-inputs" /></a>
        </td>
        <td>
-           <a href="src/inputs/src/color-picker">Source</a>
+           <a href="components/inputs/src/color-picker">Source</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/color-picker/default">Live demo</a>
@@ -316,7 +316,7 @@
            <a href="https://www.syncfusion.com/react-ui-components/react-file-upload"><b>File Upload</b></a>
        </td>
        <td>
-           <a href="src/inputs/src/uploader">Source</a>
+           <a href="components/inputs/src/uploader">Source</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/uploader/default">Live demo</a>
@@ -330,7 +330,7 @@
            <a href="https://www.syncfusion.com/react-ui-components/react-input-mask"><b>Input Mask</b></a>
        </td>
        <td>
-           <a href="src/inputs/src/maskedtextbox">Source</a>
+           <a href="components/inputs/src/maskedtextbox">Source</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/maskedtextbox/default">Live demo</a>
@@ -344,7 +344,7 @@
            <a href="https://www.syncfusion.com/react-ui-components/react-numeric-textbox"><b>Numeric Textbox</b></a>
        </td>
        <td>
-           <a href="src/inputs/src/numerictextbox">Source</a>
+           <a href="components/inputs/src/numerictextbox">Source</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/numerictextbox/default">Live demo</a>
@@ -358,7 +358,7 @@
            <a href="https://www.syncfusion.com/react-ui-components/react-range-selector"><b>Range Slider</b></a>
        </td>
        <td>
-           <a href="src/inputs/src/slider">Source</a>
+           <a href="components/inputs/src/slider">Source</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/range-slider/default">Live demo</a>
@@ -372,7 +372,7 @@
            <a href="https://www.syncfusion.com/react-ui-components/react-textbox"><b>TextBox</b></a>
        </td>
        <td>
-           <a href="src/inputs/src/textbox">Source</a>
+           <a href="components/inputs/src/textbox">Source</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/textboxes/default">Live demo</a>
@@ -386,7 +386,7 @@
            <a href="https://www.syncfusion.com/react-ui-components/Signature"><b>Signature</b></a>
        </td>
        <td>
-           <a href="src/inputs/src/signature">Source</a>
+           <a href="components/inputs/src/signature">Source</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/signature/default">Live demo</a>
@@ -408,7 +408,7 @@
            <a href="https://www.npmjs.com/package/@syncfusion/ej2-react-barcode-generator"><img src="https://ej2.syncfusion.com/github/images/npm-logo.png" alt="npm package @syncfusion/ej2-react-barcode-generator" title="@syncfusion/ej2-react-barcode-generator" style="height:20px;" /></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://ej2.syncfusion.com/badges/ej2-barcode-generator"><img src="https://ej2.syncfusion.com/badges/ej2-barcode-generator/coverage.svg" alt="code coverage of @syncfusion/ej2-react-barcode-generator" title="@syncfusion/ej2-react-barcode-generator" /></a>
        </td>
        <td>
-           <a href="src/barcodegenerator/src">Source</a>
+           <a href="components/barcodegenerator/src">Source</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/barcode/default-functionalities">Live demo</a>
@@ -425,7 +425,7 @@
            <a href="https://www.npmjs.com/package/@syncfusion/ej2-react-circulargauge"><img src="https://ej2.syncfusion.com/github/images/npm-logo.png" alt="npm package @syncfusion/ej2-react-circulargauge" title="@syncfusion/ej2-react-circulargauge" style="height:20px;" /></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://ej2.syncfusion.com/badges/ej2-circulargauge"><img src="https://ej2.syncfusion.com/badges/ej2-circulargauge/coverage.svg" alt="code coverage of @syncfusion/ej2-react-circulargauge" title="@syncfusion/ej2-react-circulargauge" /></a>
        </td>
        <td>
-           <a href="src/circulargauge/src">Source</a>
+           <a href="components/circulargauge/src">Source</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/circular-gauge/default">Live demo</a>
@@ -442,7 +442,7 @@
            <a href="https://www.npmjs.com/package/@syncfusion/ej2-react-diagrams"><img src="https://ej2.syncfusion.com/github/images/npm-logo.png" alt="npm package @syncfusion/ej2-react-diagrams" title="@syncfusion/ej2-react-diagrams" style="height:20px;" /></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://ej2.syncfusion.com/badges/ej2-diagrams"><img src="https://ej2.syncfusion.com/badges/ej2-diagrams/coverage.svg" alt="code coverage of @syncfusion/ej2-react-diagrams" title="@syncfusion/ej2-react-diagrams" /></a>
        </td>
        <td>
-           <a href="src/diagrams/src">Source</a>
+           <a href="components/diagrams/src">Source</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/diagram/default-functionalities">Live demo</a>
@@ -459,7 +459,7 @@
            <a href="https://www.npmjs.com/package/@syncfusion/ej2-react-heatmap"><img src="https://ej2.syncfusion.com/github/images/npm-logo.png" alt="npm package @syncfusion/ej2-react-heatmap" title="@syncfusion/ej2-react-heatmap" style="height:20px;" /></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://ej2.syncfusion.com/badges/ej2-heatmap"><img src="https://ej2.syncfusion.com/badges/ej2-heatmap/coverage.svg" alt="code coverage of @syncfusion/ej2-react-heatmap" title="@syncfusion/ej2-react-heatmap" /></a>
        </td>
        <td>
-           <a href="src/heatmap/src">Source</a>
+           <a href="components/heatmap/src">Source</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/heatmap-chart/default">Live demo</a>
@@ -476,7 +476,7 @@
            <a href="https://www.npmjs.com/package/@syncfusion/ej2-react-kanban"><img src="https://ej2.syncfusion.com/github/images/npm-logo.png" alt="npm package @syncfusion/ej2-react-kanban" title="@syncfusion/ej2-react-kanban" style="height:20px;" /></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://ej2.syncfusion.com/badges/ej2-kanban"><img src="https://ej2.syncfusion.com/badges/ej2-kanban/coverage.svg" alt="code coverage of @syncfusion/ej2-react-kanban" title="@syncfusion/ej2-react-kanban" /></a>
        </td>
        <td>
-           <a href="src/kanban/src">Source</a>
+           <a href="components/kanban/src">Source</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/kanban/overview">Live demo</a>
@@ -493,7 +493,7 @@
            <a href="https://www.npmjs.com/package/@syncfusion/ej2-react-lineargauge"><img src="https://ej2.syncfusion.com/github/images/npm-logo.png" alt="npm package @syncfusion/ej2-react-lineargauge" title="@syncfusion/ej2-react-lineargauge" style="height:20px;" /></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://ej2.syncfusion.com/badges/ej2-lineargauge"><img src="https://ej2.syncfusion.com/badges/ej2-lineargauge/coverage.svg" alt="code coverage of @syncfusion/ej2-react-lineargauge" title="@syncfusion/ej2-react-lineargauge" /></a>
        </td>
        <td>
-           <a href="src/lineargauge/src">Source</a>
+           <a href="components/lineargauge/src">Source</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/linear-gauge/default">Live demo</a>
@@ -510,7 +510,7 @@
            <a href="https://www.npmjs.com/package/@syncfusion/ej2-react-maps"><img src="https://ej2.syncfusion.com/github/images/npm-logo.png" alt="npm package @syncfusion/ej2-react-maps" title="@syncfusion/ej2-react-maps" style="height:20px;" /></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://ej2.syncfusion.com/badges/ej2-maps"><img src="https://ej2.syncfusion.com/badges/ej2-maps/coverage.svg" alt="code coverage of @syncfusion/ej2-react-maps" title="@syncfusion/ej2-react-maps" /></a>
        </td>
        <td>
-           <a href="src/maps/src">Source</a>
+           <a href="components/maps/src">Source</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/maps/default">Live demo</a>
@@ -527,7 +527,7 @@
            <a href="https://www.npmjs.com/package/@syncfusion/ej2-react-treemap"><img src="https://ej2.syncfusion.com/github/images/npm-logo.png" alt="npm package @syncfusion/ej2-react-treemap" title="@syncfusion/ej2-react-treemap" style="height:20px;" /></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://ej2.syncfusion.com/badges/ej2-treemap"><img src="https://ej2.syncfusion.com/badges/ej2-treemap/coverage.svg" alt="code coverage of @syncfusion/ej2-react-treemap" title="@syncfusion/ej2-react-treemap" /></a>
        </td>
        <td>
-           <a href="src/treemap/src">Source</a>
+           <a href="components/treemap/src">Source</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/treemap/default">Live demo</a>
@@ -544,7 +544,7 @@
            <a href="https://www.npmjs.com/package/@syncfusion/ej2-react-charts"><img src="https://ej2.syncfusion.com/github/images/npm-logo.png" alt="npm package @syncfusion/ej2-react-charts" title="@syncfusion/ej2-react-charts" style="height:20px;" /></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://ej2.syncfusion.com/badges/ej2-charts"><img src="https://ej2.syncfusion.com/badges/ej2-charts/coverage.svg" alt="code coverage of @syncfusion/ej2-react-charts" title="@syncfusion/ej2-react-charts" /></a>
        </td>
        <td>
-           <a href="src/charts/src/bullet-chart">Source</a>
+           <a href="components/charts/src/bullet-chart">Source</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/bullet-chart/default">Live demo</a>
@@ -558,7 +558,7 @@
            <a href="https://www.syncfusion.com/react-ui-components/react-charts"><b>Charts</b></a>
        </td>
        <td>
-           <a href="src/charts/src/chart">Source</a>
+           <a href="components/charts/src/chart">Source</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/chart/line">Live demo</a>
@@ -572,7 +572,7 @@
            <a href="https://www.syncfusion.com/react-ui-components/react-range-selector"><b>Range Selector</b></a>
        </td>
        <td>
-           <a href="src/charts/src/range-navigator">Source</a>
+           <a href="components/charts/src/range-navigator">Source</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/range-navigator/default">Live demo</a>
@@ -586,7 +586,7 @@
            <a href="https://www.syncfusion.com/react-ui-components/react-smith-chart"><b>Smith Chart</b></a>
        </td>
        <td>
-           <a href="src/charts/src/smithchart">Source</a>
+           <a href="components/charts/src/smithchart">Source</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/smith-chart/default">Live demo</a>
@@ -600,7 +600,7 @@
            <a href="https://www.syncfusion.com/react-ui-components/react-sparkline"><b>Sparkline Charts</b></a>
        </td>
        <td>
-           <a href="src/charts/src/sparkline">Source</a>
+           <a href="components/charts/src/sparkline">Source</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/sparkline/default">Live demo</a>
@@ -614,7 +614,7 @@
            <a href="https://www.syncfusion.com/react-ui-components/react-stock-chart"><b>Stock Chart</b></a>
        </td>
        <td>
-           <a href="src/charts/src/stock-chart">Source</a>
+           <a href="components/charts/src/stock-chart">Source</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/stock-chart/default">Live demo</a>
@@ -636,7 +636,7 @@
            <a href="https://www.npmjs.com/package/@syncfusion/ej2-react-calendars"><img src="https://ej2.syncfusion.com/github/images/npm-logo.png" alt="npm package @syncfusion/ej2-react-calendars" title="@syncfusion/ej2-react-calendars" style="height:20px;" /></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://ej2.syncfusion.com/badges/ej2-calendars"><img src="https://ej2.syncfusion.com/badges/ej2-calendars/coverage.svg" alt="code coverage of @syncfusion/ej2-react-calendars" title="@syncfusion/ej2-react-calendars" /></a>
        </td>
        <td>
-           <a href="src/calendars/src/calendar">Source</a>
+           <a href="components/calendars/src/calendar">Source</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/calendar/default">Live demo</a>
@@ -650,7 +650,7 @@
            <a href="https://www.syncfusion.com/react-ui-components/react-datepicker"><b>DatePicker</b></a>
        </td>
        <td>
-           <a href="src/calendars/src/datepicker">Source</a>
+           <a href="components/calendars/src/datepicker">Source</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/datepicker/default">Live demo</a>
@@ -664,7 +664,7 @@
            <a href="https://www.syncfusion.com/react-ui-components/react-daterangepicker"><b>DateRangePicker</b></a>
        </td>
        <td>
-           <a href="src/calendars/src/daterangepicker">Source</a>
+           <a href="components/calendars/src/daterangepicker">Source</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/daterangepicker/default">Live demo</a>
@@ -678,7 +678,7 @@
            <a href="https://www.syncfusion.com/react-ui-components/react-datetime-picker"><b>DateTime Picker</b></a>
        </td>
        <td>
-           <a href="src/calendars/src/datetimepicker">Source</a>
+           <a href="components/calendars/src/datetimepicker">Source</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/datetimepicker/default">Live demo</a>
@@ -692,7 +692,7 @@
            <a href="https://www.syncfusion.com/react-ui-components/react-timepicker"><b>TimePicker</b></a>
        </td>
        <td>
-           <a href="src/calendars/src/timepicker">Source</a>
+           <a href="components/calendars/src/timepicker">Source</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/timepicker/default">Live demo</a>
@@ -709,7 +709,7 @@
            <a href="https://www.npmjs.com/package/@syncfusion/ej2-react-gantt"><img src="https://ej2.syncfusion.com/github/images/npm-logo.png" alt="npm package @syncfusion/ej2-react-gantt" title="@syncfusion/ej2-react-gantt" style="height:20px;" /></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://ej2.syncfusion.com/badges/ej2-gantt"><img src="https://ej2.syncfusion.com/badges/ej2-gantt/coverage.svg" alt="code coverage of @syncfusion/ej2-react-gantt" title="@syncfusion/ej2-react-gantt" /></a>
        </td>
        <td>
-           <a href="src/gantt/src">Source</a>
+           <a href="components/gantt/src">Source</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/gantt/default">Live demo</a>
@@ -726,7 +726,7 @@
            <a href="https://www.npmjs.com/package/@syncfusion/ej2-react-schedule"><img src="https://ej2.syncfusion.com/github/images/npm-logo.png" alt="npm package @syncfusion/ej2-react-schedule" title="@syncfusion/ej2-react-schedule" style="height:20px;" /></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://ej2.syncfusion.com/badges/ej2-schedule"><img src="https://ej2.syncfusion.com/badges/ej2-schedule/coverage.svg" alt="code coverage of @syncfusion/ej2-react-schedule" title="@syncfusion/ej2-react-schedule" /></a>
        </td>
        <td>
-           <a href="src/schedule/src">Source</a>
+           <a href="components/schedule/src">Source</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/schedule/overview">Live demo</a>
@@ -748,7 +748,7 @@
            <a href="https://www.npmjs.com/package/@syncfusion/ej2-react-navigations"><img src="https://ej2.syncfusion.com/github/images/npm-logo.png" alt="npm package @syncfusion/ej2-react-navigations" title="@syncfusion/ej2-react-navigations" style="height:20px;" /></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://ej2.syncfusion.com/badges/ej2-navigations"><img src="https://ej2.syncfusion.com/badges/ej2-navigations/coverage.svg" alt="code coverage of @syncfusion/ej2-react-navigations" title="@syncfusion/ej2-react-navigations" /></a>
        </td>
        <td>
-           <a href="src/navigations/src/accordion">Source</a>
+           <a href="components/navigations/src/accordion">Source</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/accordion/default">Live demo</a>
@@ -762,7 +762,7 @@
            <a href="https://www.syncfusion.com/react-ui-components/breadcrumb"><b>Breadcrumb</b></a>
        </td>
        <td>
-           <a href="src/navigations/src/breadcrumb">Source</a>
+           <a href="components/navigations/src/breadcrumb">Source</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/breadcrumb/default">Live demo</a>
@@ -776,7 +776,7 @@
            <a href="https://www.syncfusion.com/react-ui-components/carousel"><b>Carousel</b></a>
        </td>
        <td>
-           <a href="src/navigations/src/carousel">Source</a>
+           <a href="components/navigations/src/carousel">Source</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/carousel/default">Live demo</a>
@@ -790,7 +790,7 @@
            <a href="https://www.syncfusion.com/react-ui-components/react-context-menu"><b>Context Menu</b></a>
        </td>
        <td>
-           <a href="src/navigations/src/context-menu">Source</a>
+           <a href="components/navigations/src/context-menu">Source</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/context-menu/default">Live demo</a>
@@ -804,7 +804,7 @@
            <a href="https://www.syncfusion.com/react-ui-components/react-menu-bar"><b>Menu Bar</b></a>
        </td>
        <td>
-           <a href="src/navigations/src/menu">Source</a>
+           <a href="components/navigations/src/menu">Source</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/menu/default">Live demo</a>
@@ -818,7 +818,7 @@
            <a href="https://www.syncfusion.com/react-ui-components/react-sidebar"><b>Sidebar</b></a>
        </td>
        <td>
-           <a href="src/navigations/src/sidebar">Source</a>
+           <a href="components/navigations/src/sidebar">Source</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/sidebar/default">Live demo</a>
@@ -832,7 +832,7 @@
            <a href="https://www.syncfusion.com/react-ui-components/react-tabs"><b>Tabs</b></a>
        </td>
        <td>
-           <a href="src/navigations/src/tab">Source</a>
+           <a href="components/navigations/src/tab">Source</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/tab/default">Live demo</a>
@@ -846,7 +846,7 @@
            <a href="https://www.syncfusion.com/react-ui-components/react-toolbar"><b>Toolbar</b></a>
        </td>
        <td>
-           <a href="src/navigations/src/toolbar">Source</a>
+           <a href="components/navigations/src/toolbar">Source</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/toolbar/default">Live demo</a>
@@ -860,7 +860,7 @@
            <a href="https://www.syncfusion.com/react-ui-components/react-treeview"><b>TreeView</b></a>
        </td>
        <td>
-           <a href="src/navigations/src/treeview">Source</a>
+           <a href="components/navigations/src/treeview">Source</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/treeview/default">Live demo</a>
@@ -877,7 +877,7 @@
            <a href="https://www.npmjs.com/package/@syncfusion/ej2-react-filemanager"><img src="https://ej2.syncfusion.com/github/images/npm-logo.png" alt="npm package @syncfusion/ej2-react-filemanager" title="@syncfusion/ej2-react-filemanager" style="height:20px;" /></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://ej2.syncfusion.com/badges/ej2-filemanager"><img src="https://ej2.syncfusion.com/badges/ej2-filemanager/coverage.svg" alt="code coverage of @syncfusion/ej2-react-filemanager" title="@syncfusion/ej2-react-filemanager" /></a>
        </td>
        <td>
-           <a href="src/filemanager/src">Source</a>
+           <a href="components/filemanager/src">Source</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/file-manager/overview">Live demo</a>
@@ -899,7 +899,7 @@
            <a href="https://www.npmjs.com/package/@syncfusion/ej2-react-buttons"><img src="https://ej2.syncfusion.com/github/images/npm-logo.png" alt="npm package @syncfusion/ej2-react-buttons" title="@syncfusion/ej2-react-buttons" style="height:20px;" /></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://ej2.syncfusion.com/badges/ej2-buttons"><img src="https://ej2.syncfusion.com/badges/ej2-buttons/coverage.svg" alt="code coverage of @syncfusion/ej2-react-buttons" title="@syncfusion/ej2-react-buttons" /></a>
        </td>
        <td>
-           <a href="src/buttons/src/button">Source</a>
+           <a href="components/buttons/src/button">Source</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/button/default">Live demo</a>
@@ -913,7 +913,7 @@
            <a href="https://www.syncfusion.com/react-ui-components/react-chips"><b>Chips</b></a>
        </td>
        <td>
-           <a href="src/buttons/src/chips">Source</a>
+           <a href="components/buttons/src/chips">Source</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/chips/default">Live demo</a>
@@ -930,7 +930,7 @@
            <a href="https://www.npmjs.com/package/@syncfusion/ej2-react-splitbuttons"><img src="https://ej2.syncfusion.com/github/images/npm-logo.png" alt="npm package @syncfusion/ej2-react-splitbuttons" title="@syncfusion/ej2-react-splitbuttons" style="height:20px;" /></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://ej2.syncfusion.com/badges/ej2-splitbuttons"><img src="https://ej2.syncfusion.com/badges/ej2-splitbuttons/coverage.svg" alt="code coverage of @syncfusion/ej2-react-splitbuttons" title="@syncfusion/ej2-react-splitbuttons" /></a>
        </td>
        <td>
-           <a href="src/splitbuttons/src/button-group">Source</a>
+           <a href="components/splitbuttons/src/button-groupp">Source</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/button/button-group">Live demo</a>
@@ -944,7 +944,7 @@
            <a href="https://www.syncfusion.com/react-ui-components/react-dropdown-menu"><b>Dropdown Menu</b></a>
        </td>
        <td>
-           <a href="src/splitbuttons/src/drop-down-button">Source</a>
+           <a href="components/splitbuttons/src/drop-down-button">Source</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/button/dropdown-button">Live demo</a>
@@ -958,7 +958,7 @@
            <a href="https://www.syncfusion.com/react-ui-components/react-progress-button"><b>Progress Button</b></a>
        </td>
        <td>
-           <a href="src/splitbuttons/src/progress-button">Source</a>
+           <a href="components/splitbuttons/src/progress-button">Source</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/button/progress-button">Live demo</a>
@@ -972,7 +972,7 @@
            <a href="https://www.syncfusion.com/react-ui-components/react-split-button"><b>Split Button</b></a>
        </td>
        <td>
-           <a href="src/splitbuttons/src/split-button">Source</a>
+           <a href="components/splitbuttons/src/split-button">Source</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/button/split-button">Live demo</a>
@@ -994,7 +994,7 @@
            <a href="https://www.npmjs.com/package/@syncfusion/ej2-react-layouts"><img src="https://ej2.syncfusion.com/github/images/npm-logo.png" alt="npm package @syncfusion/ej2-react-layouts" title="@syncfusion/ej2-react-layouts" style="height:20px;" /></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://ej2.syncfusion.com/badges/ej2-layouts"><img src="https://ej2.syncfusion.com/badges/ej2-layouts/coverage.svg" alt="code coverage of @syncfusion/ej2-react-layouts" title="@syncfusion/ej2-react-layouts" /></a>
        </td>
        <td>
-           <a href="src/layouts/styles/avatar">Styles</a>
+           <a href="components/layouts/styles/avatar">Styles</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/avatar/default">Live demo</a>
@@ -1008,7 +1008,7 @@
            <a href="https://www.syncfusion.com/react-ui-components/react-card"><b>Card</b></a>
        </td>
        <td>
-           <a href="src/layouts/styles/card">Styles</a>
+           <a href="components/layouts/styles/card">Styles</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/card/basic">Live demo</a>
@@ -1022,7 +1022,7 @@
            <a href="https://www.syncfusion.com/react-ui-components/react-dashboard-layout"><b>Dashboard Layout</b></a>
        </td>
        <td>
-           <a href="src/layouts/src/dashboard-layout">Source</a>
+           <a href="components/layouts/src/dashboard-layout">Source</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/dashboard-layout/default">Live demo</a>
@@ -1036,7 +1036,7 @@
            <a href="https://www.syncfusion.com/react-ui-components/react-splitter"><b>Splitter</b></a>
        </td>
        <td>
-           <a href="src/layouts/src/splitter">Source</a>
+           <a href="components/layouts/src/splitter">Source</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/splitter/default">Live demo</a>
@@ -1053,7 +1053,7 @@
            <a href="https://www.npmjs.com/package/@syncfusion/ej2-react-popups"><img src="https://ej2.syncfusion.com/github/images/npm-logo.png" alt="npm package @syncfusion/ej2-react-popups" title="@syncfusion/ej2-react-popups" style="height:20px;" /></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://ej2.syncfusion.com/badges/ej2-popups"><img src="https://ej2.syncfusion.com/badges/ej2-popups/coverage.svg" alt="code coverage of @syncfusion/ej2-react-popups" title="@syncfusion/ej2-react-popups" /></a>
        </td>
        <td>
-           <a href="src/popups/src/dialog">Source</a>
+           <a href="components/popups/src/dialog">Source</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/dialog/default">Live demo</a>
@@ -1067,7 +1067,7 @@
            <a href="https://www.syncfusion.com/react-ui-components/react-tooltip"><b>Tooltip</b></a>
        </td>
        <td>
-           <a href="src/popups/src/tooltip">Source</a>
+           <a href="components/popups/src/tooltip">Source</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/tooltip/default">Live demo</a>
@@ -1084,7 +1084,7 @@
            <a href="https://www.npmjs.com/package/@syncfusion/ej2-react-lists"><img src="https://ej2.syncfusion.com/github/images/npm-logo.png" alt="npm package @syncfusion/ej2-react-lists" title="@syncfusion/ej2-react-lists" style="height:20px;" /></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://ej2.syncfusion.com/badges/ej2-lists"><img src="https://ej2.syncfusion.com/badges/ej2-lists/coverage.svg" alt="code coverage of @syncfusion/ej2-react-lists" title="@syncfusion/ej2-react-lists" /></a>
        </td>
        <td>
-           <a href="src/lists/src">Source</a>
+           <a href="components/lists/src">Source</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/listview/default">Live demo</a>
@@ -1106,7 +1106,7 @@
            <a href="https://www.npmjs.com/package/@syncfusion/ej2-react-notifications"><img src="https://ej2.syncfusion.com/github/images/npm-logo.png" alt="npm package @syncfusion/ej2-react-notifications" title="@syncfusion/ej2-react-notifications" style="height:20px;" /></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://ej2.syncfusion.com/badges/ej2-notifications"><img src="https://ej2.syncfusion.com/badges/ej2-notifications/coverage.svg" alt="code coverage of @syncfusion/ej2-react-notifications" title="@syncfusion/ej2-react-notifications" /></a>
        </td>
        <td>
-           <a href="src/notifications/styles/badge">Styles</a>
+           <a href="components/notifications/styles/badge">Styles</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/badge/default">Live demo</a>
@@ -1120,7 +1120,7 @@
            <a href="https://www.syncfusion.com/react-ui-components/react-toast"><b>Toast</b></a>
        </td>
        <td>
-           <a href="src/notifications/src/toast">Source</a>
+           <a href="components/notifications/src/toast">Source</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/toast/default">Live demo</a>
@@ -1137,7 +1137,7 @@
            <a href="https://www.npmjs.com/package/@syncfusion/ej2-react-progressbar"><img src="https://ej2.syncfusion.com/github/images/npm-logo.png" alt="npm package @syncfusion/ej2-react-progressbar" title="@syncfusion/ej2-react-progressbar" style="height:20px;" /></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://ej2.syncfusion.com/badges/ej2-progressbar"><img src="https://ej2.syncfusion.com/badges/ej2-progressbar/coverage.svg" alt="code coverage of @syncfusion/ej2-react-progressbar" title="@syncfusion/ej2-react-progressbar" /></a>
        </td>
        <td>
-           <a href="src/progressbar/src">Source</a>
+           <a href="components/progressbar/src">Source</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/progress-bar/linear">Live demo</a>
@@ -1159,7 +1159,7 @@
            <a href="https://www.npmjs.com/package/@syncfusion/ej2-react-querybuilder"><img src="https://ej2.syncfusion.com/github/images/npm-logo.png" alt="npm package @syncfusion/ej2-react-querybuilder" title="@syncfusion/ej2-react-querybuilder" style="height:20px;" /></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://ej2.syncfusion.com/badges/ej2-querybuilder"><img src="https://ej2.syncfusion.com/badges/ej2-querybuilder/coverage.svg" alt="code coverage of @syncfusion/ej2-react-querybuilder" title="@syncfusion/ej2-react-querybuilder" /></a>
        </td>
        <td>
-           <a href="src/querybuilder/src">Source</a>
+           <a href="components/querybuilder/src">Source</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/query-builder/default">Live demo</a>
@@ -1181,7 +1181,7 @@
            <a href="https://www.npmjs.com/package/@syncfusion/ej2-react-pdfviewer"><img src="https://ej2.syncfusion.com/github/images/npm-logo.png" alt="npm package @syncfusion/ej2-react-pdfviewer" title="@syncfusion/ej2-react-pdfviewer" style="height:20px;" /></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="https://ej2.syncfusion.com/badges/ej2-pdfviewer"><img src="https://ej2.syncfusion.com/badges/ej2-pdfviewer/coverage.svg" alt="code coverage of @syncfusion/ej2-react-pdfviewer" title="@syncfusion/ej2-react-pdfviewer" /></a>
        </td>
        <td>
-           <a href="src/pdfviewer/src">Source</a>
+           <a href="components/pdfviewer/src">Source</a>
        </td>
        <td>
            <a href="https://ej2.syncfusion.com/react/demos/#/bootstrap5/pdfviewer/default">Live demo</a>