Move images to the root folder for docs

docs/en/dialogs/Index.md

@@ -2,7 +2,7 @@
 Dialogs are a great way to get the user to make a decision or enter some information. They are also a great way to display information to the user. A set of pre-built dialogs are provided by UraniumUI such as asking multiple or single selection, confirmation and text input. UraniumUI provides an abstraction layer for dialogs with `IDialogService`. UraniumUI has 2 different popups implementations which are [Community Toolkit](https://github.com/CommunityToolkit/Maui) and [Mopups](https://github.com/LuckyDucko/Mopups).
 
 <center>
-<img src="https://lh3.googleusercontent.com/cD2FTVbrqtc_pZ7IwitArkWuRFGvQ_CHj-cuD76UiDUZZpjY2F0EmeUPmdLdf29NQKITPu540wiWTGIz4CbCZFzE_REolC9FEWXM6_pShckgW2Wg9Q=w856" height="480" />
+<img src="https://lh3.googleusercontent.com/cD2FTVbrqtc_pZ7IwitArkWuRFGvQ_CHj-cuD76UiDUZZpjY2F0EmeUPmdLdf29NQKITPu540wiWTGIz4CbCZFzE_REolC9FEWXM6_pShckgW2Wg9Q=w856" height="360" style="height: 360px !important;" />
 </center>
 
 You should pick one of them and add it to your project. UraniumUI will use the popup implementation that you added to your project. If you don't add any popup implementation, UraniumUI will use Modal pages instead of popups.
@@ -111,7 +111,7 @@ private async void Button_Clicked(object sender, EventArgs e)
 
 | Light | Dark |
 | --- | --- |
-| ![MAUI Material Design Dialogs](images/dialogs-radiobutton-light-android.png) | ![MAUI Material Design Dialogs](images/dialogs-radiobutton-dark-windows.png) |
+| ![MAUI Material Design Dialogs](../images/dialogs-radiobutton-light-android.png) | ![MAUI Material Design Dialogs](../images/dialogs-radiobutton-dark-windows.png) |
 
 
 #### Parameters
@@ -125,7 +125,7 @@ private async void Button_Clicked(object sender, EventArgs e)
 - `cancel`: Cancel button text of the dialog. It'll be rendered as the cancel button text.
 - `displayMember`: Display member of the object. It'll be used to specify the property of the object to be displayed or your object should override `ToString()` method.
 
-![MAUI Material Design Dialog Anatomy](images/dialogs-radiobuttons-parameters.png)
+![MAUI Material Design Dialog Anatomy](../images/dialogs-radiobuttons-parameters.png)
 
 ```csharp
 private async void Button_Clicked(object sender, EventArgs e)
@@ -154,7 +154,7 @@ CheckBox prompt can be used to get a multiple selection input from user. It retu
 
 | Light | Dark |
 | --- | --- |
-| ![MAUI Material Design Dialogs](images/dialogs-checkboxes-light-android.png) | ![MAUI Material Design Dialogs](images/dialogs-checkboxes-dark-windows.png) |
+| ![MAUI Material Design Dialogs](../images/dialogs-checkboxes-light-android.png) | ![MAUI Material Design Dialogs](../images/dialogs-checkboxes-dark-windows.png) |
 
 #### Usage
 The easiest way to use CheckBox prompt is to pass a string array to it. It will return the selected options as a string array.
@@ -178,7 +178,7 @@ private async void Button_Clicked(object sender, EventArgs e)
 - `cancel`: Cancel button text of the dialog. It'll be rendered as the cancel button text.
 - `displayMember`: Display member of the object. It'll be used to specify the property of the object to be displayed or your object should override `ToString()` method.
 
-![MAUI Material Design Dialog Anatomy](images/dialogs-checkboxes-parameters.png)
+![MAUI Material Design Dialog Anatomy](../images/dialogs-checkboxes-parameters.png)
 
 ```csharp
 private async void Button_Clicked(object sender, EventArgs e)
@@ -208,7 +208,7 @@ Text prompt can be used to get a text input from user. It returns the entered te
 
 | Light | Dark |
 | --- | --- |
-| ![MAUI Material Design Dialogs](images/dialogs-text-light-android.png) | ![MAUI Material Design Dialogs](images/dialogs-text-dark-windows.png) |
+| ![MAUI Material Design Dialogs](../images/dialogs-text-light-android.png) | ![MAUI Material Design Dialogs](../images/dialogs-text-dark-windows.png) |
 
 ```csharp
 private async void Button_Clicked(object sender, EventArgs e)

docs/en/infrastructure/AutoFormView.md

@@ -35,7 +35,7 @@ public class AutoFormViewPageViewModel : ViewModelBase
 <uranium:AutoFormView Source="{Binding .}" />
 ```
 
-![AutoFormView](images/autoformview-example-dark.png)
+![AutoFormView](../images/autoformview-example-dark.png)
 
 
 ## Configuration
@@ -108,7 +108,7 @@ You can customize the `ItemsLayout` of the `AutoFormView` using the `ItemsLayout
 </uranium:AutoFormView>
 ```
 
-![AutoFormView](images/autoformview-itemslayout-grid-dark.png)
+![AutoFormView](../images/autoformview-itemslayout-grid-dark.png)
 
 
 ## FooterLayout
@@ -122,7 +122,7 @@ You can customize the `FooterLayout` of the `AutoFormView` using the `FooterLayo
 </uranium:AutoFormView>
 ```
 
-![AutoFormView](images/autoformview-footerlayout-dark.png)
+![AutoFormView](../images/autoformview-footerlayout-dark.png)
 
 ## ShowMissingProperties
 
@@ -132,7 +132,7 @@ You can configure the `AutoFormView` to show missing properties using the `ShowM
 <uranium:AutoFormView Source="{Binding .}" ShowMissingProperties="True" />
 ```
 
-![AutoFormView](images/autoformview-showmissingproperties-dark.png)
+![AutoFormView](../images/autoformview-showmissingproperties-dark.png)
 
 
 ## Other Properties
@@ -169,4 +169,4 @@ if (result != null)
 }
 ```
 
-![AutoFormView](images/autoformview-dialogs-dark.png)
+![AutoFormView](../images/autoformview-dialogs-dark.png)

docs/en/infrastructure/ExpanderView.md

@@ -2,7 +2,7 @@
 
 ExpanderView is a view that can be expanded or collapsed. It is useful for showing and hiding content. Common use case is building accordion sections. 
 
-![MAUI Expander View Accordion](images/expanderview-demo-windows-dark.gif)
+![MAUI Expander View Accordion](../images/expanderview-demo-windows-dark.gif)
 
 ## Usage
 It is defined in `UraniumUI.Views` namespace. You can use it in XAML like this:
@@ -41,4 +41,4 @@ You can customize the `ExpanderView` by using the style properties. You can use
 </Style>
 ```
 
