v7 Preparation: File Arrangements (#377)

* v7 Preparation File Arrangements * Fix Remaining Changed Namespace * Fix Other Projects Remaining Namespaces
CodeBeamOrg · Apr 14, 2024 · 7feb0b7 · 7feb0b7
1 parent 12f3c58
commit 7feb0b7
Show file tree

Hide file tree

Showing 176 changed files with 614 additions and 586 deletions.
diff --git a/ComponentViewer/App.razor → ...udBlazor.Extensions.Docs.Server/App.razor b/ComponentViewer/App.razor → ...udBlazor.Extensions.Docs.Server/App.razor
@@ -1,11 +1,11 @@
-<Router AppAssembly="@typeof(ComponentViewer.Docs.Pages.Index).Assembly">
+<Router AppAssembly="@typeof(MudExtensions.Docs.Pages.Index).Assembly">
     <Found Context="routeData">
-        <RouteView RouteData="@routeData" DefaultLayout="@typeof(ComponentViewer.Docs.Shared.MainLayout)" />
+        <RouteView RouteData="@routeData" DefaultLayout="@typeof(MudExtensions.Docs.Shared.MainLayout)" />
         <FocusOnNavigate RouteData="@routeData" Selector="h1" />
     </Found>
     <NotFound>
         <PageTitle>Not found</PageTitle>
-        <LayoutView Layout="@typeof(ComponentViewer.Docs.Shared.MainLayout)">
+        <LayoutView Layout="@typeof(MudExtensions.Docs.Shared.MainLayout)">
             <p role="alert">Sorry, there's nothing at this address.</p>
         </LayoutView>
     </NotFound>

diff --git a/ComponentViewer/ComponentViewer.csproj → ...m.MudBlazor.Extensions.Docs.Server.csproj b/ComponentViewer/ComponentViewer.csproj → ...m.MudBlazor.Extensions.Docs.Server.csproj
@@ -4,11 +4,12 @@
     <TargetFramework>net8.0</TargetFramework>
     <Nullable>enable</Nullable>
     <ImplicitUsings>enable</ImplicitUsings>
+	  <RootNamespace>MudExtensions.Docs.Server</RootNamespace>
   </PropertyGroup>
 
   <ItemGroup>
     <ProjectReference Include="..\CodeBeam.MudBlazor.Extensions\CodeBeam.MudBlazor.Extensions.csproj" />
-    <ProjectReference Include="..\ComponentViewer.Docs\ComponentViewer.Docs.csproj" />
+    <ProjectReference Include="..\CodeBeam.MudBlazor.Extensions.Docs\CodeBeam.MudBlazor.Extensions.Docs.csproj" />
   </ItemGroup>
 
 </Project>
diff --git a/ComponentViewer/Pages/_Host.cshtml → ...Extensions.Docs.Server/Pages/_Host.cshtml b/ComponentViewer/Pages/_Host.cshtml → ...Extensions.Docs.Server/Pages/_Host.cshtml
@@ -1,5 +1,5 @@
 @page "/"
-@namespace ComponentViewer.Pages
+@namespace MudExtensions.Docs.Server.Pages
 @addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
 @{
     Layout = "_Layout";

diff --git a/ComponentViewer/Pages/_Layout.cshtml → ...tensions.Docs.Server/Pages/_Layout.cshtml b/ComponentViewer/Pages/_Layout.cshtml → ...tensions.Docs.Server/Pages/_Layout.cshtml
@@ -1,5 +1,5 @@
 @using Microsoft.AspNetCore.Components.Web
-@namespace ComponentViewer.Pages
+@namespace CodeBeam.MudBlazor.Extensions.Docs.Server.Pages
 @addTagHelper *, Microsoft.AspNetCore.Mvc.TagHelpers
 
 <!DOCTYPE html>

diff --git a/ComponentViewer/Program.cs → ...dBlazor.Extensions.Docs.Server/Program.cs b/ComponentViewer/Program.cs → ...dBlazor.Extensions.Docs.Server/Program.cs
diff --git a/...dextensions - Web Deploy/profile.arm.json → ...dextensions - Web Deploy/profile.arm.json b/...dextensions - Web Deploy/profile.arm.json → ...dextensions - Web Deploy/profile.arm.json
diff --git a/...nentViewer/Properties/launchSettings.json → ...ocs.Server/Properties/launchSettings.json b/...nentViewer/Properties/launchSettings.json → ...ocs.Server/Properties/launchSettings.json
@@ -8,7 +8,7 @@
     }
   },
   "profiles": {
-    "ComponentViewer": {
+    "CodeBeam.MudBlazor.Extensions.Docs.Server": {
       "commandName": "Project",
       "dotnetRunMessages": true,
       "launchBrowser": true,

diff --git a/ComponentViewer/_Imports.razor → ...zor.Extensions.Docs.Server/_Imports.razor b/ComponentViewer/_Imports.razor → ...zor.Extensions.Docs.Server/_Imports.razor
@@ -6,7 +6,7 @@
 @using Microsoft.AspNetCore.Components.Web
 @using Microsoft.AspNetCore.Components.Web.Virtualization
 @using Microsoft.JSInterop
-@using ComponentViewer
+@using MudExtensions.Docs.Server
 
 @using MudBlazor
 @using MudExtensions
diff --git a/ComponentViewer/appsettings.Development.json → ....Docs.Server/appsettings.Development.json b/ComponentViewer/appsettings.Development.json → ....Docs.Server/appsettings.Development.json
diff --git a/ComponentViewer/appsettings.json → ...r.Extensions.Docs.Server/appsettings.json b/ComponentViewer/appsettings.json → ...r.Extensions.Docs.Server/appsettings.json
diff --git a/ComponentViewer/wwwroot/app.css → ...or.Extensions.Docs.Server/wwwroot/app.css b/ComponentViewer/wwwroot/app.css → ...or.Extensions.Docs.Server/wwwroot/app.css
diff --git a/ComponentViewer/wwwroot/cbpurple.jpg → ...tensions.Docs.Server/wwwroot/cbpurple.jpg b/ComponentViewer/wwwroot/cbpurple.jpg → ...tensions.Docs.Server/wwwroot/cbpurple.jpg
diff --git a/ComponentViewer.Wasm/wwwroot/favicon.ico → ...xtensions.Docs.Server/wwwroot/favicon.ico b/ComponentViewer.Wasm/wwwroot/favicon.ico → ...xtensions.Docs.Server/wwwroot/favicon.ico
diff --git a/ComponentViewer.Wasm/App.razor → ....MudBlazor.Extensions.Docs.Wasm/App.razor b/ComponentViewer.Wasm/App.razor → ....MudBlazor.Extensions.Docs.Wasm/App.razor
@@ -3,14 +3,14 @@
 @inject LazyAssemblyLoader AssemblyLoader
 @inject ILogger<App> Logger
 
-<Router AppAssembly="@typeof(ComponentViewer.Docs.Pages.Index).Assembly" AdditionalAssemblies="@_lazyLoadedAssemblies" OnNavigateAsync="@OnNavigateAsync">
+<Router AppAssembly="@typeof(MudExtensions.Docs.Pages.Index).Assembly" AdditionalAssemblies="@_lazyLoadedAssemblies" OnNavigateAsync="@OnNavigateAsync">
     <Found Context="routeData">
-        <RouteView RouteData="@routeData" DefaultLayout="@typeof(ComponentViewer.Docs.Shared.MainLayout)" />
+        <RouteView RouteData="@routeData" DefaultLayout="@typeof(MudExtensions.Docs.Shared.MainLayout)" />
         <FocusOnNavigate RouteData="@routeData" Selector="h1" />
     </Found>
     <NotFound>
         <PageTitle>Not found</PageTitle>
-        <LayoutView Layout="@typeof(ComponentViewer.Docs.Shared.MainLayout)">
+        <LayoutView Layout="@typeof(MudExtensions.Docs.Shared.MainLayout)">
             <p role="alert">Sorry, there's nothing at this address.</p>
         </LayoutView>
     </NotFound>

diff --git a/...ntViewer.Wasm/ComponentViewer.Wasm.csproj → ...eam.MudBlazor.Extensions.Docs.Wasm.csproj b/...ntViewer.Wasm/ComponentViewer.Wasm.csproj → ...eam.MudBlazor.Extensions.Docs.Wasm.csproj
@@ -4,6 +4,7 @@
     <TargetFramework>net8.0</TargetFramework>
     <Nullable>enable</Nullable>
     <ImplicitUsings>enable</ImplicitUsings>
+	  <RootNamespace>MudExtensions.Docs.Wasm</RootNamespace>
   </PropertyGroup>
 
   <ItemGroup>
@@ -17,7 +18,7 @@
 
   <ItemGroup>
     <ProjectReference Include="..\CodeBeam.MudBlazor.Extensions\CodeBeam.MudBlazor.Extensions.csproj" />
-    <ProjectReference Include="..\ComponentViewer.Docs\ComponentViewer.Docs.csproj" />
+    <ProjectReference Include="..\CodeBeam.MudBlazor.Extensions.Docs\CodeBeam.MudBlazor.Extensions.Docs.csproj" />
   </ItemGroup>
 
   <ItemGroup>

diff --git a/ComponentViewer.Wasm/Program.cs → ...MudBlazor.Extensions.Docs.Wasm/Program.cs b/ComponentViewer.Wasm/Program.cs → ...MudBlazor.Extensions.Docs.Wasm/Program.cs
@@ -1,4 +1,4 @@
-using ComponentViewer.Wasm;
+using MudExtensions.Docs.Wasm;
 using Microsoft.AspNetCore.Components.Web;
 using Microsoft.AspNetCore.Components.WebAssembly.Hosting;
 using MudBlazor.Services;

diff --git a/...iewer.Wasm/Properties/launchSettings.json → ....Docs.Wasm/Properties/launchSettings.json b/...iewer.Wasm/Properties/launchSettings.json → ....Docs.Wasm/Properties/launchSettings.json
@@ -8,7 +8,7 @@
     }
   },
   "profiles": {
-    "ComponentViewer.Wasm": {
+    "CodeBeam.MudBlazor.Extensions.Docs.Wasm": {
       "commandName": "Project",
       "dotnetRunMessages": true,
       "launchBrowser": true,

diff --git a/ComponentViewer.Wasm/_Imports.razor → ...lazor.Extensions.Docs.Wasm/_Imports.razor b/ComponentViewer.Wasm/_Imports.razor → ...lazor.Extensions.Docs.Wasm/_Imports.razor
@@ -6,7 +6,7 @@
 @using Microsoft.AspNetCore.Components.Web.Virtualization
 @using Microsoft.AspNetCore.Components.WebAssembly.Http
 @using Microsoft.JSInterop
-@using ComponentViewer.Wasm
+@using MudExtensions.Docs.Wasm
 
 @using MudBlazor
 @using MudExtensions
diff --git a/ComponentViewer.Wasm/wwwroot/app.css → ...azor.Extensions.Docs.Wasm/wwwroot/app.css b/ComponentViewer.Wasm/wwwroot/app.css → ...azor.Extensions.Docs.Wasm/wwwroot/app.css
diff --git a/ComponentViewer/wwwroot/favicon.ico → ....Extensions.Docs.Wasm/wwwroot/favicon.ico b/ComponentViewer/wwwroot/favicon.ico → ....Extensions.Docs.Wasm/wwwroot/favicon.ico
diff --git a/ComponentViewer.Wasm/wwwroot/index.html → ...r.Extensions.Docs.Wasm/wwwroot/index.html b/ComponentViewer.Wasm/wwwroot/index.html → ...r.Extensions.Docs.Wasm/wwwroot/index.html
diff --git a/...ntViewer.Docs/ComponentViewer.Docs.csproj → ...CodeBeam.MudBlazor.Extensions.Docs.csproj b/...ntViewer.Docs/ComponentViewer.Docs.csproj → ...CodeBeam.MudBlazor.Extensions.Docs.csproj
@@ -4,6 +4,7 @@
     <TargetFramework>net8.0</TargetFramework>
     <Nullable>enable</Nullable>
     <ImplicitUsings>enable</ImplicitUsings>
+	  <RootNamespace>MudExtensions.Docs</RootNamespace>
   </PropertyGroup>
 
 
@@ -16,9 +17,9 @@
     <PackageReference Include="MudBlazor" Version="6.12.0" />
   </ItemGroup>
 
-  <ItemGroup>
-    <ProjectReference Include="..\CodeBeam.MudBlazor.Extensions\CodeBeam.MudBlazor.Extensions.csproj" />
-  </ItemGroup>
+	<ItemGroup>
+		<ProjectReference Include="..\CodeBeam.MudBlazor.Extensions\CodeBeam.MudBlazor.Extensions.csproj" />
+	</ItemGroup>
 
   <ItemGroup>
     <Content Update="Pages\Index.razor">
@@ -27,7 +28,7 @@
   </ItemGroup>
 
 	<ItemGroup>
-		<EmbeddedResource Include="Pages/Examples/**" />
+		<EmbeddedResource Include="Pages/Components/**" />
 	</ItemGroup>
 
 </Project>
diff --git a/...entViewer.Docs/Components/CodeBlock.razor → ...xtensions.Docs/Components/CodeBlock.razor b/...entViewer.Docs/Components/CodeBlock.razor → ...xtensions.Docs/Components/CodeBlock.razor
@@ -1,5 +1,5 @@
 @inherits MudComponentBase
-@namespace ComponentViewer.Docs.Components
+@namespace MudExtensions.Docs.Components
 
 <MudText Inline="true" Class="px-2" Typo="Typo.body2" Style="background-color: #ff4081; color: white; border-radius: 20px">@ChildContent</MudText>
 

diff --git a/...iewer.Docs/Components/ComponentCard.razor → ...sions.Docs/Components/ComponentCard.razor b/...iewer.Docs/Components/ComponentCard.razor → ...sions.Docs/Components/ComponentCard.razor
@@ -1,5 +1,5 @@
 @inherits MudComponentBase
-@namespace ComponentViewer.Docs.Components
+@namespace MudExtensions.Docs.Components
 
 <MudCard Class="component-card pa-0" Elevation="4" @onclick="NavigateComponentPage">
     <MudCardHeader Class="component-card-header">

diff --git a/...er.Docs/Components/ComponentCard.razor.cs → ...ns.Docs/Components/ComponentCard.razor.cs b/...er.Docs/Components/ComponentCard.razor.cs → ...ns.Docs/Components/ComponentCard.razor.cs
@@ -1,6 +1,6 @@
 using Microsoft.AspNetCore.Components;
 
-namespace ComponentViewer.Docs.Components
+namespace MudExtensions.Docs.Components
 {
     public partial class ComponentCard
     {

diff --git a/...Viewer.Docs/Components/DocsApiTable.razor → ...nsions.Docs/Components/DocsApiTable.razor b/...Viewer.Docs/Components/DocsApiTable.razor → ...nsions.Docs/Components/DocsApiTable.razor
@@ -1,4 +1,4 @@
-@namespace ComponentViewer.Docs.Components
+@namespace MudExtensions.Docs.Components
 @using System.Text.RegularExpressions
 
 <MudText Class="my-2" Color="Color.Secondary" Typo="Typo.h6">Parameters</MudText>

diff --git a/...tViewer.Docs/Components/ExampleCard.razor → ...ensions.Docs/Components/ExampleCard.razor b/...tViewer.Docs/Components/ExampleCard.razor → ...ensions.Docs/Components/ExampleCard.razor
@@ -1,4 +1,4 @@
-@namespace ComponentViewer.Docs.Components
+@namespace MudExtensions.Docs.Components
 
 @if (HasExpansionPanel)
 {
@@ -53,6 +53,9 @@ else
 }
 
 @code {
+    [Parameter]
+    public string? ComponentName { get; set; }
+
     [Parameter]
     public string? ExampleName { get; set; }
 
@@ -80,7 +83,7 @@ else
         var ass = System.Reflection.Assembly.GetExecutingAssembly();
         var names = ass.GetManifestResourceNames();
 
-        string path = $@"ComponentViewer.Docs.Pages.Examples.{ExampleName}.razor";
+        string path = $@"MudExtensions.Docs.Pages.Components.{ComponentName}.Examples.{ExampleName}.razor";
         var resourceStream = ass.GetManifestResourceStream(path);
         if (resourceStream != null)
         {
@@ -89,7 +92,11 @@ else
             while (true)
             {
                 var line = reader.ReadLine();
-                if (line != null)
+                if (line?.StartsWith("@namespace") == true)
+                {
+                    continue;
+                }
+                else if (line != null)
                     _lines.Add(line);
                 else
                     break;

diff --git a/...tViewer.Docs/Components/ExamplePage.razor → ...ensions.Docs/Components/ExamplePage.razor b/...tViewer.Docs/Components/ExamplePage.razor → ...ensions.Docs/Components/ExamplePage.razor
@@ -1,5 +1,5 @@
 @inject NavigationManager NavigationManager
-@namespace ComponentViewer.Docs.Components
+@namespace MudExtensions.Docs.Components
 
 <CascadingValue Value="this" IsFixed="true">
     <MudContainer Class="py-6 px-0">

diff --git a/...iewer.Docs/Pages/Components/ApiPage.razor → ...lazor.Extensions.Docs/Pages/ApiPage.razor b/...iewer.Docs/Pages/Components/ApiPage.razor → ...lazor.Extensions.Docs/Pages/ApiPage.razor
diff --git a/...er.Docs/Pages/Components/BeASponsor.razor → ...or.Extensions.Docs/Pages/BeASponsor.razor b/...er.Docs/Pages/Components/BeASponsor.razor → ...or.Extensions.Docs/Pages/BeASponsor.razor
diff --git a/CodeBeam.MudBlazor.Extensions.Docs/Pages/Components/Animate/AnimatePage.razor b/CodeBeam.MudBlazor.Extensions.Docs/Pages/Components/Animate/AnimatePage.razor
@@ -0,0 +1,13 @@
+@page "/mudanimate"
+@namespace MudExtensions.Docs.Pages
+
+<ExamplePage Title="MudAnimate">
+    <ExampleCard ComponentName="Animate" ExampleName="AnimateExample1" Title="Playground" Description="See the MudAnimate's capabilities.">
+        <AnimateExample1 />
+    </ExampleCard>
+
+    <ExampleCard ComponentName="Animate" ExampleName="AnimateExample2" Title="Multiple Animations" Description=" Multiple animations can be added with KeyframeAdvanced parameter.">
+        <AnimateExample2 />
+    </ExampleCard>
+</ExamplePage>
+
diff --git a/...Docs/Pages/Examples/AnimateExample1.razor → ...ts/Animate/Examples/AnimateExample1.razor b/...Docs/Pages/Examples/AnimateExample1.razor → ...ts/Animate/Examples/AnimateExample1.razor
@@ -1,4 +1,6 @@
-@using MudBlazor.Extensions
+@namespace MudExtensions.Docs.Examples
+@using MudBlazor.Extensions
+
 <MudAnimate @ref="_animate" Selector=".id1" Duration="_duration" AnimationType="_animationType" Value="_value" ValueSecondary="_valueSecondary" Hover="_hover" Delay="_delay" Infinite="_infinite" IterationCount="_iterationCount"
             AnimationTiming="_animationTiming" AnimationDirection="_animationDirection" AnimationFillMode="_animationFillMode" Paused="_paused" />
 

diff --git a/...Docs/Pages/Examples/AnimateExample2.razor → ...ts/Animate/Examples/AnimateExample2.razor b/...Docs/Pages/Examples/AnimateExample2.razor → ...ts/Animate/Examples/AnimateExample2.razor
@@ -1,5 +1,7 @@
-@using MudBlazor.Interfaces
+@namespace MudExtensions.Docs.Examples
+@using MudBlazor.Interfaces
 @using MudExtensions.Utilities
+
 <MudRender @ref="_animateRender">
     <MudAnimate @ref="_animate2" Selector=".id2" Duration="1" AnimationType="AnimationType.Rotate" Value="_value2" ValueSecondary="0" Infinite="true"
                 KeyframeAdvanced="@KeyframeBuilder.Build(2, new List<string>() {"0", $"{_value2}"}, string.Join(" ", _animationTypes))" />

diff --git a/CodeBeam.MudBlazor.Extensions.Docs/Pages/Components/Barcode/BarcodePage.razor b/CodeBeam.MudBlazor.Extensions.Docs/Pages/Components/Barcode/BarcodePage.razor
@@ -0,0 +1,12 @@
+@page "/mudbarcode"
+@namespace MudExtensions.Docs.Pages
+
+<ExamplePage Title="MudBarcode">
+    <ExampleCard ComponentName="Barcode" ExampleName="BarcodeExampleIntro" Title="Intro & Tips" Description="" ShowCodeSection="false">
+        <BarcodeExampleIntro />
+    </ExampleCard>
+
+    <ExampleCard ComponentName="Barcode" ExampleName="BarcodeExample1" Title="Usage" Description="Barcode shows different bar codes like QR code with defined value.">
+        <BarcodeExample1 />
+    </ExampleCard>
+</ExamplePage>
diff --git a/...Docs/Pages/Examples/BarcodeExample1.razor → ...ts/Barcode/Examples/BarcodeExample1.razor b/...Docs/Pages/Examples/BarcodeExample1.razor → ...ts/Barcode/Examples/BarcodeExample1.razor
@@ -1,4 +1,5 @@
-@using ZXing;
+@namespace MudExtensions.Docs.Examples
+@using ZXing;
 
 <MudGrid>
     <MudItem xs="12" sm="8" Class="d-flex justify-center">

diff --git a/.../Pages/Examples/BarcodeExampleIntro.razor → ...arcode/Examples/BarcodeExampleIntro.razor b/.../Pages/Examples/BarcodeExampleIntro.razor → ...arcode/Examples/BarcodeExampleIntro.razor
@@ -1,5 +1,4 @@
-@using Microsoft.AspNetCore.Components
-@using MudBlazor.Extensions
+@namespace MudExtensions.Docs.Examples
 
 <MudGrid>
     <MudAlert Class="mud-width-full" Severity="Severity.Success"><b>If you feel barcode readers response slowly, increase the <CodeBlock>StrokeWidth</CodeBlock> value for a better read performance.</b></MudAlert>

diff --git a/CodeBeam.MudBlazor.Extensions.Docs/Pages/Components/ChipField/ChipFieldPage.razor b/CodeBeam.MudBlazor.Extensions.Docs/Pages/Components/ChipField/ChipFieldPage.razor
@@ -0,0 +1,9 @@
+@page "/mudchipfield"
+@namespace MudExtensions.Docs.Pages
+
+<ExamplePage Title="MudChipField">
+    <ExampleCard ComponentName="ChipField" ExampleName="ChipFieldExample1" Title="Playground" Description="Chip field create chips when user press delimiter key.">
+        <ChipFieldExample1 />
+    </ExampleCard>
+</ExamplePage>
+
diff --git a/...cs/Pages/Examples/ChipFieldExample1.razor → ...hipField/Examples/ChipFieldExample1.razor b/...cs/Pages/Examples/ChipFieldExample1.razor → ...hipField/Examples/ChipFieldExample1.razor
@@ -1,5 +1,4 @@
-@using Microsoft.AspNetCore.Components
-@using MudBlazor.Extensions
+@namespace MudExtensions.Docs.Examples
 
 <MudGrid>
     <MudItem xs="12" sm="8" Class="d-flex flex-column gap-8 align-center justify-center">
@@ -43,11 +42,11 @@
                     <MudSelectItem Value="item">@item.ToDescriptionString()</MudSelectItem>
                 }
             </MudSelect>
-            <MudSwitchM3 @bind-Value="@_wrapChips" Label="WrapChips" Color="Color.Primary" />
-            <MudSwitchM3 @bind-Value="@_disabled" Label="Disabled" Color="Color.Primary" />
-            <MudSwitchM3 @bind-Value="@_readonly" Label="ReadOnly" Color="Color.Primary" />
-            <MudSwitchM3 @bind-Value="@_disableRadius" Label="Disable Border Radius" Color="Color.Primary" />
-            <MudSwitchM3 @bind-Value="@_closeable" Label="Closeable" Color="Color.Primary" />
+            <MudSwitchM3 @bind-Value="@_wrapChips" Label="WrapChips" Color="Color.Secondary" />
+            <MudSwitchM3 @bind-Value="@_disabled" Label="Disabled" Color="Color.Secondary" />
+            <MudSwitchM3 @bind-Value="@_readonly" Label="ReadOnly" Color="Color.Secondary" />
+            <MudSwitchM3 @bind-Value="@_disableRadius" Label="Disable Border Radius" Color="Color.Secondary" />
+            <MudSwitchM3 @bind-Value="@_closeable" Label="Closeable" Color="Color.Secondary" />
         </MudStack>
     </MudItem>
 </MudGrid>

diff --git a/CodeBeam.MudBlazor.Extensions.Docs/Pages/Components/CodeInput/CodeInputPage.razor b/CodeBeam.MudBlazor.Extensions.Docs/Pages/Components/CodeInput/CodeInputPage.razor
@@ -0,0 +1,8 @@
+@page "/mudcodeinput"
+@namespace MudExtensions.Docs.Pages
+
+<ExamplePage Title="MudCodeInput">
+    <ExampleCard ComponentName="CodeInput" ExampleName="CodeInputExample1" Title="Usage" Description="">
+        <CodeInputExample1 />
+    </ExampleCard>
+</ExamplePage>
diff --git a/...cs/Pages/Examples/CodeInputExample1.razor → ...odeInput/Examples/CodeInputExample1.razor b/...cs/Pages/Examples/CodeInputExample1.razor → ...odeInput/Examples/CodeInputExample1.razor
@@ -1,5 +1,4 @@
-@using Microsoft.AspNetCore.Components
-@using MudBlazor.Extensions
+@namespace MudExtensions.Docs.Examples
 
 <MudGrid>
     <MudItem xs="12" sm="8" Class="d-flex flex-column gap-8 align-center justify-center" Style="height: 500px">

diff --git a/.../Pages/Components/ColorProviderPage.razor → ...nts/ColorProvider/ColorProviderPage.razor b/.../Pages/Components/ColorProviderPage.razor → ...nts/ColorProvider/ColorProviderPage.razor
@@ -1,12 +1,12 @@
 @page "/mudcolorprovider"
-@using ComponentViewer.Docs.Pages.Examples
+@namespace MudExtensions.Docs.Pages
 
 <ExamplePage Title="MudColorProvider">
-    <ExampleCard ExampleName="ColorProviderExample1" Title="Basics" Description="MudColorProvider extends your primary, secondary and tertiary color.">
+    <ExampleCard ComponentName="ColorProvider" ExampleName="ColorProviderExample1" Title="Basics" Description="MudColorProvider extends your primary, secondary and tertiary color.">
         <ColorProviderExample1 />
     </ExampleCard>
 
-    <ExampleCard ExampleName="ColorProviderExample2" Title="How To Use" Description="">
+    <ExampleCard ComponentName="ColorProvider" ExampleName="ColorProviderExample2" Title="How To Use" Description="">
         <MudText>(1) Place <CodeBlock>@("<MudColorProvider />")</CodeBlock> after <CodeBlock>@("<MudThemeProvider />")</CodeBlock>.</MudText>
         <MudText>(2) After you define primary, secondary and tertiary colors, MudColorProvider creates CSS classes and variables.</MudText>
         <MudText>(3) Use this classes or variables in your components, like: <CodeBlock>Class="mud-m3-theme-primary"</CodeBlock> or <CodeBlock>Style="background-color: var(--mud-primary-40)"</CodeBlock> </MudText>

diff --git a/...ages/Examples/ColorProviderExample1.razor → ...ider/Examples/ColorProviderExample1.razor b/...ages/Examples/ColorProviderExample1.razor → ...ider/Examples/ColorProviderExample1.razor
@@ -1,7 +1,5 @@
-@using MudBlazor.Utilities
-@using ComponentViewer.Docs.Shared
-@using MudBlazor.Extensions
-
+@namespace MudExtensions.Docs.Examples
+@using MudBlazor.Utilities
 
 <MudGrid>
     <MudItem xs="12" sm="8">

diff --git a/...ages/Examples/ColorProviderExample2.razor → ...ider/Examples/ColorProviderExample2.razor b/...ages/Examples/ColorProviderExample2.razor → ...ider/Examples/ColorProviderExample2.razor
@@ -1,6 +1,4 @@
-@using MudBlazor.Utilities
-@using ComponentViewer.Docs.Shared
-@using MudBlazor.Extensions
+@namespace MudExtensions.Docs.Examples
 
 <MudInputStyler Selector=".input-styler" LabelBackgroundColor="var(--mud-m3-primary-container)" BorderColor="var(--mud-secondary-10)" />
 

diff --git a/...er.Docs/Pages/Examples/RelatedTones.razor → ...ColorProvider/Examples/RelatedTones.razor b/...er.Docs/Pages/Examples/RelatedTones.razor → ...ColorProvider/Examples/RelatedTones.razor
@@ -1,4 +1,4 @@
-@using MudBlazor.Utilities
+@namespace MudExtensions.Docs.Examples
 
 <MudStack Spacing="1" Class="d-flex flex-grow-1">
     <MudStack Justify="Justify.SpaceBetween" Class="flex-grow-1" Spacing="0" Style="@BackgroundColor">

diff --git a/...nentViewer.Docs/Pages/Examples/Tone.razor → ...ponents/ColorProvider/Examples/Tone.razor b/...nentViewer.Docs/Pages/Examples/Tone.razor → ...ponents/ColorProvider/Examples/Tone.razor
@@ -1,4 +1,5 @@
-@using MudBlazor.Utilities
+@namespace MudExtensions.Docs.Examples
+@using MudBlazor.Utilities
 
 <MudStack Spacing="1" Class="d-flex flex-grow-1" Style="@BackgroundColor" AlignItems="AlignItems.Center" Justify="Justify.Center">
     <div>

diff --git a/...entViewer.Docs/Pages/Examples/Tones.razor → ...onents/ColorProvider/Examples/Tones.razor b/...entViewer.Docs/Pages/Examples/Tones.razor → ...onents/ColorProvider/Examples/Tones.razor
@@ -1,4 +1,5 @@
-
+@namespace MudExtensions.Docs.Examples
+
 <MudStack Row="true" Class="pa-4" Style="background:var(--mud-m3-surface)">
     <style>
         .circle {