-![MAUI Expander View Accordion Customized](images/expanderview-customizations-windows-dark.gif)
+![MAUI Expander View Accordion Customized](../images/expanderview-customizations-windows-dark.gif)

docs/en/infrastructure/GridLayout.md

@@ -51,7 +51,7 @@ The above code will create a grid with 2 columns and 2 rows. The first BoxView w
 </uranium:GridLayout>
 ```
 
-![MAUI GridLayout](images/gridlayout-simple.png)
+![MAUI GridLayout](../images/gridlayout-simple.png)
 
 
 ## Span
@@ -75,4 +75,4 @@ You can use the **Grid.RowSpan** and **Grid.ColumnSpan** properties to span an i
 </uranium:GridLayout>
 ```
 
-![MAUI GridLayout Span](images/gridlayout-spans.png)
+![MAUI GridLayout Span](../images/gridlayout-spans.png)

docs/en/infrastructure/StatefulContentView.md

@@ -21,7 +21,7 @@ Then you can use it with `uranium:StatefulContentView` tag.
 
 | Windows (Dark) | MAC Catalyst (Light) |
 | --- | --- |
-| ![uranium ui stateful view windows](images/statefulcontentview-demo-windows-dark.gif) | ![uranium ui stateful view mac](images/statefulcontentview-demo-mac-light.gif) |
+| ![uranium ui stateful view windows](../images/statefulcontentview-demo-windows-dark.gif) | ![uranium ui stateful view mac](../images/statefulcontentview-demo-mac-light.gif) |
 
 > Hover over the view to see the `PointerOver` state. A mouse should be connected to see this state on mobile platforms.
 

docs/en/themes/material/ButtonView.md

@@ -19,7 +19,7 @@ Then you can use it like this:
 </material:ButtonView>
 ```
 
-![uraniumui buttonview](images/buttonview-demo.png)
+![uraniumui buttonview](../../images/buttonview-demo.png)
 
 
 ## Customizations

docs/en/themes/material/Buttons.md

@@ -47,12 +47,12 @@ List of all available style classes:
 ```
 | Light | Dark |
 | --- | --- |
-| ![MAUI Material Buttons](images/buttons-preview.png)| ![MAUI Material Buttons](images/buttons-preview-dark.png) |
+| ![MAUI Material Buttons](../../images/buttons-preview.png)| ![MAUI Material Buttons](../../images/buttons-preview-dark.png) |
 
 
 All the buttons are implemented by following [Material Design Button Guidelines](https://m3.material.io/components/buttons/overview). So each state works well like Hover on Windows.
 
-![MAUI Button Hover](images/buttons-hover.gif)
+![MAUI Button Hover](../../images/buttons-hover.gif)
 
 
 ## Customization

docs/en/themes/material/CheckBox.md

@@ -38,4 +38,4 @@ And result will be like this:
 
 | Dark - Desktop | Light - Mobile |
 | --- | --- |
-| ![MAUI Material Design CheckBox](images/checkbox-demo-dark.gif) | ![MAUI Material Design CheckBox](images/checkbox-demo-light.gif)  |
+| ![MAUI Material Design CheckBox](../../images/checkbox-demo-dark.gif) | ![MAUI Material Design CheckBox](../../images/checkbox-demo-light.gif)  |

docs/en/themes/material/Containers.md

@@ -21,7 +21,7 @@ Valid container classes are:
 </Frame>
 ```
 
-![Uranium UI Simple Container](images/containers-demo.png)
+![Uranium UI Simple Container](../../images/containers-demo.png)
 
 ---
 
@@ -48,4 +48,4 @@ List of all containers:
 
 | Light | Dark |
 | --- | --- |
-| ![Uranium UI Containers Light](images/containers-demo-android-light.png) | ![Uranium UI Containers Dark](images/containers-demo-android-dark.png) |
+| ![Uranium UI Containers Light](../../images/containers-demo-android-light.png) | ![Uranium UI Containers Dark](../../images/containers-demo-android-dark.png) |

docs/en/themes/material/Divider.md

@@ -7,4 +7,4 @@ Divider is a simple separator for your content. It's not a standalone component.
 
 | Light | Dark |
 | --- | --- |
-| ![MAUI Divider](images/divider-demo-android-light.png) | ![MAUI Divider](images/divider-demo-android-dark.png) |
+| ![MAUI Divider](../../images/divider-demo-android-light.png) | ![MAUI Divider](../../images/divider-demo-android-dark.png) |

docs/en/themes/material/Elevation.md

@@ -25,7 +25,7 @@ Elevation can be applied any type of `View` by using Elevation style classes.
 </StackLayout>
 ```
 
-![MAUI Material Design Elevation](images/elevation-single-demo.png)
+![MAUI Material Design Elevation](../../images/elevation-single-demo.png)
 
 
 All elevation levels are listed below.
@@ -41,4 +41,4 @@ All elevation levels are listed below.
 ```
 
 
-![MAUI Material Design Elevation](images/elevation-all-demo.png)
+![MAUI Material Design Elevation](../../images/elevation-all-demo.png)

docs/en/themes/material/RadioButton.md

@@ -48,4 +48,4 @@ xmlns:material="http://schemas.enisn-projects.io/dotnet/maui/uraniumui/material"
 
 | Dark - Desktop | Light - Mobile |
 | --- | --- |
-| ![MAUI Material Design RadioButton](images/radiobutton-demo-windows-dark.gif) | ![MAUI Material Design RadioButton](images/radiobutton-demo-android-light.gif)  |
+| ![MAUI Material Design RadioButton](../../images/radiobutton-demo-windows-dark.gif) | ![MAUI Material Design RadioButton](../../images/radiobutton-demo-android-light.gif)  |

docs/en/themes/material/Validations.md

@@ -9,7 +9,7 @@ Validations are working compatible together FormView. So, you can use a FormView
 
 | Light - Mobile | Dark - Desktop |
 |--- | --- |
-| ![MAUI Validation](images/validations-all-demo-light-android.gif) | ![MAUI Validation](images/validations-all-demo-dark-windows.gif) |
+| ![MAUI Validation](../../images/validations-all-demo-light-android.gif) | ![MAUI Validation](../../images/validations-all-demo-dark-windows.gif) |
 
 
 ## Usage
@@ -52,7 +52,7 @@ xmlns:validation="clr-namespace:InputKit.Shared.Validations;assembly=InputKit.Ma
 
 | Light | Dark |
 | --- | --- |
-| ![MAUI Validations](images/validations-demo-light-android.gif) | ![MAUI Validations](images/validations-demo-dark-windows.gif) |
+| ![MAUI Validations](../../images/validations-demo-light-android.gif) | ![MAUI Validations](../../images/validations-demo-dark-windows.gif) |
 
 
 ## Prebuilt Validations

docs/en/theming/CascadingStyling.md

@@ -41,7 +41,7 @@ Now you can use your container in a XAML page like the following example. The `L
 </StackLayout>
 ```
 
-![MAUI Cascading Styles](images/cascadingstyle-demo.png)
+![MAUI Cascading Styles](../images/cascadingstyle-demo.png)
 
 
 ### Nested usage
@@ -80,7 +80,7 @@ When you run run the following XAML, you will see the following result:
 </StackLayout>
 ```
 
-![MAUI Cascading Styles](images/cascadingstyle-nested.png)
+![MAUI Cascading Styles](../images/cascadingstyle-nested.png)
 
 ### Referencing Existing Styles
 
@@ -145,4 +145,4 @@ The following usage is enough to apply the style to all buttons under `MyContain
 </StackLayout>
 ```
 
-![uranium ui cascading style](images/cascadingstyle-styleclass.png)
+![uranium ui cascading style](../images/cascadingstyle-styleclass.png)

docs/en/theming/Icons.md

@@ -46,7 +46,7 @@ MAUI support font icons by using `FontImageSource` class. You can use it in `Ima
 </Image>
 ```
 
-![MAUI FontAwesome](images/fontawesome-demo.png)
+![MAUI FontAwesome](../images/fontawesome-demo.png)
 
 ---
 

docs/en/validations/DataAnnotations.md

@@ -39,4 +39,4 @@ With the simple `Binding` method, controls can't know the validation rules. You
 
     > You can check the [DataAnnotations](https://docs.microsoft.com/en-us/dotnet/api/system.componentmodel.dataannotations?view=net-5.0) documentation to learn more about the attributes.
 
-![uraniumui data annotations](images/validations-dataannotations-demo.gif)
+    ![uraniumui data annotations](../images/validations-dataannotations-demo.gif)